/* ==========================================================================
   LICHTUNG - Designtest fuer Start7 (Seite 229)

   Konzept
   -------
   Kein zweites Lichtdrachen-Blatt: Start7 setzt eine eigene Idee gegen die
   bisherigen Varianten.

   1. Ein Pfad. Eine haarfeine Linie laeuft senkrecht durch die ganze Seite,
      am linken Satzspiegelrand. An jedem Abschnitt sitzt ein Punkt darauf -
      Stationen auf einem Weg. Das ersetzt die Zierkreise des Entwurfs.
   2. Organische Formen. Die Bilder stehen nicht mehr im Rundbogen oder im
      Kreis, sondern in weichen, asymmetrischen Umrissen wie Blaetter.
   3. Ruhe statt Karten. Keine Glaskacheln, keine Schlagschatten: Flaechen,
      feine Linien, viel Weissraum. Die Angebote sind eine nummerierte
      Liste, keine Kachelwand.
   4. Gedaempfte Typografie. Der Entwurf geht bis 7 rem; hier bleiben die
      Ueberschriften deutlich kleiner, damit der Weissraum traegt.

   Farbe: Salbei und Moos auf einem Grundton, der ins Gruene zieht. Als
   sparsamer Gegenpol ein Lehmton fuer die Punkte, damit das Gruen nicht
   monoton wird. Kein Gold - das tragen Start2 bis Start6.

   Der Drache erscheint genau einmal: gross, gruen getont und sehr blass als
   Wasserzeichen hinter dem Zitat. Er ist Bildwelt, nicht Hintergrundtapete.

   Technik: wird nur auf Seite 229 geladen (novamira-sandbox/
   lumentra-start7.php). Alle Regeln haengen an body.page-id-229 und
   gewinnen so ohne !important gegen den gelieferten Entwurf.
   ========================================================================== */


/* ---------- 1. Farbwerte --------------------------------------------------- */

body.page-id-229{
  --lichtung:#f6f7f2;
  --papier:#ffffff;
  --salbei-hell:#e8f3e4;
  --salbei:#cfe6c8;
  --moos:#2f8049;   /* weisse Schrift darauf: 4,9:1 */
  --tanne:#1d4029;
  --halm:#3f5c49;   /* 7,4:1 auf Weiss, 6,5:1 auf Salbei */
  --lehm:#8a5a36;

  --linie:rgba(29,64,41,.15);
  --linie-fein:rgba(29,64,41,.09);

  /* Variablen des gelieferten Entwurfs umbelegen. */
  --ivory:#f6f7f2;
  --paper:#ffffff;
  --cream:#e9efe4;
  --mist:#d4e0cc;
  --sage:#9ecb96;
  --sage-soft:#e8f3e4;
  --lavender:#c3ddba;
  --rose:#e6ded2;
  --plum:#1d4029;
  --plum-deep:#14301e;
  --gold:#8a5a36;
  --gold-soft:#d9c6b0;
  --ink:#264734;
  --muted:#3f5c49;
  --line:rgba(29,64,41,.15);
  --shadow:none;
  --shadow-soft:none;

  background:#ffffff;
  color:var(--halm);
}


/* ---------- 2. Der Pfad ------------------------------------------------------

   Die Linie sitzt links neben dem Satzspiegel. Divi setzt die Zeile auf
   width:min(80%,1080px), der linke Rand ist also max(10%,(100% - 1080px)/2) -
   der Pfad steht 30 px weiter aussen. Jede Sektion zieht ihn ueber ihre volle
   Hoehe, dadurch wirkt er durchgehend, ohne ein eigenes Element zu brauchen.
   Auf schmalen Schirmen entfaellt er, dort gibt es keinen Rand fuer ihn.
   -------------------------------------------------------------------------- */

