/* ============================================================
   NUBA EDUCATION · VARIANTE B · Unterseite Dimensional Balayage
   Lädt nach variante-b.css. Die Bausteine «vbs-*» sind die
   gemeinsamen Unterseiten-Bausteine (gleich in vb-balayage-masterclass.css).
   ============================================================ */

/* ---------- Unterseite: Logo in der Leiste immer sichtbar ---------- */
.vbs .vb-brand img{opacity:1;transform:none;}

/* ---------- Hero: Brotkrümel + Zusatz in der Vertrauenszeile ---------- */
.vbs-crumb{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem .75rem;margin-bottom:1.6rem;font-size:.7rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--cr-faint);}
.vbs-crumb a{color:var(--cr-soft);transition:color .25s;}
.vbs-crumb a:hover{color:var(--gold);}
.vbs-crumb span[aria-hidden]{color:var(--gold);opacity:.7;}
.vbs-crumb [aria-current]{color:var(--gold);}
.vbs .vb-pill b{font-weight:600;}
.vbs-more{color:var(--gold);border-bottom:1px solid rgba(239,201,128,.4);padding-bottom:1px;}
.vb-trust:hover .vbs-more{border-color:var(--gold);}
@media(max-width:600px){.vbs .vb-trust > span.vbs-more{flex-basis:auto;}.vbs .vb-trust > span:nth-last-child(2){flex-basis:100%;}}
.vbs .vb-hero-bg .vb-kb img{object-position:50% 30%;}

/* ---------- Eckdaten-Leiste ---------- */
.vbs-facts{position:relative;background:var(--deep);color:var(--cr);padding-block:clamp(2.75rem,4.4vw,3.6rem);border-top:1px solid rgba(239,201,128,.18);}
.vbs-facts-dl{display:grid;grid-template-columns:repeat(5,1fr);}
.vbs-fact{position:relative;text-align:center;padding:0 1.2rem;}
.vbs-fact + .vbs-fact::before{content:"";position:absolute;left:0;top:.15rem;bottom:.15rem;width:1px;background:var(--gline);}
.vbs-fact dt{font-size:.64rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);line-height:1.4;}
.vbs-fact dd{margin-top:.6rem;font-family:'Fraunces',serif;font-weight:340;font-variation-settings:'wght' 340;font-size:clamp(1.3rem,1.9vw,1.7rem);line-height:1.12;color:#FFFAEC;}
.vbs-fact dd small{display:block;margin-top:.4rem;font-family:'Hanken Grotesk',sans-serif;font-size:.8rem;line-height:1.45;color:var(--cr-soft);letter-spacing:0;}
@media(max-width:900px){
  .vbs-facts-dl{grid-template-columns:repeat(2,1fr);row-gap:0;}
  .vbs-fact{padding:1.3rem .8rem;}
  .vbs-fact:nth-child(-n+2){padding-top:0;}
  .vbs-fact + .vbs-fact::before{display:none;}
  .vbs-fact:nth-child(even)::after{content:"";position:absolute;left:0;top:1.3rem;bottom:1.3rem;width:1px;background:var(--gline);}
  .vbs-fact:nth-child(2)::after{top:0;}
  .vbs-fact:nth-child(n+3){border-top:1px solid var(--gline);}
  .vbs-fact.wide{grid-column:1/-1;padding-bottom:0;}
}

/* ---------- Zwei Karten auf Navy (Placement / Tease) ---------- */
.vbs-twin{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-top:clamp(3rem,6vw,4.5rem);}
.vbs-twin-card{position:relative;padding:2rem 1.9rem 2.1rem;border:1px solid rgba(239,201,128,.2);background:linear-gradient(160deg,rgba(255,250,236,.06),rgba(255,250,236,.015));
  transition:transform .45s var(--ease),border-color .45s,background .45s;}
.vbs-twin-card:hover{transform:translateY(-6px);border-color:rgba(239,201,128,.5);}
.vbs-twin-card .k{display:block;font-size:.66rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);}
.vbs-twin-card .q{display:block;margin-top:.7rem;font-family:'Fraunces',serif;font-style:italic;font-weight:340;font-variation-settings:'wght' 340;font-size:clamp(1.7rem,2.6vw,2.2rem);line-height:1.1;
  background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:.06em;}
.vbs-twin-card p{margin-top:.8rem;color:var(--cr-soft);font-size:.98rem;line-height:1.62;}
.vbs .vbs-twin + .vb-indep{margin-top:1.1rem;max-width:none;}
@media(max-width:700px){.vbs-twin{grid-template-columns:1fr;}}

