/********** Template CSS **********/
:root {
    --primary: #06A3DA;
    --secondary: #34AD54;
    --light: #EEF9FF;
    --light: #091E3E;
}

body {
	font-family: 'Plus Jakarta Sans', sans-serif !important;;
	font-size:16px;
}

.row {
  margin:0px;
}

.pijl {
    color: #28a745; /* Dit is Bootstrap's 'success' groen */
    font-size: 2rem; /* Maak de pijl groter, bijv. 4x de standaardgrootte */
}


/*** Spinner ***/
.spinner {
    width: 40px;
    height: 40px;
    background: var(--primary);
    margin: 100px auto;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}

#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Heading ***/
h1
.fw-bold {
    font-weight: 800 !important;
    font-family: 'Plus Jakarta Sans';
}

h2 {
	color:#51A322;
	font-size: clamp(1.5rem, 2vw + 1rem, 3rem);
	font-weight: 800;
    font-family: 'Plus Jakarta Sans';
    margin-bottom:20px;
}

h3 {
    font-weight: 800 !important;
    font-size: clamp(1rem, 2vw + 1rem, 2rem);
    font-family: 'Plus Jakarta Sans';
    color:#315E13;
}

.h3small {
	color:#315E13;
}


h4 {
    font-weight: 800 !important;
    font-size: clamp(1rem, 2vw + 1rem, 2rem);
    font-family: 'Plus Jakarta Sans';
    color:#FFF;
}

h5 {
	font-weight: 800 !important;
    font-size: clamp(1rem, 2vw + 1rem, 2rem);
    font-family: 'Plus Jakarta Sans';
    color:#51A322;
}

.h5small {
	color:#51A322;
}


h6 {
	font-weight: 800 !important;
	font-size: clamp(1rem, 1.5vw + 1rem, 1rem);
	font-family: 'Plus Jakarta Sans';
	color:#51A322;
}

h7 {
	font-weight:800;
	font-family: 'Plus Jakarta Sans';
}

h8 {
	font-weight:800;
	font-size: 20px;
	font-family: 'Plus Jakarta Sans';
}

h9 {
	font-weight:800;
	font-size: 18px;
	font-family: 'Plus Jakarta Sans';
}

.zoekAantal {
	font-weight: 600;
}

.lijstHorizontaal {
	width:100%;
}

.lijstVerticaal {
	height:150px;
}

.divVerticaal {
	background-color:#EEE;
	text-align: center
}


/*** Navbar ***/
.navbar-light .navbar-nav .nav-link {
    position: relative;
    color: #010101;
    font-size: 15px;
    transition: .5s;
    padding: 7px 15px;
    margin-top:10px;
    margin-left:2px;
}

.navbar-light .menuspacer {
	width:30px;
}

.sticky-top.navbar-light .navbar-nav .nav-link {
    padding: 20px 0;
    color: var(--light);
}

.navbar-light .navbar-nav .nav-link:hover {
    color:#53C31D;
}

.navbar-light .navbar-nav .nav-link.active {
	color:#FFF;
	font-weight:600;
    background-color:#53C41D;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
}

.navbar-light .navbar-nav .nav-link.active:hover {
	background-color: #51A322;	
}


.navbar-light .menuitemright {
	color:#315E12;
	font-size: 15px;
	padding: 9px 15px;
    margin-top:10px;
    margin-left:2px;
    text-decoration: none;
    cursor: pointer;
}

.navbar-light .menuitemright .icon {
	font-size: 18px;
}


.navbar-light .profieldropdown {
	color:#64864D;
	font-size: 15px;
	padding: 9px 0px;
    margin-top:10px;
}

.navbar-light .menuitemright:hover {
	color:#53C31C;
}

.navbar-light .navbar-brand {
}

.navbar-light .navbar-toggler {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}

 /* Zorgt ervoor dat de slider de volledige achtergrond bedekt */
