:root {
/* === Algemene kleuren === */
--kleurtekst: #36373D;
--kleur-quoot: #f3f3f3;
--quootes-radius:10px;

/* === Top- en menubalk === */
--topbalk-achtergrondkleur: #36373d;
--topbalk-kleur-tekst: #fff;
--menubalk: #36373d;
--menuknop: #f8c534;
--menuknop-tekst: #fff;
    
--menuknop-laatste:#f8c534;
--menuknop-tekst-laatste:#fff;


--menuknop-tekst-laatste-hover:#fff;
--menuknop-laatste-hover:#5dbccf;      
    
    
--menuitem-kleur: #f8c534;
--menuitem-kleur-hover: #dbf0f4;  
--menuitem-kleur-acief: #fff;   
--menuknop-tekst-hover:#fff;
    
--menu-mobiel-achtergrond: #666;

/* === Secties === */
--sectie-een: #ddd0c2 ;
--sectiekleurtekst: #000;
--sectie-twee: #fff;
--sectie-drie: #fff;
--sectiedrie-kleur: #017AC6;
--quootes-achtergrondkleur: #f3f7fb;

/* === CTA-knoppen === */
--cta-kleur-body: #5dbccf;
--cta-kleur-body-hover: #ad4b22;
--cta-kleur-rand: #5dbccf;
--cta-kleur-rand-hover: #ad4b22 ;
--cta-kleur-tekst: #fff;
--cta-kleur-tekst-hover: #fff ;
--cta-border-radius: 30px;

/* === Footer === */
--copyright-achtergrond: #51b5d0;
--copyright-tekst: #fff;
--kleur-tekst-voet: #fff;
--kleur-opsomming-voet: #fff;

/* === Blog / overige === */
--blog-kolomachtergrondkleur: #f0f0f0;
--progress-kleur-leeg: #017AC6;
--progress-kleur-vol: #C9501D;

/* === Kopteksten === */
--h1: #565656;
--h2: #565656;
--h3: #565656;
--h4: #565656;
--h5: #565656;
--h6: #565656;
    
/* === Formulier  */
--contactform-knop-kleur: #51b5d0;    

    /* === Burgermenu  */
--burger-knop-kleur: #f8c534;   
--burger-knop-kleur-tekst: #fff;   
       
}





/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/plusjakartasans.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Russo One';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/russo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




.icon {
margin-bottom:-1px
}

@media screen and (min-width: 965px) {
a.anchor {
display:block;
position:relative;
top:-150px;
visibility:hidden
}
}

@media screen and (max-width: 965px) {
a.anchor {
display:block;
position:relative;
top:-50px;
visibility:hidden
}
}

@media screen and (min-width: 965px) {
html {
font-size:62.5%
}
}

@media screen and (max-width: 965px) {
html {
font-size:57.5%
}
}

* {
margin:0
}



/* Voor de quotes*/

.homepagelink {
height:0;
display:block;
top:0
}



@media screen and (min-width: 965px) {
.bijschrift,.bijschrift-omhoog,.bijschrift-cta,.bijschrift-cta-omhoog {
background-size:50px 40px;
padding:15px 30px 20px 80px;
border-radius:6px;
margin:-25px 0 0;
color:#444;
background-position:left 10px top 0;
background-repeat:no-repeat;
background-image:url(../svg/bijschriftpijl.svg);
font-size:1.5rem
}

.bijschrift {
background-image:url(../svg/bijschriftpijl.svg)
}

.bijschrift-omhoog {
background-image:url(../svg/bijschriftpijlomhoog.svg)
}

.bijschrift-cta {
padding:15px 30px 20px 130px;
margin:-10px 0 0;
background-position:left 70px top 0
}

.bijschrift-cta-omhoog {
padding:20px 30px 20px 130px;
margin:-10px 0 0;
background-image:url(../svg/bijschriftpijlomhoog.svg);
background-position:left 70px top 0
}
}

@media screen and (max-width: 965px) {
.bijschrift,.bijschrift-omhoog,.bijschrift-cta,.bijschrift-cta-omhoog {
background-size:35px 30px;
padding:30px 0 20px;
margin:-10px 0 0;
border-radius:6px;
color:#666;
background-position:left 100px top 0;
background-repeat:no-repeat;
background-image:url(../svg/bijschriftpijlmob.svg);
font-size:1.65rem
}

.bijschrift {
background-image:url(../svg/bijschriftpijlmob.svg)
}

.bijschrift-omhoog {
background-image:url(../svg/bijschriftpijlomhoog.svg)
}

.bijschrift-cta-omhoog {
background-image:url(../svg/bijschriftpijlomhoog.svg);
background-position:left 100px top 0
}
}

.bannervoetposition {
margin-top: -1px;
position: relative;


background-size: cover;
background-repeat: no-repeat;
background-position: 50% 0;

padding-top: 20px;
}

