/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
/*============================================================================*/
/*==          IMPORTE STANDARD                                              ==*/
/*============================================================================*/
/* -- IMPORT TEMPLATE ABHAENGIGKEITEN -----------------------------------------*/
/* -- IMPORT MALER-FFO FARB-VARIABLEN-----------------------------------------*/
/* -- FARB-VARIABLEN MALER-FFO -----------------------------------------------*/
/*$mffo-yellow:			#e1d42e;*/
/*============================================================================*/
/*==           CSS-STANDARDSETTINGS                                         ==*/
/*============================================================================*/
/* -- BASIS-SETTINGS ---------------------------------------------------------*/
.wow {
  visibility: hidden;
}
[data-sr] {
  visibility: hidden;
}
body.seite-startseite {
  overflow-y: scroll;
}
/* -- STICKY FOOTER ----------------------------------------------------------*/
#g-page-surround {
  display: flex;
  flex-direction: column;
}
#g-container-main.g-wrapper, #g-container-4448.g-wrapper {
  flex: 1 0 auto;
  overflow: hidden;
}
/*============================================================================*/
/*==          IMPORTE TEMPLATE SEKTIONEN                                    ==*/
/*============================================================================*/
/* -- IMPORT OVERLAY-MENU ----------------------------------------------------*/
/* -- OVERLAY-MENU -----------------------------------------------------------*/
#g-overlay .g-main-nav {
  margin: 6rem 0 0;
}
#g-overlay .g-main-nav .g-toplevel > li > .g-menu-item-container {
  border: 2px solid;
  color: rgba(255, 255, 255, 0.85);
  padding: 2rem 0;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#g-overlay.open .g-main-nav .g-toplevel > li:first-child {
  transition-delay: 0.1s;
}
#g-overlay.open .g-main-nav .g-toplevel > li:nth-child(2) {
  transition-delay: 0.15s;
}
#g-overlay.open .g-main-nav .g-toplevel > li:nth-child(3) {
  transition-delay: 0.2s;
}
#g-overlay.open .g-main-nav .g-toplevel > li:nth-child(4) {
  transition-delay: 0.25s;
}
#g-overlay.open .g-main-nav .g-toplevel > li:nth-child(5) {
  transition-delay: 0.3s;
}
#g-overlay.open .g-main-nav .g-toplevel > li:nth-child(6) {
  transition-delay: 0.35s;
}
#g-overlay .g-menu-item-title {
  text-transform: uppercase;
  font-size: 1rem;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#g-overlay .g-menu-item-subtitle {
  font-size: 0.8rem;
  font-weight: normal;
  opacity: 0.8;
  padding-top: 0;
  text-transform: none;
}
#g-overlay .g-main-nav .g-toplevel > li > .g-menu-item-container i.fa {
  display: block;
  font-size: 3rem;
  margin: 0.5rem 0;
  opacity: 0.8;
  perspective: 1000px;
  /*transition: all 0.2s ease-in-out 0s;*/
}
#g-overlay .g-main-nav .g-toplevel > li:hover > .g-menu-item-container i.fa {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#g-overlay .g-main-nav .g-dropdown > .g-dropdown-column {
  border: 0px solid transparent;
}
.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator {
  display: inline-block;
  line-height: inherit;
  vertical-align: middle;
}
/* -- OVERLAY MENUFARBEN -----------------------------------------------------*/
#g-overlay .menu-color1 a, #g-overlay .menu-color1 div {
  background-color: #7e57c2 !important;
}
#g-overlay .menu-color2 a, #g-overlay .menu-color2 div {
  background-color: #ef5350 !important;
}
#g-overlay .menu-color3 a, #g-overlay .menu-color3 div {
  background-color: #ffa726 !important;
}
#g-overlay .menu-color4 a, #g-overlay .menu-color4 div {
  background-color: #efe128 !important;
}
#g-overlay .menu-color5 a, #g-overlay .menu-color5 div {
  background-color: #50bb4f !important;
}
#g-overlay .g-main-nav .g-sublevel > li:hover > .g-menu-item-container, #g-overlay .g-main-nav .g-sublevel > li.active > .g-menu-item-container {
  background: rgba(0, 0, 0, 0.333) !important;
  border: 1px solid transparent;
  border-radius: 0px;
  color: #fff;
  transition: all 0.35s ease-in-out 0s;
}
/* -- OVERLAY-BLOCKCONTENT ---------------------------------------------------*/
#g-overlay .g-overlay-blockcontent {
  margin: -2rem -0.625rem 0 -0.625rem;
}
.mffo-overlay-block .g-blockcontent-description {
  font-size: 1.25rem;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.g-block .g-content .g-blockcontent-description {
  background: #333333;
  border: 2px solid #fff;
  margin: -20px -15px -10px -15px;
  padding: 5px 0;
  color: #FFFFFF;
}
#g-overlay .g-blockcontent-subcontent-desc::before {
  content: "";
  position: absolute;
  margin: 0 auto;
  height: 5px;
  width: 25%;
  top: 0;
  left: 0;
  right: 0;
}
.g-blockcontent .g-blockcontent-subcontent-desc {
  font-size: 1rem;
  position: relative;
}
#g-overlay .g-social a {
  border-radius: 100%;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  margin: 0 0.25rem;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 50px;
  font-weight: bold;
  font-size: 1.25rem;
}
#g-overlay .g-social-text {
  display: none;
}
/* -- IMPORT NAVIGATION ------------------------------------------------------*/
/* -- NAVIGATION -------------------------------------------------------------*/
@media only all and (min-width: 48rem) {
  #g-navigation.g-fixedposition, #g-navigation.g-headroom {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
  }
  #g-navigation.g-fixedposition + header, #g-navigation.g-fixedposition + section, #g-navigation.g-headroom + header, #g-navigation.g-headroom + section {
    margin-top: 4rem;
  }
}
@media only all and (min-width: 48rem) {
  #g-navigation.g-headroom {
    position: fixed;
    width: 100%;
    border-bottom: 5px solid rgba(255, 255, 255, 0.25);
  }
  #g-navigation.g-headroom + header, #g-navigation.g-headroom + section {
    margin-top: 4rem;
  }
  #g-navigation.g-headroom.headroom {
    transition: all 0.2s ease-in-out;
  }
  #g-navigation.g-headroom.headroom--unpinned {
    top: -100px;
  }
  #g-navigation.g-headroom.headroom--pinned {
    top: 0;
  }
}
#g-navigation {
  border-bottom: 2px solid #1e88e5 !important;
  min-height: 4rem !important;
}
#g-navigation.g-headroom.headroom {
  transition: all 0.3s ease-in-out 0s;
}
#g-navigation.g-headroom.headroom--unpinned {
  top: -115px;
}
/* -- NORMALES MENU ----------------------------------------------------------*/
#g-navigation .g-main-nav {
  margin: 1rem 0 0;
  text-transform: uppercase;
}
#g-navigation .g-main-nav .g-toplevel > li {
  margin: 0 0.125rem;
}
#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, #g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container {
  color: #1e88e5;
}
#g-navigation .g-menu-item-container > i {
  font-size: 1rem;
  margin-right: 0.2rem;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
  vertical-align: baseline;
}
#g-navigation .g-menu-item-title {
  text-transform: uppercase;
  font-size: 1rem;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}
