/* Anfrageseite kompakt (KlickAgent, 11.11.2026): das ganze Formular auf einen Blick, ohne Scrollen.
   Gestaltung bleibt wie von S&I (Glaskarte, Kästchen, Felder, Farben), nur Abstände und Schriftgrößen sind kleiner,
   Name und Kontakt stehen am Desktop nebeneinander. Gilt nur mit body.fm (Seite /anfrage/), lädt nach form.css. */
.fm .kontakt .wrap{max-width:760px;padding-top:18px;padding-bottom:56px}
.fm .kontakt .intro{margin-bottom:16px}
.fm .kontakt .eyebrow{margin-bottom:10px;font-size:11px}
.fm .kontakt h1{font-size:clamp(28px,3.2vw,40px);line-height:1.05;letter-spacing:-.03em}
.fm .kontakt .unterzeile{margin-top:6px;max-width:none;font-size:clamp(15px,1.4vw,18px);line-height:1.3}
.fm .kontakt form{padding:24px 28px 14px;border-radius:24px}
.fm .kontakt fieldset{margin:0 0 16px}
.fm .kontakt .frage{margin:0 0 10px;font-size:14.5px}
.fm .kontakt .chips{gap:8px}
.fm .kontakt .chips span{min-height:44px;padding:0 16px;font-size:15px}
.fm .kontakt .feld{gap:6px;margin:0 0 14px}
.fm .kontakt .feld>label{font-size:14.5px}
.fm .kontakt .feld input,.fm .kontakt .feld textarea{min-height:50px;padding:13px 16px;font-size:16px}
.fm .kontakt .fehler{font-size:14px}
.fm .kontakt .senden{min-height:54px;margin-top:2px}
.fm .kontakt p.klein,.fm .kontakt .klein{margin-top:10px;font-size:13px;line-height:1.5}
.fm .kontakt .klein a{padding:6px 0}
.fm .kontakt .alt{margin-top:0}
.fm .kontakt .andere{margin-top:28px}
.fm .kontakt .danke{padding:36px 28px 30px}
@media(min-width:701px){
 .fm .kontakt .ka-zeile{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;align-items:start}
}
@media(max-width:700px){
 /* Handy: oben nur Bereich und Überschrift, darunter sofort das Formular (Knopf im ersten Bildschirm, auch bei 360 x 640) */
 .fm .kontakt .wrap{padding:10px 16px 40px}
 .fm .kontakt .intro{margin-bottom:10px}
 .fm .kontakt .eyebrow{margin-bottom:4px;font-size:10.5px}
 .fm .kontakt h1{font-size:clamp(21px,6vw,26px);line-height:1.1}
 .fm .kontakt .unterzeile{display:none}
 .fm .kontakt form{padding:14px 14px 8px;border-radius:22px}
 .fm .kontakt form:before{left:24px;right:24px}
 .fm .kontakt fieldset{margin-bottom:10px}
 .fm .kontakt .frage{margin-bottom:6px;font-size:14px}
 .fm .kontakt .chips span{padding:0 12px;font-size:14.5px}
 /* „Partner werden“: lange Kästchen zweizeilig nebeneinander statt drei Reihen */
 .fm .kontakt[data-sparte=reparatur] .chips label{max-width:calc(50% - 4px)}
 .fm .kontakt[data-sparte=reparatur] .chips span{padding:6px 12px;line-height:1.2}
 .fm .kontakt .feld{gap:4px;margin-bottom:8px}
 .fm .kontakt .feld>label{font-size:14px}
 .fm .kontakt .feld input,.fm .kontakt .feld textarea{min-height:46px;padding:11px 14px}
 .fm .kontakt .fehler{padding-left:14px}
 .fm .kontakt .senden{min-height:50px;font-size:16px;padding-left:20px}
 .fm .kontakt p.klein,.fm .kontakt .klein{font-size:12.5px}
 .fm .kontakt .danke{padding:30px 18px 24px}
}
/* Honigtopf gegen Bots: für Menschen unsichtbar, für Screenreader ausgeblendet */
.fm .hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
/* Meldung, wenn das Senden nicht klappt */
.fm .kontakt .fehler.senden-fehler{padding:12px 0 0;line-height:1.5}
.fm .kontakt .senden-fehler a{color:#f5f5f7;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.fm .kontakt .senden[aria-busy=true]{opacity:.7;cursor:progress}