/* Fonts */
@font-face {
    font-family: 'Noto Serif';
    src: url('../fonts/custom-noto-serif.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Grand Bold';
    src: url('../fonts/custom-grand-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* General */
html, body,
h1, h2, h3, h4, h5, h6,
p, span, a, li,
input, label, button {
    font-family: "Noto Serif" !important;
    color: #242044;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Grand Bold" !important;
}
.text-right {
    text-align: right;
}
.container {
    padding: 0px;
    max-width: 1600px;
}
a.button {
    background-color: #57a746;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 10px;
}
a.button.paars {
    background-color: #A69FDE;
    color: #242044;
}
a.button.paars.invert {
    border: 1px solid #A69FDE;
    color: #A69FDE;
    background-color: transparent;
}
a.button.wit {
    background-color: #ffffff;
    color: #524DA4;
    border: 1px solid #524DA4;
}
a.button.wit.invert {
    border: 1px solid #ffffff;
    color: #ffffff;
    background-color: transparent;
}
.clear {
    clear:both;
}
#back-to-top,
#back-to-top .icon {
    background-color: rgba(82, 77, 164, 1);
}
.warning {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color:rgba(82, 77, 164, 1);
    font-family: "Grand Bold" !important;
    line-height: 28px;
    margin-top: 20px;
}
.warning span {
    width: 16px;
    height: 16px;
    background: url(../img/icon-warning.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-right: 10px;
}

/* Kinderen */
.kind {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom left;
    width: 600px;
    height: 600px;
}
.kind.kind0 {
    background-image: url(../img/kind0.png);
}
.kind.kind1 {
    background-image: url(../img/kind1.png);
}
.kind.kind2 {
    background-image: url(../img/kind2.png);
    height: 800px;
}
.kind.kind3 {
    background-image: url(../img/kind3.png);
    width: 900px;
    margin-top: -250px !important;
}
.kind.kind4 {
    background-image: url(../img/kind4.png);
}
.kind.kind5 {
    background-image: url(../img/kind5.png);
}
.kind.kind6 {
    background-image: url(../img/kind6.png);
}
.kind.kind7 {
    background-image: url(../img/kind7.png);
}
.kind.kind8 {
    background-image: url(../img/kind8.png);
}
.kind.kind9 {
    background-image: url(../img/kind9.png);
}
.kind.kind10 {
    background-image: url(../img/kind10.png);
}
.kind.kind11 {
    background-image: url(../img/kind11.png);
}
.kind.kind12 {
    background-image: url(../img/kind12.png);
}
.kind.kind13 {
    background-image: url(../img/kind13.png);
}

/* Owl */
.owl-theme .owl-controls {
    color: #ffffff;
    width: 100%;
    position: relative;
    z-index: 99999999999;;
}
.owl-theme .owl-controls .owl-buttons {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    text-align: left;
}
.owl-theme .owl-controls .owl-buttons .owl-prev,
.owl-theme .owl-controls .owl-buttons .owl-next {
    height: 44px;
    width: 58px;
    display: inline-block;
    opacity: 1;
    background: url(../img/arrow.png) no-repeat;
    background-size: 100% auto;
    padding: 0px;
    margin: 0px;
    text-indent: -9999px;
    overflow: hidden;
    margin-left: 10px;
    margin-top: 10px;
    float: none;
    position: relative;
    left: auto;
    right: auto;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
    background-image: url(../img/arrow-left.png);
}
.owl-theme .owl-controls .owl-pagination {
    text-align: left;
    margin-top: 20px;
    display: block;
    float: left;
}
.owl-theme .owl-controls .owl-page span {
    border-color: #a69fde;
    background-color: transparent;
}
.owl-theme .owl-controls .owl-page.active span {
    border-color: #a69fde;
    background-color: #a69fde;
    width: 20px;
    border-radius: 15px;
}
.owl-carousel {
    height: 400px;
}
.owl-carousel .owl-wrapper-outer {
    height: 400px;
}
.owl-carousel .owl-item .item {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    border-radius: 15px;
}
.owl-carousel .owl-item .item img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    object-position: center; 
    display: block;
}
.owl-carousel.gradientControls .owl-controls {
    background: linear-gradient(180deg, rgba(86, 80, 171, 0.00) 44.98%, rgba(86, 80, 171, 0.90) 74.87%, rgba(15, 27, 64, 0.90) 100%);
    color: #ffffff;
    height: 400px;
    width: 100%;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: -400px;
}
.owl-carousel.gradientControls .owl-controls .owl-buttons {
    padding-top: 282px;
}
.owl-carousel.gradientControls .owl-controls .owl-buttons .owl-prev,
.owl-carousel.gradientControls .owl-controls .owl-buttons .owl-next {
    display: block;
    margin-left: 10px;
    margin-top: 10px;
    float: none;
    position: relative;
    left: auto;
    right: auto;
}

/* Tabel */
.table {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.table .row {
    display: flex;
    border-bottom: 1px solid rgba(200, 199, 211, 1);
    margin-left: 0px;
    margin-right: 0px;
}
.table .cell {
    flex: 1;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    line-height: 30px;
}
.table .cell:first-child {
    text-align: left;
    padding-left: 20px;
}
.table .header {
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    font-family:"Grand Bold";
    color:rgba(166, 159, 222, 1);
}

/* Dropdown button */
.btn-dropdown {
    position: relative;
    display: inline-block;
}
a.button.dropdown {
    border: none;
    background-image: url(../img/dropdown.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 12px auto;
    padding-right: 40px;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 180px;
    border-radius: 8px;
    overflow: hidden;
    z-index: 1;
    margin-top: 5px;
    background: #edecf8;
    border-radius: 5px;
    padding: 5px 10px;
}
.dropdown-content a {
    font-family: "Noto Serif" !important;
    font-weight: normal;
    font-size: 14px;
    line-height: 40px !important;
    color:rgba(82, 77, 164, 1);
    display: block;
    border-bottom: 1px solid #d3cfef;
    padding-left:0px !important;
    min-height: 40px;
    position: relative;
}
.dropdown-content a:last-child {
    border-bottom: 0px;
}
.dropdown-content a:hover {
    font-weight: bold;
    background: #edecf8;
    border-bottom: 1px solid rgba(82, 77, 164, 1);
}
.btn-dropdown:hover .dropdown-content {
    display: block;
}

/* Navbar-announcement */
#navbar-announcement {
    background-color: #fbcf09;
    line-height: 48px;
    color: #6864ad;
    font-size: 14px;
}
#navbar-announcement a {
    color: #6864ad;
    text-decoration: underline;
}
#navbar-announcement span.hl {
    font-family: "Grand Bold" !important;
    font-size: 20px;
    text-transform: uppercase;
    margin-right: 20px;
    color: #6864ad;
}

/* Navbar-info */
#navbar-info {
    background-color: #e6e4e7;
    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;
}

