/* Modern style for the Suchleiste (search bar) widget.
   Applied ONLY when the widget's "Style" option = Modern (wrapper .search-bar--modern).
   The Standard style is untouched (theme default). Scoped so it never leaks to the
   header search or any other .search-input-field on the page. */

.search-bar--modern{font-family:"Open Sans Condensed",sans-serif;margin:1.25rem 0;}
.search-bar--modern *{box-sizing:border-box;}

.search-bar--modern .search-bar__title{font-family:"Open Sans Condensed",sans-serif;font-weight:700;font-size:1.4rem;line-height:1.15;color:#1f2933;margin:0 0 .5rem;}

.search-bar--modern .search-bar__form{margin:0;}
.search-bar--modern .search-bar__field{position:relative;width:100%;}
.search-bar--modern .search-bar__icon{position:absolute;left:1.15rem;top:50%;transform:translateY(-50%);color:#e30613;font-size:1.2rem;pointer-events:none;line-height:0;z-index:2;}

.search-bar--modern .search-input-field{width:100%;height:50px;border:2px solid #cfd5dc;border-radius:10px;background:#fff;padding:0 1.1rem 0 3.1rem;font-family:"Open Sans Condensed",sans-serif;font-size:1.375rem;letter-spacing:.01em;color:#1f2933;transition:border-color .15s ease,box-shadow .15s ease;outline:none;box-shadow:0 4px 16px -10px rgba(20,26,33,.22);}
.search-bar--modern .search-input-field::placeholder{color:#9aa1a9;opacity:1;}
.search-bar--modern .search-input-field:hover{border-color:#aeb6c0;}
.search-bar--modern .search-input-field:focus{border-color:#e30613;box-shadow:0 0 0 4px rgba(227,6,19,.12),0 6px 20px -10px rgba(227,6,19,.3);}

.search-bar--modern .search-bar__submit{display:none;}

.search-bar--modern .search-bar__flyout{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e8eaee;border-radius:9px;box-shadow:0 20px 44px -18px rgba(20,26,33,.3);z-index:60;overflow:hidden;max-height:60vh;overflow-y:auto;text-align:left;}

@media (max-width:575.98px){.search-bar--modern .search-bar__title{font-size:1.25rem;}}