.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
.layout1 #head {
  margin-top: 224px;
  padding-left: 40.55183946%;
  padding-right: 9.28093645%;
}
.navlogo {
  height: 54px;
}
.mainNavi {
  margin-top: 81px;
  margin-top: 150px;
}
.section--home {
  padding-top: 150px;
  padding-bottom: 200px;
}
.homelogo {
  height: 166px;
}
.layout2 .section--multimood {
  margin-bottom: var(--spaceTotal);
}
.section--areaIllustration {
  padding-top: 222px;
  padding-bottom: 110px;
  box-sizing: border-box;
}
.layout3 .section--areaIllustration {
  height: 100vh;
  margin-bottom: var(--spaceTotal);
}
.section--intro {
  padding-top: calc(var(--spaceTotal) * 2);
}
.section--areaMap {
  margin-top: calc(var(--spaceTotal) * 2 - var(--spacePart));
  margin-bottom: var(--spaceTotal);
}
.section--areaCta {
  min-height: 500px;
}
.moodPart--2 {
  padding: 0;
}
.introContent {
  padding-left: 10.03344482%;
}
.contactContent {
  display: flex;
  justify-content: space-between;
  padding-left: 10.03344482%;
  margin-bottom: 400px;
  margin-top: 222px;
}
.contactPart {
  width: 41.80602007%;
}
.mapContent {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.locationDetails {
  width: 50.58528428%;
  padding-left: 11.53846154%;
}
.ctaPart {
  width: 450px;
}
.ctaPart--1 {
  margin-left: 10.11705686%;
}
.designelement--2 {
  top: -100px;
  height: 650px;
  transform: none;
  left: 0;
}
@media (max-width: 1400px) {
  .designelement--2 {
    height: 550px;
  }
}
.designelement--3 {
  top: unset;
  bottom: 0;
}
.designelement--4 {
  top: unset;
  bottom: 30%;
  left: 20%;
  height: 375px;
  transform: none;
}
@media (max-width: 1200px) {
  .designelement--4 {
    bottom: 15%;
  }
}
.designelement--5 {
  left: 50%;
  right: unset;
  bottom: 100px;
  height: 316px;
  transform: translateX(-50%);
}
.designelement--6 {
  height: 350px;
  left: 20%;
  right: unset;
  top: 30%;
}
@media (max-width: 1310px) {
  .designelement--6 {
    height: 250px;
  }
}
.designelement--7 {
  height: 330px;
  left: 0;
  top: 25%;
}
@media (max-width: 1310px) {
  .designelement--7 {
    height: 250px;
  }
}
.designelement--8 {
  height: 260px;
  right: 0;
  bottom: 0px;
}
.designelement--9 {
  height: 490px;
  right: 0;
  bottom: 0;
}
.designelement--10 {
  width: 1210px;
  left: 60px;
}
.designelement--11 {
  height: 350px;
  left: 50%;
}
.designelement--12 {
  height: 333px;
  right: var(--deskSpace);
  top: 96px;
}
.designelement--13 {
  height: 460px;
  right: 0;
  top: 0;
}
.footarea {
  padding-top: 62px;
  padding-bottom: 62px;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}
.footpart--right {
  margin-top: 0;
}
.contact {
  margin-top: 20px;
}
.area--one {
  width: 101.6722408%;
  margin-left: -0.8361204%;
}
.area--two {
  padding-left: 40.55183946%;
  padding-right: 9.28093645%;
  margin-bottom: 137px;
}
.area--three {
  padding-left: 44.73244147%;
  padding-right: 21.82274247%;
  min-height: 500px !important;
  margin-top: var(--spaceUnit);
  margin-bottom: var(--spaceTotal);
}
.area--four,
.area--six {
  min-height: 450px !important;
  padding-left: 20.56856187%;
  padding-right: 45.98662207%;
}
.area--five {
  padding-left: 44.73244147%;
  padding-right: 21.82274247%;
  min-height: 450px !important;
  margin-top: var(--spaceUnit);
  margin-bottom: var(--spaceTotal);
}
.area--six {
  margin-top: var(--spaceTotal);
  margin-bottom: var(--spaceTotal);
}
.area--illustration {
  top: 0px;
}
.layout3 .area--illustration {
  top: 200px;
}
.area--map {
  width: 49.33110368%;
}
.area--one .unit {
  margin-left: 0.82236842%;
  margin-right: 0.82236842%;
}
.area--one .unitOne--1-1 {
  width: 98.35526316%;
}
.area--one .unitOne--1-2 {
  width: 48.35526316%;
}
.area--one .unitTwo {
  width: 98.35526316%;
}
.area--one .unitThree {
  width: 98.35526316%;
}
.area--one .unitThree:before {
  content: '';
  position: absolute;
  top: 0;
  right: 100%;
  width: 100vw;
  background-color: #7EA9BC;
  height: 100%;
}
.area--one .unitThree:after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  width: 100vw;
  background-color: #7EA9BC;
  height: 100%;
}
.area--one .unitThree .unit__content {
  padding: 0;
}
.area--one .unitThree--image-wide .unit__background {
  width: 69.56521739%;
  z-index: 2;
}
.area--one .unitThree--image-wide .unit__content {
  width: 30.35117057%;
}
.area--one .unitThree--image-small .unit__background {
  width: 50.8361204%;
  z-index: 2;
}
.area--one .unitThree--image-small .unit__content {
  width: 50%;
  padding-left: 8.36120401%;
}
.area--one .unitThree--image-right .unit__background {
  margin-right: calc((100vw - var(--deskWidth)) * -0.5);
}
.area--one .unitThree--image-right .unit__content {
  margin-right: auto;
}
.area--one .unitThree--image-left .unit__background {
  margin-left: calc(((100vw - var(--deskWidth)) * -0.5) - 10px);
}
.area--one .unitThree--image-left .unit__content {
  margin-left: calc(((100vw - var(--deskWidth)) * 0.5) + 10px);
}
@media (max-width: 1328px) {
  .area--one .unitThree .unit__background {
    margin-right: -5vw;
  }
}
.area--one .unitFour {
  width: 98.35526316%;
  background-size: 345px auto;
  background-position: 100px 0%;
}
.area--one .unitFour:before {
  content: '';
  position: absolute;
  top: 0;
  right: 100%;
  min-width: 100vw;
  background-color: #89CCCA;
  height: 100%;
}
.area--one .unitFour:after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  width: 100vw;
  background-color: #89CCCA;
  height: 100%;
}
.area--one .unitFour .unit__content {
  padding-left: 32.10702341%;
  padding-right: 9.44816054%;
  padding-top: calc((var(--spaceTotal) * 2) - 10px);
  padding-bottom: calc((var(--spaceTotal) * 2) - 10px);
}
.area--one .unitFive {
  width: 48.35526316%;
  min-height: 377px;
}
.area--one .unitFive .unit__content {
  padding-top: calc(var(--spaceUnit) - 5px);
  padding-bottom: calc(var(--spaceUnit) - 5px);
  padding-left: 17.85714286%;
  padding-right: 17.85714286%;
}
/*# sourceMappingURL=./screen-large.css.map */