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

@font-face {
  font-family: 'TeX Gyre Heros';
  src: url('/fonts/texgyreheros-regular-webfont.woff') format('woff');
  font-style: normal;
}

@font-face {
  font-family: 'TeX Gyre Heros';
  src: url('/fonts/texgyreheros-bold-webfont.woff') format('woff');
  font-style: normal;
  font-weight: bold;
}

@font-face {
  font-family: 'TeX Gyre Heros';
  src: url('/fonts/texgyreheros-italic-webfont.woff') format('woff');
  font-style: italic;
}

@font-face {
  font-family: 'TeX Gyre Heros';
  src: url('/fonts/texgyreheros-bolditalic-webfont.woff') format('woff');
  font-style: italic;
  font-weight: bold;
}

.voffset-halb {
  margin-top: 0.5em;
}
.voffset-1 {
  margin-top: 1em;
}
.voffset-2 {
  margin-top: 2em;
}
.voffset-3 {
  margin-top: 3em;
}
.voffset-4 {
  margin-top: 4em;
}
.voffset-5 {
  margin-top: 5em;
}
.voffset-6 {
  margin-top: 6em;
}
.voffset-7 {
  margin-top: 7em;
}
.voffset-8 {
  margin-top: 8em;
}
.voffset-9 {
  margin-top: 9em;
}
.voffset-20 {
  margin-top: 20em;
}

hr {
  border-color: #000;
  height: 1px;
  margin: 3px 0;
  &.hr-rot {
    border-color: #ff2700;
    margin: 8px 0;
  }
  &.hr-grau {
    border-color: rgb(100,100,100) !important;
  }
}
.table-eng {
  margin-bottom: 0px;
  td {
    padding: 1px !important;
    font-size: 9pt;
  }
}
.table-noten {
  margin-bottom: 1em;
}
.fach-bezeichnung {
  padding-left: 10mm;
  &.padding-5 {
    padding-left: 2em;
  }
}
.td-fach-note {
  border: 5px white solid;
  padding: 0;
  width: 12em;
  span {
    // background-color: #c0c0c0 !important;
    background-color: #dcdcdc !important;
    text-align: center;
    width: 10em;
    display: block;
    vertical-align: middle;
    margin:0 auto;
    &.e-note {
      background-color: white !important;
      width: 17em;
      margin: 0;
      padding: 0;
    }
  }
}
.td-padding-extra {
  padding: 2mm 0 2mm 0;
}
.fachgruppe-margin {
  padding-top: 0.3em;
}
.fett {
  font-weight: bolder;
}
.lernfeld-lernbereich {
  padding-left: 2em;
}
.lernbereich {
  padding-left: 20mm;
}
.pull-bottom {
  position: absolute;
  bottom: 0;
  padding: 0;
  //row zu kurz, wenn Text nicht mehrzeilig ist
  // width: 100%;
  // evtl so besser:
  display:block; width: auto;
  .schulnummer {
    text-align: right;
  }
}
.kleiner-10rem {
  font-size: 0.9rem;
}
.kleiner-20rem {
  font-size: 0.8rem;
}
.kleiner-30rem {
  font-size: 0.7rem;
}
.kleiner-40rem {
  font-size: 0.6rem;
}
.klein {
  font-size: 8pt;
}
.klein-7 {
  font-size: 7pt;
}
.klein-8 {
  font-size: 8pt;
}
.klein-9 {
  font-size: 9pt;
}
.eng {
  line-height: 1.3em;
}
.grau *{
  color: rgb(100,100,100) !important;
}
ul.dashes {
  padding-left: 0px;
  li:before{
    content:"–";
    position:absolute;
    margin-left: 1.0em;
  }
}
.seitenlogo {
  position: absolute;
  bottom: 10mm;
  left: 10mm;
}
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.page {
  position: relative;
  padding: 10mm 25mm 10mm 25mm;
  &:active {background-color: #ffeaea;}
  border: 1px solid black;
  -webkit-box-shadow: 5px 5px 4px 0px rgba(192,192,192,1);
  -moz-box-shadow: 5px 5px 4px 0px rgba(192,192,192,1);
  box-shadow: 5px 5px 4px 0px rgba(192,192,192,1);
  -webkit-print-color-adjust: exact;
}
.subpage {
  font: 10pt $font-stack;
  background-color: white;
  position: relative;
  min-height: 100%;
  &.font-size-8 {
    font: 8pt $font-stack;
  }
  &.font-size-11 {
    font: 11pt $font-stack;
  }
}
table.fixed {
  table-layout: fixed;
  table th, table td {
    overflow: hidden;
  }
}

@media print {
  * {
    //alles was Farbe hat mitdrucken
    -webkit-print-color-adjust: exact;
  }
  //Bootstrap-Eigenart Links mit auszudrucken...
  a[href]:after {
    content: "";
  }
  .container {
    padding: 0;
    margin: 0;
  }
  .page {
    page-break-after: always;
    margin: 0px;
    border: none;
    margin-bottom: 0px;
    -webkit-box-shadow:initial;
    -moz-box-shadow:initial;
    box-shadow: initial;
  }
}