/* Navbar */
.navbar {
    min-height: 120px;
    position: relative;
    box-shadow: none;
    margin-bottom: 0px;
}
.navbar-nav > li > span,
.navbar-nav > li > a {
    text-transform: none;
    font-size: 16px;
    font-weight: normal;
    margin-top: 30px;
}
.dropdown > ul.dropdown-menu {
    margin-top: -10px !important;
}
.navbar-nav li.kinderfeestje div {
    background-color: #57a746;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 10px;
    margin-top: -10px;
}
.dropdown > ul.dropdown-menu {
    background: #edecf8;
    border-radius: 5px;
    padding: 5px 10px;
}
.dropdown > ul.dropdown-menu li {
    background: #edecf8;
    border-bottom: 1px solid #d3cfef;
}
.dropdown > ul.dropdown-menu li:last-child {
    border-bottom: none;
}
.dropdown > ul.dropdown-menu li a {
    font-family: "Noto Serif" !important;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color:rgba(82, 77, 164, 1);
}
.dropdown > ul.dropdown-menu li a:hover {
    font-weight: bold;
    background: #edecf8;
    border-bottom: 1px solid rgba(82, 77, 164, 1);
}

/* Hero */
#hero .container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#hero.hero-home .container {
    background-image:url(../img/kinderrijck-hero-home.jpg);
}
#hero .container .overlay {
    position: relative;
    background: url(../img/hero-overlay.png) repeat;
    min-height: 745px;
    width: 100%;
}
#hero .container .overlay h1 {
    font-family: "Grand Bold" !important;
    font-size: 72px;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
    position: relative;
    max-width: 380px;
    left: 75px;
    top: 400px;
    background: url(../img/vector1.png) no-repeat bottom left;
    background-size: 100% auto;
    padding-left: 25px;
    padding-bottom: 30px;
}
#hero .container .overlay .button {
    position: relative;
    left: 100px;
    top: 420px;
    cursor: pointer;
}

/* USP */
#usp {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
#usp .container {
    border-bottom: 1px solid rgba(211, 207, 239, 1);
    padding-bottom: 15px;
}
#usp span {
    line-height: 60px;
    display: inline-block;
    font-family: "Grand Bold" !important;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #524da4;
    background: url(../img/check.png) no-repeat left;
    background-size: 32px;
    background-position: left 12px;
    padding-left: 42px;
    padding-right: 32px;
}

/* Waarom */
.lichtpaars .top {
    background:url(../img/vector-lichtpaars-top.png) no-repeat;
    background-size: 100% 89px;
    height: 89px;
    width: 100%;
}
.lichtpaars .content {
    background-color: #edecf8;
    padding-top: 50px;
    padding-bottom: 50px;
}
.lichtpaars .bottom {
    background:url(../img/vector-lichtpaars-bottom.png) no-repeat;
    background-size: 100% 89px;
    height: 89px;
    width: 100%;
}
#waarom h2 {
    color: #524DA4;
    font-size: 72px;
    background: url(../img/vector3.png) no-repeat;
    background-position: 200px bottom;
    background-size: 400px auto;
    padding-bottom: 20px;
}
#waarom .blok {
    margin-bottom: 100px;
    padding-right: 100px;
}
#waarom h3 {
    color: #524DA4;
    font-size: 28px;
}
.waarom {
    border-radius: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    margin: auto;
}
#waarom1 {
    background-image: url(../img/kinderrijck-waarom-1.png);
    width: 449.62px;
    height: 300px;
    transform: rotate(3.191deg);
    margin-left: 100px;
    margin-top: 50px;
    z-index:9998;
}
#waarom2 {
    background-image: url(../img/kinderrijck-waarom-2.png);
    width: 449.62px;
    height: 447.396px;
    transform: rotate(-8.274deg);
    margin-top: -80px;
    margin-left: 180px;
    z-index:9999;
}
#waarom3 {
    background-image: url(../img/kinderrijck-waarom-3.png);
    width: 534.792px;
    height: 272.912px;
    transform: rotate(6.852deg);
    z-index:9998;
}
#waarom4 {
    background-image: url(../img/kinderrijck-waarom-4.png);
    width: 319.412px;
    height: 419.486px;
    transform: rotate(-6.696deg);
    z-index:9999;
}

