:root {
  --groen: #008E00;
  --lichtgroen: #e9f4e8;
  --tekstkleur: #00301F;
  --achtergrondkleur: #FCFCF2;
  --achtergrondkleurrgb: rgb(252,252,242);
  --achtergrondkleurrgbTransp:rgb(252 252 242 / 70%);
  --highlightkleur: #F7C912;
  --uitlichtkleur: #e0d8bf;
  --frmKalGroen: #8adf8a;
  --frmKalRood: #ff9090;
  --frmKalLichtBlauw: #c3e1f7;
  --frmKalTekstBlauw: #192833;
  --frmKalBlauw: #8abbdf;
  --frmKalDonkerRood: #65181f;
  --frmKalBruin: #4d3900;
  --oranje: #f1b60e;

  --groen2: #008300;
  --groen3: #017b01;
  --groen4:#067506;

  --achtergrond2:#E3E3D9;
  --achtergrond3:#B0B0A6;
}

#blTopBalk			{width:100%;margin-left:10px;}
#blTopBalkTalen		{text-align:left;white-space:nowrap;}
#blTopBalkSpace		{width:1920px;}
#blTopBalkSocMed	{text-align:right;white-space:nowrap;}
#blTopBalkRightSp	{width:100px;}
#margeKnopMenu__knopMNL
					{float:left;margin-left:2px;margin-top:20px;}
#margeKnopMenu__knopMEN
					{float:left;margin-left:2px;margin-top:20px;}
#margeKnopMenu__knopMDE
					{float:left;margin-left:2px;margin-top:20px;}
#blKnoppenBalk		{text-align:center;margin-bottom:10px;}
.knopInRij			{font-size: clamp(0.9rem, 1.2vw, 1rem); margin: 0 clamp(0.1rem, 0.25vw, 0.3rem);}
#blSiteTitel		{text-align:left;color:var(--groen);font-size:36px;margin-left:10px;}
#blMSiteTitel		{text-align:left;color:var(--groen);font-size:36px;margin-left:10px;}
/*#blTopFotoSpace	{text-align:center;margin-bottom:5px;max-width:100%;overXflow:hidden;}*/
#blTopFotoSpace {text-align:center;margin-bottom:5px;max-width:100%;overXflow:hidden;position:relative;}
#blScrollArea		{overflow:auto;height:100px;}
/*#blTopFoto			{border:0px;width:100%;max-width:1100px;border-radius:6px;}*/
#blTopFoto      {border:0px;width:100%;aspect-ratio: 4/1;object-fit:cover;}
#blZkbkPrompt {
  border-radius:6px;
/*  background: rgba(233, 244, 232, 0.85); */
  background: rgba(252, 252, 242, 0.85);
  position: absolute;
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%);
  z-index: 10; 
  padding: 10px;
  border-radius: 6px;
  align-items: center;
  width: 60%;
  }
/*  vanaf tablets */
  @media (max-width: 991px) {
  #blZkbkPrompt {
    position: static;      
    transform: none;
    width: 100%;
  }
}
.blZkbkPrompt1{padding:5px;display:flex;justify-content:center;}
/*#blZkbkBalk			{position:absolute;background:var(--achtergrondkleur);opacity:0.75;padding:10px;display:none;}*/
.zkbkButton {border-radius:50%; padding:10;}
.zkbkButton1 {font-size:1.5rem;}

/*  vanaf tablets */
  @media (max-width: 991px) {
  .zkbkButton {
    border-radius:6px; 
    padding:1;
  }
}

