/* = --------------------------------------------------------------- = */
 /* toggle-Menü */
 
 .menu-icon {
     position: relative;
     height: 20px;
     float: right !important;
     margin-top: 16px;
     margin-right: 20px;
     cursor: pointer;
     z-index: 999;
 }
 
 .navigation {
     position: fixed;
     max-width: 1280px;
     width: 100%;
     margin: 0;
     padding: 0;
     z-index: 999;
 }
 
 nav {
     width: 100%;
     position: absolute;
     right: 0;
     margin-top: 0px;
     background-color: rgba(255, 255, 255, 0.8);
 }
 
 nav ul li {
     display: block;
     white-space: nowrap;
     text-align: center;
 }
 
 ul {
     list-style: none;
     padding: 0 !important;
     margin: 0 !important;
     -webkit-padding-start: 0px !important;
 }
 
 nav li {
     padding: 0.8%;
 }
 
 #ulsub li {
     padding: 0.2%;
     background: rgba(255, 255, 255, 0.6);
 }

 #ulsub li:hover {
     background: rgba(235, 235, 235, 0.6);
 }
 
 #ulsub li:first-child {
     padding-top: 0.9%;
 }
 
 nav a {
     text-decoration: none;
     font: 20px 'Muli-light', Arial, Helvetica, sans-serif;
     color: #000;
     margin: 0;
     display: block;
 }
 
 nav ul ul li a {
     color: #000;
 }
 
 nav ul li a:hover {
     color: #b1764d;
 }
 
 hr {
     border: 0;
     height: 1px;
     background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
 }
 
 nav li:hover {
     background: rgba(235, 235, 235, 0.6);
 }
 
 #ulhaupt {
     display: none;
     max-width: 1280px;
     width: 100%;
     float: right !important;
 }
 
 #ulsub {
     display: block;
 }
 
 .lisub {
     display: none;
 }
 
 .lihaupt {
     display: block;
 }
 
 .hide {
     display: none;
 }

#pfeil {
    display: inline-block;
    height: 15px;
    width: 15px;
}

.closed {
    background: url(../pics/pfeile.svg) left no-repeat;
}

.open {
    background: url(../pics/pfeile.svg) right no-repeat;
}

.weg2 {
    display: none;
}

.weg2show {
    display: block;
}