body {
  background: radial-gradient(red, yellow);
}

#title {
    color: rgb(204, 0, 0);
    font-size: 1.5cm;
    text-decoration: underline;
    text-align: center;
    font-family: Ranchers;
    text-shadow: 4px 4px black;
    cursor: default;
}

#Bild1 {
  height: 25vh;
  width: auto;
  border: solid black;
  border-width: thick;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.Projekte {
  color: rgb(255, 255, 0);
  font-size: 1cm;
  text-align: left;
  font-family: Titillium Web;
  text-shadow: 3px 3px black;
  cursor: default;
}

.Leandro:hover {
  background: linear-gradient(to right, rgb(0, 255, 255), rgba(0, 255, 255, 0.05));
}

.Leandro-div {
  width: 10%;
}
#Leandro-Link1:hover {
  background: linear-gradient(to right, rgb(0, 255, 255), rgba(0, 255, 255, 0.05));
}

#Leandro-Link1 {
  font-family: Patua One;
  font-size: 1cm;
  text-decoration: none;
}

#Leandro-Link2 {
  font-family: Patua One;
  font-size: 1cm;
  text-decoration: none;
}
#Leandro-Link2:hover {
  background: linear-gradient(to right, rgb(0, 255, 255), rgba(0, 255, 255, 0.05));
}

.Leandro {
  font-family: Patua One;
  font-size: 1cm;
  cursor: pointer;
}

.Felix:hover {
  background: linear-gradient(to right, rgb(204, 0, 102), rgba(204, 0, 102, 0.05));
}

.Felix-div {
  width: 6.5%;
}

#Felix-Link1:hover {
  background: linear-gradient(to right, rgb(204, 0, 102), rgba(204, 0, 102, 0.05));
  font-size: 1cm;
  font-family: Patua One;
  text-decoration: none;
}

#Felix-Link1 {
  font-size: 1cm;
  font-family: Patua One;
  text-decoration: none;
}
.Felix {
  font-family: Patua One;
  font-size: 1cm;
  cursor: pointer;
}

.Max:hover {
background: linear-gradient(to right, rgb(51, 153, 102), rgba(51, 153, 102, 0.05));
}

.Max-div {
  width: 6%;
}

#Max-Link1:hover {
  background: linear-gradient(to right, rgb(51, 153, 102), rgba(51, 153, 102, 0.05));
  font-size: 1cm;
  font-family: Patua One;
  text-decoration: none;
}

#Max-Link1 {
  font-size: 1cm;
  font-family: Patua One;
  text-decoration: none;
}

.Max {
  font-family: Patua One;
  font-size: 1cm;
  cursor: pointer;
}

.Luca:hover {
  background: linear-gradient(to right, rgb(255, 102, 153), rgba(255, 102, 153, 0.05));
  font-size: 1cm;
  font-family: Patua One;
  text-decoration: none;
}

.luca-div {
  width: 6.5%;
}

#Luca-Link1:hover {
  background: linear-gradient(to right, rgb(255, 102, 153), rgba(255, 102, 153, 0.05));
  font-size: 1cm;
  font-family: Patua One;
}

#Luca-Link1 {
  font-size: 1cm;
  font-family: Patua One;
  text-decoration: none;
}
.Luca {
  font-family: Patua One;
  font-size: 1cm;
  cursor: pointer;
}

.Ole:hover {
  background: linear-gradient(to right, rgb(153, 153, 255), rgba(153, 153, 255, 0.05));
  font-size: 1cm;
  font-family: Patua One;
}

.Ole-div {
  width: 4.8%;
}

#Ole-Link1:hover {
  background: linear-gradient(to right, rgb(153, 153, 255), rgba(153, 153, 255, 0.05));
  font-size: 1cm;
  font-family: Patua One;
}

#Ole-Link1 {
  font-size: 1cm;
  font-family: Patua One;
  text-decoration: none;
}

.Ole {
  font-family: Patua One;
  font-size: 1cm;
  cursor: pointer;
}

.Fertig {
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-size: auto;
  font-family: Titillium Web;
  justify-content: flex-end;
  color: rgb(255, 255, 0);
  margin-top: 0.25%;
  cursor: default;
}

.Titel-Fertig {
  text-shadow: 3px 3px black;
  float: right;
  text-align: right;
}

#Item1 {
  display: flex;
  justify-content: flex-end;
  font-size: 1cm;
  text-decoration: none;
  font-family: Patua One;
  color: black;
}

#Item1:hover {
  background: linear-gradient(to left, rgb(204, 0, 102), rgba(204, 0, 102, 0.05));
}

#Item2 {
  display: flex;
  justify-content: flex-end;
  font-size: 1cm;
  text-decoration: none;
  font-family: Patua One;
  color: black;
}

#Item2:hover {
  background: linear-gradient(to left, rgb(204, 0, 102), rgba(204, 0, 102, 0.05));
}

#Item3 {
  display: flex;
  justify-content: flex-end;
  font-size: 1cm;
  text-decoration: none;
  font-family: Patua One;
  color: black;
}

#Item3:hover {
  background: linear-gradient(to left, rgb(204, 0, 102), rgba(204, 0, 102, 0.05));
}

#Item4 {
  display: flex;
  justify-content: flex-end;
  font-size: 1cm;
  text-decoration: none;
  font-family: Patua One;
  color: black;
}

#Item4:hover {
  background: linear-gradient(to left, rgb(204, 0, 102), rgba(204, 0, 102, 0.05));
}

.hintergrund1 {
  margin-top: 20vh;
}
#Item5 {
  display: flex;
  justify-content: flex-end;
  font-size: 1cm;
  text-decoration: none;
  font-family: Patua One;
  color: black;
}

#Item5:hover {
  background: linear-gradient(to left, rgb(204, 0, 102), rgba(204, 0, 102, 0.05));
}

#Item6 {
  display: flex;
  justify-content: flex-end;
  font-size: 1cm;
  text-decoration: none;
  font-family: Patua One;
  color: black;
}

#Item6:hover {
  background: linear-gradient(to left, rgb(204, 0, 102), rgba(204, 0, 102, 0.05));
}


/*
.link-leandro:link {
    color: red;
}

.link-leandro:visited {
    color: green;
}

.name-leandro
    color: green;
}

.name-felix {
    color: orange;
}

.name-max {

}

.name-luca {
    color: pink;
}

.name-ole {
    color: steelblue;
}
.link-felix:link {
    color: purple;
}

.link-felix:visited {
    color: orange;
}
.link-luca:link {
    color: blue;
}
.link-luca:visited {
    color: pink;
}


.Projekte {
  color: orange;
}
.Projekte:hover {
    background: green;
}

ul > li{
  color: green;
}