/* GT Schäfer · ueber-uns */

.gts-page-about .gts-element.gts-about-intro {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --justify-content: space-between;
  --align-items: stretch;
  --overflow: hidden;
  --padding-top: 0%;
  --padding-bottom: 0%;
  --padding-left: 5%;
  --padding-right: 5%;
}

.gts-page-about .gts-element.gts-about-intro-copy {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --justify-content: flex-start;
  --row-gap: 20px;
  --column-gap: 20px;
  --padding-top: 10%;
  --padding-bottom: 0%;
  --padding-left: 0%;
  --padding-right: 0%;
  --z-index: 1;
}

.gts-widget-heading .gts-heading-title {
  text-decoration: none;
  word-spacing: 0em;
  color: rgb(243, 242, 239);
}

.gts-page-about .gts-element.gts-about-heading-1 {
  text-align: start;
}

.gts-page-about .gts-element.gts-about-heading-1 .gts-heading-title {
  color: rgb(18, 25, 22);
}

.gts-widget-divider {
  --divider-color: #121916;
}

.gts-page-about .gts-element.gts-about-divider--view-line-1 {
  --divider-border-style: solid;
  --divider-color: #121916;
  --divider-border-width: 2px;
}

.gts-page-about .gts-element.gts-about-divider--view-line-1 .gts-divider-separator {
  width: 168px;
}

.gts-page-about .gts-element.gts-about-divider--view-line-1 .gts-divider {
  padding-block: 15px;
}

.gts-page-about .gts-element.gts-about-heading-2 .gts-heading-title {
  text-decoration: none;
  word-spacing: 0em;
  color: rgb(18, 25, 22);
}

.gts-widget-text-editor {
  font-family: Roboto, sans-serif;
  font-size: var( --gts-copy-font-size );
  font-weight: 300;
  text-transform: none;
  font-style: normal;
  text-decoration: none;
  line-height: 1.4em;
  letter-spacing: 1.2px;
  word-spacing: 0em;
  color: rgb(18, 25, 22);
}

.gts-page-about .gts-element.gts-about-text-editor-1 > .gts-widget-container {
  margin: 0px 0px 0px -1px;
  padding: 0% 15% 0% 0%;
}

.gts-page-about .gts-element.gts-about-intro-image {
  width: var( --container-widget-width, 42% );
  max-width: 42%;
  --container-widget-width: 42%;
  --container-widget-flex-grow: 0;
}

.gts-page-about .gts-element.gts-about-experience {
  --display: flex;
  --min-height: 730px;
  --flex-direction: row;
  --container-widget-width: calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --align-items: stretch;
  --row-gap: 0px;
  --column-gap: 0px;
  --overflow: hidden;
  --margin-top: 15%;
  --margin-bottom: 0%;
  --margin-left: 0%;
  --margin-right: 0%;
  --padding-top: 0%;
  --padding-bottom: 0%;
  --padding-left: 0%;
  --padding-right: 4%;
}

.gts-page-about .gts-element.gts-about-experience-image {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --overlay-opacity: 0.5;
}

