@font-face {
  font-family: aleo-extralight_local;
  src: url('../fonts/aleo-extralight_local.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: aleo-extralight-italic_local;
  src: url('../fonts/aleo-extralight-italic_local.otf') format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: aleo-light_roman_local;
  src: url('../fonts/aleo-light_roman_local.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: aleo-light-italic_local;
  src: url('../fonts/aleo-light-italic_local.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: aleo-regular_local;
  src: url('../fonts/aleo-regular_local.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: aleo-regular-italic_local;
  src: url('../fonts/aleo-regular-italic_local.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --black: black;
  --dark_brown: #7b3f21;
  --light__brown: #df9875;
  --light_gray: #dadcde;
  --creme: #fffaf8;
  --light_blue: #ebf8ff;
  --white: white;
  --dark_gray: #b3c2cb;
}

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

body {
  color: var(--black);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: var(--black);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: aleo-extralight_local, Arial, sans-serif;
  font-size: clamp(50px, 6.5vw, 140px);
  font-weight: 200;
  line-height: 1.2;
}

h2 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: aleo-regular_local, Arial, sans-serif;
  font-size: clamp(30px, 2vw, 70px);
  font-weight: 400;
  line-height: 1.3;
}

h3 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: aleo-regular_local, Arial, sans-serif;
  font-size: clamp(20px, 2.5vw, 30px);
  font-weight: 400;
  line-height: 1.2;
}

p {
  max-width: 70ch;
  color: var(--black);
  margin-bottom: 10px;
  font-family: aleo-regular_local, Arial, sans-serif;
  font-size: clamp(14px, .8vw, 20px);
  line-height: 1.8;
}

a {
  color: var(--dark_brown);
  font-family: aleo-regular_local, Arial, sans-serif;
  font-size: clamp(16px, 1vw, 30px);
  line-height: 1.1;
  text-decoration: underline;
  transition-property: all;
  transition-duration: .4s;
  transition-timing-function: ease;
}

a:hover {
  color: var(--black);
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 10px;
}

li {
  max-width: 70ch;
  color: var(--black);
  font-family: aleo-regular_local, Arial, sans-serif;
  font-size: clamp(14px, .8vw, 20px);
  line-height: 1.8;
}

.hero {
  border-bottom: 1px solid var(--black);
  background-image: url('../images/hero_bg.png');
  background-position: 50% 400%;
  background-repeat: no-repeat;
  background-size: 70dvw;
  background-attachment: scroll;
  width: 85%;
  height: 100vh;
  margin-left: auto;
  display: flex;
}

.hero.fh_hero {
  background-color: var(--light__brown);
  background-image: none;
}

.hero.impressum_hero {
  background-color: var(--light_gray);
  background-position: 50% -50vh;
}

.hero.team_hero {
  background-color: var(--creme);
}

.hero__content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid var(--black);
  justify-content: space-between;
  align-items: stretch;
  width: 95%;
  height: 90vh;
  margin-top: 10vh;
  display: flex;
}

.hero__content.impressum_hero {
  padding-left: 40px;
}

.body {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--light__brown);
  color: var(--black);
  font-family: aleo-regular_local, Arial, sans-serif;
  font-size: clamp(16px, 1vw, 20px);
  line-height: 1.8;
}

._3dscan {
  width: 100vw;
  min-height: 100vh;
}

.wrapper {
  width: 90%;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
}

.chronik__test {
  width: 100vw;
  min-height: 100vh;
}

.hero_img_container {
  border: 1px solid var(--black);
  flex-flow: column;
  justify-content: flex-end;
  align-self: flex-end;
  min-width: 300px;
  margin-top: 20px;
  margin-right: 30px;
  padding-top: 30px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  position: relative;
}

.hero_content_container {
  flex-flow: column;
  justify-content: space-between;
  margin-top: 20px;
  display: flex;
}

.hero_img {
  z-index: 11;
  max-height: 700px;
  position: relative;
}

.hero_img_element {
  width: 150%;
  min-width: 200px;
  max-width: 550px;
  position: absolute;
  top: 20%;
  right: 56%;
}

.hero_text_container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid var(--black);
  border-right: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  padding: 20px;
  display: flex;
  position: relative;
}

.hero_danketext_h3 {
  max-width: 5ch;
  margin-top: 0;
  margin-bottom: 0;
}

.hero_danketext_p {
  margin-bottom: 0;
}

.hero_heading_container {
  margin-left: 40px;
}

.section_projektziel {
  border-bottom: 1px solid var(--black);
  background-color: var(--light_blue);
}

.content_img {
  object-fit: cover;
  width: 100%;
  display: block;
}

.button {
  border: 1px dashed var(--dark_brown);
  color: var(--dark_brown);
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  font-size: 30px;
  text-decoration: none;
  display: inline-flex;
}

.button:hover {
  border-color: var(--black);
}

.button.btn_weiterleiten {
  font-size: clamp(26px, 3vw, 50px);
  line-height: 1.1;
}

.button._3d-scan_btn {
  margin-bottom: 20px;
}

.button._3d-scan_btn:hover, .button.rueckblick_btn:hover {
  background-color: var(--white);
}

.button.unterstuetzer-button {
  margin-bottom: 20px;
}

.button.unterstuetzer-button:hover, .button.ausfpartner_button:hover {
  background-color: var(--light_gray);
}

.button.hover_white:hover {
  background-color: var(--white);
}

.btn_text {
  max-width: 15ch;
  margin-right: 18px;
  font-family: aleo-light_roman_local, Arial, sans-serif;
  font-size: clamp(20px, 1.5vw, 30px);
  line-height: 1.1;
  display: inline-block;
}

.btn_text.btn_text_weiterleiten {
  text-decoration: underline;
}

.img_container {
  border: 1px solid var(--black);
  flex-flow: column;
  position: relative;
}

.img_container.bg_white {
  background-color: var(--white);
}

.img_container.bg_white.sicher_imgbox {
  border-left-style: none;
}

.img_container.bg_white.produktion_imgbox, .img_container.bg_white.laser_imgbox {
  border-top-style: none;
  border-bottom-style: none;
  height: 100%;
}

.img_container.bg_white.platten_imgbox {
  border-bottom-style: none;
  max-width: 370px;
}

.img_container.bg_white.werkleiter_imgbox {
  border-top-style: none;
  max-width: 370px;
}

.img_container.bg_white.betontransporter_imgbox {
  width: 80%;
  max-width: 400px;
}

.img_container.bg_white.beton_imgbox {
  max-width: 700px;
}

.img_container.bg_white.blechschablone_imgbox {
  width: 100%;
  min-width: 300px;
  max-width: 700px;
  margin-left: 5%;
  margin-right: 5%;
}

.img_container.bg_white.sockelrahmen_imgbox {
  width: 50%;
  min-width: 100px;
  max-width: 400px;
  margin-right: 5%;
}

.img_container.bg_white.atelier_imgbox {
  width: 30vw;
}

.img_container.bg_white.holzmodell_imgbox {
  width: 45%;
}

.img_container.img_home-fh {
  max-width: 80vw;
}

.img_container.tablet-off {
  display: block;
}

.img_container.tablet-on {
  display: none;
}

.img_container.online-wp_imgbox {
  margin: 20px;
}

.img_container.presseartikel_imgbox {
  border-bottom-style: none;
  margin: 20px;
}

.img_container.fertig_imgbox {
  margin-top: 40px;
  margin-bottom: 40px;
  margin-right: 20px;
}

.img_container.entwicklung_imgbox {
  max-width: 400px;
}

.img_container.entwicklung_imgbox.tablet-on {
  margin-bottom: 20px;
}

.img_container.kuhskulptur_imgbox {
  width: 70%;
  height: 100%;
  margin: 5%;
}

.img_container.ppm_leftitem_imgbox {
  width: 30vw;
}

.img_container.pappmodell_imgbox {
  width: 35%;
  margin-bottom: 5%;
  margin-left: auto;
  margin-right: auto;
}

.img_container.atelier_imgbox {
  width: 70%;
  margin-top: auto;
}

.img_container.werkstoff_imgbox {
  width: 30vw;
  margin-bottom: 20px;
}

.img_container.fh_hero-img {
  width: 70vw;
  max-width: 500px;
  margin-bottom: 40px;
  margin-left: 40px;
}

.bildunterschrift {
  color: var(--black);
  margin-bottom: 0;
  padding: 10px;
  font-family: aleo-light-italic_local, Arial, sans-serif;
  font-size: clamp(12px, 1vw, 16px);
  line-height: 1.2;
}

.bildunterschrift.ausfuehrung_bildunterschrift {
  max-width: none;
}

.projektziel_imgbox {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid var(--black);
  border-right: 1px solid var(--black);
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;
  padding: 30px 20px 20px;
  display: flex;
  position: relative;
}

.flexbox {
  display: flex;
}

.flexbox.fundament_mainflex {
  justify-content: space-between;
  height: 100%;
}

.flexbox.space_between {
  justify-content: space-between;
}

.flexbox.gesamtskulptur_flexbox {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 20px;
}

