/* Modul „verweise“ (module/verweise). Nur Tokens: --bm-* (Website), --bb-*
   (Bausteine, Ton-Regel). Farben folgen dem Ton der Sektion (--bb-*), nie
   „dunkel = weiße Schrift“ von Hand. Breakpoints der Hausliste:
   640 / 768 / 1024 / 1200 / 1440 (max: −1). Lokale Maße heißen --bb-m-*. */

.bb-m-verweise {
  --bb-m-weg-pfeil: 0.25rem;   /* Weg der Pfeile beim Überfahren */
  --bb-m-weg-karte: -2px;      /* Karte hebt sich */
  --bb-m-zoom: 1.03;           /* Bild beim Überfahren */
}

/* Fokusrahmen: Farbe je Fläche aus der Ton-Regel. */
.bb-m-verweise :is(a, label, input):focus-visible { outline: var(--bm-fokus-breite) solid var(--bb-fokus); outline-offset: 3px; }

/* ════════════════════════════════════════════════════════════════════════
   karten – Teaser-Karten der Seiten (vorher liste: SeitenKarte)
   ════════════════════════════════════════════════════════════════════════ */
.bb-m-verweise--karten .bb-karte__titel { hyphens: auto; }
@media (min-width: 768px) {
  .bb-m-verweise--karten .bb-karte--link { min-block-size: clamp(15rem, 11rem + 7vw, 19rem); }
}
.bb-m-verweise__fuss {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  align-self: stretch;
  margin-top: auto;
  padding-top: 1.75rem;
  font-size: var(--bm-t-knopf);
  font-weight: var(--bm-g-mittel);
  letter-spacing: var(--bm-sp-knopf);
  line-height: var(--bm-zh-kompakt);
}
.bb-m-verweise__kreis {
  display: inline-grid;
  flex: none;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: var(--bb-grund);
  color: var(--bb-text);
  font-size: var(--bm-t-h4);
  font-weight: var(--bm-g-normal);
  line-height: 1;
}
/* Überfahren: Karte wird dunkel, Pfeil Signal. */
.bb-m-verweise--karten .bb-karte--link {
  transition: background-color var(--bm-dauer) var(--bm-ease), color var(--bm-dauer) var(--bm-ease);
}
.bb-m-verweise--karten .bb-karte--link:is(:hover, :focus-visible) {
  --bb-karte-flaeche: var(--bm-flaeche-dunkel);
  --bb-text: var(--bm-text-invers);
  --bb-text-ruhig: var(--bm-text-invers-ruhig);
}
.bb-m-verweise--karten .bb-karte--link:is(:hover, :focus-visible) .bb-m-verweise__kreis { background: var(--bm-signal); color: var(--bm-signal-text); }
/* Auf dunkler Sektion wird die Karte beim Überfahren hell. */
.bb-m-verweise--karten[data-ton='dunkel'] .bb-karte--link:is(:hover, :focus-visible) {
  --bb-karte-flaeche: var(--bm-bg-alt);
  --bb-text: var(--bm-text);
  --bb-text-ruhig: var(--bm-text-leise);
}
.bb-m-verweise__gruppen { display: grid; gap: 4.5rem; }
.bb-m-verweise__gruppenkopf {
  margin: 0 0 1.75rem;
  font-family: var(--bm-font-titel);
  font-size: var(--bm-t-h3);
  font-weight: var(--bm-g-titel);
  font-synthesis: none;
  line-height: var(--bm-zh-snug);
  letter-spacing: var(--bm-sp-leicht);
  color: var(--bb-text);
}
.bb-m-verweise__gruppenkopf::after {
  content: '';
  display: block;
  width: 3rem;
  height: 3px;
  margin-top: 1rem;
  background: var(--bb-akzent);
}
.bb-m-verweise__intro {
  margin: -0.5rem 0 1.75rem;
  max-width: 62ch;
  font-size: var(--bm-t-body);
  line-height: var(--bm-zh-text);
  color: var(--bb-text-ruhig);
}
.bb-m-verweise__cta { margin-top: 2.5rem; }

/* ════════════════════════════════════════════════════════════════════════
   zeilen – ruhige Linienliste, Titel groß, Pfeil im Kreis
   ════════════════════════════════════════════════════════════════════════ */
.bb-m-verweise__zeilen { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--bb-linie); }
.bb-m-verweise__zeile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding-block: 1.625rem;
  border-bottom: 1px solid var(--bb-linie);
  color: var(--bb-text);
  text-decoration: none;
}
.bb-m-verweise__zeilentitel {
  display: block;
  font-family: var(--bm-font-titel);
  font-size: var(--bm-t-kartentitel);
  font-weight: var(--bm-g-normal);
  font-synthesis: none;
  line-height: var(--bm-zh-kompakt);
  letter-spacing: var(--bm-sp-leicht);
  transition: color var(--bm-dauer-kurz) var(--bm-ease-linear);
}
.bb-m-verweise__zeile:is(:hover, :focus-visible) .bb-m-verweise__zeilentitel { color: var(--bb-text-ruhig); }
.bb-m-verweise__meta {
  display: block;
  margin-top: 0.375rem;
  font-size: var(--bm-t-klein);
  color: var(--bb-text-ruhig);
}
.bb-m-verweise__ring {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border: 1px solid var(--bb-linie);
  border-radius: var(--bm-radius-pille);
  color: var(--bb-text);
  transition: background-color var(--bm-dauer-kurz) var(--bm-ease-linear), border-color var(--bm-dauer-kurz) var(--bm-ease-linear);
}
.bb-m-verweise__zeile:is(:hover, :focus-visible) .bb-m-verweise__ring {
  background: var(--bm-signal);
  border-color: var(--bm-signal);
  color: var(--bm-signal-text);
}

