.frame-type-felogin_login{
	color:#000;
}	

#sfrForm{
	color:#000;
}

#daydropdown_holder{
	text-align:center;
    text-align: center;
    position: fixed;
    bottom: 0.5rem;
    width: 8rem;
    left: calc(50% - 4rem);
}

#mypoints{
	margin-right:2rem;
	padding-left:3rem;
	background-image:url(../Images/Pokal.svg);
	background-repeat:no-repeat;
	background-position:left;
}

.auswertung{
	text-align:center;
}

.vertical-slide-out-menu a{
	color:#fff;
}

.quizfrage{
	display:none;
}

.frage-1{
	display:block;
}

.datenschutzhinweis, .emailhinweis, .vornamehinweis, .nachnamehinweis, .kontaktieren{
	display:none;
}

.datenschutzhinweis{
    margin-top: -0.8rem;
    margin-bottom: 1.2rem;
}

.attention{
	color:#f00;
	font-size:0.8rem;
}

.ddb_logo{
	height:60px !important;
}

.nav-wrapper .logo-wrapper img{
	max-width:500px !important;
}

#demoaccount a{
	text-decoration:underline;
}
#demoaccount a:hover{
	text-decoration:none;
	color:#d23a84;
}

@media (min-width: 992px) {
    .ddb_logo {
        height: 120px !important;
    }
}

@media (min-height: 1000px) {
    .ddb_logo {
        height: 240px !important;
    }
}


@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite;
}

.text-small{
    font-size: 0.9rem;
}

#vorname, #nachname, #email{
	width:100%;
}

.popup-content{
	max-width:calc(100% - 2rem) !important;
}

.loading-icon {
  position: fixed;
  top: 50%;
  left: calc(50% - 1.4rem);
  transform: translate(-50%, -50%);
  z-index: 11055; /* z-index higher than the Bootstrap modal */
  display: block;
    background-image: url(../Images/arrow-repeat.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
	width:50px;
	height:50px;
}

input[type="submit"].primary-button{
	border:0;
}


.loading-background {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11051;
    display: block;
    width: 100%;
    height: 100vH;
    background-color: rgba(0,0,0,0.1);
    background-repeat: no-repeat;
}

#demoaccount{
	text-align:center;
}

div{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

@keyframes pulsate {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.marker {
  width: 50px;
  height: 50px;
  background-color: rgba(255,0,0,0.55);
  position: absolute;
  pointer-events: none;
  z-index:20000;
  border-radius:50%;
  animation: pulsate 1.5s infinite ease-in-out;
  
}

.gewinnlink:hover{
	color:#fff;
}

.kalendertuerchen_text p{
	color:#000;
	font-size:1.25rem;
}

.kalendertuerchen_text hr{
	color:#000;
}

.suchbild .original{
	float:left;
	width:50%;
	position:relative;
}
.suchbild .fehler{
	float:left;
	width:50%;
	position:relative;
}


.login-wrapper{
	z-index:50;
}


.popup-bg-container{
	z-index:10000; 
}