/* === Akzent Links für aktive Seiten === */
#body_index nav #li-index a,
#body_fotogalerie nav #li-fotogalerie a,
#body_pinnwand nav #li-pinnwand a,
#body_spenden nav #li-spenden a,
#body_projekt nav #li-projekt a {
  color: #3E6326;
  font-weight:600;
}

/* === NAVBAR === */
nav {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  z-index: 99;
}

/* === MAINBAR === */
#mainbar {
  width:90%;
  max-width: var(--max-width);
  margin: 0 auto;
  background:#fff;
}

	#mainbar-inner {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  flex-wrap: wrap;
	  margin: 0 auto;
	  padding:30px 0;
	  height:100%;
	}

		#mainbar-logo {
		  display: flex;
		  width:auto;
		}

		#mainbar-logo a {
		  display: flex;
		  align-items: center;
		}

		#mainbar-logo img {
		  height: 45px;
		  width: auto;
		  margin-right:10px;
		}

		#logo-txt {
		  font-size: var(--font-size-tall);
		  line-height: 1rem;
		}

#mainbar-nav {
  margin-left:auto;
  height:100%;
}


#mainbar ul {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  height: 100%;
  list-style: none;
}

#mainbar li {
  display: flex;
  align-items: center;
  height: 100%;
  margin-left: 40px;
}

#mainbar li:first-child {
  margin-left: 0;
}

#mainbar a {
  display: flex;
  align-items: center;
  text-decoration: none;
}

#mainbar a:hover {
  color: var(--color-theme-light);
}

/* === Hamburger-/Toggle Menü === */
#mainbar-hh {
display:none;
}

#menu-check {
  display: none;
}

#menu-label,
#menu-label-close,
#menu-label::before,
#menu-label-close::before {
  display: block;
  cursor: pointer;
}

#menu-icon,
#close-icon {
  display: block;
  width: 24px;
  height: 24px;
}

#subbar {
  display:none;
}

	#subbar p {
	  text-align:center;
	  padding:20px 0;
      margin:0;
	  color:#fff;
	}

/* === RESPONSIVE STYLE === */
@media screen and (max-width: 900px) {

  #mainbar-inner {
    justify-content: space-between;
  }

  #mainbar-logo img {
    height: 30px;
  }

  #mainbar ul {
    display: inline-block;
    width: 100%;
  }

  #mainbar-nav li {
    display: block;
    width: 100%;
    height: 40px;
    margin: 10px 0;
    /* border-bottom: 1px solid #ccc; */
  }

  #mainbar-nav li:last-child {
    border: none;
  }

  #mainbar-nav {
    display: none;
    width: 100%;
    height: auto;
    clear: both;
  }

  #mainbar-nav a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }

  #mainbar-hh {
    display:block;
    margin: 0;
  }

  #menu-icon,
  #close-icon {
    display: block;
    width: 26px;
    height: 26px;
  }

  #menu-label,
  #menu-label-close,
  #menu-label::before,
  #menu-label-close::before {
    display: block;
  }

  #menu-label-close {
    display: none;
  }

  #menu-check:checked ~ #mainbar-nav {
    display: block;
  }

  #menu-check:checked ~ #mainbar_hh-icon #menu-label {
    display: none;
  }

  #menu-check:checked ~ #mainbar_hh-icon #menu-label-close {
    display: block;
  }

}