@charset "UTF-8";
/* *** Variables *** */
/*$sliderOverlayBy2: 15vw;*/
:root {
  --headerHeight: 14vh;
  --sitePaddingHorizontal: 2.5vw;
  --footerHeight: 7.7vh;
}
@media (max-width: 991px) {
  :root {
    --headerHeight: 8.14vw;
    --sitePaddingHorizontal: 5.85vw;
    --footerHeight: 8.14vw;
  }
}

/* *** Slider Home + Slider Projeects *** */
/* mask in */
/*main { 
	clip-path: inset(0 100% 0 0);
	transition: clip-path 1.5s 500ms;
}
body.sliderloaded main { 
	clip-path: inset(0 0 0 0);
}*/
.flickity-slider {
  will-change: transform;
}

body:not(.wp-admin) .emvy-slider { /* Slider */
  width: calc(100vw - var(--sitePaddingHorizontal) * 2);
  height: calc(100vh - var(--headerHeight) - var(--footerHeight)) !important;
  max-height: calc(100vh - var(--headerHeight) - var(--footerHeight)) !important;
  /*overflow: hidden;*/
  clip-path: inset(0 100vws 0 0);
  transition: clip-path 1.5s 500ms;
}

@media screen and (max-width: 767px) {
  body:not(.wp-admin) .emvy-slider {
    /*margin-top: $sliderProjectsPaddingTopMobile;
    max-height: calc(100vh - 20vh) !important;
    height: calc(100vh - 20vh) !important;
    max-height: calc(100svh - 20vh) !important;
    height: calc(100svh - 20vh) !important;*/
    height: 100vh !important;
    max-height: 100vh !important;
  }
}
body:not(.wp-admin) .emvy-slider.sliderloaded {
  clip-path: inset(0 0% 0 0);
}

/* so links in project description dont't trigger new slide */
/*body.inside-flickity-hover .emvy-slider .flickity-viewport { 
	pointer-events: none;
}*/
.emvy-slider-outer {
  display: block;
  position: relative;
  width: calc(100vw - var(--sitePaddingHorizontal) * 2);
  height: calc(100vh - var(--headerHeight) - var(--footerHeight));
}

@media screen and (max-width: 767px) {
  body:not(.wp-admin) .wp-block-emvy-blocks-slider-projects-outer.emvy-slider-outer, body:not(.wp-admin) .wp-block-emvy-blocks-slider-home {
    display: block;
    position: absolute;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
  }
}
body:not(.wp-admin) .wp-block-emvy-blocks-slider-projects .emvy-slider { /* Projects slider */
  margin-top: 210px;
  max-height: calc(100vh - 210px * 2) !important;
  height: calc(100vh - 210px * 2) !important;
}

@media screen and (max-width: 767px) {
  body:not(.wp-admin) .wp-block-emvy-blocks-slider-projects .emvy-slider { /* Projects slider */
    /*margin-top: $sliderProjectsPaddingTopMobile;
    max-height: calc(100vh - 20vh * 2) !important;
    height: calc(100vh - 20vh * 2) !important;
    max-height: calc(100svh - 20vh * 2) !important;
    height: calc(100svh - 20vh * 2) !important;
    padding-top: calc(1em + 11px);*/
    margin-top: 0;
    max-height: 100vh !important;
    height: 100vh !important;
  }
}
.wp-block-emvy-blocks-slider-slide-home { /* Home slider */
  width: 100%;
  height: 100% !important;
  margin: 0;
  margin-left: 0;
  will-change: transform;
}

@media screen and (max-width: 767px) {
  .wp-block-emvy-blocks-slider-slide-home { /* Home slider */ }
}
body:not(.wp-admin) .emvy-slider:not(.sliderloaded) .wp-block-emvy-blocks-slider-slide-home {
  /*margin-left: calc( 8vw * 0.5 );*/
}

