/* AIVISIBLE · Basis (System-Schriften, keine externen Ressourcen) */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font-family:var(--sans);font-weight:300;font-size:clamp(16px,.95rem + .15vw,18px);line-height:1.65;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,b,strong,th,summary,legend,button,.btn{font-weight:400}
h1,h2,h3{margin:0;font-family:var(--display)}
p{margin:0}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
img,svg{display:block;max-width:100%}
.wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 clamp(22px,5vw,72px)}
.micro{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--mut);font-weight:400;line-height:1.6}
.idx{display:inline-block;min-width:2.6em;color:var(--fg)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px;top:0}.skip:focus{left:16px;top:16px;z-index:99;background:#fff;color:#000;padding:8px 14px}
:focus-visible{outline:1px solid currentColor;outline-offset:4px}
.test{background:#2a2d31;color:#e9e9e7;text-align:center;font-size:12px;letter-spacing:.08em;padding:7px 16px}
/* Buttons & Links */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.8em;min-height:50px;padding:0 30px;font:inherit;font-size:14px;letter-spacing:.08em;text-decoration:none;cursor:pointer;border:1px solid var(--fg);background:var(--fg);color:var(--bg);transition:background .35s ease,color .35s ease,border-color .35s ease}
.btn:hover{background:transparent;color:var(--fg)}
.btn.ghost{background:transparent;color:var(--fg)}.btn.ghost:hover{background:var(--fg);color:var(--bg)}
.btn:disabled{opacity:.45;cursor:default}
.link{font-size:14px;letter-spacing:.08em;text-decoration:none;position:relative;padding-bottom:4px;color:var(--fg)}
.link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.link:hover::after{transform:scaleX(.35)}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:36px}
/* Motion */
.rv{opacity:0;transform:translateY(18px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
/* Navigation */
.nav{position:sticky;top:0;z-index:50;transition:background .4s ease,border-color .4s ease;border-bottom:1px solid transparent}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:76px}
.logo{font-size:13px;letter-spacing:.42em;text-decoration:none;font-weight:400}
.nav-links{display:flex;align-items:center;gap:34px}
.nav-links a{font-size:13px;letter-spacing:.06em;text-decoration:none;opacity:.72;transition:opacity .3s}
.nav-links a:hover{opacity:1}
.nav-links .nav-login{opacity:1;padding-left:34px;border-left:1px solid var(--navline)}
.nav-links .nav-cta{opacity:1;border:1px solid currentColor;padding:9px 18px}
.nav-toggle{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer;color:inherit;padding:0}
.nav-toggle span{display:block;width:22px;height:1px;background:currentColor;margin:6px auto;transition:transform .3s}
@media (max-width:980px){
 .nav-toggle{display:block}
 .nav-links{position:fixed;inset:76px 0 auto 0;flex-direction:column;align-items:flex-start;gap:0;padding:12px clamp(22px,5vw,72px) 32px;background:var(--navbg-solid);border-bottom:1px solid var(--navline);visibility:hidden;opacity:0;transform:translateY(-8px);transition:all .35s ease}
 .nav.open .nav-links{visibility:visible;opacity:1;transform:none}
 .nav-links a{padding:14px 0;width:100%;border-bottom:1px solid var(--navline);font-size:15px;opacity:1}
 .nav-links .nav-login{padding-left:0;border-left:0}
 .nav-links .nav-cta{border:0;border-bottom:1px solid var(--navline);padding:14px 0}
 .nav.open .nav-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.nav.open .nav-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
}
/* Formular */
.order{margin-top:56px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;row-gap:34px}
.fld{display:flex;flex-direction:column;min-width:0;border:0;padding:0;margin:0}.full{grid-column:1/-1}
.fld>label,.fld>legend{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin-bottom:10px;padding:0}
.opt{letter-spacing:.06em;text-transform:none;opacity:.8;margin-left:.6em}
.order input:not([type=checkbox]):not([type=radio]),.order select,.pl-form input{width:100%;font:inherit;font-size:17px;font-weight:300;color:var(--fg);background:transparent;border:0;border-bottom:1px solid var(--line-strong);border-radius:0;padding:10px 0 12px;transition:border-color .3s;-webkit-appearance:none;appearance:none}
.order select{background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 10px) 52%,calc(100% - 5px) 52%;background-size:5px 5px;background-repeat:no-repeat;padding-right:24px}
.order select option{color:#111;background:#fff}
.order input:focus,.order select:focus,.pl-form input:focus{outline:0;border-bottom-color:var(--fg)}
.order ::placeholder,.pl-form ::placeholder{color:var(--mut);opacity:.7}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}
.tier{position:relative;display:block;padding:22px 22px 22px 52px;cursor:pointer;margin:0;transition:background .3s}
.tier+.tier{border-left:1px solid var(--line-strong)}
.tier input{position:absolute;left:22px;top:27px;width:14px;height:14px;margin:0;accent-color:var(--fg)}
.tier b{display:block;font-size:16px;letter-spacing:.01em}
.tier .mut{display:block;font-size:13px;color:var(--mut);margin-top:4px}
.tier:has(input:checked){background:var(--sel)}
.chk{display:flex;gap:14px;align-items:flex-start;font-size:14px;color:var(--mut);line-height:1.6;cursor:pointer}
.chk input{margin:4px 0 0;width:15px;height:15px;flex:none;accent-color:var(--fg)}
.chk a{color:var(--fg)}
.cf-turnstile{margin-top:34px;min-height:0}
.fsubmit{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:34px}
.fnote{font-size:13px;color:var(--mut)}
.msg{margin-top:20px;min-height:1.6em;font-size:14px;color:var(--mut)}.msg.err{color:var(--err)}
@media (max-width:760px){.fgrid{grid-template-columns:1fr}.tiers{grid-template-columns:1fr}.tier+.tier{border-left:0;border-top:1px solid var(--line-strong)}}
/* Footer */
.foot{padding:96px 0 40px;font-size:14px}
.foot-in{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:72px}
.foot-brand p{max-width:30ch;margin-top:22px;color:var(--fmut)}
.foot-col{display:flex;flex-direction:column;gap:12px}.foot-col .micro{margin-bottom:8px}
.foot-col a{text-decoration:none;color:var(--fmut);transition:color .3s}.foot-col a:hover{color:var(--ffg)}
.foot-base{display:flex;justify-content:space-between;gap:24px;padding-top:28px;border-top:1px solid var(--fline);font-size:12px;letter-spacing:.06em;color:var(--fmut)}
@media (max-width:860px){.foot-in{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}.foot-base{flex-direction:column}}
/* Einfache Seiten, Rechtliches */
.state{padding:clamp(96px,14vw,180px) clamp(22px,5vw,72px) clamp(96px,12vw,160px);max-width:980px}
.state h1{font-size:clamp(40px,5.4vw,76px);line-height:1.04;letter-spacing:-.02em;margin:26px 0 30px}
.state .lead{max-width:56ch}.state .body{max-width:60ch;margin-top:28px;color:var(--mut)}.state .cta{margin-top:48px}
.next{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.next li{padding:22px 24px 0 0;font-size:15px}.next .num{display:block;font-size:12px;letter-spacing:.2em;color:var(--mut);margin-bottom:10px}
@media (max-width:640px){.next{grid-template-columns:1fr}.next li{padding:18px 0;border-bottom:1px solid var(--line)}}
.legal{padding-top:clamp(80px,10vw,140px);padding-bottom:120px}
.lhead{max-width:900px;padding-bottom:64px;border-bottom:1px solid var(--line)}
.lhead h1{font-size:clamp(38px,5vw,68px);line-height:1.06;letter-spacing:-.02em;margin:24px 0 24px}
.lgrid{display:grid;grid-template-columns:280px 1fr;gap:clamp(40px,7vw,120px);padding-top:64px}
.ltoc{position:sticky;top:110px;align-self:start;font-size:13px}.ltoc ol{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:9px}
.ltoc a{text-decoration:none;color:var(--mut)}.ltoc a:hover{color:var(--fg)}
.ltext{max-width:72ch}.lsec{padding-bottom:44px;margin-bottom:44px;border-bottom:1px solid var(--line)}
.lsec h2{font-size:clamp(20px,1.6vw,24px);letter-spacing:-.005em;margin-bottom:20px}
.lsec p{color:var(--mut);margin-bottom:14px;font-size:16px}.lsec a{color:var(--fg)}.stand{margin-top:30px;font-size:13px!important}
@media (max-width:900px){.lgrid{grid-template-columns:1fr}.ltoc{position:static}}
/* Kundenbereich */
.pmain{padding-top:clamp(64px,9vw,128px);padding-bottom:120px;min-height:70vh}
.plogin{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(48px,8vw,140px);align-items:end}
.plogin h1,.phead h1{font-size:clamp(40px,5.2vw,74px);line-height:1.04;letter-spacing:-.02em;margin:24px 0 28px}
.pl-form{display:flex;flex-direction:column;gap:14px;padding:44px;border:1px solid var(--line)}
.pl-form label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.pl-form .btn{margin-top:22px}
.phead{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding-bottom:48px;border-bottom:1px solid var(--line)}
.phead h1{margin-bottom:0}.pwho{font-size:14px;color:var(--mut);display:flex;gap:24px;flex-wrap:wrap}.pwho span{color:var(--fg)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.kpis div{padding:40px 0;display:flex;flex-direction:column;gap:6px}.kpis div+div{padding-left:40px;border-left:1px solid var(--line)}
.kpis .k{font-family:var(--display);font-size:clamp(36px,4vw,56px);line-height:1;letter-spacing:-.02em}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 64px}
.pblock{padding:48px 0;border-bottom:1px solid var(--line)}.pblock.wide{grid-column:1/-1}
.pblock h2{font-size:22px;letter-spacing:-.005em;margin-bottom:24px}
.pblock table{width:100%;border-collapse:collapse;font-size:15px}
.pblock th{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);text-align:left;padding:0 12px 14px 0;border-bottom:1px solid var(--line)}
.pblock td{padding:18px 12px 18px 0;border-bottom:1px solid var(--line)}.pblock .r{text-align:right;padding-right:0}
.pblock td a{color:var(--fg)}.empty{color:var(--mut)}
.status{list-style:none;padding:0;margin:0}.status li{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}
.status li span:first-child{color:var(--mut)}.status li span:last-child::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:10px;vertical-align:middle;border:1px solid var(--fg)}
.status .s-done span:last-child::before{background:var(--fg)}
.pmain>.fnote,#app>.fnote{margin-top:32px}
@media (max-width:860px){.plogin{grid-template-columns:1fr}.pl-form{padding:28px}.pgrid{grid-template-columns:1fr}.phead{flex-direction:column;align-items:flex-start}.kpis{grid-template-columns:1fr}.kpis div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}.kpis div{padding:24px 0}.pblock table{font-size:14px}}
h1,h2,h3{text-wrap:balance}.lead,.body{text-wrap:pretty}
.test{position:fixed;left:0;right:0;bottom:0;z-index:60;font-size:11px;padding:6px 16px;background:rgba(42,45,49,.92)}
/* Haarlinien nur über die Inhaltsbreite (nicht über das Padding der .wrap) */
.hl-t,.hl-b,.hl-tb{background-repeat:no-repeat;background-origin:content-box;background-clip:content-box;background-size:100% 1px}
.hl-t{border-top:0!important;background-image:linear-gradient(var(--lc,var(--line)),var(--lc,var(--line)));background-position:top}
.hl-tb{border-top:0!important;border-bottom:0!important;background-image:linear-gradient(var(--lc,var(--line)),var(--lc,var(--line))),linear-gradient(var(--lc,var(--line)),var(--lc,var(--line)));background-position:top,bottom}
.foot-base{border-top:0}
.foot-base{padding-top:0}.foot-base>span{padding-top:28px}
/* Quick-Check */
.qc-form{margin-top:48px}
.qc-row{display:grid;grid-template-columns:1.1fr 1.1fr 1fr;gap:32px;margin-bottom:28px}
.qc-form input:not([type=checkbox]){width:100%;font:inherit;font-size:17px;font-weight:300;color:var(--fg);background:transparent;border:0;border-bottom:1px solid var(--line-strong);border-radius:0;padding:10px 0 12px;transition:border-color .3s}
.qc-form input:focus{outline:0;border-bottom-color:var(--fg)}.qc-form ::placeholder{color:var(--mut);opacity:.7}
.qc-act{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin-top:30px}
.qc-act .cf-turnstile{margin:0;flex:1 1 300px}
.qc-form.busy .btn{opacity:.5}
.qc-result{margin-top:56px;border-top:1px solid var(--line-strong);padding-top:44px}
.qc-head{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:start}
.qc-score{display:flex;align-items:baseline;gap:8px}.qc-n{font-family:var(--display);font-size:clamp(72px,8vw,120px);line-height:.9;letter-spacing:-.05em;font-weight:300}.qc-of{color:var(--mut);font-size:15px}
.qc-dom{font-size:22px;margin:8px 0 14px}.qc-note{color:var(--mut);font-size:14px;max-width:56ch}
.qc-list{list-style:none;padding:0;margin:40px 0 0;border-top:1px solid var(--line)}
.qc-list li{display:grid;grid-template-columns:120px 230px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}
.qc-st{white-space:nowrap;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);padding-top:3px}
.qc-st::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;border:1px solid currentColor;margin-right:10px;vertical-align:1px}
.qc-pass .qc-st{color:var(--fg)}.qc-pass .qc-st::before{background:var(--fg);border-color:var(--fg)}
.qc-warn .qc-st::before{background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.qc-d{color:var(--mut)}
.qc-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:36px;color:var(--mut);font-size:15px}
.qc-dialog{border:0;padding:0;max-width:600px;width:calc(100% - 40px);background:#fff;color:#1d1e20;--fg:#1d1e20;--bg:#fff;--mut:#6f7176}
.qc-dialog::backdrop{background:rgba(11,11,12,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.qc-dialog[open]{animation:dlg .5s cubic-bezier(.2,.7,.2,1)}
@keyframes dlg{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.qc-dialog[open]{animation:none}}
.qc-dbox{padding:clamp(36px,6vw,64px)}.qc-dbox h2{font-size:clamp(26px,3vw,36px);line-height:1.12;letter-spacing:-.02em;margin:20px 0 22px;font-weight:300}
.qc-dbox p:not(.micro){color:#6f7176}.qc-dbox p a{color:#1d1e20}.qc-dbox .cta{margin-top:36px}
.qc-x{background:none;border:0;cursor:pointer;font:inherit;font-size:14px}
@media (max-width:860px){.qc-row{grid-template-columns:1fr}.qc-head{grid-template-columns:1fr;gap:20px}.qc-list li{grid-template-columns:1fr;gap:4px}}
[hidden]{display:none!important}
/* Konzept B · Lichte Klarheit – Weiss, Off-White, Anthrazit, Schwarz */
:root{--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;--display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
--bg:#ffffff;--fg:#1d1e20;--mut:#76787d;--line:#e6e6e3;--line-strong:#cfcfcb;--sel:#f6f6f4;--err:#9b2c2c;
--navbg-solid:#ffffff;--navline:#e6e6e3;--ffg:#1d1e20;--fmut:#76787d;--fline:#e2e2df}
.bg-off{--bg:#f6f6f4;--sel:#efefec;background:var(--bg)}
.bg-dark{--bg:#1f2124;--fg:#f2f1ee;--mut:#9fa1a6;--line:#34373c;--line-strong:#4a4d53;background:var(--bg);color:var(--fg)}
.nav{background:rgba(255,255,255,.72);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px)}
.nav.scrolled,.nav.open{border-bottom-color:#e6e6e3;background:rgba(255,255,255,.9)}
.nav-links .nav-cta{background:#1d1e20;color:#fff;border-color:#1d1e20;border-radius:999px;padding:9px 20px}
.btn{border-radius:999px;min-height:52px;padding:0 32px;font-size:15px;letter-spacing:.02em}
.lead{font-size:clamp(19px,1.35vw,23px);line-height:1.55;color:var(--mut);max-width:40ch}
.c{text-align:center}.c .lead,.c .body{margin-left:auto;margin-right:auto}.c .cta{justify-content:center}
.narrow{max-width:980px}
.micro{letter-spacing:.2em}
/* Hero */
.hero{padding:clamp(110px,12vw,170px) 0 0}
.hero h1{font-size:clamp(46px,7vw,108px);line-height:1.0;letter-spacing:-.045em;font-weight:300;margin:30px auto 36px;color:#111214}
.hero .narrow{max-width:1240px}.hero .lead{max-width:50ch}.hero .cta{margin-top:48px}
.hero-vis{margin-top:clamp(72px,9vw,128px)}
.hero-art{width:100%;fill:none;stroke:#1d1e20;stroke-width:.5;opacity:.38}
.hero-art .pt{fill:#1d1e20;stroke:none;opacity:1}.hero-art .core{fill:#1d1e20}
.hero-art ellipse{transform-origin:600px 130px;animation:breathe 9s ease-in-out infinite alternate}
.hero-art ellipse:nth-child(2n){animation-delay:-3s}
@keyframes breathe{from{transform:scale(1)}to{transform:scale(.975)}}
@media (prefers-reduced-motion:reduce){.hero-art ellipse{animation:none}}
.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(64px,7vw,104px);border-top:1px solid var(--line);text-align:center}
.facts div{padding:40px 12px 64px;display:flex;flex-direction:column;gap:10px}.facts div+div{border-left:1px solid var(--line)}
.facts .k{font-family:var(--display);font-size:clamp(30px,3vw,46px);font-weight:300;letter-spacing:-.03em;line-height:1}.facts .v{font-size:13px;color:var(--mut)}
/* Sektionen */
.sec{padding:clamp(104px,13vw,200px) 0}
.sec h2{font-size:clamp(34px,4.4vw,68px);line-height:1.05;letter-spacing:-.035em;font-weight:300;margin:22px 0 0}
.c h2{margin-left:auto;margin-right:auto;max-width:18ch}.c .lead{margin-top:28px}
.body{font-size:clamp(17px,1.15vw,19px);color:var(--mut);max-width:58ch;margin-bottom:22px}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(32px,4vw,72px);margin-top:clamp(64px,7vw,104px)}
.cols3 h3{font-size:24px;letter-spacing:-.015em;font-weight:300;margin:18px 0 14px}.cols3 p{color:var(--mut)}
.cols3 .num{font-size:12px;letter-spacing:.2em;color:var(--mut)}
.cols3.tl>div{border-top:1px solid var(--line-strong);padding-top:28px}.cols3.tl p{margin-top:16px}
.cols3.tl>div:last-child{border-top-color:#1d1e20}.cols3.tl>div:last-child p{color:var(--fg)}
.cols3.ruled{gap:0;border-top:1px solid var(--line)}
.cols3.ruled>div{padding:48px 44px 56px 0;border-bottom:1px solid var(--line)}.cols3.ruled>div:not(:nth-child(3n+1)){padding-left:44px;border-left:1px solid var(--line)}
.cols3.ruled h3{margin-top:0}
.two{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,7vw,120px)}
.two h2{max-width:14ch}
.two .sticky{position:sticky;top:120px;align-self:start}
.cmp{margin-top:clamp(64px,7vw,104px)}
.crow{display:grid;grid-template-columns:1fr 1.4fr 1.4fr;gap:32px;padding:24px 0;border-bottom:1px solid var(--line);font-size:16px}
.crow.head{border-bottom-color:var(--line-strong);padding-bottom:16px}
.crow .ck{color:var(--mut)}.crow span:nth-child(2){color:var(--mut)}
.models{list-style:none;padding-top:0;padding-bottom:0;margin-top:clamp(64px,7vw,96px)!important;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.models li{padding:30px 24px 32px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.models li:not(:nth-child(4n+1)){padding-left:24px;border-left:1px solid var(--line)}
.mv{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}.mm{font-size:18px;font-weight:300}
.method{list-style:none;padding-top:0;padding-bottom:0;margin-top:clamp(72px,8vw,120px)!important;display:grid;grid-template-columns:repeat(5,1fr);gap:36px}
.method li{border-top:1px solid var(--line-strong);padding-top:26px}.method h3{font-size:21px;font-weight:300;margin:16px 0 12px}.method p{color:var(--mut);font-size:15px}
.num{font-size:12px;letter-spacing:.2em;color:var(--mut)}
.meta{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:80px;padding-top:36px;border-top:1px solid var(--line)}
.meta p{margin-top:10px;font-size:15px}
.toc{list-style:none;padding:0;margin:0;border-top:1px solid var(--line-strong)}
.toc li{display:grid;grid-template-columns:64px 1fr;padding:26px 0;border-bottom:1px solid var(--line)}
.toc h3{font-size:21px;font-weight:300;letter-spacing:-.01em}.toc p{color:var(--mut);font-size:15px;margin-top:6px}
.doc{margin-top:56px;width:220px;aspect-ratio:1/1.414;border:1px solid var(--line-strong);background:#fff;padding:26px 22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 60px -40px rgba(0,0,0,.25)}
.doc span:first-child{font-size:10px;letter-spacing:.24em;text-transform:uppercase}
.doc .l{height:1px;background:var(--line-strong);margin-top:14px}.doc .l.s{width:60%;margin-top:0}
.doc .b{margin-top:auto;font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--mut)}
.pks{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(64px,7vw,104px);border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}
.pk{padding:52px 44px 56px;display:flex;flex-direction:column;transition:background .4s}
.pk+.pk{border-left:1px solid var(--line-strong)}
.pk.feat{background:#fff}
.pk h3{font-size:30px;font-weight:300;letter-spacing:-.02em;margin:20px 0 26px}
.pk .p{font-family:var(--display);font-size:clamp(38px,3.4vw,54px);font-weight:300;letter-spacing:-.035em;line-height:1}
.pk .u{font-size:13px;color:var(--mut);margin-top:10px}.pk .d{margin-top:30px;color:var(--fg);font-size:16px}
.pk ul{list-style:none;padding:0;margin:26px 0 44px;flex:1}.pk li{padding:12px 0;border-top:1px solid var(--line);color:var(--mut);font-size:15px}
.pk .btn{align-self:flex-start}
.steps{list-style:none;padding-top:0;margin-top:clamp(64px,7vw,104px)!important;display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.steps::before{content:"";position:absolute;left:clamp(22px,5vw,72px);right:clamp(22px,5vw,72px);top:4px;height:1px;background:var(--line-strong)}
.steps li{position:relative;padding:40px 28px 0 0}
.steps .dot{position:absolute;top:0;left:0;width:9px;height:9px;border-radius:50%;background:#fff;border:1px solid #1d1e20}
.steps li:last-child .dot{background:#1d1e20}
.steps h3{font-size:21px;font-weight:300;margin:14px 0 12px}.steps p{color:var(--mut);font-size:15px}
.faq{border-top:1px solid var(--line-strong)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:26px 48px 26px 0;font-size:clamp(17px,1.2vw,19px);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after,.faq summary::before{content:"";position:absolute;right:4px;top:50%;width:13px;height:1px;background:currentColor;transition:transform .35s}
.faq summary::before{transform:rotate(90deg)}.faq details[open] summary::before{transform:rotate(0)}
.faq details p{padding:0 0 30px;color:var(--mut);max-width:62ch}
.formwrap{max-width:980px}
.formwrap .order{margin-top:clamp(56px,6vw,88px);padding:clamp(32px,5vw,72px);background:#f6f6f4}
.formwrap .tier:has(input:checked){background:#fff}
.btn:hover{background:#000;color:#fff;border-color:#000}.btn.ghost:hover{background:#1d1e20;color:#fff}
.bg-dark .btn{background:#f2f1ee;color:#1d1e20;border-color:#f2f1ee}
/* Footer B */
.foot{background:#f6f6f4;border-top:1px solid #e2e2df}
.pl-form{background:#f6f6f4;border:0}.state .btn{}
@media (max-width:1080px){.method,.steps{grid-template-columns:repeat(3,1fr);row-gap:48px}.steps::before{display:none}.models{grid-template-columns:repeat(3,1fr)}.models li:not(:nth-child(4n+1)){padding-left:0;border-left:0}.models li:not(:nth-child(3n+1)){padding-left:24px;border-left:1px solid var(--line)}.meta{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.two{grid-template-columns:1fr}.two .sticky{position:static}.pks{grid-template-columns:1fr}.pk+.pk{border-left:0;border-top:1px solid var(--line-strong)}.pk{padding:44px 0}.pk.feat{padding:44px 24px}
 .cols3,.cols3.ruled{grid-template-columns:1fr}.cols3.ruled>div,.cols3.ruled>div:not(:nth-child(3n+1)){padding:36px 0;border-left:0}.crow{grid-template-columns:1fr 1fr;gap:6px 20px}.crow .ck{grid-column:1/-1}.crow.head .micro:first-child{display:none}}
@media (max-width:640px){.facts{grid-template-columns:1fr 1fr}.facts div:nth-child(3){border-left:0}.facts div:nth-child(n+3){border-top:1px solid var(--line)}.facts div{padding:28px 8px 32px}
 .models{grid-template-columns:1fr 1fr}.models li:not(:nth-child(3n+1)){padding-left:0;border-left:0}.models li:nth-child(2n){padding-left:20px;border-left:1px solid var(--line)}
 .method,.steps{grid-template-columns:1fr}.meta{grid-template-columns:1fr}.hero-vis{padding:0}}
/* B · Signatur: Typografisches Specimen einer KI-Anfrage */
.hero-vis{position:relative}
.specimen{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;width:min(520px,80%);text-align:center;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:30px 36px 26px;border:1px solid var(--line)}
.sp-q{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-style:italic;font-size:clamp(17px,1.5vw,21px);line-height:1.45;color:#1d1e20}
.sp-a{display:grid;grid-template-columns:18px 1fr;gap:10px 12px;align-items:center;margin:22px auto 18px;max-width:300px;text-align:left}
.sp-a span{font-size:11px;color:var(--mut)}.sp-a i{display:block;height:1px;background:#1d1e20;width:100%}.sp-a i.s{width:72%;background:#8a8c90}.sp-a i.xs{width:48%;background:#c4c4c0}
.specimen .micro{letter-spacing:.22em}
.hero-art{opacity:.3}
/* B · Quick-Check */
.qc-sec{padding-top:clamp(72px,8vw,120px)}
.qc-b{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,7vw,120px);align-items:start}
.qc-b h2{max-width:12ch}.qc-b-txt .qc-note{margin-top:28px;font-size:14px;color:var(--mut);max-width:44ch;padding-top:20px;border-top:1px solid var(--line)}
.qc-b-form{background:#f6f6f4;padding:clamp(28px,4vw,56px)}
.qc-b-form .qc-form{margin-top:0}.qc-b-form .qc-row{grid-template-columns:1fr 1fr}.qc-b-form .qc-row .fld:last-child{grid-column:1/-1}
.qc-b-form .qc-list li{grid-template-columns:140px 1fr;gap:4px 16px}.qc-b-form .qc-d{grid-column:2;font-size:14px}
@media (max-width:900px){.qc-b{grid-template-columns:1fr}.qc-b-form .qc-row{grid-template-columns:1fr}.specimen{position:static;transform:none;width:100%;margin-top:-30px}}
@media (max-width:900px){.crow.head{display:none}.crow span[data-l]::before{content:attr(data-l);display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin:8px 0 4px}.crow .ck{color:var(--fg)}}
/* Sprachumschalter */
.nav-lang{display:inline-flex;gap:2px;font-size:11px;letter-spacing:.14em}
.nav-links .nav-lang a{padding:4px 5px;opacity:.45}.nav-links .nav-lang a[aria-current]{opacity:1}
@media (max-width:980px){.nav-lang{padding:14px 0;border-bottom:1px solid var(--navline);width:100%;gap:16px}.nav-links .nav-lang a{width:auto;border:0;padding:0;font-size:13px}}
/* Quick-Check Teaser */
.qc-pc{font-size:15px;margin-bottom:10px}
.qc-ai{margin-top:32px;padding:20px 0 4px;border-top:1px solid var(--line)}
.qc-ai p:first-child{font-size:17px}.qc-ai p:first-child::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;border:1px solid #1d1e20;margin-right:12px;vertical-align:2px}
.qc-ai.qc-pass p:first-child::before{background:#1d1e20}
.qc-kt{margin-top:32px}.qc-list{margin-top:14px}.qc-b-form .qc-list li{grid-template-columns:140px 1fr}
.qc-more{margin-top:16px}
/* Einstieg + Glossar */
.explain{list-style:none;margin:clamp(48px,6vw,88px) auto 0;padding-top:0;padding-bottom:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(40px,6vw,96px);row-gap:0}
.explain li{padding:36px 0 44px}
.explain li:last-child{grid-column:1/-1;max-width:none}
.explain li:last-child p{max-width:68ch}
.explain h3{margin:14px 0 12px}
.explain p{color:var(--mut);line-height:1.75;max-width:56ch}
.gloss{margin:0;border-top:1px solid var(--line)}
.gloss>div{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:32px;padding:26px 0;border-bottom:1px solid var(--line)}
.gloss dt{font-weight:400;letter-spacing:-.005em}
.gloss dd{margin:0;color:var(--mut);line-height:1.7}
@media (max-width:760px){.explain{grid-template-columns:1fr}.gloss>div{grid-template-columns:1fr;gap:8px}}
.hero h1{font-size:clamp(38px,5.4vw,80px);line-height:1.04;max-width:none}.hero{padding-top:clamp(96px,10vw,140px)}.hero .lead{max-width:60ch;margin-left:auto;margin-right:auto}
/* ===== v3 · Apple-nahe Feinabstimmung (überschreibt Basis) ===== */
:root{--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Inter","Helvetica Neue",Helvetica,Arial,sans-serif;--display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Helvetica Neue",Helvetica,Arial,sans-serif;--bg:#fff;--fg:#1d1d1f;--mut:#6e6e73;--line:#e5e5ea;--line-strong:#d2d2d7;--accent:#0066cc;--r:22px}
body{font-weight:400;font-size:17px;line-height:1.47;letter-spacing:-.022em;background:#fff;color:#1d1d1f}
h1,h2,h3,h4,b,strong,th,summary,legend,button,.btn,dt{font-weight:500!important}
.hero h1,.sec h2,.qc-n,.pk .p,.facts .k{font-weight:500!important}
.micro{font-size:14px;letter-spacing:-.01em;text-transform:none;font-weight:500;color:#6e6e73}
.wrap{max-width:1068px;padding:0 clamp(20px,4vw,40px)}
.bg-off{--bg:#f5f5f7;--sel:#ebebef;background:#f5f5f7}
.bg-dark{--bg:#000;--fg:#f5f5f7;--mut:#a1a1a6;--line:#2c2c2e;--line-strong:#3a3a3c;background:#1d1d1f;color:#f5f5f7}
/* Navigation: dünn, transluzent */
.nav{background:rgba(251,251,253,.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08)}
.nav.scrolled,.nav.open{background:rgba(251,251,253,.86);border-bottom-color:rgba(0,0,0,.1)}
.nav-in{height:48px;max-width:1068px}
.logo{font-size:15px;letter-spacing:.14em;font-weight:500}
.nav-links{gap:26px}.nav-links a{font-size:12px;letter-spacing:-.01em;opacity:.85}.nav-links a:hover{opacity:1}
.nav-links .nav-login{padding-left:22px}
.nav-links .nav-cta{background:#0071e3;color:#fff!important;border:0;border-radius:980px;padding:4px 12px;opacity:1}
@media (max-width:900px){.nav-links{inset:48px 0 auto 0}.nav-links .nav-cta{background:none;color:var(--fg)!important;border-radius:0;padding:14px 0}}
html{scroll-padding-top:60px}
/* Buttons: Pillen wie apple.com */
.btn{min-height:44px;padding:0 22px;border-radius:980px;font-size:17px;letter-spacing:-.01em;background:#0071e3;border:1px solid #0071e3;color:#fff}
.btn:hover{background:#0077ed;border-color:#0077ed;color:#fff}
.btn.ghost{background:transparent;color:#0066cc;border-color:#0066cc}.btn.ghost:hover{background:#0066cc;color:#fff}
.bg-dark .btn{background:#2997ff;border-color:#2997ff;color:#fff}
.link{font-size:17px;letter-spacing:-.01em;color:#0066cc;padding-bottom:0}.link::after{display:none}.link:hover{text-decoration:underline}
a.link:not(.qc-x)::after{content:" ›";display:inline;position:static;background:none;height:auto}
.cta{gap:28px;justify-content:center}
/* Einblenden */
.rv{transform:translateY(24px);transition:opacity .9s cubic-bezier(.28,.11,.32,1),transform .9s cubic-bezier(.28,.11,.32,1)}
/* Hero */
.hero{padding:clamp(72px,10vw,128px) 0 clamp(56px,7vw,96px);background:#fff}
.hero h1{font-size:clamp(40px,6.2vw,80px);line-height:1.05;letter-spacing:-.015em;color:#1d1d1f;margin:14px auto 22px}
.hero .micro{font-size:clamp(17px,1.6vw,21px);color:#1d1d1f}
.lead{font-size:clamp(19px,1.8vw,24px);line-height:1.38;letter-spacing:.009em;color:#6e6e73;max-width:760px;margin-left:auto;margin-right:auto}
.hero .lead{color:#1d1d1f}
.hero-art ellipse{stroke:#d2d2d7}.hero-art .pt{fill:#86868b}.hero-art .core{fill:#0071e3}
.specimen{background:#f5f5f7;border-radius:var(--r);border:0}
/* Sektionen */
.sec{padding:clamp(88px,11vw,150px) 0}
.sec h2{font-size:clamp(34px,4.6vw,56px);line-height:1.07;letter-spacing:-.005em;margin:10px 0 0}
.sec .c .micro,.sec .micro.rv{color:#6e6e73}
.bg-dark .sec h2,.bg-dark h2{color:#f5f5f7}
.body{font-size:19px;line-height:1.42;color:#424245}.bg-dark .body{color:#a1a1a6}
h3{letter-spacing:-.01em!important}
/* Karten mit Rundungen */
.explain li,.cols3>div,.gloss>div,.method li,.steps li,.toc li,.meta>div{border-radius:var(--r);background:#fff;padding:32px 30px!important;border:0!important;background-image:none!important}
.bg-off .explain li,.bg-off .cols3>div,.bg-off .gloss>div,.bg-off .steps li,.bg-off .toc li{background:#fff}
:not(.bg-off)>.wrap>.cols3>div,.sec:not(.bg-off):not(.bg-dark) .method li,.sec:not(.bg-off):not(.bg-dark) .steps li,.sec:not(.bg-off):not(.bg-dark) .toc li,.sec:not(.bg-off):not(.bg-dark) .gloss>div,.sec:not(.bg-off):not(.bg-dark) .cols3>div{background:#f5f5f7}
.bg-dark .method li,.bg-dark .meta>div{background:#000}
.explain,.cols3,.method,.steps,.toc,.gloss,.meta{gap:20px!important}
.hl-t,.hl-tb{background-image:none!important}
.num{color:#86868b;font-size:14px}
.models{border-radius:var(--r);background:#000;padding:8px 24px!important}
.cmp{border-radius:var(--r);background:#f5f5f7;padding:12px 32px!important;margin-top:56px}
.crow{border-color:#e5e5ea!important}
.faq details{border-color:#d2d2d7!important}
.facts{margin-top:48px;gap:20px}.facts>div{background:#f5f5f7;border-radius:18px;padding:22px 20px;border:0!important}
/* Produkt-Kachelreihe für Pakete */
.pks{border:0!important;gap:20px;background-image:none!important}
.pk,.pk.feat{background:#fff;border-radius:28px;border:0!important;padding:44px 36px 40px;align-items:center;text-align:center;box-shadow:0 2px 16px rgba(0,0,0,.04);transition:transform .5s cubic-bezier(.28,.11,.32,1),box-shadow .5s}
.pk:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.08)}
.pk+.pk{border-left:0!important}
.pk.feat{outline:2px solid #0071e3;outline-offset:-2px}
.pk ul{text-align:left;width:100%}.pk li{border-color:#e5e5ea}
.pk .btn{align-self:center}
@media (max-width:900px){.pk,.pk.feat{padding:40px 26px}.pk+.pk{border-top:0!important}}
/* Formulare */
.qc-b,.formwrap .order{background:#fff;border-radius:28px}
.formwrap .order{padding:clamp(28px,5vw,56px);box-shadow:0 2px 16px rgba(0,0,0,.05)}
.sec:not(.bg-off) .formwrap .order{background:#f5f5f7;box-shadow:none}
.order input:not([type=checkbox]):not([type=radio]),.order select,.qc-form input:not([type=checkbox]){border:1px solid #d2d2d7!important;border-radius:12px!important;padding:12px 14px!important;background:#fff;font-weight:400}
.order input:focus,.order select:focus,.qc-form input:focus{border-color:#0071e3!important;box-shadow:0 0 0 3px rgba(0,113,227,.18);outline:0}
.fld>label,.fld>legend{text-transform:none;letter-spacing:-.01em;font-size:14px;font-weight:500}
/* Footer */
.foot{background:#f5f5f7;color:#6e6e73;font-size:12px}
.foot a{color:#424245}.foot .logo{color:#1d1d1f}
.qc-dialog,.qc-dbox{border-radius:var(--r)}
.two .sec h2,.two h2{font-size:clamp(32px,3.6vw,44px)}
/* ===== v4 · Variante-5-Stil (weiss, kompakt, Apple-artig) ===== */
:root{--bg:#fff;--fg:#1d1d1f;--mut:#6e6e73;--line:#e5e5ea;--line-strong:#d2d2d7;--off:#f5f5f7}
body{background:#fff;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
b,strong,th,dt,summary,legend,label,h3,h4,.logo,.k,.p,.mv,.num{font-weight:500!important}
h1,h2,.price,.pk .p{font-weight:600!important}
.wrap{max-width:1200px;padding-left:40px;padding-right:40px}
.nav,.nav.scrolled{background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid #eee;box-shadow:none}
.nav-in{height:76px}.logo{font-weight:700!important;letter-spacing:.2em;font-size:15px;text-decoration:none;color:#1d1d1f}
.nav-links a{font-size:14px;color:#1d1d1f;opacity:1;margin-left:0}.nav-links{gap:28px}
.nav-lang{gap:6px}.nav-lang a{font-size:14px}.nav-lang a+a::before{content:"/ ";color:#6e6e73}.nav-lang a[aria-current]{opacity:1}.nav-lang a:not([aria-current]){color:#6e6e73}
.micro{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#6e6e73;opacity:1}
h1{font-size:76px;line-height:1.05;letter-spacing:-.035em;text-align:center;max-width:960px;margin:20px auto 28px}
h2{font-size:52px;line-height:1.08;letter-spacing:-.03em;margin:8px 0 16px}
h3{font-size:19px;letter-spacing:-.01em}
.lead{font-size:21px;line-height:1.5;max-width:680px;color:#6e6e73}.c .lead{margin-left:auto;margin-right:auto}
.body{color:#6e6e73;font-size:17px;line-height:1.6}
.hero{text-align:center;padding:140px 0 100px;background:#fff}.hero .cta{justify-content:center;display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.btn{display:inline-block;padding:15px 28px;font-size:15px;font-weight:400!important;background:#1d1d1f;color:#fff;border:0;border-radius:999px;text-decoration:none;box-shadow:none}
.btn:hover{background:#000}.btn.ghost{background:#f5f5f7;color:#1d1d1f;border:0}.btn.ghost:hover{background:#e8e8ed}
.facts5{display:grid;grid-template-columns:repeat(4,minmax(0,150px));justify-content:center;gap:40px;text-align:center;margin:72px 0 0}.facts5 dt{font-size:28px;font-weight:500!important}.facts5 dd{margin:4px 0 0;font-size:13px;color:#6e6e73}
.geo5{padding:40px 0 100px;text-align:center}
.sec{padding:120px 0}.bg-off{background:#f5f5f7}.bg-dark{background:#fff;color:#1d1d1f}.bg-dark .lead,.bg-dark p{color:#6e6e73}.bg-dark h2,.bg-dark h3,.bg-dark .mm{color:#1d1d1f}
.narrow.c{text-align:center}.narrow.c h2{text-align:center}
/* Karten-Look für Raster */
.explain li,.cols3>div,.gloss>div,.method li,.toc li,.meta>div,.steps li{background:#fff;border-radius:20px;padding:28px;border:0!important}
.sec:not(.bg-off) .explain li,.sec:not(.bg-off) .cols3>div,.sec:not(.bg-off) .method li,.sec:not(.bg-off) .toc li,.sec:not(.bg-off) .meta>div,.sec:not(.bg-off) .gloss>div{background:#f5f5f7}
.explain,.cols3,.method,.meta{gap:20px!important;border:0!important}
.cols3>div+div,.ruled>div{border-left:0!important;padding-left:28px!important}
.num{font-size:13px;color:#6e6e73;opacity:.8;letter-spacing:0}
.explain p,.cols3 p,.method p,.toc p,.steps p,.gloss dd,.meta p{color:#6e6e73;line-height:1.6;font-size:15px}
.models{gap:12px;border:0!important}.models li{background:#f5f5f7;border-radius:16px;padding:20px!important;border:0!important}
.mm{color:#6e6e73}
.cmp{background:#f5f5f7;border-radius:24px;padding:12px 32px;margin-top:48px}.crow{border-color:#e5e5ea!important}
.toc{gap:12px;display:grid}.gloss{display:grid;gap:12px}
.doc{border-radius:20px;border:0;background:#f5f5f7}
/* Pakete */
.pks{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;border:0!important}
.pk,.pk.feat{background:#f5f5f7;border-radius:24px;padding:40px!important;border:0!important;color:#1d1d1f}
.pk .p{font-size:40px;letter-spacing:-.03em;margin:16px 0 0}.pk .u,.pk .d{color:#6e6e73;font-size:13px}.pk .d{font-size:15px;line-height:1.5}
.pk ul{line-height:1.9;color:#1d1d1f}.pk li::before{display:none}
.pk.hl{background:#1d1d1f;color:#f5f5f7}.pk.hl .micro,.pk.hl .u,.pk.hl .d{color:#a1a1a6}.pk.hl h3,.pk.hl ul,.pk.hl .p{color:#f5f5f7}.pk.hl .btn{background:#fff;color:#1d1d1f}
/* Ablauf */
#ablauf .steps{gap:20px}#ablauf .steps::before,.steps .dot{display:none}
/* FAQ */
.faq details{border-color:#e5e5ea}.faq summary{font-size:17px}
/* Formulare */
.order,.qc-form{background:transparent;border:0;box-shadow:none}
input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid #d2d2d7!important;border-radius:12px!important;padding:14px!important;font-size:16px;background:#fff}
input:focus,select:focus{outline:2px solid #0071e3;outline-offset:0;border-color:#0071e3!important}
.formwrap{max-width:760px;margin:40px auto 0}.tier{border:1px solid #d2d2d7!important;border-radius:12px;margin:0!important}.tiers{gap:12px;border:0!important}
.qc-sec{background:#fff}.qc-b{gap:56px}.qc-b-form{background:#f5f5f7;border-radius:24px;padding:32px}
/* Footer */
.foot5{background:#fff;border-top:1px solid #eee;color:#1d1d1f}
.foot5-in{display:flex;justify-content:space-between;gap:16px;padding-top:40px;padding-bottom:40px;font-size:13px;opacity:.7;flex-wrap:wrap}.foot5 a{color:inherit;text-decoration:none}.foot5 a:hover{text-decoration:underline}
@media(max-width:900px){.pks{grid-template-columns:1fr}.pk,.pk.feat{padding:32px!important}}
@media(max-width:800px){h1{font-size:44px}h2{font-size:34px}.wrap{padding-left:20px;padding-right:20px}.hero{padding:80px 0 64px}.facts5{grid-template-columns:repeat(2,minmax(0,150px));gap:28px 24px}.sec{padding:80px 0}.foot5-in{flex-direction:column;gap:8px}.lead{font-size:18px}}
.narrow.c h2,.narrow.c .lead{max-width:860px;margin-left:auto!important;margin-right:auto!important;text-align:center}.narrow.c h2{max-width:900px}
.models,.bg-dark .models{background:none!important;padding:0!important;border:0!important;box-shadow:none!important}.models li{background:#f5f5f7!important}
.pk .btn,.pk .btn.ghost{display:inline-block;padding:15px 28px!important;border-radius:999px!important;background:#fff!important;color:#1d1d1f!important;border:0!important;text-decoration:none}
.pk.hl .btn{background:#fff!important}.pk:not(.hl) .btn{background:#1d1d1f!important;color:#fff!important}
footer.foot5{padding:0!important;margin-top:0}
.nav .logo{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1;gap:4px}
.lg-m{font-weight:700;letter-spacing:.2em;font-size:15px}.lg-x{font-weight:400;color:#86868b;letter-spacing:.14em}
.lg-t{font-size:10px;font-weight:400;letter-spacing:.01em;color:#86868b;text-transform:none}
.logoB .lg-t{font-size:8.5px;letter-spacing:.22em;text-transform:uppercase}
/* Rechtliche Seiten: Titelblock horizontal zentriert */
.state{margin-left:auto;margin-right:auto;text-align:center}
.state .lead,.state .body{margin-left:auto;margin-right:auto}
.state h2{text-align:center}
.lhead{margin-left:auto;margin-right:auto;text-align:center}
.lhead .lead{margin-left:auto;margin-right:auto}
.state h1,.state h2,.state .micro,.lhead h1,.lhead .micro{margin-left:auto;margin-right:auto}
/* Karte 05: zwei Spalten (Text | Lieferumfang), mobil gestapelt */
.explain li.ex-wide{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:clamp(40px,6vw,96px);align-items:center}
.explain li.ex-wide .ex-main p{max-width:56ch}
.ex-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(0,0,0,.1)}
.explain .ex-list li{padding:13px 0!important;border-bottom:1px solid rgba(0,0,0,.1)!important;border-radius:0;background:none!important;color:#6e6e73;font-size:15px;line-height:1.5;font-weight:inherit}
@media (max-width:760px){.explain li.ex-wide{grid-template-columns:1fr;row-gap:24px}}
/* Typo: ruhigere Überschriften-Skala (überschreibt alle früheren Grössen) */
h1,.hero h1,.state h1,.lhead h1,.plogin h1,.phead h1{font-size:clamp(30px,4vw,48px)!important;line-height:1.12!important;letter-spacing:-.02em!important;font-weight:500!important}
h2,.sec h2,.two h2,.two .sec h2,.qc-b h2,.state h2{font-size:clamp(24px,3vw,36px)!important;line-height:1.18!important;letter-spacing:-.015em!important;font-weight:500!important}
.lsec h2,.pblock h2{font-size:clamp(19px,1.5vw,22px)!important;line-height:1.3!important}
.qc-dbox h2{font-size:clamp(22px,2.4vw,28px)!important}
.hero h1{max-width:22ch!important}
.c h2,.narrow.c h2{max-width:28ch!important}
.two h2{max-width:20ch!important}
/* Quick-Check: linke Spalte breiter, Überschrift neben dem Formular auf 1–2 Zeilen */
.qc-b{grid-template-columns:minmax(0,47fr) minmax(0,53fr)!important}
.qc-b h2{max-width:none!important}
@media (max-width:900px){.qc-b{grid-template-columns:1fr!important}}
.qc-b h2{margin-bottom:18px!important}
/* Layout: kompakte, einheitliche Abstands-Skala (überschreibt ältere Abstände)
   --s-sec: Abschnitt oben/unten · --s-gap: Kopf → Inhalt · --s-lead: Überschrift → Einleitung */
:root{--s-sec:72px;--s-hero-t:88px;--s-hero-b:64px;--s-gap:40px;--s-lead:16px}
@media (max-width:760px){:root{--s-sec:48px;--s-hero-t:56px;--s-hero-b:40px;--s-gap:28px;--s-lead:12px}}
main > section.sec{padding-top:var(--s-sec)!important;padding-bottom:var(--s-sec)!important}
main > section.hero{padding-top:var(--s-hero-t)!important;padding-bottom:var(--s-hero-b)!important}
main > section.geo5{padding-top:0!important;padding-bottom:var(--s-sec)!important}
.hero h1{margin:12px auto 18px!important}
.hero .cta{margin-top:24px!important}
.hero .facts5{margin-top:40px!important}
.sec h2,.geo5 h2{margin-top:8px!important}
.sec .lead,.sec .body,.geo5 .lead{margin-top:var(--s-lead)!important}
.explain,.cols3,.cmp,.models,.method,.steps,.pks,.formwrap .order{margin-top:var(--s-gap)!important}
.meta{margin-top:var(--s-gap)!important;padding-top:28px!important}
.two{row-gap:var(--s-gap)}
/* Rechtliche Seiten & Portal */
.state{padding-top:var(--s-hero-t)!important;padding-bottom:var(--s-sec)!important}
.legal{padding-top:var(--s-hero-t)!important;padding-bottom:var(--s-sec)!important}
.lhead{padding-bottom:var(--s-gap)!important}
.lhead h1,.state h1{margin:12px auto 18px!important}
.phead{padding-bottom:32px!important}
.pmain{padding-top:var(--s-hero-t)!important;padding-bottom:var(--s-sec)!important}
/* Glossar kompakt: Kacheln im Raster (3 / 2 / 1 Spalten) */
.gloss.gloss3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important;margin-top:var(--s-gap)!important;border:0}
.gloss.gloss3>div{display:block;padding:22px 24px!important;border-radius:16px;background:#fff}
.gloss.gloss3 dt{font-size:16px;font-weight:500!important;color:#1d1d1f;letter-spacing:-.005em;margin-bottom:8px}
.gloss.gloss3 dd{font-size:14.5px;line-height:1.55;color:#6e6e73;margin:0}
@media (max-width:1000px){.gloss.gloss3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.gloss.gloss3{grid-template-columns:1fr;gap:10px!important}.gloss.gloss3>div{padding:18px 20px!important}}
/* Buttons feiner: 400, 14.5px, Höhe ~38px (mobil 42px), Pill */
.btn,a.btn,button.btn,.pk .btn,.pk .btn.ghost{display:inline-flex!important;align-items:center;justify-content:center;min-height:38px!important;height:auto;padding:8px 20px!important;font-size:14.5px!important;font-weight:400!important;line-height:1.2!important;letter-spacing:0!important;border-radius:999px!important;box-shadow:none!important}
.btn.ghost{background:transparent!important;color:#1d1d1f!important;border:1px solid rgba(29,29,31,.22)!important}
.btn.ghost:hover{background:#f5f5f7!important;border-color:rgba(29,29,31,.35)!important}
.pk.hl .btn{border:0!important}
@media (max-width:760px){.btn,a.btn,button.btn,.pk .btn,.pk .btn.ghost{min-height:42px!important;padding:9px 20px!important}}
/* Logo etwas grösser (+15 %) */
.logo .lg-m{font-size:17.25px!important;letter-spacing:3.45px!important}
.logo .lg-x{font-size:17.25px!important;letter-spacing:2.4px!important}
.logo .lg-t{font-size:11.5px!important;letter-spacing:.12px!important}

/* Pakete: kompaktere Abstände */
.pks{align-items:stretch}
.pk,.pk.feat{padding:26px 28px 26px!important;min-height:0!important;height:auto!important}
.pk .micro{margin:0!important;line-height:1.35}
.pk h3{margin:6px 0 14px!important;line-height:1.15}
.pk .p{font-size:34px!important;line-height:1!important;margin:0!important;font-weight:500!important}
.pk .u{margin-top:6px!important;line-height:1.35}
.pk .d{margin-top:12px!important;line-height:1.45!important}
.pk ul{margin:12px 0 16px!important;line-height:1.4!important;flex:1 1 auto}
.pk li{padding:5px 0!important;margin:0!important;line-height:1.4!important}
.pk .btn{margin-top:auto!important}
@media (max-width:900px){.pk,.pk.feat{padding:24px 22px!important}.pk ul{margin:12px 0 16px!important}.pk li{padding:6px 0!important}}
/* Pakete: feinere Schrift, bündig */
.pk .micro{font-weight:400!important;min-height:2.7em;display:flex!important;align-items:flex-end;justify-content:center;text-align:center}
.pk h3{font-size:21px!important;font-weight:400!important;letter-spacing:-.01em!important;margin:6px 0 10px!important}
.pk ul{margin:12px 0 10px!important}
@media (max-width:900px){.pk .micro{min-height:0}}
.toc{border-top:0!important}

.geo-sub{margin-top:14px;font-size:15px;color:#86868b;font-weight:400;line-height:1.5}
.meta{position:relative}.meta::before{content:"";position:absolute;left:0;right:0;top:calc(var(--s-gap,80px) / -2);height:1px;background:rgba(0,0,0,.08)}
.doc{gap:9px}.doc i,.doc em{font-style:normal}
.doc .ds{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;font-size:8px;letter-spacing:.06em;color:#a1a1a6}
.doc .ds em{font-size:17px;font-weight:300;color:#9a9a9f;letter-spacing:0}.doc .ds small{font-size:8px;color:#b8b8bd}
.doc .dbars{display:flex;flex-direction:column;gap:4px;margin:2px 0 6px}.doc .dbars i{display:block;height:1px;background:#cfcfd4}
.doc .dr{display:flex;flex-direction:column;gap:5px;font-size:8px;color:#a8a8ad;letter-spacing:.02em}.doc .dr .l{margin-top:0;background:#e2e2e6}
#geo h2{margin-bottom:0}.geo-sub{margin-top:9px}
.meta::before{top:calc((3px - var(--s-gap,40px)) / 2)}
.meta::before{display:none}
.sec .method{margin-bottom:0!important}.sec .meta{margin-top:0!important}
.mdiv{height:1px;padding:0!important;background:rgba(0,0,0,.08);background-clip:content-box;margin-top:44px!important;margin-bottom:44px!important}
#geo h2{line-height:1.05}.geo-sub{margin-top:-3px}
.sec .meta{padding-top:0!important}
.faq-all{margin-top:22px;font-size:15px}.faq-all a{color:var(--mut);text-decoration:none}.faq-all a:hover{color:var(--fg)}
.faqpage h1{font-size:clamp(28px,3vw,40px);font-weight:400;letter-spacing:-.01em;line-height:1.15;margin-bottom:14px}
.faqpage h1{text-align:left!important;margin:0 0 14px!important;max-width:none!important;padding:0!important}
.nav-in{position:relative}
@media (min-width:981px){.nav-main{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:28px}.nav-links{justify-content:flex-end}}
@media (max-width:980px){.nav-main{display:contents}}
.faqpage h1{font-size:36px!important;letter-spacing:-.015em;line-height:1.18}
@media (min-width:981px) and (max-width:1359px){.nav-links:has(.nav-cta) .nav-main{position:static;transform:none}}
/* Portal Phase 3 */
.pscore .sc-top{display:flex;flex-wrap:wrap;align-items:flex-end;gap:28px 48px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.sc-main,.sc-kv{display:flex;flex-direction:column;gap:6px}
.sc-v{font-size:clamp(40px,4.4vw,56px);font-weight:300;line-height:1;letter-spacing:-.02em}.sc-v small,.sc-kv small{font-size:.4em;color:var(--mut);margin-left:3px}
.sc-kv span:first-child{font-size:26px;font-weight:300;line-height:1}
.ptrend{margin-left:auto;display:flex;flex-direction:column;gap:6px;min-width:220px;flex:0 1 320px}
.ptrend svg{width:100%;height:56px;overflow:visible}.ptrend path{fill:none;stroke:#86868b;stroke-width:1}.ptrend circle{fill:#1d1d1f}
.sc-bars{display:grid;grid-template-columns:1fr 1fr;gap:28px 64px;margin-top:28px}.sc-bars .micro{margin-bottom:12px}
.pbars{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.pbars li{display:grid;grid-template-columns:minmax(110px,38%) 1fr 44px;align-items:center;gap:14px;font-size:14px}
.pbars .bl{color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbars .bv{text-align:right;font-variant-numeric:tabular-nums}
.pbars .bt{height:2px;background:#ececef;position:relative}.pbars .bt i{position:absolute;left:0;top:0;bottom:0;background:#6e6e73}
.pkv{display:flex;flex-direction:column;margin:0}.pkv div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}.pkv dt{color:var(--mut)}.pkv dd{margin:0}
.ptxt{font-size:15px;margin:0 0 18px;max-width:42ch}
.pco{display:grid;grid-template-columns:repeat(6,1fr);gap:16px 24px}
.pco .pf{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--mut);grid-column:span 3}
.pco .pf-zip{grid-column:span 2}.pco .pf-city{grid-column:span 4}.pco .pf-country,.pco .pf-vat_id{grid-column:span 3}
.pco input{font:inherit;font-size:15px;color:var(--fg);background:transparent;border:0;border-bottom:1px solid var(--line-strong);padding:8px 0;border-radius:0}
.pco input:focus{outline:none;border-bottom-color:var(--fg)}
.pco-act{grid-column:1/-1;display:flex;align-items:center;gap:18px;margin-top:6px}#cmsg{font-size:14px}
@media (max-width:860px){.sc-bars{grid-template-columns:1fr}.ptrend{margin-left:0}.pco{grid-template-columns:1fr}.pco .pf{grid-column:1/-1!important}}
.pco{grid-template-columns:repeat(4,1fr)}.pco .pf{grid-column:span 2}.pco .pf-zip,.pco .pf-city{grid-column:span 1}.pco .pf-country,.pco .pf-vat_id{grid-column:span 2}
.pco input{font-weight:400!important;height:auto!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--line-strong)!important;border-radius:0!important;padding:8px 0!important;box-shadow:none!important}
/* Paketkarten: Trennlinien dezent */
.pk li{border-top:1px solid rgba(29,29,31,.07)!important}
.pk.hl li{border-top-color:rgba(245,245,247,.09)!important}
.pk ul{margin-top:18px!important}
.pk ul{margin-bottom:4px!important}
/* Paketkarten: Inhalt etwas höher, Luft über dem Button */
.pk,.pk.feat{padding-top:18px!important}
.pk ul{margin-bottom:26px!important}
@media (min-width:1200px){.pk .micro{min-height:1.4em}}

/* KI-Lesbarkeits-Check: Hinweisblock unter den Paketkarten */
.pkx-w{margin-top:24px}
.pkx{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:40px;background:#f5f5f7;border-radius:24px;padding:40px;color:#1d1d1f;box-shadow:0 2px 16px rgba(0,0,0,.04)}
.pkx .micro{display:block!important;min-height:0!important;text-align:left!important;justify-content:flex-start!important;margin:0 0 12px!important}
.pkx h3{font-size:30px;font-weight:300;letter-spacing:-.02em;margin:0}
.pkx-b p{margin:0;font-size:16px;line-height:1.6;color:#1d1d1f}
.pkx-b .pkx-n{margin-top:18px;padding-top:14px;border-top:1px solid rgba(29,29,31,.07);font-size:13px;color:#6e6e73}
@media (max-width:900px){.pkx{grid-template-columns:1fr;gap:20px;padding:32px 26px}.pkx h3{font-size:26px}}

/* Header-Navigation v2: kompakt, schlank, ab 1200px inline, darunter im Menü */
.nav-in{max-width:1200px}
.nav-links a{font-weight:400}
@media (min-width:1200px){
 .nav-main{position:static;transform:none;display:flex;gap:17px;margin-right:6px}
 .nav-links{gap:17px;flex:1;justify-content:flex-end}
 .nav-links a{font-size:13px;letter-spacing:0}
 .nav-links .nav-login{padding-left:17px}
 .nav-lang a{font-size:13px}
 .nav-links .nav-cta{font-size:12px;padding:4px 12px;white-space:nowrap}
}
@media (max-width:1199px){
 .nav-toggle{display:block}
 .nav-main{display:contents;position:static;transform:none}
 .nav-links{position:fixed;inset:76px 0 auto 0;flex-direction:column;align-items:flex-start;gap:0;padding:12px clamp(22px,5vw,72px) 32px;background:var(--navbg-solid,#fff);border-bottom:1px solid var(--navline);visibility:hidden;opacity:0;transform:translateY(-8px);transition:all .35s ease;max-height:calc(100vh - 76px);overflow-y:auto}
 .nav.open .nav-links{visibility:visible;opacity:1;transform:none}
 .nav-links a{padding:11px 0;width:100%;border-bottom:1px solid var(--navline);font-size:15px;opacity:1}
 .nav-links .nav-login{padding-left:0;border-left:0}
 .nav-lang{padding:12px 0;border-bottom:1px solid var(--navline);width:100%;gap:16px}.nav-links .nav-lang a{width:auto;border:0;padding:0;font-size:13px}
 .nav-links .nav-cta{background:none;color:var(--fg,#1d1d1f)!important;border:0;border-bottom:1px solid var(--navline);border-radius:0;padding:11px 0}
 .nav.open .nav-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.nav.open .nav-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
}
@media (min-width:1200px){header.nav .nav-links a.nav-cta{background:#06402B;color:#fff!important;transition:background .25s}header.nav .nav-links a.nav-cta:hover,header.nav .nav-links a.nav-cta:focus-visible{background:#0A5A3D}header.nav .nav-links a.nav-cta:active{background:#04301F}}
/* Header v3: Links nach Logo, rechte Gruppe Log in | DE/EN | Button (voller Text) */
.nav-cta .cta-s{display:none}
@media (min-width:1200px){
 header.nav .nav-links{justify-content:flex-start;margin-left:56px}
 header.nav .nav-main{margin-right:auto}
 header.nav .nav-links .nav-lang{padding-left:17px;border-left:1px solid var(--navline)}
}
/* strategy card: button + email link */
.pk-act{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}
.pk-act .btn{align-self:auto}
.pk-mail{font-size:14px;color:var(--mut);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px;transition:color .2s}
.pk-mail:hover{color:var(--fg)}
/* order form: tighter, balanced */
.formwrap{max-width:720px!important;margin:28px auto 0!important}
.formwrap .order{margin-top:0!important;padding:clamp(24px,4vw,40px)!important}
.formwrap .fgrid{column-gap:24px;row-gap:18px}
.formwrap .fld>label,.formwrap .fld>legend{margin-bottom:6px}
.formwrap .cf-turnstile{margin-top:18px}
.formwrap .fsubmit{margin-top:22px;gap:18px}
.formwrap .msg{margin-top:10px;min-height:0}
#bestellen .lead{margin-bottom:0}
/* v2: strategy button truly centred, email link centred in right gutter */
.pk-act{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;gap:0!important}
.pk-act .btn{grid-column:2;justify-self:center}
.pk-act .pk-mail{grid-column:3;justify-self:center;font-size:.8em}
.fnote .pk-mail{font-size:1em}
/* v2: form submit closer to consent */
.formwrap .cf-turnstile{margin-top:0!important;min-height:0!important}
.formwrap .cf-turnstile:not(:empty){margin-top:16px!important}
.formwrap .fsubmit{margin-top:18px!important}
.formwrap #ts{height:0!important;overflow:hidden;margin-top:0!important}
.formwrap #ts.show{height:auto!important;overflow:visible;margin-top:16px!important}

.seal{display:flex;align-items:center;gap:16px;margin:28px 0 0}.seal img{width:96px;height:96px;flex:none;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06)}.seal figcaption{font-size:14px;line-height:1.45;color:#6e6e73;max-width:260px;font-weight:400}@media(max-width:640px){.seal img{width:80px;height:80px}}