/***************************************** festo styles *****/
/************ Copyright (c) 2014-2016 Festo AG & Co. KG *****/
/************************************************************/
/**************************** nav_style (all browsers)  *****/
/************************************************************/
/****************************** last updated 2016-10-12 *****/
/* ============================================================================================= */
/* ============================================================================================= */
/*! FESTO */
/*! Author: Jonas Hellwig, kulturbanause.de */
/* Version: 1.0.1 */
/* Last Update: 2015-06-30 */
/* Last Update: 2015-09-17 */
/* ============================================================================================= */
/* last modified at 2015/09/30 by NGL reason initiate */
/* ============================================================================================= */
html, body {
    margin:0;
    padding:0;
}
* {
    box-sizing:border-box;
}
.site-top {
    height: 52px;
}
.top-nav a:after {
    color:#0095cb;
}
/* neu */
.visible {
    display:block !important;
}
.overlay {
    display:none;
    position: fixed;
    top:0;
    bottom:0;
    right:0;
    left: 0;
    width: 100%;
    height:100%;
    z-index:100;
    background:transparent;
}
.close-navigator {
    display: none;
    position:absolute; 
    top:10px; 
    right:10px; 
    border:1px solid #0091dc;
    background-color: white;
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
    color:white; 
    height:28px;
    width:28px;
    border-radius: 3px;
}
@media screen and (min-width:820px) {
    .close-navigator {
        top: 55px;
        right: 5px;
        z-index:2;
    }
}
.close-navigator {
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22icon-close%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%22145%20150%2022%2022%22%20enable-background%3D%22new%20145%20150%2022%2022%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23009EE2%22%20d%3D%22M165.6%2C168.1l-7.1-7.1l7.1-7.1c0%2C0%2C0.1%2C0%2C0.1-0.1c0.4-0.4%2C0.4-0.9%2C0-1.3l-1.3-1.3c-0.2-0.2-0.4-0.3-0.6-0.3%0D%0A%09s-0.5%2C0.1-0.6%2C0.3l-7.2%2C7.2l-7.2-7.2c-0.4-0.4-0.9-0.4-1.3%2C0l-1.3%2C1.3c-0.4%2C0.4-0.4%2C0.9%2C0%2C1.3c0%2C0%2C0%2C0%2C0.1%2C0.1l7.1%2C7.1l-7.1%2C7.1%0D%0A%09c0%2C0-0.1%2C0-0.1%2C0.1c-0.4%2C0.4-0.4%2C0.9%2C0%2C1.3l1.3%2C1.3c0.2%2C0.2%2C0.4%2C0.3%2C0.6%2C0.3s0.5-0.1%2C0.6-0.3l7.2-7.2l7.2%2C7.2%0D%0A%09c0.2%2C0.2%2C0.4%2C0.3%2C0.6%2C0.3c0.3%2C0%2C0.5-0.1%2C0.6-0.3l1.3-1.3C166.1%2C169.1%2C166.1%2C168.5%2C165.6%2C168.1C165.7%2C168.2%2C165.6%2C168.1%2C165.6%2C168.1z%0D%0A%09%22/%3E%0D%0A%3C/svg%3E%0D%0A');
    }
    .no-svg .close-navigator {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABNUlEQVQ4T7WVXRLBMBSFT3g2ePfTJbAC7ERrA7ZiARg7sANdAktgvDOMRyJNWlH56c0DD4ZM8vXknnNvGf70YZK7vrTAbzvxKwKrTxB39kHPW58H4M8dONti1ouzswq8OqXie6Rg/BoEL6BgLXWeLZB05wq8PAoYa2qVRLgBzXTxI2b9KC+FuMrrmQbBrVAcUGuMEbevCizrHACvgOoah8AJUBNcpVx6K9z/GJX919fXHhWp+F7xwZXruftuqF2xtyxfChxKix3avF/VTuV+pXTwb03lyeqcuxXb3C/dyg+3g12RAhezhNahJtiXUzwiaoeWwZTwEzu03NLE8FPaXw8hKpTY/vaxWRH+TzjsZdkj6Q/NQU+FupVvkPSm+tX0uqdybz5PbY3oXNPKtxnUPyuCyObmN4zY/BcJ3eFsAAAAAElFTkSuQmCC');
    }
