/* ═══════════════════════════════════════════════════════════════
   theme.css · Design-Update „Rund und weich“ · 11.09.2026
   Wird auf jeder Seite NACH dem seiteneigenen <style> geladen und
   überschreibt nur: Rundungen, Schatten, Flächen, Labels.
   Aufbau, Texte, Farben Blau/Gold und Schrift Inter bleiben.
   Rückbau: die eine <link>-Zeile entfernen. Siehe DESIGN.md §7-I.
   ═══════════════════════════════════════════════════════════════ */

:root{
  --radius: 14px;              /* wird von .btn/.lang-nav der Startseite gelesen */
  --r-sm: 10px;                /* Eingabefelder, kleine Schalter */
  --r-md: 14px;                /* Karten, Fotos, Kästen */
  --r-lg: 18px;                /* große Flächen: Formular, Ergebnis, Teaser */
  --r-pill: 999px;             /* Buttons */
  --shadow-soft: 0 8px 30px rgba(0,13,92,0.08);
  --shadow-soft-hover: 0 14px 40px rgba(0,13,92,0.12);
  --shadow-cta: 0 10px 24px -10px rgba(0,24,168,0.55);
  --gray-050: #F5F6F9;
  --blue-tint: #F5F6F9;        /* getönte Sektionen: helles Grau statt Blaustich */
  --font-mono: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}

/* ── Labels über Sektionen: Nummern und Schrägstrich weg ─────── */
.eyebrow-idx, .eyebrow-sep, .eyebrow > b{ display:none !important; }
.eyebrow{
  font-family:'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  font-size:12px; font-weight:600; letter-spacing:0.06em;
}
.eyebrow-ikon{ margin-right:8px; }

/* ── Buttons: Pille, weicher Schatten ─────────────────────────── */
.btn, .btn-primary, .btn-ghost, .btn-tool, .btn-block,
.cta .btn, .cl-submit, .druck-cta, .mobile-cta-bar .btn{
  border-radius:var(--r-pill);
}
.btn-primary{ box-shadow:var(--shadow-cta); }
.btn-primary:hover{ box-shadow:0 14px 30px -10px rgba(0,24,168,0.6); }
.btn-ghost, .cta-weich .btn-ghost{ border-width:1.5px; }
.review-btn{ border-radius:50%; }
.btn-tool{ border-radius:var(--r-pill); }

/* ── Getönte Sektionen: helles Grau ───────────────────────────── */
.section-tinted{ background:var(--gray-050); }

/* ── Fotos ─────────────────────────────────────────────────────── */
.photo-frame, .hero-photo, .about-photo, .hero-photo img, .about-photo img{
  border:none; border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-soft);
}
.hero-photo img, .about-photo img{ box-shadow:none; }
.review-slide{ border:none; border-radius:var(--r-md); overflow:hidden; box-shadow:var(--shadow-soft); }
.review-slide img{ border-radius:0; }
.review-grid figure{ border:none; border-radius:var(--r-md); overflow:hidden; box-shadow:var(--shadow-soft); }

