@supports (animation-timeline:scroll()){.vg .bl-progress{z-index:100;background:var(--accent);transform-origin:0;height:2px;animation:linear both bl-progress;animation-timeline:scroll(root);position:fixed;top:0;left:0;right:0;transform:scaleX(0)}}@keyframes bl-progress{to{transform:scaleX(1)}}.vg .bl-body{--bl-head-top:clamp(20px,4vw,48px)}.vg .bl-head{padding-top:var(--bl-head-top);padding-bottom:clamp(20px,3vw,36px)}.vg .bl-meta a{color:var(--accent);text-underline-offset:3px;font-weight:600;text-decoration:underline}.vg .bl-head h1{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(32px,4.4vw,52px);font-weight:700;line-height:1.08}.vg .bl-meta{color:var(--text-3);flex-wrap:wrap;gap:6px 22px;margin-top:22px;font-size:14px;display:flex}.vg .bl-meta time{color:var(--text-2)}.vg .bl-author{color:var(--text-2);align-items:center;gap:8px;display:inline-flex}.vg .bl-author img{border-radius:8px}.vg .bl-body{grid-template-columns:minmax(0,1fr);gap:0;padding-bottom:clamp(40px,6vw,80px);display:grid}@media (min-width:1000px){.vg .bl-body{grid-template-columns:260px minmax(0,720px);grid-template-areas:"side head""side article";align-items:start;column-gap:clamp(40px,6vw,96px)}.vg .bl-body .bl-head{grid-area:head}.vg .bl-body .bl-article{grid-area:article}.vg .bl-body .bl-side{grid-area:side}}.vg .bl-side{display:none}.vg .bl-sidecta{border:1px solid var(--line-2);background:linear-gradient(180deg,#8fdcb41a,var(--surface) 75%);border-radius:20px;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;display:flex;overflow:hidden}.vg .bl-sidecta-shot{align-self:stretch;height:176px;margin:0 6px 4px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 62%,#0000);mask-image:linear-gradient(#000 62%,#0000)}.vg .bl-sidecta-shot .phone{box-shadow:none}.vg .bl-sidecta-shot img{border-radius:38px}.vg .bl-sidecta p{color:var(--text-2);font-size:15px;line-height:1.5}.vg .bl-sidecta .bl-sidecta-h{font:600 21px/1.15 var(--font-display);letter-spacing:-.02em;color:var(--text)}.vg .bl-sidecta .btn-p{margin-top:6px}@media (min-width:1000px){.vg .bl-side{margin-top:calc(var(--bl-head-top) + clamp(5px,.75vw,9px));display:block;position:sticky;top:92px}}.vg .bl-article .bl-toc{margin-top:clamp(40px,5vw,64px)}.vg .bl-toc h2{margin-bottom:12px;font-size:clamp(22px,2.4vw,28px)}.vg .bl-article .bl-toc ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.vg .bl-article .bl-toc li{margin:0;padding:0}.vg .bl-article .bl-toc a{color:var(--text-2);padding:7px 0;font-size:17px;line-height:1.4;text-decoration:none;display:block}.vg .bl-article .bl-toc a:hover{color:var(--accent);text-decoration:underline}.vg .bl-article{color:var(--text-2);font-size:19px;line-height:1.7}.vg .bl-article>section{margin-top:clamp(40px,5vw,64px)}.vg .bl-article h2{letter-spacing:-.025em;color:var(--text);text-wrap:balance;margin-bottom:18px;font-size:clamp(26px,3vw,36px);line-height:1.12}.vg .bl-article p+p,.vg .bl-article p+ul,.vg .bl-article p+ol,.vg .bl-article ul+p,.vg .bl-article ol+p{margin-top:1.1em}.vg .bl-article strong{color:var(--text);font-weight:600}.vg .bl-article a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.vg .bl-article a:hover{text-decoration-thickness:2px}.vg .bl-article ul,.vg .bl-article ol{margin:1.1em 0 0;padding-left:1.3em}.vg .bl-article li{margin-top:.6em;padding-left:.2em}.vg .bl-article li::marker{color:var(--accent)}.vg .bl-intro{color:var(--text);font-size:clamp(20px,2.2vw,23px);line-height:1.55}.vg .bl-article .bl-answer{background:linear-gradient(180deg,#8fdcb417,var(--surface) 70%);border:1px solid #8fdcb473;border-radius:18px;padding:clamp(20px,3vw,32px)}.vg .bl-answer h2{margin-bottom:12px;font-size:clamp(20px,2.2vw,26px)}.vg .bl-answer p{color:var(--text)}.vg .bl-article .bl-glance{background:var(--surface-2);border-radius:18px;padding:clamp(20px,3vw,32px)}.vg .bl-glance h2{margin-bottom:6px;font-size:clamp(20px,2.2vw,26px)}.vg .bl-note{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin:1.6em 0 0;padding:16px 20px 18px;font-size:17px;line-height:1.6}.vg .bl-note strong{font:700 13px var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;display:block}.vg .bl-note.wichtig strong{color:#e6c85a}.vg .bl-note.achtung strong{color:var(--warm)}.vg .bl-note.wissen strong{color:var(--text-2)}.vg .bl-table{margin:1.6em 0}.vg .bl-scroll{border:1px solid var(--line);border-radius:14px;overflow-x:auto}.vg .bl-table table{border-collapse:collapse;width:100%;font-size:17px;line-height:1.4}.vg .bl-table th,.vg .bl-table td{text-align:left;border-bottom:1px solid var(--line);padding:13px 18px}.vg .bl-table thead th{font:600 13px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);background:var(--surface)}.vg .bl-table tbody th{color:var(--text);font-weight:500}.vg .bl-table td{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}.vg .bl-table tr:last-child>*{border-bottom:0}.vg .bl-table figcaption{color:var(--text-3);margin-top:10px;font-size:14px}.vg .bl-example{border:1px dashed var(--line-2);background:var(--bg-2);border-radius:14px;margin:1.6em 0 0;padding:20px 22px}.vg .bl-example>strong{font:600 17px var(--font-display);color:var(--text);margin-bottom:12px;display:block}.vg .bl-example dl{margin:0}.vg .bl-example dl>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;display:flex}.vg .bl-example dt{color:var(--text-2)}.vg .bl-example dd{color:var(--text);white-space:nowrap;margin:0}.vg .bl-example .fine{margin-top:12px}.vg .bl-article .bl-cta{background:var(--accent);color:var(--on-accent);border-radius:22px;padding:clamp(24px,4vw,40px)}.vg .bl-cta h2{color:var(--on-accent);margin-bottom:10px}.vg .bl-cta p{color:var(--on-accent);opacity:.82;margin-bottom:22px}.vg .bl-cta .btn-p{background:var(--on-accent);color:var(--text)}.vg .bl-cta .bl-name{color:#fff}.vg .bl-article .bl-cta a.btn-p{color:var(--text);text-decoration:none}.vg .bl-article .bl-faq{display:block}.vg .bl-article .bl-sources{margin:0;padding:0;list-style:none}.vg .bl-sources li{margin-top:.8em;padding-left:0}.vg .bl-sources a{word-break:break-word}.vg .bh-hero{padding-top:clamp(40px,7vw,96px);padding-bottom:clamp(20px,3vw,36px)}.vg .bh-hero h1{letter-spacing:-.04em;font-size:clamp(56px,9vw,112px);font-weight:700;line-height:.95}.vg .bh-hero .lead{max-width:46ch;margin-top:20px}.vg .bh-tools{gap:16px;padding-top:12px;padding-bottom:clamp(20px,3vw,32px);display:grid}.vg .bh-search label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.vg .bh-search input{border:1px solid var(--line-2);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='%238fdcb4' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='9' cy='9' r='6'/%3E%3Cpath d='M14 14l4 4'/%3E%3C/svg%3E") no-repeat 20px 50%;width:100%;max-width:560px;min-height:56px;color:var(--text);font:500 17px var(--font-body);caret-color:var(--accent);border-radius:999px;padding:0 22px 0 52px;transition:border-color .2s,box-shadow .2s}.vg .bh-search input::placeholder{color:var(--text-3)}.vg .bh-search input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #8fdcb429}.vg .bh-chips{flex-wrap:wrap;gap:8px;display:flex}.vg .bh-chips button{border:1px solid var(--line-2);min-height:44px;color:var(--text-2);font:500 15px var(--font-body);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 18px;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.vg .bh-chips button:hover{color:var(--text);border-color:var(--text-3)}.vg .bh-chips button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.vg .bh-chips .num{opacity:.7;font-size:13px}.vg .bh-tools .fine{min-height:1.5em;margin:0}.vg .bh-card{--tint:var(--accent);width:100%;min-width:0;color:var(--text);border:1px solid var(--line);background:var(--surface);transition:transform .3s var(--ease),border-color .3s,box-shadow .3s;border-radius:22px;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.vg .bh-card:hover{border-color:var(--line-2);transform:translateY(-4px);box-shadow:0 22px 40px -24px #000000b3}.vg .bh-card[data-cat=budget]{--tint:#9fc2ff}.vg .bh-card[data-cat=vertraege]{--tint:var(--warm)}.vg .bh-card[data-cat=alltag]{--tint:#e6c85a}.vg .bh-card[data-cat=zahlen]{--tint:#c9b3ff}.vg .bh-cover{aspect-ratio:16/8;color:var(--tint);background:linear-gradient(#f3f2e70a 1px,transparent 1px),linear-gradient(90deg,#f3f2e70a 1px,transparent 1px),radial-gradient(120% 120% at 20% 0%,color-mix(in srgb,var(--tint) 22%,transparent),transparent 60%),var(--bg-2);border-bottom:1px solid var(--line);background-size:32px 32px,32px 32px,auto,auto;place-items:center;display:grid}.vg .bh-cover svg{width:44px;height:44px;transition:transform .4s var(--ease)}.vg .bh-card:hover .bh-cover svg{transform:scale(1.12)}.vg .bh-body{flex-direction:column;gap:10px;padding:22px 24px 24px;display:flex}.vg .bh-tag{background:color-mix(in srgb,var(--tint) 16%,transparent);color:var(--tint);font:600 13px var(--font-body);border-radius:999px;align-self:flex-start;padding:3px 12px}.vg .bh-body h2,.vg .bh-body h3{color:var(--text);overflow-wrap:anywhere;letter-spacing:-.02em;font-size:clamp(21px,2vw,25px);line-height:1.18}.vg .bh-desc{color:var(--text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:16px;line-height:1.55;display:-webkit-box;overflow:hidden}.vg .bh-foot{color:var(--text-3);flex-wrap:wrap;gap:4px 18px;margin-top:auto;padding-top:8px;font-size:14px;display:flex}.vg .bh-go{color:var(--accent);align-items:center;gap:8px;margin-left:auto;font-weight:600;display:inline-flex}.vg .bh-lead{padding-bottom:clamp(20px,3vw,32px)}.vg .bh-card.first{grid-template-rows:none}@media (min-width:860px){.vg .bh-card.first{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.vg .bh-card.first .bh-cover{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--line);min-height:340px}.vg .bh-card.first .bh-body{justify-content:center;padding:clamp(28px,4vw,52px)}.vg .bh-card.first h2{font-size:clamp(30px,3.4vw,44px);line-height:1.08}.vg .bh-card.first .bh-desc{-webkit-line-clamp:4;font-size:18px}}.vg .bh-card.first .bh-cover svg{width:72px;height:72px}.vg .bh-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;padding-bottom:clamp(24px,4vw,48px);display:grid}.vg .bh-empty{padding:clamp(40px,6vw,72px) var(--pad);text-align:left}.vg .bh-empty h2{margin-bottom:10px;font-size:clamp(26px,3vw,36px)}.vg .bh-empty .btn-g{cursor:pointer;background:0 0;margin-top:20px}.vg .bh-pager{color:var(--text-2);justify-content:center;align-items:center;gap:20px;padding-bottom:clamp(24px,4vw,48px);display:flex}.vg .bh-pager .btn-g{cursor:pointer;background:0 0;min-height:48px;padding:0 24px;font-size:16px}.vg .bh-pager .btn-g:disabled{opacity:.4;cursor:default}.vg .bh-tools-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.vg .bh-tools-list a{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:2px 16px;padding:18px 22px;transition:border-color .2s,background .2s;display:grid}.vg .bh-tools-list a:hover{border-color:var(--accent);background:var(--surface-2)}.vg .bh-tools-list strong{font:600 18px var(--font-display);color:var(--text)}.vg .bh-tools-list span{color:var(--text-2);grid-column:1;font-size:15px}.vg .bh-tools-list svg{color:var(--accent);grid-area:1/2/3}@media (prefers-reduced-motion:reduce){.vg .bh-card,.vg .bh-cover svg{transition:none}.vg .bh-card:hover{transform:none}}.vg .bl-article h3{letter-spacing:-.02em;color:var(--text);margin-top:1.8em;font-size:clamp(20px,2.2vw,24px);line-height:1.2}.vg .bl-article h3+p{margin-top:.6em}
