.elementor .hintergrund-weiss{background-color:var(--pure-white);}.elementor .inhaltsspalte-grosser-zwischenraum{min-width:0px;padding:0px;display:flex;flex-direction:column;gap:var(--space-lg);}.elementor .ebene-liegt-uebereinander{width:100%;height:100%;position:absolute;inset-block-start:0px;inset-inline-start:0px;padding:0px;display:flex;justify-content:center;align-items:center;}.elementor .bild-fuellt-den-rahmen{object-fit:cover;object-position:center center;display:block;}.elementor .hintergrund-warm-papier{background-color:var(--warm-paper);}.elementor .abschnitt-volle-breite-ohne-innenabstand{width:100%;scroll-margin-top:var(--header-sticky-height);padding:0px;display:block;}.elementor .beschriftung-klein-fett{font-family:var(--font-body);font-weight:600;font-size:var(--type-size-small);letter-spacing:0.06em;line-height:1.5;}.elementor .inhaltsspalte-kleiner-zwischenraum{width:100%;min-width:0px;padding:0px;display:flex;flex-direction:column;gap:var(--space-xs);/* R16 (Bibel §3, Designpolizei 22.10.2026): Rote Vorzeile direkt über einer Überschrift mit H1-/H2-Rolle, „sehr groß“ oder „betont“ steht auch in diesem 8-px-Stapel 24 px (space-md) darüber. Gilt auch, wenn die Überschrift oben in einer Kopfzeile-Hülle steht (Titel + Link). Trägt die Vorzeile schon aussenabstand-unten-mittel, bleibt es bei deren 24 px. H3/H4 bleiben 8 px. */
& > .kleine-zeile-ueber-ueberschrift-rot:not(.aussenabstand-unten-mittel) + :is(.ueberschrift-ebene-1-seitentitel, .ueberschrift-ebene-2-abschnittstitel, .ueberschrift-sehr-gross, .ueberschrift-betont-halbfett),
& > .kleine-zeile-ueber-ueberschrift-rot:not(.aussenabstand-unten-mittel) + :has(> :is(.ueberschrift-ebene-1-seitentitel, .ueberschrift-ebene-2-abschnittstitel, .ueberschrift-sehr-gross, .ueberschrift-betont-halbfett):first-child){margin-block-start:calc(var(--space-md) - var(--space-xs))}
\n}.elementor .raster-zwei-spalten-gleich-breit{padding:0px;display:grid;gap:var(--space-xl);grid-template-columns:repeat(2, minmax(0, 1fr));align-items:start;
/* Optionale Zeile (data-optional, Listenseiten): ohne sichtbaren Inhalt entfällt sie samt Abstand im Stapel (20.10.2026) */
&[data-optional]:not(:has(p:not(:empty))){display:none}
\n}.elementor .inhaltsspalte-sehr-grosser-zwischenraum{width:100%;min-width:0px;padding:0px;display:flex;flex-direction:column;gap:var(--space-xl);}.elementor .header-cta-hover-signal{border-style:solid;}.elementor .header-cta-hover-signal:hover,.elementor .header-cta-hover-signal:focus-visible{color:#FFFFFF;border-color:#CC332B;background-color:#CC332B;}.elementor .header-cta-hover-signal:focus{color:#FFFFFF;border-color:#CC332B;outline-width:2px;outline-color:#FFFFFF;outline-style:solid;outline-offset:3px;background-color:#CC332B;}.elementor .header-cta-hover-signal:focus-visible{color:#FFFFFF;border-color:#CC332B;outline-width:2px;outline-color:#FFFFFF;outline-style:solid;outline-offset:3px;background-color:#CC332B;}.elementor .visually-hidden{width:1px;height:1px;overflow:hidden;position:absolute;padding:0px;margin:-1px;clip-path:inset(50%);}.elementor .hero-glass-box-compact{width:100%;max-width:34rem;padding-block-start:30px;padding-block-end:30px;padding-inline-start:34px;padding-inline-end:34px;border-radius:var(--radius-md);background-color:var(--hero-glass-warm-paper-72);backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:var(--space-md);align-items:flex-start;}.elementor .footer-legal-link{text-decoration:none;}.elementor .footer-legal-link:hover,.elementor .footer-legal-link:focus-visible{color:var(--signal-red);}.elementor .footer-legal-link:focus{color:var(--signal-red);text-decoration:underline;outline-width:0px;outline-style:none;}.elementor .buehne-bleibt-unter-kopfzeile-stehen{width:100%;min-width:0px;min-height:calc(100svh - var(--ouk-sticky-clearance, 0px));position:sticky;inset-block-start:var(--ouk-sticky-clearance, 0px);padding-block-start:var(--space-md);padding-block-end:var(--space-md);padding-inline-start:0px;padding-inline-end:0px;display:flex;flex-direction:column;gap:0px;justify-content:center;}.elementor .inhaltsspalte-mittlerer-zwischenraum{width:100%;min-width:0px;padding:0px;display:flex;flex-direction:column;gap:var(--space-md);}.elementor .trennlinie-oben-mit-luft{padding-block-start:var(--space-md);padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;border-block-start-width:1px;border-block-end-width:0px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:var(--blueprint-mist);border-style:solid;/* Handy-Runde 23.10.2026 (Andrej, Bibel §11.14): Bis 767 px misst eine Linienliste ueber und unter jeder Linie space-md. Der Abstand der Liste (64 px im Schema „Bild bleibt stehen, Liste laeuft“, 40 px im Raster) gilt nur am Rechner; am Handy steht kein Bild daneben. Zeitleisten (Schrittfolge, data-ouk-schrittfolge=ready) sind ausgenommen. */
@media (max-width:767px){:is(.inhaltsspalte-sehr-grosser-zwischenraum,.raster-zwei-spalten-gleich-breit,.raster-drei-spalten-gleich-breit):not([data-ouk-schrittfolge="ready"]):has(> &){row-gap:var(--space-md)}}\n}.elementor .abschnitt-inhaltsbreite-standard{width:100%;min-width:0px;max-width:var(--layout-main);scroll-margin-top:var(--header-sticky-height);padding-block-start:var(--space-2xl);padding-block-end:var(--space-2xl);padding-inline-start:var(--gutter-page);padding-inline-end:var(--gutter-page);margin-block-start:0px;margin-block-end:0px;margin-inline-start:auto;margin-inline-end:auto;display:flex;flex-direction:column;gap:0px;}.elementor .seitenrahmen-weiss-mit-inhaltsspalte{width:100%;min-width:0px;padding:0px;background-color:var(--pure-white);display:flex;flex-direction:column;gap:0px;}.elementor .breite-begrenzen-lesetext{max-width:var(--layout-reading);margin:0px;}.elementor .ueberschrift-ebene-4-zwischentitel{font-family:var(--font-body);font-weight:600;font-size:var(--type-size-h4);color:var(--ink);letter-spacing:0em;line-height:1.35;}.elementor .header-logo-compact{width:100%;height:auto;color:var(--ouk-blue);display:none;}.elementor .precision-link{width:fit-content;min-height:32px;max-width:100%;position:relative;font-family:var(--font-body);font-weight:400;font-size:var(--type-size-small);color:var(--ouk-blue);line-height:1.6;text-align:start;text-decoration:none;padding:0px;margin:0px;display:flex;align-items:center;}.elementor .mega-credential-logo{width:100%;height:64px;min-width:0px;object-fit:contain;display:block;}.elementor .mega-credentials-row{width:100%;padding:0px;margin-block-start:var(--space-sm);display:grid;gap:var(--space-md);grid-template-columns:minmax(0, 1.35fr) minmax(0, 1fr);align-items:center;}.elementor .knopf-hauptaktion-blau{min-height:var(--header-cta-min-height);font-family:var(--font-body);font-weight:600;font-size:var(--type-size-ui);color:var(--pure-white);letter-spacing:0.03em;line-height:1.2;text-decoration:none;padding-block-start:var(--space-xs);padding-block-end:var(--space-xs);padding-inline-start:var(--space-md);padding-inline-end:var(--space-md);border-radius:var(--radius-sm);border-width:var(--border-hairline);border-color:var(--ouk-blue);border-style:solid;background-color:var(--ouk-blue);display:inline-flex;justify-content:center;align-items:center;}.elementor .knopf-hauptaktion-blau:hover,.elementor .knopf-hauptaktion-blau:focus-visible{color:var(--ouk-blue);border-color:var(--ouk-blue);background-color:var(--warm-paper);}.elementor .knopf-hauptaktion-blau:focus-visible{color:var(--ouk-blue);border-color:var(--ouk-blue);outline-width:2px;outline-color:var(--ouk-blue);outline-style:solid;outline-offset:3px;background-color:var(--warm-paper);}.elementor .textlink-grossbuchstaben-unterstrichen{min-height:44px;font-family:var(--font-body);font-weight:600;font-size:var(--type-size-ui);letter-spacing:0.035em;line-height:1.25;text-decoration:underline;text-transform:uppercase;padding:0px;border-radius:0px;display:inline-flex;align-items:center;align-self:flex-start;/* Fokusrahmen in der Farbe des Links: blau auf hellem, weiß auf dunklem Grund (sonst liefert das Theme Schwarz) */
&:focus-visible{outline-color:currentColor}\n}.elementor .textlink-grossbuchstaben-unterstrichen:focus-visible{outline-width:2px;outline-style:solid;outline-offset:4px;}.elementor .textlink-grossbuchstaben-unterstrichen:hover,.elementor .textlink-grossbuchstaben-unterstrichen:focus-visible{text-decoration:none;}.elementor .mobile-mega-link{min-height:44px;padding-block-start:11px;padding-block-end:11px;display:flex;align-items:center;/* Die ganze Zeile ist antippbar, nicht nur die Textzeile: der Link füllt die Zeile und reicht in ihren Innenabstand (Durchsicht 11.10.2026). */
& > a{display:flex;align-items:center;align-self:stretch;flex:1 1 auto;min-height:44px;padding-block:11px;margin-block:-11px}
\n}.elementor .nav-focus-visible{outline-offset:2px;}.elementor .nav-focus-visible:focus-visible{outline-width:2px;outline-color:var(--precision-blue);outline-style:solid;outline-offset:2px;}.elementor .mobile-nav-panel{width:100%;padding-block-start:0px;padding-block-end:16px;padding-inline-start:0px;padding-inline-end:0px;display:flex;flex-direction:column;gap:16px;}.elementor .mobile-nav-toggle{width:44px;min-height:44px;font-family:var(--font-body);font-weight:600;font-size:1.25rem;color:var(--ouk-blue);line-height:1;cursor:pointer;padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;border-width:0px;border-style:none;background-color:#00000000;display:inline-flex;justify-content:center;align-items:center;}.elementor .mobile-nav-toplink{font-family:var(--font-body);font-weight:600;font-size:clamp(1.125rem, 4vw, 1.375rem);color:var(--ink);letter-spacing:-0.01em;line-height:1.2;text-decoration:none;padding-block-start:14px;padding-block-end:14px;padding-inline-start:0px;padding-inline-end:0px;display:block;}.elementor .mobile-nav-row{width:100%;display:grid;gap:8px;grid-template-columns:minmax(0, 1fr) auto;align-items:center;}.elementor .mobile-nav-section{width:100%;border-block-start-width:0px;border-block-end-width:var(--border-hairline);border-inline-start-width:0px;border-inline-end-width:0px;border-color:var(--blueprint-mist);border-style:solid;}.elementor .mega-group{display:flex;flex-direction:column;gap:var(--space-xs);}.elementor .mega-panel{max-width:calc(100vw - 2rem);overflow:hidden;padding-block-start:30px;padding-block-end:30px;padding-inline-start:34px;padding-inline-end:34px;border-radius:var(--radius-md);border-width:0px;border-style:none;background-color:var(--warm-paper);backdrop-filter:blur(16px);align-items:start;}.elementor .mega-group-label{font-family:var(--font-body);font-weight:600;font-size:0.75rem;color:var(--precision-blue);letter-spacing:0.08em;line-height:1.25;text-transform:uppercase;/* Im Handy-Menü (bis 940 px) mindestens 14 px; lange Schilder dürfen getrennt werden (Durchsicht 11.10.2026). */
@media (max-width:940px){font-size:.875rem;letter-spacing:.04em;max-width:100%;hyphens:auto;overflow-wrap:break-word}
\n}.elementor .footer-nav-link{min-height:44px;font-family:var(--font-body);font-weight:600;font-size:var(--type-size-small);color:var(--ink);letter-spacing:0.01em;line-height:1.2;text-decoration:none;padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;border-block-start-width:0px;border-block-end-width:2px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:var(--warm-paper);border-style:solid;background-color:var(--warm-paper);display:inline-flex;align-items:center;}.elementor .footer-nav-link:hover,.elementor .footer-nav-link:focus-visible{color:var(--precision-blue);}.elementor .footer-nav-link:focus{color:var(--precision-blue);outline-width:2px;outline-color:var(--precision-blue);outline-style:solid;outline-offset:2px;}.elementor .footer-closing-display{font-family:var(--font-display);font-weight:800;font-size:clamp(2.75rem, 4.7vw, 5.25rem);color:var(--ouk-blue);letter-spacing:-0.035em;line-height:0.94;}.elementor .mega-link{width:100%;font-family:var(--font-body);font-weight:600;font-size:var(--type-size-ui);color:var(--ouk-blue);letter-spacing:0.01em;line-height:1.25em;text-decoration:none;padding-block-start:9px;padding-block-end:9px;padding-inline-start:0px;padding-inline-end:0px;border-block-start-width:0px;border-block-end-width:var(--border-hairline);border-inline-start-width:0px;border-inline-end-width:0px;border-color:var(--blueprint-mist);border-style:solid;display:block;}.elementor .mega-link:hover,.elementor .mega-link:focus-visible{color:var(--signal-red);border-color:var(--signal-red);}.elementor .knopf-und-hinweistext-klein-fett{font-family:var(--font-body);font-weight:600;font-size:var(--type-size-ui);color:var(--ink);letter-spacing:0.03em;line-height:1.2;}.elementor .kleine-zeile-ueber-ueberschrift-rot{font-family:var(--font-body);font-weight:600;font-size:var(--type-size-eyebrow);color:var(--signal-red);letter-spacing:0.1em;line-height:1.25;text-transform:uppercase;}.elementor .haupttext-klein{font-family:var(--font-body);font-weight:400;font-size:var(--type-size-small);color:var(--ink);letter-spacing:0em;line-height:1.5;}.elementor .haupttext-normal{font-family:var(--font-body);font-weight:400;font-size:var(--type-size-body);color:var(--ink);letter-spacing:0em;line-height:1.52;}.elementor .einleitungstext-gross{font-family:var(--font-body);font-weight:400;font-size:var(--type-size-lead);color:var(--ink);letter-spacing:0em;line-height:1.48;}.elementor .ueberschrift-ebene-3-untertitel{font-family:var(--font-body);font-weight:500;font-size:var(--type-size-h3);color:var(--ink);letter-spacing:0em;line-height:1.25;}.elementor .ueberschrift-ebene-2-abschnittstitel{font-family:var(--font-body);font-weight:400;font-size:var(--type-size-h2);color:var(--ouk-blue);letter-spacing:-0.005em;line-height:1.2;}.elementor .textfarbe-ouk-blau{color:var(--ouk-blue);}.elementor .textfarbe-gedaempftes-grau{color:var(--muted);}.elementor .textfarbe-helles-blaugrau-auf-dunklem-grund{color:var(--blueprint-mist);}.elementor .textfarbe-weiss-auf-dunklem-grund{color:var(--pure-white);}.elementor .aussenabstand-null{margin:0px;}.elementor .knopf-umrandet-blau{color:var(--ouk-blue);background-color:transparent;}.elementor .erzaehlseite-grundlage{font-size:16px;color:var(--ink);line-height:1.7;background:var(--paper); font-family:var(--body);
&:where(.e-con), :where(&) :where(.e-con):not(._):not(._){position:static;width:auto;height:auto;min-width:auto;min-height:auto;z-index:auto;padding:0;margin:0}
:where(*):has(> &){background-color:var(--warm-paper)}
:where(&:is(.sichten-strecke,.fahrt-strecke,.fragenfolge)) :where(h1,h2,h3,h4):not(._):not(._){margin-block:.5rem 1rem}
:where(&) :where(.e-con):not(._):not(._)::before, :where(&) :where(.e-con):not(._):not(._)::after{position:static;inset:auto;width:auto;height:auto;opacity:1;mix-blend-mode:normal;transition:none;border-radius:0;display:inline}
:where(&:is(.sichten-strecke,.fahrt-strecke,.fragenfolge)) :where(button.e-con):not(._):not(._){border-radius:3px}
:where(&) :where([data-rolle="titel"]):not(._):not(._){font-weight:bolder;display:inline}
:where(&) :where([data-rolle="legende"]):not(._):not(._){padding-inline:2px}
:where(&:not(.sichten-strecke,.fahrt-strecke,.fragenfolge)) :where(button):not(.erklaerfilm *):not(._){color:buttontext;background-color:buttonface;border:2px outset buttonborder;border-radius:0;padding:1px 6px;text-align:center;white-space:normal;user-select:auto;transition:none;display:inline-block}
& [data-zweitfarbe="hell"]>span{color:var(--blueprint-mist)}
& [data-zweitfarbe="blau"]>em{color:var(--ouk-blue);font-style:normal}
--blue:#042b5f;
--paper:#f5f2ec;
--white:#fff;
--ink:#20262b;
--precision:#2f648c;
--mist:#c9d4db;
--muted:#646b72;
--red:#cc332b;
--gutter:clamp(24px,5.4vw,104px);
--max:1440px;
--body:var(--font-body),Arial,sans-serif;
--display:var(--font-display),Arial,sans-serif;
--ease:cubic-bezier(.2,.7,.2,1);
--header:73px;
:where(&) :where(*):not(._):not(._){box-sizing:border-box}
scroll-behavior:smooth;
scroll-padding-top:calc(var(--header) + 24px);
-webkit-font-smoothing:antialiased;
:where(&) button:not(.sichten-buehne *, .fahrt-strecke *, .fragenfolge *, .fragen-filter *, .seiten-werkzeuge *, .erklaerfilm *):not(._){font:inherit}
:where(&) input:not(.sichten-buehne *, .fahrt-strecke *, .fragenfolge *):not(._){font:inherit}
:where(&) button:not(.sichten-buehne *, .fahrt-strecke *, .fragenfolge *):not(._){-webkit-tap-highlight-color:transparent}
:where(&) :where(a):not(._):not(._){-webkit-tap-highlight-color:transparent}
:where(&) a:not(.fahrt-strecke *, .fragenfolge *):not(._){color:inherit;text-decoration:none}
:where(&) button:not(.sichten-buehne *, .fahrt-strecke *, .fragenfolge *):not(._){cursor:pointer}
:where(&) :where(img):not(._):not(._){display:block;max-width:100%;height:auto}
:where(&) :where(h1):not(._):not(._){margin:0}
:where(&) h2:not(.sichten-buehne *, .fahrt-strecke *, .fragenfolge-kopf *, .fragenfolge *):not(._){margin:0}
:where(&) h3:not(.sichten-buehne *, .fahrt-strecke *, .fragenfolge *):not(._){margin:0}
:where(&) h4:not(.sichten-buehne *, .fahrt-strecke *, .fragenfolge *):not(._){margin:0}
:where(&) :where(p):not(._):not(._){margin:0}
:where(&) :where([data-rolle="figur"]):not(._):not(._){margin:0}
:where(&) :where(p+p):not(._):not(._){margin-top:1.1em}
:where(&) button:not(.fahrt-strecke *, .fragenfolge *):focus-visible:not(._){outline:3px solid var(--red);outline-offset:6px}
:where(&) a:not(.fahrt-strecke *, .fragenfolge *):focus-visible:not(._){outline:3px solid var(--red);outline-offset:6px}
:where(&) summary:focus-visible:not(._){outline:3px solid var(--red);outline-offset:6px}
:where(&) input:focus-visible:not(._){outline:3px solid var(--red);outline-offset:6px}
:where(&) :where(*):not(._):not(._)::selection{color:var(--paper);background:var(--blue)}
& [hidden]{display:none!important}
:where(&) .kleine-zeile-ueber-ueberschrift-rot:not(.sichten-buehne *, .fahrt-strecke *, .fragenfolge-kopf *, .fragenfolge *):not(._){text-transform:uppercase;font-weight:600}
:where(&) .beschriftung-klein-fett:not(.sichten-buehne *, .fahrt-strecke *, .fragenfolge *):not(._){text-transform:uppercase;font-weight:600}
:where(&) .kleine-zeile-ueber-ueberschrift-rot:not(.sichten-buehne *, .fahrt-strecke *, .fragenfolge-kopf *, .fragenfolge *):not(._){color:var(--red)}
:where(&) [data-zweitfarbe="soft"]>span:not(._){color:var(--precision)}
:where(&) .beschriftung-klein-fett:not(.sichten-buehne *, .fahrt-strecke *, .fragenfolge *):not(._){color:var(--muted)}
:where(&) :where([data-rolle="gruppe"]):not(._):not(._){border:0;margin:0;padding:0;display:flex;gap:8px}
:where(&) :where([data-rolle="legende"]):not(._):not(._){font-size:11px;margin-bottom:12px}
:where(&) :where([data-rolle="gruppe"] [data-rolle="wahl"]):not(._):not(._){position:relative}
:where(&) :where([data-rolle="gruppe"] input):not(._):not(._){position:absolute;opacity:0;width:1px;height:1px}
:where(&) :where([data-rolle="gruppe"] span):not(._):not(._){display:block;padding:9px 18px;background:#fff9;font-size:12px;transition:background .2s,color .2s;cursor:pointer}
:where(&) [data-rolle="gruppe"] [aria-checked="true"] > span:not(._){background:var(--blue);color:var(--paper)}
:where(&) [data-rolle="gruppe"] input:focus-visible+span:not(._){outline:3px solid var(--red);outline-offset:4px}
:where(&) :where(summary):not(._):not(._){list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;min-height:78px;padding:22px 0}
:where(&) :where(summary):not(._):not(._)::-webkit-details-marker{display:none}
:where(&) :where(summary>[aria-hidden]):not(._):not(._){width:13px;height:13px;position:relative;flex-shrink:0}
:where(&) :where(summary>[aria-hidden]):not(._):not(._):before{content:"";position:absolute;left:0;top:6px;width:13px;height:1px;background:var(--blue);transition:transform .3s}
:where(&) :where(summary>[aria-hidden]):not(._):not(._):after{content:"";position:absolute;left:0;top:6px;width:13px;height:1px;background:var(--blue);transition:transform .3s}
:where(&) :where(summary>[aria-hidden]):not(._):not(._):after{transform:rotate(90deg)}
:where(&) details[open] summary>[aria-hidden]:not(._):after{transform:rotate(0)}
html.ouk-motion-ready :where(&) [data-reveal]{transition:opacity .8s var(--ease),transform .9s var(--ease)}
html.ouk-motion-ready :where(&) [data-reveal]:not(.is-visible){opacity:0;transform:translateY(32px)}
@media (max-width:1100px){--gutter:38px}
@media (max-width:760px){--gutter:24px}
/* Kopfzeilenhoehe wie in erzaehlseite.js (defaultHeader): 73 px ab 1024 px, sonst 65 px. So aendert die erste Zuweisung des Skripts nichts und der Browser muss die Abschnitte nicht neu berechnen (6.10.2026). */
@media (max-width:1023.98px){--header:65px}
@media (max-width:760px){:where(&) :where(summary):not(._):not(._){min-height:76px;gap:15px;padding:20px 0}}
@media (max-width:360px){--gutter:20px}
@media (prefers-reduced-motion:reduce){scroll-behavior:auto}
@media (prefers-reduced-motion:reduce){:where(&) :where(*):not(._):not(._){animation:none!important;transition:none!important}}
@media (prefers-reduced-motion:reduce){:where(&) :where(*):not(._):not(._):before{animation:none!important;transition:none!important}}
@media (prefers-reduced-motion:reduce){:where(&) :where(*):not(._):not(._):after{animation:none!important;transition:none!important}}
@media (prefers-reduced-motion:reduce){html.ouk-motion-ready :where(&) [data-reveal]{opacity:1!important;transform:none!important}}
:where(&) html.ouk-reduce-motion:not(._){scroll-behavior:auto}
html.ouk-reduce-motion :where(&) *{animation:none!important;transition:none!important}
html.ouk-reduce-motion :where(&) *:before{animation:none!important;transition:none!important}
html.ouk-reduce-motion :where(&) *:after{animation:none!important;transition:none!important}
html.ouk-reduce-motion :where(&) [data-reveal]{opacity:1!important;transform:none!important}
:where(&) :where([data-rolle="gruppe"] span):not(._):not(._){min-height:44px;display:inline-flex;align-items:center}
@media print{html.ouk-motion-ready :where(&) [data-reveal]{opacity:1!important;transform:none!important}}
:where(&) :where(summary>[aria-hidden]):not(._):not(._):before{background:var(--paper)}
:where(&) :where(summary>[aria-hidden]):not(._):not(._):after{background:var(--paper)}
@media screen and (min-width:1001px){:where(&) :where(#assessment-title br):not(._):not(._){display:none}}
@media screen and (min-width:1001px){:where(&) :where(#assessment-title span):not(._):not(._)::before{content:" "}}\n}.elementor .hintergrund-kalkstein{background-color:var(--limestone);}.elementor .abschnittsbreite-weit-mit-rand{width:min(100%,calc(var(--max) + var(--gutter)*2));padding-inline:var(--gutter); margin-inline:auto;
/* Ab 1600 px steht der Inhalt auf der Kante des Seitenrasters (Andrej, 11.10.2026: Text ans Raster, die Bildbühne bleibt breiter). */
@media (min-width:1600px){--max:1216px;--gutter:32px}
\n}.elementor .kopfzeile-mit-ortsangabe{font-size:11px;letter-spacing:0.08em;display:flex;gap:20px;justify-content:space-between;align-items:center;.einstieg-raster &{grid-column:1/-1;margin-bottom:50px}
@media (max-width:760px){.einstieg-raster &{margin-bottom:34px;flex-direction:column;align-items:flex-start}}
@media (min-width:761px){.einstieg-raster &{padding-bottom:20px;margin-bottom:clamp(56px,5vw,84px);border-bottom:1px solid color-mix(in srgb,var(--blue) 18%,transparent)}}
@media (max-width:760px){.einstieg-raster &{gap:var(--space-xs)}}\n}.elementor .textlink-fett-mit-luft{font-weight:600;padding-block-start:14px;padding-block-end:14px;padding-inline-start:0px;padding-inline-end:0px;display:inline-flex;gap:30px;align-items:center;color:var(--blue);
background:none;
border:0;
& span{display:inline-block;transition:transform .3s var(--ease)}
&:hover span{transform:translate(4px,3px)}
.einstieg-seitentext &{margin-top:17px}
.vorbereitung-einstieg>&{margin-top:12px}
.fragen-antwort &{}
@media (max-width:760px){.einstieg-seitentext &{margin-top:calc(var(--space-lg) - 14px)}}
@media (max-width:760px){.vorbereitung-einstieg>&{}}
.fragen-antwort &{color:var(--paper)}
& a{display:inline-block;padding-block:max(0px,calc((44px - 1lh) / 2));margin-block:min(0px,calc((1lh - 44px) / 2))}\n}.elementor .einstieg-raster{position:relative;column-gap:6%;padding-block-start:78px;padding-block-end:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,30rem);@media (max-width:1100px){column-gap:6%;grid-template-columns:1.2fr 1fr}
@media (max-width:760px){display:block}
/* Abschnittsluft wie alle Abschnitte (Bibel §3a, 22.10.2026; vorher clamp(88px,8vw,128px), Handy 45/22 px) */
padding-block:var(--space-2xl);
@media (max-width:767px){padding-block:var(--space-lg)}
/* Markenzeichen im Hintergrund (7.10.2026): SVG-Element mit data-rolle="hintergrundwort" als letztes Kind des Abschnitts (Zeichen O & K aus den Buchstaben des Logos) */
isolation:isolate;overflow:clip;
& > [data-rolle="hintergrundwort"]{position:absolute;z-index:-1;inset-inline-start:clamp(-5vw,calc(100vw - var(--max) - var(--gutter) * 2),0px);inset-block-end:var(--space-md);width:clamp(22rem,70vw,72rem);height:auto;aspect-ratio:812 / 252;margin:0;color:var(--limestone);opacity:.55;pointer-events:none;user-select:none}
& > [data-rolle="hintergrundwort"] svg{display:block;width:100%;height:100%}
@media (max-width:760px){& > [data-rolle="hintergrundwort"]{width:120vw;inset-inline-start:-6vw;inset-block-end:var(--space-sm)}}\n}.elementor .einstieg-seitentext{max-width:360px;color:var(--ink);padding-block-start:7px;align-self:start;@media (max-width:760px){max-width:100%;margin-top:32px;padding:0 0 0 15%;}
@media (max-width:360px){padding-left:8%}
max-width:30rem;
@media (max-width:760px){padding-left:0}
@media (min-width:761px){align-self:end;padding:0 0 .6rem;max-width:31rem}\n}.elementor .fragenfolge{position:relative;margin-block-start:54px;display:grid;grid-template-columns:58% 42%;align-items:start;isolation:isolate;
@media (min-width:761px){max-width:var(--layout-main);margin-inline:auto;padding-inline:var(--gutter-page)}
@media (max-width:1100px){grid-template-columns:52% 48%}
@media (max-width:760px){display:block;margin-top:20px}
@media print{display:block}
margin-top:0;
& :is(h2,h3,h4,p){margin:0}
/* Abschnittsluft (Bibel §3a, 22.10.2026): oben und unten sichtbar space-2xl; die Bildseite traegt oben space-xl, Bildseite und Schritt unten space-sm. Vorher margin-top space-xl und 207 px Scrollreserve. */
@media (min-width:761px){margin-top:0;padding-top:calc(var(--space-2xl) - var(--space-xl));padding-bottom:calc(var(--space-2xl) - var(--space-sm))}
@media (max-width:760px){padding-bottom:var(--space-lg)}\n}.elementor .fragenfolge-bildrahmen{height:calc(100svh - var(--header));min-height:0px;position:sticky;padding-block-start:28px;padding-block-end:28px;padding-inline-start:28px;padding-inline-end:0px;grid-column:1;grid-row:2;align-items:flex-start;inset-block-start: var(--header);
@media (min-width:1700px){padding-left:60px}
@media (max-width:1100px){padding-left:18px}
@media (max-width:760px){display:none}
@media print{display:none}
padding-top:18px;
padding-bottom:18px;
@media print{display:none}
display:flex;
padding:24px 0 24px 28px;
@media (max-width:760px){display:none}
@media print{display:none}
@media (min-width:761px){position:relative;top:auto;height:auto;min-height:0;flex:1;padding:0;display:flex;align-items:flex-start}\n}.elementor .bildfenster{width:100%;height:auto;overflow:hidden;aspect-ratio:16/9;position:relative;background-color:#eeebe5;background:var(--paper);
@media (min-width:761px){width:100%;height:auto;aspect-ratio:16/9}\n}.elementor .szene{overflow:hidden;position:absolute;opacity:0%;inset:0;
transform:translateY(24px) scale(1.025);
transition:opacity .7s var(--ease),transform 1s var(--ease);
&.is-active{opacity:1;transform:translateY(0) scale(1);z-index:1}
& img{width:100%;height:100%;object-fit:cover}
transition:opacity .55s var(--ease),transform .9s var(--ease),clip-path .9s var(--ease);
clip-path:inset(0 0 10% 0);
transform:translateY(30px) scale(1.025);
&.is-active{clip-path:inset(0);transform:none}
@media (prefers-reduced-motion:reduce){clip-path:none!important;transform:none!important}
html.ouk-reduce-motion &{clip-path:none!important;transform:none!important}
.bildfenster &{inset:0;clip-path:none;transform:none;transition:opacity .55s var(--ease)}
.bildfenster &>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal;transform:none!important}\n}.elementor .szene-raum{& img{object-position:40% 50%;transform:scale(calc(1.055 + var(--scene-progress,0)*.035));transition:transform .1s linear}
@media (max-width:760px){& img{object-position:center}}
.bildfenster &>img{transform:scale(calc(1.025 + var(--scene-progress,0)*.035))!important;transition:transform .16s linear}
@media (prefers-reduced-motion:reduce){.bildfenster &>img{transform:none!important;transition:none}}
html.ouk-reduce-motion .bildfenster &>img{transform:none!important;transition:none}\n}.elementor .szene-gebaeude{background:var(--paper);
& img{object-fit:contain;mix-blend-mode:multiply;position:absolute;inset:10% 0 0;height:80%;transform:rotate(-3deg) scale(.94);transition:transform 1.4s var(--ease)}
&.is-active img{transform:rotate(0) scale(1.02)}
&.is-active img{transform:rotate(calc((var(--scene-progress,0) - .5)*2deg)) scale(calc(1 + var(--scene-progress,0)*.025))}
html.ouk-reduce-motion & img{transform:none!important}
@media (prefers-reduced-motion:reduce){& img{transform:none!important}}
&.has-frame>img{opacity:0}
& img{object-fit:contain;transform:none!important}
html.ouk-reduce-motion &>img{opacity:1}
@media (prefers-reduced-motion:reduce){&>img{opacity:1}}
.bildfenster &>img{object-fit:contain}\n}.elementor .fragenfolge-texte{padding-block-start:0px;padding-block-end:0px;padding-inline-start:clamp(30px,5vw,80px);padding-inline-end:clamp(30px,5.4vw,104px);grid-column:2;grid-row:2;@media (min-width:1700px){padding-right:100px}
@media (max-width:1100px){padding-inline:35px}
@media (max-width:760px){padding:0}
@media (min-width:761px){grid-column:2;grid-row:1;padding-top:calc(var(--space-xl) + var(--space-xl) + var(--space-md) + var(--space-sm) + var(--space-xs));padding-bottom:0}
/* 22.10.2026: keine Scrollreserve mehr unter dem letzten Schritt; erzaehlseite.js schaltet ihn am Abschnittsende (Plugin 1.5.84). */
@media screen and (min-width:761px){&[data-story-timeline="ready"]{position:relative}}
@media screen and (min-width:761px){&[data-story-timeline="ready"]::before{content:"";position:absolute;pointer-events:none;z-index:2;
    left:calc(var(--story-text-x) - var(--space-lg));background:var(--signal-red);}}
@media screen and (min-width:761px){&[data-story-timeline="ready"]::after{content:"";position:absolute;pointer-events:none;z-index:2;
    left:calc(var(--story-text-x) - var(--space-lg));background:var(--signal-red);}}
@media screen and (min-width:761px){&[data-story-timeline="ready"]::before{top:var(--story-line-start);width:1px;height:var(--story-line-height);}}
@media screen and (min-width:761px){&[data-story-timeline="ready"]::after{top:var(--story-point-y);width:11px;height:11px;border-radius:50%;
    transform:translate(-5px,-50%);
    box-shadow:0 0 0 6px color-mix(in srgb,var(--signal-red) 16%,transparent);}}
@media screen and (min-width:761px) and (max-width:1100px){&[data-story-timeline="ready"]::before{left:calc(var(--story-text-x) - var(--space-md));}}
@media screen and (min-width:761px) and (max-width:1100px){&[data-story-timeline="ready"]::after{left:calc(var(--story-text-x) - var(--space-md));}}
/* Inhaltskante (16.10.2026): die Textspalte endet an der Inhaltskante des Abschnitts, nicht davor. */
@media (min-width:761px){padding-inline-end:0}\n}.elementor .fragenfolge-schritt{min-height:calc((100svh - var(--header))*0.3);display:flex;align-items:center;padding-block:var(--space-sm);
@media (max-width:760px){display:block;padding:0;min-height:0;margin-bottom:54px}
@media print{min-height:0;padding:25px 0;break-inside:avoid}
@media (max-width:760px){padding-block:0;margin-bottom:52px}
@media (min-width:761px){.fragenfolge-texte>&:first-child{align-items:flex-start;padding-top:var(--space-md)}}
@media (min-width:761px){.fragenfolge-texte>&:first-child{align-items:flex-start;padding-top:0}}
@media (max-width:760px){.fragenfolge-texte>&:last-child{margin-bottom:0}}\n}.elementor .schritt-text{max-width:480px;& em{font-style:normal;color:var(--blue)}
@media (max-width:760px){max-width:100%;padding:31px var(--gutter) 0}
@media (max-width:760px){& h3 br{display:none}}
@media (max-width:760px){&>p:not(.kleine-zeile-ueber-ueberschrift-rot){;max-width:500px}}
& h3>span{display:block}
& h3>em{display:block}
@media (max-width:760px){& h3>span{display:inline}}
@media (max-width:760px){& h3>em{display:inline}}
@media (max-width:760px){& h3{hyphens:auto}}
& h3{;max-width:460px}
& h3>em{display:inline}
@media (max-width:760px){& h3{;max-width:520px}}
/* Handy-Runde 23.10.2026: Bild -> rote Zeile traegt allein schritt-bild-mobil (space-lg); vorher 31 px Innenabstand zusaetzlich */
@media (max-width:760px){padding-top:0}\n}.elementor .schritt-bild-mobil{display:none;@media (max-width:760px){display:block;position:relative;margin:0 14px;height:auto;background:var(--paper);overflow:hidden}
@media (max-width:760px){& img{width:100%;height:auto;aspect-ratio:1.12;object-fit:cover}}
@media (max-width:760px){& img[data-bildart="freisteller"]{object-fit:contain!important;mix-blend-mode:multiply}}

@media print{display:none}
@media (max-width:760px){.fragenfolge-schritt:nth-child(2) & img{aspect-ratio:16/11;object-fit:contain}}
@media (max-width:760px){.fragenfolge-schritt:nth-child(1) & img{aspect-ratio:1.3;object-position:60% center}}
@media (max-width:760px){.fragenfolge-schritt:nth-child(4) & img{aspect-ratio:1.3}}
@media (max-width:760px){position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;margin:0 0 36px;overflow:visible;background:var(--paper)}
@media (max-width:760px){.fragenfolge-schritt &>img{position:absolute;inset:0;aspect-ratio:16/9;width:100%;height:100%;object-fit:cover;object-position:center}}
@media (max-width:760px){.fragenfolge-schritt &>video{position:absolute;inset:0;aspect-ratio:16/9;width:100%;height:100%;object-fit:cover;object-position:center}}
@media (max-width:760px){.fragenfolge-schritt:nth-child(1) &>img{position:absolute;inset:0;aspect-ratio:16/9;width:100%;height:100%;object-fit:cover;object-position:center}}
@media (max-width:760px){.fragenfolge-schritt:nth-child(2) &>img{position:absolute;inset:0;aspect-ratio:16/9;width:100%;height:100%;object-fit:cover;object-position:center}}
@media (max-width:760px){.fragenfolge-schritt:nth-child(4) &>img{position:absolute;inset:0;aspect-ratio:16/9;width:100%;height:100%;object-fit:cover;object-position:center}}
/* Handy-Runde 23.10.2026: Bild -> rote Zeile space-lg (vorher 36 + 31 = 67 px) */
@media (max-width:760px){margin-bottom:var(--space-lg)}\n}.elementor .abschnittstitel-mit-luft{.vorbereitung-einstieg &{margin:24px 0 26px}
.fragen-einstieg &{margin:24px 0 25px}
@media (max-width:760px){.vorbereitung-einstieg &{margin:22px 0}}\n}.elementor .fragen-abschnitt{padding-block-start:105px;padding-block-end:110px;padding-inline-start:0px;padding-inline-end:0px;background-color:#eaeef0;/* Abschnittsluft wie alle Abschnitte (Bibel §3a, 22.10.2026; vorher 105/110 px, Handy 65 px) */
padding-block:var(--space-2xl);
@media (max-width:767px){padding-block:var(--space-lg)}
@media print{background:white!important;color:#042b5f!important}
background:var(--blue);
color:var(--paper);
& .kleine-zeile-ueber-ueberschrift-rot{color:#afc1cf}
& [data-zweitfarbe="soft"]>span{color:#9eb6ca}
@media print{background:white;color:var(--ink)}\n}.elementor .fragen-raster{display:grid;gap:11%;grid-template-columns:.82fr 1.3fr;@media (max-width:1100px){gap:7%}
@media (max-width:760px){display:block}\n}.elementor .fragen-einstieg{position:sticky;inset-block-start:140px;align-self:start;&>p:not(.kleine-zeile-ueber-ueberschrift-rot){max-width:315px;color:var(--ink)}
@media (max-width:760px){position:static}
@media (max-width:760px){&>p:not(.kleine-zeile-ueber-ueberschrift-rot){max-width:none}}
@media print{position:static}
.fragen-abschnitt &>p:not(.kleine-zeile-ueber-ueberschrift-rot){color:#c5d3de}\n}.elementor .fragen-filter{margin-block-end:24px;display:flex;gap:6px;/* FILTER-NORM (Andrej, 16.10.2026, Bibel 11.34): Die Themenfilter über den Fragen sehen aus wie die Reiter: gleiche Schrift (knopf-und-hinweistext-klein-fett am Knopf), gleiche Mindesthöhe und gleicher Innenabstand, Haarlinie unter jedem Knopf, der gewählte Knopf trägt die Unterstreichung statt einer Füllung, Überfahren tönt leicht. Unterschiede: Der Filter wählt nur aus, was die Liste darunter zeigt (aria-pressed), und die Knöpfe dürfen auf dem Rechner umbrechen, weil es bis zu sieben Themen gibt. Alle Zustände sind ausdrücklich festgelegt (Hello-Theme sonst #c36). */
flex-wrap:wrap;
gap:0;
padding:0;
margin-bottom:0;
& button{position:relative;flex:0 0 auto;width:auto;min-width:6rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-align:center;background:none;border:0;border-radius:0;cursor:pointer;padding:var(--space-sm) var(--space-md);color:#c5d3de;box-shadow:inset 0 calc(-1 * var(--border-hairline)) 0 color-mix(in srgb,currentColor 24%,transparent);text-decoration:none;transition:color .25s,background-color .25s}
& button[aria-pressed=true]{color:var(--paper)}
/* heller Grund (Warmpapier, Weiss) */
&[data-grund="hell"] button,&[data-grund="hell"] button[aria-pressed=true]{color:var(--ouk-blue)}
& button:after{content:"";position:absolute;inset-inline:0;bottom:0;height:var(--measurement-stroke);background:currentColor;opacity:1;transform:scaleX(0);transition:transform .4s var(--ease),opacity .25s}
& button[aria-pressed=true]:after{transform:scaleX(1)}
& button:focus{background-color:transparent;text-decoration:none}
& button:hover{background-color:color-mix(in srgb,currentColor 8%,transparent);text-decoration:none}
& button:active{background-color:color-mix(in srgb,currentColor 14%,transparent)}
& button:focus-visible{background-color:color-mix(in srgb,currentColor 8%,transparent);outline:var(--measurement-stroke) solid currentColor;outline-offset:calc(-1 * var(--space-xs))}
& button:is(:hover,:focus-visible):not([aria-pressed=true]):after{transform:scaleX(1);opacity:.4}
@media (max-width:760px){flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}
/* Handy (22.10.2026, Andrej: letzter Filter angeschnitten): Knoepfe teilen sich die Zeile, Innenabstand space-xs, nie schmaler als der Text; passt es nicht, bleibt die Zeile wischbar. */
@media (max-width:760px){& button{flex:1 1 auto;min-width:auto;padding-inline:var(--space-xs)}}
@media print{display:none!important}\n}.elementor .fragen-inhalt{& details{padding:0 22px;margin-bottom:8px;background:#f5f2ec80;transition:background .3s}
& details[open]{background:var(--paper)}
@media (max-width:760px){margin-top:30px}
@media (max-width:760px){& details{padding-inline:17px}}
& details{background:transparent;border-top:1px solid #ffffff30;margin:0;padding-inline:0}
& details[open]{background:transparent}
& details:last-child{border-bottom:1px solid #ffffff30}\n}.elementor .fragen-antwort{color:#d5e1e9;padding-block-start:0px;padding-block-end:25px;padding-inline-start:0px;padding-inline-end:28px;@media (max-width:760px){padding-right:12px;padding-bottom:23px}
@media print{color:var(--ink)}
@media print{& p{color:var(--ink)}}\n}.elementor .kopfzeile-ortsangabe{@media (max-width:360px){display:none}\n}.elementor .gebaeudefilm{.szene-gebaeude &{position:absolute;inset:10% 0 0;width:100%;height:80%;object-fit:contain;mix-blend-mode:multiply;opacity:0}
.szene-gebaeude.has-frame &{opacity:1}
html.ouk-reduce-motion .szene-gebaeude &{display:none}
@media (prefers-reduced-motion:reduce){.szene-gebaeude &{display:none}}
.bildfenster .szene>&{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal;transform:none!important}
.bildfenster .szene-gebaeude>&{object-fit:contain}\n}.elementor .szene-zustand{& img{object-position:62% center}
.bildfenster &>img{object-position:62% 45%}\n}.elementor .schritt-film-mobil{padding-block-end:58px;& video{position:absolute;top:0;left:0;width:100%;aspect-ratio:16/11;object-fit:contain;opacity:0;pointer-events:none}
&.has-mobile-frame video{opacity:1}
&.has-mobile-frame>img{opacity:0}
html.ouk-reduce-motion & video{display:none}
html.ouk-reduce-motion &>img{opacity:1}
@media (prefers-reduced-motion:reduce){& video{display:none}}
@media (prefers-reduced-motion:reduce){&>img{opacity:1}}
@media (max-width:760px){&.schritt-bild-mobil{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;margin:0 0 36px;overflow:visible;background:var(--paper)}}
@media (max-width:760px){&.schritt-bild-mobil{margin-bottom:76px}}
@media (max-width:760px){.fragenfolge-schritt &>img{object-fit:contain}}
@media (max-width:760px){.fragenfolge-schritt &>video{object-fit:contain}}
/* Handy: Notiz und Knopf stehen unter dem Bild, nichts verdeckt die Beschriftungen (6.10.2026) */
/* 22.10.2026 (Andrejs Handy-Durchgang #7): unter der Notiz derselbe Abstand zur roten Zeile wie unter den Bildern der anderen Schritte (36 px + Schrittabstand = 67 px) */
/* Handy-Runde 23.10.2026: Notiz traegt unten space-sm Innenabstand; zusammen space-lg bis zur roten Zeile (vorher 16 + 36 + 31 = 83 px) */
@media (max-width:760px){&.schritt-bild-mobil{aspect-ratio:auto;margin-bottom:calc(var(--space-lg) - var(--space-sm))}}
@media (max-width:760px){.fragenfolge-schritt:nth-child(n) &.schritt-bild-mobil>img{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}}
@media (max-width:760px){.fragenfolge-schritt:nth-child(n) &.schritt-bild-mobil>video{inset:0 0 auto 0;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}}
@media (max-width:760px){&.schritt-bild-mobil>.szene-notiz{position:relative;inset:auto;width:auto;max-width:none;margin:var(--space-sm) var(--gutter) 0}}
@media (max-width:760px){& .marke-dach{top:calc((26 - var(--assembly-progress,1)*11)*.5625vw)}}
@media (max-width:760px){& .marke-fenster{top:23.0625vw}}
@media (max-width:760px){& .marke-daemmung{top:30.9375vw}}
@media (max-width:760px){& .marke-steigleitungen{top:30.9375vw}}
@media (max-width:760px){& .marke-heizung{top:45vw}}\n}.elementor .sichten-buehne{overflow:hidden;color:var(--warm-paper);padding-block-start:var(--space-xl);padding-block-end:var(--space-lg);padding-inline-start:0px;padding-inline-end:0px;margin-block-start:var(--space-lg);background-color:var(--ouk-blue);isolation:isolate;
scroll-margin-top:-24px;
@media (min-width:1600px){padding-top:var(--space-xl)}
@media (max-width:1000px){padding:var(--space-lg) 0 var(--space-md);margin-top:var(--space-md)}
@media (prefers-reduced-motion:reduce){& *{animation:none!important;transition:none!important}}
@media (prefers-reduced-motion:reduce){& *:after{animation:none!important;transition:none!important}}
html.ouk-reduce-motion & *{animation:none!important;transition:none!important}
html.ouk-reduce-motion & *:after{animation:none!important;transition:none!important}
@media screen and (min-width:1001px){&.is-enhanced{height:calc(100svh - var(--header));padding:var(--space-xl) 0;display:flex;flex-direction:column;scroll-margin-top:var(--header)}}
@media screen and (min-width:1001px) and (max-height:520px){&.is-enhanced{height:auto}}
@media screen and (min-width:1001px) and (prefers-reduced-motion:no-preference){.sichten-strecke.is-scroll-pinned>&.is-enhanced{position:sticky;top:var(--header);margin-top:0;scroll-margin-top:var(--header)}}
/* Abschnittsabstand (Bibel §3a, 22.10.2026): Die Buehne folgt dem Einstieg auf gleichem Grund; ueber ihr steht nur dessen Abschnittsluft. Vorher zusaetzlich space-lg (ohne Einrasten). */
@media screen and (min-width:1001px){margin-top:0}\n}.elementor .sichten-kopf{position:relative;z-index:2;padding-block-start:0px;padding-block-end:0px;padding-inline-start:var(--gutter-page);padding-inline-end:var(--gutter-page);text-align:center;
&>p:last-child{margin:0}
@media (max-width:1000px){&>p:last-child{max-width:290px;margin:auto}}
& :is(h2,p){margin:0}
@media screen and (min-width:1001px){flex-shrink:0}
@media screen and (min-width:1001px){width:100%;max-width:var(--layout-wide);margin-inline:auto;text-align:left}
/* Ab 1600 px auf der Kante des Seitenrasters (Andrej, 11.10.2026). */
@media (min-width:1600px){max-width:var(--layout-main)}
\n}.elementor .sichten-reiter{width:fit-content;position:relative;z-index:3;margin-block-start:var(--space-lg);margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;display:flex;gap:0px;justify-content:flex-start;/* REITER-NORM (Andrej, 16.10.2026, Bibel 11.34): Reiter stehen nebeneinander, linksbündig an der Inhaltskante, großzügig (Innenabstand space-lg, Mindestbreite), nie über die volle Breite gestreckt. Farbe folgt dem Grund (currentColor). Alle Zustände sind ausdrücklich festgelegt, weil das Hello-Theme (reset.css) jedem Knopf beim Überfahren und bei Fokus sonst eine rosarote Fläche (#c36) mit weißer Schrift gibt. Am Handy bleiben die Reiter in einer Zeile und sind wischbar. */
padding-inline:0;
max-width:100%;
margin-bottom:var(--space-lg);
overflow-x:auto;
scrollbar-width:none;
&::-webkit-scrollbar{display:none}
&[hidden]{display:none}
& button{position:relative;flex:0 0 auto;width:auto;min-width:11rem;white-space:nowrap;text-align:center;background:none;border:0;border-radius:0;cursor:pointer;min-height:44px;padding:var(--space-sm) var(--space-lg);box-shadow:inset 0 calc(-1 * var(--border-hairline)) 0 color-mix(in srgb,currentColor 24%,transparent);text-decoration:none;transition:color .25s,background-color .25s}
& button:after{content:"";position:absolute;inset-inline:0;bottom:0;height:var(--measurement-stroke);background:currentColor;opacity:1;transform:scaleX(0);transition:transform .4s var(--ease),opacity .25s}
& button[aria-selected=true]:after,& button[aria-pressed=true]:after{transform:scaleX(1)}
/* Zustände (Reihenfolge ist wichtig): Fokus nach Mausklick bleibt unsichtbar, Überfahren tönt leicht, Drücken etwas stärker, Tastaturfokus zeigt Rahmen. Die Schriftfarbe bleibt immer die des Reiters. */
& button:focus{background-color:transparent;text-decoration:none}
& button:hover{background-color:color-mix(in srgb,currentColor 8%,transparent);text-decoration:none}
& button:active{background-color:color-mix(in srgb,currentColor 14%,transparent)}
& button:focus-visible{background-color:color-mix(in srgb,currentColor 8%,transparent);outline:var(--measurement-stroke) solid currentColor;outline-offset:calc(-1 * var(--space-xs))}
/* Hinweis beim Überfahren: der Unterstrich erscheint blass unter dem noch nicht gewählten Reiter. */
& button:is(:hover,:focus-visible):not([aria-selected=true]):not([aria-pressed=true]):after{transform:scaleX(1);opacity:.4}
@media (max-width:1000px){margin-top:var(--space-md)}
@media (max-width:1000px){& button{min-width:9rem}}
@media (max-width:767px){& button{min-width:7rem;padding-inline:var(--space-md)}}
/* Handy, hoechstens drei Reiter (22.10.2026, Andrej: Reiter angeschnitten): Die Reiter teilen sich die Zeile, Innenabstand space-xs, nie schmaler als ihr Text. Passt der Text trotzdem nicht, bleibt die Leiste wischbar. */
@media (max-width:767px){&:not(:has(button ~ button ~ button ~ button)){width:100%}&:not(:has(button ~ button ~ button ~ button)) button{flex:1 1 auto;min-width:auto;padding-inline:var(--space-xs)}}
@media print{display:none!important}
@media screen and (min-width:1001px){flex-shrink:0}
@media screen and (min-width:1001px){margin-top:var(--space-sm)}
@media screen and (min-width:1001px) and (max-height:700px){margin-top:var(--space-xs)}
/* Schritt-Reiter (Fragedialog Startseite, 22.10.2026). Wirkt nur, wo die Attribute gesetzt sind: aria-current="step", disabled, data-erledigt (Haken vor dem Text). */
& button[aria-current="step"]:after{transform:scaleX(1)}
& button[aria-current="step"]:is(:hover,:focus-visible):not([aria-selected=true]):not([aria-pressed=true]):after{opacity:1}
& button:disabled{opacity:.45;cursor:default}
& button:disabled:hover{background-color:transparent}
& button[data-erledigt]::before{content:"";display:inline-block;width:13px;height:13px;margin-right:.45rem;vertical-align:-1px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}& button[data-erledigt]{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}
& button[data-erledigt]::before{margin:0;vertical-align:baseline}
& button[data-erledigt]::before{position:static;inset:auto;transform:none;opacity:1}

/* Handy (Andrej 22.10.2026: zu viel Platz unter den Reitern): Abstand zur Flaeche darunter space-md statt space-lg. */
@media (max-width:767px){margin-bottom:var(--space-md)}
/* Handy, genau vier Reiter (25.10.2026, Seite 5406, Andrej: Reiter am Handy zu breit, Leiste ragte über den Rand): zwei Reihen zu je zwei Reitern, jeder Reiter halbe Breite und ganz antippbar, Innenabstand space-xs. Fünf und mehr Reiter (Fragedialog 120/80, Seite 419) bleiben wischbar. */
@media (max-width:767px){&:has(button ~ button ~ button ~ button):not(:has(button ~ button ~ button ~ button ~ button)){width:100%;flex-wrap:wrap;overflow-x:visible}&:has(button ~ button ~ button ~ button):not(:has(button ~ button ~ button ~ button ~ button)) button{flex:1 1 50%;min-width:0;padding-inline:var(--space-xs)}}\n}.elementor .sichten-tafeln{max-width:var(--layout-wide);margin:auto;@media screen and (min-width:1001px){width:100%;flex:1;min-height:0;margin:0 auto}
@media screen and (min-width:1001px) and (max-height:520px){flex:none}
/* Ab 1600 px auf der Kante des Seitenrasters wie sichten-kopf (22.10.2026: der Text der Tafeln stand 40 bis 80 px links vor Vorzeile und Reitern). */
@media (min-width:1600px){max-width:var(--layout-main)}\n}.elementor .sichten-tafel{position:relative;&[hidden]{display:none}
@media print{&[hidden]{display:block!important}}
@media print{break-inside:avoid}
@media screen and (min-width:1001px){&:not([hidden]){height:100%;display:flex;flex-direction:column}}
@media screen and (min-width:1001px) and (max-height:520px){&:not([hidden]){height:auto}}\n}.elementor .sichten-tafel-titel{margin-block-start:var(--space-lg);text-align:center;
.sichten-buehne.is-enhanced &{display:none}
@media print{.sichten-buehne.is-enhanced &{display:block}}\n}.elementor .sichten-bildbuehne{width:100%;min-height:350px;max-height:440px;overflow:hidden;aspect-ratio:3.5/1;position:relative;margin-block-start:0px;margin-block-end:0px;margin-inline-start:auto;margin-inline-end:auto;&:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--ouk-blue),transparent 15%,transparent 80%,var(--ouk-blue))}
@media (min-width:1600px){min-height:430px}
@media (max-width:1000px){min-height:345px}
@media (max-width:1000px){aspect-ratio:auto;max-height:none;min-height:0;padding:250px var(--gutter-page) 0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);overflow:hidden}
@media (max-width:1000px){&:after{display:none}}
@media screen and (min-width:1001px){flex:1;min-height:0;max-height:none;aspect-ratio:auto}
@media screen and (min-width:1001px) and (max-height:520px){flex:none;min-height:220px}\n}.elementor .sichten-haus{width:auto;height:100%;position:absolute;inset-block-start:0px;inset-inline-start:50%;max-width:none;
transform:translateX(-50%);
mask-image:linear-gradient(to right,transparent,#000 20%,#000 80%,transparent),linear-gradient(transparent,#000 12%,#000 85%,transparent);
mask-composite:intersect;
transition:filter .8s;
[data-view=portal] &{filter:saturate(.22);opacity:.75}
.sichten-buehne.is-enhanced .sichten-tafel:not([hidden]) &{animation:perspective-image .85s var(--ease) both}
.sichten-buehne.is-enhanced [data-view=gutachter]:not([hidden]) &:not(.sichten-haus-unterlage){animation:perspective-open 1.2s var(--ease) both}
@media (max-width:1000px){width:auto;max-width:none;left:50%;top:0;transform:translateX(-50%);height:250px;mask-image:linear-gradient(to right,transparent,#000 20%,#000 80%,transparent),linear-gradient(transparent,#000 10%,#000 85%,transparent)}
@media (max-width:1000px){.sichten-buehne.is-enhanced .sichten-tafel:not([hidden]) &{animation:perspective-image-mobile .8s var(--ease) both}}
.sichten-buehne.is-enhanced [data-view=gutachter]:not([hidden]) &:not(.sichten-haus-unterlage){animation-name:perspective-open}\n}.elementor .sichten-anmerkung{width:23%;max-width:290px;position:absolute;inset-block-start:35%;z-index:2;& p{max-width:100%;margin:0}
& [data-rolle="linie"]{display:block;height:var(--border-hairline);background:linear-gradient(90deg,color-mix(in srgb,var(--blueprint-mist) 55%,transparent),transparent);margin-top:0;width:95%}
.sichten-buehne.is-enhanced .sichten-tafel:not([hidden]) &{animation:perspective-copy .65s .12s var(--ease) both}
@media (max-width:1000px){width:24%;top:34%}
@media (max-width:1000px){position:relative;inset:auto;width:auto;max-width:none;padding:var(--space-sm) 0 var(--space-md);border-top:1px solid color-mix(in srgb,var(--blueprint-mist) 25%,transparent)}
@media (max-width:1000px){& [data-rolle="linie"]{display:none}}
& :is(h3,h4,p,span){margin:0}
@media screen and (min-width:1001px){top:50%;transform:translateY(-50%)}\n}.elementor .sichten-anmerkung-links{inset-inline-start:5%;@media (max-width:1000px){left:4%}
@media (max-width:1000px){inset:auto}\n}.elementor .sichten-anmerkung-rechts{inset-inline-end:4%;& [data-rolle="linie"]{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--blueprint-mist) 55%,transparent))}
@media (max-width:1000px){right:3%}
@media (max-width:1000px){inset:auto}\n}.elementor .sichten-anmerkung-vorzeile{display:block;}.elementor .sichten-fazit{max-width:var(--layout-reading);position:relative;z-index:2;padding-block-start:var(--space-sm);padding-block-end:var(--space-md);padding-inline-start:var(--gutter-page);padding-inline-end:var(--gutter-page);margin-block-start:0px;margin-block-end:0px;margin-inline-start:auto;margin-inline-end:auto;align-items:center;text-align:center;
& p{margin:0}
.sichten-buehne.is-enhanced .sichten-tafel:not([hidden]) &{animation:perspective-copy .55s var(--ease) both}
@media (max-width:1000px){padding:var(--space-md) 0 var(--space-sm);border-top:1px solid color-mix(in srgb,var(--blueprint-mist) 15%,transparent);width:calc(100% - var(--gutter-page)*2);margin:0 auto}
& :is(h3,p){margin:0}
@media screen and (min-width:1001px){flex-shrink:0;max-width:min(var(--layout-wide),900px);padding:var(--space-xs) var(--gutter-page) 0}
@media (min-width:1001px){& p + p{margin-top:calc(-1 * var(--space-md))}}\n}.elementor .sichten-haus-unterlage{display:none;.sichten-buehne.is-enhanced [data-view=gutachter]:not([hidden]) &{display:block;animation:perspective-underlay 1.2s var(--ease) both}
.sichten-buehne.is-enhanced [data-view=gutachter]:not([hidden]) &{animation-name:perspective-underlay}
@media (prefers-reduced-motion:reduce){.sichten-buehne &{display:none!important}}
html.ouk-reduce-motion .sichten-buehne &{display:none!important}\n}.elementor .szene-vermietung{.bildfenster &>img{transform:scale(calc(1.025 + var(--scene-progress,0)*.035))!important;transition:transform .16s linear}
@media (prefers-reduced-motion:reduce){.bildfenster &>img{transform:none!important;transition:none}}
html.ouk-reduce-motion .bildfenster &>img{transform:none!important;transition:none}\n}.elementor .szene-notiz{width:68%;height:100px;position:absolute;inset-block-end:7%;inset-inline-start:4%;z-index:4;color:var(--ink);padding-block-start:19px;padding-block-end:19px;padding-inline-start:23px;padding-inline-end:23px;background-color:#fffdf8f5;text-align:left;
& [data-rolle="titel"]{display:block}
&>span{display:block}
@media (min-width:761px) and (max-height:700px){min-height:84px;padding:13px 18px}
@media (max-width:1000px) and (min-width:761px){width:70%;padding:14px 17px;min-height:86px}
@media (max-width:760px){.schritt-bild-mobil &{left:4%;bottom:6%;width:68%;padding:11px 13px;height:84px;min-height:0}}
/* Glasbox wie auf der Startseite */
background:var(--hero-glass-warm-paper-72);backdrop-filter:blur(16px);border-radius:var(--radius-md);width:auto;max-width:68%;height:auto;min-height:0;padding:var(--space-md) 30px;
& :is(h3,h4,span){color:var(--ouk-blue)}
@media (max-width:760px){background:var(--warm-paper-90);backdrop-filter:none;max-width:none;padding:var(--space-sm)}
@media (max-width:760px){.schritt-bild-mobil &{width:auto;max-width:84%;height:auto}}
/* zwei Notizen auf einem Bild: links und rechts unter ihrem Gegenstand; steht das Bild hochkant (bis 1024 px), sitzt die linke am oberen Gegenstand */
&[data-seite="rechts"]{inset-inline-start:auto;inset-inline-end:4%}
@media (max-width:1024px){&[data-seite="links"]{inset-block-end:auto;inset-block-start:var(--oben-handy,36%)}}
/* Knopf in der Notiz (Abschluss mit Foto): so breit wie sein Text; kompakte Fassung fuer den Rechner */
& > a{align-self:flex-start}
@media (min-width:1025px){&[data-form="kompakt"]{max-width:min(31rem,68%)}}\n}.elementor .gebaeudemarke{position:absolute;z-index:3;display:flex;gap:5px;align-items:center;color:var(--blue);
flex-direction:column;
transform:translate(-50%,-50%);
&>span:last-child{background:#f5f2ecee;padding:3px 6px}
@media (max-width:760px){.schritt-bild-mobil &>span:last-child{font-size:13px;white-space:nowrap}}
@media (max-width:760px){.schritt-bild-mobil &{gap:4px}}
@media (max-width:760px){.schritt-bild-mobil &>span:last-child{padding:2px 4px}}\n}.elementor .marke-symbol{width:38px;height:38px;border-radius:50%;box-shadow:0px 0px 0px 4px #f5f2ecb3;display:grid;place-items:center; background:var(--blue); color:var(--paper);
& .e-svg-base{width:22px;height:22px}
@media (max-width:760px){.schritt-bild-mobil &{width:30px;height:30px}}
@media (max-width:760px){.schritt-bild-mobil & .e-svg-base{width:18px;height:18px}}
@media (max-width:1000px) and (min-width:761px){width:30px;height:30px}
@media (max-width:1000px) and (min-width:761px){& .e-svg-base{width:18px;height:18px}}
@media (max-width:760px){.schritt-bild-mobil &{width:26px;height:26px;box-shadow:0 0 0 3px #f5f2ecaa}}
@media (max-width:760px){.schritt-bild-mobil & .e-svg-base{width:16px;height:16px}}
& .e-svg-base{display:block}
& svg{fill:none}\n}.elementor .marke-dach{inset-block-start:calc(26% - var(--assembly-progress,1)*11%);inset-inline-start:76%;}.elementor .marke-heizung{inset-block-start:80%;inset-inline-start:81%;}.elementor .marke-fenster{inset-block-start:41%;inset-inline-start:35%;}.elementor .marke-daemmung{inset-block-start:55%;inset-inline-start:19%;}.elementor .marke-steigleitungen{inset-block-start:55%;inset-inline-start:71%;}.elementor .fahrt-strecke{position:relative;margin-block-start:0px;background-color:var(--warm-paper);html.ouk-camera-ready &{height:260svh}
@media (max-width:760px){height:auto}
@media (max-width:760px){html.ouk-camera-ready &{height:auto}}
@media print{height:auto}
@media print{html.ouk-camera-ready &{height:auto}}
/* Handy: Kamerafahrt wie am Desktop (6.10.2026) */
@media (max-width:760px){html.ouk-camera-ready &{height:260svh}}\n}.elementor .fahrt-buehne{height:calc(100svh - var(--header));min-height:650px;position:relative;padding:0px;html.ouk-camera-ready &{position:sticky;top:var(--header);height:calc(100svh - var(--header));min-height:0}
@media (max-width:760px){height:auto;min-height:0;position:static;padding:var(--space-lg) var(--gutter-page) var(--space-md)}
@media (max-width:760px){html.ouk-camera-ready &{height:auto;min-height:0;position:static;padding:var(--space-lg) var(--gutter-page) var(--space-md)}}
@media print{height:auto;min-height:500px;position:relative}
@media print{html.ouk-camera-ready &{height:auto;min-height:500px;position:relative}}
/* Handy: Kamerafahrt wie am Desktop (6.10.2026) */
@media (max-width:760px){html.ouk-camera-ready &{position:sticky;top:var(--header);height:calc(100svh - var(--header));min-height:0;padding:var(--space-md) 0 0;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-sm)}}\n}.elementor .fahrt-kopf{position:absolute;inset-block-start:calc(var(--space-lg) + var(--space-sm));inset-inline-end:max(var(--gutter-page),calc((100% - var(--layout-wide))/2 + var(--gutter-page)));inset-inline-start:max(var(--gutter-page),calc((100% - var(--layout-wide))/2 + var(--gutter-page)));z-index:2;display:flex;gap:var(--space-md);justify-content:space-between;align-items:start;pointer-events:none;
&>div{--journey-heading-card-width:min(560px,100%);width:var(--journey-heading-card-width);margin-left:0;background:color-mix(in srgb,var(--warm-paper) 94%,transparent);padding:var(--space-md);max-width:560px}
& :is(p,h2){margin:0}
@media (min-width:761px) and (max-height:700px){top:calc(var(--space-md) + var(--space-sm))}
@media (min-width:761px) and (max-height:700px){&>div{--journey-heading-card-width:min(430px,100%);padding:var(--space-sm);max-width:430px}}
@media (max-width:1100px) and (min-width:761px){&>div{--journey-heading-card-width:min(490px,100%);max-width:490px}}
@media (max-width:760px){position:relative;inset:auto;display:block}
@media (max-width:760px){&>div{width:auto;margin-left:0;background:none;padding:0;max-width:none;transition:none}}
@media print{top:20px}
/* Glasbox wie auf der Startseite */
&>div{background:var(--hero-glass-warm-paper-72);backdrop-filter:blur(16px);border-radius:var(--radius-md);padding:30px 34px}
@media (max-width:760px){&>div{background:none;backdrop-filter:none;border-radius:0;padding:0}}
/* Handy: Kamerafahrt wie am Desktop (6.10.2026) */
@media (max-width:760px){html.ouk-camera-ready &{position:relative;inset:auto;display:block;flex:0 0 auto;margin:0 var(--gutter-page);z-index:2}}\n}.elementor .fahrt-medien{width:100%;height:100%;overflow:hidden;aspect-ratio:auto;position:absolute;margin:0px;inset:0; max-height:none;
html.ouk-camera-ready &{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;margin:0;overflow:hidden}
&>img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;mix-blend-mode:normal}
&>video{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;mix-blend-mode:normal}
&>video{opacity:0}
&.has-frame>video{opacity:1}
@media (max-width:760px){&>video{display:none}}
@media (max-width:760px){position:relative;inset:auto;height:auto;width:100%;aspect-ratio:auto;margin:var(--space-md) 0 0;padding-top:56.25%;overflow:hidden}
@media (max-width:760px){html.ouk-camera-ready &{position:relative;inset:auto;height:auto;width:100%;aspect-ratio:auto;margin:var(--space-md) 0 0;padding-top:56.25%;overflow:hidden}}
@media (max-width:760px){&>img{height:auto;aspect-ratio:16/9;width:100%;object-fit:cover}}
@media (max-width:760px){&>video{height:auto;aspect-ratio:16/9;width:100%;object-fit:cover}}
html.ouk-reduce-motion &>video{display:none}
@media (prefers-reduced-motion:reduce){&>video{display:none}}
@media print{&>video{display:none}}
/* Handy: Kamerafahrt wie am Desktop (6.10.2026) */
/* Der Film steht als Band zwischen Kopf und Textkarte. Aufbau wie in der von Andrej am iPhone gesehenen Fassung: Film und Karte liegen fest (absolut), kein Raster. --karte ist die Hoehe der Textkarte. */
@media (max-width:760px){html.ouk-camera-ready &{position:relative;inset:auto;flex:1 1 auto;min-height:0;width:100%;height:auto;margin:0;padding-top:0;overflow:hidden;--karte:14.1rem}}
@media (max-width:375px){html.ouk-camera-ready &{--karte:15.8rem}}
@media (max-width:760px){html.ouk-camera-ready &>img{position:absolute;inset:0 0 auto 0;width:100%;height:calc(100% - var(--karte) - var(--space-sm) - var(--space-xs));aspect-ratio:auto;object-fit:cover}}
@media (max-width:760px){html.ouk-camera-ready &>video{display:block;position:absolute;inset:0 0 auto 0;width:100%;height:calc(100% - var(--karte) - var(--space-sm) - var(--space-xs));aspect-ratio:auto;object-fit:cover}}\n}.elementor .fahrt-standbild{.fahrt-medien.has-frame>&{opacity:0}
@media (max-width:760px){.fahrt-medien>&{opacity:1}}
@media (max-width:760px){.fahrt-medien.has-frame>&{opacity:1}}
html.ouk-reduce-motion .fahrt-medien>&{opacity:1}
@media (prefers-reduced-motion:reduce){.fahrt-medien>&{opacity:1}}
@media print{.fahrt-medien>&{opacity:1}}\n}.elementor .fahrt-textkarte{position:absolute;inset-inline-end:auto;inset-block-end:70px;inset-inline-start:calc(100% - var(--journey-inset) - var(--journey-message-width) - var(--space-xs));z-index:3;padding:var(--space-md);opacity:100%;width:var(--journey-message-width);
--journey-inset:max(var(--gutter-page),calc((100% - var(--layout-wide))/2 + var(--gutter-page)));
--journey-message-width:min(410px,37%);
background:color-mix(in srgb,var(--warm-paper) 96%,transparent);
transition:opacity .22s var(--ease);
&.is-switching{opacity:0}
& :is(h3,p){margin:0}
@media (min-width:761px){.fahrt-strecke[data-phase="1"] &{left:calc(var(--journey-inset) + var(--space-xs))}}
@media (min-width:761px){.fahrt-strecke[data-phase="3"] &{left:calc(var(--journey-inset) + var(--space-xs))}}
@media (min-width:761px) and (max-height:700px){bottom:52px}
@media (min-width:761px) and (max-height:700px){padding:var(--space-sm)}
@media (max-width:1100px) and (min-width:761px){--journey-message-width:42%;width:var(--journey-message-width)}
@media (max-width:760px){position:relative;inset:auto;width:100%;padding:var(--space-md);min-height:160px;background:var(--warm-paper)}
@media print{bottom:20px}
/* Glasbox wie auf der Startseite */
background:var(--hero-glass-warm-paper-72);backdrop-filter:blur(16px);border-radius:var(--radius-md);padding:30px 34px;
& :is(h3,p){color:var(--ouk-blue)}
@media (max-width:760px){background:var(--warm-paper-90);backdrop-filter:none;padding:var(--space-md);min-height:0}
/* Handy: Kamerafahrt wie am Desktop (6.10.2026) */
/* Am Handy im Fahrt-Zustand: Box mit Seitenrand und runden Ecken dicht unter dem Film, Flaeche OuK-Blau, Schrift weiss (Andrej, 6.10.2026) */
@media (max-width:760px){html.ouk-camera-ready &{position:absolute;inset:auto var(--gutter-page) calc(var(--space-sm) + var(--space-md)) var(--gutter-page);width:auto;min-height:var(--karte);border-radius:var(--radius-md);background:var(--ouk-blue)}}
@media (max-width:760px){html.ouk-camera-ready & :is(h3,p){color:var(--pure-white)}}\n}.elementor .fahrt-textkarte-titel{white-space:pre-line;\n}.elementor .sichten-strecke{@media screen and (min-width:1001px) and (prefers-reduced-motion:no-preference){&.is-scroll-pinned{height:calc((100svh - var(--header))*2.2)}}
/* Fester Schlusssatz (6.10.2026): nur dort, wo die Sichten nicht von selbst wechseln, und nicht doppelt zur Gutachter-Tafel */
@media screen and (min-width:1001px){& [data-rolle="sichten-schluss"]{display:none}}
& .sichten-buehne:has(.sichten-tafel[data-view="gutachter"]:not([hidden])) [data-rolle="sichten-schluss"]{display:none}\n}.elementor .fragenfolge-kopf{width:100%;max-width:var(--layout-wide);padding-block-start:var(--space-xl);padding-block-end:var(--space-md);padding-inline-start:var(--gutter-page);padding-inline-end:var(--gutter-page);grid-column:1/-1;margin-inline:auto;
& :is(h2,p){margin:0}
@media (max-width:760px){padding-top:var(--space-lg)}
@media (min-width:761px){grid-column:auto;grid-row:auto;width:100%;max-width:none;margin:0;padding:0 0 var(--space-sm)}\n}.elementor .fragenfolge-bildseite{@media (min-width:761px){grid-column:1;grid-row:1;position:sticky;top:var(--header);height:auto;max-height:calc(100svh - var(--header));min-height:0;display:flex;flex-direction:column;align-self:start;padding:var(--space-xl) 0 var(--space-sm) 0}
/* 22.10.2026 (Abstandspruefung, Bibel §3a): Bildseite nur so hoch wie Kopf und Bild (hoechstens ein Bildschirm), damit am Abschnittsende unter dem Bild nur die Abschnittsluft bleibt. Vorher feste Hoehe 100svh - Kopfzeile, darunter bis 340 px leer. */\n}.elementor .zelle-abschluss-mit-knopf{display:flex;flex-direction:column;gap:var(--space-lg);align-items:flex-start;padding:var(--space-lg) 0 0;border-top:var(--border-hairline) solid var(--blueprint-mist);\n}.elementor .nur-bis-tablet-sichtbar{width:100%;height:auto;max-width:26rem;padding:0px;display:none;@media (max-width:1024px){display:block}\n}.elementor .nur-am-desktop-sichtbar{width:100%;height:auto;padding:0px;display:block;@media (max-width:1024px){display:none}\n}.elementor .bildrahmen-hochformat{width:100%;overflow:hidden;position:relative;padding:0px;aspect-ratio:4/5;max-height:calc(100svh - 7.5rem);
& img{object-fit:contain;object-position:50% 50%}
@media (max-width:880px){.buehne-bleibt-unter-kopfzeile-stehen &{position:relative!important;top:auto!important;aspect-ratio:4/5;max-height:none!important;max-width:24rem;margin-inline:auto}}
@media (max-width:880px){& img{object-fit:contain;object-position:50% 50%}}\n}.elementor .kopfzeile-titel-und-einleitung{column-gap:var(--space-xl);padding:0px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;@media (max-width:1024px){grid-template-columns:minmax(0,1fr);row-gap:var(--space-md)}
/* Kopfform (Bibel §3a, 22.10.2026): Einleitung rechts oben buendig zur H2. Titelgruppe (Vorzeile + H2) wird Untergitter, die Einleitung steht in Zeile 2 neben der H2. */
@media (min-width:1025px){align-items:start;row-gap:var(--space-md);
&:has(> :first-child > .kleine-zeile-ueber-ueberschrift-rot:first-child + :last-child){grid-template-rows:auto auto}
& > :first-child:has(> .kleine-zeile-ueber-ueberschrift-rot:first-child + :last-child){grid-row:1 / span 2;display:grid;grid-template-rows:subgrid;row-gap:var(--space-md)}
& > :first-child > .kleine-zeile-ueber-ueberschrift-rot:first-child:not(.aussenabstand-unten-mittel) + :last-child{margin-block:0}
&:has(> :first-child > .kleine-zeile-ueber-ueberschrift-rot:first-child + :last-child) > :last-child{grid-column:2;grid-row:2}}\n}.elementor .unterlagen-anmerkung{max-width:34rem;
& strong{font-weight:600;color:var(--ouk-blue)}\n}.elementor .unterlagen-fuss{width:auto;display:flex;gap:var(--space-md);justify-content:center;align-items:center;padding:clamp(.25rem,calc(2.5rem - 3.4svh),1.25rem) 0 0;
@media (max-width:1024px){flex-direction:column;text-align:center;padding:0}
/* Knopf oben buendig: Ist die Anmerkung hoeher als der Knopf, bleibt der Abstand Liste zu Knopf 40 px (Bibel: 40 px vor dem Hauptknopf) */
@media (min-width:1025px){& > .knopf-hauptaktion-blau{align-self:flex-start}}
/* Knopf so breit wie sein Text, Rechner und Handy (Andrej 26.10.2026: wie vor dem Umbau) */
& > .knopf-hauptaktion-blau{flex:0 0 auto;width:auto}\n}.elementor .unterlagen-text{width:auto;min-width:0px;max-width:13rem;padding:0px;display:flex;flex-direction:column;align-items:center;gap:.25rem;
& span{display:block}
@media (max-width:767px){.unterlagen-zeile:not(:has(.unterlagen-symbol)) > &{align-items:flex-start;max-width:none}}\n}.elementor .unterlagen-symbol{width:auto;min-width:0px;padding:0px;display:flex;justify-content:center;align-items:flex-end;background:none;
& img{display:block;width:auto;max-width:none;height:clamp(10.625rem,calc(100svh - 40.75rem),16.375rem);filter:drop-shadow(0 14px 16px color-mix(in srgb,var(--ink) 16%,transparent)) drop-shadow(0 2px 3px color-mix(in srgb,var(--ink) 16%,transparent))}
@media (max-width:1024px){& img{height:12.25rem}}
@media (max-width:767px){& img{height:9.75rem}}\n}.elementor .unterlagen-zeile{width:auto;min-width:12.5rem;padding:0px;display:flex;flex-direction:column;gap:var(--space-sm);align-items:center;flex:0 0 auto;text-align:center;
&[hidden]{display:none}
@media (max-width:1024px){flex:0 0 calc((100% - 2 * clamp(1rem,1.7vw,1.5rem)) / 3);min-width:0}
@media (max-width:767px){flex-basis:calc((100% - var(--space-sm)) / 2)}
@media (prefers-reduced-motion:no-preference){& img{transition:transform 260ms cubic-bezier(.16,1,.3,1)}
&:hover img{transform:translateY(-6px) rotate(-1deg)}}
@media (max-width:767px){&:not(:has(.unterlagen-symbol)){flex-basis:100%;align-items:flex-start;text-align:start}}\n}.elementor .unterlagenliste{width:100%;padding:0px;margin:0px;display:flex;justify-content:center;align-items:flex-start;gap:clamp(1rem,1.7vw,1.5rem);
@media (max-width:1024px){flex-wrap:wrap;row-gap:var(--space-lg)}
@media (max-width:767px){gap:var(--space-lg) var(--space-sm)}
@media (max-width:767px){&:not(:has(.unterlagen-symbol)){row-gap:var(--space-md)}}
@media (min-width:1025px) and (max-width:1199px){flex-wrap:wrap;row-gap:var(--space-lg)}\n}.elementor .vermietet-schalter{width:auto;min-height:2.75rem;cursor:pointer;padding:0px;margin:0px;display:inline-flex;align-items:center;gap:.625rem;
&::before{content:"";position:static;flex:none;width:1.125rem;height:1.125rem;box-sizing:border-box;border:1px solid #767676;border-radius:2.5px;background:#fff;opacity:1;mix-blend-mode:normal;transition:none;display:block}
&[aria-checked="true"]::before{border-color:var(--ouk-blue);background:var(--ouk-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cpath d='M3.6 8.8l3.2 3.2 6.6-7' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") center/100% no-repeat}
&:focus-visible{outline:2px solid var(--ouk-blue);outline-offset:2px}\n}.elementor .unterlagen-wahl{width:auto;min-height:2.75rem;cursor:pointer;background-color:var(--pure-white);display:inline-flex;align-items:center;padding:0 var(--space-md);border:var(--border-hairline) solid var(--blueprint-mist);border-radius:var(--radius-sm);
&[aria-checked="true"]{background:var(--ouk-blue);border-color:var(--ouk-blue)}
&[aria-checked="true"] span{color:var(--pure-white)}
&:focus-visible{outline:2px solid var(--ouk-blue);outline-offset:2px}\n}.elementor .unterlagen-gruppe{width:auto;padding:0px;display:flex;gap:var(--space-xs);}.elementor .unterlagen-auswahl{width:auto;padding:0px;margin:0px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-xs) var(--space-md);\n}.elementor .vorbereitung-einstieg{width:100%;padding:0px;& > p{max-width:46rem}\n}.elementor .vorbereitung-innen{width:100%;max-width:var(--layout-main);margin-block-start:0px;margin-block-end:0px;margin-inline-start:auto;margin-inline-end:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(2rem,5.5svh,4rem) var(--gutter-page);gap:clamp(1.25rem,3.4svh,2.25rem);
@media (min-width:1025px){min-height:var(--section-viewport-height-below-header)}
@media (max-width:1024px){padding-block:var(--space-2xl);gap:var(--space-lg)}
@media (max-width:767px){padding-block:var(--space-lg)}
/* Unterlagen als ein Foto: Die Hoehe folgt dem Bildschirm, damit der Abschnitt am Rechner auf einen Bildschirm passt */
& [data-rolle="unterlagenfoto"]{width:100%;height:clamp(15rem,calc(100svh - 34rem),28.5rem);object-fit:cover;object-position:50% 30%}\n}.elementor .vorbereitung-raster{font-family:var(--font-body);font-size:var(--type-size-body);color:var(--ink);line-height:1.52;padding:0px;display:block;}.elementor .belegzeile-handlung{width:auto;display:flex;flex-direction:column;gap:var(--space-xs);align-items:flex-end;flex:none;padding:0;
& a:not(:hover):not(:focus-visible):not(._){color:var(--pure-white)}
@media (max-width:1024px){align-items:flex-start}
@media (max-width:767px){width:100%;align-items:stretch;
& a{justify-content:center;text-align:center}}\n}.elementor .belegzeile-eintrag{width:auto;display:flex;flex-direction:column;gap:.125rem;padding:0 var(--space-lg) 0 0;border-right:var(--border-hairline) solid var(--blueprint-mist);
&:last-child{border-right:0;padding-right:0}
@media (max-width:767px){padding:0 0 var(--space-sm);border-right:0;border-bottom:var(--border-hairline) solid var(--blueprint-mist);
&:last-child{border-bottom:0;padding-bottom:0}}\n}.elementor .belegzeile-liste{width:auto;display:flex;gap:var(--space-lg);padding:0;margin:0;
@media (max-width:767px){flex-direction:column;gap:var(--space-sm);width:100%}\n}.elementor .belegzeile{width:100%;display:flex;gap:var(--space-lg);justify-content:space-between;align-items:center;grid-column:1/-1;margin:var(--space-lg) 0 0;padding:var(--space-md) 0 0;border-top:var(--border-hairline) solid var(--blueprint-mist);
& p:not(._):not(._){margin:0}
@media (max-width:1024px){flex-direction:column;align-items:flex-start}\n}.elementor .ansprechpartner{width:100%;display:grid;align-items:center;/* Grundform (kleines Passfoto 11rem mit Bewegung) am 22.10.2026 entfernt: Jede Stelle traegt data-form portraet-links oder portraet-rechts. Ohne Attribut gilt die Aufteilung von portraet-links. */
padding:0;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--space-xl);
& > [data-rolle="foto"]{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-md)}
& > [data-rolle="text"]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md);min-width:0;padding:0}
& [data-rolle="satz"]{max-width:46rem}
& [data-rolle="person"]{display:flex;flex-direction:column;gap:.125rem;padding:0}
& [data-rolle="handlung"]{margin-top:calc(var(--space-lg) - var(--space-md))}
@media (max-width:940px){grid-template-columns:minmax(0,1fr);row-gap:var(--space-md)}
@media (max-width:940px){& > [data-rolle="foto"]{width:min(100%,20rem)}}
/* Form Portraet rechts: grosses Foto in fuenf von zwoelf Spalten, Text links (Anlass-Seiten mit eigenem Oliver-Bild) */
&[data-form="portraet-rechts"]{grid-template-columns:minmax(0,7fr) minmax(0,5fr);min-height:0}
&[data-form="portraet-rechts"] > [data-rolle="foto"]{grid-column:2;grid-row:1;animation:none;transform:none}
&[data-form="portraet-rechts"] > [data-rolle="text"]{grid-column:1;grid-row:1;animation:none;transform:none}
&[data-form="portraet-rechts"] [data-rolle="satz"]{max-width:36rem}
&[data-form="portraet-rechts"] [data-rolle="handlung"]{animation:none;opacity:1}
@media (max-width:940px){&[data-form="portraet-rechts"]{grid-template-columns:minmax(0,1fr)}}
@media (max-width:940px){&[data-form="portraet-rechts"] > [data-rolle="foto"]{grid-column:1;grid-row:1;width:min(100%,20rem)}}
@media (max-width:940px){&[data-form="portraet-rechts"] > [data-rolle="text"]{grid-column:1;grid-row:2}}
/* Form Portraet links: grosses Foto in fuenf von zwoelf Spalten links, Text rechts */
&[data-form="portraet-links"]{grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:0}
&[data-form="portraet-links"] > [data-rolle]{animation:none;transform:none}
&[data-form="portraet-links"] [data-rolle="satz"]{max-width:36rem}
&[data-form="portraet-links"] [data-rolle="handlung"]{animation:none;opacity:1}
@media (max-width:940px){&[data-form="portraet-links"]{grid-template-columns:minmax(0,1fr)}}\n}.elementor .kontaktwandel{width:100%;position:relative;display:block;padding:0;background:var(--warm-paper);--p:1;
& [data-rolle="buehne"]{display:flex;flex-direction:column;padding:0}
& [data-rolle="bild"]{order:-1;aspect-ratio:3/2;overflow:hidden;padding:0}
& [data-rolle="bild"] img{display:block;width:100%;height:100%;object-fit:cover;object-position:28% 30%}
& [data-rolle="anfang"]{display:none}
@media (max-width:1024px), (prefers-reduced-motion:reduce){& [data-rolle="anfang"]{display:flex;position:relative;inset:auto;z-index:3;width:auto;max-width:none;margin:calc(-1 * var(--space-xl)) var(--gutter-page) 0;transform:none}}
& [data-rolle="kontakt"]{order:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--gutter-page) var(--space-2xl);text-align:center}
& [data-rolle="kontakt"] [role="listitem"]{gap:var(--space-xs)}
& [data-rolle="kontakt"] [role="listitem"] a{display:inline-block;padding:.375rem 0}
@media (min-width:1025px) and (prefers-reduced-motion:no-preference){height:230svh;--p:0;
& [data-rolle="buehne"]{position:sticky;top:0;height:100svh;overflow:hidden;display:block}
& [data-rolle="bild"]{position:absolute;z-index:2;width:auto;aspect-ratio:auto;top:calc(var(--p) * 14svh + var(--p) * var(--header-sticky-height) / 2);bottom:calc(var(--p) * 14svh - var(--p) * var(--header-sticky-height) / 2);left:calc(var(--p) * 54vw);right:calc(var(--p) * max(var(--gutter-page),calc((100vw - var(--layout-main)) / 2 + var(--gutter-page))));border-radius:calc(var(--p) * var(--radius-md))}
& [data-rolle="anfang"]{display:flex;z-index:3;opacity:calc(1 - var(--p) * 3.2);pointer-events:none}
& [data-rolle="kontakt"]{position:absolute;left:max(var(--gutter-page),calc((100vw - var(--layout-main)) / 2 + var(--gutter-page)));top:calc(50% + var(--header-sticky-height) / 2);transform:translateY(-50%);width:min(40vw,34rem);padding:0}}
& [data-rolle="kontakt"] [role="listitem"] a:not([href^="tel:"]){padding-block:var(--space-xs);margin-block:calc(var(--space-xs) * -.25)}
/* Andrej 22.10.2026: am Handy keine zweite Box untereinander. Die Glasbox des Anfangszustands entfaellt, unter dem Foto folgt gleich der Abschluss mit Knopf. 23.10.2026: auch Tablet und Handy quer, also bis 1024 px. */
@media (max-width:1024px){& [data-rolle="anfang"]{display:none}}
/* Abschnittsluft unten (Bibel §3a, 22.10.2026) */
@media (max-width:767px){& [data-rolle="kontakt"]{padding-bottom:var(--space-lg)}}\n}.elementor .glasbox-in-szene{position:absolute;left:max(var(--gutter-page),calc((100vw - var(--layout-main)) / 2 + var(--gutter-page)));bottom:var(--space-lg);width:calc(100% - 2 * max(var(--gutter-page),calc((100vw - var(--layout-main)) / 2 + var(--gutter-page))));
@media (max-width:767px){left:var(--space-sm);bottom:var(--space-sm);width:calc(100% - 2 * var(--space-sm))}\n}.elementor .kopf-zentriert{display:flex;flex-direction:column;gap:var(--space-md);align-items:center;text-align:center;padding:0;
/* 22.10.2026 (Bibel §3a): Abstand im zentrierten Kopf space-md (24 px) wie H2 -> Einleitung; vorher space-sm. */\n}.elementor .beitragsreihe{/* blendet die ganze Sektion aus, solange die Liste keinen zweiten Beitrag hat */
&:not(:has([data-rolle="reihe"] > * ~ *)){display:none}
& [data-rolle="kopf"]{display:flex;justify-content:space-between;align-items:flex-end;align-items:last baseline;flex-wrap:wrap;gap:var(--space-md);padding:0}
& [data-rolle="kopf"] > :last-child{align-self:auto}
@media (min-width:768px){& [data-rolle="kopf"]{flex-wrap:nowrap}
& [data-rolle="kopf"] > :last-child{flex:0 0 auto}}
& [data-rolle="reihe"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:var(--space-md);padding:0}
& [data-rolle="reihe"]:not(:has(> :nth-child(3))){grid-template-columns:repeat(2,minmax(0,1fr))}
& [data-rolle="reihe"] > *{padding:0;min-width:0}
& [data-rolle="karte"]{display:flex;flex-direction:column;gap:var(--space-sm);padding:0;text-decoration:none;min-width:0}
& [data-rolle="karte"]:focus-visible{outline:2px solid var(--ouk-blue);outline-offset:3px;box-shadow:none}
& [data-rolle="karte"]:hover [data-rolle="titel"],& [data-rolle="karte"]:focus-visible [data-rolle="titel"]{text-decoration:underline}
& [data-rolle="karte"] > [data-rolle="bild"]{width:100%;height:auto;aspect-ratio:3 / 2}
& [data-rolle="reihe"]:not(:has(> :nth-child(3))) [data-rolle="bild"]{aspect-ratio:16 / 9}
& [data-rolle="karte"] > [data-rolle="text"]{display:flex;flex-direction:column;gap:var(--space-xs);padding:0}
@media (max-width:940px){& [data-rolle="reihe"],& [data-rolle="reihe"]:not(:has(> :nth-child(3))){grid-template-columns:minmax(0,1fr)}
& [data-rolle="karte"]{flex-direction:row;align-items:flex-start}
& [data-rolle="karte"] > [data-rolle="bild"],& [data-rolle="reihe"]:not(:has(> :nth-child(3))) [data-rolle="bild"]{flex:0 0 38%;width:38%;aspect-ratio:3 / 2}}
@media (max-width:767px){& [data-rolle="karte"] > [data-rolle="bild"],& [data-rolle="reihe"]:not(:has(> :nth-child(3))) [data-rolle="bild"]{flex-basis:7rem;width:7rem;aspect-ratio:1 / 1}}
/* Platzhalterton, solange das Bild noch lädt (auf Seiten mit Filmen kann das einige Sekunden dauern) */
& [data-rolle="karte"] > [data-rolle="bild"]{background:var(--warm-paper)}
/* ab drei Spalten: Karten gleich hoch, Angabezeile am unteren Rand, damit die Angaben bei ungleich langen Titeln auf einer Linie stehen */
@media (min-width:941px){& [data-rolle="reihe"] > *{display:flex}
& [data-rolle="karte"]{flex:1 1 auto}
& [data-rolle="karte"] > [data-rolle="text"]{flex:1 1 auto}
& [data-rolle="karte"] > [data-rolle="text"] > :last-child{margin-top:auto}}\n}.elementor .erklaerfilm{&{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);width:100%;padding:0}
/* Kopf/Text -> Film 40 px wie jeder Inhaltsblock (Bibel §3a, 22.10.2026; vorher space-xl 64 px) */
&:not(._){grid-column:1 / -1;margin-block-start:var(--space-lg)}
& > *{min-width:0}
& [data-rolle="karte"]{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);padding:var(--space-md);background:var(--pure-white);border-radius:calc(var(--radius-md) * 1.5);box-shadow:0 1.875rem 4.375rem -2.5rem color-mix(in srgb,var(--ouk-blue) 35%,transparent),0 .125rem .375rem color-mix(in srgb,var(--ouk-blue) 4%,transparent)}
& [data-rolle="karte"] > *{min-width:0}
& [data-rolle="buehne"]{position:relative;align-self:start;width:100%;padding:0}
& [data-rolle="film"]{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;background:var(--warm-paper);border-radius:var(--radius-md)}
&[data-ouk-filmzustand="bereit"] [data-rolle="film"],&[data-ouk-filmzustand="vorschau"] [data-rolle="film"]{cursor:pointer}
& [data-rolle="buehne"] img[data-ouk-filmbild]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--warm-paper);border-radius:var(--radius-md);pointer-events:none;opacity:0;transition:opacity .25s var(--ease,cubic-bezier(.2,.7,.2,1))}
& [data-rolle="buehne"] img[data-ouk-filmbild="an"]{opacity:1}
& [data-rolle="start"]{position:absolute;inset-inline-end:var(--space-md);inset-block-end:var(--space-md);gap:var(--space-xs);cursor:pointer}
& [data-rolle="start"]::before{content:"";flex:none;border-style:solid;border-width:.38em 0 .38em .62em;border-color:transparent transparent transparent currentColor}
&[data-ouk-filmzustand="laeuft"] [data-rolle="start"]{display:none}
& [data-rolle="kapitel"]{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-lg);padding:0;margin:0}
& [data-rolle="kapitel"] > *{position:relative;display:grid;grid-template-columns:3rem minmax(0,1fr);column-gap:var(--space-xs);padding-inline-start:var(--space-sm);border-inline-start:var(--measurement-stroke) solid transparent;transition:opacity .45s var(--ease,cubic-bezier(.2,.7,.2,1)) var(--verzug,0s),transform .45s var(--ease,cubic-bezier(.2,.7,.2,1)) var(--verzug,0s),translate .2s var(--ease,cubic-bezier(.2,.7,.2,1))}
& [data-rolle="kapitel"] > * > span{color:var(--muted);font-variant-numeric:tabular-nums}
& [data-rolle="kapitel"] > [aria-current="true"]{font-weight:600;border-inline-start-color:var(--signal-red)}
& [data-rolle="kapitel"] > [aria-current="true"] > span{color:var(--ouk-blue)}
& [data-rolle="kapitel"] > :is(:hover,:focus-visible){translate:.25rem 0}
& [data-rolle="kapitel"] > :nth-child(1){--verzug:0.25s}
& [data-rolle="kapitel"] > :nth-child(2){--verzug:0.30s}
& [data-rolle="kapitel"] > :nth-child(3){--verzug:0.36s}
& [data-rolle="kapitel"] > :nth-child(4){--verzug:0.42s}
& [data-rolle="kapitel"] > :nth-child(5){--verzug:0.47s}
& [data-rolle="kapitel"] > :nth-child(6){--verzug:0.53s}
& [data-rolle="kapitel"] > :nth-child(7){--verzug:0.58s}
& [data-rolle="kapitel"] > :nth-child(8){--verzug:0.64s}
& [data-rolle="kapitel"] > :nth-child(9){--verzug:0.69s}
& [data-rolle="kapitel"] > :nth-child(10){--verzug:0.74s}
& [data-rolle="kapitel"] > :nth-child(11){--verzug:0.80s}
& [data-rolle="kapitel"] > :nth-child(12){--verzug:0.85s}
@media (prefers-reduced-motion:no-preference){html.ouk-motion-ready:not(.ouk-reduce-motion) & [data-rolle="karte"][data-reveal]:not(.is-visible) [data-rolle="kapitel"] > *{opacity:0;transform:translateX(-.625rem)}}
@media (min-width:1200px){& [data-rolle="karte"]{grid-template-columns:minmax(0,1fr) 19rem;column-gap:var(--space-lg)}
& [data-rolle="kapitel"]{grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;align-self:stretch;border-inline-start:var(--border-hairline) solid var(--blueprint-mist)}
& [data-rolle="kapitel"]::after{content:"";position:absolute;inset-inline-start:calc(-1 * var(--border-hairline));inset-block-start:0;width:1.125rem;height:var(--measurement-stroke);background:var(--signal-red);transform:translateY(calc(var(--ouk-filmlage,0) * 1px - 1px));transition:transform .35s linear,opacity .3s;opacity:0;pointer-events:none}
&[data-ouk-filmzustand="laeuft"] [data-rolle="kapitel"]::after{opacity:1}
& [data-rolle="kapitel"] > *{padding-inline-start:var(--space-md);border-inline-start:0}
& [data-rolle="kapitel"] > *::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:50%;width:.5625rem;height:var(--border-hairline);background:var(--blueprint-mist);transition:width .2s var(--ease,cubic-bezier(.2,.7,.2,1)),background-color .2s}
& [data-rolle="kapitel"] > :is(:hover,:focus-visible)::before{width:.875rem;background:var(--ouk-blue)}}
@media (max-width:767px){&:not(._){margin-block-start:var(--space-lg)}
& [data-rolle="karte"]{padding:var(--space-sm);gap:var(--space-sm)}
& [data-rolle="start"]{inset-inline-end:var(--space-xs);inset-block-end:var(--space-xs);padding-inline:var(--space-sm)}}
@media (max-width:600px){& [data-rolle="kapitel"]{grid-template-columns:minmax(0,1fr)}}\n}.elementor .knopf-listenzeile{&{display:flex;align-items:center;width:100%;min-height:2.75rem;padding:0;margin:0;border:0;border-radius:0;background:none;text-align:start;cursor:pointer}
&:hover,&:focus-visible{text-decoration:underline}
&:focus-visible{outline:2px solid var(--ouk-blue);outline-offset:2px}\n}.elementor .foto-hintergrund-band-mit-glasbox{width:100%;display:grid;align-items:center;/* Rolle foto-hintergrund-band-mit-glasbox (vormals bild-ragt-ueber-abschnittskante; Umbau 16.10.2026 auf Andrejs Wunsch, zuerst Mustergutachten-Band): flaches Band, ein echtes Foto liegt als Hintergrund über die volle Breite und ist oben und unten angeschnitten; die Glasbox mit Text und Knopf steht links, wo das Foto ruhig ist.
   Kinder über data-rolle: bild (e-image, füllt das Band) und text (Container, trägt zusätzlich die Rolle hero-glass-box-compact). Keine Schrift in dieser Rolle.
   Handy bis 880 px: Foto oben als Streifen, die Textkarte ragt ein Stück über den Streifen. */
position: relative;
overflow: hidden;
isolation: isolate;
min-height: 25rem;
/* Rechner ab 1025 px: 30rem (Andrej 26.10.2026, +20 %, alle Mustergutachten-Baender gleich hoch); Tablet und Handy unveraendert. */
@media (min-width: 1025px) { min-height: 30rem; }
padding-block: var(--space-lg);
padding-inline: max(var(--gutter-page), calc((100vw - var(--layout-main)) / 2 + var(--gutter-page)));
& [data-rolle="bild"] { position: absolute; inset: 0; z-index: -1; display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; object-position: 100% 50%; pointer-events: none; }
& [data-rolle="text"] { position: relative; z-index: 1; justify-self: start; min-width: 0; }
@media (max-width: 880px) {
  min-height: 0; padding: 0; display: flex; flex-direction: column;
  & [data-rolle="bild"] { position: static; z-index: auto; order: -1; height: 14rem; object-position: 78% 50%; }
  & [data-rolle="text"] { width: auto; max-width: none; margin: calc(-1 * var(--space-md)) var(--space-sm) var(--space-lg); }
}
/* Knopf in der Glasbox (23.10.2026, Bibel Abstände: letzter Text -> Hauptknopf 40 px = space-lg): Die Glasbox-Rolle hero-glass-box-compact setzt gap space-md, bis 940 px space-sm; der Außenabstand des Knopfs ergänzt jeweils bis space-lg. */
& [data-rolle="text"] > .knopf-hauptaktion-blau { margin-block-start: calc(var(--space-lg) - var(--space-md)); }
@media (max-width: 940px) {
  & [data-rolle="text"] > .knopf-hauptaktion-blau { margin-block-start: calc(var(--space-lg) - var(--space-sm)); }
}\n}