.held{position:relative;height:100svh;min-height:560px;overflow:hidden;background:#000;display:flex;align-items:flex-end}.dias{position:absolute;inset:-6% 0 0}.dia{position:absolute;inset:0;opacity:0;transition:opacity 1.6s ease}.dia.an{opacity:1}.dia .flaeche{transform:scale(1.02);transition:transform 8s linear}.dia.an .flaeche{transform:scale(1.1)}.held-schleier{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#05060aeb,#05060a73 38%,#05060a2e 70%,#05060a59),linear-gradient(90deg,rgba(5,6,10,.55) 0%,transparent 60%)}.held-inhalt{position:relative;z-index:2;padding:0 var(--rand) clamp(120px,18vh,190px);width:100%}.held-titel{margin-top:calc(14px + .18em);font:800 clamp(48px,6vw,112px)/.88 var(--anzeige);text-transform:uppercase;letter-spacing:-.005em;max-width:9.5em;text-shadow:0 4px 40px rgba(0,0,0,.55)}.wort-h{display:inline-block;overflow:hidden;vertical-align:top;padding:.14em .02em .04em;margin-top:-.14em}.wort-h>span{display:inline-block}.held-unter{margin-top:26px;max-width:34em;font-size:clamp(18px,1.55vw,24px);line-height:1.5;color:#eef1f5;text-shadow:0 2px 16px rgba(0,0,0,.8)}.held-knoepfe{margin-top:36px}.dia-leiste{position:absolute;z-index:3;left:var(--rand);right:var(--rand);bottom:34px;list-style:none;display:grid;grid-template-columns:repeat(var(--n, 5),1fr);gap:18px}.dia-leiste button{width:100%;display:grid;gap:10px;padding:8px 0;background:none;border:0;color:var(--leise);text-align:left;cursor:pointer;font:600 12px/1.2 var(--titel);letter-spacing:.18em;text-transform:uppercase;transition:color .3s}.dia-leiste button:hover,.dia-leiste button.an{color:#fff}.dia-leiste i{position:relative;display:block;height:2px;background:#ffffff38;overflow:hidden}.dia-leiste i:after{content:"";position:absolute;inset:0;background:var(--akzent);box-shadow:0 0 8px var(--akzent);transform:scaleX(0);transform-origin:left}.dia-leiste .an i:after{animation:fortschritt var(--dauer, 6s) linear forwards}@keyframes fortschritt{to{transform:scaleX(1)}}.ruhig .dia-leiste .an i:after{animation:none;transform:scaleX(1)}.mit-banner .held-schleier{background:linear-gradient(0deg,#05060af0,#05060a80 34%,#05060a26 70%,#05060a66),linear-gradient(90deg,rgba(5,6,10,.75) 0%,rgba(5,6,10,.3) 45%,transparent 70%)}.banner{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;visibility:hidden;transition:visibility 0s .9s}.banner.an{visibility:visible;transition:none}.banner-inhalt{max-width:min(52%,820px)}.banner-inhalt>*{opacity:0;transform:translateY(26px);transition:opacity .5s ease,transform .5s ease}.banner.an .banner-inhalt>*{opacity:1;transform:none;transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.banner.an .banner-inhalt>:nth-child(2){transition-delay:.08s}.banner.an .banner-inhalt>:nth-child(3){transition-delay:.16s}.banner.an .banner-inhalt>:nth-child(4){transition-delay:.24s}.banner.an .banner-inhalt>:nth-child(n+5){transition-delay:.32s}.banner-titel{margin-top:calc(10px + .14em);font:800 clamp(46px,5.6vw,108px)/.9 var(--anzeige);text-transform:uppercase}.banner-zeile{margin-top:14px;font:600 clamp(13px,1.1vw,17px)/1.3 var(--titel);letter-spacing:.3em;text-transform:uppercase;color:var(--akzent)}.mit-banner .held-unter{margin-top:20px;max-width:30em;font-size:clamp(17px,1.35vw,21px)}.banner-tags{margin-top:22px;list-style:none;display:flex;flex-wrap:wrap;gap:10px}.banner-tags li{display:grid;padding:8px 14px 7px;border-left:2px solid var(--farbe);background:#05060a8c;backdrop-filter:blur(6px);cursor:help}.banner-tags b{font:800 15px/1.1 var(--titel);letter-spacing:.08em;text-transform:uppercase;color:var(--farbe)}.banner-tags span{font-size:13px;color:var(--leise)}.banner-bild{position:absolute;top:0;bottom:0;right:0;width:54%;pointer-events:none}.banner-bild .karte{position:absolute;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 0 0 1px var(--kante),0 0 26px color-mix(in srgb,var(--kante) 55%,transparent),0 24px 50px #0009;opacity:0;transition:opacity .6s ease,transform 1s cubic-bezier(.2,.8,.2,1)}.banner-bild .karte img{display:block;width:100%;height:auto}.banner.an .banner-bild .karte{opacity:1;transition-delay:calc(.15s + var(--j) * .06s)}.b-faecher .karte{left:calc(56% - 24px);top:50%;width:clamp(110px,10.5vw,190px);margin:calc(clamp(110px,10.5vw,190px)*-.74) 0 0 calc(clamp(110px,10.5vw,190px)/-2);transform:translateY(60px);transform-origin:50% 100%}.banner.an.b-faecher .karte{transform:translate(calc(var(--i) * 40%)) translateY(calc(var(--i) * var(--i) * 5px)) rotate(calc(var(--i) * 6deg))}.b-raster .banner-bild{display:grid;align-content:center;justify-items:center;gap:clamp(14px,2vw,30px);transform:rotate(-6deg)}.b-raster .reihe-a,.b-raster .reihe-b{display:flex;gap:clamp(14px,1.8vw,30px)}.b-raster .reihe-b{margin-left:clamp(90px,9vw,180px)}.b-raster .karte{position:relative;width:clamp(110px,10vw,185px);transform:translateY(50px) scale(.94);box-shadow:-4px 0 0 0 var(--kante),4px 0 0 0 var(--kante2),0 0 30px color-mix(in srgb,var(--kante) 45%,transparent),0 0 30px color-mix(in srgb,var(--kante2) 45%,transparent),0 24px 50px #0009}.b-raster .reihe-b .karte{--j: calc(var(--i) + 4)}.banner.an.b-raster .karte{transform:none}.b-anfuehrer .figur{position:absolute;width:auto;max-width:none;filter:drop-shadow(0 10px 30px rgba(0,0,0,.85));opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform 1.1s cubic-bezier(.2,.8,.2,1)}.b-anfuehrer .f-wirtschaft,.b-anfuehrer .f-schutz{-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 22%);mask-image:linear-gradient(0deg,transparent 0,#000 22%)}.b-anfuehrer .f-wirtschaft{left:10%;bottom:33%;height:50%}.b-anfuehrer .f-schutz{left:46%;bottom:31%;height:56%}.b-anfuehrer .f-masse{left:-2%;bottom:0;height:70%;z-index:2}.b-anfuehrer .f-stoerung{right:0;bottom:0;height:64%;z-index:2}.banner.an.b-anfuehrer .figur{opacity:1;transform:none}.banner.an .f-schutz{transition-delay:.1s}.banner.an .f-masse{transition-delay:.25s}.banner.an .f-stoerung{transition-delay:.35s}.ruhig .banner-inhalt>*,.ruhig .banner-bild .karte,.ruhig .b-anfuehrer .figur{transition:none}@media (max-width: 1000px){.banner-inhalt{max-width:none}.banner-bild{width:100%;bottom:46%;opacity:.55}}@media (max-width: 760px){.banner-titel{font-size:clamp(44px,13vw,80px)}.mit-banner .held-unter{font-size:16px}.banner-bild{bottom:50%}.b-faecher .karte{width:80px;margin:-60px 0 0 -40px}.b-raster .karte{width:74px}.b-raster .reihe-b{margin-left:60px}}.spiel-kopf{max-width:900px}.saeulen{margin-top:clamp(30px,4vh,60px);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,32px)}.saeule{position:relative;display:flex;flex-direction:column;background:var(--flaeche);border:1px solid var(--linie);border-radius:16px;overflow:hidden}.saeule-bild{position:relative;aspect-ratio:2 / 1;overflow:hidden;background:#000}.saeule-bild .flaeche{transition:transform .8s ease}.saeule:hover .saeule-bild .flaeche{transform:scale(1.05)}.saeule-bild:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,var(--flaeche));pointer-events:none}.faecher{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--akzent) 22%,transparent),transparent 70%),#07080c}.faecher .karte{position:absolute;width:30%;top:12%}.faecher .karte:nth-child(1){transform:translate(-62%) rotate(-12deg)}.faecher .karte:nth-child(2){transform:translateY(-4%);z-index:1}.faecher .karte:nth-child(3){transform:translate(62%) rotate(12deg)}.saeule:hover .faecher .karte:nth-child(1){transform:translate(-74%) rotate(-16deg)}.saeule:hover .faecher .karte:nth-child(3){transform:translate(74%) rotate(16deg)}.saeule-nr{margin:20px 28px 0;font:800 46px/1 var(--anzeige);color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--akzent) 85%,white)}.saeule h3{margin:8px 28px 0;font:800 clamp(26px,2.2vw,36px)/1 var(--anzeige);text-transform:uppercase;letter-spacing:.04em}.saeule p{margin:12px 28px 24px;color:#cfd5dc}.spiel-mehr{margin-top:clamp(24px,4vh,48px)}.vier{position:relative;--kopf-h: 84px}.vier-buehne{position:relative;height:100vh;overflow:hidden;background:#000}.keyart{position:absolute;inset:0;transform-origin:50% 60%}.logo-gross{position:absolute;left:50%;top:13vh;width:min(30vw,620px);margin-left:calc(min(30vw,620px)/-2);max-width:none;pointer-events:none;filter:drop-shadow(0 0 18px rgba(255,200,120,.45)) drop-shadow(0 0 60px rgba(120,190,255,.35))}.figuren{position:absolute;left:0;right:0;bottom:0;top:calc(var(--kopf-h) + 2vh)}.figuren .flaeche{object-fit:contain;object-position:50% 100%}.vier-schleier{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 30% 62% at 50% 100%,rgba(5,6,10,.92) 0%,rgba(5,6,10,.7) 55%,transparent 100%),linear-gradient(0deg,rgba(5,6,10,.7) 0%,transparent 16%)}.vier-text{position:absolute;left:50%;bottom:5vh;--w: min(34vw, 620px, calc((100vh - var(--kopf-h)) * .7));width:var(--w);margin-left:calc(var(--w) / -2);display:grid;justify-items:center;text-align:center}.vier-text .gross{font-size:clamp(40px,min(4.4vw,7vh),84px)}.vier-text .einleitung{margin-top:14px;font-size:clamp(15px,min(1.1vw,2.1vh),19px)}.vier-text .vier-knoepfe{margin-top:24px;justify-content:center;flex-wrap:nowrap;width:max-content}.vier-liste{margin-top:20px;list-style:none;display:grid;grid-template-columns:repeat(2,auto);gap:12px 28px;justify-content:center;text-align:left}.vier-liste li{display:grid;gap:5px;padding-left:14px;border-left:2px solid var(--farbe);cursor:help}.vier-liste b{font:800 clamp(16px,1.2vw,21px)/1 var(--titel);text-transform:uppercase;letter-spacing:.06em;color:var(--farbe);text-shadow:0 0 16px color-mix(in srgb,var(--farbe) 50%,transparent)}.vier-liste em{font:600 12px/1 var(--titel);font-style:normal;letter-spacing:.18em;text-transform:uppercase;color:var(--leise)}.modi-kopf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"kicker kicker" "titel text" "titel mehr";gap:0 5vw;align-items:end}.modi-kopf .kicker{grid-area:kicker}.modi-kopf .gross{grid-area:titel;align-self:end}.modi-kopf .einleitung{grid-area:text;margin:0;color:#fff}.modi-mehr{grid-area:mehr;margin-top:14px;max-width:38em;color:var(--leise);line-height:1.6}.modi-reihe{margin-top:clamp(30px,5vh,60px);display:grid;gap:clamp(14px,1.6vw,24px)}.modi.n3 .modi-reihe{grid-template-columns:repeat(3,1fr)}.modi.n2 .modi-reihe{grid-template-columns:repeat(2,1fr)}.modus{position:relative;height:clamp(280px,46vh,540px);border-radius:16px;overflow:hidden;background:#000;display:flex;align-items:flex-end;isolation:isolate}.modus .flaeche{z-index:-2;transition:transform 1s ease,filter .6s;filter:saturate(.85) brightness(.8)}.modus:hover .flaeche{transform:scale(1.06);filter:saturate(1.1) brightness(.95)}.modus:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(5,6,10,.95) 10%,rgba(5,6,10,.3) 60%,transparent)}.modus:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--linie);transition:box-shadow .4s;pointer-events:none}.modus:hover:after{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--akzent) 60%,transparent),inset 0 0 40px color-mix(in srgb,var(--akzent) 15%,transparent)}.modus-text{padding:clamp(22px,2.4vw,38px)}.modus h3{font:800 clamp(32px,3.4vw,60px)/.95 var(--anzeige);text-transform:uppercase;letter-spacing:.03em}.modus p{margin-top:12px;color:#d3d8de;max-width:30em;font-size:clamp(16px,1.15vw,19px)}.modus small{display:block;margin-top:12px;font:600 11px/1.4 var(--titel);letter-spacing:.18em;text-transform:uppercase;color:var(--leise)}.news .kicker{color:var(--leise);text-shadow:none}.versionsnummer{margin-top:12px;font:800 clamp(70px,9vw,160px)/.85 var(--anzeige);color:transparent;-webkit-text-stroke:2px #fff;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--akzent) 50%,transparent))}.news h3{margin-top:18px;font:800 clamp(30px,3.6vw,56px)/1 var(--anzeige);text-transform:uppercase}.news ul{list-style:none;margin:7vh 0 52px;display:grid;gap:22px;max-width:56em}.news li{padding-left:26px;border-left:2px solid color-mix(in srgb,var(--akzent) 40%,transparent);color:#d3d8de}.news strong{color:#fff;font-weight:600}.finale{position:relative;min-height:100vh;display:grid;align-content:center;overflow:hidden}.finale-schleier{position:absolute;inset:0;background:linear-gradient(90deg,#05060aeb 10%,#05060a80 60%,#05060abf),linear-gradient(0deg,var(--grund),transparent 30%,transparent 70%,var(--grund))}.finale .innen{position:relative;display:grid;justify-items:start;gap:28px}.finale p{font-size:clamp(18px,1.6vw,24px);color:var(--leise)}.finale .knoepfe{gap:20px}.download-hinweis{margin-top:-10px;font-size:13px;color:var(--leise);max-width:46em}@media (max-width: 1000px){.saeulen,.modi.n3 .modi-reihe{grid-template-columns:1fr}.modi-kopf{grid-template-columns:1fr;grid-template-areas:"kicker" "titel" "text" "mehr"}.modi-kopf .einleitung{margin-top:20px}.modus{height:auto;min-height:300px}.vier-text{left:var(--rand);right:var(--rand);width:auto;margin-left:0;justify-items:start;text-align:left}.vier-text .vier-knoepfe{justify-content:flex-start;flex-wrap:wrap;width:auto}.vier-liste{justify-content:start}.vier-schleier{background:linear-gradient(0deg,rgba(5,6,10,.95) 0%,rgba(5,6,10,.6) 34%,transparent 62%)}}@media (max-width: 760px){.dia-leiste{grid-template-columns:repeat(var(--n, 5),1fr);gap:8px;bottom:22px}.dia-leiste span{display:none}.held-inhalt{padding-bottom:80px}.modi.n2 .modi-reihe{grid-template-columns:1fr}.vier-liste{grid-template-columns:1fr 1fr;gap:10px 16px}.vier-text .einleitung{font-size:16px}.logo-gross{top:12vh}}@media (max-aspect-ratio: 1/1){.vier-buehne{height:auto}.keyart{position:relative;inset:auto auto auto 50%;height:72svh;width:128svh;margin-left:-64svh;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}.vier-schleier{display:none}.vier-text{position:relative;left:auto;right:auto;bottom:auto;width:auto;margin:-3svh 0 0;padding:0 var(--rand) 9vh}}.spiel[data-rast]{padding-top:clamp(100px,12vh,140px);padding-bottom:clamp(80px,11vh,130px)}@media (max-height: 820px) and (min-width: 761px){.spiel[data-rast]{padding-top:96px;padding-bottom:64px}.saeule-bild{aspect-ratio:5 / 2}.saeule-nr{margin-top:12px;font-size:34px}.saeule p{margin-bottom:16px;font-size:15px}.versionsnummer{font-size:clamp(90px,min(15vw,22vh),260px)}.news ul{margin:4vh 0 30px;gap:14px}.modi-mehr{font-size:15px}}@media (max-height: 920px) and (min-width: 761px){.saeulen{margin-top:20px}.saeule h3{font-size:24px}.spiel-mehr{margin-top:16px}}.banner-logo{line-height:0;margin-left:-.4vw}.banner-logo img{width:clamp(280px,34vw,640px);height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.85))}@media (max-aspect-ratio: 1/1){.d-spiel .flaeche{object-position:68% center}}.spiel-szene{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden}.sz-kulisse{position:absolute;inset:-4% 0;z-index:-2;-webkit-mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent)}.sz-schleier{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#05060aeb,#05060aa8 38%,#05060a1f 72%,#05060a4d)}.sz-inhalt{position:relative;z-index:2;width:100%;padding:130px var(--rand) 90px}.sz-inhalt>*{max-width:min(34em,42vw)}.sz-inhalt>.kicker{max-width:none}.sz-titel{margin-top:calc(12px + .14em);max-width:none;font:800 clamp(52px,6.4vw,122px)/.9 var(--anzeige);text-transform:uppercase}.sz-logo{line-height:0;margin-left:-.4vw}.sz-logo img{width:clamp(300px,36vw,680px);height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.85))}.sz-zeile{margin-top:18px;font:600 clamp(13px,1.1vw,17px)/1.4 var(--titel);letter-spacing:.28em;text-transform:uppercase;color:var(--akzent)}.sz-text{margin-top:18px;font-size:clamp(18px,1.45vw,22px);line-height:1.55;color:#dfe4ea;text-shadow:0 2px 16px rgba(0,0,0,.8)}.spiel-szene .knoepfe{margin-top:36px}.sz-motiv{position:absolute;z-index:1;top:0;bottom:0;right:0;width:50%}.sz-faecher{position:absolute;inset:0}.sz-faecher .karte{--b: clamp(130px, 11.5vw, 220px);position:absolute;left:50%;top:52%;width:var(--b);margin:calc(var(--b) * -.74) 0 0 calc(var(--b) / -2);translate:calc(var(--i) * 62%) calc(var(--i) * var(--i) * 9px);rotate:calc(var(--i) * 7deg);transform-origin:50% 110%}.sz-faecher .karte:nth-child(3){z-index:2}.sz-faecher .karte:nth-child(2),.sz-faecher .karte:nth-child(4){z-index:1}.sz-overclock .sz-kulisse .flaeche{filter:brightness(.55) saturate(1.1)}.sz-runner{position:absolute;left:10%;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:center}.sz-runner img{position:relative;width:31%;height:auto;max-width:none;margin:0 -3.5%;filter:drop-shadow(0 18px 30px rgba(0,0,0,.8));-webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent)}.sz-runner img:nth-child(odd){width:27%;z-index:0;filter:drop-shadow(0 18px 30px rgba(0,0,0,.8)) brightness(.8)}.sz-runner img:nth-child(2n){z-index:1}.sz-shooter{--akzent: #46f0a8}.sz-shooter .kicker{color:var(--akzent)}.sz-shooter{background:#000}.sz-shooter .sz-kulisse .flaeche{object-position:70% center}.sz-shooter.platzhalter .sz-kulisse .flaeche{filter:grayscale(.7) brightness(.4) contrast(1.15)}.sz-shooter .sz-schleier{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.75) 36%,transparent 70%)}.sz-shooter .sz-text{color:#fff}.sz-shooter .sz-titel{color:transparent;-webkit-text-stroke:2px #eef1f5}.sz-puls{display:block;width:min(100%,620px);max-width:none!important;height:90px;margin-top:18px;color:var(--akzent);overflow:visible}.puls-linie,.puls-schein{fill:none;stroke:currentColor;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1}.puls-linie{stroke-width:4}.puls-schein{stroke-width:12;opacity:.35;filter:blur(5px)}.sz-puls path{animation:puls-zeichnen 5s linear infinite}@keyframes puls-zeichnen{0%{stroke-dashoffset:1;opacity:1}72%{stroke-dashoffset:0}88%{opacity:1}to{stroke-dashoffset:0;opacity:0}}.sz-puls .puls-schein{animation-name:puls-zeichnen-schein}@keyframes puls-zeichnen-schein{0%{stroke-dashoffset:1;opacity:.35}72%{stroke-dashoffset:0}88%{opacity:.35}to{stroke-dashoffset:0;opacity:0}}.ruhig .sz-puls path{animation:none;stroke-dashoffset:0}.konto .kicker{margin-bottom:-10px}.konto .innen{width:100%}@media (max-width: 1000px){.spiel-szene{align-items:flex-end}.sz-schleier{background:linear-gradient(0deg,#05060af5,#05060abf 45%,#05060a26 80%)}.sz-motiv{width:100%;bottom:48%;opacity:.6}.sz-faecher .karte{--b: clamp(90px, 20vw, 150px);left:50%}.sz-inhalt{padding-top:45vh;padding-bottom:60px}.sz-inhalt>*{max-width:34em}}@media (max-width: 760px){.sz-titel{font-size:clamp(44px,12vw,72px)}.sz-text{font-size:16px}.vier-knoepfe{flex-direction:column;align-items:flex-start}}@media (max-height: 820px) and (min-width: 1001px){.sz-titel{font-size:clamp(52px,min(6.4vw,12vh),122px)}.sz-logo img{width:clamp(280px,min(36vw,58vh),680px)}}
