/* @ font face */
@font-face {
  font-family: "BauWebPro";
  src: url("../fonts/1464536/2f462841-0a9f-409f-858c-9cf49c689fee.eot?#iefix");
  src: url("../fonts/1464536/2f462841-0a9f-409f-858c-9cf49c689fee.eot?#iefix")
      format("eot"),
    url("../fonts/1464536/aabea2ac-03f6-4179-89c7-c052723575a9.woff2")
      format("woff2"),
    url("../fonts/1464536/cc9bfa60-71cf-449d-8da2-feaaa66cd1c5.woff")
      format("woff"),
    url("../fonts/1464536/0a85a0ca-4db0-4027-a2f5-3b705e6c713b.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "BauWebPro";
  src: url("../fonts/1464548/8bee62e6-3e09-48c9-8a78-a9356add2d72.eot?#iefix");
  src: url("../fonts/1464548/8bee62e6-3e09-48c9-8a78-a9356add2d72.eot?#iefix")
      format("eot"),
    url("../fonts/1464548/db90bd28-fa7c-4a61-9fd7-565a260aa4b3.woff2")
      format("woff2"),
    url("../fonts/1464548/8659315a-a0df-4f6a-bd66-8750bbe7fbd1.woff")
      format("woff"),
    url("../fonts/1464548/d2574dce-e649-47cc-af7d-018a9482ca23.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* button reset */
button {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;
  cursor: pointer;
}

/* variables */
/* margins */
/* extends */
a,
a:hover {
  text-decoration: underline;
}

div.project-carousel-wrapper-controls,
div.previousimage,
div.previousimage-lightbox,
div.tolightboximage,
div.nextimage,
div.nextimage-lightbox,
.previouscursor,
.tolightboxcursor,
.nextcursor,
.previouscursor-lightbox,
.nextcursor-lightbox,
div.lightbox-carousel-wrapper-controls {
  cursor: url(./blank.cur), none;
}

/* mixins */
/* breaking points */
/* generals */
html {
  position: relative;
  width: 100%;
  font: 36px "BauWebPro", "Helvetica", "Arial", sans-serif;
  color: #f9646c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: #f9646c;
  -webkit-transition: color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -moz-transition: color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -ms-transition: color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -o-transition: color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  transition: color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
}

a:hover {
  color: #6470df;
}

p {
  font-size: 0.625rem;
  line-height: 140%;
  font-weight: normal;
  color: #f9646c;
  letter-spacing: -0.125px;
  margin-top: calc(0.5rem * 1.75);
  margin-bottom: calc(0.5rem * 1.75);
}

/* here we go */
body {
  position: relative;
  font: "BauWebPro", "Helvetica", "Arial", sans-serif 36px;
  color: #f9646c;
  background-color: white;
  width: 100%;
  height: auto;
  min-height: 100vh;
  overflow: hidden;
}

div#intro-background-wrapper {
  position: absolute;
  width: 100vw;
  height: 100vh;
  bottom: 0;
  overflow: visible;
  background-color: white;
  z-index: 1;
}

div#intro-background-wrapper-overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  bottom: 0;
  left: 0;
  overflow: visible;
  background-color: #f9646c;
  mix-blend-mode: lighten;
  z-index: 2;
}

canvas {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  bottom: 0;
  opacity: 1 !important;
  background-color: #000;
  top: -100vw;
  left: -100vh;
  width: 1px;
  height: 1px;
}

div.logo-letter-pos {
  position: absolute;
  float: left;
  clear: right;
  display: block;
  top: 0;
  opacity: 1;
  mix-blend-mode: difference;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -moz-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -ms-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -o-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
}

.indexpage-intro-fadeout {
  opacity: 0 !important;
}

div.lettersvg {
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: difference;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  /* display: none; */
}

div.logo-letter-pos.logo-b1 {
  width: calc(20%);
  height: calc(20vw);
}

div.logo-letter-pos.logo-b1 div.lettersvg {
  background-position: 0% 0%;
}

div.logo-letter-pos.logo-u1 {
  width: calc(20%);
  height: calc(20vw);
}

div.logo-letter-pos.logo-u1 div.lettersvg {
  background-position: 31% 0%;
}

div.logo-letter-pos.logo-r1 {
  width: calc(20%);
  height: calc(20vw);
}

div.logo-letter-pos.logo-r1 div.lettersvg {
  background-position: 64% 0%;
}

div.logo-letter-pos.logo-o1 {
  width: calc(22%);
  height: calc(20vw);
}

div.logo-letter-pos.logo-o1 div.lettersvg {
  background-position: 100.25% 0%;
}

div.logo-letter-pos.logo-m1 {
  width: calc(23.5%);
  height: calc(20vw);
}

div.logo-letter-pos.logo-m1 div.lettersvg {
  background-position: 0% 0%;
}

div.logo-letter-pos.logo-o2 {
  width: calc(22%);
  height: calc(20vw);
}

div.logo-letter-pos.logo-o2 div.lettersvg {
  background-position: 37% 0%;
}

div.logo-letter-pos.logo-s1 {
  width: calc(19%);
  height: calc(20vw);
}

div.logo-letter-pos.logo-s1 div.lettersvg {
  background-position: 68% 0%;
}

div.logo-letter-pos.logo-a1 {
  width: calc(21.5%);
  height: calc(20vw);
}

div.logo-letter-pos.logo-a1 div.lettersvg {
  background-position: 100% 0%;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  left: -12.5%;
}

div.logo-letter-pos.logo-b1 div.lettersvg.normal,
div.logo-letter-pos.logo-u1 div.lettersvg.normal,
div.logo-letter-pos.logo-r1 div.lettersvg.normal,
div.logo-letter-pos.logo-o1 div.lettersvg.normal {
  background-image: url("../images/svg/buro.svg");
}

div.logo-letter-pos.logo-m1 div.lettersvg.normal,
div.logo-letter-pos.logo-o2 div.lettersvg.normal,
div.logo-letter-pos.logo-s1 div.lettersvg.normal,
div.logo-letter-pos.logo-a1 div.lettersvg.normal {
  background-image: url("../images/svg/mosa.svg");
}

div.logo-letter-pos.logo-b1 div.lettersvg.edge,
div.logo-letter-pos.logo-u1 div.lettersvg.edge,
div.logo-letter-pos.logo-r1 div.lettersvg.edge,
div.logo-letter-pos.logo-o1 div.lettersvg.edge {
  background-image: url("../images/svg/edge/buro.svg");
}

div.logo-letter-pos.logo-m1 div.lettersvg.edge,
div.logo-letter-pos.logo-o2 div.lettersvg.edge,
div.logo-letter-pos.logo-s1 div.lettersvg.edge,
div.logo-letter-pos.logo-a1 div.lettersvg.edge {
  background-image: url("../images/svg/edge/mosa.svg");
}

div.lettersvg.edge {
  display: none;
}

@supports (-ms-ime-align: auto) {
  div#intro-background-wrapper-overlay {
    display: none !important;
  }
  div.logo-letter-pos {
    mix-blend-mode: normal;
  }
  div.lettersvg {
    mix-blend-mode: normal;
  }
  div.lettersvg.normal {
    display: none;
  }
  div.lettersvg.edge {
    display: block;
  }
}

button.toggle-button {
  position: fixed;
  display: block;
  width: 0.9rem;
  height: calc(1rem * 0.75);
  top: 1rem;
  right: 1rem;
  background-color: transparent;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -moz-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -ms-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -o-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
}

button.toggle-button.button-hide {
  opacity: 0 !important;
  pointer-events: none !important;
  -webkit-transition: opacity 350ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -moz-transition: opacity 350ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -ms-transition: opacity 350ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -o-transition: opacity 350ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  transition: opacity 350ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
}

div.toggleline {
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #f9646c;
  -webkit-transition: background-color 700ms cubic-bezier(0.1, 0.94, 0.57, 1.09)
    0ms;
  -moz-transition: background-color 700ms cubic-bezier(0.1, 0.94, 0.57, 1.09)
    0ms;
  -ms-transition: background-color 700ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -o-transition: background-color 700ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  transition: background-color 700ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
}

button.toggle-button:hover div.toggleline {
  background-color: #6470df;
}

div.toggleline-line1 {
  top: 0;
}

div.toggleline-line2 {
  top: calc(50% - 2px);
}

