@import url("https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Oswald:wght@200..700&display=swap");

@font-face {
  font-family: "themify";
  src: url("fonts/themify.eot?-fvbane");
  src:
    url("./fonts/themify-icons/fonts/themify.eot?#iefix-fvbane")
      format("embedded-opentype"),
    url("./fonts/themify-icons/fonts/themify.woff?-fvbane") format("woff"),
    url("./fonts/themify-icons/fonts/themify.ttf?-fvbane") format("truetype"),
    url("./fonts/themify-icons/fonts/themify.svg?-fvbane#themify") format("svg");
  font-weight: normal;
  font-style: normal;
}

textarea {
  resize: none;
}

.bauen-burger {
  display: none;
}

[class^="ti-"],
[class*=" ti-"] {
  font-family: "themify" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ti-wand:before {
  content: "\e600";
}
.ti-volume:before {
  content: "\e601";
}
.ti-user:before {
  content: "\e602";
}
.ti-unlock:before {
  content: "\e603";
}
.ti-unlink:before {
  content: "\e604";
}
.ti-trash:before {
  content: "\e605";
}
.ti-thought:before {
  content: "\e606";
}
.ti-target:before {
  content: "\e607";
}
.ti-tag:before {
  content: "\e608";
}
.ti-tablet:before {
  content: "\e609";
}
.ti-star:before {
  content: "\e60a";
}
.ti-spray:before {
  content: "\e60b";
}
.ti-signal:before {
  content: "\e60c";
}
.ti-shopping-cart:before {
  content: "\e60d";
}
.ti-shopping-cart-full:before {
  content: "\e60e";
}
.ti-settings:before {
  content: "\e60f";
}
.ti-search:before {
  content: "\e610";
}
.ti-zoom-in:before {
  content: "\e611";
}
.ti-zoom-out:before {
  content: "\e612";
}
.ti-cut:before {
  content: "\e613";
}
.ti-ruler:before {
  content: "\e614";
}
.ti-ruler-pencil:before {
  content: "\e615";
}
.ti-ruler-alt:before {
  content: "\e616";
}
.ti-bookmark:before {
  content: "\e617";
}
.ti-bookmark-alt:before {
  content: "\e618";
}
.ti-reload:before {
  content: "\e619";
}
.ti-plus:before {
  content: "\e61a";
}
.ti-pin:before {
  content: "\e61b";
}
.ti-pencil:before {
  content: "\e61c";
}
.ti-pencil-alt:before {
  content: "\e61d";
}
.ti-paint-roller:before {
  content: "\e61e";
}
.ti-paint-bucket:before {
  content: "\e61f";
}
.ti-na:before {
  content: "\e620";
}
.ti-mobile:before {
  content: "\e621";
}
.ti-minus:before {
  content: "\e622";
}
.ti-medall:before {
  content: "\e623";
}
.ti-medall-alt:before {
  content: "\e624";
}
.ti-marker:before {
  content: "\e625";
}
.ti-marker-alt:before {
  content: "\e626";
}
.ti-arrow-up:before {
  content: "\e627";
}
.ti-arrow-right:before {
  content: "\e628";
}
.ti-arrow-left:before {
  content: "\e629";
}
.ti-arrow-down:before {
  content: "\e62a";
}
.ti-lock:before {
  content: "\e62b";
}
.ti-location-arrow:before {
  content: "\e62c";
}
.ti-link:before {
  content: "\e62d";
}
.ti-layout:before {
  content: "\e62e";
}
.ti-layers:before {
  content: "\e62f";
}
.ti-layers-alt:before {
  content: "\e630";
}
.ti-key:before {
  content: "\e631";
}
.ti-import:before {
  content: "\e632";
}
.ti-image:before {
  content: "\e633";
}
.ti-heart:before {
  content: "\e634";
}
.ti-heart-broken:before {
  content: "\e635";
}
.ti-hand-stop:before {
  content: "\e636";
}
.ti-hand-open:before {
  content: "\e637";
}
.ti-hand-drag:before {
  content: "\e638";
}
.ti-folder:before {
  content: "\e639";
}
.ti-flag:before {
  content: "\e63a";
}
.ti-flag-alt:before {
  content: "\e63b";
}
.ti-flag-alt-2:before {
  content: "\e63c";
}
.ti-eye:before {
  content: "\e63d";
}
.ti-export:before {
  content: "\e63e";
}
.ti-exchange-vertical:before {
  content: "\e63f";
}
.ti-desktop:before {
  content: "\e640";
}
.ti-cup:before {
  content: "\e641";
}
.ti-crown:before {
  content: "\e642";
}
.ti-comments:before {
  content: "\e643";
}
.ti-comment:before {
  content: "\e644";
}
.ti-comment-alt:before {
  content: "\e645";
}
.ti-close:before {
  content: "\e646";
}
.ti-clip:before {
  content: "\e647";
}
.ti-angle-up:before {
  content: "\e648";
}
.ti-angle-right:before {
  content: "\e649";
}
.ti-angle-left:before {
  content: "\e64a";
}
.ti-angle-down:before {
  content: "\e64b";
}
.ti-check:before {
  content: "\e64c";
}
.ti-check-box:before {
  content: "\e64d";
}
.ti-camera:before {
  content: "\e64e";
}
.ti-announcement:before {
  content: "\e64f";
}
.ti-brush:before {
  content: "\e650";
}
.ti-briefcase:before {
  content: "\e651";
}
.ti-bolt:before {
  content: "\e652";
}
.ti-bolt-alt:before {
  content: "\e653";
}
.ti-blackboard:before {
  content: "\e654";
}
.ti-bag:before {
  content: "\e655";
}
.ti-move:before {
  content: "\e656";
}
.ti-arrows-vertical:before {
  content: "\e657";
}
.ti-arrows-horizontal:before {
  content: "\e658";
}
.ti-fullscreen:before {
  content: "\e659";
}
.ti-arrow-top-right:before {
  content: "\e65a";
}
.ti-arrow-top-left:before {
  content: "\e65b";
}
.ti-arrow-circle-up:before {
  content: "\e65c";
}
.ti-arrow-circle-right:before {
  content: "\e65d";
}
.ti-arrow-circle-left:before {
  content: "\e65e";
}
.ti-arrow-circle-down:before {
  content: "\e65f";
}
.ti-angle-double-up:before {
  content: "\e660";
}
.ti-angle-double-right:before {
  content: "\e661";
}
.ti-angle-double-left:before {
  content: "\e662";
}
.ti-angle-double-down:before {
  content: "\e663";
}
.ti-zip:before {
  content: "\e664";
}
.ti-world:before {
  content: "\e665";
}
.ti-wheelchair:before {
  content: "\e666";
}
.ti-view-list:before {
  content: "\e667";
}
.ti-view-list-alt:before {
  content: "\e668";
}
.ti-view-grid:before {
  content: "\e669";
}
.ti-uppercase:before {
  content: "\e66a";
}
.ti-upload:before {
  content: "\e66b";
}
.ti-underline:before {
  content: "\e66c";
}
.ti-truck:before {
  content: "\e66d";
}
.ti-timer:before {
  content: "\e66e";
}
.ti-ticket:before {
  content: "\e66f";
}
.ti-thumb-up:before {
  content: "\e670";
}
.ti-thumb-down:before {
  content: "\e671";
}
.ti-text:before {
  content: "\e672";
}
.ti-stats-up:before {
  content: "\e673";
}
.ti-stats-down:before {
  content: "\e674";
}
.ti-split-v:before {
  content: "\e675";
}
.ti-split-h:before {
  content: "\e676";
}
.ti-smallcap:before {
  content: "\e677";
}
.ti-shine:before {
  content: "\e678";
}
.ti-shift-right:before {
  content: "\e679";
}
.ti-shift-left:before {
  content: "\e67a";
}
.ti-shield:before {
  content: "\e67b";
}
.ti-notepad:before {
  content: "\e67c";
}
.ti-server:before {
  content: "\e67d";
}
.ti-quote-right:before {
  content: "\e67e";
}
.ti-quote-left:before {
  content: "\e67f";
}
.ti-pulse:before {
  content: "\e680";
}
.ti-printer:before {
  content: "\e681";
}
.ti-power-off:before {
  content: "\e682";
}
.ti-plug:before {
  content: "\e683";
}
.ti-pie-chart:before {
  content: "\e684";
}
.ti-paragraph:before {
  content: "\e685";
}
.ti-panel:before {
  content: "\e686";
}
.ti-package:before {
  content: "\e687";
}
.ti-music:before {
  content: "\e688";
}
.ti-music-alt:before {
  content: "\e689";
}
.ti-mouse:before {
  content: "\e68a";
}
.ti-mouse-alt:before {
  content: "\e68b";
}
.ti-money:before {
  content: "\e68c";
}
.ti-microphone:before {
  content: "\e68d";
}
.ti-menu:before {
  content: "\e68e";
}
.ti-menu-alt:before {
  content: "\e68f";
}
.ti-map:before {
  content: "\e690";
}
.ti-map-alt:before {
  content: "\e691";
}
.ti-loop:before {
  content: "\e692";
}
.ti-location-pin:before {
  content: "\e693";
}
.ti-list:before {
  content: "\e694";
}
.ti-light-bulb:before {
  content: "\e695";
}
.ti-Italic:before {
  content: "\e696";
}
.ti-info:before {
  content: "\e697";
}
.ti-infinite:before {
  content: "\e698";
}
.ti-id-badge:before {
  content: "\e699";
}
.ti-hummer:before {
  content: "\e69a";
}
.ti-home:before {
  content: "\e69b";
}
.ti-help:before {
  content: "\e69c";
}
.ti-headphone:before {
  content: "\e69d";
}
.ti-harddrives:before {
  content: "\e69e";
}
.ti-harddrive:before {
  content: "\e69f";
}
.ti-gift:before {
  content: "\e6a0";
}
.ti-game:before {
  content: "\e6a1";
}
.ti-filter:before {
  content: "\e6a2";
}
.ti-files:before {
  content: "\e6a3";
}
.ti-file:before {
  content: "\e6a4";
}
.ti-eraser:before {
  content: "\e6a5";
}
.ti-envelope:before {
  content: "\e6a6";
}
.ti-download:before {
  content: "\e6a7";
}
.ti-direction:before {
  content: "\e6a8";
}
.ti-direction-alt:before {
  content: "\e6a9";
}
.ti-dashboard:before {
  content: "\e6aa";
}
.ti-control-stop:before {
  content: "\e6ab";
}
.ti-control-shuffle:before {
  content: "\e6ac";
}
.ti-control-play:before {
  content: "\e6ad";
}
.ti-control-pause:before {
  content: "\e6ae";
}
.ti-control-forward:before {
  content: "\e6af";
}
.ti-control-backward:before {
  content: "\e6b0";
}
.ti-cloud:before {
  content: "\e6b1";
}
.ti-cloud-up:before {
  content: "\e6b2";
}
.ti-cloud-down:before {
  content: "\e6b3";
}
.ti-clipboard:before {
  content: "\e6b4";
}
.ti-car:before {
  content: "\e6b5";
}
.ti-calendar:before {
  content: "\e6b6";
}
.ti-book:before {
  content: "\e6b7";
}
.ti-bell:before {
  content: "\e6b8";
}
.ti-basketball:before {
  content: "\e6b9";
}
.ti-bar-chart:before {
  content: "\e6ba";
}
.ti-bar-chart-alt:before {
  content: "\e6bb";
}
.ti-back-right:before {
  content: "\e6bc";
}
.ti-back-left:before {
  content: "\e6bd";
}
.ti-arrows-corner:before {
  content: "\e6be";
}
.ti-archive:before {
  content: "\e6bf";
}
.ti-anchor:before {
  content: "\e6c0";
}
.ti-align-right:before {
  content: "\e6c1";
}
.ti-align-left:before {
  content: "\e6c2";
}
.ti-align-justify:before {
  content: "\e6c3";
}
.ti-align-center:before {
  content: "\e6c4";
}
.ti-alert:before {
  content: "\e6c5";
}
.ti-alarm-clock:before {
  content: "\e6c6";
}
.ti-agenda:before {
  content: "\e6c7";
}
.ti-write:before {
  content: "\e6c8";
}
.ti-window:before {
  content: "\e6c9";
}
.ti-widgetized:before {
  content: "\e6ca";
}
.ti-widget:before {
  content: "\e6cb";
}
.ti-widget-alt:before {
  content: "\e6cc";
}
.ti-wallet:before {
  content: "\e6cd";
}
.ti-video-clapper:before {
  content: "\e6ce";
}
.ti-video-camera:before {
  content: "\e6cf";
}
.ti-vector:before {
  content: "\e6d0";
}
.ti-themify-logo:before {
  content: "\e6d1";
}
.ti-themify-favicon:before {
  content: "\e6d2";
}
.ti-themify-favicon-alt:before {
  content: "\e6d3";
}
.ti-support:before {
  content: "\e6d4";
}
.ti-stamp:before {
  content: "\e6d5";
}
.ti-split-v-alt:before {
  content: "\e6d6";
}
.ti-slice:before {
  content: "\e6d7";
}
.ti-shortcode:before {
  content: "\e6d8";
}
.ti-shift-right-alt:before {
  content: "\e6d9";
}
.ti-shift-left-alt:before {
  content: "\e6da";
}
.ti-ruler-alt-2:before {
  content: "\e6db";
}
.ti-receipt:before {
  content: "\e6dc";
}
.ti-pin2:before {
  content: "\e6dd";
}
.ti-pin-alt:before {
  content: "\e6de";
}
.ti-pencil-alt2:before {
  content: "\e6df";
}
.ti-palette:before {
  content: "\e6e0";
}
.ti-more:before {
  content: "\e6e1";
}
.ti-more-alt:before {
  content: "\e6e2";
}
.ti-microphone-alt:before {
  content: "\e6e3";
}
.ti-magnet:before {
  content: "\e6e4";
}
.ti-line-double:before {
  content: "\e6e5";
}
.ti-line-dotted:before {
  content: "\e6e6";
}
.ti-line-dashed:before {
  content: "\e6e7";
}
.ti-layout-width-full:before {
  content: "\e6e8";
}
.ti-layout-width-default:before {
  content: "\e6e9";
}
.ti-layout-width-default-alt:before {
  content: "\e6ea";
}
.ti-layout-tab:before {
  content: "\e6eb";
}
.ti-layout-tab-window:before {
  content: "\e6ec";
}
.ti-layout-tab-v:before {
  content: "\e6ed";
}
.ti-layout-tab-min:before {
  content: "\e6ee";
}
.ti-layout-slider:before {
  content: "\e6ef";
}
.ti-layout-slider-alt:before {
  content: "\e6f0";
}
.ti-layout-sidebar-right:before {
  content: "\e6f1";
}
.ti-layout-sidebar-none:before {
  content: "\e6f2";
}
.ti-layout-sidebar-left:before {
  content: "\e6f3";
}
.ti-layout-placeholder:before {
  content: "\e6f4";
}
.ti-layout-menu:before {
  content: "\e6f5";
}
.ti-layout-menu-v:before {
  content: "\e6f6";
}
.ti-layout-menu-separated:before {
  content: "\e6f7";
}
.ti-layout-menu-full:before {
  content: "\e6f8";
}
.ti-layout-media-right-alt:before {
  content: "\e6f9";
}
.ti-layout-media-right:before {
  content: "\e6fa";
}
.ti-layout-media-overlay:before {
  content: "\e6fb";
}
.ti-layout-media-overlay-alt:before {
  content: "\e6fc";
}
.ti-layout-media-overlay-alt-2:before {
  content: "\e6fd";
}
.ti-layout-media-left-alt:before {
  content: "\e6fe";
}
.ti-layout-media-left:before {
  content: "\e6ff";
}
.ti-layout-media-center-alt:before {
  content: "\e700";
}
.ti-layout-media-center:before {
  content: "\e701";
}
.ti-layout-list-thumb:before {
  content: "\e702";
}
.ti-layout-list-thumb-alt:before {
  content: "\e703";
}
.ti-layout-list-post:before {
  content: "\e704";
}
.ti-layout-list-large-image:before {
  content: "\e705";
}
.ti-layout-line-solid:before {
  content: "\e706";
}
.ti-layout-grid4:before {
  content: "\e707";
}
.ti-layout-grid3:before {
  content: "\e708";
}
.ti-layout-grid2:before {
  content: "\e709";
}
.ti-layout-grid2-thumb:before {
  content: "\e70a";
}
.ti-layout-cta-right:before {
  content: "\e70b";
}
.ti-layout-cta-left:before {
  content: "\e70c";
}
.ti-layout-cta-center:before {
  content: "\e70d";
}
.ti-layout-cta-btn-right:before {
  content: "\e70e";
}
.ti-layout-cta-btn-left:before {
  content: "\e70f";
}
.ti-layout-column4:before {
  content: "\e710";
}
.ti-layout-column3:before {
  content: "\e711";
}
.ti-layout-column2:before {
  content: "\e712";
}
.ti-layout-accordion-separated:before {
  content: "\e713";
}
.ti-layout-accordion-merged:before {
  content: "\e714";
}
.ti-layout-accordion-list:before {
  content: "\e715";
}
.ti-ink-pen:before {
  content: "\e716";
}
.ti-info-alt:before {
  content: "\e717";
}
.ti-help-alt:before {
  content: "\e718";
}
.ti-headphone-alt:before {
  content: "\e719";
}
.ti-hand-point-up:before {
  content: "\e71a";
}
.ti-hand-point-right:before {
  content: "\e71b";
}
.ti-hand-point-left:before {
  content: "\e71c";
}
.ti-hand-point-down:before {
  content: "\e71d";
}
.ti-gallery:before {
  content: "\e71e";
}
.ti-face-smile:before {
  content: "\e71f";
}
.ti-face-sad:before {
  content: "\e720";
}
.ti-credit-card:before {
  content: "\e721";
}
.ti-control-skip-forward:before {
  content: "\e722";
}
.ti-control-skip-backward:before {
  content: "\e723";
}
.ti-control-record:before {
  content: "\e724";
}
.ti-control-eject:before {
  content: "\e725";
}
.ti-comments-smiley:before {
  content: "\e726";
}
.ti-brush-alt:before {
  content: "\e727";
}
.ti-youtube:before {
  content: "\e728";
}
.ti-vimeo:before {
  content: "\e729";
}
.ti-twitter:before {
  content: "\e72a";
}
.ti-time:before {
  content: "\e72b";
}
.ti-tumblr:before {
  content: "\e72c";
}
.ti-skype:before {
  content: "\e72d";
}
.ti-share:before {
  content: "\e72e";
}
.ti-share-alt:before {
  content: "\e72f";
}
.ti-rocket:before {
  content: "\e730";
}
.ti-pinterest:before {
  content: "\e731";
}
.ti-new-window:before {
  content: "\e732";
}
.ti-microsoft:before {
  content: "\e733";
}
.ti-list-ol:before {
  content: "\e734";
}
.ti-linkedin:before {
  content: "\e735";
}
.ti-layout-sidebar-2:before {
  content: "\e736";
}
.ti-layout-grid4-alt:before {
  content: "\e737";
}
.ti-layout-grid3-alt:before {
  content: "\e738";
}
.ti-layout-grid2-alt:before {
  content: "\e739";
}
.ti-layout-column4-alt:before {
  content: "\e73a";
}
.ti-layout-column3-alt:before {
  content: "\e73b";
}
.ti-layout-column2-alt:before {
  content: "\e73c";
}
.ti-instagram:before {
  content: "\e73d";
}
.ti-google:before {
  content: "\e73e";
}
.ti-github:before {
  content: "\e73f";
}
.ti-flickr:before {
  content: "\e740";
}
.ti-facebook:before {
  content: "\e741";
}
.ti-dropbox:before {
  content: "\e742";
}
.ti-dribbble:before {
  content: "\e743";
}
.ti-apple:before {
  content: "\e744";
}
.ti-android:before {
  content: "\e745";
}
.ti-save:before {
  content: "\e746";
}
.ti-save-alt:before {
  content: "\e747";
}
.ti-yahoo:before {
  content: "\e748";
}
.ti-wordpress:before {
  content: "\e749";
}
.ti-vimeo-alt:before {
  content: "\e74a";
}
.ti-twitter-alt:before {
  content: "\e74b";
}
.ti-tumblr-alt:before {
  content: "\e74c";
}
.ti-trello:before {
  content: "\e74d";
}
.ti-stack-overflow:before {
  content: "\e74e";
}
.ti-soundcloud:before {
  content: "\e74f";
}
.ti-sharethis:before {
  content: "\e750";
}
.ti-sharethis-alt:before {
  content: "\e751";
}
.ti-reddit:before {
  content: "\e752";
}
.ti-pinterest-alt:before {
  content: "\e753";
}
.ti-microsoft-alt:before {
  content: "\e754";
}
.ti-linux:before {
  content: "\e755";
}
.ti-jsfiddle:before {
  content: "\e756";
}
.ti-joomla:before {
  content: "\e757";
}
.ti-html5:before {
  content: "\e758";
}
.ti-flickr-alt:before {
  content: "\e759";
}
.ti-email:before {
  content: "\e75a";
}
.ti-drupal:before {
  content: "\e75b";
}
.ti-dropbox-alt:before {
  content: "\e75c";
}
.ti-css3:before {
  content: "\e75d";
}
.ti-rss:before {
  content: "\e75e";
}
.ti-rss-alt:before {
  content: "\e75f";
}

* {
  padding: 0;
  margin: 0;
}

body {
  font-weight: 400;
  color: #777;
  font-family: "Didact Gothic", Arial, sans-serif;
}

img {
  max-width: 100%;
  height: auto;
}

/* Home about us block*/

.about-bauen {
  position: relative;
  padding: 0px 0 60px;
  background: #ffffff;
  overflow: hidden;
}

.about-bauen__container {
  position: relative;
  z-index: 1;
  width: min(100%, 1270px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0px;
  align-items: center;
}

.about-bauen__container {
  padding: 0 15px;
}

.inner__page .about-bauen__container {
  padding: 0;
}

.about-bauen__title {
  margin: 0 0 32px;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #222222;
}

.about-bauen__title span {
  color: #b19777;
}

.about-bauen__content p {
  max-width: 530px;
  margin: 0 0 24px;
  font-family: "Didact Gothic", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.85;
  font-weight: 400;
  color: #777777;
}

.about-bauen__content p:last-child {
  margin-bottom: 0;
}

.about-bauen__media {
  position: relative;
  padding: 25px 0 20px 25px;
}

.about-bauen__media::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 82%;
  height: 82%;
  border: 1px solid #eeeeee;
  z-index: -1;
}

.about-bauen__media img {
  display: block;
  width: 100%;
  height: 365px;
  object-fit: cover;
}

.about-bauen__badge {
  position: absolute;
  right: 55px;
  bottom: 0;

  min-width: 185px;
  padding: 24px 34px;

  background: #f7f7f7;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 13px;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 0.45em;
  text-transform: uppercase;
  text-align: center;
  color: #777777;
}

.about-bauen__badge a {
  color: #777777;
  text-decoration: none;
  letter-spacing: 3px;
}

@media (max-width: 991px) {
  body .contact-form__container {
    width: min(100%, 400px);
  }
  .about-bauen__title {
    font-size: 32px;

    margin-bottom: 30px;
  }
  .about-bauen__content p {
    max-width: 100%;
  }

  .bauen-burger.active {
    display: block;
  }

  .about-bauen {
    padding: 60px 0 0;
  }

  .about-bauen__container {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .about-bauen__media {
    max-width: 640px;
    margin: 0 auto;
  }
}

@media (max-width: 575px) {
  .bauen-footer__bottom {
    height: 40px;
  }
  .image-gallery__hr {
    margin-top: -20px;
  }

  .about-bauen__title {
    font-size: 30px;
    letter-spacing: 0.18em;
  }

  .about-bauen__media {
    padding: 20px 0 40px 20px;
  }

  .about-bauen__media img {
    height: 280px;
  }

  .about-bauen__badge {
    right: 20px;
    min-width: 160px;
    padding: 20px 24px;
    font-size: 11px;
  }
}

/* OUR SERVICES */

.services-bauen {
  position: relative;
  padding: 0px 0 120px;
  background: #ffffff;
  overflow: hidden;
}

.services-bauen__container {
  position: relative;
  z-index: 1;
  width: min(100%, 1270px);
  margin: 0 auto;
}

.services-bauen__title {
  margin: 0 0 50px;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #222222;
}

.services-bauen__title span {
  color: #b19777;
}

.services-bauen__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.services-bauen__card {
  position: relative;
  min-height: 240px;
  padding: 0 0 10px 0;
}

.services-bauen__icon {
  /* width: 52px;
  height: 52px; */
  margin-bottom: 28px;
}

.services-bauen__icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: 400px;
}

.services-bauen__card h3 {
  margin: 0 0 25px;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 300;
  letter-spacing: 0.36em;
  text-transform: uppercase;
  color: #222222;
}

.services-bauen__card p {
  max-width: 280px;
  margin: 0;
  font-family: "Didact Gothic", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.8;
  color: #777777;
}

.services-bauen__number {
  position: absolute;
  right: 10px;
  bottom: 12px;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 42px;
  line-height: 1;
  font-weight: 300;
  color: transparent;
  -webkit-text-stroke: 1px #eeeeee;
  text-stroke: 1px #eeeeee;
}

@media (max-width: 991px) {
  .services-bauen {
    padding: 20px 0;
  }

  .services-bauen__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
  }

  .services-bauen__title {
    margin-bottom: 55px;
    font-size: 32px;
    margin-bottom: 30px;
  }
}

