/* lexicon-feed.css — Lexikon-Feeder. Ergaenzt carousel.css, ersetzt nichts.
   Alle Regeln sind mit .bcm-feed--lex praefigiert; Snap, Scrollbar-Ausblendung und
   prefers-reduced-motion kommen unveraendert aus carousel.css. 0 !important. Eigene Datei
   statt Anhang an carousel.css, damit ein Rueckbau eine Loeschung ist und kein Diff;
   geladen ueber die Liste in custom-header.html.
   HEIMAT static/, nicht assets/: assets/css traegt nur custom.css und verdeckt die
   gleichnamige static-Datei — die drei anderen Stylesheets kommen bewiesen aus static/.

   v2 (2026-08-06): PFEILE IN DIE ZEILE. carousel.css setzt sie absolut in den Seitenraum
   (position:absolute, left/right:0) — beim Produkt-Feeder mit 10rem-Kacheln unauffaellig,
   beim Lexikon-Feeder mit 15.5rem lag der rechte Pfeil auf der angeschnittenen Karte.
   Der Viewport wird hier eine Flex-Zeile aus Pfeil, Band, Pfeil. Ausschliesslich unter
   .bcm-feed--lex, weil der Produkt-Feeder dieselben Klassen traegt (gemessen) und
   unberuehrt bleiben muss. Die Breitenrechnung dazu liegt in custom.js fit(). */

/* Abstand: der Feeder steht zwischen Einleitungstext und Kategorieliste und braucht
   nach BEIDEN Seiten Luft. carousel.css setzt fuer den Produkt-Feeder nur oben. */
.bcm-feed--lex{margin:3rem 0 3.25rem}
@media screen and (max-width:47.999rem){.bcm-feed--lex{margin:2.25rem 0 2.5rem}}

/* VIEWPORT als Zeile. Der Track nimmt den Rest; min-width:0 ist Pflicht, sonst weigert
   sich ein Flex-Kind mit overflow, unter seine Inhaltsbreite zu schrumpfen. */
.bcm-feed--lex .bcm-feed-viewport{display:flex;align-items:center;gap:.5rem}
.bcm-feed--lex .bcm-feed-nav{position:static;transform:none;flex:0 0 auto}
.bcm-feed--lex .bcm-feed-track{flex:1 1 auto;min-width:0;margin:1.25rem 0 0}

/* carousel.css haelt die Pfeile mit translateY(-50%) in der Mitte — in der Zeile richtet
   align-items sie aus, und das translateY muss aus Hover und Reduced-Motion wieder raus. */
.bcm-feed--lex .bcm-feed-nav:hover,
.bcm-feed--lex .bcm-feed-nav:focus-visible{transform:scale(1.06)}
@media (prefers-reduced-motion:reduce){
  .bcm-feed--lex .bcm-feed-nav:hover,
  .bcm-feed--lex .bcm-feed-nav:focus-visible{transform:none}
}

/* KACHEL: breiter als die Produktkachel, weil Text traegt und kein Bild. Stufenlos statt
   zwei fester Werte — auf schmalen Geraeten steht eine ganze Karte plus der Anschnitt der
   naechsten, und dieser Anschnitt ist dort die Wisch-Einladung, kein Fehler. */
.bcm-feed--lex .bcm-feed-item{flex:0 0 clamp(12rem,72vw,15.5rem);padding:0;justify-content:flex-start}

/* Unter 48rem tragen Pfeile nicht: gewischt wird. Ohne sichtbare Pfeile laeuft die
   Zeile auf volle Breite, der Track scrollt wie zuvor. */
@media screen and (max-width:47.999rem){
  .bcm-feed--lex .bcm-feed-nav{display:none}
  .bcm-feed--lex .bcm-feed-viewport{gap:0}
}

#R-body .bcm-feed--lex .bcm-feed-media{display:flex;flex-direction:column;padding:.9rem .9rem .35rem}
#R-body .bcm-feed--lex .bcm-feed-title{align-items:flex-start;text-align:left;gap:.25rem;padding:0;min-height:0}
#R-body .bcm-feed--lex .bcm-feed-brand{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:#8f8f8f}
#R-body .bcm-feed--lex .bcm-feed-strain{-webkit-line-clamp:3;font-size:.92rem;line-height:1.28}

#R-body .bcm-feed--lex .bcm-feed-lex-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:.5rem .9rem 0;font-size:.72rem;line-height:1.42;color:#a8a8a8;text-wrap:pretty;hyphens:none}
#R-body .bcm-feed--lex .bcm-feed-lex-date{margin:auto .9rem .8rem;padding-top:.6rem;font-size:.64rem;color:#7f7f7f;letter-spacing:.02em}

/* Der Titel ist der einzige Link der Kachel — die Hover-Farbe des Kartenrahmens kommt
   aus carousel.css, hier nur der Textzustand. */
#R-body .bcm-feed--lex .bcm-feed-media:hover .bcm-feed-strain,
#R-body .bcm-feed--lex .bcm-feed-media:focus-visible .bcm-feed-strain{color:var(--card-green,#83b735)}
/* EOF-lexicon-feed-v2 */