.no-touch .close-navigator {
    display:none !important;
}
/* Hide elements by default */
.navigator-tooltip {
    display:none;
}
/* navigator */
.navigator {
    max-width: 820px;
    padding:3px 1em 1em 11px;
    position: relative;
    font-family: Arial;
    font-size:1.1em;
    z-index:999;
    font-family: 'Meta Offc W02 Normal', Arial, sans-serif;
}
.navigator a {
    text-decoration: none;
    color:#878786;
    padding:1em 0.8em;
    display: block;
}
.navigator-tooltip a:after {
    display:none;
}
.navigator-tabs a {
    border-top:1px solid transparent;
    border-right:1px solid transparent;
    border-left:1px solid transparent;
    font-size: .7em;
}
.navigator-tabs .open {
    color:#0091dc !important;
    background:white;
    border-right: 1px solid #ced0d0;
    border-left: 1px solid #ced0d0;
    border-top: 1px solid #ced0d0;
    z-index:1000;
}
.navigator-tabs .open:before {
  content: ' ';
  position: absolute;
  bottom: -10px;
  left: 0;
  background-color: white;
  display: block;
  width: 100%;
  height: 20px;
}
.nav-sec {
    float:left;
}
.nav-sec > a {
    position: relative;
    left:-1em;
}
.navigator > ul {
    width: auto;
} 
.navigator ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-left: 1px solid transparent;
}
.title {
    padding:1em;
    min-height: 52px;
    font-weight: normal;
    clear: both;
    font-size: .9em;
    font-family: 'MetaCompPro-Bold W02 Regular';
}
.title > span {
    display:inline-block;
    float:left;
}
.title span > span {
    display:none;
}
.title .link-festo-group {
    color:#2d3333;
    font-size: 1em;
    padding:0;
    display: inline-block;
    float:right;
    text-align: right;
}
.navigator-content {
    background:#e8edf1;
}
/* tooltip */
.navigator-tooltip {
    border:1px solid #ced0d0;
    width: 100%;
    position: absolute;
    left:0;
    top: 50px;
    background:white;
    padding-top:.5em;
    box-shadow: 0 3px 2px rgba(0,0,0,0.2);
}
.region-list {
  background: white;
  display: block;
  float: left;
  padding-bottom: 1em !important;
  width: 100%;
}
.region-list > li {
        width: 50%;
        float:left;
        font-size: 1.1em;
    }
.region-list a {
    padding:.5em;
    border: 2px solid #d6dce0;
}
.region a.open {
  background: #d6dce0;
}
li.region > a {
  margin: 1em 1em 0 1em;
  text-align: center;
}
.navigator .country-list,
.navigator .language-list {
  padding: 1em 0 2.5em 0;
  float: left;
  width: 100%;
  background:white;
}
.country-list > li,
.language-list > li {
    width: 100%;
    padding:0 1em;
    font-size: 1.1em;
}
.country-list a,
.language-list a {
    padding:.5em 0;
    color:#878786;
    border-bottom: 1px solid #ddddde;
}
@media screen and (min-width: 500px) {
    .country-list > li,
    .language-list > li {
        width: 50%;
        float:left;
    }
    .region-list > li {
        width: 33.333%;
        float:left;
    }
    .title span > span {
        display:inline-block;
    }
}
@media screen and (min-width: 700px) {
    .country-list > li,
    .language-list > li {
        width: 33.333%;
        float:left;
    }
}
@media screen and (min-width: 800px) {
    .region-list a {
        border: none;
    }
    .region a.open {
        background-color: white;
    }
    .region-list > li {
        width: 20%;
        float:left;
    }
    li.region > a:before {
        content:'';
        position: relative;
        margin-bottom: 1em;
        width:100%;
        height:120px;
        display: block;
        background-position: center center;
        background-repeat:  no-repeat;
        background-size: contain;
    }
    li.region > a.open {
        color:#0095cc;
    }    /* Europe */
    li.region-europe > a:before {
        background-image:url('/stc/fw/layout/europe.svg');
    }
    li.region-europe:hover > a:before,
    li.region-europe > a.open:before {
        background-image:url('/stc/fw/layout/europe-hover.svg');
    }
    .no-svg li.region-europe > a:before {
        background-image:url('/stc/fw/layout/europe.png');
    }
    /* Africa */
    li.region-africa > a:before {
        background-image:url('/stc/fw/layout/africa.svg');
    }
    li.region-africa:hover > a:before,
    li.region-africa > a.open:before {
        background-image:url('/stc/fw/layout/africa-hover.svg');
    }
    .no-svg li.region-africa > a:before {
        background-image:url('/stc/fw/layout/africa.png');
    }
    /* America */
    li.region-america > a:before {
        background-image:url('/stc/fw/layout/america.svg');
    }
    li.region-america:hover > a:before,
    li.region-america > a.open:before {
        background-image:url('/stc/fw/layout/america-hover.svg');
    }
    .no-svg li.region-america > a:before {
        background-image:url('/stc/fw/layout/america.png');
    }
    /* Asia */
    li.region-asia > a:before {
        background-image:url('/stc/fw/layout/asia.svg');
    }
    li.region-asia:hover > a:before,
    li.region-asia > a.open:before {
        background-image:url('/stc/fw/layout/asia-hover.svg');
    }
    .no-svg li.region-asia > a:before {
        background-image:url('/stc/fw/layout/asia.png');
    }
    /* Australasia */
    li.region-australasia > a:before {
        background-image:url('/stc/fw/layout/australasia.svg');
    }
    li.region-australasia:hover > a:before,
    li.region-australasia > a.open:before {
        background-image:url('/stc/fw/layout/australasia-hover.svg');
    }
    .no-svg li.region-australasia > a:before {
        background-image:url('/stc/fw/layout/australasia.png');
    }
 @media screen and (min-width: 850px) {
    .logo {
        right:0;
    }
    .navigator-tooltip {
        top:50px;
    }
}