div.toggleline-line3 {
  bottom: 1px;
}

div.fixed-header-logo-wrapper {
  position: fixed;
  top: 1rem;
  left: 1rem;
  margin: 0;
  padding: 0;
  height: 0.95rem;
  margin-top: -0.1325rem;
  z-index: 999999;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -moz-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -ms-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -o-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
}

div.fixed-header-logo-wrapper h4 {
  display: block;
  margin: 0;
  padding: 0;
  margin-top: 0rem;
  overflow: hidden;
  font-size: 0.825rem;
  font-style: normal;
}

div.fixed-header-logo-wrapper h4 a {
  display: block;
  text-decoration: none;
  margin-top: -0.25rem;
}

div.fixed-header-logo-wrapper h4 a:hover {
  text-decoration: none;
}

div.intro-controls-show,
button.intro-controls-show {
  opacity: 1 !important;
  pointer-events: auto !important;
  -webkit-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -moz-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -ms-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -o-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
}

.history .menu-about-history,
.history .menu-projects-history,
.history .menu-jobs-history,
.history .menu-contact-history {
  display: none;
}

.no-history .menu-about-history,
.no-history .menu-projects-history,
.no-history .menu-jobs-history,
.no-history .menu-contact-history {
  display: none;
}

.history .menu-about-nohistory,
.history .menu-projects-nohistory,
.history .menu-jobs-history-nohistory,
.history .menu-contact-nohistory {
  display: block;
}

.no-history .menu-about-nohistory,
.no-history .menu-projects-nohistory,
.no-history .menu-jobs-nohistory,
.no-history .menu-contact-nohistory {
  display: block;
}

div.content-page-wrapper {
  position: absolute;
  width: 100vw;
  height: auto;
  top: 0;
  left: 0;
  z-index: 2;
}

div.content-column-wrapper {
  position: absolute;
  width: 50vw;
  height: auto;
  top: 0;
  left: 0;
  overflow: hidden !important;
  background-color: white;
}

div.content-column-wrapper.content-left-column-wrapper {
  margin-left: 1rem;
}

div.content-column-wrapper.content-right-column-wrapper {
  margin-left: 50vw;
  z-index: 2;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: transform 600ms cubic-bezier(0.1, 0.85, 0.45, 1.05) 150ms;
  -moz-transition: transform 600ms cubic-bezier(0.1, 0.85, 0.45, 1.05) 150ms;
  -ms-transition: transform 600ms cubic-bezier(0.1, 0.85, 0.45, 1.05) 150ms;
  -o-transition: transform 600ms cubic-bezier(0.1, 0.85, 0.45, 1.05) 150ms;
  transition: transform 600ms cubic-bezier(0.1, 0.85, 0.45, 1.05) 150ms;
}

div.content-column-wrapper.content-right-column-wrapper.column-open {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}

div.content-column-wrapper.content-right-column-wrapper.indexpage-column-open {
  -webkit-transition: transform 0ms linear 0ms;
  -moz-transition: transform 0ms linear 0ms;
  -ms-transition: transform 0ms linear 0ms;
  -o-transition: transform 0ms linear 0ms;
  transition: transform 0ms linear 0ms;
}

div.content-column-wrapper.content-right-column-wrapper.indexpage-column-open.column-open {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}

div.content-column-border {
  position: absolute;
  top: 1rem;
  bottom: 1rem;
  width: 3px;
  left: 0px;
  height: auto;
  background-color: #f9646c;
  z-index: 99;
}

div.content-column-whiteborder {
  position: fixed;
  width: calc(50vw - 16px);
  height: 1rem;
  left: 0;
  z-index: 99;
  background-color: white;
}

.whiteborder-top {
  top: -0.125rem;
}

.whiteborder-bottom {
  bottom: 0;
}

div.content-column-content {
  position: relative;
  display: block;
  float: left;
  clear: both;
  width: 100%;
  height: 100vh;
}

div.menu-block-wrapper {
  position: relative;
  display: block;
  float: left;
  clear: both;
  width: 100%;
  height: auto;
}

div.menu-block-title {
  position: relative;
  display: block;
  float: left;
  clear: both;
  width: calc(50vw - (1rem * 2));
  height: calc((0.75rem * 1.1) + (0.5rem * 2));
  padding-top: calc(0.5rem * 0.7);
  padding-bottom: 0.5rem;
  margin-left: 1rem;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border-top: 3px solid #f9646c;
  border-bottom: 3px solid #f9646c;
  background-color: white;
  z-index: 9;
}

button.menu-block-button {
  position: absolute;
  bottom: calc(0.5rem * 0.625);
  right: calc(0.5rem * 0.25);
  width: calc(0.5rem * 1.3);
  height: calc(0.5rem * 1.3);
  z-index: 999;
  border-top: 3px solid #f9646c;
  border-left: 3px solid #f9646c;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: transform 250ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -moz-transition: transform 250ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -ms-transition: transform 250ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -o-transition: transform 250ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  transition: transform 250ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
}

button.menu-block-button.menu-block-button-closed {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transform-origin: 35% 25%;
  -moz-transform-origin: 35% 25%;
  -ms-transform-origin: 35% 25%;
  -o-transform-origin: 35% 25%;
  transform-origin: 35% 25%;
  -webkit-transition: transform 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -moz-transition: transform 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -ms-transition: transform 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -o-transition: transform 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  transition: transform 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
}

div.menu-block-wrapper:first-of-type div.menu-block-title {
  margin-top: calc(1rem - 0.45rem);
  height: calc((1.2rem * 1.1) + (0.5rem * 1));
  padding-top: 0.5rem;
  border-top: none;
  border-bottom: 3px solid #f9646c;
  margin-bottom: -0.1rem;
}

div.menu-block-wrapper:nth-of-type(2) div.menu-block-content {
  height: calc(100vh - 8.58rem);
}

div.menu-block-wrapper:nth-of-type(3) div.menu-block-title {
  margin-top: -0.1rem;
}

