/*/KLEUREN/*/
/*/lichtblauw:#CFEAFF/*/
/*/middenblauw:#24A1FF/*/
/*/donkerblauw:#003E86/*/
/*/rood:#C00020/*/
/*/okergeel:#FFA900/*/
/*///*/
h1,.h1,h2,.h2,h3,.h3 {font-weight: 700;text-wrap:balance;}
.tekstblokje h3,.tekstblokje .h3,.tekstblokje h4,.tekstblokje .h4,.tekstblokje h5,.tekstblokje .h5 {color: #222!important;}
.gebalanceerd {text-wrap:balance;}
button:focus,
a:active,
a:focus {box-shadow:none!important;}
.actionMenu ul.dnn_mact li.actionMenuEdit ul li:not(:first-child) {display: none;}
.role-host .actionMenu ul.dnn_mact li.actionMenuEdit ul li:not(:first-child) {display: block;}

.blauwgeelhouder {display: block;position: absolute; width: 250px;height: 230px; right:0;overflow-x: hidden;}
.blauwbanner {
	position: absolute;
	width: 500px;height: 200px;top: -110px;
	z-index: 2;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 580.749 208.366'%3e%3cpath fill='%23003e86' transform='translate(-9.586 208.366) rotate(-90)' d='M189,12.739C139.417,1.3,47.012,23.139,25.154,43.941S-2.034,102.184.631,193.71,12.715,458.927,16.269,508.85s10.38,69.3,25.234,78.005c17.621,10.33,117.541-4.787,133.988-13.521,9.735-5.17,14.216-21.841,17.593-84.246s15.3-310.979,15.282-400.425c-.009-47.888-4.982-72.6-19.37-75.925'/%3e%3c/svg%3e");background-repeat: no-repeat;
	background-position-x: left;background-position-y: calc(100%);
	background-size:cover
}
.blauwbanner .h4{font-size: 1rem!important;}
.geelbanner {
	position: absolute;
	cursor: pointer;
	transition:all .3s;
	width: 500px;height: 150px;left: 70px;top: -40px;
	z-index: 1;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 580.749 208.366'%3e%3cpath fill='%23ffa900' transform='translate(-9.586 208.366) rotate(-90)' d='M189,12.739C139.417,1.3,47.012,23.139,25.154,43.941S-2.034,102.184.631,193.71,12.715,458.927,16.269,508.85s10.38,69.3,25.234,78.005c17.621,10.33,117.541-4.787,133.988-13.521,9.735-5.17,14.216-21.841,17.593-84.246s15.3-310.979,15.282-400.425c-.009-47.888-4.982-72.6-19.37-75.925'/%3e%3c/svg%3e");background-repeat: no-repeat;
	background-position-x: left;background-position-y: calc(100%);
	background-size:cover
}
.geelbanner svg.mannetjeingeel {width:30px}
.geelbanner .h4{font-size: 1rem!important;}
.geelbanner.klikfocus {
	top: 30px;
    -webkit-animation: bounce 1s;
    -webkit-animation-iteration-count: 1;
}
@-webkit-keyframes bounce {
    0% {-webkit-transform: translateY(0);transform: translateY(0);}
	20% {-webkit-transform: translateY(0);transform: translateY(0);}
    40% {-webkit-transform: translateY(-20px);transform: translateY(-20px);}
	50% {-webkit-transform: translateY(0);transform: translateY(0);}
    60% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
	65% {-webkit-transform: translateY(0);transform: translateY(0);}
	70% {-webkit-transform: translateY(-5px);transform: translateY(-5px);}
	75% {-webkit-transform: translateY(0);transform: translateY(0);}
	100% {-webkit-transform: translateY(0);transform: translateY(0);}
}
@media (min-width: 576px) {
	.blauwbanner {}
}
@media (min-width: 768px) {
	.blauwbanner .h4{font-size: 1.5625rem!important;}
    .blauwbanner {width: 500px;height: 200px;top: -70px;}
	.geelbanner {top: 0px;}	
	.geelbanner.klikfocus {top: 70px;}
}
@media (min-width: 992px) {
    .blauwgeelhouder {display: block;}
}
@media (min-width: 1200px) {
    .blauwgeelhouder {width: 250px;height: 300px;}
}
@media (min-width: 1340px) {
    .blauwgeelhouder {width: 300px;height: 300px;}
	.geelbanner svg.mannetjeingeel {width:50px}
	.geelbanner .h4{font-size: 1.5625rem!important;}
}
@media (min-width: 1920px) {
    .blauwgeelhouder {width: 400px;height: 300px;}
}
@media (min-width: 2200px) {
    .blauwgeelhouder {width: 500px;height: 300px;}
}

.blauwgeelhouder a {color: #fff!important; text-decoration: none!important;}
.blauwgeelhouder a:hover {color: #fff!important; text-decoration: underline!important;text-underline-offset: 3px!important;text-decoration-thickness: from-font!important;}

#to-shine-page-navigation .navbar-toggler:active .navbar-toggler-icon,
#to-shine-page-navigation .navbar-toggler:hover .navbar-toggler-icon,
#to-shine-page-navigation .navbar-toggler:focus .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  stroke: #000000;
}

#to-shine-page-navigation {
  position: relative!important;
  top: 0;
  z-index: 801;
}
#to-shine-page-navigation::after {
	position: absolute;
	content: "";
	width: calc(100%);
	height: 50px;
	bottom: -49px;
	left: 0;
	right: 0;
	z-index: 3;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1611 125.67'%3e%3cpath fill='%23fff' stroke='0' d='m1614-1.5v124.03c-83.17,4.14-203.03-12.79-379.2-24.2-180.81-11.71-966.16,2.33-1237.15-20.56V-1.5h1616.35Z'/%3e%3c/svg%3e");background-repeat: no-repeat;
	background-position-x: center;background-position-y: calc(100%);
	background-size:cover
}
.role-admin.dnnEditState #to-shine-page-navigation::after {display: none!important;}

