@charset "utf-8";
/* CSS Document */
.navigationmobile { display: none; }
 /* Pulldown  Standorte*/ 
#locationwanninger { width: 20%; min-width: 250px; height: 50px; float: left; text-align:left; padding-top: 20px; margin-left: 1%; position: relative; overflow: visible; }
#locationwanninger li { list-style: none; }
#locationwanninger .fa { display:inline; float: right; padding-top: 15px; }
#locationwanninger:hover >.fa { color: #e2000a; }
#locationwanninger button { display: block; width: 100%; float: left; position: absolute; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; border-bottom: 1px solid #CCC; padding: 2%; text-align: left; height: 45px; background-color: transparent; font-size: 16px; }
#locationwanninger button.tooclose { display: none; }
#locationwanninger button.toopen { display: block; }
#locationwanninger li.fa-chevron-up { display: none; }
#locationwanninger li.fa-chevron-down { display: block; }
#locationwanninger > section > div.full { display:none; width: 100%; min-width: 240px; float: left; clear: left; margin-top: 15px; background-color: #FFF; border-bottom: 1px solid #CCC; border-top: 0px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
#locationwanninger > section > div.full > ul { padding: 3%; margin: 3% 0% 3% 0%; }
.open > section > div.full { display:block!important; }
.open  .tooclose { display: block!important; }
.open  .toopen { display: none!important; }
.open li.fa-chevron-up { display: block!important; }
.open li.fa-chevron-down { display: none!important; }
.open { opacity: 1; }

