.st-wrap{--white:#fff;--navy:#1f2328;--navy2:#3a4048;--muted:#5a6169;--hair:#d9dde1;--hair2:#eef1f3;--blue:#2c83a6;--purple:#216a87;--pink:#6cbbda;--green:#2c83a6;--mono:ui-monospace,"JetBrains Mono",monospace;--navH:68px;background:#f4f6f7;color:var(--navy)}.st-story{height:220vh;position:relative}.st-stage{position:sticky;top:var(--navH);height:calc(100vh - var(--navH));display:flex;align-items:center;justify-content:center;overflow:hidden}.st-stage-inner{width:min(1240px,100%);padding:0 20px;position:relative;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:28px;align-items:center}.st-scene{position:relative;width:100%;margin:0 auto;aspect-ratio:1180/660}:where(.v3) svg.st-iso{width:100%;height:100%;display:block;overflow:visible}.st-status{position:absolute;left:16px;top:0;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.st-pill{font-family:var(--mono);font-size:11px;letter-spacing:1.8px;text-transform:uppercase;padding:7px 14px;border-radius:999px;border:1px solid var(--hair);background:var(--white);color:var(--muted);transition:all .4s}.st-pill.on{color:var(--navy);border-color:var(--navy);box-shadow:0 4px 14px rgba(10,26,58,.08)}.st-pill.on.soll{border-color:var(--blue);color:#2563eb}.st-text{display:grid;gap:22px;align-content:center}.st-text .gross{font-size:clamp(30px,3.3vw,48px)}.st-lead{color:var(--muted);font-size:clamp(16px,1.4vw,19px);max-width:30em}.iso-tabs{display:flex;flex-wrap:wrap}.iso-tabs button{font-family:var(--display);font-weight:800;font-size:15px;padding:11px 18px;border:2px solid var(--anthrazit);background:transparent;color:var(--anthrazit);cursor:pointer;margin-left:-2px}.iso-tabs button:first-child{margin-left:0}.iso-tabs button.on{background:var(--anthrazit);color:#fff}.iso-tabs button{position:relative}.iso-tabs .fortschritt{position:absolute;left:0;bottom:-2px;height:3px;background:var(--gletscher);width:0}.iso-erkl{display:grid;gap:8px;min-height:8.5em;border-left:3px solid var(--gletscher);padding-left:18px}.iso-erkl h3{font-size:clamp(20px,1.9vw,25px);line-height:1.15;font-weight:800}.iso-erkl p{color:var(--muted);max-width:30em;font-size:15.5px}.st-old-caption{position:absolute;left:16px;top:122px;max-width:290px;font-size:15px;line-height:1.5;color:var(--muted)}.st-caption b{font-size:17px;margin-bottom:4px;letter-spacing:-.01em}.st-caption .sub,.st-caption b{display:block;color:var(--navy)}.st-caption .sub{margin-top:6px;font-size:13px;font-weight:600;max-width:260px}@media (max-width:720px){.st-stage{align-items:flex-start;height:calc(100dvh - var(--navH))}.st-stage-inner{padding:0 10px;display:flex;flex-direction:column}.st-scene{aspect-ratio:auto;order:2;margin:14px 0 0;width:100%}:where(.v3) svg.st-iso{height:auto}.st-status{position:static;flex-direction:row;order:0}.st-text{gap:14px}.st-text .gross{font-size:24px}.st-lead{display:none}.iso-tabs button{padding:8px 13px;font-size:14px}.iso-erkl{min-height:9em;padding-left:12px}.iso-erkl h3{font-size:17px}.iso-erkl p{font-size:14px}.st-caption{position:static;max-width:none;order:1;margin-top:10px;font-size:13px;min-height:58px}.st-caption b{font-size:15px}.st-caption .sub{max-width:none}}@media (max-width:420px){.st-pill{padding:6px 11px}.st-caption{font-size:12.5px;margin-top:8px}.st-caption b{font-size:14px}}@media (prefers-reduced-motion:reduce){.st-stage,.st-story{height:auto}.st-stage{position:relative;padding:24px 0}.st-pill{transition:none}}.kern{background:var(--anthrazit);color:var(--auf-anthrazit);text-align:center}.kern .wrap{padding-block:clamp(72px,8vw,120px)}.kern-satz{font-family:var(--display);font-weight:900;font-size:clamp(36px,6.4vw,92px);line-height:.98;letter-spacing:-.045em;max-width:12.5em;margin:0 auto;text-wrap:balance}.kern-satz span{color:#4c545d;transition:color .25s}.kern-satz span.an{color:var(--auf-anthrazit)}.kern-satz span.akzent.an{color:var(--gletscher-hell)}.ansicht{padding-block:64px 120px}.ansicht>.wrap>h1{font-size:clamp(36px,5vw,60px);font-weight:800;line-height:1.02;letter-spacing:-.03em}.ansicht .lead{color:var(--leise);font-size:19px;max-width:42em;margin-top:16px}.ansicht h2.abschnitt{font-size:28px;font-weight:800;margin:72px 0 8px}.ansicht p.abschnitt-text{color:var(--leise);max-width:44em;margin-bottom:28px}.regeln3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:44px;list-style:none;padding:0}@media (max-width:860px){.regeln3{grid-template-columns:minmax(0,1fr);gap:20px}}.regeln3 li{border-top:2px solid var(--text);padding-top:14px;display:grid;gap:6px}.regeln3 b{font-family:var(--display);font-size:20px}.regeln3 span{color:var(--leise)}.vergleich{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);border-top:2px solid var(--text)}.vergleich>div{padding:26px 24px 30px 0;border-bottom:1px solid var(--linie);min-width:0}.vergleich>div:nth-child(3n),.vergleich>div:nth-child(3n+2){padding-left:24px;border-left:1px solid var(--linie)}.vergleich .kopfzeile{font-size:13px;font-weight:600;color:var(--leise);padding-block:12px}.vergleich .was b{display:block;font-family:var(--display);font-size:19px}.vergleich .was span{display:block;color:var(--leise);font-size:15px;margin-top:6px}.vergleich .alt{background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(31,35,40,.025) 10px 20px)}@media (max-width:860px){.vergleich{grid-template-columns:minmax(0,1fr)}.vergleich>div:nth-child(3n),.vergleich>div:nth-child(3n+2){padding-left:0;border-left:0}.vergleich .kopfzeile{display:none}.vergleich .alt:before{content:"Heute üblich";color:var(--leise)}.vergleich .alt:before,.vergleich .neu:before{display:block;font-size:13px;font-weight:600;margin-bottom:12px}.vergleich .neu:before{content:"Neu bei Vectoryon";color:var(--gletscher-tief)}}.m-kicker{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6d4bd8;background:#eee9fd;padding:4px 10px;border-radius:999px}.m-h{font-family:var(--display);font-weight:800;font-size:24px;margin-top:10px;line-height:1.1}.m-karten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.m-karte{background:var(--weiss);border-radius:16px;box-shadow:0 6px 18px rgba(80,60,160,.1);padding:14px;font-size:13px;display:grid;gap:6px}.m-karte i{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#7b5cf0,#e05cb0);display:block}.m-pillen{display:flex;flex-wrap:wrap;gap:10px}.m-pille{padding:11px 20px;border-radius:999px;font-weight:600;font-size:15px;background:linear-gradient(90deg,#6d4bd8,#c04fc0);color:#fff}.m-pille.zwei{background:var(--weiss);color:var(--text);border:1px solid var(--linie)}.m-badge{display:inline-block;padding:3px 10px;border-radius:999px;background:#e8f7ee;color:#1d7a45;font-size:12px;font-weight:700}.p-titel{font-family:var(--display);font-weight:900;font-size:clamp(28px,3vw,38px);line-height:.92;letter-spacing:-.045em}.p-titel span{color:var(--gletscher)}.p-bloecke{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.p-bloecke div{padding:14px 12px 16px;font-size:13px;display:grid;gap:4px}.p-bloecke b{font-family:var(--display);font-weight:900;font-size:34px;line-height:.85;letter-spacing:-.05em;color:var(--gletscher)}.p-bloecke div:first-child{background:var(--weiss);outline:1px solid var(--linie);outline-offset:-1px}.p-bloecke div:nth-child(2){background:var(--gletscher-flaeche)}.p-bloecke div:nth-child(3){background:var(--anthrazit);color:var(--auf-anthrazit)}.p-bloecke div:nth-child(3) b{color:var(--gletscher-hell)}.p-flaeche{background:var(--gletscher);padding:20px;display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}.n-meta{font-size:14px;color:var(--gletscher-tief);font-weight:600}.n-meta+b{display:block;font-family:var(--display);font-size:18px;margin-top:2px}.rhythmus{display:grid;gap:0;border:1px solid var(--linie)}.rhythmus div{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;font-size:14px}.rhythmus i{display:block;height:34px}.rhythmus span{color:var(--leise)}.rhythmus b{color:var(--text);font-weight:600}.bewegung{list-style:none;margin:0;padding:0;display:grid}.bewegung li{padding:12px 0;border-bottom:1px solid var(--linie);display:grid;gap:2px}.bewegung b{font-family:var(--display);font-size:16px}.bewegung span{color:var(--leise);font-size:15px}.bausteine{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}@media (max-width:860px){.bausteine{grid-template-columns:minmax(0,1fr)}}.baustein h3{font-size:18px;padding-bottom:10px;border-bottom:2px solid var(--text);margin-bottom:18px}.farben{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media (max-width:520px){.farben{grid-template-columns:repeat(2,minmax(0,1fr))}}.farbe{display:grid;gap:8px;font-size:13.5px}.farbe i{display:block;aspect-ratio:1;max-width:100%;border:1px solid var(--linie)}.farbe b{font-family:var(--display);font-size:15px}.farbe span{color:var(--leise);font-variant-numeric:tabular-nums}.skala{display:grid;gap:14px}.skala div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:baseline;border-bottom:1px solid var(--linie);padding-bottom:12px}.skala small{font-size:13px;color:var(--leise);font-variant-numeric:tabular-nums}.icons{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}.icons figure{margin:0;display:grid;gap:8px;justify-items:start;font-size:13px;color:var(--leise)}.icons svg{display:block}.baum{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin-top:44px}@media (max-width:1040px){.baum{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.baum{grid-template-columns:minmax(0,1fr)}}.ast{display:grid;align-content:start;min-width:0}.ast>h2{font-size:19px;padding:12px 0 10px;border-top:4px solid var(--anthrazit);border-bottom:1px solid var(--linie)}.ast>p{padding:10px 0 4px;font-size:14.5px;color:var(--leise)}.ast ul{list-style:none;margin:0;padding:0}.ast li{padding:9px 0;border-bottom:1px solid var(--linie);font-size:15px}.ast li small{display:block;color:var(--leise);font-size:13.5px;line-height:1.4;margin-top:2px}.ast .gruppe{font-family:var(--display);font-weight:700;font-size:14px;color:var(--gletscher-tief);padding-top:14px}.ast li.unter-li{padding-left:16px}.ebene{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:40px}@media (max-width:1040px){.ebene{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.ebene{grid-template-columns:minmax(0,1fr)}}.ebene .ast>h2{border-top-color:var(--gletscher)}.seo-regeln{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 40px;list-style:none;padding:0;margin:0 0 32px}@media (max-width:760px){.seo-regeln{grid-template-columns:minmax(0,1fr)}}.seo-regeln li{border-top:2px solid var(--text);padding-top:12px;display:grid;gap:4px}.seo-regeln b{font-family:var(--display);font-size:18px}.seo-regeln span{color:var(--leise);font-size:15.5px}.tabelle{overflow-x:auto;border-top:2px solid var(--text)}:where(.v3) table{border-collapse:collapse;width:100%;min-width:760px;font-size:15px}:where(.v3) td,:where(.v3) th{text-align:left;padding:11px 14px 11px 0;border-bottom:1px solid var(--linie);vertical-align:top}:where(.v3) th{font-size:13px;color:var(--leise);font-weight:600;background:var(--grund);position:sticky;top:0}:where(.v3) td:first-child{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:13.5px;white-space:nowrap}:where(.v3) td.tz{font-weight:600}.mass{font-weight:600;white-space:nowrap}.mass.bleibt{color:#2f6b3a}.mass.umleiten{color:var(--gletscher-tief)}.mass.pruefen{color:#8a5a12}:where(.v3) tr.gruppe td{background:var(--weiss);font-family:var(--display);font-weight:700;font-size:15px;padding-top:18px;color:var(--text);white-space:normal}.entwurf{position:fixed;left:0;right:0;bottom:0;z-index:80;background:#101214;color:#c9ced4;font-size:13.5px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px max(16px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.entwurf b{color:#fff;font-weight:600;margin-right:6px}.entwurf .zurueck{color:#fff;text-decoration:none;margin-right:10px;padding:6px 10px;border:1px solid #3a4048}.entwurf button{border:1px solid #3a4048;background:#1f2328;color:#c9ced4;padding:6px 12px;cursor:pointer;font-size:13.5px}.entwurf button[aria-pressed=true]{background:#fff;color:#101214;border-color:#fff}.entwurf span{margin-left:auto;color:#8a929b}@media (max-width:860px){.entwurf span{display:none}}.neu{position:relative;outline:2px dashed #2e9e5b;outline-offset:6px}.neu-marke{position:absolute;top:-14px;right:8px;z-index:5;background:#2e9e5b;color:#fff;font:600 12px/1 var(--body);padding:5px 8px;letter-spacing:0;white-space:nowrap}.muster{display:inline-block;font:600 11px/1 var(--body);color:#8a5a00;background:#fff1d6;padding:3px 6px;vertical-align:middle;letter-spacing:0}:where(.v3).ohne-marken .neu{outline:0}:where(.v3).ohne-marken .muster,:where(.v3).ohne-marken .neu-marke{display:none}.cta.neu>.neu-marke{top:auto;bottom:-14px}.filmknopf-wrap{position:relative;display:inline-block}.filmknopf{white-space:normal;text-align:left}.filmknopf:hover{background:var(--anthrazit)}.filmknopf:before{content:"";flex:none;border-color:transparent transparent transparent currentcolor;border-style:solid;border-width:6px 0 6px 10px}.filmvorschau{position:absolute;left:0;right:0;bottom:100%;aspect-ratio:16/9;border:10px solid var(--anthrazit);border-bottom:0;overflow:hidden;background:var(--anthrazit);cursor:pointer;box-shadow:0 18px 40px -16px rgba(10,30,40,.55);opacity:0;transform:translateY(8px);transform-origin:bottom center;pointer-events:none;transition:opacity .2s,transform .2s;z-index:5}.filmvorschau.offen{opacity:1;transform:none;pointer-events:auto}.filmvorschau img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.minifilm-dauer{position:absolute;left:8px;bottom:8px;z-index:2;background:rgba(31,35,40,.85);color:#fff;font:600 12px/1 var(--body);padding:5px 8px;border-radius:999px}.kunden{background:#f4f6f7}.st-stage{flex-direction:column}.st-stage .kunden{width:min(1240px,100%);margin-top:clamp(24px,5vh,56px);background:none}.st-stage .kunden .wrap{max-width:none;padding:0 20px}.st-stage .kunden ul{width:100%;display:grid;grid-template-columns:repeat(8,auto);justify-content:space-between;gap:14px 24px}.st-wrap>.kunden{display:none}@media (max-width:720px){.st-stage .kunden{display:none}.st-wrap>.kunden{display:block}}.kunden .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:14px 40px;padding-block:44px}.kunden p{font-size:14px;color:var(--leise)}.kunden ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px 36px}.kunden .wrap{flex-direction:column;align-items:flex-start}@media (max-width:860px){.geschichten{grid-template-columns:minmax(0,1fr)}}.geschichten.eine{grid-template-columns:minmax(0,1fr)}.geschichten.eine .gesch{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:center}@media (max-width:860px){.geschichten.eine .gesch{grid-template-columns:minmax(0,1fr);gap:0}}.geschichten.eine .foto{margin-bottom:0}@media (max-width:860px){.geschichten.eine .foto{margin-bottom:22px}}.gesch .foto{aspect-ratio:16/10;margin-bottom:22px}.gesch blockquote{margin:0;font-family:var(--display);font-size:clamp(22px,2.4vw,30px);line-height:1.15;font-weight:700;letter-spacing:-.02em}.gesch .wer{margin-top:12px;color:var(--leise);font-size:15px}.gesch .ergebnis{margin-top:14px;font-weight:700;color:var(--gletscher-tief)}.konsole .pfeillink{color:var(--auf-anthrazit);border-color:var(--gletscher-hell)}.konsole .pfeillink:after{color:var(--gletscher-hell)}.eigen{grid-template-columns:minmax(0,1fr)}.gesch img.foto{display:block;width:100%;height:auto;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;border:1px solid var(--linie);border-radius:6px;background:var(--gletscher-flaeche)}.gesch .art{font-size:15px;color:var(--gletscher-tief);font-weight:600;margin-bottom:8px}.gesch .wer{font-size:16px;line-height:1.55}.drei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;margin:0;padding:0}@media (max-width:860px){.drei{grid-template-columns:minmax(0,1fr);gap:28px}}.drei li{border-top:2px solid var(--text);padding-top:16px;display:grid;gap:8px;align-content:start;min-width:0}.drei .n{font-family:var(--display);font-weight:900;font-size:44px;line-height:1;letter-spacing:-.04em;color:var(--gletscher)}.drei h3{font-size:clamp(21px,2vw,25px);font-weight:800;line-height:1.15}.drei p{color:var(--leise)}.drei q{display:block;font-family:var(--display);font-weight:700;font-size:19px;line-height:1.3;color:var(--text);quotes:"«" "»"}@media (max-width:600px){.iso-erkl p,.kunden p{font-size:16px}}