<template>
  <footer class="simple-footer">
    <p class="simple-footer__strong">Copyright © 2020 hep Verlag, in Zusammenarbeit mit dem EHB</p>
    <p class="simple-footer__regular">Alle Inhalte von mySkillbox, insbesondere Texte und Grafiken, sind urheberrechtlich geschützt. </p>
  </footer>
</template>

<style scoped lang="scss">
  @import "@/styles/_variables.scss";
  @import "@/styles/_mixins.scss";

  .simple-footer {
    width: 100%;
    justify-self: center;
    padding: $large-spacing $small-spacing;
    background-color: $color-silver-light;
    display: grid;
    grid-template-columns: 0 1fr 0;
    box-sizing: border-box;
    overflow: hidden;
    height: 105px;

    @include desktop {
      grid-template-columns: 1fr $footer-width 1fr;
    }

    &__strong {
      @include aside-with-cheese;
      font-weight: 600;
      grid-column: 2;
    }

    &__regular {
      @include aside-text;
      grid-column: 2;
    }
  }
</style>
