.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  background-color: #000;
  font-family: Jura, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

label {
  color: #fff;
  margin-bottom: 5px;
  font-weight: 700;
  display: block;
}

.hero {
  height: 100vh;
}

.background-video {
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.container {
  margin-top: 20px;
}

.div-block {
  margin-top: 323px;
}

.image {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-2 {
  color: #fefefe;
  text-align: left;
  -webkit-text-fill-color: inherit;
  background-color: rgba(0, 0, 0, 0);
  background-clip: border-box;
}

.image-3 {
  float: none;
  clear: none;
  margin-top: 0;
  margin-left: auto;
  margin-right: 75px;
  padding-top: 0;
  display: block;
  position: static;
  top: auto;
}

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

.container-3 {
  height: 200px;
  max-width: none;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.hamburger_menu_default {
  width: 32px;
  float: right;
  margin-top: 26px;
  margin-right: 75px;
  padding-top: 0;
}

.image-5 {
  width: 180px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.front-page-headline {
  float: right;
  aspect-ratio: auto;
  color: #fffefe;
  justify-content: space-between;
  margin: 0 0 10px;
  padding-top: 0;
  padding-right: 0;
  font-family: Jura, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 42px;
  display: inline-block;
}

.body-text {
  max-width: 700px;
  float: right;
  clear: left;
  color: #000;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 140px;
  font-family: Jura, sans-serif;
  font-size: 16px;
  display: block;
}

.body-text.black {
  width: 60%;
  max-width: 700px;
  color: #000;
  margin-left: 0;
  padding-right: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  display: block;
}

.body-text.black._01 {
  width: 70%;
  max-width: 815px;
  color: #400;
  word-break: keep-all;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}

.body-text.black.page02_03 {
  color: #400;
  font-weight: 600;
  line-height: 26px;
}

.body-text.black_02 {
  max-width: 830px;
  color: #400;
  white-space: normal;
  word-break: keep-all;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}

.body-text-front {
  height: 15%;
  max-width: 1500px;
  background-color: rgba(217, 217, 217, 0);
  justify-content: flex-end;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.spacer_front {
  height: 40%;
  background-color: rgba(208, 196, 196, 0);
}

.headline_front {
  height: 5%;
  max-width: 1500px;
  background-color: rgba(208, 140, 140, 0);
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  display: flex;
}

.headline_front.projects {
  width: 100vw;
  height: auto;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-5 {
  height: 25%;
  color: #dad8d8;
  background-color: #9a8d8d;
}

.image-6 {
  width: 80px;
  height: 80px;
  max-width: none;
  clear: none;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.image-7 {
  width: 60px;
  clear: left;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
}

.scroller_front {
  width: auto;
  height: 20%;
  opacity: 1;
  align-items: flex-end;
  display: flex;
}

.topnav {
  height: 18%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area-3 Area Area-2"
  / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  display: grid;
}

.body {
  height: auto;
  max-width: 1600px;
  background-color: #000;
  font-family: Jura, sans-serif;
}

.scrolldown_front {
  width: 100vw;
  height: auto;
  background-color: #bababa;
  background-image: linear-gradient(rgba(166, 164, 164, .5), rgba(166, 164, 164, .5)), url('../images/linedrawing_castle_graded.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  margin-left: 0;
  padding-top: 60px;
}

.scrolldown_page {
  height: 200%;
  color: #a6a6a6;
  background-color: #d4d4d4;
  background-image: url('../images/linedrawing_castle.jpg');
  background-position: 0 0;
  background-size: cover;
  justify-content: flex-end;
  align-items: center;
  display: inline-block;
}

.background_scrolldown {
  max-width: none;
  aspect-ratio: auto;
  opacity: .33;
  object-fit: fill;
  background-image: linear-gradient(#b0aeae, #b0aeae);
  display: block;
  overflow: hidden;
}

.spacer_scrolldown-01 {
  height: 8vh;
  -webkit-text-stroke-color: rgba(51, 51, 51, 0);
  background-color: rgba(252, 171, 171, 0);
}

.headline_scrolldown_01 {
  height: 8vh;
  min-height: 65px;
  min-width: 0;
}

.text-block {
  height: 8vh;
  max-width: 1600px;
  color: #000;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 5px;
  padding-left: 80px;
  padding-right: 0;
  font-family: Jura, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 34px;
  display: flex;
}

.text-block.enrich-mind {
  color: #400;
  padding-bottom: 10px;
  font-weight: 700;
}

.text-block.page02-03 {
  color: #400;
  font-weight: 700;
}

.text-block-2 {
  color: #000;
}

.text_scrolldown {
  max-width: 1600px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  display: flex;
}

.spacer_scrolldown_02 {
  height: 5vh;
  background-color: rgba(174, 171, 171, 0);
  line-height: 10px;
}

.headline_scrolldown_02 {
  aspect-ratio: auto;
  color: #400;
  white-space: normal;
  word-break: normal;
  padding-right: 140px;
  font-size: 32px;
  font-weight: 700;
  line-height: 34px;
}

.div-block-6 {
  height: 8vh;
  max-width: 1500px;
  min-height: 70px;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-7 {
  max-width: 1500px;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.body-text-white {
  width: 100%;
  max-width: 800px;
  float: right;
  clear: left;
  color: #fff;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 100px;
  font-family: Jura, sans-serif;
  font-size: 20px;
  line-height: 28px;
  display: block;
}

.body-text-white.black {
  width: 60%;
  max-width: 700px;
  color: #000;
  margin-left: 0;
  padding-right: 0;
  display: block;
}

.body-text-white.small {
  z-index: 0;
  float: left;
  clear: left;
  font-size: 10px;
  font-style: italic;
  font-weight: 300;
  line-height: 12px;
  position: static;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.body-text-white.about {
  width: auto;
  height: auto;
  max-width: none;
  padding-right: 0;
  font-size: 16px;
  line-height: 24px;
}

.body-text-white.about.big {
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0;
  font-size: 20px;
  font-weight: 500;
}

.div-block-8 {
  height: 5vh;
}

.div-block-9 {
  height: 120px;
  background-color: rgba(159, 46, 46, 0);
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-10 {
  height: 120px;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.navbar {
  height: 8vh;
}

.navbar_black {
  background-color: rgba(129, 113, 113, 0);
  font-size: 18px;
  font-weight: 600;
}

.container-5 {
  justify-content: center;
  display: flex;
}

.navlink_white {
  color: #f7f4f4;
  margin-top: 0;
}

.navlink_white:hover {
  color: #bdd0fb;
  font-size: 20px;
}

.navlink_white.black {
  color: #000;
}

.navbar-3 {
  background-color: rgba(221, 221, 221, 0);
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

.navigation-top {
  width: 40%;
  background-color: rgba(221, 221, 221, 0);
}

.nav-menu-4 {
  background-color: rgba(0, 0, 0, 0);
  align-items: center;
  display: flex;
}

.image-9 {
  display: block;
}

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

.menu-button-3.w--open {
  background-color: rgba(200, 200, 200, 0);
}

.image-10 {
  margin-top: 20px;
}

.design_hero_section {
  height: 100vh;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  background-image: linear-gradient(rgba(0, 0, 0, .38), rgba(0, 0, 0, .38)), linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, .9)), url('../images/image_clipdrop-enhance-15.jpg');
  background-position: 0 0, 0 0, 10px 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, contain;
  background-attachment: scroll, scroll, scroll;
}

.topnav_inside {
  position: -webkit-sticky;
  position: sticky;
}

.navbar_white_inside {
  background-color: rgba(221, 221, 221, 0);
}

.navbar_white_inside.about_page {
  position: static;
}

.container-9 {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.image-11 {
  width: 80px;
  margin-top: 0;
}

.nav-menu-5 {
  width: 60%;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.brand-2 {
  width: 100px;
  height: 60px;
  clear: none;
  background-image: url('../images/logo-clostermann-design_ALLWHITE.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 0;
  position: static;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.brand-2.black {
  background-image: url('../images/logo-clostermann-design_ALLBLACK.png');
}

.div-block-12 {
  height: 35vh;
}

.div-block-13 {
  justify-content: center;
  padding-right: 183px;
  display: flex;
}

.heading-3 {
  color: #fffefe;
  justify-content: flex-start;
  margin-left: 0;
  padding-left: 0;
  font-weight: 500;
  display: flex;
}

.div-block-14 {
  height: 28vh;
  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;
  padding-left: 0;
  padding-right: 156px;
  display: flex;
}

.text-page-design {
  max-width: 50vw;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
}

.image-12 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-15 {
  margin-left: auto;
  margin-right: auto;
}

.body-2 {
  height: 400vh;
}

.section {
  height: 100vh;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0), #000), linear-gradient(rgba(0, 0, 0, .41), rgba(0, 0, 0, .41)), url('../images/image_clipdrop-enhance-16.jpg');
  background-position: 0 0, 0 0, 100% 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, contain;
}

.scrollbutton {
  width: 50px;
  height: 50px;
  color: #fff;
  text-align: center;
  -webkit-text-stroke-width: 2px;
  background-color: rgba(56, 152, 236, 0);
  background-image: url('../images/scroll-down-icon-png-18.jpg.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 50px;
  border: 0 #fff;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 11px;
  font-weight: 300;
  transition: opacity .2s;
  display: flex;
}

.scrollbutton:hover {
  width: 55px;
  height: 55px;
  background-color: rgba(56, 152, 236, 0);
  background-image: url('../images/scroll-down-icon-png-18.jpg.png');
  background-position: 50%;
  background-size: contain;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.scrollbutton.w--current {
  background-color: rgba(56, 152, 236, 0);
  background-image: url('../images/scroll-down-icon-png-18.jpg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: auto;
  margin-right: auto;
}

.scrollbutton.upscroll {
  width: 100px;
  height: 80px;
  background-image: url('../images/scroll-up.png');
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
}

.scrollbutton.upscroll:hover {
  background-position: 50% 0;
  background-size: 55px 55px;
}

.spacer01_page02 {
  height: 17vh;
}

.headline_page02 {
  height: 12vh;
  align-items: center;
  padding-left: 100px;
  display: flex;
}

.body_text_page02 {
  align-items: center;
  padding-left: 220px;
  display: flex;
}

.spacer02_page02 {
  height: 25vh;
}

.scrolldown_page02 {
  height: 8vh;
  align-items: flex-end;
  display: flex;
}

.gallery_01 {
  height: 100vh;
  padding-top: 70px;
  padding-left: 40px;
  padding-right: 40px;
}

.gallery_02 {
  height: 100vh;
  padding-top: 80px;
  padding-left: 60px;
  padding-right: 60px;
}

.images_block {
  height: 85vh;
  background-image: url('../images/Design_Gallery_01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 68px 68px 0;
}

.scrolldown_page03 {
  height: 7vh;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template: "Area-2 Area Area-3"
  / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: end;
  justify-content: center;
  align-items: flex-start;
  justify-items: end;
  padding: 0;
  display: flex;
}

.scrolldown_page03:hover {
  align-items: flex-start;
}

.image-13 {
  height: 80px;
}

.div-block-22 {
  height: 6vh;
}

.div-block-23 {
  height: 81vh;
  background-image: url('../images/Design_Gallery_02.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 0;
}

.text-block-3 {
  color: #fff;
}

.div-block-24 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: grid;
}

.section-2 {
  height: 100vh;
  background-color: #9a9a9a;
  padding-left: 100px;
  padding-right: 100px;
}

.div-block-25 {
  height: 53vh;
  -webkit-text-stroke-width: 4px;
  -webkit-text-stroke-color: #000;
  background-image: url('../images/07_Hist_Kamer1_2_12_DEFR.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  line-height: 50px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: visible;
}

.heading-4 {
  color: #5c0000;
}

.heading-5, .text-block-4 {
  color: #4d0000;
}

.div-block-26 {
  z-index: auto;
  height: 50vh;
  background-image: url('../images/Preshow_raw3.jpg');
  background-position: 50% 60%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 52.1vh;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.section-3 {
  height: auto;
  color: #fefefe;
  background-color: rgba(193, 176, 176, 0);
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 32px;
  display: block;
}

.about_body_text_01 {
  height: auto;
  overflow-wrap: normal;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 10px 140px 0;
  display: flex;
}

.about_body_text_01.black {
  height: auto;
  color: #000;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  display: block;
}

.div-block-27 {
  height: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "Area"
                 "Area-2"
                 "Area-3"
                 "Area-4"
                 "."
                 / 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: start;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 60px;
  display: block;
}

.div-block-28 {
  width: 100vw;
}

.headline_about {
  color: #fff;
  font-size: 32px;
}

.headline_about.team {
  color: #000;
  line-height: 38px;
}

.bold-text {
  font-size: 26px;
  font-weight: 700;
}

.bold-text-2 {
  font-size: 26px;
}

.slide {
  width: 100vw;
}

.slider {
  height: 100%;
}

.about_slide_01 {
  background-image: url('../images/07_Hist_Kamer1_2_12_DEFR.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.about_slide_01.slideb {
  background-image: url('../images/museum-maus-600-mu.jpg');
}

.about_slide_01.slide-c {
  background-image: url('../images/17_de-koninck-antwerp-city-5.jpg');
}

.about_slide_01.slidee_e {
  background-image: url('../images/20_Bunker_tourguide_01.jpg');
}

.div-block-29 {
  height: 30vh;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "Area Area-2 Area-3"
  / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about_slide_02 {
  background-image: url('../images/Preshow_raw3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.about_slide_03 {
  background-image: url('../images/de-koninck-brewery-7.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.icon-2, .icon-3, .arrows_gone {
  color: rgba(254, 254, 254, 0);
}

.slider03, .slider02 {
  height: 30vh;
}

.div-block-30 {
  align-self: flex-end;
}

.divider {
  height: 60px;
  justify-content: center;
  align-items: center;
  padding-bottom: 5px;
  display: flex;
}

.team_page {
  height: auto;
  background-color: #e0d0b2;
}

.slider-2 {
  height: 30vh;
}

.div-block-31 {
  height: auto;
  column-count: auto;
  padding: 10px 220px 20px 300px;
}

.image-14 {
  height: 140px;
}

.div-block-32 {
  justify-content: space-around;
  align-items: center;
  padding: 40px 220px 10px 200px;
  display: flex;
}

.div-block-33 {
  max-width: 1920px;
  justify-content: space-around;
  align-items: center;
  margin-left: 0;
  padding: 10px 220px 10px 200px;
  display: flex;
}

.text-block-5, .text-block-6 {
  width: 70%;
  font-size: 14px;
}

.div-block-34 {
  justify-content: flex-end;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 220px;
  display: flex;
}

.projects_button_about_page {
  color: #000;
  background-color: #bdbebf;
  border-radius: 19px;
  padding: 15px 20px;
  font-size: 18px;
  font-weight: 500;
}

.image-15 {
  height: 140px;
}

.section-4 {
  height: 10vh;
}

.section-5 {
  height: 10vh;
  background-color: #dbdbdb;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-6 {
  height: auto;
  background-color: #dbdbdb;
  justify-content: space-around;
  align-items: center;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.project_square {
  width: 25vw;
  height: auto;
  max-height: 360px;
  max-width: 390px;
  min-height: 150px;
  min-width: 150px;
  aspect-ratio: 1 / 1;
  background-image: url('../images/Playmo_02.jpg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  margin-left: 10px;
  margin-right: 10px;
}

.project_square.project_01 {
  background-image: url('../images/DSC0824-768x510.jpg');
  background-position: 100%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.project_square.project_02 {
  background-image: url('../images/folio05_StGall.jpg');
  background-position: 100%;
  background-size: cover;
}

.project_square.project_03 {
  background-image: url('../images/05_Sisi_Smile.jpg');
}

.project_square.project_04 {
  background-image: url('../images/Startseitenimage01.jpg');
}

.project_square.project_05 {
  background-image: url('../images/folio04_DeKo.jpg');
}

.project_square.project_06 {
  background-image: url('../images/09_Crypt_LARGE.jpg');
}

.project_square.project_07 {
  background-image: url('../images/folio02_Historium.jpg');
}

.project_square.project_08 {
  background-image: url('../images/folio01_Everland.jpg');
}

.project_square.project_09 {
  background-image: url('../images/images-2.jpeg');
}

.project_square.project_10 {
  background-image: url('../images/legoland-discovery-centre-berlin-drachenbahn-2zu1.jpg');
}

.project_square.project_12 {
  background-image: url('../images/Glaswabe-mit-Bienenexponat.jpg');
}

.section-7 {
  height: auto;
  background-color: #dbdbdb;
  justify-content: space-around;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.section-8 {
  height: 40vh;
  background-color: #dbdbdb;
  justify-content: space-around;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 60px;
  display: flex;
}

.projects_reveal_text {
  max-width: 80%;
  min-height: auto;
  min-width: 50%;
  color: #000;
  text-align: center;
  overflow-wrap: normal;
  justify-content: center;
  align-items: center;
  font-size: 150%;
  font-weight: 600;
  line-height: 100%;
  display: flex;
}

.reveal_container {
  width: 100%;
  height: 100%;
  max-width: none;
  background-color: rgba(219, 219, 219, .82);
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-9 {
  height: 100vh;
  background-color: #a0a0a0;
}

.popup_project {
  width: 100%;
  height: 100%;
  background-color: rgba(111, 111, 111, .86);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  overflow: visible;
}

.project_slide {
  width: 100%;
  height: 100vh;
  min-height: 500px;
  min-width: 500px;
  background-image: url('../images/DSC0824-768x510.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
}

.project_slide.p1_s1 {
  width: 70%;
  height: auto;
  min-height: 500vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  overflow: visible;
}

.project_slide.p1_s2 {
  background-image: url('../images/05_Sisi_Smile.jpg');
}

.project_slide.p12_slide01 {
  background-image: url('../images/Glaswabe-mit-Bienenexponat.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}

.project_slide.pr12_slide02 {
  background-image: url('../images/Bienenausstellung-21.jpg');
}

.project_slide.pr12_slide03 {
  background-image: url('../images/Bienenausstellung-59.jpg');
}

.project_slide.pr12_slide04 {
  background-image: url('../images/Bienenausstellung-24.jpg');
}

.project_slide.pr12_slide05 {
  background-image: url('../images/Bienenausstellung-64.jpg');
}

.project_slide.pr12_slide06 {
  background-image: url('../images/Bienenausstellung-72.jpg');
}

.project_slide.pr12_slide07 {
  background-image: url('../images/Bienenausstellung-01.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}

.project_slide.pr12_slide08 {
  background-image: url('../images/Bienenausstellung-56.jpg');
}

.project_slide.pr12_slide09 {
  background-image: url('../images/Bienenausstellung-11.jpg');
}

.project_slide.pr12_slide10 {
  background-image: url('../images/Bienenausstellung-28.jpg');
}

.project_slide.pr12_slide11 {
  background-image: url('../images/Reportage-40.jpg');
}

.project_slide.pr12_slide12 {
  background-image: url('../images/Reportage-03.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}

.project_slide.pr12_slide13 {
  background-image: url('../images/Reportage-44.jpg');
}

.project_slide.pr12_slide14 {
  background-image: url('../images/Kinder-und-Ruderbiene-Fluegelschlagmessgeraet.jpg');
}

.project_slide.pr12_slde15 {
  background-image: url('../images/Bienenausstellung-Imker-auf-Podest.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}

.project_slide.pr12_slide16 {
  background-image: url('../images/Grosser-Bienenkopf-mit-Erklaertafeln.jpg');
}

.project_slide.pr12_slide17 {
  background-image: url('../images/Erklaertafel-zur-Ruderbiene-Fluegelschlagmessgeraet.jpg');
}

.project_slide.pr12_slide18 {
  background-image: url('../images/Bienenkopf-mit-Monitor-Bienenausstellung.jpg');
}

.project_slide.pr12_slide19 {
  background-image: url('../images/Bienenkopf-mit-Herbstdekoration.jpg');
}

.project_slide.pr12_slide_20 {
  background-image: url('../images/Besucher-testen-den-Imker-mit-Monitor.jpg');
}

.project_slide.pr12_slide21 {
  background-image: url('../images/Biene.Ruderbiene-Bienenausstellung.jpg');
}

.mask {
  width: 100%;
  height: 100%;
  max-height: 1000px;
  max-width: 1000px;
  min-height: 500px;
  min-width: 500px;
}

.image-16 {
  width: 400px;
  height: auto;
}

.image-17 {
  background-image: url('../images/DSC0824-768x510.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.div-block-36 {
  width: 100vw;
  height: 100vh;
  background-color: #1c1c1c;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lb_project_01 {
  background-image: url('../images/DSC0824-768x510.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 50px;
}

.body-3 {
  background-color: #765757;
  justify-content: space-around;
  align-items: flex-start;
  padding: 0;
  display: flex;
}

.container-12 {
  z-index: 2;
  position: relative;
}

.image-18 {
  background-color: rgba(184, 184, 184, .59);
  position: relative;
}

.slide-2 {
  width: auto;
  height: 90vh;
  background-image: url('../images/DSC0824-768x510.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-3 {
  height: 13%;
  background-image: url('../images/folio04_DeKo.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.projects_mask {
  height: 80%;
  min-height: 0;
}

.project_slider {
  height: 80vh;
  min-height: 500px;
  background-image: url('../images/DSC0824-768x510.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.project_slider.slide_02 {
  background-image: url('../images/Koenbaum.jpg');
}

.project_slider.slide_03 {
  background-image: url('../images/fotoreihe_sammeln_2_1_kopie_0.jpg');
}

.project_slider.slide_04 {
  background-image: url('../images/MuKoe_Filming.jpg');
}

.project_slider.slide_05 {
  background-image: url('../images/KRONENFAHRT_8KFULL-01869.jpg');
}

.project_slider.slide_06 {
  background-image: url('../images/KRONENFAHRT_8KFULL-03146.jpg');
}

.project_slider.slide_07 {
  background-image: url('../images/KRONENFAHRT_8KFULL-09237.jpg');
}

.project_slider.slide_08 {
  background-image: url('../images/KRONENFAHRT_8KFULL-11859.jpg');
}

.project_slider.slide_09 {
  background-image: url('../images/KRONENFAHRT_8KFULL-19523.jpg');
}

.project_slider.slide_10 {
  background-image: url('../images/KAEFER_FINAL_01.jpg');
}

.project_slider.slide_11 {
  background-image: url('../images/Monitor.jpg');
}

.project_slider.slide_13 {
  background-image: url('../images/VR_Koenig_Goggles.jpg');
}

.project_slider.slide_14 {
  background-image: url('../images/VR_STATION_Closer01.jpg');
}

.project_slider.slide_12 {
  background-image: none;
}

.project_slider.slide_15 {
  background-image: url('../images/VR_STATION_01.jpg');
}

.project_slider.pr02_slide01 {
  background-image: url('../images/folio05_StGall.jpg');
}

.project_slider.pr02_slide02 {
  background-image: url('../images/01_Raummodell.jpg');
}

.project_slider.pr02_slide_03 {
  background-image: url('../images/04_Aufstellungsbeispiel-Las-vegas_Far_elevation_room.jpg');
}

.project_slider.pr02_slide_04 {
  background-image: url('../images/02_Aufstellungsbeispiel-Las-vegas_Close_-Strip_Room_02.jpg');
}

.project_slider.pr02_slide05 {
  background-image: url('../images/09_screenshot-12.jpg');
}

.project_slider.pr02_slide06 {
  background-image: url('../images/07_California_hotel01.jpg');
}

.project_slider.pr02_slide_07 {
  background-image: url('../images/08_screenshot-8.jpg');
}

.project_slider.pr02_slide08 {
  background-image: url('../images/15_DSCF7533.jpg');
}

.project_slider.pr02_slide09 {
  background-image: url('../images/18_IMG_3232.jpg');
}

.project_slider.pr02_slide10 {
  background-image: url('../images/13_DSCF7678.jpg');
}

.project_slider.pr02_slide11 {
  background-image: url('../images/12_DSCF7670.jpg');
}

.project_slider.pr02_slide12 {
  background-image: url('../images/18_IMG_3682.jpg');
}

.project_slider.pr02_slide13 {
  background-image: url('../images/11_DSCF8042.jpg');
}

.project_slider.pr02_slide14 {
  background-image: url('../images/16_IMG_3217.jpg');
}

.project_slider.pr02_slide15 {
  background-image: url('../images/10_Bellagio-nacht.jpg');
}

.project_slider.pr02_slide16 {
  background-image: url('../images/27_Bilder_StGallen_Seewindow_Screenshot_07.jpg');
}

.project_slider.pr02_slide17 {
  background-image: url('../images/24_IMG_3689.jpg');
}

.project_slider.pr02_slide18 {
  background-image: url('../images/20_IMG_3684.jpg');
}

.project_slider.pr02_slide19 {
  background-image: url('../images/23_IMG_3688.jpg');
}

.project_slider.pr02_slide20 {
  background-image: url('../images/26_Bilder_StGallen_Seewindow_Screenshot_04.jpg');
}

.project_slider.pr02_slide21 {
  background-image: url('../images/21_IMG_3685.jpg');
}

.project_slider.pr02_slide22 {
  background-image: url('../images/28_Bilder_StGallen_Seewindow_Screenshot_08.jpg');
}

.project_slider.pr02_slide23 {
  background-image: url('../images/19_IMG_3683.jpg');
}

.project_slider.pr02_slide24 {
  background-image: url('../images/29_Bilder_StGallen_Seewindow_Screenshot_11.jpg');
}

.project_slider.pr02_slide25 {
  background-image: url('../images/Bilder_StGallen_Seewindow_Screenshot_09.jpg');
}

.project_slider.pr02_slide26 {
  background-image: url('../images/Bilder_StGallen_Seewindow_Screenshot_13.jpg');
}

.project_slider.pr02_slide27 {
  background-image: url('../images/Bilder_StGallen_Seewindow_Screenshot_03.jpg');
}

.project_slider.pr02_slide28 {
  background-image: url('../images/30_Bilder_StGallen_Seewindow_Screenshot_18.jpg');
}

.project_slider.pr02_slide29 {
  background-image: url('../images/Bilder_StGallen_Seewindow_Screenshot_06.jpg');
}

.project_slider.pr02_slide30 {
  background-image: url('../images/Bilder_StGallen_Seewindow_Screenshot_05.jpg');
}

.project_slider.pr02_slide31 {
  background-image: url('../images/csm_IMG_3050_5b5a0e4fbf-2.jpg');
}

.project_slider.pr03_slide01 {
  background-image: url('../images/05_Sisi_Smile.jpg');
}

.project_slider.pr03_slide02 {
  background-image: url('../images/01_SISI_WEB.jpg');
}

.project_slider.pr03_slide03 {
  background-image: url('../images/03_SISI.jpg');
}

.project_slider.pr03_slide04 {
  background-image: url('../images/02_SISI.jpg');
}

.project_slider.pr03_slide05 {
  background-image: url('../images/04_SISI.jpg');
}

.project_slider.pr03_slide06 {
  background-image: url('../images/06_SISI.jpg');
}

.project_slider.pr03_slide07 {
  background-image: url('../images/07_Sisis_Marriage_02.jpg');
}

.project_slider.pr03slide08 {
  background-image: url('../images/08_SISI.jpg');
}

.project_slider.pr03_slider09 {
  background-image: url('../images/09_SISI.jpg');
}

.project_slider.pr03_slider10 {
  background-image: url('../images/Sisi_over_Vienna.jpg');
}

.project_slider.pr03_slide10 {
  background-image: url('../images/Donaukanal_Abheben_01.jpg');
}

.project_slider.pr04_slide01 {
  background-image: url('../images/Startseitenimage01.jpg');
}

.project_slider.pr04_slide02 {
  background-image: url('../images/05_Preshowtimeride.jpg');
}

.project_slider.pr04_slide03 {
  background-image: url('../images/06_Preshow_raw3.jpg');
}

.project_slider.pr04_slide04 {
  background-image: url('../images/33_Pestarzt.jpg');
}

.project_slider.pr04_slide05 {
  background-image: url('../images/UG-Time-Travel-Vienna_Jasmina_Pestgrube.jpg');
}

.project_slider.pr04_slide06 {
  background-image: url('../images/timetravel-vienna_03.jpg');
}

.project_slider.pr04_slide07 {
  background-image: url('../images/14_Preshowballsaal.jpg');
}

.project_slider.pr04_slide08 {
  background-image: url('../images/15_MuS_01.jpg');
}

.project_slider.pr04_slide09 {
  background-image: url('../images/19_Bunker.jpg');
}

.project_slider.pr04_slide10 {
  background-image: url('../images/20_Bunker_tourguide_01.jpg');
}

.project_slider.pr04_slide12 {
  background-image: url('../images/27_AlliedVienna.jpg');
}

.project_slider.pr04_slide13 {
  background-image: url('../images/28_Family_Figl.jpg');
}

.project_slider.pr04_slide11 {
  background-image: url('../images/timetravel-vienna-2020neu-5.jpg');
}

.project_slider.pr04_slide14 {
  background-image: url('../images/02_intro.jpg');
}

.project_slider.pr04_slide15 {
  background-image: url('../images/03_Happy_group.jpg');
}

.project_slider.pr04_slide16 {
  background-image: url('../images/07-skriptoriumtisch.jpg');
}

.project_slider.pr04_slide17 {
  background-image: url('../images/08_History-learned.jpg');
}

.project_slider.pr04_slide18 {
  background-image: url('../images/11_Habsburgertheater.jpg');
}

.project_slider.pr04_slide19 {
  background-image: url('../images/13_Habsburger_family.jpg');
}

.project_slider.pr04_slide20 {
  background-image: url('../images/09_5DCinema01.jpg');
}

.project_slider.pr04_slide21 {
  background-image: url('../images/32_Kutschenride.jpg');
}

.project_slider.pr05_slide01 {
  background-image: url('../images/folio04_DeKo.jpg');
}

.project_slider.pr06_slide01 {
  background-image: url('../images/09_Crypt_LARGE.jpg');
}

.project_slider.pr07_slide01 {
  background-image: url('../images/folio02_Historium.jpg');
}

.project_slider.pr08_slide01 {
  background-image: url('../images/folio01_Everland.jpg');
}

.project_slider.pr09_slide01 {
  background-image: url('../images/images-2.jpeg');
}

.project_slider.pr10_slide_01 {
  background-image: url('../images/legoland-discovery-centre-berlin-drachenbahn-2zu1.jpg');
}

.project_slider.pr-_slide01 {
  background-image: url('../images/Playmo_02.jpg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.project_slider.pr05_slide02 {
  background-image: url('../images/01_Building.jpg');
}

.project_slider.pr05_slide03 {
  background-image: url('../images/06_koninck-antwerpen-14-20.jpg');
}

.project_slider.pr05_slide04 {
  background-image: url('../images/08_de-koninck-antwerp-city-3.jpg');
}

.project_slider.pr05_slide05 {
  background-image: url('../images/10_de-koninck-antwerp-city-4.jpg');
}

.project_slider.pr05_slide06 {
  background-image: url('../images/13_de-koninck-antwerp-city.jpg');
}

.project_slider.pr05_slide-07 {
  background-image: url('../images/18_de-koninck-antwerp-city-6.jpg');
}

.project_slider.pr05_slide08 {
  background-image: url('../images/de-koninck-brewery-7.jpg');
}

.project_slider.pr05_slide09 {
  background-image: url('../images/19_a_duidelijke-uitleg.jpg');
}

.project_slider.pr05_slide10 {
  background-image: url('../images/36_de-koninck-antwerp-city-11-2.jpg');
}

.project_slider.pr05_slide11 {
  background-image: url('../images/28_de-koninck-antwerp-city-10.jpg');
}

.project_slider.pr05_slide12 {
  background-image: url('../images/30_Driving-Van.jpg');
}

.project_slider.pr05_slide13 {
  background-image: url('../images/21_de-koninck-antwerp-city-7.jpg');
}

.project_slider.pr05_slide14 {
  background-image: url('../images/48_IMG_0561.jpg');
}

.project_slider.pr05_slide15 {
  background-image: url('../images/47_de-koninck-antwerp-city-1.jpg');
}

.project_slider.pr05_slide16 {
  background-image: url('../images/50_photo1jpg-2-2.jpg');
}

.project_slider.pr05_slide17 {
  background-image: url('../images/51_photo0jpg.jpg');
}

.project_slider.pr6_slide02 {
  background-image: url('../images/Entrance_right.jpg');
}

.project_slider.pr06_slide03 {
  background-image: url('../images/Entrance_Cam.jpg');
}

.project_slider.pr06_slide04 {
  background-image: url('../images/Streets_01.jpg');
}

.project_slider.pr06_slide05 {
  background-image: url('../images/Streets02.jpg');
}

.project_slider.pr06_slide06 {
  background-image: url('../images/Pipewall_showlight.jpg');
}

.project_slider.pr06_slide07 {
  background-image: url('../images/chemplant-01.jpg');
}

.project_slider.pr06_slide08 {
  background-image: url('../images/Chemplant_02.jpg');
}

.project_slider.pr06_slide09 {
  background-image: url('../images/bath_01.jpg');
}

.project_slider.pr06_slide10 {
  background-image: url('../images/UV_Walk_02_showlight.jpg');
}

.project_slider.pr06_slide11 {
  background-image: url('../images/chemstorage_01.jpg');
}

.project_slider.pr06_slide12 {
  background-image: url('../images/Entrance_From-DARK_Show.jpg');
}

.project_slider.pr06_slide13 {
  background-image: url('../images/SKULLWALL_SHOWLIGHT.jpg');
}

.project_slider.pr06_slide14 {
  background-image: url('../images/Cam01_TRAIN.jpg');
}

.project_slider.pr-7_slide02 {
  background-image: url('../images/32_bathhouse14.jpg');
}

.project_slider.pr07_slide03 {
  background-image: url('../images/historium-brugge-bruges-1.webp');
}

.project_slider.pr07_slide04 {
  background-image: url('../images/02_Warehouse02.jpg');
}

.project_slider.pr07_slide05 {
  background-image: url('../images/06_Hist_Kamer1_1_05_DEFR.jpg');
}

.project_slider.pr07_slide06 {
  background-image: url('../images/10_studio011.jpg');
}

.project_slider.pr07_slide07 {
  background-image: url('../images/03_Hist_Start2_07_DEFR.jpg');
}

.project_slider.pr07_slide08 {
  background-image: url('../images/08_studio031-copy.jpg');
}

.project_slider.pr07_slide09 {
  background-image: url('../images/11_Hist_Kamer2_1_03_DEFR-2.jpg');
}

.project_slider.pr07_slide10 {
  background-image: url('../images/13_Hist_Kamer2_2_03_DEFR.jpg');
}

.project_slider.pr07_slide11 {
  background-image: url('../images/16_streets01.jpg');
}

.project_slider.pr07_slide12 {
  background-image: url('../images/17_streets22.jpg');
}

.project_slider.pr07_slide13 {
  background-image: url('../images/19_Hist_Kamer3_4_14_DEFR.jpg');
}

.project_slider.pr07_slide14 {
  background-image: url('../images/18_Hist_Kamer3_8_02_DEFR.jpg');
}

.project_slider.pr07_slide15 {
  background-image: url('../images/30_Hist_Kamer5_6_05_DEFR.jpg');
}

.project_slider.pr07_slide16 {
  background-image: url('../images/29_Hist_Kamer5_4_13_DEFR.jpg');
}

.project_slider.pr07_slide17 {
  background-image: url('../images/37_BEURSE_05.jpg');
}

.project_slider.pr07_slide18 {
  background-image: url('../images/38_BEURSE033.jpg');
}

.project_slider.pr07_slide19 {
  background-image: url('../images/40_Hist_Kamer7_1_07_DEFR.jpg');
}

.project_slider.pr07_slide20 {
  background-image: url('../images/22_streets18.jpg');
}

.project_slider.pr07_slide21 {
  background-image: url('../images/23_streets21-light-version.jpg');
}

.project_slider.pr07_slide22 {
  background-image: url('../images/26_Hist_Kamer4_5_04_DEFR.jpg');
}

.project_slider.pr07_slide23 {
  background-image: url('../images/24_Hist_Kamer4_2_03_DEFR.jpg');
}

.project_slider.pr07_slide24 {
  background-image: url('../images/33_bathhouse18.jpg');
}

.project_slider.pr08_slide02 {
  background-image: url('../images/01_Design.jpg');
}

.project_slider.pr08_slide03 {
  background-image: url('../images/03_everland.jpg');
}

.project_slider.pr08_slide04 {
  background-image: url('../images/07_everland.jpg');
}

.project_slider.pr08_slide05 {
  background-image: url('../images/01_everland.JPG');
}

.project_slider.pr08_slide06 {
  background-image: url('../images/05_everland.jpg');
}

.project_slider.pr08_slide07 {
  background-image: url('../images/EVERLAND_RIDE_01.jpg');
}

.project_slider.pr08_slide09 {
  background-image: url('../images/EVERLAND_SKETCHES_01.JPG');
}

.project_slider.pr08_slide10 {
  background-image: url('../images/Everland_Making_01.jpg');
}

.project_slider.pr08_slide12 {
  background-image: url('../images/EVERLAND_ride_05.jpg');
}

.project_slider.pr09_slide02 {
  background-image: url('../images/HauntedHouse-Alterface1.jpg');
}

.project_slider.pr09_slide03 {
  background-image: url('../images/castle-of-chaos-branson.jpg');
}

.project_slider.pr09_slide04 {
  background-image: url('../images/Alterface_FX_SHOOT.jpg');
}

.project_slider.pr09_slide05 {
  background-image: url('../images/castle-of-chaos.jpg');
}

.project_slider.pr09_slide06 {
  background-image: url('../images/0_pic2.jpg');
}

.project_slider.pr09_slide07 {
  background-image: url('../images/0_pic1.jpg');
}

.project_slider.pr09_slide08 {
  background-image: url('../images/0_pic4.jpg');
}

.project_slider.pr10_slide02 {
  background-image: url('../images/ori_7a5c4163961c116.JPG');
}

.project_slider.pr10_slide03 {
  background-image: url('../images/8F674F6B-1536-4DAB-9D88-1898EAAC66AF.jpeg');
}

.project_slider.pr10_slide04 {
  background-image: url('../images/lego_fabrik02.jpg');
}

.project_slider.pr10_slide05 {
  background-image: url('../images/lego_fabrik01.jpg');
}

.project_slider.pr10_slide06 {
  background-image: url('../images/IMG_4624.jpg');
}

.project_slider.pr10_slide07 {
  background-image: url('../images/dschungel_expedition04.jpg');
}

.project_slider.pr10slide08 {
  background-image: url('../images/drachenburg05.jpg');
}

.project_slider.pr10_slide10 {
  background-image: url('../images/dschungel_expedition06.jpg');
}

.project_slider.pr10_slide11 {
  background-image: url('../images/dschungel_expedition02.jpg');
}

.project_slider.pr10_slide12 {
  background-image: url('../images/lego_new1.jpg');
}

.project_slider.pr11_slide02 {
  background-image: url('../images/Playmo_01.jpg');
}

.slider_projects {
  width: 100%;
  height: 80%;
  min-height: 500px;
  background-color: rgba(221, 221, 221, 0);
}

.link_project_page {
  width: 100%;
  height: 26%;
  position: static;
}

.back-to-projects {
  width: 200px;
  height: 50px;
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 19px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.div-block-37, .div-block-38, .div-block-39, .div-block-40, .projects_divblock {
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slider-3 {
  width: 100%;
  height: 30vh;
  background-color: rgba(221, 221, 221, 0);
}

.slide-4 {
  width: 30%;
  background-image: url('../images/de-koninck-brewery-7.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-4._01 {
  background-image: url('../images/17_Musikride01.jpg');
}

.slide-4._02 {
  background-image: url('../images/08_History-learned.jpg');
}

.html-embed {
  width: auto;
  height: auto;
  flex: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-41 {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 40px;
  display: flex;
}

.div-block-42 {
  width: auto;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 20px;
  display: flex;
}

.div-block-43 {
  justify-content: center;
  align-items: center;
  padding: 20px 60px;
  display: flex;
}

.div-block-44 {
  padding-bottom: 0;
}

.div-block-45 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 220px 220px 111px;
  display: flex;
}

.text_on_slides {
  color: #000;
  text-transform: none;
  background-color: rgba(202, 202, 202, .88);
  border-radius: 20px;
  padding: 20px;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
}

.div-block-46 {
  justify-content: center;
  align-items: center;
  margin-top: 220px;
  padding-left: 220px;
  padding-right: 220px;
  display: flex;
}

.slides_textblock {
  padding: 220px;
}

.projects_slide_divblock {
  height: 100%;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-left: 220px;
  padding-right: 220px;
  display: flex;
}

.projects_slide_divblock.bee_slide {
  align-items: flex-start;
  padding-top: 60px;
}

.projects_slide_divblock.lego {
  padding-left: 60px;
  padding-right: 60px;
}

.submit_button {
  color: #fff;
  background-color: #919191;
}

.contact_form_divblock {
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.form {
  min-width: 300px;
}

.div-block-47 {
  justify-content: center;
  align-items: center;
  padding: 40px 100px 20px;
  display: flex;
}

@media screen and (min-width: 1920px) {
  h1 {
    color: #fff;
    font-size: 40px;
  }

  .hero {
    max-width: 1920px;
  }

  .background-video {
    color: #fff;
    align-items: center;
    display: block;
  }

  .image-5 {
    margin-left: auto;
    margin-right: auto;
  }

  .front-page-headline {
    text-shadow: 1px 2px 1px #000;
    font-size: 40px;
    line-height: 40px;
  }

  .body-text, .body-text.black {
    font-size: 22px;
    line-height: 24px;
  }

  .body-text.black._01 {
    max-width: 900px;
    font-size: 24px;
    line-height: 28px;
  }

  .body-text.black.page02_03 {
    max-width: 900px;
    outline-offset: 0px;
    outline: 3px #000;
    font-size: 24px;
    line-height: 28px;
  }

  .body-text.black_02 {
    font-size: 24px;
    line-height: 28px;
  }

  .headline_front {
    height: 7%;
    color: #fff;
    align-items: center;
  }

  .headline_front.projects {
    height: auto;
    color: #373737;
    margin-top: 0;
    margin-bottom: 0;
  }

  .scroller_front {
    width: auto;
    height: 20%;
  }

  .topnav {
    width: 100%;
    height: auto;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: grid;
  }

  .topnav.navbar_white {
    justify-content: flex-end;
  }

  .topnav.navbar_black {
    width: 30%;
    height: auto;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    padding-right: 0;
    display: flex;
  }

  .body {
    max-width: 1920px;
  }

  .scrolldown_front {
    max-width: none;
    background-image: linear-gradient(rgba(171, 171, 171, .5), rgba(171, 171, 171, .5)), url('../images/linedrawing_castle_graded.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    padding-top: 100px;
  }

  .text-block {
    font-size: 40px;
    line-height: 40px;
  }

  .text-block.enrich-mind {
    height: 12vh;
    align-items: flex-start;
  }

  .text_scrolldown {
    padding-top: 20px;
  }

  .headline_scrolldown_02 {
    font-size: 40px;
    line-height: 40px;
  }

  .div-block-6 {
    height: 10vh;
  }

  .body-text-white {
    max-width: 1000px;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: #000;
    text-shadow: 1px 1px 1px #090000;
    font-size: 24px;
    line-height: 30px;
  }

  .body-text-white.small {
    margin-top: 10px;
  }

  .body-text-white.about.big {
    float: left;
  }

  .logo_black {
    cursor: pointer;
  }

  .navbar {
    align-items: center;
    display: block;
  }

  .nav-menu {
    justify-content: center;
    display: flex;
  }

  .navbar_black {
    background-color: rgba(129, 113, 113, 0);
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
  }

  .container-5 {
    justify-content: flex-end;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .navbar_white {
    width: 30vw;
    background-color: rgba(220, 192, 192, 0);
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-top: 31px;
    font-size: 20px;
    display: flex;
  }

  .menu-button.w--open {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-link.navlink_white {
    background-color: rgba(0, 0, 0, 0);
  }

  .navlink_white {
    opacity: 1;
    color: #fff;
    mix-blend-mode: normal;
    background-color: rgba(140, 136, 136, .08);
    border-radius: 9px;
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: 10px;
    font-size: 20px;
    display: flex;
  }

  .navlink_white:hover {
    color: #a3c7f9;
    font-size: 28px;
  }

  .navlink_white.w--current {
    align-self: auto;
  }

  .navlink_white.black {
    background-color: rgba(140, 136, 136, 0);
  }

  .navbar-3 {
    height: auto;
    min-height: 0;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: rgba(221, 221, 221, 0);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 0;
    display: block;
  }

  .container-6 {
    width: 100vw;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 10px;
    display: block;
  }

  .brand {
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .nav-menu-3 {
    justify-content: center;
    display: flex;
  }

  .menu-button-2 {
    justify-content: flex-end;
    display: flex;
  }

  .navigation-top {
    width: 50%;
    background-color: rgba(149, 106, 106, 0);
    justify-content: space-around;
    align-items: center;
    font-size: 20px;
    display: flex;
  }

  .nav-menu-4 {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .container-7 {
    background-color: #984444;
    justify-content: flex-end;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .image-8 {
    margin-right: 27px;
    padding-right: 0;
    display: block;
  }

  .container-8 {
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .menu-button-3, .menu-button-3.w--open {
    background-color: rgba(200, 200, 200, 0);
  }

  .design_hero_section {
    height: 100vh;
    background-image: linear-gradient(rgba(0, 0, 0, .49), rgba(0, 0, 0, .49)), radial-gradient(circle farthest-side, rgba(255, 255, 255, 0) 38%, rgba(0, 0, 0, .86)), url('../images/image_clipdrop-enhance-15.jpg');
    background-position: 0 0, 0 0, 10% 0;
    background-size: auto, auto, cover;
  }

  .topnav_inside {
    height: 15vh;
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
    display: flex;
  }

  .navbar_white_inside {
    width: 100vw;
    background-color: rgba(220, 192, 192, 0);
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    font-size: 20px;
    display: flex;
  }

  .navbar_white_inside.about_page.black {
    align-self: flex-start;
    padding-top: 0;
  }

  .container-9 {
    width: 90%;
    flex: 1;
    justify-content: space-between;
    align-self: center;
    align-items: flex-start;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: static;
  }

  .image-11 {
    width: 160px;
  }

  .nav-menu-5 {
    margin-top: 10px;
  }

  .brand-2 {
    width: 120px;
    height: 8vh;
    color: rgba(51, 51, 51, 0);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-12 {
    height: 35vh;
  }

  .heading {
    font-size: 40px;
    font-weight: 500;
  }

  .div-block-13 {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 781px;
    display: flex;
  }

  .heading-2 {
    color: #fcf5f5;
  }

  .heading-3 {
    padding-left: 569px;
  }

  .div-block-14 {
    height: 28vh;
    padding-left: 0;
  }

  .text-page-design {
    font-size: 24px;
    line-height: 30px;
  }

  .image-12 {
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;
    display: block;
  }

  .div-block-15 {
    margin-left: auto;
    margin-right: auto;
  }

  .scrollbutton {
    width: 55px;
    height: 55px;
    background-color: rgba(56, 152, 236, 0);
    background-image: url('../images/scroll-down-icon-png-18.jpg.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex: none;
    order: 1;
    align-self: flex-end;
    align-items: flex-end;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    top: auto;
    bottom: 0%;
    left: 0;
    right: 140px;
  }

  .scrollbutton:hover {
    width: 65px;
    height: 65px;
    color: #ace4fe;
  }

  .scrollbutton.w--current {
    width: 50px;
    height: 50px;
  }

  .scrollbutton.upscroll {
    height: 80px;
    background-position: 50% 0;
    background-size: 50px 50px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: static;
    left: auto;
    right: auto;
  }

  .scrollbutton.upscroll:hover {
    width: 120px;
    height: 80px;
  }

  .spacer01_page02 {
    height: 25vh;
    padding-bottom: 0;
    padding-right: 0;
  }

  .headline_page02 {
    height: 10vh;
    align-items: flex-start;
    padding-left: 140px;
  }

  .body_text_page02 {
    padding-left: 220px;
  }

  .spacer02_page02 {
    height: 22vh;
  }

  .div-block-21 {
    height: 3vh;
  }

  .gallery_02 {
    height: auto;
    margin-top: 0;
    padding-top: 10px;
  }

  .images_block {
    height: 78vh;
    background-size: auto 100%;
    margin-top: 60px;
  }

  .scrolldown_page03 {
    height: 6vh;
    align-content: center;
    align-items: flex-end;
    display: flex;
  }

  .div-block-22 {
    height: 5vh;
    margin-top: 0;
  }

  .div-block-23 {
    height: 73vh;
    background-image: url('../images/Design_Gallery_02.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    margin-top: 140px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .div-block-24 {
    height: 10vh;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-areas: "Area Area-2 Area-3";
  }

  .about_body_text_01 {
    height: 52vh;
    max-width: 1920px;
    padding-left: 300px;
    padding-right: 300px;
  }

  .about_body_text_01.black {
    max-width: 60vw;
    color: #333;
  }

  .headline_about {
    float: none;
  }

  .headline_about.team {
    color: #333;
  }

  .about_slide_01 {
    height: 40vh;
  }

  .div-block-29 {
    height: 40vh;
    min-width: 1920px;
  }

  .slider03, .slider02, .slider-2 {
    height: 40vh;
  }

  .nav_team {
    background-image: linear-gradient(rgba(193, 193, 193, .5), rgba(193, 193, 193, .5));
  }

  .div-block-31 {
    max-width: 1920px;
    padding-left: 340px;
    padding-right: 210px;
  }

  .div-block-32 {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 220px;
    padding-right: 320px;
  }

  .div-block-33 {
    padding-left: 220px;
    padding-right: 320px;
  }

  .text-block-5 {
    width: 60%;
    font-size: 16px;
    position: relative;
    right: 140px;
  }

  .text-block-6 {
    width: 60%;
    color: #333;
    font-size: 16px;
    position: relative;
    right: 140px;
  }

  .div-block-34 {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-left: 202px;
    padding-right: 0;
  }

  .container-10 {
    width: 60vw;
    max-width: none;
    justify-content: space-around;
    align-self: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .container-11 {
    width: auto;
    max-width: none;
    clear: none;
  }

  .div-block-35 {
    height: 5vh;
  }

  .section-6 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .project_square.project_01 {
    max-height: 400px;
    max-width: 400px;
  }

  .project_square.project_02 {
    max-height: 360400px;
    max-width: 400px;
  }

  .project_square.project_03 {
    max-height: 400px;
    max-width: 400px;
    background-image: url('../images/05_Sisi_Smile.jpg');
  }

  .project_square.project_04, .project_square.project_05, .project_square.project_06, .project_square.project_07, .project_square.project_08, .project_square.project_09, .project_square.project_10, .project_square.project_12, .project_square.project_11 {
    max-height: 400px;
    max-width: 400px;
  }

  .section-7 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .section-8 {
    height: auto;
    padding: 20px 60px;
  }

  .reveal_container {
    height: 100%;
  }

  .section-9 {
    height: 75vh;
    background-color: #dbdbdb;
  }

  .popup_project {
    width: 100%;
    height: 100%;
    object-fit: fill;
    background-color: rgba(111, 111, 111, .86);
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
  }

  .form {
    min-width: 500px;
  }
}

@media screen and (max-width: 991px) {
  .image-5 {
    margin-left: auto;
    margin-right: auto;
  }

  .front-page-headline {
    width: 80vw;
    align-self: flex-start;
    font-size: 28px;
  }

  .body-text.black._01, .body-text.black.page02_03, .body-text.black_02 {
    font-size: 18px;
  }

  .body-text-front {
    height: 25%;
    padding-left: 20px;
  }

  .spacer_front {
    height: 20%;
  }

  .headline_front {
    height: auto;
    padding-right: 20px;
  }

  .image-7 {
    display: block;
  }

  .scroller_front {
    height: 30%;
  }

  .topnav {
    height: 13%;
  }

  .text-block.enrich-mind, .text-block.page02-03 {
    font-size: 28px;
  }

  .headline_scrolldown_02 {
    padding-right: 100px;
    font-size: 28px;
  }

  .div-block-7 {
    padding-left: 20px;
  }

  .body-text-white {
    width: 80%;
    flex: 0 auto;
    align-self: flex-start;
  }

  .navbar {
    mix-blend-mode: normal;
    background-color: #ff0e0e;
    justify-content: flex-end;
    display: flex;
  }

  .navbar-2 {
    background-color: rgba(241, 35, 35, 0);
    align-items: center;
    display: flex;
  }

  .container-4 {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .navbar_white {
    background-color: rgba(221, 221, 221, 0);
  }

  .menu-button {
    background-color: rgba(200, 200, 200, .27);
  }

  .menu-button.w--open {
    background-color: rgba(200, 200, 200, 0);
  }

  .nav-link, .nav-link-2, .nav-link-3, .nav-link-4, .navlink_white {
    justify-content: center;
    display: flex;
  }

  .nav-menu-2 {
    background-color: rgba(200, 200, 200, .67);
    flex-direction: row;
    align-items: stretch;
    display: flex;
  }

  .image-10 {
    height: 80%;
  }

  .navbar_white_inside {
    background-color: rgba(221, 221, 221, 0);
  }

  .div-block-12 {
    height: 5vh;
  }

  .div-block-14 {
    height: auto;
  }

  .div-block-15 {
    height: 10vh;
    padding-top: 40px;
  }

  .body-2 {
    height: 300vh;
  }

  .scrollbutton {
    color: #fff;
    -webkit-text-stroke-color: #fff;
    background-color: rgba(255, 255, 255, 0);
    background-image: url('../images/scroll-down-icon-png-18.jpg.png');
    background-position: 0 0;
    background-size: auto;
  }

  .scrollbutton.w--current {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  }

  .icon {
    color: #fbfbfb;
  }

  .spacer01_page02 {
    height: 10vh;
  }

  .body_text_page02 {
    padding-left: 20px;
  }

  .spacer02_page02 {
    height: 20vh;
  }

  .gallery_01 {
    height: 50vh;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .gallery_02 {
    height: 50vh;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .images_block {
    height: 50vh;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-23 {
    height: 50vh;
  }

  .projects_reveal_text {
    font-size: 85%;
    line-height: 120%;
  }
}

@media screen and (max-width: 767px) {
  .front-page-headline {
    font-size: 20px;
    font-weight: 700;
  }

  .front-page-headline.page2 {
    font-size: 28px;
  }

  .body-text-front {
    height: auto;
    padding-left: 0;
  }

  .spacer_front {
    height: 5%;
  }

  .scroller_front {
    height: 15%;
  }

  .topnav {
    height: auto;
  }

  .body-text-white {
    width: 90%;
    padding-right: 40px;
    font-size: 16px;
    font-weight: 600;
  }

  .image-10 {
    width: 60px;
    height: auto;
  }

  .div-block-12 {
    height: 3vh;
  }

  .heading-3 {
    margin-top: 10px;
    font-size: 28px;
    font-weight: 700;
  }

  .div-block-14 {
    padding-right: 0;
  }

  .text-page-design {
    max-width: 90vw;
    margin-left: auto;
    margin-right: auto;
    font-weight: 600;
  }

  .spacer01_page02 {
    line-height: 10px;
  }

  .headline_page02 {
    height: auto;
    line-height: 20;
  }
}

@media screen and (max-width: 479px) {
  .front-page-headline {
    font-size: 28px;
  }

  .front-page-headline.page2 {
    width: 90vw;
    line-height: 36px;
  }

  .body-text.black._01, .body-text.black.page02_03 {
    width: 90%;
  }

  .body-text.black_02 {
    padding-right: 20px;
  }

  .body-text-front {
    height: auto;
    padding-left: 10px;
  }

  .spacer_front {
    height: 2%;
  }

  .scroller_front {
    height: 10%;
  }

  .scrolldown_front {
    padding-top: 20px;
  }

  .text-block.enrich-mind {
    padding-left: 10px;
  }

  .text-block.page02-03 {
    padding-left: 20px;
  }

  .text_scrolldown {
    justify-content: center;
    margin-top: 20px;
    padding-left: 0;
  }

  .spacer_scrolldown_02 {
    height: 3vh;
  }

  .headline_scrolldown_02 {
    padding-left: 10px;
    padding-right: 20px;
  }

  .div-block-7 {
    margin-top: 76px;
    padding-left: 10px;
  }

  .body-text-white {
    width: 90%;
    padding-right: 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
  }

  .div-block-8 {
    height: 5vh;
  }

  .div-block-13 {
    padding-right: 0;
  }

  .heading-3 {
    line-height: 36px;
  }

  .text-page-design {
    font-size: 16px;
  }

  .scrollbutton {
    background-size: 50px;
  }

  .spacer02_page02 {
    height: 10vh;
  }
}

#w-node-_5277f936-8dd1-88e3-e765-1421e29527b2-861705d9 {
  grid-area: Area;
}

#w-node-_56f45a26-b831-b64d-70bf-05f21d2a9fc2-861705d9 {
  grid-area: Area-2;
  align-self: auto;
  justify-self: center;
}

#w-node-_0cb28dd8-9571-f4fd-45d6-aa55a15c4d1b-97a4e31b {
  grid-area: Area;
}

#w-node-_6d8b62a6-b9ae-e797-c394-6c733f06292b-97a4e31b {
  align-self: start;
  justify-self: start;
}

#w-node-_08de63e0-cbe5-7cfc-1019-6d022f677943-0c30647c, #w-node-f2788cc1-eb67-07e8-2a1b-3929a60b054c-0c30647c, #w-node-c5a2d5b9-6a97-f5fc-65f0-60dd46c98376-0c30647c, #w-node-_58769f5f-55f1-9d6c-456d-71e4e0be9115-0c30647c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_35cca33e-a038-deae-2fb1-ed20e4dbdb5b-0c30647c {
  grid-area: Area;
  align-self: start;
}

#w-node-_4b1e5bf0-40ce-1e83-31c9-339b5ffc047f-0c30647c {
  grid-area: Area-2;
  align-self: start;
}

#w-node-f209d0d8-15b8-0b46-65d0-0c843600ed7d-0c30647c {
  grid-area: Area-3;
}

@media screen and (min-width: 1920px) {
  #w-node-_56f45a26-b831-b64d-70bf-05f21d2a9fc2-861705d9 {
    grid-area: Area-2;
    align-self: auto;
    justify-self: center;
  }

  #w-node-_647e668c-b09c-01ae-f40e-1cd7e49ed610-97a4e31b {
    grid-area: Area-2;
    align-self: auto;
    justify-self: auto;
  }

  #w-node-_6d8b62a6-b9ae-e797-c394-6c733f06292b-97a4e31b {
    grid-area: Area-3;
    align-self: start;
    justify-self: start;
  }

  #w-node-_35cca33e-a038-deae-2fb1-ed20e4dbdb5b-0c30647c, #w-node-_4b1e5bf0-40ce-1e83-31c9-339b5ffc047f-0c30647c, #w-node-f209d0d8-15b8-0b46-65d0-0c843600ed7d-0c30647c {
    align-self: stretch;
  }
}