@media (min-width: 1200px) {
    .su {
        /* The image used */
        background-image: url('/assets/images/marketer.rocks/Sonnenuntergang.webp');

        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        # background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 400px;
    }
}
@media (max-width: 1199px) {
    .su {
        /* The image used */
        background-image: url('/assets/images/marketer.rocks/Sonnenuntergang_small.webp');

        /* Create the parallax scrolling effect */
        background-attachment: scroll;
        # background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 400px;
    }
}
@media (min-width: 1200px) {
    .faehre {
        /* The image used */
        background-image: url('/assets/images/marketer.rocks/Faehre.webp');
        # height: 100%;

        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        # background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 400px;
    }
}
@media (max-width: 1199px) {
    .faehre {
        /* The image used */
        background-image: url('/assets/images/marketer.rocks/Faehre_small.webp');
        # height: 100%;

        /* Create the parallax scrolling effect */
        background-attachment: scroll;
        # background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 400px;
    }
}
@media (min-width: 1200px) {
.strand {
        /* The image used */
        background-image: url('/assets/images/marketer.rocks/Strand.webp');

        /* Full height */
        # height: 80%;

        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        # background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 400px;
    }
}
@media (max-width: 1199px) {
    .strand {
        /* The image used */
        background-image: url('/assets/images/marketer.rocks/Strand_small.webp');

        /* Full height */
        # height: 80%;

        /* Create the parallax scrolling effect */
        background-attachment: scroll;
        # background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 400px;
    }
}