/*
Theme Name: Mediatouch GmbH
Theme URI: http://www.mediatouch-online.de
Author: Mediatouch GmbH
Author URI: http://www.mediatouch-online.de/
Version: 1.5
*/
.logo-h2 {
    margin: 0 30px;
    height: 50px;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}

#videoSlider {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 20px;
    width: auto;
    max-width: none;
}
#videoSlider .slick-arrow {
    opacity: 1 !important;
    top: -80px;
    bottom: auto;
}
.video-image + .h3 {
    margin: 16px 0 4px;
    display: block;
}
.video-image {
    overflow: hidden;
    display: block;
    position: relative;
    margin: 0 20px;
}
#videoSlider .video-image[data-video]:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    border-radius: 100px;
    background: #0592d0;
    z-index: 22;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

#videoSlider .video-image[data-video]:after {
    content: "";
    display: block;
    box-sizing: border-box;
    width: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-left: 0.5em;
    height: 20px;
    border-style: solid;
    border-width: 10px 0px 10px 20px;
    z-index: 23;
    border-color: transparent transparent transparent #fff;

    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

#videoSlider .video-image[data-video]:hover:before {
    background: #fff;
    width: 80px;
    height: 80px;
}

#videoSlider .video-image[data-video]:hover:after {
    border-color: transparent transparent transparent #0592d0;
}

#hero.slider .video-image,
#hero#hero .video-image {
    overflow: hidden;
    min-height: 375px;
    min-height: 331px;
}

@media only screen and (min-width: 1260px) {
    #hero.slider .video-image img,
    #hero#hero .video-image img {
        margin-top: -12px;
    }
}

.button.doc,
.button.web,
.button.vid {
    background-position: left top !important;
}

.video-image {
    cursor: pointer;
}

.additional-lang {
    position: absolute;
    bottom: 13px;
    left: 13px;
}

.additional-lang a {
    display: block;
    float: left;
    margin-right: 12px;
}

.additional-lang img {
    height: 24px;
    border: 1px solid #eee;
}

.callout.success {
    padding: 1rem !important;
    margin-bottom: 1.5rem !important;
}

#navigation > ul > li > ul > li:first-child {
    font-weight: bold;
}

@media only screen and (min-width: 40em) {
    #navigation > ul > li > ul > li:first-child {
        display: none;
    }
}

#hireNote {
    display: block;
    position: fixed;
    padding: 40px 40px 20px;
    background: #0492d0;
    color: #fff;
    bottom: 60px;
    z-index: 9999;
    right: 0;
    max-width: 260px;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    transform: translateX(320px);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

#hireNote.open {
    transform: translateX(0px);
}

#hireNote h3,
#hireNote .h3 {
    _margin: 0 !important;
}

#hireNote .button {
    color: #0492d0 !important;
    background: #fff;
}

#hireNote .close {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    line-height: 27px;
    width: 27px;
    text-align: center;
    cursor: pointer;
}

@media only screen and (min-width: 64em) {
    [data-scroll="down"] #header #navbar .menu li.search a {
        padding-top: 1px;
    }
    #karriere .paddingRight,
    #karriere .paddingleft{
        padding:0 !important
    }
}

@media only screen and (max-width: 40em) {
    .blue-caption-left {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        float: right !important;
        width: 233% !important;
    }

    .blue-caption-right {
        position: relative !important;
        float: left !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 220% !important;
    }
}

a.block {
    display: block;
    background: #0492d0;
}
a.block img {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}
a.block:hover img {
    opacity: 0.7;
}

.tabs {
    border: 0 none !important;
}
.tabs-title {
    background: #f2f2f2;
    width: 25%;
    text-align: center;
    border-right: 1px solid #fff;
}
.tabs-title a {
    color: #111 !important;
    font-size: 16px !important;
}
.tabs-title.is-active a,
.tabs-title:hover a {
    background: #0592d0 !important;
    color: #fff !important;
}
.tabs-title:hover a {
    opacity: 0.75;
}
@media screen and (max-width: 63.9375em) {
    .tabs-title {
        text-align: left;
        width: auto;
    }
}
.tabs-content {
    border: 0 none !important;
}
.tabs-panel {
    padding: 40px 0 !important;
}

#collapsing-tabs .accordion-item .accordion-title {
    background: #f2f2f2 !important;
    color: #111 !important;
}
#collapsing-tabs .accordion-item.is-active .accordion-title {
    background: #0592d0 !important;
    color: #fff !important;
}

/** Productgallerie */
.product-gallerie-thumbnail img{
    cursor:pointer;
}
/* the slides */
.product-gallerie-thumbnail .slick-slide {
    margin: 0 5px;
    margin-top: 45px;
}
/* the parent */
.product-gallerie-thumbnail .slick-list {
    margin: 0 -5px;
}

.product-gallerie-thumbnail.slick-slider .slick-arrow{
    opacity: 1 !important;
    top: calc(50% + 5px);
}
.product-gallerie-thumbnail.slick-slider .slick-arrow.slick-prev{
    left:-40px;
}
.product-gallerie-thumbnail.slick-slider .slick-arrow.slick-next{
    right:-40px;
}



.product-gallerie.slick-slider .slick-arrow{
    top:45%;
        opacity: 1 !important
}
.product-gallerie.slick-slider .slick-arrow.slick-prev{
    left:-40px;
}
.product-gallerie.slick-slider .slick-arrow.slick-next{
    right:-40px;
}
@media screen and (max-width: 63.9375em) {
    .product-gallerie.slick-slider .slick-arrow{
        top:auto;
        bottom:-40px;
    }
    .product-gallerie.slick-slider .slick-arrow.slick-prev{
        left:-0px;
    }
    .product-gallerie.slick-slider .slick-arrow.slick-next{
        right:-0px;
    }
    .product-gallerie-thumbnail .slick-arrow{
        display: none !important;
    }



}

@media only screen and (max-width: 40em){
    .blue-caption-left.history-year {
        transform:none !important;
        -webkit-transform: none !important;
        text-align:right;

    }
    .blue-caption-left.history-year .h1{
        padding-right:30px;
    }
    #imageSlider .slick-slide {
        height: auto !important;
    }
}
.logo-h2{
    height:50px;
}

@media only screen and (max-width: 40em){
.logo-h2{
    height:40px;
}
}

.new_padding {
  padding-left: 0;
}

.elementor-section{
    overflow: inherit;
}