[data-page=vergleich] .vg-hero{margin-top:var(--sp-5);grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:start;gap:clamp(28px,4vw,64px);display:grid}@media (max-width:900px){[data-page=vergleich] .vg-hero{grid-template-columns:minmax(0,1fr)}}[data-page=vergleich] h1{font-size:clamp(30px,3.8vw,50px);line-height:1.08}[data-page=vergleich] .vg-fazit{background:var(--mint);border-radius:var(--r-lg);padding:var(--sp-5)}[data-page=vergleich] .vg-fazit h2{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--teal-700);font-size:11.5px;font-weight:500}[data-page=vergleich] .vg-fazit p{margin-top:var(--sp-3);color:var(--ink-2);font-size:15.5px;line-height:1.6}[data-page=vergleich] .vg-lead{margin-top:var(--sp-4)}[data-page=vergleich] .vg-tabelle-rahmen{margin-top:var(--sp-6);border:1px solid var(--border);border-radius:var(--r-lg);-webkit-overflow-scrolling:touch;background:#fff;overflow-x:auto}[data-page=vergleich] .vg-tabelle{border-collapse:collapse;width:100%;min-width:640px}[data-page=vergleich] .vg-tabelle th,[data-page=vergleich] .vg-tabelle td{text-align:left;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);vertical-align:top;font-size:14.5px;line-height:1.5}[data-page=vergleich] .vg-tabelle thead th{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);background:var(--bg-2);white-space:nowrap;font-size:11px;font-weight:500}[data-page=vergleich] .vg-tabelle tbody th{color:var(--ink);width:30%;font-weight:600}[data-page=vergleich] .vg-tabelle td{color:var(--muted)}[data-page=vergleich] .vg-tabelle tr:last-child th,[data-page=vergleich] .vg-tabelle tr:last-child td{border-bottom:0}[data-page=vergleich] .vg-marke{color:#0000;flex-shrink:0;width:18px;font-size:11px;display:inline-block}[data-page=vergleich] .vg-marke--vorn{color:var(--teal-700)}[data-page=vergleich] .vg-marke--gleich{color:var(--muted)}[data-page=vergleich] .vg-wann{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);display:grid}@media (max-width:860px){[data-page=vergleich] .vg-wann{gap:var(--sp-7);grid-template-columns:minmax(0,1fr)}}[data-page=vergleich] .vg-wann h2{font-size:clamp(22px,2.2vw,28px)}[data-page=vergleich] .vg-wann ul{margin:var(--sp-5) 0 0;gap:var(--sp-4);flex-direction:column;padding:0;list-style:none;display:flex}[data-page=vergleich] .vg-wann li{padding:var(--sp-5);border:1px solid var(--border);border-radius:var(--r-lg);background:#fff}[data-page=vergleich] .vg-wann h3{font-size:17px}[data-page=vergleich] .vg-wann p{color:var(--muted);margin-top:8px;font-size:14.5px;line-height:1.6}[data-page=vergleich] .vg-wechsel{max-width:72ch}[data-page=vergleich] .vg-wechsel p{color:var(--muted);margin-top:var(--sp-4);line-height:1.65}[data-page=vergleich] .vg-wechsel-hinweis a{color:var(--teal-ia);text-underline-offset:3px;text-decoration:underline}[data-page=vergleich] .vg-weitere{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:720px){[data-page=vergleich] .vg-weitere{grid-template-columns:minmax(0,1fr)}}[data-page=vergleich] .vg-karte{gap:var(--sp-3);padding:var(--sp-6);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--card-shadow);background:#fff;flex-direction:column;transition:box-shadow .22s,translate .22s,border-color .22s;display:flex}[data-page=vergleich] .vg-karte:hover{box-shadow:var(--card-shadow-hover);border-color:var(--mint-2);translate:0 -4px}@media (prefers-reduced-motion:reduce){[data-page=vergleich] .vg-karte{transition-duration:.01ms}}[data-page=vergleich] .vg-bilanz{margin:var(--sp-2) 0 0;background:var(--border);border:1px solid var(--border);border-radius:var(--r-md);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}[data-page=vergleich] .vg-bilanz>div{background:var(--bg-2);padding:var(--sp-3) var(--sp-2);text-align:center}[data-page=vergleich] .vg-bilanz>div:first-child{background:var(--mint)}[data-page=vergleich] .vg-bilanz dt{font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}[data-page=vergleich] .vg-bilanz dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:20px;font-weight:700}[data-page=vergleich] .vg-bilanz>div:first-child dd{color:var(--teal-700)}[data-page=vergleich] .vg-karte-paar{letter-spacing:-.015em;font-size:18px;font-weight:700}[data-page=vergleich] .vg-karte-paar span{color:var(--muted);font-weight:500}[data-page=vergleich] .vg-karte p{color:var(--muted);font-size:14px;line-height:1.55}[data-page=vergleich] .vg-karte-mehr{padding-top:var(--sp-4);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);align-items:center;gap:7px;margin-top:auto;font-size:11.5px;display:inline-flex}[data-page=vergleich] .vg-karte .arrow{transition:transform .2s}[data-page=vergleich] .vg-karte:hover .arrow{transform:translate(4px)}[data-page=vergleich] .vg-balken-block{margin-top:var(--sp-5)}[data-page=vergleich] .vg-balken{background:#fff;border-radius:999px;height:10px;display:flex;overflow:hidden}[data-page=vergleich] .vg-balken-teil{min-width:2px;display:block}[data-page=vergleich] .vg-balken-teil--wir{background:var(--teal)}[data-page=vergleich] .vg-balken-teil--gleich{background:var(--border-2)}[data-page=vergleich] .vg-balken-teil--andere{background:var(--muted-2)}[data-page=vergleich] .vg-balken-legende{margin:var(--sp-3) 0 0;gap:var(--sp-2) var(--sp-4);color:var(--muted);flex-wrap:wrap;padding:0;font-size:12.5px;list-style:none;display:flex}[data-page=vergleich] .vg-balken-legende li{align-items:center;gap:6px;display:inline-flex}[data-page=vergleich] .vg-balken-legende strong{color:var(--ink);font-variant-numeric:tabular-nums}[data-page=vergleich] .pkt{border-radius:50%;flex-shrink:0;width:9px;height:9px}[data-page=vergleich] .pkt--wir{background:var(--teal)}[data-page=vergleich] .pkt--gleich{background:var(--border-2)}[data-page=vergleich] .pkt--andere{background:var(--muted-2)}