.muc-trade-page .muc-service-proof li{display:flex;align-items:center;gap:14px}.muc-trade-page .muc-service-proof li>b{display:grid;flex:0 0 38px;height:38px;place-items:center;color:var(--accent);font-size:.7rem;background:#f8edf2;border-radius:50%}.muc-trade-page .muc-service-proof li div{min-width:0}.muc-trade-page .muc-service-title-line{font-size:clamp(3.2rem,5vw,5.7rem)}.muc-trade-page .muc-electric-services__viewport article{display:none}.muc-trade-page .muc-electric-services__viewport article.is-active{display:grid}.muc-trade-page .trade-parallax.is-sanitary{background-image:url("../img/sanitaer/3.webp")}.muc-trade-page .trade-parallax.is-climate{background-image:url("../img/heizung-proof-2x.webp");background-position:center 35%}.muc-sanitary-page .muc-electric-story{background:linear-gradient(135deg,#fff,#f2f8fb 60%,#e4f1f7)}.muc-climate-page .muc-electric-story{background:linear-gradient(135deg,#fff,#f0f8fb 55%,#dceff6)}.muc-climate-page .muc-electric-services{background:radial-gradient(circle at 12% 15%,rgba(26,116,154,.16),transparent 28%),linear-gradient(135deg,#edf7fa,#e4f0f5)}
@media(max-width:900px){.muc-trade-page .muc-electric-services__viewport article,.muc-trade-page .muc-electric-services__viewport article.is-active,.muc-trade-page .muc-electric-services__viewport article[hidden]{display:grid}.muc-trade-page .muc-service-title-line{font-size:clamp(3rem,9.5vw,5rem)}}
@media(max-width:560px){.muc-trade-page .muc-service-title-line{font-size:clamp(2.45rem,12.5vw,3.2rem)}.muc-trade-page .muc-service-proof li{align-items:flex-start}.muc-trade-page .muc-service-proof li>b{flex-basis:30px;height:30px}}
/* Ein einziges Menü: Fachbereiche als kompakter Dropdown statt zweiter Leiste. */
.muc-nav-dropdown{position:relative}.muc-nav-dropdown summary{display:flex;align-items:center;gap:6px;color:var(--ink);font-size:.78rem;font-weight:800;cursor:pointer;list-style:none}.muc-nav-dropdown summary::-webkit-details-marker{display:none}.muc-nav-dropdown summary::after{content:"⌄";font-size:.8rem;transition:transform .2s ease}.muc-nav-dropdown[open] summary::after{transform:rotate(180deg)}.muc-nav-dropdown>div{position:absolute;z-index:60;top:calc(100% + 20px);right:0;display:grid;width:285px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 24px 60px rgba(7,28,47,.16)}.muc-nav-dropdown>div::before{position:absolute;top:-21px;right:0;left:0;height:22px;content:""}.muc-nav-dropdown>div a{display:grid;gap:3px;padding:12px 13px;border-radius:8px}.muc-nav-dropdown>div a:hover{background:#f2f7f9}.muc-nav-dropdown b{font-size:.74rem}.muc-nav-dropdown span{color:var(--muted);font-size:.62rem;font-weight:600}
/* Sanitär-Art-Direction: fließende blaue Tiefe und größere visuelle Ruhe. */
.muc-sanitary-page{--water:#147aa1;--water-deep:#07334b;--water-pale:#e9f6fa}.muc-sanitary-page .muc-service-hero{background:radial-gradient(circle at 18% 8%,rgba(45,154,194,.3),transparent 30%),linear-gradient(145deg,#061d30,#083c58)}.muc-sanitary-page .muc-service-hero__copy::before{position:absolute;top:13%;right:25px;width:88px;height:88px;content:"";border:1px solid rgba(115,210,235,.23);border-radius:50%;box-shadow:0 0 0 25px rgba(115,210,235,.035),0 0 0 55px rgba(115,210,235,.025)}.muc-sanitary-page .muc-service-hero h1 span:last-child{color:#4cc3e8}.muc-sanitary-page .muc-service-hero figure::after{background:linear-gradient(90deg,#07334b,transparent 33%),linear-gradient(0deg,rgba(5,30,46,.35),transparent 45%)}.muc-sanitary-page .muc-service-status{border-left-color:#4cc3e8}.muc-sanitary-page .muc-service-proof{margin-top:-34px}.muc-sanitary-page .muc-service-proof ul{overflow:hidden;border-radius:18px}.muc-sanitary-page .muc-service-proof li>b{color:#fff;background:linear-gradient(145deg,var(--water),#39b5da);box-shadow:0 9px 20px rgba(20,122,161,.2)}.muc-sanitary-page .muc-electric-story{background:radial-gradient(circle at 87% 20%,rgba(55,167,207,.12),transparent 25%),linear-gradient(135deg,#fff,#edf8fb)}.muc-sanitary-page .muc-electric-story figure{border-radius:70px 4px 70px 4px;box-shadow:0 28px 65px rgba(7,51,75,.16)}.muc-sanitary-page .muc-electric-story__turn{border-color:#c7e1ea}.muc-sanitary-page .muc-electric-story__turn span{color:var(--water)}.muc-sanitary-page .muc-electric-story__links a:last-child{background:var(--water-deep)}.muc-sanitary-page .muc-electric-services{background:radial-gradient(circle at 15% 12%,rgba(70,184,220,.2),transparent 27%),linear-gradient(145deg,#eaf7fb,#f8fbfc)}.muc-sanitary-page .muc-electric-services::after{background:linear-gradient(90deg,var(--water),#61ccea)}.muc-sanitary-page .muc-electric-services__experience{background:var(--water-deep);box-shadow:0 38px 90px rgba(7,51,75,.24)}.muc-sanitary-page .muc-electric-services__tabs{background:linear-gradient(180deg,#084463,#052d43)}.muc-sanitary-page .muc-electric-services__tabs button>span,.muc-sanitary-page .muc-electric-services__viewport article>div>small,.muc-sanitary-page .muc-electric-services__viewport li::before{color:#54c7e8}.muc-sanitary-page .muc-electric-services__viewport article{background:var(--water-deep)}.muc-sanitary-page .muc-electric-services__viewport figure::after{background:linear-gradient(90deg,transparent 50%,var(--water-deep))}.muc-sanitary-page .muc-service-convert{background:radial-gradient(circle at 12% 10%,rgba(55,170,207,.32),transparent 28%),linear-gradient(145deg,#052a40,#084765)}.muc-sanitary-page .muc-electric-check{background:radial-gradient(circle at 87% 15%,rgba(54,175,215,.32),transparent 28%),linear-gradient(145deg,#05283d,#073c57)}.muc-sanitary-page .trade-parallax.is-sanitary{background-position:center 52%}.muc-sanitary-page .muc-electric-process{background:linear-gradient(180deg,#fff,#f1f8fa)}.muc-sanitary-page .muc-electric-process li b{color:var(--water)}.muc-sanitary-page .muc-electric-faq{background:var(--water-pale)}
@media(max-width:900px){.muc-nav-dropdown>div{position:fixed;top:76px;right:20px;width:min(300px,calc(100vw - 40px))}.muc-sanitary-page .muc-service-proof{margin-top:-20px}.muc-sanitary-page .muc-electric-services__viewport article{background:var(--water-deep)}}
@media(max-width:560px){.muc-service-nav nav{gap:12px}.muc-service-nav nav>a:not(.is-cta):not(.muc-location-home){display:none}.muc-nav-dropdown summary{font-size:.68rem}.muc-nav-dropdown>div{top:68px;right:14px}.muc-sanitary-page .muc-service-hero__copy::before{display:none}.muc-sanitary-page .muc-electric-story figure{border-radius:35px 3px 35px 3px}}
/* Saubere, optisch zentrierte Navigationspfeile statt Schriftzeichen. */
.muc-sanitary-page .muc-location-home{display:inline-flex;align-items:center;gap:9px}.muc-sanitary-page .muc-location-home::before{width:7px;height:7px;content:"";border-bottom:1.5px solid currentColor;border-left:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}.muc-sanitary-page .muc-location-home:hover::before{transform:translateX(-2px) rotate(45deg)}.muc-nav-dropdown summary::after{width:7px;height:7px;margin-top:-4px;content:"";font-size:0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transform-origin:65% 65%;transition:transform .2s ease}.muc-nav-dropdown[open] summary::after{transform:rotate(225deg)}
/* Sanitär-Kompass: redaktionelle Diagnose statt technischer Tab-Konsole. */
.san-service-compass{position:relative;overflow:hidden;padding:120px 0;background:linear-gradient(145deg,#f8fbfc,#eaf5f8)}.san-service-compass::before{position:absolute;top:-260px;right:-200px;width:620px;height:620px;content:"";background:radial-gradient(circle,rgba(58,178,215,.16),transparent 68%);border-radius:50%}.san-service-compass__head{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:end;margin-bottom:55px}.san-service-compass__head small{color:var(--water);font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.san-service-compass__head h2{max-width:720px;margin:12px 0 0;font-family:var(--font-display,Arial,sans-serif);font-size:clamp(3.2rem,5.4vw,5.5rem);line-height:.91;letter-spacing:-.04em}.san-service-compass__head>p{max-width:530px;margin:0;color:var(--muted);line-height:1.75}.san-service-compass__layout{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(45px,7vw,95px);align-items:start}.san-service-compass aside{position:sticky;top:150px}.san-service-compass figure{position:relative;height:660px;margin:0;overflow:hidden;border-radius:4px 70px 4px 70px;box-shadow:0 28px 65px rgba(7,51,75,.16)}.san-service-compass figure::after{position:absolute;inset:0;content:"";background:linear-gradient(0deg,rgba(5,38,56,.72),transparent 48%)}.san-service-compass figure img{width:100%;height:100%;object-fit:cover}.san-service-compass figcaption{position:absolute;z-index:2;right:28px;bottom:28px;left:28px;display:grid;gap:8px;color:#fff}.san-service-compass figcaption span{color:#74d2ed;font-size:.65rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.san-service-compass figcaption strong{max-width:420px;font-family:var(--font-display,Arial,sans-serif);font-size:1.5rem;line-height:1.15}.san-service-compass__contact{display:grid;gap:6px;margin-top:16px;padding:19px 22px;background:#fff;border:1px solid #d4e6ed;border-radius:11px}.san-service-compass__contact span{color:var(--muted);font-size:.66rem}.san-service-compass__contact a{color:var(--water-deep);font-size:.8rem;font-weight:900;text-decoration:none}.san-service-compass__list{border-top:1px solid #bfd5de}.san-service-compass details{border-bottom:1px solid #bfd5de}.san-service-compass summary{display:grid;grid-template-columns:42px 1fr 24px;gap:16px;align-items:center;padding:25px 5px;cursor:pointer;list-style:none}.san-service-compass summary::-webkit-details-marker{display:none}.san-service-compass summary>span{color:var(--water);font-size:.72rem;font-weight:900}.san-service-compass summary div{display:grid;gap:5px}.san-service-compass summary strong{font-family:var(--font-display,Arial,sans-serif);font-size:1.25rem;line-height:1.15}.san-service-compass summary small{color:var(--muted);font-size:.63rem}.san-service-compass summary i{position:relative;width:22px;height:22px}.san-service-compass summary i::before,.san-service-compass summary i::after{position:absolute;top:50%;left:50%;width:14px;height:1px;content:"";background:var(--water-deep);transform:translate(-50%,-50%);transition:transform .25s ease}.san-service-compass summary i::after{transform:translate(-50%,-50%) rotate(90deg)}.san-service-compass details[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}.san-service-compass details[open] summary strong{color:var(--water)}.san-service-compass__answer{padding:0 45px 30px 63px;animation:sanAnswer .25s ease both}@keyframes sanAnswer{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.san-service-compass__answer p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.7}.san-service-compass__answer ul{display:grid;gap:7px;margin:18px 0;padding:0;list-style:none}.san-service-compass__answer li{position:relative;padding-left:17px;color:#49606e;font-size:.72rem}.san-service-compass__answer li::before{position:absolute;left:0;content:"✓";color:var(--water);font-weight:900}.san-service-compass__answer a{display:inline-flex;margin-top:4px;color:var(--water-deep);font-size:.72rem;font-weight:900;text-decoration:none;border-bottom:1px solid #8db7c8}
@media(max-width:900px){.san-service-compass{padding:85px 0}.san-service-compass__head,.san-service-compass__layout{grid-template-columns:1fr;gap:35px}.san-service-compass aside{position:static}.san-service-compass figure{height:500px}.san-service-compass__contact{grid-template-columns:1fr auto;align-items:center}}
@media(max-width:560px){.san-service-compass{padding:72px 0}.san-service-compass__head h2{font-size:3rem}.san-service-compass figure{height:390px;border-radius:3px 35px 3px 35px}.san-service-compass figcaption{right:20px;bottom:20px;left:20px}.san-service-compass__contact{grid-template-columns:1fr}.san-service-compass summary{grid-template-columns:30px 1fr 20px;gap:10px;padding:21px 0}.san-service-compass summary strong{font-size:1.08rem}.san-service-compass__answer{padding:0 20px 26px 40px}}
@media(prefers-reduced-motion:reduce){.san-service-compass__answer{animation:none}.san-service-compass summary i::after{transition:none}}
/* Elektro- und Klima-Varianten des Beratungs-Kompasses. */
.muc-electric-page{--water:var(--accent);--water-deep:var(--ink);--water-pale:#eef4f8}.muc-electric-page .san-service-compass{background:radial-gradient(circle at 88% 12%,rgba(25,92,138,.13),transparent 26%),linear-gradient(145deg,#f8fafb,#edf3f6)}.muc-electric-page .san-service-compass figure{border-radius:4px 70px 4px 70px}.muc-electric-page .san-service-compass__contact a,.muc-electric-page .san-service-compass details[open] summary strong{color:var(--accent)}.muc-electric-page .san-service-compass summary>span,.muc-electric-page .san-service-compass__answer li::before{color:var(--accent)}.muc-electric-page .san-service-compass__answer a{color:var(--ink);border-color:#9cafbb}.muc-climate-page{--water:#1685a3;--water-deep:#07384a;--water-pale:#eaf7fa}.muc-climate-page .san-service-compass{background:radial-gradient(circle at 10% 15%,rgba(77,188,216,.2),transparent 28%),linear-gradient(145deg,#f8fcfd,#e7f5f8)}.muc-climate-page .san-service-compass figure{border-radius:70px 4px 70px 4px}.muc-climate-page .san-service-compass__contact a,.muc-climate-page .san-service-compass details[open] summary strong{color:var(--water)}.muc-climate-page .san-service-compass figcaption span{color:#74d9ed}.muc-climate-page .muc-service-hero{background:radial-gradient(circle at 18% 8%,rgba(40,156,188,.27),transparent 30%),linear-gradient(145deg,#061f30,#07445a)}.muc-climate-page .muc-service-hero h1 span:last-child{color:#55cbe4}.muc-climate-page .muc-service-status{border-left-color:#55cbe4}.muc-climate-page .muc-service-proof li>b{color:#fff;background:linear-gradient(145deg,#1685a3,#55cbe4)}
