body {
  background-color: #fff;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: 'Pressio 35 Black', sans-serif;
  color: #000;
  font-size: 175px;
  line-height: 175px;
  font-weight: 900;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: 'Pressio 35 Black', sans-serif;
  color: #000;
  font-size: 100px;
  line-height: 100px;
  font-weight: 900;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Pensumdisplay, sans-serif;
  color: #000;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
}

p {
  max-width: 650px;
  margin-bottom: 10px;
  font-family: Pensumpro, sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 1.5em;
}

a {
  text-decoration: none;
}

.section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 175px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.main-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lead {
  margin-bottom: 30px;
  font-family: Pensumdisplay, sans-serif;
  font-size: 22px;
  line-height: 1.3em;
  font-weight: 700;
}

.lead.header {
  color: #000;
  line-height: 1.4em;
}

.lead.dark {
  color: #f4accd;
}

.lead.light {
  color: #264438;
}

.copy {
  margin-bottom: 20px;
  line-height: 1.8em;
}

.copy.dark {
  color: #f4accd;
}

.cite-text {
  margin-bottom: 20px;
  color: #f4accd;
  text-align: center;
}

.cite-source {
  margin-top: 15px;
  margin-bottom: 20px;
  font-family: Pensumpro, sans-serif;
  color: #333;
  font-style: italic;
  font-weight: 400;
  text-align: center;
}

.cite {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1200px;
  margin-top: 30px;
  margin-bottom: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cite-line {
  width: 20%;
  height: 3px;
  background-color: #f4accd;
}

.gallery-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1100px;
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.gallery-lightbox {
  margin-bottom: 15px;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.kapitel {
  margin-top: 0px;
  margin-bottom: 50px;
  font-size: 120px;
  line-height: 110px;
  font-weight: 900;
  text-align: center;
}

.kapitel.header {
  margin-top: 20px;
  margin-bottom: 30px;
  color: #f4accd;
}

.kapitel.header.green {
  color: #264438;
}

.kapitel.header._3 {
  max-width: 800px;
}

.kapitel.dark {
  color: #f4accd;
}

.kapitel.light {
  color: #264438;
}

.titel-scetion {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  min-height: 200vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.main-title-left {
  width: 800px;
  margin-top: 0px;
  margin-bottom: -3px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  color: #f4accd;
  font-size: 180px;
  line-height: 160px;
  text-align: left;
}

.main-title-left._1 {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.main-title-left._3 {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.lead-title {
  max-width: 800px;
  margin-bottom: 20px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  font-family: Pensumdisplay, sans-serif;
  color: #f4accd;
  font-size: 22px;
  line-height: 1.3em;
  font-weight: 700;
  text-align: left;
}

.title-lead-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.title-credits {
  position: relative;
  height: 50px;
  max-width: none;
  color: #f4accd;
  font-size: 20px;
  line-height: 1.3em;
  font-style: italic;
  font-weight: 400;
}

.title-line {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: none;
  width: 100vw;
  height: 3px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  background-color: #f4accd;
}

.title-line._2 {
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  width: 100vw;
}

.title-line-right {
  position: relative;
  width: 100vw;
  height: 3px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  background-color: #f4accd;
}

.title-line-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.kapitel_header {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100vw;
  height: 300vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -o-object-fit: cover;
  object-fit: cover;
}

.black-overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  background-color: rgba(0, 0, 0, 0.2);
  color: #000;
}

.black-overlay._40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.black-overlay._60 {
  display: block;
  background-color: rgba(0, 0, 0, 0.6);
}

.black-overlay._50 {
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
}

.bg-hide {
  position: -webkit-sticky;
  position: sticky;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: -5;
  background-clip: border-box;
}

.white-overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100vh;
  background-color: #fff;
}

.black-gradient {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -1;
  display: block;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.1)));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1));
}

.black-gradient.title {
  background-color: rgba(0, 0, 0, 0.6);
  background-image: none;
}

.kapitel-indikator {
  margin-right: 10px;
  margin-bottom: 0px;
  margin-left: 10px;
  color: #000;
  font-size: 20px;
  line-height: 1.3em;
  font-weight: 400;
  text-transform: uppercase;
}

