/* Ersatz fuer die Joomla/UIkit-Skripte: Diashow, Overlay, Handy-Menue */

/* Diashow: Seitenverhaeltnis am Original gemessen (1265 x 490 px), mindestens 400 px */
#slideshow .uk-slideshow { aspect-ratio: 1265 / 490; min-height: 400px; }
#slideshow .uk-slideshow > li { height: 100%; transition: opacity .5s linear; }
#slideshow .tm-slide { position: absolute; inset: 0; background-size: cover; background-position: center; }
#slideshow .uk-slideshow > li > img { margin: 0; }

/* Zeilenabstand, den UIkit per Skript (data-uk-grid-margin) setzt: 25 px, ab 1220 px 35 px */
.tm-galerie > div + div, .tm-top-b > .uk-grid > div + div { margin-top: 25px; }
@media (min-width: 960px) {
  .tm-galerie > div:nth-child(2), .tm-top-b > .uk-grid > div + div { margin-top: 0; }
  /* Textkasten so hoch wie die Galerie (uk-grid-match) */
  .tm-top-b > .uk-grid > div > .uk-panel-box { height: 100%; box-sizing: border-box; }
}
@media (min-width: 1220px) { .tm-galerie > div:nth-child(n+3) { margin-top: 35px; } }

/* Galerie-Kacheln: kein Abstand unter dem Bild im Overlay */
.tm-galerie figure img { margin-bottom: 0; display: block; }

/* Handy-Menue */
.uk-offcanvas.uk-active { display: block; }
.uk-offcanvas.uk-active .uk-offcanvas-bar { transform: translateX(0); }