.infront-container{position:relative}
@media only screen and (min-width:768px){.infront-container--verticalCenter>div>div{display:flex;align-items:center}
.infront-container--verticalBottom>div>div{display:flex;align-items:flex-end}
}
.infront-container--full-page-width .cmp-container{position:relative}
.infront-container--full-page-width .cmp-container::before{content:"";position:absolute;top:0;height:100%;background-color:inherit;z-index:-1;width:100vw;left:50%;transform:translateX(-50vw)}
.infront-container--background-full-left-width .cmp-container{border-radius:0 20px 20px 0;padding-right:20px}
@media only screen and (max-width:767px){.infront-container--background-full-left-width .cmp-container{margin-left:calc(-1*var(--infront-content-left-right-margin-mobile))}
}
@media only screen and (min-width:768px){.infront-container--background-full-left-width .cmp-container{margin-left:calc(-1*var(--infront-content-left-right-margin-desktop))}
}
@media only screen and (max-width:767px){.infront-container--background-full-left-width:is(.infront-container--light-red,.infront-container--light-blue,.infront-container--light-orange,.infront-container--navy-blue) .cmp-container{padding-left:var(--infront-content-left-right-margin-mobile)}
}
@media only screen and (min-width:768px){.infront-container--background-full-left-width:is(.infront-container--light-red,.infront-container--light-blue,.infront-container--light-orange,.infront-container--navy-blue) .cmp-container{padding-left:var(--infront-content-left-right-margin-desktop)}
}
.infront-container--background-full-right-width .cmp-container{border-radius:20px 0 0 20px;padding-left:20px}
@media only screen and (max-width:767px){.infront-container--background-full-right-width .cmp-container{margin-right:calc(-1*var(--infront-content-left-right-margin-mobile))}
}
@media only screen and (min-width:768px){.infront-container--background-full-right-width .cmp-container{margin-right:calc(-1*var(--infront-content-left-right-margin-desktop))}
}
@media only screen and (max-width:767px){.infront-container--background-full-right-width:is(.infront-container--light-red,.infront-container--light-blue,.infront-container--light-orange,.infront-container--navy-blue) .cmp-container{padding-right:var(--infront-content-left-right-margin-mobile)}
}
@media only screen and (min-width:768px){.infront-container--background-full-right-width:is(.infront-container--light-red,.infront-container--light-blue,.infront-container--light-orange,.infront-container--navy-blue) .cmp-container{padding-right:var(--infront-content-left-right-margin-desktop)}
}
.infront-container--light-red .cmp-container{background-color:var(--infront-color-container-light-red-bg)}
.infront-container--light-blue .cmp-container{background-color:var(--infront-color-container-light-blue-bg)}
.infront-container--light-orange .cmp-container{background-color:var(--infront-color-container-light-orange-bg)}
.infront-container--navy-blue .cmp-container{background-color:var(--infront-color-container-navy-blue-bg)}
.infront-container--navy-blue .cmp-container .cmp-title *,.infront-container--navy-blue .cmp-container .cmp-text *{color:var(--infront-color-palette-7)}
@media only screen and (max-width:767px){.cmp-container--overrideLeft>.aem-Grid{display:flex;flex-direction:column}
.cmp-container--overrideLeft>.aem-Grid>:nth-child(1){margin-bottom:48px}
.cmp-container--overrideLeft>.aem-Grid>:nth-child(2){display:contents !important}
.cmp-container--overrideLeft>.aem-Grid>:nth-child(2)>.cmp-container{display:contents}
.cmp-container--overrideLeft>.aem-Grid>:nth-child(2)>.cmp-container>.aem-Grid{display:contents}
.cmp-container--overrideLeft>.aem-Grid>:nth-child(2)>.cmp-container>.aem-Grid>:first-child{order:-1}
.cmp-container--overrideRight>.aem-Grid{display:flex;flex-direction:column}
.cmp-container--overrideRight>.aem-Grid>:nth-child(2){margin-bottom:48px;order:-1}
.cmp-container--overrideRight>.aem-Grid>:nth-child(1){display:contents !important}
.cmp-container--overrideRight>.aem-Grid>:nth-child(1)>.cmp-container{display:contents}
.cmp-container--overrideRight>.aem-Grid>:nth-child(1)>.cmp-container>.aem-Grid{display:contents}
.cmp-container--overrideRight>.aem-Grid>:nth-child(1)>.cmp-container>.aem-Grid>:first-child{order:-2}
}