@media(min-width:1000px){
  body.page-id-229 .hero,
  body.page-id-229 .soul-intro,
  body.page-id-229 .recognition-visual,
  body.page-id-229 .dark-section,
  body.page-id-229 .cta-section{position:relative}

  body.page-id-229 .hero::before,
  body.page-id-229 .soul-intro::before,
  body.page-id-229 .recognition-visual::before,
  body.page-id-229 .dark-section::before,
  body.page-id-229 .cta-section::before{
    content:"";
    position:absolute;
    left:calc(max(10%,(100% - 1080px)/2) - 30px);
    top:0;
    bottom:0;
    width:1px;
    background:var(--linie);
    display:block;
  }

  /* Die Station: ein Punkt auf dem Pfad, auf Hoehe der Ueberschrift. */
  body.page-id-229 .hero::after,
  body.page-id-229 .soul-intro::after,
  body.page-id-229 .recognition-visual::after,
  body.page-id-229 .dark-section::after,
  body.page-id-229 .cta-section::after{
    content:"";
    position:absolute;
    left:calc(max(10%,(100% - 1080px)/2) - 34px);
    top:112px;
    width:9px;
    height:9px;
    border-radius:50%;
    background:#ffffff;
    border:1px solid var(--lehm);
    display:block;
  }
  body.page-id-229 .hero::after{top:150px}
}


/* ---------- 3. Kopf- und Fusszeile ------------------------------------------ */

body.page-id-229 .site-header{
  background:rgba(246,247,242,.90);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--linie-fein);
  color:var(--tanne);
}
body.page-id-229 .brand strong{color:var(--tanne);letter-spacing:.01em}
body.page-id-229 .brand span{color:var(--halm)}
body.page-id-229 .nav-links a{color:var(--tanne)}
body.page-id-229 .nav-links a:not(.nav-contact)::after{background:var(--moos)}
body.page-id-229 .nav-contact{
  border-color:rgba(31,51,38,.26);
  background:transparent;
  color:var(--tanne);
}
body.page-id-229 .nav-contact:hover{
  background:var(--moos);
  border-color:var(--moos);
  color:#fff;
}
body.page-id-229 .menu-button{
  border-color:var(--linie);
  background:transparent;
}
body.page-id-229 .menu-button span,
body.page-id-229 .menu-button span::before,
body.page-id-229 .menu-button span::after{background:var(--tanne)}

