/* -------------------- Footer BEGINN -------------------- */

.footer-title {
  text-align: center;
  color: var(--color-text);
}
ul.footer-list {
  list-style-type: none;
  padding: 0;
  text-align: center;
}
.footer-list li {
  padding-bottom: 7px;
  font-size: 17px;
}
.footer-list a {
  color: var(--color-text);
  text-decoration: none;
  font-weight: 400;
}
.footer-list a:hover {
  color: var(--color-link-hover);
}
.container-voicebox {
  display: flex;
  align-items: center;
}
.footer-voicebox {
  position: relative;
  background-color: var(--bg-body);
  color: var(--color-link-hover);
  text-transform: uppercase;
  border-radius: 15px;
  text-align: center;
  padding: 1rem;
  border: 6px solid var(--color-akzent);
  font-weight: bold;
  font-size: 1.5rem;
  text-decoration: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.footer-voicebox:before{
content: '';
position: absolute;
border-style: solid;
border-width: 21px 0 21px 20px;
border-color: transparent var(--color-akzent);
display: block;
width: 0;
z-index: 0;
right: -26px;
top: 50%;
}
.footer-voicebox:after{
content: '';
position: absolute;
border-style: solid;
border-width: 20px 0 20px 20px;
border-color: transparent var(--bg-body);
display: block;
width: 0;
z-index: 1;
right: -19px;
top: 50%;
}
@media (min-width: 1400px) {
.footer-voicebox {
  font-size: 2.2rem;
}
  }
@media (min-width: 992px) {
  .footer-title {
    text-align: left;
    padding-bottom: 10px;
  }
  ul.footer-list {
    text-align: left;
  }
}

/*-----------------------------*/

.footer-end {
  text-align: center;
}
.footer-end a {
  color: #fff;
  text-decoration: none;
}
.footer-end a:hover {
  color: var(--color-link-hover);
}

/* -------------------- Footer ENDE -------------------- */