body {
  color: #333;
  font-family: Barlow, sans-serif;
  font-size: 1rem;
  line-height: 20px;
}

.link-3 {
  color: #1f1f1f;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.link-3:hover {
  text-decoration: underline;
}

.footer-bottom-legals-divider {
  background-color: #d7d7d8;
  width: 1px;
  height: 20px;
}

.footer-link-block {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-bottom-copyright {
  font-size: .875em;
}

.footer-link-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2rem;
  padding-bottom: 0;
  display: grid;
}

.button {
  color: #fff;
  white-space: nowrap;
  background-color: #ff8c9b;
  border-radius: 50px;
  padding: .6em 1.625em;
  font-size: 1em;
  font-weight: 500;
  transition: opacity .2s;
}

.button:hover {
  opacity: .85;
}

.button.button--newsletter {
  margin-top: 12px;
}

.footer-rewards-left {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  font-size: .875em;
  display: flex;
}

.footer {
  background-color: #f9f9fb;
  font-size: 1em;
}

.footer--social-link--heading {
  margin-bottom: 1rem;
  font-size: 1.125em;
}

.footer-bottom-legals {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-container-2 {
  width: 90%;
  max-width: 61.25rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4rem;
  padding-bottom: 2rem;
}

.footer-rewards-right {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.footer-cert-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-claim {
  width: 40%;
  max-width: 330px;
}

.footer-social {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #d7d7d8;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.footer-social-link {
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.footer-social-link.fsl--linkedin {
  margin-top: -5px;
}

.footer-cert {
  width: 110px;
  transition: opacity .2s;
}

.footer-cert:hover {
  opacity: .8;
}

.footer-social-link-image {
  object-fit: contain;
  max-height: 100%;
}

.footer-newsletter-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.footer--cocial-link--wrapper {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-bottom {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2rem;
  display: flex;
}

.footer-reward {
  max-width: 70px;
  transition: opacity .2s;
}

.footer-reward:hover {
  opacity: .85;
}

.footer-link {
  color: #1f1f1f;
  text-decoration: none;
}

.footer-link:hover {
  text-decoration: underline;
}

.footer-head {
  border-bottom: 1px solid #d7d7d8;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2rem;
  display: flex;
}

.footer-link-block-column {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.footer-small-print {
  border-bottom: 1px solid #d7d7d8;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: .875em;
}

.footer-rewards {
  border-bottom: 1px solid #d7d7d8;
  justify-content: space-between;
  align-items: center;
  padding-top: 4rem;
  padding-bottom: 2rem;
  display: flex;
}

.search-form {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 45.625rem;
  height: 3.75rem;
  margin-top: .625rem;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.navbar-container {
  z-index: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 95%;
  max-width: 1600px;
  display: flex;
  position: relative;
}

.navbar-2 {
  z-index: 9999;
  background-color: #f9f9fb;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 29px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-2.navbar--sub {
  z-index: 9998;
}

.menu-bot--item--text-wrapper {
  height: 18px;
  position: relative;
}

.navbar-start--dropdown {
  height: 85px;
  display: none;
  overflow: hidden;
}

.result--wrapper {
  z-index: 0;
  scrollbar-width: thin;
  background-color: #fff;
  border-radius: 36px;
  width: 100%;
  max-width: 750px;
  padding: 75px 44px 5px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  box-shadow: 0 20px 100px #0000004d;
}

.result--wrapper.is--hidden {
  z-index: 98;
  display: none;
  overflow: auto;
}

.menu-bot--hover-bg {
  background-color: #f9f9fb;
  width: 104vw;
  height: 90px;
  position: absolute;
  top: 11px;
}

.menu-bot--item {
  z-index: 1;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #183146;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 58px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  transition: color .2s;
  display: flex;
  position: relative;
}

.menu-bot--item:hover, .menu-bot--item.w--current {
  color: #ff8c9b;
}

.menu-bot--item.mbi--digital:hover, .menu-bot--item.mbi--digital.w--current {
  color: #7ca1b3;
}

.menu-bot--item.mbi--hidden {
  display: none;
}

.menu-bot--item.mbi--consult:hover, .menu-bot--item.mbi--consult.w--current {
  color: #daba78;
}

.menu-bot--item.mbi--hightech:hover, .menu-bot--item.mbi--hightech.w--current {
  color: #4792b2;
}

.menu-bot--item.mbi--technik:hover, .menu-bot--item.mbi--technik.w--current {
  color: #68b9b9;
}

.menu-bot--item.mbi--akademie:hover, .menu-bot--item.mbi--akademie.w--current {
  color: #69afc9;
}

.menu-bot--item.mbi--marketing:hover, .menu-bot--item.mbi--marketing.w--current {
  color: #c98caa;
}

.menu-bot--item.mbi--bauart:hover, .menu-bot--item.mbi--bauart.w--current {
  color: #87af7d;
}

.menu-bot {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: flex-end;
  height: 59px;
  padding-bottom: 5px;
  display: flex;
}

.menu-bot.is--dl {
  overflow: hidden;
}

.menu-bot--item--image--container-2 {
  background-image: url('../images/Gruppe-1068.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}

.menu-bot--item--image--container-2.mbiic--historie {
  background-image: url('../images/Gruppe-1065.svg');
}

.menu-bot--item--image--container-2.mbiic--hotlines {
  aspect-ratio: auto;
  background-image: url('../images/Gruppe-1130.svg');
  background-size: 24px 24px;
}

.menu-bot--item--image--container-2.mbiic--technik {
  background-image: url('../images/Gruppe-1072.svg');
  background-size: 24px 24px;
}

.menu-bot--item--image--container-2.mbiic--bauart {
  background-image: url('../images/Gruppe-1073.svg');
  background-size: 24px 24px;
}

.menu-bot--item--image--container-2.mbiic--messen {
  background-image: url('../images/Gruppe-1057.svg');
}

.menu-bot--item--image--container-2.mbiic--karriere {
  background-image: url('../images/Gruppe-1063.svg');
}

.menu-bot--item--image--container-2.mbiic--hausmesse {
  background-image: url('../images/Gruppe-1058.svg');
}

.menu-bot--item--image--container-2.mbiic--hightech {
  background-image: url('../images/Gruppe-1071.svg');
  background-size: 24px 24px;
}

.menu-bot--item--image--container-2.mbiic--consult {
  background-image: url('../images/Gruppe-1074.svg');
  background-size: 24px 24px;
}

.menu-bot--item--image--container-2.mbiic--csr {
  background-image: url('../images/Gruppe-1062.svg');
}

.menu-bot--item--image--container-2.mbiic--zaehne {
  background-image: url('../images/Gruppe-1051.svg');
}

.menu-bot--item--image--container-2.mbiic--seminare {
  background-image: url('../images/Gruppe-1061.svg');
}

.menu-bot--item--image--container-2.mbiic--unternehmen {
  background-image: url('../images/Gruppe-1067.svg');
}

.menu-bot--item--image--container-2.mbiic--labor {
  background-image: url('../images/Gruppe-1055.svg');
}

.menu-bot--item--image--container-2.mbiic--it {
  background-image: url('../images/Gruppe-1053.svg');
}

.menu-bot--item--image--container-2.mbiic--digital {
  background-image: url('../images/Gruppe-1070.svg');
  background-size: 24px 24px;
}

.menu-bot--item--image--container-2.mbiic--praxis {
  background-image: url('../images/Gruppe-1054.svg');
}

.menu-bot--item--image--container-2.mbiic--standorte {
  background-image: url('../images/Gruppe-1066.svg');
}

.menu-bot--item--image--container-2.mbiic--travel {
  background-image: url('../images/Gruppe-1059.svg');
}

.menu-bot--item--image--container-2.mbiic--blog {
  background-image: url('../images/Gruppe-1064.svg');
}

.menu-bot--item--image--container-2.mbiic--gebraucht {
  background-image: url('../images/Gruppe-1056.svg');
  background-size: contain;
}

.menu-bot--item--image--container-2.mbiic--webinar {
  background-image: url('../images/Gruppe-1060.svg');
}

.menu-bot--item--image--container-2.mbiic--angebote {
  background-image: url('../images/Gruppe-1052.svg');
}

.menu-bot--item--image--container-2.mbiic--form {
  background-image: url('../images/Gruppe-1129.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
}

.menu-bot--item--image--container-2.mbiic--marketing {
  background-image: url('../images/Gruppe-1069.svg');
  background-size: 24px 24px;
}

.brand-2 {
  width: 105px;
  min-width: 105px;
  margin-top: 8px;
}

.menu-bot-noanim {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: flex-end;
  height: 59px;
  margin-left: 15px;
  padding-bottom: 5px;
  display: flex;
}

.menu-bot-noanim.menu-bot--hover {
  z-index: 100;
  height: 79px;
  padding-bottom: 25px;
  display: flex;
  position: relative;
}

.menu-bot-noanim.menu-bot--hover.menu-bot--hover--un, .menu-bot-noanim.menu-bot--hover.menu-bot--hover--shp, .menu-bot-noanim.menu-bot--hover.menu-bot--hover--dl, .menu-bot-noanim.menu-bot--hover.menu-bot--hover--sup, .menu-bot-noanim.menu-bot--hover.menu-bot--hover--va {
  height: 100px;
  display: none;
  position: fixed;
  top: 153px;
}

.menu-bot--hover-block-2 {
  z-index: 0;
  width: 190px;
  height: 76px;
  position: absolute;
  top: -74px;
  left: 119px;
}

.menu-bot--hover-block-2.mbhb--un {
  z-index: 1000;
  width: 160px;
  left: 434px;
}

.menu-bot--hover-block-2.mbhb--sup {
  width: 150px;
  left: 315px;
}

.menu-bot--hover-block-2.mbhb--va {
  width: 170px;
  display: block;
  left: 211px;
}

.menu-bot--hover-block-2.mbhb--shp {
  width: 220px;
  left: -32px;
}

.navbar-spacer {
  width: 1px;
  height: 28px;
}

.menu-shop-items {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin-top: 8px;
  display: flex;
  position: relative;
}

.menu-shop-items.msi--mobile {
  display: none;
}

.menu-shop-items--link {
  width: 24px;
  height: 24px;
}

.result--container {
  scrollbar-width: thin;
  max-height: 80vh;
  overflow: auto;
}

.menu-bot--item--text {
  white-space: nowrap;
  font-weight: 500;
}

.menu-top-2 {
  flex: 1;
}

.search-form-wrapper {
  z-index: 99;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.menu-shop-items--image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.menu-top--link {
  color: #6e6e6e;
  font-size: 1.125em;
  font-weight: 500;
  transition: opacity .2s;
}

.menu-top--link:hover {
  opacity: .85;
}

.menu-top--link.w--current {
  color: #ff8c9b;
  font-weight: 700;
  text-decoration: none;
}

.menu-top--link.mtl--shop {
  color: #6e6e6e;
  font-weight: 500;
}

.search {
  z-index: 90;
  width: 100%;
  position: relative;
}

.menu-bot--item--image-2 {
  object-fit: contain;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  display: block;
  position: relative;
  overflow: clip;
}

.menu-bot--item--image-2.karriere, .menu-bot--item--image-2.karrier, .menu-top--link--sub-2 {
  display: none;
}

.search-button-2 {
  background-color: #ff8c9b;
  background-image: url('../images/search.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 50%;
  width: 3.125rem;
  height: 3.125rem;
  margin-right: 5px;
  transition: opacity .2s;
  position: absolute;
  bottom: auto;
  left: auto;
  right: 0%;
}

.search-button-2:hover {
  opacity: .9;
}

.search-input-2 {
  border: 2px solid #c7c7c7;
  border-radius: 100px;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-left: 2em;
  padding-right: 2em;
  font-size: 1em;
  font-weight: 500;
  transition: border .2s;
  position: relative;
}

.search-input-2:focus {
  border-color: #ff8c9b;
}

.search-input-2::placeholder {
  color: #6e6e6ebf;
  font-weight: 500;
}

.menu-center {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 980px;
  margin-top: -17px;
  display: flex;
}

.menu-center.menu-center--sub {
  padding-top: 134px;
}

.clear-input {
  opacity: .56;
  cursor: pointer;
  width: .825rem;
  height: .825rem;
  position: absolute;
  inset: 16px 68px auto auto;
}

.clear-input.is--hidden {
  display: none;
}

.navbar-spacer--bot {
  width: 1px;
  height: 28px;
}

.iframe--section {
  width: 100%;
  min-height: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 255px;
  padding-bottom: 50px;
}

@media screen and (max-width: 991px) {
  .footer-link-container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .button {
    font-size: .875em;
  }

  .footer-rewards-left {
    justify-content: flex-start;
    align-items: center;
  }

  .footer-claim {
    width: 100%;
  }

  .footer-social {
    justify-content: center;
    align-items: center;
    padding-top: 32px;
  }

  .footer-newsletter-wrapper {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .footer-bottom {
    justify-content: flex-start;
    align-items: center;
  }

  .footer-head, .footer-rewards {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
  }

  .search-form {
    max-width: 480px;
    height: 48px;
    margin-top: 0;
  }

  .navbar-container {
    justify-content: space-between;
    align-items: center;
  }

  .navbar-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .result--wrapper {
    box-shadow: none;
    border-radius: 0;
    width: 100vw;
    max-width: none;
    height: calc(100vh - 67px);
    max-height: none;
    padding: 1rem 2rem 4rem;
    top: 56px;
    transform: translate(-52.59%);
  }

  .menu-bot--item {
    width: auto;
    height: auto;
  }

  .menu-bot {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    height: auto;
    display: none;
  }

  .menu-bot--item--image--container-2 {
    display: none;
  }

  .brand-2 {
    width: 80px;
    min-width: 80px;
    margin-top: 0;
    margin-right: 2rem;
  }

  .menu-button-4 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-left: 2rem;
    padding: 0;
  }

  .menu-button-4.w--open {
    background-color: #c8c8c800;
  }

  .menu-bot-noanim {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    height: auto;
    display: none;
  }

  .navbar-spacer {
    height: 16px;
    display: none;
  }

  .menu-shop-items {
    display: none;
  }

  .menu-shop-items.msi--mobile {
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: 20px;
    margin-bottom: 30px;
    padding-right: 30px;
    display: flex;
  }

  .menu-bar {
    transition: transform .3s, top .3s;
    display: block;
    position: absolute;
  }

  .menu-bar.mb-2 {
    top: 24px;
    left: 8px;
  }

  .menu-bar.mb-1 {
    top: 16px;
    left: 8px;
  }

  .menu-top-2 {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
    background-color: #f9f9fb;
    flex-flow: column;
    flex: none;
    height: calc(100vh - 65px);
    padding-bottom: 50px;
    display: none;
    overflow: scroll;
  }

  .menu-top--link {
    color: #1f1f1f;
    text-align: right;
    margin-top: 10px;
    padding: 10px 30px;
    font-size: 1.125em;
  }

  .menu-top--link.w--current, .menu-top--link.mtl--shop {
    color: #1f1f1f;
  }

  .menu-bot--item--image-2 {
    display: none;
  }

  .menu-top--link--sub-2 {
    color: #6e6e6e;
    text-align: right;
    padding: 10px 40px;
    font-weight: 500;
    text-decoration: none;
    display: block;
  }

  .menu-top--link--sub-2.w--current {
    color: #87b982;
  }

  .search-button-2 {
    background-size: 16px;
    width: 40px;
    height: 40px;
    margin-right: 4px;
    padding-left: 0;
    padding-right: 0;
  }

  .menu-center {
    margin-top: 0;
  }

  .menu-center.menu-center--sub {
    display: none;
  }

  .clear-input {
    opacity: .6;
    top: 11px;
    right: 58px;
  }

  .navbar-spacer--bot {
    display: none;
  }

  .iframe--section {
    padding-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .footer-link-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row dense;
  }

  .brand-2 {
    transition: margin .5s cubic-bezier(.645, .045, .355, 1), min-width .5s cubic-bezier(.645, .045, .355, 1), width .5s cubic-bezier(.645, .045, .355, 1), opacity .2s;
  }

  .menu-button-4 {
    transition: margin .5s cubic-bezier(.645, .045, .355, 1), width .5s cubic-bezier(.645, .045, .355, 1), max-width .5s cubic-bezier(.645, .045, .355, 1), opacity .2s;
  }
}

@media screen and (max-width: 479px) {
  .brand-2 {
    margin-right: 1rem;
  }

  .menu-button-4 {
    margin-left: 1rem;
  }

  .menu-top--link.mtl--shop {
    color: #1f1f1f;
    font-weight: 500;
  }

  .search-input-2 {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}

#w-node-b5aa7dbb-d288-701b-8e6a-34e9ce8c857d-ce8c8523 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


