.header-component{--header-bg-color:#000;--header-fg-color-hover:var(--secondary-color)}
.header-component__logo{height:38px}
@media(min-width:1280px){.header-component__logo{height:60px}
}
.header-component__back-btn{font-family:var(--secondary-font);font-style:normal;font-weight:400;line-height:1.2;letter-spacing:0;font-size:18px;font-weight:300}
.header-component__back-btn [class^="icon-hdr-"],.header-component__back-btn [class*=" icon-hdr-"]{transform:translateY(2px)}
@media(min-width:1280px){.header-component__nav-wrapper .header-component__logo-link{top:12px}
}
@media(min-width:1280px){.header-component__nav{padding-top:28px}
}
@media(min-width:1280px){.header-component__nav-item:hover>.header-component__nav-link{color:var(--header-fg-color-hover)}
}
.header-component__nav-item__heading-text{font-family:var(--secondary-font);font-style:normal;font-weight:400;line-height:1.2;letter-spacing:0;font-size:18px;font-weight:300}
.header-component__nav-link{font-family:var(--secondary-font);font-style:normal;font-weight:400;line-height:1.2;letter-spacing:0;font-size:18px;font-weight:300}
.header-component__nav-link [class^="icon-hdr-"],.header-component__nav-link [class*=" icon-hdr-"]{transform:translateY(0);font-size:18px}
.header-component__subnav-title{font-family:var(--secondary-font);font-style:normal;font-weight:400;line-height:1.2;letter-spacing:0;font-size:20px;font-weight:600}
.header-component__subnav-link{font-family:var(--secondary-font);font-style:normal;line-height:1.2;letter-spacing:0;font-size:20px;font-weight:400}
@media(min-width:1280px){.header-component__subnav-link:hover{color:var(--header-fg-color-hover)}
}
.header-component__subnav-link .header-component__nav-item__heading-text{font-family:var(--secondary-font);font-style:normal;line-height:1.2;letter-spacing:0;font-size:20px;font-weight:400}
.header-component__thirdnav-link{font-family:var(--secondary-font);font-style:normal;font-weight:400;line-height:1.2;letter-spacing:0;font-size:18px;font-weight:300}
@media(min-width:1280px){.header-component__thirdnav-link:hover{color:var(--header-fg-color-hover)}
}
@media(prefers-reduced-motion:no-preference) and (min-width:1280px){.header-component__nav-item__heading-text{transition-property:column-gap,padding-right,color}
.header-component__nav-item__heading-text::after{transition-property:left,right,color}
}
@import(once) '/apps/cervinter/clientlibs/clientlib-base/css/variables.less';.header-component.header-component--sticky{--header-nav-wrapper-bg-color:@brand-eg00-navy-blue-500;--header-after-gradient-init-bg-color:@brand-eg00-navy-blue-500;--header-after-gradient-end-bg-color:transparent;&.bg-secondary{&.scrolling{.header-component__nav-list{background-color:@white;&:has(.header-component__nav-item--childs:hover){background-color:transparent}
}
}
}
&.bg-tertiary{.header-component__nav-list{background-color:@white}
&.scrolling{.header-component__nav-list{background-color:@white}
}
}
}
.header-component.header-component--hide-on-scroll{--header-nav-wrapper-bg-color:#264893;--header-after-gradient-init-bg-color:#264893;--header-after-gradient-end-bg-color:transparent}
.header-component.header-component--hide-on-scroll.bg-secondary.scrolling .header-component__nav-list{background-color:#fff}
.header-component.header-component--hide-on-scroll.bg-secondary.scrolling .header-component__nav-list:has(.header-component__nav-item--childs:hover){background-color:transparent}
.header-component.header-component--hide-on-scroll.bg-tertiary .header-component__nav-list{background-color:#fff}
.header-component.header-component--hide-on-scroll.bg-tertiary.scrolling .header-component__nav-list{background-color:#fff}