/*Elemente (Buttons, Kacheln ...)*/

/*----------------------------------------------------------------------------------------------
Header
----------------------------------------------------------------------------------------------*/




/*----------------------------------------------------------------------------------------------
*Kurzanfrage
*----------------------------------------------------------------------------------------------*/
/*#shortRequest{ 
    display: inline-block;
    height: 2rem;
    width: 2rem;
    z-index: 1050;
    position: fixed;
    bottom: 4.5rem;
    right: 1rem;
    background-image: url(../layout/icons/request-button.svg);
    background-size: 100%;
    cursor: pointer;
    
    border-radius: 50%;
    transform: scale(1);
    transition: transform 250ms ease-out;
}
@media (min-width: 576px) {
    #shortRequest { 
        height: 3rem;
        width: 3rem;
        bottom: 6.5rem;
        right: 1rem;
    }
}
#shortRequest:hover {
    transform: scale(1.1);
}*/

/*----------------------------------------------------------------------------------------------
*Kurzanfrage NEW
*----------------------------------------------------------------------------------------------*/
#shortRequest { 
    display: block;
    height: calc(2rem + 4px);
    width: calc(2rem + 4px);
    z-index: 1050;
    position: fixed;
    bottom: 7.55rem;
    right: 1rem;
    background-color: #008A96;
    /*background-color: #FFFFFF;*/
    cursor: pointer;
    border: 2px solid #FFFFFF;
    /*border: 2px solid #008A96;*/
    border-radius: calc(2rem + 4px);
    overflow: hidden;
    transition: width 250ms linear;
}
#shortRequest:before {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../layout/icons/gen/create-request-thick-ids-machine-vision-cameras-white.svg);
    /*background-image: url(../layout/icons/gen/create-request-thick-ids-machine-vision-cameras-ids-colour.svg);*/
    background-size: 19px;
    position: relative;
    width: 32px;
    height: 100%;
}
#shortRequest:after {
    content: 'Ask us';
    display: block;
    width: calc(100% - 40px);
    height: 100%;
    line-height: 2rem;
    color: #FFFFFF;
    /*color: #008A96;*/
    overflow: hidden;
    position: absolute;
    top: 0;
    left: calc(2rem + 1px);
}
@media (min-width: 576px) {
    #shortRequest { 
        height: calc(3rem + 4px);
        width: calc(3rem + 4px);
        bottom: 10.8rem;
        right: 1rem;
        border-radius: calc(3rem + 4px);
    }
    #shortRequest:before {
        background-size: 29px;
        width: 3rem;
    }
    #shortRequest:after {
        line-height: 3rem;
        font-size: 1.2rem;
        width: calc(100% - 60px);
        left: calc(3rem + 1px);
    }
}
#shortRequest.show,
#shortRequest:hover {
    width: 95px;
}
#shortRequest:hover:before {
    
}
#shortRequest:hover:after {
    
}
@media (min-width: 576px) {
    #shortRequest.show,
    #shortRequest:hover {
        width: 120px;
    }
}


html[lang='de'] #shortRequest.show,
html[lang='de'] #shortRequest:hover {
    width: 150px;
}
html[lang='de'] #shortRequest:after {
    content: 'Fragen Sie uns';
}
@media (min-width: 576px) {
    html[lang='de'] #shortRequest.show,
    html[lang='de'] #shortRequest:hover {
        width: 185px;
    }
}

html[lang='en-GB'] #shortRequest.show,
html[lang='en-GB'] #shortRequest:hover {
    width: 95px;
}
html[lang='en-GB'] #shortRequest:after {
    content: 'Ask us';
}
@media (min-width: 576px) {
    html[lang='en-GB'] #shortRequest.show,
    html[lang='en-GB'] #shortRequest:hover {
        width: 120px;
    }
}

html[lang='en-US'] #shortRequest.show,
html[lang='en-US'] #shortRequest:hover {
    width: 95px;
}
html[lang='en-US'] #shortRequest:after {
    content: 'Ask us';
}
@media (min-width: 576px) {
    html[lang='en-US'] #shortRequest.show,
    html[lang='en-US'] #shortRequest:hover {
        width: 120px;
    }
}

html[lang='fr'] #shortRequest.show,
html[lang='fr'] #shortRequest:hover {
    width: 175px;
}
html[lang='fr'] #shortRequest:after {
    content: "Questionnez-nous";
}
@media (min-width: 576px) {
    html[lang='fr'] #shortRequest.show,
    html[lang='fr'] #shortRequest:hover {
        width: 215px;
    }
}

html[lang='es'] #shortRequest.show,
html[lang='es'] #shortRequest:hover {
    width: 135px;
}
html[lang='es'] #shortRequest:after {
    content: 'Pregúntenos';
}
@media (min-width: 576px) {
    html[lang='es'] #shortRequest.show,
    html[lang='es'] #shortRequest:hover {
        width: 175px;
    }
}

html[lang='ja'] #shortRequest.show,
html[lang='ja'] #shortRequest:hover {
    width: 135px;
}
html[lang='ja'] #shortRequest:after {
    content: 'お問い合わせ';
}
@media (min-width: 576px) {
    html[lang='ja'] #shortRequest.show,
    html[lang='ja'] #shortRequest:hover {
        width: 175px;
    }
}

html[lang='zh'] #shortRequest.show,
html[lang='zh'] #shortRequest:hover {
    width: 115px;
}
html[lang='zh'] #shortRequest:after {
    content: '询问我们';
}
@media (min-width: 576px) {
    html[lang='zh'] #shortRequest.show,
    html[lang='zh'] #shortRequest:hover {
        width: 150px;
    }
}

html[lang='zh-TW'] #shortRequest.show,
html[lang='zh-TW'] #shortRequest:hover {
    width: 85px;
}
html[lang='zh-TW'] #shortRequest:after {
    content: '發問';
}
@media (min-width: 576px) {
    html[lang='zh-TW'] #shortRequest.show,
    html[lang='zh-TW'] #shortRequest:hover {
        width: 110px;
    }
}

html[lang='ko'] #shortRequest.show,
html[lang='ko'] #shortRequest:hover {
    width: 115px;
}
html[lang='ko'] #shortRequest:after {
    content: '문의하기';
}
@media (min-width: 576px) {
    html[lang='ko'] #shortRequest.show,
    html[lang='ko'] #shortRequest:hover {
        width: 150px;
    }
}


/*----------------------------------------------------------------------------------------------
* To Newsletter
*----------------------------------------------------------------------------------------------*/
#toNewsletter { 
    display: block;
    height: calc(2rem + 4px);
    width: calc(2rem + 4px);
    z-index: 1050;
    position: fixed;
    bottom: 4.75rem;
    right: 1rem;
    background-color: #008A96;
    /*background-color: #FFFFFF;*/
    cursor: pointer;
    border: 2px solid #FFFFFF;
    /*border: 2px solid #008A96;*/
    border-radius: calc(2rem + 4px);
    overflow: hidden;
    transition: width 250ms linear;
}
#toNewsletter:before {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-position: center 7px;
    background-image: url(../layout/icons/gen/newsletter-thick-ids-machine-vision-cameras-white.svg);
    /*background-image: url(../layout/icons/gen/newsletter-thick-ids-machine-vision-cameras-ids-colour.svg);*/
    background-size: 17px;
    position: relative;
    width: 32px;
    height: 100%;
}
#toNewsletter:after {
    content: 'Newsletter subscription';
    display: block;
    width: calc(100% - 40px);
    height: 100%;
    line-height: 2rem;
    color: #FFFFFF;
    /*color: #008A96;*/
    overflow: hidden;
    position: absolute;
    top: 0;
    left: calc(2rem + 1px);
}
@media (min-width: 576px) {
    #toNewsletter { 
        height: calc(3rem + 4px);
        width: calc(3rem + 4px);
        bottom: 6.85rem;
        right: 1rem;
        border-radius: calc(3rem + 4px);
    }
    #toNewsletter:before {
        background-position: center 10px;
        background-size: 26px;
        width: 3rem;
    }
    #toNewsletter:after {
        line-height: 3rem;
        font-size: 1.2rem;
        width: calc(100% - 60px);
        left: calc(3rem + 1px);
    }
}
#toNewsletter.show,
#toNewsletter:hover {
    width: 210px;
}
#toNewsletter:hover:before {
    
}
#toNewsletter:hover:after {
    
}
@media (min-width: 576px) {
    #toNewsletter.show,
    #toNewsletter:hover {
        width: 260px;
    }
}

html[lang='de'] #toNewsletter.show,
html[lang='de'] #toNewsletter:hover {
    width: 205px;
}
html[lang='de'] #toNewsletter:after {
    content: 'Newsletter-Anmeldung';
}
@media (min-width: 576px) {
    html[lang='de'] #toNewsletter.show,
    html[lang='de'] #toNewsletter:hover {
        width: 255px;
    }
}

html[lang='en-GB'] #toNewsletter.show,
html[lang='en-GB'] #toNewsletter:hover {
    width: 210px;
}
html[lang='en-GB'] #toNewsletter:after {
    content: 'Newsletter subscription';
}
@media (min-width: 576px) {
    html[lang='en-GB'] #toNewsletter.show,
    html[lang='en-GB'] #toNewsletter:hover {
        width: 260px;
    }
}

html[lang='en-US'] #toNewsletter.show,
html[lang='en-US'] #toNewsletter:hover {
    width: 210px;
}
html[lang='en-US'] #toNewsletter:after {
    content: 'Newsletter subscription';
}
@media (min-width: 576px) {
    html[lang='en-US'] #toNewsletter.show,
    html[lang='en-US'] #toNewsletter:hover {
        width: 260px;
    }
}

html[lang='fr'] #toNewsletter.show,
html[lang='fr'] #toNewsletter:hover {
    width: 215px;
}
html[lang='fr'] #toNewsletter:after {
    content: "Souscrire à la newsletter";
}
@media (min-width: 576px) {
    html[lang='fr'] #toNewsletter.show,
    html[lang='fr'] #toNewsletter:hover {
        width: 265px;
    }
}

html[lang='es'] #toNewsletter.show,
html[lang='es'] #toNewsletter:hover {
    width: 190px;
}
html[lang='es'] #toNewsletter:after {
    content: 'Suscribirse al boletín';
}
@media (min-width: 576px) {
    html[lang='es'] #toNewsletter.show,
    html[lang='es'] #toNewsletter:hover {
        width: 240px;
    }
}

html[lang='ja'] #toNewsletter.show,
html[lang='ja'] #toNewsletter:hover {
    width: 200px;
}
html[lang='ja'] #toNewsletter:after {
    content: 'ニュースレターを購読する';
}
@media (min-width: 576px) {
    html[lang='ja'] #toNewsletter.show,
    html[lang='ja'] #toNewsletter:hover {
        width: 250px;
    }
}

html[lang='zh'] #toNewsletter.show,
html[lang='zh'] #toNewsletter:hover {
    width: 145px;
}
html[lang='zh'] #toNewsletter:after {
    content: '訂閱實時新聞';
}
@media (min-width: 576px) {
    html[lang='zh'] #toNewsletter.show,
    html[lang='zh'] #toNewsletter:hover {
        width: 185px;
    }
}

html[lang='zh-TW'] #toNewsletter.show,
html[lang='zh-TW'] #toNewsletter:hover {
    width: 165px;
}
html[lang='zh-TW'] #toNewsletter:after {
    content: '訂閱Newsletter';
}
@media (min-width: 576px) {
    html[lang='zh-TW'] #toNewsletter.show,
    html[lang='zh-TW'] #toNewsletter:hover {
        width: 210px;
    }
}

html[lang='ko'] #toNewsletter.show,
html[lang='ko'] #toNewsletter:hover {
    width: 155px;
}
html[lang='ko'] #toNewsletter:after {
    content: '뉴스레터 구독';
}
@media (min-width: 576px) {
    html[lang='ko'] #toNewsletter.show,
    html[lang='ko'] #toNewsletter:hover {
        width: 195px;
    }
}


/*----------------------------------------------------------------------------------------------
*Pfeil nach oben
*----------------------------------------------------------------------------------------------*/
/*#toTop { 
    display: inline-block;
    height: 2rem;
    width: 2rem;
    z-index: 1050;
    position: fixed;
    bottom: 2rem;
    right: 1rem;
    background-image: url(../layout/icons/to-top-ids-machine-vision-cameras-ids-colour-2.svg);
    background-size: 100%;
    cursor: pointer;
    
    border-radius: 50%;
    transform: scale(1);
    transition: transform 250ms ease-out;
}
@media (min-width: 576px) {
    #toTop { 
        height: 3rem;
        width: 3rem;
        bottom: 3rem;
        right: 1rem;
    }
}
#toTop:hover {
    transform: scale(1.1);
}*/

/*----------------------------------------------------------------------------------------------
*Pfeil nach oben NEW
*----------------------------------------------------------------------------------------------*/
#toTop { 
    display: block;
    height: calc(2rem + 4px);
    width: calc(2rem + 4px);
    z-index: 1050;
    position: fixed;
    bottom: 2rem;
    right: 1rem;
    background-color: #008A96;
    /*background-color: #FFFFFF;*/
    cursor: pointer;
    border: 2px solid #FFFFFF;
    /*border: 2px solid #008A96;*/
    border-radius: calc(2rem + 4px);
    overflow: hidden;
    transition: width 250ms linear;
}
#toTop:before {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../layout/icons/gen/drop-up-ids-machine-vision-cameras-white.svg);
    /*background-image: url(../layout/icons/gen/drop-up-ids-machine-vision-cameras-ids-colour.svg);*/
    background-size: 18px;
    position: relative;
    width: 32px;
    height: 100%;
}
#toTop:after {
    content: 'To the top';
    display: block;
    width: calc(100% - 40px);
    height: 100%;
    line-height: 2rem;
    color: #FFFFFF;
    /*color: #008A96;*/
    overflow: hidden;
    position: absolute;
    top: 0;
    left: calc(2rem + 1px);
}
@media (min-width: 576px) {
    #toTop { 
        height: calc(3rem + 4px);
        width: calc(3rem + 4px);
        bottom: 3rem;
        right: 1rem;
        border-radius: calc(3rem + 4px);
    }
    #toTop:before {
        background-size: 26px;
        width: 3rem;
    }
    #toTop:after {
        line-height: 3rem;
        font-size: 1.2rem;
        width: calc(100% - 60px);
        left: calc(3rem + 1px);
    }
}
#toTop.show,
#toTop:hover {
    width: 120px;
}
#toTop:hover:before {
    
}
#toTop:hover:after {
    
}
@media (min-width: 576px) {
    #toTop.show,
    #toTop:hover {
        width: 155px;
    }
}

html[lang='de'] #toTop.show,
html[lang='de'] #toTop:hover {
    width: 175px;
}
html[lang='de'] #toTop:after {
    content: 'Zum Seitenanfang';
}
@media (min-width: 576px) {
    html[lang='de'] #toTop.show,
    html[lang='de'] #toTop:hover {
        width: 220px;
    }
}

html[lang='en-GB'] #toTop.show,
html[lang='en-GB'] #toTop:hover {
    width: 120px;
}
html[lang='en-GB'] #toTop:after {
    content: 'To the top';
}
@media (min-width: 576px) {
    html[lang='en-GB'] #toTop.show,
    html[lang='en-GB'] #toTop:hover {
        width: 155px;
    }
}

html[lang='en-US'] #toTop.show,
html[lang='en-US'] #toTop:hover {
    width: 120px;
}
html[lang='en-US'] #toTop:after {
    content: 'To the top';
}
@media (min-width: 576px) {
    html[lang='en-US'] #toTop.show,
    html[lang='en-US'] #toTop:hover {
        width: 155px;
    }
}

html[lang='fr'] #toTop.show,
html[lang='fr'] #toTop:hover {
    width: 140px;
}
html[lang='fr'] #toTop:after {
    content: 'Haut de page';
}
@media (min-width: 576px) {
    html[lang='fr'] #toTop.show,
    html[lang='fr'] #toTop:hover {
        width: 175px;
    }
}

html[lang='es'] #toTop.show,
html[lang='es'] #toTop:hover {
    width: 130px;
}
html[lang='es'] #toTop:after {
    content: 'Hacia arriba';
}
@media (min-width: 576px) {
    html[lang='es'] #toTop.show,
    html[lang='es'] #toTop:hover {
        width: 170px;
    }
}

html[lang='ja'] #toTop.show,
html[lang='ja'] #toTop:hover {
    width: 100px;
}
html[lang='ja'] #toTop:after {
    content: 'トップへ';
}
@media (min-width: 576px) {
    html[lang='ja'] #toTop.show,
    html[lang='ja'] #toTop:hover {
        width: 130px;
    }
}

html[lang='zh'] #toTop.show,
html[lang='zh'] #toTop:hover {
    width: 115px;
}
html[lang='zh'] #toTop:after {
    content: '返回顶部';
}
@media (min-width: 576px) {
    html[lang='zh'] #toTop.show,
    html[lang='zh'] #toTop:hover {
        width: 150px;
    }
}

html[lang='zh-TW'] #toTop.show,
html[lang='zh-TW'] #toTop:hover {
    width: 115px;
}
html[lang='zh-TW'] #toTop:after {
    content: '回到首頁';
}
@media (min-width: 576px) {
    html[lang='zh-TW'] #toTop.show,
    html[lang='zh-TW'] #toTop:hover {
        width: 150px;
    }
}

html[lang='ko'] #toTop.show,
html[lang='ko'] #toTop:hover {
    width: 115px;
}
html[lang='ko'] #toTop:after {
    content: '상단으로';
}
@media (min-width: 576px) {
    html[lang='ko'] #toTop.show,
    html[lang='ko'] #toTop:hover {
        width: 150px;
    }
}


/*----------------------------------------------------------------------------------------------
Schatteneffekt für Produktbilder
----------------------------------------------------------------------------------------------*/
#wrapper figure.image_container div.product-shadow{ display:none;
                                                    box-shadow: 0px 0px 70px 15px rgba(0,0,0,0.6);
                                                    position: absolute;
                                                    top: 80%;
}
#wrapper .ce_image.shadow-50p figure.image_container div.product-shadow{    display:block;
                                                                            width:50%;
                                                                            left: 25%;
}

#wrapper .ce_image.shadow-70p figure.image_container div.product-shadow{    display:block;
                                                                            width:70%;
                                                                            left: 15%;
}

#wrapper .ce_image.shadow-90p figure.image_container div.product-shadow{    display:block;
                                                                            width:90%;
                                                                            left: 5%;
}

/*----------------------------------------------------------------------------------------------
Startseite Kamerafamilien
----------------------------------------------------------------------------------------------*/                                                                        
.imgborder img {
    border: 0.0625rem solid #dedede;
}
#camerafamilies {   
    margin-top: 1rem;
/*    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;*/
}
#camerafamilies .ce_image h1 {
    display:none;
}
#camerafamilies .ce_image figure {
    margin-bottom:0;
}
#camerafamilies .ce_image {
    /*display:none;*/
}
#camerafamilies .ce_image:first-of-type{
/*    display: block; 
    visibility: hidden; */
}
.widget-important{
    display: none;
}

span.home-camerafinder{ 
    color: #008A96;
    padding-left: 2.6rem;
    background-image: url(../layout/icons/gen/camera-ids-machine-vision-cameras-ids-colour.svg);
    background-size: 2rem;
    background-repeat: no-repeat;
    background-position: left center;
    display:inline-block;
    float:right;
    width:2rem;
    overflow: hidden;
}

