@import url("/maps/sanitar/assets/sanitar-kassel.css");

.sk-page main .zl-hero{padding:3.7rem 0 2.5rem;background:var(--c-bg);border-bottom:1px solid var(--c-border)}
.zl-hero .sk-container{border-left:4px solid var(--primary)}
.zl-hero h1{max-width:880px;margin:.65rem 0 1rem;font-size:clamp(2.3rem,4.2vw,3.9rem);line-height:1.12}
.zl-hero p{max-width:810px;margin:0;color:var(--c-text-soft)}
.zl-hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.5rem 0 1.25rem}
.zl-hero .sk-button-outline{color:var(--c-dark);border-color:var(--c-border)}
.zl-hero .sk-button-outline:hover{color:var(--primary);border-color:var(--primary)}
.zl-hero-summary{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;font-size:.88rem;font-weight:700;color:var(--c-text-soft)}
.zl-hero-summary span{display:inline-flex;align-items:center;gap:.4rem}
.zl-hero-summary i{color:var(--primary);font-size:1rem}
.zl-heading{max-width:800px;margin-bottom:1.6rem}
.zl-heading h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:.4rem 0 .55rem}
.zl-heading p{margin:0;color:var(--c-text-soft)}

.zl-line-section{padding:3rem 0;background:var(--c-bg-alt);border-bottom:1px solid var(--c-border)}
.zl-line{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;list-style:none;margin:0;padding:0}
.zl-line:before{content:"";position:absolute;left:10%;right:10%;top:1.6rem;border-top:2px solid var(--c-border)}
.zl-line li{position:relative;min-width:0}
.zl-line a{display:grid;grid-template-rows:3.3rem auto auto;justify-items:start;align-items:center;gap:.28rem;padding:.2rem .8rem .7rem;color:var(--c-text);text-decoration:none;border-bottom:2px solid var(--c-border)}
.zl-line a:hover{border-color:var(--primary);color:var(--primary)}
.zl-line i{position:relative;z-index:1;display:grid;place-items:center;width:3rem;height:3rem;border:1px solid var(--c-border);border-radius:50%;background:var(--c-bg);font-size:1.1rem;color:var(--primary)}
.zl-line-number{font-size:.75rem;font-weight:800;color:var(--primary)}
.zl-line strong{font-size:.93rem;line-height:1.35}
.zl-urgent{padding:1.3rem 0;background:var(--c-dark);color:var(--c-bg)}
.zl-urgent-inner{display:flex;align-items:center;gap:1.3rem}
.zl-urgent-inner>i{font-size:1.6rem;color:var(--primary)}
.sk-page main .zl-urgent h2{font-size:1.22rem;margin:0 0 .25rem;color:var(--c-bg)}
.zl-urgent p{margin:0;color:var(--c-bg)}
.zl-urgent .sk-button{flex:none;margin-left:auto}

.zl-focus-stack{border-top:2px solid var(--c-dark)}
.zl-focus{display:grid;grid-template-columns:minmax(240px,30%) minmax(0,1fr);gap:2.5rem;padding:1.65rem 0;border-bottom:1px solid var(--c-border);scroll-margin-top:5rem}
.zl-focus-title{display:grid;grid-template-columns:2.1rem 1.45rem minmax(0,1fr);align-items:start;gap:.45rem}
.zl-focus-title i{font-size:1.25rem;line-height:1.2;color:var(--primary)}
.zl-focus-title span{font-size:.75rem;font-weight:800;color:var(--primary);padding-top:.27rem}
.zl-focus-title h3{font-size:1.17rem;margin:0;line-height:1.35}
.zl-focus p{margin:0;color:var(--c-text-soft)}
.zl-small-repair{display:flex;gap:1.5rem;align-items:baseline;padding:1.5rem 0 0}
.zl-small-repair h3{font-size:1.05rem;flex:0 0 30%;margin:0}
.zl-small-repair p{margin:0;color:var(--c-text-soft)}
.zl-pipe{padding:1.15rem 0;background:var(--c-bg-alt);border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border)}
.zl-pipe-inner{display:flex;align-items:center;gap:.75rem 1.35rem}
.zl-pipe i{color:var(--primary);font-size:1.15rem}
.zl-pipe p{margin:0;flex:1;color:var(--c-text-soft)}
.zl-pipe .sk-text-link{white-space:nowrap}