/* EtenDrinkenFeestje */
#etenDrinkenFeestje {
    margin-top: -70px;
    padding-bottom: 80px;
    position:relative;
    z-index:9999;
}
#etenDrinkenFeestje .container {
    padding-left: 20px;
    padding-right: 20px;
}
#etenDrinkenFeestje.paars {
    margin-top: 80px;
    padding-bottom: 0px;
}
#etenDrinkenFeestje.paars .top {
    background:url(../img/vector-lichtpaars-top.png) no-repeat;
    background-size: 100% 89px;
    height: 89px;
    width: 100%;
}
#etenDrinkenFeestje.paars .content {
    background-color: #edecf8;
    padding-top: 50px;
    padding-bottom: 50px;
}
#etenDrinkenFeestje.paars .bottom {
    background:url(../img/vector-lichtpaars-bottom.png) no-repeat;
    background-size: 100% 89px;
    height: 89px;
    width: 100%;
}
#etenDrinkenFeestje .draak1 {
    background:url(../img/kinderrijck-draak1.png) no-repeat center top;
    background-size: auto 80px;
}
#etenDrinkenFeestje .draak2 {
    background:url(../img/kinderrijck-draak2.png) no-repeat center top;
    background-size: auto 80px;
}
#etenDrinkenFeestje .draak3 {
    background:url(../img/kinderrijck-draak3.png) no-repeat center top;
    background-size: auto 80px;
}
#etenDrinkenFeestje.paars .draak1,
#etenDrinkenFeestje.paars .draak2,
#etenDrinkenFeestje.paars .draak3 {
    margin-top: -140px;
}
#etenDrinkenFeestje .inner {
    margin-top: 90px;
    padding-left: 150px;
    padding-right: 150px;
}
#etenDrinkenFeestje h2 {
    color: #524DA4;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 54px; 
}
#etenDrinkenFeestje .draak1 h2 {
    background:url(../img/vector4.png) no-repeat;
    background-position: center bottom;
    background-size: 150px auto;
}
#etenDrinkenFeestje .draak2 h2 {
    background:url(../img/vector5.png) no-repeat;
    background-position: center top;
    background-size: 200px auto;
}
#etenDrinkenFeestje .draak3 h2 {
    background:url(../img/vector5.png) no-repeat;
    background-position: center bottom;
    background-size: 200px auto;
}
#etenDrinkenFeestje .draak1 .inner {
    border-right: 1px solid #D3CFEF;
}
#etenDrinkenFeestje .button {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}

/* Reviews */
#reviews .top {
    width:100%;
    height: 50px;
    background: url(../img/kinderrijck-hero-review-top.png) no-repeat center;
    background-size: cover;
    position: relative;
    z-index: 105;
}
#reviews .content {
    width: 100%;
    height: 600px;
    background: url(../img/kinderrijck-hero-review.png) no-repeat center;
    background-size: cover;
    margin-top: -50px;
    position: relative;
    z-index: 100;
}
#reviews .stars {
    margin-bottom: 20px;
    padding-left: 15px;
    background: url(../img/vector7.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
    width: 100%;
    height: 45px;
    padding-top: 13px;
}
#reviews .star {
    background:url(../img/star.png) no-repeat;
    background-size: 100% auto;
    width: 19px;
    height: 19px;
    display: inline-block;
}
#reviews .review-quote {
    color: #ffffff;
    font-size: 20px;
    line-height: 34px;
}
#reviews .review-author {
    color: #ffffff;
    font-size: 12px;
    line-height: 18px;
    margin-top: 20px;
}
#reviews .inner {
    background: linear-gradient(270deg, rgba(86, 80, 171, 0.00) 38.32%, rgba(86, 80, 171, 0.90) 71.39%, rgba(15, 27, 64, 0.90) 99.19%);
    width: 100%;
    height: 100%;
    position:relative;
}
#reviews .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;
}
#owlReviews {
    margin-top: 100px;
    height: auto;
}
#owlReviews .owl-wrapper-outer {
    height: auto;
}

/* Belevenissen */
#belevenissen .intro h2 {
    font-family: "Grand Bold" !important;
    font-size: 72px;
    color: rgba(82, 77, 164, 1);
    text-transform: uppercase;
    display: block;
    position: relative;
    background: url(../img/vector2.png) no-repeat bottom center;
    background-size: 50% auto;
    padding-bottom: 15px;
}
#belevenissen .intro p {
    padding-top: 30px;
    padding-bottom: 30px;
}
.card {
    height: 450px;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    margin-bottom: 25px;
    transition: transform 0.3s ease;
}
.card.speeltuin {
    background-image:url(../img/card-speeltuin.png);
}
.card.vr {
    background-image:url(../img/card-vr.png);
}
.card.lasershoot {
    background-image:url(../img/card-lasershoot.png);
}
.card.escaperoom {
    background-image:url(../img/card-escaperoom.png);
}
.card.escapewandeling {
    background-image:url(../img/card-escapewandeling.png);
}
.card.gellyball {
    background-image:url(../img/card-gellyball.png);
}
.card.escaperoomkids {
    background-image:url(../img/card-escaperoomkids.png);
}
.card.kinderfeestje {
    background-image:url(../img/card-kinderfeestje.png);
}
.card.ontbijt {
    background-image:url(../img/card-ontbijt.jpg);
}
.card.brunch {
    background-image:url(../img/card-brunch.png);
}
.card:hover {
    transform: rotate(2deg);
}
.card .inner {
    background: linear-gradient(180deg, rgba(86, 80, 171, 0) 44.98%, rgba(86, 80, 171, 0.9) 74.87%, rgba(15, 27, 64, 0.9) 100%);
    height: 100%;
    border-radius: 15px;
    padding: 20px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* tekst onderaan */
    height: 100%;
}
.card .inner h3 {
    color: #ffffff;
    font-size: 28px;
    line-height: 34px;
}
.card .inner p.bold {
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
}
.card .inner p.price {
    color: #ffffff;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
}
.card .inner .arrow {
    height: 25px;
    width: 100px;
    background:url(../img/arrow.png) no-repeat;
    background-size: auto 25px;
}

/* WieWeZijn */
#wieWeZijn {
    margin-bottom: 150px;
    margin-top: 50px;
}
#wieWeZijn .inner * {
    padding-left: 20px;
}
#wieWeZijn h2 {
    background:url(../img/vector6.png) no-repeat;
    background-size: 150px auto;
    color: #524DA4;
    font-size: 72px;
    font-style: normal;
    font-weight: 400;
    line-height: 80px; 
}

