/* === Rechtsgebietsseiten (nur auf /rechtsgebiete/* geladen, global nichts verändert) === */
.page-hero-media{padding:0;background:#15171a}
.page-hero-media .hero-media-img{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:2000px;height:100%;object-fit:cover;object-position:var(--pos-x,center) var(--pos-y,center);z-index:0}
.page-hero-media .hero-media-overlay{position:relative;z-index:1;min-height:500px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(13,15,18,.94) 0%,rgba(13,15,18,.76) 46%,rgba(13,15,18,.22) 100%)}
.page-hero-media .hero-media-overlay .wrap{padding:64px 0}
@media(max-width:860px){
  .page-hero-media .hero-media-img{object-position:var(--pos-mx,center) var(--pos-my,center)}
  .page-hero-media .hero-media-overlay{min-height:460px;background:linear-gradient(180deg,rgba(13,15,18,.4) 0%,rgba(13,15,18,.82) 52%,rgba(13,15,18,.95) 100%)}
  .page-hero-media .hero-media-overlay .wrap{padding:40px 0}
}
.content-wrap main:not(.post-content){line-height:1.75}
.content-wrap main:not(.post-content) h2{margin-top:2.6rem;margin-bottom:1.1rem}
.content-wrap main:not(.post-content) h2:first-of-type{margin-top:0}
.content-wrap main:not(.post-content) h3{margin-top:2rem;margin-bottom:.9rem}
.content-wrap main:not(.post-content) p{margin-bottom:1.3rem}
.content-wrap main:not(.post-content) p:last-child{margin-bottom:0}
.content-wrap main:not(.post-content) .checklist{margin:1.6rem 0}
.content-wrap main:not(.post-content) ul:not(.checklist):not(.sidebar-links){margin:0 0 1.3rem;padding-left:1.4rem}
.sidebar-box--dark h3{color:#fff}
.sidebar-box--dark .sidebar-links li,.sidebar-box--dark .checklist li{border-color:rgba(255,255,255,.15)}
.sidebar-box--dark .sidebar-links a,.sidebar-box--dark .checklist li,.sidebar-box--dark .checklist li a{color:#d7dadd}
.sidebar-box--dark .sidebar-links a:hover,.sidebar-box--dark .checklist li a:hover{color:#fff}
.sidebar-box--dark .checklist li::before{color:var(--rot)}
/* Responsive: Inline-Grids der Leistungs-/Rechtsgebietsseiten auf Mobil einspaltig, Grid-Spalte darf schrumpfen */
.content-wrap>main{min-width:0}
.content-wrap main,.content-wrap .card,.sec .card{overflow-wrap:break-word}
details summary,details .body{overflow-wrap:anywhere}
h1,h2{overflow-wrap:break-word}
.checklist li{overflow-wrap:anywhere}
@media(max-width:680px){
  .sec [style*="grid-template-columns:1fr 1fr"],
  .sec [style*="grid-template-columns:repeat(auto-fill"]{grid-template-columns:minmax(0,1fr) !important}
  .content-wrap main .checklist li{display:block}
  .content-wrap main .checklist li::before{display:inline-block;margin-right:10px}
}