main.start .d3-h1,main.start .d3-h2,main.start .d3-h3,main.start .d3-h4{box-sizing:border-box}
main.start .d3-h1{position:relative;width:100%;margin:0;padding:96px max(16px,calc((100% - 1398px) / 2)) 0;text-align:center;overflow-x:clip;overflow-y:visible}
main.start .d3-schleier{position:absolute;width:520px;max-width:80vw;aspect-ratio:1;border-radius:50%;background:#0B0F0D;opacity:.12;filter:blur(80px);top:-200px;left:calc(max(0px,(100% - 1430px) / 2) - 180px);pointer-events:none;z-index:0}
main.start .d3-titel{position:relative;z-index:6;transform:translateX(var(--d3sb,0px));margin:0;display:flex;flex-direction:column;gap:10px;font-weight:700;color:#121815}
main.start .d3-titel-klein{font-size:min(24px,6vw);line-height:1.3;letter-spacing:-.015em}
main.start .d3-titel-gross{font-size:min(115.2px,13.2vw,calc((100vw - 40px) / 7.9));line-height:1.08;letter-spacing:-.04em}
main.start .d3-zeile{display:block !important;width:max-content;max-width:100%;margin-inline:auto;font-style:normal}
main.start .d3-verlauf{display:inline-block;font-style:normal;padding-bottom:.12em;margin-bottom:-.12em;background:linear-gradient(90deg,#15803D 0%,#059669 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
main.start .d3-h2{position:relative;width:100%;margin:0;padding:176px max(24px,calc((100% - 1152px) / 2)) 40px;display:flex;flex-wrap:wrap;align-items:center;gap:48px;overflow-x:clip;overflow-y:visible}
main.start .d3-text{flex:1 1 440px;min-width:0;max-width:470px;display:flex;flex-direction:column;gap:24px;position:relative;z-index:3}
main.start .d3-satz{margin:0;font-size:18px;line-height:1.55;color:#5A645F}
main.start .d3-text .s-kopfpreis{display:flex;flex-direction:column;gap:4px}
main.start .d3-text .s-kopfpreis b{font-size:36px;line-height:1.1;letter-spacing:-.03em;color:#121815}
main.start .d3-text .s-kopftasten{display:flex !important;flex-wrap:wrap;gap:12px;width:auto;max-width:none;margin-inline:0}
main.start .d3-text .s-kopftasten .s-tat{flex:0 0 auto !important;width:auto !important;height:48px;min-height:48px;padding:0 24px !important;border-radius:12px !important;font-size:16px !important}
/* Nachtrag 1 (Chef 15.10.): beide Kopfknöpfe gleich breit; am Handy zwei gleiche Spalten nebeneinander */
main.start .d3-text .s-kopftasten .s-tat{min-width:188px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
@media (max-width:430px){main.start .d3-text .s-kopftasten{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}main.start .d3-text .s-kopftasten .s-tat{min-width:0;width:100% !important;padding:0 10px !important;font-size:15px !important}}
main.start .d3-text .s-vormerken{align-items:stretch !important;text-align:left !important;margin-inline:0 !important;max-width:470px}
main.start .d3-text .s-vormerken form{flex-direction:row !important;justify-content:flex-start !important}
main.start .d3-text .s-vormerken .s-tat{width:auto !important;border-radius:12px !important}
@media (max-width:600px){main.start .d3-text .s-vormerken form{flex-direction:column !important}main.start .d3-text .s-vormerken .s-tat{width:100% !important}}
main.start .d3-text .s-tat:not(.s-leise){background:#00875A;color:#FFFFFF}
main.start .d3-buehne{flex:1.4 1 560px;min-width:0;position:relative;z-index:1;padding-bottom:70px}
main.start .d3-glanz{position:absolute;width:520px;max-width:100%;aspect-ratio:1;border-radius:50%;background:#0B0F0D;opacity:.12;filter:blur(80px);top:10%;left:20%;pointer-events:none}
main.start .d3-ipad-rahmen{position:relative;perspective:2200px;transform:translate3d(var(--ix,0px),0,0);opacity:var(--io,1);will-change:transform,opacity}
main.start .d3-ipad{position:relative;border-radius:clamp(18px,2.4vw,32px);background:#1A1F1C;padding:clamp(8px,1.2vw,14px);box-shadow:0 60px 110px -50px rgba(4,40,28,.55),inset 0 0 0 2px rgba(255,255,255,.07);transform:rotateX(3deg);transform-origin:50% 100%}
main.start .d3-kamera{position:absolute;top:clamp(3px,.45vw,6px);left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:#2C3430}
main.start .d3-schirm{position:relative;aspect-ratio:4/3;border-radius:clamp(9px,1.2vw,16px);overflow:hidden;background:#F2F4F3}
main.start .d3-schirm img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
main.start .d3-handy-platz{position:absolute;right:calc(-1 * min(28px,max(16px,(100vw - 1168px) / 2)));bottom:6px;z-index:5;transform:translate3d(var(--rx,0px),var(--ry,0px),0) scale(.7);transform-origin:100% 100%;will-change:transform}
main.start .d3-handy{width:300px;aspect-ratio:300/620;border-radius:48px;background:#1A1F1C;padding:12px;box-sizing:border-box;box-shadow:0 50px 90px -30px rgba(4,40,28,.55),inset 0 0 0 2px rgba(255,255,255,.08)}
main.start .d3-handy-glas{position:relative;height:100%;border-radius:37px;overflow:hidden;background:#F2F4F3;padding:52px 16px 16px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;color:#121815;font-size:14px}
main.start .d3-insel{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:92px;height:26px;border-radius:20px;background:#000}
main.start .d3-hkopf{display:flex;justify-content:space-between;align-items:center}
main.start .d3-hkopf b{font-size:15px}
main.start .d3-schritt-nr{font-size:12px;color:#5A645F}
main.start .d3-balken{display:flex;gap:5px}
main.start .d3-balken i{flex:1;height:4px;border-radius:4px;background:#E1E7E3;transition:background .4s}
main.start .d3-handy[data-s="0"] .d3-balken i:nth-child(-n+1),main.start .d3-handy[data-s="1"] .d3-balken i:nth-child(-n+2),main.start .d3-handy[data-s="2"] .d3-balken i:nth-child(-n+3),main.start .d3-handy[data-s="3"] .d3-balken i{background:#00C981}
main.start .d3-phase{display:none;flex-direction:column;gap:10px;flex:1 1 auto;min-height:0;animation:d3auf .5s cubic-bezier(.2,.8,.2,1) both}
main.start .d3-handy[data-s="0"] .d3-p0,main.start .d3-handy[data-s="1"] .d3-p1,main.start .d3-handy[data-s="2"] .d3-p2,main.start .d3-handy[data-s="3"] .d3-p3{display:flex}
main.start .d3-sucher{position:relative;flex:1 1 auto;min-height:300px;border-radius:22px;background:#232A26;display:flex;align-items:center;justify-content:center;overflow:hidden}
main.start .d3-bon{width:64%;padding:16px 14px 22px;background:#fff;color:#1C211E;border-radius:4px;transform:rotate(-3deg);box-shadow:0 14px 30px rgba(0,0,0,.4);font:10px/1.5 ui-monospace,Menlo,monospace;display:flex;flex-direction:column;gap:3px}
main.start .d3-bon b{text-align:center;font-size:11px}
main.start .d3-bon>span{text-align:center;color:#5A645F}
main.start .d3-bon .z{display:flex;justify-content:space-between;color:#1C211E;text-align:left}
main.start .d3-bon .z em{font-style:normal}
main.start .d3-bon .s{font-weight:600}
main.start .d3-bon hr{border:0;border-top:1px dashed #9BA5A0;margin:3px 0;width:100%}
main.start .d3-scan{position:absolute;left:6%;right:6%;height:2px;background:#00C981;box-shadow:0 0 18px 4px rgba(0,201,129,.55);animation:d3scan 1.6s ease-in-out infinite alternate}
main.start .d3-sucher i{position:absolute;width:26px;height:26px;border:3px solid #00C981}
main.start .d3-sucher .e1{left:16px;top:16px;border-right:0;border-bottom:0;border-radius:8px 0 0 0}
main.start .d3-sucher .e2{right:16px;top:16px;border-left:0;border-bottom:0;border-radius:0 8px 0 0}
main.start .d3-sucher .e3{left:16px;bottom:16px;border-right:0;border-top:0;border-radius:0 0 0 8px}
main.start .d3-sucher .e4{right:16px;bottom:16px;border-left:0;border-top:0;border-radius:0 0 8px 0}
main.start .d3-ausloeser{align-self:center;width:64px;height:64px;border-radius:50%;background:#00C981;border:4px solid #fff;box-sizing:border-box;animation:d3ring 2.4s ease-out infinite}
main.start .d3-feld{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #E1E7E3;font-size:13px}
main.start .d3-p1 .d3-feld{flex-direction:column;align-items:flex-start;gap:2px}
main.start .d3-p1 .d3-feld.gruen{flex-direction:row;align-items:center}
main.start .d3-feld small{font-size:11px;color:#5A645F;text-transform:uppercase;letter-spacing:.06em}
main.start .d3-feld .gross{font-size:22px}
main.start .d3-feld.gruen{background:#E3F8EE;color:#007A57;border-color:#E3F8EE;font-weight:600}
main.start .d3-feld.rand{border:2px solid #00C981}
main.start .d3-feld.klein{font-size:11px;color:#5A645F}
main.start .d3-ptitel{font-size:18px;line-height:1.25}
main.start .d3-kette{text-align:center;color:#00A86B;font-size:20px}
main.start .d3-p3{align-items:center;justify-content:center;text-align:center}
main.start .d3-gebucht{font-size:24px}
main.start .d3-kreis{stroke-dasharray:190;animation:d3kreis .8s ease both}
main.start .d3-haken{stroke-dasharray:60;animation:d3haken .7s .35s ease both}
main.start .d3-h3{max-width:1240px;margin:0 auto;padding:150px 24px 40px;text-align:center}
main.start .d3-aussage{margin:0;font-size:min(112px,10.5vw);line-height:1.0;letter-spacing:-.05em;font-weight:700;color:#121815}
main.start .d3-aussage-satz{margin:36px auto 0;color:#5A645F;font-size:min(28px,5.4vw);line-height:1.4;letter-spacing:-.015em;max-width:30em}
main.start .d3-zeig{opacity:0;transform:translateY(42px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.2,.8,.2,1)}
main.start .d3-zeig.d3-da{opacity:1;transform:none}
main.start .d3-z2{transition-delay:.18s}
main.start .d3-h4{position:relative;overflow:hidden;margin-top:60px;padding:90px 24px 230px;background:rgba(11,15,13,var(--d3,1));color:#F2F5F3}
main.start .d3-licht{position:absolute;width:900px;max-width:120vw;aspect-ratio:1;border-radius:50%;background:#00C981;opacity:.10;filter:blur(140px);left:50%;top:38%;transform:translate(-50%,-50%);pointer-events:none}
main.start .d3-inhalt{position:relative;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;opacity:var(--d3c,1)}
main.start .d3-apps{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));width:100%}
main.start .d3-app{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}
main.start .d3-app-icon{width:60px;height:60px;border-radius:17px;display:flex;align-items:center;justify-content:center;color:#E8EFEB;background:linear-gradient(160deg,#232B27,#151A17);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 30px -12px rgba(0,0,0,.8);transition:transform .3s ease}
main.start .d3-app:hover .d3-app-icon{transform:translateY(-4px)}
main.start .d3-app-name{font-size:12px;color:#B8C2BD;text-align:center;line-height:1.25}
main.start .d3-faecher{width:100%;height:110px;margin-top:8px}
main.start .d3-faecher svg{display:block;width:100%;height:110px;overflow:visible}
main.start .d3-faecher path{stroke:rgba(0,201,129,.9);stroke-width:1.6;stroke-dasharray:2 14;animation:d3fluss 1.6s linear infinite;opacity:.6;vector-effect:non-scaling-stroke}
main.start .d3-nabezeile{position:relative;display:flex;justify-content:center;width:100%}
main.start .d3-nabe{position:relative;width:92px;height:92px}
main.start .d3-nabe-icon{position:absolute;inset:0;border-radius:21px;display:flex;box-shadow:0 20px 60px -10px rgba(0,201,129,.7),0 0 0 1px rgba(140,245,207,.18)}main.start .d3-nabe-zeichen{display:block;width:100%;height:100%}
main.start .d3-ring{position:absolute;inset:-10px;border-radius:31px;border:1px solid rgba(0,201,129,.5);animation:d3nabe 2.6s ease-out infinite}
main.start .d3-berater{position:absolute;left:calc(50% + 46px);top:50%;transform:translateY(-50%);display:flex;align-items:center}
main.start .d3-strich{display:block;width:64px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 6px,transparent 6px 12px);background-size:24px 2px;animation:d3strich 1.2s linear infinite}
main.start .d3-schalter{display:flex;align-items:center;gap:14px;padding:10px 18px 10px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:inherit;font:inherit;cursor:pointer;text-align:left}
main.start .d3-schalter:hover{background:rgba(255,255,255,.08)}
main.start .d3-spur{position:relative;width:46px;height:28px;border-radius:999px;background:rgba(255,255,255,.18);flex:0 0 auto;transition:background .3s}
main.start .d3-knopf{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.4);transition:left .3s cubic-bezier(.2,.8,.2,1)}
main.start .d3-schalter[aria-pressed="true"] .d3-spur{background:#00C981}
main.start .d3-schalter[aria-pressed="true"] .d3-knopf{left:20px}
main.start .d3-schalter-text{display:flex;flex-direction:column;gap:2px}
main.start .d3-schalter-text b{font-size:14px;color:#fff}
main.start .d3-schalter-text span{font-size:12.5px;color:#B8C2BD;max-width:17em}
main.start .d3-an-text{display:none}
main.start .d3-schalter[aria-pressed="true"] .d3-an-text{display:block}
main.start .d3-schalter[aria-pressed="true"] .d3-aus-text{display:none}
main.start .d3-name{margin-top:12px;font-size:14px;font-weight:600;color:#fff}
main.start .d3-steg{width:2px;height:36px;margin-top:14px;background:rgba(255,255,255,.12);position:relative;overflow:hidden;border-radius:2px}
main.start .d3-steg span{position:absolute;left:0;width:2px;height:22px;background:#00C981;animation:d3steg 1.8s ease-in infinite}
main.start .d3-weg{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;margin-top:10px}
main.start .d3-weglinie{position:absolute;left:calc(100% / 12);right:calc(100% / 12);top:7px;height:2px;background:rgba(255,255,255,.14);overflow:hidden}
main.start .d3-weglinie span{position:absolute;top:0;width:120px;height:2px;background:linear-gradient(90deg,transparent,#00C981,transparent);animation:d3wegfunke 3.6s ease-in-out infinite}
main.start .d3-stufe{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:0 8px}
main.start .d3-punkt{width:16px;height:16px;border-radius:50%;background:#0B0F0D;border:2px solid #00C981;box-sizing:border-box;margin-bottom:12px}
main.start .d3-nr{font-size:12px;color:#AEB8B3}
main.start .d3-sname{font-size:18px;font-weight:600;color:#fff;letter-spacing:-.01em}
main.start .d3-stext{font-size:13px;color:#B8C2BD;line-height:1.4}
main.start .d3-marken{margin:36px 0 0;color:#AEB8B3;font-size:12px;text-align:center;max-width:60em}
main.start .d3-wolke{position:absolute;left:0;right:0;bottom:-2px;height:280px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.35) 45%,#FFFFFF 100%)}
main.start .d3-wolke span{position:absolute;border-radius:50%;background:#FFFFFF;filter:blur(46px);opacity:.95;animation:d3wolke 14s ease-in-out infinite alternate}
main.start .d3-wolke span:nth-child(1){width:60%;height:170px;left:-12%;bottom:-70px}
main.start .d3-wolke span:nth-child(2){width:55%;height:190px;left:28%;bottom:-95px;animation-delay:-5s}
main.start .d3-wolke span:nth-child(3){width:50%;height:160px;left:62%;bottom:-60px;animation-delay:-9s}
@keyframes d3auf{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes d3scan{from{top:10%}to{top:86%}}
@keyframes d3ring{0%{box-shadow:0 0 0 0 rgba(0,201,129,.45)}80%,100%{box-shadow:0 0 0 18px rgba(0,201,129,0)}}
@keyframes d3kreis{from{stroke-dashoffset:190}to{stroke-dashoffset:0}}
@keyframes d3haken{from{stroke-dashoffset:60}to{stroke-dashoffset:0}}
@keyframes d3fluss{to{stroke-dashoffset:-32}}
@media (prefers-reduced-motion:reduce){main.start .d3-ring{animation:none;opacity:.5}}
@keyframes d3nabe{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.25);opacity:0}}
@keyframes d3strich{to{background-position:24px 0}}
@keyframes d3steg{from{top:-22px}to{top:36px}}
@keyframes d3wegfunke{from{left:-120px}to{left:100%}}
@keyframes d3wolke{from{transform:translateX(-3%)}to{transform:translateX(3%)}}
@media (min-width:1000px){main.start .d3-text{margin-bottom:70px}}
@media (min-width:1096px){main.start .d3-buehne{margin-left:-40px}}
@media (max-width:999px){main.start .d3-h2{flex-direction:column;align-items:stretch;padding-top:40px}main.start .d3-text{max-width:none}}
@media (max-width:900px){main.start .d3-apps{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 0}main.start .d3-faecher{display:none}main.start .d3-nabezeile{flex-direction:column;align-items:center;gap:18px;margin-top:40px}main.start .d3-berater{position:static;transform:none}main.start .d3-strich{display:none}main.start .d3-weg{grid-template-columns:minmax(0,1fr);gap:22px}main.start .d3-weglinie{display:none}main.start .d3-h4{padding-bottom:200px}main.start .d3-wolke{height:200px}}
@media (max-width:700px){main.start .d3-handy-platz{right:-6px;bottom:20px;transform:scale(.46)}main.start .d3-buehne{padding-bottom:40px}main.start .d3-h1{padding-top:54px}}
@media (min-width:701px) and (max-width:999px){main.start .d3-h2{padding-top:70px}}
main.start #weg.w3{position:relative;box-sizing:border-box;margin:0;padding:130px max(48px,calc((100% - 1280px) / 2));background:#F5F5F7;color:#121815;overflow-x:clip;-webkit-font-smoothing:antialiased}
main.start #weg.w3 *{box-sizing:border-box}
main.start .w3-innen{display:grid;grid-template-columns:560px minmax(0,1fr);gap:72px;align-items:center}
main.start .w3-links{display:flex;flex-direction:column;gap:28px;min-width:0}
main.start #weg .w3-titel{margin:0;font-size:70px;line-height:1.03;font-weight:700;letter-spacing:-.04em;color:#121815;text-align:left}
main.start #weg .w3-titel em,main.start #fuerwen .s-blockkopf h2 em{font-style:normal;display:inline-block;padding-bottom:.08em;margin-bottom:-.08em;background:linear-gradient(100deg,#15803D,#009A62);-webkit-background-clip:text;background-clip:text;color:transparent}
main.start #weg .w3-satz{margin:0;max-width:28em;font-size:17px;line-height:1.6;color:#3E4A44}
main.start .w3-regler{position:relative;width:560px;max-width:100%;height:54px;border-radius:27px;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(18,24,21,.12),0 10px 30px -14px rgba(4,40,28,.35)}
main.start .w3-daumen{position:absolute;top:4px;left:4px;width:calc((100% - 8px) / 3);height:calc(100% - 8px);border-radius:23px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(255,255,255,.6),0 0 22px 4px rgba(0,201,129,.6),0 0 60px 10px rgba(0,201,129,.35);transition:transform .55s cubic-bezier(.3,1.35,.5,1)}
main.start .w3-daumen.p1{transform:translateX(100%)}
main.start .w3-daumen.p2{transform:translateX(200%)}
main.start .w3-marken{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));pointer-events:none}
main.start .w3-marke{display:flex;align-items:center;justify-content:center;padding:0 6px;text-align:center;font-size:14.5px;font-weight:600;line-height:1.2;color:#5A645F;white-space:nowrap;transition:color .3s ease}
main.start .w3-marke.an{color:#0B0F0D}
main.start #weg .w3-input{position:absolute;inset:0;width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:inherit;box-shadow:none;opacity:0;cursor:grab;-webkit-appearance:none;appearance:none;background:transparent}
main.start .w3-input:active{cursor:grabbing}
main.start .w3-input::-webkit-slider-runnable-track{height:100%}
main.start .w3-input::-webkit-slider-thumb{-webkit-appearance:none;width:33.33%;height:54px}
main.start .w3-input::-moz-range-thumb{width:33.33%;height:54px;border:0}
main.start .w3-regler:has(.w3-input:focus-visible){outline:2px solid #00875A;outline-offset:4px}
main.start .w3-preis{display:flex;flex-direction:column;min-height:84px}
main.start .w3-preis-wahl{display:flex;flex-direction:column;gap:4px}
main.start .w3-preis-wahl[hidden]{display:none}
main.start .w3-preis-zahl{font-size:40px;line-height:1.05;font-weight:600;letter-spacing:-.035em;color:#121815;animation:w3ein .5s cubic-bezier(.2,.8,.2,1) both}
main.start .w3-preis-zahl small{font-size:16px;font-weight:500;letter-spacing:0;color:#5A645F;margin-left:8px}
main.start .w3-preis-satz{font-size:15px;line-height:1.45;color:#3E4A44;animation:w3ein .5s .05s cubic-bezier(.2,.8,.2,1) both}
@keyframes w3ein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
main.start .w3-liste{list-style:none;margin:0;padding:0;border-bottom:1px solid rgba(18,24,21,.12);min-width:0}
main.start .w3-zeile{position:relative;display:grid;grid-template-columns:44px 230px minmax(0,1fr);align-items:center;gap:22px;margin:0;padding:14px 0;border-top:1px solid rgba(18,24,21,.12)}
main.start .w3-nr{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;font-size:13px;color:#5A645F;background:transparent;box-shadow:inset 0 0 0 1.5px rgba(18,24,21,.28);transition:all .5s cubic-bezier(.3,1.3,.5,1)}
main.start .w3-name{display:flex;flex-direction:column;align-items:flex-start;min-width:0;font-size:21px;line-height:1.2;font-weight:600;letter-spacing:-.01em;color:#5F6964;overflow-wrap:break-word;transition:color .5s ease}
main.start .w3-text{font-size:13.5px;line-height:1.45;color:#5F6964;transition:color .5s ease}
main.start .w3-zeile.an .w3-name{color:#121815}
main.start .w3-zeile.an .w3-text{color:#3E4A44}
main.start .w3-zeile.an .w3-nr{background:#00C981;color:#04140D;font-weight:500;box-shadow:0 0 0 5px rgba(0,201,129,.14),0 0 22px 4px rgba(0,201,129,.55),0 0 50px 8px rgba(0,201,129,.22);animation:w3glimm 3.2s ease-in-out infinite}
main.start .w3-zeile.start .w3-nr{box-shadow:0 0 0 7px rgba(0,201,129,.2),0 0 26px 6px rgba(0,201,129,.7),0 0 70px 14px rgba(0,201,129,.3)}
main.start .w3-zeile:nth-child(2n) .w3-nr{animation-delay:-1.1s}
main.start .w3-zeile:nth-child(3n) .w3-nr{animation-delay:-2.2s}
@keyframes w3glimm{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18)}}
main.start .w3-schild{display:none;width:max-content;margin-top:6px;font-size:11.5px;line-height:1.3;font-weight:600;letter-spacing:.04em;color:#04140D;background:#00C981;padding:4px 10px;border-radius:999px}
main.start .w3-zeile.start .w3-schild{display:inline-block;animation:w3ein .4s both}
main.start #fuerwen .s-blockkopf h2{font-size:clamp(36px,5.2vw,70px) !important;line-height:1.03;font-weight:700;letter-spacing:-.04em;color:#121815}
main.start #fuerwen .s-werkarte{border-radius:28px;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(18,24,21,.12),0 10px 30px -14px rgba(4,40,28,.35)}
main.start #fuerwen .s-werkarte h3{font-size:21px;font-weight:600;letter-spacing:-.01em;color:#121815}
main.start #fuerwen .s-werkarte li{color:#3E4A44}
main.start #fuerwen .s-haken{width:24px;height:24px;border-radius:50%;background:#00C981;box-shadow:0 0 0 4px rgba(0,201,129,.14),0 0 14px 2px rgba(0,201,129,.5),0 0 30px 4px rgba(0,201,129,.2)}
main.start #fuerwen .s-haken::after{background:#04140D}
main.start #fuerwen .s-werkarte.s-nein .s-kreuz{width:24px;height:24px;border-radius:50%;background:transparent;color:#5A645F;box-shadow:inset 0 0 0 1.5px rgba(18,24,21,.28);font-weight:600;line-height:1}
@media (max-width:1180px){main.start .w3-innen{grid-template-columns:minmax(0,1fr);gap:48px}main.start .w3-links{max-width:640px}}
@media (max-width:700px){main.start #weg.w3{padding:72px 16px}main.start #weg .w3-titel{font-size:clamp(40px,11.5vw,56px)}main.start .w3-regler{height:62px;border-radius:31px}main.start .w3-daumen{border-radius:27px}main.start .w3-input::-webkit-slider-thumb{height:62px}main.start .w3-marke{white-space:normal;font-size:13px}main.start .w3-preis-zahl{font-size:34px}main.start .w3-zeile{grid-template-columns:40px minmax(0,1fr);column-gap:16px;row-gap:4px;padding:12px 0}main.start .w3-nr{grid-row:span 2;align-self:start;margin-top:2px}main.start .w3-name{font-size:18px}main.start .w3-text{grid-column:2}}
@media (prefers-color-scheme:dark){main.start .d3-titel,main.start .d3-aussage,main.start .d3-text .s-kopfpreis b{color:#ECF1EE}main.start .d3-satz,main.start .d3-aussage-satz{color:#AEB8B3}main.start .d3-verlauf{background-image:linear-gradient(90deg,#00C981 0%,#8CF5CF 100%)}main.start .d3-schleier,main.start .d3-glanz{background:#4BE0AA;opacity:.06}main.start .d3-wolke{background:linear-gradient(180deg,rgba(14,18,16,0) 0%,rgba(14,18,16,.35) 45%,#0E1210 100%)}main.start .d3-wolke span{background:#0E1210}}
@media (prefers-color-scheme:dark){main.start #weg.w3{background:#0E1210;color:#ECF1EE}main.start #weg .w3-titel{color:#ECF1EE}main.start #weg .w3-titel em,main.start #fuerwen .s-blockkopf h2 em{background-image:linear-gradient(100deg,#00C981,#8CF5CF)}main.start #weg .w3-satz,main.start .w3-preis-satz,main.start .w3-zeile.an .w3-text{color:#AEB8B3}main.start .w3-regler{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 0 40px -10px rgba(0,201,129,.35)}main.start .w3-marke{color:#AEB8B3}main.start .w3-marke.an{color:#0B0F0D}main.start .w3-preis-zahl{color:#FFFFFF}main.start .w3-preis-zahl small{color:#AEB8B3}main.start .w3-liste,main.start .w3-zeile{border-color:rgba(255,255,255,.12)}main.start .w3-nr{color:#AEB8B3;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)}main.start .w3-name,main.start .w3-text{color:#8E9993}main.start .w3-zeile.an .w3-name{color:#FFFFFF}main.start #fuerwen .s-blockkopf h2{color:#ECF1EE}main.start #fuerwen .s-werkarte{background:#1A211E;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 10px 30px -14px rgba(0,0,0,.6)}main.start #fuerwen .s-werkarte h3{color:#ECF1EE}main.start #fuerwen .s-werkarte li{color:#C4CCC8}main.start #fuerwen .s-werkarte.s-nein .s-kreuz{color:#AEB8B3;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)}}
@media (prefers-reduced-motion:reduce){main.start .w3-daumen,main.start .w3-nr,main.start .w3-name,main.start .w3-text,main.start .w3-marke{transition:none !important}main.start .w3-zeile.an .w3-nr,main.start .w3-preis-zahl,main.start .w3-preis-satz,main.start .w3-schild{animation:none !important}}
@media (prefers-reduced-motion:reduce){main.start [class*="d3-"]{animation:none !important;transition:none !important}main.start .d3-zeig{opacity:1;transform:none}}
/* P2 (17.10.2026), Befunde pruef_seiten: B19 die Zeilen über dem Foto voll
   deckend auf einem dunklen Grund; B25 „Offenlegung“ als ein mittiger Satz. */
main.start .m-sektion .m-zeile,main.start .m-sektion .m-band-titel{opacity:1;color:#fff}
main.start .m-sektion .m-zeile{justify-self:center;padding:5px 14px;border-radius:999px;background:rgba(12,14,16,.55)}
main.start .m-sektion .m-band-titel{display:table;margin-inline:auto;padding:4px 12px;border-radius:999px;background:rgba(12,14,16,.55)}
main.start .s-offen{display:block;max-width:70ch;margin-inline:auto}
main.start .s-offen .s-offenkopf::after{content:": "}
@media (prefers-color-scheme:light){main.start .s-frage p{color:#515154}}
/* B6/B7/B14: EIN Knopf auf der ganzen Seite, wie auf /anmelden (P1):
   sattes Grün #00875A, weiße Schrift, Pille, 48 px hoch; hell und dunkel
   gleich. Kopfknöpfe (H2) und der Knopf in der Leiste ebenso rund. */
body main.start .s-tat:not(.s-leise),body main.start .s-pk .s-tat,body main.start .s-pk .s-tat.s-leise,body main.start .s-schluss .s-tat,body main.start .s-vormerken .s-tat{background-color:#00875A;background-image:none;color:#fff;border-radius:980px;height:48px;min-height:48px;box-shadow:0 1px 2px rgba(0,40,28,.18);filter:none}
body main.start .s-tat:not(.s-leise):hover,body main.start .s-pk .s-tat:hover,body main.start .s-pk:hover .s-tat.s-leise,body main.start .s-schluss .s-tat:hover,body main.start .s-vormerken .s-tat:hover{background-color:#0F6B33;background-image:none;filter:none;box-shadow:0 1px 2px rgba(0,40,28,.18),0 10px 20px -10px rgba(0,80,55,.45)}
body header a.startknopf{background:#4A5C6A;color:#fff;border-radius:980px}
main.start .d3-text .s-kopftasten .s-tat{border-radius:980px !important}
body header a.startknopf:hover{background:#41525f}

main.start #beispiele.bs{position:relative;box-sizing:border-box;margin:0;padding:72px 0 44px;background:#FFFFFF;color:#121815;overflow-x:clip;-webkit-font-smoothing:antialiased}
main.start #beispiele *{box-sizing:border-box}
main.start .bs-kopf{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px 40px;padding:0 max(48px,calc((100% - 1280px) / 2));margin:0 0 30px}
main.start .bs-titel{grid-column:1;margin:0;font-size:70px;line-height:1.03;font-weight:700;letter-spacing:-.04em;color:#121815}
main.start .bs-titel em{font-style:normal;display:inline-block;padding-bottom:.08em;margin-bottom:-.08em;background:linear-gradient(100deg,#15803D,#009A62);-webkit-background-clip:text;background-clip:text;color:transparent}
main.start .bs-satz{grid-column:1;margin:0;max-width:30em;font-size:17px;line-height:1.6;color:#3E4A44}
main.start .bs-pfeile{grid-column:2;grid-row:1 / span 2;align-self:end;display:flex;gap:12px}
main.start .bs-pfeil{all:unset;cursor:pointer;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#121815;background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(18,24,21,.12),0 10px 24px -14px rgba(18,24,21,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .25s cubic-bezier(.3,1.3,.5,1),background .2s}
main.start .bs-pfeil:hover{transform:scale(1.06);background:#fff}
main.start .bs-pfeil:focus-visible{outline:2px solid #00875A;outline-offset:3px}
main.start .bs-pfeil[disabled]{opacity:.35;cursor:default;transform:none}
main.start .bs-spur{list-style:none;margin:0;padding:6px max(48px,calc((100% - 1280px) / 2)) 22px;display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(48px,calc((100% - 1280px) / 2));scrollbar-width:none;-webkit-overflow-scrolling:touch}
main.start .bs-spur::-webkit-scrollbar{display:none}
main.start .bs-karte{flex:0 0 min(860px,74%);scroll-snap-align:start;margin:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);border-radius:32px;overflow:hidden;background:#F5F5F7;box-shadow:0 1px 2px rgba(18,24,21,.04),0 26px 60px -32px rgba(18,24,21,.32);transition:transform .6s cubic-bezier(.2,.8,.2,1);transform:scale(.97)}
main.start .bs-karte:not(.an) .bs-bild img{filter:saturate(.55) brightness(.92)}
main.start .bs-karte.an{opacity:1;transform:none}
main.start .bs-bild{margin:0;min-height:370px;position:relative;overflow:hidden}
main.start .bs-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;transition:transform 6s ease-out}
main.start .bs-karte.an .bs-bild img{transform:scale(1.04)}
main.start .bs-text{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:32px 34px 30px}
main.start .bs-fuer{margin:0;font-size:15px;font-weight:600;color:#007A52}
main.start .bs-text h3{margin:0;font-size:29px;line-height:1.12;font-weight:700;letter-spacing:-.025em;color:#121815;text-wrap:balance}
main.start .bs-klein{margin:0;font-size:16px;line-height:1.55;color:#3E4A44}
main.start .bs-mehr{align-self:flex-start;margin-top:6px;font-size:15px;font-weight:600;color:#007A52;text-decoration:none;min-height:46px;display:inline-flex;align-items:center}
main.start .bs-mehr:hover{text-decoration:underline}
main.start .bs-mehr span{margin-left:5px}
main.start .bs-punkte{display:flex;justify-content:center;gap:4px;margin-top:4px}
main.start .bs-punkt{all:unset;cursor:pointer;width:44px;height:44px;display:grid;place-items:center}
main.start .bs-punkt i{display:block;width:8px;height:8px;border-radius:99px;background:rgba(18,24,21,.22);transition:width .35s cubic-bezier(.3,1.3,.5,1),background .3s}
main.start .bs-punkt[aria-current] i{width:28px;background:linear-gradient(90deg,#15803D,#00A86B)}
main.start .bs-punkt:focus-visible i{outline:2px solid #00875A;outline-offset:3px}
@media (max-width:900px){main.start .bs-karte{grid-template-columns:minmax(0,1fr);flex-basis:84%}main.start .bs-bild{min-height:0;aspect-ratio:16/10}main.start .bs-text{padding:24px 24px 26px}main.start .bs-text h3{font-size:24px}}
@media (max-width:700px){main.start #beispiele.bs{padding:72px 0 64px}main.start .bs-kopf{padding:0 16px;grid-template-columns:minmax(0,1fr);margin-bottom:28px}main.start .bs-titel{font-size:clamp(40px,11.5vw,56px)}main.start .bs-pfeile{display:none}main.start .bs-spur{padding:4px 16px 24px;gap:14px;scroll-padding-inline:16px}main.start .bs-karte{flex-basis:88%;border-radius:26px}}
@media (prefers-reduced-motion:reduce){main.start .bs-karte,main.start .bs-bild img{transition:none}main.start .bs-karte.an .bs-bild img{transform:none}}
@media (prefers-color-scheme:dark){main.start #beispiele.bs{background:#0B0F0D;color:#ECF1EE}main.start .bs-titel,main.start .bs-text h3{color:#ECF1EE}main.start .bs-titel em{background-image:linear-gradient(100deg,#00C981,#8CF5CF)}main.start .bs-satz,main.start .bs-klein{color:#AEB8B3}main.start .bs-karte{background:#161B19;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 26px 60px -32px rgba(0,0,0,.8)}main.start .bs-fuer,main.start .bs-mehr{color:#4BE0AA}main.start .bs-pfeil{color:#ECF1EE;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}main.start .bs-punkt i{background:rgba(255,255,255,.25)}}

main.start #fuerwen .s-werkarte ul{grid-template-columns:1fr;gap:10px}
main.start #fuerwen .fw-voll{margin-top:14px}
main.start #fuerwen .fw-voll p{margin:8px 0 0;font-size:15.5px;line-height:1.45;color:#6e6e73}
main.start #fuerwen .fw-voll p b{color:var(--text,#1d1d1f);font-weight:600}
main.start #fuerwen .fw-test ol{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px}
main.start #fuerwen .fw-test li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.45}
main.start #fuerwen .fw-nr{flex:none;display:inline-flex;width:24px;height:24px;border-radius:12px;align-items:center;justify-content:center;background:var(--sanft,#eef0ef);color:var(--s-gruen,#15803d);font-weight:700;font-size:13px}
main.start #fuerwen .fw-test .fw-erg{margin-top:14px}
@media (max-width:860px){main.start #fuerwen .fw-test ol{grid-template-columns:1fr}}
/* Dunkel: #6e6e73 läse sich auf der dunklen Karte zu schwach (3,2:1) - wie der Satz im Kopf. */
@media (prefers-color-scheme:dark){main.start #fuerwen .fw-voll p{color:#AEB8B3}}