a span.home-camerafinder {
    
} 
a:focus span.home-camerafinder, 
a:hover span.home-camerafinder {
    
} 


#camerafamilies-nav span{   
    font-weight:bolder;
    font-size: 3rem;
    color: #bbb;
    cursor:pointer;
}

#camerafamilies-nav span.active{  
    color:#666;
}

#home-camerafamilies span.up,
#home-camerafamilies span.down {
    display: none !important;
} 

/*
#home-camerafamilies span.up,
#home-camerafamilies span.down{ 
    display:block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center center;
}
#home-camerafamilies span.down{     
    background-image: url(../layout/icons/gen/arrow-left-ids-machine-vision-cameras-grey.svg);
    cursor:pointer;
}

#home-camerafamilies span.up{   
    background-image: url(../layout/icons/gen/arrow-right-ids-machine-vision-cameras-grey.svg);
    cursor:pointer;
}
*/


#camerafamilieshome-swiper-parent {
    position: relative;
}

#home-camerafamilies .ce_ids_new_row.camerafamilies-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-height: 310px;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
#camerafamilieshome.swiper-container {}
#camerafamilieshome.swiper-container #camerafamilies.swiper-wrapper {}
#camerafamilieshome.swiper-container .swiper-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap;
}
#camerafamilieshome.swiper-container .swiper-wrapper .swiper-slide {
    margin: 0 !important;
}

#camerafamilieshome-swiper-navigation {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: -2rem;
    left: 0;
}
#camerafamilieshome-swiper-navigation .swiper-button-prev,
#camerafamilieshome-swiper-navigation .swiper-button-next {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    margin: 0 0.5rem;
    outline: none;
}
#camerafamilieshome-swiper-navigation .swiper-button-prev:hover,
#camerafamilieshome-swiper-navigation .swiper-button-next:hover {}
#camerafamilieshome-swiper-navigation .swiper-button-prev:hover:after,
#camerafamilieshome-swiper-navigation .swiper-button-next:hover:after {
    color: #007e88;
}
#camerafamilieshome-swiper-navigation .swiper-button-prev:after,
#camerafamilieshome-swiper-navigation .swiper-button-next:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -0.25rem;
    left: 0;
    font-size: 1rem;
    font-weight: bold;
    color: #878787;
    text-align: center;
    transition: color 250ms linear;
}
#camerafamilieshome-swiper-navigation .swiper-button-prev {
    
}
#camerafamilieshome-swiper-navigation .swiper-button-next {
    
}

#camerafamilieshome-swiper-pagination {
    position: relative;
    width: auto;
    height: 1rem;
    line-height: 1;
}
#camerafamilieshome-swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin: 0 0.25rem;
    border-radius: 100%;
    background: #dedede;
    opacity: 1;
    outline: none;
    cursor: pointer;
}
#camerafamilieshome-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    position: relative;
    background: #007e88;
    opacity: 1;
}


#camerafamilieshome.swiper-container .swiper-wrapper .swiper-slide.ce_image {}
#camerafamilieshome.swiper-container .swiper-wrapper .swiper-slide.ce_image .contents {}
#camerafamilieshome.swiper-container .swiper-wrapper .swiper-slide.ce_image .contents a {
    display: block;
}
#camerafamilieshome.swiper-container .swiper-wrapper .swiper-slide.ce_image .contents a:focus,
#camerafamilieshome.swiper-container .swiper-wrapper .swiper-slide.ce_image .contents a:hover {}
#camerafamilieshome.swiper-container .swiper-wrapper .swiper-slide.ce_image .contents a:focus figure img,
#camerafamilieshome.swiper-container .swiper-wrapper .swiper-slide.ce_image .contents a:hover figure img {
    transform: scale(1.1);
}
#camerafamilieshome.swiper-container .swiper-wrapper .swiper-slide.ce_image .contents a figure {}
#camerafamilieshome.swiper-container .swiper-wrapper .swiper-slide.ce_image .contents a figure img {
    transform: scale(1);
    transition: transform 250ms ease-out;
}
#camerafamilieshome.swiper-container .swiper-wrapper .swiper-slide.ce_image .contents a figure figcaption {
    position: relative;
    z-index: 1
}













/*----------------------------------------------------------------------------------------------
Startseite Tool-Kacheln (Kamerafinder, Ensenso Selektor, NXT)
----------------------------------------------------------------------------------------------*/
#main .tooltile {    
    padding: 2rem;
    background-color: #878787;
    color: #fff;
/*    
    background-image: url("/tl_files/images/tiles/kachel-kameras-x1.png");
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: 150% 150%;
*/
    background-image: url("/tl_files/images/home/tiles/ids-industrial-cameras-manufacturer-ueye-cameras-tile.png");
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: 150% 150%;
    -webkit-transition: background-position 500ms;
    -moz-transition: background-position 700ms;
    -o-transition: background-position 700ms;
    transition: background-position 700ms;
}
#main .tooltile .heading{   
    padding-left:4rem;
    font-size: 1.5rem;
    line-height:1.5rem;
    background-image:url(../layout/icons/gen/camera-ids-machine-vision-cameras-white.svg);
    background-size: 3.3rem;
    background-repeat: no-repeat;
    margin-bottom: 30px;
}
#main .tooltile .strong { 
    font-weight: 800;
    display:block;
}

#main .tooltile .ce_text {  
    width:70%;
    margin-bottom: 3rem;
    min-height:7.5rem;
    color: #fff;
}
#main .tooltile .ce_hyperlink a{
    display:inline-block;
    color: #fff;
    border: 0.125rem #fff solid;
    line-height: 2;
    padding: 0.5rem  2.5rem;
    
    position: relative;
    transition: background 250ms ease-out, color 250ms linear;
}

#main .tooltile.camfinder .ce_hyperlink a {
    background: rgba(255,255,255, 0.9);
    color: #878787;
    font-weight: 600;
}
#main .tooltile.camfinder .ce_hyperlink a:focus,
#main .tooltile.camfinder .ce_hyperlink a:hover {
    background: #FFFFFF;
}
#main .tooltile.ensenso {  
    background-color: #343434;
    background-image: url("/tl_files/images/home/tiles/ids-industrial-cameras-manufacturer-ensenso-stereo-3d-cameras-tile-dark-grey.png");
    background-size: 80%;
}
#main .tooltile.ensenso .ce_hyperlink a {
    background: rgba(255,255,255, 0.8);
    color: #343434;
    font-weight: 600;
}
#main .tooltile.ensenso .ce_hyperlink a:focus,
#main .tooltile.ensenso .ce_hyperlink a:hover {
    background: #FFFFFF;
}
#main .tooltile.ensenso .heading{   
    background-image:url(../layout/icons/gen/ensenso-small-ids-machine-vision-cameras-white.svg);
    background-size: 5rem;
    padding-left:5.8rem;
    background-position: 0 -1rem;
}
#main .tooltile.nxt {
    background-color: #dedede;
    background-image: url("/tl_files/images/home/tiles/ids-industrial-cameras-manufacturer-ids-nxt-cameras-tile-light-grey.png");
    background-size: 55%;
    color: #414141;
}

#main .tooltile.nxt .ce_text{   
    color: #414141;
}

#main .tooltile.nxt .heading{ 
    background-image:url(../layout/icons/gen/ids-nxt-camera-lie-ids-machine-vision-cameras-black.svg);
    background-size: 4.6rem;
    padding-left:5.5rem;
    background-position: 0 -0.8125rem;
}
#main .tooltile.nxt .ce_hyperlink a{  
    color: #FFFFFF;
    background: rgba(0, 138, 150, 0.65);
    border-color: #008a96;
}
#main .tooltile.nxt .ce_hyperlink a:focus,
#main .tooltile.nxt .ce_hyperlink a:hover {
    color: #FFFFFF;
    background: #008a96;
}


html[lang='de'] #main .tooltile.camfinder .ce_hyperlink a {
    background: rgba(255,255,255, 0.9);
    color: #878787;
    font-weight: 600;
}
html[lang='de'] #main .tooltile.camfinder .ce_hyperlink a:focus,
html[lang='de'] #main .tooltile.camfinder .ce_hyperlink a:hover {
    background: #FFFFFF;
}
html[lang='de'] #main .tooltile.ensenso {
    background-image: url("/tl_files/images/home/tiles/ids-industrial-cameras-manufacturer-ensenso-stereo-3d-cameras-tile.png");
    background-size: 80%;
    background-color: #dedede;
    color: #414141;
}
html[lang='de'] #main .tooltile.ensenso .ce_text{   
    color: #414141;
}
html[lang='de'] #main .tooltile.ensenso .ce_hyperlink a {
/*    background: rgba(135,135,135, 0.85);
    border: 0.125rem #878787 solid;
    color: #FFFFFF;*/
    background: rgba(255,255,255, 0.9);
    border: 0.125rem #FFFFFF solid;
    color: #878787;
    font-weight: 600;
}
html[lang='de'] #main .tooltile.ensenso .ce_hyperlink a:focus,
html[lang='de'] #main .tooltile.ensenso .ce_hyperlink a:hover {
    /*background: #878787;*/
    background: #FFFFFF;
}
html[lang='de'] #main .tooltile.ensenso .heading{   
    background-image:url(../layout/icons/gen/ensenso-small-ids-machine-vision-cameras-black.svg);
    background-size: 5rem;
    padding-left:5.8rem;
    background-position: 0 -1rem;
}
html[lang='de'] #main .tooltile.nxt {
    background-image: url("/tl_files/images/home/tiles/ids-industrial-cameras-manufacturer-ids-nxt-cameras-tile.png");
    background-size: 55%;
    background-color: #343434;
    color: #FFFFFF;
}
html[lang='de'] #main .tooltile.nxt .ce_text{  
    color: #FFFFFF;
}
html[lang='de'] #main .tooltile.nxt .heading{ 
    background-image:url(../layout/icons/gen/ids-nxt-camera-lie-ids-machine-vision-cameras-white.svg);
    background-size: 4.6rem;
    padding-left:5.5rem;
    background-position: 0 -0.8125rem;
}
html[lang='de'] #main .tooltile.nxt .ce_hyperlink a{
    color: #FFFFFF;
    background: rgba(0, 138, 150, 0.65);
    border-color: #008a96;
}
html[lang='de'] #main .tooltile.nxt .ce_hyperlink a:focus,
html[lang='de'] #main .tooltile.nxt .ce_hyperlink a:hover {
    color: #FFFFFF;
    background: #008a96;
}

#main .tooltile.in-view{
    background-position: 100% 100%;
}
#main div.midrowcircle{
    position: absolute;
    top: 50%;
    left: 50%;
}
#main div.midrowcircle > .contents{
    margin-top: -80px;
    margin-left: -80px;
    z-index: 2;
    width: 160px;
    height: 160px;
    border-radius: 100px;
    text-align: center;
    padding: 49px 10px;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
    position: absolute;
}



@media only screen and (min-resolution: 3dppx) {
    .tooltile { background-image: url("/tl_files/images/tiles/kachel-kameras-x4.png"); }
    .tooltile.ensenso { background-image: url("/tl_files/images/tiles/kachel-ensenso-x4.png"); }
    .tooltile.nxt { background-image: url("/tl_files/images/tiles/kachel-ids-nxt-x4.png"); }
}

/*----------------------------------------------------------------------------------------------
Startseite - weitere Kacheln
.abouttile - Infotext
.linktile - Software Suite und Support
.eventtile - Events und Schulungen
----------------------------------------------------------------------------------------------*/
.abouttile .ce_text{padding:3rem;
                    float:left;
}

.abouttile .at-border{  display: block;
                        width: 3rem;
                        height:3rem;
                        border-color: #dedede;
                        border-style: solid; 
}

.abouttile .at-border.top-left{ float:left;
                                border-width: 0.2rem 0 0 0.2rem; 
}

.abouttile .at-border.top-right{float:right;
                                border-width: 0.2rem 0.2rem 0 0; 
}

.abouttile .at-border.bottom-left{  position:absolute;
                                    left: 15px;
                                    bottom:0px;
                                    border-width: 0 0 0.2rem 0.2rem;
}

.abouttile .at-border.bottom-right{ position:absolute;
                                    right: 15px;
                                    bottom:0px;
                                    border-width: 0 0.2rem 0.2rem 0;
}


.linktile, .eventtile{   height:100%;
                         min-height: 20rem;
}
.linktile span.heading,
.eventtile span.heading{    
    font-size: 1.5rem;
    line-height:1.5rem;
    padding-left: 6rem;
    background-size: 3.25rem;
    background-repeat: no-repeat;
}
html[lang='de'] .linktile a:nth-child(2) span.heading{   
    padding-bottom:0rem;
/*    
    background-image:url(../layout/icons/gen/ki-marketplace-ids-machine-vision-cameras-white.svg);
    background-position: 2rem 1.75rem;
    background-size: 3rem;
*/
    background-image: url(/gicons/ids-visionpier-ids-machine-vision-cameras-white.svg);
    background-position: 2rem 1.35rem;
    background-size: 4.4rem;
    padding-left: 7.10rem;
}
.linktile a span.heading{
    background-image: url(../layout/icons/gen/support-ids-machine-vision-cameras-white.svg);
    background-position: 2rem 2rem;
    background-size: 3.5rem;
    padding-left: 6.25rem;
}
.eventtile span.heading{   
    padding-bottom:0rem;
    padding-left: 3.5rem;
    background-image:url(../layout/icons/gen/events-trainings-ids-machine-vision-cameras-black.svg);
    display:block;
    background-size: 3rem;
}

.linktile a {    
    display:block;
    height:50%;
    background-color: #007e88;
    color: #fff;
    transition: background-color 250ms linear;
}
.linktile a:hover {
    background-color: #008a96;
    background-color: rgba(0, 138, 150, 0.9);
}
.eventtile div.sec{ 
    height:33.333333%;
    background-color: #f5f5f5;
    border-width: 0.1rem 0 0 0;
    border-color: #dedede;
    border-style: solid;
    padding:2rem;
}
.eventtile div.sec:first-of-type{   
    border-top: 0;
}

#wrapper .linktile a:hover{
    color:#fff;
}

.linktile a:first-of-type {  
    background-color: #008a96;
}
.linktile a:first-of-type:hover {  
    background-color: #007e88;
    background-color: rgba(0, 126, 136, 0.8);
}

.linktile a span{  
    display:block;
    height:50%;
    padding:2rem;
}
.linktile a span.info {
    padding: 1rem 2rem 3rem 2rem;
}

.linktile strong,
.eventtile strong{  
    font-weight:700;
}


.linktile a:first-of-type span.heading{ 
    background-image:url(../layout/icons/gen/acp-ids-machine-vision-cameras-white.svg);
    background-size: 4.5rem;
    background-position: 2rem 1.25rem;
    padding-left: 7.25rem;
}

/*#wrapper .linktile.linktile-service-help {}
#wrapper .linktile.linktile-service-help a {
    background: #FFFFFF;
    border: 0.2rem #DEDEDE solid;
    border: 0.2rem #F5F5F5 solid;
    color: #000000;
    height: 100%;
    transition: background 250ms linear;
}
#wrapper .linktile.linktile-service-help a:hover {
    background: #DEDEDE;
    background: #F5F5F5;
    color: #000000;
}
#wrapper .linktile.linktile-service-help a span.heading {
    padding-bottom: 0rem;
    background-image: url(../layout/icons/gen/support-ids-machine-vision-cameras-black.svg);
    background-position: 2rem 2rem;
    background-size: 4rem;
    height: 45%;
}
#wrapper .linktile.linktile-service-help a span.info {
    height: 55%;
}*/

#wrapper .linktile.linktile-white-grey {}
#wrapper .linktile.linktile-white-grey a {
    background: #FFFFFF;
    /*border: 0.2rem #DEDEDE solid;*/
    border: 0.2rem #F5F5F5 solid;
    color: #000000;
    height: 100%;
    transition: background 250ms linear;
}
#wrapper .linktile.linktile-white-grey a:hover {
    /*background: #DEDEDE;*/
    background: #F5F5F5;
    color: #000000;
}
#wrapper .linktile.linktile-white-grey a span.heading {
    padding-bottom: 0rem;
    height: 50%;
}
#wrapper .linktile.linktile-white-grey a span.info {
    height: 50%;
}

#wrapper .linktile a.linktile-link-service-help span.heading {
    background-image: url(../layout/icons/gen/support-ids-machine-vision-cameras-black.svg);
    background-position: 2rem 2rem;
    background-size: 3.5rem;
    padding-left: 6.25rem;
}

#wrapper .linktile a.linktile-link-downloads span.heading {
    background-image: url(../layout/icons/gen/downloads-ids-machine-vision-cameras-black.svg);
    background-position: 2rem 2rem;
    background-size: 3.5rem;
    padding-left: 6.25rem;
}

#wrapper .linktile.linktile-two-links {}
#wrapper .linktile.linktile-two-links a {
    height: 50%;
}
#wrapper .linktile.linktile-two-links a:first-child {
    border-bottom: 0.1rem #F5F5F5 solid;
}
#wrapper .linktile.linktile-two-links a:last-child {
    border-top: 0.1rem #F5F5F5 solid;
}


.ce_ids_start_xxlcontainer .ce_ids_opening_tag .eventtile {}
.ce_ids_start_xxlcontainer .ce_ids_opening_tag .eventtile .sec {}
.ce_ids_start_xxlcontainer .ce_ids_opening_tag .eventtile .sec .ce_hyperlink {}
.ce_ids_start_xxlcontainer .ce_ids_opening_tag .eventtile .sec .ce_hyperlink .contents {}
.ce_ids_start_xxlcontainer .ce_ids_opening_tag .eventtile .sec .ce_hyperlink .contents a {
    outline: none;
    position: relative;
}
.ce_ids_start_xxlcontainer .ce_ids_opening_tag .eventtile .sec .ce_hyperlink .contents a:hover {}
.ce_ids_start_xxlcontainer .ce_ids_opening_tag .eventtile .sec .ce_hyperlink .contents a:hover:before {
    width: 100%;
    left: 0%;
}
.ce_ids_start_xxlcontainer .ce_ids_opening_tag .eventtile .sec .ce_hyperlink .contents a:before {
    content: "";
    display: block;
    background: #008A96;
    width: 0%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: width 250ms linear, left 250ms linear;
}


