/* ============================================================
   Distribution-Subsite (Prinzipal-Seite) — Ergaenzungen zu site.css.
   Nutzt dieselben Design-Tokens (:root in site.css).
   ============================================================ */

/* Navigation: DE/FR-Labels sind laenger als EN — enger setzen, nie umbrechen,
   und das Burger-Menue frueher greifen lassen als die 900px der Hauptsite. */
.nav-links{gap:16px}
.nav-links a{white-space:nowrap}
.nav-links .btn{padding:9px 16px}
@media(max-width:1120px){
  .nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:var(--snow);flex-direction:column;padding:20px;border-bottom:1px solid var(--line)}
  .nav-links.open{display:flex}
  .burger{display:block}
}

/* Kennzahlen-Band unter dem Hero */
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;max-width:1120px;margin:-46px auto 0;padding:0 24px;position:relative;z-index:2}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 14px;text-align:center;box-shadow:0 10px 26px -18px rgba(14,48,80,.35)}
.stat b{display:block;font-family:'Archivo',system-ui,sans-serif;font-size:24px;font-weight:800;color:var(--navy);letter-spacing:-.01em}
.stat span{display:block;font-size:12.5px;color:#4A6478;line-height:1.45;margin-top:4px}

/* 9 Segmente */
.seg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

/* Karten in dunklen Sektionen (Regulatorik) */
.dark .card{background:#123A5F;border-color:#1E4A73}
.dark .card h3{color:#fff}
.dark .card p{color:#B9CFDB}
.dark .card .ico{background:#0C2A46;color:#7FD1DE}

/* Team-Sektion: Liste + Callout */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start}
.tick-list{list-style:none;display:grid;gap:14px}
.tick-list li{padding-left:32px;position:relative;font-size:15.5px;color:#3D586E;line-height:1.55}
.tick-list li::before{content:"\2713";position:absolute;left:0;top:2px;width:21px;height:21px;border-radius:50%;background:var(--teal-soft);color:var(--teal);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.callout{background:var(--teal-soft);border-left:4px solid var(--teal);border-radius:var(--radius);padding:24px 26px}
.callout h3{color:var(--navy);font-size:17px;margin-bottom:8px}
.callout p{font-size:14.5px;color:#3D586E;line-height:1.65}

/* Reporting: Hinweiszeile */
.note-line{margin-top:26px;font-size:13.5px;color:#7C93A3;font-style:italic}

/* Portfolio: Passungs-Callout unter den Partnerkarten */
.pf-fit{margin-top:26px}

/* Abschluss-CTA */
.cta-sec{background:var(--navy);color:#E8F1F5;text-align:center;padding:88px 24px}
.cta-sec h2{font-family:'Archivo',system-ui,sans-serif;font-size:clamp(28px,3.6vw,42px);font-weight:800;color:#fff;line-height:1.15;max-width:20ch;margin:0 auto}
.cta-sec .sub{max-width:62ch;margin:16px auto 30px;color:#B9CFDB;font-size:16.5px}
.cta-sec .cta-phone{margin-top:22px;font-size:15px;color:#8FB4C9}
.cta-sec .cta-phone a{color:#fff;font-weight:700;text-decoration:none}
.cta-sec .cta-phone a:hover{color:#7FD1DE}
.cta-sec .cta-addr{margin-top:26px;font-size:13.5px;color:#6F8BA0;line-height:1.7}

/* Digital-Stack-Seite: Portal-Zeilen mit Screenshot-Platzhalter */
.ds-row{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;padding:38px 0;border-bottom:1px solid var(--line)}
.ds-row:last-of-type{border-bottom:none}
.ds-row .ico{width:46px;height:46px;border-radius:12px;background:var(--teal-soft);display:flex;align-items:center;justify-content:center;color:var(--teal);margin-bottom:14px}
.ds-title{font-size:21px;font-weight:800;color:var(--navy)}
.ds-desc{margin-top:6px;font-size:15px;color:#3D586E}
.ds-benefits{display:grid;gap:12px;margin-top:16px}
.ds-benefits div{font-size:14px;color:#3D586E;line-height:1.55}
.ds-benefits b{display:block;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--teal)}
.shot-slot{aspect-ratio:16/10;border:2px dashed var(--line);border-radius:var(--radius);background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:#7C93A3;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase}
.shot-img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top center;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 10px 28px rgba(14,48,80,.10);display:block}
/* Portale mit mehreren Ansichten (ds{N}b/ds{N}c): Hauptbild + kleine Zweitbilder */
.shot-group{display:grid;gap:12px}
.shot-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.shot-thumbs .shot-thumb{box-shadow:0 5px 14px rgba(14,48,80,.08)}

/* Footer: Log-Hinweis */
.lognote{margin-top:12px;font-size:11.5px;color:#6F8BA0;line-height:1.6}

/* Draft-Badge im Footer */
.draft-badge{display:inline-block;margin-left:10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#FFD9A0;border:1px solid #8a6a3a;border-radius:999px;padding:2px 10px}

@media(max-width:900px){
  .stats{grid-template-columns:repeat(2,1fr) repeat(2,1fr);grid-template-columns:repeat(2,1fr);margin-top:-30px}
  .seg-grid{grid-template-columns:1fr 1fr}
  .split{grid-template-columns:1fr}
  .ds-row{grid-template-columns:1fr}
}
@media(max-width:560px){
  .stats{grid-template-columns:1fr 1fr}
  .seg-grid{grid-template-columns:1fr}
}