@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dm-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dm-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/dm-sans-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/dm-sans-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/dm-sans-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/dm-sans-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --navy:#16294B;--navy-2:#24406F;--orange:#FF914D;--orange-soft:#FFE7D8;
  --paper:#FFFFFF;--mist:#F2F4F8;--line:#D9DEE7;--slate:#55657D;--ok:#1F7A55;
  --font:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --wrap:1120px;--r:10px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--paper);color:var(--navy);font-family:var(--font);font-size:17px;line-height:1.6;font-feature-settings:"ss01"}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy);text-decoration-color:var(--orange);text-underline-offset:3px;text-decoration-thickness:2px}
a:hover{color:var(--navy-2)}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

h1,h2,h3{line-height:1.15;margin:0;letter-spacing:-0.015em}
h1{font-size:clamp(2.1rem,4.6vw,3.5rem);font-weight:700;letter-spacing:-0.03em}
h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;letter-spacing:-0.02em}
h3{font-size:1.15rem;font-weight:700}
p{margin:0 0 1em}
.lead{font-size:1.2rem;color:var(--slate);max-width:36em}
.muted{color:var(--slate)}
.small{font-size:.9rem}

/* Kopf */
.top{border-bottom:1px solid var(--line);background:var(--paper)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
.mark{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy)}
.mark svg{flex:none}
.mark b{display:block;font-size:1.3rem;font-weight:700;letter-spacing:-0.03em;line-height:1}
.mark small{display:block;font-size:.75rem;color:var(--slate);margin-top:3px;letter-spacing:0}
.nav{display:flex;align-items:center;gap:26px;font-size:.95rem}
.nav a{text-decoration:none}
.nav a:hover{text-decoration:underline}
@media (max-width:760px){.nav .opt{display:none}}

/* Knöpfe */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:var(--r);font:inherit;font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;border:2px solid var(--navy);background:var(--paper);color:var(--navy)}
.btn:hover{background:var(--mist);color:var(--navy)}
.btn-main{background:var(--orange);border-color:var(--orange);color:var(--navy)}
.btn-main:hover{background:#FF8237;border-color:#FF8237}
.btn-sm{min-height:40px;padding:0 16px;font-size:.92rem}
.btns{display:flex;flex-wrap:wrap;gap:12px}

/* Abschnitte */
.sec{padding:88px 0}
.sec-mist{background:var(--mist)}
.sec-navy{background:var(--navy);color:#fff}
.sec-navy a{color:#fff}
.head{max-width:44em;margin-bottom:44px}
.head p{margin-top:14px}

/* Startseite: Einstieg */
.hero{padding:72px 0 88px}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.hero .lead{margin:22px 0 30px}
.hero-note{margin-top:22px;font-size:.92rem;color:var(--slate)}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;gap:40px}}

/* KI-Antwort-Bild */
.answer{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px;position:relative}
.answer::before{content:"";position:absolute;inset:14px -14px -14px 14px;background:var(--orange-soft);border-radius:16px;z-index:-1}
.answer{isolation:auto}
.answer-wrap{position:relative;z-index:0;margin-right:14px}
.q{margin-left:auto;max-width:85%;background:var(--navy);color:#fff;border-radius:14px 14px 4px 14px;padding:12px 16px;font-size:.95rem}
.a{margin-top:16px;font-size:.95rem}
.a-head{display:flex;align-items:center;gap:8px;color:var(--slate);font-size:.85rem;margin-bottom:10px}
.a-head svg{flex:none}
.pick{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.pick:first-of-type{border-top:0}
.pick i{font-style:normal;width:28px;height:28px;border-radius:50%;background:var(--mist);display:grid;place-items:center;font-weight:700;font-size:.85rem}
.bar-ph{height:10px;border-radius:5px;background:var(--line)}
.pick-you{margin-top:12px;border:2px dashed var(--orange);border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-weight:700}
.pick-you span{font-weight:400;color:var(--slate);font-size:.88rem}

/* Messweg */
.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;counter-reset:f}
.flow li{list-style:none;padding:0 28px 0 0;position:relative}
.flow li+li{padding-left:28px;border-left:1px solid var(--line)}
.flow-ico{width:48px;height:48px;border-radius:12px;background:var(--orange-soft);display:grid;place-items:center;margin-bottom:18px}
.flow p{color:var(--slate);margin-top:8px}
.flow{padding:0;margin:0}
@media (max-width:820px){.flow{grid-template-columns:1fr;gap:28px}.flow li,.flow li+li{padding:0;border:0}}

/* Befund-Kennzahl (Punkte) */
.dots{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 6px}
.dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);background:var(--paper)}
.dot.on{background:var(--orange);border-color:var(--orange)}
.big{font-size:clamp(2.6rem,6vw,4rem);font-weight:700;letter-spacing:-0.035em;line-height:1}
.big small{font-size:.38em;font-weight:500;letter-spacing:0;color:var(--slate);margin-left:6px}

