/**
 * Theme Name:     MAP1
 * Author:         MAIAdvisory
 * Template:       Divi
 * Text Domain:	   map1
 * Description:    map1-20250914
 */


/** MAD Masken - einfaches Dreieck 100% links */
.map-mask-w .et_pb_background_mask {
    background-image: url(../../uploads/map-mask_1.1_white.svg)!important;
}
.map-mask-b1 .et_pb_background_mask {
    background-image: url(../../uploads/map-mask_1.1_blue1.svg)!important;
}
.map-mask-b3 .et_pb_background_mask {
    background-image: url(../../uploads/map-mask_1.1_blue3.svg)!important;
}
.map-mask-g1 .et_pb_background_mask {
    background-image: url(../../uploads/map-mask_1.1_grey1.svg)!important;
}

/** MAD Masken - doppeltes Dreieck 100% links+rechts */
.map-maskd1-w .et_pb_background_mask {
    background-image: url(../../uploads/map-mask_1.1_double_white.svg)!important;
}
.map-maskd1-b3 .et_pb_background_mask {
    background-image: url(../../uploads/map-mask_1.1_double_blue3.svg)!important;
}
.map-maskd1-g1 .et_pb_background_mask {
    background-image: url(../../uploads/map-mask_1.1_double_grey1.svg)!important;
}

/** MAD Masken - doppeltes Dreieck 50% links+rechts */
.map-maskd2-w .et_pb_background_mask {
    background-image: url(../../uploads/map-mask_1.1_double50_white.svg)!important;
}


/** Team-Fotos: Bildrahmen darf nicht auf Zeilenhoehe gestreckt werden.
 *  Divi setzt align-items:flex-start nur in @media (min-width:768px)
 *  (.et_flex_module.et_pb_team_member). Darunter bleibt der Flex-Default
 *  "stretch": .et_pb_team_member_image (traegt Rahmen/Schatten) wird so hoch
 *  wie die Textspalte, waehrend das <img> nur 12vw hoch ist -> grosse leere
 *  weisse Flaeche unter jedem Foto. Fix: nicht strecken. */
@media (max-width: 767px) {
    .et_pb_team_member {
        align-items: flex-start;
    }
    .et_pb_team_member .et_pb_team_member_image {
        align-self: flex-start;
    }
}