/**
 * Flex Posts styles
 */


 .wp-block {
   max-width: 100% !important;
 }

/* Layout 1 */

.fp-list-1 .fp-row {
		width: 100%;
		height: 100vh;

		display: block;
		position: relative;
    z-index: 9;
}

.fp-list-1 .fp-row  img {
  width: 100%;
  z-index: 0;
  object-fit: cover;
  height: calc(100vh - 40px);
  min-height: 600px;
  position: absolute;
  margin-top: 0;
  left:0;
}


.MagicScroll-horizontal.MagicScroll-bullets {
  margin-bottom: 0 !important;
}

.fp-row-blog .mcs-bullets {
  margin-top: -70px !important;
    z-index: 9999;
}
.mcs-item {
  font-size: inherit !important;
}
.fp-list-1 .fp-row:first-child .fp-body.parallaxie {
  margin-bottom:-25px;
}

.fp-list-1 .fp-row.touchDevice,
.fp-list-1 .fp-row.touchDevice a img {
    height: calc(100vh - 60px);
}

.fp-list-1 .fp-row.touchDevice:first-child,
.fp-list-1 .fp-row.touchDevice:first-child a img {
    height: calc(100vh - 80px);
}

.fp-list-1 .fp-row .fp-imgBG {
		position: absolute;
		z-index: 1;
		bottom: 0%;
		width: 100%;
    height: 30%;
		pointer-events: none;
}

.fp-list-1 .fp-row .fp-body {
    position: absolute;
    z-index: 5;
    bottom: 12vh;
}

.fp-list-1 .fp-row .fp-body h3 {
		    text-shadow: black 3px 3px 1px;
        color: white;
        font-weight: 100;
        white-space: normal;
text-align: left;
}

.fp-list-1 .fp-row .fp-body p {
		color: white;

		font-size: inherit;
    text-align: left;
    margin-top: 0;
    font-size: 2.25em;
     text-shadow: black 1px 1px 3px;

}

.fp-list-1 .fp-row .fp-body .fp-readmore {
    margin-top: 1em;
}

@media screen and (max-width: 1010px)  {

  .fp-list-1 .fp-row .fp-body p {

      font-size: inherit;
  }

  .fp-list-1 .fp-row {
  		height: calc(100vh - 40px);
      min-height: auto;
  }

  .fp-list-1 .fp-row a img {
    height: calc(100vh - 40px);
    min-height: auto;
  }

  .fp-list-1 .fp-row:first-child .fp-body.parallaxie {
    margin-bottom:-5px;
  }

  .fp-list-1 .fp-row .fp-body {
      bottom: 18vh;
  }

}

@media screen and (max-width: 1010px) and (orientation:landscape) {

  .fp-list-1 .fp-row .fp-body {
      bottom: 9vh;
  }

}


/* Layout 2 */

.fp-list-2 {
		display: inline-flex;
		width: 100vw;
		flex-wrap: wrap;
    justify-content: center;
}

.fp-list-2 .fp-row {
    width: 100%;
    height: 100%;
    max-width: 350px;
    max-height: 400px;
    position: relative;
    transition: all 0.5s;

    margin: 40px;
}

.fp-list-2 .fp-row  img {
    width: 100%;
    height: 100%;
}



.fp-list-2 .fp-row:hover  {
    transform: rotate(2deg);
    transition: all 0.5s;
}


.fp-list-2 .fp-row:hover a img {
    filter:blur(4px);
}

.fp-list-2 .fp-row .fp-imgBG {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding: 20px;
      padding-right: 40px;
  pointer-events: none;
      white-space: normal;
}




.fp-list-2 .fp-row .fp-body .fp-readmore2,
.fp-list-2 .fp-row .fp-body .fp-text-wirkung p,
.fp-list-2 .fp-row .fp-body h4 {
		color:white;
    text-align: left;
}

.fp-list-2 .fp-row .fp-body .fp-text-wirkung p:after {
    content:" ...";
}

.fp-list-2 .fp-row .fp-body .fp-text-wirkung p {
  margin-top: 0.5em;
  width: 95%;
  font-size: 100%;
  font-weight: 800;
  line-height: 95%;
  text-shadow: 2px 2px 12px black;
}

.fp-list-2 .fp-row .fp-body .fp-readmore {
    margin-top: 1em;
}


/* Layout 3 */
.fp-list-3 {
		display: inline-flex;
		width: 100vw;
		flex-wrap: wrap;
}

.fp-list-3 .fp-row {
		width: 33.3333vw;
		height: 50vh;
    min-height: 400px;
		display: block;
		position: relative;

}

.fp-list-3 .fp-row a img {
		width: 33.3333vw;
		z-index: 0;
    object-fit: cover;
    height: calc(50vh);
    min-height: 400px;
    position: absolute;
}

.fp-list-3 .fp-row .fp-imgBG {
		position: absolute;
		z-index: 1;
		bottom: 0;
		width: 33.3333vw;
    height: 25vh;
    min-height: 200px;
		pointer-events: none;
}

.fp-list-3 .fp-row .fp-body {
		position: absolute;
		z-index: 5;
		bottom: 40px;
}

.fp-list-3 .fp-row .fp-body .fp-readmore,
.fp-list-3 .fp-row .fp-body h4 {
		color:white;
    margin-left: 40px;
    margin-right: 40px;
}

.fp-list-3 .fp-row .fp-body .fp-readmore {
    margin-top: 1em;
}

@media screen and (max-width: 767px)  {

  .fp-list-3 .fp-row {
  		width: 100vw;
  }

  .fp-list-3 .fp-row a img {
  		width: 100vw;
  }

  .fp-list-3 .fp-row .fp-imgBG {
  		width: 100vw;
  }
}



/*Button next */

.fp-next   {
  width: 62px;
  height: 62px;
  bottom: 50px;
  text-align: center;
  display: block;
  z-index: 99;
  left: calc(50% - 31px);
  border-radius: 50%;
  position: absolute;
  background-color: #fff;
}

a.fp-next-link-orientierung,
a.fp-next-link{
    padding: 30px;
    display: block;
}

.fp-next-container   {

  transition: all 0.2s;
  transition-timing-function: ease-out;
  width: 62px;
  height: 120px;
  bottom: -80px;
  display: none;
  z-index: 99;
  left: calc(50% - 31px);
  position: absolute;
}

.fp-next-container:hover {
  transition: all 0.2s;
  transition-timing-function: ease-out;
  bottom: -36px;
}

.fp-next-container .fp-next a::after {
  position: absolute;
  content: url(/wp-content/uploads/Pfeil_runter.svg);
  top: 0;
    width: 16px;
  margin-top: 9px;
  left: 22px;
  display: block;
  transition: all 0.2s;
}

.fp-next-container:hover .fp-next > a::after
 {
  margin-top: 24px;
  transition: all 0.2s;
}