@media all {
    /* Vue JS Animations */
    /* durations and timing functions.              */
    .slide-fade-enter-active {
        transition: all .3s ease;
    }

    .slide-fade-leave-active {
        transition: all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0);
    }

    .slide-fade-enter, .slide-fade-leave-to
        /* .slide-fade-leave-active below version 2.1.8 */
    {
        transform: translateX(25px);
        opacity: 0;
    }

    /**
     *  Anfrage Liste
     */
    #requestList p {
        font-size: 1rem;
    }

    #requestList *,
    #requestList {
        transition: all 0.3s ease-in;
    }

    #requestList {
        width: 350px!important;
    }

    #requestList.inactive .card-block {
        opacity: 0;
    }

    #requestList.inactive {
        right: -250px !important;
        height: 52px;
    }

    #requestList.inactive #show {
        display: none !important;
    }

    #requestList #hide {
        display: none !important;
    }

    #requestList.inactive #hide {
        display: block !important;
    }

    /* White Spaces in Ajax Components */
    .wysiwyg-vue-helper {
        white-space: pre;
    }

    /* Textfarbe aus Unify überschreiben */
    body {
        color: #212529;
    }


    /* Quickfinder */
    .noUi-target {
        border: none;
        box-shadow: none;
        background: black;
        height: 4px;
        margin-top: 2px;
    }

    .noUi-horizontal .noUi-handle {
        width: 14px;
        height: 14px;
        right: -10px;
        top: -5px;
        border-radius: 50%;
        background-color: #d90612;
        border: none;
        box-shadow: none;
    }

    .noUi-handle::after, .noUi-handle::before {
        background: none;
    }

    .noUi-tooltip {
        background-color: black;
        color: white;
        border: none !important;
        padding: 0 8px;
    }

    .noUi-tooltip:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid black;
        border-bottom: 10px solid transparent;
        right: 24%;
        bottom: -15px;
    }

    #quickfinder.collapsed .card-block {
        height: 0 !important;
        overflow: hidden !important;
        opacity: 0;
        padding: 0 !important;
    }

    #quickfinder.collapsed {
        right: -100px !important;
    }

    #quickfinder {
        transition: all 0.3s ease-in;
    }

    /* Logo überdeckt ersten Menüpunkt */
    .u-header__logo-img:not(.u-header__logo-img--main) {
        display: none;
    }

    /* Slick Slider opacity */
    .o-05 {
        opacity: 0.5 !important;
    }

    /* Slick Slider vertically centered */
    .vertical-centered {
        transform: translateY(50%);
        margin-bottom: 25% !important;
    }

    /* Recaptcha */
    .grecaptcha-badge {
        display: none;
    }

    /* Youku Icon */
    .youku-icon {
        background-image: url('/bundles/app/images/svg-icons/youku-logo.svg');
        width: 30px;
        height: 30px;
        margin-top: 18px;
    }


    body > #pc-cookie-notice {
        font-family: inherit;
        font-size: inherit;
    }

    body > #pc-cookie-notice #pc-button button {
        background: #e30613;
        color: white;
    }

    .vertical-centered-top {
        top: 16%!important;
    }

    #quickfinder.collapsed.quickfinder-hidden {
        right: -382px!important;
    }

    footer {
        width: 100%;
    }

    .stickyFooter {
        z-index: 99;
        position: fixed;
        width: 100%;
        bottom: 0;
        transition: all ease-in 0.3s;
        display: block;
    }

    .stickyFooter.active {
        bottom: 0;
        transition: all ease-in 0.3s;
    }


    #stickySlider {
        height: 0;
    }

    .stickyFooter.active #stickySlider {
        height: 100% !important;
    }


    .emc-img-overlay {
        width: calc(100% - 2rem);
        height: calc(100% - 2rem);
        position: absolute;
        background-color: rgba(250,250,250,0.7);
        top: 1rem;
        transition: all 0.2s ease;
        cursor: pointer;
    }

    .emc-img-overlay:hover, .emc-img-overlay.chosen {
        background-color: rgba(0,0,0,0);
    }

    div.linetext {
        position:absolute;
        top:20%;
        align-items: center;
        display: flex;
        justify-content: start;
        flex-wrap: wrap;
        width: 75%;
    }

    div.linetext > div.line {
        background-color:white;
        font-weight: bold;
        font-size: 2em;
        height: 32px;
        line-height:30px;
        padding-left: 8px;
        margin-top:10px;
        padding-right: 8px;
        float:left;
        clear: both;
    }

    div.linetext > div.transparent {
        background-color: transparent;
    }

    div.linetext > div.small {
        font-size: 0.35em;
    }

    span.small {
        font-size:0.35em;
        padding-left:10px;
    }

    .arrow-divider {
        height: 2px;
        background: black;
    }

    .arrow-divider:before {
        content: "\f053";
        padding-right:10px;
        font-size:24px;
        float:left;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        position: absolute;
        left: -4px;
        top: -18px;
    }

    .arrow-divider:after {
        content: "\f054";
        font-size:24px;
        float:right;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        position: absolute;
        right: -4px;
        top: -18px;
    }

}

