/* 1200px Auflösung */
@media(max-width: 1200px){
    .sites_start_distributor_logos{
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, auto);
    }
}

/* 799px Auflösung */
@media(max-width: 799px){
    .sites_start_distributor_logos{
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(5, auto);
    }

    .sites_start_showcase_slideshow{
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        row-gap: 10px;
        padding-left: 10px;
        padding-right: 15px;
        max-width: 100%;
        scrollbar-color: #106eb4 #f5ebdc00;
        justify-content: center;
    }

    .sites_start_showcase_link_blur{
        background-size: 50%;
    }

    @keyframes mymove{
        0%{
            background-size: 50%;
        }
        100%{
            background-size: 150%;
        }
    }


    .sites_start_showcase_produkt{
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        justify-content: center;
        align-items: center;
        row-gap: 5px;
        margin-bottom: 0px;
    }

    .sites_start_showcase_link{
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 65px auto;
        width: 100%;
        border: 3px solid #106eb4;
        border-radius: 10px;
    }

    .sites_start_showcase_link a{
        display: grid;
        grid-template-columns: 150px 1fr;
        grid-template-rows: auto auto 35px auto;
        column-gap: 10px;
        justify-content: center;
        align-items: center;
        color: #106eb4;
        margin-bottom: 10px;
        text-decoration: none;
    }

    .sites_start_showcase_favorite{
        grid-row: 1/2;
    }

    .sites_start_showcase_bild{
        grid-row: 1/5;
        grid-column: 1/2;
    }

    .sites_start_showcase_bild img{
        max-height: 150px;
        max-width: 150px;
    }

    .sites_start_showcase_warenkorb{
        grid-row: 2/3;
        grid-column: 1/3;
    }
}

/* 500px Auflösung */
@media(max-width: 500px){
    .sites_start_showcase_slideshow{
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        row-gap: 10px;
        padding-left: 10px;
        padding-right: 15px;
        max-width: 100%;
        scrollbar-color: #106eb4 #f5ebdc00;
        justify-content: center;
    }

    .sites_start_showcase_link a{
        grid-row: 2/3;
        grid-template-columns: 1fr;
        grid-template-rows: 40px auto auto 35px auto;
    }

    .sites_start_showcase_favorite button{
        width: 40px;
        height: 40px;
    }

    .sites_start_showcase_bild{
        grid-row: 1/2;
        grid-column: 1/2;
    }

    .sites_start_showcase_bild img{
        max-height: 50px;
        max-width: 50px;
    }

    .sites_start_showcase_text{
        justify-content: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; 
    }

    .sites_start_showcase_text_hersteller{
        border-radius: 5px;
        padding: 5px;
        color: white;
        font-weight: bold;
    }

    .sites_start_distributor_logos{
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(5, auto);
    }

    .sites_start_showcase_warenkorb{
        column-gap: 5px;
    }

    .sites_start_showcase_warenkorb input{
        width: 30px;
        height: 25px;
    }

    .sites_start_showcase_warenkorb .sites_start_button_warenkorb{
        width: 90px;
        height: 40px;
    }

    .sites_start_showcase_warenkorb .sites_start_button_warenkorb:hover img{
        display: none;
    }

    .sites_start_button_aendern{
        width: 90px;
        height: 40px;
    }

    .sites_start_button_aendern:hover img{
        display: none;
    }

    .sites_start_showcase_vorhanden{
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

    .sites_start_distributor_logos img{
        width: 200px;
        height: auto;
    }

    .sites_start_showcase_ueberschrift{
        font-size: 20px;
    }
}