@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');
:root{--dark:#111214;--darker:#0b0c0d;--yellow:#ffb500;--white:#fff;--muted:#94969b;--line:#333539}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'Open Sans',Arial,sans-serif;color:var(--dark);background:#f5f5f2}a{color:inherit;text-decoration:none}button{font:inherit}.container{max-width:1240px;width:calc(100% - 88px);margin:0 auto}.skip{position:absolute;top:-100px;left:1rem;background:var(--yellow);padding:1rem;z-index:99}.skip:focus{top:1rem}.site-header{position:sticky;top:0;z-index:20;background:#101113f5;border-bottom:1px solid #ffffff17;backdrop-filter:blur(16px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:88px}.brand{display:inline-flex;align-items:center;gap:12px;color:#fff}.brand-icon{font-family:'Open Sans',sans-serif;font-size:42px;font-weight:700;letter-spacing:-6px;line-height:1}.brand-icon span{color:var(--yellow)}.brand-words{font-family:'Open Sans',sans-serif;font-size:17px;font-weight:600;letter-spacing:-.6px;display:flex;flex-direction:column;line-height:1.05}.brand-words strong{color:var(--yellow);font-size:15px;letter-spacing:1px}.brand-words small{font-size:10px;letter-spacing:4px;margin-top:3px}.nav{display:flex;gap:38px;align-items:center;color:#eee;font-size:13px;font-weight:700}.nav>a:hover{color:var(--yellow)}.nav .nav-contact{background:var(--yellow);color:#111;padding:15px 22px;border-radius:3px}.nav .nav-contact:hover{background:#fff;color:#111}.nav-contact span{margin-left:15px}.menu-toggle{display:none}.hero{overflow:hidden;position:relative;min-height:690px;background:var(--darker);color:#fff;display:flex;align-items:center}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-glow{position:absolute;right:-180px;top:0;width:780px;height:780px;background:radial-gradient(circle,#ffb50019 0%,transparent 65%)}.hero-content{position:relative;z-index:2;padding:110px 0 75px}.eyebrow,.section-label{font-weight:700;letter-spacing:2.5px;font-size:11px}.eyebrow{color:#e5e6e3;display:flex;align-items:center;gap:14px}.dot{height:8px;width:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 15px var(--yellow)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Open Sans',sans-serif}h1{font-size:clamp(65px,7.4vw,115px);line-height:.98;letter-spacing:-7px;margin:32px 0 32px;font-weight:700}h1 em{font-style:normal;color:var(--yellow)}.hero-period{color:var(--yellow)}.hero-lead{font-size:22px;max-width:540px;font-weight:700;line-height:1.4}.hero-description{font-size:15px;color:#afb0af;line-height:1.8;max-width:490px;margin-bottom:32px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{padding:18px 24px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-radius:3px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--yellow);color:#111}.btn-outline{border:1px solid #606166;color:#fff}.btn-outline:hover{border-color:var(--yellow)}.hero-foot{margin-top:92px;display:flex;justify-content:space-between;max-width:830px;color:#929292;font-size:10px;font-weight:700;letter-spacing:2px}.hero-foot span span{color:var(--yellow);font-size:20px;margin-left:10px}.hero-art{position:absolute;right:0;top:20%;width:45%;height:520px;pointer-events:none}.orbit{border:1px solid #ffb50030;border-radius:50%;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-20deg)}.orbit-one{width:260px;height:260px}.orbit-two{width:420px;height:420px}.orbit-three{width:580px;height:580px;border-style:dashed}.orb-center{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);font:700 98px 'Open Sans',sans-serif;color:#ffb50018;letter-spacing:-9px}.orb-center span{color:var(--yellow)}.sat{display:block;position:absolute;width:13px;height:13px;background:var(--yellow);border-radius:50%;box-shadow:0 0 28px #ffb500}.sat-one{top:15%;left:38%}.sat-two{top:67%;left:76%}.section{padding:116px 0}.section-label{color:#9b6d00;display:inline-block;margin-bottom:28px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:55px}.section-head h2,.about h2{font-size:clamp(40px,5vw,70px);line-height:1.04;letter-spacing:-3.5px;margin:0}.section-head h2 span,.about h2 span{color:#999a99}.section-head>p{max-width:370px;font-size:15px;line-height:1.9;color:#777;margin:0 0 8px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:white;border:1px solid #e7e7e4;padding:28px;min-height:530px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-6px);box-shadow:0 25px 45px #0000000d}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:2px;color:#777;font-weight:700}.card-icon{font-size:28px;color:#c18a00}.service-visual{height:155px;margin:25px 0 27px;position:relative;overflow:hidden;background:#ffffff}.network-visual{display:flex;align-items:center;justify-content:center;gap:19px}.network-visual:before,.network-visual:after{content:'';height:2px;width:75%;position:absolute;background:#ffb500;top:50%;transform:rotate(22deg)}.network-visual:after{transform:rotate(-22deg)}.network-visual i{z-index:1;width:27px;height:27px;border:6px solid #1e2021;background:var(--yellow);border-radius:5px}.network-visual i:nth-child(2),.network-visual i:nth-child(4){transform:translateY(-45px)}.network-visual i:nth-child(3){transform:translateY(38px)}.wifi-ring{position:absolute;display:block;border:5px solid #111;border-bottom:0;border-left-color:transparent;border-right-color:transparent;border-radius:50%;left:50%;transform:translateX(-50%)}.wifi-visual .ring-one{width:210px;height:120px;top:18px}.wifi-visual .ring-two{width:145px;height:85px;top:55px}.wifi-visual .ring-three{width:75px;height:42px;top:92px}.wifi-dot{background:var(--yellow);width:20px;height:20px;border-radius:50%;position:absolute;left:calc(50% - 10px);bottom:11px}.browser{width:210px;height:122px;background:#161719;border-radius:8px;margin:17px auto;box-shadow:10px 10px 0 #ffb500}.browser-head{border-bottom:1px solid #444;padding:10px;display:flex;gap:5px}.browser-head b{width:6px;height:6px;background:#ffb500;border-radius:50%}.browser-body{padding:15px}.browser-body span{display:block;background:#ffb500;width:48px;height:6px;margin-bottom:10px}.browser-body strong{display:block;background:#eee;width:125px;height:11px;margin-bottom:12px}.browser-body small{display:block;background:#666;height:4px;width:160px;margin:8px 0}.browser-body small:last-child{width:110px}.service-card h3{font-size:33px;letter-spacing:-1.6px;margin:0 0 11px}.service-card h3 span{color:#ffb500}.service-card p{color:#707174;font-size:14px;line-height:1.75;margin:0 0 15px}.service-card ul{list-style:none;padding:0;margin:0 0 27px;font-size:12px;color:#4b4c4d}.service-card li{margin:10px 0;position:relative;padding-left:18px}.service-card li:before{content:'';position:absolute;left:0;top:0.55em;width:6px;height:6px;border-radius:50%;background:#ffb500;margin:0}.service-card>a{font-size:13px;font-weight:700;border-top:1px solid #eee;padding-top:20px;margin-top:auto;display:flex;justify-content:space-between}.about{background:#000000;color:#f8f8f8}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px}.about .section-label,.process .section-label{color:var(--yellow)}.about h2 span{color:var(--yellow)}.about-stamp{font:700 110px 'Open Sans',sans-serif;letter-spacing:-13px;color:#ffffff0b;margin-top:40px}.about-stamp span{color:#ffb50020}.about-right{padding-top:42px}.about-right p{font-size:15px;line-height:1.9;color:#a7a8a9}.about-right .about-intro{font:500 26px 'Open Sans',sans-serif;color:#fff;line-height:1.4;margin-bottom:28px}.about-intro strong{color:var(--yellow)}.about-values{margin:35px 0}.about-values div{border-bottom:1px solid #393a3d;padding:14px 0;font-size:14px}.about-values span{color:var(--yellow);font-size:11px;margin-right:20px}.text-link{color:var(--yellow);font-weight:700;font-size:13px}.text-link span{margin-left:16px}.process{background:#ffffff;color:#111214}.process .section-head h2 span{color:#76787c}.process .section-head>p{color:#565a60}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d8dadd}.step{padding:38px 28px 0 0;border-right:1px solid #d8dadd;margin-right:25px}.step:last-child{border-right:0;margin-right:0}.step-num{color:var(--yellow);font:700 16px 'Open Sans',sans-serif}.step h3{font-size:23px;letter-spacing:-1px;margin:44px 0 15px}.step p{color:#5c6065;font-size:13px;line-height:1.75}.social{background:#f0f0ec}.social-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center}.social h2{font-size:clamp(42px,5.5vw,78px);line-height:1.02;letter-spacing:-4px;margin:0 0 24px}.social h2 span{color:var(--yellow)}.social-copy p{max-width:650px;font-size:15px;line-height:1.85;color:#666;margin:0 0 28px}.social-card{background:#111214;color:#fff;border:1px solid #2a2c2f;border-radius:20px;padding:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:360px;transition:transform .2s,box-shadow .2s}.social-card:hover{transform:translateY(-6px);box-shadow:0 25px 45px #00000012}.social-icon{width:110px;height:110px;object-fit:contain;border-radius:24px;background:#fff;padding:8px;box-shadow:0 10px 30px #0000002b}.social-card-text{margin-top:22px;display:flex;flex-direction:column;gap:8px}.social-card-text strong{font:700 24px 'Open Sans',sans-serif;letter-spacing:-1px}.social-card-text span{color:#c5c7ca;font-size:14px}.social-btn{width:max-content}.contact{background:var(--yellow);padding:110px 0;overflow:hidden}.contact .section-label{color:#4a430d}.contact-inner{display:flex;align-items:center;justify-content:space-between}.contact h2{font-size:clamp(45px,6vw,85px);line-height:1;letter-spacing:-5px;margin-bottom:27px}.contact h2 span{color:#6c601d}.contact p{max-width:570px;line-height:1.8;font-size:16px;margin-bottom:30px}.btn-dark{background:#111;color:#fff}.contact small{display:block;margin-top:18px;font-size:11px;color:#595016}.contact-symbol{font:700 350px 'Open Sans',sans-serif;line-height:.8;color:#111;opacity:.11}.footer{background:#0f1011;color:#fff}.footer-top{padding:60px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333}.footer-top p{color:#939497;font-size:14px;margin:0}.footer-top>a:last-child{font-size:12px;color:var(--yellow)}.footer-bottom{padding:26px 0;display:flex;justify-content:space-between;font-size:12px;color:#8c8e90}.footer-bottom div{display:flex;gap:25px}.footer-bottom a:hover{color:var(--yellow)}.legal{min-height:55vh;background:#f5f5f2;padding:80px 0}.legal h1{font-size:clamp(44px,7vw,68px);letter-spacing:-3px;color:#111}.legal p{max-width:780px;line-height:1.8;color:#555}.legal .notice{background:#fff1cf;padding:20px;border-left:4px solid #ffb500;color:#3f391b}.legal a{color:#9b6d00;text-decoration:underline}
@media(max-width:1050px){.hero-art{opacity:.35;right:-100px}.service-grid{gap:12px}.service-card{padding:21px}.about-layout{gap:45px}.step{margin-right:12px}.step h3{font-size:19px}}@media(max-width:760px){.container{width:calc(100% - 40px)}.social-inner{grid-template-columns:1fr}.social h2{letter-spacing:-2px}.social-card{min-height:auto;padding:28px}.social-icon{width:92px;height:92px}.nav-wrap{min-height:72px}.brand-icon{font-size:36px}.brand-words{font-size:13px}.brand-words strong{font-size:12px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;padding:13px;cursor:pointer}.menu-toggle span{display:block;width:25px;height:2px;background:#fff}.nav{display:none;position:absolute;left:0;right:0;top:72px;background:#141516;padding:20px;flex-direction:column;gap:20px;align-items:stretch}.nav.open{display:flex}.nav .nav-contact{text-align:center}.hero{min-height:650px}.hero-content{padding:100px 0 60px}h1{font-size:clamp(48px,12vw,78px);letter-spacing:-4px}.hero-lead{font-size:19px}.hero-art{right:-190px;top:80px;opacity:.2}.hero-foot{margin-top:70px;gap:20px}.hero-foot span:last-child{display:none}.section{padding:75px 0}.section-head{display:block}.section-head h2,.about h2{letter-spacing:-2px}.section-head>p{margin-top:25px}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto;padding:28px}.service-visual{max-height:145px}.about-layout{grid-template-columns:1fr;gap:10px}.about-stamp{display:none}.about-right{padding-top:10px}.steps{grid-template-columns:1fr 1fr;gap:15px}.step{border-right:0;margin-right:0;padding-right:10px}.step h3{margin-top:22px}.contact{padding:75px 0}.contact h2{letter-spacing:-3px}.contact-symbol{display:none}.footer-top{flex-wrap:wrap;gap:25px}.footer-top p{width:100%;order:2}.footer-bottom{gap:20px;flex-wrap:wrap}}@media(max-width:400px){.hero-actions{flex-direction:column;align-items:stretch}.hero-foot{margin-top:50px}.steps{grid-template-columns:1fr}.step{padding-bottom:16px;border-bottom:1px solid #d8dadd}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Originales Firmenlogo in Kopf- und Fußzeile */
.brand-logo{display:block;width:210px;max-width:100%;height:auto;object-fit:contain}
.footer-brand .brand-logo{width:245px}
@media(max-width:760px){.brand-logo{width:174px}.footer-brand .brand-logo{width:215px}}


/* Responsive-Optimierung für Desktop, Tablet, iPhone und kleine Smartphones */
html { width: 100%; }
body { width: 100%; min-width: 0; overflow-x: clip; }
img, svg { max-width: 100%; }
.container { max-width: 1240px; width: min(1240px, calc(100% - 48px)); }
.nav-wrap, .hero-content, .section-head, .about-layout, .contact-inner,
.social-inner, .service-grid, .steps, .footer-top, .footer-bottom { min-width: 0; }
.nav-wrap > *, .section-head > *, .about-layout > *, .contact-inner > *,
.social-inner > *, .service-grid > *, .steps > * { min-width: 0; }
h1, h2, h3, p, .social-card-text strong { overflow-wrap: anywhere; }
.hero h1 { font-size: clamp(44px, 7.1vw, 100px); letter-spacing: -.065em; }
.section-head h2, .about h2 { overflow-wrap: anywhere; }
.social h2 { overflow-wrap: anywhere; }
.social-btn { max-width: 100%; white-space: normal; text-align: left; }
.social-card-text strong { font-size: clamp(18px, 2.1vw, 24px); }
.brand-logo { object-fit: contain; }
.hero { isolation: isolate; }
.hero-art { z-index: 0; }
.hero-content { z-index: 2; }
.contact h2 { overflow-wrap: anywhere; }
.footer-bottom { row-gap: 12px; }
.legal { overflow-wrap: anywhere; }

/* Zwischenbreiten: Menü braucht mehr Platz als üblich */
@media (max-width: 1100px) and (min-width: 761px) {
  .nav { gap: clamp(12px, 1.7vw, 25px); font-size: 12px; }
  .nav .nav-contact { padding: 13px 14px; }
  .brand-logo { width: clamp(152px, 18vw, 200px); }
  .hero h1 { font-size: clamp(54px, 6.5vw, 78px); }
  .hero-art { opacity: .23; }
}
@media (max-width: 900px) {
  .section-head { gap: 24px; }
  .service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-card:last-child { grid-column: 1 / -1; }
  .about-layout { gap: 30px; }
  .contact-symbol { font-size: 220px; }
  .social-inner { grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); }
}
@media (max-width: 760px) {
  html { scroll-padding-top: 72px; }
  .container { width: calc(100% - 36px); }
  .site-header { width: 100%; }
  .nav-wrap { min-height: 72px; }
  .brand-logo { width: min(174px, 56vw); height: auto; }
  .nav { max-height: calc(100dvh - 72px); overflow-y: auto; }
  .hero { min-height: auto; }
  .hero-content { padding: 80px 0 54px; }
  .hero h1 { font-size: clamp(40px, 10vw, 74px); line-height: 1.06; letter-spacing: -.065em; margin: 28px 0; }
  .hero-lead { font-size: clamp(17px, 4.8vw, 21px); }
  .hero-description { font-size: 15px; }
  .hero-foot { margin-top: 58px; font-size: 10px; letter-spacing: 1px; }
  .hero-art { opacity: .10; right: -130px; top: 14%; width: 65%; transform: scale(.7); transform-origin: 50% 35%; }
  .hero-glow { opacity: .3; }
  .service-grid { grid-template-columns: minmax(0, 1fr); }
  .service-card:last-child { grid-column: auto; }
  .section-head h2, .about h2 { font-size: clamp(34px, 9vw, 52px); letter-spacing: -.05em; }
  .about-layout { grid-template-columns: minmax(0, 1fr); }
  .about-right { padding-top: 8px; }
  .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .social-inner { grid-template-columns: minmax(0, 1fr); }
  .social h2 { font-size: clamp(36px, 9vw, 58px); letter-spacing: -.05em; }
  .social-card { width: 100%; }
  .social-card-text strong { font-size: clamp(18px, 5vw, 24px); }
  .contact-inner { display: block; }
  .contact h2 { font-size: clamp(38px, 10vw, 64px); line-height: 1.07; letter-spacing: -.06em; }
  .footer-top { align-items: flex-start; }
  .footer-bottom { font-size: 12px; }
}
@media (max-width: 480px) {
  .container { width: calc(100% - 32px); }
  .hero-content { padding: 65px 0 48px; }
  .hero h1 { font-size: clamp(35px, 10.2vw, 49px); letter-spacing: -.065em; }
  .eyebrow { font-size: 10px; letter-spacing: 1.4px; }
  .hero-actions { display: flex; flex-direction: column; align-items: stretch; }
  .hero-actions .btn { width: 100%; }
  .hero-foot { margin-top: 40px; }
  .hero-art { display: none; }
  .section { padding: 64px 0; }
  .section-head h2, .about h2 { font-size: clamp(33px, 9.2vw, 43px); }
  .service-card { padding: 22px; }
  .steps { grid-template-columns: minmax(0, 1fr); }
  .step { margin-right: 0; padding: 20px 0; border-bottom: 1px solid #444; }
  .step h3 { margin: 14px 0; }
  .social h2 { font-size: clamp(34px, 9.2vw, 44px); }
  .social-card { padding: 24px 14px; border-radius: 14px; }
  .social-icon { width: 88px; height: 88px; }
  .social-btn { width: 100%; }
  .contact { padding: 65px 0; }
  .contact h2 { font-size: clamp(35px, 10vw, 48px); }
  .contact .btn { max-width: 100%; gap: 14px; white-space: normal; }
  .footer-top { padding: 44px 0; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
  .footer-bottom div { flex-wrap: wrap; }
}

/* Animated rack video in hero (replaces MSA+ illustration) */
.hero-rack-video{right:4%;top:19%;width:min(42%,600px);height:auto;aspect-ratio:16/9;opacity:1;transform:none;z-index:1;pointer-events:none;border-radius:14px;overflow:hidden;border:1px solid #ffffff22;box-shadow:0 18px 75px #0009}
.hero-rack-video video{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:1100px){.hero-rack-video{right:2%;width:42%;top:25%;opacity:.8;transform:none}}
@media(max-width:760px){.hero-rack-video{position:relative;top:auto;right:auto;width:calc(100% - 36px);height:auto;margin:-14px auto 36px;opacity:1;transform:none;aspect-ratio:16/9}.hero{min-height:auto}.hero-content{padding-bottom:40px}}
@media(max-width:480px){.hero-rack-video{display:block;right:auto;top:auto;opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.hero-rack-video video{display:none}.hero-rack-video{background:#10161d url('network-rack-poster.jpg') center/cover no-repeat}}

/* Rack animation: extra breathing room, seamless dark background */
.hero-rack-video{background:#0b0c0d;border:0;border-radius:0;box-shadow:none;top:14%}
.hero-rack-video video{object-fit:contain;background:#0b0c0d}
.hero{min-height:820px}
.hero-foot{margin-top:156px}
@media(max-width:760px){.hero{min-height:auto}.hero-rack-video{top:auto;margin:10px auto 44px}.hero-foot{margin-top:68px}}
@media(max-width:480px){.hero-rack-video{margin:12px auto 46px}.hero-foot{margin-top:55px}}

/* Transparente Rack-Animation ohne Videohintergrund */
.hero-rack-transparent{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;aspect-ratio:363/371!important;width:min(34%,410px)!important;right:6%!important;top:11%!important;height:auto!important;opacity:1!important;transform:none!important}
.hero-rack-transparent picture,.hero-rack-transparent img{display:block;width:100%;height:auto;object-fit:contain;background:transparent}
@media(max-width:1100px){.hero-rack-transparent{width:34%!important;right:2%!important;top:18%!important}}
@media(max-width:760px){.hero-rack-transparent{position:relative!important;width:min(78%,365px)!important;right:auto!important;top:auto!important;margin:12px auto 38px!important}}
@media(max-width:480px){.hero-rack-transparent{display:block!important;width:min(86%,325px)!important;margin:12px auto 35px!important}}
@media(prefers-reduced-motion:reduce){.hero-rack-transparent{background:transparent!important}}

/* Rack etwas weiter links und tiefer; Mobilansicht bleibt zentriert */
@media (min-width:1101px){.hero-rack-transparent{right:12%!important;top:22%!important}}
@media (min-width:761px) and (max-width:1100px){.hero-rack-transparent{right:8%!important;top:25%!important}}
.hero-foot{display:none!important}

/* Rack auf Desktop weitere ca. 3–4 cm nach links verschoben (bei 96dpi etwa 130px). */
@media(min-width:1101px){.hero-rack-transparent{right:calc(12% + 130px)!important}}
@media(min-width:761px) and (max-width:1100px){.hero-rack-transparent{right:calc(8% + 80px)!important}}


/* Optimiertes, ruhiges Hero-Layout auf Smartphones. Desktop unverändert. */
@media (max-width: 760px) {
  .hero-art.hero-rack-transparent,
  .hero-art.hero-rack-video { display: none !important; }
  .hero { min-height: auto !important; }
  .hero-content {
    width: calc(100% - 40px) !important;
    max-width: 620px !important;
    margin-inline: auto !important;
    padding: 74px 0 88px !important;
    position: relative;
  }
  .hero .eyebrow {
    font-size: 10px !important;
    line-height: 1.6 !important;
    letter-spacing: 1.2px !important;
    max-width: 100%;
    overflow-wrap: normal;
  }
  .hero h1 {
    font-size: clamp(29px, 7.65vw, 49px) !important;
    line-height: 1.13 !important;
    letter-spacing: -.055em !important;
    margin: 35px 0 30px !important;
    max-width: 100% !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  .hero-lead {
    font-size: clamp(17px, 4.3vw, 21px) !important;
    line-height: 1.5 !important;
    max-width: 540px;
  }
  .hero-description {
    font-size: 14px !important;
    line-height: 1.8 !important;
    max-width: 520px;
    margin-bottom: 30px;
  }
  .hero-actions { gap: 12px; flex-wrap: wrap; }
  .hero-actions .btn { min-width: 0; text-align: left; }
}
@media (max-width: 480px) {
  .hero-content { width: calc(100% - 36px) !important; padding: 58px 0 72px !important; }
  .hero h1 { font-size: clamp(27px, 7.65vw, 37px) !important; margin: 28px 0 27px !important; }
  .hero-actions { display: grid !important; grid-template-columns: 1fr; gap: 12px; }
  .hero-actions .btn { width: 100% !important; padding: 17px 20px; }
}

/* Nach Entfernung der markierten Elemente: Headerbereiche bleiben sauber ausgerichtet */
.footer-top{justify-content:flex-start}
.contact-inner{justify-content:flex-start}

/* Hero: reiner schwarzer Hintergrund ohne Raster und Lichtschein */
.hero { background: #000000 !important; }
.hero-grid, .hero-glow { display: none !important; }


/* Leistungen: reines Weiß, abgestimmte Text- und Kartenkontraste */
.services { background: #ffffff; color: #111214; }
.services .section-head h2 { color: #111214; }
.services .section-head h2 span { color: #777a7e; }
.services .service-card { background: #ffffff; border-color: #e3e4e6; }
.services .service-visual { background: #ffffff; }
.services .service-card h3, .services .service-card > a { color: #111214; }
.services .service-card p { color: #565b62; }
.services .service-card ul { color: #3f454b; }
.services .service-card > a { border-top-color: #e3e4e6; }

/* Social Media: schwarzer Hintergrund mit gut lesbaren Kontrasten */
.social {
  background: #000000;
  color: #ffffff;
}
.social .section-label { color: #ffb500; }
.social h2 { color: #ffffff; }
.social h2 span { color: #ffb500; }
.social-copy p { color: #c5c7ca; }
.social-card {
  background: #171819;
  color: #ffffff;
  border: 1px solid #3b3d40;
}
.social-card:hover {
  border-color: #ffb500;
  box-shadow: 0 18px 45px rgba(255,181,0,.12);
}
.social-card-text strong { color: #ffffff; }
.social-card-text span { color: #d1d2d4; }
.social-icon { background: #ffffff; }
.social-card:focus-visible {
  outline: 3px solid #ffb500;
  outline-offset: 4px;
}

/* Hero-Desktop: gleicher Abstand oben und unten zum sichtbaren Inhalt */
@media (min-width: 761px) {
  .hero { min-height: 0 !important; }
  .hero .hero-content { padding-top: 112px !important; padding-bottom: 112px !important; }
}


/* Längere Prozessbeschreibungen sauber und responsiv darstellen */
.process .steps{align-items:stretch;}
.process .step{min-width:0;}
.process .step h3{overflow-wrap:normal;word-break:normal;hyphens:auto;line-height:1.3;}
.process .step p{margin:0 0 14px;line-height:1.75;}
.process .step p:last-child{margin-bottom:0;}
@media(max-width:760px){.process .steps{gap:22px 14px;}.process .step{padding-bottom:18px;}}

/* Neues WLAN-Symbol anstelle der CSS-Grafik */
.wifi-visual{display:flex;align-items:center;justify-content:center;background:#fff;}
.wifi-visual .wifi-symbol-image{display:block;width:auto;height:135px;max-width:85%;object-fit:contain;}
@media(max-width:760px){.wifi-visual .wifi-symbol-image{height:125px;}}

/* Neues Netzwerksymbol statt bisheriger CSS-Grafik */
.network-visual { display:flex; align-items:center; justify-content:center; background:#fff; }
.network-visual::before,.network-visual::after { content:none !important; }
.network-visual .network-symbol-image { display:block; height:135px; width:auto; max-width:85%; object-fit:contain; }
@media(max-width:760px) { .network-visual .network-symbol-image { height:125px; } }

/* Service-Karten: alle Aufzählungen beginnen auf derselben Höhe.
   Die Netzwerkbeschreibung hat eine Zeile mehr als die anderen. */
@media (min-width: 1101px) {
  .services .service-card > p {
    min-height: calc(14px * 1.75 * 3);
  }
}
@media (min-width: 761px) and (max-width: 1100px) {
  .services .service-card > p {
    min-height: calc(14px * 1.75 * 6);
  }
}
@media (max-width: 760px) {
  .services .service-card > p { min-height: 0; }
}
/* Punkt und Beschriftung innerhalb jeder Aufzählungszeile ausrichten. */
.services .service-card li {
  position: relative;
  padding-left: 18px;
  line-height: 1.6;
}
.services .service-card li::before {
  content: '';
  position: absolute;
  top: 0.8em;
  left: 0;
  width: 6px;
  height: 6px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #ffb500;
}

/* Figur im Über-uns-Bereich: zentriert im bisher leeren Feld, mobil angepasst */
.about-character {
  margin-top: 20px;
  width: 100%;
  height: 360px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
  background: transparent;
}
.about-character img {
  display: block;
  height: 430px;
  width: auto;
  max-width: none;
  object-fit: contain;
}
@media (max-width: 760px) {
  .about-character { height: 300px; margin-top: 16px; }
  .about-character img { height: 355px; }
}
@media (max-width: 480px) {
  .about-character { height: 265px; }
  .about-character img { height: 310px; }
}