@charset "UTF-8";
/* CSS Document */
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Schriftgrössen */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (max-width : 1024px) {
/**************** HOME FORMAT *****************/		
}
@media only screen and (max-width: 768px) {
/**************** HOME FORMAT ****************/
		header ul  { 
		display: flex;
			width: inherit;
	flex-flow: row nowrap;
	justify-content: flex-end;
			padding-right: 0px !important;
			}
		
		header ul li:nth-child(3) { 
		margin-right: 44px!important;
		}
		header ul li:nth-child(4) { 
		margin-right: 90px!important;
		}


	#menu {
		max-width: 748px;
		padding-right: 20px;
}

/********************Bildernavigation**********************/		
#home .box,
.box {  
	flex-direction: column;
        }
/************************************/	
}
@media only screen and (max-width: 414px) {

header {
	height: 176px;
	background-size: 150px;
	background-position: 15px 15px;
		} 
	header .home a,
	header .show a  {
		width: 160px;
		height: 150px;
		}
	header .home a:after,
	header .show a:after {
			padding-top: 110px;
			padding-left: 160px;
	font-size:20px;
	line-height: 24px;

		}	

		header ul  { 
			width: 160px!important;
			}
		header ul li:nth-child(1),
		header ul li:nth-child(2),
		header ul li:nth-child(3) { 
		display: none;
		margin-top: 10px!important;
		}
.header {
		height: 176px;
}
	#menu {
			max-width: 414px;
		padding-right: 20px;
	}
		#menu input ~ nav > ul:first-child:before {
	background-size: 150px;
	background-position: 15px 15px;
	}
	nav {
		padding-left: 30px;
		}

/**************** UL FORMAT *****************/		
		
		p, p.kurse_details, 
		p.kurse_details:first-of-type  {	
			font-size: 1.0em;
			line-height: 1.4em;
		}		
		p,  
		p.kurse_details:first-of-type  {	
			padding-top: 15px;
		}		
		p.kurse_details:before   {
			content: attr(data-label);
			display: inline-block;
			min-width: 80px;
}
/***********************************************************/	

}
@media only screen and (max-width: 375px) {
	
	#menu {
			max-width: 375px;
		padding-right: 20px;
	}
}

@media only screen and (max-width: 320px) {
	
		
		
/**************** MENU FORMAT *****************/
	
	#menu {
			max-width: 320px;
		padding-right: 20px;
	}
		
}