/* MPU DeinPartner – eigenständiges, kontrastreiches Designsystem. */
:root {
  --green:#292f77;
  --green-dark:#1b2258;
  --mint:#eef0f8;
  --cream:#faf8f4;
  --paper:#fff;
  --gold:#ee5a2b;
  --gold-deep:#bf3d1d;
  --ink:#1a254b;
  --muted:#535d75;
  --border:#dde1ed;
  --shadow:0 24px 65px rgba(24,32,79,.13);
}
body{background:var(--cream);color:var(--ink)}
.container{max-width:1240px}
.site-header{background:#fff;border-bottom:1px solid #e6e7ef}
.nav-wrap{min-height:82px}
.brand-logo{width:218px}
.site-header nav a{color:#273257}
.site-header nav a:hover{color:var(--gold-deep)}
.button{border-radius:11px}
.button-gold,.button-gold:hover{color:#fff}
.button-gold{background:#c7441f}
.button-gold:hover{background:#aa3418}
.button-green{background:var(--green);color:#fff}
.button-green:hover{background:var(--green-dark)}
.button-whatsapp{background:#128344;color:#fff}
.button-whatsapp:hover{background:#0e6f38}
.button-outline{border-color:#5b6394;color:var(--green);background:#fff}
.eyebrow{color:var(--gold-deep)}
.section{padding:104px 0}
.section-heading h2,.about-copy h2,.cost-box h2,.faq-intro h2,.contact-copy h2{
  color:var(--ink);font-weight:800;letter-spacing:-.048em
}
.section-heading em,.about-copy em,.cost-box em,.faq-intro em,.contact-copy em,.detail-hero em{
  font-family:Figtree,Arial,sans-serif;font-style:normal;font-weight:800;
  letter-spacing:-.048em;color:var(--gold-deep)
}
.section-heading>p,.split-heading>p{color:var(--muted)}

/* Hell und einladend: die Person und der Einstieg sind sofort sichtbar. */
.hero{background:#f8f7f3;color:var(--ink);overflow:hidden}
.hero-photo{
  background:
    radial-gradient(circle at 76% 12%,rgba(238,90,43,.13),transparent 36%),
    radial-gradient(circle at 8% 90%,rgba(41,47,119,.07),transparent 39%);
  z-index:-1
}
.hero-photo:after{
  display:block;content:"";position:absolute;inset:0 auto 0 31%;width:39%;
  background:url('/assets/hero-fuehrerschein.jpg') 93% top / auto 106% no-repeat;
  opacity:.72;filter:saturate(.82);
  -webkit-mask-image:radial-gradient(ellipse 77% 75% at 52% 34%,#000 20%,transparent 88%);
  mask-image:radial-gradient(ellipse 77% 75% at 52% 34%,#000 20%,transparent 88%)
}
.hero-overlay,.hero-chevrons{display:none}
.hero-grid{
  grid-template-columns:minmax(0,1.07fr) minmax(390px,.93fr);
  gap:72px;align-items:center;padding-block:74px 84px
}
.hero-copy{padding-top:0;gap:19px}
.hero-copy .eyebrow{
  color:var(--gold-deep);font-size:12px;letter-spacing:.14em;
  padding-left:14px;border-left:3px solid var(--gold)
}
.hero h1{
  max-width:720px;font-size:clamp(48px,4.6vw,68px);line-height:1.045;
  letter-spacing:-.06em;margin:0;color:#171f4e
}
.highlight{
  display:inline;background:none;color:var(--gold-deep);padding:0;
  border-radius:0;transform:none;box-shadow:inset 0 -.14em 0 rgba(238,90,43,.12)
}
.hero-intro{max-width:610px;color:#3d4864;font-size:18px;line-height:1.57;margin:0}
.hero-advisor{
  display:flex;align-items:center;gap:14px;background:#fff;
  border:1px solid #e3e5ee;border-left:4px solid var(--gold);
  border-radius:14px;padding:10px 18px 10px 10px;
  box-shadow:0 8px 25px rgba(29,36,89,.06)
}
.hero-advisor img{
  width:62px;height:62px;object-fit:cover;object-position:center 22%;
  border-radius:10px;flex:none
}
.hero-advisor span,.hero-advisor strong,.hero-advisor small{display:block}
.hero-advisor span{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--gold-deep)}
.hero-advisor strong{font-size:17px;line-height:1.25;margin:2px 0;color:var(--ink)}
.hero-advisor small{font-size:12px;color:#535e74}
.hero-actions{gap:10px;margin-top:2px}
.hero-action{min-height:65px;box-shadow:none;padding:11px 17px}
.hero-action strong{font-size:15px}
.hero-action small{font-size:11px}
.hero-proofline{display:flex;flex-wrap:wrap;gap:8px 15px;color:#354264;font-size:12px;font-weight:700}
.hero-proofline span{display:inline-flex;align-items:center;gap:5px}
.hero-proofline .icon{width:15px;height:15px;color:var(--gold-deep);stroke-width:3}
.hero-review-proof{color:#2e385c;font-size:13px}
.hero-review-proof>span{color:#ed6b30}
.hero-form-card{
  margin-top:0;border:1px solid #e6e7ee;border-radius:23px;
  color:var(--ink);box-shadow:0 28px 70px rgba(26,34,83,.16)
}
.hero-form-card:before,.contact-form-card:before{height:5px;background:var(--gold)}
.mpu-funnel{padding:32px 32px 27px}
.funnel-kicker{color:var(--gold-deep)}
.funnel-intro h2{font-size:25px;color:var(--ink)}
.funnel-intro>p:not(.funnel-kicker){color:#556079;font-size:14px}
.funnel-trust{color:#525d76}
.funnel-progress-label,.funnel-back{color:var(--green)}
.funnel-progress-track{background:#e8e9f0}
.funnel-progress-fill{background:var(--gold)}
.funnel-question{color:var(--ink)}
.funnel-option{
  border-color:#dfe3ed;background:#fff;color:var(--ink);
  min-height:61px;border-radius:11px
}
.funnel-option:hover,.funnel-option:focus-visible,.funnel-option.is-suggested{
  border-color:var(--gold);background:#fff5f0
}
.funnel-option-icon{background:#f1f2fa}
.funnel-option-arrow{color:var(--gold-deep)}

/* Konkrete, nachprüfbare Gründe statt generischer Versprechen. */
.trust-strip{background:var(--green-dark);color:#fff}
.trust-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding-block:24px}
.trust-grid>div{
  display:block;border-right:1px solid rgba(255,255,255,.2);
  padding:0 30px
}
.trust-grid>div:first-child{padding-left:0}
.trust-grid>div:last-child{border:0;padding-right:0}
.trust-grid strong{display:block;color:#fff;font-size:21px;line-height:1.16;letter-spacing:-.035em}
.trust-grid span{display:block;color:#e2e5f5;font-size:13px;font-weight:500;margin-top:6px}
.empathy{background:#fff}
.question-grid{gap:18px}
.question-card{
  border:1px solid #e2e5ed;border-radius:14px;
  background:#faf9f6;min-height:248px;
  box-shadow:0 7px 25px rgba(29,36,89,.035)
}
.card-number{font:800 14px Figtree,Arial,sans-serif;color:var(--gold-deep);letter-spacing:.13em}
.question-card h3{color:var(--ink)}
.question-card p{color:var(--muted)}
.empathy-footer{border-left-color:var(--gold)}
.steps-section{background:#f2f3f8;color:var(--ink)}
.steps-section .section-heading h2{color:var(--ink)}
.steps-section .section-heading>p{color:var(--muted)}
.step-button{background:#fff;border-color:#dde1ed}
.step-button.active{background:#fff3ed;border-color:#f2b59e;box-shadow:inset 4px 0 var(--gold)}
.step-number{font:800 22px Figtree,Arial,sans-serif;color:var(--gold-deep)}
.step-panel{background:#252e70;box-shadow:0 23px 50px rgba(21,29,76,.12)}
.step-panel-top,.step-panel>p{color:#e3e7fb}
.step-panel h3,.step-panel .tick-list{color:#fff}
.step-panel-icon,.tick-list .icon{color:#ff9169}
.journey-line circle{fill:#a5aee0}.journey-line circle.active{fill:#ff875b}
.topics-section{background:#fff}
.topic-card{border-color:#e1e4ed}
.topic-icon{background:#f0f1f9;color:var(--green)}
.topic-link{color:var(--gold-deep)}
.topic-answer{background:#f7f5f1;border:1px solid #e7e4df}
.about-section{background:#f8f7f4}
.about-grid{gap:84px}
.about-visual{background:#e1e5f3;border-radius:18px}
.about-visual:after{background:linear-gradient(transparent,rgba(20,27,69,.78))}
.about-photo-quote span{color:#ffb095}
.about-copy .intro-copy{font-size:19px;line-height:1.58;color:var(--ink)}
.about-copy>p:not(.eyebrow):not(.intro-copy){color:var(--muted)}
.about-credentials{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0;
}
.about-credentials div{
  padding:17px 15px;border-radius:12px;border:1px solid #dde1eb;background:#fff
}
.about-credentials strong,.about-credentials span{display:block}
.about-credentials strong{font-size:16px;color:var(--green);line-height:1.22}
.about-credentials span{font-size:12px;color:var(--muted);margin-top:4px}
.about-values .icon{color:var(--gold-deep)}
.reviews-section{background:#fff}
.reviews-intro h2{color:var(--ink)}
.reviews-intro em{font-family:Figtree,Arial,sans-serif;font-style:normal;font-weight:800;color:var(--gold-deep)}
.reviews-intro>p:not(.eyebrow){color:var(--muted)}
.review-card{border-color:#e1e4ed;box-shadow:0 12px 30px rgba(29,36,89,.06)}
.review-summary{color:#263252}
.review-avatar{background:#eeeff9}
.review-stars{color:var(--gold)}
.reviews-source{color:var(--green)}
.cost-section{background:#f7f8fc}
.cost-box{
  background:#fff;color:var(--ink);border:1px solid #e1e4ec;
  box-shadow:0 20px 55px rgba(29,36,89,.08);
  gap:62px
}
.cost-box h2{color:var(--ink)}
.cost-box em,.cost-box .eyebrow{color:var(--gold-deep)}
.cost-box p:not(.eyebrow){color:var(--muted)}
.cost-list>div{border-bottom-color:#e0e3ed}
.cost-list dt{color:var(--ink)}
.cost-list dt span{font:800 15px Figtree,Arial,sans-serif;color:var(--gold-deep)}
.cost-list dd{color:var(--muted)}
.faq-section{background:#fff}
.faq-list,.faq-list details{border-color:#dee2eb}
.faq-list summary{color:var(--ink)}
.faq-list details p{color:var(--muted)}
.contact-section{background:var(--green-dark);color:#fff}
.contact-copy .eyebrow{color:#ffb49a}
.contact-copy h2{color:#fff}
.contact-copy h2 em{color:#ffad90}
.contact-copy>p:not(.eyebrow):not(.contact-draft-note){color:#e3e6f5}
.contact-promises span,.contact-details a,.contact-details span{color:#fff}
.contact-promises .icon{color:#ffad90}
.contact-whatsapp{color:#fff}
.contact-form-card{color:var(--ink);border:1px solid #e6e8f0}
.site-footer{background:#151b48}
.footer-main p,.footer-note{color:#d9def1}
.footer-main a{color:#fff}
.sticky-contact{display:none}
.sticky-callback{background:#c7441f;color:#fff}
.sticky-whatsapp{background:#128344}
.detail-hero{background:var(--green-dark)}
.detail-hero .eyebrow{color:#ffb49a}
.detail-hero em{color:#ffad90}
.detail-hero p:not(.eyebrow){color:#e4e7f6}
.plan-top h1,.plan-paper,.plan-contact strong{color:var(--ink)}
.plan-top h1 em{color:var(--gold-deep)}
.plan-top>p,.plan-optional,.plan-paper-note,#plan-summary{color:#3e4965}
.plan-paper-wrap{border-color:#e3e5ef}
.plan-paper-label,.plan-paper-edition{color:var(--gold-deep)}
.plan-paper-rule{background:var(--gold)}
.plan-step-done{background:#e8eaf7;color:var(--green-dark)}
.plan-timeline li{background:#eef0f8;color:#27365f}
.plan-timeline li:before{background:var(--gold)}
.plan-gate,.plan-ready{color:var(--ink)}
#plan-phone{color:var(--ink);background:#f7f8fc;border-color:#cbd0e2}
.plan-consent,.plan-phone-note,.plan-instant{color:#4a5570}
.plan-contact{border-color:#dde1ed}
@media(max-width:1100px){
  .hero-grid{gap:35px;grid-template-columns:minmax(0,1fr) minmax(365px,.92fr)}
  .hero h1{font-size:clamp(45px,5vw,58px)}
  .about-grid{gap:45px}
}
@media(max-width:750px){
  .container{padding-inline:20px}
  .section{padding:74px 0}
  .site-header nav{background:#fff}
  .brand-logo{width:165px}
  .hero-grid{display:block;padding-block:39px 62px}
  .hero-photo:after{
    left:27%;width:73%;height:430px;bottom:auto;opacity:.22;
    background-position:93% top;background-size:auto 110%;
    -webkit-mask-image:radial-gradient(ellipse 82% 85% at 64% 28%,#000 15%,transparent 85%);
    mask-image:radial-gradient(ellipse 82% 85% at 64% 28%,#000 15%,transparent 85%)
  }
  .hero-copy{gap:15px}
  .hero-copy .eyebrow{font-size:10px}
  .hero h1{font-size:clamp(37px,9vw,50px);line-height:1.06}
  .hero-intro{font-size:15px;line-height:1.55}
  .hero-advisor{padding:8px;gap:10px}
  .hero-advisor img{width:52px;height:52px}
  .hero-advisor span{font-size:8px}
  .hero-advisor strong{font-size:15px}
  .hero-advisor small{font-size:10px}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .hero-action{min-height:58px;padding:9px;gap:7px}
  .hero-action .icon{width:17px;height:17px}
  .hero-action strong{font-size:12px;white-space:normal}
  .hero-action small{font-size:9px}
  .hero-proofline{font-size:11px;gap:6px 11px}
  .hero-form-card{margin-top:24px}
  .mpu-funnel{padding:24px 19px 20px}
  .funnel-intro h2{font-size:22px}
  .trust-grid{grid-template-columns:1fr 1fr;gap:0;padding-block:15px}
  .trust-grid>div{padding:13px 8px;border:0;border-bottom:1px solid rgba(255,255,255,.22)}
  .trust-grid>div:nth-child(2n){padding-left:18px}
  .trust-grid>div:nth-last-child(-n+2){border-bottom:0}
  .trust-grid strong{font-size:17px}
  .trust-grid span{font-size:11px}
  .question-card{min-height:0}
  .steps-section .section-heading h2{color:var(--ink)}
  .step-panel{min-height:0}
  .about-credentials{gap:8px}
  .about-credentials div{padding:13px 10px}
  .about-credentials strong{font-size:13px}
  .about-credentials span{font-size:10px}
  .contact-section .contact-copy h2{color:#fff}
  .contact-section .contact-copy>p:not(.eyebrow){color:#e3e6f5}
  .cost-box{padding:30px 23px}
  .sticky-contact{display:flex}
  .sticky-contact{border:1px solid #fff;box-shadow:0 12px 35px rgba(13,20,58,.3)}
}
@media(max-width:380px){
  .hero-actions{grid-template-columns:1fr}
  .hero-action{min-height:51px}
}