body.page-id-229 .site-footer{
  background:var(--tanne);
  border-top:0;
  color:rgba(233,239,228,.76);
}
body.page-id-229 .site-footer a{color:#fff}
body.page-id-229 .footer-note{color:rgba(233,239,228,.50)}


/* ---------- 4. Schrift ------------------------------------------------------

   Der Entwurf laesst die Ueberschrift bis 7.2 rem wachsen. Auf einer Seite,
   die vom Weissraum lebt, wirkt das laut - hier bleibt sie bei gut 4 rem und
   bekommt dafuer mehr Luft um sich herum.
   -------------------------------------------------------------------------- */

body.page-id-229 h1{font-size:clamp(2.6rem,4.4vw,4.15rem);line-height:1.08;letter-spacing:-.022em}
body.page-id-229 h2{font-size:clamp(2rem,3.1vw,2.95rem);line-height:1.12;letter-spacing:-.02em}
body.page-id-229 h3{font-size:clamp(1.25rem,1.7vw,1.55rem);letter-spacing:-.01em}
body.page-id-229 h1,
body.page-id-229 h2,
body.page-id-229 h3{color:var(--tanne)}
body.page-id-229 p{color:var(--halm)}
body.page-id-229 .lead{color:var(--halm);font-size:1.06rem;max-width:52ch}

/* Das Label steht ohne Strich, dafuer gesperrt und in Moos. */
body.page-id-229 .eyebrow{
  color:var(--moos);
  font-size:.67rem;
  letter-spacing:.26em;
  gap:0;
}
body.page-id-229 .eyebrow::before{display:none}

/* Die Raute des Entwurfs wird zum Lehmpunkt - dieselbe Marke wie am Pfad. */
body.page-id-229 .marke{
  width:7px;
  height:7px;
  transform:none;
  border-radius:50%;
  border:1px solid var(--lehm);
  background:transparent;
  box-shadow:none;
}


/* ---------- 5. Schaltflaechen ------------------------------------------------ */

body.page-id-229 .btn{
  min-height:50px;
  padding:0 26px;
  border-radius:4px;          /* eckig statt Pille: eigener Ton gegen Start4/5 */
  font-weight:600;
  font-size:.88rem;
  letter-spacing:.01em;
}
body.page-id-229 .btn-primary,
body.page-id-229 .et_pb_button.btn-primary,
body.page-id-229 .et_pb_bg_layout_light.et_pb_button.btn-primary,
body.page-id-229 .cta-box .et_pb_bg_layout_light.et_pb_button.btn-primary{
  background:var(--moos);
  border-color:var(--moos);
  color:#fff;
  border-radius:4px;
}
body.page-id-229 .btn-primary:hover,
body.page-id-229 .et_pb_button.btn-primary:hover,
body.page-id-229 .et_pb_bg_layout_light.et_pb_button.btn-primary:hover,
body.page-id-229 .cta-box .et_pb_bg_layout_light.et_pb_button.btn-primary:hover{
  background:#1d4029;
  border-color:#1d4029;
  color:#fff;
  transform:none;
  box-shadow:none;
}
body.page-id-229 .btn-secondary,
body.page-id-229 .et_pb_button.btn-secondary,
body.page-id-229 .et_pb_bg_layout_light.et_pb_button.btn-secondary{
  background:transparent;
  border-color:rgba(31,51,38,.28);
  color:var(--tanne);
  border-radius:4px;
}
body.page-id-229 .et_pb_button.btn-secondary:hover,
body.page-id-229 .et_pb_bg_layout_light.et_pb_button.btn-secondary:hover{
  background:var(--salbei-hell);
  border-color:var(--tanne);
  color:var(--tanne);
}


/* ---------- 6. Auftakt -------------------------------------------------------

   Ohne Zierkreise, ohne Verlaufsbuehne: eine ruhige Flaeche, auf der nur der
   Pfad und das Blattbild stehen.
   -------------------------------------------------------------------------- */

body.page-id-229 .hero{
  background:var(--lichtung);
  padding:132px 0;
  overflow:visible;
}
body.page-id-229 .hero-grid{
  grid-template-columns:1.04fr .96fr;
  gap:76px;
  align-items:center;
}
body.page-id-229 .hero-copy{padding:0}
body.page-id-229 .hero-copy h1{margin:18px 0 26px;max-width:16ch}
body.page-id-229 .hero-copy .lead{margin:0 0 30px}

/* Die drei Haltungsworte stehen als schlichte Zeile mit Trennstrichen. */
body.page-id-229 .hero-meta{
  margin:0 0 34px;
  gap:0 22px;
  color:var(--halm);
  font-size:.9rem;
  font-weight:400;
}
body.page-id-229 .hero-meta span{gap:12px}
body.page-id-229 .hero-meta i{
  width:14px;
  height:1px;
  transform:none;
  border:0;
  border-radius:0;
  background:var(--lehm);
}
body.page-id-229 .hero-meta br{display:none}

body.page-id-229 .hero-visual{min-height:0;position:relative}
body.page-id-229 .hero-orbit{display:none}

/* Blattform statt Rundbogen. Die vier Radien sind bewusst ungleich. */
body.page-id-229 .hero-arch{
  position:relative;
  inset:auto;
  width:100%;
  aspect-ratio:4/5;
  border-radius:56% 44% 52% 48% / 42% 46% 54% 58%;
  border:0;
  background:var(--salbei-hell);
  box-shadow:none;
  overflow:hidden;
}
body.page-id-229 .hero-arch img{object-position:74% 28%}
body.page-id-229 .hero-arch::after{display:none}

/* Die Notiz steht unter dem Bild im Fluss, nicht mehr als schwebende Karte. */
body.page-id-229 .hero-note{
  position:static;
  width:auto;
  margin:26px 0 0;
  padding:0 0 0 20px;
  background:none;
  backdrop-filter:none;
  border:0;
  border-left:1px solid var(--linie);
  border-radius:0;
  box-shadow:none;
}
body.page-id-229 .hero-note strong{
  font-family:var(--sans);
  font-size:.98rem;
  font-weight:500;
  line-height:1.5;
  color:var(--tanne);
}
body.page-id-229 .hero-note small{color:var(--halm);margin-top:7px}


/* ---------- 7. Die Reise ----------------------------------------------------- */

body.page-id-229 .soul-intro{
  padding:132px 0;
  background:var(--salbei-hell);
  overflow:visible;
}
body.page-id-229 .soul-intro-grid{
  grid-template-columns:.92fr 1.08fr;
  gap:80px;
  align-items:center;
}
body.page-id-229 .ritual-photo{min-height:0;position:relative}
body.page-id-229 .ritual-photo::after{display:none}
body.page-id-229 .ritual-photo-main{
  position:relative;
  inset:auto;
  width:100%;
  aspect-ratio:5/6;
  border-radius:46% 54% 58% 42% / 54% 48% 52% 46%;
  border:0;
  overflow:hidden;
  box-shadow:none;
  background:#fff;
}
body.page-id-229 .ritual-photo-main .et_pb_image_wrap{display:block;width:100%;height:100%}
body.page-id-229 .ritual-photo-main img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.8;     /* derselbe Weissschleier von 20 Prozent wie auf Start5 */
}
body.page-id-229 .soul-copy h2{margin:16px 0 24px;max-width:18ch}
body.page-id-229 .ritual-caption{
  margin-top:30px;
  padding-top:24px;
  border-top:1px solid var(--linie);
  font-family:var(--sans);
  font-size:1rem;
  font-weight:500;
  color:var(--moos);
}