@media (max-width: 576px) {
  .navbar-brand span {
    font-size: 0.95rem;   /* ≈ 15px */
    white-space: nowrap;
  }
}
@media (max-width: 576px) {
  .navbar-brand img {
    height: 32px;
  }
}
@media (max-width: 576px) {
  .navbar-toggler {
    padding: 0.25rem 0.5rem;
  }
}
.navbar-brand span{font-size: clamp(1.2rem, 1.5vw, 1.5rem);}
#blMenu				{margin-top:10px;max-width:340px;overflow:hidden;}
.blMenuBox      {background:var(--achtergrondkleur);border-radius:6px;}
.blHoofdMenu		{list-style:none;padding:2px;}
h3					{margin-left:5px;font-size:16px;font-weight:bold;}
.menu				{border-bottom:1px dashed var(--uitlichtkleur);height:35px;}
ul.blHoofdMenu a		{text-decoration:none;color:var(--tekstkleur);}
.blMenuBanner img	{margin:10px;}
#blSocMedTitel		{margin-left:10px;margin-top:10px;}
.blSubMenu			{list-style:none;padding:2px;}

/* layout 1 standaard pagina */
#bl1Inhoud			{margin-left:20px;}
#bl1PaginaTitel		{font-size:20px;font-weight:bold;}
#bl1IntroTekst		{margin-top:10px;}
#bl1BoekUrl			{}
#bl1BoekUrlImg		{margin-top:10px;}
#bl1HoofdFotoLinks	{margin-top:10px;margin-right:10px;width:100%;max-width:320px;border:1px solid #eee;border-radius:6px;}
#bl1HoofdFotoRechts	{margin-top:10px;margin-right:10px;width:100%;max-width:320px;border:1px solid #eee;border-radius:6px;}
#bl1HoofdTekst		{margin-top:10px;}
#bl1TopicFoto		{margin-top:10px;margin-right:10px;width:100%;max-width:320px;border:1px solid #eee;border-radius:6px;}
#bl1TopicTekst		{margin-top:10px;}

#bl2PaginaTitel		{margin-top:0px;margin-left:20px;text-align:center;font-size:20px;font-weight:bold;}

/* layout 3 tekst pagina met 2 brede foto's */
#bl3Inhoud			{margin-left:20px;}
#bl3PaginaTitel		{font-size:20px;font-weight:bold;}
#bl3IntroTekst		{margin-top:10px;}
#bl3BoekUrl			{}
#bl3BoekUrlImg		{margin-top:10px;}
#bl3HoofdFotoLinks	{margin-top:10px;margin-right:10px;width:100%;max-width:400px;border:1px solid #eee;border-radius:6px;}
#bl3HoofdFotoRechts	{margin-top:10px;margin-right:10px;width:100%;max-width:400px;border:1px solid #eee;border-radius:6px;}
#bl3HoofdTekst		{margin-top:10px;}
#bl3TopicFoto		{margin-top:10px;margin-right:10px;width:100%;max-width:400px;border:1px solid #eee;border-radius:6px;}
#bl3TopicTekst		{margin-top:10px;}

/* layout 4 tekst pagina met 3 klein foto's */
#bl4Inhoud			{margin-left:20px;}
#bl4PaginaTitel		{font-size:20px;font-weight:bold;}
#bl4IntroTekst		{margin-top:10px;}
#bl4BoekUrl			{}
#bl4BoekUrlImg		{margin-top:10px;}
#bl4HoofdFotoLinks	{margin-top:10px;margin-right:10px;width:100%;max-width:240px;border:1px solid #eee;border-radius:6px;}
#bl4HoofdFotoRechts	{margin-top:10px;margin-right:10px;width:100%;max-width:240px;border:1px solid #eee;border-radius:6px;}
#bl4HoofdTekst		{margin-top:10px;}
#bl4TopicFoto		{margin-top:10px;margin-right:10px;width:100%;max-width:240px;border:1px solid #eee;border-radius:6px;}
#bl4TopicTekst		{margin-top:10px;}

