.niveau-vorschau { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:12px 0 0 0; }
.niveau-vorschau figure { margin:0; background:#fff; border:1px solid #ece5d6; border-radius:14px; overflow:hidden; box-shadow:0 2px 10px rgba(28,37,65,0.05); }
.niveau-vorschau img { width:100%; height:auto; display:block; border-bottom:1px solid #ece5d6; }
.niveau-vorschau figcaption { padding:10px 12px; font-size:0.88rem; line-height:1.5; color:#333; }
.niveau-vorschau figcaption a { color:#00747a; font-weight:600; }
@media (max-width:700px) { .niveau-vorschau { grid-template-columns:repeat(3, 72%); overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:6px; } .niveau-vorschau figure { scroll-snap-align:start; } }