@font-face {
    font-family: 'DeutscheBankDisplay';
    src: url('../fonts/DeutscheBankDisplay_W_Rg.eot');
    src: url('../fonts/DeutscheBankDisplay_W_Rg.eot') format('embedded-opentype'),
         url('../fonts/DeutscheBankDisplay_W_Rg.woff') format('woff'),
         url('../fonts/DeutscheBankDisplay_Rg.ttf') format('truetype');
}

@font-face {
    font-family: 'DeutscheBankDisplay';
    font-style: italic;
    src: url('../fonts/DeutscheBankDisplay_W_It.eot');
    src: url('../fonts/DeutscheBankDisplay_W_It.eot') format('embedded-opentype'),
         url('../fonts/DeutscheBankDisplay_W_It.woff') format('woff'),
         url('../fonts/DeutscheBankDisplay_It.ttf') format('truetype');
}

*, .field, .textarea, input {
	font-family: 'DeutscheBankDisplay', Arial, Helvetica, sans-serif !important;
	}

.uk-section {
  height: 80vh !important;
  min-height: 90vh !important;
}

/*
@media (max-width: 640px) {
  .uk-section {
    height: 80vh !important;
    min-height: 90vh !important;
  }
}
*/

.feedback {
  display: none;
}

.typo_top {
  position: relative;
  z-index: 2;
  text-shadow: 2px 2px 0px #fff;
}

.tm-header-mobile {
  position: fixed;
  z-index: 999;
  width: 100vw;
}

.scroll_snap {
  height: 85vh !important;
  overflow: hidden !important;
  min-height: 85vh !important;
}

.scroll_snap .uk-width-1-1:first-child {
  margin-top: -12vh;
}

.closed_section {
  position: relative;
}


.u119 {
  margin: 0 auto;
  left: calc(50% - 15px);
  opacity: 0.6;
  position: relative;
  transition: opacity 0.9s;
}
.u119:hover {
  opacity: 1;
}
.u119:hover .u119help-mouse-wheel:before,
.u119:hover .u119help-mouse-wheel:after {
  animation: indicator-up-down 1.5s infinite ease-in-out;
  height: 8px;
  opacity: 0;
}
.u119:hover .u119help-down {
  animation: arrow-down 0.3s infinite alternate;
}
.u119help-mouse-down {
  border: 3px solid #FFFFFF;
  border-radius: 7px;
  height: 50px;
  position: relative;
  background: transparent;
  width: 30px;
}

  .uk-section-default .u119help-mouse-down  {
    border: 3px solid #274c5e;
  }

.u119help-mouse-wheel {
  position: relative;
  top: 6px;
  left: 50%;
  transition: opacity 0.5s;
}
.u119help-mouse-wheel:before,
.u119help-mouse-wheel:after {
  content: '';
  background: #FFFFFF;
  border-radius: 50%;
  margin-left: -2px;
  height: 4px;
  position: absolute;
  top: 5px;
  transition: top 0.5s, height 0.5s, opacity 0.5s;
  width: 4px;
}

.uk-section-default .u119help-mouse-wheel:before, .uk-section-default .u119help-mouse-wheel:after  {
  background: #274c5e;
}

.u119help-mouse-wheel:before {
  animation: scroll 1.5s 0.75s infinite ease-in-out;
}
.u119help-mouse-wheel:after {
  animation: scroll 1.5s infinite ease-in-out;
}
.u119help-down {
  animation: arrow-down 0.6s infinite alternate ease-in-out;
  border-bottom: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  display: block;
  height: 5px;
  transform: rotate(45deg);
  transition: opacity 0.5s;
  width: 5px;
  opacity: 1;
  position: absolute;
  left: 14px;
  right: 0;
}

.uk-section-default .u119help-down  {
  border-bottom: 2px solid #274c5e;
  border-right: 2px solid #274c5e;
}

@-moz-keyframes scroll {
  0% {
    top: 5px;
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 15px;
    opacity: 0;
  }
}
@-webkit-keyframes scroll {
  0% {
    top: 5px;
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 15px;
    opacity: 0;
  }
}
@-o-keyframes scroll {
  0% {
    top: 5px;
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 15px;
    opacity: 0;
  }
}
@keyframes scroll {
  0% {
    top: 5px;
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 15px;
    opacity: 0;
  }
}
@-moz-keyframes indicator-up-down {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 20px;
  }
}
@-webkit-keyframes indicator-up-down {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 20px;
  }
}
@-o-keyframes indicator-up-down {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 20px;
  }
}
@keyframes indicator-up-down {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 20px;
  }
}
@-moz-keyframes arrow-down {
  0% {
    margin-top: 5px;
  }
  100% {
    margin-top: 15px;
  }
}
@-webkit-keyframes arrow-down {
  0% {
    margin-top: 5px;
  }
  100% {
    margin-top: 15px;
  }
}
@-o-keyframes arrow-down {
  0% {
    margin-top: 5px;
  }
  100% {
    margin-top: 15px;
  }
}
@keyframes arrow-down {
  0% {
    margin-top: 5px;
  }
  100% {
    margin-top: 15px;
  }
}