.ce_ids_start_xxlcontainer  .ce_ids_opening_tag .idsvisionchannel_event_tile {
    height: 100%;
    min-height: 20rem;
    overflow: hidden;
}
.ce_ids_start_xxlcontainer  .ce_ids_opening_tag .idsvisionchannel_event_tile .ids_vision_channel_tile {
    background-color: #f5f5f5;
    display: block;
    height: 50%;
    /*color: #585858;*/
    color: #343434;
    transition: background-color 250ms linear;
}
.ce_ids_start_xxlcontainer  .ce_ids_opening_tag .idsvisionchannel_event_tile .ids_vision_channel_tile:focus,
.ce_ids_start_xxlcontainer  .ce_ids_opening_tag .idsvisionchannel_event_tile .ids_vision_channel_tile:hover {
    background-color: #dedede;
    color: #343434 !important;
}
.ce_ids_start_xxlcontainer  .ce_ids_opening_tag .idsvisionchannel_event_tile .ids_vision_channel_tile .heading {
    background-image: url(../layout/icons/gen/ids-vision-channel-ids-machine-vision-cameras-dark-grey.svg);
    background-repeat: no-repeat;
    background-position: 2rem 1.25rem;
    background-size: 4.5rem;
    display: block;
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding: 2rem 2rem 2rem 7.25rem;
    position: relative;
}
.ce_ids_start_xxlcontainer  .ce_ids_opening_tag .idsvisionchannel_event_tile .ids_vision_channel_tile .heading strong {
    font-weight: 700;
}
.ce_ids_start_xxlcontainer  .ce_ids_opening_tag .idsvisionchannel_event_tile .ids_vision_channel_tile .info {
    display: block;
    padding: 1rem 2rem 3rem 2rem;
}
.ce_ids_start_xxlcontainer  .ce_ids_opening_tag .idsvisionchannel_event_tile .eventtile {
    height: 50%;
    min-height: 10rem;
    border-width: 0.1rem 0 0 0;
    border-color: #dedede;
    border-style: solid;
    color: #343434;
}
.ce_ids_start_xxlcontainer  .ce_ids_opening_tag .idsvisionchannel_event_tile .eventtile div.sec {
    height: 55%;
    border: none;
    padding: 2rem;
}
.ce_ids_start_xxlcontainer  .ce_ids_opening_tag .idsvisionchannel_event_tile .eventtile div.sec:first-child {
    height: 45%;
    padding: 2rem 2rem 0.5rem 2rem;
}
.ce_ids_start_xxlcontainer  .ce_ids_opening_tag .idsvisionchannel_event_tile .eventtile div.sec .ce_hyperlink {}
.ce_ids_start_xxlcontainer  .ce_ids_opening_tag .idsvisionchannel_event_tile .eventtile div.sec .ce_hyperlink .contents {}
.ce_ids_start_xxlcontainer  .ce_ids_opening_tag .idsvisionchannel_event_tile .eventtile div.sec .ce_hyperlink .contents .hyperlink_txt {
    display: none;
}
.ce_ids_start_xxlcontainer  .ce_ids_opening_tag .idsvisionchannel_event_tile .eventtile div.sec .ce_hyperlink .contents.Events {}
.ce_ids_start_xxlcontainer  .ce_ids_opening_tag .idsvisionchannel_event_tile .eventtile div.sec .ce_hyperlink .contents.Events .allevents {
    display: inline;
}
.ce_ids_start_xxlcontainer  .ce_ids_opening_tag .idsvisionchannel_event_tile .eventtile div.sec .ce_hyperlink .contents.Training {}
.ce_ids_start_xxlcontainer  .ce_ids_opening_tag .idsvisionchannel_event_tile .eventtile div.sec .ce_hyperlink .contents.Training .alltrainings {
    display: inline;
}


/*SVG ids-vision-channel2*/
/*@keyframes vision-animation-a {
    0%   { width: 0; }
    25%   { width: 37%; }
    50%   { width: 37%; }
    75%   { opacity: 1; }
    100%   { opacity: 0; }
}
@keyframes vision-animation-b {
    0%   { width: 0; }
    25%   { width: 0; }
    37.5%   { width: 18.5%; }
    50%   { width: 18.5%; }
    75%   { opacity: 1; }
    100%   { opacity: 0; }
}
@keyframes vision-animation-c {
    0%   { width: 0; }
    37.5%   { width: 0; }
    43.75%   { width: 9.5%; }
    50%   { width: 9.5%; }
    75%   { opacity: 1; }
    100%   { opacity: 0; }
}
@keyframes vision-animation-d {
    0%   { width: 0; }
    43.75%   { width: 0; }
    50%   { width: 9.5%; }
    75%   { opacity: 1; }
    100%   { opacity: 0; }
}*/
@keyframes vision-animation-a {
    0%   { width: 0; }
    25%   { width: 37%; }
    50%   { width: 37%; }
}
@keyframes vision-animation-b {
    0%   { width: 0; }
    25%   { width: 0; }
    37.5%   { width: 18.5%; }
    50%   { width: 18.5%; }
}
@keyframes vision-animation-c {
    0%   { width: 0; }
    37.5%   { width: 0; }
    43.75%   { width: 9.5%; }
    50%   { width: 9.5%; }
}
@keyframes vision-animation-d {
    0%   { width: 0; }
    43.75%   { width: 0; }
    50%   { width: 9.5%; }
}

svg#ids-vision-channel2 {
    position: absolute;
    top: 2rem;
    left: 2rem;
    display: block;
    width: 2rem;
    height: 3rem;
    background-color: transparent;
    overflow: hidden;
}
svg#ids-vision-channel2 .st0 {
    fill: #000000;
    animation-duration: 4s;
    /*animation-iteration-count: infinite;*/
    animation-timing-function: ease-out;
}
svg#ids-vision-channel2 .row3a,
svg#ids-vision-channel2 .row2a,
svg#ids-vision-channel2 .row1a {
    animation-name: vision-animation-a;
}
svg#ids-vision-channel2 .row3b,
svg#ids-vision-channel2 .row2b,
svg#ids-vision-channel2 .row1b {
    animation-name: vision-animation-b;
    opacity: 0.75;
}
svg#ids-vision-channel2 .row3c,
svg#ids-vision-channel2 .row2c,
svg#ids-vision-channel2 .row1c {
    animation-name: vision-animation-c;
    opacity: 0.5;
}
svg#ids-vision-channel2 .row3d,
svg#ids-vision-channel2 .row2d,
svg#ids-vision-channel2 .row1d {
    animation-name: vision-animation-d;
    opacity: 0.25;
}


.header400 svg#ids-vision-channel2 {
    position: absolute;
    top: 3.65rem;
    right: 5rem;
    left: auto;
    display: block;
    width: 12.2rem;
    height: 18.25rem;
    background-color: transparent;
    overflow: hidden;
}
@media (min-width: 576px) {
    .header400 svg#ids-vision-channel2 {
        right: 11rem;
    }
}
.header400 svg#ids-vision-channel2 .st0 {
    fill: #FFFFFF;
    animation-duration: 3s;
    /*animation-iteration-count: infinite;*/
    animation-timing-function: ease-out;
}


/*Startseite News*/
.mod_newslist.home h6 {min-height: 3.4rem;}
.mod_newslist.home p {margin-bottom: 0;}
.mod_newslist.home p.info {position:absolute; bottom:0;}
.mod_newslist.home div.ce_text{margin-bottom:3.5rem;}

/*Shader - abblenden des Seiteninhalts bei öffnen des Menüs*/
#shader {   position: fixed;
            width:100%;
            height:100%;
            top:0px;
            left: 0px;
            z-index: -1000;
            background-color: #fff;
            opacity:0.8;
}

/*------------------------------------------------------------------------------
*imgZoom - Detailansicht für Bilder
-------------------------------------------------------------------------------*/


#imgZoom {   
    position: fixed;
    top: 10vh;
    left: 10vw;
    width: 80vw;
    height: 60vh;
    max-height: 400px;
    background-color: #343434;
    padding: 2rem 0rem 0rem 0rem;
    box-shadow: 0 0 10px 0px rgba(52,52,52, 0.25);
    display: none;
    z-index: -1000;
}
@media (min-width: 360px) {
    #imgZoom {
        max-height: 450px;
    }
}
@media (min-width: 375px) {
    #imgZoom {
        max-height: 465px;
    }
}
@media (min-width: 400px) {
    #imgZoom {
        max-height: 500px;
    }
}
@media (min-width: 500px) {
    #imgZoom {
        height: 80vh;
        max-height: calc(1600px + 2rem);
    }
}
@media (min-width: 576px) {
    #imgZoom {
        padding: 2rem 0rem 0rem 0rem;
    }
}
@media (min-width: 768px){
    #imgZoom {   
        width: calc(100vw - 12rem);
        height: calc(100vh - 12rem);
        top: 6rem;
        left: 6rem;
    }
}
@media (min-width: 992px){
    #imgZoom {   
        width: calc(100vw - 12rem);
        height: calc(100vh - 12rem);
        top: 6rem;
        left: 6rem;
    }
}
@media (min-width: 1200px){
    #imgZoom {   
        width: calc(100vw - 16rem);
        height: calc(100vh - 12rem);
        top: 6rem;
        left: 8rem;
    }
}
@media (min-width: 1800px){
    #imgZoom {   
        width: calc(100vw - 18rem);
        height: calc(100vh - 12rem);
        top: 6rem;
        left: 9rem;
    }
}
@media (min-width: 1910px){
    #imgZoom {   
        width: calc(1910px - 18rem);
        height: calc(100vh - 12rem);
        top: 6rem;
        left: calc( (100vw - 1910px + 18rem) / 2);
    }
}
@media (min-width: 576px) and (max-height: 576px){
    #imgZoom {   
        top: 10vh;
        left: 10vw;
        width: 80vw;
        height: 80vh;
        padding: 2rem 0rem 0rem 0rem;
    }
}
@media (min-width: 992px) and (max-height: 750px){
    #imgZoom {   
        width: calc(100vw - 16rem);
        height: calc(100vh - 10rem);
        top: 5rem;
        left: 8rem;
    }
}


#imgZoom .stage {    
    height: calc(100% - 2rem);
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 2rem;
    left: 0;
    background: #f5f5f5;
    z-index: 10;
    text-align: center;
}
#imgZoom .stage.hide {
    z-index: 0;
}

#imgZoom .stage img{    
/*    object-fit: contain;
    width: 100%;
    height: 100%;*/
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
}
@media (min-width: 768px){
    #imgZoom .stage img {    
        
    }
}
@media (min-width: 992px){
    #imgZoom .stage img {    
        
    }
}
@media (min-width: 1200px){
    #imgZoom .stage img {}
}

#imgZoom .stage img.zoomed { 
    width: 125vw;
    height: 125vw;
    max-width: 1600px;
    max-height: 1600px;
    /*object-position: 0% 0%;*/
    position: relative;
    cursor: all-scroll;
}
@media (min-width:768px){
    #imgZoom .stage img.zoomed {}
}

#imgZoom .closeZoom,
#imgZoom .scaleZoom {    
    width: 2rem;
    height: 2rem;
    background-image: url('../layout/icons/gen/x-ids-machine-vision-cameras-light-grey.svg');
    background-size: 1rem;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    transform: scale(1);
    transition: transform 250ms ease-out, opacity 250ms ease-out;
}
@media (min-width: 576px) {
    #imgZoom .closeZoom,
    #imgZoom .scaleZoom { 
        width: 2rem;
        height: 2rem;
        background-size: 1rem;
    }
}
@media (min-width: 576px) and (max-height: 576px){
    #imgZoom .closeZoom,
    #imgZoom .scaleZoom { 
        width: 2rem;
        height: 2rem;
        background-size: 1rem;
    }
}

#imgZoom .closeZoom:hover,
#imgZoom .scaleZoom:hover { 
    opacity: 1;
    transform: scale(1.25);
}

#imgZoom .scaleZoom {   
    opacity: 0.35;
    right: 2.5rem;
    background-image: url('../layout/icons/gen/focus-distance-ids-machine-vision-cameras-light-grey.svg');
}
@media (min-width: 576px) {
    #imgZoom .scaleZoom { 
        right: 2.5rem;
    }
}

#imgZoom .scaleZoom.zoomed {   
    opacity: 1;
}



#imgZoom .swiper-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
}
#imgZoom .swiper-container .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}
#imgZoom .swiper-container .swiper-wrapper .swiper-slide {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
#imgZoom .swiper-container .swiper-wrapper .swiper-slide .image-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    padding: 2rem;
    
    text-align: center;
}
@media (min-width: 768px) {
    #imgZoom .swiper-container .swiper-wrapper .swiper-slide .image-wrapper {
        padding: 1rem;
    }
}
@media (min-width: 992px) {
    #imgZoom .swiper-container .swiper-wrapper .swiper-slide .image-wrapper {
        padding: 0rem;
    }
}
#imgZoom .swiper-container .swiper-wrapper .swiper-slide .image-wrapper img {
/*    object-fit: contain;
    width: 100%;
    height: 100%;*/
    max-height: 100%;
    max-width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}


#imgZoom .swiper-navigation {
    position: absolute;
    top: 2rem;
    bottom: 0;
    left: 0;
    width: 100%;
}
#imgZoom .swiper-navigation .swiper-button-prev,
#imgZoom .swiper-navigation .swiper-button-next {
    position: absolute;
    top: calc(50% - 2rem);
    width: 2rem;
    height: 4rem;
    cursor: pointer;
    margin: 0;
    outline: none;
}
@media (min-width: 576px) {
    #imgZoom .swiper-navigation .swiper-button-prev,
    #imgZoom .swiper-navigation .swiper-button-next {
        top: calc(50% - 2.5rem);
        width: 3rem;
        height: 5rem;
    }
}
#imgZoom .swiper-navigation .swiper-button-prev:hover,
#imgZoom .swiper-navigation .swiper-button-next:hover {}
#imgZoom .swiper-navigation .swiper-button-prev:hover:after,
#imgZoom .swiper-navigation .swiper-button-next:hover:after {
    color: #007e88;
}
#imgZoom .swiper-navigation .swiper-button-prev:after,
#imgZoom .swiper-navigation .swiper-button-next:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 2rem;
    font-weight: bold;
    color: #878787;
    text-align: center;
    transition: color 250ms linear;
}
@media (min-width: 576px) {
    #imgZoom .swiper-navigation .swiper-button-prev:after,
    #imgZoom .swiper-navigation .swiper-button-next:after {
        font-size: 3rem;
    }
}
#imgZoom .swiper-navigation .swiper-button-prev {
    left: 0px;
}
@media (min-width: 992px) {
    #imgZoom .swiper-navigation .swiper-button-prev {
        left: 1rem;
    }
}
#imgZoom .swiper-navigation .swiper-button-next {
    right: 0px;
}
@media (min-width: 992px) {
    #imgZoom .swiper-navigation .swiper-button-next {
        right: 1rem;
    }
}



/*----------------------------------------------------------------------------------------------
Breadcrumb
----------------------------------------------------------------------------------------------*/
.breadcrumb li a::after{  content: " / ";
                          padding-right: 0.3rem;
}

/*.cloudzoom-zoom-inside
{
    max-width: 80% !important;
    max-height: 80% !important;
}*/

.seperator{
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #ECECEC;
}
.seperator-top{
    padding-top: 1rem;
    margin-top: 2rem;
    border-top: 1px solid #ECECEC;
}
.ce_youtube>div{
    padding-top: 56.25%;
    position: relative;
}
.ce_youtube>div>iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
/*----------------------------------------------------------------------------------------------
Labels
----------------------------------------------------------------------------------------------*/
ul.labellist{
    list-style: none;
    margin: 0 0 2rem;
    padding: 0;
}
ul.labellist li{
    display: inline-block;
    margin: 0.3rem 0.5rem;
}
ul.labellist a.label.active{
    background: #008A96;
    color: #FFFFFF;
}
ul.labellist a.label{
    background: #E5E5E5;
    display: inline-block;
    padding: 0.75rem 1rem;
    border-radius: 1.25rem;
    font-size: 0.875rem;
    line-height: 1rem;
    transition: background-color 250ms linear, color 250ms linear;
}
ul.labellist.showall li.showall,
ul.labellist li{
    display: none;
}
ul.labellist.showall li,
ul.labellist.showall li.showless,
ul.labellist li.top,
ul.labellist li.showall{
    display: inline-block;
}
#wrapper ul.labellist a.label:hover{
    color: #FFFFFF;
    background: #008A96;
}
#main .ce_image.image-cover > div{
    padding-bottom: 66%;
    position: relative;
}
#main .ce_image.image-cover h2{
    text-align: center;
    width: 100%;
    color: #FFF;
    top: 50%;
    font-size: 1.5rem;
    position: absolute;
    font-weight: bold;
    margin-top: -14px;
}
#main .ce_image.image-cover figure{
    position: absolute;
    width: 100%;
    height: 100%;
}
#main .ce_image.image-cover figure > img, 
#main .ce_image.image-cover figure > picture,
#main .ce_image.image-cover figure > picture > img, 
#main .ce_image.image-cover figure > a > img{
    height: 100% !important;
}
#main .ce_text p:last-child{
    margin-bottom: 0;
}
#main .ce_CeIdsProductButton.button-link.white-border a,
#main .ce_hyperlink.button-link.white-border a{
    border: 2px solid white;
}
#main .ce_CeIdsProductButton.button-link a,
#main .ce_hyperlink.button-link a{
    background: #008A96;
    color: #FFF;
    padding: 1rem 3rem;
    display: inline-block;
    outline: none;
    transition: background 250ms ease-out, color 250ms ease-out;
}
#main .ce_CeIdsProductButton.button-link a:focus,
#main .ce_CeIdsProductButton.button-link a:hover ,
#main .ce_hyperlink.button-link a:focus,
#main .ce_hyperlink.button-link a:hover {
    background: #007e88;
    color: #FFF !important;
}
#main .ce_CeIdsProductButton.button-grey-link a,
#main .ce_hyperlink.button-grey-link a{
    background: #F5F5F5;
    color: #008A96;
    padding: 1rem 1rem;
    display: inline-block;
    border: solid 2px #008A96;
    border-radius: 3px;
    text-align: center;
    width: 100%;
    outline: none;
    transition: background 250ms ease-out, border 250ms ease-out, color 250ms ease-out;
}
#main .links-button-grey a{
    background: #F5F5F5;
    color: #008A96;
    padding: 0.7rem 2rem;
    display: inline-block;
    border: solid 2px #008A96;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    outline: none;
    transition: background 250ms ease-out, border 250ms ease-out, color 250ms ease-out;
}
#main .ce_player video{
    width: 100%;
}

/*@keyframes arrow-link-animation {
    0% {
        background-size: 100% 100%;
        background-position: 0px center;
    }
    20% {
        background-size: 50% 100%;
        background-position: 0px center;
    }
    40% {
        background-size: 75% 100%;
        background-position: 5px center;
    }
    50% {
        background-size: 100% 100%;
        background-position: 25px center;
    }
    50.1% {
        background-position: -25px center;
    }
    70% {
        background-size: 75% 100%;
        background-position: right center;
    }
    80% {
        background-size: 50% 100%;
        background-position: right center;
    }
    100 {
        background-size: 100% 100%;
        background-position: right center;
    }
}*/
@keyframes arrow-link-animation-simple {
    0% {
        background-position: 0px center;
    }
    40% {
        background-position: 25px center;
    }
    50% {
        background-position: 25px center;
    }
    50.01% {
        background-position: -25px center;
    }
    100 {
        background-position: right center;
    }
}

#main .arrow-link a {
    position: relative;
    display: inline-block;
    padding-left: 35px;
}
#main .arrow-link a:hover:after {
/*    animation-name: arrow-link-animation;
    animation-duration: 2s;*/
    animation-name: arrow-link-animation-simple;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
}
#main .arrow-link a::after{
    content: "";
    background-image: url(/files/layout/icons/gen/arrow-link-right-ids-machine-vision-cameras-ids-colour.svg);
    display: inline-block;
    height: 100%;
    width: 25px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    position: absolute;
    top: 0px;
    left: 0px;
}
#main .block.mod_breadcrumb{
    margin-top: 48px;
    margin-bottom: 0px;
}
#main .mod_breadcrumb ul{
    list-style: none;
    margin: 0 -0.3rem;
    padding: 0;
}
#main .mod_breadcrumb li{
    display: inline-block;
    margin: 0 4px;
    font-size: 12px;
}
#main .mod_breadcrumb li a{
    text-transform: uppercase;
    color: #008A96;
}

