/* ============================================================
   NUBA EDUCATION · VARIANTE B · Farb-Check (Quiz)
   Lädt NACH variante-b.css. Nur Erscheinungsbild: Quiz-Logik,
   Texte und Klassen kommen unverändert aus der A-Seite.
   Fraunces immer 340.
   ============================================================ */

/* Unterseite: Logo in der Navigation immer sichtbar */
.vb-sub .vb-brand img{opacity:1;transform:none;}
.vbc-home{white-space:nowrap;}

/* ---------- Bühne: dunkel, Foto, Navy-Schleier, Ken Burns ---------- */
.vbc-stage{position:relative;isolation:isolate;overflow:hidden;background:var(--deep);color:var(--cr);min-height:100vh;min-height:100svh;}
.vbc-stage .vb-hero-bg::after{background:
    radial-gradient(ellipse 70% 60% at 50% 40%,rgba(0,8,41,.6) 0%,rgba(0,8,41,.3) 70%,rgba(0,8,41,.1) 100%),
    linear-gradient(180deg,rgba(0,14,61,.8) 0%,rgba(0,14,61,.7) 40%,rgba(0,8,41,.86) 80%,var(--deep) 100%);}
.vbc .fc-wrap{position:relative;max-width:800px;margin:0 auto;padding:clamp(7rem,13vw,8.5rem) var(--gut) var(--sec);}

/* ---------- Karte ---------- */
.vbc .fc-card{position:relative;overflow:hidden;padding:clamp(1.6rem,4.6vw,3.1rem);color:var(--cr);
  background:linear-gradient(160deg,rgba(0,14,61,.92) 0%,rgba(0,8,41,.95) 100%);border:1px solid rgba(239,201,128,.3);
  box-shadow:0 50px 100px -40px rgba(0,0,0,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
.vbc .fc-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 100% 0%,rgba(239,201,128,.14),rgba(239,201,128,0) 50%);}
.vbc .fc-card > *{position:relative;}

