.v2-ill{display:block;width:100%;height:auto;overflow:visible;}
.v2-ill .l{fill:none;stroke:#07262D;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.v2-ill .w{fill:#fff;stroke:#07262D;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;}
.v2-ill .g{fill:#EEF5F3;stroke:#07262D;stroke-width:2.5;stroke-linejoin:round;}
.v2-ill .m{fill:#DCEBE9;stroke:#07262D;stroke-width:3;stroke-linejoin:round;}
.v2-ill .pm{fill:#A9D5CB;stroke:#07262D;stroke-width:0;}
.v2-ill path.pm,.v2-ill circle.pm{stroke-width:0;}
.v2-ill .b{fill:#0019FF;}
.v2-ill .bs{fill:#0019FF;stroke:#07262D;stroke-width:3;stroke-linejoin:round;}
.v2-ill .wk{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}
.v2-ill .wr{fill:none;stroke:#fff;stroke-width:2;}
.v2-ill .d{fill:none;stroke:#0019FF;stroke-width:2.5;stroke-dasharray:3 7;stroke-linecap:round;}
.v2-ill .s{fill:#DCEBE9;}
.v2-ill .hd{fill:none;stroke:#07262D;stroke-width:12;stroke-linecap:round;}
.v2-ill .bk{fill:none;stroke:#0019FF;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;}
.v2-ill .lt{fill:none;stroke:#A9D5CB;stroke-width:2.5;}
.v2-ill .lens{fill:rgba(220,235,233,.55);stroke:#07262D;stroke-width:3;}

/* ==========================================================================
   BVH Design 2: Mitwirken (Mitglied werden, Karriere). Ablauf mit Spur, Umschalter, Vorteile, Selbsttest, Praesentation.
   ========================================================================== */

/* ---------- Ablauf mit Spur ---------- */
.v2-weg{position:relative;margin:48px 0 0;padding:0;list-style:none;}
.v2-weg__spur{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0;}
.v2-weg__spur .v2-weg__grund{fill:none;stroke:var(--v2-blass-dunkel,#B5D1CA);stroke-width:2.5;stroke-dasharray:2 9;stroke-linecap:round;}
.v2-weg__spur .v2-weg__lauf{fill:none;stroke:var(--v2-blau);stroke-width:3;stroke-dasharray:2 9;stroke-linecap:round;}
.v2-weg__schritt{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 128px minmax(0,1fr);align-items:center;padding:0 0 88px;margin:0;}
.v2-weg__schritt:last-child{padding-bottom:0;}
.v2-weg__schritt::before{content:none!important;}
.v2-weg__bild{grid-column:1;grid-row:1;justify-self:center;width:min(100%,360px);opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease;}
.v2-weg__mitte{grid-column:2;grid-row:1;justify-self:center;}
.v2-weg__text{grid-column:3;grid-row:1;max-width:520px;opacity:0;transform:translateY(18px);transition:opacity .7s ease .1s,transform .7s ease .1s;}
.v2-weg__schritt:nth-of-type(even) .v2-weg__bild{grid-column:3;}
.v2-weg__schritt:nth-of-type(even) .v2-weg__text{grid-column:1;justify-self:end;}
.v2-weg__schritt.ist-da .v2-weg__bild,.v2-weg__schritt.ist-da .v2-weg__text,.v2-ohne-js .v2-weg__bild,.v2-ohne-js .v2-weg__text{opacity:1;transform:none;}
.v2-weg__nr{position:relative;display:grid;place-items:center;width:68px;height:68px;border:2px solid var(--v2-linie);border-radius:50%;background:#fff;color:var(--v2-tinte);font-size:26px;font-weight:700;line-height:1;transition:background-color .45s ease,border-color .45s ease,color .45s ease,box-shadow .45s ease,transform .45s ease;}
.v2-weg__schritt.ist-an .v2-weg__nr{border-color:var(--v2-blau);background:var(--v2-blau);color:#fff;box-shadow:0 0 0 12px rgba(0,25,255,.08),0 14px 24px rgba(0,25,255,.18);transform:scale(1.04);}
html body.bvh-v2 .v2-weg__text h3{margin:0 0 14px;color:var(--v2-tinte);font-size:clamp(26px,2.6vw,36px);font-weight:700;line-height:1.15;letter-spacing:-.3px;}
.v2-weg__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none;}
.v2-weg__chips li{margin:0;padding:6px 13px;border-radius:999px;background:var(--v2-grau);color:var(--v2-tinte);font-size:14px;font-weight:600;line-height:1.3;}
.v2-weg__chips li::before{content:none!important;}
.v2-bereich--grau .v2-weg__chips li{background:#fff;}
.v2-weg__chips li.ist-blau{background:var(--v2-blau);color:#fff;}
.v2-weg__text p{margin:0 0 16px;color:var(--v2-leise);font-size:17px;line-height:1.65;}
.v2-weg__text p:last-child{margin-bottom:0;}
.v2-weg__text .v2-mehr{font-size:17px;}
.v2-weg__ziel{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin:72px auto 0;padding:36px 40px;border-radius:10px;background:var(--v2-nacht);color:#fff;}
html body.bvh-v2 .v2-weg__ziel p{margin:0;color:#fff;font-size:22px;font-weight:600;line-height:1.4;}
.v2-weg__ziel small{display:block;margin-top:6px;color:rgba(255,255,255,.75);font-size:16px;font-weight:400;}
@media (max-width:900px){
  .v2-weg__schritt,.v2-weg__schritt:nth-of-type(even){grid-template-columns:64px minmax(0,1fr);align-items:start;padding-bottom:56px;}
  .v2-weg__mitte{grid-column:1!important;grid-row:1/3!important;justify-self:start;}
  .v2-weg__bild,.v2-weg__schritt:nth-of-type(even) .v2-weg__bild{grid-column:2!important;grid-row:1!important;justify-self:start;width:min(100%,280px);margin:0 0 12px;}
  .v2-weg__text,.v2-weg__schritt:nth-of-type(even) .v2-weg__text{grid-column:2!important;grid-row:2!important;justify-self:start;}
  .v2-weg__nr{width:48px;height:48px;font-size:19px;}
  .v2-weg__ziel{padding:28px 22px;}
}

/* ---------- Umschalter Verbraucher / Unternehmen (wischbar) ---------- */
.v2-wahl__kopf{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;}
.v2-wahl__schalter{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:6px;border-radius:999px;background:#fff;box-shadow:var(--v2-karte-weich);}
.v2-wahl__schalter button{position:relative;z-index:1;min-width:170px;padding:14px 26px;border:0;border-radius:999px;background:transparent;color:var(--v2-tinte);font:inherit;font-size:17px;font-weight:700;cursor:pointer;transition:color .35s ease;}
.v2-wahl__schalter button[aria-selected="true"]{color:#fff;}
.v2-wahl__schalter button:focus-visible{outline:2px solid var(--v2-blau);outline-offset:3px;}
.v2-wahl__marker{position:absolute;z-index:0;top:6px;bottom:6px;left:6px;width:calc(50% - 6px);border-radius:999px;background:var(--v2-blau);transition:transform .45s cubic-bezier(.2,.7,.2,1);}
.v2-wahl[data-wahl-aktiv="1"] .v2-wahl__marker{transform:translateX(100%);}
.v2-wahl__hinweis{display:flex;align-items:center;gap:8px;margin:0;color:var(--v2-leise);font-size:15px;}
.v2-wahl__fenster{overflow:hidden;touch-action:pan-y;transition:height .45s ease;}
.v2-wahl__spur{display:flex;transition:transform .55s cubic-bezier(.2,.7,.2,1);will-change:transform;}
.v2-wahl[data-wahl-aktiv="1"] .v2-wahl__spur{transform:translateX(-100%);}
.v2-wahl__tafel{flex:0 0 100%;min-width:0;}
.v2-wahl.ist-ziehen .v2-wahl__spur{transition:none;}
@media (max-width:767px){.v2-wahl__schalter{width:100%;}.v2-wahl__schalter button{min-width:0;padding:12px 10px;font-size:16px;}}

/* ---------- Vorteile im Raster (Nacht) ---------- */
.v2-vorteile{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;margin:48px 0 0;padding:0;list-style:none;}
.v2-vorteile li{position:relative;grid-column:span 4;display:flex;flex-direction:column;gap:12px;min-height:260px;margin:0;padding:34px;border-radius:10px;background:rgba(255,255,255,.06);color:#fff;overflow:hidden;transition:background-color .3s ease,transform .3s ease;}
.v2-vorteile li::before{content:none!important;}
.v2-vorteile li:hover{background:rgba(255,255,255,.1);transform:translateY(-3px);}
.v2-vorteile li.ist-breit{grid-column:span 8;}
.v2-vorteile li.ist-blau{background:var(--v2-blau);}
.v2-vorteile li.ist-mint{background:var(--v2-menue-akzent,#A9D5CB);color:var(--v2-tinte);}
.v2-vorteile__ic{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;}
.v2-vorteile li.ist-mint .v2-vorteile__ic{background:rgba(7,38,45,.08);color:var(--v2-tinte);}
html body.bvh-v2 .v2-vorteile h3{margin:6px 0 0;color:inherit!important;font-size:24px;font-weight:700;line-height:1.25;}
html body.bvh-v2 .v2-vorteile p{margin:0;color:rgba(255,255,255,.84)!important;font-size:16px;line-height:1.6;}
html body.bvh-v2 .v2-vorteile li.ist-mint p{color:var(--v2-text)!important;}
.v2-vorteile__zahl{margin-top:auto;font-size:56px;font-weight:700;line-height:1;letter-spacing:-1px;}
.v2-vorteile__fuss{margin-top:auto!important;font-size:13px!important;opacity:.85;}
@media (max-width:1100px){.v2-vorteile li,.v2-vorteile li.ist-breit{grid-column:span 6;}}
@media (max-width:700px){.v2-vorteile li,.v2-vorteile li.ist-breit{grid-column:span 12;min-height:0;padding:26px 22px;}}

/* ---------- Anspruch (Gegenueberstellung) ---------- */
.v2-anspruch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:40px 0 0;padding:0;list-style:none;}
.v2-anspruch li{margin:0;padding:30px;border-radius:10px;background:var(--v2-grau);}
.v2-anspruch li::before{content:none!important;}
html body.bvh-v2 .v2-anspruch strong{display:block;margin:0 0 8px;color:var(--v2-tinte);font-size:20px;line-height:1.3;}
.v2-anspruch span{color:var(--v2-leise);font-size:16px;line-height:1.6;}
.v2-kanzleramt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center;margin:40px 0 0;padding:34px 38px;border-left:4px solid var(--v2-blau);border-radius:10px;background:#fff;box-shadow:var(--v2-karte-weich);}
.v2-kanzleramt__ic{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--v2-blau);color:#fff;}
html body.bvh-v2 .v2-kanzleramt p{margin:0;color:var(--v2-text);font-size:18px;line-height:1.6;}
html body.bvh-v2 .v2-kanzleramt strong{color:var(--v2-tinte);}
@media (max-width:900px){.v2-anspruch{grid-template-columns:minmax(0,1fr);}.v2-kanzleramt{grid-template-columns:minmax(0,1fr);padding:26px 22px;}}

/* ---------- Wirkung ---------- */
.v2-wirkung{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin:40px 0 0;padding:0;list-style:none;}
.v2-wirkung > li{display:flex;flex-direction:column;gap:18px;margin:0;padding:34px;border-radius:10px;background:#fff;box-shadow:var(--v2-karte-weich);}
.v2-wirkung > li::before{content:none!important;}
.v2-wirkung__wer{display:flex;align-items:center;gap:16px;}
.v2-wirkung__wer svg{flex:none;width:64px;height:64px;}
html body.bvh-v2 .v2-wirkung h3{margin:0;color:var(--v2-tinte);font-size:22px;line-height:1.3;}
.v2-wirkung__kette{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:k;}
.v2-wirkung__kette li{position:relative;margin:0;padding:12px 14px 12px 50px;border-radius:8px;background:var(--v2-grau);color:var(--v2-text);font-size:16px;line-height:1.5;counter-increment:k;}
.v2-wirkung__kette li::before{content:counter(k)!important;position:absolute;left:12px;top:11px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--v2-blau);color:#fff;font-size:13px;font-weight:700;}
.v2-wirkung__kette li:last-child{background:var(--v2-nacht);color:#fff;font-weight:600;}
.v2-wirkung__hinweis{margin:18px 0 0;color:var(--v2-label);font-size:14px;}
.v2-steuer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin:56px 0 0;}
html body.bvh-v2 .v2-steuer p{margin:0;color:var(--v2-text);font-size:19px;line-height:1.65;}
.v2-steuer__felder{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;}
.v2-steuer__felder li{margin:0;padding:10px 16px;border-radius:999px;background:#fff;box-shadow:var(--v2-karte-weich);color:var(--v2-tinte);font-weight:600;}
.v2-steuer__felder li::before{content:none!important;}
@media (max-width:900px){.v2-wirkung,.v2-steuer{grid-template-columns:minmax(0,1fr);}.v2-wirkung > li{padding:26px 22px;}}

/* ---------- Selbsttest ---------- */
.v2-test{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:start;margin:40px 0 0;}
.v2-test__fragen{display:grid;gap:28px;}
.v2-test__frage{margin:0;padding:0;border:0;}
html body.bvh-v2 .v2-test__frage legend,html body.bvh-v2 .v2-test__label{display:block;margin:0 0 12px;padding:0;color:var(--v2-tinte);font-size:17px;font-weight:700;}
.v2-test__optionen{display:flex;flex-wrap:wrap;gap:10px;}
.v2-test__optionen label{position:relative;display:inline-flex;cursor:pointer;}
.v2-test__optionen input{position:absolute;opacity:0;pointer-events:none;}
.v2-test__optionen span{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1.5px solid var(--v2-linie);border-radius:999px;background:#fff;color:var(--v2-tinte);font-size:15px;font-weight:600;line-height:1.3;transition:background-color .2s ease,border-color .2s ease,color .2s ease;}
.v2-test__optionen label:hover span{border-color:var(--v2-blau);}
.v2-test__optionen input:checked + span{border-color:var(--v2-blau);background:var(--v2-blau);color:#fff;}
.v2-test__optionen input:focus-visible + span{outline:2px solid var(--v2-blau);outline-offset:2px;}
.v2-test__regler{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;}
.v2-test__regler input[type=range]{width:100%;accent-color:var(--v2-blau);height:28px;}
.v2-test__wert{min-width:96px;padding:8px 12px;border-radius:8px;background:var(--v2-grau);color:var(--v2-tinte);font-weight:700;text-align:center;font-variant-numeric:tabular-nums;}
.v2-test__buehne{position:sticky;top:calc(var(--v2-kopf,92px) + 24px);padding:32px;border-radius:10px;background:var(--v2-grau);text-align:center;}
.v2-test__figur{display:block;width:min(100%,300px);height:auto;margin:0 auto;}
.v2-test__balken{position:relative;height:10px;margin:20px 0 10px;border-radius:999px;background:#fff;overflow:hidden;}
.v2-test__balken i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:var(--v2-blau);transition:width .6s ease,background-color .6s ease;}
.v2-test__stufe{margin:0 0 6px;color:var(--v2-blau);font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;}
html body.bvh-v2 .v2-test__titel{margin:0 0 10px;color:var(--v2-tinte);font-size:24px;font-weight:700;line-height:1.3;}
.v2-test__text{margin:0 0 20px;color:var(--v2-leise);font-size:16px;line-height:1.6;}
.v2-test__knoepfe{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
.v2-test__datenschutz{margin:16px 0 0;color:var(--v2-label);font-size:13px;}
@media (max-width:1000px){.v2-test{grid-template-columns:minmax(0,1fr);}.v2-test__buehne{position:relative;top:auto;order:-1;}}

/* ---------- Praesentation ---------- */
.v2-praesi{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:center;margin:40px 0 0;}
.v2-praesi__buehne{position:relative;border-radius:10px;background:var(--v2-nacht);box-shadow:var(--v2-karte);overflow:hidden;aspect-ratio:16/9;}
.v2-praesi__buehne canvas,.v2-praesi__buehne img{display:block;width:100%;height:100%;object-fit:contain;}
.v2-praesi__laden{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.75);font-size:15px;}
.v2-praesi__steuer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;}
.v2-praesi__steuer button{display:grid;place-items:center;width:48px;height:48px;border:1.5px solid var(--v2-linie);border-radius:50%;background:#fff;color:var(--v2-tinte);cursor:pointer;transition:border-color .2s ease,background-color .2s ease;}
.v2-praesi__steuer button:hover{border-color:var(--v2-blau);}
.v2-praesi__steuer button:disabled{opacity:.4;cursor:default;}
.v2-praesi__zahl{color:var(--v2-leise);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;}
.v2-praesi__daumen{display:flex;gap:8px;margin-top:14px;overflow-x:auto;padding-bottom:4px;}
.v2-praesi__daumen button{flex:0 0 auto;width:10px;height:10px;padding:0;border:0;border-radius:50%;background:var(--v2-linie);cursor:pointer;}
.v2-praesi__daumen button[aria-current="true"]{background:var(--v2-blau);width:28px;border-radius:999px;}
.v2-praesi__liste{display:grid;gap:12px;margin:20px 0 28px;padding:0;list-style:none;}
.v2-praesi__liste li{display:flex;gap:10px;margin:0;color:var(--v2-text);font-size:17px;line-height:1.5;}
.v2-praesi__liste li::before{content:none!important;}
.v2-praesi__liste .v2-ic{flex:none;margin-top:3px;color:var(--v2-blau);}
@media (max-width:1000px){.v2-praesi{grid-template-columns:minmax(0,1fr);}}

@media (prefers-reduced-motion:reduce){
  .v2-weg__bild,.v2-weg__text{opacity:1;transform:none;transition:none;}
  .v2-wahl__spur,.v2-wahl__marker,.v2-wahl__fenster{transition:none;}
}
@media print{
  .v2-weg__spur,.v2-wahl__schalter,.v2-test,.v2-praesi__steuer{display:none!important;}
  .v2-weg__bild,.v2-weg__text{opacity:1!important;transform:none!important;}
  .v2-wahl__spur{display:block!important;transform:none!important;}
}

/* ---------- Figur im Selbsttest ---------- */
.v2-test__figur .fh{fill:var(--haar,#3A2A22);stroke:#07262D;stroke-width:3;stroke-linejoin:round;}
.v2-test__figur .fk{fill:#0019FF;stroke:#07262D;stroke-width:3;}
.v2-test__figur .fw{fill:#fff;stroke:#07262D;stroke-width:3;stroke-linejoin:round;}
.v2-test__figur .fs{fill:#EFCDB4;stroke:#07262D;stroke-width:3;}
.v2-test__figur .fl{fill:none;stroke:#07262D;stroke-width:2.5;stroke-linecap:round;}
.v2-test__figur .fb{fill:none;stroke:#07262D;stroke-width:6;stroke-linecap:round;}
.v2-test__figur .fm{stroke:#07262D;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}
.v2-test__figur .fg{fill:rgba(255,255,255,.22);stroke:#07262D;stroke-width:3;stroke-linecap:round;}
.v2-test__figur [data-f="falten"],.v2-test__figur [data-f="brille"],.v2-test__figur [data-f="wangen"]{transition:opacity .4s ease;}

/* ---------- Wegweiser zu den Unterseiten (Karriere) ---------- */
.v2-us-wegweiser{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:40px 0 0;padding:0;list-style:none;}
.v2-us-wegweiser li{margin:0;}
.v2-us-wegweiser li::before{content:none!important;}
.v2-us-wegweiser a{display:flex;flex-direction:column;align-items:flex-start;gap:10px;height:100%;padding:28px;border-radius:10px;background:var(--v2-grau);color:var(--v2-tinte);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease;}
.v2-us-wegweiser a:hover,.v2-us-wegweiser a:focus-visible{transform:translateY(-4px);box-shadow:var(--v2-karte-weich);}
.v2-us-wegweiser__bild{display:block;width:100%;margin:0 0 8px;padding:14px 28px 4px;border-radius:8px;background:#fff;}
html body.bvh-v2 .v2-us-wegweiser b{color:var(--v2-tinte);font-size:24px;font-weight:700;line-height:1.25;}
.v2-us-wegweiser a > span:not([class]){color:var(--v2-leise);font-size:16px;line-height:1.6;}
.v2-us-wegweiser em.v2-mehr{margin-top:auto;padding-top:8px;font-style:normal;font-size:16px;}
@media (max-width:900px){.v2-us-wegweiser{grid-template-columns:minmax(0,1fr);}}
.v2-bereich--grau .v2-anspruch li{background:#fff;box-shadow:var(--v2-karte-weich);}
.v2-bereich:not(.v2-bereich--grau) .v2-wirkung > li{background:var(--v2-grau);box-shadow:none;}
.v2-bereich:not(.v2-bereich--grau) .v2-wirkung__kette li:not(:last-child){background:#fff;}
.v2-bereich:not(.v2-bereich--grau) .v2-steuer__felder li{background:var(--v2-grau);box-shadow:none;}

/* Praesentation: Zurueck-Pfeil zeigt nach links */
.v2-praesi [data-praesi-zurueck] .v2-ic{transform:scaleX(-1);}

/* Ablauf-Ziel auf Nachtgrund: Knopf weiss mit weissem Rahmen */
html body .v2-weg__ziel .bvh-btn, html body .v2-weg__ziel .bvh-btn:is(:hover, :focus-visible, :active) { background: #fff !important; border-color: #fff !important; color: #002325 !important; }
html body .v2-weg__ziel .bvh-btn :is(svg, svg *, .bvh-arrow) { color: #002325 !important; stroke: currentColor; }
html body .v2-weg__ziel .bvh-btn:is(:hover, :focus-visible) { background: #DCEBE9 !important; border-color: #DCEBE9 !important; }
html body .v2-weg__ziel .bvh-btn:focus-visible { outline: 3px solid #A9D5CB; outline-offset: 3px; }

/* Ablauf als seriöse Zeitleiste (ersetzt Spur und Illustrationen) */
.v2-ablauf { position: relative; max-width: 860px; margin: 0; padding: 0; list-style: none; --v2-ablauf-fort: 0px; }
.v2-ablauf::before, .v2-ablauf::after { content: ''; position: absolute; left: 27px; top: 28px; width: 2px; margin-left: -1px; }
.v2-ablauf::before { bottom: 28px; background: #C9D6D4; }
.v2-ablauf::after { height: var(--v2-ablauf-fort); max-height: calc(100% - 56px); background: var(--v2-nacht, #002325); transition: height .25s linear; }
.v2-ablauf__schritt { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr); column-gap: 32px; margin: 0; padding: 0 0 44px; }
.v2-ablauf__schritt:last-child { padding-bottom: 0; }
.v2-ablauf__schritt::before { content: none !important; }
.v2-ablauf__marke { position: relative; z-index: 1; }
.v2-ablauf__nr { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border: 2px solid #C9D6D4; border-radius: 50%; background: #fff; color: var(--v2-tinte, #07262D); font-size: 15px; font-weight: 700; letter-spacing: .5px; font-variant-numeric: tabular-nums; transition: background-color .35s ease, border-color .35s ease, color .35s ease; }
.v2-ablauf__schritt.ist-da .v2-ablauf__nr { border-color: var(--v2-nacht, #002325); background: var(--v2-nacht, #002325); color: #fff; }
.v2-ablauf__inhalt { padding-top: 13px; }
.v2-ablauf__inhalt h3 { margin: 0 0 10px; color: var(--v2-tinte, #07262D); font-size: 22px; font-weight: 700; line-height: 1.25; }
.v2-ablauf__merkmale { display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 0 0 12px !important; padding: 0 !important; list-style: none; }
.v2-ablauf__merkmale li { position: relative; margin: 0 !important; padding: 0 0 0 14px !important; color: var(--v2-label, #5B6A6B); font-size: 12px; font-weight: 700; letter-spacing: 1px; line-height: 1.5; text-transform: uppercase; }
.v2-ablauf__merkmale li::before { content: '' !important; position: absolute; left: 0; top: .55em; width: 6px; height: 6px; border-radius: 50%; background: #A9D5CB; }
.v2-ablauf__inhalt p { margin: 0 0 10px; color: var(--v2-leise, #4C5D5E); font-size: 17px; line-height: 1.65; }
.v2-ablauf__inhalt p.v2-ablauf__link { margin: 14px 0 0; }
@media (max-width: 760px) { .v2-ablauf::before, .v2-ablauf::after { left: 20px; top: 20px; } .v2-ablauf::before { bottom: 20px; } .v2-ablauf__schritt { grid-template-columns: 40px minmax(0, 1fr); column-gap: 18px; padding-bottom: 36px; } .v2-ablauf__nr { width: 40px; height: 40px; font-size: 13px; } .v2-ablauf__inhalt { padding-top: 6px; } .v2-ablauf__inhalt h3 { font-size: 19px; } }
@media (prefers-reduced-motion: reduce) { .v2-ablauf::after, .v2-ablauf__nr { transition: none; } }

/* Ablauf: volle Breite, Linie endet am letzten Punkt, Punkte je Hintergrund */
.v2-ablauf { max-width: none; }
.v2-ablauf::before { bottom: auto; height: var(--v2-ablauf-ende, calc(100% - 56px)); }
.v2-ablauf::after { max-height: var(--v2-ablauf-ende, calc(100% - 56px)); }
.v2-ablauf__inhalt h3 { margin-bottom: 8px; }
.v2-ablauf__text > p:last-child { margin-bottom: 0; }
@media (min-width: 1024px) { .v2-ablauf__inhalt { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: 56px; align-items: start; } .v2-ablauf__inhalt .v2-ablauf__merkmale { margin-bottom: 0 !important; } .v2-ablauf__text { padding-top: 2px; } }
.v2-bereich--grau .v2-ablauf__nr { background: #fff; border-color: #fff; }
.v2-bereich:not(.v2-bereich--grau):not(.v2-bereich--nacht) .v2-ablauf__nr { background: #EEF5F3; border-color: #EEF5F3; }
.v2-ablauf__schritt.ist-da .v2-ablauf__nr { background: var(--v2-nacht, #002325) !important; border-color: var(--v2-nacht, #002325) !important; color: #fff; }

/* Ablauf: jeder Schritt als Karte, Punkt auf Hoehe der Ueberschrift */
.v2-ablauf__schritt { padding-bottom: 20px; column-gap: 28px; }
.v2-ablauf::before, .v2-ablauf::after { top: 50px; }
.v2-ablauf__marke { padding-top: 22px; }
.v2-ablauf__inhalt { padding: 26px 32px !important; border-radius: 10px; background: #fff; box-shadow: var(--v2-karte, 9px 10px 21px rgba(0, 0, 0, .1)); }
.v2-bereich:not(.v2-bereich--grau):not(.v2-bereich--nacht) .v2-ablauf__inhalt { background: #EEF5F3; box-shadow: none; }
.v2-ablauf__schritt.ist-da .v2-ablauf__inhalt { box-shadow: var(--v2-karte, 9px 10px 21px rgba(0, 0, 0, .1)); }
.v2-bereich:not(.v2-bereich--grau):not(.v2-bereich--nacht) .v2-ablauf__schritt.ist-da .v2-ablauf__inhalt { box-shadow: none; }
.v2-ablauf__inhalt h3 { margin-top: 0; }
@media (min-width: 1024px) { .v2-ablauf__inhalt { column-gap: 48px; } }
@media (max-width: 760px) { .v2-ablauf::before, .v2-ablauf::after { top: 38px; } .v2-ablauf__marke { padding-top: 18px; } .v2-ablauf__schritt { column-gap: 14px; padding-bottom: 16px; } .v2-ablauf__inhalt { padding: 20px 20px !important; } }
.v2-ablauf::before, .v2-ablauf::after { top: 40px; }
.v2-ablauf__marke { padding-top: 12px; }
@media (max-width: 760px) { .v2-ablauf::before, .v2-ablauf::after { top: 32px; } .v2-ablauf__marke { padding-top: 12px; } }

/* Abstand zwischen Umschalter und erstem Ablaufschritt; Platz fuer Kartenschatten */
.v2-wahl__kopf { margin-bottom: 40px !important; }
.v2-wahl__fenster { padding-top: 4px; padding-bottom: 32px; }
@media (max-width: 760px) { .v2-wahl__kopf { margin-bottom: 28px !important; } }

/* Swipe-Fenster: Platz fuer Kartenschatten, inaktive Tafel ausgeblendet */
@media screen {
  .v2-wahl__fenster { margin: 0 -40px; padding: 4px 40px 36px; }
  html.v2-js .v2-wahl__tafel { transition: visibility 0s; }
  html.v2-js .v2-wahl:not([data-wahl-aktiv="1"]) .v2-wahl__tafel:nth-child(2), html.v2-js .v2-wahl[data-wahl-aktiv="1"] .v2-wahl__tafel:nth-child(1) { visibility: hidden; transition: visibility 0s .55s; }
  html.v2-js .v2-wahl.ist-ziehen .v2-wahl__tafel { visibility: visible !important; transition: none; }
}
@media screen and (max-width: 760px) { .v2-wahl__fenster { margin: 0 -20px; padding: 4px 20px 28px; } }

/* Selbsttest: Fragen als getrennte Karten (2026-10-07) */
html body .v2-test__fragen{gap:14px;counter-reset:v2frage}
html body .v2-test__fragen > .v2-test__frage{background:#EEF5F3;border:0;border-radius:10px;padding:22px 24px 24px;margin:0;min-width:0;counter-increment:v2frage;position:relative}
html body .v2-test__fragen > fieldset.v2-test__frage > legend{float:left;width:100%;padding:0;margin:0 0 14px}
html body .v2-test__fragen > fieldset.v2-test__frage > legend + *{clear:both}
html body .v2-test__fragen > .v2-test__frage > .v2-test__label::before,html body .v2-test__fragen > fieldset.v2-test__frage > legend::before{content:counter(v2frage,decimal-leading-zero);display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;margin-right:10px;padding:0 6px;border-radius:148px;background:#002325;color:#fff;font-size:12px;font-weight:600;letter-spacing:.04em;vertical-align:1px}
html body .v2-test__fragen .v2-test__wert{background:#fff}
@media (max-width:640px){html body .v2-test__fragen > .v2-test__frage{padding:18px 16px 20px}}

/* Wirkung: ohne Personen-Icons (2026-10-07) */
html body .v2-wirkung__wer{display:block;grid-template-columns:none}
html body .v2-wirkung__wer h3{margin:0}

/* Wirkung: mehr Luft (2026-10-07) */
html body .v2-wirkung{gap:32px}
html body .v2-wirkung > li{padding:44px 40px 40px}
html body .v2-wirkung__wer{margin-bottom:28px}
html body .v2-wirkung__wer h3{line-height:1.35}
html body .v2-wirkung__kette{display:grid;gap:14px}
html body .v2-wirkung__kette > li{padding:18px 22px 18px 60px;line-height:1.65;margin:0}html body .v2-wirkung__kette > li::before{left:20px;top:18px}
@media (max-width:640px){html body .v2-wirkung > li{padding:28px 20px 24px}html body .v2-wirkung__kette > li{padding:16px 16px 16px 52px}html body .v2-wirkung__kette > li::before{left:14px;top:16px}}