@media screen and (max-width: 767px) {
  body.home .emvy-slide {
    /*padding-bottom: $sliderProjectsPaddingTopMobile;*/
  }
}
/*.wp-block-emvy-blocks-slider-slide-projects, .wp-block-emvy-blocks-slider-slide-projects-text {  
    width: calc(100vw - 8vw - 10.61vw);
	width: calc(100vw - 8vw);
	height: 100% !important;
	margin: 0;
	margin-left: 0;
	padding-left: calc( 10.61vw * 0.5 );
	padding-right: calc( 10.61vw * 0.5 );
}
body:not(.wp-admin) .emvy-slider:not(.sliderloaded) .wp-block-emvy-blocks-slider-slide-projects, body:not(.wp-admin) .emvy-slider:not(.sliderloaded) .wp-block-emvy-blocks-slider-slide-projects-text {
	margin-left: calc( 8vw * 0.5 + 10.61vw * 0.5 );
}*/
body:not(.wp-admin) .wp-block-emvy-blocks-slider-slide-projects-text {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
}

body:not(.wp-admin) .wp-block-emvy-blocks-slider-slide-projects-text > div:first-child {
  display: block;
  width: 100%;
  height: 100%;
  -moz-column-count: 4;
       column-count: 4;
  -moz-column-fill: auto;
       column-fill: auto;
  overflow: hidden;
  overflow-y: auto;
  background-color: rgba(255, 255, 255, 0.86);
  opacity: 0;
  pointer-events: none;
  transition: all 0.8s;
}

@media screen and (max-width: 991px) {
  body:not(.wp-admin) .wp-block-emvy-blocks-slider-slide-projects-text > div:first-child {
    -moz-column-count: unset;
         column-count: unset;
    -moz-column-fill: unset;
         column-fill: unset;
    padding-left: var(--sitePaddingHorizontal);
    padding-right: var(--sitePaddingHorizontal);
    padding-top: var(--headerHeight);
    padding-bottom: var(--footerHeight);
  }
}
body:not(.wp-admin) .wp-block-emvy-blocks-slider-slide-projects-text.active > div:first-child {
  opacity: 1;
  pointer-events: all;
  z-index: 100;
}

body:not(.wp-admin) .wp-block-emvy-blocks-slider-slide-projects-text .plus, body:not(.wp-admin) .wp-block-emvy-blocks-slider-slide-projects-text .close-me {
  pointer-events: all;
}

.wp-block-emvy-blocks-slider-slide-projects {
  width: calc(100vw - 8vw);
  height: 100% !important;
  margin: 0;
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .wp-block-emvy-blocks-slider-slide-projects {
    width: 100vw;
  }
}
body:not(.wp-admin) .emvy-slider:not(.sliderloaded) .wp-block-emvy-blocks-slider-slide-projects, body:not(.wp-admin) .emvy-slider:not(.sliderloaded) .wp-block-emvy-blocks-slider-slide-projects-text {
  /*margin-left: calc( 8vw * 0.5 );*/
}

.wp-block-emvy-blocks-slider-slide-projects.previous > *, .wp-block-emvy-blocks-slider-slide-projects-text.previous > * {
  padding-left: 10.61vw;
  padding-right: 0;
}

.wp-block-emvy-blocks-slider-slide-projects.next > *, .wp-block-emvy-blocks-slider-slide-projects-text.next > * {
  padding-left: 0;
  padding-right: 10.61vw;
}

.emvy-slide:not(.emvy-slide-wrapper), .wp-block-emvy-blocks-slider-slide-projects-text > *, .emvy-slide-content, .wp-block-emvy-blocks-slider-slide-home-content-desktop, .wp-block-emvy-blocks-slider-slide-home-content-mobile {
  width: 100%;
  height: 100%;
  position: relative;
}

.wp-block-emvy-blocks-slider-home figure, .wp-block-emvy-blocks-slider-home .wp-block-image {
  position: relative;
  width: 100%;
  height: 100%;
  backface-visibility: hidden; /* Safari white line fix */
  -webkit-backface-visibility: hidden;
}

