/* OM | Gestaltungsgrundlage: Logo-Vorlage in Anthrazit, Weiss und Elektroblau */
:root{--ink:#192329;--ink2:#253039;--blue:#1389c9;--deep:#096ca6;--muted:#566671;--surface:#f5f7f9;--line:#dce3e7;--white:#fff;--shadow:0 18px 45px rgba(25,35,41,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.65 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%}a{color:var(--deep);text-underline-offset:3px}a:hover{color:#064c76}a:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:2px}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;left:-9999px;top:auto}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:12px}
.top{background:var(--ink);color:#e4e9ed;font-size:12px;letter-spacing:.01em}.top .wrap{min-height:32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 22px;padding-block:6px}.top a{color:#fff}.mail-divider{padding:0 7px;color:#8c9ba3}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.98);border-bottom:1px solid #e5eaed;box-shadow:0 7px 25px #15202809}.nav{min-height:113px;display:flex;align-items:center;justify-content:space-between;gap:38px}.brand{flex:0 0 auto;display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--ink);width:167px;padding:8px 0}.brand-logo{height:65px;width:154px;object-fit:contain;object-position:left center}.brand-tagline{display:block;padding-top:5px;border-top:2px solid #323c41;max-width:158px;text-align:center;font-size:9px;line-height:1.25;letter-spacing:.08em;font-weight:750;color:#253039}.nav nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px 25px;align-items:center}.nav nav a{font-size:13px;font-weight:720;text-decoration:none;color:#27343d;white-space:nowrap}.nav nav a:hover{color:var(--deep)}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#fff 0%,#fff 47%,#f0f7fb 100%);border-bottom:1px solid var(--line)}.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 98%,rgba(19,137,201,.065) 99%),linear-gradient(transparent 98%,rgba(19,137,201,.065) 99%);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent 20%,black 100%);pointer-events:none}.hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:6%;padding-top:80px;padding-bottom:86px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:var(--deep)}.hero h1{font-size:clamp(2.55rem,4.9vw,4.65rem);letter-spacing:-.06em;line-height:1.12;margin:20px 0 23px;max-width:740px}.hero h1 span{color:var(--deep)}.hero p{font-size:1.14rem;max-width:610px;color:#495b68;margin:0}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 25px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--ink);border-radius:4px;padding:11px 20px;background:var(--ink);color:#fff;font-weight:750;text-decoration:none;transition:background .2s,transform .2s}.btn:hover{background:var(--deep);border-color:var(--deep);color:#fff;text-decoration:none;transform:translateY(-2px)}.btn.outline{background:#fff;border-color:#a5b6bf;color:var(--ink)}.btn.outline:hover{color:var(--deep);border-color:var(--deep)}.hero-points{display:flex;flex-wrap:wrap;gap:8px 19px;font-size:12px;color:#53656e;font-weight:680}.hero-points span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:8px;vertical-align:middle}
.hero-showcase{position:relative;min-height:382px;padding:28px 32px 27px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid #d4dde3;box-shadow:0 20px 52px rgba(25,35,41,.12);overflow:hidden}.hero-showcase:after{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--blue)}.showcase-upper{position:absolute;top:29px;left:30px;right:30px;display:flex;align-items:center;gap:15px;color:#76858e}.showcase-label{font-size:10px;font-weight:800;letter-spacing:.18em;white-space:nowrap}.showcase-rule{height:1px;background:#d9e1e5;flex:1}.showcase-logo{margin-top:26px}.showcase-logo img{display:block;width:212px;height:auto}.showcase-subtitle{text-align:center;font-weight:800;letter-spacing:.11em;line-height:1.4;font-size:13px;color:var(--ink);padding:10px 0 14px;border-top:2px solid #28343a;margin:5px 0 22px;min-width:220px}.showcase-bottom{text-align:center;display:flex;flex-direction:column;gap:5px;border-top:1px solid #dbe2e5;padding-top:17px;width:100%;max-width:300px}.showcase-bottom strong{font-size:15px}.showcase-bottom span{font-size:12px;color:var(--muted)}.showcase-decoration{position:absolute;bottom:-47px;right:-44px;width:130px;height:130px;border:19px solid rgba(19,137,201,.07);border-radius:50%}
.section{padding:78px 0;scroll-margin-top:128px}.section.alt{background:var(--surface)}h2{margin:0 0 18px;font-size:clamp(1.75rem,3.2vw,2.6rem);letter-spacing:-.035em;line-height:1.22}h3{line-height:1.3}p{margin-top:0}.lead{max-width:780px;font-size:1.08rem;color:var(--muted);margin:0 0 32px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{min-width:0;background:#fff;border:1px solid var(--line);border-top:3px solid #18272f;padding:27px 25px 29px;box-shadow:0 7px 18px rgba(20,44,68,.035);transition:transform .2s,box-shadow .2s}.card:nth-child(3n+2){border-top-color:var(--blue)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.symbol{display:inline-block;font-variant-numeric:tabular-nums;font-weight:850;color:var(--deep);letter-spacing:.09em;font-size:14px;margin-bottom:17px}.card h3{font-size:1.13rem;margin:0 0 10px}.card p{font-size:.95rem;color:#52636d;margin:0}.card-link{display:inline-block;font-size:.89rem;font-weight:750;margin-top:15px}.small{font-size:.87rem;color:#63727c;line-height:1.6}.section .small{margin-top:23px}
.service-strip{scroll-margin-top:130px;margin-top:24px;padding:29px 32px;display:grid;grid-template-columns:1.05fr 1.5fr auto;align-items:center;gap:25px;background:#fff;border:1px solid #d6e1e7;border-left:5px solid var(--blue)}.service-strip .eyebrow{font-size:10px}.service-strip h3{font-size:1.2rem;margin:8px 0 0}.service-strip p{margin:0;font-size:.94rem;color:var(--muted)}.service-strip-link{font-weight:800;white-space:nowrap;font-size:.88rem}
.focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin:29px 0 0}.focus-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);padding:28px}.focus-card h3{font-size:1.2rem;margin:10px 0}.focus-card p{font-size:.95rem;color:var(--muted)}.focus-number{font-size:.76rem;letter-spacing:.1em;font-weight:800;text-transform:uppercase;color:var(--deep)}.focus-card ul,.check-list{margin:15px 0 0;padding-left:19px;color:#3b4c56}.focus-card li,.check-list li{margin:7px 0}.focus-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-top:20px;padding:24px 27px;background:var(--surface);border-left:4px solid var(--blue)}.focus-bottom p{margin:0;color:#445761;max-width:640px}.eyebrow-light{color:var(--deep)}.automation-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.automation-layout p{color:#50606b}.automation-panel{background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);padding:35px 33px;box-shadow:var(--shadow)}.automation-panel h3{margin:0 0 14px}.automation-panel .small{margin-top:17px}.automation-layout .btn{margin-top:13px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:45px;align-items:center}.facts{display:flex;flex-wrap:wrap;gap:9px;margin:23px 0 0}.fact{border:1px solid #d9e2e7;border-left:3px solid var(--blue);padding:10px 14px;font-size:.86rem;font-weight:750}.chamber-note{font-size:.89rem;color:#596a76;background:var(--surface);border-left:3px solid var(--blue);padding:16px 19px;margin:24px 0 0}
.business-card{position:relative;padding:31px;background:#fff;border:1px solid #d7e0e5;box-shadow:var(--shadow);overflow:hidden}.business-card:before{content:"";position:absolute;top:0;right:0;width:96px;height:5px;background:var(--blue)}.business-card-brand{display:grid;grid-template-columns:155px 1fr;gap:24px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:24px}.business-card-logo-wrap{padding:19px 13px;background:#f7f9fa;border:1px solid #e3e8eb}.business-card-logo{height:auto;display:block;width:100%}.business-card-brand-copy{display:flex;flex-direction:column;gap:5px}.business-card-kicker,.contact-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--deep)}.business-card-brand-copy strong{font-size:1.2rem;line-height:1.3}.business-card-subline{font-size:.88rem;color:var(--muted)}.business-card-meta h3{margin:0;font-size:1.45rem}.business-card-meta p{margin:5px 0 16px;color:#64727b}.business-card-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.business-card-tags span{font-size:.79rem;font-weight:750;background:#eef5fa;padding:6px 9px;border:1px solid #dce9f1}.business-details{margin:0!important;border-top:1px solid var(--line);padding-top:10px;display:block!important}.business-detail-row{display:grid!important;grid-template-columns:135px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #e9edf0}.business-detail-row:last-child{border:0}.business-detail-row dt{font-weight:780;color:#394c57}.business-detail-row dd{margin:0;overflow-wrap:anywhere}.business-detail-row a{font-weight:680;text-decoration:none}
#kontakt{background:#f2f5f7}.contact-heading{max-width:800px;margin-bottom:27px}.contact-refined{display:grid;grid-template-columns:.95fr 1.05fr;gap:20px}.contact-company,.contact-action{background:#fff;border:1px solid var(--line);padding:34px;min-width:0}.contact-company{border-top:4px solid var(--blue)}.contact-refined h3{font-size:1.4rem;margin:11px 0 9px}.contact-company-name{font-size:.95rem;color:#4a5e6a;font-weight:680}.contact-divider{height:1px;background:var(--line);margin:24px 0}.contact-line{display:grid;grid-template-columns:138px minmax(0,1fr);gap:10px;margin-bottom:17px;font-size:.94rem}.contact-label{font-weight:770}.contact-line a,.contact-method a{overflow-wrap:anywhere}.contact-action>p{color:#546571}.contact-method{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.contact-method strong{display:block;font-size:.95rem}.contact-method a{display:block;font-size:.94rem}.method-icon{display:grid;place-items:center;background:#eaf5fa;color:var(--deep);width:43px;height:43px;min-width:43px;font-size:1.2rem}.contact-cta{margin-top:22px}.contact-note{margin:15px 0 0}.contact-note a{font-weight:750}
.legal{padding-top:61px;padding-bottom:80px;max-width:900px}.legal h1{font-size:clamp(2rem,4vw,3.15rem);letter-spacing:-.045em;line-height:1.12;margin:0 0 12px}.legal h1:after{content:"";display:block;width:57px;height:4px;background:var(--blue);margin-top:22px}.legal h2{font-size:1.35rem;letter-spacing:-.02em;margin:33px 0 9px}.legal p{color:#475a64;overflow-wrap:anywhere}.legal strong{color:var(--ink)}
footer{background:var(--ink);color:#e0e7eb;padding:35px 0;font-size:.86rem}footer .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 22px}footer a{color:#fff;margin-right:18px}footer .footer-mark{height:40px;width:44px;object-fit:contain;filter:brightness(0) invert(1)}.footer-mails{display:flex;gap:8px 18px;flex-wrap:wrap;flex-basis:100%;padding-top:12px;margin-top:7px;border-top:1px solid #ffffff26}.footer-mails a{margin:0;overflow-wrap:anywhere}
@media(max-width:1100px){.nav{gap:22px}.nav nav{gap:9px 15px}.nav nav a{font-size:12px}.service-strip{grid-template-columns:1fr 1.45fr}.service-strip-link{grid-column:1/-1}}
@media(max-width:900px){.site-header{position:relative}.nav{padding-block:12px;min-height:0;align-items:flex-start;flex-direction:column;gap:10px}.brand{padding:0}.hero-layout{grid-template-columns:1fr;gap:35px;padding-top:62px;padding-bottom:70px}.hero-showcase{min-height:310px;max-width:530px;width:100%;justify-self:center}.showcase-logo img{width:160px}.showcase-subtitle{font-size:11px}.showcase-upper{top:18px}.two,.automation-layout{grid-template-columns:1fr}.business-card{max-width:680px}.focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.service-strip{grid-template-columns:1fr}.contact-refined{grid-template-columns:1fr}.section{scroll-margin-top:20px}}
@media(max-width:620px){.wrap{width:min(100% - 32px,1180px)}.top{font-size:11px}.top .wrap{display:block}.top .wrap>span{display:block;margin:3px 0}.nav nav{gap:10px 15px}.nav nav a{font-size:12px}.brand-logo{width:127px;height:54px}.brand-tagline{width:127px;font-size:8px}.hero-layout{padding-top:45px;padding-bottom:55px}.hero h1{font-size:clamp(2.15rem,10vw,3rem)}.hero p{font-size:1rem}.hero-points{font-size:11px}.hero-showcase{min-height:280px;padding:25px}.showcase-label{font-size:9px}.showcase-bottom{padding-top:12px}.section{padding:55px 0}.cards,.focus-grid{grid-template-columns:1fr}.card,.focus-card{padding:23px}.service-strip{padding:25px}.service-strip-link{white-space:normal}.business-card{padding:22px}.business-card-brand{grid-template-columns:1fr;gap:17px}.business-card-logo-wrap{max-width:170px}.business-detail-row{grid-template-columns:1fr;gap:3px}.contact-company,.contact-action{padding:24px}.contact-line{grid-template-columns:1fr;gap:4px}.focus-bottom{padding:21px}.automation-panel{padding:25px}.legal{padding-top:42px}.footer-mails{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.btn{transition:none}}

/* Kompakte und gut lesbare Leistungsübersicht */
.card[id]{scroll-margin-top:140px}
#leistungen .lead{margin-bottom:24px}
#leistungen .card{padding:24px 25px;min-height:205px}
#leistungen .card h3{margin-bottom:11px}
#leistungen .card p{line-height:1.55}
.compact-detail{padding-block:58px}
.compact-detail .lead{margin-bottom:18px}
.compact-focus{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:24px}
.compact-focus .focus-card{padding:25px 27px}
.compact-focus .focus-card h3{margin:8px 0}
.compact-focus .focus-card p{margin:0}
.inline-cta{display:inline-block;margin-top:20px;font-weight:750;text-decoration:underline}
@media(max-width:900px){.card[id]{scroll-margin-top:24px}}
@media(max-width:620px){#leistungen .card{min-height:0}.compact-detail{padding-block:50px}.compact-focus{grid-template-columns:1fr}.compact-focus .focus-card{padding:23px}}