/* ════════════════════════════════════════════════════════════════════════
   links – Pfeil-Links wie im Mega-Menü (vorher links)
   ════════════════════════════════════════════════════════════════════════ */
.bb-m-verweise__links {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: var(--bb-raster-luecke);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) { .bb-m-verweise__links { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .bb-m-verweise__links { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.bb-m-verweise__links > li { border-top: 1px solid var(--bb-linie); }
.bb-m-verweise__link {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  height: 100%;
  padding: 1.5rem 1rem 1.5rem 0;
  color: var(--bb-text);
  text-decoration: none;
  transition: padding var(--bm-dauer) var(--bm-ease);
}
/* Einrücken + Signal-Balken beim Überfahren */
.bb-m-verweise__link::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-left: 5px solid var(--bb-akzent);
  background: var(--bb-karte);
  opacity: 0;
  transition: opacity var(--bm-dauer) var(--bm-ease);
}
.bb-m-verweise__link:is(:hover, :focus-visible) { padding-left: 1.75rem; }
.bb-m-verweise__link:is(:hover, :focus-visible)::before { opacity: 1; }
.bb-m-verweise__link:focus-visible { outline-offset: 0; }
.bb-m-verweise__linktitel {
  display: block;
  font-family: var(--bm-font-titel);
  font-size: var(--bm-t-kartentitel);
  font-weight: var(--bm-g-normal);
  font-synthesis: none;
  line-height: var(--bm-zh-titel);
  letter-spacing: var(--bm-sp-leicht);
  hyphens: auto;
  overflow-wrap: break-word;
}
.bb-m-verweise__linktext {
  display: -webkit-box;
  margin-top: 0.625rem;
  font-size: var(--bm-t-fest);
  line-height: var(--bm-zh-mittel);
  color: var(--bb-text-ruhig);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bb-m-verweise__linkpfeil {
  flex: none;
  margin-top: 0.1em;
  font-size: var(--bm-t-h4);
  line-height: 1;
  color: var(--bb-text-ruhig);
}
.bb-m-verweise__link:is(:hover, :focus-visible) .bb-m-verweise__linkpfeil { color: var(--bb-text); }

/* ════════════════════════════════════════════════════════════════════════
   chips – Wortmarken: Raster bis 6, ab 7 Laufband (vorher technologien)
   ════════════════════════════════════════════════════════════════════════ */
.bb-m-verweise__marken {
  --bb-m-hoehe: clamp(5rem, 7vw, 7rem);
  --bb-m-fokus-innen: var(--bm-fokus-versatz-innen);
}
.bb-m-verweise__markenraster {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid var(--bb-linie);
}
@media (min-width: 640px) {
  .bb-m-verweise__markenraster { grid-template-columns: repeat(min(var(--bb-m-anzahl), 3), minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .bb-m-verweise__markenraster { grid-template-columns: repeat(min(var(--bb-m-anzahl), 6), minmax(0, 1fr)); }
}
.bb-m-verweise__markenraster > li {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: var(--bb-m-hoehe);
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--bb-linie);
}
/* Eine oder zwei Marken: linksbündig in Spalten fester Breite, Linie nur unter den Marken. */
.bb-m-verweise__markenraster--wenig {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), max-content));
  justify-content: start;
  column-gap: var(--bb-raster-luecke);
  border-bottom: 0;
}
.bb-m-verweise__markenraster--wenig > li { justify-content: flex-start; padding-inline: 0; border-bottom: 1px solid var(--bb-linie); }
.bb-m-verweise__marke {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  color: var(--bb-text-ruhig);
  text-decoration: none;
  transition: color var(--bm-dauer-kurz) var(--bm-ease);
}
.bb-m-verweise__wort {
  font-family: var(--bm-font);
  font-size: var(--bm-t-h4);
  font-weight: var(--bm-g-mittel);
  line-height: var(--bm-zh-titel);
  letter-spacing: var(--bm-sp-leicht);
  text-align: center;
  overflow-wrap: break-word;
  hyphens: manual;
  text-wrap: balance;
}
a.bb-m-verweise__marke:is(:hover, :focus-visible) { color: var(--bb-text); }
a.bb-m-verweise__marke:focus-visible { outline-offset: var(--bm-fokus-versatz-innen); }

/* Laufband: ruhig, Pause bei Hover/Fokus und über den Knopf. */
.bb-m-verweise__markenband {
  display: flex;
  overflow: hidden;
  border-block: 1px solid var(--bb-linie);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.bb-m-verweise__markenspur {
  display: flex;
  flex: none;
  margin: 0;
  padding: 0;
  list-style: none;
  animation: bb-m-verweise-lauf var(--bb-m-dauer, var(--bm-dauer-laufband)) var(--bm-ease-linear) infinite;
}
.bb-m-verweise__markenspur > li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-width: clamp(10rem, 16vw, 15rem);
  min-height: var(--bb-m-hoehe);
  padding: 0.75rem clamp(1.5rem, 3vw, 3rem);
  white-space: nowrap;
}
.bb-m-verweise__markenband:is(:hover, :focus-within) .bb-m-verweise__markenspur,
.bb-m-verweise__marken:has(.bb-m-verweise__halt input:checked) .bb-m-verweise__markenspur { animation-play-state: paused; }
@keyframes bb-m-verweise-lauf {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}

/* Knopf „anhalten/abspielen“ (Checkbox im Etikett): kleines Zeichen ohne
   eigene Fläche, links unter dem Band (rechts schwebt „Frag KI“). */
.bb-m-verweise__halt {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin: 0.25rem auto 0 0;
  border-radius: var(--bm-radius-pille);
  color: var(--bb-text-ruhig);
  cursor: pointer;
  transition: color var(--bm-dauer-kurz) var(--bm-ease);
}
.bb-m-verweise__halt:hover { color: var(--bb-text); }
.bb-m-verweise__halt:has(input:focus-visible) { outline: var(--bm-fokus-breite) solid var(--bb-fokus); outline-offset: var(--bm-fokus-versatz-innen); }
.bb-m-verweise__halt-spiel, .bb-m-verweise__halt:has(input:checked) .bb-m-verweise__halt-pause { display: none; }
.bb-m-verweise__halt:has(input:checked) .bb-m-verweise__halt-spiel { display: block; }

/* ════════════════════════════════════════════════════════════════════════
   laufband – Pillen in zwei gegenläufigen Reihen (vorher start/TechLaufband)
   ════════════════════════════════════════════════════════════════════════ */
.bb-m-verweise__baender { display: grid; gap: 0.75rem; --bm-fokus-versatz: var(--bm-fokus-versatz-innen); }
.bb-m-verweise__reihe {
  display: flex;
  width: max-content;
  animation: bb-m-verweise-lauf2 var(--bm-dauer-laufband) var(--bm-ease-linear) infinite;
}
.bb-m-verweise__reihe--rueck { animation-direction: reverse; animation-duration: calc(var(--bm-dauer-laufband) * 7 / 6); }
.bb-m-verweise__laufwerk:is(:hover, :focus-within) .bb-m-verweise__reihe,
.bb-m-verweise__laufwerk:has(.bb-m-verweise__halt input:checked) .bb-m-verweise__reihe { animation-play-state: paused; }
/* Randlos läuft nur das Band; Überschrift und Pause-Knopf stehen an der
   Kante des Inhaltsrahmens wie die übrigen Sektionen. */
.bb-sektion.bb-m-verweise--laufband > .bb-sektion__innen > .bb-kopf,
.bb-m-verweise__steuer { padding-inline: max(var(--bb-rand), calc((100% - var(--bb-inhalt-max)) / 2)); }
.bb-m-verweise__steuer { display: flex; justify-content: flex-end; margin-top: 0.25rem; }
.bb-m-verweise__steuer .bb-m-verweise__halt { margin: 0; }
.bb-m-verweise__pillen { display: flex; gap: 0.75rem; margin: 0; padding: 0 0.75rem 0 0; list-style: none; }
.bb-m-verweise__pille {
  display: inline-flex;
  align-items: center;
  height: clamp(3.5rem, 5vw, 4.5rem);
  padding-inline: clamp(1.5rem, 2.4vw, 2.25rem);
  border-radius: var(--bm-radius-pille);
  border: 1px solid var(--bb-linie-zart);
  background: var(--bm-bg);
  font-size: var(--bm-t-h4);
  font-weight: var(--bm-g-titel);
  white-space: nowrap;
  color: var(--bm-text);
  text-decoration: none;
  transition: background var(--bm-dauer) var(--bm-ease), color var(--bm-dauer) var(--bm-ease), border-color var(--bm-dauer) var(--bm-ease);
}
.bb-m-verweise__pille:is(:hover, :focus-visible) {
  background: var(--bm-flaeche-dunkel);
  border-color: var(--bm-flaeche-dunkel);
  color: var(--bm-text-invers);
  --bb-fokus: var(--bm-fokus-auf-dunkel);
}
@keyframes bb-m-verweise-lauf2 { to { transform: translateX(-50%); } }
/* Tastatur: Mit dem Fokus im Band steht die Liste und bricht um. */
.bb-m-verweise__baender:has(:focus-visible) { padding-inline: var(--bb-rand); }
.bb-m-verweise__baender:has(:focus-visible) .bb-m-verweise__reihe { animation: none; width: auto; }
.bb-m-verweise__baender:has(:focus-visible) .bb-m-verweise__pillen { flex-wrap: wrap; row-gap: 0.75rem; padding-block: 0.375rem; }
.bb-m-verweise__baender:has(:focus-visible) .bb-m-verweise__pillen[aria-hidden] { display: none; }

/* ════════════════════════════════════════════════════════════════════════
   spalten – Menügruppen als Spalten, mobil Akkordeon (vorher konzept:spalten)
   ════════════════════════════════════════════════════════════════════════ */
.bb-m-verweise--spalten { padding-top: 0; }
.bb-m-verweise__strich {
  color: inherit;
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 1px;
  transition: background-size var(--bm-dauer) var(--bm-ease), color var(--bm-dauer-kurz) var(--bm-ease);
}
.bb-m-verweise__strich:is(:hover, :focus-visible) { background-size: 100% 1px; }
.bb-m-verweise__spalten {
  display: grid;
  gap: clamp(2.5rem, 5vw, 4.5rem) clamp(2rem, 5vw, 5rem);
}
@media (min-width: 768px) { .bb-m-verweise__spalten { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .bb-m-verweise__spalten { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
/* Ab 1280 px vier Spalten – außer die letzte Reihe wird mit drei voller. */
@media (min-width: 1200px) {
  .bb-m-verweise__spalten:not(.bb-m-verweise__spalten--drei) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: clamp(2rem, 3.5vw, 4rem);
  }
}
.bb-m-verweise__spaltentitel {
  margin: 0 0 1.25rem;
  font-family: var(--bm-font-titel);
  font-size: var(--bm-t-h3);
  font-weight: var(--bm-g-titel);
  font-synthesis: none;
  line-height: var(--bm-zh-titel);
  color: var(--bb-text);
}
.bb-m-verweise__spaltenlinks {
  display: grid;
  gap: 0.125rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--bm-t-body);
  line-height: var(--bm-zh-mittel);
  color: var(--bb-text-ruhig);
}
.bb-m-verweise__spaltenlinks a { display: inline-block; padding-block: 0.375rem; }
.bb-m-verweise__spaltenlinks a:is(:hover, :focus-visible) { color: var(--bb-text); }
/* Breit: Titel-Link, kein Schalter. Schmal (unter 768 px): Akkordeon. */
.bb-m-verweise__schalter, .bb-m-verweise__nurschmal { display: none; }
@media (max-width: 767px) {
  .bb-m-verweise__spalten { gap: 0; border-top: 1px solid var(--bb-linie-zart); }
  .bb-m-verweise__spalte { border-bottom: 1px solid var(--bb-linie-zart); }
  .bb-m-verweise__spaltentitel { margin: 0; }
  .bb-m-verweise__spaltenlink { display: none; }
  .bb-m-verweise__nurschmal { display: list-item; }
  .bb-m-verweise__schalter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    min-height: 3.5rem;
    padding: 0.75rem 0;
    cursor: pointer;
  }
  .bb-m-verweise__spaltenlinks { padding-bottom: 1.25rem; }
  .bb-m-verweise__spaltenlinks a { padding-block: 0.625rem; }
  .bb-m-verweise__spalte:has(> .bb-m-verweise__auf:not(:checked)) .bb-m-verweise__spaltenlinks { display: none; }
  .bb-m-verweise__spalte:has(> .bb-m-verweise__auf:focus-visible) .bb-m-verweise__schalter { outline: var(--bm-fokus-breite) solid var(--bb-fokus); outline-offset: 3px; }
}
.bb-m-verweise__zeichen {
  position: relative;
  flex: none;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--bb-linie-feld);
  border-radius: var(--bm-radius-pille);
  transition: background-color var(--bm-dauer) var(--bm-ease), border-color var(--bm-dauer) var(--bm-ease);
}
.bb-m-verweise__zeichen::before,
.bb-m-verweise__zeichen::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.75rem;
  height: 1.5px;
  background: currentColor;
  translate: -50% -50%;
  transition: rotate var(--bm-dauer) var(--bm-ease);
}
.bb-m-verweise__zeichen::after { rotate: 90deg; }
.bb-m-verweise__spalte:has(> .bb-m-verweise__auf:checked) .bb-m-verweise__zeichen {
  background: var(--bm-signal);
  border-color: var(--bm-signal);
  color: var(--bm-signal-text);
}
.bb-m-verweise__spalte:has(> .bb-m-verweise__auf:checked) .bb-m-verweise__zeichen::after { rotate: 0deg; }

