.cb-ud-stil-faq{.site:has(&) .wunsch-seite{display: flex; align-items: flex-end; gap: var(--a5)}
.site:has(&) .wunsch-seite .karte{flex: 1}
.site:has(&) .fragen{border-top: 1px solid var(--linie)}
.site:has(&) .fragen details{border-bottom: 1px solid var(--linie)}
.site:has(&) .fragen summary{display: grid; grid-template-columns: 3rem minmax(0, 1fr) 44px; gap: var(--a3); align-items: center; min-height: 44px; padding: 20px 0; cursor: pointer; list-style: none}
.site:has(&) .fragen summary::-webkit-details-marker{display: none}
.site:has(&) .fragen .nr{font: 0.8125rem/1 var(--mono); color: var(--akzent)}
.site:has(&) .frage{font: 600 clamp(1.125rem, 1rem + 0.4vw, 1.3125rem)/1.3 var(--display); letter-spacing: -0.02em}
.site:has(&) .fragen summary i{position: relative; width: 44px; height: 44px; border: 1px solid var(--linie-stark); border-radius: 50%; transition: transform 0.4s var(--ease), background-color 0.2s}
.site:has(&) .fragen summary i::before, .site:has(&) .fragen summary i::after{content: ''; position: absolute; left: 50%; top: 50%; width: 14px; height: 2px; margin: -1px 0 0 -7px; border-radius: 1px; background: var(--tinte)}
.site:has(&) .fragen summary i::after{transform: rotate(90deg)}
.site:has(&) .fragen summary:hover i{background: color-mix(in srgb, var(--tinte) 5%, transparent)}
.site:has(&) .fragen details[open] summary i{transform: rotate(45deg)}
.site:has(&) .antwort{padding: 0 56px var(--a5) calc(3rem + var(--a3)); color: var(--leise)}
.site:has(&) .antwort p{max-width: 38em}
.site:has(&) details[open] .antwort{animation: ein 0.5s var(--ease)}
.site:has(&) .fragen + .hinweis{margin-top: var(--a6)}
@media (max-width: 760px){.site:has(&) .fragen summary{grid-template-columns: 2.25rem minmax(0, 1fr) 44px}
.site:has(&) .antwort{padding: 0 0 var(--a5) calc(2.25rem + var(--a3))}
.site:has(&) .wunsch-seite{flex-direction: column; align-items: stretch}
.site:has(&) .wunsch-seite .uni-platz{align-self: center}
}
.site:has(&) .antwort .liste{display: grid; gap: 8px; margin-top: 12px; max-width: 38em}
.site:has(&) .antwort .liste li{position: relative; padding-left: 20px}
.site:has(&) .antwort .liste li::before{content: ''; position: absolute; left: 0; top: 0.75em; width: 10px; height: 1px; background: var(--akzent)}
.site:has(&) .antwort .liste b{color: var(--tinte); font-weight: 600}}