@media only screen and (min-width:1025px){
/* Startnavigation go left */
div#mainavdrilldown.goleft { left: 0px; top: 120px; -webkit-transition:all 500ms ease-in; -moz-transition:all 500ms ease-in; -moz-transition:all 500ms ease-in; transition:all 500ms ease-in; }
div#mainavdrilldown.shownavigation {  }
div#mainavdrilldown.shownavigation > div#nav > div#navgationdrilldown { display: block!important; }
div#mainavdrilldown.shownavigation.goleft > div#nav > div#navgationdrilldown { display: none; }
div#mainavdrilldown.shownavigation > div#nav > button#show { display: none!important; }
div#mainavdrilldown > div#nav > div#navgationdrilldown { display: block; }
div#mainavdrilldown.goleft > div#nav > div#navgationdrilldown { display: none; }
div#mainavdrilldown.goleft > div#nav > button#show { display: block; background-image: url("/resources/css/images/bars.svg"); background-size: 30px auto; background-repeat: no-repeat; background-position:  10px 10px; padding-left: 55px; margin: 10px; }
div#mainavdrilldown.goleft > div#nav button { display: inline-block; min-height: 50px; background: transparent; padding: 10px; margin: 15px; outline: none; border: none; border-radius: 0px; cursor: pointer; color: #fefefe; }
div#mainavdrilldown.goleft > div#nav > div#navgationdrilldown > button.toclose { display: block; padding: 2px; margin: 0px; width: 40px; height: 40px; min-height: 35px; font-size: 25px; min-height: 40px; float: right; font-weight: bold; }

/* Navigation */
#mainnavigation { width: 20%; min-width: 250px; height:auto; position:fixed; top: 200px; left: 2%; z-index: 999; text-align: left; }
.navigationfull { display:block; width: 100%; height:auto; float:left; clear: left; padding: 5px; margin: 0px; background:#FFF; margin-bottom: 20px; text-transform: uppercase; }
.navigationfull ul { width: 100%; float:left; clear: left; margin: 0px; padding-left: 0px; } 
.navigationfull ul li { width: 100%; float:left; clear:left; list-style: none; padding-left: 15px; } 
.navigationfull ul li a { display:block; width: 100%; height: 100%; padding-top: 3px; padding-bottom: 3px; margin-top: 3px; margin-bottom: 3px; font-size: 16px; line-height: 21px; color:#666; border-bottom: 1px; border-bottom-color:#FFF; border-bottom-style: solid; }
.navigationfull ul li a:hover { color:#000; border-bottom-color:#CCC;  }
.navigationfull ul li .rex-current { color:#000; border-bottom-color: #000; }
.navigationfull ul li .rex-active { color:#000; border-bottom-color: #e2000a; }
.navigationfull .rex-navi2 a { font-size: 14px; line-height: 21px!important; } 
.navigationfull .rex-navi3 a { font-size: 12px; line-height: 17px!important; }
.navigationfull > ul.rex-navi1 > li.rex-current > ul.rex-navi2 { display: block!important; border-left: 1px solid #373d40; }
.navigationfull > ul.rex-navi1 > li.rex-normal > ul.rex-navi2 { display: none;  }
.navigationfull > ul.rex-navi1 > li.rex-active > ul.rex-navi2 { display: block!important; border-left: 1px solid #e2000a; }
/* Contentnavigation */
.isclose { position: relative; }
#contentnavigation { display: block; width: 100%; padding: 1%; float:left; text-align: left; }
#contentnavigation > .navigationfull { padding: 0px; } 
#contentnavigation > .navigationfull ul li { width: 100%; float:left; clear:left; list-style: none; padding-left: 0px; }
#contentnavigation > .navigationfull ul li a { padding-left: 15px; margin-top: 0px; margin-bottom: 0px; border-bottom: 0px; border-left: 5px solid #FFF; line-height: 33px;}  
#contentnavigation > .navigationfull ul li a:hover { border-left-color: #373d40; } 
#contentnavigation > .navigationfull > ul li a.rex-current { border-left-color: #e2000a; }
#contentnavigation > .navigationfull > ul li a.rex-active {  border-left-color: #373d40; }
#contentnavigation > .rootnavigation { border-top: 1px solid #CCC; }

/* Subnavigation */
.rootnavigation { display:block; width: 100%; height:auto; float:left; clear: left; padding: 10px 5px 5px 5px; margin: 0px; background:#FFF; margin-bottom: 20px; text-transform: uppercase;  }
.rootnavigation .col-md-4 { width: 100%; float:left; clear: left; margin: 0px; padding-left: 0px; } 
.rootnavigation ul { width: 100%; float:left; clear: left; margin: 0px; padding-left: 0px; } 
.rootnavigation ul li { width: 100%; float:left; clear:left; list-style: none; padding-left: 15px; }
.rootnavigation > .col-md-4 > ul > li > a { display:block; width: 100%; color:#333!important; }
.rootnavigation > .col-md-4 > ul > li > a:hover { color:#e2000a!important; }
}

@media only screen and (max-width:1024px){
/* Pulldown  Standorte*/ 
#locationwanninger { min-width: 240px; }
.navigationmobile { display: block; }
#contentnavigation, #mainnavigation, #mainnavigation .animation { position: fixed!important; top: 0%!important; left: 0%; padding: 10px; z-index: 100000!important; opacity: 1!important; text-align: left; }
.navigationmobile button { width: 100%; font-size: 22px; line-height: 24px; text-align: left; color: #FFF; letter-spacing: 1%; border: 0px; background-color: transparent; border-radius: 0px; }
.navigationmobile p { display:inline; float: right; color: #FFF; margin: 0px; line-height: 24px; text-transform: uppercase; }
.isclose { display: block; height: 95px; width: 100px; min-height: 95px; padding-top: 35px!important; overflow: hidden; }
.isclose > .navigationmobile > button.tooclose { display: none; }
.navigationopen > .navigationmobile > button.tooclose { display: block; font-size: 40px; text-align: right; line-height: normal; margin-bottom: 1%; }
.isclose > .navigationmobile > button.toopen { display: block; }
.navigationopen > .navigationmobile > button.toopen { display: none; }
.isclose > .navigationfull { display: none; }
.isclose > .rootnavigation { display: none; }
.navigationopen > .navigationfull { display: block; }
.navigationopen > .rootnavigation { display: block; }
.navigationopen { height: 100%; min-width: 35%; background-color: #FFF; overflow-y: scroll; animation-duration: 1s; animation-name: slidein; }
.navigationopen > .navigationfull > ul { display: block; width: 100%; float: left; clear: left; margin-top: 2%; padding-top: 2%; border-top: 1px solid #CCC; }
.navigationopen > .navigationfull > ul > li { display: block; width: 100%; float: left; clear: left; margin: 5px 0px 5px 0px; list-style: none; }
.navigationopen > .navigationfull > ul > li > a { font-size: 18px; line-height: 24px; }
.navigationopen > .rootnavigation > .col-md-4 { width: 100%; float: left; clear: left; margin: 0px; padding: 0px; }
.navigationopen > .rootnavigation > .col-md-4 > ul { display: block; width: 100%; float: left; clear: left; margin-top: 2%; padding-top: 2%; border-top: 1px solid #CCC; }
.navigationopen > .rootnavigation > .col-md-4 > ul > li { display: block; width: 100%; float: left; clear: left; margin: 5px 0px 5px 0px; list-style: none; }
.navigationopen > .rootnavigation > .col-md-4 > ul > li > a { font-size: 16px; line-height: 20px; color: #666; }
}
@media only screen and (max-width:800px){
.header > .logo { width: 80%; margin-right: 0%; }
.header > .logo > a { padding-top: 55px; }
#locationwanninger { background-image: url("/resources/css/images/wanninger.svg"); background-repeat: no-repeat; background-size: 50px; background-position: left 32px;  min-width: 50px; width: 70px; height: 70px; }    
#locationwanninger p { display: none; }
#locationwanninger button { border: none; }
#locationwanninger > section > div.full { border: 1px solid #CCC; }
}
@media only screen and (max-width: 550px){
.header { min-height: 60px; padding-left: 60px; }
.header > .logo { width: 65%; margin-right: 0%; position: absolute; right: 3%; }
.header > .logo > a { width: 100%; padding-top: 30px; min-width: 100px; }
#locationwanninger { width: 15%; padding: 0px 5px 0px 0px!important; background-position: left 5px; background-size: 90%; height: 45px; border-right: 1px solid #CCC; }
#locationwanninger .fa { position: absolute; bottom: 2px; left: 35%; }
#locationwanninger > section > div.full { margin-top:  50px; }
.navigationopen { min-width: 80%; }
.isclose { height: 55px; min-height: 55px; padding: 10px!important; width: 55px; }
.navigationmobile button { font-size: 35px; line-height: 35px; }
.navigationmobile p { display: none; }
}
@media only screen and (max-width: 330px){
#locationwanninger { width: 10%; background-position: left 5px; background-size: 75%; min-width: 25px; }
#locationwanninger .fa { left: 15%; }
}