html, body { 
  background: rgb(244, 245, 244); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
}


* {
margin: 0;
padding: 0;
}

.topnav {
	background: rgb(0, 102, 179, 0.8);
	overflow: hidden;
	
}


.topnav a {
	float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 115%; 
	font-family: 'Noto Sans', sans-serif;
}

.topnav a:hover {
  background-color:rgb(224, 224, 224, 0.7);
  color: black;
}


.topnav a.active {
  background-color: rgb(255, 102, 0);
  color: white;
}

.topnav .icons {
  display: none;
  color: white;


}


@media screen and (max-width: 1200px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icons {
    float: right;
    display: block;
	font-size: 300%;


  }
  .topnav a{
	float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	text-decoration: none;
	font-size: 300%; 
	font-family: 'Noto Sans', sans-serif;
	  
  }

}

@media screen and (max-width: 1200px) {
  .topnav.responsive {
	  position: relative;
	  
	 }
  .topnav.responsive a.icons {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	font-size: 300%;
  }
  

}


.Logo {
	
	padding: 10px;
	width: 40%;
	height: 10%;
	max-width: 50%;
	margin: auto;
	position: left;
	
}


h1 {
	
	font-family: 'Mukta', sans-serif;
	margin: 20px;
	font-size: 190%;
	text-align: center;
	color: rgb(0, 102, 179, 0.8);
	border-bottom: 2px solid  rgb(255, 102, 0);
}


aside {
	
	width: 60%;
	text-align: center;

	margin-left: auto;
	margin-right: auto;
	
}


div img {
	
	max-width: 100%;
	max-height: auto;
	padding-bottom: 30px;
}


.flex {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;

}

 .cover {
    background-color: rgb(224, 224, 224, 0.7);
    height: 400px;
    display: flex;
    align-items: center;
	margin-top: 10px;
    justify-content: center;
	font-family: 'Mukta', sans-serif;
	
}


 .grid-content{
    margin: 20px;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(400px, 450px));
	justify-content: center;
	align-items: center;
 }

  .grid-content div{
    display: flex;
    height: 400px;

  }

  .grid-content div button {
    width: 100%;
    height: 100%;
    border: 2px solid black;
    background-color: rgb(224, 224, 224, 0.7);
	font-family: 'Mukta', sans-serif;
  }
  
  .grid-content div a {
	  
	  font-family: 'Mukta', sans-serif;
	  font-size: 40px;
	  text-decoration: none;
	  color: rgb(0, 102, 179)
	  
  }
  

	
footer {
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 1.5em;
	text-align: center;
	background: rgb(0, 102, 179, 0.8);
	padding: 10px
	
}

.content {
	padding: 0em 0em 0em 0em;
	font-family: 'Mukta', sans-serif;
	color: white;
} 

.wrapper {
	position: relative;
	background: white;

}

.icon {
	font-size: 9px;
}

.textformat {
	
	font-family: 'Mukta', sans-serif;
	font-size: 120%;
	text-align: center;
	padding: 20px;
	
}

.headline {
	
	display: flex;
	flex-direction: column;
	font-size: 150%;
	padding: 8px;
	color:  rgb(0, 102, 179);
	font-family: 'Mukta', sans-serif;
}

.bilder{
	
	display: flex;
	position: relative;
	width: 100%;
	max-height: 70%;
}

#appstore {
	
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70%;
	margin-top: 20px;
}

#logo {
	
	width: 60%;
	
}

#element {
	
	position: relative;
	
}

.text{
	padding: 20px;
	color: black;
	max-width: 100%;
	font-family: 'Mukta', sans-serif;
}



.textfaq{
	padding: 40px;
	display: flex;
	justify-content: left;
	align-items: left;
	color: black;
	max-width: 100%;
	font-family: 'Mukta', sans-serif;
	grid-gap: 20px;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 0px;
	margin-bottom: 60px;
	background: rgb(115, 115, 115, 0.03);
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.faqheadline{
	font-size: 130%;
	background: rgba(0, 102, 179, 0);
	padding: 5px;
	padding-left: 20px;
	border-bottom-left-radius: 20px;
	font-family: 'Mukta', sans-serif;
	margin: 15px;
	margin-bottom: 0px;
	margin-right: 20px;
	border-bottom: 3px solid rgb(255, 102, 0, 0.5);
}

.images{
	
	padding: 10px;
	display: grid;
	justify-content: center;
	align-items: center;
	grid-template-columns: repeat(auto-fit, minmax(300px, 800px));
	max-width: 100%;
	grid-gap: 10px;
	
}

.link{
	text-decoration: underline double rgb(255, 102, 0);
	color: rgb(0, 102, 179);
}

#linkfaq{
	text-decoration: none;
}

#stores{
	padding-left: 11vw;
}