.gts-page-about .gts-element.gts-about-experience-image {
  background-image: url("../images/fa1188c6c3-gt-schaefer-fliessen-frankfurt16.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.gts-page-about .gts-element.gts-about-experience-image::before {
  --background-overlay: '';
}

.gts-page-about .gts-element.gts-about-experience-copy {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --justify-content: flex-start;
  --row-gap: 20px;
  --column-gap: 20px;
  --padding-top: 5%;
  --padding-bottom: 0%;
  --padding-left: 5%;
  --padding-right: 10%;
}

.gts-page-about .gts-element.gts-about-heading-3 > .gts-widget-container {
  margin: 0% 25% 0% -200%;
}

.gts-page-about .gts-element.gts-about-heading-3 {
  z-index: 10;
  text-align: end;
}

.gts-page-about .gts-element.gts-about-heading-3 .gts-heading-title {
  text-decoration: none;
  word-spacing: 0em;
  color: rgb(18, 25, 22);
}

.gts-page-about .gts-element.gts-about-divider--view-line-2 {
  --divider-border-style: solid;
  --divider-color: #121916;
  --divider-border-width: 2px;
}

.gts-page-about .gts-element.gts-about-divider--view-line-2 .gts-divider-separator {
  width: 168px;
}

.gts-page-about .gts-element.gts-about-divider--view-line-2 .gts-divider {
  padding-block: 15px;
}

.gts-page-about .gts-element.gts-about-heading-4 .gts-heading-title {
  text-decoration: none;
  word-spacing: 0em;
  color: rgb(18, 25, 22);
}

.gts-page-about .gts-element.gts-about-team {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --row-gap: 100px;
  --column-gap: 100px;
  --overlay-opacity: 0.5;
  --margin-top: 15%;
  --margin-bottom: 0%;
  --margin-left: 0%;
  --margin-right: 0%;
  --padding-top: 0%;
  --padding-bottom: 8%;
  --padding-left: 8%;
  --padding-right: 8%;
}

.gts-page-about .gts-element.gts-about-team {
  background-color: rgb(255, 255, 255);
}

.gts-page-about .gts-element.gts-about-team::before {
  --background-overlay: '';
}

.gts-page-about .gts-element.gts-about-heading-5 > .gts-widget-container {
  margin: -40px 0px 0px;
}

.gts-page-about .gts-element.gts-about-heading-5 {
  text-align: center;
}

.gts-page-about .gts-element.gts-about-heading-5 .gts-heading-title {
  text-decoration: none;
  word-spacing: 0em;
  color: rgb(18, 25, 22);
}

.gts-page-about .gts-element.gts-about-team-grid {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --justify-content: space-between;
  --align-items: stretch;
  --row-gap: 8%;
  --column-gap: 8%;
}

.gts-widget-image-box .gts-image-box-title {
  text-decoration: none;
  color: rgb(243, 242, 239);
}

.gts-widget-image-box .gts-image-box-description {
  text-decoration: none;
  word-spacing: 0em;
  color: rgb(18, 25, 22);
}

.gts-page-about .gts-element.gts-about-image-box-1 {
  width: var( --container-widget-width, 30% );
  max-width: 30%;
  --container-widget-width: 30%;
  --container-widget-flex-grow: 0;
}

.gts-page-about .gts-element.gts-about-image-box-1.gts-element {
  --flex-grow: 0;
  --flex-shrink: 0;
}

.gts-page-about .gts-element.gts-about-image-box-1 .gts-image-box-wrapper {
  text-align: start;
}

.gts-page-about .gts-element.gts-about-image-box-1 .gts-image-box-title {
  text-decoration: none;
  word-spacing: 0em;
  color: rgb(18, 25, 22);
}

.gts-page-about .gts-element.gts-about-image-box-2 {
  width: var( --container-widget-width, 30% );
  max-width: 30%;
  --container-widget-width: 30%;
  --container-widget-flex-grow: 0;
}

.gts-page-about .gts-element.gts-about-image-box-2.gts-element {
  --flex-grow: 0;
  --flex-shrink: 0;
}

.gts-page-about .gts-element.gts-about-image-box-2 .gts-image-box-wrapper {
  text-align: start;
}

.gts-page-about .gts-element.gts-about-image-box-2 .gts-image-box-title {
  text-decoration: none;
  word-spacing: 0em;
  color: rgb(18, 25, 22);
}

.gts-page-about .gts-element.gts-about-image-box-3 {
  width: var( --container-widget-width, 30% );
  max-width: 30%;
  --container-widget-width: 30%;
  --container-widget-flex-grow: 0;
}

.gts-page-about .gts-element.gts-about-image-box-3.gts-element {
  --flex-grow: 0;
  --flex-shrink: 0;
}

.gts-page-about .gts-element.gts-about-image-box-3 .gts-image-box-wrapper {
  text-align: start;
}

.gts-page-about .gts-element.gts-about-image-box-3 .gts-image-box-title {
  text-decoration: none;
  word-spacing: 0em;
  color: rgb(18, 25, 22);
}

.gts-page-about .gts-element.gts-about-showroom {
  --display: flex;
  --min-height: 640px;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --row-gap: 0px;
  --column-gap: 0px;
  --overflow: hidden;
  --margin-top: 15%;
  --margin-bottom: 10%;
  --margin-left: 0%;
  --margin-right: 0%;
  --padding-top: 0%;
  --padding-bottom: 0%;
  --padding-left: 0%;
  --padding-right: 8%;
}

.gts-page-about .gts-element.gts-about-showroom-image {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
}

.gts-page-about .gts-element.gts-about-showroom-image {
  background-image: url("../images/fb1a9f6c8b-gt-schaefer-fliessen-frankfurt25.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.gts-page-about .gts-element.gts-about-showroom-copy {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --justify-content: center;
  --row-gap: 25px;
  --column-gap: 25px;
  --padding-top: 0%;
  --padding-bottom: 0%;
  --padding-left: 10%;
  --padding-right: 0%;
}

.gts-page-about .gts-element.gts-about-divider--view-line-3 {
  --divider-border-style: solid;
  --divider-color: #121916;
  --divider-border-width: 2px;
}

.gts-page-about .gts-element.gts-about-divider--view-line-3 .gts-divider-separator {
  width: 168px;
}

.gts-page-about .gts-element.gts-about-divider--view-line-3 .gts-divider {
  padding-block: 0px;
}

.gts-page-about .gts-element.gts-about-heading-6 .gts-heading-title {
  text-decoration: none;
  word-spacing: 0em;
  color: rgb(18, 25, 22);
}

.gts-page-about .gts-element.gts-about-text-editor-4 > .gts-widget-container {
  padding: 0% 5% 0% 0%;
}

:root {
  --page-title-display: none;
}

@media (max-width: 1024px) {
  .gts-page-about .gts-element.gts-about-intro {
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --padding-top: 0%;
    --padding-bottom: 0%;
    --padding-left: 5%;
    --padding-right: 0%;
  }

  .gts-page-about .gts-element.gts-about-intro-copy {
    --padding-top: 8%;
    --padding-bottom: 8%;
    --padding-left: 0%;
    --padding-right: 5%;
  }

  .gts-widget-heading .gts-heading-title {
    word-spacing: 0em;
  }

  .gts-page-about .gts-element.gts-about-heading-2 > .gts-widget-container {
    padding: 0% 10% 0% 0%;
  }

  .gts-page-about .gts-element.gts-about-heading-2 .gts-heading-title {
    word-spacing: 0em;
  }

  .gts-widget-text-editor {
    font-size: var( --gts-copy-font-size );
    line-height: 1.4em;
    letter-spacing: 1.2px;
    word-spacing: 0em;
  }

  .gts-page-about .gts-element.gts-about-text-editor-1 > .gts-widget-container {
    padding: 0% 10% 0% 0%;
  }

  .gts-page-about .gts-element.gts-about-intro-image {
    width: var( --container-widget-width, 80% );
    max-width: 80%;
    --container-widget-width: 80%;
    --container-widget-flex-grow: 0;
  }

  .gts-page-about .gts-element.gts-about-intro-image.gts-element {
    --align-self: flex-end;
  }

  .gts-page-about .gts-element.gts-about-experience {
    --min-height: 525px;
    --row-gap: 5%;
    --column-gap: 5%;
    --margin-top: 25%;
    --margin-bottom: 0%;
    --margin-left: 0%;
    --margin-right: 0%;
  }

  .gts-page-about .gts-element.gts-about-experience-image {
    background-position: -35vw 0px;
  }

  .gts-page-about .gts-element.gts-about-experience-copy {
    --padding-top: 5%;
    --padding-bottom: 0%;
    --padding-left: 0%;
    --padding-right: 0%;
  }

  .gts-page-about .gts-element.gts-about-heading-3 > .gts-widget-container {
    margin: 0% 0% 0% -50%;
  }

  .gts-page-about .gts-element.gts-about-heading-3 {
    text-align: start;
  }

  .gts-page-about .gts-element.gts-about-heading-3 .gts-heading-title {
    word-spacing: 0em;
  }

  .gts-page-about .gts-element.gts-about-heading-4 .gts-heading-title {
    word-spacing: 0em;
  }

  .gts-page-about .gts-element.gts-about-team {
    --row-gap: 20px;
    --column-gap: 20px;
    --margin-top: 25%;
    --margin-bottom: 0%;
    --margin-left: 0%;
    --margin-right: 0%;
    --padding-top: 0%;
    --padding-bottom: 14%;
    --padding-left: 5%;
    --padding-right: 5%;
  }

  .gts-page-about .gts-element.gts-about-heading-5 > .gts-widget-container {
    margin: -35px 0px 0px;
  }

  .gts-page-about .gts-element.gts-about-heading-5 .gts-heading-title {
    word-spacing: 0em;
  }

  .gts-page-about .gts-element.gts-about-team-grid {
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --row-gap: 10px;
    --column-gap: 10px;
  }

  .gts-widget-image-box .gts-image-box-description {
    word-spacing: 0em;
  }

  .gts-page-about .gts-element.gts-about-image-box-1 {
    width: 100%;
    max-width: 100%;
  }

  .gts-page-about .gts-element.gts-about-image-box-1 .gts-image-box-wrapper {
    text-align: center;
  }

  .gts-page-about .gts-element.gts-about-image-box-1 .gts-image-box-title {
    word-spacing: 0em;
  }

  .gts-page-about .gts-element.gts-about-image-box-2 {
    width: 100%;
    max-width: 100%;
  }

  .gts-page-about .gts-element.gts-about-image-box-2 .gts-image-box-wrapper {
    text-align: center;
  }

  .gts-page-about .gts-element.gts-about-image-box-2 .gts-image-box-title {
    word-spacing: 0em;
  }

  .gts-page-about .gts-element.gts-about-image-box-3 {
    width: 100%;
    max-width: 100%;
  }

  .gts-page-about .gts-element.gts-about-image-box-3 .gts-image-box-wrapper {
    text-align: center;
  }

  .gts-page-about .gts-element.gts-about-image-box-3 .gts-image-box-title {
    word-spacing: 0em;
  }

  .gts-page-about .gts-element.gts-about-showroom {
    --min-height: 525px;
    --margin-top: 25%;
    --margin-bottom: 0%;
    --margin-left: 0%;
    --margin-right: 0%;
    --padding-top: 0%;
    --padding-bottom: 0%;
    --padding-left: 0%;
    --padding-right: 4%;
  }

  .gts-page-about .gts-element.gts-about-showroom-copy {
    --padding-top: 0%;
    --padding-bottom: 0%;
    --padding-left: 5%;
    --padding-right: 0%;
  }

  .gts-page-about .gts-element.gts-about-heading-6 .gts-heading-title {
    word-spacing: 0em;
  }

  .gts-page-about .gts-element.gts-about-text-editor-4 > .gts-widget-container {
    padding: 0%;
  }
}

@media (max-width: 767px) {
  .gts-page-about .gts-element.gts-about-intro {
    --min-height: 0vh;
    --row-gap: 35px;
    --column-gap: 35px;
    --padding-top: 0%;
    --padding-bottom: 0%;
    --padding-left: 0%;
    --padding-right: 0%;
  }

  .gts-page-about .gts-element.gts-about-intro-copy {
    --row-gap: 35px;
    --column-gap: 35px;
    --padding-top: 0%;
    --padding-bottom: 0%;
    --padding-left: 4%;
    --padding-right: 4%;
  }

  .gts-widget-heading .gts-heading-title {
    word-spacing: 0em;
  }

  .gts-page-about .gts-element.gts-about-heading-1 > .gts-widget-container {
    margin: 0px 0px 0px -3px;
  }

  .gts-page-about .gts-element.gts-about-divider--view-line-1 .gts-divider {
    padding-block: 15px;
  }

  .gts-page-about .gts-element.gts-about-heading-2 .gts-heading-title {
    word-spacing: 0em;
  }

  .gts-widget-text-editor {
    font-size: var( --gts-copy-font-size );
    line-height: 1.4em;
    letter-spacing: 1.2px;
    word-spacing: 0em;
  }

  .gts-page-about .gts-element.gts-about-text-editor-1 > .gts-widget-container {
    margin: 0px;
    padding: 0px;
  }

  .gts-page-about .gts-element.gts-about-button-1 > .gts-widget-container {
    margin: 0%;
  }

  .gts-page-about .gts-element.gts-about-experience {
    --min-height: 0px;
    --row-gap: 35px;
    --column-gap: 35px;
    --padding-top: 0%;
    --padding-bottom: 0%;
    --padding-left: 0%;
    --padding-right: 0%;
  }

  .gts-page-about .gts-element.gts-about-experience-image {
    --min-height: 350px;
  }

  .gts-page-about .gts-element.gts-about-experience-image {
    background-position: center center;
  }

  .gts-page-about .gts-element.gts-about-experience-copy {
    --padding-top: 0%;
    --padding-bottom: 0%;
    --padding-left: 4%;
    --padding-right: 4%;
  }

  .gts-page-about .gts-element.gts-about-heading-3 > .gts-widget-container {
    margin: 0px 0px 0px -3px;
  }

  .gts-page-about .gts-element.gts-about-heading-3 .gts-heading-title {
    word-spacing: 0em;
  }

  .gts-page-about .gts-element.gts-about-divider--view-line-2 .gts-divider {
    padding-block: 15px;
  }

  .gts-page-about .gts-element.gts-about-heading-4 .gts-heading-title {
    word-spacing: 0em;
  }

  .gts-page-about .gts-element.gts-about-heading-5 > .gts-widget-container {
    margin: -25px 0px 0px;
  }

  .gts-page-about .gts-element.gts-about-heading-5 {
    text-align: center;
  }

  .gts-page-about .gts-element.gts-about-heading-5 .gts-heading-title {
    word-spacing: 0em;
  }

  .gts-page-about .gts-element.gts-about-team-grid {
    --justify-content: center;
    --margin-top: 40px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-right: 0px;
  }

  .gts-widget-image-box .gts-image-box-description {
    word-spacing: 0em;
  }

  .gts-page-about .gts-element.gts-about-image-box-1 {
    width: 100%;
    max-width: 100%;
  }

  .gts-page-about .gts-element.gts-about-image-box-1 .gts-image-box-wrapper {
    text-align: center;
  }

  .gts-page-about .gts-element.gts-about-image-box-1 .gts-image-box-title {
    word-spacing: 0em;
  }

  .gts-page-about .gts-element.gts-about-image-box-2 {
    width: 100%;
    max-width: 100%;
  }

  .gts-page-about .gts-element.gts-about-image-box-2 .gts-image-box-wrapper {
    text-align: center;
  }

  .gts-page-about .gts-element.gts-about-image-box-2 .gts-image-box-title {
    word-spacing: 0em;
  }

  .gts-page-about .gts-element.gts-about-image-box-3 {
    width: 100%;
    max-width: 100%;
  }

  .gts-page-about .gts-element.gts-about-image-box-3 .gts-image-box-wrapper {
    text-align: center;
  }

  .gts-page-about .gts-element.gts-about-image-box-3 .gts-image-box-title {
    word-spacing: 0em;
  }

  .gts-page-about .gts-element.gts-about-showroom {
    --min-height: 0px;
    --row-gap: 20px;
    --column-gap: 20px;
    --margin-top: 25%;
    --margin-bottom: 25%;
    --margin-left: 0%;
    --margin-right: 0%;
    --padding-top: 0%;
    --padding-bottom: 0%;
    --padding-left: 0%;
    --padding-right: 0%;
  }

  .gts-page-about .gts-element.gts-about-showroom-image {
    --min-height: 350px;
  }

  .gts-page-about .gts-element.gts-about-showroom-copy {
    --padding-top: 0%;
    --padding-bottom: 0%;
    --padding-left: 4%;
    --padding-right: 4%;
  }

  .gts-page-about .gts-element.gts-about-divider--view-line-3 .gts-divider {
    padding-block: 15px;
  }

  .gts-page-about .gts-element.gts-about-heading-6 .gts-heading-title {
    word-spacing: 0em;
  }

  .gts-page-about .gts-element.gts-about-button-2 > .gts-widget-container {
    margin: 0%;
  }
}

@media (min-width: 768px) {
  .gts-page-about .gts-element.gts-about-intro-copy {
    --width: 50%;
  }

  .gts-page-about .gts-element.gts-about-experience-image {
    --width: 56%;
  }

  .gts-page-about .gts-element.gts-about-experience-copy {
    --width: 44%;
  }

  .gts-page-about .gts-element.gts-about-showroom-image {
    --width: 56%;
  }

  .gts-page-about .gts-element.gts-about-showroom-copy {
    --width: 44%;
  }
}

@media (max-width: 1024px) and (min-width: 768px) {
  .gts-page-about .gts-element.gts-about-intro-copy {
    --width: 100%;
  }

  .gts-page-about .gts-element.gts-about-experience-image {
    --width: 57%;
  }

  .gts-page-about .gts-element.gts-about-experience-copy {
    --width: 43%;
  }

  .gts-page-about .gts-element.gts-about-showroom-image {
    --width: 60%;
  }

  .gts-page-about .gts-element.gts-about-showroom-copy {
    --width: 40%;
  }
}

:where(body) {
  margin: 0px;
}

body {
  padding: 0px;
}