.kleurtop,
.kleurtop h1,
.kleurtop h2,
.kleurtop h3,
.kleurtop h4,
.kleurtop h5,
.kleurtop h6,
.kleurtop a,
.kleurtop strong {
  color: var(--sectiekleurtekst);
}

.kleurtop {
background:var(--sectie-een);
}

.kleurtop h1 {
  color: var(--sectiekleurtekst);
}

.kleurvoet h1,.kleurvoet h2,.kleurvoet h3,.kleurvoet h4,.kleurvoet h5,.kleurvoet h6 {
color:var(--sectiedrie-kleur);
padding-top:0
}

.kleurvoet-no-bg,.kleurvoet-no-bg h1,.kleurvoet-no-bg h2,.kleurvoet-no-bg h3,.kleurvoet-no-bg h4,.kleurvoet-no-bg h5,.kleurvoet-no-bg h6 {
padding-top:0
}

.kleurgast {
background-color:#fff
}

.bannervoetpositioncaption {
position: relative;
max-width: 100vw;

background-repeat: repeat;
background-position: bottom;
padding: 0;
}

@media screen and (min-width: 600px) {
.foto {
min-height:350px
}
}

@media screen and (max-width: 600px) {
.foto {
min-height:125px
}
}

.kleurtransparanteoverlay {
background:url(../svg/transvoet2024.svg)
}

.bannervoet {
z-index:3;
border-width:0;
border-style:solid;
border-color:#2b2b2b;
max-width:1200px;
margin:0 auto;
padding:20px 30px 30px;
overflow:hidden
}




@media screen and (min-width: 965px) {
#footer img, .bannervoet img,#inhoud-center img:not(.icon) {
max-width:100%;
height:auto!important;
        border-radius: 10px;
}

#footer img, .bannervoet img,#inhoud-center img:not(.icon){
margin: 10px 10px 10px 0;
border-radius: 10px;
}
}
@media screen and (max-width: 965px) {
  #footer img,
  .bannervoet img,
  #inhoud-center img:not(.icon) {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin: 10px 10px 10px 0;
  }
}



#broodkruimels ol {
list-style-type:none;
margin:0;
padding:0;
overflow:hidden
}

#broodkruimels li {
float:left;
margin:0;
padding:0;
margin-right:4px
}

#broodkruimels li a {
display:block;
margin:0;
padding:0
}

@media screen and (min-width: 965px) {
#topbutton {
display:none
}
}

.progress-container {
width:100%;
height:3px;
position:fixed;
top:0;
z-index:16777271;
width:100%;
background-color:var(--progress-kleur-leeg);
}

.progress-bar {
height:3px;
background:var(--progress-kleur-vol);
width:0
}

@media screen and (max-width: 965px) {
#topbutton {
transition:.6s;
transition-delay:.8s;
position:fixed;
bottom:10px;
right:-70px;
background:#555;
padding:5px 5px 0;

border-radius:5px;
z-index:16777270
}
}

sup {
font-size:1rem
}

body,
a,
textarea,
input,
select,
button,
form,
table {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 18px; /* iets kleiner want Open Sans oogt visueel groter dan Lora */
font-weight: 400;   /* 300 is te licht voor Open Sans, zeker op wit */
line-height: 1.6;   /* iets ruimer voor betere ademruimte op blokken tekst */
  color: var(--kleurtekst);
}

.bijschrift_cf {
font-size:1.4rem
}

body,table {
line-height:1.7em
}



/* Basis voor alle headings en hun links */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  font-family: 'Russo One', sans-serif;
  font-weight: 600;
  text-decoration: none;
  font-style: normal;
  padding: 0;
  margin: 0 0 8px;
}

/* H1 */
h1, h1 a, h1 a:hover {
  color: var(--h1);
  font-size: 2.9rem;
  line-height: 3.5rem;
}

/* H2 */
h2, h2 a, h2 a:hover {
  color: var(--h2);
  font-size: 2.2rem;
  line-height: 3.2rem;
  margin-bottom: 6px;
}

/* H3 */
h3, h3 a, h3 a:hover {
  color: var(--h3);
  font-size: 1.9rem;
  line-height: 2.8rem;
  margin-bottom: 6px;
}

/* H4 */
h4, h4 a, h4 a:hover {
      color: var(--h4);
  font-size: 1.7rem;
  line-height: 2.5rem;
  margin-bottom: 6px;
}

/* H5 */
h5, h5 a, h5 a:hover {
   color: var(--h5);
  font-size: 1.5rem;
  line-height: 2.2rem;
  margin-bottom: 6px;
}

/* H6 */
h6, h6 a, h6 a:hover {
   color: var(--h6);
  font-size: 1.3rem;
  line-height: 2rem;
  margin-bottom: 6px;
}



h3.blogreactie {
line-height:26px;
font-size:2rem;
margin:0 0 8px;
padding:0
}

strong {
color:#2b2b2b;
font-weight:700
}
strong a {
    font-weight: 700;
}

