header.navbar { padding: 0; height: 135px; align-items: flex-start; }
header.navbar .container { position: relative; height: auto; margin: 0 auto; }
header.navbar .navbar-brand { padding-top: 20px; }
header.navbar .navbar-brand span { display: block; font-size: 0.8em; letter-spacing: 0.02rem; text-align: right; padding-top: 5px; color: #717b80; font-family: "Interstate", sans-serif; font-weight: 400; }

/* =====responsive===== */
@media (max-width: 767px) { body header.navbar { height: 100px; align-items: center; }
  body header.navbar .container { width: 100%; max-width: none; margin: 0; }
  body header.navbar .navbar-brand { max-width: 75%; padding: 10px; margin: 0; }
  body header.navbar .navbar-brand img, body header.navbar .navbar-brand span { width: 100%; }
  body header.navbar .navbar-brand span { white-space: normal; text-align: left; margin-top: 5px; padding: 0; }
  body header.navbar .navbar-toggler { margin: 0 15px; padding: .25rem .5rem; border-color: #00a77e; border: none; background-color: #00669e; border-radius: 4px; }
  body header.navbar .navbar-toggler span { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
  body header.navbar .navbar-collapse .metamenu { display: none !important; }
  body header.navbar .navbar-collapse .mainmenu { top: 10px; left: 0; border-radius: 0; width: 100%; position: relative; bottom: auto; } }
@media (max-width: 575px) { body header.navbar .navbar-brand { max-width: 75%; padding: 10px; margin: 0; }
  body header.navbar .navbar-brand img, body header.navbar .navbar-brand span { width: 100%; }
  body header.navbar .navbar-brand span { text-align: left; font-size: 0.7em; line-height: 1.2em; } }
body { background-color: #f1f2f2; color: #444a4d; /*  background:$grijs70 url('/media/img/bodybg-concrete1.jpg') repeat-y center top; 
background-size: contain; misschien toch iets te heftig..*/ }

.boxed { max-width: 1600px; margin: 0 auto; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); background-color: white; }

main { margin-bottom: 4em; }

/* =====responsive===== */
@media (max-width: 991px) { body .container { max-width: 100%; } }
footer { background-color: #dbdedf; clear: both; }
footer .container .text-center { display: inline-flex; justify-content: center; align-items: center; }
footer .container .footmenu { list-style: none; padding: 0; display: inline-flex; }
footer .container .footmenu li a { color: #444a4d; }
footer .container .footmenu .addthis_toolbox { margin-top: 8px; margin-left: 15px; }
footer .container .footmenu .addthis_toolbox i { font-size: 1.5em; margin-right: 8px; }
footer .container .logos { height: 140px; background-color: rgba(255, 255, 255, 0.5); display: flex; justify-content: center; align-items: center; }
footer .container .logos img { margin: 15px; }

/* =====responsive===== */
@media (max-width: 767px) { footer .container .footmenu { margin-bottom: 0; } }
@media (max-width: 575px) { footer .container .logos { height: auto; flex-wrap: wrap; flex-direction: column; padding: 15px; }
  footer .container .logos img { margin: 15px auto; align-self: flex-start; }
  footer .container .logos a { width: 50%; } }
h1 { text-align: center; /* text-transform: uppercase; */ margin: 1.5rem 0; font-size: 2.4rem; }

h2 { font-family: "Interstate", sans-serif; font-size: 1.4rem; color: black; margin: 1rem 0 0.5rem; font-weight: 500; }

a { color: #00a77e; }
a:hover { text-decoration: none; }

a:hover { color: #33b998; }

/* =====responsive===== */
@media (max-width: 575px) { body h1, body .headline { font-size: 1.8rem !important; margin: 1.5rem 0; } }
.mainmenu.navbar-nav { background-color: #00669e; position: absolute; bottom: -75px; padding: 0.3em; left: 15px; z-index: 10000; border-radius: 4px; }
.mainmenu.navbar-nav a.nav-link { color: white; padding-right: 0.9rem; padding-left: 0.9rem; font-family: "Interstate", serif; font-weight: 400; letter-spacing: 0.03rem; }
.mainmenu.navbar-nav .active a { color: #75cfeb !important; }
.mainmenu.navbar-nav a.nav-link:hover { color: #b1e3f3 !important; }

.metamenu { background-color: #bfc3c6; margin-top: -20px; padding: 10px; border-radius: 0 0 4px 4px; }
.metamenu a { color: white; display: inline-block; padding-right: 20px; margin-left: 20px; }

/* @font-face { font-family: 'Interstate-Regular'; src: url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-Regular.eot'); src: url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-Regular.eot?#iefix') format('embedded-opentype'), url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-Regular.woff2') format('woff2'), url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-Regular.woff') format('woff'), url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-Regular.ttf') format('truetype'), url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-Regular.svg#Interstate-Regular') format('svg'); font-weight: normal; font-style: normal;
}

@font-face { font-family: 'Interstate-Light'; src: url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-Light.eot'); src: url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-Light.eot?#iefix') format('embedded-opentype'), url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-Light.woff2') format('woff2'), url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-Light.woff') format('woff'), url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-Light.ttf') format('truetype'), url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-Light.svg#Interstate-Light') format('svg'); font-weight: normal; font-style: normal;
}

@font-face { font-family: 'Interstate-Bold'; src: url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-Bold.eot'); src: url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-Bold.eot?#iefix') format('embedded-opentype'), url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-Bold.woff2') format('woff2'), url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-Bold.woff') format('woff'), url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-Bold.ttf') format('truetype'), url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-Bold.svg#Interstate-Bold') format('svg'); font-weight: normal; font-style: normal;
}

@font-face { font-family: 'Interstate-BoldCondensed'; src: url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-BoldCondensed.eot'); src: url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-BoldCondensed.eot?#iefix') format('embedded-opentype'), url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-BoldCondensed.woff2') format('woff2'), url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-BoldCondensed.woff') format('woff'), url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-BoldCondensed.ttf') format('truetype'), url('//cf.e-vision.nl/vbn/fonts/interstate/Interstate-BoldCondensed.svg#Interstate-BoldCondensed') format('svg'); font-weight: normal; font-style: normal;
} */
/* body, .interstatereg		{font-family: "Interstate-Regular", serif;} 
.interstatebold		{font-family: "Interstate-Bold", serif;} 
.interstatelight		{font-family: "Interstate-Light", serif;} 
.interstateboldc	{font-family: "Interstate-BoldCondensed", serif;} */
/* ----------juni 2020 - #50393 en #51328 INTERSTATE omgezet naar typekit (Adobefonts) account van VBN */
.interstatelight { font-family: "Interstate", sans-serif; font-weight: 400; }

.interstatereg, body { font-family: "Interstate", sans-serif; font-weight: 500; }

.interstateitalic { font-family: "Interstate", sans-serif; font-weight: 500; font-style: italic; }

.interstatebold { font-family: "Interstate", sans-serif; font-weight: 700; }

.interstateboldc { font-family: "interstate-condensed", sans-serif; font-weight: 700; font-style: normal; }

/* forms */
form fieldset:only-of-type legend { display: none; }

.btn { border-radius: 0; text-transform: uppercase; font-weight: 500; }
.btn.btn-primary { background-color: #ed1941; border-color: #ed1941; }
.btn.btn-primary:hover { background-color: #e87b1e; border-color: #e87b1e; }
.btn.btn-kader { color: white; border-color: white; background-color: transparent; }

.form-horizontal { width: 60%; margin: 0 auto; }

#blok10880 { display: none; }

.privacylink { padding: 5px; margin: 30px auto 0; }
.privacylink #persgegevens { margin: 10px 0; }
.privacylink p { margin: 0; }

.formmod--form6 .control-label { display: none; }

.pretty .state label { font-weight: 500 !important; }

/* =====responsive===== */
@media (max-width: 991px) { .form-horizontal { width: 100%; } }
.well { padding: 40px 100px; margin: 0 50px 40px; background-color: rgba(219, 222, 223, 0.3); }
.well--krap { padding: 15px; margin: 0; }
@media (max-width: 991px) { .well { padding: 40px 60px; } }
@media (max-width: 767px) { .well { padding: 30px 40px; } }
@media (max-width: 575px) { .well { padding: 20px; margin: 0 15px 30px; } }

.hero { min-height: 700px; }
.hero__inner { position: relative; }
.hero__tekst { background-color: rgba(255, 255, 255, 0.7); color: #444a4d; position: absolute; top: 70px; left: -40px; width: 40%; padding: 20px 30px 10px; }
.hero__tekst p { margin: 0; }
.hero__cta { position: absolute; top: 390px; right: 230px; background-color: #ed1941; border: 3px solid white !important; font-size: 1.4rem; font-family: "Interstate", sans-serif; font-weight: 400; letter-spacing: 0.03rem; border-radius: 3px; }

/* =====responsive===== */
@media (max-width: 1199px) { body .hero { min-height: 600px; }
  body .hero .hero__inner .hero__tekst { left: -20px; width: 50%; }
  body .hero .hero__inner .hero__cta { top: 330px; right: 200px; } }
@media (max-width: 991px) { body .hero { min-height: 500px; }
  body .hero .hero__inner .hero__tekst { left: -20px; width: 60%; }
  body .hero .hero__inner .hero__cta { top: 270px; right: 120px; } }
@media (max-width: 767px) { body .hero { min-height: 400px; }
  body .hero .hero__inner { max-width: 100%; }
  body .hero .hero__inner .hero__tekst { left: 0; top: 30px; width: 70%; }
  body .hero .hero__inner .hero__tekst h2 { font-size: 1.4rem; }
  body .hero .hero__inner .hero__cta { top: 210px; right: 80px; } }
@media (max-width: 575px) { body .hero { min-height: 300px; }
  body .hero .hero__inner .hero__tekst { top: 0px; width: 100%; padding: 15px; }
  body .hero .hero__inner .hero__cta { top: 170px; right: 30px; } }
.fotoblok { padding-top: 2em; padding-bottom: 2em; }
.fotoblok__achtergrond { min-height: 500px; position: relative; }
.fotoblok__tekst { background-color: rgba(232, 123, 30, 0.9); color: white; position: absolute; top: 40px; left: -40px; width: 45%; padding: 40px; }
.fotoblok__tekst h2 { color: white; }
.fotoblok .btn-link { color: white; border-top: 1px solid white; text-transform: none; padding: 0.2rem 0 0.2rem 0.4rem; }

/* =====responsive===== */
@media (max-width: 991px) { body .fotoblok .fotoblok__tekst { width: 60%; }
  body .fotoblok .fotoblok__achtergrond { min-height: 400px; } }
@media (max-width: 767px) { body .fotoblok .fotoblok__tekst { left: -40px; width: 70%; }
  body .fotoblok .fotoblok__achtergrond { min-height: 400px; } }
@media (max-width: 575px) { body .fotoblok .fotoblok__tekst { left: 5%; top: 100px; width: 90%; position: relative; padding: 20px 20px 40px; }
  body .fotoblok .fotoblok__tekst h2 { margin: 0.5rem 0; }
  body .fotoblok .fotoblok__achtergrond { min-height: 300px; } }
.bloklink { display: inline-block; width: 100%; height: 100%; color: inherit; overflow: hidden; }
.bloklink__imgblok { overflow: hidden; margin-bottom: 1em; }
.bloklink__imgblok img { display: inline-block; transition: all 0.4s linear; border-radius: 0 !important; }
.bloklink:hover { color: inherit; }
.bloklink:hover img { transform: scale(1.05); }
@media (max-width: 767px) { .bloklink:hover img { transform: none; } }

.modblokken { padding-top: 2em; padding-bottom: 2em; }
.modblokken--achtergrond { background-color: #dbdedf; }
.modblokken__titel { text-align: center; font-size: 2.4rem; }
.modblokken__meerlink { text-align: right; padding: 0; margin-bottom: 0; }
.modblokken__meerlink a { color: #e87b1e; border-top: 1px solid #e87b1e; text-transform: none; padding: 0.2rem 0 0.2rem 0.4rem; }
.modblokken__meerlink a:hover { color: #ed1941; }
@media (max-width: 767px) { .modblokken { padding: 0.8rem 0; } }

.modfoto { min-height: 200px; position: relative; margin-bottom: 20px; /* =====responsive===== */ }
.modfoto__label { background-color: rgba(0, 167, 126, 0.8); position: absolute; bottom: 4px; left: 14px; right: 14px; font-family: "Interstate", sans-serif; text-align: center; color: white; font-size: 1.3em; font-weight: 400; padding: 12px 5px; }
.modfoto--licht .modfoto__label { background-color: rgba(255, 255, 255, 0.8); color: #444a4d; }
@media (max-width: 991px) { .modfoto__label { bottom: 30px; } }
@media (max-width: 767px) { .modfoto { min-height: 100px; }
  .modfoto__label { font-size: 1.2em; position: relative; margin-top: -60px; width: 90%; bottom: 0; left: 5%; }
  .modfoto--licht .modfoto__label { background-color: rgba(0, 167, 126, 0.8); color: white; } }
@media (max-width: 575px) { .modfoto__label { top: 40%; bottom: auto; } }

.modteaser { background-color: white; padding: 10px; margin-bottom: 20px; height: 450px; }
.modteaser__beeld { margin-bottom: 10px; }
.modteaser__header { font-size: 1.2em; }
.modteaser__intro { font-size: 1rem; }
.modteaser__imgwrapper { width: 330px; max-height: 290px; margin-bottom: 10px; overflow: hidden; }
@media (max-width: 1199px) { .modteaser { height: 420px; }
  .modteaser__imgwrapper { width: auto; max-height: none; } }
@media (max-width: 767px) { .modteaser { height: auto; } }

.kaart { border: 1px solid #dbdedf; border-width: 1px 0; font-family: "Interstate", sans-serif !important; font-weight: 500; }
.kaart__canvas { width: 100%; height: 500px; }
.kaart .gm-style-iw { text-align: center; font-family: "Interstate", sans-serif !important; font-weight: 500; }
.kaart .gm-style-iw strong { font-weight: 700; margin-bottom: 10px; }
.kaart .gm-style-iw a { color: #e87b1e; border-top: 1px solid #e87b1e; }
.kaart .gm-style-iw a:hover { color: #ed1941; }
.kaart .gm-style-iw p { margin-bottom: 10px; }

.locatiepin { max-width: 300px; }

.modfilter { background-color: rgba(219, 222, 223, 0.7); padding: 15px 10px; margin-bottom: 3em; display: flex; justify-content: center; }
.modfilter__check { margin: 0 10px; }
.modfilter__btn { margin: 0 20px; }
.modfilter .pretty { margin: 10px 10px 10px 30px; line-height: 1.1; }
.modfilter .pretty .state label::after, .modfilter .pretty .state label::before { border-color: rgba(155, 162, 166, 0.5); background-color: rgba(255, 255, 255, 0.2); font-size: 17px; }
.modfilter .pretty.p-image .state img { width: 22px; height: 21px; transform: none; top: -5px; left: 1px; }

/* =====responsive===== */
@media (max-width: 575px) { body .modfilter { flex-direction: column; }
  body .modfilter .modfilter__btn { margin: 10px 20px; } }
.modcard { height: 400px; margin-bottom: 30px; border-radius: 0; border-color: #dbdedf; }
.modcard__title { font-size: 1.2em; background-color: rgba(0, 167, 126, 0.8); color: white; padding: 15px; margin-top: -90px; height: 90px; z-index: 10; position: relative; }
.modcard__meerlink { text-align: right; position: absolute; bottom: 0; right: 20px; color: #e87b1e; border-top: 1px solid #e87b1e; padding: 0.2rem 0 0.2rem 0.4rem; }
.modcard:hover .modcard__meerlink { color: red; border-color: red; }
@media (max-width: 1199px) { .modcard { height: 460px; } }
@media (max-width: 991px) { .modcard { height: 450px; } }
@media (max-width: 767px) { .modcard { height: auto; }
  .modcard__meerlink { position: relative; margin-bottom: 0; } }

.mod img { border: 1px solid #eaebec; /* background-color: rgba($grijs70, 0.4); */ background: linear-gradient(rgba(241, 242, 242, 0), rgba(241, 242, 242, 0.9)); }
.mod__intro { padding: 0 180px; text-align: center; margin-bottom: 2em; font-size: 1.1em; }
.mod__omschr { background-color: #eaebec; padding: 40px; }
.mod__omschr h2 { font-size: 1.4rem; }
.mod__specs { background-color: #00a77e; color: white; padding: 40px; }
.mod__specs h2 { color: white; font-size: 1.4rem; font-weight: 400; }
.mod__specs a { color: inherit; }
.mod__specs a:hover { color: #ccede5; }
.mod__specs .sep { width: 40%; height: 1px; background-color: rgba(255, 255, 255, 0.3); margin-bottom: 1em; }
.mod__specs .relevant { padding-left: 22px; }
.mod__specs .relevant li { list-style-image: url("../img/vink-wit.png"); }

/* =====responsive===== */
@media (max-width: 1199px) { body .mod .mod__intro { padding: 10px 40px; }
  body .mod .mod__specs { padding: 20px; } }
@media (max-width: 991px) { body .mod .mod__intro { padding: 10px 40px; } }
@media (max-width: 575px) { body .mod .mod__intro { padding: 0; }
  body .mod .mod__omschr { padding: 20px; } }
.pagination { margin: 0 auto; }
.pagination .page-item .page-link { border-radius: 0 !important; color: #33b998; }
.pagination .page-item.active .page-link { background-color: #33b998; color: white; border-color: #33b998; }

.adviesstart { /* =====responsive===== */ }
.adviesstart__dev { padding: 10px 150px; text-align: center; }
.adviesstart__kiescat { background-color: #00a77e; color: white; padding: 40px; height: 100%; }
.adviesstart__kiescat h2 { color: white; margin-bottom: 1rem; font-size: 1.4rem; }
.adviesstart__kiescat .pretty { margin: 17px 10px 17px 30px; line-height: 1.1; }
.adviesstart__kiescat .pretty .state label { font-weight: 500; }
.adviesstart__kiescat .pretty .state label::after, .adviesstart__kiescat .pretty .state label::before { border-color: white; background-color: rgba(255, 255, 255, 0.1); font-size: 17px; }
.adviesstart__kiescat .pretty.p-image .state img { width: 22px; height: 21px; transform: none; top: -4px; left: 1px; }
.adviesstart__intro { background-color: #eaebec; padding: 40px 60px; }
.adviesstart__geenkeuzegemaakt { display: none; text-align: center; margin: 10px 0 -10px; }
.adviesstart__geenkeuzegemaakt span { bborder: 1px solid #f3bd8e; font-style: italic; color: #ed1941; padding: 5px 10px; }
@media (max-width: 1199px) { .adviesstart__dev { padding: 10px 100px; } }
@media (max-width: 991px) { .adviesstart__dev { padding: 10px 40px; } }
@media (max-width: 575px) { .adviesstart__kiescat { padding: 20px; }
  .adviesstart__dev { padding: 10px 0; text-align: left; }
  .adviesstart__intro { padding: 20px; } }

.vraagblok { position: relative; margin-top: 4rem; }
.vraagblok__overlay { position: absolute; top: 20px; left: -40px; width: 400px; }
.vraagblok .vraag { background-color: rgba(232, 123, 30, 0.9); color: white; padding: 20px 30px; position: relative; z-index: 20; overflow: visible; }
.vraagblok .vraag h2 { color: white; font-size: 1.8rem; }
.vraagblok .vraag h3 { font-size: 1.3rem; }
.vraagblok .vraag hr { border-color: white; }
.vraagblok .vraag .btn.btn-kader:hover { background-color: rgba(255, 255, 255, 0.4); }
.vraagblok .vraag__cat { /* width: 90px; height: 90px; */ width: auto; bborder: solid 2px #ffffff; border-right: none; color: #444a4d; background-color: rgba(250, 229, 210, 0.7); /* border-radius: 100%; */ border-radius: 0; text-align: center; /* padding-top: 33px;  */ padding: 0 10px; line-height: 2.2rem; font-style: italic; letter-spacing: 0.02rem; position: absolute; right: 0px; bottom: 20px; z-index: -10; }
.vraagblok .reldieren { background-color: #eaebec; padding: 20px 10px 10px; position: relative; z-index: 10; }

/* =====responsive===== */
@media (max-width: 991px) { body .vraagblok.hasbg { min-height: 300px !important; height: auto !important; }
  body .vraagblok .vraagblok__overlay { width: 50%; left: 5%; top: -30px; position: relative; } }
@media (max-width: 767px) { body .vraagblok.hasbg { min-height: 300px !important; height: auto !important; }
  body .vraagblok .vraagblok__overlay { width: 80%; left: 10%; } }
@media (max-width: 575px) { body .vraagblok__overlay { width: 90%; left: 5%; }
  body .vraagblok__overlay .vraag { padding: 20px; } }
body#pag2128 .block-content { padding: 10px 150px; margin-bottom: 20px; text-align: center; }
body#pag2128 .card-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
body#pag2128 .help-block { padding-top: 10px; }

.advies h2 { font-size: 1.4rem; color: #005380; }
.advies h3 { font-size: 1.2rem; padding-top: 15px; border-top: 1px solid #bfc3c6; }
.advies.bg-light { background-color: rgba(204, 237, 229, 0.3) !important; }

/* =====responsive===== */
@media (max-width: 1199px) { body#pag2128 .block-content { padding: 10px 100px; } }
@media (max-width: 991px) { body#pag2128 .block-content { padding: 10px 40px; } }
@media (max-width: 767px) { body#pag2128 .card-columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } }
@media (max-width: 575px) { body#pag2128 .block-content { padding: 10px 0; text-align: left; } }
.imgmid { margin: 10px auto 10px auto; }
.imgmid img { width: 100%; }

.imglinks { float: left; margin: 0 10px 10px 0; }

.imgrechts { float: right; margin: 0 0 10px 10px; }

.imgcenter { text-align: center; }

.imgcontainer { position: relative; display: block; }
.imgcontainer em { position: absolute; bottom: 0; left: 0; right: 0; padding: 3px 5px; font-size: 0.9em; background-color: rgba(255, 255, 255, 0.7); }

.hasbg { background-repeat: no-repeat; background-position: center center; background-size: cover; max-width: 100%; }

.img-fluid { width: 100%; }

.esiteimg { max-width: 100%; }

/* in bootstrap 4 is dit allemaal .embed-responsive geworden, onderstaande uitfaseren 
https://getbootstrap.com/docs/4.0/utilities/embed/#about

.video-container, .map-container 
	{border: medium none; height: 0; margin: 0 0 15px; overflow: hidden; 
	padding-bottom: 51%; padding-top: 30px; position: relative;}

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

*/
/* uitlijning elementen */
.mb0 { margin-bottom: 0px; }

.mb10 { margin-bottom: 10px; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.mt0 { margin-top: 0px; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mt50 { margin-top: 50px; }

/* kolommen zonder tussenruimte */
.row.no-gutter { margin-left: 0; margin-right: 0; }

.row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) { padding-right: 0; padding-left: 0; }

a.overlay { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 100; }

a.overlay span { display: none; }

.headline { position: relative; margin-bottom: 2.2rem; letter-spacing: 0.02rem; text-align: center; font-family: "Interstate", sans-serif; color: #00669e; font-size: 2.4rem; font-weight: 500; }
.headline::after { content: ''; position: absolute; left: 35%; right: 35%; display: inline-block; height: 1em; border-bottom: 1px solid silver; margin-top: 10px; }