.info-sprung {
  text-align: center;
  margin: 40px left;
}

.info-sprung a {
  display: inline-block;
  padding: 10px 20px;
  background: #a4078c;
  color: rgb(20, 1, 1);
  text-decoration: none;
  border-radius: 8px;
  font-weight: bold;
  transition: 0.2s;
}

.info-sprung a:hover {
  background: #a4078c;
}





.hauptmenue,
.untermenue {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px;
}

.hauptmenue {
  background: var(--menu-bg);
}

.untermenue {
  background: var(--submenu-bg);
}

.hauptmenue a,
.untermenue a {
  color: white;
  text-decoration: none;
  padding: 8px 14px;
  border-radius: 6px;
  font-weight: bold;
}

.hauptmenue a:hover {
  background: var(--menu-hover);
}

.untermenue a:hover {
  background: var(--submenu-hover);
}

.hauptmenue a.aktiv,
.untermenue a.aktiv {
  background: var(--menu-active);
}

/* HAUPTMENÜ UND UNTERMENÜ */

.hauptmenue,
.untermenue {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px;
  margin: 0 auto;
  background: var(--bg) repeat;
}

.hauptmenue a,
.untermenue a {
  display: inline-block;
  color: white;
  background: rgba(95, 102, 110, 0.75);
  text-decoration: none;
  padding: 9px 15px;
  border-radius: 7px;
  font-weight: bold;
}

.hauptmenue a:hover,
.untermenue a:hover,
.hauptmenue a.aktiv,
.untermenue a.aktiv {
  background: #2e8b57;
}

.zurueck-info {
    text-align: right;

    margin-top: 25px;

    margin-bottom: 60px;
}

.zurueck-info a {
    background: #740472;

    color: white;

    text-decoration: none;

    padding: 8px 18px;

    border-radius: 8px;

    font-family: "Comic Sans MS", Arial, sans-serif;

    font-weight: bold;
}

.zurueck-info a:hover {
    background: #9c0698;
}