

/* // non-responsive // */


.static-ber-uns {
  background-color: var(--color-white);
}
.static-ber-uns {
  position: relative;
  width: 100%;
  /*height: 3567px;*/
  text-align: left;
  font-size: var(--font-size-lg);
  color: var(--color-white);
  font-family: var(--font-verdana);
}
.static-ber-uns1 {
  position: relative;
  width: 2466px;
  height: 1815px;
  display: flex;
  flex-direction: row;
  padding: 68px 546px 321px 0;
  box-sizing: border-box;
  align-items: flex-end;
  gap: 150px;
  text-align: center;
  font-size: var(--font-size-56xl);
  
  margin-top: -400px;
  overflow: clip;
  height: 1450px;
  padding-bottom: 0px;
  margin-bottom: -125px;
}
.pfad-28-icon,
.pfad-41-icon {
  position: absolute;
  top: 100px;
  right: -140px;
  width: 1828.03px;
  height: 1779.52px;
}
.pfad-41-icon {
  top: 35px;
  right: -169px;
}
.static-christian {
  position: relative;
  width: 2150px;
  height: 1150px;
  margin-left: -125px;
}
.static-verena {
  position: relative;
  width: 100%;
  height: 987px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}



/* // generated // */

.beruns-img-verena-icon {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-11xl);
  max-height: 100%;
  width: 837px;
  object-fit: cover;
}
.beruns-bground-blue {
  position: absolute;
  height: calc(100% - 0.26px);
  top: 0.26px;
  right: 0;
  bottom: 0;
  background-color: var(--color-cadetblue-200);
  width: 1161px;
}
.beruns-txt-content9 {
  position: absolute;
  top: calc(50% - 31.24px);
  right: 84px;
  line-height: 28px;
  display: inline-block;
  width: 899px;
  height: 140px;
}
.beruns-divider-icon {
  position: absolute;
  height: calc(100% + 18px);
  top: 0;
  bottom: -18px;
  left: calc(50% - 260.35px);
  max-height: 100%;
  width: 166.85px;
  object-fit: cover;
}
.beruns-icon-platzquartier {
  position: absolute;
  top: calc(50% - 139px);
  left: calc(50% + 311.5px);
  width: 63px;
  height: 70px;
  object-fit: cover;
}
.beruns-line-white-icon {
  position: absolute;
  top: calc(50% - 55px);
  right: 2.47px;
  width: 979.53px;
  height: 14px;
  object-fit: cover;
}
.beruns-txt-header {
  position: absolute;
  top: calc(50% - 144.5px);
  left: calc(50% - 57.5px);
  font-size: var(--font-size-56xl);
  display: inline-block;
  text-align: center;
  width: 407px;
}
.gruppe-93,
.verena {
  position: relative;
  width: 1951px;
  height: 987px;
}
.verena {
  position: absolute;
  bottom: 217px;
  left: -30px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.gruppe-89-icon {
  width: 963px;
  height: 1426px;
  object-fit: cover;
}
.beruns-txt-header1 {
  position: absolute;
  height: calc(100% - 6px);
  width: calc(100% - 42.75px);
  top: 6px;
  left: 43.75px;
  display: inline-block;
}
.beruns-icon-platzquartier1 {
  position: absolute;
  height: calc(100% - 6px);
  top: 0;
  bottom: 6px;
  left: 0;
  max-height: 100%;
  width: 74.75px;
  object-fit: cover;
}
.gruppe-94 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.gruppe-92 {
  position: relative;
  width: 523.75px;
  height: 88px;
  margin-left: 3px;
}
.beruns-txt-line {
  position: relative;
  border-top: 3px solid var(--color-white);
  box-sizing: border-box;
  width: 810px;
  height: 6px;
}
.ist-ein-dynamisches {
  font-size: var(--font-size-lg);
}
.beruns-txt-content10 {
  position: relative;
  line-height: 28px;
  text-align: left;
  display: inline-block;
  width: 655px;
  height: 382px;
  flex-shrink: 0;
  margin-top: -3px;
  margin-left: 3px;
  font-size: 22px;
}
.gruppe-90 {
  width: 807px;
  height: 503px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 316px;
}
.gruppe-91-icon {
  position: relative;
  width: 1831.12px;
  height: 1832.91px;
  object-fit: cover;
  margin-bottom: -321px;
}
.ber-uns1 {
  position: absolute;
  top: -239px;
  left: 0;
  width: 2466px;
  height: 1815px;
  display: flex;
  flex-direction: row;
  padding: 68px 546px 321px 0;
  box-sizing: border-box;
  align-items: flex-end;
  gap: 150px;
  text-align: center;
  font-size: var(--font-size-56xl);
}
.christian-icon {
  position: absolute;
  height: calc(100% - 125px);
  top: 66px;
  right: -18px;
  bottom: 59px;
  max-height: 100%;
  width: 866px;
  object-fit: cover;
}
.beruns-bground-christian {
  position: absolute;
  height: calc(100% - 123.52px);
  top: 66px;
  bottom: 57.52px;
  left: 119px;
  background-color: var(--color-cadetblue-200);
  width: 1191px;
}
.beruns-divider-white,
.beruns-divider-white1 {
  position: absolute;
  background-color: var(--color-white);
}
.beruns-divider-white {
  width: calc(100% - 230px);
  right: 109.5px;
  bottom: 0;
  left: 120.5px;
  height: 69px;
}
.beruns-divider-white1 {
  width: calc(100% - 225.5px);
  top: 0;
  right: 102px;
  left: 123.5px;
  height: 66px;
}
.christian1 {
  font-family: var(--font-verdana);
}
.christian-ist-der-grnder-von {
  margin: 0;
}
.beruns-txt-content11 {
  position: absolute;
  top: calc(50% - 79px);
  left: 253px;
  line-height: 28px;
  display: inline-block;
  width: 925px;
  height: 187px;
}
.beruns-divider-christian {
  position: absolute;
  height: calc(100% - 1167px);
  top: 580.19px;
  bottom: 586.81px;
  left: calc(50% - 290.81px);
  background-color: var(--color-white);
  width: 1060.63px;
  transform: rotate(90deg);
}
.beruns-line-christian-icon {
  position: absolute;
  top: calc(50% - 101.75px);
  left: -1.5px;
  width: 632.25px;
  height: 3.25px;
  object-fit: cover;
}
.beruns-txt-header2 {
  position: absolute;
  top: calc(50% - 191px);
  left: 184px;
  font-size: var(--font-size-56xl);
  display: inline-block;
  text-align: center;
  width: 510px;
}
.beruns-icon-platzquartier2 {
  position: absolute;
  top: calc(50% - 180.5px);
  left: calc(50% - 432.75px);
  width: 63px;
  height: 70px;
  object-fit: cover;
}
.christian {
  position: absolute;
  top: 1160.87px;
  left: -123.5px;
  width: 2150px;
  height: 1192px;
}
.ber-uns {
  background-color: var(--color-white);
}
.ber-uns {
  position: relative;
  width: 100%;
  height: 3567px;
  text-align: left;
  font-size: var(--font-size-lg);
  color: var(--color-white);
  font-family: var(--font-verdana);
}
@media screen and (max-width: 1200px) {
  .gruppe-89-icon {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .gruppe-89-icon {
    flex-direction: column;
  }
}
@media screen and (max-width: 428px) {
  .gruppe-89-icon {
    flex-direction: column;
  }
}


/* // overwrites // */



.static-ber-uns1 {
  max-width: 1920px;
  padding-right: 0px;
  height: 1400px;
  margin-bottom: 0px;
  height: 1390px;
  width: 100vw;
}
.static-ber-uns1 > .left {
  height: calc(100% + 100px);
  margin-bottom: -100px;
  width: 50%;
}
.static-ber-uns1 .gruppe-89-icon {
  width: 100%;
}
.static-ber-uns1 .pfad-41-icon {
  right: -715px;
  top: 0px;
}
.static-ber-uns1 .pfad-28-icon {
  right: -686px;
  top: 65px;
}
.static-ber-uns1 .gruppe-90 {
  margin-bottom: 250px;
}
.static-ber-uns .beruns-icon-platzquartier1 {
  height: auto
}



.static-christian {
  max-width: 1920px;
  margin-left: 0px;
  max-width: 1920px;
  margin-left: 0px;
  height: 995px;
  margin-top: 130px;
  width: 100vw;
}
.static-christian > .left {
  background-color: var(--color-cadetblue-200);
  height: 100%;
  float: left;
  overflow: clip;
  width: calc(70% - 185px);
}
.static-christian > .left > div {
  height: fit-content;
  position: relative;
  top: 50%;
  left: 165px;
  margin-left: 0px;
  width: calc(100% - 309px);
}
.static-christian .beruns-txt-header2 {
  right: unset;
  left: 0px;
  width: fit-content;
}
.static-christian .beruns-icon-platzquartier2 {
  top: calc(50% - 185.5px);
  left: 400px;
}
.static-christian .beruns-txt-line {
  top: calc(50% - 101.75px);
  position: absolute;
  left: -165px;
  width: calc(100% + 165px);
}
.static-christian .beruns-txt-content11 {
  left: 0px;
  width: 100%;
}
.static-christian > .right {
  height: 100%;
  width: 755px;
  float: right;
  position: relative;
  width: calc(30% + 179px);
  overflow: clip;
}
.static-christian .christian-icon {
  height: 100%;
  top: 0px;
  right: 0px;
  width: 100%;
}



.static-verena {
  max-width: 1920px;
  margin-left: 0px;
  max-width: 1920px;
  margin-left: 0px;
  height: 995px;
  margin-top: 130px;
  margin-bottom: 50px;
  width: 100vw;
}
.static-verena > .left {
  height: 100%;
  float: left;
  position: relative;
  width: calc(30% + 179px);
  overflow: clip;
}
.static-verena .beruns-img-verena-icon {
  border-radius: unset;
  max-width: 120%;
}
.static-verena > .right {
  position: relative;
  background-color: var(--color-cadetblue-200);
  height: 100%;
  float: right;
  overflow: clip;
  width: calc(70% - 185px);
  margin-left: 10px;
}
.static-verena > .right > div {
  position: relative;
  top: 50%;
  height: 0px;
  left: 165px;
  width: calc(100% - 309px);
}
.static-verena .beruns-txt-header {
  top: calc(50% - 191px);
  right: unset;
  left: 0px;
  width: fit-content;
}
.static-verena .beruns-icon-platzquartier {
  top: calc(50% - 185.5px);
  right: unset;
  left: 320px;
}
.static-verena .beruns-txt-line {
  top: calc(50% - 101.75px);
  position: absolute;
  left: 0px;
  right: unset;
  width: calc(100% + 165px);
}
.static-verena .beruns-txt-content9 {
  top: calc(50% - 79px);
  left: 0px;
  right: unset;
  width: 100%;
}

.static-ber-uns {
  width: fit-content;
  margin: auto;
  box-shadow: 0px 0px 50px 0px #0053738c;
}
.static-ber-uns > div {
  box-shadow: 0px 0px 20px 0px #00537336;
}





@media screen and (max-width: 1645px) {
  .static-ber-uns1 > .left {
    display: none;
  }
  .static-ber-uns1 > .right {
    margin-left: auto;
    margin-right: auto;
    height: 700px;
    position: relative;
  }
  .static-ber-uns1 .pfad-28-icon {
    right: unset;
    width: 1400px;
    left: -300px;
    height: 1600px;
    top: -600px;
  }
  .static-ber-uns1 .pfad-41-icon {
    right: unset;
    width: 1450px;
    left: 3.125vw;
    height: 1700px;
    left: -350px;
    top: -690px;
  }
  .static-ber-uns1 .beruns-txt-content10 {
    width: 805px;
  }
}
  /* second design */
@media screen and (max-width: 1645px) {
  .static-ber-uns1 {
    flex-direction: column;
    height: 1900px;
  }
  .static-ber-uns1 > .left {
    display: block;
    width: 100%;
    margin-bottom: -650px;
    top: -30px;
    position: absolute;
    height: calc(100% + 110px);
    top: calc(29vw - 477.05px);
  }
  .static-ber-uns1 .gruppe-89-icon {
    height: 100%;
  }
  .static-ber-uns1 > .right {
    top: 1200px;
  }
  .static-ber-uns1 .pfad-41-icon {
    top: -730px;
    transform: scaleY(0.7);
  }
  .static-ber-uns1 .pfad-28-icon {
    top: -650px;
    transform: scaleY(0.7);
  }
  .static-ber-uns1 .beruns-txt-content10 {
    width: 805px;
  }
}
@media screen and (max-width: 1350px) {
  .static-christian,
  .static-verena {
    display: none;
  }
}
@media screen and (max-width: 1275px) {
  .static-ber-uns1 > .left {
    top: -110px;
  }
}
@media screen and (max-width: 855px) {
  .static-ber-uns1 > .left {
    height: 950px;
    top: calc(34.5vw - 53.55px + 25px);
  }
  .static-ber-uns1 > .right {
    top: 995px;
  }
  .static-ber-uns,
  .static-ber-uns1 {
    background-color: #1c83a0;
  }
}
@media screen and (max-width: 590px) {
  .static-ber-uns1 > .left {
    top: 175px;
  }
}
@media screen and (max-width: 855px) {
  .static-ber-uns > div {
    box-shadow: unset;
  }
  .static-ber-uns1 {
    height: fit-content;
  }
  .static-ber-uns1 > .right {
    top: unset;
    height: fit-content;
    margin-top: calc(32.5vw + 695.125px);
    width: 100%;
  }
  .static-ber-uns1 .pfad-41-icon {
    top: -780px;
    left: -200px;
  }
  .static-ber-uns1 .pfad-28-icon {
    height: 2400px;
    width: auto;
    left: -1000px;
    top: -740px;
  }
  .static-ber-uns1 .gruppe-90 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    height: fit-content;
    margin-bottom: 120px;
  }
  .static-ber-uns1 .beruns-txt-line {
    width: 100%;
  }
  .static-ber-uns1 .beruns-txt-content10 {
    width: 100%;
    height: fit-content;
  }
}
@media screen and (max-width: 530px) {
  .static-ber-uns1 .beruns-icon-platzquartier1 {
    display: none;
  }
  .static-ber-uns1 .beruns-txt-header1 {
    width: fit-content;
    left: 0px;
    font-size: 60px;
    top: 25px;
  }
}