@media (max-width: 575px) {
  .services-bauen__title {
    font-size: 30px;
    letter-spacing: 0.18em;
  }

  .services-bauen__card h3 {
    letter-spacing: 0.25em;
  }

  .services-bauen__grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px;
  }
}

/* Contact Us Page Block */

.contact-block {
  position: relative;
  background: #fff;
  padding: 0 0 70px;
  font-family: "Didact Gothic", Arial, sans-serif;
}

.contact-block__inner {
  width: min(100%, 1270px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 60px;
  position: relative;
  z-index: 1;
}

/* TITLE */
.contact-block__title {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 42px;
  letter-spacing: 6px;
  margin-bottom: 40px;
  color: #222;
  letter-spacing: 0.28em;
  line-height: 1.2;
}

.contact-block__title span {
  color: #b19777;
}

/* SUBTITLE */
.contact-block__subtitle {
  font-size: 18px;
  margin-bottom: 25px;
  color: #b19777;
}

/* TEXT */
.contact-block__text {
  color: #777;
  line-height: 1.8;
  margin-bottom: 30px;
}

/* VAT */
.contact-block__vat span {
  color: #b19777;
}

/* CENTER TEXT */
.contact-block__col p {
  color: #777;
  margin-bottom: 18px;
}

.contact-block__col p span,
.contact-block__col p a {
  color: #777;
  text-decoration: none;
}

.contact-block__col p a {
  border-bottom: 1px solid #e5e5e5;
}

/* FORM */
.contact-form input,
.contact-form textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid #e5e5e5;
  padding: 12px 0;
  margin-bottom: 25px;
  font-size: 14px;
  outline: none;
  background: transparent;
  font-family: "Didact Gothic", Arial, sans-serif;
}

