/* Servicekarten und Informationsdialoge – Version 1.3.4 */
.service-card{padding:0!important;overflow:hidden}
.service-card>:not(.service-card-image){margin-left:30px;margin-right:30px}
.service-card>.service-card-image{width:100%;height:210px;object-fit:cover;margin:0 0 22px}
.service-card>.service-contain{object-fit:contain;background:#f8f3ea;padding:18px}
.service-card>.service-logo{display:grid;place-items:center;background:#f8f3ea;overflow:hidden}
.service-card>.service-logo img{width:78%;height:78%;object-fit:contain}
.service-card .service-more{margin:20px 30px 30px;padding:0;border:0;background:transparent;color:var(--forest);font:inherit;font-weight:700;text-align:left;cursor:pointer}
.service-card .service-more:hover{text-decoration:none}

.service-modal{width:min(1120px,calc(100% - 36px));max-height:92vh;border:0;padding:0;background:transparent;color:var(--deep)}
.service-modal::backdrop{background:rgba(20,31,25,.78);backdrop-filter:blur(5px)}
.service-modal-shell{position:relative;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);background:var(--paper);max-height:92vh;overflow:auto;border-top:6px solid var(--sand);box-shadow:0 30px 90px rgba(0,0,0,.3)}
.service-modal-close{position:absolute;z-index:3;top:15px;right:18px;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:rgba(251,249,244,.92);color:var(--deep);font-size:1.8rem;line-height:1;cursor:pointer}
.service-modal-media{position:sticky;top:0;min-height:100%;background:#d8dfd7}
.service-modal-media img{width:100%;height:100%;object-fit:cover}
.service-modal-media.service-modal-logo{display:grid;place-items:center;background:#eee7dc;padding:45px}
.service-modal-media.service-modal-logo img{height:auto;max-height:640px;object-fit:contain}
.service-modal-content{padding:clamp(38px,6vw,78px)}
.service-modal-content h2{font-family:var(--serif);font-size:clamp(2.6rem,5vw,5rem);font-weight:500;line-height:1;margin:0 0 22px}
.service-modal-content h3{font-family:var(--serif);font-size:1.45rem;font-weight:500;margin:30px 0 8px}
.service-modal-content p,.service-modal-content li{font-size:.96rem}
.service-modal-content ul{padding-left:1.2rem}
.service-lead{font-size:1.08rem!important;color:#556159;border-left:3px solid var(--sand);padding-left:18px}
.service-facts{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}
.service-facts>div{min-width:175px;padding:18px 20px;background:var(--cream);border-top:3px solid var(--sand);display:flex;flex-direction:column}
.service-facts small{text-transform:uppercase;letter-spacing:.12em;color:var(--forest);font-weight:700;font-size:.65rem}
.service-facts strong{font-family:var(--sans);font-size:1.8rem;line-height:1.2;margin:4px 0}
.service-facts span{font-size:.75rem;color:#6a706c}
.service-modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.service-outline{border:1px solid var(--forest);color:var(--forest)}
@media(max-width:760px){.service-modal-shell{grid-template-columns:1fr}.service-modal-media{position:relative;min-height:240px;height:240px}.service-modal-media.service-modal-logo{height:300px;padding:32px}.service-modal-content{padding:34px 23px}.service-modal-content h2{font-size:2.15rem}.service-card>.service-card-image{height:190px}}