#g-navigation .g-menu-item-subtitle {
  font-size: 0.75rem;
  font-weight: normal;
  opacity: 0.75;
  padding-top: 0;
  text-transform: none;
}
/* -- NORMALES MENU - FARBEN -------------------------------------------------*/
#g-navigation .g-main-nav .menu-color1 i {
  color: #7e57c2 !important;
}
#g-navigation .g-main-nav .menu-color2 i {
  color: #ef5350 !important;
}
#g-navigation .g-main-nav .menu-color3 i {
  color: #ffa726 !important;
}
#g-navigation .g-main-nav .menu-color4 i {
  color: #efe128 !important;
}
#g-navigation .g-main-nav .menu-color5 i {
  color: #50bb4f !important;
}
#g-navigation .g-main-nav .menu-color1 .g-dropdown {
  background: #7e57c2 !important;
}
#g-navigation .g-main-nav .menu-color2 .g-dropdown {
  background: #ef5350 !important;
}
#g-navigation .g-main-nav .menu-color3 .g-dropdown {
  background: #ffa726 !important;
}
#g-navigation .g-main-nav .menu-color4 .g-dropdown {
  background: #efe128 !important;
}
#g-navigation .g-main-nav .menu-color5 .g-dropdown {
  background: #50bb4f !important;
}
#g-navigation .g-main-nav .g-sublevel > li:hover > .g-menu-item-container, #g-navigation .g-main-nav .g-sublevel > li.active > .g-menu-item-container {
  background: rgba(0, 0, 0, 0.333) !important;
  border: 1px solid transparent;
  border-radius: 0px;
  color: #fff;
  transition: all 0.35s ease-in-out 0s;
}
#g-navigation .g-main-nav .g-dropdown {
  border: 2px solid #fff;
  margin: 5px auto;
  max-width: 1200px;
}
#g-navigation .g-main-nav .g-sublevel > li {
  border: none;
}
/* NAV ANIMATION -------------------------------------------------------------*/
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  margin: 0;
  padding: 0.25rem 0.5rem;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.125rem;
  background: #fff;
  content: '';
  -webkit-transition: bottom 0.3s;
  -moz-transition: bottom 0.3s;
  transition: bottom 0.3s;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0.125rem;
  height: 0.125rem;
  background: #fff;
  content: '';
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  transition: height 0.3s;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container:hover::before {
  background: #1e88e5;
  bottom: 100%;
  opacity: 1;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container:hover::after {
  background: #1e88e5;
  height: 100%;
}
/* -- LOGO -------------------------------------------------------------------*/
.mffo-logo-small {
  color: #fff;
  font-size: 1.125rem;
  line-height: 2.6rem;
  font-weight: 900;
  text-transform: uppercase;
  text-shadow: 0px 6px 6px #1e88e5;
}
.mffo-logo-small:hover {
  text-shadow: 0px -4px 6px #1e88e5;
}
.mffo-logo-small img {
  max-height: 100px !important;
  max-width: 100px !important;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out 0s;
}
.mffo-logo-small img:hover {
  max-height: 110px !important;
  max-width: 110px !important;
}
.g-home-particles #g-navigation, .g-home-positions #g-navigation {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: rgba(0, 15, 50, 0.9);
  border-color: #1e88e5;
  border-image: none;
  border-style: none none solid;
  border-width: 0 0 2px;
  text-shadow: 0 6px 6px #1e88e5;
}
/* -- LOGO MFFO (Navigation) -------------------------------------------------*/
.modul-mffo-logo {
  position: absolute;
  left: 0;
  top: 5px;
  z-index: 1;
}
#logo-mffo {
  position: absolute;
  left: 0;
  top: 0;
  height: 100px;
  min-width: 100px;
  cursor: pointer;
}
#logo-mffo-image img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100px;
  width: 100px;
  z-index: 2;
  transition: all 0.5s ease-in-out 0s;
}
#logo-mffo-image img:hover {
  transform: rotate(360deg);
}
#logo-mffo-title a {
  background-color: rgba(0, 15, 50, 0.9);
  border: 2px solid #fff;
  border-radius: 40px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75);
  color: #fff;
  font-size: 1.25rem;
  font-weight: 900;
  left: 0px;
  letter-spacing: -7px;
  min-width: 200px;
  opacity: 0;
  padding: 5px 5px 5px 55px;
  position: absolute;
  text-shadow: 0 6px 6px #1e88e5;
  text-transform: uppercase;
  top: 30px;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  z-index: -1;
}
#logo-mffo:hover #logo-mffo-title a {
  background: rgba(0, 15, 50, 0.9) none repeat scroll 0 0;
  left: 50px;
  letter-spacing: 0;
  min-width: 415px;
  opacity: 1 !important;
  visibility: visible !important;
}
/* -- IMPORT HEADER ----------------------------------------------------------*/
/* -- GANTRY SECTION HEADER --------------------------------------------------*/
#g-header {
  background: rgba(0, 0, 0, 0) url('../../../../images/background/header-001.jpg') no-repeat fixed center center / cover;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.5);
}
/* -- HEADER MFFO ------------------------------------------------------------*/
.mffo-header {
  color: #fff;
  font-size: 2.75rem;
  font-variant: small-caps;
  font-weight: 900;
  letter-spacing: 0.5rem;
  text-align: center;
  text-shadow: 2px 2px 4px #222;
  padding: 4.5rem 0;
  z-index: 1;
}
.mffo-header-subtitle {
  color: rgba(0, 15, 50, 0.5);
  font-size: 1.25rem;
  letter-spacing: 0.25rem;
  font-weight: 700;
  left: 50%;
  margin: 0;
  padding: 0;
  position: absolute;
  /*text-shadow: 1px 1px 1px #222222;*/
  top: 85%;
  transform: translate3d(-50%, -50%, 0px);
  /*width: 100%;*/
  z-index: 1;
}
/* -- TITEL DER HEADER -------------------------------------------------------*/
.mffo-header::before {
  left: 50%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 1;
}
.seite-leistungen .mffo-header::before {
  content: "Leistungen";
}
.seite-referenzen .mffo-header::before {
  content: "Referenzen";
}
.seite-beratung .mffo-header::before {
  content: "Beratung";
}
.seite-kontakt .mffo-header::before {
  content: "Kontakt";
}
.seite-impressum .mffo-header::before {
  content: "Impressum";
}
.seite-datenschutz .mffo-header::before {
  content: "Datenschutz";
}
.seite-ueber-uns .mffo-header::before {
  content: "Über uns...";
}
/* -- HEADER MFFO (Farben) ---------------------------------------------------*/
.seite-leistungen canvas.particles-js-canvas-el {
  background: rgba(239, 83, 80, 0.5);
  border-bottom: 0.25rem solid #ef5350;
}
.seite-referenzen canvas.particles-js-canvas-el {
  background: rgba(255, 167, 38, 0.5);
  border-bottom: 0.25rem solid #ffa726;
}
.seite-beratung canvas.particles-js-canvas-el {
  background: rgba(239, 225, 40, 0.5);
  border-bottom: 0.25rem solid #efe128;
}
.seite-kontakt canvas.particles-js-canvas-el {
  background: rgba(80, 187, 79, 0.5);
  border-bottom: 0.25rem solid #50bb4f;
}
.seite-impressum canvas.particles-js-canvas-el {
  background: rgba(30, 136, 229, 0.5);
  border-bottom: 0.25rem solid #1e88e5;
}
.seite-datenschutz canvas.particles-js-canvas-el {
  background: rgba(38, 198, 218, 0.5);
  border-bottom: 0.25rem solid #26c6da;
}
.seite-ueber-uns canvas.particles-js-canvas-el {
  background: rgba(236, 64, 122, 0.5);
  border-bottom: 0.25rem solid #ec407a;
}
/* -- HEADER PARTIKEL-ANIMATION ----------------------------------------------*/
canvas.particles-js-canvas-el {
  margin: 0;
  height: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/* -- IMPORT SLIDESHOW -------------------------------------------------------*/
/*============================================================================*/
/*==          SEKTION SLIDESHOW                                             ==*/
/*============================================================================*/
/* -- REVOSLIDER - STARTSEITE ------------------------------------------------*/
#g-slideshow {
  background: #222222 url('../../../../images/background/schriftzug-firma-720.png') no-repeat center 40px / cover;
  margin-top: -4rem;
}
/* -- IMPORT EXTPANDED -------------------------------------------------------*/
/* -- SECTION EXPANDED MFFO --------------------------------------------------*/
#g-expanded {
  border-top: 4px solid #1e88e5;
}
.g-offline #g-expanded {
  text-shadow: 2px 2px #000;
  background: url('../../../../images/slider/glashaus-a.jpg') no-repeat 50% 50% / cover;
  padding: 0;
  margin: 0;
  border-top: 4px solid #1e88e5;
  flex: 1 0 auto;
}
/* -- IMPORT EXTENSION -------------------------------------------------------*/
/* -- SECTION EXTENSION MFFO ------------------------------------------------------------*/
#g-extension {
  background: url('../../../../images/background/header-001.jpg') no-repeat 50% 50% / cover;
  padding: 0;
  margin: 0;
  border-top: 4px solid #1e88e5;
}
#g-extension a {
  color: #1e88e5;
}
#g-extension a:hover {
  color: rgba(0, 0, 0, 0.75);
}
#g-extension .g-container {
  padding: 0;
}
#g-extension .g-content {
  padding: 0;
  margin: 0 0.625rem;
}
.mffo-kontakt-start .g-content {
  margin: 0.5rem !important;
  padding: 0.5rem !important;
}
.mffo-kontakt-start .g-content.g-blockcontent-subcontent-block-content {
  box-shadow: 2px 2px 4px rgba(34, 34, 34, 0.5);
}
.mffo-kontakt-start .g-blockcontent .g-blockcontent-headline {
  margin: -0.5rem;
  font-size: 2.5rem;
  font-variant: small-caps;
  font-weight: 900;
  text-align: center;
  text-shadow: 2px 2px 4px #222;
}
.mffo-kontakt-start .g-blockcontent {
  text-shadow: 1px 1px 0px rgba(34, 34, 34, 0.333);
}
/* -- IMPORT BOTTOM ----------------------------------------------------------*/
/*============================================================================*/
/*==          SEKTION BOTTOM                                                ==*/
/*============================================================================*/
#g-bottom .g-container {
  padding: 0;
}
#g-bottom .g-container .g-content {
  padding-top: 0;
  padding-bottom: 1.5rem;
  margin-top: -1.5rem;
  margin-bottom: 0;
}
/* -- IMPORT FOOTER ----------------------------------------------------------*/
/* -- FOOTER MFFO ------------------------------------------------------------*/
.seite-leistungen #g-footer {
  border-top: 0.25rem solid #ef5350;
}
.seite-referenzen #g-footer {
  border-top: 0.25rem solid #ffa726;
}
.seite-beratung #g-footer {
  border-top: 0.25rem solid #efe128;
}
.seite-kontakt #g-footer {
  border-top: 0.25rem solid #50bb4f;
}
.seite-impressum #g-footer {
  border-top: 0.25rem solid #1e88e5;
}
.seite-datenschutz #g-footer {
  border-top: 0.25rem solid #26c6da;
}
.seite-ueber-uns #g-footer {
  border-top: 0.25rem solid #ec407a;
}
#g-footer {
  border-top: 4px solid #1e88e5;
}
#g-footer .g-main-nav .g-toplevel > li > .g-menu-item-container, #g-footer .g-main-nav .g-sublevel > li > .g-menu-item-container {
  font-size: 1rem;
  font-weight: bold;
  padding: 0 0.5rem;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}
