:root{--navy:#071b27;--blue:#0e5d82;--cyan:#9ce6ee;--paper:#f2f7f7;--ink:#0b2028;--line:rgba(8,32,40,.16);font-family:Inter,"Segoe UI",system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-width:320px;line-height:1.55}.skip{position:fixed;top:-5rem;left:1rem;background:#fff;padding:.7rem;z-index:99}.skip:focus{top:1rem}header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:1rem clamp(1rem,4vw,4rem);background:rgba(242,247,247,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:.55rem;text-decoration:none}.brand span{font-weight:950;font-size:1.55rem;letter-spacing:-.07em}.brand small{text-transform:uppercase;letter-spacing:.16em;font-size:.62rem}nav{display:flex;justify-content:center;gap:2rem}nav a,.call{text-decoration:none;font-weight:750}.call{background:var(--navy);color:#fff;padding:.7rem 1rem;border-radius:999px}.menu{display:none}.hero{max-width:1580px;margin:auto;min-height:88svh;padding:clamp(4rem,8vw,9rem) clamp(1rem,6vw,7rem);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,7vw,8rem);align-items:center}.hero h1,.page-hero h1{font-size:clamp(3rem,7.3vw,7.5rem);letter-spacing:-.065em;line-height:.91;margin:.25em 0}.lead{font-size:clamp(1.15rem,2vw,1.55rem);max-width:780px;color:#3b555e}.eyebrow{text-transform:uppercase;font-size:.72rem;letter-spacing:.18em;font-weight:900;color:var(--blue)}.ctas{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0}.ctas a{min-height:49px;padding:.85rem 1.2rem;border-radius:999px;text-decoration:none;font-weight:850}.primary{background:var(--blue);color:#fff}.secondary{border:1px solid var(--ink)}.note{padding:1rem 1.2rem;border-left:4px solid #d2543f;background:#fff6f2}.water-art{aspect-ratio:4/5;border-radius:40% 60% 55% 45%/45% 40% 60% 55%;display:grid;place-items:center;background:radial-gradient(circle at 35% 20%,#d9ffff,transparent 13%),linear-gradient(155deg,#19a8bf,#082d48);box-shadow:0 30px 90px rgba(10,70,92,.25);transform:rotate(3deg)}.water-art span{font-size:clamp(4rem,10vw,10rem);font-weight:950;color:rgba(255,255,255,.88)}.now,.qualification,.content{max-width:1350px;margin:auto;padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,5rem)}.now h2,.qualification h2,.content h2{font-size:clamp(2rem,4.5vw,4.6rem);line-height:1;margin:.25em 0}.now ol,.timeline{list-style:none;padding:0;counter-reset:steps}.now li,.timeline li{counter-increment:steps;display:grid;grid-template-columns:3rem 1fr;padding:1.2rem 0;border-bottom:1px solid var(--line)}.now li:before,.timeline li:before{content:counter(steps,decimal-leading-zero);font-weight:950;color:var(--blue)}.now strong,.now span,.timeline strong,.timeline span{grid-column:2}.now span,.timeline span{color:#557078}.services{padding:0 clamp(1rem,4vw,4rem) clamp(4rem,8vw,8rem);display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.services article{min-height:360px;padding:2rem;border-radius:28px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}.services h2{font-size:clamp(1.7rem,3vw,3rem);line-height:1}.services a{margin-top:auto;font-weight:800}.qualification{display:grid;grid-template-columns:1fr 1fr;gap:4rem;background:var(--navy);color:#fff;max-width:none}.qualification .eyebrow{color:var(--cyan)}.qualification a{color:var(--cyan);font-weight:800}.page-hero{max-width:1450px;margin:auto;padding:clamp(5rem,10vw,10rem) clamp(1rem,6vw,7rem);min-height:62svh;display:flex;flex-direction:column;justify-content:center}.content{max-width:950px;font-size:1.12rem}.content blockquote{font-size:clamp(1.4rem,3vw,2.2rem);border-left:5px solid var(--cyan);margin:2rem 0;padding:1rem 0 1rem 2rem}.warning{padding:1.5rem;border:2px solid #cf6b32;border-radius:20px;background:#fff6ef}footer{background:var(--navy);color:#fff;padding:clamp(3rem,6vw,6rem) clamp(1rem,4vw,4rem) 7rem;display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:3rem}footer h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--cyan)}footer a{display:block;color:#fff;margin:.6rem 0}.mobile{display:none}
@media(max-width:900px){header{grid-template-columns:auto auto 1fr}.menu{display:block;justify-self:end;border:1px solid var(--line);border-radius:999px;background:#fff;padding:.55rem .8rem;font-weight:750}nav{display:none;position:absolute;top:100%;left:0;right:0;padding:1rem;background:var(--paper);flex-direction:column}nav[data-open]{display:flex}.call{justify-self:end}.hero{grid-template-columns:1fr}.water-art{max-height:560px}.services{grid-template-columns:1fr}.qualification{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.mobile{position:fixed;z-index:25;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;padding:.55rem;background:rgba(7,27,39,.95);gap:.5rem}.mobile a{text-align:center;padding:.75rem;border-radius:999px;background:#fff;color:var(--navy);font-weight:850;text-decoration:none}.mobile a:last-child{background:var(--cyan)}}
@media(max-width:560px){html,body{max-width:100%;overflow-x:hidden}header{padding:.7rem;gap:.5rem}.call{display:none}.brand small{font-size:.5rem}.hero,.page-hero{padding:4rem 1rem;min-width:0}.hero>div{min-width:0}.hero h1{font-size:clamp(2rem,9vw,3.4rem);overflow-wrap:normal;word-break:normal;hyphens:none}.page-hero h1{font-size:clamp(1.35rem,7vw,2.6rem);overflow-wrap:normal;word-break:normal;hyphens:none}.lead,.note{overflow-wrap:normal;word-break:normal;hyphens:none}.water-art{aspect-ratio:4/3}footer{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:1ms!important;animation-duration:1ms!important;scroll-behavior:auto!important}}
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-bold.woff2') format('woff2');font-weight:700 950;font-display:swap}
body{min-width:0}
@media(max-width:560px){h1,h2,h3{overflow-wrap:normal;word-break:normal;hyphens:none}}
@media(max-width:560px){.now h2,.qualification h2,.content h2,.services h2{font-size:clamp(1.25rem,6.5vw,2.25rem);overflow-wrap:normal;word-break:normal;hyphens:none}}
@media(max-width:360px){header .brand small{display:none}}
:root{--navy:#071b27;--blue:#042b60;--cyan:#8fb5e3;--paper:#f3f6fa;--ink:#1f252b;--line:rgba(4,43,96,.16);font-family:Poppins,"Segoe UI",system-ui,sans-serif}
.brand img{display:block;width:clamp(145px,13vw,230px);height:auto}.brand small{padding:.3rem .55rem;border-radius:999px;background:#dceafb;color:#042b60;font-weight:700;letter-spacing:.08em}.brand--footer{flex-direction:column;align-items:flex-start}.brand--footer img{filter:drop-shadow(0 4px 10px rgba(0,0,0,.24))}.brand--footer small{margin-top:.45rem}
.water-art{position:relative;margin:0;width:100%;max-width:620px;justify-self:center;aspect-ratio:4/5;border-radius:clamp(28px,5vw,64px);display:block;overflow:hidden;background:#dfe7ee;box-shadow:0 30px 90px rgba(10,70,92,.25);transform:none}.water-art picture,.water-art img{display:block;width:100%;height:100%}.water-art img{object-fit:cover}.ai-label{position:absolute;right:.8rem;bottom:.8rem;display:flex;align-items:center;gap:.5rem;padding:.42rem .65rem;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(4,20,38,.8);backdrop-filter:blur(8px);color:#fff;font-size:.68rem;font-weight:600}.ai-label span{display:grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:50%;background:#fff;color:#042b60;font-size:.58rem;font-weight:800}
@media(max-width:560px){.brand img{width:132px}.brand small{font-size:.44rem;padding:.22rem .38rem}.water-art{aspect-ratio:4/3}}
.link-button{display:block;margin:.6rem 0;padding:0;border:0;background:none;color:#fff;font:inherit;text-decoration:underline;cursor:pointer}.consent{max-width:560px;border:0;border-radius:24px;padding:2rem;box-shadow:0 22px 80px rgba(7,27,39,.24)}.consent::backdrop{background:rgba(5,17,26,.68);backdrop-filter:blur(6px)}.consent div{display:flex;justify-content:flex-end;gap:.6rem}.consent button{padding:.8rem 1rem;border-radius:999px;border:1px solid var(--line);font:700 .85rem Poppins;background:#fff;color:var(--ink)}
@media(max-width:560px){.consent{width:calc(100% - 1rem);padding:1.2rem}.consent div{flex-direction:column}}
.ws-process{max-width:1450px;margin:0 auto clamp(5rem,10vw,10rem);padding:clamp(2rem,6vw,6rem);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,7vw,7rem);border-radius:clamp(1.5rem,4vw,3.5rem);background:var(--navy);color:#fff}.ws-process .eyebrow{color:var(--cyan)}.ws-process h2,.ws-knowledge h2{font-size:clamp(2.2rem,5vw,5rem);line-height:.98;margin:.2em 0}.ws-process a{color:var(--cyan);font-weight:700}.ws-process ol{list-style:none;padding:0;margin:0}.ws-process li{display:grid;grid-template-columns:3rem 1fr;gap:.35rem 1rem;padding:1.2rem 0;border-bottom:1px solid rgba(255,255,255,.16)}.ws-process li span{grid-row:span 2;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--cyan);color:var(--navy);font-weight:800}.ws-process li p{margin:0;color:#bfd0db}.ws-knowledge{max-width:1350px;margin:0 auto;padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,5rem);display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(2rem,7vw,7rem)}.knowledge-grid{display:grid;gap:.8rem}.knowledge-grid a{display:grid;gap:.35rem;padding:1.4rem;border:1px solid var(--line);border-radius:1.2rem;background:#fff;text-decoration:none}.knowledge-grid strong{font-size:1.1rem}.knowledge-grid span{color:#557078}.faq-list details{padding:1.4rem 0;border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font-weight:700;font-size:clamp(1rem,1.7vw,1.25rem)}.faq-list details p{color:#557078}.checklist ol{list-style:none;padding:0;counter-reset:check}.checklist li{counter-increment:check;display:grid;grid-template-columns:3rem 1fr;gap:.35rem 1rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}.checklist li:before{content:counter(check,decimal-leading-zero);grid-row:span 2;font-weight:800;color:var(--blue)}.checklist li span{color:#557078}nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.35rem}
@media(max-width:900px){.ws-process,.ws-knowledge{grid-template-columns:1fr}.ws-process{margin-inline:1rem}}
@media(max-width:560px){.ws-process{margin-inline:.6rem;padding:2rem 1rem}.ws-process h2,.ws-knowledge h2{font-size:clamp(1.7rem,9vw,2.8rem)}}
@media(max-width:560px){.qualification{grid-template-columns:minmax(0,1fr)}.qualification>div{min-width:0}.qualification h2{font-size:clamp(1.05rem,5.5vw,1.8rem)}}

/* 2026-07-12: Marken-, AI- und Consent-Abnahme */
.hero h1{font-size:clamp(2.7rem,4.3vw,4.7rem);line-height:.95;max-width:14ch}
.brand--footer img{filter:none;width:min(285px,100%)}
.ai-label{width:1.65rem;height:1.65rem;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(4,20,38,.38);backdrop-filter:blur(4px);opacity:.66}
.ai-label span{width:100%;height:100%;background:transparent;color:#fff;font-size:.58rem;letter-spacing:.04em}
.consent{width:min(720px,calc(100vw - 1rem));max-width:calc(100vw - 1rem);max-height:min(92vh,850px);overflow-x:hidden;overflow-y:auto;padding:clamp(1.25rem,4vw,2.4rem);margin:auto}
.consent h2{font-size:clamp(1.5rem,6vw,2.4rem);line-height:1.08;letter-spacing:-.035em;hyphens:none}
.consent form>p{max-width:62ch}.consent__categories{display:grid!important;gap:.65rem;margin:1.4rem 0}
.consent__categories label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:18px;background:#fff}
.consent__categories span{display:grid;min-width:0;gap:.2rem}.consent__categories small{color:#557078;line-height:1.4}.consent__categories input{width:1.35rem;height:1.35rem;accent-color:var(--blue)}
.consent__details{font-size:.9rem}.consent__actions{position:sticky;z-index:2;bottom:0;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem!important;margin-top:.5rem;padding:.75rem 0 .2rem;border-top:1px solid var(--line);background:#fff}.consent__actions button{min-height:48px}.consent__actions button:first-child,.consent__actions button:last-child{border-color:var(--blue);background:var(--blue);color:#fff}
@media(max-width:650px){.consent{inline-size:calc(100vw - 2rem)!important;min-inline-size:0!important;max-inline-size:calc(100vw - 2rem)!important;padding:1rem}.consent form,.consent__categories,.consent__categories label{width:100%;max-width:100%;min-width:0;overflow:hidden}.consent p,.consent small,.consent a{white-space:normal;word-break:normal;hyphens:none}.consent__actions{grid-template-columns:1fr}.consent__categories{margin:1rem 0}.consent__categories label{grid-template-columns:minmax(0,1fr) 1.35rem;align-items:start;padding:.8rem}.consent__actions button{width:100%}}

/* Ausgebaute Wasserschaden-Journey */
h1,h2,h3{hyphens:none;word-break:normal;overflow-wrap:normal}.hours{font-weight:750}.ws-person,.final-contact{max-width:1350px;margin:0 auto;padding:clamp(3rem,7vw,7rem) clamp(1rem,5vw,5rem)}.ws-person{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,7vw,7rem);align-items:center}.person-mark{min-height:300px;padding:2rem;border-radius:32px;background:var(--navy);color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.person-mark>span{font-size:clamp(4rem,9vw,8rem);font-weight:950;line-height:.8;color:var(--cyan)}.person-mark>strong{font-size:1.5rem;margin-top:1rem}.person-mark>small{opacity:.68}.final-contact{max-width:none;text-align:center;background:#dceafb}.final-contact h2{font-size:clamp(2.2rem,5vw,5rem);line-height:.95;margin:.2em 0}.final-contact .ctas{justify-content:center}.content--rich{max-width:1200px}.content--rich>section{margin:0 0 clamp(4rem,8vw,8rem)}.safety-grid,.photo-guide,.measure-grid,.drying-flow,.contact-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.safety-grid article,.photo-guide article,.measure-grid article,.drying-flow article{padding:clamp(1.4rem,3vw,2.2rem);border:1px solid var(--line);border-radius:24px;background:#fff}.safety-grid article>span,.photo-guide article>span,.measure-grid article>span{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:50%;background:var(--blue);color:#fff;font-weight:800}.safety-grid h2,.photo-guide h2,.measure-grid h2,.drying-flow h2{font-size:clamp(1.35rem,2.6vw,2.3rem);margin-top:1.2rem}.process-result{padding:2rem;border-radius:24px;background:var(--navy);color:#fff}.qualification-detail,.area-facts,.ai-explainer{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,7vw,7rem);align-items:start}.qualification-detail>*{min-width:0}.qualification-detail h2{font-size:clamp(1.45rem,2.6vw,2.7rem)}.contact-options a{padding:1.6rem;border:1px solid var(--line);border-radius:22px;background:#fff;text-decoration:none;display:grid;gap:.35rem}.contact-options a span{color:#557078}.contact-options .contact-primary{background:var(--blue);color:#fff}.contact-options .contact-primary span{color:rgba(255,255,255,.76)}.area-facts>div:first-child{padding:2rem;border-radius:28px;background:var(--navy);color:#fff}.area-facts>div:first-child span{font-size:clamp(3.5rem,9vw,7rem);font-weight:950;line-height:.8;color:var(--cyan)}.ai-sample{display:grid;place-items:center;width:min(220px,60vw);aspect-ratio:1;border-radius:50%;background:var(--navy);color:rgba(255,255,255,.82);font-size:clamp(2rem,6vw,4rem);font-weight:900}.next-links{display:flex;flex-wrap:wrap;gap:.7rem}.next-links a{padding:.75rem 1rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-weight:750}.mobile{transform:translateY(120%);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}.mobile.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}
@media(max-width:760px){.ws-person,.qualification-detail,.area-facts,.ai-explainer{grid-template-columns:1fr}.safety-grid,.photo-guide,.measure-grid,.drying-flow,.contact-options{grid-template-columns:1fr}}
@media(max-width:560px){.qualification-detail h2{font-size:clamp(.95rem,4.8vw,1.2rem);letter-spacing:-.025em}.qualification-detail blockquote{font-size:clamp(.85rem,4.2vw,1rem);padding-left:1rem}}
@media(prefers-reduced-motion:reduce){.mobile{transition:none}}
.ws-evidence{max-width:1450px;margin:0 auto clamp(5rem,10vw,10rem);padding:clamp(1rem,4vw,4rem);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,7vw,7rem);align-items:center}.ws-evidence--reverse{grid-template-columns:1.2fr .8fr;background:#e5eef7;border-radius:clamp(1.5rem,4vw,3.5rem)}.ws-evidence--reverse>div{order:2}.ws-evidence h2{font-size:clamp(2.2rem,5vw,5.2rem);line-height:.98;letter-spacing:-.05em}.ws-evidence a{font-weight:800;color:var(--blue)}.ws-evidence figure,.page-feature{position:relative;margin:0;border-radius:clamp(1.5rem,4vw,3rem);overflow:hidden;background:#dce6ef}.ws-evidence img,.page-feature img{display:block;width:100%;height:100%;object-fit:cover}.ws-evidence figure{aspect-ratio:1}.page-feature{width:min(760px,100%);aspect-ratio:16/10;margin:0 auto clamp(3rem,6vw,6rem)}.page-feature img{object-position:center 62%}@media(max-width:850px){.ws-evidence,.ws-evidence--reverse{grid-template-columns:1fr;margin-inline:1rem}.ws-evidence--reverse>div{order:0}}@media(max-width:560px){.ws-evidence,.ws-evidence--reverse{margin-inline:.6rem;padding:1rem}.ws-evidence h2{font-size:clamp(1.7rem,9vw,2.8rem)}}
h1,h2,h3{hyphens:none;word-break:normal;overflow-wrap:normal;text-wrap:balance}.page-hero h1{font-size:clamp(2.2rem,6.2vw,5.6rem)}.content h2{font-size:clamp(1.35rem,2.2vw,3rem)}.qualification-detail h2{font-size:clamp(1.3rem,2.2vw,2.2rem)}.area-facts h2{font-size:clamp(1.15rem,1.8vw,1.75rem)}.drying-flow h2{font-size:clamp(1.25rem,2vw,2.2rem)}@media(max-width:900px){.qualification-detail blockquote{font-size:clamp(1rem,2.35vw,1.35rem)}}@media(max-width:820px){.area-facts{grid-template-columns:1fr}}@media(max-width:560px){.page-hero h1{font-size:clamp(1.2rem,6.2vw,2.4rem)}.content h2{font-size:clamp(1.05rem,5.85vw,2.2rem)}}
.menu,.link-button,.qualification a,.qualification-detail a{min-height:44px;align-items:center}.link-button,.qualification a,.qualification-detail a{display:inline-flex}
@media(pointer:coarse){nav a,footer a,footer button,.content a{display:inline-flex;align-items:center;min-height:44px}}

/* 2026-07-16: moderne Wasserschaden-Journey, echte Ansprechpartner und Mikrointeraktionen */
body{background:var(--paper);color:var(--ink)}
body.menu-open{overflow:hidden}
a{color:var(--blue);text-decoration-thickness:.1em;text-underline-offset:.18em}
header{grid-template-columns:minmax(160px,245px) 1fr auto;gap:clamp(1rem,3vw,2.8rem);padding:.85rem clamp(1rem,4vw,4rem);transition:padding .28s ease,box-shadow .28s ease,background .28s ease}
header.is-scrolled{padding-block:.58rem;background:rgba(243,246,250,.96);box-shadow:0 14px 42px rgba(7,27,39,.1)}
header .brand img{width:min(230px,100%)}
nav{gap:clamp(.65rem,2.1vw,2rem)}
nav a{position:relative;padding:.55rem .1rem;color:var(--ink);font-size:clamp(.78rem,.95vw,.96rem);white-space:nowrap;transition:color .2s ease,transform .2s ease}
nav a::after{content:"";position:absolute;left:0;right:100%;bottom:.18rem;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--blue),#35a9c2);transition:right .25s ease}
nav a:hover,nav a:focus-visible,nav a[aria-current=page]{color:var(--blue);transform:translateY(-1px);text-decoration:none}
nav a:hover::after,nav a:focus-visible::after,nav a[aria-current=page]::after{right:0}
.call{box-shadow:0 10px 28px rgba(4,43,96,.18);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.call:hover,.call:focus-visible{transform:translateY(-2px);background:#0b4e7b;box-shadow:0 15px 34px rgba(4,43,96,.28)}
.menu{align-items:center;gap:.65rem;min-width:48px;min-height:48px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:700 .82rem Poppins;cursor:pointer}
.menu__icon{display:grid;width:21px;height:17px;align-content:space-between}
.menu__icon i{display:block;width:100%;height:2px;border-radius:2px;background:currentColor;transform-origin:center;transition:transform .25s ease,opacity .18s ease,width .25s ease}
.menu[aria-expanded=true] .menu__icon i:first-child{transform:translateY(7.5px) rotate(45deg)}
.menu[aria-expanded=true] .menu__icon i:nth-child(2){width:0;opacity:0}
.menu[aria-expanded=true] .menu__icon i:last-child{transform:translateY(-7.5px) rotate(-45deg)}
.hero,.page-hero{position:relative;isolation:isolate;background-image:linear-gradient(110deg,rgba(243,246,250,.97),rgba(243,246,250,.74)),url('/assets/img/team/hintergrund1.webp');background-size:auto,780px auto;background-position:center,center;overflow:hidden}
.hero::before,.page-hero::before{content:"";position:absolute;z-index:-1;width:44vw;max-width:680px;aspect-ratio:1;right:-12vw;top:-20%;border-radius:46% 54% 66% 34%/52% 43% 57% 48%;background:radial-gradient(circle at 38% 34%,rgba(156,230,238,.55),rgba(4,43,96,.08) 52%,transparent 68%);filter:blur(2px);animation:water-breathe 9s ease-in-out infinite alternate}
.hero>div{position:relative;z-index:2}
.hero h1{max-width:13.5ch;text-wrap:balance}.hero-line{display:block;margin-top:.08em;color:var(--blue);font-size:.82em;white-space:nowrap}
.water-art{border-radius:46% 54% 58% 42%/38% 41% 59% 62%;box-shadow:0 35px 95px rgba(4,43,96,.24),0 0 0 12px rgba(255,255,255,.56);transition:transform .55s cubic-bezier(.2,.75,.2,1),border-radius .55s ease}
.water-art:hover{transform:translateY(-8px) rotate(.7deg);border-radius:52% 48% 42% 58%/45% 55% 45% 55%}
.ctas a{display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 25px rgba(4,43,96,.08);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.ctas a:hover,.ctas a:focus-visible{transform:translateY(-2px);box-shadow:0 16px 32px rgba(4,43,96,.18)}
.secondary{background:rgba(255,255,255,.78);color:var(--ink)}
.section--textured{position:relative;background-color:#e8eef4;background-image:linear-gradient(110deg,rgba(232,238,244,.94),rgba(232,238,244,.78)),url('/assets/img/team/hintergrund1.webp');background-size:auto,720px auto}
.ws-person{max-width:1450px;margin-block:clamp(2rem,5vw,5rem);border-radius:clamp(1.4rem,4vw,3.4rem);overflow:hidden}
.ws-person h2{font-size:clamp(2rem,4.6vw,4.8rem);line-height:.98;letter-spacing:-.05em;margin:.2em 0}
.text-link{display:inline-flex;align-items:center;gap:.65rem;margin-top:1rem;font-weight:800;text-decoration:none}
.text-link span{transition:transform .2s ease}
.text-link:hover span,.text-link:focus-visible span{transform:translateX(.35rem)}
.person-photo{position:relative;margin:0;min-width:0;border-radius:clamp(1.3rem,3vw,2.7rem);overflow:hidden;background:#dce6ef;box-shadow:0 24px 70px rgba(7,27,39,.15)}
.person-photo img{display:block;width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 23%}
.person-photo figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;display:grid;gap:.18rem;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.35);border-radius:1rem;background:rgba(7,27,39,.76);backdrop-filter:blur(10px);color:#fff}
.person-photo figcaption span{font-size:.74rem;color:#d9e8f2}
.services article{position:relative;overflow:hidden;box-shadow:0 12px 35px rgba(7,27,39,.06);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.services article::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 58%,rgba(143,181,227,.2));pointer-events:none}
.services article:hover{transform:translateY(-6px);box-shadow:0 22px 52px rgba(7,27,39,.13);border-color:rgba(4,43,96,.32)}
.services article a,.knowledge-grid a,.content .next-links a{position:relative;z-index:1;display:flex!important;align-items:center;justify-content:space-between;gap:1rem;min-height:52px;padding:.8rem 1rem;border-radius:.9rem;background:#e7f0fa;color:var(--blue);font-weight:800;text-decoration:none}
.services article a::after,.knowledge-grid a::after,.content .next-links a::after{content:"→";font-size:1.25em;transition:transform .2s ease}
.services article a:hover::after,.knowledge-grid a:hover::after,.content .next-links a:hover::after{transform:translateX(.3rem)}
.knowledge-grid a{display:grid!important;grid-template-columns:minmax(0,1fr) 2rem;padding:1.25rem 1.35rem;box-shadow:0 8px 22px rgba(7,27,39,.05);transition:transform .2s ease,box-shadow .2s ease}
.knowledge-grid a:hover{transform:translateX(.35rem);box-shadow:0 13px 30px rgba(7,27,39,.11)}
.knowledge-grid strong,.knowledge-grid span{grid-column:1}.knowledge-grid a::after{grid-column:2;grid-row:1/3;align-self:center}
.qualification-story{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(2rem,7vw,7rem);align-items:start}
.person-photo--qualification{position:sticky;top:7rem}
.qualification-story .story-lead{font-size:clamp(1.25rem,2.3vw,1.8rem);line-height:1.4;color:var(--blue)}
.qualification-story p{max-width:68ch}
.qualification-proof{padding:clamp(2rem,5vw,4rem);border-radius:clamp(1.2rem,3vw,2.4rem)}
.qualification-proof>div{max-width:900px;margin:auto}
.qualification-proof blockquote{margin:1.6rem 0;padding:1.2rem 0 1.2rem clamp(1rem,3vw,2rem);border-left:4px solid var(--blue);font-size:clamp(1.05rem,2.1vw,1.45rem);line-height:1.6}
.document-link{display:grid!important;grid-template-columns:1fr auto;gap:.2rem 1rem;align-items:center;max-width:620px;padding:1.1rem 1.2rem;border:1px solid rgba(4,43,96,.18);border-radius:1rem;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 10px 28px rgba(7,27,39,.07);transition:transform .2s ease,box-shadow .2s ease}
.document-link span{font-weight:800}.document-link small{color:#557078}.document-link i{grid-column:2;grid-row:1/3;font-style:normal;font-size:1.5rem;color:var(--blue)}
.document-link:hover{transform:translateY(-3px);box-shadow:0 17px 35px rgba(7,27,39,.13)}
.thomas-signoff{max-width:900px;margin:clamp(3rem,7vw,7rem) auto;text-align:center}
.thomas-signoff p{font-size:clamp(1.35rem,3vw,2.25rem);line-height:1.35}
.thomas-signoff strong,.thomas-signoff span{display:block}.thomas-signoff strong{font-size:1.1rem}.thomas-signoff span{color:#557078}
.area-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:clamp(2rem,7vw,7rem);padding:clamp(2rem,5vw,4rem);border-radius:clamp(1.2rem,3vw,2.4rem)}
.area-intro h2,.area-region h2{font-size:clamp(2rem,4.3vw,4.6rem);line-height:1;letter-spacing:-.05em;margin:.2em 0}
.area-intro aside{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:1.5rem;border-radius:1.2rem;background:var(--navy);color:#fff}
.area-intro aside strong{font-size:1.25rem;margin-bottom:.55rem}.area-intro aside a{margin-top:1rem;color:var(--cyan);font-weight:700;text-decoration:none}
.area-region{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,7vw,7rem);align-items:center}
.place-cloud{display:flex;flex-wrap:wrap;gap:.7rem}
.place-cloud span{padding:.72rem 1rem;border:1px solid rgba(4,43,96,.2);border-radius:999px;background:#fff;box-shadow:0 6px 20px rgba(7,27,39,.05);font-weight:700}
.area-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.area-journey article{padding:1.6rem;border:1px solid var(--line);border-radius:1.4rem;background:#fff;box-shadow:0 10px 30px rgba(7,27,39,.05)}
.area-journey article>span{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:50%;background:var(--blue);color:#fff;font-weight:800}
.area-journey h2{font-size:clamp(1.3rem,2.2vw,2rem);margin:1rem 0 .4rem}
footer{position:relative;grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(180px,1fr));gap:clamp(2rem,4vw,4rem);padding-bottom:clamp(4rem,7vw,7rem);background:linear-gradient(145deg,#071b27,#0a2a3b 60%,#0b3852)}
footer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 0,rgba(143,181,227,.16),transparent 30%);pointer-events:none}
footer>div{position:relative;z-index:1}
footer h2{margin:0 0 1.1rem}
footer a{position:relative;color:#fff;text-decoration:none;transition:color .2s ease,transform .2s ease}
footer a:hover,footer a:focus-visible{color:var(--cyan);transform:translateX(.22rem)}
footer a strong,footer a small{display:block}
footer a small{margin-top:.1rem;color:#aac0ce;font-size:.68rem}
.footer-intro p{max-width:45ch;color:#d2dfe7}
.footer-call{display:inline-flex!important;align-items:center;gap:.65rem;margin-top:1rem!important;padding:.82rem 1rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);font-weight:800}
.footer-hours{color:#aac0ce;font-size:.82rem}
.link-button{text-decoration:none;text-align:left;transition:color .2s ease,transform .2s ease}.link-button:hover{color:var(--cyan);transform:translateX(.22rem)}
.water-fx{position:absolute;left:0;right:0;bottom:-5px;height:12px;pointer-events:none;overflow:visible}
.water-bead{position:absolute;bottom:1px;width:7px;height:7px;border-radius:60% 40% 65% 35%;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(43,164,202,.85));box-shadow:0 1px 5px rgba(4,43,96,.25);opacity:.7;animation:bead-shift 5s ease-in-out infinite alternate}
.water-bead--one{right:24%;}.water-bead--two{right:17%;width:5px;height:5px;animation-delay:-2s}.water-bead--three{right:8%;width:9px;height:9px;animation-delay:-3.7s}
.water-drop{position:fixed;z-index:19;top:72px;left:0;width:var(--drop-size);height:calc(var(--drop-size) * 1.35);border-radius:55% 45% 58% 42%/65% 64% 36% 35%;background:linear-gradient(150deg,rgba(255,255,255,.92),rgba(49,170,204,.78) 45%,rgba(4,43,96,.62));box-shadow:inset 2px 2px 3px rgba(255,255,255,.75),0 3px 7px rgba(4,43,96,.18);pointer-events:none;transform:translate3d(var(--drop-x),-12px,0) rotate(45deg);animation:water-fall var(--drop-time) cubic-bezier(.37,.08,.8,.63) forwards}
.water-drop::after{content:"";position:absolute;left:50%;top:45%;width:340%;height:42%;border:1.5px solid rgba(49,170,204,.7);border-radius:50%;opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.15);animation:water-splash var(--drop-time) linear forwards}
@keyframes water-fall{0%{opacity:0;transform:translate3d(var(--drop-x),-12px,0) rotate(45deg) scale(.72)}8%{opacity:.92}88%{opacity:.88}96%{opacity:.72;transform:translate3d(var(--drop-x),calc(100vh - 92px),0) rotate(45deg) scale(1)}100%{opacity:0;transform:translate3d(var(--drop-x),calc(100vh - 80px),0) rotate(45deg) scaleX(2.4) scaleY(.25)}}
@keyframes water-splash{0%,90%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.15)}96%{opacity:.72}100%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(1.25)}}
@keyframes bead-shift{to{transform:translateX(9px) scale(.78);opacity:.42}}
@keyframes water-breathe{to{transform:translate(-3vw,4vh) rotate(8deg) scale(1.08)}}

@media(max-width:1100px){header{grid-template-columns:minmax(145px,205px) 1fr auto;gap:1rem}nav{gap:.8rem}.call{padding:.65rem .8rem;font-size:.8rem}footer{grid-template-columns:1.25fr 1fr 1fr}.footer-intro{grid-column:1/-1}}
@media(max-width:900px){header{grid-template-columns:minmax(140px,1fr) auto;min-height:70px}.menu{display:inline-flex;grid-column:2;grid-row:1;justify-self:end}.call{display:none}nav{display:flex;position:fixed;z-index:-1;inset:70px 0 auto 0;max-height:calc(100dvh - 70px);overflow:auto;padding:1.1rem;flex-direction:column;gap:.35rem;background:rgba(243,246,250,.98);backdrop-filter:blur(18px);box-shadow:0 25px 55px rgba(7,27,39,.18);opacity:0;visibility:hidden;transform:translateY(-1rem);transition:opacity .24s ease,transform .24s ease,visibility .24s}.is-scrolled nav{inset-block-start:62px}nav[data-open]{opacity:1;visibility:visible;transform:translateY(0)}nav a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:.7rem .8rem;border-bottom:1px solid var(--line);font-size:1rem}nav a::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--cyan);opacity:0;transform:scale(.4);transition:opacity .2s ease,transform .2s ease}nav a:hover::before,nav a:focus-visible::before,nav a[aria-current=page]::before{opacity:1;transform:scale(1)}nav a::after{display:none}.water-bead--one{right:9rem}.water-bead--two{right:6.6rem}.water-bead--three{right:3.8rem}.hero{min-height:auto;padding-top:clamp(4.5rem,10vw,7rem)}.hero::before{width:80vw}.ws-person{margin-inline:1rem}.qualification-story,.area-intro,.area-region{grid-template-columns:1fr}.person-photo--qualification{position:relative;top:auto;max-width:520px}.area-journey{grid-template-columns:1fr}.content{font-size:1rem}footer{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1}}
@media(max-width:560px){.menu__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}header .brand img{width:min(176px,67vw)}.hero{padding-inline:1rem}.hero h1{font-size:clamp(2.05rem,10.2vw,3.45rem);line-height:.96}.hero-line{font-size:.88em;white-space:normal}.hero .lead{font-size:1.05rem}.water-art{box-shadow:0 22px 55px rgba(4,43,96,.18),0 0 0 7px rgba(255,255,255,.55)}.ws-person{padding:1rem;margin-inline:.6rem}.ws-person h2,.area-intro h2,.area-region h2{font-size:clamp(1.8rem,9vw,2.8rem)}.person-photo figcaption{left:.6rem;right:.6rem;bottom:.6rem}.qualification-proof,.area-intro{padding:1.2rem}.qualification-proof blockquote{font-size:1rem}.document-link{grid-template-columns:minmax(0,1fr) auto}.document-link small{font-size:.67rem}.place-cloud{gap:.5rem}.place-cloud span{padding:.58rem .78rem;font-size:.82rem}footer{grid-template-columns:1fr;padding-bottom:7rem}footer .brand--footer img{width:min(290px,92vw)}footer a strong{font-size:min(3.8vw,.92rem)}.water-drop{top:62px}.water-bead{opacity:.55}}
@media(prefers-reduced-motion:reduce){.hero::before,.water-bead{animation:none}.water-drop{display:none}.water-art:hover,nav a:hover,.services article:hover,.knowledge-grid a:hover,footer a:hover{transform:none}}

/* 2026-07-17: Brückenseite von der Wasserschadenhilfe zum RTS-Hausservice */
.page-hero--hausservice{min-height:70svh;background:radial-gradient(circle at 85% 20%,rgba(156,230,238,.38),transparent 28%),linear-gradient(135deg,#f4f8fa,#e3eef5)}
.page-hero--hausservice h1{max-width:13ch}
.content--hausservice{max-width:1450px}
.hausservice-story{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(2rem,7vw,7rem);align-items:center;padding:clamp(1.2rem,4vw,4rem);border-radius:clamp(1.5rem,4vw,3.5rem);overflow:hidden}
.hausservice-story figure{margin:0;overflow:hidden;border-radius:clamp(1.2rem,3vw,2.5rem);box-shadow:0 28px 75px rgba(7,27,39,.16)}
.hausservice-story img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.hausservice-story h2,.hausservice-worlds h2,.hausservice-final h2{font-size:clamp(2rem,4.8vw,5rem);line-height:.98;letter-spacing:-.05em;margin:.25em 0}
.hausservice-text-link{display:inline-flex;align-items:center;gap:.7rem;margin-top:1rem;font-weight:850;color:var(--blue);text-decoration:none}
.hausservice-text-link span{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:50%;background:var(--blue);color:#fff;transition:transform .2s ease}
.hausservice-text-link:hover span,.hausservice-text-link:focus-visible span{transform:translateX(.25rem)}
.hausservice-worlds{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(2rem,7vw,7rem);align-items:start}
.hausservice-worlds__intro{position:sticky;top:8rem}
.hausservice-worlds__grid{display:grid;gap:1rem}
.hausservice-worlds__grid a{min-height:240px;padding:clamp(1.4rem,3vw,2.4rem);border:1px solid var(--line);border-radius:clamp(1.3rem,3vw,2.3rem);background:#fff;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;box-shadow:0 14px 42px rgba(7,27,39,.06);transition:transform .24s ease,box-shadow .24s ease}
.hausservice-worlds__grid a:hover,.hausservice-worlds__grid a:focus-visible{transform:translateY(-5px);box-shadow:0 24px 60px rgba(7,27,39,.13)}
.hausservice-worlds__grid small{color:var(--blue);font-size:.7rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.hausservice-worlds__grid strong{max-width:22ch;margin:auto 0;font-size:clamp(1.45rem,2.8vw,2.8rem);line-height:1.08}
.hausservice-worlds__grid span{font-weight:850;color:var(--blue)}
.hausservice-final{padding:clamp(5rem,10vw,10rem) max(1rem,calc((100vw - 1150px)/2));text-align:center;background:#071b27;color:#fff}
.hausservice-final .eyebrow{color:var(--cyan)}
.hausservice-final p:not(.eyebrow){max-width:680px;margin-inline:auto;color:rgba(255,255,255,.78)}
.hausservice-final .ctas{justify-content:center}
.hausservice-final .primary{background:var(--cyan);color:var(--navy)}
.hausservice-final .secondary{border-color:rgba(255,255,255,.5);color:#fff}
@media(max-width:900px){.hausservice-story,.hausservice-worlds{grid-template-columns:1fr}.hausservice-worlds__intro{position:static}.page-hero--hausservice{min-height:auto}}
@media(max-width:560px){.page-hero--hausservice h1{font-size:clamp(2rem,10vw,3.2rem)}.hausservice-story{padding:1rem}.hausservice-worlds__grid a{min-height:210px}.hausservice-worlds__grid strong{font-size:clamp(1.35rem,7.4vw,2rem)}.hausservice-final h2{font-size:clamp(2rem,10vw,3.2rem)}}
.call{display:inline-flex;width:max-content;min-width:max-content;align-items:center;justify-content:center;white-space:nowrap}
.hausservice-story figure{align-self:center;aspect-ratio:3/2}
.hausservice-story img{height:100%}

/* 2026-07-19: vollstaendige Hausservice-Uebersicht und responsiver Feinschliff */
.hausservice-slogan{
  position:relative;
  overflow:hidden;
  margin-bottom:0!important;
  padding:clamp(3rem,7vw,7rem) clamp(1.25rem,6vw,6rem);
  border-radius:clamp(1.5rem,4vw,3.5rem);
  background:linear-gradient(135deg,#071b27,#093a59);
  color:#fff;
  text-align:center;
  box-shadow:0 30px 85px rgba(7,27,39,.2);
}
.hausservice-slogan:before{
  content:"";
  position:absolute;
  width:28rem;
  aspect-ratio:1;
  right:-12rem;
  top:-14rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(143,181,227,.48),transparent 68%);
}
.hausservice-slogan p{
  position:relative;
  margin:0 auto .4em;
  color:rgba(255,255,255,.78);
  font-size:clamp(1rem,2vw,1.45rem);
  font-weight:600;
}
.hausservice-slogan h2{
  position:relative;
  max-width:none;
  margin:0;
  color:#fff;
  font-size:clamp(2.25rem,6vw,6.2rem);
  line-height:.96;
  letter-spacing:-.055em;
}
.hausservice-slogan h2 span{color:var(--cyan)}

@media(max-width:1100px){
  footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem}
  .footer-intro{grid-column:1/-1}
  footer>div{min-width:0}
  .footer-contact,.footer-nav,.footer-legal{display:flex;flex-direction:column;align-items:stretch}
  footer h2{margin:0 0 .65rem}
  .footer-contact>a,.footer-nav>a,.footer-legal>a,.footer-legal>button{
    display:flex!important;
    width:100%;
    min-width:0;
    min-height:44px;
    margin:0;
    padding:.5rem 0;
    align-items:center;
    line-height:1.35;
  }
  .footer-contact>a.footer-contact__item{
    display:grid!important;
    grid-template-columns:minmax(0,1fr);
    align-items:start;
    justify-items:start;
    gap:.08rem;
  }
  .footer-contact__item strong,.footer-contact__item small{grid-column:1;display:block}
  .footer-contact__item strong{white-space:nowrap;font-size:1rem;line-height:1.25}
  .footer-contact__item--email strong{white-space:normal;overflow-wrap:anywhere;font-size:.9rem}
  .footer-contact__item small{margin:0;line-height:1.35}
  .ws-person{grid-template-columns:minmax(0,1fr) minmax(280px,380px)}
  .person-photo img{max-height:470px}
}
@media(max-width:760px){
  .ws-person{grid-template-columns:1fr}
  .person-photo{width:min(100%,440px);justify-self:center}
  .person-photo img{height:auto;max-height:none;aspect-ratio:4/3;object-position:center 20%}
  .qualification-story .person-photo{position:relative;top:auto}
}
@media(max-width:560px){
  .hausservice-slogan{padding:3rem 1.2rem}
  .hausservice-slogan h2{font-size:clamp(2rem,10.4vw,3.35rem)}
  footer{grid-template-columns:minmax(0,1fr);gap:0}
}

/* 2026-07-17: klare mobile Kopfzeile und sauber getrennte Footer-Bereiche */
@media(max-width:900px){
  header>.call{display:none!important}
  footer{gap:2.4rem}
  footer>div{min-width:0}
  .footer-contact,.footer-nav,.footer-legal{display:flex;flex-direction:column;align-items:stretch}
  footer h2{margin:0 0 .65rem}
  .footer-contact>a,.footer-nav>a,.footer-legal>a,.footer-legal>button{display:flex!important;width:100%;min-width:0;min-height:44px;margin:0;padding:.48rem 0;align-items:center;line-height:1.35}
  .footer-contact>a.footer-contact__item{display:grid!important;grid-template-columns:minmax(0,1fr);align-items:start;align-content:start;justify-items:start;gap:.08rem}
  .footer-contact__item strong,.footer-contact__item small{grid-column:1;display:block}
  .footer-contact__item strong{white-space:nowrap;font-size:1rem;line-height:1.25}
  .footer-contact__item--email strong{white-space:normal;font-size:.9rem}
  .footer-contact__item small{margin:0;line-height:1.35}
  .footer-hours{margin:.5rem 0 0}
  footer .footer-call{display:inline-flex!important;width:max-content;max-width:100%;padding:.82rem 1rem}
}
@media(max-width:560px){
  footer{grid-template-columns:minmax(0,1fr);gap:0;padding:3rem 1.25rem calc(7.5rem + env(safe-area-inset-bottom))}
  footer>div{width:100%}
  footer .brand--footer img{width:min(290px,100%);max-width:100%}
  footer>div:not(:first-child){margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.14)}
  footer h2{margin-bottom:.8rem}
  .footer-contact>a,.footer-nav>a,.footer-legal>a,.footer-legal>button{padding:.55rem 0}
  .footer-contact__item strong{font-size:1rem}
  .footer-contact__item--email strong{white-space:normal;font-size:.86rem}
  .footer-contact__item small{font-size:.72rem}
  .footer-nav>a,.footer-legal>a,.footer-legal>button{border-bottom:1px solid rgba(255,255,255,.08)}
  footer a:hover,footer a:focus-visible{transform:none}
}

/* 2026-07-17: gemeinsame Navigationsfamilie fuer Hausservice und Wasserschadenhilfe */
header{
  min-height:96px;
  grid-template-columns:minmax(160px,230px) minmax(0,1fr) auto;
  gap:clamp(1rem,3vw,2.4rem);
  padding:.85rem clamp(1rem,4vw,4rem);
  background:rgba(244,245,247,.93);
  backdrop-filter:blur(18px);
  transition:padding .3s ease,background-color .3s ease,box-shadow .3s ease;
}
header.is-scrolled{
  padding-block:.62rem;
  background:rgba(244,245,247,.97);
  box-shadow:0 12px 40px rgba(4,43,96,.09);
}
header .brand{display:flex;align-items:center;min-width:0}
header .brand img{width:auto;height:68px;max-width:230px;object-fit:contain}
header nav{gap:clamp(.9rem,2.2vw,2.2rem)}
header nav a,.call{font-size:.9rem;font-weight:700}
.call{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1rem}
.menu{
  min-width:48px;
  min-height:48px;
  padding:.55rem .8rem;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--ink);
  font:700 .82rem Poppins,"Segoe UI",system-ui,sans-serif;
  cursor:pointer;
}
.menu__icon{display:grid;gap:4px;width:22px;height:auto;align-content:center}
.menu__icon i{width:22px;height:2px}
.menu[aria-expanded=true] .menu__icon i:first-child{transform:translateY(6px) rotate(45deg)}
.menu[aria-expanded=true] .menu__icon i:last-child{transform:translateY(-6px) rotate(-45deg)}
@media(max-width:1380px){
  body.menu-open{overflow:hidden}
  header{grid-template-columns:minmax(140px,1fr) auto;gap:1rem}
  header>.call{display:none!important}
  .menu{display:inline-flex;grid-column:2;grid-row:1;justify-self:end;align-items:center;justify-content:center}
  header nav{
    display:flex;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    position:absolute;
    z-index:1;
    inset:calc(100% + .5rem) .75rem auto;
    max-height:calc(100svh - 6rem);
    overflow:auto;
    padding:1rem;
    gap:.35rem;
    flex-direction:column;
    border:1px solid var(--line);
    border-radius:1.4rem;
    background:rgba(248,250,252,.98);
    backdrop-filter:blur(18px);
    box-shadow:0 30px 90px rgba(4,43,96,.2);
    transform:translateY(-12px) scale(.98);
    transform-origin:top;
    transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility .28s;
  }
  header.is-scrolled nav{inset:calc(100% + .5rem) .75rem auto}
  header nav[data-open]{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
  header nav a{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:.75rem;
    min-height:52px;
    padding:.8rem 1rem;
    border:0;
    border-radius:.9rem;
    font-size:1rem;
  }
  header nav a:hover,header nav a:focus-visible,header nav a[aria-current=page]{background:#e7eff8}
  header nav a::after{display:none}
  header nav a::before{display:none}
}
@media(max-width:650px){
  header{padding:.75rem;min-height:70px}
  header .brand img{width:auto;height:52px;max-width:min(230px,66vw)}
  .menu__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}

/* 2026-07-19: vollbreite Hero-Buehne, verbindlicher RTS-Slogan und Kontaktwahl */
.hero,.page-hero{
  width:100%;
  max-width:none;
  margin:0;
  overflow:hidden;
  background:linear-gradient(132deg,#f7fafc 0%,#eef5f8 56%,#dcebf1 100%);
}
.hero{
  padding-inline:max(1rem,calc((100vw - 1450px)/2));
}
.page-hero{
  min-height:clamp(520px,66svh,760px);
  padding-inline:max(1rem,calc((100vw - 1360px)/2));
}
.hero::before,.page-hero::before{
  width:min(38vw,610px);
  right:clamp(1.25rem,7vw,8rem);
  top:50%;
  opacity:.82;
  transform:translateY(-50%);
  animation:water-breathe-contained 9s ease-in-out infinite alternate;
}
@keyframes water-breathe-contained{
  to{transform:translate(-2vw,-46%) rotate(7deg) scale(1.04)}
}
.page-hero__inner{
  position:relative;
  z-index:2;
  width:min(860px,100%);
}
.page-hero__inner::before{
  content:"";
  display:block;
  width:clamp(4rem,8vw,8rem);
  height:6px;
  margin-bottom:1.5rem;
  border-radius:999px;
  background:var(--cyan);
}
.page-hero--hausservice{
  min-height:clamp(620px,78svh,900px);
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);
  align-items:center;
  gap:clamp(2rem,6vw,7rem);
  padding-block:clamp(4rem,8vw,8rem);
  background:linear-gradient(128deg,#f8fafc 0%,#edf4f7 58%,#d9eaf1 100%);
}
.page-hero--hausservice h1{max-width:14ch;font-size:clamp(2.5rem,5vw,4.8rem)}
.page-hero--hausservice::before{
  width:min(34vw,560px);
  right:clamp(1.5rem,5vw,6rem);
  opacity:.7;
}
.page-hero__people{
  position:relative;
  z-index:1;
  width:100%;
  margin:0;
  overflow:hidden;
  border-radius:clamp(2rem,5vw,5rem) clamp(1.3rem,3vw,2.5rem);
  box-shadow:0 38px 95px rgba(7,27,39,.2);
  outline:1px solid rgba(7,27,39,.1);
}
.page-hero__people img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
  object-position:center 34%;
}
.hausservice-slogan{
  margin-inline:calc(50% - 50vw);
  border-radius:0;
}
.hausservice-slogan h2{display:grid;gap:.14em}
.hausservice-slogan h2>span{display:block;color:#fff}
.hausservice-slogan h2 strong{color:var(--cyan)}
.hausservice-final .secondary{
  border-color:#fff;
  background:#fff;
  color:var(--navy);
  box-shadow:0 12px 34px rgba(0,0,0,.16);
}
.footer-call{
  border:0;
  font:850 1rem/1.2 Poppins,"Segoe UI",system-ui,sans-serif;
  cursor:pointer;
}
.contact-dialog{
  width:min(760px,calc(100% - 2rem));
  max-width:none;
  margin:auto;
  padding:0;
  border:0;
  border-radius:clamp(1.4rem,4vw,2.6rem);
  color:var(--ink);
  background:#f7fafc;
  box-shadow:0 40px 120px rgba(4,22,36,.38);
}
.contact-dialog::backdrop{
  background:rgba(2,16,28,.72);
  backdrop-filter:blur(10px);
}
.contact-dialog__panel{position:relative;padding:clamp(1.5rem,5vw,3.5rem)}
.contact-dialog__close{
  position:absolute;
  top:1rem;
  right:1rem;
  width:48px;
  height:48px;
  border:1px solid var(--line);
  border-radius:50%;
  background:#fff;
  color:var(--ink);
  font:400 2rem/1 system-ui,sans-serif;
  cursor:pointer;
}
.contact-dialog h2{
  max-width:12ch;
  margin:.2em 0 .35em;
  font-size:clamp(2rem,5vw,4.3rem);
  line-height:.98;
  letter-spacing:-.05em;
}
.contact-dialog__options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.8rem;
  margin-top:2rem;
}
.contact-dialog__options a{
  min-width:0;
  min-height:128px;
  padding:1.2rem;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:.8rem;
  border:1px solid var(--line);
  border-radius:1.3rem;
  background:#fff;
  color:var(--ink);
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.contact-dialog__options a:first-child{
  border-color:var(--blue);
  background:var(--blue);
  color:#fff;
}
.contact-dialog__options a:hover,.contact-dialog__options a:focus-visible{
  transform:translateY(-3px);
  border-color:var(--blue);
  box-shadow:0 18px 42px rgba(7,27,39,.14);
}
.contact-dialog__options span{font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;opacity:.74}
.contact-dialog__options strong{font-size:clamp(1rem,2vw,1.35rem);overflow-wrap:anywhere}
@media(max-width:900px){
  .page-hero{min-height:auto;padding-block:clamp(4rem,11vw,7rem)}
  .page-hero--hausservice{
    grid-template-columns:1fr;
    gap:2.5rem;
  }
  .page-hero--hausservice h1{max-width:15ch}
  .page-hero__people{width:min(720px,100%)}
}
@media(max-width:560px){
  .hero::before,.page-hero::before{
    width:72vw;
    right:1rem;
    opacity:.4;
  }
  .page-hero__inner::before{height:5px;margin-bottom:1.15rem}
  .page-hero--hausservice{padding:3.5rem 1rem}
  .page-hero__people{border-radius:1.6rem}
  .hausservice-slogan{margin-inline:calc(50% - 50vw);padding-inline:1rem}
  .contact-dialog__options{grid-template-columns:1fr}
  .contact-dialog__options a{min-height:94px}
}
@media(prefers-reduced-motion:reduce){
  .hero::before,.page-hero::before{animation:none}
}