#mainnav-mobile nav, #mainnav-mobile-scroll nav {
  float: left;
  width: 100%;
  background: #1d671f;
  font-size: 16px;
}

#mainnav-mobile nav ul, #mainnav-mobile-scroll nav ul {
  margin: 0;
  padding: 0;
}

#mainnav-mobile nav a, #mainnav-mobile-scroll nav a {
  display: block;
  color: #fff;
  text-decoration: none;
}

#mainnav-mobile nav ul li, #mainnav-mobile-scroll nav ul li {
  position: relative;
  float: left;
  list-style: none;
  color: #fff;
}

#mainnav-mobile nav ul li a, .#mainnav-mobile-scroll nav ul li a {
  padding: 20px;
}

#mainnav-mobile nav ul > li.submenu > a:after, #mainnav-mobile-scroll nav ul > li.submenu > a:after {
  position: relative;
  float: right;
  content: '';
  margin-left: 10px;
  margin-top: 5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  border-bottom: 5px solid transparent;
}

#mainnav-mobile nav ul ul li.submenu > a:after, #mainnav-mobile-scroll nav ul ul li.submenu > a:after {
  margin-left: auto;
  margin-right: -10px;
  border-left: 5px solid #fff;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

#mainnav-mobile nav ul li:hover, #mainnav-mobile-scroll nav ul li:hover {
  background: #fff;
  color:#243080;
}

#mainnav-mobile nav ul u, #mainnav-mobile-scroll nav ul ul {
  position: absolute;
  top: -9999px;
  left: -9999px;
  background: #333;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

#mainnav-mobile nav ul ul li, #mainnav-mobile-scroll nav ul ul li {
  float: none;
  width: 200px;
  border-bottom: none;
}

#mainnav-mobile nav ul ul li a, #mainnav-mobile-scroll nav ul ul li a {
  padding: 10px 20px;
}

#mainnav-mobile nav ul ul li:last-child, #mainnav-mobile-scroll nav ul ul li:last-child {
  border-bottom: none;
}

#mainnav-mobile nav ul li:hover > ul, #mainnav-mobile-scroll nav ul li:hover > ul {
  top: 100%;
  left: 0;
}

#mainnav-mobile nav ul ul li:hover > ul, #mainnav-mobile-scroll nav ul ul li:hover > ul {
  top: 0;
  left: 200px;
}

/* hide the checkbox and the label */

input#responsive-nav,
label.responsive-nav-label {
  display: none;
}

/* Declarations for the responsive menu */

@media (max-width: 1179px) {

* {
  font-size: 18px;
}

label.responsive-nav-label {
         position: relative;
         display: block;
         padding: 20px;
         background: #1d671f;
         cursor: pointer;
         color: #fff;
         text-align:right;
}

#mainnav-mobile nav, #mainnav-mobile-scroll nav {
         position: absolute;
         top: -9999px;
         left: 0;
}

input#responsive-nav[type=checkbox]:checked ~ nav {
         position: relative;
         top: 0;
         left:0;
         margin-bottom:0%;
         transition-duration:0.5s;
}

#mainnav-mobile nav a:after, #mainnav-mobile-scroll nav a:after {
  display: none;
}

#mainnav-mobile nav li, #mainnav-mobile-scroll nav li {
  float: none !important;
  width: 95% !important;
  margin: 1% 2% 1% 2%;
  border-bottom: none !important;
  text-align:left;
}

#mainnav-mobile nav li:last-child, #mainnav-mobile-scroll nav li:last-child {
  margin: 1% 2% 3% 2%;
}

#mainnav-mobile nav li a, #mainnav-mobile-scroll nav li a {
  margin-bottom: 10px !important;
  padding: 10px 20px !important;
  background: #50af31;
}

#mainnav-mobile nav ul li:hover, #mainnav-mobile-scroll nav ul li:hover {
  background: none;
}

#mainnav-mobile nav ul li a:hover, #mainnav-mobile-scroll nav ul li a:hover {
  background: #dcefd6;
  color:#000;
}

#mainnav-mobile nav ul ul, #mainnav-mobile-scroll nav ul ul {
  position: relative !important;
  width: 100%;
  left: 0 !important;
  top: 0 !important;
  background: none !important;
  box-shadow: none;
}

#mainnav-mobile nav ul ul li, #mainnav-mobile-scroll nav ul ul li {
  padding-left: 20px;
}

/* Subnav */

}  /* schließende Klammer zur Größenweiche */