.d-bst{
    width: 100px;
    text-align: right;
    height: 30px;
    line-height: 30px;
    margin: 5px 5px;
    position: relative;
}

.d-zeit{
    width: 80px;
    text-align: left;
    height: 30px;
    line-height: 30px;
    margin: 5px 5px;
    position: relative;
}


.gruppe {
    border-radius: 5px;
    padding: 5px;
    min-height:150px;
    border:3px solid #7D2926;
    background-color:#eeece1;
}

.gruppe legend{
     margin-left:2px;
     background-color:#EBB5AC;
     padding-left:10px;
     padding-top:5px;
     padding-right:20px;
     padding-bottom:5px;
     color:#040A62;
     border-radius:15px;
     border:3px solid #7D2926;
     font-size:18px;"
}

.box1{
    width: 200px;
}

.box2{
    width: 400px;
}

.box3{
    width: 600px;
}

.box4{
    width: 1300px;
}

.box5{
    width: 560px;
}

.css-button-rounded {
    background: #2fc974;
    color: #fff;
    display: block;
    padding: 5px 5px;
    margin-top: 8px;
    text-align: center;
    text-decoration: none;
    width: 180px;
    border-radius: 8px; // the rounded corners are here
}


.css-button-rounded {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}


.css-button-rounded:hover {
    background: #EC2951;
}

.raster_db td{
    vertical-align: top;
    text-align: center;
    padding: 3px;
}



/* Progressbar     ------------------------------*/

.fs-progress {
    width: 250px;
    height: 30px;
    border-radius: 5px;
    margin: 5px 5px;
    border: 1px solid #710604;
    overflow: hidden;
    position: relative;
    background-color: #999999;
}

.fs-progress .prozent {
    height: 100%;
    display: block;
    color: #000000;
    line-height: 30px;
    position: absolute;
    text-align: end;
    padding-right: 3px;

}

.fs-progress .rot1 {
        background-color: #FF9494;
}

.fs-progress .rot2 {
        background-color: #FF3838;
}

.fs-progress .gelb {
        background-color: #FFFD7A;
}

.fs-progress .gruen {
        background-color: #71FF61;
}

/* Diagramm     ------------------------------*/

.fs-diagramm {
  width: 200px;
  height: 30px;
  margin: 0px 0px;
  border: 1px solid #000000;
  overflow: hidden;
  position: relative;
}

.fs-diagramm .prozent {
  height: 100%;
  display: block;
  color: #000000;
  line-height: 30px;
  position: absolute;
  text-align: end;
}

.diagramm .rot {
    background-color: #FF3838;
}

.diagramm .gruen {
    background-color: #3FFF29;
}

.diagramm .weiss {
    background-color: #FFFFFF;
}

.diagramm .zahl {
    text-align: right;
    line-height: 30px;
    padding-left: 5px;
    padding-right: 5px;

}

.diagramm .name {
    text-align: left;
    line-height: 30px;
    padding-right: 5px;

}