@charset "UTF-8";

* {
    padding: 0;
    margin: 0
}

*,
::after,
::before {
    box-sizing: border-box
}

.text-center {
    text-align: center !important;
}

body {
    font-family: Montserrat, sans-serif
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

.mt-4 {
    margin-top: 15px;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit
}

img {
    vertical-align: middle;
    border-style: none
}

.h3,
h3 {
    font-size: 1.75rem
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    text-rendering: optimizeLegibility;
}

.col-md-6,
.col-sm-12 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (max-width:767px) {
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

ul {
    list-style: none
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn {
    border-radius: 0;
    border: solid 1px #fff;
    color: #fff;
    font-size: 15px
}

.img-responsive {
    max-width: 100%;
}

.promo-section {
    display: flex;
    align-items: stretch;
    background-color: white;
    max-width: var(--body);
    flex-direction: row;
    border-radius: 3px;
    margin: 0 auto;
    padding: 0px 32px 30px;
    box-sizing: border-box;
}

.promo-image {
    object-fit: cover;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    max-width: 130px;
}


@media (max-width:599px) {
    .promo-image {
        display: none;
    }
}

.promo-content {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
    gap: 20px;
    background-color: #ab883e;
    padding: 40px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-sizing: border-box;
}

@media (max-width:899px) {
    .promo-content {
        display: block;
    }
}

.promo-content p {
    font-size: 24px;
    line-height: 1.5;
    color: white;
}

.promo-content a {
    color: white;
    text-decoration: underline;
}

.promo-button {
    flex: none;
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    background-color: #000;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.3s;
}

@media (max-width:899px) {
    .promo-button {
        margin-top: 30px;
    }
}

.promo-button span {
    font-size: 15px;
    text-decoration: none;
}


.promo-button a {
    text-decoration: none;
}

.promo-button svg {
    margin-left: 60px;
    font-size: 1.2rem;
    color: #fff;
}

.promo-button:hover {
    background-color: #333;
}


#header {
    height: 80px;
    background-color: #1f1f1f;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200
}

#logoBox {
    background-color: #8c734d;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    height: 80px;
    float: left
}

#menuBox {
    background-color: #1f1f1f;
    height: 80px;
    float: left
}

#menuMob,
#openMenu {
    display: none
}

#menuBox #menuList {
    padding-left: 28px;
    padding-top: 28px
}

#menuBox #menuList li {
    float: left;
    position: relative;
    height: 80px
}

#menuBox #menuList li.lastItem a {
    border: none
}

#menuBox #menuList li a {
    display: inline-block;
    color: #fff;
    border-right: solid 1px #fff;
    padding: 0 10px
}

#menuBox #menuList ul {
    background-color: #1f1f1f;
    position: absolute;
    left: -10px;
    top: 52px;
    z-index: 200;
    padding: 0;
    border-top: solid 1px #fff;
    display: none
}

#menuBox #menuList li:hover ul {
    display: block
}

#menuBox #menuList ul li {
    float: none;
    padding: 10px 20px;
    border-right: none;
    border-top: solid 1px #8c734d;
    border-bottom: solid 1px #8c734d;
    white-space: nowrap;
    height: auto
}

#menuBox #menuList ul li a {
    border-right: none
}

#menuBox #menuList ul li a:hover {
    color: #8c734d;
    text-decoration: none
}

.nolink {
    cursor: default;
    text-decoration: none
}

.nolink:hover {
    cursor: default;
    text-decoration: none
}

#menuMob {
    display: none
}

#lgBox {
    background: url(../images/bg_lg.gif) right top no-repeat;
    width: 110px;
    float: right;
    height: 80px
}

#lgBox ul {
    overflow: hidden;
    margin-left: 22px
}

#lgBox ul li {
    float: left
}

#lgBox ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 9px;
    display: inline-block;
    text-transform: uppercase
}

#ctaBox {
    clear: both;
    height: 45px;
    background: url(../images/bg_cta.png) right top no-repeat;
    position: absolute;
    right: 0;
    top: 80px;
    padding: 0 40px 0 20px;
    z-index: 10
}

#ctaBox a {
    color: #8c734d;
    line-height: 45px
}

#mainNews {
    position: relative;
    z-index: 9
}

#mainNews img {
    width: 100%
}

#mainNewsTxt {
    width: 40%;
    position: absolute;
    top: 15%;
    right: 60px
}

.scopeMain {
    border-bottom: solid 10px #97d4e6;
    padding-bottom: 20px;
    margin-bottom: 40px
}

.scopeMain a {
    text-transform: uppercase;
    background: url(../images/more.png) right 10px center no-repeat;
    padding: 10px 75px 10px 50px;
    font-size: 15px
}

.scopeMain a:hover {
    background: #fff url(../images/more.png) right 10px center no-repeat;
    color: #8c734d
}

#mainNewsTxt .readmore {
    color: #97d4e6;
    text-transform: uppercase;
    position: relative;
    left: 50%;
    display: block;
    width: 50%
}

#mainNewsTxt h1 {
    font-size: 50px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase
}

#otherNewsList {
    position: relative;
    left: 50%;
    width: 50%
}

#otherNewsList li {
    margin-bottom: 2px
}

#otherNewsList li a {
    background: #8c734d url(../images/morebig.png) right 20px center no-repeat;
    display: block;
    padding: 20px 80px 20px 20px;
    color: #fff
}

#otherNewsList .newsMore a,
#otherNewsList li a:hover {
    background: #97d4e6 url(../images/morebig.png) right 20px center no-repeat;
    text-decoration: none
}

#otherNewsList .newsMore a {
    margin-bottom: 30px
}

#introBox {
    padding: 60px 26%;
    color: #8c734d;
    margin-top: 50px
}

#introBox .topTitle {
    font-size: 24px;
    display: block;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px
}

#introBox h1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 300
}

#introBox p {
    font-size: 18px;
    text-align: center;
    margin-top: 30px;
    color: #8c734d
}

#actionBox {
    padding: 0;
    max-width: var(--body);
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

@media screen and (max-width: 1024px) {

    #actionBox {
        padding: 0 var(--body-padding);
    }

}

.actionItem {
    float: left;
    width: 50%;
    position: relative
}

#partnerBox {
    clear: both
}

.wrapAction {
    position: relative;
    margin: 20px 20px 20px 0;
    border-radius: 3px;
    box-shadow: 0px 4px 13px 2px rgba(0, 0, 0, 0.15);
}

.actionItem:nth-child(even) .wrapAction {
    margin: 20px 0px 20px 20px;
}

.imgAction img {
    z-index: 9;
    width: 100%
}

.imgLabel {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    background: url(../images/act_lab_bg.png) right top no-repeat;
    display: inline-block;
    height: 46px;
    padding-right: 35px;
    line-height: 46px;
    padding-left: 30px;
    color: #fff;
    text-transform: uppercase;
}

.txtAction h2 {
    color: black;
    display: block;
    text-align: left;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 20px 30px 30px 30px;
    box-sizing: border-box;
}

.txtAction p {
    padding: 0 30px 30px 30px;
    font-size: 18px;
    line-height: 1.3;
    color: black;
}

.actionItem a {
    display: block;
    width: 100%;
    height: 100%;
}

.actionItem a img {
    transform: scale(1);
    transition: .2s;
}

.imgAction {
    overflow: hidden;
}

.actionItem a:hover {
    text-decoration: none;
}

.actionItem a:hover img {
    transform: scale(1.1);
}

.imgPartner,
.txtPartner {
    width: 50%;
    float: left;
}

.txtPartner {
    height: 100%;
}

.txtPartner h2,
.txtSmPartner h2 {
    font-size: 50px;
    font-weight: 100;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.txtSmPartner h2 {
    margin-bottom: 20px;
}

.txtPartner .btn,
.txtSmPartner .btn {
    margin-top: 35px;
    background: url(../images/more.png) right 10px center no-repeat;
    padding: 10px 75px 10px 50px;
    font-size: 15px;
    text-transform: uppercase;
}

.txtSmPartner .btn {
    margin-top: 20px;
}

.txtPartner .btn:hover,
.txtSmPartner .btn:hover {
    background-color: #fff;
    color: #8c734d;
    border-color: #8c734d;
}

.blue,
.brown {
    clear: both;
    text-align: center;
}

.blue {
    background-color: var(--basic-light);
}

.brown {
    background-color: #8c734d;
}

.blue .btn {
    border-color: #8c734d;
    color: #8c734d;
}

.txtPad {
    padding: 50px 20% 0
}

.imgPartner,
.imgSmPartner {
    position: relative
}

.imgPartner img {
    width: 100%
}

.blue .txtPartner {
    background-color: #97d4e6;
    color: #fff
}

.brown .txtPartner {
    background-color: #8c734d;
    color: #fff
}

.clear {
    clear: both
}

.halfBox {
    width: 50%;
    float: left;
    margin: 20px 0;
    position: relative
}

.halfBox .txtPad {
    padding: 0
}

.halfBox.blue,
.halfBox.brown {
    clear: none
}

.imgSmPartner img {
    width: 100%
}

.txtSmPartner {
    padding: 20px 5%;
    color: #fff;
    position: absolute;
    bottom: 0;
    height: 50%;
    width: 100%;
    z-index: 20
}

.blue .txtSmPartner {
    background-color: #97d4e6
}

.brown .txtSmPartner {
    background-color: #8c734d
}

.triangle {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.blue .triangle {
    background-color: #97d4e6
}

.brown .triangle {
    background-color: #8c734d
}

.triangle.alLeft {
    left: 0;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px
}

.triangle.alRight {
    left: 100%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px
}

.triangle.alBot {
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px
}

#contactBox {
    background-color: #97d4e6;
    padding: 80px 30%;
    color: #fff;
    text-align: center;
    color: #8c734d
}

#contactBox h3 {
    font-size: 50px;
    font-weight: 100
}

#contactBox p {
    margin: 30px 0
}

#contactBox2 {
    background-color: #97d4e6;
    padding: 80px 20%;
    color: #fff;
    text-align: center;
    color: #8c734d
}

#contactBox2 h3 {
    font-size: 50px;
    font-weight: 100
}

#contactBox2 p {
    margin: 30px 0
}

#contactBox2 form input {
    width: 100%;
    border: none;
    padding: 3px;
    border-bottom: solid 1px #fff;
    margin-bottom: 15px;
    color: #8c734d;
    background-color: #97d4e6;
    font-size: 14px;
    outline: 0;
    border-radius: 0;
    box-shadow: none
}

#contactBox2 form textarea {
    width: 100%;
    color: #8c734d;
    padding: 10px;
    height: 120px;
    font-size: 14px;
    border-radius: 0;
    box-shadow: none
}

#contactBox2 form input.btn {
    margin-top: 35px;
    background: url(../images/more.png) right 10px center no-repeat;
    padding: 10px 75px 10px 50px;
    font-size: 15px;
    text-transform: uppercase;
    border: solid 1px #8c734d;
    color: #8c734d;
    width: auto
}

#contactBox2 form input.btn:hover {
    background-color: #fff
}

.btnPhone {
    background: #8c734d url(../images/tel-wit.png) left 30px center no-repeat;
    padding: 10px 30px 10px 80px;
    color: #fff;
    border-color: #8c734d;
    margin: 10px 10px 0 0
}

.btnMail {
    background: #8c734d url(../images/mail-wit.png) left 30px center no-repeat;
    padding: 10px 30px 10px 80px;
    color: #fff;
    border-color: #8c734d;
    margin: 10px 0 0 10px
}

.btnPhone:hover {
    background: #fff url(../images/tel.png) left 30px center no-repeat;
    color: #8c734d;
    border-color: #fff
}

.btnMail:hover {
    background: #fff url(../images/mail.png) left 30px center no-repeat;
    color: #8c734d;
    border-color: #fff
}

.btnFb {
    margin-right: 10px
}

.btnInst {
    margin-left: 10px
}

.btnFb:hover {
    background-color: #fff;
    color: #8c734d
}

.btnInst:hover {
    background-color: #fff;
    color: #8c734d
}

#newsletterBox {
    background-color: #8c734d;
    padding: 80px 30%;
    color: #fff;
    text-align: center
}

#newsletterBox h3 {
    font-size: 48px;
    font-weight: 100
}

#newsletterBox p {
    margin: 30px 0
}

#newsletterBox form button,
#newsletterBox form input {
    padding: 10px 20px;
    border: solid 1px #fff
}

#newsletterBox form #subNews {
    background-color: #8c734d;
    color: #fff;
    border: solid 1px #fff;
    margin-left: -1px
}

#newsletterBox form #subNews:active,
#newsletterBox form #subNews:hover {
    background-color: #fff;
    color: #8c734d;
    border-color: #8c734d
}

#footer {
    padding: 100px 10%;
    overflow: hidden
}

#footer img {
    display: block;
    margin: 0 auto
}

.footerWrap {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 25px;
}

@media screen and (max-width: 900px) {
    .footerWrap {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 599px) {
    .footerWrap {
        grid-template-columns: repeat(1, 1fr);
    }
}

.colquart {
    color: #707070
}

.colquart a {
    color: #707070
}

#partnerList .smallBox {
    width: 90%;
    overflow: hidden;
    background-color: #97d4e6;
    margin: 0 auto;
    margin-bottom: 5%
}

#partnerList .smallBox .imgPartner {
    width: 60%
}

#partnerList .smallBox .imgPartner img {
    width: 100%
}

#partnerList .smallBox .txtPartner {
    width: 40%
}

#partnerList .smallBox .txtPartner .txtPad {
    padding: 80px 50px;
    color: #fff
}

#partnerList .smallBox .txtPartner .txtPad h2 {
    text-align: center
}

#partnerList .smallBox .txtPartner .txtPad p {
    text-align: center
}

#partnerList .smallBox .txtPartner .txtPad a {
    padding: 10px 75px 10px 50px;
    color: #8c734d;
    border-color: #8c734d;
    padding-right: 60px
}

#partnerList .smallBox .txtPartner .txtPad a:hover {
    color: #8c734d;
    border-color: #8c734d
}

#partnerList .largeBox {
    width: 100%;
    position: relative;
    margin-bottom: 5%
}

#partnerList .largeBox .imgPartner {
    width: 100%;
    z-index: 9
}

#partnerList .largeBox .imgPartner img {
    width: 100%
}

#partnerList .largeBox .txtPartner {
    width: 36%;
    position: absolute;
    top: 0;
    right: 5%;
    background-color: #8c734d;
    z-index: 10;
    height: auto
}

#partnerList .largeBox .txtPartner .txtPad {
    padding: 80px 50px;
    color: #fff
}

#partnerList .largeBox .txtPartner .txtPad h2 {
    text-align: center
}

#partnerList .largeBox .txtPartner .txtPad p {
    text-align: center
}

#jobList .smallBox {
    width: 90%;
    overflow: hidden;
    background-color: #8c734d;
    margin: 0 auto;
    margin-bottom: 5%
}

#jobList .smallBox .imgPartner {
    width: 60%
}

#jobList .smallBox .imgPartner img {
    width: 100%
}

#jobList .smallBox .txtPartner {
    width: 40%
}

#jobList .smallBox .txtPartner .txtPad {
    padding: 10px 50px;
    color: #fff
}

#jobList .smallBox .txtPartner .txtPad h2 {
    text-align: center;
    font-size: 32px
}

#jobList .smallBox .txtPartner .txtPad h3 {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px
}

#jobList .smallBox .txtPartner .txtPad p {
    text-align: center
}

#jobList .smallBox .txtPartner .txtPad a {
    color: #fff;
    border-color: #fff;
    padding-right: 60px
}

#jobList .smallBox .txtPartner .txtPad a:hover {
    color: #8c734d;
    border-color: #8c734d
}

#jobList .largeBox {
    width: 100%;
    position: relative;
    margin-bottom: 5%
}

#jobList .largeBox .imgPartner {
    width: 100%;
    z-index: 9
}

#jobList .largeBox .imgPartner img {
    width: 100%
}

#jobList .largeBox .txtPartner {
    width: 36%;
    position: absolute;
    top: 0;
    right: 5%;
    background-color: #97d4e6;
    z-index: 10;
    height: auto
}

#jobList .largeBox .txtPartner .txtPad {
    padding: 80px 50px;
    color: #8c734d
}

#jobList .largeBox .txtPartner .txtPad h2 {
    text-align: center;
    font-size: 36px
}

#jobList .largeBox .txtPartner .txtPad p {
    text-align: center
}

#jobList .largeBox .txtPartner .txtPad a {
    color: #8c734d;
    border-color: #8c734d;
    padding-right: 60px
}

#tagCloud {
    text-align: center
}

#tagCloud li {
    display: inline-block
}

#tagCloud li a {
    display: block;
    padding: 5px 30px;
    border-radius: 40px;
    color: #8c734d;
    border: solid 1px #8c734d;
    margin: 10px
}

#tagCloud li a.current {
    color: #97d4e6;
    border: solid 1px #97d4e6
}

#winkelList {
    padding: 0 5% 5%;
    overflow: hidden
}

#winkelList .smallBox {
    width: 29%;
    margin: 2%;
    float: left;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    overflow: hidden
}

#winkelList .smallBox a {
    display: block;
    width: 100%;
    height: 100%
}

#winkelList .smallBox a:hover {
    text-decoration: none
}

#winkelList .smallBox .imgPartner {
    width: 100%
}

#winkelList .smallBox .imgPartner img {
    width: 100%
}

#winkelList .smallBox .txtPartner {
    width: 100%
}

#winkelList .smallBox .txtPartner .txtPad {
    padding: 40px;
    color: #8c734d
}

#winkelList .smallBox .txtPartner .txtPad h2 {
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 5px 0;
    padding: 0
}

#winkelList .smallBox .txtPartner .txtPad h3 {
    text-align: left;
    font-size: 18px;
    font-weight: 300;
    margin: 0 0 15px 0;
    padding: 0
}

#winkelList .smallBox .txtPartner .txtPad p {
    text-align: left;
    font-size: 16px
}

#winkelList .smallBox .txtPartner .txtPad a:hover {
    color: #8c734d;
    border-color: #8c734d
}

#winkelList .smallBox a:hover .txtPartner {
    background-color: #97d4e6
}


.moreNews {
    color: #8c734d;
    border-color: #8c734d;
    background: url(../images/bulletbrown.png) right 20px center no-repeat;
    padding: 20px 80px 20px 40px;
    margin-top: 50px;
    border-radius: 3px;
}

.moreNews:hover {
    background: #8c734d url(../images/more.png) right 20px center no-repeat;
    color: #fff
}

.nextNews {
    color: #8c734d;
    border-color: #8c734d;
    background: url(../images/bulletbrown.png) right 20px center no-repeat;
    padding: 20px 80px 20px 40px;
    margin-top: 50px;
    border-radius: 3px;
}

.nextNews:hover {
    background: #8c734d url(../images/more.png) right 20px center no-repeat;
    color: #fff;
}

.prevNews {
    color: #8c734d;
    border-color: #8c734d;
    background: url(../images/bulletbrown_prev.png) left 20px center no-repeat;
    padding: 20px 40px 20px 80px;
    margin-top: 50px;
}

.prevNews:hover {
    background: #8c734d url(../images/more_prev.png) left 20px center no-repeat;
    color: #fff;
}

#content {
    color: #8c734d;
    margin-top: 80px;
}

.imgFull {
    padding-bottom: 5%;
}

.imgFull img {
    width: 100%;
}

.imgFull .legend {
    padding: 10px 5%;
}

.imgBoxed {
    padding: 0 5% 5%;
}

.imgBoxed img {
    width: 100%;
}

.legend {
    font-size: 12px;
    color: #999;
    padding-top: 10px
}

.txtimg50,
.txttxt50 {
    clear: both
}

.txttxt50 {
    padding: 0 5% 5%;
    overflow: hidden
}

.txttxt50 .partLeft {
    width: 50%;
    float: left
}

.txttxt50 .partRight {
    width: 50%;
    float: left
}

.txtimg50 {
    padding: 0 5% 5%;
    overflow: hidden
}

.txtimg50 .partLeft {
    width: 50%;
    float: left
}

.txtimg50 .partRight {
    width: 50%;
    float: left
}

.txtimg40L {
    padding: 0 5% 5%;
    overflow: hidden
}

.txtimg40L .partLeft {
    width: 40%;
    float: left
}

.txtimg40L .partRight {
    width: 60%;
    float: left
}

.txtimg60L {
    padding: 0 5% 5%;
    overflow: hidden
}

.txtimg60L .partLeft {
    width: 60%;
    float: left
}

.txtimg60L .partRight {
    width: 40%;
    float: left
}

@media (min-width:1024px) {
    .partLeft .wrapPad {
        padding-right: 2.5%
    }

    .partRight .wrapPad {
        padding-left: 2.5%
    }
}

.partLeft img {
    width: 100%
}

.partRight img {
    width: 100%
}

.quoteBox {
    background: #8c734d url(../images/quote_bg.gif) center top 50px no-repeat;
    padding: 110px 30% 5%;
    margin-bottom: 5%
}

.quoteBox .quote {
    font-size: 40px;
    color: #fff;
    text-align: center;
    font-weight: 300
}

