/* BLOK HOME */
#blokwelkom .container{
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}

#blokwelkom .container .overlay{
  position:relative;
  background:url(../img/hero-overlay.png) repeat;
  min-height:745px; /* desktop */
  width:100%;

  /* nieuw: zorgt dat we makkelijk kunnen uitlijnen */
  display:flex;
  align-items:flex-end;      /* tekst onderaan */
  justify-content:flex-start;/* links op desktop */
  padding:0 0 70px 75px;     /* vervangt top/left */
  box-sizing:border-box;
}

#blokwelkom .container .overlay h1{
  font-family:"Grand Bold" !important;
  font-size:40px;
  color:#fff;
  text-transform:uppercase;
  max-width:1200px;

  /* weg met absolute offsets */
  position:relative;
  left:auto;
  top:auto;

  padding-left:25px;
  padding-bottom:30px;
}
/* DESKTOP: afgeronde hoeken */
#blokwelkom .container{
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;

  border-radius:24px;
  overflow:hidden;
}

/* MOBIEL: geen afgeronde hoeken */
@media (max-width: 768px){
  #blokwelkom .container{
    border-radius:0;
  }
}

.tekstgrotefoto {
  padding-left:25px;
  padding-bottom:30px;
  color: #FFFFFF;
}

/* ✅ MOBILE FIX */
@media (max-width: 768px){
  #blokwelkom .container .overlay{
    min-height:60vh;         /* meegroeiend, niet vast */
    padding:24px;            /* normale marge */
    align-items:flex-end;    /* blijft onderaan */
    justify-content:center;  /* centreren op gsm */
  }

  #blokwelkom .container .overlay h1{
    font-size:32px;
    line-height:1.1;
    max-width:100%;
    padding-left:0;
    padding-bottom:0;
    text-align:center;
  }
}

/* extra klein (optioneel) */
@media (max-width: 420px){
  #blokwelkom .container .overlay h1{
    font-size:26px;
  }
}






.icoontjes {
    width: 25px;
}
.lichtpaars {
    color: #edecf8 !important;
}
.donkerpaars {
    color: #524da4 !important;
}
.tekstwit {
    color: #ffffff !important;
}



.tekstlinks {
    text-align: left !important;    
}
.tekstrechts {
    text-align: right !important;    
}
.tekstmidden {
    text-align: center !important;    
}

/* positie vlekken */
.vlekspeeltuin {
    background: url(../img/vector9.png) no-repeat;
    background-size: 420px;
    background-position: left 43px;
}



/* VIRTUAL REALITY */

/* Hero VR */
#herovr .content {
    background: url(../img/hero/vr.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    min-height: 400px;
    position: relative;
    margin-top: 20px;
}
#herovr .ooverlay {
    background: linear-gradient(0deg, rgba(53, 49, 104, 0.6), rgba(53, 49, 104, 0.6)),linear-gradient(270deg, rgba(86, 80, 171, 0) 38.32%, rgba(86, 80, 171, 0.7) 71.39%, rgba(15, 27, 64, 0.7) 99.19%);
    min-height: 400px;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px;
}
#herovr h1 {
    color: #ffffff;
    font-size: 60px;
    background:url(../img/vector8.png) no-repeat;
    background-size: 500px auto;
    background-position: 20px center;
}
#herovr p {
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
}    
    

/* Blok VR */
#blokvr {
    margin-top: 40px;
    margin-bottom: -80px;
}
#blokvr h2 {
    color: #524DA4;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 30px;
    background: url(../img/vector3.png) no-repeat;
    background-size: 270px;
    background-position: 185px bottom;    
}
#blokvr .blok {
    background-color: #edecf8;
    padding: 25px;
    border-radius: 15px;
    margin-bottom: 20px;
}
#blokvr .blok h3 {
    color: #524DA4;
    font-size: 24px;
    line-height: 32px;
    margin-top: 0px;
}
#blokvr .blok p {
    margin-bottom: 0px;
}
#blokvr .blok.donker {
    background-color: #524da4;
}
#blokvr .blok.donker h3 {
    color: #a69fde;
}
#blokvr .blok.donker p {
    color: #ffffff;
    margin-bottom: 30px;
}
#blokvr .kind {
    margin-top: -450px;
}

/* ONTDEK VR */

#ontdekvr .top {
    background: url(../img/kinderrijck-ontdek-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#ontdekvr .bottom {
    background: url(../img/kinderrijck-ontdek-bottom.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#ontdekvr .content {
    background: #edecf8;
    padding-top: 50px;
    padding-bottom: 100px;
    padding-left: 50px;
    padding-right: 50px;
}
#ontdekvr h2 {
    color: #524da4;
    background: url(../img/vector9.png) no-repeat;
    background-size: 300px auto;
    background-position: bottom center;
    margin-bottom: 60px;
}
#ontdekvr h3 {
    color: #524da4;
    background: url(../img/vector9.png) no-repeat;
    background-size: 150px auto;
    background-position: center left;
    line-height: 100px;
    margin-bottom: 0px;
    margin-top: 0px;
}
#ontdekvr #info .contentbox {
    padding: 30px;
}
#ontdekvr #info .button {
    margin-top: 20px;
    display: inline-block;
}
#ontdekvr #info.multi .contentbox {
    background: #ffffff;
}
#ontdekvr #info.multi .contentbox > .item {
    display: none;
}
#ontdekvr #info.multi .contentbox > .item.active {
    display: block;
}
#ontdekvr #info.multi .menubar {
    background: transparent;
    display: block;
}
#ontdekvr #info.multi .menubar .item {
    background: #d3cfef;
    display: inline-block;
    padding: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-right: 10px;
    font-family: 'Grand Bold';
    font-size: 18px;
    color: rgba(166, 159, 222, 1);
}
#ontdekvr #info.multi .menubar .item.active {
    background: #ffffff;
}









#prijzen2.eten-en-drinken .content {
    padding-top: 0px;
    padding-bottom: 100px;
}
#prijzen2.eten-en-drinken h2 {
    background-size: 350px auto;
    background-position: center;
}



#herosmall.bereikbaarheid .content {
    background-image: url(../img/hero-small-bereikbaarheid.jpg);
}
#herosmall.eten-en-drinken .content {
    background-image: url(../img/hero-small-eten-en-drinken.jpg);
}
#herosmall.praktische-info .content {
    background-image: url(../img/hero-small-praktische-info.jpg);
}
#herosmall.bereikbaarheid h1 {
    background-position: left;
}
#herosmall.praktische-info h1 {
    background-position: left;
}


#toegang.praktische-info h2 {
    background-position: center;
}



/* LASERSHOOT */

