@font-face{font-family:Inter;src:url('/fonts/inter-v11-latin-regular.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f8f9;color:#182b37;font:16px/1.7 Inter,Arial,sans-serif}a{color:inherit}a:hover{color:#116379}img{max-width:100%;height:auto}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:white;padding:12px;z-index:999}.shell{max-width:1190px;margin:auto;padding:0 24px}.topbar{background:#102b39;color:#d5e7ed;text-align:center;font-size:.83rem;padding:7px}.nav{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #d4e0e4}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:76px}.brand{text-decoration:none;font-weight:900;color:#102b39;font-size:1.13rem;line-height:1.2}.brand small{display:block;font-size:.65rem;letter-spacing:.11em;color:#516370;font-weight:600}.nav-links{display:flex;align-items:center;gap:19px;flex-wrap:wrap}.nav-links a{text-decoration:none;font-weight:700;font-size:.89rem}.button,.nav-links a.button{display:inline-flex;justify-content:center;align-items:center;background:#d96539;color:white!important;padding:13px 22px;border-radius:5px;text-decoration:none;font-weight:800;border:2px solid #d96539;line-height:1.3}.button:hover{background:#b94c28;border-color:#b94c28}.button.secondary{background:transparent;color:#16748a!important;border-color:#16748a}.button.light{background:white;color:#143a31!important;border-color:white}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:800;color:#d96539}.hero{background:linear-gradient(115deg,#102b39 0%,#183d4e 64%,#23546a 100%);color:white}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:42px;min-height:610px;padding:74px 24px}.hero .eyebrow{color:#b8e7ed}.hero h1{font-size:clamp(2.35rem,4.5vw,4.75rem);line-height:1.11;letter-spacing:-.05em;margin:16px 0 24px}.hero p{font-size:1.09rem;color:#e1ebee;max-width:620px}.hero img{width:100%;height:425px;object-fit:cover;border-radius:9px;box-shadow:16px 16px 0 #68a2b4}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.pill{border:1px solid #78a0ad;border-radius:30px;padding:4px 13px;font-size:.83rem;color:#f2f8fa}.section{padding:88px 0}.section.alt{background:#fff}.section.dark{background:#102b39;color:white}.section h2{font-size:clamp(1.95rem,3vw,3.1rem);letter-spacing:-.04em;line-height:1.18;margin:12px 0 22px}.intro{max-width:790px;font-size:1.08rem;color:#516370}.dark .intro{color:#d8e7ed}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.grid.two{grid-template-columns:repeat(2,1fr)}.tile{background:#fff;padding:30px;border-radius:8px;border:1px solid #d4e0e4;box-shadow:0 5px 25px #102b1f08}.tile h3{margin:12px 0;font-size:1.28rem;color:#182b37}.tile p{color:#516370;margin:0 0 13px}.tile a{color:#16748a;font-weight:800;text-decoration:none}.tile .number{font-size:2rem;font-weight:900;color:#16748a}.dark .tile{background:#24485a;border-color:#466a7b}.dark .tile h3,.dark .tile p{color:white}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split img{width:100%;max-height:450px;object-fit:cover;border-radius:8px}.checklist{padding-left:20px}.checklist li{margin:12px 0;padding-left:5px}.checklist li::marker{color:#d96539}.links{display:flex;gap:11px;flex-wrap:wrap;margin:25px 0}.links a{padding:8px 12px;border:1px solid #cbdde2;border-radius:5px;text-decoration:none;font-size:.87rem}.links a:hover{background:#e8f3f6}.faq details{border-bottom:1px solid #d4e0e4;padding:15px 0}.faq summary{cursor:pointer;font-weight:800;font-size:1.03rem}.faq p{max-width:850px;color:#516370}.cta{background:#d96539;color:white;padding:64px 0}.cta h2{margin:0;font-size:2.3rem}.cta p{max-width:760px}.footer{background:#102b39;color:#d8e7ed;padding:50px 0 27px}.footer a{color:#fff}.footer-columns{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}.footer h2,.footer h3{color:white}.fine{font-size:.8rem;color:#c2d4db;border-top:1px solid #365769;margin-top:35px;padding-top:18px}.subhero{background:#102b39;color:white;padding:85px 0}.subhero h1{font-size:clamp(2.2rem,4vw,4rem);line-height:1.13;letter-spacing:-.04em;margin:14px 0}.subhero p{font-size:1.1rem;max-width:790px;color:#dcecf0}.crumb{color:#c5dfe7;font-size:.85rem}.crumb a{color:#fff}.contact-box{background:#ecf5f7;border-left:5px solid #d96539;padding:25px;margin:26px 0}.small{font-size:.88rem}.nav-toggle{display:none}@media(max-width:850px){.nav-inner{flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.nav-toggle{display:block;background:#eef5f7;border:0;font:inherit;font-weight:700;padding:9px 12px;border-radius:4px}.nav-links{display:none;width:100%;padding:12px 0;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.hero-grid,.split{grid-template-columns:1fr}.hero-grid{padding:55px 24px}.hero img{height:300px}.grid,.grid.two,.footer-columns{grid-template-columns:1fr 1fr}.section{padding:65px 0}}@media(max-width:570px){.grid,.grid.two,.footer-columns{grid-template-columns:1fr}.hero h1{font-size:2.35rem}.section h2{font-size:1.95rem}.shell{padding-left:19px;padding-right:19px}.hero-grid{gap:26px}.hero img{height:240px;box-shadow:8px 8px 0 #68a2b4}}
/* Einheitliches Layout zum Anfrageformular · 2026-10 */
body{background:#f4f8f9;color:#182b37} .topbar{background:#102b39;color:#dceaf0}.nav{background:#fff;border-color:#d4e0e4}.brand{color:#102b39}.brand small{color:#516370}.nav-links a:hover{color:#16748a}.button,.nav-links a.button{border-radius:10px;transition:background .2s ease,transform .2s ease}.button:focus-visible,.nav a:focus-visible,a:focus-visible{outline:3px solid #81cbd9;outline-offset:3px}.hero{background:linear-gradient(115deg,#102b39 0%,#193f50 65%,#225568 100%)}.section.alt{background:#fff}.tile{border-radius:16px;box-shadow:0 12px 35px #17394b0c}.tile a{color:#116379}.tile a:hover{text-decoration:underline}.pill{background:#ffffff10}.section.dark,.subhero,.footer{background:#102b39}.cta{background:#193e50}.contact-box{background:#eaf4f7;border-left-color:#d96539;border-radius:12px}.links a{border-radius:10px}.nav-toggle{background:#eef5f7;color:#182b37}.hero img,.split img{border-radius:16px}

/* Müller Service UG – Rechnungsfarben, 15.10.2026 */
:root{--mueller-blau:#3274B5;--mueller-hellblau:#479FF8;--mueller-dunkel:#193E68}
body{color:#183048;background:#f6faff}
a:hover{color:#3274B5}
.topbar,.section.dark,.subhero,.footer{background:#193E68;color:#fff}
.nav{border-bottom-color:#d9e8f7}
.brand,.tile h3{color:#3274B5}
.nav-links a:hover,.tile a,.eyebrow,.tile .number{color:#3274B5}
.hero{background:linear-gradient(115deg,#193E68 0%,#3274B5 74%,#479FF8 100%)}
.hero .eyebrow{color:#cfe9ff}
.button,.nav-links a.button{background:#3274B5;border-color:#3274B5;color:white!important}
.button:hover,.nav-links a.button:hover{background:#245e98;border-color:#245e98}
.button.secondary{background:transparent;color:#3274B5!important;border-color:#3274B5}
.button.light{background:white;color:#193E68!important;border-color:white}
.cta{background:#3274B5}
.contact-box{background:#eff7ff;border-left-color:#479FF8}
.tile{border-color:#d9e8f7}
.checklist li::marker{color:#479FF8}
.links a:hover,.nav-toggle{background:#eff7ff}
.hero img{box-shadow:12px 12px 0 #7bb5ec}
a:focus-visible,.button:focus-visible{outline:3px solid #479FF8;outline-offset:3px}