/* ============================================================
   AVHH – Cassiopeia User-CSS
   Nur Feinschliff, KEIN Menü-CSS (außer Mobile-Fix)
   ============================================================ */

/* Top-Banner unter dem Browserrand */
.avhh-top-header {
  background: #ffffff;
}

.avhh-top-banner {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

/* Breadcrumbs ausblenden, wenn vorhanden */
.container-component .breadcrumbs {
  display: none;
}

/* Hauptinhalt etwas einrücken */
.container-component {
  padding: 1rem 2rem;
}

/* Footer */
.container-footer {
  background-color: #f4f4f4;
  color: #333;
  text-align: center;
  padding: 1rem;
  font-size: 0.9rem;
}

/* Artikelbilder nie rand-zu-rand, sondern zentriert und begrenzt */
.com-content .item-page img,
.blog .item img,
.com-content figure img {
  display: block;
  max-width: min(780px, 100%);
  width: auto;
  height: auto;
  margin: .5rem auto 1.25rem;
  border-radius: 4px;
}

/* Falls ein Bild im Artikel bewusst klein neben Text soll */
.img-half { max-width: 50%; }
.img-right { float: right; margin: 0 0 1rem 1rem; }
.img-left  { float: left;  margin: 0 1rem 1rem 0; }

/* ============================================================
   Mobile-Menü-FIX: lesbare Untermenüpunkte (alle Templates)
   ============================================================ */

@media (max-width: 991.98px) {

  /* Hintergrund des aufgeklappten Menüs */
  .container-header .navbar-collapse {
    background-color: #fffdfb !important; /* leichtes Cremeweiß */
  }

  /* Untermenü-Container (Dropdownlisten) */
  .container-header .navbar-collapse .dropdown-menu,
  .container-header .navbar-collapse .mod-menu__sub {
    background-color: #fdf8f3 !important;           /* warmes Beige */
    border: 1px solid rgba(0,0,0,0.05) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
  }

  /* Alle Links im mobilen Menü */
  .container-header .navbar-collapse .mod-menu a,
  .container-header .navbar-collapse .navbar-nav .nav-link,
  .container-header .navbar-collapse .dropdown-menu .dropdown-item {
    color: #8a3b00 !important;                      /* gut lesbares Braun */
    background-color: transparent !important;
    text-shadow: none !important;
  }

  /* Hover/Fokus */
  .container-header .navbar-collapse .mod-menu a:hover,
  .container-header .navbar-collapse .navbar-nav .nav-link:hover,
  .container-header .navbar-collapse .dropdown-menu .dropdown-item:hover,
  .container-header .navbar-collapse .mod-menu a:focus,
  .container-header .navbar-collapse .navbar-nav .nav-link:focus,
  .container-header .navbar-collapse .dropdown-menu .dropdown-item:focus {
    color: #000000 !important;                      /* Schwarz bei Hover */
    background-color: rgba(255, 255, 255, 0.25) !important;
  }
}