.zl-area{background:var(--c-bg)}
.zl-geography{display:grid;grid-template-columns:minmax(245px,30%) minmax(0,1fr);gap:1.5rem;align-items:stretch}
.zl-local-index{border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:1.3rem;background:var(--c-bg-alt)}
.zl-local-index>div>span{display:block;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-soft)}
.zl-core{padding-bottom:1.15rem;border-bottom:1px solid var(--c-border)}
.zl-core strong{display:flex;align-items:center;gap:.55rem;margin-top:.45rem;font-size:1.35rem}
.zl-core i{color:var(--primary);font-size:1rem}
.zl-districts{padding-top:1.1rem}
.zl-districts ol{list-style:none;counter-reset:district;padding:0;margin:.55rem 0 0}
.zl-districts li{counter-increment:district;display:flex;align-items:baseline;gap:.7rem;padding:.4rem 0;border-bottom:1px solid var(--c-border);font-weight:700}
.zl-districts li:last-child{border:0}
.zl-districts li:before{content:counter(district,decimal-leading-zero);font-size:.72rem;font-weight:800;color:var(--primary)}
.zl-map-frame{min-height:430px;box-shadow:none}
.zl-map-frame .sk-map{height:100%;min-height:430px}
.zl-map-caption{font-size:.82rem;color:var(--c-text-soft);margin:.7rem 0 0}
.zl-area-contact{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:1.5rem}
.zl-area-contact p{max-width:820px;margin:0}
.zl-area-contact .sk-button{flex:none}

.zl-audience{background:var(--c-bg-alt)}
.zl-audience-zones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border)}
.zl-audience-zones>div{padding:1.45rem 1.6rem}
.zl-audience-zones>div:first-child{padding-left:0}
.zl-audience-zones>div+div{border-left:1px solid var(--c-border)}
.zl-audience-zones i{font-size:1.25rem;color:var(--primary)}
.zl-audience-zones h3{font-size:1.1rem;margin:.45rem 0 .35rem}
.zl-audience-zones p{margin:0;color:var(--c-text-soft)}
.zl-execution-lines{border-top:1px solid var(--c-border)}
.zl-execution-lines>div{display:grid;grid-template-columns:1.5rem minmax(210px,32%) 2rem minmax(0,1fr);align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--c-border)}
.zl-execution-lines i,.zl-execution-lines span{color:var(--primary);font-size:1.1rem}
.zl-execution-lines p{margin:0;color:var(--c-text-soft)}
.zl-execution-note{margin:1.2rem 0 0;color:var(--c-text-soft)}
.zl-pricing{background:var(--c-bg-alt)}
.zl-scope-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);overflow:hidden}
.zl-scope-bar span{display:flex;align-items:center;gap:.5rem;padding:1rem .9rem;font-size:.84rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;min-width:0}
.zl-scope-bar span+span{border-left:1px solid var(--c-border)}
.zl-scope-bar i{color:var(--primary);font-size:1rem}
.zl-pricing-foot{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:1.35rem}
.zl-pricing-foot p{max-width:790px;margin:0;color:var(--c-text-soft)}
.zl-pricing-foot .sk-button{flex:none}

.zl-contact{padding:3rem 0;background:var(--c-bg)}
.zl-contact h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:.3rem 0 1.3rem}
.zl-contact-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--c-dark);border-bottom:1px solid var(--c-border)}
.zl-contact-actions>div{display:grid;grid-template-columns:1.5rem minmax(0,1fr);align-items:start;column-gap:.8rem;row-gap:.35rem;padding:1.1rem 1.35rem}
.zl-contact-actions>div:first-child{padding-left:0}
.zl-contact-actions>div+div{border-left:1px solid var(--c-border)}
.zl-contact-actions i{grid-row:1/3;color:var(--primary);font-size:1.25rem}
.zl-contact-actions span{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.zl-contact-actions a{font-size:1.05rem;font-weight:700;color:var(--primary);text-decoration:none}
.zl-contact>div>p{margin:1.1rem 0 0;color:var(--c-text-soft)}
.zl-safety{padding:1.5rem 0;background:var(--c-bg-alt);border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border)}
.zl-safety-inner{display:grid;grid-template-columns:minmax(240px,32%) minmax(0,1fr);gap:1.5rem;align-items:start}
.sk-page main .zl-safety h2{font-size:1.1rem;margin:0}
.zl-safety h2 i{color:var(--primary);margin-right:.65rem}
.zl-safety ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin:0;padding-left:1.2rem;color:var(--c-text-soft)}
.zl-faq-list{max-width:none}
.zl-final{padding:3.5rem 0;background:var(--c-dark);color:var(--c-bg)}
.zl-final-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.sk-page main .zl-final h2{font-size:clamp(1.9rem,3vw,2.7rem);margin:.4rem 0 .7rem;color:var(--c-bg)}
.zl-final p{max-width:690px;margin:0;color:var(--c-bg)}
.zl-final-actions{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:flex-end;min-width:320px}
.zl-final-actions .sk-button{display:inline-flex;align-items:center;gap:.55rem}
.zl-final-actions>a:last-child{width:100%;text-align:right;color:var(--c-bg);font-size:.9rem}
.sk-page main a:focus-visible,.sk-page main summary:focus-visible{outline:3px solid var(--primary);outline-offset:3px}

