.startpage .wrapper.main {
    max-width: none;
    padding-bottom: 0;
    padding-top: 0;
}

    .startpage .wrapper.main .wrapper {
        max-width: 1440px;
    }

.startpage .top_image {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 196px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.startpage .header_banner {
    background-color: #27769f;
    opacity: 0.9;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 10px 15px;
    width: calc(100% - 30px);
}

    .startpage .header_banner h1,
    .startpage .header_banner p {
        color: #ffffff;
    }

    .startpage .header_banner h1 {
        font-size: 20px;
        font-weight: bold;
        line-height: 1.4;
        padding: 0;
    }

    .startpage .header_banner p {
        font-size: 18px;
        line-height: 1.44;
        padding: 0;
        margin: 0;
    }

    .startpage .header_banner.themeA {
        background-color: #297b7b;
    }

    .startpage .header_banner.themeB {
        background-color: #154198;
    }

    .startpage .header_banner.themeC {
        background-color: #27769f;
    }

    .startpage .header_banner.themeD {
        background-color: #af5700;
    }

    .startpage .header_banner.themeE {
        background-color: #612361;
    }

    .startpage .header_banner.themeF {
        background-color: #a82b69;
    }

    .startpage .header_banner.themeFHG {
        background-color: #a93121;
    }

    .startpage .header_banner.themeGB {
        background-color: #4a4a4a;
    }

    .startpage .header_banner.themeG {
        background-color: #8e6a00;
    }

    .startpage .header_banner.themeH {
        background-color: #73731d;
    }

    .startpage .header_banner.color-white {
        background-color: #ffffff;
        opacity: 0.9;
    }


    .startpage .header_banner.color-beige {
        background-color: #f5f3f0;
        opacity: 0.9;
    }

        .startpage .header_banner.color-white h1,
        .startpage .header_banner.color-white p,
        .startpage .header_banner.color-beige h1,
        .startpage .header_banner.color-beige p {
            color: #000000;
        }

.startpage .extraPuffs .content_wrapper {
    background: #ffffff;
}

    .startpage .extraPuffs .content_wrapper .content {
        padding-left: 5%;
        padding-right: 5%;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

/* Mobile only */
@media only screen and (max-width: 767px) {
    .startpage .wrapper.main {
        padding: 0;
    }

    .startpage .header_banner {
        position: unset;
    }
}

/* 600px up */
@media only screen and (min-width: 600px) {
    .startpage h1 {
        font-size: 22px;
        font-size: 2.2rem;
        font-weight: 400;
    }

    .startpage .featured.shadow_bottom {
        border-bottom: 1px solid #d4cec8;
    }

    .js.startpage .featured.shadow_bottom:after {
        display: block;
        bottom: -20px;
        height: 20px;
        background-size: 960px 20px;
    }

    .startpage .featured {
        margin-bottom: 40px;
        margin-bottom: 4rem;
    }

        .startpage .featured.internetPsykiatri {
            padding-top: 40px;
            padding-top: 4rem;
        }
}

/* Tablet portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait), only screen and (min-width: 768px) {
    .startpage .internetPsykiatri {
        background-color: #f5f3f0;
    }

        .startpage .internetPsykiatri .teaserIntro {
            margin-left: 3.18471%;
            margin-right: 8em;
        }
}

@media only screen and (min-width: 768px) {
    .startpage .start-heading h1 {
        padding: 10px 1.592356688%;
    }
}

@media only screen and (min-width: 1024px) {
    .startpage .start-heading h1 {
        padding: 15px 1.592356688% 30px 1.592356688%;
    }
}

/* Desktop up */
@media only screen and (min-width: 1023px) {
    .startpage .block_wrapper {
        background-color: #ffffff;
    }
}