*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#0b0b0c;background:#fff}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.hidden{display:none !important;position:absolute;left:-9999px;height:0;width:0;overflow:hidden}
.header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #eee}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.nav a.logo{display:flex;align-items:center;gap:10px}
.nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}
.nav a:hover{opacity:.8}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:48px 0}
.badge{display:inline-block;background:#111;color:#fff;padding:6px 10px;border-radius:999px;font-size:12px}
h1{font-size:38px;line-height:1.1;margin:14px 0 10px}
p.lead{font-size:18px;color:#333}
.cta{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
.btn{padding:12px 16px;border-radius:12px;border:1px solid #111;background:#111;color:#fff;font-weight:600;cursor:pointer}
.btn.secondary{background:#fff;color:#111}
.section{padding:48px 0}
.section h2{font-size:30px;margin:0 0 8px}
.section p.sub{color:#444;margin:0 0 22px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{border:1px solid #eee;border-radius:16px;padding:18px;cursor:pointer;transition:box-shadow .15s ease, transform .05s ease}
.card:hover{box-shadow:0 6px 18px rgba(0,0,0,.06)}
.card:active{transform:scale(.995)}
.card .details{display:none;margin-top:8px;color:#333;font-size:14px}
.card.active .details{display:block}
.card .hint{font-size:12px;color:#666;margin-top:6px}
.form{display:grid;gap:12px;max-width:560px}
.input,textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #ddd;font:inherit}
.footer{border-top:1px solid #eee;padding:24px 0;color:#444}
.footer a{color:#111}
.footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}
.footer h4{margin:0 0 8px;font-size:16px}
.footer p{margin:0;color:#444}
@media (max-width: 900px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.footer .cols{grid-template-columns:1fr 1fr}}
@media (max-width: 600px){h1{font-size:30px}.grid{grid-template-columns:1fr}.nav ul{gap:12px}.footer .cols{grid-template-columns:1fr}}
.link{display:inline-block}
.cookie-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:saturate(120%) blur(2px);z-index:9997;display:none}
.cookie-banner{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,92vw);background:#fff;border:1px solid #eee;border-radius:16px;padding:18px;z-index:9998;display:none}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.cookie-actions .btn{flex:1 1 auto}
.cookie-links{margin-top:8px}
.call-floating{position:fixed;right:16px;bottom:16px;z-index:9999;background:#111;color:#fff;border:1px solid #222;border-radius:999px;padding:10px 14px;opacity:.85;box-shadow:0 6px 18px rgba(0,0,0,.15);display:flex;align-items:center;gap:8px}
.call-floating:hover{opacity:1}
.call-floating .dot{width:8px;height:8px;border-radius:50%;background:#24d164;box-shadow:0 0 10px rgba(36,209,100,.8)}
.call-floating .label{font-weight:700}
.call-floating .sub{font-size:12px;opacity:.8}
.section.vorteile-band{background:#0f1216;color:#e9eef5;padding:56px 0;border-top:1px solid #0c0f12;border-bottom:1px solid #0c0f12}
.vorteile-band h2{color:#fff}
.vorteile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.vorteil{background:#11161c;border:1px solid #1b222b;border-radius:16px;padding:18px}
.vorteil .title{display:flex;align-items:center;gap:10px;font-weight:700;color:#fff}
.vorteil .title .icon{width:22px;height:22px;border-radius:999px;border:2px solid #2dd36f;display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.vorteil p{margin:6px 0 0;color:#b7c2cf;font-size:14px}
.kpis{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.kpi{background:#0b0e12;border:1px solid #1b222b;border-radius:12px;padding:10px 14px}
.kpi strong{font-size:18px;color:#fff}