/* ==========================================================================
   ATEM - Designtest fuer Start13 (Seite 257)

   Angelehnt an eine vom Kunden gezeigte Referenzseite (cela.design). Was
   diese Anmutung ausmacht - und was hier uebernommen wird:

   1. Ein fast unbunter, sehr heller Grund (#f1f1f1) statt einer Farbfamilie.
      Farbe entsteht nur ueber die Bilder.
   2. Ueberschriften in einer leichten Serifenschrift, kursiv, in grossen
      Graden und mit viel Weissraum darum. Cormorant liegt lokal vor und
      trifft die Anmutung; sie laeuft im leichtesten Schnitt (300).
   3. Karla als Textschrift - ebenfalls lokal vorhanden.
   4. Sehr grosse Abstaende zwischen den Abschnitten: die Seite atmet.
   5. Ruhige Einblendungen beim Scrollen. Sie liegen in start13.js.

   Bewusst NICHT uebernommen: das Smooth-Scroll-Hijacking der Referenz. Es
   entkoppelt die Seite vom Scrollrad und macht sie fuer viele Menschen
   traeger statt ruhiger; die Einblendungen wirken auch ohne.

   Technik: wird nur auf Seite 257 geladen (novamira-sandbox/
   lumentra-start13.php). Alle Regeln haengen an body.page-id-257.
   ========================================================================== */


/* ---------- 1. Farbwerte und Schrift --------------------------------------- */

body.page-id-257{
  --grund:#f1f1f1;
  --grund-hell:#f7f7f6;
  --papier:#ffffff;
  --tinte:#222222;
  --text:#373737;
  --text-hell:#6f6f6d;
  --linie:rgba(34,34,34,.13);
  --linie-fein:rgba(34,34,34,.07);

  /* Variablen des gelieferten Entwurfs umbelegen. */
  --ivory:#f1f1f1;
  --paper:#ffffff;
  --cream:#e9e9e7;
  --mist:#e2e2e0;
  --sage:#c4c4c0;
  --sage-soft:#eeeeec;
  --lavender:#e4e4e2;
  --rose:#eae6e0;
  --plum:#222222;
  --plum-deep:#141414;
  --gold:#8c8c86;
  --gold-soft:#dcdcd8;
  --ink:#373737;
  --muted:#6f6f6d;
  --line:rgba(34,34,34,.13);
  --shadow:0 30px 70px rgba(0,0,0,.10);
  --shadow-soft:0 16px 40px rgba(0,0,0,.07);

  /* Cormorant fuer die Anzeige, Karla fuer den Text. Beide liegen lokal;
     eingebunden werden sie vom Lader ueber fonts-cela.css. */
  --serif:Cormorant,Georgia,"Times New Roman",serif;
  --sans:Karla,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  background:var(--grund);
  color:var(--text);
  font-family:var(--sans);
}

body.page-id-257 h1,
body.page-id-257 h2,
body.page-id-257 h3{
  font-family:var(--serif);
  font-style:italic;
  font-weight:300;
  color:var(--tinte);
  letter-spacing:0;
}
body.page-id-257 h1{font-size:clamp(2.6rem,4.6vw,4.4rem);line-height:1.12}
body.page-id-257 h2{font-size:clamp(2.1rem,3.4vw,3.3rem);line-height:1.16}
body.page-id-257 h3{font-size:clamp(1.4rem,1.9vw,1.8rem);line-height:1.24}

body.page-id-257 p{color:var(--text);font-size:1rem;line-height:1.78}
body.page-id-257 .lead{color:var(--text);font-size:1.06rem;max-width:52ch}

/* Das Label steht klein, gesperrt und unaufdringlich. */
body.page-id-257 .eyebrow{
  color:var(--text-hell);
  font-size:.64rem;
  font-weight:500;
  letter-spacing:.24em;
  gap:0;
}
body.page-id-257 .eyebrow::before{display:none}

body.page-id-257 .marke{
  width:5px;
  height:5px;
  transform:none;
  border-radius:50%;
  border:0;
  background:var(--text-hell);
  box-shadow:none;
}


/* ---------- 2. Kopf- und Fusszeile ------------------------------------------ */

