/* Dörig 05.10.2026: Anfrageformulare je Unterkategorie, mit Fotos.
   Liegt nach neu2026.css und nutzt dessen Farben. */
.anfrage{background:var(--water)}
.anfrage__in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,5vw,72px);align-items:start}
.anfrage__kopf .sec__lead{max-width:30rem}
.anfrage__direkt{margin-top:26px;padding:20px 22px;border-radius:var(--r);background:#fff;border:1px solid var(--linie);font-size:.97rem;color:var(--muted)}
.anfrage__direkt b{display:block;font-family:var(--ff-d);color:var(--ink);margin-bottom:6px}
.anfrage__direkt a{color:var(--deep);font-weight:700;display:inline-flex;align-items:center;min-height:44px;margin-right:16px}

.anf{background:#fff;border-radius:calc(var(--r) + 4px);padding:clamp(20px,3vw,36px);box-shadow:0 30px 60px -40px rgba(0,59,126,.35);border:1px solid var(--linie);min-width:0}
.anf fieldset{border:0;margin:0 0 26px;padding:0;min-width:0}
.anf legend{font:800 1.08rem var(--ff-d);color:var(--ink);padding:0;margin-bottom:14px;letter-spacing:-.01em}
.anf__raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.anf__feld{display:flex;flex-direction:column;gap:6px;min-width:0}
.anf__feld--breit{grid-column:1/-1}
.anf label,.anf__frage{font:600 .92rem var(--ff-d);color:var(--ink)}
.anf__frage{margin:0 0 4px}
.anf .pflicht{color:var(--navy)}
.anf input[type=text],.anf input[type=tel],.anf input[type=email],.anf select,.anf textarea{width:100%;min-width:0;font:400 1rem var(--ff-b);color:var(--ink);background:#fff;border:1.5px solid #C5D1DC;border-radius:12px;padding:12px 14px;min-height:48px;transition:border-color .2s,box-shadow .2s}
.anf textarea{min-height:120px;resize:vertical}
.anf input:focus,.anf select:focus,.anf textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(0,87,184,.18)}
.anf__hilfe{font-size:.88rem;color:var(--muted);margin:0}
.anf__wahl{display:flex;flex-wrap:wrap;gap:8px}
.anf__wahl label{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1.5px solid #C5D1DC;border-radius:999px;font:600 .9rem var(--ff-d);cursor:pointer;background:#fff;transition:border-color .2s,background .2s}
.anf__wahl input{position:absolute;opacity:0;width:1px;height:1px}
.anf__wahl label::before{content:"";width:16px;height:16px;border:2px solid #9FB1C2;border-radius:5px;flex:none;transition:background .2s,border-color .2s}
.anf__wahl--eins label::before{border-radius:50%}
.anf__wahl label:has(input:checked){border-color:var(--navy);background:var(--water)}
.anf__wahl label:has(input:checked)::before{background:var(--navy);border-color:var(--navy);box-shadow:inset 0 0 0 3px #fff}
.anf__wahl label:has(input:focus-visible){outline:3px solid var(--navy);outline-offset:2px}

.fotos{border:2px dashed #B9CADA;border-radius:var(--r);padding:18px;background:#F7FAFD}
.fotos__wahl{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border-radius:999px;background:var(--navy);color:#fff;font:700 .95rem var(--ff-d);cursor:pointer;position:relative}
.fotos__wahl:hover{background:var(--deep)}
.fotos__wahl input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.fotos__wahl:has(input:focus-visible){outline:3px solid var(--navy);outline-offset:3px}
.fotos__wahl svg{width:20px;height:20px;flex:none}
.fotos__kopf{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:12px}
.fotos__zahl{font:600 .88rem var(--ff-d);color:var(--muted)}
.fotos__liste{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.foto{display:grid;grid-template-columns:96px minmax(0,1fr) 44px;gap:12px;align-items:center;background:#fff;border:1px solid var(--linie);border-radius:14px;padding:8px}
.foto img{width:96px;height:72px;object-fit:cover;border-radius:10px}
.foto__txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.foto__txt label{font-size:.82rem}
.foto__txt input{min-height:44px!important;padding:8px 12px!important}
.foto__weg{width:44px;height:44px;border:0;border-radius:50%;background:#EEF2F6;color:var(--ink);font-size:1.4rem;line-height:1;cursor:pointer}
.foto__weg:hover{background:#DDE5EC}

.anf__fuss{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:6px}
.anf__hinweis{font-size:.85rem;color:var(--muted);margin:0;flex:1 1 260px}
.anf__hinweis a{color:var(--deep)}
.anf__status{margin:16px 0 0;font:600 .95rem var(--ff-d);min-height:1.4em}
.anf__status--ok{color:#1B6E3E}
.anf__status--teil{color:#8A5A00}
.anf__status--fehler{color:#B42318}
.anf button[disabled]{opacity:.6;cursor:wait}

@media (max-width:900px){
  .anfrage__in{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .anf__raster{grid-template-columns:minmax(0,1fr)}
  .foto{grid-template-columns:72px minmax(0,1fr) 44px;gap:10px}
  .foto img{width:72px;height:56px}
  .anf__fuss .btn{width:100%}
}

/* 09.10.2026: gezielte Formulare mit Folgefragen */
.anf [hidden]{display:none!important}
.anf{counter-reset:schritt}
.anf__block{counter-increment:schritt}
.anf__nr{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:10px;border-radius:50%;background:var(--navy);color:#fff;font:800 .85rem var(--ff-d);vertical-align:middle}
.anf__nr::before{content:counter(schritt)}
.anf__kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px}
.anf__kacheln label{position:relative;display:flex;align-items:center;gap:12px;min-height:58px;padding:12px 16px;border:1.5px solid #C5D1DC;border-radius:14px;background:#fff;font:700 .95rem/1.25 var(--ff-d);color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}
.anf__kacheln input{position:absolute;opacity:0;width:1px;height:1px}
.anf__kacheln label::before{content:"";width:18px;height:18px;flex:none;border:2px solid #9FB1C2;border-radius:50%;transition:background .2s,border-color .2s}
.anf__kacheln label:hover{border-color:var(--navy)}
.anf__kacheln label:has(input:checked){border-color:var(--navy);background:var(--water);box-shadow:0 0 0 1px var(--navy) inset}
.anf__kacheln label:has(input:checked)::before{background:var(--navy);border-color:var(--navy);box-shadow:inset 0 0 0 3px #fff}
.anf__kacheln label:has(input:focus-visible){outline:3px solid var(--navy);outline-offset:2px}
.anf__masse-zeile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.anf__volumen{margin:10px 0 2px;font:600 .95rem var(--ff-d);color:var(--deep);min-height:1.3em}
.anf__tipp{margin:0;padding:14px 16px;border-radius:12px;background:var(--water);border-left:4px solid var(--navy);font-size:.93rem;color:var(--ink)}
.anf__tipp a,.anf__alarm a{font-weight:700;color:var(--deep)}
.anf__alarm{margin:0;padding:14px 16px;border-radius:12px;background:#FFF4E5;border-left:4px solid #B54708;font:600 .95rem var(--ff-d);color:#5A2A00}
.anf__fehlt input[type=text],.anf__fehlt input[type=tel],.anf__fehlt input[type=email],.anf__fehlt select{border-color:#B42318}
fieldset.anf__fehlt>.anf__frage,fieldset.anf__fehlt>.anf__frage *{color:#B42318}
fieldset.anf__fehlt .anf__kacheln label,fieldset.anf__fehlt .anf__wahl label{border-color:#E8A39C}
@media (max-width:560px){
  .anf__masse-zeile{grid-template-columns:repeat(2,minmax(0,1fr))}
  .anf__kacheln label{min-height:52px}
}