@media screen {
  .center {
      display: block;
      margin: 0 auto;
  }

  .float-right {
    float: right;
  }

  .float-left {
    float: left;
  }

  .opaque {
    opacity: 0.5;
  }

  .zoom {
      padding: 1px;
      background-color: white;
      transition: transform .1s; /* Animation */
      width: 30px;
      height: auto;
      margin: auto;
      display: block;
  }

  .zoom:hover {
      transform: scale(10); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
      opacity: 1;
      margin: auto;
      display: block;
  }

  .zoomstrong {
      padding: 1px;
      background-color: white;
      transition: transform .1s; /* Animation */
      width: 30px;
      height: auto;
      margin: auto;
      display: block;
  }

  .zoomstrong:hover {
      transform: scale(15); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
      opacity: 1;
      margin: auto;
      display: block;
  }

  .texticon {
    width: 19px;
  }

  .right {
    display: right;
    margin: 0 auto;
  }

}

@media print {

  @page {
      size: a4 portrait;
      margin: 25mm 10mm 25mm 10mm;
      counter-increment: page;
      font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
      white-space: pre;
      color: grey;

      @top-left {
          content: '© 2019 Truvis AG www.truvis.ch';
      }
      @top-center {
          content: 'Authentica Creator Manual';
      }
      @top-right {
        content: string(chapter);
      }

      @bottom-center {
          content: 'Page ' counter(page);
      }
  }

  .center {
      display: block;
      margin: 0 auto;
  }

  .float-right {
    float: right;
  }

  .float-left {
    float: left;
  }

  .right {
    display: right;
    margin: 0 auto;
  }

  .texticon {
    width: 19px;
  }

  .zoomstrong {
      padding: 1px;
      background-color: white;
      width: 200px;
      height: auto;
      margin: auto;
      display: block;
  }

  .zoom {
      padding: 1px;
      background-color: white;
      width: 200px;
      height: auto;
      margin: auto;
      display: block;
  }
}