.responive-philosophie {
  overflow-y: clip;
  position: relative;
  display:block;
  width: 100%;
  height: 990px;
  text-align: left;
  font-size: var(--font-size-21xl);
  margin-left: 0px;
  margin-top: 0px;
}


.responive-philosophie > .bground {
  position: absolute;
  top: -200px;
  left: 0px;
  background-color: rgba(30, 131, 160, 0.37);
  box-shadow: -11100px 3px 6px rgba(0, 0, 0, 0.16) inset;
  width: 100%;
  height: 1190px;
}
.responive-philosophie > .bground > img {
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
}

.responive-philosophie > .watermark {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 26px;
  height: 28px;
  object-fit: cover;
}

.responive-philosophie > .text {
  height: fit-content;
  margin: auto;
  max-width: 1920px;
}

.responive-philosophie > .text > .left {
  position: relative;
  height: inherit;
  width: fit-content;
  margin: auto;
  float: left;
}
.responive-philosophie > .text > .left > div {
  position: relative;
  height: fit-content;
  width: fit-content;
  margin-top: 400px;
  margin-left: 150px;
  margin-right: 50px;
  line-height: 35px;
  display: inline-block;
  text-align: center;
}
.responive-philosophie > .text > .left > div > p {
  width: fit-content;
  margin: 0 auto;
}
.responive-philosophie > .text > .left > div > .button {
  position: relative;
  margin: 0 auto;
  margin-top: 15px;
  top: unset;
  left: unset;
}

.responive-philosophie > .text > .right {
  position: relative;
  height: inherit;
  width: fit-content;
  margin: auto;
  margin-right: 150px;
  float: right;
}
.responive-philosophie > .text > .right > .bground {
  position: absolute;
  top: -150px;
  right: 0;
  left: unset;
}
.responive-philosophie > .text > .right > section {
  position: relative;
  margin-right: 100px;
  margin-top: 350px;
  top: unset;
  right: unset;
}

.responsive-gallery {
  max-width:1600px;
  width:85%;
  margin: auto;
}

.responsive-gallery-title {
  position: relative;
  display:block;
  width: 100%;
  height: 137.96px;
  mix-blend-mode: normal;
  font-size: var(--font-size-56xl);
  color: var(--color-black);
  font-family: var(--font-impact);
  margin-left: 0px;

  margin: auto;
  margin-top: 75px;
}
.responsive-gallery-title > .social {
  position: absolute;
  top: calc(50% - 14.89px);
  right: 98.15px;
  background-color: unset;
  width: 45px;
  height: 45px;
  object-fit: cover;
  cursor: pointer;
}
.responsive-gallery-title > .facebook {
  right: 24.22px;
}
.responsive-gallery-title > .instagram {
  right: 98.15px;
}


.responsive-gallery-images {
  position: relative;
  display:block;
  width: 100%;
  height: fit-content;
  margin: auto;
  margin-top: 45px;
  margin-bottom: max(90px, min(145px, calc(14.5vw - 127px)));

  border-radius: var(--br-21xl);
  overflow: clip;
}

.responsive-gallery-images > .grid-wrapper {
  width: inherit;
  display: grid;
  gap: 25px;
}
.responsive-gallery-images > .grid-wrapper > div > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.responsive-gallery-images > .grid-wrapper > .grid-one {
  grid-column: 1 / 13;
  grid-row: 1 / 13;
}
.responsive-gallery-images > .grid-wrapper > .grid-two {
  grid-column: 13 / 27;
  grid-row: 1 / 9;
}
.responsive-gallery-images > .grid-wrapper > .grid-three {
  grid-column: 27 / 41;
  grid-row: 1 / 9;
}
.responsive-gallery-images > .grid-wrapper > .grid-four {
  grid-column: 41 / 54;
  grid-row: 1 / 16;
}
.responsive-gallery-images > .grid-wrapper > .grid-five {
  grid-column: 1 / 13;
  grid-row: 13 / 26;
}
.responsive-gallery-images > .grid-wrapper > .grid-six {
  grid-column: 13 / 41;
  grid-row: 9 / 26;
}
.responsive-gallery-images > .grid-wrapper > .grid-seven {
  grid-column: 41 / 54;
  grid-row: 16 / 26;
}
.responsive-gallery-images > .grid-wrapper > .grid-eight {
  grid-column: 1 / 22;
  grid-row: 26 / 36;
}
.responsive-gallery-images > .grid-wrapper > .grid-nine {
  grid-column: 22 / 44;
  grid-row: 26 / 36;
}
.responsive-gallery-images > .grid-wrapper > .grid-ten {
  grid-column: 44 / 54;
  grid-row: 26 / 36;
}
.responsive-gallery-images > .grid-wrapper > .grid-eleven {
  grid-column: 1 / 54;
  grid-row: 36 / 54;
}


.responsive-categories {
  width: 100%;
  height: 740px;
  background-color: #2e2e2e;
  position: relative;
  font-size: var(--font-size-21xl);

  padding-top: 175px;
  height: fit-content;
}
.responsive-categories > .top {
  margin-top: 0px;
  height: 450px;

  position: relative;
  margin-bottom: 175px;
  height: 365px;
}
.responsive-categories > .top > .txt-schaffdirplatz {
  position: absolute;
  top: calc(50% - 72px);
  left: calc(50% - 412px);
  letter-spacing: 0.4px;
  display: inline-block;
  width: 385px;
}
.responsive-categories > .top > .txt-platzquartier {
  position: absolute;
  top: calc(50% - 153px);
  left: calc(50% - 506.1px);
  font-size: 80px;
  text-transform: uppercase;
  font-family: var(--font-impact);
  display: inline-block;
  width: 690px;
}
.responsive-categories > .top > .line {
  position: absolute;
  height: 3.25px;
  width: 1090px;
  top: 48%;
  left: calc(50% - 545px);
  background-color: white;
}
.responsive-categories > .top > button {
  position: absolute;
  font-size: var(--font-size-4xl);
  color: white;
  background-color: var(--color-cadetblue-200);
  border-color: var(--color-cadetblue-200);
  border-radius: 20px;
  border-style: solid;
  cursor: pointer;
  padding: 0 50px;
  width: 300px;
  height: 70px;
}
.responsive-categories > .top > button > img {
  float: left;
  height: 32px;
}
.responsive-categories > .top > button > b {
  float: left;
  letter-spacing: 0.23px;
  margin-top: 2px;
  margin-left: 15px;
}
.responsive-categories > .top > .button-offices {
  top: calc(50% + 0px);
  left: calc(50% - 305px);
}
.responsive-categories > .top > .button-apartments {
  top: calc(50% + 0px);
  right: calc(50% - 305px);
}
.responsive-categories > .top > .button-parking {
  top: calc(50% + 0px + 80px);
  left: calc(50% - 305px);
}
.responsive-categories > .top > .button-storage {
  top: calc(50% + 0px + 80px);
  right: calc(50% - 305px);
}
.responsive-categories > .bottom {
  position: absolute;
  top: 100%;
  background-color: var(--color-darkslategray-190);
  height: 50px;
  width: 100%;
}


