/* für Standardanpassungen diese fünf Werte ändern */

:root {
  /* Hintergrundfarbe */
  --background-color: #56AB30;
  /* Schriftfarbe standard */
  --font-color-primary: #ffffff;
  /* Schriftfarbe Aktiv */
  --font-color-secondary: #000000;
  /* Schriftfarbe hover */
  --font-color-hover: #000000;
  /* Logo */
  --logo: url(../custom/bilder/fulllogo_green_klein_800px-jpeg.jpg);
}

/* bei Standardanpassungen ab hier nichts mehr ändern */

#menue_links {
  background: none;
  background-color: var(--background-color);
}

#menue .menue_block_kopf,
#menue a {
  color: var(--font-color-primary);
}

#menue li.menu_open.has_sub,
#menue ul li.menu_open .menue_block_kopf,
#menue ul li.menu_open.has_sub:after,
#menue a.menue_block_item_active {
  color: var(--font-color-secondary);
}

#menue ul li:hover::after,
#menue ul li.menu_open .menue_block_kopf:hover,
#menue a:hover,
#menue .menue_block_kopf:hover,
#menue .menue_block_kopf:hover::before,
#menue .menue_block_kopf:hover::after {
  color: var(--font-color-hover);
}

.btn-default.btn-primary {
  color: var(--font-color-primary);
  background-color: var(--background-color);
  border-color: var(--background-color);
}

.btn-default.btn-primary:hover {
  color: var(--font-color-hover);
  background-color: var(--background-color);
  border-color: var(--background-color);
  filter: brightness(75%);
}

#menue_links:before {
  background-image: var(--logo);
  background-size: contain;
}

@media (max-width: 768px) {
  .nav-button #mobile-navbtn {
    color: var(--font-color-primary);
    background-color: var(--background-color);
  }
  .nav-button #mobile-navbtn .line {
    background-color: var(--font-color-primary);
  }
}

@media (min-width: 768px) { 
  #menue_links.menu_open:before {
    background-image: var(--logo);
    background-size: contain;
  }
}
legend {
    padding-left: 5px;
    margin: 30px 0 10px -15px;
    border-left: 15px solid #56AB30;
    border-bottom: 1px solid #56AB30;
}