/* Hero small */
#herosmall .container {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
#herosmall .content {
    background: url(../img/kinderrijck-herosmall1.png) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    min-height: 400px;
    position: relative;
}
#herosmall .ooverlay {
    border-radius: 15px;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 50px;
    min-height: 400px;

    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%);

}
#herosmall h1 {
    color: #ffffff;
    background:url(../img/vector8.png) no-repeat;
    background-size: 300px auto;
    background-position: 40px top;
}
#herosmall p {
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 34px;
}

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

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

/* Album */
#album .top {
    background: url(../img/kinderrijck-album-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#album .bottom {
    background: url(../img/kinderrijck-album-bottom.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#album .content {
    background: #edecf8;
    padding-bottom: 100px;
    padding-left: 50px;
    padding-right: 50px;
}
#album h2 {
    color: #524da4;
    background: url(../img/vector10.png) no-repeat;
    background-size: 350px auto;
    background-position: left 50px;
    padding-bottom: 40px;
}
#album p {
    margin-top: 50px;
}
#album .owl-controls .owl-buttons {
    float: right;
}
#album.wit .top {
    display: none;
}
#album.wit .content {
    background: #ffffff;
}
#album.wit .bottom {
    display: none;
}
#owlAlbum {
    margin-top: 100px;
    height: auto;
}
#owlAlbum .owl-wrapper-outer {
    height: auto;
}
.grid {
    width:100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}
.grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
}
.grid .div1 { grid-area: 1 / 1 / 3 / 3; }
.grid .div2 { grid-area: 1 / 3 / 2 / 4; }
.grid .div3 { grid-area: 1 / 4 / 2 / 5; }
.grid .div4 { grid-area: 2 / 3 / 4 / 4; }
.grid .div5 { grid-area: 3 / 1 / 4 / 2; }
.grid .div6 { grid-area: 3 / 2 / 4 / 3; }
.grid .div7 { grid-area: 2 / 4 / 4 / 5; }

.grid3 {
    width:100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}
.grid3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
}
.grid3 .div1 { grid-area: 1 / 1 / 2 / 3; }
.grid3 .div2 { grid-area: 1 / 3 / 2 / 4; }
.grid3 .div3 { grid-area: 1 / 4 / 2 / 5; }

.grid4 {
    width:100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}
.grid4 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
}
.grid4 .div1 { grid-area: 1 / 1 / 4 / 2; }
.grid4 .div2 { grid-area: 4 / 1 / 6 / 2; }
.grid4 .div3 { grid-area: 1 / 2 / 3 / 3; }
.grid4 .div4 { grid-area: 3 / 2 / 6 / 3; }

/* Toegang */
#toegang .top {
    background: url(../img/kinderrijck-toegang-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#toegang .bottom {
    background: url(../img/kinderrijck-toegang-bottom.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#toegang .content {
    background: #edecf8;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
}
#toegang h2 {
    color: #524da4;
    background: url(../img/vector10.png) no-repeat;
    background-size: 350px auto;
    background-position: left 50px;
    padding-bottom: 40px;
}
#toegang h3 {
    color: #524da4;
}
#toegang p {
    margin-top: 50px;
}
.toegang {
    width: 25px;
    height: 25px;
    background-size: 100%;
    background-position: center;
    display: inline-block;
}
.toegang.yes {
    background-image: url(../img/toegang-2.png);
}
.toegang.no {
    background-image: url(../img/toegang-0.png);
}
.toegang.parent {
    background-image: url(../img/toegang-1.png);
}

/* FAQ */
#faq {
    margin-top: 40px;
    margin-bottom: 60px;
}
#faq h2 {
    color: #524da4;
    padding-bottom: 20px;
}
.questions {
    margin-top: 20px;
}
.questions .item {
    border: 1px solid #efeef9;
    border-radius: 20px;
    margin-bottom: 20px;
    padding: 20px;
}
.questions .item .question {
    font-weight: bold;
    background: url(../img/question-closed.png) no-repeat;
    background-position: right top;
    background-size: 11px auto;
    cursor: default;
}
.questions .item .answer {
    margin-top: 20px;
    display: none;
}
.questions .item.open .question {
    background-image:url(../img/question-open.png);
}

/* Plekje */
#plekje .top {
    background: url(../img/kinderrijck-plekje-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#plekje .content {
    background: #edecf8;
    padding-left: 50px;
    padding-right: 50px;
}
#plekje h2 {
    color: #524da4;
    padding-bottom: 20px;
    font-size: 40px;
    margin-top: 70px;
}
#plekje p {
    margin-bottom: 20px;
}
#plekje .kind {
    height: 400px;
}

/* Ontdek */
#ontdek .top {
    background: url(../img/kinderrijck-ontdek-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#ontdek .bottom {
    background: url(../img/kinderrijck-ontdek-bottom.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#ontdek .content {
    background: #edecf8;
    padding-top: 50px;
    padding-bottom: 100px;
    padding-left: 50px;
    padding-right: 50px;
}
#ontdek h2 {
    color: #524da4;
    background: url(../img/vector10.png) no-repeat;
    background-size: 300px auto;
    background-position: bottom center;
    margin-bottom: 60px;
}
#ontdek h3 {
    color: #524da4;
    background: url(../img/vector10.png) no-repeat;
    background-size: 150px auto;
    background-position: center left;
    line-height: 100px;
    margin-bottom: 0px;
    margin-top: 0px;
}
#ontdek #info .contentbox {
    padding: 30px;
}
#ontdek #info .button {
    margin-top: 20px;
    display: inline-block;
}
#ontdek #info.multi .contentbox {
    background: #ffffff;
}
#ontdek #info.multi .contentbox > .item {
    display: none;
}
#ontdek #info.multi .contentbox > .item.active {
    display: block;
}
#ontdek #info.multi .menubar {
    background: transparent;
    display: block;
}
#ontdek #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);
}
#ontdek #info.multi .menubar .item.active {
    background: #ffffff;
}

