.hoerproben{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px;display:grid}.hoerprobe-karte{grid-row:span 5;grid-template-rows:subgrid;border-radius:var(--radius-gross);background:#e8ecf512;border:1px solid #e8ecf51f;align-content:start;gap:10px;min-width:0;padding:20px;display:grid}.hoerprobe-karte .art{letter-spacing:.08em;text-transform:uppercase;color:var(--glimmer);margin:0;font-size:.8rem;font-weight:800}.hoerprobe-karte h3{color:var(--mond);margin:0;font-size:1.3rem}.hoerprobe-karte .satz{color:var(--mond-2);margin:0}.hoerprobe-karte .transkript{align-self:start}.transkript summary{cursor:pointer;color:var(--mond);min-height:var(--tippflaeche);align-items:center;font-weight:800;display:flex}.transkript dl{color:var(--mond-2);gap:4px;margin:6px 0 0;font-size:.95rem;display:grid}.transkript dt{color:var(--mond);margin-top:8px;font-weight:800}.transkript dd{margin:0}@supports not (grid-template-rows:subgrid){.hoerprobe-karte{grid-row:auto;grid-template-rows:none;align-self:start}}@media (width<=767px){.hoerproben{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin:24px calc(-1 * var(--rand)) 0;padding:0 var(--rand) 12px;scroll-padding-inline:var(--rand);-webkit-overflow-scrolling:touch;gap:12px;display:flex;overflow-x:auto}.hoerprobe-karte{scroll-snap-align:start;flex:0 0 min(86%,340px);grid-row:auto;grid-template-rows:none;align-content:start;align-self:stretch}.hoerprobe-karte .art{font-size:var(--schrift-neben)}}