.bg-lichtblauw {background-color: #CFEAFF;}
.bg-middenblauw {background-color: #24A1FF;}
.bg-donkerblauw {background-color: #003E86;}
.bg-rood {background-color: #C00020;}
.bg-okergeel {background-color: #FFA900;}
/*video.hero-home,
img.hero-home {width: 100%;}*/


/*.mask-boven-intro-home {
	-webkit-mask-image: url(../img/bg/mask-video-home.svg);
	-webkit-mask-size: cover;
	mask-image: url(../img/bg/mask-video-home.svg);
	mask-size: 100%, auto, cover;
	mask-repeat: no-repeat;
}*/
.mask-boven-intro-home {height: 500px;overflow: hidden;}
video.hero-home {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (min-width: 768px) {
	.mask-boven-intro-home {
		height: auto;overflow:auto;
		-webkit-mask-image: url(../img/bg/mask-video-home.svg);
		-webkit-mask-size: cover;
		mask-image: url(../img/bg/mask-video-home.svg);
		mask-size: 100%, auto, cover;
		mask-repeat: no-repeat;
	}
	video.hero-home {
		position: relative;
		top:auto;
		left:auto;
		width: 100%;
		max-width: 100%;
		height:auto;
		object-fit:contain;
	}
}



.bg-cta-rood {
    position: absolute;
    width: 285px;
    height: 150px;
    bottom: -20px;
    left:-85px;
	background-image: url(../img/bg/blob-rood2.svg);
	background-size: 100%, auto, cover;
	background-repeat: no-repeat;
    background-position: top;
    display: flex;
    justify-content: right;
    transition: all .5s ease-in-out;
}
.bg-cta-rood a{
    flex: 0 0 auto;
}
@media (min-width: 576px) {
    .bg-cta-rood {bottom: 10px;left:-75px;}
}
@media (min-width: 768px) {
    .bg-cta-rood {bottom: 30px;left:-65px;}
}
@media (min-width: 992px) {
    .bg-cta-rood {bottom: 50px;left:-55px;}
}
@media (min-width: 1200px) {
    .bg-cta-rood {bottom: 60px;left:-40px;}
}
@media (min-width: 1400px) {
    .bg-cta-rood {bottom: 75px;left:-20px;}
}
@media (min-width: 1600px) {
    .bg-cta-rood {bottom: 100px;left:-5px;}
}
@media (min-width: 1800px) {
    .bg-cta-rood {bottom: 125px;}
}
@media (min-width: 2300px) {
    .bg-cta-rood {bottom: 155px;}
}
@media (min-width: 2800px) {
    .bg-cta-rood {bottom: 200px;}
}
@media (min-width: 3300px) {
    .bg-cta-rood {bottom: 240px;}
}

svg.golf-onder-intro-home {}
svg.golfcurve {position: absolute;left:0;right:0;bottom:0; overflow: visible;}
svg.visjes {z-index: 99;}



/*/BOOTSTRAP OVERWRITES/*/
.object-fit-contain {object-fit: contain !important; }
.object-fit-cover {object-fit: cover !important; }
.object-fit-fill {object-fit: fill !important; }
.object-fit-scale {object-fit: scale-down !important; }
.object-fit-none {object-fit: none !important; }
@media (min-width: 576px) {
  .object-fit-sm-contain {object-fit: contain !important; }
  .object-fit-sm-cover {object-fit: cover !important; }
  .object-fit-sm-fill {object-fit: fill !important; }
  .object-fit-sm-scale {object-fit: scale-down !important; }
  .object-fit-sm-none {object-fit: none !important; }
}
@media (min-width: 768px) {
  .object-fit-md-contain {object-fit: contain !important; }
  .object-fit-md-cover {object-fit: cover !important; }
  .object-fit-md-fill {object-fit: fill !important; }
  .object-fit-md-scale {object-fit: scale-down !important; }
  .object-fit-md-none {object-fit: none !important; }
}
@media (min-width: 992px) {
  .object-fit-lg-contain {object-fit: contain !important; }
  .object-fit-lg-cover {object-fit: cover !important; }
  .object-fit-lg-fill {object-fit: fill !important; }
  .object-fit-lg-scale {object-fit: scale-down !important; }
  .object-fit-lg-none {object-fit: none !important; }
}
@media (min-width: 1200px) {
  .object-fit-xl-contain {object-fit: contain !important; }
  .object-fit-xl-cover {object-fit: cover !important; }
  .object-fit-xl-fill {object-fit: fill !important; }
  .object-fit-xl-scale {object-fit: scale-down !important; }
  .object-fit-xl-none {object-fit: none !important; }
}
@media (min-width: 1400px) {
  .object-fit-xxl-contain {object-fit: contain !important; }
  .object-fit-xxl-cover {object-fit: cover !important; }
  .object-fit-xxl-fill {object-fit: fill !important; }
  .object-fit-xxl-scale {object-fit: scale-down !important; }
  .object-fit-xxl-none {object-fit: none !important; }
}



#to-shine-page-navigation .navbar-nav > .last .nav-link { padding-right: 8px;}
#to-shine-page-navigation .navbar-nav li a.nav-link.h4 { text-decoration: none; color: #003E86; border-radius: 0px; font-family: inherit; margin: 0; padding: 10px; border: 0px solid transparent; transition: color .5s; position: relative }
#to-shine-page-navigation .navbar-nav li a.nav-link:hover { color: #C00020!important;}
#to-shine-page-navigation .menuhouder.nav-mobiel .navbar-nav li a.nav-link:hover { color: #fff!important;}
#to-shine-page-navigation .navbar-nav li a.nav-link:hover:after,
#to-shine-page-navigation .menuhouder.nav-desktop .navbar-nav li a.nav-link:focus:after { width: calc(100% - 16px); left: 8px }
#to-shine-page-navigation .menuhouder.nav-desktop .navbar-nav li a.nav-link:after { content: " "; height: 2px; width: 0; background: #C00020; position: absolute; left: 8px; bottom: 0; transition: width .2s }
#to-shine-page-navigation .navbar-nav li.active>a.nav-link { background-color: transparent; color: #C00020!important }
#to-shine-page-navigation .menuhouder.nav-mobiel .navbar-nav li.active>a.nav-link { background-color: transparent; color: #fff!important }
#to-shine-page-navigation .navbar-nav li.active>a.nav-link:hover,
#to-shine-page-navigation .navbar-nav li.active>a.nav-link:focus { background-color: transparent; color: #C00020 }
#to-shine-page-navigation .menuhouder.nav-mobiel .navbar-nav li.active>a.nav-link:hover,
#to-shine-page-navigation .menuhouder.nav-mobiel .navbar-nav li.active>a.nav-link:focus { background-color: transparent; color: #fff }
#to-shine-page-navigation .menuhouder.nav-desktop .navbar-nav li.active>a.nav-link:after { width: calc(100% - 16px); left: 8px }
.downloadlink,
.accordion-collapse.collapse.show,
.accordion-collapse.collapsing {background-color: rgba(207, 234, 255, 0.2)}
.accordion-button:not(.collapsed) {border-bottom: none!important; box-shadow: none!important;background-color: rgba(207, 234, 255, 0.2);}

html body.to-shine-variation-fullscreen form footer#to-shine-page-footer {background: #003E86;}

.timelinefotos {height: 300px;}
@media (min-width: 768px) {
    .timelinefotos {height: auto;}
}
.vulvlak {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.timelinefotos .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23fff'%3e%3cpath d='M32 256a224 224 0 1 1 448 0A224 224 0 1 1 32 256zm480 0A256 256 0 1 0 0 256a256 256 0 1 0 512 0zM164.7 244.7L153.4 256l11.3 11.3 112 112L288 390.6 310.6 368l-11.3-11.3L198.6 256 299.3 155.3 310.6 144 288 121.4l-11.3 11.3-112 112z'/%3e%3c/svg%3e");
}
.timelinefotos .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23fff'%3e%3cpath d='M480 256A224 224 0 1 1 32 256a224 224 0 1 1 448 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zm347.3 11.3L358.6 256l-11.3-11.3-112-112L224 121.4 201.4 144l11.3 11.3L313.4 256 212.7 356.7 201.4 368 224 390.6l11.3-11.3 112-112z'/%3e%3c/svg%3e");
}
.geenafbeelding.introrechts.py-md-5.intro {padding-top: 7rem!important;}
@media (min-width: 768px) {
    .introrechts.py-md-5.intro {padding-top: 7rem!important;}
}
@media (min-width: 1650px) {
	.geenafbeelding.introrechts.py-md-5.intro {padding-top: 3rem!important;}
    .introrechts.py-md-5.intro {padding-top: 3rem!important;}
}

/*//*/

/*.logocards .card {min-height: 240px;}
@media (min-width: 1400px) {
    .logocards .card {min-height: 220px;}
}*/

/*/FOOTER/*/
.pinhouder {
	position: absolute; right:0;
	width: 80px; height: 109px;top:-75px; margin-right: 20px;
	background-image: url(../img/placeholder-pin.svg);
	background-size: 100%, auto, cover;
	background-repeat: no-repeat;
    background-position: top;
	z-index: 1;
	transform: rotate(24deg);
}
@media (min-width: 576px) {
    .pinhouder {width: 100px; height: 136px;top:-100px; margin-right: 25px;}
}
@media (min-width: 768px) {
    .pinhouder {width: 140px; height: 191px;top:-120px; margin-right: 35px;}
}
@media (min-width: 992px) {
    .pinhouder {width: 180px; height: 245px;top:-150px; margin-right: 30px;}
}
@media (min-width: 1200px) {
    .pinhouder {width: 220px; height: 300px;top:-180px; margin-right: 30px;}
}

.to-shine-footer-imprint .theme-login {
  width: 12px;
  margin-left: 4px;
}
.slick-autoplay-toggle-button {display: none!important}
.to-shine-footer-imprint.text-white,
#dnn_dnnCopyright_lblCopyright.text-white {color: rgba(255, 255, 255, 0.5)!important;}
.to-shine-footer-imprint.text-white a {color: rgba(255, 255, 255, 0.5)!important;}
.to-shine-footer-imprint.text-white a:hover {color: rgba(255, 255, 255, 1)!important;}

.eerste a {text-decoration:none!important}
.eerste a:hover {text-decoration: underline!important}
.tweede a {text-decoration:none!important}
.tweede a:hover {text-decoration: underline!important}

/*//*/
.to-shine-footer-imprint a,
.tekstblokje a {text-underline-offset: 3px;text-decoration-thickness: from-font;}
.tekstblokje a:hover {color:#000000;}
.cta-rood a {text-underline-offset: 4px;text-decoration-thickness: 2px;}
.cta-rood a:hover {color:#f2f2f2!important;}


#module-411 ol ::marker {
  font-size: 1.2rem;font-weight: 700;
  color: #000;
}
#module-411 ol ol ::marker {
  font-size: 1rem;font-weight: 700;
  color: #000;
}
#module-411 ol {
  font-weight: 700;
  color: #000;
}
#module-411 ol ol {
  font-weight: 300;
  color: inherit;
}
.tekstblokje:not(.intro) ol,.tekstblokje:not(.intro) ul { margin-bottom: 1.5rem;}
.tekstblokje ol li,.tekstblokje ul li { margin-bottom: .5rem;}
.tekstblokje.intro ol li,.tekstblokje.intro ul li { margin-bottom: .2rem;}