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

	
}

/* Monitore schmaler als 1200px */
@media screen and (max-width:1200px) {
	
	

}

/* Monitore schmaler als 1024px */
@media screen and (max-width: 1024px){



}

/* Geräte schmaler als 800px */
@media screen and (max-width: 800px){


}

/* Geräte schmaler als 600px */
@media screen and (max-width: 600px){
	
	.section.topbar{
		padding-bottom:0px;
	}
	
	.section.topbar .datetime{
		display:none;
	}
	
	.section{
		padding:20px 20px;
		gap:20px;
	}
	
	.frame{
		width:calc(100vw - 40px) !important;
		max-width:100%;
		padding:20px 10px;
	}
	
	.section.startseite .frame.user{
		gap:10px;
	}

	.block.sidebar{
		width:calc(100vw - 20px);
		align-items:center;
		flex-direction:row;
	}
	
	.block.sidebar .user{
		width:60px !important;
	}
	
	.block.sidebar .main-menu{
		flex-direction:row;
		flex-wrap:nowrap;
		padding:10px;
		width:calc(100% - 60px) !important;
	}
	
	.sidebar .main-menu .button{
		width:calc(20% - 20px);
		padding:5px;
		font-size:0.7em;
	}
	
	.section.edit .frame.detail{
		padding:10px 10px;
		gap:5px;
	}
	
	.section.edit .frame.detail > div{
		width:100% !important;
	}
	
	.section.edit .frame.detail input{
		//width:calc(100% - 20px) !important;
	}
	

	.block.actions{
		width:calc(100vw - 40px) !important;
		padding:30px 10px;
	}
	
	.dienstplan .frame.outlook form{
		width:100%;
	}
	
}