.menu-collapser{
    display: block;
    position:absolute;
    right:0px;
    /*top:0px;*/
/*    float:right;*/
    width:80px;
    height:55px;
    background-color:transparent;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
}

        @media (min-width: 768px) {
            .menu-collapser {
                height:75px;
            }
        }




.collapse-button{
  position:absolute;
  right:0px;
  top:-28px;
  transform:translate(0, -50%);
  -o-transform:translate(0, -50%);
  -ms-transform:translate(0, -50%);
  -moz-transform:translate(0, -50%);
  -webkit-transform:translate(0, -50%);
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box
}
.collapse-button:hover,.collapse-button:focus{
}



ul.slimmenu{
  width:100%;
  margin:0;
  padding:0;
  list-style-type:none;
}
ul.slimmenu:before,ul.slimmenu:after{
  content:'';
  display:table
}
ul.slimmenu:after{
  clear:both
}
ul.slimmenu.collapsed li{
  display:block;
  width:100%;
  border-bottom: 1px solid #dcdcdc;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
ul.slimmenu.collapsed li>ul{
  position:static;
  display:none;
}
ul.slimmenu.collapsed li a{
  display:block;
}
ul.slimmenu.collapsed li .sub-toggle{
  height:42px
}
ul.slimmenu li{
  position:relative;
  display:inline-block;
  background-color:#f8f8ff;
}
@media (min-width: 992px) {
  ul.slimmenu li{
    background-color: var(--hintergrund);
  }
}



ul.slimmenu li ul{
  margin:0;
  list-style-type:none;
}
ul.slimmenu li ul li{
  background:#e0ecf5;
  width:250px;
}
ul.slimmenu li>ul{
  position:absolute;
  left:0;
  top:100%;
  z-index:999;
  display:none;
  width:100%;
}
ul.slimmenu li>ul>li ul{
  position:absolute;
  left:50%;
  top:87%;
  z-index:999;
  display:none;
  width:100%;
}
ul.slimmenu li a{
  display:block;
  /*padding:10px 10px 10px 12px; /*Padding-Wert verkleinert, da in Level 1 die Pfeile ausgeblendet werden*/
  padding:0; /*Padding-Wert verkleinert, da in Level 1 die Pfeile ausgeblendet werden*/
  color:#00639f;
  text-align: left;
  font-size:18px;
  font-weight:600;
  transition:background-color 0.5s ease-out;
  -o-transition:background-color 0.5s ease-out;
  -moz-transition:background-color 0.5s ease-out;
  -webkit-transition:background-color 0.5s ease-out;
}

ul.slimmenu li a:hover{
  text-decoration:none;
  color:#ff8700;
  background:#004167;
}

/*Level 1*/
@media (max-width: 1199px) {
  ul.slimmenu.level1 li{
    border-bottom: 1px solid #dcdcdc;
  }
}


ul.slimmenu.level1 li a{
  display:block;
  width:calc(100% - 60px);
  border-bottom:0;
  border-left: 0;
  border-right: 0;
  padding:8px 0px 8px 16px;
  background-color:#f8f8ff;
  color:#00639f;
  font-size:16px;
  font-weight:400;
}
@media (min-width: 992px) {
  ul.slimmenu.level1 li a{
    background-color: var(--hintergrund);
  }
}

@media (min-width: 1200px) {
    ul.slimmenu.level1 li a{
      display:inline-block;
      width:auto;
      padding:10px 10px 10px 12px;
      background-color: var(--hintergrund);
      font-size:18px;
      font-weight:600;
    }
}

ul.slimmenu.level1 li a:hover{
  text-decoration:none;
  background-color:#004167;
  color: var(--akzent);
}

ul.slimmenu.level1 {
  width:100%;
}



/*Level 2*/

ul.slimmenu.level2 li a{
  display:block;
  width:calc(100% - 70px);
  border-top: 0;
  border-bottom:0;
  border-left: 0;
  border-right: 0;
  padding:8px 0px 8px 26px;
  background-color: #e0ecf5;
  color:#00639f;
  font-size:16px;
  font-weight:400;
}

ul.slimmenu.level2 li a:hover{
  text-decoration:none;
  background-color:#00639f;
  color:#ff8700;
}

ul.slimmenu.level2 {
  width:100%;
}
        @media (min-width: 1200px) {
          ul.slimmenu.level2 li a{
            display:block;
            width:auto;
            border-top: 1px #ffffff solid;
            border-bottom:0;
            border-left: 0;
            border-right: 0;
            padding:10px 10px 10px 12px;
            color:#00639f;
            font-size:16px;
            font-weight:400;
          }
            ul.slimmenu.level2 {
              width:250px;
              box-shadow:3px 5px 4px #444444, -3px 5px 4px #444444;
            }
        }


/*Level 3*/

ul.slimmenu.level3 li a{
}
        @media (max-width: 1199px) {
            ul.slimmenu.level3 li a {
              display:block;
              border-top: 1px #ffffff solid;
              border-bottom:0;
              border-left: 0;
              border-right: 0;
              padding:8px 64px 8px 36px;
              background-color:#00639f;
              color:#ffffff;
              font-size:16px;
              font-weight:400;
              width: calc(100% - 100px);
            }
        }


ul.slimmenu.level3 li a:hover{
}
        @media (max-width: 1199px) {
            ul.slimmenu.level3 li a:hover {
              text-decoration:none;
              background-color:#004167;
              color:#ff8700;
            }
        }

ul.slimmenu.level3 {
  width:100%;
}
        @media (min-width: 1200px) {
            ul.slimmenu.level3 {
              width:250px;
              box-shadow:3px 5px 4px #444444, -3px 5px 4px #444444;
            }
        }

/*Level 4*/

ul.slimmenu.level4 li a{
}

        @media (max-width: 1199px) {
            ul.slimmenu.level4 li a {
              display:block;
              border-top: 1px #ffffff solid;
              border-bottom:0;
              border-left: 0;
              border-right: 0;
              padding:6px 64px 6px 56px;
              background-color:#c0c0c0;
              color: var(--hauptfarbe);
              font-size:14px;
              font-weight:400;
              width: calc(100% - 120px);
            }
        }


ul.slimmenu.level4 li a:hover{
}
        @media (max-width: 1199px) {
            ul.slimmenu.level4 li a:hover {
              text-decoration:none;
              background-color:#004167;
              color: var(--akzent);
            }
        }

ul.slimmenu.level4 {
  width:100%;
}
        @media (min-width: 1200px) {
            ul.slimmenu.level4 {
              width:250px;
              box-shadow:3px 5px 4px #444444, -3px 5px 4px #444444;
            }
        }
 /*Ende des Level-Zusatzes*/

ul.slimmenu li .sub-toggle{
  display: block;
  position:absolute;
  right:0;
  top:0;
  z-index:995;
  width:45px;
  text-align:center;
  cursor:pointer;
}
ul.slimmenu li .sub-toggle:hover, ul.slimmenu li .sub-toggle:focus{
  background:#004167;
  color: var(--akzent);
}
@media (min-width: 1200px) {
    ul.slimmenu li .sub-toggle:hover, ul.slimmenu li .sub-toggle:focus {
      background: transparent;
      color:inherit;
    }
}




/*Die Pfeile bei Untermenüs werden zunächst ab Ebene 1 für alle ausgeblendet, danach ab Ebene 2 - X wieder eingeblendet*/

@media (min-width: 1200px) {
    ul.slimmenu.level1 li .sub-toggle {
        display: none;
      }
}
@media (min-width: 1200px) {
    ul.slimmenu.level2 li .sub-toggle {
        display: block;
      }
}


.sub-toggle a:link{
  color:#444444;
}

ul.slimmenu li .sub-toggle:before{
  content:'';
  display:inline-block;
  height:100%;
  margin-right:-0.25em;
  vertical-align:top;
}
ul.slimmenu li .level3 .sub-toggle>svg{
  color:#ffffff;
}
@media (min-width: 992px) {
    ul.slimmenu li .level3 .sub-toggle>svg {
          color:inherit;
    }
}


ul.slimmenu>li{border-left:0px solid #999}
ul.slimmenu>li:first-child,ul.slimmenu>li.has-submenu+li{border-left:0}

.icon-slimmenu {
	width:16px;
	height:16px;
	margin-top:13px;
}