.quoteBox .author {
    font-size: 18px;
    color: #97d4e6;
    text-align: center;
    padding-top: 10px;
    font-weight: 700
}

.lineTitle {
    text-align: center;
    border-top: solid 1px #8c734d;
    position: relative;
    clear: both;
    margin: 50px 0
}

.lineTitle span {
    display: inline-block;
    background-color: #fff;
    padding: 0 20px;
    margin-top: -10px;
    position: relative;
    top: -12px;
    color: #8c734d
}

.txtFull {
    padding: 0 25% 5%
}

.partLeft p,
.partRight p,
.txtFull p {
    color: #1d1d1d;
    margin-bottom: 20px
}

.partLeft h2,
.partRight h2,
.txtFull h2 {
    margin-bottom: 10px;
    font-weight: 700
}

.partLeft h3,
.partRight h3,
.txtFull h3 {
    margin-bottom: 10px;
    font-weight: 700
}

.partLeft h4,
.partRight h4,
.txtFull h4 {
    margin-bottom: 10px;
    font-weight: 700
}

.partLeft h5,
.partRight h5,
.txtFull h5 {
    margin-bottom: 10px;
    font-weight: 700
}

.partLeft h6,
.partRight h6,
.txtFull h6 {
    margin-bottom: 10px;
    font-weight: 700
}

.partLeft ul,
.partRight ul,
.txtFull ul {
    margin-bottom: 20px
}

.partLeft ul li,
.partRight ul li,
.txtFull ul li {
    background: url(../images/bullet_li.gif) left top 7px no-repeat;
    padding-left: 15px;
    color: #1d1d1d;
    margin-bottom: 5px
}

.txtFull img {
    width: 100%;
    display: block;
    margin: 40px 0
}

.txtFull .fullwidth {
    width: 100%;
    display: block;
    margin: 0
}

.bigActie h3 {
    text-align: center;
    padding: 30px 25%;
    color: #8c734d;
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 700
}

.bigActie .imgPartner {
    width: 100%;
    float: none
}

.bigActie .imgPartner img {
    width: 100%
}

.bigActie .txtPartner {
    width: 100%;
    float: none
}

.bigActie .txtPartner .txtPad {
    padding: 50px 25%;
    color: #8c734d
}

.bigActie .btn {
    color: #8c734d;
    border-color: #8c734d
}

.bigActie .btn:hover {
    background-color: #8c734d;
    color: #fff
}

.smallActie h3 {
    text-align: center;
    padding: 30px 25%;
    color: #8c734d;
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 700
}

.smallActie .imgPartner {
    padding: 0 25%;
    width: 100%;
    float: none
}

.smallActie .imgPartner img {
    width: 100%
}

.smallActie .txtPartner {
    width: 100%;
    float: none
}

.smallActie .txtPartner .txtPad {
    padding: 50px 25%;
    color: #8c734d
}

.smallActie .btn {
    color: #8c734d;
    border-color: #8c734d
}

.smallActie .btn:hover {
    background-color: #8c734d;
    color: #fff
}

.ui-dialog {
    width: 100% !important;
    height: 100% !important;
    z-index: 9999 !important;
    position: fixed !important;
    top: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background-color: #97d4e6
}

.ui-widget-header {
    border: none;
    background: 0 0
}

.ui-dialog .ui-dialog-titlebar-close {
    background: url(../images/close.png) center center no-repeat;
    border: none;
    width: 40px;
    height: 40px
}

#downloadForm,
.actionContent {
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 50px;
}



#downloadForm .input-text {
    background-color: white !important;
    display: block;
    width: 100%;
    border: 1px solid #AB883E !important;
    border-radius: 6px !important;
    height: 42px !important;
}

#downloadForm h3 {
    font-size: 40px;
    line-height: 48px;
    color: var(--text);
    font-weight: 300;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 50px;
    max-width: 600px;
}

.actionContent .btn {
    margin-top: 20px;
    background: url(../images/bulletbrown.png) right 10px center no-repeat;
    padding: 10px 75px 10px 50px;
    font-size: 15px;
    text-transform: uppercase;
    color: #8c734d;
    border-color: #8c734d
}

.actionContent .btn:hover {
    background-color: #8c734d;
    color: #fff
}

#downloadForm p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
}



.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.videoWrapper iframe,
.videoWrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.quoteTxt {
    font-size: 22px;
    color: #8c734d;
    font-weight: 700
}

.authorTxt {
    font-size: 16px;
    color: #8c734d
}

#contactMap {
    padding: 0
}

#contactMap .row {
    margin: 0
}

#contactMap .row .col-md-6 {
    padding: 0
}

#contactMap iframe {
    display: block
}

#contactMap .row .col-md-6.brownB {
    background-color: #8c734d;
    color: #fff;
    padding-top: 175px
}

#contactBox2 .error {
    display: block;
    text-align: left;
    font-size: 14px
}

#sectorType {
    width: 100%;
    background-color: #97d4e6;
    border: none;
    border-bottom: solid 1px #AB883E;
    color: #6c757d
}

@media only screen and (max-width:1262px) {
    #openMenu {
        display: block;
        width: 32px;
        height: 21px;
        background: url(../images/menu_btn.gif) left top no-repeat;
        position: absolute;
        right: 10px;
        top: 15px
    }

    #menuList,
    #menuMob {
        display: none
    }

    #menuMob {
        position: relative;
        z-index: 100;
        clear: both;
        background-color: #1f1f1f
    }

    #menuMob ul li {
        padding: 10px 30px;
        border-top: solid 1px #8c734d;
        border-bottom: solid 1px #8c734d;
        white-space: nowrap;
        height: auto
    }

    #menuMob ul li li {
        border-top: none;
        border-bottom: none
    }

    #menuMob ul li a {
        color: #fff
    }

    #menuMob ul li a:hover {
        color: #8c734d;
        text-decoration: none
    }

    #menuBox {
        position: relative;
        right: 110px;
        float: right
    }

    .txtPartner h2,
    .txtSmPartner h2 {
        font-size: 30px
    }
}

@media only screen and (max-width:1039px) {
    #mainNewsTxt {
        position: relative;
        width: 100%;
        left: 0;
        right: auto
    }

    #mainNewsTxt h1 {
        font-size: 40px
    }

    #otherNewsList {
        width: 90%;
        left: 0;
        margin: 0 5%
    }

    #otherNewsList li {
        width: 48%;
        float: left;
        margin: 0 1% 4px
    }

    #mainNewsTxt .readmore {
        width: 100%;
        left: 0;
        clear: both;
        text-align: center;
        padding-top: 10px
    }

    .scopeMain {
        width: 75%;
        margin-left: 20%;
        margin-right: 5%;
        padding-top: 100px
    }

    #introBox {
        margin-top: 0;
        padding: 60px 10%;
        clear: both
    }

    #introBox p {
        font-weight: 700
    }

    .txtPad {
        padding-left: 10%;
        padding-right: 10%
    }

    .halfBox {
        width: 100%;
        float: none;
        margin: 0;
        position: relative
    }

    .txtSmPartner {
        padding: 20px 5%;
        color: #fff;
        position: relative;
        bottom: auto;
        height: 100%
    }

    .imgSmPartner,
    .txtSmPartner {
        width: 50%;
        float: left
    }

    .triangle.alBot.alLeft {
        left: 0;
        top: 50%;
        margin-top: -25px;
        margin-left: -25px
    }

    .triangle.alBot.alRight {
        left: 100%;
        top: 50%;
        margin-top: -25px;
        margin-left: -25px
    }

    #newsletterBox {
        padding: 50px 10%
    }

    #contactBox {
        padding: 50px 10%
    }

    .bigActie .txtPartner .txtPad {
        padding: 50px 10%
    }

    .smallActie .txtPartner .txtPad {
        padding: 50px 10%
    }

    .smallActie .imgPartner {
        padding: 0 10%
    }

    .bigActie h3 {
        padding: 20px 10%;
        font-size: 30px
    }

    .smallActie h3 {
        padding: 20px 10%;
        font-size: 30px
    }

    .quoteBox {
        padding: 110px 20% 5%
    }

    .quoteBox .quote {
        font-size: 24px
    }

    .txtFull {
        padding: 0 5% 5%
    }

    #winkelList .smallBox {
        width: 46%
    }

    #partnerList .smallBox .txtPartner {
        width: 100%;
        float: none
    }

    #partnerList .smallBox .imgPartner {
        width: 100%;
        float: none
    }

    #partnerList .smallBox .txtPartner .txtPad {
        padding: 20px 5% !important
    }

    #partnerList .largeBox .txtPartner {
        position: relative;
        right: auto;
        width: 100%
    }

    #partnerList .largeBox .txtPartner .txtPad {
        padding: 20px 5% !important
    }

    #jobList .smallBox .txtPartner {
        width: 100%;
        float: none
    }

    #jobList .smallBox .imgPartner {
        width: 100%;
        float: none
    }

    #jobList .smallBox .txtPartner .txtPad {
        padding: 20px 5% !important
    }

    #jobList .largeBox .txtPartner {
        position: relative;
        right: auto;
        width: 100%
    }

    #jobList .largeBox .txtPartner .txtPad {
        padding: 20px 5% !important
    }

    #jobList .largeBox {
        margin-bottom: 0
    }
}

@media only screen and (max-width:767px) {

    .imgPartner,
    .imgSmPartner {
        overflow: hidden
    }

    .imgPartner img,
    .imgSmPartner img {
        height: 100%;
        width: auto
    }

    #otherNewsList li {
        width: 100%
    }

    .lineTitle {
        margin: 20px 0
    }

    .txttxt50 .partLeft {
        width: 100%;
        float: none
    }

    .txttxt50 .partRight {
        width: 100%;
        float: none
    }

    .txtimg50 .partLeft {
        width: 100%;
        float: none
    }

    .txtimg50 .partRight {
        width: 100%;
        float: none
    }

    .txtimg40L .partLeft {
        width: 100%;
        float: none
    }

    .txtimg40L .partRight {
        width: 100%;
        float: none
    }

    .txtimg60L .partLeft {
        width: 100%;
        float: none
    }

    .txtimg60L .partRight {
        width: 100%;
        float: none
    }

    .partRight .wrapPad {
        padding-left: 0
    }

    .partLeft .wrapPad {
        padding-right: 0
    }

    .quoteBox {
        padding: 110px 10% 5%
    }

    .quoteBox .quote {
        font-size: 20px
    }

    #winkelList .smallBox {
        width: 100%;
        margin: 0 0 20px
    }

    #downloadForm,
    .actionContent {
        width: 100%;
        padding: 20px;
        margin: 20px 0 0
    }
}

@media only screen and (max-width:575px) {
    #ctaBox {
        display: none
    }

    #introBox {
        padding: 40px 10%
    }

    .imgPartner,
    .txtPartner {
        width: 100%;
        float: none
    }

    .imgSmPartner,
    .txtSmPartner {
        width: 100%;
        float: none
    }

    .txtPartner,
    .txtSmPartner {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .triangle {
        display: none
    }

    .imgPartner img,
    .imgSmPartner img {
        width: 100%;
        height: auto;
        margin: 0 !important
    }

    #mainNewsTxt {
        margin-top: 0 !important
    }

    .scopeMain {
        background-color: #8c734d;
        margin: 0 !important;
        width: 100%;
        padding: 20px 5%
    }

    #otherNewsList {
        margin-top: 20px
    }

    .actionItem {
        width: 100%;
        float: none
    }

    #newsletterBox h3 {
        font-size: 40px
    }

    .colquart {
        text-align: left;
    }

    #mainNewsTxt h1 {
        font-size: 24px
    }

    .scopeMain a span {
        display: none
    }

    .scopeMain a,
    .scopeMain a:hover {
        border: none;
        width: 40px;
        height: 40px;
        padding: 0;
        border-radius: 80px;
        background: #8c734d url(../images/morebig.png) right 0 center no-repeat
    }

    #newsletterBox form button,
    #newsletterBox form input {
        width: 100%
    }

    #newsletterBox h3 {
        font-size: 26px
    }

    #contactBox h3 {
        font-size: 26px
    }

    #introBox h1 {
        font-size: 30px
    }

    .btnMail,
    .btnPhone {
        width: 100%;
        margin: 10px 0 0
    }

    #introBox p {
        font-size: 16px;
        font-weight: 400
    }

    #footer {
        padding: 50px 5%
    }

    #dialog h3 {
        font-size: 18px
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(/css/ajax-loader.gif) center center no-repeat
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(/css/fonts/slick.eot);
    src: url(/css/fonts/slick.eot?#iefix) format("embedded-opentype"), url(/css/fonts/slick.woff) format("woff"), url(/css/fonts/slick.ttf) format("truetype"), url(/css/fonts/slick.svg#slick) format("svg")
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

[dir=rtl] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '→'
}

[dir=rtl] .slick-next:before {
    content: '←'
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

:root {
    --text: black;
    --basic-light: #97D4E6;
    --basic-ultralight: #D7F8FF;

    --boulder: #757575;

    --body: 1440px;
    --body-padding: 70px;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#content {
    margin-top: 119px;
}

@media screen and (max-width: 1100px) {
    #content {
        margin-top: 69px;
    }
}

#content #introBox {
    color: var(--text);
    padding: 0px;
    margin-top: 80px;
}


.introBoxParent {
    background-color: white;
}

#content #introBox p {
    font-weight: 400;
}

#content #introBox p .bold {
    font-weight: 700;
}

#content #introBox p strong,
#content #introBox strong {
    font-weight: 600;
}

@media screen and (max-width: 900px) {

    #content #introBox {
        margin-top: 90px;
    }
}

#content .introboxImageContainer {
    width: 100%;
    overflow: hidden;
}

@media screen and (min-width: 1640px) {
    #content .introboxImageContainer {
        max-height: 650px;
    }
}

#content.winkel_single .introboxImageContainer {
    /* height: 750px; */
}

.imgBoxed img {
    border-radius: 3px;
    width: 100%;
}

#content .introboxVideoContainer {
    width: 100%;
    filter: brightness(1);
    background-color: var(--basic-ultralight);
    padding: 50px 0px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;

    position: relative;
    overflow: hidden;
}

#content .introboxVideoContainer video {
    width: 100%;
    max-height: 800px;
    object-fit: cover;
}

.home #content .introboxImageContainer {
    /* height: 650px; */
    position: relative;
}


#content .introboxImageContainer img,
#content .introboxImageContainer video,
#content .introboxVideoContainer {
    width: 100%;
    object-fit: contain;
    object-position: center;
}


#content .introboxImageContainer img,
#content .introboxImageContainer video {
    /* position: absolute; */
    top: 0;
    z-index: -10;
}


@media screen and (max-width: 1640px) {

    .home #content .introboxImageContainer {
        height: unset;
    }



}

#content .introboxTextContainer {
    padding: 96px 32px;
    margin-right: auto;
    margin-left: auto;
    max-width: var(--body);


}

#content.winkel_single .introboxTextContainer h1 {
    text-align: center;
    color: #AB883E;
    margin-left: auto;
    margin-right: auto;


}

#content.winkel_single .introboxTextContainer p {
    text-align: center;
    color: var(--text);
    margin-left: auto;
    margin-right: auto;


}

#content.winkel_single .introboxTextContainer h1 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: 2.4px;
}

#content.winkel_single .introboxTextContainer h1::after {
    display: none;
}




/* @media screen and (max-width: 1024px) {

    #content .introboxTextContainer {
        padding: 34px var(--body-padding);
        margin-left: 0;
    }

} */

/* @media screen and (max-width: 1024px) {

    #content .introboxTextContainer {
        padding: 34px var(--body-padding);
        margin-left: 0;
    }

} */

@media screen and (max-width: 900px) {

    #content .introboxTextContainer {
        padding: 32px 32px;
    }

    .sectionCarousel .introboxTextContainer {
        padding: 32px 32px !important;
    }
}

#content h1,
#content p {
    text-align: left;
}

#content h1 {
    font-size: 48px;
    line-height: 56px;
    text-decoration: none;
    width: calc(100% * 0.667);
    text-transform: uppercase;
}

.news_detail .txtFullContainer h1,
.job_detail .introBoxParent h1 {
    width: calc(var(--body) * 0.667) !important;
}

@media screen and (max-width: 1024px) {

    .news_detail .txtFullContainer h1,
    .job_detail .introBoxParent h1 {
        width: fit-content !important;
    }
}

#content h1,
#content .section_introboxText_content h2 {
    position: relative;
}

#content h1::after,
#content .section_introboxText_content h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -70px;
    width: 12px;
    height: 5px;
    background-color: #AB883E;
    transition: .6s;
}

#content h1.title_seen::after,
#content .section_introboxText_content h2.title_seen::after {
    width: 162px;
}

@media screen and (max-width: 900px) {

    #content h1::after,
    #content .section_introboxText_content h2::after {
        bottom: -30px;
        height: 3px;
    }

}

#content h1 span {
    font-weight: bold;
}

#content .section_introboxText_content ul {
    list-style-type: disc;
    list-style-position: outside;
}

#content .section_introboxText_content li {
    margin: 16px 0 16px 16px;
    padding-left: 4px;
}

#content .section_introboxText_content ul li {
    color: black;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 12px;
}

@media screen and (max-width: 900px) {
    #content .section_introboxText_content ul li {
        font-size: 18px;
    }
}



#content .introboxTextContainer p {
    font-size: 24px;
    position: relative;
    margin-top: 90px;
    line-height: 1.5;
    color: var(--text);
    width: calc(100% * 0.667);
}

@media screen and (max-width: 900px) {

    #content .introboxTextContainer p {
        margin-top: 60px;
        width: 100%;
        font-size: 18px;
    }

    .koelingpage .introboxTextContainer .title-h3 {
        margin-top: 0 !important;
    }

}

#content .service_tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;

    margin-bottom: 24px;
}




#content .service_tag {
    display: inline-block;
    padding: 12px 30px;
    border-radius: 99px;
    background-color: var(--basic-light);
    color: white;
    text-transform: uppercase;
    font-size: 15px;
}

#content .list_section {
    padding: 48px 0px;
    overflow: visible;
    position: relative;
}


#content .list_section_container {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--body);

    display: grid;
    grid-template-columns: 1.5fr 1fr;
}

@media screen and (max-width: 900px) {
    #content .list_section_container {
        grid-template-columns: 1fr;
    }
}

#content .list_section_listContainer {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

#content .list_section_titleContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

#content .list_section_titleContainer .list_title {
    color: var(--text);
    font-size: 40px;
    line-height: 1.5;
    font-weight: 300;
    text-transform: uppercase;

    text-decoration-thickness: 2px;
    text-underline-offset: 8px;
}

@media screen and (max-width: 900px) {
    #content .list_section_titleContainer .list_title {
        font-size: 32px;
    }
}

#content .list_section_listContainer ul {
    list-style-image: url('images/bullet_list.svg');
}

#content .list_section_listContainer li {
    color: var(--text);
    font-size: 20px;
    line-height: 1.75;
}

@media screen and (max-width: 900px) {
    #content .list_section_listContainer li {
        font-size: 16px;
    }
}

#content .list_section+.list_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 100%;
    max-width: var(--body);
    background-color: var(--boulder);
}

#content .section_textImage {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--body);
    padding: 20px 32px;
    /* overflow: hidden; */
    min-height: 650px;
}

#content .section_textImage:last-of-type {
    padding: 20px 32px;
    margin-bottom: 50px;
}


@media screen and (max-width: 1024px) {

    #content .list_section+.list_section::before {
        width: calc(100% - (var(--body-padding) * 2));
    }

    #content .section_textImage {
        margin-bottom: 20px;
        min-height: 100%;
        max-height: 100%;
    }


}


@media screen and (max-width: 900px) {


    #content .section_textImage:last-child {
        margin-bottom: 0;
    }

    #content .list_section+.list_section::before {
        width: 100%;
    }

    #content .section_textImage {
        grid-template-columns: 100%;
        grid-template-rows: 1fr;
        gap: 0;
    }

    /* #content .section_textImage_left_image {
        position: relative;
    } */
}

/*
@media screen and (max-width: 768px) {

    #content .section_textImage {
        grid-template-columns: 100%;
gap: 200px;
        grid-template-rows: 1fr;
    }

    #content .section_textImage_left_image {
        position: relative;
    }

} */


#content .section_textImage_left {
    display: flex;
    flex-direction: row;
    background-color: #d7f8ff;
    border-radius: 3px;
}

@media screen and (max-width: 900px) {

    #content .section_textImage_left {
        justify-content: center;
        height: 100%;
        border-radius: 0 0 3px 3px;
    }

}

#content .section_textImage.block_style_1 .section_textImage_left {
    background-color: #AB883E;
    width: 100%;
    /*    padding-right: 24px;  */
    color: var(--text);
    border-radius: 3px;
}

@media screen and (max-width: 900px) {
    #content .section_textImage.block_style_1 .section_textImage_left {
        width: 100%;
        padding-right: 0;
    }
}

.service_detail .section_textImage_left_textContainer {
    padding: 70px 150px 78px 120px !important;
    /* width: calc(var(--body) * 0.5) !important; */
}

