/* ==============================
   Subnavigation / Seitenmenü
   Klasse: .submenu_v3
   dezent, ohne Rahmen
   ============================== */

.submenu_v3 {
  background: transparent;
  padding: 0;
  box-shadow: none;
  border: none;
  position: sticky;
  top: 120px;
}

/* Liste zurücksetzen */
.submenu_v3 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.submenu_v3 li {
  margin: 4px 0;
}

/* Links und aktive Elemente */
.submenu_v3 a,
.submenu_v3 strong,
.submenu_v3 span.active {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 0;
  text-decoration: none !important;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 500;
  color: #1f2a24;
  background: transparent;
  transition: all 0.2s ease;
}

/* Unterstreichung auch bei Hover verhindern */
.submenu_v3 a:hover,
.submenu_v3 a:focus,
.submenu_v3 a:active {
  text-decoration: none !important;
}

/* Dezenter Punkt vor dem Link */
.submenu_v3 a::before,
.submenu_v3 strong::before,
.submenu_v3 span.active::before {
  content: "";
  width: 7px;
  height: 7px;
  min-width: 7px;
  border-radius: 50%;
  background: #f0d900;
  opacity: 0.7;
  transition: all 0.2s ease;
}

/* Hover dezent */
.submenu_v3 a:hover {
  color: #006633;
  transform: translateX(3px);
}

/* Aktiver Menüpunkt dezent */
.submenu_v3 strong,
.submenu_v3 .active > a,
.submenu_v3 .trail > a,
.submenu_v3 span.active {
  color: #006633;
  font-weight: 700;
  background: transparent;
}

/* Punkt beim aktiven Element etwas stärker */
.submenu_v3 strong::before,
.submenu_v3 .active > a::before,
.submenu_v3 .trail > a::before,
.submenu_v3 span.active::before {
  background: #006633;
  opacity: 1;
}

/* Unterpunkte */
.submenu_v3 ul ul {
  margin: 4px 0 6px 17px;
  padding-left: 12px;
  border-left: 1px solid rgba(0, 105, 50, 0.18);
}

.submenu_v3 ul ul a,
.submenu_v3 ul ul strong,
.submenu_v3 ul ul span.active {
  font-size: 14px;
  font-weight: 500;
  padding: 7px 0;
  color: #3d4a42;
}

/* Aktiver Unterpunkt */
.submenu_v3 ul ul strong,
.submenu_v3 ul ul .active > a,
.submenu_v3 ul ul .trail > a,
.submenu_v3 ul ul span.active {
  color: #006633;
  font-weight: 600;
}

/* Mobile Darstellung */
@media (max-width: 991px) {
  .submenu_v3 {
    position: relative;
    top: auto;
    margin-bottom: 28px;
  }

  .submenu_v3 a,
  .submenu_v3 strong,
  .submenu_v3 span.active {
    padding: 8px 0;
  }
}

#top .mod_socials a {
    display: block;
    float: left;
    text-align: center;
    padding: 6px;
}