:root{--blue:#075adb;--navy:#082a50;--ink:#122e4e;--muted:#53677e;--pale:#edf4fc;--line:#dbe5f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif}a{color:var(--blue);text-underline-offset:4px}img{display:block;max-width:100%;height:auto}figure,p{margin:0 0 1.1rem}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}header{background:#fff;border-bottom:1px solid var(--line)}.header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy);font-size:24px;font-weight:800;line-height:1.1;letter-spacing:1px}.brand strong{display:block;font-size:11px;letter-spacing:2.8px;margin-top:7px}.brand-symbol{display:grid;place-items:center;background:var(--blue);color:#fff;width:48px;height:50px;border-radius:9px;font-size:38px;position:relative;letter-spacing:-5px;padding-right:6px}.brand-symbol span{color:#91d7ff;position:absolute;right:7px;bottom:6px}.header nav{display:flex;gap:28px}.header nav a{color:var(--ink);font-size:15px;text-decoration:none;font-weight:600}.header-phone{font-weight:700;font-size:15px;text-decoration:none}.hero{background:linear-gradient(115deg,#f8fbff 40%,#e7f1ff);padding:76px 0 62px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:54px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--blue);margin-bottom:20px}h1,h2,h3{line-height:1.13;letter-spacing:-1.5px;margin:0 0 24px}h1{font-size:clamp(46px,5.2vw,72px);font-weight:750}h1 span{color:var(--blue)}h2{font-size:clamp(30px,3.1vw,42px);font-weight:700}h3{font-size:22px;letter-spacing:-.5px;margin:18px 0 13px}.lead{font-size:20px;line-height:1.6;color:var(--muted)}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:30px 0}.button{display:inline-flex;align-items:center;gap:22px;background:var(--blue);color:#fff;text-decoration:none;font-weight:600;padding:15px 23px;border-radius:5px}.button:hover{background:#0344aa}.text-link{font-weight:650;text-decoration:none}.hero-note{font-size:14px;color:var(--muted)}.network{margin:0;transform:rotate(-2deg)}.network img{box-shadow:0 22px 46px #0a39752b;border-radius:28px}.network figcaption{font-size:13px;text-align:center;margin-top:20px;color:var(--muted)}.service-strip{background:var(--navy);color:white}.service-strip .wrap{display:flex;justify-content:space-between;gap:24px;padding:24px 0;font-size:12px;letter-spacing:1.6px;font-weight:600}.section{padding-top:90px;padding-bottom:90px}.section-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:70px;margin-bottom:25px}.section-intro>p{color:var(--muted);max-width:480px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:30px;border:1px solid var(--line);border-radius:8px;background:#fff}.number{color:var(--blue);font-size:14px;font-weight:700;border-bottom:2px solid var(--blue);padding-bottom:6px}.card p{color:var(--muted);margin:0}.about{padding:72px 0;background:var(--pale)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about p:not(.eyebrow){color:var(--muted)}.photo-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.photo-section>div>p:not(.eyebrow){color:var(--muted)}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.photo-grid figure{margin:0}.photo-grid img{border-radius:6px}.photo-grid figcaption{font-size:13px;margin-top:10px;color:var(--muted)}.contact{background:var(--blue);color:#fff;padding:70px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact .eyebrow{color:#d5eaff}.contact h2{font-size:44px}.contact a{color:#fff;text-decoration:none}.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.phone{font-size:32px;font-weight:700;line-height:1.4}.email{font-size:22px;overflow-wrap:anywhere}.contact-details p{margin:10px 0}.contact-details small{font-size:13px;max-width:420px;color:#e0edff}footer{padding:40px 0;background:#061f3c;color:#d9e5f4}.footer{display:flex;justify-content:space-between;gap:30px}.footer strong{color:white}.footer p{font-size:14px;margin:10px 0 0}.footer nav{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}.footer a{color:#d9e5f4;font-size:14px}.legal{max-width:900px;padding-top:54px;padding-bottom:70px}.legal>.eyebrow{margin-top:40px}.legal h1{font-size:clamp(34px,5vw,56px);overflow-wrap:anywhere}.legal h2{font-size:25px;letter-spacing:-.5px;margin-top:38px;margin-bottom:15px}.legal p{max-width:78ch;overflow-wrap:anywhere}.notice{padding:22px 26px;background:var(--pale);border-left:4px solid var(--blue);margin:32px 0}.notice p{margin:8px 0 0}.updated{margin-top:42px;color:var(--muted);font-size:14px}.skip{position:absolute;left:16px;top:-100px;background:#fff;padding:12px;z-index:10}.skip:focus{top:12px}:focus-visible{outline:3px solid #ea9b17;outline-offset:5px}a:hover{text-decoration:underline}@media(max-width:950px){.header-phone{display:none}.hero-grid{gap:30px}.cards{grid-template-columns:repeat(2,1fr)}.photo-section{grid-template-columns:1fr}.section-intro,.about-grid,.contact-grid{gap:35px}.phone{font-size:26px}.footer{flex-direction:column}.service-strip .wrap{flex-wrap:wrap;justify-content:center}.hero{padding-top:50px}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header{padding:20px 0;flex-wrap:wrap;justify-content:center;gap:20px}.header nav{width:100%;justify-content:center;gap:28px}.hero-grid,.section-intro,.about-grid,.contact-grid{grid-template-columns:1fr}.hero{padding:42px 0}.hero-grid{gap:28px}.network{transform:none}.network img{max-height:380px;width:100%;object-fit:contain;box-shadow:none}.cards{grid-template-columns:1fr}.section{padding-top:56px;padding-bottom:56px}.card{padding:25px}.section-intro{gap:0}.service-strip .wrap{font-size:10px;gap:12px 24px}.about{padding:50px 0}.about-grid{gap:6px}.photo-grid{grid-template-columns:1fr 1fr;gap:12px}.contact{padding:52px 0}.contact h2{font-size:36px}.contact-grid{gap:25px}.footer nav{gap:14px 20px}.legal{padding-top:36px}.actions{gap:20px}.lead{font-size:18px}.notice{padding:18px}.brand strong{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header,.skip,footer{display:none}.wrap{width:100%}.legal{max-width:none}.hero,.contact,.about{background:white;color:black}.contact a{color:black}a{color:inherit}.card{break-inside:avoid}}
/* Eigene Arbeitsfotos */
.photo-section{display:block}.photo-section>div:first-child{max-width:700px;margin-bottom:30px}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.photo-grid a{display:block;background:#edf4fc;border-radius:8px;overflow:hidden}.photo-grid img{width:100%;height:300px;object-fit:contain;border-radius:0}.photo-grid figcaption{font-size:16px;font-weight:600;color:var(--ink)}.photo-grid figcaption span{display:block;font-size:13px;font-weight:400;color:var(--blue);margin-top:3px}@media(max-width:950px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.photo-grid{grid-template-columns:1fr;gap:24px}.photo-grid img{height:330px}}

.lighting-card{grid-column:1/-1;background:var(--pale)}.lighting-card p{max-width:85ch}.lighting-photo{grid-column:1/-1}.lighting-photo img{height:auto;max-height:570px;object-fit:contain}

.personal-project{padding:65px 0;background:var(--pale)}.personal-project p:not(.eyebrow){max-width:80ch;color:var(--muted)}.personal-photos{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-top:30px}.personal-photos figure{margin:0}.personal-photos img{width:100%;height:380px;object-fit:contain;background:#e0e9f3;border-radius:8px}.personal-photos figcaption{font-size:14px;margin-top:10px}@media(max-width:650px){.personal-photos{grid-template-columns:1fr}.personal-photos img{height:330px}}

.before-after{grid-column:1/-1;padding:28px;background:var(--pale);border-radius:8px}.comparison-heading h3{margin-top:0}.comparison-heading p{color:var(--muted);margin-bottom:24px}.comparison-photos{display:grid;grid-template-columns:1fr 1fr;gap:24px}.comparison-photos img{height:390px;object-fit:contain;background:#dfe8f2}.comparison-photos figcaption strong{display:block;color:var(--blue);font-size:20px;margin-bottom:3px}@media(max-width:650px){.before-after{padding:18px}.comparison-photos{grid-template-columns:1fr}.comparison-photos img{height:310px}}

.electrical-detail{margin-top:28px!important;max-width:560px;margin-left:auto!important;margin-right:auto!important}.electrical-detail img{height:420px;object-fit:contain}@media(max-width:650px){.electrical-detail img{height:340px}}

.electrical-details{display:grid;grid-template-columns:1fr 1fr;gap:24px}.electrical-details .electrical-detail{width:100%;max-width:none}@media(max-width:650px){.electrical-details{grid-template-columns:1fr;gap:0}}

.gallery-group{margin-top:48px}.gallery-group>h3{font-size:28px;margin-bottom:24px}.before-after .electrical-details{margin-top:28px}.electrical-details img{height:390px;object-fit:contain;width:100%}.before-after a{display:block}.before-after figcaption span,.tool-feature figcaption span{display:block;font-size:13px;color:var(--blue)}.tool-feature{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:36px;margin-top:50px;background:var(--pale);border-radius:8px}.tool-feature img{max-height:440px;object-fit:contain;width:100%}.tool-feature figure{margin:0}.tool-feature h3{font-size:30px}.tool-feature figcaption{font-size:14px;margin-top:10px}@media(max-width:650px){.tool-feature{grid-template-columns:1fr;padding:22px;gap:20px}.electrical-details img{height:330px}}

/* Arbeitsbilder und lokal animierter Bandbreitenvergleich */
.hero-photo{margin:0;min-width:0}.hero-photo img{width:100%;height:440px;object-fit:contain;background:#dfeaf7;border-radius:18px;box-shadow:0 22px 46px #0a39752b}.hero-photo figcaption{font-size:13px;color:var(--muted);margin-top:16px}.header nav{gap:18px;flex-wrap:wrap}.comparison{background:#071f3a;color:#fff}.comparison h2{max-width:720px}.comparison .eyebrow{color:#8ac8ff}.speed-intro{max-width:730px;color:#c1d1e5}.speed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:36px 0 24px}.speed-card{padding:32px;border:1px solid #3c5975;border-radius:16px;background:linear-gradient(135deg,#183b60,#0b2a49);overflow:hidden}.speed-label{font-size:12px;font-weight:700;letter-spacing:1.5px}.speed-value{font-size:clamp(42px,5vw,64px);font-weight:750;line-height:1.2;margin:22px 0}.speed-value span{font-size:20px;font-weight:400;color:#bfdbf7}.speed-card>p:last-child{font-size:15px;color:#c1d1e5;margin:22px 0 0}.data-stream{height:40px;position:relative;overflow:hidden;border-bottom:1px solid #4a6885;margin-bottom:22px}.data-stream i{position:absolute;top:16px;left:-15px;width:8px;height:8px;border-radius:50%;background:#91caff;box-shadow:0 0 14px #91caff;animation:flow 6s linear infinite}.data-stream i:nth-child(2){animation-delay:-1.2s}.data-stream i:nth-child(3){animation-delay:-2.4s}.data-stream i:nth-child(4){animation-delay:-3.6s}.data-stream i:nth-child(5){animation-delay:-4.8s}.cable .data-stream i{background:#55e0b0;animation-duration:1.4s}.speed-meter{height:12px;background:#061b30;border-radius:10px;overflow:hidden}.speed-meter span{display:block;height:100%;width:10%;background:#91caff;transform-origin:left;animation:fill 2s ease-out both;border-radius:10px}.cable .speed-meter span{width:100%;background:#55e0b0}.speed-note{font-size:13px;color:#c1d1e5;max-width:90ch}.motion-toggle{background:transparent;border:1px solid #7092b5;color:#fff;padding:10px 16px;border-radius:6px;font:inherit;cursor:pointer}.motion-paused .data-stream i,.motion-paused .speed-meter span{animation-play-state:paused}@keyframes flow{to{left:110%}}@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:650px){.hero-photo img{height:340px}.speed-grid{grid-template-columns:1fr}.speed-card{padding:24px}.header nav{gap:14px;font-size:14px}.hero-grid>*{min-width:0}}@media(prefers-reduced-motion:reduce){.data-stream i,.speed-meter span{animation:none}.data-stream i{left:20%}.data-stream i:nth-child(2){left:35%}.data-stream i:nth-child(3){left:50%}.data-stream i:nth-child(4){left:65%}.data-stream i:nth-child(5){left:80%}.motion-toggle{display:none}}

.easy-tech .lead{max-width:75ch}.easy-tech .card h3{margin-top:0}.simple-help{margin-top:28px;padding:30px;background:var(--pale);border-radius:8px}.simple-help li{margin-bottom:12px}.easy-link{color:#bde0ff}.easy-tech .button{gap:0;font-size:18px}.simple-help ol{padding-left:24px}body{line-height:1.7}

.tv-guide{background:#edf4fc}.explain-stack{display:grid;gap:26px;margin:32px 0}.explain-card{padding:32px;border:1px solid #c7d6e7;border-radius:12px;background:#fff}.explain-card h3{margin-top:0;font-size:28px;line-height:1.3}.explain-card p{font-size:18px;max-width:95ch}.path-sub{color:#425b76}.signal-path{display:flex;list-style:none;gap:32px;padding:0;margin:26px 0;align-items:stretch}.signal-path li{flex:1;min-width:0;position:relative;padding:20px 12px;background:#edf4fc;border-radius:10px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:12px;font-size:18px;line-height:1.4;font-weight:600}.signal-path li:not(:last-child):after{content:'→';position:absolute;right:-27px;top:45%;font-size:26px;color:#075adb}.signal-path svg{width:64px;height:64px;color:#075adb;flex:none}.cable-guide .signal-path li{background:#e9f7f3}.cable-guide svg{color:#087d5a}.path-note{padding-top:18px;border-top:1px solid #dbe5f0}.understand-note{padding:28px;background:#fff;border-left:5px solid #075adb;border-radius:6px;margin-top:30px}.understand-note h3{margin-top:0;font-size:26px}.understand-note p,.explain-contact{font-size:18px}.connection-guide .understand-note{background:#edf4fc}.explain-contact{margin-top:25px}@media(max-width:650px){.explain-card{padding:22px 18px}.explain-card h3{font-size:25px}.signal-path{flex-direction:column;gap:32px}.signal-path li{flex-direction:row;text-align:left;min-height:90px;padding:16px;gap:18px}.signal-path svg{width:48px;height:48px}.signal-path li:not(:last-child):after{content:'↓';right:auto;left:50%;top:auto;bottom:-31px}.understand-note{padding:22px}.explain-card p{font-size:18px}}@media print{.signal-path li{break-inside:avoid}.explain-card{break-inside:avoid}}

.whatsapp-button{background:#116c43;color:#fff!important;gap:0}.whatsapp-button:hover{background:#0b5131}.whatsapp-note{font-size:13px;color:var(--muted);max-width:55ch}.contact .whatsapp-button{border:1px solid #c7e8d6}.hero .actions{gap:16px}