.held{position:relative;height:100svh;min-height:560px;overflow:hidden;background:#000;display:flex;align-items:flex-end}.dias{position:absolute;top:-6%;right:0;bottom:0;left:0}.dia{position:absolute;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left: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;-webkit-backdrop-filter:blur(6px);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:56%;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(50px,9vh,90px);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:16 / 10;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;top:0;right:0;bottom:0;left: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:26px 28px 0;font:800 54px/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(--titel);text-transform:uppercase;letter-spacing:.04em}.saeule p{margin:14px 28px 30px;color:#cfd5dc}.spiel-mehr{margin-top:48px}.vier{position:relative}.vier-buehne{position:relative;height:100vh;overflow:hidden;background:#000}.keyart{position:absolute;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left: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-gruppe{margin:clamp(48px,7vh,80px) 0 20px;font:600 14px/1 var(--titel);letter-spacing:.3em;text-transform:uppercase;color:var(--leise);display:flex;align-items:center;gap:18px}.modi-gruppe:after{content:"";flex:1;height:1px;background:var(--linie)}.modi-reihe{display:grid;gap:clamp(14px,1.6vw,24px)}.modi-reihe.n3{grid-template-columns:repeat(3,1fr)}.modi-reihe.n2{grid-template-columns:repeat(2,1fr)}.modus{position:relative;min-height:clamp(300px,42vh,440px);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;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left: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,34px)}.modus h4{font:800 clamp(30px,3vw,48px)/.95 var(--anzeige);text-transform:uppercase;letter-spacing:.03em}.modus p{margin-top:10px;color:#d3d8de;max-width:30em}.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(--titel);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;top:0;right:0;bottom:0;left: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-reihe.n3{grid-template-columns:1fr}.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-reihe.n2{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}}