/* ============================================================
   NUBA EDUCATION · Variante B · Warteliste (/variante-b/warteliste/)
   Ergänzt variante-b.css (body.vb.vbw). Nur Seitenstile.
   ============================================================ */

/* Logo in der Nav auf Unterseiten von Anfang an sichtbar (kein Hero-Logo) */
.vbw .vb-brand img{opacity:1;transform:none;}

/* ---------- 1 Hero mit Formular ---------- */
.vbw-hero{min-height:0;padding:calc(var(--sec) + 5.4rem) var(--gut) var(--sec);}
.vbw-grid{position:relative;width:100%;max-width:var(--maxw);display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,6vw,5.5rem);align-items:center;}
.vbw-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left;}
.vbw-info .kicker{margin-top:2rem;}
.vbw-hero h1{margin-top:1.1rem;font-size:clamp(2.4rem,4.7vw,4.4rem);line-height:1.04;}
.vbw-hero .vb-rule{margin:1.9rem 0 0;}
.vbw-hero .vb-hero-sub{margin-top:1.4rem;max-width:48ch;}

/* Formular-Karte auf dem dunklen Hero: hell, wie das Anmeldeformular der Startseite */
.vbw-form{color:var(--ink);padding:calc(2.6rem - 3px) 2.6rem calc(2.6rem + 3px);}
/* oben = unten: Headline-Schrift bringt oben mehr Luft mit als die Fußzeile unten */
.vbw-form h2{font-size:clamp(1.5rem,2.4vw,1.95rem);line-height:1.18;color:var(--navy);}
.vbw-form h2 em{background:var(--grad-gold-deep);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.vbw-form .aform{margin-top:1.4rem;}
.vbw-form .arow{align-items:end;}
.vbw-form .h-fine{font-size:.84rem;color:var(--ink-soft);}
.vbw-form .acheck a{color:var(--gold-deep);text-decoration:underline;text-underline-offset:3px;}
.vbw-form .acheck strong{color:var(--navy);}

@media(max-width:900px){
  .vbw-grid{grid-template-columns:1fr;gap:3rem;}
  .vbw-info{align-items:center;text-align:center;}
  .vbw-hero .vb-rule{margin:1.9rem auto 0;}
  .vbw-form{width:100%;max-width:620px;justify-self:center;padding:calc(clamp(1.5rem,3.5vw,2.6rem) + 3px) clamp(1.5rem,3.5vw,2.6rem) calc(clamp(1.5rem,3.5vw,2.6rem) - 3px);}
}
@media(max-width:600px){
  .vbw-hero{padding:calc(var(--sec) + 5.55rem) var(--gut) var(--sec);}
  .vbw-hero h1{font-size:clamp(2.2rem,10vw,2.8rem);}
  .vbw-info .kicker{margin-top:1.6rem;}
}

/* ---------- 2 Termine 2027: Karten mit Hover ---------- */
.vbw-dates{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:clamp(3rem,6vw,4.5rem);}
.vbw-date{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"d p" "n n";gap:1.3rem 1rem;align-items:start;
  background:var(--paper);border:1px solid var(--line);padding:2rem 1.9rem 2.1rem;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s;}
.vbw-date:hover,.vbw-date:focus-visible{transform:translateY(-8px);box-shadow:0 36px 60px -36px rgba(0,14,61,.45);border-color:rgba(138,106,34,.4);}
.vbw-date .d{grid-area:d;font-family:'Fraunces',serif;font-style:italic;font-weight:340;font-variation-settings:'wght' 340;font-size:2.6rem;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;}
.vbw-date .p{grid-area:p;font-family:'Fraunces',serif;font-weight:340;font-variation-settings:'wght' 340;font-size:1.5rem;line-height:1;color:var(--navy);white-space:nowrap;padding-top:.5rem;}
.vbw-date .n{grid-area:n;padding-top:1.2rem;border-top:1px solid var(--line);}
.vbw-date .n b{display:block;font-family:'Fraunces',serif;font-weight:340;font-variation-settings:'wght' 340;font-size:1.55rem;line-height:1.15;color:var(--navy);padding-right:1.6rem;}
.vbw-date .n small{display:block;margin-top:.5rem;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);}
.vbw-date .go{position:absolute;right:1.6rem;bottom:2rem;color:var(--gold-deep);font-size:1.2rem;transition:transform .35s var(--ease);}
.vbw-date:hover .go{transform:translateX(4px);}
.vbw-wl{text-align:center;margin-top:1rem;font-size:.95rem;color:var(--ink-soft);}
@media(max-width:960px){.vbw-dates{grid-template-columns:1fr;max-width:560px;margin-inline:auto;gap:1rem;}}
@media(max-width:560px){
  .vbw-date{padding:1.5rem 1.4rem 1.6rem;gap:1rem .8rem;}
  .vbw-date .d{font-size:2.2rem;}
  .vbw-date .n{padding-top:1rem;}
  .vbw-date .n b{font-size:1.35rem;}
  .vbw-date .go{right:1.3rem;bottom:1.6rem;}
}

