:root{--color-paper:#0a0a12;--color-paper-2:#12121c;--color-paper-3:#07070c;--color-ink:#f2f2f7;--color-ink-2:#d0d0dc;--color-muted:#a4a4b4;--color-rule:#24242f;--color-rule-2:#383848;--color-accent:#c0268e;--color-person:#e866b2;--color-person-soft:#2a0f22;--color-person-line:#5a1a46;--color-cool:#a3afff;--color-cool-soft:#1b1f3f;--color-cool-line:#343c78;--color-ok:#5cd49a;--color-ok-soft:#0f2a1f;--color-ok-line:#1f5c41;--color-blue:#3a4fb0;--color-petrol:#0d8aa6;--color-on-accent:#ffffff;--color-selection:#5a1a46;--font-display:"Host Grotesk",ui-sans-serif,system-ui,sans-serif;--font-mono:"Atkinson Hyperlegible Mono",ui-monospace,monospace}
html,body{overflow-x:clip;scrollbar-color:var(--color-rule-2) var(--color-paper)}
::selection{background:var(--color-selection);color:var(--color-ink)}
[data-scope="hero-d"] a:active,[data-scope="hero-d"] button:active{opacity:.82}
[data-scope="hero-d"] button:disabled{opacity:.5;cursor:not-allowed}
[data-scope="hero-d"] [role="heading"]{overflow-wrap:break-word;min-width:0;hyphens:manual}
body{margin:0;background:var(--color-paper)}
[data-scope="hero-d"] a{color:var(--color-ink-2);text-decoration:none}
[data-scope="hero-d"] a:hover{color:var(--color-ink)}
[data-scope="hero-d"] a:focus-visible,[data-scope="hero-d"] button:focus-visible{outline:2px solid var(--color-cool);outline-offset:2px}
[data-scope="hero-d"] .tab{border:0;margin:0;padding:10px 18px;min-height:44px;font-family:var(--font-display);font-size:14px;font-weight:500;cursor:pointer;background:transparent;color:var(--color-muted)}
[data-scope="hero-d"] .phase{border:0;border-right:1px solid var(--color-rule);margin:0;padding:10px 4px;min-height:44px;font-family:var(--font-display);font-size:14px;cursor:pointer;background:transparent;color:var(--color-muted)}
[data-scope="hero-d"] .phase:last-child{border-right:0}
[data-scope="hero-d"] .tab:hover,[data-scope="hero-d"] .phase:hover{color:var(--color-ink)}
[data-scope="hero-d"] .tab[aria-selected="true"],[data-scope="hero-d"] .phase[aria-selected="true"]{background:var(--color-cool-soft);color:var(--color-cool);font-weight:500}
[data-scope="hero-d"] .chip{text-align:center;padding:6px 0;border-radius:4px;border:1px solid var(--color-ok-line);background:var(--color-ok-soft);color:var(--color-ok)}
[data-scope="hero-d"] .chip-open{border-color:var(--color-person-line);background:var(--color-person-soft);color:var(--color-person)}
[data-scope="hero-d"] .chip-todo{border-color:var(--color-rule);background:var(--color-paper-3);color:var(--color-muted)}
:root{--color-paper:#0a0a12;--color-paper-2:#12121c;--color-paper-3:#07070c;--color-ink:#f2f2f7;--color-ink-2:#d0d0dc;--color-muted:#a4a4b4;--color-rule:#24242f;--color-rule-2:#383848;--color-accent:#c0268e;--color-person:#e866b2;--color-person-soft:#2a0f22;--color-person-line:#5a1a46;--color-cool:#a3afff;--color-cool-soft:#1b1f3f;--color-cool-line:#343c78;--color-ok:#5cd49a;--color-ok-soft:#0f2a1f;--color-ok-line:#1f5c41;--color-blue:#3a4fb0;--color-petrol:#0d8aa6;--color-on-accent:#ffffff;--color-selection:#5a1a46;--font-display:"Host Grotesk",ui-sans-serif,system-ui,sans-serif;--font-mono:"Atkinson Hyperlegible Mono",ui-monospace,monospace}
html,body{overflow-x:clip;scrollbar-color:var(--color-rule-2) var(--color-paper)}
::selection{background:var(--color-selection);color:var(--color-ink)}
[data-scope="hero-m"] a:active,[data-scope="hero-m"] button:active{opacity:.82}
[data-scope="hero-m"] button:disabled{opacity:.5;cursor:not-allowed}
[data-scope="hero-m"] h1,[data-scope="hero-m"] h2{overflow-wrap:break-word;min-width:0;hyphens:manual}
body{margin:0;background:var(--color-paper)}
[data-scope="hero-m"] a{color:var(--color-ink-2);text-decoration:none}
[data-scope="hero-m"] a:hover{color:var(--color-ink)}
[data-scope="hero-m"] a:focus-visible,[data-scope="hero-m"] button:focus-visible{outline:2px solid var(--color-cool);outline-offset:2px}
[data-scope="hero-m"] .tab{border:0;margin:0;padding:10px 8px;min-height:44px;font-family:var(--font-display);font-size:14px;font-weight:500;cursor:pointer;background:transparent;color:var(--color-muted)}
[data-scope="hero-m"] .phase{border:0;border-right:1px solid var(--color-rule);margin:0;padding:8px 1px;min-height:44px;font-family:var(--font-display);font-size:11px;cursor:pointer;background:transparent;color:var(--color-muted)}
[data-scope="hero-m"] .phase:last-child{border-right:0}
[data-scope="hero-m"] .tab:hover,[data-scope="hero-m"] .phase:hover{color:var(--color-ink)}
[data-scope="hero-m"] .tab[aria-selected="true"],[data-scope="hero-m"] .phase[aria-selected="true"]{background:var(--color-cool-soft);color:var(--color-cool);font-weight:500}
:root{--color-paper:#0a0a12;--color-paper-2:#12121c;--color-paper-3:#07070c;--color-ink:#f2f2f7;--color-ink-2:#d0d0dc;--color-muted:#a4a4b4;--color-placeholder:#7a7a8c;--color-rule:#24242f;--color-rule-2:#383848;--color-accent:#c0268e;--color-person:#e866b2;--color-cool:#a3afff;--color-cool-soft:#1b1f3f;--color-ok:#5cd49a;--color-blue:#3a4fb0;--color-petrol:#0d8aa6;--color-on-accent:#ffffff;--color-selection:#5a1a46;--font-display:"Host Grotesk",ui-sans-serif,system-ui,sans-serif;--font-mono:"Atkinson Hyperlegible Mono",ui-monospace,monospace}
html,body{overflow-x:clip;scrollbar-color:var(--color-rule-2) var(--color-paper)}
body{margin:0;background:var(--color-paper)}
::selection{background:var(--color-selection);color:var(--color-ink)}
[data-scope="main"] a{color:var(--color-ink-2);text-decoration:none}
[data-scope="main"] a:hover{color:var(--color-ink)}
[data-scope="main"] a:active,[data-scope="main"] button:active{opacity:.82}
[data-scope="main"] button:disabled{opacity:.5;cursor:not-allowed}
[data-scope="main"] a:focus-visible,[data-scope="main"] button:focus-visible,[data-scope="main"] summary:focus-visible{outline:2px solid var(--color-cool);outline-offset:2px}
[data-scope="main"] h2,[data-scope="main"] h3{overflow-wrap:break-word;min-width:0;hyphens:manual}
[data-scope="main"] .tut-s{container-type:inline-size;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-display);font-size:16px;line-height:1.55}
[data-scope="main"] .sec{padding-block:120px;border-top:1px solid var(--color-rule)}
[data-scope="main"] .band{background:var(--color-paper-3)}
[data-scope="main"] .sec-tight{padding-block:72px}
[data-scope="main"] .sec-foot{padding-block:64px}
[data-scope="main"] .wrap{max-width:1312px;margin-inline:auto;padding-inline:64px}
[data-scope="main"] .h2{margin:0;font-size:52px;line-height:1.04;font-weight:500;letter-spacing:-.03em}
[data-scope="main"] .h3{margin:0;font-size:22px;line-height:1.25;font-weight:500;letter-spacing:-.01em}
[data-scope="main"] .lead{margin:0;font-size:21px;line-height:1.45;color:var(--color-ink-2);max-width:620px}
[data-scope="main"] .p{margin:0;color:var(--color-muted)}
[data-scope="main"] .mono{font-family:var(--font-mono)}
[data-scope="main"] .head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:end;margin-bottom:56px}
[data-scope="main"] .panels{display:grid;gap:1px;background:var(--color-rule);border:1px solid var(--color-rule);border-radius:10px;overflow:hidden}
[data-scope="main"] .panels>*{background:var(--color-paper-2);padding:32px;display:flex;flex-direction:column;gap:10px;min-width:0}
[data-scope="main"] .g3{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-scope="main"] .g4{grid-template-columns:repeat(4,minmax(0,1fr))}
[data-scope="main"] .fig{margin:0;font-size:44px;line-height:1;font-weight:500;letter-spacing:-.03em;color:var(--color-cool)}
[data-scope="main"] .tags{margin:0;font-size:14px;color:var(--color-muted)}
[data-scope="main"] .rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-rule)}
[data-scope="main"] .row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;padding:32px 0;border-bottom:1px solid var(--color-rule);align-items:baseline}
[data-scope="main"] .row .h3{font-size:26px}
[data-scope="main"] .row .p{font-size:18px;color:var(--color-ink-2)}
[data-scope="main"] .tbl{border:1px solid var(--color-rule);border-radius:10px;overflow:hidden}
[data-scope="main"] .tr{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);gap:24px;padding:22px 28px;border-top:1px solid var(--color-rule);align-items:baseline;background:var(--color-paper-2)}
[data-scope="main"] .th{border-top:0;padding-block:14px;background:var(--color-paper-3);color:var(--color-muted);font-size:14px}
[data-scope="main"] .tr .h3{font-size:20px}
[data-scope="main"] .k{display:none;font-size:13px;color:var(--color-muted)}
[data-scope="main"] .v{color:var(--color-ink-2)}
[data-scope="main"] .v-cool{color:var(--color-cool)}
[data-scope="main"] .steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
[data-scope="main"] .step{border-top:2px solid var(--color-rule-2);padding-top:24px;display:flex;flex-direction:column;gap:10px}
[data-scope="main"] .step-last{border-top-color:var(--color-petrol)}
[data-scope="main"] .n{color:var(--color-person);padding-right:10px}
[data-scope="main"] .split{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:80px;align-items:center}
[data-scope="main"] .reasons{list-style:none;margin:40px 0 0;padding:0;display:flex;flex-direction:column;gap:28px}
[data-scope="main"] .reasons li{display:flex;flex-direction:column;gap:6px}
[data-scope="main"] .check{border:1px solid var(--color-rule);border-radius:10px;background:var(--color-paper-2);overflow:hidden}
[data-scope="main"] .check-row{display:flex;justify-content:space-between;gap:16px;padding:16px 24px;border-top:1px solid var(--color-rule);align-items:baseline}
[data-scope="main"] .ok{color:var(--color-ok);font-family:var(--font-mono);font-size:14px}
[data-scope="main"] .big{margin:0;font-size:40px;line-height:1.2;font-weight:500;letter-spacing:-.02em;max-width:1100px}
[data-scope="main"] .faq{border-top:1px solid var(--color-rule)}
[data-scope="main"] .faq details{border-bottom:1px solid var(--color-rule)}
[data-scope="main"] .faq summary{list-style:none;cursor:pointer;padding:24px 0;font-size:21px;font-weight:500;display:flex;justify-content:space-between;align-items:baseline;gap:24px;min-height:44px}
[data-scope="main"] .faq summary::-webkit-details-marker{display:none}
[data-scope="main"] .faq summary:hover{color:var(--color-cool)}
[data-scope="main"] .plus{color:var(--color-muted);font-family:var(--font-mono);font-size:20px}
[data-scope="main"] .faq details[open] .plus{transform:rotate(45deg)}
[data-scope="main"] .faq .a{margin:0 0 28px;color:var(--color-ink-2);max-width:760px;font-size:17px}
[data-scope="main"] .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:6px;font-size:16px;font-weight:500;box-sizing:border-box;cursor:pointer;font-family:var(--font-display)}
[data-scope="main"] .btn-p{background:var(--color-accent);color:var(--color-on-accent);border:0}
[data-scope="main"] .btn-p:hover{color:var(--color-on-accent)}
[data-scope="main"] .btn-s{border:1px solid var(--color-rule-2);background:var(--color-paper-2);color:var(--color-ink)}
[data-scope="main"] .contact{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px;align-items:start}
[data-scope="main"] .direct{display:flex;flex-direction:column;gap:6px;margin-top:36px;padding-top:28px;border-top:1px solid var(--color-rule)}
[data-scope="main"] .direct a{font-size:20px;color:var(--color-ink)}
[data-scope="main"] .direct a:hover{color:var(--color-cool)}
[data-scope="main"] .form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:32px;border:1px solid var(--color-rule);border-radius:10px;background:var(--color-paper-2)}
[data-scope="main"] .field{display:flex;flex-direction:column;gap:8px;min-width:0}
[data-scope="main"] .wide{grid-column:1/-1}
[data-scope="main"] .field label{font-size:14px;font-weight:500;color:var(--color-ink-2)}
[data-scope="main"] .field input,[data-scope="main"] .field textarea{background:var(--color-paper-3);border:1px solid var(--color-rule-2);border-radius:6px;color:var(--color-ink);font-family:var(--font-display);font-size:16px;padding:12px 14px;min-height:48px;box-sizing:border-box;width:100%}
[data-scope="main"] .field textarea{min-height:140px;resize:vertical}
[data-scope="main"] .field input::placeholder,[data-scope="main"] .field textarea::placeholder{color:var(--color-placeholder)}
[data-scope="main"] .field input:hover,[data-scope="main"] .field textarea:hover{border-color:var(--color-muted)}
[data-scope="main"] .field input:focus-visible,[data-scope="main"] .field textarea:focus-visible{outline:2px solid var(--color-cool);outline-offset:1px}
[data-scope="main"] .note{margin:0;font-size:14px;color:var(--color-muted)}
[data-scope="main"] .sent{grid-column:1/-1;margin:0;padding:14px 16px;border-radius:6px;background:var(--color-cool-soft);color:var(--color-cool)}[data-scope="main"] .sent-err{background:var(--color-person-soft);color:var(--color-ink-2)}[data-scope="main"] .sent-err a{color:var(--color-person)}[data-scope="main"] .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
[data-scope="main"] .foot{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
[data-scope="main"] .foot-links{display:flex;gap:28px;flex-wrap:wrap;font-size:15px}
@container (max-width: 760px){[data-scope="main"] .tut-s{font-size:15px;line-height:1.5}
[data-scope="main"] .sec{padding-block:44px}
[data-scope="main"] .wrap{padding-inline:16px}
[data-scope="main"] .h2{font-size:28px}
[data-scope="main"] .h3{font-size:17px}
[data-scope="main"] .lead{font-size:16px}
[data-scope="main"] .p{font-size:15px}
[data-scope="main"] .head,[data-scope="main"] .row,[data-scope="main"] .split,[data-scope="main"] .contact{grid-template-columns:minmax(0,1fr);gap:8px}
[data-scope="main"] .head{margin-bottom:20px}
[data-scope="main"] .split,[data-scope="main"] .contact{gap:24px}
[data-scope="main"] .g3,[data-scope="main"] .g4{grid-template-columns:minmax(0,1fr)}
[data-scope="main"] .figs{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-scope="main"] .fig{font-size:24px}
[data-scope="main"] .panels>*{padding:14px 16px;gap:4px}
[data-scope="main"] .row{padding:12px 0;gap:2px}
[data-scope="main"] .row .h3{font-size:17px}
[data-scope="main"] .row .p{font-size:15px}
[data-scope="main"] .steps{grid-template-columns:minmax(0,1fr);gap:12px}
[data-scope="main"] .step{padding-top:10px;gap:2px}
[data-scope="main"] .tr{grid-template-columns:minmax(0,1fr);gap:2px;padding:12px 16px}
[data-scope="main"] .tr .h3{font-size:17px}
[data-scope="main"] .th{display:none}
[data-scope="main"] .k{display:inline;padding-right:8px}
[data-scope="main"] .reasons{margin-top:16px;gap:12px}
[data-scope="main"] .reasons li{gap:2px}
[data-scope="main"] .big{font-size:21px}
[data-scope="main"] .faq summary{font-size:16px;padding:14px 0}
[data-scope="main"] .faq .a{font-size:15px;margin-bottom:16px}
[data-scope="main"] .form{grid-template-columns:minmax(0,1fr);padding:16px;gap:12px}
[data-scope="main"] .field input,[data-scope="main"] .field textarea{min-height:44px;padding:10px 12px}
[data-scope="main"] .field textarea{min-height:96px}
[data-scope="main"] .direct{margin-top:16px;padding-top:16px}
[data-scope="main"] .direct a{font-size:18px}
[data-scope="main"] .check-row{padding:10px 16px}
[data-scope="main"] .sec-tight{padding-block:24px}
[data-scope="main"] .sec-foot{padding-block:28px 36px}
[data-scope="main"] .foot{flex-direction:column;align-items:stretch;gap:20px}
[data-scope="main"] .foot-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding-top:16px;border-top:1px solid var(--color-rule)}
[data-scope="main"] .foot-links a{min-height:44px;display:flex;align-items:center}}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
.hero-m{display:none}
.m-menu{margin:8px 0 0;padding:6px 8px;list-style:none;border:1px solid var(--color-rule);border-radius:10px;background:var(--color-paper-2)}
.m-menu a{display:flex;align-items:center;min-height:44px;padding:0 10px;color:var(--color-ink);font-family:var(--font-display);font-size:16px;border-radius:6px}
.m-menu a:hover{background:var(--color-paper-3)}
@media (max-width: 1023px){.hero-d{display:none}.hero-m{display:block}}
.m-menu .m-sub-btn{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:0 10px;border:0;background:transparent;color:var(--color-ink);font-family:var(--font-display);font-size:16px;border-radius:6px;cursor:pointer;-webkit-tap-highlight-color:transparent}.m-menu .m-sub-btn svg{color:var(--color-muted);transition:transform .2s}.m-menu .m-sub-btn[aria-expanded="true"] svg{transform:rotate(180deg)}.m-menu .m-sub{list-style:none;margin:2px 0 6px;padding:4px;border-radius:8px;background:var(--color-paper-3)}.m-menu .m-sub a{min-height:40px;font-size:15px;color:var(--color-ink-2)}@media (hover:hover){.m-menu .m-sub-btn:hover{background:var(--color-paper-3)}.m-menu .m-sub a:hover{background:var(--color-paper-2)}}

/* Aufklappmenü Leistungen in der oberen Leiste (Hover und Tastatur, ohne JS) */
.nav-dd{position:relative;display:flex;align-items:center}.nav-dd>a{display:flex;align-items:center;gap:6px}.nav-dd>a svg{transition:transform .2s}.nav-dd:hover>a svg,.nav-dd:focus-within>a svg{transform:rotate(180deg)}.nav-dd .dd{display:none;position:absolute;top:100%;left:-18px;padding-top:22px;z-index:30}.nav-dd:hover .dd,.nav-dd:focus-within .dd{display:block}.nav-dd .dd ul{list-style:none;margin:0;padding:6px;min-width:240px;border:1px solid var(--color-rule);border-radius:10px;background:var(--color-paper-2);box-shadow:0 14px 36px rgba(0,0,0,.5)}.nav-dd .dd a{display:flex;align-items:center;min-height:40px;padding:0 12px;border-radius:6px;font-size:15px;color:var(--color-ink-2);white-space:nowrap}.nav-dd .dd a:hover{background:var(--color-paper-3);color:var(--color-ink)}