#main .mod_breadcrumb ul li a {}
#main .mod_breadcrumb ul li a:focus,
#main .mod_breadcrumb ul li a:hover {}
#main .mod_breadcrumb ul li a:focus span,
#main .mod_breadcrumb ul li a:hover span {}
#main .mod_breadcrumb ul li a:focus span:before,
#main .mod_breadcrumb ul li a:hover span:before {
    width: 100%;
    left: 0;
}
#main .mod_breadcrumb ul li a span {
    position: relative;
}
.ie #main .mod_breadcrumb ul li a span {
    display: inline-block;
}
#main .mod_breadcrumb ul li a span:before {
    content: '';
    display: block;
    background: #008A96;
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: width 250ms ease-out, left 250ms ease-out;
}
#main .mod_breadcrumb.text-white ul li a span:before {
    background: #FFFFFF;
}

#main .mod_breadcrumb a i{
    text-transform: none !important;
    font-style: normal;
}
#main  .download-element.button {
    display: inline-block;
    padding: 15px 40px 15px 60px;
    color: white;
    background-color: #008A96;
    font-weight: 600;
    margin: 1.5rem auto;
    font-size: 1rem;
    background-image: url(/files/layout/icons/gen/data-sheet-ids-machine-vision-cameras-white.svg);
    background-repeat: no-repeat;
    background-size: 20px 25px;
    background-position: 20px 15px;
    transition: background-color 250ms ease-out, background-position 250ms ease-out, background-size 250ms ease-out, color 250ms ease-out;
}
#main  .download-element.button.ext-zip{
    background-image: url(/files/layout/icons/gen/zip-file-ids-machine-vision-cameras-white.svg);
    
}
#main  .download-element.button:focus,
#main  .download-element.button:hover {
    color: white;
    background-color: #007e88;
    background-size: 24px 30px;
    background-position: 18px 12px;
}

#main .download-element.name{
    color: #878787;
    font-style: italic;
}
/*----------------------------------------------------------------------------------------------
Form
----------------------------------------------------------------------------------------------*/
#main form .container,
#main form .container-xxl,
#main form .container-fluid{
    height: 100%;
}
#main form legend,
#main form label{
    display: block;
    font-weight: bold;
    font-size: 0.9rem;
}
#main.cms form legend,
#main.cms form label{
    display: inline-block;
    position: relative;
}
#main.cms form .checkbox_container label,
#main.cms form .radio_container label{
    display: block;
}
#main.cms form .checkbox_container label + label,
#main.cms form .radio_container label + label {
    position: relative;
    top: -2px;
    line-height: 1rem;
}
@media (min-width: 576px) {
    #main.cms form .checkbox_container label + label,
    #main.cms form .radio_container label + label {
        position: relative;
        top: -5px;
        line-height: 1.5rem;
    }
}
#main form legend span.mandatory,
#main form label span.mandatory{
    color: #a5112d;
    margin-left: 5px;
}
#main form .contactmessage textarea{
    height: 156px;
}
#main form div.row > * {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
#main i{
    text-transform: none !important;
    font-style: normal;
    color: inherit !important;
	/*keine Einschraenkung auf .cms!!!*/
}
#main.cms input,
#main.cms textarea,
#main.cms  select,
#main.cms  input[type="radio"] + label::before,
#main.cms  input[type="checkbox"] + label::before{
    padding: 10px;
    display: block;
    width: 100%;
    border: 1px solid #dedede;
    border-radius: 3px;
    box-shadow: 0px 0px 2px 2px rgba(222,222,222,0.3);
    background: #FFF;
    outline: none;
}
#main.cms .input-readonly input,
#main.cms .input-readonly textarea,
#main.cms .input-readonly select,
#main.cms input:disabled,
#main.cms textarea:disabled,
#main.cms select:disabled{
    background:  #dedede;
}
#main.cms .invalid input:invalid,
#main.cms .invalid textarea:invalid,
#main.cms .invalid select:invalid,
#main.cms .invalid input[type="checkbox"]:invalid + label::before{
    border: 1px solid #a5112d;
    border-radius: 3px;
    box-shadow: 0px 0px 2px 2px rgba(165,17,45,0.3);
    background: #FFF;
}
#main.cms div.help-dialog,
#main.cms .help div.dialog{
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background-image: url(/files/layout/icons/gen/question-mark-ids-machine-vision-cameras-ids-colour.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    cursor: pointer;
}
#main form input,
#main form select{
    height: 47px;
}
#main form button,
#main .my-account button{
    background-color: #008A96;
    color: #FFFFFF;
    border-radius: 3px;
    border: 2px solid #008a96;
    padding: 9px;
    display: block;
    width: 100%;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: 600;
}

#main form button.small,
#main .my-account button.small{
    padding: 0.4rem;
    font-size: 0.8rem;
}

#main form fieldset.number{
    padding: 10px;
    display: block;
    width: 100%;
    border: 1px solid #dedede;
    border-radius: 3px;
    box-shadow: 0px 0px 2px 2px rgba(222,222,222,0.3);
    background: #FFFFFF;
    position: relative;
}
#main form fieldset.number input{
    margin: 0 30px;
    border: none;
    padding: 0;
    box-shadow: none;
    text-align: center;
    width: calc(100% - 60px);
    height: 25px;
}
#main form fieldset.number input[type="number"]::-webkit-outer-spin-button,
#main form fieldset.number input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#main form fieldset.number input[type="number"] {
    -moz-appearance: textfield;
}
#main form fieldset.number button{
    border: none;
    background: none;
    color: #000;
    font-weight: bolder;
    width: 25px;
    padding: 0;
    position: absolute;
    top: 10px;
    left: 10px;
}
#main form fieldset.number button.inc{
    left: auto;
    right: 10px;
}
#main form input[type="checkbox"].slider {
    display:none;
}
#main form input[type="checkbox"].slider + label {
    width: 53px;
    height: 30px;
    border-radius: 15px;
    border: 1px solid #dedede;
    box-shadow: 0px 0px 2px 2px rgba(222,222,222,0.3);
    background-color: #FFF;
    display: inline-block;
    content: "";
    float: left;
    margin-right: 10px;
    margin-bottom: 2.5rem;
    background-image: url(/files/layout/icons/gen/x-ids-machine-vision-cameras-light-grey.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 32px 8px;
    transition: background-color 0.5s linear;
}
#main form .form-info{
    margin-top: 4px;
    font-size: 0.85rem;
} 
@media (min-width: 375px) {
    #main form input[type="checkbox"].slider + label {
        margin-bottom: 1rem;
    }
}
@media (min-width: 576px) {
    #main form input[type="checkbox"].slider + label {
        width: 70px;
        height: 40px;
        border-radius: 20px;
        margin-right: 15px;
        margin-bottom: 0.5rem;
        background-size: 16px 16px;
        background-position: 43px 11px;
    }
}

#main form input[type="checkbox"].slider + label:hover {
    cursor: pointer;
}
#main form input[type="checkbox"].slider + label::before {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    display: block;
    content: "";
    float: left;
    margin-right: 5px;
    transition: margin 0.1s linear;
    margin-top: 2px;
    margin-left: 3px;
}
@media (min-width: 576px) {
    #main form input[type="checkbox"].slider + label::before {
        width: 34px;
        height: 34px;
        border-radius: 18px;
        margin-right: 5px;
        margin-top: 2px;
        margin-left: 3px;
    }
}

#main form input[type="checkbox"].slider:checked+label{
    background-color: #008A96;
    border: 1px solid #008A96;
    background-image: url(/files/layout/icons/gen/check-mark-ids-machine-vision-cameras-white.svg);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: 6px 8px;
}
@media (min-width: 576px) {
    #main form input[type="checkbox"].slider:checked+label{
        background-size: 20px 20px;
        background-position: 6px 10px;
    }
}

#main form .invalid input[type="checkbox"].slider:invalid+label{
    background-color: #FFFFFF;
    border: 1px solid #a5112d;
    box-shadow: 0px 0px 2px 2px rgba(165,17,45,0.2);
}
@media (min-width: 576px) {
    
}

#main.cms .invalid input[type="checkbox"].slider:invalid + label::before{
    border: 1px solid #dedede;
    box-shadow: 0px 0px 2px 2px rgba(222,222,222,0.3);
    background-color: #FFF;
    border-radius: 18px;
}
@media (min-width: 576px) {
    #main.cms .invalid input[type="checkbox"].slider:invalid + label::before{
        border-radius: 18px;
    }
}

#main form input[type="checkbox"].slider + label:hover::before{
    background-image: none;
}
#main form input[type="checkbox"].slider:checked+label::before {
    margin-left: 25px;
    background-color: white;
    background-image: none;
}
@media (min-width: 576px) {
    #main form input[type="checkbox"].slider:checked+label::before {
        margin-left: 31px;
    }
}


#main form label.lb_cb_slider {
    line-height: 40px;
}
#main form button.outline,
#main .my-account button.outline{
    background-color: #ffffff;
    color: #008a96;
}

#main form p.error{
    color: #a5112d;
}
#main form div.textline {
    line-height:47px;
}
#main form textarea::placeholder,
#main form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #878787;
    opacity: 0.7; /* Firefox */
}
#main form input::-ms-input-placeholder
#main form textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #878787;
    opacity: 0.7;
}

#main form textarea::-ms-input-placeholder,  /* Microsoft Edge */
#main form input::-ms-input-placeholder { /* Microsoft Edge */
    color: #878787;
    opacity: 0.7;
}
#main.cms  input[type="radio"] ,
#main.cms  input[type="checkbox"] {
    display:none;
}
#main.cms  input[type="radio"] + label,
#main.cms  input[type="checkbox"] + label{
    position:relative;
    padding-left: 50px;
    font-weight: normal;
}
#main.cms  input[type="radio"] + label::before {
    width: 1.25rem;
    height: 1.25rem;
    display: block;
    background: #FFF;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1rem 1rem;
    border-radius: 1rem;
    cursor: pointer;
    position: absolute;
    top: 0.1875rem;
    left: 0;
}
#main.cms  input[type="checkbox"] + label::before {
    width: 1.25rem;
    height: 1.25rem;
    display: block;
    background: #FFF;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1rem 0.75rem;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}
#main.cms  input[type="radio"] + label:hover::before {
    background-image: url(/files/layout/icons/gen/circle-ids-machine-vision-cameras-light-grey.svg);
}
#main.cms  input[type="radio"]:checked + label::before {
    background-image: url(/files/layout/icons/gen/circle-ids-machine-vision-cameras-ids-colour.svg);
    opacity: 0.8;
}
#main.cms  input[type="checkbox"] + label:hover::before {
    background-image: url(/files/layout/icons/gen/check-mark-ids-machine-vision-cameras-light-grey.svg);
}
#main.cms  input[type="checkbox"]:checked + label::before {
    background-image: url(/files/layout/icons/gen/check-mark-ids-machine-vision-cameras-white.svg);
    background-color: #008A96;
}
#main .form-mandatory strong{
    margin-right: 5px;
}
#main .form-mandatory{
    font-weight: 600;
}
#main.cms .page.summary h3{
    cursor: pointer;
}
#main.cms .functions fieldset > span:nth-child(even){
    display: none;
    margin-left: 3rem;
    margin-bottom: 0.25rem;
}
#main form.supportrma select.empty,
#main form.supportrma select option[value=""]{
    color: #878787;
}
#main form.supportrma select option{
    color: #000;
}
/* 
Table
*/
#main .ce_table {}
#main .ce_table .contents {}
#main .ce_table .contents table {}
#main .ce_table .contents {}
#main .ce_table .contents table {}
#main .ce_table .contents table thead {}
#main .ce_table .contents table thead tr {
    border-top: 2px solid #cccccc;
}
#main .ce_table .contents table tbody {}
#main .ce_table .contents table tbody tr {}
#main .ce_table .contents table tbody tr:first-child {
    border-top: 2px solid #cccccc;
}

#main .ce_table.table-bordered {
    padding-top: 15px;
    padding-bottom: 15px;
}
#main .ce_table.table-bordered .contents {}
#main .ce_table.table-bordered .contents table {}
#main .ce_table.table-bordered .contents table thead {}
#main .ce_table.table-bordered .contents table thead tr {
    border: none;
}
#main .ce_table.table-bordered .contents table tbody {}
#main .ce_table.table-bordered .contents table tbody tr {}
#main .ce_table.table-bordered .contents table tbody tr:first-child {
    border-top: 2px solid #cccccc;
}

#main .table.block table{
    width: 100%;
}
#main table tr>* p:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
}
#main .table.block td,
#main .table.block th{
    border: none;
}
#main .table.block th:last-child:empty {
    display: none;
}

#main .table.block tr{
    border-top: 1px solid #dedede;
}
#main .table.block tbody tr:first-child{
    border-top-width: 2px;
}
#main .table.block tr.details{
    border-top: 1px solid #eaeaea;
}
#main .table.block tr:hover{
    background: #f5f5f5;
}
#main .table.block tr:hover + tr.details{
    background: #f5f5f5;

}
#main .table.block .more{
    width: 45px;
}
#main .table.block .more a{
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/files/layout/icons/gen/drop-down-ids-machine-vision-cameras-grey.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
	padding: 0;
}
#main .table.block .less a{
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/files/layout/icons/gen/drop-up-ids-machine-vision-cameras-grey.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
	padding: 0;
}
#main .table.block .details > td{
    padding: 1rem 1rem;
}
@media (min-width: 768px) {
    #main .table.block .details > td{
        padding: 1rem 3rem;
    }
}

#main .table.block .details .table-details {
    position: relative;
    overflow: hidden;
    width: 100%;
}
#main .table.block .details .table-details .table-details-row {
    position: relative;
    overflow: hidden;
    width: 100%;
    line-height: 1.3;
}
@media (min-width: 576px) {
    #main .table.block .details .table-details .table-details-row {
        display: flex;
        align-items: center;
    }
}
#main .table.block .details .table-details .table-details-row + .table-details-row {
    border-top: 1px solid #eaeaea;
    margin: 1rem 0 0 0;
    padding: 1rem 0 0 0;
}
@media (min-width: 576px) {
    #main .table.block .details .table-details .table-details-row.d-sm-none + .table-details-row {
        border-top: none;
        margin: 0;
        padding: 0;
    }
}
@media (min-width: 768px) {
    #main .table.block .details .table-details .table-details-row.d-md-none + .table-details-row {
        border-top: none;
        margin: 0;
        padding: 0;
    }
}
@media (min-width: 992px) {
    #main .table.block .details .table-details .table-details-row.d-lg-none + .table-details-row {
        border-top: none;
        margin: 0;
        padding: 0;
    }
}
@media (min-width: 1200px) {
    #main .table.block .details .table-details .table-details-row.d-xl-none + .table-details-row {
        border-top: none;
        margin: 0;
        padding: 0;
    }
}

#main .table.block .details .table-details .table-details-row .head {
    position: relative;
    overflow: hidden;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 700;
}
#main .table.block .details .table-details .table-details-row .value {
    position: relative;
    overflow: hidden;
    width: 100%;
    font-size: 0.875rem;
}

#main .table.block .details  table tr{
    border: none;
}
#main .table.block .details  table td,
#main .table.block .details  table th{
    padding: 2px 5px;
    font-size: 0.95rem;
}
#main .table.block .details table th{
    white-space: nowrap;
}
#main section.ce_accordionStart{
    margin-top: -1rem;
}
.ce_accordionStart .accordion{
    background-color: #F5F5F5;
    padding: 1rem 3rem;
}
.ce_accordionStart .togg,
.ce_accordionStart .toggler{
    color: #008A96;
    padding-right: 20px;
    margin-bottom: 0;
    background-image: url(/files/layout/icons/gen/drop-down-ids-machine-vision-cameras-ids-colour.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 16px 10px;
    text-align: right;
    cursor: pointer;
}
.ce_accordionStart .togg,
.ce_accordionStart .toggler{
    outline: none;
}
.ce_accordionStart .togg.active,
.ce_accordionStart .toggler.active{
    margin-bottom: 30px;
    background-image: url(/files/layout/icons/gen/drop-up-ids-machine-vision-cameras-ids-colour.svg);
}


/**************************************************************/
/*              ce_accordionStart button-variante             */
/**************************************************************/
#main section.ce_accordionStart.button-variante {
    text-align: center;
}
.ce_accordionStart.button-variante .togg,
.ce_accordionStart.button-variante .toggler {
    background-color: #008A96;
    background-image: url(/files/layout/icons/gen/drop-down-ids-machine-vision-cameras-white.svg);
    background-position: right center;
    background-position: calc( 100% - 9px) center;
    background-repeat: no-repeat;
    background-size: 16px 10px;
    border: 2px solid #008A96;
    color: #ffffff;
    padding: 0.75rem 2rem 0.75rem 1rem;
    display: inline-block;
    transition: background-color 250ms linear, border 250ms linear, color 250ms linear;
}
.ce_accordionStart.button-variante .togg:hover,
.ce_accordionStart.button-variante .toggler:hover {
    background-color: #007E88;
    border: 2px solid #007E88;
}
.ce_accordionStart.button-variante .togg.active ,
.ce_accordionStart.button-variante .toggler.active {
    background-image: url(/files/layout/icons/gen/drop-up-ids-machine-vision-cameras-white.svg);
    /*background-image: url(/files/layout/icons/gen/drop-up-ids-machine-vision-cameras-ids-colour.svg);*/
    background-color: #008A96;
    border: 2px solid #008A96;
    color: #ffffff;
    margin-bottom: 0;
}
.ce_accordionStart.button-variante .togg.active:hover ,
.ce_accordionStart.button-variante .toggler.active:hover {
    background-color: #007E88;
    border: 2px solid #007E88;
    color: #ffffff;
}
.ce_accordionStart.button-variante .toggler .ui-accordion-header-icon {}
.ce_accordionStart.button-variante .accordion {
    background-color: inherit;
    text-align: left;
}




#main .ce_text.shell_highlighted.block>div, 
.ce_code pre,
#main .ce_code.shell_highlighted.block>div {
    padding: 15px;
    background-color: #343434;
    font-family: courier;
    color: #fff;
}
#main .ce_text.shell_highlighted.block>div p:last-child{
    margin:0;
}

.checklist h4:before{
    content: "";
    background: url("/files/layout/icons/gen/check-mark-ids-machine-vision-cameras-ids-colour.svg") no-repeat center center transparent !important;
    position: absolute;
    top: -13px;
    left: -60px;

    width: 45px;
    height: 45px;
    border: 1px solid #eaeaea;
    border-radius: 50%;
}
.checklist h4:first-child{
    margin-top: 13px !important;
}
.checklist h4{
    margin-left: 60px;
    position: relative;
}
.checklist p:before{
    content: "";
    position: absolute;
    top: -17px;
    left: -38px;
    border-left: 1px solid #eaeaea;
    height: calc(100% + 35px);
    width: 0;
}
.checklist.smallgap p:before{
    content: "";
    position: absolute;
    top: 0.3125rem;
    left: -2.375rem;
    border-left: 0.0625rem solid #eaeaea;
    height: calc(100% - 0.125rem);
    width: 0;
}
.checklist p{
    margin-left: 3.75rem;
    position: relative;
}
.checklist p:last-child:before{
    display: none;
}
.numberlist{
    counter-reset: numberlist;
}
.numberlist > *{
    position: relative;
    padding-left: 5rem;
}
.numberlist > *::before{
    content: counter(numberlist);
    /*  background: url("/files/layout/icons/gen/check-mark-ids-machine-vision-cameras-ids-colour.svg") no-repeat center center transparent !important;*/
    position: absolute;
    top: -10px;
    left: 15px;
    width: 45px;
    height: 45px;
    line-height: 40px;
    text-align: center;
    color: #008A96;
    font-size: 23px;
    border: 1px solid #eaeaea;
    border-radius: 50%;
    font-weight: 200;
    counter-increment: numberlist;
}
.numberlist > *::after{
    content: "";
    position: absolute;
    top: 35px;
    left: 37px;
    border-left: 1px solid #eaeaea;
    height: calc(100% + 15px);
    display:block;
}
.numberlist > *:last-child::after{
    display: none;
}


