@charset "UTF-8";
@font-face {
  font-family: "CenturySchoolbookW02-Re";
  src: url("../../fonts/928948/52746fe2-f436-49b7-b5e3-58ec121e5956.eot?#iefix");
  src: url("../../fonts/928948/52746fe2-f436-49b7-b5e3-58ec121e5956.eot?#iefix") format("eot"), url("../../fonts/928948/6e9fdafc-55fb-4a14-91b4-e51ec2d47dbe.woff2") format("woff2"), url("../../fonts/928948/87ef76a9-3eca-42e0-99e8-f8d83f6fe094.woff") format("woff"), url("../../fonts/928948/f49732f0-2646-4dcf-a062-bb377cb69872.ttf") format("truetype");
}
/**
SVG
**/
/* line 70, ../sass/_basics.scss */
#btn_i .btn_i_i {
  fill: black;
}
/* line 73, ../sass/_basics.scss */
#btn_i .btn_i_cirlce {
  fill: white;
  stroke: black;
  stroke-width: 0.1875rem;
}

/* line 80, ../sass/_basics.scss */
.btn_i_white {
  fill: white;
  margin-top: 0.5rem;
}

/* line 86, ../sass/_basics.scss */
#btn_i_white .btn_i_white_i {
  fill: white;
}
/* line 89, ../sass/_basics.scss */
#btn_i_white .btn_i_white_cirlce {
  fill: white;
  stroke: white;
  stroke-width: 0.1875rem;
}

/* line 97, ../sass/_basics.scss */
#btn_x .btn_x_stroke {
  fill: black;
}

/* line 103, ../sass/_basics.scss */
#btn_x_white .btn_x_white_stroke {
  fill: white;
}

/* line 114, ../sass/_basics.scss */
#btn_nextprev_white .btn_nextprev_white_stroke {
  fill: white;
}

/* line 120, ../sass/_basics.scss */
#btn_arrow_ .btn_arrow_big_stroke {
  stroke-width: 0.1875rem;
  fill: none;
}

/* line 133, ../sass/_basics.scss */
#btn_arr_next .btn_arr_next_path {
  fill: white;
}

/* line 138, ../sass/_basics.scss */
.btn_arr_next {
  height: 4.5rem;
}

/* line 142, ../sass/_basics.scss */
.btn_arr_next_path {
  fill: white;
}

/* line 146, ../sass/_basics.scss */
.btn_x, .btn_x_white {
  margin-top: 0.5rem;
  width: 2.375rem;
  height: 2.375rem;
}

/* line 152, ../sass/_basics.scss */
.btn_x_white {
  fill: white;
}

/* line 156, ../sass/_basics.scss */
.btn_i, .btn_i_white {
  width: 2.8rem;
  height: 2.8rem;
}

/* line 161, ../sass/_basics.scss */
.btn_prev, .btn_next, .btn_prev_white, .btn_next_white {
  height: 2.3rem;
  width: 2rem;
  margin-top: 0.5rem;
}

/* line 167, ../sass/_basics.scss */
.btn_prev, .btn_prev_white {
  transform: rotate(180deg);
}

/* line 171, ../sass/_basics.scss */
.btn_back {
  height: 2.5rem;
  width: 2rem;
}

/* line 4, ../sass/index.scss */
html {
  font: 3.3rem "CenturySchoolbookW02-Re", serif;
  font-size: 1vw;
  box-sizing: border-box;
}

@media (max-width: 800px) {
  /* line 13, ../sass/index.scss */
  html {
    font-size: 1.6vw;
  }

  /* line 17, ../sass/index.scss */
  html, body {
    height: 200vh;
  }
}
@media (max-width: 700px) {
  /* line 23, ../sass/index.scss */
  html {
    font-size: 2.0vw;
  }
}
/* line 28, ../sass/index.scss */
*, *:before, *:after {
  box-sizing: inherit;
}

/* line 32, ../sass/index.scss */
*:focus {
  outline: none;
}

/* line 43, ../sass/index.scss */
body {
  font: 3.3rem "CenturySchoolbookW02-Re", serif;
  line-height: 1.16;
}

/* line 48, ../sass/index.scss */
body.template-child {
  background: black;
}

/* line 52, ../sass/index.scss */
body.artist-child {
  background: white !important;
}

/* line 56, ../sass/index.scss */
.busy {
  pointer-events: none;
}
/* line 64, ../sass/index.scss */
.busy .spinner {
  visibility: visible;
  opacity: 1;
}

/* line 70, ../sass/index.scss */
.spinner {
  visibility: hidden;
  height: 10vmin;
  width: 10vmin;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  background: url("../../images/loading.gif") white no-repeat;
  background-position: center center;
  opacity: 0;
  transition: all 0.2s;
  border-radius: 10rem;
}

