/* VTN Anfrageformular – ein Modul für alle Websites (Profile: start.vtn-gruppe.de/anfrage/<site>/profil). Mobil zuerst. Scope: .vtn-anfrage */
.vtn-anfrage{--va-g:#0b1620;--va-a:#1f5fa8;--va-at:#fff;--va-hfont:inherit;--va-hweight:800;--va-hcase:none;--va-ink:#14181d;--va-mut:#5d6773;--va-line:#d5dbe2;--va-soft:#f4f6f9;
  box-sizing:border-box;font-family:inherit;color:var(--va-ink);line-height:1.5;max-width:1120px;margin:0 auto;padding:8px 0;text-align:left;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual}
.vtn-anfrage *,.vtn-anfrage *::before,.vtn-anfrage *::after{box-sizing:border-box}
.vtn-anfrage .va-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"k" "f" "m";gap:20px;align-items:start}
.vtn-anfrage .va-kz{grid-area:k}.vtn-anfrage .va-karte{grid-area:f}.vtn-anfrage .va-mehr{grid-area:m}
@media (min-width:900px){.vtn-anfrage .va-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"k f" "m f";grid-template-rows:auto 1fr;column-gap:48px;row-gap:6px}.vtn-anfrage .va-mehr{align-self:start}.vtn-anfrage .va-kz{padding-top:8px}}
.vtn-anfrage .va-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--va-mut);margin:0 0 8px}
.vtn-anfrage h2.va-h{font-family:var(--va-hfont);font-weight:var(--va-hweight);text-transform:var(--va-hcase);font-size:clamp(26px,4.4vw,40px);line-height:1.08;margin:0 0 12px;color:var(--va-g);letter-spacing:-.005em}
.vtn-anfrage .va-sub{font-size:16.5px;color:var(--va-mut);margin:0 0 16px;max-width:52ch}
.vtn-anfrage ul.va-trust{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px}
.vtn-anfrage ul.va-trust li{position:relative;padding-left:30px;font-size:15px;font-weight:600}
.vtn-anfrage ul.va-trust li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--va-a);-webkit-mask:none}
.vtn-anfrage ul.va-trust li::after{content:"";position:absolute;left:7px;top:6px;width:5px;height:9px;border:solid var(--va-at);border-width:0 2.4px 2.4px 0;transform:rotate(45deg)}
.vtn-anfrage .va-direkt{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.vtn-anfrage .va-direkt a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border-radius:12px;border:1.5px solid var(--va-line);background:#fff;color:var(--va-g);font-weight:800;font-size:15px;text-decoration:none}
.vtn-anfrage .va-direkt a:hover{border-color:var(--va-g)}
.vtn-anfrage .va-direkt svg{width:18px;height:18px;flex:none}
.vtn-anfrage .va-faq{margin-top:6px}
.vtn-anfrage .va-faq h3{font-size:17px;margin:0 0 8px;color:var(--va-g)}
.vtn-anfrage .va-faq details{border-top:1px solid var(--va-line);padding:10px 0}
.vtn-anfrage .va-faq details:last-child{border-bottom:1px solid var(--va-line)}
.vtn-anfrage .va-faq summary{cursor:pointer;font-weight:700;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.vtn-anfrage .va-faq summary::-webkit-details-marker{display:none}
.vtn-anfrage .va-faq summary::after{content:"+";font-weight:800;color:var(--va-mut)}
.vtn-anfrage .va-faq details[open] summary::after{content:"–"}
.vtn-anfrage .va-faq p{margin:8px 0 0;font-size:14.5px;color:var(--va-mut)}
/* Karte mit Formular */
.vtn-anfrage .va-karte{background:#fff;border-radius:20px;box-shadow:0 14px 40px rgba(10,20,35,.14);overflow:hidden;border:1px solid rgba(0,0,0,.05)}
.vtn-anfrage .va-kopf{background:var(--va-g);color:#fff;padding:16px 20px 14px}
.vtn-anfrage .va-kopf b{display:block;font-size:17px;line-height:1.25}
.vtn-anfrage .va-kopf span{font-size:13px;opacity:.8}
.vtn-anfrage .va-fort{height:5px;background:rgba(255,255,255,.18);border-radius:3px;margin-top:10px;overflow:hidden}
.vtn-anfrage .va-fort i{display:block;height:100%;width:50%;background:var(--va-a);transition:width .3s}
.vtn-anfrage form{padding:18px 20px 20px;margin:0}
.vtn-anfrage .va-schritt{display:grid;gap:16px}
.vtn-anfrage .va-schritt[hidden]{display:none}
.vtn-anfrage .va-feld{display:grid;gap:6px;min-width:0}
.vtn-anfrage .va-lab{font-size:14px;font-weight:700;color:var(--va-ink)}
.vtn-anfrage .va-lab i{font-style:normal;font-weight:500;color:var(--va-mut)}
.vtn-anfrage input.va-in,.vtn-anfrage select.va-in,.vtn-anfrage textarea.va-in{width:100%;min-height:50px;padding:12px 14px;border:1.5px solid var(--va-line);border-radius:12px;font:inherit;font-size:16px;color:var(--va-ink);background:#fff;margin:0;box-shadow:none;-webkit-appearance:none;appearance:none}
.vtn-anfrage select.va-in{background-image:linear-gradient(45deg,transparent 50%,var(--va-mut) 50%),linear-gradient(135deg,var(--va-mut) 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 15px) 22px;background-size:5px 5px;background-repeat:no-repeat;padding-right:38px}
.vtn-anfrage textarea.va-in{min-height:88px;resize:vertical}
.vtn-anfrage .va-in:focus{outline:none;border-color:var(--va-g);box-shadow:0 0 0 3px rgba(0,0,0,.08)}
.vtn-anfrage .va-zwei{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:560px){.vtn-anfrage .va-zwei{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.vtn-anfrage .va-pills{display:flex;flex-wrap:wrap;gap:8px}
.vtn-anfrage .va-pill{position:relative;margin:0}
.vtn-anfrage .va-pill input{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0;border:0}
.vtn-anfrage .va-pill span{display:inline-flex;align-items:center;min-height:44px;padding:0 15px;border-radius:999px;border:1.5px solid var(--va-line);font-size:14.5px;font-weight:700;cursor:pointer;background:#fff;color:var(--va-ink);user-select:none;transition:border-color .15s,background .15s}
.vtn-anfrage .va-pill span:hover{border-color:var(--va-g)}
.vtn-anfrage .va-pill input:checked+span{background:var(--va-g);border-color:var(--va-g);color:#fff}
.vtn-anfrage .va-pill input:focus-visible+span{outline:3px solid rgba(0,0,0,.25);outline-offset:2px}
.vtn-anfrage .va-fotos{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.vtn-anfrage .va-fotos label.va-foto-knopf{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 15px;border-radius:12px;border:1.5px dashed var(--va-line);font-weight:700;font-size:14.5px;cursor:pointer;background:var(--va-soft)}
.vtn-anfrage .va-fotos input{position:absolute;opacity:0;width:1px;height:1px}
.vtn-anfrage .va-fotos img{width:56px;height:56px;object-fit:cover;border-radius:10px;border:1px solid var(--va-line)}
.vtn-anfrage .va-hinweis{font-size:12.5px;color:var(--va-mut)}
.vtn-anfrage .va-ds{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--va-mut);line-height:1.45}
.vtn-anfrage .va-ds input{width:20px;height:20px;flex:none;margin:1px 0 0;accent-color:var(--va-g)}
.vtn-anfrage .va-ds a{color:inherit;text-decoration:underline}
.vtn-anfrage button.va-knopf{display:flex;width:100%;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 20px;border:0;border-radius:14px;background:var(--va-a);color:var(--va-at);font:inherit;font-size:17px;font-weight:800;cursor:pointer;margin:2px 0 0;box-shadow:0 6px 18px rgba(0,0,0,.14)}
.vtn-anfrage button.va-knopf:hover{filter:brightness(.96)}
.vtn-anfrage button.va-knopf[disabled]{opacity:.65;cursor:wait}
.vtn-anfrage .va-zurueck{background:none;border:0;padding:0;font:inherit;font-size:14px;color:var(--va-mut);text-decoration:underline;cursor:pointer;justify-self:start}
.vtn-anfrage .va-klein{font-size:12.5px;color:var(--va-mut);text-align:center;margin:0}
.vtn-anfrage .va-fehler{display:none;background:#fff3f2;border:1px solid #f1c3be;color:#8a1f15;border-radius:10px;padding:10px 12px;font-size:14px}
.vtn-anfrage .va-fehler.an{display:block}
.vtn-anfrage .va-feld.falsch .va-in,.vtn-anfrage .va-feld.falsch .va-pill span{border-color:#d4483b}
.vtn-anfrage .va-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.vtn-anfrage .va-ok{padding:28px 22px 30px;text-align:center}
.vtn-anfrage .va-ok .va-haken{width:58px;height:58px;border-radius:50%;background:var(--va-a);margin:0 auto 14px;position:relative}
.vtn-anfrage .va-ok .va-haken::after{content:"";position:absolute;left:21px;top:13px;width:13px;height:24px;border:solid var(--va-at);border-width:0 4px 4px 0;transform:rotate(45deg)}
.vtn-anfrage .va-ok b{display:block;font-size:20px;margin-bottom:6px;color:var(--va-g)}
.vtn-anfrage .va-ok p{margin:0 0 12px;color:var(--va-mut)}
.vtn-anfrage .va-laden{padding:40px 20px;text-align:center;color:var(--va-mut);font-size:14px}
/* Themen je Marke */
.vtn-anfrage--agd .va-pill input:checked+span{background:var(--va-a);border-color:var(--va-a);color:var(--va-at)}
.vtn-anfrage--ch .va-pill input:checked+span{background:var(--va-a);border-color:var(--va-g);color:var(--va-at)}
.vtn-anfrage--ch .va-karte{border:2px solid var(--va-g)}
/* Nur Formularkarte (ersetzt ein Coco-Formular im bestehenden Layout) */
.vtn-anfrage--nurform{padding:0}
.vtn-anfrage--nurform .va-grid{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"f"!important;grid-template-rows:auto!important}