/* Hero Lasershoot */
#herolaser .content {
    background: url(../img/hero/lasershoot.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    min-height: 400px;
    position: relative;
    margin-top: 20px;
}
#herolaser .ooverlay {
    background: linear-gradient(0deg, rgba(53, 49, 104, 0.6), rgba(53, 49, 104, 0.6)),linear-gradient(270deg, rgba(86, 80, 171, 0) 38.32%, rgba(86, 80, 171, 0.7) 71.39%, rgba(15, 27, 64, 0.7) 99.19%);
    min-height: 400px;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px;
}
#herolaser h1 {
    color: #ffffff;
    font-size: 60px;
    background:url(../img/vector8.png) no-repeat;
    background-size: 500px auto;
    background-position: 10px bottom;
}
#herolaser p {
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
}    
    

/* Blok Lasershoot */
#bloklaser {
    margin-top: 40px;
}
#bloklaser h2 {
    color: #524DA4;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 30px;
    background: url(../img/vector3.png) no-repeat;
    background-size: 270px;
    background-position: 145px bottom;    
}
#bloklaser .blok {
    background-color: #edecf8;
    padding: 25px;
    border-radius: 15px;
    margin-bottom: 20px;
}
#bloklaser .blok h3 {
    color: #524DA4;
    font-size: 24px;
    line-height: 32px;
    margin-top: 0px;
}
#bloklaser .blok p {
    margin-bottom: 0px;
}
#bloklaser .blok.donker {
    background-color: #524da4;
}
#bloklaser .blok.donker h3 {
    color: #a69fde;
}
#bloklaser .blok.donker p {
    color: #ffffff;
    margin-bottom: 30px;
}
#bloklaser .kind {
    margin-top: -450px;
}
/* ONTDEK LASERSHOOT */

#ontdeklasershoot {
    margin-top: -100px;
}
#ontdeklasershoot .top {
    background: url(../img/kinderrijck-attracties-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#ontdeklasershoot .bottom {
    background: url(../img/kinderrijck-attracties-bottom.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#ontdeklasershoot .content {
    background: #edecf8;
    padding-top: 50px;
    padding-bottom: 100px;
    padding-left: 50px;
    padding-right: 50px;
}
#ontdeklasershoot h2 {
    color: #524da4;
    line-height: 60px;
    background: url(../img/vector9.png) no-repeat;
    background-size: 550px;
    background-position: 600px top;
}
#ontdeklasershoot h3 {
    color: #524da4;
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 30px;
    background: url(../img/vector9.png) no-repeat;
    background-size: 170px;
    background-position: 0px top;    
}

#ontdeklasershoot .button {
    margin-top: 30px;
    display: inline-block;
}







/* ESCAPEROOM */

/* Hero Escaperoom */
#heroescaperoom .content {
    background: url(../img/hero/escaperoom.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    min-height: 400px;
    position: relative;
    margin-top: 20px;
}
#heroescaperoom .ooverlay {
    background: linear-gradient(0deg, rgba(53, 49, 104, 0.6), rgba(53, 49, 104, 0.6)),linear-gradient(270deg, rgba(86, 80, 171, 0) 38.32%, rgba(86, 80, 171, 0.7) 71.39%, rgba(15, 27, 64, 0.7) 99.19%);
    min-height: 400px;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px;
}
#heroescaperoom h1 {
    color: #ffffff;
    font-size: 60px;
    background:url(../img/vector10.png) no-repeat;
    background-size: 470px auto;
    background-position: 420px top;
}
#heroescaperoom p {
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
}    
    

/* Blok escaperoom */
#blokescaperoom {
    margin-top: 40px;
    margin-bottom: -90px;
}
#blokescaperoom h2 {
    color: #524DA4;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 30px;
    background: url(../img/vector3.png) no-repeat;
    background-size: 330px;
    background-position: 135px bottom;    
}
#blokescaperoom .blok {
    background-color: #edecf8;
    padding: 25px;
    border-radius: 15px;
    margin-bottom: 20px;
}
#blokescaperoom .blok h3 {
    color: #524DA4;
    font-size: 24px;
    line-height: 32px;
    margin-top: 0px;
}
#blokescaperoom .blok p {
    margin-bottom: 0px;
}
#blokescaperoom .blok.donker {
    background-color: #524da4;
}
#blokescaperoom .blok.donker h3 {
    color: #a69fde;
}
#blokescaperoom .blok.donker p {
    color: #ffffff;
    margin-bottom: 30px;
}
#blokescaperoom .kind {
    margin-top: -450px;
}
/* ONTDEK ESCAPEROOMS */

#ontdekescaperooms .top {
    background: url(../img/kinderrijck-ontdek-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#ontdekescaperooms .bottom {
    background: url(../img/kinderrijck-ontdek-bottom.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#ontdekescaperooms .content {
    background: #edecf8;
    padding-top: 50px;
    padding-bottom: 100px;
    padding-left: 50px;
    padding-right: 50px;
}
#ontdekescaperooms h2 {
    color: #524da4;
    background: url(../img/vector9.png) no-repeat;
    background-size: 300px auto;
    background-position: bottom center;
    margin-bottom: 60px;
}
#ontdekescaperooms h3 {
    color: #524da4;
    background: url(../img/vector9.png) no-repeat;
    background-size: 150px auto;
    background-position: center left;
    line-height: 100px;
    margin-bottom: 0px;
    margin-top: 0px;
}
#ontdekescaperooms #info .contentbox {
    padding: 30px;
}
#ontdekescaperooms #info .button {
    margin-top: 20px;
    display: inline-block;
}
#ontdekescaperooms #info.multi .contentbox {
    background: #ffffff;
}
#ontdekescaperooms #info.multi .contentbox > .item {
    display: none;
}
#ontdekescaperooms #info.multi .contentbox > .item.active {
    display: block;
}
#ontdekescaperooms #info.multi .menubar {
    background: transparent;
    display: block;
}
#ontdekescaperooms #info.multi .menubar .item {
    background: #d3cfef;
    display: inline-block;
    padding: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-right: 10px;
    font-family: 'Grand Bold';
    font-size: 18px;
    color: rgba(166, 159, 222, 1);
}
#ontdekescaperooms #info.multi .menubar .item.active {
    background: #ffffff;
}

























/* KIDS ESCAPE */

/* Hero Kids escape */
#herokidsescape .content {
    background: url(../img/hero/kidsescape.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    min-height: 400px;
    position: relative;
    margin-top: 20px;
}
#herokidsescape .ooverlay {
    background: linear-gradient(0deg, rgba(53, 49, 104, 0.6), rgba(53, 49, 104, 0.6)),linear-gradient(270deg, rgba(86, 80, 171, 0) 38.32%, rgba(86, 80, 171, 0.7) 71.39%, rgba(15, 27, 64, 0.7) 99.19%);
    min-height: 400px;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px;
}
#herokidsescape h1 {
    color: #ffffff;
    font-size: 60px;
    background:url(../img/vector8.png) no-repeat;
    background-size: 200px auto;
    background-position: 10px center;
}
#herokidsescape p {
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
}    
    