/* ── Karten und Kästen (Startseite) ───────────────────────────── */
.statement{ border-top:none; }
.buch-teaser{ border:none; border-radius:var(--r-lg); box-shadow:var(--shadow-soft); }
.banken-band{ border-top:none; border-bottom:none; }
.tool-teaser{ border-top:none; border-radius:var(--r-lg); box-shadow:var(--shadow-soft); }
.tool-liste a{ border-radius:var(--r-sm); }
.ledger{ border-top:none; }
.ledger-row:first-child{ border-top:1px solid var(--line-faint); }
.faq-list{ border-top:none; }
.faq-item:first-child{ border-top:1px solid var(--line-faint); }
.calc-result{ border:none; border-radius:var(--r-lg); background:#FFFFFF; box-shadow:var(--shadow-soft); }
.section-tinted .calc-result{ background:#FFFFFF; }
.calc-toggle{ gap:8px; }
.calc-toggle-btn{ border-radius:var(--r-sm); }
.tooltip-text{ border-radius:var(--r-sm); }
.usp{ border:none; border-radius:var(--r-md); box-shadow:var(--shadow-soft); }
.lang-nav .flagge{ border-radius:4px; }

/* ── Formulare ─────────────────────────────────────────────────── */
.form-card{ border-radius:var(--r-lg); box-shadow:var(--shadow-soft); }
.form-success{ border-radius:var(--r-lg); }
.field input, .field textarea, .field select,
.cl-field input, .f-feld input, .f-feld textarea, textarea.sa-notiz{
  border-radius:var(--r-sm);
}
.checkbox-field input[type=checkbox]{ border-radius:6px; }
.form-alert{ border-radius:var(--r-sm); }
.contact-alt a.karte{ border-radius:var(--r-md); overflow:hidden; }
.icon-circle{ border-radius:50%; }
input[type=range]::-webkit-slider-thumb{ border-radius:50%; }
input[type=range]::-moz-range-thumb{ border-radius:50%; }
input[type=range]{ border-radius:var(--r-pill); }

/* ── Mobile Button-Leiste ─────────────────────────────────────── */
.mobile-cta-bar{ border-top:none; box-shadow:0 -8px 30px rgba(0,13,92,0.08); }

/* ── Toolbox (toolbox.css und Rechner-Seiten) ─────────────────── */
.card{ border:none; border-radius:var(--r-md); box-shadow:var(--shadow-soft); transition:box-shadow .2s ease, transform .2s ease; }
.card:hover{ background:#FFFFFF; box-shadow:var(--shadow-soft-hover); transform:translateY(-2px); }
.card.is-soon, .card.is-soon:hover{ background:var(--gray-050); box-shadow:none; transform:none; }
.ergebnis, .cta-weich, .form-erfolg, .antrag, .fr-neben, #panel-rente .feld{
  border:none; border-radius:var(--r-lg); box-shadow:var(--shadow-soft);
}
.ergebnis, .cta-weich, .antrag{ background:var(--gray-050); box-shadow:none; }
.wahl{ gap:8px; }
.wahl button{ border-radius:var(--r-sm); }
.schritte li, .f-daten{ border:none; border-radius:var(--r-md); box-shadow:var(--shadow-soft); }
.tabelle-scroll{ border-radius:var(--r-md); overflow:hidden; }
.fr-geraet{ border:none; border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-soft); }
.fr-display{ border-radius:var(--r-md); }
.fr-tabs button{ border-radius:var(--r-sm); }
.blk{ border-radius:var(--r-sm); }
.fr-pad button{ border-radius:var(--r-sm); }
.oder-punkt{ border-radius:50%; }

/* ── Ratgeber, Buch, Rechtstexte ──────────────────────────────── */
.toc, .box, .hint{ border:none; border-radius:var(--r-md); background:var(--gray-050); }
.cta{ border:none; border-radius:var(--r-lg); box-shadow:var(--shadow-soft); }
.cover-wrap{ border:none; border-radius:var(--r-lg); box-shadow:var(--shadow-soft); }
.preis-karte{ border:none; border-radius:var(--r-md); box-shadow:var(--shadow-soft); background:#FFFFFF; }
.table-wrap{ border-radius:var(--r-md); overflow:hidden; }

/* ── Landingpage /wuppertal: Mono-Reste auf Inter ─────────────── */
.hero-trust, .rating-count, .rating-score, .usp-idx, .footer-inner,
.contact-steps .num, .contact-phone, .field label, .form-note, .quali{
  font-family:'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}
.rating-score{ font-weight:700; }
.contact-steps .num{ border-radius:50%; }

/* ── Consent-Banner ───────────────────────────────────────────── */
.bt-consent .bt-consent__box{
  border-top:none; border-radius:var(--r-lg) var(--r-lg) 0 0;
  box-shadow:0 -10px 40px rgba(0,13,92,0.14);
}
.bt-consent .bt-consent__actions button{ border-radius:var(--r-pill); }
.bt-consent .bt-consent__actions button.bt-link{ border-radius:0; }
.bt-consent .bt-consent__cat input{ border-radius:4px; }

/* ── Buch-Popup unten rechts ───────────────────────────────────── */
.buch-popup{ border:none; border-bottom:none; }

/* ── Druck: Rundungen und Schatten raus ───────────────────────── */
@media print{
  *{ box-shadow:none !important; }
  .card, .ergebnis, .tabelle-scroll, .form-card{ border-radius:0 !important; }
}