.highlight_banner { overflow: hidden;     position: relative; z-index: 1;  --card-padding:64px;

    background: #FFF;

    box-shadow: 0 12px 12px 0 var(--amarenco_blue_tint);
    border-radius: 8px; overflow: hidden;

    margin: var(--gutter_big) 0;

}
.highlight_banner:last-child { margin-bottom: var(--section-padding); }

@media all and (min-width: 1520px)  {
    .highlight_banner {
        position: relative;
        margin:0 var(--wrapper-margin);
        width: calc(100% + var(--wrapper-margin) + var(--wrapper-margin));
        left: calc(0px - var(--wrapper-margin) - var(--wrapper-margin));
    }
}

.highlight_banner  { display: flex;  flex-wrap: wrap   }
.highlight_banner > :is(div,figure){ width: 50%; }

.highlight_banner > div{ padding:var(--wrapper-margin) var(--wrapper-margin) var(--wrapper-margin); }



.highlight_banner figure  {   display: block;  position: relative;  }
.highlight_banner figure picture {
    /*width: calc(50vw - (var(--gutter_big) / 2));*/
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.highlight_banner figure::before {
    display: block; content:""; width: 100%;
    height: 0; padding-bottom: 66.666%;
}

.highlight_banner figure { /*order: -1;*/
    display: flex;flex-direction: column; flex:1;

}

.highlight_banner > div {
    display: flex; flex-direction: column;  justify-content: flex-start;
}

.highlight_banner div h2 {   }
.highlight_banner div p:not(.cta) { font-size: 20px; line-height: 1.5;      max-width: 28em; }
.highlight_banner div p:not(:last-child){ margin-bottom: var(--bodytext_size);}
.highlight_banner div p.cta{ margin-top: auto;   }
.highlight_banner div p.cta:last-child{ margin-bottom:0 !important   }


.highlight_banner blockquote {
    font-family: berthold-baskerville-pro, sans-serif; margin-bottom: var(--gutter);
}
.highlight_banner div blockquote p:not(.cta){ font-size: 24px; line-height: 1.4; margin-bottom:1em; }
.highlight_banner div blockquote cite{ font-size: 14px; line-height: 1.4;   }
.highlight_banner div blockquote p:not(.cta)::before { content:"\201C"; }
.highlight_banner div blockquote p:not(.cta):is(:last-child, :has(+cite))::after { content:"\201D"; }



@media all and (max-width: 1199.98px) {
    .highlight_banner {
        --card-padding:40px;
    }

    .highlight_banner div h2 {
        font-size: var(--h2_size);
    }
    .highlight_banner div p:not(.cta) { font-size: 18px;  }
}

@media all and (min-width: 900px) {
    .highlight_banner>div.full { display: flex; width: 100%; flex-direction: row-reverse; }

    .highlight_banner > div.full :is(figure,div) { width: 50%;}

}





@media all and (max-width: 899.98px) {
    .highlight_banner {
        --card-padding: 32px;

    }
}
@media all and (max-width: 599.98px) {
    .highlight_banner  {
        --card-padding:20px;
    }
    .highlight_banner div p:not(.cta) { font-size: 16px;  }
}



@media all and (max-width: 1199.98px) {

}
@media all and (max-width: 899.98px) {
    .highlight_banner { display: block;}
    .highlight_banner .wrapper{ flex-direction: column; padding: 0 !important; }
    .highlight_banner>:is(div,figure) ,
    .highlight_banner figure picture { width:100%; }
    .highlight_banner figure::before {
        height: 0; padding-bottom: 50%;
    }
    .highlight_banner>div { padding: calc(var(--wrapper-margin) + 12px) var(--wrapper-margin); }

    .highlight_banner div p:not(.cta){ font-size:24px;  }

}


@media all and (max-width: 899.98px) {
    .highlight_banner div p:not(.cta){ font-size:20px;  }

}