@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-display:swap;font-weight:400;src:url(schrift/042c9ef5be00.woff2) format("woff2")}@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-display:swap;font-weight:600;src:url(schrift/d9ae72c79371.woff2) format("woff2")}@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-display:swap;font-weight:700;src:url(schrift/c5eaf395fcc1.woff2) format("woff2")}@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-display:swap;font-weight:800;src:url(schrift/2b4ea6deedfe.woff2) format("woff2")}
:root{
  --rand:clamp(16px,4.5vw,56px); --breit:min(94vw,max(1240px,176vh));   
}
:root{--grund:#0E0F12;--flaeche:#15171C;--linie:rgba(226,231,238,.12);--ink:#F4F5F7;--text:#C9CCD2;--grau:#8E939C;--blau:#7FD1E8;--gold:#FFB547;--nav-bg:rgba(14,15,18,.82);--hinterlegt:rgba(14,15,18,.82);--blatt:#13151A;--blatt-rand:rgba(226,231,238,.10);--hinterlegt-blatt:rgba(19,21,26,.88);--knopf-rand:rgba(244,245,247,.35);--kasten-rand:rgba(244,245,247,.45);--seg-rand:rgba(244,245,247,.28);--seg-trenn:rgba(244,245,247,.18);--rb:.05;--zeichnung:none;color-scheme:dark;}
:root{--seite:#0E0F12}
.punkte-bild,.show,.held{background:var(--grund)}
html:not([data-modus="hell"]) .nur-hell,html[data-modus="hell"] .nur-dunkel{display:none!important}
html.wechsel,html.wechsel *,html.wechsel *::before,html.wechsel *::after{transition:background-color .22s ease,color .22s ease,
  border-color .22s ease,fill .22s ease,stroke .22s ease,filter .22s ease!important}
html.sofort,html.sofort *,html.sofort *::before,html.sofort *::after{transition:none!important}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s;animation-timing-function:cubic-bezier(.4,0,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--seite);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--seite);color:var(--text);
  font:400 clamp(17px,.72vw,19px)/1.6 "Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{color:var(--ink);margin:0;font-weight:800;letter-spacing:-.02em;text-wrap:balance}
p{margin:0}
:focus-visible{outline:2px solid var(--blau);outline-offset:3px}
.wrap{max-width:var(--breit);margin:0 auto;padding-inline:var(--rand)}
:root{--zelle:clamp(30px,3.3333vw,64px);
  --rand-v:linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%);
  --nur-raender:linear-gradient(180deg,#000 0%,transparent 16%,transparent 84%,#000 100%)}
main > *{position:relative}
.rs{position:relative;isolation:isolate}
.rs::before,.rs::after,.raster{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background-image:linear-gradient(90deg,rgba(var(--rf-farbe,2,159,227),calc(var(--a) * var(--rmaj,0))) 2px,transparent 2px),
                   linear-gradient(180deg,rgba(var(--rf-farbe,2,159,227),calc(var(--a) * var(--rmaj,0))) 2px,transparent 2px),
                   linear-gradient(90deg,rgba(var(--rf-farbe,2,159,227),var(--a)) 1px,transparent 1px),
                   linear-gradient(180deg,rgba(var(--rf-farbe,2,159,227),var(--a)) 1px,transparent 1px);
  background-size:calc(var(--zelle) * 5) calc(var(--zelle) * 5),calc(var(--zelle) * 5) calc(var(--zelle) * 5),
                  var(--zelle) var(--zelle),var(--zelle) var(--zelle);background-position:0 var(--ry,0px)}
.rs::before{--a:var(--rb);-webkit-mask-image:var(--rmb,none);mask-image:var(--rmb,none)}
.rs::after,.raster.betont{--a:var(--ra,0);
  -webkit-mask-image:var(--rm,linear-gradient(#000,#000)),var(--rmv,var(--rand-v));
  mask-image:var(--rm,linear-gradient(#000,#000)),var(--rmv,var(--rand-v));
  -webkit-mask-composite:source-in;mask-composite:intersect}
.rs > .wrap{position:relative;z-index:3}
.rs > .karte-flaeche{z-index:2}
.auslauf{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,var(--seite) 0,transparent 64px,transparent calc(100% - 64px),var(--seite) 100%)}
.held .auslauf{background:linear-gradient(180deg,transparent calc(100% - 64px),var(--seite) 100%)}
.held .raster.betont{clip-path:inset(0 calc(100% - var(--pr,1) * 100%) 0 0);--ra:.22;--rm:linear-gradient(90deg,transparent 0%,#000 26%,#000 36%,transparent 62%);
  --rmv:linear-gradient(180deg,#000 0%,#000 78%,transparent 100%)}
.punkte-bild,.show{--rmb:var(--nur-raender)}
.system{--rmb:linear-gradient(180deg,transparent 0%,#000 22%)}
.punkte-bild.rechts{--ra:.14;--rm:linear-gradient(270deg,transparent 0%,#000 24%,#000 36%,transparent 60%)}
.punkte-bild:not(.rechts){--ra:.22;--rm:linear-gradient(90deg,transparent 0%,#000 26%,#000 36%,transparent 62%)}
.show{--ra:.14;--rm:linear-gradient(90deg,transparent 0%,#000 28%,#000 40%,transparent 66%)}
.europa{--ra:.12;--rm:linear-gradient(90deg,#000 0%,#000 40%,transparent 70%)}
@media (max-width:900px){
  .held .raster.betont,.punkte-bild.rechts,.punkte-bild:not(.rechts),.show{--rm:linear-gradient(180deg,transparent 38%,#000 72%)}
  .europa{--rm:linear-gradient(180deg,#000 0%,#000 50%,transparent 80%)}
}
.blatt-abschnitt{padding-block:clamp(24px,3.5vw,56px)}
.blatt{position:relative;z-index:3;background:var(--blatt);border:1px solid var(--blatt-rand);
  padding:clamp(20px,3.6vw,56px) clamp(18px,3.6vw,56px) clamp(16px,2.4vw,32px)}
.blatt::before{content:"";position:absolute;inset:-1px;pointer-events:none;
  --e:linear-gradient(var(--blau),var(--blau));
  background-image:var(--e),var(--e),var(--e),var(--e),var(--e),var(--e),var(--e),var(--e);
  background-repeat:no-repeat;
  background-position:left top,left top,right top,right top,left bottom,left bottom,right bottom,right bottom;
  background-size:18px 2px,2px 18px,18px 2px,2px 18px,18px 2px,2px 18px,18px 2px,2px 18px}
.blatt-kopf,.blatt-fuss{display:flex;justify-content:space-between;gap:16px;font-size:11px;font-weight:800;
  letter-spacing:.2em;text-transform:uppercase}
.blatt-kopf{color:var(--blau);padding-bottom:14px;border-bottom:1px solid var(--linie);margin-bottom:clamp(28px,4vw,56px)}
.blatt-kopf span:last-child,.blatt-fuss span:last-child{color:var(--ink)}
.blatt-fuss{color:var(--blau);padding-top:14px;border-top:1px solid var(--linie);margin-top:clamp(28px,4vw,48px)}
.blatt .gross3{margin-bottom:clamp(36px,5vw,72px)}
.blatt .tag.hinterlegt{background:var(--hinterlegt-blatt)}
.blatt .zeichnung{background:var(--grund)}
@media (max-width:420px){.blatt-kopf span:last-child{display:none}}
.eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--blau);margin-bottom:18px}
.eyebrow.gold{color:var(--gold)}
h2.gross{font-size:clamp(34px,5vw,64px);line-height:1.02}
.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.5;color:var(--text);max-width:40em}
.fussnote{font-size:13px;color:var(--grau);margin-top:20px}
.knopf{display:inline-flex;align-items:center;gap:.5em;padding:13px 22px;font:800 13px/1 inherit;letter-spacing:.14em;
  text-transform:uppercase;text-decoration:none;color:var(--grund);background:var(--blau);border:1px solid var(--blau);cursor:pointer}
.knopf.leer{background:transparent;color:var(--ink);border-color:var(--knopf-rand)}
.knopf:hover{filter:brightness(1.08)}
.knopf.leer:hover{border-color:var(--ink)}
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--nav-bg);backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--linie)}
.nav .wrap{display:flex;align-items:center;gap:24px;height:64px}
.nav .marke{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:800;font-size:14px;
  letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.nav .marke img{width:38px;height:38px}
.nav .wrap > ul{display:flex;gap:22px;list-style:none;margin:0 0 0 auto;padding:0}
.nav .wrap > ul a{text-decoration:none;font-size:13px;font-weight:600;color:var(--text)}
.nav .wrap > ul a{white-space:nowrap}
@media (min-width:981px) and (max-width:1279px){.nav .marke span{display:none}.nav .wrap > ul{gap:18px}}
.nav .wrap > ul a:hover{color:var(--ink)}
.nav .knopf{padding:10px 16px;font-size:12px}
.modus{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--knopf-rand);
  background:transparent;color:var(--ink);cursor:pointer;flex:none}
.modus:hover{border-color:var(--ink)}
.modus svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.modus .mond{display:none}
html[data-modus="hell"] .modus .sonne{display:none}
html[data-modus="hell"] .modus .mond{display:block}
@media (max-width:980px){.nav .wrap > ul{display:none}.sprache{margin-left:auto}}
.sprache{position:relative;flex:none}
.sprung{position:fixed;left:12px;top:-60px;z-index:100;padding:10px 14px;background:var(--blau);color:var(--grund);
  font-weight:800;font-size:13px;letter-spacing:.06em;text-decoration:none}
.sprung:focus{top:12px}
.sprache-knopf{display:inline-flex;align-items:center;gap:4px;height:38px;padding:0 9px 0 11px;border:1px solid var(--knopf-rand);
  background:transparent;color:var(--ink);font:800 12px/1 inherit;letter-spacing:.14em;cursor:pointer}
.sprache-knopf:hover{border-color:var(--ink)}
.sprache-knopf svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sprache-knopf[aria-expanded="true"] svg{transform:rotate(180deg)}
.sprache-liste{position:absolute;right:0;top:calc(100% + 8px);min-width:160px;margin:0;padding:6px 0;list-style:none;z-index:30;
  background:var(--blatt);border:1px solid var(--blatt-rand);box-shadow:0 14px 34px -14px rgba(0,0,0,.55)}
.sprache-liste[hidden]{display:none}
.sprache-liste button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:10px 14px;
  background:none;border:0;color:var(--text);font:600 14px/1.2 inherit;text-align:left;cursor:pointer}
.sprache-liste button:hover,.sprache-liste button:focus-visible{background:var(--flaeche);color:var(--ink)}
.sprache-liste button[aria-pressed="true"]{color:var(--ink);font-weight:800}
.sprache-liste button[aria-pressed="true"]::after{content:"";width:8px;height:8px;background:var(--blau)}
@media (max-width:599px){.nav .marke span{display:none}}   
.held-bahn{height:230vh;position:relative}
:root{--navh:calc(64px + env(safe-area-inset-top,0px))}
.held{position:sticky;top:var(--navh);height:calc(100vh - var(--navh));height:calc(100svh - var(--navh));min-height:496px;overflow:hidden;--p:0}
.held .foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.held .plan{position:absolute;inset:0;background:var(--grund);clip-path:inset(0 calc(100% - var(--p) * 100%) 0 0)}
.held .abschluss{position:absolute;left:0;right:0;bottom:30px;opacity:clamp(0, calc((var(--p) - .8) * 6), 1);
  font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--blau);text-align:right}
.held .scan{position:absolute;top:0;bottom:0;left:calc(var(--p) * 100%);width:2px;background:var(--blau);
  box-shadow:0 0 18px 4px rgba(127,209,232,.55);opacity:calc(min(var(--p) * 30, (1 - var(--p)) * 30, 1))}
.held .text{position:absolute;left:0;right:0;bottom:clamp(48px,12vh,140px)}
.held .text .wrap{max-width:var(--breit)}
.held h1{font-size:clamp(46px,7.4vw,112px);line-height:.95;letter-spacing:-.035em}
.held .unter{margin-top:24px;max-width:31em;font-size:clamp(17px,1.5vw,20px);color:color-mix(in srgb,var(--ink) 82%,var(--grund))}
.held .knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.knopf.gesperrt{pointer-events:none}
.held .fuss{position:absolute;left:0;right:0;top:28px}
.held .fuss .wrap{display:flex;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.held .fuss .siegel{color:var(--blau)}
@media (max-width:760px),(max-width:1100px) and (max-aspect-ratio:1/1){
  .held .foto{object-position:64% 50%}
  .held::after{content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(180deg,transparent 25%,color-mix(in srgb,var(--grund) 85%,transparent) 62%,var(--grund) calc(100% - 64px),var(--seite) 100%)}
  .held .text{z-index:2;bottom:36px}
  .held-bahn{height:160vh}
}
@media (max-width:760px){.held .fuss .siegel{display:none}}
@media (max-width:560px){
  .held .knopf{padding:9px 13px;font-size:11px;letter-spacing:.12em}
  .draufsicht .mtag{grid-template-columns:auto auto;gap:0 5px;align-items:baseline}
  .draufsicht .mtag b{grid-column:1 / -1;justify-self:center}
  .draufsicht .mtag span{grid-row:2;grid-column:1;font-size:1.25em}
  .draufsicht .mtag small{grid-row:2;grid-column:2;font-size:.82em;justify-self:start}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .held-bahn{height:auto}
  .held{position:relative}
  .held .plan,.held .scan,.held .abschluss{display:none}
}
.abschnitt{padding-block:clamp(64px,8vw,120px)}
.kopf{display:grid;gap:22px;margin-bottom:clamp(40px,6vw,72px);max-width:52em}
.zwei{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:center}
@media (max-width:900px){.zwei{grid-template-columns:minmax(0,1fr)}}
.system .text p + p{margin-top:16px}
.system .siegel{margin-top:28px;display:inline-block;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  color:var(--blau);border-top:2px solid var(--blau);padding-top:12px}
.system .bild{margin-right:calc(var(--rand) * -1)}
.system .bild img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:50% 50%}
@media (max-width:900px){.system .bild{margin-left:calc(var(--rand) * -1)}}
.zahlen .gross3{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);
  margin-bottom:clamp(48px,7vw,96px)}
.zahlen .gross3 div{padding:28px 24px 30px 0;display:grid;gap:6px;align-content:start}
.zahlen .gross3 div + div{padding-left:24px;border-left:1px solid var(--linie)}
.zahlen .gross3 b{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--blau)}
.zahlen .gross3 .gold b{color:var(--gold)}
.zahlen .gross3 span{font-size:clamp(32px,3.9vw,60px);white-space:nowrap;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1}
.zahlen .gross3 small{font-size:14px;color:var(--grau)}
@media (max-width:1100px){.zahlen .gross3{grid-template-columns:repeat(2,minmax(0,1fr))}.zahlen .gross3 div:nth-child(3){padding-left:0;border-left:0}.zahlen .gross3 div:nth-child(n+3){border-top:1px solid var(--linie)}}
@media (max-width:700px){.zahlen .gross3{grid-template-columns:minmax(0,1fr)}.zahlen .gross3 div + div{padding-left:0;border-left:0;border-top:1px solid var(--linie)}}
.zahlen .zeichnungen{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,72px);align-items:end}
.zahlen .rechts{display:grid;gap:48px}
@media (max-width:900px){.zahlen .zeichnungen{grid-template-columns:minmax(0,1fr)}}
figure.tb{position:relative;margin:0;width:100%;container-type:inline-size}
figure.tb > img{position:absolute;height:auto}
figure.tb svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
figure.tb .ml{stroke-width:1.6px;vector-effect:non-scaling-stroke}
figure.tb .hl{stroke-width:1px;vector-effect:non-scaling-stroke;stroke-dasharray:3 3;opacity:.8}
figure.tb .strich{stroke-dasharray:6 4}
figure.tb figcaption,.oben figcaption{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);
  border:1px solid var(--kasten-rand);padding:5px 9px;display:inline-block}
figure.seitenansicht figcaption{position:absolute;left:0;top:0}
.tag{position:absolute;display:grid;gap:2px;margin-left:-1px;border-left:2px solid var(--blau);padding:0 0 0 .7em;font-size:clamp(7.5px,2.5cqw,13px);line-height:1.25;white-space:nowrap}
.tag b{font-size:.85em;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blau)}
.tag.gold b{color:var(--gold)}
.tag span{font-size:1.55em;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.tag small{font-size:.92em;color:var(--grau)}
.tag.hinterlegt{background:var(--hinterlegt);padding:.4em .7em}
.tag.rechtsbuendig{text-align:right;border-left:0;border-right:2px solid var(--blau);margin-left:1px}
.tag.rechtsbuendig:not(.hinterlegt){padding:0 .7em 0 0}
.tag.gold.rechtsbuendig{border-right-color:var(--gold)}
.oben{margin:0;display:grid;gap:14px}
.oben .kopfzeile{display:flex;justify-content:space-between;align-items:center;gap:16px}
.oben .wert{display:grid;gap:2px;border-left:2px solid var(--blau);padding-left:12px}
.oben .wert b{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blau)}
.oben .wert.gold{border-color:var(--gold)}.oben .wert.gold b{color:var(--gold)}
.oben .wert span{font-size:22px;font-weight:800;color:var(--ink)}
.oben .wert small{font-size:13px;color:var(--grau)}
:root{--bl:0px;--rf:0px}
.held .kante{display:none}
.held .foto.breit{display:none}
.held .foto.fquer{display:none}
@media (min-width:1800px){.held .foto.breit{display:block}.held .foto.schmal{display:none}}
@media (min-width:901px){
  :root{--bl:max(0px,calc(50% - var(--breit) / 2));--rf:clamp(90px,8vw,220px)}
  html .held > .foto,html .held .plan,html .punkte-bild > img,html .show > img,html .karte-flaeche{
    left:var(--bl);right:auto;width:calc(100% - 2 * var(--bl))}
  html .punkte-bild > img,html .show > img{
    -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0.000) calc(var(--rf) * 0.0),rgba(0,0,0,0.009) calc(var(--rf) * 0.1),rgba(0,0,0,0.058) calc(var(--rf) * 0.2),rgba(0,0,0,0.163) calc(var(--rf) * 0.3),rgba(0,0,0,0.317) calc(var(--rf) * 0.4),rgba(0,0,0,0.500) calc(var(--rf) * 0.5),rgba(0,0,0,0.683) calc(var(--rf) * 0.6),rgba(0,0,0,0.837) calc(var(--rf) * 0.7),rgba(0,0,0,0.942) calc(var(--rf) * 0.8),rgba(0,0,0,0.991) calc(var(--rf) * 0.9),rgba(0,0,0,1.000) calc(var(--rf) * 1.0),rgba(0,0,0,1.000) calc(100% - var(--rf) * 1.0),rgba(0,0,0,0.991) calc(100% - var(--rf) * 0.9),rgba(0,0,0,0.942) calc(100% - var(--rf) * 0.8),rgba(0,0,0,0.837) calc(100% - var(--rf) * 0.7),rgba(0,0,0,0.683) calc(100% - var(--rf) * 0.6),rgba(0,0,0,0.500) calc(100% - var(--rf) * 0.5),rgba(0,0,0,0.317) calc(100% - var(--rf) * 0.4),rgba(0,0,0,0.163) calc(100% - var(--rf) * 0.3),rgba(0,0,0,0.058) calc(100% - var(--rf) * 0.2),rgba(0,0,0,0.009) calc(100% - var(--rf) * 0.1),rgba(0,0,0,0.000) calc(100% - var(--rf) * 0.0));
    mask-image:linear-gradient(90deg,rgba(0,0,0,0.000) calc(var(--rf) * 0.0),rgba(0,0,0,0.009) calc(var(--rf) * 0.1),rgba(0,0,0,0.058) calc(var(--rf) * 0.2),rgba(0,0,0,0.163) calc(var(--rf) * 0.3),rgba(0,0,0,0.317) calc(var(--rf) * 0.4),rgba(0,0,0,0.500) calc(var(--rf) * 0.5),rgba(0,0,0,0.683) calc(var(--rf) * 0.6),rgba(0,0,0,0.837) calc(var(--rf) * 0.7),rgba(0,0,0,0.942) calc(var(--rf) * 0.8),rgba(0,0,0,0.991) calc(var(--rf) * 0.9),rgba(0,0,0,1.000) calc(var(--rf) * 1.0),rgba(0,0,0,1.000) calc(100% - var(--rf) * 1.0),rgba(0,0,0,0.991) calc(100% - var(--rf) * 0.9),rgba(0,0,0,0.942) calc(100% - var(--rf) * 0.8),rgba(0,0,0,0.837) calc(100% - var(--rf) * 0.7),rgba(0,0,0,0.683) calc(100% - var(--rf) * 0.6),rgba(0,0,0,0.500) calc(100% - var(--rf) * 0.5),rgba(0,0,0,0.317) calc(100% - var(--rf) * 0.4),rgba(0,0,0,0.163) calc(100% - var(--rf) * 0.3),rgba(0,0,0,0.058) calc(100% - var(--rf) * 0.2),rgba(0,0,0,0.009) calc(100% - var(--rf) * 0.1),rgba(0,0,0,0.000) calc(100% - var(--rf) * 0.0))}
  html .held .plan .foto{left:0;width:100%}
  html .held .kante{display:block;position:absolute;top:0;bottom:0;left:var(--bl);width:calc(100% - 2 * var(--bl));pointer-events:none;
    background:linear-gradient(90deg,color-mix(in srgb,var(--seite) 100.0%,transparent) calc(var(--rf) * 0.0),color-mix(in srgb,var(--seite) 99.1%,transparent) calc(var(--rf) * 0.1),color-mix(in srgb,var(--seite) 94.2%,transparent) calc(var(--rf) * 0.2),color-mix(in srgb,var(--seite) 83.7%,transparent) calc(var(--rf) * 0.3),color-mix(in srgb,var(--seite) 68.3%,transparent) calc(var(--rf) * 0.4),color-mix(in srgb,var(--seite) 50.0%,transparent) calc(var(--rf) * 0.5),color-mix(in srgb,var(--seite) 31.7%,transparent) calc(var(--rf) * 0.6),color-mix(in srgb,var(--seite) 16.3%,transparent) calc(var(--rf) * 0.7),color-mix(in srgb,var(--seite) 5.8%,transparent) calc(var(--rf) * 0.8),color-mix(in srgb,var(--seite) 0.9%,transparent) calc(var(--rf) * 0.9),color-mix(in srgb,var(--seite) 0.0%,transparent) calc(var(--rf) * 1.0),color-mix(in srgb,var(--seite) 0.0%,transparent) calc(100% - var(--rf) * 1.0),color-mix(in srgb,var(--seite) 0.9%,transparent) calc(100% - var(--rf) * 0.9),color-mix(in srgb,var(--seite) 5.8%,transparent) calc(100% - var(--rf) * 0.8),color-mix(in srgb,var(--seite) 16.3%,transparent) calc(100% - var(--rf) * 0.7),color-mix(in srgb,var(--seite) 31.7%,transparent) calc(100% - var(--rf) * 0.6),color-mix(in srgb,var(--seite) 50.0%,transparent) calc(100% - var(--rf) * 0.5),color-mix(in srgb,var(--seite) 68.3%,transparent) calc(100% - var(--rf) * 0.4),color-mix(in srgb,var(--seite) 83.7%,transparent) calc(100% - var(--rf) * 0.3),color-mix(in srgb,var(--seite) 94.2%,transparent) calc(100% - var(--rf) * 0.2),color-mix(in srgb,var(--seite) 99.1%,transparent) calc(100% - var(--rf) * 0.1),color-mix(in srgb,var(--seite) 100.0%,transparent) calc(100% - var(--rf) * 0.0))}
  html .held .scan{left:calc(var(--bl) + var(--p) * (100% - 2 * var(--bl)))}
  html .held .raster.betont{clip-path:inset(0 calc(100% - var(--bl) - var(--pr,1) * (100% - 2 * var(--bl))) 0 0)}
}
.ds-raster{display:grid;grid-template-columns:minmax(0,4.4fr) minmax(0,2.8fr) minmax(0,5.6fr);gap:clamp(24px,3.5vw,48px);align-items:center}
.ds-text{align-self:start;display:grid;gap:18px}
.ds-text h2.gross{font-size:clamp(30px,3.1vw,56px)}
.ds-text p:not(.lead){font-size:16px}
figure.dsseite{overflow:hidden}
figure.dsseite > img{max-width:none}
.tag.gold{border-left-color:var(--gold)}
figure.dsseite figcaption{position:absolute;left:0;top:0}
figure.dsfront figcaption{position:absolute;right:0;bottom:-34px}
@media (max-width:1100px){.ds-raster{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.ds-text{grid-column:1 / -1}}
@media (max-width:700px){.ds-raster{grid-template-columns:minmax(0,1fr)}figure.dsseite{max-width:320px}}
.downstage .fussnote{color:var(--gold);margin-top:48px}
@media (min-width:1280px){
  .ds-text{position:relative;z-index:2}
  figure.dsseite{overflow:visible}
  figure.dsseite > img{
    --vorne:linear-gradient(90deg,transparent 55.5%,#000 55.5%);
    --weiter:linear-gradient(90deg,transparent 6%,rgba(0,0,0,.06) 20%,rgba(0,0,0,.2) 36%,rgba(0,0,0,.42) 48%,rgba(0,0,0,.7) 53%,#000 55.5%);
    --leiser:linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.4) 42%,#000 74%);
    -webkit-mask-image:var(--vorne),var(--weiter),var(--leiser);-webkit-mask-composite:source-over,source-in;
    mask-image:var(--vorne),var(--weiter),var(--leiser);mask-composite:add,intersect}
}
.punkte-bild{position:relative;min-height:min(92vh,900px);display:flex;align-items:center;overflow:hidden}
.punkte-bild > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.punkte-bild .wrap{position:relative;width:100%;display:flex}
.punkte-bild.rechts .wrap{justify-content:flex-end}
.punkte-bild .spalte{width:min(100%,520px);display:grid;gap:34px;padding-block:72px}
.punkt{border-top:2px solid var(--blau);padding-top:18px;display:grid;gap:10px}
.punkt h3{font-size:clamp(21px,2vw,26px)}
.punkt p{font-size:16px}
@media (max-width:900px){
  .punkte-bild{display:block;min-height:0}
  .punkte-bild > img{position:relative;height:auto;aspect-ratio:16/10}
  .punkte-bild.rechts > img{object-position:0 50%}
  .punkte-bild:not(.rechts) > img{object-position:100% 50%}
  .punkte-bild .spalte{padding-block:40px 72px}
}
.konfig .steuer{display:flex;flex-wrap:wrap;gap:20px 40px;margin-bottom:40px}
.konfig fieldset{border:0;margin:0;padding:0;display:grid;gap:10px}
.konfig legend{padding:0;margin-bottom:10px;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--grau)}
.segment{display:inline-flex;flex-wrap:wrap;max-width:100%;border:1px solid var(--seg-rand)}
.segment input{position:absolute;opacity:0;pointer-events:none}
.segment label{padding:12px 20px;font-size:14px;font-weight:700;color:var(--text);cursor:pointer;user-select:none}
.segment label + input + label{border-left:1px solid var(--seg-trenn)}
.segment input:checked + label{background:var(--blau);color:var(--grund)}
.segment input:focus-visible + label{outline:2px solid var(--blau);outline-offset:2px}
.konfig .buehne{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,3fr);gap:clamp(28px,4vw,56px);align-items:start}
@media (max-width:980px){.konfig .buehne{grid-template-columns:minmax(0,1fr)}}
.konfig .zeichnung{background:var(--grund);border:1px solid var(--linie);padding:clamp(16px,3vw,40px)}
.konfig figure.draufsicht[hidden]{display:none}
.mtag{position:absolute;left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:1px;text-align:center;
  font-size:clamp(7.5px,1.75cqw,13px);line-height:1.25;white-space:nowrap}
.mtag b{font-size:.85em;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blau)}
.mtag span{font-size:1.5em;font-weight:800;color:var(--ink)}
.mtag small{font-size:.9em;color:var(--grau)}
.konfig .hinweis{margin-top:18px;font-size:13px;color:var(--grau)}
.ablesen{display:grid;gap:0;border-top:1px solid var(--linie)}
.ablesen div{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid var(--linie)}
.ablesen b{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--grau)}
.ablesen span{font-size:22px;font-weight:800;color:var(--ink)}
.ablesen small{font-size:13px;color:var(--grau)}
.konfig .front{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,56px);align-items:center;margin-top:clamp(48px,6vw,80px)}
@media (max-width:900px){.konfig .front{grid-template-columns:minmax(0,1fr)}}
.konfig .front img[hidden]{display:none}
.konfig .front h3{font-size:clamp(22px,2.2vw,28px);margin-bottom:16px}
.konfig .front ul{margin:0;padding-left:1.1em;display:grid;gap:8px}
.konfig .front li::marker{color:var(--blau)}
.europa{display:flex;align-items:center;min-height:clamp(640px,56vw,920px);overflow:hidden}
.europa .wrap{width:100%}
.europa .text{max-width:500px}
.karte-flaeche{position:absolute;inset:0;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.14) 0%,rgba(0,0,0,.24) 30%,#000 54%,#000 90%,transparent 100%),var(--rand-v);
  mask-image:linear-gradient(90deg,rgba(0,0,0,.14) 0%,rgba(0,0,0,.24) 30%,#000 54%,#000 90%,transparent 100%),var(--rand-v);
  -webkit-mask-composite:source-in;mask-composite:intersect}
.karte-svg{display:block;width:100%;height:100%;font-family:"Schibsted Grotesk",system-ui,sans-serif}
@media (max-width:900px){
  .show .text{display:flex;flex-direction:column}
  .show .text > *{margin-top:0}
  .show .text > p{margin-bottom:14px}
  .show .text{max-width:none}
  .show .text > p{max-width:620px}
  .show .ref{order:-1;align-self:flex-end;width:100%;text-align:right;margin:8px 0 30px;
    font-size:10px;letter-spacing:.16em;line-height:1.8}
  .show .ref span{color:var(--grau)}
  .europa{display:flex;flex-direction:column;align-items:stretch;min-height:0}
  .europa .wrap{order:1}
  .karte-flaeche{order:2;position:relative;height:460px;margin-top:-8px;overflow:hidden;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 82%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 82%,transparent 100%)}
  .europa .wrap{position:relative}
  .karte-svg{width:175%;margin-left:-62%}
}
.system-block{border-top:2px solid var(--blau);padding-top:18px;margin-top:32px;display:grid;gap:8px;cursor:default}
.system-block.j2{border-color:var(--gold)}
.system-block .ab{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--blau)}
.system-block.j2 .ab{color:var(--gold)}
.system-block b{font-size:24px;color:var(--ink);letter-spacing:-.02em}
.system-block .wert{font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--ink)}
.routelegende{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.routelegende i{display:block;width:34px;border-top:1.5px dashed var(--gold)}
.system-block .wert span{font-weight:600;color:var(--grau);letter-spacing:0;margin-left:6px}
.show{position:relative;min-height:min(96vh,940px);display:flex;align-items:center;overflow:hidden}
.punkte-bild > img.mob,.show > img.mob{display:none}
@media (max-width:900px){
  html .punkte-bild > img.desk,html .show > img.desk{display:none}
  html .punkte-bild > img.mob,html .show > img.mob{display:block;object-position:50% 50%}
  .punkte-bild .auslauf,.show .auslauf{display:none}
}
.show > img.ahnung{display:none}
@media (max-width:760px){
  html .show > img.mob{display:none}
  html .show > img.ahnung{display:block;position:absolute;left:0;top:0;width:100%;height:auto;aspect-ratio:3/5;object-fit:cover}
  .show .text{padding-top:clamp(120px,34vw,180px)}
  .show .ref{display:none}
}
.show > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.show .wrap{position:relative;width:100%}
.show .text{max-width:620px;display:grid;gap:16px;padding-block:72px}
.show .text p{font-size:16px;color:color-mix(in srgb,var(--ink) 82%,var(--grund))}
.show .ref{margin-top:14px;font-size:11px;font-weight:800;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold);line-height:1.6}
.show .ref span{color:var(--ink)}
@media (max-width:900px){
  .show{display:block;min-height:0}
  .show > img{position:relative;height:auto;aspect-ratio:16/10;object-position:78% 55%}
}
.datenraster{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:clamp(32px,5vw,80px);row-gap:24px;align-items:center}
.datenraster .einheit,.datenraster .daten-text{grid-column:2}
.daten-text .optionen{font-size:15px}
.datenraster .iso-ganz{grid-column:1;grid-row:1 / span 4;align-self:start;position:sticky;top:clamp(84px,16vh,200px);margin:0 0 64px;width:100%;max-width:720px;justify-self:center}
.iso-teil{--m:linear-gradient(transparent,transparent);position:absolute;inset:0;background:var(--ink);opacity:.82;
  -webkit-mask:var(--m) center/100% 100% no-repeat;mask:var(--m) center/100% 100% no-repeat;
  transition:background-color .35s ease,opacity .35s ease}
.iso-teil.dach{opacity:.9}
.iso-teil.buehne-frei{opacity:.55}
.iso-teil.buehne{opacity:0}
.iso-ganz[data-teil="dach"] .iso-teil.dach{background:var(--blau);opacity:1}
.iso-ganz[data-teil="dach"] .iso-teil.buehne-frei{opacity:.22}
.iso-ganz[data-teil="buehne"] .iso-teil.buehne{background:var(--blau);opacity:1;z-index:1}
.iso-ganz[data-teil="buehne"] .iso-teil.buehne-frei{opacity:0}
.iso-ganz[data-teil="buehne"] .iso-teil.dach{opacity:.13}
.iso-wahl{position:absolute;left:0;bottom:-6px;transform:translateY(100%);display:flex;gap:8px}
.iso-wahl button{font:800 11px/1 inherit;letter-spacing:.16em;text-transform:uppercase;padding:8px 12px;cursor:pointer;
  color:var(--ink);background:transparent;border:1px solid var(--knopf-rand)}
.iso-wahl button[aria-pressed="true"]{background:var(--blau);border-color:var(--blau);color:var(--grund)}
.datenraster .daten-scroll{transition:opacity .3s ease}
.datenraster .daten-scroll{grid-column:2}
@media (max-width:900px){.datenraster{grid-template-columns:minmax(0,1fr)}
  .datenraster .einheit,.datenraster .daten-text,.datenraster .iso-ganz,.datenraster .daten-scroll{grid-column:1}
  .datenraster .iso-ganz{grid-row:auto;position:relative;top:auto;max-width:560px;margin:8px 0 56px}}
@media (min-width:1800px){.datenraster .iso-ganz{max-width:min(100%,1060px)}}
.einheit{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.einheit span{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--grau)}
.einheit .segment label{padding:8px 16px;font-size:13px}
.daten-scroll{overflow:visible}
table.daten th,table.daten td{overflow-wrap:anywhere}
table.daten{width:100%;border-collapse:collapse;font-size:16px}
table.daten th,table.daten td{text-align:left;padding:12px 0;border-bottom:1px solid var(--linie);vertical-align:top}
table.daten thead th{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--blau)}
table.daten tr.grp th{padding-top:26px;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--blau)}
table.daten tbody th{font-weight:400;color:var(--grau);width:46%;padding-right:16px}
table.daten td span{display:block}
table.daten td .m{color:var(--ink);font-weight:800}
table.daten td .ft{font-size:13px;color:var(--grau);margin-top:2px}
.specs[data-einheit="ft"] table.daten td .m:not(.fest){order:2;font-size:13px;color:var(--grau);font-weight:400;margin-top:2px}
.specs[data-einheit="ft"] table.daten td .ft{order:1;font-size:16px;color:var(--ink);font-weight:800;margin-top:0}
table.daten td .w{display:flex;flex-direction:column}
.kontakt .orte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin-top:56px}
@media (max-width:860px){.kontakt .orte{grid-template-columns:minmax(0,1fr)}}
.ort{border-top:2px solid var(--blau);padding-top:18px;display:grid;gap:4px;align-content:start;font-size:15px}
.ort b{font-size:20px;color:var(--ink)}
.namezeile{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.ikons{display:flex;gap:8px;flex:none}
.ikon{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid color-mix(in srgb,var(--blau) 55%,transparent);
  color:var(--blau);transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.ikon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.ikon:hover,.ikon:focus-visible{background:var(--blau);color:var(--grund);border-color:var(--blau)}
.ort .land{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--blau);margin-bottom:6px}
.dank{margin-top:72px;font-size:clamp(20px,2vw,26px);font-weight:800;color:var(--blau);line-height:1.3}
.dank span{display:block;color:var(--ink)}
footer{border-top:1px solid var(--linie);padding-block:28px 40px;position:relative}
footer > .wrap{position:relative;z-index:3}
footer .wrap{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;font-size:12px;
  font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--blau)}