body.page-id-257 .site-header{
  background:rgba(241,241,241,.90);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--linie-fein);
}
body.page-id-257 .brand strong{font-family:var(--serif);font-style:normal;color:var(--tinte);letter-spacing:.06em}
body.page-id-257 .brand span{color:var(--text-hell)}
body.page-id-257 .nav-links{font-size:.78rem;letter-spacing:.09em;text-transform:uppercase}
body.page-id-257 .nav-links a{color:var(--text)}
body.page-id-257 .nav-links a:not(.nav-contact)::after{background:var(--tinte)}
body.page-id-257 .nav-contact{
  border-color:var(--linie);
  background:transparent;
  color:var(--tinte);
}
body.page-id-257 .nav-contact:hover{background:var(--tinte);border-color:var(--tinte);color:#fff}
body.page-id-257 .menu-button{border-color:var(--linie);background:transparent}
body.page-id-257 .menu-button span,
body.page-id-257 .menu-button span::before,
body.page-id-257 .menu-button span::after{background:var(--tinte)}

body.page-id-257 .site-footer{
  background:var(--grund);
  border-top:1px solid var(--linie-fein);
  color:var(--text-hell);
}
body.page-id-257 .site-footer a{color:var(--tinte)}
body.page-id-257 .footer-note{color:var(--text-hell)}


/* ---------- 3. Schaltflaechen ------------------------------------------------

   Zurueckhaltend: die erste als schmale dunkle Pille, die zweite als reine
   unterstrichene Zeile.
   -------------------------------------------------------------------------- */

body.page-id-257 .btn{
  min-height:50px;
  padding:0 28px;
  font-family:var(--sans);
  font-size:.78rem;
  font-weight:500;
  letter-spacing:.11em;
  text-transform:uppercase;
}
body.page-id-257 .btn-primary,
body.page-id-257 .et_pb_button.btn-primary,
body.page-id-257 .et_pb_bg_layout_light.et_pb_button.btn-primary,
body.page-id-257 .cta-box .et_pb_bg_layout_light.et_pb_button.btn-primary{
  background:var(--tinte);
  border-color:var(--tinte);
  color:#fff;
}
body.page-id-257 .btn-primary:hover,
body.page-id-257 .et_pb_button.btn-primary:hover,
body.page-id-257 .et_pb_bg_layout_light.et_pb_button.btn-primary:hover{
  background:#000;
  border-color:#000;
  color:#fff;
  transform:none;
  box-shadow:none;
}
body.page-id-257 .btn-secondary,
body.page-id-257 .et_pb_button.btn-secondary,
body.page-id-257 .et_pb_bg_layout_light.et_pb_button.btn-secondary{
  min-height:50px;
  padding:0 2px;
  border:0;
  border-bottom:1px solid var(--linie);
  border-radius:0;
  background:none;
  color:var(--tinte);
}
body.page-id-257 .et_pb_button.btn-secondary:hover,
body.page-id-257 .et_pb_bg_layout_light.et_pb_button.btn-secondary:hover{
  background:none;
  border-bottom-color:var(--tinte);
  color:var(--tinte);
}


/* ---------- 4. Auftakt --------------------------------------------------------

   Keine Verlaeufe, keine Zierkreise: eine ruhige Flaeche, sehr viel Luft.
   -------------------------------------------------------------------------- */

body.page-id-257 .hero{
  background:var(--grund);
  padding:150px 0 160px;
  overflow:visible;
}
body.page-id-257 .hero::before,
body.page-id-257 .hero::after{display:none}
body.page-id-257 .hero-grid{
  grid-template-columns:1.05fr .95fr;
  gap:88px;
  align-items:center;
}
body.page-id-257 .hero-copy{
  padding:0;
  display:flex;
  /* Divi setzt die Spalte auf flex-direction:column. */
  flex-direction:row;
  flex-wrap:wrap;
  align-content:center;
  align-items:flex-start;
  /* Divis Spalte (.et_flex_column) haelt 30 px Abstand zwischen ALLEN Modulen,
     also auch waagerecht zwischen den Schaltflaechen. Zusammen mit deren
     eigenem Zwischenraum kamen sie auf 534 px und brachen in der 521 px
     breiten Spalte um. Der senkrechte Abstand bleibt erhalten. */
  column-gap:0;
}
body.page-id-257 .hero-copy>.et_pb_text{width:100%}
/* Der Abstand gehoert ZWISCHEN die Schaltflaechen, nicht hinter jede: mit
   einem rechten Aussenabstand an beiden kamen sie zusammen auf 520 px und
   brachen in der 521 px breiten Spalte um. */
body.page-id-257 .hero-copy>.et_pb_button_module_wrapper{width:auto;margin:34px 0 0}
body.page-id-257 .hero-copy>.et_pb_button_module_wrapper+.et_pb_button_module_wrapper{margin-left:20px}
body.page-id-257 .btn{padding:0 24px}
body.page-id-257 .hero-copy h1{margin:22px 0 26px;max-width:15ch}
body.page-id-257 .hero-copy .lead{margin:0}

body.page-id-257 .hero-meta{
  margin:26px 0 0;
  gap:10px 26px;
  color:var(--text-hell);
  font-size:.86rem;
  font-weight:400;
  width:100%;
}
body.page-id-257 .hero-meta span{gap:11px;padding:0;border:0;background:none}
body.page-id-257 .hero-meta i{
  width:4px;height:4px;transform:none;border:0;border-radius:50%;
  background:var(--text-hell);
}
body.page-id-257 .hero-meta br{display:none}

body.page-id-257 .hero-visual{min-height:0;position:relative}
body.page-id-257 .hero-orbit{display:none}
body.page-id-257 .hero-arch{
  position:relative;
  inset:auto;
  width:100%;
  aspect-ratio:4/5;
  border-radius:0;          /* die Referenz arbeitet ohne Rundungen */
  border:0;
  background:var(--mist);
  box-shadow:none;
  overflow:hidden;
}
body.page-id-257 .hero-arch img{object-position:72% 26%}
body.page-id-257 .hero-arch::after{display:none}

/* Die Notiz als kleine kursive Legende unter dem Bild. */
body.page-id-257 .hero-note{
  position:static;
  width:auto;
  margin:16px 0 0;
  padding:0;
  background:none;
  backdrop-filter:none;
  border:0;
  border-radius:0;
  box-shadow:none;
}
body.page-id-257 .hero-note strong{
  font-family:var(--serif);
  font-style:italic;
  font-weight:300;
  font-size:1.05rem;
  line-height:1.4;
  color:var(--tinte);
}
body.page-id-257 .hero-note small{color:var(--text-hell);margin-top:6px;font-size:.78rem}


/* ---------- 5. Die Reise ------------------------------------------------------- */

body.page-id-257 .soul-intro{
  padding:150px 0;
  background:var(--grund);
  overflow:visible;
}
/* .soul-intro::before traegt jetzt das Bildband, siehe Abschnitt 13. */
body.page-id-257 .soul-intro-grid{
  grid-template-columns:1fr 1fr;
  gap:92px;
  align-items:center;
}
body.page-id-257 .ritual-photo{min-height:0;position:relative}
body.page-id-257 .ritual-photo::after{display:none}
body.page-id-257 .ritual-photo-main{
  position:relative;
  inset:auto;
  width:100%;
  aspect-ratio:4/5;
  border-radius:0;
  border:0;
  overflow:hidden;
  box-shadow:none;
  background:#fff;
}
body.page-id-257 .ritual-photo-main .et_pb_image_wrap{display:block;width:100%;height:100%}
body.page-id-257 .ritual-photo-main img{width:100%;height:100%;object-fit:cover}
body.page-id-257 .soul-copy h2{margin:20px 0 26px;max-width:17ch}
body.page-id-257 .soul-copy p{max-width:52ch}
body.page-id-257 .ritual-caption{
  margin:34px 0 0;
  font-family:var(--serif);
  font-style:italic;
  font-weight:300;
  font-size:clamp(1.3rem,1.8vw,1.7rem);
  line-height:1.35;
  color:var(--tinte);
  max-width:20ch;
}


/* ---------- 6. Wiedererkennen ---------------------------------------------------- */

body.page-id-257 .recognition-visual{
  padding:150px 0;
  background:var(--grund-hell);
  overflow:visible;
}
body.page-id-257 .recognition-visual::before,
body.page-id-257 .recognition-visual::after{display:none}
body.page-id-257 .signs-grid{grid-template-columns:1fr;gap:56px}
body.page-id-257 .sticky-intro{position:static;padding:0}
body.page-id-257 .sticky-intro h2{margin:20px 0 16px;max-width:20ch}
body.page-id-257 .sticky-intro p{color:var(--text-hell);max-width:50ch}
body.page-id-257 .sign-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:0 80px;
}
body.page-id-257 .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-257 .sign-item p{font-size:.97rem;color:var(--text)}
body.page-id-257 .sign-item .marke{margin:10px 0 0}


