:root{--bg:#faf9f6;--ink:#19252a;--muted:#647076;--stroke:#e0e5e3;--teal:#0d826f;--teal-dark:#056454;--mint:#ddf5e8;--navy:#112c30;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:0 auto;padding-left:30px;padding-right:30px}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--stroke)}.brand{font:800 25px/1 Arial,Helvetica,sans-serif;letter-spacing:-1.4px;display:inline-flex;align-items:center}.brandmark{width:32px;height:32px;border-radius:10px;background:var(--navy);display:inline-grid;place-items:center;color:#fff;font-size:19px;letter-spacing:-2px;margin-right:10px}.brandmark span{color:#48d4ac}.branddot{color:#25a889}.topbar nav{display:flex;gap:31px;align-items:center;font-size:13px;font-weight:700}.topbar nav a:not(.nav-cta):hover{color:var(--teal)}.nav-cta{background:#e5f4ed;border-radius:8px;padding:12px 16px;color:var(--teal-dark)}.nav-cta span{padding-left:8px}.hero{display:grid;grid-template-columns:1.07fr .93fr;gap:65px;align-items:center;padding-top:94px;padding-bottom:105px}.eyebrow,.kicker{color:var(--teal);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow{display:inline-flex;gap:9px;align-items:center;background:#e8f3eb;padding:7px 12px;border-radius:50px;letter-spacing:.065em}.live-dot{width:7px;height:7px;border-radius:50%;background:#2bac83}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Arial,Helvetica,sans-serif}h1{font-size:clamp(42px,4.5vw,65px);line-height:1.13;letter-spacing:-3.5px;margin:26px 0}h1 em{font-style:normal;color:var(--teal)}.lead{font-size:17px;line-height:1.8;color:var(--muted);max-width:570px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:35px 0 24px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 21px;border-radius:9px;font:800 13px Arial,Helvetica,sans-serif;cursor:pointer;border:1px solid transparent;transition:transform .16s,background .16s}.button:hover{transform:translateY(-2px)}.primary{background:var(--teal);color:#fff}.primary:hover{background:var(--teal-dark)}.ghost{border-color:#cedbd5;color:var(--ink)}.hero-note{font-size:12px;color:#687a76;display:flex;flex-wrap:wrap;gap:10px}.hero-note span{color:var(--teal)}.service-card{background:#fff;box-shadow:0 24px 64px #12363113;border:1px solid #dfe8e3;border-radius:15px;padding:30px 32px;align-self:center}.service-card-overline{font-size:11px;color:var(--teal);font-weight:800;letter-spacing:.12em}.service-card h2{font-size:29px;line-height:1.2;letter-spacing:-1.1px;margin:13px 0 12px}.service-intro{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:20px}.service-row{display:flex;gap:16px;padding:18px 0;border-top:1px solid #e7ede9}.service-number{flex-shrink:0;font:800 14px Arial;color:#0b8a70;background:#e9f5ed;border-radius:7px;width:32px;height:32px;display:grid;place-items:center}.service-row strong{display:block;font-size:14px;line-height:1.4}.service-row p{color:var(--muted);font-size:12px;line-height:1.65;margin:7px 0 0}.service-bottom{background:#eaf7f0;border-radius:9px;padding:13px;display:flex;gap:12px;align-items:center;font-size:12px;color:#1c6855;line-height:1.55}.service-bottom-mark{font-size:19px;color:var(--teal)}.price-divider{height:1px;background:#e7ece9;margin:20px 0}.trustline{background:#e8f2ec;border-top:1px solid #dceae1;border-bottom:1px solid #dceae1}.trust-inner{display:flex;justify-content:space-between;gap:20px;padding-top:21px;padding-bottom:21px;font-size:12px;letter-spacing:.015em;font-weight:800;color:#40715f}.section{padding-top:108px;padding-bottom:115px}.section h2,.dark-grid h2,.form-grid h2{font-size:clamp(34px,3.6vw,48px);letter-spacing:-2.2px;line-height:1.18;margin:15px 0}.section h2 span,.form-grid h2 span{color:var(--teal)}.section-intro{color:var(--muted);max-width:550px;margin-bottom:35px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:45px}.steps article{background:white;border:1px solid var(--stroke);border-radius:12px;padding:26px;min-height:250px}.stepnum{display:flex;justify-content:space-between;color:#16957e;font:800 19px Arial;border-bottom:1px solid #e4ece7;padding-bottom:20px;margin-bottom:27px}.stepnum span{font-size:16px}.steps h3{font-size:17px;letter-spacing:-.5px;margin-bottom:10px}.steps p{font-size:13px;color:var(--muted);line-height:1.8}.dark-section{background:var(--navy);color:#fff;padding:98px 0}.dark-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.kicker.light{color:#7bdcb4}.dark-grid h2 span{color:#8fe3bd}.dark-grid p:not(.kicker){max-width:470px;color:#bbd1cf;font-size:15px;line-height:1.9}.dark-grid .disclaimer{font-size:12px!important;color:#8ba6a3!important;border-left:2px solid #60bfa5;padding-left:14px;margin-top:25px}.deliverables{align-self:center}.deliverables>div{display:flex;gap:17px;align-items:flex-start;padding:18px 0;border-bottom:1px solid #ffffff26;font-size:14px}.check{display:grid;flex-shrink:0;place-items:center;width:25px;height:25px;border-radius:50%;background:#164e48;color:#91e9c4;font-size:14px}.pricing-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.pricecard{background:#fff;border:1px solid #dce8df;border-radius:15px;box-shadow:0 15px 45px #0e3d2e0e;padding:32px}.price-top{display:flex;justify-content:space-between;font-size:13px;font-weight:800}.pill{background:#e9f5ef;color:#217659;font-size:11px;padding:5px 10px;border-radius:50px}.price{display:flex;align-items:baseline;gap:12px;margin:17px 0 7px}.price strong{font:800 53px Arial;letter-spacing:-2px}.price span{color:var(--muted);font-size:14px}.pricecard>p{color:var(--muted);font-size:14px}.pricecard>p strong{color:var(--ink)}.pricecard .fineprint{font-size:12px;line-height:1.75}.wide{width:100%;text-align:center}.form-section{background:#eaf3ed;padding:105px 0}.form-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.form-grid>div:first-child>p:not(.kicker){color:#5d726c;max-width:360px;line-height:1.9}.form-grid .contact-note{font-size:13px;color:var(--teal)!important;font-weight:700}.form-card{background:white;padding:35px;border-radius:16px;border:1px solid #dce7df;box-shadow:0 12px 40px #184b3010}.field{margin-bottom:18px}.field label{display:block;font-weight:700;font-size:12px;margin-bottom:7px}.field label span,.required{color:#16896c}.field label small{font-weight:400;color:#7a8b85}.field input,.field textarea,.field select{width:100%;border:1px solid #d4ded8;background:#fff;padding:12px 14px;border-radius:8px;color:#152726;font:14px/1.5 'DM Sans',sans-serif;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#0d9478;box-shadow:0 0 0 3px #0d947817}.field textarea{resize:vertical}.consent{display:flex;align-items:flex-start;gap:11px;margin:12px 0 22px;color:#687770;font-size:11px;line-height:1.65}.consent input{accent-color:#118b72;margin-top:3px}.consent a{text-decoration:underline}.form-foot{color:#8a9890;text-align:center;font-size:11px;margin:13px 0 0}.message{font-size:13px;min-height:0;margin:0 0 8px}.message.error{color:#b33434}.message.success{color:#086c50}.hidden-field{position:absolute;left:-9999px;opacity:0;pointer-events:none}.legal{padding-top:28px;padding-bottom:32px}.legal h3{font-size:14px;margin-bottom:6px}.legal p{font-size:12px;color:#687a75;max-width:900px}footer{background:#f0f3ef;border-top:1px solid var(--stroke)}.footer-inner{padding-top:35px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#71817a}footer .brand{font-size:18px;color:#243430}@media(max-width:900px){.hero{gap:35px}.service-card{padding:23px}.dark-grid,.pricing-section,.form-grid{gap:45px}}@media(max-width:720px){.wrap{padding-left:20px;padding-right:20px}.topbar{height:70px}.topbar nav{gap:10px}.topbar nav a:not(.nav-cta){display:none}.hero,.dark-grid,.pricing-section,.form-grid{grid-template-columns:1fr}.hero{padding-top:60px;padding-bottom:70px}.hero h1{letter-spacing:-2px}.hero-note{line-height:2}.trust-inner{flex-direction:column;gap:2px}.steps{grid-template-columns:1fr}.steps article{min-height:0}.section{padding-top:70px;padding-bottom:70px}.dark-section,.form-section{padding:70px 0}.footer-inner{flex-wrap:wrap}.service-card{max-width:540px}.form-card{padding:22px}.pricing-section{gap:15px}}

/* Version 0.4: kompakte, konkrete Angebotsdarstellung */
.offer-card{padding:35px 34px}.offer-price{font-size:clamp(42px,4vw,59px);font-weight:800;letter-spacing:-2px;line-height:1.25;margin:19px 0 8px}.offer-price span{display:block;font-size:13px;color:var(--muted);font-weight:400;letter-spacing:0;margin-top:5px}.offer-budget{font-size:14px;line-height:1.6;margin:17px 0 25px}.offer-spec{display:flex;align-items:center;gap:15px;border-top:1px solid var(--stroke);padding:12px 0;font-size:14px}.offer-spec span{font-size:11px;color:var(--teal);font-weight:800}.offer-foot{font-size:11px;color:var(--muted);margin:16px 0;line-height:1.55}.hero h1{max-width:670px}.hero .lead{max-width:510px}.hero{grid-template-columns:1.06fr .94fr}.hero .hero-buttons{margin-top:30px}.offer-card .button{margin-top:6px}

/* Version 0.5 – Anfrageformular */
#lead-form[hidden],#success-panel[hidden]{display:none!important}
.success-panel{padding:16px 4px 22px;text-align:left}
.success-panel h3{font-size:24px;letter-spacing:-.6px;margin:16px 0 8px}
.success-panel p{color:var(--muted);font-size:15px;line-height:1.7}
.success-panel .success-sub{font-size:12px;margin-top:22px}
.success-icon{height:48px;width:48px;display:grid;place-items:center;border-radius:50%;background:var(--mint);font-size:25px;font-weight:800;color:var(--teal-dark)}
.legal p+p{margin-top:12px}

/* Separate legal pages */
.legal-page { max-width: 860px; margin: 70px auto 90px; padding: 0 26px; line-height: 1.75; }
.legal-page h1 { font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.2; }
.legal-page h2 { font-size: 1.25rem; margin-top: 2.1rem; }
.legal-page p, .legal-page li { color: #34444d; }
.legal-page a { color: #078573; text-decoration: underline; }
.legal-warning { padding: 18px 20px; border: 1px solid #cc9b50; background: #fff4df; border-radius: 12px; color:#403522; }
footer a { color: inherit; }

/* v1.4: gut lesbare Rechtstexte mit verlässlich eigenständigem Layout */
body:has(.legal-page){overflow-x:hidden}
.legal-page.wrap{width:min(100%, 980px);max-width:980px;margin:0 auto;padding:60px 32px 96px;line-height:1.8;font-size:16px}
.legal-page.wrap h1{font-size:clamp(34px,4vw,52px);line-height:1.15;letter-spacing:-1.8px;margin:0 0 38px;overflow-wrap:anywhere}
.legal-page.wrap h2{font-size:21px;line-height:1.35;letter-spacing:-.4px;margin:38px 0 12px}
.legal-page.wrap p,.legal-page.wrap li{font-size:16px;line-height:1.85;color:#34444d;margin:0 0 17px;max-width:78ch;overflow-wrap:anywhere}
.legal-page.wrap a{color:#087663;text-decoration:underline;text-underline-offset:2px}
.legal-page.wrap a:hover{color:#034b40}
body:has(.legal-page) footer{margin-top:auto}
@media(max-width:720px){.legal-page.wrap{padding:38px 20px 65px}.legal-page.wrap h1{font-size:36px;margin-bottom:25px}.legal-page.wrap h2{font-size:19px;margin-top:28px}.legal-page.wrap p,.legal-page.wrap li{font-size:16px}}