@media screen and (max-width: 900px) {

    .service_detail .section_textImage_left_textContainer {
        width: 100% !important;
    }

    .service_detail .introboxTextContainer h1 {
        padding-top: 32px;
    }

}


.service_detail .introboxTextContainer h1 {
    color: var(--text);
}

.service_detail .section_textImage_right {
    display: block !important;
}

.service_detail .color {
    background: linear-gradient(to bottom, #f7f7f7, white);
}

.service_detail .section_textImage_title {
    max-width: 100% !important;
    width: 100% !important;
}

.service_detail .section_textImage_right .blackText {
    padding: 70px 150px 78px 120px !important;
    background-color: black;
    border-radius: 3px;
    min-height: 650px;
}




@media screen and (max-width: 900px) {


    .service_detail .section_textImage_right .blackText {
        padding: 0 32px 40px 32px !important;
    }

    #content .section_textImage_left {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 768px) and (max-width: 1345px) {

    .service_detail .section_textImage_right .blackText {
        padding: 30px 50px 78px 60px !important;
    }

    .service_detail .section_textImage_left_textContainer {
        padding: 30px 50px 78px 60px !important;
    }
}

.service_detail .section_textImage_right .blackText p {
    color: white !important;
}

.service_detail .section_textImage_right_container {
    padding: 0 !important;
}

.service_detail .section_textImage_right_container {
    width: 100% !important;
}

@media screen and (max-width: 900px) {

    .service_detail .section_textImage_right_container {
        width: 100% !important;
    }

}

.service_detail #content .section_textImage.block_style_1 .section_textImage_left {
    padding-right: 0 !important;
    z-index: 1 !important;
}

.service_detail #content .section_textImage_left {
    z-index: 1 !important;
}


.service_detail #content .section_textImage.block_style_1 .section_textImage_left {
    background-color: white !important;
}

.energiebesparingpage #content .section_textImage.block_style_1 .section_textImage_title {
    color: var(--text);
}

.energiebesparingpage #content .section_textImage.block_style_1 .section_textImage_text,
#content .section_textImage.block_style_1 .section_textImage_text *,
#content .section_textImage .has_image_left .section_textImage_text * {
    color: var(--text) !important;
}



.energiebesparingpage .containtext {
    width: 100%;
    background-color: var(--basic-ultralight);
    padding-top: 20px;
    padding-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--body);
}

.energiebesparingpage .containtext p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.75;
    color: var(--text);
}


.energiebesparingcontainer {
    background-color: var(--basic-ultralight) !important;
    width: 100% !important;
    padding: 0 32px 40px;

}

.energiebesparingcontainer .section_textImage {
    padding: 0 !important;
    margin-bottom: 0 !important;
}


.energiebesparingcontainer .introboxTextContainer {
    padding: 80px 0px 0px 0px !important;
    max-width: var(--body);
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 900px) {
    .energiebesparingcontainer .introboxTextContainer {
        padding-top: 0 !important;
    }

    .service_detail #content .section_textImage_left_image {
        min-height: 350px;
    }

    .service_detail .section_textImage_right {
        min-height: 350px;
    }

    /* #content .section_textImage.block_style_1 .section_textImage_left {
        min-height: 500px;
     } */

}

.service_detail .section_textImage_right .blackText p {
    max-width: 380px;
}

.energiebesparingcontainer .section_textImage .section_textImage_left_textContainer .section_textImage_link_secondary {
    background-color: var(--basic-ultralight) !important;

}

.energiebesparingcontainer .section_textImage .section_textImage_left_textContainer .number p,
.energiebesparingcontainer .section_textImage_right .section_textImage_right_container .number p {
    color: black !important;
    font-size: 40px !important;
    height: 60px !important;
    width: 60px !important;
    line-height: 0 !important;
    border-radius: 100% !important;
    font-weight: 300;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--basic-ultralight) !important;
}

.energiebesparingcontainer .section_textImage_link_secondary {
    background-color: var(--basic-ultralight) !important;

}

.big-image {
    display: none;
}

.small-image {
    display: block;
}

@media (min-width: 1024px) {
    .big-image {
        display: block;
    }

    .small-image {
        display: none;
    }
}

.desktop-video {
    display: none;
}

.mobile-video {
    display: block;
}

@media (min-width: 1024px) {
    .desktop-video {
        display: block;
    }

    .mobile-video {
        display: none;
    }
}

.energiebesparingcontainer .section_textImage_link_secondary .number {
    color: black !important;
    font-size: 40px !important;
    font-weight: 300;
}

.energiebesparingcontainer h1 {
    color: black !important;
}

.service_detail #content .section_textImage_left_image {
    width: 100% !important;
    border-radius: 3px;
}

.serviceenergie {
    background-color: var(--basic-ultralight);
}

.serviceenergie .section_textImage_left {
    background-color: white !important;
}

#content .section_textImage.block_style_1 .section_textImage_title,
#content .section_textImage .has_image_left .section_textImage_title {
    color: white;
    text-decoration: none;
    font-weight: bold;
    max-width: 380px;
}

#content .section_textImage.block_style_1 .section_textImage_text,
#content .section_textImage.block_style_1 .section_textImage_text *,
#content .section_textImage .has_image_left .section_textImage_text * {
    color: white;
}

#content .section_textImage.block_style_1 .section_textImage_link_primary,
#content .section_textImage .has_image_left .section_textImage_link_primary {
    color: white;
}


#content .section_textImage.block_style_2 .section_textImage_link_circle {
    fill: red;
}

#content .section_textImage_left.has_image_left {
    background-color: unset !important;
    position: relative;
}

#content .section_textImage_left_image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    height: 100%;
    width: calc(100% + 24px);
    top: 0;
    left: 0;
    z-index: -1;

}

@media screen and (max-width: 900px) {
    #content .section_textImage_left_image {
        width: 100%;
        background-size: cover;
        position: relative;
    }
}

#content .section_textImage_left_textContainer {
    /* width: calc(var(--body) * 0.3875); */
    padding: 50px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
}

@media screen and (max-width: 900px) {
    #content .section_textImage_left_textContainer {
        padding: 80px;
        width: 100%;
    }
}

@media screen and (max-width: 1420px) {
    #content .section_textImage_left_textContainer {
        width: 100%;
        padding-left: var(--body-padding);
    }
}

@media screen and (max-width: 768px) {
    #content .section_textImage_left_textContainer {
        padding: 0 32px !important;
        width: 100%;
        min-height: 550px;
    }
}

/* @media screen and (max-width: 900px) {


    #content .has_image_left,
    #content .section_textImage.block_style_1 .section_textImage_right {
       min-height: 500px;
    }

} */

#content .section_textImage_right {
    position: relative;
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    /* clip-path: polygon(100.1% 0, 100.1% 100.1%, 0 100.1%, 0 calc(50% + 24px), 24px 50%, 0 calc(50% - 24px), 0 0); */
}

@media screen and (max-width: 900px) {
    .home #content .section_textImage_right {
        display: block;
        min-height: 300px;
        order: -1;
        border-radius: 3px 3px 0 0;
    }
}

#content .section_textImage_right.no_image {
    background-color: var(--basic-light);
}

/*
    #content .section_textImage_right.background_light {*
        background-color: var(--basic-ultralight);
    }
*/

#content .section_textImage.block_style_1 .section_textImage_right {
    background-color: #FFF;
}

#content .section_textImage.block_style_2 .section_textImage_right {
    background-color: var(--basic-ultralight);
}

#content .section_textImage.block_style_2 .section_textImage_right .section_textImage_right_container *,
#content .section_textImage_right .section_textImage_right_container.blackText * {
    color: var(--text);
    line-height: 1.85;
}

#content .section_textImage_right .section_textImage_right_container li {
    list-style-image: url('images/bullet_list.svg');
}

#content .section_textImage_right .section_textImage_right_container li {
    line-height: 1.75;
    padding-bottom: 8px;
    font-size: 20px;
}

@media screen and (max-width: 900px) {

    #content .section_textImage_right .section_textImage_right_container li {
        font-size: 16px;
    }

    .section_textImage_right_image {
        max-height: 400px;
    }

}

.section_textImage_right_image {
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 3px;
    /* max-height: 550px; */
}



#content .section_textImage_right_container {
    width: calc(var(--body) * 0.6135);
    padding: 180px var(--body-padding) 180px 148px;
}

#content .section_textImage_right_container h3 {
    color: white !important;
    line-height: 48px !important;
}

@media screen and (max-width: 1380px) {
    #content .section_textImage_right_container {
        padding: 84px var(--body-padding)84px 48px;
    }
}

@media screen and (max-width: 900px) {
    #content .section_textImage_right_container {
        width: 100%;
        padding: 48px calc(var(--body-padding) / 2);
        padding-top: 0;
    }

    #content .section_textImage_right_container ul {
        list-style-position: outside;
        padding-left: 20.5px;
    }
}


#content .section_textImage_right_container p {
    font-size: 18px;
    line-height: 1.75;
}

@media screen and (max-width: 900px) {

    #content .section_textImage_right_container p {
        font-size: 16px;
    }
}

#content .section_textImage_right_container * {
    color: white;
}

#content .section_textImage_right_container .quoteTxt {
    font-size: 90px;
}

#content .section_textImage_title {
    font-size: 40px;
    color: var(--text);
    font-weight: bold;
    padding-bottom: 30px;
    max-width: 380px;

    text-transform: inherit;
}

@media screen and (min-width: 901px) and (max-width: 1200px) {

    #content .section_textImage_title {
        font-size: 32px;
    }

}

#content .section_textImage_title.small_title {
    font-size: 28px;
}

#content .section_textImage_text,
#content .section_textImage_text * {
    font-size: 18px;
    line-height: 24px;
    color: var(--text);
    max-width: 380px;
}

@media screen and (max-width: 900px) {

    #content .section_textImage_title,
    #content .section_textImage_text,
    #content .section_textImage_text * {
        width: unset;
    }
}

#content .section_textImage_text p,
#content .section_textImage_right p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.75;
}

@media screen and (max-width: 900px) {

    #content .section_textImage_text p {
        font-size: 18px;
    }

}

#content .section_textImage_links {
    padding-bottom: 10px;
    gap: 20px;
    display: flex;
    flex-direction: column;
}

#content .section_textImage_links .section_textImage_link_circle {
    fill: white;
}

#content .block_style_1 .section_textImage_links .section_textImage_link_arrow {
    stroke: white;
}

#content .block_style_2 .section_textImage_links .section_textImage_link_arrow {
    stroke: white;
}

#content .section_textImage .section_textImage_link_primary .section_textImage_link_circle,
#content .section_textImage .section_textImage_link_circle {
    fill: var(--basic-light);
    transition: .3s;
}

#content .section_textImage .section_textImage_link_primary .section_textImage_link_arrow {
    stroke: white;
}

#content .section_textImage.block_style_1 .section_textImage_link_primary .section_textImage_link_circle {
    fill: white;
}

#content .section_textImage.block_style_1 .section_textImage_link_primary .section_textImage_link_arrow {
    stroke: var(--basic-light);
}

#content .section_textImage_link_primary,
#content .section_textImage_link_secondary {

    width: fit-content;
    border-radius: 99px;
    gap: 18px;
    font-size: 15px;
}

#content .section_textImage_link_primary:hover,
#content .section_textImage_link_secondary:hover {
    text-decoration: none;
}

#content .block_style_1 .section_textImage_link_primary span,
#content .block_style_1 .section_textImage_link_secondary span {
    max-width: 100%;
    font-weight: 600;
}

#content .block_style_2 .section_textImage_link_primary span,
#content .block_style_2 .section_textImage_link_secondary span {
    max-width: 100%;
    font-weight: 600;
}

#content .section_textImage_link_primary {
    color: var(--text);
}

#content .section_textImage_link_secondary {
    padding: 18px 20px;
    min-width: 280px;
    transition: .3s;
}

#contactBox24 #contact_file {
    margin-top: 20px;
}

@media screen and (max-width: 900px) {
    #content .section_textImage_link_secondary {
        min-width: unset;
    }
}


/*
#content .section_textImage_link_secondary:hover .section_textImage_link_circle {
    fill: white;
}
    */

#contactBox24 {
    background-color: #AB883E;
}

input#contact_file {
    min-width: 100%;
    background-color: #fff !important;
    border-radius: 6px;
    border: none !important;
    margin-bottom: 20px;
    color: var(--text) !important;
}

#contactBox24 .form_section {
    max-width: var(--body);
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    padding: 80px 32px;
    align-items: end;
}

@media screen and (max-width: 1024px) {
    /* #contactBox24 .form_section {
        padding-top: 36px;
        padding-bottom: 70px;
    } */
}


#contactBox24 .form_section .containerleft {

    width: 50%;
}

#contactBox24 .form_section #signupForm1 {

    width: 50%;
}


/* @media screen and (max-width: 1199px) {

    #contactBox24 {
        height: 100%;
    }

    #contactBox24 .form_section {
        padding: 64px var(--body-padding);
        flex-direction: column;
    }

    #contactBox24 .form_section .containerleft {
        padding: 0;
        padding-bottom: 24px;
        width: 100%;
    }

    #contactBox24 .form_section #signupForm1 {
        padding: 0;
        width: 100%;
    }

    .energiebesparingcontainer {
        padding: 64px calc(var(--body-padding) / 2);
    }

} */


@media screen and (max-width: 900px) {

    #contactBox24 .form_section {
        padding-left: calc(var(--body-padding) / 2);
        padding-right: calc(var(--body-padding) / 2);
        flex-direction: column;
    }

    .energiebesparingcontainer {
        padding: 0px 32px 20px;
    }

    #contactBox24 {
        height: 100%;
    }

    #contactBox24 .form_section {

        flex-direction: column;
    }

    #contactBox24 .form_section .containerleft {
        padding: 0;
        padding-bottom: 24px;
        width: 100%;
    }

    #contactBox24 .form_section #signupForm1 {
        padding: 0;
        width: 100%;
    }

}

#contactBox24 .form_section h3 {
    font-size: 40px;
    line-height: 48px;
    color: var(--text);
    font-weight: 300;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 50px;
}

#contactBox24 .form_section h3 span {
    font-weight: bold;
}

#content #contactBox24 p.form_section_text {
    color: var(--text);
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 50px;
    max-width: 380px;
}

@media screen and (max-width: 900px) {

    #contactBox24 .form_section h3,
    #content #contactBox24 p.form_section_text {
        text-align: left;
        max-width: unset;
    }
}

#contactBox24 .form_section_inputs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px
}

@media screen and (max-width: 900px) {
    #contactBox24 .form_section_inputs {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }
}

.form_section_inputs .form-control,
.form_section_textarea .form-control {
    background-color: white !important;
    display: block;
    width: 100%;
    border: 1px solid white !important;
    border-radius: 6px !important;
    height: 42px !important;

}

.form_section_inputs .form-control::placeholder,
.form_section_textarea .form-control::placeholder {
    color: #8e9a9a !important;
}


#contactBox24 .form_section_textarea {
    margin-bottom: 20px;
}

#contactBox24 #contact_file {
    margin-top: 20px;
    margin-bottom: 0;
}

#contactBox24 .form-group input,
#contactBox24 .form-group textarea {
    width: 100%;
    border: 1px solid var(--text);
    padding: 12px;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5;
    color: var(--text);
}

#contactBox24 .form-group--email {
    grid-column: span 2;
}

@media screen and (max-width: 900px) {
    #contactBox24 .form-group--email {
        grid-column: span 1;
    }
}

#contactBox24 .form-group input::placeholder,
#contactBox24 .form-group textarea::placeholder {
    color: var(--boulder);
}

#contactBox24 .form-group input {
    text-align: left;
}

#contactBox24 .form-group textarea {
    border: 1px solid rgba(0, 0, 0, 0.5);
    margin-top: 20px;
    min-height: 92px;
}

#contactBox24 .form_section_submitContainer,
#downloadForm .form_section_submitContainer {
    display: flex;
    flex-direction: row;
    justify-content: left;


}

#contactBox24 .form_section_submitContainer .btn,
#downloadForm .form_section_submitContainer .btn {
    cursor: pointer;
    background-color: white;
    color: var(--text);
    text-transform: uppercase;
    width: fit-content;
    border-radius: 45px;
    padding: 16px 20px;
    border: 0px solid;

    position: relative;
    overflow: hidden;
}

#contactBox24 .form_section_submitContainer .btn::before,
#downloadForm .form_section_submitContainer .btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    transform: translateY(0);
    transition: .2s;
}

#contactBox24 .form_section_submitContainer .btn:hover::before,
#downloadForm .form_section_submitContainer .btn:hover::before {
    transform: translateY(-101%);
}

#contactBox24 .form_section_submitContainer .submit_btn_inside,
#downloadForm .form_section_submitContainer .submit_btn_inside {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.8px;
    line-height: 1.1;
    display: inline-flex;
    gap: 50px;
    display: inline-flex;
    flex-direction: row;
    align-items: flex-end;
    color: white;
    mix-blend-mode: difference;
}

#contactBox24 .form_section_submitContainer .btn .section_textImage_link_circle {
    fill: var(--basic-light);
    transition: .2s;
}

#contactBox24 .form_section_submitContainer .btn .section_textImage_link_arrow {
    stroke: white;
    transition: .2s;
}

#contactBox24 .form_section_submitContainer .btn:hover .section_textImage_link_circle {
    fill: white;
}

#contactBox24 .form_section_infos {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    gap: 12px;
}

@media screen and (max-width: 900px) {
    #contactBox24 .form_section_infos {
        flex-direction: column;
        gap: 24px;
        align-items: flex-start;
    }
}

#contactBox24 .form_section_infos_text {
    color: var(--text);
    font-weight: 700;
    font-size: 18px;
}

#contactBox24 .form_section_infos_link {
    background-color: transparent;
    border: 2px solid;
    border-color: black;
    text-transform: uppercase;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    width: fit-content;
    color: var(--text);
    font-size: 14px;
    font-weight: 600;
    padding: 16px 20px;
    border-radius: 45px;
    position: relative;
    overflow: hidden;
}

#contactBox24 .form_section_infos_link span {
    position: relative;
    z-index: 10;
}

#contactBox24 .form_section_infos_link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: white;
    transform: translateY(100%);
    transition: .3s;
}

#contactBox24 .form_section_infos_link:hover {
    text-decoration: none;
}

#contactBox24 .form_section_infos_link:hover::before {
    transform: translateY(0);
}

#newsletterBox {
    background-color: var(--text);
    padding: 80px 0;
}

#newsletterBox h3 {
    font-weight: 300;
    text-transform: uppercase;
}

#partners_box {
    background-color: var(--text);
}

#partners_box h3 {
    font-weight: bold;
    color: white;
    font-size: 40px;
}


#partners_box .containerdescription {
    font-weight: 400;
    color: white;
    font-size: 18px;
    line-height: 24px;
    text-align: left;
    margin-top: 50px;
}

#partners_box .partnersBoxContainer {
    max-width: var(--body);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
}

@media screen and (max-width: 1199px) {

    #partners_box .partnersBoxContainer {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 1fr;
    }

}

.containerpartners {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;

    width: 100%;
    aspect-ratio: 1;
}

.circlewhite,
.circleblue,
.circlelightblue {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    text-align: center;
}

.circlewhite {
    background-color: white;
    color: var(--text);
}

.circleblue {
    background-color: var(--basic-light);
    color: var(--text);
}

.circlelightblue {
    background-color: var(--basic-ultralight);
    color: var(--text);
}



.containerpartners p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

@media screen and (max-width: 900px) {

    .circlewhite,
    .circleblue,
    .circlelightblue {
        width: 110px;
        height: 110px;
    }

    .containerpartners p {
        font-size: 13px;
    }
}

.circlewhite:nth-child(1) {
    top: calc(25% - 65px);
    left: calc(45%);
}

.circlewhite:nth-child(2) {
    top: calc(50% - 65px);
    left: calc(65%);
}

.circlelightblue:nth-child(3) {
    top: calc(75% - 65px);
    left: calc(45%);
}

.circleblue:nth-child(4) {
    top: calc(35% - 65px);
    left: calc(18%);
}

.circleblue:nth-child(5) {
    top: calc(65% - 65px);
    left: calc(18%);
}


#partners_box .partnersBoxContainer .containertitletext {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;

    padding: 124px 32px;
}

@media screen and (max-width: 1024px) {

    #partners_box .partnersBoxContainer .containertitletext {
        padding: 36px calc(var(--body-padding));
    }
}

@media screen and (max-width: 900px) {

    #partners_box .partnersBoxContainer .containertitletext {
        padding: 36px calc(var(--body-padding) / 2);
    }
}


#partners_box .partnersBoxContainer .containerpartners {
    margin: 0 auto;
    display: flex;
}

#newsletterBox .newsletterBoxContainer {
    max-width: 660px;
    margin: 0 auto;
}

.newsletterBoxContainer span {
    font-weight: bold;
}

#content p.newsletter_description {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
}

#newsletterBox form button,
#newsletterBox form input {
    padding: 12px 30px;
}

