@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Lato:ital,wght@0,400;0,600;0,700;0,800;1,400&display=swap');

.osh-home{
  --navy:#0991AE; --navy-deep:#0778A0;
  --green:#0A8245; --green-light:#0EA855; --green-deep:#0C7F42;
  --gold:#FCB903; --gold-hover:#E0A402; --gold-text:#A87C00;
  --white:#FFFFFF; --cream:#F8FBFE; --sage:#F4F9FD; --ink-cta:#091A3E;
  --text:#2C3E3B; --text-light:#5A7070;
  --hairline:rgba(10,130,69,.12);
  --font-display:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --font-body:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
  --wrap-max:1120px; --wrap-width:90%; --measure:700px;
  --section:6rem;
}.osh-home *{box-sizing:border-box;}.osh-home{scroll-behavior:smooth;}.osh-home{
  margin:0; background:var(--cream); color:var(--text);
  font-family:var(--font-body); font-size:17px; line-height:1.7;
  -webkit-font-smoothing:antialiased;
}.osh-home img{max-width:100%; display:block;}.osh-home a{color:var(--green); text-decoration:none; transition:color .25s ease;}.osh-home a:hover{color:var(--gold-text);}.osh-home .os-wrap{width:var(--wrap-width); max-width:var(--wrap-max); margin:0 auto;}.osh-home .os-section{padding:var(--section) 0;}.osh-home .os-center{text-align:center;}.osh-home .os-h1{font-family:var(--font-display); font-weight:400;
  font-size:clamp(2.8rem,7vw,5rem); line-height:1.08; letter-spacing:-.01em; margin:0 0 1.4rem;}.osh-home .os-h2{font-family:var(--font-display); font-weight:400;
  font-size:clamp(1.8rem,4vw,3.2rem); line-height:1.12; letter-spacing:-.01em; margin:0 0 .6em;}.osh-home .os-h3{font-family:var(--font-display); font-weight:500;
  font-size:1.5rem; line-height:1.25; margin:0 0 .5rem;}.osh-home .os-lead{font-size:1.12rem; line-height:1.8;}.osh-home .os-em{font-style:italic; color:var(--gold-text);}.osh-home .on-dark .os-em{color:var(--gold);}.osh-home .os-measure{max-width:var(--measure); margin-left:auto; margin-right:auto;}.osh-home .os-eyebrow{display:block; font-size:.72rem; font-weight:700;
  letter-spacing:.22em; text-transform:uppercase; color:var(--gold-text); margin-bottom:1rem;}.osh-home .os-eyebrow.on-dark{color:var(--gold);}.osh-home .btn{display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  font-family:var(--font-body); font-weight:700; font-size:.8rem;
  letter-spacing:.14em; text-transform:uppercase; line-height:1;
  padding:1rem 1.9rem; border:2px solid transparent; border-radius:0;
  cursor:pointer; transition:all .25s ease; text-align:center;}.osh-home .btn:hover{transform:translateY(-2px);}.osh-home .btn-gold{background:var(--gold); color:var(--ink-cta); border-color:var(--gold);}.osh-home .btn-gold:hover{background:var(--gold-hover); border-color:var(--gold-hover); color:var(--ink-cta);}.osh-home .btn-green{background:var(--green); color:#fff; border-color:var(--green);}.osh-home .btn-green:hover{background:var(--green-light); border-color:var(--green-light); color:#fff;}.osh-home .btn-navy{background:var(--navy); color:#fff; border-color:var(--navy);}.osh-home .btn-navy:hover{background:var(--navy-deep); border-color:var(--navy-deep); color:#fff;}.osh-home .btn-ghost{background:transparent; color:#fff; border-color:rgba(255,255,255,.55);}.osh-home .btn-ghost:hover{background:rgba(255,255,255,.12); color:#fff;}.osh-home .btn-sm{padding:.7rem 1.25rem; font-size:.72rem;}.osh-home .os-row{display:flex; flex-wrap:wrap; gap:1rem;}.osh-home .os-row.center{justify-content:center;}.osh-home .os-grid{display:grid; gap:1.5rem;}.osh-home .os-grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}.osh-home .os-grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));}.osh-home .chip{display:inline-flex; align-items:center; gap:.5rem;
  padding:.5rem 1rem; border-radius:999px;
  background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.4);
  color:#fff; font-size:.78rem; font-weight:700; letter-spacing:.06em;}.osh-home .chip svg{width:15px; height:15px;}.osh-home .card{background:var(--white); border-left:3px solid var(--green);
  padding:2rem 1.9rem; height:100%;}.osh-home .card.on-cream{background:var(--cream);}.osh-home .card.accent-gold{border-left-color:var(--gold);}.osh-home .card .icon{color:var(--green); width:32px; height:32px; margin-bottom:1rem;}.osh-home .card.accent-gold .icon{color:var(--gold-text);}.osh-home .card h3{font-family:var(--font-display); font-weight:500; font-size:1.35rem; margin:0 0 .5rem; color:var(--navy);}.osh-home .card p{margin:0; color:var(--text);}.osh-home .step{display:flex; gap:1.25rem; align-items:flex-start;
  background:var(--white); padding:1.5rem 1.75rem; border-left:3px solid var(--green);}.osh-home .step.on-cream{background:var(--cream);}.osh-home .step .num{flex:none; width:48px; height:48px; border-radius:999px;
  background:var(--navy); color:#fff; display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-size:1.4rem; font-weight:500;}.osh-home .step h3{font-family:var(--font-display); font-weight:500; font-size:1.3rem; margin:.1rem 0 .35rem; color:var(--navy);}.osh-home .step p{margin:0; color:var(--text-light);}.osh-home .quote{font-family:var(--font-display); font-weight:300; font-style:italic;
  font-size:clamp(1.4rem,3vw,2.2rem); line-height:1.5; margin:0;}.osh-home .quote .cite{display:block; margin-top:1.4rem; font-family:var(--font-body);
  font-style:normal; font-weight:700; font-size:.78rem; letter-spacing:.18em;
  text-transform:uppercase;}.osh-home .on-dark .quote{color:#fff;}.osh-home .on-dark .quote .cite{color:var(--gold);}.osh-home .os-imgph{display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:.6rem; min-height:280px; background:var(--sage);
  border:1px dashed rgba(9,145,174,.4); color:var(--navy); text-align:center; padding:2rem;}.osh-home .os-imgph svg{width:40px; height:40px; opacity:.6;}.osh-home .os-imgph span{font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; opacity:.75;}.osh-home .os-split{display:grid; grid-template-columns:1fr 1fr; gap:3.5rem; align-items:center;}.osh-home .os-split.narrow-img{grid-template-columns:.85fr 1.15fr;}.osh-home .faq details{border-bottom:1px solid var(--hairline);}.osh-home .faq summary{list-style:none; cursor:pointer; padding:1.15rem 2.2rem 1.15rem 0; position:relative;
  font-family:var(--font-display); font-weight:500; font-size:1.25rem; color:var(--navy);}.osh-home .faq summary::-webkit-details-marker{display:none;}.osh-home .faq summary::after{content:"+"; position:absolute; right:.2rem; top:50%; transform:translateY(-50%);
  font-family:var(--font-body); font-weight:400; font-size:1.6rem; color:var(--green); transition:transform .2s ease;}.osh-home .faq details[open] summary::after{transform:translateY(-50%) rotate(45deg);}.osh-home .faq details p{margin:0 0 1.2rem; color:var(--text-light); max-width:var(--measure);}.osh-home .tmt{background:var(--cream); border-left:3px solid var(--gold); padding:2rem 1.9rem;}.osh-home .tmt p{font-family:var(--font-display); font-style:italic; font-size:1.2rem; line-height:1.5; color:var(--text); margin:0 0 1.2rem;}.osh-home .tmt .who{display:flex; align-items:center; gap:.8rem;}.osh-home .tmt .ava{width:44px; height:44px; border-radius:50%; background:var(--navy); color:#fff;
  display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-size:1.2rem; flex:none;}.osh-home .tmt .who b{display:block; font-weight:700; font-size:.9rem; color:var(--text);}.osh-home .tmt .who small{color:var(--text-light); font-size:.8rem;}.osh-home .event{display:flex; gap:1.5rem; align-items:center; padding:1.4rem 0; border-bottom:1px solid var(--hairline);}.osh-home .event .date{flex:none; width:82px; text-align:center; border-right:3px solid var(--green); padding-right:1.2rem;}.osh-home .event .date .d{font-family:var(--font-display); font-size:2rem; line-height:1; color:var(--navy);}.osh-home .event .date .m{font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-text);}.osh-home .event .info{flex:1;}.osh-home .event .info h3{font-family:var(--font-display); font-weight:500; font-size:1.3rem; margin:0 0 .2rem; color:var(--navy);}.osh-home .event .info p{margin:0; color:var(--text-light); font-size:.95rem;}.osh-home .event .tag{flex:none; font-size:.7rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  color:var(--green); border:1px solid var(--green); padding:.35rem .7rem;}.osh-home .os-form{display:flex; gap:.75rem; flex-wrap:wrap; max-width:520px; margin:1.6rem auto 0;}.osh-home .os-form input{flex:1; min-width:220px; padding:1rem 1.1rem; border:1px solid rgba(255,255,255,.4);
  background:rgba(255,255,255,.12); color:#fff; font-family:var(--font-body); font-size:1rem; border-radius:0;}.osh-home .os-form input::placeholder{color:rgba(248,251,254,.7);}.osh-home .os-form input:focus{outline:none; border-color:var(--gold);}.osh-home .os-topbar{position:sticky; top:0; z-index:200; background:#fff; box-shadow:0 1px 12px rgba(0,0,0,.08);}.osh-home .os-topbar .inner{display:flex; align-items:center; justify-content:space-between; padding:.85rem 0; gap:1.5rem;}.osh-home .os-topbar nav{display:flex; gap:1.4rem; flex-wrap:wrap;}.osh-home .os-topbar nav a{font-size:.8rem; font-weight:700; color:var(--text); letter-spacing:.02em;}.osh-home .os-topbar nav a:hover{color:var(--green);}.osh-home .os-topbar .logo{height:54px; width:auto;}.osh-home .os-nav-group{display:flex; align-items:center; gap:1.6rem;}.osh-home .hero{position:relative; background:var(--navy); color:#fff; text-align:center; overflow:hidden; padding:7rem 0 5.5rem;}.osh-home .hero .bg{position:absolute; inset:0; background:url("https://www.shamanism.one/wp-content/uploads/2026/07/one-shamanism-home-hero.webp") center 35%/cover; opacity:.3;}.osh-home .hero .inner{position:relative; z-index:2;}.osh-home .hero h1{color:#fff; text-shadow:0 2px 20px rgba(0,0,0,.3);}.osh-home .hero p.lead{color:var(--cream); max-width:640px; margin:0 auto 2rem; text-shadow:0 2px 12px rgba(0,0,0,.25);}.osh-home .hero .trust{font-size:.82rem; color:rgba(248,251,254,.8); margin-top:2rem;}.osh-home .os-head{text-align:center; margin-bottom:3.2rem;}.osh-home .os-head p{max-width:640px; margin:0 auto; color:var(--text-light);}.osh-home .on-dark .os-head p{color:rgba(248,251,254,.9);}.osh-home .os-footer{background:var(--navy-deep); color:rgba(248,251,254,.8); padding:4rem 0 2.2rem;}.osh-home .os-footer .cols{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:2.5rem;}.osh-home .os-footer h4{font-family:var(--font-body); font-weight:700; font-size:.75rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--gold); margin:0 0 1rem;}.osh-home .os-footer ul{list-style:none; margin:0; padding:0;}.osh-home .os-footer li{margin-bottom:.5rem;}.osh-home .os-footer a{color:rgba(248,251,254,.8); font-size:.9rem;}.osh-home .os-footer a:hover{color:#fff;}.osh-home .os-footer .brand img{height:52px; margin-bottom:1rem;}.osh-home .os-footer .brand p{font-size:.9rem; line-height:1.7; max-width:280px;}.osh-home .os-footer .base{border-top:1px solid rgba(255,255,255,.12); margin-top:2.5rem; padding-top:1.6rem;
  font-size:.8rem; color:rgba(248,251,254,.6); display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem;}.osh-home .os-footer .base a{color:inherit; font-size:.8rem;}.osh-home .oracle-grid{display:grid; gap:1.2rem; grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}.osh-home .oracle{background:#fff; border-top:3px solid var(--gold); padding:1.8rem 1rem;
  display:flex; flex-direction:column; align-items:center; gap:.45rem; text-align:center;}.osh-home .oracle .glyph{width:52px; height:52px; border-radius:999px; background:var(--navy); color:#fff;
  display:flex; align-items:center; justify-content:center;}.osh-home .oracle .glyph svg{width:26px; height:26px;}.osh-home .oracle h3{font-family:var(--font-display); font-weight:500; font-size:1.25rem; color:var(--navy); margin:.2rem 0 0;}.osh-home .oracle small{font-size:.7rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--gold-text);}.osh-home .os-highlight{background:#fff; border-left:3px solid var(--gold); padding:1.4rem 1.6rem; margin-top:1.6rem;}.osh-home .os-highlight h4{font-family:var(--font-display); font-weight:500; font-size:1.25rem; color:var(--navy); margin:0 0 .4rem;}.osh-home .os-highlight p{margin:0; font-size:.98rem; color:var(--text-light);}.osh-home .os-highlight strong{color:var(--navy);}.osh-home #_form_39_{max-width:520px; margin:1.8rem auto 0; padding:0; background:transparent; color:#fff; text-align:center;}.osh-home #_form_39_ ._form-content{display:flex; flex-direction:column; align-items:center; gap:.9rem;}.osh-home #_form_39_ ._form_element{order:1; width:100%; max-width:420px; margin:0; position:relative;}.osh-home #_form_39_ ._form_element._clear{order:3; max-width:520px;}.osh-home #_form_39_ ._button-wrapper{order:2;}.osh-home #_form_39_ ._form-label{display:none;}.osh-home #_form_39_ input[type="text"]{width:100%; box-sizing:border-box; padding:1rem 1.1rem; border-radius:0;
  border:1px solid rgba(255,255,255,.4); background:rgba(255,255,255,.12); color:#fff;
  font-family:var(--font-body); font-size:1rem;}.osh-home #_form_39_ input[type="text"]::placeholder{color:rgba(248,251,254,.7);}.osh-home #_form_39_ input[type="text"]:focus{outline:none; border-color:var(--gold);}.osh-home #_form_39_ ._submit{font-family:var(--font-body); font-weight:700; font-size:.8rem; letter-spacing:.14em;
  text-transform:uppercase; background:var(--gold) !important; color:var(--ink-cta) !important;
  border:2px solid var(--gold); padding:1rem 2.2rem; cursor:pointer; border-radius:0; transition:all .25s ease;}.osh-home #_form_39_ ._submit:hover{background:var(--gold-hover) !important; border-color:var(--gold-hover); transform:translateY(-2px);}.osh-home #_form_39_ ._html-code{font-size:.82rem; color:rgba(248,251,254,.82);}.osh-home #_form_39_ ._html-code a{color:var(--gold); text-decoration:underline;}.osh-home #_form_39_ ._form-thank-you{color:#fff; margin-top:1rem; font-size:1.1rem;}.osh-home #_form_39_ ._error-inner{color:#000;}@media (max-width:900px){.osh-home{--section:4rem;}.osh-home .os-split, .osh-home .os-split.narrow-img{grid-template-columns:1fr; gap:2rem;}.osh-home .os-footer .cols{grid-template-columns:1fr 1fr; gap:2rem;}
}@media (max-width:620px){.osh-home .os-topbar nav{display:none;}.osh-home .event .tag{display:none;}.osh-home .os-footer .cols{grid-template-columns:1fr;}
}@media (prefers-reduced-motion:reduce){.osh-home *{scroll-behavior:auto;}.osh-home .btn:hover{transform:none;}
}