a.cta,
button,
a.leesverder,
a.leesverderblog,
a.ctahome {
    color:var(--cta-kleur-tekst);;
  border: 2px solid var(--cta-kleur-rand);
  background-color: var(--cta-kleur-body);
  color: var(-cta-kleur-tekst);
  text-decoration: none;
  border-radius: var(--cta-border-radius);
  padding: 8px;
  display: inline-block;
  text-align: center;
  position: relative;
  margin-right: 0;
  bottom: 0;
  font-weight: 400;
  width: 230px; /* evt. i.p.v. vast 230px */
}

.cta-container {
  display: flex; /* Flexbox voor positionering */
  align-items: center; /* Centreer verticaal */
  position: relative;
  width: 100%; /* Hele breedte van de parent */
  margin: 0; /* Geen extra ruimte boven/onder */
  padding: 0;
}

.cta-container::before {
  content: ""; /* Vereist voor pseudo-element */
  flex: 1; /* Laat de lijn uitrekken */
  height: 1px; /* Dikte van de lijn */
  background-color: #ddd0c2 ; /* Kleur van de lijn */
  margin-right: 20px; /* Ruimte tussen lijn en knop */
}

@media screen and (min-width: 965px) {
a.ctaghost,a.ctaghostaan {
background-color:#fff;
color:#ed6619;
font-size:1.7rem;
text-decoration:none;
border:2px solid #cbcbcb;

border-radius:20px;
text-align:center;
padding:10px 20px;
display:inline-block;
margin-right:10px;
margin-bottom:10px;
bottom:0
}

a.ctaghostaan {
background-color:#ECEBE7;
color:#444
}
}

@media screen and (max-width: 965px) {
a.ctaghost,a.ctaghostaan {
background-color:#fff;
color:#003814;
font-size:1.4rem;
text-decoration:none;
border:1px solid #cbcbcb;

border-radius:5px;
text-align:center;
padding:5px 10px;
display:inline-block;
margin-right:5px;
margin-bottom:5px;
bottom:0
}

a.ctaghostaan {
background-color:#ECEBE7;
color:#444
}
}

a.cta:hover,a.leesverder:hover,a.leesverderblog:hover,a.ctahome:hover,button:hover {
color:var(--cta-kleur-tekst-hover);
background:var(--cta-kleur-body-hover);
border-color:var(--cta-kleur-tekst);
 
}

a.ctaghost:hover {
color:#ed6619
}

a.ctaghostaan:hover {
color:#444
}

p.blog-end,p.line {
margin-top:40px;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#000
}

a:hover, button:hover {
color:#BFBFBF
}

p {
padding:0 0 20px
}

.plaatjerechts {
float:right;
margin-left:30px;
margin-bottom:5px;
margin-top:7px
}

.plaatjelinks {
float:left;
margin-right:30px;
margin-bottom:5px;
margin-top:7px
}

.logo {
height:68px;
width:300px;
margin:0 0 5px 0px;
-webkit-transition:transform .6s ease-out;
-moz-transition:transform .6s ease-out;
-ms-transition:transform .6s ease-out;
-o-transition:transform .6s ease-out;
transition:transform .6s ease-out;
transform-origin:top left
}

.klein {
transform:scale(0.54);
transform-origin:top left
}

.logomob {
margin-top:0;
 height: 40px;
width: 180px;

}

@media screen and (max-width: 965px) {
#inhoud {
z-index:3
}
}

@media screen and (min-width: 965px) {
#inhoud {
z-index:3
}

#mijnmenu {
float:right;
border-width:0;
border-style:solid;
border-color:#2e2e2e;
position:relative;
transition:margin-top .6s ease-out
}

.menu {
margin-top:42px;

overflow:hidden;
padding-bottom:5px
}

.menu a {
color:var(--menuitem-kleur);
float:left;
display:block;
text-align:center;
padding:10px;
text-decoration:none;
font-size:1.7rem;
line-height:1.9rem;
font-weight:400;
border-right:0 solid #fff;
margin-right:18px
}

.menu a.eerste {
border-left:0 solid #fff;
padding: 10px 10px 0px 0px;
}

.menu a:hover {
color:var(--menuitem-kleur-hover);
}


a.actief {


  font-weight: 600;

}

a.laatste {
margin-right:0;
background-color:var(--menuknop-laatste);
color:var(--menuknop-tekst-laatste);
border-radius:15px
}
    .menu a.laatste:hover {
color:var(--menuknop-tekst-laatste-hover);
 background-color:var(--menuknop-laatste-hover);       
}    

.menu .burger {
display:none
}

.menu .tel,.menu .mail,.menu .sluit {
display:none
}
}

