/* Anfrage-Check auf den Leistungsseiten (Growth-Etappe 5, 26.10.2026, Muster barzik.studio).
   Gestaltung wie das Kontaktpanel der Startseite (Königsblau, weiße Felder, weißer Knopf; Werte aus index.html),
   dazu die Auswahl als Tippflächen. Versand, Quittung und Messung: kontaktformular.js (form[data-fb-anfrage]).
   Kontrast: #DCE6FA auf #2F5FC4 = 4,71:1 (gemessen auf der Startseite), gewählte Fläche #2F5FC4 auf Weiß = 5,95:1. */
.anfrage-panel{margin-top:36px;padding:clamp(24px,4vw,44px);border-radius:20px;background:var(--accent);color:#fff;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}
.anfrage-kopf,.anfrage-wahl,.anfrage-panel .feld-breit,.anfrage-panel .form-ende{grid-column:1/-1}
.anfrage-kopf h3{margin:0;font-size:clamp(22px,2.4vw,30px);line-height:1.15;letter-spacing:-.02em;color:#fff}
.anfrage-kopf p{margin:8px 0 0;font-size:16px;color:#DCE6FA}
.anfrage-wahl{min-width:0;margin:0;padding:0;border:0}
.anfrage-wahl legend{padding:0;font-size:13px;font-weight:700;color:#F2F6FF}
.anfrage-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.anfrage-chips label{position:relative;display:inline-flex}
.anfrage-chips input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.anfrage-chips span{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid rgba(255,255,255,.6);border-radius:10px;font-size:15px;font-weight:600;color:#fff;transition:background .15s,color .15s}
.anfrage-chips label:hover span{background:rgba(255,255,255,.12)}
.anfrage-chips input:checked+span{background:#fff;border-color:#fff;color:var(--accent)}
.anfrage-chips input:focus-visible+span{outline:3px solid rgba(255,255,255,.6);outline-offset:2px}
.anfrage-panel .feld{display:flex;flex-direction:column;gap:7px}
.anfrage-panel .feld label{font-size:13px;font-weight:700;color:#F2F6FF}
.anfrage-panel .feld label span{font-weight:500;color:#DCE6FA}
.anfrage-panel input:not([type=radio]),.anfrage-panel textarea{width:100%;min-height:50px;padding:13px 15px;border:1px solid rgba(255,255,255,.7);border-radius:10px;background:#fff;color:#101723;font:inherit;font-size:16px}
.anfrage-panel textarea{min-height:96px;resize:vertical}
.anfrage-panel input:not([type=radio]):focus,.anfrage-panel textarea:focus{outline:3px solid rgba(255,255,255,.35);outline-offset:2px;border-color:#fff}
.anfrage-panel .form-ende{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.anfrage-panel .btn-weiss{background:#fff;color:#234A9E;box-shadow:0 4px 16px rgba(6,11,20,.16)}
.anfrage-panel .btn-weiss:hover{transform:translateY(-2px);box-shadow:0 9px 26px rgba(6,11,20,.22)}
.anfrage-panel button:disabled{opacity:.7;cursor:wait}
.anfrage-panel .form-meldung{margin:0;font-size:14px;font-weight:650;color:#fff}
.honig{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:600px){
  .anfrage-panel{grid-template-columns:1fr}
  .anfrage-panel .form-ende{flex-direction:column;align-items:stretch}
  .anfrage-panel button{width:100%}
}