.wp-block-emvy-blocks-slider-slide-home img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.wp-block-emvy-blocks-slider-projects-outer .wp-block-image, .wp-block-emvy-blocks-slider-projects-outer .wp-block-image figure, .wp-block-emvy-blocks-slider-projects-outer .wp-block-image figure img {
  width: 100%;
  height: 100%;
}

.wp-block-emvy-blocks-slider-slide-home .wp-block-image figure {
  display: block;
  margin: 0 !important;
}

.wp-block-emvy-blocks-slider-slide-home .wp-block-image figure img {
  width: auto !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  left: unset;
  top: unset;
  transform: none;
  backface-visibility: hidden; /* Safari white line fix */
  -webkit-backface-visibility: hidden;
  font-size: 0;
}

.wp-block-emvy-blocks-slider-slide-home .wp-block-image figure.alignleft img {
  display: block;
  margin-left: 0;
  margin-right: auto;
}

.wp-block-emvy-blocks-slider-slide-home .wp-block-image figure.alignright img {
  display: block;
  margin-left: auto;
  margin-right: 0;
}

.wp-block-emvy-blocks-slider-slide-home .wp-block-image figure.aligncenter img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-block-emvy-blocks-slider-slide-projects img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: object-position 1s;
  transition: object-position 1s, -o-object-position 1s;
  backface-visibility: hidden; /* Safari white line fix */
  -webkit-backface-visibility: hidden;
  font-size: 0;
}

@media screen and (max-width: 767px) {
  .wp-block-emvy-blocks-slider-slide-projects img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
}
.wp-block-emvy-blocks-slider-slide-projects.previous img {
  -o-object-position: right center;
     object-position: right center;
}

.emvy-slide .wp-block-cover {
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
}

body:not(.wp-admin) .wp-block-emvy-blocks-slider-slide-home-text {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 30px;
  font-size: 1.414em;
  font-size: 1.125em;
  color: #ffffff;
  text-shadow: 0 0 18px rgba(0, 0, 0, 0.75);
  padding-left: 30px;
  padding-right: 30px;
}

