body.service-page{--kaemi-orange: #f16623;--kaemi-orange-light: #ff8a50;--kaemi-dark: #1a1a2e;--kaemi-text: #2f2f2f;--kaemi-light: #f8fafc;--kaemi-border: rgba(0, 0, 0, .06);--kaemi-shadow: 0 4px 24px rgba(0, 0, 0, .06);--kaemi-shadow-lg: 0 20px 60px rgba(0, 0, 0, .1);--kaemi-shadow-hover: 0 20px 40px rgba(0, 0, 0, .12);--kaemi-heading: "Montserrat", "Helvetica Neue", Arial, sans-serif;--kaemi-body: "Open Sans", "Helvetica Neue", Arial, sans-serif;--radius: 16px;--radius-sm: 10px}@keyframes service-slide-in-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}body.service-page main{background:#fff}body.service-page .container{width:min(1200px,100% - 48px);margin:0 auto}body.service-page .section{padding:80px 0}body.service-page .section-title{font-family:var(--kaemi-heading);font-size:clamp(26px,3vw,36px);font-weight:800;line-height:1.2;letter-spacing:-.01em;color:var(--kaemi-dark);text-align:center;margin:0 0 48px}body.service-page .service-hero{position:relative;min-height:480px;color:#fff;background-color:var(--kaemi-dark);background-image:url(/vendor/images/3632515f-Hintergrund_Services-1200x3000-1.webp);background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden;isolation:isolate;display:flex;align-items:center}body.service-page .service-hero__overlay{position:absolute;inset:0;background:linear-gradient(120deg,#0f172ad9,#0f172a80 55%,#0f172a26);z-index:0}body.service-page .service-hero__inner{position:relative;z-index:1;padding-block:120px;animation:service-slide-in-left .8s ease;text-align:center}body.service-page .service-hero__title{font-family:var(--kaemi-heading);font-size:clamp(34px,4.8vw,52px);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:#fff;margin:0 auto 16px;max-width:720px}body.service-software-defined-wan .service-hero__title{max-width:none}body.service-page .service-hero__subtitle{font-family:var(--kaemi-body);font-size:clamp(15px,1.3vw,18px);line-height:1.6;color:#ffffffeb;margin:0 auto;max-width:640px}body.service-page .service-intro__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:56px;align-items:center}@media(max-width:880px){body.service-page .service-intro__grid{grid-template-columns:1fr;gap:32px}}body.service-page .service-intro__text h2{font-family:var(--kaemi-heading);font-size:clamp(24px,2.6vw,32px);font-weight:800;line-height:1.25;letter-spacing:-.01em;color:var(--kaemi-dark);margin:0 0 20px}body.service-page .service-intro__text h2+h2,body.service-page .service-intro__text h3{font-family:var(--kaemi-heading);font-size:20px;font-weight:700;color:var(--kaemi-dark);margin:32px 0 12px}body.service-page .service-intro__text p{font-size:16px;font-weight:400;line-height:1.7;color:var(--kaemi-text);margin:0 0 16px}body.service-page .service-intro__text ul{list-style:none;padding:0;margin:16px 0;display:grid;gap:10px}body.service-page .service-intro__text li{position:relative;padding-left:28px;font-size:16px;line-height:1.55;color:var(--kaemi-text)}body.service-page .service-intro__text li:before{content:"+";position:absolute;left:4px;top:-2px;color:var(--kaemi-orange);font-size:20px;font-weight:700;line-height:1}body.service-page .service-intro__cta{margin-top:12px}body.service-page .service-intro__visual{text-align:center}body.service-page .service-intro__visual img{max-width:220px;width:100%;height:auto}body.service-page .service-capabilities,body.service-page .service-features{background:var(--kaemi-light)}body.service-page .service-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}body.service-page .service-cards-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px;margin:0 auto}@media(max-width:900px){body.service-page .service-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){body.service-page .service-cards-grid,body.service-page .service-cards-grid--4{grid-template-columns:1fr}}body.service-page .service-card{background:#fff;border:1px solid var(--kaemi-border);border-radius:4px;padding:32px;box-shadow:var(--kaemi-shadow);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}body.service-page .service-card:hover{transform:translateY(-6px);box-shadow:var(--kaemi-shadow-hover);border-color:transparent}body.service-page .service-card__title{font-family:var(--kaemi-heading);font-size:20px;font-weight:700;color:var(--kaemi-dark);margin:0 0 14px;line-height:1.3}body.service-page .service-card__body{font-size:15px;font-weight:400;line-height:1.65;color:var(--kaemi-text)}body.service-page .service-card__body h2,body.service-page .service-card__body h3,body.service-page .service-card__body h4{font-family:var(--kaemi-heading);font-size:17px;font-weight:600;line-height:1.3;color:var(--kaemi-dark);margin:18px 0 10px}body.service-page .service-card__body p{margin:0 0 10px}body.service-page .service-card__body p:last-child{margin-bottom:0}body.service-page .service-card__body ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}body.service-page .service-card__body li{position:relative;padding-left:22px;font-size:14px;line-height:1.55}body.service-page .service-card__body li:before{content:"+";position:absolute;left:0;top:0;color:var(--kaemi-orange);font-weight:700}body.service-page .service-vorteile{background:var(--kaemi-dark)}body.service-page .service-vorteile .section-title{color:#fff}body.service-page .service-vorteile__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;text-align:center}@media(max-width:900px){body.service-page .service-vorteile__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){body.service-page .service-vorteile__grid{grid-template-columns:1fr}}body.service-page .service-vorteile__item{margin:0;font-size:17px;line-height:1.55;color:#fff}body.service-page .service-vorteile__item:last-child:nth-child(3n+1){grid-column:1 / -1;max-width:480px;justify-self:center}body.service-page .service-vorteile__item:before{content:"+";display:block;margin-bottom:8px;color:var(--kaemi-orange);font-size:24px;font-weight:700;line-height:1}body.service-page .service-video{background:#fff}body.service-page .service-video__inner{max-width:880px}body.service-page .service-video__intro{text-align:center;font-size:16px;line-height:1.65;color:var(--kaemi-text);margin:-24px auto 32px;max-width:720px}body.service-page .service-video__intro p{margin:0 0 10px}body.service-page .service-video__player{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;box-shadow:var(--kaemi-shadow-lg)}body.service-page .service-video__player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}body.service-page .service-cta{background:linear-gradient(135deg,var(--kaemi-orange) 0%,#c95c0a 100%);color:#fff;padding:80px 0}body.service-page .service-cta__inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}@media(max-width:880px){body.service-page .service-cta__inner{grid-template-columns:1fr}}body.service-page .service-cta__centered{grid-column:1 / -1;max-width:720px;margin:0 auto;text-align:center}body.service-page .service-cta h2{font-family:var(--kaemi-heading);font-size:clamp(26px,3vw,36px);font-weight:800;color:#fff;margin:0 0 16px;line-height:1.2;letter-spacing:-.01em}body.service-page .service-cta p{font-size:16px;line-height:1.65;color:#fffffff0;margin:0 0 24px}body.service-page .service-cta__visual img{max-width:100%;height:auto;border-radius:var(--radius);box-shadow:0 12px 32px #0000002e}
