@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/bricolage-grotesque-latin-wght-normal.woff2) format("woff2-variations"),url(../fonts/bricolage-grotesque-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/instrument-sans-latin-wght-normal.woff2) format("woff2-variations"),url(../fonts/instrument-sans-latin-wght-normal.woff2) format("woff2")}
html{scroll-behavior:smooth;background:#0E0F0C}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:#0E0F0C}
a{color:#F2F3EE}a:not(.btn):hover{color:#CCE310}
::selection{background:#CCE310;color:#0E0F0C}
.d{color-scheme:dark;--nav:96px;--gr:#CCE310;--ink:#0E0F0C;--panel:#16180F;--tx:#F2F3EE;--mut:#A3A897;--ln:#2B2E24;--ln2:#6B7060;--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-drawer:cubic-bezier(0.32,0.72,0,1);font-family:"Instrument Sans",system-ui,sans-serif;color:var(--tx);background:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:clip;caret-color:var(--gr)}
.d a{text-underline-offset:.24em;text-decoration-thickness:1px}
.d :focus-visible{outline:2px solid var(--gr);outline-offset:3px}
[id]{scroll-margin-top:calc(var(--nav) + 16px)}
.d *,.d *::before,.d *::after{box-sizing:border-box}
[hidden]{display:none!important}
.sr,.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.disp{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;letter-spacing:-0.035em;line-height:.92}
.wrap{max-width:1440px;margin:0 auto;padding:0 48px}
.h2{margin:0;font-size:clamp(36px,4.4vw,68px);line-height:1;text-wrap:balance;overflow-wrap:anywhere;hyphens:auto}
.lead{margin:20px 0 0;font-size:18px;line-height:1.6;color:var(--mut);max-width:62ch}
.mitte{text-align:center}.mitte .lead{margin-left:auto;margin-right:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;border-radius:999px;border:0;font:600 16px/1 "Instrument Sans",sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform 160ms ease-out,background-color 200ms ease,color 200ms ease}
.btn:active{transform:scale(.97)}
.btn-g,.btn-g:hover{background:var(--gr);color:var(--ink)}
.btn-o{background:transparent;color:var(--tx);box-shadow:inset 0 0 0 1.5px var(--tx)}
.nav{position:sticky;top:0;z-index:20;background:rgba(14,15,12,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--ln)}
.nav-in{height:var(--nav);display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav-logo{height:78px;width:auto;display:block}
.komp{display:flex;align-items:stretch;height:var(--nav)}
.komp a{display:flex;align-items:center;padding:0 26px;border-left:1px solid var(--ln);font:700 15px/1 "Bricolage Grotesque",sans-serif;letter-spacing:.06em;text-decoration:none;color:var(--tx);transition:color 200ms ease,background-color 200ms ease}
.komp a:last-child{border-right:1px solid var(--ln)}
.komp a[aria-current]{background:var(--gr);color:var(--ink)}
.krumen{font-size:15px}
.krumen ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;color:#D9DCD2}
.krumen a{color:#F2F3EE;display:inline-flex;align-items:center;min-height:44px}
.riesig{display:block;line-height:.82;white-space:nowrap}
.unterzeile{display:block;margin-top:22px;font:600 clamp(20px,2.1vw,32px)/1.2 "Bricolage Grotesque",sans-serif;letter-spacing:-0.01em;max-width:30ch}
.ablauf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));counter-reset:a}
.ablauf li{border-top:1px solid var(--ln);padding:26px 22px 0 0}
.ablauf li::before{counter-increment:a;content:counter(a);display:block;font:800 56px/1 "Bricolage Grotesque",sans-serif;color:var(--gr);margin-bottom:16px}
.ablauf b{display:block;font:700 22px/1.15 "Bricolage Grotesque",sans-serif;margin-bottom:8px}
.ablauf span{font-size:16px;line-height:1.55;color:var(--mut)}
.zwei{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px}
.faq details{border-top:1px solid var(--ln)}
.faq details:last-child{border-bottom:1px solid var(--ln)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;min-height:44px;padding:26px 0;font:700 24px/1.2 "Bricolage Grotesque",sans-serif}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{flex:none;color:var(--gr);transition:transform 220ms var(--ease-out)}
.faq details[open] summary svg{transform:rotate(45deg)}
.faq details p{margin:0 0 28px;font-size:17px;line-height:1.65;color:var(--mut);max-width:64ch}
.cta{background:var(--gr);color:var(--ink)}
.cta .btn-k,.cta .btn-k:hover{background:var(--ink);color:var(--gr)}
.cta :focus-visible{outline-color:var(--ink)}
.rund{width:44px;height:44px;flex:none;border-radius:999px;border:1.5px solid var(--tx);background:rgba(14,15,12,.45);color:var(--tx);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 160ms ease-out,background-color 200ms ease,color 200ms ease}
.rund:active{transform:scale(.95)}
footer a{display:inline-flex;align-items:center;min-height:44px}
@supports (animation-timeline: view()){@media (prefers-reduced-motion:no-preference){
.rv{animation:rein linear both;animation-timeline:view();animation-range:entry 5% entry 55%}
@keyframes rein{from{opacity:0;transform:translateY(56px)}to{opacity:1;transform:none}}
.riesig{animation:hoch linear both;animation-timeline:view();animation-range:exit 0% exit 90%}
@keyframes hoch{to{transform:translateY(-14vh);opacity:.1}}
}}
@media (hover:hover) and (pointer:fine){.btn-g:hover{background:#E0F24A}.btn-o:hover{background:var(--tx);color:var(--ink)}.komp a:hover{color:var(--ink);background:var(--gr)}.rund:hover{background:var(--tx);color:var(--ink)}}
@media (max-width:1100px){.komp a{padding:0 16px;font-size:14px}}
@media (max-width:900px){.ablauf{grid-template-columns:minmax(0,1fr);row-gap:32px}}
@media (max-width:900px){.zwei{grid-template-columns:minmax(0,1fr);gap:32px}}
@media (max-width:767px){.d{--nav:80px}.nav-logo{height:60px}.wrap{padding:0 20px}.komp{display:none}.nav .btn{min-height:44px;padding:0 16px;font-size:14px}.ablauf{grid-template-columns:minmax(0,1fr)}.menue-btn{display:inline-flex!important}.foot{flex-direction:column;align-items:flex-start!important}}
.gr{color:var(--gr)}
.nav-rechts{display:flex;align-items:center;gap:14px}
.nav-blog{font-size:15px;font-weight:500;text-decoration:none}
@media (max-width:1100px){.nav-blog{display:none}.menue-btn{display:inline-flex}}
.menue-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1.5px solid var(--tx);background:transparent;color:var(--tx);cursor:pointer;transition:transform 160ms ease-out}
.menue-btn:active{transform:scale(.97)}
.menue{position:fixed;inset:var(--nav) 0 auto 0;max-height:calc(100dvh - var(--nav));overflow:auto;z-index:19;background:var(--ink);border-bottom:1px solid var(--ln);padding:12px 20px 28px;transform:none;opacity:1;transition:transform 240ms var(--ease-out),opacity 200ms var(--ease-out)}
.menue[hidden]{display:none}
@starting-style{.menue{transform:translateY(-12px);opacity:0}}
.menue a{display:flex;align-items:center;min-height:56px;border-bottom:1px solid var(--ln);font:800 30px/1 "Bricolage Grotesque",sans-serif;text-decoration:none}
.foot{padding-top:48px;padding-bottom:48px;display:flex;justify-content:space-between;align-items:center;gap:28px;font-size:15px;color:var(--mut)}
.foot nav{display:flex;flex-wrap:wrap;gap:4px 22px}
.foot a{color:var(--mut)}
.foot-marke{max-width:34ch;line-height:1.5}
.cta-in{padding-top:110px;padding-bottom:110px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:40px}
.cta-in h2{margin:0;font-size:clamp(48px,7vw,120px);max-width:12ch}
.krumen li span{color:#D9DCD2}
.nav-heim{display:flex;align-items:center;min-height:44px}
.nav-logo{width:auto}
.nav-cta{min-height:44px;padding:0 20px;font-size:15px}
.sprung:focus{position:fixed;left:16px;top:16px;width:auto;height:auto;clip:auto;z-index:50;background:var(--gr);color:var(--ink);padding:12px 18px;border-radius:999px;font-weight:600}
.fuss{border-top:1px solid var(--ln)}
.cta-wege{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.cta .cta-mail{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font:600 18px/1.2 "Instrument Sans",sans-serif;text-decoration:underline;text-underline-offset:.24em}
.cta .cta-mail:hover{color:var(--ink)}
.menue a.menue-mail{font:600 18px/1.2 "Instrument Sans",sans-serif;border-bottom:0;margin-top:8px}
.krumen ol{align-items:center}
.krumen li{display:flex;align-items:center;min-height:44px;line-height:1.2}
.krumen li[aria-hidden]{color:var(--ln2)}
/* Cookie Banner aus dhb-werkzeuge im Stil der Seite. body davor, damit es die Grundstile des Plugins übersteuert. */
body .dhb-cookie{padding:16px;font-family:"Instrument Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body .dhb-cookie__box{max-width:560px;background:#16180F;color:#F2F3EE;border:1px solid #2B2E24;border-radius:16px;box-shadow:0 24px 64px rgba(0,0,0,.55);padding:26px 26px 20px;font-size:15px;line-height:1.55}
body .dhb-cookie__titel{font:800 24px/1.1 "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-0.02em;margin:0 0 12px;color:#F2F3EE}
body .dhb-cookie__text{margin:0 0 18px;color:#C9CCC0;font-size:14.5px}
body .dhb-cookie__wahl{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;margin:0 22px 6px 0;font-weight:600;color:#F2F3EE}
body .dhb-cookie__wahl input{appearance:none;-webkit-appearance:none;width:40px;height:24px;margin:0;border-radius:999px;background:#2B2E24;border:1px solid #6B7060;position:relative;cursor:pointer;transition:background-color 200ms ease,border-color 200ms ease;flex:none}
body .dhb-cookie__wahl input::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#F2F3EE;transition:transform 200ms cubic-bezier(0.23,1,0.32,1)}
body .dhb-cookie__wahl input:checked{background:#CCE310;border-color:#CCE310}
body .dhb-cookie__wahl input:checked::after{transform:translateX(16px);background:#0E0F0C}
body .dhb-cookie__wahl input:disabled{opacity:.55;cursor:not-allowed}
body .dhb-cookie__wahl input:focus-visible{outline:2px solid #CCE310;outline-offset:3px}
body .dhb-cookie__knoepfe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 4px}
body .dhb-cookie__knopf{font:600 15px/1 "Instrument Sans",system-ui,sans-serif;min-height:48px;padding:0 14px;border-radius:999px;border:1.5px solid #F2F3EE;background:transparent;color:#F2F3EE;cursor:pointer;transition:transform 160ms ease-out,background-color 200ms ease,color 200ms ease}
body .dhb-cookie__knopf:active{transform:scale(.97)}
body .dhb-cookie__knopf[data-dhb-wahl="notwendig"],body .dhb-cookie__knopf[data-dhb-wahl="alle"]{background:#F2F3EE;color:#0E0F0C}
body .dhb-cookie__knopf[data-dhb-wahl="alle"]{background:#CCE310;border-color:#CCE310}
body .dhb-cookie__knopf:focus-visible,body .dhb-cookie-oeffnen:focus-visible{outline:2px solid #CCE310;outline-offset:3px}
body .dhb-cookie__links{margin:12px 0 0;font-size:13px}
body .dhb-cookie__links a{color:#A3A897;margin-right:16px;text-underline-offset:.24em;display:inline-flex;align-items:center;min-height:32px}
body .dhb-cookie-oeffnen{left:16px;bottom:16px;width:44px;height:44px;line-height:44px;background:#16180F;color:#CCE310;border:1px solid #2B2E24;opacity:1;font-size:20px}
@media (hover:hover) and (pointer:fine){body .dhb-cookie__knopf[data-dhb-wahl="auswahl"]:hover{background:#F2F3EE;color:#0E0F0C}body .dhb-cookie__links a:hover{color:#CCE310}body .dhb-cookie-oeffnen:hover{border-color:#CCE310}}
@media (max-width:560px){body .dhb-cookie{padding:10px}body .dhb-cookie__box{padding:22px 18px 16px}body .dhb-cookie__knoepfe{grid-template-columns:minmax(0,1fr)}}