@media(max-width:1050px){.zl-line{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.zl-line:before{display:none}.zl-geography{grid-template-columns:minmax(230px,35%) minmax(0,1fr)}.zl-scope-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.zl-scope-bar span:nth-child(4){border-left:0;border-top:1px solid var(--c-border)}.zl-scope-bar span:nth-child(5){border-top:1px solid var(--c-border)}.zl-urgent-inner{flex-wrap:wrap}.zl-urgent .sk-button{margin-left:0}.zl-pipe-inner{flex-wrap:wrap}}
@media(max-width:760px){.sk-page main .zl-hero{padding:2.7rem 0 2rem}.zl-hero h1{font-size:clamp(2rem,8vw,2.8rem)}.zl-line-section{padding:2.3rem 0}.zl-line{display:block;border-left:2px solid var(--c-border);margin-left:1.5rem}.zl-line li{margin-left:-1.5rem}.zl-line a{display:grid;grid-template-columns:3rem 1.5rem minmax(0,1fr);grid-template-rows:auto;justify-items:start;gap:.8rem;padding:.45rem .3rem .6rem;border-bottom:0}.zl-line i{width:3rem;height:3rem}.zl-line strong{font-size:1rem}.zl-urgent-inner>i{display:none}.zl-urgent .sk-button{margin-top:.3rem}.zl-focus{grid-template-columns:1fr;gap:.6rem;scroll-margin-top:2rem}.zl-small-repair{display:block}.zl-small-repair p{margin-top:.5rem}.zl-geography{grid-template-columns:1fr}.zl-local-index{display:grid;grid-template-columns:1fr 2fr;gap:1rem}.zl-core{border-bottom:0;border-right:1px solid var(--c-border);padding:0 1rem 0 0}.zl-districts{padding:0}.zl-districts ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .6rem}.zl-map-frame,.zl-map-frame .sk-map{min-height:300px;height:300px}.zl-area-contact,.zl-pricing-foot{display:block}.zl-area-contact .sk-button,.zl-pricing-foot .sk-button{margin-top:1rem}.zl-audience-zones{grid-template-columns:1fr}.zl-audience-zones>div,.zl-audience-zones>div:first-child{padding:1rem 0}.zl-audience-zones>div+div{border-left:0;border-top:1px solid var(--c-border)}.zl-execution-lines>div{grid-template-columns:1.4rem minmax(0,1fr) auto;gap:.5rem}.zl-execution-lines p{grid-column:2/-1}.zl-scope-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.zl-scope-bar span:nth-child(n){border-top:0;border-left:0}.zl-scope-bar span:nth-child(even){border-left:1px solid var(--c-border)}.zl-scope-bar span:nth-child(n+3){border-top:1px solid var(--c-border)}.zl-contact-actions{grid-template-columns:1fr}.zl-contact-actions>div,.zl-contact-actions>div:first-child{padding:1rem 0}.zl-contact-actions>div+div{border-left:0;border-top:1px solid var(--c-border)}.zl-safety-inner{grid-template-columns:1fr;gap:.7rem}.zl-safety ul{grid-template-columns:1fr;gap:.35rem}.zl-final-inner{display:block}.zl-final-actions{justify-content:flex-start;min-width:0;margin-top:1.2rem}.zl-final-actions>a:last-child{text-align:left}}
@media(max-width:480px){.zl-hero-actions{display:grid;grid-template-columns:1fr}.zl-hero-actions .sk-button{text-align:center}.zl-hero-summary{gap:.45rem .9rem}.zl-local-index{display:block}.zl-core{border-right:0;border-bottom:1px solid var(--c-border);padding:0 0 .9rem}.zl-districts{padding-top:.9rem}.zl-districts ol{grid-template-columns:1fr 1fr}.zl-scope-bar{grid-template-columns:1fr}.zl-scope-bar span:nth-child(n){border-left:0;border-top:1px solid var(--c-border)}.zl-scope-bar span:first-child{border-top:0}.zl-final-actions .sk-button{width:100%;justify-content:center}}