*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

body{
	
	background-image:url("background.png");
	background-size:100%;
	background-repeat:repeat-y;
	font-family:"Helvetica";
	
}
section{
	
	padding-left:80px;
	padding-right:50px;
}

#sections{
	
	width:90vw;
	margin:auto;
	margin-top:300px;
	
}


p{
	padding-left:30px;
	padding-right:150px;
}

.p1{
	padding-left:0px;
}
ul{
	padding-left:40px;
}
h2{
	
	font-size:2em;
	padding-top:10px;
	padding-bottom:10px;
}
h3{
	padding-top:20px;
	
}


.weiss{
	background-color:white;
	color:black;
}
.weiss h2{
	
	padding-bottom:20px;
	padding-top:20px;
	font-size:1.7em;
}

.weiss h3{
	color:#ff00ff;
	padding-bottom:20px;
	padding-top:20px;
	font-size:1.4em;
}

.schwarz{
	background-color:black;
	color:white;
}

.schwarz h2{
	
	padding-bottom:20px;
	padding-top:20px;
	font-size:1.7em;
}
.schwarz h3{
	color:#00f700;
	padding-bottom:20px;
	font-size:1.4em;
}
.gruen{
	color:#00f700;
	padding-bottom:20px;
	font-size:1.4em;
}
.gruen2{
	color:#00f700;
	font-weight:bold;
}
.pink{
	color:#ff08ff;
	font-weight:bold;
}
.pink2{
	color:#ff08ff;
	padding-left:30px;
	font-weight:bold;
}
.hrw{
	width:8vw;
	height:0.7vh;
	background-color:white;
}
.hrs{
	width:8vw;
	height:0.7vh;
	background-color:black;
}


/*CALL*/

#call{
	margin-top: 72%;
	transform: skewY(-1.5deg);
    width:93%;
	
 }
 
.text{
	transform: skewY(1.5deg);
	padding-top:20px;
} 
 
 /*IDK-CIS*/
 
 #IDK_CIS
 {
	 padding-top:30px;
	 width:93%;
	 transform: skewY(-1.5deg);
	 padding-bottom:30px;
	
 }

/*facilities*/

#facilities{
	margin-top:-120px;
	padding-top:150px;
	z-index:10;
	width:93%;
	margin-left:30px;
	padding-bottom:70px;
	
}

/*Links */

a:link{color:#00f700;
text-decoration:none;
font-weight:bold;
}
a:visited{color:#00f700;
text-decoration:none;
}
a:hover{color:#ff08ff;
text-decoration:none;
}

.mail_link:link{
	color:#ff08ff;
	text-decoration:none;
	font-weight:bold;
}

/*schedule*/

#schedule{
	transform: skewY(3.4deg);
	margin-top:-15px;
	
}
#schedule .text{
	transform: skewY(-3.4deg);
	padding-top:50px;
	padding-bottom:90px;
	margin-top:-33px;
}


/*contact*/
#contact{
	
	transform: skewY(4deg);
	margin-top:-20px;
	padding-bottom:30px;
	
}
#contact .text{
	transform: skewY(-4deg);
}
/*spacer*/

#spacer{
	margin-top:-50px;
	background-color:white;
	height:18vh;
	width:100%;
}



@media screen and (min-width: 980px) and (max-width: 1290px) { 
	p{
		
		font-size:1.1em;
	}
	ul{
		
		font-size:1.1em;
		
	}	
} 
	
@media screen and (min-width: 760px) and (max-width: 979px) {
	/*styledefinitions  für   tabletts*/
	#sections{
		margin-top:150px;
				
	}
	
	section{
		padding-left:25px;
		padding-right:15px;
	}
	
	p{
		padding-left:20px;
		padding-right:0px;
		
	}
	ul{
		padding-left:20px;
		
	}
	#facilities{
		margin-left:20px;
	}
	.pink2{
	
	padding-left:0px;
	
	}
	#schedule #text{
	
	padding-bottom:50px;
	}
	
	#spacer{
		height:10vh;
	}	

	
} 
	
	
@media screen and (min-width: 280px) and (max-width: 759px) {

	/*styledefinitions  für  mobile */
	#sections{
		margin-top:10px;
		
	}
	section{
		padding-left:15px;
		padding-right:5px;
	}
	
	p{
		padding-left:10px;
		padding-right:10px;
		font-size:0.8em;
	}
	ul{
		padding-left:10px;
		font-size:0.8em;
		
	}
	#facilities{
		margin-left:10px;
	}
	
	.weiss h2{
		font-size:1.2em;
	}
	
	.pink2{
		padding-left:0px;
	}
	
	#spacer{
		height:10vh;
	}	
	


}