.item-div{
	position: relative;
	width: 100%;		/* desired width */
}
.item-div:before{
	content: "";
	display: block;
	padding-top: 10%; 	/* ratio*/
}
.item-div-2{
	position: relative;
	width: 100%;		/* desired width */
}
.item-div-2:before{
	content: "";
	display: block;
	padding-top: 25%; 	/* ratio*/
}
.fuss-div{
	position: relative;
	width: 100%;		/* desired width */
}
.fuss-div:before{
	content: "";
	display: block;
	padding-top: 35%; 	/* initial ratio*/
}
.footer {
	background: #aaa;
	color: white;
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
    width:100%;
}

/*Schrift-Formate*/
.head-1 {
	font-family:Calibri, sans-serif;
	font-size:30px;
	color: white;
	font-weight:bold;
}
.head-2 {
	font-family:Calibri, sans-serif;	
	font-size:40px;
	color:white;
	font-weight:normal;
	line-height:normal;
	text-align:left
}
.head-3 {
	font-family:Calibri, sans-serif;	
	font-size:70px;
	color:white;
	font-weight:normal;
	text-align:left
}
.head-4 {
	font-family:Times New Roman, serif;	
	font-size:100px;
	color:white;
	font-weight:lighter;
}
.head-5 {
	font-family:Calibri, sans-serif;
	font-size:140px;
	color:white;
	font-weight:lighter;
}
.large-text {
	font-size:60px;
	font-family:Times New Roman, serif;
}