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

body {
  --box-size: 26vw;
}
.pfy-large-screen .bereich {
  margin-top: 5em;
}
#pfy.pfy-small-screen section .bereich {
  margin-top: 23vw;
}
#pfy.pfy-small-screen section .bereich .box {
  max-width: 100%;
  width: 100%;
  margin: 0;
}
#pfy.pfy-small-screen section .kreis {
  top: -19vw;
}
#pfy.pfy-small-screen .pfy-part-1 h1 {
  margin: 1.2em 0;
}
section h1 {
  color: var(--dunkel);
}
.box {
  position: relative;
}
.event-elem, .bereich {
  position: relative;
}
.event-elem em, .bereich em {
  color: #586473;
}
.bereich.stamm .cancelled, .bereich.wandern .cancelled {
  top: 1em;
  left: 3em;
}
.bereich.velo .cancelled, .bereich.spielen .cancelled {
  top: -0.5em;
  left: 1em;
  font-size: 0.7em;
}
.pfy-nav-wrapper.pfy-primary-nav, .pfy-nav-wrapper.pfy-primary-nav a {
  color: white;
}
.pfy-large-screen .pfy-nav-horizontal .pfy-lvl-2 > a > .pfy-nav-label {
  color: orange;
}
.pfy-page::before {
  content: " ";
  position: absolute;
  width: 100.2%;
  height: 100%;
  background-color: var(--gelb);
  background-image: url(/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 .pfy-primary-nav {
  --pfy-nav-txt-color: white;
}
#pfy.pfy-large-screen.not-scrolled .pfy-primary-nav .pfy-lvl-2 a {
  background: var(--dunkel) !important;
  border-top: 1px solid #777 !important;
}
#pfy.pfy-large-screen.not-scrolled .pfy-primary-nav .pfy-lvl-1 {
  --pfy-nav-hover-bg-color: #888;
}
#pfy.pfy-large-screen.not-scrolled .circle {
  background-color: var(--dunkel);
  transition: background-color 0.2s linear;
}
#pfy.pfy-large-screen.scrolled .pfy-primary-nav {
  --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 {
  --pfy-nav-curr-txt-color:  var(--dunkel);
  color: var(--dunkel);
  transition: color 0.5s;
}
#pfy.pfy-large-screen.scrolled .circle {
  background-color: var(--gelb);
  transition: background-color 0.2s linear;
}
#pfy.pfy-large-screen.scrolled .pfy-page::before {
  transition: opacity 0.5s linear;
  opacity: 0;
}
.bereich {
  min-height: var(--box-size);
  --kreis-img-size: 50%;
}
.box {
  max-width: 55vw;
  margin-top: 5vw;
}
.kreis {
  position: absolute;
  top: 0;
  right: 0;
  width: var(--box-size);
  height: var(--box-size);
  background: #5fc9c2;
  border-radius: 50%;
  z-index: 2;
}
.kreis img {
  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 {
  font-style: italic;
  font-size: 90%;
}
.pfy-large-screen .pfy-main section:nth-child(even) .kreis {
  left: 0;
}
.pfy-large-screen .pfy-main section:nth-child(even) .box {
  margin-left: 30vw;
}
.bereich.stamm {
  --kreis-img-top: 3vw;
  --kreis-img-left: 11vw;
}
.bereich.wandern {
  margin-bottom: 3em;
  --kreis-img-size: 55%;
  --kreis-img-top: 3vw;
  --kreis-img-left: 2vw;
}
.bereich.velo {
  --kreis-img-top: 10vw;
  --kreis-img-left: 11vw;
}
.bereich.spielen {
  --kreis-img-size: 60%;
  --kreis-img-top: 6vw;
  --kreis-img-left: 1vw;
}
.comment {
  color: red;
}
.pfy-src-beitreten.pfy-section-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.anmelden a {
  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 {
  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;
}