.numberlist.numberlist-option-a {}
.numberlist.numberlist-option-a > * {
    padding-left: 6rem;
}
.numberlist.numberlist-option-a.nl-xxl-vert > * {}
@media (min-width: 1200px) {
    .numberlist.numberlist-option-a.nl-xxl-vert > * {
        padding-top: 6.5rem;
        padding-left: 0;
    }
}
.numberlist.numberlist-option-a > *::before {
    content: counter(numberlist);
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    position: absolute;
    top: -20px;
    left: 15px;
    font-size: 1.75rem;
    font-weight: 600;
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.numberlist.nl-xxl-vert > *::before {}
@media (min-width: 1200px) {
    .numberlist.numberlist-option-a.nl-xxl-vert > *::before {
        top: 0px;
        left: 50%;
        margin-left: -44px;
        border: 1px solid #f5f5f5;
        line-height: 75px;
        font-size: 2.25rem;
        font-weight: 600;
        width: 75px;
        height: 75px;
    }
}
.numberlist.numberlist-option-a > *::after {
    content: "";
    position: absolute;
    top: 50px;
    left: 42px;
    background-color: #f5f5f5;
    border: none;
    border-radius: 3px;
    height: calc(100% - 16px);
    width: 6px;
    display: block;
}
@media (min-width: 1200px) {
    .numberlist.numberlist-option-a.nl-xxl-vert > *::after {
        top: 36px;
        left: calc(50% + 47px);
        background-color: #f5f5f5;
        border: none;
        border-radius: 4px;
        height: 8px;
        width: calc(100% - 108px);
    }
}
.numberlist.numberlist-option-a > *:last-child::after{
    display: none;
}
.numberlist.numberlist-option-a .contents {}
.numberlist.numberlist-option-a .contents h4 {
    padding-bottom: 2px;
    border-bottom: 2px solid #008A96;
    display: inline-block;
}



.numberlist.numberlist-option-b {}
.numberlist.numberlist-option-b > * {
    padding-top: 65px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 1.5rem !important;
    margin-bottom: 1rem !important;
    text-shadow: 0px 0px 10px rgba(33, 37, 41, 0.5);
}
@media (min-width: 576px) {
    .numberlist.numberlist-option-b > * {
        padding-top: 85px;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 2rem !important;
        margin-bottom: 1.5rem !important;
    }
}
@media (min-width: 1200px) {
    .numberlist.numberlist-option-b.nl-xxl-vert > * {
        padding-top: 85px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 2rem !important;
    }
}
.numberlist.numberlist-option-b > *::before {
    content: counter(numberlist, decimal-leading-zero) ".";
    background: none;
    border: none !important;
    color: #98dee8;
    font-weight: bold;
    font-size: 3.6rem !important;
    line-height: 1.1 !important;
    width: 110px !important;
    height: 65px !important;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -55px;
}
@media (min-width: 576px) {
    .numberlist.numberlist-option-b > *::before {
        font-size: 4.6rem !important;
        line-height: 1.1 !important;
        height: 85px !important;
    }
}
@media (min-width: 1200px) {
    .numberlist.numberlist-option-b.nl-xxl-vert > *::before {
        font-size: 4.6rem !important;
        line-height: 1.1 !important;
        width: 110px !important;
        height: 85px !important;
        position: absolute;
        top: 0px;
        left: 50%;
        margin-left: -55px;
    }
}
.numberlist.numberlist-option-b > *::after {
    display: none;
}



.numberlist.numberlist-option-c {}

.numberlist.numberlist-option-c > * {}

.numberlist.numberlist-option-c.nl-xxl-vert > * {
    padding-top: 5rem;
    padding-right: 0;
    padding-left: 0;
}
@media (min-width: 1200px) {
    .numberlist.numberlist-option-c.nl-xxl-vert > * {}
}

.numberlist.numberlist-option-c > *::before {
    content: counter(numberlist);
}
.numberlist.numberlist-option-c.nl-xxl-vert > *::before {
    background: #008A96;
    font-size: 2rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 60px;
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 1rem;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -30px;
}
@media (min-width: 1200px) {
    .numberlist.numberlist-option-c.nl-xxl-vert > *::before {}
}

.numberlist.numberlist-option-c > *::after {}
.numberlist.numberlist-option-c.nl-xxl-vert > *::after {
    content: '';
    background-image: url("/files/layout/icons/gen/arrow-down-ids-machine-vision-cameras-ids-colour.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border: none;
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    top: auto;
    bottom: -46px;
    left: 50%;
    transform: translateX(-50%);
}
@media (min-width: 1200px) {
    .numberlist.numberlist-option-c.nl-xxl-vert > *::after {}
}
.numberlist.numberlist-option-c.nl-xxl-vert > *:last-child::after {
    display: none;
}



/********************************************************/
/*      SEITLICHES BILD RECHTS - ENSENSO REQUEST        */
/********************************************************/
body.ensenso-request {}
body.ensenso-request #main {}
body.ensenso-request #main:after {
    content: "";
    background-image: url("/tl_files/images/backgrounds/ids-ensenso-stereo-3d-cameras-request.jpg");
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    background-size: cover;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0px;
}
@media (min-width: 768px) {
    body.ensenso-request #main:after {
        display: block;
        width: calc( (720px / 12 * 2) + ( (100vw - 720px) / 2 ) - 2rem );
    }
}
@media (min-width: 992px) {
    body.ensenso-request #main:after {
        display: block;
        width: calc( (960px / 12 * 4) + ( (100vw - 960px) / 2 ) - 3.5rem );
    }
}
@media (min-width: 1200px) {
    body.ensenso-request #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (100vw - 1140px) / 2 ) - 6.75rem );
    }
}
@media (min-width: 1910px) {
    body.ensenso-request #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (1910px - 1140px) / 2 ) - 6.75rem );
    }
}



/********************************************************/
/*      SEITLICHES BILD RECHTS - IDS NXT CONTACT        */
/********************************************************/
body.ids-nxt-contact {}
body.ids-nxt-contact #main {}
body.ids-nxt-contact #main:after {
    content: "";
    background-image: url("/tl_files/images/backgrounds/ids-nxt-inference-industrial-cameras-contact.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-color: transparent;
    background-size: cover;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0px;
}
@media (min-width: 768px) {
    body.ids-nxt-contact #main:after {
        display: block;
        width: calc( (720px / 12 * 2) + ( (100vw - 720px) / 2 ) - 2rem );
    }
}
@media (min-width: 992px) {
    body.ids-nxt-contact #main:after {
        display: block;
        width: calc( (960px / 12 * 4) + ( (100vw - 960px) / 2 ) - 3.5rem );
    }
}
@media (min-width: 1200px) {
    body.ids-nxt-contact #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (100vw - 1140px) / 2 ) - 6.75rem );
    }
}
@media (min-width: 1910px) {
    body.ids-nxt-contact #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (1910px - 1140px) / 2 ) - 6.75rem );
    }
}



/*******************************************************************/
/*      SEITLICHES BILD RECHTS - IDS NXT LIGHTHOUSE CONTACT        */
/*******************************************************************/
body.ids-nxt-lighthouse-contact {}
body.ids-nxt-lighthouse-contact #main {}
body.ids-nxt-lighthouse-contact #main:after {
    content: "";
    background-image: url("/tl_files/images/backgrounds/ids-nxt-lighthouse-cloud-based-training-software-contact.jpg");
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    background-size: cover;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0px;
}
@media (min-width: 768px) {
    body.ids-nxt-lighthouse-contact #main:after {
        display: block;
        width: calc( (720px / 12 * 2) + ( (100vw - 720px) / 2 ) - 2rem );
    }
}
@media (min-width: 992px) {
    body.ids-nxt-lighthouse-contact #main:after {
        display: block;
        width: calc( (960px / 12 * 4) + ( (100vw - 960px) / 2 ) - 3.5rem );
    }
}
@media (min-width: 1200px) {
    body.ids-nxt-lighthouse-contact #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (100vw - 1140px) / 2 ) - 6.75rem );
    }
}
@media (min-width: 1910px) {
    body.ids-nxt-lighthouse-contact #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (1910px - 1140px) / 2 ) - 6.75rem );
    }
}



/****************************************************/
/*      SEITLICHES BILD RECHTS - OEM CONTACT        */
/****************************************************/
body.oem-contact {}
body.oem-contact #main {}
body.oem-contact #main:after {
    content: "";
    background-image: url("/tl_files/images/backgrounds/ids-customised-oem-cameras-request.jpg");
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    background-size: cover;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0px;
}
@media (min-width: 768px) {
    body.oem-contact #main:after {
        display: block;
        width: calc( (720px / 12 * 2) + ( (100vw - 720px) / 2 ) - 2rem );
    }
}
@media (min-width: 992px) {
    body.oem-contact #main:after {
        display: block;
        width: calc( (960px / 12 * 4) + ( (100vw - 960px) / 2 ) - 3.5rem );
    }
}
@media (min-width: 1200px) {
    body.oem-contact #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (100vw - 1140px) / 2 ) - 6.75rem );
    }
}
@media (min-width: 1910px) {
    body.oem-contact #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (1910px - 1140px) / 2 ) - 6.75rem );
    }
}



/************************************************************/
/*      SEITLICHES BILD RECHTS - ACP-CAMERAS-CONTACT        */
/************************************************************/
body.acp-cameras-contact {}
body.acp-cameras-contact #main {}
body.acp-cameras-contact #main:after {
    content: "";
    background-image: url("/tl_files/images/backgrounds/ids-ueye-acp-industrial-cameras-request.jpg");
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    background-size: cover;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0px;
}
@media (min-width: 768px) {
    body.acp-cameras-contact #main:after {
        display: block;
        width: calc( (720px / 12 * 2) + ( (100vw - 720px) / 2 ) - 2rem );
    }
}
@media (min-width: 992px) {
    body.acp-cameras-contact #main:after {
        display: block;
        width: calc( (960px / 12 * 4) + ( (100vw - 960px) / 2 ) - 3.5rem );
    }
}
@media (min-width: 1200px) {
    body.acp-cameras-contact #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (100vw - 1140px) / 2 ) - 6.75rem );
    }
}
@media (min-width: 1910px) {
    body.acp-cameras-contact #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (1910px - 1140px) / 2 ) - 6.75rem );
    }
}



/*********************************************************************/
/*      SEITLICHES BILD RECHTS - IDS-SOLUTION-PARTNER-CONTACT        */
/*********************************************************************/
body.ids-solution-partner-contact {}
body.ids-solution-partner-contact #main {}
body.ids-solution-partner-contact #main:after {
    content: "";
    background-image: url("/tl_files/images/backgrounds/ids-industrial-cameras-solution-partner-contact.jpg");
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    background-size: cover;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0px;
}
@media (min-width: 768px) {
    body.ids-solution-partner-contact #main:after {
        display: block;
        width: calc( (720px / 12 * 2) + ( (100vw - 720px) / 2 ) - 2rem );
    }
}
@media (min-width: 992px) {
    body.ids-solution-partner-contact #main:after {
        display: block;
        width: calc( (960px / 12 * 4) + ( (100vw - 960px) / 2 ) - 3.5rem );
    }
}
@media (min-width: 1200px) {
    body.ids-solution-partner-contact #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (100vw - 1140px) / 2 ) - 6.75rem );
    }
}
@media (min-width: 1910px) {
    body.ids-solution-partner-contact #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (1910px - 1140px) / 2 ) - 6.75rem );
    }
}



/****************************************************************/
/*      SEITLICHES BILD RECHTS - NEWSLETTER-REGISTRATION        */
/****************************************************************/
body.newsletter-registration {}
body.newsletter-registration #main {}
body.newsletter-registration #main:after {
    content: "";
    background-image: url("/tl_files/images/backgrounds/ids-industrial-camera-manufacturer-newsletter-registration-950x2000.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    background-size: cover;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0px;
}
@media (min-width: 768px) {
    body.newsletter-registration #main:after {
        display: block;
        width: calc( (720px / 12 * 2) + ( (100vw - 720px) / 2 ) - 2rem );
    }
}
@media (min-width: 992px) {
    body.newsletter-registration #main:after {
        display: block;
        width: calc( (960px / 12 * 4) + ( (100vw - 960px) / 2 ) - 3.5rem );
    }
}
@media (min-width: 1200px) {
    body.newsletter-registration #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (100vw - 1140px) / 2 ) - 6.75rem );
    }
}
@media (min-width: 1910px) {
    body.newsletter-registration #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (1910px - 1140px) / 2 ) - 6.75rem );
    }
}



/*******************************************************/
/*      SEITLICHES BILD RECHTS - HALCON-CONTACT        */
/*******************************************************/
body.halcon-contact {}
body.halcon-contact #main {}
body.halcon-contact #main:after {
    content: "";
    background-image: url("/tl_files/images/backgrounds/ids-industrial-cameras-halcon-contact-950x3500.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-color: transparent;
    background-size: cover;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0px;
}
@media (min-width: 768px) {
    body.halcon-contact #main:after {
        display: block;
        width: calc( (720px / 12 * 2) + ( (100vw - 720px) / 2 ) - 2rem );
    }
}
@media (min-width: 992px) {
    body.halcon-contact #main:after {
        display: block;
        width: calc( (960px / 12 * 4) + ( (100vw - 960px) / 2 ) - 3.5rem );
    }
}
@media (min-width: 1200px) {
    body.halcon-contact #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (100vw - 1140px) / 2 ) - 6.75rem );
    }
}
@media (min-width: 1910px) {
    body.halcon-contact #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (1910px - 1140px) / 2 ) - 6.75rem );
    }
}



/*******************************************************/
/*      SEITLICHES BILD RECHTS - MERLIC-CONTACT        */
/*******************************************************/
body.merlic-contact {}
body.merlic-contact #main {}
body.merlic-contact #main:after {
    content: "";
    background-image: url("/tl_files/images/backgrounds/ids-industrial-cameras-merlic-contact-950x3500.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-color: transparent;
    background-size: cover;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0px;
}
@media (min-width: 768px) {
    body.merlic-contact #main:after {
        display: block;
        width: calc( (720px / 12 * 2) + ( (100vw - 720px) / 2 ) - 2rem );
    }
}
@media (min-width: 992px) {
    body.merlic-contact #main:after {
        display: block;
        width: calc( (960px / 12 * 4) + ( (100vw - 960px) / 2 ) - 3.5rem );
    }
}
@media (min-width: 1200px) {
    body.merlic-contact #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (100vw - 1140px) / 2 ) - 6.75rem );
    }
}
@media (min-width: 1910px) {
    body.merlic-contact #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (1910px - 1140px) / 2 ) - 6.75rem );
    }
}



/*******************************************************/
/*      SEITLICHES BILD RECHTS - MIKADO-CONTACT        */
/*******************************************************/
body.mikado-contact {}
body.mikado-contact #main {}
body.mikado-contact #main:after {
    content: "";
    background-image: url("/tl_files/images/backgrounds/ids-industrial-cameras-mikado-contact.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-color: transparent;
    background-size: cover;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0px;
}
@media (min-width: 768px) {
    body.mikado-contact #main:after {
        display: block;
        width: calc( (720px / 12 * 2) + ( (100vw - 720px) / 2 ) - 2rem );
    }
}
@media (min-width: 992px) {
    body.mikado-contact #main:after {
        display: block;
        width: calc( (960px / 12 * 4) + ( (100vw - 960px) / 2 ) - 3.5rem );
    }
}
@media (min-width: 1200px) {
    body.mikado-contact #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (100vw - 1140px) / 2 ) - 6.75rem );
    }
}
@media (min-width: 1910px) {
    body.mikado-contact #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (1910px - 1140px) / 2 ) - 6.75rem );
    }
}



/*******************************************************/
/*      SEITLICHES BILD RECHTS - XS-FIELDOFVIEW        */
/*******************************************************/
body.xs-fieldofview {}
body.xs-fieldofview #main {}
body.xs-fieldofview #main:after {
    content: "";
    background-image: url("/tl_files/images/backgrounds/ids-industrial-cameras-xs-field-of-view-2500x3000.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    background-size: cover;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0px;
}
@media (min-width: 768px) {
    body.xs-fieldofview #main:after {
        display: block;
        width: calc( (720px / 12 * 2) + ( (100vw - 720px) / 2 ) - 2rem );
    }
}
@media (min-width: 992px) {
    body.xs-fieldofview #main:after {
        display: block;
        width: calc( (960px / 12 * 4) + ( (100vw - 960px) / 2 ) - 2rem );
    }
}
@media (min-width: 1200px) {
    body.xs-fieldofview #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (100vw - 1140px) / 2 ) - 9rem );
    }
}
@media (min-width: 1910px) {
    body.xs-fieldofview #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (1910px - 1140px) / 2 ) - 9rem );
    }
}



/*******************************************************/
/*      SEITLICHES BILD RECHTS - XC-FIELDOFVIEW        */
/*******************************************************/
body.xc-fieldofview {}
body.xc-fieldofview #main {}
body.xc-fieldofview #main:after {
    content: "";
    background-image: url("/tl_files/images/backgrounds/ids-ueye-xc-autofocus-camera-field-of-view.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    background-size: cover;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0px;
}
@media (min-width: 768px) {
    body.xc-fieldofview #main:after {
        display: block;
        width: calc( (720px / 12 * 2) + ( (100vw - 720px) / 2 ) - 2rem );
    }
}
@media (min-width: 992px) {
    body.xc-fieldofview #main:after {
        display: block;
        width: calc( (960px / 12 * 4) + ( (100vw - 960px) / 2 ) - 2rem );
    }
}
@media (min-width: 1200px) {
    body.xc-fieldofview #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (100vw - 1140px) / 2 ) - 9rem );
    }
}
@media (min-width: 1910px) {
    body.xc-fieldofview #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (1910px - 1140px) / 2 ) - 9rem );
    }
}



/************************************************************/
/*      SEITLICHES BILD RECHTS - AI-SOLUTION-CONTACT        */
/************************************************************/
body.ai-solution-contact {}
body.ai-solution-contact #main {}
body.ai-solution-contact #main:after {
    content: "";
    background-image: url("/tl_files/images/backgrounds/ids-machine-vision-cameras-ai-marketplace-contact.jpg");
    background-repeat: no-repeat;
    background-position: center left;
    background-color: transparent;
    background-size: cover;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0px;
}
@media (min-width: 768px) {
    body.ai-solution-contact #main:after {
        display: block;
        width: calc( (720px / 12 * 2) + ( (100vw - 720px) / 2 ) - 2rem );
    }
}
@media (min-width: 992px) {
    body.ai-solution-contact #main:after {
        display: block;
        width: calc( (960px / 12 * 4) + ( (100vw - 960px) / 2 ) - 2rem );
    }
}
@media (min-width: 1200px) {
    body.ai-solution-contact #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (100vw - 1140px) / 2 ) - 9rem );
    }
}
@media (min-width: 1910px) {
    body.ai-solution-contact #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (1910px - 1140px) / 2 ) - 9rem );
    }
}



