@charset "UTF-8";
/* CSS Document */
html {
	font-size: 100%;
	}

body {
  background-color:#000;
  background-image:url("../img/background.png");
  background-repeat: no-repeat;
  background-size: cover; /* Bild füllt den gesamten Bildschirm aus */
  background-attachment: fixed; /* Bild bleibt beim Scrollen fest */
  background-position: center; /* Bild wird zentriert */
}
/* Typographie */
h1 {
	color: #fff; 
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', 'sans-serif';
	font-size: 1.5rem;
	font-weight: normal;
	text-align: center;
}
h2 {
	color: white; 
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', 'sans-serif';
}
p {
	color: white; 
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', 'sans-serif';
	font-size: 1rem;
}

/* Bereiche */
header {
    display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: center;
	height: 100vh;
}

nav {
	/*display: flex;
	flex-direction: column;*/
	padding: 0px;
	padding-bottom: 0px;
}
nav ul {
	/*display: flex;
	flex-direction: row;
	justify-content: center;*/
	padding: 0px;
}

main {
	
}
footer {
	/*display: flex;
	justify-content: center;
	height: 10vh; */
}


.icon {
	width:100px; 
	height:auto;
	
}
#logo {
	width: auto;
	min-width: 300px;
	max-width: 80vw;
}

/* Tablet */
@media screen and (max-width: 800px){
	
	
}


/* Desktop */
@media screen and (min-width: 1200px){
h1 {
	color: #fff; 
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', 'sans-serif';
	font-size: 1.5rem;
	font-weight: normal;
}
h2 {
	color: white; 
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', 'sans-serif';
	font-size: 1.2rem;
}
p {
	color: white; 
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', 'sans-serif';
	font-size: 1rem;
}


#logo {
	width: auto;
	max-width: 1000px;
}

.icon {
	width:100px; 
	height:auto; 
}
}