:root{--portal-szene:tag;--portal-schrift-kopf: "Unbounded", "Bricolage Grotesque",var(--ab-font);--portal-schrift: "Bricolage Grotesque",var(--ab-font);--portal-mono: "JetBrains Mono",var(--ab-font-mono,ui-monospace,Menlo,Consolas,monospace);--portal-kenn-1:#2f5ba4;--portal-kenn-2:#0097b2;--portal-kenn-3:#c81840;--p-grund:#f5f8fd;--p-flaeche:#ffffff;--p-flaeche-2:#e9f0fa;--p-band:#dfe7f3;--p-band-2:#dbe3f0;--p-linie:#b7c5da;--p-rahmen:#1d3557;--p-tinte:#10203d;--p-text:#2b3a55;--p-leise:#44536d;--p-aktion:#2a5390;--p-aktion-hover:#1d3a66;--p-auf-aktion:#ffffff;--p-fokus:#005fcc;--p-gold:#8a5a00;--p-auf-akzent:#ffffff;--p-glas:rgba(255,255,255,0.92);--p-chip:rgba(255,255,255,0.88);--p-schatten:rgba(16,32,61,0.22);--p-knopf-schatten:rgba(18,51,58,0.28);--p-bahn:rgba(42,83,144,0.4);--p-geflogen:#b07a10;--p-titel:#10203d;--p-titel-verlauf:linear-gradient(90deg,#2a5390,#006f83 50%,#a81038);--p-himmel:radial-gradient(60% 50% at 78% 45%,rgba(140,188,255,0.45),transparent 70%),linear-gradient(180deg,#b9d0f3 0%,#dbe7fa 58%,#f5f8fd 100%);--p-fenster-grund:linear-gradient(180deg,#d6e4f8 0%,#f2f6fd 100%);--p-sterne:none} :root[data-ab-theme="dunkel"]{--portal-szene:nacht;--p-grund:#070b18;--p-flaeche:#10172c;--p-flaeche-2:#18213d;--p-band:#0c1430;--p-band-2:#080e22;--p-linie:#2a3659;--p-rahmen:#5a6f96;--p-tinte:#ffffff;--p-text:#dbe3f4;--p-leise:#a6b3cf;--p-aktion:#8cbcff;--p-aktion-hover:#b3d3ff;--p-auf-aktion:#061726;--p-fokus:#7fb3ff;--p-gold:#f0c674;--p-auf-akzent:#061726;--p-glas:rgba(16,23,44,0.92);--p-chip:rgba(7,11,24,0.78);--p-schatten:rgba(0,0,0,0.6);--p-knopf-schatten:rgba(140,188,255,0.45);--p-bahn:rgba(166,179,207,0.6);--p-geflogen:#f0c674;--p-titel:#ffffff;--p-titel-verlauf:linear-gradient(90deg,#8cbcff,#5ce1e6 50%,#ff9db1);--p-himmel:radial-gradient(55% 45% at 78% 45%,rgba(47,91,164,0.35),transparent 70%),radial-gradient(40% 35% at 15% 85%,rgba(200,24,64,0.16),transparent 70%),#070b18;--p-fenster-grund:radial-gradient(circle at 50% 30%,#18244d,#070b18 75%);--p-sterne:radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,0.8),transparent),radial-gradient(1px 1px at 72% 12%,rgba(255,255,255,0.7),transparent),radial-gradient(1px 1px at 38% 64%,rgba(255,255,255,0.6),transparent),radial-gradient(1.5px 1.5px at 88% 72%,rgba(255,255,255,0.7),transparent),radial-gradient(1px 1px at 55% 40%,rgba(255,255,255,0.5),transparent)} @media (prefers-color-scheme:dark){:root:not([data-ab-theme="hell"]){--portal-szene:nacht;--p-grund:#070b18;--p-flaeche:#10172c;--p-flaeche-2:#18213d;--p-band:#0c1430;--p-band-2:#080e22;--p-linie:#2a3659;--p-rahmen:#5a6f96;--p-tinte:#ffffff;--p-text:#dbe3f4;--p-leise:#a6b3cf;--p-aktion:#8cbcff;--p-aktion-hover:#b3d3ff;--p-auf-aktion:#061726;--p-fokus:#7fb3ff;--p-gold:#f0c674;--p-auf-akzent:#061726;--p-glas:rgba(16,23,44,0.92);--p-chip:rgba(7,11,24,0.78);--p-schatten:rgba(0,0,0,0.6);--p-knopf-schatten:rgba(140,188,255,0.45);--p-bahn:rgba(166,179,207,0.6);--p-geflogen:#f0c674;--p-titel:#ffffff;--p-titel-verlauf:linear-gradient(90deg,#8cbcff,#5ce1e6 50%,#ff9db1);--p-himmel:radial-gradient(55% 45% at 78% 45%,rgba(47,91,164,0.35),transparent 70%),radial-gradient(40% 35% at 15% 85%,rgba(200,24,64,0.16),transparent 70%),#070b18;--p-fenster-grund:radial-gradient(circle at 50% 30%,#18244d,#070b18 75%);--p-sterne:radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,0.8),transparent),radial-gradient(1px 1px at 72% 12%,rgba(255,255,255,0.7),transparent),radial-gradient(1px 1px at 38% 64%,rgba(255,255,255,0.6),transparent),radial-gradient(1.5px 1.5px at 88% 72%,rgba(255,255,255,0.7),transparent),radial-gradient(1px 1px at 55% 40%,rgba(255,255,255,0.5),transparent)}} :root[data-ab-contrast="hoch"]{--p-grund:#ffffff;--p-flaeche:#ffffff;--p-flaeche-2:#ffffff;--p-band:#ffffff;--p-band-2:#ffffff;--p-linie:#000000;--p-rahmen:#000000;--p-tinte:#000000;--p-text:#000000;--p-leise:#000000;--p-aktion:#0b3d91;--p-aktion-hover:#000000;--p-auf-aktion:#ffffff;--p-gold:#000000;--p-auf-akzent:#ffffff;--p-glas:#ffffff;--p-chip:#ffffff;--p-schatten:transparent;--p-knopf-schatten:transparent;--p-bahn:#000000;--p-geflogen:#000000;--p-titel:#000000;--p-titel-verlauf:linear-gradient(#000000,#000000);--p-himmel:#ffffff;--p-fenster-grund:#ffffff;--p-sterne:none} :root[data-ab-theme="dunkel"][data-ab-contrast="hoch"]{--p-grund:#000000;--p-flaeche:#000000;--p-flaeche-2:#000000;--p-band:#000000;--p-band-2:#000000;--p-linie:#ffffff;--p-rahmen:#ffffff;--p-tinte:#ffffff;--p-text:#ffffff;--p-leise:#ffffff;--p-aktion:#b3d3ff;--p-aktion-hover:#ffffff;--p-auf-aktion:#000000;--p-gold:#ffffff;--p-auf-akzent:#000000;--p-glas:#000000;--p-chip:#000000;--p-bahn:#ffffff;--p-geflogen:#ffffff;--p-titel:#ffffff;--p-titel-verlauf:linear-gradient(#ffffff,#ffffff);--p-himmel:#000000;--p-fenster-grund:#000000} @media (prefers-color-scheme:dark){:root:not([data-ab-theme="hell"])[data-ab-contrast="hoch"]{--p-grund:#000000;--p-flaeche:#000000;--p-flaeche-2:#000000;--p-band:#000000;--p-band-2:#000000;--p-linie:#ffffff;--p-rahmen:#ffffff;--p-tinte:#ffffff;--p-text:#ffffff;--p-leise:#ffffff;--p-aktion:#b3d3ff;--p-aktion-hover:#ffffff;--p-auf-aktion:#000000;--p-gold:#ffffff;--p-auf-akzent:#000000;--p-glas:#000000;--p-chip:#000000;--p-bahn:#ffffff;--p-geflogen:#ffffff;--p-titel:#ffffff;--p-titel-verlauf:linear-gradient(#ffffff,#ffffff);--p-himmel:#000000;--p-fenster-grund:#000000}} .region,.steckbrief,.station{--akzent:var(--tief,var(--p-aktion))} :root[data-ab-theme="dunkel"] :is(.region,.steckbrief,.station){--akzent:var(--hell,var(--p-aktion))} @media (prefers-color-scheme:dark){:root:not([data-ab-theme="hell"]) :is(.region,.steckbrief,.station){--akzent:var(--hell,var(--p-aktion))}} :root[data-ab-contrast="hoch"] :is(.region,.steckbrief,.station){--akzent:var(--p-tinte)} .site-header,.site-footer,.portal,.euwb-consent,.euwb-consent-modal{--ab-ground:var(--p-grund);--ab-surface:var(--p-flaeche-2);--ab-surface-strong:var(--p-flaeche-2);--ab-line:var(--p-linie);--ab-field-border:var(--p-leise);--ab-ink:var(--p-tinte);--ab-text:var(--p-text);--ab-muted:var(--p-leise);--ab-brand:var(--p-aktion);--ab-brand-light:var(--p-aktion);--ab-action:var(--p-aktion);--ab-action-hover:var(--p-aktion-hover);--ab-on-action:var(--p-auf-aktion);--ab-focus:var(--p-fokus);--ab-inverse:var(--p-band-2);--ab-on-inverse:var(--p-tinte);--ab-on-inverse-muted:var(--p-leise)} [hidden]{display:none !important} .portal-wrap,.site-header__inner,.site-header__utility-inner,.portal-footer,.site-footer__inner,.euwb-consent__inner{width:min(100% - 4rem,1320px);margin-inline:auto} body .euwb-consent{padding-inline:0;border-inline-width:0} .site-header{border-top:0;border-bottom:1px solid var(--p-linie);min-height:auto;background:var(--p-band);color:var(--p-text)} body:has(.planet-buehne){background:var(--p-band)} body:has(.planet-buehne) .site-header{border-bottom:0} .site-header::before{content: "";display:block;height:4px;background:linear-gradient(90deg,var(--portal-kenn-1) 0 33.33%,var(--portal-kenn-2) 33.33% 66.66%,var(--portal-kenn-3) 66.66%)} .site-header__utility{background:var(--p-band-2);border-bottom:1px solid var(--p-linie)} .site-header__utility-inner{min-height:50px;gap:.5rem} .site-header__inner{min-height:92px} .site-header__help{font-size:.875rem;color:var(--p-leise)} .site-header__help a{color:var(--p-aktion)} .site-header__accessibility{gap:.5rem;flex-wrap:wrap} .ab-utility-button{border-width:1px;min-height:44px;padding:.5rem .75rem;font-size:.875rem} .ab-display-panel{background:var(--p-flaeche);color:var(--p-text);border-color:var(--p-linie)} .ls-toggle,.ls-toggle__logo{width:44px;min-width:44px;height:44px;min-height:44px} .site-branding .portal-brand{display:flex;align-items:center;gap:16px;min-height:44px;line-height:1;color:var(--p-tinte);text-decoration:none} .portal-brand__mark{position:relative;display:flex;align-items:baseline;font-weight:800;font-size:3rem;letter-spacing:-.13em;padding-right:6px} .portal-brand__mark>span{font-size:1.6rem;color:var(--p-aktion);align-self:flex-start;padding-left:3px;margin-top:1px} .portal-brand__mark i{position:absolute;height:4px;bottom:-5px;left:2px;right:0;background:linear-gradient(90deg,var(--portal-kenn-1) 33%,var(--portal-kenn-2) 33% 66%,var(--portal-kenn-3) 66%);transition:transform 200ms cubic-bezier(.2,.8,.2,1);transform-origin:left} .portal-brand__name{font-size:1.3rem;font-weight:700;letter-spacing:-.04em;transition:color 160ms ease} .portal-brand__name>span{display:block;font-size:.875rem;letter-spacing:.18em;font-weight:500;margin-top:7px;text-transform:uppercase} .site-branding .portal-brand:hover .portal-brand__name,.site-branding .portal-brand:focus-visible .portal-brand__name{color:var(--p-aktion)} .site-branding .portal-brand:hover .portal-brand__mark i,.site-branding .portal-brand:focus-visible .portal-brand__mark i{transform:scaleX(1.12)} .primary-menu a{font-size:1rem;min-height:44px;display:inline-flex;align-items:center;color:var(--p-tinte);border-bottom:3px solid transparent;transition:border-color 160ms ease,color 160ms ease} .primary-menu a:hover,.primary-menu a:focus,.primary-menu .current-menu-item>a,.primary-menu .current_page_item>a{border-bottom-color:var(--p-aktion);color:var(--p-aktion-hover)} :root[data-ab-theme="dunkel"] .primary-menu a:hover{color:var(--p-tinte)} .primary-menu .sub-menu,.primary-menu .children{background:var(--p-flaeche);border:2px solid var(--p-linie);box-shadow:7px 7px 0 var(--p-schatten)} .site-footer{background:var(--p-band);color:var(--p-text);border-top:1px solid var(--p-linie)} .portal-footer{padding-block:2.5rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap} .portal-footer__tagline{font-size:1rem;color:var(--p-leise);margin:0} .portal-textlink{display:inline-flex;min-height:44px;gap:.6rem;align-items:center;color:var(--p-tinte);font-weight:600;text-decoration:underline;text-underline-offset:5px} .portal-textlink span{transition:transform 200ms cubic-bezier(.2,.8,.2,1)} .portal-textlink:hover{color:var(--p-aktion)} .portal-textlink:hover span{transform:translateY(-.25rem)} .site-footer__widgets{border-bottom:1px solid var(--p-linie)} .site-footer .footer-widget,.site-footer .footer-widget p,.site-footer .footer-widget li{color:var(--p-leise)} .site-footer .footer-widget a,.site-footer .footer-widget__title{color:var(--p-tinte)} .site-footer__inner{padding-block:1.5rem;border-top:1px solid var(--p-linie)} .site-footer__bottom,.site-footer__copyright,.site-footer__legal a{color:var(--p-leise);font-size:.875rem} .site-footer__legal a{display:inline-flex;align-items:center;min-height:44px} .site-footer__legal a:hover{color:var(--p-aktion)} .portal{font-family:var(--portal-schrift);overflow-x:clip;background:var(--p-grund);color:var(--p-text)} .portal :where(h1,h2,h3){font-family:var(--portal-schrift-kopf);letter-spacing:-.02em;overflow-wrap:break-word;hyphens:manual;-webkit-hyphens:manual;color:var(--p-tinte)} .portal h2{font-size:clamp(1.9rem,1.2rem + 2.6vw,3.4rem);line-height:1.05;margin:0 0 .6em} .portal h3{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.4rem);line-height:1.05;margin:0 0 .4em} .portal-vorspann{font:700 .8125rem/1.4 var(--portal-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--p-gold);margin:0 0 .9rem} .portal-lead{font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.65;max-width:40ch;color:var(--p-text)} .portal-knopfreihe{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 0} .portal-knopf{--knopf-schatten:var(--p-knopf-schatten);display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:52px;padding:.75rem 1.4rem;border-radius:4px;border:2px solid var(--p-aktion);background:var(--p-aktion);color:var(--p-auf-aktion);font:700 1rem/1.2 var(--portal-schrift);text-decoration:none;cursor:pointer;box-shadow:3px 3px 0 var(--knopf-schatten);transition:transform 120ms ease,box-shadow 120ms ease,background-color 150ms ease,border-color 150ms ease,color 150ms ease} .portal-knopf span{transition:transform 200ms cubic-bezier(.2,.8,.2,1)} .portal-knopf:focus-visible{box-shadow:5px 5px 0 var(--knopf-schatten);transform:translate(-1px,-1px);outline:3px solid var(--p-fokus);outline-offset:3px} @media (hover:hover){.portal-knopf:hover{box-shadow:5px 5px 0 var(--knopf-schatten);transform:translate(-1px,-1px);background:var(--p-aktion-hover);border-color:var(--p-aktion-hover);color:var(--p-auf-aktion)} .portal-knopf:hover span{transform:translateX(.2rem)}} .portal-knopf--ton{--knopf-schatten:color-mix(in srgb,var(--akzent,var(--p-aktion)) 45%,transparent);background:var(--akzent,var(--p-aktion));border-color:var(--akzent,var(--p-aktion));color:var(--p-auf-akzent)} @media (hover:hover){.portal-knopf--ton:hover{background:color-mix(in srgb,var(--akzent,var(--p-aktion)) 80%,var(--p-tinte));border-color:color-mix(in srgb,var(--akzent,var(--p-aktion)) 80%,var(--p-tinte));color:var(--p-auf-akzent)}} .portal-knopf--rand{--knopf-schatten:color-mix(in srgb,var(--akzent,var(--p-aktion)) 45%,transparent);background:transparent;color:var(--p-tinte);border-color:currentColor} @media (hover:hover){.portal-knopf--rand:hover{background:var(--akzent,var(--p-aktion));border-color:var(--akzent,var(--p-aktion));color:var(--p-auf-akzent)}} .portal-wrap{position:relative} .portal :is(ul,ol)[class]>li + li{margin-top:0} .planet-buehne{position:relative;overflow:hidden;isolation:isolate;min-height:min(100svh - 140px,880px);display:flex;flex-direction:column;background:var(--p-sterne),var(--p-himmel);color:var(--p-text);box-shadow:inset 0 1px 0 var(--p-linie)} .planet-buehne::after{content: "";position:absolute;inset:auto 0 0;height:28%;z-index:-1;pointer-events:none;background:linear-gradient(0deg,var(--p-grund),transparent)} .planet-buehne__flaeche{position:absolute;inset:0;z-index:-1} .planet-buehne__leinwand{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab} .planet-buehne__leinwand[data-zieht]{cursor:grabbing} .planet-buehne__standbild{position:absolute;left:70%;top:50%;height:var(--p-planet-hoehe,88%);aspect-ratio:1;translate:-50% -50%;pointer-events:none;background:var(--p-planet-bild-tag,none) center / contain no-repeat} :root[data-ab-theme="dunkel"] .planet-buehne__standbild{background-image:var(--p-planet-bild-nacht,none)} @media (prefers-color-scheme:dark){:root:not([data-ab-theme="hell"]) .planet-buehne__standbild{background-image:var(--p-planet-bild-nacht,none)}} [data-planet-3d] .planet-buehne__leinwand{opacity:0;transition:opacity 700ms ease} [data-planet-bereit] .planet-buehne__leinwand{opacity:1} [data-planet-bereit] .planet-buehne__standbild{opacity:0;transition:opacity 700ms ease 120ms} .planet-buehne__editorhinweis{position:absolute;left:1rem;bottom:1rem;z-index:2;margin:0;padding:.35rem .7rem;border-radius:999px;background:var(--p-chip);color:var(--p-tinte);font-size:.8rem} .planet-buehne__raster{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(2.5rem,2rem + 4vw,5rem);pointer-events:none} .planet-buehne__raster>*{pointer-events:auto} .planet-buehne__text{max-width:600px} .portal-titel{font-size:clamp(2.4rem,1rem + 5.4vw,5.6rem);line-height:.95;font-weight:800;color:var(--p-titel);margin:0 0 1.25rem} .portal .portal-titel,.portal .portal-titel span{hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal;word-break:normal} .portal-titel span{display:block;background:var(--p-titel-verlauf);-webkit-background-clip:text;background-clip:text;color:transparent} @media (forced-colors:active){.portal-titel span{color:CanvasText;background:none}} :root:not([data-portal-3d]) .planet-buehne__hinweis[data-nur-3d]{display:none} .planet-buehne__hinweis{display:inline-flex;gap:.6rem;align-items:center;font:700 .8125rem/1.4 var(--portal-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--p-leise)} .planet-buehne__hinweis span{width:28px;height:28px;border:2px solid currentColor;border-radius:50%;position:relative} .planet-buehne__hinweis span::after{content: "";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:currentColor;animation:portal-ziehen 1.8s ease-in-out infinite} @keyframes portal-ziehen{0%,100%{translate:-6px 0} 50%{translate:6px 0}} .regionen{list-style:none;margin:1.5rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem} .region{display:inline-flex;align-items:center;gap:.6rem;min-height:48px;padding:.4rem 1rem .4rem .45rem;border-radius:999px;border:2px solid color-mix(in srgb,var(--akzent) 55%,transparent);background:var(--p-chip);backdrop-filter:blur(8px);color:var(--p-tinte);font:700 .9375rem/1 var(--portal-schrift);cursor:pointer;box-shadow:3px 3px 0 color-mix(in srgb,var(--akzent) 35%,transparent);transition:opacity 250ms ease,border-color 160ms ease,transform 120ms ease,box-shadow 120ms ease} .region:focus-visible{outline:3px solid var(--p-fokus);outline-offset:3px} .region:is(:hover,:focus-visible),.region[aria-expanded="true"]{border-color:var(--akzent);box-shadow:5px 5px 0 color-mix(in srgb,var(--akzent) 45%,transparent);transform:translate(-1px,-1px)} .region i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--hell);color:#061726;font:800 .75rem/1 var(--portal-mono);font-style:normal} @media (min-width:901px){.planet-buehne__raster,.planet-buehne>.portal-wrap{position:static} :is(:root[data-portal-3d] .regionen,.regionen[data-3d]){margin:0} :is(:root[data-portal-3d] .regionen,.regionen[data-3d]) li{position:absolute;left:0;top:0;z-index:3;will-change:transform} :root[data-portal-3d] .regionen:not([data-3d]) li{visibility:hidden} .regionen[data-3d] li[data-hinten] .region{opacity:0;pointer-events:none} .regionen[data-3d] li[data-hinten] .region:focus-visible{opacity:1}} .steckbrief{position:absolute;z-index:4;right:clamp(1rem,3vw,2.5rem);bottom:clamp(4.5rem,6vw,6rem);width:min(420px,calc(100% - 2rem));padding:1.5rem;border-radius:6px;background:var(--p-glas);backdrop-filter:blur(14px);border:2px solid var(--akzent);color:var(--p-text);box-shadow:11px 11px 0 color-mix(in srgb,var(--akzent) 40%,transparent);animation:portal-hinein 420ms cubic-bezier(.2,.8,.2,1)} @keyframes portal-hinein{from{opacity:0;translate:0 20px}} .steckbrief .portal-vorspann{color:var(--akzent)} .steckbrief h2{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.1rem);margin-right:2.5rem} .steckbrief__zu{position:absolute;top:.75rem;right:.75rem;width:44px;height:44px;border-radius:4px;border:2px solid var(--p-linie);background:transparent;color:var(--p-tinte);font-size:1.25rem;cursor:pointer;transition:border-color 160ms ease,transform 120ms ease} .steckbrief__zu:hover{border-color:var(--p-tinte);transform:rotate(90deg)} .portal-bewegung__zeichen{display:inline-block;min-width:1rem;margin-right:.25rem;font-weight:800} @media (max-width:420px){.site-header__accessibility .ab-utility-button{padding-inline:.45rem;font-size:.75rem} .portal-bewegung{min-width:44px} .portal-bewegung__zeichen{margin-right:0} .portal-bewegung [data-portal-pause-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}} @media (max-width:900px){.planet-buehne{min-height:0;--buehne-rand:2rem;padding-block:clamp(1.75rem,1.5rem + 2vw,2.5rem) .5rem} .planet-buehne__raster,.planet-buehne__text{display:contents} .planet-buehne__text>*,.regionen{box-sizing:border-box;width:calc(100% - 2 * var(--buehne-rand));max-width:600px;margin-inline:var(--buehne-rand) auto} .planet-buehne__text>.portal-vorspann{order:1} .planet-buehne__text>.portal-titel{order:2;margin-bottom:.25rem} .planet-buehne__flaeche{position:relative;order:3;height:min(52vh,92vw);min-height:280px;z-index:0} .planet-buehne__text>*{order:4} .regionen{order:5;margin-bottom:1rem} .planet-buehne__standbild{left:50%} .steckbrief{position:relative;order:6;right:auto;bottom:auto;margin:0 1rem 1rem;width:auto}} @media (max-width:540px){.planet-buehne{--buehne-rand:1.25rem}} .flugstrecke{position:relative} .flugstrecke__bahn{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible} .flugstrecke__schatten{fill:none;stroke:color-mix(in srgb,var(--p-grund) 55%,transparent);stroke-width:5;stroke-linecap:round} .flugstrecke__weg{fill:none;stroke:var(--p-bahn);stroke-width:2;stroke-dasharray:2 9;stroke-linecap:round} .flugstrecke__geflogen{fill:none;stroke:var(--p-geflogen);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--p-geflogen) 70%,transparent))} .flugstrecke .portal-wrap{z-index:2} .wegpunkt{position:absolute;width:2px;height:2px;pointer-events:none} .wegpunkt--start{right:22%;top:0} .shuttle-leinwand{position:absolute;left:0;top:0;width:260px;height:220px;z-index:30;pointer-events:none;will-change:transform} .stationen{padding-block:clamp(4rem,3rem + 5vw,8rem) clamp(3rem,2rem + 4vw,6rem);background:var(--p-sterne),var(--p-grund)} .portal-kopf{max-width:760px;margin-bottom:clamp(2rem,1rem + 4vw,5rem)} .station{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,1rem + 4vw,6rem);align-items:center;padding-block:clamp(3rem,2rem + 5vw,7rem)} .station:nth-of-type(even) .station__bild{order:2} @media (max-width:900px){.station{grid-template-columns:minmax(0,1fr)} .station:nth-of-type(even) .station__bild{order:0}} .station__bild{position:relative;display:grid;place-items:center} .station .wegpunkt{top:50%;left:8%} .station:nth-of-type(even) .wegpunkt{left:auto;right:8%} @media (max-width:900px){.station .wegpunkt{left:12%;top:-1.5rem} .station:nth-of-type(even) .wegpunkt{left:auto;right:12%}} .station__nr{font:800 clamp(3.5rem,2rem + 5vw,7rem)/.8 var(--portal-schrift-kopf);color:transparent;-webkit-text-stroke:1.5px var(--akzent);margin:0 0 .75rem} .station__nr span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} @media (forced-colors:active){.station__nr{color:CanvasText;-webkit-text-stroke:0}} .station .portal-vorspann{color:var(--akzent)} .station__claim{font:700 clamp(1.1rem,1rem + .5vw,1.35rem)/1.35 var(--portal-schrift);color:var(--p-tinte)} .station__leistungen-titel{margin:1.25rem 0 .5rem;font:700 .8125rem/1.4 var(--portal-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--p-leise)} .station__leistungen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:.75rem} .station__leistungen li{padding:.6rem .85rem;border-radius:4px;background:var(--p-flaeche);color:var(--p-text);border:2px solid var(--p-linie);box-shadow:4px 4px 0 color-mix(in srgb,var(--akzent) 28%,transparent);transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease} @media (hover:hover){.station__leistungen li:hover{border-color:var(--akzent);box-shadow:7px 7px 0 color-mix(in srgb,var(--akzent) 38%,transparent);transform:translate(-2px,-2px)}} .fenster{--tiefe:7px;position:relative;width:min(100%,600px);border-radius:6px;overflow:hidden;border:2px solid var(--p-rahmen);background:var(--p-flaeche);box-shadow:var(--tiefe) var(--tiefe) 0 color-mix(in srgb,var(--akzent) 40%,transparent);transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease} .fenster:has(:focus-visible){--tiefe:11px;border-color:var(--akzent);transform:translate(-4px,-4px)} @media (hover:hover){.fenster:hover{--tiefe:11px;border-color:var(--akzent);transform:translate(-4px,-4px)}} .fenster__leiste{display:flex;gap:7px;align-items:center;padding:10px 14px;background:var(--p-flaeche-2);border-bottom:2px solid var(--p-rahmen);font:600 .8125rem/1 var(--portal-mono);color:var(--p-leise)} .fenster__leiste i{width:10px;height:10px;border-radius:50%;background:var(--p-linie)} .fenster__leiste i:first-child{background:var(--akzent)} .fenster__leiste span{margin-left:auto;text-transform:lowercase} .fenster__flaeche{position:relative;aspect-ratio:1010 / 732;overflow:hidden;background:var(--p-sterne),var(--p-fenster-grund)} .fenster__hinweis{position:absolute;left:12px;bottom:10px;margin:0;padding:.35rem .6rem;border-radius:4px;background:var(--p-glas);color:var(--p-tinte);font:700 .75rem/1.3 var(--portal-mono);letter-spacing:.04em;pointer-events:none} .mb-office .mb-home-hero__scene{--mb-office-anchor-x:calc(70% - 1.4%);--mb-office-anchor-y:calc(31.5% + .9%);--mb-office-size:18.3%;--mb-office-travel-left:28px;--mb-office-travel-right:28px;position:absolute;top:0;left:-100%;width:200%;height:calc(100% * 779 / 732);isolation:isolate} .mb-home-hero__picture{position:absolute;inset:0;display:block;background-position:100% 0;background-repeat:no-repeat;background-size:100% 100%} .mb-home-hero__background,.mb-home-hero__foreground{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;user-select:none} .mb-home-hero__background{z-index:0;object-fit:fill} .mb-home-hero__foreground{z-index:3;background-image:url("../images/hero-office.webp");background-position:100% 0;background-repeat:no-repeat;background-size:100% 100%} .mb-office[data-wartet] .mb-home-hero__foreground{background-image:none} @media (prefers-color-scheme:light){:root[data-ab-theme="dunkel"] .mb-home-hero__picture{background-image:url("../images/hero-office-dark.webp")} :root[data-ab-theme="dunkel"] .mb-home-hero__background{opacity:0}} @media (prefers-color-scheme:dark){:root[data-ab-theme="hell"] .mb-home-hero__picture{background-image:url("../images/hero-office.webp")} :root[data-ab-theme="hell"] .mb-home-hero__background{opacity:0}} .mb-home-hero__foreground--monitor{clip-path:polygon(62.8% 42%,75.7% 42%,75.7% 64.8%,62.8% 64.8%)} .mb-home-hero__foreground--desk{clip-path:polygon(53.8% 60.8%,89.5% 60.8%,89.5% 71%,53.8% 71%)} .mb-home-hero__foreground--pencil-cup{clip-path:polygon(83.15% 53.9%,86.65% 53.9%,86.65% 64.2%,83.15% 64.2%)} .mb-home-hero__foreground--right-front-leg{clip-path:polygon(85.74% 65.98%,88.02% 65.98%,88.76% 82.93%,87.13% 83.44%,86.39% 81.13%)} .mb-office-pet{--mb-office-x:0px;position:absolute;z-index:2;top:var(--mb-office-anchor-y);left:var(--mb-office-anchor-x);display:block;width:var(--mb-office-size);max-width:none;aspect-ratio:1;margin:0;padding:0;border:0;background:transparent;box-shadow:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transform:translateX(var(--mb-office-x));transform-origin:50% 88%;cursor:pointer;filter:drop-shadow(0 .4rem .35rem rgba(16,32,61,.2));touch-action:manipulation;transition:transform 180ms cubic-bezier(.2,.8,.2,1),filter 180ms ease} .mb-office-pet:hover,.mb-office-pet:focus-visible,.mb-office-pet:active{background:transparent;box-shadow:none;filter:drop-shadow(0 .55rem .45rem rgba(16,32,61,.28))} .mb-office-pet:focus-visible{outline:4px solid var(--p-fokus);outline-offset:.2rem} .mb-office-pet__sprite,.mb-office-pet__face{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;user-select:none} .mb-office-pet__sprite{z-index:0} .mb-office-pet__face{z-index:1} .mb-office-pet.is-cheering{animation:mb-office-hop 820ms steps(6,end)} .mb-office-pet.is-waving-left{animation:mb-office-lean-left 1600ms steps(4,end)} .mb-office-pet.is-waving-right{animation:mb-office-lean-right 1600ms steps(4,end)} @keyframes mb-office-hop{0%,100%{transform:translateX(var(--mb-office-x)) translateY(0)} 20%{transform:translateX(var(--mb-office-x)) translateY(2px) scaleY(.99)} 42%,58%{transform:translateX(var(--mb-office-x)) translateY(-.9rem)} 76%{transform:translateX(var(--mb-office-x)) translateY(2px) scaleY(.995)}} @keyframes mb-office-lean-left{0%,100%{transform:translateX(var(--mb-office-x)) rotate(0)} 32%,72%{transform:translateX(var(--mb-office-x)) rotate(-1deg)}} @keyframes mb-office-lean-right{0%,100%{transform:translateX(var(--mb-office-x)) rotate(0)} 32%,72%{transform:translateX(var(--mb-office-x)) rotate(1deg)}} .nachthimmel{background:#140409;cursor:crosshair} .nachthimmel__himmel,.nachthimmel__spur{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated} .nachthimmel__spur{pointer-events:none;z-index:2} .nachthimmel__ufer{position:absolute;left:0;right:0;bottom:0;width:100%;height:24%;z-index:1;pointer-events:none} .nachthimmel__huegel{fill:#0b0206} .nachthimmel__steg{fill:#2a0a14} .nachthimmel__wasser{fill:#1a0610} .nachthimmel .fenster__hinweis{background:rgba(20,4,9,.82);color:#ffd7c2;z-index:3} .insel__leinwand{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab} .insel__leinwand[data-zieht]{cursor:grabbing} .insel__ersatz{position:absolute;inset:8% 10%;width:80%;height:84%} .insel[data-insel-3d] .insel__ersatz{display:none} .insel:not([data-insel-3d]) [data-nur-insel]{display:none} .insel__grund{fill:var(--ton)} .insel__fels{fill:#3a3550} .insel__bau{fill:var(--p-flaeche);stroke:var(--p-rahmen);stroke-width:2} .insel__saeule{fill:var(--p-flaeche);stroke:var(--p-rahmen);stroke-width:1.2} .insel__kuppel{fill:var(--hell)} .insel__birne{fill:none;stroke:var(--hell);stroke-width:3;stroke-linecap:round;stroke-linejoin:round} .verbindung{position:relative;padding-block:clamp(4.5rem,3.5rem + 4vw,7.5rem);background:var(--p-band);border-top:1px solid var(--p-linie)} .verbindung__netz{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none} .verbindung__raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,1rem + 4vw,5rem);align-items:center} @media (max-width:900px){.verbindung__raster{grid-template-columns:minmax(0,1fr)}} .werte{list-style:none;margin:0;padding:0;display:grid;gap:1rem} .werte li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:1.25rem;align-items:center;padding:1.1rem 1.25rem;border-radius:4px;border:2px solid var(--p-rahmen);background:var(--p-flaeche);box-shadow:7px 7px 0 color-mix(in srgb,var(--wert,var(--p-aktion)) 35%,transparent);transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease} @media (hover:hover){.werte li:hover{border-color:var(--wert);box-shadow:11px 11px 0 color-mix(in srgb,var(--wert) 45%,transparent);transform:translate(-4px,-4px)} .werte li:hover h3{color:var(--p-aktion)}} .werte li>span{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;font:700 1rem var(--portal-mono);color:var(--p-tinte);background:var(--p-flaeche-2);border:2px solid var(--wert,var(--p-aktion))} .werte li:nth-child(1){--wert:var(--portal-kenn-1)} .werte li:nth-child(2){--wert:var(--portal-kenn-2)} .werte li:nth-child(3){--wert:var(--portal-kenn-3)} .werte h3{font-size:1.25rem;margin:0 0 .25rem;transition:color 160ms ease} .werte p{margin:0;color:var(--p-leise)} .landeplatz{position:relative;padding-block:clamp(3rem,2rem + 3vw,5rem);background:var(--p-sterne),linear-gradient(180deg,var(--p-band),var(--p-band-2))} .landeplatz__raster{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(1.5rem,1rem + 3vw,4rem);align-items:center} @media (max-width:900px){.landeplatz__raster{grid-template-columns:minmax(0,1fr)}} .landeplatz .portal-lead{margin-bottom:1.25rem} .landeplatz__pad{position:relative;height:clamp(300px,30vw,420px)} .landeplatz__leinwand{position:absolute;inset:0;width:100%;height:100%;display:block} .landeplatz__pad .wegpunkt--landung{left:50%;top:50%} .landeplatz__ersatz{position:absolute;inset:0;width:100%;height:100%} [data-pad-3d] .landeplatz__ersatz{display:none} .landeplatz__sockel{fill:#2b3343} .landeplatz__deck{fill:#3c475b;stroke:#5ce1e6;stroke-opacity:.5} .landeplatz__ring{fill:none;stroke:#f0c674;stroke-width:4} .schiff-svg__rumpf,.schiff-svg__gondel,.schiff-svg__fluegel{fill:#48515f;stroke:#5ce1e6;stroke-width:1.2;stroke-opacity:.7} .schiff-svg__kanzel{fill:#0d2240;stroke:#8cbcff;stroke-width:1} .schiff-svg__luke{fill:#262c36;stroke:#1f8a8f;stroke-width:1.5} .schiff-svg__waffe{fill:#262c36} .schiff-svg__duese{fill:#cfe4ff} .landeplatz .abcf-contact-form-wrap{--abcf-depth-outline:var(--p-rahmen);--abcf-depth-shadow:7px 7px 0 color-mix(in srgb,var(--p-aktion) 35%,transparent);--abcf-depth-shadow-hover:11px 11px 0 color-mix(in srgb,var(--p-aktion) 45%,transparent);max-width:720px} .site-main .landeplatz .abcf-contact-form{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:.35rem;padding:1.25rem 1.4rem 1.1rem;background:var(--p-flaeche);border-radius:6px} .site-main .landeplatz .abcf-contact-form>*{grid-column:1 / -1} .site-main .landeplatz .abcf-contact-form label{margin-top:.35rem;font-size:.9375rem;color:var(--p-tinte)} .site-main .landeplatz .abcf-contact-form label[for="abcf_name"]{grid-column:1;grid-row:1} .site-main .landeplatz .abcf-contact-form label[for="abcf_email"]{grid-column:2;grid-row:1} .site-main .landeplatz .abcf-contact-form #abcf_name{grid-column:1;grid-row:2} .site-main .landeplatz .abcf-contact-form #abcf_email{grid-column:2;grid-row:2} .site-main .landeplatz .abcf-contact-form textarea{min-height:0;height:7.5rem} .site-main .landeplatz .abcf-contact-form .abcf-consent{margin-top:.5rem;font-size:.875rem;line-height:1.45} .site-main .landeplatz .abcf-contact-form .abcf-consent a{color:var(--p-aktion)} .site-main .landeplatz .abcf-contact-form .abcf-consent a:hover{color:var(--p-aktion-hover)} .site-main .landeplatz .abcf-contact-form .abcf-submit{grid-column:1;justify-self:start;margin-top:.6rem} .site-main .landeplatz .abcf-contact-form .abcf-required-note{grid-column:2;align-self:center;justify-self:end;margin:.6rem 0 0;font-size:.8125rem;color:var(--p-leise)} @media (max-width:560px){.site-main .landeplatz .abcf-contact-form{grid-template-columns:minmax(0,1fr)} .site-main .landeplatz .abcf-contact-form :is(label[for="abcf_name"],label[for="abcf_email"],#abcf_name,#abcf_email,.abcf-submit,.abcf-required-note){grid-column:1;grid-row:auto;justify-self:stretch}} .portal-editorial{padding-block:3rem} :root[data-portal-ruhig] .portal *,:root[data-portal-ruhig] .portal *::before,:root[data-portal-ruhig] .portal *::after{animation:none !important} @media (prefers-reduced-motion:reduce){.portal *,.portal *::before,.portal *::after,.site-header *,.site-footer *{animation:none !important;transition:none !important} .portal-knopf:hover,.region:hover,.fenster:hover,.werte li:hover,.station__leistungen li:hover{transform:none}} :root[data-ab-contrast="hoch"] :is(.region,.steckbrief,.fenster__hinweis){backdrop-filter:none} :root[data-ab-contrast="hoch"] :is(.region,.steckbrief,.fenster,.werte li,.station__leistungen li,.portal-knopf){box-shadow:none;border-color:var(--p-tinte)} :root[data-ab-contrast="hoch"] .verbindung__netz{display:none} :root[data-ab-contrast="hoch"] .planet-buehne::after{display:none} :root[data-ab-contrast="hoch"] .flugstrecke__geflogen{filter:none} @media (forced-colors:active){.planet-buehne__flaeche,.flugstrecke__bahn,.shuttle-leinwand,.verbindung__netz{display:none} .region,.steckbrief,.portal-knopf,.station__leistungen li,.fenster,.werte li{border:2px solid CanvasText;box-shadow:none}} @media print{.planet-buehne__flaeche,.flugstrecke__bahn,.shuttle-leinwand,.portal-bewegung,.landeplatz__pad,.station__bild,.verbindung__netz{display:none !important} .portal,.planet-buehne,.stationen,.verbindung,.landeplatz,.site-header,.site-footer{background:#fff !important;color:#000;--p-tinte:#000;--p-text:#000;--p-leise:#333;--p-titel:#000} .portal-titel span{color:#000;background:none} .station{display:block;break-inside:avoid}} @media (max-width:540px){.portal-wrap,.site-header__inner,.site-header__utility-inner,.portal-footer,.site-footer__inner,.euwb-consent__inner{width:calc(100% - 2.5rem)} .site-header__help{display:none} .site-header__utility-inner{justify-content:flex-end;padding-block:.4rem} .portal-brand__mark{font-size:2.5rem} .portal-brand__name{font-size:1.15rem}}