/*-----------------------------------------------------   
     Tabletversion < 768 Pixel                          
       768px / 16px/em = 48em  
       + 2 Spalten
         - Header und Navigation oben untereinander
		 - Hautpinhalt und Seitenleiste nebeneinander
		 - Fußleiste unten
------------------------------------------------------*/
@media only screen and ( min-width: 768px ) {
    .width320 {
        display: none;
    }
    .width768 {
        display: none;
    }
    .width1024 {
        display: none;
    }
    .width1280 {
        display: none;
    }
    .content {
        display: grid;
        grid-template-columns: calc(100%/3) calc(100%/3) calc(100%/3);
        text-align: left;
    }
    
    .menue-button {
        display: none;
    }

    #steuerung {
        display: block;
    }

    .menue-button {
        display: none;
    }

    #steuerung {
        display: block;
    }


    /*------------------------------------------------*/
}