.tm-header{position:sticky;top:0;left:0;z-index:1000;transition:box-shadow .2s linear 0s}
.scrolled .tm-header{box-shadow:0 0 1rem rgba(0,0,0,.1)}

.startseite .tm-header .uk-navbar-container:not(.uk-navbar-transparent){transition:background-color .5s linear 0s}
.startseite:not(.scrolled) .tm-header .uk-navbar-container:not(.uk-navbar-transparent){background-color:#000}
.startseite:not(.scrolled) .tm-header .uk-navbar-container:not(.uk-navbar-transparent) .uk-logo{filter:invert(1)}
.startseite .tm-header .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li {opacity:0;transition: all .4s cubic-bezier(0.4,0,0.2,1);left: 4rem;position: relative}
.startseite.scrolled .tm-header .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li {left: 0;opacity:1}
.startseite .tm-header .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:nth-child(1) {transition-delay: 0s}
.startseite .tm-header .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:nth-child(2) {transition-delay: 0.07s}
.startseite .tm-header .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:nth-child(3) {transition-delay: 0.14s}
.startseite .tm-header .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:nth-child(4) {transition-delay: 0.21s}
.startseite .tm-header .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:nth-child(5) {transition-delay: 0.28s}
.startseite .tm-header .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:nth-child(6) { transition-delay: 0.35s}
.startseite .tm-header .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:nth-child(7) {transition-delay: 0.42s}
.startseite .tm-header .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:nth-child(8) {transition-delay: 0.49s}
.startseite .tm-header .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:nth-child(9) {transition-delay: 0.56s}
.startseite .tm-header .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:nth-child(10) {transition-delay: 0.63s}

.startseite:not(.scrolled) .tm-header .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a{color:#fff !important}
.startseite:not(.scrolled) .tm-header .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a:before{background-color:#fff}
.startseite.scrolled .tm-header .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li{left:0;opacity:1}
.startseite .tm-header .uk-navbar-container .uk-logo {position: absolute;left: 50%;transform: translateX(-50%);transition: left 1s cubic-bezier(0.4,0,0.2,1), transform 1s cubic-bezier(0.4,0,0.2,1)}
.startseite.scrolled .tm-header .uk-navbar-container .uk-logo {left: 0;transform: translateX(0)}

/*Animierter Scroll-Down-Button*/
#scroll-down-button{z-index:100;width:100%;position:absolute;bottom:0;left:0;text-align:center;animation:scroll-down-fade-move 2.5s infinite;cursor: pointer;opacity: 0}
#scroll-down-button i{color:#c7cccf;font-size:4rem}
.startseite #scroll-down-button i{color:#fff}

/*Startseite - Batterie-Animation*/
.batterie-wave {animation: wave-move 3s linear infinite;will-change: transform}

/*Teamseite - Welle
.welle{background-color:#000}
.welle:after{content:"";position:absolute;opacity:.5;top:0;z-index:0;left:0;width:100%;height:400vh;background-position:fixed;background-image: url(/images/grafiken/vertikale-weisse-welle.svg);background-repeat: repeat;animation: welle-bg-move 2s ease-in-out forwards;}
.welle .tm-page{z-index:1}
.welle .uk-section-primary{background-color:transparent !important}
*/

@media all and (min-width:768px){

}

@media all and (min-width:1024px){

}

@media all and (min-width:1280px){

}

@media all and (min-width:768px){

}


/********************/
/*Keyframes*/
/********************/

@keyframes scroll-down-fade-move {
  0% {
    transform: translate(0,-20px);
    opacity: 0;
  }
  30% {
    opacity: 1;
    transform: translate(0,-10px);
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate(0,30px);
  }
}

@keyframes welle-bg-move {
  0% {
    background-size: 100% 100%;
    background-position-y: 0;
    filter: none;
  }
  100% {
    background-size: 102% 105%;
    background-position-y: 5px;
    filter: blur(0.5px);
  }
  /*
  50% {
    background-size: 98% 95%;
    background-position-y: -5px;
    filter: none;
  }
  75% {
    background-size: 101% 102%;
    background-position-y: 3px;
    filter: blur(0.3px);
  }
  100% {
    background-size: 100% 100%;
    background-position-y: 0;
    filter: none;
  }
    */
}

@keyframes wave-move {
  0% {
    transform: scaleY(1) skewX(0deg);
  }
  25% {
    transform: scaleY(1.015) skewX(2deg);
  }
  50% {
    transform: scaleY(0.95) skewX(-2deg) ;
  }
  75% {
    transform: scaleY(1.015) skewX(1deg);
  }
  100% {
    transform: scaleY(1) skewX(0deg) ;
  }
}




@font-face {
  font-family: 'ene5';
  src: url('../fonts/ene5.eot?41749089');
  src: url('../fonts/ene5.eot?41749089#iefix') format('embedded-opentype'),
      url('../fonts/ene5.woff2?41749089') format('woff2'),
      url('../fonts/ene5.woff?41749089') format('woff'),
      url('../fonts/ene5.ttf?41749089') format('truetype'),
      url('../fonts/ene5.svg?41749089#ene5') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "ene5";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-chevron-right:before { content: '\e800'; } /* '' */
.icon-whatsapp-kreis:before { content: '\e801'; } /* '' */
.icon-arrow-up:before { content: '\e802'; } /* '' */
.icon-arrow-down:before { content: '\e803'; } /* '' */
.icon-mail-kreis:before { content: '\e804'; } /* '' */
.icon-mail:before { content: '\e805'; } /* '' */
.icon-telefon-weiterleitung:before { content: '\e806'; } /* '' */
.icon-map-pin:before { content: '\e807'; } /* '' */
.icon-rocket:before { content: '\e808'; } /* '' */
.icon-werkzeug:before { content: '\e809'; } /* '' */
.icon-kalender:before { content: '\e80a'; } /* '' */
.icon-blitz:before { content: '\e80b'; } /* '' */
.icon-arrow-right:before { content: '\e80c'; } /* '' */
.icon-arrow-left:before { content: '\e80d'; } /* '' */
.icon-projekt:before { content: '\e80e'; } /* '' */
.icon-muskeln:before { content: '\e80f'; } /* '' */
.icon-brain:before { content: '\e810'; } /* '' */
.icon-plant:before { content: '\e811'; } /* '' */
.icon-clock:before { content: '\e812'; } /* '' */
.icon-handshake:before { content: '\e813'; } /* '' */
.icon-muskeln-2:before { content: '\e814'; } /* '' */
.icon-company:before { content: '\e815'; } /* '' */