/* ════════════════════════════════════════════════════════════════════════
   branchen – zweispaltig, zweite Spalte versetzt (vorher konzept:branchen)
   ════════════════════════════════════════════════════════════════════════ */
.bb-m-verweise__branchen {
  display: grid;
  gap: clamp(2.5rem, 5vw, 4.5rem) clamp(2rem, 5vw, 5rem);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .bb-m-verweise__branchen { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bb-m-verweise__branche:nth-child(even) { margin-top: clamp(3rem, 7vw, 7rem); }
}
@media (min-width: 1024px) {
  .bb-m-verweise__branchenbild {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    column-gap: clamp(2rem, 5vw, 5rem);
    align-items: start;
  }
  .bb-m-verweise__branchenkopf .bb-kopf { margin-bottom: 0; }
  .bb-m-verweise__branchenbild > .bb-m-verweise__branchen { grid-column: 2; grid-row: 1; }
  .bb-m-verweise__branchenkopf { grid-column: 1; grid-row: 1; }
}
.bb-m-verweise__branchentitel {
  margin: 0 0 1rem;
  font-family: var(--bm-font-titel);
  font-size: var(--bm-t-h3);
  font-weight: var(--bm-g-titel);
  font-synthesis: none;
  line-height: var(--bm-zh-titel);
  color: var(--bb-text);
}
.bb-m-verweise__satz {
  margin: 0;
  max-width: 30rem;
  font-size: var(--bm-t-body);
  line-height: var(--bm-zh-text);
  color: var(--bb-text-ruhig);
}

/* ════════════════════════════════════════════════════════════════════════
   wissen – ein großer Beitrag, dazu Zeilen (vorher start/Wissen)
   ════════════════════════════════════════════════════════════════════════ */
.bb-m-verweise__wissen { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(1.25rem, 3vw, 3rem); align-items: stretch; }
@media (max-width: 899px) { .bb-m-verweise__wissen { grid-template-columns: 1fr; } } /* design-check: erlaubt – Bausteinumbruch */
.bb-m-verweise__gross {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: clamp(20rem, 32vw, 28rem);
  padding: clamp(1.75rem, 3.2vw, 3rem);
  border-radius: var(--bb-karte-radius);
  background: var(--bb-karte);
  color: inherit;
  text-decoration: none;
}
.bb-m-verweise__gross:is(:hover, :focus-visible) { background: var(--bm-flaeche-dunkel); color: var(--bm-text-invers); }
.bb-m-verweise__wmeta { display: block; font-size: var(--bm-t-klein); color: var(--bb-text-ruhig); transition: color var(--bm-dauer) var(--bm-ease); }
.bb-m-verweise__gross:is(:hover, :focus-visible) :is(.bb-m-verweise__wmeta, .bb-m-verweise__wsatz) { color: var(--bm-text-invers-ruhig); }
.bb-m-verweise__grosstitel {
  margin: auto 0 0;
  padding-top: 2rem;
  max-width: 20ch;
  font-size: var(--bm-t-h3);
  font-weight: var(--bm-g-titel);
  line-height: var(--bm-zh-titel);
  hyphens: auto;
}
.bb-m-verweise__wsatz { margin: 1rem 0 0; max-width: 48ch; font-size: var(--bm-t-body); line-height: var(--bm-zh-text); color: var(--bb-text-ruhig); }
.bb-m-verweise__grosspfeil {
  position: absolute;
  top: clamp(1.5rem, 2.8vw, 2.5rem);
  right: clamp(1.5rem, 2.8vw, 2.5rem);
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: var(--bm-radius-pille);
  background: var(--bm-signal);
  color: var(--bm-signal-text);
  transition: transform var(--bm-dauer) var(--bm-ease);
}
.bb-m-verweise__gross:is(:hover, :focus-visible) .bb-m-verweise__grosspfeil { transform: rotate(-45deg); }
/* Bild oben in der Karte, randlos. */
.bb-m-verweise__grossbild {
  display: block;
  overflow: hidden;
  margin: calc(-1 * clamp(1.75rem, 3.2vw, 3rem)) calc(-1 * clamp(1.75rem, 3.2vw, 3rem)) clamp(1.5rem, 2.4vw, 2rem);
  border-radius: var(--bb-karte-radius) var(--bb-karte-radius) 0 0;
  background: var(--bm-flaeche-dunkel);
}
.bb-m-verweise__grossbild .bb-medium { border-radius: 0; }
.bb-m-verweise__wliste { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--bb-linie); display: flex; flex-direction: column; }
.bb-m-verweise__wliste li { flex: 1; border-bottom: 1px solid var(--bb-linie); display: flex; }
.bb-m-verweise__wzeile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  width: 100%;
  padding-block: 1.5rem;
  color: inherit;
  text-decoration: none;
}
.bb-m-verweise__wtitel { display: block; margin-top: 0.375rem; font-size: var(--bm-t-h4); line-height: var(--bm-zh-kompakt); transition: color var(--bm-dauer) var(--bm-ease); }
.bb-m-verweise__wzeile:is(:hover, :focus-visible) .bb-m-verweise__wtitel { color: var(--bb-text-ruhig); }
.bb-m-verweise__wzeilenpfeil { flex: none; }

