body {
    display: grid;
    grid-template-columns: 10px 1fr [Tabelle-end] 10px;
    grid-template-rows: 60px 67px 38px 35px [tabelle-start] auto auto [tabelle-end] auto 100px;
    grid-template-areas: 'menu menu menu' '. logo .' '. logozusatz .' '. ueerschrift .' '. tabelle1 .' '. tabelle2 .' '. erlaeuterungen .' '. . .';
}

@media (max-width:575px) and (max-width:767px) {
    body {
        display: grid;
        grid-template-columns: 10px 1fr [Tabelle-end] 10px;
        grid-template-rows: 60px 67px 38px 35px [tabelle-start] auto auto [tabelle-end] auto 100px;
        grid-template-areas: 'menu menu menu' '. logo .' '. logozusatz .' '. ueerschrift .' '. tabelle1 .' '. tabelle2 .' '. erlaeuterungen .' '. . .';
    }
}

@media (min-width:768px) {
    body {
        display: grid;
        grid-template-columns: 10% [tabelle-start] 1fr 1fr 1fr [Tabelle-end] 10%;
        grid-template-rows: 60px 67px 38px 35px [tabelle-start] auto auto [tabelle-end] auto 100px;
        grid-template-areas: 'menu menu menu menu menu' '. logo logo logo .' '. logozusatz logozusatz logozusatz .' '. ueerschrift ueerschrift ueerschrift .' '. tabelle1 tabelle1 tabelle1 .' '. tabelle2 tabelle2 tabelle2 .' '. erlaeuterungen erlaeuterungen erlaeuterungen .' '. . . . .';
    }
}

@media (min-width:992px) and (max-width:1199px) {
    body {
        display: grid;
        grid-template-columns: 10% [tabelle-start] 1fr 1fr 1fr [Tabelle-end] 10%;
        grid-template-rows: 60px 67px 38px 35px [tabelle-start] auto auto [tabelle-end] auto 100px;
        grid-template-areas: 'menu menu menu menu menu' '. logo logo logo .' '. logozusatz logozusatz logozusatz .' '. ueerschrift ueerschrift ueerschrift .' '. tabelle1 tabelle1 tabelle1 .' '. tabelle2 tabelle2 tabelle2 .' '. erlaeuterungen erlaeuterungen erlaeuterungen .' '. . . . .';
    }
}

@media (min-width:1200px) {
    body {
        display: grid;
        grid-template-columns: 20% [tabelle-start] 1fr 1fr 1fr [Tabelle-end] 20%;
        grid-template-rows: 60px 67px 38px 35px [tabelle-start] auto auto [tabelle-end] auto 100px;
        grid-template-areas: 'menu menu menu menu menu' '. logo logo logo .' '. logozusatz logozusatz logozusatz .' '. ueerschrift ueerschrift ueerschrift .' '. tabelle1 tabelle1 tabelle1 .' '. tabelle2 tabelle2 tabelle2 .' '. erlaeuterungen erlaeuterungen erlaeuterungen .' '. . . . .';
    }
}