@font-face {
  font-family: 'Asap Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''), url('/common-0/fonts/asap-condensed-latin_latin-ext-regular.woff2');
}
@font-face {
  font-family: 'Asap Condensed';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local(''), url('/common-0/fonts/asap-condensed-latin_latin-ext-italic.woff2');
}
@font-face {
  font-family: 'Asap Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(''), url('/common-0/fonts/asap-condensed-latin_latin-ext-700.woff2');
}
@font-face {
  font-family: 'Asap Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local(''), url('/common-0/fonts/asap-condensed-latin_latin-ext-700italic.woff2');
}
@font-face {
  font-family: 'Comic Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''), url('/common-0/fonts/comic-neue-latin-regular.woff2');
}
@font-face {
  font-family: 'Comic Neue';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local(''), url('/common-0/fonts/comic-neue-latin-italic.woff2');
}
@font-face {
  font-family: 'Comic Neue';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(''), url('/common-0/fonts/comic-neue-latin-700.woff2');
}
@font-face {
  font-family: 'Comic Neue';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local(''), url('/common-0/fonts/comic-neue-latin-700italic.woff2');
}
html {
  --font-family: Comic Neue;
  --font-weight-normal: normal;
  --font-weight-bold: bold;
  --kurs-border-radius: 5px;
  --kurs-bg-color: #33302f;
  --kurs-bg-def: #33302f url('https://geheimnis-leben.de/home-1733946299/bilder/theme2_bg.webp') repeat-y bottom center / 100%;
  --kurs-erkl-bg-def: rgba(50,49,47,0.902);
  --kurs-erkl-fg-color: #ffffff;
  --kurs-erkl-border: 2px solid white;
  --kurs-frage-bg-def: rgba(50,49,47,0.902);
  --kurs-frage-fg-color: #ffffff;
  --kurs-frage-font-size: 1.2em;
  --kurs-frage-border: #ffff00 2px solid;
  --kurs-head-fg-color: #fcfc00;
  --kurs-imgbox-bg-def: url('https://geheimnis-leben.de/home-1733934570/bilder/theme2_imgbox_bg.webp') no-repeat;
  --btn-bg-def: url('https://geheimnis-leben.de/home-1733932103/bilder/theme2_btn_bg.webp') no-repeat 0 0 / 100% 300%;
  --btn-fg-color: #ffffff;
  --btn-bg-disabled-def: url('https://geheimnis-leben.de/home-1733932706/bilder/theme2_btn_disabled_bg.png') no-repeat 0 0 / 100% 100%;
  --kurs-but-nav2-bg-img: url('https://geheimnis-leben.de/home-1733994075/bilder/theme2_but_nav2_bg.webp');
  --kurs-but-antw-bg-img: url('https://geheimnis-leben.de/home-1733934951/bilder/theme2_but_antw_bg.webp');
  --kurs-highlight-fg-color: #fcfc00;
  --kurs-highlight-correct-fg-color: #8bbf1c;
  --kurs-highlight-false-fg-color: #da5323;
  --scratchimg: url('https://geheimnis-leben.de/home-1733296799/bilder/theme2_scratchimg.webp');
  --kurs-timer-bg-def: rgba(0,0,0,0.502);
  --kurs-timerbar-bg-def: #fcfc00;
  --kurs-timerbar10-bg-def: #da5323;
  --typo-bg-def: url('https://geheimnis-leben.de/home-1733157538/bilder/theme2_typo_bg.webp') no-repeat 0 0 / 100%;
  --typo-platz-bg-def: url('https://geheimnis-leben.de/home-1733157574/bilder/theme2_typo_platz_bg.webp') no-repeat 0 0 / 100%;
  --riddle-fail0: url('https://geheimnis-leben.de/home-1733244591/bilder/theme2_riddle_fail0.webp');
  --riddle-fail1: url('https://geheimnis-leben.de/home-1733244604/bilder/theme2_riddle_fail1.webp');
  --riddle-fail2: url('https://geheimnis-leben.de/home-1733244615/bilder/theme2_riddle_fail2.webp');
  --riddle-fail3: url('https://geheimnis-leben.de/home-1733244629/bilder/theme2_riddle_fail3.webp');
  --riddle-fail4: url('https://geheimnis-leben.de/home-1733244646/bilder/theme2_riddle_fail4.webp');
  --riddle-fail5: url('https://geheimnis-leben.de/home-1733244659/bilder/theme2_riddle_fail5.webp');
  --riddle-fail-width: 200px;
  --riddle-fail-height: 72px;
  --riddle-fail-width-wide: 15vw;
  --riddle-fail-height-wide: 5.4vw;
}
.highlight1 {
  font-weight: var(--font-weight-normal);
  color: var(--kurs-highlight-fg-color);
}
.highlight2 {
  font-weight: var(--font-weight-bold);
  color: var(--kurs-highlight-fg-color);
  text-shadow: 0px 0px 2px #ffffff;
}
.highlight3 {
  display: block;
  text-align: right;
  font-style: italic;
  font-weight: var(--font-weight-bold);
  color: var(--kurs-highlight-fg-color);
}
.highlight4 {
  font-weight: var(--font-weight-normal);
  color: var(--kurs-highlight-correct-fg-color);
}
.highlight5 {
  font-weight: var(--font-weight-bold);
  color: var(--kurs-highlight-correct-fg-color);
}
.highlight6 {
  color: var(--kurs-highlight-false-fg-color);
}