/* ════════════════════════════════════════════════════════════════════════
   reiter – Reiterleiste und flache Karten (vorher konzept:finder)
   Wechsel ohne Browser-JS: Radioknöpfe vor der Leiste; der gewählte Reiter
   steht per :has() fest (Regeln für bis zu 12 Reiter unten).
   ════════════════════════════════════════════════════════════════════════ */
.bb-m-verweise__leiste { position: relative; border-bottom: 1px solid var(--bb-linie); }
.bb-m-verweise__spur {
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  margin: 0 -0.5rem -1px;      /* Strich des gewählten Reiters liegt auf der Linie; Platz für den Fokusrahmen */
}
.bb-m-verweise__spur::-webkit-scrollbar { display: none; }
.bb-m-verweise__spur:focus-visible { outline: var(--bm-fokus-breite) solid var(--bb-fokus); outline-offset: -2px; }
.bb-m-verweise__reiter {
  display: flex;
  gap: clamp(0.25rem, 1.4vw, 1.25rem);
  width: max-content;
  min-width: 100%;
}
.bb-m-verweise__tab {
  position: relative;
  display: flex;
  align-items: center;
  flex: none;
  min-height: 3rem;
  padding: 0.75rem 0.5rem;
  color: var(--bm-text-tag);
  font-family: var(--bm-font);
  font-size: var(--bm-t-fest);
  font-weight: var(--bm-g-normal);
  line-height: var(--bm-zh-kompakt);
  letter-spacing: var(--bm-sp-knopf);
  white-space: nowrap;
  cursor: pointer;
  transition: color var(--bm-dauer-kurz) var(--bm-ease);
}
.bb-m-verweise__tab::after {
  content: '';
  position: absolute;
  inset: auto 0.5rem 0;
  height: 2px;
  background: var(--bb-text);
  scale: 0 1;
  transform-origin: left center;
  transition: scale var(--bm-dauer) var(--bm-ease);
}
.bb-m-verweise__tab:hover { color: var(--bb-text); }
.bb-m-verweise__tafeln { margin-top: clamp(1.5rem, 3vw, 2.5rem); }
.bb-m-verweise__tafel { display: none; animation: bb-m-verweise-auf var(--bm-dauer) var(--bm-ease) both; }
@keyframes bb-m-verweise-auf { from { opacity: 0; } }
.bb-m-verweise__fraster {
  display: grid;
  gap: var(--bb-raster-luecke);
  margin: 0;
  padding: 0.25rem 0 0.5rem;
  list-style: none;
}
@media (min-width: 768px) {
  .bb-m-verweise__fraster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* Eine Karte allein: über die ganze Breite, mit breitem Bildfeld. */
  .bb-m-verweise__fraster--allein { grid-template-columns: minmax(0, 1fr); }
  .bb-m-verweise__fraster--allein .bb-m-verweise__fkarte { --bb-m-fbild: clamp(14rem, 26vw, 24rem); }
  .bb-m-verweise__fraster--allein :is(.bb-m-verweise__flink, .bb-m-verweise__fbild) { min-height: clamp(7.5rem, 11vw, 9rem); }
  .bb-m-verweise__fraster--allein .bb-m-verweise__fsatz { max-width: var(--bm-zeile-text); }
}
.bb-m-verweise__fkarte {
  --bb-m-fbild: clamp(6rem, 11vw, 9rem);
  position: relative;
  min-width: 0;
}
.bb-m-verweise__flink {
  display: grid;
  grid-template-columns: var(--bb-m-fbild) minmax(0, 1fr) auto;
  align-items: center;
  column-gap: clamp(1rem, 2vw, 1.75rem);
  height: 100%;
  min-height: var(--bb-m-fbild);
  padding-right: clamp(1rem, 2vw, 1.75rem);
  overflow: hidden;
  border-radius: var(--bb-karte-radius);
  background: var(--bb-karte);
  color: var(--bb-text);
  text-decoration: none;
  box-shadow:
    0 1px 2px color-mix(in srgb, var(--bm-schatten-farbe) 8%, transparent),
    0 8px 24px color-mix(in srgb, var(--bm-schatten-farbe) 6%, transparent);
  transition: box-shadow var(--bm-dauer) var(--bm-ease), translate var(--bm-dauer) var(--bm-ease);
}
.bb-m-verweise__flink:is(:hover, :focus-visible) {
  translate: 0 var(--bb-m-weg-karte);
  box-shadow: var(--bb-karte-schatten);
}
/* Bild-Grundregeln (Original: .bm-bild, .bm-bild--fuellen): das Bild füllt das Feld absolut und treibt die Kartenhöhe nicht. */
.bm-bild { display: block; width: 100%; height: auto; object-fit: cover; }
.bm-bild--fuellen { position: absolute; inset: 0; height: 100%; }
.bb-m-verweise__fbild {
  position: relative;
  align-self: stretch;
  min-height: var(--bb-m-fbild);
  overflow: hidden;
  background: var(--bm-kachel);
}
/* Ausschnitt um den Schwerpunkt des Motivs (bildwelt/motive.ts, ausschnitt):
   Das ganze Querformat liegt im Feld, der Schwerpunkt --bb-m-f (0–1) steht in
   der Feldmitte. Größe: --bb-m-h (Höhe in Prozent des Felds) oder --bb-m-b
   (Breite), die andere Seite folgt dem Seitenverhältnis. Das Querfeld der
   einzigen Karte eines Reiters trägt eigene Werte (--bb-m-fq, -hq, -bq). */
