/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.paragraph--type--dropdown-content .title {
    font-family: "Playfair Display", Arial, "sans-serif";
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 100%
}

@media screen and (min-width:992px) {
    .paragraph--type--dropdown-content .title {
        font-size: 56.83px
    }
}

.with-background.paragraph--type--dropdown-content {
    background: #f2f2f2
}

.no-background.paragraph--type--dropdown-content+.no-background>.wrapper,
.with-background.paragraph--type--dropdown-content+.with-background>.wrapper {
    padding-top: 0 !important
}

.paragraph--type--dropdown-content>.wrapper {
    padding: 40px 24px
}

@media screen and (min-width:768px) {
    .paragraph--type--dropdown-content>.wrapper {
        padding-top: 80px;
        padding-bottom: 80px;
        margin: auto
    }
}

@media screen and (min-width:1200px) {
    .paragraph--type--dropdown-content>.wrapper {
        padding-top: 120px;
        padding-bottom: 120px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        max-width: 1600px
    }
}

@media screen and (min-width:1600px) {
    .paragraph--type--dropdown-content>.wrapper {
        padding-right: 0;
        padding-left: 0
    }
}

.paragraph--type--dropdown-content>.wrapper {
    max-width: 900px
}

@media screen and (min-width:992px) {
    .paragraph--type--dropdown-content>.wrapper {
        width: 66.6666666667%;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        padding-right: 0;
        padding-left: 0
    }
}

.paragraph--type--dropdown-content .title {
    color: #323841;
    font-size: 31.98px
}

.paragraph--type--dropdown-content .title strong {
    color: #beaf7d;
    font-weight: 400
}

@media screen and (min-width:992px) {
    .paragraph--type--dropdown-content .title {
        font-size: 31.98px
    }
}

.paragraph--type--dropdown-content select {
    display: block;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='8' viewBox='0 0 10 8' xmlns='http://www.w3.org/2000/svg' fill='%23647082'%3E %3Cpath d='M1.8075 0L5.25 4.58L8.6925 0L9.75 1.41L5.25 7.41L0.75 1.41L1.8075 0Z'/%3E %3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 9px 7.41px;
    background-position: right 14.25px center;
    color: #647082;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #647082;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 1px;
    border: 1px solid #ded4bc;
    height: 46px;
    width: 100%;
    max-width: 100%;
    padding: 10px 24px;
    margin: 30px 0
}

.paragraph--type--dropdown-content select::-webkit-input-placeholder {
    color: #ded4bc;
    font-weight: 400
}

.paragraph--type--dropdown-content select::-moz-placeholder {
    color: #ded4bc;
    font-weight: 400
}

.paragraph--type--dropdown-content select::-ms-input-placeholder {
    color: #ded4bc;
    font-weight: 400
}

.paragraph--type--dropdown-content select::placeholder {
    color: #ded4bc;
    font-weight: 400
}

.paragraph--type--dropdown-content select:focus-visible {
    outline: #beaf7d auto 1px
}

@media screen and (min-width:1200px) {
    .paragraph--type--dropdown-content select {
        width: 420px
    }
}

@media screen and (min-width:992px) {
    .paragraph--type--dropdown-content select {
        margin: 45px 0 50px 0
    }
}

.paragraph--type--dropdown-content .paragraph--dropdown-content-text {
    display: none
}

.paragraph--type--dropdown-content .paragraph--dropdown-content-text--show {
    display: block
}

.with-background.paragraph--type--text-full-width {
    background: #f2f2f2
}

.no-background.paragraph--type--text-full-width+.no-background>.wrapper,
.with-background.paragraph--type--text-full-width+.with-background>.wrapper {
    padding-top: 0 !important
}

.paragraph--type--text-full-width>.wrapper {
    padding: 40px 24px
}

@media screen and (min-width:768px) {
    .paragraph--type--text-full-width>.wrapper {
        padding-top: 80px;
        padding-bottom: 80px;
        margin: auto
    }
}