/* Prijzen */
#prijzen .top {
    background: url(../img/kinderrijck-prijzen-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#prijzen .bottom {
    background: url(../img/kinderrijck-prijzen-bottom.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#prijzen .content {
    background: #edecf8;
    padding-top: 50px;
    padding-bottom: 100px;
    padding-left: 50px;
    padding-right: 50px;
}
#prijzen h2 {
    color: #524da4;
    background: url(../img/vector10.png) no-repeat;
    background-size: 350px auto;
    background-position: top center;
    margin-bottom: 40px;
    padding-bottom: 35px;
}
#prijzen h3 {
    color: #524da4;
    font-size: 30px;
}
#prijzen h4 {
    color: rgba(166, 159, 222, 1);
    font-size: 18px;
}
.prijslijst {
    margin-top: 40px;
}
.prijslijst .blok {
    background: #ffffff;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 15px;
}
.prijslijst .item {
    background:url(../img/prijzen-arrow.png) no-repeat right center;
    background-size: 15px auto;
}
.prijslijst .uitleg .item {
    background: none;
    display: none;
}
.prijslijst .uitleg .item.active {
    display: block;
}
.prijslijst .prijzen {
    padding: 0px;
}
.prijslijst .prijzen .item {
    padding: 20px;
    border-radius: 15px;
    background-position: right 40px center;
}
.prijslijst .arrangementen .item {
    padding: 20px;
    border-radius: 15px;
    background-position: right 20px center;
    background-color: #d3cfef;
    margin-top: 15px;
    color: rgba(166, 159, 222, 1);
    font-size: 18px;
    font-family: "Grand Bold" !important;
}
.prijslijst .prijzen .item.active,
.prijslijst .arrangementen .item.active {
    background-color: #524da4;
    background-image: url(../img/prijzen-arrow-active.png);
    color: #ffffff;
}
.prijslijst .prijzen .item.active h3,
.prijslijst .arrangementen .item.active h3 {
    color: #ffffff !important;
}
#prijzen.invert .top,
.white #prijzen .top {
    display: none;
}
#prijzen.invert .content,
.white #prijzen .content {
    background: #ffffff;
}
#prijzen.invert .bottom,
.white #prijzen .bottom {
    display: none;
}
#prijzen.invert .blok,
.white #prijzen .blok {
    background: #edecf8;
}
#prijzen.invert .blok h3,
.white #prijzen .blok h3 {
    color: rgba(166, 159, 222, 1);
}
.white #prijzen .cell {
    color: #242044;
}

/* Prijzen2 */
#prijzen2 .container {
    padding-left:20px;
    padding-right: 20px;
}
#prijzen2 h2 {
    color: #524da4;
    font-size: 60px;
    background: url(../img/vector5.png) no-repeat;
    background-size: 350px 80px;
    background-position: center;
    margin-bottom: 40px;
    padding-bottom: 20px;
    padding-top: 15px;
}
#prijzen2 h3 {
    color: #ffffff;
    font-size: 24px;
    margin-bottom: 40px;
}
#prijzen2 h4 {
    color: #a69fde;
    font-size: 24px;
}
#prijzen2 .reserveer {
    background: #524da4;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 20px;
    border-radius: 20px;
}
#prijzen2 .reserveer a {
    display: inline-block;
}

/* Het menu */
#hetmenu h2 {
    color: #524da4;
    background: url(../img/vector9.png) no-repeat;
    background-size: 640px 70px;
    background-position: left 55px;
    margin-bottom: 40px;
    padding-bottom: 20px;
    padding-top: 15px;
}
#hetmenu .blok {
    border-bottom: 1px solid rgba(200, 199, 211, 1);
    padding: 30px 10px;
}
#hetmenu .blok.title {
    margin-top: 30px;
    font-family: "Grand Bold" !important;
    color: #A69FDE;
    font-size: 20px;
}
#hetmenu .kind {
    margin-top: -400px;
}

/* Zondagsbrunch */
#zondagsbrunch {
    margin-top: -100px;
}
#zondagsbrunch .top {
    background: url(../img/kinderrijck-zondagsbrunch-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#zondagsbrunch .bottom {
    background: url(../img/kinderrijck-zondagsbrunch-bottom.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#zondagsbrunch .content {
    background: #edecf8;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
}
#zondagsbrunch h2 {
    color: #524da4;
    background: url(../img/vector9.png) no-repeat;
    background-size: 300px auto;
    background-position: left top;
    font-size: 40px;
    line-height: 54px;
}
#zondagsbrunch a {
    margin-top: 20px;
    display: inline-block;
}

/* 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;
    background: url(../img/vector10.png) no-repeat;
    background-size: 300px auto;
    background-position: center 50px;
    font-size: 40px;
    line-height: 54px;
}
#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;
}

/* Voorbeeldmenu */
#voorbeeldmenu {
    margin-top: 0px;
}
#voorbeeldmenu .content {
    padding-left: 100px;
    padding-right: 100px;
}
#voorbeeldmenu h2 {
    color: #524da4;
    background: url(../img/vector10.png) no-repeat;
    background-size: 300px auto;
    background-position: center;
    font-size: 40px;
    line-height: 104px;
}
#voorbeeldmenu .formule {
    height: auto;
}
#voorbeeldmenu .draak {
    background:url(../img/kinderrijck-draak3.png) no-repeat;
    background-size: auto 160px;
    background-position: right 50px top;
    padding-top: 160px;
}
#voorbeeldmenu .draak .formule {
    background: #edecf8;
}
#voorbeeldmenu .formule h4 {
    color: #ffffff;
}
#voorbeeldmenu .formule.paars {
    margin-top: 80px;
}
#voorbeeldmenu .formule a {
    display: inline-block;
}