/* Blok Kids escape */
#blokkidsescape {
    margin-top: 40px;
}
#blokkidsescape h2 {
    color: #524DA4;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 30px;
    background: url(../img/vector3.png) no-repeat;
    background-size: 270px;
    background-position: 15px bottom;    
}
#blokkidsescape .blok {
    background-color: #edecf8;
    padding: 25px;
    border-radius: 15px;
    margin-bottom: 20px;
}
#blokkidsescape .blok h3 {
    color: #524DA4;
    font-size: 24px;
    line-height: 32px;
    margin-top: 0px;
}
#blokkidsescape .blok p {
    margin-bottom: 0px;
}
#blokkidsescape .blok.donker {
    background-color: #524da4;
}
#blokkidsescape .blok.donker h3 {
    color: #a69fde;
}
#blokkidsescape .blok.donker p {
    color: #ffffff;
    margin-bottom: 30px;
}
#blokkidsescape .kind {
    margin-top: -450px;
}

/* Ontdek Kids escape */

#ontdekkidsescape {
    margin-top: -100px;
}
#ontdekkidsescape .top {
    background: url(../img/kinderrijck-attracties-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#ontdekkidsescape .bottom {
    background: url(../img/kinderrijck-attracties-bottom.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#ontdekkidsescape .content {
    background: #edecf8;
    padding-top: 50px;
    padding-bottom: 100px;
    padding-left: 50px;
    padding-right: 50px;
}
#ontdekkidsescape h2 {
    color: #524da4;
    line-height: 60px;
    background: url(../img/vector9.png) no-repeat;
    background-size: 420px;
    background-position: 520px bottom;
}
#ontdekkidsescape h3 {
    color: #524da4;
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 30px;
    background: url(../img/vector9.png) no-repeat;
    background-size: 170px;
    background-position: 0px top;    
}

#ontdekkidsescape .button {
    margin-top: 30px;
    display: inline-block;
}






















/* GELLYBALL */

/* Hero Gellyball */
#herogellyball .content {
    background: url(../img/hero/gellyball.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    min-height: 400px;
    position: relative;
    margin-top: 20px;
}
#herogellyball .ooverlay {
    background: linear-gradient(0deg, rgba(53, 49, 104, 0.6), rgba(53, 49, 104, 0.6)),linear-gradient(270deg, rgba(86, 80, 171, 0) 38.32%, rgba(86, 80, 171, 0.7) 71.39%, rgba(15, 27, 64, 0.7) 99.19%);
    min-height: 400px;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px;
}
#herogellyball h1 {
    color: #ffffff;
    font-size: 60px;
    background:url(../img/vector8.png) no-repeat;
    background-size: 320px 70px;
    background-position: 10px top;
}
#herogellyball p {
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
}    
    

/* Blok Gellyball */
#blokgellyball {
    margin-top: 40px;
}
#blokgellyball h2 {
    color: #524DA4;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 30px;
    background: url(../img/vector3.png) no-repeat;
    background-size: 160px 70px;
    background-position: 90px top;    
}
#blokgellyball .blok {
    background-color: #edecf8;
    padding: 25px;
    border-radius: 15px;
    margin-bottom: 20px;
}
#blokgellyball .blok h3 {
    color: #524DA4;
    font-size: 24px;
    line-height: 32px;
    margin-top: 0px;
}
#blokgellyball .blok p {
    margin-bottom: 0px;
}
#blokgellyball .blok.donker {
    background-color: #524da4;
}
#blokgellyball .blok.donker h3 {
    color: #a69fde;
}
#blokgellyball .blok.donker p {
    color: #ffffff;
    margin-bottom: 30px;
}
#blokgellyball .kind {
    margin-top: -450px;
}

/* Ontdek Gellyball */

#ontdekgellyball {
    margin-top: -100px;
}
#ontdekgellyball .top {
    background: url(../img/kinderrijck-attracties-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#ontdekgellyball .bottom {
    background: url(../img/kinderrijck-attracties-bottom.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#ontdekgellyball .content {
    background: #edecf8;
    padding-top: 50px;
    padding-bottom: 100px;
    padding-left: 50px;
    padding-right: 50px;
}
#ontdekgellyball h2 {
    color: #524da4;
    line-height: 60px;
    background: url(../img/vector9.png) no-repeat;
    background-size: 380px 80px;
    background-position: 700px top;
}
#ontdekgellyball h3 {
    color: #524da4;
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 30px;
    background: url(../img/vector9.png) no-repeat;
    background-size: 170px;
    background-position: 0px top;    
}

#ontdekgellyball .button {
    margin-top: 30px;
    display: inline-block;
}




















/* KINDERFEESTJE */

/* Hero Kinderfeestjes */
#herokinderfeestjes .container {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
#herokinderfeestjes .content {
    background: url(../img/hero/kinderfeestjes.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    min-height: 400px;
    position: relative;
    margin-top: 20px;
}
#herokinderfeestjes .ooverlay {
    background: linear-gradient(0deg, rgba(53, 49, 104, 0.6), rgba(53, 49, 104, 0.6)),linear-gradient(270deg, rgba(86, 80, 171, 0) 38.32%, rgba(86, 80, 171, 0.7) 71.39%, rgba(15, 27, 64, 0.7) 99.19%);
    min-height: 400px;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px;
}
#herokinderfeestjes h1 {
    color: #ffffff;
    font-size: 60px;
    background:url(../img/vector8.png) no-repeat;
    background-size: 475px 80px;
    background-position: 400px top;
}
#herokinderfeestjes p {
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
}    
    

/* Blok Kinderfeestjes */
#blokkinderfeestjes {
    margin-top: 40px;
    margin-bottom: -40px;
}
#blokkinderfeestjes h2 {
    color: #524DA4;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 30px;
    background: url(../img/vector3.png) no-repeat;
    background-size: 430px 60px;
    background-position: 0px bottom;    
}
#blokkinderfeestjes .blok {
    background-color: #edecf8;
    padding: 25px;
    border-radius: 15px;
    margin-bottom: 20px;
}
#blokkinderfeestjes .blok h3 {
    color: #524DA4;
    font-size: 24px;
    line-height: 32px;
    margin-top: 0px;
}
#blokkinderfeestjes .blok p {
    margin-bottom: 0px;
}
#blokkinderfeestjes .blok.donker {
    background-color: #524da4;
}
#blokkinderfeestjes .blok.donker h3 {
    color: #a69fde;
}
#blokkinderfeestjes .blok.donker p {
    color: #ffffff;
    margin-bottom: 30px;
}
#blokkinderfeestjes .kind {
    margin-top: -450px;
}









/* Royaler */
#royaler h2 {
    font-size: 60px;    
    color: #524da4;
    background: url(../img/vector2.png) no-repeat;
    background-size: 500px auto;
    background-position: center bottom;
    margin-bottom: 40px;
    padding-bottom: 20px;
    padding-top: 15px;
}
#royaler h3 {
    color: #ffffff;
    font-size: 24px;
    margin-bottom: 40px;
}
#royaler h4 {
    color: #a69fde;
    font-size: 24px;
}
#royaler .reserveer {
    background: #524da4;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 20px;
    border-radius: 20px;
}
#royaler .reserveer a {
    display: inline-block;
}














/* SCHOLEN */

