/* ============================================================
   STIL „RUHIG“ · Sabine Lanius · Fassung 2 · 2026-09-28
   Das eine Blatt. Es setzt die Variablen und Grundregeln, die
   Bausteine des Renderers (stil.css, Klasse .slcp) folgen ihnen.
   Farben: Asche warm, Papier, Golden Leaf, Gold dunkel für Text auf hell.
   Schriften: Onepage-Fontkit (wie die Website), Fallback Georgia/Helvetica.
   Marike-Elemente: Kicker mit Goldlinie, Geist-Wort, großes Anführungszeichen,
   Pillen-Knöpfe. Liquid Glass nur auf Asche.
   Hero je Seite: <section class="hero" style="--foto-pos:…;--schleier-a:…;--schleier-b:…">
   mit <img class="hero-foto"> + <div class="hero-schleier">. Hochkant-Fotos: --foto-breite:130% verschiebt das Gesicht nach rechts.
   ============================================================ */

.slcp.ruhig{
  --asche:#35322F;--asche-hell:#413D39;--papier:#F4F1EB;--leinen:#E4DDD2;
  --gold:#D1B280;--gold-text:#8C6D3B;--hell:#F6F2EA;--hell-leise:#CFC6B8;
  /* Variablen des Renderers */
  --grund:#F4F1EB;--flaeche:#FFFFFF;--text:#2B2927;--text-leise:#6B655E;
  --marke:#D1B280;--marke-text:#8C6D3B;--signal:#D1B280;--signal-hover:#DCC194;
  --linie:#E4DDD2;--dunkel:#35322F;--dunkel-hell:#413D39;--dunkel-text:#F6F2EA;
  --dunkel-leise:#CFC6B8;--dunkel-linie:#4B4744;--glas-rand:rgba(255,255,255,.16);
  --display:var(--font-kit-header-font),"Montagu Slab",Georgia,serif;
  --body:var(--font-kit-text-font),"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
  --radius:20px;--radius-gross:28px;--breite:1180px;--abschnitt:128px;
  font-family:var(--body);font-size:19px;line-height:1.65;color:var(--text);background:var(--papier);-webkit-font-smoothing:antialiased;
}
.slcp.ruhig *{box-sizing:border-box}
.slcp.ruhig img{max-width:100%;display:block}
.slcp.ruhig a{color:inherit}

/* Typografie: Serife, Groß- und Kleinschreibung, keine Sperrung */
.slcp.ruhig h1,.slcp.ruhig h2,.slcp.ruhig h3,.slcp.ruhig h4{font-family:var(--display);font-weight:400;letter-spacing:-.01em;text-transform:none;margin:0;color:var(--text)}
.slcp.ruhig h1{font-size:clamp(2.6rem,5vw,4.2rem);line-height:1.05}
.slcp.ruhig h2{font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.12}
.slcp.ruhig h2.lang{font-size:clamp(1.7rem,2.8vw,2.3rem)}
.slcp.ruhig h3{font-size:1.35rem;line-height:1.3}
.slcp.ruhig p{margin:0 0 1.1em;max-width:62ch}
.slcp.ruhig .lead{font-size:1.12rem;color:var(--text-leise)}
.slcp.ruhig .wrap{max-width:var(--breite);margin:0 auto;padding:0 40px}
.slcp.ruhig .wrap.schmal{max-width:820px}
.slcp.ruhig .abschnitt{padding:var(--abschnitt) 0;position:relative}
.slcp.ruhig .kopf{max-width:720px;margin-bottom:56px}
.slcp.ruhig .fakten .zahl,.slcp.ruhig .outcomes li strong,.slcp.ruhig blockquote.zitat,.slcp.ruhig .gross-zitat,.slcp.ruhig .spalte h3,.slcp.ruhig .preis-hinweis,.slcp.ruhig .phase .nummer,.slcp.ruhig .stimme h3{text-transform:none;letter-spacing:0}
.slcp.ruhig blockquote.zitat cite,.slcp.ruhig .zitat-quelle,.slcp.ruhig .folge-datum,.slcp.ruhig .ec-kicker,.slcp.ruhig .beitrag-thema{font-family:var(--body);font-size:.78rem;letter-spacing:.14em}
.slcp.ruhig .fakten .zahl{font-size:clamp(2.2rem,3.6vw,3.2rem);color:var(--gold)}
.slcp.ruhig .phase .nummer{font-size:2rem;color:var(--gold)}
.slcp.ruhig .ziffer{font-family:var(--body);background:transparent;border:1.5px solid var(--gold);color:var(--gold-text);font-size:.78rem;font-weight:700}
.slcp.ruhig .hero .ziffer,.slcp.ruhig .dunkel-glas .ziffer{color:var(--gold)}

