nav {
margin: 0;
position: fixed;
top: 0;
left: 0;
right: 0;
}
a:link {
color: white;
}
a:visited {
color: white;
}
a:active {
color: white;
}
div {
text-align: center;
}
flex-container {
display: flex;
flex-direction: column-reverse;
flex-wrap: wrap;
justify-content: center;
align-content: center;
}
p {
text-align: center;
}
body {
color: white;
background-image: url(bilder/V.png), linear-gradient(to top, #4169E1, #000080);
background-position: 50% 50%;
background-attachment: fixed;
background-repeat: no-repeat;
}
.fuss {
color: black;
background-image: linear-gradient(to top, rgba(255,215,0), rgba(255,255,255));
border: none;
border-top: 3px solid black;
position: fixed;
bottom: 0;
right: 0;
left: 0;
z-index: 999;
}
.buttonl {
color: black;
background-image:  linear-gradient(to bottom, rgba(255,215,0), rgba(255,255,255));
border: none;
border-left: 2px solid black;
border-bottom: 2px solid black;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
transition-duration: 0.4s;
}
.buttonl:hover {
color: white;
background-image:  linear-gradient(to bottom, rgba(0,0,0), rgba(255,255,255));
border: none;
border-left: 2px solid black;
border-bottom: 2px solid black;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
transition-duration: 0.4s;
}
.buttonm {
color: black;
background-image:  linear-gradient(to bottom, rgba(255,215,0), rgba(255,255,255));
border: none;
border-bottom: 2px solid black;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
transition-duration: 0.4s;
}
.buttonm:hover {
color: white;
background-image:  linear-gradient(to bottom, rgba(0,0,0), rgba(255,255,255));
border: none;
border-bottom: 2px solid black;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
transition-duration: 0.4s;
}
.buttonr {
color: black;
background-image:  linear-gradient(to bottom, rgba(255,215,0), rgba(255,255,255));
border: none;
border-right: 2px solid black;
border-bottom: 2px solid black;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
transition-duration: 0.4s;
}
.buttonr:hover {
color: white;
background-image:  linear-gradient(to bottom, rgba(0,0,0), rgba(255,255,255));
border: none;
border-right: 2px solid black;
border-bottom: 2px solid black;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
transition-duration: 0.4s;
}
.alshop {
background-image: linear-gradient(to bottom, rgba(0,255,0), rgba(255,255,255));
border: none;
border-right: 3px solid black;
border-bottom: 3px solid black;
color: black;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
transition-duration: 0.4s;
}
.alshop:hover {
background-image: linear-gradient(to bottom, rgba(255,0,0), rgba(255,255,255));
color: white;
border: none;
border-right: 3px solid black;
border-bottom: 3px solid black;
}