/* ---------- 7. Begleitung ---------------------------------------------------------

   Vier ruhige Zeilen ohne Kaesten, nur durch feine Linien getrennt.
   -------------------------------------------------------------------------- */

body.page-id-257 .dark-section{
  padding:150px 0;
  color:var(--text);
  background:var(--grund);
  overflow:visible;
}
body.page-id-257 .dark-section::before,
body.page-id-257 .dark-section::after{display:none}
body.page-id-257 .dark-section h2,
body.page-id-257 .dark-section h3{color:var(--tinte)}
body.page-id-257 .dark-section .section-heading p{color:var(--text-hell)}
body.page-id-257 .dark-section .eyebrow{color:var(--text-hell)}
body.page-id-257 .section-heading{
  grid-template-columns:1fr;
  gap:16px;
  margin-bottom:64px;
}
body.page-id-257 .section-heading h2{margin:20px 0 0;max-width:18ch}
body.page-id-257 .section-heading p{max-width:52ch}

body.page-id-257 .service-list{grid-template-columns:1fr;gap:0}
body.page-id-257 .service-row{
  display:grid;
  grid-template-columns:minmax(220px,.8fr) 1fr 34px;
  gap:0 44px;
  align-items:start;
  min-height:0;
  height:auto;
  padding:40px 0;
  background:none;
  backdrop-filter:none;
  border:0;
  border-top:1px solid var(--linie-fein);
  border-radius:0;
  overflow:visible;
  transition:opacity .25s ease;
}
body.page-id-257 .service-list .et_pb_code:last-of-type .service-row{
  border-bottom:1px solid var(--linie-fein);
}
body.page-id-257 .service-row::before{display:none}
body.page-id-257 .service-row:hover{transform:none;background:none;opacity:.68}
body.page-id-257 .service-row .marke{display:none}
body.page-id-257 .service-row h3{margin:0;color:var(--tinte)}
body.page-id-257 .service-row p{margin:0;color:var(--text);font-size:.97rem;max-width:58ch}
body.page-id-257 .service-row .arrow{
  margin:0;
  padding:0;
  align-self:center;
  justify-self:end;
  font-size:1.1rem;
  color:var(--text-hell);
  transition:transform .25s ease;
}
body.page-id-257 .service-row:hover .arrow{transform:translateX(7px)}


