body {
    display: grid;
    grid-template-columns: 30% 1fr 1fr 1fr 30%;
    grid-template-rows: 60px 67px 38px 35px auto auto 237px auto 50px auto 70px auto 70px auto 72px auto auto;
    grid-template-areas: 'menu menu menu menu menu' '. logo logo logo .' '. zusatz-logo zusatz-logo zusatz-logo .' '. ueberschrift ueberschrift ueberschrift .' '. Wohnung-62 Wohnung-63 Wohnung-65 .' '. Wohnung-66 Wohnung-68 . .' '. . . . .' '. Text-Wohnung-62 Text-Wohnung-62 Text-Wohnung-62 .' '. . . . .' '. Text-Wohnung-63 Text-Wohnung-63 Text-Wohnung-63 .' '. . . . .' '. Text-Wohnung-65 Text-Wohnung-65 Text-Wohnung-65 .' '. . . . .' '. Text-Wohnung-66 Text-Wohnung-66 Text-Wohnung-66 .' '. . . . .' '. Text-Wohnung-68 Text-Wohnung-68 Text-Wohnung-68 .' '. belegungskalender belegungskalender belegungskalender .';
}

@media (max-width:575px) and (max-width:767px) {
    body {
        display: grid;
        grid-template-columns: 10px 1fr 10px;
        grid-template-rows: 60px 67px 38px 39px auto auto auto auto auto 52px auto 100px 100px 34px 184px 39px 207px;
        grid-template-areas: 'menu menu menu' '. logo .' '. zusatz-logo .' '. ueberschrift .' '. Wohnung-62 .' '. Wohnung-63 .' '. Wohnung-65 .' '. Wohnung-66 .' '. Wohnung-68 .' '. . .' '. Text-Wohnung-62 .' '. . .' '. . .' '. Uebersch-Kalender .' '. belegungskalender .' '. return2 .' '. . .';
        grid-gap: 5px;
    }

    @media (min-width:768px) {
        body {
            display: grid;
            grid-template-columns: 10% 1fr 1fr 10%;
            grid-template-rows: 60px 67px 38px 39px auto auto auto 52px auto 100px 100px 34px 184px 39px 207px;
            grid-template-areas: 'menu menu menu menu' '. logo logo .' '. zusatz-logo zusatz-logo .' '. ueberschrift ueberschrift .' '. Wohnung-62 Wohnung-63 .' '. Wohnung-65 Wohnung-66 .' '. Wohnung-68 . .' '. . . .' '. Text-Wohnung-62 Text-Wohnung-62 .' '. . . .' '. . . .' '. Uebersch-Kalender Uebersch-Kalender .' '. belegungskalender belegungskalender .' '. return2 return2 .' '. . . .';
            grid-gap: 5px;
        }
    }

    @media (min-width:992px) and (max-width:1199px) {
        body {
            display: grid;
            grid-template-columns: 10% 1fr 1fr 1fr 10%;
            grid-template-rows: 60px 67px 38px 39px auto auto auto 52px auto 100px 100px 34px 184px 39px 207px;
            grid-template-areas: 'menu menu menu menu menu' '. logo logo logo .' '. zusatz-logo zusatz-logo zusatz-logo .' '. ueberschrift ueberschrift ueberschrift .' '. Wohnung-62 Wohnung-63 Wohnung-65 .' '. Wohnung-66 Wohnung-68 . .' '. . . . .' '. . . . .' '. Text-Wohnung-62 Text-Wohnung-62 Text-Wohnung-62 .' '. . . . .' '. . . . .' '. Uebersch-Kalender Uebersch-Kalender Uebersch-Kalender .' '. belegungskalender belegungskalender belegungskalender .' '. return2 return2 return2 .' '. . . . .';
            grid-gap: 5px;
        }
    }

    @media (min-width:1200px) {
        body {
            display: grid;
            grid-template-columns: 20% 1fr 1fr 1fr 20%;
            grid-template-rows: 60px 67px 38px 39px auto auto auto 52px auto 100px 100px 34px 184px 39px 207px;
            grid-template-areas: 'menu menu menu menu menu' '. logo logo logo .' '. zusatz-logo zusatz-logo zusatz-logo .' '. ueberschrift ueberschrift ueberschrift .' '. Wohnung-62 Wohnung-63 Wohnung-65 .' '. Wohnung-66 Wohnung-68 . .' '. . . . .' '. . . . .' '. Text-Wohnung-62 Text-Wohnung-62 Text-Wohnung-62 .' '. . . . .' '. . . . .' '. Uebersch-Kalender Uebersch-Kalender Uebersch-Kalender .' '. belegungskalender belegungskalender belegungskalender .' '. return2 return2 return2 .' '. . . . .';
            grid-gap: 5px;
        }
    }
}