.slider-container-background {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Stijl voor de slider en afbeeldingen */
.background-slider img {
    width: 100%;
    object-fit: cover; /* Behoud aspect ratio en vul de container */
}

/* Stijl voor de navigatie dots */
.slick-dots {
	position: absolute;
	bottom: 20px; /* Zet de bolletjes onderaan in de afbeelding */
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	gap: 10px;
	list-style: none;
	padding-left: 100%;
	width: 100%;
	text-align: center;
}

/* Verwijder ongewenste stijlen van de lijst-items */
.slick-dots li {
	margin: 0;
	list-style: none;
}

/* Verwijder standaard button-stijl en zwarte bolletjes */
.slick-dots li button {
	font-size: 0; /* Verberg standaard button-tekst */
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5); /* Grijze bolletjes */
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0; /* Voorkomt extra ruimte */
	display: block;
}

/* Extra fix: Zorg dat de button GEEN tekst of standaard stijlen heeft */
.slick-dots li button::before {
	content: ""; /* Verwijdert standaard inhoud */
	display: none; /* Zorgt dat er niks wordt weergegeven */
}

/* Actieve dot (geselecteerde bol) */
.slick-dots li.slick-active button {
	background-color: white;
	width: 14px;
	height: 14px;
}

.slider-overlay {
    position: absolute;
    top: 40%; /* Verticaal in het midden van de afbeelding */
    left: 50%; /* Horizontaal in het midden van de afbeelding */
    transform: translate(-50%, -50%); /* Verticaal en horizontaal gecentreerd */
    z-index: 2;
    color: white;
    padding: 20px;
    box-sizing: border-box;
}

.secondMenu {
	display:none;
}

.beeldbankLogo {
	height:60px;
	margin:10px 20px;
}

.hidemenu {
	display: none;
}

.linkedinTelefoon {
	display: none;
}

.footer {
	background-color:#315E13;
	color:#FCFFF5;
}

.footer .foto {
	width:100%;
	border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
}

.footer .buttonFooter {
	color:#3C382D;
	font-weight:600;
    background-color:#FFEEBE;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border:0;
    height:40px;
    width:100%;
}

.footer .buttonFooterIN {
	color:#3C382D;
	font-weight:600;
    background-color:#FFEEBE;
    border-radius: 25px;
    border:0;
    height:40px;
}

.footer .buttonFooter:hover,
.footer .buttonFooterIN:hover {
	background-color:#FFC116;
}

.content .achtergrondHomeMobiel {
	display: none;
}

.content .zoek h1 {
	color:#FFF;
	text-shadow: 2px 2px 8px #505842;
	font-size: 3.5vw;
}

.zoekDiv {
	border-bottom-right-radius: 0px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 0px;
    background-color:#FFF;
    border-top-right-radius: 15px;
}

.zoekInput {	
    border:0;
    max-width:auto;
    width:100%;
    color:#000;
}


