.cbp-spmenu {background: #ffffff; position: fixed; overflow: auto;}
.cbp-spmenu h3 {color: #afdefa;	font-size: 120%; padding: 20px; margin: 0; font-weight: 300; background: #0d77b6;}
.cbp-spmenu a {display: block;	color: #fff; font-size: 0.9em; font-weight: 300;width:150px;}
.cbp-spmenu-vertical {width: 30%;	height: 100%; top: 0; z-index: 99;}
.cbp-spmenu-right {right: -30%;}
.cbp-header-left {right: 0%;}
.cbp-spmenu-right.cbp-spmenu-open {right: 0px;}
.cbp-spmenu-push {overflow-x:hidden;position: relative;	left: 0;}
.cbp-spmenu-push-toleft {left:-30%; overflow-y:hidden;}

.cbp-header-toleft {width:100%; left:auto; right:auto;}

.cbp-header-top{
left:0px;
right:0px;
top:0px;
position:absolute;
z-index:2;
}

.cbp-header-top-push{
left:auto;
right:auto;
width:100%;
}

.symb_last{
right:0px;
left:auto;	
}

.nav-plus {
position: absolute;
top: 18px;
right: 15px;
cursor: pointer;
margin: 0;
width: 30px;
text-align: center;
}

/* Transitions */
.cbp-spmenu,.cbp-spmenu-push {-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
.cbp-spmenu-open{overflow-y:scroll;}


/*
#navmobil {display:block; float:right; margin:15px 10px 0px 0px; width:36px;position: absolute;right:0%; ;top: 0;z-index:100;background:transparent url('../img/icons/svg/nav.svg') no-repeat center center;background-size:contain;}
#navmobil.navi_pfeil {background:transparent url('../img/icons/pfeil.svg') no-repeat center center;width:12px;background-size:contain;margin:15px 15px 0px 0px;}
*/


.gs-navbar li {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; position:relative; list-style:none; float:left; font-family:'Lato',Arial; font-size:130%}
.gs-navbar li ul {margin:0px 0px 10px 0px; padding:10px 10px 10px 10px; display:none; position:absolute; z-index:103; left:0px; top:auto; background-color:#b70906;}
.gs-navbar li ul.symb_last {left:auto; right:0px;}
.gs-navbar li ul li {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:none; font-size:95%;}
.gs-navbar li ul li ul {margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; display:none; position:absolute; z-index:103; /*left:200px;*/ top:0px; background-color:#b70906;}
.gs-navbar li ul li ul li {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

/* Unternavigation in modernen Browsern einblenden */
.gs-navbar li:hover a{color:#FFFFFF; background-color:#b70906;}
.gs-navbar li:hover ul {display:block;}
.gs-navbar li:hover ul li ul {display:none;}
.gs-navbar li:hover ul li:hover ul {display:block;}
.gs-navbar li:hover ul li:hover ul li ul {display:none;}


/* 1 Ebene */
.gs-navbar a {display:block; font-size:100%; font-weight:normal;  text-decoration:none; padding:12px 10px 12px 10px; color:#b70906; background-color:transparent; text-transform:uppercase; width:auto}
.gs-navbar a:hover {color:#FFFFFF; background-color:transparent;}
.gs-navbar a.aktuell {color:#b70906; font-weight:bold; background-color:transparent;}

/* 2 Ebene */
.gs-navbar li:hover ul a {display:block; height:auto; line-height:normal; text-transform:none; color:#FFFFFF; margin:0px 0px 0px 0px; padding:6px 10px 6px 10px; border-top:1px #FFFFFF solid; width:auto; min-width:200px; background-image:none;}
.gs-navbar li:hover ul a:hover {color:#FFFFFF; background-color:transparent;}
.gs-navbar li:hover ul a.aktuell {color:#b70906; background-color:transparent;font-weight:normal; }

/* 3 Ebene */
.gs-navbar li:hover ul li:hover a {color:#b70906; background-color:transparent;}
.gs-navbar li:hover ul li:hover ul a {display:block; height:auto; line-height:18px; text-decoration:none; color:#b70906; border-top:1px #b70906 solid; padding:6px 10px 6px 10px; width:auto; min-width:150px; background-color:transparent;}

/* 4 Ebene */
.gs-navbar li:hover ul li:hover ul a {color:#b70906; background-color:transparent;}
.gs-navbar li:hover ul li:hover ul a:hover {display:block; height:auto; line-height:18px; text-decoration:none; color:#ffffff; border-top:1px #b70906 solid; padding:6px 10px 6px 10px; width:auto; min-width:150px; background-color:#b70906;}
.gs-navbar li:hover ul li:hover ul a.aktuell {color:#ffffff; background-color:#b70906;}


.hnav{background-color: rgba(255,255,255,0.9); padding:12px 32px; font-size:110%; height:70px;}
.hnav:hover{background-color:rgba(255,255,255,1);}


/* Mobil */
#navimobil li div {display:block; padding:20px 0px; width:45px; background-color:transparent; position:absolute; top:-4px; right:0px; text-align:center; cursor:pointer;font-size: 120%;}

#navimobil li ul{position:relative;background-color:transparent; padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}

#navimobil li:hover a{color:#b70906; background-color:transparent;}
#navimobil li:hover ul {display:none;}
#navimobil li:hover ul li ul {display:none;}
#navimobil li:hover ul li:hover ul {display:none;}
#navimobil li:hover ul li:hover ul li ul {display:none;}


#navimobil a {display: block; font-size: 80%; font-weight: normal; text-decoration: none; padding: 20px 10px 20px 20px; color: #b70906; background-color: transparent; text-transform: uppercase; width: auto; border-top: 1px #b70906 solid;}
#navimobil a:hover {color:#b70906; background-color:transparent; }
#navimobil a.aktuell {color:#b70906; font-weight:normal; background-color:#e9e9e9;}

#navimobil li:hover ul a {display:block; height:auto; line-height:normal;background-color:#f3f3f3; color:#b70906; text-transform:none; margin:0px 0px 0px 0px; border-top:1px #FFFFFF solid; width:auto; background-image:none;}
#navimobil li:hover ul a:hover {color:#b70906; background-color:#E6E6E6; text-transform:none;}
#navimobil li:hover ul a.aktuell {color:#FFFFFF; background-color:#b70906;font-weight:normal; }

#navimobil li:hover ul li ul a {display:block; height:auto; line-height:normal;background-color:#f9f9f9; color:#b70906; text-transform:none; margin:0px 0px 0px 0px; border-top:1px #FFFFFF solid; width:auto; background-image:none;}
#navimobil li ul li:hover ul a {display:block; height:auto; line-height:normal;background-color:#f9f9f9; color:#b70906; text-transform:none; margin:0px 0px 0px 0px; border-top:1px #FFFFFF solid; width:auto; background-image:none;}


/* 2 Ebene */
#navimobil li ul div {display:block; padding:15px 0px; width:45px; background-color:transparent; position:absolute; right:0px; top:1px; text-align:center; cursor:pointer;}
#navimobil li ul a { overflow:hidden;/*white-space: nowrap;*/ display:block; line-height:normal;font-weight:normal; text-transform:none; color:#b70906; margin:0px 0px 0px 0px; padding-left:5%; border-top:1px #FFFFFF solid; width:auto; background-color:#f3f3f3;}
#navimobil li ul a.symb2 {border-top:1px #FFFFFF solid;}
#navimobil li ul a.aktuell {color:#FFFFFF; background-color:#b70906;}
#navimobil li ul a.aktuell_symb2 {border-top:1px #FFFFFF solid; color:#FFFFFF; background-color:#b70906;}

/* 3 Ebene */
#navimobil li ul li ul div {display:block; padding:20px 0px; width:45px; background-color:transparent; position:absolute; right:0px; top:1px; text-align:center; cursor:pointer;}
#navimobil li ul li ul a { overflow:hidden;white-space: nowrap;display:block; line-height:normal;font-weight:normal; text-transform:none; color:#b70906; margin:0px 0px 0px 0px; padding-left:8%; border-top:1px #FFFFFF solid; width:auto; background-color:#f9f9f9;}
#navimobil li ul li ul a.symb2 {border-top:1px #FFFFFF solid;}
#navimobil li ul li ul a.aktuell {color:#FFFFFF; background-color:#b70906;}
#navimobil li ul li ul a.aktuell_symb2 {border-top:1px #FFFFFF solid; color:#FFFFFF; background-color:#b70906;}


/* Auflösung */
@media only screen and (max-width: 1200px) {
.gs-navbar li {font-size:130%;}
.gs-navbar a {padding-left:6px; padding-right:6px;}
.hnav{rgba(255,255,255,0.9); padding:12px 14px; font-size:100%;}
}
@media only screen and (max-width: 1010px) {
.gs-navbar li {font-size:120%;}
.gs-navbar a {padding-left:6px; padding-right:6px;}
}
@media only screen and (max-width: 920px) {
.gs-navbar li {font-size:100%;left:0px}
.gs-navbar a {padding-left:5px; padding-right:5px;}
}
@media only screen and (max-width: 800px) {
.cbp-spmenu-vertical {width: 85%;}
.cbp-spmenu-right {right: -85%;}
.cbp-spmenu-push-toleft {left:-85%; overflow-y:hidden;}
.gs-navbar ul {-webkit-box-shadow:none; box-shadow:none;}	
.gs-navbar {float:none;}
.gs-navbar li {font-size:130%;}
.gs-navbar li ul li ul {left:0px; top:0px;}
.gs-navbar a {padding-left:10px; padding-right:10px;}
}