@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital@0;1&display=swap');

*, .text {
  font-family: 'Open Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  text-transform: none;
}

@font-face {
  font-family: 'Riya Black';
  src:
    url('fonts/riya-black.otf') format('opentype'),
    url('fonts/riya-black.woff') format('woff'),
    url('fonts/riya-black.woff2') format('woff2');
}

h1, h2, h3, h4, h5, h6, .heading {
  font-family: 'Riya Black', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  text-transform: uppercase;
}

.subheading {
  font-family: 'Open Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  text-transform: lowercase;
}

.bg-fk-light {
  background: #e8e0d9;
}
.bg-fk-light\/90 {
  background: #e8e0d9e6;
}
.bg-fk-light\/95 {
  background: #e8e0d9f2;
}

.bg-fk-dark {
  background: #343434;
}
.bg-fk-dark\/90 {
  background: #343434e6;
}
.bg-fk-dark\/95 {
  background: #343434f2;
}
.text-fk-dark {
  color: #343434 !important;
}

.bg-fk-yellow, .hover\:bg-fk-yellow:hover {  background: #ffb900; }
.bg-fk-yellow\/50, .hover\:bg-fk-yellow\/50:hover {  background: #ffb90080; }
.bg-fk-yellow\/20, .hover\:bg-fk-yellow\/20:hover {  background: #ffb90033; }
.bg-fk-turquoise, .hover\:bg-fk-turquoise:hover {  background: #33eebb; }
.bg-fk-turquoise\/50, .hover\:bg-fk-turquoise\/50:hover {  background: #33eebb80; }
.bg-fk-turquoise\/20, .hover\:bg-fk-turquoise\/20:hover {  background: #33eebb33; }
.bg-fk-red-soft, .hover\:bg-fk-red-soft:hover {  background: #fd6464; }
.bg-fk-red-soft\/50, .hover\:bg-fk-red-soft\/50:hover {  background: #fd646480; }
.bg-fk-red-soft\/20, .hover\:bg-fk-red-soft\/20:hover {  background: #fd646433; }
.bg-fk-blue-soft, .hover\:bg-fk-blue-soft:hover {  background: #80c0ff; }
.bg-fk-blue-soft\/50, .hover\:bg-fk-blue-soft\/50:hover {  background: #80c0ff80; }
.bg-fk-blue-soft\/20, .hover\:bg-fk-blue-soft\/20:hover {  background: #80c0ff33; }
.bg-fk-purple, .hover\:bg-fk-purple:hover {  background: #6666cc; }
.bg-fk-purple\/90, .hover\:bg-fk-purple\/90:hover {  background: #6666cce6; }
.bg-fk-purple-soft, .hover\:bg-fk-purple-soft:hover {  background: #b4b4e4; }
.bg-fk-purple-soft\/50, .hover\:bg-fk-purple-soft\/50:hover {  background: #b4b4e480; }
.bg-fk-purple-soft\/20, .hover\:bg-fk-purple-soft\/20:hover {  background: #b4b4e433; }
.bg-fk-purple\/70, .hover\:bg-fk-purple\/70:hover { background: #6666ccb3; }
.bg-fk-purple\/50, .hover\:bg-fk-purple\/50:hover { background: #6666cc80; }
.bg-fk-purple\/30, .hover\:bg-fk-purple\/30:hover { background: #6666cc4d; }
.border-fk-yellow { border-color: #ffb900; }
.border-fk-turquoise { border-color: #33eebb; }
.border-fk-red-soft { border-color: #ffb1b1; }
.border-fk-blue-soft { border-color: #80c0ff; }
.border-fk-purple-soft { border-color: #b4b4b4; }
.border-fk-purple\/70 { border-color: #6666ccb3; }
.border-fk-purple\/50 { border-color: #6666cc80; }

.decoration-fk-purple {
  text-decoration-color: #6666cc;
}

.bg-fk-pille { background: no-repeat center right 10% / 60% url('img/elements/pille.svg'); }
.bg-fk-schlange { background: no-repeat bottom 10% center / 60% url('img/elements/schlange.svg'); }
.bg-fk-halbkreise { background: no-repeat bottom 10% center / 60% url('img/elements/halbkreise.svg'); }
.bg-fk-halbkreis { background: no-repeat top 40% right 20% / auto 60% url('img/elements/halbkreis.svg'); }
.bg-fk-kreis { background: no-repeat top 20% left 30% / 60% url('img/elements/kreis.svg'); }
.bg-fk-stern { background: no-repeat fixed center right 20% / 120% url('img/elements/stern.svg'); }
.bg-fk-dark\+stern { background: no-repeat fixed -150% 66% / auto 200% url('img/elements/stern.svg'), #343434; }
.bg-fk-doppelkreis { background: no-repeat bottom 30% right 20% / auto 60% url('img/elements/doppelkreis.svg'); }
.bg-fk-dark\+doppelkreis { background: no-repeat fixed top 40% right -20% / auto 70% url('img/elements/doppelkreis.svg'), #343434; }