body {
	margin: 0;
	background-image: url("/img/background.jpg");
	background-size: cover; 
	background-attachment: fixed; 
	background-position: center center; 
}

* {
	box-sizing: border-box; 
	font-family: Quicksand;
	
}

@font-face{
	font-family: "Quicksand";
	src: url("src/Quicksand/Quicksand/Quicksand-Regular.ttf");
}

a:link { 
	color: yellow;
	background-color: none;
	}

a:visited { color: yellow; }

a:hover { 
	color: black;
	background-color: yellow;
	text-decoration: bold;
	}

input[type=button], input[type=submit], input[type=reset] {
  font-size: 15px;
  background-color: black;
  border: none;
  color: yellow;
  padding: 10px 20px;
  text-decoration: none;
  margin: 2px 2px;
  cursor: pointer;
}

input:hover {
	font-size: 16x;
	color: black;
	background-color: yellow;
	border: 2px solid black;
	text-decoration: bold;
}

button[type=submit] {
  font-size: 15px;
  background-color: black;
  border: none;
  color: yellow;
  padding: 10px 20px;
  text-decoration: none;
  margin: 2px 2px;
  cursor: pointer;
}

button:hover {
	font-size: 16px;
	color: black;
	background-color: yellow;
	border: 2px solid black;
	text-decoration: bold;
}

textarea:hover {
	color: black;
	background-color: yellow;
	text-decoration: bold;
}
	
.logo :not(a:hover){
	position: fixed; 
	top: -70px; 
	left: -70px; 
	width: 250px; 
}

.help :not(a:hover){
	position: fixed;
    top: 5px;
    right: 1px;
    width: 150px;
	animation: blinkingBackground 2s infinite;
}

@keyframes blinkingBackground{
	0%		{}
	100%	{ background-color: yellow;}
	0%		{}
}

.nav {
    background-color: black;
    padding: 1em;
    float: left;
    position: fixed;
	top: 280px;
    line-height: 30px;
}

.menue{
	width: auto;
	min-width: fit-content;
	color: black; 
	background-color: white;
	margin: 5% 20%;
	padding: 2em;
}

.fblogo :not(a:hover) {
	display:block;
	position: fixed;
	bottom: 0;
	left: 0;
}

.datenschutz{
	background-color: grey; 
	position: fixed;
	bottom: 0;
	left: 30%;
	font-size: 19px;
	font-weight: bold; 
	padding: 0.5em; 
}

.version {
	position: fixed;
	bottom: 0;
	left: 50%;
	color: red;
	font-weight: bold;
	background-color: white;
}

.impressum{
	background-color: grey; 
	position: fixed;
	bottom: 0;
	right: 30%;
	font-size: 19px;
	font-weight: bold; 
	padding: 0.5em; 
}

.loginbutton{
	background-color: grey; 
	position: fixed;
    bottom: 0;
    right: 0;
	font-size: 19px;
	font-weight: bold; 
	padding: 0.5em; 
}

.member{
	width: 900px;
	color: black; 
	background-color: white;
	margin: 20px auto;
	padding: 2em;
}

table,
td,
th{
	border: 2px solid black;
	border-collapse: collapse;
}

table{
	width: 100%;
	height: 20px;
}

th, td {
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {background-color: #f2f2f2;}