@media screen and (max-width: 767px) {
  body:not(.wp-admin) .wp-block-emvy-blocks-slider-slide-home-text {
    /*top: calc(100% + 30px);
    bottom: auto;
    color: #000000;
    text-shadow: none;*/
    font-size: 1em;
    bottom: 10vh;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.wp-block-emvy-blocks-slider-slide-home-text p {
  text-align: center;
  margin: 0;
  padding: 0;
  -webkit-hyphens: none;
          hyphens: none;
}

.emvy-slide-title {
  display: block;
  position: absolute;
  padding-left: calc(8vw * 0.5 + 10.61vw * 0.5);
  padding-right: calc(8vw * 0.5 + 10.61vw * 0.5);
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .emvy-slide-title {
    padding-left: 25px;
    padding-right: 25px;
  }
}
body.wp-admin .emvy-slide-title {
  padding-left: 0;
  padding-right: 0;
}

.emvy-slide-title .wp-block-heading {
  font-size: 1em;
  line-height: normal;
  font-weight: normal;
  margin: 0;
  -webkit-hyphens: none;
          hyphens: none;
}

@media screen and (max-width: 767px) {
  .emvy-slide-title .wp-block-heading {
    text-align: center;
  }
}
.emvy-slide-title > div {
  display: flex;
}

.emvy-slide-title > div .counter {
  margin-left: 30px;
}

@media screen and (max-width: 767px) {
  .emvy-slide-title > div .counter {
    margin-left: calc(25px / 1.414);
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .flickity-viewport {
    height: 100vh !important;
    height: 100svh !important;
  }
}
/*.flickity-viewport:hover {
	cursor: none !important;
}*/
:root {
  --uxElementsSize: 24px;
}

body:not(.wp-admin) .flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  transform: translateY(-50%);
  top: unset;
  bottom: calc(0px - var(--uxElementsSize) - var(--uxElementsSize));
  width: calc(var(--uxElementsSize) / 2);
  height: var(--uxElementsSize);
  border-radius: 0;
  transform: none;
  background-size: contain;
  background-repeat: no-repeat;
}

body:not(.wp-admin) .flickity-prev-next-button svg {
  display: none !important;
}

body:not(.wp-admin) .flickity-prev-next-button.previous {
  background-image: url(img/previous.svg);
  background-position: left center;
  left: 0;
}

body:not(.wp-admin) .flickity-prev-next-button.next {
  background-image: url(img/next.svg);
  background-position: right center;
  right: 0;
}

body:not(.wp-admin) .close-me {
  position: absolute !important;
  width: var(--uxElementsSize) !important;
  height: var(--uxElementsSize) !important;
  right: 0;
  top: 0;
  background: url(img/close-me.svg) no-repeat center center;
  background-size: contain;
  cursor: pointer;
  z-index: 101;
}

body:not(.wp-admin) .emvy-slide-description .close-me {
  display: none !important;
}

body:not(.wp-admin) .wp-block-emvy-blocks-slider-slide-projects-text.active .close-me {
  display: block !important;
}

body:not(.wp-admin) .plus {
  position: absolute !important;
  width: calc(var(--uxElementsSize) / 1.414) !important;
  height: calc(var(--uxElementsSize) / 1.414) !important;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, calc(100% + var(--uxElementsSize)));
  background: url(img/plus.svg) no-repeat center center;
  background-size: contain;
  cursor: pointer;
}

@media screen and (max-width: 991px) {
  body:not(.wp-admin) .plus {
    transform: translate(-50%, 0);
    bottom: var(--footerHeight);
    filter: invert(1);
  }
}
body:not(.wp-admin) .wp-block-emvy-blocks-slider-slide-projects-text.active .plus {
  background-image: url(img/minus.svg);
}

@media screen and (max-width: 991px) {
  body:not(.wp-admin) .wp-block-emvy-blocks-slider-slide-projects-text.active .plus {
    display: none;
  }
}
/*
.emvy-slider .flickity-button {
	width: 50%;
	height: 100%;
	left: 0 !important;
    top: 0;
	transform: none !important;
	border-radius: 0;
	background: none !important;
	opacity: 0;
	transition: opacity 100ms;
	pointer-events: none;
}
@media screen and (max-width: 767px) {
	.emvy-slider .flickity-button {
		opacity: 1;
		left: 17px !important;
		font-size: 1.125em !important;

		width: 30px;
		height: 40px;
		top: 50%;
		transform: translateY(-50%) !important;
		padding: 0 !important;

	}
}

.flickity-button:focus {
    box-shadow: none !important;
}

.emvy-slider .flickity-button:hover, body.flickity-hover .emvy-slider .flickity-button {
	opacity: 1;
}
body.inside-flickity-hover .emvy-slider .flickity-button {
	opacity: 0 !important;
}
.emvy-slider .flickity-button.flickity-prev-next-button.next {
	left: auto !important;
	right: 0 !important;
}
@media screen and (max-width: 767px) {
	.emvy-slider .flickity-button.flickity-prev-next-button.next {
		right: 17px !important;


	}
}

.emvy-slider .flickity-button svg {
    opacity: 0 !important;
}
@media screen and (max-width: 767px) {
	.emvy-slider .flickity-button svg {
		opacity: 1 !important;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;

		fill: #ffffff;
	}
}





:root {
	--cursorTop: 0px;
	--cursorLeft: 0px;
}
.emvy-slider .flickity-prev-next-button.previous:after, .emvy-slider .flickity-prev-next-button.next:after {
    content: '';
    display: block;
    position: fixed;
    top: var(--cursorTop);
	left: var(--cursorLeft);
	right: auto !important;
    width: 24px;
    height: 46px;
	width: 34px;
    height: 67px;
    background-size: contain;
	cursor: none !important;
	transform: translateY(-37px);
	pointer-events: none;
	filter: drop-shadow(0 0 40px #ffffff);
}

@media screen and (max-width: 767px) {
	body:not(.home) .emvy-slider .flickity-prev-next-button.previous:after, body:not(.home) .emvy-slider .flickity-prev-next-button.next:after {
		position: absolute;
		top: 0;
		left: 0;
		right: auto !important;
		width: auto;
		height: auto;
		background-size: contain;
		transform: translateY(0px);
		pointer-events: all;
		filter: none;

	}
}

body.flickity-hover-previous .emvy-slider .flickity-prev-next-button.previous:after {
    background: url(img/previous.svg) no-repeat;
}
body.flickity-hover-next .emvy-slider .flickity-prev-next-button.next:after {
    background: url(img/next.svg) no-repeat;
}

body.is-touch.flickity-hover-previous .emvy-slider .flickity-prev-next-button.previous:after {
	display: none;
}
body.is-touch.flickity-hover-next .emvy-slider .flickity-prev-next-button.next:after {
	display: none;
}
*/
/*
@media screen and (max-width: 767px) {
	body:not(.home) .emvy-slider .flickity-prev-next-button.previous:after {
		content: 'Previous';
		background: none;
	}
	body:not(.home) .emvy-slider .flickity-prev-next-button.next:after {
		content: 'Next';
		background: none;
		right: 0 !important;
		left: auto;
	}
}
*/
/* Slider Beschriftung Backend */
body.wp-admin .emvy-slide-wrapper:before {
  content: "Slide Start ↓";
  opacity: 0.5;
  font-style: italic;
}

body.wp-admin *[data-type="emvy-blocks/slider-slide-projects-text"] .emvy-slide-wrapper:before {
  display: none;
}

body.wp-admin .emvy-slide-wrapper:after {
  content: "Slide Ende ↑";
  opacity: 0.5;
  font-style: italic;
  display: block;
  width: 100%;
  border-bottom: 1px dotted #000;
  padding-bottom: 15px;
}

body.wp-admin *[data-type="emvy-blocks/slider-slide-projects-text"] .emvy-slide-wrapper:after {
  display: none;
}

*[data-type="emvy-blocks/slider-slide-home-content-desktop"]:before {
  content: "Inhalt Desktop";
  opacity: 0.5;
  font-style: italic;
}

*[data-type="emvy-blocks/slider-slide-home-content-mobile"]:before {
  content: "Inhalt mobile";
  opacity: 0.5;
  font-style: italic;
}

*[data-type="emvy-blocks/slider-slide-projects-text"]:before {
  content: "Beschreibung Projekt (letzter Slide)";
  opacity: 0.5;
  font-style: italic;
}

*[data-type="emvy-blocks/slider-slide-projects-title"]:before {
  content: "Titel Projekt";
  opacity: 0.5;
  font-style: italic;
}

.next-project-button {
  display: block;
  position: fixed;
  right: 80px;
  bottom: 60px;
}

@media screen and (max-width: 767px) {
  .next-project-button {
    right: 25px;
    bottom: 2em;
  }
}
.back-button {
  display: block;
  position: fixed;
  left: 80px;
  bottom: 60px;
}

@media screen and (max-width: 767px) {
  .back-button {
    left: 25px;
    bottom: 2em;
  }
}
/* *** Spacer *** */
.emvy-spacer {
  display: block;
  width: 100%;
}

@media screen and (min-width: 768px) {
  body:not(.wp-admin) .emvy-spacer {
    min-height: unset !important;
  }
}
@media screen and (max-width: 767px) {
  body:not(.wp-admin) .emvy-spacer {
    height: unset !important;
  }
}
body.wp-admin *[data-type="emvy-blocks/emvy-spacer"] {
  width: 100%;
}

body.wp-admin .emvy-spacer {
  border: 1px dotted #eeeeee;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: relative;
}

body.wp-admin .emvy-spacer:after {
  content: "Abstandshalter";
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ccc;
}

/* *** 16:9 Wrapper */
.emvy-16-9-wrapper {
  aspect-ratio: 16/9;
  max-height: 100%;
}/*# sourceMappingURL=block.css.map */