/* Table of Content
==================================================
#Font-Face
#Site Styles
#Media Queries */

/* #Font-Face
================================================== */
@import url('https://fonts.googleapis.com/css?family=Roboto:300i,400,400i,500,500i,700,700i,900');
/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { font-family: 'Roboto', sans-serif; font-size: 12px; color: #000; }
body { background: #fff; }
input, select, textarea { font-family: 'Roboto', sans-serif; font-size: 12px; color: #000; }
img { border: 0; display: block; }
ul, li { list-style: none; }
:focus { outline: none; }

/* ### font awesome ### */
.svg-inline--fa {
    display: inline-block;
    font-size: 20px!important;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
    color: #ffffff!important;
}

/* ### responsive image ### */
.responsive {
    width: 100%;
    height: auto;
}

img {
    border: 0;
    display: inline-block;
}

.serviceBox .button {
    min-width: 166px!important;
    position: absolute;
    left: 30px;
    bottom: 40px;
    padding: 8px 20px 10px 40px;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    border-radius: 40px;
    border: none;
    background: #333333;
    width: 93px;
}

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; position: relative; max-width: 1170px; }
.centered { padding-right: calc((100% - 1170px) / 2); padding-left: calc((100% - 1170px) / 2); }
.mm-listview .is-active { background: #d9d7d7; }

/* =====================================
   UNIVERSAL BROADCAST BACKGROUND SYSTEM
===================================== */

.broadcastSection {
    position: relative;
}

.broadcastBg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);

    width: 100%;
    max-width: 1920px;
    height: 100%;

    z-index: 0;
    pointer-events: none;
}

.broadcastBg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.broadcastOverlay {
    position: absolute;
    inset: 0;
}

/* ### wrapper ### */
#wrapper {
	position: relative;
	display: block;
	width: 100%;
	min-height: 100%;
}

/* ### main container ### */
/* #mainCntr { padding-top: 263px; width: 100%; overflow: hidden; transition: 0.5s; } = ruimte tussen menubalk en sliders */
   #mainCntr { padding-top: 100px; width: 100%; overflow: hidden; transition: 0.5s; }

/* ### header container ### */
#headerCntr { position: fixed; left: 0px; top: 0px; z-index: 105;  width: 100%;  transition: 0.5s; background: #fff; }

#headerCntr .logo {
    position: absolute;
    left: 10px;
    top: 18px;

    width: 200px;
    height: 140px;

    background: url(../img/logo.png) left top no-repeat;
    background-size: contain;

    text-indent: -9999px;

    z-index: 5;   /* ⭐ toevoegen */
}

#headerCntr .mobileMenu {position: absolute; top: 45px; right: 10px; display: none; cursor: pointer; z-index: 15; width: 40px; height: 40px; transition: 0.2s;
overflow: hidden; }
#headerCntr .mobileMenu span { display: block; height: 4px; text-indent: -9999px; border-radius: 5px; background: #0093d2; position: absolute; top: 50%; right:
20%; left: 20%;
transition: 0.2s; }
#headerCntr .mobileMenu span:before,
#headerCntr .mobileMenu span:after { display: block; width: 100%; height: 4px; content: ''; border-radius: 5px; background-color: #0093d2; transition-duration:
0.2s,0.2s;
position: absolute; left: 0; }
#headerCntr .mobileMenu span:before { top: -7px; }
#headerCntr .mobileMenu span:after { bottom: -7px; }
.mm-opened #headerCntr .mobileMenu span { background: none; }
.mm-opened #headerCntr .mobileMenu.is-active span:before,
.mm-opened #headerCntr .mobileMenu.is-active span:after { transition-delay: 0s, 0.2s; }
.mm-opened #headerCntr .mobileMenu span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mm-opened #headerCntr .mobileMenu span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#headerCntr .headerBox { padding-top: 30px; padding-bottom: 30px; transition: 0.5s; min-height: 50px; }
.musicplayer { border: 1px solid #e8e9f2; border-radius: 10px; overflow: hidden;  }
.musicplayer img { width: 100%; }

#headerCntr.scrolled {
    padding: 0;
    box-shadow: none;
}

#headerCntr.scrolled .logo {
    width: 200px;
    height: 140px;
    background-size: contain;
}

#headerCntr.scrolled .headerBox {
    min-height: 50px;
}

	#headerCntr .musicplayer {     margin-top: 6px; float: right; border: 1px solid #e8e9f2; border-radius: 10px; overflow: hidden;  }
	#headerCntr .musicplayer img { width: 100%; }

	/* ### menu box ### */
	/* .menuBox:not(.mm-menu) { padding-top: 18px; padding-bottom: 18px; width: 100%; overflow: hidden; border-top: 1px solid #e8e9f2; background-color: #fef104;} */

.menuBox:not(.mm-menu) {
    /* Hoogte van de gele menu balk */
	height: 58px;
    padding-top: 0;
    padding-bottom: 0;

    width:100%;
    max-width:1920px;
    margin:0 auto;
    border-top:1px solid #e8e9f2;
    background-color:#fef104;

    display:flex;
    align-items:center;
}

	/* .menuBox:not(.mm-menu) ul { padding-left: 220px; float: left; overflow: hidden; width: auto; } */
	
