@charset "UTF-8";
  *[linkicon=download] a, *[linkicon=arrow] a, *[linkicon=instagram] a {
text-decoration: none;
color: inherit !important;
padding: 0;
position: relative;
transition: all 400ms;
text-decoration: none;
background-image: linear-gradient(currentColor, currentColor);
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 2px;
transition: background-size 0.3s;
padding-right: 34px;
}
*[linkicon=download] a:hover, *[linkicon=arrow] a:hover, *[linkicon=instagram] a:hover {
color: inherit;
text-decoration: none;
opacity: 0.8;
background-size: calc(100% - 34px) 2px;
}  .emvy-button-circle, .wp-block-button[linkicon=arrow] a {
display: block;
font-family: "FrutigerNextW01-BoldCn", "Franklin Gothic Medium", Segoe UI, Arial, sans-serif;
font-weight: normal;
font-size: 26px;
line-height: 30px;
cursor: pointer;
}
.emvy-button-circle[horizontalalign=right] {
text-align: right;
}
.emvy-button-circle a, .wp-block-button[linkicon=arrow] a {
display: inline-block;
text-decoration: none;
background-color: transparent;
border-radius: 0;
}
.emvy-button-circle[linkicon=arrow]:after, .wp-block-button[linkicon=arrow]:after {
font-size: 50px;
line-height: 50px;
transform: translateY(11px) translateX(-34px);
}
body.wp-admin a.emvy-button-circle-wrapper {
pointer-events: none;
} @media screen and (min-width: 992px) {
.emvy-opener {
margin-bottom: 60px;
padding-top: 50%;
position: relative;
min-height: 605px; width: 100vw;
}
.emvy-opener[height=niedrig] {
padding-top: 36%;
min-height: unset;
} .emvy-opener .emvy-opener-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
border-bottom: 15px solid #6AADE4;
}
}
@media screen and (min-width: 1440px) {
.emvy-opener {
margin-left: calc(0px - (100vw - 1440px) / 2);
}
}
.emvy-opener-wrapper {
position: relative;
}
@media screen and (min-width: 992px) {
.emvy-opener-image-wrapper {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
} .emvy-opener[bgtype=color] .emvy-opener-image-wrapper {
display: none;
}
@media screen and (max-width: 991px) {
.emvy-opener-image-wrapper {
position: relative;
height: 59vw;
overflow: hidden;
}
}
.emvy-opener .emvy-opener-headline-wrapper {
position: absolute;
display: flex;
flex-direction: row;
width: 100%;
height: 100%;
align-items: center;
}
@media screen and (max-width: 991px) {
.emvy-opener .emvy-opener-headline-wrapper {
position: relative;
padding: 0.75rem;
background-color: #6AADE4;
margin-bottom: 2rem;
}
.emvy-opener .emvy-opener-headline-wrapper br {
display: none;
}
}
.emvy-opener .emvy-opener-headline-wrapper > .container {
max-width: unset;
}
.emvy-opener .emvy-opener-headline-wrapper .col {
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.emvy-opener[height=niedrig] .emvy-opener-headline-wrapper .col {
justify-content: flex-start;
}
@media screen and (max-width: 992px) {
.emvy-opener .emvy-opener-headline-wrapper .col {
justify-content: flex-start;
padding-right: 0;
padding-left: 0;
}
}
@media screen and (min-width: 992px) {
.emvy-opener:not([height=niedrig]) .emvy-opener-headline-wrapper .col .headlinewrapper {
padding-top: 120px;
padding-top: 60px;
}
.emvy-opener .emvy-opener-headline-wrapper .col .headlinewrapper .headline {
max-width: 700px;
}
.emvy-opener .emvy-opener-headline-wrapper .col .headlinewrapper .headline::after { content: " ";
width: 15px;
background: #6AADE4;
height: 1000px;
display: block;
position: absolute;
left: 7px;
margin-top: -12px;
}
}
@media screen and (max-width: 1439px) {
.emvy-opener .emvy-opener-headline-wrapper .col .headlinewrapper .headline {
max-width: 570px;
}
}
.emvy-opener .emvy-opener-headline-wrapper .col .headline span { background-color: #6AADE4;
font-family: "FrutigerNextW01-BoldCn", "Franklin Gothic Medium", Segoe UI, Arial, sans-serif;
font-weight: normal;
font-size: 42px;
line-height: 54px;
color: #ffffff;
box-shadow: 42px 0 0 #6AADE4, -42px 0 0 #6AADE4;
margin-left: 30px;
}
@media screen and (max-width: 1439px) {
.emvy-opener .emvy-opener-headline-wrapper .col .headline span {
font-size: 36px;
line-height: 48px;
}
}
@media screen and (max-width: 991px) {
.emvy-opener .emvy-opener-headline-wrapper .col .headline span {
font-size: 24px;
line-height: 28px;
color: #ffffff;
padding: 0;
background: none;
box-shadow: none;
margin-right: 7px;
margin-left: 0;
}
}
.emvy-opener .emvy-opener-headline-wrapper .subline {
color: #DF418C;
font-family: "FrutigerNextW01-BoldCn", "Franklin Gothic Medium", Segoe UI, Arial, sans-serif;
font-weight: normal;
font-size: 24px;
line-height: 30px;
}
@media screen and (max-width: 991px) {
.emvy-opener .emvy-opener-headline-wrapper .subline {
font-size: 20px;
line-height: 20px;
}
}
.emvy-opener .emvy-opener-image-wrapper img {
min-width: 100%;
max-width: 100%;
min-height: 100%;
width: auto;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.emvy-opener[mediaverticalalign=top] .emvy-opener-image-wrapper img {
-o-object-position: top;
object-position: top;
}
.emvy-opener[mediaverticalalign=bottom] .emvy-opener-image-wrapper img {
-o-object-position: bottom;
object-position: bottom;
}
.emvy-opener[bgtype=color] .emvy-opener-image-wrapper img {
display: none;
}
.emvy-opener .emvy-opener-machmiteinanders {
display: block;
position: absolute;
width: 320px;
bottom: 207px;
right: 8px;
}
@media screen and (max-width: 991px) {
.emvy-opener .emvy-opener-machmiteinanders {
width: 42%;
bottom: unset;
top: calc(59vw - 84px);
}
}
.emvy-opener .emvy-opener-machmiteinanders .emvy-opener-machmiteinanders-wrapper {
height: 84px;
background: url(//www.huespectives.de/wp-content/plugins/emvy-gutenberg-blocks-hues/img/machmiteinanders.svg) no-repeat #ffffff center center;
background-size: 80% auto;
}
@media screen and (max-width: 991px) {
.emvy-opener .emvy-opener-machmiteinanders .emvy-opener-machmiteinanders-wrapper {
height: 60px;
background-size: 87% auto;
}
}
.emvy-opener .emvy-opener-logo {
display: block;
position: absolute;
width: 320px;
height: 200px;
bottom: 0px;
right: 8px;
border-right: 11px solid #6AADE4;
}
@media screen and (max-width: 991px) {
.emvy-opener .emvy-opener-logo {
display: none;
}
}
.emvy-opener .emvy-opener-logo .emvy-opener-logo-wrapper {
height: 84px;
background: url(//www.huespectives.de/wp-content/plugins/emvy-gutenberg-blocks-hues/img/logo-eka.svg) no-repeat #6AADE4 center center;
background-size: 80% auto;
} .emvy-spacer {
display: block;
width: 100%;
}
@media screen and (max-width: 767px) {
.emvy-spacer {
height: unset !important;
}
}
body.wp-admin .emvy-spacer {
position: relative;
border: 2px dotted #999;
background: #f0f0f0;
opacity: 0.3;
}
body.wp-admin .emvy-spacer:after {
content: "Spacer/Leerraum";
display: block;
position: absolute;
top: 4px;
left: 11px;
color: #000;
font-size: 14px;
line-height: 100%;
} .emvy-zeile { }
.main-content > .emvy-zeile:last-child { }
@media screen and (max-width: 767px) {
.emvy-zeile {
margin-left: -5vw;
margin-right: -5vw;
}
.emvy-zeile .container > .row {
padding-left: 5vw;
padding-right: 5vw;
}
}
.emvy-zeile .content-container {
padding-top: 84px;
padding-bottom: 168px;
}
@media screen and (max-width: 767px) {
.emvy-zeile .content-container {
padding-bottom: 120px;
}
} .emvy-zeile[paddingtop=none] .content-container {
padding-top: 0;
}
.emvy-zeile[paddingtop=large] .content-container {
padding-top: 168px;
}
@media screen and (max-width: 767px) {
.emvy-zeile[paddingtop=large] .content-container {
padding-top: 120px;
padding-top: 99px;
}
}
.emvy-zeile[paddingbottom=none] .content-container {
padding-bottom: 0;
} @media screen and (min-width: 768px) {
.emvy-zeile .content-container .container.slim {
padding-left: 11%;
padding-right: 11%;
}
}
.emvy-zeile .content-container .col .wp-block-columns:last-child {
margin-bottom: 0;
}
.emvy-zeile[fullheight=fullheight] > div > div > .row, .emvy-zeile[fullheight=fullheight] > div > div > .row .wp-block-column {
min-height: calc(100vh - var(--headerHeight));
}
.emvy-zeile[fullheight=fullheightvideo] > div > div > .row, .emvy-zeile[fullheight=fullheightvideo] > div > div > .row .wp-block-column {
min-height: calc(100vh - var(--headerHeight));
}
@media screen and (max-width: 767px) {
.emvy-zeile[fullheight=fullheightvideo] > div > div > .row, .emvy-zeile[fullheight=fullheightvideo] > div > div > .row .wp-block-column {
min-height: 56.25vw;
max-height: 56.25vw;
}
} figure.fullscreen {
margin: 0;
width: 100%; height: 100%;
}
figure.fullscreen video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.emvy-zeile[fontsize=large], .emvy-zeile[font-size=large] {
font-size: 24px;
line-height: 33px;
}
@media screen and (max-width: 767px) {
.emvy-zeile[fontsize=large], .emvy-zeile[font-size=large] {
font-size: 20px;
line-height: 28px;
}
}
@media screen and (min-width: 768px) {
.emvy-zeile > .container.slim {
padding-left: calc(16.7% - 2em);
padding-right: calc(16.7% - 2em);
}
}
@media screen and (min-width: 1360px) {
.emvy-zeile > .container.slim {
padding-left: calc(207.08px - 2em);
padding-right: calc(207.08px - 2em);
}
}
.emvy-zeile .headline-container .col {
padding: 0;
}
.emvy-zeile .headline-container .col {
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.emvy-zeile[headlinepos=right] .headline-container .col {
justify-content: flex-end;
}
.emvy-zeile[headlinepos=leftpadded] .headline-container .headline {
margin-left: 42px;
}
@media screen and (max-width: 767px) {
.emvy-zeile[headlinepos=leftpadded] .headline-container .headline {
margin-left: 0;
}
}
.emvy-zeile[headlinepos=rightofcenter] .headline-container .headline {
margin-left: calc(50% + 42px);
}
@media screen and (max-width: 767px) {
.emvy-zeile[headlinepos=rightofcenter] .headline-container .headline {
margin-left: auto;
margin-right: 0;
}
}
.emvy-zeile .headline-container .headline {
display: inline-block;
transform-origin: right center;
font-family: "FrutigerNextW01-BoldCn", "Franklin Gothic Medium", Segoe UI, Arial, sans-serif;
font-weight: normal;
line-height: 0.7;
color: #ffffff;
padding-left: 30px;
padding-right: 30px;
padding-top: 21px;
padding-bottom: 15px;
transform: translateY(17px);
margin-bottom: 0;
height: 100%;
}
@media screen and (max-width: 767px) {
.emvy-zeile .headline-container .headline {
font-size: 24px;
line-height: normal;
transform: translateY(15px);
}
}
.emvy-zeile[headlinepos=right] .headline-container .headline {
padding-right: 42px;
}
@media screen and (max-width: 767px) {
.emvy-zeile[headlinepos=right] .headline-container .headline {
padding-right: 30px;
}
}
.emvy-zeile[headlinepos=left] .headline-container .headline {
padding-left: 42px;
}
@media screen and (max-width: 767px) {
.emvy-zeile[headlinepos=left] .headline-container .headline {
padding-left: 30px;
}
}
.emvy-zeile .headline-container .headline:empty {
display: none;
}
.emvy-zeile > .container-fluid {
padding-left: 0;
padding-right: 0;
} .emvy-zeile[boxshadow=yes] .content-container {
box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.25);
}
.emvy-zeile .content-container > .row > .block-editor-inner-blocks { width: 100%;
}
.emvy-zeile .content-container > .row > .wp-block-columns {
width: 100%;
margin-bottom: 0;
padding: 0;
}
.emvy-zeile .content-container > .row > .wp-block-columns[padding=yes] {
padding: 42px;
padding-top: 60px;
}
@media screen and (max-width: 767px) {
.emvy-zeile .content-container > .row > .wp-block-columns[padding=yes] {
padding: 0;
padding-top: 42px;
}
}
.wp-block-columns .wp-block-columns {
margin-bottom: 42px;
gap: 42px;
}
.wp-block-columns .wp-block-columns + .wp-block-columns {
margin-top: -42px;
}
.emvy-zeile .content-container > .row > .wp-block-columns > .wp-block-column {
padding: 0;
}
.emvy-zeile .content-container > .row .wp-block-columns[columnssameheight=yes] > .wp-block-column {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.emvy-zeile .content-container > .row > .wp-block-columns[columnbordercolor="#DF418C"] > .wp-block-column:not(:last-child) {
border-right: 1px solid #DF418C;
padding-right: 21px;
}
.emvy-zeile .content-container > .row > .wp-block-columns[columnbordercolor="#6AADE4"] > .wp-block-column:not(:last-child) {
border-right: 1px solid #6AADE4;
padding-right: 21px;
}
.emvy-zeile .content-container > .row > .wp-block-columns[columnbordercolor="#CED700"] > .wp-block-column:not(:last-child) {
border-right: 1px solid #CED700;
padding-right: 21px;
}
.emvy-zeile .content-container > .row > .wp-block-columns[columnbordercolor="#928B81"] > .wp-block-column:not(:last-child) {
border-right: 1px solid #928B81;
padding-right: 21px;
}
.emvy-zeile .content-container > .row > .wp-block-columns[columnbordercolor="#403D38"] > .wp-block-column:not(:last-child) {
border-right: 1px solid #403D38;
padding-right: 21px;
}
.emvy-zeile .content-container > .row > .wp-block-columns[columnbordercolor="#000000"] > .wp-block-column:not(:last-child) {
border-right: 1px solid #000000;
padding-right: 21px;
}
.emvy-zeile .content-container > .row > .wp-block-columns[columnbordercolor="#FFFFFF"] > .wp-block-column:not(:last-child) {
border-right: 1px solid #ffffff;
padding-right: 21px;
}
.emvy-zeile .content-container > .row > .wp-block-columns[columnbordercolor="#7C756B"] > .wp-block-column:not(:last-child) {
border-right: 1px solid #7C756B;
padding-right: 21px;
}
.emvy-zeile .content-container > .row > .wp-block-columns > .wp-block-column.has-background {
padding: 30px;
}
.emvy-zeile .content-container > .row > .wp-block-columns > .wp-block-column p:last-child {
margin-bottom: 0;
}
.emvy-zeile .content-container img {
width: auto;
height: auto;
max-width: 100%;
}
.emvy-zeile figure.wp-block-media-text__media {
width: 100%;
height: 100%;
}
.emvy-zeile figure.wp-block-media-text__media img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
} .emvy-cpt-listing-wrapper {
transition: height 600ms;
}
.wp-block-columns.emvy-cpt-listing { display: flex;
flex-wrap: wrap !important;
justify-content: center;
gap: 42px;
transition: all 500ms;
animation-name: fadein;
animation-duration: 1s;
animation-fill-mode: forwards;
opacity: inherit;
}
@media screen and (max-width: 767px) {
.wp-block-columns.emvy-cpt-listing {
gap: 0;
}
}
@keyframes fadein {
0% {
opacity: 0;
}
10% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
10% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.wp-block-columns.emvy-cpt-listing > .wp-block-column {
position: relative;
max-width: calc(33% - 28px);
min-width: calc(33% - 28px);
cursor: pointer;
}
@media screen and (max-width: 767px) {
.wp-block-columns.emvy-cpt-listing > .wp-block-column {
position: relative;
max-width: 100%;
min-width: 100%;
cursor: pointer;
}
.wp-block-columns.emvy-cpt-listing > .wp-block-column:not(:last-child) {
margin-bottom: 30px;
}
}
.wp-block-columns.emvy-cpt-listing > .wp-block-column .emvy-cpt-listing-thumb-wrapper {
position: relative;
aspect-ratio: 16/9;
overflow: hidden;
}
.wp-block-columns.emvy-cpt-listing > .wp-block-column .emvy-cpt-listing-thumb-wrapper img {
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.wp-block-columns.emvy-cpt-listing > .wp-block-column .emvy-cpt-listing-background-hover {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85); opacity: 0;
transition: all 0.4s;
}
body:not(.is-ios) .wp-block-columns.emvy-cpt-listing > .wp-block-column:hover .emvy-cpt-listing-background-hover {  opacity: 1;
}
.wp-block-columns.emvy-cpt-listing > .wp-block-column .emvy-cpt-listing-thumb-wrapper-hover img {
opacity: 0;  transition: all 0.8s;
}
body:not(.is-ios) .wp-block-columns.emvy-cpt-listing > .wp-block-column:hover .emvy-cpt-listing-thumb-wrapper-hover img {
opacity: 1;  transition: all 0.4s;
}
.pagination {
display: flex;
justify-content: space-around;
flex-flow: row wrap;
align-items: center;
}
.pagination .line {
height: 1px;
overflow: hidden;
background-color: #7C756B;
}
.pagination .line:first-child {
flex-grow: 1;
}
.pagination .line:last-child {
flex-grow: 1;
}
.pagination .numbers-and-arrows {
flex-grow: auto;
display: flex;
margin: 0;
}
.pagination .numbers-and-arrows .arrow {
padding-left: 42px;
padding-right: 42px;
color: #7C756B;
}
@media screen and (max-width: 767px) {
.pagination .numbers-and-arrows .arrow {
display: flex;
align-items: center;
}
}
.pagination .numbers-and-arrows .arrow:not(.active):hover {
color: #403D38;
cursor: pointer;
}
.pagination .numbers-and-arrows .number, .wp-block-query-pagination-numbers a {
padding-left: 11px;
padding-right: 11px;
color: #928B81;
}
.pagination .numbers-and-arrows .number:not(.active):hover, .wp-block-query-pagination-numbers a:hover {
color: #403D38;
cursor: pointer;
}
.pagination .numbers-and-arrows .number.active, .wp-block-query-pagination-numbers .current {
color: #403D38;
} .emvy-teammembers-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 42px; }
@media screen and (max-width: 767px) {
.emvy-teammembers-wrapper {
grid-template-columns: 1fr;
}
} .emvy-teammembers-wrapper .emvy-teammember {
cursor: pointer;
animation-name: fadein;
animation-duration: 1s;
animation-fill-mode: forwards;
opacity: inherit;
transition: all 500ms;
}
.overlayer .emvy-teammember {
margin-left: auto;
margin-right: auto;
}
.emvy-teammembers-wrapper .emvy-teammember:hover {
opacity: 0.8;
}
.overlayer .emvy-teammember-wrapper {
max-width: 580px;
max-width: 640px;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
}
@media screen and (max-width: 767px) {
.overlayer .emvy-teammember-wrapper {
padding-top: 60px;
}
}
.emvy-teammembers-wrapper .emvy-teammember-image-wrapper, .overlayer .emvy-teammember-image-wrapper {
display: block;
position: relative;
padding-top: 80%;
}
.overlayer .emvy-teammember-image-wrapper {
padding-top: 50%;
padding-top: 42%;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.overlayer .emvy-teammember-image-wrapper {
padding-top: 62%;
}
}
.emvy-teammember-image-wrapper-inner {
display: block;
position: absolute;
width: 80%;
height: 100%;
top: 0;
left: 10%;
border-radius: 9999px;
overflow: hidden;
}
.overlayer .emvy-teammember-image-wrapper-inner {
width: 100%;
left: 0;
}
.emvy-teammembers-wrapper .emvy-teammember-image-wrapper img, .overlayer .emvy-teammember-image-wrapper img {
display: block;
position: absolute;
width: 100%;
height: 100%;
width: 80%;
width: 100%;
left: 10%;
left: 0;
top: 0;
border-radius: 9999px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
transform: scale(1);
transition: all 0.5s;
}
.overlayer .emvy-teammember-image-wrapper img {
width: 50%;
left: 25%;
width: 42%;
left: 29%;
}
@media screen and (max-width: 767px) {
.overlayer .emvy-teammember-image-wrapper img {
width: 62%;
left: 19%;
}
}
.emvy-teammembers-wrapper .emvy-teammember-image-wrapper img:hover {
transform: scale(1.05);
}
.overlayer .emvy-teammembers-wrapper .emvy-teammember-image-wrapper img:hover {
transform: scale(1);
}
.emvy-teammembers-wrapper .membername, .overlayer .membername {
font-family: "Radiate Sans Semi Expanded";
font-weight: normal;
font-style: italic;
font-size: 15px;
text-align: center;
text-transform: uppercase;
margin-top: 21px;
margin-bottom: 0px;
}
.overlayer .membername {
font-size: 28px;
}
@media screen and (max-width: 767px) {
.overlayer .membername {
font-size: 25px;
line-height: normal;
margin-bottom: 7px;
}
}
.emvy-teammembers-wrapper .headline, .overlayer .headline {
font-family: "Radiate Sans Light Sm Expanded";
font-weight: 300;
font-style: italic;
font-size: 15px;
text-align: center;
text-transform: uppercase;
margin-bottom: 42px;
}
.overlayer .headline {
font-size: 21px;
margin-bottom: 21px;
}
@media screen and (max-width: 767px) {
.overlayer .headline {
font-size: 19px;
}
}
.emvy-teammembers-wrapper .subline, .emvy-teammembers-wrapper .vita, .emvy-teammembers-wrapper .emvy-teammember-social-wrapper {
display: none;
}
.overlayer .subline {
font-weight: 700;
font-size: 20px;
text-align: center;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.overlayer .subline {
font-size: 19px;
}
}
.overlayer .subline:before {
content: "{ ";
}
.overlayer .subline:after {
content: " }";
}
.overlayer .vita {
text-align: justify;
margin-bottom: 30px;
}
body.overlayer-active {
max-height: 100vh;
overflow: hidden;
}
.overlayer {
display: block;
position: fixed;
width: 100vw;
height: 100vh;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.9);
z-index: 105;
pointer-events: all;
opacity: 1;
transition: all 0.9s 0.1s;
animation-name: fadein;
animation-duration: 1s;
animation-fill-mode: forwards;
opacity: inherit;
pointer-events: none;
}
@media screen and (max-width: 767px) {
.overlayer {
background: #ffffff;
padding-bottom: 60px;
pointer-events: all;
}
}
.overlayer.closed {
pointer-events: none;
opacity: 0;
transition: all 0.9s 0.1s;
animation-name: fadeOut;
animation-duration: 700ms;
animation-fill-mode: forwards;
opacity: inherit;
}
.overlayer .wrapper-col {
-webkit-clip-path: inset(0% -20% 0% 0%);
clip-path: inset(0% -20% 0% 0%);
transition: all 1s ease-out;
}
.overlayer.closed .wrapper-col {
-webkit-clip-path: inset(0% -20% 100% 0%);
clip-path: inset(0% -20% 100% 0%);
}
.overlayer .overlayer-title {
display: flex;
width: 100%;
height: 84px;
justify-content: center;
align-items: flex-end;
padding-bottom: 15px;
font-family: "Radiate Sans";
font-weight: 600;
font-family: "Lato";
font-weight: 400;
font-size: 24px;
color: #ffffff;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.overlayer .overlayer-title {
height: auto;
padding-top: 84px;
padding-bottom: 60px;
color: #000000;
text-align: center;
}
}
.overlayer.team .overlayer-title {
height: 60px;
}
@media screen and (max-width: 767px) {
.overlayer.team .overlayer-title {
display: none;
}
}
.overlayer .overlayer-content-wrapper {
display: block;
width: 100%;
height: calc(100vh - 84px - 84px);
background: #ffffff;
overflow-y: auto;
scrollbar-color: #DBDBDB #f0f0f0;
scrollbar-width: thin;
padding-top: 42px;
padding-left: 42px;
padding-right: 42px;
pointer-events: all;
}
@media screen and (max-width: 767px) {
.overlayer .overlayer-content-wrapper {
height: auto;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
}
.overlayer.team .overlayer-content-wrapper {
height: calc(100vh - 60px - 60px);
}
@media screen and (max-width: 767px) {
.overlayer.team .overlayer-content-wrapper {
height: auto;
max-height: 100vh;
max-height: 100dvh;
}
}
.overlayer .overlayer-content-wrapper::-webkit-scrollbar {
width: 9px;
}
.overlayer .overlayer-content-wrapper::-webkit-scrollbar-track {
background: #f0f0f0;
}
.overlayer .overlayer-content-wrapper::-webkit-scrollbar-thumb {
background-color: #DBDBDB;
border-radius: 0px;
border: 3px solid #f0f0f0;
}
.overlayer .overlayer-closeme {
display: block;
position: absolute;
width: 21px;
height: 21px;
right: -21px;
top: 84px;
background: url(//www.huespectives.de/wp-content/plugins/emvy-gutenberg-blocks-hues/img/closeme.svg) no-repeat center center;
background-size: contain;
cursor: pointer;
transform: scale(1);
transition: all 0.3s;
pointer-events: all;
}
@media screen and (max-width: 767px) {
.overlayer .overlayer-closeme {
width: 15px;
height: 15px;
right: 5vw;
top: 5vw;
filter: brightness(0);
}
}
.overlayer.team .overlayer-closeme {
top: 60px;
}
@media screen and (max-width: 767px) {
.overlayer.team .overlayer-closeme {
top: 5vw;
}
}
.overlayer .overlayer-closeme:hover {
transform: scale(1.2);
}
.emvy-project-intro {
margin-bottom: 30px;
} .emvy-carousel {
overflow: hidden;
position: relative;
}
@media screen and (max-width: 767px) {
.emvy-carousel {
width: 100vw;
margin-left: -15px;
}
}
.emvy-carousel-wrapper {
display: flex;
flex-direction: row;
}
@media screen and (max-width: 767px) {
.emvy-carousel-wrapper {
transform: translateX(19vw);
}
}
body.wp-admin .emvy-carousel-wrapper > .block-editor-inner-blocks > .block-editor-block-list__layout {
display: flex;
}
.emvy-carousel-wrapper .emvy-carousel-item {
position: relative;
flex: 1 1 0px;
overflow: hidden;
margin-right: 21px;
}
body.wp-admin .emvy-carousel-wrapper .emvy-carousel-item {
min-width: 150px;
}
.emvy-carousel-wrapper .emvy-carousel-item a {
display: block;
width: 100%;
top: 0;
padding-top: 121%;
}
@media screen and (max-width: 767px) {
.emvy-carousel-wrapper .emvy-carousel-item a {
padding-top: 75%;
}
}
.emvy-carousel-wrapper .emvy-carousel-item img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: auto;
width: auto;
min-height: 100%; }
.emvy-carousel-wrapper .emvy-carousel-item .emvy-carousel-item-headline {
position: absolute;
width: 100%;
top: 42px;
background-color: #6AADE4;
color: #ffffff;
font-weight: 700;
font-size: 22px;
line-height: 22px;
text-transform: uppercase;
padding-left: 21px;
padding-right: 21px;
padding-top: 7px;
padding-bottom: 8px;
}
.emvy-carousel .arrow-left, .emvy-carousel .arrow-right {
position: absolute;
width: 24px;
height: 38px;
top: 50%;
transform: translateY(-50%);
background-repeat: no-repeat;
background-size: contain;
filter: drop-shadow(0px 0px 30px rgb(255, 255, 255));
cursor: pointer;
transition: background-image 250ms ease-out;
}
.emvy-carousel .arrow-left {
left: 11px;
background-image: url("data:image/svg+xml, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-348.2 281.8 20.6 33.4' enable-background='new -348.2 281.8 20.6 33.4' xml:space='preserve'%3E%3Cpath fill='%23176525' d='M-347.2,297.3c-0.7,0.7-0.7,1.8,0,2.4l14.4,14.5c0.7,0.7,1.9,0.7,2.5,0l1.7-1.7c0.7-0.7,0.7-1.8,0-2.5 l-11.4-11.4l11.4-11.5c0.7-0.7,0.7-1.9,0-2.5l-1.7-1.7c-0.7-0.7-1.8-0.7-2.5,0L-347.2,297.3z'/%3E%3Cpath fill='%23FFFFFF' d='M-347.2,297.3l0.4,0.4l0,0L-347.2,297.3z M-347.2,299.7l0.4-0.4l0,0L-347.2,299.7z M-332.8,314.2l-0.4,0.4 l0,0l0,0L-332.8,314.2z M-328.5,310l0.4-0.3l0,0l0,0L-328.5,310z M-340,298.5l-0.4-0.4l-0.4,0.4l0.4,0.4L-340,298.5z M-328.5,287 l0.4,0.4l0,0l0,0L-328.5,287z M-332.8,282.8l-0.3-0.4l0,0l0,0L-332.8,282.8z M-347.5,296.9c-0.9,0.9-0.9,2.3,0,3.2l0.7-0.7 c-0.5-0.5-0.5-1.3,0-1.7L-347.5,296.9z M-347.5,300.1l14.4,14.5l0.7-0.7l-14.4-14.5L-347.5,300.1z M-333.1,314.6 c0.9,0.8,2.3,0.9,3.2,0l-0.7-0.7c-0.5,0.5-1.3,0.5-1.8,0L-333.1,314.6z M-329.9,314.5l1.7-1.7l-0.7-0.7l-1.7,1.7L-329.9,314.5z M-328.2,312.8c0.9-0.9,0.8-2.3,0-3.2l-0.7,0.7c0.5,0.6,0.5,1.4,0,1.8L-328.2,312.8z M-328.2,309.6l-11.4-11.4l-0.7,0.7l11.4,11.4 L-328.2,309.6z M-339.6,298.9l11.4-11.5l-0.7-0.7l-11.4,11.5L-339.6,298.9z M-328.2,287.4c0.8-0.9,0.9-2.3,0-3.2l-0.7,0.7 c0.5,0.5,0.5,1.3,0,1.8L-328.2,287.4z M-328.2,284.1l-1.7-1.7l-0.7,0.7l1.7,1.7L-328.2,284.1z M-329.9,282.4c-0.9-0.9-2.3-0.8-3.2,0 l0.7,0.7c0.6-0.5,1.4-0.5,1.8,0L-329.9,282.4z M-333.1,282.4l-14.4,14.5l0.7,0.7l14.4-14.5L-333.1,282.4z'/%3E%3C/svg%3E");
}
.emvy-carousel .arrow-left:hover {
background-image: url("data:image/svg+xml, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-348.2 281.8 20.6 33.4' enable-background='new -348.2 281.8 20.6 33.4' xml:space='preserve'%3E%3Cpath fill='%23349946' d='M-347.2,297.3c-0.7,0.7-0.7,1.8,0,2.4l14.4,14.5c0.7,0.7,1.9,0.7,2.5,0l1.7-1.7c0.7-0.7,0.7-1.8,0-2.5 l-11.4-11.4l11.4-11.5c0.7-0.7,0.7-1.9,0-2.5l-1.7-1.7c-0.7-0.7-1.8-0.7-2.5,0L-347.2,297.3z'/%3E%3Cpath fill='%23FFFFFF' d='M-347.2,297.3l0.4,0.4l0,0L-347.2,297.3z M-347.2,299.7l0.4-0.4l0,0L-347.2,299.7z M-332.8,314.2l-0.4,0.4 l0,0l0,0L-332.8,314.2z M-328.5,310l0.4-0.3l0,0l0,0L-328.5,310z M-340,298.5l-0.4-0.4l-0.4,0.4l0.4,0.4L-340,298.5z M-328.5,287 l0.4,0.4l0,0l0,0L-328.5,287z M-332.8,282.8l-0.3-0.4l0,0l0,0L-332.8,282.8z M-347.5,296.9c-0.9,0.9-0.9,2.3,0,3.2l0.7-0.7 c-0.5-0.5-0.5-1.3,0-1.7L-347.5,296.9z M-347.5,300.1l14.4,14.5l0.7-0.7l-14.4-14.5L-347.5,300.1z M-333.1,314.6 c0.9,0.8,2.3,0.9,3.2,0l-0.7-0.7c-0.5,0.5-1.3,0.5-1.8,0L-333.1,314.6z M-329.9,314.5l1.7-1.7l-0.7-0.7l-1.7,1.7L-329.9,314.5z M-328.2,312.8c0.9-0.9,0.8-2.3,0-3.2l-0.7,0.7c0.5,0.6,0.5,1.4,0,1.8L-328.2,312.8z M-328.2,309.6l-11.4-11.4l-0.7,0.7l11.4,11.4 L-328.2,309.6z M-339.6,298.9l11.4-11.5l-0.7-0.7l-11.4,11.5L-339.6,298.9z M-328.2,287.4c0.8-0.9,0.9-2.3,0-3.2l-0.7,0.7 c0.5,0.5,0.5,1.3,0,1.8L-328.2,287.4z M-328.2,284.1l-1.7-1.7l-0.7,0.7l1.7,1.7L-328.2,284.1z M-329.9,282.4c-0.9-0.9-2.3-0.8-3.2,0 l0.7,0.7c0.6-0.5,1.4-0.5,1.8,0L-329.9,282.4z M-333.1,282.4l-14.4,14.5l0.7,0.7l14.4-14.5L-333.1,282.4z'/%3E%3C/svg%3E");
}
.emvy-carousel .arrow-right {
right: 11px;
background-image: url("data:image/svg+xml, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-348.5 281.9 20.6 33.4' enable-background='new -348.5 281.9 20.6 33.4' xml:space='preserve'%3E%3Cpath fill='%23176525' d='M-328.8,299.8c0.7-0.7,0.7-1.8,0-2.4l-14.4-14.5c-0.7-0.7-1.9-0.7-2.5,0l-1.7,1.7c-0.7,0.7-0.7,1.8,0,2.5 l11.4,11.4l-11.4,11.5c-0.7,0.7-0.7,1.9,0,2.5l1.7,1.7c0.7,0.7,1.8,0.7,2.5,0L-328.8,299.8z'/%3E%3Cpath fill='%23FFFFFF' d='M-328.8,299.8l-0.4-0.4l0,0L-328.8,299.8z M-328.8,297.3l-0.4,0.4l0,0L-328.8,297.3z M-343.2,282.9l0.4-0.4 l0,0l0,0L-343.2,282.9z M-347.5,287.1l-0.4,0.3l0,0l0,0L-347.5,287.1z M-336,298.5l0.4,0.4l0.4-0.4l-0.4-0.4L-336,298.5z M-347.5,310l-0.4-0.4l0,0l0,0L-347.5,310z M-343.2,314.3l0.3,0.4l0,0l0,0L-343.2,314.3z M-328.5,300.1c0.9-0.9,0.9-2.3,0-3.2 l-0.7,0.7c0.5,0.5,0.5,1.3,0,1.7L-328.5,300.1z M-328.5,297l-14.4-14.5l-0.7,0.7l14.4,14.5L-328.5,297z M-342.9,282.5 c-0.9-0.8-2.3-0.9-3.2,0l0.7,0.7c0.5-0.5,1.3-0.5,1.8,0L-342.9,282.5z M-346.1,282.5l-1.7,1.7l0.7,0.7l1.7-1.7L-346.1,282.5z M-347.8,284.2c-0.9,0.9-0.8,2.3,0,3.2l0.7-0.7c-0.5-0.6-0.5-1.4,0-1.8L-347.8,284.2z M-347.8,287.5l11.4,11.4l0.7-0.7l-11.4-11.4 L-347.8,287.5z M-336.4,298.2l-11.4,11.5l0.7,0.7l11.4-11.5L-336.4,298.2z M-347.8,309.7c-0.8,0.9-0.9,2.3,0,3.2l0.7-0.7 c-0.5-0.5-0.5-1.3,0-1.8L-347.8,309.7z M-347.8,312.9l1.7,1.7l0.7-0.7l-1.7-1.7L-347.8,312.9z M-346.1,314.6c0.9,0.9,2.3,0.8,3.2,0 l-0.7-0.7c-0.6,0.5-1.4,0.5-1.8,0L-346.1,314.6z M-342.9,314.6l14.4-14.5l-0.7-0.7l-14.4,14.5L-342.9,314.6z'/%3E%3C/svg%3E%0A");
}
.emvy-carousel .arrow-right:hover {
background-image: url("data:image/svg+xml, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-348.5 281.9 20.6 33.4' enable-background='new -348.5 281.9 20.6 33.4' xml:space='preserve'%3E%3Cpath fill='%23349946' d='M-328.8,299.8c0.7-0.7,0.7-1.8,0-2.4l-14.4-14.5c-0.7-0.7-1.9-0.7-2.5,0l-1.7,1.7c-0.7,0.7-0.7,1.8,0,2.5 l11.4,11.4l-11.4,11.5c-0.7,0.7-0.7,1.9,0,2.5l1.7,1.7c0.7,0.7,1.8,0.7,2.5,0L-328.8,299.8z'/%3E%3Cpath fill='%23FFFFFF' d='M-328.8,299.8l-0.4-0.4l0,0L-328.8,299.8z M-328.8,297.3l-0.4,0.4l0,0L-328.8,297.3z M-343.2,282.9l0.4-0.4 l0,0l0,0L-343.2,282.9z M-347.5,287.1l-0.4,0.3l0,0l0,0L-347.5,287.1z M-336,298.5l0.4,0.4l0.4-0.4l-0.4-0.4L-336,298.5z M-347.5,310l-0.4-0.4l0,0l0,0L-347.5,310z M-343.2,314.3l0.3,0.4l0,0l0,0L-343.2,314.3z M-328.5,300.1c0.9-0.9,0.9-2.3,0-3.2 l-0.7,0.7c0.5,0.5,0.5,1.3,0,1.7L-328.5,300.1z M-328.5,297l-14.4-14.5l-0.7,0.7l14.4,14.5L-328.5,297z M-342.9,282.5 c-0.9-0.8-2.3-0.9-3.2,0l0.7,0.7c0.5-0.5,1.3-0.5,1.8,0L-342.9,282.5z M-346.1,282.5l-1.7,1.7l0.7,0.7l1.7-1.7L-346.1,282.5z M-347.8,284.2c-0.9,0.9-0.8,2.3,0,3.2l0.7-0.7c-0.5-0.6-0.5-1.4,0-1.8L-347.8,284.2z M-347.8,287.5l11.4,11.4l0.7-0.7l-11.4-11.4 L-347.8,287.5z M-336.4,298.2l-11.4,11.5l0.7,0.7l11.4-11.5L-336.4,298.2z M-347.8,309.7c-0.8,0.9-0.9,2.3,0,3.2l0.7-0.7 c-0.5-0.5-0.5-1.3,0-1.8L-347.8,309.7z M-347.8,312.9l1.7,1.7l0.7-0.7l-1.7-1.7L-347.8,312.9z M-346.1,314.6c0.9,0.9,2.3,0.8,3.2,0 l-0.7-0.7c-0.6,0.5-1.4,0.5-1.8,0L-346.1,314.6z M-342.9,314.6l14.4-14.5l-0.7-0.7l-14.4,14.5L-342.9,314.6z'/%3E%3C/svg%3E%0A");
}