@media screen and (max-width: 965px) {
.menu {
background-color:#727272;
max-height:0;
overflow:hidden;
transition:max-height .8s ease-in-out
}

.responsive {
max-height:600px;
font-size:2.5rem;
background-color:var(--menu-mobiel-achtergrond);
transition:max-height .8s ease-in-out
}

.menu a {
color:#fff;
padding:6px 18px 8px 30px;
text-decoration:none;
font-size:1.9rem;
font-weight:400;
border-right:0 solid #fff;
color:#fff;
float:none;
display:block;
text-align:left;
border-bottom:2px solid #8f8f8f;
transition:background-color .3s ease-in-out
}

.menu a:hover {
background-color:#ddd;
color:#000;
transition:background-color .3s ease-in-out
}
.menu a.laatste:hover {
background-color:red;
color:#000;
transition:background-color .3s ease-in-out
}


 
.menu a.burger {
color:var(--burger-knop-kleur-tekst);
position:absolute;
padding:6px 18px 4px;
border-radius:5px;
right:0;
top:0;
margin-top:-46px;
margin-right:20px;
border-bottom:0 solid #8f8f8f;
background-color:var(--burger-knop-kleur)
}

.menu a.burger:hover 
    {
color:var(--burger-knop-kleur-tekst);
background-color:var(--burger-knop-kleur)
}

.menu a {
border-right:0 solid #fff
}

.menu a:first-of-type {
transition:.6s margin-top ease-in-out;
margin-top:41px
}

.menu.responsive a:first-of-type {
transition:.6s margin-top ease-in-out;
margin-top:0
}

.menu a:nth-last-of-type(2) {
border-bottom:2px solid #8f8f8f
}
}

article {
border-top:1px solid #0095DA;
margin:30px 0
}

article:last-of-type {
border-bottom:0 solid #0095DA;
margin:30px 0 0
}

article:first-of-type {
border-top:0 solid #0095DA;
margin:0 0 30px
}

#broodkruimels-center {
border-width:0;
border-style:solid;
border-color:#000;
position:relative;
max-width:1200px;
margin:0 auto;
padding:2px 0 4px 30px
}

a.broodkruimeltje {
font-size:1.4rem;
color:#939192;
margin:0;
padding:0;
font-weight:300
}

img {
max-width:100%;
height:auto!important
}

#captiontext a.cta2 {
font-weight:400;
border:solid 2px;
border-color:#fff;
text-align:center;
display:inline-block;
color:#696969;
padding:5px 30px;

border-radius:20px;
font-size:26px;
text-decoration:none;
background-color:rgba(255,255,255,0.8)
}

#captiontext a.cta2:hover {
color:#d6d6d6;
border:solid 2px;
border-color:#e1e1e1;
background:rgba(225,225,225,0.68)
}

#footer-center h1,#footer-center p,#footer-center h3,#footer-center a,#footer-center strong,#footer-center ul {
color:var(--kleur-tekst-voet);
text-decoration:none;
list-style:none
}

#footer-center ul li::before {
content:"\2022";
color:var(--kleur-opsomming-voet);
font-weight:700;
display:inline-block;
width:15px;
margin-left:0
}

#footer-center ul ul li::before {
content:"\2022";
color:var(--kleur-opsomming-voet);
font-weight:700;
display:inline-block;
width:15px;
margin-left:20px;
margin-top:0
}

#footer-center ul,#footer-center ul ul {
padding:0;
margin-left:0;
padding-left:10px
}


#footer-center ul ul {
padding:0;
margin-left:0;
padding-left:10px
}

#footer-center h3 {
color:#2b2b2b;
text-decoration:none
}

#footer-center a:hover {
color:#2b2b2b;
text-decoration:none
}


.menu-center {
border-width:0;
border-style:solid;
border-color:#2b2b2b;
position:relative;
max-width:1140px;
margin:0 auto
}

@media (min-width:965px) {
.menubalktopper {
position:fixed;
height:30px;
width:100%;
z-index:5;
border-bottom:solid 0 #D9DADB;
position:fixed;
top:0;
z-index:16777271;
background:var(--topbalk-achtergrondkleur)
    }

.menubalktopper-center {
border-width:0;
border-style:solid;
border-color:#fff;
position:relative;
max-width:1200px;
margin:0 auto;
padding:0 30px;
z-index:16777271
}

.menubalktopper-center strong,
.menubalktopper-center p,
.menubalktopper-center a,
.menubalktopper-center a:hover {
  font-size: 1.4rem;
  line-height: 2.6rem;
  margin: 0;
  color: var(--topbalk-kleur-tekst);
  font-weight: 400;
}

.rijtegel {
width:100%;
display:flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

   
#menu-center-top {
  position: relative;
  max-width: 1200px;
  height: 0;
  margin: 0 auto;
  padding-right: 60px;
  border: 0 solid #2b2b2b;
}

#broodkruimels {
/* Desktop */    
font-size: 1.4rem;
padding-top: 4px;
width: 100%;
z-index: 999999;
background: #f3f3f3;
color: #939192;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.kolom160,.kolom160blog {
position: relative;
display: block;

margin: 0 40px 0 0;
padding: 0;
border: 0 solid #fff;
border-radius: 0;
text-align: left;
text-decoration: none;
}
    .rijtegel .reviewfoto:first-child {
  flex: 0 0 175px; /* vaste breedte voor de fotokolom */
}

