@import url('/account-layout.css');
/* Canonical shared presentation rules for Andrej, Rita, Studio Buddy Art and exTACHELES. */
:root{--site-max:1700px;--site-gutter:clamp(20px,4.5vw,76.5px);--site-line:#dedfd9;--site-ink:#252b27;--site-muted:#727871;--site-accent:#426252;--site-hover:#a9c8ba;--site-icon-width:38px;--site-arrow-width:32px;--site-arrow-offset:40px}
body>.site-header.site-header{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:calc(100% - 2 * var(--site-gutter));max-width:calc(var(--site-max) - 2 * var(--site-gutter));min-height:0;margin:0 auto;padding:27px 0 0;gap:20px 28px;border:0;border-bottom:1px solid var(--site-line)}
.site-header .wordmark{grid-column:1;grid-row:1;min-width:0;max-width:100%;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:29px;font-weight:500;line-height:1.2;letter-spacing:0;text-decoration:none;color:var(--site-ink);white-space:nowrap}
.site-header .wordmark a{font:inherit;letter-spacing:inherit;text-decoration:none;color:inherit}
.site-header .wordmark .wordmark-name{display:inline;font:inherit;color:inherit;letter-spacing:0;text-transform:none;margin:0}
.site-header .wordmark .wordmark-ff{display:inline;font:inherit;color:inherit;letter-spacing:-1px;font-variant-ligatures:common-ligatures;text-transform:none;margin:0}
.site-header .wordmark .wordmark-caption{display:block;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:400;line-height:1.4;letter-spacing:.095em;text-transform:uppercase;color:var(--site-muted);margin:9px 0 0}
.site-header .header-actions{grid-column:2;grid-row:1;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;justify-self:end;gap:8px;margin:0;font:14px/1.5 Arial,Helvetica,sans-serif;min-width:0}
.site-header .header-actions>.contact-link,.site-header .header-actions>a:first-child:not(.header-icon),.site-header .header-actions>.contact-active{display:inline-flex;align-items:center;min-height:42px;margin:0 12px 0 0;padding:0;color:var(--site-ink);font-size:14px;white-space:nowrap;text-decoration:none}
.site-header .header-icon{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;flex-shrink:0;width:var(--site-icon-width);height:42px;min-height:42px;padding:0;border:0;border-radius:0;background:transparent;color:var(--site-ink);text-decoration:none}
.site-header .header-icon svg{width:22px;height:22px;stroke-width:1.5;flex:none}.site-header .header-icon svg[viewBox="0 0 30 24"]{width:28px}
.site-header>nav[aria-label="Hauptnavigation"],.site-header .header-navigation{grid-column:1/-1;grid-row:2;width:100%;min-width:0;justify-self:start;margin:0;padding:0;order:initial}
.site-header nav[aria-label="Hauptnavigation"]{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:0 26px;overflow:visible;white-space:normal;font:14px/1.5 Arial,Helvetica,sans-serif}
.site-header nav[aria-label="Hauptnavigation"]>a,.site-header nav[aria-label="Hauptnavigation"]>span{display:inline-block;box-sizing:border-box;padding:12px 0 15px;border:0;box-shadow:inset 0 -2px transparent;color:var(--site-muted);font-weight:400;text-decoration:none;white-space:nowrap}
.site-header nav[aria-label="Hauptnavigation"]>[aria-current="page"],.site-header nav[aria-label="Hauptnavigation"]>.active,.site-header .header-actions [aria-current="page"],.site-header .header-actions .active,.site-header .header-actions .contact-active{font-weight:700;color:var(--site-accent);box-shadow:inset 0 -2px var(--site-accent);border:0}
.site-header .header-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}.site-header .header-navigation nav{flex:1}.site-header .website-edit-button{margin-bottom:12px}
body>main,body>main.site-main,body>main.home-page{box-sizing:border-box;width:100%;max-width:var(--site-max);margin:0 auto;padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
body>footer,body>footer.site-footer{box-sizing:border-box;width:calc(100% - 2 * var(--site-gutter));max-width:calc(var(--site-max) - 2 * var(--site-gutter));margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;border-top:1px solid var(--site-line)}
main :where(p,li,dd,address) a:not(.button):not(.solid-button):not(.add-to-cart),main .text-link,main .source-link,main .contact-nav a,main .contact-more a,main .legal-nav a,.shared-footer a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
main .text-link{border-bottom:0}
@media(hover:hover){.site-header nav[aria-label="Hauptnavigation"]>a:not([aria-current="page"]):hover,.site-header .header-actions>a:not([aria-current="page"]):hover,.site-header .header-actions button.header-icon:hover{color:var(--site-accent);box-shadow:inset 0 -2px var(--site-hover);border:0;text-decoration:none}.site-header .wordmark:hover,.site-header .wordmark a:hover{color:var(--site-ink);text-decoration:none}.shared-footer a:hover,main :where(p,li,dd,address) a:hover,main .text-link:hover,main .source-link:hover,main .contact-nav a:hover,main .contact-more a:hover,main .legal-nav a:hover{text-decoration:none;color:var(--site-accent)}}
.site-header a:focus-visible,.site-header button:focus-visible,main a:focus-visible,main button:focus-visible,footer a:focus-visible{outline:2px solid var(--site-accent);outline-offset:4px}
.site-header a,.site-header button,main a,footer a{transition:color .16s ease,box-shadow .16s ease}
@media(max-width:600px){body>.site-header.site-header{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:24px}.site-header .wordmark{font-size:27px;white-space:normal}.site-header .header-actions{grid-column:1;grid-row:2}.site-header>nav[aria-label="Hauptnavigation"],.site-header .header-navigation{grid-row:3}.site-header nav[aria-label="Hauptnavigation"]{gap:0 22px}.site-header .wordmark .wordmark-caption{font-size:11px}.site-header .header-navigation nav{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.site-header a,.site-header button,main a,footer a{transition:none}}
@media print{body>.site-header.site-header,body>footer.site-footer,body>footer{display:none!important}}
:root{--site-logout:#8a4545;--site-logout-hover:#703535}
:is(.account-logout,[data-logout],a[href*="action=logout"],a[href*="customer-logout"],a[href^="/signout-with-chatgpt"]){color:var(--site-logout)!important}
:is(.account-logout,[data-logout],a[href*="action=logout"],a[href*="customer-logout"],a[href^="/signout-with-chatgpt"]):is(:hover,:focus-visible){color:var(--site-logout-hover)!important;text-decoration:none}