.newsletter_socials {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.newsletter_socials_links {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 24px;
}

.newsletter_socials_links .btn:hover {
    text-decoration: none;
    color: var(--text);
    background-color: white;
}

.newsletter_socials_links .social_background {
    fill: #AB883E;
    transition: .3s;
}

.newsletter_socials_links a:hover .social_background {
    fill: white;
}

#newsletterBox form #subNews {
    cursor: pointer;
    color: var(--text);
    font-size: 14px;
    background-color: var(--basic-light);

    padding-left: 20px;
    padding-right: 20px;
}

#newsletterBox form #subNews {
    cursor: pointer;
    background-color: #AB883E;
    border: 1px solid #AB883E;
    border-left: 2px solid;
    border-left-color: black;
    border-radius: 0 45px 45px 0;
    gap: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 600;
    text-transform: uppercase;

    padding-top: 12px;
    padding-bottom: 12px;

    position: relative;
    overflow: hidden;
}

#newsletterBox form #subNews:hover {
    background-color: var(--basic-light) !important;
}

#newsletterBox form #subNews::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: white;
    transition: .2s;
    transform: translateY(-100%);
}

#newsletterBox form #subNews:hover::before {
    transform: translateY(0);
}

@media (max-width: 395px) {
    .subNews_inside {
        gap: 15px !important;
    }
}

.subNews_inside {
    color: black;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 30px;
    z-index: 100;
    position: relative;
}

.subNews_inside svg path {
    stroke: black;
}

#getRespNewsletter form {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#newsletter_email {
    border-radius: 45px 0 0 45px;
    font-size: 16px;
    line-height: 24px;
    color: #737373;

}

#newsletter_email::placeholder {
    color: #737373;
}

#content .list_section {
    position: relative;
}

#content .list_section.has_image:hover .list_section_image {
    display: block;
}

@media screen and (max-width: 900px) {
    #content .list_section.has_image:hover .list_section_image {
        display: none;
    }
}


#content .list_section_image {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
    z-index: -1;
    filter: brightness(0.4);
}

#content .list_section.has_image:hover .list_section_titleContainer .list_title,
#content .list_section.has_image:hover .list_section_listContainer li,
#content .list_section.has_image:hover .list_section_listContainer p {
    color: black;
}

@media screen and (max-width: 900px) {

    #content .list_section.has_image:hover .list_section_titleContainer .list_title,
    #content .list_section.has_image:hover .list_section_listContainer li,
    #content .list_section.has_image:hover .list_section_listContainer p {
        color: var(--text);
    }
}

#logoBox {
    background-color: #AB883E;
    padding-left: 48px;
    padding-right: 48px;
    padding-top: 0;

    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}

@media screen and (max-width: 1380px) {

    #logoBox {
        padding-left: calc(var(--body-padding));
    }

}

@media screen and (max-width: 1100px) {

    #logoBox {
        padding-left: calc(var(--body-padding) / 2);
        padding-right: calc(var(--body-padding) / 2);
    }
}

#logoBox::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 0;
    top: 0;
    height: 100%;
    width: 1000px;
    background-color: #AB883E;
}

#sections_news_list,
.case_study_cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    max-width: var(--body);
    margin: 80px auto 50px auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 64px;
    margin-bottom: 120px;
    max-width: var(--body);
    /* padding: 32px; */
}

.job #sections_news_list {
    padding: 32px;
}


@media (max-width: 1024px) {

    #sections_news_list,
    .case_study_cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .job #sections_news_list {
        padding: 32px;
    }
}

@media (max-width: 768px) {

    #sections_news_list,
    .case_study_cards {
        grid-template-columns: repeat(1, 1fr);
        /* 1 colonne pour très petits écrans */
        /* max-width: 450px; */
    }
}

.sections_news .btnmeernews {
    cursor: pointer;
    background-color: white;
    border-radius: 45px;
    padding: 12px 30px;
    border: 2px solid;
    border-color: transparent;
    margin-bottom: 20px;
    margin: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;

    position: relative;
    overflow: hidden;
}

.section_case_studies .btnmeernews {
    cursor: pointer;
    background-color: white;
    border-radius: 45px;
    padding: 12px 30px;
    border: 2px solid;
    border-color: transparent;
    margin-bottom: 20px;
    margin: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;

    position: relative;
    overflow: hidden;
}


.section_case_studies .btnmeernews::before {
    content: "";
    position: absolute;

    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;

    transform: translateY(0%);
    transition: .2s;
}

.sections_news .btnmeernews::before {
    content: "";
    position: absolute;

    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;

    transform: translateY(0%);
    transition: .2s;
}

.section_case_studies.case_study_card_button::before .btnmeernews::before {
    content: "";
    position: absolute;

    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;

    transform: translateY(0%);
    transition: .2s;
}

.sections_news .btnmeernews:hover {
    text-decoration: none;
    border-color: black;
}

.sections_news .btnmeernews:hover::before {
    transform: translateY(-100%);
}

.btnmeernews_inside {
    display: inline-flex;
    font-weight: 600;
    text-transform: uppercase;
    color: white;
    font-size: 15px;
    gap: 30px;

    mix-blend-mode: difference;
}

.btnmeernews_inside svg path {
    stroke: white;
}

.meernews_container {
    display: flex;
    flex-direction: row;
    justify-content: center;
}



#arrowsSlickContainer {
    display: none;
    flex-direction: row;
    justify-content: space-between;

    width: 100%;
    height: 64px;
    padding: 24px calc(var(--body-padding) / 2);

    margin-bottom: 48px;
}

#arrowsSlickContainer .slick-next,
#arrowsSlickContainer .slick-prev {
    position: static;
    transform: none;
    width: 32px;
}

#arrowsSlickContainer .slick-next::before,
#arrowsSlickContainer .slick-prev::before {
    color: var(--text);
    font-size: 32px;
}

@media screen and (max-width: 900px) {

    .sections_news_list_element {
        height: 100%;

    }

    .sections_news_list_element a {
        margin: 0 auto;
    }

    .slick-list {
        max-width: 100vw;
    }

    #arrowsSlickContainer {
        display: flex;
    }

}


.sections_news {
    max-width: var(--body);
    margin-left: auto;
    margin-right: auto;
    padding: 64px calc(var(--body-padding) / 2);
}



@media screen and (max-width: 900px) {
    .sections_news {
        padding-left: calc(var(--body-padding) / 2);
        padding-right: calc(var(--body-padding) / 2);
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

.sections_news_title {
    font-size: 48px;
    color: var(--text);
    font-weight: 300;
    line-height: 1.5;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 12px;
    margin: 32px auto 6px auto;
    letter-spacing: 2.5px;
}

.sections_news_title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -24px;
    width: 162px;
    height: 5px;
    background-color: #AB883E;
}

.sections_news_title span {
    font-weight: bold;
}

.sections_news_list_element {
    /* width: 400px; */
    height: 100%;
    padding: 0px;
    box-sizing: border-box;
    /*max-width: 400px;*/
}

@media screen and (max-width: 900px) {

    .sections_news_list_element {
        padding: 0 40px 40px 40px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .sections_news_list_element {
        /*max-width: 400px;*/
    }

    #sections_news_list .sections_news_list_element,
    .job .sections_news_list_element {
        padding: 0 0 40px 0;
    }

    #sections_news_list .slick-track .sections_news_list_element {
        padding: 0 10px 5px 0px;
    }

}

.sections_news_list_element a {
    width: 100%;
    height: 100%;
    display: block;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    display: block;
    border-radius: 3px;
    overflow: hidden;
}

.sections_news_list_element a:hover {
    text-decoration: none;
}

.news_image_container {
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.news_image_container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1);
    transition: 0.2s;
}

.sections_news_list_element:hover .news_image_container img {
    transform: scale(1.1);
}

.news_text_container {
    height: calc(100% - 250px);
    padding: 32px 24px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
}

@media screen and (max-width: 768px) {
    .news_text_title {
        margin-bottom: 10px !important;
    }

    .news_text_container {
        padding: 10px 10px;
        height: auto;
    }

}

.news_text_tag {
    background-color: var(--basic-light);
    font-size: 10px;
    font-weight: 600;
    padding: 8px 12px;
    box-sizing: border-box;

    text-transform: uppercase;
    color: white;
    border-radius: 18px;
    display: inline-block;
    margin-bottom: 16px;
}

.news_text_title,
.news_text_sdesc {
    color: var(--text);
}

.news_text_taxos {
    margin-top: 6px;
    color: var(--boulder);
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}

.news_text_taxos_separator {
    color: var(--basic-light);
}

.news_text_title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 32px;
    letter-spacing: 1px;
    color: #AB883E;
}

.news_text_sdesc {
    font-size: 15px;
    line-height: 1.4;
    color: var(--text);
    max-width: 380px;
    color: #AB883E;
    margin-bottom: 10px;
}

.news_text_svg {
    align-self: flex-end;
    fill: var(--text);
}

.news_div_svg {
    align-self: flex-end;
    background-color: white;
    border: 2px solid #AB883E;
    height: 50px;
    width: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    overflow-y: hidden;
    position: relative;
}

.news_div_svg::before {
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 50px;
    background-color: white;
    position: absolute;
    transform: translateY(0);
    transition: 0.2s;

}

.news_div_svg svg path {
    stroke: #AB883E;

}

/* Section avec fond noir */
.section-two-blocks {
    background-color: black;
    padding: 96px 0px;
    color: white;
}


.section-two-blocks-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: var(--body);
    margin: 0 auto;
}


.left-block {
    display: flex;
    align-items: stretch;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-left: 32px;
    height: 500px;
}

.left-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.right-block {
    padding: 96px 130px 30px 70px;
    background-color: white;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-right: 32px;
    min-height: 500px;
}


.right-block .right-block-title {
    font-size: 32px;
    margin-bottom: 0;
    color: #ab883e;
    font-weight: 600;
}


.right-block .right-block-sub-title {
    font-size: 32px;
    margin-bottom: 10px;
    color: var(--text);
    font-weight: 600;
    margin-bottom: 30px;
}


.right-block p {
    font-size: 1rem;
    margin-bottom: 20px;
    color: var(--text);

    max-width: 400px;
}


.section_textImage_links {
    padding-bottom: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
}


.cta-button {
    padding: 10px 20px;
    background-color: #ab883e;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.cta-button:hover {
    background-color: #8d6e33;
}


@media screen and (max-width: 899px) {
    .section-two-blocks-container {
        grid-template-columns: 1fr;
    }

    .left-block,
    .right-block,
    .left-block img {
        width: 100%;
        margin: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .right-block {
        padding: 40px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .section-two-blocks {

        padding: 96px 32px;

    }
}




/* Nouvelle section avec fond coloré */
.section-two-blocks-color {
    background-color: #fff;
    padding: 96px 32px;
    color: white;
}

.section-two-blocks-color.reduced-padding {
    padding: 24px 32px;
}

.section-two-blocks-color .padding {
    padding: 25px 0 0 0;
}

.section-two-blocks-container-color {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    max-width: var(--body);
    margin: 0 auto;
}

.koelingpage .section-two-blocks-color .section-two-blocks-container-color {
    padding: 0 32px;
}

@media screen and (max-width: 899px) {
    .koelingpage .section-two-blocks-color .section-two-blocks-container-color {
        padding: 0;
    }
}


.left-block-color {
    display: flex;
    align-items: stretch;
    border-radius: 3px;
    background: #97D4E6 !important;

}

.left-block-color.with-text {
    color: #000;
}

.left-block-color img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3px;

}


.right-block-color,
.left-block-color.with-text {
    padding: 96px;
    background-color: #ab883e;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 3px;
}

@media screen and (max-width: 1024px) {

    .right-block-color,
    .left-block-color.with-text {
        padding: 48px;
    }
}

@media screen and (max-width: 899px) {

    .right-block-color,
    .left-block-color.with-text {
        padding: 32px;
    }
}

.right-block-color.color-black {
    background-color: #000;
}

.right-block-color .right-block-title,
.left-block-color .left-block-title {
    font-size: 32px;
    margin-bottom: 0;
    color: #fff;
    font-weight: 600;
}

.left-block-color .left-block-title {
    color: #000;
}


.right-block-color .right-block-sub-title {
    font-size: 32px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 30px;
}

.koelingpage .section-two-blocks-container-color .right-block-color p {
    margin-bottom: 0;
    max-width: 100%;
}

.koelingpage .section-two-blocks-container-color .right-block-color .right-block-title {

    max-width: 300px;
}

.right-block-color p {
    font-size: 1rem;
    margin-bottom: 20px;
    color: #fff;

}


.section_textImage_links {
    padding-bottom: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.cta-button {
    padding: 10px 20px;
    background-color: #ab883e;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.cta-button:hover {
    background-color: #8d6e33;
}


@media screen and (max-width: 899px) {
    .section-two-blocks-container-color {
        grid-template-columns: 1fr;
    }

    .left-block-color,
    .right-block-color {
        width: 100%;
        margin: 0;
    }
}



.section_koeling_image_card {
    width: 100%;
    background-color: var(--basic-ultralight);
    padding: 96px 0;
}

.winkelinrichtingpage .background_white {
    background-color: white;
    padding: 96px 0 0;
}

.winkelinrichtingpage .background_white .section_koeling_text {
    max-width: 50%;
    padding: 0 20px;
}

@media screen and (max-width: 899px) {
    .winkelinrichtingpage .background_white .section_koeling_text {
        max-width: unset;
    }
}

.winkelinrichtingpage .background_white .section_koeling_text p {
    max-width: 500px;
    line-height: 1.5;
}

.winkelinrichtingpage .background_white .section_textImage_links {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--body);
    padding: 0 32px;
}

.winkelinrichtingpage .section_winkel_image_card_columns .section_textImage_links {
    margin-left: 0;
    margin-right: 0;
    max-width: var(--body);
    padding: 0;
}

.winkelinrichtingpage .section_koeling_image_card {
    position: relative;
    padding: 0;
    background-color: white !important;
    position: relative;
    padding-bottom: 96px;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
}

.winkelinrichtingpage .section_koeling_image_card .overlay_koeling_box {
    bottom: 320px;
    right: 200px;
}

@media screen and (max-width: 1199px) {
    .container_koeling_image_card .overlay_koeling_box {
        position: relative;
        left: 20px;
        width: calc(100% - 40px);
        max-width: unset;
        bottom: unset;
        top: -20px;
    }
}

.winkelinrichtingpage .section_winkel_image_card {
    background-color: var(--basic-light);
    position: relative;
    padding-bottom: 96px;
    margin: 0 auto;
    width: 100%;
    padding: 0 32px;
}

.winkelinrichtingpage .section_koeling_image_card_background_blue .background_blue {
    background-color: #fff;
    padding: 50px 100px 100px;
    position: relative;

}

@media screen and (max-width: 899px) {
    .winkelinrichtingpage .section_koeling_image_card_background_blue .background_blue {
        padding: 50px;
    }
}

.winkelinrichtingpage .section_koeling_image_card_background_blue .background_blue .overlay_koeling_box {
    right: 100px;
    top: -130px;
    bottom: unset;
}

.winkelinrichtingpage .section_koeling_image_card_background_blue .background_blue .section_koeling_text h2 {
    font-size: 32px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 25px;
}

.winkelinrichtingpage .section_koeling_image_card_background_blue .background_blue .section_koeling_text {
    max-width: 600px;
}

.winkelinrichtingpage .section_winkel_image_card .overlay_koeling_box {
    position: absolute;
    bottom: 20%;
    left: 5%;
    background-color: #d7f8ff;
    padding: 30px;
    border-radius: 10px;
    max-width: 500px;
    z-index: 100;
}

.winkelinrichtingpage .section_winkel_image_card .overlay_koeling_box .overlay_koeling_box_text {
    color: var(--text) !important;
}

.winkelinrichtingpage .section_winkel_image_card .overlay_koeling_box::before {
    border-color: transparent transparent #d7f8ff transparent;
}

.winkelinrichtingpage .section_right {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}

.winkelinrichtingpage .section_winkel_image_card_columns .overlay_koeling_box {
    max-width: 40%;
    top: -100px;
    bottom: unset;
}

.winkelinrichtingpage .section_left {
    position: relative;
    width: 50%;
}

.winkelinrichtingpage .section_right .section_koeling_text p {
    font-size: 20px !important;
    width: calc(100% * 0.8) !important;
}

.winkelinrichtingpage .section_right .section_koeling_text {
    margin-bottom: 0 !important;
}

@media (min-width: 980px) and (max-width: 1200px) {
    .winkelinrichtingpage .section_winkel_image_card .overlay_koeling_box {
        max-width: 400px;
    }
}

@media (min-width: 899px) and (max-width: 980px) {
    .winkelinrichtingpage .section_winkel_image_card .overlay_koeling_box {
        max-width: 370px;
    }
}


@media screen and (max-width: 899px) {
    .winkelinrichtingpage .section_winkel_image_card .containerimage {
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
    }

    .winkelinrichtingpage .section_winkel_image_card .overlay_koeling_box {
        position: relative;
        margin-top: 50px !important;
        bottom: auto;
        left: 0;
        max-width: 100%;
        text-align: center;
        width: 100% !important;
    }

    .winkelinrichtingpage .section_left,
    .winkelinrichtingpage .section_right {
        width: 100% !important;
    }

    .winkelinrichtingpage .section_koeling_image_card_background_blue .background_blue .overlay_koeling_box {
        position: relative;
        top: -60px;
        max-width: unset;
        right: unset;
    }

    .winkelinrichtingpage .section_winkel_image_card_columns .overlay_koeling_box {
        position: relative;
        bottom: unset;
        right: 20px;
        left: 20px;
        top: -60px;
        max-width: unset;
        width: calc(100% - 40px);
    }

    .winkelinrichtingpage .background_blue {
        flex-direction: column;
        padding: 0x;
    }

    .winkelinrichtingpage .section_right_image {
        width: 100% !important;
    }

    .winkelinrichtingpage .section_right_content {

        width: 100% !important;
    }

    .winkelinrichtingpage .section_left_overlay {
        width: 100% !important;
    }

    .winkelinrichtingpage .section_koeling_image_card .overlay_koeling_box {
        position: relative;
        right: 0;
        margin: 16px 16px 0;
    }

    .winkelinrichtingpage .background_white .section_koeling_text {
        margin-bottom: 20px;
    }

    .winkelinrichtingpage .background_white {
        padding: 30px 0 0;
    }

    .winkelinrichtingpage .section_koeling_image_card .overlay_koeling_box {
        position: relative;
        top: -80px;

    }

    .winkelinrichtingpage .section_koeling_image_card {
        padding-bottom: 0;
    }

    .winkelinrichtingpage .section_winkel_image_card_background_white .overlay_koeling_box {
        position: relative;
        top: -20px !important;
        left: 0 !important;
    }
}


@media screen and (max-width: 600px) {
    .winkelinrichtingpage .section_winkel_image_card {
        padding: 0;
    }

    .winkelinrichtingpage .section_winkel_image_card .containerimage {
        margin: 0 auto;
    }

    .winkelinrichtingpage .section_winkel_image_card .overlay_koeling_box {
        margin: 10px 0;
        padding: 20px;
        max-width: 100%;
    }

    .winkelinrichtingpage .section_koeling_image {
        width: 100%;
        height: auto;
        margin-top: 0 !important;
    }

    .overlay_koeling_box::before {
        display: none;
    }
}



.winkelinrichtingpage .section_left {
    width: 50%;
}

.winkelinrichtingpage .section_left_overlay {
    width: 30%;
}

.winkelinrichtingpage .section_right_image {
    width: 70%;
}

.winkelinrichtingpage .section_right {
    width: 50%;
}

.winkelinrichtingpage .section_right_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 80%;
}

.winkelinrichtingpage .section_winkel_image_card_background_white .section_right_content .title {
    width: 100% !important;
}

.winkelinrichtingpage .section_winkel_image_card .overlay_koeling_box .overlay_koeling_box_title {
    margin-top: 0 !important;
}

.winkelinrichtingpage .section_right .section_koeling_text p {
    font-size: 20px !important;
    width: 100% !important;
    margin-bottom: 0 !important;
}

.winkelinrichtingpage .section_right .section_koeling_text {
    margin-bottom: 0 !important;
}

.winkelinrichtingpage .section_right {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}

.winkelinrichtingpage .background_blue {
    display: flex;
}

.container_koeling_image_card {
    margin-left: 32px;
    margin-right: 32px;

    position: relative;
}

.container_koeling_image_card .introboxTextContainer {
    padding: 0 32px !important;
}

@media screen and (max-width: 899px) {
    .container_koeling_image_card .introboxTextContainer {
        padding: 0 !important;
    }
}


.title_koeling_seen {
    font-size: 36px;
    color: var(--text);
    margin-bottom: 15px;
}


.koelingpage .section_koeling_image {
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    object-fit: cover;
    max-height: 700px;
    margin-top: 70px;
    border-radius: 3px;
}

.koelingpage .section-two-blocks-color .right-block-title {
    margin-bottom: 30px;
}

.koelingpage .section-two-blocks-color .right-block-color .section_textImage_link_secondary {
    background-color: white;
}

.koelingpage .section-two-blocks-color .right-block-color .section_textImage_link_secondary .section_textImage_link_inside {
    color: #ab883e;
    mix-blend-mode: normal;
}

