/* ============================================
		TOP
=============================================*/


/* ============================================
		SLIDER/BANNER
=============================================*/
.container-fluid.banner{ position: relative; margin-top: -180px; }
.container-fluid.banner:before{ content: ""; background: linear-gradient(90deg, rgba(9,39,26,1) 0%, rgba(255,255,255,0) 50%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.2; }
.container-fluid.banner:after{ content: ""; background: linear-gradient(180deg, rgba(9,39,26,1) 0%, rgba(255,255,255,0) 50%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.4; }
.container-fluid.banner .content{ position: absolute; top: 180px; left: 0; width: 100%; z-index: 2; }
.container-fluid.banner .content .text{ text-align: right; }
.container-fluid.banner .content .text h1{ color: var(--white); }

.container-fluid.banner .slogan{ position: absolute; top: 50%; left: 0; width: 100%; z-index: 1; }
.container-fluid.banner .slogan .text{ position: relative; width: 45%; padding-left: var(--difference-container);  }
.container-fluid.banner .slogan .text:after{ content: ""; display: block; width: 420px; height: 420px; background: rgba(var(--lightgreen-rgb),0.3); position: absolute; top: 50%; left: 0; transform: translate(0, -50%);border-radius: 100%; z-index: -1; }
.container-fluid.banner .slogan .text h2{ color: var(--white); margin: 0; text-wrap: balance; }

/* ============================================
		BREADCRUMBS
=============================================*/
.container-fluid.breadcrumbs{ padding-top: 10px; position: relative; z-index: 9; }
.container-fluid.breadcrumbs.grey{ background: var(--lightgrey); }
.block.breadcrumb{ padding: 0; margin-bottom: 0; width: 40% }
.block.breadcrumb ul{ padding-left: 0; margin-bottom: 0; }
.block.breadcrumb ul li{ list-style: none; display: inline; color: #BCBCBC; }
.block.breadcrumb ul li.breadcrumarrow:after{ content: "\f105"; font-family: 'Font Awesome 6 Sharp'; font-size: 0.8rem; font-weight: 900; font-style: normal; color: var(--green); margin: 0 8px; }
.block.breadcrumb ul li a{ font-size: 0.9rem; font-weight: 300; color: #BCBCBC; text-decoration: none; }
.block.breadcrumb ul li a:hover span{ text-decoration: underline; }

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

.block.content.intro{ width: 70%; margin-bottom: 50px; }

.container-fluid.content .pad-left { padding-left: var(--difference-container); }
.block.html.image img{ border-radius: 30px; }

.rotaid-wrapper{ position: relative; }
/* .rotaid-element{ position: absolute; bottom: -50px; right: -100px; transform: rotate(var(--rotate-deg)); max-width: 200px; }
.rotaid-element.left{ position: absolute; bottom: 40px; left: -80px; transform: rotate(var(--rotate-deg)); max-width: 200px; z-index: -1; } */

/* ALGEMEEN - LIJST */
.block.list{}
.block.list a{ color: var(--text-color) !important; text-decoration: none; }
.block.list a:hover{ color: var(--text-color) !important; text-decoration: none; }
.block.list .item .image{ border-radius: 30px; }

/* CONTENT - TEXTBLOCK */
.block.content.textblock h3.subtitle{ color: var(--text-color); margin-bottom: 0; }
.block.content.textblock h2{ margin-top: 10px; margin-bottom: 25px; }
.block.content.textblock .btn{ margin-top: 25px; }

/* CONTENT - TWO BLOCK */
.block.list.twoblock{ position: relative; padding: 0 35px; }
.block.list.twoblock:before{ content: ''; display: block; background: var(--lightgrey); width: 100%; height: 70%; position: absolute; bottom: 0; left: 0; border-radius: 30px; z-index: -1; }
.block.list.twoblock .item{ padding: 35px 35px 75px 35px; }
.block.list.twoblock .item .image{  }
.block.list.twoblock .item .image img{ border-radius: 30px; }
.block.list.twoblock .item .content{ margin-top: 25px; }

.block.html.twoblock{ margin-left: 70px; transform: translate(0,-50%); }

/* CONTENT + VIDEO BLOCK */
.block.html.textvideoblock{}
.block.html.textvideoblock .block.content.textblock{ background: var(--gradient-green); color: var(--white); padding: 50px 75px; border-radius: 100px 0 0 100px; }
.block.html.textvideoblock .block.content.textblock h2{ color: var(--white); }
.block.html.textvideoblock .block.content.textblock .btn.btn-primary{ background-color: var(--white); border-color: var(--white); color: var(--green) !important; }
.block.html.textvideoblock .block.content.textblock .btn.btn-primary:hover{ background-color: transparent; border-color: var(--white); color: var(--white) !important; }
.block.html.textvideoblock .block.content.textblock .btn.btn-secondary:hover{ background-color: transparent; }

.block.html.textvideoblock .block.html.image{ position: relative;  }
.block.html.textvideoblock .block.html.image .overlay{ background: var(--gradient-darkgreen); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border-radius: 30px; }
.block.html.textvideoblock .block.html.image .overlay i{ font-size: 3rem; color: var(--white); }

/* VIDEO BLOCK */
.block.html.video{ max-width: 1000px; width: 100%; margin: 50px auto; }
.block.html.video .item .image{ margin-top: 0; border-radius: 30px; overflow: hidden; position: relative; }
.block.html.video .item .image img { -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; }
.block.html.video .item .image .overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgba(var(--text-color-rgb),0.4); border-radius: 30px; transition: all .5s; padding: 30px; }
.block.html.video .item .image .overlay i{ font-size: 3rem; color: var(--white); }
.block.html.video .item .image:hover .overlay{ background: rgba(var(--text-color-rgb),0.8); }
.block.html.video .item .image:hover img { -moz-transform: scale(1.08); -webkit-transform: scale(1.08); transform: scale(1.08); }


/* VIDEOS */
.block.list.videos{ margin-top: 50px; }
.block.list.videos .col-lg-6{ margin-bottom: 24px; }
.block.list.videos .item{ position: relative; }
.block.list.videos .item .content{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgba(var(--text-color-rgb),0.4); border-radius: 30px; transition: all .5s; padding: 30px; }
.block.list.videos .item .content i{ font-size: 3rem; color: var(--white); }
.block.list.videos .item .content h3{ position: absolute; bottom: 0; left: 0; padding: 20px 30px; color: var(--white); }
.block.list.videos .item:hover .content{ background: rgba(var(--text-color-rgb),0.8); }

/* FOTO - CIRKEL */
.block.html.circle-image{ max-width: 500px; width: 100%; position: relative; margin: 100px 0; }
.block.html.circle-image:after{ content: ""; display: block; background: rgba(var(--green-rgb),0.1); position: absolute; top: -20px; right: -70px; width: 100%; height: 100%; border-radius: 100%; z-index: -1; }
.block.html.circle-image img{ border-radius: 100%; }

/* FOTO - BREED */
.row.photo-long.end{ margin-bottom: -100px; }
.row.photo-long .col-lg-12{ padding: 0; }
.row.photo-long .block.html.photo{ }

/* FOTO - SLIDER */
.block.slides.slider.fotoslider{ margin-bottom: 75px; }
.block.slides.slider.fotoslider .slick-track{ position: relative; padding-bottom: 0; }
.block.slides.slider.fotoslider .slick-arrow{ background: var(--gradient-green); border-radius: 50px; }
.block.slides.slider.fotoslider .slick-arrow:hover{ background: var(--text-color); }
.block.slides.slider.fotoslider .slick-prev{ position: absolute; top: unset; bottom: 0; left: calc(var(--half-space) + 12px); width: 60px; height: 60px; transform: translate(0,30px); }
.block.slides.slider.fotoslider .slick-next{ position: absolute; top: unset; bottom: 0; right: calc(var(--half-space) + 12px); width: 60px; height: 60px; transform: translate(0,30px); }

/* FOTO - COLLAGE */
.block.slides.slider.photocollage{ display: flex; }
.block.slides.slider.photocollage .item{ padding-left: 25px; }
.block.slides.slider.photocollage .item:nth-child(1){ margin-top: 150px; }
.block.slides.slider.photocollage .item:nth-child(2){ margin-top: 20px; }
.block.slides.slider.photocollage .item .image{ border-radius: 30px; }

/* BUTTONS */
.block.list.buttons{ text-align: center; margin: 50px 0 0 0; display: flex; justify-content: center; }
.block.list.buttons .btn.btn-primary{ color: var(--white) !important; margin: 0 15px; display: flex; align-items: center; }
.block.list.buttons .btn.btn-primary:after{ display: none; }
.block.list.buttons .btn.btn-primary img{ filter: var(--filter-white); margin-right: 10px; }
.block.list.buttons .btn.btn-primary:hover{ background: transparent; color: var(--green) !important; }
.block.list.buttons .btn.btn-primary:hover img{ filter: var(--filter-green); }

.block.html.button { text-align: center; }

/* BUTTONS */
.block.list.switch{ margin-top: 35px; }
.block.list.switch .btn.btn-secondary{ color: var(--white) !important; padding: 5px 20px; margin: 0 15px 15px 0; }
.block.list.switch .btn.btn-secondary:after{ display: none; }
.block.list.switch .btn.btn-secondary img{ filter: var(--filter-white); margin-right: 10px; }
.block.list.switch .btn.btn-secondary:hover{ background: var(--green); border-color: var(--green); color: var(--white); }

/* BUTTONS */
.block.list.place-to-use{ margin-top: 15px; display: flex; }
.block.list.place-to-use .item{ font-family: 'Campton'; font-weight: 900; margin-right: 35px; display: flex; align-items: center; }
.block.list.place-to-use .item:last-child{ margin-right: 0; }
.block.list.place-to-use .item img{ filter: var(--filter-green); margin-right: 10px; }

/* GREENBLOCK */
/* .block.html.greenblock{ background: var(--gradient-green); color: var(--white); border-radius: 30px; padding: 40px var(--difference-container); }
.block.html.greenblock h3{ color: var(--white); margin-bottom: 25px; }
.block.html.greenblock table tr td:nth-child(1){ vertical-align: top; width: 40px; font-size: 1.4rem; }
.block.html.greenblock table tr td{ padding-bottom: 15px; }
.block.html.greenblock table tr td a{ color: var(--white); } */

/* DARKGREENBLOCK */
.block.html.darkblock{ margin-top: 50px; background: var(--darkgreen); color: var(--white); border-radius: 30px; margin-bottom: 100px; }
.block.html.darkblock .content{ padding: 0px 100px 0 var(--difference-container); display: flex; flex-direction: column; justify-content: center; height: 100%; }
.block.html.darkblock .content h2{ margin-top: 0; margin-bottom: 15px; }
.block.html.darkblock .content .btn{ margin-top: 15px; }
.block.html.darkblock .image{ margin-top: 35px; margin-bottom: 35px; margin-right: -25px; }

/* INPUT */
.block.list.input{ margin-top: 50px; }
.block.list.input .item{ text-align: center; }
.block.list.input .item .icon{ min-height: 130px; display: flex; justify-content: center; align-items: center; }
.block.list.input .item .icon img{ filter: var(--filter-lightgreen); }
.block.list.input .item .content{ width: 80%; margin: 25px auto 0 auto; }

/* LOGOS ALGEMEEN */
.block.list.logos{ display: flex; align-items: center; justify-content: center; margin: auto; overflow: hidden; position: relative; width: 100%; padding: 10px 0; }
.block.list.logos .item .block{ height: 100px; width: 250px; background: var(--white); border-radius: 20px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); padding: 15px 35px; margin: 3px 10px; display: flex; align-items: center; justify-content: center; }
.block.list.logos .item .block .image{ border-radius: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: visible; }
.block.list.logos .item .block .image img { object-fit: contain; max-height: 60px; max-width: 160px; width: 100%; }

/* LOGO SLIDER */
.block.list.logos.logoslider::before,
.block.list.logos.logoslider::after{ background: linear-gradient(to right, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 0) 100%); content: ""; height: 100%; position: absolute; width: 250px; z-index: 2; pointer-events: none; }
.block.list.logos.logoslider::after{ right: -1px; top: 0; -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); }
.block.list.logos.logoslider::before{ left: -1px; top: 0; } 
.block.list.logos.logoslider .slick-track{ padding-bottom: 0; }
.block.list.logos.logoslider .item .block{ width: auto; }
/*.block.list.logos.logoslider .slick-track{ display: flex; animation: scroll 80s linear infinite; padding-bottom: 0 !important; }
.block.list.logos.logoslider.right .slick-track{ -webkit-animation: scroll-right 8s linear infinite; animation: scroll-right 8s linear infinite; display: flex; }
.block.list.logos.logoslider.left .slick-track{ -webkit-animation: scroll-left 8s linear infinite; animation: scroll-left 8s linear infinite; display: flex; } */

