.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;
}



#instructionsModal{
	color:#000;
}

#instructionsModal .modal-header{
	font-weight:bold;
}

#instructionsModal p{
	margin-bottom:0.5rem;
}

#instructionsModal .smf{
	font-size:0.8rem;
}

#instructionsModal .modal-footer{
	text-align:center;
}

#registerModal input{
	max-width:100%;
}

.statistik{
	color:#000;
	margin:2rem;
	padding:1rem;
	border:1px solid #000;
	border-radius:10px;
	font-size:0.8rem;
}

.statistik p{
  user-select: all;
}

.statistik .expanded{
	display:none;
}

.statistik .statistik_tag{
	margin-bottom:2rem;
}

.statistik .statistik_tag p{
	padding-left:2rem;
	padding-right:2rem;
}

.statistik h1{
	font-weight:bold;
	font-size:2rem;
}

.statistik h2{
	color:#000;
	background-color:#ccc;
	padding:0.5rem;
	border:1px solid #000;
	border-radius:10px;
	margin-bottom:0.5rem;
}

.statistik .show_all{
	cursor:pointer;
	display:inline-block;
	padding:0.2rem;
	border:1px solid #000;
	border-radius:10px;
	margin-right:1rem;
}
.statistik .export_all{
	cursor:pointer;
	display:inline-block;
	padding:0.2rem;
	border:1px solid #000;
	border-radius:10px;
	margin-right:1rem;
}

.statistik .show_random{
	cursor:pointer;
	display:inline-block;
	padding:0.2rem;
	border:1px solid #000;
	border-radius:10px;
	margin-right:1rem;
}

.auswertung{
	text-align:center;
}

.vertical-slide-out-menu a{
	color:#fff;
}
@media (max-width:815px){
  .vertical-slide-out-menu{
    display: none;
  }
}

.erfolgsmeldung{
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    bottom: 12rem;
    padding: 1rem;
    background-color: rgba(255,255,255,0.8);
    display: none;
	animation: pulsate2 1.5s infinite ease-in-out;
    z-index: 50000;
}

.attention{
	font-size:0.8rem;
	color:#f00;
	margin-top:-0.5rem;
	display:none;
}

.datenschutzhinweis{
	margin-top:-0.7rem;
}

@keyframes pulsate2 {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

  


.quizfrage{
	display:none;
}

.frage-1{
	display:block;
}


@-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;
}

.loading-icon {
  position: fixed;
  top: 50%;
  left: 50%;
  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;
  text-align: center;
}
.suchbild .fehler{
  float:left;
  width:50%;
  position:relative;
  text-align: center;
}

