/* Vergleichsseiten (vergleich*.html, DE und EN). Nur dort eingebunden, deshalb kein Cache-Buster-Lauf über alle Seiten nötig. */
.vg-kurz{max-width:52rem;margin:0 auto;padding:1.4rem 1.7rem;border:1px solid hsl(var(--border));border-left:3px solid hsl(var(--primary));border-radius:14px;background:hsl(var(--card));text-align:left;}
.vg-kurz .k{font:600 .75rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--primary));margin-bottom:.5rem;display:block;}
.vg-kurz p{margin:0;line-height:1.6;color:hsl(var(--foreground));}
.vg-kurz p + p{margin-top:.8rem;}
.vg-kurz a,.vg-faq a,.vg-extra a{color:hsl(var(--primary));}
.vg-table-wrap{max-width:64rem;margin:0 auto;overflow-x:auto;border:1px solid hsl(var(--border));border-radius:16px;}
.vg-table{width:100%;border-collapse:collapse;font-size:.93rem;min-width:40rem;}
.vg-table th,.vg-table td{padding:.95rem 1.1rem;text-align:left;vertical-align:top;border-bottom:1px solid hsl(var(--border));line-height:1.5;}
.vg-table thead th{font-family:var(--font-display);font-size:1rem;background:hsl(var(--hive-surface));}
.vg-table thead th.us{color:hsl(var(--primary));}
.vg-table td:first-child{color:hsl(var(--muted-foreground));font-weight:600;width:22%;}
.vg-table td.us{background:hsl(45 100% 50% / .04);}
.vg-table tr:last-child td{border-bottom:0;}
.vg-page sup{color:hsl(var(--primary));font-family:var(--font-mono);font-size:.7em;}
.vg-page sup a{color:inherit;text-decoration:none;}
.vg-src{max-width:64rem;margin:0 auto;font:400 .8rem/1.7 var(--font-mono);color:hsl(var(--muted-foreground));}
.vg-src ol{padding-left:1.4rem;margin:.4rem 0 0;}
.vg-src a{color:hsl(var(--muted-foreground));word-break:break-all;}
.vg-extra{max-width:64rem;margin:0 auto;padding:2rem;border:1px solid hsl(var(--border));border-radius:18px;background:linear-gradient(135deg,hsl(var(--card)),hsl(240 8% 6%));}
.vg-extra p,.vg-extra li{color:hsl(var(--muted-foreground));line-height:1.6;font-size:.97rem;}
.vg-extra p{margin:0 0 .8rem;}
.vg-extra ul{margin:0;padding-left:1.1rem;}
.vg-extra strong{color:hsl(var(--foreground));}
.vg-faq{max-width:52rem;margin:0 auto;}
.vg-faq details{border-bottom:1px solid hsl(var(--border));padding:1.1rem 0;}
.vg-faq summary{cursor:pointer;font-weight:600;font-size:1.02rem;list-style:none;}
.vg-faq summary::-webkit-details-marker{display:none;}
.vg-faq summary::after{content:"+";float:right;color:hsl(var(--primary));}
.vg-faq details[open] summary::after{content:"\2212";}
.vg-faq p{color:hsl(var(--muted-foreground));line-height:1.6;margin:.7rem 0 0;}
.vg-resp{max-width:62rem;margin:0 auto;border:1px solid hsl(var(--border));border-radius:18px;overflow:hidden;}
.vg-resp-row{display:grid;grid-template-columns:11rem 1fr 1fr;border-top:1px solid hsl(var(--border));}
.vg-resp-row:first-child{border-top:0;}
.vg-resp-row > div{padding:1rem 1.2rem;font-size:.95rem;line-height:1.5;}
.vg-resp-row .us{background:hsl(45 100% 50% / .045);border-left:1px solid hsl(var(--border));}
.vg-resp-row > div:nth-child(2){color:hsl(var(--muted-foreground));}
.vg-resp-row .lbl{font:600 .72rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--muted-foreground));padding-top:1.2rem;}
.vg-resp-row.head > div{font-family:var(--font-display);font-weight:700;font-size:1.05rem;background:hsl(var(--hive-surface));color:hsl(var(--foreground));}
.vg-resp-row.head .us{color:hsl(var(--primary));}
.vg-bridge{max-width:52rem;margin:0 auto;text-align:center;}
.vg-bridge .big{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);line-height:1.3;margin:0;}
.vg-mail{max-width:34rem;margin:0 auto 2.5rem;padding:1.1rem 1.3rem;border-radius:14px;border:1px solid hsl(var(--border));background:hsl(var(--card));font-size:.9rem;}
.vg-mail .from{font:500 .78rem var(--font-mono);color:hsl(var(--muted-foreground));}
.vg-mail .subj{font-weight:600;margin:.25rem 0;}
.vg-mail .att{display:inline-block;margin-top:.45rem;font:500 .75rem var(--font-mono);padding:.2rem .5rem;border-radius:6px;background:hsl(var(--secondary));}
.vg-legend{display:flex;gap:1.4rem;justify-content:center;margin:0 0 1.5rem;font-size:.82rem;color:hsl(var(--muted-foreground));}
.vg-legend i{display:inline-block;width:.8rem;height:.8rem;border-radius:50%;margin-right:.4rem;vertical-align:-1px;}
.vg-ways{max-width:66rem;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}
.vg-way{border:1px solid hsl(var(--border));border-radius:18px;padding:1.6rem;background:hsl(var(--card));}
.vg-way.us{border-color:hsl(var(--primary) / .55);box-shadow:0 0 60px -20px hsl(45 100% 50% / .35);}
.vg-way h3{margin:0 0 .3rem;font-size:1.2rem;}
.vg-way .sub{font-size:.85rem;color:hsl(var(--muted-foreground));margin-bottom:1.2rem;}
.vg-steps{list-style:none;margin:0;padding:0;counter-reset:s;}
.vg-steps li{position:relative;padding:.6rem 0 .6rem 2.6rem;font-size:.93rem;line-height:1.45;border-top:1px dashed hsl(var(--border));}
.vg-steps li:first-child{border-top:0;}
.vg-steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:.55rem;width:1.7rem;height:1.7rem;border-radius:50%;display:grid;place-items:center;font:600 .78rem var(--font-mono);}
.vg-steps .h::before{background:hsl(var(--secondary));color:hsl(var(--foreground));}
.vg-steps .a::before{background:hsl(45 100% 50% / .15);color:hsl(var(--primary));border:1px solid hsl(var(--primary) / .5);}
.vg-steps .who{display:block;font:600 .7rem var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--muted-foreground));}
.vg-steps .a .who{color:hsl(var(--primary));}
.vg-result{margin-top:1.2rem;padding-top:1rem;border-top:1px solid hsl(var(--border));font-weight:600;}
.vg-split{max-width:66rem;margin:0 auto 2.5rem;display:grid;grid-template-columns:1fr 1fr;border:1px solid hsl(var(--border));border-radius:20px;overflow:hidden;}
.vg-split > div{padding:2rem;}
.vg-split > div + div{border-left:1px solid hsl(var(--border));background:hsl(45 100% 50% / .035);}
.vg-split .k{font:600 .75rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--muted-foreground));}
.vg-split > div + div .k{color:hsl(var(--primary));}
.vg-split h3{font-size:1.5rem;margin:.4rem 0 1rem;}
.vg-split ul{margin:0;padding:0;list-style:none;}
.vg-split li{padding:.55rem 0;border-top:1px solid hsl(var(--border));font-size:.95rem;line-height:1.5;}
.vg-more{max-width:66rem;margin:0 auto;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;}
.vg-more a{padding:.5rem .95rem;border:1px solid hsl(var(--border));border-radius:99px;color:hsl(var(--foreground));text-decoration:none;font-size:.9rem;}
.vg-more a:hover{border-color:hsl(var(--primary) / .6);}
.vg-hub{max-width:70rem;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.vg-hub a{display:block;border:1px solid hsl(var(--border));border-radius:16px;padding:1.3rem;background:hsl(var(--card));text-decoration:none;color:hsl(var(--foreground));}
.vg-hub a:hover{border-color:hsl(var(--primary) / .6);}
.vg-hub h3{margin:0 0 .4rem;font-size:1.1rem;}
.vg-hub p{margin:0;font-size:.9rem;line-height:1.5;color:hsl(var(--muted-foreground));}
.vg-hub .go{display:block;margin-top:.8rem;font:600 .8rem var(--font-mono);color:hsl(var(--primary));}
@media (max-width:900px){.vg-hub{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.vg-ways,.vg-split,.vg-hub{grid-template-columns:1fr}.vg-split > div + div{border-left:0;border-top:1px solid hsl(var(--border));}}
@media (max-width:640px){.vg-resp-row{grid-template-columns:1fr 1fr}.vg-resp-row .lbl{grid-column:1/-1;padding-bottom:0;}.vg-resp-row.head > div:first-child{display:none}.vg-extra{padding:1.4rem}}