.cb-ud-stil-kontakt{.site:has(&) .wa{margin-top: var(--a5)}
.site:has(&) .wa a{color: var(--akzent); font-weight: 600}
.site:has(&) .recht-abschnitt .abschnitt-kopf + *{margin-top: var(--a6)}
.site:has(&) .recht-fakten{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: 1px solid var(--linie)}
.site:has(&) .recht-feld{min-width: 0; padding: var(--a5) var(--a5) var(--a6)}
.site:has(&) .recht-feld:first-child{padding-left: 0}
.site:has(&) .recht-feld + .recht-feld{border-left: 1px solid var(--linie)}
.site:has(&) .recht-feld h2{font: 0.75rem/1.5 var(--mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--akzent); margin-bottom: var(--a3)}
.site:has(&) .recht-feld p{overflow-wrap: anywhere}
.site:has(&) .recht a{color: var(--akzent); text-underline-offset: 3px; overflow-wrap: anywhere}
.site:has(&) .recht-feld a{color: var(--akzent); text-underline-offset: 3px}
.site:has(&) .recht-lineal{margin: var(--a8) 0 var(--a4)}
.site:has(&) .recht h2{font: 600 1.5rem/1.2 var(--display); letter-spacing: -0.025em; text-wrap: balance; scroll-margin-top: 104px}
.site:has(&) .recht h3{font-size: 1.125rem; margin-top: var(--a6); scroll-margin-top: 104px}
.site:has(&) .recht p, .site:has(&) .recht ul{color: var(--leise); max-width: 42em; margin-top: var(--a3)}
.site:has(&) .recht strong{color: var(--tinte)}
.site:has(&) .recht ul{display: grid; gap: var(--a2)}
.site:has(&) .recht li{position: relative; padding-left: 20px}
.site:has(&) .recht li::before{content: ''; position: absolute; left: 0; top: 0.72em; width: 10px; height: 2px; background: var(--akzent)}
.site:has(&) .recht-teil{padding-block: var(--a6); border-top: 1px solid var(--linie)}
.site:has(&) .recht-teil:first-child{border-top: 0; padding-top: 0}
.site:has(&) .recht.kompakt .recht-teil{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 0 var(--a8)}
.site:has(&) .recht.kompakt .recht-teil > :not(h2){grid-column: 2}
.site:has(&) .recht.kompakt .recht-teil > h2{grid-row: 1 / span 9; font-size: 1.25rem}
.site:has(&) .recht.kompakt h2 + p{margin-top: 0}
.site:has(&) .recht-spalten{grid-template-columns: minmax(0, 18rem) minmax(0, 1fr)}
.site:has(&) .recht-verz ol{border-top: 1px solid var(--linie)}
.site:has(&) .recht-verz a{display: grid; grid-template-columns: 32px minmax(0, 1fr); padding: 10px 0; border-bottom: 1px solid var(--linie); color: var(--leise); text-decoration: none; font-size: 0.9375rem; line-height: 1.35; transition: color 0.18s}
.site:has(&) .recht-verz a:hover{color: var(--tinte)}
.site:has(&) .recht-verz span{font: 0.75rem/1.8 var(--mono); color: var(--akzent)}
.site:has(&) .recht-kurz{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--a5) var(--a6); padding: clamp(24px, 3vw, 40px); border: 1px solid var(--linie); border-left: 3px solid var(--akzent); border-radius: 20px; background: var(--flaeche)}
.site:has(&) .recht-kurz li{display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: var(--a3)}
.site:has(&) .recht-kurz .ic{width: 22px; height: 22px; padding: 3px; border-radius: 50%; color: var(--ok); background: color-mix(in srgb, var(--ok) 14%, transparent); margin-top: 2px}
@media (max-width: 1080px){.site:has(&) .recht-fakten{grid-template-columns: repeat(2, minmax(0, 1fr))}
.site:has(&) .recht-feld:nth-child(3){padding-left: 0; border-left: 0}
.site:has(&) .recht-feld:nth-child(n + 3){border-top: 1px solid var(--linie)}
.site:has(&) .recht-spalten{grid-template-columns: minmax(0, 1fr)}
.site:has(&) .recht-spalten > .kopf-spalte{position: static}
}
@media (max-width: 760px){.site:has(&) .recht-fakten, .site:has(&) .recht-kurz, .site:has(&) .recht.kompakt .recht-teil{grid-template-columns: minmax(0, 1fr)}
.site:has(&) .recht-feld, .site:has(&) .recht-feld:first-child{padding: var(--a5) 0; border-left: 0 !important}
.site:has(&) .recht-feld + .recht-feld{border-top: 1px solid var(--linie)}
.site:has(&) .recht.kompakt .recht-teil > :not(h2){grid-column: 1}
.site:has(&) .recht.kompakt .recht-teil > h2{grid-row: auto}
}
.site:has(&) .recht code{font: 0.875em var(--mono); color: var(--tinte)}
.site:has(&) .seitenkopf .hinweis.entwurf{margin-top: var(--a5); max-width: 48em}
.site:has(&) .hinweis.entwurf strong{color: var(--tinte)}}