/* Farben Buttons + Aufklapp-Felder (Entwurf 18.10.2026) — nach typo-einheitlich.css laden.
   Primär  = Fläche #243e59, weiße Schrift  (Pro-Karte, Formular-Absenden)
   Sekundär = Kontur #243e59, Schrift #243e59 (Basis-Karte, CTAs in den Leistungen)
   Aufklapp-Felder (Leistungen, FAQ, Zusatzleistungen) = #edf2f6 mit dunkler Schrift.
   Hero-/Nav-Buttons bleiben hell, weil sie auf dem dunklen Hero stehen. */
:root{--btn:#243e59;--btn-hover:#1a3048;--fold:#edf2f6;--fold-line:#d3dde8;--ink:#20364e;--ink-2:#50637a}

/* ── Primär ── */
#preise .is-top .pv-btn,#entwurf .form .btn,.contact .form .btn{background:var(--btn)!important;color:#fff!important;border-color:var(--btn)!important}
#preise .is-top .pv-btn:hover,#entwurf .form .btn:hover{background:var(--btn-hover)!important}
#preise .is-top .pv-btn .dot,#entwurf .form .btn .dot{background:#fff!important}

/* ── Sekundär ── */
#preise .price-card:not(.is-top) .pv-btn,#leistungen .acc-body .btn-dark{
  background:transparent!important;color:var(--btn)!important;box-shadow:inset 0 0 0 1.5px var(--btn);border-color:transparent!important}
#preise .price-card:not(.is-top) .pv-btn:hover,#leistungen .acc-body .btn-dark:hover{background:var(--btn)!important;color:#fff!important}
#preise .price-card:not(.is-top) .pv-btn .dot,#leistungen .acc-body .btn-dark .dot{background:currentColor!important}
.pv-btn:focus-visible,#leistungen .btn:focus-visible{outline-color:var(--btn)!important}

/* ── Aufklapp-Felder: Leistungen ── */
#leistungen .acc-item{background:var(--fold)}

/* ── Aufklapp-Felder: FAQ als Karten (Sektion weiß, damit die Felder sichtbar sind) ── */
#faq.dark{background:#fff}
#faq .acc-item{background:var(--fold);border:0!important;border-radius:var(--r-card)}
#faq .faq-list{display:flex;flex-direction:column;gap:8px}

/* ── Aufklapp-Felder: Zusatzleistungen hell ── */
#preise .extras{background:var(--fold)!important;color:var(--ink);box-shadow:inset 0 0 0 1px var(--fold-line)}
#preise .extras-head{border-bottom-color:var(--fold-line)}
#preise .extras-head h3,#preise .extras-toggle:hover h3,#preise .x-name b,#preise .x-price b{color:var(--ink)!important}
#preise .extras-head p,#preise .x-name span,#preise .x-price small,#preise .extras-net{color:var(--ink-2)!important}
#preise .extras-list li{border-bottom-color:var(--fold-line)}
#preise .extras-net{border-top-color:var(--fold-line)}

/* ── Runde 5: Zusatzleistungen direkt unter den Paketen, weiß wie die Karten ── */
#preise .extras{background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 14px 36px rgba(0,0,0,.06)!important;margin-top:20px}
#preise .extras-head{border-bottom-color:#e3e9f0}
#preise .extras-list li{border-bottom-color:#e3e9f0}
#preise .extras-net{border-top-color:#e3e9f0}

/* Pro-Glow deutlich schwächer */
#preise .pv-cards .price-card.is-top{box-shadow:0 1px 2px rgba(0,0,0,.04),0 14px 36px -12px rgba(36,62,89,.14)!important}
#preise .pv-cards:not(.pl-on) .price-card.is-top{box-shadow:inset 0 0 0 2px var(--spark),0 14px 36px -12px rgba(36,62,89,.14)!important}

/* „Aus einer Hand“ / „Keine neuen Verträge“: keine Karten mehr, sondern Info-Zeile —
   flach, Haarlinie oben, Navy-Icon im Kreis. Setzt sich klar von den Angebotskarten ab. */
#preise .price-trust{margin-top:40px;gap:0 40px}
#preise .price-trust li{background:none!important;box-shadow:none!important;border-radius:0;padding:24px 0 0;border-top:1px solid #cfd8e3;gap:16px}
#preise .pt-ic{width:44px;height:44px;border-radius:50%;background:var(--btn)}
#preise .pt-ic svg{stroke:#fff}
#preise .pt-t span{color:var(--ink-2)!important}
#preise .price-pay{margin-top:28px}
@media (max-width:767px){#preise .price-trust{gap:20px;margin-top:32px}#preise .price-trust li{padding:20px 0 0}}

/* Runde 6: Anzahlungs-Hinweis kleiner, immer einzeilig */
#preise .price-pay{font-size:14px!important;line-height:1.4!important;color:var(--ink-2);white-space:nowrap;margin-top:20px}

/* Runde 7: drittes Vertrauens-Feld → 3 Spalten (Tablet 2+1 entfällt: ab 900 px drei, darunter gestapelt) */
@media (min-width:900px){#preise .price-trust{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}}
@media (max-width:899px){#preise .price-trust{grid-template-columns:1fr;gap:20px}}

/* Runde 8: Anzahlung direkt unter den Paketen, linksbündig an der Kartenkante */
#preise .price-pay{text-align:left;margin:14px 0 0;max-width:none}
#preise .extras{margin-top:24px}
@media (max-width:379px){#preise .price-pay{font-size:13px!important;letter-spacing:-.01em}}