/* Shared CSS for CYBERSQUAD Akademie Detail-Pages — extrahiert aus v9-startseite.html */

*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#FAFBFF;--bg-2:#F3F5FB;--bg-3:#EDF0F7;--cream:#FBF7F0;
  --navy:#1E3A5F;--navy-dark:#142B48;--navy-card:#1A2942;
  --blue:#4F46E5;--blue-light:#6366F1;
  --gold:#D97706;--gold-light:#F59E0B;--gold-warm:#C9A961;
  --green:#10B981;--red:#EF4444;--orange:#F97316;
  --whatsapp:#25D366;
  --text:#0F172A;--text-soft:#475569;--muted:#94A3B8;
  --border:rgba(30,58,95,.1);
  --shadow:0 10px 40px rgba(30,58,95,.08);
  --shadow-lg:0 24px 80px rgba(30,58,95,.12);
}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.container{max-width:1280px;margin:0 auto;padding:0 24px}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* ===== SCROLL REVEAL ===== */
.reveal{opacity:1;transform:translateY(0);transition:all .8s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:translateY(0)}
.reveal-stagger > *{opacity:1;transform:translateY(0);transition:all .6s cubic-bezier(.2,.8,.2,1)}
.reveal-stagger.in > *{opacity:1;transform:translateY(0)}
.reveal-stagger.in > *:nth-child(1){transition-delay:0s}
.reveal-stagger.in > *:nth-child(2){transition-delay:.08s}
.reveal-stagger.in > *:nth-child(3){transition-delay:.16s}
.reveal-stagger.in > *:nth-child(4){transition-delay:.24s}
.reveal-stagger.in > *:nth-child(5){transition-delay:.32s}
.reveal-stagger.in > *:nth-child(6){transition-delay:.40s}

/* ===== TEMPLE LOGO SVG (reusable) ===== */
.logo-svg{width:42px;height:50px;flex-shrink:0}
.logo-svg-lg{width:120px;height:144px}
@keyframes shimmerGold{0%,100%{filter:drop-shadow(0 0 8px rgba(217,119,6,.3))}50%{filter:drop-shadow(0 0 16px rgba(217,119,6,.6))}}

/* ===== STICKY ACTION BAR ===== */
.action-bar{position:fixed;top:24px;right:24px;z-index:85;display:flex;gap:8px;transform:translateY(-80px);transition:transform .4s ease;opacity:0}
.action-bar.in{transform:translateY(0);opacity:1}
.action-bar a{padding:10px 16px;border-radius:100px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow);transition:all .25s;backdrop-filter:blur(8px)}
.action-bar a.wa{background:var(--whatsapp);color:#fff}
.action-bar a.wa:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(37,211,102,.4)}
.action-bar a.tel{background:#fff;color:var(--navy);border:1px solid var(--border)}
.action-bar a.tel:hover{transform:translateY(-2px);background:var(--navy);color:#fff}
@media(max-width:768px){.action-bar{display:none}}

/* ===== NAV ===== Logo links · symmetrisch überragend · NICHT mitwandernd (position:relative statt fixed) */
.nav{position:relative;background:rgba(250,251,255,.96);border-bottom:1px solid var(--border);padding:18px 0;box-shadow:0 4px 32px rgba(30,58,95,.06);z-index:50}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav-logo{display:block;text-decoration:none;position:relative;flex-shrink:0;margin-right:auto}
.nav-logo-img{height:210px;width:auto;display:block;margin:-44px 0 -64px 0;filter:drop-shadow(0 16px 36px rgba(30,58,95,.28)) drop-shadow(0 0 24px rgba(217,119,6,.18));transition:all .5s cubic-bezier(.2,.8,.2,1);position:relative;z-index:5}
.nav-logo:hover .nav-logo-img{transform:translateY(-6px) scale(1.04);filter:drop-shadow(0 22px 44px rgba(30,58,95,.36)) drop-shadow(0 0 38px rgba(217,119,6,.5)) drop-shadow(0 0 14px rgba(245,215,123,.65))}
@media(max-width:1100px){.nav-logo-img{height:170px;margin:-32px 0 -50px 0}}
@media(max-width:900px){.nav-logo-img{height:130px;margin:-22px 0 -36px 0}}
@media(max-width:768px){.nav-logo-img{height:90px;margin:-10px 0 -22px 0}.nav{padding:12px 0}}
@media(max-width:480px){.nav-logo-img{height:70px;margin:-6px 0 -14px 0}}
@keyframes spinRing{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* Footer Logo — kompakter (V8.4) */
.footer-logo-img{height:120px;width:auto;display:block;margin:0 0 4px 0;filter:drop-shadow(0 8px 20px rgba(30,58,95,.16));transition:all .5s ease}
.footer-logo-img:hover{transform:translateY(-3px) scale(1.03);filter:drop-shadow(0 12px 28px rgba(30,58,95,.22)) drop-shadow(0 0 22px rgba(217,119,6,.3))}

.nav-links{display:flex;gap:28px;font-size:14px;font-weight:500;font-family:'Inter'}
.nav-links a{color:var(--text-soft);transition:color .2s;text-decoration:none}
.nav-links a:hover{color:var(--navy)}
.nav-cta{padding:10px 20px;background:var(--gold);color:#fff;border-radius:8px;font-weight:600;font-size:14px;transition:all .2s;font-family:'Inter';white-space:nowrap;text-decoration:none}
.nav-cta:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 8px 20px rgba(217,119,6,.3)}
@media(max-width:900px){.nav-links{display:none}}

/* ===== HERO ===== */
.hero{padding:80px 0 80px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(79,70,229,.08) 0%,transparent 70%);z-index:0;animation:floatSlow 20s ease-in-out infinite}
.hero::after{content:'';position:absolute;bottom:-300px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(217,119,6,.06) 0%,transparent 70%);z-index:0;animation:floatSlow 25s ease-in-out infinite reverse}
@keyframes floatSlow{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,40px)}}

/* Decorative columns */
.hero-col{position:absolute;top:90px;width:8px;height:calc(100% - 160px);background:linear-gradient(180deg,transparent 0%,var(--gold) 20%,var(--gold) 80%,transparent 100%);opacity:.15;z-index:0}
.hero-col.l{left:0}
.hero-col.r{right:0}
.hero-col::before,.hero-col::after{content:'';position:absolute;left:-12px;right:-12px;height:16px;background:linear-gradient(180deg,var(--gold-light),var(--gold));border-radius:2px}
.hero-col::before{top:20px}
.hero-col::after{bottom:20px}
@media(max-width:1280px){.hero-col{display:none}}

.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr;gap:48px}}

.hero-badge{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(16,185,129,.1);color:var(--green);font-size:13px;font-weight:600;border-radius:100px;margin-bottom:24px;border:1px solid rgba(16,185,129,.2);cursor:help}
.hero-badge-dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px rgba(16,185,129,.2);animation:pulse 2s ease-in-out infinite}
.hero-badge .info-mark{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--green);color:#fff;font-size:10px;font-weight:700;margin-left:4px}
.hero-badge-tooltip{position:absolute;top:calc(100% + 10px);left:0;width:340px;padding:14px 18px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);font-size:13px;color:var(--text-soft);line-height:1.6;font-weight:400;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .25s;pointer-events:none;z-index:10;text-align:left}
.hero-badge-tooltip strong{color:var(--navy);font-weight:600}
.hero-badge-tooltip::before{content:'';position:absolute;top:-6px;left:24px;width:12px;height:12px;background:#fff;border-left:1px solid var(--border);border-top:1px solid var(--border);transform:rotate(45deg)}
.hero-badge:hover .hero-badge-tooltip{opacity:1;visibility:visible;transform:translateY(0)}
@media(max-width:600px){.hero-badge-tooltip{width:280px;left:auto;right:0}.hero-badge-tooltip::before{left:auto;right:24px}}

.hero-mission-tag{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.3em;color:var(--green);margin-bottom:16px;font-weight:600;text-transform:uppercase}
.hero-mission-tag::before{content:'>';color:var(--gold);font-weight:700}
.hero-mission-tag .blink{display:inline-block;width:8px;height:14px;background:var(--green);animation:blinkCursor 1s step-end infinite;margin-left:4px}
@keyframes blinkCursor{0%,50%{opacity:1}51%,100%{opacity:0}}
.hero h1{font-size:88px;line-height:1;font-weight:900;color:var(--navy);letter-spacing:-.035em;margin-bottom:18px;font-family:'Inter'}
.hero h1 .stb-1,.hero h1 .stb-2,.hero h1 .stb-3{display:inline-block;opacity:0;transform:translateY(20px);animation:stbIn .6s cubic-bezier(.2,.8,.2,1) forwards}
.hero h1 .stb-1{animation-delay:.15s}
.hero h1 .stb-2{animation-delay:.5s}
.hero h1 .stb-3{animation-delay:.85s;color:var(--red);position:relative;text-shadow:0 0 40px rgba(239,68,68,.25)}

.hero h1 .stb-3::before{content:'';position:absolute;left:-8px;right:-8px;top:0;bottom:0;background:linear-gradient(180deg,transparent,rgba(239,68,68,.06),transparent);border-radius:8px;z-index:-1;animation:scanGlow 3s ease-in-out infinite}
@keyframes stbIn{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes scanGlow{0%,100%{opacity:0}50%{opacity:1}}
.hero-subhead{font-family:'Inter';font-size:34px;font-weight:700;color:var(--navy);line-height:1.15;margin-bottom:24px;letter-spacing:-.015em;opacity:0;animation:stbIn .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:1.15s}
.hero-subhead .highlight{background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}
.hero-subhead .nine{color:var(--blue);position:relative;display:inline-block}
.hero-subhead .nine::after{content:'';position:absolute;left:0;right:0;bottom:4px;height:8px;background:rgba(79,70,229,.15);z-index:-1;border-radius:4px}
@media(max-width:768px){.hero h1{font-size:54px}.hero-subhead{font-size:24px}}
.hero-sub{font-size:18px;color:var(--text-soft);max-width:560px;margin-bottom:36px;line-height:1.65}
.hero-sub strong{color:var(--navy);font-weight:600}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px;align-items:center}
.hero-trust-line{font-size:13px;color:var(--text-soft);margin-bottom:42px;display:flex;align-items:center;gap:8px}
/* Risk-Reversal Box: 4 Argumente die jede Hauptangst neutralisieren */
.hero-rr{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;margin:24px 0 28px 0;padding:22px 24px;background:linear-gradient(135deg,rgba(16,185,129,.06) 0%,rgba(79,70,229,.05) 100%);border:1px solid rgba(16,185,129,.18);border-radius:18px;backdrop-filter:blur(8px)}
@media(max-width:780px){.hero-rr{grid-template-columns:1fr;gap:14px;padding:18px 20px}}
.hero-rr-item{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--text)}
.hero-rr-item i{color:#10B981;font-size:20px;margin-top:1px;flex-shrink:0}
.hero-rr-item strong{display:block;color:var(--navy);font-weight:700;font-size:15px;line-height:1.3;margin-bottom:2px;font-family:'Inter'}
.hero-rr-item span{display:block;color:var(--text-soft);font-size:13px;line-height:1.45}
/* Sekundär-Button: dezent neben Hauptbutton */
.btn-secondary{background:transparent;color:var(--navy);border:1.5px solid var(--border);padding:13px 22px;border-radius:12px;font-weight:600;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .25s}
.btn-secondary:hover{background:var(--bg-2);border-color:var(--navy);transform:translateY(-1px)}
.btn-secondary i{font-size:12px;transition:transform .25s}
.btn-secondary:hover i{transform:translateX(4px)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;font-weight:600;font-size:15px;border-radius:10px;transition:all .25s;cursor:pointer;border:none;font-family:inherit;position:relative;overflow:hidden}
.btn-primary{background:var(--gold);color:#fff;box-shadow:0 8px 24px rgba(217,119,6,.3)}
.btn-primary:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 14px 32px rgba(217,119,6,.4)}
.btn-secondary{background:rgba(79,70,229,.08);color:var(--blue);border:1px solid rgba(79,70,229,.2)}
.btn-secondary:hover{background:rgba(79,70,229,.12);transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--navy);border:1px solid var(--navy)}
.btn-outline:hover{background:var(--navy);color:#fff}
.btn-wa{background:var(--whatsapp);color:#fff;box-shadow:0 8px 24px rgba(37,211,102,.3)}
.btn-wa:hover{background:#1eb358;transform:translateY(-2px);box-shadow:0 14px 32px rgba(37,211,102,.4)}

.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:680px}
@media(max-width:600px){.hero-stats{grid-template-columns:repeat(2,1fr)}}
.hero-stat{padding:18px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);transition:all .25s;cursor:default}
.hero-stat:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg)}
.hero-stat-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:10px;font-size:14px}
.hero-stat-num{font-size:24px;font-weight:800;color:var(--navy);line-height:1}
.hero-stat-label{font-size:11px;color:var(--muted);font-weight:500;margin-top:4px;letter-spacing:.04em;text-transform:uppercase}

