:root{--ink:#142337;--muted:#5e6b79;--blue:#1676a7;--line:#e0e7ed;--paper:#fff;--shade:#f3f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{width:min(1140px,calc(100% - 52px));margin:auto}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:99}.top{background:#fff;border-bottom:1px solid var(--line)}.nav{height:85px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px;font-size:13px;letter-spacing:.1em;font-weight:650}.brand b{font-weight:850}.mark{background:var(--ink);color:white;width:43px;height:43px;display:grid;place-items:center;border-radius:7px;font-size:25px;font-weight:750;letter-spacing:-.1em}.dot{color:#51b6db}.nav nav{display:flex;gap:31px;font-size:13px;color:#465565}.nav nav a:hover,.footer a:hover{color:var(--blue)}.hero{background:linear-gradient(118deg,#f5f9fc,#eaf3f8);overflow:hidden}.hero-grid{min-height:540px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:45px}.eyebrow{color:#287ea5;font-size:12px;letter-spacing:.19em;font-weight:800;margin:0 0 18px}.hero h1{font-size:clamp(40px,5vw,67px);line-height:1.11;letter-spacing:-.047em;margin:0 0 26px;max-width:720px}.hero h1 em{font-style:normal;color:#287ea5}.lead{font-size:18px;max-width:620px;color:#526375;line-height:1.7}.hero-meta{display:flex;flex-wrap:wrap;gap:12px 27px;margin-top:37px;font-size:13px;color:#41546a}.hero-meta span{display:flex;align-items:center;gap:10px}.hero-meta i{width:7px;height:7px;background:#2b91b6;border-radius:50%}.graphic{height:390px;position:relative;border:1px solid #d8e5ed;border-radius:18px;background:linear-gradient(140deg,#e8f2f8,#d8e9f3);box-shadow:0 28px 55px #244a6812;overflow:hidden}.gridlines{position:absolute;inset:0;background-image:linear-gradient(#ffffff80 1px,transparent 1px),linear-gradient(90deg,#ffffff80 1px,transparent 1px);background-size:32px 32px}.diagram{position:absolute;inset:0}.diagram svg{position:absolute;inset:0;width:100%;height:100%}.diagram path{stroke:#8dbbd0;stroke-width:2;fill:none;stroke-dasharray:5 7}.node{position:absolute;z-index:1;background:#fff;border:1px solid #b7d0df;box-shadow:0 12px 22px #15334c16;border-radius:9px;padding:11px 16px;font-size:11px;font-weight:800;letter-spacing:.1em;color:#2c6888;white-space:nowrap}.node.primary{left:50%;top:50%;transform:translate(-50%,-50%);width:126px;height:126px;border-radius:50%;background:#153750;color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0}.node.primary strong{font-size:42px;line-height:1.1}.node .small{font-size:9px;letter-spacing:.1em}.n1{left:12%;top:20%}.n2{right:8%;top:20%}.n3{left:12%;bottom:19%}.n4{right:7%;bottom:19%}.section{padding:94px 0}.section h2,.contact h2{font-size:clamp(29px,3.6vw,43px);line-height:1.2;letter-spacing:-.03em;margin:0 0 20px}.section-intro{max-width:720px;color:var(--muted);margin:0 0 39px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{border:1px solid var(--line);padding:30px 27px;min-height:230px;background:white;border-radius:9px}.card .num{color:#6babc8;font-size:12px;letter-spacing:.16em;font-weight:800}.card h3{font-size:18px;line-height:1.3;margin:24px 0 10px}.card p{font-size:14px;color:var(--muted);margin:0}.shade{background:var(--shade)}.brands{display:flex;flex-wrap:wrap;gap:11px}.brands span{background:white;border:1px solid #d9e3e9;border-radius:6px;padding:13px 20px;font-size:15px;font-weight:700;color:#29445a}.disclaimer{font-size:12px;color:#78848e;margin:24px 0 0}.profile{display:grid;grid-template-columns:1fr 1fr;gap:70px}.profile p:not(.eyebrow){color:var(--muted);margin:0 0 15px}.contact{background:#19374c;color:white;padding:63px 0}.contact .eyebrow{color:#80c4e2}.contact-inner{display:flex;justify-content:space-between;gap:40px;align-items:center}.contact h2{margin-bottom:8px}.contact p{margin-top:0}.contact-data{border-left:1px solid #668093;padding-left:30px;max-width:390px;font-size:14px}.placeholder{color:#d4e0e9}footer{background:#10293b;color:#c0d0dc}.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;font-size:12px}.footer div{display:flex;gap:24px}.legal{max-width:850px;padding:70px 0 100px;min-height:65vh}.legal h1{font-size:40px;line-height:1.2}.legal h2{margin-top:35px}.legal p{color:#506173}.notice{border-left:4px solid #c88c3d;background:#fff6e8;padding:15px 20px;color:#6b512b!important}@media(max-width:850px){.hero-grid{grid-template-columns:1fr;padding:75px 0}.graphic{height:300px;max-width:530px;width:100%}.cards{grid-template-columns:repeat(2,1fr)}.profile{gap:25px}.nav nav{gap:15px}}@media(max-width:600px){.wrap{width:min(100% - 32px,1140px)}.nav{height:auto;min-height:78px;flex-wrap:wrap;padding:16px 0}.nav nav{width:100%;justify-content:space-between;font-size:12px;gap:8px}.hero-grid{padding:58px 0;gap:35px}.hero h1{font-size:42px}.graphic{height:270px}.cards{grid-template-columns:1fr}.card{min-height:auto}.section{padding:65px 0}.profile{grid-template-columns:1fr}.contact-inner{display:block}.contact-data{border-left:0;border-top:1px solid #668093;padding:20px 0 0;margin-top:25px}.footer{flex-direction:column;align-items:flex-start}}

.brand-logo{width:49px;height:49px;object-fit:contain;flex:none;border-radius:7px}.brand-name{font-size:14px;letter-spacing:.015em;line-height:1.2}.brand-name b{display:block}.contact-data address{font-style:normal;line-height:1.85}.contact-data a{text-decoration:underline;text-underline-offset:3px}.legal a[href^="mailto"],.legal a[href^="tel"]{text-decoration:underline}

/* Fixierte Kopfzeile und korrekte Position der Sprungmarken */
.top{position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(20,35,55,.07)}
html{scroll-padding-top:105px}
@media(max-width:600px){html{scroll-padding-top:145px}}
.brand-logo{max-height:54px;width:auto;object-fit:contain}

/* Einheitlich dimensionierte Marken-Kacheln; Schriftzüge statt unlizenzierter Logodateien. */
.brands{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.brands .brand-tile{display:flex;align-items:center;justify-content:center;gap:9px;min-height:78px;padding:14px 12px;background:#fff;border:1px solid #d9e3e9;border-radius:8px;text-align:center;color:#29445a;font-size:16px;font-weight:750;letter-spacing:-.01em}
.brands .brand-tile img{width:23px;height:23px;object-fit:contain;flex:none}
@media(max-width:600px){.brands{grid-template-columns:repeat(2,minmax(0,1fr))}.brands .brand-tile{font-size:14px;min-height:70px}}

/* Herstellerlogos: identische Anzeigeflaechen, unverzerrte Originalproportionen */
.brands .brand-tile{height:96px;min-height:96px;padding:14px 16px;overflow:hidden}
.brands .brand-tile img{display:block;width:100%;height:56px;max-width:150px;max-height:56px;object-fit:contain;flex:0 1 auto}
@media(max-width:600px){.brands .brand-tile{height:82px;min-height:82px;padding:10px}.brands .brand-tile img{height:48px;max-height:48px;max-width:100%}}