
:root{--ink:#123248;--deep:#102c3f;--blue:#2789ba;--sky:#65bcd2;--paper:#f4f7f7;--muted:#5c6e77;--line:#d7e1e5;--white:#fff;--max:1190px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif}h1,h2,h3,h4{font-family:'Segoe UI',Arial,sans-serif;letter-spacing:-.045em;line-height:1.14;margin:0 0 .7em}h1{font-size:clamp(2.7rem,5.6vw,5.6rem);font-weight:800}h2{font-size:clamp(2rem,3.6vw,3.65rem);font-weight:800}h3{font-size:1.42rem}p{margin:0 0 1.2rem}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #e2b45d;outline-offset:3px}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{max-width:var(--max);margin:auto;padding:0 28px}.skip{position:absolute;top:-100px;left:10px;background:#fff;padding:12px;z-index:30}.skip:focus{top:8px}.site-header{position:sticky;top:0;background:rgba(255,255,255,.97);z-index:20;border-bottom:1px solid #e7edef;backdrop-filter:blur(15px)}.head-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:86px}.brand img{width:199px;max-height:72px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:24px;font-size:.91rem;font-weight:700}.nav-links a:hover,.foot a:hover{color:var(--blue)}.nav-links .nav-cta{padding:11px 18px;background:var(--deep);color:#fff;border-radius:5px}.nav-links .nav-cta:hover{background:var(--blue);color:#fff}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:7px;padding:8px 13px;color:var(--ink)}.eyebrow{font-weight:800;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:22px}.hero{background:var(--deep);color:white;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.06fr .94fr;min-height:580px}.hero-copy{padding:85px 52px 85px max(28px,calc((100vw - var(--max)) / 2 + 28px));align-self:center}.hero-copy .eyebrow{color:#85d4e2}.hero-copy p{max-width:600px;color:#d5e6ed;font-size:1.13rem}.hero-visual{position:relative;min-height:500px}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102c3f 0%,transparent 26%)}.btn{display:inline-flex;align-items:center;gap:13px;padding:14px 22px;border-radius:4px;background:var(--sky);color:#102c3f;font-weight:800;font-size:.93rem;border:0}.btn:hover{background:#a0dce6}.btn-outline{background:transparent;color:inherit;border:1px solid currentColor}.btn-outline:hover{background:#ffffff1c}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.trust-strip{background:#e7f1f3}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding-top:22px;padding-bottom:22px;font-weight:800;font-size:.93rem}.trust-row span:before{content:'↗';color:#2488b8;margin-right:12px}.section{padding:105px 0}.section-alt{background:var(--paper)}.section-top{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:36px}.section-top p{max-width:440px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{background:white;border:1px solid var(--line);overflow:hidden;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #102c3f17}.service-card img{width:100%;height:260px;object-fit:cover}.service-card .info{padding:29px}.service-card .info p{color:var(--muted);font-size:.93rem}.arrow-link{font-weight:800;color:#147ba9}.dark-section{background:var(--deep);color:white}.dark-section .eyebrow{color:#81ccda}.dark-section p{color:#d8e5ec}.feature{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.feature img{width:100%;height:490px;object-fit:cover}.feature h2{max-width:600px}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.tag{border:1px solid #cadde2;padding:7px 12px;font-size:.86rem;border-radius:50px}.dark-section .tag{border-color:#617e8d}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-grid img{width:100%;height:240px;object-fit:cover}.before-after{position:relative;max-width:800px;aspect-ratio:4/3;overflow:hidden;background:#9b8e7a}.before-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.before-after .before{clip-path:inset(0 50% 0 0)}.before-after input{position:absolute;bottom:18px;left:8%;width:84%;z-index:4;accent-color:#56c0d3}.ba-label{position:absolute;top:15px;z-index:5;background:#102c3fe6;color:white;padding:5px 13px;font-weight:800;font-size:.8rem}.ba-label.left{left:15px}.ba-label.right{right:15px}.contact-band{padding:65px 0;background:#dff0f3}.contact-band .inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.page-hero{background:var(--deep);color:#fff;padding:92px 0 80px}.page-hero h1{font-size:clamp(2.7rem,5vw,4.8rem);max-width:960px}.page-hero p{color:#d9e8ec;max-width:720px;font-size:1.12rem}.page-hero .eyebrow{color:#85d4e2}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:66px;align-items:center}.two-col img{height:460px;width:100%;object-fit:cover}.list-check{list-style:none;padding:0}.list-check li{padding:11px 0;border-bottom:1px solid var(--line)}.list-check li:before{content:'✓';color:#258fae;font-weight:900;margin-right:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .full{grid-column:1/-1}label.field{display:block;font-size:.87rem;font-weight:800;margin-bottom:6px}input:not([type=range]):not([type=checkbox]),textarea,select{width:100%;padding:13px 15px;border:1px solid #b6c9d1;border-radius:4px;background:#fff;color:var(--ink)}textarea{min-height:135px;resize:vertical}.form-box{background:#f0f6f7;padding:35px;border:1px solid var(--line)}.form-box small{display:block;color:var(--muted);line-height:1.5}.notice{padding:18px 20px;border-left:4px solid #2793ba;background:#e8f4f6;margin:28px 0;color:#294758}.legal{max-width:850px}.legal h2{font-size:1.65rem;margin-top:38px}.legal a{color:#0778a4;text-decoration:underline}.foot{background:#0d2535;color:#d9e6ec;padding:68px 0 26px}.foot-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.foot h3{color:white;font-size:1rem}.foot p,.foot a{font-size:.93rem}.foot .brand img{width:165px;background:white;padding:8px;border-radius:3px}.foot-bottom{border-top:1px solid #3a5361;margin-top:36px;padding-top:20px;color:#a7becb;font-size:.8rem}.foot-links{display:flex;gap:14px;flex-wrap:wrap}.photo-note{font-size:.78rem;color:var(--muted);margin-top:9px}.chip{font-size:.8rem;border:1px solid #b5d2d9;background:#eff7f9;padding:5px 9px;display:inline-block;margin-bottom:15px}.hide{display:none!important}@media(max-width:900px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:0;top:86px;right:0;background:#fff;padding:20px 28px 27px;box-shadow:0 12px 20px #0002;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.hero-layout{grid-template-columns:1fr}.hero-copy{padding:80px 28px 60px;max-width:800px}.hero-visual{height:370px;min-height:0}.hero-visual:after{background:linear-gradient(180deg,#102c3f 0%,transparent 30%)}.cards{grid-template-columns:repeat(2,1fr)}.feature,.two-col{gap:30px}.foot-inner{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.wrap{padding:0 19px}.section{padding:65px 0}.head-row{min-height:74px}.brand img{width:165px}.nav-links{top:74px}.hero-copy{padding:66px 19px 50px}.hero-visual{height:310px}.trust-row{grid-template-columns:1fr;gap:9px}.section-top{display:block}.cards,.feature,.two-col,.form-grid,.foot-inner{grid-template-columns:1fr}.feature img,.two-col img{height:320px}.gallery-grid img{height:175px}.contact-band .inner{display:block}.form-box{padding:20px}.section-top p{max-width:none}.foot-inner{gap:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* FAQ */
.faq-wrap{max-width:910px}.faq-item{border-bottom:1px solid var(--line);padding:4px 0}.faq-item:first-of-type{border-top:1px solid var(--line)}.faq-item summary{cursor:pointer;list-style:none;padding:21px 35px 21px 0;position:relative;font-size:1.07rem;font-weight:750;line-height:1.45}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';position:absolute;right:5px;top:19px;color:var(--blue);font-size:1.5rem;font-weight:400}.faq-item[open] summary:after{content:'−'}.faq-item p{max-width:770px;margin:0 0 24px;color:var(--muted)}.faq-teaser{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.faq-teaser article{border-top:3px solid var(--blue);padding-top:21px}.faq-teaser p{color:var(--muted)}.faq-other{color:var(--ink);border-color:#b3c8d1}@media(max-width:760px){.faq-teaser{grid-template-columns:1fr;gap:18px}}

/* Small, accessible privacy notice; no dark patterns or consent claims */
.cookie-note[hidden]{display:none!important}.cookie-note{position:fixed;z-index:9999;bottom:16px;left:16px;right:16px;max-width:700px;margin:0 auto;background:#fff;color:#153449;box-shadow:0 12px 42px rgba(0,0,0,.23);border:1px solid #b7d9e2;border-left:5px solid #2e9fbd;border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:24px;font-size:14px;line-height:1.5}.cookie-note p{margin:5px 0 0}.cookie-note button{border:0;background:#17394f;color:white;cursor:pointer;padding:10px 14px;border-radius:7px;white-space:nowrap;font:inherit}.cookie-note button:focus-visible{outline:3px solid #35b6d7;outline-offset:3px}.cookie-note a{color:#006b95;text-decoration:underline}@media(max-width:560px){.cookie-note{display:block;bottom:8px;left:8px;right:8px;padding:14px}.cookie-note button{margin-top:10px}}

/* Startseite: Schwerpunkt Unterhaltsreinigung */
.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,5vw,72px);align-items:center}.focus-photo img{width:100%;height:510px;object-fit:cover;object-position:center 32%}.focus-content h3{font-size:clamp(1.65rem,2.4vw,2.6rem)}.focus-content p{color:var(--muted)}.other-services{margin-top:28px;color:var(--muted)}.other-services a{color:#086e9b;text-decoration:underline;text-underline-offset:3px}.nav-links .nav-focus{color:#127da5}.service-card img{object-position:center 30%}@media(max-width:900px){.focus-grid{grid-template-columns:1fr}.focus-photo img{height:420px}}@media(max-width:640px){.focus-photo img{height:340px}.hero-visual img{object-position:center 30%}}

/* Final service overview */
.service-detail{display:grid;grid-template-columns:minmax(190px, .85fr) 1.6fr;gap:28px;align-items:center;padding:24px;background:#fff;border:1px solid #dbe5ea;border-radius:16px;scroll-margin-top:110px}.service-detail img{width:100%;height:225px;object-fit:cover;border-radius:10px}.service-detail h2{margin:0 0 12px;font-size:clamp(1.3rem,2vw,1.9rem)}.service-detail p{margin:0 0 14px}.section .cards:has(.service-detail){grid-template-columns:1fr;gap:18px}@media(max-width:650px){.service-detail{grid-template-columns:1fr}.service-detail img{height:205px}}