.bb-m-verweise__fbild .bm-bild {
  inset: 50% auto auto 50%;
  width: var(--bb-m-b, auto);
  max-width: none;
  height: var(--bb-m-h, 100%);
  aspect-ratio: 2400 / 1018;
  object-fit: fill;
  translate: calc(-100% * var(--bb-m-f, 0.7)) -50%;
  transform-origin: calc(100% * var(--bb-m-f, 0.7)) 50%;
  transition: transform var(--bm-dauer-langsam) var(--bm-ease);
}
/* Grafisches Motiv auf Schwarz, ganz im Feld: die Bildkanten laufen weich aus. */
.bb-m-verweise__fbild--ganz { background: var(--bm-flaeche-dunkel); }
.bb-m-verweise__fbild--weich-y .bm-bild {
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 86%, transparent);
  mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 86%, transparent);
}
.bb-m-verweise__fbild--weich-x .bm-bild {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
}
@media (min-width: 768px) {
  .bb-m-verweise__fbild--quer .bm-bild {
    width: var(--bb-m-bq, auto);
    height: var(--bb-m-hq, 100%);
    translate: calc(-100% * var(--bb-m-fq, 0.7)) -50%;
    transform-origin: calc(100% * var(--bb-m-fq, 0.7)) 50%;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .bb-m-verweise__fbild--quer-weich-y .bm-bild {
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 86%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 86%, transparent);
  }
  .bb-m-verweise__fbild--quer-weich-x .bm-bild {
    -webkit-mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
    mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
  }
}
.bb-m-verweise__flink:is(:hover, :focus-visible) .bb-m-verweise__fbild .bm-bild { transform: scale(var(--bb-m-zoom)); }
.bb-m-verweise__ftext { display: grid; gap: 0.375rem; min-width: 0; padding-block: 1rem; }
.bb-m-verweise__ftitel {
  margin: 0;
  font-family: var(--bm-font);
  font-size: var(--bm-t-body);
  font-weight: var(--bm-g-mittel);
  line-height: var(--bm-zh-kompakt);
  letter-spacing: var(--bm-sp-knopf);
  color: var(--bb-text);
  overflow-wrap: anywhere;
}
.bb-m-verweise__fsatz {
  overflow-wrap: break-word;
  font-size: var(--bm-t-klein);
  line-height: var(--bm-zh-mittel);
  color: var(--bm-text-tag);
}
.bb-m-verweise__fpfeil {
  display: grid;
  place-items: center;
  width: var(--bm-knopf-punkt);
  height: var(--bm-knopf-punkt);
  border: 1px solid var(--bm-text-tag);
  border-radius: var(--bm-radius-pille);
  color: var(--bb-text);
  transition: background-color var(--bm-dauer) var(--bm-ease), border-color var(--bm-dauer) var(--bm-ease), color var(--bm-dauer) var(--bm-ease);
}
.bb-m-verweise__fpfeil svg { transition: transform var(--bm-dauer) var(--bm-ease); }
.bb-m-verweise__flink:is(:hover, :focus-visible) .bb-m-verweise__fpfeil {
  background: var(--bm-signal);
  border-color: var(--bm-signal-kontur);
  color: var(--bm-signal-text);
}
.bb-m-verweise__flink:is(:hover, :focus-visible) .bb-m-verweise__fpfeil svg { transform: translateX(var(--bb-m-weg-pfeil)); }

