﻿/* IFRAME */
#main .html iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}
/* ###### */


/* GRIDELEMENTS */
#main .two-cols-item-left {
	float:left;
	width:48%;
}
#main .two-cols-item-right {
	float:right;
	width:48%;
}

#main .three-cols-container {
	width:950px;
	display:flex;
	align-items:stretch;
	justify-content:space-between;
}
	#main .three-cols-container .three-cols-item {
		width:32%;
	}

#main .two-cols-container-66-33 {
	width:950px;
	display:flex;
	align-items:stretch;
	justify-content:space-between;
}
#main .two-cols-container-66-33 .two-cols-item-33 {
	width:32%;
}
#main .two-cols-container-66-33 .two-cols-item-66 {
	width:66%;
}
/* ############ */


/* AUFTRITTE */
#main .list-item {
	width:100%;
	margin-bottom:30px;
	border-bottom:1px dotted #727272;
	display:flex;
}
#main .list-item.last {
	border-bottom:none;
}
	#main .list-item .list-item-left {
		width:30%;
	}
	#main .list-item .list-item-right {
		width:70%;
	}
		#main .list-item span {
			display:block;
			line-height:24px;
			text-align:left;
		}
			#main .list-item span.list-item-header {
				font-weight:700;
			}

#main .no-news-found {
	line-height:24px;
	margin-bottom:30px;
}

/* live */
#main .list-item.list-item-live {
	align-items:flex-start;
	padding-bottom:30px;
}
#main .list-item.list-item-live .list-item-left {
	width:20%;
}
	#main .list-item.list-item-live .list-item-date-weekday {
		text-transform:uppercase;
		font-size:40px;
		line-height:46px;
	}
	#main .list-item.list-item-live .list-item-date-day {
	}
	#main .list-item.list-item-live .list-item-date-time {
	}
#main .list-item.list-item-live .list-item-middle {
	width:50%;
}
	#main .list-item.list-item-live .list-item-middle p {
		margin-bottom:0;
	}
#main .list-item.list-item-live .list-item-right {
	width:30%;
	text-align:right;
}
	#main .list-item.list-item-live .list-item-right a {
		display:inline-block;
		width:70%;
		line-height:40px;
		background:#DEDEDE;
		text-decoration:none;
		text-align:center;
		color:#727272;
	}
/* #### */

/* ######### */


/* BOX */
#main .two-cols-container-66-33 .news-list-view {
	width:100%;
	display:flex;
	align-items:stretch;
	justify-content:space-between;
}
#main .two-cols-container-66-33 .fullsize-content,#main .two-cols-container-66-33 .news-list-view {
	height:100%;
}
#main .box-item {
	display:inline-block;
	width:100%;
	height:100%;
	background:#4D5163;
	color:#FFF;
	padding:30px 30px 10px 30px;
	text-align:center;
	position:relative;
}
#main .two-cols-item-66 .box-item {
	width:48.484849%;
}
	#main .box-item .box-date {
	}
		#main .box-date span {
			display:block;
		}
			#main .box-date span.box-date-date {
				font-family:"Fjalla One", sans-serif;
				font-weight:400;
				line-height:28px;
				font-size:24px;
			}
			#main .box-date span.box-date-time {
				color:#727272;
				line-height:24px;
				margin-bottom:30px;
				font-weight:700;
			}
	#main .box-content {
	}
		#main .box-content p {
			text-align:center;
		}
	#main .box-item a,#main .box-item a:link,#main .box-item a:hover,#main .box-item a:active,#main .box-item a:visited,#main .box-item a:focus {
		color:#FFF;
	}
	#main .two-cols-item-33 .box-item a,#main .two-cols-item-33 .box-item a:link,#main .two-cols-item-33 .box-item a:hover,#main .two-cols-item-33 .box-item a:active,#main .two-cols-item-33 .box-item a:visited,#main .two-cols-item-33 .box-item a:focus {
		background:#3B3E4E;
		display:block;
		width:100%;
		line-height:40px;
		text-decoration:none;
		position:absolute;
		left:0;
		bottom:0;
		z-index:1;
	}
/* ### */


/* NEWSLETTER */
#main .newsletter-container {
	display:inline-block;
	width:100%;
	margin-bottom:30px;
}
	#main .newsletter-item {
		margin-bottom:5px;
	}
		#main .newsletter-item label {
			line-height:50px;
			width:200px;
			float:left;
		}
		#main .newsletter-item select,#main .newsletter-item input {
			float:left;
			height:50px;
			font-family:"Arvo", serif;
			font-size:18px;
			font-weight:400;
			color:#727272;
			-webkit-appearance:none;
			-moz-appearance:none;
			appearance:none;
			border-radius:0;
			border:1px solid #727272;
			background:#FFF;
			width:250px;
			padding:0 5px;
		}
		#main .newsletter-item select {
			background:#FFF url(../Images/select.png) right 50% no-repeat;
		}
	#main .newsletter-container input[type=button] {
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		border-radius:0;
		border:1px solid #727272;
		height:50px;
		font-family:"Arvo", serif;
		font-size:18px;
		font-weight:400;
		color:#FFF;
		width:450px;
		background:#4D567B;
	}
/* ########## */