.kolom160:last-of-type,.kolom160blog:last-of-type {
margin-right:0
}

 .kolom160, .kolom160blog {
  
 position: relative;
display: block;
float: left;
flex: 1;

margin: 0 40px 0 0;
padding: 0;

border: 0 solid #fff;
border-radius: 5px;

text-align: left;
text-decoration: none;
 }
 .kolom160:last-of-type, .kolom160blog:last-of-type {
  margin-right: 0px;
 }
 
.kolom160blog {
 background-color: var(--blog-kolomachtergrondkleur);
 padding: 20px 35px 0 35px;
 margin-top: 0px;
 }

.blog-een-kolom
{

}
.blog-twee-kolommen
{

}
.blog-drie-kolommen
{

}
.blog-vier-kolommen
{
    padding: 0px 5px 0 5px;
    background-color: unset
}

    

.OG_image
 {
 display: block;
  max-width:500px;
  max-height:250px;
  width: auto;
  height: auto;
 }
 
.OG_image_content
    {
        
        margin-left: 0px;
        margin-bottom: 30px;
        width: 400px;
    }

.kolom160 li
 {
  margin-left: 5px;
 }

.quoot,.quoot2 {
background-size:40px 30px;
background-color:var(--quootes-achtergrondkleur);
border-radius:0px;
padding:35px 100px;
margin:20px 0;
background-image:url(../svg/quootsmall2024.svg),url(../svg/quootsmall22024.svg);
background-repeat:no-repeat;
background-position:left 10px top 10px,right 10px bottom 10px;
    border-radius: var(--quootes-radius);
}




#inhoud-rechts {
border-style:solid;
border-color:#e2e2e2;
padding:30px;
border-width:1px;
float:right;
display:inline-block;
list-style-type:none;
margin:0 -30px 10px 50px;
position:relative;
text-align:left;
width:250px;
border-radius:3px;
overflow:hidden;
font-weight:400;
vertical-align:top;
margin-bottom:50px
}

#inhoud-rechtsmobiel {
display:none
}

#contact-links {
width:48%;
float:left
}

#contact-rechts {
width:48%;
float:right;
padding-left:0;
padding-right:4%;
padding-top:0
}

.menubalk {
  position: fixed;
  top: 125px;
  z-index: 5;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 0 solid #D9DADB;
}

.menubalk2,
.menubalk3 {
  position: fixed;
  top: 30px;
  z-index: 5;
  width: 100%;
  height: 100px;
  padding: 0;
  background: var(--menubalk);
  border-bottom: 0 solid #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.menubalk,
.menubalk2,
.menubalk3 {
  transition: all 0.6s ease-out;
  background-repeat: no-repeat;
  background-size: auto 150px;
  background-position: bottom;
}

.menubalk3 {
  background-color: #fff;
}

.zonderslider {
background-repeat:no-repeat;
background-position:bottom
}

.zonderslidera {
color:#fff
}

#spacer-no-slider {
position:relative;
height:130px;
margin:0 auto
}

.blogtegel img {
height:auto!important;
margin-bottom:0
}

.blogtegel {
display: inline-block;
vertical-align: top;
position: relative;
width: 40%;
margin: 3px 3% 10px 0;
padding: 30px 3% 40px;

border: 1px solid #f3f3f3;
border-radius: 3px;

font-size: 1.4rem;
font-weight: 400;
text-align: left;
list-style-type: none;
overflow: hidden;
}

.blogtegel_os {
display: inline-block;
vertical-align: top;
position: relative;

flex: 1;

margin: 3px 3% 10px 0;
padding: 30px 3% 100px;
border: 1px solid #f3f3f3;
border-radius: 3px;

font-size: 1.4rem;
font-weight: 400;
text-align: left;
list-style-type: none;
overflow: hidden;
}

#logo {
float:left;
margin-left:30px;
margin-top:13px
}

#wrapper {
margin: 0 auto -420px;
min-height: 100%;
height: auto !important;
overflow: hidden;
}

#footer,#push {
height:420px
}

#push-center {
max-width:900px;
margin:0 auto;
height:370px
}

#footer {
background:#ddd0c2 ;
background-image:url(../svg/voetbladrechts2024.svg);
background-repeat:no-repeat;
background-size:auto 420px;
background-position:bottom
}

#footer-center {
  max-width: 1200px;
  margin: 0 auto;
  height: 400px;
  overflow: hidden;
  padding: 30px;
}

/* Eerste kolom */
.footer-center-col-eerste {
  float: left;
  width: 584px;
  padding-right: 25px;
}

/* Middenkolom */
.footer-center-col {
  float: left;
  width: 400px;
  padding: 0 25px;
}

/* Laatste kolom */
.footer-center-col-laatste {
  float: right;
  width: 100px;
  padding: 0;
}

#kaartmob,#logo-mob,#top {
display:none
}

ol,ol li {
margin-left:-8px
}