@media all and (min-width: 768px) {
    #langSelector.g-max-width-600 {
        width: 75%;
    }
}

@media only screen and (max-width: 760px) {
    /* Prüfe Browser Auflösung */
    #isMobile {
        display: none;
    }
}


table.dataTable td, table.dataTable th {
    white-space: nowrap;
}

/**
    Rev Slider Fix ICOS-187
 */
@media all and (min-width: 1200px) {
    .revslider {
        min-height: 450px;
    }
}
@media all and (min-width: 990px) {
    .revslider {
        min-height: 280px;
    }
}

.btn-primary {
    background-color: #e30613 !important;
    border-color: #e30613 !important;
}

.u-nav-ico-prod-1 .nav-link.active {
    background-color: #eee;
}

.whitespace-normal {
    white-space: normal !important;
}

.language-selection-bto a {
    padding: .375rem .75rem;
}

.loading-bto-ico {
    margin-left: 5px;
    margin-right: 0;
}

.area-video-measure-input {
    overflow: inherit !important;
    border: 1px solid silver;
}

.pimcore_editable_video iframe {
    width: 100%;
}

video.pimcore-video-16_9, .pimcore-video-16_9 .pimcore_editable_video iframe {
    aspect-ratio: 16/9;
}

video.pimcore-video-4_3, .pimcore-video-4_3 .pimcore_editable_video iframe {
    aspect-ratio: 4/3;
}

.pointer {
    cursor: pointer !important;
}

.btn {
    border-radius: .25rem !important;
}

.btn.btn-lg {
    border-radius: .3rem !important;
}

.bto-colored-bg-yellow {
    background-color: #fdc800;
}
.bto-colored-bg-yellow:hover {
    background-color: #ffd643;
}

.bto-colored-bg-red {
    background-color: #e30613;
}
.bto-colored-bg-red:hover {
    background-color: #f9232f;
}

.bto-colored-bg-dark-grey {
    background-color: #4b4b4b;
}
.bto-colored-bg-dark-grey:hover {
    background-color: #808080;
}

.bto-colored-bg-hell-grey {
    background-color: #f2f2f2;
}
.bto-colored-bg-hell-grey:hover {
    background-color: #c2c2c2;
}

.bto-colored-bg-black {
    background-color: #000;
}
.bto-colored-bg-black:hover {
    background-color: #1e1e1e;
}

.bto-colored-bg-blue {
    background-color: #004f9f;
}
.bto-colored-bg-blue:hover {
    background-color: #005bb0;
}

.bto-colored-text-white, .bto-colored-text-white:hover {
    color: #fff;
}

.bto-colored-text-black, .bto-colored-text-black:hover {
    color: #000;
}