/* line 85, ../sass/index.scss */
.image__zoom {
  display: none;
  position: fixed;
  bottom: 2.2rem;
  right: 3.85rem;
  text-align: center;
  line-height: 0.8;
  z-index: 889;
  background: none !important;
}
/* line 94, ../sass/index.scss */
.image__zoom .image__zoomin, .image__zoom .image__zoomout {
  background: white;
  color: black;
  width: 3rem;
  height: 3rem;
  margin-bottom: 0.1875rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* line 106, ../sass/index.scss */
.image__zoom .inactive {
  pointer-events: none;
  color: grey;
}

/* line 119, ../sass/index.scss */
.werdegange .image__zoom.startSortA, .erinnerungenanserwachsenwerden .image__zoom.startSortA, .artist .image__zoom.startSortA, .audiobesichtigungen .image__zoom.startSortA, .einzelportrait .image__zoom.startSortA {
  display: block;
}

/* line 130, ../sass/index.scss */
em {
  font-style: italic;
}

/* line 134, ../sass/index.scss */
strong {
  font-weight: bold;
}

/* line 138, ../sass/index.scss */
.clearfix {
  content: '';
  display: block;
  clear: both;
}

/* line 142, ../sass/index.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
  padding: 0 !important;
  margin: -1px !important;
  position: absolute !important;
  width: 1px !important;
  height: 0px !important;
}

/* line 153, ../sass/index.scss */
h1 {
  text-align: center;
  line-height: 1 !important;
}

/* line 158, ../sass/index.scss */
a {
  color: black;
  text-decoration: none;
}

/* line 163, ../sass/index.scss */
header {
  position: relative;
  width: 100%;
  z-index: 999;
  top: 0;
}
/* line 168, ../sass/index.scss */
header .header__wrapper {
  position: relative;
  width: calc(100% - 2.2rem);
  left: 50%;
  transform: translateX(-50%);
  padding-bottom: 0.55rem;
}
/* line 175, ../sass/index.scss */
header:after {
  content: '';
  display: block;
  clear: both;
}
/* line 178, ../sass/index.scss */
header .display-filter {
  margin-top: 6.05rem;
  text-align: left;
}
@media (max-width: 800px) {
  /* line 178, ../sass/index.scss */
  header .display-filter {
    font-size: 1.7rem;
  }
}
@media (max-width: 700px) {
  /* line 178, ../sass/index.scss */
  header .display-filter {
    font-size: 1.8rem;
  }
}
/* line 188, ../sass/index.scss */
header .display-filter:after {
  content: '';
  display: block;
  clear: both;
}
/* line 192, ../sass/index.scss */
header .btnSortA, header .btnSortB {
  cursor: pointer;
}
/* line 194, ../sass/index.scss */
header .btnSortA:hover, header .btnSortB:hover {
  border-bottom: 0.125rem solid black;
}
/* line 198, ../sass/index.scss */
header .sortActive {
  border-bottom: 0.125rem solid black;
}

/* line 204, ../sass/index.scss */
header.negative {
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 206, ../sass/index.scss */
header.negative .header__wrapper {
  border-color: white;
}

/* line 212, ../sass/index.scss */
header.sortText .header__wrapper {
  border: none !important;
}

/* line 219, ../sass/index.scss */
nav.navigation {
  position: fixed;
  transition: top 0.5s ease-out;
  width: 100%;
  background: white;
  z-index: 1;
  padding: 0.55rem 1.1rem 1.1rem 1.1rem;
  text-align: center;
  z-index: 999;
}
@media (max-width: 800px) {
  /* line 228, ../sass/index.scss */
  nav.navigation ul.menu {
    text-align: center;
    width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 801px) {
  /* line 228, ../sass/index.scss */
  nav.navigation ul.menu {
    display: inline;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    top: 0.15em;
  }
}
/* line 242, ../sass/index.scss */
nav.navigation ul.menu li {
  display: inline-table;
}
/* line 244, ../sass/index.scss */
nav.navigation ul.menu li:after {
  content: ',';
}
/* line 248, ../sass/index.scss */
nav.navigation ul.menu li:last-child:after {
  content: '';
}
/* line 252, ../sass/index.scss */
nav.navigation ul.menu li a:hover {
  border-bottom: 0.1875rem solid black;
}
/* line 256, ../sass/index.scss */
nav.navigation ul.menu li.is-active a {
  border-bottom: 0.1875rem solid black;
}
/* line 261, ../sass/index.scss */
nav.navigation .navigation__toggle {
  display: none;
}
@media (min-width: 801px) {
  /* line 264, ../sass/index.scss */
  nav.navigation .navigation__home {
    float: left;
  }
}
@media (max-width: 800px) {
  /* line 264, ../sass/index.scss */
  nav.navigation .navigation__home {
    display: block;
    text-align: center;
  }
}
/* line 273, ../sass/index.scss */
nav.navigation .navigation__language {
  text-transform: uppercase;
}
/* line 275, ../sass/index.scss */
nav.navigation .navigation__language .active {
  display: none;
}
@media (min-width: 801px) {
  /* line 273, ../sass/index.scss */
  nav.navigation .navigation__language {
    text-align: right;
    float: right;
  }
}
@media (max-width: 800px) {
  /* line 273, ../sass/index.scss */
  nav.navigation .navigation__language {
    position: absolute;
    top: 0.5rem;
    right: 1.1rem;
  }
}

/* line 290, ../sass/index.scss */
.arbeiten nav, .termine nav, .info nav, .kontakt nav {
  top: 0;
  padding-bottom: 3.3rem;
}

/*
PROJECT OVERVIEW
*/
/* line 300, ../sass/index.scss */
header.projects__overview {
  text-align: center;
  padding: 0.55rem 0 0 0;
  z-index: 999;
}
/* line 304, ../sass/index.scss */
header.projects__overview h1 {
  font: 3.3rem "CenturySchoolbookW02-Re", serif;
  max-width: 80%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
/* line 311, ../sass/index.scss */
header.projects__overview .close, header.projects__overview .back {
  position: absolute;
  cursor: pointer;
}
/* line 315, ../sass/index.scss */
header.projects__overview .close {
  top: 0.3685rem;
}
/* line 318, ../sass/index.scss */
header.projects__overview .back {
  right: 0;
  top: 0;
}

/* line 324, ../sass/index.scss */
main {
  box-sizing: inherit;
  width: 100%;
  min-height: 100vh;
  height: 100%;
  display: block;
}
/* line 333, ../sass/index.scss */
main h5 {
  text-align: center;
}
/* line 336, ../sass/index.scss */
main p {
  font: 2.3rem "CenturySchoolbookW02-Re", serif;
  /*
  @include bp (small) {
      font: $SchoolBookLarge;
  }
  */
  margin-bottom: 2.2rem;
}
/* line 344, ../sass/index.scss */
main p a {
  border-bottom: 0.125rem solid black;
}
/* line 347, ../sass/index.scss */
main p a[href^="mailto"] {
  border-bottom: 0.125rem solid black;
}
/* line 351, ../sass/index.scss */
main ol {
  font: 2.3rem "CenturySchoolbookW02-Re", serif;
  /*
  @include bp (small) {
      font: $SchoolBookLarge !important;
  }
  */
  list-style-type: decimal;
  margin-left: 4rem;
  margin-bottom: 2.2rem;
}
/* line 362, ../sass/index.scss */
main h5 {
  font: 3.3rem "CenturySchoolbookW02-Re", serif;
  margin-top: 3.3rem;
  margin-bottom: 3.3rem;
}
/* line 368, ../sass/index.scss */
main section.projects__text {
  margin: 0 auto;
  position: relative;
  top: 0;
  height: 100%;
  background: white !important;
  color: black !important;
}
/* line 375, ../sass/index.scss */
main section.projects__text a {
  color: black !important;
  border-color: black;
}
/* line 379, ../sass/index.scss */
main section.projects__text header {
  background: white !important;
  color: black !important;
}
/* line 382, ../sass/index.scss */
main section.projects__text header a {
  color: black !important;
}
/* line 385, ../sass/index.scss */
main section.projects__text header .btn_back, main section.projects__text header .btn_x_white {
  fill: black;
}
/* line 388, ../sass/index.scss */
main section.projects__text header .header__wrapper {
  border: none;
}
/* line 392, ../sass/index.scss */
main section.projects__text .gallery {
  padding-top: 3.3rem !important;
  margin-bottom: 4.4rem !important;
}
@media (max-width: 800px) {
  /* line 368, ../sass/index.scss */
  main section.projects__text {
    width: 100%;
    padding: 0.55rem 1.1rem 1.1rem 1.1rem;
  }
  /* line 400, ../sass/index.scss */
  main section.projects__text header .header__wrapper {
    width: 100%;
  }
}
/* line 406, ../sass/index.scss */
main section.projects__text h5 {
  font: 3.3rem "CenturySchoolbookW02-Re", serif;
  margin-top: 3.3rem;
  margin-bottom: 3.3rem;
}
/* line 412, ../sass/index.scss */
main section.projects__list {
  position: absolute;
  top: 0;
  min-height: 100%;
}

/* line 420, ../sass/index.scss */
main.startSortText section.projects__list {
  display: none;
}

/* line 426, ../sass/index.scss */
main.startSortA .btnSortA {
  border-bottom: 0.125rem solid black;
}
/* line 430, ../sass/index.scss */
main.startSortA section.projects__list .sortB {
  display: none;
}

/* line 438, ../sass/index.scss */
main.startSortB section.projects__text {
  font: 2.3rem "CenturySchoolbookW02-Re", serif;
}
/* line 441, ../sass/index.scss */
main.startSortB .btnSortB {
  border-bottom: 0.125rem solid black;
}
/* line 445, ../sass/index.scss */
main.startSortB section.projects__list .sortA {
  display: none;
}
/* line 449, ../sass/index.scss */
main.startSortB section.projects__list ul li {
  padding: 0.03685rem 0.3685rem 0.40944rem 0.3685rem;
  border-bottom: 0.1875rem solid black;
  line-height: 1;
  transition: color, background .3s;
}
/* line 452, ../sass/index.scss */
main.startSortB section.projects__list ul li:hover {
  background: black;
}
/* line 454, ../sass/index.scss */
main.startSortB section.projects__list ul li:hover div {
  border-color: white !important;
}
/* line 457, ../sass/index.scss */
main.startSortB section.projects__list ul li:hover a {
  color: white;
}
/* line 460, ../sass/index.scss */
main.startSortB section.projects__list ul li:hover .projects__audio {
  color: white;
}
/* line 463, ../sass/index.scss */
main.startSortB section.projects__list ul li:hover .mejs__time-slider {
  background: white;
}
/* line 466, ../sass/index.scss */
main.startSortB section.projects__list ul li:hover .mejs__time-handle {
  background: url(../../images/handle_negative.png) no-repeat;
}
/* line 469, ../sass/index.scss */
main.startSortB section.projects__list ul li:hover .mejs__play {
  background: transparent url(../../images/play-pause_negative.png) 0 0;
  width: 2.5rem;
  height: 3.125rem;
  background-size: cover;
}
/* line 475, ../sass/index.scss */
main.startSortB section.projects__list ul li:hover .mejs__pause {
  background: transparent url(../../images/play-pause_negative.png) -3.125rem 0;
  width: 2.5rem;
  height: 3.125rem;
  background-size: cover;
}
/* line 482, ../sass/index.scss */
main.startSortB section.projects__list ul li:after {
  content: '';
  display: block;
  clear: both;
}

/* line 491, ../sass/index.scss */
main.default .gallery {
  padding-top: 3.3rem !important;
  margin-bottom: 4.4rem !important;
}

/* line 497, ../sass/index.scss */
.filterItem {
  display: none;
}

/* line 501, ../sass/index.scss */
.display-filter {
  font: 1.2rem sans-serif;
  margin-bottom: 0.275rem;
  margin-bottom: 0.8107rem;
}
/* line 506, ../sass/index.scss */
.display-filter .display {
  float: left;
}
/* line 508, ../sass/index.scss */
.display-filter .display h2, .display-filter .display .display__button {
  float: left;
  margin-right: 0.737rem;
}
/* line 511, ../sass/index.scss */
.display-filter .display h2 span, .display-filter .display .display__button span {
  margin-right: 0.737rem;
}
/* line 516, ../sass/index.scss */
.display-filter .filter {
  float: right;
}
/* line 518, ../sass/index.scss */
.display-filter .filter:after {
  content: '';
  display: block;
  clear: both;
}
/* line 521, ../sass/index.scss */
.display-filter .filter h2, .display-filter .filter .filter__selector {
  float: left;
  margin-right: 0.737rem;
}
/* line 525, ../sass/index.scss */
.display-filter .filter .filter__selector {
  display: none;
  border: none;
  border-bottom: 0.125rem solid black;
  border-radius: 0px;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  padding: 5px;
  background: white;
  font: 1.2rem sans-serif;
}
@media (max-width: 800px) {
  /* line 525, ../sass/index.scss */
  .display-filter .filter .filter__selector {
    display: block;
  }
}

/*
::::::::::::::::::::::::::::::: PROJECT LIST LAYOUTS
*/
/* line 547, ../sass/index.scss */
.col-2 {
  width: 16.66% !important;
}

/* line 548, ../sass/index.scss */
.col-3 {
  width: 25% !important;
}

/* line 549, ../sass/index.scss */
.col-4 {
  width: 33.33% !important;
}

/* line 550, ../sass/index.scss */
.col-6 {
  width: 50% !important;
}

/* line 551, ../sass/index.scss */
.col-8 {
  width: 66.4% !important;
}
@media (max-width: 800px) {
  /* line 551, ../sass/index.scss */
  .col-8 {
    width: 100% !important;
  }
}

/* line 557, ../sass/index.scss */
.col-9 {
  width: 74.97% !important;
}

/* line 558, ../sass/index.scss */
.col-12 {
  width: 100% !important;
}

/* line 560, ../sass/index.scss */
.col-5 {
  width: 41.666% !important;
}
@media (max-width: 800px) {
  /* line 560, ../sass/index.scss */
  .col-5 {
    width: 100% !important;
  }
}

/* line 567, ../sass/index.scss */
.col-7 {
  width: 58.333% !important;
}
@media (max-width: 800px) {
  /* line 567, ../sass/index.scss */
  .col-7 {
    width: 100% !important;
  }
}

/*
::::::::::::::::::::::::::::::: PROJECT CHILD LAYOUTS
*/
/* line 579, ../sass/index.scss */
header.child {
  padding: 0.55rem 0 0 0;
  margin-bottom: 3.3rem;
}
/* line 582, ../sass/index.scss */
header.child .header__wrapper > h2 {
  max-width: 75%;
  position: relative;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
}
/* line 589, ../sass/index.scss */
header.child .pagination {
  position: fixed;
  left: 1.1rem;
  z-index: 9999;
}
@media (max-width: 800px) {
  /* line 593, ../sass/index.scss */
  header.child .pagination span {
    display: none;
  }
}
/* line 600, ../sass/index.scss */
header.child .child__back {
  position: absolute;
  right: 1.1rem;
}
/* line 604, ../sass/index.scss */
header.child .child__subhead {
  width: 75%;
  text-align: center;
  display: block;
  margin-left: 50%;
  transform: translateX(-50%);
}
/* line 610, ../sass/index.scss */
header.child .child__subhead .child__subhead--item {
  display: inline-block;
}
/* line 612, ../sass/index.scss */
header.child .child__subhead .child__subhead--item:after {
  content: ',';
}
/* line 616, ../sass/index.scss */
header.child .child__subhead .child__subhead--item:last-child:after {
  content: '';
}

/* line 625, ../sass/index.scss */
main.child hr {
  border-top: 0.1875rem solid black;
}

/* line 631, ../sass/index.scss */
.time {
  clear: both;
  padding: 0.737rem 0;
  border-top: 0.1875rem solid black;
  content: '';
  display: block;
  clear: both;
  font: 1.2rem sans-serif;
  margin-top: 6.6rem;
}

/* line 644, ../sass/index.scss */


@keyframes fadeinAni {

  0% {
    opacity: 0.4 !important;
  }

  66% {
    opacity: 0.4 !important;
  }

  100% {
    opacity: 1 !important;
  }

}

.busyaudio {
  animation: fadeinAni 0.1s infinite;

  opacity: 0.5 !important;
}

.busyaudio .mejs__time-handle {
  animation: fadeinAni 0.1s infinite;
}


/* line 662, ../sass/index.scss */
.mejs__container:focus {
  outline: none;
}

/* line 666, ../sass/index.scss */
.media-wrapper {
  position: relative;
}
/* line 668, ../sass/index.scss */
.media-wrapper:after {
  content: '';
  display: block;
  clear: both;
  margin-bottom: 1.1rem;
}

/*
FLICKITY SLIDESHOW
*/
/* line 679, ../sass/index.scss */
.flickity-page-dots {
  top: 0;
  height: 100px;
}

/* line 684, ../sass/index.scss */
.is-draggable, .flickity-enabled, .flickity-viewport, .flickity-enabled.is-draggable {
  cursor: auto;
}

/* line 689, ../sass/index.scss */
.carousel {
  width: 100%;
}
/* line 691, ../sass/index.scss */
.carousel .carousel-cell {
  width: 100%;
}
/* line 693, ../sass/index.scss */
.carousel .carousel-cell figure {
  width: 100%;
}
/* line 695, ../sass/index.scss */
.carousel .carousel-cell figure img {
  width: 100%;
  height: auto;
}

/* line 703, ../sass/index.scss */
.gallery__caption {
  font-size: 1.15rem !important;
  top: -0.25rem;
  position: relative;
}
/* line 707, ../sass/index.scss */
.gallery__caption .carousel-status {
  float: right;
}

/* line 714, ../sass/index.scss */
.carousel.flickity-enabled {
  overflow: hidden;
}

/* line 719, ../sass/index.scss */
.gallery-next-left .flickity-viewport, .gallery-next-right .flickity-viewport {
  cursor: none !important;
}
/* line 721, ../sass/index.scss */
.gallery-next-left .flickity-viewport a, .gallery-next-right .flickity-viewport a {
  cursor: none !important;
}

/* line 727, ../sass/index.scss */
.gallery-next-drag {
  cursor: grab;
}

/* line 732, ../sass/index.scss */
.gallery-next-right > .gallery-prev-next .left {
  display: none;
}
/* line 735, ../sass/index.scss */
.gallery-next-right > .gallery-prev-next .right {
  display: block;
}

/* line 741, ../sass/index.scss */
.gallery-next-left > .gallery-prev-next .right {
  display: none;
}
/* line 744, ../sass/index.scss */
.gallery-next-left > .gallery-prev-next .left {
  display: block;
}
/* line 746, ../sass/index.scss */
.gallery-next-left > .gallery-prev-next .left .btn_arr_next {
  transform: rotate(180deg);
}

/* line 752, ../sass/index.scss */
.gallery-prev-next {
  position: absolute;
  top: 250px;
  left: 250px;
  z-index: 10;
  pointer-events: none;
  mix-blend-mode: difference;
  backface-visibility: hidden;
  color: black;
}
/* line 761, ../sass/index.scss */
.gallery-prev-next .left, .gallery-prev-next .right {
  display: none;
  color: white;
  cursor: none;
}

/*
PLAYER
*/
/* line 771, ../sass/index.scss */
.mejs__offscreen, .mejs__time-float, .mejs__currenttime, .mejs__currenttime-container, .mejs__overlay-button, .mejs__volume-button, .mejs__mute, .mejs__horizontal-volume-total {
  display: none !important;
}

/* line 780, ../sass/index.scss */
.gallery__video .vimeo_html5, .video-container-single .vimeo_html5, .video-container .vimeo_html5 {
  display: none;
}

/* line 786, ../sass/index.scss */
.video-container, .video-container-single, .werdegang__player, .mother__player, .mother__special {
  margin-bottom: 6.6rem;
}
/* line 788, ../sass/index.scss */
.video-container .mejs__controls, .video-container-single .mejs__controls, .werdegang__player .mejs__controls, .mother__player .mejs__controls, .mother__special .mejs__controls {
  margin-top: 1rem;
  bottom: -4rem !important;
  padding: 0;
  height: 2.3rem;
  background: none;
}
/* line 794, ../sass/index.scss */
.video-container .mejs__controls .mejs__time-rail, .video-container-single .mejs__controls .mejs__time-rail, .werdegang__player .mejs__controls .mejs__time-rail, .mother__player .mejs__controls .mejs__time-rail, .mother__special .mejs__controls .mejs__time-rail {
  height: 100%;
  padding: 0;
  position: relative;
  top: 0rem;
  width: calc(100% - 14.8rem) !important;
  margin: 0rem 1rem 0 2rem;
}
/* line 802, ../sass/index.scss */
.video-container .mejs__controls .mejs__time-total, .video-container-single .mejs__controls .mejs__time-total, .werdegang__player .mejs__controls .mejs__time-total, .mother__player .mejs__controls .mejs__time-total, .mother__special .mejs__controls .mejs__time-total {
  position: relative;
}
/* line 805, ../sass/index.scss */
.video-container .mejs__controls .mejs__time-total, .video-container-single .mejs__controls .mejs__time-total, .werdegang__player .mejs__controls .mejs__time-total, .mother__player .mejs__controls .mejs__time-total, .mother__special .mejs__controls .mejs__time-total {
  height: 20px;
  background: white;
  border: 9px black solid;
}
/* line 810, ../sass/index.scss */
.video-container .mejs__controls .mejs__time, .video-container-single .mejs__controls .mejs__time, .werdegang__player .mejs__controls .mejs__time, .mother__player .mejs__controls .mejs__time, .mother__special .mejs__controls .mejs__time {
  height: auto;
  padding: 0;
  margin: 0 1rem;
}
/* line 815, ../sass/index.scss */
.video-container .mejs__controls .mejs__duration, .video-container-single .mejs__controls .mejs__duration, .werdegang__player .mejs__controls .mejs__duration, .mother__player .mejs__controls .mejs__duration, .mother__special .mejs__controls .mejs__duration {
  font: 2.3rem "CenturySchoolbookW02-Re", serif;
  position: relative;
}
/* line 819, ../sass/index.scss */
.video-container .mejs__controls .mejs__time-handle, .video-container-single .mejs__controls .mejs__time-handle, .werdegang__player .mejs__controls .mejs__time-handle, .mother__player .mejs__controls .mejs__time-handle, .mother__special .mejs__controls .mejs__time-handle {
  width: 3.125rem !important;
  height: 3.125rem !important;
  top: -1.56rem;
  left: -1.56rem;
  background: url(../../images/handle_negative.png) no-repeat;
  background-size: contain;
}
/* line 827, ../sass/index.scss */
.video-container .mejs__controls .mejs__button > button, .video-container-single .mejs__controls .mejs__button > button, .werdegang__player .mejs__controls .mejs__button > button, .mother__player .mejs__controls .mejs__button > button, .mother__special .mejs__controls .mejs__button > button {
  margin: 0;
  background: none;
}
/* line 831, ../sass/index.scss */
.video-container .mejs__controls .mejs__button, .video-container-single .mejs__controls .mejs__button, .werdegang__player .mejs__controls .mejs__button, .mother__player .mejs__controls .mejs__button, .mother__special .mejs__controls .mejs__button {
  height: auto;
  width: auto;
  position: relative;
}
/* line 836, ../sass/index.scss */
.video-container .mejs__controls .mejs__fullscreen-button > button, .video-container-single .mejs__controls .mejs__fullscreen-button > button, .werdegang__player .mejs__controls .mejs__fullscreen-button > button, .mother__player .mejs__controls .mejs__fullscreen-button > button, .mother__special .mejs__controls .mejs__fullscreen-button > button {
  width: 1.8rem !important;
  height: 1.8rem !important;
  background: url(../../images/fullscreen.png) no-repeat;
  background-size: contain;
  margin-left: 1rem;
  top: 0.3125rem;
}
/* line 844, ../sass/index.scss */
.video-container .mejs__controls .mejs__play, .video-container-single .mejs__controls .mejs__play, .werdegang__player .mejs__controls .mejs__play, .mother__player .mejs__controls .mejs__play, .mother__special .mejs__controls .mejs__play {
  background: transparent url(../../images/play.png) no-repeat;
  width: 1.8rem;
  height: 1.9rem;
  background-size: cover;
  top: 0.3125rem;
}
/* line 852, ../sass/index.scss */
.video-container .mejs__controls .mejs__pause, .video-container-single .mejs__controls .mejs__pause, .werdegang__player .mejs__controls .mejs__pause, .mother__player .mejs__controls .mejs__pause, .mother__special .mejs__controls .mejs__pause {
  background: transparent url(../../images/pause.png) no-repeat;
  width: 1.8rem;
  height: 1.8rem;
  background-size: cover;
  top: 0.3125rem;
}
/* line 859, ../sass/index.scss */
.video-container .mejs__controls .mejs__overlay-loading-bg-img, .video-container-single .mejs__controls .mejs__overlay-loading-bg-img, .werdegang__player .mejs__controls .mejs__overlay-loading-bg-img, .mother__player .mejs__controls .mejs__overlay-loading-bg-img, .mother__special .mejs__controls .mejs__overlay-loading-bg-img {
  border: 10px solid red;
}

/* line 865, ../sass/index.scss */
.video-project {
  margin: 3.3rem 0 9.9rem 0;
}
/* line 868, ../sass/index.scss */
.video-project .mejs__controls .mejs__duration {
  font: 2.3rem "CenturySchoolbookW02-Re", serif;
  color: black;
}
/* line 873, ../sass/index.scss */
.video-project .mejs__controls .mejs__time-total {
  background: black !important;
  border: 9px white solid;
}
/* line 878, ../sass/index.scss */
.video-project .mejs__controls .mejs__time-handle {
  background: url(../../images/handle.png) no-repeat !important;
  background-size: contain !important;
}
/* line 883, ../sass/index.scss */
.video-project .mejs__controls .mejs__play {
  background: transparent url(../../images/play_b.png) no-repeat !important;
  background-size: contain !important;
}
/* line 887, ../sass/index.scss */
.video-project .mejs__controls .mejs__pause {
  background: transparent url(../../images/pause_b.png) no-repeat;
  width: 1.8rem !important;
  height: 1.8rem !important;
  background-size: cover !important;
  top: 0.3125rem !important;
}
/* line 894, ../sass/index.scss */
.video-project .mejs__controls .mejs__fullscreen-button > button {
  width: 1.8rem !important;
  height: 1.8rem !important;
  background: url(../../images/fullscreen_b.png) no-repeat;
  background-size: contain;
  margin-left: 1rem;
  top: 0.3125rem;
}

/* line 908, ../sass/index.scss */
.mejs__poster {
  background-size: cover !important;
}

/* line 913, ../sass/index.scss */
.video-container-single .mejs__overlay {
  height: 100%;
  width: 100%;
  background: transparent url(../../images/play.png) no-repeat;
  background-position: center center;
  z-index: 999;
  display: block;
}
/* line 921, ../sass/index.scss */
.video-container-single .mejs__overlay-loading-bg-img {
  background: url("../../images/loading.gif") white no-repeat;
  background-size: cover !important;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
  border-radius: 10rem;
}

/* line 930, ../sass/index.scss */
.mejs__play, .mejs__pause {
  cursor: pointer;
}

/* AJAX CONTAINER */
/* line 937, ../sass/index.scss */
#modal-container-home, #modal-container-project, #modal-container-child {
  position: fixed;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
/* line 952, ../sass/index.scss */
#modal-container-home .scroll, #modal-container-project .scroll, #modal-container-child .scroll {
  min-height: calc(100vh + 1px) !important;
  width: 100vw !important;
  position: relative;
  z-index: 100000;
}
/* line 959, ../sass/index.scss */
#modal-container-home main, #modal-container-project main, #modal-container-child main {
  height: 100%;
  width: 100%;
}
/* line 962, ../sass/index.scss */
#modal-container-home main section, #modal-container-project main section, #modal-container-child main section {
  min-height: 100%;
}

/* line 968, ../sass/index.scss */
.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  transition: all 1s;
}

