/* Monitore breiter als 1920px */
@media screen and (min-width: 1920px){
	

	
}

/* Monitore schmaler als 1380px */
@media screen and (max-width:1380px) {
	body{
		padding:25px;
	}
	
	.right-wrap{
		right:25px;
		height:calc(100vh - 50px);
	}
	
	.left-wrap{
		width:calc(100% - 475px);
		z-index:1;
	}
	
	.stream-head{
	}
	
	.title-wrap{
		max-width:100%;
	}
	
	.video-wrap{
		margin-top:25px;
	}
	
	.ablaufitem .titel{
		font-size:1.2em;
	}
	
	.block{
		padding:25px;
	}

}

/* Monitore schmaler als 1024px */
@media screen and (max-width: 1200px){
	
	.modul-btn{
		width:50px;
		height:50px;
		padding:10px;
		margin-right:25px;
	}
	
	.streampage-wrap{
		flex-wrap:wrap;
	}
	.left-wrap{
		width:100%;
		transition:all 300ms ease;
	}
	
		.left-wrap.active{
		width:calc(100% - 375px);
	}

	
	.stream-head{
		display:flex;
		justify-content:space-between;
		position:fixed;
		top:0px;
		right:0px;
		left:0px;
		width:100%;
		padding:25px;
	}
	
	.logo-wrap,
	.title-wrap,
	.side-wrap{
		float:none;
	}
	
	.title-wrap{
		margin-bottom:0;
		max-width:50%;
	}
	
	.side-wrap{
		min-width:8em;
	}
	
	.right-wrap{
		width:350px;
		right:-450px;
		transition:all 300ms ease;
	}
	
	.right-wrap.active{
		right:25px;
	}
	
	.video-wrap{
		height:calc(56.25vw - 50px);
		box-shadow:none;
		margin-bottom:25px;
	}
	
	.left-wrap .powered-by{
		margin-bottom:25px;
	}
	
	.mobile-modul-toggle{
		display:flex;
		cursor:pointer;
	}
	
	.mobile-modul-toggle.active svg{
		transform:rotate(-45deg);
	}

}


/* Monitore schmaler als 1024px */
@media screen and (max-width: 1024px){
	
	body{
		padding:0;
	}
	
	.header{
		padding:0 1em;
	}
	
	.block{
		1em;
	}
	
	.facts.block{
		padding:0;
	}
	
	.facts .inner{
		padding:1em;
	}
	
	.ablauf .inner{
		flex-wrap:wrap;
	}
	
	.ablaufitem{
		width:50%;
		padding:0.5em;
	}
	
	.menu-container{
		justify-content:space-between;
	}
	
	.menu-container .link-block{
		margin:0;
	}
	
	.tests h2{
		margin-bottom:0.25em;
	}
	
	.tests .introtext{
		width:100%;
		padding:0;
	}
	
	.block h2{
		margin-bottom:0.25em;
	}
	
	.ablaufitem .zahl{
		font-size:4em;
	}
	
	.ablaufitem .titel{
		height:auto;
	}
	
}

/* Geräte schmaler als 800px */
@media screen and (max-width: 800px){
	
	.stream-head{
		position:relative;
		flex-wrap:wrap;
		padding:0;
	}
	
	.logo-wrap{
		height:50px;
		width:100%;
		background-size:contain;
		background-position:left center;
		background-repeat:no-repeat;
	}
	
	.title-wrap{
		width:100%;
		max-width:100%;
	}
	
	.mobile-modul-toggle{
		display:none;
	}
	
	.video-wrap{
		margin-top:0 !important;
	}
	
	.right-wrap{
		position:relative;
		left:0;
		width:100%;
		height:100vw;
		margin-bottom:25px;
	}
	
	#video_container{
		margin-bottom:0;
	}
	
	.modul-container.active{
		height:calc(100vw - 300px);
	}
	
	
}

