ul.flexnav{z-index:1000;position:relative;}.flexnav ol{padding:0;}.flexnav{-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;-webkit-transform-style:preserve-3d;overflow:hidden;margin:0 auto;width:100%;max-height:0;}.flexnav.opacity{opacity:0;}.flexnav.flexnav-show{max-height:2000px;opacity:1;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}.flexnav.one-page{position:fixed;top:50px;right:5%;max-width:200px;}.flexnav li{font-size:100%;}.flexnav li a{text-decoration:none !important;position:relative;display:block;z-index:2;color:#222222;white-space:nowrap;border-bottom:1px solid #d9dadc;padding:.96em;}.flexnav>li>a{text-transform:uppercase;}.flexnav li ul{background:#eee;width:100%;}.flexnav li ul li{font-size:100%;position:relative;overflow:hidden;}.flexnav li ul ol li{float:none;}.flexnav li ul.flexnav-show li{overflow:visible;}.flexnav li ul li a{display:block;padding-left:1.7em;}.flexnav ul li ul li a{}.flexnav .touch-button{position:absolute;z-index:999;top:0;right:0;width:50px;height:50px;display:inline-block;background:#acaca1;background:rgba(0,0,0,0.075) url('../../../fileadmin/templates/images/nav-arrow.png') no-repeat center;text-align:center;}.flexnav .touch-button:hover{cursor:pointer;}.flexnav .touch-button .navicon{display:none;position:relative;top:1.4em;font-size:12px;color:#666;}.menu-button{position:relative;display:block;background:#fff;color:#222222;cursor:pointer;border-top:1px solid #d9dadc;border-bottom:1px solid #d9dadc;height:60px;line-height:57px;padding:0 5%;}.topline .menu-button{width:30%;text-align:center;height:100%;border:none;border-left:1px solid #d9dadc;}.menu-button .touch-button{display:none;}.flexnav li ul li a:hover,.flexnav li ul li a.current{color:#4676be;font-weight:700;}.flexnav>li:hover>a,.flexnav>li>a.current{background:#d9dadc;}@media all and (min-width:900px){ul.flexnav{z-index:1000;position:absolute;top:20px;}.flexnav .touch-button,.menu-button{display:none;}.flexnav{overflow:visible;}.flexnav.opacity{opacity:1;}.flexnav.one-page{top:0;right:auto;max-width:1080px;}.flexnav li{list-style:none;float:left;display:block;overflow:visible;}.flexnav li a{background:none;border-bottom:none;}.flexnav>li>a{height:60px;line-height:64px;padding:0 17px;}.flexnav>li:first-of-type > a{background:url('../../../fileadmin/templates/images/home-icon.png') no-repeat center;font-size:11px;color:transparent;}.flexnav>li:first-of-type:hover > a{background:#d9dadc url('../../../fileadmin/templates/images/home-icon-act.png') no-repeat center;}.flexnav li > ul{position:absolute;top:auto;left:0;display:none;background:#d9dadc;}.flexnav > li > ul{position:absolute;top:60px;left:-1px;display:none;max-width:1200px;width:100%;min-height:300px !important;padding:40px 45px 50px!important;background:#d9dadc;}.flexnav li > ul li{position:relative;width:100%;}.flexnav li ul li > ul{margin-left:100%;top:0;}.flexnav li ul li a{border-bottom:none;padding:6px 5px;}.flexnav li ul.open{display:block;opacity:1;visibility:visible;z-index:1;}.flexnav li ul.open li{overflow:visible;}.flexnav li ul.open ul.open{margin-left:100%;top:0;}#mainNavi{border-top:1px solid #d9dadc;border-left:1px solid #d9dadc;height:60px;}.flexnav li.naviBox{float:left;width:25%;}.flexnav li.hightlightbox{float:right;width:50%;}.flexnav>li>a{padding:0 11px;font-size:14px;}}@media all and (max-width:899px){.flexnav{background:#fff;}.flexnav li{position:relative;}#mainNavi nav{position:absolute;width:100%;top:80px;left:0;}.flexnav li a{height:51px;line-height:51px;padding:0 .96em;}.flexnav li.hightlightbox{display:none !important;}}@media all and (max-width:480px){#mainNavi nav{top:0px;}}@media all and (min-width:900px) and (max-width:1200px){#mainNavi{border-left:none;}.flexnav > li > ul{padding:40px 25px 50px!important;}.flexnav li ul li a{padding:6px 5px 6px 0;}}@media all and (min-width:900px) and (max-width:1180px){.flexnav>li>a{padding:0 10px;font-size:13px;}.flexnav > li > ul{padding:30px 20px 30px!important;}.flexnav li.naviBox{width:30%;}.flexnav li.hightlightbox{width:40%;}}@media all and (min-width:900px) and (max-width:1090px){.flexnav>li>a{padding:0 7px;font-size:12px;}.flexnav li.naviBox{width:35%;}.flexnav li.hightlightbox{width:30%;}}@media all and (min-width:900px) and (max-width:970px){.flexnav>li>a{padding:0 7px;font-size:11px;}}