body {
    display: grid;
    grid-template-columns: 10px 1fr 10px;
    grid-template-rows: 60px 67px 38px auto auto auto auto;
    grid-template-areas: 'menu menu menu' '. logo .' '. zusatz-logo .' '. ueberschrift .' '. carousel .' '. Kapitelueberschrift .' '. text .';
    font-size: 15px;
}

@media (max-width:575px) and (max-width:767px) {
    body {
        display: grid;
        grid-template-columns: 10px 1fr 10px;
        grid-template-rows: 60px 67px 38px auto auto auto auto auto;
        grid-template-areas: 'menu menu menu' '. logo .' '. zusatz-logo .' '. ueberschrift .' '. carousel .' '. . .' '. Kapitelueberschrift .' '. text .';
        font-size: 15px;
    }
}

@media (min-width:768px) {
    body {
        display: grid;
        grid-template-columns: 10% 1fr 1fr 1fr 10%;
        grid-template-rows: 60px 67px 38px auto auto auto auto;
        grid-template-areas: 'menu menu menu menu menu' '. logo logo logo .' '. zusatz-logo zusatz-logo zusatz-logo .' '. ueberschrift ueberschrift ueberschrift .' '. carousel carousel carousel .' '. Kapitelueberschrift Kapitelueberschrift Kapitelueberschrift .' '. text text text .';
        font-size: 15px;
    }
}

@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 auto auto auto auto auto;
        grid-template-areas: 'menu menu menu menu menu' '. logo logo logo .' '. zusatz-logo zusatz-logo zusatz-logo .' '. carousel carousel carousel .' '. . . . .' '. . . . .' '. Kapitelueberschrift Kapitelueberschrift Kapitelueberschrift .' '. text text text .';
        font-size: 15px;
    }
}

@media (min-width:1200px) {
    body {
        display: grid;
        grid-template-columns: 20% 1fr 1fr 1fr 20%;
        grid-template-rows: 60px 67px 38px auto auto auto auto;
        grid-template-areas: "menu menu menu menu menu" ". logo logo logo ." ". zusatz-logo zusatz-logo zusatz-logo ." ". ueberschrift ueberschrift ueberschrift ." ". carousel carousel carousel ." ". Kapitelueberschrift Kapitelueberschrift Kapitelueberschrift ." ". text text text .";
        font-size: 15px;
    }
}

.menu {
    grid-area: menu;
}

.logo {
}

.ueberschrift {
    grid-area: ueberschrift;
    font-family: 'Lato', sans-serif;
    font-size: 25px;
    text-align: center;
}

.carousel {
    grid-area: carousel;
}

.kapitelueerschrift {
    grid-area: Kapitelueberschrift;
    font-family: 'Lato', sans-serif;
    font-size: 25px;
    text-align: center;
}

.text {
    grid-area: text;
}