/* ---------- 8. Zitat ----------------------------------------------------------------

   Nur Typografie auf leerer Flaeche - die Referenz setzt ihre Leitsaetze
   genauso.
   -------------------------------------------------------------------------- */

body.page-id-257 .quote-panel{
  min-height:0;
  padding:150px 8%;
  color:var(--tinte);
  background:var(--grund-hell);
}
body.page-id-257 .quote-panel::before,
body.page-id-257 .quote-panel::after{display:none}
body.page-id-257 .quote-panel blockquote{
  margin:0 auto;
  padding:0;
  max-width:22ch;
  border:0;
  font-family:var(--serif);
  font-style:italic;
  font-weight:300;
  font-size:clamp(1.9rem,3.4vw,3.2rem);
  line-height:1.3;
  color:var(--tinte);
  text-align:center;
}


/* ---------- 9. Abschluss ------------------------------------------------------------- */

body.page-id-257 .cta-section{
  padding:150px 0 160px;
  background:var(--grund);
}
body.page-id-257 .cta-box{
  grid-template-columns:1fr;
  gap:28px;
  justify-items:center;
  padding:0;
  border:0;
  border-radius:0;
  color:var(--text);
  background:none;
  box-shadow:none;
}
body.page-id-257 .cta-box::after{display:none}
body.page-id-257 .cta-box .et_pb_text,
body.page-id-257 .cta-box .et_pb_text_inner,
body.page-id-257 .cta-box h2,
body.page-id-257 .cta-box p{text-align:center}
body.page-id-257 .cta-box h2{color:var(--tinte);max-width:16ch;margin-inline:auto}
body.page-id-257 .cta-box p{margin:18px auto 0;color:var(--text-hell);max-width:46ch}
body.page-id-257 .cta-action{justify-content:center}


