@font-face{font-family:Big Shoulders Display;font-weight:800;font-display:swap;src:url(/assets/big-shoulders-display-800-DDUD9Xuh.woff2) format("woff2")}@font-face{font-family:Saira Semi Condensed;font-weight:600;font-display:swap;src:url(/assets/saira-semi-condensed-600-BlCmTINa.woff2) format("woff2")}@font-face{font-family:Saira Semi Condensed;font-weight:700;font-display:swap;src:url(/assets/saira-semi-condensed-700-DrSnQFZS.woff2) format("woff2")}@font-face{font-family:Saira Semi Condensed;font-weight:800;font-display:swap;src:url(/assets/saira-semi-condensed-800-B46voXx8.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/assets/inter-400-C38fXH4l.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/assets/inter-600-LgqL8muc.woff2) format("woff2")}:root{--grund: #05060a;--flaeche: #0b0d13;--linie: rgba(255, 255, 255, .09);--text: #eef1f5;--leise: #a8afba;--akzent: #ffc861;--anzeige: "Big Shoulders Display", "Saira Semi Condensed", sans-serif;--titel: "Saira Semi Condensed", "Segoe UI", sans-serif;--fliess: "Inter", "Segoe UI", sans-serif;--rand: clamp(16px, 5vw, 80px);--breit: 1320px;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--grund)}html.lenis,html.lenis body{height:auto}body{background:var(--grund);color:var(--text);font:400 17px/1.6 var(--fliess);overflow-x:hidden;-webkit-font-smoothing:antialiased}body.gesperrt{overflow:hidden}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}.unsichtbar{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}::selection{background:color-mix(in srgb,var(--akzent) 60%,transparent);color:#000}:focus-visible{outline:2px solid var(--akzent);outline-offset:3px}#koernung{position:fixed;inset:-50%;z-index:41;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:koernen .9s steps(4) infinite}@keyframes koernen{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-4%)}75%{transform:translate(-2%,-1%)}}#kopf{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:36px;padding:20px var(--rand);transition:background-color .4s,padding .4s,backdrop-filter .4s}#kopf:before{content:"";position:absolute;inset:0 0 -40px;z-index:-1;pointer-events:none;background:linear-gradient(rgba(5,6,10,.75),transparent);transition:opacity .4s}#kopf.fest{padding-top:12px;padding-bottom:12px;background:#05060ab8;backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--linie)}#kopf.fest:before{opacity:0}.marke{font:800 22px/1 var(--anzeige);letter-spacing:.24em}#kopf>.marke{display:block;flex:none;line-height:0}.marke-logo{display:block;height:30px;width:auto;filter:drop-shadow(0 0 10px rgba(0,0,0,.6))}#kopf.fest .marke-logo{height:26px}.navi{display:flex;gap:26px;align-items:center;margin-left:auto;font:600 13px/1 var(--titel);letter-spacing:.16em;text-transform:uppercase}.navi a{position:relative;opacity:.78;transition:opacity .2s,color .2s;padding:6px 0}.navi a:hover,.navi a.aktiv{opacity:1}.navi a.aktiv:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--akzent);box-shadow:0 0 10px var(--akzent)}.navi .spielen{opacity:1}.nur-handy,.menue-knopf{display:none}.sprachwahl{display:inline-flex;align-items:center;gap:.5em}.sprachwahl b{font-weight:inherit;color:var(--akzent)}.sprachwahl i{font-style:normal;opacity:.35}@media (max-width: 1400px){#kopf{gap:22px}.navi{gap:16px;letter-spacing:.1em}.marke-logo,#kopf.fest .marke-logo{height:24px}}@media (max-width: 1080px){#kopf{gap:18px}.nur-handy{display:block;margin-left:auto;font:600 13px/1 var(--titel);letter-spacing:.16em;text-transform:uppercase;padding:6px 0}.marke-logo,#kopf.fest .marke-logo{height:24px}.menue-knopf{display:grid;place-content:center;gap:7px;width:44px;height:44px;margin-right:-10px;background:none;border:0;color:inherit;cursor:pointer;position:relative;z-index:2}.menue-knopf i{display:block;width:24px;height:2px;background:currentColor;transition:transform .3s}.offen .menue-knopf i:first-child{transform:translateY(4.5px) rotate(45deg)}.offen .menue-knopf i:last-child{transform:translateY(-4.5px) rotate(-45deg)}.navi{position:fixed;inset:0;z-index:1;margin:0;flex-direction:column;justify-content:center;gap:8px;background:#05060af7;font:800 clamp(34px,9vw,56px)/1.1 var(--anzeige);letter-spacing:.06em;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.offen .navi{opacity:1;visibility:visible}.navi .sprachwahl{margin-top:12px}.navi a.aktiv:after{display:none}.navi a.aktiv{color:var(--akzent)}}.glitch,.name{position:relative}.zuckt{animation:zucken .5s steps(2) 1}@keyframes zucken{0%{text-shadow:3px 0 #ff2d7a,-3px 0 #2de2ff;transform:translate(2px) skew(-6deg)}40%{text-shadow:-4px 0 #ff2d7a,4px 0 #2de2ff;transform:translate(-3px);clip-path:inset(10% 0 35% 0)}70%{text-shadow:2px 0 #ff2d7a,-2px 0 #2de2ff;clip-path:inset(55% 0 5% 0)}to{text-shadow:none;transform:none;clip-path:none}}.neon{color:#fff;text-shadow:0 0 4px #fff,0 0 14px var(--akzent),0 0 38px var(--akzent),0 0 80px color-mix(in srgb,var(--akzent) 60%,transparent)}.neon.an{animation:roehre 6s infinite}@keyframes roehre{0%,18%,22%,25%,53%,57%,to{opacity:1}20%,24%,55%{opacity:.35;text-shadow:none}}.flaeche{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}.innen{width:min(var(--breit),100%);margin:0 auto;padding:0 var(--rand)}.abschnitt{position:relative;padding:clamp(90px,16vh,180px) 0}[data-rast]{min-height:100vh;min-height:100svh}.abschnitt[data-rast]{display:flex;flex-direction:column;justify-content:center;padding:clamp(90px,12vh,130px) 0 clamp(40px,6vh,80px)}.kicker{font:600 13px/1.3 var(--titel);letter-spacing:.35em;text-transform:uppercase;color:var(--farbe, var(--akzent));text-shadow:0 0 12px color-mix(in srgb,var(--farbe, var(--akzent)) 60%,transparent)}.gross{font:800 clamp(44px,6vw,104px)/.92 var(--anzeige);text-transform:uppercase}.mittel{font:800 clamp(34px,4vw,64px)/.95 var(--anzeige);text-transform:uppercase;letter-spacing:.02em}.riesig{font:800 clamp(64px,13vw,230px)/.85 var(--anzeige);text-transform:uppercase}.einleitung{font-size:clamp(18px,1.5vw,23px);line-height:1.55;color:#dfe4ea;max-width:38em}.kicker+.gross,.kicker+.mittel{margin-top:14px}.gross+.einleitung,.mittel+.einleitung{margin-top:24px}@property --umlauf{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.knopf{--f: var(--farbe, var(--akzent));--fuell: var(--f);--fuell-o: color-mix(in srgb, var(--f) 88%, #fff);--rand-f: color-mix(in srgb, var(--f) 55%, #fff);position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:14px;padding:17px 30px 16px;border:0;background:none;cursor:pointer;font:700 15px/1 var(--titel);letter-spacing:.1em;text-transform:uppercase;color:#0a0b0f;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--f) 30%,transparent));transition:filter .3s,transform .12s ease-out}.knopf:before{content:"";position:absolute;inset:0;z-index:-1;border:2px solid transparent;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:linear-gradient(225deg,transparent 9px,var(--fuell-o) 9px) top / 100% 51% no-repeat padding-box,linear-gradient(45deg,transparent 9px,var(--fuell) 9px) bottom / 100% 51% no-repeat padding-box,conic-gradient(from var(--umlauf),transparent 0 62%,rgba(255,255,255,.95) 78%,transparent 92%) border-box,linear-gradient(var(--rand-f),var(--rand-f)) border-box;box-shadow:inset 0 1px #ffffff73}.knopf:after{content:"→";font-family:var(--fliess);letter-spacing:0;transition:transform .2s}.knopf:hover{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--f) 80%,transparent)) drop-shadow(0 0 32px color-mix(in srgb,var(--f) 45%,transparent))}.knopf:hover:before{animation:umlauf 1.8s linear infinite}.knopf:hover:after{transform:translate(4px)}.knopf:active{transform:translateY(2px);transition-duration:60ms}@keyframes umlauf{to{--umlauf: 360deg}}.knopf.gross{padding:22px 38px 21px;font-size:17px}.knopf.laden:after{content:"↓"}.knopf.laden:hover:after{transform:translateY(3px)}.knopf.hohl{--fuell: rgba(12, 15, 20, .8);--fuell-o: rgba(30, 34, 42, .8);--rand-f: color-mix(in srgb, var(--f) 60%, transparent);color:var(--text);filter:none}.knopf.hohl:before{box-shadow:inset 0 1px #ffffff24}.knopf.hohl:hover{--rand-f: var(--f);filter:drop-shadow(0 0 16px color-mix(in srgb,var(--f) 45%,transparent))}.knoepfe{display:flex;flex-wrap:wrap;gap:16px}.karte{position:relative;flex:none;width:clamp(130px,14vw,230px);aspect-ratio:400 / 595;border-radius:10px;overflow:hidden;background:var(--flaeche);box-shadow:0 0 0 1px color-mix(in srgb,var(--kante) 70%,transparent),0 0 26px color-mix(in srgb,var(--kante) 35%,transparent),0 30px 60px #000c;transition:transform .4s,box-shadow .4s}.karte:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 0 0 2px var(--kante),0 0 44px var(--kante),0 30px 60px #000c}.karte img{width:100%;height:100%;object-fit:cover}.karte:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.16),transparent 35%);pointer-events:none}.karte figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 10px 10px;font:800 13px/1.15 var(--titel);letter-spacing:.06em;text-transform:uppercase;text-align:center;background:linear-gradient(transparent,#000000d9);opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}.karte:hover figcaption,.karte:focus-within figcaption{opacity:1;transform:none}.karten-band{position:relative;padding:12vh 0;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.wort-band{position:relative;z-index:1;margin-bottom:9vw;text-align:center;white-space:nowrap;pointer-events:none;font:800 clamp(100px,18vw,340px)/1 var(--anzeige);text-transform:uppercase;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.22)}.wort-band .zahl{display:inline;font:inherit;-webkit-text-stroke:0;color:#fff;text-shadow:0 0 30px var(--akzent),0 0 80px var(--akzent)}.reihen{position:relative;display:grid;gap:3vw;transform:rotate(-7deg) scale(1.1)}.reihe{display:flex;gap:2.2vw;width:max-content}.band-text{position:relative;margin:calc(10vh + 28px) auto 0;max-width:46em;padding:0 var(--rand);text-align:center;font-size:clamp(18px,1.6vw,24px);color:#dfe4ea}.band-titel{font:800 clamp(28px,3.6vw,64px)/1.05 var(--anzeige);text-transform:uppercase;letter-spacing:.06em;color:#fff;margin-bottom:18px;text-shadow:0 0 30px color-mix(in srgb,var(--akzent) 45%,transparent)}.band-text .knopf{margin-top:34px}.zahl{display:block;font:800 clamp(70px,8vw,140px)/.9 var(--anzeige);font-variant-numeric:tabular-nums}#fuss{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:24px 40px;padding:48px calc(var(--rand) + 64px) 48px var(--rand);border-top:1px solid var(--linie);font:600 13px/1 var(--titel);letter-spacing:.15em;text-transform:uppercase;color:var(--leise)}#fuss nav{display:flex;flex-wrap:wrap;gap:14px 26px}#fuss .recht{margin-left:auto}.fuss-marke{display:flex;align-items:baseline;gap:14px}.fuss-marke .marke{color:var(--text);font-size:18px}#fuss a:hover{color:#fff}.seitenkopf{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:160px var(--rand) 9vh;overflow:hidden}.sk-bild{position:absolute;inset:0;z-index:-1}.sk-bild:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--grund) 2%,rgba(5,6,10,.55) 45%,rgba(5,6,10,.35)),linear-gradient(90deg,rgba(5,6,10,.75),transparent 70%)}.sk-titel{margin-top:14px;font:800 clamp(64px,11vw,200px)/.86 var(--anzeige);text-transform:uppercase;text-shadow:0 0 40px rgba(0,0,0,.6)}.sk-text{margin-top:26px;max-width:36em;font-size:clamp(18px,1.5vw,23px);color:#e0e5ea;text-shadow:0 2px 14px #000}.nach-oben{position:fixed;right:var(--rand);bottom:22px;z-index:50;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:#080a0e99;border:1px solid color-mix(in srgb,var(--akzent) 55%,transparent);color:#fff;backdrop-filter:blur(6px);box-shadow:0 0 18px color-mix(in srgb,var(--akzent) 30%,transparent);opacity:0;pointer-events:none;transition:opacity .4s,box-shadow .3s,border-color 1.2s}.nach-oben.sichtbar{opacity:1;pointer-events:auto}.nach-oben:hover{box-shadow:0 0 28px var(--akzent)}.nach-oben:before{content:"";width:10px;height:10px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:translateY(2px) rotate(45deg)}.vorhang{position:fixed;inset:0;z-index:60;background:#000;opacity:0;pointer-events:none}.ruhig #koernung,.ruhig .knopf:before{animation:none!important}.ruhig [data-auf],.ruhig [data-auf]>*{visibility:visible!important;opacity:1!important;transform:none!important}@media (max-width: 760px){body{font-size:16px}#fuss .recht{margin-left:0}}@media (max-height: 820px) and (min-width: 761px){.abschnitt[data-rast]{padding-top:76px;padding-bottom:24px}.einleitung{font-size:17px}.gross{font-size:clamp(44px,min(6vw,10vh),104px)}.mittel{font-size:clamp(30px,min(4vw,7vh),64px)}.seitenkopf{padding-top:100px;padding-bottom:6vh}.sk-titel{font-size:clamp(56px,min(11vw,20vh),200px)}}