div.menu-block-content {
  position: relative;
  display: block;
  float: left;
  clear: both;
  width: 100%;
  /* height: calc(100vh - 8.6rem); */
  /* height:auto; */
  /* max-height:calc(100vh - 8.6rem); */
  height: calc(100vh - 260pt);
  height: 100vh;
  height: calc(100vh - 2rem);
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

div.menu-block-wrapper:first-of-type div.menu-block-content {
  margin-top: calc(
    0px - ((1rem - 0.15rem) + ((0.75rem * 1.1) + (0.5rem * 1))) + 3px
  );
  height: calc(100vh - 1.8rem);
}
div.menu-block-wrapper:first-of-type .block-closed {
  margin-bottom: calc(-100vh - -8.55rem);
}
div.menu-block-wrapper:first-of-type {
  margin-bottom: calc(0px - ((1rem) + (((0.75rem * 1.1) + (0.5rem * 2)) * 2)));
}

div.menu-block-wrapper:nth-of-type(3) div.menu-block-content,
div.menu-block-wrapper:last-of-type div.menu-block-content {
  margin-top: calc(
    0px - ((1rem) + (((0.75rem * 1.1) + (0.5rem * 2)) * 2)) + 0.15rem + 0.5rem
  );
  margin-top: 0px;
}

div.menu-block-wrapper:nth-of-type(3),
div.menu-block-wrapper:last-of-type {
  margin-bottom: calc(0px - ((1rem) + (((0.75rem * 1.1) + (0.5rem * 2)) * 1)));
  margin-bottom: -2px;
}

div.menu-block-content-inside-wrapper {
  padding-left: 1rem;
  padding-right: 1rem;
}

div.menu-block-content-inside-wrapper:first-of-type {
  padding-top: calc(
    0px + ((1rem - 0.15rem) + ((0.75rem * 1.1) + (0.5rem * 1)))
  );
  padding-bottom: calc(0px + ((1rem) + (((0.75rem * 1.1) + (0.5rem * 2)) * 2)));
}

div.menu-block-wrapper:nth-of-type(2) div.menu-block-content-inside-wrapper,
div.menu-block-wrapper:last-of-type div.menu-block-content-inside-wrapper {
  padding-top: calc(
    0px + ((-1rem - 0.15rem) + ((0.75rem * 1.1) + (0.5rem * 1)))
  );

  padding-bottom: calc(0px + ((1rem) + (((0.75rem * 1.1) + (0.5rem * 2)) * 2)));
}

div.menu-block-wrapper:nth-of-type(3) div.menu-block-content-inside-wrapper {
  padding-top: calc(
    0px + ((-1rem - 0.15rem) + ((0.75rem * 1.1) + (0.5rem * 1)))
  );

  /* padding-bottom: calc(0px + ((1rem) + (((0.75rem * 1.1) + (0.5rem * 2)) * 2))); */
  padding-bottom: 0px;
}

h3,
div.menu-block-content ul li {
  font-size: 0.75rem;
  line-height: 120%;
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-decoration: none;
  font-weight: normal;
}

div.menu-block-title h3 {
  text-transform: uppercase;
}

div.menu-block-title a {
  color: #f9646c;
  text-decoration: none;
}

div.menu-block-title a:hover {
  color: #6470df;
  text-decoration: none;
}

div.menu-block-title a:hover button.menu-block-button {
  border-top: 3px solid #6470df;
  border-left: 3px solid #6470df;
}

div.menu-block-content p:first-of-type {
  margin-top: calc(0.5rem * 0.7);
}

div.menu-block-content p:last-of-type {
  margin-bottom: calc(0.5rem * 2.5);
}

div.block-closed {
  height: calc(
    0px + ((1rem) + (((0.75rem * 1.1) + (0.5rem * 2)) * 3)) - 0.15rem + 0.5rem -
      6px
  );
  overflow: hidden;
  padding: 0;
  opacity: 0;
}

div.second-block-closed {
  display: none;
}

div.menu-block-content-inside-wrapper ul {
  padding: 0;
  margin-bottom: calc(0px - (0.5rem * 1.5));
}

div.menu-block-content-inside-wrapper ul li {
  margin-bottom: calc(0.5rem / 2);
}

div.menu-block-content-inside-wrapper ul li a {
  text-decoration: none;
  line-height: 120%;
}

div.content-column-footer {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  flex-wrap: nowrap;
  width: calc(50vw - (1rem * 2));
  height: calc((0.75rem * 1.1) + (0.5rem * 2));
  top: calc(100vh - 1rem - ((0.75rem * 1.1) + (0.5rem * 2)));
  left: 1rem;
  z-index: 999;
  background-color: white;
  border-top: 3px solid #f9646c;
}

div.content-column-footer-container {
  display: flex;
  flex-direction: column;
  margin-bottom: -0.0375rem;
}

div.content-column-footer-container:first-child {
  flex-grow: 2;
  align-items: flex-end;
  padding-right: calc(0.5rem * 0.85);
}

div.content-column-footer p {
  font-size: 0.425rem;
  line-height: 100% !important;
  font-weight: normal;
  letter-spacing: inherit;
  margin: 0;
  padding: 0;
  margin-top: 0.075rem;
  padding-bottom: 0.125rem;
  overflow: hidden;
}

div.content-column-footer p#button-subscribe-toggle {
  cursor: pointer;
  -webkit-transition: color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -moz-transition: color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -ms-transition: color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -o-transition: color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  transition: color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
}

div.content-column-footer p#button-subscribe-toggle:hover {
  color: #6470df;
}

div.content-column-footer p a,
div.content-column-footer p a:hover {
  text-decoration: none;
}

div.content-column-footer-subscription-wrapper {
  width: 100%;
  height: auto;
}

form {
  font-size: 0.425rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 0.125rem;
}

form input[type="email"] {
  width: calc(100% - 3.5rem - (0.5rem * 0.85) - 12px);
  margin: 0;
  padding-top: calc(0.5rem / 4);
  padding-bottom: calc(0.5rem / 3);
  padding-left: calc(0.5rem / 2);
  padding-right: calc(0.5rem / 2);
  outline: 0;
  margin-right: calc(0.5rem * 0.75);
  border-radius: 0;
  color: #f9646c;
  background-color: white;
  border: 2px solid #f9646c;
}

_::-webkit-full-page-media,
_:future,
:root form input[type="email"]::placeholder {
  padding-top: calc((0.5rem / 4 * 0.5));
  padding-bottom: calc((0.5rem / 3 / 0.5));
}

::-webkit-input-placeholder {
  color: #f9646c;
  opacity: 1;
}

::-moz-placeholder {
  color: #f9646c;
  opacity: 1;
}

::-ms-input-placeholder {
  color: #f9646c;
  opacity: 1;
}

::placeholder {
  color: #f9646c;
  opacity: 1;
}

form input[type="submit"] {
  width: 1.75rem;
  margin: 0;
  padding-top: calc(0.5rem / 4);
  padding-bottom: calc(0.5rem / 3);
  padding-left: calc(0.5rem / 2);
  padding-right: calc(0.5rem / 2);
  outline: 0;
  cursor: pointer;
  color: white;
  background-color: #f9646c;
  border: 2px solid #f9646c;
  border-right: none;
  border-radius: 0;
  -webkit-transition: background-color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09)
      0ms,
    border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -moz-transition: background-color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09)
      0ms,
    border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -ms-transition: background-color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -o-transition: background-color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  transition: background-color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
}

form input[type="submit"]:hover {
  color: white;
  background-color: #6470df;
  border: 2px solid #6470df;
  border-right: none;
  border-radius: 0;
  outline: 0;
}

form a,
form span {
  display: inline-block;
  width: 1.75rem;
  margin: 0;
  padding: 0;
  padding-top: calc(0.5rem / 4);
  padding-bottom: calc(0.5rem / 3);
  padding-left: calc(0.5rem / 2);
  padding-right: calc(0.5rem / 2);
  box-sizing: border-box;
  outline: 0;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #f9646c;
  background-color: white;
  border: 2px solid #f9646c;
  border-left: 0px solid transparent;
  -webkit-transition: background-color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09)
      0ms,
    border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -moz-transition: background-color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09)
      0ms,
    border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -ms-transition: background-color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -o-transition: background-color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  transition: background-color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
}

form a:hover,
form span:hover {
  text-decoration: none;
  color: #6470df;
  background-color: white;
  border: 2px solid #6470df;
  border-left: 0px solid transparent;
}

div.project-wrapper {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 999;
  background-color: white;
}

div.project-carousel-wrapper {
  position: absolute;
  display: block;
  width: calc(50vw - (1rem * 2));
  height: calc(100vh - (1rem * 2));
  margin-left: 1rem;
  margin-top: 1rem;
  z-index: 1;
  -webkit-transition: opacity 350ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    z-index 0ms step-end 0ms;
  -moz-transition: opacity 350ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    z-index 0ms step-end 0ms;
  -ms-transition: opacity 350ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    z-index 0ms step-end 0ms;
  -o-transition: opacity 350ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    z-index 0ms step-end 0ms;
  transition: opacity 350ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    z-index 0ms step-end 0ms;
}

div.project-carousel-wrapper-controls {
  position: absolute;
  display: block;
  width: calc(50vw - (1rem * 2));
  height: calc(100vh - (1rem * 2) - 1.25rem);
  margin-left: 1rem;
  margin-top: calc(1rem + 1.25rem);
  z-index: 1;
  -webkit-transition: opacity 350ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    z-index 0ms step-end 0ms;
  -moz-transition: opacity 350ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    z-index 0ms step-end 0ms;
  -ms-transition: opacity 350ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    z-index 0ms step-end 0ms;
  -o-transition: opacity 350ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    z-index 0ms step-end 0ms;
  transition: opacity 350ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    z-index 0ms step-end 0ms;
}

div.project-carousel-container {
  position: relative;
  display: block;
  width: calc(50vw - (1rem * 2));
  height: calc(100vh - (1rem * 2) - 1.25rem);
  margin-top: 1.25rem;
  margin-left: 0px;
}

div.project-carousel-container-image {
  position: relative;
  display: block;
  width: 100%;
  height: calc(100% - (0.375rem * 1.5) - (0.45rem + 0.35rem));
  overflow: hidden;
  background-color: white;
}

div.project-carousel-container-image img,
div.lightbox-carousel-container-image img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  overflow: hidden;
}

div.project-carousel-container-caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  background-color: white;
  padding: 0;
  margin: 0;
}

div.project-carousel-container-caption p {
  width: calc(100% - 1.6rem);
  font-size: 0.375rem;
  line-height: 150%;
}