/* ---------- 8. Wiedererkennen ------------------------------------------------

   Der Entwurf stellt hier zwei Spalten nebeneinander. Auf der Lichtung wird
   daraus eine ruhige Liste unter einer linksbuendigen Einleitung.
   -------------------------------------------------------------------------- */

body.page-id-229 .recognition-visual{
  padding:132px 0;
  background:var(--lichtung);
  overflow:visible;
}
body.page-id-229 .recognition-visual::after{
  /* Der Zierkreis des Entwurfs entfaellt; ::after traegt hier die Station. */
  border:0;
  box-shadow:none;
}
body.page-id-229 .signs-grid{
  grid-template-columns:1fr;
  gap:52px;
}
body.page-id-229 .sticky-intro{position:static;padding:0}
body.page-id-229 .sticky-intro h2{margin:16px 0 14px;max-width:20ch}
body.page-id-229 .sticky-intro p{color:var(--halm);max-width:56ch}

body.page-id-229 .sign-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:0 64px;
}
body.page-id-229 .sign-item{
  align-items:flex-start;
  gap:16px;
  padding:20px 0;
  border-bottom:1px solid var(--linie-fein);
  background:none;
  border-radius:0;
}
body.page-id-229 .sign-item p{font-size:.97rem;color:var(--halm)}
body.page-id-229 .sign-item .marke{margin:8px 0 0}


/* ---------- 9. Begleitung: eine nummerierte Liste ----------------------------

   Der Entwurf legt hier vier Kacheln nebeneinander, Start4 machte Pastell-
   karten daraus. Hier ist es eine Liste: grosse Ziffer, Titel, Text, alles
   auf einer Linie ausgerichtet.
   -------------------------------------------------------------------------- */

body.page-id-229 .dark-section{
  padding:132px 0;
  color:var(--halm);
  background:var(--salbei-hell);
  overflow:visible;
}
body.page-id-229 .dark-section h2,
body.page-id-229 .dark-section h3{color:var(--tanne)}
body.page-id-229 .dark-section .section-heading p{color:var(--halm)}
body.page-id-229 .dark-section .eyebrow{color:var(--moos)}

body.page-id-229 .section-heading{
  grid-template-columns:1fr;
  gap:18px;
  margin-bottom:56px;
}
body.page-id-229 .section-heading h2{margin:16px 0 0;max-width:18ch}
body.page-id-229 .section-heading p{max-width:56ch}

body.page-id-229 .service-list{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
}
body.page-id-229 .service-row{
  display:grid;
  grid-template-columns:minmax(200px,.7fr) 1fr 40px;
  gap:0 40px;
  align-items:start;
  min-height:0;
  height:auto;
  padding:34px 0;
  background:none;
  backdrop-filter:none;
  border:0;
  border-top:1px solid var(--linie);
  border-radius:0;
  overflow:visible;
  transition:background .22s ease;
}
body.page-id-229 .service-list .et_pb_code:last-of-type .service-row{border-bottom:1px solid var(--linie)}
body.page-id-229 .service-row::before{display:none}
body.page-id-229 .service-row:hover{
  transform:none;
  background:rgba(47,128,73,.055);
  border-color:var(--linie);
}
body.page-id-229 .service-row .marke{display:none}
body.page-id-229 .service-row h3{margin:0;color:var(--tanne)}
body.page-id-229 .service-row p{margin:0;color:var(--halm);font-size:.97rem;max-width:60ch}
body.page-id-229 .service-row .arrow{
  margin:0;
  padding:0;
  align-self:center;
  justify-self:end;
  font-size:1.05rem;
  color:var(--moos);
  transition:transform .22s ease;
}
body.page-id-229 .service-row:hover .arrow{transform:translateX(6px)}


