header .header-top__region{position:relative;line-height:20px;margin:0 0 0 23px;display:inline-block;min-width:146px}header .region__block,header .region__content__search .awesomplete{position:relative}header .region__content:before{border-width:9px}@media (max-width:1100px) and (min-width:1024px){header .region__content{left:10px;right:auto}header .region__content::before{left:20px;right:auto}}@media (min-width:1024px){header .region__content{margin:13px 0 0}}header .region__content__search .awesomplete mark{background:#f6a305;color:#fff}header .region__content__search .awesomplete>ul{position:absolute;left:0;z-index:1;min-width:100%;box-sizing:border-box;list-style:none;padding:0;margin:3px 0 0;background:#fff;border:1px solid #d6d6d6;transition:.3s cubic-bezier(.4,.2,.5,1.4);transform-origin:1.43em -.43em}header .region__content__search .awesomplete>ul::before{content:"";position:absolute;top:-.43em;left:1em;padding:6px;background:#fff;border:inherit;border-right:0;border-bottom:0;transform:rotate(45deg)}header .region__content__search .awesomplete>ul:empty,header .region__content__search .awesomplete>ul[hidden]{opacity:0;transform:scale(0);display:block;transition-timing-function:ease}header .region__content__search .awesomplete>ul>li{position:relative;padding:4px 15px;font-weight:300;cursor:pointer;color:#000}header .region__content__search .awesomplete>ul>li:hover,header .region__content__search .awesomplete[aria-selected=true]{background:#26a792;color:#fff}header .region__content__search .awesomplete>ul>li:hover mark,header .region__content__search .awesomplete[aria-selected=true] mark{background:inherit;color:inherit}header .region__button{display:grid;grid-template-columns:20px auto;color:#707070;border:0;gap:10px;background:0 0;cursor:pointer;font-size:16px;line-height:24px;text-decoration:none;position:relative;transition:all .2s}@media (min-width:1024px){header .region__button{color:#fff;font-family:'Futura','Arial','Helvetica CY','Nimbus Sans L',sans-serif;font-weight:300;grid-template-columns:16px auto;gap:5px}}header .region__button::before{content:'';width:100%;height:100%;display:block;background-image:url(/skin/frontend/ariflex/hansgrohe/images/location.svg);background-size:contain;background-repeat:no-repeat;background-position:center}header .region:hover{color:#fff}@media (max-width:1023px){header .region__block{padding:0 15px}header .region__button:after{display:none}}

