/* 1. Header-Bereich auf Weiß setzen */
.header {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* 2. Footer-Bereich auf Weiß setzen */
.footer {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #212529 !important;
}

/* 3. Text und Links im Footer lesbar machen */
.footer a, 
.footer .mod-custom {
  color: #212529 !important;
}


/* 1. Hauptpunkt als Anker für die Positionierung */
.container-nav .mod-menu li.parent {
  position: relative;
}

/* 2. Das Untermenü standardmäßig verstecken & stylen */
.container-nav .mod-menu ul {
  position: absolute;
  top: 100%;
  left: 0;
  display: none; /* Versteckt das Menü zuerst */
  background-color: #ffffff !important;
  border: 1px solid #dee2e6 !important;
  padding: 10px 0;
  list-style: none;
  min-width: 200px;
  z-index: 999;
}

/* 3. Untermenü einblenden, wenn man drüberfährt */
.container-nav .mod-menu li.parent:hover > ul {
  display: block;
}

/* 4. Die Links im Untermenü stylen */
.container-nav .mod-menu ul a {
  display: block;
  color: #212529 !important;
  padding: 8px 20px;
  text-decoration: none;
}

/* 5. Untermenü-Links beim Drüberfahren (Hover) */
.container-nav .mod-menu ul a:hover {
  color: #1a365d !important;
  background-color: #f8f9fa !important;
}

.metismenu-item a {
  color: #000000 !important;
}


/* 1. Abstand unter den Breadcrumbs reduzieren */
.container-breadcrumbs {
  margin-top: -0.5rem !important;
  padding-top: -0.5 !important;
}

/* 3. Alternativ, falls du die Banner-Position nutzt */
.container-banner {
  margin-bottom: -0.5rem !important;
  padding-bottom: -0.5 !important;
}

.raster tr:first-child {
  background-color: #dddddd;
  border-color: #d82631;
}

.raster tr td {
  border-color: #d82631 !important;
  border-style: solid;
  border-width: 1px;
}