div.project-carousel-container-caption p:first-of-type {
  margin-top: 0.45rem;
}

div.project-carousel-container-caption p:last-of-type {
  margin-bottom: 0.35rem;
}

div.project-carousel-container-caption span {
  position: absolute;
  bottom: 0.35rem;
  right: 0;
  font-size: 0.375rem;
  line-height: 150%;
}

div.previousimage,
div.previousimage-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 27.5%;
  z-index: 9;
}

div.tolightboximage {
  position: absolute;
  top: 27.5%;
  left: 0;
  width: 100%;
  height: 45%;
  z-index: 9;
}

div.nextimage,
div.nextimage-lightbox {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 27.5%;
  z-index: 9;
}

.slick-slide,
.slick-slide * {
  outline: none !important;
  border: none !important;
}

img.image-project {
  width: calc(100% + 4px) !important;
  height: calc(100% + 4px) !important;
  margin: -3px;
  padding: 0px;
}

/* custom cursors */
.previouscursor,
.tolightboxcursor,
.nextcursor,
.previouscursor-lightbox,
.nextcursor-lightbox {
  position: fixed;
  display: none;
  width: auto;
  height: auto;
  margin-left: 0rem;
  margin-top: 0rem;
  font-size: 1.5rem;
  opacity: 1;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: none;
  pointer-events: none;
  z-index: 999;
}

.previouscursor svg,
.tolightboxcursor svg,
.nextcursor svg,
.previouscursor-lightbox svg,
.nextcursor-lightbox svg {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
}

.previouscursor svg line,
.previouscursor svg polyline,
.tolightboxcursor svg line,
.nextcursor svg line,
.nextcursor svg polyline,
.previouscursor-lightbox svg line,
.previouscursor-lightbox svg polyline,
.nextcursor-lightbox svg line,
.nextcursor-lightbox svg polyline {
  fill: none;
  stroke: #000;
  stroke-width: 3px;
}

.previouscursor,
.nextcursor,
.previouscursor-lightbox,
.nextcursor-lightbox {
  width: 0.8rem;
  height: calc(0.8rem / 3 * 4);
}

.tolightboxcursor {
  width: 0.8rem;
  height: 0.8rem;
}

div.content-column-border.border-project {
  left: 50vw;
  -webkit-transition: left 350ms cubic-bezier(0.4, 0.3, 0.2, 1) 150ms;
  -moz-transition: left 350ms cubic-bezier(0.4, 0.3, 0.2, 1) 150ms;
  -ms-transition: left 350ms cubic-bezier(0.4, 0.3, 0.2, 1) 150ms;
  -o-transition: left 350ms cubic-bezier(0.4, 0.3, 0.2, 1) 150ms;
  transition: left 350ms cubic-bezier(0.4, 0.3, 0.2, 1) 150ms;
}

div.project-text-wrapper {
  position: absolute;
  width: 50vw;
  height: 100vh;
  top: 0;
  left: 50vw;
  z-index: 1;
  background-color: white;
  -webkit-transition: opacity 350ms cubic-bezier(0.2, 0.9, 0.57, 1) 0ms,
    z-index 0ms step-end 0ms;
  -moz-transition: opacity 350ms cubic-bezier(0.2, 0.9, 0.57, 1) 0ms,
    z-index 0ms step-end 0ms;
  -ms-transition: opacity 350ms cubic-bezier(0.2, 0.9, 0.57, 1) 0ms,
    z-index 0ms step-end 0ms;
  -o-transition: opacity 350ms cubic-bezier(0.2, 0.9, 0.57, 1) 0ms,
    z-index 0ms step-end 0ms;
  transition: opacity 350ms cubic-bezier(0.2, 0.9, 0.57, 1) 0ms,
    z-index 0ms step-end 0ms;
}

div.project-title-wrapper {
  position: fixed;
  top: 0;
  margin-left: 1rem;
  width: calc(50vw - (1rem * 2));
  padding-top: calc(1rem - 0.15rem);
  height: calc((0.75rem * 1.1) + (0.5rem * 1) - 3px);
  border-bottom: 3px solid #f9646c;
  z-index: 99;
  background-color: white;
}

div.project-text-content {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(50vw - (1rem * 1));
  height: 100vh;
  margin-left: 1rem;
  overflow-y: auto;
  background-color: white;
}

div.project-text-content-infos {
  position: relative;
  display: block;
  float: left;
  clear: right;
  width: calc(50vw - (1rem * 2));
  padding-top: 2.65rem;
  padding-bottom: calc(1rem / 2);
  border-bottom: 3px solid #f9646c;
}

div.infos-column1 {
  position: relative;
  display: block;
  float: left;
  clear: right;
  width: calc(50% - 0.75rem);
  margin-right: 0.75rem;
}

div.infos-column2 {
  position: relative;
  display: block;
  float: left;
  clear: right;
  width: calc(50% - 0.75rem);
}

div.project-text-content-infos p,
div.project-text-content-infos h1,
div.project-text-content-infos h2,
div.project-text-content-infos h3 {
  font-size: 0.5rem;
  line-height: 140%;
  font-weight: normal;
  margin-top: calc(0.5rem * 1.5);
  margin-bottom: calc(0.5rem * 1.5);
}

div.project-text-content-infos *:first-of-type {
  margin-top: 0;
}

div.project-text-content-infos *:last-of-type {
  margin-bottom: 0;
}

div.project-text-content-description {
  position: relative;
  display: block;
  float: left;
  clear: right;
  width: calc(50vw - (1rem * 2) - 0.25rem);
  padding-top: calc((1rem / 2) - 0.1rem);
  padding-bottom: 6rem;
}

div.project-text-content-description p:first-of-type {
  margin-top: 0;
}

div.project-text-content-description p:last-of-type {
  margin-bottom: 0;
}

div.project-bottombar-wrapper {
  position: fixed;
  bottom: 0;
  margin-left: 1rem;
  width: calc(50vw - (1rem * 2));
  height: calc((1rem * 0.55));
  padding-top: 0.55rem;
  padding-bottom: calc(1rem);
  border-top: 3px solid #f9646c;
  z-index: 99;
  background-color: white;
}

div.project-bottombar-titleplaceholder {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 4rem);
  margin-top: calc(0.525rem - 0.1rem);
}

div.project-bottombar-titleplaceholder p {
  padding: 0;
  margin: 0;
  font-size: 0.5rem;
  line-height: 140%;
  font-weight: normal;
  color: #6470df;
}

a.project-button-goprev,
a.project-button-gonext {
  position: absolute;
  display: block;
  width: calc(0.8rem * 1);
  height: calc((0.8rem * 1) / 4 * 3);
}

a.project-button-goprev,
a.project-button-gonext {
  position: absolute;
  display: block;
  top: 0;
  width: calc(0.8rem * 1);
  height: calc((0.8rem * 1) / 4 * 3);
  margin-top: 0.4rem;
}

a.project-button-goprev svg,
a.project-button-gonext svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.project-button-goprev svg line,
.project-button-goprev svg polyline,
.project-button-gonext svg line,
.project-button-gonext svg polyline {
  fill: none;
  stroke: #f9646c;
  stroke-width: 3px;
  -webkit-transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -moz-transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -ms-transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -o-transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
}

.project-button-goprev:hover svg line,
.project-button-goprev:hover svg polyline,
.project-button-gonext:hover svg line,
.project-button-gonext:hover svg polyline {
  fill: none;
  stroke: #6470df;
  stroke-width: 3px;
}

a.project-button-goprev {
  right: calc(0px + 2.5rem);
  padding-left: 2px;
}

a.project-button-gonext {
  right: 0;
  padding-right: 2px;
}

div.lightbox-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: white;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  -webkit-transition: opacity 350ms cubic-bezier(0.2, 0.9, 0.57, 1) 0ms,
    z-index 0ms step-start 0ms;
  -moz-transition: opacity 350ms cubic-bezier(0.2, 0.9, 0.57, 1) 0ms,
    z-index 0ms step-start 0ms;
  -ms-transition: opacity 350ms cubic-bezier(0.2, 0.9, 0.57, 1) 0ms,
    z-index 0ms step-start 0ms;
  -o-transition: opacity 350ms cubic-bezier(0.2, 0.9, 0.57, 1) 0ms,
    z-index 0ms step-start 0ms;
  transition: opacity 350ms cubic-bezier(0.2, 0.9, 0.57, 1) 0ms,
    z-index 0ms step-start 0ms;
}

