#Leistungen {
    background-image: url('../images/icons/ICONS_Waben.png');
    background-repeat: no-repeat;
    background-size: 1249px;
    background-position: -30px;
    min-width: 610px;
    height: 600px;
    margin: 40px auto;
    display: flex;
    flex-direction: row;
}

ul {
    margin: 0;
}

.hex-row {
    display: flex;
    flex-direction: column;
    width: 168px;
    position: relative;
}

.hex-row.small {
    height: 75%;
    margin: auto -37px;
}

.hex-row > div:not(.description) {
    flex:1;
    clip-path: polygon(40px 0%, 130px 0, 100% 50%, 130px 100%, 40px 100%, 0 50%);
    min-height: 150px;
}

.hex-row > div.description {
    width: 400px;
    min-height: 200px;
    position: absolute;
    background-color: rgba(83,83,83,0.85);
    display: flex;
    flex-direction: column;
    color: white;
    left: 105%;
    z-index: -2;
    visibility: hidden;
    opacity: 0;
    white-space: normal;
    padding: 5px 10px;
    transition: visibility 0s linear 0.2s, opacity 0.2s linear 0.1s, z-index 0s linear 0.2s;
}

.hex-row > div:not(.description):hover + div {
    transition: visibility 0s, opacity 0.5s linear;
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

.hex-row > div:not(.description) + div:hover {
    transition: visibility 0s, opacity 0.5s linear;
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

.hex-row > div.description > div.Leistungstitel {
    height: 25px;
    top: -30px;
    background-color: #0A4B90;
    position: absolute;
    margin: -5px -10px;
    padding: 5px;
}

.hex-row > div.description > div:not(.Leistungstitel) {
    margin-top: auto;
}

.hex-row > div:not(.description):hover {
    background-image: url('../images/icons/ICONS_Waben.png');
    background-size: 1249px;
    background-repeat: no-repeat;
}

#IconSchulungen:hover {
    background-position: -656px -11px;
}

#IconReparatur:hover {
    background-position: -656px -161px;
}

#IconISO9001:hover {
    background-position: -656px -312px;
}

#IconDatenschutz:hover {
    background-position: -656px -463px;
}

#IconSTK:hover {
    background-position: -787px -86px;
}

#IconMTK:hover {
    background-position: -787px -236px;
}

#IconHygiene:hover {
    background-position: -787px -386px;
}

#IconGeräte:hover {
    background-position: -918px -11px;
}

#IconDGUV:hover {
    background-position: -918px -161px;
}

#IconErsatz:hover {
    background-position: -918px -312px;
}

#IconMEIT:hover {
    background-position: -918px -463px;
}

#IconBetten:hover {
    background-position: -1049px -86px;
}

#IconValidierung:hover {
    background-position: -1049px -236px;
}

#IconUVV:hover {
    background-position: -1049px -386px;
}

#IconReparatur + div.description,
#IconDGUV 	   + div.description {
    top: 20%;
}

#IconISO9001 + div.description,
#IconErsatz + div.description {
    top: 40%;
}

#IconMEIT + div.description,
#IconDatenschutz + div.description {
    top: 60%;
}

#IconMTK + div.description,
#IconValidierung + div.description {
    top: 25%;
}

#IconUVV + div.description,
#IconHygiene + div.description {
    top: 50%;
}

#IconBetten + div.description,
#IconValidierung + div.description,
#IconUVV + div.description {
    left: initial;
    right: 105%;
}

#MEITLogo {
    width: 50%;
    margin: 40px auto;
}

/*.hex-row > div.description > div:not(.Leistungstitel) > a,*/
/*.more {*/
/*    color: #00a6e1;*/
/*}*/