/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */




/* ******************* DEFAULT CONTAINER BLUR ************************ */
.container-blured {
    position: relative;
    overflow: hidden;
}

/* Video Blur */
.container-blured video {
    filter: blur(8px);
    transform: scale(1.05);
}
/* **************************************************************** */




/* ******************* DEFAULT SLIDER GRADIENT ************************ */

/* Standard: Logos leicht ausgegraut */
.hersteller-stream-gradient img {
    filter: grayscale(100%);
    opacity: 0.55;
    transition:
        filter 0.3s ease,
        opacity 0.3s ease;
}
/* Standard: Logos Hervorheben bei Hover */
.hersteller-stream-gradient a:hover img,
.hersteller-stream-gradient img:hover {
    filter: grayscale(0%);
    opacity: 1;
}

/* **************************************************************** */

/* ******************* Max 300 Width and Height ************************ */

.max300x300 {
    max-width: 300px !important;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.max300x300 picture {
    display: block;
    width: 100%;
}

.max300x300 img {
    display: block;
    width: 100% !important;
    max-width: 300px !important;
    max-height: 300px !important;
    height: auto !important;
    object-fit: contain;
}

/* **************************************************************** */

/* ******************* CENTERED ************************ */
.centered {
    width: 100%;
    max-width: 1320px;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    box-sizing: border-box;
}

.video-centered video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 35%;
}
/* **************************************************************** */