.artikel {
  --mass: 36rem;
  --groesse: 1.25rem;
  --durchschuss: 1.6;
  --ausrichtung: left;
  --trennung: manual;
}

.artikel-inhalt {
  max-width: var(--mass);
  font-size: var(--groesse);
  line-height: var(--durchschuss);
  text-align: var(--ausrichtung);
  hyphens: var(--trennung);
  -webkit-hyphens: var(--trennung);
}

.artikel-inhalt p {
  margin-block: 0 1.15em;
}

.artikel-fuss,
.blaettern {
  max-width: var(--mass);
}

.tpl-standard {
  --mass: 36rem;
  --groesse: 1.25rem;
  --durchschuss: 1.6;
  --ausrichtung: left;
  --trennung: manual;
}

.tpl-essay {
  --mass: 33rem;
  --groesse: 1.3rem;
  --durchschuss: 1.72;
  --ausrichtung: justify;
  --trennung: auto;
}
.tpl-essay .artikel-inhalt {

  word-spacing: -0.01em;
  hyphenate-limit-chars: 6 3 3;
}
.tpl-essay .artikel-inhalt h2 {
  font-weight: 600;
  font-style: italic;
  font-size: 1.5rem;
}

.tpl-notiz {
  --mass: 40rem;
  --groesse: 1.02rem;
  --durchschuss: 1.55;
  --ausrichtung: left;
  --trennung: manual;
}

.tpl-notiz .artikel-inhalt {
  font-family: var(--sans);
}
.tpl-notiz .artikel-inhalt li + li {
  margin-top: 0.6rem;
}

.tpl-weit {
  --mass: 50rem;
  --groesse: 1.25rem;
  --durchschuss: 1.65;
  --ausrichtung: left;
  --trennung: manual;
}
.tpl-weit .artikel-inhalt table {
  font-size: 0.875rem;
}

@media (max-width: 34rem) {
  .artikel {
    --ausrichtung: left;
  }
}