/* Geräte schmaler als 600px */
@media screen and (max-width: 600px){
	
	.right-wrap{
		height:100vh;
		width:100%;
		border-radius:0;
		margin-bottom:0;
	}
	
	body{
		padding:0;
	}
	
	.stream-head{
		padding:10px 10px 0 10px;
	}
	
	.video-wrap{
		border-radius:0;
		margin-bottom:0;
	}
	
	.modul-head{
		height:auto;
		font-size:0.75em;
		padding:10px;
	}
	
	.modul-input-wrap{
		padding:10px;
		height:auto;
	}
	
	.modul-container,
	.modul-container.active{
		height:calc(100% - 225px);
	}
	
	.left-wrap .powered-by{
		padding-right:10px;
		margin-bottom:5px;
		height:auto;
		width:auto;
		font-size: 0.75em;
		float:right;
	}
	
	.logo-wrap{
		margin-bottom:20px;
	}
	
	.modul-btn{
		float: none;
	}
	
	.modul-menu{
		display:flex;
	}
	
	.pmagic .pm-login-box{
		margin:0;
		width:100%;
		max-width:100%;
	}
	
	.pmagic .pm-login-box form#pm_login_form{
		padding:10px;
	}
	
	.pmagic .pm-login-box input[type="text"], .pmagic .pm-login-box input[type="password"]{
		margin:0 !important;
		margin-bottom:2em !important;
		width:100% !important;
		max-width:100% !important;
	}
	
	.modul-input input[type="text"]{
		//width:auto;
	}
	
	.pmagic #pm_regform_2{
		margin:0;
		width:100%;
		max-width:100%;
	}
	
	.pmagic fieldset{
		padding:10px;
	}
	
	.modul-input{
		height:auto;
	}
	
	.slider-wrap .slidertext.oben-links{
		top:auto;
		left:auto;
	}
	
	.facts .inner{
		flex-wrap:wrap;
	}
	
	.facts .inner > div{
		width:50%;
	}
	
	.facts .inner i{
		font-size:2em;
		margin-bottom:0.25em;
	}
	
	.facts .inner p.title{
		margin-bottom:0;
	}
	
	.header .innen{
		flex-wrap:wrap;
	}
	
	.menu-container{
		align-items:flex-start;
	}
	
		.header{
		padding:0 0.5em;
	}
	
	.facts .inner{
		padding:0.5em;
	}
	
	.block{
		padding:0.5em;
	}
	
	.testarten li{
		flex-wrap:wrap;
	}
	
	.testarten .testname{
		width:100%;
		margin-bottom:0.5em;
	}
	
	.footer.block .inner{
		display:flex;
		flex-wrap:wrap;
		flex-direction:column-reverse;
	}
	
	.footer.block .col4,
	.footer.block .col6{
		width:100%;
	}
	
	.footer.block .col6{
		margin-bottom:2em;
	}
	
	.footer.block .col6 .menu-container{
		justify-content:flex-start;
	}
	
}

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

}

@media screen and (max-width: 1400px) and (orientation: landscape) and (hover: none) and (pointer: coarse) {
	
	.stream-head{
		position:relative;
		//flex-wrap:wrap;
		padding:0;
	}
	
	.logo-wrap{
		height:50px;
		//width:100%;
		background-size:contain;
		background-position:left center;
		background-repeat:no-repeat;
	}
	
	.title-wrap{
		//width:100%;
		//max-width:100%;
	}
	
	.mobile-modul-toggle{
		display:none;
	}
	
	#video_container{
		margin-bottom:0;
	}
	
	.video-wrap{
		margin-top:0 !important;
	}
	
	.right-wrap{
		position:relative;
		right:0;
		width:100%;
		height:100vh;
	}
	
	.modul-container{
	display:none;
	}
	
	.modul-container.active{
	display:block;
	height:calc(100vh - 100px);
	overflow-y:scroll;
	}
	
	.modul-container.active.modul-agenda, .modul-container.active.modul-info{
		height:calc(100vh - 100px);
	}
	
	.modul-container.active.modul-qa{
		height:calc(100vh - 250px);
	}
	
	.powered-by{
		height:auto;
	}
	
	.modul-head{
		height:auto;
	}
	
	.modul-menu{
		height:100px;
	}
	
}