#navcontainer nav {
margin: 0;
z-index: 1;
float: left;
width: 100%;
position: relative; 
}

.vpg .mobilenav {display: block !important;}

#navcontainer nav ul
{
            float: left;
            margin: 0;
            padding: 0;
            list-style-type: none;
            display: flex; flex-wrap: wrap;
            width: 100%; justify-content: center;
}

#navcontainer nav ul li {
                         display: block;
                         float: left;
                         margin: 0; padding: 0;
                         position: relative;
                         z-index: 3;  width: 100%;

}


#navcontainer nav ul li a {
float: left;
display: block;
padding: 10px 50px 10px 10px;
margin: 0; position: relative; z-index: 2;
font-size: 16px;
text-align: left; color:#FF5102;
box-sizing: border-box;
width: 100%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
font-weight: 400; letter-spacing: 1px;

}
#navcontainer nav ul li a span {
    display: inline-block; padding: 0; visibility: hidden; opacity: 0;
    -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#navcontainer nav ul li a::after {
    content:""; width: 15px; height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' version='1.1' viewBox='0 0 20.2 16.299999' width='20.200001' height='16.299999' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs1'%3E%3Cstyle id='style1'%3E .st0 %7B isolation: isolate; %7D .st1 %7B fill: %23ff5100; %7D %3C/style%3E%3C/defs%3E%3Cg id='_' class='st0' transform='translate(-116.4,-115.8)'%3E%3Cg class='st0' id='g1'%3E%3Cpath class='st1' d='m 135.8,126 h -7.6 l -1.3,6.1 h -4.2 L 124,126 h -7.6 l 0.8,-4.1 h 7.6 l 1.3,-6.1 h 4.2 l -1.3,6.1 h 7.6 z' id='path1' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    display: block; float: right; position: absolute; top: 18px; right: 10px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
background-position: center center; background-repeat: no-repeat; background-size: 100% auto;
}


#navcontainer nav ul li a:link, nav ul li a:visited {
text-decoration: none;
}

#navcontainer nav ul li a:hover, nav ul li a:active {
font-style: italic;
}
#navcontainer nav ul li a.aktiv {
font-style: italic;
}

#navcontainer nav ul li a:hover span, #navcontainer nav ul li a.aktiv span {
  visibility: visible; opacity: 1;
}
#navcontainer nav ul li a:hover::after, #navcontainer nav ul li a.aktiv::after {
transform: rotate(40deg);
}


#navcontainer nav ul.unternav {
position: absolute;
top: 70px; z-index: 5;
left: 0; padding:7px 0 0;
width: 100%;
min-width: 275px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
display: block;
visibility: hidden;
}


.vpg #navcontainer nav ul.sichtbar { opacity: 1; top:50px; visibility: visible; }


#navcontainer nav ul.unternav li {width: 100%; margin: 0;}
#navcontainer nav ul.unternav li a {
padding: 10px 30px;
margin: 0;
font-size: 0.9em;
font-weight: 400;
border: none;
height: auto;
width: 100%;
text-align: left;
border-radius: 0;
text-transform: none; position: relative;
background: #a53120;
}

#navcontainer nav ul.unternav li a:link, #navcontainer nav ul.unternav li a:visited {
color: #fff; text-shadow: none;
}

#navcontainer nav ul.unternav li a:hover, #navcontainer nav ul.unternav li a:active {
background: #1B1B1B; color: #fff;
}

#navcontainer nav ul.unternav li a.aktiv2 {
color: #fff;
background:#1B1B1B;
}

#footnav ul
{
            float: left;
            margin: 0;
            padding: 0;
            list-style-type: none; width: 100%;
            display: flex; justify-content: center; align-items: center;
}

#footnav ul li {
                         display: block;
                         float: left; width: auto;
                         margin: 0; padding: 0;

}

#footnav ul li a {display: block; padding:10px 30px;
float:left; font-weight: bold; text-align: center; width: 100%;
box-sizing: border-box;
}

#footer a {
 color: #fff;
}

#footer a:hover {
    color: #eee;      }

span.qn {display: none; font-family: icons; font-size: 1.5em;
position: absolute; top: 8px; right: 10px; z-index: 4; width: 20px; height: 25px; cursor: pointer; padding: 12px; color:#000000; background: rgba(255,255,255,0.4);
}

#copyright a {
    color: #fff;
}


#footer a:hover svg, #footer a:hover svg path:not(.nbg) {
    fill: #FF5101;
}