/* Kicker: kurzes Label mit goldener Linie */
.slcp.ruhig .label{display:flex;align-items:center;gap:14px;font-family:var(--body);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text);margin:0 0 22px;max-width:none}
.slcp.ruhig .label::before{content:"";width:36px;height:2px;background:var(--gold);flex:0 0 36px;position:static;display:block}
.slcp.ruhig .hero .label,.slcp.ruhig .dunkel-glas .label,.slcp.ruhig .schluss .label{color:var(--gold)}
.slcp.ruhig .hero .label-hell{display:flex;background:transparent;padding:0;color:var(--gold);font-size:.78rem;letter-spacing:.16em}
.slcp.ruhig .hero .label-hell::before{display:block}

/* Knöpfe: Pille, Gold, dunkle Schrift */
.slcp.ruhig .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;background:var(--gold);color:var(--asche);font-family:var(--body);font-weight:700;font-size:1rem;line-height:1.2;padding:18px 32px;border-radius:999px;border:0;text-decoration:none;text-transform:none;letter-spacing:0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 12px 30px rgba(53,50,47,.14)}
.slcp.ruhig .btn:hover{transform:translateY(-2px);background:#DCC194;color:var(--asche);box-shadow:0 16px 36px rgba(53,50,47,.18)}
.slcp.ruhig .btn-klein{padding:12px 22px;font-size:.92rem;box-shadow:none}
.slcp.ruhig .btn-breit{width:100%}
.slcp.ruhig .btn-leise{display:inline-flex;align-items:center;gap:.4em;font-family:var(--body);font-weight:700;font-size:.98rem;color:var(--gold-text);text-decoration:none;border-bottom:1px solid rgba(140,109,59,.35);padding-bottom:2px;text-transform:none;letter-spacing:0}
.slcp.ruhig .hero .btn-leise,.slcp.ruhig .dunkel-glas .btn-leise{color:var(--gold);border-bottom-color:rgba(209,178,128,.4)}
.slcp.ruhig .btn-meta,.slcp.ruhig .hero-cta-meta{display:block;font-size:.88rem;color:var(--text-leise);margin-top:10px}
.slcp.ruhig .hero .btn-meta,.slcp.ruhig .hero .hero-cta-meta{color:var(--hell-leise)}
.slcp.ruhig .hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin:30px 0 0}

