/* Fassadenfee Premium – light, privacy-first, framework-free. */
:root{--dark:#1b221b;--dark2:#303b2b;--lime:#a8cf38;--lime2:#c8e680;--text:#273025;--body:#536052;--wash:#f4f7ef;--line:#e1e8d9;--white:#fff;--max:1210px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:400 16px/1.62 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}.container{max-width:var(--max);margin:0 auto;padding:0 28px}.skip{position:absolute;top:-100px;left:16px;z-index:999;background:#fff;color:#111;padding:12px}.skip:focus{top:6px}:focus-visible{outline:3px solid #719c11;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.11;letter-spacing:-.044em}h1{font-size:clamp(2.7rem,5.2vw,5.8rem)}h2{font-size:clamp(2.05rem,3.5vw,3.7rem)}h3{font-size:1.35rem}p{color:var(--body)}.tag{font-size:.75rem;letter-spacing:.19em;text-transform:uppercase;font-weight:850;color:#6e9621;display:inline-flex;align-items:center;gap:10px}.tag:before{content:"";background:var(--lime);height:7px;width:7px;border-radius:50%}.tag-light{color:#c9e78c}.lead{font-size:clamp(1.05rem,1.4vw,1.22rem);max-width:660px}.highlight{color:var(--lime)}.nowrap{white-space:nowrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:15px;min-height:54px;padding:13px 24px;border-radius:10px;font-weight:780;font-size:.96rem;line-height:1.25;border:2px solid transparent;transition:transform .2s,background .2s,box-shadow .2s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-lime{color:#17200e;background:var(--lime);box-shadow:0 8px 20px #9bbc3730}.btn-lime:hover{background:#bde24e}.btn-dark{color:#fff;background:var(--dark)}.btn-dark:hover{background:#3d4e36}.btn-white{color:var(--dark);background:#fff}.btn-outline{border-color:#c1d5a0;color:#2e4721;background:transparent}.btn-plain{padding:0;background:none;color:#416323;border:0;min-height:auto}.arrow{font-size:1.3em;line-height:1}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);box-shadow:0 8px 35px #12251108}.head-inner{min-height:86px;display:flex;gap:25px;align-items:center;justify-content:space-between}.logo{flex:none}.logo img{width:clamp(198px,23vw,266px);height:auto}.nav{display:flex;align-items:center;gap:23px}.nav a:not(.btn){font-size:.9rem;font-weight:720;color:#3a4734;white-space:nowrap}.nav a:not(.btn):hover,.nav a[aria-current="page"]{color:#5b8520}.head-phone{font-size:.89rem;white-space:nowrap;font-weight:800}.nav .btn{min-height:43px;padding:10px 15px;font-size:.85rem}.menu{display:none;background:#f1f5e9;border:0;border-radius:8px;padding:8px 13px;font-weight:700;color:var(--dark)}.mobile-actions{display:none}
/* Selection cover */
.cover-intro{text-align:center;padding:75px 0 43px;background:radial-gradient(ellipse at top,#ecf3e6 0%,#fff 58%)}.cover-intro h1{max-width:880px;margin:16px auto 23px;font-size:clamp(2.65rem,5.5vw,5.6rem)}.cover-intro h1 strong{color:#85ad20}.cover-intro .lead{margin:0 auto}.cover-choose{padding:0 0 82px}.choose-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.choice{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:23px;border:1px solid var(--line);background:#fff;box-shadow:0 14px 45px rgba(24,38,22,.07);transition:transform .25s,box-shadow .25s}.choice:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(24,38,22,.14)}.choice img{width:100%;height:268px;object-fit:cover}.choice.choice-roof{background:var(--dark);color:#fff;border-color:var(--dark)}.choice-roof .choice-image{background:#eaf1e4}.choice-roof .choice-image img{object-fit:cover;object-position:center 32%}.choice-roof p{color:#dce5d7}.choice-body{padding:28px 33px 32px;display:flex;flex-direction:column;flex:1}.choice-body .label{font-size:.76rem;text-transform:uppercase;letter-spacing:.15em;font-weight:850;color:#7a9d33}.choice-roof .label{color:#d3eb96}.choice h2{margin:8px 0 12px;font-size:clamp(1.9rem,2.9vw,3rem)}.choice p{font-size:.99rem;max-width:490px}.choice .choice-action{margin-top:auto;display:inline-flex;gap:11px;align-items:center;font-weight:850;color:#547d16}.choice-roof .choice-action{color:#cae789}.choice .choice-action span{font-size:1.4rem}.choice-note{margin-top:19px;text-align:center;color:#6b7667;font-size:.89rem}.cover-bottom{background:#f4f7f0;border-top:1px solid var(--line);padding:30px 0}.mini-reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.mini-reason{display:flex;align-items:flex-start;gap:11px;font-weight:700;font-size:.92rem}.tick{width:26px;height:26px;display:grid;place-items:center;background:#e0efbf;color:#476c0f;border-radius:50%;flex:none;font-weight:900}
/* service */
.service-hero{color:#fff;position:relative;overflow:hidden;background:linear-gradient(124deg,#141a14 0%,#233121 65%,#3a4630 100%)}.service-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 25%,#9fd33a21,transparent 32%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:center;gap:54px;padding-top:85px;padding-bottom:85px}.service-hero h1{font-size:clamp(2.8rem,5vw,5.65rem);max-width:720px;margin:17px 0 24px;color:#fff}.service-hero .lead{color:#dce5d8;font-size:clamp(1.06rem,1.5vw,1.22rem)}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 26px}.hero-ctas .btn-white{border:1px solid #fafcf5}.trust-row{display:flex;flex-wrap:wrap;gap:10px 19px;font-weight:740;color:#e5efdd;font-size:.88rem}.trust-row span:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;background:var(--lime);color:#263019;border-radius:100%;font-size:.7rem;margin-right:7px}.hero-visual{position:relative}.hero-visual>img{width:100%;height:470px;object-fit:cover;border-radius:18px;box-shadow:0 25px 80px #0005}.hero-visual.photo>img{object-position:center 40%}.floating-chip{position:absolute;bottom:-22px;left:-20px;background:#fff;color:var(--dark);padding:17px 21px;border-radius:11px;box-shadow:0 10px 35px #0002;max-width:265px;line-height:1.35;font-size:.88rem;font-weight:700}.floating-chip strong{font-size:1.07rem;display:block}.float-dot{background:var(--lime);width:12px;height:12px;display:inline-block;border-radius:100%;margin-right:6px}.jump-strip{background:#fff;border-bottom:1px solid var(--line)}.jump-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:24px;padding-bottom:24px}.jump-inner p{margin:0;font-size:1rem;font-weight:730;color:#2b3827}.jump-inner .btn{min-height:47px;white-space:nowrap}
.section{padding:100px 0}.section.soft{background:var(--wash)}.section.compact{padding:75px 0}.section-intro{margin-bottom:40px}.section-intro h2{max-width:850px;margin:15px 0 15px}.section-intro p{max-width:710px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.benefit{padding:29px 27px;border-radius:15px;border:1px solid var(--line);background:#fff;min-height:246px}.benefit .number{color:#91b824;font-size:.78rem;letter-spacing:.16em;font-weight:900}.benefit h3{margin:15px 0 13px}.benefit p{margin:0;font-size:.97rem}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:76px}.split.reverse .split-visual{order:2}.split h2{margin:14px 0 20px}.split p{font-size:1.04rem}.checklist{margin:26px 0;padding:0;list-style:none}.checklist li{display:flex;gap:11px;align-items:flex-start;margin:12px 0;font-weight:650}.checklist li:before{content:"✓";display:grid;place-items:center;flex:none;border-radius:50%;background:#dbedb7;width:24px;height:24px;color:#496d14;font-size:.77rem;margin-top:2px}.split-visual{position:relative}.split-visual>img{border-radius:18px;width:100%;height:440px;object-fit:cover;background:#ebf1e2}.split-visual small{display:block;font-size:.73rem;margin-top:8px;color:#667164}.overlap-note{position:absolute;left:-18px;bottom:22px;background:#fff;border-left:5px solid var(--lime);box-shadow:0 12px 45px #0002;border-radius:8px;padding:15px 19px;font-weight:850}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:steps}.step{padding:30px 26px;background:#fff;border:1px solid var(--line);border-radius:15px}.step b{color:#79a21c;font-size:.78rem;letter-spacing:.15em}.step h3{margin:15px 0 10px}.step p{margin-bottom:0}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:15px}.before-after figure{margin:0;position:relative;overflow:hidden;border-radius:14px;background:#edf1e6}.before-after img{width:100%;height:335px;object-fit:cover}.before-after figcaption{position:absolute;top:16px;left:16px;background:#fff;color:#243025;padding:7px 14px;border-radius:50px;font-weight:850;font-size:.79rem}.before-note{font-size:.9rem;margin-top:13px}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.photo-pair img{height:230px;object-fit:cover;width:100%;border-radius:13px}.photo-pair figure{margin:0}.photo-pair figcaption{margin-top:8px;font-size:.82rem}.accent-panel{border-radius:18px;background:var(--dark);padding:40px;color:#fff}.accent-panel h2{font-size:clamp(2rem,3.2vw,3.2rem)}.accent-panel p{color:#dfecdb}.area-list{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.area-list span{padding:8px 15px;border-radius:30px;background:#e8f1d8;font-size:.84rem;font-weight:750}
/* Forms */
.form-section{background:linear-gradient(118deg,#ebf3df,#f7faf3)}.form-layout{display:grid;grid-template-columns:.83fr 1.17fr;gap:65px;align-items:start}.form-copy h2{margin:16px 0 22px}.form-copy .reassure{padding:22px 24px;background:#fff;border-left:4px solid var(--lime);border-radius:9px;margin-top:27px}.form-copy .reassure p{margin:5px 0 0;font-size:.92rem}.form-card{background:#fff;border:1px solid #dce6ce;border-radius:20px;padding:34px;box-shadow:0 20px 55px rgba(30,47,24,.09)}.form-card h3{font-size:1.5rem;margin-bottom:7px}.form-card>.small{font-size:.86rem;margin:0 0 18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:.82rem;font-weight:850;color:#32402c}.field input,.field textarea,.field select{width:100%;border:1px solid #bdc9b4;border-radius:9px;background:#fff;min-height:49px;padding:11px 13px;color:#253022;outline-offset:2px}.field textarea{min-height:88px;resize:vertical}.field input:focus,.field textarea:focus{border-color:#7fa91c;box-shadow:0 0 0 3px #c3de824f}.privacy{display:flex;gap:11px;align-items:flex-start;font-size:.81rem;color:#566353;line-height:1.5;margin:17px 0 22px}.privacy input{width:17px;height:17px;accent-color:#648d16;flex:none;margin-top:1px}.privacy a{text-decoration:underline}.form-card .btn{width:100%}.form-card .after{font-size:.79rem;margin:13px 0 0;color:#6d756a}.hp{position:absolute;left:-100vw;top:-100vh}.form-error{background:#fff0ed;color:#9d241b;padding:13px;border-radius:8px;margin-bottom:14px}.form-error[hidden]{display:none}
/* faq and finish */
.faq{max-width:890px;margin:auto}.faq details{border-bottom:1px solid #dce6d4;padding:19px 0}.faq summary{font-size:1.05rem;font-weight:800;cursor:pointer;list-style:none;padding-right:25px;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;top:0;color:#75a020;font-size:1.4rem}.faq details[open] summary:after{content:"−"}.faq p{max-width:800px;margin:15px 0 0}.cross-service{background:#1d251b;color:#fff;padding:55px 0}.cross-service .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.cross-service h2{font-size:clamp(1.7rem,2.6vw,2.5rem);margin:5px 0}.cross-service p{color:#dee7d8;margin:0}.footer{background:#131913;color:#d2dfcf;padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:42px}.footer .logo{display:inline-block;background:#fff;padding:9px;border-radius:8px;margin-bottom:16px}.footer .logo img{width:250px}.footer p{color:#c0cdbb;max-width:350px}.footer h3{font-size:.97rem;color:#fff;letter-spacing:0}.footer a:not(.logo){display:block;margin:8px 0}.footer a:hover{text-decoration:underline}.foot-bottom{border-top:1px solid #ffffff25;margin-top:35px;padding-top:22px;display:flex;justify-content:space-between;gap:15px;color:#adbaa9;font-size:.8rem}
/* info/legal */
.info-hero{background:#f2f6ea;padding:70px 0 48px}.info-hero h1{font-size:clamp(2.5rem,4.5vw,4.2rem);margin:12px 0}.narrow{max-width:820px}.legal{padding:75px 0}.legal h2{font-size:1.5rem;letter-spacing:-.015em;margin:30px 0 9px}.legal p{line-height:1.75}.legal-note{background:#fff7df;border-left:5px solid #e0ac32;padding:17px 20px;margin-bottom:28px;color:#624b15}.thanks{padding:110px 0;text-align:center}.thanks .mark{font-size:3.5rem;color:#65901d}.thanks h1{font-size:clamp(2.6rem,5vw,4.4rem)}
@media(max-width:1140px){.head-phone{display:none}.nav{gap:15px}.nav a:not(.btn){font-size:.83rem}.hero-grid{gap:34px}.form-layout{gap:35px}}
@media(max-width:860px){.head-inner{min-height:72px}.logo img{width:217px}.menu{display:block}.nav{position:absolute;top:72px;left:0;right:0;background:#fff;display:none;flex-direction:column;align-items:stretch;padding:15px 28px 26px;gap:12px;border-bottom:1px solid #dde8d2;box-shadow:0 18px 28px #0001}.nav.open{display:flex}.nav a:not(.btn){font-size:1rem;padding:8px 0}.nav .btn{margin-top:2px}.hero-grid,.split,.form-layout{grid-template-columns:1fr}.hero-grid{padding-top:65px;padding-bottom:70px}.hero-visual>img{height:350px}.hero-visual{max-width:600px}.form-layout{gap:28px}.split.reverse .split-visual{order:initial}.section{padding:75px 0}.section.compact{padding:55px 0}.split{gap:30px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:650px){.container{padding:0 20px}.cover-intro{padding:49px 0 31px}.cover-choose{padding-bottom:54px}.choose-grid,.grid-3,.steps,.mini-reasons{grid-template-columns:1fr}.choice img{height:204px}.choice-body{padding:22px 24px 28px}.choice h2{font-size:2.2rem}.choice-note{font-size:.81rem}.hero-grid{padding-top:43px;padding-bottom:52px}.service-hero h1{font-size:clamp(2.55rem,10vw,4rem)}.service-hero h1,.cover-intro h1{overflow-wrap:break-word;hyphens:auto}.hero-ctas{flex-direction:column;align-items:stretch}.hero-ctas .btn{width:100%}.hero-visual>img{height:258px}.floating-chip{left:10px;bottom:-18px;font-size:.77rem;padding:12px 14px}.jump-inner{align-items:stretch;flex-direction:column;gap:10px}.jump-inner .btn{width:100%}.section{padding:62px 0}.section-intro{margin-bottom:27px}.benefit{min-height:0;padding:24px}.split-visual>img{height:305px}.before-after img{height:225px}.form-card{padding:24px 18px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.cross-service .container{flex-direction:column;align-items:flex-start}.cross-service .btn{width:100%}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-grid>div:first-child{grid-column:auto}.foot-bottom{flex-direction:column}.mobile-actions{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:98;background:#fff;padding:10px 13px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 25px #0002;gap:10px}.mobile-actions a{flex:1;min-height:48px;font-size:.86rem;padding:10px 5px}.footer{padding-bottom:105px}.steps{gap:12px}.step{padding:22px}.mini-reasons{gap:13px}.head-inner{min-height:70px}.nav{top:70px}}
@media(max-width:380px){.logo img{width:184px}.menu{font-size:.87rem}.before-after{gap:8px}.before-after img{height:175px}.before-after figcaption{top:9px;left:7px;padding:5px 8px;font-size:.65rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Conversion pass: both options recognizable immediately on the selection screen. */
@media(min-width:651px){.cover-intro{padding:48px 0 26px}.cover-intro h1{font-size:clamp(2.7rem,4.9vw,5rem);margin:13px auto 15px}.cover-intro .lead{max-width:760px;font-size:1.075rem}.choice img{height:210px}.choice-body{padding:24px 29px 28px}.choice h2{font-size:clamp(1.8rem,2.45vw,2.6rem)}}
@media(max-width:650px){.cover-intro{padding:29px 0 19px}.cover-intro h1{font-size:clamp(2.15rem,8.7vw,3rem);margin:11px auto 12px}.cover-intro .lead{font-size:.94rem;line-height:1.48}.cover-choose{padding-bottom:35px}.choose-grid{gap:12px}.choice{flex-direction:row;min-height:164px;border-radius:15px}.choice .choice-image{width:32%;flex-shrink:0;align-self:stretch;min-height:168px}.choice img{height:100%;min-height:168px;width:100%;object-fit:cover}.choice-body{padding:14px 13px 13px;min-width:0}.choice-body .label{font-size:.62rem;letter-spacing:.09em}.choice h2{font-size:clamp(1.18rem,5.4vw,1.48rem);line-height:1.05;margin:6px 0 7px;overflow-wrap:anywhere}.choice p{font-size:.75rem;line-height:1.32;margin-bottom:7px}.choice .choice-action{font-size:.78rem;line-height:1.3;gap:5px}.choice-note{font-size:.79rem;margin-top:13px}.mini-reasons{gap:13px}}

/* Datenschutzhinweis ohne unnötige Zustimmungs-Checkbox */
.privacy-note{display:block;margin:15px 0 18px;line-height:1.6}

/* Premium-Abnahme: klare Bildunterschriften und regionaler Kontaktbereich */
.hero-caption{font-size:.77rem;color:#d2ddc9;margin:10px 4px 0;line-height:1.4}
.tech-section .split-visual img{object-position:center center}
.tech-section .btn{margin-top:5px}
.area-section{background:#f6f9f2}
.area-panel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.8fr);align-items:center;gap:55px}
.area-panel h2{max-width:790px;margin:12px 0 18px}
.area-panel p{max-width:690px}
.area-panel .area-note{font-size:.85rem;color:#697467;margin-top:0}
.area-contact{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid #dce5d3;border-radius:18px;padding:30px;box-shadow:0 12px 40px #14221109}
.area-contact strong{font-size:1.2rem}
.area-contact>a{font-weight:850;color:#2d4e14;font-size:clamp(1.22rem,2.3vw,1.7rem);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.area-contact span{font-size:.88rem;color:#52624a;overflow-wrap:anywhere}
.area-contact span a{text-decoration:underline;font-weight:750}
.btn:disabled{opacity:.7;cursor:wait;transform:none}
/* Website-Bedienbarkeit und Bewegungseinstellungen */
@media(max-width:860px){.area-panel{grid-template-columns:1fr;gap:18px}}
@media(max-width:650px){.area-contact{padding:24px}.tech-section .btn{width:100%}.hero-caption{font-size:.71rem}}

/* Kontrast-Finale: kleine grüne Texte auf hellen Flächen gut lesbar. Markenlogo und CTA bleiben unverändert. */
.tag{color:#4d6d16}
.benefit .number,.step b{color:#527414}
.choice-body .label{color:#526f1b}
.choice-roof .label{color:#d3eb96}
.tag-light{color:#c9e78c}
.cover-intro h1 strong{color:#62851e}