/* line 976, ../sass/index.scss */
#modal-container-home {
  z-index: 777;
}

/* line 980, ../sass/index.scss */
#modal-container-project {
  z-index: 888;
  transform: scale(1);
}

/* line 985, ../sass/index.scss */
#modal-container-child {
  z-index: 999;
  transform: scale(1);
  transition: all 1s;
  left: 0;
  min-height: 100vh;
}
/* line 991, ../sass/index.scss */
#modal-container-child .header__wrapper {
  position: fixed;
  background: black;
  width: 100%;
  padding: 0 1.1rem;
}
/* line 997, ../sass/index.scss */
#modal-container-child-left {
  left: -100%;
  z-index: 1000;
  min-height: 100vh;
  background: white;
}
/* line 1002, ../sass/index.scss */
#modal-container-child-left.active {
  left: 0;
  background: white;
  overflow-y: auto;
}
/* line 1007, ../sass/index.scss */
#modal-container-child-left .header__wrapper {
  position: fixed;
  background: black;
  width: 100%;
  padding: 0 1.1rem;
}
/* line 1014, ../sass/index.scss */
#modal-container-child-right {
  left: 100%;
  z-index: 1000;
  min-height: 100vh;
  background: white;
}
/* line 1019, ../sass/index.scss */
#modal-container-child-right.active {
  left: 0;
  background: white;
  overflow-y: auto;
}
/* line 1024, ../sass/index.scss */
#modal-container-child-right .header__wrapper {
  position: fixed;
  background: black;
  width: 100%;
  padding: 0 1.1rem;
}
/* line 1031, ../sass/index.scss */
#modal-container-child.move-left {
  left: -100%;
}
/* line 1034, ../sass/index.scss */
#modal-container-child.move-right {
  left: 200%;
}

/* line 1039, ../sass/index.scss */
#modal-container-home-wrapper {
  z-index: 777;
}

/* line 1043, ../sass/index.scss */
#modal-container-project-wrapper {
  z-index: 888;
}

/* line 1047, ../sass/index.scss */
#modal-container-child-wrapper {
  z-index: 999;
}

@media (min-width: 801px) {
  /* line 1064, ../sass/index.scss */
  .perspective {
    perspective: 2000px !important;
    perspective-origin: center center !important;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}

/* line 1079, ../sass/index.scss */
.overflow100 {
  width: 100vw;
  height: 100vh;
  overflow: hidden !important;
}

/* line 1085, ../sass/index.scss */
.btn-flip {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}

@keyframes flip-out {
  0% {
    transform: rotateY(90deg);
    height: 100vh;
  }
  50% {
    transform: rotateY(90deg);
    height: 100vh;
  }
  100% {
    transform: rotateY(0deg);
    height: 100vh;
  }
}
@keyframes flip-in {
  0% {
    transform: rotateY(0deg);
    height: 100vh;
  }
  100% {
    transform: rotateY(-90deg);
    display: none;
    height: 100vh;
  }
}
/* line 1121, ../sass/index.scss */
.flip-hidden, .flip-visible {
  z-index: 9999;
  min-height: 100%;
  width: 100%;
}

/* line 1127, ../sass/index.scss */
.flip-hidden {
  transform: rotateY(90deg) !important;
}
/* line 1129, ../sass/index.scss */
.flip-hidden:after {
  content: '';
  display: block;
  clear: both;
}

/* line 1139, ../sass/index.scss */
.flip.flip-visible {
  -moz-animation-name: flip-in;
  -webkit-animation-name: flip-in;
  animation-name: flip-in;
  -moz-animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -moz-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  transform: rotateY(-90deg) !important;
  display: block;
  transform-origin: center center;
}
/* line 1147, ../sass/index.scss */
.flip.flip-hidden {
  -moz-animation-name: flip-out;
  -webkit-animation-name: flip-out;
  animation-name: flip-out;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  transform: rotateY(0deg) !important;
  display: block;
  transform-origin: center center;
}

@keyframes flip-reverse-out {
  0% {
    transform: rotateY(0);
    height: 100vh;
    display: block !important;
  }
  99% {
    transform: rotateY(90deg);
    height: 100vh;
    display: block !important;
  }
  100% {
    transform: rotateY(90deg);
    height: 100vh;
    display: block;
  }
}
@keyframes flip-reverse-in {
  0%, 50% {
    transform: rotateY(-90deg);
    overflow: hidden !important;
    height: 100vh !important;
    width: 50vw !important;
  }
  100% {
    transform: rotateY(0deg);
    overflow: hidden !important;
    height: 100vh !important;
    width: 50vw !important;
  }
}
/* line 1193, ../sass/index.scss */
.flip-reverse.flip-visible {
  -moz-animation-name: flip-reverse-in;
  -webkit-animation-name: flip-reverse-in;
  animation-name: flip-reverse-in;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  transform: rotateY(0deg) !important;
  display: block;
  transform-origin: center center;
}
/* line 1201, ../sass/index.scss */
.flip-reverse.flip-hidden {
  -moz-animation-name: flip-reverse-out;
  -webkit-animation-name: flip-reverse-out;
  animation-name: flip-reverse-out;
  -moz-animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -moz-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  transform: rotateY(90deg) !important;
  transform-origin: center center;
}

@keyframes grow {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
/* line 1215, ../sass/index.scss */
.grow {
  display: block;
  height: 100vh;
  width: 100vw;
  background: white;
  position: fixed;
  -moz-animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -moz-animation-name: grow;
  -webkit-animation-name: grow;
  animation-name: grow;
  -moz-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  left: 0 !important;
  top: 0 !important;
}

/* line 1230, ../sass/index.scss */
.shrink {
  transform: scale(0) !important;
  transform-origin: center;
  transition: transform 0.5s;
  overflow: hidden;
}

/* line 1237, ../sass/index.scss */
body.arbeiten {
  padding: 0;
}

/* INCLUDES */
/* line 2, ../sass/_home.scss */
.modal-container-home {
  overflow-x: hidden;
}

/* line 5, ../sass/_home.scss */
.home__gallery {
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100vw;
  background: black;
  transition: 1s;
}
@media (max-width: 800px) {
  /* line 5, ../sass/_home.scss */
  .home__gallery {
    display: none;
  }
}
/* line 15, ../sass/_home.scss */
.home__gallery.inactive {
  margin-top: 0;
  transform: translateY(-100vh);
  position: fixed;
}
/* line 20, ../sass/_home.scss */
.home__gallery .gallery {
  height: 100%;
  width: 100%;
}
/* line 23, ../sass/_home.scss */
.home__gallery .gallery .carousel-cell {
  height: 100vh;
}
/* line 25, ../sass/_home.scss */
.home__gallery .gallery .carousel-cell figure {
  height: 100%;
}
/* line 27, ../sass/_home.scss */
.home__gallery .gallery .carousel-cell figure img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
/* line 34, ../sass/_home.scss */
.home__gallery .gallery .carousel-cell .video-wrapper {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
/* line 38, ../sass/_home.scss */
.home__gallery .gallery .carousel-cell .video-wrapper video {
  object-fit: cover;
  width: 100%;
  height: 100vh;
}

/* line 51, ../sass/_home.scss */
main.pages {
  margin: 0;
  padding: 0;
  transition: all  1s;
  position: fixed;
  background: white;
  overflow-y: scroll;
}
@media (min-width: 801px) {
  /* line 51, ../sass/_home.scss */
  main.pages {
    margin-top: -5.2rem;
    transform: translateY(100vh);
  }
}
@media (max-width: 800px) {
  /* line 64, ../sass/_home.scss */
  main.pages.pages-active {
    top: 0;
    position: absolute;
  }
}
@media (min-width: 801px) {
  /* line 64, ../sass/_home.scss */
  main.pages.pages-active {
    margin-top: 0;
    transform: translateY(0);
  }
}
/* line 74, ../sass/_home.scss */
main.pages.transition-zero {
  transition: none;
}
/* line 77, ../sass/_home.scss */
main.pages nav.navigation {
  position: relative;
  z-index: 9999;
  margin-bottom: 3.85rem;
}
/* line 81, ../sass/_home.scss */
main.pages nav.navigation:after {
  content: '';
  display: block;
  clear: both;
}
/* line 85, ../sass/_home.scss */
main.pages .home__wrapper {
  position: relative;
  z-index: 999;
  background: white;
}
/* line 89, ../sass/_home.scss */
main.pages .home__wrapper .pages__wrapper {
  min-height: 100vh;
  width: 100%;
  padding: 0 1.1rem 1.1rem 1.1rem;
  padding-bottom: 4rem;
}
/* line 94, ../sass/_home.scss */
main.pages .home__wrapper .pages__wrapper:after {
  position: relative;
  height: 100px;
  content: "\00a0";
  width: 100px;
}
/* line 103, ../sass/_home.scss */
main.pages .scrollContent {
  margin-top: 0;
}

/* line 4, ../sass/_termine.scss */
#termine h2 {
  text-align: center;
}
/* line 9, ../sass/_termine.scss */
#termine a p {
  font: 3.3rem "CenturySchoolbookW02-Re", serif !important;
  margin: 0;
}
/* line 15, ../sass/_termine.scss */
#termine ul.datelist {
  margin-bottom: 5.5rem;
}
/* line 18, ../sass/_termine.scss */
#termine ul.datelist li {
  padding: 0.03685rem 0.3685rem 0.40944rem 0.3685rem;
  border-bottom: 0.1875rem solid black;
  line-height: 1;
  transition: .3s background;
}
/* line 20, ../sass/_termine.scss */
#termine ul.datelist li:first-child {
  border-top: 0.1875rem solid black;
}
/* line 29, ../sass/_termine.scss */
#termine ul.datelist li:hover {
  background: black;
  color: white;
}
/* line 32, ../sass/_termine.scss */
#termine ul.datelist li:hover a {
  color: white;
}

/* line 39, ../sass/_termine.scss */
.navigation__toggle {
  top: 1rem;
}

@media (max-width: 800px) {
  /* line 2, ../sass/_info.scss */
  #info {
    margin-top: 2.6rem;
  }
}
@media (min-width: 801px) {
  /* line 2, ../sass/_info.scss */
  #info {
    margin-top: 3.8rem;
  }
}
/* line 10, ../sass/_info.scss */
#info .col-8 {
  margin: 0 auto;
}
/* line 13, ../sass/_info.scss */
#info section {
  margin-bottom: 5.5rem;
}
/* line 14, ../sass/_info.scss */
#info section h5 {
  margin-bottom: 4.4rem;
}
/* line 17, ../sass/_info.scss */
#info section p {
  text-indent: 0;
  font: 2.3rem "CenturySchoolbookW02-Re", serif;
  margin-bottom: 2.2rem;
}
/* line 24, ../sass/_info.scss */
#info section:after {
  content: '';
  display: block;
  clear: both;
}
/* line 37, ../sass/_info.scss */
#info section.publications ul.publications li.publications__publication {
  padding: 0 2.2rem 2.2rem 2.2rem;
  box-sizing: border-box;
}
@media (max-width: 800px) {
  /* line 37, ../sass/_info.scss */
  #info section.publications ul.publications li.publications__publication {
    width: 100%;
  }
}
@media (min-width: 801px) {
  /* line 37, ../sass/_info.scss */
  #info section.publications ul.publications li.publications__publication {
    width: 50%;
    float: left;
  }
}
/* line 47, ../sass/_info.scss */
#info section.publications ul.publications li.publications__publication h6 {
  font: 2.3rem "CenturySchoolbookW02-Re", serif;
  text-align: center;
  margin-bottom: 2.2rem;
}
/* line 52, ../sass/_info.scss */
#info section.publications ul.publications li.publications__publication img {
  width: 100%;
  height: auto;
  -webkit-box-shadow: 15px 15px 23px -5px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 15px 15px 23px -5px rgba(0, 0, 0, 0.27);
  box-shadow: 15px 15px 23px -5px rgba(0, 0, 0, 0.27);
}
/* line 60, ../sass/_info.scss */
#info section.publications ul.publications:after {
  content: '';
  display: block;
  clear: both;
}

/* line 2, ../sass/_info-child.scss */
.info-child #modal-container-project {
  background: white;
}
/* line 8, ../sass/_info-child.scss */
.info-child header .header__wrapper {
  border: none;
}
/* line 11, ../sass/_info-child.scss */
.info-child header .child__back {
  right: 0;
}
/* line 14, ../sass/_info-child.scss */
.info-child header .pagination {
  left: 0;
}
/* line 18, ../sass/_info-child.scss */
.info-child main {
  margin: 0 auto;
  padding: 0 1.1rem 1.1rem 1.1rem;
}
/* line 22, ../sass/_info-child.scss */
.info-child main section {
  margin-bottom: 5.5rem;
}
/* line 23, ../sass/_info-child.scss */
.info-child main section h5 {
  margin-bottom: 4.4rem;
}
/* line 26, ../sass/_info-child.scss */
.info-child main section p {
  text-indent: 0;
  font: 2.3rem "CenturySchoolbookW02-Re", serif;
  margin-bottom: 2.2rem;
}
/* line 30, ../sass/_info-child.scss */
.info-child main section p a {
  border-bottom: 0.125rem solid black;
}
/* line 33, ../sass/_info-child.scss */
.info-child main section p a[href^="mailto"] {
  border: none;
}
/* line 38, ../sass/_info-child.scss */
.info-child main section:after {
  content: '';
  display: block;
  clear: both;
}
/* line 48, ../sass/_info-child.scss */
.info-child section.gallery {
  margin: 3.3rem 0;
}
/* line 54, ../sass/_info-child.scss */
.info-child section.publications ul.publications li.publications__publication {
  width: 50%;
  float: left;
  padding: 2.2rem;
  box-sizing: border-box;
}
/* line 59, ../sass/_info-child.scss */
.info-child section.publications ul.publications li.publications__publication h6 {
  font: 2.3rem "CenturySchoolbookW02-Re", serif;
  text-align: center;
  margin-bottom: 2.2rem;
}
/* line 64, ../sass/_info-child.scss */
.info-child section.publications ul.publications li.publications__publication img {
  width: 100%;
  height: auto;
  -webkit-box-shadow: 15px 15px 23px -5px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 15px 15px 23px -5px rgba(0, 0, 0, 0.27);
  box-shadow: 15px 15px 23px -5px rgba(0, 0, 0, 0.27);
}
/* line 72, ../sass/_info-child.scss */
.info-child section.publications ul.publications:after {
  content: '';
  display: block;
  clear: both;
}