/* Startbild mittig wie der Hero der Startseite */
.vbc .fc-card:has(#fc-start){text-align:center;}
.vbc .fc-card:has(#fc-start) .fc-intro{margin-left:auto;margin-right:auto;}
.vbc .fc-arc{display:block;margin:0 auto 1.5rem;width:200px;height:auto;}
.vbc .fc-card .kicker{justify-content:center;}
.vbc .fc-card .kicker::after{content:"";width:28px;height:1px;background:currentColor;opacity:.7;}
.vbc .fc-h1{margin-top:1.2rem;font-size:clamp(2.3rem,5.6vw,3.9rem);line-height:1.04;letter-spacing:-.02em;color:#FFFAEC;}
.vbc .fc-h1 em{display:block;}
.vbc .fc-intro{margin-top:1.4rem;font-size:clamp(1.02rem,1.45vw,1.14rem);line-height:1.65;color:var(--cr);max-width:52ch;}
.vbc .fc-intro a{color:var(--gold);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(239,201,128,.5);}
.vbc .fc-intro a:hover{color:#FFFAEC;}
.vbc .fc-note{margin-top:1.1rem;font-size:.7rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--cr-faint);}

/* ---------- Buttons ---------- */
.vbc .fc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;margin-top:1.8rem;padding:1.1rem 2.05rem;cursor:pointer;text-decoration:none;
  font-family:'Hanken Grotesk',sans-serif;font-weight:600;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;line-height:1.2;
  background:var(--grad-gold);background-size:200% 100%;background-position:0 0;color:var(--navy);border:1px solid transparent;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease),color .35s,border-color .35s;}
.vbc .fc-btn:hover,.vbc .fc-btn:focus-visible{background-position:100% 0;transform:translateY(-2px);box-shadow:0 14px 34px rgba(239,201,128,.28);}
.vbc .fc-btn .arr{transition:transform .35s var(--ease);}
.vbc .fc-btn:hover .arr{transform:translateX(4px);}
.vbc .fc-btn.line{background:rgba(255,250,236,.02);border-color:rgba(239,201,128,.55);color:#FFFAEC;}
.vbc .fc-btn.line:hover,.vbc .fc-btn.line:focus-visible{background:rgba(239,201,128,.12);border-color:var(--gold);box-shadow:none;}

/* ---------- Frage ---------- */
.vbc .fc-progress{height:4px;background:rgba(255,250,236,.1);overflow:hidden;margin:0 0 .75rem;}
.vbc .fc-progress i{display:block;height:100%;background:var(--grad-gold);transition:width .45s var(--ease);}
.vbc .fc-meta{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.7rem;font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cr-soft);}
.vbc .fc-topic{display:inline-flex;align-items:center;gap:.8rem;margin-bottom:1rem;font-size:.7rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);}
.vbc .fc-topic::before{content:"";width:28px;height:1px;background:currentColor;opacity:.7;}
.vbc .fc-q{font-family:'Fraunces',serif;font-weight:340;font-variation-settings:'wght' 340;font-size:clamp(1.3rem,2.9vw,1.7rem);line-height:1.3;color:#FFFAEC;margin-bottom:1.5rem;}
.vbc .fc-multi{display:block;margin:-.7rem 0 1.2rem;font-size:.92rem;font-weight:600;color:var(--gold);}
.vbc .fc-opt{display:block;width:100%;text-align:left;margin-bottom:.7rem;padding:1rem 1.2rem;cursor:pointer;
  font-family:'Hanken Grotesk',sans-serif;font-size:1rem;font-weight:300;line-height:1.5;color:var(--cr);
  background:rgba(255,250,236,.04);border:1px solid rgba(239,201,128,.22);
  transition:border-color .25s,background .25s,transform .35s var(--ease);}
.vbc .fc-opt:hover:not(:disabled){border-color:var(--gold);background:rgba(239,201,128,.08);transform:translateX(4px);}
.vbc .fc-opt:disabled{cursor:default;}
.vbc .fc-opt.sel{background:rgba(239,201,128,.14);border-color:var(--gold);font-weight:600;color:#FFFAEC;}
.vbc .fc-opt.ok{background:rgba(88,196,136,.16);border-color:#5FC48A;font-weight:600;color:#FFFAEC;}
.vbc .fc-opt.no{background:rgba(232,110,96,.13);border-color:#E86E60;color:var(--cr);}
.vbc .fc-exp{margin-top:1.1rem;padding:1.1rem 1.3rem;border-left:3px solid var(--gold);background:rgba(239,201,128,.07);font-size:.98rem;line-height:1.6;color:var(--cr);}
.vbc .fc-exp b{color:#FFFAEC;font-weight:600;}
.vbc .fc-deep{margin-top:.8rem;padding-top:.8rem;border-top:1px dashed rgba(239,201,128,.5);font-size:.94rem;font-style:italic;color:var(--cr);}

/* ---------- Ergebnis ---------- */
.vbc .fc-score{font-family:'Fraunces',serif;font-weight:340;font-variation-settings:'wght' 340;font-size:clamp(4.2rem,13vw,6.8rem);line-height:1;letter-spacing:-.02em;margin-top:.3rem;
  background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.vbc .fc-verdict{font-family:'Fraunces',serif;font-weight:340;font-variation-settings:'wght' 340;font-size:clamp(1.4rem,3.2vw,1.95rem);line-height:1.25;color:#FFFAEC;margin-top:1rem;}
.vbc .fc-verdict em{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:.06em;}
.vbc .fc-vsub{margin-top:1rem;font-size:1rem;line-height:1.65;color:var(--cr-soft);max-width:52ch;}
.vbc .fc-miss{margin-top:2rem;padding:1.4rem 1.5rem;text-align:left;border:1px solid var(--gline);background:rgba(239,201,128,.05);}
.vbc .fc-miss h3{font-family:'Hanken Grotesk',sans-serif;font-variation-settings:normal;font-size:.68rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;line-height:1.6;color:var(--gold);margin-bottom:.8rem;}
.vbc .fc-miss div{padding:.45rem 0;font-size:.96rem;line-height:1.55;color:var(--cr-soft);border-top:1px solid rgba(239,201,128,.1);}
.vbc .fc-miss h3 + div{border-top:0;}
.vbc .fc-miss div b{color:#FFFAEC;font-weight:600;}

/* Bewertung wie die dunkle Wand der Startseite (Inhalt unverändert) */
.vbc .fc-rv{margin-top:2.4rem;text-align:center;}
.vbc .fc-rv .k{display:block;margin-bottom:1rem;font-size:.68rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);}
.vbc .fc-rv .rv.solo{text-align:left;padding:1.5rem 1.6rem 1.6rem;background:linear-gradient(160deg,rgba(255,250,236,.07),rgba(255,250,236,.02));border:1px solid rgba(239,201,128,.2);
  transition:transform .45s var(--ease),border-color .45s;}
.vbc .fc-rv .rv.solo:hover{transform:translateY(-4px);border-color:rgba(239,201,128,.45);}
.vbc .fc-rv .rv-wer b,.vbc .fc-rv .rv p{color:#FFFAEC;}
.vbc .fc-rv .rv-q{color:var(--gold);}
.vbc .rv-cardline{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem .7rem;margin-top:1.1rem;font-size:.88rem;color:var(--cr-soft);transition:color .25s;}
.vbc .rv-cardline b{color:#FFFAEC;font-weight:600;}
.vbc .rv-cardline:hover span:last-child{color:var(--gold);}

/* Nächster Schritt: Stil der hervorgehobenen Preiskarte */
.vbc .fc-cta{position:relative;overflow:hidden;margin-top:2.4rem;padding:clamp(1.6rem,4vw,2.4rem);text-align:left;
  background:linear-gradient(165deg,var(--navy) 0%,var(--deep) 100%);border:1.5px solid var(--gold);box-shadow:0 40px 70px -36px rgba(0,0,0,.7);}
.vbc .fc-cta::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 100% 0%,rgba(239,201,128,.18),rgba(239,201,128,0) 55%);}
.vbc .fc-cta > *{position:relative;}
.vbc .fc-cta .k{display:inline-flex;align-items:center;gap:.8rem;font-size:.68rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);}
.vbc .fc-cta .k::before{content:"";width:28px;height:1px;background:currentColor;opacity:.7;}
.vbc .fc-cta h3{font-size:clamp(1.55rem,3.6vw,2.2rem);line-height:1.12;color:#FFFAEC;margin:.8rem 0 .7rem;}
.vbc .fc-cta p{font-size:.96rem;line-height:1.6;color:var(--cr);}
.vbc .fc-cta .row{display:flex;flex-wrap:wrap;gap:.8rem 1rem;margin-top:1.5rem;}
.vbc .fc-cta a{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1.05rem 1.8rem;text-decoration:none;
  font-family:'Hanken Grotesk',sans-serif;font-weight:600;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;line-height:1.2;border:1px solid transparent;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease),border-color .35s,color .35s;}
.vbc .fc-cta a.s{background:var(--grad-gold);background-size:200% 100%;color:var(--navy);}
.vbc .fc-cta a.s:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 14px 34px rgba(239,201,128,.28);}
.vbc .fc-cta a.l{border-color:rgba(239,201,128,.55);color:#FFFAEC;}
.vbc .fc-cta a.l:hover{background:rgba(239,201,128,.12);border-color:var(--gold);transform:translateY(-2px);}
.vbc .fc-cta .fc-wl{margin-top:1.2rem;font-size:.88rem;color:var(--cr-soft);}
.vbc .fc-cta .fc-wl a{display:inline;padding:0;border:0;font:inherit;letter-spacing:0;text-transform:none;background:none;color:var(--gold);
  text-decoration:underline;text-decoration-color:rgba(239,201,128,.5);text-underline-offset:3px;}
.vbc .fc-cta .fc-wl a:hover{color:#FFFAEC;transform:none;box-shadow:none;}

.vbc .fc-share{margin-top:1.6rem;padding:1.4rem 1.5rem;text-align:left;border:1px solid var(--gline);background:rgba(255,250,236,.03);}
.vbc .fc-share h3{font-size:1.3rem;line-height:1.25;color:#FFFAEC;margin-bottom:.5rem;}
.vbc .fc-share p{font-size:.95rem;line-height:1.6;color:var(--cr-soft);max-width:56ch;}
.vbc .fc-share .fc-btn{margin-top:1.1rem;padding:.85rem 1.3rem;font-size:.72rem;}

@media(max-width:600px){
  .vbc .fc-wrap{padding-left:1rem;padding-right:1rem;}
  .vbc .fc-btn{width:100%;}
  .vbc .fc-cta .row a{width:100%;}
  .vbc .fc-opt{padding:.95rem 1rem;font-size:.97rem;}
  .vbc .fc-opt:hover:not(:disabled){transform:none;}
}

/* Footer: hier gibt es keine Sticky-Leiste */
.vbc .vb-foot{padding-bottom:2.2rem;}
/* Ergebnis-Kicker mittig: Linie beidseitig */
.vbc .fc-card [style*="text-align:center"] > .fc-topic::after{content:"";width:28px;height:1px;background:currentColor;opacity:.7;}

/* 18.10.2026: Schlusssatz, «Nur noch X Plätze», offene Seminare wenn Coloristik vorbei/ausgebucht */
.vbc .fc-frei{color:var(--gold);font-weight:600;}
.vbc .fc-more{margin-top:1.6rem;text-align:left;}
.vbc .fc-more > .k{display:block;margin-bottom:.9rem;font-size:.68rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);}
.vbc .fc-sem{display:grid;gap:.35rem;margin-top:.9rem;padding:1.4rem 1.4rem 1.5rem;border-radius:18px;border:1px solid rgba(239,201,128,.3);
  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%);}
.vbc .fc-sem .top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.9rem;margin-bottom:.5rem;border-bottom:1px solid rgba(239,201,128,.22);}
.vbc .fc-sem .d{font-family:'Fraunces',serif;font-style:italic;font-weight:340;font-variation-settings:'wght' 340;font-size:2rem;line-height:1;color:var(--gold);}
.vbc .fc-sem .d small{display:block;margin-bottom:.45rem;font-family:'Hanken Grotesk',sans-serif;font-style:normal;font-size:.64rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;}
.vbc .fc-sem .p{font-family:'Fraunces',serif;font-weight:340;font-variation-settings:'wght' 340;font-size:1.35rem;color:var(--gold);white-space:nowrap;}
.vbc .fc-sem > b{font-family:'Fraunces',serif;font-weight:340;font-variation-settings:'wght' 340;font-size:1.4rem;color:#FFFAEC;}
.vbc .fc-sem > i{font-family:'Fraunces',serif;font-weight:340;font-variation-settings:'wght' 340;font-size:1rem;color:rgba(255,250,236,.78);}
.vbc .fc-sem .f{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;}
.vbc .fc-sem .f a.s{display:inline-flex;padding:.75rem 1.15rem;background:var(--grad-gold);color:var(--navy);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;}
.vbc .fc-sem .f a.l{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;}
.vbc .fc-sig{position:relative;margin-top:3rem;padding-top:2.2rem;text-align:center;font-family:'Fraunces',serif;font-weight:340;font-variation-settings:'wght' 340;font-size:clamp(1.45rem,3vw,2.1rem);line-height:1.25;color:#FFFAEC;}
.vbc .fc-sig::before{content:"";position:absolute;top:0;left:50%;width:64px;height:1px;margin-left:-32px;background:var(--grad-gold);}
.vbc .fc-sig span{display:block;}
.vbc .fc-sig em{font-style:italic;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding:.2em .3em .42em .45em;margin:-.2em -.3em -.42em -.45em;}
.vbc .fc-sig small{display:block;margin-top:1.2rem;font-family:'Hanken Grotesk',sans-serif;font-size:.78rem;letter-spacing:.32em;text-transform:uppercase;color:var(--cr-soft);}