/*  Author:   Martin Stettler (https://www.dieweberei.ch/)
    Version:  15/09/2019 // BS v4.3.1
*/

/* ==========================================================================
   BASE STYLES
   ========================================================================== */
h1 {
    color: #aca14e;
}

/* ==========================================================================
   HEADER
   ========================================================================== */
header {
    border: 25px solid #FFF;
    background: url(../img/psychologische-beratung-beo-1280.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}

/* ==========================================================================
   NAVIGATION from 768px
   ========================================================================== */
.button_container {
    top: 45px;
    right: 45px;
}

.overlay.open h3 {
    margin-top: 24px;
    margin-left: 36px;
}

.overlay.open .title {
    margin-top: 32px;
}

/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */

.unit {
    padding-top: 8vw;
    padding-bottom: 8vw
}

.padding-left.article-text,
.padding-left.article-img {
    padding-left: 8vw;
    padding-right: 0;
}

.padding-right.article-text,
.padding-right.article-img {
    padding-right: 8vw;
    padding-left: 0;
}

.padding-left-right.article-text,
.padding-left-right.article-img {
    padding-left: 8vw;
    padding-right: 8vw
}

.unit .padding-left,
.unit .padding-right,
.unit .padding-left-right,
.footer .padding-left-right {
    margin-bottom: 0;
}

.spacing-pink {
    margin-top: 0;
}

.order-text-left .article-text {
    -ms-flex-order: 1;
        order: 1;
}

.order-text-left .article-img {
    -ms-flex-order: 2;
        order: 2;
}

.order-text-left .article-text,
.order-text-right .article-text {
    margin-top: 0;
}

.hide-mobile {
    display: block;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.footer {
    margin-bottom: 7vw;
}

.footer .article-text {
    padding-top: 8vw;
}