#g-footer .g-main-nav .g-toplevel > li > .g-menu-item-container:hover, #g-footer .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
  color: rgba(0, 0, 0, 0.75);
}
#g-footer i {
  opacity: 1;
}
#g-copyright .g-copyright {
  text-align: inherit;
}
/*============================================================================*/
/*==          IMPORTE PARTIKEL                                              ==*/
/*============================================================================*/
/* -- IMPORT ZUSATZ-PARTIKEL -------------------------------------------------*/
.g-onepage-menu ul {
  margin: 0;
  list-style: none;
  background: #ffffff;
  border: 1px solid #888888;
  border-radius: 3px;
}
.g-onepage-menu ul li a {
  padding: 0.625rem 1.25rem;
  color: #555555;
  display: block;
  border-bottom: 1px solid #888888;
  -webkit-transition: all, 0.2s;
  -moz-transition: all, 0.2s;
  transition: all, 0.2s;
}
.g-onepage-menu ul li a:hover {
  background: #f8f9fa;
  color: #222;
}
.g-onepage-menu ul li:last-child a {
  border-bottom: none;
}
.g-onepage-menu ul li .submenu {
  border: none;
  display: none;
}
.g-onepage-menu ul li .submenu li:last-child {
  border-bottom: 1px solid #888888;
}
.g-onepage-menu ul li.uk-active > a {
  background: #f8f9fa;
  color: #1e88e5;
}
.g-onepage-menu ul li.uk-active .submenu {
  display: block;
}
.g-onepage-menu ul li.uk-active .submenu a {
  padding-left: 35px;
}
.scroll-top {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: -60px;
  right: -60px;
  opacity: 0;
  background-color: #1e88e5;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transform: scale(0);
  transform-style: preserve-3d;
  z-index: 1000;
}
.scroll-top:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
}
.scroll-top.scroll-top-show {
  bottom: 25px;
  right: 25px;
  opacity: 1;
  transform: scale(1);
}
.scroll-top i {
  color: rgba(255, 255, 255, 0.75);
  position: relative;
  font-size: 26px;
  line-height: 46px;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.scroll-top i:hover {
  color: #fff;
}
@media (max-width: 768px) {
  .scroll-top {
    width: 40px;
    height: 40px;
  }
  .scroll-top.scroll-top-show {
    bottom: 15px;
    right: 15px;
  }
  .scroll-top i {
    font-size: 20px;
    line-height: 36px;
  }
}
.g-slideshow .uk-overlay-panel {
  padding: 25px;
}
@media only all and (max-width: 47.99rem) {
  .g-slideshow .uk-overlay-panel {
    padding: 15px;
  }
  .g-slideshow .uk-overlay-panel.uk-overlay-left {
    top: auto;
    bottom: 0;
    right: 0;
    width: 100%;
  }
  .g-slideshow .uk-overlay-panel.uk-overlay-right {
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-slideshow .uk-overlay-panel {
    padding: 15px;
  }
  .g-slideshow .uk-overlay-panel.uk-overlay-left {
    top: auto;
    bottom: 0;
    right: 0;
    width: 100%;
  }
  .g-slideshow .uk-overlay-panel.uk-overlay-right {
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
@media only all and (min-width: 60rem) and (max-width: 84.99rem) {
  .g-slideshow .uk-overlay-panel {
    padding: 15px;
  }
}
.g-slideshow .g-slideshow-title {
  margin: 0 0 15px;
  color: #ffffff !important;
}
@media only all and (max-width: 47.99rem) {
  .g-slideshow .g-slideshow-title {
    margin: 0;
    font-size: 1rem;
  }
}
.g-slideshow .g-slideshow-desc {
  margin: 0;
}
@media only all and (max-width: 47.99rem) {
  .g-slideshow .g-slideshow-desc {
    display: none;
  }
}
.g-slideshow .g-slideshow-desc a:not(.button) {
  color: #1e88e5;
}
.g-slideshow .g-slideshow-desc a:not(.button):hover {
  text-decoration: underline;
}
.g-slideshow .uk-flex-center {
  text-align: center;
}
.g-slideshow .style2 {
  padding: 70px 0;
}
.g-slideshow .style2 .g-slideshow-title {
  padding: 15px 25px;
  background: #ffffff;
  color: #1a1a1a !important;
  font-size: 2rem;
  display: table;
  margin-bottom: 20px;
}
.g-slideshow .style2 .g-slideshow-desc {
  padding: 15px 20px;
  background: #1a1a1a;
  color: #ffffff !important;
  font-size: 1.2rem;
  display: table;
}
.g-slideshow .style2.uk-flex-right .g-slideshow-title, .g-slideshow .style2.uk-flex-right .g-slideshow-desc {
  margin-left: auto;
}
.g-slideshow .style2.uk-flex-center .g-slideshow-title {
  margin: 0 auto 20px;
}
.g-slideshow .style2.uk-flex-center .g-slideshow-desc {
  margin: auto;
}
.g-slideshow .uk-dotnav {
  margin: 0 0 35px;
}
.g-slideshow .g-slideshow-item iframe {
  pointer-events: auto !important;
}
.g-slideshow .slideshow-caption.uk-overlay-background {
  padding: 25px;
}
.g-slideshow .uk-overlay-left-short {
  -webkit-transform: translateX(-10%);
  -moz-transform: translateX(-10%);
  -ms-transform: translateX(-10%);
  -o-transform: translateX(-10%);
  transform: translateX(-10%);
}
.g-slideshow .uk-overlay-right-short {
  -webkit-transform: translateX(10%);
  -moz-transform: translateX(10%);
  -ms-transform: translateX(10%);
  -o-transform: translateX(10%);
  transform: translateX(10%);
}
.g-slideshow .uk-overlay-top-short {
  -webkit-transform: translateY(-10%);
  -moz-transform: translateY(-10%);
  -ms-transform: translateY(-10%);
  -o-transform: translateY(-10%);
  transform: translateY(-10%);
}
.g-slideshow .uk-overlay-bottom-short {
  -webkit-transform: translateY(10%);
  -moz-transform: translateY(10%);
  -ms-transform: translateY(10%);
  -o-transform: translateY(10%);
  transform: translateY(10%);
}
.g-slideshow .uk-overlay-scale {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.g-slideshow .uk-overlay-left-short, .g-slideshow .uk-overlay-right-short, .g-slideshow .uk-overlay-top-short, .g-slideshow .uk-overlay-bottom-short {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.g-slideshow .uk-overlay-active .uk-active .uk-overlay-scale {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.g-tabs {
  background: #ffffff;
  border: 1px solid #888888;
}
.g-tabs .uk-tab {
  border-color: #888888;
}
.g-tabs .uk-tab > li > a {
  border: none;
  border-radius: 0;
  margin: 0 !important;
  color: #555555;
  text-shadow: none;
  padding: 20px 25px !important;
  -webkit-transition: background, 0.2s;
  -moz-transition: background, 0.2s;
  transition: background, 0.2s;
}
.g-tabs .uk-tab > li > a:hover {
  color: #555555;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-tabs .uk-tab > li > a {
    padding: 20px 15px !important;
  }
}
.g-tabs .uk-tab > li.uk-active > a {
  color: #555555;
}
.g-tabs .uk-tab > li .g-title-icon {
  margin-right: 10px;
}
.g-tabs .uk-tab .uk-tab-responsive {
  margin: 0;
}
.g-tabs .uk-tab .uk-tab-responsive > a {
  cursor: pointer;
}
.g-tabs .uk-tab .uk-tab-responsive .uk-dropdown {
  margin: 0;
  font-size: 0.9rem;
  border-color: #888888;
  padding: 0;
  border-radius: 0;
}
.g-tabs .uk-tab .uk-tab-responsive .uk-dropdown .uk-nav {
  margin: 0;
}
.g-tabs .uk-tab .uk-tab-responsive .uk-dropdown .uk-nav li a {
  padding: 15px 25px;
  color: #555555;
}
.g-tabs .uk-tab .uk-tab-responsive .uk-dropdown .uk-nav li a:before {
  border: none;
}
.g-tabs .uk-tab .uk-tab-responsive .uk-dropdown .uk-nav li a:hover {
  background: #f8f9fa;
  box-shadow: none;
}
.g-tabs .uk-tab-grid {
  margin: 0;
}
.g-tabs .uk-tab-grid:before {
  border-color: #888888;
}
.g-tabs .uk-tab-grid.uk-tab-top .g-tab-nav > a, .g-tabs .uk-tab-grid.uk-tab-bottom .g-tab-nav > a {
  border-right: none;
  border-left: 1px solid #888888;
}
.g-tabs .uk-tab-grid.uk-tab-top .g-tab-nav:first-child > a, .g-tabs .uk-tab-grid.uk-tab-bottom .g-tab-nav:first-child > a {
  border-left: none;
}
.g-tabs .uk-tab-top {
  border-bottom: 1px solid #888888;
}
.g-tabs .uk-tab-top .g-tab-nav > a {
  border-right: 1px solid #888888;
}
.g-tabs .uk-tab-top .g-tab-nav > a:before {
  border-top: 3px solid transparent;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.g-tabs .uk-tab-top .g-tab-nav.uk-active > a:before {
  border-top-color: #1e88e5;
}
.g-tabs .uk-tab-bottom {
  border-top: 1px solid #888888;
}
.g-tabs .uk-tab-bottom .g-tab-nav > a {
  border-right: 1px solid #888888;
}
.g-tabs .uk-tab-bottom .g-tab-nav > a:before {
  border-bottom: 3px solid transparent;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.g-tabs .uk-tab-bottom .g-tab-nav.uk-active > a:before {
  border-bottom-color: #1e88e5;
}
.g-tabs .uk-tab-left .g-tab-nav > a {
  border-top: 1px solid #888888;
}
.g-tabs .uk-tab-left .g-tab-nav > a:before {
  border-left: 3px solid transparent;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.g-tabs .uk-tab-left .g-tab-nav:first-child > a {
  border-top: none;
}
.g-tabs .uk-tab-left .g-tab-nav.uk-active > a:before {
  border-left-color: #1e88e5;
}
.g-tabs .uk-tab-right .g-tab-nav > a {
  border-top: 1px solid #888888;
}
.g-tabs .uk-tab-right .g-tab-nav > a:before {
  border-right: 3px solid transparent;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.g-tabs .uk-tab-right .g-tab-nav:first-child > a {
  border-top: none;
}
.g-tabs .uk-tab-right .g-tab-nav.uk-active > a:before {
  border-right-color: #1e88e5;
}
.g-tabs .tabs-content {
  overflow: hidden;
}
.g-tabs .tabs-content.uk-margin {
  margin-bottom: 0;
}
.g-tabs .tabs-content p {
  margin-bottom: 0;
}
.g-tabs .tabs-content .button {
  margin-top: 25px;
}
.g-tabs .tabs-content.left {
  padding: 35px;
  margin-left: -35px;
}
@media only all and (max-width: 47.99rem) {
  .g-tabs .tabs-content.left {
    margin-left: 0;
  }
}
.g-tabs .tabs-content.left p:first-child {
  margin-top: 0;
}
.g-tabs .tabs-content.right {
  padding: 35px;
  margin-right: -35px;
}
@media only all and (max-width: 47.99rem) {
  .g-tabs .tabs-content.right {
    margin-right: 0;
  }
}
.g-tabs .tabs-content.right p:first-child {
  margin-top: 0;
}
.g-tabs .tabs-content.top {
  padding: 35px;
  margin: 0;
}
.g-tabs .tabs-content.top > li {
  margin: 0;
}
.g-tabs .tabs-content.bottom {
  padding: 35px;
  margin: 0;
}
.g-tabs .tabs-content.bottom > li {
  margin: 0;
}
/* -- IMPORT ZUSATZ-PARTIKEL OVERRIDES ---------------------------------------*/
/* -- OVERRIDE PARTICLES -----------------------------------------------------*/
/* -- SEITE LEISTUNGEN -------------------------------------------------------*/
/* -- PARTICLE ONEPAGE-MENU --------------------------------------------------*/
.seite-leistungen .g-onepage-menu ul {
  background: #ffffff;
  border: 2px solid #ef5350;
  border-radius: 0px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  list-style: outside none none;
  margin: 0;
}
.seite-leistungen .g-onepage-menu ul li a {
  border-bottom: 1px solid #ef5350;
  color: #555;
  display: block;
  font-variant: small-caps;
  font-weight: bold;
  padding: 0.625rem 1.25rem;
  transition: all 0s ease 0s, all 0.2s ease 0s;
}
.seite-leistungen .g-onepage-menu ul li a:hover {
  background: #eeeeee;
  color: #ef5350;
}
.seite-leistungen .g-onepage-menu ul li.uk-active > a {
  background: #ef5350;
  color: #ffffff;
}
.seite-leistungen .g-onepage-menu ul li:last-child a {
  border-bottom: medium none;
}
/* -- POPUP-GRID -------------------------------------------------------------*/
.g-popupgrid-item-img-wrap .g-popupgrid-description-preview-title {
  text-shadow: 1px 1px 2px #000;
}
/*============================================================================*/
/*==          IMPORTE KOMPONENTEN                                           ==*/
/*============================================================================*/
/* -- IMPORT FORMULARE -------------------------------------------------------*/
/* -- FORMULARE GENERELL -----------------------------------------------------*/
.jsn-uniform.jsn-master {
  font-size: inherit;
}
.jsn-form-content {
  font-family: "sourcesanspro", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif !important;
}
.jsn-form-content .control-label {
  font-size: 1rem !important;
  font-weight: bold !important;
  font-family: "sourcesanspro", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif !important;
}
.jsn-bootstrap .btn {
  font-family: "sourcesanspro", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif !important;
  background: transparent !important;
  border-radius: 2rem !important;
  color: #555555 !important;
  border: 2px solid #555555 !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  text-shadow: none !important;
  text-transform: uppercase !important;
  margin: 0 0 0.5rem 0 !important;
  padding: 0.5rem 1.5rem !important;
}
.jsn-bootstrap .btn-primary {
  font-family: "sourcesanspro", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif !important;
  background: transparent !important;
  border-radius: 2rem !important;
  color: #1e88e5 !important;
  border: 2px solid #1e88e5 !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  text-shadow: none !important;
  text-transform: uppercase !important;
  margin: 0 0 0.5rem 0 !important;
  padding: 0.5rem 1.5rem !important;
}
.jsn-bootstrap .jsn-form-content .control-group {
  width: 100% !important;
}
.jsn-master .jsn-bootstrap .jsn-form-content .control-group.ui-state-highlight {
  background: rgba(80, 187, 79, 0.9) !important;
  border-color: rgba(80, 187, 79, 0.25) !important;
  border-radius: 0px !important;
}
.ui-datepicker-trigger.btn {
  padding: 3px 12px !important;
}
.jsn-bootstrap .alert {
  background-color: #50bb4f;
  border-radius: 0.25rem;
  color: #ffffff !important;
  margin-bottom: 1rem;
  padding: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  width: 100%;
}
/* -- TRENNLINIE -------------------------------------------------------------*/
.mffo-form-divider {
  border-bottom: 1px solid #50bb4f !important;
  max-width: 95%;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
/* -- HEADING ----------------------------------------------------------------*/
.mffo-form-heading {
  font-size: 1rem;
  font-weight: bold;
}
/* -- RE-CAPTCHA -------------------------------------------------------------*/
.jsn-row-container .control-group.g-recaptcha div {
  margin: 10px auto !important;
  position: relative;
}
/* -- IMPORT QUIX-OVERRIDES --------------------------------------------------*/
/* -- OVERRIDES QUIX ---------------------------------------------------------*/
a:hover, a:focus {
  text-decoration: none !important;
}
a:focus {
  outline: medium none;
  outline-offset: unset;
}
.qx-row {
  margin-bottom: 1.25rem;
}
/* -- BAR-COUNTER ------------------------------------------------------------*/
.qx-progress {
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  height: 26px;
  margin-bottom: 20px;
  overflow: hidden;
}
.qx-progress-bar {
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.75rem;
}
/* -- SEITE LEISTUNGEN -------------------------------------------------------*/
.seite-leistungen .blurb-leistungen .qx-icon {
  text-align: center;
  width: 6rem;
  font-size: 3.5rem !important;
  line-height: 3.5rem !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.seite-leistungen .blurb-leistungen .qx-blurb-content h4 {
  font-size: 2rem !important;
  font-variant: small-caps !important;
}
.seite-leistungen .divider-leistungen::before {
  border-top: 2px solid #ef5350 !important;
  margin-top: -2px !important;
  top: 50%;
}
/* -- UNTERSEITEN LEISTUNGEN -------------------------------------------------*/
.seite-leistungen {
  /* --  SECTION HEADER ------------------------------------------------------*/
  /* --  SECTION CONTENT ------------------------------------------------------*/
  /* --  SECTION FOOTER ------------------------------------------------------*/
}
.seite-leistungen .qx-element-divider::before {
  border-top: 2px solid #ef5350 !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  margin-top: -2px !important;
  top: 50%;
}
.seite-leistungen .mffo-section-header .qx-element-icon {
  color: #ef5350;
  text-align: center;
}
.seite-leistungen .mffo-section-header .qx-element-icon i {
  font-size: 2.5rem;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.seite-leistungen .mffo-section-header .qx-element-text {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.seite-leistungen .mffo-section-content .qx-img {
  border: 2px solid #ef5350;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  margin-bottom: 1.25rem;
}
.seite-leistungen .mffo-section-content .qx-element-accordion .collapsible-header {
  background-color: #ef5350;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.seite-leistungen .mffo-section-content .qx-element-accordion .collapsible li {
  border: 2px solid #ef5350;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.seite-leistungen .mffo-section-content .qx-element-accordion .collapsible-body {
  font-size: 1rem;
}
.seite-leistungen .mffo-section-footer {
  font-size: 1.25rem;
  font-weight: bold;
}
.seite-leistungen .mffo-section-footer .logo-footer {
  margin: 25% !important;
}
.seite-leistungen .mffo-section-footer .logo-footer .qx-img {
  border: medium none !important;
  box-shadow: none !important;
  transition: all 0.125s ease-in-out 0s;
}
.seite-leistungen .mffo-section-footer .logo-footer .qx-img:hover {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}
.seite-leistungen .mffo-section-footer .button-footer {
  font-size: 1.125rem;
  font-weight: bold;
}
/* -- SEITE REFERENZEN -------------------------------------------------------*/
.seite-referenzen {
  /* --  SECTION HEADER ------------------------------------------------------*/
  /* --  SECTION CONTENT ------------------------------------------------------*/
  /* --  SECTION FOOTER ------------------------------------------------------*/
}
.seite-referenzen .qx-element-divider::before {
  border-top: 2px solid #ffa726 !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  margin-top: -2px !important;
  top: 50%;
}
.seite-referenzen .mffo-section-header .qx-element-icon {
  color: #ffa726;
  text-align: center;
}
.seite-referenzen .mffo-section-header .qx-element-icon i {
  font-size: 2.5rem;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.seite-referenzen .mffo-section-header .qx-element-text {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.seite-referenzen .mffo-section-content .qx-img {
  border: 2px solid #ffa726;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  margin-bottom: 1.25rem;
}
.seite-referenzen .mffo-section-content .qx-element-accordion .collapsible-header {
  background-color: #ffa726;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.seite-referenzen .mffo-section-content .qx-element-accordion .collapsible li {
  border: 2px solid #ffa726;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.seite-referenzen .mffo-section-content .qx-element-accordion .collapsible-body {
  font-size: 1rem;
}
.seite-referenzen .mffo-section-footer {
  font-size: 1.25rem;
  font-weight: bold;
}
.seite-referenzen .mffo-section-footer .logo-footer {
  margin: 25% !important;
}
.seite-referenzen .mffo-section-footer .logo-footer .qx-img {
  border: medium none !important;
  box-shadow: none !important;
  transition: all 0.125s ease-in-out 0s;
}
.seite-referenzen .mffo-section-footer .logo-footer .qx-img:hover {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}
.seite-referenzen .mffo-section-footer .button-footer {
  font-size: 1.125rem;
  font-weight: bold;
}
/* -- SEITE BERATUNG -------------------------------------------------------*/
.seite-beratung {
  /* --  SECTION HEADER ------------------------------------------------------*/
  /* --  SECTION CONTENT ------------------------------------------------------*/
  /* --  SECTION FOOTER ------------------------------------------------------*/
}
.seite-beratung .qx-element-divider::before {
  border-top: 2px solid #efe128 !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  margin-top: -2px !important;
  top: 50%;
}
.seite-beratung .mffo-section-header .qx-element-icon {
  color: #efe128;
  text-align: center;
}
.seite-beratung .mffo-section-header .qx-element-icon i {
  font-size: 2.5rem;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.seite-beratung .mffo-section-header .qx-element-text {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.seite-beratung .mffo-section-content .qx-img {
  border: 2px solid #efe128;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  margin-bottom: 1.25rem;
}
.seite-beratung .mffo-section-content .qx-element-accordion .collapsible-header {
  background-color: #efe128;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.seite-beratung .mffo-section-content .qx-element-accordion .collapsible li {
  border: 2px solid #efe128;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.seite-beratung .mffo-section-content .qx-element-accordion .collapsible-body {
  font-size: 1rem;
}
.seite-beratung .mffo-section-footer {
  font-size: 1.25rem;
  font-weight: bold;
}
.seite-beratung .mffo-section-footer .logo-footer {
  margin: 25% !important;
}
.seite-beratung .mffo-section-footer .logo-footer .qx-img {
  border: medium none !important;
  box-shadow: none !important;
  transition: all 0.125s ease-in-out 0s;
}
.seite-beratung .mffo-section-footer .logo-footer .qx-img:hover {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}
.seite-beratung .mffo-section-footer .button-footer {
  font-size: 1.125rem;
  font-weight: bold;
}
/* -- SEITE KONTAKT ----------------------------------------------------------*/
.seite-kontakt .qx-element-divider::before {
  border-top: 2px solid #50bb4f !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  margin-top: -2px !important;
  top: 50%;
}
/* -- SEITE UEBER UNS --------------------------------------------------------*/
.seite-ueber-uns .qx-element-divider::before {
  border-top: 2px solid #ec407a !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  margin-top: -2px !important;
  top: 50%;
}
/*============================================================================*/
/*==          IMPORTE EXTRAS                                                ==*/
/*============================================================================*/
/* -- IMPORT ANIMATIONEN -----------------------------------------------------*/
/* -- VARIABLEN --------------------------------------------------------------*/
/* -- FAECHER ----------------------------------------------------------------*/
.custom.farb-faecher {
  display: block;
  position: absolute;
  left: 50%;
  top: -20px;
  margin: auto;
  opacity: 0.9;
  z-index: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.droplet-ff {
  border-radius: 13px;
  height: 78.0078007801px;
  margin: auto;
  width: 260px;
  position: absolute;
  top: 0px;
  left: 0px;
  transform-origin: 10px 10px 0;
  opacity: 0;
  box-shadow: 0px 0px 4px #000;
}
/* -- ANIMATIONEN ------------------------------------------------------------*/
#nr1 {
  background: #ff401a;
  animation: spinner1 4s ease-out;
  animation-fill-mode: both;
}
#nr2 {
  background: #ff661a;
  animation: spinner2 4s ease-out;
  animation-fill-mode: both;
}
#nr3 {
  background: #ff8d1a;
  animation: spinner3 4s ease-out;
  animation-fill-mode: both;
}
#nr4 {
  background: #ffb31a;
  animation: spinner4 4s ease-out;
  animation-fill-mode: both;
}
#nr5 {
  background: #ffd91a;
  animation: spinner5 4s ease-out;
  animation-fill-mode: both;
}
#nr6 {
  background: #ffff1a;
  animation: spinner6 4s ease-out;
  animation-fill-mode: both;
}
#nr7 {
  background: #d9ff1a;
  animation: spinner7 4s ease-out;
  animation-fill-mode: both;
}
#nr8 {
  background: #b3ff1a;
  animation: spinner8 4s ease-out;
  animation-fill-mode: both;
}
#nr9 {
  background: #8dff1a;
  animation: spinner9 4s ease-out;
  animation-fill-mode: both;
}
#nr10 {
  background: #66ff1a;
  animation: spinner10 4s ease-out;
  animation-fill-mode: both;
}
#nr11 {
  background: #40ff1a;
  animation: spinner11 4s ease-out;
  animation-fill-mode: both;
}
#nr12 {
  background: #1aff1a;
  animation: spinner12 4s ease-out;
  animation-fill-mode: both;
}
#nr13 {
  background: #1aff40;
  animation: spinner13 4s ease-out;
  animation-fill-mode: both;
}
#nr14 {
  background: #1aff66;
  animation: spinner14 4s ease-out;
  animation-fill-mode: both;
}
#nr15 {
  background: #1aff8d;
  animation: spinner15 4s ease-out;
  animation-fill-mode: both;
}
#nr16 {
  background: #1affb3;
  animation: spinner16 4s ease-out;
  animation-fill-mode: both;
}
#nr17 {
  background: #1affd9;
  animation: spinner17 4s ease-out;
  animation-fill-mode: both;
}
#nr18 {
  background: #1affff;
  animation: spinner18 4s ease-out;
  animation-fill-mode: both;
}
#nr19 {
  background: #1ad9ff;
  animation: spinner19 4s ease-out;
  animation-fill-mode: both;
}
#nr20 {
  background: #1ab3ff;
  animation: spinner20 4s ease-out;
  animation-fill-mode: both;
}
#nr21 {
  background: #1a8dff;
  animation: spinner21 4s ease-out;
  animation-fill-mode: both;
}
#nr22 {
  background: #1a66ff;
  animation: spinner22 4s ease-out;
  animation-fill-mode: both;
}
#nr23 {
  background: #1a40ff;
  animation: spinner23 4s ease-out;
  animation-fill-mode: both;
}
#nr24 {
  background: #1a1aff;
  animation: spinner24 4s ease-out;
  animation-fill-mode: both;
}
#nr25 {
  background: #401aff;
  animation: spinner25 4s ease-out;
  animation-fill-mode: both;
}
#nr26 {
  background: #661aff;
  animation: spinner26 4s ease-out;
  animation-fill-mode: both;
}
#nr27 {
  background: #8d1aff;
  animation: spinner27 4s ease-out;
  animation-fill-mode: both;
}
#nr28 {
  background: #b31aff;
  animation: spinner28 4s ease-out;
  animation-fill-mode: both;
}
#nr29 {
  background: #d91aff;
  animation: spinner29 4s ease-out;
  animation-fill-mode: both;
}
#nr30 {
  background: #ff1aff;
  animation: spinner30 4s ease-out;
  animation-fill-mode: both;
}
#nr31 {
  background: #ff1ad9;
  animation: spinner31 4s ease-out;
  animation-fill-mode: both;
}
#nr32 {
  background: #ff1ab3;
  animation: spinner32 4s ease-out;
  animation-fill-mode: both;
}
#nr33 {
  background: #ff1a8d;
  animation: spinner33 4s ease-out;
  animation-fill-mode: both;
}
#nr34 {
  background: #ff1a66;
  animation: spinner34 4s ease-out;
  animation-fill-mode: both;
}
#nr35 {
  background: #ff1a40;
  animation: spinner35 4s ease-out;
  animation-fill-mode: both;
}
#nr36 {
  background: #ff1a1a;
  animation: spinner36 4s ease-out;
  animation-fill-mode: both;
}
/* -- ANIMATIONS-SEQUENZ -----------------------------------------------------*/
@keyframes spinner1 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}
@keyframes spinner2 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}
@keyframes spinner3 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}
@keyframes spinner4 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
  }
}
@keyframes spinner5 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
  }
}
@keyframes spinner6 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
  }
}
@keyframes spinner7 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    transform: rotate(35deg);
  }
}
@keyframes spinner8 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg);
  }
}
@keyframes spinner9 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@keyframes spinner10 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    transform: rotate(50deg);
  }
}
@keyframes spinner11 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    transform: rotate(55deg);
  }
}
@keyframes spinner12 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
  }
}
@keyframes spinner13 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(65deg);
    -moz-transform: rotate(65deg);
    -ms-transform: rotate(65deg);
    -o-transform: rotate(65deg);
    transform: rotate(65deg);
  }
}
@keyframes spinner14 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(70deg);
    -moz-transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    -o-transform: rotate(70deg);
    transform: rotate(70deg);
  }
}
@keyframes spinner15 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(75deg);
    -moz-transform: rotate(75deg);
    -ms-transform: rotate(75deg);
    -o-transform: rotate(75deg);
    transform: rotate(75deg);
  }
}
@keyframes spinner16 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
  }
}
@keyframes spinner17 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(85deg);
    -moz-transform: rotate(85deg);
    -ms-transform: rotate(85deg);
    -o-transform: rotate(85deg);
    transform: rotate(85deg);
  }
}
@keyframes spinner18 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@keyframes spinner19 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(95deg);
    -moz-transform: rotate(95deg);
    -ms-transform: rotate(95deg);
    -o-transform: rotate(95deg);
    transform: rotate(95deg);
  }
}
@keyframes spinner20 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(100deg);
    -moz-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    -o-transform: rotate(100deg);
    transform: rotate(100deg);
  }
}
@keyframes spinner21 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(105deg);
    -moz-transform: rotate(105deg);
    -ms-transform: rotate(105deg);
    -o-transform: rotate(105deg);
    transform: rotate(105deg);
  }
}
@keyframes spinner22 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
  }
}
@keyframes spinner23 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(115deg);
    -moz-transform: rotate(115deg);
    -ms-transform: rotate(115deg);
    -o-transform: rotate(115deg);
    transform: rotate(115deg);
  }
}
@keyframes spinner24 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg);
  }
}
@keyframes spinner25 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(125deg);
    -moz-transform: rotate(125deg);
    -ms-transform: rotate(125deg);
    -o-transform: rotate(125deg);
    transform: rotate(125deg);
  }
}
@keyframes spinner26 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(130deg);
    -moz-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    -o-transform: rotate(130deg);
    transform: rotate(130deg);
  }
}
@keyframes spinner27 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
}
@keyframes spinner28 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(140deg);
    -moz-transform: rotate(140deg);
    -ms-transform: rotate(140deg);
    -o-transform: rotate(140deg);
    transform: rotate(140deg);
  }
}
@keyframes spinner29 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(145deg);
    -moz-transform: rotate(145deg);
    -ms-transform: rotate(145deg);
    -o-transform: rotate(145deg);
    transform: rotate(145deg);
  }
}
@keyframes spinner30 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(150deg);
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    transform: rotate(150deg);
  }
}
@keyframes spinner31 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(155deg);
    -moz-transform: rotate(155deg);
    -ms-transform: rotate(155deg);
    -o-transform: rotate(155deg);
    transform: rotate(155deg);
  }
}
@keyframes spinner32 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(160deg);
    -moz-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -o-transform: rotate(160deg);
    transform: rotate(160deg);
  }
}
@keyframes spinner33 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(165deg);
    -moz-transform: rotate(165deg);
    -ms-transform: rotate(165deg);
    -o-transform: rotate(165deg);
    transform: rotate(165deg);
  }
}
@keyframes spinner34 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(170deg);
    -moz-transform: rotate(170deg);
    -ms-transform: rotate(170deg);
    -o-transform: rotate(170deg);
    transform: rotate(170deg);
  }
}
@keyframes spinner35 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(175deg);
    -moz-transform: rotate(175deg);
    -ms-transform: rotate(175deg);
    -o-transform: rotate(175deg);
    transform: rotate(175deg);
  }
}
@keyframes spinner36 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
/* -- VARIABLEN --------------------------------------------------------------*/
/* -- FAECHER ----------------------------------------------------------------*/
.custom.faecher-overlay {
  display: block;
  position: absolute;
  left: -25px;
  top: 300px;
  margin: auto;
  opacity: 0.9;
  z-index: -1;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.droplet-overlay {
  border-radius: 15px;
  height: 90.0090009001px;
  margin: auto;
  width: 300px;
  position: absolute;
  top: 0px;
  left: 0px;
  transform-origin: 10px 10px 0;
  opacity: 0;
  box-shadow: 0px 0px 4px #000;
  font-size: 36.00000144px;
  color: #ffffff;
  text-align: center;
  padding: 20px;
  font-weight: 700;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}
/* -- ANIMATIONEN ------------------------------------------------------------*/
#g-overlay.open #drop1 {
  background: #ff401a;
  animation: spinning1 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop2 {
  background: #ff661a;
  animation: spinning2 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop3 {
  background: #ff8d1a;
  animation: spinning3 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop4 {
  background: #ffb31a;
  animation: spinning4 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop5 {
  background: #ffd91a;
  animation: spinning5 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop6 {
  background: #ffff1a;
  animation: spinning6 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop7 {
  background: #d9ff1a;
  animation: spinning7 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop8 {
  background: #b3ff1a;
  animation: spinning8 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop9 {
  background: #8dff1a;
  animation: spinning9 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop10 {
  background: #66ff1a;
  animation: spinning10 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop11 {
  background: #40ff1a;
  animation: spinning11 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop12 {
  background: #1aff1a;
  animation: spinning12 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop13 {
  background: #1aff40;
  animation: spinning13 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop14 {
  background: #1aff66;
  animation: spinning14 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop15 {
  background: #1aff8d;
  animation: spinning15 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop16 {
  background: #1affb3;
  animation: spinning16 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop17 {
  background: #1affd9;
  animation: spinning17 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop18 {
  background: #1affff;
  animation: spinning18 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop19 {
  background: #1ad9ff;
  animation: spinning19 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop20 {
  background: #1ab3ff;
  animation: spinning20 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop21 {
  background: #1a8dff;
  animation: spinning21 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop22 {
  background: #1a66ff;
  animation: spinning22 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop23 {
  background: #1a40ff;
  animation: spinning23 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop24 {
  background: #1a1aff;
  animation: spinning24 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop25 {
  background: #401aff;
  animation: spinning25 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop26 {
  background: #661aff;
  animation: spinning26 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop27 {
  background: #8d1aff;
  animation: spinning27 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop28 {
  background: #b31aff;
  animation: spinning28 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop29 {
  background: #d91aff;
  animation: spinning29 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop30 {
  background: #ff1aff;
  animation: spinning30 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop31 {
  background: #ff1ad9;
  animation: spinning31 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop32 {
  background: #ff1ab3;
  animation: spinning32 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop33 {
  background: #ff1a8d;
  animation: spinning33 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop34 {
  background: #ff1a66;
  animation: spinning34 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop35 {
  background: #ff1a40;
  animation: spinning35 1.75s ease-out;
  animation-fill-mode: both;
}
#g-overlay.open #drop36 {
  background: #ff1a1a;
  animation: spinning36 1.75s ease-out;
  animation-fill-mode: both;
}
/* -- ANIMATIONS-SEQUENZ -----------------------------------------------------*/
@keyframes spinning1 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}
@keyframes spinning2 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}
@keyframes spinning3 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}
@keyframes spinning4 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
  }
}
@keyframes spinning5 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
  }
}
@keyframes spinning6 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
  }
}
@keyframes spinning7 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    transform: rotate(35deg);
  }
}
@keyframes spinning8 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg);
  }
}
@keyframes spinning9 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@keyframes spinning10 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    transform: rotate(50deg);
  }
}
@keyframes spinning11 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    transform: rotate(55deg);
  }
}
@keyframes spinning12 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
  }
}
@keyframes spinning13 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(65deg);
    -moz-transform: rotate(65deg);
    -ms-transform: rotate(65deg);
    -o-transform: rotate(65deg);
    transform: rotate(65deg);
  }
}
@keyframes spinning14 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(70deg);
    -moz-transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    -o-transform: rotate(70deg);
    transform: rotate(70deg);
  }
}
@keyframes spinning15 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(75deg);
    -moz-transform: rotate(75deg);
    -ms-transform: rotate(75deg);
    -o-transform: rotate(75deg);
    transform: rotate(75deg);
  }
}
@keyframes spinning16 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
  }
}
@keyframes spinning17 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(85deg);
    -moz-transform: rotate(85deg);
    -ms-transform: rotate(85deg);
    -o-transform: rotate(85deg);
    transform: rotate(85deg);
  }
}
@keyframes spinning18 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@keyframes spinning19 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(95deg);
    -moz-transform: rotate(95deg);
    -ms-transform: rotate(95deg);
    -o-transform: rotate(95deg);
    transform: rotate(95deg);
  }
}
@keyframes spinning20 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(100deg);
    -moz-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    -o-transform: rotate(100deg);
    transform: rotate(100deg);
  }
}
@keyframes spinning21 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(105deg);
    -moz-transform: rotate(105deg);
    -ms-transform: rotate(105deg);
    -o-transform: rotate(105deg);
    transform: rotate(105deg);
  }
}
@keyframes spinning22 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
  }
}
@keyframes spinning23 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(115deg);
    -moz-transform: rotate(115deg);
    -ms-transform: rotate(115deg);
    -o-transform: rotate(115deg);
    transform: rotate(115deg);
  }
}
@keyframes spinning24 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg);
  }
}
@keyframes spinning25 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(125deg);
    -moz-transform: rotate(125deg);
    -ms-transform: rotate(125deg);
    -o-transform: rotate(125deg);
    transform: rotate(125deg);
  }
}
@keyframes spinning26 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(130deg);
    -moz-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    -o-transform: rotate(130deg);
    transform: rotate(130deg);
  }
}
@keyframes spinning27 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
}
@keyframes spinning28 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(140deg);
    -moz-transform: rotate(140deg);
    -ms-transform: rotate(140deg);
    -o-transform: rotate(140deg);
    transform: rotate(140deg);
  }
}
@keyframes spinning29 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(145deg);
    -moz-transform: rotate(145deg);
    -ms-transform: rotate(145deg);
    -o-transform: rotate(145deg);
    transform: rotate(145deg);
  }
}
@keyframes spinning30 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(150deg);
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    transform: rotate(150deg);
  }
}
@keyframes spinning31 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(155deg);
    -moz-transform: rotate(155deg);
    -ms-transform: rotate(155deg);
    -o-transform: rotate(155deg);
    transform: rotate(155deg);
  }
}
@keyframes spinning32 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(160deg);
    -moz-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -o-transform: rotate(160deg);
    transform: rotate(160deg);
  }
}
@keyframes spinning33 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(165deg);
    -moz-transform: rotate(165deg);
    -ms-transform: rotate(165deg);
    -o-transform: rotate(165deg);
    transform: rotate(165deg);
  }
}
@keyframes spinning34 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(170deg);
    -moz-transform: rotate(170deg);
    -ms-transform: rotate(170deg);
    -o-transform: rotate(170deg);
    transform: rotate(170deg);
  }
}
@keyframes spinning35 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(175deg);
    -moz-transform: rotate(175deg);
    -ms-transform: rotate(175deg);
    -o-transform: rotate(175deg);
    transform: rotate(175deg);
  }
}
@keyframes spinning36 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
/* -- FARB-VARIABLEN MALER-FFO -----------------------------------------------*/
/*$mffo-yellow:			#e1d42e;*/
/* -- GROESSEN VARIABLEN -----------------------------------------------------*/
.circle-logo {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  bottom: 0;
  box-shadow: -2px 2px 4px #000;
  height: 260px;
  left: 0;
  margin: auto;
  position: relative;
  right: 0;
  top: 0;
  width: 260px;
}
.faecher-logo {
  bottom: 0;
  height: 260px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 260px;
}
.droplet-logo {
  border-radius: 33px;
  height: 66px;
  margin: auto;
  width: 100px;
  position: absolute;
  top: 98px;
  left: 22px;
  transform-origin: 108px center;
  opacity: 0;
  box-shadow: 0px 0px 3px #000;
}
#letter-logo {
  color: #3d3d3d;
  font-family: "monotype corsiva" !important;
  font-size: 12rem;
  font-style: italic;
  font-weight: bold;
  height: 100%;
  margin: -2px -15px;
  opacity: 0;
  position: absolute;
  text-align: center;
  text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.666);
  width: 100%;
}
/* -- ANIMATIONEN ------------------------------------------------------------*/
#no1 {
  background: #7e57c2;
  animation: spin1 2s ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
}
#no2 {
  background: #ec407a;
  animation: spin2 2s ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.05s;
}
#no3 {
  background: #ef5350;
  animation: spin3 2s ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.1s;
}
#no4 {
  background: #ffa726;
  animation: spin4 2s ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.15s;
}
#no5 {
  background: #efe128;
  animation: spin5 2s ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}