/* Hero Schoeln */
#heroscholen .content {
    background: url(../img/hero-small-praktische-info.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    min-height: 400px;
    position: relative;
    margin-top: 20px;
}
#heroscholen .ooverlay {
    background: linear-gradient(0deg, rgba(53, 49, 104, 0.6), rgba(53, 49, 104, 0.6)),linear-gradient(270deg, rgba(86, 80, 171, 0) 38.32%, rgba(86, 80, 171, 0.7) 71.39%, rgba(15, 27, 64, 0.7) 99.19%);
    min-height: 400px;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px;
}
#heroscholen h1 {
    color: #ffffff;
    font-size: 60px;
    background:url(../img/vector8.png) no-repeat;
    background-size: 500px auto;
    background-position: 100px top;
}
#heroscholen p {
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
}    
    

/* Blok SCHOLEN */
#blokscholen {
    margin-top: 40px;
}
#blokscholen h2 {
    color: #524DA4;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 30px;
    background: url(../img/vector3.png) no-repeat;
    background-size: 270px;
    background-position: 185px bottom;    
}
#blokscholen .blok {
    background-color: #edecf8;
    padding: 25px;
    border-radius: 15px;
    margin-bottom: 20px;
}
#blokscholen .blok h3 {
    color: #524DA4;
    font-size: 24px;
    line-height: 32px;
    margin-top: 0px;
}
#blokscholen .blok p {
    margin-bottom: 0px;
}
#blokscholen .blok.donker {
    background-color: #524da4;
}
#blokscholen .blok.donker h3 {
    color: #a69fde;
}
#blokscholen .blok.donker p {
    color: #ffffff;
    margin-bottom: 30px;
}
#blokscholen .kind {
    margin-top: -450px;
}

/* ONTDEK SCHOLEN */

#ontdekscholen .top {
    background: url(../img/kinderrijck-ontdek-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#ontdekscholen .bottom {
    background: url(../img/kinderrijck-ontdek-bottom.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#ontdekscholen .content {
    background: #edecf8;
    padding-top: 50px;
    padding-bottom: 100px;
    padding-left: 50px;
    padding-right: 50px;
}
#ontdekscholen h2 {
    color: #524da4;
    background: url(../img/vector9.png) no-repeat;
    background-size: 300px auto;
    background-position: bottom center;
    margin-bottom: 60px;
}
#ontdekscholen h3 {
    color: #524da4;
    background: url(../img/vector9.png) no-repeat;
    background-size: 150px auto;
    background-position: center left;
    line-height: 100px;
    margin-bottom: 0px;
    margin-top: 0px;
}
#ontdekscholen #info .contentbox {
    padding: 30px;
}
#ontdekscholen #info .button {
    margin-top: 20px;
    display: inline-block;
}
#ontdekscholen #info.multi .contentbox {
    background: #ffffff;
}
#ontdekscholen #info.multi .contentbox > .item {
    display: none;
}
#ontdekscholen #info.multi .contentbox > .item.active {
    display: block;
}
#ontdekscholen #info.multi .menubar {
    background: transparent;
    display: block;
}
#ontdekscholen #info.multi .menubar .item {
    background: #d3cfef;
    display: inline-block;
    padding: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-right: 10px;
    font-family: 'Grand Bold';
    font-size: 18px;
    color: rgba(166, 159, 222, 1);
}
#ontdekscholen #info.multi .menubar .item.active {
    background: #ffffff;
}



/* Meer info scholen*/
#meerinfoscholen {
    margin-top: 0px;
}
#meerinfoscholen .content {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
}
#meerinfoscholen h2 {
    color: #524da4;
    background: url(../img/vector9.png) no-repeat;
    background-size: 360px 60px;
    background-position: left bottom;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 40px;
}
#meerinfoscholen .checks {
    background: #edecf8;
    border-radius: 15px;
}
#meerinfoscholen .checks .check {
    background: url(../img/checkwit.png) no-repeat;
    background-position: left top 20px;
    background-size: 20px;
    display: block;
    padding: 20px 30px;
    border-bottom: 1px solid #cfced8;
}
#meerinfoscholen .checks .check:last-child {
    border-bottom: 0px;
}

























/* JEUGDBEWEGINGEN */

/* Hero Jeugdbewegingen */
#herojeugd .content {
    background: url(../img/hero-small-praktische-info.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    min-height: 400px;
    position: relative;
    margin-top: 20px;
}
#herojeugd .ooverlay {
    background: linear-gradient(0deg, rgba(53, 49, 104, 0.6), rgba(53, 49, 104, 0.6)),linear-gradient(270deg, rgba(86, 80, 171, 0) 38.32%, rgba(86, 80, 171, 0.7) 71.39%, rgba(15, 27, 64, 0.7) 99.19%);
    min-height: 400px;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px;
}
#herojeugd h1 {
    color: #ffffff;
    font-size: 50px;
    background:url(../img/vector8.png) no-repeat;
    background-size: 450px 70px;
    background-position: left top;
}
#herojeugd p {
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
}    
    

/* Blok Jeugdbewegingen */
#blokjeugd {
    margin-top: 40px;
}
#blokjeugd h2 {
    color: #524DA4;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 30px;
    background: url(../img/vector3.png) no-repeat;
    background-size: 270px;
    background-position: 185px bottom;    
}
#blokjeugd .blok {
    background-color: #edecf8;
    padding: 25px;
    border-radius: 15px;
    margin-bottom: 20px;
}
#blokjeugd .blok h3 {
    color: #524DA4;
    font-size: 24px;
    line-height: 32px;
    margin-top: 0px;
}
#blokjeugd .blok p {
    margin-bottom: 0px;
}
#blokjeugd .blok.donker {
    background-color: #524da4;
}
#blokjeugd .blok.donker h3 {
    color: #a69fde;
}
#blokjeugd .blok.donker p {
    color: #ffffff;
    margin-bottom: 30px;
}
#blokjeugd .kind {
    margin-top: -450px;
}

/* ONTDEK JEUGDBEWEGINGEN */

#ontdekjeugd .top {
    background: url(../img/kinderrijck-ontdek-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#ontdekjeugd .bottom {
    background: url(../img/kinderrijck-ontdek-bottom.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#ontdekjeugd .content {
    background: #edecf8;
    padding-top: 50px;
    padding-bottom: 100px;
    padding-left: 50px;
    padding-right: 50px;
}
#ontdekjeugd h2 {
    color: #524da4;
    background: url(../img/vector9.png) no-repeat;
    background-size: 300px auto;
    background-position: bottom center;
    margin-bottom: 60px;
}
#ontdekjeugd h3 {
    color: #524da4;
    background: url(../img/vector9.png) no-repeat;
    background-size: 150px auto;
    background-position: center left;
    line-height: 100px;
    margin-bottom: 0px;
    margin-top: 0px;
}
#ontdekjeugd #info .contentbox {
    padding: 30px;
}
#ontdekjeugd #info .button {
    margin-top: 20px;
    display: inline-block;
}
#ontdekjeugd #info.multi .contentbox {
    background: #ffffff;
}
#ontdekjeugd #info.multi .contentbox > .item {
    display: none;
}
#ontdekjeugd #info.multi .contentbox > .item.active {
    display: block;
}
#ontdekjeugd #info.multi .menubar {
    background: transparent;
    display: block;
}
#ontdekjeugd #info.multi .menubar .item {
    background: #d3cfef;
    display: inline-block;
    padding: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-right: 10px;
    font-family: 'Grand Bold';
    font-size: 18px;
    color: rgba(166, 159, 222, 1);
}
#ontdekjeugd #info.multi .menubar .item.active {
    background: #ffffff;
}