/* Beispielbefund / Befundteile */
.panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:28px}
.ex{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,.8fr);gap:0}
.ex>div{padding:0 28px}
.ex>div:first-child{padding-left:0}
.ex>div+div{border-left:1px solid var(--line)}
.ex-label{font-size:.9rem;color:var(--slate);margin-bottom:6px}
@media (max-width:900px){.ex{grid-template-columns:1fr;gap:26px}.ex>div,.ex>div+div{padding:0;border:0}}
.who{margin:0;padding:0;list-style:none}
.who li{display:grid;grid-template-columns:minmax(0,9.5em) minmax(0,1fr) 1.6em;gap:12px;align-items:center;padding:6px 0;font-size:.95rem}
.who .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.who .b{height:12px;border-radius:6px;background:var(--line);position:relative;overflow:hidden}
.who .b span{position:absolute;inset:0 auto 0 0;background:var(--slate);border-radius:6px}
.who .own .n{font-weight:700}
.who .own .b span{background:var(--orange)}
.who .c{text-align:right;font-weight:700}
.score{display:flex;gap:28px}
.score div{min-width:0}
.score b{display:block;font-size:2rem;letter-spacing:-0.03em;line-height:1.1}
.score span{font-size:.9rem;color:var(--slate)}

/* Ablauf */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;counter-reset:s}
.steps li{counter-increment:s;padding-top:20px;border-top:3px solid var(--navy)}
.steps li::before{content:counter(s);display:block;font-size:2.4rem;font-weight:700;letter-spacing:-0.04em;color:var(--orange);line-height:1;margin-bottom:12px}
.steps .tag{display:inline-block;margin-top:6px;font-size:.85rem;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--orange-soft)}
.steps p{color:var(--slate);margin-top:8px}
@media (max-width:820px){.steps{grid-template-columns:1fr}}

