/* Bildkacheln der Mega-Navigation (Branchen) und Mobil-Menü-Bilder. Nur für Einträge mit bild: in navigation.yaml. */
.bm-mega__gruppen--kacheln { -moz-column-count: 1; column-count: 1; -moz-column-rule: none; column-rule: none; }
.bm-mega__kacheln { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; margin: 0; padding: 0; list-style: none; }
.bm-kachel { position: relative; display: block; overflow: hidden; aspect-ratio: 16 / 9; background: #14161c; color: #fff; text-decoration: none; }
.bm-kachel__bild { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1); }
.bm-kachel::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(8, 10, 16, 0.66) 0%, rgba(8, 10, 16, 0) 52%); pointer-events: none; }
.bm-kachel__titel { position: absolute; z-index: 1; left: 1rem; right: 1rem; bottom: 0.9rem; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; font-size: 1.0625rem; font-weight: 500; line-height: 1.25; }
.bm-kachel__pfeil { flex: none; transition: transform 0.3s ease; }
.bm-kachel:is(:hover, :focus-visible) .bm-kachel__bild { transform: scale(1.045); }
.bm-kachel:is(:hover, :focus-visible) .bm-kachel__pfeil { transform: translateX(4px); }
.bm-kachel:focus-visible { outline: var(--bm-fokus-breite, 2px) solid var(--bm-fokus, #fff); outline-offset: -4px; }
.bm-kachel[aria-current='page'] { box-shadow: inset 0 -3px 0 var(--bm-signal-kontur, #fe575a); }
@media (max-width: 1023px) { .bm-mega__kacheln { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }  }
.bm-bildlink { gap: 0.875rem; }
.bm-bildlink__bild { flex: none; width: 5rem; height: 2.8125rem; aspect-ratio: 16 / 9; object-fit: cover; }
@media (prefers-reduced-motion: reduce) { .bm-kachel__bild, .bm-kachel__pfeil { transition: none; } .bm-kachel:is(:hover, :focus-visible) .bm-kachel__bild { transform: none; } }
.bm-mega .bm-mega__gruppen.bm-mega__gruppen--kacheln { display: block; -moz-column-count: 1; column-count: 1; }
.bm-mega .bm-mega__gruppen--kacheln > .bm-mega__gruppe { width: 100%; max-width: none; flex: 1 1 100%; padding-bottom: 1rem; }