.kapitel-indikator.header {
  color: #f4accd;
}

.kapitel-indikator.header.green {
  color: #264438;
}

.kapitel-indikator.dark {
  color: #f4accd;
}

.kapitel-indikator.light {
  color: #264438;
}

.indikator-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  background-color: #fff;
}

.indikator-wrapper.header {
  position: relative;
  background-color: transparent;
}

.indikator-wrapper.dark {
  background-color: #264438;
}

.indikator-wrapper.light {
  background-color: #f4accd;
}

.indikator-line {
  width: 35px;
  height: 2px;
  background-color: #000;
  color: #000;
}

.indikator-line.header {
  background-color: #f4accd;
  color: #f4accd;
}

.indikator-line.header.green {
  background-color: #264438;
}

.indikator-line.dark {
  background-color: #f4accd;
}

.indikator-line.light {
  background-color: #264438;
}

.kapitel_header-img {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  height: 100vh;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  background-image: url('../images/DSC00139.jpg');
  background-position: 50% 33%;
  background-size: cover;
}

.kapitel_header-img._1 {
  background-position: 50% 25%;
}

.kapitel_header-img._2 {
  background-image: url('../images/kelly-brand-skewes_14091231809_3a3dd87637_o.jpg');
  background-position: 50% 66%;
}

.kapitel_header-img._3 {
  background-image: url('../images/DSC00146_pink.jpg');
}

.kapitel_header-img._5 {
  background-image: url('../images/Peter-Szabo_19877795910_e6200dde7c_o.jpg');
}

.kapitel_header-img._4 {
  background-image: url('../images/DSC00668.jpg');
}

.video-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90vw;
  max-width: 1100px;
  margin-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.video {
  margin-top: 30px;
  margin-bottom: 30px;
  border-style: solid;
  border-width: 3px;
  border-color: #f4accd;
  box-shadow: 14px 14px 0 0 #f4accd;
}

.video.pink {
  box-shadow: 14px 14px 0 0 #264438;
}

.video.gr-n {
  border-color: #264438;
}

.video.weiss {
  border-color: #fff;
}

.caption {
  max-width: none;
  margin-right: 15px;
  margin-bottom: 0px;
  padding-left: 15px;
  color: grey;
  font-size: 12px;
}

.caption.dark {
  color: #f4accd;
}

.caption.dark.audio {
  position: relative;
  z-index: 5;
  width: 100%;
  margin-top: -10px;
}

.caption.light {
  color: #264438;
}

.caption.header {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  margin-top: 15px;
  color: #000;
  text-align: right;
}

.caption.header.dark {
  color: grey;
}

.caption.animation {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  margin-bottom: 10px;
}

.milchpreis-graphic-section {
  position: relative;
  overflow: visible;
}