.section_right_image .section_koeling_image {
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    object-fit: cover;
    max-height: 700px;
    margin-top: 130px;
    border-radius: 3px;
}

.section_koeling_image {
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    object-fit: cover;
    max-height: 700px;
    margin-top: 0px;
    border-radius: 3px;
}



.section_koeling_text p {
    font-size: 18px;
    color: #333;
}

@media screen and (min-width: 1199px) {
    .koelingpage .section_koeling_text p {
        max-width: 40%;
    }
}

.cta_koeling_button {
    padding: 12px 20px;
    background-color: var(--text);
    color: white;
    text-decoration: none;
    border-radius: 50px;
    cursor: pointer;
    transition: background-color 0.3s ease;

}

.cta_koeling_button.tertiary:hover {
    color: #000 !important;
}

.cta_koeling_button.tertiary:hover svg path {
    stroke: #000;
}
.cta_koeling_button.tertiary {
    color: white;
}
.cta_koeling_button:hover {
    background-color: #ab883e;
}


.overlay_koeling_box {
    position: absolute;
    bottom: 200px;
    right: 100px;
    background-color: #ab883e;
    padding: 30px;
    border-radius: 5px;
    max-width: 500px;
    border-radius: 10px;
}

.overlay_koeling_box::before {
    content: '';
    position: absolute;
    top: -20px;
    right: 0px;
    border-width: 0 0px 30px 30px;
    border-top-right-radius: 5px;
    border-style: solid;
    border-color: transparent transparent #ab883e transparent;
}

.overlay_koeling_box_text {
    color: white !important;
    font-size: 28px !important;
    text-align: center;
    margin-bottom: 50px;
    font-weight: 300 !important;
    margin-top: 0 !important;
    width: 100% !important;
}

@media screen and (max-width: 899px) {
    .overlay_koeling_box_text {
        font-size: 24px !important;
    }
}

.overlay_koeling_box_title {
    color: var(--text);
    font-weight: 700;
    margin-top: 0 !important;
}


.overlay_koeling_box_description {
    color: var(--text);
    margin-top: 0 !important;
    width: 100% !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
}


.section_textImage_link_secondary {
    display: inline-flex;
    align-items: center;
    color: #ab883e;
    text-decoration: none;
    font-weight: bold;
}

.section_textImage_link_inside {
    display: flex;
    align-items: center;
}

.section_textImage_link_inside_mag {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    text-transform: uppercase;
    width: 100%;

    mix-blend-mode: difference;
}

.section_textImage_link_arrow {
    margin-left: 8px;

}

.section_textImage_link_arrow:hover {

    color: #000;
}

.winkelinrichtingpage .section_winkel_image_card_columns {

    background-color: white;
    padding: 96px 32px;


}

@media screen and (max-width: 768px) {
    .winkelinrichtingpage .section_winkel_image_card_columns {
        padding: 32px 32px;
    }
}

.winkelinrichtingpage .section_winkel_image_card_columns .container {
    max-width: var(--body);
    margin-left: auto;
    margin-right: auto;
}

.winkelinrichtingpage .section_winkel_image_card_columns .background_white {
    position: relative;
}

.winkelinrichtingpage .section_winkel_image_card_columns .section_koeling_text h2 {
    color: var(--text);
    font-weight: 700;
    font-size: 32px;

}

.winkelinrichtingpage .section_winkel_image_card_columns .background_white {
    padding: 50px 0 0;

}

.winkelinrichtingpage .section_winkel_image_card_background_white {
    background-color: #d7f8ff;
}

.winkelinrichtingpage .section_winkel_image_card_background_white .section_koeling_text {
    display: flex;
    flex-direction: column;
}

.winkelinrichtingpage .section_winkel_image_card_background_white .background_blue .overlay_koeling_box::before {
    left: 0;
    right: auto;
    border-width: 0 30px 30px 0;
    border-top-right-radius: 0;
    border-top-left-radius: 5px;
}

.winkelinrichtingpage .section_winkel_image_card_background_white .overlay_koeling_box {
    left: 50px;
    right: 50px;
    top: calc(100% - 20px);
    bottom: unset;
    max-width: unset;

}

.winkelinrichtingpage .section_winkel_image_card_background_white .section_koeling_text .text_with_icon {
    display: flex;
    align-items: center;
    gap: 20px;
}

.winkelinrichtingpage .section_winkel_image_card_background_white .section_left_overlay {
    width: 50%;
    margin-top: 130px;
}

.winkelinrichtingpage .section_winkel_image_card_background_white .section_left_overlay .containerimage {
    position: relative;
}


.winkelinrichtingpage .section_winkel_image_card_background_white .section_right {
    width: 100%;
    padding: 100px 32px 0 100px;
}

@media screen and (max-width: 899px) {
    .winkelinrichtingpage .section_winkel_image_card_background_white .section_right {
        padding: 0;
    }
}


.winkelinrichtingpage .section_winkel_image_card_background_white .section_koeling_text .icon {
    width: auto;
}

.winkelinrichtingpage .section_winkel_image_card_background_white .section_koeling_text .text_with_icon p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}

.section_winkel_image_card_columns .three-column-section {
    display: flex;
    gap: 20px;
    padding: 20px;
}


.section_winkel_image_card_columns .three-column-section .column {
    flex: 1;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.section_winkel_image_card_columns .section_textImage_links .number p {
    color: black !important;
    font-size: 40px !important;
    height: 60px !important;
    width: 60px !important;
    line-height: 0 !important;
    border-radius: 100% !important;
    font-weight: 300;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--basic-ultralight) !important;

}

.section_winkel_image_card_columns .section_textImage_title {
    font-size: 22px !important;
    font-weight: bold;
    padding-bottom: 0 !important;
}

.section_winkel_image_card_columns .section_textImage_text p {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
}


@media (max-width: 768px) {
    .three-column-section {
        flex-direction: column;
    }
}


.winkelinrichtingpage .section_winkel_image_card .background_blue .section_textImage_link_secondary:is {

    color: white;

}

.winkelinrichtingpage .section_koeling_image_card .background_white .section_textImage_link_secondary {

    color: white;

}

.winkelinrichtingpage .section-two-blocks .right-block .section_textImage_link_secondary {

    color: white;
    background-color: var(--text);

}

.home .section-two-blocks .right-block .section_textImage_link_secondary {

    color: white;
    background-color: var(--text);

}

.koelingpage .section-two-blocks .right-block .section_textImage_link_secondary {

    color: white;
    background-color: var(--text);

}

.koelingpage .section_koeling_image_card .section_textImage_link_secondary {

    color: white;
    background-color: var(--text);

}

.sections_news_list_element:hover .news_div_svg::before {
    transform: translateY(100%);
}

.news_div_svg svg {
    transform: translateX(2px);

}

.more_about {
    max-width: 1080px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 36px 0;
}

.more_about_link {
    background-color: var(--basic-light);
    border-radius: 99px;
    color: white;
    font-size: 15px;
    font-weight: 300;
    padding: 12px 30px;
    text-transform: uppercase;

    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 18px;
    transition: .2s;
}

.more_about_link:hover {
    text-decoration: none;
    background-color: var(--boulder);
}

.more_about_link .section_textImage_link_circle {
    fill: white;
}

.more_about_link .section_textImage_link_arrow {
    stroke: var(--text);
}

#header {
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

@media screen and (min-width: 899px) {

    #header a.link_has_net {
        position: relative;
        margin-top: 6px;
        padding-bottom: 6px;
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
        line-height: 48px;
    }

    #header a.link_has_net::after {
        content: "";
        position: absolute;
        display: block;
        bottom: -8px;
        left: 0px;
        height: 4px;
        width: 0px;
        background-color: #AB883E;
        transition: .3s;
    }

    #header a.link_has_net:hover::after,
    #header a.link_has_net.currentPage::after {
        width: calc(100%);
    }

    #header .menu_links_bottom a.link_has_net {
        position: relative;
        padding-bottom: 6px;
        font-size: 14px;
        font-weight: 400;
        text-transform: inherit;
        line-height: 48px;
    }

}

@media screen and (min-width: 1399px) {
    #header .menu_links_bottom a.link_has_net {
        font-size: 20px;
    }
}

#header a:hover {
    text-decoration: none;
}

#header,
#logoBox,
#menuBox {
    height: 124px;
}

#logoBox {
    width: 320px;
}

@media screen and (max-width: 1200px) {
    #logoBox {
        width: 270px;
    }
}


#logoBox img {
    width: 100%;
}

@media screen and (max-width: 1100px) {

    #header,
    #logoBox,
    #menuBox {
        height: 90px;
    }

    #logoBox {
        justify-content: flex-end;
    }

    #logoBox img {
        width: unset;
        height: 60px;
        max-width: 100%;
    }
}

#menuBox {
    background-color: transparent;
}

#menuBox #menuList {
    padding-top: 72px;
}

#menuBox #menuList li a {
    color: var(--text);
    border-right: solid 1px var(--basic-light);
}

#menuBox #menuList ul {
    top: 48px;
    background-color: var(--basic-light);
}

#menuBox #menuList ul li {
    border-top: solid 1px white;
    border-bottom: solid 1px white;
}

#menuBox #menuList ul li a:hover {
    color: white;
}

.header_container {
    max-width: 1840px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
    position: relative;
    z-index: 200;
}

.header_container .colquartheader {
    margin-left: 24px;
    background-color: var(--basic-light);
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

@media screen and (max-width: 1100px) {

    .header_container .colquartheader {
        position: absolute;
        bottom: 0;
        width: 100vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header_container .colquartheader {
        margin-left: 0;
    }

}

.header_container .colquartheader li {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.header_container .colquartheader li a {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 48px;
    color: white;
    padding: 0 10px 0 40px;
}

.header_container .colquartheader li svg {
    margin-right: 24px;
}

@media screen and (max-width: 1100px) {

    .header_container .colquartheader li a {
        padding: 6px 12px;
    }

    .header_container .colquartheader li svg {
        margin-right: 12px;
    }

    .header_container .colquartheader {}
}

.header_links {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 6px;
    width: 100%;
}

@media screen and (max-width: 1100px) {

    #logoBox,
    .header_burgerContainer {
        z-index: 200;
    }

    .header_links {
        background-color: white;
        position: absolute;
        padding: 90px 20px;
        top: 0px;
        z-index: 15;
        height: 100dvh;
        width: 100%;
        transform: translateY(-101vh);
        transition: .3s;
    }

    .open_menu .header_links {
        transform: translateY(0vh);
    }
}

.menu_links_bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: auto;
}

@media screen and (min-width: 1099px) {
    .menu_links_bottom {
        width: 95%;
    }

    .menu_links_top {
        height: 48px;
    }
}

@media screen and (max-width: 1100px) {

    .menu_links_bottom {
        order: -1;
        gap: 0px;
    }

    .menu_links_top li.first_level_li_lang_selector {
        display: none;
    }

}

.menu_links_top {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    background-color: var(--text);
}




.menu_links_top li.first_level_li {
    padding: 0 12px;
}

.menu_links_top li.first_level_li:last-child {
    border-right: none;
}

.menu_links_top li a {
    font-size: 12px;
    font-weight: 500;
    color: white;
    text-transform: uppercase;
}

.menu_links_top li a:hover,
.menu_links_top li a.currentPage {
    color: #AB883E;
}

@media screen and (max-width: 1100px) {

    .menu_links_top {
        background-color: transparent;
    }

    .menu_links_top li a {
        color: var(--text);
    }

}

.menu_links_bottom_left {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.menu_links_bottom_left .direct_child_link {
    display: inline-block;
    font-size: 16px;
    color: var(--text);
    margin: 0 10px;
    position: relative;
    text-align: center;
}



.menu_links_bottom_left li.first_level_li:last-child .direct_child_link {
    border-right: none;
}

.menu_links_bottom_left li.first_level_li {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.nolink+ul {
    display: none;
    position: absolute;
    top: 60px;
    padding: 18px 20px;
    background-color: var(--basic-light);
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

.nolink+ul a {
    color: var(--text);
    display: inline-block;
    white-space: nowrap;
    padding: 6px 0;
}

.nolink+ul a:hover {
    color: white;
    text-decoration: none;
}

@media screen and (max-width: 1100px) {

    .header_links {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;

        gap: 16px;
    }

    .menu_links_bottom {
        flex-direction: column;
    }

    .menu_links_top {
        flex-direction: column;
        gap: 16px;
        justify-content: flex-start;
        padding-right: 0;
    }

    .menu_links_bottom_left {
        flex-direction: column;
        gap: 12px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .first_level_li_lang_selector {
        display: flex;
        flex-direction: row;
    }

    .direct_child_link.nolink+ul {
        display: none;
    }

    .direct_child_link.open_sublinks.nolink+ul {
        display: block;
    }

}

.first_level_li_lang_selector {
    display: flex;
    gap: 12px;
}

.first_level_li_lang_selector .active_lang {
    position: relative;
    display: block;

    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 2px;
}

.first_level_li_lang_selector .active_lang::after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 2px;
    top: 0;
    right: -7px;
    background-color: white;
}

.contactLinkheader {
    display: none;
    height: fit-content;
    padding: 16px 20px;

    background-color: white;
    border: 2px solid;
    border-color: transparent;
    border-radius: 45px;

    font-weight: 600;
    transition: .2s;
    font-size: 14px;

    position: relative;
    overflow: hidden;
}

.contactLink {
    height: fit-content;
    padding: 16px 20px;

    background-color: white;
    border: 2px solid;
    border-color: transparent;
    border-radius: 45px;

    font-weight: 600;
    transition: .2s;
    font-size: 14px;

    position: relative;
    overflow: hidden;
}

.firogmil_inside_contactLink {
    display: flex;
    gap: 36px;
    color: white;
    text-transform: uppercase;
    mix-blend-mode: difference;
}

.contactLinkheader::before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    background-color: var(--text);
    width: 100%;
    height: 100%;
    transform: translateY(0);
    transition: .2s;
}

.contactLink::before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    background-color: var(--text);
    width: 100%;
    height: 100%;
    transform: translateY(0);
    transition: .2s;
}

.contactLinkheader:hover::before {
    transform: translateY(-100%);
}

.contactLink:hover::before {
    transform: translateY(-100%);
}

.contactLinkheader:hover {
    border-color: black;
    text-decoration: none;
}

.contactLink:hover {
    border-color: black;
    text-decoration: none;
}

.menu_links_bottom_left li.first_level_li {
    position: relative;
    height: 100%;
}

@media screen and (max-width: 1100px) {

    .menu_links_bottom_left li.first_level_li {
        height: fit-content;
    }
}

.menu_links_bottom_left li.first_level_li:hover ul {
    display: block;
}

.first_level_li:has(.menu_lang_selector) {
    height: 60%;
    width: 72px;
    position: relative;
}

.menu_lang_selector svg {
    top: 12px;
    right: 12px;
    position: absolute;
    rotate: 90deg;

    transform: translateX(-50%);
}

.menu_lang_selector {
    color: white;
    display: flex;
    flex-direction: column;
    gap: 13px;
    border: 1px solid white;
    background-color: black;
    padding: 0px 15px;
    border-radius: 16px;
    align-items: center;
    padding-right: 36px;

    top: 0;
    right: 0;
    position: absolute;
}

.menu_lang_selector li {
    position: relative;
}

.menu_lang_selector_lang {
    display: none;
}

@media screen and (max-width: 1100px) {

    .first_level_li:has(.menu_lang_selector) {
        width: unset;
        height: unset;
        color: #000;
    }

    .menu_lang_selector_lang {
        display: block;

    }

    .menu_lang_selector {
        position: static;
        right: unset;
        flex-direction: row;
        top: 0px;
        padding-right: 15px;
        background: white;
        color: #000;
    }

}


@media screen and (min-width: 1099px) {

    .menu_lang_selector:hover .menu_lang_selector_lang {
        display: block;
        background-color: var(--text);
    }

}

@media screen and (max-width: 1100px) {

    /* Style pour les liens du menu mobile quand ils sont actifs */
    .header_links a.currentPage,
    .menu_links_bottom a.currentPage,
    .menu_links_top a.currentPage {
        font-weight: bold;
    }
}



.menu_lang_selector_currentLangContainer {
    display: block;
    position: relative;
}



.menu_lang_selector .menu_lang_selector_lang a,
.menu_lang_selector .menu_lang_selector_currentLangContainer a,
.menu_lang_selector .menu_lang_selector_lang a:visited,
.menu_lang_selector .menu_lang_selector_currentLangContainer a:visited {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    color: black;
    line-height: 30px;
}

.header_burgerContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-right: calc(var(--body-padding) / 2);
}

@media screen and (min-width: 1099px) {

    .header_burgerContainer {
        display: none;
    }

}

#burger_menu {
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.primary_contact {
    width: 100%;
    position: fixed;
    z-index: 100;
    bottom: 48px;
    right: 2%;
    display: flex;
    flex-direction: row;
    justify-content: right;
    pointer-events: none;
}

.primary_contact_container {
    max-width: var(--body);
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}


.primary_contact_button {
    pointer-events: all;
    position: relative;

    color: white;
    background-color: white;
    border: 2px solid;
    border-color: transparent;
    text-transform: uppercase;
    padding: 12px 30px;
    border-radius: 99px;
    font-size: 18px;
    font-weight: 300;
    width: fit-content;
    right: 0.5%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    cursor: pointer;

    overflow: hidden;
}

.primary_contact_button span,
.primary_contact_button svg {
    mix-blend-mode: difference;
}

.primary_contact_button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    transform: translateY(0);
    transition: .2s;
}

.primary_contact_button:hover {
    text-decoration: none;
    border: 2px solid;
    border-color: black;
}

.primary_contact_button:hover::before {
    transform: translateY(-100%);
}


@media screen and (max-width: 1024px) {

    .primary_contact_button {
        margin-right: var(--body-padding);
    }

    #content .list_section {
        margin-left: 0;
        margin-right: 0;
    }

    #content .list_section .list_section_container {
        margin-left: var(--body-padding);
        margin-right: var(--body-padding);
    }
}

@media screen and (max-width: 1100px) {

    .primary_contact {
        display: none;
    }

    .nolink+ul {
        display: block;
        position: static;
    }

    .menu_links_bottom_left li.first_level_li {
        flex-direction: column;
    }

    #newsletterBox {
        padding: 80px calc(var(--body-padding) / 2);
    }

    #content .list_section {
        grid-template-columns: 1fr;
        margin-left: calc(var(--body-padding) / 2);
        margin-right: calc(var(--body-padding) / 2);
    }

    #content .list_section_listContainer {
        padding-top: 16px;
        justify-content: flex-start;
    }

    #content .list_section_listContainer ul {
        list-style-position: outside;
        padding-left: 20.5px;
    }

    #content .list_section .list_section_container {
        margin-left: 0;
        margin-right: 0;
    }
}

.introboxTextContainer .more_about {
    padding-bottom: 0;
}

#content .section_textImage_text {
    padding-bottom: 40px;
}

@media screen and (max-width: 900px) {

    #content h1,
    #content.winkel_single .introboxTextContainer h1 {
        width: 100%;
        font-size: 28px;
        letter-spacing: 1.5px;
        line-height: 1.3;
    }

    #content .section_textImage_text {
        overflow: hidden;
    }

    .home #content .introboxTextContainer p,
    #content .section_textImage_text,
    #content .section_textImage_text *,
    .news_text_title {
        font-size: 18px;
        line-height: 1.4;
    }

    .more_about_link,
    #content .section_textImage_link_primary,
    #content .section_textImage_link_secondary,
    #contactBox24 .form_section_submitContainer .btn {
        font-size: 14px;
    }

    #content .section_textImage_title,
    #contactBox24 .form_section h3,
    .sections_news_title {
        font-size: 28px;
        line-height: 1.3;
    }
}


.section_textImage_link_secondary {
    position: relative;
    overflow: hidden;
}

.section_textImage_link_secondary::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateY(0);
    transition: .2s;
}

.section_textImage_link_secondary {
    border: 2px solid;
}

.block_style_1 .section_textImage_link_secondary {
    background-color: white;
    color: white;
    border-color: white;
}

.block_style_2 .section_textImage_link_secondary {
    background-color: black;
    color: white;
    border-color: transparent;
}

/* .block_style_1 .section_textImage_link_secondary::before {
    background-color: #AB883E;
} */
.block_style_1 .section_textImage_link_secondary:hover {
    background-color: #AB883E;
    border-color: white;
    color: #990 !important;
}

.block_style_1 .section_textImage_link_secondary {
    background-color: #AB883E;
    border-color: white;

}

#content .block_style_1 .section_textImage_links .section_textImage_link_arrow {
    stroke: #999999 !important;
}

.block_style_1 .section_textImage_link_secondary::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    transform: translateY(0);
    transition: .2s;
}

.block_style_2 .section_textImage_link_secondary::before {
    background-color: black;
}

.block_style_2 .section_textImage_link_secondary:hover {
    background-color: white;
}

.section_textImage_link_secondary:hover {
    border-color: white;
}

.section_textImage_link_secondary:hover::before {
    transform: translateY(-100%);
}