/* layout 5 tekst pagina met boven foto rechts en onderin een brede foto */
#bl5Inhoud			{margin-left:20px;}
#bl5PaginaTitel		{font-size:20px;font-weight:bold;}
#bl5IntroTekst		{margin-top:10px;}
#bl5BoekUrl			{}
#bl5BoekUrlImg		{margin-top:10px;}
#bl5HoofdFotoLinks	{margin-top:10px;margin-right:10px;width:100%;max-width:300px;border:1px solid #eee;border-radius:6px;}
#bl5HoofdFotoRechts	{margin-top:10px;margin-right:10px;width:100%;max-width:300px;border:1px solid #eee;border-radius:6px;}
#bl5HoofdTekst		{margin-top:10px;}
#bl5TopicFoto		{margin-top:10px;margin-right:10px;width:100%;max-width:720px;border:1px solid #eee;border-radius:6px;}
#bl5TopicTekst		{margin-top:10px;}

/* layout 6 complete free */
#bl6Inhoud			{margin-left:20px;}
#bl6PaginaTitel		{font-size:20px;font-weight:bold;}
#bl6IntroTekst		{margin-top:10px;}

/* layout 7 fotomenu */
#bl7PaginaTitel		{text-align:center;font-size:20px;}
@media (min-width: 769px) {
  :not(.container) > .margePixMenu {
    padding: 0 10vw;
  }
}
.margePixMenuOption	{overflow:hidden;position:relative;}
.margePixMenuImg	{width:100%;aspect-ratio: 16 / 9;object-fit: cover;border-radius:10px;display:block;}
.margePixMenuPointed	{border:2px solid var(--achtergrondkleur);}
.margePixMenuText {
    position: absolute;
    /*margin-left:3.5%;*/
    bottom:15%;
    width:85%;
    /*max-width:320px;*/
    background:var(--achtergrondkleur);
    color:var(--tekstkleur);
    font-size:1rem;
    text-decoration:none;
    padding:5px;
    border-radius:10px;
    opacity:0.9;
    text-align:center;
    left: 50%;
    transform: translateX(-50%);
}
.margePixMenuOption a	, .margePixMenuPopup a{text-decoration:none;color:var(--tekstkleur);}
.margePixMenuPopup	{position:absolute;padding:5px;background:var(--achtergrondkleur);border-radius:6px;width:80%;opacity:0.9;font-size:0.9rem;text-align:center;left: 50%;
    transform: translateX(-50%);}
#bl7HoofdTekst		{margin-left:20px;}