.milchpreis-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  margin-top: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.milchpreis-lottie {
  width: 250vh;
  margin-top: 50px;
  margin-bottom: 50px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.audio-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90vw;
  max-width: 650px;
  margin-top: -20px;
  margin-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.image-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 400px;
  margin-right: 30px;
  margin-left: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.image-wrapper.sorgentelefon {
  max-width: none;
}

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

.image-2.audio {
  position: relative;
}

.infobox {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  max-width: 500px;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-right: 25px;
  padding-bottom: 50px;
  padding-left: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border-top: 5px solid #264438;
  background-color: #f4accd;
}

.infobox-line {
  display: block;
  width: 50%;
  height: 2px;
  margin-bottom: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #000;
  -o-object-fit: none;
  object-fit: none;
}

.infobox-titel {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 1.3em;
  font-weight: 400;
  text-transform: none;
}

.infobox-gradient {
  position: absolute;
  left: 0%;
  top: 30%;
  right: 0%;
  bottom: 0%;
  display: block;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #f4accd), to(rgba(244, 172, 205, 0)));
  background-image: linear-gradient(0deg, #f4accd 25%, rgba(244, 172, 205, 0));
}

.infobox-expand-icon {
  position: absolute;
  bottom: 0%;
  width: 20px;
  height: 20px;
  margin-bottom: 25px;
  padding-right: 0px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.div-block-2 {
  width: 100%;
  height: 300px;
  background-color: #f4accd;
}

.green_overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100vh;
  background-color: #264438;
}

.inline-link {
  border-bottom: 3px solid #f4accd;
  color: #000;
}

.inline-link.pink {
  color: #f4accd;
}

.header-container {
  position: -webkit-sticky;
  position: sticky;
  top: 25vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-container._1-line {
  top: 33vh;
}

.abs-image-wrapper {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -o-object-fit: cover;
  object-fit: cover;
}

.main-header-image {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  height: 100vh;
  background-image: url('../images/Com_FC31-0007-022_2.jpg');
  background-position: 50% 0%;
  background-size: cover;
}

.subtitle {
  max-width: 650px;
  margin-top: 0px;
  margin-bottom: 20px;
  color: #000;
  font-size: 22px;
}

.subtitle.prink {
  color: #f4accd;
}

.header-container-wrapper {
  position: absolute;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.white-gradient {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 100vh;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
}

.grafik-wrapper {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.grafik-platzhalter {
  width: 650px;
  height: 500px;
  background-color: #f4accd;
}

.green-overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100vh;
  background-color: #264438;
}

.green-gradient {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 100vh;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(38, 68, 56, 0)), to(#264438));
  background-image: linear-gradient(180deg, rgba(38, 68, 56, 0), #264438);
}

.copy-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 650px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.copy-wrapper.first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.copy-wrapper.headlines {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.copy-wrapper.headlines.wide {
  max-width: 850px;
}

.info-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 25px;
  padding: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: solid;
  border-width: 3px;
  border-color: #264438;
}

.container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.infoblock-copy {
  position: relative;
  max-width: none;
  margin-bottom: 0px;
  color: #264438;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}

.infoblock-copy.dark {
  color: #fff;
}

.infoblock-copy.bio {
  max-width: 170px;
}

.infoblock-copy.kosten {
  max-width: 200px;
}

.infoblock-copy.ap22 {
  max-width: 238px;
}

.heading {
  margin-top: 0px;
  margin-bottom: 0px;
}

.infoblock-number {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  color: #264438;
}

.info-bit {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90vw;
  max-width: 1100px;
  margin-top: 30px;
  margin-bottom: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.content-wrapper.spread {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.content-wrapper.spread.top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.content-wrapper.left {
  margin-top: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.content-wrapper.right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.content-wrapper.right.grafik-source {
  position: relative;
  margin-top: 0px;
  margin-bottom: 50px;
}

.content-wrapper.desktop-hide {
  display: none;
}

.pink-overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100vh;
  background-color: #f4accd;
}

.pink-gradient {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 100vh;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(244, 172, 205, 0)), to(#f4accd));
  background-image: linear-gradient(180deg, rgba(244, 172, 205, 0), #f4accd);
}

.white-header-overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  background-color: rgba(255, 205, 228, 0.65);
  color: #000;
}

.white-header-overlay._40 {
  background-color: hsla(0, 0%, 100%, 0.4);
}

.white-header-overlay._20 {
  display: block;
  background-color: rgba(255, 205, 228, 0.4);
}

.block-quote {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90vw;
  max-width: 1100px;
  margin-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.block-quote.spread {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.block-quote.left {
  margin-top: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.block-quote.right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.block-quote.desktop-hide {
  display: none;
}

.grafik-embed {
  width: 90%;
  margin-top: -10px;
  margin-bottom: -75px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.grafik-embed.nutztiere {
  margin-top: 0px;
  margin-bottom: -25px;
}

.grafik-embed.yoghurt {
  margin-bottom: -20px;
}

.graphic-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1100px;
  margin-top: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.graphic-wrapper.spread {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.graphic-wrapper.spread.top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.graphic-wrapper.left {
  margin-top: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.graphic-wrapper.right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.flourish-white-label {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 200px;
  height: 100px;
  background-color: #fff;
}

.white-label-wrapper {
  position: relative;
  width: 90%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.grafik-titel {
  max-width: 650px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 16px;
  text-align: center;
}

.horizontal-gallery {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  height: 600vh;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.h-gallery-carrier {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 500vh;
  margin-right: 50vw;
  margin-left: 50vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.h-gal-image-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 630px;
  margin-right: 25px;
  margin-left: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.h-gal-image-wrapper.portrait {
  width: 420px;
}

.h-gal-image-wrapper._1 {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.h-gal-image-wrapper._3 {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.h-gal {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
}

.h-gal-image {
  margin-bottom: 15px;
}

.h-gal-image.portrait {
  width: 60vw;
  height: 90vw;
  min-width: 53vh;
  -o-object-fit: cover;
  object-fit: cover;
}

.ha-gal-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.audio-embed-copy {
  position: relative;
  display: block;
  width: 100%;
  height: 500px;
  max-width: 650px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.adio-white-label {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1100px;
  margin-top: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.adio-white-label.spread {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.adio-white-label.spread.top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.adio-white-label.left {
  margin-top: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.adio-white-label.right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.adio-white-label.right.grafik-source {
  position: relative;
  margin-top: 0px;
  margin-bottom: 50px;
}

.sc-top-white-label {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 5;
  height: 8px;
  background-color: #264438;
}

.sc-bottom-white-label {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 5;
  height: 25px;
  background-color: #264438;
}

.animation_wrapper {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 800vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.hans-marta-wrapper {
  position: absolute;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 900px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.hans-marta {
  height: 500px;
  margin-right: 20px;
  margin-left: 20px;
}

.slides-carrier {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.slide {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 0px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.hm-text-small {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #f4accd;
  text-align: center;
}

.hm-text-small.hans {
  position: relative;
  left: 88px;
}

.hm-text-small.marta {
  right: 49px;
}

.hm-text-small.and {
  left: 15px;
}

.hm-text-small.einkommen-unten {
  top: 386px;
}

.hm-text-small.einkommen {
  bottom: 230px;
}

.slide-back-text-wrapper {
  position: absolute;
  top: -340px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 900px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.slide-back-text-wrapper._1 {
  top: -247px;
}

.slide-back-text-wrapper.suizid {
  top: -165px;
}

.slide-front {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slide-front-text-wrapper {
  position: absolute;
  bottom: -248px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 900px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.slide-front-text-wrapper._1 {
  top: -247px;
}

.slide-front-text-wrapper.quote {
  bottom: auto;
}

.slide-front-text-wrapper.tage {
  bottom: -149px;
}

.slide-front-text-wrapper.einkommen {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.hm-text-big {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #f4accd;
  font-size: 400px;
  line-height: 350px;
  text-align: center;
}

.hm-text-big.hans {
  position: relative;
  left: 88px;
}

.hm-text-big.marta {
  right: 49px;
}

.hm-text-big.and {
  left: 15px;
}

.animation-copy {
  position: relative;
  overflow: visible;
  height: 100px;
  margin-right: 35px;
  margin-bottom: 15px;
  margin-left: 35px;
  line-height: 1.8em;
}

.animation-copy.dark {
  color: #fff;
}

.slide-wrapper-front {
  position: absolute;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 600vw;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slide-wrapper-back {
  position: absolute;
  z-index: -3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 600vw;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.animation-copy-wrapper {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.animation-copy-slide {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.slider {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 200px;
  background-color: transparent;
}

.animation-gradient {
  position: absolute;
  z-index: 5;
  width: 25%;
  height: 100vh;
  background-image: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff);
}

.animation-gradient.right {
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
}

.hintergrund-wrapper {
  position: absolute;
  z-index: -5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.image-3 {
  opacity: 0.15;
}

.footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: 5px solid #f4accd;
  background-color: #264438;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
}

.disclaimer-copy {
  max-width: none;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  color: grey;
  font-size: 12px;
}

.disclaimer-copy.dark {
  color: #f4accd;
}

.disclaimer-copy.dark.audio {
  position: relative;
  z-index: 5;
  margin-top: -10px;
}

.disclaimer-copy.light {
  color: #264438;
}

.disclaimer-copy.header {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  margin-top: 15px;
  color: #000;
  text-align: right;
}

.disclaimer-copy.animation {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  margin-bottom: 15px;
}

.disclaimer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90vw;
  max-width: 1100px;
  margin-top: 50px;
  margin-bottom: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.disclaimer.spread {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.disclaimer.spread.top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.disclaimer.left {
  margin-top: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.disclaimer.right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.disclaimer.right.grafik-source {
  position: relative;
  margin-top: 0px;
  margin-bottom: 50px;
}

.disclaimer.desktop-hide {
  display: none;
}

.impressum-text {
  max-width: 450px;
  margin-bottom: 25px;
  color: #f4accd;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
}

.impressum-text.dark {
  color: #f4accd;
}

.impressum-text.dark.audio {
  position: relative;
  z-index: 5;
  margin-top: -10px;
}

.impressum-text.light {
  color: #264438;
}

.impressum-text.header {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  margin-top: 15px;
  color: #000;
  text-align: right;
}

.impressum-text.animation {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  margin-bottom: 15px;
}

.impressum {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90vw;
  max-width: 1100px;
  margin-top: 50px;
  margin-bottom: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.impressum.spread {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.impressum.spread.top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.impressum.left {
  margin-top: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.impressum.right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.impressum.right.grafik-source {
  position: relative;
  margin-top: 0px;
  margin-bottom: 50px;
}

.impressum.desktop-hide {
  display: none;
}

.twitter {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.title-typo-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 100vh;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.title-wrapper {
  display: block;
  width: 100vw;
}

.autor {
  margin: 5px 10px 20px;
  color: #000;
  font-size: 20px;
  line-height: 1.3em;
  font-style: italic;
  font-weight: 400;
  text-transform: none;
}

.autor.header {
  color: #f4accd;
}

.autor.header.green {
  color: #264438;
}

.autor.dark {
  color: #f4accd;
  font-style: italic;
  text-transform: none;
}

.autor.light {
  color: #264438;
}

.autor.pink {
  color: #264438;
}

.autor-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.autor-line {
  width: 50px;
  height: 2px;
  background-color: #000;
  color: #000;
}

.autor-line.header {
  background-color: #f4accd;
  color: #f4accd;
}

.autor-line.header.green {
  background-color: #264438;
}

.autor-line.dark {
  background-color: #f4accd;
}

.autor-line.light {
  background-color: #264438;
}

.autor-line.pink {
  background-color: #264438;
}

.inline-link-impressum {
  border-bottom: 2px solid #f4accd;
  color: #f4accd;
}

.inline-link-impressum.pink {
  color: #f4accd;
}

@media screen and (max-width: 991px) {
  .titel-scetion {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .main-title-left {
    width: 725px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 160px;
    line-height: 150px;
  }

  .lead-title {
    max-width: 725px;
  }

  .title-lead-wrapper {
    bottom: 0px;
  }

  .video {
    box-shadow: 7px 7px 0 0 #f4accd;
  }

  .video.pink {
    box-shadow: 7px 7px 0 0 #264438;
  }

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

  .image-wrapper {
    max-width: 300px;
  }

  .header-container._1-line {
    top: 25vh;
  }

  .grafik-embed {
    margin-bottom: -50px;
  }

  .flourish-white-label {
    right: -25px;
  }

  .hans-marta-wrapper {
    width: 700px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .slide {
    width: 100vw;
  }

  .hm-text-small {
    font-size: 160px;
  }

  .hm-text-big {
    font-size: 350px;
  }

  .disclaimer-copy {
    margin-right: 10px;
    padding-left: 10px;
  }

  .impressum-text {
    margin-right: 10px;
    padding-left: 10px;
  }

  .title-wrapper {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
}

@media screen and (max-width: 767px) {
  .main-container {
    max-width: 95vw;
  }

  .cite-text {
    font-size: 60px;
    line-height: 60px;
  }

  .kapitel {
    font-size: 80px;
    line-height: 75px;
  }

  .titel-scetion {
    min-height: 100vh;
  }

  .main-title-left {
    width: 450px;
    font-size: 100px;
    line-height: 95px;
  }

  .lead-title {
    max-width: 450px;
  }

  .title-lead-wrapper {
    margin-top: 30px;
    margin-right: 0px;
    margin-bottom: 100px;
  }

  .kapitel_header-img {
    background-position: 50% 50%;
  }

  .image-wrapper {
    max-width: none;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .infobox {
    width: 95vw;
  }

  .header-container {
    top: 25vh;
    max-width: 95vw;
  }

  .main-header-image {
    background-position: 50% 50%;
  }

  .info-block {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .content-wrapper.spread {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .content-wrapper.right.grafik-source {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .content-wrapper.desktop-hide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .block-quote.desktop-hide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .grafik-embed {
    margin-bottom: -25px;
  }

  .flourish-white-label {
    right: -22px;
  }

  .horizontal-gallery {
    height: auto;
  }

  .h-gallery-carrier {
    width: auto;
    margin-right: 0px;
    margin-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .h-gal-image-wrapper {
    width: 90vw;
    margin-bottom: 30px;
  }

  .h-gal-image-wrapper.portrait {
    width: 90vw;
  }

  .ha-gal-wrapper {
    position: relative;
    height: 100%;
  }

  .animation_wrapper {
    display: none;
  }

  .disclaimer.spread {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .disclaimer.desktop-hide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .impressum.spread {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .impressum.desktop-hide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .title-typo-wrapper {
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media screen and (max-width: 479px) {
  .main-container {
    margin-top: 5px;
  }

  .lead {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .copy {
    margin-bottom: 30px;
  }

  .kapitel {
    margin-bottom: 20px;
  }

  .titel-scetion {
    min-height: 100vh;
  }

  .main-title-left {
    width: 300px;
    font-size: 68px;
    line-height: 68px;
  }

  .lead-title {
    max-width: 300px;
    font-size: 16px;
  }

  .title-credits {
    height: 37px;
    font-size: 16px;
  }

  .kapitel-indikator {
    font-size: 16px;
  }

  .video-wrapper {
    width: 95vw;
  }

  .video {
    margin-bottom: 5px;
    border-style: none;
    box-shadow: none;
  }

  .video.pink {
    box-shadow: none;
  }

  .caption {
    margin-right: 0px;
    padding-left: 0px;
  }

  .caption.header {
    margin-top: 10px;
    margin-right: 10px;
  }

  .audio-wrapper {
    width: 95vw;
    margin-bottom: 50px;
  }

  .image-wrapper {
    width: 100%;
  }

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

  .header-container {
    top: 25vh;
    margin-top: 5px;
  }

  .header-container._1-line {
    top: 25vh;
  }

  .subtitle {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 20px;
  }

  .info-block {
    margin-right: 0px;
    margin-left: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .infoblock-copy.kosten {
    margin-bottom: 5px;
  }

  .infoblock-number {
    margin-bottom: -6px;
    font-size: 100px;
    line-height: 90px;
  }

  .content-wrapper {
    width: 95vw;
    margin-top: 0px;
    margin-bottom: 30px;
  }

  .block-quote {
    width: 95vw;
    margin-top: 0px;
  }

  .grafik-embed {
    width: 95%;
  }

  .flourish-white-label {
    right: -13px;
    height: 50px;
  }

  .h-gallery-carrier {
    width: 100vw;
  }

  .h-gal-image-wrapper {
    width: 95vw;
    margin-right: 0px;
    margin-left: 0px;
  }

  .h-gal-image-wrapper.portrait {
    width: 95vw;
  }

  .audio-embed-copy {
    height: 300px;
  }

  .animation-copy {
    margin-bottom: 30px;
  }

  .disclaimer-copy {
    margin-right: 0px;
    padding-left: 0px;
  }

  .disclaimer {
    width: 95vw;
    margin-top: 49px;
    margin-bottom: 10px;
  }

  .impressum-text {
    margin-right: 0px;
    padding-left: 0px;
  }

  .impressum {
    width: 95vw;
    margin-top: 40px;
    margin-bottom: 50px;
  }

  .title-typo-wrapper {
    position: relative;
  }

  .title-wrapper {
    margin-top: 20px;
  }

  .autor {
    font-size: 16px;
  }
}

@font-face {
  font-family: 'Pressio 35 Black';
  src: url('../fonts/Pressio-35-Black-Compressed.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pressio 32 Regular';
  src: url('../fonts/Pressio-32-Regular-Compressed.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pensumpro';
  src: url('../fonts/PensumPro-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pensumpro';
  src: url('../fonts/PensumPro-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Pensumpro';
  src: url('../fonts/PensumPro-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pensumpro';
  src: url('../fonts/PensumPro-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pensumdisplay';
  src: url('../fonts/PensumDisplay-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}