/* Öffentliches Anfrage-Formular (gehostet / iframe) — bewusst neutral, damit es sich in die Website einfügt */
:root{--af-akzent:#FFEF2E;--af-akzent-d:#F0DF1C;--af-text:#1F2328;--af-muted:#5F6368;--af-border:#E4E1DA;--af-bg:#fff;--af-rot:#b42318}
*{box-sizing:border-box}
.af-body{margin:0;font:15px/1.5 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--af-text);background:#f6f5f2}
.af-body.af-embed{background:transparent}
.af-wrap{max-width:760px;margin:0 auto;padding:28px 18px}
.af-embed .af-wrap{padding:6px 2px}
.af-h1{font-size:26px;margin:0 0 6px}
.af-intro{color:var(--af-muted);margin:0 0 18px}
.af-form fieldset{border:1px solid var(--af-border);border-radius:12px;background:var(--af-bg);padding:16px 18px 6px;margin:0 0 16px}
.af-form legend{font-weight:700;padding:0 6px}
.af-form label{display:block;font-size:13.5px;font-weight:600;margin:0 0 12px}
.af-form input:not([type=checkbox]),.af-form select,.af-form textarea{display:block;width:100%;margin-top:4px;padding:10px 12px;font:inherit;font-weight:400;border:1px solid var(--af-border);border-radius:8px;background:#fff;color:var(--af-text)}
.af-form input:focus,.af-form select:focus,.af-form textarea:focus{outline:none;border-color:var(--af-akzent);box-shadow:0 0 0 3px rgba(33,69,86,.18)}
.af-zeile{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 14px}
.af-zeile .af-breit{grid-column:span 2}
.af-adresse{grid-template-columns:2fr 1fr 1.4fr}
.af-tags{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px}
.af-tag{margin:0!important;font-weight:500!important}
.af-tag input{position:absolute;opacity:0;pointer-events:none}
.af-tag span{display:inline-block;padding:7px 12px;border:1px solid var(--af-border);border-radius:999px;background:#fff;cursor:pointer;font-size:13.5px;transition:.15s}
.af-tag input:checked+span{background:var(--af-akzent);border-color:var(--af-akzent);color:#fff}
.af-tag input:focus-visible+span{box-shadow:0 0 0 3px rgba(33,69,86,.3)}
.af-check{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important}
.af-check input{margin-top:4px;width:18px;height:18px}
.af-btn{display:inline-block;width:100%;padding:14px 20px;font:inherit;font-weight:700;font-size:16px;color:#1F2328;background:var(--af-akzent);border:0;border-radius:10px;cursor:pointer}
.af-btn:hover{background:var(--af-akzent-d)}
.af-fuss{text-align:center;color:var(--af-muted);font-size:12.5px;margin-top:10px}
.af-fehler{color:var(--af-rot);font-size:12.5px;font-weight:600;margin-top:4px}
.af-fehler-box{background:#fde8e6;border:1px solid #f3b9b3;border-radius:8px;padding:10px 12px;margin-bottom:14px}
.af-hp{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}
.af-danke{text-align:center;padding-top:50px}
.af-danke-icon{width:72px;height:72px;border-radius:50%;background:#dcf2e3;color:#1a7f37;font-size:38px;font-weight:700;line-height:72px;margin:0 auto 16px}
@media (max-width:560px){.af-adresse{grid-template-columns:1fr 1fr}.af-adresse .af-breit{grid-column:span 2}}
/* Marken-Kopf öffentliche Seiten */
.oe-kopf{background:#fff;border-bottom:1px solid #E4E1DA;box-shadow:inset 0 4px 0 0 #FFEF2E}.oe-wrap{max-width:1000px;margin:0 auto;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.oe-marke{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1c1c1a}.oe-marke img{width:40px;height:40px;border-radius:10px}.oe-marke span{display:flex;flex-direction:column;line-height:1.2}.oe-marke small{color:#75726b;font-size:11.5px}
.oe-links{display:flex;gap:14px;align-items:center;font-size:13.5px}.oe-links a{color:#1c1c1a;text-decoration:none}.oe-links a:hover{color:#214556}.oe-tel{background:#FFEF2E;color:#1F2328!important;padding:6px 12px;border-radius:999px;font-weight:700}
@media (max-width:560px){.oe-links a:not(.oe-tel){display:none}}
/* Runde Buttons (Kundenwunsch 04.09.2026) */
.af-btn { border-radius: 999px !important; }
/* Sanierungs-Assistent (Wohnung / Haus / Individuell) — 04.09.2026 */
.sw-wrap{max-width:860px}
.sw-fortschritt{margin:0 0 16px}.sw-balken{height:6px;background:#e6e3dc;border-radius:999px;overflow:hidden}.sw-balken-in{height:100%;background:var(--af-akzent);border-radius:999px;transition:width .3s}
.sw-schritte{display:flex;gap:6px;list-style:none;padding:0;margin:10px 0 0;font-size:12.5px;color:var(--af-muted);flex-wrap:wrap}.sw-schritte li{display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;cursor:default}
.sw-schritte li span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e6e3dc;font-weight:700;font-size:11px}.sw-schritte li.aktiv{color:var(--af-text);font-weight:700}.sw-schritte li.aktiv span{background:var(--af-akzent);color:#fff}.sw-schritte li.fertig{cursor:pointer}.sw-schritte li.fertig span{background:#1a7f37;color:#fff}
.sw-hint{font-weight:400;color:var(--af-muted);font-size:12px}
.sw-gruppe{margin:6px 0 14px}.sw-gruppe h3{font-size:14px;margin:0 0 8px;color:var(--af-text)}
.sw-kacheln,.sw-karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-bottom:6px}
.sw-kachel,.sw-karte{margin:0!important;font-weight:400!important;position:relative}.sw-kachel input,.sw-karte input{position:absolute;opacity:0;pointer-events:none}
.sw-kachel span,.sw-karte span{display:flex;flex-direction:column;gap:2px;padding:10px 12px 10px 38px;border:1.5px solid var(--af-border);border-radius:12px;background:#fff;cursor:pointer;min-height:58px;transition:.15s;line-height:1.35}
.sw-kachel span::before,.sw-karte span::before{content:"";position:absolute;left:12px;top:14px;width:18px;height:18px;border:2px solid #c9c5bb;border-radius:6px;background:#fff}
.sw-karte span::before{border-radius:50%}
.sw-kachel input:checked+span,.sw-karte input:checked+span{border-color:var(--af-akzent);background:#fff7ec;box-shadow:0 0 0 3px rgba(33,69,86,.12)}
.sw-kachel input:checked+span::before,.sw-karte input:checked+span::before{background:var(--af-akzent);border-color:var(--af-akzent);box-shadow:inset 0 0 0 3px #fff}
.sw-kachel input:focus-visible+span,.sw-karte input:focus-visible+span{box-shadow:0 0 0 3px rgba(33,69,86,.3)}
.sw-kachel strong,.sw-karte strong{font-size:14px;font-weight:600}.sw-kachel small,.sw-karte small{color:var(--af-muted);font-size:12px}
.sw-foerder{display:inline-block;font-style:normal;font-size:10.5px;font-weight:700;color:#1a7f37;background:#dcf2e3;border-radius:999px;padding:1px 7px;margin-left:4px;vertical-align:middle}
.sw-auswahl{font-size:13px;color:var(--af-akzent-d);font-weight:600;min-height:18px;margin-bottom:8px}
.sw-zusammenfassung{font-size:13px;background:#f6f5f2;border-radius:10px;padding:10px 12px;margin:4px 0 12px;line-height:1.5}
.sw-nav{display:flex;gap:10px;align-items:center;margin-top:4px}.sw-nav .af-btn{width:auto;flex:1}.sw-zurueck{font:inherit;font-weight:600;background:#fff;border:1px solid var(--af-border);border-radius:999px;padding:13px 18px;cursor:pointer;color:var(--af-text)}
.sw-form fieldset[hidden]{display:none}
.af-wahl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:0 0 18px}.af-wahl a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1.5px solid var(--af-border);border-radius:12px;background:#fff;text-decoration:none;color:var(--af-text);transition:.15s}.af-wahl a:hover{border-color:var(--af-akzent);background:#fff7ec}.af-wahl a strong{font-size:15px}.af-wahl a small{color:var(--af-muted);font-size:12.5px}
@media (max-width:560px){.sw-kacheln,.sw-karten{grid-template-columns:1fr}.sw-schritte li:not(.aktiv){display:none}}
.sw-nav [hidden],.sw-form [hidden]{display:none!important}