/* Praktische info */
#praktischeinfo .content {
    padding-left: 100px;
    padding-right: 100px;
}
#praktischeinfo h2 {
    color: #524da4;
    background: url(../img/vector10.png) no-repeat;
    background-size: 500px auto;
    background-position: bottom center;
    margin-bottom: 40px;
    padding-bottom: 35px;
}
#praktischeinfo h3 {
    color: rgba(166, 159, 222, 1);
    font-size: 28px;
}
#praktischeinfo h4 {
    color: rgba(166, 159, 222, 1);
    font-size: 18px;
}
#praktischeinfo .prijslijst .prijzen .item {
    background-color: #edecf8;
}
#praktischeinfo .prijslijst .prijzen .item.active {
    background-color: #524da4;
}
#praktischeinfo .blok.uitleg {
    background-color: #edecf8;
}
#praktischeinfo .blok.uitleg p {
    border-top: 1px solid #cfced8;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0px;
}
#praktischeinfo .blok.uitleg p:nth-child(2) {
    border-top: none;
}

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

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

/* Linksrechts */
#linksrechts {
    margin-top: 0px;
}
#linksrechts .container {
    padding-left: 20px;
    padding-right: 20px;
}
#linksrechts.paars .top {
    background: url(../img/kinderrijck-formules-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#linksrechts.paars .bottom {
    background: url(../img/kinderrijck-formules-bottom.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
}
#linksrechts.paars .content {    
    background-color: #edecf8;
    padding-left: 20px;
    padding-right: 20px;
}
#linksrechts .content {
    padding-top: 50px;
    padding-bottom: 50px;
}
#linksrechts h3 {
    color: #524da4;
    background: url(../img/vector10.png) no-repeat;
    background-size: auto 60px;
    background-position: left bottom;
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 40px;
}
#linksrechts a {
    display: inline-block;
    margin-top: 20px;
}
#linksrechts .inner {
    margin-bottom: 60px;
}
#linksrechts .col-md-5 {
    padding: 0px;
    border-radius: 15px;
}
#linksrechts .col-md-7 {
    padding-left: 50px;
    padding-right: 50px;
}
#linksrechts .gradient {
    border-radius: 15px;
    overflow: hidden;
}
#linksrechts .gradient img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center; 
    display: block;
    border-radius: 15px;
}
#linksrechts .gradient::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(86, 80, 171, 0) 44.98%, rgba(86, 80, 171, 0.9) 74.87%, rgba(15, 27, 64, 0.9) 100%);
    border-radius: 15px;
}

/* Paarslinksrechts */
#paarslinksrechts {
    margin-top: 20px;
}
#paarslinksrechts .container {
    padding-left: 5px;
    padding-right: 5px;
}
#paarslinksrechts .inner {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
#paarslinksrechts .col-md-6 {
    display: flex;
    flex-direction: column;
}
#paarslinksrechts .col-md-6 > div {    
    background-color: #edecf8;
    padding: 20px;
    border-radius: 15px;
    height: 100%;
}
#paarslinksrechts h2 {
    color: #524da4;
    background: url(../img/vector10.png) no-repeat;
    background-size: auto 60px;
    background-position: center;
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 60px;
    margin-top: 60px;
}
#paarslinksrechts h3 {
    color: #524da4;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
}
#paarslinksrechts h4 {
    color: rgba(166, 159, 222, 1);
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px;
    margin-bottom: 10px;
}
#paarslinksrechts a {
    display: inline-block;
}
#paarslinksrechts .paars > div {
    background-color: #524da4;
}
#paarslinksrechts .paars h3 {
    color: #edecf8;
}
#paarslinksrechts .paars p,
#paarslinksrechts .paars li {
    color: #ffffff;
}
#paarslinksrechts .image {
    text-align: center;
}
#paarslinksrechts .image img {
    height: 300px;
    width: 100%;
    object-fit: cover; 
    object-position: center; 
    display: block;
    rotate: 2deg;
    border-radius: 15px;
}

/* Form elements */
input[type="text"],
input[type="email"],
input[type="phone"],
input[type="number"],
input[type="date"],
textarea,
textarea:focus,
select,
select:focus {
    background: rgba(237, 236, 248, 1);
    width: 100%;
    display: block;
    border: 1px solid rgba(237, 236, 248, 1);
    border-radius: 5px;
    margin: 0px;
    padding: 10px !important;
    line-height: normal;
}
label {
    display: block;
    margin-top: 20px;
    font-weight: normal;
}
label.checkbox {
    display: inline-block;
    margin-top: 0px;
    margin-left: 5px;
    width: 90%;
}
form a.button {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 20px;
}
input.error,
select.error,
textarea.error {
    border: 1px solid #ff0000;
}
label.error {
    color: #ff6600;
}

/* Contactform */
#contactformulier {
    margin-top: 0px;
}
#contactformulier .content {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 50px;
    padding-bottom: 50px;
}
#contactformulier h2 {
    color: #524da4;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 40px;
}
#contactformulier a {
    display: inline-block;
    margin-top: 20px;
}
#contactformulier .inner {
    margin-bottom: 60px;
}
#contactdetails {
    margin-top: 20px;
    background: rgba(211, 207, 239, 1);
    border-radius: 10px;
    padding: 40px;
}
#contactdetails .icon {
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 30px;
    margin-bottom: 15px;
}
#contactdetails .icon.mail {
    background-image:url(../img/icon-mail.png);
}
#contactdetails .icon.location {
    background-image:url(../img/icon-location.png);
}
#contactdetails .icon.phone {
    background-image:url(../img/icon-phone.png);
}
#contactdetails .icon.vat {
    background-image:url(../img/icon-vat.png);
}