.contact-form textarea {
  resize: none;
  height: 80px;
}

/* BUTTON */
.contact-form button,
.contact-form input[type="submit"],
.button {
  background: #b19777;
  color: #fff;
  border: none;
  padding: 14px 40px;
  letter-spacing: 3px;
  cursor: pointer;
  transition: 0.3s;
  text-decoration: none;
  font-family: "Oswald", Arial, sans-serif;
  width: auto;
  text-transform: uppercase;
}

.contact-form p {
  margin-bottom: 0;
}

.contact-form button:hover,
.button:hover {
  background: #222;
}

.view-all__services {
  text-align: center;
  margin-top: 50px;
}

/* MOBILE */
@media (max-width: 991px) {
  .contact-form button {
    margin: 0 auto;
    display: block;
  }
  .contact-block {
    padding: 20px 0;
  }
  .contact-block__inner {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .contact-block__title {
    font-size: 32px;
    margin-bottom: 30px;
  }
}

/* FOOTER */

.bauen-footer {
  position: relative;
  background: #ffffff;
  font-family: "Didact Gothic", Arial, sans-serif;
  color: #777777;
  overflow: hidden;
}

.bauen-footer-off::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(
    90deg,
    transparent 0,
    transparent calc(25% - 1px),
    #eeeeee calc(25% - 1px),
    #eeeeee 25%,
    transparent 25%,
    transparent calc(50% - 1px),
    #eeeeee calc(50% - 1px),
    #eeeeee 50%,
    transparent 50%,
    transparent calc(75% - 1px),
    #eeeeee calc(75% - 1px),
    #eeeeee 75%,
    transparent 75%
  );
  opacity: 0.7;
  pointer-events: none;
}

