/* Subnavigation Styling – Variante 4: Minimalistischer Left-Bar */
.subnav {
  background: #fff !important;                 /* Weißer Hintergrund */
  border-left: 6px solid #8fba3e !important;   /* Grüner Farbstreifen links */
  padding: 1rem 1.5rem !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.subnav ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.subnav li {
  margin: 0.6rem 0 !important;
  position: relative !important;
  font-size: 1.05rem !important;
  font-weight: 400 !important;   /* normal */
  line-height: 1.5rem !important;
  padding-left: 1.4rem !important; 
  text-align: left !important;
}

/* Bullet in Grün, clean und modern */
.subnav li::before {
  content: "•" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #8fba3e !important;    /* Bullet auch in Grün */
  font-size: 1.2rem !important;
}

/* Links */
.subnav a {
  color: #333 !important;       /* Dunkelgrau statt Weiß für bessere Lesbarkeit */
  text-decoration: none !important;
  display: inline-block !important;
  padding: 0.2rem 0.5rem !important;
  transition: all 0.2s ease !important;
  border: 2px solid transparent !important;  /* unsichtbarer Rahmen */
  border-radius: 4px !important;
  background: transparent !important;
}

/* Hover: Rahmen einfärben */
.subnav a:hover {
  border-color: #8fba3e !important;   /* Grüner Rahmen */
  color: #8fba3e !important;          /* Schrift auch grün beim Hover */
}

/* Aktiver Menüpunkt */
.subnav li.active > a {
  font-weight: 700 !important;        /* Bold */
  border-color: #8fba3e !important;   /* Grüner Rahmen */
  color: #8fba3e !important;          /* Schrift in Grün */
  background: transparent !important;
}