/* AquaClean SERVICE — refreshed public website, October 2026. */
:root{--navy:#071d35;--blue:#087db5;--cyan:#69d2f4;--muted:#526477}
[hidden]{display:none!important}html{scroll-padding-top:115px}body{background:#fff}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #087db5;outline-offset:4px}.wrap{width:min(1240px,calc(100% - 48px))}.topbar .wrap{justify-content:flex-start}.topbar{padding:.4rem 0}.nav{height:100px}.brand-logo{width:285px}.nav-links{gap:1.4rem}.menu-toggle{display:none}.button{border-radius:7px;background:var(--blue);box-shadow:none;gap:.8rem;font-weight:750}.button:hover{transform:none}.hero{min-height:0;padding:0;background:#f0f7fb;color:var(--navy);overflow:hidden}.hero::before,.hero::after{display:none}.hero-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:3rem;align-items:center;padding-top:44px;padding-bottom:44px}.hero .hero-content{width:auto;max-width:none;padding:2rem 0;margin:0}.hero .eyebrow{color:var(--blue);font-size:.78rem;letter-spacing:.1em}.hero h1{font-size:clamp(2.5rem,4.4vw,4.2rem);line-height:1.08;letter-spacing:-.045em;margin:1.5rem 0}.hero h1 span{color:var(--blue)}.hero p{color:var(--muted);font-size:1.08rem;line-height:1.7;max-width:48ch}.hero .secondary{background:transparent;color:var(--navy);border-color:#aac1d1;backdrop-filter:none}.hero-actions .button{min-width:0;padding:.9rem 1.2rem}.hero-note{margin-top:1.8rem;font-size:.82rem;font-weight:650;color:var(--muted)}.hero-note span{padding:0 .5rem}.hero-photo{position:relative;border-radius:90px 12px 12px 12px;overflow:hidden;min-width:0}.hero-photo>img{width:100%;height:510px;object-fit:cover}.photo-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#071d35e8);padding:4rem 2rem 1.7rem;color:#fff}.photo-label span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:#bde9fc}.photo-label strong{font-size:1.4rem}.trust-strip{margin:0;padding:0;background:#fff}.trust-grid{box-shadow:none;border-radius:0;overflow:visible}.trust-item{padding:1.8rem 1.2rem;background:none!important;border-radius:0!important;box-shadow:none!important;border:0;border-right:1px solid var(--line)}.trust-item .trust-icon{display:none}.trust-item strong{font-size:1rem;line-height:1.4}.trust-item strong br{display:none}.trust-item p{font-size:.86rem;margin:.5rem 0;color:var(--muted)}.trust-tag{display:none!important}
section{padding:5rem 0}.results{background:#071d35;color:#fff;margin-top:0}.results-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5rem}.results h2,.faq h2{font-size:clamp(2.2rem,4vw,3.5rem);letter-spacing:-.04em;line-height:1.1;margin:1rem 0 1.5rem}.results-copy p{color:#cedce8;max-width:42ch;font-size:1.08rem}.results-copy .results-note{font-size:.9rem;color:#a9c0d3;margin:1.5rem 0 2rem}.results .text-link{color:#81d7f7}.feature-comparison{min-width:0;border-radius:12px;overflow:hidden;background:#fff}.feature-comparison .compare-stage{aspect-ratio:4/5}.services{background:#f7fafc}#leistungen{padding-top:5rem}#leistungen .services-intro{padding:0;background:none;border:0;border-radius:0;gap:4rem;margin-bottom:2.4rem}.service-index{grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);margin-bottom:3rem}.service-index a{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:1.2rem .7rem;font-size:.92rem}.service-index a:hover{background:#e5f3fa}.service-grid{gap:2.5rem}.service-featured{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);border-radius:12px;box-shadow:none;border:1px solid var(--line)}.service-copy{background:#fff;padding:2.4rem}.service-number{font-size:.8rem;letter-spacing:.15em;color:var(--blue)}.service h3{font-size:1.9rem;margin:1rem 0}.service-list{margin:1.3rem 0}.service-list li{font-size:.94rem}.service-list+p{padding-top:1.2rem;border-top:1px solid var(--line)}.service-comparisons{display:block;min-width:0;background:#edf5fa}.comparison-text{padding:1.3rem 1.5rem}.comparison-text h4{font-size:1.1rem}.comparison-text p{font-size:.9rem;line-height:1.55}.comparison-section{padding:0}.additional-services{padding-top:2rem}.about{background:#0b2b4d}.about-grid{gap:4rem}.about::before{display:none}.about h2{font-size:clamp(2.2rem,4vw,3.4rem)}.checks{gap:1.5rem}.check b{border-radius:6px}.step{box-shadow:none;border-radius:0;border-top:2px solid var(--blue)}.region{background:#edf6fb}.region-box{gap:4rem}.places{justify-content:flex-start}.places span{border-radius:5px;font-weight:550}.faq{background:#fff}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem}.faq .eyebrow{color:var(--blue)}.faq details{border-bottom:1px solid var(--line);padding:1.2rem 0}.faq summary{font-weight:750;cursor:pointer;padding-right:1rem}.faq details p{color:var(--muted);font-size:.95rem}.contact{background:#f4f8fb}.contact-card{border-radius:12px;box-shadow:none}.contact-side{padding:2rem 1.5rem}.contact-main{padding:3rem}.contact h2{font-size:clamp(2rem,3.4vw,3rem)}.reviews-card{box-shadow:none;border-radius:12px}.reviews-mark{border-radius:50%}.reviews-grid>div{box-shadow:none;border-radius:12px}.mobile-contact{display:none}
/* One comparison, two aligned full-size images; clip never changes image scale. */
.compare-widget{background:#fff;color:var(--navy);min-width:0}.compare-stage{--split:50%;--lens-x:50%;--lens-y:50%;position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#e5edf3;isolation:isolate}.compare-stage>img{position:absolute;inset:0;width:100%;height:100%;max-height:none!important;object-fit:contain;background:#e5edf3;user-select:none;pointer-events:none}.compare-stage .compare-after{clip-path:inset(0 0 0 var(--split))}.compare-handle{position:absolute;left:var(--split);top:0;bottom:0;width:3px;background:white;transform:translateX(-50%);color:transparent;pointer-events:none}.compare-handle::after{content:'↔';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;background:#071d35;color:white;border:2px solid #fff;border-radius:50%;font-size:1.3rem}.compare-labels{position:absolute;inset:14px 14px auto;display:flex;justify-content:space-between;pointer-events:none}.compare-labels span{background:#071d35de;color:white;font-size:.65rem;font-weight:800;letter-spacing:.12em;padding:.4rem .65rem;border-radius:3px}.compare-labels span:last-child{background:#087db5ed}.compare-toolbar{display:flex;gap:.5rem;padding:1rem 1rem .5rem}.compare-toolbar button{min-height:40px;border:1px solid #c3d6e2;background:white;padding:.35rem .9rem;border-radius:5px;color:var(--navy);font-size:.85rem;font-weight:650}.compare-toolbar button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.compare-widget input[type=range]{display:block;width:calc(100% - 32px);height:34px;margin:.25rem 16px;accent-color:var(--blue);cursor:ew-resize}.compare-help{margin:0!important;padding:.2rem 1rem 1rem;color:var(--muted)!important;font-size:.78rem!important}.compare-stage.lens-mode .compare-after{clip-path:inset(calc(var(--lens-y) - 22%) calc(100% - var(--lens-x) - 18%) calc(100% - var(--lens-y) - 22%) calc(var(--lens-x) - 18%))}.compare-lens{position:absolute;left:calc(var(--lens-x) - 18%);top:calc(var(--lens-y) - 22%);width:36%;height:44%;border:2px solid white;background:transparent;color:#fff;box-shadow:0 0 0 1px #071d3540;font-size:1.7rem;text-shadow:0 1px 4px #000;cursor:grab;touch-action:none;border-radius:0}.compare-lens:active{cursor:grabbing}.example-nav{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid #dbe5ec;background:#edf5fa;gap:.7rem}.example-nav button{width:42px;height:42px;border:1px solid #bfd1de;background:white;border-radius:50%;color:var(--navy)}.example-nav button:disabled{opacity:.35;cursor:default}.example-nav span{font-weight:650;font-size:.8rem}
@media(max-width:1000px){.nav-links{gap:.8rem;font-size:.85rem}.brand-logo{width:240px;max-width:40vw}.hero-layout{gap:2rem}.hero-photo>img{height:460px}.hero-actions{display:grid}.trust-grid{grid-template-columns:repeat(2,1fr)}.results-layout{gap:2rem}.service-copy{padding:1.6rem}.contact-card{grid-template-columns:1fr}.contact-side{border-left:0;border-top:1px solid #ffffff25;display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:900px){.nav{min-height:82px;height:auto;padding:.7rem 0;flex-wrap:wrap;gap:0}.menu-toggle:not([hidden]){display:flex;gap:.7rem;align-items:center;border:1px solid #c3d6e2;border-radius:6px;background:#fff;color:var(--navy);min-height:44px;padding:.5rem .7rem}.nav-links{display:none;width:100%;padding:1rem 0 .4rem;gap:.7rem}.nav-links.is-open{display:grid;grid-template-columns:1fr 1fr}.nav-links a:not(.button){display:block;padding:.65rem}.nav-links .button{grid-column:1/-1}.hero-layout{grid-template-columns:1fr 1fr}.hero h1{font-size:2.7rem}.service-featured{grid-template-columns:1fr 1.15fr}.service-index{grid-template-columns:repeat(2,1fr)}.about-grid,.faq-layout{gap:2rem}.hero-photo{border-radius:60px 8px 8px 8px}}
@media(max-width:650px){.wrap{width:calc(100% - 32px)}section,#leistungen{padding:3.3rem 0}.topbar .location-line{font-size:.73rem}.brand-logo{width:230px;max-width:65vw}.hero-layout{grid-template-columns:1fr;padding-top:28px;padding-bottom:24px;gap:1.5rem}.hero .hero-content{padding:0}.hero h1{font-size:clamp(2.25rem,9vw,3.3rem);margin:1rem 0}.hero p{font-size:1rem;margin-bottom:1.4rem}.hero .eyebrow{font-size:.7rem}.hero-actions{grid-template-columns:1fr;gap:.6rem}.hero-note{margin-top:1.1rem;font-size:.74rem}.hero-photo{border-radius:48px 8px 8px 8px}.hero-photo>img{height:270px}.photo-label{padding:2.5rem 1.2rem 1rem}.photo-label strong{font-size:1.15rem}.trust-item{padding:1.2rem .6rem}.trust-item strong{font-size:.9rem}.trust-item p{font-size:.78rem;line-height:1.5}.results-layout,.faq-layout,.about-grid,.region-box{grid-template-columns:1fr;gap:1.8rem}.results h2{font-size:2.5rem;margin:.7rem 0 1rem}.results-copy p{font-size:1rem}.results-copy .results-note{margin:1rem 0}.feature-comparison .compare-stage{aspect-ratio:3/4}.service-index{grid-template-columns:1fr 1fr}.service-index a{font-size:.78rem;padding:.9rem .4rem;gap:.45rem}.service-index span{font-size:.7rem}.service-featured{grid-template-columns:1fr}.service-copy{padding:1.5rem}.service h3{font-size:1.6rem}.service-grid{gap:1.5rem}#leistungen .services-intro{padding:0;gap:1rem}.compare-stage{aspect-ratio:4/5}.compare-toolbar{padding:.8rem .8rem .4rem}.comparison-text{padding:1.1rem}.contact-main{padding:1.5rem}.contact-side{grid-template-columns:1fr;padding:1.5rem}.contact-actions{display:grid;gap:.7rem}.contact-actions .button{font-size:.9rem}.faq h2{font-size:2.3rem}.mobile-contact{position:fixed;bottom:0;left:0;right:0;z-index:25;display:grid;grid-template-columns:.8fr 1.2fr;background:white;border-top:1px solid #c3d6e2;padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));gap:.6rem}.mobile-contact a{text-align:center;padding:.6rem;background:#edf6fb;color:var(--navy);font-size:.85rem;font-weight:750;text-decoration:none;border-radius:5px}.mobile-contact a:last-child{background:var(--blue);color:white}body{padding-bottom:calc(75px + env(safe-area-inset-bottom))}.footer-email{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.compare-stage:not(.lens-mode){touch-action:pan-y;cursor:ew-resize}

/* Service radius around Bad Orb. */
.region .eyebrow{color:var(--blue)}.region .region-beyond{margin:1.4rem 0 1.6rem}.region-beyond strong{color:var(--navy)}.radius-figure{margin:0;min-width:0}.radius-visual{display:block;width:100%;height:auto;max-width:500px;margin:auto;font-family:inherit}.radius-figure figcaption{text-align:center;font-size:.75rem;color:var(--muted);margin:.2rem 0 0}.region-box{grid-template-columns:1.1fr 1fr}.radius-visual text{font-family:inherit}@media(max-width:650px){.region-box{grid-template-columns:1fr}.radius-figure{max-width:420px;width:100%;margin:auto}.region .button{width:100%}}

/* Georeferenced satellite imagery, replacing the schematic radius. */
.region-box{grid-template-columns:.82fr 1.18fr;gap:3rem}.satellite-figure{width:100%;max-width:none}.satellite-frame{position:relative;border-radius:14px;overflow:hidden;border:1px solid #b4d4e4;box-shadow:0 18px 45px #071d351c;background:#163b2a}.satellite-frame>svg{display:block;width:100%;height:auto}.satellite-caption{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem 1.25rem;background:linear-gradient(transparent,#071d35ed);color:white;pointer-events:none}.satellite-caption span{display:block;font-size:.65rem;letter-spacing:.16em;color:#b2e6fc}.satellite-caption strong{display:block;font-size:1.1rem;margin-top:.25rem}.satellite-figure figcaption{padding:.8rem .2rem 0;text-align:left;line-height:1.5}.satellite-figure figcaption>span{display:block;font-size:.8rem;font-weight:600;color:var(--navy)}.satellite-figure figcaption small{display:block;font-size:.65rem;margin-top:.4rem}.satellite-figure figcaption a{color:inherit}@media(max-width:900px){.region-box{grid-template-columns:1fr;gap:1.8rem}.satellite-figure{max-width:740px;margin-inline:auto}}@media(max-width:650px){.satellite-caption{padding:2rem 1rem 1rem}.satellite-caption strong{font-size:.95rem}.satellite-figure figcaption>span{font-size:.75rem}}
