img,video,svg{max-width:100%;height:auto;display:block}picture{display:contents}picture>source{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline-offset:2px;outline:2px solid}.rahmen{overflow-x:auto}.zahl{font-variant-numeric:tabular-nums}:root{color-scheme:dark;--farbe-grund:#050d03;--farbe-flaeche:#141c0f;--farbe-flaeche-hell:#233019;--farbe-buehne:#030b01;--farbe-linie:#6f7f62;--farbe-text:#e9dcee;--farbe-text-matt:#b9adbf;--farbe-akzent:#d8c3df;--farbe-akzent-text:#f0a6c0;--farbe-rot:#7d2a45;--farbe-rot-text:#f2b89f;--pflanze-altrosa-hell:#f1d3da;--pflanze-altrosa-mittel:#d59aa8;--pflanze-altrosa-dunkel:#a9607a;--pflanze-altrosa-tief:#6d3a4c;--pflanze-mauve-hell:#efe1ef;--pflanze-mauve-mittel:#cdb5d0;--pflanze-mauve-dunkel:#9c7ea4;--pflanze-mauve-tief:#5f4a68;--pflanze-puder-hell:#f7ebe4;--pflanze-puder-mittel:#e6c9bc;--pflanze-puder-dunkel:#c99c8c;--pflanze-puder-tief:#8a6256;--pflanze-pflaume-hell:#c48aa2;--pflanze-pflaume-mittel:#8e4d6b;--pflanze-pflaume-dunkel:#5a2a40;--pflanze-pflaume-tief:#361626;--pflanze-salbei-hell:#c6d1b4;--pflanze-salbei-mittel:#8ea581;--pflanze-salbei-dunkel:#5f7a57;--pflanze-salbei-tief:#33452f;--pflanze-dunkelgruen-hell:#7f9a74;--pflanze-dunkelgruen-mittel:#4e6a47;--pflanze-dunkelgruen-dunkel:#2f4731;--pflanze-dunkelgruen-tief:#1a2a1c;--pflanze-schiefer-hell:#c5cedb;--pflanze-schiefer-mittel:#8e9bb0;--pflanze-schiefer-dunkel:#5c6b86;--pflanze-schiefer-tief:#36415a;--pflanze-creme-hell:#fbf6ee;--pflanze-creme-mittel:#efe3d2;--pflanze-creme-dunkel:#d8c5ab;--pflanze-creme-tief:#a68f74;--schrift:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--schrift-titel:Georgia, "Palatino Linotype", "Book Antiqua", "Iowan Old Style", "Times New Roman", serif;--titel-gewicht:400;--titel-abstand:.01em;--titel-groesse:clamp(2rem, 1.4rem + 2.4vw, 3.5rem);--h1-groesse:clamp(2rem, 1.4rem + 2.2vw, 3.25rem);--name-groesse:1.3rem;--zeilenhoehe:1.6;--schnitt:0px;--kante:0px;--rundung:0px;--rundung-klein:8px;--schnitt-klein:0px;--text-groesse:1.08rem;--polster:clamp(1.5rem, 3vw, 2.75rem);--station-flaeche:radial-gradient(ellipse closest-side at 50% 50%, #030b01f7 0%, #030b01d6 40%, #030b0166 75%, #030b0100 100%);--station-rand:none;--station-ausrichtung:center;--station-bedienung-ausrichtung:center;--station-textschatten:0 1px 2px #000000e6, 0 2px 24px #000000f2;--bedienung-grund:linear-gradient(to bottom, #030b0100 0%, #030b01d1 40%, #030b01f5 100%);--bedienung-rand:transparent;--flaeche-oben:#1a2619;--flaeche-schatten:none;--buehne-mitte:#15251a;--rauch-1:#5d7a3f4d;--rauch-2:#ab3d5d42;--motiv-deckkraft:0;--versatz:0}html{font-family:var(--schrift);color:var(--farbe-text);background:var(--farbe-grund);-webkit-text-size-adjust:100%;line-height:1.5}body{padding-bottom:var(--bedienung-hoehe);margin:0}:root{--bedienung-hoehe:4.5rem;--fov-faktor:.82843;--abstand:2;--strecke:1.5;--kameradistanz:1;--einheit:calc(100lvh / var(--fov-faktor))}.huelle{width:min(100% - 2rem,60rem);margin-inline:auto}h1{font-family:var(--schrift-titel,inherit);font-size:var(--h1-groesse,clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem));font-weight:var(--titel-gewicht,700);letter-spacing:var(--titel-abstand,-.01em);margin:1.5rem 0 .75rem;line-height:1.2}p{max-width:68ch}a{color:var(--farbe-akzent-text);text-underline-offset:.15em;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--farbe-akzent-text);outline-offset:2px}button,input,summary{font:inherit}button{border:1px solid var(--farbe-linie);border-left:var(--kante) solid var(--farbe-akzent);border-radius:var(--rundung-klein,0);background:var(--farbe-flaeche-hell);min-width:44px;min-height:44px;color:var(--farbe-text);cursor:pointer;padding:.5rem 1.1rem}@media (hover:hover){button:not(:disabled):hover{border-color:var(--farbe-akzent)}a:hover{text-decoration-thickness:2px}}input[type=text]{box-sizing:border-box;border:1px solid var(--farbe-linie);background:var(--farbe-grund);width:100%;max-width:20rem;min-height:44px;color:var(--farbe-text);padding:.4rem .6rem}input[type=checkbox]{width:1.5rem;height:1.5rem;accent-color:var(--farbe-akzent);margin:0}label{align-items:center;gap:.5rem;min-height:44px;display:inline-flex}summary{cursor:pointer;min-height:44px;color:var(--farbe-akzent-text);align-items:center;gap:.5rem;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:before{content:"";background:var(--farbe-akzent);clip-path:polygon(0 0,100% 50%,0 100%);block-size:.6rem;inline-size:.6rem;transition:transform .15s}details[open]>summary:before{transform:rotate(90deg)}.nur-vorlesen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sprung{background:var(--farbe-flaeche);border:1px solid var(--farbe-linie);z-index:20;padding:.5rem 1rem;position:absolute;top:-100px;left:1rem}.sprung:focus{top:1rem}.kopf{border-bottom:1px solid var(--farbe-linie);background:var(--farbe-grund)}.kopf__zeile{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;padding-block:.5rem;display:flex}.kopf__name{font-family:var(--schrift-titel,inherit);font-size:var(--name-groesse,1rem);color:var(--farbe-text);font-weight:600;text-decoration:none}.kopf nav ul{flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.kopf nav a,.kopf__name{align-items:center;min-height:44px;padding:.25rem;display:inline-flex}.station{--polster-wert:var(--polster,clamp(1rem, 2vw, 1.5rem));box-sizing:border-box;width:min(calc(var(--b) * var(--einheit)), 92vw);min-height:calc(var(--h) * var(--einheit));padding:var(--polster-wert) var(--polster-wert) var(--polster-wert) calc(var(--polster-wert) + var(--kante));text-align:var(--station-ausrichtung,start);text-shadow:var(--station-textschatten,none);background:var(--station-flaeche,linear-gradient(var(--flaeche-oben,var(--farbe-flaeche)), var(--farbe-flaeche))) padding-box, var(--station-rand,linear-gradient(90deg, var(--farbe-akzent) 0 var(--kante), var(--farbe-linie) var(--kante))) border-box;border-radius:var(--rundung,0);box-shadow:var(--flaeche-schatten,none);clip-path:polygon(0 0, calc(100% - var(--schnitt)) 0, 100% var(--schnitt), 100% 100%, var(--schnitt) 100%, 0 calc(100% - var(--schnitt)));border:1px solid #0000;flex-direction:column;justify-content:center;margin-inline:auto;display:flex}.station:focus-visible{outline-offset:-4px}.station h2{font-family:var(--schrift-titel,inherit);font-size:var(--titel-groesse,1.25rem);font-weight:var(--titel-gewicht,700);letter-spacing:var(--titel-abstand,0);margin:0 0 .5rem;line-height:1.25}.station p{font-size:var(--text-groesse,1rem);line-height:var(--zeilenhoehe,1.5);margin:0 0 .75rem}.station__bedienung{align-items:center;justify-content:var(--station-bedienung-ausrichtung,flex-start);flex-wrap:wrap;gap:.5rem 1rem;margin:0;display:flex}.station__hilfe{color:var(--farbe-text-matt);flex-basis:100%;font-size:.875rem}.station__klappe p{margin:.5rem 0 0}.raum__szene{gap:2rem;padding-block:2rem;display:grid}.raum__masstab{visibility:hidden;pointer-events:none;width:0;height:100lvh;position:absolute;top:0;left:0}.raum{position:relative}.raum__motiv{display:none}.raum-bereit .raum{height:calc((var(--n) - 1) * var(--strecke) * 100lvh + 100lvh)}.raum-bereit .raum__buehne{background:radial-gradient(ellipse 70% 60% at 50% 42%, var(--buehne-mitte,#202126) 0%, var(--farbe-buehne) 75%);height:100lvh;perspective:calc(var(--kameradistanz) * var(--einheit));perspective-origin:50% calc((100% - var(--bedienung-hoehe)) / 2);position:sticky;top:0;overflow:hidden}.raum-bereit .raum__buehne:before{content:"";pointer-events:none;background:radial-gradient(55% 45% at 16% 82%, var(--rauch-1,#7a1a1a8c), transparent 70%), radial-gradient(40% 38% at 86% 14%, var(--rauch-2,#7a1a1a61), transparent 70%);position:absolute;inset:0}.raum-bereit .raum__szene{inset:0 0 var(--bedienung-hoehe) 0;transform-style:preserve-3d;will-change:transform;padding:0;display:block;position:absolute}.raum-bereit .station{--spielraum:calc((100vw - min(var(--b) * var(--einheit), 92vw)) / 2);--seitlich:clamp(calc(-1 * var(--spielraum)), calc(var(--vz) * var(--versatz) * var(--einheit)), var(--spielraum));transform:translate(calc(-50% + var(--seitlich)), -50%) translateZ(calc(var(--i) * var(--abstand) * -1 * var(--einheit)));backface-visibility:hidden;margin:0;position:absolute;top:50%;left:50%}.raum-bereit .station:not([data-aktiv]){pointer-events:none}.raum-bereit .raum__motiv{width:calc(1.8 * var(--einheit));height:calc(1.2 * var(--einheit));transform:translate(-50%, -50%) translateZ(calc(var(--motiv-z) * -1 * var(--einheit)));pointer-events:none;opacity:var(--motiv-deckkraft,1);background:repeating-linear-gradient(-32deg, transparent 0 calc(.16 * var(--einheit)), #c8ff2e29 calc(.16 * var(--einheit)) calc(.2 * var(--einheit)), transparent calc(.2 * var(--einheit)) calc(.24 * var(--einheit)), #c8ff2e14 calc(.24 * var(--einheit)) calc(.26 * var(--einheit))), linear-gradient(115deg, #7a1a1a59, transparent 60%);clip-path:polygon(0 12%,88% 0,100% 84%,10% 100%);display:block;position:absolute;top:50%;left:50%}.kulisse{display:none}.raum-bereit .kulisse{transform-style:preserve-3d;pointer-events:none;display:block;position:absolute;inset:0}.raum-bereit .kulissenebene{width:calc(var(--b) * var(--einheit));height:calc(var(--h) * var(--einheit));transform:translate(calc(-50% + var(--x) * var(--einheit)), calc(-50% - var(--y) * var(--einheit))) translateZ(calc(var(--z) * -1 * var(--einheit)));backface-visibility:hidden;pointer-events:none;color:var(--farbe-ebene,var(--farbe-text-matt));z-index:var(--ebene,0);position:absolute;top:50%;left:50%}.raum-bereit .kulissenebene[hidden]{visibility:hidden;display:block}.raum-bereit .kulissenebene svg,.raum-bereit .kulissenebene img{width:100%;height:100%;display:block}.raum-bereit .kulissenebene img{object-fit:contain;transform:rotate(var(--drehung,0deg))}.raum-bereit .kulissenebene--flaeche{background:var(--farbe-ebene)}.bedienung{inset-inline:0;z-index:10;box-sizing:border-box;height:var(--bedienung-hoehe);background:var(--bedienung-grund,var(--farbe-grund));border-top:1px solid var(--bedienung-rand,var(--farbe-linie));align-items:center;gap:.5rem 1rem;padding:.5rem 1rem;display:flex;position:fixed;bottom:0}@media (width<=40rem){:root{--bedienung-hoehe:7rem}.bedienung{grid-template-columns:auto 1fr;grid-template-areas:"liste balken""stand umschalter";gap:.4rem .75rem;display:grid}.bedienung__liste{grid-area:liste}.bedienung__balken{flex-basis:auto;grid-area:balken;min-width:2rem}.bedienung__stand{grid-area:stand;min-width:0}.bedienung__umschalter{grid-area:umschalter;justify-self:end}}.bedienung__liste{gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.bedienung__liste a{border:1px solid var(--farbe-linie);border-radius:var(--rundung-klein,0);min-width:44px;min-height:44px;color:var(--farbe-text);--schnitt-klein-wert:var(--schnitt-klein,8px);clip-path:polygon(0 0, calc(100% - var(--schnitt-klein-wert)) 0, 100% var(--schnitt-klein-wert), 100% 100%, var(--schnitt-klein-wert) 100%, 0 calc(100% - var(--schnitt-klein-wert)));justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.bedienung__liste a[aria-current]{background:var(--farbe-akzent);border-color:var(--farbe-akzent);color:var(--farbe-grund);font-weight:600}.bedienung__stand{font-variant-numeric:tabular-nums;min-width:8rem;margin:0}.bedienung__balken{background:var(--farbe-flaeche-hell);flex:8rem;height:4px;overflow:hidden}.bedienung__balken i{background:var(--farbe-akzent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.bedienung__umschalter{border-left-color:var(--farbe-akzent);white-space:nowrap}.bedienung__umschalter:disabled{color:var(--farbe-text-matt);border-left-color:var(--farbe-linie);cursor:default}.bedienung__grund{max-width:calc(100% - 2rem);color:var(--farbe-text-matt);background:var(--farbe-flaeche);border:1px solid var(--farbe-linie);margin:0 0 .25rem;padding:.25rem .6rem;font-size:.875rem;position:absolute;bottom:100%;right:1rem}.nachlauf,.einleitung{padding-block:1.5rem}.fuss{border-top:1px solid var(--farbe-linie);color:var(--farbe-text-matt);padding-block:1rem 2rem;font-size:.875rem}.muster-hinweis,.kopf{z-index:15;position:absolute;left:0;right:0}.muster-hinweis{background:#d8c3dfd9;top:0}.kopf{background:0 0;border-bottom:0;top:0}body:has(.muster-hinweis) .kopf{top:1.9rem}.einleitung{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html:not(.raum-bereit) main{padding-top:7rem}.station h2{margin-bottom:.75rem}.station p{margin-bottom:1rem}.station__punkte{font-size:var(--text-groesse,1rem);line-height:var(--zeilenhoehe,1.5);flex-wrap:wrap;justify-content:center;gap:.25rem 0;margin:0 0 1rem;padding:0;list-style:none;display:flex}.station__punkte li{margin:0}.station__punkte li+li:before{content:"·";color:var(--farbe-akzent-text);margin-inline:.6rem}.station__bedienung a{letter-spacing:.22em;text-transform:uppercase;color:var(--farbe-akzent-text);font-size:.875rem}
