.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:18px;font:800 clamp(64px,11.5vw,220px)/.84 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:14px;font:800 clamp(54px,7.4vw,150px)/.88 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}.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))}.vier-schleier{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(5,6,10,.95) 0%,rgba(5,6,10,.6) 34%,transparent 62%)}.vier-text{position:absolute;left:var(--rand);right:var(--rand);bottom:7vh;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"titel liste" "text liste" "knopf liste";gap:0 6vw;align-items:end}.vier-text .gross{grid-area:titel}.vier-text .einleitung{grid-area:text;margin-top:16px;max-width:26em}.vier-text .knopf{grid-area:knopf;justify-self:start;margin-top:28px}.vier-liste{grid-area:liste;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 28px;align-self:end}.vier-liste li{display:grid;gap:4px;padding-left:16px;border-left:2px solid var(--farbe)}.vier-liste b{font:800 22px/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 span{font-size:15px;color:#d6dbe1;line-height:1.4}.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(90px,15vw,260px)/.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{grid-template-columns:1fr;grid-template-areas:"titel" "text" "liste" "knopf"}.vier-liste{margin-top:22px}}@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-liste span{display:none}.vier-text{bottom:4vh}.vier-text .einleitung{font-size:16px}.keyart{left:50%;right:auto;width:177.78vh;margin-left:-88.89vh}.logo-gross{top:12vh}}.spiel[data-rast]{padding-top:clamp(80px,9.5vh,110px);padding-bottom:clamp(30px,4vh,60px)}@media (max-height: 820px) and (min-width: 761px){.spiel[data-rast]{padding-top:76px;padding-bottom:20px}.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}}