/***************************************************************/
/*      SEITLICHES BILD RECHTS - visionpier-contact-form        */
/***************************************************************/
body.visionpier-contact-form {}
body.visionpier-contact-form #main {}
body.visionpier-contact-form #main:after {
    content: "";
    background-image: url("/tl_files/images/ids-visionpier/ids-visionpier.jpg");
    background-repeat: no-repeat;
    background-position: center left;
    background-color: transparent;
    background-size: cover;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0px;
}
@media (min-width: 768px) {
    body.visionpier-contact-form #main:after {
        display: block;
        width: calc( (720px / 12 * 2) + ( (100vw - 720px) / 2 ) - 2rem );
    }
}
@media (min-width: 992px) {
    body.visionpier-contact-form #main:after {
        display: block;
        width: calc( (960px / 12 * 4) + ( (100vw - 960px) / 2 ) - 2rem );
    }
}
@media (min-width: 1200px) {
    body.visionpier-contact-form #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (100vw - 1140px) / 2 ) - 9rem );
    }
}
@media (min-width: 1910px) {
    body.visionpier-contact-form #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (1910px - 1140px) / 2 ) - 9rem );
    }
}



/*******************************************************************/
/*      SEITLICHES BILD RECHTS - visionpier-contact-supplier        */
/*******************************************************************/
body.visionpier-contact-supplier {}
body.visionpier-contact-supplier #main {}
body.visionpier-contact-supplier #main:after {
    content: "";
    background-image: url("/tl_files/images/ids-visionpier/ids-visionpier.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    background-size: cover;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0px;
}
@media (min-width: 768px) {
    body.visionpier-contact-supplier #main:after {
        display: block;
        width: calc( (720px / 12 * 2) + ( (100vw - 720px) / 2 ) - 2rem );
    }
}
@media (min-width: 992px) {
    body.visionpier-contact-supplier #main:after {
        display: block;
        width: calc( (960px / 12 * 4) + ( (100vw - 960px) / 2 ) - 2rem );
    }
}
@media (min-width: 1200px) {
    body.visionpier-contact-supplier #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (100vw - 1140px) / 2 ) - 9rem );
    }
}
@media (min-width: 1910px) {
    body.visionpier-contact-supplier #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (1910px - 1140px) / 2 ) - 9rem );
    }
}



/*********************************************************************************/
/*      SEITLICHES BILD RECHTS - contact-ids-nxt-creative-kit-appointment        */
/*********************************************************************************/
body.contact-ids-nxt-creative-kit-appointment {}
body.contact-ids-nxt-creative-kit-appointment #main {}
body.contact-ids-nxt-creative-kit-appointment #main:after {
    content: "";
    background-image: url("/tl_files/images/backgrounds/ids-nxt-ocean-creative-kit-contact-form.jpg");
    background-repeat: no-repeat;
    background-position: center left;
    background-color: transparent;
    background-size: cover;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0px;
}
@media (min-width: 768px) {
    body.contact-ids-nxt-creative-kit-appointment #main:after {
        display: block;
        width: calc( (720px / 12 * 2) + ( (100vw - 720px) / 2 ) - 2rem );
    }
}
@media (min-width: 992px) {
    body.contact-ids-nxt-creative-kit-appointment #main:after {
        display: block;
        width: calc( (960px / 12 * 4) + ( (100vw - 960px) / 2 ) - 2rem );
    }
}
@media (min-width: 1200px) {
    body.contact-ids-nxt-creative-kit-appointment #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (100vw - 1140px) / 2 ) - 9rem );
    }
}
@media (min-width: 1910px) {
    body.contact-ids-nxt-creative-kit-appointment #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (1910px - 1140px) / 2 ) - 9rem );
    }
}



/***************************************************************************/
/*      SEITLICHES BILD RECHTS - contact-ids-nxt-creative-kit-order        */
/***************************************************************************/
body.contact-ids-nxt-creative-kit-order {}
body.contact-ids-nxt-creative-kit-order #main {}
body.contact-ids-nxt-creative-kit-order #main:after {
    content: "";
    background-image: url("/tl_files/images/backgrounds/ids-nxt-ocean-creative-kit-contact-form.jpg");
    background-repeat: no-repeat;
    background-position: center left;
    background-color: transparent;
    background-size: cover;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0px;
}
@media (min-width: 768px) {
    body.contact-ids-nxt-creative-kit-order #main:after {
        display: block;
        width: calc( (720px / 12 * 2) + ( (100vw - 720px) / 2 ) - 2rem );
    }
}
@media (min-width: 992px) {
    body.contact-ids-nxt-creative-kit-order #main:after {
        display: block;
        width: calc( (960px / 12 * 4) + ( (100vw - 960px) / 2 ) - 2rem );
    }
}
@media (min-width: 1200px) {
    body.contact-ids-nxt-creative-kit-order #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (100vw - 1140px) / 2 ) - 9rem );
    }
}
@media (min-width: 1910px) {
    body.contact-ids-nxt-creative-kit-order #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (1910px - 1140px) / 2 ) - 9rem );
    }
}



/***************************************************************************/
/*      SEITLICHES BILD RECHTS - contact-ids-nxt-vision-app-creator        */
/***************************************************************************/
body.contact-ids-nxt-vision-app-creator {}
body.contact-ids-nxt-vision-app-creator #main {}
body.contact-ids-nxt-vision-app-creator #main:after {
    content: "";
    background-image: url("/tl_files/images/backgrounds/ids-nxt-ocean-creative-kit-contact-form.jpg");
    background-repeat: no-repeat;
    background-position: center left;
    background-color: transparent;
    background-size: cover;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0px;
}
@media (min-width: 768px) {
    body.contact-ids-nxt-vision-app-creator #main:after {
        display: block;
        width: calc( (720px / 12 * 2) + ( (100vw - 720px) / 2 ) - 2rem );
    }
}
@media (min-width: 992px) {
    body.contact-ids-nxt-vision-app-creator #main:after {
        display: block;
        width: calc( (960px / 12 * 4) + ( (100vw - 960px) / 2 ) - 2rem );
    }
}
@media (min-width: 1200px) {
    body.contact-ids-nxt-vision-app-creator #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (100vw - 1140px) / 2 ) - 9rem );
    }
}
@media (min-width: 1910px) {
    body.contact-ids-nxt-vision-app-creator #main:after {
        display: block;
        width: calc( (1140px / 12 * 6) + ( (1910px - 1140px) / 2 ) - 9rem );
    }
}





/**********************************************************/
/*              STARTSEITE - NEWSHOME SWIPER             */
/*********************************************************/
#newshome-swiper-parent {
    position: relative;
}
#newshome.swiper-container {}
#newshome.swiper-container .swiper-wrapper {
    margin: 1rem 0 !important;
    flex-wrap: nowrap;
}
#newshome.swiper-container .swiper-wrapper .swiper-slide {
    margin: 0 !important;
}

#newshome-swiper-navigation {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
}
#newshome-swiper-navigation .swiper-button-prev,
#newshome-swiper-navigation .swiper-button-next {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    margin: 0 0.5rem;
    outline: none;
}
#newshome-swiper-navigation .swiper-button-prev:hover,
#newshome-swiper-navigation .swiper-button-next:hover {}
#newshome-swiper-navigation .swiper-button-prev:hover:after,
#newshome-swiper-navigation .swiper-button-next:hover:after {
    color: #007e88;
}
#newshome-swiper-navigation .swiper-button-prev:after,
#newshome-swiper-navigation .swiper-button-next:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -0.25rem;
    left: 0;
    font-size: 1rem;
    font-weight: bold;
    color: #878787;
    text-align: center;
    transition: color 250ms linear;
}
#newshome-swiper-navigation .swiper-button-prev {
    
}
#newshome-swiper-navigation .swiper-button-next {
    
}

#newshome-swiper-pagination {
    position: relative;
    width: auto;
    height: 1rem;
    line-height: 1;
}
#newshome-swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin: 0 0.25rem;
    border-radius: 100%;
    background: #dedede;
    opacity: 1;
    outline: none;
    cursor: pointer;
}
#newshome-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    position: relative;
    background: #007e88;
    opacity: 1;
}
/*********************************************************/
/*       STARTSEITE - NEWSHOME SWIPER - ENDE             */
/*********************************************************/




/********************************************************/
/*          KNOWLEDGE BASE - KB-NEWS SWIPER             */
/********************************************************/
#kb-news-swiper-parent {
    position: relative;
}
#kb-news.swiper-container {}
#kb-news.swiper-container .swiper-wrapper {
    margin: 1rem 0 !important;
    flex-wrap: nowrap;
}
#kb-news.swiper-container .swiper-wrapper .swiper-slide {
    margin: 0 !important;
}

#kb-news-swiper-navigation {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    position: relative;
    margin: 2rem 0 3rem 0;
}
#kb-news-swiper-navigation .swiper-button-prev,
#kb-news-swiper-navigation .swiper-button-next {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    margin: 0 0.5rem;
    outline: none;
}
#kb-news-swiper-navigation .swiper-button-prev:hover,
#kb-news-swiper-navigation .swiper-button-next:hover {}
#kb-news-swiper-navigation .swiper-button-prev:hover:after,
#kb-news-swiper-navigation .swiper-button-next:hover:after {
    color: #007e88;
}
#kb-news-swiper-navigation .swiper-button-prev:after,
#kb-news-swiper-navigation .swiper-button-next:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -0.25rem;
    left: 0;
    font-size: 1rem;
    font-weight: bold;
    color: #878787;
    text-align: center;
    transition: color 250ms linear;
}
#kb-news-swiper-navigation .swiper-button-prev {
    
}
#kb-news-swiper-navigation .swiper-button-next {
    
}

#kb-news-swiper-pagination {
    position: relative;
    width: auto;
    height: 1rem;
    line-height: 1;
}
#kb-news-swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin: 0 0.25rem;
    border-radius: 100%;
    background: #dedede;
    opacity: 1;
    outline: none;
    cursor: pointer;
}
#kb-news-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    position: relative;
    background: #007e88;
    opacity: 1;
}
/*************************************************************/
/*          KNOWLEDGE BASE - KB-NEWS SWIPER - END            */
/*************************************************************/



/*********************************************************/
/*          ZUBEHÖR ÜBERSICHT KACHELN: START             */
/*********************************************************/
#main .accessory_overview {}
#main .accessory_overview .ce_ids_opening_tag {
    position: relative;
}
#main .accessory_overview .ce_ids_opening_tag .tooltile {}
#main .accessory_overview .ce_ids_opening_tag .tooltile .heading {
    background: none;
    padding: 0;
}
#main .accessory_overview .ce_ids_opening_tag .tooltile .ce_hyperlink a {
    position: relative;
    transition: background 250ms ease-out, color 250ms ease-out;
}
#main .accessory_overview .ce_ids_opening_tag .tooltile .ce_hyperlink a:focus,
#main .accessory_overview .ce_ids_opening_tag .tooltile .ce_hyperlink a:hover {
    
}


#main .accessory_overview .ce_ids_opening_tag .tooltile.stativadapter .ce_hyperlink a,
#main .accessory_overview .ce_ids_opening_tag .tooltile.interface-cards .ce_hyperlink a,
#main .accessory_overview .ce_ids_opening_tag .tooltile.hubs-extender .ce_hyperlink a {
    color: #FFFFFF;
    background: rgba(135, 135, 135, 0.8);
}
#main .accessory_overview .ce_ids_opening_tag .tooltile.stativadapter .ce_hyperlink a:focus,
#main .accessory_overview .ce_ids_opening_tag .tooltile.stativadapter .ce_hyperlink a:hover,
#main .accessory_overview .ce_ids_opening_tag .tooltile.interface-cards .ce_hyperlink a:focus,
#main .accessory_overview .ce_ids_opening_tag .tooltile.interface-cards .ce_hyperlink a:hover,
#main .accessory_overview .ce_ids_opening_tag .tooltile.hubs-extender .ce_hyperlink a:focus,
#main .accessory_overview .ce_ids_opening_tag .tooltile.hubs-extender .ce_hyperlink a:hover {
    color: #FFFFFF;
    background: #878787;
}


#main .accessory_overview .ce_ids_opening_tag .tooltile.ensenso-accessories .ce_hyperlink a {
    background: rgba(255,255,255, 0.95);
    color: #878787;
}
#main .accessory_overview .ce_ids_opening_tag .tooltile.framegrabber .ce_hyperlink a,
#main .accessory_overview .ce_ids_opening_tag .tooltile.interface-cables .ce_hyperlink a {
    background: rgba(255,255,255, 0.9);
    color: #878787;
}
#main .accessory_overview .ce_ids_opening_tag .tooltile.framegrabber .ce_hyperlink a:focus,
#main .accessory_overview .ce_ids_opening_tag .tooltile.framegrabber .ce_hyperlink a:hover,
#main .accessory_overview .ce_ids_opening_tag .tooltile.ensenso-accessories .ce_hyperlink a:focus,
#main .accessory_overview .ce_ids_opening_tag .tooltile.ensenso-accessories .ce_hyperlink a:hover,
#main .accessory_overview .ce_ids_opening_tag .tooltile.interface-cables .ce_hyperlink a:focus,
#main .accessory_overview .ce_ids_opening_tag .tooltile.interface-cables .ce_hyperlink a:hover {
    color: #878787;
    background: #FFFFFF;
}


#main .accessory_overview .ce_ids_opening_tag .tooltile.sonstiges .ce_hyperlink a,
#main .accessory_overview .ce_ids_opening_tag .tooltile.miscellaneous-cables .ce_hyperlink a {
    color: #343434;
    background: rgba(255,255,255, 0.8);
}
#main .accessory_overview .ce_ids_opening_tag .tooltile.sonstiges .ce_hyperlink a:focus,
#main .accessory_overview .ce_ids_opening_tag .tooltile.sonstiges .ce_hyperlink a:hover,
#main .accessory_overview .ce_ids_opening_tag .tooltile.miscellaneous-cables .ce_hyperlink a:focus,
#main .accessory_overview .ce_ids_opening_tag .tooltile.miscellaneous-cables .ce_hyperlink a:hover {
    color: #343434;
    background: #FFFFFF;
}


#main .accessory_overview .ce_ids_opening_tag .tooltile.objektive .ce_hyperlink a {
    color: #FFFFFF;
    background: rgba(135, 135, 135, 0.8);
}
#main .accessory_overview .ce_ids_opening_tag .tooltile.objektive .ce_hyperlink a:focus,
#main .accessory_overview .ce_ids_opening_tag .tooltile.objektive .ce_hyperlink a:hover {
    color: #FFFFFF;
    background: #878787;
}




#main .accessory_overview .ce_ids_opening_tag .tooltile.framegrabber {
    background-image: url("/tl_files/images/backgrounds/tiles/ids-overview-accessories-frame-grabber-tile.jpg");
    background-size: 55%;
    background-color: #878787;
}

#main .accessory_overview .ce_ids_opening_tag .tooltile.hubs-extender {
    background-image: url("/tl_files/images/backgrounds/tiles/ids-overview-accessories-hubs-tile.jpg");
    background-size: 55%;
    background-color: #f5f5f5;
    color: #878787;
}
#main .accessory_overview .ce_ids_opening_tag .tooltile.hubs-extender .ce_hyperlink a {
    border: 0.125rem #878787 solid;
}


#main .accessory_overview .ce_ids_opening_tag .tooltile.interface-cables {
    background-image: url("/tl_files/images/backgrounds/tiles/ids-overview-accessories-interface-cables-tile.jpg");
    background-size: 55%;
    background-color: #878787;
}


#main .accessory_overview .ce_ids_opening_tag .tooltile.miscellaneous-cables {
    background-image: url("/tl_files/images/backgrounds/tiles/ids-overview-accessories-miscellaneous-cables-tile.jpg");
    background-size: 55%;
    background-color: #343434;
}


#main .accessory_overview .ce_ids_opening_tag .tooltile.objektive {
    background-image: url("/tl_files/images/backgrounds/tiles/ids-overview-accessories-lenses-tile.jpg");
    background-size: 55%;
    background-color: #EAEAEA;
    color: #878787;
}
#main .accessory_overview .ce_ids_opening_tag .tooltile.objektive .ce_hyperlink a {
    border: 0.125rem #878787 solid;
}


#main .accessory_overview .ce_ids_opening_tag .tooltile.interface-cards {
    background-image: url("/tl_files/images/backgrounds/tiles/ids-overview-accessories-interface-cards-tile.jpg");
    background-size: 55%;
    background-color: #f5f5f5;
    color: #878787;
}
#main .accessory_overview .ce_ids_opening_tag .tooltile.interface-cards .ce_hyperlink a {
    border: 0.125rem #878787 solid;
}


#main .accessory_overview .ce_ids_opening_tag .tooltile.ensenso-accessories {
    background-image: url("/tl_files/images/backgrounds/tiles/ids-overview-accessories-ensenso-tile.jpg");
    background-size: 55%;
    background-color: #878787;
}


#main .accessory_overview .ce_ids_opening_tag .tooltile.stativadapter {
    background-image: url("/tl_files/images/backgrounds/tiles/ids-overview-accessories-tripod-adapter-tile.jpg");
    background-size: 55%;
    background-color: #f5f5f5;
    color: #878787;
}
#main .accessory_overview .ce_ids_opening_tag .tooltile.stativadapter .ce_hyperlink a {
    border: 0.125rem #878787 solid;
}


#main .accessory_overview .ce_ids_opening_tag .tooltile.sonstiges {
    background-image: url("/tl_files/images/backgrounds/tiles/ids-overview-accessories-miscellaneous-tile.jpg");
    background-size: 55%;
    background-color: #343434;
}

/********************************************************/
/*          ZUBEHÖR ÜBERSICHT KACHELN: ENDE             */
/********************************************************/



/********************************************/
/*          PRIVACYCHECK: START             */
/********************************************/
/*#privacycheck {
    position: relative;
    background-color: #343434;
    color: #FFFFFF;
    width: 100%;
    font-size: 0.875rem;
}
@media (min-width: 992px) {
    #privacycheck {
        font-size: 1rem;
    }
}

.sticky-top #privacycheck {}

#privacycheck .privacycheck-wrapper {
    margin: 15px;
}
@media (min-width: 768px) {
    #privacycheck .privacycheck-wrapper {
        margin: 15px auto;
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    #privacycheck .privacycheck-wrapper {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    #privacycheck .privacycheck-wrapper {
        max-width: 1140px;
    }
}
@media (min-width: 1800px) {
    #privacycheck .privacycheck-wrapper {
        max-width: 1500px;
    }
}

#privacycheck .privacycheck-wrapper .description {
    padding: 15px 0;
}
@media (min-width: 576px) {
    #privacycheck .privacycheck-wrapper .description {
        padding: 15px;
    }
}
@media (min-width: 768px) {
    #privacycheck .privacycheck-wrapper .description {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}


#privacycheck .privacycheck-wrapper .description .desctxt {}
@media (min-width: 768px) {
    #privacycheck .privacycheck-wrapper .description .desctxt {
        padding: 0 15px 0 0;
    }
}

#privacycheck .privacycheck-wrapper .description .desctxt a {
    color: #FFFFFF;
    text-decoration: underline;
    transition: color 250ms linear;
}
#privacycheck .privacycheck-wrapper .description .desctxt a:focus,
#privacycheck .privacycheck-wrapper .description .desctxt a:hover {
    color: #008A96;
}


#privacycheck .privacycheck-wrapper .description .button-wrapper {
    margin: 1.5rem 0 0 0;
    text-align: center;
}
@media (min-width: 768px) {
    #privacycheck .privacycheck-wrapper .description .button-wrapper {
        align-self: center;
        margin: 0;
        padding: 0 0 0 15px;
    }
}

#privacycheck .privacycheck-wrapper .description .button-wrapper .accept {
    display: inline-block;
    background: #008A96;
    border: 2px solid #008A96;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0.5rem 0.75rem;
    transition: background 250ms linear, border 250ms linear, filter 250ms linear;
    cursor: pointer;
    filter: brightness(110%);
    word-break: keep-all;
}
@media (min-width: 992px) {
    #privacycheck .privacycheck-wrapper .description .button-wrapper .accept {
        padding: 0.85rem 1.1rem;
    }
}

#privacycheck .privacycheck-wrapper .description .button-wrapper .accept:focus,
#privacycheck .privacycheck-wrapper .description .button-wrapper .accept:hover {
    background: #007e88;
    border: 2px solid #007e88;
    filter: brightness(100%);
}


#header > div.inside > .row {
    height: auto !important;
}*/