.bauen-footer__partners,
.bauen-footer__info,
.bauen-footer__bottom {
  position: relative;
  z-index: 1;
  width: min(100%, 1270px);
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.bauen-footer__partners {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 54px;
  background: #f7f7f7;
}

.bauen-footer__partner {
  font-family: "Oswald", Arial, sans-serif;
  font-size: 26px;
  line-height: 1;
  color: #b19777;
  text-decoration: none;
  opacity: 0.9;
}

.bauen-footer__partner img {
  max-width: 100px;
}

.bauen-footer__info {
  min-height: 135px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.bauen-footer__col {
  padding: 30px 18px;
  text-align: center;
}

.bauen-footer__label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.4;
  color: #b19777;
}

.bauen-footer__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: #777777;
  text-decoration: none;
}

a.bauen-footer__text:hover,
.bauen-footer__terms:hover {
  color: #b19777;
}

.bauen-footer__text a {
  color: #777;
  border-bottom: 1px solid #e5e5e5;
  text-decoration: none;
}

.bauen-footer__bottom {
  min-height: 95px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}

.bauen-footer__copyright {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
}

.bauen-footer__social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.bauen-footer__social a {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  text-decoration: none;
  color: #777777;
  transition:
    color 0.25s ease,
    background-color 0.25s ease;
}

.bauen-footer__social a:hover {
  background: #b19777;
  color: #ffffff;
}

.bauen-footer__terms {
  justify-self: end;
  font-size: 14px;
  line-height: 1.6;
  color: #777777;
  text-decoration: none;
}

.bauen-footer__top {
  position: absolute;
  right: 30px;
  bottom: 28px;
  z-index: 2;
  width: 32px;
  height: 32px;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  background: #ffffff;
  color: #b19777;
  cursor: pointer;
}

/* mobile */
@media (max-width: 991px) {
  .bauen-footer__bottom > .bauen-footer__copyright {
    display: none;
  }

  .bauen-footer__social {
    display: block;
  }

  .bauen-footer__partners {
    gap: 32px;
  }

  .bauen-footer__info {
    grid-template-columns: 1fr;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .bauen-footer__col {
    padding: 18px 15px;
    text-align: center;
  }

  .bauen-footer__bottom {
    grid-template-columns: 1fr;
    gap: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
  }

  .bauen-footer__terms {
    justify-self: center;
  }

  .bauen-footer__top {
    right: 18px;
    bottom: 18px;
  }
}

@media (max-width: 575px) {
  .bauen-footer__partners {
    height: auto;
    padding-top: 28px;
    padding-bottom: 28px;
    flex-wrap: wrap;
    gap: 24px;
  }

  .bauen-footer__partner {
    font-size: 22px;
  }

  .bauen-footer__text,
  .bauen-footer__copyright,
  .bauen-footer__terms {
    font-size: 13px;
  }
}

/* HEADER */
.bauen-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  height: 150px;
  font-family: "Oswald", Arial, sans-serif;
}

