@CHARSET "ISO-8859-1";


body{
	margin:0px;
	background-color:#feeed4;
	font-family: Open Sans;
}

.gameheader-1 {
    font-size:1.25rem; 
    font-weight:bold; 
    color:#594835;
    /*text-transform:uppercase;*/
}

.gameheader-6 {
    font-size:0.8rem; 
    font-weight:bold; 
    color:#594835;
    /*text-transform:uppercase;*/
}

.circle_div {
    border-radius:50%; height:76px; width:76px; padding:0px; display:inline-block;
}

.circle-red { background-color:#ed786d; }
.circle-blue { background-color:#c5d9e8; }
.circle-green { background-color:#c5e8d7; }
.circle-grey { background-color:#e6eaed; }
.circle-purple { background-color:#cac5e8; }
.circle-purple { background-color:#d0c5e8; }




.progress-bar-purple {
  background-color: #D9B1EE; /* Lila ... Lila 2 CB97E7*/
}

.progress-bar-blue {
  background-color: #8AC9FE; /* Blau ... Blau 2 60B7FF*/
}

.progress-bar-yellow {
  background-color: #FEE45A; /* Gelb ... Gelb 2 FED402 */
}

.progress-bar-green {
  background-color: #C1E9AF; /* Grün .. Grün 2 ADE194 */
}

.custom-progress-height {
  height: 24px; /* Progressbar Höhe*/
}

.progress-bar{
    /*border-radius: 20px;*/
    box-shadow: none;
    animation: animate-positive 2s;
}
@keyframes animate-positive{
    0%{ width: 0; }
}

.with-shadow {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}


.task {
    background:#FFF;

}

.task:hover {
    box-shadow: 0 0 11px rgba(33,33,33,.2); 
}

.task-link:hover {
    /*background-color:#EFEFEF;*/
}

.linkbox {
  background: rgba(255, 255, 255, 0.85); 
  border-radius: 16px; 
  height:92px;
}

.linkbox:hover {
  background-color: #EEE;
  cursor: pointer;
  -webkit-transition: background-color 0.7s ease-out;
  -moz-transition: background-color 0.7s ease-out;
  -o-transition: background-color 0.7s ease-out;
  transition: background-color 0.7s ease-out;
  /*box-shadow: inset 0 0 2em blue;*/
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
}