@charset "UTF-8";
/***************************************************************/
/* CSS Document KIDSPROOF */
/***************************************************************/
/*--------------------------------------------------------------
# Theme colours
--------------------------------------------------------------*/
#balk-container,
#nav li a,
#nav-sub li a,
.header-search input[type="text"], input.search-submit, .newsletter-group input.n-submit,
.block-category, .block-category-text,
.popular .item-text,
.intro-category,
.tip-label,
.blog-detail-container a.button,
.header-photo-text a.button,
.website-button a.button, a.button.website,
.community .item .item-text,
#footer-container .sidebar-social li i {
    background: #FF466F;
}
.vlaggetje {
    background: #FF466F;
    background: linear-gradient(90deg, rgba(255, 123, 151, 1) 10%,  rgba(255, 70, 111,1) 90%);
}
.vlaggetje:after {
    border-top: 14px solid #ff7b97;
    border-bottom: 14px solid #ff7b97;
}
.newsletter-group input.n-submit:hover {
    background: rgba(255, 70, 111, 0.70);
}
a.closebtn,
.header-allplaces a,
.header-logo h1,
.item-date,
.item-towebsite a.button,
.block-category-description a.button,
.detail:first-child .green-maintitle,
#nav-sub-container:after {
    color: #FF2957;
}
#menu-category input[type="text"],
.header-allplaces a:link,
.advies-select-dropdown,
.newsletter-group input.n-email,
.tips .item-towebsite a.button,
.tips .item-info a.button {
    border: 1px solid #FF466F;
}
#footer-links {
    border-top: 1px solid rgba(255, 70, 111, 0.399);
    border-bottom: 1px solid rgba(255, 70, 111, 0.401);
}
#footer-container-bottom a:hover {
    border-bottom: 1px solid rgba(255, 70, 111, 0.401);
}
/************ STEUNKLEUR ************/
a,
a.item-text .item-readmore,
.detail-topinfo a,
.item-info a.button,
.icon.cal:before, 
.green-maintitle span a,
.spotlights-social i,
.divider-title,
#detail-head {
    color: #029983;
}
#menu-category i,
#nav li a i, .mobile-home-nav li a i,
#nav-container:after,
.detail .blog .item-text:after,
.blog.category .item-text:after {
    color: #3BC7AD;
}
.block-spotlights,
input.search-submit:hover,
#nav li.active a, #nav li a:hover,
.related-blogs .mobile-home-nav li a,
.flickity-prev-next-button:hover,
.sidebar-social li i,
a.button,
a.filter-selected, a.filter-erase, #nav-sub li.active a,
.share-widget li a,
.extratips .item-text,
.item-category span,
.tag-menu li a {
    background-color: #3BC7AD;
}
.flickity-prev-next-button,
.scrollup,
.headtitle {
    background: rgba(59, 199, 173, 0.75);
}
.vlaggetje.groen {
   background: #3BC7AD;
   background: linear-gradient(90deg, rgba(59, 199, 173, 1) 10%, rgba(79, 154, 137, 1) 90%); 
}
.vlaggetje.groen:after{
    border-top: 14px solid #3BC7AD;
    border-bottom: 14px solid #3BC7AD;
}
.row-intro.detail {
    border-top: 1px dotted #3BC7AD;
}
.footer-quote-container,
.divider-title:before,
.divider-title:after,
.menu-divider {
    border-top: 2px dotted #3BC7AD;
}
.wrapper-dropdown.active .dropdown {
    border-bottom: 1px solid #3BC7AD;
}
.wrapper-dropdown:after {
    border-color: #029983 transparent;
}
.wrapper-dropdown, .wrapper-dropdown .dropdown,
.input-group,
.tips .item-info a.button {
    border: 1px solid #3BC7AD;
}
/************ LIGHT colour ************/
.row-blog, .row-highlights, .row.overview, .pages a.currentpage, #footer-container {
    background: #D5EFE3;
}
#nav li a, .mobile-home-nav li a,
.detail-photo-decription {
    background: #E6F4EF;
}
.blog-related { /* bovenstaande kleur op 70% */
    background: rgba(230, 244, 239, 0.70);
}
body {
    background-color: rgba(230, 244, 239, 0.80);
    background-image: url(../App_image/kidsproof-line-colored.svg);
    background-repeat: no-repeat;
    background-position: center calc(100% - 800px); /* Adjust the 100px value as needed */
    background-size: 1240px auto;
}
.blog.tips .item {
  background-color: rgba(230, 244, 239, 0.80);
}
#nav-sub-container:after {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.05), rgba(230, 244, 239, 0.80)) !important;
}
/************ WHITE ************/
#header-container,
#nav-container,
.mobile-home-nav,
.menu-main,
.item,
.pages a,
.row-intro, .row-home,
.highlights .item .item-text,
.extratips .item,
.calendar thead th, .calendar .weekend,
.detail-container .category.tips .item-text,
#filtering,
.spotlights-social a i,
#bottom-container, .info-text,
.block-category-description a.button,
#footer-container-bottom {
    background: #fff;
}
a.button,
#nav li.active a,
#nav li.active a i,
#nav li a:hover,
#nav li a:hover i,
#nav-sub li a,
.header-search input[type="text"],
.related-blogs .mobile-home-nav li a,
.related-blogs .mobile-home-nav li a i,
.headtitle, .headtitle a, .headtitle span a,
a.filter-selected, a.filter-erase,
.extratips .item .item-content h2,
.extratips h2:after,
.tip-label-text,
.intro-category-text,
.footer-socials i {
    color:#fff;
}
.header-search input[type="text"] {
    border: 1px solid rgba(255, 255, 255, 0.75);
}
.related-blogs .mobile-home-nav {
  background: transparent;
}
/************ TEXT COLOR ************/
body,
.mobile-home-nav li a,
#nav li a,
#menu-category ul li a, #menu-sub ul li a,
a .item-text, a .subitem-text,
.detail-photo a.accordion,
#footer-container-bottom ul li a,
.green-maintitle a, .footer-copyright a, .blog-related-text-title a,
.wrapper-dropdown .dropdown li label, .wrapper-dropdown .dropdown li a, .date input {
    color: #444;
}
::-webkit-input-placeholder {
    color:#444;
}
::-moz-placeholder {
    color:#444;
}
::-ms-placeholder {
    color:#444;
}
::placeholder {
    color:#444;
}
input.search-fieldm::-webkit-input-placeholder {
    color:#444; 
}
a:hover .item-text .item-readmore, 
a:hover .item-text, 
a:hover .subitem-text{
    color: #000;
}
.footer-description a,
.footer-copyright,
.info-text {
  color: #666;
}
/* cookie bar stijlen kunnen hier weg */
/*--------------------------------------------------------------
# Combined styles
--------------------------------------------------------------*/
/* Font */
body, 
textarea,
.wrapper-dropdown .dropdown li,
.detail-maintext h2, 
.blog-maintext h2,
.address-block h3 {
    font-size: 100%;
    line-height: 1.5;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.detail-maintext h2, 
.blog-maintext h2,
.address-block h3 {
    font-weight: 600;
}
.detail-maintext,
.text-container,
.blog-container {
    font-size: 16px;
}
.container,
#balk li,
.buttons, .buttons span,
.footer-quote,
.block-category-description p,
.wrapper-dropdown .dropdown li, .wrapper-dropdown, .input-group, input.datepicker,
#menu-sub ul li a span, #menu-category ul li.sub ul li a { /* regular text */
    font-size: 15px;
}
.item .item-text,
.blog .item-date span,
.pages a, .pages span,
input.search-field,
.info-text,
.blog-button-more a.button,
.vlaggetje .vlaggetje-text,
.footer-copyright, #footer li, #footer-container-bottom ul li,
.newsletter-group input { /* smallest text */
    font-size: 14px;
}
.item .item-text h2 {
    line-height: 21px;
}
.address-block h3 {
    font-size: 100%;
}
h1,
h2,
h3,
#nav li a, #nav-sub li a, .mobile-home-nav li a,
#menu-category ul li a,
.headtitle, .header-allplaces, .header-search input[type="text"], .header-text,
.header-photo-text .button,
a.button,
.wrapper-dropdown,
#filtering, .input-group, input.datepicker,
.item-date, .detail-head-date,
.detail-subtitle, .blog-subtitle,
.share-widget-text,
.vlaggetje .vlaggetje-text, .tip-label,
.green-maintitle span a {
    font-size: 16px;
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}
.header-logo h1,
h1.green-maintitle,
h2.green-maintitle,
h2.headline,
.footer-socials h3,
.blog-related-text-title,
.intro-category-title,
.footer-col p,
#footer-container h3  {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.intro-category-text h1,
.spotlights-social h2,
.header-allplaces,
.header-search input[type="text"] {
    font-size: 18px;
}
.uitagenda-search .part h2,
.uitagenda-search h2 {
    font-size: 20px;
    margin-bottom: 10px;
}
.block-category-description h1{
  font-size: 20px;
}
.uitagenda-search .part h2,
.uitagenda-search h2 {
    margin-bottom: 8px;
}
h1,
h2.green-maintitle,
#footer-container h3,
.footer-socials h3,
.intro-category-title,
.footer-col p {
    font-size: 21px;
}
.intro-category-title {
    margin-bottom: 10px;
}
.intro-category-title,
.intro-category-text h1 {
    line-height: 1.2;
}
.headtitle, .green-maintitle {
    position: relative;
}
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
.green-maintitle {
    margin-bottom: 15px;
    text-align: center;
}
.row.detail .green-maintitle {
    margin-bottom: 5px; 
}
.text-detail .green-maintitle,
.blog-detail .green-maintitle,
.row.detail .green-maintitle {
    text-align: left;
}
.green-maintitle span a{
    position: absolute;
    right: 0;
    bottom: 2px;
    font-size: 16px;
    font-weight: 600;
}
.headtitle span a{
    float: right;
    font-size: 16px;
    margin-top: 5px;
}
.col3.extratips .item,
#filtering,
.wrapper-dropdown,
.input-group,
.line.button a,
.newsletter-group input.n-email,
.block-category-description a.button,
.blog-related,
.line.button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* Rounded corners */
#balk li,
#FBCSS,
#nav-sub li a,
#menu-category input[type="text"],
a.button,
#menu-category #search input.search-submit,
a.filter-selected, a.filter-erase,
.header-allplaces a, .header-search input[type="text"], input.search-submit,
.wrapper-dropdown .dropdown li input.datepicker,
.newsletter-group input.n-email, .newsletter-group input.n-submit {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
.blog-related-photo img,
.pages a{
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#filtering,
.item,
.info-text,
.block-category,
.intro-category,
.block-spotlights,
.detail-photo-img img,
.detail-photo-decription,
.detail-photo .line.map,
.blog-detail-container img,
.text-detail img,
.extratips .item.aanbieder .item-photo img,
.block-info img {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.scrollup,
.item-photo img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.block-category-img,
.block-category-img img,
.intro-category img,
.first.spotlights-image img {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.block-category-text,
.intro-category-text {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;  
}
.main-carrousel .item-photo img,
.highlights .item .item-text,
.extratips .item  .item-text {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.extratips .item-photo img {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
@media only screen and (max-width: 750px) {
  .block-category-img,
  .block-category-img img,
  .intro-category img {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
  }
  .block-category-text,
  .intro-category-text {
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;  
  }
}
/***************************************************************/
/* Elements */
/***************************************************************/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
}
html,
html a {
    -webkit-font-smoothing: antialiased !important;
}
/* Links */
a:link,
a:visited,
a .item-text .item-readmore {
    text-decoration: none;
}
a img {
    border: 0;
}
a:hover img,
a.button:hover,
a.filter-selected:hover, a.filter-erase:hover,
#nav-sub li a:hover,
.header-allplaces a span:hover,
.sidebar-social li a:hover,
.share-widget li a:hover {
    cursor: pointer;
    opacity: 0.7;
    -webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    -ms-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
}
a:hover .item-text,
a:hover .subitem-text {
    -webkit-transition: 0.2s linear color;
    transition: 0.2s linear color;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    a.button:hover,
    a:hover .item-text,
    a:hover .subitem-text {
        transition: none;
    }
}
.uitagenda .item:hover {
    opacity: 1;
}
.detail-maintext p {
    padding: 11px 0;
}
.detail-maintext p:last-child {
    padding-bottom: 0;
}
.detail-maintext ul {
    overflow: hidden;
    list-style-position: inside;
}
/* Forms */
input,
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
input[type="checkbox"] {
    -webkit-appearance: checkbox;
}
input[type="radio"] {
    -webkit-appearance: radio;
    -webkit-border-radius: 50%;
}
form {
    padding: 0;
    margin: 0;
}
input:focus {
    outline: 0;
}
a.button {
    padding: 8px 16px;
    display: inline-block;
}
/* Arrow icon (►) */
a.button:after,
.buttons span a.button:after,
.item-readmore:after,
.green-maintitle span a:after,
.item-link:after,
a.button.filtericon:before,
.flagship a:after {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: relative;
    top: 1px;
    padding-left: 5px;
}
a.button.filtericon:after {
    content: none;
    padding-left: 0;
}
a.button.filtericon:before {
    content: "\f0b0";
    padding-right: 5px;
    padding-left: 0;
}
/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
#header-container {
    width: 100%;
    display: block;
    padding: 20px 0 15px 0;
}
#header{
    position: relative;
}
.header-logo {
    float: left;
}
.header-logo img{
    width: 260px;
}

.header-logo h1 {
    color: #FF466F;
    display: inline-block;
    position: relative;
    padding-left: 8px;
    font-size: 24px;
    bottom: 12px;
}
/*.header-logo h1 {*/ /* plaatsnaam */
/*display: inline-block;
    position: relative;
    padding-left: 10px;
    font-size: 24px;
    bottom: 12px;
}*/
        .header-logo span{
}
.header-enteken{
  padding-right: 8px;
}
.header-allplaces a{
    padding: 0 25px 0 15px;
    display: inline-block;
    position: absolute;
    right: 0px;
    bottom: 19px; 
}
.header-allplaces span {
    padding-right: 15px;
    background-image: url(../App_image/mobile-place.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: inline-block;
    width: 100%;
}
.header-allplaces,
.header-search input[type="text"],
input.search-submit {
    height: 32px;
    line-height: 32px;
}
/* zoekveld header */

.search-fieldd::placeholder {
    color: white;
}

.search-fieldd::-webkit-input-placeholder {
    color: white;
}

.search-fieldd:-moz-placeholder {
    color: white;
    opacity: 1;
}

.search-fieldd::-moz-placeholder {
    color: white;
    opacity: 1;
}

.search-fieldd:-ms-input-placeholder {
    color: white;
}

.header-search {
    float: right;
    position: relative;
}
.header-search input[type="text"] {
    padding: 0 2px 0 15px;
}
input.search-field {
    background-color: #fff;
    padding: 8px 0 7px 12px;
    vertical-align: top;
    width: 90%;
}
input.search-submit {
    background-color: transparent;
    background-image: url(../App_image/icon-search.svg);
    background-size: 20px 20px;
    background-position: 10px center;
    background-repeat: no-repeat;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 40px;
    border: 0;
    text-decoration: none;
    display: block;
}
input.search-submit:hover {
    cursor: pointer;
}
/*--------------------------------------------------------------
# MENU
--------------------------------------------------------------*/
#nav-container.fixed {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}
#nav ul {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}
#nav li {
    list-style: none;
    zoom: 1;
    flex: 0 1 auto;
}
#nav li a,
.mobile-home-nav li a {
    white-space: nowrap;
    display: inline-block;
    margin-left: 8px;
    border-radius: 50%;
    width: 94px;
    height: 94px;
    text-align: center;
    padding: 10px 15px 20px 15px;
}
#nav li:first-child a {
    margin-left: 0;
}
#nav li a i,
.mobile-home-nav li a i {
    font-weight: normal;
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    font-size: 60px;
    line-height: 60px;
    padding: 10px 10px 0 10px;
}
#nav li a i.icon-menu-blogs {
    padding-left: 15px;
}
#nav li a i.icon-menu-eropuit {
    width: 80px;
    font-size: 80px;
}
#nav li a i:before {
    line-height: 60px;
}
/*--------------------------------------------------------------
# Mobile Menu
--------------------------------------------------------------*/
#header {
    position: relative;
}
.header-menu-icon {
    width: 24px;
}
.header-place, .header-menu-icon {
    position: absolute;
    top: 20px;
}
.header-menu-icon a {
    cursor: pointer;
}
.header-menu-icon img, .header-place img {
    width: 28px;
    height: 28px;
}
#menu-category, #menu-sub {
    margin: 0;
}
#menu-category {
    z-index: 99999999;
}
#menu-category ul, #menu-sub ul {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
}
#menu-category.menu-main ul li a, #menu-sub ul li a {
    background-image: url(../App_image/menu-arrow.svg);
    background-position: 98% center;
    background-repeat: no-repeat;
    background-size: 14px 12px;
    float: left;
    display: block;
    width: 94%;
    clear: left;
    border-bottom: 1px solid #eee;
    height: 24px;
    line-height: 24px;
    padding: 8px 0;
    margin: 0 3%;
}
#menu-category.menu-main ul li:first-child a {
    border-top: 1px solid #eee; 
}
#menu-category.menu-main li.sub ul li:first-child a {
    border-top: 0px;
}
#menu-category.menu-main ul li.sub > a {
    background-image: url(../App_image/menu-arrow-down.svg);
    background-size: 12px 14px;
    background-position: 97% center;
}
#menu-category i {
    font-size: 22px;
    margin-left: 5px;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
