.content {
  float: left;
  width: 100vw;
  background-color:rgb(var(--whiteColor));
}

.hightlightText {
  color:rbg(var(--navTextColor));
  font-weight:500;
}

#galeryContainer {
  display:none;
}

/*/////////// Header ///////////*/

.header {
  float:left;
  width:100vw;
}

.sliderDarkenOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: rgba(var(--completeBlackColor),0.05);
}

.fullSizeHeader {
  height: 100vh;
  position: relative;
}

.aboutme {
  position: relative;
  margin:0 auto;
  display:inline-block;
}

.pillMask {
  height: 19.5vw;
  width: 14vw;

  -webkit-border-radius: 7vw;
     -moz-border-radius: 7vw;
      -ms-border-radius: 7vw;
       -o-border-radius: 7vw;
          border-radius: 7vw;

  overflow: hidden;
}

.pillDecoration {
  position:absolute;
  width:20.42vw;
  height:22.73vw;
  top:calc((19.5vw - 22.73vw) / 2);
  left:calc((14vw - 20.9vw) / 2);
}

.pillDecoration svg {
  fill:rgba(var(--lightColor),0.5);
}

.aboutMeText {
  margin-top:4em;
  font-size:0.82em;
  font-weight: 600;
  color:rgb(var(--whiteColor));
}

.aboutMeHeadline {
  margin-bottom:1.0em;
  font-size:1.2em;
}

.headerWorkingAreas {
  z-index: 99;
  position: absolute;
  color:rgb(var(--whiteColor));
  bottom:10vh;
  font-weight: 400;
  font-size:1.5em;
}

.individualProfile {
  margin-top:0.8em;
}

.profilePicture {
  width:7em;
  height:7em;
  margin-bottom: 0.5em;

  overflow:hidden;
  display:inline-block;

  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;

  -webkit-border-radius: 4em;
     -moz-border-radius: 4em;
      -ms-border-radius: 4em;
       -o-border-radius: 4em;
          border-radius: 4em;
}

.profileName {
  margin-bottom:0.5em;
}

.iconCircle {
  background-size: auto 52%;
  background-repeat: no-repeat;
  background-position: center 45.0%;
}

.timelineImages, .iconCircle {
  line-height: 0;
}

.iconCircle img {
  width:5.0em;
}

.timelineImages img {
  width:1.25em;
}

.timelineTimeDisplay {
  margin:0.15em 0em 0.4em 0em;
  color:rgb(var(--completeBlackColor));
  font-weight: 400;
}

.timelineFlowPoint {
  height:2em;
  overflow: visible;
}

.timelineFlowPointDescription {
  float:left;
  width:100%;
  max-width:20em;
}

.twoLinedTimelineDescription {
  margin-top:-0.2em;
}

.threeLinedTimelineDescription {
  margin-top:-0.9em;
}

.timelinePictureWrapper {
  position:relative;
  margin-top:-2.75em;
  min-height: 5em;
}

.timelinePictureContainer {
  position:relative;
  display:inline-block;
  width:9em;
}

.timelinePicture {
  position:absolute;
  width:7em;
  height:7em;

  top:1em;
  left:1em;

  background-position: center center;
  background-repeat: no-repeat;
  background-size:100% auto;

  -webkit-border-radius: 3.5em;
     -moz-border-radius: 3.5em;
      -ms-border-radius: 3.5em;
       -o-border-radius: 3.5em;
          border-radius: 3.5em;
}

.timelineDecoration {
  position:absolute;
  width:9em;
  height:9em;
}


/*/////////// Abstände ///////////*/

.bigMarginTopBigMarginBottom {
  margin-top:12em;
  margin-bottom:12em;
}

.bigMarginTopMediumMarginBottom {
  margin-top:12em;
  margin-bottom:6em;
}

.bigMarginTopSmallMarginBottom {
  margin-top:12em;
  margin-bottom:3em;
}

.mediumMarginTopBigMarginBottom {
  margin-top:6em;
  margin-bottom:12em;
}

.mediumMarginTopMediumMarginBottom {
  margin-top:6em;
  margin-bottom:6em;
}

.mediumMarginTopSmallMarginBottom {
  margin-top:6em;
  margin-bottom:3em;
}

.smallMarginTopBigMarginBottom {
  margin-top:3em;
  margin-bottom:12em;
}

.smallMarginTopMediumMarginBottom {
  margin-top:3em;
  margin-bottom:6em;
}

.smallMarginTopSmallMarginBottom {
  margin-top:3em;
  margin-bottom:3em;
}


/*/////////// Padding ///////////*/

.bigPaddingTopBigPaddingBottom {
  padding-top:12em;
  padding-bottom:12em;
}

.bigPaddingTopMediumPaddingBottom {
  padding-top:12em;
  padding-bottom:6em;
}

.bigPaddingTopSmallPaddingBottom {
  padding-top:12em;
  padding-bottom:3em;
}

.mediumPaddingTopBigPaddingBottom {
  padding-top:6em;
  padding-bottom:12em;
}

.mediumPaddingTopMediumPaddingBottom {
  padding-top:6em;
  padding-bottom:6em;
}

.mediumPaddingTopSmallPaddingBottom {
  padding-top:6em;
  padding-bottom:3em;
}

.smallPaddingTopBigPaddingBottom {
  padding-top:3em;
  padding-bottom:12em;
}

.smallPaddingTopMediumPaddingBottom {
  padding-top:3em;
  padding-bottom:6em;
}

.smallPaddingTopSmallPaddingBottom {
  padding-top:3em;
  padding-bottom:3em;
}


/*/////////// Blumen ///////////*/


.flowersBottom {
  background-image:url('../../pictures/decoration/bottomLeft.svg'), url('../../pictures/decoration/bottomRight.svg');
  background-size:19em auto, 20em auto;
  background-position:left bottom, right bottom;
  background-repeat: no-repeat;
}

.flowersTop {
  background-image:url('../../pictures/decoration/topLeft.svg'), url('../../pictures/decoration/topRight.svg');
  background-size:15em auto, 18em auto;
  background-position:left top, right top;
  background-repeat: no-repeat;
}




.quoteName {
  font-size:1.3em;
}

.paragraph {
  margin-top:2em;
}



/*
  Unsere Geschichte
*/

.profileListingElement {
  margin-top:3.5em;
  padding-bottom:0.75em;
  border-bottom:solid 1px rgba(var(--veryLightBackground));
}

.profileListingQuestion {
  color:rgb(var(--blackColor));
  font-weight:500;
  margin-bottom:0.75em;
  padding-bottom:0.15em;
  border-bottom:dotted 2px rgba(var(--lightColor), 0.5);
}


/*
  Medien
*/

.mediaVideo {
  margin-bottom:5em;
}

.mediaVideo video {
  width: 50em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1.0em;
  border-radius: 1em;
  -webkit-box-shadow: 0 1em 1em 0 rgba(0,0,0,0.25);
  -moz-box-shadow: 0 1em 1em 0 rgba(0,0,0,0.25);
  box-shadow: 0 1em 1em 0 rgba(0,0,0,0.25);
}

.uprightVideo video {
  width:auto;
  height:50em;
}

.pictureGallery {
  display:flex;
  flex-direction: row;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:5em 3em;
}

.pictureGallery .galleryElement {
  width:45%;
}

.pictureGallery .galleryElement img {
  width:100%;
}