/* Versicherung + Dankesseite – Stil nach WERTGARANTIE-Prospekt: Blau, weiße Tabellen, grüne Haken-Spalte (09.10.2026) */
.vers{--v-blue:#2E4E9E;--v-blue-hi:#4D74C8;--v-blue-deep:#22397A;--v-green:#7DB32E;--v-green-deep:#5E8C1C;--v-red:#D9443A}
.v-hero{position:relative;color:#fff;background:linear-gradient(160deg,var(--v-blue-hi) 0%,var(--v-blue) 48%,var(--v-blue-deep) 100%);padding:clamp(44px,7vw,88px) 0;overflow:hidden}
.v-hero::after{content:"";position:absolute;inset:auto -10% -40% auto;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.14),transparent);pointer-events:none}
.v-hero-in{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.v-hero h1{font-size:clamp(2.2rem,5.2vw,3.9rem);line-height:1.02;letter-spacing:-.02em;text-shadow:0 2px 14px rgba(0,0,0,.18)}
.v-lead{margin-top:20px;font-size:1.15rem;max-width:56ch;color:#EAF0FF}
.v-lead strong{color:#fff}
.v-crumbs,.v-crumbs a{color:#D6E0FA}
.v-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.v-btn{background:var(--v-green);color:#fff;border-color:var(--v-green)}
.v-btn:hover{background:var(--v-green-deep);border-color:var(--v-green-deep)}
.v-btn-line{border:2px solid #fff;color:#fff;background:transparent}
.v-btn-line:hover{background:#fff;color:var(--v-blue)}
.v-btn-line svg{width:20px;height:20px;fill:currentColor}
.v-tag{display:inline-block;margin-top:26px;background:var(--v-red);color:#fff;font-weight:800;padding:10px 16px;border-radius:6px;transform:rotate(-2deg);box-shadow:0 10px 20px -12px rgba(0,0,0,.5)}
.v-price{background:#fff;color:var(--ink);border-radius:var(--r);padding:clamp(18px,3vw,28px);box-shadow:0 30px 60px -30px rgba(0,0,0,.55)}
.v-price h2{font-size:1.3rem;color:var(--v-blue-deep);margin-bottom:14px}
.v-small{margin-top:12px;font-size:.95rem;color:var(--mute)}

.v-body{background:linear-gradient(180deg,var(--v-blue-deep) 0,var(--v-blue) 100%);padding:0 0 clamp(44px,7vw,80px)}
.v-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(18px,3vw,32px);align-items:start;padding-top:clamp(28px,4vw,44px)}
.v-card{background:#fff;border-radius:var(--r);padding:clamp(18px,3vw,28px);box-shadow:0 30px 60px -36px rgba(0,0,0,.6)}
.v-card h2{font-size:1.45rem;color:var(--v-blue-deep);margin-bottom:14px}
.v-tab{width:100%;border-collapse:separate;border-spacing:0;font-size:.98rem}
.v-tab th,.v-tab td{padding:11px 12px;border-bottom:1px solid #E3E8F2;text-align:left;vertical-align:middle}
.v-tab thead th{font-size:.82rem;line-height:1.25;color:var(--mute);font-weight:800;vertical-align:bottom;border-bottom:2px solid #D3DBEB}
.v-tab thead th.v-green{background:var(--v-green);color:#fff;border-radius:10px 10px 0 0;border-bottom-color:var(--v-green)}
.v-tab tbody th{font-weight:600}
.v-tab tbody th small{display:block;font-weight:400;color:var(--mute);font-size:.85rem}
.v-tab td{text-align:center;width:22%}
.v-tab td:last-child{background:rgba(125,179,46,.12)}
.v-tab tbody tr:last-child td:last-child{border-radius:0 0 10px 10px}
.v-tab svg{width:22px;height:22px;fill:none;stroke:var(--v-green-deep);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.v-dash{color:#9AA3B5;font-weight:800}
.v-tab-price td{text-align:right;width:auto;font-weight:800;font-size:1.08rem;color:var(--v-blue-deep)}
.v-tab-price td:last-child{background:rgba(125,179,46,.12)}
.v-tab-price thead th{text-align:right}.v-tab-price thead th:first-child{text-align:left}
.v-steps{margin-top:26px;padding-top:22px;border-top:2px solid #E3E8F2}
.v-steps h3{color:var(--v-blue-deep);margin-bottom:10px}
.v-steps ol{margin:0 0 18px;padding-left:1.2em}
.v-steps li{margin:6px 0}
.v-note{margin-top:26px;color:#D6E0FA;font-size:.92rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vers :focus-visible{outline-color:#fff}
.vers .v-card :focus-visible,.vers .dank :focus-visible{outline-color:var(--v-blue)}

/* Dankesseite */
.dank{padding:clamp(48px,8vw,96px) 0;background:var(--paper)}
.dank-in{max-width:760px}
.dank h1{font-size:clamp(2rem,4.4vw,3rem)}
.dank p{margin:16px 0 26px;font-size:1.15rem;color:var(--mute)}
.dank-vers-in{position:relative;z-index:1;max-width:760px}
.dank-vers h2{font-size:clamp(1.9rem,4vw,2.8rem)}
.dank-vers.is-nein h2::before{content:"";display:block;width:56px;height:6px;border-radius:3px;background:var(--v-green);margin-bottom:18px}

@media(max-width:900px){.v-hero-in,.v-grid{grid-template-columns:1fr}}
@media(max-width:560px){.v-tab{font-size:.9rem}.v-tab th,.v-tab td{padding:9px 6px}.v-tab thead th{font-size:.72rem}}
.v-grid>*,.v-hero-in>*{min-width:0}.v-tab thead th{overflow-wrap:anywhere;hyphens:auto}@media(max-width:560px){.v-tab td{width:20%}.v-card{padding:16px 12px}}