/* ---------- 10. Zitat: der Drache als Wasserzeichen --------------------------

   Sein einziger Auftritt auf dieser Seite. Der Filter zieht das Blatt ins
   Gruene: erst entsaettigen, dann ueber Sepia und eine Farbdrehung in den
   Salbeiton bringen. Darueber liegt ein Schleier, damit das Zitat traegt.
   -------------------------------------------------------------------------- */

body.page-id-229 .quote-panel{
  min-height:0;
  padding:132px 0;
  color:var(--tanne);
  background:var(--lichtung);
  position:relative;
  overflow:hidden;
}
body.page-id-229 .quote-panel::before{display:none}
body.page-id-229 .quote-panel::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.28),rgba(255,255,255,.78) 62%);
}
body.page-id-229 .quote-panel blockquote{
  position:relative;
  z-index:1;
  padding:0;
  max-width:22ch;
  margin-left:auto;
  margin-right:0;
  font-size:clamp(1.7rem,2.8vw,2.7rem);
  line-height:1.24;
  letter-spacing:-.02em;
  color:var(--tanne);
  border-left:2px solid var(--lehm);
  padding-left:26px;
  text-align:left;
}


/* ---------- 11. Abschluss ----------------------------------------------------

   Kein Kasten, keine Rundung: der Abschluss ist eine Flaeche in Tannengruen
   ueber die volle Breite - der einzige dunkle Ton der Seite und dadurch ein
   klarer Schlusspunkt.
   -------------------------------------------------------------------------- */

body.page-id-229 .cta-section{
  padding:0;
  background:var(--lichtung);
}
body.page-id-229 .cta-box{
  grid-template-columns:1.25fr .75fr;
  gap:48px;
  align-items:center;
  padding:96px 8%;
  border-radius:0;
  border:0;
  color:#fff;
  background:var(--tanne);
  box-shadow:none;
}
body.page-id-229 .cta-box::after{display:none}
body.page-id-229 .cta-box h2{
  font-size:clamp(1.9rem,3vw,2.8rem);
  color:#fff;
  max-width:16ch;
}
body.page-id-229 .cta-box p{
  margin:16px 0 0;
  color:rgba(233,239,228,.82);
  max-width:52ch;
}
body.page-id-229 .cta-action{justify-content:flex-end}
body.page-id-229 .cta-box .btn-primary,
body.page-id-229 .cta-box .et_pb_button.btn-primary,
body.page-id-229 .cta-box .et_pb_bg_layout_light.et_pb_button.btn-primary,
body.page-id-229 .cta-box .et_pb_bg_layout_light.et_pb_button.btn-primary:hover{
  background:#fff;
  border-color:#fff;
  color:var(--tanne);
}


/* ---------- 12. Kleine Schirme ----------------------------------------------- */

@media(max-width:1000px){
  body.page-id-229 .hero,
  body.page-id-229 .soul-intro,
  body.page-id-229 .recognition-visual,
  body.page-id-229 .dark-section,
  body.page-id-229 .quote-panel{padding:96px 0}
  body.page-id-229 .hero-grid,
  body.page-id-229 .soul-intro-grid{grid-template-columns:1fr;gap:52px}
  body.page-id-229 .sign-list{grid-template-columns:1fr;gap:0}
  body.page-id-229 .service-row{grid-template-columns:1fr;gap:12px}
  body.page-id-229 .service-row .arrow{justify-self:start}
  body.page-id-229 .quote-panel blockquote{max-width:none;margin-left:0}
  body.page-id-229 .cta-box{grid-template-columns:1fr;padding:72px 7%}
  body.page-id-229 .cta-action{justify-content:flex-start}
}

@media(max-width:680px){
  body.page-id-229 .hero{padding:80px 0}
  body.page-id-229 .hero-arch{aspect-ratio:1/1}
  body.page-id-229 .hero-meta{flex-direction:column;align-items:flex-start;gap:10px}
}


/* ---------- 13. Bewegungsreduktion -------------------------------------------- */

@media(prefers-reduced-motion:reduce){
  body.page-id-229 .service-row,
  body.page-id-229 .service-row .arrow,
  body.page-id-229 .btn,
  body.page-id-229 .et_pb_button{transition:none}
  body.page-id-229 .service-row:hover .arrow{transform:none}
}