.logo-white {
  display: block;
}

.logo {
  display: none;
}

.inner-header .logo-white {
  display: none;
}

.inner-header .logo {
  display: block;
}

.bauen-header.is-scrolled .logo-white {
  display: none;
}

.bauen-header.is-scrolled .logo {
  display: block;
}

.bauen-header__logo {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  width: 250px;
  height: 120px;
  background: rgba(255, 255, 255, 0.7);

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  text-decoration: none;
  color: #b19777;
}

.bauen-header__logo--home {
  background: none;

  /* background: rgba(255, 255, 255, 0.9); */
}

.bauen-header__logo-icon {
  font-size: 36px;
  line-height: 1;
  margin-bottom: 0px;
}

.bauen-header__logo-icon img {
  width: 100%;
}

.bauen-header__logo-title {
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.34em;
  text-transform: uppercase;
  margin-left: 8px;
}

.bauen-header__logo-subtitle {
  margin-top: 10px;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: #777;
}

.bauen-header__nav {
  position: absolute;
  top: 16px;
  right: 150px;
}

.bauen-header__menu .nav-color {
  color: #272727;
}

.bauen-header__menu {
  display: flex;
  align-items: center;
  gap: 28px;

  margin: 0;
  padding: 0;
  list-style: none;
}

.bauen-header__menu li {
  position: relative;
}

.bauen-header__menu li .hero-btn {
  padding: 13px 28px;
  background: #b89b75;
  border-color: #b89b73;
  color: #272727 !important;
}

.bauen-header__menu li .hero-btn:hover,
.hero-content .hero-btn:hover {
  background: #b19777;
}

.bauen-header__menu a,
.bauen-header__menu button {
  border: 0;
  background: transparent;
  padding: 0;

  font-family: "Oswald", Arial, sans-serif;
  font-size: 13px;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: #222;
  text-decoration: none;
  cursor: pointer;
}

.bauen-header__menu a.is-active,
.bauen-header__menu button:hover,
.bauen-header__menu a:hover {
  color: #b19777;
}

.bauen-header__menu button span {
  margin-left: 4px;
  letter-spacing: 0;
  content: "\e64b";
}

.bauen-header__dropdown {
  position: absolute;
  top: 38px;
  left: 50%;
  transform: translateX(-50%);

  width: 305px;
  background: #fff;
  padding: 25px 18px;
  box-shadow: 0 10px 45px rgba(0, 0, 0, 0.04);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.25s ease,
    visibility 0.25s ease;
}

.bauen-header__dropdown {
}

.bauen-header__item.is-open .bauen-header__dropdown,
.bauen-header__item:hover .bauen-header__dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.bauen-header__dropdown a {
  display: block;
  padding: 14px 16px;

  font-family: "Didact Gothic", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  color: #222;
  border-bottom: 1px solid #f0f0f0;
}

.bauen-header__dropdown a:last-child {
  border-bottom: 0;
}

.bauen-page-hero {
  position: relative;
  height: 180px;
  overflow: hidden;
  background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.8) 100%,
    rgba(255, 255, 255, 0.5) 100%
  );
}

.bauen-page-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.8) 100%,
    rgba(255, 255, 255, 0.5) 100%
  );
}

.bauen-page-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  filter: grayscale(10%);
  opacity: 0.55;
}

@media (max-width: 1300px) {
  body .logo-white {
    display: none !important;
  }

  body .logo {
    display: block !important;
  }

  .bauen-header {
    height: 90px;

    background: rgba(255, 255, 255, 0.7);
  }

  .bauen-header__logo {
    padding-right: 15px;
    padding-left: 15px;
    width: 200px;
    height: 114px;
    background: none !important;
  }

  .bauen-header__logo-icon {
    font-size: 24px;
  }

  .bauen-header__logo-title {
    font-size: 18px;
  }

  .bauen-header__logo-subtitle {
    font-size: 8px;
  }

  .bauen-header__nav {
    display: none;
  }

  .bauen-page-hero {
    height: 100px;
  }
}

@media (max-width: 640px) {
  .about-bauen {
    padding: 20px 0;
  }

  .bauen-page-hero {
    height: 70px;
  }
}

/* GALLERY */

.faq {
  position: relative;
  padding: 0 0 70px;
  font-family: "Didact Gothic", Arial;
}

/* линии */
.faq::before {
  content: "";
  position: absolute;
  inset: 0;
}

.faq__inner {
  width: min(100%, 1270px);
  margin: 0 auto;

  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.faq__title {
  font-family: "Oswald";
  font-size: 42px;
  letter-spacing: 6px;
  color: #b19777;
  margin-bottom: 50px;
  font-weight: 400;
  letter-spacing: 0.28em;
  line-height: 1.2;
}

.faq__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

.faq__item {
  background: #f7f7f7;
  margin-bottom: 15px;
}

.faq__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: uppercase;
  padding: 18px 20px;
  cursor: pointer;
  font-size: 14px;
  color: #555;
}

.faq__icon {
  color: #b19777;
  font-size: 16px;
}

.faq__body {
  display: none;
  padding: 20px;
  color: #777;
  font-size: 14px;
  line-height: 1.7;
}

.faq__body ul {
  margin-left: 15px;
}

.faq__item.is-open .faq__body {
  display: block;
}

@media (max-width: 1200px) {
  .faq__title {
    font-size: 30px;
    margin-bottom: 30px;
  }

  .faq__grid {
    display: block;
  }
}

/* GALLERY */
.image-gallery {
  position: relative;
  padding: 0 0 70px;
  background: #fff;
  font-family: "Didact Gothic", Arial, sans-serif;
}

.image-gallery__inner {
  position: relative;
  z-index: 1;
  width: min(100%, 1270px);
  margin: 0 auto;
}

.image-gallery__title {
  margin: 0 0 50px;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #222;
}

.image-gallery__title span {
  color: #b19777;
}

.image-gallery__text {
  max-width: 1050px;
  margin: 0 0 36px;
  font-size: 16px;
  line-height: 1.8;
  color: #777;
}

.image-gallery__grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}

.image-gallery__item {
  position: relative;
  display: block;
  overflow: hidden;
  height: 210px;
  background: #eee;
  cursor: pointer;
}

.image-gallery__item--wide {
  grid-column: span 3;
  height: 330px;
}

.image-gallery__item:not(.image-gallery__item--wide) {
  grid-column: span 2;
}

.image-gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    transform 0.6s ease,
    opacity 0.35s ease;
}

.image-gallery__item::after {
  content: "+";
  position: absolute;
  inset: 0;
  background: rgba(17, 17, 17, 0.35);
  color: #fff;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  transition: opacity 0.35s ease;
}

.image-gallery__item:hover img {
  transform: scale(1.06);
}

.image-gallery__item:hover::after {
  opacity: 1;
}

/* lightbox */
.gallery-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(12, 12, 12, 0.92);

  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
}

.gallery-lightbox.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.gallery-lightbox__content {
  position: relative;
  max-width: 86vw;
  max-height: 86vh;
}

.gallery-lightbox__image {
  display: block;
  max-width: 86vw;
  max-height: 82vh;
  object-fit: contain;
  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.45);
}

.gallery-lightbox__counter {
  margin-top: 14px;
  text-align: center;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 0.25em;
  color: #b19777;
}

.gallery-lightbox__close {
  position: absolute;
  top: 28px;
  right: 34px;
  z-index: 2;

  border: 0;
  background: transparent;
  color: #fff;
  font-size: 42px;
  line-height: 1;
  cursor: pointer;
}

