:root{--ink:#142b39;--deep:#092838;--blue:#156178;--teal:#58bdba;--paper:#f5f8f8;--line:#d8e3e6}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-size:1rem;line-height:1.65}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.045em;color:var(--ink);line-height:1.12;font-weight:700}h1{font-size:clamp(3.2rem,6vw,6.5rem);margin:.45em 0 .25em}h2{font-size:clamp(2.3rem,4vw,4rem);margin:.15em 0 .4em}h3{font-size:1.55rem}a{color:var(--blue)}a:hover{color:#0a4357}a:focus-visible,button:focus-visible{outline:3px solid #dfb669;outline-offset:3px}.skip{position:absolute;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:8px}.utility{background:var(--deep);color:#d1e6e8;font-size:.85rem}.utility-inner{display:flex;justify-content:space-between;padding:8px 0}.utility a{color:#fff}.site-header{background:#fff;position:relative;z-index:2;border-bottom:1px solid #e4ebed}.header-inner{height:94px;display:flex;justify-content:space-between;align-items:center}.brand img{width:190px;max-width:100%;height:auto;display:block}.site-header nav{display:flex;align-items:center;gap:2rem}.site-header nav a{text-decoration:none;color:var(--ink);font-weight:700;font-size:.93rem}.site-header nav .nav-contact{background:var(--deep);color:#fff;padding:.8rem 1.2rem}.menu-toggle{display:none}.hero{background:linear-gradient(125deg,#0a3444 0%,#0d5263 70%,#1d6a70 100%);color:#fff;padding:6rem 0 6.5rem;overflow:hidden}.hero h1{color:#fff}.hero h1 em{font-style:normal;color:#9ce0d8}.eyebrow{font-weight:800;letter-spacing:.18em;font-size:.77rem;color:var(--blue);margin-bottom:1.25rem}.hero .eyebrow,.closing .eyebrow{color:#90d7d4}.hero-copy{font-size:1.17rem;max-width:37rem;color:#d8e9e9;line-height:1.7}.actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:2rem}.button{font-weight:700;border-radius:2px;margin-bottom:0}.primary-action{background:#b8e9dd;color:#0d3441;padding:1rem 1.4rem}.primary-action:hover{background:white;color:#0d3441}.light-action{border-color:#a9cbd0!important;color:white!important;padding:1rem 1.4rem}.light-action:hover{background:#fff!important;color:var(--deep)!important}.hero-panel{height:430px;margin-left:2rem;border:1px solid #9dc3c7;position:relative;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#ffffff0d,#ffffff00)}.panel-number,.panel-foot{font-size:.77rem;letter-spacing:.14em;color:#b4d6d8;font-weight:700}.hero-panel>p{font-size:2rem;font-weight:700;max-width:16rem;line-height:1.2;position:relative}.lens-mark{position:absolute;width:230px;height:230px;border:1px solid #8fc6c5;border-radius:50%;right:12%;top:17%;box-shadow:0 0 0 38px #ffffff09,0 0 0 76px #ffffff07}.lens-mark span{display:block;width:100%;height:100%;border:1px solid #9cc7ca;border-radius:50%;transform:translate(28px,24px)}.section{padding:6rem 0}.section-head{max-width:650px;margin-bottom:2.5rem}.section-head>p:last-child{font-size:1.12rem;color:#536975}.intro{background:var(--paper)}.cards .cell{display:flex}.service{background:white;border:1px solid var(--line);padding:2.5rem;min-height:285px;width:100%;display:flex;flex-direction:column}.service-index{font-size:.8rem;color:var(--blue);font-weight:800;letter-spacing:.15em}.service h3{margin:1.5rem 0 .6rem}.service p{color:#536975;max-width:27rem}.service a{margin-top:auto;font-weight:700;text-decoration:none}.iris{background:white}.iris p:not(.eyebrow){color:#506470;max-width:34rem}.iris .button{margin-top:1.2rem}.iris-photo{margin:0 0 0 2rem;position:relative;background:#092735;padding:1rem}.iris-photo img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block}.iris-photo figcaption{color:#c9e1e1;font-size:.8rem;padding:.6rem 0 .1rem}.visit{background:var(--paper)}.info-card{background:#fff;padding:2.5rem;border-top:4px solid var(--blue);height:100%;min-height:365px}.info-card h3{margin-bottom:1.6rem}.info-card address{font-style:normal;line-height:1.8}.info-card a{text-decoration:none}.text-link{font-weight:700}.hours>div{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.hours strong{text-align:right;white-space:nowrap}.hours-note{margin-top:1.2rem;font-size:.9rem;color:#526a75}.closing{background:#123d4c;color:white;padding:3.2rem 0}.closing h2{color:white;font-size:clamp(1.8rem,3vw,3rem);margin:0}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.closing-button{background:#b8e9dd;color:#103641;padding:1rem 1.5rem}.closing-button:hover{background:#fff;color:#103641}footer{background:#092838;color:#c9dddf;padding:3rem 0}footer a{color:#e4f2f1;text-decoration:none}footer strong{color:white}.footer-grid{display:grid;grid-template-columns:2fr 1.5fr 1fr;gap:2rem}.legal{display:flex;gap:1.2rem;justify-content:flex-end}.legal-page{padding:4rem 0;max-width:820px}.legal-page h1{font-size:3rem}.legal-page h2{font-size:1.55rem;margin-top:2rem}.legal-page p{line-height:1.8}@media(max-width:800px){.utility-inner span{display:none}.utility-inner{justify-content:flex-end}.header-inner{height:80px}.brand img{width:160px}.menu-toggle{display:block;background:none;border:0;font-weight:700;color:var(--ink);cursor:pointer}.site-header nav{display:none;position:absolute;top:80px;left:0;right:0;background:#fff;padding:1.3rem;box-shadow:0 15px 22px #10273422;flex-direction:column;align-items:stretch;gap:1rem}.site-header nav.open{display:flex}.hero{padding:4rem 0}.hero-panel{height:260px;margin:3rem 0 0}.lens-mark{width:140px;height:140px}.hero-panel>p{font-size:1.5rem}.section{padding:4rem 0}.service{min-height:250px;margin-bottom:1rem}.iris-photo{margin:2rem 0 0}.info-card{margin-bottom:1rem;height:auto;min-height:0}.footer-grid{grid-template-columns:1fr 1fr}.legal{justify-content:flex-start}}@media(max-width:550px){.footer-grid{grid-template-columns:1fr;gap:.4rem}.closing-inner{display:block}.closing-button{margin-top:1.5rem}.hours>div{display:block}.hours strong{display:block;text-align:left;margin-top:.3rem}.hero h1{font-size:3.15rem}}
/* Angebot und Team werden zentral in assets/config.js geschaltet. */
.akustik-off [data-akustik],.akustik-on [data-optik-only],.team-off [data-team]{display:none!important}
.service{min-height:455px}.service p{max-width:35rem}.team{background:#fff}.team-grid .cell{display:flex}.team-card{width:100%;border:1px solid var(--line);background:#fff;overflow:hidden;margin-bottom:1rem}.team-portrait{aspect-ratio:1/1;background:#e7eff1;display:flex;align-items:center;justify-content:center}.team-portrait img{width:100%;height:100%;object-fit:cover}.team-portrait img[hidden]{display:none}.team-portrait span{width:5.2rem;height:5.2rem;border-radius:50%;background:#d4e3e6;color:#276177;display:flex;align-items:center;justify-content:center;font-size:1.55rem;font-weight:700}.team-portrait span[hidden]{display:none}.team-details{padding:1.2rem}.team-details h3{font-size:1.15rem;margin:0 0 .4rem;letter-spacing:-.025em}.team-details p{font-size:.92rem;color:#526975;margin:0}@media(max-width:800px){.service{min-height:0}}
@media(min-width:641px){.akustik-off .cards .cell:not([data-akustik]){flex:0 0 calc(100% - 1.875rem);max-width:calc(100% - 1.875rem)}}
.closure-banner{background:#fcebd4;border-bottom:2px solid #e6bb79;color:#49340f;padding:1rem 0}.closure-inner{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.closure-inner p{margin:.2rem 0 0}.closure-date{font-weight:700;white-space:nowrap}.mobile-nav{display:none}.mobile-nav summary{cursor:pointer;font-weight:700;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}@media(max-width:800px){.desktop-nav{display:none!important}.mobile-nav{display:block;position:relative}.mobile-nav nav{position:absolute;right:0;top:2rem;background:white;min-width:220px;box-shadow:0 12px 25px #123d4c22;padding:1rem;display:flex;flex-direction:column;gap:.7rem;z-index:5}.mobile-nav nav a{color:#123d4c;text-decoration:none;font-weight:700}.closure-inner{display:block}.closure-date{display:block;margin-top:.5rem}}.team-portrait span{font-size:2rem}

.closure-reason{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-bottom:.3rem}
/* Mehr Abstand zu den Seiten und eine hellere, kühle Farbwelt. */
:root{--paper:#e8eff2;--teal:#86dcd1;--line:#cbdbe0}
body{background:#eff4f6}
.grid-container{max-width:1160px;padding-left:clamp(1.5rem,5vw,4.75rem);padding-right:clamp(1.5rem,5vw,4.75rem)}
.site-header,.iris,.team{background:#f3f7f8}
.service,.info-card,.team-card{background:#f7fafb}
.hero{background:linear-gradient(125deg,#0b3949 0%,#146e7c 70%,#25878c 100%)}
.primary-action,.closing-button{background:#c7f1e8;color:#123b46}
.primary-action:hover,.closing-button:hover{background:#e3faf5;color:#123b46}
.site-header nav.desktop-nav{gap:1rem}.site-header nav.desktop-nav a{font-size:.88rem}
.hero-panel{display:grid;grid-template-rows:auto 1fr auto auto;justify-items:start;gap:.35rem;background:linear-gradient(145deg,#ffffff18,#ffffff05)}
.hero-chart{align-self:center;justify-self:center;margin:0;text-align:center;width:min(185px,80%)}
.hero-chart img{display:block;max-height:195px;width:auto;margin:0 auto;border:6px solid #f1f5f6;background:#f1f5f6;box-shadow:0 14px 30px #09283855}
.hero-chart figcaption{font-size:.72rem;line-height:1.3;color:#d5ecee;margin-top:.45rem}
.hero-chart a{color:#d5ecee;text-decoration:underline}
.hero-panel>p{font-size:1.4rem;max-width:none;margin:0}.hero-panel .panel-foot{margin-top:.4rem}
.service{min-height:355px}
.drivers{background:#f4f7f8}.drivers p:not(.eyebrow){max-width:38rem;color:#405d68}.driver-note{background:#dcefed;border-left:5px solid #43a8a5;padding:1.8rem;margin-left:1rem}.driver-note strong{font-size:1.35rem}.driver-note p{margin:1rem 0;color:#284a53}.driver-note a{font-weight:700}
.brillende{background:#e5f1f1}.brillende-box{display:flex;align-items:center;justify-content:space-between;gap:2.5rem}.brillende-box>div{max-width:44rem}.brillende-box p:not(.eyebrow){color:#405d68}.brillende-box .button{white-space:nowrap}
.closing-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.closing-actions .light-action{border-color:#b6e3df!important}
@media(max-width:1050px){.desktop-nav{display:none!important}.mobile-nav{display:block}}
@media(max-width:800px){.driver-note{margin:2rem 0 0}.brillende-box{display:block}.brillende-box .button{margin-top:1rem}.hero-panel{height:auto;min-height:390px}}
@media(max-width:550px){.grid-container{padding-left:1.5rem;padding-right:1.5rem}.closing-actions{margin-top:1.5rem}}
/* Sichtbare Themen wechseln auch dann die Fläche, wenn optionale Bereiche fehlen. */
main>.section.tone-a{background:#eef3f6!important}
main>.section.tone-b{background:#dcebea!important}
.vision-chart{background:#f5f7f8;color:#172831;border:6px solid #d7e3e5;box-shadow:0 14px 30px #09283855;min-height:195px;padding:1.05rem .6rem .75rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.05rem;font-family:Arial,Helvetica,sans-serif;line-height:1;font-weight:900}
.vision-chart span{display:block;white-space:nowrap;text-align:center}
.hero-chart{width:min(215px,90%)}
.hero-chart figcaption{font-size:.69rem;letter-spacing:.02em}
.driver-note{background:#f6f9f9}
.driver-note p b{color:#173d49}
/* Sehtafel: gleiche Zeilenbreite bei deutlich kleiner werdenden Zeichen. */
.vision-chart{min-height:0;padding:.7rem .65rem;gap:0}
.vision-chart .chart-line{display:flex;justify-content:space-between;align-items:center;line-height:1.03;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;font-weight:900}
.vision-chart .chart-line b{font-weight:900}
.vision-chart .chart-i{font-size:3.75rem;justify-content:center;width:100%}
.vision-chart .chart-ch{font-size:3.1rem;width:130px}
.vision-chart .chart-kann{font-size:2rem;width:160px}
.vision-chart .chart-wieder{font-size:1.35rem;width:160px}
.vision-chart .chart-lesen{font-size:1rem;width:160px}
@media(max-width:800px){.hero-panel{min-height:430px}}
/* Manuell bedienbares Karussell ohne JavaScript. */
.hero-panel.hero-carousel{height:550px;min-height:0;display:flex;flex-direction:column;justify-content:space-between;margin-left:1rem;padding:1.15rem;border-color:#a8d0d1;background:#ffffff16;overflow:hidden}
.carousel-radio{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%)}
.hero-carousel:focus-within{outline:3px solid #dfb669;outline-offset:3px}
.carousel-slides{flex:1;min-height:0;width:100%}
.carousel-slide{display:none;height:100%;grid-template-rows:205px 1fr auto;gap:.65rem}
#hero-slide-1:checked ~ .carousel-slides .carousel-slide:nth-child(1),
#hero-slide-2:checked ~ .carousel-slides .carousel-slide:nth-child(2),
#hero-slide-3:checked ~ .carousel-slides .carousel-slide:nth-child(3),
#hero-slide-4:checked ~ .carousel-slides .carousel-slide:nth-child(4),
#hero-slide-5:checked ~ .carousel-slides .carousel-slide:nth-child(5),
#hero-slide-6:checked ~ .carousel-slides .carousel-slide:nth-child(6){display:grid}
.carousel-picture{display:block;width:100%;height:205px;object-fit:cover;background:#eaf3f3;border:1px solid #d5e8e8}
.carousel-chart{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.4rem}.carousel-chart .vision-chart{width:160px;box-shadow:none;border-width:3px;padding:.35rem}.carousel-chart small{color:#315a65;font-size:.7rem;margin-top:.25rem}
.carousel-copy h2{color:white;font-size:clamp(1.25rem,2vw,1.65rem);letter-spacing:-.025em;margin:0 0 .45rem}.carousel-copy p{color:#e3f3f2;font-size:.92rem;line-height:1.45;margin:0}
.carousel-arrows{display:flex;justify-content:space-between}.carousel-arrows label{display:flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;border:1px solid #b7d9d8;color:white;font-size:1.65rem;line-height:1;cursor:pointer}.carousel-arrows label:hover,.carousel-arrows label:focus-visible{background:#e5f7f3;color:#164757}
.carousel-dots{display:flex;justify-content:center;gap:.6rem;padding:.8rem 0 .05rem}.carousel-dots label{display:block;width:.8rem;height:.8rem;border-radius:50%;border:2px solid #d6eeeb;cursor:pointer}
#hero-slide-1:checked ~ .carousel-dots label:nth-child(1),#hero-slide-2:checked ~ .carousel-dots label:nth-child(2),#hero-slide-3:checked ~ .carousel-dots label:nth-child(3),#hero-slide-4:checked ~ .carousel-dots label:nth-child(4),#hero-slide-5:checked ~ .carousel-dots label:nth-child(5),#hero-slide-6:checked ~ .carousel-dots label:nth-child(6){background:#d6eeeb}
@media(max-width:800px){.hero-panel.hero-carousel{margin:2rem 0 0;height:535px}.carousel-slide{grid-template-rows:190px 1fr auto}.carousel-picture{height:190px}}
/* Automatischer Wechsel: weicher Übergang, sofern Bewegung erlaubt ist. */
@media(prefers-reduced-motion:no-preference){.carousel-slide{animation:carousel-appear .42s ease-out}@keyframes carousel-appear{from{opacity:.1;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}}
.driver-note .driver-law{font-size:.85rem;margin-top:1.25rem}
/* Die Sehtafel behält im Karussell rundum Platz innerhalb ihres Rahmens. */
.carousel-chart .vision-chart{box-sizing:border-box;flex:none;width:min(188px,100%);height:auto;overflow:hidden;padding:.4rem .65rem}
.carousel-chart .vision-chart .chart-line:not(.chart-i){width:150px;max-width:100%}
.carousel-chart .vision-chart .chart-i{font-size:3rem}
.carousel-chart .vision-chart .chart-ch{font-size:2.25rem}
.carousel-chart .vision-chart .chart-kann{font-size:1.55rem}
.carousel-chart .vision-chart .chart-wieder{font-size:1.05rem}
.carousel-chart .vision-chart .chart-lesen{font-size:.8rem}
.admin-public-warning{background:#ffebeb;color:#7c1720;border-block:2px solid #b4232e;padding:1rem max(1.2rem,calc((100vw - 1200px)/2));font-weight:650}.admin-public-warning a{color:inherit;text-decoration:underline}
/* Kontaktstreifen nach dem breiten, hellen Vorbild. */
.utility{background:linear-gradient(#f5f5f5,#ebebeb);color:#596267;font-size:.95rem;border-bottom:1px solid #e2e6e7}
.utility-inner{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:58px;padding:8px 0}
.utility a{color:#596267;text-decoration:none}.utility a:hover{color:#155d69}
.utility-item{display:inline-flex;align-items:center;gap:.65rem;white-space:nowrap;line-height:1.3}
.utility-item svg,.utility-location svg{width:23px;height:23px;flex:none;fill:currentColor}
.utility-item svg path[fill="none"],.utility-item svg circle[fill="none"],.utility-location svg path[fill="none"]{fill:none}
.utility-hours small{font:inherit}.utility-location{display:inline-flex;align-items:center;padding:.35rem}
/* Partnerband mit lokal gespeicherten Wortmarken. */
.partners-strip{background:#fff;padding:1.55rem 0 1.75rem;border-block:1px solid #e1e9e9;overflow:hidden}
.partners-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:.45rem}.partners-head .eyebrow{margin:0;font-size:.65rem;white-space:nowrap}.partners-head h2{font-size:1.12rem;letter-spacing:0;margin:0}
.partners-window{overflow:hidden;position:relative;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.partners-track{width:max-content;display:flex;animation:partners-scroll 38s linear infinite;will-change:transform}
.partners-group{display:flex;flex:none}.partner-logo{width:240px;flex:none;height:78px;display:flex;align-items:center;justify-content:center;padding:5px 21px;transition:filter .2s,transform .2s}
.partner-logo img{display:block;width:100%;height:100%;object-fit:contain}.partner-logo:hover{transform:scale(1.06);filter:saturate(1.25)}
@media(hover:hover) and (pointer:fine){.partners-window:hover .partners-track{animation-play-state:paused}}.partners-window:has(:focus-visible) .partners-track{animation-play-state:paused}
@keyframes partners-scroll{to{transform:translateX(-50%)}}
@media(max-width:1050px){.utility-inner{flex-wrap:wrap;justify-content:center;gap:.6rem 1.2rem}.utility-hours{width:100%;justify-content:center}.utility-location{display:none}}
@media(max-width:580px){.utility{font-size:.82rem}.utility-inner{min-height:0;padding:7px 0}.utility-item svg{width:18px;height:18px}.utility-hours{font-size:.76rem}.utility-hours small{display:none}.partners-head{display:block}.partners-head .eyebrow{display:block}.partner-logo{width:185px;height:68px;padding:5px 14px}}
@media(prefers-reduced-motion:reduce){.partners-track{animation:none;transform:none}.partners-window{overflow-x:auto;mask-image:none}.partners-group[aria-hidden="true"]{display:none}}
@media(max-width:800px){.utility-inner .utility-item span{display:inline}.utility-inner .utility-hours small{display:inline}}
@media(max-width:580px){.utility-inner .utility-hours small{display:none}}
/* Kompakter Kontaktstreifen: etwa halb so hoch, mit kleiner skalierten Icons. */
.utility{font-size:.82rem}.utility-inner{min-height:29px;padding:3px 0;gap:.55rem 1rem}
.utility-item{gap:.38rem}.utility-item svg,.utility-location svg{width:14px;height:14px}.utility-location{padding:0}
@media(max-width:1050px){.utility-inner{flex-wrap:nowrap;justify-content:space-between}.utility-hours{width:auto}}
@media(max-width:700px){.utility-inner{flex-wrap:wrap;justify-content:center;padding:3px 0;gap:0 .85rem}.utility-hours{width:100%;font-size:.75rem}.utility-location{display:none}}
@media(max-width:390px){.utility-item{font-size:.73rem}.utility-item svg{width:12px;height:12px}}
/* Pfeile im Angebotskarussell als schlichte Icons, ohne Rahmen oder Buttonfläche. */
.carousel-arrows label{width:1.8rem;height:2rem;border:0;background:transparent;color:#e2f6f3;font-size:2rem;padding:0}
.carousel-arrows label:hover,.carousel-arrows label:focus-visible{background:transparent;color:#fff;text-decoration:none}
.service a span[aria-hidden="true"]{display:inline;border:0;background:none;padding:0;margin-left:.15em;box-shadow:none;font:inherit}
@media(hover:hover) and (pointer:fine){.partners-window:hover .partners-track{animation-play-state:paused}}
@media(hover:none),(pointer:coarse){.partners-window:hover .partners-track{animation-play-state:running}}
.motion-toggle{margin-left:auto;border:0;background:transparent;color:#155d69;padding:.2rem .4rem;text-decoration:underline;cursor:pointer;font-size:.8rem}
.motion-toggle[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.allow-motion .partners-track{animation:partners-scroll 38s linear infinite}.allow-motion .partners-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.allow-motion .partners-group[aria-hidden="true"]{display:flex}}
/* Vierte Leistungskarte und kompakter Hauptslider. */
.service-myopia{background:linear-gradient(145deg,#d8f0eb,#edf9f7);border:2px solid #4aa79e;box-shadow:0 12px 28px #11485216}
.service-myopia .service-index{color:#0d665f}.service-myopia h3{color:#124850}.service-myopia a{color:#0a5859}
.hero-panel.hero-carousel{height:440px}.carousel-slide{grid-template-rows:155px 1fr auto}.carousel-picture{height:155px}
@media(max-width:800px){.hero-panel.hero-carousel{height:420px}.carousel-slide{grid-template-rows:145px 1fr auto}.carousel-picture{height:145px}}
@media(max-width:550px){.hero-panel.hero-carousel{height:410px}}
.partners-track{animation-duration:54s}.partner-static{cursor:default}.partner-static:hover{transform:none;filter:none}
/* Kontaktstreifen und Navigation gemeinsam dauerhaft im Blick. */
.site-top{position:sticky;top:0;z-index:30;box-shadow:0 6px 18px #0b354011}
.site-top .site-header{position:relative;z-index:1}.site-top .header-inner{height:72px}
.site-top .brand img{width:175px}
html{scroll-padding-top:110px}
@media(max-width:1050px){.site-top .header-inner{height:66px}.site-top .brand img{width:152px}}
@media(max-width:700px){html{scroll-padding-top:125px}}
/* Eindeutiger Abstand, wenn Leistungskarten in einer Spalte stehen. */
@media(max-width:639px){.cards .cell{margin-bottom:1.25rem}.cards .service{margin-bottom:0}}
/* Nur der Kontaktstreifen bleibt stehen; die Navigation scrollt normal. */
.site-top{position:static;box-shadow:none}
.utility{position:sticky;top:0;z-index:30;box-shadow:0 4px 12px #0b354011}
.site-header{position:relative;z-index:2}
.header-inner{height:72px}.brand img{width:175px}
html{scroll-padding-top:38px}
@media(max-width:1050px){.header-inner{height:66px}.brand img{width:152px}}
@media(max-width:700px){html{scroll-padding-top:65px}}