:root {
	--blue: #0679BB;
	--dark: #2f3234;
	--bs-dark: #2f3234!important;
}

body.lang-fr .navbar-nav li a {padding-left: 15px; padding-right:15px;}

.two-col {column-count: 2; column-width: 150px; width: 100%;}
.three-col {column-count: 3; column-width: 150px; width: 100%;}

#mapsframe {flex-grow: 4;}
.radius-100 {border-radius: 100px;}
.normal-radius {border-radius: 5px!important;}
.ant-action {position: fixed; bottom: 20%; right: 30px; width: 150px; display: block; z-index: 99999; }
.ant-action {cursor: pointer;}
.ant-action img {max-width: 100%; height: auto;}

a .display-4,
a.display-5 {color: var(--dark);}

.text-left {text-align: left!important;}
.text-right {text-align: right!important;}

.text-light {color: #fff;}

* {font-family: 'Nunito Sans', sans-serif; }
body {background-color: #fff; overflow-x: hidden!important; max-width: 100vw;}
a {text-decoration: none;}
p {font-size: 1.15rem; line-height: 180%; color: #666; margin: 2rem 0rem; font-weight: lighter;}
li {font-size: 1.15rem; line-height: 180%; color: #666; font-weight: lighter;}

.custom-icon {font-size: 2rem; cursor: default;}

.related-ul {list-style-type: none; margin: 0px; padding: 0px;}
.related-ul li {line-height: 140%;}
.related-ul li a {font-size: 0.9rem; line-height: 140%; color: #666; font-weight: lighter;}
.related-ul li:hover a {color: var(--blue);}

* {scroll-padding-top: 10rem;}


.sublist-solution ul {list-style-type: none; margin: 0px; padding: 0px;}
.sublist-solution ul ul {list-style-type:none; margin: 0px; padding: 0px;}
.sublist-solution li a {font-size: 0.9rem; color: var(--dark);}

textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
  box-shadow: inset 0 -1px 0 #ddd;
}

.animate__duration-3s {animation-duration: 8s;}
.logo {animation-duration: 1.5s;}
.animate__pulse  {animation-duration: 1s;}

.hide-after {}
.z-1000 {z-index: 10000; position: relative;}

/* THEMES */

/* 
standaard
wit
lichtgrijs
donker
blauw
water
*/

:target::before {
  content: "";
  display: block;
  height: 60px; /* fixed header height*/
  margin: -100px 0 0; /* negative fixed header height */
}

.p-relative {position: relative;}

.bg-blue {background-color: var(--blue);}
.btn-dark {background-color: #2f3234!important;}

input[type="text"]::-webkit-input-placeholder {
  color: #c7c7c7;
  opacity: 1;
}
input[type="text"]::-moz-placeholder {
  color: #c7c7c7;
  opacity: 1;
}
input[type="text"]:-ms-input-placeholder {
  color: #c7c7c7;
  opacity: 1;
}

.image {position: relative;}
.image::after {left: 0px; top: 0px; height: 100%; width: 100%; background-color: rgba(5, 120, 186, 0.3); display:block; z-index: 9999; content: '';}

.image.h-100.w-100 {background-size: cover; background-position: center center; min-height: 300px;} 


.image-holder {position: relative;}
.image-holder::after {left: 0px; top: 0px; height: 100%; width: 100%; background-color: rgba(5, 120, 186, 0.3); display:block; z-index: 9999; content: '';}

.image-blue {position: relative;}
.image-blue::after {left: 0px; top: 0px; height: 100%; width: 100%; background-color: rgba(5, 120, 186, 0.25); display:block; z-index: 998; content: ''; position: absolute;}


.image {overflow: hidden; position: relative;}
.image img {position: relative;}


/* .image::after {position: absolute; width: 100%; height: 100%; background-color: rgba(5, 120, 186, 0.25); content: '';z-index: 3; left:0px; top: 0px;  } */
.image .overlay {position: absolute; width: 100%; height: 97%; background-color: rgba(5, 120, 186, 0.20); content: '';z-index: 3; left:0px; top: 0px;  }


.overlay-blue {position: absolute; width: 100%; height: 100%; background-color: rgba(5, 120, 186, 0.25); content: '';z-index: 3;  }
.block--hero-page .abs {position: relative; z-index: 100;}
.block--hero-page header {position: relative; z-index: 101;}

.block--hero-pag--mobile-hero {color: #fff; background-size:cover;}
.block--hero-pag--mobile-hero .display-1 { text-shadow: 0px 0px 3px black; font-size: 1.75rem;}

body .topbar {/* background-color: #fff; */}
body.type-home .topbar {background-color: #fff;}

.row {scroll-margin-top: 2em;}

.display-3 {font-size: 2.2rem;}

.btn-ghost-light {border-color: #8f8f8f;}
.btn-ghost-light small {position: relative; top: -2px; font-size: 1rem;}

.btn-ghost-blue {border: 1px solid var(--blue); color: var(--blue);}

.btn-ghost-white {border-color: #fff;}

.py-8 {padding: 8rem 0rem;}
.py-10 {padding: 10rem 0rem;}


/* SEARCH */

.btn-search {padding: 0.2rem 1rem!important;}
.btn-search i {margin-top: 1px; position: relative;}

.searchform { width: 50px;  position: relative;}
.search-box {position: relative;}
.search-box i {position: absolute; right: 40px; top: 8px; color: #fff;}
.search-box .form-control {position: relative;}

.search-box .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  opacity: 0;
}
.search-box .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  opacity: 0;
}
.search-box .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
  opacity: 0;
}
.search-box .form-control:-moz-placeholder { /* Firefox 18- */
  color: #fff;
  opacity: 0;
}


.search-box input:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.search-box input:focus::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.search-box input:focus:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.search-box input:focus:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

/*
.search-box input { margin-right: 20px!important; top: 0px; position: absolute;  }
.search-box input:focus {background: #fff; color: var(--dark); width: 100%; top: 0px; }
.search-box:focus i {display: none;}
*/

header .search-box {position: relative;} 
header .search-box:before { content: "\f002"; position: absolute; top: -15px; right: 42px; color: #fff; font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);}
header .search-box input[type="search"] {border-color: 1px solid #fff!important; transition: 0.3s linear; margin-right: 0px;   right: 0px; position: absolute!important;
    top: -18px;}
header .search-box input[type="search"]:focus {width: 140px;}

header.is-sticky .search-box input[type="search"] {border-color: 1px solid var(--dark);}
header.is-sticky .search-box:before {color: var(--dark);}
/* SEARCH */


.block-listing-tech .image {max-height: 500px; }

/* NIEUWSBRIEF */

.js-cm-email-input {border:none;border-radius: 40px; text-indent: 15px;}

/* EO NIEUWSBRIEF */

.font {font-family: 'Roboto Slab', serif;}
.btn-primary {background-color: #0679BB;}

h1,h2,h3,h4,h5,h6 {font-family: 'Nunito Sans', sans-serif; font-weight: bold;}
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {font-family: 'Nunito Sans', sans-serif; font-weight: bold;}

.display-5 {font-size: 1.15rem;}

.display-4 {font-size: 1.2rem;}
	
.theme--standaard {}
.theme--wit	{}
.theme--lichtgrijs {background-color: #f4f4f4;}
.theme--donker {background-color: #232323;}
.theme--blauw {background-color: #0679BB;}
.theme--water	{background-image: url('/dist/img/bg.jpeg'); background-size: cover; background-repeat: no-repeat; background-position: center center;}

.theme--blauw {color:#fff;}
.theme--blauw p {color: #fff;}
.theme--blauw p a {color: #fff; font-weight: bold;}

.theme--donker {color: #fff;}
.theme--donker p {color: #ccc;}


.news-newsletter {border-radius: 10px; background-color: var(--blue);}
.news-newsletter p,
.news-newsletter a {color: #fff;}
.news-newsletter a {color: #fff; font-weight: bold; text-decoration: underline;}
.news-newsletter .btn {border-color: #fff;}

.logo-wrap {/*padding: 1rem 1.5rem; background-color: #fff; border-radius: 0px 0px 10px 10px; display: inline-flex;*/}
.logo-wrap {background-color: transparent;}
	
.topbar {}
.topbar .sociallink i {font-size: 1.5rem; color: #0679BB; margin-bottom: 0px; position: relative;  margin-right: 10px; line-height: 100%; top: 3px;}

.btn {border-radius: 10rem; font-size: 0.9rem; padding: 0.5rem 2rem; font-family: 'Roboto Slab', serif;}
.btn-dark {background-color: #000; border-color: #000;}
.btn-xs {font-size: 0.75rem; padding: 0.3rem 1rem;}

.custom-heading {padding: 1rem 2rem; font-size: 4rem; color:#fff; font-weight: bold; position: relative; border-left: 5px solid #fff;}
.custom-heading::before {position: absolute; left: 0px; height: 5px; width: 90%; content: ''; top: 0px; background-color: #fff;}
.custom-heading::after {position: absolute; left: 0px; height: 5px; width: 42%; content: ''; bottom: 0px; background-color: #fff;}

.custom-heading.blue {color: #0679BB; border-color: #0679BB!important;}
.custom-heading.blue::before {background-color: #0679BB!important;}
.custom-heading.blue::after {background-color: #0679BB!important;}

.custom-heading.white {color: #fff; border-color: #fff!important;}
.custom-heading.bwhiteue::before {background-color: #fff!important;}
.custom-heading.white::after {background-color: #fff!important;}


.custom-heading.small-heading {padding: 1rem 2rem; font-size: 1rem; font-weight: bold; position: relative; border-left: 2px solid #fff;}
.custom-heading.small-heading::before {position: absolute; left: 0px; height: 2px; width: 90%; content: ''; top: 0px; background-color: #fff;}
.custom-heading.small-heading::after {position: absolute; left: 0px; height: 2px; width: 42%; content: ''; bottom: 0px; background-color: #fff;}


.custom-wrapping {padding: 3rem 3rem; position: relative; border-left: 2px solid #fff; border-color: #0679BB!important;}
.custom-wrapping::before {background-color: #0679BB!important; position: absolute; left: 0px; height: 2px; width: 50%; content: ''; top: 0px;}
.custom-wrapping::after {background-color: #0679BB!important; position: absolute; left: 0px; height: 2px; width: 50%; content: ''; bottom: 0px;}
.custom-wrapping li {list-style: none;}


.sublist-technieken {list-style-type: none; line-height: 185%; margin: 0px; padding: 0px;}
.sublist-technieken li a {color: inherit;}
ul.sublist-technieken {
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}

.container-custom {}


.block--foto {background-size: cover; background-position: center center;}

.block--hero {/* background-image: url('/dist/img/bg.jpeg'); */ background-position: center center; background-repeat: no-repeat; background-attachment: fixed; display:block; width: 100%; height: 90vh; background-size: cover;}
.block--hero .heading {padding: 1rem 2rem; font-size: 4rem; color:#fff; font-weight: bold; position: relative; border-left: 5px solid #fff;}
.block--hero .heading::before {position: absolute; left: 0px; height: 5px; width: 70%; content: ''; top: 0px; background-color: #fff;}
.block--hero .heading::after {position: absolute; left: 0px; height: 5px; width: 70%; content: ''; bottom: 0px; background-color: #fff;}
.block--hero iframe {width: 100%;  min-height: 60vh; border: 5px solid #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.60);}
.block--hero p {color: #fff;}
.block--hero .btn-set {margin-top; 25vh;}
.block--hero .btn-set .btn {padding: 1rem 2.5rem; font-size: 0.85rem; text-transform: uppercase; font-weight: bold; background-color: rgba(255, 255, 255, 0.65); border:none;}

.block--hero .btn-set .btn:hover {background-color: rgba(255, 255, 255, 1.0);}



.block--hero .video-bg { width: 100%; height: 100%; z-index: 5; overflow: hidden; position: relative; z-index: 5; top:-15px;}
.block--hero .video-bg video {width: auto; min-width: 100%; height: auto; min-height: 100%; border:none; box-shadow: none; width: 100%; text-center;}

.mobile-intro {position: absolute; width: 100vw; height: 100vh; z-index: 999999; background-color: var(--dark); }

.mobile-video {position: relative; overflow: hidden;}
.mobile-video .video-bg {width: 100%; height: 100%;}
.mobile-video .overlay { width: 100%; height: 100%; position: absolute; background-color: var(--dark); z-index: 9999;}
.mobile-video .arrow {width: 30px;}
.mobile-video .arrow span {}
.mobile-video .display-1 {font-size: 1.8rem;}


.block--hero .abs {z-index: 20; top:40%; position: absolute; z-index: 500; width: 100%;}
.block--hero .container {}
.block--hero .container .display-1 {color: #fff;}


.block--hero .fix-to-bottom {position: absolute; bottom: 80px; width:100%; z-index: 20;}
.block--hero header {position: absolute; width: 100%!important; z-index: 10;}


.block--hero-page {background-position: center center; background-repeat: no-repeat; position: relative; background-size: cover;}
.block--hero-page .display-1 {color: #fff; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.85);}

.head-contact {position: absolute; right: 0px; font-size: 0.85rem; top: 15px;}
.head-contact a {margin-left: 0.6rem; color: #fff;}

.is-sticky .head-contact a {color: var(--dark);}

/* NEW HERO */


.block--full-hero {width: 100%; min-height: 100vh; height: 100vh; background-color: var(--blue); overflow-y: hidden!important; overflow-x: hidden!important; max-width: 100%;}
.block--full-hero .video-bg {min-height: 100%; min-width: 100%; overflow-x: hidden!important; }
.block--full-hero .video-bg video {width: auto; min-height: 100vh; min-width: 100%; overflow-x: hidden!important; }

.block--full-hero .logo {position: absolute; left: 50%; top: 50%; width: 200px; height: 150px; margin-left: -100px; margin-top: -75px;  z-index:30;}
.block--full-hero .overlay {background-color: #2f3234; width: 100%; height: 100%; z-index: 30; position: absolute; overflow-x: hidden;}
.block--full-hero .overlay.overlay.animate__ {display:none;}

.block--full-hero header {background-color: transparent; position: fixed; width: 100%; z-index: 700; max-width: 100%; }

.block--full-hero .display-1 {font-size: 3.5rem;}

 header .white { display:block; max-width: 165px;}
 header.is-sticky .white {display: none;}

 header .not-white {display:none; }
 header.is-sticky .not-white {display:block;}

 header.is-sticky .search-box i {color: #333;}
 header.is-sticky .lang-select {color: #333;}

.google-maps-logisticon iframe {width: 100%; margin-bottom: 2.5rem; margin-top; 1.5rem;}

.lang-select {margin-top: 3px;}
 
/*
.block--full-hero header input[type="search"] {border-color: #fff!important; transition: 0.3s linear; margin-right: 0px;}
.block--full-hero header input[type="search"]:focus {border-color: #333!important; background-color: #333; color: #fff; position: absolute; z-index: 999; width: 250px;
    right: -102px;
    top: -20px;}
*/

.mt-minus-5 {margin-top: -40px;}
.water-work {position: absolute; top: 65%; width: 100%; text-align: center; color: #fff; max-width: 100%;}
.water-work h1 {font-size: 4rem; font-weight: bold; color: #fff; position: absolute; z-index: 15; text-align: center; width: 100%;}

.rel-studies {height: 205px; background-size: cover;}

.block--fixed-thumbs .icon-aquaculture,
.block--fixed-thumbs .icon-food,
.block--fixed-thumbs .icon-communal-waste  {font-size: 2.8rem;}
.block--fixed-thumbs .icon-grondwater  {font-size: 2.6rem;}

.block--fixed-thumbs .bg-blue {background-image: url('/dist/img/bubbels.jpg'); background-size: cover;} 

.block--fixed-thumbs .icon-olie-gas {font-size: 3rem; top: 20px;}
.block--fixed-thumbs  .icon-metal {font-size: 2.8rem;}

.block--fixed-thumbs .custom-icon {position: absolute; right: 20px;}

.type-home .block--fixed-thumbs .custom-icon {position: absolute; right: 0px; font-size: 2.3rem;}
.type-home .block--fixed-thumbs  .icon-olie-gas {font-size: 3rem;}
.type-home .block--fixed-thumbs  .icon-aquaculture {font-size:2.7rem;}




  .youtube-container {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%; /* 16:9 aspect ratio (9 / 16 = 0.5625 or 56.25%) */
      height: 0;
      overflow: hidden;
    }
    .youtube-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

.arrow{
    position: absolute;
    bottom: 10%;
    z-index: 5;
    left: 50%;
    transform: translate(-50%,-50%);
}
.arrow span{
    display: block;
    width: 30px;
    height: 30px;
    border-bottom: 5px solid #06A8FF;
    border-right: 5px solid #06A8FF;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}
.arrow span:nth-child(2){
    animation-delay: -0.2s;
}
.arrow span:nth-child(3){
    animation-delay: -0.4s;
}
@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}

/* EO NEW HERO */



.block--fixed-thumbs {}
.block--fixed-thumbs .items {}
.block--fixed-thumbs .items .item {}
.block--fixed-thumbs .items .item .wrap {position: relative; min-height: 30vh;}
.block--fixed-thumbs .items .item .image  {background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; width: 100%; height: 100%;}
.block--fixed-thumbs .items .item .overlay {position: absolute; padding: 20px; bottom: 0px;  background-color: rgba(0, 0, 0, 0.60);  transition: all ease-in-out 0.3s; width:100%; z-index: 4; padding-top: 2rem; padding-bottom: 2rem;}
.block--fixed-thumbs .items .item .d-onhover {height: 0px; transition: all ease-in-out 0.3s; transform: scaleY(0.0); overflow:hidden; display: block;}
.block--fixed-thumbs .items .item:hover .d-onhover {height: auto; transform: scaleY(1.0);}
.block--fixed-thumbs .items .item .display-4 {font-size: 1.2rem; color: #fff;}
.block--fixed-thumbs .items .item p {padding: 0px; color: #fff; font-weight: normal; line-height: 130%; font-size: 0.95rem; margin: 10px 0px;}
.block--fixed-thumbs .items .item .btn {margin-top: 5px;}

.block--latest-news .items {}
.block--latest-news .items .rotated {height: 100%; background-color: #fff; position: absolute; z-index: 990; width: 45px; left: -50px;}
.block--latest-news .items .category {transform: rotate(270deg); font-weight: bold; position: relative; bottom: -60px; color: #0679BB;}
.block--latest-news .items .item {}
.block--latest-news .items .item .wrap {position: relative; min-height: 40vh;margin-left:45px;}
.block--latest-news .items .item .image  {background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; width: 100%; height: 100%;}
.block--latest-news .items .item .overlay {position: absolute; padding: 20px; bottom: 0px;  background-color: rgba(0, 0, 0, 0.60);  transition: all ease-in-out 0.3s; width: 100%; min-height: 90px;}
.block--latest-news .items .item .d-onhover {height: 0px; transition: all ease-in-out 0.3s; transform: scaleY(0.0); overflow:hidden; display: block;}
.block--latest-news .items .item:hover .d-onhover {height: auto; transform: scaleY(1.0);}
.block--latest-news .items .item .display-4 {font-size: 1.2rem; color: #fff;}
.block--latest-news .items .item p {padding: 0px; color: #fff; font-weight: normal; line-height: 130%; font-size: 0.95rem; margin: 10px 0px;}
.block--latest-news .items .item .btn {margin-top: 5px;}


.block--embed iframe {width: 100%;}


.lang-wrap {font-size: 1.1rem; color: #fff; margin-top: 0px;}
.lang-wrap a {color: #fff;}
.lang-select.active {font-weight: bold; border-bottom: 2px solid #fff;}
header input[type="search"] {background-color: transparent; border: 2px solid #fff; color: #fff; border-radius: 100px; text-indent: 5px;}
header input[type="search"]::placeholder {color: #fff;}
header input[type="search"]:-ms-input-placeholder {color: #fff;}
header input[type="search"]::-ms-input-placeholder  {color: #fff;}

header .logo-wrap img {width: 130px!important;}
header.is-sticky {position: fixed; top: 0px; z-index: 999; background-color: #fff!important; width: 100%; }
header.is-sticky .logo-wrap img {width: 125px!important;}
header.is-sticky .navbar-nav li a {color: #333;}

.navbar-nav li {position: relative;}
.navbar-nav li a {color: #fff; text-transform: uppercase; font-size: 1rem; padding: 0.65rem 1.3rem; border-radius: 100px; transition: ease-in-out 0.3s; margin-right: 5px; font-weight: bold; white-space: nowrap; border: 2px solid transparent;}
.navbar-nav li:hover a {color: #0679BB; text-transform: uppercase;    background-color: #fff;}
.navbar-nav li.here a {background-color: transparent; color: #fff; font-weight: bold; border: 2px solid #fff;}
.navbar-nav li.here:hover a {color: #0679BB; text-transform: uppercase;  border-radius: 100px; background-color: #fff; }
.navbar-nav li li {}
.navbar-nav li li a {}

.navbar-nav li li.here a {color: #333;}
.navbar-nav li ul {display:none;}
.navbar-nav li:hover ul,
.navbar-nav li:hover ul {display: block; position: absolute!important; list-style-type: none; background-color: #fff; padding: 0.8rem; z-index: 2147483647!important; text-align: left; border-radius: 1rem; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.45); margin-left: 0px;}


.navbar-nav li ul li {line-height: 150%;}
.navbar-nav li ul li a {font-size: 0.8rem;;}




/*
.navbar-nav li ul {display:block; position: absolute; left: 0px; top: 0px; text-align: left; list-style-type: none;}


.navbar-nav li ul li:not(:hover) a {font-size: 0.9rem; font-weight: normal; color: #333;  transition: ease-in-out 0.30s;}
.navbar-nav li ul li:hover a {font-size: 0.9rem; font-weight: normal; color: var(--blue); font-weight: bold;transition: ease-in-out 0.30s;}
*/


.navbar-nav.page li {}
.navbar-nav.page li a {color: #333;}

.mega-menu-bar {display:flex;}
.mega-menu-bar li {font-size: 1rem; padding: 0.65rem 1.3rem; list-style-type: none; display: inline-block; position: relative;}
.mega-menu-bar li ul {list-style-type: none; margin-left: 0px; padding-left: 0px;}
.mega-menu-bar li ul li {padding: 0px; position: absolute; padding: 0.65rem 1.3rem;}
.mega-menu-bar li ul li a {padding: 0.65rem 1.3rem; font-size: 1.15rem;}












/* paginatie */

.page-link {color: var(--blue);}
.page-link:hover {color: var(--blue);}
.page-link.active {background-color: var(--blue); color: #fff;}

/* eo paginatie */


/* SLICK */

/*
div.a-left.control-c.prev.slick-prev.slick-arrow { padding: 12px; width: 60px; height: 60px; border-radius: 30px; background-color: #0679BB; color: #fff; text-align: center; font-size: 24px; position: absolute; top: -12rem; right: 15rem; z-index: 800;}

.control-c.next { padding: 12px; width: 60px; height: 60px; border-radius: 30px; background-color: #0679BB; color: #fff; text-align: center; font-size: 24px; position: absolute; top: -12rem; right: 10rem; z-index: 800;}
*/

div.a-left.control-c.prev.slick-prev.slick-arrow { padding: 12px; width: 60px; height: 60px; border-radius: 30px; background-color: #0679BB; color: #fff; text-align: center; font-size: 24px; position: absolute;  left: -1.75rem; z-index: 800; top: 40%; }

.control-c.next { padding: 12px; width: 60px; height: 60px; border-radius: 30px; background-color: #0679BB; color: #fff; text-align: center; font-size: 24px; position: absolute; top: 40%; right: -1.75rem; z-index: 800;}



.slick-container {padding: 0rem;}
.slick-container .display-1 {padding-left: 10vw; padding-bottom: 5rem;} 
.slick-dots {position: absolute; top: -7.5rem; left: 30%; right: 50%; list-style-type: none; width: 1000px; max-width: 50%; display:none;}
.slick-dots li {display: inline-block; width: 500px; max-width: 20%;}
.slick-dots li.slick-active button {display: block; height: 5px;  border:none; background-color: #2eaef8; width: 100%;}
.slick-dots li button {display: block; height: 1px;  border:none; background-color: #183052; width: 100%; top: -2px; position: relative; }
.slide-item {min-height: 55vh; border: 10px solid #fff; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.slide-item .wrap {position: absolute; bottom: 2rem; padding: 2.5rem; color: #fff;}

.image-holder {width: 100%; height: 100%; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center center;}

.modal label {font-weight: bold; text-transform: uppercase; font-size: 0.85rem;}





/* LISTING */

.list-item-case_study i {font-size: 1.7rem;}

/* EO LISTING */

span.btn-primary a {color: #fff;}


.block-maps .filter label {font-size: 0.85rem;}
.block-maps .reinos_maps {height: 100%;}


.card {border:none; border-radius: none;}
.card-body p {font-size: 0.9rem; line-height: 150%; margin: 0px; margin-bottom: 1.5rem;}
.card-body {padding: 2.5rem;}
.card .card-footer {background-color: #fff; border:none; padding-bottom: 1.5rem; }


.card.hasfooter {padding-bottom: 50px; }
.card.hasfooter .card-footer {background-color: #fff; border:none; padding-bottom: 1.5rem; position: absolute; bottom: 20px;  padding: 0px; padding-left: 1rem; padding-right: 1rem; width: 100%;}
.card.hasfooter .card-footer  i {right: 1rem; position: relative;}

.card.blue {color: #fff; background-color: #0679BB;}

.foot-wrap {padding: 10px; border-radius: 0px 0px 10px 10px; background-color: #fff; display: inline-block; position: relative; top: -48px;}
footer strong {color: #fff;}
footer {color: #fff; font-size: 0.9rem; color: #888888;}
footer p {font-size: 0.9rem;}
footer a {color: inherit;}









	/* NAV MOBILE */
	.mobile-menu {list-style-type: none; background-color: var(--dark); color: #fff; padding: 1.1rem; border-radius: 1rem;}
	.mobile-menu a {color: #fff;}
	.mobile-menu li {position: relative;}
	.mobile-menu .dropdown-toggle {position: absolute; right: 1rem; z-index: 500; top: 0px;}
	.nav-button {border-radius: 5px;}
	.nav-button i {font-size:1.2rem;} 
	.mobile-menu .dropdown-menu {transition: ease-in-out; position: inherit!important; transform:none!important; padding: 0rem 1rem; border:none; background-color: transparent; border-radius: inherit; }
	.mobile-menu .dropdown-menu.show {transition: ease-in-out;}

	.mobile-menu li {font-size: 1rem; font-weight: bold;}
	.mobile-menu li li {font-size: 0.9rem; font-weight: normal;}
	.mobile-menu li li li {font-size: 0.8rem;}
	.mobile-menu .dropdown-item {font-weight: normal; font-size: 0.9rem;}

	.mobile-video video {width: 100%; max-width: 100%; height: auto;}



















@media (max-width: 575px){
	
	.ant-action {position: fixed; bottom: 20%; right: 30px; width: 100px; display: block; z-index: 99999; }

	
	
	html, body {overflow-x: hidden!important;}
	
	.block--hero {background-attachment: inherit;}
	
	.block--full-hero {height: 50vh; min-height: 50vh;}
	.block--full-hero .video-bg { width: 100%; height: 100%; z-index: 5; overflow: hidden; position: relative; z-index: 5; top:-15px;}
	.block--full-hero .video-bg video {width: 180%; min-width: 100%; height: 100%; min-height: 100%; border:none; box-shadow: none; width: 100%; text-center;}
	
	.block--full-hero .display-1 {font-size: 1.2rem;}
	.logo-wrap img {max-width: 100%;}
	
	.card.h-100 {height: auto!important; min-height: auto;}
	
	.image .overlay {height: 92%;}
	
	.btn {padding: 0.5rem 1rem; font-size: 0.85rem;}
	.go-directly {display:block; margin-bottom: 5px;} 
	.child-btn {padding: 0.5rem 0.7rem; font-size: 0.60rem; margin-bottom: 10px;}
	.geschikt-voor .btn {padding: 0.3rem 0.65rem; margin-bottom: 10px;}
	.geschikt-voor .btn i {font-size: 1.1rem; }
	
	h4,
	h3,
	.lead {font-size: 1.1rem;}

	.display-3 {font-size: 1.25rem;}
	.display-5 {font-size: 1.0rem; }

	p,
	table td {
	font-size: 0.95rem;
	line-height: 165%;
	color: #666;
	margin: 1.5rem 0rem;
	font-weight: normal;
	}
	
	.h-100 {height: auto;}
	
	.custom-heading {padding: 0.75rem 1.5rem; font-size: 1.4rem; color:#fff; font-weight: bold; position: relative; border-left: 3px solid #fff;}
	.custom-heading::before {position: absolute; left: 0px; height: 3px; width: 90%; content: ''; top: 0px; background-color: #fff;}
	.custom-heading::after {position: absolute; left: 0px; height: 3px; width: 42%; content: ''; bottom: 0px; background-color: #fff;}
	
	.block--fixed-thumbs .items .item .display-4 {font-size: 0.95rem;}
	
	.block-listing-tech .card-body {padding: 1rem;}
	.block-listing-tech .card-body .display-4 {font-size: 0.85rem;}
	.rel-studies {height:100%;}
	
	.slide-item {height: 300px; min-height: 300px;}
	.slide-item .btn {display:none;}
	.slide-item .display-3 {font-size: 0.95rem; text-align: center; position: absolute;  bottom: 1rem; left: 0px; width: 100%; display: block;}
	.slide-item .wrap {width: 100%; margin-top: -30px;}
	.block--latest-news .items .item .wrap  {height: 200px; min-height: inherit;}
	.block--latest-news .items .item .display-4 {font-size: 0.95rem;}
	.js-cm-email-input {padding: 0.5rem;  font-size: 0.85rem;}
	
	
	footer p {font-size: 0.75rem;}
	.foot-socials .btn span {display: none;}
	.foot-socials .btn {display: inline-block!important; margin-top: 0px!important;}
	.footend {font-size: 0.60rem;}
	
	.subfoot .btn {padding: 6px 10px; margin-top: 5px;}
	
	.block--contact h2 {font-size: 1.2rem;}
	.block--contact p,
	.block--contact td {font-size: 0.70rem;
	
}

@media (prefers-color-scheme: dark) {
  .invisible-in-dark {
    background:#fff !important;
  }
}


}




@media (min-width: 1400px){
	.container-custom {max-width: 80vw;}
	.block--hero .heading {font-size: 4rem; padding: 2rem 3rem;}
	.block--hero p {font-size: 1.5rem;}
}



@media (min-width: 1620px){
	.block--hero .heading {font-size: 5rem; padding: 2rem 3rem;}
}

@media (min-width: 2160px){
	.block--hero .heading {font-size: 7rem; padding: 2rem 3rem;}
}