.gallery-lightbox__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;

  width: 52px;
  height: 52px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  background: transparent;
  color: #fff;
  font-size: 42px;
  line-height: 1;
  cursor: pointer;
}

.gallery-lightbox__arrow--prev {
  left: 34px;
}

.gallery-lightbox__arrow--next {
  right: 34px;
}

.gallery-lightbox__arrow {
  font-size: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);

  width: 40px;
  height: 40px;

  background: transparent;
  border: none;
  cursor: pointer;

  opacity: 0.6;
  transition: opacity 0.3s ease;
}

.gallery-lightbox__arrow:hover {
  opacity: 1;
}

/* рисуем стрелки линиями */
.gallery-lightbox__arrow::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;

  border-top: 1.5px solid #fff;
  border-right: 1.5px solid #fff;
}

/* левая */
.gallery-lightbox__arrow--prev {
  left: 40px;
}

.gallery-lightbox__arrow--prev::before {
  transform: rotate(-135deg);
  margin-left: 10px;
}

/* правая */
.gallery-lightbox__arrow--next {
  right: 40px;
}

.gallery-lightbox__arrow--next::before {
  transform: rotate(45deg);
  margin-left: 6px;
}

.gallery-lightbox__close {
  position: absolute;
  top: 30px;
  right: 40px;

  width: 26px;
  height: 26px;

  background: transparent;
  border: none;
  cursor: pointer;

  opacity: 0.6;
  transition: opacity 0.3s ease;
}

.gallery-lightbox__close:hover {
  opacity: 1;
}

/* рисуем X */
.gallery-lightbox__close::before,
.gallery-lightbox__close::after {
  content: "";
  position: absolute;
  top: 0;
  left: 12px;

  width: 1.5px;
  height: 26px;
  background: #fff;
}

.gallery-lightbox__close {
  font-size: 0;
}

.gallery-lightbox__close::before {
  transform: rotate(45deg);
}

.gallery-lightbox__close::after {
  transform: rotate(-45deg);
}

.gallery-lightbox__image {
  box-shadow: 0 40px 120px rgba(0, 0, 0, 0.6);
}

.gallery-lightbox {
  background: rgba(20, 20, 20, 0.92);
}

@media (max-width: 991px) {
  .bauen-footer__bottom {
    min-height: 60px;
  }

  .image-gallery__title {
    font-size: 32px;
    margin-bottom: 30px;
  }

  .faq {
    padding: 20px 0;
  }
  .image-gallery {
    padding: 20px 0;
  }

  .image-gallery__grid {
    /* grid-template-columns: repeat(2, 1fr); */
  }

  .image-gallery__item,
  .image-gallery__item--wide,
  .image-gallery__item:not(.image-gallery__item--wide) {
    /* grid-column: span 1; */
    height: 230px;
  }
}

@media (max-width: 575px) {
  .image-gallery__title {
    font-size: 30px;
    letter-spacing: 0.22em;
  }

  .image-gallery__grid {
    /* grid-template-columns: 1fr; */
    gap: 0;
  }

  .image-gallery__item {
    grid-column: 1 / -1 !important;
    margin-bottom: 20px;
  }

  .gallery-lightbox__arrow {
    width: 42px;
    height: 42px;
    font-size: 34px;
  }

  .gallery-lightbox__arrow--prev {
    left: 14px;
  }

  .gallery-lightbox__arrow--next {
    right: 14px;
  }

  .gallery-lightbox__close {
    top: 18px;
    right: 20px;
  }
}

/* PROCCESS */

.work-process {
  position: relative;
  padding: 45px 0 60px;
  background: #fff;
  font-family: "Didact Gothic", Arial, sans-serif;
  overflow: hidden;
}

.work-process-off::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(
    90deg,
    transparent 0,
    transparent calc(25% - 1px),
    #eeeeee calc(25% - 1px),
    #eeeeee 25%,
    transparent 25%,
    transparent calc(50% - 1px),
    #eeeeee calc(50% - 1px),
    #eeeeee 50%,
    transparent 50%,
    transparent calc(75% - 1px),
    #eeeeee calc(75% - 1px),
    #eeeeee 75%,
    transparent 75%
  );
  pointer-events: none;
}

.work-process__inner {
  position: relative;
  z-index: 1;
  width: min(100%, 1270px);
  margin: 0 auto;
  padding: 0 15px;
}

.work-process__title {
  margin: 0 0 82px;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 36px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: #222;
}

.work-process__title span {
  color: #b19777;
}

.work-process__steps {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  align-items: start;
}

.work-process__steps::before {
  content: "";
  position: absolute;
  left: 110px;
  right: 110px;
  top: -70px;
  height: 85px;
  background: radial-gradient(circle, #e7e1da 1px, transparent 1.5px) 0 0 / 10px
    10px;
  opacity: 0.6;
  clip-path: path(
    "M 0 45 C 120 -20 220 100 340 45 S 560 -20 690 45 S 900 100 1040 35"
  );
  pointer-events: none;
}

.work-process__card {
  position: relative;
  min-height: 300px;
  padding: 0;
  background: #f7f7f7;
  border-radius: 8px;
}

.work-process__wrapper {
  padding: 32px 30px 38px;
}

.work-process__card--down {
  margin-top: 52px;
}

.work-process__icon {
  position: absolute;
  top: -88px;
  left: 50%;
  transform: translateX(-50%);

  width: 82px;
  height: 82px;
  border: 1px dashed #e7e1da;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Oswald", Arial, sans-serif;
  font-size: 30px;
  color: #b19777;
  background: #fff;
}

.work-process__card h3 {
  margin: 0;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 300;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: #222;
}

.work-process__line {
  display: block;
  width: 52px;
  height: 1px;
  margin: 18px 0 28px;
  background: #dedede;
}

.work-process__card p {
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: #777;
}

.work-process__num {
  position: absolute;
  right: 24px;
  bottom: 24px;

  font-family: "Oswald", Arial, sans-serif;
  font-size: 42px;
  line-height: 1;
  font-weight: 300;
  color: transparent;
  -webkit-text-stroke: 1px #e2e2e2;
  text-stroke: 1px #e2e2e2;
}

@media (max-width: 991px) {
  .work-process__steps {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 24px;
    align-items: normal;
  }

  .work-process__card--down {
    margin-top: 0;
  }

  .work-process__steps::before {
    display: none;
  }
}

@media (max-width: 575px) {
  .work-process__images {
    max-height: 250px;
    width: 100%;
    object-fit: cover;
  }
  .work-process {
    padding: 50px 0;
  }

  .work-process__title {
    font-size: 32px;
    letter-spacing: 0.2em;
    margin-bottom: 60px;
  }

  .work-process__steps {
    grid-template-columns: 1fr;
  }
}

.services-list {
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1.5;
  list-style: disc;
  padding-left: 16px;
  font-family: "Didact Gothic", Arial, sans-serif;
  color: #777777;
}

.services-list li {
  margin-bottom: 3px;
}

/* PROJECTS */

.projects {
  padding: 0px 0 60px;
  z-index: 10;
  position: relative;
}

.projects__container {
  width: 1270px;
  max-width: calc(100%);
  margin: 0 auto;
}

.projects__title {
  font-size: 36px;
  letter-spacing: 12px;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-family: "Oswald", Arial, sans-serif;
  font-weight: 400;
  padding: 0 15px;
}

.projects__title span {
  color: #b19777;
}

.projects__carousel {
  overflow: hidden;
}

.projects__track {
  display: flex;
  transition: transform 0.7s ease;
}

.projects__slide {
  flex: 0 0 50%;
  padding: 0 15px;
}

.project-card {
  position: relative;
  height: 350px;
  overflow: hidden;
}

.project-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s;
}

.project-card__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  transition: 0.5s;
}

.project-card__content {
  position: absolute;
  bottom: 30px;
  width: 100%;
  text-align: center;
  color: #fff;
}

.project-card__category {
  letter-spacing: 5px;
  text-transform: uppercase;
  font-size: 12px;
  color: #b19777;
  margin-bottom: 7px;
}