.responsive-filter {
  position: relative;
  width: 100%;
  height: 950px;
  margin-top: 170px;
}
.responsive-filter > .left {
  float: left;
  background-color: var(--color-cadetblue-200);
  height: 100%;
  width: calc(50% - 10px);
}
.responsive-filter > .right {
  float: right;
  background-color: var(--color-cadetblue-200);
  height: 100%;
  width: calc(50% - 10px);
}
.responsive-filter > .image {
  width: calc(40% - 10px);
}
.responsive-filter > .text {
  width: calc(60% - 10px);
}
.responsive-filter > div > .title {
  position: relative;
  top: 100px;
  border-radius: var(--br-21xl);
  background-color: var(--color-cadetblue-220);
  height: 105px;
  width: max(444px, 50%);
  padding: 0px 15px;
}
.responsive-filter > .left > .title {
  left: 0px;
  border-radius: 0 var(--br-21xl) var(--br-21xl) 0;
}
.responsive-filter > .right > .title {
  /*right: 0px;*/
  margin-left: auto;
  border-radius: var(--br-21xl) 0 0 var(--br-21xl);
}
.responsive-filter > div > .title > * {
  display: inline-block;
}
.responsive-filter > div > .title > div {
  width: fit-content;
  float: right;
}
.responsive-filter > .right > .title > div {
  float: left;
}
.responsive-filter > div > .title > div > img {
  height: 45px;
  object-fit: cover;
  float: left;
  margin: 30px 0px;
}
.responsive-filter > .right > .title > div > img {
  margin-left: 35px;
}
.responsive-filter > div > .title > div > b {
  float: right;
  line-height: 30px;
  font-size: var(--font-size-26xl);
  margin: 35px 25px;
}
.responsive-filter > div > .intro {
  position: relative;
  top: 155px;
  left: 135px;
  width: 785px;
  height: 455px;
  text-align: left;
  font-size: var(--font-size-mid);

  width: 70%;
  left: 15%;
}
.responsive-filter > div > .intro > .txt-header {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: calc(100% - 3.21px);
  height: 111px;
  font-size: var(--font-size-21xl);
  line-height: 50px;
  text-align: left;

  position: relative;
  height: fit-content;
  width: 100%;
  margin-bottom: 10px;
}
.responsive-filter > div > .intro > .line {
  position: absolute;
  width: 100%;
  top: 110px;
  height: 3px;
  background-color: white;

  position: relative;
  top: unset;
}
.responsive-filter > div > .intro > .txt-content {
  position: absolute;
  height: calc(100% - 143.86px);
  width: calc(100% - 3.21px);
  top: 143.86px;
  left: 0;
  letter-spacing: 0.17px;
  line-height: 24px;
  font-size: 21px;
  display: inline-block;

  position: relative;
  top: unset;
  width: 100%;
  margin-top: 25px;
}
.responsive-filter > div > button {
  position: relative;
  top: 210px;
  left: 0px;
  width: 421.06px;
  height: 84.28px;
  font-size: var(--font-size-4xl);
  color: var(--color-cadetblue-200);
  background-color: white;
  border-color: white;
  border-radius: 50px;
  border-style: solid;
  padding: 0px 100px;
}
.responsive-filter > div > button > b {
  letter-spacing: 0.23px;
  float: left;
}
.responsive-filter > div > button > .masked-icon {
  height: 32px;
  margin-top: -4.5px;
  float: right;
}
.responsive-filter > .bottom {
  position: relative;
  top: 950px;
  background-color: var(--color-darkslategray-190);
  height: 50px;
  width: 100%;
}
.responsive-filter > div > img {
  background-color: var(--color-gray-250);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.responsive-filter .nobreak {
  white-space: nowrap;
}
.responsive-filter > div > .intro > .txt-header:first-letter {
  text-transform: uppercase;
}

/* // non-responsive // */
/* // first version // */


.content {
  width: 100%;
  text-align: center;
  font-size: var(--font-size-4xl);
  color: var(--color-white);
  font-family: var(--font-verdana);
}

.static-philosophie {
  position: relative;
  display:block;
  width: 100%;
  height: 1336.64px;
  text-align: left;
  font-size: var(--font-size-21xl);
  margin-left: -23.99px;
}
.static-gallery {
  position: relative;
  display:block;
  width: 100%;
  height: 137.96px;
  mix-blend-mode: normal;
  font-size: var(--font-size-56xl);
  color: var(--color-black);
  font-family: var(--font-impact);
  margin-left: 0px;
}
.static-gallery-images {
  position: relative;
  display:block;
  width: 1564.64px;
  height: 2217.61px;
  margin: 100px auto;
}
.static-filter {
  position: relative;
  display:block;
  width: 100%;
  height: 902px;
  font-size: var(--font-size-21xl);
  margin-top: -150px;
}
.filter-bg {
  position: absolute;
  bottom: 0;
  display:block;
  width: 100%;
  height: 752px;
  background-color: #373737;
  box-shadow: -11100px 3px 6px rgba(0, 0, 0, 0.16) inset;
}
.static-brorume-category {
  position: relative;
  display:block;
  width: 100%;
  height: 1813px;
  margin-top: 100px;
}
.static-wohnungen-category {
  position: relative;
  display:block;
  width: 100%;
  height: 1809px;
  margin-top: 100px;
}
.static-garagen-category {
  position: relative;
  display:block;
  width: 100%;
  height: 1728px;;
  margin-top: 100px;
}
.static-lagerflchen-category {
  position: relative;
  display:block;
  width: 100%;
  height: 1713.13px;
  margin-top: 100px;
}
.static-scroll-to {
  position: absolute;
  width: 100%;
  height: 0%;
  top: -120px;
  left: 0;
}
.link {
  cursor: pointer;
}

/* // generated // */

.lagerflchen-bground-blue {
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-skyblue-100);
  height: 477.38px;
}
.lagerflchen-button-icon {
  position: absolute;
  top: calc(50% - 15.66px);
  left: calc(50% + 94.82px);
  width: 35.23px;
  height: 31.32px;
  object-fit: cover;
}
.lagerflchen-button-txt {
  position: absolute;
  top: calc(50% - 12.81px);
  left: calc(50% - 121.61px);
  letter-spacing: 0.23px;
  display: inline-block;
  width: 202px;
}
.lagerflchen-button-objekte {
  position: absolute;
  bottom: 92.93px;
  left: calc(50% - 209.31px);
  border-radius: var(--br-21xl);
  background-color: var(--color-lightslategray);
  border: 5px solid var(--color-white);
  box-sizing: border-box;
  width: 375.75px;
  height: 67.13px;
}
.lagerflchen-txt-content {
  position: absolute;
  bottom: 160.05px;
  left: calc(50% - 576.01px);
  font-size: var(--font-size-mid);
  letter-spacing: 0.17px;
  line-height: 24px;
  text-align: left;
  display: inline-block;
  width: 1132.45px;
  height: 253.39px;
}
.office-6-icon,
.office-icon {
  position: absolute;
  top: 0;
  left: calc(50% - 353.36px);
  width: 370.43px;
  height: 493.91px;
  object-fit: cover;
}
.office-icon {
  left: calc(50% + 36.47px);
  width: 329.7px;
  height: 494.55px;
}
.wc-icon {
  top: 1.09px;
  right: 9.44px;
  width: 353.86px;
  height: 492.37px;
}
.img-6307jpeg-icon,
.kche-1-icon,
.wc-icon {
  position: absolute;
  object-fit: cover;
}
.img-6307jpeg-icon {
  top: 0;
  left: 8.54px;
  width: 370.43px;
  height: 493.91px;
}
.kche-1-icon {
  bottom: 0;
  left: 0;
  width: 372.37px;
  height: 496.49px;
}
.meetingpoint-2-icon {
  bottom: 0.04px;
  left: calc(50% - 359.96px);
  width: 370.91px;
  height: 494.55px;
}
.kopie-icon,
.meetingpoint-2-icon,
.office-2-icon {
  position: absolute;
  object-fit: cover;
}
.office-2-icon {
  bottom: 0.99px;
  left: calc(50% + 30.35px);
  width: 329.7px;
  height: 494.55px;
}
.kopie-icon {
  right: 0;
  bottom: 0.95px;
  width: 372.37px;
  height: 496.49px;
}
.lagerflchen-images {
  position: absolute;
  width: calc(100% - 416.56px);
  top: 163.88px;
  right: 218.47px;
  left: 198.1px;
  height: 1013.98px;
}
.lagerflchen-icon {
  position: absolute;
  top: calc(50% - 15.66px);
  right: 36.39px;
  width: 35.23px;
  height: 31.32px;
  object-fit: cover;
}
.lagerflchen-txt {
  position: absolute;
  top: calc(50% - 21px);
  left: 36.39px;
  letter-spacing: 1.05px;
  line-height: 30px;
  display: inline-block;
  width: 292px;
}
.lagerflchen-overview {
  position: absolute;
  top: 0;
  left: calc(50% - 608px);
  border-radius: var(--br-21xl);
  background-color: var(--color-skyblue-100);
  width: 399px;
  height: 106px;
  font-size: var(--font-size-16xl);
}
.lagerflchen-category {
  position: absolute;
  bottom: 145.87px;
  left: 0;
  width: 1920px;
  height: 1713.13px;
}
.garagen-divider-darkgrey {
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-darkslategray-100);
  box-shadow: -11100px 3px 6px rgba(0, 0, 0, 0.16) inset;
  height: 46px;
}
.garagen-bground-blue {
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 45.75px;
  left: 0;
  background-color: var(--color-skyblue-100);
  height: 477.38px;
}
.garage-button-icon {
  position: absolute;
  top: calc(50% - 16.3px);
  left: calc(50% + 93.25px);
  width: 31.35px;
  height: 31.5px;
  object-fit: cover;
}
.garagen-button-objekte {
  position: absolute;
  bottom: 109.8px;
  left: calc(50% - 188px);
  border-radius: var(--br-21xl);
  background-color: var(--color-lightslategray);
  border: 5px solid var(--color-white);
  box-sizing: border-box;
  width: 375.75px;
  height: 67.13px;
}
.garagen-txt-content {
  position: absolute;
  bottom: 183.92px;
  left: calc(50% - 576.01px);
  font-size: var(--font-size-mid);
  letter-spacing: 0.17px;
  line-height: 24px;
  text-align: left;
  display: inline-block;
  width: 1132.45px;
  height: 253.39px;
}
.garagen-line-white-icon {
  position: absolute;
  bottom: 215.51px;
  left: calc(50% - 547px);
  width: 1071.12px;
  height: 3.25px;
  object-fit: cover;
}
.garagen-images {
  position: absolute;
  width: calc(100% - 416.56px);
  top: 154.88px;
  right: 218.47px;
  left: 198.1px;
  height: 1013.98px;
}
.garagen-icon {
  position: absolute;
  top: calc(50% - 15.75px);
  left: calc(50% + 79.12px);
  width: 31.35px;
  height: 31.5px;
  object-fit: cover;
}
.garagen-txt {
  position: absolute;
  top: calc(50% - 21px);
  left: calc(50% - 110.47px);
  letter-spacing: 1.05px;
  line-height: 30px;
  display: inline-block;
  width: 184px;
}
.garagen-overview {
  position: absolute;
  top: 0;
  left: calc(50% + 170px);
  border-radius: var(--br-21xl);
  background-color: var(--color-skyblue-100);
  width: 399px;
  height: 106px;
  font-size: var(--font-size-16xl);
}
.garagen-category {
  position: absolute;
  bottom: 2056px;
  left: 0;
  width: 1920px;
  height: 1728px;
}
.brorume-background-blue {
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 39.75px;
  left: 0;
  background-color: var(--color-skyblue-100);
  height: 477.38px;
}
.brorume-button-icon {
  position: absolute;
  top: calc(50% - 11.21px);
  left: calc(50% + 91.14px);
  width: 26.1px;
  height: 24.79px;
  object-fit: cover;
}
.brorume-button-objekte {
  position: absolute;
  bottom: 95.8px;
  left: calc(50% - 198.16px);
  border-radius: var(--br-21xl);
  background-color: var(--color-lightslategray);
  border: 5px solid var(--color-white);
  box-sizing: border-box;
  width: 375.75px;
  height: 67.13px;
}
.brorume-txt-content {
  position: absolute;
  bottom: 95.8px;
  left: calc(50% - 576px);
  font-size: var(--font-size-mid);
  letter-spacing: 0.17px;
  line-height: 24px;
  text-align: left;
  display: inline-block;
  width: 1132.45px;
  height: 253.39px;
}
.brorume-line-white-icon {
  position: absolute;
  top: calc(50% + 532.75px);
  left: calc(50% - 577.22px);
  width: 1071.12px;
  height: 3.25px;
  object-fit: cover;
}
.brorume-txt-header {
  position: absolute;
  top: calc(50% + 423.5px);
  left: calc(50% - 576px);
  font-size: var(--font-size-21xl);
  line-height: 50px;
  display: inline-block;
  text-align: left;
  width: 912px;
  height: 111px;
}
.brorume-images {
  position: absolute;
  width: calc(100% - 416.56px);
  top: 168.88px;
  right: 218.47px;
  left: 198.1px;
  height: 1013.98px;
}
.brorume-icon {
  position: absolute;
  top: calc(50% - 11.11px);
  right: 59.26px;
  width: 26.68px;
  height: 24.79px;
  object-fit: cover;
}
.brorume-txt {
  position: absolute;
  top: calc(50% - 21px);
  left: calc(50% - 130.33px);
  letter-spacing: 1.05px;
  line-height: 30px;
  display: inline-block;
  width: 234px;
}
.brorume-overview {
  position: absolute;
  top: 0;
  left: 202px;
  border-radius: var(--br-21xl);
  background-color: var(--color-skyblue-100);
  width: 399px;
  height: 106px;
  font-size: var(--font-size-16xl);
}
.brorume-category {
  position: absolute;
  top: 8357px;
  left: 0;
  width: 1920px;
  height: 1813px;
}
.wohnungen-background-blue {
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 45.75px;
  left: 0;
  background-color: var(--color-skyblue-100);
  height: 519.38px;
}
.wohnungen-button-icon {
  position: absolute;
  top: calc(50% - 15.66px);
  left: calc(50% + 94.21px);
  width: 27.4px;
  height: 31.32px;
  object-fit: cover;
}
.wohnungen-button-objekte {
  position: absolute;
  bottom: 76.98px;
  left: calc(50% - 187.88px);
  border-radius: var(--br-21xl);
  background-color: #4488a4;
  border: 5px solid var(--color-white);
  box-sizing: border-box;
  width: 375.75px;
  height: 67.13px;
}
.wohnungen-txt-content {
  position: absolute;
  bottom: 134.11px;
  left: calc(50% - 576px);
  font-size: var(--font-size-mid);
  letter-spacing: 0.17px;
  line-height: 24px;
  text-align: left;
  display: inline-block;
  width: 1132.45px;
  height: 253.39px;
}
.wohnungen-line-white-icon {
  position: absolute;
  top: calc(50% + 493.25px);
  left: calc(50% - 577.22px);
  width: 1071.12px;
  height: 3.25px;
  object-fit: cover;
}
.wohnungen-txt-header {
  position: absolute;
  top: calc(50% + 383.5px);
  left: calc(50% - 576px);
  font-size: var(--font-size-21xl);
  line-height: 50px;
  display: inline-block;
  text-align: left;
  width: 912px;
  height: 111px;
}
.img-6307jpeg-icon3,
.office-6-icon3 {
  position: absolute;
  top: 0;
  width: 370.43px;
  height: 493.9px;
  object-fit: cover;
}
.office-6-icon3 {
  left: calc(50% - 353.36px);
}
.img-6307jpeg-icon3 {
  left: 8.54px;
}
.wohnungen-images {
  position: absolute;
  width: calc(100% - 416.56px);
  top: 158.88px;
  right: 218.47px;
  left: 198.1px;
  height: 1013.98px;
}
.wohnungen-icon {
  position: absolute;
  top: calc(50% - 13.31px);
  right: 53.3px;
  width: 27.4px;
  height: 31.31px;
  object-fit: cover;
}
.wohnungen-txt {
  position: absolute;
  top: calc(50% - 21px);
  left: 52.3px;
  letter-spacing: 1.05px;
  line-height: 30px;
  display: inline-block;
  width: 253px;
}
.wohnungen-overview {
  position: absolute;
  top: 0;
  right: 202px;
  border-radius: var(--br-21xl);
  background-color: var(--color-skyblue-100);
  width: 399px;
  height: 106px;
  font-size: var(--font-size-16xl);
}
.wohnungen-category {
  position: absolute;
  top: 6373px;
  left: 0;
  width: 1920px;
  height: 1809px;
}
.filter-line-wei-icon {
  position: absolute;
  top: calc(50% + 66px);
  left: calc(50% - 539.62px);
  width: 1071.12px;
  height: 3.25px;
  object-fit: cover;
}
.filter-txt-schaffdirplatz {
  position: absolute;
  top: calc(50% - 61.5px);
  left: calc(50% - 404.21px);
  letter-spacing: 0.4px;
  display: inline-block;
  width: 385px;
}
.filter-txt-platzquartier {
  position: absolute;
  top: calc(50% - 30.5px);
  left: calc(50% - 506.1px);
  font-size: 80px;
  text-transform: uppercase;
  font-family: var(--font-impact);
  display: inline-block;
  width: 690px;
}
.filter-icon-platzquartier {
  position: absolute;
  right: 26px;
  bottom: 17px;
  width: 26px;
  height: 28px;
  object-fit: cover;
}
.filter-logo-platzquartier-icon {
  position: absolute;
  top: calc(50% - 91px);
  left: calc(50% - 542.5px);
  width: 131px;
  height: 143px;
  object-fit: cover;
}
.filter-txt-ichsuche {
  position: absolute;
  top: calc(50% + 74.82px);
  left: calc(50% - 533.12px);
  font-size: var(--font-size-11xl);
}
.filter-txt-brorume {
  position: absolute;
  top: calc(50% - 11.44px);
  left: calc(50% - 48.43px);
  font-size: var(--font-size-2xl);
  font-family: var(--font-verdana);
  color: var(--color-white);
  text-align: center;
}
.filter-icon-brorume {
  position: absolute;
  top: calc(50% - 13.56px);
  left: calc(50% - 83.57px);
  width: 26.1px;
  height: 24.79px;
  object-fit: cover;
}
.filter-button-brorume {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: calc(50% + 92.82px);
  left: calc(50% - 326.52px);
  width: 298.05px;
  height: 71.24px;
}
.filter-button-wohnungen2 {
  border-radius: var(--br-lgi);
  background-color: var(--color-cadetblue-100);
}
.filter-button-wohnungen1,
.filter-button-wohnungen2 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.filter-txt-wohnungen {
  position: absolute;
  top: calc(50% - 10.78px);
  left: calc(50% - 90.49px);
  font-size: var(--font-size-2xl);
  font-family: var(--font-verdana);
  color: var(--color-white);
  text-align: center;
}
.filter-icon-wohnungen {
  position: absolute;
  top: calc(50% - 14.22px);
  left: calc(50% + 65.82px);
  width: 24.67px;
  height: 28.43px;
  object-fit: cover;
}
.filter-button-wohnungen {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: calc(50% + 92.82px);
  left: calc(50% - 18.52px);
  width: 298.05px;
  height: 71.24px;
}
.filter-txt-lagerrume {
  position: absolute;
  top: calc(50% - 9.57px);
  left: calc(50% - 92.38px);
  font-size: var(--font-size-2xl);
  font-family: var(--font-verdana);
  color: var(--color-white);
  text-align: center;
}
.filter-icon-lagerrume {
  position: absolute;
  top: calc(50% - 13.91px);
  left: calc(50% + 65.08px);
  width: 31.31px;
  height: 27.83px;
  object-fit: cover;
}
.filter-button-lagerrume {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: var(--color-cadetblue-100);
  position: absolute;
  top: calc(50% + 180.82px);
  left: calc(50% - 18.5px);
  border-radius: var(--br-lgi);
  width: 298.05px;
  height: 71.24px;
}
.filter-txt-garagen {
  position: absolute;
  top: calc(50% - 8.5px);
  left: calc(50% - 27.77px);
  font-size: var(--font-size-2xl);
  display: inline-block;
  font-family: var(--font-verdana);
  color: var(--color-white);
  text-align: center;
  width: 101px;
}
.filter-icon-garagen {
  position: absolute;
  top: calc(50% - 16.5px);
  left: calc(50% - 72.23px);
  width: 28.44px;
  height: 28.58px;
  object-fit: cover;
}
.filter-button-garagen {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: var(--color-cadetblue-100);
  position: absolute;
  top: calc(50% + 180.82px);
  left: calc(50% - 326.52px);
  border-radius: var(--br-lgi);
  width: 298.05px;
  height: 71.24px;
}
.filter {
  position: absolute;
  top: 5186.73px;
  left: 0;
  background-color: #373737;
  box-shadow: -11100px 3px 6px rgba(0, 0, 0, 0.16) inset;
  width: 1921px;
  height: 902px;
  font-size: var(--font-size-21xl);
}
.badezimmer-wohung-icon,
.office-icon4 {
  position: absolute;
  top: 0;
  object-fit: cover;
}
.office-icon4 {
  right: 0.95px;
  width: 367.46px;
  height: 551.19px;
}
.badezimmer-wohung-icon {
  left: 1.98px;
  width: 318.07px;
  height: 424.1px;
}
.img-7219-kopie-icon,
.linke-seite-icon {
  position: absolute;
  top: 0;
  left: calc(50% - 5.91px);
  width: 386.23px;
  height: 289.67px;
  object-fit: cover;
}
.img-7219-kopie-icon {
  left: calc(50% - 427.7px);
  width: 388.21px;
  height: 291.15px;
}
.img-1799-icon {
  position: absolute;
  top: calc(50% - 193.11px);
  left: 0;
  width: 600.58px;
  height: 400.51px;
  object-fit: cover;
}
.img-1776-icon,
.img-4525-kopie-icon {
  position: absolute;
  top: calc(50% - 188.18px);
  object-fit: cover;
}
.img-1776-icon {
  right: 0.95px;
  width: 265.72px;
  height: 398.45px;
}
.img-4525-kopie-icon {
  left: calc(50% - 152.1px);
  width: 641.08px;
  height: 396.11px;
}
.img-1795-icon {
  position: absolute;
  top: 322.02px;
  left: calc(50% - 427.7px);
  width: 808.02px;
  height: 578.85px;
  object-fit: cover;
}
.raum-1-platzquartier-1150-2-an {
  top: calc(50% - 646.52px);
  left: 1.98px;
  width: 318.07px;
  height: 438.58px;
}
.datei-13-icon,
.hintergrund-icon,
.raum-1-platzquartier-1150-2-an {
  position: absolute;
  object-fit: cover;
}
.datei-13-icon {
  top: calc(50% - 543.86px);
  right: 0;
  width: 368.45px;
  height: 335.99px;
}
.hintergrund-icon {
  width: calc(100% - 3.47px);
  right: 1.5px;
  bottom: 0;
  left: 1.98px;
  border-radius: 0 0 0 var(--br-21xl);
  max-width: 100%;
  overflow: hidden;
  height: 878.16px;
}
.gallery-images {
  position: absolute;
  top: 2768.12px;
  left: 178px;
  width: 1564.64px;
  height: 2217.61px;
}
.gallery-txt-platzquartier {
  position: absolute;
  width: calc(100% + 1px);
  top: calc(50% - 47.98px);
  left: 0;
  letter-spacing: 0.75px;
  display: inline-block;
}
.gallery-linie-schwarz {
  position: absolute;
  width: calc(100% - 43.43px);
  right: 22.93px;
  bottom: -3px;
  left: 20.5px;
  border-top: 3px solid var(--color-black);
  box-sizing: border-box;
  height: 6px;
}
.gallery-icon-platzquartierpetr {
  position: absolute;
  top: 0;
  left: calc(50% - 339px);
  width: 89px;
  height: 98px;
  object-fit: cover;
}
.gallery-button-facebook,
.gallery-button-instagram {
  text-decoration: none;
  position: absolute;
  top: calc(50% - 14.89px);
  right: 98.15px;
  background-color: var(--color-black);
  width: 44.92px;
  height: 44.91px;
}
.gallery-button-facebook {
  right: 24.22px;
  width: 43.92px;
  height: 43.92px;
}
.gallery {
  position: absolute;
  top: 2555.82px;
  left: 168px;
  width: 1584px;
  height: 137.96px;
  mix-blend-mode: normal;
  font-size: var(--font-size-56xl);
  color: var(--color-black);
  font-family: var(--font-impact);
}
.philosophie-bground-blackwhite-icon {
  position: absolute;
  top: 0;
  left: 23.99px;
  width: 1920.79px;
  height: 1191.64px;
  object-fit: cover;
}
.philosophie-bground {
  position: absolute;
  top: 92.14px;
  left: 24.78px;
  background-color: rgba(30, 131, 160, 0.37);
  box-shadow: -11100px 3px 6px rgba(0, 0, 0, 0.16) inset;
  width: 1920px;
  height: 1171px;
}
.philosophie-icon-platzquartier {
  position: absolute;
  top: 1151.64px;
  left: 1883.79px;
  width: 26px;
  height: 28px;
  object-fit: cover;
}
.willkommen-bei-platzquartier {
  margin: 0;
}
.ihrem-zuverlssigen-partner {
  margin: 0;
  font-size: var(--font-size-xl);
}
.philosophie-txt-wilkommen {
  position: absolute;
  top: 571.62px;
  left: 124.29px;
  line-height: 35px;
  display: inline-block;
  width: 752px;
  height: 90px;
}
.philosophie-txt-contact {
  position: absolute;
  width: 86.38%;
  top: 27.61%;
  left: 1.91%;
  font-size: var(--font-size-7xl);
  display: inline-block;
  font-family: var(--font-verdana);
  color: var(--color-white);
  text-align: center;
}
.philosophie-icon-contact {
  position: absolute;
  height: 38.49%;
  width: 7.5%;
  top: 31.6%;
  right: 7.42%;
  bottom: 29.91%;
  left: 85.08%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.gruppe-56,
.philosophie-button-contact {
  position: absolute;
  width: 389px;
  height: 76px;
}
.gruppe-56 {
  top: 0;
  left: 0;
  border-radius: 25px;
  background-color: rgba(40, 135, 162, 0.9);
}
.philosophie-button-contact {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  top: 677.64px;
  left: 274.78px;
}
.philosophie-button-contact:hover {
  display: flex;
}
.philosophie-box-background {
  position: absolute;
  top: 30.92px;
  left: 1163.15px;
  border-radius: var(--br-11xl);
  background-color: rgba(32, 117, 141, 0.56);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16) inset,
    30px 30px 10px rgba(54, 54, 54, 0.27);
  border: 10px solid var(--color-gray-300);
  box-sizing: border-box;
  width: 625px;
  height: 1228.73px;
  transform: rotate(6deg);
}
.philosophie-icon-book {
  position: absolute;
  top: 31.5px;
  right: -3px;
  width: 33px;
  height: 30px;
  object-fit: cover;
}
.philosphie-txt-content {
  position: absolute;
  height: 100%;
  width: calc(100% - 0.53px);
  top: 0;
  left: 0;
  letter-spacing: 0.17px;
  line-height: 28px;
  display: inline-block;
}
.philosophie-txt-header {
  position: absolute;
  width: calc(100% - 35.07px);
  top: 24px;
  left: 0;
  font-size: var(--font-size-16xl);
  display: inline-block;
}
.gruppe-53,
.philosophie-content {
  position: relative;
  width: 426.07px;
  height: 439.99px;
}
.philosophie-content {
  position: absolute;
  top: 396.63px;
  right: 269.66px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--color-white);
  font-family: var(--font-verdana);
}
.philosophie-divider-white {
  position: absolute;
  top: 1190.64px;
  left: 0;
  background-color: var(--color-white);
  width: 1969.57px;
  height: 146px;
}
.philosophie-txt-schaffdirplatz {
  position: absolute;
  top: 915px;
  left: 1259.78px;
  letter-spacing: 0.2px;
  display: inline-block;
  text-align: center;
  width: 380px;
}
.philosophie {
  position: absolute;
  top: 1147.73px;
  left: -24.78px;
  width: 1969.57px;
  height: 1336.64px;
  text-align: left;
  font-size: var(--font-size-21xl);
}
.philosophie-navbar {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-white);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  width: 1920px;
  height: 90px;
  font-size: var(--font-size-xl);
  color: var(--color-black);
}
.firstpage-bgimage-opener-icon {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.header-txt-platzquartier {
  position: absolute;
  bottom: 0;
  left: calc(50% - 263.26px);
  font-size: var(--font-size-21xl);
  letter-spacing: 0.2px;
  display: inline-block;
  font-family: var(--font-verdana);
  color: var(--color-white);
  text-align: center;
  width: 370px;
}
.header-icon-platzquartiertrki {
  position: absolute;
  height: calc(100% + 8.5px);
  top: 0;
  bottom: -8.5px;
  left: 0;
  max-height: 100%;
  width: 176.98px;
  object-fit: cover;
}
.header-txt-schaffdirplatz {
  position: absolute;
  top: 25.91px;
  right: -1px;
  font-size: 110px;
  letter-spacing: 1.65px;
  font-family: var(--font-impact);
  color: var(--color-white);
  text-align: center;
}
.firstpage-logo {
  position: absolute;
  top: calc(50% + 216.23px);
  right: 68px;
  width: 853.49px;
  height: 183.91px;
}
.nav-link-home1 {
  position: absolute;
  top: calc(50% - 534.87px);
  left: 1125px;
  font-size: var(--font-size-xl);
  letter-spacing: 0.1px;
  display: inline-block;
  font-family: var(--font-verdana);
  color: var(--color-white);
  text-align: center;
  width: 68px;
  height: 24px;
}
.nav-link-objekte1 {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: 39px;
  left: calc(50% + 296px);
  width: 91px;
  height: 24px;
}
.nav-link-beruns1,
.nav-link-contact1,
.nav-link-objekte1 {
  font-size: var(--font-size-xl);
  letter-spacing: 0.1px;
  font-weight: 700;
  font-family: var(--font-verdana);
  color: var(--color-white);
  text-align: center;
  display: inline-block;
}
.nav-link-contact1 {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: 39.52px;
  left: calc(50% + 447px);
  width: 91px;
  height: 23px;
}
.nav-link-beruns1 {
  top: 41px;
  right: 258px;
  width: 105px;
  height: 22px;
}
.firstpage,
.nav-link-beruns1,
.nav-link-impressum1 {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: absolute;
}
.nav-link-impressum1 {
  top: 40px;
  right: 67px;
  font-size: var(--font-size-xl);
  letter-spacing: 0.1px;
  font-weight: 700;
  font-family: var(--font-verdana);
  color: var(--color-white);
  text-align: center;
  display: inline-block;
  width: 131px;
  height: 23px;
}
.firstpage {
  height: 100%;
  top: 0;
  left: 0;
  width: 1920px;
}
.mainpage,
.rechteck-88 {
  background-color: var(--color-white);
}
.rechteck-88 {
  position: absolute;
  top: 1103px;
  left: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  width: 1920px;
  height: 90px;
}
.mainpage {
  position: relative;
  width: 100%;
  height: 14135px;
  text-align: center;
  font-size: var(--font-size-4xl);
  color: var(--color-white);
  font-family: var(--font-verdana);
}


/* // overwrites // */


.category-button,
.category-button-left {
  left: 206.64px;
  right: unset;
}
.category-button-right {
  left: unset;
  right: 218.47px;
}
.brorume-button-object,
.wohnungen-button-object {
  bottom: 95px;
}

.brorume-txt-content {
  bottom: 165.8px;
  height: 183.39px;
}
.wohnungen-txt-content {
  bottom: 184.11px;
  height: 203.39px;
}
.static-philosophie {
  margin-top: -200px;
}
.filter-button-brorume {
  border-radius: var(--br-lgi);
  background-color: var(--color-cadetblue-100);
}


/* // non-responsive // */
/* // second version // */
.brorume-icon,
.office-icon {
  position: absolute;
  top: 6422px;
  right: -18px;
  width: 769.33px;
  height: 1145px;
  object-fit: cover;
}
.brorume-icon {
  top: 7558.89px;
  right: 284.26px;
  width: 26.68px;
  height: 24.79px;
}
.brorume-txt {
  position: absolute;
  top: 7549px;
  left: 1365.17px;
  font-size: var(--font-size-16xl);
  letter-spacing: 1.05px;
  line-height: 30px;
  display: inline-block;
  width: 234px;
}
.rechteck-90 {
  position: absolute;
  top: 7458px;
  left: 0;
  background-color: var(--color-white);
  border: 1px solid var(--color-dimgray);
  box-sizing: border-box;
  width: 1920px;
  height: 103px;
}
.wohnungen-background-blue {
  position: absolute;
  top: 7561px;
  right: 0;
  background-color: var(--color-cadetblue-200);
  width: 1143.67px;
  height: 993.24px;
}
.beruns-divider-christian {
  position: absolute;
  top: 8078.81px;
  left: 233.52px;
  background-color: var(--color-white);
  width: 1060.63px;
  height: 25px;
  transform: rotate(90deg);
}
.office-icon1 {
  position: absolute;
  top: 7561px;
  left: 0;
  width: 769.33px;
  height: 1145px;
  object-fit: cover;
}
.brorume-icon1,
.wohnungen-divider-darkgrey-icon {
  position: absolute;
  top: 8551px;
  left: 0;
  width: 1920px;
  height: 46px;
  object-fit: cover;
}
.brorume-icon1 {
  top: 8743.89px;
  left: 244.26px;
  width: 26.68px;
  height: 24.79px;
}
.brorume-txt1,
.wohnungen-txt {
  position: absolute;
  line-height: 30px;
  display: inline-block;
}
.brorume-txt1 {
  top: 8734px;
  left: 281.83px;
  font-size: var(--font-size-16xl);
  letter-spacing: 1.05px;
  width: 234px;
  transform: rotate(180deg) scaleY(-1);
}
.wohnungen-txt {
  width: calc(100% + 1px);
  top: calc(50% - 27px);
  left: 0;
}
.gruppe-153 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.gruppe-156 {
  position: absolute;
  top: 7702px;
  right: 191.47px;
  width: 321px;
  height: 54px;
}
.wohnungen-txt-content {
  position: absolute;
  height: calc(100% - 143.86px);
  width: calc(100% - 3.21px);
  top: 143.86px;
  left: 0;
  letter-spacing: 0.17px;
  line-height: 24px;
  display: inline-block;
}
.wohnungen-line-white-icon {
  position: absolute;
  width: 100%;
  top: calc(50% - 118.13px);
  right: 1.5px;
  left: -1.5px;
  max-width: 100%;
  overflow: hidden;
  height: 3px;
  object-fit: cover;
}
.wohnungen-txt-header {
  position: absolute;
  width: calc(100% - 3.21px);
  top: 0;
  left: 0;
  font-size: var(--font-size-21xl);
  line-height: 50px;
  display: inline-block;
  height: 111px;
}
.gruppe-157 {
  position: absolute;
  top: 7845.32px;
  right: 150px;
  width: 785.8px;
  height: 455.25px;
  text-align: left;
  font-size: var(--font-size-mid);
}
.wohnungen-button-bground-icon {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.wohnungen-button-icon {
  position: absolute;
  top: calc(50% - 19.66px);
  left: calc(50% + 102.57px);
  width: 34.4px;
  height: 39.32px;
  object-fit: cover;
}
.wohnungen-button-txt {
  position: absolute;
  top: calc(50% - 16.08px);
  left: calc(50% - 146.53px);
  letter-spacing: 0.23px;
  display: inline-block;
  width: 253px;
}
.gruppe-158 {
  position: absolute;
  top: 8389.89px;
  left: 1154.64px;
  width: 421.06px;
  height: 84.28px;
  font-size: var(--font-size-4xl);
  color: var(--color-cadetblue-200);
}
.filter-icon-brorume {
  position: absolute;
  top: 7709.3px;
  right: 150px;
  width: 41.47px;
  height: 39.4px;
  object-fit: cover;
}
.wohnungen-background-blue1 {
  position: absolute;
  bottom: 1278.76px;
  left: 0;
  background-color: var(--color-cadetblue-200);
  width: 1143.67px;
  height: 993.24px;
}
.beruns-divider-christian1 {
  position: absolute;
  bottom: 1729.19px;
  left: 625.85px;
  background-color: var(--color-white);
  width: 1060.63px;
  height: 25px;
  transform: rotate(90deg);
}
.office-icon2 {
  position: absolute;
  right: -18px;
  bottom: 1127px;
  width: 769.33px;
  height: 1145px;
  object-fit: cover;
}
.wohnungen-divider-darkgrey-icon1 {
  position: absolute;
  bottom: 1236px;
  left: 0;
  width: 1920px;
  height: 46px;
  object-fit: cover;
}
.rechteck-94 {
  position: absolute;
  bottom: 2055px;
  left: -35px;
  border-radius: var(--br-21xl);
  background-color: var(--color-darkslategray-300);
  width: 601px;
  height: 105px;
}
.wohnungen-button-txt1 {
  position: absolute;
  top: calc(50% - 12.25px);
  left: 0;
  letter-spacing: 0.23px;
  display: inline-block;
  width: 196px;
}
.filter-icon-lagerrume {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
  width: 35.45px;
  object-fit: cover;
}
.gruppe-170 {
  position: absolute;
  top: calc(50% - 15.14px);
  left: calc(50% - 123.53px);
  width: 246.45px;
  height: 31.51px;
}
.gruppe-159 {
  position: absolute;
  bottom: 1372.72px;
  left: 361px;
  width: 421.06px;
  height: 84.28px;
  font-size: var(--font-size-4xl);
  color: var(--color-cadetblue-200);
}
.gruppe-160 {
  position: absolute;
  bottom: 1500.06px;
  left: 133px;
  width: 785.8px;
  height: 455.25px;
  text-align: left;
  font-size: var(--font-size-mid);
}
.rechteck-95 {
  position: absolute;
  bottom: 1133px;
  left: 0;
  background-color: var(--color-white);
  border: 1px solid var(--color-dimgray);
  box-sizing: border-box;
  width: 1920px;
  height: 103px;
}
.rechteck-98 {
  position: absolute;
  top: 7677px;
  right: -35px;
  border-radius: var(--br-21xl);
  background-color: var(--color-darkslategray-300);
  width: 630px;
  height: 105px;
}
.wohnungen-button-txt2 {
  position: absolute;
  top: calc(50% - 13px);
  left: 0;
  letter-spacing: 0.23px;
  display: inline-block;
  width: 200px;
}
.filter-icon-brorume1 {
  position: absolute;
  height: calc(100% - 1.79px);
  top: 0;
  right: 0;
  bottom: 1.79px;
  max-height: 100%;
  width: 29.69px;
  object-fit: cover;
}
.gruppe-168 {
  position: absolute;
  top: calc(50% - 15.14px);
  left: calc(50% - 123.53px);
  width: 246.27px;
  height: 30px;
}
.gruppe-164 {
  position: absolute;
  top: 8390px;
  left: 1155px;
  width: 421.06px;
  height: 84.28px;
  font-size: var(--font-size-4xl);
  color: var(--color-cadetblue-200);
}
.rechteck-93 {
  position: absolute;
  top: 8597px;
  left: 0;
  background-color: var(--color-white);
  border: 1px solid var(--color-dimgray);
  box-sizing: border-box;
  width: 1960px;
  height: 103px;
}
.gruppe-162 {
  position: absolute;
  height: 100%;
  width: calc(100% - 44.8px);
  top: 0;
  right: 0;
  bottom: 0;
  left: 44.8px;
}
.filter-icon-brorume2 {
  position: absolute;
  height: calc(100% - 14.6px);
  top: 7.3px;
  bottom: 7.3px;
  left: 0;
  max-height: 100%;
  width: 41.47px;
  object-fit: cover;
}
.gruppe-174 {
  position: absolute;
  top: 7703px;
  right: 177.1px;
  width: 365.8px;
  height: 54px;
}
.wohnungen-background-blue3 {
  position: absolute;
  right: 0;
  bottom: 152.76px;
  background-color: var(--color-cadetblue-200);
  width: 1143.67px;
  height: 993.24px;
}
.beruns-divider-christian3 {
  position: absolute;
  bottom: 603.19px;
  left: 233.52px;
  background-color: var(--color-white);
  width: 1060.63px;
  height: 25px;
  transform: rotate(90deg);
}
.office-icon4,
.wohnungen-divider-darkgrey-icon3 {
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 769.33px;
  height: 1145px;
  object-fit: cover;
}
.wohnungen-divider-darkgrey-icon3 {
  bottom: 110px;
  width: 1920px;
  height: 46px;
}
.rechteck-99 {
  position: absolute;
  right: -155px;
  bottom: 925px;
  border-radius: var(--br-21xl);
  background-color: var(--color-darkslategray-300);
  width: 636px;
  height: 105px;
}
.gruppe-166 {
  position: absolute;
  right: 150px;
  bottom: 406.43px;
  width: 785.8px;
  height: 455.25px;
  text-align: left;
  font-size: var(--font-size-mid);
}
.wohnungen-button-bground-icon3 {
  position: absolute;
  bottom: 232.72px;
  left: 1155px;
  width: 421.06px;
  height: 84.28px;
  object-fit: cover;
}
.gruppe-165 {
  position: absolute;
  height: 100%;
  width: calc(100% - 59.47px);
  top: 0;
  right: 0;
  bottom: 0;
  left: 59.47px;
}
.filter-icon-garagen {
  position: absolute;
  height: calc(100% - 12.82px);
  top: 6.41px;
  bottom: 6.41px;
  left: 0;
  max-height: 100%;
  width: 40.98px;
  object-fit: cover;
}
.gruppe-172 {
  position: absolute;
  right: 150px;
  bottom: 950px;
  width: 276.47px;
  height: 54px;
}/*
.footer-bground-darkgrey {
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-darkslategray-200);
  box-shadow: -11100px 3px 6px rgba(0, 0, 0, 0.16) inset;
  height: 40px;
}
.footer-txt-copyright {
  position: absolute;
  bottom: 13px;
  left: calc(50% - 94px);
  color: var(--color-gray-100);
  display: inline-block;
  width: 189px;
}
.footer-link-cookieconsent,
.footer-link-datenschutzbestimm {
  position: absolute;
  top: 0;
  left: calc(50% - 167px);
  display: inline-block;
  width: 111px;
}
.footer-link-datenschutzbestimm {
  left: calc(50% - 399px);
  width: 195px;
}
.footer-link-agbs {
  left: 119px;
  width: 41px;
}
.footer-link-agbs,
.footer-link-email,
.footer-link-impressum {
  position: absolute;
  top: 0;
  display: inline-block;
}
.footer-link-impressum {
  left: 0;
  width: 82px;
}
.footer-link-email {
  right: -1px;
  width: 160px;
}
.footer-link-phonenumber {
  position: absolute;
  right: 15px;
  bottom: 0;
  color: var(--color-gray-100);
  display: inline-block;
  width: 118px;
}
.footer-links {
  position: absolute;
  right: 43px;
  bottom: 12px;
  width: 1192px;
  height: 55px;
  font-size: var(--font-size-sm);
}
.footer-icon-instagram {
  text-decoration: none;
  position: absolute;
  height: calc(100% - 16.79px);
  width: calc(100% - 16.78px);
  top: 8.31px;
  right: 8.55px;
  bottom: 8.47px;
  left: 8.23px;
  background-color: var(--color-darkslategray-200);
}
.footer-button-instagram {
  position: absolute;
  top: calc(50% - 38px);
  right: 131px;
  width: 40px;
  height: 40px;
}
.footer-bground-circlewhite-icon1 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.footer-icon-facebook {
  text-decoration: none;
  position: absolute;
  height: calc(100% - 17.3px);
  width: calc(100% - 17.3px);
  top: 8.55px;
  right: 8.7px;
  bottom: 8.75px;
  left: 8.6px;
  background-color: var(--color-darkslategray-200);
}
.footer-button-facebook {
  position: absolute;
  top: calc(50% - 38px);
  right: 68px;
  width: 40px;
  height: 40px;
}
.footer-line-white {
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 335px);
  border-top: 2px solid var(--color-white);
  box-sizing: border-box;
  width: 668px;
  height: 4px;
  opacity: 0.78;
}
.footer-icon-platzquartierwhite {
  position: absolute;
  height: calc(100% - 4px);
  top: 0;
  bottom: 4px;
  left: 0;
  max-height: 100%;
  width: 36px;
  object-fit: cover;
}
.footer-txt-schaffdirplatz {
  position: absolute;
  right: -1px;
  bottom: 13px;
  letter-spacing: 0.39px;
}
.footer-txt-platzquartier {
  position: absolute;
  bottom: 0;
  left: 39px;
  font-size: 15px;
  letter-spacing: 0.08px;
  display: inline-block;
  font-family: var(--font-verdana);
  width: 139px;
}
.footer-logo-platzquartier {
  position: absolute;
  top: calc(50% - 40px);
  left: 68px;
  width: 201px;
  height: 44px;
  text-align: center;
  font-size: var(--font-size-7xl);
  font-family: var(--font-impact);
}
.footer,
.wohnungen-divider-darkgrey {
  position: absolute;
  left: 0;
  background-color: var(--color-darkslategray-100);
  box-shadow: -11100px 3px 6px rgba(0, 0, 0, 0.16) inset;
  width: 1920px;
}
.footer {
  bottom: 0;
  height: 156px;
  text-align: left;
  font-size: 12px;
}*/
.wohnungen-divider-darkgrey {
  top: 6228.15px;
  height: 71px;
}
.rechteck-100,
.wohnungen-background-blue4 {
  position: absolute;
  top: 6422px;
  left: 0;
  background-color: var(--color-cadetblue-200);
  width: 1143.67px;
  height: 993.24px;
}
.rechteck-100 {
  top: 6543px;
  left: -46px;
  border-radius: var(--br-21xl);
  background-color: var(--color-darkslategray-300);
  width: 588px;
  height: 105px;
}
.beruns-divider-christian4 {
  position: absolute;
  top: 6939.81px;
  left: 625.85px;
  background-color: var(--color-white);
  width: 1060.63px;
  height: 25px;
  transform: rotate(90deg);
}
.filter-line-wei-icon {
  position: absolute;
  top: calc(50% - 17.17px);
  left: calc(50% - 539.62px);
  width: 1071.12px;
  height: 3.25px;
  object-fit: cover;
}
.filter-txt-schaffdirplatz {
  position: absolute;
  top: calc(50% - 142.82px);
  left: calc(50% - 404.21px);
  letter-spacing: 0.4px;
  display: inline-block;
  width: 385px;
}
.filter-txt-platzquartier {
  position: absolute;
  top: calc(50% - 112.86px);
  left: calc(50% - 506.1px);
  font-size: 80px;
  text-transform: uppercase;
  font-family: var(--font-impact);
  display: inline-block;
  width: 690px;
}
.filter-logo-platzquartier-icon {
  position: absolute;
  top: calc(50% - 172.6px);
  left: calc(50% - 542.5px);
  width: 131px;
  height: 143px;
  object-fit: cover;
}
.filter-txt-ichsuche {
  position: absolute;
  top: calc(50% - 8.85px);
  left: calc(50% - 533.12px);
  font-size: 30px;
}
.filter-txt-brorume {
  position: absolute;
  top: calc(50% - 11.44px);
  left: calc(50% - 48.43px);
  font-size: var(--font-size-2xl);
  font-family: var(--font-verdana);
  color: var(--color-white);
  text-align: center;
}
.filter-icon-brorume3 {
  position: absolute;
  top: calc(50% - 13.56px);
  left: calc(50% - 83.57px);
  width: 26.1px;
  height: 24.79px;
  object-fit: cover;
}
.filter-button-brorume {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: calc(50% + 8.41px);
  left: calc(50% - 326.52px);
  width: 298.05px;
  height: 71.24px;
}
.filter-button-wohnungen2 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-lgi);
  background-color: var(--color-cadetblue-100);
}
.filter-txt-wohnungen {
  position: absolute;
  top: calc(50% - 10.78px);
  left: calc(50% - 90.49px);
  font-size: var(--font-size-2xl);
  font-family: var(--font-verdana);
  color: var(--color-white);
  text-align: center;
}
.filter-icon-wohnungen {
  position: absolute;
  top: calc(50% - 14.22px);
  left: calc(50% + 65.82px);
  width: 24.67px;
  height: 28.43px;
  object-fit: cover;
}
.filter-button-wohnungen {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: calc(50% + 8.41px);
  left: calc(50% - 18.52px);
  width: 298.05px;
  height: 71.24px;
}
.filter-txt-lagerrume {
  position: absolute;
  top: calc(50% - 9.57px);
  left: calc(50% - 92.38px);
  font-size: var(--font-size-2xl);
  font-family: var(--font-verdana);
  color: var(--color-white);
  text-align: center;
}
.filter-icon-lagerrume1 {
  position: absolute;
  top: calc(50% - 13.91px);
  left: calc(50% + 65.08px);
  width: 31.31px;
  height: 27.83px;
  object-fit: cover;
}
.filter-button-lagerrume {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: var(--color-cadetblue-100);
  position: absolute;
  top: calc(50% + 94.76px);
  left: calc(50% - 18.5px);
  border-radius: var(--br-lgi);
  width: 298.05px;
  height: 71.24px;
}
.filter-txt-garagen {
  position: absolute;
  top: calc(50% - 8.5px);
  left: calc(50% - 27.77px);
  font-size: var(--font-size-2xl);
  display: inline-block;
  font-family: var(--font-verdana);
  color: var(--color-white);
  text-align: center;
  width: 101px;
}
.filter-icon-garagen1 {
  position: absolute;
  top: calc(50% - 16.5px);
  left: calc(50% - 72.23px);
  width: 28.44px;
  height: 28.58px;
  object-fit: cover;
}
.filter-button-garagen {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: var(--color-cadetblue-100);
  position: absolute;
  top: calc(50% + 94.76px);
  left: calc(50% - 326.52px);
  border-radius: var(--br-lgi);
  width: 298.05px;
  height: 71.24px;
}
.filter {
  position: absolute;
  top: 5186.73px;
  left: 0;
  background-color: #373737;
  box-shadow: -11100px 3px 6px rgba(0, 0, 0, 0.16) inset;
  width: 1921px;
  height: 1050.42px;
  font-size: var(--font-size-21xl);
}
.wohnungen-divider-darkgrey-icon4 {
  position: absolute;
  top: 7412px;
  left: 0;
  width: 1920px;
  height: 46px;
  object-fit: cover;
}
.wohnungen-button-icon1 {
  position: absolute;
  height: calc(100% - 0.61px);
  top: 0;
  right: 0;
  bottom: 0.61px;
  max-height: 100%;
  width: 23.97px;
  object-fit: cover;
}
.wohnungen-button-txt3 {
  position: absolute;
  width: calc(100% - 38.97px);
  top: calc(50% - 14px);
  left: 0;
  letter-spacing: 0.23px;
  display: inline-block;
}
.gruppe-169 {
  position: absolute;
  top: calc(50% - 14.14px);
  left: calc(50% - 117.53px);
  width: 234.97px;
  height: 28px;
}
.gruppe-143 {
  position: absolute;
  top: 7237px;
  left: 361px;
  width: 421.06px;
  height: 84.28px;
  font-size: var(--font-size-4xl);
  color: var(--color-cadetblue-200);
}
.wohnungen-button-txt4 {
  position: absolute;
  width: calc(100% - 31.12px);
  top: calc(50% - 12.88px);
  left: 0;
  letter-spacing: 0.23px;
  display: inline-block;
}
.filter-icon-garagen2 {
  position: absolute;
  height: calc(100% - 3.36px);
  top: 0;
  right: 0;
  bottom: 3.36px;
  max-height: 100%;
  width: 26.76px;
  object-fit: cover;
}
.gruppe-171 {
  position: absolute;
  bottom: 259.75px;
  left: 1243px;
  width: 245.12px;
  height: 30.25px;
  font-size: var(--font-size-4xl);
  color: var(--color-cadetblue-200);
}
.gruppe-150 {
  position: absolute;
  top: 6738.69px;
  left: 133px;
  width: 785.8px;
  height: 455.25px;
  text-align: left;
  font-size: var(--font-size-mid);
}
.wohnungen-icon {
  position: absolute;
  height: calc(100% - 9.61px);
  top: 5px;
  bottom: 4.61px;
  left: 0;
  max-height: 100%;
  width: 38.84px;
  object-fit: cover;
}
.wohnungen-txt3 {
  position: absolute;
  width: calc(100% - 51.84px);
  top: calc(50% - 27px);
  left: 52.84px;
  line-height: 30px;
  display: inline-block;
}
.gruppe-152 {
  position: absolute;
  top: 6569px;
  left: 133px;
  width: 373.84px;
  height: 54px;
}
.badezimmer-wohung-icon,
.office-icon5 {
  position: absolute;
  top: 0;
  object-fit: cover;
}
.office-icon5 {
  right: 0.95px;
  width: 367.46px;
  height: 551.19px;
}
.badezimmer-wohung-icon {
  left: 1.98px;
  width: 318.07px;
  height: 424.1px;
}
.img-7219-kopie-icon,
.linke-seite-icon {
  position: absolute;
  top: 0;
  left: calc(50% - 5.91px);
  width: 386.23px;
  height: 289.67px;
  object-fit: cover;
}
.img-7219-kopie-icon {
  left: calc(50% - 427.7px);
  width: 388.21px;
  height: 291.15px;
}
.img-1799-icon {
  position: absolute;
  top: calc(50% - 193.11px);
  left: 0;
  width: 600.58px;
  height: 400.51px;
  object-fit: cover;
}
.img-1776-icon,
.img-4525-kopie-icon {
  position: absolute;
  top: calc(50% - 188.18px);
  object-fit: cover;
}
.img-1776-icon {
  right: 0.95px;
  width: 265.72px;
  height: 398.45px;
}
.img-4525-kopie-icon {
  left: calc(50% - 152.1px);
  width: 641.08px;
  height: 396.11px;
}
.img-1795-icon {
  position: absolute;
  top: 322.02px;
  left: calc(50% - 427.7px);
  width: 808.02px;
  height: 578.85px;
  object-fit: cover;
}
.raum-1-platzquartier-1150-2-an {
  top: calc(50% - 646.52px);
  left: 1.98px;
  width: 318.07px;
  height: 438.58px;
}
.datei-13-icon,
.hintergrund-icon,
.raum-1-platzquartier-1150-2-an {
  position: absolute;
  object-fit: cover;
}
.datei-13-icon {
  top: calc(50% - 543.86px);
  right: 0;
  width: 368.45px;
  height: 335.99px;
}
.hintergrund-icon {
  width: calc(100% - 3.47px);
  right: 1.5px;
  bottom: 0;
  left: 1.98px;
  border-radius: 0 0 0 var(--br-21xl);
  max-width: 100%;
  overflow: hidden;
  height: 878.16px;
}
.gallery-images {
  position: absolute;
  top: 2768.12px;
  left: 178px;
  width: 1564.64px;
  height: 2217.61px;
}
.gallery-txt-platzquartier {
  position: absolute;
  width: calc(100% + 1px);
  top: calc(50% - 47.98px);
  left: 0;
  letter-spacing: 0.75px;
  display: inline-block;
}
.gallery-linie-schwarz {
  position: absolute;
  width: calc(100% - 43.43px);
  right: 22.93px;
  bottom: -3px;
  left: 20.5px;
  border-top: 3px solid var(--color-black);
  box-sizing: border-box;
  height: 6px;
}
.gallery-icon-platzquartierpetr {
  position: absolute;
  top: 0;
  left: calc(50% - 339px);
  width: 89px;
  height: 98px;
  object-fit: cover;
}
.gallery-button-facebook,
.gallery-button-instagram {
  text-decoration: none;
  position: absolute;
  top: calc(50% - 14.89px);
  right: 98.15px;
  background-color: var(--color-black);
  width: 44.92px;
  height: 44.91px;
}
.gallery-button-facebook {
  right: 24.22px;
  width: 43.92px;
  height: 43.92px;
}
.gallery {
  position: absolute;
  top: 2555.82px;
  left: 168px;
  width: 1584px;
  height: 137.96px;
  mix-blend-mode: normal;
  font-size: 75px;
  color: var(--color-black);
  font-family: var(--font-impact);
}
.philosophie-bground-blackwhite-icon {
  position: absolute;
  top: 0;
  left: 23.99px;
  width: 1920.79px;
  height: 1191.64px;
  object-fit: cover;
}
.philosophie-bground {
  position: absolute;
  top: 60.85px;
  left: 24.78px;
  background-color: rgba(30, 131, 160, 0.37);
  box-shadow: -11100px 3px 6px rgba(0, 0, 0, 0.16) inset;
  width: 1920px;
  height: 1202.29px;
}
.philosophie-icon-platzquartier {
  position: absolute;
  top: 1151.64px;
  left: 1883.79px;
  width: 26px;
  height: 28px;
  object-fit: cover;
}
.willkommen-bei-platzquartier {
  margin: 0;
}
.ihrem-zuverlssigen-partner {
  margin: 0;
  font-size: var(--font-size-xl);
}
.philosophie-txt-wilkommen {
  position: absolute;
  top: 571.62px;
  left: 124.29px;
  line-height: 35px;
  display: inline-block;
  width: 752px;
  height: 90px;
}
.philosophie-txt-kontakt {
  position: absolute;
  width: 86.38%;
  top: 27.61%;
  left: 1.91%;
  font-size: var(--font-size-7xl);
  display: inline-block;
  font-family: var(--font-verdana);
  color: var(--color-white);
  text-align: center;
}
.philosophie-icon-kontakt {
  position: absolute;
  height: 38.49%;
  width: 7.5%;
  top: 31.6%;
  right: 7.42%;
  bottom: 29.91%;
  left: 85.08%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.gruppe-56,
.philosophie-button-kontakt {
  position: absolute;
  width: 389px;
  height: 76px;
}
.gruppe-56 {
  top: 0;
  left: 0;
  border-radius: 25px;
  background-color: rgba(40, 135, 162, 0.9);
}
.philosophie-button-kontakt {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  top: 677.64px;
  left: 274.78px;
}
.philosophie-button-kontakt:hover {
  display: flex;
}
.philosophie-box-background {
  position: absolute;
  top: 30.92px;
  left: 1163.15px;
  border-radius: 30px;
  background-color: rgba(32, 117, 141, 0.56);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16) inset,
    30px 30px 10px rgba(54, 54, 54, 0.27);
  border: 10px solid rgba(255, 255, 255, 0.15);
  box-sizing: border-box;
  width: 625px;
  height: 1228.73px;
  transform: rotate(6deg);
}
.philosophie-icon-book {
  position: absolute;
  top: 31.5px;
  right: -3px;
  width: 33px;
  height: 30px;
  object-fit: cover;
}
.philosphie-txt-content {
  position: absolute;
  height: 100%;
  width: calc(100% - 0.53px);
  top: 0;
  left: 0;
  letter-spacing: 0.17px;
  line-height: 28px;
  display: inline-block;
}
.philosophie-txt-header {
  position: absolute;
  width: calc(100% - 35.07px);
  top: 24px;
  left: 0;
  font-size: var(--font-size-16xl);
  display: inline-block;
}
.gruppe-53,
.philosophie-content {
  position: relative;
  width: 426.07px;
  height: 439.99px;
}
.philosophie-content {
  position: absolute;
  top: 396.63px;
  right: 269.66px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--color-white);
  font-family: var(--font-verdana);
}
.philosophie-divider-white {
  position: absolute;
  top: 1190.64px;
  left: 0;
  background-color: var(--color-white);
  width: 1969.57px;
  height: 146px;
}
.philosophie-txt-schaffdirplatz {
  position: absolute;
  top: 915px;
  left: 1259.78px;
  letter-spacing: 0.2px;
  display: inline-block;
  text-align: center;
  width: 380px;
}
.philosophie {
  position: absolute;
  top: 1147.73px;
  left: -24.78px;
  width: 1969.57px;
  height: 1336.64px;
  text-align: left;
  font-size: var(--font-size-21xl);
}
.firstpage-bgimage-opener-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 1147.73px;
  object-fit: cover;
}
.header-txt-platzquartier {
  position: absolute;
  top: 135.91px;
  left: 163.49px;
  font-size: var(--font-size-21xl);
  letter-spacing: 0.2px;
  display: inline-block;
  font-family: var(--font-verdana);
  color: var(--color-white);
  text-align: center;
  width: 370px;
}
.header-icon-platzquartiertrki {
  position: absolute;
  top: 0;
  left: 0;
  width: 176.98px;
  height: 192.41px;
  object-fit: cover;
}
.header-txt-schaffdirplatz {
  position: absolute;
  top: 25.91px;
  left: 167.49px;
  font-size: 110px;
  letter-spacing: 1.65px;
  font-family: var(--font-impact);
  color: var(--color-white);
  text-align: center;
}
.firstpage-logo {
  position: absolute;
  top: 790.09px;
  left: 998.51px;
  width: 853.49px;
  height: 183.91px;
}
.nav-link-beruns,
.nav-link-home,
.nav-link-impressum,
.nav-link-kontakt,
.nav-link-objekte {
  position: absolute;
  top: 39px;
  left: 1125px;
  font-size: var(--font-size-xl);
  letter-spacing: 0.1px;
  display: inline-block;
  font-family: var(--font-verdana);
  color: var(--color-white);
  text-align: center;
  width: 68px;
  height: 24px;
}
.nav-link-beruns,
.nav-link-impressum,
.nav-link-kontakt,
.nav-link-objekte {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  left: 1256px;
  font-weight: 700;
  width: 91px;
}
.nav-link-beruns,
.nav-link-impressum,
.nav-link-kontakt {
  top: 39.52px;
  left: 1407px;
  height: 23px;
}
.nav-link-beruns,
.nav-link-impressum {
  top: 41px;
  left: 1557px;
  width: 105px;
  height: 22px;
}
.nav-link-impressum {
  top: 40px;
  left: 1722px;
  width: 131px;
  height: 23px;
}
.firstpage,
.gruppe-161 {
  position: absolute;
  height: 100%;
  top: 0;
}
.firstpage {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  left: 0;
  width: 1920px;
}
.gruppe-161 {
  width: calc(100% - 56.29px);
  right: 0;
  bottom: 0;
  left: 56.29px;
}
.filter-icon-lagerrume2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 51.29px;
  height: 45.59px;
  object-fit: cover;
}
.gruppe-173 {
  position: absolute;
  bottom: 2080px;
  left: 133px;
  width: 377.29px;
  height: 54px;
}
.nav-txt-platzquartier {
  position: absolute;
  top: calc(50% - 20.5px);
  left: 116.22px;
  font-size: var(--font-size-21xl);
  font-family: var(--font-impact);
  display: inline-block;
  width: 247px;
  height: 38px;
}
.nav-icon-platzquartier {
  position: absolute;
  top: calc(50% - 31.5px);
  left: 68px;
  width: 46.22px;
  height: 51px;
  object-fit: cover;
}
.nav-link-home1,
.nav-link-kontakt1,
.nav-link-objekte1 {
  cursor: pointer;
  position: absolute;
  letter-spacing: 0.1px;
  font-weight: 700;
  display: inline-block;
}
.nav-link-home1 {
  text-decoration: none;
  top: calc(50% - 6px);
  left: 1125px;
  color: inherit;
  width: 68px;
  height: 24px;
}
.nav-link-kontakt1,
.nav-link-objekte1 {
  width: 91px;
}
.nav-link-objekte1 {
  text-decoration: none;
  top: calc(50% - 6px);
  left: calc(50% + 296px);
  color: inherit;
  height: 24px;
}
.nav-link-kontakt1 {
  border: 0;
  padding: 0;
  background-color: transparent;
  top: calc(50% - 5.48px);
  left: calc(50% + 447px);
  font-size: var(--font-size-xl);
  font-family: var(--font-verdana);
  color: var(--color-black);
  text-align: center;
  height: 23px;
}
.nav-link-beruns1,
.nav-link-impressum1 {
  position: absolute;
  top: calc(50% - 4px);
  right: 258px;
  letter-spacing: 0.1px;
  display: inline-block;
  width: 105px;
  height: 22px;
}
.nav-link-impressum1 {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  top: calc(50% - 5px);
  right: 67px;
  font-size: var(--font-size-xl);
  font-weight: 700;
  font-family: var(--font-verdana);
  color: var(--color-black);
  text-align: center;
  width: 131px;
  height: 23px;
}
.beruns-navbar,
.mainpage {
  background-color: var(--color-white);
}
.beruns-navbar {
  position: absolute;
  top: 1126px;
  left: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  width: 1920px;
  height: 90px;
  font-size: var(--font-size-xl);
  color: var(--color-black);
}
.mainpage {
  position: relative;
  width: 100%;
  height: 10972px;
  text-align: center;
  font-size: var(--font-size-26xl);
  color: var(--color-white);
  font-family: var(--font-verdana);
}
.gallery-linie-schwarz {
  position: absolute;
  width: 100%;
  right: 0px;
  left: 0px;
}

