.textBannerComponent{position:relative;color:white;overflow:hidden;background:var(--variable-bg-color)}
.textBannerComponent.verticalAlignment:has(.leftAlignLayout){justify-content:var(--variable-vertical-alignment)}
.textBannerComponent .container-x-small{max-height:428px}
.textBannerComponent .container-small{max-height:350px}
.textBannerComponent.container-medium{max-height:500px}
.textBannerComponent.container-large{max-height:825px}
.containerNoImage{min-height:300px;display:flex;flex-direction:column}
.banner-image img{width:100%}
.textBannerComponent .textBannerContent h1{margin-bottom:0}
.textBannerComponent .textBannerContent h1 sup{font-size:16px;top:-20px}
.textBannerComponent .centerAlignLayout{position:absolute;text-align:center;width:90%;top:50%;left:50%;transform:translate(-50%,-50%)}
.textBannerComponent .centerAlignLayout .title-container{display:flex;justify-content:center}
.textBannerComponent .leftAlignLayout{position:absolute;width:90%;top:60%;left:50%;transform:translate(-50%,-50%)}
.textBannerComponent .banner-title{color:var(--variable-txt-color);font-size:40px;font-weight:400;font-family:"Publico Pro"}
.drukTheme .banner-title{color:var(--variable-txt-color);font-size:40px;font-weight:700;text-transform:uppercase;font-family:"Druk";letter-spacing:.02rem}
.textBannerComponent .banner-subtext{color:var(--variable-desc-color);font-size:16px;font-weight:400}
.drukTheme .banner-subtext{font-family:"Founders Grotesk";font-weight:400;font-size:16px;letter-spacing:.04rem}
.textBannerComponent .banner-image img{min-height:350px}
.textBannerComponent .leftAlignLayout.no-desc{top:80%}
.onlyTextBanner .leftAlignLayout.textBannerContent{position:inherit;transform:none;padding:30px;padding-top:40px}
.onlyTextBanner.textBannerComponent .container-small{max-height:inherit}
@media(min-width:768px){.textBannerComponent .banner-image img{min-height:250px}
.textBannerComponent .centerAlignLayout{width:60%;top:50%}
.textBannerComponent .leftAlignLayout{text-align:left;width:85%}
.textBannerComponent .container-x-small{max-height:302px}
.textBannerComponent .container-small{max-height:450px}
.textBannerComponent.container-medium{max-height:700px}
.textBannerComponent.container-large{max-height:950px}
.onlyTextBanner .leftAlignLayout.textBannerContent{position:inherit;transform:none;padding-left:20px}
}
@media(min-width:1024px){.textBannerComponent .centerAlignLayout{width:60%;top:50%}
.textBannerComponent .textBannerContent h1 sup{top:-30px}
.textBannerComponent .leftAlignLayout{text-align:left;width:50%;left:30.5%}
.textBannerComponent .description-size-large .leftAlignLayout{width:80%;left:45.5%}
.textBannerComponent .description-size-large .centerAlignLayout{width:80%}
.textBannerComponent .banner-title{font-size:60px}
.drukTheme .banner-title{font-size:100px;line-height:88px;padding-bottom:5px}
.drukTheme .banner-subtext{line-height:35.2px;font-size:32px}
.onlyTextBanner .leftAlignLayout.textBannerContent{position:inherit;transform:none;padding-left:20px}
}
@media(min-width:1400px){.onlyTextBanner .leftAlignLayout.textBannerContent{position:inherit;transform:none;padding-left:80px}
}
.textBannerComponent .breadcrum-container{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:8px;color:var(--variable-breadcrumb-color)}
.textBannerComponent .breadcrum-container .cmp-breadcrumb__item svg{margin-right:10px;margin-left:10px}
.textBannerComponent .breadcrum-container .cmp-breadcrumb__item:last-child svg{display:none}
.textBannerComponent .cmp-breadcrumb__item{display:flex;align-items:center}
.textBannerComponent .cmp-breadcrumb__item-link{color:inherit;text-decoration:none}
.textBannerComponent .breadcrumbs{font-family:"Akkurat Pro";font-size:14px;font-weight:400;line-height:20px}
.textBannerComponent .breadcrum-container .cmp-breadcrumb__item:first-child .breadcrumbs{padding-left:0}