footer img{width:56px;height:56px}
footer .wrap img + span{margin-right:auto}
@media (min-width:600px){footer .wrap img + span{margin-left:-12px}}
footer .rechts{display:flex;gap:24px;align-items:center;color:var(--grau)}
footer .rechts a{color:inherit;text-decoration:none}
footer .rechts a:hover,footer .rechts a:focus-visible{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
figure.tb > img,figure.oben .obenbild img,.konfig .front img{filter:var(--zeichnung)}
html[data-modus="hell"] figure.tb [stroke="#7FD1E8"]{stroke:var(--blau)}
html[data-modus="hell"] figure.tb [fill="#7FD1E8"]{fill:var(--blau)}
html[data-modus="hell"] figure.tb [stroke="#FFB547"]{stroke:var(--gold)}
html[data-modus="hell"] figure.tb [fill="#FFB547"]{fill:var(--gold)}
html[data-modus="hell"] .tag.gold{border-color:var(--gold)!important}
html[data-modus="hell"] .karte-svg [stroke="#FFB547"]{stroke:var(--gold)}
html[data-modus="hell"] .karte-svg [fill="#FFB547"]{fill:var(--gold)}
html[data-modus="hell"] .karte-svg [stroke="#7FD1E8"]{stroke:var(--blau)}
html[data-modus="hell"] .karte-svg [fill="#7FD1E8"]{fill:var(--blau)}
html[data-modus="hell"] .karte-svg .kmarke text[fill="#F4F5F7"]{fill:var(--ink)}
html.bewegt .still,html.bewegt .still *,html.bewegt .still::before,html.bewegt .still::after,
html.bewegt .still *::before,html.bewegt .still *::after{transition:none!important;animation:none!important}
@property --v{syntax:'<number>';inherits:true;initial-value:1}
:root{--ease:cubic-bezier(.2,.7,.1,1);--ease-s:cubic-bezier(.65,0,.35,1);--hub:cubic-bezier(.3,0,.2,1)}
@keyframes absenken{0%{transform:translateY(-14px);opacity:0}30%{opacity:1}72%{transform:translateY(1px)}100%{transform:none;opacity:1}}
@keyframes seil{0%{transform:scaleY(0)}26%{transform:scaleY(1)}70%{transform:scaleY(1)}100%{transform:scaleY(0)}}
@keyframes vorhang{from{--v:0}to{--v:1}}
@keyframes belichten{from{filter:brightness(.7) saturate(.6)}to{filter:none}}
@keyframes einblenden{from{opacity:0}to{opacity:1}}
@keyframes quer{from{transform:scaleX(0)}to{transform:none}}
@keyframes hoch{from{transform:scaleY(0)}to{transform:none}}
@keyframes aufbau-weg{0%,65%{opacity:.5}100%{opacity:0}}
@keyframes bandlauf{0%{left:0;opacity:0}10%{opacity:.6}85%{opacity:.6}100%{left:100%;opacity:0}}
@keyframes frisch{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes linie{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes lauf{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}
  55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.held h1 .z{display:block}
.blatt{--d0:calc(420ms * var(--t,1))}
html.bewegt .held h1 .z > span{display:inline-block;position:relative;animation:absenken calc(1.3s * var(--t,1)) var(--hub) calc(.15s * var(--t,1)) both}
html.bewegt .held h1 .z + .z > span{animation-delay:calc(.42s * var(--t,1))}
html.bewegt .held h1 .z > span::before,html.bewegt .held h1 .z > span::after,
html.bewegt .a-hub::before,html.bewegt .a-hub::after{content:"";position:absolute;bottom:100%;width:1px;pointer-events:none;
  background:linear-gradient(to top,color-mix(in srgb,var(--blau) 55%,transparent),transparent);transform:scaleY(0);transform-origin:top}
html.bewegt .held h1 .z > span::before,html.bewegt .held h1 .z > span::after{height:16vh;animation:seil calc(1.3s * var(--t,1)) var(--hub) calc(.15s * var(--t,1)) both}
html.bewegt .held h1 .z > span::before{left:12%}
html.bewegt .held h1 .z > span::after{left:84%}
html.bewegt .held h1 .z + .z > span::before,html.bewegt .held h1 .z + .z > span::after{animation-delay:calc(.42s * var(--t,1))}
html.bewegt .a-hub{position:relative}
html.bewegt .a-hub::before,html.bewegt .a-hub::after{height:64px}
html.bewegt .a-hub::before{left:.5em}
html.bewegt .a-hub::after{left:5.6em}
html.bewegt .a-hub.vor{opacity:0;transform:translateY(-14px)}
html.bewegt .a-hub.los{animation:absenken calc(.9s * var(--t,1)) var(--hub) calc(var(--d,calc(0ms * var(--t,1))) + var(--d0,calc(0ms * var(--t,1)))) both}
html.bewegt .a-hub.los::before,html.bewegt .a-hub.los::after{animation:seil calc(.9s * var(--t,1)) var(--hub) calc(var(--d,calc(0ms * var(--t,1))) + var(--d0,calc(0ms * var(--t,1)))) both}
html.bewegt .a-licht,html.bewegt .held .unter{position:relative;
  -webkit-mask-image:linear-gradient(180deg,#000 calc(var(--v) * (100% + 12px) - 12px),transparent calc(var(--v) * (100% + 12px)));
  mask-image:linear-gradient(180deg,#000 calc(var(--v) * (100% + 12px) - 12px),transparent calc(var(--v) * (100% + 12px)))}
html.bewegt .a-licht{transition:--v calc(.7s * var(--t,1)) cubic-bezier(.5,0,.15,1) calc(var(--d,calc(0ms * var(--t,1))) + var(--d0,calc(0ms * var(--t,1))))}
html.bewegt .a-licht.vor{--v:0}
html.bewegt .a-licht.los::after,html.bewegt .held .unter::after{content:"";position:absolute;
  left:0;right:0;top:calc(var(--v) * 100%);height:1px;background:var(--blau);pointer-events:none;
  box-shadow:0 0 4px color-mix(in srgb,var(--blau) 50%,transparent);opacity:calc(min(var(--v) * 10, (1 - var(--v)) * 10, .45))}
html.bewegt .held .unter{animation:vorhang calc(1.3s * var(--t,1)) cubic-bezier(.5,0,.15,1) calc(.95s * var(--t,1)) both}
html.bewegt .held .fuss{animation:einblenden calc(1.4s * var(--t,1)) ease calc(.6s * var(--t,1)) both}
html.bewegt .held > .foto{animation:belichten calc(2s * var(--t,1)) ease both}
html.bewegt .a-scan{clip-path:inset(-40% -40% -40% -40%);
  transition:clip-path calc(.9s * var(--t,1)) var(--ease) calc(var(--d,calc(0ms * var(--t,1))) + var(--d0,calc(0ms * var(--t,1)))),opacity calc(.9s * var(--t,1)) ease calc(var(--d,calc(0ms * var(--t,1))) + var(--d0,calc(0ms * var(--t,1))))}
html.bewegt .a-scan.vor{clip-path:inset(-40% 100% -40% -40%);opacity:.2}
.bandscan{position:absolute;top:0;bottom:0;left:0;width:1px;z-index:2;pointer-events:none;opacity:0;
  background:var(--blau);box-shadow:0 0 6px color-mix(in srgb,var(--blau) 45%,transparent)}
html.bewegt .a-band > img{transition:clip-path calc(1.6s * var(--t,1)) var(--ease-s)}
html.bewegt .a-band.vor > img{clip-path:inset(0 100% 0 0)}
html.bewegt .a-band.los .bandscan{animation:bandlauf calc(1.6s * var(--t,1)) var(--ease-s) both}
figure.tb .ml:not(.strich){stroke-dasharray:1 1}
figure.seitenansicht .ml{vector-effect:none;stroke-width:3.4px}
figure.draufsicht .ml{vector-effect:none;stroke-width:2.4px}
.obenbild{position:relative}
.messen{display:none}
html.bewegt .a-zeichnen{position:relative}
html.bewegt .a-zeichnen .messen{display:inline-flex;grid-row:2;grid-column:1;align-self:center;justify-self:start;align-items:center;
  gap:.6em;pointer-events:none;white-space:nowrap;font-size:1em;letter-spacing:normal;color:var(--blau);opacity:0;transition:opacity .12s ease}
html.bewegt .a-zeichnen .mtag .messen{justify-self:center}
html.bewegt .a-zeichnen .tag.rechtsbuendig .messen{justify-self:end}
html.bewegt .a-zeichnen :is(.tag.gold,.wert.gold) .messen{color:var(--gold)}
html.bewegt .a-zeichnen .kopfzeile .wert .messen{font-size:13px}
html.bewegt .a-zeichnen :is(.tag,.mtag,.kopfzeile .wert) > b + span{grid-row:2;grid-column:1}
html.bewegt .a-zeichnen .messen b{color:currentColor}
html.bewegt .a-zeichnen .messen b::after{content:"";display:inline-block;width:1.4em;text-align:left;animation:punkte 1.2s steps(4) infinite}
html.bewegt .a-zeichnen .messen i{display:block;position:relative;width:4.5em;height:1px;background:color-mix(in srgb,currentColor 30%,transparent)}
html.bewegt .a-zeichnen .messen i::after{content:"";position:absolute;left:0;top:-1px;height:3px;width:0;background:currentColor}
html.bewegt .a-zeichnen.misst .messen{opacity:1}
html.bewegt .a-zeichnen.details .messen{display:none}
html.bewegt .a-zeichnen.misst .messen i::after{width:100%;transition:width var(--messzeit,2s) linear}
@keyframes punkte{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.obenbild .farbe{position:absolute;left:0;top:0;width:100%}
html.bewegt .a-zeichnen .farbe{transition:opacity calc(.7s * var(--t,1)) ease}
html.bewegt .a-zeichnen:not(.details) .farbe{opacity:0}
html.bewegt .a-zeichnen .ml:not(.strich){transition:stroke-dashoffset calc(1s * var(--t,1)) var(--ease)}
html.bewegt .a-zeichnen svg [fill-opacity],html.bewegt .a-zeichnen svg path:not(.ml),
html.bewegt .a-zeichnen .ml.strich{transition:opacity calc(.6s * var(--t,1)) ease calc(.35s * var(--t,1))}
html.bewegt .a-zeichnen :is(.tag,.mtag,.kopfzeile .wert){transition:opacity .3s ease}
html.bewegt .a-zeichnen :is(.tag,.mtag,.kopfzeile .wert) > :not(b):not(.messen),
html.bewegt .a-zeichnen figcaption{transition:opacity calc(.5s * var(--t,1)) ease calc(.2s + .3s * var(--t,1))}
html.bewegt .a-zeichnen:not(.details) .ml:not(.strich){stroke-dashoffset:1}
html.bewegt .a-zeichnen:not(.details) svg [fill-opacity],html.bewegt .a-zeichnen:not(.details) svg path:not(.ml),
html.bewegt .a-zeichnen:not(.details) .ml.strich,
html.bewegt .a-zeichnen:not(.details):not(.misst) :is(.tag,.mtag,.kopfzeile .wert),
html.bewegt .a-zeichnen:not(.details) :is(.tag,.mtag,.kopfzeile .wert) > :not(b):not(.messen),
html.bewegt .a-zeichnen:not(.details) figcaption{opacity:0}
.aufbau{position:absolute;inset:-1px;pointer-events:none;opacity:0;z-index:1}
.aufbau i{position:absolute;background:var(--blau)}
.aufbau .u{left:0;right:0;bottom:0;height:1px;transform-origin:left}
.aufbau .o{left:0;right:0;top:0;height:1px;transform-origin:left}
.aufbau .l{left:0;top:0;bottom:0;width:1px;transform-origin:bottom}
.aufbau .r{right:0;top:0;bottom:0;width:1px;transform-origin:bottom}
html.bewegt .a-blatt{transition:background-color calc(.5s * var(--t,1)) ease calc(.4s * var(--t,1)),border-color calc(.4s * var(--t,1)) ease calc(.5s * var(--t,1))}
html.bewegt .a-blatt::before{transition:background-size calc(.45s * var(--t,1)) var(--ease) calc(.55s * var(--t,1))}
html.bewegt .a-blatt.vor{background-color:transparent;border-color:transparent}
html.bewegt .a-blatt.vor::before{background-size:0 2px,2px 0,0 2px,2px 0,0 2px,2px 0,0 2px,2px 0}
html.bewegt .a-blatt.los .aufbau{animation:aufbau-weg calc(1.1s * var(--t,1)) linear both}
html.bewegt .a-blatt.los .aufbau .u{animation:quer calc(.3s * var(--t,1)) var(--ease-s) both}
html.bewegt .a-blatt.los .aufbau .l,html.bewegt .a-blatt.los .aufbau .r{animation:hoch calc(.3s * var(--t,1)) var(--ease-s) calc(.2s * var(--t,1)) both}
html.bewegt .a-blatt.los .aufbau .o{animation:quer calc(.3s * var(--t,1)) var(--ease-s) calc(.4s * var(--t,1)) both}
.gross3 .mass{display:block;position:relative;height:10px;margin:2px 0 4px;color:var(--blau);max-width:100%;
  background:linear-gradient(currentColor,currentColor) left center/1px 10px no-repeat}
.gross3 .gold .mass{color:var(--gold)}
.gross3 .mass::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor;transform-origin:left}
.gross3 .mass::after{content:"";position:absolute;right:0;top:0;height:10px;width:1px;background:currentColor}
html.bewegt .gross3 .mass::before{transition:transform calc(1.5s * var(--t,1)) cubic-bezier(.16,1,.3,1) var(--d0,calc(0ms * var(--t,1)))}
html.bewegt .gross3 .mass::after{transition:opacity calc(.3s * var(--t,1)) ease calc(var(--d0,calc(0ms * var(--t,1))) + calc(1.1s * var(--t,1)))}
html.bewegt .gross3.vor .mass::before{transform:scaleX(0)}
html.bewegt .gross3.vor .mass::after{opacity:0}
html.bewegt .gross3{transition:border-color calc(.6s * var(--t,1)) ease var(--d0,calc(0ms * var(--t,1)))}
html.bewegt .gross3.vor,html.bewegt .gross3.vor > div{border-color:transparent}
html.bewegt .gross3 > div{transition:border-color calc(.6s * var(--t,1)) ease var(--d0,calc(0ms * var(--t,1))),--v calc(.7s * var(--t,1)) cubic-bezier(.5,0,.15,1) calc(var(--d,calc(0ms * var(--t,1))) + var(--d0,calc(0ms * var(--t,1))))}
.europa .zug{stroke-dasharray:1 1}
.route-maske{stroke-dasharray:1 1;stroke-dashoffset:0}
html.bewegt .europa .zug{transition:stroke-dashoffset calc(1.6s * var(--t,1)) var(--ease),fill-opacity calc(1s * var(--t,1)) ease calc(.7s * var(--t,1))}
html.bewegt .europa .netz{transition:opacity calc(2.4s * var(--t,1)) ease calc(.2s * var(--t,1))}
html.bewegt .europa circle,html.bewegt .europa .kmarke{transition:opacity calc(.7s * var(--t,1)) ease calc(1.1s * var(--t,1))}
html.bewegt .europa .route-maske{transition:stroke-dashoffset calc(1.6s * var(--t,1)) var(--ease-s) calc(var(--v,0) * 1s * var(--t,1))}
html.bewegt .europa .routepfeil{transition:opacity calc(.2s * var(--t,1)) ease calc((var(--v,0) + 1.5) * 1s * var(--t,1))}
html.bewegt .europa.vor .zug{stroke-dashoffset:1;fill-opacity:0}
html.bewegt .europa.vor .netz,html.bewegt .europa.vor circle,html.bewegt .europa.vor .kmarke{opacity:0}
html.bewegt .europa.vor .route-maske{stroke-dashoffset:1}
html.bewegt .europa.vor .routepfeil{opacity:0}
html.bewegt .rs::after{transition:opacity calc(1.8s * var(--t,1)) ease}
html.bewegt .rs.vor::after{opacity:0}
html.bewegt .frisch{animation:frisch calc(.6s * var(--t,1)) var(--ease) both}
html.bewegt figure.tb.frisch .ml:not(.strich){animation:linie calc(1.1s * var(--t,1)) var(--ease) calc(.1s * var(--t,1)) both}
.nav::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;transform-origin:left;
  transform:scaleX(var(--fortschritt,0));background:var(--blau);box-shadow:0 0 10px rgba(127,209,232,.55)}
.nav .wrap{position:relative}
.nav .zeiger{position:absolute;bottom:-1px;height:2px;background:var(--blau);opacity:0;left:0;width:0;
  transition:left .6s var(--ease),width .6s var(--ease),opacity .4s ease}
.nav .wrap > ul a.an{color:var(--ink)}
.knopf{position:relative;transition:border-color .3s ease,background-color .3s ease}
.knopf::after{content:"";position:absolute;inset:-6px;pointer-events:none;opacity:0;transform:scale(1.12);
  --e:linear-gradient(var(--blau),var(--blau));
  background-image:var(--e),var(--e),var(--e),var(--e),var(--e),var(--e),var(--e),var(--e);background-repeat:no-repeat;
  background-position:left top,left top,right top,right top,left bottom,left bottom,right bottom,right bottom;
  background-size:9px 1.5px,1.5px 9px,9px 1.5px,1.5px 9px,9px 1.5px,1.5px 9px,9px 1.5px,1.5px 9px;
  transition:opacity .25s ease,transform .35s var(--ease)}
.knopf:hover::after,.knopf:focus-visible::after{opacity:1;transform:none}
@media (max-height:560px) and (orientation:landscape){
  .held .fuss .wrap{font-size:10px}
  .held h1{font-size:30px}
  .held .unter{margin-top:8px;font-size:13px;line-height:1.4;max-width:46em}
  .held .knoepfe{margin-top:12px}
  .held .knopf{padding:8px 12px;font-size:11px;letter-spacing:.12em}
  .held .fuss .siegel{display:none}
  .nav .wrap{height:50px;gap:14px}
  .nav .marke{font-size:12px;letter-spacing:.13em;gap:9px}
  .nav .marke img{width:28px;height:28px}
  .nav .knopf{padding:7px 11px;font-size:11px}
  .modus{width:32px;height:32px}
  .sprache button{font-size:12px}
  h2.gross{font-size:22px}
  .ds-text h2.gross{font-size:20px}
  .eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:12px}
  .blatt-fuss::before{width:16px}
  .blatt-fuss span{padding:9px 10px;font-size:9px;letter-spacing:.09em;line-height:1.4}
  .blatt-fuss::after{width:84px;-webkit-mask-size:calc(100% - 20px) auto;mask-size:calc(100% - 20px) auto}
  .kontakt .orte{margin-top:28px;gap:20px}
  .ort{font-size:13px;padding-top:12px;gap:3px}
  .ort .land{font-size:9.5px;letter-spacing:.15em;margin-bottom:4px}
  .namezeile{gap:4px 8px;flex-wrap:wrap;justify-content:flex-start}
  .namezeile b{font-size:15px;width:100%}
  .ikons{gap:6px}
  .ikon{width:30px;height:30px}
  .ikon svg{width:14px;height:14px}
  .datenraster .iso-ganz{position:relative;top:auto;margin-bottom:24px}
  .held .abschluss{display:none}
  html{--navh:calc(50px + env(safe-area-inset-top,0px))}
  .held{position:sticky;top:var(--navh);height:calc(100svh - var(--navh));min-height:0}
  .held-bahn{height:calc(100svh - var(--navh) + 300px)}
  .held .auslauf{display:none}
  .held .fuss{position:absolute;top:12px;left:0;right:0;z-index:2;padding:0 0 0 52%}
  .held .text{position:absolute;left:0;right:0;bottom:18px;z-index:2;padding:0 0 0 52%}
  body{font-size:13px}
  .punkt p{font-size:13px}
  .punkte-bild{display:block;min-height:0}
  .punkte-bild > img{position:relative;inset:auto;height:auto;aspect-ratio:21/9;object-fit:cover}
  .punkte-bild .wrap,.punkte-bild.rechts .wrap{justify-content:flex-start}
  .punkte-bild .spalte{width:100%;max-width:640px;padding-block:24px 44px;gap:22px}
  .show .text p{font-size:13px}
  .ref{font-size:11px}
  .punkt h3,h3{font-size:15px}
  table.daten{font-size:13px}
  .daten-text p,.daten-text .optionen{font-size:13px}
  .tag{font-size:clamp(7.5px,1.6cqw,10px)}
}
@media (min-width:600px) and (max-width:900px) and (orientation:portrait){
  .downstage .fussnote{text-align:right;margin-top:-56px}
  .show{min-height:0;display:block}
  .show .text{padding-block:10px 56px}
  .show .text{max-width:none}
  .show .text > *{max-width:620px}
  .show .text > .ref{max-width:none}
  .punkte-bild .wrap,.punkte-bild.rechts .wrap{justify-content:flex-start}
  .europa{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center}
  .europa .wrap{order:0;grid-row:1;grid-column:1}
  .karte-flaeche{order:0;grid-row:1;grid-column:2;position:relative;height:540px;min-height:0;align-self:center;margin-top:0;
    overflow:hidden;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%);
    -webkit-mask-composite:source-over;mask-composite:add;
    -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
  .karte-svg{width:175%;height:100%;margin-left:-62%}
}
@media (max-width:1100px) and (orientation:portrait){
  .held{position:sticky;top:var(--navh);height:calc(100svh - var(--navh));min-height:0;
    --band:min(calc(100svh - var(--navh) - 250px), 760px)}
  .held-bahn{height:calc(100svh - var(--navh) + 360px);min-height:0}
  .held .auslauf,.held .abschluss,.held .raster.betont,.held .kante{display:none}
  .held > .foto{position:absolute;top:0;left:0;margin:0;width:100%;max-width:none;
    height:var(--band);aspect-ratio:auto;max-height:none;
    object-fit:cover;object-position:79% 38%;
    -webkit-mask-image:linear-gradient(180deg,#000 34%,transparent 96%);
    mask-image:linear-gradient(180deg,#000 34%,transparent 96%)}
  .held .plan,.held .scan{display:block;top:0;bottom:auto;height:var(--band)}
  .held .plan{left:0;width:100%;
    -webkit-mask-image:linear-gradient(180deg,#000 34%,transparent 96%);
    mask-image:linear-gradient(180deg,#000 34%,transparent 96%)}
  .held .plan .foto{left:0;margin:0;width:100%;max-width:none;height:100%;
    object-fit:cover;object-position:79% 38%}
  .held .foto.fquer{display:none}
  .held .scan{left:calc(var(--p) * 100%)}
  .held .fuss{position:absolute;top:10px;left:0;right:0;z-index:2;padding:0}
  .held .text{position:absolute;left:0;right:0;bottom:22px;z-index:2;top:auto;margin:0;padding:0}
  .held .text .wrap,.held .unter{max-width:none}
}
@media (orientation:landscape) and (pointer:coarse) and (min-height:561px) and (max-width:1400px){
  .held{position:sticky;top:var(--navh);height:calc(100svh - var(--navh));min-height:0}
  .held-bahn{height:calc(100svh - var(--navh) + 340px);min-height:0}
  .held .auslauf,.held .abschluss{display:none}
  .held .fuss{position:absolute;top:26px;left:0;right:0;z-index:2;padding:0 0 0 52%}
  .held .fuss .siegel{display:none}
  .held .text{position:absolute;left:0;right:0;bottom:clamp(28px,6svh,72px);z-index:2;padding:0 0 0 52%}
}
@media (max-height:560px) and (orientation:landscape),
       (orientation:landscape) and (pointer:coarse) and (min-height:561px) and (max-width:1400px){
  html .held > .foto:not(.fquer),html .held .raster.betont,html .held .kante{display:none}
  html .held > .foto.fquer,html .held .plan .foto.fquer{display:block;position:absolute;inset:0 auto 0 0;width:auto;height:100%;max-width:none;object-fit:fill;margin:0}
  html .held .plan .foto:not(.fquer){display:none}
  html .held .plan{display:block;left:0;width:100%;-webkit-mask-image:none;mask-image:none}
  html .held .scan{display:block;left:calc(var(--p) * 100%)}
  .held .fuss .wrap{justify-content:flex-start;padding-left:0}
  .held .text .wrap,.held .unter{max-width:none}
  .held .text .wrap{padding-right:var(--rand);padding-left:0}
}
@media (orientation:landscape) and (pointer:coarse) and (min-height:561px) and (max-width:1400px){
  html .held > .foto.fquer,html .held .plan .foto.fquer{inset:0;width:100%;object-fit:cover;object-position:65% 45%;
    -webkit-mask-image:linear-gradient(90deg,#000 23%,transparent 72%);mask-image:linear-gradient(90deg,#000 23%,transparent 72%)}
  .show .text{max-width:none}
  .show .text > *{max-width:620px}
  .show .text > .ref{max-width:none;justify-self:end;text-align:right;background:var(--hinterlegt);padding:.5em .8em;margin-right:-.8em}
}
html[data-modus="hell"]{--grund:#F2EEE4;--flaeche:#EAE5D9;--linie:rgba(30,29,27,.2);--ink:#1E1D1B;--text:#2E2C29;--grau:#5F5B54;
  --blau:#2F4B8F;--gold:#B23A28;--nav-bg:rgba(242,238,228,.95);--hinterlegt:rgba(242,238,228,.94);--blatt:#FBF9F4;
  --blatt-rand:rgba(30,29,27,.7);--hinterlegt-blatt:rgba(251,249,244,.95);--knopf-rand:rgba(30,29,27,.55);--kasten-rand:rgba(30,29,27,.6);
  --seg-rand:rgba(30,29,27,.45);--seg-trenn:rgba(30,29,27,.25);--rb:.06;--rf-farbe:47,75,143;--rmaj:1.6;
  --zeichnung:invert(1) hue-rotate(180deg) brightness(.52) contrast(1.35);color-scheme:light;--seite:#F2EEE4;
  --clavier:linear-gradient(90deg,var(--c-outremer) 0 21%,var(--c-ceruleen) 21% 30%,var(--c-ocre-clair) 30% 46%,var(--c-ocre) 46% 52%,
    var(--c-vermillon) 52% 69%,var(--c-ombre) 69% 75%,var(--c-vert) 75% 92%,var(--ink) 92% 100%)}
html[data-modus="hell"] .held .raster.betont{--ra:.1}
html[data-modus="hell"] .punkte-bild.rechts{--ra:.08}
html[data-modus="hell"] .punkte-bild:not(.rechts){--ra:.1}
html[data-modus="hell"] .show{--ra:.07}
html[data-modus="hell"] .europa{--ra:.07}
:root{--c-outremer:#2F4B8F;--c-vermillon:#B23A28;--c-vert:#3D6B57;--c-ceruleen:#7EA7C7;--c-ocre:#C8913B;--c-ocre-clair:#E9CF8E;--c-ombre:#5B4234}
html[data-modus="hell"] body{text-shadow:none}
html[data-modus="hell"] ::selection{background:var(--c-ocre-clair);color:var(--ink)}
html[data-modus="hell"] .knopf:not(.leer),html[data-modus="hell"] .segment input:checked + label{color:var(--grund)}
html[data-modus="hell"] .nav .marke img,html[data-modus="hell"] footer img{filter:invert(1) hue-rotate(180deg) brightness(.6)}
html[data-modus="hell"] .nav{box-shadow:none}
html[data-modus="hell"] .nav::after,html[data-modus="hell"] footer::before{content:"";position:absolute;left:0;right:0;height:5px;background:var(--clavier)}
html[data-modus="hell"] .nav::after{bottom:-5px}
html[data-modus="hell"] footer{border-top-color:transparent}
html[data-modus="hell"] footer::before{top:0}
html[data-modus="hell"] .held .scan{background:var(--c-vermillon);box-shadow:none}
html[data-modus="hell"] .held .fuss .siegel{color:var(--c-vermillon)}
.blatt-abschnitt.zahlen,.blatt-abschnitt.konfig{--feld:var(--blau)}
.blatt-abschnitt.downstage,.blatt-abschnitt.specs{--feld:var(--gold)}
html[data-modus="hell"] .blatt-abschnitt.zahlen{--feld:var(--c-outremer)}
html[data-modus="hell"] .blatt-abschnitt.downstage{--feld:var(--c-vermillon)}
html[data-modus="hell"] .blatt-abschnitt.konfig{--feld:var(--c-vert)}
html[data-modus="hell"] .blatt-abschnitt.specs{--feld:var(--c-ocre)}
html[data-modus="hell"] .blatt{outline:1px solid rgba(30,29,27,.32);outline-offset:-9px;
  box-shadow:0 1px 0 rgba(30,29,27,.06),0 22px 44px -30px rgba(30,29,27,.5)}
html[data-modus="hell"] .blatt::before{--e:linear-gradient(var(--feld,var(--ink)),var(--feld,var(--ink)))}
.blatt-kopf{border-bottom:2px solid var(--ink)}
html[data-modus="hell"] .blatt-kopf{color:var(--ink)}
.blatt-kopf span:first-child{display:flex;align-items:center;gap:12px}
.blatt-kopf span:first-child::before{content:"";width:12px;height:12px;background:var(--feld,var(--ink));flex:none}
html[data-modus="hell"] .blatt-kopf span:last-child{color:var(--grau)}
.blatt-fuss{border:1px solid var(--ink);padding:0;align-items:stretch;gap:0;color:var(--ink)}
.blatt-fuss::before{content:"";width:clamp(28px,4vw,64px);background:var(--feld,var(--ink));flex:none}
.blatt-fuss span{padding:13px 16px;flex:1;color:var(--ink)}
.blatt-fuss span{border-right:1px solid var(--ink)}
.blatt-fuss::after{content:"";flex:none;width:clamp(104px,11vw,168px);background:var(--ink);
  -webkit-mask:url(bilder/79560205d616.png) center/calc(100% - 30px) auto no-repeat;mask:url(bilder/79560205d616.png) center/calc(100% - 30px) auto no-repeat}
@media (max-width:560px){
  .blatt-fuss::before{width:14px}
  .blatt-fuss span{padding:10px 8px 10px 10px;font-size:8.5px;letter-spacing:.1em;line-height:1.45}
  @media (max-width:380px){.blatt-fuss span{letter-spacing:.07em}}
  .blatt-fuss::after{width:70px;-webkit-mask-size:calc(100% - 18px) auto;mask-size:calc(100% - 18px) auto}
}
.system-block,.system .siegel,.ort{border-top-width:5px}
html[data-modus="hell"] .ort{border-top-color:var(--c-outremer)}
html[data-modus="hell"] .ort:nth-child(2){border-top-color:var(--c-vermillon)}
html[data-modus="hell"] .ort:nth-child(3){border-top-color:var(--c-vert)}
html[data-modus="hell"] .karte-svg g[fill="#23262E"]{fill:#E6E0D2;stroke:#6E695F}
html[data-modus="hell"] .karte-svg g[fill="none"]{stroke:#9C978C}
html[data-modus="hell"] .karte-svg g[fill="#1B3A4A"]{fill:#C9D5E6;stroke:var(--blau)}
html[data-modus="hell"] .karte-svg g[fill="#3A2C14"],html[data-modus="hell"] .karte-svg [fill="#3A2C14"]{fill:var(--c-ocre-clair)}
html[data-modus="hell"] .karte-svg .kmarke rect[fill="#0E0F12"]{fill:var(--blatt)}

.st1{margin-top:28px!important}
.st2{margin-top:16px!important}
.st3{aspect-ratio:1170/1384!important}
.st4{left:12.82%!important;top:23.85%!important;width:85.47%!important}
.st5{left:19.06%!important;top:16.32%!important;transform:translateY(-100%)!important}
.st6{left:97.61%!important;top:4.54%!important;transform:translate(-100%,-100%)!important}
.st7{left:6.84%!important;top:63.03%!important;transform:translateY(-50%)!important}
.st8{aspect-ratio:470/1159!important}
.st9{left:-117.02%!important;top:8.20%!important;width:212.77%!important}
.st10{left:31.91%!important;top:26.82%!important}
.st11{left:80.85%!important;top:83.05%!important;transform:translate(-100%,-100%)!important}
.st12{aspect-ratio:1000/725!important}
.st13{left:0!important;top:38.62%!important;width:100%!important}
.st14{left:13.50%!important;top:17.93%!important;transform:translateY(-100%)!important}
.st15{left:74.25%!important;top:33.10%!important;transform:translate(-100%,-100%)!important}
.st16{margin:0!important}
.st17{margin:0!important}
.st18{margin:0!important}
.st19{aspect-ratio:901.4/752!important;width:90.14%!important;margin-inline:auto!important}
.st20{left:0!important;top:19.95%!important;width:100%!important}
.st21{top:7.31%!important;transform:translate(-50%,-50%)!important}
.st22{top:74.75%!important}
.st23{top:88.71%!important}
.st24{aspect-ratio:950.7/752!important;width:95.07%!important;margin-inline:auto!important}
.st25{left:0!important;top:19.95%!important;width:100%!important}
.st26{top:7.31%!important;transform:translate(-50%,-50%)!important}
.st27{top:74.75%!important}
.st28{top:88.71%!important}
.st29{aspect-ratio:1000.0/752!important;width:100.00%!important;margin-inline:auto!important}
.st30{left:0!important;top:19.95%!important;width:100%!important}
.st31{top:7.31%!important;transform:translate(-50%,-50%)!important}
.st32{top:74.75%!important}
.st33{top:88.71%!important}
.st34{aspect-ratio:904.8/748!important;width:90.48%!important;margin-inline:auto!important}
.st35{left:0!important;top:20.07%!important;width:100%!important}
.st36{top:7.36%!important;transform:translate(-50%,-50%)!important}
.st37{top:74.47%!important}
.st38{top:88.52%!important}
.st39{aspect-ratio:952.4/748!important;width:95.24%!important;margin-inline:auto!important}
.st40{left:0!important;top:20.07%!important;width:100%!important}
.st41{top:7.36%!important;transform:translate(-50%,-50%)!important}
.st42{top:74.47%!important}
.st43{top:88.52%!important}
.st44{aspect-ratio:1000.0/748!important;width:100.00%!important;margin-inline:auto!important}
.st45{left:0!important;top:20.07%!important;width:100%!important}
.st46{top:7.36%!important;transform:translate(-50%,-50%)!important}
.st47{top:74.47%!important}
.st48{top:88.52%!important}
.st49{font-size:18px!important}
.st50{font-size:15px!important;color:var(--text)!important}
.st51{display:block!important;overflow:hidden!important}
.st52{--v:1.30!important}
.st53{--v:1.30!important}
.st54{--v:1.60!important}
.st55{--v:1.60!important}
.st56{--v:1.90!important}
.st57{--v:1.90!important}
.st58{--v:2.20!important}
.st59{--v:2.20!important}
.st60{margin-top:24px!important}
.st61{margin:0!important}
.st62{aspect-ratio:1600/1461!important}
.st63{margin-top:24px!important}