/** Navigation padding top and bottom */
/** Navigation height **/
/** Searchbox suggestions offset */
/** Animation duration. */
/** Arrow size. */
/** Border opacity. */
/** Navbar opacity. */
/** Item height. */
/** Item indent. */
/** Item indent. */
/** Line height. */
/** Header margin-bottom. */
/** Header height. */
/** Searchbox margin-bottom. */
/** Searchbox height. */
/** Searchbox margin left and right **/
/** Panel offset. */
/** Panel top offset. */
/** Scrolled panel top offset. **/
/** Scroll transtion time **/
/** Icons **/
/** Breakpoints -> no longer inherited from Ergo One */
/** Custom grid for base page */
main.esc_container.new-navigation {
  margin-top: 130px;
}
.navigation-main {
  display: flex;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 500;
  border-bottom: 1px solid #d9d9d9;
  background: #ffffff;
  font-family: FS Me, Arial, Helvetica, sans-serif;
}
.navigation-main#MainNavi {
  height: 90px;
}
.navigation-main#MainNavi.search-component-opened .aem-react-component.InbentaSearchComponent {
  width: 100%;
}
.aem-AuthorLayer-Edit .navigation-main {
  position: static;
}
.navigation-main .navigation-wrap .logos-link .navigation-logo.navigation-logo--main img {
  width: 100px;
  height: 64px;
}
@media (max-width: 1200px) {
  .navigation-main .navigation-wrap .logos-link .navigation-logo.navigation-logo--main img {
    width: 80px;
  }
}
.navigation-main .InbentaSearchComponent .search-component--content .search-component--suggestions {
  margin-top: 16px;
}
.navigation-main .InbentaSearchComponent .search-component--content .search-component--suggestions ul a:hover {
  color: #8e0038;
}
.navigation-main .InbentaSearchComponent .search-component--content .search-component--suggestions ul a li {
  font-family: 'FS Me', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  padding-left: 70px;
  color: #333333;
}
.navigation-main .InbentaSearchComponent .search-component--content .search-component--suggestions ul a li:before {
  content: '';
  display: none;
}
.navigation-main .InbentaSearchComponent .search-component--content .search-component--input .ee_input-wrapper {
  position: relative;
  display: flex;
  flex-grow: 1;
  max-width: 100%;
}
.navigation-main .InbentaSearchComponent .search-component--content .search-component--input .ee_input-wrapper .ee_input-adornment {
  padding: 0;
  margin-top: 5px;
}
.navigation-main .InbentaSearchComponent .search-component--content .search-component--input .ee_input-wrapper [data-version="9.13.1"][data-theme=ergo-one] .ee_input,
.navigation-main .InbentaSearchComponent .search-component--content .search-component--input .ee_input-wrapper [data-theme=ergo-one] .ee_input,
.navigation-main .InbentaSearchComponent .search-component--content .search-component--input .ee_input-wrapper .ee_input {
  font-size: 18px;
  line-height: 28px;
  font-family: FS Me, Arial, Helvetica, sans-serif;
  padding-left: -47px;
  border-width: 0;
  color: #737373;
  width: 100%;
  background-color: #fff !important;
}
.navigation-main .InbentaSearchComponent .search-component--content .search-component--input .ee_input-wrapper [data-version="9.13.1"][data-theme=ergo-one] .ee_input:focus,
.navigation-main .InbentaSearchComponent .search-component--content .search-component--input .ee_input-wrapper [data-theme=ergo-one] .ee_input:focus,
.navigation-main .InbentaSearchComponent .search-component--content .search-component--input .ee_input-wrapper .ee_input:focus {
  outline: 10px solid red;
  background-color: #0F94A7;
}
.navigation-main .InbentaSearchComponent .search-component--content .search-component--input .ee_svg-icon.ee_icon.ee_icon-closeicon {
  margin-top: 5px;
}

.search-component {
  position: fixed;
  width: 100%;
  display: flex;
  height: 100%;
  justify-content: center;
  padding-top: 32px;
  z-index: 99999999;
}
.search-component--content__desktop {
  width: 90%;
  height: -moz-fit-content;
  height: fit-content;
  z-index: calc(99999999 + 1);
  max-width: 840px;
  background: #ffffff;
  box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.2);
  border-radius: 15px;
}
@media (min-width: 912px) {
  .search-component--content__desktop {
    width: 70%;
  }
}
.search-component--content__mobile {
  margin-left: -22px;
}
.search-component--msg {
  font-size: 16px;
  color: #aeaeae;
}
.search-component--content {
  display: table;
}
.search-component--content svg {
  height: 21px;
  width: 21px;
}
.search-component--content ul {
  padding: 0;
  min-height: 48px;
  overflow: hidden;
}
.search-component--content li:hover {
  background: #e1e1e1;
}
.search-component--content li {
  padding: 0 28px 0 28px;
}
.search-component--content a {
  color: #000;
  text-decoration: none;
  display: block;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
}
.search-component--input {
  display: flex;
  padding: 0 28px 0 28px;
}
.search-component--input input {
  width: 100%;
  border-radius: unset !important;
  background: white !important;
}
.search-component--input input::-ms-clear {
  width: 0;
  height: 0;
}
.search-component__button {
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  height: 23px;
}
.search-component__button--close {
  margin: 14px 0 0 1px;
}
.search-component__button--clear {
  margin-top: 2px;
}
.search-component--info {
  padding: 0 28px 0 28px;
  padding-left: 70px;
}
.search-component--history p,
.search-component--suggestions p {
  padding-left: 70px;
  color: #aeaeae;
  font-size: 12px;
}
.search-component--history li,
.search-component--suggestions li {
  display: flex;
  padding-left: 41px;
}
.search-component--history div,
.search-component--suggestions div {
  display: flex;
  align-items: center;
}
.search-component--history svg,
.search-component--suggestions svg {
  margin-right: 11px;
  color: #aeaeae;
}
.search-component--suggestions li {
  padding-left: 70px;
}
.search-component--results {
  max-height: 70vh;
  overflow: scroll;
  padding: 0;
  list-style: none;
}
.search-component--results ul {
  margin-bottom: 14px;
}
.search-component--results li {
  padding-left: 70px;
}