.elementor .symbol-klein-quadratisch{width:24px;height:24px;}.elementor .hintergrund-weiss{background-color:var(--pure-white);}.elementor .hintergrund-ouk-blau{background-color:var(--ouk-blue);}.elementor .ueberschrift-sehr-gross{font-family:var(--font-body);font-weight:400;font-size:var(--type-size-feature);letter-spacing:-0.01em;line-height:1.1;}.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 .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-drei-spalten-gleich-breit{padding:0px;display:grid;gap:var(--space-md);grid-template-columns:repeat(3, minmax(0, 1fr));align-items:start;}.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 .raster-zwei-spalten-schmal-und-breit{padding:0px;display:grid;gap:var(--space-xl);grid-template-columns:minmax(0, 0.8fr) minmax(0, 1.2fr);align-items:start;}.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 .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 .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 .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 .linkzeile-mit-linie-unten{width:100%;position:relative;cursor:pointer;padding-block-start:16px;padding-block-end:16px;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(--limestone);border-style:solid;display:flex;align-items:center;}.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-weiss-auf-dunklem-grund{color:var(--pure-white);}.elementor .aussenabstand-null{margin:0px;}.elementor .bild-fluessige-hoehe-mittel{width:100%;height:clamp(13rem, 19vw, 17rem);object-position:50% 40%;}.elementor .akkordeon-inhalt-luft-unten{padding-block-start:0px;padding-block-end:var(--space-md);padding-inline-start:0px;padding-inline-end:0px;}.elementor .akkordeon-kopf-mit-luft{padding-block-start:var(--space-md);padding-block-end:var(--space-md);padding-inline-start:0px;padding-inline-end:0px;}.elementor .akkordeon-zeile-mit-trennlinie{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;& > summary svg path{transition:opacity .2s ease}
&[open] > summary svg path:first-of-type{opacity:0}
@media (prefers-reduced-motion:reduce){& > summary svg path{transition:none}}
/* per Themenfilter ausgeblendete Zeile */
&[hidden]{display:none !important}
/* Hover und Tastaturfokus (Andrej 21.10.2026, ruhige Fassung): Frage präzisionsblau, Plus/Minus rot, nichts rückt ein */
& > summary :is(h2,h3,h4,p){transition:color .2s ease}
& > summary svg{transition:color .2s ease}
& > summary:hover :is(h2,h3,h4,p),& > summary:focus-visible :is(h2,h3,h4,p){color:var(--precision-blue)}
& > summary:hover svg,& > summary:focus-visible svg{color:var(--signal-red)}
@media (prefers-reduced-motion:reduce){& > summary :is(h2,h3,h4,p),& > summary svg{transition:none}}\n}.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 .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 .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 .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 .schrittlinie-schritt{position:relative;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md) var(--space-lg) 0 0;
/* Punktform einheitlich (Andrej 22.10.2026, #44): heller Ring mit dunkler Linie, ueber der Linie */
&::before{content:"";position:absolute;top:-7px;left:0;z-index:1;box-sizing:border-box;width:12px;height:12px;border-radius:50%;border:var(--measurement-stroke) solid var(--ouk-blue);background:var(--pure-white)}
@media (max-width:1023px){padding:0 0 0 var(--space-md);
&::before{top:4px;left:-7px}}\n}.elementor .schrittlinie{width:100%;display:grid;padding:0;margin:0;grid-template-columns:repeat(4,minmax(0,1fr));border-top:var(--measurement-stroke) solid var(--ouk-blue);
@media (max-width:1023px){grid-template-columns:1fr;row-gap:var(--space-md);border-top:0;border-left:var(--measurement-stroke) solid var(--ouk-blue)}
/* auf dunklem Grund (OuK-Blau): Linie, Punkte und Schrift hell */
&[data-grund="dunkel"]{border-top-color:var(--pure-white)}
@media (max-width:1023px){&[data-grund="dunkel"]{border-left-color:var(--pure-white)}}
&[data-grund="dunkel"] :is(h3,h4,p){color:var(--pure-white)}
&[data-grund="dunkel"] .kleine-zeile-ueber-ueberschrift-rot{color:#afc1cf}
&[data-grund="dunkel"] > *::before{background:var(--ouk-blue);border-color:var(--pure-white)}
/* Handy: Linie waechst beim Scrollen hell zu dunkel mit (nur mit Scroll-Zeitleiste; sonst und bei weniger Bewegung bleibt sie durchgehend dunkel) */
@media (max-width:1023px) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){&{position:relative;border-left-color:color-mix(in srgb,var(--ouk-blue) 22%,transparent)}&[data-grund="dunkel"]{border-left-color:color-mix(in srgb,var(--pure-white) 30%,transparent)}&::after{content:"";position:absolute;inset:0 auto 0 calc(-1 * var(--measurement-stroke));width:var(--measurement-stroke);height:auto;background:var(--ouk-blue);transform-origin:top;animation:ouk-linie-waechst linear both;animation-timeline:view();animation-range:entry 60% cover 70%;pointer-events:none}&[data-grund="dunkel"]::after{background:var(--pure-white)}}}\n}.elementor .logoreihe{width:100%;display:flex;flex-direction:column;gap:var(--space-md);align-items:center;padding:var(--space-md) 0 0;border-top:var(--border-hairline) solid var(--blueprint-mist);text-align:center;
& > div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-md) var(--space-xl);padding:0}
& img{display:block;height:1.75rem;width:auto;max-width:9.5rem}
& img[data-hoch]{height:3.25rem}
@media (max-width:767px){& > div{gap:var(--space-md) var(--space-lg)}
& img{height:1.375rem;max-width:7rem}
& img[data-hoch]{height:2.75rem}}\n}.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 .aufzaehlung-roter-strich{width:100%;display:flex;flex-direction:column;gap:var(--space-xs);padding:0;margin:0;
& > *{position:relative;padding:0 0 0 calc(var(--space-sm) + var(--space-xs))}
& > *::before{content:"";position:absolute;left:0;top:.68em;width:var(--space-sm);height:var(--measurement-stroke);background:var(--signal-red)}
& strong,& b{font-weight:600}\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 .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 .tippflaeche-mindestens-44px{&:is(a,button),& > a{position:relative}
&:is(a,button)::before,& > a::before{content:"";position:absolute;inset-inline:0;inset-block:min(0px, calc((100% - 2.75rem) / 2))}
@media (max-width:767px){&:is(a,button){margin-block:var(--space-xs)}}\n}.elementor .bild-mit-ueberlappender-textkarte{width:100%;max-width:var(--layout-main);padding:0px;margin-block-start:0px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:auto;display:grid;grid-template-columns:minmax(0, 6.5fr) minmax(0, 5.5fr);align-items:center;/* Rolle bild-mit-ueberlappender-textkarte (Designpolizei, 15.10.2026; zuerst Kaufseite 2569): großes Foto links, rechts eine Textkarte, die ein Stück über die Bildkante ins Foto ragt.
   Kinder über data-rolle: bild (das Foto, bild-fuellt-den-rahmen) und karte (Container mit Hintergrundklasse, z. B. hintergrund-warm-papier, und dem Text).
   Das Foto bestimmt die Mindesthöhe (3:2); wächst die Karte, wächst die Zeile und das Foto bleibt gefüllt. Keine Schrift in dieser Rolle. */
position: relative;
--ueberlappung: calc(var(--space-xl) + var(--space-sm));
& [data-rolle="bild"] { grid-column: 1; grid-row: 1; align-self: stretch; display: block; width: 100%; height: 100%; min-height: 0; aspect-ratio: 3 / 2; object-fit: cover; }
& [data-rolle="karte"] { grid-column: 2; grid-row: 1; position: relative; z-index: 2; min-width: 0; width: calc(100% + var(--ueberlappung)); margin-inline-start: calc(-1 * var(--ueberlappung)); margin-block: var(--space-lg); padding: var(--space-lg); border-radius: var(--radius-md); box-shadow: 0 0.5rem 1.5rem -0.5rem color-mix(in srgb, var(--ouk-blue) 30%, transparent); }
/* Tablet hochkant und Handy: Foto oben, Karte darunter und 24 px ins Foto hinein */
@media (max-width: 880px) {
  & [data-rolle="bild"] { align-self: start; height: auto; aspect-ratio: 3 / 2; }
  & [data-rolle="karte"] { grid-column: 1; grid-row: 2; width: auto; margin-inline: var(--space-sm); margin-block-start: calc(-1 * var(--space-md)); margin-block-end: 0; padding: var(--space-md); }
}
\n}