/* BAUZ! zum Hören – Mediathek V1 */
.hoeren-hero{padding:clamp(54px,8vw,96px) 0 52px;background:linear-gradient(180deg,#eaf6fb 0%,#fff8e8 100%)}
.hoeren-hero h1{margin:.12em 0 .2em;font-size:clamp(2.7rem,7vw,5.6rem);line-height:.95}
.hoeren-hero .lead{max-width:760px;margin:0 auto}
.hoeren-main{padding:42px 0 80px;background:#fffdf8}
.hoeren-filter{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 18px;margin-bottom:24px;scrollbar-width:none}
.hoeren-filter::-webkit-scrollbar{display:none}
.hoeren-filter__button{flex:0 0 auto;border:2px solid rgba(33,43,48,.14);background:#fff;color:#293237;border-radius:999px;padding:11px 18px;font:800 .96rem/1 inherit;cursor:pointer}
.hoeren-filter__button:hover,.hoeren-filter__button:focus-visible{border-color:#4a7fb5;outline:none}
.hoeren-filter__button.is-active{background:#253044;border-color:#253044;color:#fff}
.hoeren-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.hoeren-card{background:#fff;border:1px solid rgba(38,48,53,.08);border-radius:24px;overflow:hidden;box-shadow:0 12px 34px rgba(38,48,53,.08);display:grid;grid-template-columns:minmax(170px,34%) 1fr;min-height:260px}
.hoeren-card[hidden]{display:none}
.hoeren-card__visual{position:relative;min-height:220px;display:grid;place-items:center;background:#f3ead7;overflow:hidden}
.hoeren-card__visual--short{background:#dceaf6}.hoeren-card__visual--interview{background:#e1efdf}.hoeren-card__visual--geschichte{background:#f7e3b0}
.hoeren-card__visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.hoeren-card__symbol{font-size:3.2rem;filter:saturate(.75)}
.hoeren-card__body{padding:26px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.hoeren-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:#6a7378;font-size:.84rem;font-weight:700;margin-bottom:8px}
.hoeren-card__type{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eef3f5;color:#34434a;font-weight:900}
.hoeren-card h2{font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.08;margin:4px 0 10px}
.hoeren-card p{margin:0 0 17px;color:#5b656a;line-height:1.55}
.hoeren-card audio,.hoeren-card video{width:100%;max-width:100%;margin:5px 0 14px}
.hoeren-card video{border-radius:14px;background:#111;aspect-ratio:9/16;max-height:390px}
.hoeren-card__link{display:inline-flex;align-items:center;gap:7px;margin-top:auto;font-weight:900;text-decoration:none;color:#356d9e}
.hoeren-card__link:hover{text-decoration:underline}
.hoeren-empty,.hoeren-no-result{text-align:center;background:#fff;border-radius:22px;padding:38px;box-shadow:0 10px 28px rgba(38,48,53,.07)}
.hoeren-next{padding:70px 0 84px;background:#f5edda}.hoeren-next h2{font-size:clamp(2rem,5vw,3.5rem);margin:.15em 0}.hoeren-next p:not(.eyebrow){max-width:720px;margin:0 auto 24px;line-height:1.65}
@media(max-width:1050px){.hoeren-grid{grid-template-columns:1fr}}
@media(max-width:680px){.hoeren-main{padding-top:28px}.hoeren-card{grid-template-columns:1fr}.hoeren-card__visual{min-height:0;aspect-ratio:16/9}.hoeren-card__body{padding:22px}.hoeren-filter{margin-left:-4px;margin-right:-4px}.hoeren-hero{padding-top:42px}}

.hoeren-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 10px}.hoeren-level{--level:#ddd;display:flex;flex-direction:column;gap:1px;padding:11px 13px;border-radius:14px;background:color-mix(in srgb,var(--level) 16%,#fff);border-top:6px solid var(--level)}.hoeren-level b{font-size:.95rem}.hoeren-level small{color:#687074;font-weight:800}.hoeren-level--yellow{--level:#F2C94C}.hoeren-level--red{--level:#D95A4E}.hoeren-level--blue{--level:#4A7FB5}.hoeren-level--green{--level:#5A9A5E}.hoeren-levels__note{margin:0 0 24px;color:#667176;font-size:.92rem}@media(max-width:680px){.hoeren-levels{grid-template-columns:1fr 1fr}.hoeren-level{padding:9px 10px}}