.container-menu-filter,
.container-menu-links {
  transition: opacity 0s 0.1s ease-in-out, background-color 1s ease-in-out, color 2s linear, right 0.1s 0s linear;
  opacity: 0;
  transform: scaleX(1);
  transform-origin: bottom;
}

.container-blende-menu-schloesser-unten,
.container-blende-menu-schloesser-oben {
  transition: opacity 0s 0.1s ease-in-out, right 0.1s 0s linear;
  opacity: 0;
  transform: scaleX(1);
  transform-origin: bottom;
}

.container-menu-schloesser {
  transition: opacity 1.3s 0.1s ease-in-out, background-color 1s ease-in-out, color 2s linear, right 0.1s 0s linear;
  opacity: 0;
  transform: scaleX(1);
  transform-origin: bottom;
}
.container-menu-schloesser .schloss-link {
  transition: color 0.1s 0.075s ease-in-out, text-shadow 0.1s 0.075s ease-in-out;
}
.container-menu-schloesser .schloss-link.schloss-link-ausgewaehlt {
  transition-delay: 0.2s, 0.2s;
  transition-duration: 0.5s, 0.5s;
}
.container-menu-schloesser.hell {
  background-color: rgba(255, 222, 222, 0.8);
  color: #4f4f4f;
}
.container-menu-schloesser.hell ~ .container-blende-menu-schloesser-oben {
  background-image: linear-gradient(rgba(255, 222, 222, 0.8), rgba(255, 222, 222, 0.8), transparent);
}
.container-menu-schloesser.hell ~ .container-blende-menu-schloesser-unten {
  background-image: linear-gradient(transparent, rgba(255, 222, 222, 0.8), rgba(255, 222, 222, 0.8));
}
.container-menu-schloesser.hell ~ .container-menu-filter {
  color: black;
}
.container-menu-schloesser.hell:hover .schloss-link.schloss-link-ausgewaehlt {
  color: #4f4f4f;
  text-shadow: 1px 1px 2px rgba(30, 30, 30, 0);
}
.container-menu-schloesser.hell .schloss-link:hover {
  color: black;
  text-shadow: 1px 1px 2px rgba(30, 30, 30, 0.48);
}
.container-menu-schloesser.hell .schloss-link:hover.schloss-link-ausgewaehlt {
  color: black !important;
  text-shadow: 1px 1px 2px rgba(30, 30, 30, 0.48) !important;
}
.container-menu-schloesser.hell .schloss-link.schloss-link-ausgewaehlt {
  color: black;
  text-shadow: 1px 1px 2px rgba(30, 30, 30, 0.48);
}
.container-menu-schloesser.dunkel {
  background-color: rgba(20, 20, 20, 0.8);
  color: #dfdfdf;
}
.container-menu-schloesser.dunkel ~ .container-blende-menu-schloesser-oben {
  background-image: linear-gradient(rgba(20, 20, 20, 0.8), transparent);
}
.container-menu-schloesser.dunkel ~ .container-blende-menu-schloesser-unten {
  background-image: linear-gradient(transparent, rgba(20, 20, 20, 0.8));
}
.container-menu-schloesser.dunkel ~ .container-menu-filter {
  color: white;
}
.container-menu-schloesser.dunkel:hover .schloss-link.schloss-link-ausgewaehlt {
  color: #dfdfdf;
  text-shadow: 1px 1px 2px rgba(232, 232, 232, 0);
}
.container-menu-schloesser.dunkel .schloss-link:hover {
  color: white;
  text-shadow: 1px 1px 2px rgba(232, 232, 232, 0.73);
}
.container-menu-schloesser.dunkel .schloss-link:hover.schloss-link-ausgewaehlt {
  color: white !important;
  text-shadow: 1px 1px 2px rgba(232, 232, 232, 0.73) !important;
}
.container-menu-schloesser.dunkel .schloss-link.schloss-link-ausgewaehlt {
  color: white;
  text-shadow: 1px 1px 2px rgba(232, 232, 232, 0.73);
}

/*# sourceMappingURL=animation-container-menu-schloesser.css.map */