html {
/*
background-color: #202124; dunkelgrau wert 14
background-color: #2F3033; dunkelgrau wert 20
color: white;
*/
color: white;


font-family: roboto, sans-serif;
font-style: normal;
font-weight: 300;

font-size:16px;
}

body {
   min-height: 90vh;
    display: flex;
    flex-direction: column;

/*

color: white;
*/
color: white;
background-color: #202124;
font-size:16px;
}
footer{ background:#333333;
    margin-top: auto;
	padding:30px;
	margin-bottom:-10px;
	margin-top:300px;
}
footer a{ color: #FFFFFF;
text-decoration:none;
}

.linkresult a {text-decoration:underline;color:inherit;}
.linkresult a:hover {text-decoration:underline;color:red;}
.linkresult { color:inherit;text-decoration:underline;}
.paresult { color:#FF0000;}
.bag{background-color: #202124;
margin-left:70%;float:left;margin-top:-40px;
border:none;
padding:10px 18px;
text-align:center;
text-decoration:none;
display:inline-block;
font-size:12px;
margin:4px 2px;
cursor:pointer;
border-radius:8px;
}
.button { font-weight:bold;
      font-size: 16px;
  text-align:center;	float:left;
  background-color:#4285F4; color:#FFFFFF;
border:none;
padding:15px 25px;
text-align:center;
text-decoration:none;
display:inline-block;
font-size:12px;
margin:4px 2px;
cursor:pointer;
border-radius:8px;

}
.suchbutton {
border:none;
padding:10px 18px;
text-align:center;
text-decoration:none;
display:inline-block;
font-size:12px;
margin:4px 2px;
cursor:pointer;
border-radius:8px;
}


.bestellbutton {
background-color: #0033FF;
border:none;
color:white;
padding:11px 15px;
text-align:center;
text-decoration:none;
display:inline-block;
font-size:12px;
margin:4px 2px;
cursor:pointer;
border-radius:8px;

}

.list {
background-color:#202124;
border:none;
color:white;
padding:5px 9px;
text-align:center;
text-decoration:none;
display:inline-block;
font-size:12px;
margin:4px 2px;
cursor:pointer;
border-radius:8px;
}


.topnav{width:90%;}

.topnav input[type=text]{
width:90%;padding: 10px 18px;
border-radius: 8px;}