/* MP3 Player */

.vz-wrapper {
  position: relative;
  left: -20px;
  top: -100px;
  cursor: pointer;
}

.vz-wrapper.-canvas {
  position: absolute;
  box-shadow: none;
}



/* MP3 PLayer */

.login_after {
  display: none;
}


.navbar .brand, .navbar .nav>li>a, .navbar-search, .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
  min-height: 50px;
}

.uk-nav-primary>li>a {
  border-bottom: 1px solid #ccc;
}

.uk-nav li {
  padding: 3px 0px;
}

.uk-nav li a img {
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}

.audio-hidden {width:0;height:0;visibility:hidden}
.ppq-audio-player .play-pause-btn .play-pause-icon:after {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.ppq-audio-player .play-pause-btn .play-pause-icon:after,.ppq-audio-player.player-playing .play-pause-icon:after {background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAASCAMAAADrP+ckAAABNVBMVEUAAAAAmIcAmYgAm4sAnIsAnIwAnI0AnY0AnY4Ano4Ano8An5AAoJEAoZEAoZIAopMBn5ABoJABoJEBoZEBoZIBoZMBopMCoZICopMCopQCo5QDoJEDoZEDo5QDo5UFopMGo5QKpJYLpJYMpZcMppgNpZcNppgNp5gOppcOppgOp5gOp5kQqJoSp5kSqJoTqZsbrJ4drJ8irZ8mrqEnsKMrsqUtsqYytKg0tak5t6tHvLJJvbNLvbNqycBrysFsycFwy8Jwy8N3zsZ+0MiA0cqD0suH1M2L1c6P1tCk3tmm39mv4t285+PE6ebH6ufN7erS7+zV7+3W8O3X8O7a8u/k9fPs+Pft+Pfx+fjx+fnx+vny+vr1+/v2+/v5/fz7/f38/f38/v38/v79/v7+/v7+//////+ALAV1AAAAAXRSTlMAQObYZgAAATxJREFUKM+F0tlWwjAQBuAgQgHTRFFrqaK4IALiiuKugPsKrqUo0DbO+z+CDYHIFZ279nznP3P+DHLh4+L8HWybAQM+qDdlUgGXMRcqpIwYnIwoG7ct6LjAfgdUKlZoAmPQLMRSCBrLZH4idPAEbqcb11eamm1w1ciqGgJrFVPNiMydfkLH8X5LhXMWV1YOc7WCKSGGHty6A9Z2ZRbFGaEymApFKaHJceXoFRxnmPKcZoQXL79huPLijKng/ouP4nFJZcdXUWJML/gpLyo6du2zPTUmQ3uPw7cnWiK8dPUDzn+rUvVaFXUdv4Fjy+51nBcqj3XxQl71o9v33eqlipO0yZWZJnEE5pqqJZTZsy/xjHKvYqBk82+7FCgiaO1GZqKHz/2TkKpWrYv7qldryIGH9c2bFrR75yXV4PwBrZh1OjRqx9oAAAAASUVORK5CYII=);background-size:37px 18px}
.ppq-audio-player {line-height:111px;position:relative;overflow:hidden;height:111px;margin:0 auto;}
.ppq-audio-player audio {position:absolute;vertical-align:baseline}
.ppq-audio-player .play-pause-btn {float:left;margin:29px 0 0 12px}
.ppq-audio-player .play-pause-btn .play-pause-icon {position:relative;display:block;width:47px;height:47px;border:3px solid #00a293;border-radius:100%;background-color:#fff}
.ppq-audio-player .play-pause-btn .play-pause-icon:after {display:block;content:"";background-position:0 0;width:17px;height:18px}
.ppq-audio-player.player-playing .play-pause-icon:after {background-position:-25px 0;width:12px;height:17px}
.ppq-audio-player .player-time {float:left;width:51px;margin-right:8px;text-align:right}
.ppq-audio-player .player-time-duration {float:right;margin:0 0 0 8px;text-align:left}
.ppq-audio-player .player-bar {position:relative;overflow:hidden;height:5px;margin-top:53px;background-color:#fff}
.ppq-audio-player .player-bar .player-bar-loaded {position:absolute;top:0;left:0;width:100%;height:100%;border-radius:3px;background:#ddd}
.ppq-audio-player .player-bar .player-bar-played {position:absolute;top:0;left:0;width:0;height:100%;border-radius:3px;background:#00a293}


/* Countup */
.count4 {
  font-size: 120px;
}

.fakten_head {
  font-size: 120px;
  border: 5px solid #274c5e;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  text-align: center !important;
}

.choose_answer, .choose_answer_percent {
  cursor: pointer;
}

.choose_answer .el-title, .choose_answer_percent .el-title {
  color: #274c5e !important;
}

.choose_answer .el-content, .choose_answer_percent .el-content {
  display: none;
  color: #274c5e !important;
}

.choose_answer_percent .new_selection {
  background: #274c5e;
  margin: 20px -30px -30px;
  padding: 20px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  z-index: 99;
  position: relative;
}



.percent_answer .el-title, .rightwrong .el-title {
  color: #274c5e !important;
}

.choose_answer_percent .el-item {
  overflow: hidden;

}


.choose_answer_percent .loading_bar {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 500px;
  width: 0%;
  background-color: rgba(39, 76, 94, 0.54);
}


.percent_answer .uk-grid div:nth-child(1), .percent_answer .uk-grid div:nth-child(2), .rightwrong .uk-grid div:nth-child(1), .rightwrong .uk-grid div:nth-child(2), .rightwrong .uk-grid div:nth-child(3) {
  margin: 0px;
  padding-left: 0px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  padding-right: 15px;
}

.percent_answer .uk-grid div:nth-child(1), .rightwrong .uk-grid div:nth-child(1), .rightwrong .uk-grid div:nth-child(2) {
  padding-left: 0px;
  padding-right: 0px;
  border-right: 1px solid #274c5e;
}

.rightwrong .uk-grid div:nth-child(2) {
  padding-left: 0px;
}

.rightwrong .uk-grid div:nth-child(3) {
  padding-right: 0px;
}

.rightwrong {
  position: relative;
  left: 8px;
}


.rightwrong .el-title {
  margin-right: 15px;
      margin-top: 0px !important;
}

.rightwrong .el-image {
  position: absolute;
    top: -20px;
    left: 0px;
    width: 100%;
    color: #d50000;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}

.rightwrong div.correct_animate .el-image {
  color: #008b0b;
}

.rightwrong div.correct_animate .el-image, .rightwrong div.wrong_animate .el-image {
  opacity: 1;
  top: -50px;
}

.rightwrong.feedback .el-image {
  position: relative;
    top: 0px;

    width: 80px;
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}

.rightwrong.feedback  div.correct_animate .el-image, .rightwrong div.wrong_animate .el-image {
  top: 0px;
}

.rightwrong.feedback .el-title, .feedback_answer {
  display: none;
}

.rightwrong.feedback div.wrong_animate .el-item {
    background: #ccc;
}


.percent_answer .el-meta, .percent_answer .el-content, .rightwrong .el-meta, .choose_answer_percent .el-meta {
  display: none;
  padding-right: 15px;
}



.percent_answer div.remove_container {
  width: 0px;
  overflow: hidden;
  border: 0px !important;
  padding: 0px !important;
}


.percent_answer div.correct_animate, .percent_answer div.wrong_animate {
  width: 100%;
  padding-left: 15px !important;
  padding-right: 0px !important;
}

.percent_answer div.correct_animate .el-item, .rightwrong div.correct_animate .el-item {
  background: #b6dab9;
}

.percent_answer div.wrong_animate .el-item, .rightwrong div.wrong_animate .el-item {
  background: #ffafaf
}

.slider_start  .uk-cover-container {
    height: 180px;
}

.slider_start  .uk-cover-container .el-image {
    	border-radius: 50%;
      position: relative;
      z-index: 99;
      border: 1px solid #fff;
}

.slider_start {
	padding: 10px 10px 10px 10px;
}

.slider_start .el-title {
  font-size: 10px;
    line-height: 1.2;
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: left;
    width: 110%;
    padding: 42px 5px 5px 5px;
    border-left: 1px solid #fff;
    text-shadow: 0px 0px 7px rgba(0,0,0,0.67),0px 0px 7px rgba(0,0,0,0.67),0px 0px 7px rgba(0,0,0,0.67);
}


@media (max-width: 640px) {
  .slider_start .el-title {
    padding: 22px 5px 5px 5px;
      font-size: 9px;
      bottom: 13px;
  }

  .uk-alert, .login  {
    margin-top: 100px;
  }
}

.uk-countdown-label {
display: block !important;
}

.homelink {
  text-transform: uppercase;
  font-size: 16px !important;
}

/* Lockscreen */
.lockscreen {
  padding: 50px 30px 0;
  text-align: center;
}

.lockscreen .splash {
  text-align: center;
}

#frame {
  text-align: center;
}

.bubble
{
position: absolute;
width: 90%;
padding: 15px;
background: #FFFFFF;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
bottom: 20vh;
}

.bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 21px 14px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
top: -14px;
left: 32px;
}



 /* Mobile */
@media (max-width: 640px) {
  .slider_start {
  	padding: 70px 10px 10px 10px;
  }

}