
:root{--green:#53b10f;--green2:#2f8f16;--ink:#16202b;--muted:#66717d;--line:#e3e8eb;--soft:#f4faef;--shadow:0 18px 44px rgba(22,32,43,.10);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(227,232,235,.9);backdrop-filter:blur(12px)}.nav-wrap{height:94px;display:flex;align-items:center;gap:26px}.brand{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}.brand img{width:218px;height:78px;object-fit:contain}.brand-de{font-size:.82rem;font-weight:900;color:var(--green2);margin-left:-7px;margin-top:41px}.nav{display:flex;align-items:center;gap:27px;margin-left:auto}.nav a{font-weight:750;font-size:.94rem;padding:34px 0 28px;position:relative}.nav a:hover,.nav a.active{color:var(--green2)}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:var(--green)}.menu-toggle{display:none;border:0;background:#f2f7ef;border-radius:10px;padding:9px 12px;font-size:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:10px;font-weight:800;border:1px solid transparent;cursor:pointer;font:inherit}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--green),#3d970d);box-shadow:0 8px 20px rgba(83,177,15,.22)}.btn-primary:hover{filter:brightness(.96);transform:translateY(-1px)}.btn-outline{border-color:#9cc887;background:#fff;color:var(--ink)}.nav-cta{margin-left:14px;white-space:nowrap}.kicker{color:var(--green2);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.hero{overflow:hidden;background:linear-gradient(90deg,#fff 0,#fff 45%,#f3f8ef 100%)}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center}.hero-copy{padding:72px 26px 74px 0}.hero h1,.subhero h1{font-size:clamp(3.2rem,6vw,5.7rem);line-height:.96;letter-spacing:-.055em;margin:15px 0 22px}.hero h1 em,.subhero h1 em{font-style:normal;color:var(--green2)}.lead{font-size:1.25rem;margin:0 0 10px}.hero-copy>p:not(.lead){font-size:1.08rem;color:#48535e;max-width:620px}.hero-actions{display:flex;gap:12px;margin:28px 0 20px}.hero-points{display:flex;gap:18px;font-weight:760;color:#4f5a63}.hero-media{position:relative;height:600px}.hero-media img{width:100%;height:100%;object-fit:cover;border-radius:0 0 0 42px}.location-card{position:absolute;right:20px;bottom:38px;display:flex;gap:13px;align-items:center;padding:18px 20px;border-radius:16px;background:rgba(20,29,37,.88);color:#fff;max-width:310px;box-shadow:var(--shadow)}.location-card strong,.location-card small{display:block}.location-card small{opacity:.8}.pin{font-size:2.3rem;color:var(--green)}.section{padding:82px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto 38px}.section-heading h2,.price-band h2,.contact-section h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em;margin:6px 0}.section-heading p{color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px rgba(22,32,43,.055);transition:.2s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c7dfbb}.service-card .icon{font-size:2.1rem}.service-card h3{margin:12px 0 7px;line-height:1.25}.service-card p{margin:0;color:var(--muted);font-size:.92rem}.trust{background:linear-gradient(90deg,#eff8ea,#fbfdf9);border-block:1px solid #dfecd8}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid>div{padding:32px 26px;border-right:1px solid #dbe7d5}.trust-grid>div:last-child{border-right:0}.trust-icon{font-size:2rem;color:var(--green2)}.trust h3{margin:7px 0}.trust p{margin:0;color:var(--muted);font-size:.9rem}.script-note{display:flex;align-items:center;justify-content:center;color:var(--green2);font-size:1.5rem;font-style:italic;font-weight:800}.price-band{padding:58px 0;background:linear-gradient(135deg,#17212a,#2b3640);color:#fff}.price-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}.price-band .kicker{color:#a3db7c}.price-band p{margin:0;color:#d9e0e5}.contact-section{background:#fafcf9}.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px}.contact-card,.form-card,.price-card,.price-info,.legal-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:0 10px 30px rgba(22,32,43,.055)}.contact-line{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #edf0f2}.contact-line>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eef8e9;color:var(--green2);font-size:1.2rem}.contact-line small,.contact-line strong{display:block}.contact-line small{color:var(--muted)}.availability{padding:14px 16px;background:#eff8ea;color:var(--green2);font-weight:800;border-radius:12px;margin-top:20px}.form-card label{display:block;font-size:.84rem;font-weight:750;color:#4c5761;margin-bottom:12px}.form-card input,.form-card textarea{width:100%;margin-top:6px;padding:13px 14px;border:1px solid #dce2e7;border-radius:10px;background:#fcfdfd;font:inherit}.form-card input:focus,.form-card textarea:focus{outline:0;border-color:#79bc4d;box-shadow:0 0 0 3px rgba(83,177,15,.11)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex!important;align-items:flex-start;gap:9px;font-weight:500!important}.check input{width:auto;margin-top:5px}.check a,.legal-content a{color:var(--green2);text-decoration:underline}.form-note{font-size:.8rem;color:var(--muted)}.form-note.top{padding:12px;background:#f4f8f1;border-radius:9px}.footer{background:#17212a;color:#edf2f5;padding:44px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .75fr .9fr;gap:30px}.footer .footer-logo img{width:200px;height:auto;filter:drop-shadow(0 5px 10px rgba(0,0,0,.15))}.footer .brand-de{color:#8fce64}.footer p,.footer span,.footer a{display:block;color:#c4ced5;margin:5px 0}.footer strong{display:block;margin-bottom:8px}.footer a:hover{color:#9bd474}.copyright{margin-top:30px;border-top:1px solid #34404a;padding-top:18px;color:#98a5ae;font-size:.82rem}.subhero{padding:70px 0 62px;background:linear-gradient(135deg,#f1f8ec,#fff);border-bottom:1px solid var(--line)}.subhero h1{font-size:clamp(2.8rem,5vw,4.8rem);margin:12px 0 18px}.subhero p{font-size:1.08rem;color:var(--muted);max-width:790px;margin:0}.subhero.visual{padding:0;overflow:hidden}.subhero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:430px}.subhero-grid>div{padding:60px 45px 60px 0}.subhero-grid img{width:100%;height:430px;object-fit:cover;border-radius:0 0 0 36px}.mini-points{display:flex;gap:16px;flex-wrap:wrap;margin-top:26px;font-weight:760;color:#53605f}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-detail{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 26px rgba(22,32,43,.055)}.icon-panel{height:130px;display:grid;place-items:center;font-size:4rem;background:linear-gradient(135deg,#f2f9ed,#fff)}.service-detail-body{padding:20px}.service-detail h3{margin:0 0 8px;font-size:1.15rem;line-height:1.25}.service-detail p{color:var(--muted);font-size:.9rem}.service-detail ul,.checklist{padding:0;margin:16px 0 0;list-style:none}.service-detail li,.checklist li{position:relative;padding:4px 0 4px 22px;font-size:.88rem}.service-detail li:before,.checklist li:before{content:"✓";position:absolute;left:0;color:var(--green2);font-weight:900}.wide-cta{margin-top:42px;padding:34px;background:linear-gradient(135deg,#f2f8ed,#fff);border:1px solid #dfebd8;border-radius:22px;display:flex;justify-content:space-between;gap:24px;align-items:center}.wide-cta h2{margin:0}.wide-cta p{margin:.4rem 0 0;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px}.split h2{font-size:2.5rem;letter-spacing:-.04em}.values{display:grid;gap:12px}.values div{padding:20px;border:1px solid var(--line);border-radius:14px}.values strong,.values span{display:block}.values strong{color:var(--green2)}.values span{color:var(--muted);margin-top:4px}.price-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:24px}.price-card.featured{padding:42px}.price-card h2{font-size:2.4rem;margin:.3rem 0}.price-info h3{font-size:1.5rem;margin-top:0}.price-info p{padding-bottom:15px;border-bottom:1px solid #edf0f2}.soft-section{padding:60px 0;background:#f1f8ec}.center{text-align:center}.center p{color:var(--muted);max-width:700px;margin:0 auto 22px}.legal-page{background:#fbfcfb}.legal-layout{display:grid;grid-template-columns:270px 1fr;gap:42px;align-items:start}.toc{position:sticky;top:116px;border-right:1px solid var(--line);padding-right:24px;max-height:calc(100vh - 140px);overflow:auto}.toc h3{margin-top:0}.toc>a{display:flex;gap:9px;padding:8px 9px;border-radius:8px;font-size:.84rem;line-height:1.3}.toc>a span{color:var(--green2);font-weight:900;white-space:nowrap}.toc>a:hover{background:#eef7e9}.toc-contact{margin-top:18px;padding:16px;background:#f3f9ef;border:1px solid #dcebd4;border-radius:12px;font-size:.84rem}.toc-contact a{display:block;color:var(--green2);font-weight:800;margin-top:8px}.legal-section{scroll-margin-top:120px;border-bottom:1px solid var(--line);padding:0 0 28px;margin-bottom:30px}.legal-section h2,.legal-content.standalone h2,.legal-box h2{font-size:1.55rem;color:#2d8618;margin:0 0 15px}.legal-section h2 span{font-weight:900}.legal-content p,.legal-content li,.legal-box p{color:#394550}.legal-content ol{padding-left:1.35rem}.legal-content li{padding:4px 0}.legal-callout{margin-top:28px;padding:20px;background:#f2f8ee;border:1px solid #dcebd5;border-radius:14px}.narrow{width:min(870px,92%)}.legal-box h2:not(:first-child),.legal-content.standalone h2{margin-top:32px}.address-box,.form-template{padding:22px;background:#f8faf8;border:1px solid var(--line);border-radius:14px;margin:18px 0}.legal-date{margin-top:36px!important}.legal hr{border:0;border-top:1px solid var(--line);margin:38px 0}.legal-hero{background:linear-gradient(135deg,#eff7e9,#fff)}
@media(max-width:1020px){.nav{display:none;position:absolute;top:94px;left:0;right:0;background:#fff;padding:18px 5%;flex-direction:column;align-items:flex-start;box-shadow:0 18px 30px rgba(0,0,0,.08)}.nav.open{display:flex}.nav a{padding:9px 0}.nav a.active:after{bottom:3px}.menu-toggle{display:block;margin-left:auto}.nav-cta{display:none}.hero-grid,.subhero-grid{grid-template-columns:1fr}.hero-copy{padding:58px 0 35px}.hero-media{height:460px}.subhero-grid>div{padding:52px 0 35px}.subhero-grid img{height:360px;border-radius:24px}.service-grid,.detail-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}.contact-grid,.price-layout,.legal-layout{grid-template-columns:1fr}.toc{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--line);padding:0 0 24px}.toc>a{display:inline-flex;width:48%;vertical-align:top}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.nav-wrap{height:78px}.brand img{width:170px;height:65px}.brand-de{margin-top:34px}.nav{top:78px}.hero h1{font-size:3.2rem}.hero-actions,.hero-points,.price-inner,.wide-cta{flex-direction:column;align-items:flex-start}.hero-media{height:390px}.hero-media img{border-radius:24px}.location-card{left:15px;right:15px;bottom:16px}.section{padding:62px 0}.service-grid,.detail-grid,.trust-grid,.form-row,.footer-grid{grid-template-columns:1fr}.trust-grid>div{border-right:0;border-bottom:1px solid #dbe7d5}.contact-card,.form-card,.price-card,.price-info{padding:24px}.price-card.featured{padding:26px}.toc>a{width:100%}.subhero h1{font-size:3rem}.mini-points{flex-direction:column;gap:7px}}

/* Kundenportal-Zugänge sind statisch vorhanden und bleiben auch ohne JavaScript erreichbar. */
.header-actions-stacked{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin-left:auto;flex:0 0 auto}
.header-actions-stacked .nav-cta{margin-left:0}
.header-actions-stacked .customer-access{display:flex;justify-content:center;align-items:center;gap:6px;min-height:22px;padding:3px 7px;font-size:.72rem;white-space:nowrap}
.header-actions-stacked .customer-access span{font-size:.62rem}
.header-actions-stacked .customer-access a{font-size:.72rem;text-decoration:none}
.header-actions-stacked .customer-access a:hover{color:var(--green2)}
.mobile-customer-link{display:none!important}
@media(max-width:900px){
  .header-actions-stacked .customer-access{display:none}
  .site-header .nav.open .mobile-customer-link{display:block!important;width:100%;padding:12px 16px!important;margin:2px 0!important;border-radius:10px;background:#f3f8ef;color:#2f7d4b!important;font-weight:800!important}
  .site-header .nav.open .mobile-customer-secondary{background:#53b10f;color:#fff!important}
}

/* Kontaktformular: echter serverseitiger Versand */
.form-card select{width:100%;margin-top:6px;padding:13px 14px;border:1px solid #dce2e7;border-radius:10px;background:#fcfdfd;font:inherit;color:var(--ink)}
.form-card select:focus{outline:0;border-color:#79bc4d;box-shadow:0 0 0 3px rgba(83,177,15,.11)}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status{padding:14px 16px;border-radius:10px;margin:14px 0;font-weight:700}
.form-status.success{background:#edf8e8;border:1px solid #b8dcaa;color:#2d741b}
.form-status.error{background:#fff2f0;border:1px solid #efc0ba;color:#96352b}
.contact-form button[disabled]{opacity:.7;cursor:wait}
.home-categories{grid-template-columns:repeat(4,1fr)}.service-card .more{display:block;margin-top:14px;color:var(--green2);font-weight:800;font-size:.9rem}.top-gap{margin-top:28px}.wide-section{padding:0 0 78px}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pricing-card{padding:32px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(22,32,43,.06);text-align:center}.pricing-card .price-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:#eef8e9;color:var(--green2);font-size:1.8rem}.pricing-card h3{font-size:1.35rem;margin:8px 0}.pricing-card .price{font-size:2.55rem;font-weight:900;color:var(--green2);letter-spacing:-.04em}.pricing-card p{margin:.1rem 0 1rem}.pricing-card .checklist{text-align:left}.price-tables{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.price-table{border:1px solid var(--line);border-radius:20px;background:#fff;padding:28px;box-shadow:0 10px 30px rgba(22,32,43,.05)}.price-table h3{font-size:1.35rem;margin-top:0}.price-table>div{display:flex;justify-content:space-between;gap:24px;padding:15px 0;border-bottom:1px solid #edf0f2}.price-table>div strong{color:var(--green2);white-space:nowrap}@media(max-width:1020px){.home-categories,.pricing-cards{grid-template-columns:repeat(2,1fr)}.price-tables{grid-template-columns:1fr}}@media(max-width:650px){.home-categories,.pricing-cards{grid-template-columns:1fr}.price-table>div{flex-direction:column;gap:4px}.cta-actions{width:100%}.cta-actions .btn{width:100%}}

/* Preisrechner-Ergaenzungen */
.price-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.calc-link-note{font-size:.88rem;color:var(--muted);margin-top:8px}
@media(max-width:650px){.price-actions{width:100%;flex-direction:column;align-items:stretch}.price-actions .btn{width:100%;text-align:center}}

.btn-cta-light{background:transparent!important;color:#fff!important;border:1px solid #fff!important;box-shadow:none!important}.btn-cta-light:hover{background:#fff!important;color:#3d7f0a!important;filter:none!important}