/* PARALLAX LINKS */
#main .links-image-parallax {
	display:inline-block;
	width:100%;
	margin-top:30px;
	padding:30px 0 20px 0;
	background-position:50% 50%;
	background-size:cover;
	color:#FFF;
	position:relative;
}
#main .links-image-parallax::before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	z-index:-10;
	width:100%;
	height:100%;
	background: url(../Images/overlay.png) 50% 50% repeat;
}
	#main .link-image-parallax {
		width:950px;
		margin:0 auto;
		text-align:right;
	}
		#main .link-image-parallax .links-items-wrap {
			display:inline-block;
			width:570px;
		}
			#main .links-items-wrap .link-box {
				width:280px;
				display:block;
				float:left;
			}
			#main .links-items-wrap .link-box:nth-child(2n) {
				margin-left:10px;
			}
			#main .links-items-wrap .link-box a,#main .links-items-wrap .link-box a:link,#main .links-items-wrap .link-box a:hover,#main .links-items-wrap .link-box a:active,#main .links-items-wrap .link-box a:visited,#main .links-items-wrap .link-box a:focus {
				border:1px solid #FFF;
				font-family:"Fjalla One", sans-serif;
				font-weight:400;
				color:#FFF;
				display:block;
				text-decoration:none;
				line-height:30px;
				text-align:left;
				padding:15px;
				font-size:30px;
				margin-bottom:10px;
				position:relative;
				background:rgba(0,0,0,0.6);
			}
				#main .links-items-wrap .link-box a span {
					font-family:"Arvo", serif;
					font-size:18px;
					font-weight:700;
					color:#727272;
				}
				#main .links-items-wrap .link-box.link-box-one a::after {
					content:"";
					position:absolute;
					right:15px;
					top:-50px;
					z-index:2;
					width:89px;
					height:94px;
					background:url(../Images/headphones.png) 50% 50% no-repeat;
				}
/* ############## */


/* ###################################################################################################### */
/* ###################################################################################################### */
/* ###################################################################################################### */
/* ###################################################################################################### */
/* ###################################################################################################### */
/* responsive Seetings */


@media only screen and (max-width: 1000px) {


/* PARALLAX LINKS */
#main .link-image-parallax {
	width:90%;
}
/* ############## */


/* GRIDELEMENTS */
#main .two-cols-item-left,#main .two-cols-item-right {
	float:none;
	width:100%;
}

#main .three-cols-container {
	width:100%;
	display:block;
}
	#main .three-cols-container .three-cols-item {
		width:100%;
	}

#main .two-cols-container-66-33 {
	width:100%;
	display:block;
}
#main .two-cols-container-66-33 .two-cols-item-33 {
	width:100%;
}
#main .two-cols-container-66-33 .two-cols-item-66 {
	width:100%;
}
/* ############ */


/* BOX */
#main .two-cols-container-66-33 .news-list-view {
	width:100%;
	display:block;
}
#main .two-cols-container-66-33 .fullsize-content,#main .two-cols-container-66-33 .news-list-view {
	height:auto;
}
#main .box-item {
	height:auto;
	padding:30px 30px 0 30px;
}
#main .two-cols-item-33 .box-item {
	padding:30px;
}
#main .two-cols-item-66 .box-item {
	width:100%;
	margin-bottom:15px;
}
/* ### */


}


@media only screen and (max-width: 800px) {


/* PARALLAX LINKS */
#main .link-image-parallax {
	text-align:left;
}
	#main .link-image-parallax .links-items-wrap {
		display:block;
		width:100%;
	}
		#main .links-items-wrap .link-box {
			width:49%;
			margin-bottom:2%;
		}
		#main .links-items-wrap .link-box:nth-child(2n) {
			margin-left:2%;
		}
		#main .links-items-wrap .link-box a,#main .links-items-wrap .link-box a:link,#main .links-items-wrap .link-box a:hover,#main .links-items-wrap .link-box a:active,#main .links-items-wrap .link-box a:visited,#main .links-items-wrap .link-box a:focus {
			line-height:26px;
			padding:10px;
			font-size:26px;
			margin:0;
		}
			#main .links-items-wrap .link-box a span {
				font-size:16px;
			}
/* ############## */


}


@media only screen and (max-width: 600px) {


/* PARALLAX LINKS */
#main .links-items-wrap .link-box {
	width:100%;
	margin-bottom:2%;
}
#main .links-items-wrap .link-box:nth-child(2n) {
	margin-left:0;
}
/* ############## */


/* AUFTRITTE */
#main .list-item {
	display:block;
}
	#main .list-item .list-item-left {
		width:100%;
	}
	#main .list-item .list-item-right {
		width:100%;
	}

/* live */
#main .list-item.list-item-live .list-item-left {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#main .list-item.list-item-live .list-item-middle {
	width:100%;
	margin-top:15px;
}
#main .list-item.list-item-live .list-item-right {
	width:100%;
	text-align:left;
	margin-top:15px;
}
	#main .list-item.list-item-live .list-item-right a {
		width:100%;
	}
/* #### */

/* ######### */


/* NEWSLETTER */
	#main .newsletter-item label {
		width:100%;
		float:none;
	}
	#main .newsletter-item select,#main .newsletter-item input {
		float:none;
		width:100%;
	}
#main .newsletter-container input[type=button] {
	width:100%;
}
/* ########## */


}


@media only screen and (max-width: 400px) {
}