#menu-category ul li.sub ul li a i {
    font-size: 18px;
    margin-left: 40px;
    margin-right: 8px;
}
.menu-divider {
    float: left;
    width: 100%;
}
/* search */
#search {
    padding: 10px 10px 10px 10px;
    position: relative;
}
#menu-category #search {
    margin: 5px 0;
    width: 75%;
    top: 0;
}
#menu-category input.search-field {
    width: 95%;    
}
#search input.search-submit {
    background-position: 8px center;
    position: absolute;
    width: 36px;
    height: 33px;
    right: 2%;
    top: 10px;
}
/* flyout menu */
#menu-category {
    border-top: 0;
}
.menu-main {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: 0.5s;
}
.menu-main .closebtn {
    position: absolute;
    top: 10px;
    right: 4%;
    font-size: 40px;
    line-height: 40px;
}
/*--------------------------------------------------------------
# Top balk
--------------------------------------------------------------*/
#balk-container {
    width: 100%;
}
#balk{
    padding: 10px 0;
}
#balk ul{
    float: left;
    width: 700px;
}
#balk li {
    text-decoration: none;
    display: inline-block;
    position: relative;
    margin: 8px 14px 0 0;
}
#balk li img{
    height: 20px;
    width: auto;
}
#balk li a {
    display: block;
}
#balk li.current a{
    border-bottom: 1px dotted #fff;
}
#balk li.current a:after { /* add arrow to the active item */
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -7px; /* value should match border-width below */
    bottom: -16px;
    border-width: 7px; /* value should match margin-left above */
    border-style: solid;
    border-color: transparent transparent #FFF transparent; /* create up arrow */
}
/*------------------------------------------------------------
# Attention balk bovenin met banner
--------------------------------------------------------------*/
#att img {
    width: 100%;
    height: auto;
}
#att #attclose img,
#att #attclose-mobile img {
    width: 26px;
    height: 26px;
}
#attclose img,
#att #attclose-mobile img {
    position: absolute;
    top: -10px;
    right: -10px;
}
#attclose img:hover,
#att #attclose-mobile img:hover {
    cursor: pointer;
}
@media only screen and (min-width: 600px) {
    #att.att-mobile {
        display: none;
    }
    #attention-container {
        width: 100%;
        text-align: center;
    }
    #att {
        max-width: 729px;
        margin: 15px auto;
        position: relative;
    }
}
@media only screen and (max-width: 600px) {
    #att.att-regular {
        display: none;
    }
    #attention-container {
        text-align: center;
        position: fixed;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 320px;
        z-index: 9999;
    }
    #att {
        margin: 0 auto;
        position: relative;
        width: 100%;
    }
}
/*--------------------------------------------------------------
# HOME
--------------------------------------------------------------*/
/******************** HOME HEADER ********************/
.header-photo-container {
    position: relative;
    overflow: visible;
}
@media only screen and (max-width: 600px) {
    .header-photo-container {
        display: block;
    }
}
.header-photo {
    position:relative;
}
.header-photo-container::before { /* afbeelding met stippellijn en checkmark */
    content: "";
    position: absolute;
    bottom: 0;
    left: -100px;
    width: 100%;
    height: 200px;
    background-image: url(../App_image/kidsproof-line.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1000px 200px;
    display: inline-block;
    z-index:100000; /* hoger nummer dan de modal box */
}
.header-photo-text {
    position: absolute;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left:0;
    right:0;
    margin-left: auto;
    margin-right: auto;
    z-index: 100000;
}
.headline { /* titel in de hero */
    display:inline-block;
    margin: 0;
    font-size: 38px;
    line-height: 1.6;
    text-align: left;
    text-rendering: geometricPrecision;
    white-space: pre-wrap;
    color: #fff;
}
.header-photo-container .headline{
    width: 360px;
    display: block;
    line-height: 1.6;
    margin-bottom: 15px;
}
.headline h2 {
    padding: 0 5px; 
    margin: 0 5px;
}
.headline mark {
    color: #fff;
    background-color: transparent !important;
    margin: 0;
    display: inline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 4px 4px 16px 10px;
    line-height: 1.5;
    background-size: 100% 80%;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent calc(13%),  rgba(18, 102, 98, 0.489) 1px);
}
.headline>span {
    height: 40px;
    padding: 1px 10px;
    background: rgba(18, 102, 98, 0.489);
}
.headline>span br {
    margin-left: 10px;
}
/******************** HOME CONTENT ********************/
.green-maintitle {
    clear: left;
}
.highlights .item .item-text h2 {
    padding: 8px 12px 10px 12px;
}
.community .item .item-text .item-link {
    padding: 0 12px 15px 12px;
}
.community .item-link {
    display: block;
}
.highlights {
    clear: both;
}
/* landelijke tips  */
.extratips-container {
    width: 100%;
    float: left;
    padding: 20px 0;
}
.col3.extratips .item {
    padding: 10px;
    float: left;
    width: 320px;
    margin-left: 20px;
}
.extratips {
    display: block;
}
.home .extratips {
    float: left;
}
.extratips .item {
    position: relative;
    box-sizing: border-box;
}
.extratips .item .item-photo {
    display: block;
}
.extratips .item-photo img {
    margin: 0 auto;
    width: auto;
    display: block;
}
.extratips .item .item-text {
    padding: 8px 12px 8px 52px;
}
.extratips .item .item-text h2 {
  margin-top: 0;
  line-height: 1.2;
  height: 40px;
  overflow: hidden;
}
.extratips h2,
.detail .blog .item-text,
.blog.category .item-text {
  position: relative;
}
.extratips h2:after,
.detail .blog .item-text:after,
.blog.category .item-text:after {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    text-decoration: inherit;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
    .detail .blog .item-text:after,
    .blog.category .item-text:after {
        position: absolute;
        text-align: right;
        right: 8px;
        bottom: 8px;
        background: #fff; /* nieuw */
        padding-left: 6px; /* nieuw */
    }
/* categorie blok en actueel blok (grote foto + tekst) */
.block-category {
    display: block;
    float: none;
}
.block-category-img, .detail-block-category-img {
    float: left;
}
.block-category-text, .detail-block-category-text {
    float: left;
    width: 345px;
    height: 250px;
    color: #fff;
    position: relative;
}
.block-category-description {
    padding: 15px 20px;
}
.block-category-description a.button {
    position: absolute;
    bottom: 20px;
    font-weight: bold;
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
}
.block-category-description a.button:after {
    float: right;
    content: "\f0da";
}
.block-category-description p {
    margin-bottom: 15px;
}
/*tips uit de blogs*/
.blog .item-text,
.overview .category .item-text,
.popular .item-text,
.category .item-text {
    padding: 10px 10px 10px 10px;
    display: block;
}
.blog .item,
.overview .category .item,
.popular .item,
.info-text {
    display: block;
}
.blog .item-text h2,
.overview .category .item-text h2,
.popular .item-text h2,
.col4.category.blog .item-text h2,
.col4.category.blog tips.item-text h2, .col4.category.blog tips.item-text h2 {
    height: 44px;
    overflow: hidden;
    margin-top: 0;
    padding-top: 0;
}
.overview .category .item-text h2,
.popular .item-text h2,
.tips h2 {
    height: 22px;
}
.blog .item-text .item-description,
.category .item-text .item-description,
.blog .blog .item-text .item-description,
.overview .category .item-text .item-description {
    height: 65px;
    overflow: hidden;
    display: block;
}
.blog .item-readmore {
    display: block;
}
/*--------------------------------------------------------------
# OVERVIEW / OVERZICHT
--------------------------------------------------------------*/
.intro-category {
    float: left;
}
.intro-category-img,
.intro-category-text {
    float: left;
}
.intro-category-text {
    float: left;
    color: #fff;
}
.block-category-img,
.intro-category-img{
    position: relative;
}
.block-category-img:before,
.intro-category-img:before {  /* afbeelding met stippellijn en checkmark */
    content: "";
    position: absolute;
    bottom: 10px;
    left: -8px;
    width: 400px;
    height: 117px;
    background-color: none !important;
    background-image: url(../App_image/kidsproof-line-small.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 400px 117px;
    display: inline-block;
    z-index: 100000;
}
.intro-category-description {
    padding: 15px 20px;
    height: 340px;
    overflow: hidden;
}
.intro-category-description p {
    margin: 0;
    padding: 0px 0 10px 0;
}
.col4.tips .item,
.related-blogs .col4 .item {
    margin-bottom: 25px;
}
.col4.tips.blog .item {
    margin-bottom: 0;
}
.tips {
    margin-top: 5px;
}
.tips a .item-text .item-readmore,
.popular .item-text .item-readmore {
    color: #fff;
}
.tips .item,
.popular .item{
  position:relative;
  display:inline-block;
}
.tips .item:after,
.popular .item:after{
  content:'';
  background-image: url(../App_image/icon-tips.svg);
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  width: 30px;
  height: 30px; 
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
}
.col4.category .item-photo img.naarbuiten {
    width: auto !important;
    height: auto !important;
    position: absolute;
    top: 10px;
    right: -5px;
    width: 98px;
    height: 29px;
    min-height: inherit !important;
}
/* cards: vlaggetjes met text erop */
.vlaggetje {
    position: absolute;
    bottom: 148px;
    min-width: 50px;
    text-align: center;
    right: 0px;
    height: 20px;
    padding: 4px 10px 4px 10px;
    z-index: 999;
}
.tips .vlaggetje {
    bottom: 136px;
}
.vlaggetje:after {
    content: "";
    position: absolute;
    left: -14px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
}
.vlaggetje .vlaggetje-text {
    position: relative;
    top: -2px;
    color: #fff;
    text-transform: lowercase;
}
/* ander vlaggetje met text erop voor het landelijk blok */
.extratips .item {
    position: relative;
    overflow: hidden;
}
.tip-label {
    position: absolute;
    bottom: 23px;
    left: 0px;
    width: 30px;
    height: 22px;
    line-height: 20px;
    margin-right: 10px;
    margin-left: -10px;
    padding: 5px 10px 5px 20px;
    -webkit-transform: skew(-19deg);
    -ms-transform: skew(-19deg);
    transform: skew(-19deg);
    z-index: 9999;
}
.tip-label .tip-label-text {
    -webkit-transform: skew(19deg);
    -ms-transform: skew(19deg);
    transform: skew(19deg);
}
.tip-label-text {
    position: relative;
}
/**/
.item-readmore {
    display: none;
}
/* cards: buttons */
.buttons,
.buttons span {
    padding: 0;
    margin: 0;
}
.buttons {
    float: left;
    width: 100%;
    list-style: none;
    box-sizing: border-box;
    padding: 0 0 12px 10px;
    margin-top: -10px;
}
.buttons span a.button {
    width: 46%;
    box-sizing: border-box;
    float: left;
    padding: 0px;
    font-weight: bold;
    margin-right: 4%;
}
.item-info a.button, .item-towebsite a.button {
    background-color: transparent;
    white-space: nowrap;
}
.buttons .item-towebsite a.button {
    text-align: right;
}
.tips .buttons {
    margin-top: -6px;
}
.tips .buttons span a.button {
    padding: 3px 6px;
    text-align: center;
}
.category .item {
    position: relative;
    overflow-x: hidden;
}
.tips .item {
    overflow: visible;
}
/* blok met banners en socials */
.block-spotlights {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    padding: 25px 0;
}
.block-spotlights .part {
    float: left;
}
.block-spotlights .part:first-child {
    margin: 0 0 0 25px;
}
.block-spotlights .part:last-child {
    margin: 0 25px 0 0;
    display: flex;
    align-items: center;
}
.spotlights-social {
    height: 248px;
    color: #fff;
    display: flex;
    justify-content: center;
    flex-flow: column wrap;
}
.spotlights-social ul.sidebar-social {
    padding: 3px 12px;
    display: flex;
    justify-content: center;
    text-align: center;
    margin-bottom: 25px;
}
.spotlights-social h2 {
  text-align: center;
  line-height: 1.3;
  margin-bottom: 10px;
}
/* filter */
h1.filter-title {
    padding-bottom: 7px;
    margin-bottom: 0;
}
#filtering {
    display: block;
    float: left;
    padding: 5px 15px;
}
/* buttons bovenin */
#nav-sub li a,
#nav-sub li {
    list-style: none;
    display: inline-block;
    float: left;
}
#nav-sub li a {
    white-space: nowrap;
    padding: 5px 12px;
    margin: 8px 8px 0 0;
}
#nav-sub-container:before {
    width: 20px;
}
@media only screen and (max-width: 750px) {
    #nav ul,
    #nav-sub ul {
        height: auto;
    }
    #nav li a {
        margin-top: 12px;
        margin-bottom: 4px;
    }
    #nav-sub ul {
        margin-bottom: 8px;
    }
}
@media only screen and (min-width: 900px) {
    #nav-sub ul {
        margin-top: 2px;
    }
    .filter-or-word {
        padding-right: 10px;
    }
}
/* dropdowns */
.wrapper-dropdown .dropdown,
.wrapper-dropdown .dropdown li label {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.wrapper-dropdown,
.input-group {
    position: relative;
    margin: 10px 15px 10px 0;
    padding: 6px 10px;
    background: #fff;
    cursor: pointer;
    outline: 0;
    float: left;
}
.wrapper-dropdown.dd-area{
    margin-right: 0;
}
.wrapper-dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
}
.wrapper-dropdown.active:after {
    border-width: 0 6px 6px 6px;
}
.wrapper-dropdown.active .dropdown {
    opacity: 1;
    z-index: 99999;
    pointer-events: auto;
}
.wrapper-dropdown .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-left: -1px;
    margin-right: -1px;
    z-index: 1;
    background: #fff;
    border-top: 0;
    list-style: none;
}
.wrapper-dropdown .dropdown {
    opacity: 0;
    pointer-events: none;
}
.wrapper-dropdown .dropdown li {
    position: relative;
}
.wrapper-dropdown .dropdown li a,
.wrapper-dropdown .dropdown li label {
    display: block;
    padding: 6px 10px;
    border-bottom: 1px dotted #ccc;
}
.wrapper-dropdown .dropdown li:last-of-type a,
.wrapper-dropdown .dropdown li:last-of-type label {
    border: 0;
}
.wrapper-dropdown .dropdown li input {
    position: absolute;
    display: block;
    right: 10px;
    top: 50%;
    margin-top: -7px;
}
.wrapper-dropdown.active .dropdown {
    max-height: 425px;
}
.no-opacity wrapper-dropdown .dropdown,
.no-pointerevents .wrapper-dropdown .dropdown {
    display: none;
    opacity: 1;
    pointer-events: auto;
}
.no-opacity .wrapper-dropdown.active .dropdown,
.no-pointerevents .wrapper-dropdown.active .dropdown {
    display: block;
}
/* kalender / datum picker */
.wrapper-dropdown .dropdown li.dd-date {
    display: block;
    text-decoration: none;
    padding: 7px 10px !important;
}
input.datepicker {
    float: left;
    height: 20px;
    line-height: 20px;
    border: 0;
    padding: 2px 0;
    margin: 0;
    background: transparent;
}
.date {
    position: relative;
}
.icon.cal {
    position: absolute;
    right: 8px;
    top: 7px;
}
.icon.cal:before {
    content: "\f271";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
}
/* 'of' woord */
.filter-or-word {
    float: left;
    font-size: 18px;
    height: 38px;
    line-height: 38px;
    margin-top: 10px;
    display: block;
}
.filter-output {
    float: left;
    width: 100%;
}
/* buttons onderaan */
a.filter-selected,
a.filter-erase {
    float: left;
    margin: 0 8px 10px 0px;
    padding: 5px 12px;
}
a.filter-selected:hover,
a.filter-erase:hover {
    cursor: pointer;
}
.i-close {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: transparent url(../App_image/filters_close.svg) no-repeat;
    background-size: 10px 10px;
    margin-left: 8px;
}
/*--------------------------------------------------------------
# DETAIL
--------------------------------------------------------------*/
.detail-container {
    padding-top: 5px;
    margin-bottom: 15px;
    position: relative;
    float: left;
    width: 100%;
}
.row.detail h1.green-maintitle:first-child span a:before,
.blog h1.green-maintitle:first-child span a:before,
.text h1.green-maintitle span a:before,
.headtitle span a:before { /* back icon */
    content: "\f0d9";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 5px;
    padding-left: 0;
}
.row.detail h1.green-maintitle:first-child span a:after,
.blog h1.green-maintitle:first-child span a:after,
.text h1.green-maintitle span a:after,
.headtitle span a:after {
    display: none !important;
}
/* left side with main content */
.detail-left {
    padding-bottom: 10px;
}
.detail-photo-img {
    width: 350px;
    float: left;
    margin: 5px 15px 10px 0;
}
@media only screen and (min-width: 600px) {
    .detail-photo-img img {
        width: 350px;
        height: 235px;
    }
}
/* divider title */
.divider-title {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 25px;
}
.divider-title:before,
.divider-title:after {
    content: ''; 
    margin: 0 20px 0 0;
    flex: 1 0 20px;
}
.divider-title:after {
    margin: 0 0 0 20px;
}
/* slider arrow only on hover */
@media only screen and (min-width: 700px) {
    .detail-photo-img .flickity-prev-next-button {
        display: none !important;
    }
    .detail-photo-img:hover .flickity-prev-next-button {
        display: block !important;
    }
}
@media only screen and (max-width: 700px) {
    .detail-photo-img .flickity-prev-next-button {
        background: rgba(255, 255, 255, 0.30);
        right: 0px !important;
    }
}
/* datum uitagenda */
#detail-head {
    margin-bottom: 12px;
    display: block;
}
#detail-head i {
    margin-right: 7px;
}
/* blok met info en contactgegevens */
.detail-photo {
    margin: 5px 0 0 0;
}
.detail-photo-decription {
    display: block;
    padding: 5px 10px 10px 10px;
}
.detail-photo-decription .adress-block {
    display: block;
    float: left;
}
.detail-photo .line {
    border-bottom: 1px solid #ddd;
    padding: 0;
    float: left;
    display: block;
    width: 100%;
}
.detail-photo .line.address,
.detail-photo .line a.accordion {
    padding: 8px 0;
    display: block;
}
.detail-photo .line.map {
    margin-top: 10px;
    float: left;
    height: 135px;
    overflow: hidden;
}
/* accordion */
.detail-photo a.accordion {
    cursor: pointer;
    transition: 0.4s;
    display: block;
}
.detail-photo a.accordion:hover {
    background: #fff;
}
.detail-photo a.accordion.active {
    font-weight: bold;
}
.detail-photo a.accordion:after {
    content: '\f0d7';
    float: right;
    margin-left: 5px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-decoration: inherit;
}
.detail-photo a.accordion.active:after {
    content: "\f0d8";
}
.detail-photo span.panel {
    display: block;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.detail-photo span.panel span {
    padding: 0 0 6px 0;
    display: block;
}
/* detail top buttons */
.line.button {
    border-bottom: 0;
    padding-top: 0;
    line-height: 20px !important;
    display: block;
}
.line.button i {
    font-size: 18px;
    width: 15px;
    float: left;
    margin-top: 0px;
    margin-right: 10px;
}
.line.button a.button:after {
    display: none;
}
.line.button a {
    font-weight: bold;
    width: 100%;
}
.line.button a.button {
    margin-top: 10px;
}
.line.button a.button.phone,
.line.button a.button-phone {
    margin-right: 0;
}
.line.button a.website:before,
.website-button a.website:before {
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    z-index: 1;
}
.line.button a.website:after,
.website-button a.website:after {
    transition: 125ms ease-in-out;
    transition-property: transform, background, color, box-shadow, opacity, fill, text-decoration, background-color, background-image, height;
    content: "";
    width: 26px;
    height: 24px;
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    display: block;
    position: absolute;
    right: 0;
    top: 6px;
    border-radius: 0 4px 4px 0;
    z-index: 0;
}
a.website {
    position: relative;
    padding-right: 40px !important;
}
/* text */
.detail-subtitle,
.blog-subtitle {
    display: block;
    margin-bottom: 20px;
    font-size: 19px;
    line-height: 28px;
}
.detail-subtitle {
    margin-bottom: 10px;
}
.detail-maintext {
    padding-bottom: 10px;
}
/* related blogs */
.blog-related {
    position: relative;
    float: left;
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 25px;
    background-image: url(../App_image/kidsproof-note-top.svg);
    background-repeat: no-repeat;
}
.blog-related:after {
    content: "";
    background-image: url(../App_image/kidsproof-note-feather.svg);
    background-repeat: no-repeat;
    background-size: 40px 56px;
    position: absolute;
    display: block;
    width: 40px;
    height: 56px;
    right: 20px;
    top: -16px;
}
.blog-related-padding {
    padding: 12px 15px 12px 5px;
    margin: 10px;
    float: left;
    background-image: url(../App_image/line.png);
    background-position: left top;
}
.blog-related-photo {
    float: left;
    margin-right: 15px;
}
.blog-related-photo img {
    width: 175px;
    height: 120px;
}
.blog-related-text-title {
    font-size: 21px;
    line-height: 22px;
}
.blog-related-text-text {
    display: block;
    margin-top: 21px;
    line-height: 22px;
}
.blog-related-text-readmore {
  float: left;
  font-weight: bold;
  margin: 10px 0 0 0;
}
.item-photo {
    position: relative;
}
.item-photo img {
    display: block;
}
/* social icons */
ul.sidebar-social{
    display: inline-flex;
    align-items: center;
}
.sidebar-social li{
    display: flex;
    align-items: center;
    justify-content: center;
}
.sidebar-social li a {
    width: auto;
}
.sidebar-social li i{
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
    padding: 8px;
    margin-bottom: 8px;
    margin-right: 10px;
    text-align: center;
    border-radius: 50%;
}
.sidebar-social li:last-child i {
    margin-right: 0;
}
/*--------------------------------------------------------------
# BLOG + TEXT pages
--------------------------------------------------------------*/
#blog-head {
    color: #888;
    margin-bottom: 12px;
}
.blog-head-author {
    display: block;
}
.blog-image,
.text-image {
    width: 659px;
    margin-bottom: 15px;
    display: block;
}
.blog-image img,
.text-image img {
    width: 100%;
    height: auto;
}
.blog-image-subtitle,
.text-image-subtitle,
.text-maintext .small {
    display: block;
    font-size: 13px;
    color: #888;
    padding-top: 5px;
    font-style: italic;
}
.blog-button {
    margin: 10px 0 5px 0;
    display: block;
}
.blog-container img {
    height: auto;
    width: auto;
    max-width: 659px;
}
.headtitle {
    padding: 15px 40px;
    font-size: 22px;
}
.container.blog,
.container.text {
    float: none;
    width: 100%;
}
.blog-detail-container,
.text-detail-container {
    margin: 0 auto;
    float: none;
    border: 0;
    position: relative;
    z-index: 10000000;
}
@media only screen and (min-width: 1000px) {
    .blog-detail-container,
    .text-detail-container {
        margin-top: -250px;
    }
    .text .text-detail-container {
        margin-top: -170px;
    }
}
@media only screen and (min-width: 1100px) {
    .blog-detail-container,
    .text-detail-container {
        margin-top: -300px;
    }
    .text .text-detail-container {
        margin-top: -200px;
    }
}
.blog-detail,
.text-detail {
    margin: 0 auto;
    background: #fff;
    padding: 25px 40px 30px 40px;
}
/* responsive video */
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 20px;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
iframe {
    width: 100%;
}
/* blog buttons */
.blog-maintext a.button {
    display: table;
    margin-top: 15px;
}
.blog-detail .share-widget {
    margin-top: 25px;
}
.blog-button-more {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.blog-button-more a.button {
    font-weight: bold;
}
.page-content-extra {
    padding-top: 25px;
}
.overview-subcat .page-content-extra {
    padding-top: 0;
}
.page-content-extra .related-blogs {
    padding: 0 0 5px 0;
}
.blog-button-more {
    text-align: center;
    margin-bottom: 10px;
}
.item-date {
    display: block;
    height: 24px;
    overflow: hidden;
}
.blog .item-date {
    color: #888 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 13px;
    margin: 0;
}
.tips .item-date,
.popular .item-date {
    color: #fff;
}
/* blog titels 2019 */
.detail-maintext p, .blog-maintext p, .detail-maintext ul, .blog-maintext ul {
    padding: 0 0 22px 0;
}
.detail-maintext h2, .blog-maintext h2 {
    font-size: 17px;
    margin: 0 0 1px 0;
    padding: 0;
}
/******************** TEXT PAGINA ********************/
.text-maintext p {
    margin: 0;
    padding: 10px 0 15px 0;
}
/******************** FORMULIEREN ********************/
/* contact pagina en deel je tips */
.text-container input[type="text"],
.text-container textarea,
.text-container select {
    padding: 10px;
    margin: 6px 0;
    box-sizing: border-box;
    border: 1px solid #ddd;
    font-size: 15px;
    min-width: 200px;
    border-radius: 0;
}
.text-container iframe { /* recaptcha */
    margin-top: 6px;
}
.text-container input#aanmelden.ascx_number {
    min-width: 20px;
}
.text-maintext a.button{
    margin-top: 15px;
}
/******************** SHARE WIDGET SOCIAL MEDIA ********************/
.share-widget {
    float: left;
    display: block;
    width: 100%;
    margin: 10px 0;
}
.share-widget-text {
    line-height: 34px;
}
.share-widget ul {
    float: left;
}
.share-widget li {
    display: inline-block;
    float: left;
    list-style: none;
    width: auto;
    text-align: center;
}
.share-widget li i {
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
}
.share-widget li a {
    float: left;
    color: #fff;
    padding: 10px;
    margin-left: 10px;
    border-radius: 50%;
}
.visuallyhidden {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.website-button {
    font-weight: bold;
    margin: 10px 0;
    float: left;
}
.website-button a.button {
    float: left;
    padding: 7px 15px;
}
a.button.website i {
    margin-top: 2px;
}
.website-button a.button.website i {
    font-size: 18px;
    width: 15px;
    float: left;
    margin-top: 4px;
    margin-right: 10px;
}
/******************** 404 PAGE PAGINA OEPS ********************/
.block-info {
    margin-top: 15px;
}
.block-info-text {
    float: left;
    width: 345px;
    margin-bottom: 20px;
}
.block-info-text h1 {
    margin-bottom: 10px;
    margin-top: -7px;
    padding-top: 0;
}
.block-info-description {
    margin-bottom: 10px;
    margin-right: 15px;
}
.block-info-description p {
    margin-bottom: 12px;
}
.block-info-buttons {
    padding-top: 10px;
}
.block-info-buttons a.button {
    float: left;
    margin-right: 15px;
}
.block-info-buttons a.button:after {
    display: none;
}
/*--------------------------------------------------------------
# NAVIGATION / PAGES
--------------------------------------------------------------*/
.pages {
    padding: 0 0 25px 0;
    width: 100%;
    max-width: 1000px;
    overflow: hidden;
}
.pages.top {
    padding: 25px 0 20px 0;
    border: 0;
}
.pages.top a:last-child {
    margin-right: 0 !important;
}
.pages-right {
    float: right;
}
.pages-left {
    float: left;
    width: 25%;
    line-height: 30px;
}
@media only screen and (max-width: 600px) {
    .pages-right {
        float: left;
        clear: left;
        width: 100%;
    }
    .pages-left {
        width: 100%;
    }
}
.pages a,
.pages span {
    display: inline-block;
    float: left;
    height: auto;
    padding: 6px 10px;
    margin-left: 8px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}
.pages-left,
.pages a,
.pages span {
    color: #555;
}
.pages span {
    padding: 6px 0;
    border: 0;
}
.pages a:hover {
    background-color: #fff;
    text-decoration: underline;
}
.pages a.currentpage {
    font-weight: bold;
    text-decoration: underline;
}
.pages-prev:after,
.pages-next:after,
.pages-all:after {
    content: "\f04e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
.pages-prev:after {
    content: "\f04a";
}
.pages a.pages-next {
    margin-right: 0;
}
.pages-all:after {
    content: "\f0fe";
    padding-left: 5px;
}
.pages a.pages-all {
    margin-left: 7px;
    margin-right: 0;
}
/***************** SCROLL UP ARROW BOTTOM *****************/
.scrollup {
    width: 40px;
    height: 40px;
    opacity: 0.8;
    position: fixed;
    bottom: 0;
    left: 50% !important;
    margin-left: 520px !important;
    color: #fff;
    text-align: center;
}
.scrollup i {
    margin-top: 10px;
}
a.scrollup {
    color: #fff;
}
@media only screen and (max-width: 1030px) {
    a.scrollup {
        display: none;
    }
}
/***************** SCROLL ARROWS *****************/
.grid.highlights .item {
    z-index: 1;
}
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
/******************** BOTTOM (content boven footer) ********************/
#bottom-container {
    clear: left;
    float: left;
    width: 100%;
    padding: 20px 0 30px 0;
}
/******************** SEO Tekst boven footer ********************/
.info-text {
    padding: 15px;
}
.info-text p {
    padding-bottom: 15px;
}
.info-text p:last-child{
    padding-bottom: 0;
}
/******************** FOOTER ********************/
#footer-container {
    padding: 30px 0 25px 0;
    width: 100%;
}
.footer-col p,
#footer-container h3 { /* titels */
    padding: 0 0 10px 0;
    margin: 0;
}
/* footer foto met quote */
.footer-col {
    margin-bottom: 15px;
}
.footer-col:first-child {
    clear: left;
}
.footer-quote-container {
    clear: left;
    margin: 0 auto; 
    padding-top: 20px; 
    text-align: center; 
}
.footer-quote-container > div {
    margin: 0 auto;
}
.footer-quote-img {
    display: block; 
    margin: 0 auto;
}
.footer-quote-img img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-top: 7px;
    width: 70px;
    height: 70px;
}
.footer-quote-q:before {
    content: open-quote;
}
.footer-quote-q:after {
    content: close-quote;
}
.footer-quote-name {
    display: block;
}
.footer-quote-name:before {
    content: "—";
    padding-right: 4px;
}
/* newsletter */
.newsletter-group input.n-email,
.newsletter-group input.n-submit {
    float: left;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    box-sizing: border-box;
}
.newsletter-group input.n-email {
    width: 53%;
    margin-right: 2%;
}
.newsletter-group input.n-submit {
    font-weight: bold;
    color: #fff;
    border: 0;
    width: 45%;
}
.footer-col.newsletter-group input.n-email {
    width: 66%;
}
.footer-col.newsletter-group input.n-submit {
    width: 32%;
}
.newsletter-group input.n-submit:hover {
    cursor: pointer;
}
/* footer onderste gedeelte */
#footer-container-bottom {
    padding: 30px 0 30px 0;
    width: 100%;
}
.footer-logo {
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* logo */
.footer-logo img {
    width: 240px;
}
/* socials */
.footer-socials {
    width: auto;
    display: flex;
    justify-content: left;
    align-items: flex-start;
    flex-direction: column;
}
.footer-socials h3{
    margin-bottom: 5px;
}
/* footer links */
#footer-links {
    padding-top: 16px;
    padding-bottom: 6px;
}
#footer-links ul {
    margin-bottom: 10px;
    line-height: 22px;
}
#footer li, #footer-container-bottom ul li {
    list-style: none;
}
/* footer copyright */
.footer-copyright {
    clear: both;
    padding-top: 25px;
    text-align: center;
}
.footer-description {
    display: block;
}
.footer-description:last-child{
    margin-top: 15px
}    
/*--------------------------------------------------------------
# SLIDER / CARROUSEL
--------------------------------------------------------------*/
/* Flickity v2.2.1 */
.flickity-enabled {
    position: relative;
}
.flickity-enabled:focus {
    outline: 0;
}
.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}
.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
    position: absolute;
    top: 45%;
    width: 28px;
    height: 34px;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    transform: translateY(-50%);
}
.blog .flickity-prev-next-button {
    top: 78px;
}
.flickity-prev-next-button:focus {
    outline: 0;
}
.flickity-prev-next-button:active {
    opacity: 0.6;
}
.flickity-prev-next-button.previous {
    left: -12px;
}
.flickity-prev-next-button.next {
    right: -12px;
}
.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px;
}
.flickity-prev-next-button:disabled {
    opacity: 0.3;
    cursor: auto;
}
.flickity-prev-next-button svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
}
.flickity-prev-next-button .arrow {
    fill: #fff;
}
/*--------------------------------------------------------------
# ICON FONT KIDSPROOF
--------------------------------------------------------------*/
@font-face {
    font-family: "kidsproof";
    src: url("../fonts/kidsproof.eot-2024");
    src: url("../fonts/kidsproof.eot-2024?#iefix") format("embedded-opentype"), url("../fonts/kidsproof-2024.woff") format("woff"), url("../fonts/kidsproof.ttf-2024") format("truetype"), url("../fonts/kidsproof-2024.svg#kidsproof") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "kidsproof" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "kidsproof" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-scissors:before {
  content: "\61";
}
.icon-heart:before {
  content: "\63";
}
.icon-heart-o:before {
  content: "\64";
}
.icon-calendar-plus-o:before {
  content: "\65";
}
.icon-calendar-check-o:before {
  content: "\66";
}
.icon-calendar-o:before {
  content: "\67";
}
.icon-angle-double-right:before {
  content: "\68";
}
.icon-angle-double-left:before {
  content: "\69";
}
.icon-angle-right:before {
  content: "\6a";
}
.icon-angle-left:before {
  content: "\6b";
}
.icon-angle-down:before {
  content: "\6c";
}
.icon-angle-up:before {
  content: "\6d";
}
.icon-paint-brush:before {
  content: "\6e";
}
.icon-paper-plane:before {
  content: "\6f";
}
.icon-paper-plane-o:before {
  content: "\70";
}
.icon-pencil:before {
  content: "\71";
}
.icon-search:before {
  content: "\72";
}
.icon-home:before {
  content: "\73";
}
.icon-eropuit:before {
  content: "\79";
}
.icon-telephone:before {
  content: "\41";
}
.icon-location:before {
  content: "\42";
}
.icon-star:before {
  content: "\43";
}
.icon-info:before {
  content: "\44";
}
.icon-people:before {
  content: "\45";
}
.icon-category:before {
  content: "\46";
}
.icon-arrow-down:before {
  content: "\4a";
}
.icon-leaf:before {
  content: "\75";
}
.icon-eten:before {
  content: "\76";
}
.icon-tractor:before {
  content: "\78";
}
.icon-care:before {
  content: "\4d";
}
.icon-balloons:before {
  content: "\4e";
}
.icon-tennis-ball-1:before {
  content: "\4f";
}
.icon-treehouse:before {
  content: "\51";
}
.icon-ball:before {
  content: "\4b";
}
.icon-city:before {
  content: "\7a";
}
.icon-plus:before {
  content: "\50";
}
.icon-ferris-wheel-2:before {
  content: "\54";
}
.icon-water-boat:before {
  content: "\55";
}
.icon-supermarket-basket:before {
  content: "\47";
}
.icon-desktop:before {
  content: "\74";
}
.icon-menu-agenda:before {
  content: "\53";
}
.icon-suitcase:before {
  content: "\57";
}
.icon-menu-blogs:before {
  content: "\62";
}
.icon-menu-clubjes:before {
  content: "\58";
}
.icon-menu-eropuit:before {
  content: "\59";
}
.icon-menu-feestjes:before {
  content: "\5a";
}
.icon-menu-op-kamp:before {
  content: "\30";
}
.icon-menu-uiteten:before {
  content: "\31";
}
.icon-ink-pen:before {
  content: "\33";
}
.icon-campfire:before {
  content: "\35";
}
.icon-check:before {
  content: "\34";
}
.icon-clubjes:before {
  content: "\77";
}
.icon-fiets:before {
  content: "\56";
}
.icon-privacy:before {
  content: "\48";
}
.icon-talk:before {
  content: "\49";
}
.icon-bike:before {
  content: "\4c";
}
.icon-uit:before {
  content: "\52";
}
/*--------------------------------------------------------------
# ICON FONT AWESOME (NATASJA REMOVED ICONS)
--------------------------------------------------------------*/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.eot?v=4.7.0);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-eye:before{content:"\f06e"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-unlock:before{content:"\f09c"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-envelope:before{content:"\f0e0"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-sitemap:before{content:"\f0e8"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-medkit:before{content:"\f0fa"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-folder-o:before{content:"\f114"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-puzzle-piece:before{content:"\f12e"}.fa-calendar-o:before{content:"\f133"}.fa-rocket:before{content:"\f135"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-unlock-alt:before{content:"\f13e"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-youtube-play:before{content:"\f16a"}.fa-instagram:before{content:"\f16d"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-plus-square-o:before{content:"\f196"}.fa-envelope-square:before{content:"\f199"}.fa-openid:before{content:"\f19b"}.fa-google:before{content:"\f1a0"}.fa-language:before{content:"\f1ab"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-tree:before{content:"\f1bb"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-venus:before{content:"\f221"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-train:before{content:"\f238"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-clone:before{content:"\f24d"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-paper-o:before,.fa-hand-stop-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-television:before,.fa-tv:before{content:"\f26c"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-low-vision:before{content:"\f2a8"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
 .fa.fa-twitter{
   font-family:sans-serif;
 }
 .fa.fa-twitter::before{
   content:"𝕏";
   font-size:1.2em;
   font-weight: 600;
 }
/*--------------------------------------------------------------
 # OTHER
 --------------------------------------------------------------*/
 /******************** CLEARFIX ********************/
.clearfix:after,
.pages:after,
.container:after,
.block-category:after,
.green-maintitle:after,
#balk:after,
#header-container:after,
#header:after {
    content: "";
    display: table;
    clear: both;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/*--------------------------------------------------------------
# GRID / basis structuur
--------------------------------------------------------------*/
.header-photo-container {
    width: 100%;
    margin: 0 auto;
    background-size: cover;
}
.header-photo {
    max-height: 500px;
    overflow: hidden;
}
.header-photo img {
    width: 100%;
    height: auto;
}
.container, #header, .header-photo-text, #nav, .extratips, #filtering, #balk, .bar-container, .page-content-extra, #bottom, #footer, #footer-container-bottom > div, .footer-socials{
    width:1000px;
    margin:0 auto;
}
#header-container {
    min-width: 1000px;
}
.header-logo {
    width: 800px;
    margin: 0 auto;
}
.header-allplaces {
    float: right;
}
/* overview */
.intro-category-text {
    width: 509px;
    height: 250px;
}
.wrapper-dropdown,
.input-group {
    width: 21%;
}
.wrapper-dropdown.dd-area {
    width: 28%;
}
.block-spotlights .part {
    width: 300px;
    margin: 0 25px 0 25px;
}
/* blog + tekst */
.blog-detail-container, .text-detail-container {
    width: 732px;
}
.blog-detail, .text-detail {
    width: 650px;
}
.col3 .item {
    width: 310px;
    float: left;
    margin-left: 35px;
}
.col3.highlights .item {
    width: 300px;
    float: left;
    margin-left: 20px;
}
.col3.highlights .item-photo img {
    width: 300px;
    height: 200px;
}
.extratips .item .item-photo img {
    width: 300px;
    height: auto;
}
.extratips .item .item-photo {
    height: 194px;
    overflow: hidden;
}
.extratips .item.aanbieder .item-photo {
    height: auto;
} 
.col3.highlights.highlights230 .item-photo img {
    height: 233px;
}
.col3.extratips .item {
    width: 320px;
    margin-left: 20px;
}
.footer-col {
    float: left;
    width: 500px;
    margin-left: 0px;
}
.footer-quote-container > div {
    width: 600px;
}
.col4 .item,
.col4.highlights .item,
.col4.highlights .item img,
.col4.blog .item-photo img,
.col4.category .item-photo img,
.col4.category.tips .item-photo img,
.footer-col-4 {
    width: 235px;
}
.col4.highlights .item,
.footer-col-4 {
    float: left;
    margin-left: 20px;
}
.footer-col-4:first-child {
    margin-left: 0;
}
.col4.highlights .item img,
.col4.blog .item-photo img,
.col4.category .item-photo img,
.col4.category.tips .item-photo img {
    height: 157px;
}
/* detail */
.detail-photo {
    float: right;
    width: 233px;
}
.detail-left {
    width: 745px;
    float: left;
}
.blog-related {
    width: 743px;
}
/* margins */
@media only screen and (min-width: 1000px) {
    .overview .col4.tips .item:nth-child(5) {
        margin-left: 0;
    }
    .overview .col4.tips .item:nth-child(9) {
        margin-left: 0;
    }
    .overview .col4.tips .item:nth-child(13) {
        margin-left: 0;
    }
}
.col4 .item {
    float: left;
    margin-left: 20px;
}
.col3 .item:first-child,
.col4 .item:first-child,
.footer-col:first-child {
    margin-left: 0;
}
.col3.highlights .item:first-child {
    margin-left: 20px;
}
.col4.category .item.first,
.col4.highlights .item:first-child {
    margin-left: 0;
}
.main-carousel.col4.highlights .item:first-child {
    margin-left: 20px;
}
.col4.category.tips .item-photo img {
    margin-left: 1px;
    margin-top: 1px;
}
.col4.category.tips .item-photo img {
    margin: 0;
}
.block-category,
.blog,
.tips {
    float: left;
}
.blog,
.highlights,
.extratips {
    padding-bottom: 30px;
}
.block-category {
    margin-bottom: 20px;
}
.intro-category {
    margin-bottom: 25px;
}
@media only screen and (min-width: 1000px) {
  .detail .tips {
      margin-bottom: 5px;
  }
}
.category.blog {
    padding-bottom: 0;
}
.info-text {
    margin-top: 5px;
    margin-bottom: 30px;
}
.container {
    padding-top: 30px;
    padding-bottom: 10px;
}
.row-intro .container {
    padding-top: 15px
}
.row-intro.detail .container {
    padding-top: 25px;
}
@media only screen and (min-width: 1000px) {
  .overview .col4 .item, .related-blogs .col4 .item {
      margin-bottom: 25px;
  }
}
.share-widget li.share-widget-whatsapp,
#ctl22_telpanel,
.header-menu-icon,
.header-place {
    display: none;
}
/*--------------------------------------------------------------
# Responsive BASE
--------------------------------------------------------------*/
@media only screen and (max-width: 1000px) {
    #header,
    .header-photo-text,
    #nav,
    #filtering,
    .page-content-extra,
    #balk,
    #balk ul,
    .extratips,
    .blog-detail-container, .text-detail-container,
    .blog-detail, .text-detail,
    .blog-image,
    .text-image,
    .detail-photo,
    .detail-left,
    .block-info-text,
    .footer-socials,
    #footer-container-bottom > div,
    .footer-quote-container > div,
    #footer,
    #footer-container-bottom {
        width: 100%;
    }
    .block-spotlights {
        width: 98%;
    }
    .container {
        width: 99%;
        margin-left: 0.5%;
        margin-right: 0.5%;
    }
    .container.blog, .container.text {
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
    }
    #header-container {
        min-width: 200px;
    }
    .col3 .item,
    .col4 .item,
    #balk,
    #balk ul,
    .detail-photo,
    .pages,
    .pages-right,
    .pages-left,
    #footer-container,
    #footer-container-bottom,
    .footer-col-4,
    .header-photo-text {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .col3 .item,
    .block-spotlights .part,
    .header-allplaces,
    .header-search {
        width: 31.33%;
    }
    .col4 .item,
    .container .wrapper-dropdown,
    .input-group,
    .footer-col-4 {
        width: 23%;
    }
    .col3 .item,
    .col4 .item,
    .block-spotlights .part,
    .container .wrapper-dropdown,
    .footer-col,
    .footer-col-4 {
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 10px;
    }
    .container .input-group,
    .container .wrapper-dropdown {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    #filtering {
        padding: 0;
        background: none;
    }
    .filter-or-word {
        margin-top: 6px;
    }
    .highlights.col3 .item{
      margin-bottom: 0px;
    }
    .intro-category {
      margin-bottom: 10px;
    }
    .footer-col {
        width: 48%;
    }
    /* extra space for footer */
    #footer-container-bottom,
    #footer-container {
        padding-left: 2%;
        padding-right: 2%;
    }
    .col3 .item:first-child,
    .col4 .item:first-child,
    .footer-col-4:first-child,
    .footer-col:first-child {
        margin-left: 1%;
    }
    .intro-category-text,
    .intro-category-img {
        width: 50%;
        height: auto;
        min-height: 250px;
    }
    .intro-category-img img {
        height: 100%;
        width: auto;
    }
    .col4.blog .item-photo img,
    .col4.category .item-photo img,
    .col4.category.tips .item-photo img,
    .block-spotlights img,
    .extratips .item .item-photo img,
    .blog-container img,
    .block-info-img img {
        width: 100%;
        height: auto;
        min-height: inherit !important;
        max-width: inherit;
    }
    .blog,
    .highlights,
    .extratips,
    .detail .tips {
        padding-bottom: 10px;
    }
    .home .highlights {
        padding-bottom: 20px;
    }
    .spotlights-social h2 {
        font-size: 16px;
    }
    .spotlights-social ul.sidebar-social {
        margin-bottom: 0px;
    }
    .info-text {
        margin-bottom: 15px;
        margin-top: 0px;
    }
    #nav {
        display: none;
    }
    #nav ul {
        margin-bottom: 10px;
    }
    .header-search,
    #balk .current {
        display: none;
    }
    #balk {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #balk ul {
        padding-left: 2%;
        padding-right: 2%;
    }
    .header-logo {
        width: 260px;
        float: none;
        text-align: right;
    }
    .header-logo h1{
        margin-right: 12px !important;
        bottom: 0;
    }
    #header-container {
        padding: 8px 0 12px 0;
    }
    .header-menu-icon,
    .header-place {
        display: block;
    }
    .header-logo h1 {
        background: none;
        padding: 0;
        font-size: 21px;
        line-height: 22px;
        margin: 0;
    }
    .header-photo,
    .header-allplaces {
        display: none;
    }
    .header-photo-container {
        background-image: url(../fotos/header-img.jpg);
        background-size: cover;
        background-position: center top;
        padding-top: 200px;
        padding-bottom: 60px;
        position: relative;
    }
    .header-photo-container::before {
        left: -20px;
        bottom: 10px;
        background-size: 500px 100px;
        background-position: bottom left;
    }
    .header-photo-text {
        padding-left: 2%;
        padding-right: 2%;
        top: 55%;
    }
    .headline {
        font-size: 32px;
        max-width: 300px;
    }
    .buttons span a.button {
        font-size: 14px;
    }
    .overview .category .item-text h2,
    .popular .item-text h2,
    .tips h2 {
        height: 42px;
    }
    /* menu home mobile */
    .mobile-home-nav {
        padding-top: 10px;
    }
    .mobile-home-nav ul {
        margin: 0 auto;
        width: 100%;
        display: block;
        text-align: center;
    }
    .mobile-home-nav li {
        list-style: none;
        display: inline-block;
    }
    .blog.container .mobile-home-nav {
        padding: 0;
        margin-bottom: 15px;
    }
    .wrapper-dropdown.active .dropdown {
        z-index: 9999999;
    }
    .row-intro .container {
        padding-top: 5px;
    }
    /*
    #menu1_show_menu_panel{
        width: 0;
        height: 0;
        float: left;
    }*/
    .container {
        padding-top: 20px;
        padding-bottom: 10px;
        overflow-x: hidden;
    }
    .container.detail {
        padding-top: 10px;
        padding-bottom: 5px;
    }
    .container.text{
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .row-home .container {
        padding-bottom: 0;
    }
    .row-home .container .blog {
        padding-bottom: 5px;
    }
    .flickity-prev-next-button.previous {
        display: none;
    }
    .extratips .item .item-photo {
        width: 100%;
        height: auto;
    }
    .extratips .item .item-text {
        padding: 8px 12px;
    }
    .extratips .item .item-text h2 {
        margin: 0;
    }
    .extratips {
        display: flex;
        flex-wrap: wrap;
    }
    .col3.extratips .item {
        position: relative;
        padding: 0;
        border: 0;
        margin-top: 2px;
    }
    .col3.extratips .item-content {
        display: flex;
        flex-direction: column;
    }
    .extratips .item .item-text {
        flex: 1 0 auto;
    }
    .blog-related {
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .buttons span a.button:after {
        content: none !important;
    }
    /* blok bovenin (foto + tekst) */
    .intro-category-text,
    .intro-category-description {
        height: auto !important;
    }
    .block-category-description a.button {
        position: static !important;
        width: 100%;
    }
    .block-category {
        position: relative;
    }
    .block-category-description {
        padding: 10px 12px 12px 12px;
    }
    .block-category-description h1 {
        margin-bottom: 3px;
        line-height: 24px;
    }
    .block-category-description p {
        margin-bottom: 12px;
    }
    .tips .item {
        margin-bottom: 15px !important;
    }
    .tips {
        display: flex;
        flex-wrap: wrap;
    }
    .tip-label {
        top: 0px;
    }
    .vlaggetje {
        bottom: 166px;
    }
    .tips .vlaggetje {
        bottom: 154px;
    }
    #nav-container {
        border: 0;
    }
    h1,
    h2.green-maintitle,
    #footer-container h3,
    .footer-col p {
        font-size: 19px;
    }
    .divider-title .blog-related-text-title {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .flickity-prev-next-button.next {
        right: 8px;
    }
    .col4.blog {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .col4.blog .item-photo img,
    .col4.category .item-photo img,
    .col4.category.tips .item-photo img {
        min-height: 124px !important;
    }
    .col3.highlights .item-photo img {
        width: 100%;
        height: auto;
        min-height: 110px;
    }
    .text-body .header-photo-container {
        display: none;
    }
    .blog-detail-container,
    .text-detail-container {
        margin-top: 0;
    }
    .blog-detail,
    .text-detail {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .page-content-extra {
        padding-top: 15px;
        padding-bottom: 0;
    }
    .page-content-extra .related-blogs {
        padding-bottom: 0;
    }
    .divider-title {
      margin-bottom: 15px;
    }
    #nav,
    #nav-sub {
        display: block;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    #nav-container {
        background: #fff;
        padding-right: 5px;
        padding-left: 1%;
    }
    #nav-container li:last-child a,
    #nav-sub li:last-child a {
        margin-right: 25px;
    }
    #nav-container,
    #nav-sub-container {
        position: relative;
    }
    #nav-container:after,
    #nav-container:before {
        display: block;
        height: 126px;
        line-height: 126px;
        content: "";
        position: absolute;
        top: 0;
        z-index: 100;
        pointer-events: none;
        background-image: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
    }
    #nav-sub-container:after,
    #nav-container:after {
        content: "\f0da";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        text-align: right;
        font-size: 22px;
        background-image: linear-gradient(90deg, hsla(0, 0%, 80%, 0), rgba(255, 255, 255, 0.50));
    }
    #nav-sub-container:after {
        display: block;
        height: 46px;
        line-height: 46px;
        position: absolute;
        top: 0;
        z-index: 100;
        right: 0;
        width: 35px;
    }
    #nav-container:after {
        right: 5px;
        width: 100px;
    }
    #nav-container:before,
    #nav-sub-container:before {
        left: 0px;
        width: 10px;
    }
    #nav-sub {
        margin-right: 5px;
    }
    #nav-sub ul {
        display: flex;
        min-width: 0;
        align-items: stretch;
        justify-content: space-between;
        width: 100%;
    }
    #nav li a,
    .mobile-home-nav li a {
        width: 84px;
        height: 84px;
    }
    #nav li a i,
    .mobile-home-nav li a i {
      width: 55px;
      height: 55px;
      font-size: 55px;
      line-height: 55px;
      padding: 5px 10px 5px 10px;
    }
    #nav li a i.icon-menu-blogs,
    .mobile-home-nav li a i.icon-menu-blogs {
        padding-left: 15px;
    }
    #nav li a i.icon-menu-eropuit,
    .mobile-home-nav li a i.icon-menu-eropuit {
        width: 70px;
        font-size: 70px;
    }
    .mobile-home-nav li a {
        margin: 5px 4px 5px 4px;
    }    
    /* text pagina */
    .form-style input[type="text"],
    .text-container textarea {
        width: 95% !important;
        padding: 8px 2%;
    }
    .blog-detail .green-maintitle,
    .text-detail .green-maintitle {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .text-container textarea {
        min-height: 100px;
    }
    /* overzichtspagina */
    .block-spotlights {
        padding: 10px 0 0 0;
        margin-top: 5px;
        margin-bottom: 20px;
    }
    .part.last {
        margin-bottom: 0 !important;
    }
    .col4 .item, .related-blogs .col4 .item {
        margin-bottom: 15px;
    }
    .pages.top {
        padding: 10px 0 15px 0;
    }
    .pages ~ .pages {
        padding-bottom: 12px;
    }
    .pages ~ .pages .pages-left {
        display: none;
    }
}
/*--------------------------------------------------------------
# Responsive >600 and <1000 (Tablets)
--------------------------------------------------------------*/
@media only screen and (min-width: 750px) and (max-width: 1000px) {
    .block-category,
    .intro-category {
        display: flex;
    }
    .intro-category-img img,
    .block-category-img img,
    .detail .block-category-img img {
        object-fit: cover;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1000px) {
    .col3 .item, 
    .col3.extratips .item,
    .col3.highlights .item,
    .block-spotlights .part {
        width: 31.3%;
    }
    .col3.highlights {
        width: 100%;
        margin-left: 1%;
        overflow: hidden;
    }
    .col4 .item,
    .container .wrapper-dropdown,
    .input-group {
        width: 23% !important;
    }
    .col3 .item,
    .col4 .item,
    .container .wrapper-dropdown,
    .input-group,
    .block-spotlights,
    .block-spotlights .part,
    .green-maintitle,
    .block-category,
    .detail .block-category,
    .info-text,
    .pages-left,
    .pages-right,
    .intro-category,
    .block-info,
    .filter-output,
    #nav-sub-container {
        margin-left: 1% !important;
        margin-right: 1% !important;
    }
    /* menu home */
    .header-place {
        right: 1.5%;
    }
    .header-menu-icon {
        left: 1.5%;
    }
    /* uitgelicht */
    .intro-category-img,
    .block-category-img,
    .detail .block-category-img {
        width: 55% !important;
        height: auto !important;
        min-height: inherit;
        overflow: hidden;
    }
    .intro-category-text,
    .block-category-text {
        width: 45% !important;
        height: auto !important;
        min-height: 100%;
    }
    .intro-category-img img,
    .block-category-img img,
    .detail .block-category-img img {
        width: 100%;
        height: auto;
        min-height: 100%;
    }
    .extratips .item:last-child {
        background: none;
    }
    /* blog detail pagina */
    .headtitle {
        padding: 10px 1.5%;
    }
    .blog-detail,
    .text-detail {
        width: 97%;
        padding-left: 1.5%;
        padding-right: 1.5%;
        border: 0;
    }
    #nav-sub ul {
        margin-top: 2px;
    }
    /* footer */
    #footer-links {
        padding-bottom: 2px;
    }
    .footer-col input.n-email {
        width: 60%;
        margin-right: 2%;
    }
    .footer-col input.n-submit {
        width: 38%;
    }
    .spotlights-social {
        height: auto;
    }
    .spotlights-social h2 {
        padding: 2px 12px 0 12px;
    }
    .spotlights-social .sidebar-social li a {
        padding: 5px 0;
    }
    .input-group.date {
        width: 20% !important;
        margin-bottom: 0;
    }
    .filter-or-word {
        width: 3%;
        text-align: center;
    }
    .pages ~ .pages .pages-left {
        display: inline-block;
    }
    .detail-container {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }
    .detail-left {
        width: 68%;
        margin-right: 2%;
    }
    .detail-photo {
        width: 30%;
    }
}
/*--------------------------------------------------------------
# Responsive <750 (Mobile landscape)
--------------------------------------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 750px) {
    body {
        -webkit-text-size-adjust: none;
    }
}
@media only screen and (max-width: 750px) {
    #att {
        width: 94%;
    }
    #att {
        margin-left: 3%;
        margin-right: 3%;
    }
    .header-logo span.header-regio {
        display: block;
    }
    /* uitgelicht */
    .intro-category-text,
    .intro-category-img,
    .block-category-text,
    .block-category-img,
    .detail .block-category-img {
        width: 100% !important;
        height: auto !important;
        min-height: inherit;
    }
    .intro-category-img img,
    .block-category-img img,
    .detail .block-category-img img {
        width: 100%;
        height: auto;
    }
    /* images */
    .col4.blog .item-photo img,
    .col4.category .item-photo img,
    .col4.category.tips .item-photo img {
        min-height: 100px !important;
    }
    /* overview */
    .blog.tips .buttons span a.button:after,
    .category.tips .buttons span a.button:after {
        content: "\f0da";
    }
    .blog.tips .buttons span a.button,
    .category.tips .buttons span a.button {
       width: auto;
       padding-left: 10px;
       padding-right: 10px;
    }
    .overview .category.tips .buttons span a.button {
        padding-left: 8px;
        padding-right: 8px;
    }    
    .filter-output {
        margin-top: 5px;
    }
    .block-spotlights .part.last {
        display: none;
    }
    .block-spotlights .part {
        width: 46% !important;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .block-spotlights img {
        border-radius: 4px;
    }
    .block-category{
        margin-bottom: 15px;
    }
    /* blog */
    .blog-detail .green-maintitle {
        margin-left: 0 !important;
    }
    /* footer */
    .footer-col input.n-email {
        width: 50%;
        margin-right: 2%;
    }
    .footer-col input.n-submit {
        width: 48%;
    }
    /* detail pagina */
    .detail .green-maintitle {
        margin-left: 2% !important;
    }
    .detail-left,
    .detail-photo {
        width: 100%;
    }
    .detail-container {
        width: 96%;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .blog-related {
        width: 100%;
    }
    .detail-photo {
        float: left;
        margin: 0 0 15px 0;
    }
    .detail-photo-img {
        width: 100%;
        height: auto !important;
        margin: 0 0 15px 0;
    }
    .detail-photo-img .carousel-cell {
        width: 100%;
    }
    .detail-photo-img .carousel-cell img {
        width: 100%;
        height: auto;
    }
    .share-widget li.share-widget-whatsapp {
        display: block;
    }
    .share-widget-text {
        line-height: 40px;
    }
    .line.button a.website:after,
    .website-button a.website:after {
        height: 28px;
    }
    .line.button a.mail,
    .line.button a.button-phone {
        width: 49%;
        float: left;
    }
    .line.button a.button-phone {
        float: right;
    }
    .line.button a:nth-child(2) {
        margin-right: 2%;
    }
    .line.button a.phone {
        display: none;
    }
    #ctl22_telpanel {
        display: block;
    }
    .detail-photo .line.map {
        height: 250px;
    }
    .detail h1 span {
        display: none;
    }
}
@media only screen and (max-width: 750px) {
    .footer-col {
        width: 46%;
    }
    .footer-copyright {
        width: 96%;
    }
    .footer-col,
    .footer-copyright {
        margin-left: 2%;
        margin-right: 2%;
    }
    .footer-col:first-child {
        margin-left: 2%;
    }
}
/*--------------------------------------------------------------
# Responsive <600 (Mobile)
--------------------------------------------------------------*/
@media only screen and (max-width: 600px) {
    .col3 .item,
    .footer-col,
    .header-allplaces,
    .header-search {
        width: 46% !important;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .col3.highlights {
        width: 100%;
        margin-left: 2%;
        overflow: hidden;
    }
    .col4 .item,
    .container .wrapper-dropdown,
    .input-group,
    .footer-col-4 {
        width: 46%;
        margin-left: 2%;
        margin-right: 2%;
    }
    .footer-socials {
        justify-content: center;
        align-items: center;
    }
    .footer-col p, #footer-container h3 {
      text-align: center;
    }
    .wrapper-dropdown.dd-age {
        width: 35%;
    }
    .wrapper-dropdown.dd-area {
        width: 56%;
    }
    .col3 .item:first-child,
    .col4 .item:first-child,
    .footer-col:first-child,
    .footer-col-4:first-child,
    .col4.category .item.first {
        margin-left: 2% !important;
    }
    .block-spotlights,
    .green-maintitle,
    .block-category,
    .detail .block-category,
    .info-text,
    .pages-left,
    .pages-right,
    .block-info,
    .filter-output,
    #nav-sub-container {
        margin-left: 2%;
        margin-right: 2%;
    }
    .header-photo-container::before {
        background-position: bottom right;
    }
    /* menu home */
    .header-place {
        right: 2%;
    }
    .header-menu-icon {
        left: 2%;
    }
    #nav-container {
        padding-left: 2%;
    }
    /* home */
    .green-maintitle{
        text-align: left;
    }
    .green-maintitle span a{
        bottom: 1px;
    }
    /* uitgelicht */
    .intro-category-text,
    .intro-category-img,
    .block-category-text,
    .block-category-img,
    .detail .block-category-img {
        width: 100% !important;
        height: auto !important;
        min-height: inherit;
    }
    .intro-category-img img,
    .block-category-img img,
    .detail .block-category-img img {
        width: 100%;
        height: auto;
    }
    .highlights .item-text h2 {
        height: 44px;
        overflow: hidden;
    }
    .block-category-img:before,
    .intro-category-img:before {
        left: -100px;
    }
    /* blog detail pagina */
    .headtitle {
        padding: 10px 2%;
    }
    .blog-detail,
    .text-detail {
        width: 96%;
        padding-left: 2%;
        padding-right: 2%;
        border: 0;
    }
    .text-detail {
        padding-top: 0;
    }
    .text h1.green-maintitle {
        padding-top: 15px;
        margin-bottom: 3px;
    }
    .text h1.green-maintitle span {
        display: none;
    }
    /* overview */
    .input-group.date {
        width: 40% !important;
        margin-bottom: 0;
    }
    .filter-or-word {
        width: 5%;
        text-align: center;
    }
    .container .input-group, .container .wrapper-dropdown {
        margin-bottom: 5px;
        margin-top: 5px;
    }
    .pages a, .pages span {
        margin-left: 0;
        margin-right: 6px;
    }
    .tips .item:after,
    .popular .item:after{
      width: 26px;
      height: 26px; 
      top: -9px;
    }
    /* footer */
    #footer-container,
    #footer-container-bottom {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .footer-description:last-child {
        margin-bottom: 10px;
    }
    .footer-col,
    .part.last,
    .intro-category {
        width: 96% !important;
        margin: 0 2% 8px 2% !important;
    }
    .footer-col.large {
        padding-bottom: 15px;
    }
    .footer-logo {
        margin: 0 auto;
    }
    .footer-socials h3 {
        text-align: center;
    }
    #footer-links ul {
        margin-bottom: 5px;
    }
}
@media only screen and (max-width: 450px) {
    .extratips .item .item-text h2 {
    height: 60px;
}
}
/*--------------------------------------------------------------
# Flexbox
--------------------------------------------------------------*/
@media only screen and (max-width: 1000px) {
    .grid.col4.category {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}
/*--------------------------------------------------------------
# Responsive >600 (tablet en regulier)
--------------------------------------------------------------*/
@media only screen and (max-width: 600px) {
    .extratips .item:nth-child(3) {
        display: none;
    }
}
/*--------------------------------------------------------------
# Responsive >1000 (regulier)
--------------------------------------------------------------*/
@media only screen and (min-width: 1000px) {
    .mobile-home-nav {
        display: none;
    }
    .block-info {
        min-height: 650px;
    }
}

@media only screen and (min-width: 1000px) {
    .extratips .item .item-text h2 {
        padding-right: 10px;
    }
}

/* toegevoegd door robert */  
#fanback {
    display: none;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}
