:root{--ink:#142746;--navy:#082c58;--blue:#2668bc;--aqua:#7faee6;--paper:#f4f7fb;--line:#d9e4f0;--muted:#62758d}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 "Segoe UI",Arial,Helvetica,sans-serif}
.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
a{text-decoration:none;color:inherit}
.site-head{background:#fff;border-bottom:1px solid var(--line)}
.nav{height:130px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.logo{display:block;width:auto;max-width:360px;height:91px;object-fit:contain}
.nav-links{display:flex;gap:7px;align-items:center}
.nav-links a{padding:11px 14px;border-radius:8px;color:#40526c;font-size:16px;font-weight:700}
.nav-links a:hover,.nav-links .remote{background:var(--navy);color:#fff}
.hero{position:relative;overflow:hidden;background:var(--navy);color:#fff}
.hero:after{content:"";position:absolute;width:700px;height:700px;right:-280px;top:-450px;border:1px solid rgba(127,174,230,.5);border-radius:50%;box-shadow:0 0 0 70px rgba(127,174,230,.08),0 0 0 140px rgba(127,174,230,.04)}
.hero-inner{position:relative;z-index:1;min-height:425px;display:flex;align-items:center}
.hero-with-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,370px);gap:46px;align-items:center}
.eyebrow{margin:0 0 12px;color:var(--aqua);font-size:15px;font-weight:700;letter-spacing:.015em;text-transform:none}
.hero h1{max-width:820px;margin:0;font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.06em}
.hero p{max-width:650px;margin:22px 0 30px;color:#d7e5fb;font-size:19px}
.hero-card,.remote-hero-card{padding:27px 29px;border:1px solid #d2e1f2;border-radius:17px;background:#fff;color:var(--ink);box-shadow:0 20px 40px rgba(0,0,0,.2)}
.hero-card .service-icon{margin-bottom:15px}
.hero-card h2{margin:0;color:var(--navy);font-size:27px;line-height:1.15;letter-spacing:-.03em}
.hero-card p{margin:12px 0 0;color:var(--muted);font-size:15px;line-height:1.5}
.hero-card .home-contact-details{margin-top:14px}
.remote-hero-card .home-contact-link{margin-top:15px;font-size:20px}
.buttons{display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:9px;background:var(--aqua);color:var(--ink);font-size:14px;font-weight:800}
.button-icon{width:16px;height:16px;margin-right:8px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.button.alt{border:1px solid rgba(255,255,255,.32);background:transparent;color:#fff}
.section{padding:75px 0}
.section h2{margin:0 0 10px;font-size:34px;letter-spacing:-.04em;color:var(--navy)}
.section-lead{max-width:670px;margin:0 0 32px;color:var(--muted);font-size:17px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.cards--two{grid-template-columns:repeat(2,1fr)}
.card{padding:25px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 27px rgba(8,44,88,.05);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.card:hover{transform:translateY(-6px);border-color:#8fb8ec;box-shadow:0 20px 38px rgba(8,44,88,.14)}
.service-icon{display:block;width:48px;height:48px;margin-bottom:17px;padding:11px;border:1px solid #cbdff4;border-radius:12px;background:#edf4fc;fill:none;stroke:#0f4f92;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.accessory-icons{display:flex;align-items:center;gap:6px;margin-bottom:17px}
.accessory-icon{width:35px;height:35px;padding:7px;border:1px solid #cbdff4;border-radius:10px;background:#edf4fc;fill:none;stroke:#0f4f92;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.card .tag{display:block;margin-bottom:19px;color:var(--blue);font-size:15px;font-weight:700;letter-spacing:.015em}
.card h3{margin:0 0 8px;color:var(--navy);font-size:21px;line-height:1.18}
.card p{margin:0;color:var(--muted);font-size:15px}
.home-contact-details{display:grid;gap:8px;margin-top:15px}
.home-contact-details p{line-height:1.5}
.home-contact-link{display:inline-flex;align-items:center;gap:8px;color:#0f4f92;font-size:15px;font-weight:700}
.home-contact-link svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}
.remote-call-card{display:flex;align-items:center;gap:19px;margin-top:22px;padding:23px 25px;border:1px solid #cbdff4;border-radius:14px;background:#fff;box-shadow:0 12px 27px rgba(8,44,88,.05)}
.remote-call-card .service-icon{flex:0 0 auto;margin:0}
.remote-call-card p{max-width:650px;margin:0 0 7px;color:var(--muted);font-size:16px;font-weight:700}
.remote-call-card a{display:inline-flex;align-items:center;gap:8px;color:#0f4f92;font-size:22px;font-weight:800}
.remote-call-card a svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.feature{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;padding:35px;border-radius:18px;background:linear-gradient(135deg,#fff,#edf4fc);border:1px solid #d7e4f2}
.feature h2{font-size:31px}
.feature ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0;padding:0;list-style:none}
.feature li{color:#294869;font-weight:700}
.feature li:before{content:"•";margin-right:8px;color:var(--blue)}
.feature li{display:flex;align-items:center;gap:9px}
.feature li:before{display:none}
.service-list-icon{flex:0 0 auto;width:30px;height:30px;padding:6px;border:1px solid #cbdff4;border-radius:9px;background:#fff;fill:none;stroke:#0f4f92;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.contact-band{padding:17px 0;background:var(--navy);color:#fff}
.contact-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}
.contact-band h2{margin:0;font-size:28px}
.contact-band p{margin:5px 0 0;color:#e2edfb}
.contact-band .button{background:#fff;color:var(--navy)}
.page-hero .hero-inner{min-height:380px}
.page-hero h1{font-size:clamp(40px,5vw,62px)}
.legal{max-width:900px}
.legal section{padding:0 0 27px;margin:0 0 27px;border-bottom:1px solid var(--line)}
.legal h2{font-size:25px}
.legal h3{margin:19px 0 6px;color:var(--navy);font-size:18px}
.legal p,.legal li{color:#53667f}
.legal ul{padding-left:20px}
.note{padding:20px;border-left:4px solid var(--blue);border-radius:0 10px 10px 0;background:#eaf3fc;color:#34516e}
footer{padding:17px 0 8px;background:var(--navy);color:#c8d8ee}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:18px}
.footer-logo{width:270px;max-width:100%}
footer h3{margin:0 0 9px;color:#fff;font-size:16px}
footer p{margin:2px 0;font-size:14px;line-height:1.25}
footer a{color:#fff}
.footer-phone{display:inline-flex;align-items:center;gap:7px;margin-top:3px}
.footer-phone svg{width:15px;height:15px;fill:none;stroke:#a9c9ee;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.footer-links{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:700}
.copyright{margin-top:10px;padding-top:7px;border-top:1px solid rgba(255,255,255,.14);font-size:12px;color:#9bb6d8}
@media(max-width:850px){.nav-links{gap:2px}
.nav-links a{padding:8px;font-size:12px}
.cards{grid-template-columns:repeat(2,1fr)}
.hero-with-card{grid-template-columns:1fr;padding-top:42px;padding-bottom:42px}
.feature,.footer-grid{grid-template-columns:1fr}
.contact-band .wrap{display:block}
.contact-band .button{margin-top:20px}
}
@media(max-width:620px){.wrap{width:min(100% - 28px,1180px)}
.nav{height:101px}
.logo{height:74px;max-width:300px}
.nav-links{display:none}
.hero-inner{min-height:400px}
.hero h1{font-size:43px}
.hero p{font-size:17px}
.section{padding:52px 0}
.cards{grid-template-columns:1fr}
.feature ul{grid-template-columns:1fr}
.page-hero .hero-inner{min-height:240px}
.remote-call-card{align-items:flex-start;padding:20px}
}

/* Harmonische Akzentfarben für die Leistungs-Buttons */
.hero .button{background:#4d86cc;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.hero .button:hover{background:#639bdd;transform:translateY(-2px)}
.hero .download-button{min-height:62px;padding:18px 30px;background:#fff;color:var(--navy);font-size:18px;box-shadow:0 12px 24px rgba(0,0,0,.22)}
.hero .download-button:hover{background:#e7f0fb;color:var(--navy)}
.feature .button{background:#0f4f92;color:#fff;box-shadow:0 8px 18px rgba(15,79,146,.16)}
.feature .button:hover{background:#1d66b1;transform:translateY(-2px)}