.social  { position: absolute; right:0; top: 0;font-size: 0.9em; text-align: right; z-index: 90; margin: 0; padding: 0 3%;}
.social a {display: inline-block; margin:0 10px;  padding: 5px 0; text-decoration: none; font-weight: 400; color: #fff !important; }
.social a.fblink { font-family: 'icons'; font-size: 1.1em;  margin:5px 10px; line-height: 20px;}
.social a.instlink { font-family: 'icons'; font-size: 1.3em;margin:5px 10px; position: relative; line-height: 20px;}
.social a.tellink::before {
  display: inline-block; padding: 0 10px 0 0;
  font-family: 'icons';
  text-decoration: none;
  font-size: 1.1em;
  content: "\e804";
}
.social a.cryptmail2::before {
  display: inline-block; padding: 0 10px 0 0;
  font-family: 'icons';
  text-decoration: none;
  font-size: 1.1em;
  content: "\e90c";
}

.social a:hover {
    color: #000000 !important;
}

.socialicons {
    position: fixed; right: 0; top: 200px; float: left; width: 100%; margin: 0;  width: 43px; z-index: 100; background: #F8F7F4; padding: 5px 0 5px 5px;
    border-top-left-radius: 30px; border-bottom-left-radius: 30px;
}
.socialicons a {
    display: inline-block; margin: 1px 0;
}
.socialicons a:hover svg .bg {
    fill: #ffffff !important;
}

 #menuelink {display: none; position: absolute; top:45px; right: 5%; margin:5px; padding: 2px 5px;text-decoration: none; width: 30px; height: 30px; z-index: 101;}
 #menuelink.open {
     top: 40px;position: fixed; left: 45%;
 }
 #menuelink span { display: block; float: left; width: 40px; height: 2px; background:#ffffff; position: absolute; top: 7px; left: 0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
transform-origin: center;}


#menuelink span#mlm { top: 15px; }
#menuelink span#mlu { top: 23px; }
#menuelink.open span#mlo {-webkit-transform: rotate(45deg) translate(7px,8px); -moz-transform: rotate(45deg) translate(7px,8px); transform: rotate(45deg) translate(7px,8px); }
#menuelink.open span#mlm { display: none; }
#menuelink.open span#mlu {-webkit-transform: rotate(-45deg) translate(4px,-4px); -moz-transform: rotate(-45deg) translate(4px,-4px); transform: rotate(-45deg) translate(4px,-4px); }


a#nulink { text-decoration: none; position: absolute;
padding:15px 0; bottom: 5%; left: 50%; margin: 0 0 0 -35px;
width: 70px; height: 70px; box-sizing: border-box;
font-weight: normal; color: #fff;
z-index: 200; text-align: center; font-size: 0.9em;
opacity:0.8;-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
line-height:20px;
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
background: rgb(255, 81, 1);
}
#startbild:hover a#nulink {
bottom:3%;
}
a#nulink:hover {opacity:1; color: #fff; background: #AEA19A;}
a#nulink::after {
    content:""; width: 1px; height: 15px; background: #fff; position: absolute; left: 50%; bottom: 15px;
}

.iglink {
    font-family: icons; font-size: 2.7em; margin: 10px 0; display: inline-block;
}

.shareandprint {float: left; font-family: icons; margin: 10px 0; }
.shareandprint a {display: block; float: left; padding: 10px; margin: 0 5px; font-size: 1.4em; color: #fff !important; width:30px; height: 30px; line-height: 30px; text-align: center; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; background: #666; }
.shareandprint a:hover { background: rgb(136,221,251); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(136,221,251,1) 0%, rgba(41,137,216,1) 69%, rgba(1,119,189,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(136,221,251,1) 0%,rgba(41,137,216,1) 69%,rgba(1,119,189,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(136,221,251,1) 0%,rgba(41,137,216,1) 69%,rgba(1,119,189,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88ddfb', endColorstr='#0177bd',GradientType=0 ); /* IE6-9 */ }

@media only screen and (max-width: 1360px) {

}
@media only screen and (max-width: 1160px) {


#sprache { position: absolute;}
#unternav {float: left; width: 100%;padding: 0 0 10px;}

}
@media only screen and (max-width: 960px) {
aside#unternavigation {
    float: left; width: 92%; margin: 10px 4%;border-right:0; border-top: 1px solid #ccc;
}
 #menuelink.open {left: 35%; right: auto;}

.social {
     position: fixed; right: 0;
}
}
@media only screen and (max-width: 680px)
{


#unternav ul li a {font-size: 1.1em;}
a.totop {padding:8px 15px;}
.social a.cryptmail2 {
    display: none;
}
 #menuelink.open {left: 15%; }

#footnav ul {  display: flex; justify-content: center; }
#footnav ul li {
    width: auto;
}

a#nulink {
padding:10px 0;  margin: 0 0 0 -25px;
width: 50px; height: 50px; font-size: 0.8em;
}
a#nulink::after {height: 10px;  bottom:5px;}


}
@media only screen and (max-width: 460px) {
#menuelink {top: 40px;}
}