/* ---------- 10. Der Ausgangszustand der Einblendungen ---------------------------------

   start13.js blendet diese Elemente beim Scrollen ein. Damit sie vorher nicht
   sichtbar aufblitzen, setzt das Skript selbst die Startwerte - und zwar erst,
   nachdem es festgestellt hat, dass es laufen kann. Ohne JavaScript oder bei
   prefers-reduced-motion steht die Seite vollstaendig da. Deshalb steht hier
   bewusst KEIN opacity:0 im Blatt.
   -------------------------------------------------------------------------- */


/* ---------- 11. Kleine Schirme ---------------------------------------------------- */

@media(max-width:1000px){
  body.page-id-257 .hero{padding:104px 0 112px}
  body.page-id-257 .soul-intro,
  body.page-id-257 .recognition-visual,
  body.page-id-257 .dark-section,
  body.page-id-257 .quote-panel{padding:104px 0}
  body.page-id-257 .hero-grid,
  body.page-id-257 .soul-intro-grid{grid-template-columns:1fr;gap:56px}
  body.page-id-257 .sign-list{grid-template-columns:1fr;gap:0}
  body.page-id-257 .service-row{grid-template-columns:1fr;gap:14px}
  body.page-id-257 .service-row .arrow{justify-self:start}
  body.page-id-257 .cta-section{padding:104px 0 112px}
}


/* ---------- 12. Bewegungsreduktion -------------------------------------------------- */

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


/* ---------- 13. Der Drache als randloses Bildband --------------------------------

   Ein weiterer Bild-Header waere eine Wiederholung von Start11 und Start12 -
   und er passte nicht zu dieser Anmutung. Die Referenz arbeitet mit grossen,
   randlosen Bildflaechen zwischen den Textbloecken; genau das ist hier die
   Stelle fuer den Drachen.

   Das Band laeuft ueber die volle Fensterbreite, ohne Rundung und ohne
   Schatten. Es haengt am ::before der Sektion "Wiedererkennen", steht dort
   aber im Fluss (position:static) statt absolut wie im Entwurfsblatt - so
   schiebt es den Abschnitt auf und braucht kein eigenes Markup.

   Farbe bleibt unangetastet: diese Seite ist unbunt, ihre Farbe kommt allein
   aus den Bildern. Ein Filter waere hier fehl am Platz.
   -------------------------------------------------------------------------- */

/* Das Band steht vor "Das Leben spricht mit uns", also am Kopf der Sektion
   "Die Reise" - einen Textblock hoeher als zunaechst gesetzt.

   Ausschnitt links oben: der Drache sitzt in der linken oberen Ecke des
   Blattes, mit "left top" steht er vollstaendig im Bild und der Rest der
   Landschaft wird nach rechts und unten weggeschnitten. */
body.page-id-257 .soul-intro{padding-top:0}
body.page-id-257 .soul-intro::before{
  content:"";
  display:block;
  position:static;
  width:100%;
  height:min(56vh,500px);
  margin:0 0 150px;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:url("Lumentra-Lichtdrache-Bergtal.webp") left top / cover no-repeat;
}

@media(max-width:1000px){
  body.page-id-257 .soul-intro::before{
    height:min(42vh,340px);
    margin-bottom:104px;
  }
}


/* ---------- 14. Groessere Schrift ------------------------------------------------

   Die Referenz setzt ihren Text sehr klein (teils 12 px). In Verbindung mit
   den leichten Schnitten wird das schwer lesbar. Alle Textgroessen steigen
   deshalb um rund ein Achtel; Gewicht und Anmutung bleiben unveraendert.
   -------------------------------------------------------------------------- */