/* ===== HERO SOC MOCKUP ===== */
.soc{position:relative;background:linear-gradient(135deg,#0F1B35 0%,#1A2942 100%);border-radius:20px;padding:24px;color:#E8EFFB;box-shadow:0 24px 80px rgba(15,27,53,.3);border:1px solid rgba(255,255,255,.08);overflow:hidden;font-family:'JetBrains Mono',monospace}
.soc::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(79,70,229,.15) 0%,transparent 50%);pointer-events:none}
.soc::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(0,212,255,.015) 3px,rgba(0,212,255,.015) 4px);pointer-events:none}
.soc-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:2}
.soc-title{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.2em;font-weight:600;text-transform:uppercase;color:#94A3B8}
.soc-title .led{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green);animation:pulse 1.5s ease-in-out infinite}
.soc-status{font-size:11px;color:var(--muted);font-weight:500}
.soc-status strong{color:var(--green)}
.soc-counter{padding:24px 0;text-align:center;position:relative;z-index:2}
.soc-counter-label{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.soc-counter-num{font-family:'Inter';font-size:48px;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1;background:linear-gradient(180deg,#fff,#94A3B8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.soc-counter-sub{font-size:11px;color:var(--muted);margin-top:8px}
.soc-alerts{display:flex;flex-direction:column;gap:8px;position:relative;z-index:2;margin-bottom:16px;min-height:170px}
.soc-alert{display:flex;align-items:center;gap:12px;padding:10px 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:8px;font-size:11px;animation:alertIn .4s ease-out}
.soc-alert-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px}
.soc-alert.critical .soc-alert-icon{background:rgba(239,68,68,.2);color:var(--red)}
.soc-alert.warning .soc-alert-icon{background:rgba(249,115,22,.2);color:var(--orange)}
.soc-alert.success .soc-alert-icon{background:rgba(16,185,129,.2);color:var(--green)}
.soc-alert-content{flex:1;min-width:0}
.soc-alert-title{color:#E8EFFB;font-weight:500;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.soc-alert-meta{color:var(--muted);font-size:10px}
.soc-alert-time{font-size:10px;color:var(--muted)}
.soc-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;position:relative;z-index:2}
.soc-mini{padding:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:8px}
.soc-mini-label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.soc-map{position:relative;height:80px;background:radial-gradient(ellipse at center,rgba(79,70,229,.1) 0%,transparent 70%);border-radius:6px;overflow:hidden}
.soc-dot{position:absolute;width:8px;height:8px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px var(--gold);animation:pulse 2s ease-in-out infinite}
.soc-dot.d1{top:20%;left:30%}
.soc-dot.d2{top:60%;left:55%;animation-delay:.5s;background:var(--blue);box-shadow:0 0 12px var(--blue)}
.soc-dot.d3{top:35%;left:75%;animation-delay:1s;background:var(--green);box-shadow:0 0 12px var(--green)}
.soc-dot.d4{top:70%;left:20%;animation-delay:1.5s}
.soc-leds{display:flex;flex-direction:column;gap:6px}
.soc-led{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}
.soc-led-state{font-weight:600;display:flex;align-items:center;gap:6px}
.soc-led-state.ok{color:var(--green)}
.soc-led-state.warn{color:var(--orange)}
.soc-led-state .led-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}

@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}
@keyframes alertIn{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}

/* ===== VIDEO PLACEHOLDER ===== */
.video-slot{position:relative;background:linear-gradient(135deg,#0F1B35,#1A2942);border-radius:18px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:all .3s}
.video-slot:hover{transform:scale(1.02);box-shadow:0 24px 60px rgba(15,27,53,.3)}
.video-slot::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,rgba(217,119,6,.15) 0%,transparent 70%)}
.video-slot::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:24px 24px}
.video-slot-content{position:relative;text-align:center;color:#fff;z-index:1;padding:20px}
.video-slot-play{width:80px;height:80px;border-radius:50%;background:rgba(217,119,6,.9);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;color:#fff;font-size:28px;box-shadow:0 12px 32px rgba(217,119,6,.4);transition:transform .25s;animation:playPulse 2s ease-in-out infinite}
.video-slot:hover .video-slot-play{transform:scale(1.15)}
@keyframes playPulse{0%,100%{box-shadow:0 12px 32px rgba(217,119,6,.4),0 0 0 0 rgba(217,119,6,.6)}50%{box-shadow:0 12px 32px rgba(217,119,6,.4),0 0 0 16px rgba(217,119,6,0)}}
.video-slot-title{font-size:18px;font-weight:700;margin-bottom:6px}
.video-slot-meta{font-size:12px;color:rgba(255,255,255,.6);letter-spacing:.05em}
.video-slot-tag{position:absolute;top:14px;left:14px;font-size:10px;padding:4px 10px;background:rgba(217,119,6,.2);color:var(--gold-light);border-radius:4px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(217,119,6,.3);z-index:2}

/* ===== SECTION DEFAULTS ===== */
section.block{padding:100px 0;position:relative}
section.block.alt{background:var(--bg-2)}
.section-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--blue);font-weight:600;margin-bottom:14px}
.section-eyebrow::before{content:'';width:24px;height:2px;background:var(--gold);border-radius:2px}
.section-title{font-size:48px;font-weight:800;color:var(--navy);line-height:1.1;letter-spacing:-.02em;margin-bottom:18px;max-width:820px;font-family:'Inter'}
.section-title .gold{color:var(--gold)}
.section-title .blue{color:var(--blue)}
@media(max-width:768px){.section-title{font-size:34px}}
.section-lead{font-size:18px;color:var(--text-soft);max-width:680px;line-height:1.65;margin-bottom:48px}

