.elementor .symbol-klein-quadratisch{width:24px;height:24px;}.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 .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-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 .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 .inhaltsspalte-mittlerer-zwischenraum{width:100%;min-width:0px;padding:0px;display:flex;flex-direction:column;gap:var(--space-md);}.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 .ueberschrift-betont-halbfett{max-width:23ch;font-family:var(--font-body);font-weight:600;font-size:var(--type-size-h2);letter-spacing:0em;line-height:1.25;margin: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 .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 .aussenabstand-null{margin:0px;}.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 .kopfzeile-ortsangabe{@media (max-width:360px){display:none}\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 .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 .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 .zitat-zentriert{width:100%;display:flex;flex-direction:column;gap:var(--space-md);align-items:center;padding:0;text-align:center;
& > p{max-width:46rem}\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 .zahlenreihe{width:100%;display:grid;padding:0;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);text-align:center;
& > *{display:flex;flex-direction:column;gap:var(--space-xs);padding:0 var(--space-md);border-right:var(--border-hairline) solid var(--blueprint-mist)}
& > :last-child{border-right:0}
& p{white-space:nowrap}
& p + p{white-space:normal}
@media (min-width:768px) and (max-width:1024px){&:has(> :nth-child(4)) > *{padding:0 var(--space-sm)}}
@media (max-width:767px){grid-auto-flow:row;grid-template-columns:1fr;row-gap:var(--space-md);
& > *{border-right:0;padding:0 0 var(--space-md);border-bottom:var(--border-hairline) solid var(--blueprint-mist)}
& > :last-child{border-bottom:0;padding-bottom:0}}\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 .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}