//.style9 {font-size: 9px}
//.style11 {font-size: 24px}
//.style12 {color: var(--achtergrondkleur);}
.cmsBlokEmail {}
.cmsBlokRood {color:var(--frmKalRood);font-weight:bold;}
.cmsBlokGeel {background:var(--highlightkleur);}
.cmsBlokAccent {}
.cmsBlokKop1 {font-weight:bold;}
.cmsBlokKop2 {color:var(--achtergrondkleur);font-weight:bold;}
.cmsBlokGroot {font-size:larger;}
.cmsBlokXGroot  {font-size:larger;font-weight:bold;}
.cmsBlokIntLink {}
.cmsBlokPagLink {}
.cmsBlokExtLink {}
.cmsBlokPlaatje {max-width:100%;border-radius:6px;border:1px solid #eee;}
.cmsBlokAccLink {margin-top:8px;cursor:pointer;font-weight:bold;font-style:italic;}
.cmsBlokAccMain {display:none;}
.cmsBlokTabel {}
.cmsBlokTabRij {}
.cmsBlokTabCell {background:var(--achtergrondkleur);vertical-align:top;padding:5px;}

marquee a:visited		{color:var(--achtergrondkleur);text-decoration:none;}
marquee a:link		{color:var(--achtergrondkleur);text-decoration:none;}
marquee a:hover		{color:var(--achtergrondkleur);text-decoration:none;}
marquee a:active		{color:var(--achtergrondkleur);text-decoration:none;}

.tickercontainer		{width: 100%;height: 20px;margin: 0;padding: 0;overflow: hidden;}
.tickercontainer .mask	{position: relative;left: 0px;top: 2px;width:100%;overflow: hidden;}
ol.newsticker			{position: relative;left: 170px;font: bold 10px Verdana;list-style-type: none;margin: 0;padding: 0;}
ol.newsticker li			{float: left; /* important: display inline gives incorrect results when you check for elem's width */
							margin:0px;padding:0px;color: var(--achtergrondkleur);
						}
#margeNieuws ol.newsticker a
						{border: 0px;white-space:nowrap;padding:0;background:transparent;color:var(--tekstkleur);font:12px Verdana;margin: 0px 70px 0px 0px;} 
ol.newsticker span		{margin: 0 12px 0 0;}

#blHeader{padding:1rem;}
#blFooter{/*background-color:var(--uitlichtkleur);*/}
#blFooter {max-width: 99vw;}
.blRow{padding:1.5rem;margin:0;}
@media (min-width: 767px) {
  .blRow:not(#blFooter, #blHeader){padding:3rem 15vw;}
}
.blRow > a, .blRow > span {width: unset;}
/*kleurenwissel per rij. Rijen met alleen een img tellen niet mee.*/
.blRow:not(:has(> img):not(:has(> :not(img)))):nth-of-type(3n + 1) {background-color: var(--achtergrondkleur);color: var(--tekstkleur);}
.blRow:not(:has(> img):not(:has(> :not(img)))):nth-of-type(3n + 2) {background-color: var(--uitlichtkleur);color: var(--tekstkleur);}
.blRow:not(:has(> img):not(:has(> :not(img)))):nth-of-type(3n + 3) {background-color: var(--tekstkleur);color: var(--achtergrondkleur);}

.blCol img {max-width: 100%;}
.blRow:has(> img):not(:has(> :not(img))) { /*rij met alleen een img en verder niets*/
  padding: 0;
  background: none;
}
.blRow:has(> img):not(:has(> :not(img))) > img {
  width: 100%;
  aspect-ratio: 4 / 1;
  object-fit: cover;
  display: block;
  padding:0;
}
@media (min-width: 767px) {
  .blRow:has(> .blCol) {
    padding: 0 15vw;
  }

  /*een kolom met NIET alleen een img*/
  .blCol{padding: 3rem}
  /* Eerste .blCol in .blRow */
  .blRow > .blCol:first-child:has(:not(img)) {
    padding: 3rem 3rem 3rem 0; /* top right bottom left */
  }

  /* Laatste .blCol in .blRow */
  .blRow > .blCol:last-child:has(:not(img)) {
    padding: 3rem 0 3rem 3rem; /* top right bottom left */
  }
  .blRow > .blCol:not(:has(:not(img))){
    padding: 0;
  }
}
/*styling van de img als dat het enige in een blCol is*/
.blCol:has(> img):not(:has(> :not(img))) > img {
    max-height:23rem;
    height:100%;
}


@media only screen and (max-width: 1200px)	/* MD */
{
#bl1Inhoud			{margin-left:0px;}
}
@media only screen and (max-width: 992px)	/* SM */
{
#bl1Inhoud			{margin-left:0px;}
}
@media only screen and (max-width: 768px)	/* XS */
{
a					{font-size:larger;}
#blSiteTitel		{margin-left:10px;font-size:30px;}

#bl1Inhoud			{margin-left:0px;}
#bl1IntroTekst		{font-size:larger;}
#bl1HoofdTekst		{font-size:larger;}
#bl1TopicTekst		{font-size:larger;}

#bl3Inhoud			{margin-left:0px;}
#bl3IntroTekst		{font-size:larger;}
#bl3HoofdTekst		{font-size:larger;}
#bl3TopicTekst		{font-size:larger;}

#bl4Inhoud			{margin-left:0px;}
#bl4IntroTekst		{font-size:larger;}
#bl4HoofdTekst		{font-size:larger;}
#bl4TopicTekst		{font-size:larger;}

#bl5Inhoud			{margin-left:0px;}
#bl5IntroTekst		{font-size:larger;}
#bl5HoofdTekst		{font-size:larger;}
#bl5TopicTekst		{font-size:larger;}

#bl6Inhoud			{margin-left:0px;}
#bl6IntroTekst		{font-size:larger;}

#bl7HoofdTekst		{font-size:larger;}
.margePixMenuText	{font-size:16px;}
}