body {
  font-family: Montserrat-local, sans-serif;
  color: #333;
  font-size: 15px;
  line-height: 1.6;
}

h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 2.7em;
  line-height: 1.4;
  font-weight: 700;
}

h2 {
  margin-top: 0px;
  margin-bottom: 0.3em;
  color: #8a1713;
  font-size: 2em;
  line-height: 1.4;
  font-weight: 700;
}

h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1.7em;
  line-height: 1.4;
  font-weight: 700;
}

h4 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1.3em;
  line-height: 1.4;
  font-weight: 700;
}

h5 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1em;
  line-height: 1.4;
  font-weight: 700;
}

h6 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 0.85em;
  line-height: 1.4;
  font-weight: 700;
}

p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1em;
}

a {
  font-size: 1em;
  text-decoration: none;
}

blockquote {
  margin-bottom: 1em;
  padding: 1em 2em;
  border-left: 0.4em solid #e2e2e2;
  font-size: 140%;
  line-height: 1.6;
}

.html {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  overflow: hidden;
  width: 0px;
  height: 0px;
}

.nav-link12123 {
  padding: 0.2em 2em;
  background-color: transparent;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  color: #a89e94;
  font-size: 1.1em;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.nav-link12123:hover {
  border-bottom-color: #198337;
  color: #8a1713;
}

.nav-link12123.w--current {
  border-bottom-color: #198337;
  color: #8a1713;
  font-weight: 700;
}

.nav__brand {
  width: 20em;
  padding-right: 0.5em;
  padding-left: 0.5em;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 200ms cubic-bezier(.19, 1, .22, 1);
  transition: all 200ms cubic-bezier(.19, 1, .22, 1);
}

.nav__con {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 1em;
  padding-bottom: 1em;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.95em;
}

.nav__con.isbanner {
  width: 100%;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #a49c91;
}

.nav__menu-btn {
  background-color: #000;
}

.sec {
  overflow: hidden;
  width: 100vw;
  max-width: 100%;
}

.sec.is-hero {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  height: 85vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/hero-lux-und-partner-Kopie.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/hero-lux-und-partner-Kopie.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.sec.is-footer {
  background-color: #8a1713;
}

.sec.socialproof {
  position: relative;
  z-index: 4;
  margin-top: -2.9em;
}

.text-like-h2 {
  width: 20ch;
  max-width: 80%;
  margin-bottom: 0.3em;
  color: #fff;
  font-size: 4em;
  line-height: 1.4;
  font-weight: 800;
  text-align: center;
}

.grid {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 2em;
  grid-row-gap: 1.5em;
  -ms-grid-columns: 1fr 1.25fr;
  grid-template-columns: 1fr 1.25fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid._5050 {
  display: -ms-grid;
  display: grid;
  margin-top: 1em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: stretch;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 2em;
  grid-row-gap: 1.5em;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.contact-info-contact {
  position: static;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 1.2em;
}

.con {
  position: relative;
  z-index: 2;
  width: 1440px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 2em 6em 3em;
}

.con.is-social-proof {
  padding-top: 1em;
  padding-bottom: 0em;
}

.con.footer {
  padding-top: 1.8em;
  padding-bottom: 1.8em;
}

.con.hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.simple-link-white {
  color: #fff;
  font-size: 0.8em;
  letter-spacing: 0.5px;
}

.simple-link-white:hover {
  text-decoration: underline;
}

.simple-link-white.dark {
  color: rgba(0, 0, 0, 0.8);
  font-size: 0.8em;
}

.simple-link-white.impressum {
  margin-right: 1em;
  margin-left: 1em;
  font-size: 0.9em;
}

.text-like-h2-small {
  color: #fff;
  font-size: 1.8em;
  font-weight: 400;
  text-align: center;
}

.c-name {
  margin-top: 0.5em;
  font-size: 1.2em;
  font-weight: 500;
}

.c-name.luxgmbh {
  font-size: 1em;
}

.c-job {
  margin-bottom: 1em;
  font-size: 0.9em;
  font-weight: 300;
}

.footer__cc {
  color: #afafaf;
  font-size: 14px;
  text-align: center;
}

.sc-outer {
  overflow: hidden;
  width: 100%;
}

.sc-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sc-inner-rev {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.kunden {
  margin-top: -1em;
  margin-bottom: 2em;
}

.nav {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  background-color: #fff;
}

.loop-img {
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.kundenmobile {
  display: none;
  margin-bottom: 3em;
}

.imgcontatct {
  width: 100%;
  padding-bottom: 100%;
  background-image: url('../images/Group-1.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.imgcontatct.dom {
  background-image: url('../images/Dominik-Lux-web-1-min.jpg');
}

.cimgwrap {
  width: 14em;
}

.sc-innermobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sc-inner-rev-mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hidden {
  display: none;
}

.hero-mask {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: -1.05%;
  z-index: 3;
  width: 100%;
  height: 13vw;
  background-image: url('../images/Rectangle-34.svg');
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.impressum-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.impressum h1 {
  margin-bottom: 0.3em;
}

.impressum h2 {
  margin-top: 0.5em;
  margin-bottom: 0.2em;
  color: #333;
  font-size: 1.8em;
}

.impressum h3 {
  margin-top: 0.4em;
  margin-bottom: 0.3em;
  font-size: 1.4em;
}

.behind-nav {
  height: 5em;
}

.footer-bot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.is-banner-text {
  color: #8a1713;
  font-weight: 500;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 14px;
  }

  h2 {
    text-align: center;
  }

  .nav-link12123 {
    margin-bottom: 0.3em;
    padding: 0.5em 1em;
  }

  .nav-link12123:hover {
    border-bottom-color: transparent;
  }

  .nav-link12123.w--current {
    border-bottom-color: transparent;
  }

  .nav__menu-lottie {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
  }

  .nav__brand {
    width: 18em;
  }

  .nav__con {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1em;
  }

  .nav__menu-btn {
    z-index: 10;
    width: 2.5em;
    height: 2.5em;
    padding: 0.1em;
  }

  .nav__menu-btn.w--open {
    background-color: #198337;
  }

  .sec.is-hero {
    height: 80vh;
  }

  .sec.socialproof {
    margin-top: 0em;
  }

  .text-like-h2 {
    max-width: 90%;
  }

  .grid {
    grid-column-gap: 2em;
    -ms-grid-columns: 1fr 1.5fr;
    grid-template-columns: 1fr 1.5fr;
  }

  .grid._5050 {
    grid-row-gap: 3em;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .contact-info-contact {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .con {
    padding-right: 3em;
    padding-left: 3em;
  }

  .simple-link-white.dark {
    font-size: 1em;
  }

  .c-name.luxgmbh {
    font-size: 1.2em;
  }

  .sc-outer {
    margin-bottom: 1.1em;
  }

  .kunden {
    display: none;
  }

  .kundenmobile {
    display: block;
  }

  .cimgwrap {
    width: 15em;
  }

  .hero-mask {
    bottom: -0.5%;
  }

  .impressum h2 {
    text-align: left;
  }

  .footer-bot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    text-align: center;
  }

  .nav-link12123 {
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
  }

  .nav__brand {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 5.3em;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .nav__con {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
  }

  .nav__menu-btn {
    -webkit-filter: invert(100%);
    filter: invert(100%);
  }

  .nav__menu-btn.w--open {
    background-color: transparent;
  }

  .sec {
    overflow: hidden;
  }

  .sec.is-hero {
    height: 70vh;
  }

  .text-like-h2 {
    font-size: 3em;
  }

  .grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .grid._5050 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .contact-info-contact {
    position: static;
    margin-left: 0em;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .con {
    overflow: hidden;
    padding: 2em;
  }

  .simple-link-white {
    text-align: center;
  }

  .simple-link-white.dark {
    font-size: 0.8em;
  }

  .text-like-h2-small {
    font-size: 1.7em;
  }

  .footer__cc {
    text-align: center;
  }

  .nav-menu {
    background-color: #e6e6e6;
  }

  .footer-bot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    margin-bottom: 0.3em;
    font-size: 1.8em;
  }

  .nav-link12123 {
    font-size: 1.1em;
  }

  .nav__menu-lottie {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
  }

  .nav__brand {
    width: 15em;
    height: 3.6em;
  }

  .nav__menu-btn {
    z-index: 10;
    width: 4em;
    height: 4em;
    padding: 0.1em;
    font-size: 1em;
  }

  .sec.is-hero {
    height: 60vh;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url('../images/hero-lux-und-partner-Kopie.jpg');
    background-image: linear-gradient(180deg, transparent, transparent), url('../images/hero-lux-und-partner-Kopie.jpg');
    background-position: 0px 0px, 50% 100%;
  }

  .text-like-h2 {
    max-width: 100%;
    margin-top: 2em;
    padding-right: 0.5em;
    padding-left: 0.5em;
    font-size: 8vw;
    line-height: 1.3;
  }

  .con {
    padding: 1.5em;
  }

  .con.hero {
    padding-right: 1em;
    padding-left: 1em;
  }

  .simple-link-white.dark {
    font-size: 1em;
  }

  .text-like-h2-small {
    margin-top: 1em;
    padding-right: 0.5em;
    padding-left: 0.5em;
    font-size: 1.2em;
  }

  .sc-outer {
    margin-bottom: 1.8em;
    -webkit-transform: scale(1.7);
    -ms-transform: scale(1.7);
    transform: scale(1.7);
  }
}

#w-node-_4062c1d4-f3b1-d3d2-fe6d-7d59983ac111-bd5bd906 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-fab948b3-f297-ec74-9fac-3a51596b3128-bd5bd906 {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }

  #w-node-_4062c1d4-f3b1-d3d2-fe6d-7d59983ac111-bd5bd906 {
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_4062c1d4-f3b1-d3d2-fe6d-7d59983ac111-bd5bd906 {
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -webkit-box-ordinal-group: -9998;
    -webkit-order: -9999;
    -ms-flex-order: -9999;
    order: -9999;
  }
}

@font-face {
  font-family: 'Montserrat-local';
  src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat-local';
  src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat-local';
  src: url('../fonts/Montserrat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat-local';
  src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat-local';
  src: url('../fonts/Montserrat-ExtraBold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}