ul,li {
margin-left:-10px
}

ul.check li {
background:url(../svg/check2024.svg) no-repeat left 6px;
background-size:16px 16px;
padding-left:20px;
padding-top:0
}

ul.check {
list-style-type:none;
margin-left:-30px
}

#menu {
float: left;
position: relative;
padding: 0;
border: 0 solid #2b2b2b;
}

#menu-mob {
display:none
}

#slider,#sliderposition {
padding-top:28%
}



#sliderposition {
position: relative;
margin-top: 130px;
overflow: hidden;

border: 0 solid;
border-radius: 0;

background-size: cover;
background-repeat: no-repeat;
background-position: 50% 0;
}

#slider {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100vw;

padding-top: 0;
color: #fff;

background: url(../svg/trans1002024.svg) no-repeat bottom;
background-color: #2b2b2b;
background-size: auto 100%;
}

#captionone {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100vw;

display: flex;
padding-top: 0;
color: #fff;

background: url(../svg/trans1002024.svg) no-repeat bottom;
background-size: auto 100%;
}
#captiontext {
display: flex;
justify-content: flex-start;
align-items: flex-end; /* items onderaan uitlijnen */
flex-grow: 1;

z-index: 3;
max-width: 1200px;
margin: 0 auto;
padding: 20px 30px 30px;
overflow: hidden;

border: 0 solid #2b2b2b;
}
.footer-mob {
display:none
}
}

@media (max-width:965px) {
    
  
.menubalktopper,.menubalktopper-center {
display:none
}

#menu-center-top {
/* Mobiel */    
position: relative;
max-width: 1060px;
margin: 0 auto;
padding: 0;
border: 0 solid #fff;
}

.kolom160, .kolom160blog
 {
  /* mobiel geen last of type */
position: relative;
display: block;
flex: 1;
border-radius: 0;
text-align: left;
text-decoration: none;
border: 0 solid #fff;
border-bottom: 0 solid #000;

padding: 0;
margin: 0 0 10px 0;
 }
.kolom160blog {
 background-color: #f0f0f0;
 padding: 20px 15px 10px 15px;
 
 }
.OG_image
    {
display: none;
    }
.fotoblog
     {
display: none;
    }

 .kolom160 li
 {
  margin-left: -5px;
 }

#broodkruimels {
/* Mobiel */    
position: inherit;
z-index: 200;
width: 100%;
padding: 0;
font-size: 1.4rem;
color: #939192;
background: #f3f3f3;
overflow: hidden;
}

.quoot,.quoot2 {
margin: 20px 0;
padding: 30px 40px;
background-color:var(--quootes-achtergrondkleur);
background-image: url(../svg/quootsmall2024.svg), url(../svg/quootsmall22024.svg);
background-repeat: no-repeat;
background-position: left 10px top 15px, right 10px bottom 10px;
background-size: 20px 15px;
        border-radius: var(--quootes-radius);
}

.quoot2 {
background-color:var(--kleur-quoot);
background-image:url(../quootsmall22.png),url(../quootsmall22.png)
}

#inhoud-rechts {
display:none
}

.menubalk {
width: 100%;
z-index: 5;
background: #2b2b2b;
border-bottom: 0 solid #2b2b2b;
    }

.menubalk2 {
position: fixed;
top: 0;
z-index: 5;
width: 100%;
min-height: 50px;
padding: 0;
background: var(--menubalk);
border-bottom: 0 solid #D9DADB;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

#spacer-no-slider {
position:relative;
height: 50px;
margin: 0px auto;
}

.socialmedia {
visibility:hidden
}


#inhoud-center {
display:block;
height:auto!important;
margin-bottom:0
}

.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden
}

.video-container iframe,.video-container object,.video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}

#wrapper {
margin: 0 auto -1180px;
min-height: 100%;
height: auto !important;
background-color: #fff;
overflow: hidden;
}

#footer,#push {
height:1180px
}

#push-center {
max-width:900px;
margin:0 auto;
height:1180px
}

#footer {
background:#ddd0c2 ;
background-image:url(../svg/voetbladrechtsm2024.svg);
background-repeat:no-repeat;
background-size:auto 1180px;
background-position:bottom
}

#footer-center {
max-width:900px;
margin:0 auto;
height:1120px;
overflow:hidden;
padding:30px
}
    
.footer-center-col-eerste,
.footer-center-col,
.footer-center-col-laatste {
  width: 90vw;
  padding-bottom: 20px;
}

#footer-center ul li {
/* zorgen voor voldoende ruimte ivm seo check Google aanklikbaarheid mobiel*/  
padding-bottom: 4px

}      
    
#kaart {
display:none
}

ol,ol li {
margin-left:-8px
}

ul,li {
margin-left:-10px
}

ul.check li {
background:url(../svg/check2024.svg) no-repeat left 6px;
background-size:16px 16px;
padding-left:20px;
padding-top:0
}

ul.check {
list-style-type:none;
margin-left:-30px
}

