:root {
  --font-display: Univers Next Condensed Bold;
  --font-body: Univers Next Basic Regular;
  --font-bold: Univers Next Basic Bold;
  --font-functional: Univers Next Typewriter Regular;
}
.font--display {
  font-family: var(--font-display);
  font-weight: 400;
}
.text--bold, [class*="btn--"], b, strong {
  font-family: var(--font-bold);
  font-weight: 400;
}
.font--body {
  font-family: var(--font-body);
  font-weight: 400;
}
.font--functional {
  font-style: normal !important;
  font-family: var(--font-functional);
  font-weight: 400;
}
.has-giant-font-size {
  font-size: var(--text-xxl);
  line-height: 1.1;
}
.has-x-large-font-size {
  font-size: var(--text-xl);
  line-height: 1.2;
}
.has-large-font-size {
  font-size: var(--text-l);
  line-height: 1.2;
}
.has-medium-font-size {
  font-size: var(--text-m);
  line-height: 1.2;
}
p {
  margin: 0;
}
.has-small-font-size {
  font-size: var(--text-s);
}
a {
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.card-thema__link, p > a, .gb-content li > a, .link--text {
  font-family: var(--font-bold);
  color: var(--base);
  text-decoration: 0.1em underline solid var(--base-light);
  text-underline-offset: 0.2em;
}
.card-thema__link:hover, p > a:hover, .gb-content li > a:hover, .link--text:hover {
  text-decoration-color: var(--accent);
}
.h--accent {
  order: -1;
}
.link--negativ {
  font-family: var(--font-bold);
  color: var(--white);
  text-decoration: 0.1em underline solid var(--primary);
  text-underline-offset: 0.25em;
}
.link--negativ:hover {
  color: var(--white);
  text-decoration-color: var(--accent);
}