.zoekButton {
	height:80px;
	background-color:#53C41D;
	border:0;
    border-top-right-radius: 15px;
    width:4rem;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.zoekCross {
	background-color:#FFF;
	border:0;
    width:50px;
    height:80px;
}

.content .zoek .meestGezocht {
	color:#FFF;
	text-shadow: 1px 1px 4px #505842;
}

.content .buttonYellow {
	color:#3C382D;
    background-color:#FFEEBE;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border:0;
    height:30px;
    min-width: 85px;
    font-size:16px;
}

.content .buttonYellow:hover {
	background-color:#FFC116;
}

.content .buttonYellow2 {
	color:#3C651B;
    background-color:#FFEEBE;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border:0;
    height:30px;
    font-size:16px;
    font-weight: 600;
    font-family:'Plus Jakarta Sans';
    width: 45vw;
}

.buttonTag {
	color:#3C382D;
    background-color:#FFEEBE;
    border:0;
    height:30px;
    min-width: 160px;
    font-size:16px;
}

.content .buttonYellow2:hover {
	background-color:#FFC116;
}

.content .buttonYellow2.active {
	background-color:#FFC116;
    border-bottom-left-radius: 0px;
}

.filterButton {
	color:#3C382D;
    background-color:#FFEEBE;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border:0;
    height:30px;
    min-width: 85px;
    font-size:16px;
}

.filterButton:hover {
	background-color:#FFC116;
}

.filterButton.active {
	background-color:#FFC116;
}

.filterDropdown {
	color:#3C382D;
    background-color:#FFEEBE;
    border:0;
    height:30px;
    font-size:16px;
    border-radius: 5px;
}

.content .buttonGreen {
    font-family: 'Plus Jakarta Sans';
	color:#FFF;
    background-color:#53C41D;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border:0;
    height:30px;
    margin-left:10px;
    min-width: 85px;
    font-size:16px;
    font-weight: 600
}

.content .buttonGreen:hover {
	background-color: #51A322;	
}

.content .fotoverhalen {
	background-image: url('/img/wave1.webp');
	background-position: center top;
	background-repeat: no-repeat;
	background-color:#315E13;
	color:#FCFFF5;
	padding-top:120px;
}

.content .beelbankcijfers {
	color:#315E13;
}

.content .beelbankcijfers .cijfers {
	color:#53C41D;
	font-size:5vw;
	font-weight: 800;
    font-family: 'Plus Jakarta Sans';
}

.content .gemeentekaart {
	background-color: #FFEEBE;
	background-image: url('/img/wave2.webp');
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom:110px;
}

.content .voorkeur {
	background-color: #FFEEBE;
	background-image: url('/img/wave3.webp');
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom:120px;
	padding-top:30px;
}

.klantenVertellenOverOns {
	background-color: #FFEEBE;
	background-image: url('/img/wave4.webp');
	background-position: center top;
	background-repeat: no-repeat;
	padding-bottom:120px;
	padding-top:30px;
}

.content .gemeentekaart .tekst {
	font-size:16px;	
	margin-bottom:20px;
}

.content .gemeentekaart .zoekInput {
	height:50px;
    border-bottom-left-radius: 10px;
    padding-left:20px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
}

.content .gemeentekaart .zoekButton {
	height:50px;
	background-color:#53C41D;
	border:0;
    border-top-right-radius: 10px;
    width:50px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.content .partnerfoto {
	width:50px;
}

.winkelmandjeMenuitem {
    display:none;
}

.alleVerhalenMobile {
	display: none
}

.slide-content {
	font-size:14px;
	font-family: sans-serif;
}

.beeldverhaalDiv {
	cursor:pointer;
}

.beeldverhaalfoto {
	border-top-right-radius: 20px;
}

 /* Styling voor de container */
.center-slider-container {
  position: relative;
  width: 80%; /* Pas dit aan naar jouw layout */
  margin: auto;
}
/* Stijl de pijlen zodat ze naast de slider komen */
.slick-prev, .slick-next {
  position: absolute;
  top: 50%; /* Verticaal centreren */
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  z-index: 1;
  background-color:transparent;
  border:0;
  color:#FFF;
  font-size:40px;
}

/* Stijl de pijlen zodat ze naast de slider komen */
.slick-prev2, .slick-next2 {
  position: absolute;
  top: 50%; /* Verticaal centreren */
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  z-index: 1;
  background-color:transparent;
  border:0;
  color:#000;
  font-size:40px;
}

.slick-prev {
  left: -60px; /* Links van de slider */
}
.slick-next {
  right: -60px; /* Rechts van de slider */
}

.slick-prev2 {
  left: -60px; /* Links van de slider */
}
.slick-next2 {
  right: -60px; /* Rechts van de slider */
}

 /* Styling voor de container */
.slider-container {
  position: relative;
  width: 80%; /* Pas dit aan naar de gewenste breedte */
  margin: auto;
}

.slider-container img {
	padding:20px;	
}


/* Slider pijl styling */
.slick-prev2, .slick-next2 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	z-index: 1;
	background-color:transparent;
	border:0;
	color:#315E13;
	font-size:40px;
}
.slick-prev2 {
  left: -100px;
}
.slick-next2 {
  right: -100px;
}

/* Voeg padding toe aan de slider-items */
.center-slider .slick-slide {
  padding: 0 0px;
}

/* Center slide vergroten en zijkanten transparanter maken */
.center-slider .slick-slide {
  transition: transform 0.3s ease, opacity 0.3s ease; /* Soepel in- en uitzoomen */
  opacity: 0.7; /* Start met verminderde zichtbaarheid voor alle slides */
  transform: scale(0.8);
}
.center-slider .slick-center {
  transform: scale(1); /* Maak de middelste slide groter */
  opacity: 1; /* Volledig zichtbaar */
}

/* Voeg padding toe aan de slider-items */
.center-slider2 .slick-slide {
  padding: 0 0px;
}

/* Center slide vergroten en zijkanten transparanter maken */
.center-slider2 .slick-slide {
  transition: transform 0.3s ease, opacity 0.3s ease; /* Soepel in- en uitzoomen */
  opacity: 0.7; /* Start met verminderde zichtbaarheid voor alle slides */
  transform: scale(0.8);
}
.center-slider2 .slick-center {
  transform: scale(1); /* Maak de middelste slide groter */
  opacity: 1; /* Volledig zichtbaar */
}

.centered-content {
  display: flex;
  align-items: center; /* Verticaal centreren */
  justify-content: center; /* Horizontaal centreren */
  text-align: center;
}

.centered-content img {
  margin-left: 10px; /* Ruimte tussen tekst en afbeelding */
}

.partner {
	margin-left: 1vw;
	margin-right: 1vw;
}

.zoekveld {
	background-color:#FEF4D4;
}

.zoekveld .zoekhulp {
	color:#49702A;
	vertical-align: bottom;
	float:left;
}
/* Grid layout met 3 kolommen */
.photo-grid5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    width: 15vw;
}

