/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/* lexend-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/Lexend-Light.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lexend-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Lexend-Regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lexend-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/Lexend-Medium.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lexend-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/Lexend-SemiBold.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lexend-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/Lexend-Bold.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* krona-one-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Krona One';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/krona-one-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* allison-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Allison';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/allison-v11-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Vivenda specific colors
/
/ brown rgb(125, 89, 62, 1) #7d593e
/ green rgba(193, 211, 121, 1) #c1d379
/ text grey b2b2b2 light #E8E8E8
/ blue 52B4CA
/ light brown #DBD5CB


breakpoints: (
Elementor Breakpoints
@media(max-width: 1366px) {labtop}
@media(max-width: 1024px) {tablet landscape}
@media(max-width: 767px) {}
*/


html {
  scroll-behavior: smooth;
}

body{
font-family: Lexend, Tahoma, sans-serif;
font-size: 20px;
font-weight: 300;
min-height: 100vh;
display: flex;
flex-direction: column;



/**************** fonts ****************************/


}

h1,h2,h3,h4,h5,h6 {font-weight: 300;}




a.v-btn-more {color: #000000;}
.dark a.v-btn-more {color: #ffffff;}

.vivenda.elementor-widget-heading .elementor-heading-title {font-weight: 600;}
.f-kr, .logo {font-family: "Krona One", sans-serif;}
.f-kr-bd {font-weight: 600; }
.f-kr h2 span {font-weight: 600;}

.dark * {color: #ffffff; --e-global-color-primary: #ffffff ;}

.comp {font-size: 200%; font-weight: 600; font-family: "Krona One", sans-serif;}
.v_intro, .v_intro .elementor-heading-title {line-height: 1.5;}
.v_intro, .v_intro .elementor-heading-title .comp {line-height: 1;}


.elementor-widget-heading h1.elementor-heading-title, .elementor-widget-heading p.elementor-heading-title  {
    color: var( --e-global-color-text );
}


.tbox a, .tbox a:hover, .tbox a:visited{

color: #B2B2B2;
transition: all 0.5s ease;

}


.tbox a:hover{color: #000000;}


.intro_text, 
.intro_text h2, 
.intro_text h3 {font-weight: 700; font-size: 62px; line-height: 1.1}

.t_hl { color: #7d593e; }
.t_hl_gr{color: #B2B2B2;}
.t_hl_br {color: #7F6A57}



.h1,.h2,.h3,.h4,.h5,.h6 {
    margin-block-start:.5rem;margin-block-end:1rem;font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}

.h1 {
    font-size: 2.5rem
}

.h2 {
    font-size: 2rem
}

.h3 {
    font-size: 1.75rem
}

.h4 {
    font-size: 1.5rem
}

.h5 {
    font-size: 1.25rem
}

.h6 {
    font-size: 1rem
}

.fw300, .fw300 .elementor-heading-title {font-weight: 300; line-height: 1.2;}
.fw400, .fw400 .elementor-heading-title {font-weight: 400; line-height: 1.2;}
.fw300lh, .fw300lh .elementor-heading-title {font-weight: 300; line-height: 1.5;}
.lh12 {line-height: 1.2;}
.hwr {font-family: 'Allison'; font-size: 96px; line-height: 1;}
.uc {text-transform: uppercase;}


.te_nm p {margin-block-end:13px;}

.bpo {font-size: 200%; line-height: 0.5}
/* quote */

.vblockquote:before, .vblockquote:after {
                                        content: "“";
                                        font-size: 100px;
                                        color: #f9fafa;
                                        font-family: Times New Roman,Times,serif;
                                        font-weight: 900;
                                        font-style: italic;
                                        line-height: 1;
                                        display: inline-block;
                                        height: .6em
}



.reverse {color: #b2b2b2;}

.reverse span {color: #000000;}
.white{color: #ffffff;}


.testimonial-text, .testimonial-text .elementor-heading-title{
font-weight:700;
font-size:36px;
letter-spacing:-.05em;
line-height:1.1;
margin-bottom:40px;
}

.testimonial-text-2, .testimonial-text-2 .elementor-heading-title{
font-weight:700;
font-size:42px;
letter-spacing:-.05em;
line-height:1.1;
margin-bottom:40px;
}




/* our work */
.title_2 h1 {font-size: 36px; font-weight: 700;}

@media (min-width: 1024px) {
    .title_2 h1 {font-size: 48px; font-weight: 700; }
}




/**** projects */

.single-projects h1.elementor-heading-title {text-transform: uppercase;}

.pr_row {
margin:0; 
padding:0;  
flex-wrap: wrap; /* Elemente können in die nächste Zeile umbrechen */
justify-content: space-between; /* Platz zwischen den Elementen */
}
.pr_row_el{
flex: 1 1 25%; /* Basisbreite 25% für vier Elemente in einer Zeile */
margin: 0;
box-sizing: border-box;
padding: 0;
}

.pr_row_el_two{
flex: 1 1 50%; /* Basisbreite 25% für vier Elemente in einer Zeile */
margin: 0;
box-sizing: border-box;
padding: 0;
}

/* Media Query für kleinere Bildschirme */
@media (max-width: 1220px) {
.pr_row_el{
flex: 1 1 50%; /* Zwei Elemente in einer Zeile, 48% Breite für zwei Elemente */
}

.pr_row_el_two.con_large {flex: 1 1 100%;}

/* Reorder items */
            .pr_reo .pr_row_el:nth-child(1) {
                order: 1;
            }
            .pr_reo .pr_row_el:nth-child(2) {
                order: 2;
            }
            .pr_reo .pr_row_el:nth-child(3) {
                order: 4; /* Move item 3 to the end */
            }
            .pr_reo .pr_row_el:nth-child(4) {
                order: 3; /* Move item 4 before item 3 */
            }
            
            
            
}


/* Media Query für mobile */
@media (max-width: 768px) {
.pr_row_el, .pr_row_el_two {
flex: 1 100%; /* Ein Elemente in einer Zeile */
}

.single-projects .elementor-widget-theme-post-featured-image {margin-top: 100px;}

}


@media (min-width: 1220px) {
.pr_row_el.pr_hlbr {background-color: #7d593e; margin-top: -25px;}
.pr_row_el.pr_hlbr_bo {background-color: #7d593e; margin-bottom: -25px;}
.pr_hlmybg{ background: linear-gradient(120deg, rgb(125, 89, 62) 0%, rgb(219, 213, 203) 100%); margin-top: -25px;}
.pr_hlmybg_2{ background: linear-gradient(120deg, rgb(203, 186, 204) 0%, rgb(36, 57, 73) 100%); margin-top: -25px;}

}


@media (min-width: 768px) {
.hero {max-height:90vH; height:90vH;}
}

.pr_title {bottom: calc(10vH - 48px);}
.pr_title h1 {font-size: 96px;}
.pr_text {padding-top: 10vH;}
.pr_text_0 {padding:0;}
.pr_text_int {padding: 60px;}
.pr_text_int.top {padding-bottom:0}
.pr_text_int.mid {padding-bottom:0; padding-top:0}
.pr_text_int.bot {padding-top:0}


.m_pro {
  position: relative;
  overflow: hidden; /* Ensure overflow is hidden */
  transition: height 0.5s ease; /* Smooth height transition */
  text-transform: uppercase;
}

.m_pro .elementor-nav-menu li, .m_pro li {
 background-color: #000000;
  opacity: 0;
  transition: opacity 1s, transform 1s;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
}

.m_pro li.visible {
  opacity: 1;
  z-index: 2;
}

.m_pro li.moving-up {
  transform: translateY(-100%);
}



@media (max-width: 767px) {
.pr_text_int {padding: 15px;}
}



/**** projects */


@media (min-width: 1367px) {
.intro_text, 
.intro_text h2, 
.intro_text h3 {font-size: 90px;}
}

@media (max-width: 768px) {


.intro_text, .intro_text h2, .intro_text h3 {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
    hyphens: auto;
	font-size: 56px; 
	line-height: 1;
}

.comp {font-size: 150%; }


.pr_title h1 {font-size: 48px;}

}


@media (max-width: 1024px) {
.pr_title h1 {font-size: 62px;}
}


.single-projects .elementor-widget-text-editor a:active, .single-projects .elementor-widget-text-editor a{transition: all 0.5s ease;}
.single-projects .elementor-widget-text-editor a:active, .single-projects .elementor-widget-text-editor a:hover {color: #a3a3a4;}
.single-projects a.ext {color: #a3a3a4;}
.single-projects .elementor-widget-text-editor a:active, .single-projects .elementor-widget-text-editor a.ext:hover {color: #ffffff;}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Animations  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.elementor-kit-413 e-page-transition {
background-image: url(/wp-content/uploads/visual_transparent.svg);   
background-repeat: no-repeat;
background-size: contain; 
background-position: -400px -100px;
}

/***
* Vivenda specific page loader for Homepage
*/ 

.vpageLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 990;
    transition: opacity 2s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    
    
background-image: url(/wp-content/uploads/visual_transparent.svg);   
background-repeat: no-repeat;
background-size: contain; 
background-position: -400px -100px;
}

@media (max-width: 768px) {
.vpageLoader {
background-position: -40px -10px;
}
}

   
#vpageLoader_bg { 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 1);
     z-index: 990;
     transition: opacity 2s ease;
    }
    
        
.loaded {
    opacity: 0;
    pointer-events: none;
  }


 .loadertext {
    color: white;
    opacity: 0;
    animation: fadeIn 2s forwards;
    animation-delay: calc(0.2s * var(--index)); 
 
  }

 .loadertext.dot {
    animation: fadeInRep 2s infinite;
    animation-delay: calc(0.2s * var(--index)); 
   
 
  }





.vtext-container{
 z-index: 998;
padding:0; 
margin:0;
max-width: 100%;
/*font-size: 4rem; */
font-size: 48px;
font-family: "Krona One", sans-serif;
font-weight: 400;
}


.vtext-container .pr-5{padding-right:5px; }
.vtext-container .pr-load{padding-right:7px; }


@media (min-width: 1024px) {
.vtext-container{
font-size: calc(70vw * 0.07); /* scale font size based on viewport width */
}

.vtext-container .pr-5{padding-right:1rem; }
.vtext-container .pr-load{padding-right:1.5rem; }


}

.loadertext .sm_br, .sm_br{display: none;}
.loadertext .lg_br, .lg_br{display: none;}

@media (max-width: 767px) {
.loadertext .sm_br, .sm_br{display: block;}
}

@media (min-width: 768px) {
.loadertext .lg_br, .lg_br{display: block;}
}

#logoelement {
    opacity: 0.1;
    animation-delay: 2s; /* Delay for image to fade in */
    transition: opacity 2s ease, transform 2s ease;
    position: absolute;
    top: -25px;
    left:-25px;
    width: 75%;
    margin: 0 auto;
    max-width: 90%;
    z-index: 997;
  }
  

.scaled {
    transform: scale(1.2) translateX(50px);
    transform-origin: center center;
  }


#logoelement.scaled {animation: fadeOutImage 1s forwards;}

  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  
   @keyframes fadeInRep {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  

  @keyframes fadeInImage {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  
    @keyframes fadeOutImage {
    from {
      opacity: 1;
    }
    to {
      opacity: 0.1;
    }
  }
  
  
  
/***
* Hide elementor transition on homepage
*/
.home .e-page-transition--entering {display: none;}
.home .e-page-transition--entered.e-page-transition--preview{ display: none;}

.page-id-10761 .e-page-transition--entering, 
.page-id-10761 .e-page-transition--entered.e-page-transition--preview { display: none;}
  
/***
* gsap cursor
*/ 

.cursor {
  display: none;
  pointer-events: none;
}
.cursor.show {display: block;}
@media (max-width: 1024px) {
.cursor.show {display: none;}
}
.cursor.cblock, .cursor.cblock.show {display: none;}
.cursor__ball { 
 position: absolute;
 top: -20px; left:-20px;
 z-index: 9999;
}



.cursor__ball circle {
fill: rgba(125, 89, 62, 1);
}
.cursor__ball.hov circle {
fill: rgba(125, 89, 62, , 0.7);

}

.elementor-html .cursor {display: none;}


/* Carousel */

.v_slider .swiper-wrapper {   
-webkit-transition-timing-function: linear!important;
transition-timing-function: linear!important; 
-moz-transition-timing-function: linear!important;
-o-transition-timing-function: linear!important;
}


.swiper-slide img {filter: grayscale(100%);
        -webkit-transition:all 1s ease;
        transition:all 1s ease; opacity: 0.5;
}

@media (max-width: 767px) {
.swiper-slide.swiper-slide-active img { filter: grayscale(10%); opacity: 1; }

}   
@media (min-width: 768px) {
.swiper-slide.swiper-slide-next img { filter: grayscale(10%); opacity: 1; }
}        

/* next element 
.swiper-slide.swiper-slide-next + .swiper-slide img { filter: grayscale(10%); opacity: 1; }
*/





/* Simple Animation */

.reveal, .team_wrapper > .e-child {
  position: relative;
  transform: translateY(50px);
  opacity: 0;
  transition: 1s all ease;
  }
 
.reveal.y100 {transform: translateY(100px);} 

.reveal.animated, .team_wrapper > .e-child.animated {
  transform: translateY(0);
  opacity: 1;}

.reveal.del100.animated {transition-delay: 100ms;}
.reveal.del200.animated {transition-delay: 200ms;}
.reveal.del300.animated {transition-delay: 300ms;}
.reveal.del400.animated {transition-delay: 400ms;}
.reveal.del500.animated {transition-delay: 500ms;}
.reveal.del2000.animated {transition-delay: 2000ms;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++ respect +++++++++++++++++++++++++++++++++++++ */


.pulseimg, 
.pulseimg2,
.pulseimg3 {overflow: hidden;} 

.pulseimg img { 
 opacity:0; 
 transform-origin: top right;
}

.animated .pulseimg img  { animation: fanim 20s ease 3s 1; }

.pulseimg2 img { 
 opacity:0;
 transform-origin: bottom right;
}

.animated .pulseimg2 img  {animation: fanim 20s ease 22s 1;}

.pulseimg3 img { 
 opacity:0;
 animation-fill-mode: forwards; 
 transform-origin: bottom left;
}

.animated .pulseimg3 img  { animation: secanim 20s ease 45s 1;  animation-fill-mode: forwards; }


@keyframes fanim {
            0% {opacity:0; transform: scale(1.2);}
            10% { opacity:0.1;}
            50% {opacity:0.6;}
            100% {opacity:0;transform: scale(1);}
}

@keyframes secanim {
            0% {  opacity:0; transform: scale(1); }
            10% { opacity:0.2;}
            50% { opacity:0.6; transform: scale(1.2);}
            100% {opacity:0.4;transform: scale(1.2);}
           
}
        
.respect {
	color: #b2b2b2; 
	font-size: 48px; line-height: 1.1; 
	text-transform:uppercase; 
    letter-spacing: -0.8px;
    font-weight: 700;
    margin-left:60px;
}



   

.full-h {height: 100vH; overflow: hidden;}

.vision_hl {
font-size: 100px;
font-weight: 700;
line-height: 1;

 -webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
        }
        
        


.vision_hl span {font-size: 175%; color: #7d593e}
  

.vision_text {
font-size: 34px;
}


@media(max-width: 1366px) {
.vision_hl {
font-size: 72px;
}
}

@media (max-width: 768px) {
.vivenda_vis {position: absolute; top: 0px; left:0;}
.respect {

font-size: 18px; 
 margin-top: 100px;
}

.vision_hl {
font-size: 36px;
line-height: 1;
}


.vision_text {
font-size: 24px;
}

}

@media (min-width: 768px) {

}

@media (min-width: 1440px) {

}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Header ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ sticky-header ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

sticky-header
elementor-sticky
elementor-sticky--active

--->
elementor-sticky--effects

 */


header .sticky-header {	
	--font-size: calc(80vw * 0.0005 * 96); 
	--header-height: 200px;
	--shrink-header-to: 0.6;
	--transition: .45s cubic-bezier(.4, 0, .2, 1);
	min-width: 100%;
	line-height: 1.2; 
	transition: all var(--transition);
}


/* large header */

body:not(.single-projects) header .sticky-header:not(.small) {
color: #ffffff;
background: linear-gradient(180deg, rgba(55,55,55,1) 0%, rgba(122,122,122,1) 70%,  rgba(122,122,122,0.9) 100%);	
}

body.single-projects header .sticky-header:not(.small) {
color: #ffffff;
background: linear-gradient(180deg, rgba(122,122,122,1) 0%, rgba(122,122,122,1) 25%, rgba(122,122,122,0.8) 100%);	
}


header .elementor-sticky--active.sticky-header:not(.small) {
	box-shadow: 0px 2px 1px 1px rgba(0, 0, 0, .07);	
	min-height: 100px;
	opacity: 1;
}



header .elementor-sticky--active.elementor-sticky--effects.sticky-header:not(.small) {
	min-height: 70px;		
	opacity: 0;
}


header .elementor-sticky--active.sticky-header.inpage:not(.small)  {
min-height: 70px;
background-color: rgba(242, 242, 242, .7);
}


/* small header */

header .sticky-header.small {
	--font-size: 24px;
	--shrink-header-to: 0.6;
	background-color: rgba(242, 242, 242, 1);
	--header-height: 150px;
}



@media (max-width: 1024px) {

header .sticky-header {	

	--header-height: 150px;
}
	
header .sticky-header.small {
	--header-height: 130px;
}
}

@media (max-width: 768px) {
header .sticky-header.small {
	--header-height: 90px;
}
}


header .sticky-header.elementor-sticky--effects .claim, .inpage .claim {opacity: 0;}
@media (max-width: 768px) {
/*
header .e-con{
	--header-height: 50px;
	--min-height: 50px;
	}
	*/
}


header .sticky-header > .e-child {
	transition: min-height var(--transition), height var(--transition);
	min-height: var(--header-height);
	height: var(--header-height);
	
}
@media (max-width: 768px) {
header .sticky-header > .e-child {
min-height: 75px;
}

header .e-con{
	--header-height: 75px;
	--min-height: 75px;
	}
}

/* ++++++++++++++++++++++++++++++++ Sticky header activated

 */

header .sticky-header.elementor-sticky--effects {
}


header .sticky-header.small.elementor-sticky--effects,  .work header .sticky-header.small.elementor-sticky--effects {

	background-color: rgba(242, 242, 242, 0.85);

}


header .sticky-header.elementor-sticky--effects > .e-child, 
header .sticky-header.inpage > .e-child {
	min-height: calc( var(--header-height) * var(--shrink-header-to) );
	height: calc( var(--header-height) * var(--shrink-header-to) );
}



header .sticky-header > .e-child h2 {font-size: var(--font-size); transition: font-size var(--transition);}
header .sticky-header.elementor-sticky--effects > .e-child h2, header .sticky-header.inpage > .e-child h2  {font-size: 24px;}




/* Logoelement */
.h-trans {top: 0; left: 0;}
.h-trans img {opacity: 0.4; translate: -11% 4%;  transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.inpage .h-trans img{ opacity: 0;}



/*Close button Navigation */

html body:not(.rtl) #elementor-popup-modal-292 .dialog-close-button {
    right: 2%;
}


html #elementor-popup-modal-292 .dialog-close-button {

    top: 2%;
    font-size: 48px;
}

#elementor-popup-modal-292 .dialog-close-button svg {
    fill: #ffffff;
}


.v_nav_vis{transform: translate(-60px, 0px);}
.v_nav_btl {margin-left: 20px; font-size: 38px; line-height: 1.1; font-weight: 700;}

@media (min-width: 768px) {
.v_nav_vis{transform: translate(-160px, 110px);}
.v_nav_btl{margin-left: 200px;}
.v_nav_menu{margin-left: 200px; }
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Page Header ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.page-header{
width:100%;
padding-top:100px;
background-color: rgba(242, 242, 242, 1);
margin-bottom:150px;
z-index:2;
}

@media (max-width: 767px) {
.page-header{
padding-top:75px;
margin-bottom:50px;
}

}

.page-header.mg0{margin-bottom:0px;}

.page-header .page-title h1, .page-header-e .page-title h1{
    margin-bottom: 20px;
    margin-top: 0; 
    font-size: 110px;
    font-weight: 700;
    letter-spacing: -.06em; 
}


.page-title-wrapper {transform: translateY(65px);}
.page-title-wrapper.e-con-full .page-title { padding: 0 50px;}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Transparent Header ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.error404 header .sticky-header.small, .transparent header .sticky-header.small {
background-color: rgba(242, 242, 242, 0);
}

.error404 header .elementor-heading-title, .transparent header .elementor-heading-title {
color: #ffffff!important;
}



/* Navigation */

.dark .elementor-widget-heading .elementor-heading-title {

    --e-global-color-text: #ffffff;
}



.work header .sticky-header.small {
background-color: rgba(242, 242, 242, 0);
}


@media (max-width: 767px) {
.work .page-header .page-title h1, .page-header-e .page-title h1{color: #ffffff;}
.page-header .page-title h1, .page-header-e .page-title h1{

    font-size: 72px;
    font-weight: 700;


}
}

@media (max-width: 1024px) {
.page-header .page-title h1, .page-header-e .page-title h1{

    line-height: 0.9;
 
}

}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


footer {
background-color: #000000;
padding-top: 100px;
padding-left:0; 
padding-right: 0;
margin-top: auto;
font-size: 18px;
border-top: 1px solid rgba(255,255,255,0.3);
}

.single-projects footer {border-top: 1px solid rgba(255, 255, 255, 0.3);}


footer > .e-parent {padding:0; z-index:10;}


.v_slogan_footer img {width: 100%; max-width: 100%;
margin-bottom: -2vW;
margin-left: -10vW;
 }
 
footer .elementor-item:after {transition: opacity 0.7s ease-in-out;}


@media (min-width: 1240px) {
footer .c-section {padding: 10px 50px;}
}


@media (max-width: 1024px) {
.ps-50 {margin-top: 50px;}
.ps-25 {margin-top: 25px;}
}


@media (max-width: 767px) {
.pxs-50 {margin-top: 50px;}
.pxs-25 {margin-top: 25px;}
}
 /*footer .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:hover:after {--e-global-color-accent:#c1d379; opacity: 1; }*/
 


footer .elementor-nav-menu--main .elementor-nav-menu a,
footer .elementor-nav-menu--main .elementor-nav-menu a.highlighted,
footer .elementor-nav-menu--main .elementor-nav-menu a:focus,
footer .elementor-nav-menu--main .elementor-nav-menu a:hover {
    padding: 10px 0px;
}



footer .m_legal {font-size: 14px; }


footer .elementor-social-icons-wrapper span:first-child{margin-left: -12px;}

 /*footer navigation */

.c-section >.elementor-element {border-right: 1px solid rgba(255,255,255,0.3);}



/* ++++++++++++++++++++++++++++++++ Startseite ++++++++++++++++++++++++++++++++ */


.v_intro{padding: 20px;}

#hl_btl.elementor-widget-heading h1.elementor-heading-title, #hl_btl.elementor-widget-heading p.elementor-heading-title  {
position: fixed; 
bottom: 20px; 
left:20px; 
font-family: "Krona One", Sans-serif;
font-size: 48px;
text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
 --e-global-color-text: #ffffff; 
}



@media (min-width: 768px) {
#hl_btl.elementor-widget-heading h1.elementor-heading-title, #hl_btl.elementor-widget-heading p.elementor-heading-title  {
font-size: 48px;
bottom: 60px; 
}
}
@media (min-width: 1024px) {
#hl_btl.elementor-widget-heading h1.elementor-heading-title, #hl_btl.elementor-widget-heading p.elementor-heading-title  {
font-size: 80px;
bottom: 60px; 
left:60px; 
}


}

@media (min-width: 1025px) {
.v_intro{padding: 0px;}
}


.myclass1 h1 span.uc {font-size: 36px;}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Container ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* margin . padding */

body:not(.t_page_1) .elementor[data-elementor-type="wp-page"]{padding-bottom: 50px;}

.header_l_first {margin-top: 100px;}
.con_page_first {margin-top: 100px;}

.first_inner {padding-top: 100px;}




.con_full-w, .con_full-w .con_img, .con_full-w-50, .con_full-w-50 .con_img, .con_full-w .con_img >.e-con-inner, .con_full-w-50 .con_img >.e-con-inner {
padding:0; 
margin:0;
}

.con_full-w .con_text, .con_full-w-50  .con_text {padding: 50px;}
.con_hl_50{margin-top: -50px;}
.con_nopad_bot .e-con-inner {padding-bottom:0;}
.con-25, .con-33, .con-40, .con-50, .con-60, .con-66, .con-75 {width:100%;}

.p-100 {padding:100px 0;}
.p-200 {padding:200px 0;}
.p-100-t {padding-top:100px;}
.p-200-t {padding-top:200px;}
.m-100-b {margin-bottom:100px;}
.m-200-b {margin-bottom:200px;}


.gd1_bg{ background: linear-gradient(120deg, rgb(244, 223, 198) 0%, rgb(131, 80, 54) 100%);}
.gd2_bg, body.gd2_bg{ background: linear-gradient(120deg, rgb(0,0,0) 0%, rgb(53, 53, 53) 100%);}
.gd3_bg, body.gd3_bg{ background: linear-gradient(120deg, rgb(53, 53, 53) 0%, rgb(0, 0, 0) 100%);}
.gd4_bg, body.gd4_bg{ background: linear-gradient(120deg, rgb(212, 201, 201) 0%, rgb(53, 53, 53) 100%);}

.dark.b_bg1 {background-color:#333535}


body.error404, .mybg{ background: linear-gradient(120deg, rgb(203, 186, 204) 0%, rgb(36, 57, 73) 100%);}
.mybg2{ background: linear-gradient(120deg, rgb(125, 89, 62) 0%, rgb(190, 172, 158) 100%);}
.mybg2r{ background: linear-gradient(120deg, rgb(190, 172, 158) 0%, rgb(125, 89, 62) 100%);}
.mybg3{ background: linear-gradient(120deg, rgb(125, 89, 62) 0%, rgb(219, 213, 203) 100%);}
.mybg3r{ background: linear-gradient(120deg, rgb(219, 213, 203) 0%, rgb(125, 89, 62) 100%);}

@media (min-width: 768px) {
.con-25{width:25%;}
.con-33{width:33%;}
.con-40{width:40%;}
.con-50{width:50%;}
.con-60{width:60%;}
.con-66{width:66%;}
.con-75{width:70%;}


}

@media (min-width: 1024px) {
.con_full-w-50 .e-con {width:50%;}
}

@media (min-width: 1240px) {

.page-content  div > .e-con-full.e-parent{padding: 0 50px;}

body:not(.elementor-template-full-width)  .elementor[data-elementor-type="wp-page"] > .e-con-full:not(.page-header) {padding: 0 50px;}

body:not(.t_page_1) .elementor[data-elementor-type="wp-page"] {padding-bottom: 150px;}
}


@media (max-width: 768px) {
.first_inner {padding-top: 50px;}

.p-100 {padding:75px 0;}
.p-200 {padding:100px 0;}
.p-100-t {padding-top:75px;}
.p-200-t {padding-top:100px;}

.npad {width:100%;}
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Images ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* greyscale images */
.imgcon {
margin:0; 
padding:0;
filter: grayscale(100%);
-webkit-transition:all 1s ease;
transition:all 1s ease;
}

.imgcon:hover{ filter: grayscale(10%);}
 
 
 
.tr-90 img{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
     margin:calc(100% / 4)  0 ; /* Add margin equal to 100% of the image width */
    }
.tr-180 img{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    }
.tr-270 img{
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
     margin:calc(100% / 4)  0 ; /* Add margin equal to 100% of the image width */
    }


.dis-100, .dis-100 img {width: 100%;}

.v-el img {max-width: 400px;}


.img-vvscale img{
        filter: grayscale(10%);
        -webkit-transition:all 1s ease;
        transition:all 1s ease;
}

 .img-vvscale:hover img{
        filter: grayscale(100%);
}


.img-greyscale img, .img-grayscale img{
        filter: grayscale(100%);
        -webkit-transition:all 1s ease;
        transition:all 1s ease;
}

 .img-greyscale:hover img,  .img-grayscale:hover img{
        filter: grayscale(10%);
}
    
@media (max-width: 768px) {
.animated .img-greyscale img, .animated .img-grayscale img
{ filter: grayscale(10%);}

}
/*Flip Box */  



   
.team_wrapper{
flex-wrap: wrap;
}

.team_wrapper .e-child .elementor-widget-text-editor, 
.team_wrapper .e-child .elementor-widget-heading {padding:10px;}

      
.elementor-flip-box__front, .elementor-flip-box__back  {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;}


.team .elementor-flip-box__front {
  background-color: rgba(255,255,255,1);
}

.team .elementor-flip-box__back {
    background-color: rgba(255,255,255,1);
}

.team  .elementor-flip-box__layer__title {
    font-size: 18px;
    font-weight: 300;
}


.team  .elementor-flip-box__layer__description {
    font-size: 18px;
}


.team  .elementor-flip-box__layer__inner {}


.team_wrapper .e-child {
    flex: 1 1 100%;
    padding: 10px;
}
.team_wrapper .two.e-child {
     flex: 1 1 100%;  
}
   
@media (min-width: 768px) {
   
.team_wrapper .e-child {
    flex: 1 1 50%;
    padding: 10px;
    }
.team_wrapper .two.e-child {
    flex: 1 1 100%;
    } 
    
}


@media (min-width: 1221px) {

   
.team_wrapper .e-child {
    flex: 1 1 16.6%;
    padding: 10px;
    }
.team_wrapper .two.e-child {
    flex: 1 1 33.2%;
    } 
    
}



.team .elementor-flip-box__layer__overlay {
    display: flex;
    color: #000;
}


.team .elementor-flip-box__layer__inner{position: relative;}




.team .elementor-flip-box__layer__description img {max-height: 100%;}


.elementor-flip-box__layer__title, .team .elementor-flip-box__layer__description {text-align: left;}


.elementor-flip-box__layer__title {}
.team .elementor-flip-box__layer__description{color: #cdcdcd;}

.team .elementor-flip-box__layer__description:not(:last-child),
.team .elementor-flip-box__layer__title:not(:last-child) {
    margin: 0;
   
}

.elementor-flip-box__layer__overlay{

padding: 0px!important;
       
}




.team .elementor-flip-box__image img {
    width: 100%;
}

.team  .ibox .elementor-flip-box {height: 100%;}


.ibox .elementor-flip-box__layer__overlay { 
    padding: 0 0 35px ;
}

.team .elementor-widget-text-editor span {color: #B2B2B2;}
.team .elementor-widget-text-editor span.CEO {color: #000000; font-size: 120%;} 

@media (max-width: 768px) {
.v_number.tbig {font-size: 78px;}
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Contact ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media (max-width: 768px) {
/* .v_contact {margin-top: -300px;}*/
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Projects ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.single-projects .elementor[data-elementor-type="single-post"] h4 {
color: #a3a3a4; font-size: 14px; 
 margin-block-start:1.5rem;
 margin-block-end:0.25rem;
 }
 
.single-projects .elementor[data-elementor-type="single-post"] .pr_hlbr h4, .single-projects .elementor[data-elementor-type="single-post"] .pr_hl h4 {color: #ffffff; }

h3.pr_hl {margin-block-end:3rem;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Listen ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


    
    .v_list ul {
    	margin-top: 1em;
        list-style: none;
        padding: 0;
    }

   .v_list li {
        margin-bottom: 10px;
        position:relative;
       list-style-type:none;
       display: flex;
       align-items: center;
       font-size: 100%;
    }

    .v_list li:before {
        content: url('media/li_arrow_gr.png');
        display: inline-block;
        width: 25px; /* Adjust the width as needed */
        height: 100%;
        margin-right: 10px;
       
       
    }
    


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Listen ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.viv-ac.elementor-widget-n-accordion .e-n-accordion-item-title-icon span>svg {width: 150px;}

.viv-ac .e-n-accordion-item >div {padding: 50px;}

.viv-ac.elementor-widget-n-accordion .e-n-accordion-item-title {
   
   --n-accordion-padding: 20px 10px;
}   


.viv-ac.elementor-widget-n-accordion .e-n-accordion-item-title-icon span>svg {
   transition: fill 1s ease;
}


.viv-ac .e-n-accordion-item-title-icon span {transition: transform 0.75s ease;}

.viv-ac .e-n-accordion-item-title[aria-expanded="true"] span.e-opened {  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
    
}
   
.viv-ac span { font-weight: 700;}


   
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Forms ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.v-form input:focus {
  outline: none;
  border-top-color: rgba(0, 0, 0, 0.1);
}

.v-form  input::-moz-placeholder, .v-form .wpcf7-textarea::-moz-placeholder {
    color: inherit;
    font-family: inherit;
    opacity: 0
}

.v-form  input::placeholder, .v-form .wpcf7-textarea::placeholder {
    color: inherit;
    font-family: inherit;
    opacity: 0
}


input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea {
    
    border: 1px solid #666;
    border-radius: 3px;
    padding: 1rem ;
   
}


.v-form label { 
    background-color: #ffffff;
    padding-left: 5px;
     padding-right: 10px;
	  transform: translate(1.5rem,-3rem);
      transform-origin: 0 0;
      transition: all 500ms;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none; 
       pointer-events: none; 
}




input:focus + label,
input:not(:placeholder-shown) + label {
  transform: translate(0.5rem,-4.75rem) scale(0.8);
}


.v-form .wpcf7-textarea:focus + label,
.v-form .wpcf7-textarea:not(:placeholder-shown) + label {
  transform: translate(0.5rem,-1.5rem) scale(0.8);
}




.v-form .wpcf7-not-valid-tip {margin-top: -1.5rem; font-size: 14px;
    color: #6496db;    
}


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #6496db;
    font-size: 14px;
}


.v-form [type=button],
.v-form [type=submit],
.v-form button {
    display: inline-block;
    font-weight: 400;
    color: #ffffff ;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: var( --e-global-color-accent );
    border: 1px solid var(--e-global-color-accent) ;
    padding: 1rem 4rem;
    font-size: 1rem;
    border-radius: 3px;
    transition: all .-3rems ease-in-out;
    overflow: hidden;
    position: relative;
}

.v-form [type=button]:hover,
.v-form [type=submit]:hover,
.v-form button:hover {
    background-color: var(--e-global-color-primary );
    
} 


.wpcf7 form .wpcf7-response-output {
    margin: 2em 0;
    
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ back to top ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#back-to-top-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 40px;

  cursor: pointer;
  z-index: 998;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
  display: flex;
  flex-direction:column;
  justify-content: center;
  align-items: flex-end;
}


/*
#back-to-top-container svg {fill: #49413c; transition: all 1s cubic-bezier(.4, 0, .2, 1);}


*/

#back-to-top-container.hide-back-to-top-btn {
  opacity: 0;
  visibility: hidden;
 
}

.work #back-to-top-container.hide-back-to-top-btn, .team #back-to-top-container.hide-back-to-top-btn {
  opacity: 1;
  visibility: visible;
}

#back-to-top-container.show-back-to-top-btn {
  opacity: 1;
  visibility: visible;

}

#back-to-top-container svg {
  transition: transform 2s, scale 1s, fill 0.2s;
  transform-origin: center;

}

#back-to-top-container svg {fill: #dedede;}
#back-to-top-container svg path {stroke: #000000;}

#back-to-top-container.down svg {transform: rotate(180deg);}


#back-to-top-container:hover svg {transform: scale(1.5); fill: #7d593e; }
#back-to-top-container:hover svg path {stroke: #ffffff;}
#back-to-top-container.down:hover svg {transform: scale(1.5) rotate(180deg);}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Buttons ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.v-btn {border: 1px solid rgba(193, 211, 121, 0.7); border-radius: 50%; text-decoration: none;}


/*
i.bi {
padding: 0.5rem; 
border-radius: 50%; 
color: white; 
margin: 2px;
height: 34px; 
width: 34px;
font-size: 1.125rem; 
display: flex;
transition: all .5s ease-in-out;
}

footer i.bi {
margin: 1px;
height: 30px; 
width: 30px;
font-size: 0.9rem; 
}

i.bg-red.bi {
-webkit-animation: pulsecol 10s ease infinite;

}

.v-btn:hover i.bi {
background-color: rgba(193, 211, 121, 0.7)!important;
}


*/



.v-btn-more { 
display: inline-flex;
justify-content: flex-start ;
align-items: center;
padding: 1rem 0;
transition: all .5s ease-in-out;
font-weight: 600;
text-indent: -20px;
margin-right: 30px;
}





.d-flex:hover .v-btn-more{  text-indent: 10px; margin-right: 0px;}

.v-btn-more:before  {
    display: inline-block;
    flex-shrink: 0;
    position: relative;  
   	z-index: 10;
   	background-color: #52B4CA;
    border-radius: 100%;
    content: "";
    height: 50px;
    transition: all .5s ease-in-out;
    width: 50px;
    
    
}

.v_intro .v-btn-more:before, .dark .v-btn-more:before {background-color: #7d593e;}


.v-btn-more span  {z-index: 20;}


.v-btn-more:after{
    content: "";
    display: inline-block;
    margin-left: 10px;
    width: 100px;
    height: 30px;
    background-image: url("media/v-arrow.svg");
    background-repeat: no-repeat;
    transition: all .3s ease-in-out;
    background-position: 50% 50%;   
}

.v_intro .v-btn-more:after, 
.dark .v-btn-more:after { background-image: url("media/v-arrow_g.svg");}



.btn-big {font-size: 32px; font-weight: 300;}

.v-btn-more.btn-big:before {
   	background-color: rgba(255,255,255,0.1);
    height: 100px;
    width: 100px;  
}

.v-btn-more.btn-big:hover:before  {background-color: rgba(255,255,255,0.5);}

.btn-big2 {font-size: 32px; font-weight: 300;}
.v-btn-more.btn-big2:before  {
   	background-color: rgba(0,0,0,0.1);
    height: 100px;
    width: 100px;  
}
.v-btn-more.btn-big2:hover:before  {background-color: rgba(0,0,0,0.5);}


.d-flex {margin-right: 75px; line-height: 1}



@media (max-width: 1024px){ 
.d-flex {margin-right: 25px;}

.v-btn-more:not(.btn-big) { 
text-indent: -40px;
margin-right: 0px;
}





.d-flex:hover .v-btn-more:not(.btn-big){text-indent: -40px;}

.v-btn-more.btn-big  {
text-indent: 0px;
font-size: 20px;
margin-right: 0px;
}

.v-btn-more.btn-big:before{position:absolute; } 
.v-btn-more.btn-big span {padding-left:5px;}
.v-btn-more.btn-big:after {} 
}





@media (min-width:768px){ 
.circle-left{
background-image: url("media/kreis-l.png");
background-position:  right center;
background-repeat: no-repeat;
background-size: contain;
padding-top: 7rem;
padding-bottom:7rem;
}


.circle-right{background: url("media/kreis-r.png");
background-position: left center;
background-repeat: no-repeat;
background-size: contain;
padding-top: 7rem;
padding-bottom:7rem;}

.circle-right p {margin-left: -5rem;}

.circle-right .mebtn {margin-left: -5rem;}
}


@-webkit-keyframes pulsecol {
  0% {
    background-color: rgba(255, 0, 39, 1);
    color: rgba(255, 255, 255, 1);
  }
  25%{
    background-color: rgba(255, 0, 39, 0.5);
   
    
  }
  50% {
    background-color: rgba(255, 0, 39, 0);
    color: rgba(255, 0, 39, 1);
  }
  75%{
      background-color: rgba(255, 0, 39, 0.5);
  
  }
  100% {
    background-color: rgba(255, 0, 39, 1);
      color: rgba(255, 255, 255, 1);
  }
}


/* responsive */

@media (min-width: 768px) {
.qmob {display: none;}
 
}

@media (min-width: 1024px) {
.qtab {display: none;}
}


.nomob{display: none;}

@media (min-width: 768px) {
.nomob{display: block;}
}

@media (max-width: 768px) {.notab{display: none;}}

/* +++++ sprachen  +++++ */
.lang-item a{
	color: #989898!important;
    font-size: 1.1rem;
}
    
li.lang-item-first { margin-top: 0.5rem;}
/* +++++ legal  +++++ */

.legal span {
color: #a3a3a4; 
font-size: 14px; 
text-transform: uppercase;
}
 
 

.dpro h3 {font-size: 48px; font-weight: 700;}

.dpro h4 {font-size: 24px; font-weight: 700;
    margin-top: 25px;
}

.dpro a, .dpro a:hover, .dpro a:visited{
text-decoration: underline;

color: #B2B2B2;
transition: all 0.5s ease;

}


.dpro a:hover{color: #000000;}


/* Borlabs Cookie*/

.home #BorlabsCookieBox {opacity: 0; }
.home #BorlabsCookieBox.show {opacity: 1;}

.novim #v_start_video{z-index: 15;}
.vimeo #v_start_video{z-index: 1;}


._brlbs-cb-vimeo,
._brlbs-content-blocker,  
._brlbs-content-blocker ._brlbs-video-vimeo, 
._brlbs-content-blocker ._brlbs-video-vimeo ._brlbs-caption {width: 100%; height: 100%;}



.home .BorlabsCookie ._brlbs-content-blocker ._brlbs-caption {
  background: hsla(0, 0%, 0%, 0);
    background-color: rgba(0, 0, 0, 0);
    display: flex; flex-direction: column ; 
    justify-content: center;
}

.BorlabsCookie img.play-b {width: 75px; margin-top: 25px;}
.BorlabsCookie div._brlbs-text-v {

display: inline-block;
padding: 50px;
font-size: 18px;   
text-shadow: 10px 10px 3px rgba(0, 0, 0, 0.5);
color: #ffffff;
}



._brlbs-caption{
background-repeat: no-repeat;
background-size: cover;
}

#video-wrapper-bau ._brlbs-caption {background-image: url("/wp-content/uploads/Video-baustelle.jpg"); background-position: center center;}
#video-wrapper-np2 ._brlbs-caption {background-image: url("/wp-content/uploads/Video_North-Pearl-2.jpg"); background-position: center center;}



#vblock ._brlbs-text-v{position: absolute; left: 50%; top:50%; z-index:999; transform: translate(-50%, -50%)}

@media (max-width: 1024px) {
.BorlabsCookie div._brlbs-text-v {padding: 25px; min-width: 75%;} }

@media (max-width: 768px) {
.BorlabsCookie div._brlbs-text-v {padding: 15px; min-width: 75%;}
}