progress,          /* All HTML5 progress enabled browsers */
progress[role]     /* polyfill */
{

	/* Turns off styling - not usually needed, but good to know. */
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
text-align: right;
	/* Needs to be in here for Safari polyfill so background images work as expected. */
	background-size: auto;
	
	
}

progress::-moz-progress-bar{
    background-color: #808080;
}

progress::-webkit-progress-value{
    background-color: #808080;
}

progress[value^="0"]::-webkit-progress-value,
progress[value^="1"]::-webkit-progress-value,
progress[value^="2"]::-webkit-progress-value{
   background-color: #fb4b4b;
	
} 


progress[value^="0"]::-moz-progress-bar,
progress[value^="1"]::-moz-progress-bar,
progress[value^="2"]::-moz-progress-bar{
   background-color: #fb4b4b;
  
} 


progress[value^="3"]::-webkit-progress-value,
progress[value^="4"]::-webkit-progress-value{
	 background-color: #ffa879;
	
}

progress[value^="3"]::-moz-progress-bar,
progress[value^="4"]::-moz-progress-bar{
	 background-color: #ffa879;
		
}

progress[value^="5"]::-webkit-progress-value,
progress[value^="6"]::-webkit-progress-value{
	 background-color:#ffc163;
		
}

progress[value^="5"]::-moz-progress-bar,
progress[value^="6"]::-moz-progress-bar{
	 background-color: #ffc163;

}

progress[value^="7"]::-moz-progress-bar,
progress[value^="8"]::-moz-progress-bar{
	background-color:#feff5c;
		
}

progress[value^="7"]::-webkit-progress-value,
progress[value^="8"]::-webkit-progress-value{
	background-color:#feff5c;

}

progress[value^="9"]::-moz-progress-bar,
progress[value="100"]::-moz-progress-bar{
    background-color:#c0ff33;
	
}

progress[value^="9"]::-webkit-progress-value,
progress[value="100"]::-webkit-progress-value{
    background-color:#c0ff33;
		
}



progress[value^="110"]::-moz-progress-bar {
	background-color:black!important;

}


.marathon-cat {
    display: grid;
    grid-template-columns: 150px 1fr;
    margin-left: 100px;
    margin-top: 25px;
	margin-bottom: 40px;
	
}

.marathon-icon {
    font-size: 60px;
    opacity: 0.4;
    color: var(--darkcolor);
    text-align: right;
}

.marathon-gewinner {
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'Mulish';
    font-weight: bold;
    margin-top: 15px;
    margin-left: -15px;
    color: var(--link2);
}

.marathon-cattitel {
    opacity: 0.7;
    font-size: 10px;
    margin-left: 20px;
}

.marathon-counter {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr 2fr;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 55px;
    width: 90%;
    font-family: 'Mulish';
    font-size: 25px;
	text-align: right;
}