.elementor-4864 .elementor-element.elementor-element-f022373{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:35px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4864 .elementor-element.elementor-element-e5f6777{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:2;text-align:start;}.elementor-4864 .elementor-element.elementor-element-e5f6777 .elementor-heading-title{font-family:"Cantarell", Sans-serif;font-size:20px;font-weight:bold;color:var( --e-global-color-primary );}.elementor-4864 .elementor-element.elementor-element-afd9bb3{--display:flex;--overflow:hidden;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4864 .elementor-element.elementor-element-a37d667 img{width:100%;height:75vh;object-fit:cover;object-position:center center;transition-duration:1s;border-radius:0px 0px 0px 0px;}.elementor-4864 .elementor-element.elementor-element-a37d667:hover img{opacity:0;}.elementor-4864 .elementor-element.elementor-element-f925996{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-4864 .elementor-element.elementor-element-f925996.elementor-element{--align-self:center;}.elementor-4864 .elementor-element.elementor-element-f925996 .elementor-heading-title{font-family:"Cantarell", Sans-serif;font-weight:600;color:var( --e-global-color-text );}.elementor-4864 .elementor-element.elementor-element-9bddac1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 20px;--row-gap:5px;--column-gap:20px;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4864 .elementor-element.elementor-element-e7dfed9 .elementor-heading-title{font-family:"Cantarell", Sans-serif;font-weight:600;}.elementor-4864 .elementor-element.elementor-element-40e3e10{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4864 .elementor-element.elementor-element-0f0e89b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-ha-member .ha-member-name{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-ha-member .ha-member-position{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ha-member .ha-member-bio{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ha-member .ha-btn{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4864 .elementor-element.elementor-element-4e56dbc{border-style:none;border-radius:11px 11px 11px 11px;}.elementor-4864 .elementor-element.elementor-element-4e56dbc .ha-member-figure img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-4864 .elementor-element.elementor-element-11a7ddd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4864 .elementor-element.elementor-element-4148d80{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 20px;--row-gap:5px;--column-gap:20px;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4864 .elementor-element.elementor-element-82f3f87 .elementor-heading-title{font-family:"Cantarell", Sans-serif;font-weight:600;}.elementor-4864 .elementor-element.elementor-element-8146481{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4864 .elementor-element.elementor-element-422a3e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4864 .elementor-element.elementor-element-0a84501 .ha-member-links > .elementor-repeater-item-5af707f:hover, .elementor-4864 .elementor-element.elementor-element-0a84501 .ha-member-links > .elementor-repeater-item-5af707f:focus{color:var( --e-global-color-primary );}.elementor-4864 .elementor-element.elementor-element-3600bef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4864 .elementor-element.elementor-element-1e5e2d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4864 .elementor-element.elementor-element-d30ee18{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 20px;--row-gap:5px;--column-gap:20px;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4864 .elementor-element.elementor-element-9c2e449 .elementor-heading-title{font-family:"Cantarell", Sans-serif;font-weight:600;}.elementor-4864 .elementor-element.elementor-element-883b463{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4864 .elementor-element.elementor-element-34b5e64{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4864 .elementor-element.elementor-element-31f786b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4864 .elementor-element.elementor-element-9761d7f .ha-member-links > .elementor-repeater-item-27a2b20:hover, .elementor-4864 .elementor-element.elementor-element-9761d7f .ha-member-links > .elementor-repeater-item-27a2b20:focus{color:var( --e-global-color-primary );}.elementor-4864 .elementor-element.elementor-element-98fc397{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 20px;--row-gap:5px;--column-gap:20px;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4864 .elementor-element.elementor-element-d62e324 .elementor-heading-title{font-family:"Cantarell", Sans-serif;font-weight:600;}.elementor-4864 .elementor-element.elementor-element-f27a360{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4864 .elementor-element.elementor-element-3991089{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4864 .elementor-element.elementor-element-4613b04 .ha-member-name{font-family:"Roboto Slab", Sans-serif;font-weight:400;}.elementor-4864 .elementor-element.elementor-element-4613b04 .ha-member-bio{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-4864 .elementor-element.elementor-element-537527c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4864 .elementor-element.elementor-element-2ffa1d3 .ha-member-links > .elementor-repeater-item-7e9e61d:hover, .elementor-4864 .elementor-element.elementor-element-2ffa1d3 .ha-member-links > .elementor-repeater-item-7e9e61d:focus{color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-4864 .elementor-element.elementor-element-f022373{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-4864 .elementor-element.elementor-element-40e3e10{--grid-auto-flow:row;}.elementor-4864 .elementor-element.elementor-element-8146481{--grid-auto-flow:row;}.elementor-4864 .elementor-element.elementor-element-883b463{--grid-auto-flow:row;}.elementor-4864 .elementor-element.elementor-element-f27a360{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-4864 .elementor-element.elementor-element-f022373{--content-width:1000px;}.elementor-4864 .elementor-element.elementor-element-0f0e89b{--width:100%;}.elementor-4864 .elementor-element.elementor-element-11a7ddd{--width:100%;}.elementor-4864 .elementor-element.elementor-element-422a3e4{--width:100%;}.elementor-4864 .elementor-element.elementor-element-3600bef{--width:100%;}.elementor-4864 .elementor-element.elementor-element-1e5e2d6{--width:100%;}.elementor-4864 .elementor-element.elementor-element-34b5e64{--width:100%;}.elementor-4864 .elementor-element.elementor-element-31f786b{--width:100%;}.elementor-4864 .elementor-element.elementor-element-3991089{--width:100%;}.elementor-4864 .elementor-element.elementor-element-537527c{--width:100%;}}@media(max-width:767px){.elementor-4864 .elementor-element.elementor-element-f022373{--margin-top:25px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-4864 .elementor-element.elementor-element-e5f6777 .elementor-heading-title{line-height:1.2em;}.elementor-4864 .elementor-element.elementor-element-40e3e10{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4864 .elementor-element.elementor-element-8146481{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4864 .elementor-element.elementor-element-883b463{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4864 .elementor-element.elementor-element-f27a360{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for ha-member, class: .elementor-element-4e56dbc *//* Bei diesem Teammitglied keinen Bildwechsel beim Hover */
.elementor-4864 .elementor-element.elementor-element-4e56dbc .ha-member-figure:hover img:first-of-type {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    z-index: 2 !important;
}

.elementor-4864 .elementor-element.elementor-element-4e56dbc .ha-member-figure img:nth-of-type(2),
.elementor-4864 .elementor-element.elementor-element-4e56dbc .ha-member-figure:hover img:nth-of-type(2) {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}/* End custom CSS */
/* Start custom CSS for ha-member, class: .elementor-element-513a772 *//* =========================================================
   HAPPY ADDONS TEAM MEMBER
   Nur Hoververhalten ändern – kein Layout und keine Größen
   ========================================================= */


/* Beide Bilder weich überblenden */
.modern-team-member .ha-member-figure img {
    transition:
        opacity 0.45s ease,
        transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
}


/* Hoverbild im Ausgangszustand */
.modern-team-member
.ha-member-figure
img:nth-of-type(2) {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(1.03);
}


/* =========================================================
   DESKTOP:
   Wechsel nur beim direkten Hovern über dem Bild
   ========================================================= */

@media (min-width: 768px) and (hover: hover) and (pointer: fine) {

    /*
     * Erstes Bild standardmäßig sichtbar halten.
     * Dadurch reagiert die Karte nicht auf Hover außerhalb
     * der eigentlichen Bildfläche.
     */
    .modern-team-member
    .ha-member-figure
    img:first-of-type {
        z-index: 1 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: scale(1);
    }

    /*
     * Erstes Bild nur direkt über der Bildfläche ausblenden.
     */
    .modern-team-member
    .ha-member-figure:hover
    img:first-of-type {
        z-index: 1 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: scale(0.99);
    }

    /*
     * Zweites Bild nur direkt über der Bildfläche einblenden.
     */
    .modern-team-member
    .ha-member-figure:hover
    img:nth-of-type(2) {
        z-index: 2 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: scale(1);
    }
}


/* =========================================================
   MOBIL:
   Hoverbild vollständig deaktivieren
   ========================================================= */

@media (max-width: 767px) {

    /*
     * Normales Bild bei sämtlichen Berührungszuständen
     * dauerhaft anzeigen.
     */
    .modern-team-member
    .ha-member-figure
    img:first-of-type,

    .modern-team-member:hover
    .ha-member-figure
    img:first-of-type,

    .modern-team-member:active
    .ha-member-figure
    img:first-of-type,

    .modern-team-member
    .ha-member-figure:hover
    img:first-of-type,

    .modern-team-member
    .ha-member-figure:active
    img:first-of-type {
        display: block !important;
        z-index: 2 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    /*
     * Zweites Bild mobil in jedem Zustand ausblenden.
     */
    .modern-team-member
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member:hover
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member:active
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member
    .ha-member-figure:hover
    img:nth-of-type(2),

    .modern-team-member
    .ha-member-figure:active
    img:nth-of-type(2) {
        display: none !important;
        z-index: -1 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: none !important;
    
}

/* =========================================================
   INDIVIDUELLER HOVERTEXT
   ========================================================= */

.modern-team-member .ha-member-figure .team-hover-text {
    position: absolute;
    right: 16px;
    bottom: 16px;
    left: 16px;
    z-index: 5;

    padding: 13px 15px;

    color: #ffffff;
    background: rgba(17, 24, 39, 0.86);
    border-left: 3px solid #6A4771;

    font-size: 14px;
    line-height: 1.45;

    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);

    pointer-events: none;

    transition:
        opacity 0.35s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0.35s;
}

}
.modern-team-member {
    display: flex;
    flex-direction: column;
}

.modern-team-member .ha-member-body {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.modern-team-member .ha-member-links {
    margin-top: auto;
}/* End custom CSS */
/* Start custom CSS for ha-member, class: .elementor-element-0a84501 *//* =========================================================
   HAPPY ADDONS TEAM MEMBER
   Nur Hoververhalten ändern – kein Layout und keine Größen
   ========================================================= */


/* Beide Bilder weich überblenden */
.modern-team-member .ha-member-figure img {
    transition:
        opacity 0.45s ease,
        transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
}


/* Hoverbild im Ausgangszustand */
.modern-team-member
.ha-member-figure
img:nth-of-type(2) {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(1.03);
}


/* =========================================================
   DESKTOP:
   Wechsel nur beim direkten Hovern über dem Bild
   ========================================================= */

@media (min-width: 768px) and (hover: hover) and (pointer: fine) {

    /*
     * Erstes Bild standardmäßig sichtbar halten.
     * Dadurch reagiert die Karte nicht auf Hover außerhalb
     * der eigentlichen Bildfläche.
     */
    .modern-team-member
    .ha-member-figure
    img:first-of-type {
        z-index: 1 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: scale(1);
    }

    /*
     * Erstes Bild nur direkt über der Bildfläche ausblenden.
     */
    .modern-team-member
    .ha-member-figure:hover
    img:first-of-type {
        z-index: 1 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: scale(0.99);
    }

    /*
     * Zweites Bild nur direkt über der Bildfläche einblenden.
     */
    .modern-team-member
    .ha-member-figure:hover
    img:nth-of-type(2) {
        z-index: 2 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: scale(1);
    }
}


/* =========================================================
   MOBIL:
   Hoverbild vollständig deaktivieren
   ========================================================= */

@media (max-width: 767px) {

    /*
     * Normales Bild bei sämtlichen Berührungszuständen
     * dauerhaft anzeigen.
     */
    .modern-team-member
    .ha-member-figure
    img:first-of-type,

    .modern-team-member:hover
    .ha-member-figure
    img:first-of-type,

    .modern-team-member:active
    .ha-member-figure
    img:first-of-type,

    .modern-team-member
    .ha-member-figure:hover
    img:first-of-type,

    .modern-team-member
    .ha-member-figure:active
    img:first-of-type {
        display: block !important;
        z-index: 2 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    /*
     * Zweites Bild mobil in jedem Zustand ausblenden.
     */
    .modern-team-member
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member:hover
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member:active
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member
    .ha-member-figure:hover
    img:nth-of-type(2),

    .modern-team-member
    .ha-member-figure:active
    img:nth-of-type(2) {
        display: none !important;
        z-index: -1 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: none !important;
    
}

/* =========================================================
   INDIVIDUELLER HOVERTEXT
   ========================================================= */

.modern-team-member .ha-member-figure .team-hover-text {
    position: absolute;
    right: 16px;
    bottom: 16px;
    left: 16px;
    z-index: 5;

    padding: 13px 15px;

    color: #ffffff;
    background: rgba(17, 24, 39, 0.86);
    border-left: 3px solid #6A4771;

    font-size: 14px;
    line-height: 1.45;

    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);

    pointer-events: none;

    transition:
        opacity 0.35s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0.35s;
}

}
.modern-team-member {
    display: flex;
    flex-direction: column;
}

.modern-team-member .ha-member-body {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.modern-team-member .ha-member-links {
    margin-top: auto;
}/* End custom CSS */
/* Start custom CSS for ha-member, class: .elementor-element-f20235f *//* =========================================================
   HAPPY ADDONS TEAM MEMBER
   Nur Hoververhalten ändern – kein Layout und keine Größen
   ========================================================= */


/* Beide Bilder weich überblenden */
.modern-team-member .ha-member-figure img {
    transition:
        opacity 0.45s ease,
        transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
}


/* Hoverbild im Ausgangszustand */
.modern-team-member
.ha-member-figure
img:nth-of-type(2) {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(1.03);
}


/* =========================================================
   DESKTOP:
   Wechsel nur beim direkten Hovern über dem Bild
   ========================================================= */

@media (min-width: 768px) and (hover: hover) and (pointer: fine) {

    /*
     * Erstes Bild standardmäßig sichtbar halten.
     * Dadurch reagiert die Karte nicht auf Hover außerhalb
     * der eigentlichen Bildfläche.
     */
    .modern-team-member
    .ha-member-figure
    img:first-of-type {
        z-index: 1 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: scale(1);
    }

    /*
     * Erstes Bild nur direkt über der Bildfläche ausblenden.
     */
    .modern-team-member
    .ha-member-figure:hover
    img:first-of-type {
        z-index: 1 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: scale(0.99);
    }

    /*
     * Zweites Bild nur direkt über der Bildfläche einblenden.
     */
    .modern-team-member
    .ha-member-figure:hover
    img:nth-of-type(2) {
        z-index: 2 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: scale(1);
    }
}


/* =========================================================
   MOBIL:
   Hoverbild vollständig deaktivieren
   ========================================================= */

@media (max-width: 767px) {

    /*
     * Normales Bild bei sämtlichen Berührungszuständen
     * dauerhaft anzeigen.
     */
    .modern-team-member
    .ha-member-figure
    img:first-of-type,

    .modern-team-member:hover
    .ha-member-figure
    img:first-of-type,

    .modern-team-member:active
    .ha-member-figure
    img:first-of-type,

    .modern-team-member
    .ha-member-figure:hover
    img:first-of-type,

    .modern-team-member
    .ha-member-figure:active
    img:first-of-type {
        display: block !important;
        z-index: 2 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    /*
     * Zweites Bild mobil in jedem Zustand ausblenden.
     */
    .modern-team-member
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member:hover
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member:active
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member
    .ha-member-figure:hover
    img:nth-of-type(2),

    .modern-team-member
    .ha-member-figure:active
    img:nth-of-type(2) {
        display: none !important;
        z-index: -1 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: none !important;
    
}

/* =========================================================
   INDIVIDUELLER HOVERTEXT
   ========================================================= */

.modern-team-member .ha-member-figure .team-hover-text {
    position: absolute;
    right: 16px;
    bottom: 16px;
    left: 16px;
    z-index: 5;

    padding: 13px 15px;

    color: #ffffff;
    background: rgba(17, 24, 39, 0.86);
    border-left: 3px solid #6A4771;

    font-size: 14px;
    line-height: 1.45;

    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);

    pointer-events: none;

    transition:
        opacity 0.35s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0.35s;
}

}
.modern-team-member {
    display: flex;
    flex-direction: column;
}

.modern-team-member .ha-member-body {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.modern-team-member .ha-member-links {
    margin-top: auto;
}/* End custom CSS */
/* Start custom CSS for ha-member, class: .elementor-element-91931b4 *//* =========================================================
   HAPPY ADDONS TEAM MEMBER
   Nur Hoververhalten ändern – kein Layout und keine Größen
   ========================================================= */


/* Beide Bilder weich überblenden */
.modern-team-member .ha-member-figure img {
    transition:
        opacity 0.45s ease,
        transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
}


/* Hoverbild im Ausgangszustand */
.modern-team-member
.ha-member-figure
img:nth-of-type(2) {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(1.03);
}


/* =========================================================
   DESKTOP:
   Wechsel nur beim direkten Hovern über dem Bild
   ========================================================= */

@media (min-width: 768px) and (hover: hover) and (pointer: fine) {

    /*
     * Erstes Bild standardmäßig sichtbar halten.
     * Dadurch reagiert die Karte nicht auf Hover außerhalb
     * der eigentlichen Bildfläche.
     */
    .modern-team-member
    .ha-member-figure
    img:first-of-type {
        z-index: 1 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: scale(1);
    }

    /*
     * Erstes Bild nur direkt über der Bildfläche ausblenden.
     */
    .modern-team-member
    .ha-member-figure:hover
    img:first-of-type {
        z-index: 1 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: scale(0.99);
    }

    /*
     * Zweites Bild nur direkt über der Bildfläche einblenden.
     */
    .modern-team-member
    .ha-member-figure:hover
    img:nth-of-type(2) {
        z-index: 2 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: scale(1);
    }
}


/* =========================================================
   MOBIL:
   Hoverbild vollständig deaktivieren
   ========================================================= */

@media (max-width: 767px) {

    /*
     * Normales Bild bei sämtlichen Berührungszuständen
     * dauerhaft anzeigen.
     */
    .modern-team-member
    .ha-member-figure
    img:first-of-type,

    .modern-team-member:hover
    .ha-member-figure
    img:first-of-type,

    .modern-team-member:active
    .ha-member-figure
    img:first-of-type,

    .modern-team-member
    .ha-member-figure:hover
    img:first-of-type,

    .modern-team-member
    .ha-member-figure:active
    img:first-of-type {
        display: block !important;
        z-index: 2 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    /*
     * Zweites Bild mobil in jedem Zustand ausblenden.
     */
    .modern-team-member
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member:hover
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member:active
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member
    .ha-member-figure:hover
    img:nth-of-type(2),

    .modern-team-member
    .ha-member-figure:active
    img:nth-of-type(2) {
        display: none !important;
        z-index: -1 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: none !important;
    
}

/* =========================================================
   INDIVIDUELLER HOVERTEXT
   ========================================================= */

.modern-team-member .ha-member-figure .team-hover-text {
    position: absolute;
    right: 16px;
    bottom: 16px;
    left: 16px;
    z-index: 5;

    padding: 13px 15px;

    color: #ffffff;
    background: rgba(17, 24, 39, 0.86);
    border-left: 3px solid #6A4771;

    font-size: 14px;
    line-height: 1.45;

    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);

    pointer-events: none;

    transition:
        opacity 0.35s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0.35s;
}

}
.modern-team-member {
    display: flex;
    flex-direction: column;
}

.modern-team-member .ha-member-body {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.modern-team-member .ha-member-links {
    margin-top: auto;
}/* End custom CSS */
/* Start custom CSS for ha-member, class: .elementor-element-8c4047d *//* =========================================================
   HAPPY ADDONS TEAM MEMBER
   Nur Hoververhalten ändern – kein Layout und keine Größen
   ========================================================= */


/* Beide Bilder weich überblenden */
.modern-team-member .ha-member-figure img {
    transition:
        opacity 0.45s ease,
        transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
}


/* Hoverbild im Ausgangszustand */
.modern-team-member
.ha-member-figure
img:nth-of-type(2) {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(1.03);
}


/* =========================================================
   DESKTOP:
   Wechsel nur beim direkten Hovern über dem Bild
   ========================================================= */

@media (min-width: 768px) and (hover: hover) and (pointer: fine) {

    /*
     * Erstes Bild standardmäßig sichtbar halten.
     * Dadurch reagiert die Karte nicht auf Hover außerhalb
     * der eigentlichen Bildfläche.
     */
    .modern-team-member
    .ha-member-figure
    img:first-of-type {
        z-index: 1 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: scale(1);
    }

    /*
     * Erstes Bild nur direkt über der Bildfläche ausblenden.
     */
    .modern-team-member
    .ha-member-figure:hover
    img:first-of-type {
        z-index: 1 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: scale(0.99);
    }

    /*
     * Zweites Bild nur direkt über der Bildfläche einblenden.
     */
    .modern-team-member
    .ha-member-figure:hover
    img:nth-of-type(2) {
        z-index: 2 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: scale(1);
    }
}


/* =========================================================
   MOBIL:
   Hoverbild vollständig deaktivieren
   ========================================================= */

@media (max-width: 767px) {

    /*
     * Normales Bild bei sämtlichen Berührungszuständen
     * dauerhaft anzeigen.
     */
    .modern-team-member
    .ha-member-figure
    img:first-of-type,

    .modern-team-member:hover
    .ha-member-figure
    img:first-of-type,

    .modern-team-member:active
    .ha-member-figure
    img:first-of-type,

    .modern-team-member
    .ha-member-figure:hover
    img:first-of-type,

    .modern-team-member
    .ha-member-figure:active
    img:first-of-type {
        display: block !important;
        z-index: 2 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    /*
     * Zweites Bild mobil in jedem Zustand ausblenden.
     */
    .modern-team-member
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member:hover
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member:active
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member
    .ha-member-figure:hover
    img:nth-of-type(2),

    .modern-team-member
    .ha-member-figure:active
    img:nth-of-type(2) {
        display: none !important;
        z-index: -1 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: none !important;
    
}

/* =========================================================
   INDIVIDUELLER HOVERTEXT
   ========================================================= */

.modern-team-member .ha-member-figure .team-hover-text {
    position: absolute;
    right: 16px;
    bottom: 16px;
    left: 16px;
    z-index: 5;

    padding: 13px 15px;

    color: #ffffff;
    background: rgba(17, 24, 39, 0.86);
    border-left: 3px solid #6A4771;

    font-size: 14px;
    line-height: 1.45;

    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);

    pointer-events: none;

    transition:
        opacity 0.35s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0.35s;
}

}
.modern-team-member {
    display: flex;
    flex-direction: column;
}

.modern-team-member .ha-member-body {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.modern-team-member .ha-member-links {
    margin-top: auto;
}/* End custom CSS */
/* Start custom CSS for ha-member, class: .elementor-element-9761d7f *//* =========================================================
   HAPPY ADDONS TEAM MEMBER
   Nur Hoververhalten ändern – kein Layout und keine Größen
   ========================================================= */


/* Beide Bilder weich überblenden */
.modern-team-member .ha-member-figure img {
    transition:
        opacity 0.45s ease,
        transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
}


/* Hoverbild im Ausgangszustand */
.modern-team-member
.ha-member-figure
img:nth-of-type(2) {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(1.03);
}


/* =========================================================
   DESKTOP:
   Wechsel nur beim direkten Hovern über dem Bild
   ========================================================= */

@media (min-width: 768px) and (hover: hover) and (pointer: fine) {

    /*
     * Erstes Bild standardmäßig sichtbar halten.
     * Dadurch reagiert die Karte nicht auf Hover außerhalb
     * der eigentlichen Bildfläche.
     */
    .modern-team-member
    .ha-member-figure
    img:first-of-type {
        z-index: 1 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: scale(1);
    }

    /*
     * Erstes Bild nur direkt über der Bildfläche ausblenden.
     */
    .modern-team-member
    .ha-member-figure:hover
    img:first-of-type {
        z-index: 1 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: scale(0.99);
    }

    /*
     * Zweites Bild nur direkt über der Bildfläche einblenden.
     */
    .modern-team-member
    .ha-member-figure:hover
    img:nth-of-type(2) {
        z-index: 2 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: scale(1);
    }
}


/* =========================================================
   MOBIL:
   Hoverbild vollständig deaktivieren
   ========================================================= */

@media (max-width: 767px) {

    /*
     * Normales Bild bei sämtlichen Berührungszuständen
     * dauerhaft anzeigen.
     */
    .modern-team-member
    .ha-member-figure
    img:first-of-type,

    .modern-team-member:hover
    .ha-member-figure
    img:first-of-type,

    .modern-team-member:active
    .ha-member-figure
    img:first-of-type,

    .modern-team-member
    .ha-member-figure:hover
    img:first-of-type,

    .modern-team-member
    .ha-member-figure:active
    img:first-of-type {
        display: block !important;
        z-index: 2 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    /*
     * Zweites Bild mobil in jedem Zustand ausblenden.
     */
    .modern-team-member
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member:hover
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member:active
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member
    .ha-member-figure:hover
    img:nth-of-type(2),

    .modern-team-member
    .ha-member-figure:active
    img:nth-of-type(2) {
        display: none !important;
        z-index: -1 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: none !important;
    
}

/* =========================================================
   INDIVIDUELLER HOVERTEXT
   ========================================================= */

.modern-team-member .ha-member-figure .team-hover-text {
    position: absolute;
    right: 16px;
    bottom: 16px;
    left: 16px;
    z-index: 5;

    padding: 13px 15px;

    color: #ffffff;
    background: rgba(17, 24, 39, 0.86);
    border-left: 3px solid #6A4771;

    font-size: 14px;
    line-height: 1.45;

    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);

    pointer-events: none;

    transition:
        opacity 0.35s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0.35s;
}

}
.modern-team-member {
    display: flex;
    flex-direction: column;
}

.modern-team-member .ha-member-body {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.modern-team-member .ha-member-links {
    margin-top: auto;
}/* End custom CSS */
/* Start custom CSS for ha-member, class: .elementor-element-4613b04 *//* =========================================================
   HAPPY ADDONS TEAM MEMBER
   Nur Hoververhalten ändern – kein Layout und keine Größen
   ========================================================= */


/* Beide Bilder weich überblenden */
.modern-team-member .ha-member-figure img {
    transition:
        opacity 0.45s ease,
        transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
}


/* Hoverbild im Ausgangszustand */
.modern-team-member
.ha-member-figure
img:nth-of-type(2) {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(1.03);
}


/* =========================================================
   DESKTOP:
   Wechsel nur beim direkten Hovern über dem Bild
   ========================================================= */

@media (min-width: 768px) and (hover: hover) and (pointer: fine) {

    /*
     * Erstes Bild standardmäßig sichtbar halten.
     * Dadurch reagiert die Karte nicht auf Hover außerhalb
     * der eigentlichen Bildfläche.
     */
    .modern-team-member
    .ha-member-figure
    img:first-of-type {
        z-index: 1 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: scale(1);
    }

    /*
     * Erstes Bild nur direkt über der Bildfläche ausblenden.
     */
    .modern-team-member
    .ha-member-figure:hover
    img:first-of-type {
        z-index: 1 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: scale(0.99);
    }

    /*
     * Zweites Bild nur direkt über der Bildfläche einblenden.
     */
    .modern-team-member
    .ha-member-figure:hover
    img:nth-of-type(2) {
        z-index: 2 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: scale(1);
    }
}


/* =========================================================
   MOBIL:
   Hoverbild vollständig deaktivieren
   ========================================================= */

@media (max-width: 767px) {

    /*
     * Normales Bild bei sämtlichen Berührungszuständen
     * dauerhaft anzeigen.
     */
    .modern-team-member
    .ha-member-figure
    img:first-of-type,

    .modern-team-member:hover
    .ha-member-figure
    img:first-of-type,

    .modern-team-member:active
    .ha-member-figure
    img:first-of-type,

    .modern-team-member
    .ha-member-figure:hover
    img:first-of-type,

    .modern-team-member
    .ha-member-figure:active
    img:first-of-type {
        display: block !important;
        z-index: 2 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    /*
     * Zweites Bild mobil in jedem Zustand ausblenden.
     */
    .modern-team-member
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member:hover
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member:active
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member
    .ha-member-figure:hover
    img:nth-of-type(2),

    .modern-team-member
    .ha-member-figure:active
    img:nth-of-type(2) {
        display: none !important;
        z-index: -1 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: none !important;
    
}

/* =========================================================
   INDIVIDUELLER HOVERTEXT
   ========================================================= */

.modern-team-member .ha-member-figure .team-hover-text {
    position: absolute;
    right: 16px;
    bottom: 16px;
    left: 16px;
    z-index: 5;

    padding: 13px 15px;

    color: #ffffff;
    background: rgba(17, 24, 39, 0.86);
    border-left: 3px solid #6A4771;

    font-size: 14px;
    line-height: 1.45;

    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);

    pointer-events: none;

    transition:
        opacity 0.35s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0.35s;
}

}
.modern-team-member {
    display: flex;
    flex-direction: column;
}

.modern-team-member .ha-member-body {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.modern-team-member .ha-member-links {
    margin-top: auto;
}/* End custom CSS */
/* Start custom CSS for ha-member, class: .elementor-element-2ffa1d3 *//* =========================================================
   HAPPY ADDONS TEAM MEMBER
   Nur Hoververhalten ändern – kein Layout und keine Größen
   ========================================================= */


/* Beide Bilder weich überblenden */
.modern-team-member .ha-member-figure img {
    transition:
        opacity 0.45s ease,
        transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
}


/* Hoverbild im Ausgangszustand */
.modern-team-member
.ha-member-figure
img:nth-of-type(2) {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(1.03);
}


/* =========================================================
   DESKTOP:
   Wechsel nur beim direkten Hovern über dem Bild
   ========================================================= */

@media (min-width: 768px) and (hover: hover) and (pointer: fine) {

    /*
     * Erstes Bild standardmäßig sichtbar halten.
     * Dadurch reagiert die Karte nicht auf Hover außerhalb
     * der eigentlichen Bildfläche.
     */
    .modern-team-member
    .ha-member-figure
    img:first-of-type {
        z-index: 1 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: scale(1);
    }

    /*
     * Erstes Bild nur direkt über der Bildfläche ausblenden.
     */
    .modern-team-member
    .ha-member-figure:hover
    img:first-of-type {
        z-index: 1 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: scale(0.99);
    }

    /*
     * Zweites Bild nur direkt über der Bildfläche einblenden.
     */
    .modern-team-member
    .ha-member-figure:hover
    img:nth-of-type(2) {
        z-index: 2 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: scale(1);
    }
}


/* =========================================================
   MOBIL:
   Hoverbild vollständig deaktivieren
   ========================================================= */

@media (max-width: 767px) {

    /*
     * Normales Bild bei sämtlichen Berührungszuständen
     * dauerhaft anzeigen.
     */
    .modern-team-member
    .ha-member-figure
    img:first-of-type,

    .modern-team-member:hover
    .ha-member-figure
    img:first-of-type,

    .modern-team-member:active
    .ha-member-figure
    img:first-of-type,

    .modern-team-member
    .ha-member-figure:hover
    img:first-of-type,

    .modern-team-member
    .ha-member-figure:active
    img:first-of-type {
        display: block !important;
        z-index: 2 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    /*
     * Zweites Bild mobil in jedem Zustand ausblenden.
     */
    .modern-team-member
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member:hover
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member:active
    .ha-member-figure
    img:nth-of-type(2),

    .modern-team-member
    .ha-member-figure:hover
    img:nth-of-type(2),

    .modern-team-member
    .ha-member-figure:active
    img:nth-of-type(2) {
        display: none !important;
        z-index: -1 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: none !important;
    
}

/* =========================================================
   INDIVIDUELLER HOVERTEXT
   ========================================================= */

.modern-team-member .ha-member-figure .team-hover-text {
    position: absolute;
    right: 16px;
    bottom: 16px;
    left: 16px;
    z-index: 5;

    padding: 13px 15px;

    color: #ffffff;
    background: rgba(17, 24, 39, 0.86);
    border-left: 3px solid #6A4771;

    font-size: 14px;
    line-height: 1.45;

    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);

    pointer-events: none;

    transition:
        opacity 0.35s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0.35s;
}

}
.modern-team-member {
    display: flex;
    flex-direction: column;
}

.modern-team-member .ha-member-body {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.modern-team-member .ha-member-links {
    margin-top: auto;
}/* End custom CSS */