footer {
  background: linear-gradient(var(--col-logo), transparent);
  border-bottom: none;
  border-radius: 2rem 2rem 0 0;
  padding-top: 0.5rem;
}

.details {
  background: linear-gradient(200deg, var(--col-background), transparent);
  border-radius: inherit;
}

.details > ul {
  height: 6rem;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.details > ul > li {
  list-style-type: none;

  &::before {
    content: "[ ";
  }

  &::after {
    content: " ]";
  }

}

.details > div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.copy {
  padding: 0.5rem 0 0 2rem;
}

.straße {
  padding: 0.5rem 2rem 0 0;
}

@media screen and (max-width: 900px) {

  .details > ul > li {
    padding: 0.5rem;
  }

  .details > ul {
    height: auto;
  }
  
}

@media screen and (max-width: 600px) {

  .details > ul {
    flex-direction: column;
    padding: 2rem 0;
  }
}