:root{--ink:#343737;--muted:#636666;--paper:#fafbfb;--accent:#009999;--line:#dce3e3;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #007a7a;outline-offset:6px}a:hover{text-decoration:underline}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;padding-block:30px;border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;line-height:1}.brand>span{font-size:37px;letter-spacing:-2px;font-weight:800}.brand-dot{color:#009999}.brand small{font-size:11px;letter-spacing:1.8px;margin-top:8px}nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}.nav-support{padding:11px 17px;border:1px solid var(--ink);border-radius:6px}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center;padding-block:82px 90px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,4.2vw,57px);line-height:1.12;letter-spacing:-2.2px;font-weight:650;margin-bottom:26px}h1 span{color:#737373}h2{font-size:clamp(29px,3.2vw,42px);line-height:1.2;letter-spacing:-1.3px;font-weight:600;margin-bottom:0}h3{font-size:21px;line-height:1.3}.intro{font-size:17px;color:var(--muted);max-width:540px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:32px}.button{background:var(--ink);color:white;padding:15px 20px;border-radius:6px;font-size:14px;font-weight:600}.button span{margin-left:16px}.text-link{font-size:14px;font-weight:600}.availability{font-size:12px;color:var(--muted);margin:23px 0 0}.availability span{display:inline-block;width:7px;height:7px;background:#009999;border-radius:50%;margin-right:8px}.services{padding-block:55px 75px;border-top:1px solid var(--line)}.section-heading{margin-bottom:40px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.number{display:block;font-size:12px;color:#007a7a;margin-bottom:20px}.service-grid h3{margin-bottom:14px}.service-grid p{font-size:15px;color:var(--muted);margin-bottom:0}.support-section{background:#edf5f5;padding-block:65px}.support-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:80px;margin-bottom:35px}.support-heading>p{font-size:15px;color:var(--muted);max-width:470px;margin-bottom:0}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.download{display:block;background:var(--white);padding:26px;border:1px solid #dce3e3;border-radius:8px;transition:transform .2s,border-color .2s}.download:hover{transform:translateY(-3px);border-color:#007a7a;text-decoration:none}.platform{font-size:14px;color:var(--muted);letter-spacing:1.4px}.download h3{margin:20px 0 30px;font-size:25px}.download-bottom{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:12px}.download-bottom b{font-size:23px;font-weight:500}.support-note{font-size:12px;color:var(--muted);margin:20px 0 0}.support-note a{text-decoration:underline}.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding-block:80px}.contact-email{display:inline-block;font-size:24px;border-bottom:1px solid var(--ink);margin-top:30px}.contact-email span{margin-left:22px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-details h3{font-size:13px;margin-bottom:10px}.contact-details p,address{font-size:14px;color:var(--muted);font-style:normal;margin-bottom:0}.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-block:25px;font-size:12px;color:var(--muted)}.footer div{display:flex;gap:25px}.skip-link{position:absolute;left:16px;top:-100px;background:var(--ink);color:white;padding:12px;z-index:10}.skip-link:focus{top:10px}.legal{max-width:760px;padding-block:60px 90px;min-height:65vh}.legal h1{margin-bottom:35px}.legal h2{font-size:22px;margin:30px 0 12px}.legal p{color:var(--muted)}@media(max-width:900px){.hero{gap:30px;padding-block:55px}.support-heading{gap:30px}.download{padding:20px}.contact{gap:35px}.service-grid{gap:25px}}@media(max-width:680px){.wrap{width:calc(100% - 36px)}.header{align-items:flex-start;gap:20px;padding-block:22px}.brand>span{font-size:30px}.brand small{font-size:9px}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end;font-size:12px;max-width:220px}.nav-support{padding:7px 10px}.hero{grid-template-columns:1fr;gap:35px;padding-block:45px}h1{letter-spacing:-1.5px}.service-grid,.download-grid,.support-heading,.contact{grid-template-columns:1fr}.service-grid{gap:30px}.service-grid article{padding-bottom:24px;border-bottom:1px solid var(--line)}.support-heading{gap:25px}.support-section{padding-block:45px}.contact{padding-block:50px}.contact-details{gap:25px}.footer{font-size:11px}.download h3{margin:12px 0 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.download{transition:none}.download:hover{transform:none}}
/* Firmenlogo aus der bisherigen Website */
.brand-logo{display:block;width:149px;height:auto;max-width:100%}.brand{flex-shrink:0}.brand small{color:#636666;letter-spacing:1.2px}.brand:hover{text-decoration:none}@media(max-width:680px){.brand-logo{width:125px}.brand small{letter-spacing:.7px}}

/* Kopfzeile: Mitte der Buchstaben auf der Sichtachse der Navigation; Spiegelung darunter */
.header{min-height:96px;padding-block:20px;align-items:center}.brand{display:flex;justify-content:center}.header nav{align-items:center}.header .brand-logo{transform:translateY(22.34%)}@media(max-width:680px){.header{min-height:96px;padding-block:16px;align-items:center}}

/* Kompakte geschwungene Grafik neben dem Einführungstext */
.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:36px;padding-block:65px 70px}
.hero-copy{min-width:0}.hero-copy h1{font-size:clamp(36px,3.4vw,46px);letter-spacing:-1.7px}.hero-copy .intro{max-width:460px}
.hero-visual{min-width:0;padding:18px 8px 25px;border-block:1px solid var(--line);background:linear-gradient(145deg,#fff,#f3f7f7)}
.partnership{display:block;width:100%;height:auto;margin:0 0 8px}
.partnership text{font:13px "Segoe UI",Arial,sans-serif;fill:#636666}
.partnership .tech text{fill:#007f7f;paint-order:stroke fill;stroke:#f6f9f9;stroke-width:3.5px;stroke-linejoin:round}
.partnership .line{fill:none;stroke-linecap:round;stroke-linejoin:round}
.partnership .tech .line{stroke:#009999;stroke-width:1.1}.partnership .business .line{stroke:#737373;stroke-width:3.5}
.partnership .tech .point{fill:#fff;stroke:#009999;stroke-width:1.1}.partnership .business .point{fill:#fff;stroke:#737373;stroke-width:2}
.partnership .coax{fill:#fff;stroke:#737373;stroke-width:1}.partnership .company{fill:#fff;stroke:#737373;stroke-width:1.2}
.partnership .company-title{fill:#454747;font-size:18px;font-weight:500}
.partnership .halo-gray{fill:#737373;opacity:.025}.partnership .halo-teal{fill:#009999;opacity:.035}
.visual-bottom{margin:0;padding-inline:16px;color:var(--muted);font-size:14px;line-height:1.7}.visual-bottom strong{color:var(--ink);font-size:17px;font-weight:500}
.eyebrow,.text-link,.contact-email{color:#007a7a}.button{background:#007a7a}.button:hover{background:#006b6b}.nav-support{border-color:#009999;color:#007a7a}
@media(max-width:1050px){.hero{grid-template-columns:1fr;gap:32px;padding-block:50px}.hero-copy{max-width:760px}.hero-copy .intro{max-width:620px}.hero-visual{width:100%;max-width:680px;justify-self:center}}
@media(max-width:680px){.hero{padding-block:45px;gap:30px}.hero-visual{padding:16px 0 22px}.visual-bottom{padding-inline:12px}.visual-bottom strong{font-size:16px}}

/* Lesbare Gliederung der Datenschutzerklaerung */
.privacy h3{font-size:17px;margin:24px 0 10px}.privacy p{overflow-wrap:anywhere}.privacy p a{text-decoration:underline;text-underline-offset:3px}