/* Pakete */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper)}
.plan{padding:30px 28px 32px;display:flex;flex-direction:column}
.plan+.plan{border-left:1px solid var(--line)}
.plan h3{font-size:1.5rem}
.plan-top{min-height:2.2em;font-size:.85rem;font-weight:700;color:var(--slate)}
.plan.hi{background:var(--navy);color:#fff}
.plan.hi .plan-top{color:var(--orange)}
.plan.hi .muted,.plan.hi li{color:#D6DCE8}
.price{font-size:2.6rem;font-weight:700;letter-spacing:-0.04em;margin:10px 0 2px;line-height:1}
.price small{font-size:.9rem;font-weight:500;letter-spacing:0;margin-left:4px}
.plan ul{margin:22px 0 0;padding:0;list-style:none;flex:1}
.plan li{padding:7px 0 7px 26px;position:relative;color:var(--slate);font-size:.96rem}
.plan li::before{content:"";position:absolute;left:2px;top:.85em;width:12px;height:7px;border-left:2.5px solid var(--orange);border-bottom:2.5px solid var(--orange);transform:rotate(-45deg)}
.plan li.inc{color:inherit;font-weight:700}
.plan.hi li.inc{color:#fff}
.plans-note{margin-top:18px;font-size:.92rem;color:var(--slate)}
@media (max-width:900px){.plans{grid-template-columns:1fr}.plan+.plan{border-left:0;border-top:1px solid var(--line)}}

/* Kundenstimmen */
.quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.quote{margin:0;display:flex;flex-direction:column;gap:20px;padding:28px;border-radius:16px;background:var(--paper);border:1px solid var(--line)}
.quote blockquote{margin:0;font-size:1.08rem;line-height:1.55;flex:1}
.quote blockquote::before{content:"„";display:block;font-size:3rem;line-height:.6;color:var(--orange);font-weight:700;margin-bottom:6px}
.quote figcaption{display:flex;gap:14px;align-items:center;font-size:.92rem;padding-top:18px;border-top:1px solid var(--line)}
.quote figcaption b{display:block}
.quote figcaption b+span{color:var(--slate)}
.q-img{flex:none;width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--mist)}
.q-logo{flex:none;width:120px;height:72px;border-radius:10px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;padding:8px}
.q-logo img{max-height:54px;width:auto;object-fit:contain}
.q-ini{flex:none;width:64px;height:64px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.15rem}
.q-ph{flex:none;width:64px;height:64px;border-radius:50%;background:var(--mist);border:2px dashed var(--line);display:grid;place-items:center}
@media (max-width:900px){.quotes{grid-template-columns:1fr}}

/* Person */
.person{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;align-items:center}
.person img{border-radius:20px;aspect-ratio:1;object-fit:cover;width:100%}
.person .sig{margin-top:18px;font-weight:700}
.person .sig span{display:block;font-weight:400;color:var(--slate)}
.facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding:0;list-style:none}
.facts li{font-size:.9rem;padding:6px 14px;border-radius:999px;background:var(--mist)}
@media (max-width:760px){.person{grid-template-columns:1fr;gap:28px}.person img{max-width:220px}}

/* FAQ */
.faq{max-width:52em;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-weight:700;font-size:1.08rem;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:8px;top:50%;width:10px;height:10px;border-right:2.5px solid var(--navy);border-bottom:2.5px solid var(--navy);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq details p{color:var(--slate);padding:0 40px 20px 0;margin:0}

/* Abschluss und Fuß */
.close .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px}
.close h2{max-width:20em}
.foot{padding:36px 0 44px;font-size:.88rem;color:var(--slate);border-top:1px solid var(--line)}
.foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
.foot nav{display:flex;gap:20px}

/* Befundseite */
.bf-head{padding:56px 0 40px;border-bottom:1px solid var(--line)}
.bf-head .meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px;font-size:.92rem;color:var(--slate)}
.bf-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
@media (max-width:900px){.bf-grid{grid-template-columns:1fr}}
.notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.notes li{padding-left:18px;border-left:3px solid var(--orange)}
.notes b{display:block;margin-bottom:4px}
.notes span{color:var(--slate)}
@media (max-width:820px){.notes{grid-template-columns:1fr}}
.ways{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0;border-radius:18px;overflow:hidden;border:2px solid var(--navy)}
.way{padding:32px}
.way{background:var(--paper)}
.way+.way{border-left:1px solid var(--line)}
.way h3{font-size:1.35rem}
.way p{color:var(--slate);margin:10px 0 20px}
.way-form label{display:block;font-weight:700;font-size:.92rem;margin-bottom:6px}
.way-form .row{display:flex;gap:10px;flex-wrap:wrap}
.way-form input[type=email]{flex:1 1 220px;min-height:48px;border:2px solid var(--line);border-radius:var(--r);padding:0 14px;font:inherit;color:var(--navy);background:#fff}
.way-form input[type=email]:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px var(--orange-soft)}
.way-form .hint{font-size:.85rem;color:var(--slate);margin:10px 0 0}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.msg{border-radius:var(--r);padding:14px 16px;margin-bottom:16px;font-size:.95rem}
.msg-ok{background:#E3F3EB;color:#14533A}
.msg-err{background:#FCE8E6;color:#8A1C12}
@media (max-width:820px){.ways{grid-template-columns:1fr}.way+.way{border-left:0;border-top:1px solid var(--line)}}
.qs{margin:0;padding:0;list-style:none;counter-reset:q;border-top:1px solid var(--line)}
.qs li{counter-increment:q;display:grid;grid-template-columns:2.2em minmax(0,1fr) auto;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);align-items:baseline}
.qs li::before{content:counter(q);font-weight:700;color:var(--slate)}
.qs .st{font-size:.88rem;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:6px}
.qs .st::before{content:"";width:10px;height:10px;border-radius:50%;border:2px solid var(--slate)}
.qs .yes .st{color:var(--navy)}
.qs .yes .st::before{background:var(--orange);border-color:var(--orange)}
.qs .no .st{color:var(--slate);font-weight:500}
.checks{margin:0;padding:0;list-style:none;columns:2;column-gap:40px}
.checks li{break-inside:avoid;display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.95rem}
.pips{display:inline-flex;gap:4px;align-items:center}
.pips i{width:10px;height:10px;border-radius:50%;background:var(--line)}
.pips i.on{background:var(--navy)}
.pips em{font-style:normal;font-size:.85rem;color:var(--slate)}
@media (max-width:700px){.checks{columns:1}}
.gaps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.gaps h3{margin-bottom:12px}
.gaps ul{margin:0;padding:0;list-style:none}
.gaps li{padding:10px 0;border-top:1px solid var(--line)}
.gaps li b{display:block}
.gaps li span{color:var(--slate);font-size:.95rem}
@media (max-width:820px){.gaps{grid-template-columns:1fr}}
.method{font-size:.88rem;color:var(--slate);max-width:52em}
.expired{min-height:70vh;display:flex;align-items:center}
.expired .panel{max-width:620px}
.btn{white-space:nowrap}
@media (max-width:520px){
  .wrap{padding:0 18px}
  .sec{padding:64px 0}
  .panel{padding:20px}
  .way{padding:22px}
  .dots{gap:5px}.dot{width:19px;height:19px}
  .mark small{display:none}
  .top .btn-sm{padding:0 12px}
  .who li{grid-template-columns:minmax(0,8em) minmax(0,1fr) 1.4em}
}

/* v2: Anfrageformular, große Kundenstimme, Ablauf-Leiste, Methode, Hinweisseiten */
.req{margin-top:28px;background:var(--paper);border:2px solid var(--navy);border-radius:16px;padding:22px}
.req h2{font-size:1.15rem;letter-spacing:-0.01em;margin-bottom:4px}
.req .sub{font-size:.92rem;color:var(--slate);margin:0 0 14px}
.req-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.req label{display:block;font-weight:700;font-size:.88rem;margin-bottom:6px}
.req input[type=text],.req input[type=email]{width:100%;min-height:48px;border:2px solid var(--line);border-radius:var(--r);padding:0 14px;font:inherit;color:var(--navy);background:#fff}
.req input:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px var(--orange-soft)}
.req .btn{width:100%;margin-top:14px}
.req .hint{font-size:.82rem;color:var(--slate);margin:12px 0 0}
@media (max-width:620px){.req-row{grid-template-columns:1fr}}
.sec-navy .req{border-color:var(--orange);color:var(--navy)}
.sec-navy .req a{color:var(--navy)}
.know{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 40px;margin:0;padding:0;list-style:none}
.know li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;align-items:start}
.know li svg{margin-top:2px}
.know b{display:block}
.know span{color:var(--slate)}
@media (max-width:820px){.know{grid-template-columns:1fr}}
.limits{margin-top:40px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;padding:28px;border-radius:16px;background:var(--paper);border:1px solid var(--line)}
.limits h3{font-size:1.25rem}
.limits ul{margin:0;padding:0;list-style:none}
.limits li{padding:8px 0 8px 22px;position:relative;color:var(--slate);border-top:1px solid var(--line)}
.limits li:first-child{border-top:0;padding-top:0}
.limits li::before{content:"";position:absolute;left:0;top:1.05em;width:8px;height:8px;border-radius:50%;background:var(--navy)}
.limits li:first-child::before{top:.55em}
@media (max-width:820px){.limits{grid-template-columns:1fr;gap:16px}}
.feature{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:center}
.feature blockquote{margin:0;font-size:clamp(1.35rem,2.6vw,1.9rem);line-height:1.4;font-weight:500;letter-spacing:-0.015em}
.feature blockquote::before{content:"„";display:block;font-size:4.5rem;line-height:.5;color:var(--orange);font-weight:700;margin-bottom:14px}
.feature-who{display:flex;flex-direction:column;gap:16px;padding-left:32px;border-left:3px solid var(--orange)}
.feature-who .q-logo{width:180px;height:100px}
.feature-who .q-logo img{max-height:76px}
.feature-who .q-img{width:96px;height:96px}
.feature-who .q-ini{width:96px;height:96px;font-size:1.5rem}
.feature-who b{display:block;font-size:1.05rem}
.feature-who span{color:var(--slate)}
@media (max-width:820px){.feature{grid-template-columns:1fr;gap:28px}}
.track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}
.track li{padding:16px 18px;display:flex;gap:12px;align-items:center;font-size:.95rem}
.track li+li{border-left:1px solid var(--line)}
.track i{font-style:normal;flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.9rem;border:2px solid var(--line)}
.track b{display:block}
.track span{color:var(--slate);font-size:.85rem}
.track .done i{background:var(--navy);border-color:var(--navy);color:#fff}
.track .now{background:var(--orange-soft)}
.track .now i{background:var(--orange);border-color:var(--orange);color:var(--navy)}
@media (max-width:700px){.track{grid-template-columns:1fr}.track li+li{border-left:0;border-top:1px solid var(--line)}}
.plan-goal{margin:14px 0 0;font-size:.98rem;color:var(--navy)}
.plan.hi .plan-goal{color:#fff}
.excl{margin-top:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;font-size:.92rem;color:var(--slate)}
.excl b{color:var(--navy);display:block;margin-bottom:4px}
@media (max-width:820px){.excl{grid-template-columns:1fr;gap:12px}}
.note{min-height:60vh;display:flex;align-items:center}
.note .panel{max-width:640px}
.note-ico{width:56px;height:56px;border-radius:14px;background:var(--orange-soft);display:grid;place-items:center;margin-bottom:20px}
.end-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center}
@media (max-width:820px){.end-grid{grid-template-columns:1fr;gap:24px}}
.hero-bg{background:url(img/hero-bg.svg) no-repeat right top/min(68vw,900px) auto;position:relative}
.sig span{font-size:.95rem}
.score b small{font-size:.5em;font-weight:500;color:var(--slate);letter-spacing:0}
@media (max-width:900px){.hero-bg{background-size:120vw auto;background-position:right -20vw top}}
.q-minilogo{display:block;height:44px;width:auto;margin-top:10px}
/* Rechtstexte */
.legal{max-width:52em}
.legal h1{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:8px}
.legal h2{font-size:1.5rem;margin:48px 0 14px;padding-top:24px;border-top:1px solid var(--line)}
.legal h3{font-size:1.1rem;margin:28px 0 8px}
.legal h4,.legal h5{font-size:1rem;margin:20px 0 6px}
.legal p,.legal li{color:#2B3A52;font-size:.98rem;overflow-wrap:anywhere}
.legal ul{padding-left:1.2em}
.legal li{margin:6px 0}