:root{--navy:#0b2032;--blue:#0867a8;--cyan:#35a7cf;--ice:#edf6f9;--cream:#f8f6f1;--ink:#18242d;--muted:#5d6a72;--white:#fff;--line:#dce5e8;--radius:22px;--shadow:0 22px 60px rgba(9,35,54,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.65;background:#fff}a{color:inherit}img{max-width:100%;display:block}.site-header,.legal-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid rgba(11,32,50,.08)}.brand img,.legal-header img{width:132px;max-height:60px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:28px}.site-header nav a{text-decoration:none;font-weight:650;font-size:.94rem}.nav-cta{background:var(--navy);color:#fff;padding:11px 18px;border-radius:999px}.menu-button{display:none;background:none;border:1px solid var(--line);border-radius:10px;padding:8px 12px}.hero{min-height:690px;padding:100px max(6vw,28px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);align-items:center;gap:9vw;background:radial-gradient(circle at 85% 35%,rgba(53,167,207,.24),transparent 25%),linear-gradient(135deg,var(--cream),#fff 62%)}.hero-copy{max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800;color:var(--blue);margin:0 0 16px}.hero h1{font-size:clamp(3.4rem,7vw,6.8rem);line-height:.92;letter-spacing:-.065em;color:var(--navy);margin:0 0 30px;max-width:900px}.lead{font-size:clamp(1.15rem,2vw,1.45rem);max-width:650px;color:var(--muted)}.actions{display:flex;gap:14px;margin:38px 0 30px;flex-wrap:wrap}.button{display:inline-flex;padding:14px 23px;border-radius:999px;text-decoration:none;font-weight:750}.primary{background:var(--blue);color:#fff;box-shadow:0 10px 25px rgba(8,103,168,.22)}.secondary{border:1px solid #b8c8cf}.trust-list{display:flex;gap:25px;padding:0;list-style:none;flex-wrap:wrap;font-size:.9rem;font-weight:650}.trust-list li:before{content:'✓';color:var(--blue);margin-right:8px}.hero-card{background:var(--navy);color:#fff;padding:42px;border-radius:var(--radius);box-shadow:var(--shadow);transform:rotate(2deg)}.hero-card h2{font-size:2rem;margin:36px 0 0}.hero-card p{color:#bdd0dc}.hero-card a{display:block;margin-top:10px;text-decoration:none;font-weight:650}.status{font-size:.85rem}.status span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#63d6a2;margin-right:7px;box-shadow:0 0 0 5px rgba(99,214,162,.13)}section{padding:110px max(6vw,28px)}.audience{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:var(--navy)}.audience article{padding:52px;border-radius:var(--radius);background:#fff}.audience article:last-child{background:var(--ice)}.audience h2{font-size:clamp(2rem,3vw,3.15rem);line-height:1.08;color:var(--navy);max-width:550px}.audience a{color:var(--blue);font-weight:750;text-decoration:none}.icon{font-size:2rem;color:var(--blue)}.services{background:#fff}.section-heading{max-width:770px;margin-bottom:60px}.section-heading h2,.about h2,.contact h2{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1;letter-spacing:-.045em;color:var(--navy);margin:0 0 24px}.section-heading>p:last-child{font-size:1.15rem;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-grid article{padding:24px 24px 34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:250px}.service-image{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:15px}.service-grid h3{font-size:1.45rem;color:var(--navy);margin-top:24px}.service-grid p{color:var(--muted)}.process{background:var(--cream)}.process ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.process li{padding:20px 20px 32px;border-top:2px solid var(--navy)}.process-image{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:15px;margin-bottom:25px}.process strong,.process span{display:block}.process strong{font-size:1.25rem;color:var(--navy)}.process span{color:var(--muted);margin-top:8px}.about{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:9vw;align-items:center}.portrait-wrap{position:relative}.portrait-wrap img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:var(--radius);filter:saturate(.85)}.portrait-wrap span{position:absolute;right:-25px;bottom:35px;background:var(--blue);color:#fff;width:120px;height:120px;border-radius:50%;display:grid;place-content:center;text-align:center;font-weight:750;transform:rotate(-8deg)}.about>div:last-child>p{font-size:1.1rem;color:var(--muted)}.signature{font-family:Georgia,serif;font-style:italic;font-size:1.6rem!important;color:var(--navy)!important}.contact{background:var(--blue);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.contact .eyebrow{color:#b9e8fa}.contact h2{color:#fff}.contact-card{background:#fff;color:var(--ink);border-radius:var(--radius);padding:15px 35px}.contact-card a,.contact-card p{display:flex;flex-direction:column;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none;margin:0}.contact-card p:last-child{border:0}.contact-card span{text-transform:uppercase;letter-spacing:.13em;font-size:.7rem;color:var(--muted);font-weight:800}.contact-card strong{font-size:1.15rem;color:var(--navy)}footer{padding:55px max(6vw,28px);background:var(--navy);color:#dce8ef;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end}.footer-brand img{width:120px;filter:brightness(0) invert(1)}footer p{margin:0;max-width:430px}footer div{display:flex;gap:24px}footer a{text-decoration:none}footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:22px;color:#9fb2be}.legal-page{background:var(--cream)}.legal-header{position:relative}.legal-content{max-width:850px;margin:0 auto;padding:90px 28px 120px}.legal-content h1{font-size:clamp(3rem,7vw,5.5rem);line-height:1;color:var(--navy);letter-spacing:-.05em}.legal-content h2{font-size:1.45rem;color:var(--navy);margin:50px 0 10px}.legal-content a{color:var(--blue)}.legal-note{margin:35px 0;padding:24px;background:#fff4d8;border-left:4px solid #d18a00;border-radius:0 12px 12px 0}.legal-page footer{grid-template-columns:1fr}.legal-page footer small{grid-column:auto}@media(max-width:900px){.menu-button{display:block}.site-header nav{display:none;position:absolute;top:88px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:70px}.hero-card{transform:none}.audience,.service-grid,.process ol,.about,.contact{grid-template-columns:1fr}.service-grid{border-left:0}.service-grid article{border-left:1px solid var(--line)}.portrait-wrap{max-width:560px}.portrait-wrap span{right:15px}footer{grid-template-columns:1fr}footer small{grid-column:auto}}@media(max-width:560px){.hero h1{font-size:3.25rem}.hero{padding-left:22px;padding-right:22px}.trust-list{display:block}.trust-list li{margin:7px 0}.audience article{padding:34px 26px}.service-grid article{min-height:auto}.site-header{height:74px}.site-header nav{top:74px}.contact-card{padding:10px 24px}.contact-card strong{font-size:1rem}section{padding:78px 22px}}


/* Verfeinerung von Kopfbereich, Logo und Inhaber-Portrait */
.site-header{height:100px}.brand img{width:190px;max-height:78px}.hero{min-height:720px;padding-top:82px;padding-bottom:82px;grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr);gap:6vw}.hero h1{max-width:820px}.hero-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:32px;max-width:760px}.hero-services span{display:flex;flex-direction:column;padding:14px 16px;border:1px solid rgba(11,32,50,.1);border-radius:14px;background:rgba(255,255,255,.72);color:var(--muted);font-size:.8rem;line-height:1.35}.hero-services strong{color:var(--navy);font-size:.9rem;margin-bottom:3px}.hero-side{position:relative;padding:18px 18px 54px}.hero-card{transform:rotate(1deg);position:relative;z-index:1}.hero-note{position:absolute;z-index:2;left:-8px;right:48px;bottom:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 18px;box-shadow:0 16px 38px rgba(9,35,54,.12);display:flex;flex-direction:column}.hero-note strong{color:var(--navy)}.hero-note span{color:var(--muted);font-size:.82rem}.about{grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr);gap:8vw}.portrait-wrap{width:min(100%,420px);justify-self:center;padding:12px;background:var(--ice);border-radius:26px}.portrait-wrap img{aspect-ratio:4/4.7;border-radius:18px}.portrait-wrap span{width:98px;height:98px;right:-18px;bottom:25px;font-size:.82rem}@media(max-width:900px){.site-header{height:88px}.brand img{width:165px;max-height:68px}.site-header nav{top:88px}.hero{grid-template-columns:1fr;min-height:auto}.hero-side{max-width:480px;width:100%}.hero-services{grid-template-columns:repeat(3,1fr)}.about{grid-template-columns:1fr}.portrait-wrap{justify-self:start}}@media(max-width:560px){.site-header{height:78px}.brand img{width:145px}.site-header nav{top:78px}.hero{padding-top:58px}.hero-services{grid-template-columns:1fr}.hero-side{padding-left:0;padding-right:0}.hero-note{left:18px;right:18px}.portrait-wrap{width:88%;margin-left:0}.portrait-wrap span{right:-22px}}
/* Dezentes Hero-Motiv und nochmals vergroessertes Logo */
.site-header{height:110px}.brand img{width:225px;max-height:88px}.hero{position:relative;isolation:isolate;overflow:hidden}.hero::before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(90deg,rgba(248,246,241,.96) 0%,rgba(255,255,255,.84) 48%,rgba(255,255,255,.55) 100%),url("assets/service-fernwartung-monitoring.webp");background-size:cover;background-position:center 52%;opacity:.16;filter:saturate(.65)}.hero>*{position:relative;z-index:1}@media(max-width:900px){.site-header{height:96px}.brand img{width:185px;max-height:76px}.site-header nav{top:96px}.hero::before{background-position:62% center;opacity:.11}}@media(max-width:560px){.site-header{height:82px}.brand img{width:158px;max-height:66px}.site-header nav{top:82px}.hero::before{background-position:70% center;opacity:.08}}
/* Groesseres Logo auch auf Rechtstext-Seiten */
.legal-header{height:110px}.legal-header img{width:225px;max-height:88px;object-fit:contain}.footer-brand img{width:150px}@media(max-width:900px){.legal-header{height:96px}.legal-header img{width:185px;max-height:76px}}@media(max-width:560px){.legal-header{height:82px}.legal-header img{width:158px;max-height:66px}}
/* Logo als klarer Markenanker */
.site-header,.legal-header{height:124px}.brand img,.legal-header img{width:285px;max-height:104px}.site-header nav{gap:24px}@media(max-width:1100px){.brand img,.legal-header img{width:245px}.site-header nav{gap:18px}.site-header nav a{font-size:.88rem}}@media(max-width:900px){.site-header,.legal-header{height:102px}.brand img,.legal-header img{width:205px;max-height:84px}.site-header nav{top:102px}}@media(max-width:560px){.site-header,.legal-header{height:88px}.brand img,.legal-header img{width:175px;max-height:72px}.site-header nav{top:88px}}
/* Partnerbereich */
.partners{background:var(--navy);color:#fff}.partners .section-heading h2{color:#fff}.partners .section-heading>p:last-child{color:#b9cbd6}.partners .eyebrow{color:#64c8ec}.partner-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.partner-logo{min-height:132px;padding:24px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(255,255,255,.18);border-radius:16px;transition:transform .2s ease,box-shadow .2s ease}.partner-logo:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.18)}.partner-logo img{width:100%;max-width:165px;max-height:58px;object-fit:contain}.partner-logo-labeled{flex-direction:column;gap:8px}.partner-logo-labeled img{max-height:48px}.partner-logo-labeled span{color:#123b7a;font-size:.78rem;font-weight:800;letter-spacing:.06em}@media(max-width:900px){.partner-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.partner-grid{grid-template-columns:repeat(2,1fr)}.partner-logo{min-height:108px;padding:20px}.partner-logo:last-child{grid-column:1/-1}.partner-logo img{max-width:140px;max-height:50px}}
/* Responsive Bildhoehen trotz hinterlegter Originalabmessungen */
img{height:auto}.service-image,.process-image{height:auto}.portrait-wrap img{height:auto}
/* Kompakte Kartenbilder: feste responsive Anzeigehoehe */
.service-image{display:block;width:100%;height:clamp(190px,16vw,260px)!important;aspect-ratio:auto!important;object-fit:cover;object-position:center}.process-image{display:block;width:100%;height:clamp(180px,15vw,240px)!important;aspect-ratio:auto!important;object-fit:cover;object-position:center}@media(max-width:560px){.service-image,.process-image{height:210px!important}}