@media screen and (min-width:1200px) {
    .paragraph--type--text-full-width>.wrapper {
        padding-top: 120px;
        padding-bottom: 120px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        max-width: 1600px
    }
}

@media screen and (min-width:1600px) {
    .paragraph--type--text-full-width>.wrapper {
        padding-right: 0;
        padding-left: 0
    }
}

@media screen and (min-width:992px) {
    .paragraph--type--text-full-width {
        padding: 0 24px
    }
}

.paragraph--type--text-full-width>.wrapper {
    max-width: 900px
}

@media screen and (min-width:992px) {
    .paragraph--type--text-full-width>.wrapper {
        width: 66.6666666667%;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        padding-right: 0;
        padding-left: 0
    }
}

.page-header .content .title {
    font-family: "Playfair Display", Arial, "sans-serif";
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 100%
}

@media screen and (min-width:992px) {
    .page-header .content .title {
        font-size: 56.83px
    }
}

@media screen and (min-width:1200px) {
    .node--type-homepage .page-header {
        height: 1086px
    }
}

.page-header {
    margin: auto;
    padding-top: 74px
}

@media screen and (min-width:768px) {
    .page-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 70vh;
        padding-top: 0
    }
}

@media screen and (min-width:992px) {
    .page-header {
        height: 100vh
    }
}

@media screen and (min-width:1200px) {
    .page-header {
        height: 940px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.page-header .content {
    padding: 0
}

@media screen and (min-width:992px) {
    .page-header .content {
        padding: 0 20px 0 40px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

@media screen and (min-width:1200px) {
    .page-header .content {
        padding-left: 80px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 800px
    }
}

.page-header .content .title {
    color: #323841;
    font-size: 32px;
    padding: 9px 30px 0
}

.page-header .content .title strong {
    color: #beaf7d;
    font-weight: 400
}

@media screen and (min-width:992px) {
    .page-header .content .title {
        padding-left: 0;
        padding-top: 0;
        max-width: 600px;
        font-size: 55px
    }
}

@media screen and (min-width:1200px) {
    .page-header .content .title {
        padding-left: 0
    }
}

@media screen and (min-width:1600px) {
    .page-header .content .title {
        font-size: 75.76px
    }
}

.page-header .content .title strong {
    color: #beaf7d
}

.page-header .content .date {
    color: #96a0af;
    padding-left: 30px;
    line-height: 26px;
    font-weight: 400;
    font-size: 18px;
    padding-right: 20px
}

@media screen and (min-width:992px) {
    .page-header .content .date {
        padding-left: 0
    }
}

@media screen and (min-width:1200px) {
    .page-header .content .date {
        padding-top: 56px
    }
}

.page-header .content .author {
    color: #96a0af;
    padding-left: 30px;
    line-height: 26px;
    font-weight: 400;
    font-size: 18px;
    padding-right: 20px;
    padding-top: 9px
}

@media screen and (min-width:992px) {
    .page-header .content .author {
        padding-left: 0;
        padding-top: 27px
    }
}

.page-header .content .introduction {
    color: #647082;
    padding-left: 30px;
    line-height: 36px;
    font-size: 23.99px;
    padding-right: 20px;
    padding-bottom: 45px
}

@media screen and (min-width:992px) {
    .page-header .content .introduction {
        padding-left: 0;
        padding-bottom: 0;
        max-width: 600px
    }
}

@media screen and (min-width:1200px) {
    .page-header .content .introduction {
        padding-top: 56px;
        padding-left: 0
    }
}

.page-header .image-mobile {
    display: block;
    padding-left: 32px;
    padding-top: 21px
}

@media screen and (min-width:768px) {
    .page-header .image-mobile {
        display: none
    }
}

.page-header .image-desktop {
    display: none
}

@media screen and (min-width:768px) {
    .page-header .image-desktop {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        height: 100%;
        position: relative
    }
}

.page-header .image-desktop .contextual-region {
    position: static
}

.page-header .image-desktop img {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .page-header .image-desktop img {
        position: absolute;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }
}