.block.list.logos.logoslider .slick-arrow{ bottom: unset; }
.block.list.logos.logoslider .slick-arrow.slick-prev{ left: 0; }
.block.list.logos.logoslider .slick-arrow.slick-next{ right: 0; }
  
/* @keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }
.block.list.logos .slick-slider .slick-slide {
    flex: 0 0 auto;
}

@-webkit-keyframes scroll-right {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }
    100% { -webkit-transform: translateX(calc(-250px * 2)); transform: translateX(calc(-250px * 2)); }
}

@keyframes scroll-right {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }
    100% { -webkit-transform: translateX(calc(-250px * 2));  transform: translateX(calc(-250px * 2)); }
}

@-webkit-keyframes scroll-left {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }
    100% { -webkit-transform: translateX(calc(250px * 2)); transform: translateX(calc(250px * 2)); }
}

@keyframes scroll-left {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }
    100% { -webkit-transform: translateX(calc(250px * 2)); transform: translateX(calc(250px * 2)); }
} */

/* PRODUCTPAGE */
.row.frame{ background: url(/media/2025-03/green-shade.png) var(--lightgrey); background-size: 50% auto; background-position: right center; background-repeat: no-repeat; margin-top: 15px; padding-bottom: 50px; box-shadow: inset 0px 0px 15px rgba(0,0,0,0.1);}
.row.frame-sp{ background: url(/media/2025-03/green-shade-sp.png) var(--lightgrey); background-size: 50% auto; background-position: right center; background-repeat: no-repeat; margin-top: 15px; padding-bottom: 50px; box-shadow: inset 0px 0px 15px rgba(0,0,0,0.1);}

