:root{--bg:#07131e;--panel:#101f2d;--muted:#9caebf;--blue:#39a6ff;--white:#f4f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.top{height:86px;display:flex;align-items:center;gap:30px;padding:0 clamp(20px,5vw,88px);background:#07131eea;position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff16;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;min-width:220px;font-size:17px;font-weight:800;letter-spacing:.06em}.brand img{width:55px;height:55px;object-fit:contain}.brand strong{color:var(--blue)}.brand small{display:block;font-size:9px;letter-spacing:.14em;margin-top:3px;color:#a8bac8}.top nav{display:flex;gap:24px;margin:auto;font-size:13px;font-weight:600;color:#d5e1ea}.top nav a:hover{color:var(--blue)}.call{border:1px solid #50738d;border-radius:7px;padding:13px 17px;font-size:13px;font-weight:700;white-space:nowrap}.hero{min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 37%;background:url('assets/hero.jpg') center/cover no-repeat;filter:saturate(.7)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07131e 0%,#07131e 29%,#07131ed9 47%,#07131e28 100%),linear-gradient(0deg,#07131e 0%,transparent 36%)}.hero-inner{position:relative;width:min(1250px,100%);margin:auto;padding:92px 32px 50px}.eyebrow,.kicker{color:#67baff;font-weight:800;font-size:11px;letter-spacing:.2em}.dot{display:inline-block;background:#39a6ff;width:7px;height:7px;border-radius:50%;margin-right:8px;box-shadow:0 0 16px #39a6ff}h1{font-size:clamp(49px,6.2vw,91px);line-height:1.06;letter-spacing:-.055em;margin:24px 0}h1 em{font-style:normal;color:#5bb7ff}h2{font-size:clamp(32px,4vw,58px);line-height:1.12;letter-spacing:-.04em;margin:14px 0 24px}h2 span{color:#6ebcff}.hero-copy{font-size:17px;line-height:1.85;max-width:580px;color:#c4d2de}.actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:7px;padding:16px 23px;font-weight:800;font-size:13px;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.primary{background:#1689ed;color:white}.outline{border:1px solid #668197;color:white}.hero-facts{display:flex;gap:50px;margin-top:92px}.hero-facts div{border-left:2px solid #238bd8;padding-left:17px}.hero-facts strong{display:block;font-size:18px}.hero-facts span{display:block;font-size:12px;color:#aabccb;margin-top:6px}.brands{background:#eaf1f6;color:#17344b;padding:26px 5vw;text-align:center}.brands>span{font-size:10px;letter-spacing:.25em;color:#667c8d}.brands>div{display:flex;justify-content:space-evenly;gap:22px;flex-wrap:wrap;align-items:center;margin-top:19px}.brands b{font-size:19px;letter-spacing:.03em}.section{max-width:1300px;padding:110px 32px;margin:auto}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.section-top>p{max-width:420px;line-height:1.8;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service{background:#102230;border:1px solid #ffffff17;border-radius:10px;overflow:hidden;transition:transform .2s}.service:hover{transform:translateY(-5px)}.service img{width:100%;height:190px;object-fit:cover}.service-body{padding:24px}.service-body>span{font-size:10px;color:#6ebcff;letter-spacing:.16em;font-weight:800}.service h3{font-size:22px;margin:14px 0}.service p{color:#b1c0cd;font-size:14px;line-height:1.75;min-height:98px}.service a{display:inline-block;color:#75c4ff;font-size:13px;font-weight:800;margin-top:12px}.feature{display:grid;grid-template-columns:1fr 1fr;background:#102331;min-height:520px}.feature-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.feature-copy{padding:clamp(40px,6vw,95px);align-self:center}.feature-copy p:not(.kicker){color:#c1ced9;line-height:1.9;max-width:600px}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.chips span{border:1px solid #49677d;border-radius:99px;padding:9px 13px;font-size:12px;color:#d2e0eb}.refs .ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.ref-grid>div{position:relative;overflow:hidden;border-radius:9px}.ref-grid img{width:100%;height:260px;object-fit:cover;filter:brightness(.7)}.ref-grid span{position:absolute;bottom:22px;left:22px;font-size:12px;letter-spacing:.14em;font-weight:800}.note{font-size:12px;color:#879cab;line-height:1.7;margin-top:24px}.about{background:#0b1c29;text-align:center;padding:100px 32px}.about-grid{max-width:1100px;margin:55px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;text-align:left}.about-grid strong{color:#64baff;font-size:29px}.about-grid h3{margin-bottom:10px}.about-grid p{color:#a9bbc9;line-height:1.6;font-size:14px}.contact{padding:95px max(32px,calc((100vw - 1236px)/2));display:flex;justify-content:space-between;align-items:center;gap:60px;background:radial-gradient(circle at 80% 10%,#154d78 0%,#07131e 45%)}.contact>div:first-child{max-width:700px}.contact p:not(.kicker){color:#afc1cf;line-height:1.8}.contact-card{border:1px solid #54708a;border-radius:12px;padding:25px;min-width:280px;background:#0e2234}.contact-card .btn{display:flex;margin-bottom:10px}.contact-card p{font-size:13px}footer{display:flex;justify-content:space-between;gap:20px;padding:26px 5vw;border-top:1px solid #ffffff18;font-size:11px;color:#90a5b4}.mobilebar{display:none}@media(max-width:1050px){.top nav{gap:13px}.brand{min-width:auto}.brand span{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.hero-photo{left:22%}}@media(max-width:700px){.top{height:68px;padding:0 18px;justify-content:space-between}.brand img{height:50px;width:50px}.top nav{display:none}.call{padding:10px 12px;font-size:12px}.hero{min-height:730px;align-items:flex-start}.hero-photo{inset:0;background-position:65% center;opacity:.58}.hero-shade{background:linear-gradient(90deg,#07131ef0,#07131e91),linear-gradient(0deg,#07131e 0%,transparent 55%)}.hero-inner{padding:105px 22px 50px}.eyebrow{font-size:10px;line-height:1.8}h1{font-size:clamp(47px,12vw,70px)}.hero-copy{font-size:15px;line-height:1.75}.actions{flex-direction:column;align-items:stretch}.hero-facts{gap:14px;margin-top:60px;flex-wrap:wrap}.hero-facts div{flex:1 1 120px}.hero-facts strong{font-size:14px}.hero-facts span{font-size:11px}.brands{padding:27px 20px}.brands b{font-size:15px}.section{padding:65px 20px}.section-top{display:block}.service-grid{grid-template-columns:1fr}.service img{height:230px}.service p{min-height:0}.feature{grid-template-columns:1fr}.feature-img img{height:260px}.feature-copy{padding:50px 22px}.refs .ref-grid{grid-template-columns:1fr}.ref-grid img{height:240px}.about{padding:65px 22px}.about-grid{grid-template-columns:repeat(2,1fr)}.contact{padding:65px 22px 110px;display:block}.contact-card{margin-top:30px;min-width:0}footer{display:block;line-height:1.8;padding-bottom:80px}.mobilebar{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;background:#07131e;padding:9px;gap:9px;z-index:12;box-shadow:0 -8px 30px #0007}.mobilebar a{text-align:center;padding:13px;background:#1689ed;border-radius:7px;font-weight:800;font-size:13px}.mobilebar a:first-child{background:#17354d}}

/* Premium V2: Testo section; responsive and no stadium references */
.testo{display:grid;grid-template-columns:1fr 1fr;min-height:390px;background:linear-gradient(120deg,#07131e,#0e2b42);border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a}.testo-copy{padding:70px max(32px,calc((100vw - 1240px)/2));padding-right:40px;align-self:center}.testo-copy p:not(.kicker){color:#b8cad9;line-height:1.8;max-width:580px}.testo-visual{display:flex;align-items:center;justify-content:center;gap:22px;background:radial-gradient(circle at center,#1c435d,#091521 70%);padding:40px}.testo-mark{font-size:34px;font-weight:900;color:#ff7d26;letter-spacing:-.08em}.testo-screen{border:6px solid #1c2730;outline:2px solid #e6782e;background:#d9e9ec;color:#193043;border-radius:16px;padding:30px 24px;max-width:290px;box-shadow:0 20px 45px #0009}.testo-screen span{display:block;font-size:10px;letter-spacing:.1em}.testo-screen strong{display:block;font-size:22px;margin:12px 0}.testo-screen small{font-size:11px;line-height:1.5;display:block}@media(max-width:700px){.testo{grid-template-columns:1fr}.testo-copy{padding:55px 22px}.testo-visual{min-height:280px}}

/* V3: authentic field photography and accessible mobile navigation */
.menu-toggle{display:none;background:none;border:1px solid #426079;color:#fff;border-radius:7px;font-size:23px;padding:6px 12px;cursor:pointer}.testo-photo{padding:0;min-height:460px;overflow:hidden;background:#081521}.testo-photo img{width:100%;height:100%;max-height:580px;object-fit:cover;object-position:center 43%;filter:contrast(1.04) saturate(.88)}.repair-section{display:grid;grid-template-columns:1fr 1fr;background:#0c1d2b;border-top:1px solid #ffffff1a}.repair-photo img{width:100%;height:100%;max-height:490px;min-height:380px;object-fit:cover}.repair-copy{padding:clamp(36px,6vw,90px);align-self:center}.repair-copy p:not(.kicker){color:#b8cad9;line-height:1.85;margin-bottom:30px}
@media(max-width:900px){.menu-toggle{display:block;margin-left:auto}.top nav{display:none;position:absolute;top:100%;left:0;right:0;padding:18px 22px 26px;background:#091927;border-bottom:1px solid #41617b;flex-direction:column;gap:0;box-shadow:0 18px 25px #0008}.top nav.open{display:flex}.top nav a{display:block;padding:14px 8px;font-size:16px;border-bottom:1px solid #ffffff12}.call{margin-left:0}}
@media(max-width:700px){.menu-toggle{order:2}.call{order:3}.top{gap:9px}.testo-photo{min-height:380px}.testo-photo img{max-height:470px;object-position:center 35%}.repair-section{grid-template-columns:1fr}.repair-photo img{min-height:260px;max-height:330px}.repair-copy{padding:45px 22px}}
@media(max-width:380px){.call{font-size:10px;padding:9px 7px}.menu-toggle{padding:5px 9px}.brand img{width:43px}}

/* V7 – responsive polish, branded wordmarks (not licensed logo assets) */
.brand-lg{font-weight:900;letter-spacing:-.07em!important;font-size:23px!important;color:#a51b34}.brand-hisense{font-weight:800;color:#159aab;letter-spacing:-.04em!important}.menu-toggle{min-width:44px;min-height:44px;border-radius:9px}.top nav a:focus-visible,.menu-toggle:focus-visible,.btn:focus-visible{outline:3px solid #76c5ff;outline-offset:3px}@media(max-width:900px){.top nav.open{max-height:calc(100dvh - 80px);overflow-y:auto}.top nav a{min-height:48px;display:flex;align-items:center}}@media(max-width:700px){.top{padding:0 12px;gap:6px}.call{font-size:11px;padding:11px 8px}.brand img{width:47px;height:47px}.menu-toggle{font-size:22px;order:2}.hero-inner{padding-top:82px}.refs .ref-grid{grid-template-columns:minmax(0,1fr)}.refs .ref-grid img{height:auto;aspect-ratio:16/10;object-fit:cover}.brands>div{gap:15px 22px}.mobilebar a{min-height:48px;display:flex;justify-content:center;align-items:center}}

/* Markenleiste – responsive Markenlogos (SVG von Wikimedia Commons) */
.brands .brand-logo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:16px;max-width:1240px;margin:22px auto 0}
.brands .brand-logo{display:flex;align-items:center;justify-content:center;min-width:0;height:76px;padding:14px 10px;background:#fff;border:1px solid #d9e4ed;border-radius:12px;box-shadow:0 4px 14px #132f4c0b}
.brands .brand-logo img{display:block;width:100%;max-width:145px;height:44px;object-fit:contain}
.brands .brand-logo .brand-fallback{display:none;font-size:18px;font-weight:800;color:#203b61}
.brands .brand-galletti .galletti-wordmark{font-family:Arial,sans-serif;font-weight:800;font-size:23px;letter-spacing:-.05em;font-style:italic;color:#123d7a}
@media(max-width:1050px){.brands .brand-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.brands .brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brands .brand-logo{height:70px;padding:12px}.brands .brand-logo img{height:39px}}

/* LR-Logo: originales transparentes Firmenlogo, auch mobil klar erkennbar */
.top{min-height:94px;height:auto;padding-top:9px;padding-bottom:9px}
.top .brand{min-width:150px;gap:0;flex-shrink:0}
.top .brand img{width:112px;height:76px;object-fit:contain;object-position:left center}
.top .brand>span{display:none}
@media(max-width:900px){.top{min-height:78px}.top .brand{min-width:95px}.top .brand img{width:98px;height:64px}}
@media(max-width:700px){.top{min-height:76px;padding:5px 12px}.top .brand{min-width:78px}.top .brand img{width:83px;height:60px}.top .call{font-size:11px}}
@media(max-width:380px){.top .brand{min-width:67px}.top .brand img{width:72px;height:56px}}
/* Herstellerlogos: markentypische Darstellung und responsives Raster */
.brands .brand-logo-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.brands .brand-logo{height:72px;padding:12px 8px}
.brands .brand-logo img{max-width:155px;max-height:44px}
@media(max-width:1000px){.brands .brand-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.brands .brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brands .brand-logo{height:67px}}

/* V17: prominent LR company mark and legible manufacturer row */
.top{height:104px;padding-inline:clamp(16px,3vw,52px);gap:18px}
.top .brand{min-width:245px;flex:0 0 auto}
.top .brand img{width:238px;height:94px;object-fit:contain;object-position:left center}
.top nav{gap:clamp(10px,1.5vw,22px)}
.brands{padding:24px clamp(16px,4vw,60px) 30px;background:#f3f7fa}
.brands .brand-logo-grid{max-width:1380px;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:17px}
.brands .brand-logo{height:92px;padding:15px 10px;background:#fff;border:1px solid #dce6ed;border-radius:10px}
.brands .brand-logo img{width:100%;max-width:180px;height:55px;max-height:55px;object-fit:contain}
.brands .brand-galletti .galletti-wordmark{font-size:clamp(19px,2vw,29px);color:#113b83}
.brands .brand-fallback{font-size:clamp(16px,1.5vw,23px);font-weight:800;color:#143f83}
.brands .brand-samsung .brand-fallback,.brands .brand-panasonic .brand-fallback{color:#102f91}
.brands .brand-daikin .brand-fallback{color:#079de0;font-style:italic}
.brands .brand-lg .brand-fallback{color:#bb123b}
.brands .brand-hisense .brand-fallback{color:#069a91}
@media(max-width:1100px){.top .brand{min-width:175px}.top .brand img{width:174px;height:82px}.brands .brand-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.top{height:86px;min-height:86px;padding:5px 12px;gap:6px}.top .brand{min-width:120px}.top .brand img{width:120px;height:76px}.top .call{font-size:10px;padding:9px 7px}.brands{padding:23px 14px}.brands .brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.brands .brand-logo{height:77px;padding:12px 8px}.brands .brand-logo img{height:48px;max-height:48px}.brands .brand-galletti .galletti-wordmark{font-size:24px}}
@media(max-width:380px){.top .brand{min-width:105px}.top .brand img{width:105px;height:68px}}

/* V18: definitive logo sizing – protects against previous inherited rules */
.brands .brand-logo-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;max-width:1200px!important;margin:18px auto 0!important;align-items:center!important}
.brands .brand-logo-grid>.brand-logo{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:100%!important;max-width:100%!important;height:78px!important;overflow:hidden!important;padding:12px!important}
.brands .brand-logo-grid>.brand-logo>img{display:block;width:100%!important;max-width:145px!important;height:42px!important;max-height:42px!important;min-height:0!important;object-fit:contain!important;flex:0 1 auto!important;margin:auto!important}
.brands .brand-logo-grid>.brand-logo>.brand-fallback{max-width:100%;overflow:hidden}
@media(max-width:1000px){.brands .brand-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:600px){.brands .brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.brands .brand-logo-grid>.brand-logo{height:72px!important;padding:10px!important}.brands .brand-logo-grid>.brand-logo>img{height:38px!important;max-height:38px!important}}