.hazard .row {
     display: flex;
     flex-wrap: wrap;
     flex-basis: fit-content;
     margin-right: 17px;
     margin-left: 17px;
     background-color:#fff;
     border: 0;
     justify-content: space-evenly
}

 .hazard .col {
     flex-basis: 0;
     flex-grow: 1;
     max-width: 100%;
     border: 0;
     background-color:#fff;
}

 .hazard-info-button {
     z-index:11;
     position:relative;
     margin: 0 ;
}
 .hazard-overlay {
     background-color:#fff;
     position: absolute;
     left:0;
     top:0;
     right:0;
     bottom:0;
     z-index:9;
     opacity:0.5 
}
 .hazard .panel-title h4 {
     font-size: 1rem !important;
     margin:0px 0 10px 0
}
 .hazard {
     margin-top:15px;
     border:1px solid #dedede;
     background-color:#F8F8F8;
}
 .hazard .panel-header {
     border-bottom:1px solid #dedede;
}
 .hazard .panel-body {
     padding:00px 10px 0px 10px;
     background-color:#ffffff;
}
 .hazard .panel-body h5 {
     margin-top:15px;
     margin-bottom:0;
     font-weight:bold;
     text-decoration:underline;
     padding-bottom:5px;
}
 body.hazard .panel.hazard {
     padding:0 !important;
     margin-bottom: 15px;
}
 body.hazard .hazard .panel-header {
     padding:0.5rem !important;
}
 body.hazard .hazard .panel-body {
     padding:1.0rem !important;
}
 section.hazard{
     padding-top: 1rem;
     padding-bottom: 1.5rem
}
 .top15 {
     margin-top:15px;
}
 .hazard-container {
     min-width:250px;
     max-width:100%;
     flex-basis: fit-content
}
 .hazard-container2 .col{
     min-width:250px;
     max-width:70%;
     flex-basis: fit-content
}
 .hazard-pictogramm {
     width:110px;
     max-width:110px;
     margin: auto;
     text-align: center
}

 .hazard-pictogramm picture {
     margin: auto;
     text-align: center
}

 .hazard-flexbox-item {
     display: inline-block;
     flex-grow: 0;
     flex-shrink: 0;
     flex-basis: 10%;
     flex: 1 33%;
     align-items: stretch;
     margin-top:10px;
     border-bottom:1px solid #c3c3c3;
     padding-bottom:10px;
     max-width:100%;
     padding-right:20px;
     justify-content: space-evenly
}
 .hazard-flexbox-desc  {
     display: flex;
     flex-grow: 1;
     flex-shrink: 0;
     flex-basis: auto;
     flex: 1 10%;
     align-items: stretch;
     margin-top:10px;
     border-bottom:1px solid #c3c3c3;
     padding-bottom:10px;
     max-width:100%;
     padding-right:20px;
     justify-content: space-evenly
}

 .hazard-flexbox {
     display: flex;
     flex-wrap: wrap;
     justify-content: center
}