thdfooter.vue

<template>
  <footer class="footer mt-auto">
    <div class="container">
      <p class="text-center">
        © 2020 |
        <a>Technische Hochschule Deggendorf</a> |
        <a href="#">Impressum</a> |
        <a href="#">Datenschutz</a> |
        <a href="#">Barrierefreiheit Erklärung</a>
      </p>
    </div>
  </footer>
</template>

<style lang="scss">

footer {
  width: 100%;
  background-color: var(--gray-dark);
  padding: 10px 0px 5px 0px;
}
footer p {
  font-size: 13px;
  color: #ccc;
  padding-bottom: 0px;
  margin: 4px 0 0 0;
}
a,
a:link,
a:focus,
a:active,
a:visited {
  outline: 0;
}
footer a {
  color: white;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

</style>