body {
   /*background-color: rgb(249, 182, 117);*/
  background: #f79c40;
background: linear-gradient(90deg,rgba(247, 156, 64, 0.7) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 251, 248, 1) 70%, rgba(247, 156, 64, 1) 100%);
}
.container-header {
   background: #f79c40;
   background: linear-gradient(90deg,rgba(247, 156, 64, 0.7) 0%, rgba(230, 97, 6, 1) 50%, rgba(247, 156, 64, 1) 100%);
   box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.3);
}
.container-header .container-nav {
  flex-wrap: wrap;
  justify-content: center !important;
  padding-bottom: 1em;
  font-size: 24px;
}
.container-header .navbar-toggler {
    color: #040404;
    cursor: pointer;
    border: 1px solid #000;
  font-size: 1.6em;
}
.container-component {
  margin-top: 1em;
  margin-bottom: 1em; 
}
.container-header nav {
  margin-top: 0;
  padding: 0;
}
.container-header .mod-menu {
    color: white;
}
.card {
--card-bg: none;
}
.metismenu.mod-menu .metismenu-item {
  flex-wrap: wrap;
  align-items: center;
  padding: .5em 1em;
  font-size: 1.2rem;
  line-height: 1.5;
  display: flex;
}
.metismenu.mod-menu .parent > ul {
  color: white;
  background-color: #f3f2f2;
}
.btn-sm {
  --btn-font-size: .5rem;

}
.footer .mod-menu {
  position: relative;
  color: black;
}

h1 {
  color: black;
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
}
h2 {
  color: white;
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 300;
  line-height: 1.2;
}
.footer .mod-menu {
  position: relative;
  color: white;
}
.metismenu-item.level-1.active {
    color: rgb(255 249 5);
    font-weight: bold;
}
.metismenu.menu-horizontal {
  padding: 0;
  list-style: none;
  justify-content: center !important;
}
.navbar {
  --navbar-padding-x: 0;
  --navbar-padding-y: .5rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
  position: relative;
  justify-content: center !important;
}
.footer {
  color: #fff;
  background: #f79c40;
   background: linear-gradient(90deg,rgba(247, 156, 64, 0.7) 0%, rgba(230, 97, 6, 1) 50%, rgba(247, 156, 64, 1) 100%);
  }
/* 1. Radikales Entfernen aller Linien-Effekte im Header-Menü */
.container-header .mod-menu li a, 
.container-header .metismenu li a,
.container-header .mod-menu li span,
.container-header .metismenu li span {
    text-decoration: none !important; /* Entfernt Standard-Unterstrich */
    border-bottom: none !important;   /* Entfernt Rahmen-Linien */
    box-shadow: none !important;      /* Entfernt Schatten-Linien (oft bei Active) */
    background-image: none !important; /* Verhindert Background-Linien */
}

/* 2. Entfernt die Pseudo-Elemente (die "wachsenden" Linien) */
.container-header .mod-menu li a::after,
.container-header .metismenu li a::after,
.container-header .mod-menu li.active > a::after,
.container-header .metismenu li.active > a::after {
    display: none !important;
    content: none !important;
}

/* 3. Speziell für den aktiven Zustand (falls Cassiopeia Variablen nutzt) */
.container-header .metismenu > li.active > a,
.container-header .metismenu > li.active > span {
    --cassiopeia-menu-link-active-border: none; /* Deaktiviert die Template-Variable */
    text-decoration: none !important;
}
.row > * {
  flex-shrink: 0;
  margin-top: var(--gutter-y);
  max-width: 100%;
  width: 100%;
}
.row {
  --gutter-x: 1em;
  --gutter-y: 0;
}
.offset-3 {
    margin-left: 1%;
}