#fan-exit {
    width: 100%;
    height: 100%;
}
#FBCSS {
    background: #fff;
    width: 439px;
    height: 270px;
    position: absolute;
    top: 58%;
    left: 63%;
    margin: -220px 0 0 -375px;
    -webkit-box-shadow: inset 0 0 50px 0 #939393;
    -moz-box-shadow: inset 0 0 50px 0 #939393;
    box-shadow: inset 0 0 50px 0 #939393;
    margin: -220px 0 0 -375px;
}
#TheBlogWidgets {
    float: right;
    cursor: pointer;
    background: url(../App_image/fanclose.png) repeat;
    height: 15px;
    padding: 20px;
    position: relative;
    padding-right: 40px;
    margin-top: -20px;
    margin-right: -22px;
}
.remove-borda {
    height: 1px;
    width: 366px;
    margin: 0 auto;
    background: #f3f3f3;
    margin-top: 16px;
    position: relative;
    margin-left: 20px;
}
#linkit,
#linkit a.visited,
#linkit a,
#linkit a:hover {
    color: #80808b;
    font-size: 10px;
    margin: 0 auto 5px auto;
    float: center;
}
.tips.main-carousel {
    float: none;
}
.col4.tips.main-carousel .item {
    margin-top: 15px;
}
.col4.tips.main-carousel .item:first-child {
    margin-left: 20px;
}
.col4.tips.main-carousel .flickity-prev-next-button:disabled {
    opacity: 0;
    cursor: auto;
}
.lazy-hidden {
    opacity: 0;
}
.lazy-loaded {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 1;
}
.banPlaceholderRight {
    position: fixed;
    margin-left: 1000px;
    padding-left: 30px;
}
.banPlaceholderRightBlog {
    position: fixed;
    margin-left: 850px;
    padding-left: 30px;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVW2ZhZI2eCN5jzbjEETS9weq8-19ehAyvMum7nfDB64cYN1XBpLPaPz7se4aUQ.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVW2ZhZI2eCN5jzbjEETS9weq8-19ehAyvMum7nfDB64cYN1X5pLPaPz7se4Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVspcBA5XxjLdSL17o24Q.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVspcBO5XxjLdSL17o.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}