/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */
@import url('../fonts/flama/stylesheet.css');

/* #Site Styles
================================================== */
/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: 'Flama', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; color: #2d383e; }
body { background: #fff; }
input,
select,
textarea { font-family: 'Flama', sans-serif; font-size: 16px; font-weight: 300; color: #2d383e; }
img { display: block; max-width: 100%; border: 0; }
ul,
li { list-style-position: outside; }
:focus { outline: none; }
a { display: inline-block; text-decoration: none; color: #2d383e; }
p { margin-bottom: 20px; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 25px; font-family: 'Flama', sans-serif; font-weight: 700; /* word-break: break-word; */ }
h1 { font-size: 108px; text-transform: uppercase; }
h2 { font-size: 38px; }
h3 { font-size: 32px; }
h4 { font-size: 25px; }
h5 { font-size: 21px; }
h6 { font-size: 16px; }

/* ### global buttons ### */
.button { padding: 10px 23px 12px; display: inline-block; font-weight: 700; text-transform: uppercase; text-decoration: none; color: #fff; border-radius: 4px; background-color: #009ee3; transition: all 0.3s; }
.button:after { margin-left: 34px; display: inline-block; font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 15px; font-weight: 500; vertical-align: middle; content: '\f061'; }
.button:hover { background-color: #94c21a; }

/* ### global classes ### */
.centered { padding-right: calc((100% - 1292px) / 2); padding-left: calc((100% - 1292px) / 2); }
.wrap { display: flex; flex-wrap: wrap; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow: hidden; }

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header container ### */
#headerCntr { padding-top: 23px; padding-bottom: 20px; position: relative; z-index: 5; width: 100%; }
#headerCntr .wrap { align-items: center; justify-content: space-between; }
#headerCntr .logo { width: 50%; }
#headerCntr .logo img { max-width: 100%; }
#headerCntr .button { margin-right: 8px; }
#headerCntr .button .d-phone { display: none; }

/* ### banner box ### */
.bannerBox { margin-top: -90px; padding-top: 146px; position: relative; min-height: 450px; }
.bannerBox h1 { position: relative; z-index: 1; color: #fff; }
.bannerBox .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.bannerBox .image img { width: 100%; height: 100%; object-fit: cover; }
.bannerBox .triangle { position: absolute; right: 0; bottom: -1px; }

/* ### welcome box ### */
.welcomeBox { margin-bottom: 59px; padding-top: 91px; position: relative; width: 100%; overflow: hidden; }
.welcomeBox h2 { margin-bottom: 39px; position: relative; display: none; font-size: 36px; text-align: center; }
.welcomeBox h2:after { position: absolute; top: 6px; right: 4px; width: 20px; height: 20px; background: url('../images/triangle-dark.svg') no-repeat; content: ''; }
.welcomeBox .wrap { justify-content: space-between; }
.welcomeBox .left { width: 23.5%; }
.welcomeBox .left h5 { margin: 0; padding: 18px 33px; color: #fff; background-color: #94c11a; }
.welcomeBox .left ul { padding: 36px 0 19px; list-style: none; background-color: #ebebeb; }
.welcomeBox .left ul > li { padding: 0 34px 13px; position: relative; }
.welcomeBox .left ul > li:after { margin-left: 7px; display: inline-block; font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 14px; color: #94c11a; vertical-align: middle; content: '\f061'; }
.welcomeBox .left ul > li > a { padding: 0; font-weight: 300; transition: all 0.3s; }
.welcomeBox .left ul > li > a.active,
.welcomeBox .left ul > li > a:hover { font-weight: 700; }
.welcomeBox .right { display: flex; flex-wrap: wrap; justify-content: space-between; width: 74.3%; }
.welcomeBox .content { margin-top: -4px; width: 66%; line-height: 1.6; }
.welcomeBox .content p:first-child { font-family: 'Flama Book', sans-serif; font-size: 20px; }
.welcomeBox .image { width: 31.9%; }
.welcomeBox .trangle-blue { position: absolute; top: -94px; left: -94px; width: 170px; height: 170px; background-color: #009fe3; transform: rotate(135deg); }
.welcomeBox .close-icon { position: absolute; top: 8px; right: 15px; display: none; font-size: 22px; color: #2d383e; }
.intro { margin-top: -4px; width: 100%; line-height: 1.6; }
.intro p:first-child { font-family: 'Flama Book', sans-serif; font-size: 20px; }
.intro a { text-decoration: underline; }

/* ### members box ### */
.membersBox { margin-bottom: 79px; width: 100%; }
.membersBox h2 { margin-bottom: 41px; position: relative; text-transform: uppercase; }
.membersBox h2:after { position: absolute; top: 6px; right: 4px; width: 20px; height: 20px; background: url('../images/triangle-dark.svg') no-repeat; content: ''; }
.membersBox .holder { margin: 0 -20px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.membersBox .column { padding: 0 20px; width: 18%; }
.membersBox .item { width: 100%; }
.membersBox .item .title { font-family: 'Flama', sans-serif; font-size: 80px; font-weight: 700; line-height: 0.85; text-transform: uppercase; color: #009ee3; }
.membersBox .item .subtitle { font-size: 21px; text-transform: uppercase; }
.membersBox .column:nth-child(2n) { width: 27%; }
.membersBox .column:nth-child(2n) .title { color: #2d383e; }
.membersBox .column:nth-child(3n) { width: 23%; }
.membersBox .column:nth-child(3n) .title { color: #00a19a; }
.membersBox .column:nth-child(4n) { width: 18%; }
.membersBox .column:nth-child(4n) .title { color: #ec6704; }

/* ### numbers box ### */
.numbersBox { padding-top: 77px; padding-bottom: 42px; position: relative; z-index: 1; width: 100%; background-color: #f2f2f2; }
.numbersBox .number-wrap { width: 100%; }
.numbersBox .block { margin-bottom: 29px; display: flex; justify-content: space-between; width: 100%; }
.numbersBox h5 { margin-bottom: 20px; text-transform: uppercase; color: #009ee3; }
.numbersBox h5.hide { color: transparent; }
.numbersBox .left-box { width: 23.5%; }
.numbersBox .right-box { width: 66.3%; }
.numbersBox .left-box .left { margin-bottom: 29px; width: 100%; }
.numbersBox .right-box .right { margin-bottom: 29px; width: 100%; }
.numbersBox .right-box h5 { margin-bottom: 13px; }
.numbersBox .left { width: 23.5%; }
.numbersBox .box { margin-bottom: 8px; padding: 13px 25px; width: 100%; height: 50px; font-family: 'Flama Book', sans-serif; font-weight: 400; background-color: #fff; }
.numbersBox .right { width: 66.3%; }
.numbersBox .holder { margin: 0 -12px; display: flex; }
.numbersBox .column { padding: 0 12px; width: 27%; text-align: right; }
.numbersBox .column:first-child h5 { color: #009ee3; }
.numbersBox .column h5 { margin-bottom: 15px; padding: 5px 35px 0 20px; font-weight: 400; color: #2d383e; }
.numbersBox .column .box { padding: 13px 35px 13px 10px; font-family: 'Flama', sans-serif; }
.numbersBox h5.green { color: #94c11a; }
.numbersBox h5.cyan { color: #00a19a; }
.numbersBox .triangle-green { position: absolute; right: 0; bottom: 0; z-index: -1; }
.numbersBox.inner { padding-top: 98px; padding-bottom: 65px; background-color: #00a19a; }
.numbersBox.d-phone { display: none; }
.numbersBox.inner h2 { margin-bottom: 65px; padding-right: 50%; position: relative; line-height: 1; text-transform: uppercase; color: #fff; }
.numbersBox.inner h2:after { position: absolute; top: 6px; right: 4px; width: 20px; height: 20px; background: url('../images/triangle-white.svg') no-repeat; content: ''; }
.numbersBox.inner h5 { color: #fff; }
.numbersBox.inner .column:first-child h5 { color: #fff; }
.numbersBox.inner h4 { color: #fff; }
.numbersBox.inner .intro { color: #fff; }
.numbersBox.inner .intro a { color: #fff; }

/* .numbersBox .slick-arrow { position: absolute; top: 0; right: -15px; z-index: 1; opacity: 0; font-family: 'Flama', sans-serif; font-size: 20px; font-weight: 300; color: #2d383e; border: 0; background-color: transparent; }
.numbersBox .slick-arrow:after { margin-left: 10px; display: inline-block; font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 12px; font-weight: 700; color: #fff; vertical-align: middle; content: '\f061'; }
.numbersBox .slick-arrow.slick-disabled { font-weight: 700; }
.numbersBox.inner .slick-arrow { color: #fff; }
.numbersBox.inner .slick-arrow.slick-next:after { color: #fff; }
.numbersBox .slick-arrow.active { opacity: 1; font-weight: 700; }
.numbersBox.first .slick-arrow.active { color: #009fe3; } */

/* ### distribution box ### */
.distributionBox { position: relative; width: 100%; }
.distributionBox .fixed-top { transition: all 0.3s; }
.distributionBox .fixed-content { position: fixed; top: 0; right: 0; left: 0; z-index: 3; }
.distributionBox h2 { margin-bottom: 54px; position: relative; text-transform: uppercase; }
.distributionBox h2.d-phone { display: none; }
.distributionBox h2:after { position: absolute; top: 6px; right: 4px; width: 20px; height: 20px; background: url('../images/triangle-dark.svg') no-repeat; content: ''; }
.distributionBox .nav-tabs { padding-top: 41px; padding-bottom: 38px; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; list-style: none; background-color: #009ee3; }
.distributionBox .nav-tabs > li { padding-right: 42px; }
.distributionBox .nav-tabs > li > a { color: #fff; }
.distributionBox .nav-tabs > li > a.active { font-weight: 700; }
.distributionBox .nav-tabs > li:last-child { padding-right: 0; }
.distributionBox .tab-box { margin-bottom: 35px; order: 1; width: 100%; }
.distributionBox .tab-content { padding: 73px 110px; width: 100%; }

/* .distributionBox .holder { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; } */
.distributionBox .left { width: 52.4%; }
.distributionBox .left.events { width: 95%; }
.distributionBox .box { display: flex; flex-wrap: wrap; width: 100%; }
.distributionBox .graph { margin: 27px 0 44px; position: relative; max-width: 303px; height: 312px; overflow: hidden; }

/* .distributionBox .graph:before { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; border-radius: 50%; background: #e2e3e4; transform: translate(-50%, -50%); content: ''; z-index: -1; } */
.distributionBox .item { margin-bottom: 30px; width: 48%; }
.distributionBox .item .title { font-size: 80px; font-weight: 700; line-height: 0.9; color: #009ee3; }
.distributionBox .item .sub-title { width: 80%; font-size: 21px; font-weight: 700; line-height: 1.3; text-transform: uppercase; color: #2d383e; /* word-break: break-all; */ }

/* .distributionBox .slick-list { margin: 0 -70px; }
.distributionBox .slide { padding: 0 70px; } */
.distributionBox .item:nth-child(2n) .title { color: #94c11a; }
.distributionBox .item:nth-child(3n) .title { color: #00a19a; }
.distributionBox .item:nth-child(4n) .title { color: #2d383e; }
.distributionBox .right-side .item { width: 50%; }
.distributionBox .right-side .item .title { font-weight: 300; }
.distributionBox .right-side .item .sub-title { width: 100%; font-weight: 300; color: rgba(45, 56, 62, 0.7); }
.distributionBox .right-side .item:first-child .title { color: #5a676e; }
.distributionBox .right-side .item:nth-child(2n) .title { color: rgba(96, 96, 96, 0.7); }
.distributionBox .right-side .item:nth-child(3n) .title { color: rgba(0, 0, 0, 0.7); }
.distributionBox .right-side .item:nth-child(4n) .title { color: rgba(45, 56, 62, 0.7); }
.distributionBox .item:nth-last-child(-n+2) { margin-bottom: 0; }

/* .distributionBox .right { width: 47%; } */
.distributionBox .right .right-side { margin-left: 85px; width: 100%; }
.distributionBox .right h3 { padding-left: 32px; font-weight: 300; filter: grayscale(1); }
.distributionBox .right .graph { opacity: 0.75; }
.distributionBox .right .item { width: 45%; }
.distributionBox .right .box { justify-content: space-between; }
.distributionBox .right .item .title { font-weight: 300; color: #5a676e; }
.distributionBox .right .item .sub-title { width: 100%; font-weight: 300; color: #5a676e; }
.distributionBox .right .item:nth-child(2n) .title { font-weight: 300; color: #5a676e; }
.distributionBox .right .item:nth-child(3n) .title { font-weight: 300; color: #5a676e; }
.distributionBox .right .item:nth-child(4n) .title { font-weight: 300; color: #5a676e; }
.distributionBox .image { position: relative; order: 2; width: 100%; height: 388px; overflow: hidden; }
.distributionBox .image img { width: 100%; height: 100%; object-fit: cover; }
.distributionBox .triangle { position: absolute; bottom: 0; left: 0; }
.distributionBox .triangle img { width: 613px; height: 613px; transform: rotate(-270deg); }
.distributionBox.inner { padding-top: 75px; padding-bottom: 80px; background-color: #fff; }
.distributionBox.inner:after { position: absolute; top: 0; right: 0; bottom: 0; width: 50%; height: 100%; background-color: #009ee3; content: ''; }
.distributionBox.inner .holder { position: relative; z-index: 2; }
.distributionBox.inner h3 { margin-bottom: 38px; }
.distributionBox.inner .right h3 { padding-left: 0; }

/* .distributionBox.inner .right .item .title { color: #fff; }
.distributionBox.inner .right .item .sub-title { color: #fff; } */
.distributionBox.inner .item { margin-bottom: 69px; }
.distributionBox.inner .left .item:nth-child(2) .title { color: #00a19a; }
.distributionBox.inner .left .item:nth-child(3) .title { color: #94c11a; }
.distributionBox.inner .left .item:nth-child(4) .title { color: #ec6704; }

/* ### employ box ### */
.employBox { padding-top: 59px; padding-bottom: 95px; width: 100%; }
.employBox h2 { margin-bottom: 54px; position: relative; text-transform: uppercase; }
.employBox h2:after { position: absolute; top: 6px; right: 4px; width: 20px; height: 20px; background: url('../images/triangle-dark.svg') no-repeat; content: ''; }
.employBox .block { margin-left: 110px; width: 74.5%; }
.employBox .column { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.employBox .left { width: 49%; }
.employBox h4 { margin-bottom: 38px; font-size: 32px; }
.employBox .slide .left,
.employBox .slide .right { width: 100%; }
.employBox .slide .right { left: 27%; }
.employBox .item { margin-bottom: 41px; width: 100%; }
.employBox .title { font-size: 80px; font-weight: 700; line-height: 0.9; color: #009ee3; }
.employBox .sub-title { width: 100%; font-size: 21px; font-weight: 700; line-height: 1.34; text-transform: uppercase; color: #009ee3; }
.employBox .sub-title span { display: block; width: 100%; color: #2d383e; }
.employBox.first .left .item:nth-child(3) .title,
.employBox.first .left .item:nth-child(3) .sub-title { color: #94c11a; }
.employBox.first .left .item:nth-child(4) .title,
.employBox.first .left .item:nth-child(4) .sub-title { color: #00a19a; }
.employBox .item:nth-child(4n) .title { color: #fff; }
.employBox .item:nth-child(4n) .sub-title { color: #fff; }
.employBox .item:nth-child(5n) .title { color: #00a19a; }
.employBox .item:nth-child(5n) .sub-title { color: #00a19a; }
.employBox .right { width: 31.9%; }
.employBox .right h4 { font-weight: 300; }
.employBox .right .title { font-weight: 300; color: #7e8d95; }
.employBox .right .sub-title { font-weight: 300; color: #7e8d95; }
.employBox .right .sub-title span { color: #7e8d95; }
.employBox .right .item:nth-child(3n) .title { color: #7e8d95; }
.employBox .right .item:nth-child(3n) .sub-title { color: #7e8d95; }
.employBox .right .item:nth-child(4n) .title { color: #7e8d95; }
.employBox .right .item:nth-child(4n) .sub-title { color: #7e8d95; }
.employBox .right .item:nth-child(4n) .sub-title span { color: #7e8d95; }
.employBox.inner { padding-top: 82px; padding-bottom: 77px; }
.employBox.inner .item { margin-bottom: 0; }
.employBox.inner .block,
.employBox.inner-1 .block { margin-left: 220px; }
.employBox.inner .right,
.employBox.inner-1 .right { width: 42.9%; }
.employBox.inner-1 .right.arbeidsomstandigheden { width: 50%; }
.employBox.inner-1 { padding-top: 90px; padding-bottom: 37px; background-color: #00a19a; }
.employBox .d-phone { display: none; }
.employBox.inner-1 h2 { display: block; line-height: 1.1; color: #fff; }
.employBox.inner-1 h2:after { background: url('../images/triangle-white.svg') no-repeat; }
.employBox.inner-1 h2 span { display: block; }
.employBox.inner-1 h2.d-phone { display: none; }
.employBox.inner-1 h4 { color: #fff; }
.employBox.inner-1 .title { color: #fff; }
.employBox.inner-1 .sub-title { color: #fff; }
.employBox.inner-1 .sub-title span { color: #fff; }
.employBox.inner-1 .right .item:nth-child(3n) .title,
.employBox.inner-1 .right .item:nth-child(3n) .sub-title { color: #fff; }
.employBox.inner-1 .phoneBox li a { color: #fff; }
.employBox.inner-1 .phoneBox .tabs li:first-child a:before,
.employBox.inner-1 .phoneBox .tabs li:last-child a:after { color: #fff; }
.employBox.block .left .title { color: #00a19a; }
.employBox.block .left .sub-title { color: #2d383e; }
.employBox .slick-list { margin: 0 -150px; }
.employBox .slide { padding: 0 150px; }
.employBox .slide.graph4 { padding: 0 28px; }
.employBox .slick-arrow { position: absolute; top: 0; z-index: 1; font-family: 'Flama', sans-serif; font-size: 20px; font-weight: 300; color: #2d383e; border: 0; background-color: transparent; }
.employBox .slick-arrow.slick-prev { left: 0; }
.employBox .slick-arrow.slick-next { right: 0; }
.employBox .slick-arrow.slick-next:after { margin-left: 10px; display: inline-block; font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 12px; font-weight: 700; color: #2d383e; vertical-align: middle; content: '\f061'; }
.employBox .slick-arrow.slick-disabled { font-size: 32px; font-weight: 700; }
.employBox.inner-1 .slick-arrow { color: #fff; }
.employBox.inner-1 .slick-arrow.slick-next:after { color: #fff; }
.employBox.inner-1 .intro { color: #fff; }
.employBox.inner-1 .intro a { color: #fff; }

/* ### demand box ### */
.demandBox { padding-top: 3px; padding-bottom: 3px; background-color: #f2f2f2; overflow: hidden; }
.demandBox .wrap { align-items: center; }
.demandBox .left { padding-right: 23px; width: 59.2%; }
.demandBox .right { margin-right: -76px; position: relative; width: calc(40.8% + 76px); }
.demandBox .triangle { position: absolute; bottom: 0; left: 0; }
.demandBox h2 { margin-bottom: 45px; position: relative; text-transform: uppercase; }
.demandBox h2:after { position: absolute; top: 14px; right: 4px; width: 20px; height: 20px; background: url('../images/triangle-dark.svg') no-repeat; content: ''; }
.demandBox h5 { margin-bottom: 34px; padding-right: 34px; }
.demandBox .column { margin: 0 -12px; display: flex; flex-wrap: wrap; }
.demandBox .item-1 { width: 42%; }
.demandBox .item-2 { width: 58%; }
.demandBox .phone-scroll { display: flex; flex-wrap: wrap; }
.demandBox .phone-scroll .item { width: 50%; }
.demandBox .item { padding: 0 12px; width: 100%; }
.demandBox .item.aantal { padding: 0 5px; width: 100%; }
.demandBox .item-1 .item .box { padding: 13px 15px 13px 30px; font-weight: 300; }
.demandBox .item-2 .item:first-child h5 { color: #009ee3; }
.demandBox .item:last-child h5 { font-weight: 300; }
.demandBox .item-2 .item { text-align: right; }
.demandBox .box { margin-bottom: 8px; padding: 13px 35px 13px 10px; width: 100%; height: 50px; font-weight: 300; background-color: #fff; }
.demandBox .box.double{ margin-bottom: 8px; padding: 13px 35px 13px 10px; width: 100%; height: 75px; font-weight: 300; background-color: #fff; }
.demandBox .right img { margin-left: auto; width: 100%; }
.demandBox .incassodienst { width: 70%; }
.demandBox.inner { padding-top: 93px; padding-bottom: 100px; position: relative; background-color: #ec6704; }
.demandBox.inner .triangle { position: absolute; top: -1px; right: -1px; bottom: auto; left: auto; transform: rotate(-90deg); }
.demandBox.inner .triangle img { width: 504px; }
.demandBox.inner h2 { color: #fff; }
.demandBox.inner h2:after { background: url('../images/triangle-white.svg') no-repeat; }
.demandBox.inner h5 { color: #fff; }
.demandBox.inner .item-2 .item:first-child h5 { color: #fff; }
.demandBox.inner-1 { padding-top: 70px; padding-bottom: 75px; }
.demandBox.inner-1 .column { margin-left: 208px; width: 80%; }
.demandBox.inner-1 h5,
.demandBox.inner-1 .item-2 .item:first-child h5 { font-weight: 700; color: #00a19a; }
.demandBox.inner-1 .item-2 .item:last-child h5 { font-weight: 400 !important; color: #2d383e; }
.demandBox.inner-1 .item:first-child h5 { padding-right: 0; }
.demandBox.inner-1 h5 { margin-bottom: 20px; font-weight: 700 !important; color: #00a19a; }
.demandBox.inner-1 .group { max-width: 305px; }
.demandBox.inner .intro { color: #fff; }
.demandBox.inner .intro a { color: #fff; }

/* .demandBox.inner-1 .slick-arrow { display: none !important; }
.demandBox .slick-arrow:after { margin-left: 10px; display: inline-block; font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 12px; font-weight: 700; color: #2d383e; vertical-align: middle; content: '\f061'; }
.demandBox .slick-arrow { position: absolute; top: 0; right: 10px; z-index: 1; opacity: 0; font-family: 'Flama', sans-serif; font-size: 20px; font-weight: 300; color: #2d383e; border: 0; background-color: transparent; }
.demandBox .slick-arrow.active { opacity: 1; font-weight: 700; }
.demandBox.inner .slick-arrow,
.demandBox.inner .slick-arrow:after { color: #fff; } */

/* ### energy box ### */
.energyBox { padding-top: 97px; padding-bottom: 60px; background-color: #f2f2f2; }
.energyBox h2 { margin-bottom: 51px; position: relative; text-transform: uppercase; }
.energyBox h2:after { position: absolute; top: 14px; right: 4px; width: 20px; height: 20px; background: url('../images/triangle-dark.svg') no-repeat; content: ''; }
.energyBox h4 { margin-bottom: 38px; font-size: 32px; }
.energyBox .wrap { margin: 0 -10px; }
.energyBox .item { margin-bottom: 10px; padding: 0 10px; width: 25%; }
.energyBox .item .title { font-size: 80px; font-weight: 700; line-height: 0.9; color: #009ee3; }
.energyBox .sub-title { width: 100%; font-size: 21px; font-weight: 700; line-height: 1.34; text-transform: uppercase; color: #2d383e; }
.energyBox .sub-title span { display: block; width: 100%; }
.energyBox .tab-text:first-child .item .title { font-weight: 700; color: #009fe3; }
.energyBox .tab-text:first-child .item .sub-title { font-weight: 700; color: #2d383e; }
.energyBox .tab-text:first-child .item .sub-title span { color: #2d383e; }
.energyBox .tab-text:first-child .item:nth-child(2) .title { color: #2d383e; }
.energyBox .tab-text:first-child .item:nth-child(3) .title,
.energyBox .tab-text:first-child .item:nth-child(5) .title { color: #94c11a; }
.energyBox .tab-text:first-child .item:nth-child(4) .title { color: #ec6704; }
.energyBox .tab-text:first-child .item:nth-child(7) .title { color: #00a19a; }
.energyBox .first .item:nth-child(2) .title { color: #2d383e; }
.energyBox .first .item:nth-child(3) .title,
.energyBox .first .item:nth-child(5) .title { color: #94c11a; }
.energyBox .first .item:nth-child(4) .title { color: #ec6704; }
.energyBox .first .item:nth-child(7) .title { color: #00a19a; }
.energyBox .js-energy-slider { display: none; }
.energyBox .second:last-child { padding-top: 47px; }
.energyBox .second h4 { font-weight: 300; color: #2d383e; }
.energyBox .second .title { font-weight: 300; color: #7e8d95; }
.energyBox .second .sub-title { font-weight: 300; color: #7e8d95; }
.energyBox .second .sub-title span { display: inline-block; color: #7e8d95; }
.energyBox .slick-arrow { position: absolute; top: 0; z-index: 1; font-family: 'Flama', sans-serif; font-size: 20px; font-weight: 300; color: #2d383e; border: 0; background-color: transparent; }
.energyBox .slick-arrow.slick-prev { left: 0; }
.energyBox .slick-arrow.slick-next { right: 0; }
.energyBox .slick-arrow.slick-next:after { margin-left: 10px; display: inline-block; font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 12px; font-weight: 700; color: #2d383e; vertical-align: middle; content: '\f061'; }
.energyBox .slick-arrow.slick-disabled { font-size: 32px; font-weight: 700; }


/* ### image box ### */
.imageBox { position: relative; overflow: hidden; }
.imageBox img { width: 100%; height: 520px; object-fit: cover; object-position: center center; }
.imageBox .triangle { position: absolute; bottom: 0; left: 0; transform: rotate(-270deg); }
.imageBox .triangle img { width: 526px; height: 526px; object-position: inherit; object-fit: inherit; }

/* ### timeline box ### */
.timelineBox { padding-top: 75px; padding-bottom: 104px; position: relative; background-color: #f2f2f2; }
.timelineBox .wrap { position: relative; z-index: 1; justify-content: space-between; }
.timelineBox .left { padding-right: 15px; }
.timelineBox .right { padding-left: 15px; }
.timelineBox h2 { margin-bottom: 51px; position: relative; display: none; text-align: center; text-transform: uppercase; }
.timelineBox h2:after { position: absolute; top: 14px; right: 4px; width: 20px; height: 20px; background: url('../images/triangle-dark.svg') no-repeat; content: ''; }
.timelineBox h3 { margin-bottom: 54px; width: 100%; text-align: center; text-transform: uppercase; }
.timelineBox .item { display: flex; flex-wrap: wrap; align-items: center; max-width: 500px; }
.timelineBox .box { padding-right: 20px; padding-bottom: 185px; position: relative; border-right: 3px solid #7e8d95; }
.timelineBox .box:last-child { padding-bottom: 185px; border-right: 3px solid #7e8d95; }
.timelineBox .box:nth-child(2) .title,
.timelineBox .box:nth-child(4) .title { color: #ec6704; }
.timelineBox .sub-title { font-size: 18px; font-weight: 700; text-transform: uppercase; color: #2d383e; }
.timelineBox .title { font-size: 48px; font-weight: 700; line-height: 1; text-transform: uppercase; color: #009ee3; }
.timelineBox .title .van { display: block; font-size: 21px; color: #2d383e; }
.timelineBox .left .box:first-child .title .van { color: #009fe3; }
.timelineBox .left .right-content .box:first-child .van { color: #2d383e; }
.timelineBox .timeline { width: 50%; }
.timelineBox .timeline:last-child { border-right: 0; }
.timelineBox .circle { position: absolute; top: 0; right: -16px; width: 31px; height: 31px; border-radius: 50%; background-color: #009ee3; }
.timelineBox .orange { background-color: #ec6704; }
.timelineBox .green { background-color: #94c11a; }
.timelineBox .light-green { background-color: #00a19a; }
.timelineBox .right-content .box { padding-right: 0; padding-left: 45px; border-right: 0; }
.timelineBox .right-content .box:nth-child(1) .title,
.timelineBox .right-content .box:nth-child(3) .title { color: #94c11a; }
.timelineBox .right-content .box:nth-child(2) .title,
.timelineBox .right-content .box:nth-child(4) .title { color: #00a19a; }
.timelineBox .right-content .circle { right: auto; left: -16px; }
.timelineBox .right .item { margin-left: auto; }
.timelineBox .right h3 { font-weight: 300; }
.timelineBox .right .box:nth-child(2) .title,
.timelineBox .right .box:nth-child(4) .title { color: #7e8d95; }
.timelineBox .right .box:nth-child(1),
.timelineBox .right .box:nth-child(2),
.timelineBox .right .box:nth-child(3),
.timelineBox .left .box:nth-child(1),
.timelineBox .left .box:nth-child(2),
.timelineBox .left .box:nth-child(3) { padding-bottom: 135px; }
.timelineBox .right .box:nth-child(4),
.timelineBox .left .box:nth-child(4) { padding-bottom: 284px; }
.timelineBox .right .sub-title { font-weight: 300; color: #7e8d95; }
.timelineBox .right .title { font-weight: 300; color: #7e8d95; }
.timelineBox .right .title .van { color: #7e8d95; }
.timelineBox .right .circle { background-color: #7e8d95; }
.timelineBox .right .right-content .box:nth-child(1) .title,
.timelineBox .right .right-content .box:nth-child(3) .title { color: #7e8d95; }
.timelineBox .right .right-content .box:nth-child(4),
.timelineBox .left .right-content .box:nth-child(4) { padding-bottom: 50px; }
.timelineBox .triangle { position: absolute; right: 0; bottom: 0; }
.timelineBox .triangle img { width: 277px; height: 277px; }
.timelineBox .slick-arrow { position: absolute; top: 0; z-index: 1; font-family: 'Flama', sans-serif; font-size: 20px; font-weight: 300; color: #2d383e; border: 0; background-color: transparent; }
.timelineBox .slick-arrow.slick-prev { left: 0; }
.timelineBox .slick-arrow.slick-next { right: 0; }
.timelineBox .slick-arrow.slick-next:after { margin-left: 10px; display: inline-block; font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 12px; font-weight: 700; color: #2d383e; vertical-align: middle; content: '\f061'; }
.timelineBox .slick-arrow.slick-disabled { font-size: 32px; font-weight: 700; }
.timeline.right-content.latest{padding-bottom:25px;}

/* ### publication box ### */
.publicationBox { padding-top: 82px; }
.publicationBox .wrap.second { padding-top: 47px; }
.publicationBox h2.d-phone { display: none; }
.publicationBox h2 { margin-bottom: 19px; position: relative; text-transform: uppercase; }
.publicationBox h2:after { position: absolute; top: 6px; right: 8px; width: 20px; height: 20px; background: url('../images/triangle-dark.svg') no-repeat; content: ''; }
.publicationBox h3 { margin-bottom: 13px; }
.publicationBox .left { padding-top: 9px; padding-right: 20px; width: 17%; }
.publicationBox .right { width: 83%; }
.publicationBox .left li { margin-right: 12px; display: inline-block; font-size: 27px; color: #94c11a; list-style: none; }
.publicationBox .wrap.second .left li { margin-right: 3px; font-size: 32px; line-height: 1.2; }
.publicationBox .left li:last-child { margin-right: 0; color: #2d383e; }

/* .publicationBox .links { width: 50%; } */
.publicationBox .links ul > li { margin-bottom: 3px; list-style: none; }
.publicationBox .links ul > li:last-child { margin-bottom: 0; }
.publicationBox .links ul > li:after { margin-left: 15px; display: inline-block; font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 19px; font-weight: 500; color: #94c11a; vertical-align: middle; content: '\f061'; }
.publicationBox .links ul > li > a { padding: 0; font-size: 18px; font-weight: 300; }
.publicationBox .links ul > li.active > a,
.publicationBox .links ul > li > a:hover { font-weight: 700; }
.publicationBox .links:last-child h3 { font-weight: 300; }
.publicationBox .slick-arrow { position: absolute; top: 0; z-index: 1; font-family: 'Flama', sans-serif; font-size: 20px; font-weight: 300; color: #2d383e; border: 0; background-color: transparent; }
.publicationBox .slick-arrow.slick-prev { left: 0; }
.publicationBox .slick-arrow.slick-next { right: 0; }
.publicationBox .slick-arrow.slick-next:after { margin-left: 10px; display: inline-block; font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 12px; font-weight: 700; color: #2d383e; vertical-align: middle; content: '\f061'; }
.publicationBox .slick-arrow.slick-disabled { font-size: 32px; font-weight: 700; }
.publicationBox .slide { padding: 75px 0 0; }

/* .innovatieBox */
.innovatie  ul > li { margin-bottom: 3px;  font-size: 20px; font-weight: 300;  }
.innovatie ul > li:last-child { margin-bottom: 0; }

/* ### employ box ### */
.innoBox { padding-top: 59px; padding-bottom: 95px; width: 100%; }
.innoBox h2 { margin-bottom: 54px; position: relative; text-transform: uppercase; }
.innoBox h2:after { position: absolute; top: 6px; right: 4px; width: 20px; height: 20px; background: url('../images/triangle-dark.svg') no-repeat; content: ''; }
.innoBox .block { margin-left: 110px; width: 74.5%; }
.innoBox .column { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.innoBox .left { width: 49%; }
.innoBox h4 { margin-bottom: 38px; font-size: 32px; }
.innoBox .slide .left,
.innoBox .slide .right { width: 100%; }
.innoBox .slide .right { left: 27%; }
.innoBox .item { margin-bottom: 41px; width: 100%; }
.innoBox .title { font-size: 80px; font-weight: 700; line-height: 0.9; color: #009ee3; }
.innoBox .sub-title { width: 100%; font-size: 21px; font-weight: 700; line-height: 1.34; text-transform: uppercase; color: #009ee3; }
.innoBox .sub-title span { display: block; width: 100%; color: #2d383e; }
.innoBox.first .left .item:nth-child(3) .title,
.innoBox.first .left .item:nth-child(3) .sub-title { color: #94c11a; }
.innoBox.first .left .item:nth-child(4) .title,
.innoBox.first .left .item:nth-child(4) .sub-title { color: #00a19a; }
.innoBox .item:nth-child(4n) .title { color: #fff; }
.innoBox .item:nth-child(4n) .sub-title { color: #fff; }
.innoBox .item:nth-child(5n) .title { color: #00a19a; }
.innoBox .item:nth-child(5n) .sub-title { color: #00a19a; }
.innoBox .right { width: 31.9%; }
.innoBox .right h4 { font-weight: 300; }
.innoBox .right .title { font-weight: 300; color: #7e8d95; }
.innoBox .right .sub-title { font-weight: 300; color: #7e8d95; }
.innoBox .right .sub-title span { color: #7e8d95; }
.innoBox .right .item:nth-child(3n) .title { color: #7e8d95; }
.innoBox .right .item:nth-child(3n) .sub-title { color: #7e8d95; }
.innoBox .right .item:nth-child(4n) .title { color: #7e8d95; }
.innoBox .right .item:nth-child(4n) .sub-title { color: #7e8d95; }
.innoBox .right .item:nth-child(4n) .sub-title span { color: #7e8d95; }
.innoBox.inner { padding-top: 82px; padding-bottom: 77px; }
.innoBox.inner .item { margin-bottom: 0; }
.innoBox.inner .block,
.innoBox.inner-1 .block { margin-left: 220px; }
.innoBox.inner .right,
.innoBox.inner-1 .right { width: 42.9%; }
.innoBox.inner-1 .right.arbeidsomstandigheden { width: 50%; }
.innoBox.inner-1 { padding-top: 90px; padding-bottom: 37px; background-color: #ec6704; }
.innoBox .d-phone { display: none; }
.innoBox.inner-1 h2 { display: block; line-height: 1.1; color: #fff; }
.innoBox.inner-1 h2:after { background: url('../images/triangle-white.svg') no-repeat; }
.innoBox.inner-1 h2 span { display: block; }
.innoBox.inner-1 h2.d-phone { display: none; }
.innoBox.inner-1 h4 { color: #fff; }
.innoBox.inner-1 .title { color: #fff; }
.innoBox.inner-1 .sub-title { color: #fff; }
.innoBox.inner-1 .sub-title span { color: #fff; }
.innoBox.inner-1 .right .item:nth-child(3n) .title,
.innoBox.inner-1 .right .item:nth-child(3n) .sub-title { color: #fff; }
.innoBox.inner-1 .phoneBox li a { color: #fff; }
.innoBox.inner-1 .phoneBox .tabs li:first-child a:before,
.innoBox.inner-1 .phoneBox .tabs li:last-child a:after { color: #fff; }
.innoBox.block .left .title { color: #00a19a; }
.innoBox.block .left .sub-title { color: #2d383e; }
.innoBox .slick-list { margin: 0 -150px; }
.innoBox .slide { padding: 0 150px; }
.innoBox .slide.graph4 { padding: 0 28px; }
.innoBox .slick-arrow { position: absolute; top: 0; z-index: 1; font-family: 'Flama', sans-serif; font-size: 20px; font-weight: 300; color: #2d383e; border: 0; background-color: transparent; }
.innoBox .slick-arrow.slick-prev { left: 0; }
.innoBox .slick-arrow.slick-next { right: 0; }
.innoBox .slick-arrow.slick-next:after { margin-left: 10px; display: inline-block; font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 12px; font-weight: 700; color: #2d383e; vertical-align: middle; content: '\f061'; }
.innoBox .slick-arrow.slick-disabled { font-size: 32px; font-weight: 700; }
.innoBox.inner-1 .slick-arrow { color: #fff; }
.innoBox.inner-1 .slick-arrow.slick-next:after { color: #fff; }
.innoBox.inner-1 .intro { color: #fff; }
.innoBox.inner-1 .intro a { color: #fff; }

/* ### social box ### */
.socialBox { padding-top: 77px; padding-bottom: 61px; }
.socialBox h2 { margin-bottom: 54px; position: relative; text-transform: uppercase; }
.socialBox h2:after { position: absolute; top: 6px; right: 8px; width: 20px; height: 20px; background: url('../images/triangle-dark.svg') no-repeat; content: ''; }
.socialBox .gap { margin-left: 220px; width: 84%; }
.socialBox h3 { margin-bottom: 19px; }
.socialBox .right h3 { font-weight: 300; }
.socialBox .item { margin-bottom: 28px; }
.socialBox .item:last-child { margin-bottom: 0; }
.socialBox .icon { display: block; font-size: 48px; line-height: 1.2; color: #009fe3; }
.socialBox .title { font-size: 80px; font-weight: bold; line-height: 0.9; text-transform: uppercase; color: #009fe3; }
.socialBox .title .social-text { display: block; font-size: 21px; line-height: 1.3; color: #2d383e; }
.socialBox .left .item:nth-child(3) .icon,
.socialBox .left .item:nth-child(3) .title { color: #94c11a; }
.socialBox .left .item:nth-child(4) .icon,
.socialBox .left .item:nth-child(4) .title { color: #ec6704; }
.socialBox .left .item:nth-child(5) .icon,
.socialBox .left .item:nth-child(5) .title { color: #00a19a; }
.socialBox .left .item:nth-child(6) .icon,
.socialBox .left .item:nth-child(6) .title { color: #2d383e; }
.socialBox .right .item { margin-bottom: 34px; }
.socialBox .right .icon { margin-bottom: 9px; color: #7e8d95; }
.socialBox .right .title,
.socialBox .right .social-text { font-weight: 300; color: #7e8d95; }
.socialBox .slick-arrow { position: absolute; top: 0; z-index: 1; font-family: 'Flama', sans-serif; font-size: 20px; font-weight: 300; color: #2d383e; border: 0; background-color: transparent; }
.socialBox .slick-arrow.slick-prev { left: 0; }
.socialBox .slick-arrow.slick-next { right: 0; }
.socialBox .slick-arrow.slick-next:after { margin-left: 10px; display: inline-block; font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 12px; font-weight: 700; color: #2d383e; vertical-align: middle; content: '\f061'; }
.socialBox .slick-arrow.slick-disabled { font-size: 32px; font-weight: 700; }
.socialBox .right .title { font-size: 67px !important; }

/* ### website box ### */
.websiteBox { padding-top: 89px; padding-bottom: 74px; position: relative; background-color: #f2f2f2; }
.websiteBox .image { margin-top: -78px; margin-left: 353px; }
.websiteBox h2 { position: relative; text-transform: uppercase; }
.websiteBox h2:after { position: absolute; top: 6px; right: 8px; display: none; width: 20px; height: 20px; background: url('../images/triangle-dark.svg') no-repeat; content: ''; }
.websiteBox h2 span { display: inline-block; font-weight: 300; }
.websiteBox h2 em { font-style: normal; }
.websiteBox .website { margin-left: 220px; padding-top: 29px; width: 84%; }
.websiteBox h3 { margin-bottom: 33px; }
.websiteBox .item { margin-bottom: 48px; }
.websiteBox .title { font-size: 80px; font-weight: bold; line-height: 1; text-transform: uppercase; color: #009fe3; }
.websiteBox .title .subtitle { display: block; font-size: 21px; color: #2d383e; }
.websiteBox .left .item:last-child .title { color: #94c11a; }
.websiteBox .right h3 { font-weight: 300; }
.websiteBox .right .title { font-weight: 300; color: #7e8d95; }
.websiteBox .triangle { position: absolute; right: 0; bottom: 0; }
.websiteBox .triangle img { width: 690px; height: 690px; }
.websiteBox .slick-slider { z-index: 1; }
.websiteBox .slick-arrow { position: absolute; top: 0; z-index: 1; font-family: 'Flama', sans-serif; font-size: 20px; font-weight: 300; color: #2d383e; border: 0; background-color: transparent; }
.websiteBox .slick-arrow.slick-prev { left: 0; }
.websiteBox .slick-arrow.slick-next { right: 0; }
.websiteBox .slick-arrow.slick-next:after { margin-left: 10px; display: inline-block; font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 12px; font-weight: 700; color: #2d383e; vertical-align: middle; content: '\f061'; }
.websiteBox .slick-arrow.slick-disabled { font-size: 32px; font-weight: 700; }


/* ### year box ### */
.yearbox { margin-bottom: 33px; display: none; align-items: center; justify-content: space-between; width: 100%; }
.yearbox h3 { margin-bottom: 0; }
.yearbox span { margin-right: -16px; position: relative; font-size: 20px; font-weight: 300; }
.yearbox span:after { margin-left: 10px; display: inline-block; font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 12px; font-weight: 700; color: #2d383e; vertical-align: middle; content: '\f061'; }

/* ### phone box ### */
.phoneBox { display: none; width: 100%; }

/* ### tab box ### */
.tabs { margin-bottom: 50px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.tabs li { list-style: none; }
.tabs li:last-child { margin-right: -16px; }
.tabs li a { position: relative; display: inline-block; font-size: 20px; font-weight: 300; }
.tabs li.active a { font-size: 32px; font-weight: 700; }
.tabs li a:after,
.tabs li a:before { font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 12px; font-weight: 700; color: #2d383e; vertical-align: middle; }
.tabs li:last-child a:after { margin-left: 10px; display: inline-block; content: '\f061'; }
.tabs li:first-child a:before { margin-right: 10px; display: inline-block; content: '\f177'; }
.tabs li:first-child.active a:before { display: none; }
.tabs li:first-child a:after { display: none; }
.tabs li:last-child a:before { display: none; }
.tabs li.active:last-child a:after { display: none; }
.tabs-container .tab-text { display: none; }
.tabs-container .tab-text.active { display: block; }

/* ### top-scroll ### */
.click-toggle { padding: 30px 25px; position: fixed; right: 0; bottom: 0; left: 0; z-index: 17; display: none; font-size: 21px; font-weight: bold; color: #fff; background-color: #94c11a; }
.click-toggle:after { position: absolute; top: 50%; right: 25px; font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 25px; font-weight: 500; line-height: 1; vertical-align: middle; transform: translateY(-50%); content: '\f106'; }

/* #Media Queries
================================================== */

@media only screen and (max-width: 1315px) {
	.centered { padding-right: 15px; padding-left: 15px; }
	.numbersBox .left { width: 30.5%; }
	.numbersBox .left-box { width: 30.5%; }
	.distributionBox .tab-content { padding: 73px 50px; }
	.distributionBox .right .right-side { margin-left: 0; }
	.demandBox.inner .triangle img { width: 390px; }
	.timelineBox .triangle img { width: 200px; height: 200px; }
}

@media only screen and (max-width: 1199px) {
	.membersBox .item .title { font-size: 64px; /* word-break: break-all; */ }
	.membersBox .column:nth-child(3n) { width: 25%; }
	.membersBox .column:nth-child(4n) { width: 20%; }
	.distributionBox .tab-content { padding: 73px 15px; }
	.distributionBox .item .title { font-size: 70px; }
	.employBox .block { margin-left: 0; }
	.employBox.inner .block,
	.employBox.inner-1 .block { margin-left: 0; }
	.employBox.inner .right,
	.employBox.inner-1 .right { width: 31.9%; }
	.demandBox h2 { margin-bottom: 20px; }
	.demandBox h5 { margin-bottom: 25px; }
	.demandBox.inner .triangle img { width: 350px; }
	.demandBox.inner-1 .column { margin-left: 0; width: 100%; }
	.energyBox .title { font-size: 65px; }
	.energyBox .sub-title { font-size: 18px; /* word-break: break-all; */ }
	.timelineBox .title { font-size: 42px; }
	.publicationBox .left li { font-size: 24px; }
	.publicationBox .links ul > li > a { font-size: 16px; }
	.publicationBox .wrap.second .left li { font-size: 30px; }
	.websiteBox .triangle img { width: 490px; height: 490px; }
}

@media only screen and (max-width: 991px) {
	h1 { font-size: 80px; }
	.bannerBox { min-height: 390px; }
	.bannerBox .triangle img { width: 250px; }
	.welcomeBox .left { width: 34%; }
	.welcomeBox .right { width: 62%; }
	.welcomeBox .content { width: 100%; }
	.welcomeBox .image { width: auto; }
	.membersBox .item .title { font-size: 45px; }
	.numbersBox h5 { margin-bottom: 0; padding: 0; min-height: 44px; }
	.numbersBox .column h5 { margin-bottom: 0; padding: 0; }
	.numbersBox .right-box h5 { margin-bottom: 0; }
	.numbersBox .left-box { width: 36.2%; }
	.numbersBox .right-box { width: 60.9%; }
	.numbersBox .column { width: 48%; }
	.numbersBox .left { width: 25.2%; }
	.numbersBox .box { padding: 9px 15px; height: auto; font-size: 14px; }
	.numbersBox.first .right-box { overflow: hidden; }
	.numbersBox .left-box .left { margin-bottom: 0; }
	.numbersBox .right-box .right { margin-bottom: 0; }
	.numbersBox .column .box { padding: 9px 35px 9px 10px; }
	.numbersBox .right { width: 71.9%; }
	.numbersBox .triangle-green img { width: 350px; }
	.numbersBox.inner h2 { padding-right: 0; }
	.numbersBox .right .column:nth-child(3),
	.numbersBox .right .column:nth-child(4) { display: none; }
	.distributionBox .item .title { font-size: 50px; }
	.distributionBox .item .sub-title { font-size: 17px; }
	.employBox .block { width: 100%; }
	.employBox .right { width: 48%; }
	.employBox.inner .right,
	.employBox.inner-1 .right { width: 48%; }
	.employBox .slide { padding-top: 75px; }
	.demandBox { padding-top: 0; padding-bottom: 0; }
	.demandBox .left { padding-right: 0; order: 2; width: 100%; }
	.demandBox .right { margin: 0 -20px; margin-bottom: 100px; order: 1; width: calc(100% + 40px); }
	.demandBox .incassodienst { width: 80%; }
	.demandBox .item:first-child .box { padding: 13px 15px; font-size: 15px; }
	.demandBox.inner .yearbox { color: #fff; }
	.demandBox.inner .yearbox span:after { color: #fff; }
	.demandBox.inner .triangle img { width: 250px; }
	.demandBox.inner-1 h5 { font-size: 20px; }
	.energyBox .slide { padding-top: 75px; }
	.energyBox .title { font-size: 45px; }
	.energyBox .item .title { font-size: 45px; }
	.imageBox img { height: 420px; }
	.imageBox .triangle img { width: 426px; height: 426px; }
	.timelineBox .title { font-size: 34px; line-height: 1.25; }
	.timelineBox .right-content .box { padding-left: 20px; }
	.timelineBox .sub-title { line-height: 1.25; }
	.timelineBox .title .van { font-size: 14px; color: #2d383e; }
	.employBox .slick-slide.slick-current.slick-active .slide.graph4 { margin-left: 0; }
	.employBox .slide.graph4 { padding-top: 75px; }

	/* .publicationBox .left { width: 25%; }
	.publicationBox .right { width: 75%; } */
	.publicationBox .left li { margin-right: 8px; font-size: 30px; }
	.publicationBox .links ul > li:after { margin-left: 5px; font-size: 15px; }

	/* .publicationBox .links { width: 100%; } */
	.publicationBox .links:last-child { padding-top: 30px; }
	.socialBox .icon { font-size: 40px; }
	.socialBox .title { font-size: 60px; }
	.socialBox .title .social-text { font-size: 18px; }
	.websiteBox .title { font-size: 60px; }
}


@media only screen and (max-width: 767px) {
	h1 { font-size: 64px; }
	h2 { font-size: 36px; }
	.centered { padding-right: 20px; padding-left: 20px; }
	#headerCntr { padding-top: 20px; }
	#headerCntr .logo { width: 132px; }
	#headerCntr .button { margin-right: 0; padding: 6px 14px; }
	#headerCntr .button:after { margin-left: 3px; }
	#headerCntr .button .d-phone { display: inline-block; }
	#headerCntr .button .d-desktop { display: none; }
	.bannerBox { margin-top: -77px; padding-top: 88px; min-height: 345px; }
	.bannerBox .triangle img { width: 183px; }
	.welcomeBox { margin-bottom: 75px; padding-top: 55px; }
	.welcomeBox h2 { display: block; }
	.welcomeBox .left { display: block; width: 100%; }
	.welcomeBox .left h5 { display: none; }
	.welcomeBox .left ul { padding: 36px 0 60px; }
	.welcomeBox .close-icon { display: block; }
	.welcomeBox .left .d-phone-filter { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 16; display: none; background-color: #ebebeb; overflow: scroll; }
	.welcomeBox .left .d-phone-filter.active { display: block; }
	.welcomeBox .right { padding: 0 2px; width: 100%; }
	.welcomeBox .image { width: 100%; text-align: center; }
	.welcomeBox .image img { margin: 0 auto; }
	.welcomeBox .trangle-blue { top: -103px; left: -103px; }
	.membersBox { margin-bottom: 14px; }
	.membersBox h2 { margin-bottom: 35px; text-align: center; }
	.membersBox .column { margin-bottom: 35px; width: 100%; text-align: center; }
	.membersBox .item .title { font-size: 60px; }
	.membersBox .column:nth-child(2n),
	.membersBox .column:nth-child(3n),
	.membersBox .column:nth-child(4n) { width: 100%; }
	.membersBox .column:last-child { margin-bottom: 10px; }
	.yearbox { display: inline-flex; }
	.distributionBox { padding-top: 83px; display: flex; flex-wrap: wrap; }
	.distributionBox .slick-list { margin: 0; }
	.distributionBox .slide { padding: 75px 0 0; }
	.distributionBox .right-side .item { width: 100%; }
	.distributionBox .yearbox { padding: 0 20px; }
	.distributionBox h2 { margin-bottom: 49px; padding: 0 25px; line-height: 1; text-align: center; }
	.distributionBox .nav-tabs { display: none; }
	.distributionBox .holder { width: 650px; }
	.distributionBox .tab-content { padding: 0 4px 18px; }
	.distributionBox .left { width: 50%; }

	/* .distributionBox .right { width: 50%; } */
	.distributionBox .graph { margin: 0 auto 13px; }
	.distributionBox .graph img { margin: 0 auto; }
	.distributionBox .item { margin-bottom: 46px; width: 100%; text-align: center; }
	.distributionBox .right .item { width: 100%; }
	.distributionBox .item:nth-last-child(-n+2) { margin-bottom: 46px; }
	.distributionBox .item .title { font-size: 60px; }
	.distributionBox .item .sub-title { padding: 0 20%; width: 100%; font-size: 21px; }
	.distributionBox .image { order: 1; height: 212px; }
	.distributionBox .phoneBox { padding-top: 80px; padding-bottom: 52px; display: block; order: 2; }
	.distributionBox .triangle { top: 0; bottom: unset; }
	.distributionBox .triangle img { width: 170px; height: 100%; transform: rotate(-180deg); }
	.distributionBox.inner .tab-box { display: block; }
	.distributionBox.inner .left .item:nth-child(1),
	.distributionBox.inner .right .item:nth-child(1) { order: 1; }
	.distributionBox.inner .left .item:nth-child(2),
	.distributionBox.inner .right .item:nth-child(2) { order: 3; }
	.distributionBox.inner .left .item:nth-child(3),
	.distributionBox.inner .right .item:nth-child(3) { order: 1; }
	.distributionBox.inner .left .item:nth-child(4),
	.distributionBox.inner .right .item:nth-child(4) { margin-bottom: 0; order: 4; }
	.distributionBox.inner .holder { width: 100%; }
	.distributionBox.inner .left { width: 100%; }

	/* .distributionBox.inner .right { display: none; } */
	.distributionBox.inner .item .sub-title { padding: 0 12%; }
	.distributionBox.inner:after { display: none; }
	.numbersBox { padding-top: 66px; padding-bottom: 65px; display: none; }
	.numbersBox .triangle-green { display: none; }
	.numbersBox.inner { padding-top: 77px; }
	.numbersBox .left-box { width: 61%; }
	.numbersBox .right-box { width: 37%; }
	.numbersBox h5 { font-size: 19px; }
	.numbersBox .box { padding: 9px 10px; }
	.numbersBox .column:first-child h5 { text-align: left; }
	.numbersBox.d-phone { display: block; }
	.numbersBox.d-phone .column { padding: 0; width: 100%; }
	.numbersBox.d-phone .holder { margin-right: 0; display: block; }
	.numbersBox.first.d-phone .holder.first { padding-top: 43px; }
	.numbersBox.first.d-phone .box { min-height: 40px; }
	.numbersBox.d-phone .scroll-phone { width: 100%; }
	.numbersBox.d-phone .right .column:nth-child(3),
	.numbersBox.d-phone .right .column:nth-child(4) { display: block; }
	.numbersBox.d-phone .right .box { padding: 9px 0 9px 20px !important; text-align: right !important; }
	.numbersBox.first.d-phone .right .box { padding: 9px 15px 9px 20px !important; }
	.numbersBox.inner .slider { padding-top: 65px; }
	.numbersBox.inner h2 { margin-bottom: 39px; padding: 0 20px; text-align: center; }
	.numbersBox.inner h5 { margin-bottom: 18px; }
	.numbersBox.inner .box { padding: 14px 24px; height: 49px; font-size: 14px; }
	.numbersBox.inner .right .box { color: #fff; background-color: transparent; }
	.numbersBox.inner .right h5 { height: 32px; font-size: 0; }
	.numbersBox.inner .yearbox h3,
	.numbersBox.inner .yearbox span,
	.numbersBox.inner .yearbox span:after { color: #fff; }
	.numbersBox .scroll-phone { width: 380px; }
	.employBox { padding-bottom: 58px; }
	.employBox h2 { padding: 0 20px; line-height: 1; text-align: center; }
	.employBox .left { width: 50%; text-align: center; }
	.employBox .column { width: 800px; }
	.employBox .right { width: 50%; text-align: center; }
	.employBox .title { font-size: 60px; }
	.employBox.first .left .item:nth-child(2) .title,
	.employBox.first .left .item:nth-child(2) .sub-title { color: #94c11a; }
	.employBox.first .left .item:nth-child(3) .title,
	.employBox.first .left .item:nth-child(3) .sub-title { color: #00a19a; }
	.employBox.inner { background-color: #f2f2f2; }
	.employBox.block .block,
	.employBox.inner-1 .block { overflow: scroll; }
	.employBox.inner .block { overflow: hidden; }
	.employBox.inner .column { width: 100%; }
	.employBox.inner .left { width: 100%; }
	.employBox.block .block { overflow: scroll; }
	.employBox.block .column { width: 800px; }
	.employBox.inner .right { display: none; }
	.employBox.inner.block .block h2,
	.employBox.inner-1 .block h2 { display: none; }
	.employBox.inner-1 h2.d-phone { display: none; }
	.employBox.inner-1 { padding-bottom: 86px; }
	.employBox.inner-1 .yearbox { color: #fff; }
	.employBox.inner-1 .yearbox span:after { color: #fff; }
	.employBox.block .left { display: block; width: 100%; text-align: center; }
	.employBox.block .right { display: block; width: 100%; text-align: center; }
	.employBox.inner-1 .right { width: 100%; text-align: center; }
	.employBox .slide .right { left: 0; }
	.employBox .slide.graph4 { padding: 0 150px; padding-top: 75px; }
	.demandBox .left { width: 100%; }
	.demandBox .right { margin: 0; }
	.demandBox .scroll-phone { overflow: scroll; }
	.demandBox h2 { margin-bottom: 90px; padding: 0 20px; line-height: 1; text-align: center; }
	.demandBox h5 { display: none; }
	.demandBox .right img { min-height: 642px; object-fit: cover; object-position: center center; }
	.demandBox .right .triangle img { width: 243px; height: 243px; min-height: auto; object-fit: inherit; object-position: inherit; }
	.demandBox .incassodienst { width: 100%; }
	.demandBox .item-2 .item .box { padding: 13px 5px; background-color: transparent; }
	.demandBox .item { width: 100%; }
	.demandBox .item-1 { padding-top: 65px; width: 64%; }
	.demandBox.inner-1 .item-1 { padding-top: 0; }
	.demandBox .item-2 { width: 36%; }
	.demandBox .item-2 .item { padding: 65px 0 0; }
	.demandBox.inner-1 .item-2 .item { padding: 0; }
	.demandBox .phone-scroll .item { width: 35%; }
	.demandBox .scroll { width: 300px; }
	.demandBox.inner .box span { display: none; }
	.demandBox.inner .item-2 .item .box { color: #fff; }
	.demandBox.inner h2 { padding-left: 0; max-width: 200px; font-size: 36px; text-align: left; }
	.demandBox.inner h2:after { display: none; }
	.demandBox.inner .triangle img { width: 183px; }
	.demandBox.inner-1 { padding-top: 0; }
	.energyBox { padding-top: 83px; }
	.energyBox .js-energy-slider { display: block; }
	.energyBox .energy-box { display: none; }
	.energyBox .item .title { font-size: 60px; }
	.energyBox .column:last-child { padding-top: 0; }
	.energyBox .item { margin-bottom: 51px; width: 100%; text-align: center; }
	.energyBox .item:last-child { margin-bottom: 0; }
	.energyBox h2 { margin-bottom: 41px; padding: 0 25px; line-height: 1.1; text-align: center; }
	.energyBox h2:after { top: 4px; }
	.energyBox .title { font-size: 60px; }
	.energyBox .sub-title { font-size: 21px; }
	.energyBox h4 { display: none; }
	.energyBox .scroll { overflow: scroll; }
	.energyBox .column { width: 100%; }
	.imageBox img { height: 357px; }
	.imageBox .triangle img { width: 265px; height: 265px; }
	.timelineBox .slide { padding-top: 75px; }
	.timelineBox .right { padding-left: 0; width: 100%; }
	.timelineBox .wrap { width: 800px; }
	.timelineBox h2 { display: block; }
	.timelineBox .left { padding-right: 0; width: 100%; }
	.timelineBox .item { margin: 0 auto; }
	.timelineBox .right .item { margin: 0 auto; }
	.timelineBox .left h3,
	.timelineBox .right h3 { display: none; }
	.timelineBox .yearbox h3 { display: block; width: auto; }
	.timelineBox .box { padding-right: 30px; text-align: right; }
	.timelineBox .right-content .box { padding-left: 30px; text-align: left; }
	.timelineBox .triangle { display: none; }
	.publicationBox { padding-top: 74px; }
	.publicationBox .yearbox { width: 100%; }

	/* .publicationBox .links { width: 50%; } */
	.publicationBox .links h3 { display: none; }
	.publicationBox h2 { margin-bottom: 14px; display: none; font-size: 38px; }
	.publicationBox h2.d-phone { display: block; }
	.publicationBox h2:after { display: none; }
	.publicationBox .left { padding-top: 0; padding-right: 0; padding-bottom: 6px; width: 100%; }

	/* .publicationBox .right { width: 100%; overflow: scroll; } */
	/* .publicationBox .right .wrap { width: 800px; } */
	.publicationBox .links:last-child { padding-top: 0; }
	.publicationBox .links ul > li { margin-bottom: 6px; }
	.publicationBox .links ul > li > a { font-size: 14px; text-decoration: underline; }
	.publicationBox .links ul > li:after { display: none; }
	.publicationBox .phoneBox:last-child { padding-top: 70px; }
	.socialBox { padding-top: 71px; padding-bottom: 104px; }
	.socialBox .gap { margin-left: 0; width: 100%; }
	.socialBox h2 { margin-bottom: 30px; padding: 0 25px; text-align: center; }
	.socialBox .wrap { margin-left: 0; width: 800px; }
	.socialBox .left { text-align: center; }
	.socialBox .right { text-align: center; }
	.socialBox .slide { padding-top: 75px; }
	.socialBox .left h3,
	.socialBox .right h3 { display: none; }
	.socialBox .item { margin-bottom: 40px; }
	.socialBox .title .social-text { font-size: 21px; }
	.socialBox .icon { font-size: 47px; }
	.socialBox .left .item:nth-child(2) .icon,
	.socialBox .left .item:nth-child(2) .title { color: #94c11a; }
	.socialBox .left .item:nth-child(3) .icon,
	.socialBox .left .item:nth-child(3) .title { color: #ec6704; }
	.socialBox .left .item:nth-child(4) .icon,
	.socialBox .left .item:nth-child(4) .title { color: #00a19a; }
	.socialBox .left .item:nth-child(5) .icon,
	.socialBox .left .item:nth-child(5) .title { color: #2d383e; }
	.websiteBox { margin-bottom: 90px; padding-top: 77px; }
	.websiteBox h2 { margin-bottom: 46px; padding: 0 25px; line-height: 1.1; text-align: center; }
	.websiteBox h2:after { display: block; }
	.websiteBox h2 span { display: block; font-weight: 700; }
	.websiteBox h2 em { display: none; }
	.websiteBox .left h3,
	.websiteBox .right h3 { display: none; }
	.websiteBox .image { margin-top: 0; margin-left: 0; }
	.websiteBox .image img { width: 100%; }
	.websiteBox .triangle img { width: 397px; height: 397px; }
	.websiteBox .wrap { margin-left: 0; width: 800px; }
	.websiteBox .left { text-align: center; }
	.websiteBox .right { text-align: center; }
	.websiteBox .slide { padding-top: 75px; }
	.websiteBox .website { margin-left: 0; width: 100%; }
	.click-toggle { display: block; }
	.numbersBox.first .right-box .phone-scroll { overflow: hidden; }
}

@media only screen and (max-width: 480px) {
	.numbersBox .box { font-size: 12px; }
}


/* Default slider nav */
.right-box {
	position: relative;
}
.slider-nav {
	position: absolute;
	z-index: 1;
	display: flex;
	gap: 0.5rem;
	justify-content: end;
	inset-inline-end: 0;
}
.slider-nav .slick-disabled {
	opacity: 0.35;
}

@media (min-width: 768px) {
	.slider-nav {
		display: none;
	}
}

.slider-nav .slick-list {
	width: 5ch;
	text-align: center;
}
button.slick-arrow {
	color: inherit;
	border: none;
	background-color: transparent;
}
.numbersBox.inner .right .slider-nav {
	color: #fff;
}

/* Demandbox slider nav */
.demandBox {
	overflow: visible;
}
.demandBox .item-2 {
	position: relative;
}
.demandBox .slider-nav {
	inset-block-start: -2rem;
}


/* Publications */
@media (max-width: 767px) {
	.publicationBox .left,
	.publicationBox .right {
		width: 100%;
	}
}
@media (min-width: 768px) {
	.publicationBox .slide {
		padding-block-start: 0;
	}
	.publicationBox {
		display: inline-block;
		width: 100%;
	}
	.publicationBox .left {
		float: left;
		width: 17%;
	}
	.publicationBox .right {
		float: left;
		width: 83%;
	}
}

/* Better styling for mobile sliders */
.mobile-slider .slick-arrow {
	position: absolute;
	top: -1rem;
	z-index: 1;
	display: flex;
	align-items: center;
	font-family: 'Flama', sans-serif;
	font-size: 20px;
	font-weight: 300;
	color: inherit;
	border: 0;
	background-color: transparent;
}
.mobile-slider .slick-arrow:after,
.mobile-slider .slick-arrow:before {
	margin-block-start: 4px;
}
.mobile-slider .slick-arrow.slick-prev {
	left: 0;
}
.mobile-slider .slick-arrow.slick-next {
	right: 0;
}
.mobile-slider .slick-arrow.slick-next:after,
.mobile-slider .slick-arrow.slick-prev:before {
	display: inline-block;
	font-family: 'Font Awesome 6 Pro', sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: inherit;
	vertical-align: middle;
	content: '';
}
.mobile-slider .slick-arrow.slick-disabled {
	font-size: 0px;
	font-weight: 700;
}
.mobile-slider .slick-arrow.slick-disabled:after,
.mobile-slider .slick-arrow.slick-disabled:before {
	content: none;
}

@media (max-width: 768px) {
	#pension.numbersBox .left-box .left:not(:first-child) h5 {
		margin-block-start: 2.5rem;
	}
	#pension.numbersBox .js-pension-slider .slider .slider {
		padding-top: 96px;
	}
}

.employBox.demandBox .wrap {
	align-items: flex-start;
}
.employBox.demandBox.inner {
	background-color: #f2f2f2;
}
.employBox.demandBox.inner h2:after {
	background: url('../images/triangle-dark.svg') no-repeat;
}
.employBox.demandBox.inner h2,
.employBox.demandBox.inner .intro,
.employBox.demandBox.inner a {
	color: inherit;
}