@font-face {
  font-family: "ApfelGrotezk";
  src: local("ApfelGrotezk"), local("ApfelGrotezk-Regular"),
    url("../fonts/ApfelGrotezk/ApfelGrotezk-Regular.woff2") format("woff2"),
    url("../fonts/ApfelGrotezk/ApfelGrotezk-Regular.woff") format("woff"),
    url("../fonts/ApfelGrotezk/ApfelGrotezk-Regular.otf") format("opentype");

  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "ApfelGrotezk";
  src: local("ApfelGrotezk-Bold"),
    url("../fonts/ApfelGrotezk/ApfelGrotezk-Fett.woff2") format("woff2"),
    url("../fonts/ApfelGrotezk/ApfelGrotezk-Fett.woff") format("woff"),
    url("../fonts/ApfelGrotezk/ApfelGrotezk-Fett.otf") format("opentype");

  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "JetBrainsMono";
  src: local("JetBrainsMono"), local("JetBrainsMono-Regular"),
    url("../fonts/JetBrainsMono/JetBrainsMono-Regular.woff2") format("woff2"),
    url("../fonts/JetBrainsMono/JetBrainsMono-Regular.ttf") format("truetype");

  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "JetBrainsMono";
  src: local("JetBrainsMono-Bold"),
    url("../fonts/JetBrainsMono/JetBrainsMono-Bold.woff2") format("woff2"),
    url("../fonts/JetBrainsMono/JetBrainsMono-Bold.ttf") format("truetype");

  font-weight: 700;
  font-style: normal;
}

.pictogram {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  background-size: contain;
  background-repeat: no-repeat;
}
.pictogram.banknotes {
  background-image: url(../img/pictograms/banknotes.svg);
}
.pictogram.coins {
  background-image: url(../img/pictograms/coins.svg);
}
.pictogram.good-surface {
  background-image: url(../img/pictograms/good-surface.svg);
}
.pictogram.impossible-figure-1 {
  background-image: url(../img/pictograms/impossible-figure-1.svg);
}
.pictogram.impossible-figure-2 {
  background-image: url(../img/pictograms/impossible-figure-2.svg);
}
.pictogram.impossible-figure-3 {
  background-image: url(../img/pictograms/impossible-figure-3.svg);
}
.pictogram.light-weight {
  background-image: url(../img/pictograms/light-weight.svg);
}
.pictogram.material {
  background-image: url(../img/pictograms/material.svg);
}
.pictogram.production {
  background-image: url(../img/pictograms/production.svg);
}
.pictogram.small-series {
  background-image: url(../img/pictograms/small-series.svg);
}
.pictogram.stopwatch {
  background-image: url(../img/pictograms/stopwatch.svg);
}
.pictogram.watch {
  background-image: url(../img/pictograms/watch.svg);
}

.pictogram.mini {
  width: 26px;
}