
.breadcrumbs-v5{background:#09090a;border-bottom:1px solid var(--line)}
.breadcrumbs-v5 .container{min-height:46px;display:flex;align-items:center;gap:10px;color:#8f9399;font-size:.86rem}
.breadcrumbs-v5 a{color:#aeb1b6}
.breadcrumbs-v5 a:hover{color:#fff}
.breadcrumbs-v5 .sep{color:#5d6167}
.breadcrumbs-v5 [aria-current="page"]{color:#e5e6e8}

.leistungen-hero-v5{position:relative;min-height:510px;display:grid;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:#050506}
.leistungen-hero-v5 .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center}
.leistungen-hero-v5:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,6,.98) 0%,rgba(5,5,6,.92) 34%,rgba(5,5,6,.62) 61%,rgba(5,5,6,.20) 100%),linear-gradient(0deg,rgba(5,5,6,.48),transparent 38%)}
.leistungen-hero-v5 .inner{position:relative;z-index:2;padding:78px 0}
.leistungen-hero-v5 .content{max-width:720px}
.leistungen-hero-v5 h1{margin:.55rem 0 1rem;font-size:clamp(3rem,5.3vw,5.3rem);line-height:.95;letter-spacing:-.056em}
.leistungen-hero-v5 p{max-width:680px;margin:0 0 28px;color:#d1d3d6;font-size:1.07rem}

.leistungen-intro-v5{padding:78px 0 42px}
.leistung-block-v5{padding:25px 0}
.leistung-editorial-v5{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:455px;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:#101113;box-shadow:var(--shadow)}
.leistung-editorial-v5.reverse .leistung-media-v5{order:2}
.leistung-editorial-v5.reverse .leistung-copy-v5{order:1}
.leistung-media-v5{min-height:410px;background:#0b0b0c;overflow:hidden}
.leistung-media-v5 img{width:100%;height:100%;object-fit:cover}
.leistung-copy-v5{padding:46px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 100% 0%,rgba(209,31,39,.075),transparent 15rem),#101113}
.leistung-copy-v5 h2{margin:0 0 15px;font-size:clamp(1.95rem,3.2vw,3.3rem);line-height:1;letter-spacing:-.042em}
.leistung-copy-v5>p{margin:0 0 21px;color:var(--muted);max-width:590px}
.service-list-v5{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin:0 0 24px;padding:0;list-style:none}
.service-list-v5 li{position:relative;padding-left:17px;color:#dadcdf;font-size:.9rem}
.service-list-v5 li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--red)}
.service-link-v5{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-weight:800;color:#fff;border-bottom:1px solid rgba(209,31,39,.56);padding-bottom:3px}
.service-link-v5:hover{color:#ef444c}

.service-textonly-v5{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center;padding:52px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 8% 30%,rgba(209,31,39,.12),transparent 18rem),linear-gradient(145deg,#131416,#0d0e10);box-shadow:var(--shadow)}
.service-textonly-v5 h2{margin:0;font-size:clamp(2rem,3.4vw,3.4rem);line-height:1;letter-spacing:-.045em}
.service-textonly-v5 p{color:var(--muted);margin:0 0 22px}

.mid-cta-v5{padding:48px 0 24px}
.mid-cta-v5 .panel{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:32px 36px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 90% 50%,rgba(209,31,39,.14),transparent 17rem),#101113}
.mid-cta-v5 h2{margin:0 0 7px;font-size:clamp(1.75rem,2.8vw,2.7rem);line-height:1;letter-spacing:-.034em}
.mid-cta-v5 p{margin:0;color:var(--muted);max-width:710px}

a:focus-visible,button:focus-visible{outline:3px solid #ef444c;outline-offset:3px;border-radius:6px}

@media(max-width:760px){
  .leistung-editorial-v5{grid-template-columns:1fr}
  .leistung-editorial-v5.reverse .leistung-media-v5,.leistung-editorial-v5.reverse .leistung-copy-v5{order:initial}
  .leistung-media-v5{min-height:330px}
  .leistung-copy-v5{padding:34px 29px}
  .service-list-v5{grid-template-columns:1fr}
  .service-textonly-v5{grid-template-columns:1fr;padding:34px 29px}
  .mid-cta-v5 .panel{grid-template-columns:1fr}
}
@media(max-width:620px){
  .leistungen-hero-v5{min-height:545px}
  .leistungen-hero-v5 .inner{padding:62px 0 68px}
  .leistungen-hero-v5 h1{font-size:3.1rem}
  .leistungen-hero-v5 .hero-photo{object-position:62% center}
  .leistung-block-v5{padding:18px 0}
  .leistung-media-v5{min-height:275px}
}
