/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 09.08.2021, 11:26:58
    Author     : c-sch
*/

.background-above{
   background-image: url(../images/pixels-164686.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    width:100%;
    height: 200px;
    position: relative;
    top: 0;
}




.background-above h1{
    padding: 60px 0px;
    position: relative;
    color: #4970B2;
    z-index: 2;
    font-size: 38px;
}

@media (max-width: 991px) {
    .background-above h1 {
        font-size: 30px;
    }
  
}

/* For Firefox */
progress::-moz-progress-bar {
    background: #2493D1;
}
progress::-moz-progress-bar {
            background-color: #2493D1 !important;
        }

/* For Chrome or Safari */
progress::-webkit-progress-value {
    background: #2493D1;
}
progress::-webkit-progress-bar {
    background-color: white;
}

/* For IE10 */
progress {
    background: #2493D1;
}


.progress-main{

   
    border-width: 0px;
    height: 40px;
    width: 100%;
    color: #2493D1;
    background-color: white;
}

.ui{
    width: 35%; 
}

@media (max-width: 800px) {
    .ui {
        width: 100%; 
    }
  
}

.anzahl{
    border-radius: 5px; 
   
    height: 80px; 
    margin: auto; 
    border-style: solid; 
    border-color: #707070; 
    border-width: 1px; 
    padding: 10px; 
    box-shadow: 1px 1px 1px #707070; 
    color: #707070; 
    font-size: 20px; 
    font-weight: bold;
}

@media (max-width: 800px) {
    .anzahl {
        border-radius: 5px; 
        height: 60px; 
        margin: auto; 
        border-style: solid; 
        border-color: #707070; 
        border-width: 1px; 
        padding: 10px; 
        box-shadow: 1px 1px 1px #707070; 
        color: #707070; 
        font-size: 15px; 
        font-weight: normal;
    }
  
}