.row.darkgreen{ background: url(/media/2025-03/bg-features.jpg) #0f3b2a; background-size: 75% auto; background-position: -1px 15%; background-repeat: no-repeat;  color: var(--white); padding-bottom: 150px; }
.row.darkgreen .block.content.text-center{ width: 50%; margin: 0 auto; } 

.block.list.features{ margin-bottom: 50px; }
.block.list.features .item{ padding: 0 25px; }
.block.list.features .item .block{ display: flex; flex-direction: column; align-items: center; text-align: center; }
.block.list.features .item .block .image{ background: var(--lightgreen); width: 90px; height: 90px; padding: 20px; border-radius: 100px; display: flex; text-align: center; }
.block.list.features .item .block .image img{ filter: var(--filter-white); }

.container.greenblock{ margin-top: -150px; padding: 0 24px; position: relative; }
.container.greenblock > .row{ background: var(--gradient-green); color: var(--white); padding-top: 50px; padding-bottom: 100px; border-radius: 100px; height: 100%; }

.container.greenblock .col-lg-12:nth-child(1) .block.content{ padding-right: 50px; padding-left: var(--difference-container); margin-bottom: 50px; }
.container.greenblock .col-lg-6:nth-child(2) .block.html{ padding-right: 50px; padding-left: var(--difference-container); max-width: 600px; margin: 0 auto; }
.container.greenblock .col-lg-6:nth-child(2) .block.content{ padding-right: 50px; padding-left: var(--difference-container); }
.container.greenblock .col-lg-6:nth-child(3) .block.html{ padding-left: 50px; padding-right: var(--difference-container); max-width: 600px; margin: 0 auto; }
.container.greenblock .col-lg-6:nth-child(3) .block.content{ padding-left: 50px; padding-right: var(--difference-container); }

.container.greenblock .block.content h2{ color: var(--white); }
.container.greenblock .block.content h3{ color: var(--white); margin-top: 30px; }
.container.greenblock .block.content .btn{ margin-top: 30px; }

.row.greenblock-sp{ position: relative; }
.row.greenblock-sp:before{ content: ""; display: block; height: 100px; width: 100%; position: absolute; top: 0; left: 0; background: var(--lightgrey); }
.row.greenblock-sp .container.greenblock{ margin-top: 0; }

.container.grey > .row{ background: var(--lightgrey); padding: 50px var(--difference-container); border-radius: 30px; }
.block.product.compare{ display: flex; overflow-x: auto; }
.block.product.compare::-webkit-scrollbar { height: 12px; }
.block.product.compare::-webkit-scrollbar-thumb {background-color: var(--green); border-radius: 20px;}
.block.product.compare::-webkit-scrollbar-track { border: 1px solid var(--green); border-radius: 20px;}
.block.product.compare table{ width: 100%; }
.block.product.compare table img{ width: 100%; min-width: 175px; padding: 30px; }
.block.product.compare table tr:nth-child(odd) td{ background-color: var(--lightgrey); }
.block.product.compare table tr:nth-child(even) td{ background-color: #EAEAEA; }
.block.product.compare table tr:has(.btn) td{ background-color: var(--lightgrey); }
.block.product.compare table tr td{ width: 20%; }
.block.product.compare table tr td:first-child{ position: sticky; left: 0; }
.block.product.compare table tr td:first-child{ position: sticky; left: 0; }
.block.product.compare table tr:first-child td{ text-align: center; font-weight: 700; }
.block.product.compare table tr:nth-child(even) td:first-child{ background: #EAEAEA; }
.block.product.compare table tr:has(.btn) td:first-child{ background-color: var(--lightgrey); z-index: 1; }
.block.product.compare table tr:nth-child(n + 2) td{ padding: 5px 10px; }
.block.product.compare table tr:nth-child(n + 2) td:first-child{ border-radius: 100px 0 0 100px; padding: 5px 10px 5px 30px; }
.block.product.compare table tr:nth-child(n + 2) td:last-child{ border-radius: 0 100px 100px 0; }
.block.product.compare table tr td h3.big{ text-align: left; padding: 100px 0 0 var(--difference-container); }
.block.product.compare table tr td span.status1{ display: block; width: 16px; height: 16px; background: var(--lightgreen); border-radius: 100%; margin: auto; }
.block.product.compare table tr#btn-row td{ text-align: center;  }
.block.product.compare table tr td .btn.btn-primary{ padding: 5px 20px; margin-top: 10px; }
.block.product.compare table tr td .btn.btn-primary:after{ display: none; }

.block.slides.slider.totem-board{ max-width: 500px; width: 100%; height: auto; margin: 0 auto; position: relative; }
.block.slides.slider.totem-board .item{ padding: 25px; }
.block.slides.slider.totem-board .slick-arrow{ border: 1px solid var(--white); }
.block.slides.slider.totem-board .slick-arrow.slick-prev{ right: calc(25px + 60px + 12px); left: unset; }
.block.slides.slider.totem-board .slick-arrow.slick-next{ right: 25px; left: unset; }

/* STORIES */
.block.html.filters{ text-align: center; margin-top: 20px; }
.block.html.filters .filter-body{ display: flex; justify-content: center; align-items: center; }
.block.html.filters .btn{ display: none; }
.block.html.filters .btn:nth-child(1){ display: block; }
.block.html.filters .btn:nth-child(2){ display: block; }
.block.html.filters .btn:nth-child(3){ display: block; }
.block.html.filters .btn:nth-child(4){ display: block; }
.block.html.filters .btn:nth-child(5){ display: block; }
.block.html.filters .btn.btn-primary{ margin: 0 5px; display: flex; }
.block.html.filters .btn.btn-primary:before{ content: ""; display: flex; width: 20px; height: 20px; margin: 3px 10px 0 0; filter: var(--filter-white); }
.block.html.filters .btn.btn-primary:hover{ background: transparent; }
.block.html.filters .btn.btn-primary:hover:before{ filter: var(--filter-green); }
.block.html.filters .btn.btn-primary.mixitup-control-active:before{ filter: var(--filter-green); }
.block.html.filters .btn.btn-primary.projects::before{ background: url(/media/2025-01/Projects.svg); }
.block.html.filters .btn.btn-primary.news::before{ background: url(/media/2025-01/News.svg); }
.block.html.filters .btn.btn-primary:first-child:before{ display: none; }
.block.html.filters .btn.btn-primary:after{ display: none; }
.block.html.filters .btn.btn-primary.mixitup-control-active{ background: transparent; border-color: var(--green); color: var(--green) !important; }

.block.product.stories{ margin-top: 0; margin-bottom: 30px; }
.block.product.stories.grid > .container-small > .row { overflow: hidden;}
.block.product.stories.grid:after { content: ''; display: block; clear: both; }
.block.product.stories.grid .grid-item { width: 33.33333%; height: 475px; float: left; border-radius: 5px; margin-bottom: 40px; transition: opacity 0.5s; margin-top: 3px; }
.block.product.stories.grid .grid-item .item{ display: flex; flex-direction: column; }
.block.product.stories.grid .grid-item .item .image{ display: flex; height: 296px; } 
.block.product.stories.grid .grid-item .item .image img{ height: 100%; width: 100%; object-fit: cover; object-position: center; }

.block.product.stories.grid .grid-item.n2 { height: 712.5px; }
.block.product.stories.grid .grid-item.n4 { height: 712.5px; margin-top: -237px; }
.block.product.stories.grid .grid-item.n6 { height: 712.5px; margin-top: -237px; }
.block.product.stories.grid .grid-item.n8 { width: 66.66667%; }
.block.product.stories.grid .grid-item.n9 { width: 66.66667%; }

.block.product.stories.grid .grid-item.n2 .item .image,
.block.product.stories.grid .grid-item.n4 .item .image,
.block.product.stories.grid .grid-item.n6 .item .image{ height: 533px; }
.block.product.stories.grid .grid-item.n8 .item .image,
.block.product.stories.grid .grid-item.n9 .item .image{ height: 296px; }

.block.product.stories.grid .grid-item:not(.visible) { opacity: 0; }
.block.product.stories.grid .grid-item.visible { animation: fadeIn 1s; }

@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

.row.grey:has(.block.product.stories .listitem) { padding: 0; }
body:has(.block.product.stories .listitem) .banner { min-height: 90px; }
body:has(.block.product.stories .listitem) .banner .text { display: none; }

.block.product.stories .listitem h1{ font-size: 4.0rem; margin-bottom: 20px; }
.block.product.stories .listitem h2{ font-size: 3.0rem; margin-bottom: 20px; }
.block.product.stories .listitem h3{ font-size: 2.0rem; margin-bottom: 20px; }

body:has(.block.product.stories .listitem) .block.breadcrumb{ width: 100%; }
.block.product.stories .listitem .container:first-child .title { width: 60%; }
.block.product.stories .listitem .title .place{ font-size: 1.4rem; font-weight: 300; color: var(--text-color); }
.block.product.stories .listitem .title .place i{ margin-right: 10px; }
.block.product.stories .listitem .container:first-child .row { margin-bottom: 5rem; }

.block.product.stories .listitem .photoslider{ border-radius: 30px; overflow: hidden; }
.block.product.stories .listitem .photoslider.slick-slider .slick-list .slick-track{ padding-bottom: 0; }
.block.product.stories .listitem .photoslider .slick-slide{ overflow: hidden; }
.block.product.stories .listitem .photoslider ul{ margin-top: -45px; }
.slick-dots li button{ width: 15px; height: 15px; background-color: #ffffff; }
.slick-dots li.slick-active button{ background-color: var(--green); }
.block.product.stories .listitem .logo{ position: absolute; top: 50px; left: 0; background: var(--white); border-radius: 20px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); padding: 15px 35px; }
.block.product.stories .listitem .logo img{ max-height: 75px; max-width: 250px; }

.block.product.stories .listitem .image{ margin-top: 0; border-radius: 30px; overflow: hidden; position: relative; }
.block.product.stories .listitem .image img { -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; }
.block.product.stories .listitem .image .overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgba(var(--text-color-rgb),0.4); border-radius: 30px; transition: all .5s; padding: 30px; }
.block.product.stories .listitem .image .overlay i{ font-size: 3rem; color: var(--white); }
.block.product.stories .listitem .image:hover .overlay{ background: rgba(var(--text-color-rgb),0.8); }
.block.product.stories .listitem .image:hover img { -moz-transform: scale(1.08); -webkit-transform: scale(1.08); transform: scale(1.08); }

.block.product.stories .listitem .quote { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.block.product.stories .listitem .quote span { font-family: 'Campton Book'; font-size: 2.5rem; font-weight: 600; text-align: center; max-width: 70%; }
.block.product.stories .listitem .quote h3 { font-size: 3.5rem; text-align: center; max-width: 70%; }

.block.product.stories .listitem .block.slides.slider.photocollage .item{ padding-left: 0; margin-right: 12.5px; }
.block.product.stories .listitem .block.slides.slider.photocollage .item:nth-child(2){ margin-left: 12.5px; margin-right: 0; }
.block.product.stories .listitem .block.slides.slider.fotoslider{ margin-bottom: 0; }

/* MARKETS */
.block.list.markets .col-sm-6.col-xl-4{ margin-bottom: 24px; }
.block.list.markets:not(.slider) .item .block .image{ height: 450px; }
.block.list.markets .item.green{ background: var(--gradient-green); border-radius: 30px; height: 100%; display: flex; align-items: center; }
.block.list.markets .item.green .content{ padding: 30px; }
.block.list.markets .item.green .content h2{ margin-top: 0; font-size: 3rem; color: var(--white); }
.block.list.markets .item.green .content h4{ margin-bottom: 20px; color: var(--white); }
.block.list.markets .item.green .content a{ color: var(--white) !important; }
.block.list.markets .item.green .content a:hover{ border-color: var(--white); background: transparent; color: var(--white) !important; }

/* FUNCTIE */
.block.list.functions .col-lg-4{ margin-bottom: 30px; }
.block.list.functions .item{ height: 100%; }
.block.list.functions .item .block{ border-radius: 30px; display: flex; flex-direction: column; align-items: center; background: var(--white); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); height: 100%; padding: 30px; transition: all .5s; }
.block.list.functions .item .block .image{ border-radius: unset; overflow: initial; }
.block.list.functions .item .block .image img { max-width: 50px; filter: var(--filter-green);height: auto; }
.block.list.functions .item .block .content{ padding-top: 30px; width: 100%; height: 100%; }
.block.list.functions .item .block .content .text{ padding: 0; height: 100%; display: flex; align-items: center; justify-content: center; }
.block.list.functions .item .block .content .text h3{ font-size: 1.7rem; margin: 0; text-align: center;}
.block.list.functions .item a .block:hover { background: #dddddd; }
/* .block.list.functions.slider{ padding-left: calc(var(--half-space-small) + 24px); margin-top: 25px; }
.block.list.functions.slider .item{ padding: 5px 40px 5px 5px; }
.block.list.functions .item .block{ border-radius: 30px; display: flex; flex-direction: column; align-items: center; background: var(--white); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); height: 100%; padding: 30px; transition: all .5s; }
.block.list.functions .item .block .image{ border-radius: unset; overflow: initial; }
.block.list.functions .item .block .image img { max-width: 50px; filter: var(--filter-green);height: auto; }
.block.list.functions .item .block .content{ padding-top: 30px; width: 100%; height: 100%; }
.block.list.functions .item .block .content .text{ padding: 0 50px; height: 100%; display: flex; align-items: center; justify-content: center; }
.block.list.functions .item .block .content .text h3{ margin: 0; text-align: center;}
.block.list.functions .item a .block:hover { background: #dddddd; } */

/* STEPS - our ambition */
.row.vertical-padding .col-lg-6:nth-child(1){ padding-right: 30px; }
.row.vertical-padding .col-lg-6:nth-child(2){ padding-left: 30px; }

.block.content.steps{ margin: 35px 0; }
.block.content.steps h4{ font-size: 2.5rem; color: var(--text-color); }

.block.html.worldmap-small{ margin: 75px 0; position: relative; }
.block.html.worldmap-small .pijl{ position: absolute; bottom: 0; right: 23%; transform: translate(0, 150%) rotate(-85deg); width: 100px; filter: var(--filter-green); }

.row.worldmap .block.html.worldmap-small{ margin: 0 0 75px 0; }
.row.worldmap .block.html.worldmap-small .pijl{ position: absolute; top: 0; right: 0; transform: translate(80%, 20%) rotate(20deg); width: 150px; filter: var(--filter-green); }
.row.worldmap .block.content.steps{ margin-top: 150px; }

.block.html.color-banner{ background: var(--gradient-green); padding: 50px var(--difference-container); margin: 75px 0 0 0; border-radius: 100px 100px 0 0; }
.block.html.color-banner h2{ font-size:  4.0rem; color: var(--white); text-align: center; text-wrap: balance; }
.block.html.color-banner .subtitle{ font-size:  1.4rem; font-style: italic; color: var(--white); text-align: center; }

/* OPTIONS */
.block.html.options-image{ max-width: 500px; margin: 50px auto; }
.block.list.options{ margin-bottom: 50px; }
.block.list.options .item{ background: var(--lightgrey); border-radius: 30px; position: relative; height: 100%; }
.block.list.options .item .label{ background: var(--orange); border-radius: 30px; font-family: 'Campton'; font-size: 0.75rem; font-weight: bold; color: var(--white); position: absolute; top: 0; right: 30px; transform: translate(0,-50%); height: fit-content; padding: 1px 10px; }
.block.list.options .item .content{ padding: 20px 45px; }
.block.list.options .item .content .subtitle{ font-size: 0.9rem; min-height: 21px; }
.block.list.options .item .content ul li:before{ content: "\f058"; font-weight: 900; color: var(--green); left: -32px; }

/* VACANCIES*/
.row.greyblock > .container > .row{ margin: 0; }
.row.greyblock .col-lg-12{ background: var(--lightgrey); border-radius: 100px 100px 0 0; padding: 50px var(--difference-container); margin-top: 100px; }

.block.product.vacancies{ margin-top: 50px; margin-bottom: 60px; }
.block.product.vacancies .item{ background: var(--white); box-shadow: 0 0 5px rgba(0,0,0,0.1); border-radius: 30px; }
.block.product.vacancies .item .image{ border-radius: 30px 30px 0 0; }
.block.product.vacancies .item .content{ padding: 20px 40px 40px 40px;  }
.block.product.vacancies .item .content h3{ color: var(--text-color); margin-bottom: 15px; }
.block.product.vacancies a { color: var(--text-color); }
.block.product.vacancies .item .content .text table tr td:nth-child(1){ width: 60px; text-align: center; }
.block.product.vacancies .item .content .text img{ filter: var(--filter-green); }
.block.product.vacancies .item .content .btn.btn-primary{ position: absolute; bottom: 0; right: 0; transform: translate(-50%,50%); }
.block.product.vacancies .item .content .btn.btn-primary:hover { background: var(--white); }

/* MODAL - OPEN SOLLICITATIE */
.modal#open-solicitatie{ }
.modal#open-solicitatie .modal-content{ background: var(--lightgrey); }
.modal#open-solicitatie .modal-content .modal-body{ padding: 35px; }
.modal#open-solicitatie h2{font-size: 2rem; margin: 0; }
.modal#open-solicitatie .block.form{ margin-top: 25px; margin-right: 0; }

.modal#open-solicitatie .block.form .form-group .form-control{ color: var(--text-color); }
.modal#open-solicitatie .block.form .form-group .form-control::placeholder{ color: var(--text-color); }
.modal#open-solicitatie .block.form .form-group:nth-child(9) .form-control{  padding: 60px 20px 30px 20px; position: relative; }

.modal#open-solicitatie .block.form input[type=file]{ display: flex; justify-content: center; align-items: center; }
.modal#open-solicitatie .block.form input[type=file]:before{ content: "CV uploaden (max 5MB)"; font-size: 1.1rem; font-weight: 500; color: var(--text-color); margin-bottom: 20px; position: absolute; top: 20px; left: 20px; }
/* .modal#open-solicitatie .block.form input[type=file]:after{ content: url(/media/2024-03/upload.svg); width: 35px; margin-top: -28px; } */
.modal#open-solicitatie .block.form input[type=file]::file-selector-button{ background: var(--green); border-radius: 12px; color: var(--white); margin-top: 5px; margin-left: 0; border: 0; }
.modal#open-solicitatie .block.form input[type=file]:hover::file-selector-button{ background: var(--darkgreen) !important; color: var(--white); }

/* STORY OF */
.block.html.story-of{ background: var(--darkgreen); border-radius: 30px; margin: 75px 0; position: relative; }
.block.html.story-of .image{ border-radius: 30px 0 0 30px; overflow: hidden; }
.block.html.story-of .content{ padding: 100px; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.block.html.story-of .content h3{ color: var(--white); margin: 25px 0 0 0; line-height: 1.2; }
.block.html.story-of .content .name{ font-family: 'Campton'; font-size: 2.5rem; color: var(--green); line-height: 1.1; margin: 15px 0 35px 0; }
/* .block.html.story-of .rotaid-element{ top: -90px; bottom: unset; right: -90px; } */

.block.html.story-of.light{ background: rgba(0,0,0,0.1); }
.block.html.story-of.light .content{ padding: 50px; }
.block.html.story-of.light .content .name{  font-family: 'Campton Book'; font-size: 2rem; line-height: 1.1; }
.block.html.story-of.light .content h3{ font-family: 'Campton'; font-size: 2.3rem; font-weight: 300; color: var(--darkgreen); line-height: 1.1; margin-bottom: 0; }
.block.html.story-of.light .image{ border-radius: 30px 0 0 30px; }

/* COUNTER */
.block.list.counter{ margin-top: 75px; margin-bottom: 50px; }
.block.list.counter .item .top{ position: relative; }
.block.list.counter .item .top img{ width: 80px; filter: var(--filter-green); opacity: 0.3; position: absolute; top: -37px; left: -40px; z-index: -1;  }
.block.list.counter .item .top .number{ font-size: 7.5rem; color: var(--lightgreen); font-weight: bold; line-height: 0.9; margin-bottom: 0; }
.block.list.counter .item .content{ width: 60%; }
.block.list.counter .item .content h3{ font-family: 'Campton'; font-size: 1.9rem; font-weight: 300; color: var(--text-color); text-wrap: balance; }

/* CONTACT */
.block.form{ margin-right: var(--difference-container); }
.block.form h2{ margin-bottom: 25px; margin-right: var(--difference-container); font-size: 1.9rem; font-weight: bold; font-style: normal; color: var(--green); line-height: 1; margin: 20px 0 8px 0; }
.block.form .form-control{ font-size: 1.1rem; padding: 10px 20px; border: none; border-radius: 25px; box-shadow: 0 0 7px rgba(0,0,0,0.1); margin-bottom: 15px; }
.block.form .form-control::placeholder{ color: var(--text-color); }

/* .block.form .form-group#fieldid_34{ width: 28%; float: left; margin-right: 2%; }
.block.form .form-group#fieldid_3{ width: 70%; float: left; } */

.block.form textarea.form-control{ min-height: 100px; }

.block.form select {
    background-image:
      linear-gradient(45deg, transparent 50%, gray 50%),
      linear-gradient(135deg, gray 50%, transparent 50%);
    background-position:
      calc(100% - 20px) calc(1em + 2px),
      calc(100% - 15px) calc(1em + 2px);
    background-size:
      5px 5px,
      5px 5px;
    background-repeat: no-repeat;
}

/* Landcode */
.block.form form .form-group:has([type="tel"]) { position: relative; margin-bottom: 15px;}
.block.form form .form-group:has([type="tel"]) .iti {width: 100%;}
.block.form form .form-group:has([type="tel"]) .iti .iti__country-list {padding: 0;}
.block.form form .form-group:has([type="tel"]) .iti .iti__country-list .iti__country {}
.block.form form .form-group:has([type="tel"]) .iti .iti__country-list .iti__country::before {display: none;}
.block.form form .form-group:has([type="tel"]) .iti input {padding-left: 62px;}

.iti__country-name {color: var(--darkgreen)}
.iti__flag-container {left: 12px !important;}


.block.html.contactblock{ padding: 40px var(--difference-container); }
.block.html.contactblock h2{ margin-top: 0; }
.block.html.contactblock table tr td:nth-child(1){ vertical-align: top; width: 60px; font-size: 1.4rem; }
.block.html.contactblock table tr td{ padding-bottom: 15px; }
.block.html.contactblock table tr td a{  }
.block.html.contactblock table tr td i{ color: var(--green); }
.block.html.contactblock table tr:last-child td:last-child{ padding-top: 5px; }

.block.content.questionsblock{ position: relative; }
.block.content.questionsblock .pijl{ position: absolute; bottom: -50px; right: 0; transform: translate(0, 150%) rotate(-150deg); width: 150px; filter: var(--filter-green); }

.block.html.greenblock{ background: var(--gradient-green); color: var(--white); border-radius: 30px; padding: 40px var(--difference-container); text-align: center; margin-bottom: -150px; }
.block.html.greenblock h2{ color: var(--white); margin-top: 0; margin-bottom: 25px; }
.block.html.greenblock .btn{ margin-top: 15px; }


/* MANUALS & DOCUMENTS */
.block.list.aeds{ margin-top: 50px; }
.block.list.aeds a { text-decoration: none; }
.block.list.aeds .item { background: var(--white); border-radius: 30px; display: flex; flex-direction: column; align-items: center; padding: 45px; position: relative; height: 100%; }
.block.list.aeds .item .image img { padding: 10px; }
.block.list.aeds .item .content h3 { color: var(--darkgreen); text-align: center; }
.block.list.aeds .item .btn { position: absolute; bottom: -20px; left: 0; right: 0; margin: auto; width: fit-content; }
.block.list.aeds .item:hover .btn { background-color: var(--white); border-color: var(--green); color: var(--green) !important; }

.webpage-col.white{ background: var(--white); border-radius: 30px; box-shadow: 0 0 5px rgba(0,0,0,0.1); height: auto; padding: 25px 40px; }
.block.product.manuals{ margin: 15px 0 30px 0; }
.block.product.manuals .item { background: var(--lightgrey); padding: 15px 30px; border-radius: 40px; border: none; list-style: none; margin-bottom: 15px; transition: all 0.3s ease-in-out; }
.block.product.manuals .item:hover { background: #dddddd; cursor: pointer; }
.block.product.manuals .item .title { font-weight: 700; display: flex; justify-content: space-between; align-items: center; color: var(--text-color); }
.block.product.manuals .item .title i { color: var(--green); font-size: 2rem; font-weight: 300; transition: all 0.3s ease-in-out; }
.block.product.manuals .item:has(.dropdown) .title i { display: none; }
.block.product.manuals .item .dropdown { column-count: 2; }
.block.product.manuals .item .dropdown { padding: 0; margin-top: 15px; display: block; }
.block.product.manuals .item .dropdown.show { display: block; }
.block.product.manuals .item .dropdown li { display: flex; align-items: center; font-size: 1rem; margin-bottom: 3px; }
.block.product.manuals .item .dropdown li::before { display: none; }
.block.product.manuals .item .dropdown li img { width: 13px; height: 13px; border-radius: 100%; margin-right: 20px; }
.block.product.manuals .item .dropdown li a { color: var(--text-color); }
.block.product.manuals .item .dropdown li a:hover { color: var(--green) !important; font-weight: 700; }
.block.product.manuals .item:has(.dropdown.show) .title i { transform: rotate(180deg); }
.block.product.manuals .item:has(i.fa-circle-chevron-right){ border: 2px solid var(--green); }

/* FAQ */
.block.html.search-bar .form-group{ position: relative; }
.block.html.search-bar .form-group::after{ content: '\f002'; font-family: "Font Awesome 6 Sharp"; font-size: 27px; color: var(--white); position: absolute; right: 1rem; top: 5px; height: fit-content; }
.block.html.search-bar .form-group input { position: relative; border: unset; border-radius: 33px; box-shadow: 0 0 7px rgba(0,0,0,0.05); padding: 0.825rem 1.5rem; background: var(--green); }
.block.html.search-bar .form-group input::placeholder { color: var(--white); font-weight: 700; }
.block.html.search-bar .form-group:has(input:focus)::after { display: none !important; }
.block.html.search-bar .form-group:has(input:hover)::after { display: none !important; }

.block.html.search-bar .form-group .form-control{ color: var(--white); }
.block.html.search-bar .form-group .form-control:focus{ color: var(--white); }

.block.html.search-bar.faq-search{ margin-top: 3rem; margin-bottom: 3rem }
.block.html.search-bar.faq-search .form-group::after{ right: calc(34% + 24px); }
.block.html.search-bar.faq-search .form-group input{ max-width: 66%; }

.search-results-wrapper-index { margin-top: 1rem; }
.search-results-wrapper-index .faq-wrapper { padding: 20px 25px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); border-radius: 30px; border: none; background: var(--white); }
.search-results-wrapper-index .faq-wrapper .faq-question { margin-top: 0; }
.search-results-wrapper-index .faq-wrapper .faq-answer p:last-child { margin-bottom: 0; }

.block.list.faq > div { margin-bottom: 3rem; }
.block.list.faq .item { display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--white); padding: 35px 50px; border-radius: 30px; box-shadow: 0 0 5px rgba(0,0,0,0.1); position: relative; height: 100%;  }
.block.list.faq .item .image { border-radius: unset; max-height: 70px; display: flex; justify-content: center; }
.block.list.faq .item .image img { filter: var(--filter-green); height: 100%; width: auto; }
.block.list.faq .item:hover .image img { transform: none; }
.block.list.faq .item .content { flex: 1; }
.block.list.faq .item .content h3 { text-align: center; color: var(--darkgreen); margin-top: 25px; min-height: 66px; display: flex; align-items: center; }
.block.list.faq .item .content .btn { position: absolute; bottom: -20px; left: 0; right: 0; margin: auto; width: fit-content; opacity: 0; transition: all 0.3s ease-in-out; }
.block.list.faq .item .content .btn:hover { background: var(--white); }
.block.list.faq .item:hover .content .btn { opacity: 1; }

.block.list.accordion { margin-top: 2rem; }
.block.list.accordion .accordion-item { border-radius: 30px; overflow: hidden; background: var(--white); box-shadow: 0 0 5px rgba(0,0,0,0.1); }
.block.list.accordion .accordion-item * { transition: all 0.5s ease-in-out; }
.block.list.accordion .accordion-item .accordion-header .accordion-button { background: unset; color: var(--text-color ); padding: 16px 30px; justify-content: space-between; transition-duration: 0.1s; }
.block.list.accordion .accordion-item .accordion-collapse { padding: 0 30px 16px 30px; }
.block.list.accordion .accordion-item .accordion-body { padding: 16px 0 0 0; border-top: 1px solid #e0e0e0; } 
.block.list.accordion .accordion-item .accordion-body a { color: var(--green) !important; }
.block.list.accordion .accordion-item .accordion-body a:hover { text-decoration: underline; }
.accordion-button:not(.collapsed){ box-shadow: none !important; }

.block.list.accordion .accordion-item .accordion-body a.btn { color: var(--white) !important; }
.block.list.accordion .accordion-item .accordion-body a.btn.btn-primary:hover { text-decoration: none; color: var(--green) !important; }
.block.list.accordion .accordion-item .accordion-body a.btn.btn-secondary:hover { text-decoration: none; color: var(--text-color) !important; }

.accordion-button::after { margin-left: 15px; }
.block.list.accordion .accordion-item .accordion-body .photo { display: flex; justify-content: flex-end; }
.block.list.accordion .accordion-item .accordion-body .photo .image { overflow: hidden; border-radius: 30px; }
.block.list.accordion .accordion-item .accordion-body .photo .image img { border-radius: 30px; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; max-height: 300; object-fit: contain; }
.block.list.accordion .accordion-item .accordion-body .photo .image:hover img { -moz-transform: scale(1.08); -webkit-transform: scale(1.08); transform: scale(1.08); }
.block.list.accordion .accordion-item .accordion-body .photo .video { position: relative; }
.block.list.accordion .accordion-item .accordion-body .photo .video .overlay { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 3rem; background: rgba(var(--green-rgb),0.1); border-radius: 30px; transition: all 0.3s ease-in-out; }
.block.list.accordion .accordion-item .accordion-body .photo .video .overlay i { color: var(--white); transition: all 0.3s ease-in-out; }
.block.list.accordion .accordion-item .accordion-body .photo .video:hover .image img { -moz-transform: scale(1.08); -webkit-transform: scale(1.08); transform: scale(1.08); }
.block.list.accordion .accordion-item .accordion-body .photo .video:hover .overlay { background: rgba(var(--text-color-rgb),0.8); }

/* CONTACTFORM FAQ & COMPATIBILITY */
.block.html.greenform{ background: var(--gradient-green); color: var(--white); border-radius: 30px; padding: 50px 75px; margin-bottom: 350px; }
.block.html.greenform .content{  }
.block.html.greenform h2{ margin-top: 0; }
.block.html.greenform .content h3{ color: var(--white); margin-top: 0; margin-bottom: 25px; }
.block.html.greenform .content h4{ color: var(--white); }
.block.html.greenform .content a{ color: var(--white); }
.block.html.greenform table tr td:nth-child(1){ width: 40px; }

.block.html.greenform .col-lg-7{ position: relative; }
.block.html.greenform .contactform{ position: absolute; right: 0; background: var(--lightgrey); border-radius: 30px; width: 100%; padding: 50px; }
.block.html.greenform .contactform .block.form{ margin-right: 0; }

/* COMPATIBILITY */
.block.content.intro-text p:last-child { margin-bottom: 0; }

.block.list.logos.compatibility { flex-wrap: wrap; gap: 30px; }
.block.list.logos.compatibility .item{ margin: 0; }
.block.list.logos.compatibility .item .block{ width: auto; margin: 0; }
.block.list.logos.compatibility .item .block .image img { width: 100%; }

/* .block.list.logos.compatibility .item:nth-child(10n+5) { margin-right: 100px; }
.block.list.logos.compatibility .item:nth-child(10n+6) { margin-left: 100px; } */

.block.list.logos.logo-title { border-top: 2px solid #BCBCBC; padding-top: 1.5rem; padding-bottom: 2rem; }
.block.list.logos.logo-title .item { pointer-events: none; }

.block.product.aed-models { justify-content: center; }
.block.product.aed-models:last-child { border-bottom: 2px solid #BCBCBC; }
.block.product.aed-models .item { background: var(--white); height: 100%; padding: 2rem; border-radius: 15px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.block.product.aed-models .item .image { display: flex; justify-content: center; }
.block.product.aed-models .item .content { margin-top: 2rem; }
.block.product.aed-models .item .content .brand{ color: #BCBCBC; margin-bottom: 0; font-size: 0.95rem; }
.block.product.aed-models .item .content h3 { font-size: 1.6rem; }
.block.product.aed-models .item .content .specs { border: 1px solid #BCBCBC; border-radius: 20px; color: #BCBCBC; font-size: 0.95rem; display: flex; justify-content: space-between; align-items: center; margin-top: 1rem; transition: all 0.3s ease-in-out; }
.block.product.aed-models .item .content .specs:not(a):hover { background: #BCBCBC; cursor: initial; }
.block.product.aed-models .item .content .specs:not(a) { padding: 7px 20px; }
.block.product.aed-models .item .content .specs:has(a):hover { background: #BCBCBC; cursor: pointer; }
.block.product.aed-models .item .content .specs:has(a) { padding: 0; }
.block.product.aed-models .item .content .specs > a { width: 100%; display: flex; justify-content: space-between; color: #BCBCBC !important; transition: all 0.3s ease-in-out; padding: 7px 20px;  }
.block.product.aed-models .item .content .specs:hover a { color: var(--white) !important; }

.block.product.aed-models .item .content .specs p { margin: 0; }
.block.product.aed-models .item .content .specs .hover { display: none; }
.block.product.aed-models .item .content .specs .hover-not { display: none; color: var(--white); cursor: unset; }
.block.product.aed-models .item .content .specs:hover .hover-not { display: block; }
.block.product.aed-models .item .content .specs:hover .normal { display: none; }
.block.product.aed-models .item .content .specs:hover a .hover-not { display: none; }
.block.product.aed-models .item .content .specs:hover a .hover { display: block;  }
.block.product.aed-models .item .content .specs .icon1::before { content: "\f00c"; font-family: "Font Awesome 6 Sharp"; font-size: 1rem; font-weight: 400; color: var(--green); display: block; width: 20px; height: 20px; display: flex; align-items: center; }
.block.product.aed-models .item .content .specs .icon0::before { content: "\f00d"; font-family: "Font Awesome 6 Sharp"; font-size: 1rem; font-weight: 400; color: #ff0000; display: block; width: 20px; height: 20px; display: flex; align-items: center; }
.block.product.aed-models .item .content .specs .icon2::before { content: "\f00c"; font-family: "Font Awesome 6 Sharp"; font-size: 1rem; font-weight: 400; color: var(--green); display: block; width: 20px; height: 20px; }
/* .block.product.aed-models .item .content .specs .icon2::before { content: "\f071"; font-family: "Font Awesome 6 Sharp"; font-size: 1rem; font-weight: 400; color: #ff6600; display: block; width: 20px; height: 20px; display: flex; align-items: center;} */

.block.product.aed-models .item .content .comments { margin-top: 15px; font-size: 16px; } 
.block.product.aed-models .item .content .comments p:last-child { margin-bottom: 0; } 

.modal-backdrop.show { z-index: 10000 }
.modal.show { z-index: 10005; }
.block.product.aed-models .modal-dialog { max-width: 1000px; z-index: 10010; }
.block.product.aed-models .modal-content { border-radius: 30px; }
.block.product.aed-models .modal-header { border-bottom: unset; padding: 30px 30px 0 30px; max-width: 60%; justify-content: space-between; }
.block.product.aed-models .modal-header p { margin-bottom: 0; font-size: 1.2rem; color: #BCBCBC; }
.block.product.aed-models .modal-header h3 { margin-top: 0; }
.block.product.aed-models .modal-header h3 span { color: #BCBCBC; margin-left: 5px; }
.block.product.aed-models .modal-header .btn-close { background: var(--text-color); border-radius: 100%; color: var(--white) !important; opacity: unset; display: flex; align-items: center; justify-content: center; --bs-btn-close-focus-shadow: none; position: absolute; right: 20px; top: 20px; }
.block.product.aed-models .modal-body { padding: 30px; }
.block.product.aed-models .modal-body table thead { margin-bottom: 30px; }
.block.product.aed-models .modal-body table * { border: none; }
.block.product.aed-models .modal-body table tr { border-radius: 30px; overflow: hidden; }
.block.product.aed-models .modal-body table tr:nth-child(odd) { background: #E3E3E3;  }
.block.product.aed-models .modal-body table tr td { background: transparent; box-shadow: none; color: var(--text-color); }
.block.product.aed-models .modal-body table tr td:first-child { border-radius: 30px 0 0 30px; padding: 5px 0 5px 20px; }
.block.product.aed-models .modal-body table tr td:last-child { border-radius: 0 30px 30px 0; padding: 5px 10px; }
.block.product.aed-models .modal-body .icon1,
.block.product.aed-models .modal-body .icon0 {  }
.block.product.aed-models .modal-body .icon1::before { content: "\f00c"; font-family: "Font Awesome 6 Sharp"; font-size: 1.25rem; font-weight: 300; color: var(--green); display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.block.product.aed-models .modal-body .icon0::before { content: "\f00d"; font-family: "Font Awesome 6 Sharp"; font-size: 1.25rem; font-weight: 300; color: #ff0000; display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.block.product.aed-models .modal-body .comment { font-size: 0.94rem; color: #BCBCBC; }
.block.product.aed-models .modal-body tr.no-option{ opacity: 0.3; }

/* FIND A Dealer*/


/* ============================================
		MOBIEL
=============================================*/
@media only screen and (max-width: 1799px){
    .body{ overflow-x: hidden; }
    .block.content.textblock .btn{ margin-top: 15px; }
    .container-fluid.banner .slogan .text{ width: 75%; }
   
    /* ==== CONTENT ====*/
    /* Algemene lijst */
    /* Content - textblock */
    /* Content - two block */
    /* Content - video block */
    .block.html.textvideoblock .block.content.textblock{ padding: 30px 75px; }

    /* Videos */
    /* Foto - cirkel */
    .block.html.circle-image{ max-width: 450px; }
    /* Foto - breed */
    /* Foto - slider */
    /* Foto - collage */
    /* Buttons */
    /* Greenblock */
    /* Darkgreenblock */
    .row.darkgreen{ background-position: -1px 0; }
    /* Input */
    /* Logo slider */
    /* Productpage */
    .row.frame{ background-size: 60% auto; }
    .row.frame-sp{ background-size: 60% auto; }
    .container.greenblock .block.content{ padding-left: calc(var(--difference-container) - 60px); }
    .block.product.compare table tr td{ min-width: 250px; max-width: 20%; }
    /* Stories */

    /* Markets */
    /* Functie */
    /* Steps - our ambition */
    /* Vacancies */
    /* Story of */
    .block.html.story-of .content{ padding: 75px; }
    .block.html.story-of.light .content .name{ font-size: 1.5rem; }
    .block.html.story-of.light .content h3{ font-size: 1.8rem; }

    /* Counter */
    .block.list.counter .item .top .number{ font-size: 5rem; }
    .block.list.counter .item .content h3{ font-size: 1.6rem; }
    /* Contact */
    /* Manuals & Documents */
    /* Compatibility */
    
    /**/
	.block.product.aed-models .item { padding: 1rem; }
	.block.product.aed-models .item .content .specs { padding: 7px 10px; }
    /* Faq */
}

/* --------------------------------------- */
@media only screen and (max-width: 1499px){
    .container-fluid.banner .slogan .text:after{ width: 350px; height: 350px; }
    /* ==== CONTENT ====*/
    /* Algemene lijst */
    /* Content - textblock */
    /* Content - two block */
    /* Content - video block */
    /* Videos */
    /* Foto - cirkel */
    .block.html.circle-image:after{ right: -40px; }
    /* Foto - breed */
    /* Foto - slider */
    /* Foto - collage */
    /* Buttons */
    /* Greenblock */
    /* Darkgreenblock */
    .row.darkblock .col-lg-7{ padding-left: 50px; }
    /* Input */
    /* Logo slider */
    /* Productpage */
    .row.frame{ background-size: auto 130%; background-position: right -100px center; }
    .row.frame-sp{ background-size: auto 130%; background-position: right -100px center; }
    .block.product.compare {padding-bottom: 12px;}
    /* Stories */
    body:has(.stories .listitem) .block.breadcrumb{ width: 100%; }
    .block.product.stories.grid .grid-item{ height: 327px; }
    .block.product.stories.grid .grid-item .item .image{ height: 188px; } 
    .block.product.stories.grid .grid-item.n2{ height: 565px; }
    .block.product.stories.grid .grid-item.n4{ height: 565px; }
    .block.product.stories.grid .grid-item.n6{ height: 565px; }
    .block.product.stories.grid .grid-item.n2 .item .image,
    .block.product.stories.grid .grid-item.n4 .item .image,
    .block.product.stories.grid .grid-item.n6 .item .image{ height: 425px; }
    .block.product.stories.grid .grid-item.n8 .item .image,
    .block.product.stories.grid .grid-item.n9 .item .image{ height: 188px; }
    .block.product.stories.grid .grid-item .content{ padding: 20px 15px; }
    .block.product.stories .listitem .container:first-child .row{ margin-bottom: 3rem; margin-top: 0; }
    .block.product.stories .listitem .container:first-child .title{ width: 90%; }
    /* Markets */
    /* Functie */
    /* Steps - our ambition */
    .block.content.steps h4{ font-size: 1.2rem; }
    .row.worldmap .block.content.steps{ margin-top: 130px; }
    /* Vacancies */
    /* Story of */
    .block.html.story-of{  margin: 50px 0 40px 0; }
    .block.html.story-of .content{ padding: 50px; }
    .block.html.story-of.light .content h3{ margin-top: 10px; }
    /* Counter */
    /* Contact */
    .block.html.greenblock{ margin-bottom: -125px; }
    /* Manuals & Documents */
    /* Faq */
    /* Compatibility */
}


/* --------------------------------------- */
@media only screen and (max-width: 1399px) {
    .container-fluid.banner .slogan{ top: 55%; }
    .container-fluid.banner .slogan .text:after{ width: 300px; height: 300px; }
    .container-fluid.breadcrumbs{ padding-bottom: 20px; }
    /* ==== CONTENT ====*/
    /* Algemene lijst */
    /* Content - textblock */
    /* Content - two block */
    /* Content - video block */
    .block.html.textvideoblock .block.content.textblock{ padding: 40px 75px; border-radius: 50px; }
    .block.html.textvideoblock .block.html.image img{ border-radius: 0 30px 30px 0; }
    .block.html.textvideoblock .block.html.image .overlay{ border-radius: 0 30px 30px 0; }
    /* Videos */
    /* Foto - cirkel */
    .block.html.circle-image{ max-width: 375px; }
    /* Foto - breed */
    /* Foto - slider */
    /* Foto - collage */
    .block.slides.photocollage .item:nth-child(1){ padding-left: 0; }
    /* Buttons */
    /* Greenblock */
    /* Darkgreenblock */
    .block.html.darkblock .content{ padding: 25px 50px 25px var(--difference-container); }
    /* Input */
    /* Logo slider */
    /* Productpage */
    .row.frame{ background-size: auto 120%; background-position: right -120px center; }
    .row.frame-sp{ background-size: auto 120%; background-position: right -120px center; }
    /* stories */
    /* Markets */
    .block.list.markets:not(.slider) .item .block .image{ height: auto; }
    .block.list.markets .item .block .content{ padding: 20px; }
    .block.list.markets .item .block .content .text img{ margin-right: 10px; max-width: 30px; }
    /* Functie */
    /* Steps - our ambition */
    .row.vertical-padding .col-lg-6:nth-child(1){ padding-right: 20px; }
    .row.vertical-padding .col-lg-6:nth-child(2){ padding-left: 20px; }
    .block.html.color-banner h2{ font-size: 3.5rem; }
    .block.html.worldmap-small{ margin: 150px 0 75px 0; }
    .row.worldmap .block.html.worldmap-small .pijl{ transform: translate(100%, 20%) rotate(20deg); }
    /* Vacancies */
    /* Story of */
    .block.html.story-of .content{ padding: 25px; }
    .block.html.story-of.light .content{ padding: 25px 30px 25px 15px; }
    /* Counter */
    /* Contact */
    .block.form{ margin-right: 0; }
    .block.html.contactblock{ padding: 40px 0 40px calc(3rem - 12px); }
    /* Manuals & Documents */
    /* Faq */
    /* Contactform FAQ & Compatibility */
    .block.html.greenform{ padding: 50px; }
    /* Compatibility */
}

/* --------------------------------------- */
@media only screen and (max-width: 1199px) {
    body.halfgrey:after{ height: 700px; }
    .container-fluid.banner .slogan .text:after{ width: 250px; height: 250px; }
    /* ==== CONTENT ====*/
    .container-fluid.content .pad-left{ padding-left: calc(var(--bs-gutter-x)* .5); }
    /* .rotaid-element{ bottom: -25px; right: -60px; max-width: 150px; }
    .rotaid-element.left{ bottom: 75px; left: -60px; max-width: 150px; } 
    .block.html.story-of .rotaid-element{ top: -60px; bottom: unset; right: -60px; }*/
    .row.grey{ padding: 0 0 50px 0; }

    /* Algemene lijst */
    /* Content - textblock */
    /* Content - two block */
    .block.list.twoblock:before{ height: 80%; }
    .block.list.twoblock .item{ padding: 25px 15px 50px 15px; }
    /* Content - video block */
    /* Videos */
    .block.list.videos .item .content h3{ padding: 10px 20px; }
    /* Foto - cirkel */
    .block.html.circle-image{ max-width: 300px; }
    /* Foto - breed */
    /* Foto - slider */
    /* Foto - collage */
    /* Buttons */
    .block.list.place-to-use{ display: block; margin: -20px 0 20px 0; }
    .block.list.place-to-use .item{ margin-bottom: 20px; }
    /* Greenblock */
    
    /* Darkgreenblock */
    .row.darkblock > div > .row{ margin-top: 50px; }
    .block.html.darkblock .content{ padding: 25px 24px 25px var(--difference-container); }
    .block.html.darkblock{ margin-top: 0; margin-bottom: 50px; }
    /* Input */
    /* Logo slider */
    /* Productpage */
    .row.frame{ background-size: auto 100%; background-position: right -70px center; }
    .row.frame-sp{ background-size: auto 100%; background-position: right -70px center; }
    .container.greenblock > .row{ padding-top: 50px; padding-bottom: 50px; }
    		
	.block.product.compare { overflow-x: unset; }
	.block.product.compare table img { max-width: 250px; }
	.block.product.compare table tr td:nth-child(n+3) { display: none; }
	.block.product.compare table tr td.hide { display: none; }
	.block.product.compare table tr td.show { display: table-cell; }
	.block.product.compare table tr td:nth-child(n + 2) { border-radius: 0 100px 100px 0; }

	.block.product.compare .arrows { width: 100%; height: 60px; position: relative; }
	.block.product.compare .arrows .arrow { background: var(--gradient-green); border-radius: 50px; transition: all 0.5s; cursor: pointer; display: flex; align-items: center; justify-content: center; }
	.block.product.compare .arrows .arrow.next { position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; }
	.block.product.compare .arrows .arrow i { font-size: 1.5rem; color: var(--white); }
	.block.product.compare .arrows .arrow.prev { position: absolute; bottom: 0; left: 0; width: 60px; height: 60px; }
    /* Stories */
    .block.product.stories .listitem .title h1{ text-align: left; max-width: 100%; width: 100%; }
    .block.product.stories.grid .grid-item { width: 50%; height: auto; }
    .block.product.stories.grid .grid-item.n2{ height: auto; }
    .block.product.stories.grid .grid-item.n4{ height: auto; margin-top: 0; }
    .block.product.stories.grid .grid-item.n6{ height: auto; margin-top: 0; }
    .block.product.stories.grid .grid-item.n8{ width: 50%; }
    .block.product.stories.grid .grid-item.n9{ width: 50%; }
    .block.product.stories.grid .grid-item.n2 .item .image,
    .block.product.stories.grid .grid-item.n4 .item .image,
    .block.product.stories.grid .grid-item.n6 .item .image{ height: auto; }
    .block.product.stories.grid .grid-item.n8 .item .image,
    .block.product.stories.grid .grid-item.n9 .item .image{ height: auto; }
    .block.product.stories.grid .grid-item .item .image{ height: auto; }
    .block.product.stories.grid .grid-item.mixitup-small{ width: 50%; }
    /* Markets */
    /* Functie */
    /* Steps - our ambition */
    .block.html.color-banner h2{ font-size: 3.0rem; }
    .block.html.worldmap-small{ margin: 115px 0 0 0; }
    .block.html.worldmap-small .pijl{ right: 15%; transform: translate(0, 150%) rotate(-85deg); }
    .row.worldmap .block.content.steps{ margin-top: 110px; }
    /* OPTIONS */
    .block.list.options .item .content{ padding: 10px 25px; }
    /* Vacancies */
    /* Story of */
    .block.html.story-of.light .content{ padding: 20px 25px 20px 10px; }
    .block.html.story-of.light .content .name{ font-size: 1.2rem; }
    .block.html.story-of.light .content h3{ font-size: 1.3rem; }
    
    /* Counter */
    .block.list.counter .item .top .number{ font-size: 3rem; }
    /* Contact */
    .block.html.greenblock{ margin-bottom: -100px; }
    /* Manuals & Documents */
    /* Faq */
    .block.list.faq .item { padding: 30px; }
    .block.list.faq .item .content h3{ min-height: 53px; }
    /* Contactform FAQ & Compatibility */
    .block.html.greenform .contactform{ padding: 40px; }
    /* Compatibility */
    .block.list.logos.compatibility .item{ width: calc(33.33% - 60px); }
	.block.list.logos.compatibility .item:nth-child(10n+5) { margin-right: 0; }
	.block.list.logos.compatibility .item:nth-child(10n+6) { margin-left: 0; }
	.block.list.logos.compatibility .item:nth-child(6n+3) { margin-right: 100px; }
	.block.list.logos.compatibility .item:nth-child(6n+4) { margin-left: 100px; }
}
/* --------------------------------------- */
@media only screen and (max-width: 991px) {
    .container-fluid.banner{ margin-top: -80px; }
    .container-fluid.banner .content{ top: 106px; }
    .container-fluid.banner .slogan{ top: 50%; }
    .container-fluid.banner .slogan .text{ padding-left: 0; }
    .container-fluid.banner .slogan .text:after{ left: -40px; }
    .container-fluid.banner > img{ width: 100%; height: 500px; }
    .block.breadcrumb{ width: 100%; }
    /* ==== CONTENT ====*/
    .block.content.intro{ width: 100%; }
    /* Algemene lijst */
    /* Content - textblock */

    /* Content - two block */
    .block.list.twoblock{ padding: 0; }
    .block.list.twoblock .item{ padding: 25px 0 30px 0; }
    .block.html.twoblock{ margin-left: 50px; }
    
    /* Content - video block */
    .block.html.textvideoblock .block.content.textblock{ padding: 50px var(--difference-container); border-radius: 30px 30px 0 0; }
    .block.html.textvideoblock .block.html.image img{ border-radius: 0 0 30px 30px; }
    .block.html.textvideoblock .block.html.image .overlay{ border-radius: 0 0 30px 30px; }
    /* Videos */
    .block.list.videos{ margin-top: 0; }
    .block.list.videos .item .content h3{ padding: 20px 30px; }
    /* Foto - cirkel */
    .block.html.circle-image{ max-width: 500px; width: 100%; margin: 75px auto 0px auto; }
    /* Foto - breed */
    .row.photo-long.end{ margin-bottom: -30px; }
    /* Foto - slider */
    /* Foto - collage */
    /* Buttons */
    .block.list.buttons{ justify-content: space-between; }
    .block.list.buttons .btn.btn-primary{ margin: 0; }
    /* Greenblock */
    /* Darkgreenblock */
    .row.darkgreen{ background: url(/media/2025-03/bg-features-mob.jpg) #0f3b2a; background-size: 100% auto; background-position: -1px -40px; background-repeat: no-repeat; padding-top: 55vw; }
    .row.darkgreen .block.content.text-center{ width: 100%; }
    .row.darkblock .col-lg-7{ padding-left: calc(var(--bs-gutter-x)* .5); }
    .block.html.darkblock .content{ padding: 25px var(--difference-container) 25px var(--difference-container); }
    .block.html.darkblock .image{ margin-top: 0; text-align: center; margin-right: 0; }
    .block.html.darkblock .image img{ width: 60%; }
    /* Input */
    .block.list.input .col-lg-4{ margin-bottom: 30px; }
    /* Logo slider */
    /* Productpage */
    .row.frame{ background: none; }
    .row.frame-sp{ background: none; }
    .container.greenblock > .row{ border-radius: 30px; }
    .container.greenblock .col-lg-12:nth-child(1) .block.content{  margin-bottom: 0; }
    .container.greenblock .block.content{ padding: 0 calc(var(--difference-container)); }
    .container.greenblock .block.content .btn{ margin-top: 10px; }
    .container.greenblock .block.html{ padding: 50px calc(var(--difference-container)) 0 calc(var(--difference-container)); }
    .container.greenblock .col-lg-6:nth-child(2) .block.html{ padding-left: var(--difference-container); padding-right: var(--difference-container); max-width: 400px; }
    .container.greenblock .col-lg-6:nth-child(3) .block.html{ padding-left: var(--difference-container); padding-right: var(--difference-container); max-width: 400px; }
    .container.greenblock .col-lg-6:nth-child(2) .block.content{ padding-right: var(--difference-container); padding-left: var(--difference-container); }
    .container.greenblock .col-lg-6:nth-child(3) .block.content{ padding-right: var(--difference-container); padding-left: var(--difference-container); }
    .container.grey{ position: relative; }
    .block.product.compare { position: relative; }
	.block.product.compare #header-row { position: relative; height: 300px; }
	.block.product.compare table tr:first-child td.image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
	.block.product.compare table tr:first-child td:first-child { display: none; }
	.block.product.compare .arrows { position: absolute; top: 120px; }
    /* Stories */
    .block.html.filters{ margin-top: 0; }
    .block.html.filters .btn.btn-primary.news::before,
    .block.html.filters .btn.btn-primary.partners::before,
    .block.html.filters .btn.btn-primary.projects::before { margin-right: 0;}
    body:has(.block.product.stories .listitem) .banner { min-height: unset; }
	body:has(.block.product.stories .listitem):before{ height: 120px; }
    .block.product.stories .listitem .container.container-small{ max-width: var(--container-width); }
    .block.product.stories .listitem .container:first-child .title{ width: 100%; }
    .block.product.stories .listitem .title{ display: block; }
    .block.product.stories .listitem .title h1{ text-align: unset; font-size: 3.5rem; max-width: 100%; margin-top: 0; margin-bottom: 10px; padding-bottom: 0; }
    .block.product.stories .listitem .title .place{ margin-bottom: 20px; }
    .block.product.stories .listitem .quote h3{ font-size: 2.5rem; max-width: 80%; margin-top: 1rem; }
    .block.product.stories .listitem .quote span{ font-size: 1.5rem; }
    /* Markets */
    /* Functie */
    /* Steps - our ambition */
    .row.vertical-padding .col-lg-6:nth-child(1){ padding-right: calc(var(--bs-gutter-x)* .5); order: 1; display: flex; flex-direction: column;  }
    .row.vertical-padding .col-lg-6:nth-child(2){ padding-left: calc(var(--bs-gutter-x)* .5); order: 2; display: flex; flex-direction: column; }
    .row.vertical-padding .col-lg-6 .block.content.steps{ order: 1; }
    .row.vertical-padding .col-lg-6 .block.html.image{ order: 2; }
    .row.vertical-padding .col-lg-6 .block.html.worldmap-small{ order: 2; }
    .block.html.worldmap-small .pijl{ top: 0; bottom: unset; }
    .block.html.worldmap-small{ margin: 75px 0 0 0; }
    .block.html.worldmap-small .pijl{ right: 15%; transform: translate(0, -250%) rotate(-85deg); }
    .row.worldmap .block.html.worldmap-small{ margin: 40px 0 50px 0; }
    .row.worldmap .block.html.worldmap-small .pijl{ left: 0; right: unset; transform: translate(0, -100%) rotate(-70deg); width: 75px; }
    .row.worldmap .block.content.steps{ margin-top: 0; }
    .block.html.color-banner{ border-radius: 30px 30px 0 0; }
    /* Options */
    .block.html.options-image{ margin: 25px auto; }
    .block.list.options .item{  height: auto; margin-bottom: 20px;  }
    .block.list.options .item .content .subtitle{ min-height: auto; }
    /* Vacancies */
    .row.greyblock .col-lg-12{ border-radius: 30px 30px 0 0; margin-top: 50px; padding-top: 25px; }
    .block.product.vacancies .item .content{ padding: 20px 25px 40px 25px; }
    /* Story of */
    .block.html.story-of .image{ border-radius: 30px 30px 0 0; }
    .block.html.story-of .content{ padding: 25px var(--difference-container); }
    .block.html.story-of .content .name{  font-size: 2rem; }
    .block.html.story-of.light .image{ border-radius: 30px 30px 0 0; }
    .block.html.story-of.light .content{ padding: 35px 25px; }
    .block.html.story-of.light .content .name{ font-size: 1.5rem; margin: 0 0 15px 0; }
    .block.html.story-of.light .content h3{ font-size: 1.8rem; }
    /* Counter */
    .block.list.counter .col-6.col-lg-3{ margin-bottom: 50px; }
    /* Contact */
    .block.form{ margin-top: 25px; }
    .block.html.contactblock{ padding: 0 0 25px 0; }
    .block.content.questionsblock .pijl{ display: none; }
    /* Manuals & Documents */
    .block.list.aeds { margin-top: 0; }
	.block.list.aeds > div { margin-top: 50px; }
    /* Faq */
    .block.html.search-bar.faq-search{ margin-top: 0; margin-bottom: 1rem; }
    .block.html.search-bar.faq-search .form-group::after { right: 24px; }
    .block.html.search-bar.faq-search .form-group input{ max-width: 100%; }
    
	.block.list.faq { margin-top: 2rem; }
	.block.list.faq > div:nth-last-child(-n+2) { margin-bottom: 0; }
	.block.list.accordion .accordion-item .accordion-body .photo { justify-content: flex-start; }
    /* Contactform FAQ & Compatibility */
    .block.html.greenform{ margin-bottom: 0; }
    .block.html.greenform .contactform{ position: relative; margin-top: 25px; }
    .block.html.greenform .contactform .block.form{ margin-top: 0; }
    /* Compatibility */
    .block.html.search-bar { margin-top: 1rem; }
    .block.product.aed-models .modal-header .photo { justify-content: flex-start; margin-top: 1.5rem; margin-bottom: 1.5rem;}
	.block.list.logos.compatibility { gap: 20px; }
	.block.list.logos.compatibility .item{ width: 30%; }
    .block.list.logos.compatibility .item .block{ height: 90px; padding: 10px 25px; }
	.block.list.logos.compatibility .item:nth-child(10n+5) { margin-right: 0; }
	.block.list.logos.compatibility .item:nth-child(10n+6) { margin-left: 0; }
	.block.list.logos.compatibility .item:nth-child(6n+3) { margin-right: 0; }
	.block.list.logos.compatibility .item:nth-child(6n+4) { margin-left: 0; }	
}
/* --------------------------------------- */
@media only screen and (max-width: 767px) {
    .container-fluid.banner .slogan{ top: 55%; }
    .container-fluid.banner .slogan .text{ width: 100%; padding-left: 0; }
    .container-fluid.banner .slogan .text:after{ left: -50px; }
    
    /* ==== CONTENT ====*/
    /* .rotaid-element{ bottom: -10px; right: var(--difference-container); max-width: 100px; }
    .rotaid-element.left{ bottom: 80px; left: 35px; max-width: 100px; }
    .block.html.story-of .rotaid-element{ top: -60px; bottom: unset; right: 25px; max-width: 100px; } */
    /* Algemene lijst */
    /* Content - textblock */
    /* Content - two block */
    /* Content - video block */
    /* Videos */
    /* Foto - cirkel */
    .block.html.circle-image{ width: 80%; }
    /* Foto - breed */
    /* Foto - slider */
    /* Foto - collage */
    /* Buttons */
    .block.list.buttons .btn.btn-primary{ padding: 5px 20px; }
    .block.list.place-to-use{ display: block; margin: 0 0 20px 0; }
    /* Greenblock */
    /* Darkgreenblock */
    .row.darkgreen{background-position: -1px -20px; }
    /* Input */
    /* Logo slider */
    .block.list.logos.logoslider::before,
    .block.list.logos.logoslider::after{ width: 150px; }
    /* Productpage */
    .block.product.compare table tr td { min-width: 200px; }
	.block.product.compare table tr:nth-child(n + 2) td:first-child { border-radius: 20px 0 0 20px; }
	.block.product.compare table tr td:nth-child(n + 2) { border-radius: 0 20px 20px 0; }
	.block.product.compare table tr:nth-child(n + 2) td:last-child { border-radius: 0 20px 20px 0; }
    /* stories */
    .block.html.filters .filter-body{ flex-wrap: wrap; justify-content: space-between; }
    .block.html.filters .btn.btn-primary:nth-child(1){ width: 100%; margin-bottom: 25px; }
    .block.html.filters .btn.btn-primary:nth-child(2),
    .block.html.filters .btn.btn-primary:nth-child(3){ width: 47%; }
    .block.html.filters .btn.btn-primary.news::before,
    .block.html.filters .btn.btn-primary.partners::before,
    .block.html.filters .btn.btn-primary.projects::before{ margin-right: 5px; }
    
    /* Markets */
    .block.list.markets .item .block .content{ align-items: center; padding: 20px 15px; }
    .block.list.markets .item .block .content .text h3 { font-size: 1.3rem; }
    .block.list.markets .item .block .content .text img{ max-width: 25px; }
    .block.list.markets .item .block .content .btn.btn-cta{ max-width: 30px; height: 30px; font-size: 1rem; }
    /* Functie */
    /* Steps - our ambition */
    /* Vacancies */
    .block.product.vacancies .col-md-6{ margin-bottom: 40px; }
    /* Counter */
    /* Contact */
    .block.html.greenblock{ margin-bottom: 0; }
    /* Manuals & Documents */
    /* Faq */
	.block.list.faq > div:last-child { margin-bottom: 0; }
    /* Compatibility */
    .block.product.aed-models .modal-header{ max-width: 100%; }
}
/* --------------------------------------- */
@media only screen and (max-width: 575px) {
    body{ overflow-x: hidden !important; }
    .container-fluid.banner{ overflow: hidden; }
    .container-fluid.banner > img{ height: 350px; object-position: right -120px top 0; }
    .container-fluid.banner .content .text{ text-align: left; }
    
    /* ==== CONTENT ====*/
    .block.html.rotaid-wrapper{ display: none; }
    /* Algemene lijst */
    /* Content - textblock */
    /* Content - two block */
    /* Content - video block */
    /* Videos */
    /* Foto - cirkel */
    /* Foto - breed */
    .row.photo-long.end{ margin-bottom: -50px; }
    /* Foto - slider */
    /* Foto - collage */
    /* Buttons */
    .block.list.buttons .btn.btn-primary{ padding: 5px 15px; }
    /* Greenblock */
    .block.html.greenblock{ padding: 25px }
    /* Darkgreenblock */
    .row.darkgreen{ background-position: -1px 0px; }
    .block.html.darkblock .content{ padding: 25px; }
    /* Input */
    /* Logo slider */
    /* Productpage */
    .container.greenblock{ padding: 0 12px; }
    .container.greenblock > .row{ margin: 0; padding-top: 0; }
    .container.greenblock .block.content{ padding: 0; }
    /* stories */
    .block.html.filters .btn.btn-primary { font-size: 0.9rem; }
    .block.product.stories .listitem > .container { padding: 0; }
    .block.product.stories .listitem .block.slides.slider.photocollage .item:nth-child(2) { margin-right: 0; }
    .block.product.stories .listitem .title h1{ font-size: 2.6rem; }
    .block.product.stories .listitem .logo{ padding: 10px 25px; top: 10px; left: 22px; }
    .block.product.stories .listitem .logo img{ max-height: 50px; max-width: 200px; }
    .block.product.stories .listitem h2{ font-size: 2.2rem; }
    .block.product.stories .listitem h3{ font-size: 1.8rem; }
    .block.product.stories .listitem h4{ font-size: 1.4rem; }
    /* Markets */
    .block.list.markets:not(.slider) .item .block .image{ height: 500px; }
    .block.list.markets:not(.slider) .item .block .image img{ height: 500px; }
    /* Functie */
    .block.list.functions.slider{ padding-left: 12px; }
    .block.list.functions.slider .item{ padding-right: 20px; }
    /* Steps - our ambition */

    /* Vacancies */
    /* Story of */
    .block.html.story-of .content .name{  font-size: 1.5rem; }
    /* Counter */
    /* Contact */
    /* Manuals & Documents */
    .webpage-col.white { padding: 25px calc(var(--bs-gutter-x) * .5); margin: 0 12px; width: calc(100% - 24px); }
    .block.product.manuals .item .title span{ padding-right: 15px; }
    .px-12 { padding-left: calc(var(--bs-gutter-x) * .5) !important; padding-right: calc(var(--bs-gutter-x) * .5) !important; }
    /* Faq */
	.block.list.faq > div { margin-bottom: 30px; }
	.block.list.faq .item .content h3 { font-size: 1.1rem; margin: 15px 0; min-height: 39px; }
	.block.list.faq .item .content .btn { display: none; }
	.block.list.faq .item:hover .content::after { content: "\f061"; font-family: "Font Awesome 6 Sharp"; color: var(--white); position: absolute; bottom: -15px; left: 0; right: 0; margin: auto; display: block; background: var(--green); width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 20px; transition: all .2s; }
    /* Contactform FAQ & Compatibility */
    .block.html.greenform{ padding: 20px; }
    .block.html.greenform .contactform{ padding: 30px; }
    /* Compatibility */
    .block.list.logos.compatibility .item{ width: calc(50% - 12px); }
	.block.product.aed-models .modal-body{ padding: 30px 15px; }
}
/* --------------------------------------- */
@media only screen and (max-width: 479px) {
    
    body.halfgrey:after{ height: 600px; }
    .block.breadcrumb ul{ line-height: 1.2; }
    .block.breadcrumb ul li.breadcrumarrow:after{ margin: 0 3px; }
    /* ==== CONTENT ====*/
    /* Algemene lijst */
    /* Content - textblock */
    /* Content - two block */
    .block.html.twoblock{ margin-left: 0; }
    .block.list.twoblock:before{ height: 90%; }
    /* Content - video block */
    /* Videos */
    .block.list.videos .item .content h3{ padding: 10px 20px; }
    /* Foto - cirkel */
    /* Foto - breed */
    /* Foto - slider */
    /* Foto - collage */
    /* Buttons */
    .block.list.buttons{ display: block; }
    .block.list.buttons .btn.btn-primary{ margin-bottom: 10px; justify-content: center; }
    .block.list.switch .btn.btn-secondary{ margin: 0 0 15px 0; }
    /* Greenblock */
    
    /* Darkgreenblock */
    /* Input */
    /* Logo slider */
    .block.list.logos.logoslider::before,
    .block.list.logos.logoslider::after{ width: 50px; }
    /* Productpage */
    .block.slides.slider.totem-board .slick-list .slick-track{ padding-bottom: 30px; }
    .block.slides.slider.totem-board .slick-arrow { bottom: 0; }
    .block.slides.slider.totem-board .slick-arrow.slick-prev{ right: calc(25px + 40px + 12px); left: unset; } 
    /* stories */
    .block.html.filters .btn.btn-primary { margin-bottom: 15px !important; font-size: 1rem; }
    .block.product.stories.grid .grid-item { width: 100%; }
    .block.product.stories.grid .grid-item.n8{ width: 100%; }
    .block.product.stories.grid .grid-item.n9{ width: 100%; }
    .block.product.stories.grid .grid-item .content{ padding: 15px 20px 30px 20px; }
    .block.product.stories.grid .grid-item.mixitup-small{ width: 100%; }
    /* Markets */
    .block.list.markets:not(.slider) .item .block .image{ height: 300px; }
    .block.list.markets:not(.slider) .item .block .image img{ height: 300px; }
    /* Functie */
    .block.list.functions .item .block{ padding: 25px; }
    .block.list.functions .item .block .image img{ max-width: 30px; }
    .block.list.functions .item .block .content{ padding-top: 20px; }
    .block.list.functions .item .block .content .text{ padding: 0; }
    .block.list.functions .item .block .content .text h3 { font-size: 1.2rem; }
    /* Steps - our ambition */
    .block.html.color-banner h2{ font-size: 2.8rem; }
    /* Vacancies */
    .block.product.vacancies .item .content .btn.btn-primary{ right: 50%; transform: translate(50%, 50%); width: 80%; }
    /* Counter */
    .block.list.counter .item{ padding-left: 40px; }
    .block.list.counter .item .content{ width: 100%; }
    .block.list.counter .item .content h3{ font-size: 1.2rem; }
    /* Contact */
    
    /* Manuals & Documents */
    /* Faq */
	.webpage-col.faq-search .form-group input { max-width: 100%; }
	.webpage-col.faq-search .form-group::after { right: 27px; }
    .block.list.faq .item{ padding: 30px 25px; }
    /* Compatibility */
    .block.list.logos.compatibility .item .block{ height: 80px; }
    .block.list.logos.compatibility .item .block .image img { max-width: 100px; }
    
}
/* --------------------------------------- */
@media only screen and (max-width: 356px) {
    .block.html.filters .btn.btn-primary:nth-child(2),
    .block.html.filters .btn.btn-primary:nth-child(3){ width: 100%; }
}