@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: 20px;
  --kurs-nav2-border-radius: 20%;
  --kurs-bg-color: #01536e;
  --kurs-bg-def: #01536e url('https://geheimnis-leben.de/home-1736530705/bilder/theme5_bg.webp') repeat-y bottom center / 100%;
  --kurs-erkl-bg-def: rgba(155,255,255,0.8);
  --kurs-erkl-fg-color: #09394b;
  --kurs-erkl-border: 2px solid var(--kurs-erkl-fg-color);
  --kurs-frage-bg-def: #faa929;
  --kurs-frage-fg-color: #09394b;
  --kurs-head-fg-color: #00cccc;
  --kurs-imgbox-bg-def: #f2ede7;
  --kurs-imgbox-border-width: 5px;
  --kurs-imgbox-border: var(--kurs-imgbox-border-width) solid #09394B;
  --btn-bg-def: #a77214;
  --btn-fg-color: #f9dfca;
  --btn-bg-active-color: #c99e67;
  --btn-fg-active-color: #ffffff;
  --btn-bg-disabled-def: #ccbda0;
  --btn-fg-disabled-color: #a1948b;
  --btn-shadow1-color: #4c2f16;
  --btn-shadow2-color: #fdd492;
  --kurs-but-antw-fg-color: #90f4f4;
  --kurs-highlight-fg-color: #000066;
  --kurs-highlight-correct-fg-color: #8bbf1c;
  --kurs-highlight-false-fg-color: #da5323;
  --scratchimg: url('https://geheimnis-leben.de/home-1736532939/bilder/theme5_scratchimg.webp');
  --kurs-timertext-fg-color: #00ffff;
  --kurs-timerbar-bg-def: #3cadf1;
  --kurs-timerbar10-bg-def: #ff0000;
  --kurs-timerbarframe-border: 1px solid var(--btn-shadow2-color);
  --typo-bg-def: url('https://geheimnis-leben.de/home-1736529865/bilder/theme5_typo_bg.webp') no-repeat 0 0 / 100%;
  --typo-fg-color: #ffffff;
  --typo-platz-outline: 1px solid #ffffff;
  --typo-solved-outline: 0 none;
  --riddle-fail0: url('https://geheimnis-leben.de/home-1736526140/bilder/theme5_riddle_fail0.webp');
  --riddle-fail1: url('https://geheimnis-leben.de/home-1736530940/bilder/theme5_riddle_fail1.webp');
  --riddle-fail2: url('https://geheimnis-leben.de/home-1736528172/bilder/theme5_riddle_fail2.webp');
  --riddle-fail3: url('https://geheimnis-leben.de/home-1736528545/bilder/theme5_riddle_fail3.webp');
  --riddle-fail4: url('https://geheimnis-leben.de/home-1736529021/bilder/theme5_riddle_fail4.webp');
  --riddle-fail5: url('https://geheimnis-leben.de/home-1736529424/bilder/theme5_riddle_fail5.webp');
  --riddle-fail-width: 80vw;
  --riddle-fail-height: 28.8vw;
  --riddle-fail-width-wide: 60vw;
  --riddle-fail-height-wide: 21.6vw;
}
.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);
  text-shadow: 0 0 1px #ffffff, 0 0 2px #ffffff;
  background-color: rgba(255,255,255,0.3);
  padding: 0 2px;
}
.highlight5 {
  font-weight: var(--font-weight-bold);
  color: var(--kurs-highlight-correct-fg-color);
  text-shadow: 0 0 1px #ffffff, 0 0 2px #ffffff;
  background-color: rgba(255,255,255,0.3);
  padding: 0 2px;
}
.highlight6 {
  color: var(--kurs-highlight-false-fg-color);
  text-shadow: 0 0 2px #ffffff;
}