.service-header{position:absolute}.service-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#08254b 0%,#174a7d 63%,#8fcdf7 100%);padding:170px 0 100px}.service-hero:after{content:'';position:absolute;right:0;top:0;width:38%;height:100%;pointer-events:none;background:linear-gradient(130deg,transparent 0 35%,rgba(216,239,255,.55) 35% 51%,transparent 51%)}.service-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.service-copy{max-width:590px}.service-copy h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(48px,5.3vw,78px);font-weight:700;letter-spacing:-2.5px;line-height:1.06;margin:20px 0}.service-lead{font-size:18px;line-height:1.6;color:#d9e9f5;max-width:530px;margin:0 0 34px}.service-image{height:440px;overflow:hidden;background:#dff2ff;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}.service-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply}.service-body{padding:110px 0}.service-body-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.service-body h2{font-family:Manrope,Arial,sans-serif;color:#08254b;font-size:clamp(38px,4.5vw,58px);font-weight:700;letter-spacing:-1.8px;line-height:1.08;margin:16px 0 25px}.service-text{max-width:580px;color:#55718a;font-size:17px;line-height:1.8}.service-points{padding-top:10px}.service-points .eyebrow{color:#55718a}.service-points ul{list-style:none;padding:0;margin:30px 0 0}.service-points li{position:relative;padding:19px 0 19px 35px;border-bottom:1px solid rgba(8,37,75,.14);color:#234b6c;font-size:15px}.service-points li:before{content:'✓';position:absolute;left:0;top:17px;color:#3778ad;font-weight:700}.service-next{padding:90px 0}.service-next-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.service-next h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(38px,4.5vw,58px);font-weight:700;line-height:1.1;letter-spacing:-1.8px;margin:18px 0 0}.service-next h2 em{color:#bfe3ff;font-style:normal}.service-next .eyebrow{color:#bfe3ff}.service-next .eyebrow span{background:#bfe3ff}
@media(max-width:700px){.service-hero{padding:125px 0 55px}.service-hero-grid,.service-body-grid{grid-template-columns:1fr;gap:35px}.service-copy h1{font-size:44px}.service-lead{font-size:16px}.service-image{height:300px;clip-path:none}.service-body{padding:70px 0}.service-body h2,.service-next h2{font-size:38px}.service-next{padding:70px 0}.service-next-inner{display:block}.service-next .button{margin-top:30px;width:100%}}
.service-back{display:block;width:max-content;margin-top:22px;color:#d9e9f5;font-size:12px;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:3px}.service-back:hover{color:#fff}
/* Absicherung: die Übersicht wird als vollflächiges Titelbild gezeigt. */
body[data-service="absicherung"] .service-hero{padding:0;background:#fff;color:#08254b}
body[data-service="absicherung"] .service-hero:after{display:none}
body[data-service="absicherung"] .service-hero-grid{display:flex;flex-direction:column;gap:0;max-width:none;width:100%}
body[data-service="absicherung"] .service-image{order:1;width:100%;height:auto;aspect-ratio:3/2;clip-path:none;background:#eef7ff}
body[data-service="absicherung"] .service-image img{mix-blend-mode:normal;object-fit:cover;object-position:center}
body[data-service="absicherung"] .service-copy{order:2;width:min(1180px,calc(100% - 48px));max-width:none;padding:64px 0 76px;color:#08254b}
body[data-service="absicherung"] .service-copy .eyebrow{color:#55718a}
body[data-service="absicherung"] .service-copy .eyebrow span:first-child{background:#3778ad}
body[data-service="absicherung"] .service-lead{color:#55718a}
body[data-service="absicherung"] .service-back{color:#55718a;border-color:rgba(8,37,75,.3)}
@media(max-width:700px){body[data-service="absicherung"] .service-image{aspect-ratio:3/2}body[data-service="absicherung"] .service-copy{width:calc(100% - 32px);padding:42px 0 52px}}
body[data-service="absicherung"] .service-header{background:linear-gradient(180deg,rgba(8,37,75,.72),rgba(8,37,75,0));border-bottom-color:rgba(255,255,255,.25)}
/* Absicherung hero: the start-page tile becomes a readable, softened banner. */
body[data-service="absicherung"] .service-hero-grid{display:block;position:relative}
body[data-service="absicherung"] .service-image{height:clamp(520px,58vw,760px);aspect-ratio:auto}
body[data-service="absicherung"] .service-image:after{content:'';position:absolute;inset:0;background:rgba(8,37,75,.28);pointer-events:none}
body[data-service="absicherung"] .service-copy{position:absolute;z-index:2;left:max(24px,calc((100% - 1180px)/2));top:50%;transform:translateY(-50%);width:min(590px,calc(100% - 48px));margin:0;padding:42px;color:#fff;background:rgba(8,37,75,.78)}
body[data-service="absicherung"] .service-copy .eyebrow{color:#d9e9f5}
body[data-service="absicherung"] .service-copy .eyebrow span:first-child{background:#bfe3ff}
body[data-service="absicherung"] .service-lead{color:#e8f4fc}
body[data-service="absicherung"] .service-back{color:#e8f4fc;border-color:rgba(255,255,255,.5)}
@media(max-width:700px){body[data-service="absicherung"] .service-image{height:560px}body[data-service="absicherung"] .service-copy{left:16px;top:50%;width:calc(100% - 32px);padding:27px 22px}body[data-service="absicherung"] .service-copy h1{font-size:40px}}
body[data-service="absicherung"] .service-copy>.eyebrow{display:none}
/* Die Leistungsseiten starten direkt mit der gut lesbaren Überschrift. */
.service-copy>.eyebrow{display:none}
.service-copy h1{overflow-wrap:break-word;hyphens:auto}
.service-points .eyebrow>span:first-child{flex:0 0 34px}
.service-points .eyebrow>[data-service-points-title]{width:auto;height:auto;background:none;min-width:0;flex:1;line-height:1.6;overflow-wrap:break-word}

/* Alle Leistungsseiten nutzen dieselbe klare Titelbild-Ansicht mit der passenden Kachel. */
body[data-service] .service-hero{padding:0;background:#fff;color:#08254b}
body[data-service] .service-hero:after{display:none}
body[data-service] .service-hero-grid{display:block;position:relative;max-width:none;width:100%}
body[data-service] .service-image{position:relative;order:1;width:100%;height:clamp(520px,58vw,760px);aspect-ratio:auto;clip-path:none;background:#eef7ff}
body[data-service] .service-image img{mix-blend-mode:normal;object-fit:cover;object-position:center}
/* Den oberen Bildbereich erhalten, damit die Gesichter sichtbar bleiben. */
body[data-service="gesundheit"] .service-image img{object-position:center top}
body[data-service] .service-image:after{content:'';position:absolute;inset:0;background:rgba(8,37,75,.28);pointer-events:none}
body[data-service] .service-copy{position:absolute;z-index:2;left:max(24px,calc((100% - 1180px)/2));top:50%;transform:translateY(-50%);width:min(590px,calc(100% - 48px));margin:0;padding:42px;color:#fff;background:rgba(8,37,75,.78)}
body[data-service] .service-copy .eyebrow{display:none}
body[data-service] .service-lead{color:#e8f4fc}
body[data-service] .service-back{color:#e8f4fc;border-color:rgba(255,255,255,.5)}
body[data-service] .service-header{background:linear-gradient(180deg,rgba(8,37,75,.72),rgba(8,37,75,0));border-bottom-color:rgba(255,255,255,.25)}
@media(max-width:700px){
  body[data-service] .service-image{height:560px}
  body[data-service] .service-copy{left:16px;top:50%;width:calc(100% - 32px);padding:27px 22px}
  body[data-service] .service-copy h1{font-size:40px}
}