/* Openingsuren */
#herosmall.openingsuren h1 {
    background-size: 500px auto;
    background-position: left;
}


/* Meer info jeugdbewegingen*/
#meerinfojeugd {
    margin-top: 0px;
}
#meerinfojeugd .content {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
}
#meerinfojeugd h2 {
    color: #524da4;
    background: url(../img/vector9.png) no-repeat;
    background-size: 400px 60px;
    background-position: 200px top;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 40px;
}
#meerinfojeugd .checks {
    background: #edecf8;
    border-radius: 15px;
}
#meerinfojeugd .checks .check {
    background: url(../img/checkwit.png) no-repeat;
    background-position: left top 20px;
    background-size: 20px;
    display: block;
    padding: 20px 30px;
    border-bottom: 1px solid #cfced8;
}
#meerinfojeugd .checks .check:last-child {
    border-bottom: 0px;
}




/* Onvergetelijk2 */
#onvergetelijk2 {
    margin-top: 0px;
}
#onvergetelijk2 .content {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 50px;
    padding-bottom: 50px;
}
#onvergetelijk2 h2 {
    color: #524da4;
    background: url(../img/vector9.png) no-repeat;
    background-size: 300px 60px;
    background-position: center bottom;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 40px;
}
#onvergetelijk2 .cell {
    text-align: right;
}
#onvergetelijk2 .cell.cell4 {
    flex: 4;
    text-align: left;
    font-family: "Grand Bold" !important;
    font-size: 24px;
    color: rgba(166, 159, 222, 1);
}







/* Formules babyborrel*/
#formulesbabyborrel {
    margin-top: 0px;
}

#formulesbabyborrel .top {
    background: url(../img/kinderrijck-formules-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#formulesbabyborrel .bottom {
    background: url(../img/kinderrijck-formules-bottom.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#formulesbabyborrel .content {
    background: #edecf8;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
}
#formulesbabyborrel h2 {
    color: #524da4;
    line-height: 60px;
    background: url(../img/vector9.png) no-repeat;
    background-size: 670px 65px;
    background-position: 400px bottom;
}
#formulesbabyborrel a {
    display: inline-block;
}
.formulesbabyborrel {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}
.formulesbabyborrel > .col-md-4 {
    display: flex;
    flex-direction: column;
}














/* Formules familie*/
#formulesfamilie {
    margin-top: 0px;
}

#formulesfamilie .top {
    background: url(../img/kinderrijck-formules-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#formulesfamilie .bottom {
    background: url(../img/kinderrijck-formules-bottom.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#formulesfamilie .content {
    background: #edecf8;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
}
#formulesfamilie h2 {
    color: #524da4;
    line-height: 60px;
    background: url(../img/vector9.png) no-repeat;
    background-size: 500px 65px;
    background-position: center bottom;
}
#formulesfamilie a {
    display: inline-block;
}
.formulesfamilie {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}
.formulesfamilie > .col-md-4 {
    display: flex;
    flex-direction: column;
}










/* Formules */
#formules {
    margin-top: 0px;
}

#formules .top {
    background: url(../img/kinderrijck-formules-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#formules .bottom {
    background: url(../img/kinderrijck-formules-bottom.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#formules .content {
    background: #edecf8;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
}
#formules h2 {
    color: #524da4;
    line-height: 60px;
    background: url(../img/vector9.png) no-repeat;
    background-size: 670px 65px;
    background-position: 400px bottom;
}
#formules a {
    display: inline-block;
}
.formules {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}
.formules > .col-md-4 {
    display: flex;
    flex-direction: column;
}
.formule {
    border-radius: 15px;
    background-color: #ffffff;
    padding: 20px;
    height: 100%;
    margin-bottom: 20px;
}
.formule h3 {
    color: rgba(166, 159, 222, 1);
}
.formule h4 {
    color: rgba(166, 159, 222, 1);
}
.formule .blok {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #cfced8;
}
.formule.paars {
    background-color: #a69fde;
}
.formule.paars h3 {
    color: rgba(82, 77, 164, 1);
}
.formule.paars h4 {
    color: rgba(82, 77, 164, 1);
}
.formule.paars .blok {
    border-top: 1px solid #000000;
}
.formule .blok.noline {
    border-top: 0;
    padding-top: 0px;
}
.formule .blok.nopadding {
    padding-top: 0px;
}
.formule .table {
    margin-bottom: 0px;
}
.formule .table .cell {
    padding-left: 0px;
}
.formule.paars .table .row {
    border-bottom: 1px solid #000000;
}











/* ESCAPE WANDELING */

/* Hero Escapewandeling */
#herowandeling .content {
    background: url(../img/hero/escapewandeling.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    min-height: 400px;
    position: relative;
    margin-top: 20px;
}
#herowandeling .ooverlay {
    background: linear-gradient(0deg, rgba(53, 49, 104, 0.6), rgba(53, 49, 104, 0.6)),linear-gradient(270deg, rgba(86, 80, 171, 0) 38.32%, rgba(86, 80, 171, 0.7) 71.39%, rgba(15, 27, 64, 0.7) 99.19%);
    min-height: 400px;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px;
}
#herowandeling h1 {
    color: #ffffff;
    font-size: 60px;
    background:url(../img/vector8.png) no-repeat;
    background-size: 620px auto;
    background-position: 10px center;
}
#herowandeling p {
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
}    
    

/* Blok Escapewandeling */
#blokwandeling {
    margin-top: 40px;
}
#blokwandeling h2 {
    color: #524DA4;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 30px;
    background: url(../img/vector3.png) no-repeat;
    background-size: 270px;
    background-position: 145px bottom;    
}
#blokwandeling .blok {
    background-color: #edecf8;
    padding: 25px;
    border-radius: 15px;
    margin-bottom: 20px;
}
#blokwandeling .blok h3 {
    color: #524DA4;
    font-size: 24px;
    line-height: 32px;
    margin-top: 0px;
}
#blokwandeling .blok p {
    margin-bottom: 0px;
}
#blokwandeling .blok.donker {
    background-color: #524da4;
}
#blokwandeling .blok.donker h3 {
    color: #a69fde;
}
#blokwandeling .blok.donker p {
    color: #ffffff;
    margin-bottom: 30px;
}
#blokwandeling .kind {
    margin-top: -350px;
    background-size: auto 100%;
}

