@media screen and (max-width: 1300px) {
    main > section {
        margin: 4em 1em 0 1em;
    }
    .header-image {
        background-image: url("../bilder/header-strand-1300.jpg");
    }
    .header-image-kunst {
        background-image: url("../bilder/header-kunst.jpg");
    }
    .header-image-intro {
        background-image: url("../bilder/header-intro.png");
    }
    .header-text-kunst {
        width: 100%;
    }
    .header-text-kunst h1 {
        font-size: 1.8em;
    }
    .header-text-kunst h2 {
        font-size: 1.6em;
    }
    .block-1sp {
    width: 100%;
    }
    .box4-1, .box4-2, .box4-3, .box4-4 {
        width: 50%;     
    }
    .box4-1, .box4-4 {
        background-color: #30b0f0;
        color: #fff;
        min-height: 25em;
    }
    .box4-2, .box4-3 {
        background-color: #fff;
        color: #30b0f0;
        min-height: 25em;
    }
}

@media screen and (max-width: 980px) {
    .header-image {
        background-image: url("../bilder/header-strand-980.jpg");
    }
    .header-image-kunst {
        background-image: url("../bilder/header-kunst.jpg");
    }
    .header-image-intro {
        background-image: url("../bilder/header-intro.png");
    }
    .header-intro-kunst {
        top: 1%;
        right: 0%;
        transform: translate(-5%, 0%);
        -ms-transform: translate(-5%, 0%);
        /*max-width: 75%;*/
        width: 80%;
        text-align: right;
    }
    .header-intro-praxis {
        bottom: 1%;
        left: 0%;
        transform: translate(5%, 0%);
        -ms-transform: translate(5%, 0%);
        width: 80%;
        /*max-width: 70%;*/
        text-align: left;
    }
    .header-intro-kunst h1,  .header-intro-praxis h1{
         font-size: 1.5em;   
    }
    .header-intro-kunst h2, .header-intro-praxis h2 {
         font-size: 1.2em;   
    }
    .header-intro-praxis h4 {
        display: none;
    }
    .block-2sp h1 {
        font-size: 2.0em;
    }
    h2 {
        font-size: 1.6em;
    }
    main > section {
        margin: 4em .75em 0 .75em;
    }
    .block-2sp, .box4-1, .box4-2, .box4-3, .box4-4 {
        width: 100%;
    }
    .box4-1, .box4-3 {
        background-color: #30b0f0;
        color: #fff;
    }
    .box4-2, .box4-4 {
        background-color: #fff;
        color: #30b0f0;
    }
}