.menuBox:not(.mm-menu) ul {
    padding-left:220px;
    display:flex;
    align-items:center;
    gap:6px;
    }

    .menuBox:not(.mm-menu) ul li { padding: 0px 11px; float: left; }
	.menuBox:not(.mm-menu) ul li a { font-size: 18px; color: #1c1c1c; font-weight: 500; text-decoration: none; }
	.menuBox:not(.mm-menu) ul li a:hover, .menuBox:not(.mm-menu) ul li.is-active a { color: #007a3d; }
	.menuBox:not(.mm-menu) ul li.kla20:before { width: 49px; height: 19px; position: relative; top: 2px; display: inline-block; content:''; background: url(../img/kla-icon.png) left top no-repeat; }
	.menuBox:not(.mm-menu) ul li ul { display: none; }

    /* 
	.menuBox .advertise { position: absolute; right: 0px; top: -12px; padding: 0px 20px 0px 40px; font-size: 18px; color: #ffffff; font-weight: 700; text-decoration:
	none;line-height: 41px; border-radius: 40px; background: #007ec5 url(../img/advertise-icon.png) 16px center no-repeat; }
	.menuBox .advertise:hover { text-decoration: underline; } */

    .advertise { position: absolute; padding: 0px 20px 0px 40px; font-size: 18px; color: #ffffff; font-weight: 700; text-decoration:
	none;line-height: 41px; border-radius: 40px; background: #007ec5 url(../img/advertise-icon.png) 16px center no-repeat; }
	.advertise:hover { text-decoration: underline; }

	/* ### slider box ### */
	/* .sliderBox { width: 100%; height: 540px; position: relative; background: #286867; } */
    .sliderBox 
    {
      width: 100%;
      max-width: 1920px;
      height: 540px;
      margin: 0 auto;
      position: relative;
      background: #007a3d;  /* Mega Classics groen */
    }
	.sliderBox ul { width: 100%; overflow: hidden; height: 100%; }
	/* .sliderBox li {width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; } */
    .sliderBox li 
    {
      width: 100%;
      height: 100%;
      background-position: left top;
      background-repeat: no-repeat;
      background-size: cover;
    }

	.sliderBox .next, .sliderBox .prev { z-index: 103; position: absolute; right: 20px; top: 50%; margin-top: -44px; width: 88px; height: 88px; display: block;
	background: url(../img/next.png) left top no-repeat;}
	.sliderBox .prev { left: 20px; background: url(../img/prev.png) left top no-repeat;}
	.sliderBox .content { padding-top: 107px; position:absolute; left: 0px; top: 0px; width: 100%; z-index: 102; }
	.sliderBox .listenInfo { width:calc(100% - 650px); float: left; }
	.sliderBox .block { width: 650px; float: right; }
	.sliderBox .left { padding: 0 20px 0 107px; width: 307px; float: left; position: relative; }
	.sliderBox .right { padding-left: 95px; width: 285px; float: right; position: relative; }
	.sliderBox .title { padding: 0px 0px 0px 50px; font-size: 45px; color: #fff; font-weight: normal; line-height: 38px; display: block;
	background: url(../img/apple-icon.png) left top no-repeat; }
	.sliderBox .title2 { padding: 75px 0px 0px 0px; font-size: 36px; color: #fff; font-weight: 700; line-height: 38px; display: block;  }
	.sliderBox p { padding: 28px 0px; font-size: 18px; color: #ffffff; line-height: 30px; }
	.sliderBox .icon { position: absolute; left: 0px; top: 80px; }
	.sliderBox .button { padding: 0 20px 0 40px; font-size: 18px; color: #333333; font-weight: 700; display: inline-block; line-height: 40px; cursor: pointer;
	text-decoration: none;
	border-radius: 40px; border: none; background: #fef104; }
	.sliderBox .button:after { margin-left: 13px; content:''; width: 7px; height: 11px; display: inline-block; background: url(../img/arrow.png) right top
	no-repeat; }
	.sliderBox .button:hover { background: #fff; }
	.sliderBox .listen {padding: 8px 25px 10px 60px; margin-top:30px; font-size: 18px; color: #fff; font-weight: 700; text-decoration: none; display: inline-block; border-radius:
	40px;background: #ec1d27 url(../img/signal.png) 16px center no-repeat; }
	.sliderBox .listen:hover { text-decoration: underline; }

	/* ### service box ### margin-top bepaalt de hoobgte van de slider */
	.serviceBox { padding-bottom: 86px; width: 100%; margin-top: -60px; z-index: 102; position: relative; overflow: hidden; }
	.serviceBox .holder { margin-right: -20px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch;
	align-items: stretch; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
	.serviceBox .block {
	   padding: 35px 30px 80px 30px;
	   position: relative;
	   margin-right: 20px;
	   width: calc(25% - 20px);
	   float: left;
	   background: #007a3d;
	   border-radius: 10px;
	   background-color: #007a3d;
    }
	.serviceBox .block.white { 
    background: #ec1d27;   /* rood */
    color: #fff;           /* tekst wit maken */
    box-shadow: none;      /* optioneel, mooier bij rood */
}
	.serviceBox .block.yellow { background: #fef104; }
	.serviceBox .block.red { background: #ec1d27; }
	.serviceBox .title { padding-bottom: 25px; display: block; font-size: 36px; color: #fff; font-weight: 700; }
	.serviceBox p { padding-bottom: 17px; font-size: 18px; color: #fff; line-height: 30px; }
	.serviceBox .button {
	min-width: 156px;
	position: absolute;
	left: 30px;
	bottom: 40px;
	padding: 8px 20px 10px 40px;
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	border-radius: 40px;
	border: none;
	background: #333333;
	width: 93px;
}
	.serviceBox .button:after { margin-left: 13px; content:''; width: 7px; height: 11px; display: inline-block; background: url(../img/arrow-white.png) right top
	no-repeat; }
	.serviceBox .listen {position: absolute; left: 30px; bottom: 40px; padding: 8px 25px 10px 60px; font-size: 18px; color: #fff; font-weight: 700;
	text-decoration: none;display: inline-block; border-radius: 40px; background: #333333 url(../img/signal.png) 16px center no-repeat; }
	.serviceBox .button:hover { text-decoration:underline; }
	.serviceBox .block.yellow .title { color: #333; }
	.serviceBox .block ul { list-style: none; }
	.serviceBox .block li { padding: 12px 0px; font-size: 17px; color: #333333; border-bottom: 3.5px dotted #333; }
	.serviceBox .block li:first-child { padding-top: 0px; }
	.serviceBox .block li time{ float: right; }

/* ### content container ### */
#contentCntr { width: 100%; }

	/* ### about box ### */
	.aboutBox { padding-top: 60px; padding-bottom: 160px; width: 100%; position: relative;  /* background: url(../img/about-bg.jpg) center bottom no-repeat; */
	background-size: cover; }

    /* ### Achtergrond kleur van De DJSs box ### */
	.aboutBox:before { width: 100%; height: 100%; display: block; content:""; position: absolute; left: 0px; top: 0px; background:rgba(0,122,61,0.85) }

	.aboutBox h1 { font-size: 48px; color: #fff; font-weight: 700; line-height: 64px; display: -webkit-flex; display: -ms-flexbox; display: flex; position:
	relative; }
	.aboutBox h1:after { margin-left: 27px; width: 84px; height: 64px; display: inline-block; content: ""; background: url(../img/player-signal-yellow.png) left
	top no-repeat; }
	.aboutBox ul { margin-top: 79px; margin-right: -18px; list-style: none; position: relative; z-index: 1; display: -webkit-flex; display: -ms-flexbox; display:
	flex;   -webkit-align-items:stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;	}
	.aboutBox li { margin: 0 18px 80px 0; padding: 0 23px; width: calc(25% - 18px); float: left; text-align: center; border-radius: 7px; position: relative;
	animation-delay: 500ms;background: #fff; }
	.aboutBox img { margin-top: -53px; width: 115px; height: 115px; display: inline-block; border-radius: 100%; overflow: hidden; }
	.aboutBox h3 { padding: 19px 0; font-size: 30px; color: #1c1c1c; font-weight: 700; border-bottom: 3.5px dotted #333; }
	.aboutBox h3 span { display: block; font-size: 17px; font-weight: 300; }
	.aboutBox p { padding: 20px 0; font-size: 17px; color: #1c1c1c; line-height: 29px; text-align: left; }
	.aboutBox a { text-decoration: none; }

	/* ### news box ### */
	.newsBox { padding-top: 58px; padding-bottom: 160px; width: 100%; position: relative; background: #f1f1f1; }
	.newsBox h2 { font-size: 48px; color: #333; font-weight: 700; line-height: 64px; display: -webkit-flex; display: -ms-flexbox; display: flex; }
	.newsBox h2:after { margin-left: 27px; width: 84px; height: 64px; display: inline-block; content: ""; background: url(../img/player-signal-red.png) left top
	no-repeat; }
	.newsBox ul { margin-top: 47px; list-style: none;  }
	.newsBox li { margin-bottom: 27px; width: 100%; float: left; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items:
	stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;	 }
	.newsBox .detail { padding: 33px; width: 50%; border-radius: 10px; position: relative; float: left; overflow: hidden; box-shadow: 0px 0px 2px 0px rgba(0,0,0,
	0.3); background: #fff; }
	.newsBox .image { width: 50%; border-radius: 10px; float: left; overflow: hidden; position: relative; }
	.newsBox .image img { position: absolute; top: 0; left: 50%; transform: translateX(-50%); min-width: 100%; width: auto!important;  min-height: 100%;
	height: auto!important; }
	.newsBox h3 { padding: 0 0 19px 0; font-size: 30px; color: #1c1c1c; font-weight: 700; border-bottom: 3.5px dotted #333; }
	.newsBox p { padding: 16px 0 0 0; font-size: 17px; color: #1c1c1c; line-height: 29px; text-align: left; }
	.newsBox li:nth-child(even) { flex-direction: row-reverse }

	/* ### program box ### */
	.programBox { padding-top: 55px; padding-bottom: 135px; width: 100%; position: relative;  background: url(../img/program-bg.jpg) center bottom no-repeat;
	background-size: cover; }
	.programBox:before { width: 100%; height: 100%; display: block; content:"";  position: absolute; left: 0px; top: 0px; background:rgba(254,241,4,0.9); }
	.programBox h2 { font-size: 48px; color: #333; font-weight: 700; line-height: 64px; display: -webkit-flex; display: -ms-flexbox; display: flex; position:
	relative; z-index: 1; }
	.programBox h2:after { margin-left: 27px; width: 84px; height: 64px; display: inline-block; content: ""; background: url(../img/player-signal-blue.png) left
	top no-repeat; }
	.programBox .businessdays { padding-top: 200px; margin-right: -44px;  position: relative; z-index: 1; overflow: hidden; }
	.programBox .block { padding-right: 44px; width: 33.3%; float: left; }
	.programBox ul { list-style: none; }
	.programBox li { padding: 12px 0; }
	.programBox li a { font-size: 17px; color: #333; text-decoration: none; }
	.programBox li a time { width: 136px; font-weight: 700; display: inline-block; }
	.programBox h3 { padding: 0 0 15px 0; font-size: 29px; color: #333; font-weight: 700; }
	.programBox p { padding-top: 120px; font-size: 24px; color: #333; text-align: center;line-height: 24px; font-weight: 700; position: relative; z-index: 1; }
	.programBox span { margin: 0 12px; width: 31px; height: 24px; display: inline-block; vertical-align: middle; background: url(../img/sound-icon.png) left top
	no-repeat; }
	.programBox span.hide { display: none; }

	/* ### content box ### */
	.contentBox { padding-top: 65px; padding-bottom: 115px; width: 100%; overflow: hidden; }
	.contentBox h2{ padding-bottom: 120px; font-size: 48px; color: #333; font-weight: 700; line-height: 64px; display: -webkit-flex; display: -ms-flexbox; display:
	flex;position: relative; z-index: 1; }
	.contentBox h2:after { margin-left: 27px; width: 84px; height: 64px; display: inline-block; content: ""; background: url(../img/player-signal-blue.png) left
	top no-repeat; }
	.contentBox .logo { float:left; }
	.contentBox strong {
	padding: 90px 0px 30px 0px;
	display: block;
	font-size: 18px;
	color: #007ec5;
}
	.contentBox p { font-size: 18px; color: #333333; line-height: 25px;}
	.contentBox .button { margin-top: 60px; float: right; padding: 0px 25px 0px 60px; font-size: 18px; color: #fff; font-weight: 700; text-decoration: none;
	line-height: 41px;border-radius: 40px; background: #333333 url(../img/signal.png) 16px center no-repeat; }

	/* ### table box ### */
	.tableBox { padding-bottom: 149px; width: 100%; overflow: hidden; }
	.tableBox .holder { margin-right: -160px; overflow: hidden; }
	.tableBox .block { padding: 0px 160px 0px 0px; width: 100%; float: left; }
	.tableBox table { width: 100%; text-align: left; border-collapse: 0; }
	.tableBox th { padding: 30px 0px; font-size: 24px; color: #333333; font-weight: 700; border-bottom: 1px solid #dadada;}
	.tableBox td { padding: 20px 0px; font-size: 18px; color: #333333; border-bottom: 1px solid #dadada; }
	.tableBox span { width: 34px; height: 34px; display: block; float: left; line-height: 29px; text-align: center; font-size: 16px; color: #fff; font-weight: 700;
	background: #00baff;border: 3px solid #00baff; border-radius: 100%;}
	.tableBox .blue { margin-left: 8px; background: #333333; border: 3px solid #333333; }
	.tableBox .blueBlank { margin-left: 8px; color: #00baff; background: #fff; border: 3px solid #00baff;  }
	.tableBox table td.first { padding-top: 75px;}
	.tableBox table td:last-child,.tableBox table th:last-child { text-align: right; }
	.tableBox table td:nth-child(2n),.tableBox table th:nth-child(2n) { width: 121px; }
	.tableBox p { padding: 105px 0px 50px 0px; font-size: 24px; color: #333333; font-weight: 700; text-align: center; line-height: 30px; }
	.tableBox ul { list-style: none; text-align: center; }
	.tableBox li {font-size: 24px; color: #333333; font-weight: 700; display: inline-block; }
	.tableBox li span { margin: 0px 9px; }

	/* ### Classics box ### */
	.classicsBox { padding-top: 55px; padding-bottom: 58px; width: 100%; position: relative;  background: url(../img/classics-bg.jpg) center bottom no-repeat;
	background-size: cover; }
	.classicsBox:before { width: 100%; height: 100%; display: block; content:"";  position: absolute; left: 0px; top: 0px; background:rgba(91,186,71,0.9); }
	.classicsBox h3 { padding-bottom: 50px; font-size: 48px; color: #fff; font-weight: 700; line-height: 64px; display: -webkit-flex; display: -ms-flexbox;
	display: flex;  }
	.classicsBox h3:after { margin-left: 27px; width: 84px; height: 64px; display: inline-block; content: ""; background: url(../img/player-signal-blue.png) left
	top no-repeat; }
	.classicsBox strong { font-size: 24px; color: #fff; font-weight: bold; }
	.classicsBox p { padding: 35px 0 ; font-size: 18px; color: #fff; line-height: 30px; }
	.classicsBox .holder { position: relative; z-index: 1; }
	.classicsBox .image { padding-bottom: 48px; margin: 0px auto; }
	.classicsBox .musicplayer {  margin: 0px auto 48px auto; max-width: 427px; border: 1px solid #4d9b46; border-radius: 8px; }
	.classicsBox .musicplayer img { width: 100%; }
	.classicsBox .leftImage { position: absolute; left: -250px; bottom: 37px; }
	.classicsBox .rightImage { position: absolute; right: -250px; bottom: 160px; }

	/* ### contact container ### */
	#contactCntr{ padding-bottom: 78px; width: 100%; position: relative;  background: url(../img/contact-bg.png) center bottom no-repeat;background-size: cover; }
	#contactCntr:before { width: 100%; height: 100%; display: block; content:"";  position: absolute; left: 0px; top: 0px; background:rgba(239,32,42,0.9); }

		/* ### contact box ### */
		.contactBox { padding-top: 57px; padding-bottom: 52px; width: 100%; position: relative; z-index:1 ; overflow: hidden; }
		.contactBox fieldset { border: none; }
		.contactBox .contact { width:calc(100% - 493px); float: left; }
		.contactBox .contact h3 { padding-bottom: 50px; font-size: 48px; color: #fff; font-weight: 700; line-height: 64px; display: -webkit-flex; display:
		-ms-flexbox; display: flex;  }
		.contactBox .contact h3:after { margin-left: 27px; width: 84px; height: 64px; display: inline-block; content: "";
		background: url(../img/player-signal-yellow.png) left top no-repeat;        }
		.contactBox .form { max-width: 363px; overflow: hidden; }
		.contactBox input[type="text"], .contactBox input[type="email"] { padding: 0 20px; line-height: 56px; width: 100%; font-size: 18px; color: #ffffff; margin-bottom: 9px;border: 3px solid #f56c73; border-radius: 7px; background: #de1d21; }
		.contactBox input[type="text"]::placeholder, .contactBox input[type="email"]::placeholder { line-height: 56px; }
		.contactBox .textarea { padding: 20px; height: 116px; width: 100%; font-size: 18px; color: #ffffff; margin-bottom: 25px; border: 3px solid #f56c73;
		border-radius: 7px;resize: none; background: #de1d21; }
		.contactBox .button { padding: 0 20px 0 40px; font-size: 18px; color: #333333; font-weight: 700; display: inline-block; line-height: 40px; cursor: pointer;
		text-decoration: none;
		border-radius: 40px; border: none; background: #fef104; }
		.contactBox .button:after { margin-left: 13px; content:''; width: 7px; height: 11px; display: inline-block; background: url(../img/arrow.png) right top
		no-repeat; }
		.contactBox .button:hover { background: #fff; }
		.contactBox .download { width: 493px; float: left; }
		.contactBox .download  h3 { padding-bottom: 50px; font-size: 48px; color: #fff; font-weight: 700; line-height: 64px; display: -webkit-flex; display:
		-ms-flexbox; display: flex;  }
		.contactBox .download .left { width: 180px; float: left; }
		.contactBox .download .right { width: 180px; float: right; }
		.contactBox h4 { padding: 0px 0px 0px 50px; font-size: 45px; color: #fff; font-weight: normal; line-height: 38px; background: url(../img/apple-icon.png)
		left top no-repeat; }
		.contactBox p { padding: 28px 0px; font-size: 18px; color: #ffffff; line-height: 30px; }
		.contactBox .icon { margin-bottom: 27px; }
		.contactBox ::-webkit-input-placeholder { color: #fff;}
		.contactBox ::-moz-placeholder { color: #fff;}
		.contactBox :-ms-input-placeholder {  color: #fff;}
		.contactBox :-moz-placeholder {  color: #fff;}

		/* ### link box ### */
		.linkBox { padding-top: 42px; padding-bottom: 118px; width: 100%; overflow: hidden; position: relative; z-index:1; }
		.linkBox .holder { margin-right: -102px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items:
		stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
		.linkBox .block { padding: 0px 102px 0px 0px; width: 25%; float: left; }
		.linkBox h4 { padding-bottom: 40px; font-size: 30px; color: #fff; font-weight: 700; }
		.linkBox ul { list-style: none; }
		.linkBox li { padding: 12px 0px 22px 0px; border-top: 3.5px dotted #fff; }
		.linkBox li a { font-size: 18px; color: #fff; text-decoration: none; }
		.linkBox li a:hover { color: #fef104; }
		.linkBox li:first-child { padding-top: 0px; border: none; }
		.linkBox p { padding-bottom: 22px; margin-bottom: 12px; font-size: 18px; color: #fff; line-height: 30px; border-bottom: 3.5px dotted #fff; }
		.linkBox .link { font-size: 18px; color: #fef104; text-decoration: underline; }
		.linkBox .link:hover { text-decoration: none; }
		.backButton {position: fixed; right: 44px; bottom: 36px; width: 40px; height:  40px; z-index: 9;display: none; background:#00baff url(../img/top-arrow.png) center center no-repeat; }

/* ### footer container ### */
#footerCntr { padding-top: 18px; padding-bottom: 20px; overflow: hidden; width: 100%; position: absolute; left: 0px; bottom: 0px; border-top: 1px solid #f8979b; }
#footerCntr p { padding: 10px 0px; font-size: 18px; color: #fff; float: left; }
#footerCntr .right { width: 266px; float: right; }
#footerCntr .right span { padding: 5px 0px; font-size: 18px; color: #fff; display: inline-block; }
#footerCntr .right a {
	float: right;
	text-align: center;
}

/* ===== Floating Live Player (zonder brede overlay balk) ===== */

.stickyPlayer{
	position: fixed;
	left: 50%;
	bottom: 18px;
	transform: translateX(-50%);
	background: transparent;
	padding: 0;
	width: auto;
	z-index: 1000;
}

.stickyPlayer .player{
	display:inline-block;
	background: rgba(255,255,255,0.95);
	border:1px solid rgba(0,0,0,0.12);
	padding:10px 16px;
	border-radius:18px;
	box-shadow:0 12px 30px rgba(0,0,0,0.25);
}

.stickyPlayer .player img{
	display:block;
	max-width:100%;
}

/* #Media Queries
================================================== */
@media only screen and (max-width: 1170px) {
	.leftImage { display: none; }
	.rightImage { display: none; }
	.centered { padding-left: 20px; padding-right: 20px; }
	.center { padding-left: 20px; padding-right: 20px; }
	.menuBox:not(.mm-menu) ul { padding-left: 170px; }
	.menuBox:not(.mm-menu) ul li { padding: 0px 8px; }
	.menuBox:not(.mm-menu) ul li a { font-size: 15px; }
	.menuBox:not(.mm-menu) ul li.kla20::before {width: 40px; height: 13px; background-size: 70%; position: relative; top: 2px;}
	.sliderBox .content { padding: 107px 33px 0 33px; }
	.sliderBox .next, .sliderBox .prev { right: 5px; width: 40px; height: 40px; margin-top: -20px; background-size: 100%;}
	.sliderBox .prev { left: 5px; }
	.sliderBox .title2 { font-size: 22px; }
	.serviceBox .block { padding: 20px 20px 70px 20px; }
	.serviceBox .title { font-size: 30px; padding-bottom: 20px; }
	.serviceBox .button { bottom: 20px; left: 20px; }
	.serviceBox .listen { bottom: 20px; left: 20px; }
	.serviceBox { padding-bottom: 45px; }
	.aboutBox { padding-bottom: 10px; }
	.newsBox { padding-bottom: 70px; }
	.programBox .businessdays { padding-top: 75px; margin-right: -15px; }
	.programBox .block { padding-right: 15px; }
	.programBox li a { font-size: 16px; }
	.programBox p { padding-top: 50px; }
	.programBox { padding-bottom: 60px; }
	.programBox li a time { width: 110px; }
	.contentBox h2 { padding-bottom: 50px; }
	.contentBox strong { padding: 44px 0px 30px 0px; }
	.contentBox { padding-top: 50px; padding-bottom: 35px; }
	.tableBox .holder { margin-right: -90px; }
	.tableBox .block { padding-right: 90px; }
	.tableBox p { padding: 66px 0px 40px 0px }
	.tableBox { padding-bottom: 50px; }
	.classicsBox .leftImage { width: 263px; left: 0px; }
	.classicsBox .rightImage { width: 263px; right: 0px; }
	.classicsBox .image { width: 375px; }
	.linkBox { padding-bottom: 60px; }
	.linkBox .holder { margin-right: -40px; }
	.linkBox .block { padding-right: 40px; }
}

@media only screen and (max-width: 979px) {
	.leftImage { display: none; }
	.rightImage { display: none; }
	.sliderBox p { display: none!important; }
	.sliderBox .icon { display: none; }
	#headerCntr .logo { width: 220px; background-size: 100%; }
	#headerCntr .headerBox { padding-top: 14px; padding-bottom: 14px; }
	.menuBox .advertise { padding:0px 14px 0px 36px; font-size: 16px; }
	.sliderBox .listenInfo {  width: 100%; text-align: center; }
	.sliderBox { height: 400px; }
	.sliderBox li { background-size: cover;  }
	.sliderBox .content { padding-top: 50px; }
	.serviceBox .block { width: calc(50% - 20px); margin-bottom: 20px; }
	.serviceBox { padding-bottom: 25px; }
	.aboutBox { padding-top: 30px; padding-bottom: 30px; }
	.aboutBox li { width: calc(33.3% - 18px); }
	.newsBox { padding-top: 30px; padding-bottom: 30px; }
	.newsBox .detail { padding: 18px; }
	.newsBox p { padding-top: 13px; font-size: 15px; }
	.programBox .businessdays { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items:
	stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;	}
	.programBox .block { width: 50%; }
	.tableBox .holder { margin-right: -20px; }
	.tableBox .block { padding-right: 20px; }
	.tableBox table td:nth-child(2n), .tableBox table th:nth-child(2n) { width: auto; }
	.tableBox table td.first { padding-top: 25px; }
	.tableBox th { font-size: 21px; }
	.classicsBox .leftImage, .classicsBox .rightImage  { width: 184px;  }
	.contactBox .download { width: 444px; float: right; }
	.contactBox .download h3 { font-size: 41px; }
	.contactBox .contact h3 { font-size: 41px; }
	.contactBox { padding-top: 25px; padding-bottom: 15px; }
	.linkBox h4 { font-size: 24px; padding-bottom: 20px; }
	.linkBox .holder { margin-right: -20px; }
	.linkBox .block { padding-right: 20px; }
	.linkBox { padding-bottom: 35px; }
	.classicsBox { padding-top: 30px; padding-bottom: 20px; }
	.classicsBox h3 { font-size: 41px; padding-bottom: 25px; }
	.contentBox h2 { font-size: 41px; padding-bottom: 25px; }
	.contentBox { padding-top: 30px; padding-bottom: 25px; }
	.programBox .businessdays { padding-top: 30px; }
	.programBox h2 { font-size: 41px; }
	.programBox { padding-top: 30px; padding-bottom: 30px; }
	.newsBox h3 { font-size: 24px; }
	.newsBox h2 { font-size: 41px; }
	.aboutBox h1 { font-size: 41px; }
	.aboutBox li { padding: 0 12px; }
	.sliderBox .title2 { padding-top: 0px; }
	.sliderBox .block { width: 100%; }
	.sliderBox .title { padding-bottom: 20px; }
	.sliderBox .left { padding-left: 50px; }
	.sliderBox .right { width: auto; padding: 0 50px 0 0; }
	#mainCntr { padding-top:  200px; }
	#headerCntr .headerBox { min-height: 130px; padding-bottom: 0; }
}

@media only screen and (max-width: 767px) {
		#headerCntr .musicplayer { display: none; }
	.leftImage { display: none; }
	.rightImage { display: none; }
	.sliderBox .block{ display: none; }
	.menuBox:not(.mm-menu) { display: none; }
	#headerCntr .mobileMenu { display: block; }
	#headerCntr .logo { position: static; z-index: 10; width:150px; height: 110px; display: block; background-size: 100%; }
	#headerCntr.scrolled .logo { width:150px; height: 110px; }
	.menuBox .advertise { position: static; display: inline-block;}
	.serviceBox p { font-size: 16px; }
	.serviceBox .block li { font-size: 16px; }
	.aboutBox li { width: calc(50% - 18px); margin-bottom: 65px; }
	.newsBox ul { margin-top: 23px; }
	.newsBox .image { width: 100%; }
	.newsBox .image img { position: static; width: 100%!important; transform: translateX(0);}
	.newsBox .detail { width: 100%; }
	.programBox .businessdays { margin-right: 0px; }
	.programBox .block { width: 100%; padding-right: 0px; padding-bottom: 20px;}
	.programBox p { font-size: 18px; padding-top: 0px; }
	.contentBox h2 { font-size: 33px; }
	.contentBox strong { font-size: 20px; padding: 32px 0px 30px 0px; }
	.contentBox p { font-size: 16px; }
	.contentBox .logo { width: 120px; }
	.contentBox .button { margin-top: 11px; }
	.tableBox .holder { margin: 0px; }
	.tableBox .block { width: 100%; padding-right: 0px; padding-bottom: 20px;}
	.tableBox p { font-size: 18px; padding: 7px 0 20px 0;}
	.tableBox li { font-size: 15px; line-height: 34px; }
	.tableBox { padding-bottom: 26px; }
	.classicsBox h3 { font-size: 33px; }
	.classicsBox strong { font-size: 20px; }
	.classicsBox p { padding: 18px 0; font-size: 16px; line-height: 26px; }
	.classicsBox .leftImage, .classicsBox .rightImage{ position: static; width: 50%; float: left; }
	.classicsBox .holder { overflow: hidden; }
	.contactBox .contact { width: 100%; }
	.contactBox .download { padding-top: 20px; width: 100%;  }
	.contactBox .download h3 { padding-bottom: 27px; }
	.linkBox .block { width: 50%; padding-bottom: 20px; }
	.linkBox p { font-size: 16px; line-height: 26px; }
	#footerCntr p { font-size: 14px; }
	#footerCntr .right { width: 240px; }
	#footerCntr .right span { font-size: 14px; }
	.classicsBox .image { padding-bottom: 20px; }
	.sliderBox .title2 { font-size: 26px; padding-top: 50px; }
	.sliderBox .left { width: auto; padding-left: 25px; }
	.sliderBox .right { width: auto; padding: 0 25px 0 0; }
	#mainCntr { padding-top: 135px; }
	#footerCntr p { margin-bottom: 10px; }
	.musicplayer { float: none; margin: 0 auto; max-width: 280px; margin-bottom: 20px; }
}

@media only screen and (max-width: 479px) {
		#headerCntr .musicplayer { display: none; }
	.leftImage { display: none; }
	.rightImage { display: none; }	
	.serviceBox .holder { margin: 0px; }
	.serviceBox .block { width: 100%; margin-right: 0px; padding: 15px; }
	.serviceBox .button, .serviceBox .listen { position: static; }
	.serviceBox .block ul { margin-bottom: 20px; }
	.aboutBox ul { margin-right: 0px; }
	.aboutBox li { width: 100%; margin-right: 0px; }
	.aboutBox { padding-bottom: 0px; }
	.newsBox p { font-size: 14px; line-height: 24px; }
	.programBox h2::after { width: 60px; background-size: 100%; }
	.programBox h2 { font-size: 25px; }
	.programBox .businessdays { padding-top: 10px; }
	.programBox h3 { font-size: 25px; }
	.programBox li { padding: 7px 0px; }
	.programBox li a { font-size: 14px; }
	.contentBox h2 { font-size: 25px;}
	.contentBox h2::after { width: 60px; background-size: 100%; }
	.contentBox { padding-top: 20px; padding-bottom: 20px; }
	.contentBox .button { float: left; margin-top: 15px; }
	.tableBox th { padding: 15px 0px; font-size: 15px; }
	.tableBox td { font-size: 14px; }
	.tableBox ul { text-align: left; }
	.tableBox li { padding: 5px 0px; display: block; overflow: hidden; }
	.tableBox li span.blue, .tableBox li span,.tableBox li span.blueBlank { margin-left:0px; }
	.classicsBox h3 { font-size: 25px;}
	.classicsBox h3::after { width: 60px; background-size: 100%; }
	.classicsBox .image { width: 100%; }
	.contactBox h3 { font-size: 25px; }
	.contactBox h3::after { width: 60px; background-size: 100%; }
	.contactBox .download { text-align: center; }
	.contactBox .download h3 { font-size: 28px; display: block;  }
	.contactBox .download .left { width: 100%;  }
	.contactBox .download .right { width: 100%; padding-top: 20px; }
	.contactBox h4 { display: inline-block; }
	.contactBox .icon { margin: 0px auto 27px auto; }
	.linkBox .holder { margin-right: 0px; }
	.linkBox .block { width: 100%; padding-right: 0px;}
	#footerCntr p { width:100%; text-align: center; }
	#footerCntr .right { width: 100%; }
	.sliderBox .content { padding: 14px; }
    .sliderBox .left ,.sliderBox .right{  padding-top: 10px; padding-bottom: 10px;  float: left; padding-left: 65px; }
	.sliderBox .title {font-size:40px;}
	.serviceBox { margin-top: -26px;}
}
/* ===== WhatsApp Floating Button ===== */

.whatsapp-circle{
    width:76px;
    height:76px;
    border-radius:50%;
    background:#25D366;
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:40px;
    text-decoration:none;
}

.yellow ul li {
    border-bottom: none !important;
    padding-bottom: 0;
    margin-bottom: 10px;
}

/* logo regel volledig strak maken */
.yellow ul.newslist li.partnerlogo{
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    line-height: 0;
}

/* klikbaar vlak netjes centreren */
.yellow ul.newslist li.partnerlogo a{
    display: block;
    padding: 6px 0 8px 0;
}

/* grootte logo */
.yellow ul.newslist li.partnerlogo img{
    max-width: 165px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
/* grootte logo desktop */
.yellow ul.newslist li.partnerlogo img{
    max-width: 165px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* mobiel */
@media (max-width:600px){

  /* logo iets groter maar nog veilig */
  .yellow ul.newslist li.partnerlogo img{
      max-width:185px;
      width:70%;
  }

  /* knop normale verhouding houden */
  .yellow .button{
      width:auto;
      padding:12px 24px;
      line-height:1.2;
  }

}

/* Alle blokken zelfde compacte tekst als nieuwsblok */
.block p,
.block li{
    line-height: 1.35;
    margin-bottom: 8px;
}

.block .title{
    margin-bottom: 12px;
}

.block p{
    margin-top: 0;
    margin-bottom: 10px;
}
/* verberg grote iOS en tvOS kopjes in slider */
.sliderBox .block .title{
    display:none;
}
/* slider tekstblokken netjes centreren */
.sliderBox .content .block .left,
.sliderBox .content .block .right{
    padding-top: 50px;
}

/* mobiel */
@media (max-width: 768px){
  .sliderBox .content .block .left,
  .sliderBox .content .block .right{
      padding-top: 30px;
  }
}

@media (max-width: 768px) {
    .advertise{
        display:none;
    }
}

.sliderBox{
    position:relative;
    z-index:1;
    overflow:hidden;
}

/* slideshow zelf onder de tekst */
.sliderBox .slider{
    position:relative;
    z-index:1;
}

/* pijlen */
.sliderBox .next,
.sliderBox .prev{
    z-index:4;
}

/* HERO rechtsboven */
.heroTagline{
    position:absolute;
    top:35px;
    right:40px;
    z-index:10;

    display:flex;
    align-items:center;
    gap:40px;

    /* color:#ffe600; Mega Hit FM Alle The Hits kleur */
	color:#ffffff;
    font-size:38px;
    font-weight:800;
    letter-spacing:0.5px;
    text-shadow:0 2px 12px rgba(0,0,0,0.35);
}

/* socials (cirkel iconen) */
.heroSocial{
    display:flex;
    align-items:center;
    gap:20px;
}

.heroSocial a{
    width:76px;
    height:76px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.heroSocial img{
    width:100%;
    height:100%;
    object-fit:contain;
}

/* tekst */
.heroText{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    text-align:right;
    line-height:1.20;
}

.heroText .slogan{
    font-size:0.95em;
    font-weight:800;
    letter-spacing:0.5px;
}

/* mobiel */
@media(max-width:700px){

  .heroTagline{
      top:22px;
      right:18px;
      font-size:22px;
      gap:14px;
  }

  .heroSocial a{
      width:44px;
      height:44px;
  }
}

/* alles van de slider mag nooit boven UI komen */
.sliderBox .slider,
.sliderBox .cycle-slideshow,
.sliderBox .cycle-slideshow *{
    z-index:1 !important;
}

.sliderBox .next,
.sliderBox .prev{
    z-index:20 !important;
}

.cycle-overlay{
    pointer-events:none;
}

.heroTagline{
    position:absolute;
    z-index:30;
}

.sliderBox .next,
.sliderBox .prev{
    z-index:25;
}

/* oude template content laag mag geen muis blokkeren */
.sliderBox .content{
    pointer-events:none;
}

/* App download knoppen in het rode serviceblok */
.serviceBox .appButtons{
  margin-top: 18px;
}

.serviceBox .appButtons a{
  display: block;
  margin-top: 12px;
  text-decoration: none;
}

.serviceBox .appButtons img{
  width: 100%;
  max-width: 150px;
  height: auto;
  display: block;
}

.serviceBox .block.red .appButtons img{
  margin: 0 auto;
}

/* deze toevoeging schakelt het kleine Kla logo in de menubalk uit */
.menuBox:not(.mm-menu) ul li.kla20:before {
    display: none !important;
    content: none !important;
}

.heroText{
    position:relative;
}

.heroAdvertise{
    position:absolute;
    right:0;
    top:100px;
}

.nowPlayingMenu {
    display: flex;
    align-items: center;
    margin-left: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    white-space: nowrap;
}

.nowPlayingMenu .np-label {
    margin-right: 6px;
    opacity: 0.7;
}

.nowPlayingMenu:before {
    content:"\266B";
    margin-right:8px;
}

#nowPlayingMenu{
    display:inline-block;
}

.nowPlayingMenu{
    margin-left:auto;
    flex-shrink:0;
}

.menuBox:not(.mm-menu) ul li a {
    white-space: nowrap;
}

/* ===== NOW PLAYING SCROLL ===== */

.nowPlayingMenu{
    display:flex;
    align-items:center;
    margin-left:auto;
    flex-shrink:0;
    max-width:300px;
    overflow:hidden;
}

/* muzieknoot */
.nowPlayingMenu:before{
    content:"ON AIR";
    margin-right:12px;
    background:#e30613;
    color:#fff;
    padding:3px 8px;
    border-radius:3px;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
}

/* scroll venster */
.np-scroll{
    overflow:hidden;
    white-space:nowrap;
    width:230px;
    position:relative;
}

/* tekst */
#nowPlayingMenu{
    display:inline-block;
    white-space:nowrap;
    color:#e30613;   /* Mega Hit FM rood */
    font-weight:600;
	font-size: 16px;
}

/* animatie actief */
.nowPlayingMenu.playing #nowPlayingMenu{
    animation:nowplaying-scroll 14s linear infinite;
}

/* scroll animatie */
@keyframes nowplaying-scroll {

    /* snel binnenkomen */
    0% {
        transform: translateX(100%);
    }

    8% {
        transform: translateX(0);
    }

    /* 2 seconden stil staan */
    20% {
        transform: translateX(0);
    }

    /* langzaam wegscrollen */
    100% {
        transform: translateX(-100%);
    }
}

/* =====================================
   LIMIT BROADCAST SECTIONS TO 1920px
===================================== */

.broadcastSection {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

/* Fix: DJ avatar styles mogen niet op de broadcast background img slaan */
.aboutBox .broadcastBg img{
  margin-top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 0 !important;
  overflow: visible !important;
  display: block !important;
  object-fit: cover !important;
}

/* Zorg dat de DJ avatars nog steeds rond blijven (expliciet targetten) */
.aboutBox ul li > img{
  margin-top: -53px;
  width: 115px;
  height: 115px;
  display: inline-block;
  border-radius: 100%;
  overflow: hidden;
}

/* NOW PLAYING neemt alle vrije ruimte rechts */
.nowPlayingMenu {
    margin-left: auto;
    flex: 1 1 auto;
    overflow: hidden;
    min-width: 400px;
}

/* scroll venster vult beschikbare ruimte */
.nowPlayingMenu .np-scroll {
    width: 100%;
}

@media only screen and (max-width: 768px) 
{

   .nowPlayingMenu
   {
      display:none !important;
   }

}
/* ===== LIVE COMMERCIAL OVERLAY ===== */
.heroAdOverlay{
    position:absolute;
    inset:0;
    z-index:12;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .45s ease, visibility .45s ease;
}

.heroAdOverlay.is-active{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.heroAdLink{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    color:#fff;
    text-decoration:none;
    overflow:hidden;
}


.heroAdImage{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.heroAdImage{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:left center;
    display:block;
}

#contactCntr .centered{
    position: relative;
    min-height: 720px;
}

.contactExtraInfo{
    margin-top:-545px;
    margin-left:560px;
    position:relative;
    z-index:5;
}

.contactExtraInfoInner{
    display:flex;
    gap:90px;
    align-items:flex-start;
}

.contactInfoBlock{
    width:320px;
}

.contactInfoBlock h4{
    margin:0 0 28px;
    color:#fff;
    font-size:38px;
    line-height:1.1;
    font-weight:700;
}

.contactInfoBlock p{
    margin:0 0 24px;
    color:#fff;
    font-size:18px;
    line-height:1.35;
}

.contactInfoBlock .link{
    color:#ffef00;
    font-size:18px;
    line-height:1.35;
}

@media (max-width: 1200px){
    .contactExtraInfo{
        margin-top:40px;
        margin-left:0;
    }

    .contactExtraInfoInner{
        gap:50px;
    }

    .contactInfoBlock{
        width:calc(50% - 25px);
    }
}

@media (max-width: 768px){
    .contactExtraInfo{
        margin-top:40px;
        margin-left:0;
    }

    .contactExtraInfoInner{
        display:block;
    }

    .contactInfoBlock{
        width:auto;
        margin-bottom:40px;
    }
}

/* dropdown menu Apps */
.menuBox:not(.mm-menu) ul li.has-dropdown {
    position: relative;
}

.menuBox:not(.mm-menu) ul li.has-dropdown > a::after {
    content: " ▼";
    font-size: 12px;
}

.menuBox:not(.mm-menu) ul li.has-dropdown ul.app-dropdown {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;

    width: 200px;
    min-width: 200px;
    margin: 0;
    padding: 10px;
    list-style: none;

    background: #fef104;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    box-shadow: 0 6px 14px rgba(0,0,0,0.15);

    display: none;
    flex-direction: column;
    align-items: center;
    gap: 0;
}

.menuBox:not(.mm-menu) ul li.has-dropdown:hover ul.app-dropdown {
    display: flex;
}

.menuBox:not(.mm-menu) ul li.has-dropdown ul.app-dropdown li {
    float: none;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 0 8px 0;
}

.menuBox:not(.mm-menu) ul li.has-dropdown ul.app-dropdown li:last-child {
    margin-bottom: 0;
}

.menuBox:not(.mm-menu) ul li.has-dropdown ul.app-dropdown li a {
    display: block;
    padding: 0;
    line-height: normal;
    background: none;
}

.menuBox:not(.mm-menu) ul li.has-dropdown ul.app-dropdown li a:hover {
    background: none;
}

.menuBox:not(.mm-menu) ul li.has-dropdown ul.app-dropdown li img {
    display: block;
    width: 100%;
    max-width: 170px;
    height: auto;
    margin: 0 auto;
}

.serviceBox .block{
    height: 430px;
}

.serviceBox .block.red{
    padding: 0;
    overflow: hidden;
}

.serviceBox .block.red .actueel-flyer{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* === FLYER SLIDER === */
.flyer-slider {
    position: relative;
    width: 100%;
    height: 100%;
}

.flyer-slider img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1s ease;
}

.flyer-slider img.active {
    opacity: 1;
}

.menuListenButton{
    display: block;
    line-height: 0;
}

.menuListenButton img{
    display: block;
    height: 24px;
    width: auto;
}

.listen-menu-item{
    padding: 0 8px 0 0 !important;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .listen-menu-item{
        display: none !important;
    }
}

/* Hoogte van de Listen button */ 
.menuListenButton img {
    height: 58px;
    width: auto;
    display: block;
}