/* gewählter Reiter (Radioknopf k ↔ Reiter k ↔ Tafel k) */
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(1):checked) .bb-m-verweise__tab:nth-child(1) { color: var(--bb-text); font-weight: var(--bm-g-mittel); }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(1):checked) .bb-m-verweise__tab:nth-child(1)::after { scale: 1 1; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(1):checked) .bb-m-verweise__tafel:nth-child(1) { display: block; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(2):checked) .bb-m-verweise__tab:nth-child(2) { color: var(--bb-text); font-weight: var(--bm-g-mittel); }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(2):checked) .bb-m-verweise__tab:nth-child(2)::after { scale: 1 1; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(2):checked) .bb-m-verweise__tafel:nth-child(2) { display: block; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(3):checked) .bb-m-verweise__tab:nth-child(3) { color: var(--bb-text); font-weight: var(--bm-g-mittel); }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(3):checked) .bb-m-verweise__tab:nth-child(3)::after { scale: 1 1; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(3):checked) .bb-m-verweise__tafel:nth-child(3) { display: block; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(4):checked) .bb-m-verweise__tab:nth-child(4) { color: var(--bb-text); font-weight: var(--bm-g-mittel); }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(4):checked) .bb-m-verweise__tab:nth-child(4)::after { scale: 1 1; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(4):checked) .bb-m-verweise__tafel:nth-child(4) { display: block; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(5):checked) .bb-m-verweise__tab:nth-child(5) { color: var(--bb-text); font-weight: var(--bm-g-mittel); }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(5):checked) .bb-m-verweise__tab:nth-child(5)::after { scale: 1 1; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(5):checked) .bb-m-verweise__tafel:nth-child(5) { display: block; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(6):checked) .bb-m-verweise__tab:nth-child(6) { color: var(--bb-text); font-weight: var(--bm-g-mittel); }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(6):checked) .bb-m-verweise__tab:nth-child(6)::after { scale: 1 1; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(6):checked) .bb-m-verweise__tafel:nth-child(6) { display: block; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(7):checked) .bb-m-verweise__tab:nth-child(7) { color: var(--bb-text); font-weight: var(--bm-g-mittel); }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(7):checked) .bb-m-verweise__tab:nth-child(7)::after { scale: 1 1; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(7):checked) .bb-m-verweise__tafel:nth-child(7) { display: block; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(8):checked) .bb-m-verweise__tab:nth-child(8) { color: var(--bb-text); font-weight: var(--bm-g-mittel); }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(8):checked) .bb-m-verweise__tab:nth-child(8)::after { scale: 1 1; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(8):checked) .bb-m-verweise__tafel:nth-child(8) { display: block; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(9):checked) .bb-m-verweise__tab:nth-child(9) { color: var(--bb-text); font-weight: var(--bm-g-mittel); }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(9):checked) .bb-m-verweise__tab:nth-child(9)::after { scale: 1 1; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(9):checked) .bb-m-verweise__tafel:nth-child(9) { display: block; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(10):checked) .bb-m-verweise__tab:nth-child(10) { color: var(--bb-text); font-weight: var(--bm-g-mittel); }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(10):checked) .bb-m-verweise__tab:nth-child(10)::after { scale: 1 1; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(10):checked) .bb-m-verweise__tafel:nth-child(10) { display: block; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(11):checked) .bb-m-verweise__tab:nth-child(11) { color: var(--bb-text); font-weight: var(--bm-g-mittel); }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(11):checked) .bb-m-verweise__tab:nth-child(11)::after { scale: 1 1; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(11):checked) .bb-m-verweise__tafel:nth-child(11) { display: block; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(12):checked) .bb-m-verweise__tab:nth-child(12) { color: var(--bb-text); font-weight: var(--bm-g-mittel); }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(12):checked) .bb-m-verweise__tab:nth-child(12)::after { scale: 1 1; }
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:nth-of-type(12):checked) .bb-m-verweise__tafel:nth-child(12) { display: block; }