/* ---------- Lernkarten «Danach kannst du» ---------- */
.vbs-learn{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:clamp(3rem,6vw,4.5rem);}
.vbs-learn-item{background:var(--paper);border:1px solid var(--line);padding:1.9rem 1.75rem 2rem;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s;}
.vbs-learn-item:hover{transform:translateY(-6px);box-shadow:0 26px 50px -30px rgba(0,14,61,.4);border-color:rgba(138,106,34,.35);}
.vbs-learn-item .n{display:block;font-family:'Fraunces',serif;font-style:italic;font-weight:340;font-variation-settings:'wght' 340;font-size:2.5rem;line-height:1;
  background:var(--grad-gold-deep);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:.06em;}
.vbs-learn-item h3{margin-top:1rem;font-size:1.55rem;line-height:1.15;}
.vbs-learn-item p{margin-top:.6rem;font-size:.98rem;line-height:1.6;color:var(--ink);}
@media(max-width:1000px){.vbs-learn{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){
  .vbs-learn{grid-template-columns:1fr;gap:.8rem;}
  .vbs-learn-item{display:grid;grid-template-columns:3.1rem 1fr;column-gap:.9rem;padding:1.4rem 1.3rem 1.5rem;}
  .vbs-learn-item .n{grid-row:1/3;font-size:2.1rem;}
  .vbs-learn-item h3{margin-top:.2rem;font-size:1.35rem;}
  .vbs-learn-item p{margin-top:.4rem;font-size:.95rem;}
}

/* ---------- Querverweis «Und danach» ---------- */
.vbs-next{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2.5rem,6vw,5.5rem);align-items:center;}
.vbs-next-pic{position:relative;display:block;}
.vbs-next-pic::before{content:"";position:absolute;inset:-16px 16px 16px -16px;border:1px solid rgba(239,201,128,.45);}
.vbs-next-pic img{position:relative;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 35%;transition:transform 1.2s var(--ease);}
.vbs-next-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .8rem;margin-top:1.3rem;}
.vbs-next-tags .day{font-size:.74rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#FFFAEC;}
.vbs-next-tags .chip{font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:var(--gold);color:var(--navy);padding:.32rem .7rem;border-radius:999px;}
.vbs-next-tags .chip.new{background:transparent;color:var(--gold);border:1px solid rgba(239,201,128,.6);}
.vbs-next-body h2{font-size:clamp(2.1rem,4.4vw,3.6rem);margin-top:1rem;}
.vbs-next-body .lead{margin-top:1.3rem;}
.vbs-next-meta{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:0 2.4rem;margin:1.8rem 0 .9rem;padding-top:1.3rem;border-top:1px solid var(--gline);}
.vbs-next-meta dt{font-size:.64rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);}
.vbs-next-meta dd{margin-top:.35rem;font-family:'Fraunces',serif;font-weight:340;font-variation-settings:'wght' 340;font-size:1.35rem;line-height:1.15;color:#FFFAEC;white-space:nowrap;}
.vbs-next .vb-cta{margin-top:1.8rem;}
@media(max-width:900px){
  .vbs-next{grid-template-columns:1fr;}
  .vbs-next-pic{max-width:440px;margin:16px auto 0;width:calc(100% - 16px);}
}
@media(max-width:600px){
  .vbs-next-pic{max-width:340px;}
  .vbs-next-meta{grid-template-columns:1fr 1fr;gap:1.1rem 1.4rem;}
  .vbs-next .vb-cta .vb-btn{width:100%;}
}

/* ---------- Anmeldung: eigenes Seminar hervorheben ---------- */
.h-price.vbs-price-on{background:linear-gradient(90deg,rgba(239,201,128,.22),rgba(239,201,128,0) 85%);box-shadow:inset 3px 0 0 var(--gold-mid);padding-left:.9rem;margin-left:-.9rem;}

/* ---------- Bild «Wer dir das zeigt»: echtes 4:5, auch am Handy Hochformat ---------- */
.vbs .vb-about-pic img{height:auto;}
@media(max-width:600px){.vbs .vb-about-pic img{aspect-ratio:4/5;}}

/* ---------- Schluss-Aufruf: Leitsatz ---------- */
.vbs .vb-end .sig em{font-style:italic;}

/* ---------- Abstände: Kicker ohne Zeilen-Strut (oben = unten) ---------- */
.vbs .vb-head > .kicker,.vbs .vb-about-body > .kicker,.vbs .vb-reg-info > .kicker,.vbs .vbs-next-body > .kicker{display:flex;width:fit-content;max-width:100%;}
.vbs .vb-steps .h-step:last-child{padding-bottom:0;}
@media(max-width:640px){.vbs .vb-wall{padding-bottom:0;}}
.vbs #ergebnisse h2 em{display:block;}