/* Einfache, einheitliche Kachelbreite */
#blogroll .blog-card { width: clamp(280px, 33vw, 360px); }

#blogroll .card { border-radius: 1rem; overflow: hidden; transition: .2s transform, .2s box-shadow; }
#blogroll .card:hover { transform: translateY(-2px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.08); }

/* Einheitliches Bildverhältnis + Zuschnitt */
#blogroll .ratio { background: #f8f9fa; }       /* sanfter Placeholder */
#blogroll img.object-fit-cover { object-fit: cover; }

/* Track */
#blogroll .blogroll-track { scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
#blogroll .blog-card {
  scroll-snap-align: start;
  margin-bottom: 3rem;
}

/* Pfeile (FA6) */
#blogroll .blogroll-arrow{
  width:44px;height:44px;position:absolute;top:45%;
  display:inline-flex;align-items:center;justify-content:center;z-index:2;
}
#blogroll .blogroll-arrow.start{ left:-8px; }
#blogroll .blogroll-arrow.end{ right:-8px; }

/* dezente Scrollbar */
#blogroll .blogroll-track::-webkit-scrollbar{ height:8px; }
#blogroll .blogroll-track::-webkit-scrollbar-thumb{ background:rgba(0,0,0,.15); border-radius:10px; }

/* Zwei-Zeilen-Titellimit, gleiche Höhe der Kartenköpfe */
.clamp-2{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
}