@charset "UTF-8";
/* Defaults */
/*
 $cHgPad;
border-radius: $cHgBrdRad;
border: 0px solid #bfa273;
*/
/* Definitionen Flexnav, - da fehlt die Hg für die erste Ebene: top_level wird für Menu verwendet ! */
/*####################################################	Carvis Teaser	############################################################*/
.cAktText {
  text-align: center;
  color: #c0e2d4;
  text-decoration: underline;
}
.cAktTitel {
  text-align: center;
  min-height: 1.4rem;
  color: #7fb29f;
}
.cAktTeas {
  position: absolute;
  aspect-ratio: 1;
  z-index: 220;
  visibility: visible;
  margin: 1rem;
  padding: 1rem;
  min-width: 5rem;
  max-width: 80%;
  min-height: 5rem;
  left: 15%;
  top: 500%;
}
.cAktTeasLay {
  background-color: #101010;
  border: 12px #101010 solid;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  color: #7fb29f;
}
.cAktTeasFlash {
  position: absolute;
  aspect-ratio: 1;
  z-index: 220;
  visibility: hidden;
  margin: 1rem;
  padding: 1rem;
  min-width: 5rem;
  max-width: 80%;
  min-height: 5rem;
  left: 15%;
  top: 500%;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  color: #7fb29f;
  background: #101010;
}
.cAktTeasFlash::before, .cAktTeasFlash::after {
  content: "";
  position: absolute;
  opacity: 0;
  top: -10px;
  left: -10px;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background: white;
  background-size: 400%;
  width: calc(100% + 44px);
  height: calc(100% + 44px);
  z-index: -1;
  animation: aufflackern 0.5s 2s ease-in-out;
}
.cAktTeasFlash::after {
  filter: blur(40px);
}
@keyframes aufflackern {
  0% {
    visibility: visible;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.cAktTeasLightBrd {
  position: absolute;
  aspect-ratio: 1;
  z-index: 220;
  visibility: hidden;
  margin: 1rem;
  padding: 1rem;
  min-width: 5rem;
  max-width: 80%;
  min-height: 5rem;
  left: 15%;
  top: 500%;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  color: #7fb29f;
  background: #101010;
}
.cAktTeasLightBrd::before, .cAktTeasLightBrd::after {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  --winkel: 45deg;
  background: linear-gradient(var(--winkel), white, #7fb29f, #002050, #7fb29f);
  background-size: 400%;
  width: calc(100% + 44px);
  height: calc(100% + 44px);
  z-index: -1;
  animation: lightborder 3s 2s ease-in-out infinite;
}
.cAktTeasLightBrd::after {
  filter: blur(25px);
}
@keyframes lightborder {
  0% {
    --winkel: 45deg;
    visibility: visible;
    background-position: 0 0;
  }
  50% {
    --winkel: 135deg;
    background-position: 100% 0;
  }
  100% {
    --winkel: 45deg;
    background-position: 0% 0;
  }
}
.cAktBt {
  background-color: #101010;
  border: 4px #c0e2d4 solid;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  color: #c0e2d4;
  padding: 0.5rem;
}
@media only screen and (min-width: 40rem) {
  .cAktTeas {
    min-width: 12rem;
    min-height: 8rem;
  }
}
@media only screen and (min-width: 64rem) {
  .cAktTeas {
    min-width: 18rem;
    min-height: 10rem;
  }
}
@media only screen and (min-width: 95rem) {
  .cAktTeas {
    min-width: 35rem;
    min-height: 10rem;
  }
}