@keyframes pulse-green{0%{box-shadow:0 0 0 0 rgba(52,211,153,.7),0 0 10px 2px rgba(52,211,153,.55)}to{box-shadow:0 0 0 14px transparent,0 0 10px 2px rgba(52,211,153,.55)}}@keyframes pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(2.6);opacity:0}}@keyframes signal-rings{0%,to{transform:translateY(-50%) scale(.92);opacity:.75}50%{transform:translateY(-50%) scale(1.08);opacity:1}}@keyframes pulse-white{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7),0 0 14px 2px rgba(255,255,255,.6)}to{box-shadow:0 0 0 18px transparent,0 0 14px 2px rgba(255,255,255,.6)}}@keyframes pulse-orange{0%{box-shadow:0 0 0 0 rgba(255,105,0,.7),0 0 12px 2px rgba(255,105,0,.5)}to{box-shadow:0 0 0 14px transparent,0 0 12px 2px rgba(255,105,0,.5)}}@keyframes marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes drop-float{0%,to{transform:translateY(0) rotate(180deg)}50%{transform:translateY(-32px) rotate(180deg)}}@keyframes faucet-shimmer{0%,to{opacity:.1;transform:rotate(-3deg)}50%{opacity:.18;transform:rotate(3deg)}}@keyframes tag-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@font-face{font-family:"Inter";src:url(../fonts/inter-variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}@font-face{font-family:"Inter";src:url(../fonts/inter-variable-latin-ext.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg:#ffffff;--bg-card:#ffffff;--bg-warm:#f3f5f7;--bg-warm-2:#e6eaef;--bg-tint-cyan:#eaf5f8;--bg-tint-orange:#fff4ec;--bg-dark:#073052;--bg-darker:#04223c;--ink:#073052;--ink-soft:#475569;--ink-muted:#94a3b8;--ink-on-dark:#f8fafc;--primary:#0e4d75;--primary-light:#2a7baa;--primary-dark:#073052;--primary-soft:rgba(14, 77, 117, 0.10);--blue-icon:#b6c8e8;--gold-cta:#c8a967;--orange:#ff6900;--orange-dark:#cc5400;--orange-soft:rgba(255,105,0,0.10);--accent-on-teal:#ffb070;--cyan:#6EC1E4;--cyan-dark:#2b8db8;--cyan-soft:rgba(110,193,228,0.18);--border:#e5e7eb;--border-soft:#f1f5f9;--footer-bg:#073052;--footer-fg:rgba(248,250,252,0.95);--footer-fg-muted:rgba(248,250,252,0.55);--font-sans:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;--container:1200px;--gutter:clamp(20px, 4vw, 40px);--section-py:clamp(96px, 11vw, 144px);--header-h:88px;--promo-overlap:72px;--dur:0.3s;--dur-slow:0.6s;--ease:cubic-bezier(0.22, 1, 0.36, 1);--r-sm:8px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-pill:999px;--shadow-sm:0 1px 2px rgba(7, 48, 82, 0.04);--shadow-md:0 6px 24px rgba(7, 48, 82, 0.08);--shadow-lg:0 18px 50px rgba(7, 48, 82, 0.14);--shadow-cta:0 8px 24px rgba(255, 105, 0, 0.32)}*,::after,::before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,svg,video{display:block;max-width:100%;height:auto}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}ol,ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}h1,h2,h3,h4{color:var(--ink)}h1,h2,h3,h4,h5,h6{margin:0 0 .4em;line-height:1.15}h3,h4,h5,h6{letter-spacing:-.015em}h1{font-size:clamp(2.25rem,5vw + .5rem,4rem);font-weight:800;letter-spacing:-.025em}h2,h3{font-weight:700}h2{font-size:clamp(1.75rem,3.5vw + .5rem,3rem);letter-spacing:-.02em}h3{font-size:clamp(1.25rem,2vw + .5rem,1.625rem)}h4{font-size:1.125rem;font-weight:600}p,p.lead{color:var(--ink-soft)}p{margin:0 0 1em}p.lead{font-size:clamp(1.0625rem,1.2vw + .5rem,1.25rem)}.eyebrow,b,h5,h6,strong{font-weight:700;color:var(--ink)}.accent::after{content:"";display:block;width:56px;height:4px;background:var(--primary);border-radius:4px;margin-top:1rem}.accent--cyan::after{background:var(--cyan-dark)}.accent--orange::after{background:var(--orange)}.accent--center::after{margin-left:auto;margin-right:auto}.eyebrow{display:inline-block;font-size:.8125rem;text-transform:uppercase;letter-spacing:.14em;color:var(--primary);margin-bottom:1rem}.eyebrow--cyan{color:var(--cyan-dark)}.eyebrow--orange{color:var(--orange-dark)}.container{width:100%;max-width:var(--container);margin:0 auto;padding-inline:var(--gutter)}section{padding-block:var(--section-py);position:relative}section.tight{padding-block:clamp(96px,11vw,144px)}section.bg-cyan{background:var(--bg-tint-cyan)}section.bg-orange,section.bg-warm{background:var(--bg-warm)}section.bg-warm-2{background:var(--bg-warm-2)}section.bg-dark{background:var(--bg-dark)}section.bg-dark,section.bg-dark h1,section.bg-dark h2,section.bg-dark h3{color:var(--ink-on-dark)}section.bg-dark p{color:rgba(248,250,252,.75)}section.bg-cyan+section.bg-cyan,section.bg-dark+section.bg-dark,section.bg-orange+section.bg-orange,section.bg-warm+section.bg-warm,section.bg-warm-2+section.bg-warm-2{padding-top:clamp(16px,3vw,32px)}section:not([class*=bg-]):not([class*=hero]):not(.brand-marquee):not(.craft-section):not(.services-after-craft):not(.leistungen-section):not(.notfall-section):not(.brands-section):not(.kontakt-cta-section):not(.promo-callout-section)+section:not([class*=bg-]):not([class*=hero]):not(.brand-marquee):not(.craft-section):not(.services-after-craft):not(.leistungen-section):not(.notfall-section):not(.brands-section):not(.kontakt-cta-section):not(.promo-callout-section){padding-top:clamp(20px,3vw,40px)}.btn,.desktop-nav a{font-size:.9375rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.95rem 1.6rem;border-radius:var(--r-pill);border:1px solid transparent;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);white-space:nowrap}.btn--orange,.btn--primary{color:#fff;box-shadow:var(--shadow-cta)}.btn--primary{background:var(--primary)}.btn--primary:hover{background:var(--primary-light);transform:translateY(-2px)}.btn--orange{background:var(--orange)}.btn--orange:hover{background:var(--orange-dark);transform:translateY(-2px)}.hero--navy .btn--orange{background:#ed5f00;border-color:transparent;box-shadow:0 4px 14px rgba(8,44,52,.22)}.hero--navy .btn--orange:hover{background:var(--orange-dark);box-shadow:0 7px 20px rgba(8,44,52,.28)}.btn--outline{background:0 0;color:var(--ink);border-color:var(--ink)}.btn--outline:hover{background:var(--ink);color:#fff}.btn--ghost{background:var(--bg-card);color:var(--ink);border-color:var(--border)}.btn--ghost:hover{border-color:var(--ink)}.btn--on-dark{background:#fff;color:var(--ink)}.btn--on-dark:hover{background:var(--orange);color:#fff}.btn .arrow,.desktop-nav a::after{transition:transform var(--dur) var(--ease)}.btn:hover .arrow{transform:translateX(3px)}#header{position:fixed;top:0;left:0;right:0;z-index:1100;background:#fff;box-shadow:0 1px 0 var(--border);transition:box-shadow var(--dur) var(--ease)}#header.is-scrolled{box-shadow:0 2px 18px rgba(7,48,82,.06),0 1px 0 var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--header-h)}.logo{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0}.logo img{width:auto;height:72px;max-width:100%;object-fit:contain}.logo-text{display:flex;flex-direction:column;line-height:1.05}.logo-text .logo-name{font-weight:800;font-size:1.05rem;letter-spacing:-.01em;color:var(--ink)}.logo-text .logo-sub{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-muted)}.desktop-nav,.header-cta{display:none;align-items:center;gap:.25rem}.desktop-nav a{position:relative;padding:.5rem .9rem;color:var(--ink-soft);border-radius:8px;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.desktop-nav .nav-group:hover .nav-trigger,.desktop-nav .nav-trigger.active,.desktop-nav .nav-trigger:hover,.desktop-nav .nav-trigger[aria-expanded=true],.desktop-nav a.active,.desktop-nav a:hover{color:var(--ink)}.desktop-nav a::after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:.25rem;height:2px;background:var(--primary);border-radius:2px;transform:scaleX(0);transform-origin:left}.desktop-nav .nav-group:hover .nav-trigger::after,.desktop-nav .nav-trigger.active::after,.desktop-nav .nav-trigger:hover::after,.desktop-nav .nav-trigger[aria-expanded=true]::after,.desktop-nav a.active::after,.desktop-nav a:hover::after{transform:scaleX(1)}.header-cta{gap:.65rem}@media (min-width:1024px){.desktop-nav,.header-cta{display:flex}}.header-phone{gap:.4rem;padding:.55rem 1rem;font-size:.9rem;font-weight:600;color:var(--orange-dark);border-radius:var(--r-pill);background:var(--bg-tint-orange);transition:background var(--dur) var(--ease)}.header-phone,.header-phone span{white-space:nowrap}.header-phone:hover{background:var(--orange);color:#fff}.header-phone svg{width:16px;height:16px}.hamburger,.hamburger-icon,.header-phone{display:inline-flex;align-items:center}.hamburger{flex-direction:row-reverse;gap:10px;min-height:44px;padding:0 12px;background:0 0;border:0;position:relative;z-index:1101;transform:translateZ(0)}.hamburger-icon{flex-direction:column;justify-content:center;gap:5px;width:24px}.hamburger-icon span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transform-origin:center;transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease),background var(--dur) var(--ease)}.hamburger-label{font-size:.875rem;font-weight:600;color:var(--ink);letter-spacing:.02em}.hamburger[aria-expanded=true] .hamburger-icon span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger[aria-expanded=true] .hamburger-icon span:nth-child(2){opacity:0}.hamburger[aria-expanded=true] .hamburger-icon span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (min-width:1024px){.hamburger{display:none}}.mobile-drawer{position:fixed;inset:0;z-index:1000;background:var(--bg);transform:translateX(100%);transition:transform var(--dur-slow) var(--ease);visibility:hidden;overflow-y:auto}.mobile-drawer.open{transform:translateX(0);visibility:visible}.drawer-inner{min-height:100%;display:flex;flex-direction:column;padding:calc(var(--header-h) + 24px) var(--gutter) 32px;gap:2rem}.drawer-cta,.drawer-inner nav{display:flex;flex-direction:column;gap:.25rem}.drawer-inner nav a{display:flex;align-items:baseline;gap:1rem;padding:1rem 0;font-size:1.5rem;font-weight:600;color:var(--ink);border-bottom:1px solid var(--border)}.drawer-inner nav .num{font-size:.75rem;font-weight:500;color:var(--ink-muted);font-variant-numeric:tabular-nums}.drawer-cta{gap:.75rem;margin-top:auto}.drawer-cta .btn{width:100%}.drawer-meta{font-size:.875rem;color:var(--ink-muted);border-top:1px solid var(--border);padding-top:1.25rem}.breadcrumb a,.contact-info a,.drawer-meta a{color:var(--ink-soft)}.desktop-nav .nav-group{position:relative}.desktop-nav .nav-trigger{position:relative;padding:.5rem .9rem;font:inherit;font-size:.9375rem;font-weight:600;color:var(--ink-soft);background:0 0;border:0;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:.375rem;line-height:inherit;transition:color var(--dur) var(--ease)}.desktop-nav .nav-trigger::after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:.25rem;height:2px;background:var(--primary);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform var(--dur) var(--ease)}.nav-chevron{transition:transform .2s ease;opacity:.75}.desktop-nav .nav-group:hover .nav-chevron,.desktop-nav .nav-trigger[aria-expanded=true] .nav-chevron{transform:rotate(180deg);opacity:1}.desktop-nav .nav-group::before{content:"";position:absolute;top:100%;left:0;right:0;height:8px;pointer-events:none}.desktop-nav .nav-group:hover::before{pointer-events:auto}.desktop-nav .nav-submenu{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 30px rgba(7,48,82,.1),0 4px 8px rgba(7,48,82,.06);padding:.4rem;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:100}.desktop-nav .nav-group:focus-within .nav-submenu,.desktop-nav .nav-group:hover .nav-submenu,.desktop-nav .nav-trigger[aria-expanded=true]+.nav-submenu{opacity:1;visibility:visible;transform:translateY(0)}.desktop-nav .nav-submenu a{display:block;padding:.55rem .875rem;font-size:.9125rem;font-weight:600;color:var(--ink-soft);text-decoration:none;border-radius:6px;white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.desktop-nav .nav-submenu a.active,.desktop-nav .nav-submenu a:hover{background:var(--bg-warm);color:var(--primary)}.desktop-nav .nav-submenu a::after{display:none}.drawer-inner nav .drawer-group,.hero-trust-item>div{display:flex;flex-direction:column}.drawer-inner nav .drawer-trigger{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 0;font:inherit;font-size:1.5rem;font-weight:600;color:var(--ink);background:0 0;border:0;border-bottom:1px solid var(--border);text-align:left;cursor:pointer}.drawer-inner nav .drawer-submenu a.active,.drawer-inner nav .drawer-trigger.active{color:var(--primary)}.drawer-inner nav .drawer-trigger .drawer-label{flex:1}.drawer-inner nav .drawer-chevron{margin-left:auto;transition:transform .25s ease;color:var(--ink-muted);flex-shrink:0}.drawer-inner nav .drawer-trigger[aria-expanded=true] .drawer-chevron{transform:rotate(180deg)}.drawer-inner nav .drawer-submenu{max-height:0;overflow:hidden;transition:max-height .3s ease}.drawer-inner nav .drawer-trigger[aria-expanded=true]+.drawer-submenu{max-height:360px}.drawer-inner nav .drawer-submenu a{display:flex;align-items:baseline;padding:.75rem 0 .75rem 2.25rem;font-size:1.125rem;font-weight:500;color:var(--ink-soft);border-bottom:1px solid var(--border)}.hero.hero--navy{position:relative;min-height:auto;max-height:none;overflow:hidden;isolation:isolate;display:block;padding-top:calc(var(--header-h) + clamp(28px,3.2vw,48px));padding-bottom:calc(var(--promo-overlap) + clamp(48px,6vw,76px));background:radial-gradient(ellipse 60% 50%at 0 0,rgba(255,105,0,.12)0,transparent 55%),radial-gradient(ellipse 70% 60%at 100% 100%,rgba(255,255,255,.12)0,transparent 60%),linear-gradient(180deg,#1e8ea2 0,#166e80 100%);color:#fff}@media (max-width:600px){.hero.hero--navy{padding-top:calc(var(--header-h) + 40px)}}.hero.hero--navy .hero-grid{display:grid;grid-template-columns:1fr;gap:clamp(32px,5vw,64px);align-items:center;position:relative;z-index:2;padding-top:0;padding-bottom:0}@media (min-width:900px){.hero.hero--navy .hero-grid{grid-template-columns:1.1fr 1fr;gap:clamp(48px,5vw,80px)}}.hero.hero--navy .hero-aurora{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.hero--navy .aurora-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45}.hero--navy .aurora-blob--1{top:-10%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(255,105,0,.3)0,transparent 60%)}.hero--navy .aurora-blob--2{bottom:-20%;right:-10%;width:55vw;height:55vw;background:radial-gradient(circle,rgba(110,193,228,.18)0,transparent 65%)}.hero-fussbodenheizung .breadcrumb a:hover,.hero-klima .breadcrumb a:hover,.hero-poolgarten .breadcrumb a:hover,.hero-sanitaer .breadcrumb a:hover,.hero-thermenservice .breadcrumb a:hover,.hero.hero--navy .hero-content{color:#fff}.hero.hero--navy .hero-h1{color:#fff;font-size:clamp(2.5rem,5vw + .5rem,4.25rem);font-weight:800;letter-spacing:-.025em;line-height:1.02;margin:0 0 1.25rem;text-wrap:balance}.hero.hero--navy .hero-h1-dash{display:inline-block;color:rgba(255,255,255,.45);margin:0 .4rem;font-weight:400}.hero.hero--navy .hero-h1-accent{display:inline;color:var(--accent-on-teal);position:relative}.hero.hero--navy .hero-h1-period{color:var(--accent-on-teal)}.hero.hero--navy .lead{color:rgba(255,255,255,.82);font-size:clamp(1rem,.4vw + .9rem,1.125rem);line-height:1.6;max-width:56ch;margin:0 0 2rem}.hero-prelude{margin-bottom:1.5rem}.eyebrow--on-dark,.hero-prelude-chip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:999px;color:rgba(255,255,255,.92)}.hero-prelude-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem 1rem .5rem .65rem;font-size:.8125rem;font-weight:600;letter-spacing:.02em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-prelude-chip svg{width:18px;height:18px;color:var(--orange);flex-shrink:0}.eyebrow--on-dark{display:inline-block;padding:.4rem .95rem;font-size:.75rem;letter-spacing:.16em;margin-bottom:1.25rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-trust{display:flex;align-items:center;gap:1.25rem;margin-top:2.5rem;padding-top:1.75rem;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.hero-trust-item{display:inline-flex;align-items:center;gap:.75rem}.hero-trust-divider{width:1px;height:32px;background:rgba(255,255,255,.1)}.hero-trust-icon{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;flex-shrink:0}.hero-trust-icon svg{width:20px;height:20px}.hero-trust-icon--gold{background:rgba(245,180,0,.14);border-color:rgba(245,180,0,.35);color:#f5b400;filter:drop-shadow(0 2px 8px rgba(245,180,0,.2))}.hero-trust-item>div{gap:1px;line-height:1.1}.hero-trust-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.55);font-weight:600}.hero-trust-value{font-size:1.0625rem;font-weight:800;color:#fff;letter-spacing:-.005em}.hero-visual-badge{background:rgba(7,48,82,.85);border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#fff;letter-spacing:.02em;z-index:3}.hero-visual-badge-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.7),0 0 10px 2px rgba(52,211,153,.55);animation:pulse-green 1.8s ease-out infinite;flex-shrink:0}.btn--lg{padding:1.05rem 1.875rem;font-size:1.1875rem;font-weight:700}.btn--lg svg:not(.arrow){width:18px;height:18px}@media (max-width:600px){.hero-trust{gap:1rem .75rem}.hero-trust-divider{display:none}.hero-trust-item{flex:1 1 calc(50% - .5rem);min-width:130px}.hero-prelude-chip{font-size:.75rem;padding:.4rem .85rem .4rem .55rem}.hero-visual-badge{bottom:1rem;left:1rem;font-size:.75rem}}.hero.hero--navy .hero-visual{position:relative;margin:0;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:4/5;box-shadow:0 32px 80px rgba(0,0,0,.3),0 12px 28px rgba(0,0,0,.18);isolation:isolate}.hero-fussbodenheizung .hero-visual picture,.hero-klima .hero-visual picture,.hero-poolgarten .hero-visual picture,.hero-sanitaer .hero-visual picture,.hero-thermenservice .hero-visual picture,.hero.hero--navy .hero-visual picture{display:block;width:100%;height:100%}.hero.hero--navy .hero-visual img,.hero.hero--navy .hero-visual-inset img{width:100%;height:100%;object-fit:cover;display:block}@media (min-width:900px){.hero.hero--navy .hero-visual{aspect-ratio:4/5}}@media (max-width:600px){.hero.hero--navy .hero-visual{aspect-ratio:16/11;border-radius:var(--r-lg)}}.hero.hero--navy .hero-visual-inset{position:absolute;bottom:1.25rem;right:1.25rem;width:32%;max-width:180px;aspect-ratio:4/5;margin:0;border-radius:12px;overflow:hidden;box-shadow:0 14px 32px rgba(0,0,0,.35),0 4px 10px rgba(0,0,0,.2),0 0 0 4px rgba(255,255,255,.95);z-index:2}@media (max-width:600px){.hero.hero--navy .hero-visual-inset{bottom:.75rem;right:.75rem;width:36%;max-width:130px;border-radius:10px;box-shadow:0 10px 22px rgba(0,0,0,.32),0 0 0 3px rgba(255,255,255,.92)}}.btn--ghost-light{background:rgba(255,255,255,.11);color:#fff;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn--ghost-light:hover,.hero .btn--outline:hover{background:#fff;color:var(--primary-dark);border-color:#fff}.hero{position:relative;min-height:min(100svh,820px);max-height:100svh;overflow:hidden;background:#1a1a1a;display:flex;align-items:center;isolation:isolate}@supports not (height:100svh){.hero{min-height:min(100vh,820px);max-height:100vh}}@media (max-width:600px){.hero{min-height:min(100svh,700px)}}.hero-bg,.hero-overlay{position:absolute;inset:0}.hero-bg{z-index:0;display:block}.hero-bg img{object-position:center;display:block}.hero-overlay{z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.55)0,rgba(0,0,0,.4) 30%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.55) 100%)}.hero .container{position:relative;z-index:2;width:100%;padding-top:calc(var(--header-h) + clamp(24px,4vw,48px));padding-bottom:clamp(32px,5vw,56px)}.hero-content{max-width:640px;color:#fff}.hero .eyebrow{color:#fffaf5;font-size:.8125rem;letter-spacing:.14em;font-weight:600;text-transform:uppercase;margin-bottom:1rem;text-shadow:0 2px 12px rgba(0,0,0,.7),0 1px 3px rgba(0,0,0,.6)}.hero h1,.hero h1 em{text-shadow:0 4px 32px rgba(0,0,0,.75),0 2px 8px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,.4)}.hero h1{color:#fff;font-size:clamp(2.25rem,5vw + .5rem,4rem);font-weight:800;line-height:1.1;letter-spacing:-.025em;margin:0 0 1.25rem}.hero h1 em{background:0 0;-webkit-text-fill-color:#ffb27a;font-style:normal;color:transparent;background:linear-gradient(135deg,var(--cyan-dark) 0%,var(--orange) 80%);-webkit-background-clip:text;background-clip:text}.hero .lead{color:rgba(255,252,248,.96);font-size:clamp(1.0625rem,1.2vw + .5rem,1.25rem);line-height:1.55;max-width:50ch;margin:0 0 2rem;text-shadow:0 2px 16px rgba(0,0,0,.65),0 1px 4px rgba(0,0,0,.5)}.hero .btn--outline{background:0 0;color:#fff;border-color:rgba(255,255,255,.7)}.hero .btn--outline:hover{color:var(--ink)}.hero .hero-meta{border-top-color:rgba(255,255,255,.22)}.hero .hero-meta-num{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.5)}.hero .hero-meta-label{color:rgba(255,255,255,.78);text-shadow:0 1px 3px rgba(0,0,0,.5)}.hero-grid{display:grid;gap:clamp(32px,5vw,64px);align-items:center}@media (min-width:900px){.hero-grid{grid-template-columns:1.1fr 1fr}}.hero-meta{display:flex;flex-wrap:wrap;gap:1.25rem 2rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.hero-meta-item{display:flex;flex-direction:column}.hero-meta-num{font-size:1.5rem;font-weight:800;color:var(--ink);letter-spacing:-.02em}.hero-meta-label{font-size:.8125rem;color:var(--ink-muted)}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.hero-visual{position:relative;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:4/5;box-shadow:var(--shadow-lg)}.feature-img img,.gallery-tile img,.hero-bg img,.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-badge{position:absolute;bottom:1.25rem;left:1.25rem;background:var(--bg-card);border-radius:var(--r-md);padding:.8rem 1.1rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-md);font-size:.9rem;font-weight:600}.hero-badge .pulse{width:10px;height:10px;background:var(--orange);border-radius:50%;position:relative;flex-shrink:0}.hero-badge .pulse::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--orange);animation:pulse 1.8s ease-out infinite}.subpage-hero{padding-top:calc(var(--header-h) + clamp(40px,6vw,72px));padding-bottom:clamp(48px,7vw,80px);background:radial-gradient(ellipse at 80% 0%,var(--cyan-soft) 0%,transparent 50%),radial-gradient(ellipse at 0% 100%,var(--orange-soft) 0%,transparent 50%),var(--bg)}.breadcrumb{font-size:.875rem;color:var(--ink-muted);margin-bottom:1.5rem}.breadcrumb a:hover{color:var(--orange-dark)}.breadcrumb span{margin:0 .5rem}.services-grid{display:grid;gap:clamp(16px,2vw,24px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:clamp(32px,5vw,56px)}.service-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.75rem;display:flex;flex-direction:column;min-height:280px;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease);position:relative;overflow:hidden}@media (hover:hover){.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}}.service-card .icon{width:56px;height:56px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;flex-shrink:0}.service-card .icon svg{width:28px;height:28px;stroke-width:1.75}.service-card[data-tone=orange] .icon{background:var(--bg-tint-orange);color:var(--orange-dark)}.service-card[data-tone=cyan] .icon{background:var(--bg-tint-cyan);color:var(--cyan-dark)}.service-card h3{margin-bottom:.5rem}.service-card p{color:var(--ink-soft);font-size:.95rem;margin-bottom:1.25rem}.service-card .link{margin-top:auto;display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.9375rem;color:var(--ink)}.contact-info a:hover,.service-card[data-tone=orange] .link{color:var(--orange-dark)}.service-card[data-tone=cyan] .link{color:var(--cyan-dark)}.service-card .link svg{width:14px;height:14px;transition:transform var(--dur) var(--ease)}.service-card:hover .link svg{transform:translateX(4px)}.notfall-section{background:#fff;padding-top:clamp(96px,11vw,144px);padding-bottom:clamp(96px,11vw,144px)}.notfall-head{display:grid;gap:clamp(20px,3vw,32px);margin-bottom:clamp(40px,5vw,56px)}.notfall-head .eyebrow{color:var(--ink-soft);font-weight:600;letter-spacing:.12em}.notfall-head h2{color:var(--primary);font-size:clamp(1.875rem,3vw + .5rem,2.75rem);line-height:1.12;letter-spacing:-.015em;margin:0;max-width:22ch}.notfall-head .notfall-subtitle{display:block;color:var(--blue-icon);font-weight:700}.notfall-badges{display:flex;flex-wrap:wrap;gap:.75rem}.notfall-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .875rem;background:#fff;border:1px solid var(--border);border-radius:var(--r-md);font-size:.875rem;font-weight:600;color:var(--primary)}.notfall-badge svg{width:16px;height:16px;color:var(--primary)}.notfall-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:600px){.notfall-grid{grid-template-columns:1fr 1fr}}@media (min-width:900px){.notfall-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}.notfall-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;background:#fff;border:1px solid var(--border);border-radius:var(--r-md);position:relative;box-shadow:0 2px 4px rgba(7,48,82,.02)}.notfall-ico{flex-shrink:0;width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;color:var(--blue-icon);background:rgba(182,200,232,.18);border-radius:var(--r-sm)}.notfall-ico svg{width:30px;height:30px}.notfall-card-title{font-size:1.125rem;font-weight:700;color:var(--primary);letter-spacing:-.005em}@media (max-width:600px){.notfall-card{padding:1.125rem 1.25rem;gap:1rem}.notfall-ico{width:48px;height:48px}.notfall-ico svg{width:26px;height:26px}.notfall-card-title{font-size:1rem}}.notdienst-banner{background:radial-gradient(circle at 100% 50%,rgba(255,255,255,.1) 0%,transparent 38%),radial-gradient(ellipse at 0% 100%,rgba(0,0,0,.2) 0%,transparent 55%),linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 50%,var(--primary-dark) 100%);color:#fff;border-radius:var(--r-xl);padding:clamp(36px,5vw,64px);display:grid;gap:1.5rem;align-items:center;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 30px 70px rgba(14,77,117,.28),0 12px 24px rgba(7,48,82,.1)}.notdienst-banner::before{content:"";position:absolute;right:-8%;top:50%;width:min(520px,60vw);aspect-ratio:1;transform:translateY(-50%);background:radial-gradient(circle,transparent 45%,rgba(255,255,255,.13) 46%,rgba(255,255,255,.13) 47%,transparent 48%),radial-gradient(circle,transparent 58%,rgba(255,255,255,.1) 59%,rgba(255,255,255,.1) 60%,transparent 61%),radial-gradient(circle,transparent 72%,rgba(255,255,255,.07) 73%,rgba(255,255,255,.07) 74%,transparent 75%);pointer-events:none;z-index:0;animation:signal-rings 4.5s ease-in-out infinite}.notdienst-banner::after{content:"24/7";position:absolute;bottom:-.22em;left:-.04em;font-size:clamp(140px,22vw,280px);font-weight:900;color:rgba(255,255,255,.07);letter-spacing:-.06em;line-height:1;pointer-events:none;z-index:0}.notdienst-banner>*{position:relative;z-index:1}@media (min-width:768px){.notdienst-banner{grid-template-columns:1fr auto;gap:2.5rem}}.notdienst-banner h2{color:#fff;margin-bottom:.75rem;font-size:clamp(1.625rem,3vw + .5rem,2.5rem);line-height:1.15;letter-spacing:-.01em;text-wrap:balance}.notdienst-banner p{color:rgba(255,255,255,.94);margin:0;max-width:56ch;font-size:clamp(.95rem,.4vw + .85rem,1.0625rem);line-height:1.6}.notdienst-banner .notdienst-tagline{font-size:clamp(1.0625rem,.6vw + .95rem,1.25rem);font-style:normal;font-weight:500;color:#fff;margin:0 0 .75rem;max-width:48ch;text-wrap:balance;letter-spacing:-.005em}.notdienst-banner .btn--on-dark{background:#fff;color:var(--ink);white-space:nowrap;padding:1.125rem 1.875rem;font-weight:700;font-size:1.0625rem;border-radius:999px;box-shadow:0 16px 36px rgba(0,0,0,.22),0 4px 8px rgba(0,0,0,.12),inset 0 1px 0#fff,inset 0-2px 0 rgba(0,0,0,.06);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s cubic-bezier(.2,.8,.2,1),background-color .3s ease,color .3s ease}.notdienst-banner .btn--on-dark:hover{background:var(--ink);color:#fff;transform:translateY(-3px);box-shadow:0 24px 50px rgba(0,0,0,.32),0 8px 16px rgba(0,0,0,.16)}.notdienst-banner .btn--on-dark svg{transition:transform .4s cubic-bezier(.2,.8,.2,1)}.notdienst-banner .btn--on-dark:hover svg{transform:rotate(-15deg) scale(1.15)}.notdienst-pulse{display:inline-flex;align-items:center;gap:.625rem;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;margin-bottom:1rem;padding:.45rem .95rem .45rem .6rem;background:rgba(0,0,0,.18);border-radius:999px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)}.notdienst-pulse::before{content:"";width:10px;height:10px;border-radius:50%;background:#fff;flex-shrink:0;box-shadow:0 0 0 0 rgba(255,255,255,.7),0 0 14px 2px rgba(255,255,255,.6);animation:pulse-white 1.8s ease-out infinite}@media (max-width:767px){.notdienst-banner{padding:clamp(28px,7vw,36px) clamp(22px,5vw,28px);text-align:left}.notdienst-banner::before{right:-30%;width:110vw;opacity:.55}.notdienst-banner::after{font-size:clamp(110px,38vw,180px);bottom:-.18em;color:rgba(255,255,255,.06)}.notdienst-banner h2{font-size:clamp(1.5rem,6vw,1.875rem);margin-bottom:.625rem}.notdienst-banner .notdienst-tagline{font-size:1rem;max-width:100%}.notdienst-banner p{font-size:.95rem}.notdienst-banner .btn--on-dark{width:100%;justify-content:center;padding:.95rem 1.25rem;font-size:.95rem;margin-top:.5rem}.notdienst-pulse{font-size:.75rem;letter-spacing:.12em;padding:.35rem .75rem .35rem .5rem}}@media (prefers-reduced-motion:reduce){.notdienst-banner::before,.notdienst-pulse::before{animation:none}}.feature-grid{display:grid;gap:clamp(24px,4vw,48px);align-items:center}@media (min-width:900px){.feature-grid{grid-template-columns:1fr 1fr}.feature-grid.reversed>:first-child{order:2}}.feature-points{display:grid;gap:1.25rem;margin-top:1.5rem}.feature-points li{display:flex;gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-soft)}.feature-points li:last-child{border-bottom:0;padding-bottom:0}.feature-points .feature-num{font-size:1.5rem;font-weight:800;color:var(--orange);line-height:1;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:1.8rem}.feature-points :is(h3,h4){margin-bottom:.25rem}.feature-points p{margin:0;font-size:.9375rem}.feature-img{position:relative;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:4/5;box-shadow:var(--shadow-md)}.stats{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:clamp(24px,4vw,40px)0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat-item{text-align:center}.stat-num{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1}.stat-num em{font-style:normal;color:var(--orange)}.stat-label{font-size:.875rem;color:var(--ink-muted);margin-top:.5rem}.leistungen,.process{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.leistungen li{background:var(--bg-card);border-radius:var(--r-md);padding:1.25rem 1.5rem;display:flex;align-items:flex-start;gap:.875rem;transition:border-color var(--dur) var(--ease)}.faq details[open],.leistungen li:hover{border-color:var(--orange)}.leistungen .check{width:24px;height:24px;border-radius:50%;background:var(--bg-tint-orange);color:var(--orange-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700}.leistungen[data-tone=cyan] .check{background:var(--bg-tint-cyan);color:var(--cyan-dark)}.leistungen[data-tone=cyan] li:hover{border-color:var(--cyan-dark)}.contact-info strong,.leistungen strong{display:block;margin-bottom:.15rem}.leistungen h3{margin:0 0 .35rem;font-size:1.0625rem;font-weight:700;line-height:1.3;letter-spacing:0;color:var(--ink)}.leistungen p{margin:0;font-size:.9rem;color:var(--ink-soft);line-height:1.55}.process{gap:1.75rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:3rem;counter-reset:step;position:relative}.leistungen li,.process-step{border:1px solid var(--border)}.process-step{counter-increment:step;position:relative;padding:2.75rem 1.5rem 2rem;background:linear-gradient(180deg,rgba(182,200,232,.3) 0%,var(--bg-card) 65%);border-radius:var(--r-lg);isolation:isolate;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .4s ease}.process-step>:is(h3,h4),.process-step>p{isolation:isolate}.process-step::before{content:counter(step,decimal-leading-zero);position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 55%,var(--primary-dark) 100%);color:#fff;font-size:.875rem;font-weight:800;border-radius:50%;letter-spacing:.04em;z-index:3;box-shadow:0 10px 22px rgba(14,77,117,.32),0 3px 6px rgba(14,77,117,.18),inset 0 1px 0 rgba(255,255,255,.45),0 0 0 6px var(--bg-warm);font-variant-numeric:tabular-nums;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}.process-step::after{content:counter(step);position:absolute;bottom:0;right:.625rem;font-size:6.5rem;font-weight:900;color:var(--primary);opacity:.1;letter-spacing:-.08em;line-height:.85;pointer-events:none;z-index:0;font-feature-settings:"tnum";transition:opacity .4s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.process-step :is(h3,h4),.process-step p{position:relative;z-index:1;text-align:center}.process-step :is(h3,h4){margin:0 0 .5rem;font-size:1.0625rem;font-weight:700;letter-spacing:-.005em;color:var(--ink)}.process-step p{margin:0;font-size:.92rem;line-height:1.6;color:var(--ink-soft)}@media (hover:hover){.process-step:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(7,48,82,.1),0 6px 12px rgba(7,48,82,.06);border-color:rgba(14,77,117,.18)}.process-step:hover::before{transform:translateX(-50%) scale(1.08) rotate(-6deg);box-shadow:0 14px 32px rgba(14,77,117,.42),0 4px 8px rgba(14,77,117,.22),inset 0 1px 0 rgba(255,255,255,.5),0 0 0 6px var(--bg-warm)}.process-step:hover::after{opacity:.18;transform:translateY(-4px)}}@media (min-width:900px){.process{align-items:stretch}}@media (max-width:600px){.process{margin-top:2.25rem;gap:2rem 1rem}.process-step{padding:2.5rem 1.25rem 1.75rem;border-radius:var(--r-md)}.process-step::before{width:40px;height:40px;top:-16px;font-size:.8125rem}.process-step::after{font-size:6rem}}.faq{max-width:800px;margin:2.5rem auto 0;display:grid;gap:.75rem}.faq details{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:0 1.25rem;transition:border-color var(--dur) var(--ease)}.faq summary{list-style:none;cursor:pointer;padding:1.1rem 0;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-weight:600;color:var(--ink)}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-size:1.5rem;font-weight:300;color:var(--orange);transition:transform var(--dur) var(--ease)}.faq details[open] summary::after{transform:rotate(45deg)}.faq summary+*{padding-bottom:1.1rem;color:var(--ink-soft)}.gallery-rail{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-block:.5rem;margin-top:2rem}.gallery-rail::-webkit-scrollbar{display:none}.gallery-tile{flex:0 0 auto;width:min(420px,75vw);aspect-ratio:16/20;scroll-snap-align:start;position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--bg-tint-cyan)}.gallery-tile figcaption{position:absolute;inset:auto 0 0 0;padding:1rem 1.25rem;background:linear-gradient(to top,rgba(15,23,42,.75),transparent);color:#fff;font-size:.875rem}.gallery-tile figcaption strong{display:block;color:#fff}.trust-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(1.5rem,4vw,3rem);padding:2rem 0;margin-top:2rem;opacity:.85}.trust-strip .brand{font-size:1.125rem;font-weight:700;letter-spacing:.02em;color:var(--ink-soft);font-family:var(--font-sans)}.trust-strip .brand span{color:var(--ink-muted)}.contact-grid{display:grid;gap:clamp(32px,5vw,56px)}@media (min-width:900px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-info ul{display:grid;gap:1.5rem;margin-top:1.5rem}.contact-info li{display:flex;gap:1rem;align-items:flex-start}.contact-info .icon-box{width:44px;height:44px;border-radius:var(--r-md);background:var(--bg-tint-orange);color:var(--orange-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-info .icon-box svg{width:20px;height:20px}.contact-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:clamp(20px,3vw,32px)}.hp-trap{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none}.form-success{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:clamp(28px,4vw,44px);text-align:center}.form-success-icon{width:64px;height:64px;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c8eed4 0,#8ad6a0 100%);border-radius:50%;color:#1c7a4e}.form-success-icon svg{width:30px;height:30px}.form-success h2{margin:0 0 .75rem;font-size:clamp(1.3rem,2vw + .4rem,1.625rem);color:var(--ink)}.form-success p{color:var(--ink-soft);margin:0 0 .5rem}.form-success-meta{margin-top:1.25rem!important;font-size:.9375rem;color:var(--ink-muted)!important}.form-success-meta a{color:var(--primary);font-weight:600;text-decoration:none}.form-success-meta a:hover{text-decoration:underline}.form-alert{display:flex;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;margin-bottom:1.25rem;background:#fff4e8;border:1px solid #f4b48a;border-radius:var(--r-md);color:#8a3a08;font-size:.9375rem;line-height:1.45}.form-alert-icon{flex-shrink:0;font-size:1.125rem}.form-row{margin-bottom:1rem}.form-row label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.4rem;color:var(--ink)}.form-row input,.form-row textarea{width:100%;padding:.75rem 1rem;font:inherit;font-size:.9375rem;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);color:var(--ink);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.form-row input:focus,.form-row textarea:focus{outline:0;border-color:var(--orange);background:var(--bg-card)}.form-row textarea{resize:vertical;min-height:120px}.form-row.row-2{display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:600px){.form-row.row-2{grid-template-columns:1fr}}.form-note{font-size:.8125rem;color:var(--ink-muted);margin-top:.75rem}.map-frame{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-md);aspect-ratio:16/9;background:var(--bg-tint-cyan)}.map-frame iframe{width:100%;height:100%;border:0;display:block}footer{position:relative;background:radial-gradient(ellipse at 0% 0%,rgba(255,105,0,.06) 0%,transparent 45%),radial-gradient(ellipse at 100% 100%,rgba(110,193,228,.04) 0%,transparent 50%),var(--footer-bg);color:var(--footer-fg);padding-block:clamp(56px,8vw,96px) clamp(20px,3vw,28px);overflow:hidden;isolation:isolate}footer h3::after,footer::before{content:"";position:absolute;left:0}footer::before{top:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--orange) 15%,#ff8a2c 50%,var(--orange-dark) 85%,transparent 100%);z-index:1}.footer-contact-list strong,footer h3{text-transform:uppercase;font-weight:700}footer h3{color:var(--ink-on-dark);font-size:.75rem;letter-spacing:.18em;margin:0 0 1.5rem;position:relative;padding-bottom:.625rem}footer h3::after{bottom:0;width:28px;height:2px;background:var(--orange);border-radius:2px}.footer-grid{display:grid;gap:2.5rem;grid-template-columns:1fr}@media (min-width:768px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:3rem 2rem}}.footer-brand .logo{margin-bottom:1.25rem}.footer-brand .logo-text{gap:.5rem;line-height:1.1}.footer-brand .logo-name{color:var(--ink-on-dark);font-weight:800;font-size:1.375rem;letter-spacing:-.015em}.footer-brand .logo-sub{color:var(--footer-fg-muted);font-size:.75rem;letter-spacing:.18em;margin-top:.125rem}.footer-brand p{color:var(--footer-fg-muted);max-width:38ch;font-size:.9375rem;line-height:1.65;margin:0}.footer-contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.125rem}.footer-contact-list li{display:flex;align-items:flex-start;gap:.875rem;margin:0}.footer-contact-list .footer-ico{width:18px;height:18px;flex-shrink:0;color:var(--orange);margin-top:2px}.footer-contact-list div,.footer-hours-list{display:flex;flex-direction:column;font-size:.9375rem}.footer-contact-list div{gap:2px;line-height:1.5;color:var(--footer-fg)}.footer-contact-list strong{font-size:.6875rem;letter-spacing:.14em;color:var(--footer-fg-muted);margin-bottom:2px}.footer-contact-list a{color:var(--footer-fg);transition:color .25s ease}.footer-contact-list a:hover,.footer-meta a:hover{color:var(--orange)}.footer-hours-list{list-style:none;padding:0;margin:0 0 1rem;gap:.5rem}.footer-hours-list li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.5rem;border-bottom:1px dashed rgba(248,250,252,.08)}.footer-hours-list li:last-child{border-bottom:none;padding-bottom:0}.footer-hours-list span:first-child{color:var(--footer-fg-muted);font-weight:600}.footer-hours-list span:last-child{color:var(--footer-fg)}.footer-emergency{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;margin-top:1rem;background:linear-gradient(135deg,rgba(255,105,0,.15)0,rgba(255,105,0,.08) 100%);border:1px solid rgba(255,105,0,.25);border-radius:var(--r-md);font-size:.875rem;color:var(--ink-on-dark)}.footer-emergency strong{font-weight:700;color:#ffb27a}.emergency-dot{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(255,105,0,.7),0 0 12px 2px rgba(255,105,0,.5);animation:pulse-orange 1.8s ease-out infinite}.footer-meta,.footer-meta nav{display:flex;flex-wrap:wrap;align-items:center}.footer-meta{margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid rgba(248,250,252,.08);justify-content:space-between;gap:1rem;color:var(--footer-fg-muted);font-size:.8125rem}.footer-meta p{margin:0}.footer-meta a{color:var(--footer-fg-muted);transition:color .25s ease;position:relative}.footer-meta nav{gap:.5rem 1.25rem}.footer-meta nav a+a::before{content:"·";margin-right:1.25rem;color:var(--footer-fg-muted);opacity:.5}@media (prefers-reduced-motion:reduce){.emergency-dot{animation:none}}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease);will-change:opacity,transform}[data-reveal].visible{opacity:1;transform:none}[data-reveal-delay="1"]{transition-delay:.08s}[data-reveal-delay="2"]{transition-delay:.16s}[data-reveal-delay="3"]{transition-delay:.24s}[data-reveal-delay="4"]{transition-delay:.32s}[data-reveal-delay="5"]{transition-delay:.4s}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}.brands-section{background:var(--bg-warm);padding-block:clamp(96px,11vw,144px)}.brands-section .max-prose{margin-bottom:clamp(40px,5vw,64px)}.brands-section h2{color:var(--primary);font-size:clamp(1.75rem,2.5vw + .5rem,2.5rem);letter-spacing:-.015em}.brands-section h2 em{font-style:normal;color:var(--primary-light)}.brands-section p,.promo-callout p{color:var(--ink-soft)}.brands-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width:720px){.brands-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.brands-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem}}.brand-card,.leistungen.luxe li{background:#fff;border:1px solid var(--border);position:relative}.brand-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;padding:1.75rem 1.25rem 1.25rem;min-height:130px;border-radius:var(--r-md);text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.brand-card .brand-logo,.promo-callout h2{font-size:clamp(1.0625rem,1.5vw,1.25rem);font-weight:800;letter-spacing:-.01em;color:var(--ink);line-height:1}.brand-card img.brand-logo{height:52px;width:auto;max-width:85%;object-fit:contain}.brand-card .brand-name{font-size:.8125rem;font-weight:600;color:var(--primary-light);letter-spacing:.02em;display:flex;align-items:center;gap:.3rem}.brand-card .brand-name small{color:var(--ink-muted);font-weight:500}.brand-card--featured{border:2px solid var(--primary);background:linear-gradient(180deg,#fff 0,rgba(238,240,250,.5) 100%);position:relative}.brand-card--featured::before{content:"Primärer Partner";position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.25rem .625rem;border-radius:999px;white-space:nowrap}@media (hover:hover){.brand-card:hover{transform:translateY(-3px);border-color:var(--primary-light);box-shadow:0 12px 24px rgba(7,48,82,.08)}.brand-card--featured:hover{border-color:var(--primary-dark)}}.brands-cta-wrap{text-align:center;margin-top:clamp(40px,5vw,56px)}.brands-cta{display:inline-flex;align-items:center;gap:.625rem;padding:1rem 1.875rem;background:0 0;border:1.5px solid var(--primary);color:var(--primary);border-radius:999px;font-size:.9375rem;font-weight:700;text-decoration:none;transition:transform .3s ease,background-color .3s ease,color .3s ease}.brands-cta svg{width:18px;height:18px}.brands-cta:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}@media (max-width:600px){.brand-card{padding:1.25rem 1rem 1rem;min-height:110px}.brand-card .brand-logo{font-size:.9375rem}.brand-card img.brand-logo{height:40px}.brand-card .brand-name{font-size:.75rem}}.promo-callout-section{background:linear-gradient(180deg,transparent 0%,transparent var(--promo-overlap),var(--bg) var(--promo-overlap),var(--bg) 100%);margin-top:calc(-1*var(--promo-overlap));padding:0 0 clamp(72px,9vw,120px);position:relative;z-index:2}.promo-callout{max-width:1100px;margin:0 auto;padding:clamp(28px,4vw,44px) clamp(24px,4vw,48px);background:#fff;border-radius:var(--r-xl);box-shadow:0 22px 50px rgba(7,48,82,.1),0 8px 18px rgba(7,48,82,.06);position:relative;overflow:hidden}.promo-callout::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--primary) 25%,var(--primary-light) 50%,var(--primary) 75%,transparent 100%)}.promo-callout h2{color:var(--primary);font-size:clamp(1.25rem,1.5vw + .75rem,1.625rem);line-height:1.25;margin:0 0 .875rem;max-width:56ch}.promo-callout p{font-size:.9375rem;line-height:1.65;margin:0 0 1.5rem;max-width:75ch}.leistungen.luxe li::before,.promo-callout p strong,.promo-callout-cta{color:var(--primary);font-weight:700}.promo-callout-cta{display:inline-flex;align-items:center;gap:.625rem;padding:.95rem 1.625rem;background:var(--bg-warm-2);border:1px solid rgba(14,77,117,.16);border-radius:999px;font-size:.9375rem;text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),background-color .3s ease,box-shadow .3s ease,color .3s ease}.leistung-card-link svg,.promo-callout-cta svg{width:18px;height:18px;flex-shrink:0}.promo-callout-cta:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 12px 28px rgba(14,77,117,.25)}@media (max-width:600px){:root{--promo-overlap:40px}.promo-callout-section{padding-bottom:clamp(56px,8vw,96px)}.promo-callout{padding:1.5rem 1.5rem 1.625rem;border-radius:var(--r-lg)}.promo-callout h2{font-size:1.125rem}.promo-callout p{font-size:.9rem}}.leistungen-section{background:#fff;padding-top:clamp(24px,4vw,48px);padding-bottom:clamp(96px,11vw,144px)}.leistungen-section .max-prose{margin-bottom:clamp(40px,5vw,64px)}.kontakt-cta-card h2,.leistungen-section h2{color:var(--primary);font-size:clamp(1.875rem,3vw + .5rem,2.75rem);letter-spacing:-.015em}.leistungen-section p,.leistungen.luxe p{color:var(--ink-soft)}.leistungen-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:720px){.leistungen-grid{grid-template-columns:1fr 1fr}}@media (min-width:1100px){.leistungen-grid{grid-template-columns:repeat(3,1fr)}}.leistung-card,.leistung-card ul{display:flex;flex-direction:column}.leistung-card{position:relative;gap:1.25rem;padding:2.25rem 2rem 1.875rem;min-height:360px;border-radius:var(--r-lg);background-color:var(--primary-dark);background-image:linear-gradient(170deg,rgba(7,48,82,.55) 0%,rgba(7,48,82,.82) 65%,rgba(7,48,82,.92) 100%),var(--card-bg-img, none);background-size:cover;background-position:center;color:#fff;text-decoration:none;overflow:hidden;isolation:isolate;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,background-position .6s ease;box-shadow:0 14px 30px rgba(7,48,82,.15),0 4px 8px rgba(7,48,82,.08)}.leistung-card ul li::before,.leistung-card::before{content:"";position:absolute;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M7 17 17 7M9 7h8v8'/></svg>");background-size:contain;background-repeat:no-repeat}.leistung-card::before{top:1.75rem;right:1.75rem;width:28px;height:28px;opacity:.55;transition:opacity .35s ease,transform .35s ease}.leistung-card h3{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.005em;margin:0;padding-right:3rem}.leistung-card ul{list-style:none;padding:0;margin:0 0 auto;gap:.6rem}.leistung-card ul li{position:relative;padding-left:1.625rem;font-size:.9375rem;color:rgba(255,255,255,.92);line-height:1.4}.leistung-card ul li::before{left:0;top:2px;width:18px;height:18px;opacity:.85}.leistung-card-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.16);font-size:.9375rem;font-weight:600;color:#fff;transition:gap .3s ease}@media (hover:hover){.leistung-card:hover{transform:translateY(-6px);box-shadow:0 28px 56px rgba(7,48,82,.28),0 10px 20px rgba(7,48,82,.14)}.leistung-card:hover::before{opacity:1;transform:translate(4px,-4px) scale(1.05)}.leistung-card:hover .leistung-card-link{gap:.875rem}}@media (max-width:600px){.leistung-card{padding:1.875rem 1.5rem 1.5rem;min-height:320px}.leistung-card h3{font-size:1.3125rem}.leistung-card::before{top:1.25rem;right:1.25rem;width:24px;height:24px}}.kontakt-cta-section{background:var(--bg)}.kontakt-cta-card{position:relative;background:radial-gradient(ellipse 80% 60%at 50% 0%,rgba(255,105,0,.18) 0%,transparent 55%),radial-gradient(ellipse 60% 50%at 100% 100%,rgba(110,193,228,.1) 0%,transparent 55%),radial-gradient(ellipse 60% 50%at 0% 100%,rgba(255,105,0,.06) 0%,transparent 55%),linear-gradient(180deg,#131c30 0%,var(--bg-dark) 100%);color:var(--ink-on-dark);border-radius:var(--r-xl);padding:clamp(56px,9vw,112px) clamp(28px,5vw,72px);text-align:center;max-width:1100px;margin:0 auto;overflow:hidden;isolation:isolate;box-shadow:0 40px 90px rgba(7,48,82,.24),0 14px 32px rgba(7,48,82,.12),inset 0 1px 0 rgba(255,255,255,.05)}.kontakt-cta-card::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:3px;background:linear-gradient(90deg,transparent 0%,var(--orange) 25%,#ff8a2c 50%,var(--orange) 75%,transparent 100%);border-radius:0 0 3px 3px;z-index:1}.kontakt-cta-card::after{content:"";position:absolute;bottom:-60px;right:-60px;width:280px;height:280px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6900' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.37 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.33 1.85.57 2.81.7A2 2 0 0 1 22 16.92Z'/></svg>");background-repeat:no-repeat;background-size:contain;opacity:.05;pointer-events:none;z-index:0;transform:rotate(-15deg)}.craft-section,.kontakt-cta-card>*{position:relative;z-index:1}.kontakt-cta-card .eyebrow{color:#ffb27a;background:rgba(255,105,0,.12);border:1px solid rgba(255,105,0,.28);padding:.4rem .95rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;display:inline-block;margin-bottom:1.25rem}.kontakt-cta-card h2{color:var(--ink-on-dark);margin:0 auto 1.125rem;max-width:22ch;font-size:clamp(1.875rem,4vw + .5rem,3.25rem);line-height:1.1;text-wrap:balance;font-weight:800}.kontakt-cta-card p{color:rgba(248,250,252,.78);max-width:56ch;margin:0 auto;font-size:clamp(1rem,.4vw + .9rem,1.125rem);line-height:1.6}.kontakt-cta-card .hero-cta{margin-top:2.25rem!important;gap:1rem;justify-content:center}.kontakt-cta-card .btn--primary{padding:1.125rem 2rem;font-weight:700;font-size:1rem;border-radius:999px;box-shadow:0 14px 30px rgba(255,105,0,.4),0 4px 8px rgba(255,105,0,.2),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s cubic-bezier(.2,.8,.2,1)}.kontakt-cta-card .btn--primary:hover{transform:translateY(-3px);box-shadow:0 22px 48px rgba(255,105,0,.5),0 8px 16px rgba(255,105,0,.28),inset 0 1px 0 rgba(255,255,255,.25)}.kontakt-cta-card .btn--on-dark{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:1.125rem 1.875rem;font-weight:700;font-size:1rem;border-radius:999px;white-space:nowrap;transition:transform .3s cubic-bezier(.2,.8,.2,1),background-color .3s ease,border-color .3s ease,color .3s ease}.kontakt-cta-card .btn--on-dark:hover{background:#fff;color:var(--ink);border-color:#fff;transform:translateY(-3px)}.craft-section{padding:clamp(56px,8vw,96px)0 0;background:#fff;z-index:5;overflow:visible}.craft-section .container{text-align:center}.craft-section h2{font-size:clamp(1.75rem,3vw + .5rem,2.75rem);max-width:22ch;margin:.4rem auto 1rem}.craft-section .lead{max-width:60ch;margin:0 auto clamp(16px,2.5vw,32px)}.craft-figure{position:relative;z-index:10;max-width:1100px;margin:0 auto;aspect-ratio:16/9;border-radius:var(--r-xl);overflow:hidden;transform:translateY(60px)}.craft-figure img,.hero-sanitaer .hero-visual picture img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width:767px){.craft-section{padding:clamp(72px,12vw,96px)0}.craft-section .lead{margin-bottom:28px}.craft-figure{aspect-ratio:auto;border-radius:var(--r-lg);transform:none}.craft-figure img{height:auto}}.services-after-craft{position:relative;z-index:1;background:var(--bg-warm)}.brand-marquee{padding:clamp(28px,4vw,44px)0;background:var(--bg-card);border-block:1px solid var(--border);overflow:hidden}.marquee{position:relative;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee-scroll 42s linear infinite}.marquee-set{display:flex;align-items:center;gap:clamp(2rem,4vw,3.5rem);padding-right:clamp(2rem,4vw,3.5rem);flex-shrink:0}.m-logo{height:clamp(48px,5vw,72px);width:auto;display:block;flex-shrink:0;object-fit:contain}.m-item{font-size:clamp(1rem,1.5vw + .25rem,1.375rem);font-weight:500;color:var(--ink-soft);white-space:nowrap;letter-spacing:.01em;flex-shrink:0}.marquee:hover .marquee-track{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.max-prose{max-width:65ch}.max-prose.centered{margin-inline:auto}.hero-sanitaer{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 80% 0%,var(--cyan-soft) 0%,transparent 50%),radial-gradient(ellipse at 0% 100%,var(--orange-soft) 0%,transparent 50%),var(--bg)}.hero-deco{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.water-drop{position:absolute;background:linear-gradient(180deg,rgba(110,193,228,.75)0,rgba(43,141,184,.95) 100%);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;transform:rotate(180deg);filter:blur(.3px);box-shadow:0 4px 12px rgba(43,141,184,.18);animation:drop-float 13s ease-in-out infinite}.water-drop::after{content:"";position:absolute;top:16%;left:26%;width:26%;height:22%;background:rgba(255,255,255,.75);border-radius:50%;filter:blur(.5px)}.water-drop.drop-1{top:10%;left:5%;width:38px;height:48px;animation-delay:0s;animation-duration:13s;opacity:.5}.water-drop.drop-2{top:48%;left:3%;width:54px;height:70px;animation-delay:2.5s;animation-duration:15s;opacity:.55}.water-drop.drop-3{top:22%;left:36%;width:24px;height:30px;animation-delay:1.2s;animation-duration:11s;opacity:.42}.water-drop.drop-4{top:70%;left:30%;width:32px;height:42px;animation-delay:3.5s;animation-duration:14s;opacity:.46}.water-drop.drop-5{top:16%;right:4%;width:28px;height:36px;animation-delay:1.8s;animation-duration:12s;opacity:.44}.water-drop.drop-6{top:62%;right:6%;width:46px;height:58px;animation-delay:4s;animation-duration:16s;opacity:.52}.faucet-deco,.marble-vein{position:absolute;color:var(--cyan-dark)}.marble-vein{opacity:.16;pointer-events:none}.marble-vein.left{top:8%;left:-40px;width:220px;height:320px;transform:rotate(-12deg)}.marble-vein.right{bottom:4%;right:-60px;width:280px;height:380px;transform:rotate(8deg)}.faucet-deco{top:14%;right:12%;width:84px;height:84px;opacity:.12;animation:faucet-shimmer 8s ease-in-out infinite}.tile-pattern{position:absolute;bottom:8%;left:12%;width:140px;height:100px;background-image:radial-gradient(circle at 4px 4px,var(--cyan-dark) 1.5px,transparent 1.5px);background-size:12px 12px;opacity:.18;pointer-events:none}.hero-sanitaer .lead{font-size:clamp(.95rem,.4vw + .85rem,1.0625rem);line-height:1.55;color:var(--ink-soft);max-width:52ch}.hero-sanitaer .hero-grid{position:relative;z-index:2;align-items:center}@media (min-width:900px){.hero-sanitaer .hero-grid{grid-template-columns:.72fr 1.65fr;gap:clamp(32px,4vw,64px)}}.hero-sanitaer .hero-visual{position:relative;aspect-ratio:3/4;border-radius:var(--r-xl);overflow:hidden;box-shadow:0 32px 80px rgba(7,48,82,.22),0 12px 28px rgba(7,48,82,.1);transform:translateZ(0);width:100%;max-width:100%}.hero-sanitaer .hero-visual picture img{object-position:center 62%}@media (max-width:600px){.hero-sanitaer .hero-visual{aspect-ratio:4/5;border-radius:var(--r-lg);margin-inline:calc(var(--gutter)*-.5)}}@media (min-width:900px){.hero-sanitaer .hero-visual{aspect-ratio:5/6}}@media (min-width:1200px){.hero-sanitaer .hero-visual{aspect-ratio:7/8}}.hero-fussbodenheizung .hero-visual picture img,.hero-sanitaer .hero-visual img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.hero-fussbodenheizung .hero-visual:hover picture img,.hero-sanitaer .hero-visual:hover img{transform:scale(1.04)}.fraesen-image figcaption,.hero-visual-badge{position:absolute;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-visual-badge{bottom:1.25rem;left:1.25rem;display:inline-flex;align-items:center;gap:.65rem;background:rgba(255,255,255,.92);padding:.7rem 1.1rem;border-radius:var(--r-pill);font-size:.85rem;font-weight:600;color:var(--ink);box-shadow:var(--shadow-md)}.hero-visual-badge svg{width:16px;height:16px;color:var(--cyan-dark)}.hero-accent-tag{position:absolute;top:-1.25rem;right:2rem;background:var(--orange);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:.45rem 1rem;border-radius:var(--r-pill);box-shadow:var(--shadow-cta);animation:tag-bob 3s ease-in-out infinite}.hero-sanitaer .hero-meta{border-top:1px solid rgba(110,193,228,.4)}.section-divider{display:block;width:100%;height:60px;color:var(--bg-tint-cyan)}.service-section{position:relative;overflow:hidden}.service-section .container{position:relative;z-index:2}.service-section .deco-circle{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.service-section .deco-circle.cyan{background:radial-gradient(circle,var(--cyan-soft) 0%,transparent 70%);width:380px;height:380px;top:-120px;right:-120px}.service-section .deco-circle.orange{background:radial-gradient(circle,var(--orange-soft) 0%,transparent 70%);width:340px;height:340px;bottom:-100px;left:-100px}.cat-heading,.cat-heading .cat-emoji{display:inline-flex;align-items:center}.cat-heading{gap:.75rem;margin-bottom:.5rem}.cat-heading .cat-emoji{justify-content:center;width:52px;height:52px;border-radius:var(--r-md);font-size:1.5rem;line-height:1;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.cat-heading.tone-cyan .cat-emoji{background:var(--bg-tint-cyan);border-color:rgba(110,193,228,.3)}.cat-heading.tone-orange .cat-emoji{background:var(--bg-tint-orange);border-color:rgba(255,105,0,.25)}.leistungen.luxe{counter-reset:leistung;gap:1.25rem}.leistungen.luxe li{counter-increment:leistung;border-top:2px solid var(--primary);border-radius:4px;padding:1.625rem 1.75rem 1.5rem;transition:border-color .25s ease,box-shadow .25s ease}.leistungen.luxe li::before{content:counter(leistung,decimal-leading-zero);display:block;font-size:.75rem;letter-spacing:.16em;font-variant-numeric:tabular-nums;margin-bottom:.625rem}.leistungen.luxe .check{display:none}.leistungen.luxe h3{font-size:1.0625rem;font-weight:700;line-height:1.35;letter-spacing:-.005em;color:var(--ink);margin:0 0 .5rem}.leistungen.luxe p{font-size:.9375rem;line-height:1.65;margin:0}@media (hover:hover){.leistungen.luxe li:hover{border-color:var(--primary);box-shadow:0 4px 16px rgba(7,48,82,.06)}}@media (max-width:600px){.leistungen.luxe li{padding:1.375rem 1.25rem 1.25rem}.leistungen.luxe h3{font-size:1rem}.leistungen.luxe p{font-size:.9125rem}}.hero-fussbodenheizung{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 80% 0%,var(--cyan-soft) 0%,transparent 50%),radial-gradient(ellipse at 0% 100%,var(--orange-soft) 0%,transparent 50%),var(--bg)}.hero-fussbodenheizung .hero-deco{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.hero-fussbodenheizung .lead{font-size:clamp(.95rem,.4vw + .85rem,1.0625rem);line-height:1.55;color:var(--ink-soft);max-width:52ch}.hero-fussbodenheizung .hero-grid{position:relative;z-index:2;align-items:center}@media (min-width:900px){.hero-fussbodenheizung .hero-grid{grid-template-columns:.72fr 1.65fr;gap:clamp(32px,4vw,64px)}}.wolf-badge-wrap{display:flex;flex-direction:column;align-items:center;gap:.875rem;margin-top:2.25rem}.wolf-badge{display:inline-flex;align-items:center;justify-content:center;padding:1.25rem 2.25rem;background:radial-gradient(ellipse at 50% 0%,rgba(255,105,0,.06) 0%,transparent 60%),var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 14px 30px rgba(7,48,82,.06),0 4px 8px rgba(7,48,82,.04);position:relative;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.wolf-badge::after,.wolf-badge::before{content:"";position:absolute;top:50%;width:36px;height:1px;background:linear-gradient(to right,transparent,var(--border) 50%,transparent)}.wolf-badge::before{left:-52px}.wolf-badge::after{right:-52px}.wolf-badge img{display:block;height:56px;width:auto;max-width:100%}.wolf-badge-sub{font-size:.875rem;color:var(--ink-muted);text-align:center;max-width:38ch;margin:0;letter-spacing:.01em}@media (hover:hover){.wolf-badge:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(7,48,82,.08),0 6px 12px rgba(7,48,82,.05)}}@media (max-width:600px){.wolf-badge{padding:1rem 1.75rem}.wolf-badge img{height:44px}.wolf-badge::after,.wolf-badge::before{width:24px}.wolf-badge::before{left:-34px}.wolf-badge::after{right:-34px}}.fraesen-image,.hero-fussbodenheizung .hero-visual{position:relative;border-radius:var(--r-xl);overflow:hidden}.fraesen-image{margin:3rem auto 0;max-width:900px;box-shadow:0 24px 60px rgba(7,48,82,.18),0 8px 20px rgba(7,48,82,.08)}.fraesen-image picture{display:block}.fraesen-image img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover}.fraesen-image figcaption{bottom:1rem;left:1rem;right:1rem;background:rgba(7,48,82,.78);color:#fff;padding:.625rem 1rem;border-radius:var(--r-md);font-size:.875rem;font-weight:500;text-align:center;border:1px solid rgba(255,255,255,.08)}@media (max-width:600px){.fraesen-image{margin:2rem auto 0;border-radius:var(--r-lg)}.fraesen-image figcaption{font-size:.8125rem;padding:.5rem .75rem}}.fraesen-media{margin:2.5rem auto 0;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:900px}.fraesen-media figure{flex:1 1 280px;max-width:380px;margin:0}.fraesen-media img,.fraesen-media video{display:block;width:100%;height:auto;border-radius:var(--r-lg);box-shadow:0 16px 36px rgba(7,48,82,.12),0 4px 10px rgba(7,48,82,.06)}.fraesen-media img{aspect-ratio:3/4;object-fit:cover}.fraesen-media video{background:#000}.fraesen-media figcaption{margin-top:.625rem;font-size:.875rem;color:var(--ink-soft);line-height:1.45;text-align:center}@media (max-width:600px){.fraesen-media{margin:1.75rem auto 0;gap:1.25rem}.fraesen-media figure{flex-basis:100%;max-width:100%}}.hero-fussbodenheizung .hero-visual{aspect-ratio:4/3;box-shadow:0 32px 80px rgba(7,48,82,.22),0 12px 28px rgba(7,48,82,.1);transform:translateZ(0);width:100%;max-width:100%}.hero-fussbodenheizung .hero-visual picture img{display:block}@media (max-width:600px){.hero-fussbodenheizung .hero-visual{aspect-ratio:4/5;border-radius:var(--r-lg);margin-inline:0}.hero-fussbodenheizung .hero-visual picture img{object-position:center 55%}.hero-fussbodenheizung .pipe-coil-deco.tl{width:130px;height:190px;top:4%;left:-30px}.hero-fussbodenheizung .pipe-coil-deco.br{width:150px;height:210px;bottom:2%;right:-40px}.hero-fussbodenheizung .hero-visual-badge{bottom:.9rem;left:.9rem;padding:.55rem .9rem;font-size:.78rem}}@media (min-width:900px){.hero-fussbodenheizung .hero-visual{aspect-ratio:5/6}}@media (min-width:1200px){.hero-fussbodenheizung .hero-visual{aspect-ratio:7/8}}.hero-fussbodenheizung .hero-visual-badge{position:absolute;bottom:1.25rem;left:1.25rem;display:inline-flex;align-items:center;gap:.65rem;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.7rem 1.1rem;border-radius:var(--r-pill);font-size:.85rem;font-weight:600;color:var(--ink);box-shadow:var(--shadow-md);z-index:3}.hero-fussbodenheizung .hero-visual-badge svg{width:16px;height:16px;color:var(--orange-dark)}.pipe-coil-deco{position:absolute;pointer-events:none;color:var(--orange);opacity:.16}.pipe-coil-deco.tl{top:6%;left:-40px;width:220px;height:320px;transform:rotate(-10deg)}.pipe-coil-deco.br{bottom:4%;right:-60px;width:280px;height:380px;transform:rotate(8deg)}@media (prefers-reduced-motion:reduce){.hero-fussbodenheizung .hero-visual:hover picture img{transform:none}}.hero-klima{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 80% 0%,var(--cyan-soft) 0%,transparent 50%),radial-gradient(ellipse at 0% 100%,var(--orange-soft) 0%,transparent 50%),var(--bg)}.hero-klima .hero-deco{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.hero-klima .lead{font-size:clamp(.95rem,.4vw + .85rem,1.0625rem);line-height:1.55;color:var(--ink-soft);max-width:52ch}.hero-klima .hero-grid{position:relative;z-index:2;align-items:center}@media (min-width:900px){.hero-klima .hero-grid{grid-template-columns:1fr 1.1fr;gap:clamp(32px,4vw,64px)}}.hero-klima .hero-visual{position:relative;aspect-ratio:1/1;border-radius:var(--r-xl);overflow:hidden;box-shadow:0 32px 80px rgba(7,48,82,.22),0 12px 28px rgba(7,48,82,.1);transform:translateZ(0);width:100%;max-width:100%}.hero-klima .hero-visual picture img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease)}.hero-klima .hero-visual:hover picture img{transform:scale(1.04)}.hero-klima .hero-visual-badge{position:absolute;bottom:1.25rem;left:1.25rem;display:inline-flex;align-items:center;gap:.65rem;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.7rem 1.1rem;border-radius:var(--r-pill);font-size:.85rem;font-weight:600;color:var(--ink);box-shadow:var(--shadow-md);z-index:3}.hero-klima .hero-visual-badge svg{width:16px;height:16px;color:var(--cyan-dark)}@media (max-width:600px){.hero-klima .hero-visual{aspect-ratio:1/1;border-radius:var(--r-lg);margin-inline:0}.hero-klima .hero-visual picture img{object-position:center 50%}.hero-klima .snowflake-deco.tl{width:120px;height:120px;top:4%;left:-30px}.hero-klima .snowflake-deco.br{width:140px;height:140px;bottom:2%;right:-40px}.hero-klima .hero-visual-badge{bottom:.9rem;left:.9rem;padding:.55rem .9rem;font-size:.78rem}}.snowflake-deco{position:absolute;pointer-events:none;color:var(--cyan-dark);opacity:.18}.snowflake-deco.tl{top:6%;left:-50px;width:200px;height:200px;transform:rotate(15deg)}.snowflake-deco.br{bottom:4%;right:-60px;width:240px;height:240px;transform:rotate(-25deg)}@media (prefers-reduced-motion:reduce){.hero-klima .hero-visual:hover picture img{transform:none}}.hero-thermenservice{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 80% 0%,var(--cyan-soft) 0%,transparent 50%),radial-gradient(ellipse at 0% 100%,var(--orange-soft) 0%,transparent 50%),var(--bg)}.hero-thermenservice .hero-deco{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.hero-thermenservice .lead{font-size:clamp(.95rem,.4vw + .85rem,1.0625rem);line-height:1.55;color:var(--ink-soft);max-width:52ch}.hero-thermenservice .hero-grid{position:relative;z-index:2;align-items:center}@media (min-width:900px){.hero-thermenservice .hero-grid{grid-template-columns:1fr 1.1fr;gap:clamp(32px,4vw,64px)}}.hero-thermenservice .hero-visual{position:relative;aspect-ratio:1/1;border-radius:var(--r-xl);overflow:hidden;box-shadow:0 32px 80px rgba(7,48,82,.22),0 12px 28px rgba(7,48,82,.1);transform:translateZ(0);width:100%;max-width:100%}.hero-thermenservice .hero-visual picture img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease)}.hero-thermenservice .hero-visual:hover picture img{transform:scale(1.04)}.hero-thermenservice .hero-visual-badge{position:absolute;bottom:1.25rem;left:1.25rem;display:inline-flex;align-items:center;gap:.65rem;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.7rem 1.1rem;border-radius:var(--r-pill);font-size:.85rem;font-weight:600;color:var(--ink);box-shadow:var(--shadow-md);z-index:3}.hero-thermenservice .hero-visual-badge svg{width:16px;height:16px;color:var(--orange-dark)}@media (max-width:600px){.hero-thermenservice .hero-visual{aspect-ratio:1/1;border-radius:var(--r-lg);margin-inline:0}.hero-thermenservice .hero-visual picture img{object-position:center 50%}.hero-thermenservice .flame-deco.tl{width:110px;height:140px;top:4%;left:-30px}.hero-thermenservice .flame-deco.br{width:130px;height:170px;bottom:2%;right:-40px}.hero-thermenservice .hero-visual-badge{bottom:.9rem;left:.9rem;padding:.55rem .9rem;font-size:.78rem}}.flame-deco{position:absolute;pointer-events:none;color:var(--orange);opacity:.16}.flame-deco.tl{top:6%;left:-40px;width:180px;height:240px;transform:rotate(-8deg)}.flame-deco.br{bottom:4%;right:-50px;width:220px;height:290px;transform:rotate(10deg)}@media (prefers-reduced-motion:reduce){.hero-thermenservice .hero-visual:hover picture img{transform:none}}.hero-poolgarten{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 80% 0%,var(--cyan-soft) 0%,transparent 50%),radial-gradient(ellipse at 0% 100%,var(--orange-soft) 0%,transparent 50%),var(--bg)}.hero-poolgarten .hero-deco{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.hero-poolgarten .lead{font-size:clamp(.95rem,.4vw + .85rem,1.0625rem);line-height:1.55;color:var(--ink-soft);max-width:52ch}.hero-poolgarten .hero-grid{position:relative;z-index:2;align-items:center}@media (min-width:900px){.hero-poolgarten .hero-grid{grid-template-columns:.72fr 1.65fr;gap:clamp(32px,4vw,64px)}}.hero-poolgarten .hero-visual{position:relative;aspect-ratio:1/1;border-radius:var(--r-xl);overflow:hidden;box-shadow:0 32px 80px rgba(7,48,82,.22),0 12px 28px rgba(7,48,82,.1);transform:translateZ(0);width:100%;max-width:100%}.hero-poolgarten .hero-visual picture img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease)}.hero-poolgarten .hero-visual:hover picture img{transform:scale(1.04)}.hero-poolgarten .hero-visual-badge{position:absolute;bottom:1.25rem;left:1.25rem;display:inline-flex;align-items:center;gap:.65rem;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.7rem 1.1rem;border-radius:var(--r-pill);font-size:.85rem;font-weight:600;color:var(--ink);box-shadow:var(--shadow-md);z-index:3}.hero-poolgarten .hero-visual-badge svg{width:16px;height:16px;color:var(--cyan-dark)}@media (max-width:600px){.hero-poolgarten .hero-visual{aspect-ratio:1/1;border-radius:var(--r-lg);margin-inline:0}.hero-poolgarten .leaf-deco.tl{width:130px;height:170px;top:4%;left:-30px}.hero-poolgarten .leaf-deco.br{width:150px;height:200px;bottom:2%;right:-40px}.hero-poolgarten .hero-visual-badge{bottom:.9rem;left:.9rem;padding:.55rem .9rem;font-size:.78rem}}.leaf-deco{position:absolute;pointer-events:none;color:var(--cyan-dark);opacity:.18}.leaf-deco.tl{top:6%;left:-40px;width:200px;height:260px;transform:rotate(-15deg)}.leaf-deco.br{bottom:4%;right:-50px;width:240px;height:320px;transform:rotate(20deg)}@media (prefers-reduced-motion:reduce){.hero-poolgarten .hero-visual:hover picture img{transform:none}}.badsanierung-gallery{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:clamp(32px,5vw,56px)}@media (min-width:768px){.badsanierung-gallery{grid-template-columns:1fr 1fr;gap:1.5rem}}.badsanierung-gallery figure{position:relative;border-radius:var(--r-lg);overflow:hidden;margin:0;box-shadow:var(--shadow-md);background:var(--bg-card);aspect-ratio:4/5}.badsanierung-gallery picture{display:block;width:100%;height:100%}.badsanierung-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.badsanierung-gallery figure:hover img{transform:scale(1.05)}.badsanierung-gallery figcaption{position:absolute;inset:auto 0 0 0;padding:1.25rem 1.5rem;background:linear-gradient(to top,rgba(15,23,42,.75)0,rgba(15,23,42,.3) 60%,transparent 100%);color:#fff;font-size:.9rem;font-weight:500}.badsanierung-gallery figcaption strong{display:block;color:#fff;font-size:1rem;margin-bottom:.15rem}@media (prefers-reduced-motion:reduce){.faucet-deco,.hero-accent-tag,.water-drop{animation:none!important}.badsanierung-gallery figure:hover img,.hero-sanitaer .hero-visual:hover img{transform:none}}.hero-fussbodenheizung,.hero-klima,.hero-poolgarten,.hero-sanitaer,.hero-thermenservice{background:radial-gradient(ellipse 60% 50%at 0 0,rgba(255,105,0,.1)0,transparent 55%),radial-gradient(ellipse 70% 60%at 100% 100%,rgba(255,255,255,.1)0,transparent 60%),linear-gradient(180deg,#1e8ea2 0,#166e80 100%)!important;color:#fff;padding-top:calc(var(--header-h) + clamp(32px,5vw,64px));padding-bottom:clamp(64px,8vw,104px)}.hero-fussbodenheizung h1,.hero-klima h1,.hero-poolgarten h1,.hero-sanitaer h1,.hero-thermenservice h1{color:#fff;font-weight:800;letter-spacing:-.02em}.hero-fussbodenheizung h1 em,.hero-klima h1 em,.hero-poolgarten h1 em,.hero-sanitaer h1 em,.hero-thermenservice h1 em{color:var(--accent-on-teal);font-style:normal}.hero-fussbodenheizung .breadcrumb a,.hero-fussbodenheizung .lead,.hero-klima .breadcrumb a,.hero-klima .lead,.hero-poolgarten .breadcrumb a,.hero-poolgarten .lead,.hero-sanitaer .breadcrumb a,.hero-sanitaer .lead,.hero-thermenservice .breadcrumb a,.hero-thermenservice .lead{color:rgba(255,255,255,.86)}.hero-fussbodenheizung .breadcrumb,.hero-klima .breadcrumb,.hero-poolgarten .breadcrumb,.hero-sanitaer .breadcrumb,.hero-thermenservice .breadcrumb{color:rgba(255,255,255,.65)}.hero-fussbodenheizung .breadcrumb span,.hero-klima .breadcrumb span,.hero-poolgarten .breadcrumb span,.hero-sanitaer .breadcrumb span,.hero-thermenservice .breadcrumb span{color:rgba(255,255,255,.55)}.hero-fussbodenheizung .eyebrow,.hero-klima .eyebrow,.hero-poolgarten .eyebrow,.hero-sanitaer .eyebrow,.hero-thermenservice .eyebrow{display:inline-block;padding:.4rem .95rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:.75rem;letter-spacing:.16em;color:rgba(255,255,255,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-fussbodenheizung .pipe-coil-deco,.hero-klima .snowflake-deco,.hero-poolgarten .leaf-deco,.hero-sanitaer .marble-vein,.hero-thermenservice .flame-deco{color:rgba(255,255,255,.1)!important;stroke:rgba(255,255,255,.1)!important}.hero-fussbodenheizung .btn--outline,.hero-klima .btn--outline,.hero-poolgarten .btn--outline,.hero-sanitaer .btn--outline,.hero-thermenservice .btn--outline{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-fussbodenheizung .btn--outline:hover,.hero-klima .btn--outline:hover,.hero-poolgarten .btn--outline:hover,.hero-sanitaer .btn--outline:hover,.hero-thermenservice .btn--outline:hover{background:#fff;color:var(--ink);border-color:#fff}.hero-fussbodenheizung .hero-meta-num,.hero-klima .hero-meta-num,.hero-poolgarten .hero-meta-num,.hero-sanitaer .hero-meta-num,.hero-thermenservice .hero-meta-num{color:#fff}.hero-fussbodenheizung .hero-meta-label,.hero-klima .hero-meta-label,.hero-poolgarten .hero-meta-label,.hero-sanitaer .hero-meta-label,.hero-thermenservice .hero-meta-label{color:rgba(255,255,255,.62)}.hero-fussbodenheizung .hero-meta-item,.hero-klima .hero-meta-item,.hero-poolgarten .hero-meta-item,.hero-sanitaer .hero-meta-item,.hero-thermenservice .hero-meta-item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}