.section_textImage_link_inside {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    text-transform: uppercase;
    width: 100%;
    mix-blend-mode: difference;
}

.section_textImage_link_inside.hov svg:hover {
    color: #000;
    mix-blend-mode: normal;
}



.section_textImage_link_inside.hov {
    mix-blend-mode: normal;
}

.section_textImage_link_inside.hov:hover {
    color: black;
}

.section_textImage_link_inside svg {
    margin-left: 8px;
    color: #000;
}

.section_textImage_link_inside .contactLink:hover {
    mix-blend-mode: normal;

}

:is(.hov)>.section_textImage_link_inside:hover {
    color: black !important;

}

#hamburger {
    height: 40px;
    width: 40px;
}

#hamburger g {
    stroke: var(--text);
}

#top-line,
#bottom-line,
#middle-line {
    transform-box: fill-box;
    transform-origin: center;
}

.open_menu #hamburger #top-line {
    animation: down-rotate 0.6s ease-out both;
}

.open_menu #hamburger #bottom-line {
    animation: up-rotate 0.6s ease-out both;
}

.open_menu #hamburger #middle-line {
    animation: hide 0.6s ease-out forwards;
}

@keyframes up-rotate {

    0% {
        animation-timing-function: cubic-bezier(0.16, -0.88, 0.97, 0.53);
        transform: translateY(0px);
    }

    30% {
        transform-origin: center;
        animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
        transform: translateY(-10px);
    }

    100% {
        transform-origin: center;
        transform: translateY(-10px) rotate(45deg) scale(0.9);
    }

}

@keyframes down-rotate {

    0% {
        animation-timing-function: cubic-bezier(0.16, -0.88, 0.97, 0.53);
        transform: translateY(0px);
    }

    30% {
        transform-origin: center;
        animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
        transform: translateY(10px);
    }

    100% {
        transform-origin: center;
        transform: translateY(10px) rotate(-45deg) scale(0.9);
    }

}

@keyframes hide {
    29% {
        opacity: 1;
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}


.section_fullText {
    width: 100%;
    padding: 48px 0;
}

@media screen and (max-width: 900px) {
    .section_fullText {
        padding: 48px calc(var(--body-padding) / 2);
    }
}

.section_fullText_container {
    max-width: var(--body);
    margin: 0 auto;

    font-weight: 400;
    color: var(--text);
    line-height: 1.75;
    font-size: 20px;
}



.gallery_3_images,
.gallery_2_images {
    display: grid;

    width: 100%;

    grid-template-columns: repeat(2, 1fr);


    gap: 24px;
    padding: 32px var(--body-padding);

    max-width: var(--body);
    margin-left: auto;
    margin-right: auto;
}

.gallery_3_images {
    grid-template-rows: repeat(2, 1fr);
}

@media screen and (max-width: 900px) {

    .gallery_3_images,
    .gallery_2_images {
        display: flex;
        flex-direction: column;
        padding: 32px calc(var(--body-padding) / 2);
    }

}

@media screen and (min-width: 1024px) {

    .gallery_3_images,
    .gallery_2_images {
        padding-left: 0;
        padding-right: 0;
    }
}

.gallery_imageContainer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3px;
}

.gallery_3_first {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}

#content .txtFull {
    max-width: var(--body);
    padding: 32px var(--body-padding);
}

#content .txtFull img {
    border-radius: 3px;
}

#content .txtFullContainer {
    background-color: white;

}

#content .txtFull p,
#content .txtFull a,
#content .txtFull ul {
    font-size: 24px;
    line-height: 1.5;
    color: var(--text);
}

@media (min-width: 900px) and (max-width: 1024px) {

    #content .txtFull {
        padding: 32px;
    }

    .quoteBox .quote {
        font-size: 30px;
        padding: 32px;
    }

}

@media screen and (max-width: 900px) {

    #content .txtFull p,
    #content .txtFull a,
    #content .txtFull ul {
        font-size: 18px;
    }

    #content .txtFullContainer {
        padding: 0;
    }
}

#content .txtFull ul:not(.list_seen) {
    list-style-image: url('images/bullet_list.svg');
}

#content .txtFull li {
    background: unset;
    padding-left: 12px;
}

#content .txtFull a {
    color: #AB883E;
}

@media screen and (min-width: 1600px) {

    #content .txtFull {

        margin-right: auto;
        margin-left: auto;
        max-width: var(--body);
        padding: 64px calc(var(--body-padding) / 2);
    }
}



#content .txtFull {
    padding: 32px calc(var(--body-padding) / 2);
    margin-right: auto;
    margin-left: auto;
    max-width: var(--body);
}



#content .txtFull h2,
#content .txtFull h3 {
    color: var(--text);
    font-weight: 300;
    text-decoration: underline;
    text-decoration-color: var(--basic-light);
    text-decoration-thickness: 2px;
    text-underline-offset: 12px;

    line-height: 2;
}

#content .txtFull h2 {
    font-size: 24px;
    text-transform: uppercase;
}

#content .txtFull h3 {
    font-size: 24px;
}

#content .list_realisatie_data {
    list-style-image: url('images/bullet_list.svg');
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 4px;
    grid-row-gap: 16px;
}

@media screen and (max-width: 900px) {

    #content .list_realisatie_data {
        grid-template-columns: 1fr;
    }

}

#content .list_realisatie_data li {
    color: var(--text);
    font-size: 20px;
    line-height: 1.75;
}

@media screen and (max-width: 900px) {

    #content .list_realisatie_data li {
        font-size: 16px;
    }

}

#content .quoteBox {
    background: var(--basic-light);
    padding: 0;
}

#content .quoteBox .quote,
#content .quoteBox .author {

    max-width: calc(var(--body)* 0.667);
    margin-left: auto;
    margin-right: auto;

}

@media screen and (max-width: 900px) {

    #content .quoteBox .quote,
    #content .quoteBox .author {
        padding-left: calc(var(--body-padding) / 2);
        padding-right: calc(var(--body-padding) / 2);
    }
}



#content .quoteBox::before {
    content: "“";
}

#content .quoteBox::after {
    content: "”";
}

#content .quoteBox::before,
#content .quoteBox::after {
    font-size: 84px;
    line-height: 1;
    color: white;
    font-weight: bold;
    line-height: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 24px 0;
    text-align: center;
}

#content .quoteBox::before {
    padding-top: 48px;
}

#content .quoteBox .author p {
    color: var(--text);
    text-align: right;
}

#content .legend {
    color: var(--boulder);
}

#content .imgBoxed {
    padding: 0;
    width: 100%;
    max-width: var(--body);
    margin: 64px auto;

    padding-left: var(--body-padding);
    padding-right: var(--body-padding);
}

@media screen and (max-width: 900px) {

    #content .imgBoxed {
        padding-left: calc(var(--body-padding) / 2);
        padding-right: calc(var(--body-padding) / 2);
        margin: 5px auto;
    }

}

@media screen and (min-width: 1024px) {

    #content .imgBoxed {
        padding-left: 0;
        padding-right: 0;
    }

}

#content #jobList .smallBox {
    background-color: var(--basic-light);
    margin-bottom: 64px;

    width: 100%;
    max-width: var(--body);
}


#content .section_textImage_chiffres {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    margin-bottom: 32px;
}

#content .textImage_chiffre {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 64px;

    display: flex;
    flex-direction: column;
    gap: 0px;

    line-height: 1;
}

#content .textImage_chiffre_caption {
    font-weight: 600;
    font-size: 20px;
}

#content .textImage_text_centered p {
    text-align: center;
}

#content .textImage_link {
    margin-top: 32px;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;

    text-transform: uppercase;
    font-weight: 600;
}

#content .textImage_link .section_textImage_link_svg {
    height: 20px;
    width: 20px;
}

#content .textImage_link .section_textImage_link_svg .section_textImage_link_arrow {
    stroke: var(--text);
}

#content .contact_image_container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 32px 0;
}

#content .contact_image_container img {
    width: 225px;
    max-height: 200px;
}


#content .contentBg {
    background-color: var(--basic-ultralight);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    padding: 64px;

    color: var(--text);
}

#content .label_fileInput {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 8px;

    color: var(--text);

    background-color: transparent;
    border: 1px solid black;
}

.footerWrap .colquart .text {
    font-weight: bold;
    font-size: 15px;
    line-height: 24px;
    color: var(--text);
    max-width: 250px;
}

@media screen and (max-width: 900px) {

    .footerWrap .colquart .text {
        display: block;
        width: 100%;
    }

}


@media screen and (min-width: 1100px) {

    .first_level_li_mobile_only_lang_selector {
        display: none;
    }

}

.langSwitcher {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 14px;
}

.menu_lang_selector:has(.langSwitcher.openSwitch) .menu_lang_selector_lang {
    display: block;
}

.section_koeling_schema_parent {
    background-color: white;
}

.section_koeling_schema {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--body);

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 0 32px 20px;
}

@media screen and (max-width: 1024px) {
    .section_koeling_schema {
        grid-row-gap: 0px;
        grid-template-columns: repeat(1, 1fr);
    }
}

.section_schema_container {
    padding: 80px;
    border-radius: 3px;
    box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
    .section_schema_container {
        padding: var(--body-padding);
    }
}

@media screen and (max-width: 900px) {
    .section_schema_container {
        padding: calc(var(--body-padding) / 2);
    }
}

.schema_title,
.schema_title h2 {
    color: black;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;

    margin-bottom: 48px;
}

@media screen and (max-width: 900px) {

    .schema_title,
    .schema_title h2 {
        font-size: 30px;
    }
}

.schema_title--white,
.schema_title--white h2 {
    color: #FFF;
}

.section_schema_container.container_blue {
    background-color: var(--basic-ultralight);
}

.section_schema_container.container_black {
    background-color: black;
}

.section_schema {

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 48px;
    grid-row-gap: 48px;

    padding-top: 48px;
}

.section_schema.schema_bubble {}

.schema_bubble .section_schema_point {
    background-color: white;
    border: 1px solid var(--basic-light);
    color: black;

    display: block;
    height: 180px;
    width: 180px;
    border-radius: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    position: relative;
}

@media screen and (max-width: 1024px) {
    .schema_bubble .section_schema_point {
        height: 160px;
        width: 160px;
    }
}

@media screen and (max-width: 900px) {
    .schema_bubble .section_schema_point {
        height: 120px;
        width: 120px;
    }

    .section_schema_point svg {
        width: 120px;
    }
}


.schema_bubble .section_schema_point.align_left {
    margin-right: auto;
}

.schema_bubble .section_schema_point.align_left::before {
    content: "";
    position: absolute;
    top: -36px;
    left: calc(50% - 10px);

    transform: rotate(180deg);
    display: block;
    height: 30px;
    width: 20px;
    background-image: url("/images/arrow_illu.svg");
    background-repeat: no-repeat;
    background-position: center;

    z-index: 100;
}

.schema_bubble .section_schema_point.align_right {
    margin-left: auto;
}

.schema_bubble .section_schema_point.align_right::before {
    content: "";
    position: absolute;
    top: -36px;
    left: calc(50% - 10px);

    display: block;
    height: 30px;
    width: 20px;
    background-image: url("/images/arrow_illu.svg");
    background-repeat: no-repeat;
    background-position: center;

    z-index: 100;
}

.schema_bubble .section_schema_point:nth-child(3)::after {
    content: "";
    position: absolute;
    top: calc(50%);
    right: -36px;

    display: block;
    height: 30px;
    width: 20px;
    transform: rotate(-90deg);
    background-image: url("/images/arrow_illu.svg");
    background-repeat: no-repeat;
    background-position: center;

    z-index: 100;
}

.schema_bubble .section_schema_point_label {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
}

.section_schema_point_label {
    text-align: center;
}


.schema_triangle .section_schema_point {
    color: white;
    font-weight: 700;
    size: 16px;
    line-height: 20px;
    text-align: center;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.section_schema.schema_triangle {
    grid-row-gap: 48px;
    grid-column-gap: 48px
}

.schema_suite_cell {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.schema_suite_cell p {
    color: #fff;
    font-weight: bold;
}

.schema_suite {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 48px;
    grid-row-gap: 85px;

}

.schema_circle_suite1 {
    background-image: url('/images/conedistributie.svg');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    width: 55%;
    aspect-ratio: 1;
    position: relative;
    opacity: 0;
    transform: scale(0.8);
}

.schema_circle_suite2 {
    background-image: url('/images/conefarmacie.svg');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    width: 55%;
    aspect-ratio: 1;
    position: relative;
    opacity: 0;
    transform: scale(0.8);
}

.schema_circle_suite3 {
    background-image: url('/images/conesupermarketen.svg');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    width: 55%;
    aspect-ratio: 1;
    position: relative;
    opacity: 0;
    transform: scale(0.8);
}

.schema_circle_suite4 {
    background-image: url('/images/conevoedingsindustrie.svg');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    width: 55%;
    aspect-ratio: 1;
    position: relative;
    opacity: 0;
    transform: scale(0.8);
}

.schema_circle_suite svg {
    display: none;
}

@media screen and (min-width: 1024px) {

    .schema_circle_suite1,
    .schema_circle_suite2,
    .schema_circle_suite3,
    .schema_circle_suite4 {
        width: 83%;
    }

}

@media screen and (max-width: 900px) {
    .schema_suite {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);

    }

    .schema_circle_suite {
        width: 100%;
    }

    .schema_suite_cell {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .schema_suite_cell p {
        text-align: center !important;
    }

    .schema_title h2 {
        text-align: left;
    }
}


@media screen and (max-width: 768px) {
    .schema_suite {

        grid-column-gap: 10px;

    }
}

.text_schema_container_parent {
    background-color: white;
    box-sizing: border-box;
}

.text_schema_container {
    max-width: var(--body);
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 0 32px 50px;
}

@media screen and (max-width: 1024px) {

    .text_schema_container {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(2, 1fr);

        padding-top: 0;
        grid-row-gap: 0px;
        margin-bottom: 0;

        padding-bottom: 0;
    }

    .schema_bubble .section_schema_point_label {
        font-size: 13px;
    }

}

.text_schema_left {
    padding: 124px;
    background-color: var(--basic-light);
    position: relative;
}

.text_schema_right {
    padding: 124px 124px 124px 0;
    background-color: var(--basic-light);
}

@media screen and (max-width: 900px) {
    .text_schema_right {
        background-color: var(--basic-ultralight);
    }
}

@media screen and (max-width: 1024px) {

    .text_schema_left {
        padding: var(--body-padding);
    }

    .text_schema_right {
        padding: var(--body-padding) var(--body-padding) var(--body-padding) 0;
    }

}

@media screen and (max-width: 900px) {

    .text_schema_left {
        padding: calc(var(--body-padding) / 2);
    }

    .text_schema_right {
        padding: calc(var(--body-padding) / 2) calc(var(--body-padding) / 2) calc(var(--body-padding) / 2) 0;
    }

}

/*
.text_schema_right::before {
    content: "";
    position: absolute;

    background-color: black;

    width: 124px;
    height: 2px;

    top: 50%;
    left: 0;
}


@media screen and (max-width: 1024px){

    .text_schema_right::before {
        width: var(--body-padding);
    }
}
*/

.text_schema_title {
    color: black;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;

    margin-bottom: 48px;
}

@media screen and (max-width: 900px) {

    .text_schema_title {
        font-size: 30px;
        line-height: 1.2;
    }

}

.text_schema_content {
    color: black;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
}

@media screen and (max-width: 900px) {

    .text_schema_content {
        font-size: 18px;
    }

}

.text_schema_right_container {
    position: relative;
    padding-left: 30px;

    height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}

.text_schema_right_container::before,
.text_schema_right_container::after {
    content: "";
    position: absolute;
    left: 0px;
    width: 2px;
    background-color: black;
}

.text_schema_right_container::before {
    top: 30px;
    left: 0;
    height: calc(100% - 60px);
}

.text_schema_point {
    color: black;
    background-color: white;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    position: relative;

    height: 60px;

    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 32px;
}

.text_schema_point:first-child::before,
.text_schema_point:last-child::before {
    content: "";
    display: block;

    height: 2px;
    width: 30px;

    position: absolute;
    background-color: black;
    left: -30px;
    top: calc(50% - 1px);
}

.section_imagefullscreen {
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 650px;
    background-color: #d7f8ff;
    z-index: -15;

}

.section_imagefullscreen_content {
    max-width: 500px;
    padding: 80px 0;
}

.section_imagefullscreen_imageContainer {
    position: absolute;
    z-index: -10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.section_imagefullscreen_image {
    min-width: 100vw;
}

@media screen and (max-width: 900px) {

    .section_imagefullscreen_image {
        min-height: 100%;
    }

    .section_imagefullscreen_content {
        width: 90%;
    }

}

#content .section_imagefullscreen_content,
#content .section_imagefullscreen_content p,
#content .section_imagefullscreen_content * {
    color: white;
    text-align: center;

    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    text-shadow: 0px 6px 4px #00000034;
}

#content .section_imagefullscreen_percentage {
    font-size: 250px;
    line-height: 1;
    font-weight: 300;
    position: relative;
}

#content .section_imagefullscreen_percentage::after {
    content: "%";
    font-size: 100px;
    line-height: 1;
    font-weight: 300;

    position: absolute;
    top: 48px;
}

@media screen and (max-width: 900px) {

    #content .section_imagefullscreen_percentage {
        font-size: 96px;
    }

    #content .section_imagefullscreen_percentage::after {
        top: 20px;
        font-size: 40px;
    }

}

.section_introboxText {
    scroll-margin-top: 164px;
    background-color: white;
}

.section_introboxText.block_style_2 {
    background-color: var(--basic-light);
}

#content .section_introboxText.block_style_2 h2::after {
    background-color: white;
}

.section_introboxText.block_style_3 {
    background-color: black;
}

#content .block_style_3 .section_introboxTextContainer h1,
#content .block_style_3 .section_introboxTextContainer h2,
#content .block_style_3 .section_introboxTextContainer h3,
#content .block_style_3 .section_introboxTextContainer h4,
#content .block_style_3 .section_introboxTextContainer h5,
#content .block_style_3 .section_introboxTextContainer h6,
#content .block_style_3 .section_introboxTextContainer p {
    color: white;
}

.section_introboxTextContainer {
    max-width: var(--body);
    margin-left: auto;
    margin-right: auto;
}

.page .section_introboxText_content {
    width: calc(100% * 0.65);
}

.section_introboxText_content {
    width: calc(100% * 0.667);
    padding: 80px 32px;
}

#content .page .section_introboxText_content h1,
#content .section_introboxText_content h1 {
    width: 100%;
}

@media screen and (max-width: 1024px) {

    .page .section_introboxText_content,
    .section_introboxText_content {
        padding: 32px;
    }
}

@media screen and (max-width: 900px) {

    .page .section_introboxText_content,
    .section_introboxText_content {
        width: 100%;
        padding-left: calc(var(--body-padding) / 2);
        padding-right: calc(var(--body-padding) / 2);
    }

    .page .section_introboxTextContainer p {
        width: 100%;
    }

    .section_introboxText_content {
        padding-top: 80px;
        padding-bottom: 80px;
    }

}

#content .section_introboxTextContainer h1,
#content .section_introboxTextContainer h2,
#content .section_introboxTextContainer h3,
#content .section_introboxTextContainer h4,
#content .section_introboxTextContainer h5,
#content .section_introboxTextContainer h6,
#content .section_introboxTextContainer p {
    color: black;
}

#content .section_introboxTextContainer h1,
#content .section_introboxTextContainer h2,
#content .section_introboxTextContainer h3,
#content .section_introboxTextContainer h4,
#content .section_introboxTextContainer h5,
#content .section_introboxTextContainer h6 {
    text-transform: uppercase;
    font-size: 48px;
    line-height: 56px;
    font-weight: 300;
    margin-bottom: 100px;
    letter-spacing: 2.4px;
}



#content .section_introboxTextContainer p {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
}


@media screen and (max-width: 900px) {

    #content .section_introboxTextContainer h1,
    #content .section_introboxTextContainer h2,
    #content .section_introboxTextContainer h3,
    #content .section_introboxTextContainer h4,
    #content .section_introboxTextContainer h5,
    #content .section_introboxTextContainer h6 {
        font-size: 32px;
        line-height: 1.6;
        margin-bottom: 60px;
    }

    #content .section_introboxTextContainer p {
        font-size: 18px;
    }
}

#content .section_introboxTextContainer p strong {
    font-weight: bold;
}

.section_title_list_container_parent {
    background-color: white;
}

.section_title_list_container {
    max-width: var(--body);

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 84px;

    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;

}

@media screen and (max-width: 1024px) {
    .section_title_list_container {
        margin-left: var(--body-padding);
        margin-right: var(--body-padding);
    }
}

.section_title_list_title {
    display: inline-block;
    position: relative;
    padding: 12px 24px 12px 44px;
    border-radius: 36px;
    color: black;
    font-size: 30px;
    font-weight: 300;
    line-height: 48px;
    text-transform: uppercase;
    background-color: var(--basic-ultralight);
    min-width: 350px;
}