.project-fadeout {
  opacity: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.border-project-lightbox {
  left: calc(100vw - 1rem) !important;
}

.lightbox-visible {
  display: block;
  opacity: 1 !important;
  z-index: 9999999;
  pointer-events: auto !important;
}

div.lightbox-carousel-container {
  position: relative;
  display: block;
  width: calc(100vw - (1rem * 3.75));
  height: calc(100vh - (1rem * 2));
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
  margin-right: calc(1rem * 2.75);
  padding: 0;
}

div.lightbox-carousel-wrapper-controls {
  position: fixed;
  display: block;
  top: 1rem;
  left: 1rem;
  width: calc(100vw - (1rem * 3.75));
  height: calc(100vh - (1rem * 2));
  opacity: 1;
  z-index: 999;
  -webkit-transition: opacity 350ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    z-index 0ms step-end 0ms;
  -moz-transition: opacity 350ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    z-index 0ms step-end 0ms;
  -ms-transition: opacity 350ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    z-index 0ms step-end 0ms;
  -o-transition: opacity 350ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    z-index 0ms step-end 0ms;
  transition: opacity 350ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
    z-index 0ms step-end 0ms;
}

div.previousimage-lightbox,
div.nextimage-lightbox {
  height: 50%;
}

div.lightbox-carousel-container-image {
  position: relative;
  display: block;
  width: 100%;
  height: calc(100% - (0.375rem * 1.5) - (0.45rem + 0rem) + 0.0625rem);
  overflow: hidden;
  background-color: white;
}

div.lightbox-carousel-container-caption {
  position: absolute;
  left: 0;
  bottom: -0.0625rem;
  width: 100%;
  height: auto;
  background-color: white;
  padding: 0;
  margin: 0;
}

div.lightbox-carousel-container-caption p {
  width: calc(100% - 1.6rem);
  font-size: 0.375rem;
  line-height: 150%;
}

div.lightbox-carousel-container-caption p:first-of-type {
  margin-top: 0.45rem;
}

div.lightbox-carousel-container-caption p:last-of-type {
  margin-bottom: 0rem;
}

div.lightbox-carousel-container-caption span {
  position: absolute;
  bottom: 0rem;
  right: 0;
  font-size: 0.375rem;
  line-height: 150%;
}

button.lightbox-closebutton {
  position: fixed;
  display: block;
  width: 0.85rem;
  height: 0.85rem;
  top: calc(1rem - 0.075rem);
  right: calc(1rem * 1.5);
  background-color: transparent;
  z-index: 1;
  overflow: visible;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -moz-transition: opacity 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -ms-transition: opacity 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -o-transition: opacity 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  transition: opacity 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
}

a.project-closebutton {
  position: fixed;
  display: block;
  width: 0.85rem;
  height: 0.85rem;
  top: calc(1rem - 0.075rem);
  right: calc(1rem - 0.075rem);
  background-color: transparent;
  z-index: 1;
  cursor: pointer;
  overflow: visible;
}

button.lightbox-closebutton svg,
a.project-closebutton svg {
  position: absolute;
  width: calc(100% - 0.25rem);
  height: calc(100% - 0.25rem);
  top: 0;
  left: 0;
  padding: 0.125rem;
  overflow: visible;
}

button.lightbox-closebutton svg line,
a.project-closebutton svg line {
  fill: none;
  stroke: #f9646c;
  stroke-width: 3px;
  -webkit-transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -moz-transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -ms-transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  -o-transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
}

button.lightbox-closebutton:hover svg line,
a.project-closebutton:hover svg line {
  fill: none;
  stroke: #6470df;
  stroke-width: 3px;
}

.button-lightbox-visible {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* general usability */
.hide {
  display: none !important;
}

.desktop {
  display: block;
}

.mobile {
  display: none !important;
}

div.hide-fouc {
  display: none;
}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

/* MEDIA QUERIES */
/* responsive typeface */
@media (max-width: 299px) {
  html,
  body {
    font: 18px "BauWebPro", "Helvetica", "Arial", sans-serif;
  }
}

@media (min-width: 299px) and (max-width: 440px) {
  html,
  body {
    font-size: 22px;
  }
}

@media (min-width: 440px) and (max-width: 768px) {
  html,
  body {
    font-size: 24px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  html,
  body {
    font-size: 26px;
  }
  div.menu-block-wrapper:first-of-type {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  html,
  body {
    font-size: 32px;
  }
}

@media (min-width: 1200px) and (max-width: 1320px) {
  html,
  body {
    font-size: 36px;
  }
}

@media (min-width: 1320px) {
  html,
  body {
    font-size: 40px;
  }
}

/* website queries */
@media (max-width: 767px) {
  /* margins */
  p {
    font-size: 0.625rem;
    line-height: 140%;
    font-weight: normal;
    color: #f9646c;
    letter-spacing: -0.125px;
    margin-top: calc(0.6rem * 1.5);
    margin-bottom: calc(0.6rem * 1.5);
  }
  a:hover {
    color: #f9646c;
  }
  body {
    position: relative;
    font: "BauWebPro", "Helvetica", "Arial", sans-serif 36px;
    color: #f9646c;
    background-color: white;
    width: 100%;
    height: auto;
    min-height: auto;
    overflow: auto !important;
  }
  div#intro-background-wrapper {
    position: fixed;
    width: 100vw;
    height: 100%;
    bottom: 0;
    overflow: visible;
    background-color: white;
    z-index: 1;
  }
  div#intro-background-wrapper-overlay {
    position: fixed;
    width: 100vw;
    height: 100%;
    bottom: 0;
    left: 0;
    overflow: visible;
    background-color: #f9646c;
    mix-blend-mode: lighten;
    z-index: 2;
  }
  div.logo-letter-pos {
    position: absolute;
    float: left;
    clear: right;
    display: block;
    top: 0;
    opacity: 1;
    mix-blend-mode: difference;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -moz-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -ms-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -o-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  }
  .letters-hidden {
    visibility: hidden !important;
  }
  .indexpage-intro-fadeout {
    opacity: 0 !important;
  }
  div.lettersvg {
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    mix-blend-mode: difference;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
  }
  div.logo-letter-pos.logo-b1 {
    width: calc(30%);
    height: calc(30vw);
  }
  div.logo-letter-pos.logo-b1 div.lettersvg {
    background-position: 0% 0%;
  }
  div.logo-letter-pos.logo-u1 {
    width: calc(30%);
    height: calc(30vw);
  }
  div.logo-letter-pos.logo-u1 div.lettersvg {
    background-position: 31% 0%;
  }
  div.logo-letter-pos.logo-r1 {
    width: calc(30%);
    height: calc(30vw);
  }
  div.logo-letter-pos.logo-r1 div.lettersvg {
    background-position: 65.5% 0%;
  }
  div.logo-letter-pos.logo-o1 {
    width: calc(33%);
    height: calc(30vw);
  }
  div.logo-letter-pos.logo-o1 div.lettersvg {
    background-position: 100.25% 0%;
  }
  div.logo-letter-pos.logo-m1 {
    width: calc(35.25%);
    height: calc(30vw);
  }
  div.logo-letter-pos.logo-m1 div.lettersvg {
    background-position: 0% 0%;
  }
  div.logo-letter-pos.logo-o2 {
    width: calc(33%);
    height: calc(30vw);
  }
  div.logo-letter-pos.logo-o2 div.lettersvg {
    background-position: 37% 0%;
  }
  div.logo-letter-pos.logo-s1 {
    width: calc(28.5%);
    height: calc(30vw);
  }
  div.logo-letter-pos.logo-s1 div.lettersvg {
    background-position: 68% 0%;
  }
  div.logo-letter-pos.logo-a1 {
    width: calc(32.25%);
    height: calc(30vw);
  }
  div.logo-letter-pos.logo-a1 div.lettersvg {
    background-position: 100% 0%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    left: -12.5%;
  }
  button.toggle-button {
    position: absolute;
    display: block;
    width: calc(1.85rem + 1rem);
    height: 1.75rem;
    top: 0.25rem;
    right: -0.5rem;
    background-color: transparent;
    z-index: 9;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -moz-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -ms-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -o-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  }
  div.toggle-button-wrapper-mobile {
    position: absolute;
    width: 0.85rem;
    height: 0.75rem;
    top: 0.5rem;
    left: calc(0.5rem + 1rem);
  }
  div.toggleline {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #f9646c;
  }
  button.toggle-button:hover div.toggleline {
    background-color: #f9646c;
  }
  div.toggleline-line1 {
    top: 0px;
  }
  div.toggleline-line2 {
    top: calc(50% - 2px);
  }
  div.toggleline-line3 {
    bottom: 1.5px;
  }
  div.fixed-header-wrapper {
    position: fixed;
    width: calc(100% - (0.75rem * 2));
    height: auto;
    top: 0;
    left: 0.75rem;
    padding-top: 0.75rem;
    height: 1.375rem;
    z-index: 999999999999;
    background-color: white;
    border-bottom: 2px solid #f9646c;
    opacity: 0;
  }
  div.fixed-header-mobile-projectpage {
    display: none !important;
  }
  div.fixed-header-logo-wrapper {
    position: relative;
    display: block;
    top: calc(0px - 0.1325rem);
    left: 0;
    height: 0.95rem;
    width: 65vw;
    margin-top: calc(0px + 0.025rem);
    margin-left: 0;
    z-index: 999999;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -moz-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -ms-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -o-transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    transition: opacity 1000ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  }
  div.content-page-wrapper {
    position: relative;
    display: block;
    float: left;
    clear: both;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    z-index: 2;
  }
  div.content-column-wrapper {
    position: relative;
    display: block;
    float: left;
    clear: both;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    overflow: visible !important;
    background-color: white;
  }
  div.content-column-wrapper.content-left-column-wrapper {
    margin-left: 0;
  }
  div.content-column-wrapper.content-right-column-wrapper {
    margin-left: 0;
    opacity: 0;
    z-index: 2;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: transform 0ms cubic-bezier(0.1, 0.85, 0.45, 1.05) 0ms,
      opacity 750ms cubic-bezier(0.1, 0.85, 0.45, 1.05) 0ms;
    -moz-transition: transform 0ms cubic-bezier(0.1, 0.85, 0.45, 1.05) 0ms,
      opacity 750ms cubic-bezier(0.1, 0.85, 0.45, 1.05) 0ms;
    -ms-transition: transform 0ms cubic-bezier(0.1, 0.85, 0.45, 1.05) 0ms,
      opacity 750ms cubic-bezier(0.1, 0.85, 0.45, 1.05) 0ms;
    -o-transition: transform 0ms cubic-bezier(0.1, 0.85, 0.45, 1.05) 0ms,
      opacity 750ms cubic-bezier(0.1, 0.85, 0.45, 1.05) 0ms;
    transition: transform 0ms cubic-bezier(0.1, 0.85, 0.45, 1.05) 0ms,
      opacity 750ms cubic-bezier(0.1, 0.85, 0.45, 1.05) 0ms;
  }
  div.content-column-wrapper.content-right-column-wrapper.column-open {
    opacity: 1;
  }
  div.content-column-wrapper.content-right-column-wrapper.indexpage-column-open {
    opacity: 1;
  }
  div.content-column-wrapper.content-right-column-wrapper.indexpage-column-open.column-open {
    opacity: 1;
  }
  div.content-column-border {
    display: none;
  }
  div.content-column-whiteborder {
    display: none;
  }
  div.menu-block-wrapper:first-of-type,
  div.menu-block-wrapper:nth-of-type(2),
  div.menu-block-wrapper:last-of-type {
    margin-bottom: 0;
  }
  div.menu-block-wrapper:first-of-type div.menu-block-content {
    margin-top: -7rem;
    /* margin-bottom: calc(-100vh - -1.75rem) !important; */
    height: auto;
  }
  div.menu-block-wrapper:nth-of-type(2) div.menu-block-content,
  div.menu-block-wrapper:last-of-type div.menu-block-content {
    margin-top: 0;
    height: auto;
  }
  div.menu-block-content-inside-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  div.menu-block-content-inside-wrapper:first-of-type {
    padding-top: 7rem;
    padding-bottom: 0;
  }
  div.menu-block-wrapper:first-of-type .block-closed {
    margin-bottom: calc(-100vh - 1.45rem);
  }

  div.menu-block-wrapper:last-of-type div.menu-block-content-inside-wrapper,
  div.menu-block-wrapper:nth-of-type(2) div.menu-block-content-inside-wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }
  h3,
  div.menu-block-content ul li {
    font-size: 0.825rem;
    line-height: 120%;
  }

  div.menu-block-wrapper:first-of-type div.menu-block-title {
    position: relative;
    display: block;
    float: left;
    clear: both;
    width: calc(100% - (0.75rem * 2));
    height: calc((0.75rem * 1.1) + (0.6rem * 2 * 1.1));
    padding-top: calc(0.6rem * 0.8);
    padding-bottom: calc(0.6rem * 0.75);
    margin-left: 0.75rem;
    top: 0;
    left: 0;
    box-sizing: border-box;
    border-top: 2px solid #f9646c;
    border-bottom: 2px solid #f9646c;
    background-color: white;
    z-index: 9;
    margin-top: 0.7rem;
  }

  div.menu-block-title {
    position: relative;
    display: block;
    float: left;
    clear: both;
    width: calc(100% - (0.75rem * 2));
    height: calc((0.75rem * 1.1) + (0.6rem * 2 * 1.1));
    padding-top: calc(0.6rem * 0.8);
    padding-bottom: calc(0.6rem * 0.75);
    margin-left: 0.75rem;
    top: 0;
    left: 0;
    box-sizing: border-box;
    border-top: 2px solid #f9646c;
    border-bottom: 2px solid #f9646c;
    background-color: white;
    z-index: 9;
  }
  div.menu-block-wrapper:nth-child(3) div.menu-block-title {
    margin-top: -2px;
    margin-bottom: -2px;
  }

  button.menu-block-button {
    position: absolute;
    bottom: calc(0.6rem * 0.8 * 1.15);
    right: calc(0.6rem * 0.3);
    z-index: 999;
    border-top: 2px solid #f9646c;
    border-left: 2px solid #f9646c;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: bottom 250ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      transform 250ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -moz-transition: bottom 250ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      transform 250ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -ms-transition: bottom 250ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      transform 250ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -o-transition: bottom 250ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      transform 250ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    transition: bottom 250ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      transform 250ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  }
  button.menu-block-button.menu-block-button-closed {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: transform 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -moz-transition: transform 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -ms-transition: transform 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -o-transition: transform 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    transition: transform 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  }
  div.menu-block-title a:hover {
    color: #f9646c;
  }
  div.menu-block-title a:hover button.menu-block-button {
    border-top: 2px solid #f9646c;
    border-left: 2px solid #f9646c;
  }
  div.menu-block-wrapper {
    background-color: white;
  }
  div.menu-block-wrapper-about {
    margin-top: calc(1.5rem - 2px);
  }
  div.menu-block-wrapper-contact {
    padding-bottom: 0.75rem;
  }
  div.menu-block-content {
    position: relative;
    display: block;
    float: left;
    clear: both;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: calc(100% - (0.75rem * 2));
    margin-left: 0.75rem;
    /* border-bottom: 2px solid #f9646c; */
  }
  div.menu-block-content p:first-of-type {
    margin-top: calc(0.6rem);
  }
  div.menu-block-content p:last-of-type {
    margin-bottom: calc(0.6rem + 0.6rem);
  }
  div.block-closed {
    height: 0px;
    overflow: hidden;
    padding: 0;
    opacity: 0;
  }
  div.second-block-closed {
    display: none;
  }
  div.menu-block-content-inside-wrapper ul {
    padding: 0;
    margin-top: calc(0.6rem - 0.25rem);
    margin-bottom: calc(0.6rem - 0.15rem + 0.6rem);
  }
  div.menu-block-content-inside-wrapper ul li {
    margin-bottom: 0;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
  }
  div.menu-block-content-inside-wrapper ul li a {
    text-decoration: none;
    line-height: 125%;
  }
  div.contact-row1-mobile,
  div.contact-row2-mobile {
    margin: 0;
    padding: 0;
  }
  div.contact-row2-mobile {
    margin-bottom: 2rem;
  }
  div.contact-row1-mobile p,
  div.contact-row2-mobile p {
    font-size: 0.825rem;
    line-height: 125%;
    margin: 0;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  div.contact-row1-mobile p:first-of-type {
    margin-top: calc(0.6rem - 0.125rem);
  }
  div.contact-row1-mobile p a,
  div.contact-row2-mobile p a {
    text-decoration: none;
  }
  div.content-column-footer p#button-subscribe-toggle:hover {
    color: #f9646c;
  }
  form {
    font-size: 0.625rem;
    margin-top: calc(0px - ((0.75rem * 1.25)));
    margin-bottom: calc((0.6rem + 0.6rem) * 1.75);
  }
  form input[type="email"] {
    width: calc(100% - 3.5rem - 4px);
    margin: 0;
    padding-top: calc(0.6rem / 2);
    padding-bottom: calc(0.6rem / 1.5);
    padding-left: calc(0.6rem / 1.5);
    padding-right: calc(0.6rem / 1.5);
    outline: 0;
    margin-right: 0;
    color: #f9646c;
    background-color: white;
    border: 2px solid #f9646c;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  _::-webkit-full-page-media,
  _:future,
  :root form input[type="email"]::placeholder {
    padding-top: calc((0.5rem / 4 * 0.5) + 1px);
    padding-bottom: calc((0.5rem / 3 / 0.5) - 1px);
  }
  ::-webkit-input-placeholder {
    color: #f9646c;
    opacity: 1;
  }
  ::-moz-placeholder {
    color: #f9646c;
    opacity: 1;
  }
  ::-ms-input-placeholder {
    color: #f9646c;
    opacity: 1;
  }
  ::placeholder {
    color: #f9646c;
    opacity: 1;
  }
  form input[type="submit"] {
    width: 3rem;
    margin: 0;
    padding-top: calc(0.6rem / 2);
    padding-bottom: calc(0.6rem / 1.5);
    padding-left: calc(0.6rem / 1.5);
    padding-right: calc(0.6rem / 1.25);
    outline: 0;
    cursor: pointer;
    color: white;
    background-color: #f9646c;
    border: 2px solid #f9646c;
    border-right: none;
    -webkit-transition: background-color 500ms
        cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -moz-transition: background-color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09)
        0ms,
      border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -ms-transition: background-color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09)
        0ms,
      border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -o-transition: background-color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09)
        0ms,
      border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    transition: background-color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      border 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      color 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  }
  form input[type="submit"]:hover {
    color: white;
    background-color: #f9646c;
    border: 2px solid #f9646c;
    border-right: none;
  }
  form a:hover,
  form span:hover {
    color: #f9646c;
    border: 2px solid #f9646c;
  }
  div.project-wrapper {
    position: absolute;
    display: block;
    margin-top: 1.2rem;
    top: 0;
    left: 0;
    width: 100%;
    height: auto !important;
    z-index: 999;
    background-color: white;
  }
  div.project-carousel-wrapper {
    position: relative;
    display: block;
    float: left;
    clear: both;
    width: calc(100% - (0.75rem * 2));
    height: auto;
    margin-left: 0.75rem;
    margin-top: 0;
    z-index: 1;
    pointer-events: auto;
    cursor: pointer;
    -webkit-transition: opacity 0ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      z-index 0ms step-end 0ms;
    -moz-transition: opacity 0ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      z-index 0ms step-end 0ms;
    -ms-transition: opacity 0ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      z-index 0ms step-end 0ms;
    -o-transition: opacity 0ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      z-index 0ms step-end 0ms;
    transition: opacity 0ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms,
      z-index 0ms step-end 0ms;
  }
  div.previouscursor,
  div.nextcursor,
  div.tolightboxcursor {
    display: none !important;
  }
  div.project-carousel-container {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-left: 0px;
  }
  div.project-carousel-wrapper-controls {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    margin-left: 0;
    margin-top: 2.25rem;
    z-index: 1;
  }
  div.project-carousel-container-image {
    position: relative;
    display: block;
    width: 100%;
    height: 100vw;
    overflow: hidden;
    background-color: white;
  }
  div.project-carousel-container {
    outline: 0 !important;
    box-shadow: 0 !important;
  }
  div.project-carousel-container-image img,
  div.lightbox-carousel-container-image img {
    position: relative;
    display: block;
    width: 100%;
    height: 100vw;
    object-fit: contain;
    overflow: hidden;
  }
  div.project-carousel-container-caption {
    position: relative;
    left: 0;
    bottom: 0;
    float: left;
    clear: both;
    width: 100%;
    height: auto;
    background-color: white;
    padding: 0;
    margin: 0;
  }
  div.project-carousel-container-caption p {
    width: calc(100% - 1.6rem);
    font-size: 0.5rem;
    line-height: 150%;
  }
  div.project-carousel-container-caption p:first-of-type {
    margin-top: calc(0.45rem / 1.75);
  }
  div.project-carousel-container-caption p:last-of-type {
    margin-bottom: calc(0.6rem);
  }
  div.project-carousel-container-caption span {
    position: absolute;
    bottom: calc(0.6rem);
    right: 0;
    font-size: 0.5rem;
    line-height: 140%;
  }
  div.previousimage-lightbox,
  div.tolightboximage,
  div.nextimage-lightbox {
    display: none;
  }
  div.previousimage {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 9;
    cursor: pointer;
  }
  div.nextimage {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    z-index: 9;
    cursor: pointer;
  }
  div.lightbox-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0px !important;
    background-color: white;
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  div.content-column-border.border-project {
    left: 0;
    -webkit-transition: left 350ms cubic-bezier(0.4, 0.3, 0.2, 1) 150ms;
    -moz-transition: left 350ms cubic-bezier(0.4, 0.3, 0.2, 1) 150ms;
    -ms-transition: left 350ms cubic-bezier(0.4, 0.3, 0.2, 1) 150ms;
    -o-transition: left 350ms cubic-bezier(0.4, 0.3, 0.2, 1) 150ms;
    transition: left 350ms cubic-bezier(0.4, 0.3, 0.2, 1) 150ms;
  }
  div.project-text-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: opacity 0ms cubic-bezier(0.2, 0.9, 0.57, 1) 0ms,
      z-index 0ms step-end 0ms;
    -moz-transition: opacity 0ms cubic-bezier(0.2, 0.9, 0.57, 1) 0ms,
      z-index 0ms step-end 0ms;
    -ms-transition: opacity 0ms cubic-bezier(0.2, 0.9, 0.57, 1) 0ms,
      z-index 0ms step-end 0ms;
    -o-transition: opacity 0ms cubic-bezier(0.2, 0.9, 0.57, 1) 0ms,
      z-index 0ms step-end 0ms;
    transition: opacity 0ms cubic-bezier(0.2, 0.9, 0.57, 1) 0ms,
      z-index 0ms step-end 0ms;
  }
  div.project-title-wrapper {
    position: fixed;
    top: 0;
    margin-left: 0.75rem;
    width: calc(100% - (0.75rem * 2));
    padding-top: calc(0.75rem - 0.15rem);
    padding-bottom: calc(0.75rem - 0.225rem);
    height: calc((1rem * 1.1) - 2px);
    border-bottom: 2px solid #f9646c;
    z-index: 99;
    background-color: white;
  }
  div.project-text-content {
    position: relative;
    display: block;
    float: left;
    clear: both;
    top: 0;
    left: 0;
    width: calc(100% - (0.75rem * 2));
    height: auto;
    margin-left: 0.75rem;
    overflow-y: visible;
  }
  div.project-text-content-infos {
    position: relative;
    display: block;
    float: left;
    clear: both;
    width: 100%;
    margin-top: calc(0.6rem * 1.125);
    padding-top: calc(0.6rem * 0.95);
    padding-bottom: calc(0.6rem * 1);
    border-bottom: 2px solid #f9646c;
    border-top: 2px solid #f9646c;
  }
  div.infos-column1 {
    position: relative;
    display: block;
    float: left;
    clear: both;
    width: 100%;
    margin-right: 0;
  }
  div.infos-column2 {
    position: relative;
    display: block;
    float: left;
    clear: both;
    width: 100%;
    padding-top: 0.9rem;
  }
  div.project-text-content-infos p,
  div.project-text-content-infos h1,
  div.project-text-content-infos h2,
  div.project-text-content-infos h3 {
    font-size: 0.625rem;
    line-height: 140%;
    font-weight: normal;
    margin-top: calc(0.6rem * 1.5);
    margin-bottom: calc(0.6rem * 1.5);
  }
  div.project-text-content-infos *:first-of-type {
    margin-top: 0;
  }
  div.project-text-content-infos *:last-of-type {
    margin-bottom: 0;
  }
  div.project-text-content-description {
    position: relative;
    display: block;
    float: left;
    clear: both;
    width: 100%;
    padding-top: calc(0.6rem * 0.95);
    padding-bottom: calc(0.6rem * 0.25);
  }
  div.project-text-content-description p:first-of-type {
    margin-top: 0;
  }
  div.project-text-content-description p:last-of-type {
    margin-bottom: 0;
  }
  div.project-bottombar-wrapper {
    position: relative;
    display: block;
    float: left;
    clear: both;
    bottom: 0;
    margin-left: 0.75rem;
    margin-bottom: calc(0.75rem);
    width: calc(100% - (0.75rem * 2));
    height: calc((0.75rem * 0.55));
    padding-top: calc(0.6rem * 1.25);
    padding-bottom: calc(0.6rem * 1.25);
    border-top: 2px solid #f9646c;
    border-bottom: 2px solid #f9646c;
    z-index: 99;
    background-color: white;
  }
  div.project-bottombar-titleplaceholder {
    display: none;
  }
  a.project-button-goprev,
  a.project-button-gonext {
    position: absolute;
    display: block;
    top: 0;
    width: calc(1.5rem);
    height: calc((1.5rem) / 4 * 3);
    margin-top: calc(0.75rem / 2);
  }
  a.project-button-gonext {
    margin-right: calc(3px - ((1.5rem / 100 * 60) / 2));
  }
  a.project-button-goprev svg,
  a.project-button-gonext svg {
    position: absolute;
    width: 60%;
    height: 60%;
    margin-left: 20%;
    margin-top: 15%;
  }
  .project-button-goprev svg line,
  .project-button-goprev svg polyline,
  .project-button-gonext svg line,
  .project-button-gonext svg polyline {
    fill: none;
    stroke: #f9646c;
    stroke-width: 2px;
    -webkit-transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -moz-transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -ms-transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -o-transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  }
  .project-button-goprev:hover svg line,
  .project-button-goprev:hover svg polyline,
  .project-button-gonext:hover svg line,
  .project-button-gonext:hover svg polyline {
    fill: none;
    stroke: #f9646c;
    stroke-width: 2px;
  }
  a.project-button-goprev {
    right: calc((0px + 2.5rem) * 1.25);
    padding-left: 2px;
  }
  a.project-button-gonext {
    right: 0;
    padding-right: 2px;
  }
  div.button-to-text {
    position: relative;
    display: block;
    float: left;
    clear: both;
    width: calc(100% - (0.75rem * 2));
    margin-left: 0.75rem;
    height: calc(0.75rem * 2.15);
    margin-top: 1rem;
    z-index: 1;
  }
  div.button-to-text-wrapper {
    position: relative;
    display: block;
    float: right;
    clear: both;
    height: calc(0.75rem * 2.25);
    width: 1.5rem;
    cursor: pointer;
  }
  div.button-to-text-wrapper svg {
    width: 70%;
    height: 70%;
    margin-left: 30%;
    margin-top: 15%;
    fill: #f9646c;
    -webkit-transition: fill 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -moz-transition: fill 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -ms-transition: fill 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -o-transition: fill 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    transition: fill 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  }
  div.button-to-text-wrapper:hover svg {
    fill: #f9646c;
  }
  div.button-to-images {
    position: relative;
    display: block;
    float: left;
    clear: both;
    width: 100%;
    height: calc(0.75rem * 2.5);
    margin-left: -0.125rem;
    z-index: 1;
  }
  div.button-to-images-wrapper {
    position: relative;
    display: block;
    float: left;
    clear: both;
    height: calc(0.75rem * 2);
    width: 1.75rem;
    cursor: pointer;
  }
  div.button-to-images-wrapper svg {
    width: 70%;
    height: 70%;
    margin-left: 15%;
    margin-top: 15%;
    stroke: #f9646c;
    stroke-width: 2px;
    -webkit-transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -moz-transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -ms-transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -o-transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  }
  div.button-to-images-wrapper:hover svg {
    stroke: #f9646c;
  }
  a.project-closebutton {
    position: fixed;
    display: block;
    width: 0.85rem;
    height: 0.85rem;
    top: calc(0.75rem - 0.075rem);
    right: calc(0.75rem - 0.075rem);
    background-color: transparent;
    z-index: 1;
    cursor: pointer;
    overflow: visible;
    width: 1.05rem;
    height: 0.95rem;
    top: 0.25rem;
    right: 0.25rem;
    padding: 0.375rem;
  }
  a.project-closebutton svg {
    position: relative;
    width: calc(100% - 0.25rem);
    height: calc(100% - 0.25rem);
    top: -0.15rem;
    left: 0;
    padding: 0.125rem;
    overflow: visible;
  }
  a.project-closebutton svg line {
    fill: none;
    stroke: #f9646c;
    stroke-width: 2px;
    -webkit-transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -moz-transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -ms-transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    -o-transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
    transition: stroke 500ms cubic-bezier(0.1, 0.94, 0.57, 1.09) 0ms;
  }
  button.lightbox-closebutton:hover svg line,
  a.project-closebutton:hover svg line {
    fill: none;
    stroke: #f9646c;
    stroke-width: 2px;
  }
  .button-lightbox-visible {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  /* general usability */
  .desktop {
    display: none !important;
  }
  .mobile {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  div.menu-block-wrapper:first-of-type .block-closed {
    margin-bottom: calc(-100vh - -1.75rem) !important;
  }

  div.content-column-border {
    width: 2px;
  }
  div.toggleline {
    height: 2px;
  }
  div.menu-block-title {
    border-top: 2px solid #f9646c;
    border-bottom: 2px solid #f9646c;
  }
  button.menu-block-button {
    border-top: 2px solid #f9646c;
    border-left: 2px solid #f9646c;
  }
  div.menu-block-wrapper:first-of-type div.menu-block-content {
    margin-top: calc(
      0px - ((1rem - 0.15rem) + ((0.75rem * 1.1) + (0.5rem * 1))) + 2px
    );
  }
  div.menu-block-title a:hover button.menu-block-button {
    border-top: 2px solid #6470df;
    border-left: 2px solid #6470df;
  }
  div.block-closed {
    height: calc(
      0px + ((1rem) + (((0.75rem * 1.1) + (0.5rem * 2)) * 3)) - 0.15rem + 0.5rem -
        4px
    );
  }
  div.content-column-footer {
    border-top: 2px solid #f9646c;
  }
  .previouscursor svg line,
  .previouscursor svg polyline,
  .tolightboxcursor svg line,
  .nextcursor svg line,
  .nextcursor svg polyline,
  .previouscursor-lightbox svg line,
  .previouscursor-lightbox svg polyline,
  .nextcursor-lightbox svg line,
  .nextcursor-lightbox svg polyline {
    stroke-width: 2px;
  }
  div.project-title-wrapper {
    height: calc((0.75rem * 1.1) + (0.5rem * 1) - 2px);
    border-bottom: 2px solid #f9646c;
  }
  div.project-text-content-infos {
    border-bottom: 2px solid #f9646c;
  }
  div.project-bottombar-wrapper {
    border-top: 2px solid #f9646c;
  }
  .project-button-goprev svg line,
  .project-button-goprev svg polyline,
  .project-button-gonext svg line,
  .project-button-gonext svg polyline {
    stroke-width: 2px;
  }
  .project-button-goprev:hover svg line,
  .project-button-goprev:hover svg polyline,
  .project-button-gonext:hover svg line,
  .project-button-gonext:hover svg polyline {
    stroke-width: 2px;
  }
  button.lightbox-closebutton svg line,
  a.project-closebutton svg line {
    stroke-width: 2px;
  }
  button.lightbox-closebutton:hover svg line,
  a.project-closebutton:hover svg line {
    stroke-width: 2px;
  }
}