@charset "UTF-8";
/* CSS Document */

@media only screen and (min-width: 0px) {
  .block-menue-icon {
    position: absolute;
    right: 0px;
    margin: auto;
    width: 32px;
    height: 32px;
    cursor: pointer;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    top: 9px;
    z-index: 200
  }
  .block-menue-icon span {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 9px;
    background: #fff;
    opacity: 1;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  .block-menue-icon span:nth-child(1) {
    top: 0;
  }
  .block-menue-icon span:nth-child(2), .block-menue-icon span:nth-child(3) {
    top: 10px;
  }
  .block-menue-icon span:nth-child(4) {
    top: 20px;
  }
  .block-menue-icon.open span:nth-child(1) {
    top: 18px;
    left: 50%;
    width: 0%;
  }
  .block-menue-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .block-menue-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .block-menue-icon.open span:nth-child(4) {
    top: 18px;
    left: 50%;
    width: 0;
  }
  header div.wp-block-element-inline div#block-hauptnavigation div.block-menue-icon {
    right: 5%
  }
  .noscroll header div.wp-block-element-inline div#block-hauptnavigation.open div.block-menue-icon.open {
    right: 0%
  }
}
@media screen and (min-width: 0px) {
  div#block-hauptnavigation div.block-menue-icon {
    display: inherit
  }
  div#block-hauptnavigation > nav#nav-head {
    display: none
  }
  div#block-hauptnavigation.open > nav#nav-head {
    display: inherit
  }
}
@media screen and (max-width: 960px) {

  div#block-hauptnavigation.open nav#nav-head.element-navigation div.menu-navigation-header-container ul#menu-hauptnavigation.element-menue li {
    display: block;
  }
  div#block-hauptnavigation.open nav#nav-head.element-navigation {
    height: 100%;
    width: 75%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #f2f2f2;
  }
  div#block-hauptnavigation.open {
    float: right;
    width: 95%;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 2;
  }
  .noscroll header#moveHeader div.wp-block-element-max-breite div.wp-block-element-inline div#block-hauptnavigation.open nav#nav-head.element-navigation div.menu-navigation-header-container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  header#moveHeader div.wp-block-element-max-breite div.wp-block-element-inline div#block-hauptnavigation.open nav#nav-head.element-navigation div.menu-navigation-header-container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 960px) {
  div#block-hauptnavigation div.block-menue-icon {
    display: none
  }
  div#block-hauptnavigation nav#nav-head {
    display: inherit
  }
}
nav.element-navigation {
  position: relative;
  max-width: 100%;
  width: 100%
}
nav.element-navigation ul.element-menue {
  display: block
}
nav.element-navigation ul.element-menue li.menu-item {
  display: inline-block
}
@media screen and (max-width: 959px) {
	
  nav.element-navigation ul.element-menue li.menu-item {
    display: block;
  }	
	footer  nav.element-navigation ul.element-menue li.menu-item {
    display: inline-block;
  }	
}
nav.element-navigation ul.element-menue li.menu-item a {
  text-decoration: none;
  position: relative;
  display: block;
  padding: 13px 15px;
}
nav.element-navigation ul.element-menue li.menu-item a.active {
  color: #fff;
  background-color: #000;
}
div#block-hauptnavigation {
  float: right;
  position: relative;
}
 nav#nav-foo.element-navigation div.menu-navigation-footer-container ul#menu-footernavigation.element-menue li.menu-item a {
  font-size: 0.85rem;
  margin-bottom: 0px
}
div#block-footernavigation {
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 959px) {
	
div#block-footernavigation {
  display: block;
  position: relative;
}	
}

ul.wp-block-navigation__container li.wp-block-navigation-item.wp-block-navigation-link {
  color: #000;
  background-color: transparent;
  position: relative;
  display: block;
  padding: 10px 15px;
  border-radius: 4px
}

ul.wp-block-navigation__container li.wp-block-navigation-item.current-menu-item.wp-block-navigation-link {
  color: #fff;
  background-color: #337ab7;
  position: relative;
  display: block;
  padding: 10px 15px;
  border-radius: 4px
}
ul.wp-block-navigation__container li.wp-block-navigation-item.wp-block-navigation-link a {
  font-size: 0.75em
}