.dienstRowHolder{

}

.dienstRow{
    margin-bottom: 1.5rem;
    min-height: 350px;
}

.dienstRow .imageHolder{
    aspect-ratio: 2;
}
.dienstRow .dienstRowContent{
    min-height: 100%;
    position: relative;
    float: left;
    padding: 2rem;
    display: inline-flex;
    background-color: var(--themeBlueLight);
    --textColor: var(--themeDark);
    flex-direction: column;
    justify-content: center;
}

.dienstRowHolder a:nth-of-type(odd) .dienstRowContent{
    background-color: var(--themeBlue);
    --textColor: #fff;
}

.dienstRow .dienstRowContent *{
    color: var(--textColor);
    transition: all .2s ease-in-out;
}
.dienstRow .dienstRowContent h3{
    margin-top: 0;
    color: var(--textColor);
}
.dienstRow .dienstRowContent h3 small{
    color: var(--textColor);
    font-size: 0.6em;
    font-weight: 300;
}

.dienstRow .dienstRowContent:hover *{
    transform:translateX(-2px);
}

@media screen and (max-width:769px){
    .dienstRow .imageHolder {
        aspect-ratio: 2;
    }
}