.main-header .menu-button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  text-align: inherit;
  text-decoration: none;
  outline: none;
  background: transparent;
  border-radius: 4px;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none; }

.main-header .menu-button {
  border-radius: 4px; }

.main-header {
  height: 100%;
  background-color: #FFFFFF;
  border-bottom: 1px solid #D8D8D8; }
  .main-header > .wrapper {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .main-header .menu-container {
    min-height: 60px;
    background-color: #500a32;
    display: none; }
    .main-header .menu-container > .wrapper {
      padding-top: calc(15px + 15 * ((100vw - 600px) / 1080));
      padding-bottom: calc(10px + 10 * ((100vw - 600px) / 1080));
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 600px) {
        .main-header .menu-container > .wrapper {
          padding-top: 15px; } }
      @media screen and (min-width: 1680px) {
        .main-header .menu-container > .wrapper {
          padding-top: 30px; } }
      @media screen and (max-width: 600px) {
        .main-header .menu-container > .wrapper {
          padding-bottom: 10px; } }
      @media screen and (min-width: 1680px) {
        .main-header .menu-container > .wrapper {
          padding-bottom: 20px; } }
      .main-header .menu-container > .wrapper .language-switcher-language-url {
        flex-shrink: 0; }
  .main-header .logo {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-display: swap;
    font-size: calc(15px + 5 * ((100vw - 600px) / 1080));
    line-height: calc(21px + 5 * ((100vw - 600px) / 1080));
    font-family: "NHaasGroteskTXW01-65Md", sans-serif;
    margin-right: 20px;
    color: #500a32; }
    @media screen and (max-width: 600px) {
      .main-header .logo {
        font-size: 15px; } }
    @media screen and (min-width: 1680px) {
      .main-header .logo {
        font-size: 20px; } }
    @media screen and (max-width: 600px) {
      .main-header .logo {
        line-height: 21px; } }
    @media screen and (min-width: 1680px) {
      .main-header .logo {
        line-height: 26px; } }
  .main-header .menu-button {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: #EBEBEB;
    padding: 13px 9px;
    box-sizing: border-box;
    transition: background-color 0.45s cubic-bezier(0.23, 1, 0.32, 1);
    cursor: pointer; }
    @media (max-width: 1024px) {
      .main-header .menu-button {
        position: relative;
        left: auto;
        transform: none; } }
    .main-header .menu-button .line {
      display: block;
      width: 22px;
      height: 2px;
      margin-bottom: 3px;
      background-color: #666666;
      transition: background-color 0.45s cubic-bezier(0.23, 1, 0.32, 1); }
      .main-header .menu-button .line:last-child {
        margin-bottom: 0; }
    .has-mouse .main-header .menu-button:hover {
      background-color: #500a32;
      transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .has-mouse .main-header .menu-button:hover .line {
        background-color: #FFFFFF;
        transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  @media (max-width: 1024px) {
    .main-header .custom-block--logos {
      display: none; } }

/*# sourceMappingURL=../../_maps/main/main_header/main-header.css.map */