#no6 {
  background: #50bb4f;
  animation: spin6 2s ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.25s;
}
#no7 {
  background: #26c6da;
  animation: spin7 2s ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.3s;
}
#no8 {
  background: #1e88e5;
  animation: spin8 2s ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.35s;
}
#letter-logo {
  animation: letter-b 1.65s ease-out;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}
/* -- ANIMATIONS-SEQUENZ -----------------------------------------------------*/
@keyframes spin1 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0.01);
    -moz-transform: rotate(0deg) scale(0.01);
    -ms-transform: rotate(0deg) scale(0.01);
    -o-transform: rotate(0deg) scale(0.01);
    transform: rotate(0deg) scale(0.01);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(45deg) scale(1);
    -moz-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    -o-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
}
@keyframes spin2 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0.01);
    -moz-transform: rotate(0deg) scale(0.01);
    -ms-transform: rotate(0deg) scale(0.01);
    -o-transform: rotate(0deg) scale(0.01);
    transform: rotate(0deg) scale(0.01);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(90deg) scale(1);
    -moz-transform: rotate(90deg) scale(1);
    -ms-transform: rotate(90deg) scale(1);
    -o-transform: rotate(90deg) scale(1);
    transform: rotate(90deg) scale(1);
  }
}
@keyframes spin3 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0.01);
    -moz-transform: rotate(0deg) scale(0.01);
    -ms-transform: rotate(0deg) scale(0.01);
    -o-transform: rotate(0deg) scale(0.01);
    transform: rotate(0deg) scale(0.01);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(135deg) scale(1);
    -moz-transform: rotate(135deg) scale(1);
    -ms-transform: rotate(135deg) scale(1);
    -o-transform: rotate(135deg) scale(1);
    transform: rotate(135deg) scale(1);
  }
}
@keyframes spin4 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0.01);
    -moz-transform: rotate(0deg) scale(0.01);
    -ms-transform: rotate(0deg) scale(0.01);
    -o-transform: rotate(0deg) scale(0.01);
    transform: rotate(0deg) scale(0.01);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(180deg) scale(1);
    -moz-transform: rotate(180deg) scale(1);
    -ms-transform: rotate(180deg) scale(1);
    -o-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
  }
}
@keyframes spin5 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0.01);
    -moz-transform: rotate(0deg) scale(0.01);
    -ms-transform: rotate(0deg) scale(0.01);
    -o-transform: rotate(0deg) scale(0.01);
    transform: rotate(0deg) scale(0.01);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(225deg) scale(1);
    -moz-transform: rotate(225deg) scale(1);
    -ms-transform: rotate(225deg) scale(1);
    -o-transform: rotate(225deg) scale(1);
    transform: rotate(225deg) scale(1);
  }
}
@keyframes spin6 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0.01);
    -moz-transform: rotate(0deg) scale(0.01);
    -ms-transform: rotate(0deg) scale(0.01);
    -o-transform: rotate(0deg) scale(0.01);
    transform: rotate(0deg) scale(0.01);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(270deg) scale(1);
    -moz-transform: rotate(270deg) scale(1);
    -ms-transform: rotate(270deg) scale(1);
    -o-transform: rotate(270deg) scale(1);
    transform: rotate(270deg) scale(1);
  }
}
@keyframes spin7 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0.01);
    -moz-transform: rotate(0deg) scale(0.01);
    -ms-transform: rotate(0deg) scale(0.01);
    -o-transform: rotate(0deg) scale(0.01);
    transform: rotate(0deg) scale(0.01);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(315deg) scale(1);
    -moz-transform: rotate(315deg) scale(1);
    -ms-transform: rotate(315deg) scale(1);
    -o-transform: rotate(315deg) scale(1);
    transform: rotate(315deg) scale(1);
  }
}
@keyframes spin8 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0.01);
    -moz-transform: rotate(0deg) scale(0.01);
    -ms-transform: rotate(0deg) scale(0.01);
    -o-transform: rotate(0deg) scale(0.01);
    transform: rotate(0deg) scale(0.01);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(360deg) scale(1);
    -moz-transform: rotate(360deg) scale(1);
    -ms-transform: rotate(360deg) scale(1);
    -o-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
  }
}
@keyframes letter-b {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.01);
    -moz-transform: scale(0.01);
    -ms-transform: scale(0.01);
    -o-transform: scale(0.01);
    transform: scale(0.01);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
/*# sourceMappingURL=custom_10.css.map */