.contact-page-wrapper {
  display: contents;
}
 
.contact-page-container1 {
  display: contents;
}
 
.contact-page-thq-contact-page-wrapper-elm {
  width: 100%;
  border-color: var(--color-primary);
  border-width: 1px;
}
 
.contact-page-thq-contact-page-hero-elm {
  width: 100%;
  overflow: hidden;
  position: relative;
  max-width: 100%;
  box-shadow: 5px 5px 10px 0px #d4d4d4;
  background-size: cover;
  background-image: url("public/external/pexels-harri-16928585-1500h.jpg");
  background-repeat: no-repeat;
}
 
.contact-page-thq-contact-page-hero-overlay-elm {
  top: 0px;
  left: 0px;
  width: auto;
  display: block;
  position: relative;
}
 
.contact-page-thq-hero-title-elm {
  color: #ffffff;
}
 
.contact-page-thq-hero-subtitle-elm {
  fill: var(--color-on-surface);
  color: var(--color-on-primary);
  font-size: 32px;
  text-align: center;
}
 
.contact-page-thq-contact-page-container-elm {
  width: 100%;
  position: relative;
}
 
.contact-page-thq-btn-outline-elm {
  border-color: var(--color-primary);
  background-color: var(--color-accent);
}
 
.contact-page-text36 {
  fill: var(--color-on-primary);
  color: var(--color-on-primary);
}
 
.contact-page-thq-contact-page-map-wrapper-elm {
  text-decoration: none;
}
 
.contact-page-iframe {
  border: 0;
}
 
.contact-pageroot-class-name {
  top: 0px;
  left: 0px;
  width: 100%;
  position: relative;
}

.kontakt-container1 {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}
 
.kontakt-container2 {
  width: 100%;
  display: flex;
  position: relative;
  justify-content: center;
  background-color: var(--dl-color-theme-neutral-light);
}
 
.kontakt-thq-navbar-interactive-elm {
  width: 100%;
  display: flex;
  box-shadow: 5px 5px 10px 0px #d4d4d4,5px 5px 10px 0px #d4d4d4;
  align-items: center;
  padding-top: var(--dl-layout-space-twounits);
  padding-left: var(--dl-layout-space-threeunits);
  padding-right: var(--dl-layout-space-threeunits);
  padding-bottom: var(--dl-layout-space-twounits);
  justify-content: space-between;
  background-color: var(--color-surface);
}
 
.kontakt-navlink1 {
  display: contents;
}
 
.kontakt-image1 {
  width: 159px;
  height: 94px;
  object-fit: cover;
  text-decoration: none;
}
 