.footer-mob {
float:left;
width:200px;
padding:0 25px 0 0;

}

#captiontext a.cta2 {
display: inline-block;
text-align: center;
color: #fff;
background-color: transparent; /* optioneel als je geen achtergrond hebt */
border: 2px solid #fff;
border-radius: 5px;
padding: 7px 20px;
font-size: 1.8rem;
text-decoration: none;
margin-left: 0;
position: relative; /* nodig als je `bottom` wilt gebruiken */
bottom: 0;
}

#captiontext a.cta2:hover {
color: #fff;
border: 2px solid #fff;
background-color: #ADE22F; /* fallback voor als gradients niet werken */
background: linear-gradient(to bottom, #FDCC3D 0%, #fdd251 100%);
}

#slider,#sliderposition {
   
padding-top:30%
}



#sliderposition {
overflow: hidden;
margin-top: 58px;
position: relative;

border: 0;
border-radius: 0;

background-size: cover;
background-repeat: no-repeat;
background-position: 50% 0;
}

#slider {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
max-width:100vw;
background:#2b2b2b;
background:url(../svg/trans1002024.svg);
padding-top:0;
background-repeat:no-repeat;
background-size:auto 100%;
background-position:bottom;
color:#fff
}

#captionone {
    /* mobiel */
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
max-width:100vw;
background:#2b2b2b;
background:url(../svg/trans1002024.svg);
padding-top:0;
background-repeat:no-repeat;
background-size:auto 100%;
background-position:bottom;
color:#fff;
            display: flex;
}
 #captiontext {
display: flex;
z-index: 3;
border-width: 0;
border-style: solid;
border-color: #2b2b2b;
max-width: 1200px;
margin: 0 auto;
padding: 20px 30px 10px 30px;
overflow: hidden;
flex-grow: 1;
flex-grow: 1;
justify-content: left;
align-items: flex-end; /* Align items to the bottom */
}

     

#menu {
display:none
}

#menu-mob {
color:#fff;
text-align:left;
padding-top:15px;
padding-left:47px
}

.hidden {
float:left;
margin-top:-15px;
width:100%;
z-index:2;
position:absolute;
left:-830px;
background-color:#fff;
color:#2b2b2b
}

#logo-mob,#top {
width:220px;
margin-left:30px;
padding-top:10px
}

.rijtegel {
height:100%;
}

#logo {
display:none
}
}

@media (min-width:950px) {
#inhoud {
z-index:3
}

#zoek {
float:left;
border-width:0;
border-style:solid;
border-color:#2b2b2b;
position:relative;
max-width:200px;
height:26px;
padding:14px 0 10px 30px
}
}

@media (max-width:965px) {
#zoek {
display:none
}
}

#inhoud-center {
z-index:3;
border-width:0;
border-style:solid;
border-color:#2b2b2b;
max-width:1200px;
margin:0 auto;
padding:30px 30px 0px 30px;
overflow:hidden
}

@media (max-width:965px) {
#captiontext p {
color: #fff;
    text-align: left;
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 70px;
    padding: 20px 0;
    text-transform: none;
    max-width: 100%;
    text-shadow: 1px 1px #000;
    line-height: 1.1;
    color: #fff;
}

#captiontext p:first-of-type {
    padding-top: 22%;
}

.kleiner {
font-size:1.8rem;
margin-top:30px
}

.pijl {
height:50px;
width:50px
}
}

@media (min-width:965px) {
#captiontext p{
color:#fff;
text-align:left;
font-weight:600;
font-size:3.2rem;
line-height:70px;
padding:20px 0;
text-transform:none;
max-width:100%;
text-shadow:1px 1px #000;
line-height:1.1;
color:#fff
}

#captiontext p:first-of-type {
    bottom: 0;
   
}

.kleiner {
font-size:3.5rem;
margin-top:30px
}

.pijl {
margin-top:-250px;
height:100px;
width:100px
}
}

img.cover {
position:relative;
top:-440px;
left:0;
height:100%;
width:100%
}

* {
box-sizing:border-box
}

form {
    border-width: 0px;
    border-style: dashed;
    border-color: #cccccc;
    max-width: 100%;
}


textarea,
input:not([type=checkbox]) {
    background-color: #FFF;

    height: 36px;
    width: 100%;
    border-width: 1px;
    border-radius: 8px;
    border-style: solid solid solid solid;
    /* boven rechts onder links */
    border-color: #dddddd;
    PADDING: 0 0 0 10px;
}

input.vergeten {
    background-color: #961F59;
}


textarea {
    height: 200px;
    width: 100%;
padding: 10px 0 0 10px; 
    margin-bottom: 10px;
}

select {
  background-color: #FFF;
    font-size: 1.6rem;
    color: #777;
    height: 36px;
    width: 100%;
    border-width: 1px;
    border-radius: 4px;
    border-style: solid solid solid solid;
    /* boven rechts onder links */
    border-color: #dddddd;
    PADDING: 0 0 0 10px;
}
option:first-of-type {
  color: #777777;
}
option {
  color: #777777;
}
::placeholder {
  color: #777;
  opacity: 1;
}