/* line 1, ../sass/_kontakt.scss */
#kontakt {
  font: 2.3rem "CenturySchoolbookW02-Re", serif;
}
@media (max-width: 800px) {
  /* line 1, ../sass/_kontakt.scss */
  #kontakt {
    margin-top: 2.6rem;
  }
}
@media (min-width: 801px) {
  /* line 1, ../sass/_kontakt.scss */
  #kontakt {
    margin-top: 3.8rem;
  }
}
/* line 9, ../sass/_kontakt.scss */
#kontakt .gallery__kontakt {
  margin-bottom: 3.3rem;
}
/* line 12, ../sass/_kontakt.scss */
#kontakt .col-8 {
  margin: 0 auto;
}

/* line 1, ../sass/_default.scss */
.default {
  background: white;
}
/* line 3, ../sass/_default.scss */
.default header {
  position: relative;
}
/* line 5, ../sass/_default.scss */
.default header .close {
  display: none;
}
/* line 8, ../sass/_default.scss */
.default header .header__wrapper {
  border: none;
}
/* line 14, ../sass/_default.scss */
.default main .col-8 {
  margin: 0 auto;
}
@media (max-width: 800px) {
  /* line 14, ../sass/_default.scss */
  .default main .col-8 {
    padding: 0.55rem 1.1rem 1.1rem 1.1rem;
  }
}

/* line 2, ../sass/_liebesbriefe.scss */
.liebesbriefe #modal-container-child, .liebesbriefe #modal-container-child-right, .liebesbriefe #modal-container-child-right {
  background: white;
}
/* line 6, ../sass/_liebesbriefe.scss */
.liebesbriefe main {
  background: white;
  webkit-transform: translate3d(0, 0, 0);
}
/* line 10, ../sass/_liebesbriefe.scss */
.liebesbriefe main section .col-8 {
  margin: 0 auto;
}
/* line 17, ../sass/_liebesbriefe.scss */
.liebesbriefe main.startSortA ul.projects__entries {
  margin: 0 1.1rem;
}
@media (min-width: 801px) {
  /* line 17, ../sass/_liebesbriefe.scss */
  .liebesbriefe main.startSortA ul.projects__entries {
    column-count: 2;
    column-rule: 2px solid black;
    column-gap: 0;
  }
}
/* line 25, ../sass/_liebesbriefe.scss */
.liebesbriefe main.startSortA ul.projects__entries li.projects__entry {
  width: 100%;
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari */
  page-break-inside: avoid;
  /* Theoretically FF 20+ */
  break-inside: avoid-column;
  /* IE 11 */
  display: table;
  min-height: 50vh;
  border-top: 2px solid black;
  position: relative;
}
/* line 35, ../sass/_liebesbriefe.scss */
.liebesbriefe main.startSortA ul.projects__entries li.projects__entry.h100 {
  height: calc(100vh);
}
@media (max-width: 800px) {
  /* line 35, ../sass/_liebesbriefe.scss */
  .liebesbriefe main.startSortA ul.projects__entries li.projects__entry.h100 {
    height: auto !important;
  }
}
/* line 41, ../sass/_liebesbriefe.scss */
.liebesbriefe main.startSortA ul.projects__entries li.projects__entry.h150 {
  min-height: calc(150vh - 4px);
  background: red;
}
@media (max-width: 800px) {
  /* line 41, ../sass/_liebesbriefe.scss */
  .liebesbriefe main.startSortA ul.projects__entries li.projects__entry.h150 {
    height: auto !important;
  }
}
/* line 49, ../sass/_liebesbriefe.scss */
.liebesbriefe main.startSortA ul.projects__entries li.projects__entry .letter__preview {
  font: 2.3rem "CenturySchoolbookW02-Re", serif;
}
@media (min-width: 801px) {
  /* line 49, ../sass/_liebesbriefe.scss */
  .liebesbriefe main.startSortA ul.projects__entries li.projects__entry .letter__preview {
    padding: 0.36667rem 1.1rem 0.55rem 1.1rem;
  }
}
@media (max-width: 800px) {
  /* line 49, ../sass/_liebesbriefe.scss */
  .liebesbriefe main.startSortA ul.projects__entries li.projects__entry .letter__preview {
    padding: 0.36667rem 0 0.55rem 0;
  }
}
@media (max-width: 800px) {
  /* line 49, ../sass/_liebesbriefe.scss */
  .liebesbriefe main.startSortA ul.projects__entries li.projects__entry .letter__preview {
    min-height: 0;
    height: auto !important;
  }
}
/* line 65, ../sass/_liebesbriefe.scss */
.liebesbriefe main.startSortA ul.projects__entries li.projects__entry .letter__preview .letter__sub {
  font: 1.2rem sans-serif;
  position: absolute;
  bottom: 0.737rem;
}
/* line 77, ../sass/_liebesbriefe.scss */
.liebesbriefe main.startSortB ul.projects__entries {
  margin: 0 1.1rem;
  border-top: 2px solid black;
}
/* line 80, ../sass/_liebesbriefe.scss */
.liebesbriefe main.startSortB ul.projects__entries li.projects__entry {
  width: 100% !important;
}
/* line 82, ../sass/_liebesbriefe.scss */
.liebesbriefe main.startSortB ul.projects__entries li.projects__entry .letter__title {
  text-align: center;
}

/* line 2, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child #modal-container-child, .liebesbriefe-child #modal-container-child-right, .liebesbriefe-child #modal-container-child-right {
  background: white;
}
/* line 5, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child header {
  margin-bottom: 2.2rem;
}
/* line 6, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child header .header__wrapper {
  background: white !important;
}
/* line 10, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child header .child__subhead {
  width: 80%;
}
/* line 13, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child header h2 {
  line-height: .9;
}
/* line 16, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child header .child__subhead {
  margin-top: 1.1rem;
}
/* line 23, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child .letter__player {
  margin: 0;
}
/* line 25, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child .letter__player .mejs__container {
  background: none;
}
/* line 27, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child .letter__player .mejs__container .mejs__controls:not([style*="display: none"]) {
  background: none;
  padding: 0;
}
/* line 34, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child .letter__player .mejs__container .mejs__time {
  font: 2.3rem "CenturySchoolbookW02-Re", serif;
  color: black;
  height: auto;
  padding: 0;
  line-height: 40px;
}
/* line 42, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child .letter__player .mejs__container .mejs__time-total {
  height: 12px;
  background: black;
  border-width: 5px 0;
  border-color: white;
  border-style: solid;
}
/* line 49, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child .letter__player .mejs__container .mejs__button > button {
  margin: 0;
  background: none;
}
/* line 53, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child .letter__player .mejs__container .mejs__play, .liebesbriefe-child .letter__player .mejs__container .mejs__replay {
  background: transparent url(../../images/play-pause.png) 0 0;
  width: 38px;
  height: 40px;
  background-size: cover;
}
/* line 59, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child .letter__player .mejs__container .mejs__pause {
  background: transparent url(../../images/play-pause.png) -40px 0;
  width: 38px;
  height: 40px;
  background-size: cover;
}
/* line 65, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child .letter__player .mejs__container .mejs__time-handle {
  position: relative;
  width: 40px;
  height: 40px;
  display: block;
  z-index: 666;
  background: url(../../images/handle.png) no-repeat;
  background-size: contain;
  left: -20px;
  top: -20px;
}
/* line 82, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child main {
  margin: 0 auto;
  padding: 4.4rem 1.1rem 0 1.1rem;
}
/* line 85, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child main .col-5, .liebesbriefe-child main .col-7, .liebesbriefe-child main .col-3 {
  float: left;
}
@media (max-width: 800px) {
  /* line 88, ../sass/_liebesbriefe-child.scss */
  .liebesbriefe-child main .col-3 {
    width: 100% !important;
  }
}
/* line 93, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child main .letter {
  border-top: 2px solid black;
  padding-top: 0.3685rem;
}
/* line 96, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child main .letter .letter__text {
  margin: 0 auto;
}
/* line 98, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child main .letter .letter__text p {
  margin-top: 1.1rem;
  margin-bottom: 3.3rem;
}
/* line 103, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child main .letter .letter__sender {
  font: 2.3rem "CenturySchoolbookW02-Re", serif;
}
@media (max-width: 800px) {
  /* line 103, ../sass/_liebesbriefe-child.scss */
  .liebesbriefe-child main .letter .letter__sender {
    font: 3.3rem "CenturySchoolbookW02-Re", serif;
  }
}
/* line 111, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child main .letter__meta {
  border-top: 2px solid black;
  padding-top: 0.737rem;
}
/* line 114, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child main .letter__meta p {
  font: 1.2rem sans-serif;
  margin-bottom: 1.41rem;
  white-space: pre-line;
}
/* line 119, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child main .letter__meta h6 {
  font: 1.2rem sans-serif;
}
/* line 123, ../sass/_liebesbriefe-child.scss */
.liebesbriefe-child main .letter__meta .letter__readby {
  margin-right: 0.737rem;
}

