/* Runde 7 · 16.10.2026 (Turbo): Kontakt dunkelgrau + Formular als Panel, Pop-up hellgrau,
   Zusatzleistungen einklappbar, Agenturstart-Aktion mit Streichpreis */

/* 1 · Kontakt-Sektion dunkelgrau, setzt sich vom schwarzen FAQ ab */
.section.contact.dark{background:#1c1c1f;padding-top:96px}
.contact-card.cc-person{background:#27272b;border-color:rgba(255,255,255,.08)}
.contact-form-wrap{background:#2c2c31;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:40px;box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}
.contact-form-wrap .f input[type=text],.contact-form-wrap .f input[type=tel],.contact-form-wrap .f input[type=email]{background:#3a3a40;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.contact-form-wrap .f input:focus{background:#44444b;box-shadow:inset 0 0 0 1px var(--spark)}
@media(max-width:767px){
  .section.contact.dark{padding-top:56px}
  .contact-form-wrap{padding:24px 20px}
}

/* 2 · Pop-up hellgrau statt schwarz */
.fx-panel.dark{background:#e6e6e9;color:#000;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 40px 120px rgba(0,0,0,.5)}
.fx-panel.dark h2{color:#000}
.fx-panel.dark h2 .mute{background:linear-gradient(100deg,#6f6e73,#8e8d92)!important;-webkit-background-clip:text!important;background-clip:text!important}
.fx-panel .fx-facts,.fx-panel .fx-facts li{border-color:rgba(0,0,0,.12)}
.fx-panel .fx-facts li{color:#000}
.fx-panel .fx-pkg{background:rgba(0,0,0,.08);color:#000}
.fx-panel .fx-x{background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.1)}
.fx-panel .fx-x:hover{background:#f2f2f2}
.fx-panel .fx-x svg{color:#000;fill:#000}
.fx-slot .form,.fx-slot .f,.fx-slot .f>span,.fx-slot legend{color:#000}
.fx-slot .f input[type=text],.fx-slot .f input[type=tel],.fx-slot .f input[type=email]{background:#fff;color:#000;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.fx-slot .f input::placeholder{color:rgba(0,0,0,.42)}
.fx-slot .f input:focus{background:#fff;box-shadow:inset 0 0 0 2px var(--spark)}
.fx-slot .f-hint,.fx-slot .f-opt,.fx-slot .note{color:rgba(0,0,0,.6)}
.fx-slot .note a{color:#000;text-decoration:underline}
.fx-slot .chip span{color:#000;border-color:rgba(0,0,0,.25);background:rgba(255,255,255,.55)}
.fx-slot .chip:hover span{border-color:#000}
.fx-slot .chip input:checked+span,.fx-slot .chip.is-on span{background:var(--spark);color:#fff;border-color:var(--spark)}
.fx-slot .form .btn-light{background:#000;color:#fff}
.fx-slot .form .btn-light:hover{background:#1c1c1c;color:#fff}

/* 3 · Zusatzleistungen einklappbar */
.extras-toggle{width:100%;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;align-items:center}
.extras-ht{display:flex;flex-direction:column;gap:6px}
.extras .x-plus{transition:transform .45s var(--ease)}
.extras.open .x-plus{transform:rotate(45deg)}
.extras-toggle:hover h3{color:#fff;opacity:.85}
.extras:not(.open){padding-bottom:28px}
.extras:not(.open) .extras-head{border-bottom-color:transparent;padding-bottom:0}
.extras-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.extras-body>div{overflow:hidden;min-height:0}
.extras.open .extras-body{grid-template-rows:1fr}
@media(max-width:767px){.extras:not(.open){padding-bottom:22px}.extras-toggle{gap:12px}}

/* 4 · Agenturstart-Aktion + Streichpreis */
.promo{max-width:1120px;margin:0 auto 20px;display:flex;align-items:center;gap:14px 20px;flex-wrap:wrap;padding:16px 20px;border-radius:20px;background:#000;color:#fff}
.promo-tag{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:100px;background:var(--spark);font-size:14px;font-weight:600;letter-spacing:.02em}
.promo-txt{font-size:18px;line-height:1.35;color:rgba(255,255,255,.85);margin:0}
.promo-txt b{color:#fff;font-weight:600}
.promo-seats{margin-left:auto;display:flex;align-items:center;gap:12px}
.promo-dots{display:flex;gap:5px}
.promo-dots i{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
.promo-dots i.on{background:rgba(255,255,255,.35);box-shadow:none}
.promo-left{font-size:15px;font-weight:600;color:#fff;white-space:nowrap}
.pv-old{font-family:"Satoshi",system-ui,sans-serif;font-size:24px;font-weight:600;color:rgba(0,0,0,.42);text-decoration:line-through;text-decoration-thickness:2px;align-self:center;white-space:nowrap}
@media(max-width:767px){
  .promo{padding:16px;gap:10px 12px}
  .promo-txt{font-size:16px;flex-basis:100%}
  .promo-seats{margin-left:0;flex-basis:100%;justify-content:space-between}
  .pv-old{font-size:20px}
}

/* Fixes nach QA */
.fx-panel.dark h2{background:none!important;color:#000;-webkit-text-fill-color:#000}
.fx-panel.dark h2 .mute{-webkit-text-fill-color:transparent;color:transparent!important}
.extras-toggle{flex-wrap:nowrap}
.promo{position:relative;z-index:3}
@media(max-width:767px){
  .promo-seats{gap:10px}
  .promo-dots{gap:4px}
  .promo-dots i{width:8px;height:8px}
  .promo-left{font-size:14px}
}

/* 5 · Vertrauens-Punkte unter den Preiskarten (aus „Wer das baut“ verschoben) */
.price-trust{list-style:none;max-width:1120px;margin:20px auto 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.price-trust li{display:flex;gap:16px;align-items:flex-start;padding:22px 24px;border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04),0 14px 36px rgba(0,0,0,.06)}
.pt-ic{width:44px;height:44px;flex:none;border-radius:12px;display:grid;place-items:center;background:rgba(61,125,255,.1)}
.pt-ic svg{width:22px;height:22px;fill:none;stroke:var(--spark);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pt-t{display:flex;flex-direction:column;gap:4px}
.pt-t b{font-family:"Satoshi",system-ui,sans-serif;font-size:21px;font-weight:700;letter-spacing:-.02em;color:#000}
.pt-t span{font-size:17px;line-height:1.45;color:rgba(0,0,0,.66)}
@media(max-width:767px){.price-trust{grid-template-columns:1fr;gap:12px}.price-trust li{padding:18px}.pt-t b{font-size:19px}.pt-t span{font-size:16px}}