/* Ontdek Escapewandeling */

#ontdekwandeling {
    margin-top: -100px;
}
#ontdekwandeling .top {
    background: url(../img/kinderrijck-attracties-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#ontdekwandeling .bottom {
    background: url(../img/kinderrijck-attracties-bottom.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#ontdekwandeling .content {
    background: #edecf8;
    padding-top: 50px;
    padding-bottom: 100px;
    padding-left: 50px;
    padding-right: 50px;
}
#ontdekwandeling h2 {
    color: #524da4;
    line-height: 60px;
    background: url(../img/vector9.png) no-repeat;
    background-size: 420px;
    background-position: 520px bottom;
}
#ontdekwandeling h3 {
    color: #524da4;
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 30px;
    background: url(../img/vector9.png) no-repeat;
    background-size: 170px;
    background-position: 0px top;    
}

#ontdekwandeling .button {
    margin-top: 30px;
    display: inline-block;
}





#plekje .bottom {
    width:100%;
    height: 50px;
    background: url(../img/kinderrijck-hero-review-bottom.png) no-repeat center;
    background-size: cover;
    margin-top: -50px;;
    position: relative;
    z-index: 105;
}




/* ONTBIJT */

/* Hero Ontbijt */
#heroontbijt .content {
    background: url(../img/hero/zondagsontbijt.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    min-height: 400px;
    position: relative;
    margin-top: 20px;
}
#heroontbijt .ooverlay {
    background: linear-gradient(0deg, rgba(53, 49, 104, 0.6), rgba(53, 49, 104, 0.6)),linear-gradient(270deg, rgba(86, 80, 171, 0) 38.32%, rgba(86, 80, 171, 0.7) 71.39%, rgba(15, 27, 64, 0.7) 99.19%);
    min-height: 400px;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px;
}
#heroontbijt h1 {
    color: #ffffff;
    font-size: 60px;
    background:url(../img/vector8.png) no-repeat;
    background-size: 500px 60px;
    background-position: 40px bottom;
}
#heroontbijt p {
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
}   













/* BRUNCH */

/* Hero Brunch */
#herobrunch .content {
    background: url(../img/hero/zondagsbrunch.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    min-height: 400px;
    position: relative;
    margin-top: 20px;
}
#herobrunch .ooverlay {
    background: linear-gradient(0deg, rgba(53, 49, 104, 0.6), rgba(53, 49, 104, 0.6)),linear-gradient(270deg, rgba(86, 80, 171, 0) 38.32%, rgba(86, 80, 171, 0.7) 71.39%, rgba(15, 27, 64, 0.7) 99.19%);
    min-height: 400px;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px;
}
#herobrunch h1 {
    color: #ffffff;
    font-size: 60px;
    background:url(../img/vector8.png) no-repeat;
    background-size: 280px 75px;
    background-position: 0px top;
}
#herobrunch p {
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
}   
.brunchdata {
    line-height: 28px;
}













/* Babyborrel */

/* Hero babyborrel */
#herobabyborrel .content {
    background: url(../img/hero/babyborrel.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    min-height: 400px;
    position: relative;
    margin-top: 20px;
}
#herobabyborrel .ooverlay {
    background: linear-gradient(0deg, rgba(53, 49, 104, 0.6), rgba(53, 49, 104, 0.6)),linear-gradient(270deg, rgba(86, 80, 171, 0) 38.32%, rgba(86, 80, 171, 0.7) 71.39%, rgba(15, 27, 64, 0.7) 99.19%);
    min-height: 400px;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px;
}
#herobabyborrel h1 {
    color: #ffffff;
    font-size: 60px;
    background:url(../img/vector8.png) no-repeat;
    background-size: 475px 80px;
    background-position: 400px top;
}
#herobabyborrel p {
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
}    
    

/* Blok Babyborrel */
#blokbabyborrel {
    margin-top: 40px;
    margin-bottom: -60px;
}
#blokbabyborrel h2 {
    color: #524DA4;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 30px;
    background: url(../img/vector3.png) no-repeat;
    background-size: 200px 60px;
    background-position: 0px bottom;    
}
#blokbabyborrel .blok {
    background-color: #edecf8;
    padding: 25px;
    border-radius: 15px;
    margin-bottom: 20px;
}
#blokbabyborrel .blok h3 {
    color: #524DA4;
    font-size: 24px;
    line-height: 32px;
    margin-top: 0px;
}
#blokbabyborrel .blok p {
    margin-bottom: 0px;
}
#blokbabyborrel .blok.donker {
    background-color: #524da4;
}
#blokbabyborrel .blok.donker h3 {
    color: #a69fde;
}
#blokbabyborrel .blok.donker p {
    color: #ffffff;
    margin-bottom: 30px;
}
#blokbabyborrel .kind {
    margin-top: -450px;
}















/* Lente- en communiefeest */

/* Hero lentefeest */
#herolentefeest .content {
    background: url(../img/hero/lentefeest.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    min-height: 400px;
    position: relative;
    margin-top: 20px;
}
#herolentefeest .ooverlay {
    background: linear-gradient(0deg, rgba(53, 49, 104, 0.6), rgba(53, 49, 104, 0.6)),linear-gradient(270deg, rgba(86, 80, 171, 0) 38.32%, rgba(86, 80, 171, 0.7) 71.39%, rgba(15, 27, 64, 0.7) 99.19%);
    min-height: 400px;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px;
}
#herolentefeest h1 {
    color: #ffffff;
    font-size: 60px;
    background:url(../img/vector8.png) no-repeat;
    background-size: 650px 70px;
    background-position: 0px bottom;
}
#herolentefeest p {
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
}    
    

/* Blok Lentefeest */
#bloklentefeest {
    margin-top: 40px;
    margin-bottom: -60px;
}
#bloklentefeest h2 {
    color: #524DA4;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 30px;
    background: url(../img/vector3.png) no-repeat;
    background-size: 380px 60px;
    background-position: 0px bottom;    
}
#bloklentefeest .blok {
    background-color: #edecf8;
    padding: 25px;
    border-radius: 15px;
    margin-bottom: 20px;
}
#bloklentefeest .blok h3 {
    color: #524DA4;
    font-size: 24px;
    line-height: 32px;
    margin-top: 0px;
}
#bloklentefeest .blok p {
    margin-bottom: 0px;
}
#bloklentefeest .blok.donker {
    background-color: #524da4;
}
#bloklentefeest .blok.donker h3 {
    color: #a69fde;
}
#bloklentefeest .blok.donker p {
    color: #ffffff;
    margin-bottom: 30px;
}
#bloklentefeest .kind {
    margin-top: -450px;
}


















/* FAMILIEFEEST */