/* Tastatur: Fokus des Radioknopfs am Reiter sichtbar machen. */
.bb-m-verweise__finder:has(> .bb-m-verweise__wahl:focus-visible) .bb-m-verweise__leiste { outline: var(--bm-fokus-breite) solid var(--bb-fokus); outline-offset: 2px; }

/* ════════════════════════════════════════════════════════════════════════
   Bewegung reduzieren: keine Übergänge, keine Wege, kein Zoom; Laufbänder
   stehen und brechen um; der Haltknopf entfällt.
   ════════════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  .bb-m-verweise :is(.bb-karte--link, .bb-m-verweise__link, .bb-m-verweise__link::before, .bb-m-verweise__zeilentitel, .bb-m-verweise__ring,
    .bb-m-verweise__marke, .bb-m-verweise__pille, .bb-m-verweise__strich, .bb-m-verweise__zeichen, .bb-m-verweise__zeichen::before,
    .bb-m-verweise__zeichen::after, .bb-m-verweise__tab, .bb-m-verweise__tab::after, .bb-m-verweise__flink, .bb-m-verweise__fpfeil,
    .bb-m-verweise__fpfeil svg, .bb-m-verweise__fbild .bm-bild, .bb-m-verweise__grosspfeil, .bb-m-verweise__wmeta, .bb-m-verweise__wtitel) { transition: none; }
  .bb-m-verweise__tafel { animation: none; }
  .bb-m-verweise__flink:is(:hover, :focus-visible) { translate: none; }
  .bb-m-verweise__flink:is(:hover, :focus-visible) :is(.bm-bild, .bb-m-verweise__fpfeil svg) { transform: none; }
  .bb-m-verweise__gross:is(:hover, :focus-visible) .bb-m-verweise__grosspfeil { transform: none; }
  .bb-m-verweise__halt { display: none; }
  /* Laufband Marken */
  .bb-m-verweise__markenband { flex-wrap: wrap; justify-content: center; -webkit-mask-image: none; mask-image: none; }
  .bb-m-verweise__markenspur { flex-wrap: wrap; justify-content: center; flex: 1 1 100%; animation: none; }
  .bb-m-verweise__markenspur[aria-hidden='true'] { display: none; }
  /* Laufband Pillen */
  .bb-m-verweise__baender { padding-inline: max(var(--bb-rand), calc((100% - var(--bb-inhalt-max)) / 2)); }
  .bb-m-verweise__reihe { animation: none; width: auto; }
  .bb-m-verweise__pillen { flex-wrap: wrap; }
  .bb-m-verweise__pillen[aria-hidden] { display: none; }
}