/* ===== MARKTLAGE 2026/2027 ===== */
.ml-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}
@media(max-width:1000px){.ml-grid{grid-template-columns:1fr}}
.ml-card{padding:32px 28px;background:#fff;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;transition:all .3s;position:relative;overflow:hidden}
.ml-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--blue)}
.ml-card.highlight{background:linear-gradient(135deg,#fff,#FEF3C7);border-color:var(--gold);transform:scale(1.03)}
.ml-card.highlight:hover{transform:scale(1.03) translateY(-4px)}
.ml-num{font-family:'JetBrains Mono',monospace;font-size:64px;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-.04em;margin-bottom:16px}
.ml-num span{color:var(--gold);font-size:38px;font-weight:700}
.ml-card.highlight .ml-num{color:var(--gold)}
.ml-card.highlight .ml-num span{color:var(--navy);font-size:38px}
.ml-text{font-size:15px;color:var(--text-soft);line-height:1.6;margin-bottom:18px;flex:1}
.ml-text strong{color:var(--navy)}
.ml-takeaway{padding:14px 16px;background:rgba(79,70,229,.06);border-left:3px solid var(--blue);border-radius:0 10px 10px 0;font-size:13.5px;color:var(--text);line-height:1.55;display:flex;gap:10px;align-items:flex-start}
.ml-card.highlight .ml-takeaway{background:rgba(217,119,6,.1);border-left-color:var(--gold)}
.ml-takeaway i{color:var(--blue);font-size:13px;margin-top:3px;flex-shrink:0}
.ml-card.highlight .ml-takeaway i{color:var(--gold)}
.ml-takeaway strong{color:var(--navy)}
.ml-cta{margin-top:36px;padding:32px 36px;background:linear-gradient(135deg,#1E3A5F,#0F172A);border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:32px;box-shadow:var(--shadow-lg);flex-wrap:wrap}
.ml-cta-text{flex:1;min-width:280px;color:#fff;font-size:17px;line-height:1.55;font-family:'Inter'}
.ml-cta-text strong{color:var(--gold-light)}
@media(max-width:780px){
  .ml-num{font-size:52px}
  .ml-card.highlight{transform:none}
  .ml-card.highlight:hover{transform:translateY(-4px)}
  .ml-cta{padding:24px;flex-direction:column;align-items:flex-start}
}

/* ===== UNSERE MISSION (Founder-Story) ===== */
.founder-story{}
.fs-quote{background:linear-gradient(135deg,#fff,#F8FAFC);border-left:4px solid var(--gold);border-radius:0 18px 18px 0;padding:32px 36px;margin-bottom:36px;box-shadow:var(--shadow);position:relative;font-size:17px;line-height:1.7;color:var(--text)}
.fs-quote-icon{position:absolute;top:24px;left:32px;font-size:28px;color:var(--gold);opacity:.18;transform:translate(-12px,-4px)}
.fs-quote p{margin:0;color:var(--text);font-family:'Inter';padding-left:24px}
.fs-quote strong{color:var(--navy)}
.fs-pillars{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:28px}
.fs-pillar{background:#fff;border:1px solid var(--border);border-radius:18px;padding:28px 32px;position:relative;transition:all .3s;box-shadow:var(--shadow)}
.fs-pillar:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--gold-light)}
.fs-pillar-num{position:absolute;top:24px;right:28px;font-family:'JetBrains Mono',monospace;font-size:42px;font-weight:800;color:var(--gold);opacity:.18;letter-spacing:-.02em}
.fs-pillar h3{font-size:22px;font-weight:700;color:var(--navy);margin:0 80px 14px 0;font-family:'Inter';line-height:1.25}
.fs-pillar p{font-size:15px;color:var(--text-soft);line-height:1.65;margin-bottom:10px}
.fs-pillar strong{color:var(--navy)}
.fs-list{list-style:none;padding:0;margin:14px 0 0 0;display:flex;flex-direction:column;gap:10px}
.fs-list li{padding:12px 14px 12px 38px;background:rgba(217,119,6,.04);border-radius:10px;font-size:14px;color:var(--text);line-height:1.55;position:relative}
.fs-list li::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;left:14px;top:14px;color:#10B981;font-size:13px}
.fs-cert-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.fs-cert{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(135deg,#FEF3C7,#FDE68A);border:1px solid #F59E0B;border-radius:99px;font-size:13px;font-weight:700;color:#92400E;font-family:'JetBrains Mono',monospace;letter-spacing:.02em}
.fs-cert i{color:#D97706;font-size:12px}
.fs-closer{text-align:center;padding:28px;background:linear-gradient(135deg,var(--navy),#334155);border-radius:18px;color:#fff;font-size:19px;line-height:1.55;font-family:'Inter'}
.fs-closer p{margin:0;color:#fff}
.fs-closer strong{color:var(--gold-light)}
@media(max-width:768px){
  .fs-quote{padding:24px 20px;font-size:16px}
  .fs-quote p{padding-left:0}
  .fs-quote-icon{display:none}
  .fs-pillar{padding:24px 22px}
  .fs-pillar-num{font-size:32px;top:20px;right:20px}
  .fs-pillar h3{margin-right:60px;font-size:19px}
  .fs-closer{padding:22px;font-size:17px}
}

/* ===== WARUM WIR (legacy USP grid - jetzt nicht mehr aktiv genutzt) ===== */
.usp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.usp-grid{grid-template-columns:1fr}}
.usp-card{padding:32px;background:#fff;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow);transition:all .3s;position:relative;overflow:hidden;cursor:default}
.usp-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--gold)}
.usp-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-light));transform:scaleX(0);transform-origin:left;transition:transform .3s}
.usp-card:hover::before{transform:scaleX(1)}
.usp-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;margin-bottom:18px;transition:transform .3s}
.usp-card:hover .usp-icon{transform:rotate(-8deg) scale(1.1)}
.usp-card h3{font-size:20px;font-weight:700;color:var(--navy);margin-bottom:10px}
.usp-card p{font-size:14px;color:var(--text-soft);line-height:1.65}
.usp-tag{display:inline-block;margin-top:12px;font-size:11px;color:var(--gold);font-weight:600;letter-spacing:.08em;text-transform:uppercase}

/* ===== LERNPARTNER (NEU) ===== */
.lp-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
@media(max-width:1100px){.lp-wrap{grid-template-columns:1fr}}
.lp-card{padding:32px;background:#fff;border-radius:22px;border:1px solid var(--border);box-shadow:var(--shadow);transition:all .3s;position:relative;overflow:hidden;display:flex;flex-direction:column}
.lp-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.lp-card.thm{background:linear-gradient(135deg,#fff,#FEF3C7)}
.lp-card.sc{background:linear-gradient(135deg,#fff,#DBEAFE)}
.lp-card.ms{background:linear-gradient(135deg,#fff,#E9E8FA)}
.lp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}
.lp-logo-wrap{display:flex;align-items:center;gap:14px}
.lp-logo-img{height:40px;width:auto}
.lp-card.thm .lp-logo-img{height:32px}
.lp-card-title{font-size:22px;font-weight:800;color:var(--navy);font-family:'Inter'}
.lp-card-tagline{font-size:12px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-weight:600;margin-top:2px}
.lp-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--blue);font-weight:600;padding:8px 14px;background:rgba(79,70,229,.08);border-radius:100px;transition:all .25s}
.lp-link:hover{background:var(--blue);color:#fff;transform:translateY(-1px)}
.lp-card.thm .lp-link{color:var(--gold);background:rgba(217,119,6,.1)}
.lp-card.thm .lp-link:hover{background:var(--gold);color:#fff}
.lp-card-desc{font-size:14px;color:var(--text-soft);line-height:1.7;margin-bottom:20px}
.lp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;padding:18px;background:rgba(255,255,255,.6);border-radius:14px;backdrop-filter:blur(4px)}
.lp-stat strong{display:block;font-size:22px;font-weight:800;color:var(--navy);line-height:1}
.lp-stat span{font-size:11px;color:var(--muted);margin-top:4px;display:block}
.lp-features{display:flex;flex-wrap:wrap;gap:8px}
.lp-feature{font-size:12px;padding:5px 12px;background:rgba(0,0,0,.04);color:var(--text-soft);border-radius:100px;font-weight:500}
.lp-card.thm .lp-feature{background:rgba(217,119,6,.1);color:var(--gold)}
.lp-card.sc .lp-feature{background:rgba(79,70,229,.08);color:var(--blue)}
.lp-card.ms .lp-feature{background:rgba(80,89,201,.1);color:#5059C9}
.lp-card.ms .lp-link{color:#5059C9;background:rgba(80,89,201,.1)}
.lp-card.ms .lp-link:hover{background:#5059C9;color:#fff}
.lp-app-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:5px 10px;background:rgba(16,185,129,.1);color:var(--green);border-radius:100px;font-weight:600;margin-left:8px;letter-spacing:.04em;text-transform:uppercase}
.lp-app-tag i{font-size:10px}

/* ===== VIBE CODING ===== */
.vc-wrap{position:relative;background:linear-gradient(135deg,#0F1B35 0%,#1A2942 100%);color:#fff;border-radius:32px;padding:64px 48px;overflow:hidden;margin:60px 0 0}
.vc-wrap::before{content:'';position:absolute;top:-150px;left:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(79,70,229,.18) 0%,transparent 70%);border-radius:50%}
.vc-wrap::after{content:'';position:absolute;bottom:-200px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(217,119,6,.12) 0%,transparent 70%);border-radius:50%}
.vc-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:2}
@media(max-width:1100px){.vc-grid{grid-template-columns:1fr;gap:32px}.vc-wrap{padding:40px 24px}}
.vc-tag{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.3em;color:var(--gold-light);font-weight:600;text-transform:uppercase;margin-bottom:16px}
.vc-tag::before{content:'';width:24px;height:2px;background:var(--gold);border-radius:2px}
.vc-wrap h2{color:#fff;font-family:'Inter';font-size:48px;font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:18px}
.vc-wrap h2 .gold{background:linear-gradient(135deg,var(--gold-light),var(--gold-warm));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.vc-lead{color:rgba(255,255,255,.78);font-size:17px;line-height:1.7;margin-bottom:28px}
.vc-lead strong{color:#fff;font-weight:600}
.vc-quote{padding:18px 22px;background:rgba(255,255,255,.04);border-left:3px solid var(--gold);border-radius:10px;margin-bottom:28px;font-size:14px;color:rgba(255,255,255,.8);line-height:1.6;font-style:italic}
.vc-quote-author{display:block;font-style:normal;margin-top:8px;font-size:12px;color:var(--gold-light);font-weight:600;letter-spacing:.04em}
.vc-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:28px}
.vc-tool{display:flex;align-items:center;gap:10px;padding:12px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:13px;transition:all .2s;cursor:default}
.vc-tool:hover{background:rgba(255,255,255,.08);border-color:var(--gold-light)}
.vc-tool-logo{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0;font-family:'JetBrains Mono'}
.vc-tool-logo.cursor{background:#000;color:#fff}
.vc-tool-logo.claude{background:#D97706;color:#fff}
.vc-tool-logo.copilot{background:#24292E;color:#fff}
.vc-tool-logo.chatgpt{background:#10A37F;color:#fff}
.vc-tool-name{font-weight:700;color:#fff;font-size:14px;line-height:1.2}
.vc-tool-desc{font-size:11px;color:rgba(255,255,255,.6);margin-top:1px}

/* Code editor mockup */
.vc-editor{background:#0A1228;border-radius:14px;border:1px solid rgba(255,255,255,.1);overflow:hidden;font-family:'JetBrains Mono',monospace;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.vc-editor-head{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.08)}
.vc-editor-dot{width:10px;height:10px;border-radius:50%}
.vc-editor-dot.r{background:#FF5F57}
.vc-editor-dot.y{background:#FEBC2E}
.vc-editor-dot.g{background:#28C840}
.vc-editor-file{font-size:12px;color:var(--muted);margin-left:12px;font-weight:500}
.vc-editor-body{padding:18px 20px;font-size:13px;line-height:1.7;color:#E8EFFB;min-height:280px}
.vc-prompt{background:rgba(217,119,6,.08);border-left:2px solid var(--gold);padding:10px 14px;border-radius:6px;margin-bottom:14px}
.vc-prompt-label{font-size:10px;color:var(--gold-light);letter-spacing:.15em;text-transform:uppercase;font-weight:700;margin-bottom:4px}
.vc-prompt-text{color:#E8EFFB;font-family:'Inter';font-size:13px;line-height:1.5}
.vc-code-line{font-family:'JetBrains Mono';font-size:12px;line-height:1.7;color:#E8EFFB;white-space:pre;overflow-x:auto}
.vc-code-line .kw{color:#C792EA}
.vc-code-line .fn{color:#82AAFF}
.vc-code-line .str{color:#C3E88D}
.vc-code-line .com{color:#5C6E91;font-style:italic}
.vc-code-line .num{color:#F78C6C}
.vc-typing{display:inline-block;width:8px;height:14px;background:var(--green);animation:blinkCursor 1s step-end infinite;vertical-align:middle;margin-left:2px}
.vc-build{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px;position:relative;z-index:2}
@media(max-width:768px){.vc-build{grid-template-columns:1fr}}
.vc-build-card{padding:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .25s;display:flex;align-items:flex-start;gap:12px}
.vc-build-card:hover{background:rgba(255,255,255,.07);transform:translateY(-2px);border-color:var(--gold)}
.vc-build-icon{width:36px;height:36px;border-radius:10px;background:rgba(217,119,6,.18);color:var(--gold-light);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.vc-build-card h5{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;font-family:'Inter'}
.vc-build-card p{font-size:12px;color:rgba(255,255,255,.65);line-height:1.5}

/* ===== TRUST BAR ===== */
.trust-bar-wrap{padding:50px 0;background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.trust-label{text-align:center;font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:24px}
.trust-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;max-width:1100px;margin:0 auto;text-align:center}
@media(max-width:768px){.trust-stats{grid-template-columns:repeat(3,1fr);gap:16px}}
.trust-stat strong{display:block;font-size:24px;font-weight:800;color:var(--navy);line-height:1;font-family:'Inter'}
.trust-stat span{font-size:11px;color:var(--muted);margin-top:6px;display:block}

/* ===== KURSE ===== */
.kurs-card{padding:48px;background:linear-gradient(135deg,#fff 0%,var(--bg-2) 100%);border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow-lg);display:grid;grid-template-columns:2fr 1fr;gap:48px;align-items:center;position:relative;overflow:hidden}
.kurs-card::before{content:'';position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(217,119,6,.08) 0%,transparent 70%);border-radius:50%;transform:translate(50%,-50%)}
@media(max-width:900px){.kurs-card{grid-template-columns:1fr;padding:32px;gap:24px}}
.kurs-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(16,185,129,.1);color:var(--green);font-size:12px;font-weight:600;border-radius:6px;margin-bottom:18px;letter-spacing:.04em}
.kurs-tag-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulse 2s ease-in-out infinite}
.kurs-card h3{font-size:32px;font-weight:800;color:var(--navy);margin-bottom:8px;letter-spacing:-.01em;font-family:'Inter'}
.kurs-sub{font-size:15px;color:var(--text-soft);margin-bottom:24px}
.kurs-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}
.kurs-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-soft)}
.kurs-meta-item i{color:var(--gold)}
.kurs-features{margin-bottom:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.kurs-feature{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-soft)}
.kurs-feature i{color:var(--green);font-size:12px}
.kurs-card-right{text-align:center;padding:24px;background:#fff;border-radius:16px;box-shadow:var(--shadow);position:relative;z-index:1}
.kurs-price-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:8px}
.kurs-price{font-size:48px;font-weight:800;color:var(--green);line-height:1;margin-bottom:4px;font-family:'Inter'}
.kurs-price-sub{font-size:13px;color:var(--text-soft);margin-bottom:20px}
.kurs-start-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:6px}
.kurs-start-date{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:20px}
.kurs-soon-hint{margin-top:32px;text-align:center;font-size:14px;color:var(--muted)}
.kurs-soon-hint strong{color:var(--blue);font-weight:600}

/* ===== ZERTIFIZIERUNGS-PFAD ===== Premium Badges with holographic aura */
.zerts-path{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;position:relative;margin-top:48px}
@media(max-width:900px){.zerts-path{grid-template-columns:1fr;gap:56px}}
.zerts-path::before{content:'';position:absolute;top:200px;left:14%;right:14%;height:3px;background:linear-gradient(90deg,var(--gold) 0%,var(--blue) 50%,var(--green) 100%);z-index:0;border-radius:3px;box-shadow:0 0 20px rgba(217,119,6,.3)}
@media(max-width:900px){.zerts-path::before{display:none}}

.zert{position:relative;z-index:1;background:linear-gradient(180deg,#fff 0%,#FAFBFF 100%);padding:54px 28px 32px;border-radius:22px;border:1px solid var(--border);box-shadow:var(--shadow);text-align:center;transition:all .4s cubic-bezier(.2,.8,.2,1);overflow:visible}
.zert::before{content:'';position:absolute;inset:0;border-radius:22px;background:linear-gradient(135deg,transparent 0%,rgba(217,119,6,.04) 100%);pointer-events:none;opacity:0;transition:opacity .4s}
.zert:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg),0 0 60px rgba(217,119,6,.15);border-color:var(--gold-warm)}
.zert:hover::before{opacity:1}

/* Badge holographic aura wrapper */
.zert-badge-link{position:relative;display:block;width:280px;margin:0 auto 22px;border-radius:16px;text-decoration:none;perspective:1000px}
.zert-badge-link::before{
  content:'';position:absolute;inset:-14px;border-radius:24px;
  background:conic-gradient(from 0deg,transparent 0deg,rgba(217,119,6,.5) 60deg,transparent 130deg,transparent 230deg,rgba(245,215,123,.55) 300deg,transparent 360deg);
  filter:blur(10px);
  animation:spinRing 8s linear infinite;
  z-index:0;opacity:.45;
  transition:opacity .4s
}
.zert-badge-link::after{
  content:'';position:absolute;inset:-4px;border-radius:18px;
  background:linear-gradient(135deg,rgba(217,119,6,.3),transparent 50%,rgba(79,70,229,.2));
  filter:blur(2px);z-index:0;opacity:0;transition:opacity .4s
}
.zert-badge-link:hover::before{opacity:1}
.zert-badge-link:hover::after{opacity:.9}

.zert-badge-svg,.zert-badge-img{
  width:280px;height:auto;margin:0;display:block;
  position:relative;z-index:1;
  transition:all .5s cubic-bezier(.2,.8,.2,1);
  filter:drop-shadow(0 14px 40px rgba(30,58,95,.22)) drop-shadow(0 0 18px rgba(217,119,6,.15));
  border-radius:14px
}
.zert:hover .zert-badge-svg,.zert:hover .zert-badge-img{
  transform:translateY(-8px) scale(1.06) rotate(-2deg);
  filter:drop-shadow(0 28px 56px rgba(30,58,95,.32)) drop-shadow(0 0 36px rgba(217,119,6,.4))
}
.zert-badge-img{max-width:100%}

.zert-badge-overlay{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(30,58,95,.85);color:#fff;font-size:13px;font-weight:600;
  border-radius:14px;opacity:0;transition:opacity .3s;z-index:2;gap:8px;
  backdrop-filter:blur(4px)
}
.zert-badge-link:hover .zert-badge-overlay{opacity:1}

/* Verified pill */
.zert-verified{
  display:inline-flex;align-items:center;gap:7px;
  padding:6px 14px;border-radius:100px;
  background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(16,185,129,.06));
  border:1px solid rgba(16,185,129,.3);
  color:var(--green);font-size:11px;font-weight:700;letter-spacing:.05em;
  margin-bottom:14px;font-family:'JetBrains Mono'
}
.zert-verified i{font-size:11px}

/* Number badge top */
.zert-num{position:absolute;top:-24px;left:50%;transform:translateX(-50%);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:15px;box-shadow:0 8px 20px rgba(0,0,0,.18),0 0 0 4px #fff;font-family:'JetBrains Mono';z-index:3}
.zert.z1 .zert-num{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%)}
.zert.z2 .zert-num{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-light) 100%)}
.zert.z3 .zert-num{background:linear-gradient(135deg,var(--green) 0%,#34D399 100%)}

.zert h4{font-size:22px;font-weight:800;color:var(--navy);margin-bottom:6px;font-family:'Inter';letter-spacing:-.01em}
.zert-code{font-family:'JetBrains Mono';font-size:11px;color:var(--gold);letter-spacing:.14em;margin-bottom:16px;text-transform:uppercase;font-weight:700}
.zert p{font-size:13px;color:var(--text-soft);margin-bottom:16px;line-height:1.65}
.zert-meta{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(79,70,229,.08);color:var(--blue);font-size:11px;font-weight:600;border-radius:6px;font-family:'JetBrains Mono';letter-spacing:.05em}
.zert-action{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:12px;font-weight:600;color:var(--text-soft);text-decoration:none;padding:8px 14px;border-radius:8px;transition:all .25s;border:1px solid var(--border)}
/* V8.4 — Step-Tag und Topic-Pills */
.zert-step-tag{display:inline-flex;align-items:center;padding:6px 14px;background:linear-gradient(135deg,#1E3A5F,#334155);color:#fff;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.06em;border-radius:99px;margin-bottom:18px;text-transform:uppercase;box-shadow:0 4px 12px rgba(15,23,42,.18)}
.zert-step-tag.gold{background:linear-gradient(135deg,#D97706,#F59E0B);box-shadow:0 4px 16px rgba(217,119,6,.4)}
.zert-topics{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;margin-bottom:6px}
.zert-topic{display:inline-block;padding:5px 11px;background:rgba(79,70,229,.08);color:var(--navy);border:1px solid rgba(79,70,229,.18);font-size:11.5px;font-weight:600;border-radius:7px;letter-spacing:.005em;font-family:'Inter'}
.zert.z1 .zert-topic{background:rgba(217,119,6,.07);border-color:rgba(217,119,6,.2);color:#92400E}
.zert.z3 .zert-topic{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.22);color:#065F46}
.zert-hero{position:relative;border:2px solid var(--gold)!important;box-shadow:0 24px 60px rgba(217,119,6,.22),0 0 0 1px rgba(217,119,6,.15)!important;background:linear-gradient(180deg,#fff 0%,#FEFBF3 100%)!important}
.zert-hero::after{content:'⭐ Job-ready';position:absolute;top:14px;right:14px;font-family:'Inter';font-size:11px;font-weight:700;color:var(--gold);letter-spacing:.04em;background:#fff;padding:5px 10px;border-radius:99px;border:1px solid rgba(217,119,6,.3);box-shadow:0 2px 8px rgba(217,119,6,.18);z-index:3}
.zert-hero .zert-badge-img{filter:drop-shadow(0 16px 32px rgba(217,119,6,.35))}
.zert-action:hover{color:var(--navy);background:var(--bg-2);border-color:var(--gold-warm)}

/* ===== TRUST-BAR (V10: AZAV/KIWA/BGS/DSGVO sichtbar in den ersten 2s) ===== */
.trust-bar{padding:28px 0;background:linear-gradient(180deg,#fff 0%,var(--bg-2) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative}
.trust-bar::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background:var(--gold);border-radius:0 0 3px 3px}
.trust-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;align-items:center}
@media(max-width:1100px){.trust-grid{grid-template-columns:repeat(3,1fr);gap:24px}}
@media(max-width:680px){.trust-grid{grid-template-columns:repeat(2,1fr);gap:20px}}
@media(max-width:420px){.trust-grid{grid-template-columns:1fr}}
.trust-item{display:flex;align-items:center;gap:14px;padding:6px 0;position:relative}
.trust-item:not(:last-child)::after{content:'';position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:1px;height:36px;background:var(--border)}
@media(max-width:1100px){.trust-item:not(:last-child)::after{display:none}}
.trust-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,rgba(217,119,6,.12),rgba(217,119,6,.03));border:1px solid rgba(217,119,6,.25);color:var(--gold);font-size:18px;flex-shrink:0}
.trust-content{display:flex;flex-direction:column;line-height:1.3}
.trust-label{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin-bottom:3px}
.trust-value{font-family:'Inter',sans-serif;font-size:14px;color:var(--navy);font-weight:700;letter-spacing:-.005em}
.trust-value .gold-strong{color:var(--gold);font-weight:800}

/* ===== VERMITTLER-SECTION (V10: Eigene Section für Arbeitsvermittler) ===== */
.vermittler{background:linear-gradient(135deg,#fff 0%,var(--bg-2) 50%,#fff 100%);padding:64px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.vermittler::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(217,119,6,.08) 0%,transparent 70%);pointer-events:none}
.verm-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:center;position:relative;z-index:1}
@media(max-width:900px){.verm-grid{grid-template-columns:1fr;gap:32px}}
.verm-intro h3{font-family:'Cinzel',serif;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:16px}
.verm-intro h2{font-family:'Inter',sans-serif;font-size:36px;font-weight:800;color:var(--navy);letter-spacing:-.025em;line-height:1.15;margin-bottom:16px}
.verm-intro p{font-size:15px;color:var(--text-soft);line-height:1.7;margin-bottom:18px}
.verm-intro p strong{color:var(--navy);font-weight:600}
.verm-direct{display:flex;flex-direction:column;gap:8px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:12px;margin-top:8px}
.verm-direct-title{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:6px}
.verm-direct a{display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--navy);font-weight:600;font-size:14px;text-decoration:none;transition:color .2s}
.verm-direct a:hover{color:var(--gold)}
.verm-direct a i{width:16px;color:var(--gold)}
.verm-downloads{background:#fff;border:1px solid var(--border);border-radius:14px;padding:32px;box-shadow:var(--shadow)}
.verm-downloads h4{font-family:'Cinzel',serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--navy);font-weight:700;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}
.verm-downloads h4 i{color:var(--gold)}
.verm-dl-list{display:flex;flex-direction:column;gap:8px}
.verm-dl{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;text-decoration:none;transition:all .25s}
.verm-dl:hover{border-color:var(--gold);background:#fff;box-shadow:0 6px 16px rgba(217,119,6,.12);transform:translateY(-2px)}
.verm-dl-icon{width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;box-shadow:0 4px 8px rgba(217,119,6,.25)}
.verm-dl-text{flex:1;display:flex;flex-direction:column}
.verm-dl-name{font-size:14px;font-weight:700;color:var(--navy);line-height:1.3}
.verm-dl-meta{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);letter-spacing:.08em;margin-top:2px;text-transform:uppercase}
.verm-dl-arrow{color:var(--text-muted);font-size:12px;transition:all .25s}
.verm-dl:hover .verm-dl-arrow{color:var(--gold);transform:translateX(3px)}
/* V8.4 — Vermittler-Anfrage-Formular (Friction statt direkt-DL) */
.verm-form{display:flex;flex-direction:column;gap:10px}
.verm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:520px){.verm-form-row{grid-template-columns:1fr}}
.verm-form input[type=text],.verm-form input[type=email],.verm-form input[type=tel]{padding:11px 14px;border:1px solid var(--border);border-radius:9px;font-family:'Inter';font-size:13.5px;color:var(--navy);background:#fff;transition:border-color .2s,box-shadow .2s;width:100%}
.verm-form input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,119,6,.12)}
.verm-form-check{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--text-soft);line-height:1.45;padding:8px 4px;font-family:'Inter'}
.verm-form-check input[type=checkbox]{margin-top:3px;flex-shrink:0;accent-color:var(--gold)}
.verm-form-btn{padding:13px 18px;background:linear-gradient(135deg,var(--navy),#334155);color:#fff;border:none;border-radius:11px;font-family:'Inter';font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px;transition:all .25s;letter-spacing:.005em}
.verm-form-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,23,42,.22);background:linear-gradient(135deg,var(--gold),var(--gold-light))}
.verm-form-meta{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:6px;justify-content:center;margin-top:6px;font-family:'Inter'}
.verm-form-meta i{color:#10B981;font-size:10px}
.verm-form-success{padding:18px;background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(16,185,129,.04));border:1px solid rgba(16,185,129,.3);border-radius:12px;color:#065F46;font-size:14px;line-height:1.6;display:flex;align-items:flex-start;gap:12px}
.verm-form-success i{font-size:22px;color:#10B981;flex-shrink:0;margin-top:2px}

/* ===== ANMELDE-FORM DSGVO-konform (V10) ===== */
.anmelde-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start;margin-top:40px}
@media(max-width:900px){.anmelde-grid{grid-template-columns:1fr;gap:32px}}
.anmelde-info h3{font-family:'Cinzel',serif;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:14px}
.anmelde-info h2{font-family:'Inter',sans-serif;font-size:32px;font-weight:800;color:var(--navy);letter-spacing:-.025em;line-height:1.15;margin-bottom:18px}
.anmelde-info p{font-size:15px;color:var(--text-soft);line-height:1.7;margin-bottom:18px}
.anmelde-info p strong{color:var(--navy);font-weight:600}
.anmelde-promise{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(16,185,129,.02));border-left:3px solid var(--green);padding:16px 18px;border-radius:0 10px 10px 0;font-size:13px;color:var(--text-soft);line-height:1.65}
.anmelde-promise strong{color:var(--navy)}
.anmelde-form-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:32px;box-shadow:var(--shadow)}
.anmelde-form-card h4{font-family:'Inter',sans-serif;font-size:18px;font-weight:700;color:var(--navy);margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
@media(max-width:600px){.form-row{grid-template-columns:1fr}}
.form-field{display:flex;flex-direction:column}
.form-field.full{grid-column:1/-1}
.form-field label{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--text-soft);letter-spacing:.1em;text-transform:uppercase;font-weight:600;margin-bottom:6px}
.form-field label .req{color:var(--red);margin-left:2px}
.form-field input,.form-field select,.form-field textarea{padding:12px 14px;border:1px solid var(--border);border-radius:8px;font-family:'Inter',sans-serif;font-size:14px;color:var(--navy);background:var(--bg-2);transition:all .2s;font-weight:500}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px rgba(217,119,6,.12)}
.form-field textarea{resize:vertical;min-height:80px;font-family:'Inter',sans-serif}
.form-checkbox{display:flex;align-items:flex-start;gap:10px;padding:14px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;cursor:pointer;transition:all .2s}
.form-checkbox:hover{border-color:var(--gold-warm);background:#fff}
.form-checkbox input[type="checkbox"]{margin-top:2px;width:18px;height:18px;flex-shrink:0;accent-color:var(--gold);cursor:pointer}
.form-checkbox label{font-size:13px;color:var(--text-soft);line-height:1.55;cursor:pointer}
.form-checkbox label strong{color:var(--navy);font-weight:600}
.form-checkbox label a{color:var(--gold);text-decoration:underline}
.form-checkbox.required{border-color:rgba(220,38,38,.3);background:rgba(220,38,38,.03)}
.form-checkbox.required:hover{border-color:var(--gold);background:#fff}
.form-submit{width:100%;padding:16px 24px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff;border:none;border-radius:10px;font-family:'Inter',sans-serif;font-size:15px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:all .3s;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:10px}
.form-submit:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(217,119,6,.35)}
.form-note{margin-top:14px;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);letter-spacing:.06em;text-align:center;line-height:1.55}
.form-note i{color:var(--gold)}

/* ===== COOKIE-CONSENT MODAL (V10: DSGVO-konform) ===== */
.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:3px solid var(--gold);box-shadow:0 -10px 40px rgba(30,58,95,.18);padding:24px 0;z-index:9999;transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.cookie-consent.show{transform:translateY(0)}
.cookie-inner{max-width:1280px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
@media(max-width:768px){.cookie-inner{grid-template-columns:1fr;gap:16px}}
.cookie-text{display:flex;align-items:flex-start;gap:14px}
.cookie-text i{color:var(--gold);font-size:20px;margin-top:2px;flex-shrink:0}
.cookie-text-content h4{font-family:'Inter',sans-serif;font-size:15px;font-weight:700;color:var(--navy);margin-bottom:4px}
.cookie-text-content p{font-size:13px;color:var(--text-soft);line-height:1.55}
.cookie-text-content a{color:var(--gold);text-decoration:underline}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-btn{padding:11px 18px;border-radius:8px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s;border:1px solid;white-space:nowrap}
.cookie-btn.primary{background:var(--gold);color:#fff;border-color:var(--gold)}
.cookie-btn.primary:hover{background:var(--gold-light);border-color:var(--gold-light)}
.cookie-btn.secondary{background:#fff;color:var(--navy);border-color:var(--navy)}
.cookie-btn.secondary:hover{background:var(--navy);color:#fff}
.cookie-btn.ghost{background:transparent;color:var(--text-soft);border-color:var(--border)}
.cookie-btn.ghost:hover{border-color:var(--gold);color:var(--gold)}

/* ===== DIPLOMA STAMP (V10: Cherry-Pick aus Editorial-Variante) ===== */
.diploma-stamp{position:absolute;top:14px;right:14px;width:64px;height:64px;border:2px solid var(--gold);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Cinzel',serif;color:var(--gold);font-size:8px;font-weight:700;letter-spacing:.08em;background:#fff;transform:rotate(-12deg);box-shadow:0 4px 12px rgba(217,119,6,.2);z-index:5;text-transform:uppercase}
.diploma-stamp i{font-size:13px;margin-bottom:2px}
.zert{position:relative}

/* ===== PHASEN-GRID (Themen-Highlights statt Stundenplan-Tabelle) ===== */
.phases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}
@media(max-width:1100px){.phases-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.phases-grid{grid-template-columns:1fr}}
.phase-card{background:linear-gradient(180deg,#fff 0%,#FAFBFF 100%);padding:28px;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow);transition:all .35s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}
.phase-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:18px 18px 0 0}
.phase-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--gold-warm)}
.phase-card.p1::before{background:linear-gradient(90deg,#0EA5E9,#0284C7)}
.phase-card.p2::before{background:linear-gradient(90deg,#7C3AED,#9333EA)}
.phase-card.p3::before{background:linear-gradient(90deg,#D97706,#F59E0B)}
.phase-card.p4::before{background:linear-gradient(90deg,#EF4444,#DC2626)}
.phase-card.p5::before{background:linear-gradient(90deg,#10B981,#059669)}
.phase-card.p6::before{background:linear-gradient(90deg,#1E3A5F,#142B48)}
.phase-num{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;font-family:'JetBrains Mono';font-weight:800;font-size:17px;margin-bottom:14px;color:#fff;box-shadow:0 8px 16px rgba(0,0,0,.12);letter-spacing:.02em}
.phase-card.p1 .phase-num{background:linear-gradient(135deg,#0EA5E9,#0284C7)}
.phase-card.p2 .phase-num{background:linear-gradient(135deg,#7C3AED,#9333EA)}
.phase-card.p3 .phase-num{background:linear-gradient(135deg,#D97706,#F59E0B)}
.phase-card.p4 .phase-num{background:linear-gradient(135deg,#EF4444,#DC2626)}
.phase-card.p5 .phase-num{background:linear-gradient(135deg,#10B981,#059669)}
.phase-card.p6 .phase-num{background:linear-gradient(135deg,#1E3A5F,#142B48)}
.phase-week{font-family:'JetBrains Mono';font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-weight:600}
.phase-title{font-size:21px;font-weight:800;color:var(--navy);margin-bottom:10px;letter-spacing:-.01em;line-height:1.2}
.phase-desc{font-size:13px;color:var(--text-soft);line-height:1.65;margin-bottom:18px}
.phase-topics{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.phase-topic{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;font-size:11px;font-weight:600;color:var(--navy);font-family:'Inter';transition:all .2s}
.phase-topic:hover{background:var(--bg-3);border-color:var(--gold-warm);transform:translateY(-1px)}
.phase-topic i{font-size:10px;color:var(--gold);width:12px;text-align:center}
.phase-highlight{display:flex;align-items:flex-start;gap:11px;padding:12px 14px;background:linear-gradient(135deg,rgba(217,119,6,.08),rgba(217,119,6,.02));border-left:3px solid var(--gold);border-radius:0 8px 8px 0;font-size:12px;color:var(--text-soft);line-height:1.55}
.phase-highlight i{color:var(--gold);font-size:15px;margin-top:1px;flex-shrink:0}
.phase-highlight strong{color:var(--navy);font-weight:700}

/* ===== STUNDENPLAN (legacy CSS - HTML wurde durch phase-cards ersetzt) ===== */
.stp-disclaimer{padding:14px 20px;background:linear-gradient(135deg,rgba(79,70,229,.06),rgba(79,70,229,.02));border-left:3px solid var(--blue);border-radius:10px;font-size:13px;color:var(--text-soft);line-height:1.6;margin-bottom:20px;display:flex;align-items:flex-start;gap:10px}
.stp-disclaimer i{color:var(--blue);font-size:16px;margin-top:2px;flex-shrink:0}
.stp-disclaimer strong{color:var(--navy)}
.stp-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px;padding:6px;background:#fff;border-radius:14px;box-shadow:var(--shadow);border:1px solid var(--border)}
.stp-tab{flex:1;min-width:130px;padding:10px 14px;font-size:12px;font-weight:600;color:var(--text-soft);background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .25s;font-family:inherit;text-align:center}
.stp-tab:hover{background:var(--bg-2)}
.stp-tab.active{background:var(--navy);color:#fff;box-shadow:0 4px 12px rgba(30,58,95,.2)}
.stp-tab small{display:block;font-size:10px;color:inherit;opacity:.7;margin-top:2px;font-weight:500}
.stp-table{background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);transition:opacity .3s}
.stp-table.loading{opacity:.5}
.stp-row{display:grid;grid-template-columns:130px repeat(5,1fr);border-bottom:1px solid var(--border)}
.stp-row:last-child{border-bottom:none}
.stp-row.head{background:var(--bg-2);font-weight:700;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--navy)}
.stp-cell{padding:14px 12px;font-size:13px;border-right:1px solid var(--border);min-height:72px;display:flex;flex-direction:column;justify-content:center;line-height:1.45}
.stp-cell:last-child{border-right:none}
.stp-cell.time{background:var(--bg-2);font-family:'JetBrains Mono';font-size:11px;color:var(--text-soft);font-weight:600;justify-content:center}
.stp-cell.theory{background:rgba(79,70,229,.04)}
.stp-cell.praxis{background:rgba(16,185,129,.04)}
.stp-cell.deep{background:rgba(217,119,6,.04)}
.stp-cell.project{background:rgba(124,58,237,.04)}
.stp-cell.pause{background:#FAFAFA;color:var(--muted);font-style:italic;font-size:11px;justify-content:center;text-align:center}
.stp-cell-label{font-weight:600;color:var(--navy);font-size:12px;margin-bottom:2px}
.stp-cell-tag{font-size:10px;color:var(--muted);font-weight:500;margin-top:4px;letter-spacing:.04em}
.stp-cell-icon{font-size:11px;color:var(--gold);margin-right:4px}
@media(max-width:900px){.stp-row{grid-template-columns:80px 1fr 1fr 1fr 1fr 1fr}.stp-cell{font-size:11px;padding:8px 6px}}
.stp-phase-info{margin-top:18px;padding:18px 22px;background:linear-gradient(135deg,rgba(217,119,6,.08),rgba(217,119,6,.02));border-left:3px solid var(--gold);border-radius:10px;font-size:14px;color:var(--text-soft);line-height:1.6}
.stp-phase-info strong{color:var(--navy);font-weight:700}

/* ===== CURRICULUM TIMELINE ===== */
.curr-timeline{position:relative;padding:24px 0}
.curr-timeline::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(180deg,var(--gold) 0%,var(--blue) 100%);transform:translateX(-50%)}
@media(max-width:900px){.curr-timeline::before{left:24px}}
.curr-step{display:grid;grid-template-columns:1fr 60px 1fr;gap:24px;margin-bottom:32px;position:relative;align-items:center}
@media(max-width:900px){.curr-step{grid-template-columns:48px 1fr}}
.curr-step-content{padding:24px;background:#fff;border-radius:14px;border:1px solid var(--border);box-shadow:var(--shadow);transition:all .25s}
.curr-step-content:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.curr-step.right .curr-step-content{grid-column:3}
.curr-step.left .curr-step-content{grid-column:1;text-align:right}
@media(max-width:900px){.curr-step.right .curr-step-content,.curr-step.left .curr-step-content{grid-column:2;text-align:left}}
.curr-step-empty{display:block}
.curr-node{grid-column:2;width:60px;height:60px;border-radius:50%;background:#fff;border:3px solid var(--gold);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--navy);box-shadow:var(--shadow);font-size:14px;margin:0 auto;position:relative;z-index:1}
@media(max-width:900px){.curr-node{grid-column:1;width:48px;height:48px;font-size:12px}}
.curr-step.urlaub .curr-node{background:var(--bg-2);border-color:var(--muted);color:var(--muted)}
.curr-step.urlaub .curr-step-content{background:var(--bg-2);box-shadow:none;border-style:dashed}
.curr-step h4{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:6px;font-family:'Inter'}
.curr-step-meta{font-size:11px;color:var(--gold);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.curr-step p{font-size:13px;color:var(--text-soft);line-height:1.6}
.curr-step-tags{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}
.curr-step.left .curr-step-tags{justify-content:flex-end}
@media(max-width:900px){.curr-step.left .curr-step-tags{justify-content:flex-start}}
.curr-tag{font-size:10px;padding:3px 8px;background:rgba(79,70,229,.08);color:var(--blue);border-radius:4px;font-weight:600}

/* ===== WER WIR SIND ===== */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:900px){.team-grid{grid-template-columns:1fr}}
.team-card{padding:32px;background:#fff;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow);text-align:center;transition:all .3s}
.team-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.team-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--blue));display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:800;margin:0 auto 18px;box-shadow:var(--shadow);transition:transform .3s;font-family:'Cinzel',serif}
.team-card:hover .team-avatar{transform:scale(1.08)}
.team-name{font-size:20px;font-weight:700;color:var(--navy);margin-bottom:4px;font-family:'Inter'}
.team-role{font-size:13px;color:var(--gold);font-weight:600;margin-bottom:16px;letter-spacing:.04em;text-transform:uppercase}
.team-bio{font-size:13px;color:var(--text-soft);line-height:1.65;margin-bottom:16px}
.team-creds{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.team-cred{font-size:10px;padding:4px 10px;background:var(--bg-2);color:var(--text-soft);border-radius:4px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}

/* ===== MARSÍ SECTION ===== */
.marsi-wrap{position:relative;background:linear-gradient(135deg,#0F1B35 0%,#1A2942 100%);color:#fff;border-radius:32px;padding:64px 48px;overflow:hidden;margin:0 auto}
.marsi-wrap::before{content:'';position:absolute;top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(217,119,6,.18) 0%,transparent 70%);border-radius:50%}
.marsi-wrap::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0,transparent 4px,rgba(0,212,255,.012) 4px,rgba(0,212,255,.012) 5px);pointer-events:none}
.marsi-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:2}
@media(max-width:900px){.marsi-grid{grid-template-columns:1fr;gap:32px}.marsi-wrap{padding:40px 24px}}
.marsi-eyebrow{color:var(--gold-light)}
.marsi-eyebrow::before{background:var(--gold)}
.marsi-section h2{color:#fff;font-family:'Inter'}
.marsi-section h2 .gold{background:linear-gradient(135deg,var(--gold-light),var(--gold-warm));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.marsi-lead{color:rgba(255,255,255,.78);font-size:18px;line-height:1.7;margin-bottom:28px}
.marsi-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px}
@media(max-width:600px){.marsi-channels{grid-template-columns:1fr}}
.marsi-channel{padding:18px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;text-align:center;transition:all .3s;cursor:pointer;text-decoration:none;color:inherit;display:block}
.marsi-channel:hover{background:rgba(255,255,255,.1);transform:translateY(-3px);border-color:var(--gold-light)}
.marsi-channel.wa:hover{border-color:var(--whatsapp);background:rgba(37,211,102,.1)}
.marsi-channel-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;margin:0 auto 8px}
.marsi-channel.wa .marsi-channel-icon{background:rgba(37,211,102,.2);color:var(--whatsapp)}
.marsi-channel.tel .marsi-channel-icon{background:rgba(79,70,229,.2);color:var(--blue-light)}
.marsi-channel.voice .marsi-channel-icon{background:rgba(217,119,6,.2);color:var(--gold-light)}
.marsi-channel-label{font-size:14px;font-weight:700;color:#fff;margin-bottom:2px}
.marsi-channel-sub{font-size:11px;color:rgba(255,255,255,.55);letter-spacing:.05em}
.marsi-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}
@media(max-width:600px){.marsi-features{grid-template-columns:1fr}}
.marsi-feat{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,.85);padding:10px 12px;background:rgba(255,255,255,.04);border-radius:10px;border:1px solid rgba(255,255,255,.06)}
.marsi-feat i{color:var(--gold-light);font-size:16px;flex-shrink:0;width:20px;text-align:center}

.marsi-demo{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;backdrop-filter:blur(8px)}
.marsi-demo-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:18px}
.marsi-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-warm));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:20px;position:relative;font-family:'Cinzel',serif}
.marsi-avatar::after{content:'';position:absolute;bottom:0;right:0;width:14px;height:14px;background:var(--green);border:2px solid #1A2942;border-radius:50%;box-shadow:0 0 8px var(--green);animation:pulse 2s ease-in-out infinite}
.marsi-demo-name{font-weight:700;font-size:15px}
.marsi-demo-status{font-size:11px;color:var(--green);display:flex;align-items:center;gap:4px;margin-top:1px}
.marsi-demo-wave{margin-left:auto;display:flex;align-items:center;gap:3px;height:24px}
.marsi-wave-bar{width:3px;background:var(--gold-light);border-radius:2px;animation:wave 1.2s ease-in-out infinite}
.marsi-wave-bar:nth-child(1){animation-delay:0s;height:8px}
.marsi-wave-bar:nth-child(2){animation-delay:.15s;height:14px}
.marsi-wave-bar:nth-child(3){animation-delay:.3s;height:20px}
.marsi-wave-bar:nth-child(4){animation-delay:.45s;height:14px}
.marsi-wave-bar:nth-child(5){animation-delay:.6s;height:8px}
@keyframes wave{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1.5)}}
.marsi-msg{padding:12px 14px;border-radius:14px;font-size:13px;line-height:1.6;margin-bottom:8px;animation:fadeIn .4s ease-out}
.marsi-msg.user{background:rgba(79,70,229,.2);margin-left:32px;border-bottom-right-radius:4px}
.marsi-msg.bot{background:rgba(255,255,255,.06);margin-right:32px;border-bottom-left-radius:4px;color:rgba(255,255,255,.92)}
.marsi-msg-label{font-size:10px;color:var(--muted);margin-bottom:3px;letter-spacing:.05em}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* ===== NEWS ===== */
.news-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;flex-wrap:wrap;gap:16px}
.news-feed-status{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}
.news-feed-status .led{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green);animation:pulse 2s ease-in-out infinite}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.news-grid{grid-template-columns:1fr}}
.news-card{background:#fff;border-radius:16px;padding:24px;border:1px solid var(--border);box-shadow:var(--shadow);transition:all .3s;cursor:pointer}
.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--blue)}
.news-source{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--blue);margin-bottom:12px;letter-spacing:.05em;text-transform:uppercase}
.news-card h4{font-size:17px;font-weight:700;color:var(--navy);line-height:1.35;margin-bottom:10px;font-family:'Inter'}
.news-card p{font-size:13px;color:var(--text-soft);line-height:1.6;margin-bottom:14px}
.news-card-meta{font-size:11px;color:var(--muted);display:flex;justify-content:space-between}

/* ===== BGS DUAL PATH ===== */
.bgs-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:900px){.bgs-grid{grid-template-columns:1fr}}
.bgs-path{padding:36px;background:#fff;border-radius:20px;border:2px solid var(--border);transition:all .3s}
.bgs-path.primary{border-color:var(--gold);background:linear-gradient(135deg,#fff,rgba(217,119,6,.03))}
.bgs-path:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.bgs-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--gold),var(--gold-light));display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;margin-bottom:18px}
.bgs-path.secondary .bgs-icon{background:linear-gradient(135deg,var(--blue),var(--blue-light))}
.bgs-path h3{font-size:24px;font-weight:800;color:var(--navy);margin-bottom:8px;font-family:'Inter'}
.bgs-path-sub{font-size:14px;color:var(--text-soft);margin-bottom:20px}
.bgs-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}
.bgs-step{display:flex;align-items:flex-start;gap:12px;font-size:13px;color:var(--text-soft);line-height:1.6}
.bgs-step-num{width:24px;height:24px;flex-shrink:0;border-radius:50%;background:var(--bg-2);color:var(--navy);font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center}
.bgs-step strong{color:var(--navy)}


/* ===== ARBEITSMARKT/CAREER ===== */
.career-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:60px}
@media(max-width:900px){.career-stats{grid-template-columns:1fr}}
.career-stat-big{padding:36px 28px;background:#fff;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow-lg);text-align:center;position:relative;overflow:hidden;transition:all .3s}
.career-stat-big:hover{transform:translateY(-6px);box-shadow:0 32px 80px rgba(30,58,95,.18)}
.career-stat-big::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold),var(--gold-light));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.career-stat-big:hover::before{transform:scaleX(1)}
.career-stat-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;margin:0 auto 18px;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.career-stat-num{font-family:'Inter';font-size:48px;font-weight:800;color:var(--navy);line-height:1;margin-bottom:10px;letter-spacing:-.02em}
.career-stat-label{font-size:14px;color:var(--text-soft);line-height:1.5;margin-bottom:10px}
.career-stat-source{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.career-jobs-title{font-family:'Inter';font-size:28px;font-weight:700;color:var(--navy);text-align:center;margin-bottom:32px;letter-spacing:-.01em}
.career-jobs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:48px}
@media(max-width:900px){.career-jobs{grid-template-columns:1fr}}
.career-job{padding:28px;background:#fff;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow);transition:all .35s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}
.career-job:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--gold)}
.career-job-rank{position:absolute;top:18px;right:22px;font-family:'Inter';font-weight:900;font-size:36px;color:rgba(30,58,95,.06);letter-spacing:-.02em}
.career-job-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:18px;transition:transform .3s}
.career-job:hover .career-job-icon{transform:rotate(-8deg) scale(1.1);background:linear-gradient(135deg,var(--gold),var(--gold-light))}
.career-job h4{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:10px;font-family:'Inter'}
.career-job p{font-size:13px;color:var(--text-soft);line-height:1.65;margin-bottom:14px}
.career-job p strong{color:var(--navy)}
.career-job-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.career-tag{font-size:10px;padding:3px 9px;background:var(--bg-2);color:var(--text-soft);border-radius:4px;font-weight:600;letter-spacing:.04em}
.career-job-salary{font-size:13px;color:var(--text-soft);padding-top:14px;border-top:1px solid var(--border)}
.career-job-salary strong{color:var(--green);font-weight:700;font-size:15px}
.career-banner{display:flex;align-items:center;padding:32px 36px;background:linear-gradient(135deg,var(--navy),var(--navy-dark));border-radius:20px;color:#fff;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}
.career-banner::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(217,119,6,.2) 0%,transparent 70%);border-radius:50%}
.career-banner-content{display:flex;align-items:center;gap:24px;position:relative;z-index:1;font-size:15px;line-height:1.65}
.career-banner-content strong{color:var(--gold-light)}
.career-banner-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-warm));display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0;box-shadow:0 0 0 6px rgba(217,119,6,.15);animation:pulseRing 2.5s ease-out infinite}
.career-banner-source{display:block;font-size:11px;color:rgba(255,255,255,.55);margin-top:6px;letter-spacing:.05em;text-transform:uppercase}
@media(max-width:768px){.career-banner-content{flex-direction:column;text-align:center;gap:16px}}

/* ===== KONTAKT ===== */
.kontakt-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px}
@media(max-width:900px){.kontakt-wrap{grid-template-columns:1fr}}
.kontakt-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:1px solid var(--border)}
.kontakt-tab{flex:1;padding:14px;background:transparent;border:none;color:var(--text-soft);font-weight:600;font-size:14px;cursor:pointer;border-bottom:3px solid transparent;transition:all .25s;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px}
.kontakt-tab:hover{color:var(--navy)}
.kontakt-tab.active{color:var(--navy);border-color:var(--gold)}
.form-group{margin-bottom:14px}
.form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-soft);margin-bottom:6px;letter-spacing:.04em;text-transform:uppercase}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;background:#fff;border:1px solid var(--border);border-radius:10px;font-family:inherit;font-size:14px;color:var(--text);transition:border-color .2s}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(79,70,229,.1)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.form-row{grid-template-columns:1fr}}
.form-submit{width:100%;margin-top:8px;justify-content:center;padding:14px}
.kontakt-side{padding:36px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-dark) 100%);color:#fff;border-radius:20px;position:relative;overflow:hidden}
.kontakt-side::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(217,119,6,.15) 0%,transparent 70%);border-radius:50%}
.kontakt-side h3{font-size:22px;font-weight:700;margin-bottom:16px;position:relative;font-family:'Inter'}
.kontakt-side-list{display:flex;flex-direction:column;gap:14px;position:relative;margin-bottom:24px}
.kontakt-side-item{display:flex;align-items:center;gap:14px}
.kontakt-side-item-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--gold-light);font-size:16px;flex-shrink:0}
.kontakt-side-item-label{font-size:11px;color:rgba(255,255,255,.6);letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px}
.kontakt-side-item-value{font-size:14px;font-weight:600}
.cal-embed{position:relative;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.2);border-radius:12px;padding:24px;text-align:center}
.cal-embed-label{font-size:11px;color:rgba(255,255,255,.6);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px}
.cal-embed-text{font-size:13px;color:rgba(255,255,255,.85);line-height:1.6}

/* ===== FAQ ===== */
.faq-list{max-width:820px;margin:0 auto}
.faq-item{background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:10px;overflow:hidden;box-shadow:var(--shadow)}
.faq-q{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;color:var(--navy);font-size:15px;gap:16px;user-select:none;transition:background .2s}
.faq-q:hover{background:var(--bg-2)}
.faq-q::after{content:'+';font-size:24px;color:var(--gold);transition:transform .25s;font-weight:300;line-height:1}
.faq-item.open .faq-q::after{transform:rotate(45deg)}
.faq-a{padding:0 24px;max-height:0;overflow:hidden;transition:all .3s ease;color:var(--text-soft);font-size:14px;line-height:1.65}
.faq-item.open .faq-a{padding:0 24px 20px;max-height:400px}

/* ===== FINAL CTA ===== */
.final-cta{padding:80px 0;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-dark) 100%);color:#fff;position:relative;overflow:hidden}
.final-cta::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(217,119,6,.2) 0%,transparent 70%);border-radius:50%;animation:floatSlow 20s ease-in-out infinite}
.final-cta-inner{text-align:center;position:relative;z-index:1;max-width:780px;margin:0 auto;padding:0 24px}
.final-cta h2{font-size:48px;font-weight:800;margin-bottom:18px;line-height:1.1;letter-spacing:-.02em;font-family:'Inter'}
.final-cta h2 .gold{background:linear-gradient(135deg,var(--gold-light),var(--gold-warm));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.final-cta p{font-size:18px;color:rgba(255,255,255,.8);margin-bottom:32px}
@media(max-width:768px){.final-cta h2{font-size:32px}}

/* ===== FOOTER ===== */
/* ===== FOOTER ===== Light theme · improved typography hierarchy */
.footer{background:linear-gradient(180deg,var(--bg-2) 0%,#EDF0F7 100%);color:var(--text-soft);padding:72px 0 24px;font-size:14px;border-top:1px solid var(--border);position:relative;overflow:hidden}
.footer::before{content:'';position:absolute;top:-100px;right:-100px;width:340px;height:340px;background:radial-gradient(circle,rgba(217,119,6,.08) 0%,transparent 70%);pointer-events:none}
.footer::after{content:'';position:absolute;bottom:-180px;left:-100px;width:340px;height:340px;background:radial-gradient(circle,rgba(79,70,229,.06) 0%,transparent 70%);pointer-events:none}
.footer .container{position:relative;z-index:1}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;align-items:start}
@media(max-width:1100px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr;gap:28px}}
.footer-brand{display:flex;flex-direction:column;gap:10px}
.footer-tagline{font-size:13px;color:var(--text-soft);line-height:1.55;max-width:300px;margin-top:2px}
.footer-tagline strong{color:var(--navy);font-weight:600}
.footer-meta{display:flex;flex-direction:column;gap:6px;margin-top:8px;font-size:11px;color:var(--text-soft);font-family:'JetBrains Mono',monospace;letter-spacing:.02em}
.footer-meta span{display:flex;align-items:center;gap:10px}
.footer-meta i{color:var(--gold);width:14px;text-align:center;font-size:11px}
.footer p{margin-bottom:0;line-height:1.7;font-size:14px;color:var(--text-soft)}
.footer h4{color:var(--navy);font-size:12px;margin-bottom:18px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-family:'Inter';position:relative;padding-bottom:10px}
.footer h4::after{content:'';position:absolute;bottom:0;left:0;width:24px;height:2px;background:var(--gold);border-radius:1px}
.footer ul{list-style:none}
.footer ul li{margin-bottom:10px}
.footer ul a{color:var(--text-soft);transition:all .2s;text-decoration:none;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:6px}
.footer ul a:hover{color:var(--gold);transform:translateX(2px)}
.footer-bottom{border-top:1px solid var(--border);padding-top:28px;margin-top:8px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--muted);font-family:'JetBrains Mono',monospace;letter-spacing:.04em}
.footer-bottom a{color:var(--text-soft);text-decoration:none;transition:color .2s}
.footer-bottom a:hover{color:var(--navy)}

/* ===== MARSÍ FLOATING WIDGET ===== */
.marsi-fab{position:fixed;bottom:24px;right:24px;z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.marsi-fab-bubble{background:#fff;border-radius:14px;padding:14px 32px 14px 18px;box-shadow:var(--shadow-lg);font-size:13px;color:var(--text);max-width:280px;animation:bubbleIn .4s ease-out;border:1px solid var(--border);position:relative}
.marsi-fab-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-soft);border:none;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .2s;padding:0}
.marsi-fab-close:hover{background:var(--red);color:#fff;transform:scale(1.1)}

.marsi-fab-bubble::after{content:'';position:absolute;bottom:-8px;right:24px;width:16px;height:16px;background:#fff;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transform:rotate(45deg)}
.marsi-fab-bubble strong{color:var(--gold);font-weight:700}
@keyframes bubbleIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.marsi-fab-btn{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-warm));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px rgba(217,119,6,.4);transition:all .3s;position:relative}
.marsi-fab-btn:hover{transform:scale(1.1) rotate(8deg)}
.marsi-fab-btn i{color:#fff;font-size:24px;position:relative;z-index:1}
.marsi-fab-btn::before{content:'';position:absolute;inset:-4px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-warm));opacity:.3;animation:pulseRing 2s ease-out infinite}
@keyframes pulseRing{0%{transform:scale(1);opacity:.4}100%{transform:scale(1.4);opacity:0}}

/* ===== SORGEN-KILLER ===== */
.sk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:40px}
@media(max-width:900px){.sk-grid{grid-template-columns:1fr}}
.sk-card{padding:28px;background:#fff;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow);transition:all .3s;position:relative}
.sk-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--gold)}
.sk-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:16px;box-shadow:0 4px 12px rgba(217,119,6,.25)}
.sk-q{font-size:17px;font-weight:700;color:var(--navy);margin-bottom:10px;font-family:'Inter';line-height:1.35}
.sk-a{font-size:14px;color:var(--text-soft);line-height:1.65}
.sk-a strong{color:var(--navy);font-weight:600}
.sk-final{display:flex;align-items:center;gap:24px;padding:28px 32px;background:linear-gradient(135deg,var(--navy),var(--navy-dark));border-radius:20px;color:#fff;flex-wrap:wrap;justify-content:space-between;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}
.sk-final::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(217,119,6,.18) 0%,transparent 70%);border-radius:50%}
.sk-final-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-warm));display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;position:relative;z-index:1;box-shadow:0 0 0 8px rgba(217,119,6,.15);animation:pulseRing 2.5s ease-out infinite}
.sk-final-text{flex:1;min-width:200px;font-size:16px;line-height:1.55;position:relative;z-index:1}
.sk-final-text strong{display:block;color:var(--gold-light);font-size:18px;font-weight:700;margin-bottom:2px}
.sk-final-ctas{display:flex;gap:10px;position:relative;z-index:1}
@media(max-width:768px){.sk-final{flex-direction:column;text-align:center;align-items:stretch}.sk-final-text{text-align:center}}


/* Trust Siegel Hero */
.trust-siegel{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:680px}
@media(max-width:600px){.trust-siegel{grid-template-columns:repeat(2,1fr)}}
.ts-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);transition:all .25s}
.ts-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.ts-svg{width:42px;height:42px;flex-shrink:0}
.ts-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.ts-text strong{font-size:12px;color:var(--navy);font-weight:700;font-family:'Inter';white-space:nowrap}
.ts-text span{font-size:10px;color:var(--muted);margin-top:2px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}



/* Vergleich */
.vgl-table{background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border)}
/* ===== VERGLEICH (V8.4 — Cards statt Tabelle) ===== */
.vs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:8px}
@media(max-width:900px){.vs-grid{grid-template-columns:1fr}}
.vs-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px 26px;box-shadow:var(--shadow);transition:all .3s;display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"topic topic topic" "old vs new";column-gap:18px;row-gap:14px;align-items:center}
.vs-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--gold-light)}
.vs-topic{grid-area:topic;font-family:'Inter';font-weight:700;font-size:17px;color:var(--navy);display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border);letter-spacing:-.005em}
.vs-topic i{color:var(--gold);font-size:18px;width:22px}
.vs-old{grid-area:old}
.vs-new{grid-area:new}
.vs-old p,.vs-new p{font-size:13.5px;line-height:1.5;margin:0;color:var(--text-soft)}
.vs-new p{color:var(--text)}
.vs-new strong{color:var(--navy);font-weight:700}
.vs-tag{display:inline-block;padding:3px 10px;border-radius:99px;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.vs-tag.bad{background:rgba(239,68,68,.1);color:#DC2626}
.vs-tag.good{background:rgba(16,185,129,.12);color:#059669}
.vs-vs{grid-area:vs;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--text-muted);background:var(--bg-2);padding:6px 10px;border-radius:99px;align-self:start;margin-top:6px}
@media(max-width:560px){
  .vs-card{grid-template-columns:1fr;grid-template-areas:"topic" "old" "vs" "new"}
  .vs-vs{justify-self:center}
}

/* Kurs-Subtitle EN: kleiner Hinweis unter dem deutschen Kursnamen */
.kurs-subtitle-en{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-muted);letter-spacing:.04em;margin-top:4px;margin-bottom:14px;font-weight:500}
.kurs-subtitle-en::before{content:'EN: ';color:var(--gold);font-weight:700}

/* Legacy vgl-table (nicht mehr aktiv genutzt, kann später raus) */
.vgl-row{display:grid;grid-template-columns:1.2fr 1.4fr 1.6fr;border-bottom:1px solid var(--border)}
.vgl-row:last-child{border-bottom:none}
.vgl-row:nth-child(even){background:rgba(0,0,0,.015)}
.vgl-row.vgl-head{background:var(--bg-2);font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--navy)}
.vgl-cell{padding:18px 22px;font-size:14px;line-height:1.5;display:flex;align-items:center;gap:10px;border-right:1px solid var(--border)}
.vgl-cell:last-child{border-right:none}
.vgl-cell.vgl-feature{font-weight:700;color:var(--navy);background:var(--bg-2)}
.vgl-cell.vgl-old{color:var(--text-soft)}
.vgl-cell.vgl-old i{color:var(--red);width:18px}
.vgl-cell.vgl-cs{color:var(--text);font-weight:500;background:linear-gradient(90deg,rgba(16,185,129,.04),transparent)}
.vgl-cell.vgl-cs i{color:var(--green);width:18px}
.vgl-cell .fa-circle-question{color:var(--orange) !important}
@media(max-width:768px){.vgl-row{grid-template-columns:1fr}.vgl-cell{border-right:none;border-bottom:1px solid var(--border)}.vgl-cell.vgl-feature{font-size:12px;padding:10px 22px;background:var(--navy);color:#fff}.vgl-cell.vgl-old::before{content:'Klassisch: ';font-weight:700;color:var(--red)}.vgl-cell.vgl-cs::before{content:'Wir: ';font-weight:700;color:var(--green)}}


/* WhatsApp QR */
.kontakt-side-qr{padding:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;text-align:center;margin-bottom:14px}
.qr-svg{width:140px;height:140px;background:#fff;padding:8px;border-radius:10px;margin:0 auto;display:block;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.qr-hint{font-size:11px;color:rgba(255,255,255,.65);margin-top:10px;line-height:1.5;letter-spacing:.02em}



.form-hint{font-size:12px;color:var(--text-soft);line-height:1.5;margin-top:6px;padding:8px 12px;background:rgba(79,70,229,.04);border-left:2px solid var(--blue);border-radius:6px}
.form-hint i{color:var(--blue);margin-right:4px}


.zert-badge-link{display:inline-block;position:relative;cursor:pointer;text-decoration:none;border-radius:14px;overflow:hidden}
.zert-badge-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,27,53,0) 0%,rgba(15,27,53,.85) 100%);color:#fff;display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px;font-size:12px;font-weight:600;letter-spacing:.04em;opacity:0;transition:opacity .35s ease;border-radius:14px;gap:6px}
.zert-badge-link:hover .zert-badge-overlay{opacity:1}
.zert-badge-link:hover .zert-badge-img{transform:translateY(-4px) scale(1.04)}


.zert-action{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--blue);margin-top:14px;padding:8px 14px;border-radius:100px;background:rgba(79,70,229,.08);transition:all .25s;text-decoration:none}
.zert-action:hover{background:var(--blue);color:#fff;transform:translateY(-2px)}


/* Progression / Level Up */
.lvl-track{position:relative;display:flex;flex-direction:column;gap:24px;padding:20px 0}
.lvl-track-bar{position:absolute;top:24px;bottom:24px;left:50px;width:4px;background:rgba(30,58,95,.08);border-radius:2px;z-index:0}
.lvl-track-fill{position:absolute;top:24px;left:50px;width:4px;background:linear-gradient(180deg,#94A3B8 0%,#D97706 20%,#4F46E5 40%,#10B981 60%,#7C3AED 80%,#EC4899 100%);border-radius:2px;z-index:1;height:0;transition:height 1.6s cubic-bezier(.2,.8,.2,1) .3s}
.lvl-track.in .lvl-track-fill{height:calc(100% - 48px)}
@media(max-width:768px){.lvl-track-bar,.lvl-track-fill{left:30px}}
.lvl-step{position:relative;display:grid;grid-template-columns:104px 64px 1fr;align-items:center;gap:18px;padding:18px 24px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);margin-left:0;z-index:2;transition:all .35s cubic-bezier(.2,.8,.2,1);opacity:0;transform:translateX(-16px)}
.lvl-track.in .lvl-step{opacity:1;transform:translateX(0)}
.lvl-track.in .lvl-step:nth-child(3){transition-delay:.1s}
.lvl-track.in .lvl-step:nth-child(4){transition-delay:.25s}
.lvl-track.in .lvl-step:nth-child(5){transition-delay:.4s}
.lvl-track.in .lvl-step:nth-child(6){transition-delay:.55s}
.lvl-track.in .lvl-step:nth-child(7){transition-delay:.7s}
.lvl-track.in .lvl-step:nth-child(8){transition-delay:.85s}
.lvl-step:hover{transform:translateX(8px) !important;box-shadow:var(--shadow-lg);border-color:var(--gold)}
@media(max-width:768px){.lvl-step{grid-template-columns:60px 1fr;padding:14px 18px}.lvl-step .lvl-num{display:none}}
.lvl-num{font-family:'Inter';font-weight:900;font-size:48px;color:rgba(30,58,95,.08);letter-spacing:-.02em;line-height:1;text-align:center}
.lvl-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0;box-shadow:0 8px 20px rgba(0,0,0,.15);transition:transform .35s ease}
.lvl-step:hover .lvl-icon{transform:rotate(-8deg) scale(1.08)}
.lvl-content{flex:1;min-width:0}
.lvl-title{font-family:'Inter';font-size:20px;font-weight:800;color:var(--navy);margin-bottom:4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lvl-badge-tag{display:inline-block;font-size:10px;padding:3px 10px;background:linear-gradient(135deg,var(--gold-light),var(--gold-warm));color:#fff;border-radius:100px;font-weight:700;letter-spacing:.04em;font-family:'JetBrains Mono'}
.lvl-meta{font-size:11px;color:var(--gold);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.lvl-skills{font-size:13px;color:var(--text-soft);margin-bottom:8px;line-height:1.5}
.lvl-power{font-size:13px;color:var(--text);line-height:1.6;padding:10px 14px;background:rgba(217,119,6,.05);border-left:3px solid var(--gold);border-radius:8px}
.lvl-power strong{color:var(--navy)}


/* Transformation Vorher/Nachher */
.trans-grid{display:grid;grid-template-columns:1fr 80px 1fr;gap:24px;align-items:stretch;margin-bottom:48px}
@media(max-width:900px){.trans-grid{grid-template-columns:1fr}}
.trans-col{padding:36px;border-radius:24px;position:relative;transition:transform .3s}
.trans-col:hover{transform:translateY(-4px)}
.trans-col.trans-before{background:linear-gradient(135deg,#fff,#FEE2E2);border:1px solid rgba(239,68,68,.2);box-shadow:var(--shadow)}
.trans-col.trans-after{background:linear-gradient(135deg,#fff,#D1FAE5);border:2px solid var(--green);box-shadow:0 16px 48px rgba(16,185,129,.18)}
.trans-tag{display:inline-block;padding:5px 14px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:14px}
.trans-before .trans-tag{background:rgba(239,68,68,.12);color:var(--red)}
.trans-after .trans-tag{background:rgba(16,185,129,.12);color:var(--green)}
.trans-col h3{font-size:24px;font-weight:800;color:var(--navy);margin-bottom:24px;font-family:'Inter'}
.trans-col ul{list-style:none;display:flex;flex-direction:column;gap:14px}
.trans-col li{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.55;color:var(--text)}
.trans-before li i{color:var(--red);margin-top:2px;flex-shrink:0;font-size:16px}
.trans-after li i{color:var(--green);margin-top:2px;flex-shrink:0;font-size:16px}
.trans-col li strong{color:var(--navy)}
.trans-after li strong{color:var(--green)}
.trans-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px}
@media(max-width:900px){.trans-arrow{flex-direction:row;padding:14px 0;gap:24px}}
.trans-arrow-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-warm));color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;animation:transRocket 3s ease-in-out infinite;box-shadow:0 0 0 6px rgba(217,119,6,.15)}
@keyframes transRocket{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(8deg)}}
.trans-arrow-text{font-size:13px;color:var(--text-soft);font-weight:600;line-height:1.3}
.trans-arrow-text strong{color:var(--gold);font-size:18px;display:block;font-family:'Inter'}
.trans-cta{display:flex;align-items:center;justify-content:center;gap:18px;padding:24px 32px;background:linear-gradient(135deg,var(--navy),var(--navy-dark));color:#fff;border-radius:18px;flex-wrap:wrap;text-align:center;box-shadow:var(--shadow-lg)}
.trans-cta strong{color:var(--gold-light);font-size:18px;font-weight:700}
.trans-cta span{color:rgba(255,255,255,.85);font-size:15px}
@media(max-width:600px){.trans-cta{flex-direction:column}}


/* TEMPEL STATEMENT */
.tempel-section{padding:140px 0 100px;background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 50%,var(--bg-2) 100%);position:relative;overflow:hidden}
.tempel-section::before{content:'';position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(ellipse at center top,rgba(217,119,6,.1) 0%,transparent 60%);pointer-events:none}
.tempel-stage{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;display:grid;grid-template-columns:auto auto auto;justify-items:center;align-items:end;gap:0}

/* Pediment - top */
.tempel-pediment{position:absolute;top:0;left:50%;transform:translateX(-50%);width:780px;max-width:90%;height:100px;z-index:2;filter:drop-shadow(0 8px 20px rgba(30,58,95,.15))}
.tempel-pediment svg{width:100%;height:100%;display:block}

/* Columns */
.tempel-columns{display:flex;gap:32px;height:380px;align-items:flex-end;padding:0 24px;opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.2,.8,.2,1)}
.tempel-section.in .tempel-columns{opacity:1;transform:translateY(0)}
.tempel-columns.tc-left{justify-self:end}
.tempel-columns.tc-right{justify-self:start}
.tempel-col{width:42px;height:340px;background:linear-gradient(90deg,#FAFBFF 0%,#fff 30%,#fff 70%,#E5E7EB 100%);border-radius:3px 3px 0 0;position:relative;box-shadow:inset -2px 0 4px rgba(30,58,95,.05),inset 2px 0 4px rgba(0,0,0,.04),0 4px 12px rgba(30,58,95,.12);transform-origin:bottom;animation:tempelColumnGrow 1s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:0s;opacity:0}
.tempel-section.in .tempel-col{opacity:1}
.tempel-columns.tc-left .tempel-col:nth-child(1){animation-delay:.1s}
.tempel-columns.tc-left .tempel-col:nth-child(2){animation-delay:.2s}
.tempel-columns.tc-right .tempel-col:nth-child(1){animation-delay:.2s}
.tempel-columns.tc-right .tempel-col:nth-child(2){animation-delay:.1s}
@keyframes tempelColumnGrow{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}

/* Column flutes (vertical lines) */
.tempel-col::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 6px,rgba(30,58,95,.08) 6px,rgba(30,58,95,.08) 7px);border-radius:3px 3px 0 0;pointer-events:none}
/* Capital (top) and Base */
.tempel-col::after{content:'';position:absolute;top:-10px;left:-8px;right:-8px;height:14px;background:linear-gradient(180deg,#D97706,#C9A961);border-radius:2px;box-shadow:0 4px 8px rgba(217,119,6,.3)}

/* Center: shield + text */
.tempel-center{display:flex;flex-direction:column;align-items:center;gap:24px;z-index:3;padding-bottom:0}

.tempel-shield{position:relative;display:inline-block;perspective:1200px;transform-style:preserve-3d;margin:60px 24px 0;z-index:3;animation:tempelShieldFloat 4s ease-in-out infinite}
@keyframes tempelShieldFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.tempel-shield img{width:200px;height:auto;display:block;filter:drop-shadow(0 16px 40px rgba(30,58,95,.4)) drop-shadow(0 0 32px rgba(217,119,6,.4));transform:rotateY(-2deg)}
.tempel-shield-glow{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(217,119,6,.25) 0%,transparent 70%);border-radius:50%;z-index:-1;animation:tempelGlow 4s ease-in-out infinite}
@keyframes tempelGlow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}

.tempel-text{grid-column:1 / -1;text-align:center;margin-top:40px;z-index:3;position:relative}
.tempel-3d{font-family:'Cinzel',serif;font-size:88px;font-weight:900;color:#1E3A5F;letter-spacing:.06em;line-height:1;margin-bottom:18px;text-shadow:0 1px 0 #2A4A6A,0 2px 0 #244260,0 3px 0 #1E3A5F,0 4px 0 #182E48,0 5px 0 #142B48,0 6px 0 #102438,0 7px 0 #0C1D2E,0 8px 0 #081624,0 9px 1px rgba(0,0,0,.15),0 0 8px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.25),0 8px 16px rgba(0,0,0,.2),0 16px 32px rgba(30,58,95,.18)}
@media(max-width:768px){.tempel-3d{font-size:48px}.tempel-shield img{width:140px}.tempel-columns{display:none}}

.tempel-akademie{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:14px}
.tempel-akademie-line{width:80px;height:2px;background:linear-gradient(90deg,transparent,#D97706,transparent);border-radius:2px}
.tempel-akademie-text{font-family:'Cinzel',serif;font-size:32px;font-weight:700;color:#D97706;letter-spacing:.32em;text-shadow:0 2px 0 #B36100,0 4px 8px rgba(217,119,6,.3)}
@media(max-width:768px){.tempel-akademie-text{font-size:20px;letter-spacing:.2em}.tempel-akademie-line{width:40px}}

.tempel-tagline{font-family:'Cinzel',serif;font-style:italic;font-size:16px;color:var(--text-soft);letter-spacing:.06em;margin-top:14px}

/* Steps */
.tempel-steps{grid-column:1 / -1;width:90%;max-width:900px;height:24px;background:linear-gradient(180deg,#FAFBFF 0%,#E5E7EB 100%);border-radius:4px;margin:30px auto 0;position:relative;box-shadow:0 6px 16px rgba(30,58,95,.1)}
.tempel-steps::before{content:'';position:absolute;left:-3%;right:-3%;bottom:-12px;height:14px;background:linear-gradient(180deg,#FAFBFF 0%,#D1D5DB 100%);border-radius:4px;box-shadow:0 4px 12px rgba(30,58,95,.15)}
.tempel-steps::after{content:'';position:absolute;left:-6%;right:-6%;bottom:-26px;height:14px;background:linear-gradient(180deg,#FAFBFF 0%,#9CA3AF 100%);border-radius:4px;box-shadow:0 6px 16px rgba(30,58,95,.2)}

@media(max-width:1100px){.tempel-stage{grid-template-columns:1fr}.tempel-columns{display:none}.tempel-pediment{display:none}}


/* Charts */
.career-charts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:40px 0 60px}
@media(max-width:900px){.career-charts{grid-template-columns:1fr}}
.chart-card{padding:32px;background:#fff;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow-lg);transition:all .3s}
.chart-card:hover{transform:translateY(-4px);box-shadow:0 32px 80px rgba(30,58,95,.18)}
.chart-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}
.chart-title{font-size:18px;font-weight:800;color:var(--navy);font-family:'Inter';line-height:1.2;margin-bottom:4px}
.chart-sub{font-size:12px;color:var(--text-soft)}
.chart-source{font-size:10px;color:var(--muted);letter-spacing:.05em;font-weight:600;text-transform:uppercase;text-align:right;line-height:1.5;flex-shrink:0}
.chart-foot{margin-top:18px;padding:12px 16px;background:rgba(16,185,129,.06);border-left:3px solid var(--green);border-radius:8px;font-size:13px;color:var(--text-soft);line-height:1.55}
.chart-foot i{color:var(--green);margin-right:6px}
.chart-foot strong{color:var(--navy)}

/* Bar Chart */
.chart-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;height:240px;align-items:end}
.cbar{display:flex;flex-direction:column;height:100%;justify-content:flex-end;gap:8px;position:relative;cursor:default}
.cbar-fill{position:relative;width:100%;background:linear-gradient(180deg,#10B981 0%,#D97706 100%);border-radius:8px 8px 0 0;height:0;transition:height 1.4s cubic-bezier(.2,.8,.2,1);display:flex;align-items:flex-start;justify-content:center;padding-top:8px;overflow:hidden}
.cbar:nth-child(1) .cbar-fill{background:linear-gradient(180deg,#94A3B8 0%,#64748B 100%)}
.cbar:nth-child(2) .cbar-fill{background:linear-gradient(180deg,#F59E0B 0%,#D97706 100%)}
.cbar:nth-child(3) .cbar-fill{background:linear-gradient(180deg,#10B981 0%,#059669 100%)}
.cbar:nth-child(4) .cbar-fill{background:linear-gradient(180deg,#7C3AED 0%,#5B21B6 100%)}
.cbar-fill::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 14px,rgba(255,255,255,.05) 14px,rgba(255,255,255,.05) 15px);pointer-events:none}
.cbar-amt{font-family:'Inter';color:#fff;font-weight:800;font-size:14px;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap}
.cbar-label{text-align:center;font-size:11px;line-height:1.3}
.cbar-label strong{display:block;color:var(--navy);font-size:13px;font-weight:700;margin-bottom:2px}
.cbar-label span{color:var(--muted);font-size:10px;letter-spacing:.04em}
.career-charts.in .cbar:nth-child(1) .cbar-fill{height:42%}
.career-charts.in .cbar:nth-child(2) .cbar-fill{height:58%}
.career-charts.in .cbar:nth-child(3) .cbar-fill{height:77%}
.career-charts.in .cbar:nth-child(4) .cbar-fill{height:100%}

/* Line Chart */
.chart-line{height:260px;width:100%;position:relative}
.chart-line svg{width:100%;height:100%;display:block}
.career-charts.in #growthLine{animation:drawLine 2s cubic-bezier(.2,.8,.2,1) forwards .3s}
.career-charts.in #growthFill{animation:fadeFill 1s ease-out forwards 1.4s}
@keyframes drawLine{to{stroke-dashoffset:0}}
@keyframes fadeFill{from{opacity:0}to{opacity:1}}
.growth-dots circle{opacity:0;transform-origin:center;animation:popDot .4s cubic-bezier(.4,1.7,.6,1) forwards}
.career-charts.in .growth-dots circle:nth-child(1){animation-delay:.4s}
.career-charts.in .growth-dots circle:nth-child(2){animation-delay:.7s}
.career-charts.in .growth-dots circle:nth-child(3){animation-delay:1.0s}
.career-charts.in .growth-dots circle:nth-child(4){animation-delay:1.3s}
.career-charts.in .growth-dots circle:nth-child(5){animation-delay:1.6s}
.career-charts.in .growth-dots circle:nth-child(6){animation-delay:1.9s}
.career-charts.in .growth-dots circle:nth-child(7){animation-delay:2.2s}
@keyframes popDot{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}


.btn-call{background:#fff;color:var(--navy);border:2px solid #fff;font-weight:700}
.btn-call:hover{background:var(--gold);border-color:var(--gold);color:#fff;transform:translateY(-2px);box-shadow:0 14px 32px rgba(217,119,6,.4)}
.btn-call i{color:var(--gold)}
.btn-call:hover i{color:#fff}


/* Footer Tempel Statement */





}




50%{transform:translateY(-4px)}}


50%{opacity:.9}}










@media(max-width:768px){}


/* Exit Intent Hint */
.exit-hint{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);z-index:120;background:#fff;border-radius:20px;box-shadow:0 32px 80px rgba(0,0,0,.3);max-width:440px;width:calc(100% - 32px);padding:0;opacity:0;visibility:hidden;transition:all .35s cubic-bezier(.2,.8,.2,1);border:1px solid var(--border)}
.exit-hint.in{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.exit-hint-inner{padding:28px;display:flex;gap:18px;align-items:flex-start;position:relative}
.exit-hint-avatar{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-warm));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;font-family:'Cinzel';flex-shrink:0;position:relative;box-shadow:0 0 0 6px rgba(217,119,6,.15)}
.exit-hint-avatar::after{content:'';position:absolute;bottom:0;right:0;width:14px;height:14px;background:var(--green);border:2px solid #fff;border-radius:50%}
.exit-hint-content{flex:1}
.exit-hint-content strong{display:block;color:var(--gold);font-size:18px;font-weight:700;margin-bottom:4px;font-family:'Inter'}
.exit-hint-content p{font-size:14px;color:var(--text-soft);line-height:1.55;margin-bottom:14px}
.exit-hint-actions{display:flex;gap:10px;flex-wrap:wrap}
.exit-hint-skip{background:transparent;border:none;color:var(--muted);cursor:pointer;font-family:inherit;font-size:13px;text-decoration:underline;padding:0 8px}
.exit-hint-skip:hover{color:var(--text)}
.exit-hint-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:var(--bg-2);color:var(--muted);border:none;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s}
.exit-hint-close:hover{background:var(--red);color:#fff}
.exit-hint-overlay{position:fixed;inset:0;background:rgba(15,27,53,.5);backdrop-filter:blur(4px);z-index:119;opacity:0;visibility:hidden;transition:all .35s ease}
.exit-hint-overlay.in{opacity:1;visibility:visible}


/* BGS Eligibility */
.bgs-elig{padding:48px;background:linear-gradient(135deg,#fff,var(--bg-2));border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow-lg);margin-bottom:32px;position:relative;overflow:hidden}
.bgs-elig::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold),var(--gold-light),var(--green))}
.bgs-elig-head{display:flex;align-items:center;gap:18px;margin-bottom:32px;flex-wrap:wrap}
.bgs-elig-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;box-shadow:0 8px 20px rgba(217,119,6,.3)}
.bgs-elig-head h3{font-size:24px;font-weight:800;color:var(--navy);margin-bottom:6px;font-family:'Inter';line-height:1.2}
.bgs-elig-head p{font-size:14px;color:var(--text-soft)}
.bgs-elig-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:36px}
@media(max-width:1100px){.bgs-elig-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.bgs-elig-grid{grid-template-columns:1fr}}
.bgs-elig-card{padding:22px 18px;background:#fff;border:1px solid var(--border);border-radius:14px;position:relative;transition:all .3s;display:flex;flex-direction:column}
.bgs-elig-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--gold)}
.bgs-elig-num{position:absolute;top:14px;right:18px;font-family:'Inter';font-weight:900;font-size:36px;color:rgba(217,119,6,.12);line-height:1;letter-spacing:-.02em}
.bgs-elig-tag{display:inline-block;font-size:10px;padding:3px 10px;background:rgba(16,185,129,.1);color:var(--green);border-radius:100px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;width:fit-content}
.bgs-elig-card h4{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:8px;font-family:'Inter';line-height:1.35}
.bgs-elig-card p{font-size:12px;color:var(--text-soft);line-height:1.6}
.bgs-elig-card p strong{color:var(--navy)}

.bgs-next-steps{padding:32px;background:linear-gradient(135deg,#0F1B35,#1A2942);border-radius:18px;color:#fff;position:relative;overflow:hidden}
.bgs-next-steps::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(217,119,6,.18) 0%,transparent 70%);border-radius:50%}
.bgs-next-steps h4{font-size:20px;font-weight:800;margin-bottom:18px;color:var(--gold-light);font-family:'Inter';position:relative}
.bgs-next-steps h4 i{margin-right:8px}
.bgs-steps-list{list-style:none;counter-reset:item;display:flex;flex-direction:column;gap:14px;margin-bottom:24px;position:relative}
.bgs-steps-list li{counter-increment:item;display:flex;align-items:flex-start;gap:14px;font-size:14px;line-height:1.6;color:rgba(255,255,255,.85);padding:14px 16px;background:rgba(255,255,255,.04);border-left:2px solid var(--gold);border-radius:8px;transition:all .25s}
.bgs-steps-list li:hover{background:rgba(255,255,255,.08);border-left-color:var(--gold-light)}
.bgs-steps-list li::before{content:counter(item, decimal-leading-zero);font-family:'JetBrains Mono';color:var(--gold-light);font-weight:700;font-size:14px;flex-shrink:0;letter-spacing:.04em}
.bgs-steps-list li strong{color:#fff}
.bgs-marsi-cta{padding:20px;background:rgba(217,119,6,.1);border:1px solid rgba(217,119,6,.3);border-radius:14px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;position:relative}
.bgs-marsi-cta strong{display:block;color:var(--gold-light);font-size:15px;font-weight:700;margin-bottom:4px}
.bgs-marsi-cta p{flex:1;font-size:13px;color:rgba(255,255,255,.75);margin:0;min-width:200px}


/* LOGO STAGE - edel integriert */

.logo-stage::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.4}
.logo-stage::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.4}

@keyframes lsBgPulse{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}



/* Animated Conic Glow Ring */

@keyframes lsRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* Logo with Multi-Layer Shadows + 3D Float */

.logo-stage-img:hover{transform:rotateY(0deg) rotateX(0deg) scale(1.04);filter:drop-shadow(0 4px 8px rgba(30,58,95,.18)) drop-shadow(0 16px 32px rgba(30,58,95,.25)) drop-shadow(0 32px 64px rgba(30,58,95,.3)) drop-shadow(0 0 64px rgba(217,119,6,.55))}
@keyframes lsFloat{0%,100%{transform:translateY(0) rotateY(-3deg) rotateX(2deg)}50%{transform:translateY(-14px) rotateY(-3deg) rotateX(2deg)}}
@media(max-width:768px){}

/* Floor Shadow */

@keyframes lsFloorPulse{0%,100%{transform:scaleX(1);opacity:.5}50%{transform:scaleX(.85);opacity:.75}}

/* Text under logo */



.logo-stage-tagline span{font-style:italic;background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:500}
@media(max-width:768px){}


.logo-stage-divider span{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.logo-stage-divider i{font-size:18px;filter:drop-shadow(0 2px 4px rgba(217,119,6,.4))}

/* Click ripple */
.btn::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.4);transform:translate(-50%,-50%);transition:width .5s,height .5s}
.btn:active::after{width:300px;height:300px;transition:0s}



  .final-cta-stamp{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:rgba(217,119,6,.15);border:1px solid rgba(217,119,6,.4);border-radius:99px;color:var(--gold-light);font-size:13px;font-weight:600;margin-bottom:24px;font-family:'Inter';letter-spacing:.01em}
  .final-cta-stamp i{font-size:11px}
  .final-cta-stamp strong{color:#fff;font-weight:700}
  .final-cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}
  .btn-ghost-light{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3);padding:18px 26px;border-radius:12px;font-weight:600;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .25s;font-family:'Inter'}
  .btn-ghost-light:hover{background:rgba(255,255,255,.08);border-color:#fff;transform:translateY(-1px)}
  .final-cta-reassure{display:flex;justify-content:center;flex-wrap:wrap;gap:18px 28px;font-size:13px;color:rgba(255,255,255,.75);font-family:'Inter';font-weight:500}
  .final-cta-reassure span{display:inline-flex;align-items:center;gap:6px}
  .final-cta-reassure i{color:#10B981;font-size:13px}



  /* ElevenLabs ConvAI Widget — initial KOMPLETT unsichtbar.
     Wird nur per JS aktiviert wenn User auf eigenen Trigger klickt (Begrüßungs-Karte, Hero-CTA, etc.).
     Default-FAB mit "Need help?" / "Start a call" / "Powered by ElevenLabs" wird so vermieden. */
  /* ElevenLabs ConvAI Widget komplett entfernt — alle Marsí-Trigger leiten auf WhatsApp */

  /* Persönliche Begrüßungs-Karte — wegklickbar */
  .marsi-greet{position:fixed;bottom:108px;right:28px;z-index:89;width:312px;background:#fff;border-radius:18px;padding:18px 18px 16px 18px;box-shadow:0 16px 40px rgba(15,23,42,.18),0 0 0 1px rgba(217,119,6,.15);border:1px solid rgba(217,119,6,.2);font-family:'Inter',sans-serif;display:none;animation:greetIn .55s cubic-bezier(.2,.8,.2,1)}
  .marsi-greet.show{display:block}
  .marsi-greet::after{content:'';position:absolute;bottom:-9px;right:30px;width:18px;height:18px;background:#fff;border-right:1px solid rgba(217,119,6,.2);border-bottom:1px solid rgba(217,119,6,.2);transform:rotate(45deg)}
  @keyframes greetIn{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}

  .marsi-greet-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
  .marsi-greet-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#FBBF24,#D97706 60%,#92400E);display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Cinzel',serif;font-weight:700;font-size:24px;flex-shrink:0;box-shadow:0 4px 14px rgba(217,119,6,.4),inset 0 -3px 8px rgba(146,64,14,.3),inset 0 3px 8px rgba(255,237,213,.4);border:2px solid #fff;position:relative}
  .marsi-greet-avatar::after{content:'';position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;background:#10B981;border:2.5px solid #fff;box-shadow:0 0 6px rgba(16,185,129,.6)}
  .marsi-greet-name{font-size:15px;font-weight:700;color:#0F172A;line-height:1.2}
  .marsi-greet-name span{color:#64748B;font-weight:500;font-size:13px}
  .marsi-greet-role{font-size:11px;color:#10B981;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-top:2px;display:flex;align-items:center;gap:5px}
  .marsi-greet-role::before{content:'';width:6px;height:6px;border-radius:50%;background:#10B981;box-shadow:0 0 6px #10B981}

  .marsi-greet-text{font-size:13.5px;color:#334155;line-height:1.55;margin:0 0 12px 0}
  .marsi-greet-text strong{color:#0F172A}

  .marsi-greet-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 14px;background:linear-gradient(135deg,#D97706,#F59E0B);color:#fff;border:none;border-radius:11px;font-family:'Inter';font-size:13.5px;font-weight:700;cursor:pointer;transition:all .25s;box-shadow:0 4px 14px rgba(217,119,6,.32)}
  .marsi-greet-cta:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(217,119,6,.45)}
  .marsi-greet-cta i{font-size:12px}

  .marsi-greet-close{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:#F1F5F9;border:none;color:#64748B;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .2s;padding:0}
  .marsi-greet-close:hover{background:#EF4444;color:#fff;transform:scale(1.05)}

  @media(max-width:480px){
    .marsi-greet{width:calc(100vw - 56px);right:28px;bottom:100px}
  }