@charset "utf-8";
/* CSS Document */
@font-face {
   font-family:"LatoRegular";
   src: url("/fonts/Lato-Regular.ttf") format('truetype');
}
@font-face {
   font-family:"LatoBold";
   src: url("/fonts/Lato-Bold.ttf") format('truetype');
}

body{
	background-repeat: no-repeat;
	background-color: #000000;
	background-size: cover;
	background-position: center;	
}
div{
	text-align: center;	
	margin-bottom: 10px;
}

h1, h2{
	font-size: 40px;
	font-family: "LatoBold";
    font-weight: 400;
	color: #FFFFFF; 	
}

h3{
	font-size: 35px;
	font-family: "LatoRegular";
	font-weight: 400;
	color: #FFFFFF; 
}

h4{
	font-size: 30px;
	font-family: "LatoRegular";
	font-weight: 400;
	color: #FFFFFF; 
}

h5{
	font-size: 25px;
	font-family: "LatoRegular";
	font-weight: 400;
	color: #FFFFFF;
}
ul { padding: 0; }

li{
	text-align: center;
	list-style-position: inside;
	font-family: "LatoRegular";
   font-weight: 400;
	color: #FFFFFF;
	font-size: 25px;
	line-height: 30px;
}
a{
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 25px;
	font-family: "LatoRegular"; 
   font-weight: 400;	
   
}
p{
	color: #FFFFFF;
	font-size: 25px;
	font-family: "LatoRegular";
    font-weight: 400;
	line-height: 25px;
	
}

.logo { 
	margin-bottom: 5px;
}

.datenschutz,
.datenschutz li {
	text-align: left;
}
.album img{
	max-width: 15%;
}




@media (max-width: 669px) {
	h1, h2{
		font-size: 40px;	
	} 

	h3{
		font-size: 35px;
	}

	h4{
		font-size: 30px;
	}

	h5{
		font-size: 25px;
	}

	li{
		font-size: 25px;
		line-height: 30px;
	}
	
	a{
		font-size: 25px;  
	}
	
	p{
		font-size: 25px;
		line-height: 30px;
	}
	
	img {
		width:100%
	}
	
	.album img{
		max-width: unset;
		width: 25%;
	}
	.logo img{
		height: auto;
		width: 100%;
	}

}