/* Interne Sektions-Varianten (nur geladen, wenn Query-Parameter gesetzt sind). */
@keyframes vup{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes vdraw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes vdrawy{from{transform:scaleY(0)}to{transform:scaleY(1)}}
/* Auswahl-Leiste */
.vp{position:fixed;left:12px;bottom:12px;z-index:70;width:min(330px,calc(100vw - 24px));background:rgba(10,10,10,.96);border:1px solid var(--line2);border-radius:14px;font:600 .82rem var(--sans);color:#fff;box-shadow:0 12px 40px rgba(0,0,0,.6)}
.vp-toggle{display:flex;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:8px 14px;background:none;border:0;color:inherit;font:inherit;cursor:pointer;text-align:left}.vp-toggle span{color:var(--muted)}.vp-toggle b{color:var(--accent);text-align:right}
.vp-body{padding:2px 14px 12px;max-height:min(70vh,520px);overflow:auto}.vp.zu .vp-body{display:none}
.vp-hint{margin:0 0 8px;color:var(--muted);font-size:.74rem}
.vp-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;border-top:1px solid #222}.vp-row span{flex:1;min-width:0}
.vp-row nav{display:flex;gap:3px}.vp-row a{display:grid;place-items:center;min-width:32px;min-height:32px;border-radius:8px;color:#fff;text-decoration:none;background:#1b1b1b}.vp-row a[aria-current]{background:var(--accent);color:#0a0a0a}.vp-row a:hover{background:#333}.vp-row a[aria-current]:hover{background:var(--accent)}
.vp-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px}.vp-act a,.vp-act button{background:none;border:0;padding:0;min-height:36px;color:var(--accent);font:inherit;text-decoration:underline;cursor:pointer}.vp-act span{color:var(--muted);font-size:.74rem;word-break:break-all}
/* Problem und Nutzen */
.pv{--gruen:#34d17f;position:relative;overflow:hidden}.pv .ac{color:var(--gruen)}.pv .eyebrow{color:var(--accent)}.pv .haken{grid-row:auto}
.pv-alt{display:flex;flex-wrap:wrap;gap:.1em .5em;margin:0 0 .5em;font:800 clamp(1.5rem,5vw,3.2rem)/1.15 var(--head);letter-spacing:-.03em;color:#4a4a4a}
.pv-alt s{position:relative;text-decoration:none}.pv-alt s::after{content:"";position:absolute;left:-2%;right:-2%;top:56%;height:max(2px,.07em);background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.76,0,.24,1) .6s}
.pv-alt.is-visible s::after,.is-visible .pv-alt s::after{transform:scaleX(1)}.pv-alt s:nth-child(2)::after{transition-delay:.9s}.pv-alt s:nth-child(3)::after{transition-delay:1.2s}.pv-alt s:nth-child(4)::after{transition-delay:1.5s}
/* 1 Morph */
.pv1 .h-xl,.pv1-neu{opacity:0;transform:translateY(20px);transition:opacity 1s var(--ease-x) 2.2s,transform 1s var(--ease-x) 2.2s}.pv1-neu{transition-delay:2.8s}
.pv1 .is-visible .h-xl,.pv1 .is-visible .pv1-neu,.pv1.is-visible .h-xl{opacity:1;transform:none}
.pv1-neu{list-style:none;margin:36px 0 0;display:grid;gap:22px}.pv1-neu li{padding-left:22px;border-left:2px solid var(--gruen)}.pv1-neu b{display:block;font:800 clamp(1.5rem,4vw,2.4rem)/1.1 var(--head);color:var(--gruen);letter-spacing:-.025em}.pv1-neu span{color:var(--muted)}
@media (min-width:860px){.pv1-neu{grid-template-columns:repeat(3,1fr);gap:40px}}
/* 2 Alleine / Mit uns */
.pv2-grid{display:grid;gap:36px;margin-top:40px}.pv2 h3{font:700 .8rem var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}.pv2 ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.pv2-a li{font:700 clamp(1.3rem,3.4vw,2rem)/1.2 var(--head);color:#5a5a5a}.pv2-a s{text-decoration-color:var(--accent);text-decoration-thickness:2px}
.pv2-b li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}.pv2-b .haken{width:38px;height:38px}.pv2-b b{display:block;font:800 clamp(1.3rem,3.4vw,2rem)/1.2 var(--head)}.pv2-b span span,.pv2-b li>span{color:var(--muted)}.pv2-b li>span b{color:#fff}
@media (min-width:860px){.pv2-grid{grid-template-columns:1fr 1fr;gap:0}.pv2-a{padding-right:48px;border-right:1px solid var(--line2)}.pv2-b{padding-left:48px}}
/* 3 Grosser Satz */
.pv3::before{content:"";position:absolute;right:-20%;top:10%;width:70%;height:90%;pointer-events:none;background:radial-gradient(ellipse closest-side,rgba(52,209,127,.15),transparent)}.pv3 .wrap{position:relative}
.pv3-liste{list-style:none;margin:20px 0 0;padding:0}.pv3-liste li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 26px;padding:10px 0}.pv3-liste h3{margin:0;font-size:clamp(2.3rem,9.4vw,7.2rem);line-height:1;letter-spacing:-.045em;color:#3a3a3a;transition:color 1.5s var(--ease-x) .2s}
.pv3-liste li.is-visible h3{color:var(--gruen)}.pv3-liste p{max-width:21em;margin:0;color:var(--muted)}
/* 4 Ruhige Spalten */
.pv4::before{content:"";position:absolute;left:10%;right:10%;top:-30%;height:120%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse closest-side,rgba(52,209,127,.15),transparent)}.pv4 .wrap{position:relative}
.pv4-liste{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:26px}.pv4-liste li{border-left:1px solid rgba(52,209,127,.3);padding:6px 0 6px 28px}
.pv4 .haken{width:auto;height:auto;border:0;background:none;box-shadow:none}.pv4 .haken svg{width:52px;stroke-width:2}.pv4-liste h3{margin:12px 0 6px;font-size:clamp(1.7rem,3.4vw,2.6rem);letter-spacing:-.03em}.pv4-liste p{margin:0;color:var(--muted)}
@media (min-width:860px){.pv4-liste{grid-template-columns:repeat(3,1fr);gap:28px}}
/* 5 Bildstark */
.pv5{padding:0}.pv5-bild{position:absolute;inset:0;transform:translate3d(0,var(--py,0px),0) scale(1.06)}.pv5-bild picture,.pv5-bild img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% 55%}
.pv5-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0a0a0a 25%,rgba(10,10,10,.55) 70%,rgba(10,10,10,.3)),linear-gradient(90deg,rgba(10,10,10,.8),transparent 75%)}
.pv5-in{position:relative;padding-top:72px;padding-bottom:64px}.pv5-liste{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:20px}.pv5-liste li{display:grid;grid-template-columns:auto 1fr;gap:2px 16px;align-items:center}.pv5 .haken{grid-row:span 2;width:40px;height:40px}.pv5-liste b{font:800 1.3rem var(--head)}.pv5-liste span:not(.haken){grid-column:2;color:#d0d0d0}
@media (min-width:860px){.pv5-in{padding-top:120px;padding-bottom:96px}.pv5-liste{grid-template-columns:repeat(3,1fr);gap:36px}}
@media (prefers-reduced-motion:reduce){.pv-alt s::after{transform:scaleX(1);transition:none}.pv1 .h-xl,.pv1-neu{opacity:1;transform:none;transition:none}.pv3-liste h3{color:var(--gruen);transition:none}}

/* Ablauf */
.pr-kopf{max-width:34em}.pr .sub{max-width:28em}
/* 1 Filmstreifen */
.pr1 .wrap{overflow:visible}.pr1-nav{display:flex;gap:10px;margin-top:20px}.pr1-nav button{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--line2);background:none;color:#fff;font-size:1.2rem;cursor:pointer}.pr1-nav button:hover{border-color:var(--accent);color:var(--accent)}
.pr1-track{list-style:none;margin:36px 0 0;padding:0 0 4px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pr1-track::-webkit-scrollbar{display:none}
.pr1-p{flex:0 0 82vw;scroll-snap-align:start;position:relative;aspect-ratio:4/5;overflow:hidden;background:#111}.pr1-bild,.pr1-bild picture,.pr1-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pr1-p::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,10,.92),transparent 62%)}.pr1-t{position:absolute;left:20px;right:20px;bottom:20px;z-index:1}
.pr1-n{font:800 .85rem var(--sans);letter-spacing:.2em;color:var(--accent)}.pr1-t h3{font-size:clamp(1.6rem,3.2vw,2.3rem);margin:.3em 0 .2em}.pr1-t p{margin:0;color:#d6d6d6;max-width:24em}
.pr1-leiste{height:2px;margin-top:18px;background:var(--line2)}.pr1-leiste i{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left;transform:scaleX(.2)}
@media (min-width:860px){.pr1-p{flex-basis:46vw;max-width:640px;aspect-ratio:4/4.4}}
/* 2 Typografisch */
.pr2-liste{list-style:none;margin:36px 0 0;padding:0}.pr2-liste li{display:grid;grid-template-columns:auto 1fr;gap:2px 20px;padding:26px 0;border-top:1px solid var(--line2);align-items:baseline}.pr2-liste li:last-child{border-bottom:1px solid var(--line2)}
.pr2-n{grid-row:span 2;font:800 clamp(2.8rem,9vw,6rem)/1 var(--head);color:transparent;-webkit-text-stroke:1.5px var(--accent);transition:color 1.2s var(--ease-x) .3s}.is-visible .pr2-n{color:var(--accent)}
.pr2-liste h3{margin:0;font-size:clamp(1.5rem,3.6vw,2.6rem);letter-spacing:-.03em}.pr2-liste p{grid-column:2;margin:0;color:var(--muted);max-width:30em}
@media (min-width:860px){.pr2-liste li{grid-template-columns:200px 1fr 1fr;gap:0 40px;padding:36px 0;align-items:center}.pr2-n{grid-row:auto}.pr2-liste p{grid-column:auto}}
/* 3 Sticky Bildbuehne */
.pr3-grid{margin-top:36px}.pr3-stage{display:none}.pr3-steps{list-style:none;margin:0;padding:0;display:grid;gap:44px}.pr3-mob{margin-bottom:14px;border-radius:12px;overflow:hidden}.pr3-mob img{width:100%;aspect-ratio:16/10;object-fit:cover}
.pr3-n{font:800 .85rem var(--sans);letter-spacing:.2em;color:var(--accent)}.pr3-steps h3{margin:.3em 0 .2em;font-size:clamp(1.7rem,3.4vw,2.6rem);letter-spacing:-.03em}.pr3-steps p{color:var(--muted);margin:0;max-width:26em}
@media (min-width:960px){.pr3-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:start}.pr3-stage{display:block;position:sticky;top:96px;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:#111}.pr3-mob{display:none}
.pr3-steps{gap:0}.pr3-steps li{min-height:62vh;display:flex;flex-direction:column;justify-content:center;opacity:.28;transition:opacity .6s}.pr3-steps li.on{opacity:1}.pr3-b{position:absolute;inset:0;opacity:0;transition:opacity .9s var(--ease)}.pr3-b.on{opacity:1}.pr3-b picture,.pr3-b img{display:block;width:100%;height:100%;object-fit:cover}}
html:not(.js) .pr3-steps li{opacity:1}
/* 4 Zeitstrahl */
.pr4-zeit{list-style:none;margin:40px 0 0;padding:0 0 0 34px;position:relative;display:grid;gap:34px}.pr4-zeit::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--line2)}
.pr4-zeit li{position:relative}.pr4-k{position:absolute;left:-34px;top:.35em;width:16px;height:16px;border-radius:50%;background:#0a0a0a;border:2px solid var(--line2);transition:border-color .6s,background .6s,box-shadow .8s}
.pr4-zeit.is-visible .pr4-k{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 6px var(--accent-soft)}.pr4-zeit li:nth-child(2) .pr4-k{transition-delay:.35s}.pr4-zeit li:nth-child(3) .pr4-k{transition-delay:.7s}.pr4-zeit li:nth-child(4) .pr4-k{transition-delay:1.05s}.pr4-zeit li:nth-child(5) .pr4-k{transition-delay:1.4s}
.pr4-n{font:800 .8rem var(--sans);letter-spacing:.2em;color:var(--accent)}.pr4-zeit h3{margin:.2em 0 .15em;font-size:clamp(1.3rem,2.4vw,1.7rem)}.pr4-zeit p{margin:0;color:var(--muted)}
@media (min-width:960px){.pr4-zeit{grid-template-columns:repeat(5,1fr);gap:28px;padding:56px 0 0}.pr4-zeit::before{left:0;right:0;top:7px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,var(--accent),var(--line2));transform:scaleX(0);transform-origin:left;transition:transform 2s var(--ease-x) .2s}.pr4-zeit.is-visible::before{transform:none}.pr4-k{left:0;top:-56px}}
/* 5 Tabs mit Teilschritten */
.pr5-grid{display:grid;gap:26px;margin-top:36px}.pr5-tabs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.pr5-tab{display:flex;gap:10px;align-items:baseline;min-height:46px;padding:8px 16px;border:1.5px solid var(--line2);border-radius:999px;background:none;color:#aaa;font:700 1rem var(--sans);cursor:pointer;transition:border-color .3s,color .3s,background .3s}
.pr5-tab span{font-size:.75rem;color:var(--accent)}.pr5-tab.on{border-color:var(--accent);color:#0a0a0a;background:var(--accent)}.pr5-tab.on span{color:#0a0a0a}
.pr5-pane{display:none}.pr5-pane.on{display:grid;gap:16px;animation:vup .6s var(--ease-x) both}.pr5-bild{border-radius:14px;overflow:hidden}.pr5-bild img{width:100%;aspect-ratio:16/10;object-fit:cover}.pr5-d{font:700 clamp(1.3rem,3vw,2rem)/1.25 var(--head);margin:0}
.pr5-pane ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.pr5-pane li{padding-top:10px;border-top:1px solid var(--line2);color:var(--muted)}.pr5-pane li b{color:#fff}
@media (min-width:960px){.pr5-grid{grid-template-columns:.8fr 1.2fr;gap:56px}.pr5-tabs{flex-direction:column;flex-wrap:nowrap}.pr5-tab{border-radius:12px;font-size:1.25rem;padding:16px 20px}.pr5-pane.on{grid-template-columns:1fr 1fr;align-items:start}.pr5-bild{grid-row:span 2}}
@media (prefers-reduced-motion:reduce){.pr2-n{color:var(--accent);transition:none}.pr4-k{transition:none}.pr4-zeit::before{transform:none;transition:none}.pr5-pane.on{animation:none}.pr3-b{transition:none}}

/* Bewertung */
.bw-kopf{max-width:36em}.bw-note{margin:22px 0 0;font-size:.82rem;color:var(--muted);max-width:44em}
/* 1 Marktband */
.bw1-band{margin-top:64px}.bw1-track{position:relative;height:14px;border-radius:7px;background:#232323}.bw1-fill{position:absolute;left:12%;width:76%;top:0;bottom:0;border-radius:7px;background:linear-gradient(90deg,#6e3a07,var(--accent) 50%,#6e3a07);transform:scaleX(0);transform-origin:left;transition:transform 1.8s var(--ease-x) .3s}
.bw1-pin{position:absolute;top:50%;left:6%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:#fff;border:5px solid var(--accent);box-shadow:0 0 0 8px var(--accent-soft);transition:left 2.2s var(--ease-x) 1.4s}.bw1-pin b{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:.4em .9em;border-radius:999px;background:var(--accent);color:#0a0a0a;font:800 .78rem var(--sans)}
.is-visible.bw1-band .bw1-fill,.bw1-band.is-visible .bw1-fill{transform:none}.bw1-band.is-visible .bw1-pin{left:56%}
.bw1-lab{list-style:none;margin:30px 0 0;padding:0;display:flex;justify-content:space-between;gap:10px;color:var(--muted)}.bw1-lab li{display:grid;gap:2px}.bw1-lab li:nth-child(2){text-align:center;justify-items:center}.bw1-lab li:last-child{text-align:right;justify-items:end}.bw1-lab b{font:700 .75rem var(--sans);letter-spacing:.14em;text-transform:uppercase}.bw1-lab span{font:800 clamp(1.1rem,3vw,2rem) var(--head);color:#fff}.bw1-lab .o span{color:var(--accent)}
/* 2 Foto mit Punkten */
.bw2-grid{display:grid;gap:26px;margin-top:34px}.bw2-foto{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/10;background:#111}.bw2-foto picture,.bw2-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bw2-p{position:absolute;opacity:0;transform:scale(.4);transition:opacity .6s,transform .8s var(--ease-x)}.bw2-p i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#0a0a0a;font:800 .9rem var(--sans);font-style:normal;box-shadow:0 0 0 8px rgba(254,124,2,.22)}
.bw2-foto.is-visible .bw2-p{opacity:1;transform:none}.p1{left:14%;top:30%;transition-delay:.6s}.p2{left:48%;top:20%;transition-delay:1.1s}.p3{left:66%;top:44%;transition-delay:1.6s}.p4{left:30%;top:62%;transition-delay:2.1s}.p5{left:78%;top:74%;transition-delay:2.6s}
.bw2-leg{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:0}.bw2-leg li{display:flex;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--line2);font:700 1.15rem var(--head)}.bw2-leg span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#0a0a0a;font:800 .8rem var(--sans)}
@media (min-width:960px){.bw2-grid{grid-template-columns:1.5fr 1fr;gap:56px;align-items:center}}
/* 3 Faktoren */
.bw3 .btn-row{margin-top:24px}.bw3-liste{list-style:none;margin:44px 0 0;padding:0}.bw3-liste li{display:grid;gap:4px 28px;padding:24px 0;border-top:1px solid var(--line2)}.bw3-liste li:last-child{border-bottom:1px solid var(--line2)}.bw3-liste h3{margin:0;font-size:clamp(1.8rem,5.4vw,3.6rem);line-height:1.05;letter-spacing:-.035em}.bw3-liste p{margin:0;color:var(--muted)}
@media (min-width:860px){.bw3-liste li{grid-template-columns:1.2fr 1fr;align-items:center;padding:34px 0}}
/* 4 Histogramm */
.bw4-chart{margin-top:44px}.bw4-bars{position:relative;display:flex;align-items:flex-end;gap:clamp(3px,.8vw,10px);height:clamp(160px,28vw,300px)}.bw4-bars i{flex:1;background:#343434;border-radius:3px 3px 0 0;transform:scaleY(0);transform-origin:bottom;transition:transform 1s var(--ease-x)}.bw4-bars i.in{background:var(--accent)}
.bw4-chart.is-visible .bw4-bars i{transform:scaleY(1)}.bw4-bars i:nth-child(1){height:7%;transition-delay:0.07s}.bw4-bars i:nth-child(2){height:13%;transition-delay:0.14s}.bw4-bars i:nth-child(3){height:20%;transition-delay:0.21s}.bw4-bars i:nth-child(4){height:31%;transition-delay:0.28s}.bw4-bars i:nth-child(5){height:44%;transition-delay:0.35s}.bw4-bars i:nth-child(6){height:57%;transition-delay:0.42s}.bw4-bars i:nth-child(7){height:72%;transition-delay:0.49s}.bw4-bars i:nth-child(8){height:88%;transition-delay:0.56s}.bw4-bars i:nth-child(9){height:78%;transition-delay:0.63s}.bw4-bars i:nth-child(10){height:62%;transition-delay:0.70s}.bw4-bars i:nth-child(11){height:46%;transition-delay:0.77s}.bw4-bars i:nth-child(12){height:31%;transition-delay:0.84s}.bw4-bars i:nth-child(13){height:20%;transition-delay:0.91s}.bw4-bars i:nth-child(14){height:13%;transition-delay:0.98s}.bw4-bars i:nth-child(15){height:7%;transition-delay:1.05s}
.bw4-pos{position:absolute;left:50%;top:-6%;width:2px;bottom:0;background:#fff;opacity:0;transition:opacity .8s 1.8s}.bw4-pos b{position:absolute;top:-34px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:.35em .85em;border-radius:999px;background:#fff;color:#0a0a0a;font:800 .75rem var(--sans)}.bw4-chart.is-visible .bw4-pos{opacity:1}
.bw4-ax{list-style:none;margin:14px 0 0;padding:0;display:flex;justify-content:space-between;color:var(--muted);font:700 .75rem var(--sans);letter-spacing:.12em;text-transform:uppercase}
/* 5 ruhig */
.bw5-grid{display:grid;gap:36px}.bw5-liste{list-style:none;margin:34px 0 0;padding:0}.bw5-liste li{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:20px 0;border-top:1px solid var(--line2)}.bw5-liste span{font:800 .85rem var(--sans);letter-spacing:.18em;color:var(--accent);padding-top:.5em}.bw5-liste h3{margin:0 0 4px;font-size:clamp(1.4rem,3vw,2rem)}.bw5-liste p{margin:0;color:var(--muted)}.bw5 .btn-row{margin-top:26px}
.bw5-foto{border-radius:14px;overflow:hidden;aspect-ratio:4/5}.bw5-foto picture,.bw5-foto img{display:block;width:100%;height:100%;object-fit:cover}
@media (min-width:960px){.bw5-grid{grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}}
@media (prefers-reduced-motion:reduce){.bw1-fill{transform:none;transition:none}.bw1-pin{left:56%;transition:none}.bw2-p{opacity:1;transform:none;transition:none}.bw4-bars i{transform:none;transition:none}.bw4-pos{opacity:1;transition:none}}

/* Direkt oder Vermittlung */
.vs2 ul{list-style:none;margin:0;padding:0}.vs2 li b{display:block;font:700 .75rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
/* 1 Zwei Hälften */
.vs1-grid{display:grid;gap:16px;margin-top:36px}.vs1-a,.vs1-b{padding:30px 24px;border-radius:16px;transition:opacity .5s,transform .6s var(--ease-x)}.vs1-a{background:#141414;border:1px solid var(--line2)}.vs1-b{background:linear-gradient(160deg,rgba(254,124,2,.22),rgba(254,124,2,.05) 70%);border:1px solid rgba(254,124,2,.45)}
.vs1 h3{font-size:clamp(1.8rem,4vw,2.8rem);margin:0 0 .3em;letter-spacing:-.03em}.vs1-d{color:#d0d0d0}.vs1 li{padding:14px 0;border-top:1px solid rgba(255,255,255,.14)}.vs1 .btn{margin-top:20px}
@media (min-width:860px){.vs1-grid{grid-template-columns:1fr 1fr;gap:0}.vs1-a,.vs1-b{padding:48px 44px;border-radius:0}.vs1-a{border-radius:16px 0 0 16px}.vs1-b{border-radius:0 16px 16px 0}.vs1-grid:hover>div{opacity:.55}.vs1-grid>div:hover{opacity:1}}
/* 2 Umschalter */
.vs2-wrap{margin-top:36px}.vs2-sw{display:inline-flex;padding:5px;border:1.5px solid var(--line2);border-radius:999px;gap:4px}.vs2-sw button{min-height:46px;padding:0 22px;border:0;border-radius:999px;background:none;color:#aaa;font:700 1rem var(--sans);cursor:pointer;transition:background .3s,color .3s}.vs2-sw .on{background:var(--accent);color:#0a0a0a}
.vs2-pane{margin-top:30px;max-width:42em}.js .vs2-pane:not(.on){display:none}.vs2-pane.on{animation:vup .6s var(--ease-x) both}.vs2-d{font:700 clamp(1.4rem,3.4vw,2.2rem)/1.2 var(--head);margin:0 0 22px}.vs2t li{padding:16px 0;border-top:1px solid var(--line2);font-size:1.15rem}.vs2t .btn{margin-top:22px}html:not(.js) .vs2-pane{margin-bottom:30px}
/* 3 Linie zwischen zwei Aussagen */
.vs3-kopf{display:flex;justify-content:space-between;margin-top:36px;font:800 clamp(1.2rem,3vw,2rem) var(--head)}.vs3-kopf span:last-child{color:var(--accent);text-align:right}
.vs3-liste{margin-top:14px!important}.vs3-liste li{display:grid;gap:6px;padding:20px 0;border-top:1px solid var(--line2);grid-template-columns:1fr}.vs3-m{display:flex;align-items:center;gap:14px;order:-1}.vs3-m b{margin:0!important;color:var(--accent)!important;white-space:nowrap}.vs3-m i{flex:1;height:2px;background:linear-gradient(90deg,#666,var(--accent));transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease-x) .3s}.is-visible .vs3-m i{transform:none}
.vs3-a,.vs3-b{font-size:1.05rem}.vs3-b{color:#fff}.vs3-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
@media (min-width:860px){.vs3-liste li{grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;padding:26px 0}.vs3-m{order:0;flex-direction:column;gap:6px;min-width:180px}.vs3-m i{width:100%;flex:none}.vs3-b{text-align:right}}
/* 4 Typografisch */
.vs4-grid{display:grid;gap:40px}.vs4-w{margin:0;font:800 clamp(3.4rem,13vw,9rem)/.95 var(--head);letter-spacing:-.05em}.vs4-b .vs4-w{color:var(--accent)}.vs4-d{font-size:1.15rem;color:#d6d6d6;margin:.6em 0 18px;max-width:22em}.vs4 li{padding:12px 0;border-top:1px solid var(--line2)}.vs4 .btn{margin-top:18px}.vs4-o{font:700 .85rem var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}
@media (min-width:960px){.vs4-grid{grid-template-columns:1fr auto 1fr;gap:56px;align-items:start}.vs4-o{align-self:center;writing-mode:vertical-rl}}
/* 5 Weggabelung */
.vs5-bild{position:relative;margin-top:30px;border-radius:16px;overflow:hidden;aspect-ratio:21/9}.vs5-bild picture,.vs5-bild img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%}.vs5-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0a0a0a,rgba(10,10,10,.2) 60%)}
.vs5-fork{display:none;width:100%;height:72px;margin-top:-72px;position:relative;z-index:1}.vs5-fork path{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:420;stroke-dashoffset:420;animation:vs5d 2.2s var(--ease-x) .4s both}@keyframes vs5d{to{stroke-dashoffset:0}}
.vs5-grid{display:grid;gap:30px;margin-top:30px}.vs5 h3{font-size:clamp(1.8rem,3.6vw,2.6rem);margin:0 0 .3em}.vs5-a p,.vs5-b p{color:#d0d0d0}.vs5 li{padding:12px 0;border-top:1px solid var(--line2)}.vs5 .btn{margin-top:18px}.vs5-b h3{color:var(--accent)}
@media (min-width:860px){.vs5-fork{display:block}.vs5-grid{grid-template-columns:1fr 1fr;gap:60px;margin-top:0}.vs5-a{padding-right:20px}.vs5-b{padding-left:20px}}
@media (prefers-reduced-motion:reduce){.vs3-m i{transform:none;transition:none}.vs5-fork path{animation:none;stroke-dashoffset:0}.vs2-pane.on{animation:none}.vs1-grid:hover>div{opacity:1}}

/* Leistungen */
.lz li{list-style:none}.lz ul{list-style:none;margin:0;padding:0}
/* 1 Laufband */
.lz1{padding:34px 0;border-block:1px solid var(--line2);overflow:hidden}.lz1-k{margin:0 auto 14px;font:700 .78rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.lz1-m{display:flex;width:max-content;animation:lz1 40s linear infinite}.lz1:hover .lz1-m{animation-play-state:paused}.lz1-m ul{display:flex;flex:none}@keyframes lz1{to{transform:translateX(-50%)}}
.lz1-m li{display:flex;align-items:center;font:800 clamp(2.2rem,7vw,5rem)/1 var(--head);letter-spacing:-.04em;white-space:nowrap}.lz1-m li::after{content:"";width:.28em;height:.28em;margin:0 .55em;border-radius:50%;background:var(--accent)}
/* 2 Nummerierte Zeilen */
.lz2-liste{margin-top:24px!important}.lz2-liste li{display:grid;grid-template-columns:auto 1fr;gap:4px 20px;padding:24px 0;border-top:1px solid var(--line2);align-items:baseline}.lz2-liste li:last-child{border-bottom:1px solid var(--line2)}.lz2-liste span{grid-row:span 2;font:800 .85rem var(--sans);letter-spacing:.18em;color:var(--accent)}.lz2-liste h3{margin:0;font-size:clamp(1.6rem,4vw,2.8rem);letter-spacing:-.03em}.lz2-liste p{grid-column:2;margin:0;color:var(--muted);max-width:30em}
@media (min-width:860px){.lz2-liste li{grid-template-columns:80px 1fr 1fr;gap:0 30px;align-items:center}.lz2-liste span{grid-row:auto}.lz2-liste p{grid-column:auto}}
/* 3 Grosse Woerter mit Hover */
.lz3-liste{margin-top:20px!important;display:grid;gap:4px}.lz3-liste li{padding:8px 0;outline:none;transition:opacity .4s}.lz3-w{display:block;font:800 clamp(2.4rem,9vw,6.4rem)/1.02 var(--head);letter-spacing:-.045em}.lz3-d{display:block;color:var(--muted);max-width:30em;margin-top:2px}
.lz3-liste li:hover .lz3-w,.lz3-liste li:focus .lz3-w{color:var(--accent)}
@media (min-width:860px){.lz3-liste:hover li:not(:hover){opacity:.28}.lz3-d{max-height:0;overflow:hidden;opacity:0;transition:max-height .5s var(--ease-x),opacity .4s}.lz3-liste li:hover .lz3-d,.lz3-liste li:focus .lz3-d{max-height:3em;opacity:1}}
/* 4 Foto + Liste */
.lz4-grid{display:grid;gap:30px;align-items:center}.lz4-foto{border-radius:14px;overflow:hidden;aspect-ratio:1}.lz4-foto picture,.lz4-foto img{display:block;width:100%;height:100%;object-fit:cover}.lz4-liste li{padding:16px 0;border-top:1px solid var(--line2)}.lz4-liste b{display:block;font:800 clamp(1.5rem,3vw,2.2rem) var(--head);letter-spacing:-.02em}.lz4-liste span{color:var(--muted)}
@media (min-width:860px){.lz4-grid{grid-template-columns:.8fr 1.2fr;gap:70px}}
/* 5 Kompakt */
.lz5{padding:36px 0}.lz5-in{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.lz5-in p{margin:0;font:700 .78rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.lz5-in ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.lz5-in li{padding:.55em 1.3em;border:1.5px solid var(--line2);border-radius:999px;font:700 1rem var(--sans)}
/* Vertrauen */
.vt ul{list-style:none;margin:0;padding:0}
.vt1-h{font:800 clamp(2.4rem,8vw,6.4rem)/1 var(--head);letter-spacing:-.045em;margin:0;max-width:11em}.vt1-f{display:grid;gap:18px;margin-top:40px!important}.vt1-f li{padding-top:16px;border-top:1px solid var(--line2);color:var(--muted)}.vt1-f b{display:block;color:#fff;font:800 1.3rem var(--head)}
@media (min-width:860px){.vt1-f{grid-template-columns:repeat(3,1fr);gap:40px}}
.vt2-cols{display:grid;gap:0}.vt2-cols li{padding:28px 0;border-top:1px solid var(--line2)}.vt2-cols h3{margin:0 0 6px;font:800 clamp(2rem,5.6vw,3.6rem)/1 var(--head);letter-spacing:-.04em;color:var(--accent)}.vt2-cols p{margin:0;color:var(--muted)}
@media (min-width:860px){.vt2-cols{grid-template-columns:repeat(3,1fr);gap:40px}.vt2-cols li{padding:36px 0 0}}
.vt3-grid{display:grid;gap:30px;align-items:center}.vt3-foto{border-radius:14px;overflow:hidden;aspect-ratio:1}.vt3-foto picture,.vt3-foto img{display:block;width:100%;height:100%;object-fit:cover}.vt3-f{margin-top:22px!important}.vt3-f li{padding:12px 0;border-top:1px solid var(--line2);color:var(--muted)}.vt3-f b{color:#fff;margin-right:.5em}
@media (min-width:860px){.vt3-grid{grid-template-columns:.8fr 1.2fr;gap:70px}}
.vt4-liste{display:grid;gap:0;margin-top:30px!important}.vt4-liste li{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:22px 0;border-top:1px solid var(--line2);font:700 clamp(1.2rem,3vw,2rem)/1.25 var(--head)}.vt4-liste li:last-child{border-bottom:1px solid var(--line2)}
.vt4-k{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent)}.vt4-k svg{width:22px;fill:none;stroke:#0a0a0a;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.vt5{overflow:hidden;text-align:center}.vt5-m{display:flex;width:max-content;margin-bottom:34px;animation:lz1 50s linear infinite}.vt5-m ul{display:flex;flex:none}.vt5-m li{display:flex;align-items:center;font:800 clamp(1.4rem,4vw,2.4rem) var(--head);color:#3a3a3a;white-space:nowrap}.vt5-m li::after{content:"";width:.3em;height:.3em;margin:0 .6em;border-radius:50%;background:var(--accent)}
.vt5 .btn-row{justify-content:center}.vt5 .sub{margin-inline:auto}
/* Abschluss */
.ct h2{font-weight:800}
.ct1{position:relative;overflow:hidden;text-align:center}.ct1-bild{position:absolute;inset:0;transform:translate3d(0,var(--py,0px),0) scale(1.06)}.ct1-bild picture,.ct1-bild img{display:block;width:100%;height:100%;object-fit:cover}.ct1-shade{position:absolute;inset:0;background:radial-gradient(70% 70% at 50% 50%,rgba(10,10,10,.55),rgba(10,10,10,.92))}
.ct1-in{position:relative;padding:96px 0}.ct1 h2{font-size:clamp(2.4rem,8vw,6rem);line-height:1;letter-spacing:-.045em;margin:0 auto;max-width:12em}.ct1-b{justify-content:center}
.ct2-grid{display:grid;gap:30px;align-items:center}.ct2 h2{font-size:clamp(2.4rem,7vw,5.2rem);line-height:1;letter-spacing:-.045em;margin:0}.ct2-liste{list-style:none;margin:0;padding:0}.ct2-liste li{border-top:1px solid var(--line2)}.ct2-liste li:last-child{border-bottom:1px solid var(--line2)}
.ct2-l{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:12px 0;color:#fff;text-decoration:none;font:700 clamp(1.1rem,2.4vw,1.5rem) var(--head);transition:color .3s,padding .4s var(--ease-x)}.ct2-l i{font-style:normal;color:var(--accent);transition:transform .4s var(--ease-x)}.ct2-l:hover{color:var(--accent);padding-left:10px}.ct2-l:hover i{transform:translateX(6px)}
@media (min-width:860px){.ct2-grid{grid-template-columns:1fr 1fr;gap:80px}}
.ct3{text-align:center}.ct3-gross{display:inline-flex;align-items:center;gap:.4em;color:#fff;text-decoration:none;font:800 clamp(2rem,8vw,6.4rem)/1.05 var(--head);letter-spacing:-.045em;border-bottom:3px solid var(--accent);padding-bottom:.08em;transition:color .3s}.ct3-gross i{font-style:normal;color:var(--accent);transition:transform .4s var(--ease-x)}.ct3-gross:hover{color:var(--accent)}.ct3-gross:hover i{transform:translateX(.2em)}
.ct3-sek{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:34px}.ct3-s{color:var(--muted);font-weight:700}.ct3-s:hover{color:var(--accent)}
.ct4{position:relative;overflow:hidden;padding:96px 0;background:radial-gradient(70% 90% at 50% 120%,rgba(254,124,2,.28),transparent 70%),#0a0a0a}.ct4 h2{font-size:clamp(3rem,13vw,10rem);line-height:.92;letter-spacing:-.055em;margin:0;color:transparent;-webkit-text-stroke:2px #fff}.ct4 h2 span{-webkit-text-stroke:0;color:var(--accent)}
.ct4-s{margin:1.2em 0 0;color:#d0d0d0;font-size:1.15rem}.ct4 .btn-row{margin-top:1em}
.ct5-grid{display:grid}.ct5-grid a{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:34vh;padding:34px max(16px,calc((100vw - var(--w))/2 + 16px));color:#fff;text-decoration:none;overflow:hidden;transition:background .5s var(--ease-x),color .4s}.ct5-a{background:#141414}.ct5-b{background:#0d0d0d;border-top:1px solid var(--line2)}
.ct5-grid span{font:700 .78rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);transition:color .4s}.ct5-grid b{font:800 clamp(2.4rem,9vw,6.4rem)/1 var(--head);letter-spacing:-.045em}.ct5-grid i{position:absolute;right:max(16px,calc((100vw - var(--w))/2 + 16px));top:30px;font:normal 2rem var(--head);color:var(--accent);transition:transform .5s var(--ease-x),color .4s}
.ct5-grid a:hover{background:var(--accent);color:#0a0a0a}.ct5-grid a:hover span,.ct5-grid a:hover i{color:#0a0a0a}.ct5-grid a:hover i{transform:translate(8px,-8px)}.ct5-k{padding:30px 0}.ct5-k .btn-row{justify-content:center;margin:0}
@media (min-width:860px){.ct5-grid{grid-template-columns:1fr 1fr}.ct5-grid a{min-height:46vh}.ct5-b{border-top:0;border-left:1px solid var(--line2)}.ct5-grid a:first-child{padding-right:40px}}
@media (prefers-reduced-motion:reduce){.lz1-m,.vt5-m{animation:none;transform:none;flex-wrap:wrap;width:auto}.lz3-d{max-height:none;opacity:1;transition:none}}

.vp-pf{flex:none;align-self:center;width:9px;height:9px;margin-left:4px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg);transition:transform .3s}.vp.zu .vp-pf{transform:rotate(-135deg)}.vp-toggle b{margin-left:auto}

/* Feinabstimmung: Farbe und Groesse je Sektion */
.vx[data-f="1"]{--accent:#fff;--accent-hi:#e8e8e8;--accent-soft:rgba(255,255,255,.12)}.vx[data-f="2"]{--accent:#ffb066;--accent-hi:#ffc58f;--accent-soft:rgba(255,176,102,.14)}.vx[data-f="3"]{--accent:#2fbf71;--accent-hi:#4ed38a;--accent-soft:rgba(47,191,113,.14)}
.vx[data-g="1"]{zoom:.9}.vx[data-g="2"]{zoom:1.1}
.vp-block{border-top:1px solid #222}.vp-block .vp-row{border-top:0}.vp-mehr{flex:none;display:grid;place-items:center;width:32px;min-height:32px;margin-left:4px;background:#1b1b1b;border:0;border-radius:8px;cursor:pointer}
.vp-mehr i{width:8px;height:8px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg) translateY(-2px);transition:transform .3s}.vp-mehr[aria-expanded="true"] i{transform:rotate(-135deg) translateY(-2px)}
.vp-drawer{margin:0 0 8px;padding:8px 10px;border-radius:10px;background:#141414;border:1px solid #222}.vp-g{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:3px 0}.vp-g span{flex:1;min-width:0;color:var(--muted);font-size:.74rem}.vp-g em{font-style:normal;color:#fff}
.vp-g nav{display:flex;gap:3px}.vp-g a{display:grid;place-items:center;min-width:28px;min-height:28px;border-radius:7px;color:#fff;text-decoration:none;background:#1b1b1b;font-size:.76rem}.vp-g a[aria-current]{background:var(--accent);color:#0a0a0a}

/* Hero: gruenes Element (Radio in der Varianten-Leiste) */
.vx[data-gr]{position:relative}.vx[data-gr]::after{content:"";position:absolute;right:-8%;top:-10%;width:46%;height:70%;background:radial-gradient(closest-side,rgba(47,191,113,.28),transparent);pointer-events:none;z-index:1;animation:grpuls 6s ease-in-out infinite}
@keyframes grpuls{50%{opacity:.55;transform:scale(1.08)}}
.gr-dot{display:inline-block;width:9px;height:9px;margin-right:10px;border-radius:50%;background:#2fbf71;box-shadow:0 0 0 0 rgba(47,191,113,.6);vertical-align:middle;animation:grdot 2s ease-out infinite}@keyframes grdot{70%,100%{box-shadow:0 0 0 10px rgba(47,191,113,0)}}
.gr-chip{display:inline-flex;align-items:center;gap:10px;margin:18px 0 0;padding:8px 16px;border:1px solid rgba(47,191,113,.55);border-radius:999px;background:rgba(47,191,113,.12);color:#fff;font:700 .9rem var(--sans)}
.gr-chip i{width:18px;height:18px;border-radius:50%;background:#2fbf71 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%230a0a0a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.vp-radio{display:flex;gap:6px}.vp-ra{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 10px;border-radius:8px;background:#1b1b1b;color:#fff;text-decoration:none;font-size:.78rem}.vp-ra i{width:12px;height:12px;border:2px solid #666;border-radius:50%}.vp-ra.on i{border-color:#2fbf71;background:radial-gradient(circle,#2fbf71 45%,transparent 50%)}.vp-ra.on{outline:1px solid #2fbf71}
@media (prefers-reduced-motion:reduce){.vx[data-gr]::after,.gr-dot{animation:none}}
.vp-row nav{flex-wrap:wrap;justify-content:flex-end;max-width:236px}

.vp-sub{margin:8px 0 2px;font:700 .68rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
/* Inhalts-Varianten: zweite Zeile je Sektion in der Leiste, Ladezustand beim Wechsel ohne Neuladen */
.vp-row-t{padding-top:0}.vp-row-t span{color:var(--muted);font-size:.74rem}.vp-row-t em{font-style:normal;color:#fff}
.vp-row-t a{min-width:28px;min-height:28px;font-size:.78rem;background:#151515;border:1px solid #2a2a2a}.vp-row-t a[aria-current]{background:#fff;color:#0a0a0a;border-color:#fff}.vp-row-t a[aria-current]:hover{background:#fff}
.vp.vp-laedt .vp-body{opacity:.55;pointer-events:none;transition:opacity .2s}
/* Zusatzelemente, die nur Inhaltsvarianten mitbringen (Original-Optik bleibt unveraendert, solange Inhalt O gewaehlt ist) */
.leiste--text ul{display:grid;gap:10px 28px;font:inherit;width:100%}.leiste--text li+li::before{content:none}
.leiste--text li{display:flex;flex-direction:column;gap:2px}.leiste--text li b{font:700 clamp(1rem,2.2vw,1.2rem) var(--head)}.leiste--text li span{color:var(--muted);font-size:.93rem}
@media (min-width:860px){.leiste--text ul{grid-template-columns:repeat(4,1fr)}}
.lz-texte{list-style:none;display:grid;gap:12px 28px;margin-top:22px}.lz-texte li{display:flex;flex-direction:column;gap:2px;text-align:left}.lz-texte b{font:700 1.02rem var(--head)}.lz-texte span{color:var(--muted);font-size:.93rem}
@media (min-width:860px){.lz-texte{grid-template-columns:repeat(4,1fr)}}
.vs-fuss{max-width:52rem;margin:26px 0 0;padding:14px 18px;border-left:3px solid var(--accent);background:rgba(255,255,255,.03);color:#d6d6d6}
.vt-zus{list-style:none;display:grid;gap:8px}.vt-zus li{position:relative;padding-left:24px}.vt-zus li::before{content:"";position:absolute;left:2px;top:.55em;width:10px;height:6px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.e-hinweis{margin:-.4em 0 0;color:var(--muted);font-size:.88rem}
.sektion--cta .sub,.ct .sub{color:#d0d0d0;max-width:40rem}.sektion--cta .sub{margin-left:auto;margin-right:auto}
.mini-sek .sek-kopf .sub{color:var(--muted)}

/* Auswahl-Leiste: gross, uebersichtlich, Akkordeon */
.vp{width:min(460px,calc(100vw - 24px));font-size:.95rem}.vp-toggle{min-height:52px;font-size:.95rem}.vp-toggle b{font-size:.85rem}
.vp-body{max-height:min(78vh,720px);padding:4px 16px 16px}.vp-hint{font-size:.8rem;line-height:1.4;margin-bottom:10px}
.vp-block{border-top:1px solid #262626}.vp-kopf{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;min-height:52px;padding:6px 2px;background:none;border:0;color:#fff;font:inherit;text-align:left;cursor:pointer}
.vp-kn{font:800 1rem var(--sans)}.vp-kopf em{font-style:normal;font-size:.8rem;color:var(--accent);text-align:right;line-height:1.3}.vp-kopf em.vp-orig{color:var(--muted)}
.vp-kopf i{width:10px;height:10px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg) translateY(-2px);transition:transform .3s}.vp-offen>.vp-kopf i{transform:rotate(-135deg) translateY(-2px)}
.vp-inh{display:none;padding:2px 0 14px}.vp-offen>.vp-inh{display:block}
.vp-inh .vp-row,.vp-inh .vp-g{display:block;padding:8px 0;border:0}.vp-inh .vp-row>span,.vp-inh .vp-g>span{display:block;margin-bottom:6px;font:700 .72rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.vp-inh .vp-row nav,.vp-inh .vp-g nav{display:flex;flex-wrap:wrap;gap:6px;max-width:none;justify-content:flex-start}
.vp-inh .vp-row a,.vp-inh .vp-g a{min-width:42px;min-height:40px;padding:0 6px;border-radius:9px;font-size:.92rem}
.vp-inh .vp-row-t a{min-width:42px;min-height:40px;font-size:.92rem}.vp-inh .vp-row-t span em{color:#fff;text-transform:none;letter-spacing:0}
.vp-mehr{display:none}.vp-inh .vp-drawer,.vp-inh .vp-drawer[hidden]{display:block;margin:6px 0 0;padding:6px 12px 10px;border-radius:12px;background:#121212;border:1px solid #252525}
.vp-ra{min-height:40px;padding:0 14px;font-size:.88rem}.vp-sub{margin:12px 0 4px}
.vp-act{margin-top:14px;font-size:.9rem}

/* Versionen speichern */
.vp-save{margin-top:16px;padding-top:12px;border-top:1px solid #262626}.vp-save-row{display:flex;gap:8px}
.vp-save input{flex:1;min-width:0;min-height:42px;padding:0 12px;border:1.5px solid #333;border-radius:10px;background:#111;color:#fff;font:600 .92rem var(--sans)}.vp-save input:focus{outline:none;border-color:var(--accent)}
.vp-save-row button{min-height:42px;padding:0 16px;border:0;border-radius:10px;background:var(--accent);color:#0a0a0a;font:800 .9rem var(--sans);cursor:pointer}
.vp-liste{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.vp-liste li{display:flex;align-items:center;gap:8px}
.vp-liste a{flex:1;min-width:0;padding:9px 12px;border-radius:9px;background:#1b1b1b;color:#fff;text-decoration:none;font:700 .9rem var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vp-liste a:hover{background:#262626}.vp-liste a[aria-current]{outline:1.5px solid var(--accent)}
.vp-del{flex:none;width:36px;min-height:36px;border:0;border-radius:9px;background:#1b1b1b;color:var(--muted);cursor:pointer}.vp-del:hover{color:#fff;background:#3a1a1a}