/* === Automatically created from y_home.scss - do not modify! === */

body {
  /* content: 'y_home.scss:3'; */
  --box-size: 26vw;
}
.pfy-large-screen {
  /* content: 'y_home.scss:6'; */
}
.pfy-large-screen .bereich {
  /* content: 'y_home.scss:7'; */
  margin-top: 5em;
}
#pfy.pfy-small-screen {
  /* content: 'y_home.scss:11'; */
}
#pfy.pfy-small-screen section {
  /* content: 'y_home.scss:12'; */
}
#pfy.pfy-small-screen section .bereich {
  /* content: 'y_home.scss:13'; */
  margin-top: 23vw;
}
#pfy.pfy-small-screen section .bereich .box {
  /* content: 'y_home.scss:15'; */
  max-width: 100%;
  width: 100%;
  margin: 0;
}
#pfy.pfy-small-screen section .kreis {
  /* content: 'y_home.scss:21'; */
  top: -19vw;
}
#pfy.pfy-small-screen .pfy-part-1 h1 {
  /* content: 'y_home.scss:25'; */
  margin: 1.2em 0;
}
section {
  /* content: 'y_home.scss:30'; */
}
section h1 {
  /* content: 'y_home.scss:31'; */
  color: var(--dunkel);
}
.box {
  /* content: 'y_home.scss:35'; */
  position: relative;
}
.event-elem, .bereich {
  /* content: 'y_home.scss:42'; */
  position: relative;
}
.event-elem em, .bereich em {
  /* content: 'y_home.scss:44'; */
  color: #586473;
}
.bereich.stamm .cancelled, .bereich.wandern .cancelled {
  /* content: 'y_home.scss:51'; */
  top: 1em;
  left: 3em;
}
.bereich.velo, .bereich.spielen {
  /* content: 'y_home.scss:58'; */
}
.bereich.velo .cancelled, .bereich.spielen .cancelled {
  /* content: 'y_home.scss:59'; */
  top: -0.5em;
  left: 1em;
  font-size: 0.7em;
}
.pfy-nav-wrapper.pfy-primary-nav {
  /* content: 'y_home.scss:69'; */
}
.pfy-nav-wrapper.pfy-primary-nav, .pfy-nav-wrapper.pfy-primary-nav a {
  /* content: 'y_home.scss:70'; */
  color: white;
}
.pfy-large-screen {
  /* content: 'y_home.scss:74'; */
}
.pfy-large-screen .pfy-nav-horizontal {
  /* content: 'y_home.scss:75'; */
}
.pfy-large-screen .pfy-nav-horizontal .pfy-lvl-2 > a > .pfy-nav-label {
  /* content: 'y_home.scss:76'; */
  color: orange;
}
.pfy-page::before {
  /* content: 'y_home.scss:86'; */
  content: " ";
  position: absolute;
  width: 100.2%;
  height: 100%;
  background-color: var(--gelb);
  background-image: url(/SfS/onair/assets/img/sfs-bg-gray.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  transition: opacity-image 0.5s linear;
  opacity: 1;
  z-index: -1;
}
#pfy.pfy-large-screen.not-scrolled {
  /* content: 'y_home.scss:100'; */
}
#pfy.pfy-large-screen.not-scrolled .pfy-primary-nav {
  /* content: 'y_home.scss:101'; */
  --pfy-nav-txt-color: white;
}
#pfy.pfy-large-screen.not-scrolled .pfy-primary-nav .pfy-lvl-2 a {
  /* content: 'y_home.scss:103'; */
  background: var(--dunkel) !important;
  border-top: 1px solid #777 !important;
}
#pfy.pfy-large-screen.not-scrolled .pfy-primary-nav .pfy-lvl-1 {
  /* content: 'y_home.scss:107'; */
  --pfy-nav-hover-bg-color: #888;
}
#pfy.pfy-large-screen.not-scrolled .circle {
  /* content: 'y_home.scss:111'; */
  background-color: var(--dunkel);
  transition: background-color 0.2s linear;
}
#pfy.pfy-large-screen.scrolled {
  /* content: 'y_home.scss:117'; */
}
#pfy.pfy-large-screen.scrolled .pfy-primary-nav {
  /* content: 'y_home.scss:118'; */
  --pfy-nav-txt-color: #444;
  --pfy-nav-hover-bg-color: #ffe565;
}
#pfy.pfy-large-screen.scrolled header .pfy-primary-nav label, #pfy.pfy-large-screen.scrolled header .pfy-primary-nav a {
  /* content: 'y_home.scss:123'; */
  --pfy-nav-curr-txt-color:  var(--dunkel);
  color: var(--dunkel);
  transition: color 0.5s;
}
#pfy.pfy-large-screen.scrolled .circle {
  /* content: 'y_home.scss:128'; */
  background-color: var(--gelb);
  transition: background-color 0.2s linear;
}
#pfy.pfy-large-screen.scrolled .pfy-page::before {
  /* content: 'y_home.scss:132'; */
  transition: opacity 0.5s linear;
  opacity: 0;
}
.bereich {
  /* content: 'y_home.scss:142'; */
  min-height: var(--box-size);
  --kreis-img-size: 50%;
}
.box {
  /* content: 'y_home.scss:146'; */
  max-width: 55vw;
  margin-top: 5vw;
}
.kreis {
  /* content: 'y_home.scss:151'; */
  position: absolute;
  top: 0;
  right: 0;
  width: var(--box-size);
  height: var(--box-size);
  background: #5fc9c2;
  border-radius: 50%;
  z-index: 2;
}
.kreis img {
  /* content: 'y_home.scss:160'; */
  border-radius: 50%;
  position: absolute;
  top: var(--kreis-img-top);
  left: var(--kreis-img-left);
  width: var(--kreis-img-size);
  height: var(--kreis-img-size);
  max-width: unset !important;
  max-height: unset !important;
}
.link a {
  /* content: 'y_home.scss:171'; */
  font-style: italic;
  font-size: 90%;
}
.pfy-large-screen .pfy-main section:nth-child(even) {
  /* content: 'y_home.scss:178'; */
}
.pfy-large-screen .pfy-main section:nth-child(even) .kreis {
  /* content: 'y_home.scss:179'; */
  left: 0;
}
.pfy-large-screen .pfy-main section:nth-child(even) .box {
  /* content: 'y_home.scss:182'; */
  margin-left: 30vw;
}
.bereich.stamm {
  /* content: 'y_home.scss:189'; */
  --kreis-img-top: 3vw;
  --kreis-img-left: 11vw;
}
.bereich.wandern {
  /* content: 'y_home.scss:195'; */
  margin-bottom: 3em;
  --kreis-img-size: 55%;
  --kreis-img-top: 3vw;
  --kreis-img-left: 2vw;
}
.bereich.velo {
  /* content: 'y_home.scss:203'; */
  --kreis-img-top: 10vw;
  --kreis-img-left: 11vw;
}
.bereich.spielen {
  /* content: 'y_home.scss:209'; */
  --kreis-img-size: 60%;
  --kreis-img-top: 6vw;
  --kreis-img-left: 1vw;
}
.comment {
  /* content: 'y_home.scss:216'; */
  color: red;
}
.pfy-src-beitreten.pfy-section-wrapper {
  /* content: 'y_home.scss:225'; */
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.anmelden a {
  /* content: 'y_home.scss:231'; */
  position: absolute;
  color: var(--dunkel);
  background: var(--turkis);
  border: 1px solid #97f3ed;
  border-bottom-color: #458c87;
  border-right-color: #458c87;
  border-radius: 0.4em;
  display: block;
  line-height: 1.5em;
  padding-top: 0.2em;
  margin-top: -1.5em;
}
.pfy-large-screen .anmelden a {
  /* content: 'y_home.scss:244'; */
  position: absolute;
  top: 0;
  right: 1em;
  padding: 0.5em;
  color: var(--dunkel);
  background: var(--turkis);
  border: 1px solid #97f3ed;
  border-bottom-color: #458c87;
  border-right-color: #458c87;
  border-radius: 0.4em;
  transform: rotate(-10deg);
  display: block;
  z-index: 3;
}