/* Navigation */
.slcp.ruhig .nav,.slcp.ruhig .nav-website{position:sticky;top:0;z-index:50;background:rgba(244,241,235,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--leinen)}
.slcp.ruhig .nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 40px}
.slcp.ruhig .nav-logo img{height:44px;width:auto}
.slcp.ruhig .nav-menue{display:flex;gap:32px;align-items:center;font-size:.9rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.slcp.ruhig .nav-menue>a,.slcp.ruhig .nav-punkt>a{font-family:var(--body);text-decoration:none;color:var(--text);opacity:.85;letter-spacing:.04em}
.slcp.ruhig .nav-menue>a:hover,.slcp.ruhig .nav-punkt>a:hover{opacity:1;color:var(--text)}
.slcp.ruhig .nav-website .btn{background:var(--gold);color:var(--asche);border-radius:999px}
.slcp.ruhig .nav-website .btn:hover{background:#DCC194}
.slcp.ruhig .nav-punkt{position:relative}
.slcp.ruhig .nav-pfeil{display:inline-block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:8px;vertical-align:3px}
.slcp.ruhig .nav-klappe{position:absolute;top:100%;left:-24px;padding-top:18px;display:none}
.slcp.ruhig .nav-punkt:hover .nav-klappe,.slcp.ruhig .nav-punkt:focus-within .nav-klappe{display:block}
.slcp.ruhig .nav-klappe-innen{background:var(--flaeche);border:1px solid var(--leinen);border-radius:16px;box-shadow:0 30px 60px rgba(53,50,47,.16);padding:14px;min-width:360px;display:grid;gap:4px}
.slcp.ruhig .nav-unter{display:block;text-decoration:none;padding:12px 14px;border-radius:10px;text-transform:none;letter-spacing:0;font-weight:400}
.slcp.ruhig .nav-unter:hover{background:var(--papier)}
.slcp.ruhig .nav-unter-titel{display:block;font-family:var(--display);font-size:1.05rem;color:var(--text)}
.slcp.ruhig .nav-unter-text{display:block;font-size:.86rem;color:var(--text-leise);margin-top:2px}

/* Hero auf Asche: Foto über die Breite, Schleier von links, Text links */
.slcp.ruhig .hero{--foto-pos:78% 12%;--schleier-a:38%;--schleier-b:62%;position:relative;background:linear-gradient(135deg,var(--asche) 0%,var(--asche-hell) 100%);color:var(--hell);isolation:isolate;overflow:hidden}
.slcp.ruhig .hero::before,.slcp.ruhig .hero::after{content:"";position:absolute;border-radius:50%;filter:blur(90px);opacity:.38;z-index:-1;pointer-events:none;animation:none}
.slcp.ruhig .hero::before{width:640px;height:640px;left:-220px;top:-260px;background:radial-gradient(circle,var(--gold),transparent 62%)}
.slcp.ruhig .hero::after{width:760px;height:760px;right:-300px;bottom:-340px;background:radial-gradient(circle,#8C6D3B,transparent 62%)}
.slcp.ruhig .hero-foto{position:absolute;inset:0;left:var(--foto-links,0);right:auto;width:var(--foto-breite,100%);max-width:none;height:100%;object-fit:cover;object-position:var(--foto-pos);z-index:-2;-webkit-mask-image:none;mask-image:none;border-radius:0;box-shadow:none}
.slcp.ruhig .hero-schleier{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(53,50,47,.94) 0%,rgba(53,50,47,.86) var(--schleier-a),rgba(53,50,47,.35) var(--schleier-b),rgba(53,50,47,.1) 100%)}
.slcp.ruhig .geist{position:absolute;left:40px;top:18px;margin:0;font-family:var(--display);font-size:clamp(5rem,13vw,12rem);line-height:1;color:var(--gold);opacity:.045;letter-spacing:-.02em;text-transform:uppercase;pointer-events:none;user-select:none;z-index:0}
.slcp.ruhig .hero-raster{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:end;min-height:100vh;max-width:var(--breite);margin:0 auto;padding:120px 40px 64px}
.slcp.ruhig .hero-text{grid-column:auto;grid-row:auto;max-width:640px;align-self:center;padding:0 0 32px;container-type:normal}
.slcp.ruhig .hero-cover{grid-column:auto;grid-row:auto;position:relative;max-width:440px;justify-self:end;margin:0}
.slcp.ruhig .hero.mit-karte .hero-text{padding-right:0}
.slcp.ruhig .hero-karte{display:none}
.slcp.ruhig .hero h1{color:var(--hell)}
.slcp.ruhig .hero h1 em{font-style:italic;color:var(--gold)}
.slcp.ruhig .hero .punkt{display:inline;color:var(--gold)}
.slcp.ruhig .h1-zwei{display:block;font-family:var(--display);font-weight:400;font-size:clamp(1.35rem,2.1vw,1.8rem);line-height:1.3;color:var(--hell-leise);margin-top:26px;max-width:30em;text-transform:none;letter-spacing:0}
.slcp.ruhig .hero-sub{font-size:1.1rem;color:var(--hell);opacity:.92;margin-top:26px}
.slcp.ruhig .hero-meta{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:14px}
.slcp.ruhig .hero-meta li{display:flex;gap:16px;align-items:flex-start;color:var(--hell-leise);line-height:1.5}
.slcp.ruhig .hero .ziffer{flex:0 0 34px;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--gold);color:var(--gold);background:transparent;display:inline-flex;align-items:center;justify-content:center}
.slcp.ruhig .trust{display:flex;gap:14px;align-items:flex-start;margin:36px 0 0;padding:18px 22px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-size:.95rem;line-height:1.5;color:var(--hell-leise);max-width:none}
.slcp.ruhig .haken{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--gold);position:relative;margin-top:2px}
.slcp.ruhig .haken::after{content:"";position:absolute;left:7px;top:4px;width:5px;height:10px;border-right:2px solid var(--asche);border-bottom:2px solid var(--asche);transform:rotate(45deg)}
/* Hero-Variante kompakt: Bild als Karte rechts (Danke-Seiten) */
.slcp.ruhig .hero-raster.hero-kompakt{align-items:center;min-height:0;padding:104px 40px 96px}
.slcp.ruhig .hero-kompakt .hero-cover{max-width:460px;align-self:center;margin:0}
.slcp.ruhig .hero-kompakt .hero-cover img{width:100%;height:auto;border-radius:var(--radius-gross);box-shadow:0 40px 90px rgba(0,0,0,.4);-webkit-mask-image:none;mask-image:none}
.slcp.ruhig .hero-etikett,.slcp.ruhig .hero-notiz{display:none}

/* Formular als Glaskarte im Hero */
.slcp.ruhig #wv-form-wrapper{background:rgba(53,50,47,.55);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:36px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 40px 90px rgba(0,0,0,.35)}
.slcp.ruhig .formular-kopf{display:flex;gap:18px;align-items:center;margin:0 0 26px}
.slcp.ruhig .formular-kopf img{width:64px;flex:0 0 64px;border-radius:6px;transform:rotate(-3deg);box-shadow:0 14px 30px rgba(0,0,0,.45)}
.slcp.ruhig .formular-kopf h2{font-size:1.3rem;line-height:1.25;color:var(--hell)}
.slcp.ruhig .formular-kopf p{margin:6px 0 0;font-size:.9rem;color:var(--hell-leise)}
.slcp.ruhig .feld{margin-bottom:16px}
.slcp.ruhig .feld-paar{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.slcp.ruhig #wv-form label{display:block;font-family:var(--body);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hell-leise);margin-bottom:8px}
.slcp.ruhig #wv-form input[type=text],.slcp.ruhig #wv-form input[type=email],.slcp.ruhig #wv-form select{width:100%;font:inherit;font-size:1rem;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.94);color:var(--text);outline:none}
.slcp.ruhig #wv-form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(209,178,128,.35)}
.slcp.ruhig #qhdn{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.slcp.ruhig #wv-form .feld-check label{display:flex;gap:12px;align-items:flex-start;text-transform:none;letter-spacing:0;font-weight:400;font-size:.86rem;line-height:1.5;color:var(--hell-leise);cursor:pointer}
.slcp.ruhig .feld-check input{margin-top:4px;accent-color:var(--gold);width:16px;height:16px;flex:0 0 16px}
.slcp.ruhig .feld-check a{color:var(--gold)}
.slcp.ruhig #wv-submit{margin-top:6px}
.slcp.ruhig .hinweis{margin:16px 0 0;font-size:.86rem;color:var(--text-leise);max-width:none}
.slcp.ruhig .hero .hinweis,.slcp.ruhig .anmeldung .hinweis{color:var(--hell-leise);text-align:center}
/* Anmelde-Abschnitt (wenn nicht im Hero): dunkel, Karte aus Glas */
.slcp.ruhig section.anmeldung{background:linear-gradient(135deg,var(--asche) 0%,var(--asche-hell) 100%)!important;color:var(--hell);position:relative;isolation:isolate;overflow:hidden}
.slcp.ruhig section.anmeldung h2,.slcp.ruhig section.anmeldung .lead,.slcp.ruhig section.anmeldung p,.slcp.ruhig section.anmeldung li{color:var(--hell)}
.slcp.ruhig section.anmeldung .lead{color:var(--hell-leise)}
.slcp.ruhig section.anmeldung .label{color:var(--gold)}

/* Kundenstimme mit großem Anführungszeichen */
.slcp.ruhig .stimmen{list-style:none;padding:0;margin:0;display:grid;gap:48px;grid-template-columns:repeat(3,minmax(0,1fr))}
.slcp.ruhig .stimmen.eine{grid-template-columns:minmax(0,760px)}
.slcp.ruhig .stimme{position:relative;padding:96px 0 0;margin-top:0!important}
.slcp.ruhig .stimme::before{content:"\201E";position:absolute;left:-.06em;top:-.1em;font-family:var(--display);font-size:9rem;font-weight:400;line-height:1;color:var(--gold);opacity:.9}
.slcp.ruhig .stimme figure{margin:0}
.slcp.ruhig .stimme h3{margin-bottom:16px}
.slcp.ruhig .stimme blockquote{margin:0;padding:0;font-family:var(--display);font-size:clamp(1.25rem,1.9vw,1.55rem);line-height:1.4;color:var(--text);text-transform:none;letter-spacing:0}
.slcp.ruhig .stimme figcaption{display:flex;align-items:center;gap:16px;margin-top:28px;font-size:.92rem;color:var(--text-leise);line-height:1.4}
.slcp.ruhig .stimme figcaption::before{display:none}
.slcp.ruhig .stimme figcaption b{display:block;font-family:var(--body);font-weight:700;color:var(--text)}
.slcp.ruhig .stimme-foto{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:0 0 64px}

/* Über Sabine: Foto + ruhiges Panel */
.slcp.ruhig .host{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.slcp.ruhig .portraet{margin:0}
.slcp.ruhig .portraet img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-gross);aspect-ratio:4/5}
.slcp.ruhig .host-panel{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:var(--text)!important}
.slcp.ruhig .host-panel h2{margin-bottom:10px;color:var(--text)!important}
.slcp.ruhig .host-panel p{color:var(--text)!important;font-size:1.05rem}
.slcp.ruhig .host-panel .rolle{font-family:var(--body);font-size:1rem;color:var(--gold-text)!important;margin-bottom:26px}
.slcp.ruhig .host-panel .label{color:var(--gold-text)!important}

/* Vertraulich-Liste, Punkte */
.slcp.ruhig .vertraulich ul{list-style:none;padding:0;margin:0;display:grid;gap:22px}
.slcp.ruhig .vertraulich li{position:relative;padding-left:40px;font-size:1.05rem;line-height:1.6;border-top:1px solid var(--leinen);padding-top:22px}
.slcp.ruhig .vertraulich li:first-child{border-top:0;padding-top:0}
.slcp.ruhig .vertraulich li::before{content:"";position:absolute;left:0;top:.55em;width:14px;height:14px;border-radius:50%;background:var(--gold)}
.slcp.ruhig .vertraulich li:not(:first-child)::before{top:calc(22px + .55em)}

/* Glas auf Asche: Faktenband, Zitat-Insel, Schluss */
.slcp.ruhig .dunkel-glas,.slcp.ruhig .fakten{position:relative;background:linear-gradient(135deg,var(--asche) 0%,var(--asche-hell) 100%);color:var(--hell);isolation:isolate;overflow:hidden}
.slcp.ruhig .glas{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:var(--radius-gross);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 40px 90px rgba(0,0,0,.3)}
.slcp.ruhig .glas h2,.slcp.ruhig .glas h3,.slcp.ruhig .glas p,.slcp.ruhig .glas li,.slcp.ruhig .glas .text,.slcp.ruhig .glas blockquote,.slcp.ruhig .glas cite{color:var(--hell)!important}
.slcp.ruhig .glas .lead,.slcp.ruhig .glas cite{color:var(--hell-leise)!important}
.slcp.ruhig .glas .h1-zwei,.slcp.ruhig .glas .zahl,.slcp.ruhig .glas .label{color:var(--gold)!important}
.slcp.ruhig .zitat-insel{background:linear-gradient(135deg,var(--asche) 0%,var(--asche-hell) 100%);border-radius:var(--radius-gross)}
.slcp.ruhig .schluss{position:relative;background:linear-gradient(135deg,var(--asche) 0%,var(--asche-hell) 100%);color:var(--hell);isolation:isolate;overflow:hidden;padding:var(--abschnitt) 40px}
.slcp.ruhig .schluss::before,.slcp.ruhig .schluss::after{content:"";position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;z-index:-1;pointer-events:none}
.slcp.ruhig .schluss::before{width:600px;height:600px;left:-200px;bottom:-300px;background:radial-gradient(circle,var(--gold),transparent 62%)}
.slcp.ruhig .schluss::after{width:700px;height:700px;right:-260px;top:-320px;background:radial-gradient(circle,#8C6D3B,transparent 62%)}
.slcp.ruhig .schluss-raster{max-width:880px;margin:0 auto}
.slcp.ruhig .schluss .glas{padding:64px 56px;text-align:center}
.slcp.ruhig .schluss h2{color:var(--hell)}
.slcp.ruhig .schluss .h1-zwei{color:var(--gold);margin:18px auto 0}
.slcp.ruhig .schluss .lead{margin:22px auto 32px;color:var(--hell-leise);font-size:1.05rem;max-width:none}
.slcp.ruhig .schluss-cta{margin:0}

/* Brief, FAQ, Karten, Etappen-Check: nur Farb- und Schriftkorrekturen, Layout vom Renderer */
.slcp.ruhig .brief .signatur{font-family:var(--display);font-size:1.6rem;color:var(--gold-text)}
.slcp.ruhig details summary{font-family:var(--display);font-size:1.15rem;text-transform:none;letter-spacing:0}
.slcp.ruhig .karte{background:var(--flaeche);border:1px solid var(--leinen);border-radius:var(--radius);box-shadow:none}
.slcp.ruhig .ziffer.gross{width:44px;height:44px;font-size:.9rem}
.slcp.ruhig .etappen-check .ec-ergebnis{background:linear-gradient(135deg,var(--asche) 0%,var(--asche-hell) 100%)}
.slcp.ruhig .kanal-karte,.slcp.ruhig .partner-folge,.slcp.ruhig .beitrag,.slcp.ruhig .kontakt-karte{border-radius:var(--radius)}

/* Fußzeile hell */
.slcp.ruhig .fuss{background:var(--papier);border-top:1px solid var(--leinen);padding:40px 0;font-size:.86rem;color:var(--text-leise)}
.slcp.ruhig .fuss p{max-width:none;margin:0 0 8px}
.slcp.ruhig .fuss a{color:var(--text-leise);text-decoration:none;border-bottom:0}
.slcp.ruhig .fuss a:hover{color:var(--text)}

/* Handy */
@media (max-width:960px){
  .slcp.ruhig h1{font-size:clamp(2rem,9.5vw,2.6rem);overflow-wrap:anywhere;hyphens:auto}
  .slcp.ruhig{--abschnitt:88px;font-size:17px}
  .slcp.ruhig .wrap,.slcp.ruhig .nav-inner{padding-left:22px;padding-right:22px}
  .slcp.ruhig .nav-menue{display:none}
  .slcp.ruhig .nav-logo img{height:36px}
  .slcp.ruhig .hero-raster{grid-template-columns:1fr;gap:40px;padding:0 22px 56px;min-height:0}
  .slcp.ruhig .hero-foto{position:relative;inset:auto;left:auto;width:100%;height:auto;aspect-ratio:4/3.4;object-position:70% 15%;z-index:0;-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 100%);mask-image:linear-gradient(to bottom,#000 72%,transparent 100%)}
  .slcp.ruhig .hero-schleier{display:none}
  .slcp.ruhig .hero-text{padding-top:0;margin-top:-24px;position:relative}
  .slcp.ruhig .hero-cover{max-width:none;justify-self:stretch}
  .slcp.ruhig .hero-raster.hero-kompakt{padding:56px 22px 56px}
  .slcp.ruhig .hero-kompakt .hero-text{margin-top:0}
  .slcp.ruhig .geist{left:12px;top:8px}
  .slcp.ruhig #wv-form-wrapper{padding:26px 22px}
  .slcp.ruhig .feld-paar{grid-template-columns:1fr}
  .slcp.ruhig .stimmen{grid-template-columns:1fr}
  .slcp.ruhig .stimme::before{font-size:6.5rem}
  .slcp.ruhig .host{grid-template-columns:1fr;gap:32px}
  .slcp.ruhig .portraet img{aspect-ratio:4/4.6}
  .slcp.ruhig .schluss .glas{padding:40px 24px}
  .slcp.ruhig .schluss{padding:88px 22px}
  .slcp.ruhig .btn{padding:16px 24px}
}

/* Vorrang vor Renderer-Blatt (grund-hell) und Site-CSS: Hero-Texte bleiben hell auf Asche */
.slcp.ruhig.grund-hell .hero .hero-sub,.slcp.ruhig .hero .hero-sub{color:var(--hell)!important}
.slcp.ruhig.grund-hell .hero .label-hell,.slcp.ruhig .hero .label-hell{color:var(--gold)!important}
.slcp.ruhig .hero .trust{color:var(--hell)!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.16)!important;box-shadow:none}
.slcp.ruhig .hero .hero-ctas,.slcp.ruhig .hero .hero-text{color:var(--hell)}

/* Variante foto-oben: bei sehr langen Heros füllt das Foto nur den ersten Bildschirm und läuft nach unten in die Asche aus */
.slcp.ruhig .hero.foto-oben .hero-foto{height:100vh;bottom:auto;-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent 100%);mask-image:linear-gradient(to bottom,#000 62%,transparent 100%)}
@media (max-width:960px){.slcp.ruhig .hero.foto-oben .hero-foto{height:auto;-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 100%);mask-image:linear-gradient(to bottom,#000 72%,transparent 100%)}}

/* Menü-Klappe: Brücke über die Lücke zwischen Titel und Liste, plus JS-Klasse .offen (Schließverzögerung, Tippen am Tablet) */
.slcp .nav-punkt{position:relative}
.slcp .nav-punkt::after{content:"";position:absolute;left:-32px;right:-32px;top:100%;height:28px}
.slcp .nav-punkt.offen .nav-klappe,.slcp .nav-punkt:hover .nav-klappe{display:block}

/* Lesbarkeit über Foto (Sabine 28.09.): Zitat-Kästchen deckend dunkel, Hero-Texte mit Schatten, Listenpunkte voll hell */
.slcp.ruhig .hero .trust{background:rgba(43,41,39,.84)!important;border-color:rgba(255,255,255,.14)!important;color:#F4F1EB!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.slcp.ruhig .hero-meta li{color:#F4F1EB}
.slcp.ruhig .hero-text h1,.slcp.ruhig .hero-text p,.slcp.ruhig .hero-text li{text-shadow:0 1px 3px rgba(0,0,0,.45)}
.slcp.ruhig .hero .h1-zwei{text-shadow:0 1px 3px rgba(0,0,0,.55)}
.slcp.ruhig .hero .trust *,.slcp.ruhig .hero .trust span{color:#F4F1EB!important}