.project-card h3 {
  font-size: 20px;
  font-family: "Oswald", sans-serif;
  font-weight: 300;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.project-card:hover img {
  transform: scale(1.1);
}

.project-card:hover .project-card__overlay {
  background: rgba(0, 0, 0, 0.6);
}

.projects__dots {
  text-align: center;
  margin-top: 30px;
}

.projects__dot {
  width: 8px;
  height: 8px;
  border: 1px solid #b19777;
  border-radius: 50%;
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
}

.projects__dot.active {
  background: #b19777;
}

@media (max-width: 991px) {
  .projects__slide {
    flex: 0 0 100%;
  }
}

/* CONTAINER GRID */
.content-lines-wrapper {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.content-lines-inner {
  position: absolute;
  width: 1270px;
  left: 50%;
  margin-left: -635px;
  top: 0;
  height: 100%;
  border-left: 1px solid #f4f4f4;
  border-right: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  z-index: 1;
}

.content-lines {
  position: absolute;
  left: 33.666666%;
  right: 33.666666%;
  height: 100%;
  border-left: 1px solid #f4f4f4;
  border-right: 1px solid #f4f4f4;
}

.content-wrapper {
  position: relative;
}

@media (max-width: 991px) {
  .content-lines-wrapper {
    display: none;
  }
}

/* SERVICES Home */

.services-section {
  position: relative;
  padding: 50px 0 40px;
  background: #fff;
  overflow: hidden;
}

.services-container {
  position: relative;
  z-index: 2;
  width: 1270px;
  padding: 0 15px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
}

.section-title {
  margin: 0 0 105px;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 42px;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 15px;
  color: #222;
}

.section-title span {
  color: #b19777;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 95px;
}

.service-card {
  position: relative;
  min-height: 245px;
  padding: 0 35px 35px 0;
}

.service-card__icon {
  height: 48px;
  margin-bottom: 32px;
}

.service-card__icon img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  opacity: 0.8;
}

.service-card h3 {
  margin: 0;
  font-family: "Didact Gothic", Arial, sans-serif;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 5px;
  color: #777;
}

.service-card__line {
  width: 48px;
  height: 1px;
  background: #eee;
  margin: 22px 0 26px;
}

.service-card p {
  margin: 0;
  max-width: 285px;
  font-family: "Didact Gothic", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.85;
  color: #777;
}

.service-card__number {
  position: absolute;
  right: 0;
  bottom: 22px;
  font-family: "Didact Gothic", Arial, sans-serif;
  font-size: 42px;
  line-height: 1;
  font-weight: 400;
  color: transparent;
  -webkit-text-stroke: 1px #eeeeee;
  text-stroke: 1px #eeeeee;
}

/* adaptive */
@media (max-width: 991px) {
  .services-section {
    padding: 50px 0;
  }

  .services-section::before {
    background-size: 50% 100%;
  }

  .section-title {
    margin-bottom: 70px;
    font-size: 32px;
    letter-spacing: 10px;
  }

  .services-grid {
    grid-template-columns: 1fr;
    row-gap: 35px;
    text-align: center;
  }

  .service-card {
    padding-right: 0;
    padding-bottom: 0;
  }

  .service-card__number {
    right: 10px;
  }

  .services-container {
    max-width: 100%;
  }
}

@media (max-width: 575px) {
  body .contact-form__container {
    width: min(100%, 360px);
  }

  .section-title {
    font-size: 28px;
    letter-spacing: 7px;
  }

  .service-card h3 {
    font-size: 15px;
    letter-spacing: 6px;
  }

  .service-card p {
    max-width: 100%;
  }
}

/* ICONS AWARES */

img {
  max-width: 100%;
}

.icons {
  background: #f4f4f4;
  padding: 40px 0;
  position: relative;
  z-index: 1;
}

.icons__container {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.icons__item {
  width: 240px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icons__item img {
  max-width: 80px;
  height: auto;
  opacity: 0.9;
}

@media (max-width: 991px) {
  .service-card__line {
    margin-left: auto;
    margin-right: auto;
  }
  .service-card p {
    margin: 0 auto;
  }
  .icons__item:last-child {
    margin-bottom: 0;
  }
  .icons__item {
    justify-content: left;
  }

  .icons__container {
    display: block;
  }

  .icons {
    padding: 30px 10px;
  }

  .icons__item {
    margin: 0;
    margin-bottom: 18px;
  }

  .icons__item img {
    max-width: 65px;
  }
}

/* MAIN */

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border: 1px solid #b19777;
}

.wpcf7 form.sent .wpcf7-response-output {
  border: 1px solid #46b450;
}

.gallery-lightbox__content .contact-form__home {
  padding: 50px 0 30px;
}

.wpcf7-not-valid-tip {
  padding: 5px 0;
  text-align: left;
  color: #dc3232 !important;
  margin-top: -10px;
  margin-bottom: 10px;
}

.wpcf7 form.sent .wpcf7-response-output {
  text-align: center;
}

.wpcf7 form .wpcf7-response-output {
  margin-top: 1em;
  margin-left: 0;
}

form.submitting .wpcf7-spinner {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: block;
}

.contact-form__home {
  cursor: pointer;
  margin-top: 100px;
  margin-bottom: 100px;
  text-align: center;
  background: #fff;
  position: relative;
  z-index: 10;
}

.contact-form__container {
  position: relative;
  z-index: 1;
  width: min(100%, 470px);
  margin: 0 auto;
  padding: 0 15px;
}

.contact-form__home-title {
  color: #777;
  font-size: 16px;
}

.about-bauen__home {
  padding-top: 60px;
}

.contact-form__home-submit {
  margin-top: 20px;
}

.contact-form__home-submit p {
  margin: 0 auto;
}

.contact-form__home input[type="submit"] {
  display: flex;
  margin: 0 auto;
}

.image-gallery__hr {
  grid-column: span 6;
}

.fade-line {
  width: 80%;
  height: 1px;
  margin: 30px auto;

  background: linear-gradient(
    90deg,
    transparent 0%,
    #b19777 20%,
    #b19777 80%,
    transparent 100%
  );
}

.google-maps__mobile {
  display: none;
}

.google-maps {
  text-align: center;
  margin: 50px auto 0;
  display: block;
}

.licence__item {
  text-transform: uppercase;
  margin: 0;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 300;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: #222;
  margin-left: 20px;
}

.licence__item-subtitle {
  font-size: 15px;
  line-height: 1.75;
  color: #777;
  text-transform: none;
  font-family: "Didact Gothic", Arial, sans-serif;
  letter-spacing: 1px;
}

.bauen-header__menu .active-link {
  border-bottom: 1px solid #b19777;
  padding-bottom: 3px;
}

.bauen-mobile-menu .active-link {
  border-bottom: 1px solid #b19777;
  padding-bottom: 30px;
}

* {
  box-sizing: border-box;
}

.hero-slider {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #111;
}

.hero-slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  visibility: hidden;
  /* transform: scale(1.04); */
  transition:
    opacity 1s ease,
    visibility 1s ease,
    transform 5s ease;
}

.hero-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.48);
  z-index: 1;
}

.hero-slide.is-active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  z-index: 2;
}

.hero-sidebar {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 143px;
  height: 100%;
  background: #fff;
  z-index: 20;
}

.hero-logo {
  height: 115px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #b89b75;
  text-align: center;
}

.hero-logo__icon {
  font-size: 28px;
  line-height: 1;
  margin-bottom: 8px;
}

.hero-logo__title {
  font-size: 22px;
  letter-spacing: 10px;
  padding-left: 10px;
}

.hero-logo__sub {
  margin-top: 6px;
  font-size: 8px;
  letter-spacing: 3px;
  color: #555;
}

.hero-socials {
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  gap: 12px;
}

.hero-socials a {
  width: 24px;
  height: 24px;
  border: 1px solid #eee;
  border-radius: 50%;
  color: #999;
  font-size: 11px;
  text-decoration: none;
  display: grid;
  place-items: center;
}

