.mwdivider {
    position: relative;
    width: 100%;
    line-height: 0;
    overflow: hidden;
}

.mwdivider svg {
    display: block;
    width: 100%;
    height: 120px;
}

/* -----------------------------------
   Modus 1: normaler Farbübergang
----------------------------------- */
.mwdivider--transition {
    background: transparent;
}

.mwdivider--transition svg {
    display: block;
}

/* -----------------------------------
   Modus 2: Bildabschluss unten
   oben transparent, unten gefüllt
----------------------------------- */
.mwdivider--imageBottom {
    background: transparent;
    position: relative;
    z-index: 9999;
    margin-top:-120px;
}

/*
.mwdivider--imageBottom svg {
    display: block;
}

.mwdivider--imageBottom path {
    fill: currentColor;
}

.mwdivider--imageBottom svg path {
    fill: currentColor;
}
*/

/* -----------------------------------
   Farbklassen
   background-color für normale Flächen
   color für currentColor im SVG
----------------------------------- */
/*
.bgcolor-0 {
    background-color: #ffffff;
    color: #ffffff;
}

.bgcolor-1 {
    background-color: #f8f8f8;
    color: #f8f8f8;
}

.bgcolor-2 {
    background-color: #0f1401;
    color: #0f1401;
}

.bgcolor-3 {
    background-color: #B7CB29;
    color: #B7CB29;
}

.bgcolor-4 {
    background-color: #901780;
    color: #901780;
}

.bgcolor-5 {
    background-color: #d6e373;
    color: #d6e373;
}

.bgcolor-6 {
    background-color: #ffd9f6;
    color: #ffd9f6;
}

*/
/* -----------------------------------
   Hilfsklasse wenn die Welle
   direkt am unteren Rand eines Bildes liegt
----------------------------------- */
.mwdivider--overlayBottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
}

/* -----------------------------------
   Beispiel-Container für Bildbereiche
   nur nutzen wenn gewünscht
----------------------------------- */
.mwdivider-imageWrap {
    position: relative;
    overflow: hidden;
}

.mwdivider-imageWrap img,
.mwdivider-imageWrap picture {
    display: block;
    width: 100%;
    height: auto;
}

/* -----------------------------------
   Responsive Höhe
----------------------------------- */
@media (max-width: 991px) {
    .mwdivider svg {
        height: 90px;

    }
   .mwdivider--imageBottom {
    background: transparent;
    position: relative;
    z-index: 9999;
    margin-top:-90px;
    }     
}

@media (max-width: 575px) {
    .mwdivider svg {
        height: 70px;

    }
    
    .mwdivider--imageBottom {
    background: transparent;
    position: relative;
    z-index: 9999;
    margin-top:-70px;
}
}