body.page-id-257 p{font-size:1.13rem;line-height:1.72}
body.page-id-257 .lead{font-size:1.22rem;line-height:1.62}
body.page-id-257 .eyebrow{font-size:.74rem;letter-spacing:.2em}
body.page-id-257 .nav-links{font-size:.85rem}
body.page-id-257 .btn{font-size:.86rem;letter-spacing:.09em}
body.page-id-257 .hero-meta,
body.page-id-257 .hero-meta span{font-size:.98rem}
body.page-id-257 .hero-note strong{font-size:1.2rem}
body.page-id-257 .hero-note small{font-size:.9rem}
body.page-id-257 .sign-item p{font-size:1.1rem}
body.page-id-257 .service-row p{font-size:1.1rem}
body.page-id-257 .section-heading p,
body.page-id-257 .sticky-intro p{font-size:1.13rem}
body.page-id-257 .cta-box p{font-size:1.16rem}
body.page-id-257 .footer-note{font-size:.86rem}

/* Die Ueberschriften wachsen mit, damit das Verhaeltnis bleibt. */
body.page-id-257 h1{font-size:clamp(2.9rem,5vw,4.8rem)}
body.page-id-257 h2{font-size:clamp(2.3rem,3.7vw,3.6rem)}
body.page-id-257 h3{font-size:clamp(1.55rem,2.1vw,2rem)}
body.page-id-257 .ritual-caption{font-size:clamp(1.45rem,2vw,1.9rem)}
body.page-id-257 .quote-panel blockquote{font-size:clamp(2.1rem,3.7vw,3.5rem)}


/* ---------- 15. Zweiter Durchgang: die kleinen Groessen ---------------------------

   Nachgemessen wurde jedes Textelement der Seite. Die Fliesstexte lagen nach
   dem ersten Durchgang bei 17,6 bis 19,5 px und sind in Ordnung. Zu klein
   blieben die Nebenrollen - Label bei 11,8 px, Schaltflaechen bei 13,8 px,
   Fusszeile bei 13,8 px. Gesperrte Versalien brauchen mehr Groesse als
   Fliesstext, nicht weniger.

   Das Zitat steht rechnerisch bei 56 px, wirkte in einer Rueckmeldung aber
   winzig. Sein unterer Anschlag steigt deshalb deutlich: selbst auf schmalen
   Fenstern faellt es jetzt nicht mehr unter 38 px.
   -------------------------------------------------------------------------- */

body.page-id-257 .eyebrow{font-size:.85rem;letter-spacing:.18em}
body.page-id-257 .btn{font-size:.95rem;letter-spacing:.07em}
body.page-id-257 .nav-links{font-size:.92rem}
body.page-id-257 .hero-meta,
body.page-id-257 .hero-meta span{font-size:1.06rem}
body.page-id-257 .hero-note small{font-size:1rem}
body.page-id-257 .footer-links a{font-size:1rem}
body.page-id-257 .footer-note{font-size:.95rem}
body.page-id-257 .site-footer{font-size:1rem}

/* Das Zitat: hoeherer unterer Anschlag und mehr Zeilenbreite. */
body.page-id-257 .quote-panel blockquote{
  font-size:clamp(2.4rem,4vw,3.8rem);
  line-height:1.28;
  max-width:26ch;
}

/* Der Abbinder der Reise und die Angebotstitel ziehen mit. */
body.page-id-257 .ritual-caption{font-size:clamp(1.6rem,2.2vw,2.1rem)}
body.page-id-257 .service-row h3{font-size:clamp(1.7rem,2.2vw,2.15rem)}


/* ---------- 16. Der Absatz im Zitat --------------------------------------------

   Das Zitat war winzig, obwohl am blockquote 60,8 px standen. Grund: Divi
   jagt den Inhalt eines Textmoduls durch wpautop, der Satz steht also als
   <p> IM blockquote. Eine allgemeine Regel wie

       body.page-id-257 p{font-size:1.13rem}

   trifft diesen Absatz mit hoeherer Spezifitaet als die Vererbung vom
   blockquote - der Absatz fiel damit auf 18 px zurueck, waehrend die Messung
   am blockquote weiter 60,8 px meldete.

   Dieselbe Falle gilt fuer jede Stelle, an der eine Schriftgroesse auf einem
   Container statt auf dem Textelement gesetzt wird. Deshalb erben hier alle
   Absaetze in solchen Containern ausdruecklich zurueck.
   -------------------------------------------------------------------------- */

body.page-id-257 .quote-panel blockquote p,
body.page-id-257 .ritual-caption p,
body.page-id-257 .hero-note strong p{
  font-size:inherit;
  line-height:inherit;
  font-style:inherit;
  font-weight:inherit;
  color:inherit;
  margin:0;
}