/* Kopf der Varianten, die den Sektionskopf der Bestands-Module ersetzen:
   Abstand Titel → Inhalt 3/4 Sektionsluft (Bestand: bm-m-sektion). */
:is(.bb-m-verweise--karten, .bb-m-verweise--zeilen, .bb-m-verweise--links, .bb-m-verweise--chips) { --bb-kopf-abstand: calc(var(--bm-sektion) * 0.75); }
/* Konzept-Formen: Abstand Titel → Inhalt wie im Bestand (kz-titel, kz-finder__titel). */
:is(.bb-m-verweise--spalten, .bb-m-verweise--branchen) { --bb-kopf-abstand: clamp(2.5rem, 5vw, 5rem); }
.bb-m-verweise--reiter { --bb-kopf-abstand: clamp(1.75rem, 3vw, 3rem); }
/* Startseiten-Formen: Luft und Kopf wie der Bestand (bm-start-block, bm-start-kopf). */
.bb-sektion:is(.bb-m-verweise--wissen, .bb-m-verweise--laufband) { padding-block: calc(var(--bm-sektion) * 1.2); }
:is(.bb-m-verweise--wissen, .bb-m-verweise--laufband) { --bb-kopf-abstand: clamp(2.5rem, 5vw, 4.5rem); --bb-kopf-titel-max: 20ch; }
.bb-m-verweise__grosstitel, .bb-m-verweise__wtitel {
  font-family: var(--bm-font-titel);
  font-weight: var(--bm-g-normal);
  font-synthesis: none;
  letter-spacing: var(--bm-sp-leicht);
}

/* ════════════════════════════════════════════════════════════════════════
   rand – „Verwandte …“ der Randspalte (vorher site/aufbau VerwandteRand)
   ════════════════════════════════════════════════════════════════════════ */
.bb-m-verweise__randkopf {
  margin: 0 0 0.75rem;
  font-size: var(--bm-t-mini);
  font-weight: var(--bm-g-fett);
  letter-spacing: var(--bm-sp-ziffer);
  line-height: var(--bm-zh-kompakt);
  text-transform: uppercase;
  color: var(--bb-text-ruhig);
}
.bb-m-verweise__randliste { margin: 0; padding: 0; list-style: none; }
.bb-m-verweise__randeintrag {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding-block: 0.5625rem;
  border-bottom: 1px solid var(--bb-linie-zart);
  font-size: var(--bm-t-klein);
  line-height: var(--bm-zh-mittel);
  color: var(--bb-text);
  text-decoration: none;
}
.bb-m-verweise__randpfeil { flex: none; color: var(--bb-text-ruhig); transition: transform var(--bm-dauer) var(--bm-ease), color var(--bm-dauer) var(--bm-ease); }
.bb-m-verweise__randeintrag:is(:hover, :focus-visible) .bb-m-verweise__randpfeil { color: var(--bb-text); transform: translateX(var(--bb-m-weg-pfeil)); }
@media (prefers-reduced-motion: reduce) {
  .bb-m-verweise__randpfeil { transition: none; }
  .bb-m-verweise__randeintrag:is(:hover, :focus-visible) .bb-m-verweise__randpfeil { transform: none; }
}