/* Contactform */
#offerteformulier {
    margin-top: 0px;
}
#offerteformulier .content {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 50px;
    padding-bottom: 50px;
}
#offerteformulier h2 {
    color: #524da4;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 40px;
}
#offerteformulier a {
    display: inline-block;
    margin-top: 20px;
}
#offerteformulier .inner {
    margin-bottom: 60px;
}

/* Albumfull */
#albumfull {
    margin-top: 0px;
}
#albumfull .content {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 50px;
    padding-bottom: 50px;
}
#albumfull h2 {
    color: #524da4;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 40px;
}
#albumfull a {
    display: inline-block;
    margin-top: 20px;
}
#albumfull .inner {
    margin-bottom: 60px;
}
#albumfull .album {
    margin-bottom: 15px;
}

/* Vacature */
#vacatures {
    margin-top: 0px;
}
#vacatures .content {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 50px;
    padding-bottom: 50px;
}
#vacatures h2 {
    color: #524da4;
    background: url(../img/vector10.png) no-repeat;
    background-size: auto 60px;
    background-position: center;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 40px;
}
#vacatures a {
    display: inline-block;
    margin-top: 20px;
}
#vacatures .inner {
    margin-bottom: 60px;
}
#vacatures .album {
    margin-bottom: 15px;
}
#vacatures .vacature {
    background: rgba(237, 236, 248, 1);
    border-radius: 15px;
    margin-top: 20px;
    padding: 40px;
}
#vacatures .vacature .title {
    color: rgba(82, 77, 164, 1);
    font-family: 'Grand Bold';
    font-size: 24px;
}
#vacatures .nogvragen {
    background: rgba(82, 77, 164, 1);
    border-radius: 15px;
    margin-top: 20px;
    padding: 40px;
}
#vacatures .nogvragen .title {
    color: #ffffff;
    font-family: 'Grand Bold';
    font-size: 24px;
}
#vacatures .nogvragen a.button {
    float: right;
    margin-top: -37px;
}

/* Events */
#events {
    margin-top: 0px;
}
#events .content {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 50px;
    padding-bottom: 50px;
}
#events h2 {
    color: #524da4;
    background: url(../img/vector10.png) no-repeat;
    background-size: auto 60px;
    background-position: center;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 40px;
}
#events .inner {
    margin-bottom: 60px;
}
#events .event {
    background: rgba(237, 236, 248, 1);
    border-radius: 15px;
    margin-top: 20px;
    padding: 40px;
}
#events .event .col-md-8 {
    border-left: 1px solid rgba(211, 207, 239, 1);
    padding-left: 40px;
}
#events .event .title {
    color: rgba(82, 77, 164, 1);
    font-family: 'Grand Bold';
    font-size: 24px;
}
#events .event .dagvandeweek {
    font-size: 14px;
    line-height: 24px;
    color: #000000;
}
#events .event .dagvandemaand {
    font-size: 28px;
    line-height: 34px;
    color: rgba(166, 159, 222, 1);
    font-family: 'Grand Bold';
}
#events .event .maandenjaar {
    font-size: 18px;
    line-height: 28px;
    color: rgba(166, 159, 222, 1);
    font-family: 'Grand Bold';
}
#events .event a.button {
    float: right;
}
#events .event a.button.arrow {
    background: url(../img/arrow.png) no-repeat;
    background-size: auto 40px;
    background-position: right;
    width: 100px;
    height: 40px;
    border-radius: 0px;
}
#events .event.paars {
    background: rgba(82, 77, 164, 1);
}
#events .event.paars .title {
    color: rgba(211, 207, 239, 1);
    margin-bottom: 20px;
}
#events .event.paars .description {
    color: rgba(255, 255, 255, 1);
}

/* Blogoverview */
#blogoverview {
    margin-top: 0px;
}
#blogoverview .content {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 50px;
    padding-bottom: 50px;
}
#blogoverview h2 {
    color: #524da4;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 40px;
}
#blogoverview .items {
    display: flex;
}
#blogoverview .blogitem {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}
#blogoverview .blogitem h3 {
    font-size: 20px;
    line-height: 30px;
    color: rgba(82, 77, 164, 1);
    margin-top: 0px;
}
#blogoverview .blogitem p {
    flex: 1;
    margin-bottom: 10px;
}
#blogoverview .blogitem .button {
    margin-bottom: 10px;
    display: inline-block;
}
#blogoverview .blogitem .text {
    padding: 20px;
    background: rgba(237, 236, 248, 1);
}
#blogoverview .blogitem .image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 300px;
}
#blogoverview .blogitem1 .image {
    background-image:url(../img/blog1.png);
}
#blogoverview .blogitem2 .image {
    background-image:url(../img/blog2.png);
}
#blogoverview .blogitem3 .image {
    background-image:url(../img/blog3.png);
}
#blogoverview .blogitem4 .image {
    background-image:url(../img/blog4.png);
}
#blogoverview .blogitem5 .image {
    background-image:url(../img/blog5.png);
}
#blogoverview .blogitem6 .image {
    background-image:url(../img/blog6.png);
}
#blogoverview .blogitem7 .image {
    background-image:url(../img/blog7.png);
}
#blogoverview .blogitem8 .image {
    background-image:url(../img/blog8.png);
}
#blogoverview .blogitem9 .image {
    background-image:url(../img/blog9.png);
}

