body {
	font-family: "Alegreya";
	/*color: #5e88ab;*/ 
	color: #FFFFFF; 
	background-image: url('pics/logo.svg');
	background-size: 50px;
	background-attachment: fixed;
}

a{
	color:#ffffff; 
}

p{
	font-size: 1.2em;
	line-height: 1.05;
	padding-top:20px;
	text-align: justify;
/*	margin-top:0px;
	padding-top:0px;*/
}

li {
	font-size: 1.2em;
	line-height: 1.2;

}

@media (min-width: 768px) {  
  p{
  	font-size:1.5em;
  }
  li{
  	font-size: 1.5em;
  }
}

.screenshot {
	padding-top:20px;
}

#logo{
	padding:200px;
}

.contentRow{
	padding:20px;
	margin-top:0px;
}

#olsonRow{
	background: rgba(161, 157, 196,0.9);
	margin-top:30px; 
}

.olsonRowImprint{
	background: rgba(161, 157, 196,0.9);
	margin-top:30px;
}

#imprintRow{
	background: rgba(161, 157, 196,0.9);
	margin-top:0px; 
}

.arrowFunRow{
	background: rgba(252, 186, 3,0.9);
}

nav {
	color: #5e88ab ;
  	backdrop-filter: blur(10px);
}

.languageSelect {
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	backdrop-filter: blur(5px);
}

h2{

	line-height: 1;
	padding:0px;
}

footer{
	background: rgba(94, 136, 171,0.9);
}

footer a {
	color: #FFFFFF;
}

main > .container {
  /*padding: 0px 15px 60px 0;*/
  /*margin: 0px 10px 0px 10px;*/
}