/* ══════════════════════════════════════════════════════════════════
   v1.1 MOBILE-FIX — Buch- & Your-Guide-Bereich (os-split)
   Verhindert abgeschnittene Inhalte auf Mobilgeräten:
   1) Grid-Kinder dürfen schrumpfen (min-width:0)
   2) os-split bricht auf Mobile garantiert auf 1 Spalte um (!important)
   3) Bilder skalieren immer mit, nichts läuft seitlich über
   ══════════════════════════════════════════════════════════════════ */
.osh-home{ overflow-x:clip; }
.osh-home .os-split > *{ min-width:0; }
.osh-home .os-split img{ max-width:100%; height:auto; }

@media (max-width:900px){
  .osh-home .os-split,
  .osh-home .os-split.narrow-img{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:2rem !important;
  }
  .osh-home .os-split > div:first-child{ text-align:center; }
  .osh-home .os-split img{ margin-left:auto; margin-right:auto; }
}

/* =====================================================================
   GUTENBERG-BLOCK-KOMPATIBILITÄT — Startseite als Blöcke (ab v3.7)
   Die Startseite bestand vorher aus rohem HTML. Als Blöcke rendert
   WordPress eigene Wrapper (.wp-block-button, .wp-block-buttons …),
   die hier auf das bestehende .osh-home-Design gemappt werden.
   ===================================================================== */

