@font-face {
  font-family: Libre Baskerville;
  src: url('../fonts/LibreBaskerville-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: PT Serif;
  src: url('../fonts/PTSerif-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: PT Serif;
  src: url('../fonts/PTSerif-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Libre Baskerville;
  src: url('../fonts/LibreBaskerville-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --body-font: "PT Serif", sans-serif;
  --primary-color: #6e492d;
  --heading-font: "Libre Baskerville", sans-serif;
  --secondary-color: #fffdfa;
  --primary-color-alternate: #4d331f;
  --secondary-color-alternate: #cccac8;
  --desktop-padding: 88px;
  --tablet-padding: 5vw;
  --desktop-padding-top-bottom: 104px;
  --tablet-padding-vertical: 8vw;
  --cool-grey: #d5d9e5;
  --white: white;
  --off-black: #1a1a1a;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  font-family: var(--body-font);
  color: var(--primary-color);
  font-size: 14px;
  line-height: 20px;
}

h1 {
  font-family: var(--heading-font);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 150%;
}

h2 {
  font-family: var(--heading-font);
  color: var(--primary-color);
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 3rem;
  font-weight: 400;
  line-height: 150%;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}

p {
  color: var(--primary-color);
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 160%;
}

a {
  color: var(--primary-color);
  font-size: 1rem;
  text-decoration: none;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: 5px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 160%;
  display: block;
}

.content {
  grid-column-gap: 32px;
  background-color: var(--secondary-color);
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 88px;
  padding-right: 88px;
  text-decoration: none;
  display: flex;
}

.button-primary {
  grid-column-gap: 12px;
  background-color: var(--primary-color);
  font-family: var(--body-font);
  color: var(--secondary-color);
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  margin-right: 1em;
  padding: 12px 24px;
  text-decoration: none;
  display: inline-block;
}

.button-primary:hover {
  background-color: var(--primary-color-alternate);
}

.button-primary.pagination-button {
  margin-left: 1em;
  margin-right: 0;
}

.button-secondary {
  grid-column-gap: 12px;
  border: 1px solid var(--primary-color);
  background-color: var(--secondary-color);
  color: var(--primary-color);
  border-radius: 6px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 24px;
  text-decoration: none;
  display: inline-block;
}

.button-secondary:hover {
  background-color: var(--secondary-color-alternate);
}

.person-with-quote {
  grid-row-gap: 32px;
  border-radius: 20.5946px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 387px;
  text-decoration: none;
  display: flex;
}

.architecture-is-the-art-that-speaks-without-words-expressing-its-essence-through-the-very-spaces-it-creates {
  color: var(--primary-color);
  margin-top: 0;
  margin-bottom: 0;
  font-family: PT Serif, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.image-4 {
  background-color: #c4c4c4;
}

.emilia-baker-architect {
  color: var(--primary-color);
  margin-top: 0;
  margin-bottom: 0;
  font-family: PT Serif, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.architect-work {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 696px;
  text-decoration: none;
  display: flex;
}

.item {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.high-rise-building-paris {
  color: var(--primary-color);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.france {
  color: var(--primary-color);
  margin-top: 0;
  margin-bottom: 0;
  font-family: PT Serif, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.review-card {
  grid-row-gap: 32px;
  border-radius: 6px;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 280px;
  padding: 16px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 16px 36px #4d331f33;
}

.partnering-with-nextdayarch-has-been-a-game-changer-their-innovative-designs-and-attention-to-detail-have-significantly-enhanced-our-development-projects-setting-new-standards-in-the-real-estate-market {
  color: var(--primary-color);
  margin-top: 0;
  margin-bottom: 0;
  font-family: PT Serif, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.frame-1 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.ralph-edwards {
  color: var(--primary-color);
  letter-spacing: .02em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.urbanedge-developments {
  color: var(--primary-color);
  margin-top: 0;
  margin-bottom: 0;
  font-family: PT Serif, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.person {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.graphic-square {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 256.04px;
  height: 259.441px;
  text-decoration: none;
  display: flex;
}

.title {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.haries-chriestian {
  color: var(--primary-color);
  text-transform: undefined;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.ceo {
  color: var(--primary-color);
  margin-top: 0;
  margin-bottom: 0;
  font-family: PT Serif, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.body {
  background-color: var(--secondary-color);
  margin-right: 0;
  font-family: PT Serif, sans-serif;
}

.hero {
  padding-right: var(--desktop-padding);
  padding-left: var(--desktop-padding);
  background-image: url('../images/Moderne-Glasfassade-eines-Bürogebäudes.webp');
  background-position: 50% 100%;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.navbar {
  z-index: 1;
  padding-right: var(--desktop-padding);
  padding-left: var(--desktop-padding);
  float: left;
  color: var(--secondary-color);
  background-color: #ddd0;
  width: 100vw;
  margin-left: 0;
  margin-right: 0;
  position: sticky;
  top: 0;
}

.navbar.navbar_primary {
  color: var(--primary-color);
  position: fixed;
}

.navbar.navbar-secondary {
  z-index: 1000;
  margin-left: 0;
  margin-right: 0;
  position: fixed;
}

.container {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: flex-start;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.container.navbar-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.container.hero-container {
  z-index: 20;
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  justify-content: flex-end;
  width: 100%;
  max-width: 1400px;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0% 0% 15%;
}

.container.flex-container {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: wrap;
  justify-content: space-between;
  display: flex;
}

.container.secondary {
  color: var(--secondary-color);
}

.container.secondary.flex-div-vertical {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  align-items: stretch;
}

.container.works-header-container {
  padding-right: var(--desktop-padding);
  padding-left: var(--desktop-padding);
  position: absolute;
  inset: auto 0% 27%;
}

.brand {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 1px;
}

.brand.nav-link {
  width: 12rem;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.brand.nav-link.navbar-secondary, .brand.nav-link.navbar-secondary.w--current {
  width: 12rem;
}

.brand.nav-link.navbar-secondary.response, .brand.nav-link.response {
  display: none;
}

.nav-menu-left {
  margin-left: 0;
  margin-right: auto;
}

.nav-menu-right {
  margin-left: auto;
  margin-right: 0;
}

.logo-text {
  font-size: 1.5rem;
  font-weight: 700;
}

.logo-text.primary {
  color: var(--primary-color);
}

.nav-link {
  color: var(--secondary-color);
  padding-right: 20px;
  font-size: 1rem;
  font-style: normal;
  text-decoration: none;
}

.nav-link.first-nav-link {
  padding-left: 0;
}

.nav-link.first-nav-link.navbar-secondary.w--current:visited {
  color: var(--secondary-color);
}

.nav-link.last-nav-link {
  padding-right: 0;
}

.nav-link.primary {
  color: var(--primary-color);
}

.nav-link.primary:hover {
  text-decoration: underline;
}

.nav-link.primary.w--current {
  font-weight: 700;
}

.nav-link.navbar-secondary:hover {
  color: #fffdfab3;
  text-decoration: underline;
}

.nav-link.navbar-secondary.w--current {
  font-weight: 700;
}

.nav-link.navbar-secondary.w--current:visited {
  color: var(--secondary-color);
}

.nav-link.navbar-secondary.brown {
  color: var(--primary-color);
}

.nav-link.padding-off {
  padding-right: 0;
}

.nav-link.brown {
  color: var(--primary-color);
}

.nav-link.brown.w--current {
  font-weight: 700;
}

.hero-heading {
  color: var(--secondary-color);
  text-transform: uppercase;
  align-self: center;
  font-weight: 400;
}

.section {
  padding: var(--desktop-padding-top-bottom) var(--desktop-padding);
  overflow: hidden;
}

.section.section-with-background {
  background-image: url('../images/Architect-Profile-background-overlay.webp');
  background-position: 0 0;
  background-size: cover;
  overflow: visible;
}

.section.section-with-background.bg-none {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
}

.section.is-hidden {
  display: none;
}

.section.section-without-margin {
  padding: 0;
}

.section.padding-top-off {
  padding-top: 0;
}

.header-flex-block.flex-left {
  margin-right: auto;
}

.header-flex-block.flex-right {
  margin-left: auto;
}

.header-text-block-medium {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: flex-start;
  max-width: 34.75rem;
  margin-bottom: 2em;
  display: flex;
}

.header-text-block-medium.text-block-right {
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: auto;
}

.header-text-block-medium.text-block-right.u-spacing_medium {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  margin-bottom: 5rem;
}

.header-text-block-medium.flex-first {
  flex: 0 auto;
  order: -1;
}

.header-text-block-medium.u-spacing_medium {
  margin-bottom: 5rem;
}

.image-display {
  width: 40%;
  margin-right: 1.5rem;
}

.flex-div {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.flex-div.flex-left {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  justify-content: flex-start;
  margin-bottom: 2em;
}

.flex-div.margin-top {
  margin-top: 100px;
}

.worker-block {
  width: 24em;
  position: static;
  overflow: visible;
}

.align-right {
  text-align: right;
}

.align-right.secondary, .secondary {
  color: var(--secondary-color);
}

.big-link-text {
  margin-bottom: .5em;
  font-size: 1.5rem;
  line-height: 116%;
}

.big-link-text.showcase-text {
  color: var(--secondary-color);
  width: 20rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2;
  display: block;
  position: absolute;
  top: auto;
  bottom: 10%;
  right: auto;
}

.big-link-text.showcase-text.title {
  color: var(--secondary-color);
  padding-left: 5px;
  font-size: 1.5rem;
  font-weight: 700;
  position: absolute;
  bottom: 40%;
}

.big-link-text.brown {
  color: var(--primary-color);
}

.big-link-text.with-line {
  border-bottom: 3px solid #d5b46b;
  margin-bottom: 20px;
  padding-bottom: 5px;
}

.caption {
  font-size: 1.125rem;
  line-height: 160%;
}

.caption.bold {
  font-weight: 700;
}

.caption.brown {
  color: var(--primary-color);
}

.caption.checkout {
  font-size: .9rem;
}

.profile-image {
  margin-top: 2em;
  margin-bottom: 2em;
}

.showcase-card {
  aspect-ratio: 1;
  background-image: url('../images/Montrmarte-Building-France-min.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 32%;
  position: relative;
  box-shadow: 0 0 13px 8px #0003;
}

.showcase-card.showcase-2 {
  background-image: url('../images/Jardim-do-Torel-Lisboa-min.jpg');
  background-size: 592px;
}

.showcase-card.showcase-3 {
  background-image: url('../images/Empty-Cathedral-Europe-min.jpg');
  background-position: 50% 0;
  background-size: 592px;
}

.showcase-card.showcase-4 {
  background-image: url('../images/Heydar-Aliyev-Centre-Azerbaijan-min_1.webp');
  background-size: cover;
}

.showcase-card._1 {
  background-image: url('../images/complete_1.webp');
}

.showcase-card._1.kernsanierung {
  background-image: url('../images/DEMOLITION_1.webp');
  background-position: 50%;
}

.showcase-card._2 {
  background-image: url('../images/bathroom_1.webp');
  background-position: 50%;
}

.showcase-card._2.kernsanierung {
  background-image: url('../images/STRUCTURAL_1.webp');
}

.showcase-card._3 {
  background-image: url('../images/kitchen_1.webp');
  background-position: 50%;
}

.showcase-card._3.kernsanierung {
  background-image: url('../images/ELECTRICAL_1.webp');
}

.showcase-card._4 {
  aspect-ratio: 3 / 2;
  background-image: url('../images/insulation_1.webp');
  width: 49%;
}

.showcase-card._5 {
  aspect-ratio: 3 / 2;
  background-image: url('../images/misture_1.webp');
  width: 49%;
}

.showcase-card._5.kernsanierung {
  background-image: url('../images/PAINTING_1.webp');
}

.showcase-wrapper {
  grid-column-gap: 1.6em;
  grid-row-gap: 1.6em;
  flex-flow: wrap;
  place-content: space-between center;
  align-items: center;
  margin-top: 5rem;
  list-style-type: none;
  display: flex;
}

.header-text-block-small {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: flex-start;
  max-width: 34.75rem;
  margin-bottom: 2em;
  display: flex;
}

.header-text-block-small.flex-child-right {
  justify-content: flex-start;
  align-self: flex-end;
  align-items: flex-start;
  margin-left: auto;
}

.reviewer-profile {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.reviewer-name {
  font-family: var(--heading-font);
  color: var(--primary-color);
  text-transform: uppercase;
  margin-bottom: .5em;
  font-size: 1rem;
}

.reviews-container {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  display: flex;
  overflow: visible;
}

.cta-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 37em;
  display: flex;
}

.cta-heading {
  margin-top: 0;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-xlarge {
  margin-bottom: 5em;
}

.margin-bottom.margin-custom1 {
  margin-bottom: 1.5rem;
}

.footer2_grid {
  grid-template-rows: auto;
  grid-template-columns: minmax(auto, auto) minmax(auto, auto) minmax(auto, auto) minmax(auto, auto);
  place-content: space-between;
}

.footer_legal_link-wrapper {
  grid-column-gap: 2rem;
  align-items: center;
  display: flex;
}

.footer_links-wrapper {
  max-width: 25rem;
}

.footer_links-wrapper.second {
  margin-left: auto;
}

.text-allcaps {
  letter-spacing: 1.1px;
  text-transform: uppercase;
  text-decoration: none;
}

.link-text {
  color: var(--primary-color);
  margin-bottom: 1rem;
  font-size: 1rem;
  text-decoration: none;
  display: block;
}

.form_footer_input {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  display: flex;
}

.footer_company-wrapper {
  max-width: 25rem;
}

.footer2_form_content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.general_email_form {
  max-width: 30rem;
  margin-bottom: 0;
}

.footer_wide_legal-wrapper {
  justify-content: space-between;
  display: flex;
}

.text-field-input {
  border: 1px solid #d5d9e5;
  height: 3rem;
  margin-bottom: 0;
  padding: .75rem;
}

.footer_logo-wrapper {
  margin-bottom: 2rem;
  display: flex;
}

.header {
  background-image: url('../images/Moderne-Fassadenarchitektur-mit-glatten-Linien-–-Symbol-für-Bauinnovation-bei-HK-Baufit.webp');
  background-position: 50%;
  background-size: cover;
  height: 95vh;
  padding-left: 88px;
  padding-right: 88px;
  overflow: hidden;
}

.flex-div-vertical {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.founder-card {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  max-width: 16rem;
  display: flex;
}

.flex-div-wrap {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.works-header {
  background-image: url('../images/Works-Header_1.webp');
  background-position: 50%;
  background-size: cover;
  height: 90vh;
  padding-left: 88px;
  padding-right: 88px;
  position: relative;
  overflow: hidden;
}

.works-header.header-section.bausanierung {
  background-image: url('../images/STRUCTURAL_1.webp');
  background-position: 50%;
}

.works-header.header-section.kernanierung {
  background-image: url('../images/Kernsanierung.webp');
  background-position: 50% 100%;
}

.header-text-block-large {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  flex: 0 auto;
  order: -1;
  align-items: flex-start;
  max-width: 50rem;
  margin-bottom: 2em;
  display: flex;
}

.header-text-block-large.inquiry-header {
  margin-bottom: 5em;
}

.pagination {
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 5em;
}

.project-main-image-div {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  flex: 1;
  order: 1;
  max-width: 41.25rem;
  max-height: 41.25rem;
}

.faq-item {
  max-width: 37rem;
}

.faq-item.max-width {
  max-width: 70%;
}

.faq-question {
  border: 1px solid var(--cool-grey);
  cursor: pointer;
  background-color: #fff;
  border-radius: 6px;
  justify-content: space-between;
  max-width: 35rem;
  padding: 1rem;
  display: flex;
}

.faq-question.max-width {
  max-width: 100%;
}

.faq-answer {
  max-width: 35rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
  overflow: hidden;
}

.faq-answer.max-width {
  max-width: 100%;
}

.arrow_accordion_icon {
  width: 2rem;
  height: 2rem;
}

.padding-global {
  padding-left: 5.5rem;
  padding-right: 5.5rem;
}

.faq-answer-2 {
  font-size: 1rem;
  line-height: 2;
}

.padding-medium_large {
  padding-top: 6.5rem;
  padding-bottom: 6.5rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.contact16_grid {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  align-items: center;
}

.text-style-allcaps {
  letter-spacing: 1.1px;
  text-transform: uppercase;
  text-decoration: none;
}

.accordion_answer {
  background-color: #0000;
  width: 100%;
  display: block;
  position: relative;
}

.accordion_answer.w--open {
  background-color: #0000;
}

.text-size-medium {
  font-size: 1.125rem;
}

.accordion_question {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1rem;
  font-size: 16px;
  display: flex;
}

.accordion_question.w--open {
  border-bottom: 1px solid #0000001a;
}

.accordion_question.is-round {
  border: 1px solid #d5d9e5;
  border-radius: 6px;
}

.faq-body-cont {
  border-top: 1px #000;
  padding: .5rem 1rem;
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
}

.accordion {
  width: 100%;
  margin-bottom: 1rem;
  overflow: hidden;
}

.form {
  width: 37rem;
}

.text-field {
  border: 1px solid var(--cool-grey);
  color: var(--primary-color);
  border-radius: 6px;
  margin-bottom: 2rem;
  font-size: 1.125rem;
}

.text-field-2 {
  border-radius: 6px;
}

.selector-field {
  border: 1px solid var(--cool-grey);
  background-color: var(--white);
  color: var(--primary-color);
  border-radius: 6px;
  min-height: 3rem;
  margin-bottom: 2rem;
  font-size: 1.125rem;
}

.text-area {
  border: 1px solid var(--cool-grey);
  color: var(--primary-color);
  white-space: break-spaces;
  border-radius: 6px;
  min-height: 6rem;
  margin-bottom: 2rem;
  font-size: 1.125rem;
}

.checkbox {
  order: -1;
  width: 1rem;
  height: 1rem;
  margin-top: auto;
  margin-bottom: auto;
}

.checkbox-field {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.mapa {
  max-width: 37rem;
  max-height: 39rem;
}

.mapa.map-overlay {
  aspect-ratio: 1;
  background-color: var(--secondary-color);
  width: 100%;
}

.contact-div {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  max-width: 37rem;
  display: flex;
}

.company-contact {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column wrap;
  align-content: flex-start;
  max-height: 22rem;
  display: flex;
}

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

.div-block-4 {
  max-width: 16.5rem;
}

.worker-profile {
  z-index: 10;
  position: sticky;
  top: 6em;
}

.showcase-card-overlay {
  background-color: #0009;
  width: 100%;
  height: 100%;
  display: block;
}

.showcase-link-block {
  background-color: #00000080;
  width: 100%;
  height: 100%;
  padding-left: 5px;
  display: block;
}

.slug-url {
  display: block;
  position: absolute;
}

.inline {
  margin-right: 1rem;
  display: inline-block;
}

.heading {
  display: inline-block;
}

.subheading {
  letter-spacing: 2px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 160%;
}

.subheading.bold {
  font-weight: 700;
}

.subheading.hero-subheading {
  color: #bd9a58d9;
  align-self: center;
}

.project-heading {
  margin-top: 0;
  margin-bottom: 2rem;
}

.full-width-container {
  background-image: url('../images/Moderne-Fassadenarchitektur-mit-glatten-Linien-–-Symbol-für-Bauinnovation-bei-HK-Baufit.webp');
  background-position: 50% 100%;
  background-size: cover;
  background-attachment: fixed;
  min-width: 100%;
  height: 50vh;
}

.dropdown-list {
  position: relative;
}

.dropdown-arrow.white {
  color: var(--secondary-color);
}

.paragraph {
  position: relative;
}

.nav-menu {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.image-5 {
  width: 488px;
}

.hero-overlay-gradient {
  z-index: 10;
  background-image: linear-gradient(0deg, #000, #000 0%, #0000 49%);
  width: 100%;
  height: 90vh;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-5 {
  margin-top: 70px;
}

.image-3 {
  float: left;
  margin-right: 18px;
}

.paragraph-2 {
  margin-top: 30px;
}

.testimonial-card {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  width: 367px;
  max-width: 280px;
  height: auto;
  padding: 1.5rem 1.5rem 47px;
  box-shadow: 0 16px 35px #272c2f1a;
}

.arrow {
  color: #0bc6fc;
  width: 40px;
  inset: auto 0% -60px auto;
}

.arrow.arrow-left {
  left: auto;
  right: 6rem;
}

.text-block-2 {
  color: #213756b3;
  font-size: 18px;
  line-height: 30px;
}

.testimonial-slider {
  background-color: #0000;
  height: auto;
}

.slide {
  background-color: var(--white);
  width: auto;
  margin-right: 3em;
}

.mask {
  overflow: visible;
}

.slide-nav {
  display: none;
}

.text-block {
  color: #213756;
  margin-top: 3px;
  font-size: 18px;
  line-height: 30px;
}

.review-stars {
  margin-bottom: 2rem;
}

.image-7 {
  color: var(--primary-color);
}

.service-image {
  min-width: 372px;
  max-width: 372px;
}

.service-flex-left {
  max-width: 733px;
}

.service-image-text {
  max-width: 340px;
}

.div-block-6 {
  position: sticky;
}

.section-half-scroll {
  padding: var(--desktop-padding-top-bottom) var(--desktop-padding);
  margin-right: 0;
  overflow: visible;
}

.section-half-scroll.section-with-background {
  background-image: url('../images/Architect-Profile-background-min_1.webp');
  background-position: 0 0;
  background-size: cover;
  overflow: visible;
}

.section-half-scroll.is-hidden {
  display: none;
}

.section-half-scroll.section-without-margin {
  padding: 0;
}

.logo-img {
  margin-top: 10px;
  margin-bottom: 5px;
  padding-right: 40px;
}

.logo-img.footer {
  padding-left: 0;
}

.logo-img.brown {
  display: none;
}

.policy-div-width {
  max-width: 60%;
}

.home_layout-1_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.home_layout-1_item-icon-wrapper {
  flex: none;
  align-self: center;
}

.icon-1x1-xsmall {
  width: 2rem;
  height: 2rem;
}

.text-size-regular {
  margin-bottom: 0;
  padding-top: 5px;
  line-height: 1.3;
}

.map {
  mix-blend-mode: luminosity;
  width: 100%;
  height: 100%;
}

.button-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.div-block-7, .product-paragraph-wrapper {
  align-self: center;
}

.product-max-width {
  max-width: 75%;
}

.center {
  align-self: center;
  max-width: 60%;
}

.year {
  background-color: var(--primary-color);
  color: var(--secondary-color);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  display: flex;
}

.margin-top {
  margin-top: 20px;
}

.year-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  width: 60%;
  display: flex;
}

.services-header {
  background-image: url('../images/bauabdichtung.webp');
  background-position: 50%;
  background-size: cover;
  height: 90vh;
  padding-left: 88px;
  padding-right: 88px;
  position: relative;
  overflow: hidden;
}

.overlay {
  background-color: #00000080;
  position: absolute;
  inset: 0%;
}

.info-card {
  aspect-ratio: 3 / 2;
  background-color: var(--primary-color);
  color: var(--secondary-color);
  border-radius: 10px;
  width: 450px;
  padding: 40px 30px 20px 20px;
  box-shadow: 0 0 20px 12px #0003;
}

.info-card.invert {
  border: 3px solid var(--primary-color);
  background-color: var(--white);
}

.info-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.info-wrapper.invert {
  color: var(--primary-color);
}

.info-img {
  align-self: flex-start;
  margin-right: 20px;
  padding-top: 5px;
}

.align-center {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdown-links {
  background-color: var(--secondary-color);
  color: var(--primary-color);
  flex-flow: column;
  padding-bottom: 20px;
  display: none;
  position: relative;
}

.dropdown-links.w--open {
  display: flex;
}

.overlay-about {
  background-color: #00000080;
  height: 95vh;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.card-header {
  background-color: var(--primary-color);
  height: 80px;
}

.title-services-text {
  margin-bottom: .5em;
  font-size: 1.5rem;
  line-height: 116%;
}

.title-services-text.showcase-text {
  color: var(--secondary-color);
  width: 20rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2;
  display: block;
  position: absolute;
  top: auto;
  bottom: 10%;
  right: auto;
}

.title-services-text.showcase-text.title {
  color: var(--secondary-color);
  width: auto;
  padding-top: 20px;
  padding-left: 10px;
  font-size: 1.5rem;
  font-weight: 700;
  position: static;
  bottom: 40%;
}

.title-services-text.brown {
  color: var(--primary-color);
}

.title-services-text.with-line {
  border-bottom: 3px solid #d5b46b;
  margin-bottom: 20px;
  padding-bottom: 5px;
}

.respons, .img-none {
  display: none;
}

.small-text {
  font-size: 1rem;
}

.h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 24px;
}

@media screen and (max-width: 991px) {
  .hero {
    padding-right: var(--tablet-padding);
    padding-left: var(--tablet-padding);
    background-position: 0 100%;
    background-attachment: scroll;
  }

  .navbar.navbar_primary, .navbar.navbar-secondary, .container.works-header-container {
    padding-right: var(--tablet-padding);
    padding-left: var(--tablet-padding);
  }

  .brand.nav-link, .brand.nav-link.w--current {
    display: none;
  }

  .brand.nav-link.navbar-secondary {
    display: none;
    position: relative;
  }

  .brand.nav-link.navbar-secondary.response, .brand.nav-link.response, .brand.nav-link.response.w--current {
    display: block;
  }

  .nav-link.first-nav-link.navbar-secondary {
    padding-left: 20px;
  }

  .section {
    padding-right: var(--tablet-padding);
    padding-left: var(--tablet-padding);
  }

  .flex-div {
    flex-flow: wrap;
  }

  .flex-div.margin-top {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .align-right.secondary {
    align-self: flex-start;
  }

  .big-link-text.showcase-text {
    width: 80%;
  }

  .showcase-card {
    width: 48%;
  }

  .showcase-card._4 {
    aspect-ratio: 1;
    width: 48%;
  }

  .showcase-card._5 {
    width: 100%;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .footer2_grid {
    grid-column-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: minmax(auto, auto) minmax(auto, auto) minmax(auto, auto);
  }

  .form_footer_input {
    grid-row-gap: .75rem;
    flex-direction: column;
  }

  .header-text-block-large {
    max-width: none;
  }

  .padding-global {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .contact16_grid {
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mapa.map-overlay {
    aspect-ratio: 16 / 9;
    max-width: 100%;
    max-height: 100%;
  }

  .contact-div {
    max-width: 100%;
  }

  .showcase-link-block {
    background-color: #0009;
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .nav-menu {
    background-color: var(--off-black);
    flex-flow: column;
  }

  .nav-menu.primary {
    background-color: var(--secondary-color);
  }

  .menu-button.w--open {
    background-color: var(--off-black);
  }

  .menu-button.nav-link.navbar-secondary {
    color: var(--secondary-color);
    font-size: 1.5rem;
  }

  .image-5 {
    order: -1;
  }

  .testimonial-slider {
    margin-top: 60px;
  }

  .section-half-scroll {
    padding-right: var(--tablet-padding);
    padding-left: var(--tablet-padding);
  }

  .logo-img {
    padding-left: 60px;
  }

  .policy-div-width {
    max-width: 100%;
  }

  .button-wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .product-max-width {
    max-width: 100%;
  }

  .year-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    width: 100%;
  }

  .info-wrapper {
    flex-flow: column;
  }

  .info-img {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
  }

  .dropdown, .dropdown-links.w--open {
    display: block;
  }

  .title-services-text.showcase-text {
    width: auto;
  }

  .respons {
    display: block;
  }

  .respons-none, .respons-faq {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .hero {
    background-position: 50%;
  }

  .brand.nav-link {
    width: 14rem;
  }

  .section {
    padding-top: var(--tablet-padding-vertical);
    padding-bottom: var(--tablet-padding-vertical);
  }

  .header-flex-block.flex-right.response-none {
    display: none;
  }

  .flex-div {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .big-link-text.showcase-text {
    width: 90%;
    font-size: 1rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .footer2_grid {
    grid-row-gap: 2rem;
    grid-template-rows: minmax(auto, auto) minmax(auto, auto) minmax(auto, auto) minmax(auto, auto) minmax(auto, auto);
    grid-template-columns: minmax(auto, auto);
  }

  .footer_legal_link-wrapper {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer_links-wrapper, .footer_company-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .footer_wide_legal-wrapper {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .flex-div-wrap {
    width: 88vw;
  }

  .header-text-block-large.inquiry-header {
    margin-top: 5em;
    display: block;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .form {
    width: 88vw;
  }

  .image-6 {
    order: -1;
  }

  .section-half-scroll {
    padding-top: var(--tablet-padding-vertical);
    padding-bottom: var(--tablet-padding-vertical);
  }

  .img-respons {
    display: none;
  }

  .img-none {
    display: block;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 3rem;
    line-height: 120%;
  }

  h2 {
    font-size: 1.5rem;
  }

  p {
    font-size: 1rem;
  }

  .button-primary.cta-mobile {
    margin-bottom: 20px;
    margin-left: 1rem;
  }

  .body {
    text-align: center;
  }

  .brand.nav-link {
    padding-left: 0;
  }

  .brand.nav-link.w--current {
    display: none;
  }

  .brand.nav-link.response.w--current {
    display: block;
  }

  .hero-heading {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
  }

  .header-text-block-medium {
    justify-content: flex-start;
    align-items: center;
  }

  .image-display {
    margin-bottom: 1rem;
  }

  .image-display.respons.center {
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
  }

  .flex-div.flex-left {
    justify-content: center;
    align-items: center;
  }

  .worker-block {
    width: 100%;
  }

  .align-right.secondary {
    align-self: center;
  }

  .big-link-text.showcase-text {
    bottom: 5%;
  }

  .caption.checkout {
    text-align: left;
  }

  .profile-image {
    padding-left: 70px;
  }

  .profile-image.year {
    padding: 0;
  }

  .showcase-card {
    width: 100%;
    height: 100vw;
  }

  .showcase-card._4 {
    width: 100%;
  }

  .showcase-card._5 {
    overflow: hidden;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .footer_legal_link-wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .text-allcaps {
    font-size: 2rem;
  }

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

  .footer2_form_content {
    flex-direction: column;
  }

  .footer_wide_legal-wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .footer_logo-wrapper.w--current {
    justify-content: center;
    align-items: center;
  }

  .flex-div-vertical {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .faq-item.max-width {
    max-width: 100%;
  }

  .accordion_wrapper {
    width: auto;
  }

  .company-contact {
    text-align: center;
    flex-flow: column;
    max-height: none;
  }

  .div-block-3 {
    padding-top: 60px;
  }

  .showcase-link-block {
    justify-content: center;
    align-items: center;
    padding-left: 2vw;
    padding-right: 2vw;
    display: flex;
  }

  .full-width-container {
    background-position: 100% 100%;
    background-repeat: repeat;
    background-attachment: scroll;
  }

  .heading-2 {
    font-size: 2rem;
  }

  .hero-overlay-gradient {
    width: 100%;
    height: 90vh;
    position: absolute;
  }

  .testimonial-card {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .text-block-2 {
    margin-top: 3px;
  }

  .slide {
    width: 95%;
    margin-right: 15px;
  }

  .service-image, .service-flex-left {
    max-width: 100%;
  }

  .logo-img {
    padding-left: 60px;
    padding-right: 0;
  }

  .button-wrapper {
    justify-content: center;
    align-items: center;
  }

  .center {
    justify-content: center;
    align-items: center;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .info-card {
    aspect-ratio: auto;
    width: 100%;
    padding: 20px 10px;
  }
}

#w-node-_9866bb13-1be6-66c5-76fe-3f5a69801e92-69801e8e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9866bb13-1be6-66c5-76fe-3f5a69801e98-69801e8e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-fb312136-4ffb-539e-7c20-cdea8d89b4de-69801e8e {
  order: -9999;
  grid-area: 1 / 3 / 2 / 4;
  justify-self: end;
}

#w-node-_9866bb13-1be6-66c5-76fe-3f5a69801eac-69801e8e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

@media screen and (max-width: 479px) {
  #w-node-_9866bb13-1be6-66c5-76fe-3f5a69801e92-69801e8e {
    justify-self: center;
  }
}


@font-face {
  font-family: 'Libre Baskerville';
  src: url('../fonts/LibreBaskerville-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PT Serif';
  src: url('../fonts/PTSerif-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PT Serif';
  src: url('../fonts/PTSerif-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Libre Baskerville';
  src: url('../fonts/LibreBaskerville-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}