select.vergeten {
    background-color: #961F59;
}

.vergeten {
    background-color: #961F59;
}

input,
textarea,option {
    font-size: 1.6rem;
    color: #43454b;
}

input.send {
    height: 50px;
    width: 100%;
    font-size: 1.6rem;
    padding-left: 5px;
    background-color: var(--contactform-knop-kleur);
    border-color: var(--contactform-knop-kleur);
    color: #fff;
}

input.datum {

    max-width: 160px;

}

input.datumvergeten {
    background-color: #43454b;
    max-width: 160px;

}

select.voorkeur {

    width: 120px;
}

input.naam {

    width: 310px;
}

select.sekse {

    width: 60px;
}

.verplicht {
    font-size: 1.8rem;
    color: #43454b;
}



.clear {
clear:both
}

img.down:hover {
opacity:.7
}

a.zoek {
letter-spacing:1px;
font-size:2.8rem;
margin:0 0 5px;
color:#25AAE1;
line-height:36px;
font-weight:300
}

a.zoek:hover {
color:#6c6c6c
}

a:hover.menu-blog,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
color:#ccc
}

a.menu-blog {
margin:30px 0 5px
}

h1.form {
margin:10px 0
}

a.menu-blog {
text-decoration:none
}


a.footermenu {
  font-size: 2rem;
  line-height: 200%;
  color: #fff;
  letter-spacing: 1px;
  text-decoration: none;
  margin: 30px 0 20px;
  padding: 0;
  font-weight: 600;
}

a:hover.footermenu {
color:#929292
}

img.grijs {
filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter:gray;
-webkit-filter:grayscale(100%);
-webkit-transition:all .3s ease;
-webkit-backface-visibility:hidden;
margin-right:0
}

img.grijs:hover {
filter:none;
-webkit-filter:grayscale(0%)
}




.wit {
background-color:#fff
}

iframe {
border:0
}

@media print {
.bedrijvenlogos,iframe,.video-container,#menu,#mijnenu,.menu-center,#menubalktopper,#menubalk,#menubalk2,#captionone,#footer,#inhoud-rechts,#slider,#sliderposition,#menu-center,#footer-center,#menu-mob,#sliderposition2 {
display:none
}

html,body {
height:auto;
font-size:12pt
}
}

.bannervoetposition::before,.bannervoetposition::after {
position:absolute;
content:'';
pointer-events:none
}

.lees-verder-twee::before {
left:50%;
width:30px;
height:30px;
-webkit-transform:translateX(-50%) rotate(45deg);
transform:translateX(-50%) rotate(45deg);
z-index:4;
top:-15px;
background:var(--sectie-drie);
z-index:4
}

.lees-verder-twee-b::before {
left:50%;
width:30px;
height:30px;
-webkit-transform:translateX(-50%) rotate(45deg);
transform:translateX(-50%) rotate(45deg);
z-index:4;
top:-15px;
background:#fff;
z-index:4
}

.lees-verder-drie::after {
left:50%;
width:40px;
height:40px;
-webkit-transform:translateX(-50%) rotate(45deg);
transform:translateX(-50%) rotate(45deg);
z-index:4;
bottom:-10px;
background:var(--sectie-een);
z-index:4
}

.lees-verder {
background-color:#2b2b2b;
background:var(--sectie-drie);
z-index:1
}

#copyright {
border-top:solid 0 #f2f7fc
}

#copyright-center {
max-width:1000px;
margin:0 auto;
height:32px;
overflow:hidden;
padding:0 30px
}

.copyright-color,.copyright-color a,.copyright-color a:hover {
background:var(--copyright-achtergrond);
color:var(--copyright-tekst);
text-decoration:none;
font-size:1.4rem
}

.opvulling
{
background-color: unset;    
}
@media screen and (min-width: 965px) {
#inhoud-center img.landscape {
  height: 315px !important; /* of andere vaste hoogte */
  width: 560px;
  object-fit: cover;
}
#inhoud-center img.portrait {
  height: 500px !important; /* of andere vaste hoogte */

  width: 275px;
  object-fit: cover;
}
}


#inhoud-center img.landscape-class {
    aspect-ratio: 16 / 9;
  width: 350px;
  object-fit: cover;
}
#inhoud-center img.portrait-class {
  height: 197px !important; /* of andere vaste hoogte */

  width: 110px;
  object-fit: cover;
}

@media screen and (max-width: 965px) {
#inhoud-center img.portrait-class {
     aspect-ratio: 9 / 16;

  width: 350px;
  object-fit: cover;
}
}
@media screen and (min-width: 965px) {
#inhoud-center img.rondje {
  border-radius: 50% !important;

}
}
@media screen and (max-width: 965px) {
#inhoud-center img.rondje {
  border-radius: 50% !important;
  max-width: 200px;
  height: auto;
}
}