@media (prefers-reduced-motion: reduce){.vbw-date:hover,.vbw-date:focus-visible{transform:none;}}

/* Terminkarten im Blau der Beispielrechnung (Christoph 14.10.) */
.vbw-date{background:radial-gradient(circle at 100% 0%,rgba(239,201,128,.16),rgba(239,201,128,0) 50%),linear-gradient(160deg,var(--navy) 0%,var(--deep) 100%);
  border:1px solid rgba(239,201,128,.3);border-radius:18px;color:var(--cr);box-shadow:0 40px 80px -40px rgba(0,14,61,.6);}
.vbw-date:hover,.vbw-date:focus-visible{border-color:rgba(239,201,128,.65);box-shadow:0 40px 80px -40px rgba(0,14,61,.7),0 24px 56px -30px rgba(239,201,128,.4);}
.vbw-date .d{color:var(--gold);}
.vbw-date .p{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.vbw-date .n{border-top-color:rgba(239,201,128,.22);}
.vbw-date .n b{color:#FFFAEC;}
.vbw-date .n small{color:var(--gold);}
.vbw-date .go{color:var(--gold);}
.vbw-date .d{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}

/* Terminkarten mit Wochentag, Leitsatz, «Platz sichern» + großer Aufruf (Christoph 17.10.) */
.vbw-date{grid-template-areas:"d p" "n n" "f f";grid-template-rows:auto 1fr auto;}
.vbw-date .d .wd{display:block;font-family:'Hanken Grotesk',system-ui,sans-serif;font-style:normal;font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.55rem;}
.vbw-date .n .cl{display:block;margin-top:.45rem;font-family:'Fraunces',serif;font-style:italic;font-weight:340;font-variation-settings:'wght' 340;font-size:1.05rem;line-height:1.3;color:rgba(255,250,236,.78);}
.vbw-date .n small{margin-top:.9rem;}
.vbw-date .f{grid-area:f;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.2rem;border-top:1px solid rgba(239,201,128,.22);}
.vbw-date .f .sec{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.15rem;background:var(--grad-gold);color:var(--deep);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:transform .35s var(--ease),box-shadow .35s var(--ease);}
.vbw-date .f .sec:hover{box-shadow:0 14px 30px -14px rgba(239,201,128,.7);}
.vbw-date .f .sec .arr{transition:transform .35s var(--ease);}
.vbw-date .f .sec:hover .arr{transform:translateX(4px);}
.vbw-date .f .det{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,250,236,.8);text-decoration:none;border-bottom:1px solid rgba(239,201,128,.45);padding-bottom:.15rem;}
.vbw-date .f .det:hover{color:var(--gold);}
.vbw-cta{max-width:640px;margin:clamp(3rem,6vw,4.5rem) auto 0;text-align:center;}
.vbw-cta .q{font-family:'Fraunces',serif;font-weight:340;font-variation-settings:'wght' 340;font-size:clamp(2.1rem,4.4vw,3.2rem);line-height:1.08;color:var(--navy);margin:0;}
.vbw-cta .t{margin:1rem auto 0;max-width:30em;font-size:1.05rem;line-height:1.6;color:var(--ink-soft);}
.vbw-cta .vb-btn{margin-top:1.8rem;}
@media(max-width:560px){.vbw-date .f .sec{padding:.7rem 1rem;}}