@media(max-width:767px) {
	.col-xs-12 {
		width:100% !important;
	}
}
#webinarCommentCreate {
	background:#b9302f;
	padding:15px;
	margin-bottom:50px;
	padding-top:50px;
}
#webinarCommentCreate:before {
	content:'';
	display:block;
	position:absolute;
	background:url('./online-training-feedback.png') 50% no-repeat;
	background-size:cover;
	width:80px;
	height:80px;
	top:-40px;
	left:50%;
	transform:translateX(-50%);
}

#webinarCommentWrapper {
	margin:50px 0;
}
.webinarComment {
	background:#ccc;
	padding:15px;
	border:1px solid #eee;
	position:relative;
	margin-bottom:45px;
}
.webinarComment::before {
	content:'';
	display:block;
	position:absolute;
	background:url('./krav-maga-online-kommentare.png') 50% no-repeat;
	background-size:cover;
	width:80px;
	height:80px;
	top:-40px;
	left:50%;
	transform:translateX(-50%);
}

#comment-submit {
	margin-bottom:80px !important;
}

@media(min-width:768px) {
	#webinarLiveChatNotice {
		display:none;
	}
}
@media(max-width:768px) {
	#webinarLiveChat {
		display:none;
	}
}

.webinarNextLiveStream {
	margin-top:50px;
	padding:50px 15px 25px;
	border:1px solid #aaa;
	position:relative;
	font-size:13px;
}
.webinarNextLiveStream:before {
	content:'';
	display:block;
	width:51px;
	height:50px;
	background:url('./hinweis-daten-live-webinar.png');
	position:absolute;
	left:50%;
	top:-25px;
	transform:translateX(-50%);
}
.webinarNextLiveStream p {
	margin:0;
}
.webinarNextLiveStream span {
	font-size:150%;
	font-weight:bold;
	color:#b9302f;
}

.webinarPostContent .wp-video {
	width:100% !important;
	min-height:200px !important;
}
.webinarPostContent .wp-video .mejs-container {
	width:100% !important;
	min-height:200px !important;
}
.wwebinarPostContent video {
	width:inherit !important;
	height:initial !important;
}
#btnWebinarLogout {
	margin-bottom:10px;
	background:#9b0000;
	color:#fff;
	border:none;
	padding:8px 15px;
	cursor:pointer;
}

@media (max-width:767px) {
	#imgWebinarMonitor {
		display:none;
	}
}
#imgWebinarMonitor {
	position: absolute;
	right: -2%;
	top: 60%;
	transform: translateY(-50%);
	height: 70%;
}
#imgBackgroundIcon {
	position:absolute;
	top:5%;
	right:5%;
	max-height:70%;
}
iframe.__youtube_prefs__ {
	max-width:100%;
	height:auto;
}



#webinar_wrapper_content {
	margin:0 -30px;
	padding:40px 15px;
}
#webinar_register {
	margin:0 -30px;
	padding:40px 15px;
	position: relative;
	background: url('https://www.krav-maga-institut.de/wp-content/themes/Avada-Child-Theme/webinar/background-image.jpg') 50% no-repeat;
	background-size: cover;
}
#imgWebinarMonitor {
	display:none;
}
.webinarDataWrapper {
	width:100%;
}
#pwbox {
	margin:0 0 8px;
	padding:8px;
	display:block;
	width:100%;
}
@media (min-width:768px) {
	#webinar_register,
	#webinar_wrapper_content {
		margin:30px;
	}
}
@media (min-width:1200px) {
	#webinar_register,
	#webinar_wrapper_content {
		margin:50px;
	}
	.webinarDataWrapper {
		width:50%;
	}
	#imgWebinarMonitor {
		display:block;
	}
}