/* Kursiv-Akzente in Überschriften: Gutenberg entfernt class="os-em"
   auf Inline-<em>, deshalb direkt auf das Element stylen. */
.osh-home .os-h1 em,
.osh-home .os-h2 em,
.osh-home .os-h3 em{font-style:italic; color:var(--gold-text);}
.osh-home .on-dark .os-h1 em,
.osh-home .on-dark .os-h2 em,
.osh-home .hero .os-h1 em{color:var(--gold);}

/* Button-Reihen */
.osh-home .wp-block-buttons{margin:0;}
.osh-home .wp-block-buttons.os-row{display:flex; flex-wrap:wrap; gap:1rem;}
.osh-home .wp-block-buttons.os-row.center{justify-content:center;}

/* Buttons: .osb + Variante am Wrapper, Look liegt auf dem <a> */
.osh-home .osb .wp-block-button__link{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  font-family:var(--font-body); font-weight:700; font-size:.8rem;
  letter-spacing:.14em; text-transform:uppercase; line-height:1;
  padding:1rem 1.9rem; border:2px solid transparent; border-radius:0;
  cursor:pointer; transition:all .25s ease; text-align:center; text-decoration:none;}
.osh-home .osb .wp-block-button__link:hover{transform:translateY(-2px);}
.osh-home .osb-gold  .wp-block-button__link{background:var(--gold); color:var(--ink-cta); border-color:var(--gold);}
.osh-home .osb-gold  .wp-block-button__link:hover{background:var(--gold-hover); border-color:var(--gold-hover); color:var(--ink-cta);}
.osh-home .osb-navy  .wp-block-button__link{background:var(--navy); color:#fff; border-color:var(--navy);}
.osh-home .osb-navy  .wp-block-button__link:hover{background:var(--navy-deep); border-color:var(--navy-deep); color:#fff;}
.osh-home .osb-green .wp-block-button__link{background:var(--green); color:#fff; border-color:var(--green);}
.osh-home .osb-ghost .wp-block-button__link{background:transparent; color:#fff; border-color:rgba(255,255,255,.55);}
.osh-home .osb-ghost .wp-block-button__link:hover{background:rgba(255,255,255,.12); border-color:#fff; color:#fff;}

/* Icons aus dem Plugin-Sprite in Cards / Bändern */
.osh-home .card > svg{width:28px; height:28px; color:var(--green); margin-bottom:1rem; display:block;}
.osh-home .card.accent-gold > svg{color:var(--gold-text);}
.osh-home .on-dark .card > svg{color:var(--green);}
.osh-home .os-wrap > svg{color:var(--gold); margin:0 auto 1rem; display:block;}

/* Gutenberg-Layout-Wrapper neutralisieren, damit das Grid greift */
.osh-home .os-grid.wp-block-group{display:grid;}
.osh-home .wp-block-image{margin:0;}
.osh-home .wp-block-heading{}

/* ---- Events-Seite (/events/) ---- */
.osh-home .hero-events .bg{
  background:url('https://www.shamanism.one/wp-content/uploads/2024/10/One-Shamanism-Community.webp') center/cover no-repeat;}
.osh-home .os-evlink{margin:.75rem 0 0; font-size:.9rem;}
.osh-home .os-evlink a{color:var(--gold-text); font-weight:700; text-decoration:none; letter-spacing:.04em;}
.osh-home .os-evlink a:hover{text-decoration:underline;}

/* =====================================================================
   FIXES v3.8
   ===================================================================== */

/* 1) Breitenbegrenzung: .os-wrap/.os-measure sind jetzt auch .wp-block-group.
      Mit erhoehter Spezifitaet erneut setzen, damit Theme/Gutenberg sie
      nicht ueberschreiben. */
.osh-home .os-wrap.wp-block-group{width:var(--wrap-width); max-width:var(--wrap-max); margin-left:auto; margin-right:auto;}
.osh-home .os-measure.wp-block-group{max-width:var(--measure); margin-left:auto; margin-right:auto;}
.osh-home section.wp-block-group{max-width:none; margin-top:0; margin-bottom:0;}

/* 2) Dunkle Baender: Hintergrund + Textfarbe (fehlte komplett) */
.osh-home .os-section.on-dark{background:var(--navy); color:#fff;}
.osh-home .os-section.on-dark .os-h2,
.osh-home .os-section.on-dark .os-h3,
.osh-home .os-section.on-dark h3,
.osh-home .os-section.on-dark h4,
.osh-home .os-section.on-dark p,
.osh-home .os-section.on-dark li{color:#fff;}
/* Helle Karten auf dunklem Grund behalten dunklen Text */
.osh-home .os-section.on-dark .card.on-cream,
.osh-home .os-section.on-dark .step.on-cream,
.osh-home .os-section.on-dark .os-highlight{color:var(--text);}
.osh-home .os-section.on-dark .card.on-cream h3,
.osh-home .os-section.on-dark .card.on-cream p,
.osh-home .os-section.on-dark .step.on-cream h3,
.osh-home .os-section.on-dark .step.on-cream p,
.osh-home .os-section.on-dark .os-highlight h4,
.osh-home .os-section.on-dark .os-highlight p{color:var(--text);}

/* 3) Icons aus dem Sprite sind strichbasiert — sonst rendern sie als schwarze Kloetze */
.osh-home svg{fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;}
.osh-home .chip svg{color:var(--gold);}
.osh-home .os-section.on-dark .card > svg{color:var(--green);}

/* 4) Vom alten Inline-CSS uebernommen */
@media (max-width:900px){:root{--section:4rem;}}

/* 5) Bilder: Gutenberg-Figure darf die natuerliche Groesse nicht aufblaehen.
      (width:100% liess Buchcover und Portrait die ganze Spalte fuellen.) */
.osh-home .wp-block-image{margin:0;}
.osh-home .wp-block-image img{max-width:100%; height:auto; display:block;}
.osh-home .os-split .wp-block-image img{max-width:360px; margin-left:auto; margin-right:auto;}
@media (max-width:900px){.osh-home .os-split .wp-block-image img{max-width:280px;}}

/* 6) Gutenberg-Layout-Abstaende (v4.0)
      WordPress setzt auf jedem Kind einer Block-Gruppe ausser dem ersten
      margin-block-start:24px. Das verschob Karten im Raster gegeneinander
      und liess Buttons in die Karten laufen. Nur den Start-Margin
      neutralisieren — die eigenen Abstaende (margin-bottom) bleiben so
      erhalten — und danach gezielt Luft vor Button-Reihen setzen. */
.osh-home .wp-block-group.is-layout-flow > *{margin-block-start:0;}
.osh-home .wp-block-group.is-layout-flow > * + .wp-block-buttons{margin-block-start:2.4rem;}
.osh-home .wp-block-group.is-layout-flow > .wp-block-buttons + p{margin-block-start:1.5rem;}
.osh-home .wp-block-group.is-layout-flow > .os-split{margin-block-start:3.5rem;}
.osh-home .hero .wp-block-group.is-layout-flow > .os-row + .wp-block-buttons{margin-block-start:1.5rem;}
.osh-home .os-split .wp-block-group.is-layout-flow > * + .wp-block-buttons{margin-block-start:1.8rem;}

/* 7) Navigation lag hinter dem Hero-Text (v4.1)
      Der Hero-Inhalt (.os-wrap.inner) hat z-index:2, der sticky Header des
      Themes nur z-index:1. Weil .hero keinen eigenen Stacking-Kontext
      aufmachte, stieg der Hero-Text in die oberste Ebene auf und schien
      durch die weisse Navigation. z-index:0 kapselt die inneren Ebenen. */
.osh-home .hero{z-index:0;}

/* =====================================================================
   BLOGSEITE /blog/ — "Shamanic Sharings" (v4.3)
   Query-Loop im Karten-Raster, Kategorie-Filter, Paginierung
   ===================================================================== */
.osh-home .hero-blog .bg{
  background:url('https://www.shamanism.one/wp-content/uploads/2024/02/Shamanic-Traditions.webp') center/cover no-repeat;}

/* Kategorie-Filter */
.osh-home .blog-filter{margin-bottom:3rem; gap:.6rem;}
.osh-home .blog-chip{
  display:inline-flex; align-items:center; padding:.5rem 1.1rem; border-radius:999px;
  border:1px solid var(--hairline); background:var(--white);
  font-size:.78rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  color:var(--text-light); text-decoration:none; transition:all .2s ease;}
.osh-home .blog-chip:hover{border-color:var(--gold); color:var(--ink-cta); background:var(--gold);}
.osh-home .blog-chip.is-active{background:var(--navy); border-color:var(--navy); color:#fff;}

/* Beitragskarten */
.osh-home .osh-blog .wp-block-post-template{
  display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem;
  list-style:none; padding:0; margin:0;}
.osh-home .osh-blog .wp-block-post{
  display:flex; flex-direction:column; background:var(--white);
  border-left:3px solid var(--green); overflow:hidden;}
.osh-home .osh-blog .wp-block-post:nth-child(3n){border-left-color:var(--gold);}
.osh-home .osh-blog .wp-block-post-featured-image{margin:0;}
.osh-home .osh-blog .wp-block-post-featured-image img{width:100%; height:100%; object-fit:cover; display:block;}
.osh-home .osh-blog .wp-block-post-date{
  padding:1.3rem 1.6rem 0; margin:0; font-size:.7rem; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase; color:var(--gold-text);}
.osh-home .osh-blog .wp-block-post-title{
  padding:.5rem 1.6rem 0; margin:0;
  font-family:var(--font-display); font-weight:500; font-size:1.3rem; line-height:1.25;}
.osh-home .osh-blog .wp-block-post-title a{color:var(--navy); text-decoration:none;}
.osh-home .osh-blog .wp-block-post-title a:hover{color:var(--gold-text);}
.osh-home .osh-blog .wp-block-post-excerpt{
  padding:.7rem 1.6rem 1.6rem; margin:0; color:var(--text-light); font-size:.95rem;}
.osh-home .osh-blog .wp-block-post-excerpt__more-link{
  display:inline-block; margin-top:.6rem; color:var(--gold-text);
  font-weight:700; font-size:.8rem; letter-spacing:.06em; text-decoration:none;}
.osh-home .osh-blog .wp-block-post-excerpt__more-link:hover{text-decoration:underline;}

/* Paginierung */
.osh-home .wp-block-query-pagination{margin-top:3.5rem; gap:.5rem; justify-content:center;}
.osh-home .wp-block-query-pagination a,
.osh-home .wp-block-query-pagination .current{
  padding:.6rem .95rem; border:1px solid var(--hairline);
  font-size:.85rem; font-weight:700; text-decoration:none; color:var(--navy);}
.osh-home .wp-block-query-pagination a:hover{background:var(--navy); border-color:var(--navy); color:#fff;}
.osh-home .wp-block-query-pagination .current{background:var(--navy); border-color:var(--navy); color:#fff;}

@media (max-width:960px){
  .osh-home .osh-blog .wp-block-post-template{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .osh-home .osh-blog .wp-block-post-template{grid-template-columns:1fr;}
}

/* ---- Angebots-/Wissensseiten im Home-Design (v4.5) ---- */
.osh-home .hero-soul .bg{
  background:url('https://www.shamanism.one/wp-content/uploads/2023/08/Soul-Retrieval-Shamanism.webp') center/cover no-repeat;}
.osh-home .hero-hearth .bg{
  background:url('https://www.shamanism.one/wp-content/uploads/2024/02/Stag-Totem-Animal.webp') center/cover no-repeat;}
.osh-home .hero-ancestral .bg{
  background:url('https://www.shamanism.one/wp-content/uploads/2024/08/crow-spirit-animal.png') center/cover no-repeat;}
.osh-home .hero-free .bg{
  background:url('https://www.shamanism.one/wp-content/uploads/2024/06/Red-Fox-Power-Animal.webp') center/cover no-repeat;}
.osh-home .hero-podcast .bg{
  background:url('https://www.shamanism.one/wp-content/uploads/2024/02/Shamanic-Journeying-1.webp') center/cover no-repeat;}
.osh-home .hero-lotus .bg{
  background:url('https://www.shamanism.one/wp-content/uploads/2024/02/Snow-Owl-Totem-Animal.webp') center/cover no-repeat;}

/* Eingebettete Player (Spotify, YouTube) */
.osh-home .os-embed{margin:0 0 1.5rem;}
.osh-home .os-embed iframe{width:100%; border:0; display:block;}
.osh-home .wp-block-embed{margin:0;}
.osh-home .wp-block-embed iframe{width:100%;}

/* =====================================================================
   VOLLBREITE AUF NORMALEN SEITEN (v4.7)
   Das Theme begrenzt Bloecke im Seiteninhalt auf 720px (content-size).
   Auf der Startseite lief der Wrapper als "alignfull", auf normalen
   Seiten nicht — dadurch war .os-wrap nur 648px breit und die
   3er-Raster brachen auf 2 Spalten um.
   ===================================================================== */
.osh-home{max-width: none; width: 100%;}
.osh-home > *{max-width: none;}

/* =====================================================================
   FIXES v4.8
   ===================================================================== */

/* 1) KRITISCH: In dunklen Baendern wurde ALLES weiss gefaerbt — auch der
      Text in hellen Karten. Ergebnis: weisse Schrift auf weisser Karte
      (unsichtbar). Alle hellen Bausteine brauchen wieder dunklen Text. */
.osh-home .os-section.on-dark .card,
.osh-home .os-section.on-dark .step,
.osh-home .os-section.on-dark .tmt,
.osh-home .os-section.on-dark .os-highlight,
.osh-home .os-section.on-dark .faq{color: var(--text);}

.osh-home .os-section.on-dark .card h3,
.osh-home .os-section.on-dark .step h3,
.osh-home .os-section.on-dark .os-highlight h4{color: var(--navy);}

.osh-home .os-section.on-dark .card p,
.osh-home .os-section.on-dark .step p,
.osh-home .os-section.on-dark .tmt p,
.osh-home .os-section.on-dark .os-highlight p,
.osh-home .os-section.on-dark .faq p,
.osh-home .os-section.on-dark .faq summary{color: var(--text);}

.osh-home .os-section.on-dark .tmt b{color: var(--navy);}
.osh-home .os-section.on-dark .tmt small{color: var(--text-light);}

/* 2) Absaetze direkt nach einem Raster klebten daran fest */
.osh-home .wp-block-group.is-layout-flow > .os-grid + p,
.osh-home .wp-block-group.is-layout-flow > .os-split + p,
.osh-home .wp-block-group.is-layout-flow > .faq + p{margin-block-start: 2.4rem;}

/* 3) Eyebrow in dunklen Baendern: dunkles Gold hatte kaum Kontrast.
      Greift jetzt unabhaengig davon, ob die on-dark-Klasse gesetzt wurde. */
.osh-home .os-section.on-dark .os-eyebrow,
.osh-home .hero.on-dark .os-eyebrow{color: var(--gold);}
/* ...aber nicht in hellen Karten innerhalb dunkler Baender */
.osh-home .os-section.on-dark .card .os-eyebrow,
.osh-home .os-section.on-dark .step .os-eyebrow{color: var(--gold-text);}


/* =====================================================================
   FIXES v4.9
   ===================================================================== */

/* 1) Weisser Balken zwischen letzter Sektion und Footer.
      Das Theme legt um den Seiteninhalt ein <main> mit 80px/40px Padding
      und haengt einen Spacer + leeren Container an. Bei .osh-shaman war
      das schon abgefangen — fuer .osh-home fehlte es. */
main:has(.osh-home){padding-top: 0 !important; padding-bottom: 0 !important;}
main:has(.osh-home) > .wp-block-spacer{display: none !important;}
main:has(.osh-home) > .ona-container{display: none !important;}

/* 2) Freebie-Block (wiederverwendbarer Block) steht jetzt fuer sich.
      Er bringt eigenes Design mit — nur Abstaende angleichen. */
.osh-home > .wp-block-block{margin: 0;}
.osh-home > .wp-block-block > *:first-child{margin-top: 0;}

/* =====================================================================
   BLOG-PAGINIERUNG + FREEBIE-BLOCK (v5.0)
   ===================================================================== */

/* 1) Paginierung ueberlappte: die Seitenzahlen sind inline-Elemente mit
      Rahmen — dadurch waechst die Zeilenhoehe nicht mit und "Next Page"
      rutschte unter die Zahlen. Konsequent auf Flex umstellen. */
.osh-home .wp-block-query-pagination,
.osh-home .wp-block-query-pagination > div,
.osh-home .wp-block-query-pagination-numbers{
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .5rem;}

.osh-home .wp-block-query-pagination a,
.osh-home .wp-block-query-pagination span.page-numbers{
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 2.7rem; height: 2.7rem; padding: 0 .85rem;
  border: 1px solid var(--hairline); background: var(--white);
  font-size: .85rem; font-weight: 700; line-height: 1;
  color: var(--navy); text-decoration: none; transition: all .2s ease;}

.osh-home .wp-block-query-pagination a:hover{
  background: var(--navy); border-color: var(--navy); color: #fff;}
.osh-home .wp-block-query-pagination span.page-numbers.current{
  background: var(--navy); border-color: var(--navy); color: #fff;}
.osh-home .wp-block-query-pagination span.page-numbers.dots{
  border: none; background: none; min-width: auto;}
.osh-home .wp-block-query-pagination-next,
.osh-home .wp-block-query-pagination-previous{padding: 0 1.2rem !important;}

/* 2) Freebie-Block: brachte eigene Farben mit, die auf dem tuerkisen
      Grund untergingen — CTA war tuerkis auf tuerkis, der Privacy-Link
      gruen auf tuerkis. */
.osh-home .ona-text{color: var(--white);}
.osh-home form a,
.osh-home ._form a{color: var(--gold); text-decoration: underline; text-underline-offset: 3px;}
.osh-home form a:hover,
.osh-home ._form a:hover{color: #fff;}

.osh-home ._submit,
.osh-home form button[type="submit"],
.osh-home form input[type="submit"]{
  background: var(--gold) !important; color: var(--ink-cta) !important;
  border: 0 !important; border-radius: 0 !important;
  font-family: var(--font-body); font-weight: 700; font-size: .8rem;
  letter-spacing: .14em; text-transform: uppercase;
  padding: 1rem 1.9rem !important; cursor: pointer; transition: all .25s ease;}
.osh-home ._submit:hover,
.osh-home form button[type="submit"]:hover{
  background: var(--gold-hover) !important; transform: translateY(-2px);}

/* =====================================================================
   SPIRIT ANIMALS A–Z + PATH OF THE PAWS (v5.2)
   ===================================================================== */
.osh-home .hero-spirit-az .bg{
  background:url('https://www.shamanism.one/wp-content/uploads/2024/02/Spirit-Totem-Bear.webp') center/cover no-repeat;}
.osh-home .hero-paws .bg{
  background:url('https://www.shamanism.one/wp-content/uploads/2023/09/the-path-of-the-paws-orakelkarten-1-1024x768.jpeg') center/cover no-repeat;}

/* Karten-Galerie (Orakelkarten sind hochformatig) */
.osh-home .paws-gal{
  display:grid; grid-template-columns:repeat(5,1fr); gap:1.2rem; align-items:start;}
.osh-home .paws-gal figure{margin:0;}
.osh-home .paws-gal img{
  width:100%; height:auto; display:block; aspect-ratio:3/4; object-fit:cover;
  box-shadow:0 14px 34px rgba(0,0,0,.18); transition:transform .3s ease;}
.osh-home .paws-gal figure:hover img{transform:translateY(-6px);}
@media (max-width:900px){.osh-home .paws-gal{grid-template-columns:repeat(3,1fr);}}
@media (max-width:560px){.osh-home .paws-gal{grid-template-columns:repeat(2,1fr);}}

/* Zitat-Band auf hellem Grund (Path of the Paws) */
.osh-home .os-section.os-center:not(.on-dark) .quote{color:var(--navy);}
.osh-home .os-section.os-center:not(.on-dark) .quote .cite{color:var(--gold-text);}

/* 4) Doppelter Seitentitel (v5.3)
      Das Theme rendert den Seitentitel als eigenes <h1> ueber dem Inhalt.
      Unsere Seiten haben ihre Ueberschrift bereits im Hero — dadurch stand
      der Titel doppelt da, und die Seite hatte ZWEI <h1> (schlecht fuer SEO).
      Gilt fuer alle Seiten im Home-Design, unabhaengig vom gewaehlten Template. */
main:has(.osh-home) > .wp-block-post-title{display: none !important;}

/* Spirit Animal Online Course (v5.5) */
.osh-home .hero-course .bg{
  background:url('https://www.shamanism.one/wp-content/uploads/2024/02/Power-Animals-Online-Course.webp') center/cover no-repeat;}

/* Power Animal Finder (v6.2) */
.osh-home .hero-finder .bg{
  background:url('https://www.shamanism.one/wp-content/uploads/2024/08/spirit-animals-in-mystical-forest.webp') center/cover no-repeat;}
