/* ==========================================================================
   die.Kreditanalysten — Design System v2
   Problemlösungs-/Story-Marke. CI: Geist · Marineschwarz/Cyan/Elfenbein.
   Regeln: 70% Weiß/Elfenbein · 25% Marineschwarz · 5% Cyan. Keine Verläufe.
   Keine externen Ressourcen (privacy by design).
   ========================================================================== */

/* --------------------------------- Fonts -------------------------------- */
@font-face { font-family:"Geist"; font-style:normal; font-weight:300; font-display:swap; src:url("../fonts/Geist-Light.woff2") format("woff2"); }
@font-face { font-family:"Geist"; font-style:normal; font-weight:400; font-display:swap; src:url("../fonts/Geist-Regular.woff2") format("woff2"); }
@font-face { font-family:"Geist"; font-style:normal; font-weight:500; font-display:swap; src:url("../fonts/Geist-Medium.woff2") format("woff2"); }
@font-face { font-family:"Geist"; font-style:normal; font-weight:600; font-display:swap; src:url("../fonts/Geist-SemiBold.woff2") format("woff2"); }

:root{
  /* Marke */
  --marine:#141C2B;      /* Hauptfarbe, Text, Wortmarke */
  --anthra:#0E131D;      /* dunkle Flächen */
  --cyan:#0198CC;        /* Akzent (5%) */
  --cyan-light:#3FB8E8;  /* Akzent auf dunkel */
  --green:#4FAF47;       /* NUR im Wort kredit.de */
  --ivory:#F6F5F2;       /* Hintergrund */
  --ivory-soft:#FBFAF8;
  --beige:#ECE9E3;       /* feine Linien */
  --beige-dark:#2B3342;  /* Linien auf dunkel */
  --body:#2C3644;        /* Fließtext */
  --muted:#6A7280;       /* sekundär */
  --muted-dark:#9AA0AA;  /* sekundär auf dunkel */
  --white:#FFFFFF;

  --maxw:1180px;
  --maxw-narrow:820px;
  --radius:20px;
  --radius-sm:12px;
  --section-y:clamp(4.5rem,10vw,9rem);
  --font:"Geist",-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* --------------------------------- Reset -------------------------------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;} *{animation-duration:.001ms!important;transition-duration:.001ms!important;}}
