.progress{
position: relative;
width: 95%;
position: relative;
padding: 3px;
background-color: var(--bodybg);
	margin: 3px;
	color: var(--schriftfarbe2);
    }

    .bar{
background-color: var(--linkfarbe);
height: 20px;
transition: width 150ms;
    }

    .bar2{
background-color: var(--linkfarbe2);
		color: var(--schriftfarbe2);
height: 20px;
transition: width 150ms;
    }


    .percent{
position: absolute;
display: inline-block;
top: 7px;
left: 50%;
transform: translateX(-50%);
font-weight: 600;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
font-size: 9px;
width: 100%;
text-align: center;
color: var(--schriftfarbe2);
	text-shadow: 1px 1px 1px var(--bodybg), 1px -1px 1px var(--bodybg), -1px 1px 1px var(--bodybg), -1px -1px 1px var(--bodybg);	
    }

h4 {
color: var(--linkfarbe);
font-family: 'Playfair Display';
text-transform: uppercase;
}