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

    .geraete_hersteller_tabelle{
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, auto);
    }

    .geraete_hersteller_tabelle a{
        width: auto;
        height: auto;
    }

    .geraete_hersteller_uebersicht_tabelle{
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, auto);
    }

    .geraete_hersteller_uebersicht_tabelle a{
        width: auto;
        height: auto;
    }
}

/* 799px Auflösung */
@media(max-width: 799px){
    .geraete_ok{
        margin-left: 10px;
        margin-right: 10px;
    }

    .geraete_error{
        margin-left: 10px;
        margin-right: 10px;
    }

    .geraete_artikel_tabelle_seite{
        margin-left: 10px;
        margin-right: 10px;
    }

    .geraete_artikel_tabelle{
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        margin-left: 10px;
        margin-right: 10px;
    }

    .geraete_artikel_produkt{
        grid-template-columns: 1fr;
    }

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

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

    .geraete_artikel_explosion_details{
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
    }

    .geraete_artikel_explosion_multi{
        grid-template-columns: repeat(2, auto) 1fr;
        border-radius: 5px;
        position: fixed;
        top: 50px;
        left: 50%;
        transform: translate(-50%);
        width: max-content;
        height: fit-content;
        max-width: 70vw;
        max-height: 300px;
    }

    .geraete_artikel_explosion_nr{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .geraete_artikel_explosion_show{
        padding: 0px;
        width: 100vw;
        height: 100vh;
    }

    .geraete_artikel_explosion_bild{
        width: 150px;
        height: auto;
    }

    .geraete_artikel_explosion_show_button{
        display: none;
    }

    .geraete_artikel_explosion_show_bild{
        width: 100vw;
        height: 100vh;
        overflow: hidden;
        border: 0px;
    }

    .geraete_artikel_explosion_show_zoom{
        overflow: hidden;
    }

    .geraete_artikel_explosion_show_zoom img{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 95vw;
        max-height: 95vh;
    }

    .geraete_artikel_hilfe_tabelle{
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        margin-left: 10px;
        margin-right: 10px;
    }

    .geraete_artikel_hilfe_tabelle_videos{
        grid-template-columns: 1fr auto;
        grid-template-rows: auto;
        margin-left: 0px;
        margin-right: 0px;
    }

    .geraete_artikel_hilfe_anleitungen{
        grid-template-columns: 1fr auto;
        grid-template-rows: auto;
        margin-left: 0px;
        margin-right: 0px;
    }

    .geraete_artikel_video_overlay{
        left: 10px;
        right: 10px;
    }

    .geraete_hersteller_ueberschrift{
        margin-left: 10px;
        margin-right: 10px;
    }

    .geraete_hersteller_filter{
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        margin-left: 10px;
        margin-right: 10px;
    }

    .geraete_hersteller_filter_ueber{
        grid-column: 1/2;
    }

    .geraete_hersteller_tabelle{
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: auto;
        gap: 10px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .geraete_hersteller_uebersicht_tabelle{
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: auto;
        gap: 10px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 30px;
    }
}

/* 500px Auflösung */
@media(max-width: 500px){
    .geraete_artikel_bild img{
        max-height: 50px;
        max-width: 50px;
    }

    .geraete_artikel_explosion_bild{
        width: 130px;
        height: auto;
    }

    .geraete_artikel_explosion_multi{
        max-width: 60vw;
        max-height: 300px;
    }
}