/* Hero Familiefeest */
#herofamiliefeest .content {
    background: url(../img/hero/familiefeest.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    min-height: 400px;
    position: relative;
    margin-top: 20px;
}
#herofamiliefeest .ooverlay {
    background: linear-gradient(0deg, rgba(53, 49, 104, 0.6), rgba(53, 49, 104, 0.6)),linear-gradient(270deg, rgba(86, 80, 171, 0) 38.32%, rgba(86, 80, 171, 0.7) 71.39%, rgba(15, 27, 64, 0.7) 99.19%);
    min-height: 400px;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px;
}
#herofamiliefeest h1 {
    color: #ffffff;
    font-size: 60px;
    background:url(../img/vector8.png) no-repeat;
    background-size: 450px 80px;
    background-position: 0px top;
}
#herofamiliefeest p {
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
}    
    

/* Blok Familiefeest */
#blokfamiliefeest {
    margin-top: 40px;
    margin-bottom: -60px;
}
#blokfamiliefeest h2 {
    color: #524DA4;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 30px;
    background: url(../img/vector3.png) no-repeat;
    background-size: 380px 60px;
    background-position: 0px bottom;    
}
#blokfamiliefeest .blok {
    background-color: #edecf8;
    padding: 25px;
    border-radius: 15px;
    margin-bottom: 20px;
}
#blokfamiliefeest .blok h3 {
    color: #524DA4;
    font-size: 24px;
    line-height: 32px;
    margin-top: 0px;
}
#blokfamiliefeest .blok p {
    margin-bottom: 0px;
}
#blokfamiliefeest .blok.donker {
    background-color: #524da4;
}
#blokfamiliefeest .blok.donker h3 {
    color: #a69fde;
}
#blokfamiliefeest .blok.donker p {
    color: #ffffff;
    margin-bottom: 30px;
}
#blokfamiliefeest .kind {
    margin-top: -450px;
}












/* HOME2 */

/* Hero Home2 */
#herohome2 .content {
    background: url(../img/kinderrijck-hero-home.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    min-height: 400px;
    position: relative;
    margin-top: 60px;
}
#herohome2 .ooverlay {
    background: linear-gradient(0deg, rgba(53, 49, 104, 0.6), rgba(53, 49, 104, 0.6)),linear-gradient(270deg, rgba(86, 80, 171, 0) 38.32%, rgba(86, 80, 171, 0.7) 71.39%, rgba(15, 27, 64, 0.7) 99.19%);
    min-height: 400px;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px;
}
#herohome2 h1 {
    color: #ffffff;
    font-size: 60px;
    background:url(../img/vector8.png) no-repeat;
    background-size: 250px 60px;
    background-position: 0px bottom;
}
#herohome2 p {
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
}    
    

/* Blok Home2 */
#blokhome2 {
    margin-top: 40px;
    margin-bottom: -60px;
}
#blokhome2 h2 {
    color: #524DA4;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 30px;
    background: url(../img/vector3.png) no-repeat;
    background-size: 380px 60px;
    background-position: 0px bottom;    
}
#blokhome2 .blok {
    background-color: #edecf8;
    padding: 25px;
    border-radius: 15px;
    margin-bottom: 20px;
}
#blokhome2 .blok h3 {
    color: #524DA4;
    font-size: 24px;
    line-height: 32px;
    margin-top: 0px;
}
#blokhome2 .blok p {
    margin-bottom: 0px;
}
#blokhome2 .blok.donker {
    background-color: #524da4;
}
#blokhome2 .blok.donker h3 {
    color: #a69fde;
}
#blokhome2 .blok.donker p {
    color: #ffffff;
    margin-bottom: 30px;
}
#blokhome2 .kind {
    margin-top: -450px;
}











/* VERJAARDAGSFEEST */

/* Hero Verjaardagsfeest */
#heroverjaardagsfeest .content {
    background: url(../img/hero/kinderfeestjes.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    min-height: 400px;
    position: relative;
    margin-top: 20px;
}
#heroverjaardagsfeest .ooverlay {
    background: linear-gradient(0deg, rgba(53, 49, 104, 0.6), rgba(53, 49, 104, 0.6)),linear-gradient(270deg, rgba(86, 80, 171, 0) 38.32%, rgba(86, 80, 171, 0.7) 71.39%, rgba(15, 27, 64, 0.7) 99.19%);
    min-height: 400px;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px;
}
#heroverjaardagsfeest h1 {
    color: #ffffff;
    font-size: 60px;
    background:url(../img/vector8.png) no-repeat;
    background-size: 750px 80px;
    background-position: 130px top;
}
#heroverjaardagsfeest p {
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
}    
    

/* Blok Familiefeest */
#blokverjaardagsfeest {
    margin-top: 40px;
    margin-bottom: -20px;
}
#blokverjaardagsfeest h2 {
    color: #524DA4;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 30px;
    background: url(../img/vector3.png) no-repeat;
    background-size: 380px 60px;
    background-position: 0px bottom;    
}
#blokverjaardagsfeest .blok {
    background-color: #edecf8;
    padding: 25px;
    border-radius: 15px;
    margin-bottom: 20px;
}
#blokverjaardagsfeest .blok h3 {
    color: #524DA4;
    font-size: 24px;
    line-height: 32px;
    margin-top: 0px;
}
#blokverjaardagsfeest .blok p {
    margin-bottom: 0px;
}
#blokverjaardagsfeest .blok.donker {
    background-color: #524da4;
}
#blokverjaardagsfeest .blok.donker h3 {
    color: #a69fde;
}
#blokverjaardagsfeest .blok.donker p {
    color: #ffffff;
    margin-bottom: 30px;
}
#blokverjaardagsfeest .kind {
    margin-top: -330px;
}
















/* Attracties2 */
#attracties2 {
    margin-top: -100px;
}
#attracties2 .top {
    background: url(../img/kinderrijck-attracties-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#attracties2 .bottom {
    background: url(../img/kinderrijck-attracties-bottom.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#attracties2 .content {
    padding-top: 50px;
    padding-bottom: 100px;
    padding-left: 50px;
    padding-right: 50px;
}
#attracties2 h2 {
    color: #524da4;
    background: url(../img/vector9.png) no-repeat;
    background-size: 600px auto;
    background-position: center bottom;
    line-height: 60px;
}
#attracties2 .attractie {
    margin-bottom: 30px;
}
#attracties2 .attractie h3 {
    color: #524da4;
    font-size: 28px;
    line-height: 34px;
}
#attracties2 .attractie .image {
    border-radius: 15px;
    height: 250px;
    background-size: cover;
    background-position: center;
}
#attracties2 .attractie.klimvulkaan .image {
    background-image:url(../img/attracties-klimvulkaan.png);
}
#attracties2 .attractie.trampolines .image {
    background-image:url(../img/attracties-trampolines.png);
}
#attracties2 .attractie.klimkooi .image {
    background-image:url(../img/attracties-klimkooi.png);
}
#attracties2 .attractie.peuterrijck .image {
    background-image:url(../img/attracties-peuterrijck.png);
}
#attracties2 .attractie.touwenparcours .image {
    background-image:url(../img/attracties-touwenparcours.png);
}
#attracties2 .attractie.klimmuur .image {
    background-image:url(../img/attracties-klimmuur.png);
}
#attracties2 .attractie.swingride .image {
    background-image:url(../img/attracties-swingride.png);
}
#attracties2 .attractie.droptower .image {
    background-image:url(../img/attracties-droptower.png);
}
#attracties2 .button {
    margin-top: 80px;
    display: inline-block;
}
