/*******************************************/
/*          PRIVACYCHECK: ENDE             */
/*******************************************/




/************************************************/
/*          OLD PRIVACYCHECK: START             */
/************************************************/
#privacycheck {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(52,52,52, 0.5);
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 9000;
}
@media (min-width: 768px) and (min-height: 600px) {
    #privacycheck {
        overflow-y: hidden;
    }
}


#privacycheck .logo {
    position: relative;
    overflow: hidden;
    height: 1.5rem;
    width: 100%;
    margin: 0.5rem 0 1rem;
    background-image: url("/store/skin/frontend/ids/default/files/layout/ids-logo.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
@media (min-width: 360px) {
    #privacycheck .logo {
        height: 2rem;
        margin: 0.5rem 0 1.5rem;
    }
}
@media (min-width: 576px) {
    #privacycheck .logo {
        height: 2.75rem;
        margin: 0.25rem 0 2rem;
    }
}

#privacycheck .privacycheck-wrapper {
    position: relative;
    background: #FFFFFF;
    border-radius: 5px;
    width: calc(100vw - 2rem);
    margin: 1rem auto;
    padding: 1rem;
    max-width: 540px;
    font-size: 1rem;
}
@media (min-width: 360px) {
    #privacycheck .privacycheck-wrapper {
        width: calc(100vw - 2.5rem);
        padding: 1.25rem;
        margin: 0 auto;
        top: 45%;
        transform: translateY(-50%);
    }
}
@media (orientation: landscape) and (min-width: 360px) {
    #privacycheck .privacycheck-wrapper {
        margin: 2rem auto;
        top: auto;
        transform: translateY(0%);
    }
}
@media (min-width: 576px) {
    #privacycheck .privacycheck-wrapper {
        width: calc(100vw - 4rem);
        padding: 2rem;
    }
}
@media (min-width: 768px) {
    #privacycheck .privacycheck-wrapper {
        margin: 0 auto;
        top: 45%;
        transform: translateY(-50%);
    }
}
@media (min-width: 992px) {
    #privacycheck .privacycheck-wrapper {
        max-width: 720px;
    }
}
@media (orientation: landscape) and (max-height: 600px) {
    #privacycheck .privacycheck-wrapper {
        margin: 2rem auto;
        top: auto;
        transform: translateY(0%);
    }
}

#privacycheck .description {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
}
#privacycheck .description h3 {
    text-align: center;
}
#privacycheck .description .desctxt {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 1rem 0 1rem 0;
}

#privacycheck .description .desctxt a {
    position: relative;
    display: inline-block;
    color: #008A96;
    color: rgba(0,138,150, 0.85);
    transition: color 250ms ease-out;
}
#privacycheck .description .desctxt a:focus,
#privacycheck .description .desctxt a:hover {
    color: #007E88;
}
#privacycheck .description .desctxt a:focus:before,
#privacycheck .description .desctxt a:hover:before {
    left: 0%;
    width: 100%;
}
#privacycheck .description .desctxt a:before {
    content: "";
    display: block;
    background: #007E88;
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 1px;
    width: 0%;
    transition: left 250ms ease-out, width 250ms ease-out;
}

#privacycheck .description .button-wrapper {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

#privacycheck .description .config,
#privacycheck .description .accept {
    position: relative;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    margin: 0.5rem;
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: background 250ms ease-out, border 250ms ease-out, color 250ms ease-out;
    font-size: 1rem;
}
@media (min-width: 992px) {
    #privacycheck .description .config,
    #privacycheck .description .accept {
        margin: 0.5rem 1.5rem;
    }
}

#privacycheck .description .config:hover,
#privacycheck .description .accept:hover {}

#privacycheck .description .config {
    background: #FFFFFF;
    border: 2px solid #878787;
    color: #878787;
}
#privacycheck .description .config:hover {
    background: #878787;
    color: #FFFFFF;
}
#privacycheck .description .accept {
    background: #008A96;
    background: rgba(0,138,150, 0.85);
    border: 2px solid #008A96;
    border: 2px solid rgba(0,138,150, 0.5);
    color: #FFFFFF;
    padding: 0.85rem 1.1rem;
}
#privacycheck .description .accept:hover {
    background: #007E88;
    border: 2px solid #007E88;
    color: #FFFFFF;
}


#privacycheck .configuration {
    position: relative;
    overflow: hidden;
    width: 100%;
}
#privacycheck .configuration .desctxt {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 0 1rem 0;
}
@media (min-width: 992px) {
    #privacycheck .configuration .desctxt {
        margin: 0 0 2rem 0;
    }
}

#privacycheck .configuration .selection {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
}
#privacycheck .configuration .selection .settings-wrapper {
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 225px;
    width: 100%;
    text-align: left;
    border: 1px solid #878787;
    border-radius: 3px;
}
@media (min-width: 992px) {
    #privacycheck .configuration .selection .settings-wrapper {
        height: 175px;
    } 
}

#privacycheck .configuration .selection .settings {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 1rem;
}
@media (min-width: 576px) {
    #privacycheck .configuration .selection .settings {
        padding: 1.5rem;
    } 
}
#privacycheck .configuration .selection .settings + .settings {
    margin-top: 0;
}
#privacycheck .configuration .selection .settings .setting {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0.25rem;
}

#privacycheck .configuration .selection .settings .setting label + label {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
}
@media (min-width: 576px) {
    #privacycheck .configuration .selection .settings .setting label + label {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 40px;
    }
}

#privacycheck .configuration .selection .settings .setting.essential {}

#privacycheck .configuration .selection .settings .setting.marketing {}


#privacycheck .selection .setting input[type="radio"].slider,
#privacycheck .selection .setting input[type="checkbox"].slider {
    display:none;
}
#privacycheck .selection .setting input[type="radio"].slider + label,
#privacycheck .selection .setting input[type="checkbox"].slider + label {
    width: 53px;
    height: 30px;
    border-radius: 15px;
    border: 1px solid #dedede;
    box-shadow: 0px 0px 2px 2px rgba(222,222,222,0.3);
    background-color: #FFF;
    display: inline-block;
    content: "";
    float: left;
    margin-right: 10px;
    margin-bottom: 2.5rem;
    background-image: url(/files/layout/icons/gen/x-ids-machine-vision-cameras-light-grey.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 32px 8px;
    transition: background-color 0.5s linear;
}
@media (min-width: 375px) {
    #privacycheck .selection .setting input[type="radio"].slider + label,
    #privacycheck .selection .setting input[type="checkbox"].slider + label {
        margin-bottom: 1rem;
    }
}
@media (min-width: 576px) {
    #privacycheck .selection .setting input[type="radio"].slider + label,
    #privacycheck .selection .setting input[type="checkbox"].slider + label {
        width: 70px;
        height: 40px;
        border-radius: 20px;
        margin-right: 15px;
        margin-bottom: 0.5rem;
        background-size: 16px 16px;
        background-position: 43px 11px;
    }
}

#privacycheck .selection .setting input[type="radio"].slider + label:hover,
#privacycheck .selection .setting input[type="checkbox"].slider + label:hover {
    cursor: pointer;
}
#privacycheck .selection .setting input[type="radio"].slider + label::before,
#privacycheck .selection .setting input[type="checkbox"].slider + label::before {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    display: block;
    content: "";
    float: left;
    margin-right: 5px;
    transition: margin 0.1s linear;
    margin-top: 2px;
    margin-left: 3px;
}
@media (min-width: 576px) {
    #privacycheck .selection .setting input[type="radio"].slider + label::before,
    #privacycheck .selection .setting input[type="checkbox"].slider + label::before {
        width: 34px;
        height: 34px;
        border-radius: 18px;
        margin-right: 5px;
        margin-top: 2px;
        margin-left: 3px;
    }
}

#privacycheck .selection .setting input[type="radio"].slider:checked+label,
#privacycheck .selection .setting input[type="checkbox"].slider:checked+label{
    background-color: #008A96;
    border: 1px solid #008A96;
    background-image: url(/files/layout/icons/gen/check-mark-ids-machine-vision-cameras-white.svg);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: 6px 8px;
}
@media (min-width: 576px) {
    #privacycheck .selection .setting input[type="radio"].slider:checked+label,
    #privacycheck .selection .setting input[type="checkbox"].slider:checked+label{
        background-size: 20px 20px;
        background-position: 6px 10px;
    }
}
#privacycheck .selection .setting input[type="radio"].slider:checked+label {
    background-color: #dedede;
    border: 1px solid #dedede;
}


#privacycheck .selection .setting .invalid input[type="radio"].slider:invalid+label,
#privacycheck .selection .setting .invalid input[type="checkbox"].slider:invalid+label{
    background-color: #FFFFFF;
    border: 1px solid #a5112d;
    box-shadow: 0px 0px 2px 2px rgba(165,17,45,0.2);
}
@media (min-width: 576px) {
    
}

#privacycheck .selection .setting .invalid input[type="radio"].slider:invalid + label::before,
#privacycheck .selection .setting .invalid input[type="checkbox"].slider:invalid + label::before{
    border: 1px solid #dedede;
    box-shadow: 0px 0px 2px 2px rgba(222,222,222,0.3);
    background-color: #FFF;
    border-radius: 18px;
}
@media (min-width: 576px) {
    #privacycheck .selection .setting .invalid input[type="radio"].slider:invalid + label::before,
    #privacycheck .selection .setting .invalid input[type="checkbox"].slider:invalid + label::before{
        border-radius: 18px;
    }
}

#privacycheck .selection .setting input[type="radio"].slider + label:hover::before,
#privacycheck .selection .setting input[type="checkbox"].slider + label:hover::before{
    background-image: none;
}
#privacycheck .selection .setting input[type="radio"].slider:checked+label::before,
#privacycheck .selection .setting input[type="checkbox"].slider:checked+label::before {
    margin-left: 25px;
    background-color: white;
    background-image: none;
}
@media (min-width: 576px) {
    #privacycheck .selection .setting input[type="radio"].slider:checked+label::before,
    #privacycheck .selection .setting input[type="checkbox"].slider:checked+label::before {
        margin-left: 31px;
    }
}


#privacycheck .configuration .selection .settings span {}
#privacycheck .configuration .selection .settings span a {}
#privacycheck .configuration .selection .settings span a:focus,
#privacycheck .configuration .selection .settings span a:hover {}

#privacycheck .configuration .selection .settings span a {
    position: relative;
    display: inline-block;
    color: #008A96;
    color: rgba(0,138,150, 0.85);
    transition: color 250ms ease-out;
}
#privacycheck .configuration .selection .settings span a:focus,
#privacycheck .configuration .selection .settings span a:hover {
    color: #007E88;
}
#privacycheck .configuration .selection .settings span a:focus:before,
#privacycheck .configuration .selection .settings span a:hover:before {
    left: 0%;
    width: 100%;
}
#privacycheck .configuration .selection .settings span a:before {
    content: "";
    display: block;
    background: #007E88;
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 1px;
    width: 0%;
    transition: left 250ms ease-out, width 250ms ease-out;
}

#privacycheck .configuration .selection .save-setting {
    position: relative;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    margin: 1.5rem 0 0 0;
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: background 250ms ease-out, border 250ms ease-out, color 250ms ease-out;
    background: #008A96;
    background: rgba(0,138,150, 0.85);
    border: 2px solid #008A96;
    border: 2px solid rgba(0,138,150, 0.5);
    color: #FFFFFF;
    font-size: 1rem;
}
@media (min-width: 992px) {
    #privacycheck .configuration .selection .save-setting {
        margin: 2rem 0 0 0;
    }
}
#privacycheck .configuration .selection .save-setting:hover {
    background: #007E88;
    border: 2px solid #007E88;
    color: #FFFFFF;
}


#privacycheck .description {
    display: block !important;
}
#privacycheck .configuration {
    display: none !important;
}

#privacycheck.showconfiguration .description {
    display: none !important;
}
#privacycheck.showconfiguration .configuration {
    display: block !important;
}


/**********************************************/
/*          OLD PRIVACYCHECK: END             */
/**********************************************/
/************************************************/
/*          OLD inccheck: START             */
/************************************************/
#inccheck {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(52,52,52, 0.5);
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 9000;
}
@media (min-width: 768px) and (min-height: 600px) {
    #inccheck {
        overflow-y: hidden;
    }
}


#inccheck .logo {
    position: relative;
    overflow: hidden;
    height: 1.5rem;
    width: 100%;
    margin: 0.5rem 0 1rem;
    background-image: url("/store/skin/frontend/ids/default/files/layout/ids-logo.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
@media (min-width: 360px) {
    #inccheck .logo {
        height: 2rem;
        margin: 0.5rem 0 1.5rem;
    }
}
@media (min-width: 576px) {
    #inccheck .logo {
        height: 2.75rem;
        margin: 0.25rem 0 2rem;
    }
}

#inccheck .inccheck-wrapper {
    position: relative;
    background: #FFFFFF;
    border-radius: 5px;
    width: calc(100vw - 2rem);
    margin: 1rem auto;
    padding: 1rem;
    max-width: 540px;
    font-size: 1rem;
}
@media (min-width: 360px) {
    #inccheck .inccheck-wrapper {
        width: calc(100vw - 2.5rem);
        padding: 1.25rem;
        margin: 0 auto;
        top: 45%;
        transform: translateY(-50%);
    }
}
@media (orientation: landscape) and (min-width: 360px) {
    #inccheck .inccheck-wrapper {
        margin: 2rem auto;
        top: auto;
        transform: translateY(0%);
    }
}
@media (min-width: 576px) {
    #inccheck .inccheck-wrapper {
        width: calc(100vw - 4rem);
        padding: 2rem;
    }
}
@media (min-width: 768px) {
    #inccheck .inccheck-wrapper {
        margin: 0 auto;
        top: 45%;
        transform: translateY(-50%);
    }
}
@media (min-width: 992px) {
    #inccheck .inccheck-wrapper {
        max-width: 720px;
    }
}
@media (orientation: landscape) and (max-height: 600px) {
    #inccheck .inccheck-wrapper {
        margin: 2rem auto;
        top: auto;
        transform: translateY(0%);
    }
}

#inccheck .description {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
}
#inccheck .description h3 {
    text-align: center;
}
#inccheck .description .desctxt {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 1rem 0 1rem 0;
}

#inccheck .description .desctxt a {
    position: relative;
    display: inline-block;
    color: #008A96;
    color: rgba(0,138,150, 0.85);
    transition: color 250ms ease-out;
}
#inccheck .description .desctxt a:focus,
#inccheck .description .desctxt a:hover {
    color: #007E88;
}
#inccheck .description .desctxt a:focus:before,
#inccheck .description .desctxt a:hover:before {
    left: 0%;
    width: 100%;
}
#inccheck .description .desctxt a:before {
    content: "";
    display: block;
    background: #007E88;
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 1px;
    width: 0%;
    transition: left 250ms ease-out, width 250ms ease-out;
}

#inccheck .description .button-wrapper {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

#inccheck .description .gmbh,
#inccheck .description .inc {
    position: relative;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    margin: 0.5rem;
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: background 250ms ease-out, border 250ms ease-out, color 250ms ease-out;
    font-size: 1rem;
}
@media (min-width: 992px) {
    #inccheck .description .gmbh,
    #inccheck .description .inc {
        margin: 0.5rem 1.5rem;
    }
}

#inccheck .description .gmbh:hover,
#inccheck .description .inc:hover {}

#inccheck .description .gmbh {
    background: #FFFFFF;
    border: 2px solid #878787;
    color: #878787;
}
#inccheck .description .gmbh:hover {
    background: #878787;
    color: #FFFFFF;
}
#inccheck .description .inc {
    background: #008A96;
    background: rgba(0,138,150, 0.85);
    border: 2px solid #008A96;
    border: 2px solid rgba(0,138,150, 0.5);
    color: #FFFFFF;
    padding: 0.85rem 1.1rem;
}
#inccheck .description .inc:hover {
    background: #007E88;
    border: 2px solid #007E88;
    color: #FFFFFF;
}


#inccheck .incuration {
    position: relative;
    overflow: hidden;
    width: 100%;
}
#inccheck .incuration .desctxt {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 0 1rem 0;
}
@media (min-width: 992px) {
    #inccheck .incuration .desctxt {
        margin: 0 0 2rem 0;
    }
}

#inccheck .incuration .selection {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
}
#inccheck .incuration .selection .settings-wrapper {
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 225px;
    width: 100%;
    text-align: left;
    border: 1px solid #878787;
    border-radius: 3px;
}
@media (min-width: 992px) {
    #inccheck .incuration .selection .settings-wrapper {
        height: 175px;
    } 
}

#inccheck .incuration .selection .settings {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 1rem;
}
@media (min-width: 576px) {
    #inccheck .incuration .selection .settings {
        padding: 1.5rem;
    } 
}
#inccheck .incuration .selection .settings + .settings {
    margin-top: 0;
}
#inccheck .incuration .selection .settings .setting {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0.25rem;
}

#inccheck .incuration .selection .settings .setting label + label {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
}
@media (min-width: 576px) {
    #inccheck .incuration .selection .settings .setting label + label {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 40px;
    }
}

#inccheck .incuration .selection .settings .setting.essential {}

#inccheck .incuration .selection .settings .setting.marketing {}


#inccheck .selection .setting input[type="radio"].slider,
#inccheck .selection .setting input[type="checkbox"].slider {
    display:none;
}
#inccheck .selection .setting input[type="radio"].slider + label,
#inccheck .selection .setting input[type="checkbox"].slider + label {
    width: 53px;
    height: 30px;
    border-radius: 15px;
    border: 1px solid #dedede;
    box-shadow: 0px 0px 2px 2px rgba(222,222,222,0.3);
    background-color: #FFF;
    display: inline-block;
    content: "";
    float: left;
    margin-right: 10px;
    margin-bottom: 2.5rem;
    background-image: url(/files/layout/icons/gen/x-ids-machine-vision-cameras-light-grey.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 32px 8px;
    transition: background-color 0.5s linear;
}
@media (min-width: 375px) {
    #inccheck .selection .setting input[type="radio"].slider + label,
    #inccheck .selection .setting input[type="checkbox"].slider + label {
        margin-bottom: 1rem;
    }
}
@media (min-width: 576px) {
    #inccheck .selection .setting input[type="radio"].slider + label,
    #inccheck .selection .setting input[type="checkbox"].slider + label {
        width: 70px;
        height: 40px;
        border-radius: 20px;
        margin-right: 15px;
        margin-bottom: 0.5rem;
        background-size: 16px 16px;
        background-position: 43px 11px;
    }
}

