/* 1200px Auflösung */
@media(max-width: 1200px){
    #start_banner_tabelle{
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, auto);
        row-gap: 15px;
    }

    #start_banner_stellenangebote{
        height: 150px;
    }

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

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

    .start_menue_link{
        grid-template-columns: 60px 1fr;
    }

    .start_menue_link_symbol img{
        height: 50px;
    }
}

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

    #start_banner_schulung{
        font-size: 14px;
    }

    .start_banner_schulung_ueber{
        font-size: 30px;
    }

    .start_banner_schulung_ueber img{
        height: 60px;
        width: auto;
    }

    .start_banner_schulung_text{
        font-size: 30px;
    }

    .start_banner_schulung_tabelle{
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

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

    #start_banner_stellenangebote{
        height: 100px;
        font-size: 30px;
    }

    .start_seite_tabelle{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
        row-gap: 5px;
        text-align: center;
    }

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

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

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

    .start_menue{
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

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

    .start_menue_link_symbol{
        display: none;
    }

    .start_showcase{
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

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

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

    .start_showcase_artikel_spalte1{
        grid-column: 2/3;
    }

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

    .start_showcase_artikel_spalte3{
        grid-column: 2/3;
    }

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

    .start_showcase_artikel_spalte5{
        grid-column: 2/3;
    }

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

    .start_showcase_artikel_spalte7{
        grid-column: 2/3;
    }

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

    .start_showcase_artikel_spalte9{
        grid-column: 2/3;
    }

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

/* 500px Auflösung */
@media(max-width: 500px){
    .start_menue{
        margin-top: 10px;
    }

    .start_menue_button:hover img{
        display: none;
    }

    .start_menue_button{
        height: 30px;
    }

    .start_menue_ueberschrift{
        font-size: 20px;
    }

    .start_menue_ueberschrift_edit{
        font-size: 16px;
    }

    .start_menue_ueberschrift_tabelle_grafik{
        height: 20px;
        width: auto;
        margin-bottom: -5px;
    }

    .start_menue_link{
        font-size: 20px;
        width: auto;
        height: 100px;
    }

    .start_menue_link img{
        display: none;
    }

    .start_showcase_ueberschrift{
        font-size: 20px;
    }

    .start_showcase_order a{
        font-size: 14px;
    }

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

    .start_showcase_tabelle{
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(10, auto);
    }

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

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

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

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

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

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

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

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

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

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

    .start_showcase_link{
        font-size: 14px;
        grid-template-columns: 1fr;
        grid-template-rows: 120px repeat(4, auto);
    }

    .start_showcase_bild{
        height: 110px;
        width: 200px;
        margin-left: auto;
        margin-right: auto;
    }

    .start_showcase_bild img{
        max-height: 90px;
        max-width: 90px;
    }

    .start_showcase_seriennr{
        justify-content: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
    }

    .start_distributor_ueberschrift{
        font-size: 20px;
    }

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

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