.footer-leisteoben {
  margin-top: 0px;
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  background-color: #777;
  color: #eee;
  padding: 6px 11vw 6px;
}

.footer-leisteoben-unterteil {
  display: flex;
  gap: 10px;
  align-items: center;
}



.footer-container {
  width: 100%;
  background-color: #191919;
  color: #ddd;
  margin-top: 0px;
  padding-bottom: 5px;
}

.footer-innen {
  margin: 0px 11vw 0px;
  padding-top: 20px;
  padding-bottom: 35px;
  border-bottom: solid #c9c9c9 1px;
  display: flex;
  justify-content: space-between;
  gap: calc(5% + 10px);
}

.footer-innen-links {
  width: 40%;
}

.footer-logo {
  width: 40%;
  padding-left: 10px;
  padding-top: 30px;
  padding-bottom: 20px;
}

.footer-innen-mitte {
}

.footer-titel {
  font-size: 14px;
  padding-top: 24px;
}

.footer-quicklinks {
  font-size: 13px;
  padding-left: 10px;
  color: #ddd;
}

.footer-innen-rechts {
}

.footer-nebeneinander {
    display: flex;
    align-items: center; /* vertikale Ausrichtung */
    flex-wrap: nowrap; /* verhindert, dass die Elemente umgebrochen werden */
    text-decoration: none;
    color: #ddd;
}

.footer-nebeneinander:hover {
    color: #888;
}

.footer-linkhover {
  color: #ddd;
  text-decoration: none;
}

.footer-linkhover:hover {
  color: #888;
}

.footer-svg {
  margin-right: 10px;
}



.footer-copyright {
  text-align: right;
  margin: 20px 11vw 30px;
  color: #eee;
}

.footer-design-link {
  color: red;
  text-decoration: none;
}

.footer-design-link:hover {
  color: #999;
}




@media (max-width: 701px) {
  .footer-leisteoben {
    display: none;
  }
  .footer-innen-mitte {
    display: none;
  }
  .footer-innen-links {
    display: none;
  }
}