.highlight_cards {   display: flex; flex-wrap: wrap; gap: var(--gutter); position: relative; z-index: 1;  --card-padding:64px;}

.highlight_cards>div {  border-radius: var(--section-radius); overflow: hidden;

/*    margin: calc(var(--gutter_big) + var(--gutter)) 0;*/

    background: white;
    position: relative;

    position: relative;
    z-index: 1;
    width: calc(50% - (var(--gutter) / 2)); color: var(--black);
}
.highlight_cards>div.white { background: var(--white); color:var(--black);}
.highlight_cards>div.lighter_blue { background: var(--lighter_blue); color:var(--black);}
.highlight_cards>div.blue { background: var(--blue); color:white;}
.highlight_cards>div.container_blue { background: var(--container_blue); color:white;}


.highlight_cards>div { display: flex; flex-direction: column; }

.wrapper:first-child > .highlight_banner { margin-top:0; }
.wrapper:last-child > .highlight_banner { margin-bottom:0; }


/*.highlight_cards > div.norm :is(figure,div) picture::after {
    content:""; display: block; height: auto; padding-bottom: 66%; width: 100%;
}*/

.highlight_cards figure  {    display: block;   position: relative;  background: var(--container_blue); }
.highlight_cards figure picture {
    position: absolute; top: -1px; left: -1px; /**/
    width: var(--overflow); height: var(--overflow);
}

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

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

}

.highlight_cards > div > div { padding: var(--card-padding);
    display: flex; flex-direction: column;  justify-content: center;
}
.highlight_cards > div.norm > div { flex: 1;}

.highlight_cards div h2 { font-size: 40px; }
.highlight_cards div p:not(.cta) { font-size: 20px; line-height: 1.5;  }
.highlight_cards div p:not(:last-child){ margin-bottom: var(--bodytext_size);}
.highlight_cards div p.cta{ margin-top: auto; }

@media all and (max-width: 1199.98px) {
    .highlight_cards {
        --card-padding:40px;
    }
    .highlight_cards>div {  border-radius: var(--radius); }

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

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

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

}





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

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



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

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

    .highlight_cards { flex-direction: column; }
    .highlight_cards :is(figure,div) { width:100%; }
    .highlight_cards figure picture {
        height: 0; padding-bottom: 50%;
    }
    .highlight_cards  > div > div { padding: 32px; }

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

}


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

}