/* line 2, ../sass/_einzelportrait.scss */
.einzelportrait #modal-container-child, .einzelportrait #modal-container-child-right, .einzelportrait #modal-container-child-right {
  background: black;
}
/* line 7, ../sass/_einzelportrait.scss */
.einzelportrait .image__zoom.startSortA {
  display: block;
}
/* line 13, ../sass/_einzelportrait.scss */
.einzelportrait header.projects__overview .sortActive {
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 18, ../sass/_einzelportrait.scss */
.einzelportrait main {
  background: white;
  webkit-transform: translate3d(0, 0, 0);
}
/* line 21, ../sass/_einzelportrait.scss */
.einzelportrait main section {
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 24, ../sass/_einzelportrait.scss */
.einzelportrait main section .col-8 {
  margin: 0 auto;
}
/* line 32, ../sass/_einzelportrait.scss */
.einzelportrait main.startSortA {
  background: black;
  color: white;
}
/* line 35, ../sass/_einzelportrait.scss */
.einzelportrait main.startSortA ul.projects__entries {
  display: flex;
  flex-wrap: wrap;
  margin-right: -2px;
}
/* line 39, ../sass/_einzelportrait.scss */
.einzelportrait main.startSortA ul.projects__entries li.projects__entry {
  width: 100%;
  width: calc(33.333%);
}
/* line 44, ../sass/_einzelportrait.scss */
.einzelportrait main.startSortA ul.projects__entries li.projects__entry img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  border-width: 0 2px 2px 0;
  border-color: black;
  border-style: solid;
}
/* line 57, ../sass/_einzelportrait.scss */
.einzelportrait main.startSortB {
  background: black;
  color: white;
}
/* line 60, ../sass/_einzelportrait.scss */
.einzelportrait main.startSortB ul.projects__entries {
  margin: 0 1.1rem;
  border-top: 0.1875rem solid white;
}
/* line 63, ../sass/_einzelportrait.scss */
.einzelportrait main.startSortB ul.projects__entries li.projects__entry {
  width: 100% !important;
  text-align: center;
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 66, ../sass/_einzelportrait.scss */
.einzelportrait main.startSortB ul.projects__entries li.projects__entry .col-6 {
  float: left;
}
/* line 69, ../sass/_einzelportrait.scss */
.einzelportrait main.startSortB ul.projects__entries li.projects__entry h3 {
  color: white;
}
/* line 73, ../sass/_einzelportrait.scss */
.einzelportrait main.startSortB ul.projects__entries li.projects__entry:hover {
  color: black !important;
  background: white !important;
}
/* line 75, ../sass/_einzelportrait.scss */
.einzelportrait main.startSortB ul.projects__entries li.projects__entry:hover h3 {
  color: black !important;
}

/* line 1, ../sass/_einzelportrait-child.scss */
.einzelportrait-child {
  background: black;
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 3, ../sass/_einzelportrait-child.scss */
.einzelportrait-child #modal-container-child {
  background: black;
}
/* line 7, ../sass/_einzelportrait-child.scss */
.einzelportrait-child a {
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 10, ../sass/_einzelportrait-child.scss */
.einzelportrait-child header {
  margin-bottom: 2.2rem;
}
/* line 14, ../sass/_einzelportrait-child.scss */
.einzelportrait-child main {
  background: black;
  width: 100%;
  padding: 3.3rem 1.1rem 0.737rem 1.1rem;
}
/* line 18, ../sass/_einzelportrait-child.scss */
.einzelportrait-child main .col-8 {
  margin: 0 auto;
}
/* line 21, ../sass/_einzelportrait-child.scss */
.einzelportrait-child main p {
  white-space: pre-line;
}
/* line 24, ../sass/_einzelportrait-child.scss */
.einzelportrait-child main .gallery {
  margin-bottom: 4.4rem;
}
/* line 27, ../sass/_einzelportrait-child.scss */
.einzelportrait-child main h5 {
  margin: 3.3rem 0 1.32rem 0;
}
/* line 30, ../sass/_einzelportrait-child.scss */
.einzelportrait-child main .station__meta {
  font: 1.2rem sans-serif;
}

@media (max-width: 800px) {
  /* line 1, ../sass/_arbeiten.scss */
  .arbeiten {
    margin-top: 2.6rem;
  }
}
@media (min-width: 801px) {
  /* line 1, ../sass/_arbeiten.scss */
  .arbeiten {
    margin-top: 3.8rem;
  }
}
/* line 10, ../sass/_arbeiten.scss */
.arbeiten ul.projects li.projects__project {
  padding: 0.03685rem 0.3685rem 0.40944rem 0.3685rem;
  border-bottom: 0.1875rem solid black;
  line-height: 1;
}
/* line 12, ../sass/_arbeiten.scss */
.arbeiten ul.projects li.projects__project:first-child {
  border-top: 0.1875rem solid black;
}
/* line 15, ../sass/_arbeiten.scss */
.arbeiten ul.projects li.projects__project:hover {
  background: black;
}
/* line 17, ../sass/_arbeiten.scss */
.arbeiten ul.projects li.projects__project:hover a.projects__link, .arbeiten ul.projects li.projects__project:hover a.projects__date {
  color: white;
}
/* line 21, ../sass/_arbeiten.scss */
.arbeiten ul.projects li.projects__project:after {
  display: block;
  content: "";
  clear: both;
}
/* line 26, ../sass/_arbeiten.scss */
.arbeiten ul.projects li.projects__project a.projects__link {
  float: left;
}
@media (min-width: 801px) {
  /* line 26, ../sass/_arbeiten.scss */
  .arbeiten ul.projects li.projects__project a.projects__link {
    width: 80%;
  }
}
@media (max-width: 800px) {
  /* line 26, ../sass/_arbeiten.scss */
  .arbeiten ul.projects li.projects__project a.projects__link {
    width: 67%;
  }
}
/* line 35, ../sass/_arbeiten.scss */
.arbeiten ul.projects li.projects__project .projects__date {
  display: inline;
  float: right;
  text-align: right;
}
@media (min-width: 801px) {
  /* line 35, ../sass/_arbeiten.scss */
  .arbeiten ul.projects li.projects__project .projects__date {
    width: 20%;
  }
}
@media (max-width: 800px) {
  /* line 35, ../sass/_arbeiten.scss */
  .arbeiten ul.projects li.projects__project .projects__date {
    width: 32.5%;
  }
}

/* line 3, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden {
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 5, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden section {
  background: black;
}
/* line 9, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden .btn_back {
  fill: white;
}
/* line 14, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden .image__zoom.startSortA {
  display: block;
}
/* line 19, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden .col-8 {
  margin: 0 auto;
}
/* line 23, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden main a {
  color: white;
  border-color: white;
}
/* line 27, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden main .gallery {
  padding-top: 5.5rem;
}
/* line 34, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden header .header__wrapper {
  border: none;
}
/* line 37, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden header select, .erinnerungenanserwachsenwerden header .selectric-wrapper, .erinnerungenanserwachsenwerden header .selectric-scroll, .erinnerungenanserwachsenwerden header .selectric-open, .erinnerungenanserwachsenwerden header .label, .erinnerungenanserwachsenwerden header .selectric-items, .erinnerungenanserwachsenwerden header .sortActive {
  background: black !important;
  color: white !important;
  border-color: white !important;
}
/* line 45, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden header .selectric-items ul li:hover {
  background: white;
  color: black;
}
/* line 55, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden header.sortText .display-filter {
  display: none;
}
/* line 61, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden main.startSortB .sortA {
  display: none;
}
/* line 64, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden main.startSortB ul {
  background: black;
  padding: 0 1.1rem 1.1rem 1.1rem;
}
/* line 68, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden main.startSortB ul li {
  border-color: white !important;
  width: 100% !important;
}
/* line 71, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden main.startSortB ul li:first-child {
  border-top: 0.1875rem solid white;
}
/* line 74, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden main.startSortB ul li:hover {
  color: black !important;
  background: white !important;
}
/* line 77, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden main.startSortB ul li:hover a {
  color: black !important;
}
/* line 81, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden main.startSortB ul li .projects__title  {
  color: red;
}
/* line 86, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden main.startSortB .col-6 {
  float: left;
}
/* line 88, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden main.startSortB .col-6:nth-child(even) {
  padding-left: 0.25rem;
}
/* line 92, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden main.startSortB .tags:not(:last-child):after {
  content: ", ";
}
/* line 95, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden main.startSortB .projects__entry__appended {
  display: none;
}
/* line 101, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden main.startSortA {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
/* line 105, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden main.startSortA .sortB {
  display: none;
}
/* line 108, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden main.startSortA ul.projects__entries {
  display: flex;
  flex-wrap: wrap;
  margin-right: -2px;
  margin-bottom: -2px;
  border-top: 2px solid white;
}
/* line 114, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden main.startSortA ul.projects__entries li.projects__entry {
  width: 100%;
}
/* line 116, ../sass/_erinnerungenanserwachsenwerden.scss */
.erinnerungenanserwachsenwerden main.startSortA ul.projects__entries li.projects__entry img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  border-width: 0 2px 2px 0;
  border-color: white;
  border-style: solid;
}

/* line 1, ../sass/_erinnerungenanserwachsenwerden-child.scss */
.erinnerungenanserwachsenwerden-child {
  background: black;
  color: white;
  border-color: white;
}
/* line 5, ../sass/_erinnerungenanserwachsenwerden-child.scss */
.erinnerungenanserwachsenwerden-child header {
  background: black;
  border-color: white;
}
/* line 8, ../sass/_erinnerungenanserwachsenwerden-child.scss */
.erinnerungenanserwachsenwerden-child header .tags:not(:last-child):after {
  content: ", ";
}
/* line 13, ../sass/_erinnerungenanserwachsenwerden-child.scss */
.erinnerungenanserwachsenwerden-child a {
  color: white;
}
/* line 16, ../sass/_erinnerungenanserwachsenwerden-child.scss */
.erinnerungenanserwachsenwerden-child .col-4 {
  margin-left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 800px) {
  /* line 16, ../sass/_erinnerungenanserwachsenwerden-child.scss */
  .erinnerungenanserwachsenwerden-child .col-4 {
    width: 100% !important;
  }
}
/* line 24, ../sass/_erinnerungenanserwachsenwerden-child.scss */
.erinnerungenanserwachsenwerden-child main {
  background: black;
  padding: 0.55rem 1.1rem 1.1rem 1.1rem;
}
/* line 28, ../sass/_erinnerungenanserwachsenwerden-child.scss */
.erinnerungenanserwachsenwerden-child main .project__video {
  position: relative;
  padding-bottom: 177.8%;
  /* 16:9 */
  height: 0;
  margin-bottom: 3.3rem;
}
/* line 33, ../sass/_erinnerungenanserwachsenwerden-child.scss */
.erinnerungenanserwachsenwerden-child main .project__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* line 42, ../sass/_erinnerungenanserwachsenwerden-child.scss */
.erinnerungenanserwachsenwerden-child main .project__video .project__controls {
  position: absolute;
  z-index: 999;
  left: 50%;
  top: 50%;
  visibility: hidden;
  opacity: 0;
  cursor: pointer;
  transition: visibility 0s, opacity 0.5s linear;
  transform: translate(-50%, -50%);
}
/* line 53, ../sass/_erinnerungenanserwachsenwerden-child.scss */
.erinnerungenanserwachsenwerden-child main .project__video .project__controls .project__controls {
  width: 2.5rem;
  height: 3.125rem;
}
/* line 58, ../sass/_erinnerungenanserwachsenwerden-child.scss */
.erinnerungenanserwachsenwerden-child main .project__video .project__controls .project__play {
  background: transparent url(../../images/play-pause_negative.png) 0 0;
  width: 2.5rem;
  height: 3.125rem;
  background-size: cover;
}
/* line 64, ../sass/_erinnerungenanserwachsenwerden-child.scss */
.erinnerungenanserwachsenwerden-child main .project__video .project__controls .project__pause {
  background: transparent url(../../images/play-pause_negative.png) -3.125rem 0;
  width: 2.5rem;
  height: 3.125rem;
  background-size: cover;
  display: none;
}
/* line 72, ../sass/_erinnerungenanserwachsenwerden-child.scss */
.erinnerungenanserwachsenwerden-child main .project__video img {
  width: 100%;
}
/* line 76, ../sass/_erinnerungenanserwachsenwerden-child.scss */
.erinnerungenanserwachsenwerden-child main .project__video:hover .project__controls {
  visibility: visible;
  opacity: 1;
}
/* line 86, ../sass/_erinnerungenanserwachsenwerden-child.scss */
.erinnerungenanserwachsenwerden-child .tiny {
  display: none !important;
}

/* line 3, ../sass/_meinanderesleben.scss */
.meinanderesleben .btn_back {
  fill: white;
}
/* line 7, ../sass/_meinanderesleben.scss */
.meinanderesleben .gallery {
  padding-top: 5.5rem;
}
/* line 14, ../sass/_meinanderesleben.scss */
.meinanderesleben .selectric-items ul li:hover {
  background: white;
  color: black;
}
/* line 22, ../sass/_meinanderesleben.scss */
.meinanderesleben header.projects__overview {
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 28, ../sass/_meinanderesleben.scss */
.meinanderesleben main a {
  color: white;
  border-color: white;
}
/* line 32, ../sass/_meinanderesleben.scss */
.meinanderesleben main section {
  background: black;
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 35, ../sass/_meinanderesleben.scss */
.meinanderesleben main section .col-8 {
  margin: 0 auto;
}
/* line 43, ../sass/_meinanderesleben.scss */
.meinanderesleben main section.projects__list ul {
  height: auto;
  padding: 0 1.1rem 0 1.1rem;
  margin-top: 3.3rem;
  background: black;
}
/* line 48, ../sass/_meinanderesleben.scss */
.meinanderesleben main section.projects__list ul:after {
  content: '';
  display: block;
  clear: both;
}
/* line 51, ../sass/_meinanderesleben.scss */
.meinanderesleben main section.projects__list ul li {
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  width: 100%;
  border-width: 0.1875rem 0 0 0;
  border-color: white;
  border-style: solid;
  box-sizing: border-box;
  background: black;
}
/* line 62, ../sass/_meinanderesleben.scss */
.meinanderesleben main section.projects__list ul li h3 {
  padding: 0.737rem;
}
/* line 65, ../sass/_meinanderesleben.scss */
.meinanderesleben main section.projects__list ul li img {
  position: relative;
  width: 50%;
  height: 100%;
  vertical-align: bottom;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}
/* line 80, ../sass/_meinanderesleben.scss */
.meinanderesleben main.startSortA header .header__wrapper {
  border: none;
}

/* line 1, ../sass/_meinanderesleben-child.scss */
.meinanderesleben-child {
  background: black;
  color: white;
}
/* line 4, ../sass/_meinanderesleben-child.scss */
.meinanderesleben-child #modal-container-child, .meinanderesleben-child #modal-container-child-right, .meinanderesleben-child #modal-container-child-left {
  background: black;
}
/* line 7, ../sass/_meinanderesleben-child.scss */
.meinanderesleben-child a {
  color: white;
}
/* line 11, ../sass/_meinanderesleben-child.scss */
.meinanderesleben-child header.child {
  background: black;
  color: white;
  border-color: white;
}
/* line 17, ../sass/_meinanderesleben-child.scss */
.meinanderesleben-child main {
  padding: 0.55rem 1.1rem 1.1rem 1.1rem;
}
/* line 18, ../sass/_meinanderesleben-child.scss */
.meinanderesleben-child main .col-8 {
  margin-left: 50%;
  transform: translateX(-50%);
}
/* line 24, ../sass/_meinanderesleben-child.scss */
.meinanderesleben-child main .project__video {
  position: relative;
}
/* line 27, ../sass/_meinanderesleben-child.scss */
.meinanderesleben-child main .project__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.21875rem solid white !important;
}
/* line 35, ../sass/_meinanderesleben-child.scss */
.meinanderesleben-child main .project__video .project__controls {
  position: absolute;
  z-index: 999;
  left: 50%;
  top: 50%;
  visibility: hidden;
  opacity: 0;
  cursor: pointer;
  transition: visibility 0s, opacity 0.5s linear;
  transform: translate(-50%, -50%);
}
/* line 45, ../sass/_meinanderesleben-child.scss */
.meinanderesleben-child main .project__video .project__controls .project__controls {
  width: 2.5rem;
  height: 3.125rem;
}
/* line 50, ../sass/_meinanderesleben-child.scss */
.meinanderesleben-child main .project__video .project__controls .project__play {
  background: transparent url(../../images/play-pause_negative.png) 0 0;
  width: 2.5rem;
  height: 3.125rem;
  background-size: cover;
}
/* line 56, ../sass/_meinanderesleben-child.scss */
.meinanderesleben-child main .project__video .project__controls .project__pause {
  background: transparent url(../../images/play-pause_negative.png) -3.125rem 0;
  width: 2.5rem;
  height: 3.125rem;
  background-size: cover;
  display: none;
}
/* line 65, ../sass/_meinanderesleben-child.scss */
.meinanderesleben-child main .project__video:hover .project__controls {
  visibility: visible;
  opacity: 1;
}

/* line 2, ../sass/_feiertage.scss */
.feiertage main {
  height: 100%;
}
/* line 4, ../sass/_feiertage.scss */
.feiertage main .gallery__caption {
  margin-top: 2px;
}
/* line 7, ../sass/_feiertage.scss */
.feiertage main a {
  color: white;
  border-color: white;
}
/* line 11, ../sass/_feiertage.scss */
.feiertage main section {
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 13, ../sass/_feiertage.scss */
.feiertage main section .col-8 {
  margin: 0 auto;
}
/* line 18, ../sass/_feiertage.scss */
.feiertage .btn_back {
  fill: white;
}
/* line 24, ../sass/_feiertage.scss */
.feiertage header.projects__overview .sortActive {
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 30, ../sass/_feiertage.scss */
.feiertage header.sortText .display-filter {
  display: none;
}
/* line 35, ../sass/_feiertage.scss */
.feiertage main.startSortA {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
/* line 39, ../sass/_feiertage.scss */
.feiertage main.startSortA section.projects__list {
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 41, ../sass/_feiertage.scss */
.feiertage main.startSortA section.projects__list ul {
  height: 100%;
  flex-wrap: wrap;
  background: black;
}
/* line 45, ../sass/_feiertage.scss */
.feiertage main.startSortA section.projects__list ul:after {
  content: '';
  display: block;
  clear: both;
}
/* line 48, ../sass/_feiertage.scss */
.feiertage main.startSortA section.projects__list ul li {
  position: relative;
}
@media (max-width: 800px) {
  /* line 48, ../sass/_feiertage.scss */
  .feiertage main.startSortA section.projects__list ul li {
    width: 100%;
    border-bottom: 0.1875rem solid white;
    padding-bottom: 75%;
  }
  /* line 54, ../sass/_feiertage.scss */
  .feiertage main.startSortA section.projects__list ul li:first-child {
    border-top: 0.1875rem solid white;
  }
}
@media (min-width: 801px) {
  /* line 48, ../sass/_feiertage.scss */
  .feiertage main.startSortA section.projects__list ul li {
    float: left;
    width: 50%;
    height: 50vh;
    border-width: 0.1875rem 0.1875rem 0 0;
    border-color: white !important;
    border-style: solid;
    box-sizing: border-box;
  }
  /* line 66, ../sass/_feiertage.scss */
  .feiertage main.startSortA section.projects__list ul li:nth-child(even) {
    border-right: 0;
  }
}
/* line 70, ../sass/_feiertage.scss */
.feiertage main.startSortA section.projects__list ul li h3 {
  padding: 0.737rem;
}
/* line 73, ../sass/_feiertage.scss */
.feiertage main.startSortA section.projects__list ul li .project__image {
  width: 100%;
  height: 100%;
  position: absolute;
}
/* line 77, ../sass/_feiertage.scss */
.feiertage main.startSortA section.projects__list ul li .project__image img {
  position: relative;
  width: 100%;
  height: 100%;
  vertical-align: bottom;
  object-fit: cover;
  object-position: top;
}
/* line 87, ../sass/_feiertage.scss */
.feiertage main.startSortA section.projects__list ul .projects__entry__appended {
  position: relative;
  float: left;
  width: 50%;
  height: 50vh;
  border-width: 0.1875rem 0.1875rem 0 0;
  border-color: white !important;
  border-style: solid;
  box-sizing: border-box;
  background: black;
}
/* line 97, ../sass/_feiertage.scss */
.feiertage main.startSortA section.projects__list ul .projects__entry__appended:nth-child(even) {
  border-right: 0;
}
/* line 105, ../sass/_feiertage.scss */
.feiertage main.startSortB ul {
  padding: 0 1.1rem 1.1rem 1.1rem;
}
/* line 107, ../sass/_feiertage.scss */
.feiertage main.startSortB ul li {
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 108, ../sass/_feiertage.scss */
.feiertage main.startSortB ul li:first-child {
  border-top: 0.1875rem solid white;
}
/* line 112, ../sass/_feiertage.scss */
.feiertage main.startSortB ul li:hover {
  color: black !important;
  background: white !important;
}
/* line 114, ../sass/_feiertage.scss */
.feiertage main.startSortB ul li:hover h3 {
  color: black !important;
}
/* line 119, ../sass/_feiertage.scss */
.feiertage main.startSortB ul .projects__entry__appended {
  display: none;
}

@media (max-width: 800px) {
  /* line 127, ../sass/_feiertage.scss */
  .projects__entry__appended {
    display: none !important;
  }
}
/* line 3, ../sass/_feiertage-child.scss */
.feiertage-child {
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 4, ../sass/_feiertage-child.scss */
.feiertage-child #modal-container-child {
  background: black;
}
/* line 8, ../sass/_feiertage-child.scss */
.feiertage-child a {
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 12, ../sass/_feiertage-child.scss */
.feiertage-child header.child {
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 18, ../sass/_feiertage-child.scss */
.feiertage-child main {
  background: black;
  padding-top: 5.5rem;
  padding: 0.55rem 1.1rem 1.1rem 1.1rem;
}
/* line 24, ../sass/_feiertage-child.scss */
.feiertage-child main .col-6 {
  transform: translateX(-50%);
  margin-left: 50%;
}
@media (max-width: 800px) {
  /* line 24, ../sass/_feiertage-child.scss */
  .feiertage-child main .col-6 {
    width: 100% !important;
    margin-left: 0 !important;
    transform: translateX(0);
  }
}
/* line 34, ../sass/_feiertage-child.scss */
.feiertage-child main .project__video {
  position: relative;
  padding-bottom: 75%;
  /* 4:3 */
  height: 0;
  margin-bottom: 3.3rem;
}
/* line 39, ../sass/_feiertage-child.scss */
.feiertage-child main .project__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.21875rem solid white !important;
}
/* line 47, ../sass/_feiertage-child.scss */
.feiertage-child main .project__video .project__controls {
  position: absolute;
  z-index: 999;
  left: 50%;
  top: 50%;
  visibility: hidden;
  opacity: 0;
  cursor: pointer;
  transition: visibility 0s, opacity 0.5s linear;
  transform: translate(-50%, -50%);
}
/* line 57, ../sass/_feiertage-child.scss */
.feiertage-child main .project__video .project__controls .project__controls {
  width: 2.5rem;
  height: 3.125rem;
}
/* line 62, ../sass/_feiertage-child.scss */
.feiertage-child main .project__video .project__controls .project__play {
  background: transparent url(../../images/play-pause_negative.png) 0 0;
  width: 2.5rem;
  height: 3.125rem;
  background-size: cover;
}
/* line 68, ../sass/_feiertage-child.scss */
.feiertage-child main .project__video .project__controls .project__pause {
  background: transparent url(../../images/play-pause_negative.png) -3.125rem 0;
  width: 2.5rem;
  height: 3.125rem;
  background-size: cover;
  display: none;
}
/* line 77, ../sass/_feiertage-child.scss */
.feiertage-child main .project__video:hover .project__controls {
  visibility: visible;
  opacity: 1;
}

/* line 4, ../sass/_meinegrosseltern.scss */
.meinegrosseltern .image__zoom.startSortA {
  display: block;
}
/* line 10, ../sass/_meinegrosseltern.scss */
.meinegrosseltern .header__wrapper {
  border: none;
}
/* line 14, ../sass/_meinegrosseltern.scss */
.meinegrosseltern main {
  width: 100vw;
}
/* line 16, ../sass/_meinegrosseltern.scss */
.meinegrosseltern main .col-8 {
  margin: 0 auto;
}
/* line 19, ../sass/_meinegrosseltern.scss */
.meinegrosseltern main section {
  background: white;
}
/* line 25, ../sass/_meinegrosseltern.scss */
.meinegrosseltern main.startSortA .sortB {
  display: none;
}
/* line 33, ../sass/_meinegrosseltern.scss */
.meinegrosseltern main.startSortB .sortB {
  padding: 0.55rem 1.1rem 1.1rem 1.1rem;
}
/* line 36, ../sass/_meinegrosseltern.scss */
.meinegrosseltern main.startSortB .sortA {
  display: none;
}
/* line 42, ../sass/_meinegrosseltern.scss */
.meinegrosseltern div.projects__images {
  width: 100%;
  position: relative;
  column-count: 3;
  column-gap: 0.1875rem;
  break-inside: avoid-column;
}
/* line 49, ../sass/_meinegrosseltern.scss */
.meinegrosseltern div.projects__images img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
  margin-bottom: 0.1875rem;
  user-select: none;
  -webkit-user-drag: none;
}
/* line 66, ../sass/_meinegrosseltern.scss */
.meinegrosseltern li.projects__entry {
  width: 100% !important;
  padding-bottom: 0 !important;
}
/* line 69, ../sass/_meinegrosseltern.scss */
.meinegrosseltern li.projects__entry:first-child {
  border-top: 0.1875rem solid black;
}
/* line 73, ../sass/_meinegrosseltern.scss */
.meinegrosseltern li.projects__entry .row:after {
  content: '';
  display: block;
  clear: both;
}
/* line 77, ../sass/_meinegrosseltern.scss */
.meinegrosseltern li.projects__entry .projects__parents {
  width: 66.6%;
  float: left;
}
/* line 80, ../sass/_meinegrosseltern.scss */
.meinegrosseltern li.projects__entry .projects__parents .projects__parent {
  padding-bottom: 0.737rem;
}
/* line 82, ../sass/_meinegrosseltern.scss */
.meinegrosseltern li.projects__entry .projects__parents .projects__parent:first-child {
  border-bottom: 0.1875rem solid black;
}
/* line 88, ../sass/_meinegrosseltern.scss */
.meinegrosseltern li.projects__entry .projects__child {
  padding-bottom: 0.737rem;
  width: 33.3%;
  float: left;
}
/* line 93, ../sass/_meinegrosseltern.scss */
.meinegrosseltern li.projects__entry .projects__label {
  float: left;
}
/* line 96, ../sass/_meinegrosseltern.scss */
.meinegrosseltern li.projects__entry .projects__location {
  float: right;
  text-align: left;
}
@media (max-width: 800px) {
  /* line 96, ../sass/_meinegrosseltern.scss */
  .meinegrosseltern li.projects__entry .projects__location {
    display: none;
  }
}
/* line 104, ../sass/_meinegrosseltern.scss */
.meinegrosseltern li.projects__entry .projects__parent .projects__location {
  width: 33.3%;
}
/* line 108, ../sass/_meinegrosseltern.scss */
.meinegrosseltern li.projects__entry .projects__name {
  float: left;
  white-space: pre-wrap;
}
/* line 115, ../sass/_meinegrosseltern.scss */
.meinegrosseltern li.projects__entry .col-6, .meinegrosseltern li.projects__entry .col-3 {
  width: 100% !important;
}

/* line 3, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child #modal-container-child, .meinegrosseltern-child #modal-container-child-right, .meinegrosseltern-child #modal-container-child-right {
  background: white;
}
/* line 7, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child .header__wrapper {
  background: white !important;
}
/* line 11, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child .mother__player, .meinegrosseltern-child .mother__special {
  margin: 0;
}
/* line 13, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child .mother__player .mejs__container, .meinegrosseltern-child .mother__special .mejs__container {
  background: white !important;
}
@media (max-width: 800px) {
  /* line 13, ../sass/_meinegrosseltern-child.scss */
  .meinegrosseltern-child .mother__player .mejs__container, .meinegrosseltern-child .mother__special .mejs__container {
    height: 2.3rem !important;
  }
}
/* line 19, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child .mother__player .mejs__container .mejs__controls, .meinegrosseltern-child .mother__special .mejs__container .mejs__controls {
  background: white !important;
  top: -0.5625rem !important;
}
/* line 22, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child .mother__player .mejs__container .mejs__controls .mejs__duration, .meinegrosseltern-child .mother__special .mejs__container .mejs__controls .mejs__duration {
  color: black;
}
/* line 25, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child .mother__player .mejs__container .mejs__controls .mejs__play, .meinegrosseltern-child .mother__player .mejs__container .mejs__controls .mejs__replay, .meinegrosseltern-child .mother__special .mejs__container .mejs__controls .mejs__play, .meinegrosseltern-child .mother__special .mejs__container .mejs__controls .mejs__replay {
  background: transparent url(../../images/play-pause.png) 0 0;
  width: 2.5rem;
  height: 3.125rem;
  background-size: cover;
  top: -0.3125rem;
}
/* line 32, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child .mother__player .mejs__container .mejs__controls .mejs__pause, .meinegrosseltern-child .mother__special .mejs__container .mejs__controls .mejs__pause {
  background: transparent url(../../images/play-pause.png) -3.125rem 0;
  width: 2.5rem;
  height: 3.125rem;
  background-size: cover;
  top: -0.3125rem;
}
/* line 40, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child .mother__player .mejs__container .mejs__controls .mejs__time-handle, .meinegrosseltern-child .mother__special .mejs__container .mejs__controls .mejs__time-handle {
  position: relative;
  width: 3.125rem;
  height: 3.125rem;
  display: block;
  z-index: 666;
  background: url(../../images/handle.png) no-repeat;
  background-size: contain;
  left: -1.5625rem;
  top: -1.5625rem;
}
/* line 52, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child .mother__player .mejs__container .mejs__controls .mejs__time-rail .mejs__time-slider, .meinegrosseltern-child .mother__special .mejs__container .mejs__controls .mejs__time-rail .mejs__time-slider {
  display: block;
  background: black;
  cursor: pointer;
  position: relative;
}
@media (max-width: 800px) {
  /* line 52, ../sass/_meinegrosseltern-child.scss */
  .meinegrosseltern-child .mother__player .mejs__container .mejs__controls .mejs__time-rail .mejs__time-slider, .meinegrosseltern-child .mother__special .mejs__container .mejs__controls .mejs__time-rail .mejs__time-slider {
    top: -1.55rem;
  }
}
/* line 61, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child .mother__player .mejs__container .mejs__controls .mejs__time-total, .meinegrosseltern-child .mother__special .mejs__container .mejs__controls .mejs__time-total {
  border: 9px solid white;
}
/* line 69, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child main {
  height: 100%;
  font: 2.3rem "CenturySchoolbookW02-Re", serif;
  padding: 0.55rem 1.1rem 1.1rem 1.1rem;
}
/* line 75, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child main:after {
  content: '';
  display: block;
  clear: both;
}
/* line 78, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child main .col-6 {
  width: calc(50% - 1.1rem ) !important;
}
@media (max-width: 800px) {
  /* line 78, ../sass/_meinegrosseltern-child.scss */
  .meinegrosseltern-child main .col-6 {
    width: 100% !important;
  }
}
@media (min-width: 801px) {
  /* line 84, ../sass/_meinegrosseltern-child.scss */
  .meinegrosseltern-child main section.mother {
    float: left;
  }
}
@media (min-width: 801px) {
  /* line 90, ../sass/_meinegrosseltern-child.scss */
  .meinegrosseltern-child main section.father {
    float: right;
  }
}
/* line 95, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child main p {
  font: 2.3rem "CenturySchoolbookW02-Re", serif !important;
}
/* line 102, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child section {
  min-height: 1px !important;
}
/* line 104, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child section h5 {
  margin-top: 3.3rem;
  margin-bottom: 1.1rem;
}
@media (max-width: 800px) {
  /* line 104, ../sass/_meinegrosseltern-child.scss */
  .meinegrosseltern-child section h5 {
    padding-top: 3.3rem;
  }
}
/* line 111, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child section .mother__player {
  margin-bottom: 2.2rem;
}
/* line 114, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child section .mother__gallery {
  margin-bottom: 2.2rem;
}
/* line 119, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child section .mother__gallery .carousel .carousel-cell figure img {
  filter: grayscale(1);
}
/* line 130, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child section ul.mother__list:after {
  content: '';
  display: block;
  clear: both;
}
/* line 134, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child section ul.mother__list li.mother__item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* line 139, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child section ul.mother__list li.mother__item .mother__column {
  white-space: pre-wrap;
  width: calc(50% - 0.3685rem );
  padding: 0.28346rem 0 0.18425rem 0;
  border-bottom: 0.125rem solid black;
}
/* line 147, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child section ul.mother__list .jobs .mother__column {
  border-bottom: none !important;
}
/* line 149, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child section ul.mother__list .jobs .mother__column p {
  margin-bottom: 0.3685rem;
}
/* line 155, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child section .mother__wedding {
  border-top: 0.125rem solid black;
  border-bottom: 0.125rem solid black;
}
/* line 158, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child section .mother__wedding p {
  margin-bottom: 0.3685rem;
}
/* line 163, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child section .mother__special {
  margin-bottom: 2.2rem;
}
/* line 168, ../sass/_meinegrosseltern-child.scss */
.meinegrosseltern-child .time {
  clear: both;
  padding-top: 0.737rem;
  font: 1.2rem sans-serif;
  border-top: none;
  content: '';
  display: block;
}

/* line 3, ../sass/_vierzigenkel.scss */
.vierzigenkel .btn_back {
  fill: white;
}
/* line 7, ../sass/_vierzigenkel.scss */
.vierzigenkel .gallery {
  padding-top: 5.5rem;
}
/* line 14, ../sass/_vierzigenkel.scss */
.vierzigenkel .selectric-items ul li:hover {
  background: white;
  color: black;
}
/* line 22, ../sass/_vierzigenkel.scss */
.vierzigenkel header.projects__overview {
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 28, ../sass/_vierzigenkel.scss */
.vierzigenkel main a {
  color: white;
  border-color: white;
}
/* line 32, ../sass/_vierzigenkel.scss */
.vierzigenkel main section {
  background: black;
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 35, ../sass/_vierzigenkel.scss */
.vierzigenkel main section .col-8 {
  margin: 0 auto;
}
/* line 43, ../sass/_vierzigenkel.scss */
.vierzigenkel main section.projects__list ul {
  height: auto;
  padding: 0 1.1rem 0 1.1rem;
  margin-top: 3.3rem;
  background: black;
}
/* line 48, ../sass/_vierzigenkel.scss */
.vierzigenkel main section.projects__list ul:after {
  content: '';
  display: block;
  clear: both;
}
/* line 51, ../sass/_vierzigenkel.scss */
.vierzigenkel main section.projects__list ul li {
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  width: 100%;
  border-width: 0.1875rem 0 0 0;
  border-color: white;
  border-style: solid;
  box-sizing: border-box;
  background: black;
}
/* line 62, ../sass/_vierzigenkel.scss */
.vierzigenkel main section.projects__list ul li h3 {
  padding: 0.737rem;
}
/* line 65, ../sass/_vierzigenkel.scss */
.vierzigenkel main section.projects__list ul li img {
  position: relative;
  width: 50%;
  height: 100%;
  vertical-align: bottom;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}
/* line 80, ../sass/_vierzigenkel.scss */
.vierzigenkel main.startSortA header .header__wrapper {
  border: none;
}

/* line 1, ../sass/_vierzigenkel-child.scss */
.vierzigenkel-child {
  background: black;
  color: white;
}
/* line 4, ../sass/_vierzigenkel-child.scss */
.vierzigenkel-child #modal-container-child, .vierzigenkel-child #modal-container-child-right, .vierzigenkel-child #modal-container-child-left {
  background: black;
}
/* line 7, ../sass/_vierzigenkel-child.scss */
.vierzigenkel-child a {
  color: white;
}
/* line 11, ../sass/_vierzigenkel-child.scss */
.vierzigenkel-child header.child {
  background: black;
  color: white;
  border-color: white;
}
/* line 17, ../sass/_vierzigenkel-child.scss */
.vierzigenkel-child main {
  padding: 0.55rem 1.1rem 1.1rem 1.1rem;
}
/* line 18, ../sass/_vierzigenkel-child.scss */
.vierzigenkel-child main .col-8 {
  margin-left: 50%;
  transform: translateX(-50%);
}
/* line 24, ../sass/_vierzigenkel-child.scss */
.vierzigenkel-child main .project__video {
  position: relative;
}
/* line 27, ../sass/_vierzigenkel-child.scss */
.vierzigenkel-child main .project__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.21875rem solid white !important;
}
/* line 35, ../sass/_vierzigenkel-child.scss */
.vierzigenkel-child main .project__video .project__controls {
  position: absolute;
  z-index: 999;
  left: 50%;
  top: 50%;
  visibility: hidden;
  opacity: 0;
  cursor: pointer;
  transition: visibility 0s, opacity 0.5s linear;
  transform: translate(-50%, -50%);
}
/* line 45, ../sass/_vierzigenkel-child.scss */
.vierzigenkel-child main .project__video .project__controls .project__controls {
  width: 2.5rem;
  height: 3.125rem;
}
/* line 50, ../sass/_vierzigenkel-child.scss */
.vierzigenkel-child main .project__video .project__controls .project__play {
  background: transparent url(../../images/play-pause_negative.png) 0 0;
  width: 2.5rem;
  height: 3.125rem;
  background-size: cover;
}
/* line 56, ../sass/_vierzigenkel-child.scss */
.vierzigenkel-child main .project__video .project__controls .project__pause {
  background: transparent url(../../images/play-pause_negative.png) -3.125rem 0;
  width: 2.5rem;
  height: 3.125rem;
  background-size: cover;
  display: none;
}
/* line 65, ../sass/_vierzigenkel-child.scss */
.vierzigenkel-child main .project__video:hover .project__controls {
  visibility: visible;
  opacity: 1;
}

/* line 2, ../sass/_werdegange.scss */
.werdegange, .werdegange-museum-schaffen {
  background: white;
}
/* line 5, ../sass/_werdegange.scss */
.werdegange header.sortText .display-filter, .werdegange-museum-schaffen header.sortText .display-filter {
  display: none;
}
/* line 11, ../sass/_werdegange.scss */
.werdegange i, .werdegange-museum-schaffen i {
  font-style: italic !important;
}
/* line 16, ../sass/_werdegange.scss */
.werdegange .image__zoom.startSortA, .werdegange-museum-schaffen .image__zoom.startSortA {
  display: block;
}
/* line 22, ../sass/_werdegange.scss */
.werdegange main.startStortText section.projects__list, .werdegange-museum-schaffen main.startStortText section.projects__list {
  display: none;
}
/* line 26, ../sass/_werdegange.scss */
.werdegange .col-8, .werdegange-museum-schaffen .col-8 {
  margin: 0 auto;
}
/* line 29, ../sass/_werdegange.scss */
.werdegange section, .werdegange-museum-schaffen section {
  background: white;
}
/* line 35, ../sass/_werdegange.scss */
.werdegange main.startSortA section.projects__list ul.projects__entries, .werdegange-museum-schaffen main.startSortA section.projects__list ul.projects__entries {
  display: flex;
  flex-wrap: wrap;
  margin-right: -2px;
  margin-bottom: -2px;
  border-top: 2px solid white;
}
/* line 41, ../sass/_werdegange.scss */
.werdegange main.startSortA section.projects__list ul.projects__entries li.projects__entry, .werdegange-museum-schaffen main.startSortA section.projects__list ul.projects__entries li.projects__entry {
  width: 100%;
  width: calc(33.333%);
}
/* line 46, ../sass/_werdegange.scss */
.werdegange main.startSortA section.projects__list ul.projects__entries li.projects__entry img, .werdegange-museum-schaffen main.startSortA section.projects__list ul.projects__entries li.projects__entry img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  border-width: 0 2px 2px 0;
  border-color: white;
  border-style: solid;
}
/* line 61, ../sass/_werdegange.scss */
.werdegange main.startSortB section.projects__list ul.projects__entries, .werdegange-museum-schaffen main.startSortB section.projects__list ul.projects__entries {
  padding: 0 1.1rem;
}
/* line 63, ../sass/_werdegange.scss */
.werdegange main.startSortB section.projects__list ul.projects__entries li.projects__entry, .werdegange-museum-schaffen main.startSortB section.projects__list ul.projects__entries li.projects__entry {
  display: flex;
  flex-wrap: wrap;
  width: 100% !important;
}
/* line 67, ../sass/_werdegange.scss */
.werdegange main.startSortB section.projects__list ul.projects__entries li.projects__entry:first-child, .werdegange-museum-schaffen main.startSortB section.projects__list ul.projects__entries li.projects__entry:first-child {
  border-top: 0.1875rem solid black;
}
/* line 71, ../sass/_werdegange.scss */
.werdegange main.startSortB section.projects__list ul.projects__entries li.projects__entry a.projects__head, .werdegange-museum-schaffen main.startSortB section.projects__list ul.projects__entries li.projects__entry a.projects__head {
  display: flex;
  flex-wrap: wrap;
  width: 100% !important;
}
/* line 77, ../sass/_werdegange.scss */
.werdegange main.startSortB section.projects__list ul.projects__entries li.projects__entry h3, .werdegange main.startSortB section.projects__list ul.projects__entries li.projects__entry .projects__column, .werdegange-museum-schaffen main.startSortB section.projects__list ul.projects__entries li.projects__entry h3, .werdegange-museum-schaffen main.startSortB section.projects__list ul.projects__entries li.projects__entry .projects__column {
  width: 50%;
  line-height: 1;
  flex-grow: 1;
  flex-basis: 50%;
}
@media (max-width: 700px) {
  /* line 77, ../sass/_werdegange.scss */
  .werdegange main.startSortB section.projects__list ul.projects__entries li.projects__entry h3, .werdegange main.startSortB section.projects__list ul.projects__entries li.projects__entry .projects__column, .werdegange-museum-schaffen main.startSortB section.projects__list ul.projects__entries li.projects__entry h3, .werdegange-museum-schaffen main.startSortB section.projects__list ul.projects__entries li.projects__entry .projects__column {
    font: 2.3rem "CenturySchoolbookW02-Re", serif;
  }
}
/* line 87, ../sass/_werdegange.scss */
.werdegange main.startSortB section.projects__list ul.projects__entries li.projects__entry .projects__column p, .werdegange-museum-schaffen main.startSortB section.projects__list ul.projects__entries li.projects__entry .projects__column p {
  font: 3.3rem "CenturySchoolbookW02-Re", serif;
  margin-bottom: 0;
  line-height: 1;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
@media (max-width: 700px) {
  /* line 87, ../sass/_werdegange.scss */
  .werdegange main.startSortB section.projects__list ul.projects__entries li.projects__entry .projects__column p, .werdegange-museum-schaffen main.startSortB section.projects__list ul.projects__entries li.projects__entry .projects__column p {
    font: 2.3rem "CenturySchoolbookW02-Re", serif;
  }
}
/* line 99, ../sass/_werdegange.scss */
.werdegange main.startSortB section.projects__list ul.projects__entries li.projects__entry .projects__column .projects__audio, .werdegange-museum-schaffen main.startSortB section.projects__list ul.projects__entries li.projects__entry .projects__column .projects__audio {
  margin-top: 1.1rem;
  display: none;
}
/* line 109, ../sass/_werdegange.scss */
.werdegange .carousel-container, .werdegange-museum-schaffen .carousel-container {
  margin-top: 3.3rem;
}

/* line 116, ../sass/_werdegange.scss */
.werdegange-museum-schaffen .back {
  width: 7rem;
  top: 0.3rem !important;
  cursor: default !important;
}
/* line 122, ../sass/_werdegange.scss */
.werdegange-museum-schaffen img {
  width: 100%;
  height: auto;
}

/* line 2, ../sass/_werdegang.scss */
.werdegang {
  background: white;
}
/* line 3, ../sass/_werdegang.scss */
.werdegang #modal-container-child, .werdegang #modal-container-child-right, .werdegang #modal-container-child-right {
  background: white;
}
/* line 7, ../sass/_werdegang.scss */
.werdegang .header__wrapper {
  background: white !important;
}
/* line 10, ../sass/_werdegang.scss */
.werdegang header {
  padding-bottom: 1.1rem;
}
/* line 13, ../sass/_werdegang.scss */
.werdegang .display-filter {
  margin: 1rem 0 0 0;
}
/* line 18, ../sass/_werdegang.scss */
.werdegang .werdegang__player, .werdegang .active {
  margin: 0;
  height: 2.6rem;
  overflow: hidden;
}
/* line 23, ../sass/_werdegang.scss */
.werdegang .werdegang__player .mejs__container, .werdegang .active .mejs__container {
  background: white !important;
}
@media (max-width: 800px) {
  /* line 23, ../sass/_werdegang.scss */
  .werdegang .werdegang__player .mejs__container, .werdegang .active .mejs__container {
    height: 2.3rem !important;
  }
}
/* line 28, ../sass/_werdegang.scss */
.werdegang .werdegang__player .mejs__container .mejs__controls, .werdegang .active .mejs__container .mejs__controls {
  background: white !important;
  top: -0.5625rem !important;
}
/* line 31, ../sass/_werdegang.scss */
.werdegang .werdegang__player .mejs__container .mejs__controls .mejs__duration, .werdegang .active .mejs__container .mejs__controls .mejs__duration {
  color: black;
}
/* line 34, ../sass/_werdegang.scss */
.werdegang .werdegang__player .mejs__container .mejs__controls .mejs__play, .werdegang .werdegang__player .mejs__container .mejs__controls .mejs__replay, .werdegang .active .mejs__container .mejs__controls .mejs__play, .werdegang .active .mejs__container .mejs__controls .mejs__replay {
  background: transparent url(../../images/play-pause.png) 0 0;
  width: 2.5rem;
  height: 3.125rem;
  background-size: cover;
  top: -0.3125rem;
}
/* line 41, ../sass/_werdegang.scss */
.werdegang .werdegang__player .mejs__container .mejs__controls .mejs__pause, .werdegang .active .mejs__container .mejs__controls .mejs__pause {
  background: transparent url(../../images/play-pause.png) -3.125rem 0;
  width: 2.5rem;
  height: 3.125rem;
  background-size: cover;
  top: -0.3125rem;
}
/* line 49, ../sass/_werdegang.scss */
.werdegang .werdegang__player .mejs__container .mejs__controls .mejs__time-handle, .werdegang .active .mejs__container .mejs__controls .mejs__time-handle {
  position: relative;
  width: 3.125rem;
  height: 3.125rem;
  display: block;
  z-index: 666;
  background: url(../../images/handle.png) no-repeat;
  background-size: contain;
  left: -1.5625rem;
  top: -1.5625rem;
}
/* line 61, ../sass/_werdegang.scss */
.werdegang .werdegang__player .mejs__container .mejs__controls .mejs__time-rail .mejs__time-slider, .werdegang .active .mejs__container .mejs__controls .mejs__time-rail .mejs__time-slider {
  display: block;
  background: black;
  cursor: pointer;
  position: relative;
  margin: 0;
}
/* line 68, ../sass/_werdegang.scss */
.werdegang .werdegang__player .mejs__container .mejs__controls .mejs__time-total, .werdegang .active .mejs__container .mejs__controls .mejs__time-total {
  border: 9px solid white;
}
/* line 75, ../sass/_werdegang.scss */
.werdegang main.werdegang {
  width: calc(100% - 2.2rem) !important;
  margin: 0 auto;
  font: 2.3rem "CenturySchoolbookW02-Re", serif;
  background: white;
}
@media (min-width: 801px) {
  /* line 80, ../sass/_werdegang.scss */
  .werdegang main.werdegang .werdegang__portrait {
    float: left;
  }
}
@media (max-width: 800px) {
  /* line 80, ../sass/_werdegang.scss */
  .werdegang main.werdegang .werdegang__portrait {
    position: relative;
    width: 50%;
    left: 50%;
    transform: translateX(-50%);
    width: 66.4% !important;
    margin-bottom: 1.1rem;
  }
}
/* line 92, ../sass/_werdegang.scss */
.werdegang main.werdegang .werdegang__portrait img {
  width: 100%;
  height: auto;
  vertical-align: baseline;
}
/* line 98, ../sass/_werdegang.scss */
.werdegang main.werdegang .werdegang__stations {
  float: left;
  padding: 0 0 0 0.737rem;
}
/* line 103, ../sass/_werdegang.scss */
.werdegang main.werdegang .werdegang__stations:after {
  content: '';
  display: block;
  clear: both;
}
/* line 107, ../sass/_werdegang.scss */
.werdegang main.werdegang .werdegang__stations .werdegang__station:first-of-type {
  border-top: 0.1875rem solid black;
}
/* line 110, ../sass/_werdegang.scss */
.werdegang main.werdegang .werdegang__stations .werdegang__station:after {
  content: '';
  display: block;
  clear: both;
}
/* line 113, ../sass/_werdegang.scss */
.werdegang main.werdegang .werdegang__stations .werdegang__station p {
  margin-top: 2.2rem;
}
@media (max-width: 800px) {
  /* line 113, ../sass/_werdegang.scss */
  .werdegang main.werdegang .werdegang__stations .werdegang__station p {
    margin: 0;
  }
}
/* line 119, ../sass/_werdegang.scss */
.werdegang main.werdegang .werdegang__stations .werdegang__station .werdegang__date {
  width: 21%;
  float: left;
  min-height: 1px;
}
/* line 124, ../sass/_werdegang.scss */
.werdegang main.werdegang .werdegang__stations .werdegang__station .werdegang__audio {
  width: 75%;
  float: right;
  margin-bottom: 2.2rem;
}
/* line 128, ../sass/_werdegang.scss */
.werdegang main.werdegang .werdegang__stations .werdegang__station .werdegang__audio .werdegang__player {
  margin-top: 0.737rem;
}
/* line 134, ../sass/_werdegang.scss */
.werdegang main.werdegang hr.divider {
  margin-bottom: 0.3685rem;
}
/* line 137, ../sass/_werdegang.scss */
.werdegang main.werdegang .clearfix {
  content: '';
  display: block;
  clear: both;
}
/* line 142, ../sass/_werdegang.scss */
.werdegang .inactive {
  color: grey;
}
/* line 144, ../sass/_werdegang.scss */
.werdegang .inactive .mejs__time-rail .mejs__time-slider {
  background: grey !important;
}
/* line 147, ../sass/_werdegang.scss */
.werdegang .inactive .mejs__duration {
  color: grey !important;
}
/* line 150, ../sass/_werdegang.scss */
.werdegang .inactive .mejs__play {
  background: transparent url(../../images/play-pause-inactive.gif) 0 0 !important;
  width: 2.5rem !important;
  height: 3.125rem !important;
  background-size: cover  !important;
  top: -0.3125rem !important;
}
/* line 158, ../sass/_werdegang.scss */
.werdegang .inactive .mejs__pause {
  background: transparent url(../../images/play-pause-inactive.gif) -3.125rem 0 !important;
  width: 2.5rem !important;
  height: 3.125rem !important;
  background-size: cover !important;
  top: -0.3125rem !important;
}
/* line 166, ../sass/_werdegang.scss */
.werdegang .inactive .mejs__time-handle {
  position: relative;
  width: 3.125rem !important;
  height: 3.125rem !important;
  display: block !important;
  z-index: 666 !important;
  background: url(../../images/handle-inactive.gif) no-repeat !important;
  background-size: contain !important;
  left: -1.5625rem !important;
  top: -1.5625rem !important;
}
/* line 178, ../sass/_werdegang.scss */
.werdegang .active {
  color: black;
}

/* line 6, ../sass/_artist.scss */
.artist .image__zoom.startSortA {
  display: block;
}
/* line 11, ../sass/_artist.scss */
.artist main {
  min-height: 100%;
  width: 100%;
  webkit-transform: translate3d(0, 0, 0);
}
/* line 15, ../sass/_artist.scss */
.artist main section {
  left: 0;
  width: 100%;
  background: white;
}
/* line 16, ../sass/_artist.scss */
.artist main section .col-8 {
  margin: 0 auto;
}
/* line 24, ../sass/_artist.scss */
.artist main li.projects__entry.inactive {
  display: none;
}
/* line 27, ../sass/_artist.scss */
.artist main li.projects__entry.active {
  display: block;
}
/* line 34, ../sass/_artist.scss */
.artist main.startSortA ul.projects__entries {
  display: flex;
  flex-wrap: wrap;
  margin-right: -2px;
}
/* line 38, ../sass/_artist.scss */
.artist main.startSortA ul.projects__entries li.projects__entry {
  width: 100%;
  width: calc(33.333%);
}
/* line 41, ../sass/_artist.scss */
.artist main.startSortA ul.projects__entries li.projects__entry img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  border-width: 0 2px 2px 0;
  border-color: white;
  border-style: solid;
}
/* line 55, ../sass/_artist.scss */
.artist main.startSortB ul.projects__entries {
  margin: 0 1.1rem;
  border-top: 0.1875rem solid black;
}
/* line 58, ../sass/_artist.scss */
.artist main.startSortB ul.projects__entries li.projects__entry {
  width: 100% !important;
}
/* line 60, ../sass/_artist.scss */
.artist main.startSortB ul.projects__entries li.projects__entry .col-6 {
  float: left;
}

/* line 3, ../sass/_artist-child.scss */
.artist-child {
  background: white !important;
}
/* line 5, ../sass/_artist-child.scss */
.artist-child #modal-container-child, .artist-child #modal-container-child-right, .artist-child #modal-container-child-right {
  background: white;
}
/* line 8, ../sass/_artist-child.scss */
.artist-child header {
  margin-bottom: 2.2rem;
}
/* line 9, ../sass/_artist-child.scss */
.artist-child header .header__wrapper {
  background: white !important;
}
/* line 17, ../sass/_artist-child.scss */
.artist-child .artist__player {
  margin: 0;
  margin-bottom: 2.2rem;
  margin-top: -1.1rem;
}
/* line 22, ../sass/_artist-child.scss */
.artist-child .artist__player .mejs__container {
  background: none;
}
/* line 24, ../sass/_artist-child.scss */
.artist-child .artist__player .mejs__container .mejs__controls:not([style*="display: none"]) {
  background: none;
  padding: 0;
}
/* line 31, ../sass/_artist-child.scss */
.artist-child .artist__player .mejs__container .mejs__time {
  font: 2.3rem "CenturySchoolbookW02-Re", serif;
  color: black;
  height: auto;
  padding: 0;
  line-height: 40px;
}
/* line 39, ../sass/_artist-child.scss */
.artist-child .artist__player .mejs__container .mejs__time-total {
  height: 12px;
  background: black;
  border-width: 5px 0;
  border-color: white;
  border-style: solid;
}
/* line 46, ../sass/_artist-child.scss */
.artist-child .artist__player .mejs__container .mejs__button > button {
  margin: 0;
  background: none;
}
/* line 50, ../sass/_artist-child.scss */
.artist-child .artist__player .mejs__container .mejs__play, .artist-child .artist__player .mejs__container .mejs__replay {
  background: transparent url(../../images/play-pause.png) 0 0;
  width: 38px;
  height: 40px;
  background-size: cover;
}
@media (max-width: 800px) {
  /* line 50, ../sass/_artist-child.scss */
  .artist-child .artist__player .mejs__container .mejs__play, .artist-child .artist__player .mejs__container .mejs__replay {
    height: 30px;
    width: 30px;
    margin-top: 6px;
  }
}
/* line 61, ../sass/_artist-child.scss */
.artist-child .artist__player .mejs__container .mejs__pause {
  background: transparent url(../../images/play-pause.png) -40px 0;
  width: 38px;
  height: 40px;
  background-size: cover;
}
@media (max-width: 800px) {
  /* line 61, ../sass/_artist-child.scss */
  .artist-child .artist__player .mejs__container .mejs__pause {
    height: 30px;
    width: 30px;
    margin-top: 6px;
    background: transparent url(../../images/play-pause.png) -30px 0;
    background-size: cover;
  }
}
/* line 74, ../sass/_artist-child.scss */
.artist-child .artist__player .mejs__container .mejs__time-handle {
  position: relative;
  width: 40px;
  height: 40px;
  display: block;
  z-index: 666;
  background: url(../../images/handle.png) no-repeat;
  background-size: contain;
  left: -20px;
  top: -20px;
}
@media (max-width: 800px) {
  /* line 74, ../sass/_artist-child.scss */
  .artist-child .artist__player .mejs__container .mejs__time-handle {
    height: 30px;
    width: 30px;
    top: -14px;
  }
}
/* line 96, ../sass/_artist-child.scss */
.artist-child main {
  margin: 0 auto;
  padding: 3.3rem 1.1rem 0 1.1rem;
}
/* line 100, ../sass/_artist-child.scss */
.artist-child main p {
  white-space: pre-line;
}
/* line 105, ../sass/_artist-child.scss */
.artist-child main .gallery {
  margin-bottom: 4.4rem;
}
/* line 108, ../sass/_artist-child.scss */
.artist-child main .gallery .carousel-cell figure {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.737rem;
}
/* line 115, ../sass/_artist-child.scss */
.artist-child main .gallery .carousel-cell figure img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