/* Blogdetail */
#blogdetail {
    margin-top: 0px;
}
#blogdetail .content {
    padding-top: 50px;
    padding-bottom: 50px;
    max-width: 900px;
    margin: auto;
}
#blogdetail h2 {
    color: #524da4;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 40px;
}
#blogdetail h3 {
    color: #524da4;
    font-size: 20px;
    line-height: 30px;
}
#blogdetail .clear {
    margin-bottom: 20px;
}
#blogdetail img {
    width: 100%;
    border-radius: 15px;
    margin-bottom: 20px;
}
#blogdetail .imagelegende {
    font-size: 12px;
    line-height: 24px;
    color: rgba(166, 159, 222, 1);
    border-bottom: 1px solid rgba(166, 159, 222, 1);
    margin-bottom: 15px;
    padding-bottom: 10px;
}
#blogdetail .imagelegende img {
    margin-bottom: 10px;
}
#blogdetail p {
    margin-bottom: 10px;
}
#blogdetail p.title {
    font-weight: bold;
}
#blogdetail .quote {
    background: rgba(237, 236, 248, 1);
    padding: 30px;
    border-radius: 10px;
}
#blogdetail .quote .author {
    color: rgba(82, 77, 164, 1);
    margin-top: 30px;
}
#blogdetail div.paars {
    background-color: rgba(82, 77, 164, 1);
    padding: 30px;
    border-radius: 10px;
}
#blogdetail .paars p {
    color: #ffffff;
}
#blogdetail .paars p.title {
    color: rgba(211, 207, 239, 1);
}
#blogdetail .paars h4 {
    color: rgba(211, 207, 239, 1);
}
#blogdetail .border {
    border: 1px solid rgba(166, 159, 222, 1);
    border-radius: 15px;
    padding-top: 15px;
}
#blogdetail .border h4 {
    color: rgba(82, 77, 164, 1);
    margin-bottom: 40px;
    margin-top: 40px;
    padding-right: 20px;
}
#blogdetail .lichtpaars {
    background: rgba(237, 236, 248, 1);
    padding: 30px;
    border-radius: 15px;
}
#blogdetail .lichtpaars h4 {
    color: rgba(82, 77, 164, 1);
    margin-bottom: 40px;
    margin-top: 40px;
    padding-right: 20px;
}

/* Reserveren */
#reserveren .container {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
}
#reserveren .top {
    background: url(../img/kinderrijck-attracties-top.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
    display: none;
}
#reserveren .bottom {
    background: url(../img/kinderrijck-attracties-bottom.png) no-repeat;
    background-size: 100% 100px;
    height:100px;
    width: 100%;
    display: none;
}
#ereserveren .content {
    background: #edecf8;
    padding-top: 50px;
    padding-bottom: 100px;
    padding-left: 50px;
    padding-right: 50px;
}

h1.novlek {
    background:none !important;
}

.popup {
    display: none;
}
.popup.open {
    display: block;
    position:fixed;
    width: 100%;
    height: 100%;
    background:url(../img/popup-bg.png) repeat;
    z-index: 99999999;
    left:0px;
    top:0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup-content {
    width:100%;
    max-width:500px;
    background: rgba(237, 236, 248, 1);
    border-radius: 15px;
    padding: 25px;
}
.popup-close {
    background:url(../img/popup-close.png) no-repeat;
    background-size: 100% auto;
    right: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
    float: right;
    cursor: pointer;
}
.popup-inner {
    background:url(../img/kinderrijck-draak3.png) no-repeat;
    background-position: top center;
    background-size: 200px auto;
    text-align: center;
    padding-top:150px;
}
.popup h3 {
    color:rgba(82, 77, 164, 1);
}


/* Footer */
.footer-widgets,
.footer-copyright {
    background-color: #524da4;
    color: #ffffff;
    font-size:16px;
    line-height: 24px;
}
.footer-widgets h2 {
    color: #ffffff;
    font-size: 40px;
    line-height: 54px;
    width: 60%;
    margin-top: 0px;
}
.footer-widgets h3 {
    font-size: 20px;
    line-height: 30px;
    color: rgba(166, 159, 222, 1);
}
.footer-widgets p {
    color: #ffffff;
}
.footer-widgets a {
    color: #ffffff;
    display: block;
}
.footer-widgets a.button {
    margin-top: 10px;
}
.footer-widgets {
    padding-bottom: 50px;
}
.footer-copyright .row {
    margin:0px;
}
.footer-copyright,
.footer-copyright a {
    color: rgba(166, 159, 222, 1);
    font-size: 12px;
    line-height: 18px;
}
.footer-copyright a {
    padding-left: 20px;
    display: inline-block;
}
.footer-copyright a.social-media {
    width: 30px;
    height: 30px;
    background-size: 20px;
    background-position: center bottom;
    background-repeat: no-repeat;
    margin-bottom: -6px;
}
.footer-copyright a.social-media.facebook {
    background-image:url(../img/social-facebook.png);
    margin-left: 20px;
}
.footer-copyright a.social-media.instagram {
    background-image:url(../img/social-instagram.png);
}
.footer-copyright a.social-media.youtube {
    background-image:url(../img/social-youtube.png);
}
.footer-copyright a.social-media.linkedin {
    background-image:url(../img/social-linkedin.png);
}
.footer-copyright a.social-media.tiktok {
    background-image:url(../img/social-tiktok.png);
}
#footer-logo {
    background: url(../img/footer.png) no-repeat;
    background-size: 100% auto;
    background-position: bottom right;
    width: 90%;
    padding-top: 400px;
    position: absolute;
    right:0px;
    bottom:0px;
    margin-bottom: -47px;
}
#footer form {
    padding-right: 20px;
    font-size: 16px;
    padding-bottom: 50px;
}
#footer form p {
    font-size: 16px;
}
#footer form input[type="text"] {
    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="text"]::placeholder {
    color: #ffffff;
    text-transform: none;
    font-weight: normal;
    font-size: 16px;
    font-family: "Noto Serif" !important;
}
#footer form label {
    font-family: "Noto Serif" !important;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    color: #ffffff;
}
#footer form label a {
    display: inline;
    text-decoration: underline;
}
#footer form .button {
    background-color: #a69fde;
    color: #242044;
    width: auto;
    display: inline-block;
}