@font-face {
  font-family: Helvetican Bold;
  src: url('../fonts/HelveticaNeueLTPro-Bd.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Bold;
  src: url('../fonts/HelveticaNeueLTPro-BdIt.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Light;
  src: url('../fonts/HelveticaNeueLTPro-LtIt.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Heavy;
  src: url('../fonts/HelveticaNeueLTPro-Hv.ttf') format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Regular;
  src: url('../fonts/HelveticaNeueLTPro-It.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Heavy;
  src: url('../fonts/HelveticaNeueLTPro-HvIt.ttf') format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Light;
  src: url('../fonts/HelveticaNeueLTPro-Lt.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Medium;
  src: url('../fonts/HelveticaNeueLTPro-MdIt.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Medium;
  src: url('../fonts/HelveticaNeueLTPro-Md.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Regular;
  src: url('../fonts/HelveticaNeueLTPro-Roman.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.full-high-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  height: 98vh;
  margin: 1vh;
  padding: 2px;
  display: flex;
}

.nav-block {
  cursor: pointer;
  font-family: Helvetica Regular, Arial, sans-serif;
  text-decoration: none;
}

.nav-block:hover {
  color: #000;
  text-decoration: underline;
}

.nav-block:active, .nav-block:focus, .nav-block:visited, .nav-block.w--current:hover {
  color: #000;
}

.text-block {
  color: #000;
  margin-top: 0;
  font-family: Helvetica Regular, Arial, sans-serif;
  text-decoration: none;
}

.text-block:hover, .text-block:active {
  color: #000;
}

.nav-bottom {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 10px;
  display: flex;
}

.nav-bottom.project-page {
  position: absolute;
  inset: auto 0% 0%;
}

.body {
  justify-content: flex-start;
  display: block;
}

.nav-top {
  justify-content: space-between;
  padding-bottom: 10px;
  display: flex;
}

.start-middle {
  box-sizing: border-box;
  justify-content: space-between;
  align-items: flex-end;
  height: 30vh;
  display: flex;
}

.start-middle.contact {
  justify-content: space-around;
  align-items: center;
}

.start-middle.center {
  justify-content: center;
  align-items: center;
}

.image {
  z-index: -1;
  height: 30vh;
  position: absolute;
  overflow: visible;
}

.start-overlaytext {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  padding-top: 10px;
  font-family: Helvetica Regular, Arial, sans-serif;
  font-size: 5vh;
  line-height: 4.5vh;
}

.start-overlaytext:hover {
  mix-blend-mode: normal;
}

.work-middle {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  margin-left: 0;
  display: flex;
}

.div-block {
  display: block;
}

.project-link {
  background-image: url('../images/ISANA-titel-web.jpg');
  background-position: 50%;
  background-size: auto;
  overflow: visible;
}

.projekt-titel-bild {
  object-fit: cover;
  margin-bottom: 5px;
}

.link-block {
  cursor: auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: block;
}

.link-block:hover {
  opacity: 1;
  color: #000;
  text-decoration: underline;
}

.projekt-beschreibung {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Regular, Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.projekt-beschreibung.ausblenden {
  display: none;
}

.projekt-job {
  color: #858585;
  margin-top: 5px;
  font-family: Helvetica Regular, Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
}

.projekt-link-block {
  cursor: auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: block;
}

.projekt-link-block:hover {
  opacity: 1;
  color: #000;
  text-decoration: underline;
}

.link {
  color: #000;
  font-family: Helvetica Regular, Arial, sans-serif;
  text-decoration: none;
}

.link:hover {
  text-decoration: underline;
}

.cell {
  justify-content: space-between;
  align-items: flex-start;
}

.quick-stack {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  margin-top: 80px;
  margin-bottom: 60px;
  padding: 0;
}

.link-block-2 {
  width: 35vw;
  height: 30vh;
  position: absolute;
}

.project-page-frame {
  flex-flow: column;
  justify-content: space-between;
  padding: 1vh;
  display: flex;
}

.beschreibung-container {
  display: none;
}

.beschreibung-container.einblenden {
  display: block;
}

.zur-ck {
  color: #000;
  font-family: Helvetica Regular, Arial, sans-serif;
  font-weight: 400;
  line-height: 14px;
  text-decoration: none;
}

.quick-stack-2-items {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-top: 80px;
  padding: 0;
}

._2-items {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._2-items.rechtsb-ndig {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  padding-left: 50vw;
  display: flex;
}

.quick-stack-3-items {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  padding: 0;
}

.zuruck-link {
  color: #858585;
  margin-top: 5px;
  font-family: Helvetica Regular, Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
}

.zurueck-div {
  margin-top: 10px;
}

._3-items {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cell-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.cell-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.5fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.cell-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cell-5 {
  justify-content: flex-end;
  align-items: flex-start;
}

.paragraph {
  font-family: Helvetica Regular, Arial, sans-serif;
  line-height: 18px;
}

.about-text {
  color: #000;
  min-width: 50vw;
  max-width: 60vw;
  font-family: Helvetica Regular, Arial, sans-serif;
  line-height: 18px;
}

.about-text.grau {
  color: #b8b8b8;
}

.link-2, .link-3 {
  color: #000;
  text-decoration: none;
}

.spacing-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cell-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.bild-beschreibung {
  color: #000;
  margin-top: -60px;
  margin-bottom: 0;
  font-family: Helvetica Regular, Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.bild-beschreibung.tiefer {
  margin-top: -48px;
}

.bild-verschieben {
  margin-top: -12px;
}

.cell-7 {
  justify-content: flex-end;
}

.beschreibung-container-mobil {
  display: none;
}

@media screen and (max-width: 991px) {
  .start-middle {
    height: 40vh;
  }

  .work-middle {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
}

@media screen and (max-width: 767px) {
  .full-high-section {
    justify-content: flex-start;
  }

  .full-high-section.full-hight {
    justify-content: space-between;
  }

  .text-block {
    margin-bottom: 10px;
  }

  .start-middle {
    flex-flow: column;
    align-items: flex-start;
    height: auto;
  }

  .work-middle {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    padding-left: 20vw;
    padding-right: 20vw;
  }

  .projekt-beschreibung.ausblenden {
    margin-top: 20px;
    display: block;
  }

  .projekt-job {
    overflow: visible;
  }

  .projekt-job.ausblenden {
    display: none;
  }

  .cell {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .quick-stack {
    box-sizing: border-box;
    object-fit: fill;
    margin-top: 20px;
    overflow: visible;
  }

  .container {
    width: 98vw;
    margin-left: 1vw;
    margin-right: 1vw;
  }

  .beschreibung-container {
    width: 98vw;
    margin-top: 20px;
    margin-left: 1vw;
    margin-right: 1vw;
    display: block;
  }

  .beschreibung-container.einblenden {
    display: none;
  }

  ._2-items {
    padding-left: 1vw;
  }

  ._2-items.rechtsb-ndig {
    justify-content: center;
    align-items: center;
    padding-left: 1vw;
    padding-right: 20vw;
  }

  ._3-items {
    margin-left: 1vw;
    margin-right: 1vw;
  }

  .cell-3 {
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .cell-4 {
    flex-flow: row;
    display: none;
  }

  .cell-5 {
    padding-left: 1vw;
    padding-right: 1vw;
    display: none;
  }

  .about-text {
    max-width: 100vw;
  }

  .cell-6 {
    display: none;
  }

  .bild_beschreibung {
    width: 98vw;
    margin-left: 1vw;
    margin-right: 1vw;
  }

  .bild-beschreibung, .bild-beschreibung.tiefer {
    margin-top: -150px;
  }

  .cell-7 {
    display: none;
  }

  .image-2 {
    margin-bottom: 20px;
  }

  .video {
    box-sizing: border-box;
    object-fit: fill;
    width: 98vw;
    margin-left: 1vw;
    margin-right: 1vw;
    display: block;
  }

  .cell-8, .cell-9 {
    display: none;
  }

  .image-3, .image-4, .image-5 {
    width: 98vw;
    margin-left: 1vw;
    margin-right: 1vw;
  }

  .cell-10, .cell-11 {
    display: none;
  }

  .image-6 {
    width: 98vw;
    margin-left: 1vw;
    margin-right: 1vw;
  }

  .cell-12, .cell-13, .cell-14 {
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .cell-15 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .beschreibung-container-mobil {
    width: 98vw;
    margin-left: 1vw;
    margin-right: 1vw;
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .full-high-section {
    justify-content: space-between;
    align-items: stretch;
    height: 95vh;
  }

  .body {
    height: auto;
    overflow: hidden;
  }

  .start-middle, .start-middle.center {
    height: auto;
  }

  .image {
    width: 80vw;
    height: auto;
  }

  .start-overlaytext {
    font-size: 4vh;
    line-height: 3.5vh;
  }

  .work-middle {
    grid-column-gap: 55px;
    grid-row-gap: 55px;
  }

  ._2-items.rechtsb-ndig {
    padding-right: 1vw;
  }

  .bild-beschreibung.tiefer {
    margin-top: -90px;
  }

  .image-2 {
    width: 70vw;
    margin-right: 0;
    display: block;
  }
}

#w-node-aec6f173-97d7-7c56-ddcf-8f52a0699e72-76c000ae {
  grid-template-rows: auto;
  grid-template-columns: .25fr .75fr;
}

#w-node-aec6f173-97d7-7c56-ddcf-8f52a0699e72-ada5822f {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: .25fr .75fr;
}

#w-node-aec6f173-97d7-7c56-ddcf-8f52a0699e72-f4d246da, #w-node-aec6f173-97d7-7c56-ddcf-8f52a0699e72-421001cb, #w-node-ba9d4caa-2b9d-cdf3-3256-b94b2a3b780c-421001cb, #w-node-aec6f173-97d7-7c56-ddcf-8f52a0699e72-8991ea75 {
  grid-template-rows: auto;
  grid-template-columns: .25fr .75fr;
}

#w-node-aec6f173-97d7-7c56-ddcf-8f52a0699e72-967228ae {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: .25fr .75fr;
}

@media screen and (max-width: 767px) {
  #w-node-aec6f173-97d7-7c56-ddcf-8f52a0699e72-76c000ae {
    grid-template-rows: auto;
    grid-template-columns: .25fr;
  }

  #w-node-aec6f173-97d7-7c56-ddcf-8f52a0699e73-76c000ae {
    order: 0;
  }

  #w-node-aec6f173-97d7-7c56-ddcf-8f52a0699e72-ada5822f {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: .25fr;
  }

  #w-node-e83e99db-72e3-248f-2398-221a1f28ec8a-ada5822f {
    order: 9999;
  }

  #w-node-aec6f173-97d7-7c56-ddcf-8f52a0699e72-f4d246da, #w-node-aec6f173-97d7-7c56-ddcf-8f52a0699e72-421001cb, #w-node-ba9d4caa-2b9d-cdf3-3256-b94b2a3b780c-421001cb {
    grid-template-rows: auto;
    grid-template-columns: .25fr;
  }

  #w-node-ba9d4caa-2b9d-cdf3-3256-b94b2a3b780d-421001cb {
    order: 9999;
  }

  #w-node-aec6f173-97d7-7c56-ddcf-8f52a0699e72-8991ea75 {
    grid-template-rows: auto;
    grid-template-columns: .25fr;
  }

  #w-node-aec6f173-97d7-7c56-ddcf-8f52a0699e72-967228ae {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: .25fr;
  }

  #w-node-_5335fd7d-3fb2-867d-2f27-440a2bdaedb3-967228ae {
    order: 9999;
  }
}


@font-face {
  font-family: 'Helvetican Bold';
  src: url('../fonts/HelveticaNeueLTPro-Bd.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Bold';
  src: url('../fonts/HelveticaNeueLTPro-BdIt.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Light';
  src: url('../fonts/HelveticaNeueLTPro-LtIt.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Heavy';
  src: url('../fonts/HelveticaNeueLTPro-Hv.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Regular';
  src: url('../fonts/HelveticaNeueLTPro-It.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Heavy';
  src: url('../fonts/HelveticaNeueLTPro-HvIt.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Light';
  src: url('../fonts/HelveticaNeueLTPro-Lt.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Medium';
  src: url('../fonts/HelveticaNeueLTPro-MdIt.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Medium';
  src: url('../fonts/HelveticaNeueLTPro-Md.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Regular';
  src: url('../fonts/HelveticaNeueLTPro-Roman.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}