$font-stack:    "Tex Gyre Heros";
$font-color-light:  #c0c0c0;

.page {
  // 296 für Chrome, andere sind mit 197 ok
  width: 210mm;
  height: 296mm;
  background-color: #fff;
  font: 11pt $font-stack !important;
}
.subpage {
  font: 11pt $font-stack !important;
  background-color: transparent;
}
.logo {
  position: absolute;
  &.logo-top {
    top: 7mm;
    left: 125mm;
    width: 80mm;
  }
  &.logo-bottom {
    bottom: 20mm;
    left: 5mm;
    height: 50mm;
  }
}
.info {
  font: 9.5pt $font-stack !important;
  position: absolute;
  left: 145.5mm;
  color: $font-color-light !important;
  b {
    color: $font-color-light !important;
  }
  &.info-top {
    top: 50mm;
  }
  &.info-bottom {
    bottom: 20mm;
  }
}
.absender {
  font: 7.5pt $font-stack !important;
  position: absolute;
  top: 45mm;
  left: 20mm;
}
.anschrift {
  font: 9.5pt $font-stack !important;
  position: absolute;
  top: 60mm;
  left: 25mm;
}
.text {
  position: absolute;
  top: 100mm;
  left: 25mm;
  width: 115mm;
}
@media print and (color) {
  @page {
    size: A4 portrait;
  }
}