/* ICON CHANGE */
.gallery-icon-platzquartierpetr {
  width: auto;
  height: 102px;
  left: 24.22px;
}
.responsive-gallery-title {
  height: 100px;
}
.gallery-icon-platzquartierpetr{
  bottom: 10px;
  top: unset;
}
.responsive-gallery-title > .social {
  bottom: 11px;
  top: unset;
}
.filter-logo-platzquartier-icon {
  width: auto;
}
.responsive-categories > .top > .txt-schaffdirplatz {
  display: none;
}
.responsive-categories > .top > .txt-platzquartier {
  display: none;
}
/* ##### resposive design ##### */
/* official support until 300px */

/* ---------------------------- */

/* section 1 - philosophie */
@media screen and (max-width: 1710px) {
  .responive-philosophie > .text > .left {
    height: fit-content;
    text-align: center;
    width: 100%;
    margin-top: 200px;
  }
  .responive-philosophie > .text > .left > div {
    width: fit-content;
    margin-top: 0px;
    margin-left: calc(50vw - 385px);
    margin-left: 0px;
    margin-right: 0px;
  }
  .responive-philosophie > .text > .right{
    float: left;
    margin-left: calc(50vw - 350px);
    margin-top: 75px;
  }
  .responive-philosophie > .text > .right > .bground {
    transform: rotate(2deg);
    width: 1000px;
    height: 385px;
    top: 35px;
    left: calc(50vw - 385px - 500px);
    top: -40px;
    left: -500px;
  }
  .responive-philosophie > .text > .right > section {
    margin: 0px;
    height: fit-content;
  }
  .responive-philosophie > .text > .right > section > div {
    margin: 0px;
    height: fit-content;
  }
}
@media screen and (max-width: 880px) {
  .responive-philosophie {
    height: 650px;
    margin-right: 6.25vw;
  }
  .responive-philosophie > .bground{
    height: 750px;
    top: -100px;
  }
  .responive-philosophie > .text > .left {
    margin-top: 85px;
  }
  .responive-philosophie > .text > .left > div {
    margin-left: 6.25vw;
    margin-right: 6.25vw;
  }
  .responive-philosophie > .text > .left p {
    line-height: 47px;
  }
  .ihrem-zuverlssigen-partner {
    display: none;
  }
  .responive-philosophie > .text > .right {
    margin-left: calc(50vw - 210px);
    margin-top: 45px;
  }
  .responive-philosophie > .text > .right > .bground {
    width: 1500px;
    height: 450px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 660px) {
  .responive-philosophie {
    height: 635px;
  }
  .responive-philosophie > .text > .left {
    margin-top: 55px;
  }
  .responive-philosophie > .text > .right {
    margin-top: 60px;
  }
  .responive-philosophie > .text > .right > .bground {
    top: -35px;
  }
}
/*
@media screen and (max-width: 460px) {
  .responive-philosophie {
    height: 380px;
  }
  .responive-philosophie > .bground{
    height: 700px;
    top: -150px;
  }
  .responive-philosophie > .text > .left {
    margin-top: 35px;
  }
  .responive-philosophie > .text > .left p {
    line-height: 34px;
    font-size: 30px;
    width: 250px;
    margin: 0px;
  }
  .philosophie-button-contact {
    display: none;
  }
  .responive-philosophie > .text > .right {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 50px;
  }
  .responive-philosophie > .text > .right > .bground {
    top: -57.5px;
    transform: rotate(1.2deg);
  }
  .responive-philosophie > .text > .right > .philosophie-content {
    margin-left: 15px;
    top: -100px;
  }
  .responive-philosophie > .text > .right >  .philosophie-content > div {
    max-width: calc(100vw - 30px);
  }
  .philosophie-icon-book,
  .philosophie-txt-header {
    display: none;
  }
}
@media screen and (max-width: 434px) {
  .responive-philosophie {
    height: 410px;
  }
}
@media screen and (max-width: 388px) {
  .responive-philosophie {
    height: 440px;
  }
}
@media screen and (max-width: 379px) {
  .responive-philosophie > .text > .left p {
    line-height: 30px;
    font-size: 23px;
  }
}
@media screen and (max-width: 327px) {
  .responive-philosophie {
    height: 140px;
  }
  .responive-philosophie > .bground{
    height: 250px;
    top: -80px;
  }
  .responive-philosophie > .text > .right {
    display: none;
  }
  .responive-philosophie > .watermark {
    display: none;
  }
}
*/
@media screen and (max-width: 459px) {
  .responive-philosophie > .text > .left {
    margin-top: 35px;
  }
  .responive-philosophie > .text > .left p {
    line-height: 34px;
    font-size: 30px;
    width: 250px;
    margin: 0px;
  }
  .philosophie-button-contact,
  .philosophie-icon-book,
  .philosophie-txt-header,
  .responive-philosophie > .text > .right,
  .responive-philosophie > .watermark {
    display: none;
  }
  .responive-philosophie {
    height: 140px;
  }
  .responive-philosophie > .bground{
    height: 250px;
    top: -80px;
  }
}
@media screen and (max-width: 379px) {
  .responive-philosophie > .text > .left p {
    line-height: 30px;
    font-size: 23px;
  }
}

/* section 2 - gallery */
@media screen and (max-width: 1710px) {
  .responsive-gallery-images > .grid-wrapper > .grid-four {
    display: none;
  }
  .responsive-gallery-images > .grid-wrapper > .grid-seven {
    display: none;
  }
  .responsive-gallery-images > .grid-wrapper > .grid-eight {
    grid-column: 1 / 20;
  }
  .responsive-gallery-images > .grid-wrapper > .grid-nine {
    grid-column: 20 / 41;
  }
  .responsive-gallery-images > .grid-wrapper > .grid-ten {
    display: none;
  }
  .responsive-gallery-images > .grid-wrapper > .grid-eleven {
    grid-column: 1 / 41;
  }
}
@media screen and (max-width: 1150px) {
  .responsive-gallery-images > .grid-wrapper {
    gap: 2vw;
  }
}
@media screen and (max-width: 660px) {
  .responsive-gallery-images > .grid-wrapper {
    gap: 2vw;
  }
}
@media screen and (max-width: 499px) {
  /*.responsive-gallery {
    display: none;
  }*/
  .responsive-gallery-title {
    display: none;
  }
}

/* section 3 - categories */
@media screen and (max-width: 1200px) {
  .filter-logo-platzquartier-icon {
    display: none;
  }
  .filter-txt-ichsuche {
    top: calc(50% - 58.85px);
    left: calc(50% - 330px);
  }
  .responsive-categories {
    padding-top: 0px;
  }
  .responsive-categories > .top {
    margin-bottom: 100px;
  }
  .responsive-categories > .top > .line {
    width: 660px;
    left: calc(50% - 330px);
  }
}
@media screen and (max-width: 710px) {
  .filter-txt-ichsuche {
    left: max(5px, calc(50% - 200px));
  }
  .responsive-categories > .top {
    height: 270px;
    margin-bottom: 250px;
  }
  .responsive-categories > .top > .line {
    width: 400px;
    left: calc(50% - 200px);
  }
  .responsive-categories > .top > .button-offices {
    top: calc(50% + 12px);
    left: calc(50% - 150px)
  }
  .responsive-categories > .top > .button-apartments {
    top: calc(50% + 92px);
    left: calc(50% - 150px)
  }
  .responsive-categories > .top > .button-parking {
    top: calc(50% + 172px);
    left: calc(50% - 150px)
  }
  .responsive-categories > .top > .button-storage {
    top: calc(50% + 252px);
    left: calc(50% - 150px)
  }
}
@media screen and (max-width: 500px) {
  .responsive-categories > .top {
    height: calc(45vw + 45px);
    margin-bottom: calc(-7.5vw + 287.5px);
  }
}

/* section 4 - office, etc... */
@media screen and (max-width: 1730px) {
  .responsive-filter > div > .intro > .txt-header > .non-mobile {
    display: none;
  }
}
@media screen and (max-width: 1675px) {
  .responsive-filter > .text > .intro {
    width: 698px;
    left: calc(50% - 349px);
  }
}
@media screen and (max-width: 1300px) {
  .responsive-filter > .text {
    background: rgba(0, 31, 41, 0.33);
    width: 100%;
    position: absolute;
  }
  .responsive-filter > .image {
    width: 100%;
  }
  .responsive-filter > .text > .intro {
    width: 70%;
    left: 15%;
  }
}
@media screen and (max-width: 997px) {
  .responsive-filter > .text > .intro {
    width: 698px;
    left: calc(50% - 349px);
  }
}
@media screen and (max-width: 779px) {
  .responsive-filter {
    display: none;
  }
}