/* ##################################### Navigation ################################### */
.navigation {float:left;width:100%;height:auto;}
.menu-collapser{position:relative;width:100%;height:48px;padding:0 8px;font-size:16px;line-height:38px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background-color:#b0b0bd;}
.menu-collapser a {text-decoration:none;color:#313131;font-size:24px;margin-left:12px;color:#313131;}
.menu-collapser a .material-icons {display: inline-flex; vertical-align: middle;margin-right:9px;color: #313131;font-size:24px;color:#313131;}
.collapse-button{position:absolute;left:50%;top:50%;width:40px;margin-left:-14px;padding:7px 10px;font-size:14px;text-align:center;border-radius:2px;cursor:pointer;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;opacity:0.8;margin-top:-3px;}
.collapse-button:hover,.collapse-button:focus{}
.collapse-button .icon-bar {display:block;height:2px;width:28px;margin:4px 0;border-radius:1px;margin-left:-12px;background-color:#fff} /* Farbe & Größe icon-bar mobil*/
.navigation .material-icons {color:#313131!important}
ul.slimmenu{display:block;width:100%;height:auto;margin:0;padding:0;list-style-type:none;background-color:#b0b0bd;}
ul.slimmenu:before,ul.slimmenu:after{content:'';display:table}
ul.slimmenu:after{clear:both}
ul.slimmenu.collapsed li{display:block;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
ul.slimmenu.collapsed li>ul{position:static;}
ul.slimmenu.collapsed li a{display:block;box-sizing:border-box;font-weight:300;}
ul.slimmenu.collapsed li .sub-toggle{height:40px;}
ul.slimmenu li{ position:relative; float:left; margin:0; padding:0;background-image: url(../images/standard/bg_body.gif); }
ul.slimmenu li ul li{padding-left:0;background-color:none;}
ul.slimmenu li ul li:last-child {border-bottom:none;}
ul.slimmenu li.no-radius-hover {transition: 2.2s;}
ul.slimmenu li.no-radius-hover:hover {transition: 0.0s;}
ul.slimmenu li ul{margin:0;list-style-type:none}
ul.slimmenu li ul li{display:block;width:100%;}
ul.slimmenu li>ul{position:absolute;left:0;top:100%;z-index:999;width:100%}
ul.slimmenu li>ul>li ul{position:absolute;left:100%;top:0;z-index:999;width:100%}
ul.slimmenu li a{float:left;width:100%;box-sizing:border-box;font-weight:300;font-size:21px;background-image: url(../images/standard/bg_men_spot.gif); background-repeat: no-repeat; background-position: left center;}
ul.slimmenu li ul li a {background-size:30px auto;padding-left:30px;}
ul.slimmenu li a:hover{text-decoration:none;background-image: url(../images/standard/men-over.gif);}
 ul.slimmenu li ul {width:100%;box-sizing:border-box;margin:0;padding:0;width:100%;height:auto;overflow:hidden;}
ul.slimmenu li ul li {margin-bottom:0px;}
ul.slimmenu li a:hover{}
ul.slimmenu li .sub-toggle{background:none repeat scroll 0 0 rgba(0,0,0,0.0);/*bg pfeil*/position:absolute;right:0;top:0;z-index:999;width:48px;height:100%;text-align:center;cursor:pointer;font-family:Arial, Helvetica, sans-serif;}
ul.slimmenu li .sub-toggle:before{content:'';display:inline-block;height:100%;margin-right:-0.25em;vertical-align:middle}
ul.slimmenu li .sub-toggle>i{display:inline-block;vertical-align:middle;color:#cca91e!important}
ul.slimmenu li{box-sizing:border-box;}
ul.slimmenu li:last-child {}
ul.slimmenu ul li {border-right:none;}
ul.slimmenu ul li:first-child {}
ul.slimmenu li:first-child,ul.slimmenu>li.has-submenu+li{}
ul.slimmenu li a { text-decoration:none; float:left; width:100%; text-align:center;}
/* Farbe Schrift, collapser und Rahmen */
.menu-collapser,.collapse-button, ul.slimmenu li a,ul.slimmenu li .sub-toggle>i,.collapse-button:hover,.collapse-button:focus {color:#313131;}
ul.slimmenu li .sub-toggle>i {font-size:12px;margin-top:-9px;}
ul.slimmenu li {}
ul.slimmenu ul li {border-right:none;border-bottom:solid 1px #ccc;}
ul.slimmenu li ul  {margin-left:12px;}
ul.slimmenu li ul li:hover  {}
@media only screen and (min-width: 1025px) {
.mob_only {display:none;}
.navigation, ul.slimmenu, ul.slimmenu li, ul.slimmenu li a {box-sizing:border-box;}
.navigation {width:100%;padding:0;margin-left:0;margin-right:0;}
ul.slimmenu li .sub-toggle>i{display:none;}
ul.slimmenu li.toplink {/*display:none;*/}
ul.slimmenu {width:100%;height:auto;margin:auto;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;} 
ul.slimmenu li{float:none;flex-grow:1; margin-top:0; margin-bottom:0; box-sizing:border-box; transition: 0.6s; width:auto;}
ul.slimmenu li a {float:left;width:100%;padding:12px;padding-bottom:9px;padding-top:9px;transition: 0.6s; font-size:1.05em; font-weight:300; color:#fff;}
ul.slimmenu li:hover {background-color:#94949f!important;}
ul.slimmenu li ul {margin-top:1px;}
ul.slimmenu li ul li a {font-weight:300;text-transform: inherit;letter-spacing:inherit;}
ul.slimmenu li a:hover {transition: 0.6s;}
ul.slimmenu li a:hover {}
ul.slimmenu li.mob {display:none;}
ul.slimmenu li.li-01 ul li{padding-left:20px;margin-left:0;text-align:left;}
ul.slimmenu li.li-02 ul li, ul.slimmenu li.li-03 ul li, ul.slimmenu li.li-04 ul li, ul.slimmenu li.li-05 ul li {padding-left:0px;margin-left:0;text-align:left;}
ul.slimmenu li ul li {margin:0;}

}
/*
@media only screen and (max-width: 1280px) {
ul.slimmenu li a{font-size:0.925em;}
ul.slimmenu li .sub-toggle{width:28px;}
ul.slimmenu li .sub-toggle>i{font-size:14px;margin-right:-3px;}
}
@media only screen and (max-width: 1380px) {
.navigation {float:left;width:100%;}	
}
*/
@media only screen and (max-width: 1025px) {
.collapse-button span {}
ul.slimmenu {width:100%;height:auto;margin:auto;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;} 
ul.slimmenu ul {}
ul.slimmenu li {float:left;width:100%;border-bottom:dashed 1px rgba(255,255,255,0.8);}
ul.slimmenu li:first-child {border-top:dashed 2px rgba(255,255,255,0.8);}
ul.slimmenu li .sub-toggle{display:inherit;width:48px;}
ul.slimmenu li a {float:left;width:100%;padding:12px;color:#fff;line-height:150%;}
a.men-tel .material-icons {color:#fff!important}
ul.slimmenu.collapsed li .sub-toggle{height:40px;margin-top:10px;}
}