/* line 6, ../sass/_audiobesichtigungen.scss */
.audiobesichtigungen .image__zoom.startSortA {
  display: block;
}
/* line 12, ../sass/_audiobesichtigungen.scss */
.audiobesichtigungen header.projects__overview .sortActive {
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 17, ../sass/_audiobesichtigungen.scss */
.audiobesichtigungen main {
  background: white;
  webkit-transform: translate3d(0, 0, 0);
}
/* line 20, ../sass/_audiobesichtigungen.scss */
.audiobesichtigungen main section {
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 23, ../sass/_audiobesichtigungen.scss */
.audiobesichtigungen main section .col-8 {
  margin: 0 auto;
}
/* line 30, ../sass/_audiobesichtigungen.scss */
.audiobesichtigungen main.startSortA {
  background: black;
  color: white;
}
/* line 33, ../sass/_audiobesichtigungen.scss */
.audiobesichtigungen main.startSortA ul.projects__entries {
  display: flex;
  flex-wrap: wrap;
  margin-right: -2px;
}
/* line 37, ../sass/_audiobesichtigungen.scss */
.audiobesichtigungen main.startSortA ul.projects__entries li.projects__entry {
  width: 100%;
  width: calc(33.333%);
}
/* line 42, ../sass/_audiobesichtigungen.scss */
.audiobesichtigungen main.startSortA ul.projects__entries li.projects__entry img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  border-width: 0 2px 2px 0;
  border-color: black;
  border-style: solid;
}
/* line 55, ../sass/_audiobesichtigungen.scss */
.audiobesichtigungen main.startSortB {
  background: black;
  color: white;
}
/* line 58, ../sass/_audiobesichtigungen.scss */
.audiobesichtigungen main.startSortB ul.projects__entries {
  margin: 0 1.1rem;
  border-top: 0.1875rem solid white;
}
/* line 61, ../sass/_audiobesichtigungen.scss */
.audiobesichtigungen main.startSortB ul.projects__entries li.projects__entry {
  width: 100% !important;
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 63, ../sass/_audiobesichtigungen.scss */
.audiobesichtigungen main.startSortB ul.projects__entries li.projects__entry .col-5, .audiobesichtigungen main.startSortB ul.projects__entries li.projects__entry .col-7 {
  float: left;
}
/* line 66, ../sass/_audiobesichtigungen.scss */
.audiobesichtigungen main.startSortB ul.projects__entries li.projects__entry h3 {
  color: white;
  display: inline-block;
}
/* line 70, ../sass/_audiobesichtigungen.scss */
.audiobesichtigungen main.startSortB ul.projects__entries li.projects__entry h3.projects__number:after {
  content: ":";
}
@media (max-width: 800px) {
  /* line 69, ../sass/_audiobesichtigungen.scss */
  .audiobesichtigungen main.startSortB ul.projects__entries li.projects__entry h3.projects__number {
    width: 6rem;
  }
}
/* line 77, ../sass/_audiobesichtigungen.scss */
.audiobesichtigungen main.startSortB ul.projects__entries li.projects__entry h3.projects__person {
  display: block;
}
@media (max-width: 800px) {
  /* line 77, ../sass/_audiobesichtigungen.scss */
  .audiobesichtigungen main.startSortB ul.projects__entries li.projects__entry h3.projects__person {
    margin-left: 7rem;
  }
}
/* line 85, ../sass/_audiobesichtigungen.scss */
.audiobesichtigungen main.startSortB ul.projects__entries li.projects__entry:hover {
  color: black !important;
  background: white !important;
}
/* line 87, ../sass/_audiobesichtigungen.scss */
.audiobesichtigungen main.startSortB ul.projects__entries li.projects__entry:hover h3 {
  color: black !important;
}

/* line 1, ../sass/_audiobesichtigungen-child.scss */
.audiobesichtigungen-child {
  background: black;
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 3, ../sass/_audiobesichtigungen-child.scss */
.audiobesichtigungen-child #modal-container-child {
  background: black;
}
/* line 7, ../sass/_audiobesichtigungen-child.scss */
.audiobesichtigungen-child a {
  color: white;
  background-color: black;
  border-color: white !important;
}
/* line 10, ../sass/_audiobesichtigungen-child.scss */
.audiobesichtigungen-child header {
  margin-bottom: 2.2rem;
}
/* line 14, ../sass/_audiobesichtigungen-child.scss */
.audiobesichtigungen-child main {
  background: black;
  width: 100%;
  padding: 0 1.1rem 0.737rem 1.1rem;
}
/* line 19, ../sass/_audiobesichtigungen-child.scss */
.audiobesichtigungen-child main .col-6 {
  margin: 0 auto;
}
@media (max-width: 800px) {
  /* line 19, ../sass/_audiobesichtigungen-child.scss */
  .audiobesichtigungen-child main .col-6 {
    width: 100% !important;
  }
}
/* line 26, ../sass/_audiobesichtigungen-child.scss */
.audiobesichtigungen-child main .gallery {
  padding-top: 6.05rem;
  margin-bottom: 4.95rem;
}
/* line 31, ../sass/_audiobesichtigungen-child.scss */
.audiobesichtigungen-child main ul {
  width: 100%;
}
/* line 33, ../sass/_audiobesichtigungen-child.scss */
.audiobesichtigungen-child main ul li {
  width: 100%;
  padding: 0.03685rem 0.3685rem 0.40944rem 0.3685rem;
  border-bottom: 0.1875rem solid black;
  line-height: 1;
  color: white;
  background-color: black;
  border-color: white !important;
}
@media (max-width: 800px) {
  /* line 36, ../sass/_audiobesichtigungen-child.scss */
  .audiobesichtigungen-child main ul li .col-6 {
    width: 100% !important;
  }
}
@media (min-width: 801px) {
  /* line 36, ../sass/_audiobesichtigungen-child.scss */
  .audiobesichtigungen-child main ul li .col-6 {
    float: left;
  }
}
/* line 44, ../sass/_audiobesichtigungen-child.scss */
.audiobesichtigungen-child main ul li:first-child {
  border-top: 0.1875rem solid white;
}
/* line 49, ../sass/_audiobesichtigungen-child.scss */
.audiobesichtigungen-child main ul li:after {
  content: '';
  display: block;
  clear: both;
}
/* line 57, ../sass/_audiobesichtigungen-child.scss */
.audiobesichtigungen-child main ul li .audiobesichtigung__player {
  margin: 0;
}
@media (min-width: 801px) {
  /* line 57, ../sass/_audiobesichtigungen-child.scss */
  .audiobesichtigungen-child main ul li .audiobesichtigung__player {
    margin-bottom: -1.5rem;
    margin-top: 0.3rem;
  }
}
@media (max-width: 800px) {
  /* line 57, ../sass/_audiobesichtigungen-child.scss */
  .audiobesichtigungen-child main ul li .audiobesichtigung__player {
    margin-bottom: -1.5rem;
  }
}
/* line 66, ../sass/_audiobesichtigungen-child.scss */
.audiobesichtigungen-child main ul li .audiobesichtigung__player .mejs__container {
  background: none;
}
/* line 68, ../sass/_audiobesichtigungen-child.scss */
.audiobesichtigungen-child main ul li .audiobesichtigung__player .mejs__container .mejs__controls:not([style*="display: none"]) {
  background: none;
  padding: 0;
}
/* line 75, ../sass/_audiobesichtigungen-child.scss */
.audiobesichtigungen-child main ul li .audiobesichtigung__player .mejs__container .mejs__time {
  font: 2.3rem "CenturySchoolbookW02-Re", serif;
  color: white;
  height: auto;
  padding: 0;
  line-height: 40px;
}
/* line 83, ../sass/_audiobesichtigungen-child.scss */
.audiobesichtigungen-child main ul li .audiobesichtigung__player .mejs__container .mejs__time-total {
  height: 12px;
  background: white;
  border-width: 5px 0;
  border-color: black;
  border-style: solid;
}
/* line 90, ../sass/_audiobesichtigungen-child.scss */
.audiobesichtigungen-child main ul li .audiobesichtigung__player .mejs__container .mejs__button > button {
  margin: 0;
  background: none;
}
/* line 94, ../sass/_audiobesichtigungen-child.scss */
.audiobesichtigungen-child main ul li .audiobesichtigung__player .mejs__container .mejs__play, .audiobesichtigungen-child main ul li .audiobesichtigung__player .mejs__container .mejs__replay {
  background: transparent url(../../images/play-pause_negative.png) 0 0;
  width: 38px;
  height: 40px;
  background-size: cover;
}
/* line 100, ../sass/_audiobesichtigungen-child.scss */
.audiobesichtigungen-child main ul li .audiobesichtigung__player .mejs__container .mejs__pause {
  background: transparent url(../../images/play-pause_negative.png) -40px 0;
  width: 38px;
  height: 40px;
  background-size: cover;
}
/* line 106, ../sass/_audiobesichtigungen-child.scss */
.audiobesichtigungen-child main ul li .audiobesichtigung__player .mejs__container .mejs__time-handle {
  position: relative;
  width: 40px;
  height: 40px;
  display: block;
  z-index: 666;
  background: url(../../images/handle_negative.png) no-repeat;
  background-size: contain;
  left: -20px;
  top: -20px;
}

/* line 2, ../sass/_wannhastduaufgehoerteinkindzusein.scss */
.wannhastduaufgehoerteinkindzusein .col-8 {
  margin: 0 auto;
}
/* line 5, ../sass/_wannhastduaufgehoerteinkindzusein.scss */
.wannhastduaufgehoerteinkindzusein section.flip-visible {
  background: black;
  color: white;
}
/* line 8, ../sass/_wannhastduaufgehoerteinkindzusein.scss */
.wannhastduaufgehoerteinkindzusein section.flip-visible .video-container-single {
  margin-top: 3rem;
}