@charset "utf-8";

:root {
    --swiper-theme-color: #fff;
}
/*wrap*/
body{width:100%;margin:0;padding:0;font-size:16px;line-height:24px;font-family: "Open Sans", sans-serif;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wdth" 100;color:#666;background:#671523;-webkit-text-size-adjust:none}

#wrap{position:relative;width:980px;margin:0 auto;background:#fff}

/*html tags*/
hr{background-color:#999;border:0;color:#999;height:1px;margin:10px 0 10px 0}
a{-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;color:#c40c2c}
a:hover{color:#999}
h1{font-size:24px;margin:0;padding:0 0 24px 0;line-height:32px;font-weight:700;color:#c40c2c}
h2{font-size:20px;margin:0;padding:0 0 12px 0;line-height:28px;font-weight:700;color:#666}
.HomePage h2{color:#c40c2c;padding: 24px 0}
h2.red{color:#c40c2c}
h3,
h4,
h5,
h6{font-size:100%;margin:0;padding:0;line-height:100%;font-weight:700;color:#666}
p{margin:0;padding:0 0 24px 0}
ul{margin:0;padding:0 0 24px 0}
ol{margin:0;padding:0 0 24px 0}
li{margin:0 0 0 24px;padding:0}
img{border:0}
sub,sup{position:relative;height:0;line-height:1;vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
strong{font-weight:700}

/*common classes*/
.hidden{display:none}
.center{text-align:center}
.clearer{height:0;overflow:hidden;margin:0;clear:both}

/*main structure*/
header{position:relative;width:100%;background:#000;z-index:2}
header .container{position:relative;width:100%;height:80px;margin:0 auto;background:#000;max-width:1280px}
nav{position:absolute;right:0;top:0;width:100%;max-width:468px;z-index:80}
nav .container{position:relative;width:100%;margin:0 auto;max-width:1280px}
div[role=main]{position:relative;width:100%;background:#fff;z-index:1}
div[role=main] .container{position:relative;width:100%;margin:0 auto;background:#fff;max-width:768px}
footer{position:relative;width:100%;background:#000}
footer .container{position:relative;width:100%;margin:0 auto;background:#000;max-width:1280px}

/*content header*/
#logo{position:absolute;left:20px;top:20px;line-height:24px;height:40px;z-index:100}
#logo span{color:#fff;font-size:35px;font-weight:300;line-height:40px;padding:0 0;display:block}
#logo a, #logo a:hover{color:#fff;font-size:30px;font-weight:300;line-height:40px;display:block;text-decoration:none}

@media (min-width: 375px) { 
	#logo span{font-size:35px}
	#logo a, #logo a:hover{font-size:35px}
}

#main{min-height:calc(100vh - 184px);background:#fff}
@media (min-width: 480px) { 
	#main{min-height:calc(100vh - 160px);background:#fff}
}

/*button menu*/
#btnmenu{position:absolute;right:0px;top:0px;display:block;width:80px;height:80px;padding:26px 20px 0 20px;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color: rgba(0,0,0,0);z-index:120}
#btnmenu .line{position:relative;margin:0 0 8px 0;display:block;width:100%;height:4px;background:#999;box-sizing:border-box;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
#btnmenu .cross{display:none;position:absolute;left:18px;top:38px;width:44px;height:4px;background:#999;box-sizing:border-box;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-ms-transform: rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#btnmenu .cross1{-ms-transform: rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}

@media (min-width: 375px) { 
}
@media (min-width: 768px) { 
}
@media (min-width: 992px) { 
}
@media (min-width: 1100px) { 
	#btnmenu{display:none}
}

/*mainmenu*/
#mainmenu{display:none;background:rgba(0,0,0,0.8);min-height:100vh}
#mainmenu ul{display:block;list-style-type:none;margin:0;padding:80px 0 32px 0}
#mainmenu ul li{display:block;margin:0;padding:0}
#mainmenu ul li a{display:block;padding:8px 24px 8px 24px;color:#999;text-decoration:none;line-height:24px;font-weight:400}
#mainmenu ul li a:hover{color:#fff}
#mainmenu ul li:first-child a{}
#mainmenu ul .current a{color:#fff}
#mainmenu ul ul{display:none}

@media (min-width: 480px) { 
	#mainmenu{min-height:0px}
}
@media (min-width: 768px) { 
	#mainmenu ul{padding:80px 0 32px 0;display:block}
	#mainmenu ul li a{}
}
@media (min-width: 1200px) { 
	nav{max-width:1980px;padding-left:280px;box-sizing:border-box}
	#mainmenu{display:block;background:#000;padding:0;position:relative}
	#mainmenu ul{position:absolute;right:0;top:0;padding:0;display:block;margin:0 auto;width:850px;height:80px}
	#mainmenu ul li{display:block;float:left}
	#mainmenu ul li a{display:block;float:left;line-height:40px;padding:28px 12px 12px 12px}
}

/*content footer*/
footer .container{position:relative;height:104px}
footer .container address{color:#fff;font-style:normal;padding:16px 24px 16px 24px;margin:0;font-size:16px;line-height:24px}
footer .container address a{color:#fff;text-decoration:underline;display:block}
footer .container address a:hover{color:#fff;text-decoration:underline}
footer .container address .tel{color:#fff;text-decoration:none}
footer .container address .tel:hover{color:#fff;text-decoration:none}
footer .container address span{padding:0;display:block}
footer .container address .l{display:none}
footer .container .socials{margin:0;padding:0;width:100px;height:80px;position:absolute;right:15px;top:24px;overflow:hidden}
footer .container .socials .medium{display:block;width:50px;height:80px;float:left;background:url('/images/design/linkedin.svg') 50% 31px no-repeat;background-size:32px 32px}
footer .container .socials .medium span{display:none}
footer .container address br{display:none}

footer .container .socials .youtube{background:url('/images/design/youtube.svg') 50% 34px no-repeat;background-size:32px 32px}

@media (min-width: 480px) { 
	footer .container{height:80px}
	footer .container address{padding:16px 24px 16px 24px;float:left}
	footer .container address a{display:inline}
	footer .container address span{padding:0;display:inline}
	footer .container address .l{padding:0;display:inline}
	footer .container address .l1{padding:0 8px;display:inline}
	footer .container address .l2{display:none}
	footer .container address br{display:inline}
	footer .container address strong{padding:0;display:block}
	footer .container .socials{top:0}
}

.generic-image{background:#000;position:relative;height:66.66vw;max-height:400px}
.generic-image img{display:block;position:absolute;left:50%;top:0;height:100%;transform: translate(-50%, 0);}

/*DefaultPage*/
#DefaultPage{padding:0 20px 0 20px}
.DefaultPage{padding:48px 24px 32px 24px}


.DefaultPage img{max-width:100% !important;height: auto !important}
.DefaultPage iframe{max-width:100% !important}


/*DefaultForm*/
.DefaultForm{position:relative;margin:0;padding:0;max-width:480px}
.DefaultForm fieldset{border:0;margin:0;padding:28px 0 20px 0}
.DefaultForm legend{height:1px;overflow:hidden}
.DefaultForm legend span{position:absolute;left:0;top:0;display:block;font-weight:700;font-size:100%;line-height:28px}
.DefaultForm label{display:block;width:100%}
.DefaultForm input,
.DefaultForm select,
.DefaultForm textarea{font-family: "Open Sans", sans-serif;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wdth" 100;font-size:100%;margin:0 0 12px 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.DefaultForm .input1{width:100%;border:1px solid #ccc;padding:10px;background:#fff;box-sizing:border-box;-webkit-appearance:none}
.DefaultForm .input1_error{width:100%;border:1px solid #ccc;padding:10px;background:#fff;box-sizing:border-box;-webkit-appearance:none}
.DefaultForm .submitcontainer{text-align:center}
.DefaultForm .submit{border:0px solid #c40c2c;background:#c40c2c;color:#fff;font-weight:700;cursor:pointer;padding:10px 20px;margin:0 auto 12px auto;-webkit-appearance:none;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.DefaultForm .submit:hover{background:#000}
.DefaultForm .error{color:#c40c2c}
.DefaultForm .required{color:#999}
.DefaultForm .form_footer{text-align:right;padding-top:24px}
.DefaultForm .formline1{padding-top:10px;line-height:24px}

.DefaultForm .checkbox{position:relative;padding:0 0 4px 0}
.DefaultForm .checkbox2{position:relative;padding:0 0 24px 0}
.DefaultForm .checkbox label{position:relative;display:block;line-height:20px;padding:2px 0 6px 24px;width:100%;box-sizing:border-box}
.DefaultForm .checkbox input{position:absolute;left:0;top:4px;margin:0;padding:0;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;display:inline-block;-moz-appearance:checkbox !important;}

.InschrijfForm fieldset{padding:0 0 20px 0}
.InschrijfForm legend{display:none}

.sortselect select{width:100%;max-width:400px;font-family: "Open Sans", sans-serif;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wdth" 100;font-size:100%;margin:0 0 12px 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#666;border:1px solid #ccc;padding-left:10px}

.sl{display:none}
#sl0{display:block}

.button{}
.button a{background:#c40c2c;color:#fff;font-weight:700;cursor:pointer;padding:10px 20px;-webkit-appearance:none;display:inline-block;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.button a:hover{background:#000;text-decoration:none}

/*breadcrumb*/
.breadcrumb{display:none}

@media (min-width: 768px) { 
	
	/*breadcrumb*/
	.breadcrumb{display:block}
	.breadcrumb a{}
	.breadcrumb a:hover{}

}

/*Share buttons*/
#share-buttons{margin:0;padding:0 0 24px 0}
#share-buttons p{margin:0;padding:12px 6px 12px 0;float:left;line-height:24px}
#share-buttons ul{list-style-type:none;margin:0;padding:0;float:left}
#share-buttons ul li{display:block;margin:0;padding:0 0 0 0;float:left}
#share-buttons ul li a{display:block;width:36px;height:36px;outline:0;padding:6px 3px}
#share-buttons ul li a img{display:block;width:36px;height:36px}
#share-buttons ul li #share-facebook{}
#share-buttons ul li #share-twitter{}
#share-buttons ul li #share-linkedin{}
#share-buttons ul li #share-email{}

#share-buttons:after {
    content: '';
    display: block;
    clear: both;
}



@media (min-width: 768px) { 
	.cleft{width:calc(50% - 10px);float:left}
	.cright{width:calc(50% - 10px);float:right}
}

/*breadcrumb*/
.breadcrumb{display:none}
.breadcrumb a{}
.breadcrumb a:hover{}


.video-item{position:relative;width:100%;padding:24px 0 0 0}

.video{position:relative;width:100%;padding:0 0 56.25% 0;height:0;margin-bottom:12px}
.video .ytplayer{width:100%;height:100%;padding:0;border:0;margin:0;position:absolute;left:0;top:0}
video{width:100% !important;height:auto !important;padding:0;border:0;margin:0 0 24px 0}

.video-item p{}


.song{font-size:12px;line-height:16px}
.song .left{width:50%;float:left;padding:4px 10px 4px 0;box-sizing:border-box}
.song .right{width:50%;float:right;padding:4px 0 4px 10px;box-sizing:border-box}
.song a{display:block}

@media (min-width: 414px) { 
	.song{font-size:13px;line-height:18px}
	.song .left{padding:2px 10px 2px 0}
	.song .right{width:50%;float:right;padding:2px 0 2px 10px}
}
@media (min-width: 480px) { 
	.song{font-size:14px;line-height:20px}
}
@media (min-width: 768px) { 
	.song{font-size:16px;line-height:24px}
	.song .left{padding:0 10px 0 0}
	.song .right{width:50%;float:right;padding:0 0 0 10px}
}

.bestellen{max-width:380px;background:#eee;padding:0 0 0 10px;display:none}
.bestellen span{display:block;width:calc(25% - 10px);box-sizing:border-box;padding:5px 5px;text-align:center;background:green;float:left;margin:0 10px 10px 0;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.bestellen .k{width:calc(25% - 10px)}
.bestellen .h{width:calc(50% - 10px)}
.bestellen p{padding:4px 0 2px 0}

.arr_tit{display:block}
.arr_art{display:none}


.cddvd{position:relative;min-height:48px}
.cddvd a{display:block;min-height:100px}
.cddvd img{position:relative;display:block;width:100px;height:auto}
.cddvd span{position:absolute;left:120px;top:0;display:block;width:calc(100% - 120px);text-decoration:underline}

.audio{padding:0 0 24px 0}
.audio h2{font-size:16px;line-height:24px;padding:0 0 4px 0;color:#c40c2c}

#arcont{min-height:100vh}

.selectgenre{display:inline-block;padding:4px 10px;border:1px solid #ccc;font-size:14px;margin:0 0 4px 0;text-decoration:none}
.selectgenre_active{color:#fff;background:#c40c2c;border:1px solid #c40c2c}
.selectgenre_active:hover{color:#fff}