/* fonts */
@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,800';

/* general */
html, body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
body{
    background: #fff;
    color: #565655;
    font: normal 62.5%/normal 'Source Sans Pro', sans-serif;
    min-width: 300px;
}
/* page mmenu */
.page{
    background-color: #fff;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
/* END page mmenu */
h1, h2, h3, h4, h5, h6{
    position: relative;
    display: block;
    line-height: normal;
    text-align: center;
}
h1, h2, .special_box_title{
    font-size: 8em;
    font-weight: 300;
    color: #565655;
    text-transform: uppercase;
    line-height: 1em;
    margin: 20px auto;
}
h1 b, h1 strong, h2 b, h2 strong{
    font-weight: 800;
}
h3{
}
h4{
}
h5{
}
h6{
}
p, .ce-bodytext, .highlight_box_text, .special_box_description, .accordion_header, .accordion_content, .milestone_text{
    font-size: 2.2em;
    line-height: 1.73em;
    text-align: center;
    color: #565655;
}
hr{
}
.center{
    position: relative;
    display: block;
    margin: 0 auto;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1150px;
}
.clearfix::before, .clearfix::after{
    content: " ";
    display: table;
}
.clearfix::after{
    clear: both;
}
iframe{
    border:0;
}

/* cookie banner */
.cc_container{
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
    color: #fff!important;
    background-color: #c4d400!important;
    text-transform: uppercase;
    border-radius:0!important;
    font-weight: 700!important;
    text-decoration: none!important;
}
.cc_container .cc_btn:hover, .cc_container .cc_btn:active {
    background-color: rgba(196, 212, 0, 0.8) !important;
}
.cc_container a{
    color: #c4d400!important;
    text-decoration: underline!important;
}
/* END cookie banner */

/* transition duration */
.transition, nav.nav_main > ul > li > ul, .mmenu_button, .slideshow_pager #slideshow_prev, .slideshow_pager #slideshow_next, #customer_overview_slideshow_prev, #customer_overview_slideshow_next, .pricetable table tbody tr td a, nav.header_meta_nav ul li a, .room_buttons a, .hoko_login_button a, nav.nav_main > ul > li > a, nav.nav_main > ul > li > a::before, #slideshow_prev, #slideshow_next, .scroll_down::after, .navigation_button span, .navigation_button span::before, .navigation_button span::after, nav.nav_main, .accordion_header, .accordion_arrow, .hoko_login_button a, form .form_box input[type="submit"], form .form_box button, .customer, .scroll_up{
    -webkit-transition-duration:0.4s;
    -moz-transition-duration:0.4s;
    transition-duration:0.4s;
}
.sprite, .hoko_login_button a, nav.nav_main > ul > li > a::before, #slideshow_prev, #slideshow_next, .scroll_down::after, .header_img, .accordion_arrow, #customer_overview_slideshow_prev, #customer_overview_slideshow_next{
    background-size: 1250px 1504px!important;
}
/* END transition duration */
/* END general */

