.jobsearch-container > div {
    border: 1px solid;
    margin: 5px;
}
.headline {
    grid-area: headline;
}
.job-filter {

    grid-area: job-filter;
}
.karte {
    grid-area: karte;
}
.actions {
    grid-area: actions;
}
.newsletter {

    grid-area: newsletter;
}
.searchresults {

    grid-area: searchresults;
}

/* Für Bildschirmbreiten von 0px bis 479px */
@media screen and (max-width: 479px) {
    .jobsearch-container {
        display: grid;
        grid-template-areas:
      "headline"
      "job-filter"
      "karte"
      "searchresults";
    }

    .newsletter, .actions {
        display:none;
    }
}

/* Für Bildschirmbreiten von 480px bis 979px */
@media screen and (min-width: 480px) and (max-width: 979px) {
    .jobsearch-container {
        display: grid;
        grid-template-areas:
      "headline headline"
      "job-filter karte"
      "searchresults searchresults";
        grid-template-columns: 282px 421px;
    }


    .newsletter, .actions {
        display:none;
    }
}

/* Für Bildschirmbreiten von 980px bis 1365px */
@media screen and (min-width: 980px) and (max-width: 1365px) {
    .jobsearch-container {
        display: grid;
        grid-template-areas:
      "headline headline actions"
      "job-filter karte actions"
      "searchresults searchresults searchresults";
        grid-template-columns: 282px 380px 229px;
    }
    .newsletter {
        display:none;
    }
}

/* Für Bildschirmbreiten von 1366px bis 1919px */
@media screen and (min-width: 1366px) and (max-width: 1919px) {
    .jobsearch-container {
        display: grid;
        grid-template-areas:
      "job-filter headline headline"
      "job-filter karte searchresults"
      "actions newsletter searchresults";
        grid-template-columns: 282px 380px 640px;
    }
}

/* Für Bildschirmbreiten ab 1920px */
@media screen and (min-width: 1920px) {
    .jobsearch-container {
        display: grid;
        grid-template-areas:
      "job-filter headline headline"
      "job-filter karte searchresults"
      "actions newsletter searchresults";
        grid-template-columns: 282px 622px 950px;
    }

}