.search-bar-module{line-height:var(--line-height);padding-block:var(--search-bar-padding-top) var(--search-bar-padding-bottom);&.below-heading{transition:.3s;@media (min-width:992px){position:relative;top:calc(var(--global-hero-banner-height) - var(--global-header-height) - 72px + var(--search-bar-padding-bottom));translate:0 -100%}}.form{--background:#fff;--hsf-field-input__border-color:var(--bs-rund_erlebnisreisen);--field-padding-inline:12px;--hsf-row__vertical-spacing:0;--preferred-field-height:var(--search-bar-preferred-field-height);--hsf-field-input__border-width:inherit;padding:0;row-gap:var(--fields-spacing);.form-control{background-color:var(--input-background-color);transition:background-color .3s ease}[type=search]{&+svg{left:calc(.8rem + var(--bs-gutter-x)*.5);pointer-events:none;position:absolute;top:50%;translate:0 -50%}}.submit-wrapper{margin-top:calc(var(--submit-spacing) - var(--fields-spacing));.submit{border:none;&:hover .icon{color:inherit!important}svg{margin-inline:.25rem}}@media (max-width:991.98px){width:unset;.submit{justify-content:flex-start;padding-inline:var(--submit-padding);svg{margin:0;position:absolute;translate:calc(-30% - var(--submit-padding)/2)}}}}}}header.dropdown-open .search-bar-module{display:none!important}header:is(.scrolled,.dropdown-open,.always-scrolled) .search-bar-module{&.below-heading{top:0;translate:none}}