/* SFEERBEELDEN */
#sfeerbeelden .top {
    background: url(../img/kinderrijck-album-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#sfeerbeelden .bottom {
    background: url(../img/kinderrijck-album-bottom.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
    position: relative;
    z-index: 9999;
}
#sfeerbeelden .content {
    background: #edecf8;
    padding-bottom: 100px;
    padding-left: 50px;
    padding-right: 50px;
}
#sfeerbeelden h2 {
    color: #524da4;
    font-size: 60px;
    background: url(../img/vector9.png) no-repeat;
    background-size: 550px auto;
    background-position: center center;
    padding-bottom: 40px;
}
#sfeerbeelden p {
    margin-top: 50px;
}
#sfeerbeelden .owl-controls .owl-buttons {
    float: right;
}







/* Prijzen2 */
#prijzen2 .top {
    background: url(../img/kinderrijck-prijzen-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#prijzen2 .bottom {
    background: url(../img/kinderrijck-formules-bottom.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#prijzen2 .content {
    background: #edecf8;
    padding-top: 50px;
    padding-bottom: 100px;
    padding-left: 50px;
    padding-right: 50px;
}
#prijzen2 h2 {
    color: #524da4;
    background: url(../img/vector9.png) no-repeat;
    background-size: 650px auto;
    background-position: top center;
    margin-bottom: 40px;
    padding-bottom: 35px;
}
#prijzen2 h3 {
    color: #524da4;
    font-size: 40px;
}
#prijzen2 h4 {
    color: rgba(166, 159, 222, 1);
    font-size: 18px;
}











/* BELEEF KINDERRIJCK BIJ FEESTJES */
#beleefkr .intro h2 {
    font-family: "Grand Bold" !important;
    font-size: 60px;
    color: rgba(82, 77, 164, 1);
    text-transform: uppercase;
    display: block;
    position: relative;
    background: url(../img/vector2.png) no-repeat;
    background-size: 460px 70px;
    background-position: 270px top;  
}
#beleefkr .intro p {
    padding-top: 30px;
    padding-bottom: 30px;
}







/* margin bottom */
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mb-70 {
    margin-bottom: 70px;
}
.mb-80 {
    margin-bottom: 80px;
}
.mb-90 {
    margin-bottom: 90px;
}
.mb-100 {
    margin-bottom: 100px;
}





/* margin top */
.mt-20 {
    margin-top: 20px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-60 {
    margin-top: 60px;
}
.mt-70 {
    margin-top: 70px;
}
.mt-80 {
    margin-top: 80px;
}
.mt-90 {
    margin-top: 90px;
}
.mt-100 {
    margin-top: 100px;
}


    
    
/* Navbar-info */
#navbar-info {
    background-color: #edecf8;
    line-height: 48px;
    font-size: 12px;
}
#navbar-info a {
    color: #242044;
    text-decoration: underline;
}
#navbar-info .vertical-divider {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}


/* Formulier nieuwsbrief */
#footer form input[type="email"] {
    background: #524da4;
    border: 1px solid #ffffff;
    border-radius: 5px;
    color: #ffffff;
    text-transform: none;
    font-weight: normal;
    font-size: 16px;
    font-family: "Noto Serif" !important;
    padding: 5px;
    width: 100%;
    margin-bottom: 10px;
}

#footer form input[type="email"]::placeholder {
    color: #ffffff;
    text-transform: none;
    font-weight: normal;
    font-size: 16px;
    font-family: "Noto Serif" !important;
}
#optin {
  accent-color: #A69FDE;
  cursor: pointer;
}
.buttonnieuwsbrief {
  display: inline-block;
  background-color: #A69FDE;
  color: #242044;
  padding: 12px 24px;
  border: none;
  border-radius: 6px;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.buttonnieuwsbrief:hover,
.buttonnieuwsbrief:focus {
  background-color: #9790cf;
}

.buttonnieuwsbrief:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}




/* privacy */
#privacy {
    margin-top: 40px;
    margin-bottom: 60px;
}
#privacy h2 {
    color: #524da4;
   	font-size: 30px;
}
#privacy h3 {
    color: #999;
   	font-size: 20px;
}
#privacy hr {
  padding-bottom: 20px;
}
#privacy li {
  line-height: 30px;
}

/* links */
.link-alt,
.link-alt:link {
  color: #524da4;
  text-decoration: none;
}

.link-alt:hover,
.link-alt:focus {
  color: #3e3987;
  text-decoration: underline;
}

.link-alt:active {
  color: #3e3987;
}

.link-alt:visited {
  color: #524da4;
}

.link-wit,
.link-wit:link {
  color: #ffffff;
  text-decoration: underline;
}

.link-wit:hover,
.link-wit:focus {
  color: #ffffff;
  text-decoration: underline;
}

.link-wit:active {
  color: #ffffff;
}

.link-wit:visited {
  color: #ffffff;
}


.donker a {
  color: #d3cfef !important;        
  text-decoration: none; 
}

.donker a:hover {
  color: #bbb7d7 !important;        
  text-decoration: underline; 
}

.donker a:visited {
  color: #d3cfef !important;       
}

.donker a:active {
  color: #bbb7d7 !important;    
}

    



#herosmall .container,
#herovr .container,
#herolaser .container,
#herokidsescape .container,
#heroescaperoom .container,
#herowandeling .container,
#herogellyball .container,
#heroontbijt .container,
#herobrunch .container,
#heroscholen .container,
#herojeugd .container,
#herobabyborrel .container,
#herolentefeest .container,
#herofamiliefeest .container,
#heroverjaardagsfeest .container,
#herosmall .container,
#herosmall .container,
#herosmall .container,
#herosmall .container,
#herosmall .container,
#herosmall .container {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}


.video-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(0,0,0,.85);
  padding:24px;              /* beetje ruimte rond de video */
  box-sizing:border-box;
}

.video-modal-content{
  position:relative;
  width:min(1200px, 96vw);   /* GROTER op desktop, maar nooit breder dan scherm */
  margin:0 auto;
  top:50%;
  transform:translateY(-50%);/* mooi centreren */
}

.video-wrapper{
  position:relative;
  aspect-ratio:16/9;         /* modern en super responsive */
  width:100%;
}

.video-wrapper video{
  width:100%;
  height:100%;
  display:block;
  border-radius:12px;
}

.video-close{
  position:absolute;
  top:-44px;
  right:0;
  color:#fff;
  font-size:38px;
  cursor:pointer;
  line-height:1;
}

/* Op kleine schermen nog meer “full screen” gevoel */
@media (max-width: 768px){
  .video-modal{ padding:12px; }
  .video-modal-content{
    width:100%;
    transform:translateY(-50%);
  }
  .video-close{ top:-46px; font-size:42px; }
}