.header{position:fixed;top:0;width:100%;background-color:rgba(255,255,255,0.9);z-index:10001}
.header+div{padding-top:63px}
@media(min-width:1025px){.header+div{padding-top:123px}
}
.header__base{border-bottom:2px solid #dfe6ed;transition:opacity linear,top .3s linear}
.header__base:before,.header__base:after{content:' ';display:table}
.header__base:after{clear:both}
@media(min-width:1025px){.header__base{padding-bottom:0}
}
.header__base a:link,.header__base a:visited{color:#788791}
.header__base a:hover,.header__base a:active,.header__base a:focus{border-color:#005578;color:#005578}
.header__base .header__languageSelectorDesktop{display:none}
@media(min-width:1025px){.header__base .header__languageSelectorDesktop{display:block}
}
.header__base .header__languageSelectorMobile{display:block}
@media(min-width:1025px){.header__base .header__languageSelectorMobile{display:none}
}
.header__base .header__searchMenu{display:none}
@media(min-width:1025px){.header__base .header__searchMenu{display:none}
}
.header__navigationUnderline{border-bottom:4px solid #099;position:absolute;bottom:0;left:0;z-index:-1}
.header__iconLabel{display:none;line-height:15px}
@media(min-width:1025px){.header__iconLabel{font-size:14px;display:inline-block}
}
.header__wrapper{padding-left:3.75%;padding-right:3.75%;max-width:1170px;margin:0 auto;position:relative}
@media(min-width:1170px){.header__wrapper{padding-left:calc(3.75% - ((100% - 1170px) / 2));padding-right:calc(3.75% - ((100% - 1170px) / 2))}
}
@media(min-width:1264px){.header__wrapper{padding-left:0;padding-right:0}
}
.header__navigationWrapper{opacity:1;margin-top:20px;padding-left:0}
.header__navigationWrapper .header__navigation{margin:0 0 10px;padding:0;list-style:none}
.header__navigationWrapper .header__navigationItem{float:left;font-size:18px;cursor:pointer;color:#788791;margin-right:20px;padding-bottom:10px}
.header__navigationWrapper .header__navigationItem--hovered{color:#2d373c}
.header__navigationWrapper .header__navigationItem:hover,.header__navigationWrapper .header__navigationItem--active{color:#2d373c}
.header__navigationWrapper .header__navigationItem:hover .navigation__base{display:block}
.header__navigationWrapper .header__navigationItem:last-child{margin-right:0}
.header__navigationWrapper .header__navigation:before,.header__navigationWrapper .header__navigation:after{content:' ';display:table}
.header__navigationWrapper .header__navigation:after{clear:both}
.header__searchfield{bottom:8px;max-width:calc(25vw - 30px);position:absolute;right:0;transition:top 2s linear;width:100%;display:none}
@media(min-width:1025px){.header__searchfield{display:block}
}
.header__searchfield .search{transition:width .3s;float:right;width:100%}
.header__searchfield .search--focussed{width:100%}
.header__navigationBar{display:none;overflow:hidden;max-height:50px;transition:max-height .3s linear}
.header__navigationBar:before,.header__navigationBar:after{content:' ';display:table}
.header__navigationBar:after{clear:both}
@media(min-width:1025px){.header__navigationBar{display:block}
}
.header__logo{background-image:url("clientlibs/resources/sie-logo-petrol-rgb.svg");background-repeat:no-repeat;background-size:100%;float:left;height:19px;margin-top:10px;width:120px}
@media(min-width:768px){.header__logo{display:inline-block;height:48px;width:142px;margin-top:0;background-image:url("clientlibs/resources/sie-logo-claim-petrol-rgb.svg")}
}
@media(min-width:1025px){.header__logo{float:none;margin-top:20px}
}
.header__stickyButtonBar{display:none}
.header__stickyButtonBar:before,.header__stickyButtonBar:after{content:' ';display:table}
.header__stickyButtonBar:after{clear:both}
@media(min-width:1025px){.header__stickyButtonBar{padding-left:15px}
}
.header__stickyButtonBar .rightContent{float:right}
@media(min-width:600px){.header__stickyButtonBar .rightContent{width:calc(50vw - 30px)}
}
@media(min-width:768px){.header__stickyButtonBar .rightContent{max-width:calc(33.33vw - 30px)}
}
@media(min-width:1025px){.header__stickyButtonBar .rightContent{max-width:calc(25vw - 30px)}
}
@media(min-width:1200px){.header__stickyButtonBar .rightContent{width:calc(292.5px - 30px)}
}
@media(min-width:768px){.header__stickyButtonBar--shown{display:block;margin-top:15px}
}
@media(min-width:1025px){.header__stickyButtonBar--shown{margin-top:0}
}
.header__mainBar{max-height:120px;padding-bottom:10px;padding-top:10px;position:relative}
@media(min-width:768px){.header__mainBar{transition:max-height .9s ease}
}
@media(min-width:1025px){.header__mainBar{padding-bottom:0;padding-top:0}
}
.header.header--hidden{top:0;transition:top .6s linear}
@media(min-width:768px){.header.header--hidden{top:-60px}
}
@media(min-width:1025px){.header.header--hidden{top:-57px}
}
@media(min-width:1025px){.header.header--hidden .header__mainBar{height:57px}
}
.header.header--hidden .header__stickyButtonBar--shown{margin-top:0;transition:margin-top .9s}
@media(min-width:768px){.header.header--hidden .header__logo{bottom:-50px;position:absolute}
}
@media(min-width:1025px){.header.header--hidden .header__logo{top:54px}
}
.header--normal .header__navigationWrapper{opacity:1;transition:opacity .3s}
.header--normal .header__navigationBar{max-height:55px;transition:max-height .3s linear}
.header--compressed+div{padding-top:63px;transition:padding .4s ease}
.header--compressed .header__logo{background-image:url("clientlibs/resources/sie-logo-petrol-rgb.svg");height:19px;margin-bottom:14px;width:120px}
@media(min-width:768px) and (max-width:1024px){.header--compressed .header__logo{margin-top:11px}
}
.header--compressed .header__navigationWrapper{opacity:0;transition:opacity .3s}
.header--compressed .header__navigationBar{max-height:0;transition:max-height .3s linear}
.header--compressed .header__searchfield{bottom:13px}
.header__icons{opacity:1;text-align:right;transition:opacity .3s ease-in-out,top .3s linear}
@media(min-width:1025px){.header__icons{position:absolute;top:30px;right:0}
}
@media(min-width:1025px) and (min-width:1025px){.header__icons--compressed{float:right;margin-right:-30px;right:25vw;top:18px}
}
@media(min-width:1025px) and (min-width:1200px){.header__icons--compressed{right:286px}
}
@media(min-width:1025px){.header__icons--compressed .header__icon{margin-left:0;margin-right:20px}
}
@media(min-width:1025px) and (min-width:1025px){.header__icons--compressed .header__iconLabel{display:none}
}
@media(min-width:1025px){.header__icons--stepOut{opacity:0}
}
.header__icons--stepIn{opacity:1}
.header__icons a.header__icon--inverted:hover,.header__icons a.header__icon--inverted:active,.header__icons a.header__icon--inverted:focus{color:#fff}
.header__icon{font-size:16px;display:inline-block;width:40px;height:40px;text-align:center;padding-top:10px;cursor:pointer}
@media(min-width:1025px){.header__icon{width:auto;height:auto;margin-left:15px;padding-top:0}
}
.header__icon.iconlink{color:#788791;text-decoration:none}
.header__icon.iconlink span{padding-bottom:2px;border-bottom:1px solid #788791}
.header__icon.iconlink:active{color:#005578}
.header__icon.iconlink.is-inactive{color:#9bafbe}
.header__icon.iconlink:visited{color:#50bed7}
.header__icon.iconlink:visited span{border-bottom-color:#50bed7}
.header__icon.iconlink:hover{color:#005578}
.header__icon.iconlink:hover span{padding-bottom:2px;border-bottom:1px solid #005578}
.header__icon.iconlink span{border-bottom:1px solid transparent}
.header__icon.iconlink:before{padding-right:6px}
.header__icon.iconlink:before{padding-right:0}
.header__icon.iconlink:hover span{padding-bottom:1px;border-bottom:1px solid #005578}
.header__icon--inverted.iconlink{background-color:#099;color:#fff}
.header__icon--contact,.header__icon--languageMobile{display:none}
@media(min-width:600px){.header__icon--contact,.header__icon--languageMobile{display:inline-block}
}
@media(min-width:1025px){.header__icon--menu,.header__icon--search{display:none}
}
.header__icon--menu:before,.header__icon--search:before{padding-right:0}
.header__icon--languageDesktop{display:none}
@media(min-width:1025px){.header__icon--languageDesktop{display:inline-block}
}
.header__icon--languageMobile:before{padding:0}
@media(min-width:1025px){.header__icon--languageMobile{display:none}
}
@media(min-width:320px) and (max-width:767px){.header+.breadcrumb{padding-top:60px}
}
.header--searchMenuOpen .header__searchMenu{display:block}
@media(min-width:1025px){.header--searchMenuOpen .header__searchMenu{display:none}
}
.header--menuOpen{background:#fff}
.header--menuOpen .header__logo{display:none}
@media(min-width:600px){.header--menuOpen .header__logo{display:block}
}
.header--menuOpen .header__icon--contact,.header--menuOpen .header__icon--languageMobile{display:inline-block}