/* CORE STYLES */
.navigation{width:100%;height:70px;display:table;position:relative;font-family:inherit;background-color:#fdfdfd;box-shadow:0 2px 10px 0 rgba(0,0,0,0.16) /*1px 1px 5px rgba(0,0,0,.2) */}
.navigation *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.navigation-portrait{height:48px}
.navigation-fixed-wrapper{width:100%;left:0;z-index:19998;will-change:opacity}
.navigation-fixed-wrapper.fixed{position:fixed!important;-webkit-animation:fade .5s;animation:fade .5s}
@keyframes fade {from{opacity:.999}to{opacity:1}}
.navigation-fixed-wrapper .navigation{margin-right:auto;margin-left:auto}
.navigation-fixed-placeholder{width:100%;display:none}
.navigation-fixed-placeholder.navigation-fixed-placeholder.visible{display:block}
.navigation-hidden{width:0!important;height:0!important;margin:0!important;padding:0!important;position:absolute;top:-9999px}
.align-to-right{float:right}
.nav-header{float:left}
.navigation-hidden .nav-header{display:none}
.nav-brand{line-height:70px;padding:0 15px;color:#70798b;font-size:24px;text-decoration:none!important}
.nav-brand:hover,.nav-brand:focus{color:#70798b}
.navigation-portrait .nav-brand{font-size:18px;line-height:48px}
.nav-logo > img{height:35px;padding:0;margin:22px auto 20px;float:left;transition:.3s all;-moz-transition:.3s all;-webkit-transition:.3s all;-o-transition:.3s all}
.nav-logo:focus > img{outline:initial}
.navigation-portrait .nav-logo > img{height:36px;margin:6px auto 6px 15px;padding:0}
.nav-toggle{width:30px;height:30px;padding:6px 2px 0;position:absolute;top:50%;margin-top:-14px;right:15px;display:none;cursor:pointer}
.nav-toggle:before{content:"";position:absolute;width:24px;height:2px;background-color:#70798b;border-radius:10px;box-shadow:0 .5em 0 0 #70798b,0 1em 0 0 #70798b}
.navigation-portrait .nav-toggle{display:block}
.navigation-portrait .nav-menus-wrapper{width:320px;height:100%;top:0;left:-400px;position:fixed;background-color:#fff;z-index:20000;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition-duration:.8s;transition-duration:.8s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right{left:auto;right:-400px}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open{left:0}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open{left:auto;right:0}
.nav-menus-wrapper-close-button{width:30px;height:40px;margin:10px 7px;display:none;float:right;color:#70798b;font-size:26px;cursor:pointer}
.navigation-portrait .nav-menus-wrapper-close-button{display:block}
.nav-menu{margin:0;padding:0;list-style:none;line-height:normal;font-size:0}
.navigation-portrait .nav-menu{width:100%}
.nav-menu.nav-menu-centered{text-align:center}
.nav-menu.nav-menu-centered > li{float:none}
.nav-menu > li{display:inline-block;float:left;text-align:left}
.navigation-portrait .nav-menu > li{width:100%;position:relative;border-top:solid 1px #f0f0f0}
.navigation-portrait .nav-menu > li:last-child{border-bottom:solid 1px #f0f0f0}
.nav-menu + .nav-menu > li:first-child{border-top:none}
.nav-menu > li > a{height:70px;padding:35px 15px;display:inline-block;position:relative;text-decoration:none;font-size:14px;color:#666;-webkit-transition:color 0.3s,background .3s;transition:color 0.3s,background .3s}
.navigation-portrait .nav-menu > li > a{width:100%;height:auto;padding:12px 15px 12px 26px}
.nav-menu > li:hover > a,.nav-menu > li.focus > a{color:#ce6c18} /*  .nav-menu > li.active > a */
.nav-menu > li > a > i,.nav-menu > li > a > [class*="ion-"]{width:18px;height:16px;line-height:16px;-webkit-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4)}
.nav-menu > li > a > [class*="ion-"]{width:16px;display:inline-block;-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8)}
.navigation-portrait .nav-menu.nav-menu-social{width:100%;text-align:center}
.nav-menu.nav-menu-social > li{text-align:center;float:none;border:none!important}
.navigation-portrait .nav-menu.nav-menu-social > li{width:auto}
.nav-menu.nav-menu-social > li > a > [class*="ion-"]{font-size:12px}
.nav-menu.nav-menu-social > li > a > .fa{font-size:14px}
.navigation-portrait .nav-menu.nav-menu-social > li > a{padding:15px}
.submenu-indicator{margin-left:6px;margin-top:6px;float:right;-webkit-transition:all .3s;transition:all .3s}
.navigation-portrait .submenu-indicator{width:54px;height:44px;margin-top:0;position:absolute;top:0;right:0;text-align:center;z-index:20000}
.submenu-indicator-chevron{height:6px;width:6px;display:block;border-style:solid;border-width:0 1px 1px 0;border-color:transparent #70798b #70798b transparent;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border .3s;transition:border .3s}
.navigation-portrait .submenu-indicator-chevron{position:absolute;top:18px;left:24px}
.nav-menu > li:hover > a .submenu-indicator-chevron,.nav-menu > .active > a .submenu-indicator-chevron,.nav-menu > .focus > a .submenu-indicator-chevron{border-color:transparent #967ADC #967ADC transparent}
.navigation-portrait .submenu-indicator.submenu-indicator-up{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
.nav-overlay-panel{width:100%;height:100%;top:0;left:0;position:fixed;display:none;z-index:19999}
.no-scroll{touch-action:none;overflow-x:hidden}

/* NAVIGATION TEXT */
.nav-text{margin:25px 15px;display:inline-block;color:#70798b;font-size:14px}
.navigation-portrait .nav-text{width:calc(100% - 52px);margin:12px 26px 0}
.navigation-portrait .nav-text + ul{margin-top:15px}

/* NAVIGATION BUTTON */
.nav-button{margin:18px 15px 0;padding:8px 14px;display:inline-block;color:#fff;font-size:14px;text-align:center;text-decoration:none;border-radius:4px;background-color:#e49551;-webkit-transition:opacity .3s;transition:opacity .3s}
.nav-button:hover,.nav-button:focus{color:#fff;text-decoration:none;opacity:.85}
.navigation-portrait .nav-button{width:calc(100% - 52px);margin:17px 26px}

/* DROPDOWN EXTENSION */
.nav-dropdown{min-width:180px;margin:0;padding:0;display:none;position:absolute;list-style:none;z-index:98;white-space:nowrap}
.navigation-portrait .nav-dropdown{width:100%;position:static;left:0}
.nav-dropdown .nav-dropdown{left:100%}
.nav-menu > li > .nav-dropdown{border-top:solid 1px #f0f0f0}
.nav-dropdown > li{width:100%;float:left;clear:both;position:relative;text-align:left}
.nav-dropdown > li > a{width:100%;padding:16px 20px;display:inline-block;text-decoration:none;float:left;font-size:13px;color:#70798b;background-color:#fdfdfd;-webkit-transition:color 0.3s,background .3s;transition:color 0.3s,background .3s}
.nav-dropdown > li:hover > a,.nav-dropdown > li.focus > a{color:#C96C12}
.nav-dropdown.nav-dropdown-left{right:0}
.nav-dropdown > li > .nav-dropdown-left{left:auto;right:100%}
.navigation-landscape .nav-dropdown.nav-dropdown-left > li > a{text-align:right}
.navigation-portrait .nav-dropdown > li > a{padding:12px 20px 12px 30px}
.navigation-portrait .nav-dropdown > li > ul > li > a{padding-left:50px}
.navigation-portrait .nav-dropdown > li > ul > li > ul > li > a{padding-left:70px}
.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > a{padding-left:90px}
.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > ul > li > a{padding-left:110px}
.nav-dropdown .submenu-indicator{right:15px;top:16px;position:absolute}
.navigation-portrait .nav-dropdown .submenu-indicator{right:0;top:0}
.nav-dropdown .submenu-indicator .submenu-indicator-chevron{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.nav-dropdown > li:hover > a .submenu-indicator-chevron,.nav-dropdown > .focus > a .submenu-indicator-chevron{border-color:transparent #967ADC #967ADC transparent}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator{left:10px}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}

/* HORIZONTAL DROPDOWN EXTENSION */
.nav-dropdown-horizontal{width:100%;left:0;background-color:#fdfdfd;border-top:solid 1px #f0f0f0}
.nav-dropdown-horizontal .nav-dropdown-horizontal{width:100%;top:100%;left:0}
.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal{border-top:none}
.nav-dropdown-horizontal > li{width:auto;clear:none;position:static}
.navigation-portrait .nav-dropdown-horizontal > li{width:100%}
.nav-dropdown-horizontal > li > a{position:relative}
.nav-dropdown-horizontal .submenu-indicator{height:18px;top:11px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator{height:42px;top:0;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}


/* Tablets z.B. Ipad */
@media only screen and (min-width:768px) and (max-width:959px) {
a.nav-logo{text-align:center;margin:10px auto;display:table}
.nav-logo > img{float:none}
.nav-header{float:none}
.navigation-portrait .nav-logo > img{height:40px;margin:6px auto}
.navigation-fixed-placeholder.navigation-fixed-placeholder.visible{height:auto!important}
.header-banner .content-text{top:75%!important}
.nav-menu > li.active > a{color:#777}
}


/* Kleine Tablets z.B. Nexus 7 */

@media only screen and (min-width:480px) and (max-width:767px){
.navigation-fixed-placeholder.navigation-fixed-placeholder.visible{height:auto!important}
.nav-menu > li.active > a{color:#777}
}


@media only screen and (max-width:767px) {
a.nav-logo {text-align:center;margin:15px auto 10px;display:table}
.nav-logo > img {float:none}
.nav-header{float:none}
}

/* Alle Smartphones */
@media only screen and (max-width:479px){
.navigation-portrait .nav-logo > img{margin:0}
.navigation-fixed-wrapper.fixed {top:-1px !important}
.nav-menu > li.active > a{color:#777}
}