#inccheck .selection .setting input[type="radio"].slider + label:hover,
#inccheck .selection .setting input[type="checkbox"].slider + label:hover {
    cursor: pointer;
}
#inccheck .selection .setting input[type="radio"].slider + label::before,
#inccheck .selection .setting input[type="checkbox"].slider + label::before {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    display: block;
    content: "";
    float: left;
    margin-right: 5px;
    transition: margin 0.1s linear;
    margin-top: 2px;
    margin-left: 3px;
}
@media (min-width: 576px) {
    #inccheck .selection .setting input[type="radio"].slider + label::before,
    #inccheck .selection .setting input[type="checkbox"].slider + label::before {
        width: 34px;
        height: 34px;
        border-radius: 18px;
        margin-right: 5px;
        margin-top: 2px;
        margin-left: 3px;
    }
}

#inccheck .selection .setting input[type="radio"].slider:checked+label,
#inccheck .selection .setting input[type="checkbox"].slider:checked+label{
    background-color: #008A96;
    border: 1px solid #008A96;
    background-image: url(/files/layout/icons/gen/check-mark-ids-machine-vision-cameras-white.svg);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: 6px 8px;
}
@media (min-width: 576px) {
    #inccheck .selection .setting input[type="radio"].slider:checked+label,
    #inccheck .selection .setting input[type="checkbox"].slider:checked+label{
        background-size: 20px 20px;
        background-position: 6px 10px;
    }
}
#inccheck .selection .setting input[type="radio"].slider:checked+label {
    background-color: #dedede;
    border: 1px solid #dedede;
}


#inccheck .selection .setting .invalid input[type="radio"].slider:invalid+label,
#inccheck .selection .setting .invalid input[type="checkbox"].slider:invalid+label{
    background-color: #FFFFFF;
    border: 1px solid #a5112d;
    box-shadow: 0px 0px 2px 2px rgba(165,17,45,0.2);
}
@media (min-width: 576px) {
    
}

#inccheck .selection .setting .invalid input[type="radio"].slider:invalid + label::before,
#inccheck .selection .setting .invalid input[type="checkbox"].slider:invalid + label::before{
    border: 1px solid #dedede;
    box-shadow: 0px 0px 2px 2px rgba(222,222,222,0.3);
    background-color: #FFF;
    border-radius: 18px;
}
@media (min-width: 576px) {
    #inccheck .selection .setting .invalid input[type="radio"].slider:invalid + label::before,
    #inccheck .selection .setting .invalid input[type="checkbox"].slider:invalid + label::before{
        border-radius: 18px;
    }
}

#inccheck .selection .setting input[type="radio"].slider + label:hover::before,
#inccheck .selection .setting input[type="checkbox"].slider + label:hover::before{
    background-image: none;
}
#inccheck .selection .setting input[type="radio"].slider:checked+label::before,
#inccheck .selection .setting input[type="checkbox"].slider:checked+label::before {
    margin-left: 25px;
    background-color: white;
    background-image: none;
}
@media (min-width: 576px) {
    #inccheck .selection .setting input[type="radio"].slider:checked+label::before,
    #inccheck .selection .setting input[type="checkbox"].slider:checked+label::before {
        margin-left: 31px;
    }
}


#inccheck .incuration .selection .settings span {}
#inccheck .incuration .selection .settings span a {}
#inccheck .incuration .selection .settings span a:focus,
#inccheck .incuration .selection .settings span a:hover {}

#inccheck .incuration .selection .settings span a {
    position: relative;
    display: inline-block;
    color: #008A96;
    color: rgba(0,138,150, 0.85);
    transition: color 250ms ease-out;
}
#inccheck .incuration .selection .settings span a:focus,
#inccheck .incuration .selection .settings span a:hover {
    color: #007E88;
}
#inccheck .incuration .selection .settings span a:focus:before,
#inccheck .incuration .selection .settings span a:hover:before {
    left: 0%;
    width: 100%;
}
#inccheck .incuration .selection .settings span a:before {
    content: "";
    display: block;
    background: #007E88;
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 1px;
    width: 0%;
    transition: left 250ms ease-out, width 250ms ease-out;
}

#inccheck .incuration .selection .save-setting {
    position: relative;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    margin: 1.5rem 0 0 0;
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: background 250ms ease-out, border 250ms ease-out, color 250ms ease-out;
    background: #008A96;
    background: rgba(0,138,150, 0.85);
    border: 2px solid #008A96;
    border: 2px solid rgba(0,138,150, 0.5);
    color: #FFFFFF;
    font-size: 1rem;
}
@media (min-width: 992px) {
    #inccheck .incuration .selection .save-setting {
        margin: 2rem 0 0 0;
    }
}
#inccheck .incuration .selection .save-setting:hover {
    background: #007E88;
    border: 2px solid #007E88;
    color: #FFFFFF;
}


#inccheck .description {
    display: block !important;
}
#inccheck .incuration {
    display: none !important;
}

#inccheck.showincuration .description {
    display: none !important;
}
#inccheck.showincuration .incuration {
    display: block !important;
}


/**********************************************/
/*          OLD inccheck: END             */
/**********************************************/



/*----------------------------------------------------------------------------------------------
HTML COMPARE TABLE - Bsp.: /halcon.html#editions
----------------------------------------------------------------------------------------------*/
.html-compare-table {
    display: flex;
    position: relative;
    width: 100%;
    overflow: hidden;
    flex-wrap: wrap;
}

.html-compare-table .column-names {
    display: none;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 1rem 0 0;
}
@media (min-width: 992px) {
    .html-compare-table .column-names {
        display: flex;
        width: 250px;
    }
}

.html-compare-table .column-names .item-head,
.html-compare-table .column-names .item-entry,
.html-compare-table .column-names .item-footer {
    font-size: 0.875rem;
    font-weight: 700;
    padding: 1rem 0;
    text-align: right;
    line-height: 1.4;
    
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.html-compare-table .column-names .item-head {}
@media (min-width: 576px) {
    .html-compare-table .column-names .item-head {   height: 230px;  }
}
@media (min-width: 768px) {
    .html-compare-table .column-names .item-head {   height: 255px;  }
}
@media (min-width: 992px) {
    .html-compare-table .column-names .item-head {   height: 250px;  }
}
@media (min-width: 1200px) {
    .html-compare-table .column-names .item-head {   height: 305px;  }
}
@media (min-width: 1800px) {
    .html-compare-table .column-names .item-head {   height: 415px;  }
}

.html-compare-table .column-names .item-head.empty {}
.html-compare-table .column-names .item-head.no-image {}
@media (min-width: 576px) {
    .html-compare-table .column-names .item-head.no-image {   height: 92px;  }
}
@media (min-width: 768px) {
    .html-compare-table .column-names .item-head.no-image {   height: 64px;  }
}

.html-compare-table .column-names .item-entry {
    border-top: 1px solid transparent;
}
@media (min-width: 576px) {
    .html-compare-table .column-names .item-entry:nth-child(2) { height: 155px;  }
    .html-compare-table .column-names .item-entry:nth-child(3) { height: 95px;  }
    .html-compare-table .column-names .item-entry:nth-child(4) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(5) { height: 115px;  }
    .html-compare-table .column-names .item-entry:nth-child(6) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(7) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(8) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(9) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(10) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(11) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(12) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(13) { height: 95px;  }
    
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(3) { height: 135px;  }
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(4) { height: 155px;  }
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(5) { height: 155px;  }
}
@media (min-width: 768px) {
    .html-compare-table .column-names .item-entry:nth-child(2) { height: 115px;  }
    .html-compare-table .column-names .item-entry:nth-child(3) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(4) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(5) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(6) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(7) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(8) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(9) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(10) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(11) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(12) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(13) { height: auto;  }
    
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(2) { height: 135px;  }
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(3) { height: 115px;  }
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(4) { height: 135px;  }
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(5) { height: 115px;  }
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(6) { height: 230px;  }
}
@media (min-width: 992px) {
    .html-compare-table .column-names .item-entry:nth-child(2) { height: 115px;  }
    .html-compare-table .column-names .item-entry:nth-child(3) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(4) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(5) { height: 75px;  }
    .html-compare-table .column-names .item-entry:nth-child(6) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(7) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(8) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(9) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(10) { height: 75px;  }
    .html-compare-table .column-names .item-entry:nth-child(11) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(12) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(13) { height: auto;  }
    
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(2) { height: 110px;  }
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(3) { height: 90px;  }
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(4) { height: 110px;  }
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(5) { height: 90px;  }
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(6) { height: 205px;  }
}
@media (min-width: 1200px) {
    .html-compare-table .column-names .item-entry:nth-child(2) { height: 90px;  }
    .html-compare-table .column-names .item-entry:nth-child(3) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(4) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(5) { height: 75px;  }
    .html-compare-table .column-names .item-entry:nth-child(6) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(7) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(8) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(9) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(10) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(11) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(12) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(13) { height: auto;  }
    
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(2) { height: 90px;  }
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(3) { height: 75px;  }
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(4) { height: 90px;  }
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(5) { height: 90px;  }
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(6) { height: 185px;  }
}
@media (min-width: 1800px) {
    .html-compare-table .column-names .item-entry:nth-child(2) { height: 75px;  }
    .html-compare-table .column-names .item-entry:nth-child(3) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(4) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(5) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(6) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(7) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(8) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(9) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(10) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(11) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(12) { height: auto;  }
    .html-compare-table .column-names .item-entry:nth-child(13) { height: auto;  }
    
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(2) { height: 90px;  }
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(3) { height: 75px;  }
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(4) { height: 90px;  }
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(5) { height: 90px;  }
    #mikado_controller.html-compare-table .column-names .item-entry:nth-child(6) { height: 150px;  }
}
.html-compare-table .column-names .item-footer {
    border-top: 1px solid transparent;
}
.html-compare-table .column-names .item-footer.empty {}





.html-compare-table .column-item {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 1rem 2rem 1rem;
    
    background: #f5f5f5;
}
@media (min-width: 576px) {
    .html-compare-table .column-item {
        width: calc(50% - 2rem);
    }
}
@media (min-width: 992px) {
    .html-compare-table .column-item {
        width: calc( 50% - 125px - 2rem - 0.5rem );
    }
}
@media (min-width: 1800px) {
    .html-compare-table .column-item {
        width: calc( 50% - 250px - 2rem - 1rem );
    }
}

.html-compare-table .column-item .item-head,
.html-compare-table .column-item .item-entry,
.html-compare-table .column-item .item-footer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
@media (min-width: 992px) {
    .html-compare-table .column-item .item-head,
    .html-compare-table .column-item .item-entry,
    .html-compare-table .column-item .item-footer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

.html-compare-table .column-item .item-head {
    padding: 1rem;
}
@media (min-width: 576px) {
    .html-compare-table .column-item .item-head {   height: 230px;  }
}
@media (min-width: 768px) {
    .html-compare-table .column-item .item-head {   height: 255px;  }
}
@media (min-width: 992px) {
    .html-compare-table .column-item .item-head {   height: 250px;  }
}
@media (min-width: 1200px) {
    .html-compare-table .column-item .item-head {   height: 305px;  }
}
@media (min-width: 1800px) {
    .html-compare-table .column-item .item-head {   height: 415px;  }
}

.html-compare-table .column-item .item-head.no-image {}
@media (min-width: 576px) {
    .html-compare-table .column-item .item-head.no-image {   height: 92px;  }
}
@media (min-width: 768px) {
    .html-compare-table .column-item .item-head.no-image {   height: 64px;  }
}


.html-compare-table .column-item .item-head .product-image-block {
    position: relative;
    width: 100%;
    padding-top: 60%;
}
.html-compare-table .column-item .item-head .product-image-block img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.html-compare-table .column-item .item-head .product-name {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0.25rem 0 0 0;
}
.html-compare-table .column-item .item-head .product-image-block + .product-name {
    margin: 1rem 0 0 0;
}

.html-compare-table .column-item .item-entry {
    border-top: 1px solid #DEDEDE;
    font-size: 0.875rem;
    padding: 1rem;
}
@media (min-width: 576px) {
    .html-compare-table .column-item .item-entry:nth-child(2) { height: 155px;  }
    .html-compare-table .column-item .item-entry:nth-child(3) { height: 95px;  }
    .html-compare-table .column-item .item-entry:nth-child(4) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(5) { height: 115px;  }
    .html-compare-table .column-item .item-entry:nth-child(6) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(7) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(8) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(9) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(10) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(11) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(12) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(13) { height: 95px;  }
    
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(3) { height: 135px;  }
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(4) { height: 155px;  }
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(5) { height: 155px;  }
}
@media (min-width: 768px) {
    .html-compare-table .column-item .item-entry:nth-child(2) { height: 115px;  }
    .html-compare-table .column-item .item-entry:nth-child(3) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(4) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(5) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(6) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(7) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(8) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(9) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(10) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(11) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(12) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(13) { height: auto;  }
    
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(2) { height: 135px;  }
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(3) { height: 115px;  }
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(4) { height: 135px;  }
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(5) { height: 115px;  }
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(6) { height: 230px;  }
}
@media (min-width: 992px) {
    .html-compare-table .column-item .item-entry:nth-child(2) { height: 115px;  }
    .html-compare-table .column-item .item-entry:nth-child(3) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(4) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(5) { height: 75px;  }
    .html-compare-table .column-item .item-entry:nth-child(6) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(7) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(8) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(9) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(10) { height: 75px;  }
    .html-compare-table .column-item .item-entry:nth-child(11) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(12) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(13) { height: auto;  }
    
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(2) { height: 110px;  }
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(3) { height: 90px;  }
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(4) { height: 110px;  }
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(5) { height: 90px;  }
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(6) { height: 205px;  }
}
@media (min-width: 1200px) {
    .html-compare-table .column-item .item-entry:nth-child(2) { height: 90px;  }
    .html-compare-table .column-item .item-entry:nth-child(3) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(4) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(5) { height: 75px;  }
    .html-compare-table .column-item .item-entry:nth-child(6) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(7) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(8) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(9) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(10) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(11) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(12) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(13) { height: auto;  }
    
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(2) { height: 90px;  }
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(3) { height: 75px;  }
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(4) { height: 90px;  }
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(5) { height: 90px;  }
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(6) { height: 185px;  }
}
@media (min-width: 1800px) {
    .html-compare-table .column-item .item-entry:nth-child(2) { height: 75px;  }
    .html-compare-table .column-item .item-entry:nth-child(3) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(4) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(5) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(6) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(7) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(8) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(9) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(10) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(11) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(12) { height: auto;  }
    .html-compare-table .column-item .item-entry:nth-child(13) { height: auto;  }
    
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(2) { height: 90px;  }
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(3) { height: 75px;  }
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(4) { height: 90px;  }
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(5) { height: 90px;  }
    #mikado_controller.html-compare-table .column-item .item-entry:nth-child(6) { height: 150px;  }
}
.html-compare-table .column-item .item-entry .cell-label {
    display: block;
    text-align: center;
    font-weight: 700;
}
@media (min-width: 992px) {
    .html-compare-table .column-item .item-entry .cell-label {
        display: none;
    }
}
.html-compare-table .column-item .item-entry .cell-data {
    display: block;
    line-height: 1.4;
    text-align: center;
    width: 100%;
}

.html-compare-table .column-item .item-footer {
    border-top: 1px solid #DEDEDE;
    font-size: 0.875rem;
    padding: 1rem;
    text-align: center;
}
.html-compare-table .column-item .item-footer .button-wrap {
    margin: 0.5rem 0;
}
.html-compare-table .column-item .item-footer .button-wrap .button {
    background: #008A96;
    color: #FFFFFF;
    display: inline-block;
    position: relative;
    padding: 1rem 2rem;
    text-transform: uppercase;
    transition: background 500ms linear;
}
.html-compare-table .column-item .item-footer .button-wrap .button:focus,
.html-compare-table .column-item .item-footer .button-wrap .button:hover {
    background: #007e88;
    color: #ffffff !important;
}
.html-compare-table .column-item .item-footer .button-wrap .button:focus:before,
.html-compare-table .column-item .item-footer .button-wrap .button:hover:before {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
}
.html-compare-table .column-item .item-footer .button-wrap .button:before {
    content: "";
    display: block;
    background: #007e88;
    z-index: 5;
    position: absolute;
    width: 0%;
    height: 0%;
    top: 50%;
    left: 50%;
    
    transition: top 500ms ease-out, left 500ms ease-out, width 500ms ease-out, height 500ms ease-out;
}
.html-compare-table .column-item .item-footer .button-wrap .button:focus span,
.html-compare-table .column-item .item-footer .button-wrap .button:hover span {
    
}
.html-compare-table .column-item .item-footer .button-wrap .button span {
    display: block;
    position: relative;
    z-index: 10;
}



.ce_IdsDownloadReg > img + a {
    word-break: break-all;
}
.ce_IdsDownloadReg > img + a > span.size {
    word-break: normal;
}

/*----------------------------------------------------------------------------------------------
* Content Box
+----------------------------------------------------------------------------------------------*/
#main.cms .ContentBox {
	border-radius: 5px;
	box-shadow: 0px 0px 2px 2px rgba(222,222,222,0.7);
	background-color: #FFF;
}


/*----------------------------------------------------------------------------------------------
SPECIALS
----------------------------------------------------------------------------------------------*/
#home-about-us {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
#home-about-us a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("/tl_files/images/backgrounds/ids-machine-vision-cameras-company-building-obersulm-germany-1000.jpg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    transform: scale(1);
    transition: transform 500ms ease-out;
    transform-origin: right;
}
#home-about-us a:focus,
#home-about-us a:hover {
    transform: scale(1.1);
}





/*----------------------------------------------------------------------------------------------
Responsive Konfigurationen
----------------------------------------------------------------------------------------------*/


/*SM*/
@media (min-width:576px) {
    span.home-camerafinder{
        width:auto;
    }
    /*    
    #camerafamilies {   
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
    }
    #home-camerafamilies span.up,                
    #home-camerafamilies span.down {   
        -ms-flex: 0 0 5%;
        flex: 0 0 5%;
    }  
    */
}

/*MD*/



/*LG*/
@media (min-width:992px) {
    #header > div.inside > .row{height: 4.5rem;}
}

/*XL*/
@media (min-width:1200px) { 
    .numberlist.nl-xxl-vert > *{
        padding-top: 60px;
        padding-left: 0;
    }
    .numberlist.nl-xxl-vert > *::before{
        top: 0px;
        left: 50%;
        margin-left: -22.5px;
        width: 45px;
        height: 45px;
        line-height: 40px;
        font-size: 29px;
        border: 1px solid #eaeaea;
        border-radius: 50%;
        counter-increment: numberlist;
    }
    .numberlist.nl-xxl-vert > *::after{
        top: 22px;
        left: calc(50% + 22.5px);
        border: none;
        border-top: 1px solid #eaeaea;
        width: calc(100% - 45px);
    }
}





/*----------------------------------------------------------------------------------------------
*   LOADING ANIMATION
*----------------------------------------------------------------------------------------------*/

/* LOADING SPINNER */
@keyframes loadingspinner {
    to {transform: rotate(360deg);}
}

.loadingspinner-container {
    width: 100%;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.loadingspinner-container .loadingspinner {
    display: inline-block;
    width: 50px;
    height: 50px;
}
.loadingspinner-container .loadingspinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    border-radius: 50%;
    border: 2px solid #dedede;
    border-top-color: #008A96;
    animation: loadingspinner 750ms linear infinite;
}
.ce_CeIdsDownloadsPicture.product-request figure{
    width: 60%;
    margin: 0 auto;
}