/* ===========================================
   Vollbild Digital Signage für Hochformat-Display
   =========================================== */

/* Grundlayout */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #000;
  overflow: hidden;
}

/* Alles außer dem Slider verstecken */
.container-header,
footer,
aside[role="complementary"],
#aside,
.container-sidebar,
.container-footer,
.container-nav {
  display: none !important;
}

/* ----- Versteckt alles im Dummy-Artikel auf der Startseite ----- */
body.itemid-101 .page-header,
body.itemid-101 .page-title,
body.itemid-101 .article-info,
body.itemid-101 .com-content-article,
body.itemid-101 .category-name,
body.itemid-101 .published,
body.itemid-101 .modified,
body.itemid-101 .hits,
body.itemid-101 .tags,
body.itemid-101 .icons,
body.itemid-101 .article-details {
  display: none !important;
}

/* ===========================================
   Hochformat-optimierte Slider-Darstellung
   =========================================== */
.dj-imageslider {
  width: 100vw !important;
  height: 100vh !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
}

/* Bilder sauber mittig skalieren */
.dj-imageslider img {
  width: auto !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* Bild bleibt vollständig sichtbar (für Hochformat perfekt) */
  background: #000;
}