body{
  margin:0;font-family:var(--font);color:var(--body);background:var(--ivory);
  font-size:18px;line-height:1.7;font-weight:400;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img,svg{max-width:100%;height:auto;display:block;}
a{color:var(--cyan);text-decoration:none;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4{color:var(--marine);margin:0 0 .5em;font-weight:600;line-height:1.14;letter-spacing:-.025em;}
p{margin:0 0 1.1rem;}
::selection{background:var(--cyan);color:#fff;}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:4px;}

.skip-link{position:absolute;left:-999px;top:0;z-index:1000;background:var(--marine);color:#fff;padding:.7rem 1.2rem;border-radius:0 0 8px 0;}
.skip-link:focus{left:0;}

/* --------------------------------- Layout ------------------------------- */
.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1.2rem,5vw,2.2rem);}
.narrow{max-width:var(--maxw-narrow);margin-inline:auto;}
.section{padding-block:var(--section-y);}
.section--ivory{background:var(--ivory);}
.section--white{background:var(--white);}
.section--dark{background:var(--anthra);color:#D4DAE2;}
.section--marine{background:var(--marine);color:#D4DAE2;}
.section--dark h1,.section--dark h2,.section--dark h3,
.section--marine h1,.section--marine h2,.section--marine h3{color:#fff;}
.center{text-align:center;}

/* Wortmarke (Logo als Geist-Text, exakt nach CI) */
.wordmark{font-family:var(--font);font-weight:600;letter-spacing:-.035em;color:var(--marine);white-space:nowrap;line-height:1;}
.wordmark .die{font-weight:300;}
.wordmark .dot{font-weight:300;color:var(--cyan);}
.wordmark--light{color:#F6F6F4;}
.wordmark--light .dot{color:var(--cyan-light);}

/* Typo-Bausteine */
.kicker{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin-bottom:1.1rem;}
.section--dark .kicker,.section--marine .kicker{color:var(--cyan-light);}
.display{font-weight:300;letter-spacing:-.03em;font-size:clamp(2.4rem,6vw,4.4rem);line-height:1.06;color:var(--marine);}
.display b,.display strong{font-weight:600;}
.section--dark .display,.section--marine .display{color:#fff;}
.h-xl{font-weight:300;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.1;letter-spacing:-.03em;color:var(--marine);}
.h-xl b{font-weight:600;}
.section--dark .h-xl,.section--marine .h-xl{color:#fff;}
.lead{font-size:clamp(1.12rem,1.7vw,1.4rem);line-height:1.6;color:var(--muted);font-weight:400;max-width:60ch;}
.section--dark .lead,.section--marine .lead{color:var(--muted-dark);}
.center .lead{margin-inline:auto;}
.big-quote{font-weight:300;font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.28;letter-spacing:-.02em;color:var(--marine);}
.big-quote b{font-weight:600;}
.section--dark .big-quote,.section--marine .big-quote{color:#fff;}
.text-cyan{color:var(--cyan);}
.section--dark .text-cyan,.section--marine .text-cyan{color:var(--cyan-light);}
.muted{color:var(--muted);}
.eink{color:var(--marine);}

hr.rule{border:none;border-top:1px solid var(--beige);margin:0;}
.section--dark hr.rule,.section--marine hr.rule{border-top-color:var(--beige-dark);}

/* --------------------------------- Buttons ------------------------------ */
.btn{display:inline-flex;align-items:center;gap:.5rem;justify-content:center;font-family:var(--font);
  font-weight:500;font-size:1.02rem;line-height:1;padding:1rem 1.7rem;border-radius:999px;border:1.5px solid transparent;
  cursor:pointer;transition:transform .15s ease,background .2s ease,color .2s ease,border-color .2s ease;text-decoration:none;}
.btn:hover{text-decoration:none;transform:translateY(-1px);}
.btn--primary{background:var(--marine);color:#fff;}
.btn--primary:hover{background:#1E2A40;}
.btn--cyan{background:var(--cyan);color:#fff;}
.btn--cyan:hover{background:#0284b4;}
.btn--ghost{background:transparent;color:var(--marine);border-color:var(--beige);}
.btn--ghost:hover{border-color:var(--marine);}
.btn--onlight-ghost{background:transparent;color:var(--marine);border-color:rgba(20,28,43,.2);}
.btn--ondark{background:#fff;color:var(--marine);}
.btn--ondark:hover{background:var(--ivory);}
.btn--ondark-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35);}
.btn--ondark-ghost:hover{border-color:#fff;}
.btn--lg{padding:1.15rem 2rem;font-size:1.08rem;}
.btn-row{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;}
.center .btn-row{justify-content:center;}
.arrow-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:500;color:var(--cyan);}
.section--dark .arrow-link,.section--marine .arrow-link{color:var(--cyan-light);}
.arrow-link:hover{text-decoration:none;gap:.7rem;}

/* --------------------------------- Header ------------------------------- */
.site-header{position:sticky;top:0;z-index:100;background:rgba(246,245,242,.85);
  backdrop-filter:saturate(150%) blur(12px);border-bottom:1px solid var(--beige);}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:76px;}
.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;}
.brand:hover{text-decoration:none;}
.brand .brand-mark{width:34px;height:34px;flex:0 0 auto;border-radius:9px;}
.brand .wordmark{font-size:1.24rem;}
.nav-links{display:flex;align-items:center;gap:.15rem;list-style:none;margin:0;padding:0;}
.nav-links a{color:var(--marine);font-weight:400;padding:.55rem .85rem;border-radius:8px;font-size:1rem;}
.nav-links a:hover{background:rgba(20,28,43,.05);text-decoration:none;}
.nav-links a[aria-current="page"]{font-weight:600;}
.nav-cta{display:flex;align-items:center;gap:.7rem;}
.nav-phone{font-weight:500;color:var(--marine);white-space:nowrap;}
.nav-phone:hover{color:var(--cyan);text-decoration:none;}
.nav-toggle{display:none;background:none;border:1px solid var(--beige);border-radius:9px;padding:.5rem;cursor:pointer;color:var(--marine);}
@media (max-width:960px){
  .nav-toggle{display:inline-flex;}
  .nav-links{position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;
    background:var(--ivory);border-bottom:1px solid var(--beige);padding:.6rem clamp(1.2rem,5vw,2.2rem) 1.1rem;gap:.1rem;display:none;}
  .nav-links.open{display:flex;}
  .nav-links a{padding:.9rem .6rem;}
  .nav .btn{display:none;}
}

/* --------------------------------- Hero --------------------------------- */
.hero{background:var(--ivory);border-bottom:1px solid var(--beige);}
.hero .container{padding-block:clamp(3.5rem,8vw,6.5rem);}
.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(2rem,5vw,4rem);align-items:center;}
@media (max-width:940px){.hero-grid{grid-template-columns:1fr;}}
.hero-figure{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/5;box-shadow:0 30px 60px -30px rgba(20,28,43,.45);}
.hero-figure img{width:100%;height:100%;object-fit:cover;}
.hero-figure--wide{aspect-ratio:3/2;}
@media (max-width:940px){.hero-figure{aspect-ratio:16/10;}}
.trust-line{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:2rem;padding-top:1.6rem;border-top:1px solid var(--beige);color:var(--muted);font-size:.92rem;}
.trust-line span{display:inline-flex;align-items:center;gap:.45rem;}
.trust-line .tick{color:var(--cyan);font-weight:600;}
.kredit{font-weight:500;color:var(--marine);}
.kredit .g{color:var(--green);}

/* Full-bleed Story-Bild (dunkle Kapitel) */
.story{position:relative;min-height:clamp(420px,70vh,640px);display:flex;align-items:center;color:#fff;overflow:hidden;}
.story-bg{position:absolute;inset:0;z-index:0;}
.story-bg img{width:100%;height:100%;object-fit:cover;}
.story-bg::after{content:"";position:absolute;inset:0;background:rgba(10,16,26,.62);}
.story-bg--left::after{background:linear-gradient(90deg,rgba(8,14,24,.9) 0%,rgba(8,14,24,.72) 45%,rgba(8,14,24,.42) 100%);}
.story .container{position:relative;z-index:1;}
.story .display,.story .h-xl{color:#fff;}
.story .lead{color:#C6CDD6;}

/* --------------------------------- Split -------------------------------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,4vw,3.2rem);align-items:center;}
.split--wide-left{grid-template-columns:1.1fr .9fr;}
@media (max-width:860px){.split,.split--wide-left{grid-template-columns:1fr;}}
.figure{border-radius:var(--radius);overflow:hidden;box-shadow:0 24px 50px -30px rgba(20,28,43,.4);}
.figure img{width:100%;height:100%;object-fit:cover;}
.figure--portrait{aspect-ratio:4/5;max-width:440px;}

/* Vergleich: Vermittler vs. Kreditanalysten */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2.5vw,1.6rem);}
@media (max-width:760px){.compare{grid-template-columns:1fr;}}
.compare-card{border-radius:var(--radius);padding:clamp(1.6rem,3vw,2.4rem);border:1px solid var(--beige);background:var(--white);}
.compare-card--muted{background:transparent;}
.compare-card--brand{background:var(--marine);border-color:var(--marine);color:#D4DAE2;}
.compare-card--brand h3{color:#fff;}
.compare-head{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--muted);margin-bottom:.8rem;}
.compare-card--brand .compare-head{color:var(--cyan-light);}
.compare-list{list-style:none;margin:0;padding:0;}
.compare-list li{padding:.6rem 0;border-top:1px solid var(--beige);display:flex;gap:.6rem;align-items:flex-start;font-size:1rem;}
.compare-list li:first-child{border-top:none;}
.compare-card--brand .compare-list li{border-top-color:rgba(255,255,255,.1);color:#E7EBF0;}
.compare-list .mk{flex:0 0 auto;font-weight:600;color:var(--cyan);}
.compare-card--muted .mk{color:var(--muted);}

/* Was wir lösen — Problem → Ansatz */
.solve{border-top:1px solid var(--beige);}
.solve-row{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(1rem,3vw,2.5rem);align-items:center;
  padding:clamp(1.3rem,2.5vw,1.9rem) 0;border-bottom:1px solid var(--beige);}
.solve-row .prob{font-weight:500;color:var(--marine);font-size:clamp(1.05rem,1.6vw,1.25rem);}
.solve-row .to{color:var(--cyan);font-weight:600;font-size:1.3rem;}
.solve-row .appr{color:var(--muted);}
@media (max-width:720px){
  .solve-row{grid-template-columns:1fr;gap:.35rem;padding:1.2rem 0;}
  .solve-row .to{display:none;}
  .solve-row .appr::before{content:"→ ";color:var(--cyan);font-weight:600;}
}

/* JARVIS Split-Listen */
.jarvis-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.2rem,3vw,2.4rem);margin-top:2.2rem;}
@media (max-width:720px){.jarvis-cols{grid-template-columns:1fr;}}
.jarvis-col h4{color:#fff;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1rem;}
.jarvis-col .who{color:var(--cyan-light);}
.chk{list-style:none;margin:0;padding:0;}
.chk li{padding:.55rem 0;border-top:1px solid var(--beige-dark);color:#D4DAE2;display:flex;gap:.6rem;align-items:flex-start;}
.chk li:first-child{border-top:none;}
.chk .t{color:var(--cyan-light);flex:0 0 auto;}

/* Auslöser-Zitate */
.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.9rem,2vw,1.3rem);}
@media (max-width:820px){.quote-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:520px){.quote-grid{grid-template-columns:1fr;}}
.quote-card{border:1px solid var(--beige);border-radius:var(--radius-sm);padding:1.3rem 1.4rem;background:var(--white);
  font-size:1.05rem;color:var(--marine);font-weight:400;line-height:1.4;}
.quote-card::before{content:"\201E";color:var(--cyan);font-weight:600;}
.quote-card::after{content:"\201C";color:var(--cyan);font-weight:600;}

/* Prozess-Schritte */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.2rem,3vw,2rem);counter-reset:s;}
@media (max-width:860px){.steps{grid-template-columns:1fr 1fr;}}
@media (max-width:520px){.steps{grid-template-columns:1fr;}}
.step .n{font-weight:300;font-size:2.4rem;color:var(--cyan);letter-spacing:-.02em;line-height:1;margin-bottom:.6rem;}
.step h3{font-size:1.2rem;}
.step p{color:var(--muted);margin-bottom:0;}

/* Partner-Zeile (leise) */
.partner{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;justify-content:center;color:var(--muted);}
.partner .kredit{font-size:1.15rem;}

/* CTA-Abschluss */
.cta-final{text-align:center;}
.cta-final .display{margin-bottom:1.2rem;}

/* --------------------------- Seiten-Kopf (Unterseiten) ------------------ */
.page-head{background:var(--ivory);border-bottom:1px solid var(--beige);}
.page-head .container{padding-block:clamp(2.8rem,6vw,4.5rem);}
.breadcrumb{font-size:.86rem;color:var(--muted);margin-bottom:1rem;}
.page-head h1{font-weight:300;letter-spacing:-.03em;font-size:clamp(2.2rem,5vw,3.4rem);}
.page-head h1 b{font-weight:600;}
.page-head p{color:var(--muted);max-width:62ch;margin:.4rem 0 0;font-size:1.15rem;}

/* --------------------------------- Formular ----------------------------- */
.form-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.6rem,4vw,3rem);align-items:start;}
@media (max-width:900px){.form-wrap{grid-template-columns:1fr;}}
.form-card{background:var(--white);border:1px solid var(--beige);border-radius:var(--radius);padding:clamp(1.5rem,3vw,2.4rem);}
.field{margin-bottom:1.05rem;}
.field label{display:block;font-weight:500;color:var(--marine);margin-bottom:.4rem;font-size:.96rem;}
.field .req{color:var(--cyan);}
.field input,.field select,.field textarea{width:100%;padding:.85rem 1rem;border:1px solid var(--beige);border-radius:var(--radius-sm);
  font:inherit;color:var(--marine);background:var(--ivory-soft);transition:border-color .15s,box-shadow .15s;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(1,152,204,.15);background:#fff;}
.field textarea{min-height:120px;resize:vertical;}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
@media (max-width:560px){.field-row{grid-template-columns:1fr;}}
.consent{display:flex;gap:.7rem;align-items:flex-start;font-size:.92rem;color:var(--muted);}
.consent input{width:20px;height:20px;margin-top:3px;flex:0 0 auto;accent-color:var(--cyan);}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.form-note{font-size:.85rem;color:var(--muted);margin-top:1rem;}
.form-status{margin-top:1rem;padding:.9rem 1.1rem;border-radius:var(--radius-sm);display:none;}
.form-status.show{display:block;}
.form-status.ok{background:#E9F6EC;color:#1B7A3E;border:1px solid #BFE4C7;}
.form-status.err{background:#FBECEA;color:#B23A2E;border:1px solid #F0C6C0;}
.secure-list{list-style:none;padding:0;margin:0;}
.secure-list li{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:.8rem;color:var(--muted);font-size:.96rem;}
.secure-list .t{color:var(--cyan);flex:0 0 auto;font-weight:600;}
.side-card{background:var(--white);border:1px solid var(--beige);border-radius:var(--radius);padding:clamp(1.4rem,3vw,2rem);margin-bottom:1.3rem;}
.side-card h3{margin-top:0;}

/* --------------------------------- Legal -------------------------------- */
.legal{max-width:var(--maxw-narrow);}
.legal h2{margin-top:2.4rem;font-size:1.45rem;font-weight:600;}
.legal h3{margin-top:1.6rem;font-size:1.15rem;font-weight:500;}
.legal address{font-style:normal;margin:.3rem 0 1rem;}
.legal ul{margin:0 0 1.1rem;padding-left:1.25rem;}
.legal li{margin-bottom:.35rem;}
.muted-box{background:var(--ivory);border:1px solid var(--beige);border-left:3px solid var(--cyan);border-radius:var(--radius-sm);
  padding:1rem 1.2rem;margin:1.4rem 0;font-size:.95rem;color:var(--muted);}
.updated{color:var(--muted);font-size:.92rem;}

/* --------------------------------- Footer ------------------------------- */
.site-footer{background:var(--anthra);color:#9AA0AA;padding-block:clamp(3rem,6vw,4.5rem) 1.6rem;font-size:.96rem;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:2rem;}
@media (max-width:820px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:500px){.footer-grid{grid-template-columns:1fr;}}
.site-footer h4{color:#fff;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.1rem;font-weight:600;}
.site-footer a{color:#9AA0AA;}
.site-footer a:hover{color:#fff;}
.footer-brand .wordmark{font-size:1.3rem;margin-bottom:.9rem;display:inline-block;}
.footer-brand p{color:#767E8C;max-width:34ch;font-size:.95rem;}
.footer-links{list-style:none;padding:0;margin:0;}
.footer-links li{margin-bottom:.55rem;}
.footer-bottom{border-top:1px solid var(--beige-dark);margin-top:2.4rem;padding-top:1.4rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;color:#5F6875;font-size:.86rem;}
.footer-bottom a{color:#5F6875;}
.disclaimer-strip{background:#080D16;color:#5F6875;font-size:.82rem;line-height:1.6;}
.disclaimer-strip .container{padding-block:1.1rem;}

/* Utilities */
.mt-1{margin-top:1rem;}.mt-2{margin-top:2rem;}.mb-0{margin-bottom:0;}
.maxw-55{max-width:55ch;}
.pill{display:inline-block;background:var(--beige);color:var(--marine);font-weight:500;font-size:.78rem;padding:.35rem .8rem;border-radius:999px;letter-spacing:.02em;}
.section--dark .pill,.section--marine .pill{background:rgba(255,255,255,.1);color:#fff;}

/* --------------------- Zielgruppen-Bereiche (Privat/Unternehmen) -------- */
.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.2rem,3vw,2rem);}
@media(max-width:820px){.audience-grid{grid-template-columns:1fr;}}
.audience-card{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--beige);background:var(--white);display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .2s ease;}
.audience-card:hover{transform:translateY(-3px);box-shadow:0 24px 50px -30px rgba(20,28,43,.4);}
.audience-card .ac-img{aspect-ratio:16/9;overflow:hidden;background:var(--anthra);}
.audience-card .ac-img img{width:100%;height:100%;object-fit:cover;}
.audience-card .ac-body{padding:clamp(1.4rem,3vw,2rem);display:flex;flex-direction:column;flex:1;}
.audience-card .ac-kicker{font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-bottom:.6rem;}
.audience-card h3{font-size:clamp(1.3rem,2.2vw,1.75rem);font-weight:600;}
.audience-card .ac-list{list-style:none;margin:.6rem 0 1.5rem;padding:0;}
.audience-card .ac-list li{padding:.45rem 0;color:var(--muted);display:flex;gap:.55rem;align-items:flex-start;}
.audience-card .ac-list .d{color:var(--cyan);flex:0 0 auto;}
.audience-card .btn{margin-top:auto;align-self:flex-start;}

/* Emotionale Schmerz-Liste (Bereichsseiten) */
.pain-list{list-style:none;margin:0;padding:0;max-width:640px;}
.pain-list li{padding:.75rem 0;border-top:1px solid var(--beige);color:var(--marine);font-size:clamp(1.05rem,1.7vw,1.25rem);font-weight:400;}
.pain-list li:first-child{border-top:none;}
.story .pain-list{max-width:640px;}
.story .pain-list li{border-top-color:rgba(255,255,255,.14);color:#EEF1F5;}

/* Callout (z. B. Empfehlungsgeber) */
.callout{border:1px solid var(--beige);border-left:3px solid var(--cyan);border-radius:var(--radius-sm);padding:clamp(1.4rem,3vw,2rem);background:var(--ivory);}
.callout h3{margin-top:0;}
.callout p:last-child{margin-bottom:0;}

/* ===================== Anpassungen v4 (Feedback-Runde) ==================== */
/* Button-Reihen sicher zentrieren (Bugfix) */
.btn-row.center{justify-content:center;}

/* Header-Navigation: einzeilig, verteilt, kräftiger, mit Hover-Abheben */
.nav{gap:1.4rem;}
.nav-links{flex:1 1 auto;justify-content:center;gap:.2rem;}
.nav-links a{white-space:nowrap;font-weight:500;transition:background .15s ease,transform .15s ease,color .15s ease;}
.nav-links a:hover{background:rgba(20,28,43,.06);transform:translateY(-1px);color:var(--marine);}
@media (max-width:1180px){ .nav-links a{padding:.55rem .6rem;font-size:.96rem;} }
@media (max-width:960px){ .nav-links{flex:none;} }

/* Bild-Platzhalter (helle, saubere Fläche statt dunkler KI-Bilder) */
.img-ph{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--ivory-soft);
  border:1px solid var(--beige);display:flex;align-items:center;justify-content:center;text-align:center;padding:1.6rem;}
.img-ph .ph-inner{max-width:34ch;}
.img-ph .ph-tag{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:.6rem;}
.img-ph .ph-txt{color:var(--muted);font-size:.95rem;line-height:1.45;}
.img-ph--portrait{aspect-ratio:4/5;}
.img-ph--wide{aspect-ratio:16/10;}
.img-ph--card{aspect-ratio:16/9;border-radius:0;border:none;border-bottom:1px solid var(--beige);}

/* Ausklappbare Geschichte (Akkordeon) */
.story-accordion{max-width:var(--maxw-narrow);}
.story-accordion details{border-top:1px solid var(--beige);padding:.4rem 0;}
.story-accordion details[open]{padding-bottom:1rem;}
.story-accordion summary{cursor:pointer;list-style:none;padding:1.1rem 0;font-family:var(--font);
  font-weight:600;color:var(--marine);font-size:clamp(1.15rem,2vw,1.4rem);display:flex;justify-content:space-between;align-items:center;gap:1rem;letter-spacing:-.01em;}
.story-accordion summary::-webkit-details-marker{display:none;}
.story-accordion summary::after{content:"+";font-size:1.6rem;color:var(--cyan);line-height:1;flex:0 0 auto;}
.story-accordion details[open] summary::after{content:"–";}
.story-accordion .acc-body{color:var(--body);font-size:1.05rem;line-height:1.75;padding-bottom:.4rem;}
.story-accordion .acc-body p{margin-bottom:1rem;}
.story-accordion .acc-body p:last-child{margin-bottom:0;}

/* Netzwerk-/Partner-Logos (Platzhalter) */
.logo-row{display:flex;flex-wrap:wrap;gap:1rem 1.6rem;align-items:center;justify-content:center;}
.logo-slot{height:54px;min-width:150px;padding:0 1.1rem;border:1px dashed var(--beige);border-radius:10px;
  display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:600;font-size:.9rem;background:var(--white);}
.kredit-logo{font-weight:600;font-size:1.5rem;letter-spacing:-.02em;color:var(--marine);}
.kredit-logo .g{color:var(--green);}

/* Team & Partner */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,3vw,2rem);}
@media(max-width:820px){.team-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.team-grid{grid-template-columns:1fr;}}
.team-card{text-align:center;}
.team-card .img-ph{margin-bottom:1rem;aspect-ratio:1/1;border-radius:var(--radius);}
.team-card h3{font-size:1.15rem;margin-bottom:.15rem;}
.team-card .role{color:var(--muted);font-size:.95rem;}
.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.5vw,1.6rem);}
@media(max-width:820px){.partner-grid{grid-template-columns:1fr;}}

/* ===================== Feintuning v5 (Feedback-Runde 2) ================== */
.kicker{font-weight:700;font-size:.82rem;letter-spacing:.15em;}
.compare-head,.ac-kicker{font-weight:700;}
.pill{background:rgba(1,152,204,.09);border:1px solid rgba(1,152,204,.28);color:var(--marine);font-weight:600;padding:.45rem .9rem;}
.section--dark .pill,.section--marine .pill{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff;}
.compare-card--muted{background:var(--ivory);}
.compare-list li{font-size:1.06rem;padding:.7rem 0;color:var(--body);}
.compare-list .mk{font-weight:700;font-size:1.05rem;}
.compare-card h3{font-size:1.32rem;font-weight:600;}
.section--dark .pain-list li,.section--marine .pain-list li,.story .pain-list li{color:#EAEEF3;border-top:none;padding:.55rem 0;font-weight:400;}
.section--dark .pain-list li::before,.section--marine .pain-list li::before{content:"–";color:var(--cyan-light);margin-right:.6rem;}
.logo-row{gap:1.2rem 2rem;}
.kredit-logo-img{height:40px;width:auto;}
.logo-slot{height:56px;border-style:solid;border-color:var(--beige);background:var(--white);color:var(--marine);font-weight:600;box-shadow:var(--shadow-sm);}
.case-card{background:var(--white);border:1px solid var(--beige);border-radius:var(--radius);padding:clamp(1.4rem,2.5vw,1.9rem);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .2s ease;}
.case-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}
.case-card .case-ico{font-size:1.6rem;margin-bottom:.5rem}
.case-card h3{font-size:1.2rem;font-weight:600;margin-bottom:.35rem}
.case-card p{color:var(--muted);margin-bottom:0}
.js-hidden{display:none!important;}
.rueckruf-box{border:1px solid var(--beige);border-radius:var(--radius-sm);padding:1rem 1.1rem;background:var(--ivory);margin-bottom:1.05rem;}
.handoff-box{border:1px solid var(--beige);border-left:3px solid var(--cyan);border-radius:var(--radius-sm);padding:1.1rem 1.3rem;background:var(--ivory);margin-top:1.2rem;font-size:.95rem;color:var(--muted);}
.handoff-box a{font-weight:600;}

/* --- v6: Partner-Logos filigran + Logo-Wand --- */
.plogo{display:block;width:auto;margin:.15rem 0 1rem;opacity:.95;}
.partner-cta{margin-top:1rem;display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.95rem;color:var(--marine);text-decoration:none;border-bottom:1px solid var(--cyan);padding-bottom:2px;transition:color .15s ease;}
.partner-cta:hover{color:var(--cyan);}
.partner-cta .arw{transition:transform .15s ease;}
.partner-cta:hover .arw{transform:translateX(3px);}
.partner-note{display:block;margin-top:.6rem;color:var(--muted);font-size:.9rem;}
.logo-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:clamp(.8rem,2vw,1.2rem);margin-top:2rem;}
.logo-tile{aspect-ratio:3/2;display:grid;place-items:center;background:var(--white);border:1px solid var(--beige);border-radius:var(--radius-sm);padding:1.1rem;text-align:center;overflow:hidden;transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease;}
a.logo-tile:hover{transform:translateY(-3px);box-shadow:0 18px 36px -24px rgba(20,28,43,.5);border-color:var(--cyan);text-decoration:none;}
.logo-tile img{max-width:84%;max-height:74%;width:auto;height:auto;object-fit:contain;}
.logo-tile .lt-ph{color:var(--muted);font-size:.82rem;letter-spacing:.04em;}
.logo-tile .lt-ph b{display:block;color:var(--marine);font-size:1.15rem;font-weight:600;letter-spacing:.02em;margin-bottom:.15rem;}

/* --- v6d: Cyan-Akzent auf dunklen CTAs + kräftigere Footer-Wortmarke --- */
.section--marine .display b,.section--dark .display b{color:var(--cyan-light);}
.footer-brand .wordmark{font-size:1.55rem;margin-bottom:1rem;}
.footer-brand .wordmark--light{color:#FFFFFF;}
.footer-brand .wordmark .die{font-weight:400;color:#C4CBD6;}
.footer-brand .wordmark--light .dot{color:var(--cyan-light);font-weight:600;}

/* --- v7: Skalierbarer Partner-Showcase (Team-Seite) --- */
/* Karten als Flex-Spalte, damit die Reiter-Links unten sauber abschließen */
.partner-grid .compare-card{display:flex;flex-direction:column;}
.compare-card .partner-cta{margin-top:auto;align-self:flex-start;padding-top:1.2rem;}
/* Button optisch identisch zum bisherigen Pfeil-Link */
button.partner-cta{background:none;border:0;border-bottom:1px solid var(--cyan);border-radius:0;font-family:inherit;cursor:pointer;line-height:1.2;}
.partner-cta.is-active{color:var(--cyan);}
.partner-cta.is-active .arw{transform:rotate(90deg);}

/* Dynamischer Bereich – standardmäßig geschlossen */
.partner-showcase{display:none;}
.partner-showcase.is-open{display:block;margin-top:clamp(1.8rem,3.5vw,3rem);}
.partner-showcase .ps-inner{border-top:1px solid var(--beige);padding-top:clamp(1.8rem,3vw,2.6rem);animation:psFade .38s ease;}
@keyframes psFade{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){.partner-showcase .ps-inner{animation:none;}}
.partner-showcase .ps-title{font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:600;margin-bottom:.4rem;}
.partner-showcase .ps-intro{max-width:60ch;margin-bottom:.4rem;}
.partner-showcase .ps-wall{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:clamp(1rem,2vw,1.5rem);margin-top:1.8rem;}
.partner-showcase .logo-tile{padding:1.4rem 1.6rem;}
.partner-showcase .logo-tile img{max-width:78%;max-height:66%;}
:focus-visible.partner-cta,.partner-cta:focus-visible{outline:3px solid var(--cyan);outline-offset:4px;}