.section_title_list_content {
    color: black;
    font-size: 18px;
    line-height: 1.66;
    font-weight: 400;
}

@media screen and (max-width: 900px) {
    .section_title_list_content {
        font-size: 18px;
    }
}

.section_title_list_content ul {
    list-style: outside;
    list-style-type: disc;
}

.section_introboxText_content ul li::marker,
.section_title_list_content ul li::marker {
    font-size: 12px;
}

.section_title_list_element {
    width: 50%;
}

.section_title_list_element.element_title {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;

    position: relative;
}

.section_title_list_element.element_title::before {
    content: "";

    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: var(--basic-light);

    top: 50%;
    left: 0;
}

.section_title_list_element.element_title::after {
    content: "";
    display: block;
    position: absolute;

    left: 0;
    top: -50%;

    height: 100%;
    width: 1px;

    background-color: var(--basic-light);
}

@media screen and (max-width: 900px) {

    .section_title_list_container {
        margin-left: calc(var(--body-padding) / 2);
        margin-right: calc(var(--body-padding) / 2);

        flex-direction: column;
        gap: 36px;
    }

    .section_title_list_title {
        font-size: 20px;
        min-width: unset;
        padding: 12px 24px;
    }

    .section_title_list_element {
        width: 100%;
    }

    .section_title_list_element.element_title::after {
        top: 50%;
    }

}


.section_button_container_parent {
    background-color: white;
}

.section_button_container {
    max-width: var(--body);
    margin-left: auto;
    margin-right: auto;

    padding-bottom: 64px;
    padding-bottom: 24px;
}

@media screen and (max-width: 1024px) {
    .section_button_container {
        padding: 0 var(--body-padding);
    }
}

@media screen and (max-width: 900px) {
    .section_button_container {
        padding: 0 calc(var(--body-padding) / 2);
    }
}

.section_button_link {
    background-color: white;

    display: inline-block;

    border: 2px solid;
    border-color: transparent;

    text-transform: uppercase;
    padding: 16px;
    padding-right: 36px;
    border-radius: 40px;

    min-width: 280px;

    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 5%;

    position: relative;
    overflow: hidden;
}

.section_button_link_inside {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

    color: white;
    mix-blend-mode: difference;
}

.section_button_link::before {
    content: "";
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    transform: translateY(0);
    transition: .2s;
    background-color: black;
}

.section_button_link:hover {
    border-color: black;
}

.section_button_link:hover::before {
    transform: translateY(-100%);
}

.section_button_link:hover {
    text-decoration: none;
}

.section_basic_image_fullscreen_container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 80dvh;
    max-height: 550px;
    margin: 24px 0;
}

.section_introboxText.block_style_1+.section_basic_image_fullscreen_container,
.section_introboxText.block_style_2+.section_basic_image_fullscreen_container,
.section_introboxText.block_style_3+.section_basic_image_fullscreen_container {
    margin: 0;
}

.section_basic_image_fullscreen {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    width: 100%;
    height: 140%;

    top: 0;
    left: 0;

    position: absolute;
}

.section_4_cards {
    background-color: var(--basic-light);
}

.section_4_cards_container {
    max-width: var(--body);
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 96px;
}

.card_element {
    border-radius: 3px;
    background-color: white;
}

.cards_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-left: 32px;
    margin-right: 32px;
}

@media screen and (max-width: 1024px) {

    .cards_container {
        margin-left: var(--body-padding);
        margin-right: var(--body-padding);
    }

}


@media screen and (max-width: 900px) {

    .cards_container {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);

        margin-left: calc(var(--body-padding) / 2);
        margin-right: calc(var(--body-padding) / 2);
    }

}

.card_element {
    padding: 120px;
    color: black;
}

@media screen and (max-width: 900px) {

    .card_element {
        padding: calc(var(--body-padding) / 2);
    }

}


.card_element_title_big {
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 42px;
}



.card_element_content {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
}

.card_plus_icon_container {
    margin-top: 24px;
    transform: rotate(0deg);
}

.card_element:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.card_element:hover .card_plus_icon_container svg {
    transform: rotate(45deg);
}

.card_element .cards_container_verso,
.card_element:hover .cards_container_recto {
    display: none;
}

.card_element:hover .cards_container_verso {
    display: block;
}

.card_element:hover .cards_container_recto.noVerso {
    display: block;
}

.service_navigation {
    position: -webkit-sticky;
    position: sticky;
    top: 124px;
    margin-left: 32px;
    z-index: 190;
    background-color: white;
    padding: 40px 0 24px 0;

    width: 100%;
}

.service_navigation_container {
    max-width: var(--body);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
}

.service_navigation_link {
    color: #8E9A9A;
    text-transform: uppercase;
}

.service_navigation_link:hover {
    text-decoration: none;
}

.service_navigation_link.active_link {
    color: black;
}

@media screen and (max-width: 1024px) {
    .service_navigation {
        padding: 30px var(--body-padding) 18px var(--body-padding);
    }
}

@media screen and (max-width: 900px) {
    .service_navigation {
        top: 90px;
        padding: 18px calc(var(--body-padding) / 2);
    }
}


.section_six_cards {
    padding: 64px calc(var(--body-padding) / 2);
    padding-top: 64px;
    padding-bottom: 64px;
    margin-left: auto;
    margin-right: auto;

    max-width: var(--body);

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.section_card_element {
    background-color: var(--basic-ultralight);
    padding: 60px 30px;
    border-radius: 3px;
}

.card_element_title {
    color: black;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 15px;
}

.card_element_content {
    color: black;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

@media screen and (max-width: 1024px) {

    .section_six_cards {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media screen and (max-width: 900px) {

    .section_six_cards {
        grid-template-columns: repeat(1, 1fr);
        padding: 64px calc(var(--body-padding) / 2);
    }

}


.case_studies_container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 64px;
    margin-bottom: 120px;
    max-width: var(--body);
    padding-left: calc(var(--body-padding) / 2);
    padding-right: calc(var(--body-padding) / 2);
}

@media screen and (max-width: 900px) {
    .case_studies_container {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

#newsletterBox .newsletter_socials_title {
    margin: 48px 0 24px 0;
}


.case_study_card_element {
    background-color: white;
    box-shadow: 0px 4px 13px 2px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    overflow: hidden;
}

.case_study_card_element:hover {
    text-decoration: none;
}

.case_study_card_image {
    height: 250px;
    overflow: hidden;
}

.case_study_card_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1);
    transition: .2s;
}

.case_study_card_element:hover .case_study_card_image img {
    transform: scale(1.1);
}

.case_study_card_content {
    padding: 30px;
    height: calc(100% - 250px);

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}



@media screen and (max-width: 1024px) {
    .case_studies_container {
        padding-left: calc(var(--body-padding) / 2);
        padding-right: calc(var(--body-padding) / 2);
    }
}

.case_study_card_title {
    margin-top: 0;
    margin-bottom: 8px;

    text-transform: uppercase;
    color: black;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.case_study_card_text {
    color: black;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
}

.frimogil_basic_title {
    text-transform: uppercase;
    display: inline-block;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: 2.4px;
    color: black;
    margin-bottom: 90px;
    position: relative;
}

.frimogil_basic_title::after {
    content: "";
    position: absolute;
    height: 5px;
    width: 1%;
    background-color: var(--basic-light);

    left: 0;
    bottom: -60px;
    transition: 0.6s;
}

.frimogil_basic_title.title_seen::after {
    width: 100%;
}

@media screen and (max-width: 900px) {

    .frimogil_basic_title {
        font-size: 32px;
        letter-spacing: 1.8px;
        margin-bottom: 60px;
    }

    .frimogil_basic_title::after {
        bottom: -40px;
        height: 3px;
    }
}


.case_study_card_tags_container {

    margin-top: 16px;
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.case_study_card_tag {
    color: rgb(52 64 77);
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    text-underline-offset: 4px;
}

.case_study_card_category {
    display: inline-block;
    background-color: var(--basic-light);
    color: white;
    text-transform: uppercase;
    padding: 6px 10px;
    border-radius: 12px;
}

.case_study_card_bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin: 16px 0;
}

.case_study_card_taxo {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.case_study_card_button {
    background-color: white;
    border: 2px solid;
    border-color: transparent;
    height: 50px;
    width: 50px;
    position: relative;
    border-color: #AB883E;
    border-radius: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.case_study_card_button svg {
    position: relative;
    z-index: 10;
    /* mix-blend-mode: difference; */
}

.case_study_card_button svg path {
    stroke: #AB883E;

}

#winkeltype {
    padding: 16px 32px 16px 24px;
    border: 1px solid gray;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    font-size: 18px;
    max-width: fit-content;

    -webkit-appearance: none;

    -moz-appearance: none;

    /* background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png); */
    background-image: url("data:image/svg+xml,%3Csvg fill='none' height='10' viewBox='0 0 17 10' width='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.5564 1.07107-7.07105 7.07107-7.07107-7.07107' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");

    background-repeat: no-repeat;

    background-position-x: 97%;

    background-position-y: 50%;

}

.case_study_card_button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-color: #AB883E;

    transform: translateY(0);
    transition: 0.2s;
}

.case_study_card_element:hover .case_study_card_button {
    border-color: #AB883E;
}

.case_study_card_element:hover .case_study_card_button::before {
    transform: translateY(100%);
}

.section_realisaties_masonry {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--body);
    padding-left: calc(var(--body-padding) / 2);
    padding-right: calc(var(--body-padding) / 2)
}

/*
.section_realisaties_content {

    column-count: 3;
    column-gap: 24px;

    width: 100%;

    padding-bottom: 64px;
}

.section_realisatie_element {
    display: block;
    break-inside: avoid;

    position: relative;

    margin-bottom: 24px;
}
*/

.section_realisaties_content {
    position: relative;
    margin-top: 50px;
    min-height: 400px;
}

.section_realisaties_content:not(.is-ready) {
    column-count: 3;
    column-gap: 24px;
    padding-bottom: 64px;
}

.section_realisaties_content:not(.is-ready) .section_realisatie_element {
    position: relative;
    display: block;
    break-inside: avoid;
    margin-bottom: 24px;
    overflow: hidden;
    cursor: pointer;
}

.section_realisaties_content.is-ready .section_realisatie_element {
    position: absolute;
    overflow: hidden;
    cursor: pointer;
}

.section_realisatie_element:hover {
    text-decoration: none;
}

@media screen and (max-width: 1024px) {

    .section_realisaties_masonry {
        padding-left: var(--body-padding);
        padding-right: var(--body-padding);
    }
}

@media screen and (max-width: 900px) {

    .section_realisaties_masonry {
        padding-left: calc(var(--body-padding) / 2);
        padding-right: calc(var(--body-padding) / 2);
    }

    .section_realisaties_content:not(.is-ready) {
        column-count: 2;
    }

}

.section_realisatie_element img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    height: auto;
    border-radius: 4px;
    margin-bottom: 2px;
    transition: 0.2s;
    transform-origin: bottom center;
}

.section_realisatie_element:hover img {
    transform: scale(1.1);
}

.section_realisatie_button {
    position: absolute;
    top: 16px;
    right: 16px;

    height: 36px;
    width: 36px;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    border-radius: 999px;
    border: none;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 10;
}

.section_realisatie_caption {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: rgb(142, 154, 154);
}

.section_realisaties_more_container {
    display: flex;
    flex-direction: row;
    justify-content: center;

    margin-top: 48px;
    margin-bottom: 56px;
}

@media screen and (max-width: 630px) {
    .section_more_news_container {
        margin-top: 0;
        grid-template-columns: 1fr !important;
        grid-template-rows: 1fr !important;
        margin-left: calc(var(--body-padding) / 2);
        margin-right: calc(var(--body-padding) / 2);
    }

}

.section_more_news_container {
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 32px;
    margin-left: auto;
    margin-right: auto;
}


.section_more_news_container>*:first-child {
    justify-self: end;
    align-self: end;
}


.section_more_news_container>*:last-child {
    justify-self: start;
    align-self: start;
}

.section_realisaties_more,
.moreNewscat {
    background-color: white;
    border: 1px solid;
    border-color: black;
    padding: 12px 18px;
    border-radius: 25px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.moreNewscat {
    padding: 16px 20px;
    max-width: fit-content;
    /* margin: auto; */
}

.section_realisaties_more::before,
.moreNewscat::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;


    transform: translateY(0);
    transition: .2s;
}

.section_realisaties_more:hover::before,
.moreNewscat:hover::before {
    transform: translateY(-100%);
}

.moreNewscat:hover::before {
    text-decoration: none;
}

.section_realisaties_more_inside,
.section_news_more_inside {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 48px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: white;
    mix-blend-mode: difference;
    position: relative;
    z-index: 10;
}

.section_news_more_inside:hover {
    text-decoration: none !important;
}


.section_realisaties_more:disabled,
.moreNewscat:disabled {
    opacity: 0.5;
}

#content .realisatie_attributes {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 48px;
    align-items: center;
    list-style-type: none;
}

@media screen and (max-width: 900px) {
    #content .realisatie_attributes {
        flex-direction: column;
    }
}

#content .realisatie_attribute_element {
    font-weight: 400;
    font-size: 18px;
}

.realisatie_attribute_element strong {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}


#content.winkel_single .imgFull {
    max-width: var(--body);
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1024px) {

    #content.winkel_single .imgFull {
        padding-left: var(--body-padding);
        padding-right: var(--body-padding);
    }

}





@media screen and (max-width: 900px) {

    #content.winkel_single .imgFull {
        padding-left: calc(var(--body-padding) / 2);
        padding-right: calc(var(--body-padding) / 2);
    }
}


#content.winkel_single .txtFull {
    max-width: calc(var(--body) * 0.667);
}

#content.news_detail .txtFull {
    max-width: calc(var(--body) * 0.667);
}

#content.job_detail .txtFull {
    max-width: calc(var(--body) * 0.667);
    margin-top: 60px;
}

/*page about*/
.pageimgFull {
    padding: 0;
}

.pageimgFull img {
    height: 550px;
    object-fit: cover;
}

.txttxt50 {
    margin: auto;
    height: 100%;
    display: flex;
    gap: 20px;
    max-width: var(--body);
    width: 100%;
    padding: 0;
    margin-bottom: 100px;
    padding: calc(var(--body-padding) / 2);
}

@media screen and (max-width: 1024px) {
    .txttxt50 {
        flex-direction: column;
    }
}

@media screen and (max-width: 900px) {
    .txttxt50 {
        padding-left: calc(var(--body-padding) / 2);
        padding-right: calc(var(--body-padding) / 2);
        flex-direction: column;
    }
}

.txttxt50 .partLeft,
.txttxt50 .partRight {
    background-color: var(--basic-ultralight);
    padding: 100px 125px 50px 125px;
    width: 100%;
    flex: 1;
    box-sizing: border-box;
    border-radius: 3px;
}

@media screen and (max-width: 900px) {

    .txttxt50 .partLeft,
    .txttxt50 .partRight {
        padding: 48px 36px;
    }

}

.txttxt50 .partLeft .wrapPad h2,
.txttxt50 .partRight .wrapPad h2 {
    color: var(--text);
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 30px;
}

.txttxt50 .partLeft .wrapPad p,
.txttxt50 .partRight .wrapPad p {
    color: var(--text);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.text3circles {
    height: 650px;
    background-color: var(--text);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media screen and (max-width: 900px) {
    .text3circles {
        height: fit-content;
        padding-top: 48px;
        padding-bottom: 48px;
        padding-left: calc(var(--body-padding) / 2);
        padding-right: calc(var(--body-padding) / 2);
    }
}

.text3circles .container .text_content {
    margin: auto;
    max-width: 850px;
}

.text3circles .container .text_content p {
    color: white;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
    margin-top: 100px;
    text-align: center !important;
}

@media screen and (max-width: 900px) {
    .text3circles .container .text_content p {
        font-size: 18px;
        margin-top: 40px;
    }
}

.text3circles .containercircle {
    display: flex;
    gap: 50px;
    flex-direction: row;
    justify-content: center;
}

.text3circles .containercircle .circle {
    color: var(--text);
    text-align: center;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
}

.text3circles .containercircle .circle1 {
    background-color: #ab883e;
}

.text3circles .containercircle .circle2 {
    background-color: #c0a66e;
}

.text3circles .containercircle .circle3 {
    background-color: #dbc28d;
}


@media screen and (max-width: 900px) {

    .text3circles .containercircle {
        gap: 8px;
    }

    .text3circles .containercircle .circle {
        width: 90px;
        height: 90px;
        font-size: 13px;
    }
}

/* .text3circles .containercircle .circle:first-child {
    background-color: #ab883e;
} */
.rounded-full {
    border-radius: 9999px;
}

.text1circle {

    text-align: center;

}

.text1circle p {
    font-size: 24px;
    text-align: center !important;
    max-width: 500px;
    margin: 0 auto;
    padding-top: 25px;
}

.text1circle .container {
    margin: 0 auto;
    padding: 80px 32px;
    max-width: var(--body);
}

.introboxTextContainer ul {
    list-style: inside;
    margin-left: 10px;
}

.introboxTextContainer li {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
}


.winkel_page_navigation {
    max-width: var(--body);
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* grid-template-rows: 1fr; */
    gap: 20px;
    padding: 32px;
}

@media screen and (max-width: 1024px) {

    .winkel_page_navigation {
        margin-left: 32px;
        margin-right: 32px;
        padding: 0;
    }

}

@media screen and (max-width: 1024px) {
    .winkel_page_navigation {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;

        margin-left: calc(var(--body-padding) / 2);
        margin-right: calc(var(--body-padding) / 2);
    }
}

.winkel_page_navigationContainer {
    background-color: var(--basic-ultralight);
    padding-top: 110px;
    padding-bottom: 100px;
}

.winkel_page_navigation_element {
    background-color: white;
    padding: 60px;
    border-radius: 3px;
}

.winkel_first_element {
    grid-column: 1 / 2;
}

.winkel_second_element {
    grid-column: 2 / 3;
}

.winkel_page_navigation_element_top svg {
    transform: translateX(0);
    transition: .3s;
}

.winkel_page_navigation_element:hover .winkel_page_navigation_element_top svg {
    transform: translateX(12px);
}

.winkel_page_navigation_element.winkel_first_element:hover .winkel_page_navigation_element_top svg {
    transform: translateX(-12px);
}

@media screen and (max-width: 1024px) {

    .winkel_page_navigation_element {
        padding: 15px;
    }

    .winkel_first_element {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    .winkel_second_element {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
    }

}

.winkel_page_navigation_element:hover {
    text-decoration: none;
}

.winkel_page_navigation_element_top {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;

    margin-bottom: 24px;
}

.winkel_page_navigation_indicator {
    text-transform: uppercase;
    color: var(--text);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.8px;
}

.winkel_page_navigation_element_title {
    color: var(--text);
    font-size: 40px;
    font-weight: 300;
    line-height: 48px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.winkel_page_navigation_element_title strong {
    font-weight: 700;
}

@media screen and (max-width: 1100px) {
    .winkel_page_navigation_element_title {
        font-size: 32px;
        line-height: 36px;
    }

    .winkel_page_navigation_element_top {
        margin-bottom: 16px;
    }
}

#footer {
    background-color: white;
}

#footer .colquart a,
#footer .colquart p {
    display: inline-block;
    color: black;
    font-size: 15px;
    line-height: 1.2;

    margin-bottom: 12px;
}

#footer .colquart .text {
    color: #AB883E;
}


#content.koeling_detail .introboxTextContainer,
#content.news_detail .introboxTextContainer,
#content.job_detail .introboxTextContainer {
    padding-bottom: 8px;

}

#content.news_detail .introboxTextContainer,
#content.job_detail .introboxTextContainer {
    padding-bottom: 8px;
    max-width: calc(var(--body)* 0.667);
}

@media screen and (max-width: 900px) {
    #content.news_detail .introboxTextContainer,
    #content.job_detail .introboxTextContainer {
        max-width: 100%;
    }
}

.btnfooter {
    background-color: white;
    border: 1px solid black;
    padding: 10px 20px;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 50px;
    margin-top: 12px;
    display: block !important;
}

.btnfooter a {
    text-decoration: none;
    color: black;
    margin-bottom: 0 !important;
    font-weight: 400;
}

/* @media screen and (min-width: 1024px) {
    #content.news_detail .txtFull {
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    #content.job_detail .txtFull {
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 60px;
    }


} */

/* @media (min-width: 900px)  and (max-width: 1024px)   {
    #content.news_detail .introboxTextContainer {
        padding-left: calc(var(--body-padding));
        padding-right: calc(var(--body-padding));
    }
} */


#content.koeling_detail .imgFull,
#content.news_detail .imgFull,
#content.job_detail .imgFull {
    margin-top: 24px;
}

.realisations_images_slider {
    position: fixed;
    z-index: 500;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.66);
    backdrop-filter: blur(12px) grayscale(20%);
    -webkit-backdrop-filter: blur(12px) grayscale(20%);
    width: 100vw;
    height: 100vh;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#realisaties_slick {
    width: 100vw;
    height: min-content;
    max-height: calc(100% - var(--body-padding) * 2);
    max-width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 8;
    margin-top: 35px;
}

