/* Monia Chicar – generated from the Figma design (1440 px wide artboards). */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:italic;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:italic;font-weight:500;font-display:swap;src:url(fonts/inter-latin-500-italic.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:italic;font-weight:700;font-display:swap;src:url(fonts/inter-latin-700-italic.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(fonts/inter-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:italic;font-weight:800;font-display:swap;src:url(fonts/inter-latin-800-italic.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(fonts/inter-latin-900-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:italic;font-weight:900;font-display:swap;src:url(fonts/inter-latin-900-italic.woff2) format("woff2")}


/* Two artboards from Figma: desktop (1440 px) from 820 px window width, mobile (390 px) below. */
:root{--blue:#0422bb}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;overflow-x:clip;background:#fff;color:#000}
body{font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
a:hover{opacity:.75}
a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
h1,h2,p{margin:0;font-weight:inherit;font-size:inherit}
img,video{display:block}

.stage{--u:calc(min(100vw,1920px)/var(--aw));position:relative;width:calc(var(--aw)*var(--u));height:calc(var(--ph)*var(--u));margin:0 auto;overflow:clip}
.stage.m{--u:calc(100vw/var(--aw));display:none}
@media (max-width:819px){.stage.d{display:none}.stage.m{display:block}}
.el{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));width:calc(var(--w)*var(--u));margin:0}
img.el,video.el,.rect,.hit,.scrim,.burger{height:calc(var(--h)*var(--u))}
.t{font-size:calc(var(--fs)*var(--u));white-space:pre-wrap;line-height:normal}
.t span{font-size:calc(var(--fs)*var(--u))}
.t.nw{white-space:pre}
.t.outline span{color:transparent;-webkit-text-stroke:calc(var(--sw,3)*var(--u)) #000}
.media{object-fit:cover;border-radius:calc(var(--r,0)*var(--u))}
.rot{transform:rotate(var(--rot))}
.svg{pointer-events:none}
.hit{display:block}
.hit:hover{opacity:1;background:rgba(255,255,255,.06)}
.anchor{position:absolute;left:0;top:calc(var(--y)*var(--u));width:1px;height:1px;pointer-events:none}
.scrim{pointer-events:none;background:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.5) 50%,rgba(255,255,255,0))}

/* Menu bar: transparent at the very top, then stays in view on a white bar */
.navbar{position:fixed;top:0;left:0;right:0;margin:0 auto;width:calc(var(--aw)*var(--u));height:calc(var(--nh)*var(--u));z-index:999990;transition:transform .25s}
body.scrolled .navbar{transform:translateY(calc(var(--ns)*var(--u)*-1))}
.navbar::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.08);opacity:0;transition:opacity .25s}
body.scrolled .navbar::before{opacity:1}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:1000001;background:#000;color:#fff;font-size:16px;padding:12px 18px;border-radius:24px;max-width:calc(100vw - 32px);text-align:center}
.toast[hidden]{display:none}

/* Mobile menu */
.burger{background:none;border:0;padding:0;cursor:pointer}
.menu{position:fixed;inset:0;z-index:1000000;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:80px 28px}
.menu[hidden]{display:none}
.menu a{font-weight:900;text-transform:uppercase;font-size:clamp(34px,11vw,52px);line-height:1.05}
.menu a[aria-current]{color:var(--blue);font-style:italic}
.menu-close{position:absolute;top:14px;right:16px;width:44px;height:44px;border:0;background:none;cursor:pointer}
.menu-close::before,.menu-close::after{content:"";position:absolute;left:10px;top:21px;width:24px;height:3px;border-radius:2px;background:#000;transform:rotate(45deg)}
.menu-close::after{transform:rotate(-45deg)}
body.menu-open{overflow:hidden}

/* Simple text pages (Impressum, Datenschutz) */
.plain{max-width:760px;margin:0 auto;padding:64px 20px}
.legal h1{font-weight:900;text-transform:uppercase;font-size:clamp(36px,6vw,72px);margin:24px 0}
.legal p{font-size:18px;line-height:1.5;margin:0 0 1em}
.legal h2{font-weight:800;font-size:20px;margin:2em 0 .5em}
.legal a{text-decoration:underline}
.legal mark{background:#fff3a0;padding:0 .15em}
.legal .back{font-weight:500;font-style:italic;text-transform:uppercase}