/* navigation */
.navigation_wrapper{
    position: fixed;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
    z-index: 1100;
    background-color: #fff;
}
.navigation{
    position: relative;
    display: table;
    width: 100%;
    margin: 0 auto;
    max-width: 1850px;
    box-sizing: border-box;
    padding: 30px 20px 16px;
    table-layout: fixed;
}
.navigation .navigation_box{
    position: relative;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
.navigation .navigation_box.navigation_box_left{
    width: 360px;
}

/* logo */
.logo{
    position: relative;
    display: block;
}
.logo a, .logo img{
    position: relative;
    display: block;
}
.logo a{
    padding: 10px 0;
}
.logo img{
    width: 100%;
    height: auto;
}
/* END logo */

.navigation_box_inner_wrapper{
    position: relative;
    display: table;
    max-width: 100%;
    box-sizing: border-box;
    width: auto;
    padding-left: 20px;
    float: right;
}
.nav_main_wrapper, .hoko_login_button_wrapper{
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

/* navigation button */
.navigation_button{
    position: relative;
    display: none;
    width: 60px;
    height: 60px;
    overflow: hidden;
    cursor: pointer;
}
.navigation_button span{
    position: absolute;
    display: block;
    width: 50px;
    height: 3px;
    background-color: #565655;
    left: 5px;
    top:50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-indent: -900em;
}
.navigation_button span::before, .navigation_button span::after{
    content: '';
    position: absolute;
    display: block;
    width: 50px;
    height: 3px;
    background-color: #565655;
}
.navigation_button span::before{
    bottom: 10px;
}
.navigation_button span::after{
    top: 10px;
}
.navigation_wrapper.active .navigation_button span{
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.navigation_wrapper.active .navigation_button span::before{
    bottom: 0;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
.navigation_wrapper.active .navigation_button span::after{
    opacity: 0;
    visibility: hidden;
}
/* END navigation button */

/* nav main */
.nav_main_wrapper{
}
nav.nav_main{
    position: relative;
    display: block;
}
nav.nav_main > ul{
    position: relative;
    display: table;
    padding: 0;
    margin: 0;
    width: 100%;
}
nav.nav_main > ul > li{
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin: 0;
    font-size: 2.2em;
    font-weight: 700;
    color: #565655;
    text-transform: uppercase;
    padding: 10px 27px;
}
nav.nav_main > ul > li > a{
    position: relative;
    display: block;
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    text-transform: inherit;
}
nav.nav_main > ul > li > a::before{
    content: '';
    position: relative;
    display: block;
    margin: 0 auto 12px;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    background-color: transparent!important;
}
nav.nav_main > ul > li > a.nav_main_advantages::before{
    background: url("../Images/sprite.png") -30px -582px no-repeat;
}
nav.nav_main > ul > li > a.nav_main_functions::before{
    background: url("../Images/sprite.png") -85px -583px no-repeat;
}
nav.nav_main > ul > li > a.nav_main_video::before{
    background: url("../Images/sprite.png") -141px -584px no-repeat;
}
nav.nav_main > ul > li > a.nav_main_customer::before{
    background: url("../Images/sprite.png") -202px -584px no-repeat;
}
nav.nav_main > ul > li > a.nav_main_faq::before{
    background: url("../Images/sprite.png") -264px -583px no-repeat;
}
nav.nav_main > ul > li > a.nav_main_contact::before{
    background: url("../Images/sprite.png") -327px -582px no-repeat;
}
nav.nav_main > ul > li > a.nav_main_marketing::before{
    background: url("../Images/sprite.png") -385px -582px no-repeat;
}
nav.nav_main > ul > li > a.nav_main_partner::before{
    background: url("../Images/sprite.png") -386px -631px no-repeat;
}
nav.nav_main > ul > li.active > a::before, nav.nav_main > ul > li:hover > a::before{
    background-color: #565655!important;
}
nav.nav_main > ul > li:hover > a{
    text-decoration: none;
}
nav.nav_main > ul > li > ul{
    position: absolute;
    margin: 0;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    display: none!important;
    left:50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
nav.nav_main > ul > li:hover > ul/*, nav.nav_main > ul > li.active > ul*/{
    visibility: visible;
    opacity: 1;
}
nav.nav_main > ul > li > ul > li{
    position: relative;
    display: block;
    margin:0;
    padding: 0;
}
nav.nav_main > ul > li > ul > li > a{
    position: relative;
    display: block;
    text-decoration: none;
}
nav.nav_main > ul > li > ul > li:hover > a{
    text-decoration: underline;
}
/* END nav main */

/* hoko login */
.hoko_login_button_wrapper{
    padding: 10px 0;
    width: 130px;
}
.hoko_login_button{
    position: relative;
    display: block;
    text-align: right;
}
.hoko_login_button a{
    position: relative;
    display: inline-block;
    width: 90px;
    height: 82px;
    box-sizing: border-box;
    text-align: center;
    background: transparent url("../Images/sprite.png") -722px -703px no-repeat;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.6em;
    font-weight: 800;
    padding: 30px 10px;
}
.hoko_login_button a:hover{
    opacity: 0.9;
}
/* END hoko login */
/* END navigation */

/* header */
.header_wrapper{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.header{
    position: relative;
    display: block;
    height: 100%;
    overflow-x: hidden;
}

/* slideshow */
.slideshow_wrapper{
    position: relative;
    display: block;
    height: 100%;
}
.slideshow{
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
}
/*
.slideshow > img{
    min-height:100%;
    min-width:100%;
    height:auto;
    width:auto;
    position:absolute;
    top:-100% !important;
    bottom:-100% !important;
    left:-100% !important;
    right:-100% !important;
    margin:auto;
}
*/
.slideshow_slide{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.slideshow_slide > img{
    position: absolute;
    display: block;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 988;
}
.slideshow_slide .slideshow_img_fallback{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: center no-repeat;
    background-size: cover;
    z-index: 989;
}
@supports not (-ms-high-contrast: none) {
    .slideshow_slide .slideshow_img_fallback{
        display: none;
    }
    .slideshow_slide > img{
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
}
.slideshow_pager, .customer_slideshow_pager{
}
#slideshow_prev, #slideshow_next, #customer_overview_slideshow_prev, #customer_overview_slideshow_next{
    position: absolute;
    display: block;
    width: 61px;
    height: 61px;
    border-radius: 50%;
    top: 50%;
    background: rgba(84, 80, 83, 0.8) url("../Images/sprite.png") -606px -592px no-repeat;
    cursor: pointer;
    z-index: 999;
}
#slideshow_prev:hover, #slideshow_next:hover, #customer_overview_slideshow_prev:hover, #customer_overview_slideshow_next:hover{
    background-color: rgba(84,80,83,0.9);
}
#slideshow_prev, #customer_overview_slideshow_prev{
    left: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-indent: -900em;
}
#slideshow_next, #customer_overview_slideshow_next{
    right: 25px;
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    text-indent: 900em;
}
/* END slideshow */

/* header image */
.header_img_wrapper{
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 990;
}
.header_img{
    position: relative;
    display: block;
    width: 902px;
    height: 175px;
    background: transparent url("../Images/sprite.png") -34px -1289px no-repeat;
    margin: 0 auto;
    text-indent: -900em;
    overflow: hidden;
}
.header_img span{
    display: none;
}
/* END header image */

/* header title */
.header_title_wrapper{
    position: absolute;
    display: block;
    bottom: 180px;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 990;
}
.header_title{
    position: relative;
    display: block;
    font-size: 6em;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 0 10px;
}
.header_title span{
    color: #C4D400;
}
/* END header title */

/* scroll down */
.scroll_down{
    display: block;
    position: absolute;
    z-index: 990;
    width: 70px;
    height: 70px;
    box-sizing: border-box;
    border:4px solid #fff;
    background-color: #565655;
    bottom:14px;
    left:50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    cursor: pointer;
}
.scroll_down::after{
    content: '';
    display: block;
    width: 39px;
    height: 19px;
    bottom:10px;
    left: 50%;
    position: absolute;
    background: transparent url("../Images/sprite.png") -765px -610px no-repeat;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: scroll_down 2s ease 0s infinite;
    animation: scroll_down 2s ease 0s infinite;
}
.scroll_down:hover{
    background-color: rgba(63, 59, 60, 0.9);
}
@-webkit-keyframes scroll_down {
    0%   {bottom:20px;}
    50%  {opacity: 1;}
    100% {bottom:10px; opacity: 0;}
}
@keyframes scroll_down {
    0%   {bottom:20px;}
    50%  {opacity: 1;}
    100% {bottom:10px; opacity: 0;}
}
/* END scroll down */
/* END header */

/* language */
/*
.language{
    position: relative;
    display: block;
}
.language ul{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}
.language ul li{
    position: relative;
    display: block;
    float: left;
}
.language ul li.active{
}
.language ul li a{
    position: relative;
    display: block;
    text-decoration: none;
}
.language ul li a:hover{
}
.language ul li.active a{
    text-decoration: underline;
}
*/
/* END language */

/* content */
/* main */
main, .main{
    position: relative;
    display: block;
    font-size: 1em;
    line-height: normal;
}
.main{
    margin: 60px auto 30px;
}
.accordion + .main{
    margin-top: 40px;
}
/*
.main:first-child, .main + .main, .breadcrumb + .main{
    margin-top: 40px;
}
.breadcrumb + .main h1{
    margin-top: 0;
}
*/
header + .ce-textpic{
    margin-top: 30px;
}
.main:last-child header + .ce-textpic{
    margin-top: 0;
}
header h1:first-child, header h2:first-child, main p:first-child, .main p:first-child, .main + .main h3, main h3:first-child, .main h3:first-child, .special_box_title:first-child{
    margin-top:0!important;
}
header h1:last-child, header h2:last-child, main p:last-child, .main p:last-child, .main + .main h3, main h3:last-child, .main h3:last-child, .special_box_title:last-child{
    margin-bottom:0!important;
}
main a, .main a{
    color: inherit;
    font-weight: bold;
    text-decoration:none;
}
main a:hover, .main a:hover{
    text-decoration: underline;
}
main ul, main ol, .main ul, .main ol{
    position: relative;
    display: block;
    text-align:left;
    margin: 30px auto;
}
.main ul li, .main ol li{
    display: list-item;
}
.main ul li::before, .main ol li::before{
    /*content: '\2022\00a0';*/
}
.ce-bodytext, .highlight_box_text, .milestone_text, .special_box_description{
    position: relative;
    display: block;
}
.ce-bodytext p, .ce-bodytext ul, .ce-bodytext ol, .highlight_box_text p, .highlight_box_text ul, .highlight_box_text ol, .special_box_description p, .special_box_description ul, .special_box_description ol, .accordion_content p, .accordion_content ul, .accordion_content ol, .milestone_text p, .milestone_text ul, .milestone_text ol{
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-align: inherit;
}
.ce-bodytext h3{
}
/*
.ce-right h1, .ce-right h2, .ce-right h3, .ce-right p{
    text-align: left;
}
.ce-left h1, .ce-left h2, .ce-left h3, .ce-left p{
    text-align: right;
}
*/
figcaption{
}
.highlighting, a.highlighting{
}
.highlighting:hover, a.highlighting:hover{
}
.contenttable{
    position: relative;
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    table-layout: fixed;
    border-spacing: 0;
}
.contenttable thead tr th, .contenttable tbody tr td{
    color: #000;
}
.contenttable thead tr th{
    position: relative;
}
.contenttable tbody tr td{
    position: relative;
}
.ce-bodytext .contenttable thead tr th, .ce-bodytext .contenttable tbody tr td{
    font-size: inherit;
}
.ce-menu.ce-menu-2{
    position: relative;
    display: table;
    margin: 0 auto;
}
.ce-menu.ce-menu-2 li{
    position: relative;
    display: list-item;
}
.ce-menu.ce-menu-2 li::before{
    display: none;
}
.highlight_button, a.highlight_button{
    position: relative;
    display: inline-block;
    color: #fff!important;
    text-decoration: none!important;
    text-align: center;
    margin: 20px auto;
    max-width: 536px;
    text-transform: uppercase;
    font-size: 1.14em;
    line-height: normal!important;
    padding: 30px 40px;
    box-sizing: border-box;
    font-weight: 700!important;
    background-color: #C4D400;
}
.highlight_button:hover, a.highlight_button:hover{
    background-color: #c7d61a;
}
.highlight_button::after, a.highlight_button::after{
}
body[data-page="4"] .main.main_partner:last-child{
    margin-bottom: 80px;
}
body[data-page="4"] .main.main_partner .ce-textpic{
    margin-top: 50px;
    display: table;
    width: 100%;
    table-layout: fixed;
}
body[data-page="4"] .main.main_partner .ce-bodytext, body[data-page="4"] .main.main_partner .ce-gallery{
    display: table-cell;
    box-sizing: border-box;
    vertical-align: top;
}
body[data-page="4"] .main.main_partner .ce-bodytext{
    width: 100%;
    text-align: left;
}
body[data-page="4"] .main.main_partner .ce-bodytext h3, body[data-page="4"] .main.main_partner .ce-bodytext p{
    text-align: inherit;
}
body[data-page="4"] .main.main_partner .ce-bodytext h3{
    text-transform: uppercase;
}
body[data-page="4"] .main.main_partner .ce-gallery{
    width: 300px;
    padding-right: 50px;
}
body[data-page="4"] .main.main_partner .ce-gallery img{
    display: block;
    max-width: 100%;
    width: 250px;
    height: auto;
}
/* END main */

/* highlight box */
.highlight_boxes_wrapper{
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 1600px;
    margin: 50px auto;
}
.highlight_boxes_row_wrapper{
    position: relative;
    display: table-cell;
    vertical-align: top;
    width: 100%;
}
.highlight_boxes_row{
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.highlight_box_wrapper{
    position: relative;
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 400px;
    padding: 0 20px;
}
.highlight_boxes_row .highlight_box_wrapper{
    display: table-cell;
    vertical-align: top;
    width: 100%;
    max-width: none;
}
.highlight_box{
    position: relative;
    display: block;
}
.highlight_box_img{
    position: relative;
    display: block;
    text-align: center;
}
.highlight_box_img img{
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 180px;
    height: auto;
}
.highlight_box_content{
    position: relative;
    display: block;
    text-align: center;
}
.highlight_box_img + .highlight_box_content{
    margin-top: 40px;
}
.highlight_box_header{
    position: relative;
    display: block;
}
.highlight_box_title, .milestone_title{
    position: relative;
    display: block;
    font-size: 2.9em;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #565655;
    text-transform: uppercase;
}
.highlight_box_subtitle{
    position: relative;
    display: block;
    color: #C4D400;
    font-size: 2.9em;
    font-weight: 700;
}
.highlight_box_text{
}
.highlight_box_text p, .highlight_box_text ul, .highlight_box_text ol{
}
/* END highlight box */

/* special box */
.special_box_wrapper{
    position: relative;
    margin: 0 auto;
    background-color: #f6f6f6;
    max-width: 2500px;
}
.special_box_wrapper.even{
    background-color: transparent;
}
.main + .special_box_wrapper, .highlight_boxes_wrapper + .special_box_wrapper{
    margin-top: 70px;
}
.special_box{
    position: relative;
    display: table;
    width: 100%;
    height: 668px;
    table-layout: fixed;
}
.special_box_img_wrapper, .special_box_content_wrapper{
    position: relative;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
.special_box_img_wrapper{
    width: 1500px;
}
.special_box_img{
    position: static;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.special_box_img img{
    position: absolute;
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.special_box_wrapper.even .special_box_img img{
    right: auto;
    left: 0;
}
.special_box_content_wrapper{
    z-index: 990;
    vertical-align: middle;
    width: 100%;
}
.special_box_content{
    position: relative;
    display: block;
    max-width: 490px;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    float: right;
}
.special_box_wrapper.even .special_box_content{
    float: left;
}
.special_box_header{
    position: relative;
    display: block;
}
.special_box_title{
    color: #C4D400;
    text-align: left;
}
.special_box_description{
    text-align: left;
}
.special_box_wrapper.even .special_box_title, .special_box_wrapper.even .special_box_description{
    text-align: right;
}
.special_box_header + .special_box_description{
    margin-top: 70px;
}
.special_box_description p, .special_box_description ul, .special_box_description ol{
}
.special_box_description a{
}
/* END special boxes */

/* accordion */
.accordion{
    position: relative;
    display: block;
    margin: 10px auto;
}
.main + .accordion{
    margin-top: 40px;
}
.accordion_header{
    position: relative;
    display: block;
    background-color: #524e4f;
    cursor: pointer;
    line-height: normal;
    padding: 16px 66px 16px 30px;
    color: #fff;
}
.accordion_header:hover{
    background-color: #635f60;
}
.accordion_title{
    position: relative;
    display: block;
    line-height: normal;
    text-align: left;
    box-sizing: border-box;
    padding-right: 100px;
    font-size: inherit;
    font-weight: inherit;
}
.accordion_arrow{
    position: absolute;
    display: block;
    width: 42px;
    height: 42px;
    background: transparent url("../Images/sprite.png") -455px -596px no-repeat;
    right: 12px;
    top: 50%;
    margin-top: -21px;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 50%;
}
.accordion_arrow.accordion_arrow_disabled{
}
.accordion_arrow.accordion_arrow_active{
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.accordion_content{
    position: relative;
    display: block;
    background-color: #fff;
}
.accordion_content_table{
    position: relative;
    display: table;
    box-sizing: border-box;
    width: 100%;
    table-layout: fixed;
}
.accordion_content p, .accordion_content ul, .accordion_content ol{
    text-align: left;
}
.accordion_img{
    position: relative;
    display: table-cell;
    vertical-align: top;
    width: 312px;
}
.accordion_img img{
    position: relative;
    display: block;
    padding: 20px 12px 10px 0;
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
}
.accordion_text{
    position: relative;
    display: table-cell;
    padding: 10px 30px;
    box-sizing: border-box;
    vertical-align: top;
    text-align: left;
    width: 100%;
}
/* END accordion */

/* milestone */
.milestones_wrapper{
    position: relative;
    display: block;
    margin: 40px auto;
}
.milestone_wrapper{
    position: relative;
    display: block;
    overflow: hidden;
}
.milestone{
    position: relative;
    display: block;
}
.milestone_inner_wrapper{
    position: static;
    display: table;
    width: 100%;
    box-sizing: border-box;
    table-layout: fixed;
}
.milestone_inner_wrapper::after{
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%;
    bottom: 0;
    width: 6px;
    background-color: #656262;
}
.milestone_wrapper:first-child .milestone_inner_wrapper::after{
    bottom: auto;
    top: 203px;
}
.milestone_wrapper:last-child .milestone_inner_wrapper::after{
    bottom: auto;
    top: 0;
    height: 203px;
}
.milestone_wrapper:only-child .milestone_inner_wrapper::after{
    display: none;
}
.milestone_img_wrapper, .milestone_content_wrapper{
    position: relative;
    display: table-cell;
    width: 100%;
    vertical-align: top;
    box-sizing: border-box;
}
.milestone_img_wrapper{
    padding: 3px 0;
}
.milestone_img{
    position: relative;
    display: block;
    width: 406px;
    height: 406px;
    box-sizing: border-box;
    border: 3px solid #565655;
    border-radius: 50%;
    float: right;
    margin-right: 100px;
}
.milestone_wrapper.even .milestone_img{
    float: left;
    margin: 0 0 0 100px;
}
.milestone_img::before{
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    right: -103px;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    width: 42px;
    height: 42px;
    background-color: #656262;
    z-index: 991;
    border-radius: 50%;
}
.milestone_wrapper.even .milestone_img::before{
    right: auto;
    left: -103px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.milestone_img::after{
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    right: -100px;
    width: 100px;
    height: 0;
    border-top: 3px dotted #565655;
    z-index: 990;
}
.milestone_wrapper.even .milestone_img::after{
    right: auto;
    left: -100px;
}
.milestone_img img{
    position: relative;
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.milestone_content_wrapper{
    padding: 185px 20px 20px 70px;
}
.milestone_wrapper.even .milestone_content_wrapper{
    padding: 185px 70px 20px 20px;
}
.milestone_content{
    position: relative;
    display: block;
    max-width: 500px;
    float: left;
}
.milestone_wrapper.even .milestone_content{
    float: right;
}
.milestone_title{
    text-align: left;
    color: #C4D400;
}
.milestone_text{
    text-align: left;
}
.milestone_wrapper.even .milestone_title, .milestone_wrapper.even .milestone_text{
    text-align: right;
}
.milestone_text p, .milestone_text ul, .milestone_text ol{
}
/* END milestone */

/* customer */
.customer_overview_wrapper{
    position: relative;
    display: none;
    background-color: #f6f6f6;
    margin: 70px auto;
}
.main + .customer_overview_wrapper, .accordion + .customer_overview_wrapper{
    margin-top: 100px;
}
.customer_overview{
    position: relative;
    display: block;
    margin: 80px auto 130px;
}
.customer_overview_slideshow_wrapper{
    position: relative;
    display: block;
    margin:60px auto 0;
    padding: 0 30px;
    max-width: 1360px;
    overflow: hidden;
}
.customer_overview_slideshow{
    position: relative;
    display: block;
    margin:0 102px;
    max-width: 1154px;
}
.customer_overview_slideshow::before, .customer_overview_slideshow::after{
    content: '';
    display: block;
    width: 15px;
    height: 100%;
    background-color: #f6f6f6;
    position: absolute;
    top: 0;
    z-index: 996;
}
.customer_overview_slideshow::before{
    left: 0;
}
.customer_overview_slideshow::after{
    right: 0;
}
.customer_wrapper{
    position: relative;
    display: block;
}
.customer{
    position: relative;
    display: block;
    background: #fff;
    padding-bottom: 50%;
    margin:0 15px 25px;
}
.customer:hover{
    opacity: 0.8;
}
.customer:last-child{
    margin-bottom: 0;
}
.customer_item, .customer a{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.customer_img{
    position: absolute;
    display: block;
    height: 75%;
    width: 60%;
    top:50%;
    left:50%;
    background: center no-repeat;
    background-size: contain;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.customer_slideshow_pager{
}
#customer_overview_slideshow_prev, #customer_overview_slideshow_next{
}
#customer_overview_slideshow_prev:hover, #customer_overview_slideshow_next:hover{
}
#customer_overview_slideshow_prev{
}
#customer_overview_slideshow_next{
}
/* END customer */
/* END content */

/* footer */
footer{
    position: relative;
    display: block;
    background-color: #565655;
}
.footer{
    position: relative;
    display: table;
    width: 100%;
    padding: 30px 20px;
    box-sizing: border-box;
    max-width: 1850px;
    margin: 0 auto;
    table-layout: fixed;
}
.footer_box{
    position: relative;
    display: table-cell;
    width: 100%;
    box-sizing: border-box;
    font-size: 1.6em;
    line-height: 1.75em;
    font-weight: 400;
    color: #fff;
    vertical-align: top;
}
.footer_box a{
    color: inherit;
    text-decoration: none;
}
.footer_box a:hover{
    text-decoration: underline;
}
.footer_box.footer_box_left{
    width: 364px;
    padding: 0 32px;
}
.footer_box.footer_box_right{
}
.footer_box_title{
    font-weight: 700;
}
.footer_box_title::before{
    content: '';
    position: absolute;
    display: block;
    width: 25px;
    height: 23px;
    background: transparent url("../Images/sprite.png") -4px -165px;
    background-size: 160px 193px!important;
    left: 0;
}
.footer_box_content{
}
.footer_box form{
    position: relative;
    display: table;
    margin: 0;
    width: 100%;
    max-width: 1096px;
    box-sizing: border-box;
}
form .form_box{
    position: relative;
    display: table;
    table-layout: fixed;
    width: 33.33%;
    box-sizing: border-box;
    padding: 10px 15px;
    float: left;
}
form .form_box.form_box_large{
    width: 100%;
}
form .form_box_large_privacy .form_label_box {
    padding-top: 0;
}
form .form_label_box, form .form_input_box{
    position: relative;
    display: table-cell;
    vertical-align: top;
    box-sizing: border-box;
}
form .form_label_box{
    width: 132px;
    padding: 6px 10px 0 0;
}
form .form_input_box{
    width: 100%;
}
form .form_box label, form .form_box input, form .form_box textarea{
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: none;
}
form .form_box input, form .form_box textarea{
    padding: 5px 10px;
}
form .form_box label{
    text-align: right;
}
form .form_box input{
    height: 40px;
}
form .form_box textarea{
    height: 160px;
    max-width: 100%;
    min-width: 100%;
    min-height: 160px;
    max-height: 250px;
}
form .form_box input[type="submit"], form .form_box button{
    width: auto;
    float: right;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    background-color: #C4D400;
    min-width: 170px;
    height: 50px;
    cursor: pointer;
}
form .form_box input[type="submit"]:hover, form .form_box button:hover{
    background-color: #c7d61a;
}
form .form_box input[type="checkbox"] {
    height: auto;
    width: auto;
    padding: 0;
    margin: 8px 5px auto auto;
    float: left;
}
form .form_box a{
    font-weight: 700;
}
.pickme{
    display: none;
}
/* END footer */

/* scroll up */
.scroll_up{
    position: fixed;
    right: 30px;
    display: block;
    width: 71px;
    height: 65px;
    background: transparent url("../Images/sprite.png") -578px -563px no-repeat;
    bottom:30px;
    cursor: pointer;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    padding-top: 30px;
    line-height: normal;
    font-size: 1.8em;
    text-transform: uppercase;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    background-size: 1000px 1203px!important;
}
.scroll_up.active{
    opacity: 1;
    visibility: visible;
}
.scroll_up::before{
    content: '';
    display: block;
    position: absolute;
    width: 32px;
    height: 15px;
    background: transparent url("../Images/sprite.png") -676px -488px no-repeat;
    left:50%;
    margin-left: -16px;
    top:15px;
    background-size: 1000px 1203px!important;
}
/* END scroll up */

/* responsive */
@media screen and (max-width: 1920px){
    /* content */
    /* special box */
    .special_box_img_wrapper {
        width: 1050px;
    }
    /* END special box */
    /* END content */
}
@media screen and (max-width: 1600px){
    /* navigation */
    .navigation{
        padding: 20px 20px 10px;
    }
    .navigation .navigation_box.navigation_box_left {
        width: 350px;
    }

    /* nav main */
    nav.nav_main > ul > li{
        font-size: 1.8em;
        padding: 10px 17px;
    }
    /* END nav main */
    /* END navigation */

    /* header */
    /* header image */
    .header_img{
        background-position: -24px -877px;
        background-size: 850px 1023px!important;
        width: 801px;
        height: 119px;
    }
    /* END header image */

    /* header title */
    .header_title_wrapper{
        bottom: 120px;
    }
    .header_title{
        font-size: 4em;
    }
    /* END header title */
    /* END header */

    /* content */
    /* special box */
    .special_box{
        height: 570px;
    }
    .special_box_img_wrapper{
        width: 900px;
    }
    .special_box_header + .special_box_description {
        margin-top: 50px;
    }
    /* END special box */
    /* END content */

    /* footer */
    .footer_box form{
        float: right;
    }
    .footer_box.footer_box_left{
        width: 304px;
    }
    form .form_label_box{
        width: 100px;
    }
    /* END footer */
}
@media screen and (max-width: 1500px){
}
@media screen and (max-width: 1400px){
    /* content */
    /* special box */
    .special_box{
        height: 470px;
    }
    .special_box_img_wrapper{
        width: 750px;
    }
    .special_box_header + .special_box_description {
        margin-top: 30px;
    }
    .special_box_content{
        max-width: 400px;
    }
    .special_box_title{
        font-size: 6em;
    }
    /* END special box */
    /* END content */
}
@media screen and (max-width: 1300px){
    /* pager */
    #slideshow_prev, #slideshow_next, #customer_overview_slideshow_prev, #customer_overview_slideshow_next {
        width: 45px;
        height: 45px;
        background-position: -409px -401px!important;
        background-size: 850px 1023px!important;
    }
    .customer_overview_slideshow{
        margin: 0 50px;
    }
    /* END pager */

    /* navigation */
    .navigation {
        padding: 10px 20px;
    }
    .navigation .navigation_box.navigation_box_left {
        width: 300px;
    }

    /* nav main */
    nav.nav_main > ul > li{
        font-size: 1.6em;
        padding: 6px 12px;
    }
    nav.nav_main > ul > li > a::before{
        width: 42px;
        height: 42px;
        background-size: 850px 1023px!important;
        margin-bottom: 8px;
    }
    nav.nav_main > ul > li > a.nav_main_advantages::before{
        background-position: -17px -393px;
    }
    nav.nav_main > ul > li > a.nav_main_functions::before{
        background-position: -55px -393px;
    }
    nav.nav_main > ul > li > a.nav_main_video::before{
        background-position: -93px -394px;
    }
    nav.nav_main > ul > li > a.nav_main_customer::before{
        background-position: -135px -394px;
    }
    nav.nav_main > ul > li > a.nav_main_faq::before{
        background-position: -176px -393px;
    }
    nav.nav_main > ul > li > a.nav_main_contact::before{
        background-position: -218px -394px;
    }
    nav.nav_main > ul > li > a.nav_main_marketing::before{
        background-position: -259px -394px;
    }
    nav.nav_main > ul > li > a.nav_main_partner::before{
        background-position: -259px -428px;
    }
    /* END nav main */

    /* hoko login */
    .hoko_login_button_wrapper{
        width: 90px;
    }
    .hoko_login_button a {
        width: 63px;
        height: 57px;
        font-size: 1.4em;
        font-weight: 700;
        padding: 20px 8px;
        background-position: -490px -478px!important;
        background-size: 850px 1023px!important;
    }
    /* END hoko login */
    /* END navigation */

    /* header */
    /* header image */
    .header_img{
        background-position: -14px -515px;
        background-size: 500px 602px!important;
        width: 362px;
        height: 71px;
    }
    /* END header image */

    /* header title */
    .header_title_wrapper{
        bottom: 80px;
    }
    .header_title{
        font-size: 3em;
    }
    /* END header title */

    /* scroll down */
    .scroll_down {
        width: 50px;
        height: 50px;
        border-width: 2px;
    }
    .scroll_down::after{
        background-position: -520px -415px!important;
        background-size: 850px 1023px!important;
        width: 27px;
        height: 13px;
        bottom:15px;
    }
    @-webkit-keyframes scroll_down {
        0%   {bottom:15px;}
        50%  {opacity: 1;}
        100% {bottom:5px; opacity: 0;}
    }
    @keyframes scroll_down {
        0%   {bottom:15px;}
        50%  {opacity: 1;}
        100% {bottom:5px; opacity: 0;}
    }
    /* END scroll down */
    /* END header */

    /* content */
    /* highlight boxes */
    .highlight_boxes_wrapper{
        display: block;
        table-layout: auto;
        width: auto;
        max-width: 800px;
    }
    .highlight_boxes_row_wrapper {
        display: block;
        vertical-align: unset;
        width: auto;
    }
    /* END highlight boxes */

    /* milestone */
    .milestone_img{
        width: 304px;
        height: 304px;
        margin-right: 70px;
    }
    .milestone_wrapper.even .milestone_img {
        margin: 0 0 0 70px;
    }
    .milestone_img::after{
        right: -70px;
        width: 70px;
    }
    .milestone_wrapper.even .milestone_img::after{
        left: -70px;
    }
    .milestone_img::before {
        right: -73px;
        width: 35px;
        height: 35px;
    }
    .milestone_wrapper.even .milestone_img::before {
        left: -73px;
    }
    .milestone_content_wrapper {
        padding: 135px 20px 20px 50px;
    }
    .milestone_wrapper.even .milestone_content_wrapper {
        padding: 135px 50px 20px 20px;
    }
    .milestone_wrapper:first-child .milestone_inner_wrapper::after {
        top: 156px;
    }
    .milestone_wrapper:last-child .milestone_inner_wrapper::after {
        height: 156px;
    }
    /* END milestone */
    /* END content */

    /* footer */
    .footer_box form{
        max-width: 670px;
    }
    form .form_box{
        width: 50%;
    }
    /* END footer */
}
@media screen and (max-width: 1200px){
    /* general */
    h1, h2{
        font-size: 6em;
    }
    /* END general */

    /* content */
    /* special box */
    .special_box{
        height: 400px;
    }
    .special_box_img_wrapper{
        width: 620px;
    }
    /* END special box */

    /* customer */
    .customer_overview {
        margin: 40px auto 60px;
    }
    .customer_overview_slideshow_wrapper {
        margin: 30px auto 0;
    }
    /* END customer */
    /* END content */
}
@media screen and (max-width: 1100px){
}
@media screen and (max-width: 1000px){
    /* navigation */
    /*
    .navigation_wrapper{
        position: absolute;
    }
    */
    .navigation .navigation_box.navigation_box_right, .navigation_box_inner_wrapper, .nav_main_wrapper{
        position: static;
    }

    /* logo */
    .logo a{
        padding: 0;
    }
    /* END logo */

    /* navigation button */
    .navigation_button{
        display: block;
    }
    /* END navigation button */

    /* nav main */
    nav.nav_main{
        position: absolute;
        left: 0;
        top: 80px;
        width: 100%;
        background-color: rgba(84,80,83,0.95);
        padding: 20px 0;
        opacity: 0;
        visibility: hidden;
    }
    .navigation_wrapper.active nav.nav_main{
        opacity: 1;
        visibility: visible;
    }
    nav.nav_main > ul{
        display: block;
        width: auto;
        margin: 0 auto;
    }
    nav.nav_main > ul > li{
        display: block;
        margin: 0 auto;
        color: #fff;
        font-size: 2em;
        padding: 8px 12px;
    }
    nav.nav_main > ul > li > a::before{
        display: none;
    }
    /* END nav main */

    /* header */
    .header_wrapper{
        height: auto;
        padding-top: 80px;
    }
    .slideshow_wrapper{
        overflow-x: hidden;
    }
    .slideshow{
        width: 140%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .slideshow_slide > img {
        position: relative;
        top: 0!important;
        left: 0!important;
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }
    .slideshow_slide .slideshow_img_fallback {
        display: none!important;
    }
    /* END header */

    /* hoko login */
    .hoko_login_button_wrapper{
        padding: 0;
    }
    /* END hoko login */
    /* END navigation */

    /* content */
    /* special box */
    .special_box {
        height: 330px;
    }
    .special_box_img_wrapper {
        width: 420px;
    }
    .special_box_header + .special_box_description {
        margin-top: 20px;
    }
    /* END special box */

    /* milestone */
    .milestone_img {
        width: 202px;
        height: 202px;
    }
    .milestone_content_wrapper {
        padding: 89px 20px 20px 50px;
    }
    .milestone_wrapper.even .milestone_content_wrapper {
        padding: 89px 50px 20px 20px;
    }
    .milestone_wrapper:first-child .milestone_inner_wrapper::after {
        top: 104px;
    }
    .milestone_wrapper:last-child .milestone_inner_wrapper::after {
        height: 104px;
    }
    /* END milestone */
    /* END content */

    /* footer */
    .footer{
        display: block;
        width: auto;
    }
    .footer_box{
        display: table;
        margin: 0 auto;
    }
    .footer_box.footer_box_left{
        margin-bottom: 30px;
        width: auto;
    }
    .footer_box form{
        float: none;
        max-width: none;
        padding-right: 60px;
    }
    /* END footer */
}
@media screen and (max-width: 900px){
}
@media screen and (max-width: 800px){
    /* general */
    h1, h2, .special_box_title{
        font-size: 5em;
    }
    p, .ce-bodytext, .highlight_box_text, .special_box_description, .accordion_header, .accordion_content, .milestone_text{
        font-size: 2em;
    }
    .highlight_box_title, .milestone_title{
        font-size: 2.4em;
    }
    /* END general */

    /* content */
    /* highlight box */
    .highlight_box_img img{
        max-width: 140px;
    }
    .highlight_box_img + .highlight_box_content {
        margin-top: 20px;
    }
    /* END highlight box */

    /* special box */
    .special_box{
        height: auto;
        width: auto;
        display: block;
    }
    .special_box_img_wrapper, .special_box_content_wrapper{
        width: auto;
        display: block;
        height: auto;
        vertical-align: unset;
    }
    .special_box_img_wrapper{
        height: 0;
        padding-bottom: 77%;
    }
    .special_box_img img{
        position: absolute;
        right: 0;
        left: 0;
        top: 10px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .special_box_content{
        width: auto;
        padding: 0 20px 40px;
    }
    /* END special box */

    /* accordion */
    .accordion_header {
        padding: 12px 56px 12px 20px;
    }
    .accordion_arrow {
        width: 29px;
        height: 29px;
        background-position: -309px -405px;
        background-size: 850px 1023px!important;
        margin-top: -14px;
        border-width: 1px;
    }
    .accordion_text {
        padding: 10px 20px;
        box-sizing: border-box;
    }
    .accordion_content_table{
        display: block;
        width: auto;
        table-layout: auto;
    }
    .accordion_text, .accordion_img{
        display: block;
        vertical-align: unset;
    }
    .accordion_img{
        width: auto;
    }
    .accordion_img img{
        padding: 0 12px 10px 20px;
    }
    /* END accordion */
    /* END content */
}
@media screen and (max-width: 700px){
    /* footer */
    .footer_box form{
        padding-right: 80px;
        display: block;
        width: auto;
        margin: 0 auto;
    }
    form .form_box{
        width: 100%;
        float: none;
        padding: 5px 0;
    }
    /* END footer */
}
@media screen and (max-width: 600px){
    body[data-page="4"] .main.main_partner .ce-textpic{
        display: block;
        table-layout: auto;
    }
    body[data-page="4"] .main.main_partner .ce-bodytext, body[data-page="4"] .main.main_partner .ce-gallery {
        display: block;
    }
    body[data-page="4"] .main.main_partner .ce-gallery {
        width: auto;
        padding-right: 0;
    }
    body[data-page="4"] .main.main_partner .ce-gallery img {
        margin: 0 auto 20px;
        display: block;
    }
    body[data-page="4"] .main.main_partner .ce-bodytext {
        text-align: center;
    }

    /* general */
    h1, h2, .special_box_title{
        font-size: 4em;
    }
    p, .ce-bodytext, .highlight_box_text, .special_box_description, .accordion_header, .accordion_content, .milestone_text{
        font-size: 1.8em;
    }
    .center{
        padding-left: 15px;
        padding-right: 15px;
    }
    /* END general */

    /* navigation */
    .navigation {
        padding: 6px 15px;
    }

    /* logo */
    .navigation .navigation_box.navigation_box_left {
        width: 250px;
    }
    /* END logo */

    /* nav main */
    nav.nav_main{
        top: 72px;
    }
    nav.nav_main > ul > li{
        font-size: 1.8em;
    }
    /* END nav main */

    /* hoko login */
    .hoko_login_button_wrapper{
        /*
        display: none;
        */
        width: 80px;
    }
    /* END hoko login */
    /* END navigation */

    /* header */
    /* header image */
    .header_img{
        background-position: -8px -309px;
        background-size: 300px 361px!important;
        width: 218px;
        height: 44px;
    }
    /* END header image */

    /* header title */
    .header_title{
        font-size: 2.2em;
    }
    /* END header title */
    /* END header */

    /* content */
    /* main */
    .main{
        margin-top: 40px;
    }
    /* END main */

    /* highlight box */
    .highlight_boxes_wrapper, .highlight_box_wrapper{
        max-width: 400px;
    }
    .highlight_boxes_row{
        display: block;
        width: auto;
        table-layout: auto;
    }
    .highlight_boxes_row .highlight_box_wrapper{
        display: block;
        vertical-align: unset;
        width: auto;
    }
    .highlight_box_wrapper{
        padding: 0 15px;
    }
    /* END highlight box */

    /* special box */
    .main + .special_box_wrapper, .highlight_boxes_wrapper + .special_box_wrapper {
        margin-top: 40px;
    }
    .special_box_content {
        width: auto;
        padding: 0 20px 30px;
    }
    /* END special box */

    /* accordion */
    .accordion_header {
        padding: 8px 51px 8px 15px;
    }
    .accordion_img img {
        padding: 0 12px 8px 15px;
    }
    .accordion_text{
        padding: 8px 15px;
    }
    /* END accordion */
    /* END content */

    /* footer */
    .footer{
        padding: 30px 15px;
    }
    .footer_box form {
        padding-right: 0;
    }
    form .form_label_box {
        width: 90px;
        padding: 3px 10px 0 0;
    }
    form .form_box input {
        height: 35px;
    }
    form .form_box input[type="submit"], form .form_box button {
        min-width: 150px;
        height: 40px;
        float: none;
        margin-left: 90px;
    }
    /* END footer */
}
@media screen and (max-width: 500px){
    /* navigation */
    /*
    .navigation{
        padding: 0 15px;
    }
    */
    .navigation .navigation_box.navigation_box_left {
        width: 200px;
    }

    /* logo */
    /*
    .logo a {
        padding: 5px 0;
    }
    */
    /* END logo */

    /* nav main */
    /*
    nav.nav_main{
        top: 60px;
    }
    */
    /* END nav main */
    /* END navigation */
}
@media screen and (max-width: 400px){
    /* general */
    h1, h2, .special_box_title{
        font-size: 3em;
    }
    p, .ce-bodytext, .highlight_box_text, .special_box_description, .accordion_header, .accordion_content, .milestone_text{
        font-size: 1.6em;
    }
    .highlight_box_title, .milestone_title{
        font-size: 2.2em;
    }
    /* END general */

    /* navigation */
    .navigation .navigation_box.navigation_box_left {
        width: 150px;
    }
    /* END navigation */

    /* content */
    /* accordion */
    .accordion_img img{
        padding: 4px 15px 8px;
    }
    /* END accordion */
    /* END content */

    /* footer */
    form .form_box{
        display: block;
    }
    form .form_label_box, form .form_input_box{
        display: block;
    }
    form .form_label_box{
        padding-right: 0;
        width: auto;
    }
    form .form_box label{
        text-align: left;
    }
    form .form_box input[type="submit"], form .form_box button{
        margin: 5px auto 0;
        width: 100%;
    }
    /* END footer */
}
@media screen and (max-width: 350px){
}
/* END responsive */

/* print */
@media print {
    .center{
        width:1000px;
    }
}
/* END print */

/* footer partner */
.footer_partner{
    position: relative;
    display: block;
    margin: 0 auto 45px;
    max-width: 1625px;
    box-sizing: border-box;
}
.footer_partner ul{
    position: relative;
    display: table;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.footer_partner ul li{
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    padding: 5px 25px;
    margin: 0;
    vertical-align: top;
}
.footer_partner ul li a, .footer_partner ul li img{
    position: relative;
    display: block;
    margin: 0 auto;
}
.footer_partner ul li img{
    max-width: 100%;
    max-height: 120px;
    height: auto;
}
.footer_partner ul li a img{
    -webkit-transition-duration:0.4s;
    -moz-transition-duration:0.4s;
    transition-duration:0.4s;
}
.footer_partner:not(.filter) ul li a img:hover{
    opacity: 0.8;
}

/* filters */
/* filter grey */
.footer_partner.filter_grey ul li img{
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.footer_partner.filter_grey ul li a img:hover{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
/* filter sepia */
.footer_partner.filter_sepia ul li img{
    -webkit-filter: sepia(1);
    filter: sepia(1);
}
.footer_partner.filter_sepia ul li a img:hover{
    -webkit-filter: sepia(0);
    filter: sepia(0);
}
/* END filters */
/* END footer partner */