.projektziel_contentbox {
  margin-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.projektziel_btnbox {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.section_chronik {
  border-bottom: 1px solid var(--black);
  padding-top: 30px;
  padding-bottom: 30px;
}

.section_harkort {
  border-bottom: 1px solid var(--black);
  background-color: var(--light__brown);
  background-image: url('../images/fh_circle.svg'), url('../images/fh_lines.svg');
  background-position: 60vw, 20% 0;
  background-repeat: no-repeat, repeat-y;
  background-size: 50vw, 50vw;
  background-attachment: scroll, scroll;
  padding-top: 50px;
}

.section_team {
  border-bottom: 1px solid var(--black);
  background-color: var(--light_gray);
  grid-template-rows: 1fr 2fr .25fr;
  grid-template-columns: .75fr 2fr .25fr 2fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section_spender {
  border-bottom: 1px solid var(--black);
  height: 50vh;
}

.section_kontakt {
  padding-bottom: 15vh;
  display: flex;
}

.section_fh_article {
  background-color: var(--white);
  width: 80%;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.fh_article_textbox {
  border-top: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  border-left: 1px solid var(--black);
  width: 80%;
  padding: 20px 40px 40px;
}

.line_horizontally {
  background-color: #000;
  width: 100%;
  height: 1px;
}

.textbox {
  background-color: #fffaf8;
  border: 1px solid #000;
  min-height: 270px;
  padding: 10px 16px 0;
}

.dot {
  background-color: #000;
  border-radius: 97px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -5px;
  left: -5px;
}

.dot.mobile_on {
  display: none;
}

.dot.dot_center {
  z-index: 11;
  margin-top: -5px;
  top: 50%;
  bottom: 50%;
}

.timeline {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  position: relative;
}

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

.section_chronik_h2 {
  margin-bottom: 30px;
}

.timeline-copy {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.timeline-copy.center {
  left: 5%;
}

.wrapper_90 {
  width: 95%;
  margin-left: auto;
}

.timeline_marker {
  border-left: 1px solid #000;
  margin-left: 6vw;
  position: relative;
}

.h3_centered {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
}

.flexbox_spacebetween {
  justify-content: space-between;
  align-items: flex-end;
  margin-right: 10%;
  display: flex;
}

.dot-__down {
  background-color: #000;
  border-radius: 97px;
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: -5px;
  left: -5px;
}

.flexitem {
  flex-flow: column;
  max-width: 50%;
  display: flex;
  position: relative;
}

.timeline_flexbox {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.dot__down-right {
  z-index: 11;
  background-color: #000;
  border-radius: 97px;
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: -5px;
  right: -5px;
}

.dot_top-right {
  z-index: 11;
  background-color: #000;
  border-radius: 97px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -5px;
  right: -5px;
}

.dot_down-left {
  z-index: 11;
  background-color: #000;
  border-radius: 97px;
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: -5px;
  left: -5px;
}

.fw_article_textbox {
  border-top: 1px solid var(--black);
  border-right: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  width: 80%;
  padding: 20px 40px 40px;
}

.flexitem_bottom {
  flex-flow: column;
  max-width: 80%;
  display: flex;
  position: relative;
}

.spender_flexbox {
  height: 100%;
  display: flex;
}

.article_danke {
  border-right: 1px solid var(--black);
  background-color: var(--light_blue);
  max-width: 50vw;
  padding-top: 40px;
  padding-left: 60px;
  position: relative;
}

.article_spendekonto {
  max-width: 50vw;
  padding-top: 40px;
  padding-left: 50px;
}

.kontakt_article {
  border: 1px solid var(--black);
  background-color: var(--light__brown);
  width: 70vw;
  padding: 40px;
  position: relative;
}

.kontakt_flexbox {
  flex-flow: wrap;
  justify-content: space-between;
  display: flex;
}

.big_circle {
  width: 20vw;
  max-width: 400px;
  position: absolute;
  bottom: -10vw;
  right: -10vw;
}

.kontakt_h2 {
  margin-left: 60px;
}

.line {
  border-top: 1px solid var(--black);
  width: 60px;
}

.graphic_container {
  border-bottom: 1px solid var(--black);
  width: 100%;
}

.kontakt-h2_flexbox {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: center;
  display: flex;
}

.kontakt_graphic {
  margin-left: 40%;
}

.team_container {
  border-right: 1px solid var(--dark_brown);
  border-left: 1px solid var(--dark_brown);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10px 20px 40px;
  display: flex;
}

.wrapper_main {
  width: 85%;
  margin-left: auto;
}

.datenschutz_h2 {
  overflow-wrap: anywhere;
  font-family: aleo-extralight_local, Arial, sans-serif;
  font-size: clamp(46px, 4.5vw, 80px);
  font-weight: 200;
  line-height: 1.1;
  display: inline-block;
}

.datenschutz_wrapper {
  margin-left: 30px;
  margin-right: 30px;
}

.datenschutz_flexbox {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  display: flex;
}

.datenschutz_h3 {
  max-width: 35ch;
}

.datenschutz_headingbox {
  border-right: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  max-width: 90%;
  margin-bottom: 20px;
  padding: 30px;
  display: inline-block;
  position: relative;
}

.datenschutz_subheading {
  margin-top: 20px;
  font-size: clamp(40px, 3.5vw, 70px);
}

.datenschutz_list {
  border: 1px solid var(--black);
  max-width: 45%;
  padding-left: 1.7ch;
}

.datenschutz_list.datenschutz_list_left {
  border-right-width: 0;
}

.button_icon {
  max-width: 20%;
}

.main_nav {
  z-index: 10;
  border-right: 1px solid var(--black);
  background-color: var(--white);
  width: 15vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.nav_link {
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  border-bottom-color: var(--dark_brown);
  text-align: center;
  padding: 20px 10px;
  font-size: clamp(14px, 1vw, 30px);
  display: block;
}

.nav_link:hover {
  background-color: var(--light__brown);
}

.nav_link.w--current {
  border-bottom: 1px dashed var(--dark_brown);
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
}

.nav_link.w--current:hover {
  background-color: var(--light__brown);
}

.nav_logo {
  display: block;
}

.nav_logo.w--current {
  border-bottom: 1px solid var(--dark_brown);
  display: block;
}

.hero_dankecontainer {
  max-width: 860px;
}

.hero_linegraphic {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.datenschutz_article {
  max-width: 45%;
}

.datenschutz_section {
  border-top: 1px solid var(--black);
  padding-bottom: 30px;
}

.hero_datenschutz {
  background-color: var(--light_gray);
  width: 85%;
  height: 100vh;
  margin-left: auto;
  display: flex;
  position: relative;
}

.team_graphic_bottom {
  border-right: 1px solid var(--dark_brown);
  border-left: 1px solid var(--dark_brown);
}

.projektziel_lines {
  width: 100%;
  position: absolute;
  bottom: 10px;
  left: 0;
}

.chronik_anfang {
  z-index: 28;
  border-bottom: 1px solid var(--black);
  background-color: var(--light__brown);
  justify-content: center;
  align-items: center;
  width: 85vw;
  height: 100vh;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: absolute;
}

.chronikchapter_h2 {
  margin-bottom: 20px;
  font-family: aleo-extralight_local, Arial, sans-serif;
  font-size: clamp(80px, 5vw, 120px);
  line-height: 1.1;
}

.chronikchapter_text {
  max-width: 33ch;
  font-size: clamp(20px, 2vw, 40px);
  line-height: 1.3;
}

.chronik_section {
  border-right: 1px solid var(--black);
  flex: none;
  width: 85vw;
  height: 100dvh;
  position: absolute;
  left: 0;
  overflow: hidden;
}

.chronik_section.section_entwicklung {
  z-index: 27;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--white);
  width: 82vw;
  padding: 30px 100px 15vh 30px;
  display: flex;
}

.chronik_section.section_scanaktion {
  z-index: 26;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--light_blue);
  justify-content: space-around;
  align-items: flex-start;
  width: 83vw;
  padding: 40px 30px 20px;
  display: flex;
}

.chronik_section.section_vorstellung {
  z-index: 25;
  background-color: var(--creme);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 84vw;
  display: grid;
}

.chronik_section.section_homepage {
  z-index: 24;
  border-bottom: 1px solid var(--black);
  background-color: var(--light_gray);
  border-right-style: none;
  grid-template-rows: 1fr 2fr;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  height: 97dvh;
  padding-left: 15vw;
  padding-right: 20vw;
  display: grid;
}

.chronik_section.section_vorbereitung {
  z-index: 23;
  border-bottom: 1px solid var(--black);
  background-color: var(--white);
  border-right-style: none;
  flex-flow: column;
  justify-content: space-between;
  height: 98dvh;
  display: flex;
}

.chronik_section.section_presseartikel {
  z-index: 22;
  border-bottom: 1px solid var(--black);
  background-color: var(--white);
  border-right-style: none;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 99dvh;
  padding-top: 70px;
  display: flex;
}

.chronik_section.section_auftrag {
  z-index: 21;
  background-color: var(--white);
  background-image: url('../images/orb.svg');
  background-position: 60% 70vh;
  background-repeat: no-repeat;
  background-size: auto;
  width: 82vw;
  padding-left: 70px;
}

.chronik_section.section_ortstermin {
  z-index: 20;
  background-color: var(--white);
  justify-content: flex-start;
  align-items: flex-start;
  width: 83vw;
  padding-right: 10px;
  display: flex;
}

.chronik_section.section_sicher {
  z-index: 19;
  background-color: var(--light_blue);
  width: 84vw;
  padding-top: 30px;
  padding-bottom: 30px;
}

.chronik_section.section_startschuss {
  z-index: 18;
  border-bottom: 1px solid var(--black);
  background-color: var(--white);
  border-right-style: none;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 1px;
  display: flex;
}

.chronik_section.section_riese {
  z-index: 15;
  border-bottom: 1px solid var(--black);
  background-color: var(--white);
  border-right-style: none;
  height: 98dvh;
}

.chronik_section.section_westfalenpost {
  z-index: 14;
  border-bottom: 1px solid var(--black);
  background-color: var(--white);
  border-right-style: none;
  height: 99dvh;
  padding-left: 20px;
  display: flex;
}

.chronik_section.section_fast-fertig {
  z-index: 13;
  background-color: var(--creme);
  width: 82vw;
}

.chronik_section.section_fertig {
  z-index: 12;
  background-color: var(--light_blue);
  width: 83vw;
  padding-left: 20px;
  padding-right: 20px;
}

.chronik_section.section_uf-skulptur-beginnt {
  background-color: var(--white);
  width: 185vw;
}

.chronik_section.section_uf-skulptur-beginnt-p2 {
  background-color: var(--white);
  width: 100vw;
  position: static;
}

.chronik_section.section_fundament-gegossen {
  z-index: 16;
  width: 185vw;
  padding-top: 20px;
  display: block;
}

.chronik_section.section_fundament-gegossen-p2 {
  width: 100vw;
  padding-top: 40px;
  display: flex;
  position: static;
}

.datum_h2 {
  margin-bottom: 0;
  line-height: 1.1;
}

.datum_h2.presseartikel_datum {
  align-self: flex-end;
  margin-bottom: 40px;
}

.datum_h2.sicher_datum {
  margin-top: 20px;
  margin-left: 30px;
}

.datum_h2.produktion_datum {
  margin-left: 40px;
}

.hero_chronik {
  border-bottom: 1px solid var(--black);
  background-color: var(--light_blue);
  background-image: url('../images/hero_bg.png');
  background-position: 5vw -30vw;
  background-repeat: no-repeat;
  background-size: 70dvw;
  width: 85%;
  height: 100vh;
  margin-left: auto;
  display: flex;
  position: relative;
}

.div-block {
  background-color: var(--light__brown);
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.scrollh1 {
  position: relative;
}

.horizontal_track {
  width: 100%;
  height: 500vh;
}

.viewport {
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.mover {
  flex: none;
  display: flex;
  transform: translate(0%);
}

.scroll-flex {
  margin-right: -100vw;
  display: flex;
}

.section_wrapper {
  width: 100%;
  padding-bottom: 100vh;
  position: relative;
}

.viewport-wrapper {
  position: absolute;
  inset: 0%;
}

.scanaktion_textcontainer {
  border: 1px solid var(--black);
  max-width: 700px;
  margin-bottom: 30px;
  padding: 20px 60px 20px 20px;
  position: relative;
}

.presseartikel_article {
  border: 1px solid var(--black);
  background-color: var(--light_gray);
  padding: 20px;
  position: relative;
}

.startschuss_container {
  border-top: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  background-color: var(--light__brown);
  justify-content: space-between;
  align-items: flex-start;
  height: 80vh;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.startschuss_textbox {
  max-width: 40%;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 2vw;
}

.sicher_article {
  border-top: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  border-left: 1px solid var(--black);
  background-color: var(--white);
  padding: 20px;
  position: relative;
}

.ortstermin_article {
  border-right: 1px solid var(--black);
  background-color: var(--creme);
  width: 80%;
  height: 100%;
  margin-right: 30px;
  padding: 40px 30px 20px;
}

.vorbereitung_heading {
  border-right: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  background-color: var(--light__brown);
  width: 40%;
  min-width: 300px;
  padding: 10px 10px 10px 30px;
}

.vorbereitung_contentbox {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-left: 30px;
  margin-right: 30px;
  display: flex;
}

.vorstellung_textcontainer {
  border-top: 1px solid var(--black);
  background-color: var(--white);
  height: 100%;
  padding: 50px 30px 40px 50px;
  position: relative;
}

.vorstellung_sidecontainer {
  flex-flow: column;
  justify-content: space-between;
  width: 30%;
  margin-bottom: 80px;
  padding-top: 80px;
  display: flex;
}

.vorstellung_container {
  border-right: 1px solid var(--black);
  width: 80%;
  padding-top: 80px;
}

.vorstellung_heading-container {
  border-top: 1px solid var(--black);
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 50px;
}

.vorstellung_lines {
  border-top: 1px solid var(--dark_brown);
  height: 1px;
}

.vorstellung_flexbox {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: wrap;
  display: flex;
}

.vorstellung_p {
  max-width: 40ch;
}

.small_circle_topright {
  position: absolute;
  top: -22.5px;
  right: -22.5px;
}

.small_circle_bottom-right {
  position: absolute;
  bottom: -22.5px;
  right: -22.5px;
}

.vorbereitung_datum {
  border-top: 1px solid var(--black);
  border-right: 1px solid var(--black);
  background-color: var(--light__brown);
  flex: none;
  width: 70%;
  padding: 20px 20px 20px 30px;
  position: relative;
}

.big_circle_top-right {
  z-index: -1;
  width: 300px;
  position: absolute;
  top: -150px;
  right: -150px;
}

.auftrag_contentbox {
  border-right: 1px solid var(--black);
  flex-flow: column;
  justify-content: space-between;
  width: 60%;
  height: 100vh;
  padding-top: 70px;
  padding-bottom: 70px;
  padding-right: 70px;
  display: flex;
}

.presseartikel_contentbox {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.presseartikel_headingbox {
  border-right: 1px solid var(--black);
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 70%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.hero_lines {
  border-left: 1px solid var(--black);
  width: 5%;
  height: 100vh;
  padding-left: 10px;
}

.startschuss_imgflexbox {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-end;
  width: 60%;
  display: flex;
  position: relative;
}

.startschuss_line {
  border-left: 1px solid var(--dark_brown);
  width: 1px;
  height: 100vh;
  position: absolute;
  top: -10vh;
  left: 50%;
}

.homepage_headingbox {
  border-right: 1px solid var(--black);
  border-left: 1px solid var(--black);
  width: 50%;
  padding: 20px;
}

.homepage_datumbox {
  border-right: 1px solid var(--black);
  border-left: 1px solid var(--black);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  padding-left: 20px;
  padding-right: 30px;
  display: flex;
}

.presseartikel_btnbox {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  list-style-type: none;
  display: flex;
}

.ortstermin_flexbox {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  max-width: 70%;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.sicher_p {
  max-width: 50ch;
}

.entwicklung_contentbox {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.entwicklung_graphic {
  width: 70%;
  position: absolute;
  top: 50%;
  left: -70%;
}

.horizontal_lines {
  align-self: flex-start;
  width: 30%;
}

.content_imgbox {
  border-bottom: 1px solid var(--black);
  max-height: 70vh;
  overflow: hidden;
}

.content_imgbox.produktion_imgwrapper {
  max-height: 30vh;
}

.imgbox_homepage {
  border-bottom: 1px solid var(--black);
  max-height: 50vh;
  overflow: hidden;
}

.sicher_lines {
  height: 70vh;
}

.startschuss_line-links {
  z-index: -1;
  border-left: 1px solid var(--black);
  width: 1px;
  height: 100vh;
  position: absolute;
  top: -10vh;
  left: 25%;
}

.startschuss_line-rechts {
  z-index: -1;
  border-left: 1px solid var(--black);
  width: 1px;
  height: 100vh;
  position: absolute;
  top: -10vh;
  left: 75%;
}

.startschuss_imgbox {
  border-bottom: 1px solid var(--black);
  max-height: 70vh;
  overflow: hidden;
}

.startschuss_imgcontainer {
  border-right: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  border-left: 1px solid var(--black);
  flex-flow: column;
  width: 50%;
  position: relative;
}

.team_sidelines {
  border-top: 1px solid var(--dark_brown);
  border-bottom: 1px solid var(--dark_brown);
}

.website_footer {
  border-top: 1px solid var(--black);
  background-color: var(--creme);
  width: 85vw;
  height: 50dvh;
  margin-left: auto;
  position: relative;
}

.footer_textbox {
  justify-content: space-between;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer_line-top {
  border-top: 1px solid var(--dark_brown);
  width: 100%;
  height: 1px;
  position: absolute;
  top: 5dvh;
  left: 0;
}

.footer_vlines {
  border-right: 1px solid var(--dark_brown);
  border-left: 1px solid var(--dark_brown);
  width: 90%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10vh;
}

.mobile_on {
  display: none;
}

.mobile_on.hero_mob-img {
  max-height: 50vh;
  margin-left: auto;
  margin-right: auto;
}

.projektziel_sidegraphic {
  border-left: 1px solid var(--black);
  width: 5%;
  padding-left: 10px;
}

.side_lines {
  object-fit: cover;
  height: 100vh;
}

.sicher_flexbox {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.film {
  width: 100%;
  height: 100%;
  padding-top: 80vh;
  padding-bottom: 80vh;
  position: relative;
}

.sicher_list {
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
}

.slider_track {
  flex: none;
  display: flex;
}

.regie {
  width: 100%;
  height: 900vh;
}

.cameraman {
  position: absolute;
  inset: 0%;
}

.camera {
  width: 100%;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.slider_flextrack {
  height: 100vh;
  display: flex;
  position: relative;
}

.startschuss_line-top {
  border-top: 1px solid var(--dark_brown);
  width: 100%;
  height: 1px;
  position: absolute;
  top: 5vh;
  left: 0;
}

.startschuss_line-bottom {
  border-top: 1px solid var(--dark_brown);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 5vh;
  left: 0;
}

.chronik_sidecontainer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-left: 1px solid var(--black);
  flex: none;
  width: 60px;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.chronik_sideline {
  border-left: 1px solid var(--dark_brown);
  width: 1px;
  height: 100%;
}

.scanaktion_flexbox {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.anfang_line-top {
  border-top: 1px solid var(--dark_brown);
  width: 100%;
  height: 1px;
  position: absolute;
  top: 5%;
}

.anfang_line-bottom {
  border-top: 1px solid var(--dark_brown);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 5%;
}

.anfang_line-right {
  border-left: 1px solid var(--dark_brown);
  width: 1px;
  height: 100%;
  position: absolute;
  right: 5%;
}

.anfang_line-left {
  border-left: 1px solid var(--dark_brown);
  width: 1px;
  height: 100%;
  position: absolute;
  left: 5%;
}

.dot_left-top {
  position: absolute;
  inset: -5px auto auto -5px;
}

.wrapper_95 {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.deco_block-header {
  border-left: 1px solid #000;
  width: 1px;
  height: 7vh;
  position: relative;
}

.p_box_relative {
  border: 1px solid #000;
  width: 90%;
  padding: 10px;
  position: relative;
}

.p_box_relative.margin-bottom {
  margin-bottom: 20px;
}

.padding_5vh {
  padding-bottom: 5vh;
}

.dot_right-top {
  position: absolute;
  inset: -5px -5px auto auto;
}

.section_100vh {
  border-bottom: 1px solid var(--black);
  background-color: var(--creme);
  width: 85vw;
  min-height: 100vh;
  margin-left: auto;
  position: relative;
}

.dot_right-bot {
  position: absolute;
  inset: auto -5px -5px auto;
}

.element_bottom {
  position: absolute;
  bottom: 0%;
}

.circle-element-s {
  z-index: 1;
  border: 1px solid #000;
  border-radius: 100%;
  width: 100px;
  height: 100px;
  position: absolute;
  inset: auto -50px -50px auto;
}

.sections_container {
  width: 100vw;
  height: 100vh;
  position: relative;
}

.sections_container.long_section {
  height: 200vh;
}

.width_item60 {
  flex-flow: column;
  justify-content: space-between;
  width: 60%;
  position: relative;
}

.grid_gallery {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template: "Area Area-2 Area-3"
  / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.inline_box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  vertical-align: baseline;
  border-top: 1px solid #000;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  width: 100%;
  padding: 10px;
}

.inline_box.background_white {
  background-color: var(--white);
}

.lightbox_hidden {
  display: none;
}

.bildunterschrift-2 {
  color: #000;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  max-width: none;
  font-family: aleo-light-italic_local, Arial, sans-serif;
  font-size: clamp(12px, 1vw, 16px);
  line-height: 1.2;
  display: block;
}

.img_gallery {
  border: 1px solid #000;
  max-width: 23vw;
  padding: 20px 10px;
}

.img_full {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.img_full.img_4_5 {
  height: auto;
}

.flex_between_stretch {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.chronik_section-2 {
  width: 85vw;
  height: 100vh;
  position: absolute;
}

.chronik_section-2.background_brwn {
  background-color: var(--light__brown);
  padding-bottom: 20px;
}

.chronik_section-2.background_brwn.section_kunstgeschichte {
  z-index: 11;
  border-right: 1px solid var(--black);
  width: 84vw;
}

.heading-4 {
  padding-bottom: 10px;
  position: absolute;
  bottom: 0;
  left: auto;
}

.img_borders {
  border: 1px solid var(--black);
  position: relative;
}

.img_max-height85 {
  max-height: 85vh;
  overflow: hidden;
}

.width_item38 {
  width: 38%;
  position: relative;
}

.chronik-wrapper_alt {
  margin-left: auto;
  padding-top: 30px;
  padding-left: 5%;
  padding-right: 2%;
}

.img_gallery2 {
  border: 1px solid #000;
  max-width: 23vw;
  margin-top: 40px;
  padding: 20px 10px;
}

.button_icon-doc {
  max-width: 20%;
}

.img-box_alt {
  border: 1px solid #000;
  max-width: 33vw;
  position: relative;
}

.chronik-wrapper {
  margin-left: auto;
  padding-top: 0;
  padding-left: 5%;
  padding-right: 2%;
  inset: 0% 0% auto auto;
}

.button-c_01 {
  cursor: pointer;
  border: 1px dashed #7b3f21;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  padding: 10px;
  display: flex;
}

.button-c_01:hover {
  background-color: var(--light_blue);
}

.chronik_section-3 {
  width: 85vw;
  height: 100vh;
  position: absolute;
}

.chronik_section-3.background_white.section_enthuellung {
  z-index: 10;
  border-bottom: 1px solid var(--black);
  background-color: var(--white);
  height: auto;
  padding-bottom: 20px;
}

.p_link {
  font-size: clamp(16px, 1vw, 20px);
  line-height: 1.8;
}

.flex_between {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  display: flex;
}

.flex_between.enthuellung_imgcontainer {
  margin-top: 40px;
  margin-bottom: 40px;
}

.h3_alter {
  margin-bottom: 10px;
  padding-top: 30px;
}

.spender_box {
  border: 1px solid #000;
  margin-bottom: 20px;
  padding: 10px;
}

.spender_box.background_white {
  background-color: var(--white);
}

.spender_box.background_ice {
  background-color: var(--light_blue);
  max-width: 40vw;
}

.button_link_p {
  font-size: clamp(20px, 1.5vw, 30px);
  line-height: 1.1;
  text-decoration: none;
}

.flex_list {
  justify-content: space-between;
  align-items: stretch;
  width: 95%;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.border_right-deco {
  border-right: 1px solid var(--dark_brown);
  width: 1px;
}

.flex_list_0 {
  justify-content: space-between;
  align-items: stretch;
  width: 95%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.margin-r-5 {
  margin-right: 5%;
}

.border_left-deco {
  border-left: 1px solid var(--dark_brown);
  width: 15px;
}

.wrapper_lean {
  width: 85vw;
  margin-left: auto;
  padding-top: 0;
  padding-left: 2%;
  padding-right: 2%;
  position: relative;
  inset: 0% 0% auto auto;
}

.flex-deco {
  justify-content: space-between;
  align-items: stretch;
  width: 5%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.width_item38_list {
  width: 38%;
  position: relative;
}

.width_item38_list.flex_gap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding-bottom: 10px;
  display: flex;
}

.section_general {
  border-bottom: 1px solid var(--black);
}

.section_general.background_gray {
  background-color: var(--light_gray);
}

.section_general.background_white {
  background-color: var(--white);
  position: relative;
}

.section_general.background_ice {
  background-color: var(--light_blue);
  position: relative;
}

.section_general.border_nobottom {
  border-bottom-style: none;
  padding-bottom: 10%;
}

.width_item50 {
  width: 50%;
}

.h3_place {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
}

.flex_list_deco {
  justify-content: space-between;
  align-items: stretch;
  width: 95%;
  height: 5vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.h3_alt {
  font-size: 32px;
}

.padding10_20bot {
  padding: 10px 10px 20px;
}

.text_box {
  border: 1px solid #000;
}

.text_box.background_brwn {
  background-color: var(--light__brown);
  border-left-style: none;
  position: relative;
}

.text_box.padding10 {
  padding: 10px;
}

.text_box.background_gray {
  background-color: var(--light_gray);
  margin-bottom: 20px;
}

.top-element-03 {
  position: absolute;
  inset: 0% 2% 0% auto;
}

.padding10_top-border {
  border-bottom: 1px solid #000;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.padding-bot50 {
  padding-bottom: 50px;
}

.dot_left-bot {
  z-index: 11;
  position: absolute;
  inset: auto auto -5px -5px;
}

.section_small {
  width: 85vw;
  margin-left: auto;
  padding-bottom: 20px;
}

.border_01-deco {
  border-left: 1px solid #7b3f21;
}

.flex-decofull {
  justify-content: space-around;
  align-items: stretch;
  height: 5vh;
  display: flex;
}

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

.wrapper_100 {
  width: 100%;
  position: relative;
}

.h_5l {
  margin-left: 5%;
}

.text_block-w2 {
  z-index: 5;
  background-color: var(--white);
  border: 1px solid #000;
  width: 65%;
  margin-right: auto;
  padding: 20px;
  position: relative;
}

.line_element_top {
  border-top: 1px solid #000;
  width: 25%;
}

.button_c-02 {
  border: 1px dashed #7b3f21;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  display: flex;
}

.wrapper_general {
  width: 85vw;
  margin-left: auto;
  padding-top: 0;
  padding-left: 5%;
  padding-right: 2%;
  position: relative;
  inset: 0% 0% auto auto;
}

.img_max-height90 {
  max-height: 90vh;
  overflow: hidden;
}

.h2-alt {
  font-size: clamp(30px, 2.5vw, 50px);
  line-height: 1.3;
}

.img_borders-2 {
  border: 1px solid #000;
  position: relative;
}

.img_borders-2.width_item48 {
  max-width: 450px;
}

.img_borders-2.freiheit_img {
  max-width: 1000px;
}

.line-w-dot {
  position: absolute;
  inset: auto 0% 0% auto;
}

.wrapper-97-5 {
  width: 97.5%;
}

.wrapper-97-5.background_gray {
  background-color: var(--light_gray);
}

.chronik_section-4 {
  width: 85vw;
  height: 100vh;
}

.chronik_section-4.background_white {
  position: relative;
}

.chronik_section-4.background_white.cr4-03 {
  z-index: 9;
  background-color: var(--white);
  position: absolute;
}

.circle-element-xs {
  z-index: 1;
  border: 1px solid #000;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  position: absolute;
  inset: -25px -25px auto auto;
}

.img_borders48m {
  border: 1px solid #000;
  flex: 0 auto;
  max-width: 48%;
  position: relative;
}

.p_long {
  max-width: none;
}

.chronik_section-5 {
  width: 85vw;
  height: 100vh;
}

.chronik_section-5.background_brwn {
  background-color: var(--light__brown);
  padding-bottom: 20px;
  position: relative;
}

.chronik_section-5.background_brwn.section_beleuchtung {
  border-bottom: 1px solid var(--black);
  position: relative;
  overflow: hidden;
}

.flex_80 {
  justify-content: space-between;
  align-items: flex-start;
  width: 60vw;
  margin-bottom: 40px;
  display: flex;
}

.img_box_4-5 {
  max-height: 50vh;
  overflow: hidden;
}

.chronik_section-6 {
  width: 85vw;
  height: 100vh;
}

.chronik_section-6.background_milk {
  background-color: var(--creme);
  position: relative;
}

.chronik_section-6.background_milk.section_effektiv {
  border-bottom: 1px solid var(--black);
  position: relative;
}

.chronik_section-6.background_white {
  background-color: var(--white);
  position: relative;
}

.chronik_section-6.background_white.section_projekttafel {
  z-index: 6;
  border-right: 1px solid var(--black);
  width: 83vw;
  padding-top: 30px;
  padding-bottom: 20px;
  padding-right: 20px;
  position: absolute;
}

.chronik_section-6.background_white.section_extraschicht {
  z-index: 4;
}

.chronik_section-6.background_ice {
  background-color: var(--light_blue);
  position: relative;
}

.chronik_section-6.background_ice.section_brinkhoff {
  z-index: 5;
  border-right: 1px solid var(--black);
  width: 84vw;
  position: absolute;
}

.heading-7 {
  padding-bottom: 10px;
  position: absolute;
  bottom: 0;
  left: auto;
}

.great-circle_element {
  width: 30vw;
  position: absolute;
  top: 100%;
  bottom: 0%;
  left: 55%;
}

.flex_between2 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.img_box_6-8 {
  max-height: 87vh;
  overflow: hidden;
}

.heading-8 {
  padding-bottom: 10px;
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.img_full_6-8 {
  object-fit: cover;
  width: 100%;
  max-width: 635px;
  max-height: 894px;
  display: block;
}

.width-grow_item {
  flex-flow: column;
  flex: 1;
  justify-content: space-around;
  align-items: stretch;
  display: flex;
  position: relative;
}

.circle_lines_element {
  vertical-align: bottom;
  width: 100%;
  position: absolute;
  inset: auto 0% -40vh;
}

.width_item48 {
  width: 48%;
}

.heading-9 {
  padding-bottom: 10px;
  position: absolute;
  bottom: 0;
  left: auto;
}

.width_item70 {
  flex: 0 auto;
  width: 70%;
}

.padding10 {
  padding: 10px;
}

.bg-white {
  background-color: var(--white);
}

.lightbox {
  border: 1px solid var(--black);
}

.text_padded {
  border: 1px solid #000;
  padding: 10px;
}

.text_padded.background_white {
  background-color: var(--white);
}

.text_block-alt {
  border: 1px solid #000;
  padding: 10px;
}

.img_box_6-7 {
  max-width: 60vw;
  max-height: 62vh;
  overflow: hidden;
}

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

.wrapper_lean-2 {
  width: 85%;
  margin-left: auto;
  padding-top: 0;
  padding-left: 2%;
  padding-right: 2%;
  position: relative;
  inset: 0% 0% auto auto;
}

.flex_deco_top {
  border-top: 1px solid #000;
  flex: none;
  width: 2vw;
  height: 40vw;
  max-height: 550px;
  display: flex;
  position: relative;
}

.flex_box95 {
  justify-content: space-between;
  align-items: flex-start;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section_general-2 {
  border-top: 1px solid var(--black);
}

.section_general-2.background_brwn {
  background-color: var(--light__brown);
  padding-bottom: 20px;
  position: relative;
}

.section_general-2.background_ice {
  background-color: var(--light_blue);
  position: relative;
}

.section_general-2.section_zukunftsperspektive {
  justify-content: space-between;
  display: flex;
}

.text_box48 {
  border: 1px solid #000;
  width: 48%;
}

.img_block {
  width: 100%;
  display: block;
}

.img-block {
  border: 1px solid #000;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.flex_between_centery {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.h3_solo {
  margin-top: 0;
  font-size: clamp(28px, 3vw, 40px);
}

.top_element_03 {
  z-index: -1;
  position: absolute;
  inset: 0% 3% auto auto;
}

.section_100vh-2 {
  min-height: 100vh;
  position: relative;
}

.section_100vh-2.section_freiheit {
  padding-top: 20px;
}

.img_full_6-7 {
  object-fit: cover;
  width: 100%;
  max-width: 60vw;
  max-height: 62vh;
  display: block;
}

.img-box2 {
  border: 1px solid #000;
  flex-flow: column;
  display: flex;
}

.link_box {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 48%;
  display: flex;
}

.flex-vertical-center {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.flexitem-2._29 {
  width: 29%;
}

.flexitem-2._29.flex-d-st-sb {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.flexitem-2._70 {
  width: 70%;
}

.flexitem-2._40 {
  width: 40%;
}

.flexitem-2._40.margin-rl-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.flexitem-2._30 {
  width: 30%;
}

.flexitem-2._30.fundament_rightflex {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  width: 80vw;
  padding-top: 5vw;
  display: flex;
}

.flexitem-2._45 {
  width: 45%;
}

.flexitem-2._45.mr_60 {
  width: 40%;
  margin-top: 40px;
}

.flexitem-2._60 {
  width: 60%;
}

.flexitem-2._60.margin-rl-20 {
  align-self: flex-end;
  margin-left: 20px;
  margin-right: 20px;
}

.flexitem-2.produktion_mid-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 30%;
  display: flex;
}

.section_fundament-gegossen {
  z-index: 15;
  background-color: #dadcde;
  position: absolute;
}

.section_uf-skulptur-beginnt-p2 {
  z-index: 16;
  width: 85vw;
  height: 100vh;
  position: absolute;
}

.section_uf-skulptur-beginnt {
  z-index: 17;
  width: 85vw;
  height: 100vh;
  position: absolute;
  left: 0;
}

.section_fundament-gegossen-p2 {
  z-index: 14;
  background-color: #dadcde;
  position: absolute;
}

.flexbox-2 {
  justify-content: space-between;
  display: flex;
  position: relative;
}

.article_riese {
  border-right: 1px solid var(--black);
  background-color: var(--light__brown);
  flex-flow: column;
  justify-content: space-between;
  width: 60%;
  height: 98vh;
  padding: 40px;
  display: flex;
}

.riese_grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 5% 1fr 1fr .5fr;
  grid-template-columns: 1fr 1px 1fr 1px 1fr;
  grid-auto-rows: 1fr;
  height: 100%;
}

.trenner_100 {
  height: 100px;
}

.riese_grid-item {
  border-top: 1px solid var(--dark_brown);
  padding: 20px;
}

.riese_grid-line {
  border-right: 1px solid var(--dark_brown);
  width: 1px;
  height: 100%;
}

.fast-fertig_article {
  border-left: 1px solid var(--black);
  flex-flow: column;
  justify-content: space-between;
  margin-left: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.fertig_article {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-right: 1px solid var(--dark_brown);
  border-left: 1px solid var(--black);
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 20px;
  display: flex;
}

.westfalenpost_container {
  border-top: 1px solid var(--black);
  border-right: 1px solid var(--black);
  border-left: 1px solid var(--black);
  flex: 1;
  align-self: flex-end;
  position: relative;
}

.westfalenpost_datum {
  border-top: 1px solid var(--black);
  min-height: 70px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 20px;
  line-height: 1.1;
}

.westfalenpost_lines {
  border-top: 1px solid var(--black);
  flex-flow: column;
  justify-content: space-around;
  min-height: 70px;
  display: flex;
}

.westfalenpost_article {
  flex-flow: column;
  justify-content: space-between;
  width: 60%;
  display: flex;
}

.online-wp_article {
  border-right: 1px solid var(--black);
  flex-flow: column;
  justify-content: space-between;
  width: 40%;
  display: flex;
  position: relative;
}

.h_line {
  border-top: 1px solid var(--dark_brown);
  width: 100%;
  height: 1px;
  position: relative;
}

.h_line.pappmodell_graphic-line {
  border-top-color: var(--black);
  position: absolute;
  top: 50%;
  bottom: 50%;
}

.h_line.prjteam_line {
  position: absolute;
  bottom: 20px;
  left: 0%;
}

.wp_flexbox {
  flex-flow: column;
  justify-content: space-between;
  width: 90%;
  display: flex;
}

.wp_sidegraphic {
  border-right: 1px solid var(--dark_brown);
  border-left: 1px solid var(--dark_brown);
  width: 10%;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 40px;
}

.wp_textcontainer {
  border-right: 1px solid var(--black);
  flex: 1;
  padding-top: 40px;
}

.riese_linecontainer {
  border-top: 1px solid var(--black);
  flex-flow: column;
  justify-content: space-around;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.fast-fertig_flexbox {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-around;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.fast-fertig_linecontainer-bottom {
  flex-flow: column;
  justify-content: space-around;
  height: 15%;
  display: flex;
}

.fast-fertig_contentbox {
  height: 100%;
  padding-left: 40px;
  display: flex;
}

.fast-fertig_linecontainer-top {
  flex-flow: column;
  justify-content: space-around;
  height: 10%;
  display: flex;
}

.fastfertig_textcontainer {
  flex-flow: column;
  justify-content: space-between;
  padding-top: 15%;
  padding-bottom: 5%;
  display: flex;
}

.produktion_content {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-top: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  background-color: var(--light__brown);
  height: 85%;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.produktion_right-container {
  width: 50%;
}

.produktion-pt2_content {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  border-top: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  background-color: var(--light__brown);
  justify-content: center;
  height: 80%;
  display: flex;
  position: relative;
}

.fundament_textbox {
  background-color: #fff;
  border: 1px solid #000;
  margin-bottom: 20px;
  padding: 20px 30px 10px;
}

.fundament_left-container {
  flex-flow: column;
  justify-content: space-between;
  width: 20%;
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 10px;
  display: flex;
}

.fundament_right-container {
  flex-flow: column;
  justify-content: space-between;
  width: 30%;
  height: 100%;
  padding-bottom: 10px;
  display: flex;
}

.fertig_flexbox {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  height: 100%;
  display: flex;
}

.fertig_contentbox {
  flex-flow: column;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.wp_articlebox {
  height: 100%;
  display: flex;
}

.tablet-off, .desktop_off {
  display: none;
}

.fundament-pt2_linecontainer {
  border-right: 1px solid var(--dark_brown);
  border-left: 1px solid var(--dark_brown);
  flex: 1;
  justify-content: space-around;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.v_line {
  border-right: 1px solid var(--dark_brown);
  width: 1px;
  height: 100%;
}

.v_line.black {
  border-right-color: var(--black);
}

.projekttafel_textbox {
  margin-left: 20px;
}

.chronik_v-wrapper {
  z-index: 9;
  position: absolute;
  left: 0;
}

.fundament_graphiccontainer {
  border-top: 1px solid var(--black);
  border-bottom: 1px solid var(--dark_brown);
  flex-flow: column;
  flex: 1;
  justify-content: space-around;
  width: 100%;
  min-height: 70px;
  max-height: 130px;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  position: relative;
}

.fundament_contentbox {
  flex-flow: column;
  width: 90%;
  height: 100%;
  display: flex;
}

.fundament_contentbox_left {
  flex-flow: column;
  max-width: 400px;
  height: 100%;
  display: flex;
}

.tablet-on {
  display: none;
}

.flex_spacebetween {
  justify-content: space-between;
  display: flex;
}

.fundament_graphic {
  width: 30vw;
  max-width: 400px;
  position: absolute;
  left: 20%;
  right: 20%;
}

.fundament_graphic-2 {
  width: 30vw;
  max-width: 400px;
  position: absolute;
  top: -30%;
  left: 20%;
  right: 20%;
}

.entwicklungsschritte_aside {
  border-right: 1px solid var(--black);
  background-color: var(--light__brown);
  padding: 40px 20px 20px;
}

.section_pappmodell {
  border-bottom: 1px solid var(--black);
  background-color: var(--white);
  background-image: url('../images/pappmodell_bg-graphic.svg');
  background-position: 50% 80%;
  background-repeat: no-repeat;
}

.pappmodell_textbox {
  border-top: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  background-color: var(--light_blue);
  width: 100%;
  padding: 20px 40px;
  position: relative;
}

.pappmodell_graphicbox {
  justify-content: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.pappmodell_linecontainer {
  border-right: 1px solid var(--dark_brown);
  border-left: 1px solid var(--dark_brown);
  justify-content: space-around;
  width: 70%;
  height: 15vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
  position: relative;
}

.pappmodell_leftitem {
  margin-top: 5vh;
  margin-bottom: 10vh;
  margin-left: 5%;
}

.pappmodell_circle {
  border: 1px solid var(--black);
  border-radius: 100%;
  width: 30vw;
  height: 30vw;
  margin-right: -15vw;
  position: relative;
}

.pappmodell_bottom-textbox {
  border-top: 1px solid var(--black);
  border-right: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  background-color: var(--light_gray);
  padding: 20px 40px 20px 10%;
  position: relative;
}

.section_entwicklungsschritte {
  border-bottom: 1px solid var(--black);
}

.pappmodell_rightitem {
  flex-flow: column;
  align-items: center;
  width: 100%;
  margin-top: 5vh;
  margin-bottom: 10vh;
  display: flex;
}

.pappmodell_left-linecontainer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-right: 1px solid var(--dark_brown);
  justify-content: space-between;
  align-items: stretch;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.pappmodell_bottom-container {
  flex-flow: column;
  grid-template-rows: 1.5fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pappmodell_bot-linecontainer {
  border-right: 1px solid var(--dark_brown);
  border-left: 1px solid var(--dark_brown);
  justify-content: space-around;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
  position: relative;
}

.section_3dscan {
  border-bottom: 1px solid var(--black);
  flex-flow: column;
  align-items: center;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
  position: relative;
}

._3d-scan_linecontainer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-right: 1px solid var(--dark_brown);
  border-left: 1px solid var(--dark_brown);
  justify-content: space-around;
  margin-left: 5%;
  margin-right: 5%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

._3d-scan_textbox {
  border: 1px solid var(--black);
  background-color: var(--creme);
  padding: 40px 40px 20px;
  position: relative;
}

._3d-scan_rightitem, ._3d-scan_leftitem {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  margin-top: 15vh;
  margin-bottom: 10vh;
  display: flex;
}

.section_holzmodell {
  border-bottom: 1px solid var(--black);
  background-color: var(--creme);
  padding: 5vh 5vw;
}

.section_werkstoff {
  border-bottom: 1px solid var(--black);
  background-color: var(--light_blue);
  padding-bottom: 40px;
}

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

._3d-scan_p {
  margin-bottom: 20px;
}

._3d-scan_h2 {
  width: 40%;
  max-width: 20ch;
  position: absolute;
  top: 2vw;
}

.holzmodell_textbox {
  border: 1px solid var(--black);
  background-color: var(--white);
  width: 45%;
  height: 100%;
  padding: 20px;
}

.holzmodell_flexbox {
  justify-content: space-between;
  display: flex;
}

.werkstoff_p {
  max-width: none;
  line-height: 2.4;
}

.werkstoff_wrapper {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.gesamtskulptur_contentbox {
  border: 1px solid var(--black);
  background-color: var(--light_gray);
  width: 80%;
  padding: 20px;
}

.werkstoff_linecontainer {
  justify-content: space-around;
  width: 30vw;
  height: 20vh;
  display: flex;
}

.werkstoff_img-wrapper {
  border-bottom: 1px solid var(--black);
  overflow: hidden;
}

.werkstoff_headingbox {
  border-right: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  border-left: 1px solid var(--black);
  align-self: flex-start;
  width: 30vw;
  padding: 20px;
}

.werkstoff_rightitem {
  width: 30vw;
}

.gesamtskulptur_p {
  max-width: none;
  margin-bottom: 20px;
  line-height: 2.4;
}

.gesamtskulptur_linecontainer {
  flex-flow: column;
  justify-content: space-around;
  width: 10%;
  display: flex;
}

.zukuperspek_linecontainer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-right: 1px solid var(--black);
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.section_abt-harkort {
  border-bottom: 1px solid var(--black);
  justify-content: space-between;
  padding-left: 40px;
  display: flex;
}

.abt-fh_article {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--black);
  background-color: var(--light_blue);
  margin-bottom: 40px;
  padding: 20px;
  display: flex;
  position: relative;
}

.fh_linecontainer {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-left: 1px solid var(--dark_brown);
  margin-left: 10%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.fh_middleline {
  border-left: 1px solid var(--black);
  width: 1px;
  margin-left: 30px;
  margin-right: 30px;
  position: relative;
}

.section_rueckblick {
  border-bottom: 1px solid var(--black);
  justify-content: space-between;
  display: flex;
}

.rueckblick_article {
  border-right: 1px solid var(--black);
  background-color: var(--creme);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  padding: 30px;
  display: flex;
  position: relative;
}

.rueckblick_images {
  flex-flow: column;
  width: 100%;
  margin-top: 5%;
  margin-bottom: 5%;
}

.rueckblick_lines {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid var(--dark_brown);
  border-bottom: 1px solid var(--dark_brown);
  flex-flow: column;
  justify-content: space-between;
  margin-bottom: 5%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.gemaelde_bottom-line {
  border-left: 1px solid var(--black);
}

.abt-fh_textbox {
  margin-top: 5%;
}

.fh_imagecontent {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 5%;
  display: grid;
}

.rueckblick_imgcontent {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  margin-left: 5%;
  margin-right: 20%;
  display: flex;
}

.rueckblick_linecontainer {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-left: 1px solid var(--dark_brown);
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.spenden-hero_textbox-top {
  width: auto;
  margin-left: 20px;
}

.impressum_section {
  border-bottom: 1px solid var(--black);
  justify-content: space-between;
  padding-left: 5%;
  display: flex;
}

.impressum_section.border-none {
  border-bottom-style: none;
}

.impressum_list {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.impressum_lnecontainer {
  border-left: 1px solid var(--black);
  justify-content: space-between;
  width: 30%;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.impressum_sidelines {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-left: 1px solid var(--black);
  justify-content: space-between;
  padding-left: 40px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.impressum_contentbox {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
}

.section_projektleitung {
  border-bottom: 1px solid var(--black);
  display: flex;
}

.section_projektteam {
  border-bottom: 1px solid var(--black);
  background-color: var(--light__brown);
  grid-template-rows: 10vh 30vh 30vh;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section_anfuehrungspartner {
  border-bottom: 1px solid var(--black);
  background-image: url('../images/hero_bg.png');
  background-position: 50% -40vh;
  background-repeat: no-repeat;
  background-size: 60vw;
  justify-content: space-between;
  display: flex;
}

.section_unterstuetzer {
  background-color: var(--light_gray);
  padding-bottom: 40px;
}

.projektteam_headerbox {
  border-right: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 40px;
  display: flex;
}

.ausfpartner_gridbox {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.ausfpartner_linecontainer-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-right: 1px solid var(--black);
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.ausfpartner_linecontainer-right {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-left: 1px solid var(--black);
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.ausfpartner_article {
  border-top: 1px solid var(--black);
  border-right: 1px solid var(--black);
  border-left: 1px solid var(--black);
  background-color: var(--white);
  width: 80%;
  height: 40vh;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.ausfpartner_articlewrapper {
  border-bottom: 1px solid var(--black);
}

.ausfpartner_contentbox {
  width: 100%;
  padding-top: 40px;
}

.ausfpartner_h2 {
  margin-left: 5%;
}

.unterstuetzer_headingbox {
  border-right: 1px solid var(--black);
  background-color: var(--white);
  width: 50%;
  padding: 30px;
}

.unterstuetzer_contentbox {
  border: 1px solid var(--black);
  background-color: var(--white);
  flex-flow: wrap;
  justify-content: space-between;
  width: 90%;
  padding: 40px;
  display: flex;
}

.unterstuetzer_contentwrapper {
  justify-content: space-between;
  display: flex;
}

.unterstuetzer_linebox {
  border-top: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  flex-flow: column;
  justify-content: space-around;
  width: 10%;
  display: flex;
}

.unterstuetzer_item {
  width: 40%;
  margin-bottom: 20px;
}

.vorbereitung_textcontainer {
  width: 50%;
}

.prjleitung_flexitem {
  border-right: 1px solid var(--black);
}

.prjleitung_article {
  border-top: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  background-color: var(--light_blue);
  width: 30vw;
  height: 40vh;
  padding: 20px 40px 20px 20px;
  position: relative;
}

.prjleitung_linebox {
  justify-content: space-around;
  height: 10vh;
  display: flex;
}

.prjleitung_headingbox {
  justify-content: flex-start;
  align-items: center;
  height: 10vh;
  padding-left: 20px;
  display: flex;
}

.prjleitung_link {
  margin-top: 10px;
  display: block;
}

.prjteam_linecontainer {
  border-bottom: 1px solid var(--black);
  flex-flow: column;
  justify-content: space-around;
  display: flex;
}

.prjteam_article {
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 20px;
  position: relative;
}

.prjteam_article.border-right {
  border-right: 1px solid var(--black);
}

.prjteam_article.border-bottom {
  border-bottom: 1px solid var(--black);
}

.nav_btn_mobile {
  display: none;
  position: fixed;
  top: 5vw;
  right: 5vw;
}

.freiheit_h3 {
  margin-bottom: 20px;
}

.spender-hero_dankebox {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.trenner_20px {
  height: 20px;
}

@media screen and (max-width: 991px) {
  .hero {
    background-position: 50% -60%;
  }

  .hero__content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    height: 95vh;
    margin-top: 5vh;
  }

  .hero_img_container {
    margin-right: 10px;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .hero_content_container {
    margin-top: 0;
  }

  .hero_img_element {
    display: none;
  }

  .hero_text_container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    padding: 10px;
    display: block;
  }

  .hero_danketext_h3 {
    max-width: none;
  }

  .hero_heading_container {
    margin-left: 20px;
  }

  .button, .button.btn_weiterleiten {
    padding: 10px;
  }

  .btn_text {
    margin-right: 10px;
  }

  .img_container.bg_white.sicher_imgbox {
    max-height: 700px;
  }

  .img_container.bg_white.platten_imgbox {
    border-bottom-style: none;
  }

  .img_container.bg_white.werkleiter_imgbox {
    border-top-style: none;
  }

  .img_container.bg_white.betontransporter_imgbox, .img_container.bg_white.beton_imgbox.tablet-on {
    width: 45%;
  }

  .img_container.img_home-fh {
    max-width: 40vw;
  }

  .img_container.tablet-off {
    display: none;
  }

  .img_container.tablet-on {
    display: block;
  }

  .img_container.online-wp_imgbox, .img_container.presseartikel_imgbox {
    margin: 10px;
  }

  .img_container.fertig_imgbox {
    margin-top: 20px;
    margin-right: 10px;
  }

  .img_container.pappmodell_imgbox {
    width: 70%;
  }

  .img_container.fh_hero-img {
    margin-bottom: 20px;
    margin-left: 20px;
  }

  .projektziel_imgbox {
    padding: 10px;
    display: block;
  }

  .flexbox.fundament_mainflex {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .flexbox.pappmodell_flex-bottom {
    flex-flow: column;
  }

  .projektziel_contentbox {
    padding-left: 10px;
    padding-right: 10px;
  }

  .projektziel_btnbox {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 10px;
  }

  .section_harkort {
    padding-top: 20px;
  }

  .section_team {
    grid-template-rows: 1fr 1.5fr .5fr;
    grid-template-columns: .25fr 2fr .25fr 2fr .25fr;
  }

  .section_fh_article {
    width: auto;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .fh_article_textbox, .fw_article_textbox {
    padding: 10px 20px 20px;
  }

  .article_danke, .article_spendekonto {
    padding-top: 20px;
    padding-left: 30px;
  }

  .kontakt_article {
    padding: 20px;
  }

  .kontakt_graphic {
    margin-left: 0%;
  }

  .team_container {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .datenschutz_wrapper {
    margin-left: 20px;
    margin-right: 20px;
  }

  .datenschutz_headingbox {
    padding: 20px;
  }

  .datenschutz_section {
    padding-bottom: 20px;
  }

  .chronik_section.section_entwicklung {
    padding-top: 10px;
  }

  .chronik_section.section_scanaktion {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .chronik_section.section_homepage {
    grid-template-rows: auto auto auto;
    padding-left: 5%;
    padding-right: 5%;
  }

  .chronik_section.section_presseartikel {
    justify-content: flex-end;
  }

  .chronik_section.section_sicher {
    padding-top: 0;
    padding-bottom: 0;
  }

  .chronik_section.section_startschuss {
    position: relative;
  }

  .chronik_section.section_westfalenpost {
    padding-left: 10px;
  }

  .chronik_section.section_fundament-gegossen {
    padding-top: 10px;
  }

  .datum_h2.sicher_datum {
    margin-top: 10px;
  }

  .scanaktion_textcontainer {
    padding: 10px;
  }

  .startschuss_container {
    flex-flow: column;
    justify-content: flex-start;
    height: 90vh;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .startschuss_textbox {
    max-width: none;
  }

  .sicher_article {
    border-right-style: none;
  }

  .ortstermin_article {
    width: 90%;
    margin-right: 20px;
  }

  .vorbereitung_heading {
    width: 50%;
    padding-left: 20px;
  }

  .vorbereitung_contentbox {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .vorstellung_textcontainer {
    padding: 30px;
  }

  .vorstellung_heading-container {
    padding: 20px;
  }

  .vorstellung_flexbox {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .vorbereitung_datum {
    padding: 20px;
  }

  .big_circle_top-right {
    width: 300px;
    top: -150px;
    right: -150px;
  }

  .auftrag_contentbox {
    width: 80%;
  }

  .presseartikel_contentbox, .presseartikel_headingbox {
    width: 90%;
  }

  .hero_lines {
    width: 5vw;
    padding-left: 5px;
  }

  .startschuss_imgflexbox {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: space-between;
    margin-left: 20px;
    margin-right: 20px;
    position: static;
  }

  .startschuss_line {
    display: none;
  }

  .homepage_headingbox {
    width: 70%;
  }

  .homepage_datumbox {
    width: auto;
  }

  .presseartikel_btnbox {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .ortstermin_flexbox {
    max-width: none;
  }

  .sicher_p {
    margin-bottom: 5px;
    font-size: clamp(12px, .8vw, 20px);
  }

  .startschuss_line-links, .startschuss_line-rechts {
    margin-top: 0;
    top: 0;
  }

  .startschuss_imgbox {
    max-height: 30vh;
  }

  .startschuss_imgcontainer {
    border-top: 1px solid var(--black);
    width: auto;
  }

  .footer_textbox {
    width: 70%;
  }

  .projektziel_sidegraphic {
    padding-left: 5px;
  }

  .sicher_flexbox {
    flex-flow: wrap;
  }

  .startschuss_line-top {
    top: 2.5vh;
  }

  .startschuss_line-bottom {
    bottom: 2.5vh;
  }

  .ortstermin_graphic {
    width: 10%;
  }

  .deco_block-header {
    display: none;
  }

  .p_box_relative {
    margin-bottom: 10px;
  }

  .circle-element-s {
    display: none;
  }

  .width_item60 {
    width: 100%;
    padding-bottom: 10px;
  }

  .img_gallery {
    max-width: 40vw;
    position: absolute;
    right: 0;
  }

  .flex_between_stretch {
    display: block;
  }

  .heading-4 {
    padding-bottom: 0;
  }

  .width_item38 {
    width: 40%;
  }

  .chronik-wrapper_alt {
    padding-left: 20px;
    padding-right: 20px;
  }

  .img_gallery2 {
    max-width: 40vw;
    position: absolute;
    bottom: 11%;
    left: 40px;
    right: 2%;
  }

  .button-c_01 {
    width: 70%;
  }

  .flex_between {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .spender_box {
    margin-bottom: 10px;
  }

  .spender_box.background_ice {
    max-width: 70vw;
  }

  .flex_list, .flex_list_0 {
    display: block;
  }

  .flex-deco {
    display: none;
  }

  .width_item38_list {
    width: 100%;
  }

  .width_item38_list.flex_gap {
    display: block;
  }

  .width_item50 {
    width: 80%;
  }

  .text_box.background_gray {
    margin-bottom: 20px;
  }

  .top-element-03 {
    display: none;
  }

  .flex-decofull {
    width: 70%;
  }

  .img_borders48m {
    max-width: 48%;
    margin-left: 20px;
  }

  .chronik_section-5.background_brwn.section_beleuchtung {
    overflow: hidden;
  }

  .flex_80 {
    width: 100%;
  }

  .chronik_section-6.background_milk.section_effektiv {
    overflow: hidden;
  }

  .chronik_section-6.background_white.section_extraschicht {
    position: absolute;
  }

  .heading-7 {
    padding-bottom: 0;
  }

  .great-circle_element {
    left: 70%;
  }

  .flex_between2 {
    flex-flow: column;
  }

  .heading-8 {
    padding-bottom: 0;
  }

  .circle_lines_element {
    display: none;
  }

  .heading-9 {
    padding-bottom: 0;
  }

  .wrapper_lean-2 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0%;
    padding-right: 0%;
  }

  .text_box48 {
    width: 70%;
  }

  .top_element_03 {
    display: none;
  }

  .flex-vertical-center {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .flexitem-2._45.mr_60 {
    width: 50%;
    margin-top: 20px;
    margin-right: 20px;
  }

  .article_riese {
    padding: 20px;
  }

  .riese_grid {
    grid-template-rows: 20px 1fr 1fr .5fr;
    grid-template-columns: 1fr 1px 1fr;
  }

  .riese_grid-item {
    padding: 10px;
  }

  .fast-fertig_article {
    margin-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .fertig_article {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 10px;
  }

  .h_line.prjteam_line {
    bottom: 10px;
  }

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

  .wp_textcontainer {
    padding-top: 20px;
  }

  .fast-fertig_flexbox {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    margin: 10px;
  }

  .fast-fertig_linecontainer-bottom {
    height: 40%;
  }

  .fast-fertig_contentbox {
    padding-left: 20px;
  }

  .fast-fertig_linecontainer-top {
    height: 30%;
  }

  .produktion_content {
    padding-left: 20px;
  }

  .fundament_textbox {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .fundament_left-container {
    width: 50%;
    margin-left: 10px;
    margin-right: 10px;
  }

  .fertig_flexbox {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .tablet_off {
    display: none;
  }

  .desktop_off {
    display: block;
  }

  .fundament_contentbox_left {
    width: 30%;
  }

  .tablet-on {
    display: block;
  }

  .entwicklungsschritte_aside {
    padding: 20px 10px 10px;
  }

  .section_pappmodell {
    background-position: 50%;
    background-size: 50vw;
  }

  .pappmodell_textbox {
    padding: 10px 20px;
  }

  .pappmodell_leftitem {
    margin-bottom: 5vh;
  }

  .pappmodell_bottom-textbox {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
  }

  .pappmodell_left-linecontainer {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 10px;
  }

  .section_3dscan {
    padding-left: 20px;
    padding-right: 20px;
  }

  ._3d-scan_linecontainer {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  ._3d-scan_textbox {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .zukuperspek_linecontainer {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .abt-fh_article {
    flex-flow: column;
  }

  .fh_linecontainer {
    margin-left: 5%;
  }

  .fh_middleline {
    margin-left: 10px;
    margin-right: 10px;
  }

  .rueckblick_article {
    width: auto;
  }

  .impressum_lnecontainer {
    width: 30%;
    padding-left: 10px;
    padding-right: 20px;
  }

  .impressum_sidelines {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 20px;
    padding-right: 10px;
  }

  .impressum_contentbox {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .section_anfuehrungspartner {
    background-position: 50% -20vh;
  }

  .projektteam_headerbox {
    padding-left: 20px;
  }

  .ausfpartner_article {
    width: 90%;
    margin-top: 20px;
    padding: 10px;
  }

  .unterstuetzer_headingbox {
    width: 70%;
  }

  .unterstuetzer_contentbox {
    padding: 20px;
  }

  .unterstuetzer_item {
    width: 45%;
  }

  .prjteam_article {
    padding-top: 20px;
    padding-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  a {
    transition-property: none;
  }

  a:hover {
    color: var(--dark_brown);
  }

  .hero {
    background-position: 50% -40%;
    width: auto;
    margin-left: 0;
  }

  .hero__content {
    width: 100%;
  }

  .hero_img_container {
    display: none;
  }

  .hero_text_container {
    margin-right: 0;
  }

  .hero_heading_container {
    margin-left: 20px;
  }

  .section_projektziel {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button:hover {
    border-color: var(--dark_brown);
    background-color: #0000;
  }

  .button.ausfpartner_button:hover, .button.hover_white:hover {
    background-color: #0000;
  }

  .img_container {
    max-width: 350px;
  }

  .img_container.bg_white.sicher_imgbox {
    border-left-style: solid;
    margin-bottom: 40px;
    margin-left: 40px;
    margin-right: 40px;
  }

  .img_container.bg_white.produktion_imgbox {
    border-top-style: solid;
    border-bottom-style: solid;
  }

  .img_container.bg_white.laser_imgbox {
    border-top-style: solid;
    border-bottom-style: solid;
    margin-bottom: 20px;
  }

  .img_container.bg_white.platten_imgbox {
    border-bottom-style: solid;
    width: auto;
    max-width: none;
  }

  .img_container.bg_white.werkleiter_imgbox {
    border-top-style: solid;
    width: auto;
    max-width: none;
    margin-bottom: 20px;
  }

  .img_container.bg_white.betontransporter_imgbox {
    width: auto;
    max-width: none;
  }

  .img_container.bg_white.beton_imgbox.tablet-on {
    width: auto;
  }

  .img_container.bg_white.blechschablone_imgbox {
    width: auto;
    min-width: 0;
    max-width: none;
    margin-bottom: 20px;
    margin-left: 0%;
    margin-right: 0%;
  }

  .img_container.bg_white.sockelrahmen_imgbox {
    width: auto;
    min-width: 0;
    max-width: none;
    margin-right: 0%;
  }

  .img_container.bg_white.atelier_imgbox {
    width: 80vw;
    margin-top: 5vh;
  }

  .img_container.kuhskulptur_imgbox {
    width: auto;
  }

  .img_container.ppm_leftitem_imgbox {
    width: auto;
    margin-bottom: 20px;
  }

  .img_container.pappmodell_imgbox {
    margin-top: 5%;
  }

  .img_container.werkstoff_imgbox {
    width: auto;
  }

  .img_container.fh_hero-img {
    margin-bottom: 10px;
    margin-left: 20px;
  }

  .projektziel_imgbox {
    border-top-style: none;
    border-right-style: none;
    margin-top: 0;
  }

  .flexbox {
    display: block;
  }

  .flexbox.gesamtskulptur_flexbox {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    display: flex;
  }

  .projektziel_contentbox {
    margin-top: 10px;
  }

  .section_harkort {
    background-image: url('../images/fh_lines.svg');
    background-position: 99px 0;
    background-repeat: repeat-y;
    background-size: auto;
  }

  .section_team {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    padding: 20px;
    display: flex;
  }

  .fh_article_textbox {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .dot {
    width: 5px;
    height: 5px;
    top: -3px;
    left: -3px;
  }

  .dot.mobile_on {
    display: block;
  }

  .timeline {
    display: none;
  }

  .date {
    order: -9999;
  }

  .timeline-copy.center {
    order: -9999;
    justify-content: flex-start;
    align-items: flex-start;
    left: 0%;
  }

  .flexbox_spacebetween {
    display: block;
  }

  .flexitem {
    max-width: none;
  }

  .timeline_flexbox {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    align-items: flex-start;
  }

  .dot__down-right {
    width: 5px;
    height: 5px;
    bottom: -3px;
    right: -3px;
  }

  .dot_top-right {
    width: 5px;
    height: 5px;
    top: -3px;
    right: -3px;
  }

  .dot_down-left {
    width: 5px;
    height: 5px;
    bottom: -3px;
    left: -3px;
  }

  .dot_down-left.mobile_off {
    display: none;
  }

  .fw_article_textbox {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .flexitem_bottom {
    max-width: none;
    display: flex;
  }

  .article_danke, .article_spendekonto {
    padding-top: 10px;
    padding-left: 10px;
  }

  .kontakt_article {
    border-left-style: none;
    border-right-style: none;
    width: auto;
  }

  .line, .graphic_container {
    display: none;
  }

  .team_container {
    border-left-style: none;
    border-right-style: none;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .wrapper_main {
    width: 100vw;
    margin-left: 0;
    overflow: hidden;
  }

  .datenschutz_wrapper {
    margin-left: 10px;
    margin-right: 10px;
  }

  .datenschutz_flexbox {
    display: block;
  }

  .datenschutz_headingbox {
    padding: 10px;
  }

  .datenschutz_list {
    max-width: none;
  }

  .datenschutz_list.datenschutz_list_left {
    border-width: 1px;
    border-color: var(--black);
  }

  .main_nav {
    z-index: 99;
    width: 30vw;
    left: -30vw;
  }

  .nav_link:hover {
    background-color: #0000;
  }

  .hero_dankecontainer {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .datenschutz_article {
    max-width: none;
  }

  .datenschutz_section {
    padding-bottom: 10px;
  }

  .hero_datenschutz {
    width: auto;
    margin-left: 0;
  }

  .team_graphic_bottom, .projektziel_lines {
    display: none;
  }

  .chronik_anfang {
    width: auto;
    position: relative;
  }

  .chronik_section {
    border-bottom: 1px solid var(--black);
    border-right-style: none;
    width: auto;
    height: auto;
    position: static;
    overflow: visible;
  }

  .chronik_section.section_entwicklung {
    width: auto;
  }

  .chronik_section.section_scanaktion {
    width: auto;
    display: block;
  }

  .chronik_section.section_vorstellung {
    grid-template-rows: auto auto;
    width: auto;
  }

  .chronik_section.section_homepage, .chronik_section.section_vorbereitung {
    height: auto;
  }

  .chronik_section.section_presseartikel {
    height: auto;
    padding-top: 0;
    display: block;
  }

  .chronik_section.section_auftrag {
    width: auto;
    padding-left: 40px;
  }

  .chronik_section.section_ortstermin {
    width: auto;
    padding-right: 0;
  }

  .chronik_section.section_sicher {
    width: auto;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .chronik_section.section_startschuss {
    border-bottom-style: none;
    padding-bottom: 0;
    display: block;
  }

  .chronik_section.section_riese, .chronik_section.section_westfalenpost {
    height: auto;
  }

  .chronik_section.section_fast-fertig {
    width: 100vw;
  }

  .chronik_section.section_fertig {
    width: 100vw;
    padding-top: 10px;
  }

  .chronik_section.section_uf-skulptur-beginnt {
    border-top: 1px solid var(--black);
    background-color: var(--light__brown);
    width: 100vw;
  }

  .chronik_section.section_fundament-gegossen {
    width: auto;
  }

  .datum_h2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .datum_h2.sicher_datum {
    margin-left: 10px;
  }

  .hero_chronik {
    width: auto;
    margin-left: 0;
  }

  .presseartikel_article {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
  }

  .startschuss_container {
    border-top-style: none;
    border-bottom-style: none;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
  }

  .startschuss_textbox {
    max-width: none;
    margin-top: 0;
    margin-right: 20px;
  }

  .sicher_article {
    border-left-style: none;
    border-right-style: none;
    padding: 10px;
  }

  .ortstermin_article {
    border-right-style: none;
    width: auto;
    margin-right: 0;
  }

  .vorbereitung_heading {
    padding-left: 10px;
  }

  .vorbereitung_contentbox {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .vorstellung_sidecontainer {
    display: none;
  }

  .vorstellung_container {
    width: 80%;
    padding-top: 30px;
  }

  .vorbereitung_datum {
    border-right-style: none;
    width: auto;
    padding: 10px;
  }

  .auftrag_contentbox {
    border-right-style: none;
    width: auto;
    padding-right: 40px;
  }

  .presseartikel_contentbox {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .presseartikel_headingbox {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }

  .hero_lines {
    display: none;
  }

  .startschuss_imgflexbox {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .startschuss_line {
    display: none;
  }

  .homepage_headingbox {
    width: auto;
  }

  .homepage_datumbox {
    width: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .presseartikel_btnbox {
    flex-flow: column;
    align-items: flex-start;
  }

  .ortstermin_flexbox {
    flex-flow: column;
  }

  .sicher_p {
    max-width: 70ch;
  }

  .entwicklung_graphic, .horizontal_lines, .sicher_lines, .startschuss_line-links, .startschuss_line-rechts, .team_sidelines, .spacer {
    display: none;
  }

  .website_footer {
    width: 100vw;
  }

  .footer_textbox {
    width: 90%;
  }

  .footer_line-top {
    top: 2.5dvh;
  }

  .footer_vlines {
    padding-top: 5vh;
  }

  .mobile_off, .projektziel_sidegraphic {
    display: none;
  }

  .section_projektziel-home {
    padding-top: 20px;
  }

  .section-4 {
    padding-bottom: 20px;
  }

  .film {
    height: auto;
    padding-bottom: 0;
  }

  .slider_track {
    display: block;
  }

  .regie {
    height: auto;
  }

  .cameraman {
    position: static;
  }

  .camera {
    display: block;
    position: static;
    overflow: visible;
  }

  .slider_flextrack {
    height: auto;
    display: block;
  }

  .startschuss_line-top, .startschuss_line-bottom {
    display: none;
  }

  .p_box_relative {
    width: auto;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .section_100vh {
    width: 100%;
  }

  .element_bottom.width_item70 {
    position: static;
  }

  .sections_container {
    width: auto;
    height: auto;
    position: static;
  }

  .sections_container.long_section {
    height: auto;
  }

  .img_gallery {
    max-width: 100%;
    position: static;
  }

  .chronik_section-2.background_brwn.section_kunstgeschichte {
    border-bottom: 1px solid var(--black);
    border-right-style: none;
    width: 100vw;
    height: auto;
    position: relative;
  }

  .heading-4 {
    position: static;
  }

  .width_item38 {
    width: 100%;
  }

  .chronik-wrapper_alt {
    margin-left: 0;
  }

  .img_gallery2 {
    max-width: 100%;
    position: static;
  }

  .top_element_01 {
    display: none;
  }

  .img-box_alt {
    max-width: 100%;
    margin-bottom: 10px;
  }

  .chronik-wrapper {
    margin-bottom: 10px;
    margin-left: 0;
    padding-right: 5%;
  }

  .button-c_01 {
    width: 100%;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .chronik_section-3.background_white.section_enthuellung {
    width: 100vw;
    height: auto;
    position: relative;
  }

  .flex_between {
    display: block;
  }

  .spender_box {
    margin-bottom: 10px;
  }

  .spender_box.background_ice {
    max-width: none;
  }

  .wrapper_lean {
    width: 100%;
    margin-left: 0;
  }

  .width_item38_list, .width_item50 {
    width: 100%;
  }

  .text_box.background_brwn {
    border-top-style: none;
  }

  .text_box.background_gray {
    margin-bottom: 10px;
  }

  .padding-bot50 {
    padding-bottom: 10px;
  }

  .section_small {
    width: 100%;
    margin-left: 0;
  }

  .flex-decofull {
    display: none;
  }

  .flex_center {
    display: block;
  }

  .text_block-w2 {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .line_element_top {
    display: none;
  }

  .wrapper_general.background_white {
    width: 100%;
    margin-left: 0;
  }

  .img_borders-2.width_item48 {
    width: 100%;
    max-width: none;
    margin-bottom: 10px;
  }

  .line-w-dot {
    display: none;
  }

  .chronik_section-4.background_white.cr4-03 {
    width: 100vw;
    height: auto;
  }

  .img_borders48m {
    width: auto;
    max-width: none;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .chronik_section-5.background_brwn.section_beleuchtung {
    width: 100vw;
    height: auto;
  }

  .flex_80 {
    width: auto;
    display: block;
  }

  .img_box_4-5 {
    max-width: none;
    max-height: 100%;
  }

  .chronik_section-6.background_milk.section_effektiv {
    width: 100vw;
    height: auto;
  }

  .chronik_section-6.background_white.section_projekttafel {
    border-bottom: 1px solid var(--black);
    border-right-style: none;
    width: 100vw;
    height: auto;
    padding-left: 20px;
    position: relative;
  }

  .chronik_section-6.background_white.section_extraschicht {
    width: 100vw;
    height: auto;
    padding-top: 20px;
    position: relative;
  }

  .chronik_section-6.background_ice.section_brinkhoff {
    border-bottom: 1px solid var(--black);
    border-right-style: none;
    width: 100vw;
    height: auto;
    padding-bottom: 10px;
    position: relative;
  }

  .heading-7 {
    position: static;
  }

  .great-circle_element {
    display: none;
  }

  .flex_between2 {
    height: auto;
    display: block;
  }

  .heading-8 {
    position: static;
  }

  .circle_lines_element {
    display: none;
  }

  .width_item48 {
    width: auto;
    margin-bottom: 10px;
  }

  .heading-9 {
    position: static;
  }

  .section-86 {
    padding-bottom: 20px;
  }

  .image {
    display: none;
  }

  .width_item70 {
    width: auto;
  }

  .text_padded.background_white {
    margin-bottom: 10px;
  }

  .text_block-alt {
    max-width: none;
    margin-bottom: 10px;
  }

  .img_box_6-7 {
    max-width: none;
    max-height: none;
  }

  .flex_nospace {
    display: block;
  }

  .wrapper_lean-2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10%;
    padding-right: 10%;
  }

  .flex_deco_top {
    display: none;
  }

  .flex_box95 {
    display: block;
  }

  .section_general-2 {
    width: 100vw;
    margin-left: 0;
  }

  .text_box48 {
    width: 100%;
  }

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

  .flex_between_centery {
    display: block;
  }

  .section_100vh-2 {
    width: 100vw;
    margin-left: 0;
  }

  .section_100vh-2.section_freiheit {
    min-height: 0;
  }

  .img_full_6-7 {
    max-width: none;
    max-height: none;
  }

  .img-box2 {
    width: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .flex-vertical-center {
    height: auto;
  }

  .flexitem-2._70.flex {
    width: auto;
    display: block;
  }

  .flexitem-2._40.margin-rl-20 {
    width: auto;
    margin-top: 20px;
  }

  .flexitem-2._30.fundament_rightflex {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    width: auto;
    padding: 0 20px 20px;
  }

  .flexitem-2._45 {
    width: auto;
    margin-bottom: 20px;
  }

  .flexitem-2._45.mr_60 {
    width: auto;
  }

  .flexitem-2._60.margin-rl-20 {
    width: auto;
    margin-top: 20px;
  }

  .flexitem-2.produktion_mid-container {
    width: auto;
    margin-bottom: 20px;
    display: block;
  }

  .flexbox-2.fundament_content {
    display: block;
  }

  .article_riese {
    border-right-style: none;
    width: auto;
    height: auto;
  }

  .riese_grid {
    background-color: var(--light__brown);
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    height: auto;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .riese_grid-item {
    border-top-style: none;
  }

  .riese_grid-line {
    display: none;
  }

  .fertig_article {
    border-left-style: none;
    border-right-style: none;
    padding-left: 0;
  }

  .westfalenpost_datum {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .westfalenpost_lines {
    display: none;
  }

  .westfalenpost_article {
    width: auto;
  }

  .online-wp_article {
    border-right-style: none;
    width: auto;
  }

  .fast-fertig_flexbox {
    flex-flow: column;
    justify-content: space-between;
  }

  .fast-fertig_linecontainer-bottom, .fast-fertig_linecontainer-top {
    display: none;
  }

  .produktion_content {
    border-top-style: none;
    border-bottom-style: none;
    height: auto;
    padding-right: 20px;
    display: block;
  }

  .produktion_right-container {
    width: auto;
  }

  .fundament_left-container {
    width: auto;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .fundament_right-container {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
    display: block;
  }

  .fertig_flexbox, .wp_articlebox {
    display: block;
  }

  .fundament-pt2_linecontainer {
    height: auto;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .v_line {
    display: none;
  }

  .projekttafel_textbox {
    margin-left: 0;
  }

  .chronik_v-wrapper {
    position: relative;
  }

  .fundament_graphiccontainer {
    display: none;
  }

  .fundament_contentbox {
    height: auto;
  }

  .fundament_contentbox_left {
    width: auto;
    max-width: none;
    height: auto;
  }

  .tablet-on {
    display: none;
  }

  .flex_spacebetween {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .fundament_graphic, .fundament_graphic-2 {
    display: none;
  }

  .entwicklungsschritte_aside {
    border-right-style: none;
  }

  .section_pappmodell {
    background-position: 50% 90%;
    background-size: 90vw;
  }

  .pappmodell_graphicbox, .pappmodell_linecontainer {
    display: none;
  }

  .pappmodell_leftitem {
    margin-right: 5%;
  }

  .pappmodell_bottom-textbox {
    border-right-style: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section_entwicklungsschritte {
    background-color: var(--light__brown);
  }

  .pappmodell_left-linecontainer {
    display: none;
  }

  .pappmodell_bottom-container {
    display: block;
  }

  .pappmodell_bot-linecontainer, ._3d-scan_linecontainer {
    display: none;
  }

  ._3d-scan_textbox {
    margin-bottom: 20px;
  }

  ._3d-scan_rightitem {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  ._3d-scan_leftitem {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .section_gesamtskulptur {
    justify-content: center;
  }

  ._3d-scan_h2 {
    width: auto;
    position: static;
  }

  .holzmodell_textbox {
    width: auto;
    height: auto;
    margin-top: 20px;
  }

  .holzmodell_flexbox {
    display: block;
  }

  .werkstoff_p {
    line-height: 1.8;
  }

  .gesamtskulptur_contentbox {
    width: 90%;
  }

  .werkstoff_linecontainer {
    display: none;
  }

  .werkstoff_headingbox {
    width: auto;
    margin-bottom: 20px;
  }

  .werkstoff_rightitem {
    width: auto;
  }

  .gesamtskulptur_p {
    line-height: 1.8;
  }

  .gesamtskulptur_linecontainer, .zukuperspek_linecontainer {
    display: none;
  }

  .section_abt-harkort {
    padding-right: 40px;
  }

  .abt-fh_article {
    margin-top: 20px;
  }

  .fh_linecontainer, .fh_middleline {
    display: none;
  }

  .section_rueckblick {
    flex-flow: column;
  }

  .rueckblick_article {
    border-bottom: 1px solid var(--dark_brown);
    border-right-style: none;
  }

  .rueckblick_images {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .rueckblick_lines {
    margin-bottom: 20px;
  }

  .gemaelde_bottom-line {
    display: none;
  }

  .fh_imagecontent {
    display: block;
  }

  .rueckblick_imgcontent {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .spenden-hero_textbox-top {
    margin-bottom: 20px;
    margin-left: 0;
  }

  .impressum_section.border-none {
    padding-right: 5%;
  }

  .impressum_lnecontainer, .impressum_sidelines {
    display: none;
  }

  .section_projektteam {
    grid-template-rows: 20vh 70vh 50vh;
  }

  .section_anfuehrungspartner {
    background-size: 80vw;
  }

  .projektteam_headerbox {
    padding-left: 10px;
  }

  .ausfpartner_article {
    width: 95%;
    height: 70vh;
  }

  .unterstuetzer_contentbox {
    padding: 10px;
  }

  .prjleitung_article {
    width: 45vw;
    height: 80vh;
    padding: 10px;
  }

  .prjleitung_linebox, .prjleitung_headingbox {
    height: 20vh;
  }

  .prjteam_article {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav_btn_mobile {
    z-index: 99;
    border: 1px solid var(--black);
    background-color: var(--white);
    flex-flow: column;
    justify-content: space-around;
    width: 10vw;
    height: 10vw;
    padding-left: 1%;
    padding-right: 1%;
    display: flex;
  }

  .freiheit_h3 {
    margin-bottom: 10px;
  }

  .spender-hero_dankebox {
    flex-flow: column;
    display: block;
  }

  .fh-hero_article {
    margin-left: 20px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    overflow-wrap: anywhere;
  }

  .hero {
    background-position: 50% -15%;
  }

  .hero_text_container {
    border-right-style: none;
    flex-flow: column;
  }

  .hero_heading_container {
    margin-left: 10px;
    margin-right: 10px;
  }

  .img_container.bg_white.holzmodell_imgbox {
    width: auto;
  }

  .img_container.img_home-fh {
    max-width: none;
  }

  .img_container.fh_hero-img {
    width: 60vw;
    margin-bottom: 10px;
    margin-left: 10px;
  }

  .section_harkort {
    background-image: url('../images/fh_lines.svg'), linear-gradient(#0000, #0000);
    background-position: 50% 0, 0 0;
    background-size: contain, auto;
  }

  .section_fh_article {
    flex-flow: column;
  }

  .fh_article_textbox {
    border-right: 1px solid var(--black);
    border-top-style: none;
    order: 9999;
    width: auto;
  }

  .textbox {
    width: 100%;
  }

  .timeline {
    flex-flow: column;
    margin-right: 0;
  }

  .date {
    order: 9999;
  }

  .wrapper_90 {
    width: 100%;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .h3_centered {
    font-size: 8vw;
  }

  .flexbox_spacebetween {
    margin-right: 0%;
  }

  .flexitem {
    border-left: 1px #000;
    flex-flow: row-reverse wrap-reverse;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
  }

  .fw_article_textbox {
    border-left: 1px solid var(--black);
    border-top-style: none;
    width: auto;
  }

  .flexitem_bottom {
    border-left: 1px #000;
    flex-flow: row-reverse wrap-reverse;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
  }

  .spender_flexbox {
    display: block;
  }

  .article_danke {
    border-right-style: none;
    max-width: none;
    height: 40vh;
    padding-bottom: 20px;
    padding-right: 30px;
  }

  .article_spendekonto {
    border-top: 1px solid var(--black);
    max-width: none;
    height: 40vh;
    padding-right: 30px;
  }

  .datenschutz_headingbox {
    max-width: none;
  }

  .chronik_section.section_scanaktion {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .chronik_section.section_auftrag {
    background-position: 60% 75vh;
    padding-left: 20px;
  }

  .sicher_article {
    padding: 10px;
  }

  .ortstermin_article {
    padding: 20px;
  }

  .vorbereitung_contentbox {
    display: block;
  }

  .vorstellung_container {
    border-right-style: none;
    width: auto;
  }

  .big_circle_top-right {
    display: none;
  }

  .auftrag_contentbox {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 20px;
  }

  .ortstermin_flexbox {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .section {
    height: auto;
  }

  .footer_textbox {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    align-items: center;
  }

  .mobile_on {
    display: block;
  }

  .mobile_on.hero_mob-img {
    max-height: 40vh;
  }

  .section_projektziel-home {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .p_box_relative {
    margin-top: 10px;
  }

  .section_100vh {
    min-height: auto;
  }

  .image-2 {
    max-width: 50%;
  }

  .wrapper-97-5.background_gray {
    width: 93%;
    margin-right: auto;
  }

  .section_100vh-2 {
    min-height: auto;
  }

  .wp_sidegraphic {
    display: none;
  }

  .wp_textcontainer {
    border-right-style: none;
  }

  .section_abt-harkort {
    padding-left: 20px;
    padding-right: 20px;
  }

  .abt-fh_article {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-bottom: 20px;
    padding: 10px;
  }

  .abt-fh_textbox, .fh_imagecontent {
    margin-top: 20px;
  }

  .section_projektleitung, .section_projektteam {
    display: block;
  }

  .section_unterstuetzer {
    padding-bottom: 20px;
  }

  .projektteam_headerbox {
    border-bottom-style: none;
    border-right-style: none;
    height: 10vh;
  }

  .ausfpartner_gridbox {
    display: block;
  }

  .ausfpartner_linecontainer-left, .ausfpartner_linecontainer-right {
    display: none;
  }

  .ausfpartner_article {
    border-bottom: 1px solid var(--black);
    height: 40vh;
  }

  .ausfpartner_articlewrapper {
    border-bottom-style: none;
  }

  .unterstuetzer_headingbox {
    border-bottom: 1px solid var(--black);
    border-right-style: none;
    width: auto;
  }

  .unterstuetzer_contentbox {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .unterstuetzer_linebox {
    display: none;
  }

  .unterstuetzer_item, .vorbereitung_textcontainer {
    width: auto;
  }

  .prjleitung_flexitem {
    height: auto;
  }

  .prjleitung_article {
    width: auto;
    height: 40vh;
    margin-bottom: 20px;
  }

  .prjleitung_linebox {
    display: none;
  }

  .prjleitung_headingbox {
    height: 10vh;
  }

  .prjteam_linecontainer {
    display: none;
  }

  .prjteam_article {
    border-top: 1px solid var(--black);
    height: 30vh;
  }

  .prjteam_article.border-right {
    border-right-style: none;
  }

  .prjteam_article.border-bottom {
    border-bottom-style: none;
  }
}

#w-node-_5a5e976f-790b-9e65-0e97-e703fcb6974e-fcb69719 {
  grid-area: Area;
}

#w-node-_5a5e976f-790b-9e65-0e97-e703fcb69750-fcb69719 {
  grid-area: Area-2;
}

#w-node-_5a5e976f-790b-9e65-0e97-e703fcb69752-fcb69719 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_29dff9a7-a638-89a2-2581-9f404966bc94-4966bc84 {
  grid-area: Area;
}

#w-node-_29dff9a7-a638-89a2-2581-9f404966bc96-4966bc84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_29dff9a7-a638-89a2-2581-9f404966bc98-4966bc84 {
  grid-area: Area-3;
}

#w-node-_6a66e4ba-6ffa-6f50-648c-75f8fefaadf3-7268fc5a, #w-node-b0aec5d3-08a6-8f26-1a6b-8a5cb65f3b86-7268fc5a, #w-node-_5d467342-64ff-bfd8-d775-a305b027db2f-7268fc5a, #w-node-c24b9a3f-a4b5-ceaf-e436-1d167268fc6b-7268fc5a, #w-node-_585f1d4c-d875-d283-2d3f-974e8521aeb6-7268fc5a, #w-node-c24b9a3f-a4b5-ceaf-e436-1d167268fc6c-7268fc5a, #w-node-_84fd3e00-429e-0bd5-9c6d-0c455c749783-7268fc5a, #w-node-_7ba44d31-7d93-d907-86e8-e57864619840-7268fc5a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c24b9a3f-a4b5-ceaf-e436-1d167268fc6e-7268fc5a {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8f67305b-0c07-1af5-e9eb-e3e5cf65b8b4-6f032dc7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}


@font-face {
  font-family: 'aleo-extralight_local';
  src: url('../fonts/aleo-extralight_local.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'aleo-extralight-italic_local';
  src: url('../fonts/aleo-extralight-italic_local.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'aleo-light_roman_local';
  src: url('../fonts/aleo-light_roman_local.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'aleo-light-italic_local';
  src: url('../fonts/aleo-light-italic_local.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'aleo-regular_local';
  src: url('../fonts/aleo-regular_local.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'aleo-regular-italic_local';
  src: url('../fonts/aleo-regular-italic_local.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}