#realisaties_slick img {
    width: 100%;
    max-height: calc(100% - 48px);
    box-sizing: border-box;
}

#slider_image_arrows {
    position: absolute;
    height: 100%;
    width: calc(100% - var(--body-padding) * 2);
    max-width: 100%;
}

.slide_button {
    position: absolute;
    top: 50%;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    border-radius: 50%;

    height: 55px;
    width: 55px;
    cursor: pointer;
    z-index: 100;
}

.slide_button.slick-disabled {
    opacity: 0.5;
}

.slide_button.prev_button {
    left: -50px;
    transform: rotate(180deg);
}


.slide_button.next_button {
    right: -50px;
}

@media screen and (max-width: 1100px) {
    #slider_image_arrows {
        height: 80%;
    }

    .slide_button {
        top: unset;
        bottom: 2px;
    }

    .slide_button.prev_button {
        left: 0px;
        transform: rotate(180deg);
    }

    .slide_button.next_button {
        right: 0px;
    }
}

#realisaties_slick .slick-next,
#realisaties_slick.slick-prev {
    font-size: 24px;
    z-index: 1;
}

.realisaties_slick_element {
    height: 100%;
}

.realisaties_slick_element_content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.realisaties_slick_element_caption {
    color: white;
    padding-top: 12px;
}

.slider_close_button {
    position: absolute;
    top: 24px;
    right: 24px;
    height: 56px;
    width: 56px;
    background-color: white;
    border: 2px solid;
    border-color: white;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
}

@media screen and (max-width: 1100px) {

    .slider_close_button,
    .slide_button {
        height: 48px;
        width: 48px;
    }
}

.slider_close_button svg {
    stroke: white;
    mix-blend-mode: difference;
}

.slider_close_button::before {
    content: "";
    background-color: black;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .3s;
    transform: translateY(0);
}

.slider_close_button:hover::before {
    transform: translateY(100%);
}

.slide_button {
    background-color: #000;
    border: 2px solid;
    border-color: #000;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.slide_button::before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    background-color: white;
    width: 100%;
    height: 100%;
    transform: translateY(0);
    transition: .3s;
    z-index: -1;
}

.slide_button:hover::before {
    transform: translateY(100%);
}

.slide_button.slick-disabled:hover::before {
    transform: translateY(0);
}

.slide_button_content svg {
    stroke: white;
    mix-blend-mode: difference;
}

.animated_link,
.frigomil_text a {
    display: inline-block;
    position: relative;
}

.animated_link::before,
.frigomil_text a::before {
    content: "";
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
    background-color: black;
    top: 100%;
    left: 0;
    height: 1px;
    width: 100%;
    position: absolute;
}

.animated_link:hover,
.frigomil_text a:hover {
    text-decoration: none;
}

.animated_link:hover::before,
.frigomil_text a:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}

.section-case-studies-pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 32px 0;
    gap: 16px;
}

.pagination_link,
.pagination_link_current {
    color: var(--text);
    font-size: 18px;
    line-height: 1.1;
}

.pagination_link_current {
    font-weight: bold;
    text-decoration: underline;
}

.pagination_link_prev_arrow svg {
    transform: rotate(180deg);
}

.page404 #content #introBox {
    padding: 64px 0;
}

.block_slider_images {
    margin-top: 100px;
}

.single_slide {
    /* height: 100vh;
    max-height: 900px;
    min-height: 900px;
    margin-bottom: 24px;
    position: relative; */
    margin-top: 24px;
}

.single_slide_container {
    display: flex;
    flex-direction: row;
    justify-content: center;

}

.containerslider {
    position: relative;
}

.single_slide img {
    max-height: 70dvh;
    min-height: 70dvh;
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.button_slider_container {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    padding: 0 24px;
    pointer-events: none;
}

.button_slider {
    pointer-events: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: 0.2s;
}


.button_slider_left {
    position: absolute;
    left: 24px;
}

.button_slider_right {
    position: absolute;
    right: 24px;
}

.button_slider_container svg {
    mix-blend-mode: difference;
}

.button_slider_left svg {
    transform: rotate(180deg);
}

.button_slider_container .button_slider {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid;
    border-color: transparent;
    position: relative;
    transition: 0.2s;
}

.button_slider_container .button_slider::before {
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background-color: white;
    position: absolute;
    transform: translateY(0);
    transition: 0.2s;
}


.button_slider:hover {
    border-color: black;
}

.button_slider:hover::before {
    transform: translateY(-100%);
}

#five_circles_lotties {
    padding: 24px 0;
}



.schema_tags {
    max-width: var(--body);
    margin: 0 auto;

    padding: 64px var(--body-padding);
}

.schema_blocks_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--body-padding);
}

@media screen and (max-width: 1100px) {
    .schema_blocks_container {
        gap: calc(var(--body-padding) / 2);
    }
}

.schema_block {
    background-color: white;
    padding: 24px;
}

@media screen and (min-width: 1100px) {

    .schema_blocks_container {
        flex-direction: row;
    }

    .schema_block {
        width: 30%;
    }
}

@media screen and (max-width: 768px) {

    .schema_blocks_container {
        flex-direction: column;
    }

}

@media screen and (min-width: 1400px) {
    .schema_tags {
        padding-left: unset;
        padding-right: unset;
    }
}

.schema_block_title {
    font-size: 20px;
    line-height: 1.2;
    color: black;
    text-transform: uppercase;
    font-weight: 600;

    margin-bottom: 36px;
}

.schema_block_element {
    color: black;
    font-size: 18px;
    line-height: 1.66;
}

.schema_block_element::marker {
    color: var(--basic-light);
}

.schema_block_list {
    list-style: outside;
    list-style-type: disc;
}

.page_actions .bigActie h3 {
    color: var(--basic-light);
}

/*
.page_actions .actionItem a:hover {
    background-color: var(--basic-ultralight);
}
*/

.page_actions .lineTitle {
    border-top: solid 1px var(--basic-light);
}

.page_actions .lineTitle span {
    color: var(--basic-light);
}

.page_actions .bigActie a:hover {
    text-decoration-color: var(--basic-light);
}

.page_actions .bigActie .txtPartner .txtPad {
    color: var(--basic-light);
}

.page_actions .bigActie .btn {
    color: var(--basic-light);
    border-color: var(--basic-light);
}

#contactMap .row .col-md-6.contactInfoBox {
    padding: 36px 0;
}

.btnDownload {
    background-color: white;

    color: var(--text);
    text-transform: uppercase;
    width: fit-content;
    border-radius: 45px;
    padding: 16px 20px;
    border: 0px solid;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: block;

    margin-top: 36px;

    border: 2px solid;
    border-color: transparent;
    transition: .2s;
}

.btnDownload::before {
    content: "";
    background-color: black;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    transform: translateY(0);
    transition: .2s;
}

.btnDownload:hover {
    text-decoration: none;
    border-color: black;
}

.btnDownload_text {
    display: flex;
    flex-direction: row;
    gap: 36px;
    color: white;

    mix-blend-mode: difference;
}

.btnDownload:hover::before {
    transform: translateY(-100%);
}

.boxes-3cols-2lines {
    background: #97D4E6;
}

.boxes-3cols-2lines .title-h3 {
    font-weight: bold;
    font-size: 40px !important;
    max-width: 500px;
    padding-bottom: 30px;
}

@media screen and (max-width: 899px) {
    .boxes-3cols-2lines .title-h3 {
        font-size: 32px !important;
    }
}

.boxes-3cols-2lines .the-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 25px;
}

@media screen and (max-width: 1024px) {
    .boxes-3cols-2lines .the-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 25px;
    }
}

@media screen and (max-width: 899px) {
    .boxes-3cols-2lines .the-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 25px;
    }
}

.boxes-3cols-2lines .the-grid .box {
    padding: 25px;
}

.boxes-3cols-2lines .the-grid .box p {
    margin: 0 !important;
    padding: 0;
    width: 100% !important;
}

.boxes-3cols-2lines .the-grid .box p.subtitle {
    font-weight: bold;
    padding: 25px 0;
}

.boxes-3cols-2lines .the-grid .box.white-box {
    background: #fff;
}

.boxes-3cols-2lines .the-grid .box.blue-box {
    background: #D7F8FF;
}


.comparator-table {
    width: 70%;
    text-align: left;
    border-spacing: 20px;
    border-collapse: separate;
    margin-right: 0px;
    margin-left: auto;
    table-layout: fixed;
}

@media screen and (max-width: 1024px) {
    .comparator-table {
        width: 100%;
    }
}

@media screen and (max-width: 599px) {
    .comparator-table {
        border-spacing: 0;
    }
}

.comparator-table th {
    color: #000;
    font-weight: bold;
    font-size: 28px;
    padding-bottom: 25px;
}

@media screen and (max-width: 1024px) {
    .comparator-table th {
        font-size: 16px;
    }
}

.comparator-table td {
    border-top: 1px solid #000;
    padding-top: 15px;
    vertical-align: top;
    width: 50%;
}

@media screen and (max-width: 599px) {
    .comparator-table td {
        padding: 5px;
    }
}

.comparator-table td span {
    display: block;
}

.comparator-table td span.label {
    color: #000;
    font-weight: bold;
}

.comparator-table td span.value {
    font-size: 24px;
}

@media screen and (max-width: 1024px) {

    .comparator-table td span.value,
    .comparator-table td span.label {
        font-size: 14px;
    }
}

.sectionCarousel {
    background-color: #d7f8ff;
    overflow: hidden;
}

.sectionCarousel .swiper {
    overflow: visible;
}

.sectionCarousel .swiper-prev,
.sectionCarousel .swiper-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    display: flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 1);
    cursor: pointer;
    z-index: 1;
    border: 2px solid;
    border-color: #000;
    overflow: hidden;
}

.sectionCarousel .swiper-next {
    right: 0;
}

.sectionCarousel .swiper-prev:hover,
.sectionCarousel .swiper-next:hover {
    background-color: #000;
}

.sectionCarousel .swiper-prev:hover svg path,
.sectionCarousel .swiper-next:hover svg path {
    stroke: #fff;
}


.sectionCarousel .swiper-prev {

    transform: rotate(180deg);
    left: 0;
}

.sectionCarousel .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.link-to-video {
    position: relative;
}

.play-btn {
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -40px;
    left: 50%;
    margin-left: -40px;
    padding: 25px;
    width: 80px;
    height: 80px;
    border-radius: 9999px;
    background: rgba(255, 255, 255, .5);
}

.play-btn svg {
    max-width: 100%;
    height: auto;
    margin-left: 5px;
}



.video-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 1);
    justify-content: center;
    align-items: center;
}

.video-modal-content {
    position: relative;
    background: #000;
    border-radius: 8px;
    width: 400px;
    max-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.video-modal-content video {
    width: 100%;
    height: auto;
    max-height: 100%;
    border-radius: 4px;
}

.close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    background: white;
    color: black;
    border: none;
    font-size: 40px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 10;
}

/* Modal overlay */
.modal_promo {
    display: none;
    /* Hidden by default */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;

    background-color: rgb(0, 0, 0, 0.8);
}



/* Modal content */
.modal_promo-content {
    position: relative;
    padding: 20px;
    background: #fff;
    width: auto;
    /* au lieu de width: 100% */
    max-width: max-content;
    transform: translate(-50%, -50%);
    text-align: center;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Close button */
.modal_promo-content .close-button {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.modal_promo-content .close-button:hover {
    color: #000;
}

/* Form inputs */
.input-text {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #AB883E;
    border-radius: 4px;
    font-size: 16px;
}

/* Select dropdown */
#sectorType {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #AB883E;
    border-radius: 6px;
    font-size: 16px;
    background: #fff;
}

/* Submit button */
#downBtn {
    padding: 10px 20px;
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
}

#downBtn:hover {
    background-color: #0056b3;
}

.background_white .container,
.richtext .txtFull {
    max-width: var(--body);
    margin-left: auto;
    margin-right: auto;
}

#content .introboxTextContainer h1,
h2 {
    color: #000 !important;
    text-decoration: none !important;
}

#content .introboxTextContainer h3 {
    color: #000 !important;
    text-decoration: none !important;
    padding-top: 24px;
    font-size: 20px;
}

#content .introboxTextContainer p {
    width: 100%;
    margin-top: 24px;
    font-size: 18px;
    text-wrap: pretty;
}

#content .introboxTextContainer ul li {
    font-size: 18px;
}

#content .introboxTextContainer ul li::marker {
    display: none;
}

#content .introboxTextContainer h2 {
    padding-top: 24px;
    font-weight: bold;
}

#content .introboxTextContainer p:first-of-type {
    margin-top: 90px;
    font-size: 24px;
    position: relative;
    line-height: 1.5;
    color: var(--text);
    width: calc(100%* 0.667);
    font-weight: 400;
}

@media screen and (max-width: 900px) {
    #content .introboxTextContainer p:first-of-type {
        width: 100%;
    }
}

@media only screen and (max-width: 575px) {
    #content .introboxTextContainer p:first-of-type {
        font-size: 18px;
    }
}

.introboxTextContainer.seen_container {
    margin-top: 0px;
    padding-top: 0px !important;
}

/* Modal mobile */
@media only screen and (max-width: 1024px) {
    .modal_promo-content {
        position: relative;
        padding: 20px;
        background: #fff;
        width: auto;
        max-width: calc(100% - 32px);
        transform: translate(-50%, -50%);
        text-align: center;
        top: 50%;
        left: 50%;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

    .modal_promo {
        display: none;
        position: fixed;
        z-index: 1000;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: auto;
        height: auto;
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.8);
        border-radius: 10px;
    }

    #downloadForm,
    .actionContent {
        background-color: #fff;
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 24px;
        margin: 0px;
    }

    #downloadForm h3 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 25px;
    }

    .promo-button svg {
        margin-left: 24px;
    }

    /* Btn */
    #winkeltype {
        font-size: 16px;
    }

    #content .introboxTextContainer .text_seen {
        font-size: 16px;
    }
}

/* =====================================================================
   PDF responsive fixes — GitHub issues #3–#14 (2026-06-26)
   Tablet/mobile refinements from "aanpassingen/0-Frigomil voor dev.pdf".
   Kept as one appended block for review + highest cascade priority.
   NOTE: styles.min.css is the de-facto source (served via ?v= in
   inc/head.php). The gulp css sources are stale and would WIPE this
   block — do NOT run `gulp css`.
   ===================================================================== */

/* ---- #3 [PDF 2] Blokken: roomier text, no forced height (~1000px) ---- */
@media screen and (max-width: 1000px) {

    #content .section_textImage,
    #content .section_textImage:last-of-type {
        padding: 32px;
        min-height: unset;
    }
}

/* ---- #3 [PDF 2/3] Blokken: stack image above text, flush, wider text (~800px) ---- */
@media screen and (max-width: 800px) {

    #content .section_textImage {
        grid-template-columns: 100%;
        gap: 0;
        min-height: unset;
        margin-bottom: 0;
    }

    /* photo always above the text container, no gap between them */
    #content .section_textImage_left {
        flex-direction: column;
    }

    #content .section_textImage_left_image {
        position: relative;
        width: 100%;
        min-height: 400px;
        order: -1;
    }

    #content .section_textImage_left_textContainer {
        padding: 32px !important;
        min-height: unset;
    }

    /* titles + text max-width 580px (instead of 380px) */
    #content .section_textImage_title,
    #content .section_textImage_text,
    #content .section_textImage_text * {
        max-width: 580px;
    }

    /* tighter title / text / button spacing */
    #content .section_textImage_title {
        padding-bottom: 20px;
    }

    #content .section_textImage_text {
        padding-bottom: 24px;
    }

    #content .section_textImage_link_secondary {
        padding: 10px 20px;
    }

    /* #3 [PDF 4] Magazine block: same treatment */
    .right-block {
        min-height: unset;
    }

    .right-block p {
        max-width: 580px;
    }
}

/* ---- #4 [PDF 3] Homepage news: stack vertically (carousel disabled in home.php) ---- */
@media screen and (max-width: 900px) {

    .home #sections_news_list {
        grid-template-columns: 1fr;
    }
}

/* #4 + #9: less whitespace before the "Meer nieuws / Meer realisaties" button on mobile */
@media screen and (max-width: 768px) {

    #sections_news_list,
    .case_study_cards {
        margin-bottom: 60px;
    }
}

/* ---- #5 [PDF 4] Footer: center the single-column layout on mobile ---- */
@media screen and (max-width: 599px) {

    #footer .colquart {
        text-align: center;
    }

    #footer .colquart ul {
        list-style-position: inside;
        padding-left: 0;
    }
}

/* ---- #6 [PDF 5] Winkelinrichting: smaller step spacing on tablet + mobile ---- */
@media screen and (max-width: 1024px) {

    #content.winkelinrichting .introboxTextContainer p,
    #content.winkelinrichting .introboxTextContainer p:first-of-type,
    .winkelinrichtingpage #content .introboxTextContainer p,
    .winkelinrichtingpage #content .introboxTextContainer p:first-of-type {
        margin-top: 40px;
    }
}

/* ---- #6 + #8: intro body text 17px / line-height 1.5 on mobile (site-wide consistency) ---- */
@media screen and (max-width: 575px) {

    #content .introboxTextContainer p,
    #content .introboxTextContainer p:first-of-type {
        font-size: 17px;
        line-height: 1.5;
    }
}

/* ---- #7 [PDF 7] Koelmeubels: spacing between title and text ---- */
#partnerList .smallBox .txtPartner .txtPad h2,
#partnerList .largeBox .txtPartner .txtPad h2 {
    margin-bottom: 16px;
}

/* ---- #8 [PDF 8] Koelsystemen ---- */
/* section title "De grote voordelen van Frigomil" — tighter line-height on mobile */
@media screen and (max-width: 899px) {

    .boxes-3cols-2lines .title-h3 {
        line-height: 1.25;
    }
}

/* white/blue box subtitle — less room between subtitle and text */
.boxes-3cols-2lines .the-grid .box p.subtitle {
    padding-top: 10px;
    padding-bottom: 20px;
}

/* coloured container texts (Klassieke koeling / CO2 / Wat is de beste keuze) — 17px / 1.5 on mobile */
@media screen and (max-width: 575px) {

    .right-block-color p,
    .left-block-color p {
        font-size: 17px;
        line-height: 1.5;
    }
}

/* ---- #9 [PDF 9] Realisaties overview cards: 17px text, tighter bottom, arrow ~32px below text ---- */
@media screen and (max-width: 575px) {

    .case_study_card_text {
        font-size: 17px;
    }

    .case_study_card_content {
        height: auto;
        padding-bottom: 24px;
    }

    .case_study_card_bottom {
        margin: 32px 0 0;
    }
}

/* ---- #10 [PDF 10] Realisaties navigation: shrink so it fits the screen on mobile ---- */
@media screen and (max-width: 599px) {

    #winkeltype {
        font-size: 15px;
        padding: 12px 32px 12px 16px;
        max-width: 100%;
        width: 100%;
    }

    .section-case-studies-pagination {
        flex-wrap: wrap;
        gap: 8px;
        padding: 24px 0;
    }

    .pagination_link,
    .pagination_link_current {
        font-size: 15px;
    }
}

/* ---- #11 [PDF 11] Nieuws (+ Jobs) overview cards: match Realisaties card inset on mobile ---- */
@media screen and (max-width: 900px) {

    #sections_news_list {
        padding-left: calc(var(--body-padding) / 2);
        padding-right: calc(var(--body-padding) / 2);
    }
}

/* ---- #12 [PDF 11b] Nieuwsbericht (+ Jobs detail): bold title + 17px body text on mobile ---- */
.news_detail .txtFullContainer h1,
.job_detail .introBoxParent h1 {
    font-weight: 700;
}

@media screen and (max-width: 575px) {

    #content.news_detail .txtFull,
    #content.news_detail .txtFull p,
    #content.job_detail .txtFull,
    #content.job_detail .txtFull p {
        font-size: 17px;
    }
}

/* ---- #13 [PDF 12] Over Frigomil: title line-height matches other pages on mobile ---- */
@media screen and (max-width: 900px) {

    #content .section_introboxTextContainer h1,
    #content .section_introboxTextContainer h2,
    #content .section_introboxTextContainer h3,
    #content .section_introboxTextContainer h4,
    #content .section_introboxTextContainer h5,
    #content .section_introboxTextContainer h6 {
        line-height: 1.2;
    }
}

/* ---- #14 [PDF 12-contact] Contact: hide the duplicate logo on tablet/mobile ---- */
@media screen and (max-width: 900px) {

    #content .contact_image_container {
        display: none;
    }
}

/* Compensate for grayscale antialiasing thinning button strokes */
.btn,
button,
input.btn {
    font-weight: 500;
}

.primary_contact_button,
.more_about_link {
    font-weight: 400;
}

.btnmeernews_inside,
.submit_btn_inside,
.contactLinkheader,
.contactLink,
#content .block_style_1 .section_textImage_link_primary span,
#content .block_style_2 .section_textImage_link_primary span,
#content .block_style_1 .section_textImage_link_secondary span,
#content .block_style_2 .section_textImage_link_secondary span,
#newsletterBox form button {
    font-weight: 700;
}