#footer {
  text-align: center;

  #footer_logo {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='238' height='54' fill='none' viewBox='0 0 238 54'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='.5' d='M96.0508 16.0237v15.373h-2.7949v-15.373zM134.63 16.0237c.919 0 1.762.2151 2.524.6484h-.001c.772.4164 1.391.99 1.853 1.7197.465.7356.697 1.5548.697 2.4502 0 .9402-.255 1.8023-.764 2.5801l-.001.002c-.504.757-1.172 1.3647-1.999 1.8222l-.002.002a5.7 5.7 0 0 1-.569.2617l4.155 5.5078.306.4043-.507-.0039-2.868-.0215-.124-.0009-.074-.0987-4.054-5.3818h-4.718v5.4814h-2.795v-15.373zm-17.828 0v2.7099h-10.05v3.4307h8.881v2.71h-8.881v3.8125h10.05v2.7099h-12.845v-15.373zm11.682 7.1816h5.508c.5 0 .955-.1114 1.37-.332l.003-.002c.434-.2235.77-.5153 1.013-.874l.003-.0049c.254-.356.379-.7374.379-1.1504 0-.3803-.121-.7228-.37-1.0341l-.004-.0049c-.241-.3164-.574-.5755-1.01-.7735l-.002-.0009c-.418-.1958-.877-.295-1.382-.295h-5.508zM9.084 15.5181c.9855 0 1.93.1307 2.832.3925h-.001c.8908.2445 1.6991.5614 2.4239.9522l.2705.1416c.6138.3347 1.1187.6914 1.5107 1.0703l.1543.1484-.123.1748-1.3604 1.9336-.1553.2217-.2089-.1738a10.57 10.57 0 0 0-1.5987-1.0996c-.5617-.3151-1.1728-.5631-1.834-.7422h-.0009c-.6411-.1773-1.3481-.2676-2.1221-.2676q-1.0822 0-2.126.3682l-.003.001a6.04 6.04 0 0 0-1.8573 1.0205l-.003.0029c-.5514.4304-.989.9611-1.3125 1.5947l-.001.002c-.3194.6124-.4814 1.3021-.4814 2.0732 0 .8576.17 1.6021.502 2.2403.3366.6328.7944 1.1643 1.374 1.5957q.878.6534 1.9873 1.0029c.7397.2186 1.5072.3291 2.3037.3291.8294 0 1.5608-.1045 2.1973-.3076.6482-.2211 1.2238-.4891 1.7285-.8028q.7796-.4844 1.4082-.9453l.2246-.165.1396.2422 1.1045 1.9121.1065.1836-.1641.1347c-.4127.339-.9726.7001-1.6728 1.086q-1.0472.5888-2.3858.999l-.0019.001c-.8892.2624-1.8415.3925-2.8545.3926-1.215 0-2.3617-.1805-3.4375-.544l-.004-.0019c-1.0601-.3777-2-.9089-2.8173-1.5948l-.004-.0029c-.805-.7026-1.4347-1.5386-1.8886-2.5049l-.001-.001C.476 25.5967.2501 24.5123.25 23.3325c0-1.1265.2348-2.1707.706-3.1279l.001-.0029c.4825-.9503 1.1334-1.7766 1.9512-2.4776.8176-.7007 1.758-1.2401 2.8193-1.6181 1.0622-.3925 2.1817-.5879 3.3565-.5879Zm47.4375.1279c.9188.0001 1.7623.2151 2.5244.6484h-.001c.7715.4164 1.39.9902 1.8516 1.7198.4652.7354.6972 1.5538.6973 2.4492 0 .9401-.2543 1.8023-.7627 2.5801l-.001.0019c-.5048.7571-1.1734 1.3647-2 1.8223l-.003.0019a5.5 5.5 0 0 1-.5673.2617l4.1552 5.5079.3047.4043-.5058-.0039-2.8692-.0206-.123-.0009-.0742-.0987-4.0537-5.3828H50.376v5.4824h-2.7949V15.646zm23.5996 0c.9167 0 1.7578.2143 2.5185.6455.7737.4166 1.3949.9916 1.8575 1.7227.4652.7353.6972 1.5539.6972 2.4492 0 .9402-.2551 1.8022-.7636 2.5801l-.001.0019c-.5047.7571-1.1725 1.3647-1.999 1.8223l-.003.0019c-.1851.0992-.3753.1847-.5683.2617l4.1552 5.5079.3057.4043-.5068-.0039-2.8682-.0206-.124-.0009-.0742-.0987-4.0537-5.3828h-4.7178v5.4824h-2.7949V15.646zm-47.3086 0 .0684.1406 7.2246 14.8731.1748.3593h-3.084l-.0693-.1406-1.6309-3.3447h-8.5059l-1.6308 3.3447-.0684.1406h-2.9785l.1758-.3603 7.2666-14.8731.0683-.1396zm-1.7363 3.4795c-.1275.269-.2544.5386-.3819.8076l-.0029.0049a41 41 0 0 0-.3799.7812l-.001.003-2 4.1025h5.8653l-2.042-4.1875-.001-.0029a41 41 0 0 0-.3799-.7813c-.1274-.2549-.2553-.5097-.3828-.7646l-.0049-.0108a22 22 0 0 1-.1318-.3037c-.0517.1194-.103.237-.1572.3516Zm19.2998 3.7012h5.5078c.4993-.0001.9548-.1114 1.3701-.3321l.0029-.0009c.4337-.2235.7684-.5156 1.0118-.8741l.0039-.0049c.2543-.3561.3779-.7383.3779-1.1513-.0001-.3803-.1211-.7219-.3701-1.0332l-.0039-.0049c-.2404-.3163-.5733-.5755-1.0088-.7734l-.003-.002c-.4174-.1956-.8766-.2949-1.3808-.2949H50.376zm23.5996 0h5.5078c.4994 0 .9547-.1114 1.3701-.3321l.0029-.0009c.434-.2236.7693-.5154 1.0127-.8741l.003-.0049c.2544-.3561.3789-.7383.3789-1.1513-.0001-.3802-.1212-.722-.3701-1.0332l-.0039-.0049c-.2405-.3164-.5742-.5754-1.0098-.7734l-.002-.002c-.4176-.1958-.8774-.2949-1.3818-.2949h-5.5078z'/%3E%3Cpath fill='%233885a0' d='M165.988 53.656q-3.8985 0-7.635-.8255c-2.491-.5503-4.742-1.2882-6.751-2.2138-1.728-.8285-3.11-1.7426-4.145-2.7422-.275-.2652-.346-.6723-.206-1.0274l3.804-9.6156c.281-.7103 1.235-.8641 1.8-.3492 1.217 1.1112 2.728 2.0372 4.534 2.7781q3.6555 1.4634 7.554 1.4634 2.37 0 4.179-.6754c1.205-.4753 2.143-1.1257 2.813-1.9512q1.044-1.2381 1.044-2.8516c0-1.801-.71-3.1893-2.129-4.1649-1.393-.9756-3.175-1.4634-5.345-1.4634q-1.4865 0-3.174.2252c-.829.1133-1.666.2694-2.51.4682-.478.1124-.973-.1213-1.174-.5686l-3.502-7.7979a1 1 0 0 1 .315-1.2113l9.719-7.2493c.772-.5754.365-1.8016-.598-1.8016h-15.756c-.552 0-1-.4477-1-1V1c0-.5523.448-1 1-1h35.611c.552 0 1 .4477 1 1v9.6635c0 .2821-.119.551-.328.7406l-9.489 8.6113c-.631.5718-.307 1.6497.514 1.8729 1.512.4107 2.992 1.0442 4.441 1.9004q3.174 1.8762 5.223 5.1405c1.367 2.1763 2.05 4.8153 2.05 7.9171 0 3.2269-.938 6.1035-2.813 8.63-1.848 2.5264-4.42 4.5276-7.715 6.0034q-4.902 2.1763-11.331 2.1763M192.426 30.9108c-.553 0-1-.4477-1-1V1.0002c0-.5522.447-1 1-1h12.248c2.378 0 4.497.4195 6.358 1.2585s3.323 2.0607 4.387 3.6652q1.617 2.3844 1.617 5.7626c0 2.2667-.495 4.195-1.484 5.7846-.99 1.5897-2.422 2.8041-4.298 3.6431s-4.143 1.2585-6.802 1.2585h-3.076c-.552 0-1 .4477-1 1v7.5381c0 .5523-.448 1-1 1zm7.95-17.9125c0 .5523.448 1 1 1h2.722c1.241 0 2.215-.2282 2.924-.6845.709-.471 1.064-1.3026 1.064-2.4949 0-1.2364-.369-2.0827-1.108-2.539-.738-.4563-1.684-.6845-2.836-.6845h-2.766c-.552 0-1 .4477-1 1z'/%3E%3Cpath fill='%233885a0' d='M217.808 30.9108c-.552 0-1-.4477-1-1V1.0002c0-.5522.448-1 1-1h6.95c.553 0 1 .4478 1 1v20.7855c0 .5523.448 1 1 1h9.742c.552 0 1 .4477 1 1v6.1251c0 .5523-.448 1-1 1z'/%3E%3C/svg%3E");
    min-width: 238px;
    min-height: 54px;
    display: block;
    text-indent: -99999px;
    transition: 0.4s;
  }

  .footer_container {
    display: flex;
    flex-direction: column;
    gap: var(--gap-m);

    .footer_column {
      a:not(.button) {
        color: var(--color-white);
        text-decoration: none;
        transition:
          background-color 0.4s ease,
          color 0.4s ease;
        &[href^="mailto:"] {
          word-break: break-all;
        }
        &:is(:hover, :focus) {
          color: var(--color-blue);
          opacity: 1;
        }
      }
      & .footer_menu {
        li {
          list-style: none;
          margin-bottom: var(--gap-s);

          &:last-child {
            margin-bottom: 0;
          }
        }
      }
    }
  }

  @media (width >= 576px) {
    .footer_container {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      .footer_column {
        &:nth-child(1),
        &:nth-child(4) {
          flex-basis: 100%;
        }
        &:nth-child(2),
        &:nth-child(3) {
          flex-basis: calc(50% - (var(--gap-m) / 2));
        }
      }
    }
  }

  @media (width >= 992px) {
    .footer_container {
      flex-direction: row;
      .footer_column {
        &:nth-child(2),
        &:nth-child(3) {
          text-align: left;
          max-width: 200px;
          flex-basis: calc(30% - (var(--gap-m) * 2) / 3);
        }
        &:nth-child(4) {
          text-align: right;
          max-width: 312px;
          flex-basis: calc(40% - (var(--gap-m) * 2) / 3);
        }
      }
    }
  }

  @media (width >= 1200px) {
    #footer_logo {
      background-position: left;
    }
    .footer_container {
      .footer_column {
        &:nth-child(1) {
          max-width: 400px;
        }
        &:nth-child(1),
        &:nth-child(4) {
          flex-basis: calc(30% - (var(--gap-m) * 3) / 4);
        }
        &:nth-child(2),
        &:nth-child(3) {
          flex-basis: calc(20% - (var(--gap-m) * 3) / 4);
        }
        &:nth-child(1) {
          text-align: left;
        }
      }
    }
  }
}

.end_of_page {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xxs) var(--gap-s);

  p {
    font-family: "Zalando Sans Expanded";
    font-weight: 600;
    text-align: center;
  }

  .marketing_by {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(var(--gap-xxs) / 2);
    & a {
      height: 23px;
      transition: opacity 0.4s ease;
      &:hover {
        opacity: 0.7;
      }
    }
  }

  @media (width >= 768px) {
    flex-direction: row;
    justify-content: space-between;
  }
}