/* Kurskarten – Räume für Träume */
.rkk, .rkk * { box-sizing: border-box; }
.rkk { --rkk-blau: #12456F; color: var(--rkk-blau); }
.rkk-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 28px; }
.rkk-leer { text-align: center; padding: 40px 16px; font-style: italic; }
.rkk-karte { position: relative; min-height: 390px; display: flex; align-items: center; overflow: hidden; background-color: #e6f0f8; background-image: linear-gradient(120deg, rgba(212, 230, 244, .92) 0%, rgba(244, 247, 251, .55) 45%, rgba(226, 210, 242, .75) 100%), var(--rkk-bild, linear-gradient(120deg, #d4e6f4, #e2d2f2)); background-size: cover, cover; background-position: center, center; scroll-margin-top: 100px; }
.rkk-innen { position: relative; width: 100%; padding: 34px 16px 30px; }
.rkk .rkk-titel { margin: 0 0 18px; font-family: "Cormorant Garamond", Garamond, Georgia, serif; font-weight: 500; font-size: clamp(2rem, 3.4vw, 2.75rem); line-height: 1.12; color: var(--rkk-blau); text-transform: none; letter-spacing: .01em; }
.rkk .rkk-unter { margin: 0 0 18px; font-weight: 700; font-size: 1rem; color: var(--rkk-blau); }
.rkk-mehr { margin: 0; }
.rkk-mehr summary { cursor: pointer; padding: 4px 10px; background: rgba(255, 255, 255, .55); list-style-position: inside; color: var(--rkk-blau); }
.rkk-mehr[open] summary { border: 1px solid var(--rkk-blau); background: rgba(255, 255, 255, .8); }
.rkk-mehr summary:focus-visible { outline: 3px solid var(--rkk-blau); outline-offset: 2px; }
.rkk-details { padding: 16px 2px 4px; background: linear-gradient(120deg, rgba(240, 248, 253, .92), rgba(244, 238, 251, .88)); }
.rkk-details p { margin: 0 0 12px; font-size: .95rem; line-height: 1.5; color: var(--rkk-blau); }
.rkk-details .rkk-format, .rkk-details .rkk-kopf { font-weight: 700; margin-bottom: 2px; }
.rkk-details .rkk-kopf { margin-top: 4px; }
.rkk-details a { color: var(--rkk-blau); text-decoration: underline; text-underline-offset: 2px; }
.rkk-voll { position: absolute; top: 18px; right: -42px; transform: rotate(35deg); width: 170px; padding: 6px 0; text-align: center; background: var(--rkk-blau); color: #ffffff; font-size: .78rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; z-index: 2; }
.rkk-karte.is-voll .rkk-titel { opacity: .8; }
.rkk-vorschau .rkk-karte { min-height: 0; }
.rft-kursblock { border-top: 1px solid #e3e9f2; padding-top: 14px; margin-top: 14px; }
.rft-kursblock .rkk { margin: 10px 0 12px; max-width: 420px; }
.rft-kursbild { margin-top: 16px; }
@media (max-width: 520px) { .rkk-karte { min-height: 330px; } .rkk-grid { gap: 18px; } }