body {
  background-color: #c7c7c7;
}

.banneritem img {
    border-radius: 15px; /* Wert nach Wunsch anpassen */
}

.container-header{
background-color: #c7c7c7;
background-image: none;
}

.container-footer {
  background-color: #ffffff;
  background-image: none;
}

.container-footer .grid-child {
    padding: 0; /* Verringert oder erhöht den Innenabstand */
}

.mm-collapse > li {
  background-color: #075e3e;
  color: #ff0000;
}

.item-content a,
.item-title a {
    color: #000000 !important; /* Wunschfarbe hier einsetzen */
    text-decoration: underline; /* Optional: Unterstreichung beim Hover */
}

.item-content a:hover,
.item-title a:hover {
    color: #005599 !important; /* Wunschfarbe hier einsetzen */
    text-decoration: underline; /* Optional: Unterstreichung beim Hover */
}

.item-content img,
.com-content-article__body img {
    margin-bottom: 20px;
    margin-right: 15px; /* Bei links/rechts Ausrichtung */
}

.mod-menu {
    border-radius: 10px; /* Radius anpassen */
    overflow: hidden;    /* Stellt sicher, dass Inhalte nicht über die Ecken hinausragen */
}

/* Optional: Abgerundete Ecken für die Menüpunkte (Hover-Effekt) */
.mod-menu li a {
    border-radius: 8px;
    margin: 2px 0; /* Leichtes Trennen der Menüpunkte */
}

.metismenu.mod-menu {
	color: #000000;
    background-color: #f0f0f0;
    font-size: 1.5rem !important;
}
.mod-menu.mod-list.nav {
	color: #000000;
    background-color: #f0f0f0;
    font-size: 1.5rem !important;
}

/* Aktiven Menüpunkt hervorheben */
.metismenu .active > a,
.container-nav .mod-menu li.active a {
    background-color: #005599; /* Ihre Wunschfarbe */
    color: #ffffff; /* Schriftfarbe */
    font-weight: bold;
    border-radius: 4px; /* Optional: abgerundete Ecken */
}

/* Optional: Farbe für den Link bei Hover */
.container-nav .mod-menu li a:hover {
    background-color: #e0e0e0;
    color: #000000;
}

.container-footer .mod-menu li a:hover {
  background-color: #e0e0e0;
  color: #000000;
  text-decoration: none !important;
}

/* Abgerundete Ecken für den Beitrag .container-component  */
.item-page,
.blog-item {
    border-radius: 15px; /* Radius anpassen */
    padding: 20px !important;       /* Abstand für Inhalt */
    background-color: #ffffff; /* optional: Hintergrundfarbe */
    border: 1px solid #ddd;    /* optional: Rahmen */
}

/* Optional: Abgerundete Ecken für das Beitragsbild */
.com-content-article .item-image img {
    border-radius: 10px;
}

a[href$=".pdf"]::before {
    font-family: "Font Awesome 6 Free"; /* Für Joomla 4/5 */
    content: "\f1c1"; /* Icon für PDF */
    font-weight: 900;
    margin-right: 5px; /* Abstand zum Text */
    color: #e31c23; /* Farbe des Icons (optional) */
}

/* Weiterlesen-Link Farbe und abgerundete Ecken */
.readmore .btn {
    background-color: #005599; /* Beispiel-Farbe */
    color: #ffffff !important;
    border-radius: 7px;
    padding: 5px 5px;
}

/* Weiterlesen-Link Hover-Farbe */
.readmore .btn:hover {
    background-color: #ffffff; /* Beispiel-Farbe */
    color: #005599;
}

/* Breite der rechten Seitenleiste */
@media (min-width: 992px) {
  .container-sidebar-right {
    max-width: none !important;
    width: auto !important;
    flex-grow: 1;
  }

  .container-component {
    max-width: 100%;
    flex-shrink: 1;
  }

  .container-sidebar-right .card {
    width: 100%;
    margin-left: -5%;
  }
}

/* Abgerundete Ecken für die Sidebar (links/rechts) */
.card {
    border-radius: 15px; /* Eckenradius anpassen */
    overflow: hidden;    /* Sorgt dafür, dass Inhalte den Rahmen nicht überlappen */
    padding: 10px;      /* Optional: Abstand des Inhalts zum Rand */
    background-color: #f8f9fa; /* Optional: Hintergrundfarbe der Sidebar */
    border: 1px solid #ddd;   /* Optional: Ein leichter Rahmen */
}

/* Schmale Breite der Sidebar */
.card-body {
  padding: 0;
}

@supports (display:grid) {
  .site-grid > [class^="container-"], .site-grid > [class*=" container-"] {
    column-gap: 1em;
    max-width: none;
  }
}

.container-header .navbar-toggler {
  color: #fff;
  background-color: #005599;
  cursor: pointer;
  border: 1px solid #fff;
}