.kontakt-thq-desktop-menu-elm {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
 
.kontakt-thq-links-elm1 {
  gap: var(--dl-layout-space-twounits);
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
 
.kontakt-thq-link1-elm1 {
  font-size: 24px;
  font-family: "Roboto";
  text-decoration: none;
}
 
.kontakt-thq-link2-elm1 {
  font-size: 24px;
  text-decoration: none;
}
 
.kontakt-thq-link3-elm1 {
  font-size: 24px;
  text-decoration: none;
}
 
.kontakt-thq-link4-elm1 {
  font-size: 24px;
  animation-name: none;
  animation-delay: 0s;
  text-decoration: none;
  animation-duration: 300ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
 
.kontakt-thq-buttons-elm1 {
  gap: var(--dl-layout-space-twounits);
  display: flex;
  align-items: center;
  flex-direction: row;
}
 
.kontakt-thq-action1-elm1 {
  display: flex;
  border-color: var(--color-accent);
  flex-direction: row;
  text-decoration: none;
  background-color: var(--color-accent);
}
 
.kontakt-text10 {
  font-size: 24px;
}
 
.kontakt-thq-burger-menu-elm {
  display: none;
}
 
.kontakt-icon10 {
  width: var(--dl-layout-size-xsmall);
  height: var(--dl-layout-size-xsmall);
}
 
.kontakt-thq-mobile-menu-elm {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  display: none;
  padding: var(--dl-layout-space-twounits);
  z-index: 100;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--color-surface);
}
 
.kontakt-thq-nav-elm {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.kontakt-thq-top-elm {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-layout-space-threeunits);
  justify-content: space-between;
}
 
.kontakt-image2 {
  width: 200px;
  object-fit: cover;
}
 
.kontakt-thq-close-menu-elm {
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.kontakt-icon12 {
  width: var(--dl-layout-size-xsmall);
  height: var(--dl-layout-size-xsmall);
}
 
.kontakt-thq-links-elm2 {
  gap: var(--dl-layout-space-unit);
  flex: 0 0 auto;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
 
.kontakt-thq-link1-elm2 {
  font-size: 24px;
  font-family: "Roboto";
  text-decoration: none;
}
 
.kontakt-thq-link2-elm2 {
  font-size: 24px;
  font-family: "Roboto";
  text-decoration: none;
}
 
.kontakt-thq-link3-elm2 {
  font-size: 24px;
  font-family: "Roboto";
  text-decoration: none;
}
 
.kontakt-thq-link4-elm2 {
  font-size: 24px;
  font-family: "Roboto";
  text-decoration: none;
}
 
.kontakt-thq-buttons-elm2 {
  gap: var(--dl-layout-space-twounits);
  display: flex;
  margin-top: var(--dl-layout-space-twounits);
  align-items: center;
  flex-direction: row;
}
 
.kontakt-thq-action1-elm2 {
  border-color: var(--color-accent);
  text-decoration: none;
  background-color: var(--color-accent);
}
 
.kontakt-text13 {
  font-size: 24px;
  font-family: "Roboto";
}
 
.kontakt-thq-icon-group-elm {
  gap: var(--dl-layout-space-twounits);
  display: flex;
}
 
.kontakt-thq-footeredit-elm {
  display: contents;
}
 
.kontakt-thq-footer-column-elm1 {
  position: relative;
}
 
.kontakt-image3 {
  top: -37px;
  left: -4px;
  width: 162px;
  height: 110px;
  position: absolute;
  object-fit: cover;
  text-decoration: none;
}
 
.kontakt-thq-footer-brand-description-elm {
  top: 86px;
  left: -5px;
  position: absolute;
}
 
.kontakt-thq-footer-social-group-elm {
  top: 181px;
  left: 2px;
  position: absolute;
}
 
.kontakt-thq-footer-social-link-elm1 {
  text-decoration: none;
}
 
.kontakt-thq-footer-social-link-elm2 {
  text-decoration: none;
}
 
.kontakt-thq-footer-nav-link-elm1 {
  text-decoration: none;
}
 
.kontakt-thq-footer-nav-item-elm2 {
  text-decoration: none;
}
 
.kontakt-thq-footer-nav-item-elm3 {
  text-decoration: none;
}
 
.kontakt-thq-footer-nav-item-elm4 {
  text-decoration: none;
}
 
.kontakt-thq-footer-nav-item-elm5 {
  text-decoration: none;
}
 
.kontakt-image4 {
  top: 366px;
  left: 230px;
  width: 200px;
  position: absolute;
  object-fit: cover;
}
 
.kontakt-image5 {
  width: 140px;
  height: 155px;
  object-fit: cover;
}
 
.kontakt-image6 {
  top: 368px;
  left: 472px;
  width: 200px;
  position: absolute;
  object-fit: cover;
}
 
.kontakt-container3 {
  display: none;
}
 
.kontakt-container4 {
  display: contents;
}
 
@media(max-width: 991px) {
  .kontakt-thq-mobile-menu-elm {
    background-color: var(--color-surface);
  }
  .kontakt-thq-link3-elm2 {
    font-size: 24px;
    font-family: Roboto;
    text-decoration: none;
  }
  .kontakt-thq-link4-elm2 {
    font-size: 24px;
    font-family: Roboto;
  }
  .kontakt-thq-action1-elm2 {
    border-color: var(--color-accent);
    background-color: var(--color-accent);
  }
  .kontakt-text13 {
    font-size: 24px;
    font-family: Roboto;
  }
}
 
@media(max-width: 767px) {
  .kontakt-thq-navbar-interactive-elm {
    padding-left: var(--dl-layout-space-twounits);
    padding-right: var(--dl-layout-space-twounits);
  }
  .kontakt-thq-desktop-menu-elm {
    display: none;
  }
  .kontakt-thq-burger-menu-elm {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .kontakt-thq-mobile-menu-elm {
    background-color: var(--color-surface);
  }
  .kontakt-thq-link3-elm2 {
    font-size: 24px;
    font-family: Roboto;
    text-decoration: none;
  }
  .kontakt-thq-link4-elm2 {
    font-size: 24px;
    font-family: Roboto;
  }
  .kontakt-thq-action1-elm2 {
    border-color: var(--color-accent);
    background-color: var(--color-accent);
  }
  .kontakt-text13 {
    font-size: 24px;
    font-family: Roboto;
  }
}
 
@media(max-width: 479px) {
  .kontakt-thq-navbar-interactive-elm {
    padding: var(--dl-layout-space-unit);
    padding-right: 16px;
  }
  .kontakt-thq-mobile-menu-elm {
    padding: var(--dl-layout-space-unit);
    background-color: var(--color-surface);
  }
  .kontakt-image2 {
    width: 185px;
    height: 144px;
  }
  .kontakt-thq-link3-elm2 {
    font-size: 24px;
    font-family: Roboto;
    text-decoration: none;
  }
  .kontakt-thq-link4-elm2 {
    font-size: 24px;
    text-decoration: none;
  }
  .kontakt-thq-action1-elm2 {
    border-color: var(--color-accent);
    background-color: var(--color-accent);
  }
  .kontakt-text13 {
    font-size: 24px;
    font-family: Roboto;
  }
  .kontakt-thq-footer-column-elm1 {
    width: 433px;
    height: 259px;
    position: relative;
  }
  .kontakt-thq-footer-brand-description-elm {
    top: 104px;
    left: -1px;
    position: absolute;
  }
  .kontakt-thq-footer-social-group-elm {
    left: 4px;
    bottom: 4px;
    position: absolute;
  }
  .kontakt-image4 {
    top: 743px;
    left: 154px;
    width: 229px;
    height: 69px;
    position: absolute;
    padding-bottom: 0px;
  }
  .kontakt-image5 {
    width: 127px;
    height: 146px;
  }
  .kontakt-image6 {
    top: 840px;
    left: 159px;
    width: 176px;
    height: 47px;
    position: absolute;
    padding-bottom: 0px;
  }
}