.photo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.photo-item {
    background-color: #EEE;
    height: 15.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.photo-item img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    object-fit: contain;
}

.photo-item.vertical img {
	max-height: 15.5vw;         /* laat hoogte los */
    width: auto;          /* behoud verhouding */
    object-fit: contain;
}


.filterMenu-item {
	grid-column: span 2;
	background-color:#FFC116;
}

.fotoHeart {
	color: white;
	outline: none !important;
	border:0;
}

.fotoHeart:focus:active {
	color: orange;
}


.fotoHeart:hover {
	color: orange;
}


.reeksImage {
	width:10vw;
}

.grid-template {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); /* Responsief aantal kolommen */
  grid-auto-flow: dense; /* Houd knoppen compact */
}

button:nth-child(2n + 2) { /* Laatste knoppen naar de tweede regel */
  grid-column: 1;
}

.modal-content {
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.nav-tabs .nav-link {
    color: #495057;
}
.nav-tabs .nav-link.active {
    color: #007bff;
    font-weight: bold;
}

.succestext {
	color:green;
	font-weight:800;
}

.errortext {
	color:red;
	font-weight:800;
}

.wachtwoordVergeten {
	cursor:pointer;
	text-decoration: underline;
}

.terugnaarinloggen {
	cursor:pointer;
	text-decoration: underline;
}

.wwvergeten {
	width:50%;
}

 /* Algemene container */
    .logo-slider-container {
        width: 100%;
        overflow: hidden;
        background: #FFF;
        padding: 20px 0;
        position: relative;
        white-space: nowrap;
    }

    /* De rij met logo's */
    .logo-track {
        display: flex;
        gap: 30px; /* Ruimte tussen logo's */
        animation: scroll 75s linear infinite; /* Continue beweging */
    }

    /* Logo's zelf */
    .logo-track img {
        height: 50px; /* Houdt hoogte vast */
        width: auto; /* Variabele breedte */
        object-fit: contain; /* Verhoudingen behouden */
    }

    /* Scroll-animatie */
    @keyframes scroll {
        from { transform: translateX(0%); }
        to { transform: translateX(-100%); }
    }

    /* Dubbele rij maken voor infinite effect */
    .logo-track-wrapper {
        display: flex;
        width: max-content; /* Past zich aan de inhoud aan */
    }

@media (max-width: 991.98px) {
    .sticky-top.searchbar {
        position: relative;
        background: #FFFFFF;
    }
    
    .beeldbankLogo {
		height:40px;
		margin:10px 10px;
	}
    
    .navbar-light .navbar-nav .nav-link {
	    font-family: 'Plus Jakarta Sans';
	    position: relative;
	    margin-left: 25px;
	    padding: 5px 10px;
	    color: #FFFFFF;
	    font-size: 20px;
	    font-weight: 600;
	    outline: none;
	    transition: .5s;
	    margin-bottom:10px;
    }
    
    .navbar-light .navbar-nav .nav-link.active {
		color:#FFF;
		font-weight:600;
	    background-color:#53C41D;
	    border-bottom-left-radius: 10px;
	    border-top-right-radius: 10px;
	    width: max-content;
	}

    .searchbar .navbar-brand h1 {
        color: var(--primary);
    }
    
    .beeldbankLogo {
	    margin:0;

    }
    
    .navbar-toggler {
	    border: 0;
	    color: #315E13;
    }
    
    .navbar-collapse {
	    background-color:#315E13;
	    padding-top:20px;
    }
    
    .rightMenu {
	    display:none;
    }
    
    .secondMenu {
		display:inline;
		border:1px solid #000;
    }
    
    .navbar-light .secondMenu .nav-link2 {
	    font-family: 'Plus Jakarta Sans';
	    position: relative;
	    margin-left: 25px;
	    padding: 5px 10px;
	    color: #FFF;
	    font-size: 18px;
	    outline: none;
	    transition: .5s;
	    text-decoration: none;
    }
    
    .navbar-light .secondMenu .nav-link2.active {
		color:#FFF;
		font-weight:600;
	    background-color:#53C41D;
	    border-bottom-left-radius: 10px;
	    border-top-right-radius: 10px;
	    width: max-content;
	}

	
	.centered-content {
        flex-direction: column; /* Stapelt de tekst en afbeelding */
      }
      .centered-content img {
        margin-left: 0; /* Verwijder marge links */
        margin-top: 10px; /* Voeg marge boven de afbeelding toe */
      } 
      
	.footer .buttonFooter {
		width:50%;  
	}
	
	/* Grid layout met 3 kolommen */
	.photo-grid {
	    display: grid;
	    grid-template-columns: repeat(2, 1fr);
	    gap: 10px;
	
	}
	
	.photo-grid5 {
	    display: grid;
	    grid-template-columns: repeat(2, 1fr);
	    gap: 10px;
	}

	/* Algemene stijl voor elk foto-item */
	.photo-item {
	    background-color: #EEE;
	    height: 30vw;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	
	/* Stijl voor de afbeeldingen binnen elk item */
	.photo-item img {
	    max-height: 100%;
	    max-width: 100%;
	    height: auto;
	    width: auto;
	    object-fit: contain;
	}
	
	.photo-item.vertical img {
		max-height: 30vw;         /* laat hoogte los */
	    width: auto;          /* behoud verhouding */
	    object-fit: contain;
	}
	
	/* Algemene stijl voor elk foto-item */
	.photo-item2 {
    	background-color: #EEE; /* Voor zwarte achtergrond bij verticale foto's */
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	
	/* Stijl voor de afbeeldingen binnen elk item */
	.photo-item2 img {
	    height: 30vw; /* Pas de vaste hoogte aan naar wens, gebaseerd op horizontale foto's */
	    object-fit: cover;
	}
	
	.normal-item {
		max-width: 45vw;
	}
	
	.large-item {
/* 		grid-column: span 2; */
	}
	
	.filterMobile {
		font-family: 'Plus Jakarta Sans';
		color:#FFF;
	    background-color:#53C41D;
	    border-bottom-left-radius: 10px;
	    border-top-right-radius: 10px;
	    border:0;
	    height:30px;
	    margin-left:10px;
	    min-width: 85px;
	    font-size:13px;
	    font-weight: 600
	}
	
	.filterMobile:hover {
		background-color: #51A322;	
	}
	
	.filterMobile.active {
		background-color:#51A322;
	}
	
	.filterMobile.notactive {
		background-color:#53C41D;
	}
	
	.zoekInput {
		width:100%;	
	}
	
	.filterDropdown {
		color:#3C382D;
	    background-color:#FFF;
	    border:0;
	    height:30px;
	    font-size:13px;
	    border-radius: 5px;
	    margin-left:10px;
	}
	
	.wwvergeten {
		width:100%;
	}
	
	.menuitemright {
		display:none;
	}
      
}

@media (max-width: 768px) {
	.content .achtergrondHomeMobiel {
		display: inline;
	}
	
	.content .achtergrondHome {
		display: none;
	}
	
	.content .zoek h1 {
		color:#FFF;
		text-shadow: 1px 1px 1px #505842;
		font-size: 5.6vw;
		font-weight: 600
	}
	
	.content .zoek .meestGezocht {
		display: none;
	}
	
	.mobileContent {
		padding:30px;
	}
	
	.alleVerhalenMobile {
		display: block
	}
	
	.slick-next {
	  right: -40px; /* Rechts van de slider */
	}
	
	.slick-prev2 {
	  left: -70px;
	}
	.slick-next2 {
	  right: -50px;
	}
	
	
	.content .beelbankcijfers .cijfers {
		color:#53C41D;
		font-size:10vw;
		font-weight: 800;
	    font-family: 'Plus Jakarta Sans';
	}

	.footer .buttonFooter {
		width:75%;  
	}
	
	.zoekInput {
		width:100%;	
	}
	
}

@media (min-width: 992px) {
    .searchbar {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        border-bottom: 1px solid rgba(256, 256, 256, .1);
        z-index: 999;
    }
    
    .sticky-top.searchbar {
        position: fixed;
        background: #FFFFFF;
    }

    .searchbar::before {
        position: absolute;
        content: "";
        width: 0;
        height: 2px;
        bottom: -1px;
        left: 50%;
        background: var(--primary);
        transition: .5s;
    }

    .searchbar:hover::before,
    .searchbar::before {
        width: 100%;
        left: 0;
    }

    .searchbar::before {
        display: none;
    }
    
    .klantenVertellenHeader {
		padding-right:85px;
	}
	
	/* Algemene stijl voor elk foto-item */
.photo-item2 {
    background-color: #EEE; /* Voor zwarte achtergrond bij verticale foto's */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Stijl voor de afbeeldingen binnen elk item */
.photo-item2 img {
    height: 15.5vw; /* Pas de vaste hoogte aan naar wens, gebaseerd op horizontale foto's */
    object-fit: cover;
}

	
}


@media (min-width: 1300px) {
	.hidemenu{
		display:inline;
	}
}

@media (min-width: 1100px) {
	.linkedinTelefoon{
		display:inline;
	}
	
	.klantenVertellenHeader {
		padding-right:115px;
	}
}

.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 45px;
    z-index: 99;
}


.keywords {
/*    --tag-bg                  : #0052BF;*/
    --tag-hover               : #CE0078;
/*   --tag-text-color          : #FFF;*/
    --tags-border-color       : silver;
    --tag-text-color--edit    : #111;
    --tag-remove-bg           : var(--tag-hover);
    --tag-inset-shadow-size   : 1.4em; /* compensate for the larger --tag-pad value */
/*    --tag-remove-btn-color    : white;*/
    --tag-remove-btn-bg--hover: black;

    min-width: 0;
    border: none;
}

.tagify__tag + .tagify__input::before{
  display:none
}