/* ---------- 14. Zwei Erbschaften aus dem Entwurfsblatt ------------------------

   1. Der Pfad blieb bei 680 px stehen statt bis zum Sektionsende zu laufen.
      Grund: das Entwurfsblatt gibt .hero::before eine feste height von 680 px
      (dort war es ein Zierkreis). Eine feste Hoehe gewinnt gegen top:0 mit
      bottom:0 - beide zusammen ergeben nur dann die volle Hoehe, wenn height
      auf auto steht.

   2. Die beiden Schaltflaechen standen untereinander. Divi macht aus der Spalte
      einen senkrechten Flexcontainer; jedes Modul wird darin zur eigenen Zeile.
      Mit einem Raster aus zwei automatischen Spalten stehen sie nebeneinander,
      die Textmodule laufen ueber beide.
   -------------------------------------------------------------------------- */

body.page-id-229 .hero::before,
body.page-id-229 .soul-intro::before,
body.page-id-229 .recognition-visual::before,
body.page-id-229 .dark-section::before,
body.page-id-229 .cta-section::before{height:auto}

@media(min-width:1000px){
  body.page-id-229 .hero-copy{
    display:grid;
    grid-template-columns:auto auto;
    justify-content:start;
    align-content:center;
    gap:0;
  }
  body.page-id-229 .hero-copy>.et_pb_text{grid-column:1 / -1}
  body.page-id-229 .hero-copy>.et_pb_button_module_wrapper{width:auto;margin:0 14px 0 0}
}


/* ---------- 15. Der Ring um die Station --------------------------------------

   Um den Stationspunkt stand ein blasser Kreis von gut 130 px. Er kam nicht aus
   diesem Blatt: das Entwurfsblatt legt .hero::after zwei riesige box-shadow-
   Ringe an (0 0 0 34px und 0 0 0 68px). Die Groesse eines Punktes laesst sich
   also nicht allein ueber width und height bestimmen - der Schatten muss
   ausdruecklich zurueckgenommen werden. Dasselbe gilt fuer den geerbten
   Eckenradius des Pfades.
   -------------------------------------------------------------------------- */

body.page-id-229 .hero::after,
body.page-id-229 .soul-intro::after,
body.page-id-229 .recognition-visual::after,
body.page-id-229 .dark-section::after,
body.page-id-229 .cta-section::after{box-shadow:none}

body.page-id-229 .hero::before,
body.page-id-229 .soul-intro::before,
body.page-id-229 .recognition-visual::before,
body.page-id-229 .dark-section::before,
body.page-id-229 .cta-section::before{border-radius:0;box-shadow:none}


/* ---------- 16. Der Lichtdrache als Seitengrund, gruen getont ----------------

   Dasselbe Blatt wie auf Start5 und Start6, links buendig und fest stehend -
   hier aber durch einen Filter in die Farbfamilie dieser Seite gezogen:
   entsaettigen, ueber Sepia einen Farbton geben, den Ton auf Salbei drehen,
   dann wieder etwas Saettigung und Helligkeit zurueck.

   Damit er durchscheint, werden die Sektionsgruende halbtransparent. Der
   Abschluss in Tannengruen bleibt deckend: er ist der Schlusspunkt der Seite
   und soll keine Landschaft durchlassen.
   -------------------------------------------------------------------------- */

body.page-id-229::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:url("Lumentra-Lichtdrache-Bergtal.webp") left top / cover no-repeat;
  filter:saturate(.5) contrast(1.12) brightness(1.02);
}

/* Der Schleier liegt als eigene Ebene darueber, damit ihn der Filter des
   Bildes nicht mit einfaerbt. */
body.page-id-229::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,
    rgba(255,255,255,.10) 0%,
    rgba(255,255,255,.34) 44%,
    rgba(255,255,255,.58) 76%,
    rgba(255,255,255,.72) 100%);
}

body.page-id-229 .hero{background:rgba(255,255,255,.30)}
body.page-id-229 .soul-intro{background:rgba(255,255,255,.62)}
body.page-id-229 .recognition-visual{background:rgba(255,255,255,.36)}
body.page-id-229 .dark-section{background:rgba(255,255,255,.62)}
body.page-id-229 .quote-panel{background:transparent}
body.page-id-229 .cta-section{background:transparent}