.hero-nav {
  position: absolute;
  top: 42px;
  right: 125px;
  z-index: 25;
}

.hero-nav nav {
  display: flex;
  gap: 26px;
}

.hero-nav a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 5px;
  opacity: 0.85;
}

.hero-nav a.active,
.hero-nav a:hover {
  color: #b89b75;
}

.hero-content {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 63%;
  transform: translate(-50%, -40%);
  text-align: center;
  color: #fff;
  width: 600px;
  max-width: 90%;
  text-align: right;
}

.hero-content h1,
.hero-content p,
.hero-content .hero-btn {
  /* opacity: 0;
  transform: translateY(45px); */
}

.hero-slide.is-active .hero-content h1 {
  /* animation: heroUp 0.9s ease forwards 0.25s; */
}

.hero-slide.is-active .hero-content p {
  /* animation: heroUp 0.9s ease forwards 0.55s; */
}

.hero-slide.is-active .hero-content .hero-btn {
  /* animation: heroUp 0.9s ease forwards 0.85s; */
}

.hero-content .hero-btn {
  font-family: "Oswald", sans-serif;
}

.hero-content h1 {
  margin: 0 0 22px;
  font-size: 34px;
  line-height: 1.35;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 16px;
  font-family: "Oswald", sans-serif;
  margin-right: -17px;
}

.hero-content p {
  margin: 0 0 25px;
  font-size: 16px;
  font-family: "Didact Gothic", sans-serif;
  line-height: 1.8;
}

.hero-btn {
  display: inline-block;
  padding: 13px 28px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 4px;
  transition: 0.3s ease;
}

.hero-btn:hover,
.hero-btn--active {
  background: #b89b75;
  border-color: #b89b75;
}

.hero-arrows {
  position: absolute;
  z-index: 30;
  left: 200px;
  bottom: 38px;
  display: flex;
  gap: 8px;
}

.hero-arrows button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.45);
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  line-height: 1;
}

.hero-arrows button:hover {
  background: #b89b75;
  border-color: #b89b75;
}

.corner {
  position: absolute;
  z-index: 25;
  width: 55px;
  height: 55px;
  pointer-events: none;
}

.corner-top-right {
  top: 40px;
  right: 38px;
  border-top: 1px solid rgba(255, 255, 255, 0.35);
  border-right: 1px solid rgba(255, 255, 255, 0.35);
}

.corner-bottom-right {
  right: 38px;
  bottom: 38px;
  border-right: 1px solid rgba(255, 255, 255, 0.35);
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}

/* MENU */

.bauen-mobile-menu {
  display: none;
}

body.no-scroll {
  overflow: hidden;
}

.bauen-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 115px;
  z-index: 999;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  transition: all 0.35s ease;
}

.bauen-header__nav {
  padding-top: 15px;
  padding-right: 95px;
  transition: all 0.35s ease;
}

.bauen-header__menu {
  display: flex;
  gap: 28px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

.bauen-header__menu a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 5px;
  color: #fff;
  transition: color 0.3s ease;
}

.bauen-header__menu a:hover,
.bauen-header__menu a.is-active {
  color: #b19777;
}

/* SCROLLED VERSION */
.bauen-header.is-scrolled {
  height: 120px;
  background: rgba(255, 255, 255, 0.9);
  align-items: center;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.bauen-header.is-scrolled .bauen-header__logo {
  width: 250px;
  background: none !important;
}

.bauen-header.is-scrolled .bauen-header__logo img {
  /* width: 34px; */
  margin-bottom: 0;
}

.bauen-header.is-scrolled .bauen-header__logo-title,
.bauen-header.is-scrolled .bauen-header__logo-subtitle {
  display: none;
}

.bauen-header.is-scrolled .bauen-header__nav {
  padding-top: 0;
  padding-right: 95px;
  top: 30px;
}

.bauen-header.is-scrolled .bauen-header__menu a {
  color: #222;
}

.bauen-header.is-scrolled .bauen-header__menu .hero-btn {
  color: #fff;
}

.bauen-header.is-scrolled .bauen-header__menu a:hover,
.bauen-header.is-scrolled .bauen-header__menu a.is-active {
  color: #b19777;
}

@media (max-width: 991px) {
  .icons__item {
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: center;
    width: 200px;
  }

  .contact-form__home {
    margin-top: 55px;
    margin-bottom: 55px;
  }
  .contact-form__home-submit {
    margin-top: 0px;
  }
  .google-maps__mobile {
    display: block;
  }

  .google-maps__desktop {
    display: none;
  }

  .hero-arrows {
    left: 50px;
  }
}

@media (max-width: 768px) {
  .bauen-header,
  .bauen-header.is-scrolled {
    height: 70px;
    background: #fff;
  }

  .bauen-header__logo,
  .bauen-header.is-scrolled .bauen-header__logo {
    width: 170px;
    height: 70px;
  }

  .bauen-header__nav {
    display: none;
  }
}

@keyframes heroUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Adaptive */
@media (max-width: 1300px) {
  /* BURGER */
  .bauen-burger {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 18px;
    border: none;
    background: none;
    cursor: pointer;
    z-index: 1001;
    display: none;
  }

  .bauen-burger span {
    display: block;
    height: 2px;
    background: #b19777;
    margin-bottom: 5px;
    transition: 0.3s;
  }

  /* OPEN ANIMATION */
  .bauen-burger.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }

  .bauen-burger.active span:nth-child(2) {
    opacity: 0;
  }

  .bauen-burger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
  }

  /* MOBILE MENU */
  .bauen-mobile-menu {
    position: fixed;
    inset: 0;
    background: #f7f7f7;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s ease;
  }

  .bauen-mobile-menu.active {
    opacity: 1;
    visibility: visible;
    display: block;
  }

  /* MENU ITEMS */
  .bauen-mobile-menu ul {
    list-style: none;
    padding: 120px 40px;
    margin: 0;
  }

  .bauen-mobile-menu li {
    margin-bottom: 30px;
  }

  .bauen-mobile-menu a {
    font-size: 14px;
    letter-spacing: 6px;
    text-transform: uppercase;
    color: #888;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
  }

  .bauen-mobile-menu a:hover {
    color: #b19777;
  }

  /* SHOW ONLY MOBILE */
  @media (max-width: 1300px) {
    .bauen-header__nav {
      display: none;
    }

    .bauen-burger {
      display: block;
    }
  }

  .hero-sidebar {
    width: 90px;
    display: none;
  }

  .hero-logo {
    height: 90px;
  }

  .hero-logo__title {
    font-size: 18px;
    letter-spacing: 7px;
  }

  .hero-nav {
    right: 30px;
    top: 30px;
  }

  .hero-nav nav {
    gap: 15px;
  }

  .hero-nav a {
    font-size: 10px;
    letter-spacing: 3px;
  }

  .hero-content {
    left: 58%;
  }

  .hero-content h1 {
    font-size: 28px;
    letter-spacing: 10px;
  }
}

@media (max-width: 767px) {
  .hero-slider {
    height: 100svh;
  }

  .hero-sidebar {
    width: 100%;
    height: 78px;
    display: flex;
    align-items: center;
  }

  .hero-logo {
    height: 78px;
    width: 120px;
  }

  .hero-socials {
    display: none;
  }

  .hero-nav {
    top: 88px;
    right: 15px;
    left: 15px;
  }

  .hero-nav nav {
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
  }

  .hero-nav a {
    font-size: 9px;
    letter-spacing: 2px;
  }

  .hero-content {
    left: 50%;
    top: 56%;
    width: calc(100% - 40px);
    text-align: right;
  }

  .hero-content h1 {
    font-size: 24px;
    letter-spacing: 7px;
  }

  .hero-content p {
    font-size: 13px;
  }

  .hero-arrows {
    left: 20px;
    bottom: 25px;
  }

  .corner {
    display: none;
  }
}

@media (max-width: 1300px) {
  .container {
    padding: 0 15px;
  }
}