@charset "UTF-8";
/* moved by compressor */
/* VARIABELN */

    
:root {   
    
              
    /* ABOVE THE FOLD WIRD INLINE GELADEN _____________________________ */
    /* AFTER FOLD _______________________*/

    /* BACKGROUND */
    --styleA: #ffffff;                 
    --styleB: #fafafa;                  
    --styleC: #e5e5e5;                  
    --styleD: #acacac;   
        
    --styleLayerC: ; /* TRANSPARENT PNG-LAYER ON STYLE C & D  // i.e. url(/fileadmin/template_NXTLVL/imgs/styles/STYLE_carbon-loop_010.png) */
    --styleLayerD: ; /* TRANSPARENT PNG-LAYER ON STYLE C & D  // i.e. url(/fileadmin/template_NXTLVL/imgs/styles/STYLE_carbon-loop_010.png) */
    
    --styleLayerStoerer: var(--styleLayerD);
    /* --styleLayerOverlay: ; */ /* DEPR // PNG-LAYER OVER EVERYTHING i.e. PAPER-STYLE // i.e. url(/fileadmin/template_LACHSLOUNGE/imgs/styles/STYLE_cartonage-loop_018.png) */
    
     /* DCE BORDER */    
    /*--styleContentBorderSpecial: url('../../../_assets/027c860e3a765e5b311aeb5a3d6b5357/imgs/styles/contentStyleA_borderLines.png'); *//* DEPR. //  BORDER STYLE SPECIAL  TBD // PNG */
    --styleContentBorderBoxShadow: 0px 0px 20px rgba(0,0,0,0.2); /* BORDER SHADOW STYLE */
    --styleDCEcontainerPadding: 60px 0 60px 0;      

    --styleBoxShadow: 0px 0px 20px rgba(0,0,0,0.2); /* GENERAL SHADOW SETTINGS */
    --styleBorderRadius: ; /* GENERAL  BORDER RADIUS SETTINGS */

    /* IMAGE SLIDER */    
    --styleSliderDot: #2b2b2b ;
    --styleSliderDotHover: #a7a7a7 ;
    
    
    /* WINDOW GAP */
    --styleGapSymbol: url('../../../_assets/027c860e3a765e5b311aeb5a3d6b5357/Images/client/ifasol_compass.png');  /* ERSETZEN DURCH CUSTOM IMAGE FIELD */
    --styleGapVideoPlaceholder: url('../../../_assets/027c860e3a765e5b311aeb5a3d6b5357/Images/client/video_background_placeholder.jpg'); /* ERSETZEN mit CUSTOM THUMBNAIL IMAGE */

    
    
    /* BTNs */
    --btn-BasicPadding: 20px 60px 19px 60px;
    
    --btn-FontFamily: 'Cantarell', sans-serif; 
    --btn-FontSize: 1.5rem;      
    --btn-BasicFontColor: var(--main-fontColor01);
    --btn-BasicFontColorHover: #fff;
    
    --btn-BasicBorderSize: 2px;   
    --btn-BasicBorderColor: var(--main-fontColor01);
    --btn-BasicBorderRadius: 0px 0px 0px 0px;
    
    --btn-BasicBackgroundColor:rgba(0,0,0,0);
    --btn-BasicBackgroundColorHover: var(--main-signalColor01);
    
    --btn-BasicSymbolsBackgroundColor:var(--btn-BasicFontColorHover); 
    


    /* FORM7contact STYLES */
    --styleFormBg: var(--styleA);
    --styleFormBgLayer: var(--styleLayerD);
    --styleFormInputBorder: var(--main-fontColor01b);
    --styleFormInputBg: #ffffff;
    --styleFormInputFontColor:var(--main-fontColor01) ;
    --styleFormInputDropDownSymbol: url('../../../_assets/027c860e3a765e5b311aeb5a3d6b5357/Images/main/nav_dropdown-arrow_grey.png');    
    
}


/* LAYOUT CSS _______________________________________________________________ */

html { } 

/* SVG / WORKAROUND FOR FLUID-INLINE-STYLE IN BODY => NO HEIGHT etc. */
.content svg { height:0px; width:0px; }


/* BODY in TEMPLATE ABOVE THE FOLD ______________________ */
#wrapper { 
  opacity: 0 ; /* LOADING */
  position:relative; 
  width:100%; height:100%;
  margin: 0;  
  padding:0; 
  overflow-x:hidden; overflow-y:hidden;
} 


/* ----------------------------- ALLGEMEIN -------------------------------------- */

.cursorGrabbable {cursor:move; cursor:grab; cursor:-webkit-grab; cursor:-moz-grab; }
.cursorPointer { cursor:pointer; }

/* -------------------------------------------------- */
.container { position:relative; padding:0; margin:0; } /* evtl. iphone / mobile bug mit 1px lücke */
.container .con_plugin {position:relative; width:100%; margin:0; }
.container .con_plugin .content { position:relative; width:100%; padding: var(--styleDCEcontainerPadding); margin:var(--styleDCEcontainerMargin); }
.container .con_plugin .content.noPadding { padding:0; }

/* TABLE/ FLEX DESIGN HORIZONTAL on DESKTOP and VERTICAL on MOBILE ------------------------------------------------*/

.flexParent { display:inline-flex; flex-direction:row; justify-content: center; flex-wrap:nowrap; align-items:flex-start; }
.flexParent .flexChild { padding:5px 10px 5px 10px; align-self:flex-start; margin: 0px auto 0px auto; }


/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* DESIGN CSS ----------------------------------------------------------------------------------------------------------------------- */

/* NEW LAYOUT BARS */
.layoutBar { display:none; position:fixed; top: 0px; width:2px; height:100vh; background-color: #dedede; z-index:95; pointer-events: none;}
.layoutBar.left { left: 6vw;}
.layoutBar.right { right: 6vw; }

@media only screen and (max-width: 768px) {  
  .layoutBar.left { left: 2vw;}
  .layoutBar.right { right: 2vw; }
}

@media only screen and (min-width: 1400px) { 
  .layoutBar.left { left: 14vw;}
  .layoutBar.right { right: 14vw; }  
}



/* OVERLAY LOOP FIXED */
/*#overlay_loop {
position:fixed; width:100%; height:100%; z-index:110; background-image:var(--styleLayerOverlay); 
background-position:top center; background-size:cover; background-repeat:repeat;
opacity: 0.15; filter: alpha(opacity =15);
pointer-events: none;}
*/

/* OVERLAY LOOP SCROLLING */
/*#overlay_loop {
position:absolute; width:100%; height:100%; z-index:110; background-image:url('../../../_assets/027c860e3a765e5b311aeb5a3d6b5357/imgs/styles/overlay_paper-loop.gif'); 
background-position:top center; background-repeat:repeat;
opacity: 0.15; filter: alpha(opacity =15);
pointer-events: none;}
*/



  
/* BORDER STYLES ------------------------------------------------------ */

.contentBorder { position:relative; height: 35px; width:100%;  overflow:hidden; margin:0; padding:0; pointer-events: none; }
.contentBorder.top { background-position:bottom 0px center; margin-bottom: -1px; } 
.contentBorder.bottom { background-position:top 0px center; margin-top: -1px; }

.contentBorder svg { width:100%; height:100%; }



/* STYLES -------------------------------------------- */ 
.transparent { background-color: transparent; }
.a { background-color: var(--styleA); }
.b { background-color: var(--styleB); }
.c { background-color: var(--styleC); background-image:var(--styleLayerC); background-position:top center; background-repeat:repeat; }
.d { background-color: var(--styleD); background-image:var(--styleLayerD); background-position:top center; background-repeat:repeat; }


/* BORDER-STYLES -----------------------*/
/* ANGLE */
.contentBorder.angle { height:90px; } 
.contentBorder.angle svg { filter: drop-shadow( 0 0px 10px rgba(0, 0, 0, 0.3)); height:calc(100% + 2px); margin-top:-1px; } /* KILL SMALL PIXEL LINE FROM SHADOW*/
.contentBorder.angle.a svg { fill:var(--styleA); }
.contentBorder.angle.b svg { fill:var(--styleB); }
.contentBorder.angle.c svg { fill:var(--styleC); }
.contentBorder.angle.d svg { fill:var(--styleD); }
/* SHADOW */
.contentBorder.shadow {  }
.contentBorder.shadow .shadowBox {width:100%; height:100%; position:absolute; top:100%; left:0px; background-color: rgba(255,255,255,0); box-shadow: var(--styleBoxShadow); }
.contentBorder.bottom.shadow .shadowBox { top:-100%; }
/* SPECIAL */
.contentBorder.special { 
    background-image: var(--styleContentBorderSpecial); 
    background-repeat: repeat-x, repeat; 
    background-position: top left, bottom right;
}
/* NO BORDER */
.contentBorder.noBorder {  display:none; height:0px;}

/* BORDER - BACKGROUND-STYLES ---------------------- */
.contentBorder.onA { background-color:var(--styleA); }
.contentBorder.onB { background-color:var(--styleB); }
.contentBorder.onC { background-color:var(--styleC); }
.contentBorder.onD { background-color:var(--styleD); }
.contentBorder.onTransparent { background-color:transparent; }




/* INSIDE VARIANT --------------------------------------------------------------------------  */
.contentBorder.top.inside { position:absolute; top:0px; left:0px; z-index:49; margin-bottom: 0px;  margin-top: -1px; }
.contentBorder.bottom.inside { position:absolute; bottom:0px; left:0px; z-index:49; margin-bottom: -1px;  margin-top: 0px;}

/* ANGLE INSIDE */
.contentBorder.angle.onA.inside svg { fill:var(--styleA); }
.contentBorder.angle.onB.inside svg { fill:var(--styleB); }
.contentBorder.angle.onC.inside svg { fill:var(--styleC); }
.contentBorder.angle.onD.inside svg { fill:var(--styleD); }
/* SHADOW INSIDE */
.contentBorder.shadow.inside { transform: scaleY(-1); filter: flipv;   }

/* BORDER - BACKGROUND-STYLES INSIDE ---------------------- */
.contentBorder.onA.inside { background-color:transparent; }
.contentBorder.onB.inside { background-color:transparent; }
.contentBorder.onC.inside { background-color:transparent; }
.contentBorder.onD.inside { background-color:transparent; }







/* -------------------------------------------------------------------------------------------- OLD LACHSLOUNGE STYLE*/


/* BACKGROUND GRAPHIC ELEMENTS ---------------------------------- */
.bgElements { position:absolute; z-index:0; top:0px; left:0px; width:80%; height:75%; pointer-events: none;}
.bgElements svg { position:absolute; z-index:0; width:100%; height:100%; fill:rgba(0,0,0,0.3);}
.bgElements svg.e01 { }
.bgElements svg.e02 { width:80%; height:80%;  }
.bgElements svg.e03 { width:80%; height:60%;  }
.bgElements svg.e04 { width:60%; height:40%;  }
.bgElements svg.e05 { width:25%; height:30%;  }
.bgElements svg.e06 { width:20%; height:18%;  }



/* ANIMATIONS  ------------------------------------------------------------------------------- */

.animateMe {
transition: all 0.3s ease 0s;
}

.animateMeSlow {
transition: all 0.5s ease 0s;
}

.animateMeFast {
transition: all 0.2s ease 0s;
}


.fadeInOutLoop { animation: fadeinout 1s infinite alternate; } 
@keyframes fadeinout {  from { opacity: 0.2; } } 

.spinMeLoop {animation:spin 1s ease infinite;}
@keyframes spin { 100% { transform:rotate(360deg); } }

.rotateMeLoop {animation:rotate 2s linear infinite;}
@keyframes rotate { 100% { transform:rotate(360deg); } }

.rotateMeLoopOtherway { animation:rotateOtherway 1s linear infinite;}
@keyframes rotateOtherway { 100% { transform:rotate(-360deg); } }


.bounceMeLoop { animation: bounce 2s infinite; }
@keyframes bounce {	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}	40% {transform: translateY(-30px);}	60% {transform: translateY(-15px);} }



/* RESPONSIVE ------------------------------------------------------------------------------- */


@media only screen and (max-width: 768px) {
  body { font-size: 0.9rem; }      
  
  .heading_sliderswipeProduct {font-size:1.5rem; }  

  /* BUTTON WIDTH */
  .btn_con .btn { width:calc(88% - 4px); max-width:none;}

  /* FLEX TABLE VERTIKAL ANORDNEN */
  .flexParent {  flex-direction:column; flex-wrap:wrap; align-content: flex-start;}    
}


@media only screen and (min-width: 1400px) {         
    
}
/* HEADER ---------------------------------------------------------------------------*/

.headerWrapperFix {
  position:absolute; 
  top:0px; left:0px; 
  height:20px; width:100%; 
  background-color:var(--main-header-bgColor); 
  z-index:108; 
}  

#header {
    position:fixed; 
    top:0px; left:0px; 
    height:20px; width:100%; 
    background-color:var(--main-header-bgColor); 
    z-index:109; 
    border-bottom: var(--main-header-border); 
    box-shadow:0px 0px 10px 5px rgba(0,0,0,0.2);    
  }
  
  #header_bottom { 
    display:none; 
    position:fixed; top:45px; left:0px; z-index:109;
    height: 40px; width:100%;
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,1));    
  }  
  
  #header_logo { 
    position: fixed; 
    display:flex; flex-direction: column; justify-content: center;
    top:-30px; right:0; /*right:3vw;*/
    
    width:var(--main-header-logo-width); 
    height:var(--main-header-logo-height); 
    padding-top:60px; padding-right:10px; padding-bottom:40px; padding-left:10px;

    border-radius: 0px 0px 20px 20px;
    
    background-color:#f0f0f0; 
    /*border: solid 2px #dedede;*/
    /*box-shadow: 0px 5px 6px rgba(0,0,0,0.3);*/
    z-index:109;   
    transform-origin: top right;
    transform: skewY(-4deg);
  }

  #header_logo .image { 
    justify-self: center;
    width:100%; 
    height:100%; 
    background-image:var(--main-header-logo); background-repeat:no-repeat; background-size:90%; background-position: center;  
    transform: skewY(4deg);    
  }

  #header_logo:hover .image{ opacity:0.5;}
  #header_logo a { position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:112;}
   
  #header_bottom svg {   
    /*width:100%; height:100%; 
    fill:var(--main-header-bgColor);*/
    display:none; 
  }
  


  @media only screen and (max-width: 768px) {  
    #header_logo {
      right:0;      
      width:calc( var(--main-header-logo-width) * 0.6) ; 
      height:calc( var(--main-header-logo-height) * 0.6 ); 
    }
  }
  
  @media only screen and (min-width: 1400px) { 
    #header_logo { right: calc(14vw/2 - (var(--main-header-logo-width) + 20px)/2); }
  }
















    
/* FOOTER NAVIGATION SITEMAP & CONTACT */

#footerCon { 
  position:relative;   
  width:80%; padding: 25px 10% 25px 10%; 
  margin-bottom:200px;      
}
#footerCon #footerNavigation { width:100%; padding-top:30px; border-top: solid 2px #dedede;}

#footerCon #footerContact {   
  width: 100%; 
  margin-top:50px;
  display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: flex-start; 
  border-top: solid 2px #dedede; border-bottom: solid 2px #dedede;
}

#footerCon #footerContact #footerInfosCon { 
  margin-top:30px; 
  display:flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; 
  color:#fff; font-weight:100;   
}

#footerCon #footerContact #footerInfosCon #contactLogo { 
  margin-left: auto; margin-right: auto;
  width:var(--main-header-logo-width); height:var(--main-header-logo-width); 
  background-image:var(--main-header-logo); background-repeat:no-repeat; background-position: center; background-size: 100% 100%;
  filter: grayscale(1); opacity:0.5;
}

/* OVERWRITE CSS */ 
#footerCon #footerContact #footerInfosCon .contactInfos .contactRow {justify-content: center;}
#footerCon #footerContact #footerInfosCon .contactInfos .contactRow .contactText a {color:rgba(255,255,255,0.6); }
#footerCon #footerContact #footerInfosCon .contactInfos .contactRow .contactText a:hover { opacity:0.5;}


/* ---------------------------------------------------- */
/* SOCIAL */
#footerCon #footerContact #footerSocialCon { 
  display:flex; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-content: space-between; gap:10px;
  padding: 30px 10px 0px 10px;  width:60px; height:100%;  }
#footerCon #footerContact #footerSocialCon .socialItem { position:relative; width:30px; height:30px; padding:10px; margin: 5px 5px 5px 5px; border-radius: 50%; background-color: rgba(255,255,255,0.5); cursor: pointer;}
#footerCon #footerContact #footerSocialCon .socialItem:hover { width:40px; height:40px; margin: 0; background-color:rgba(255,255,255,0.8); }
#footerCon #footerContact #footerSocialCon .socialItem a {position:Absolute; height:100%; width:100%; top:0; left:0; }



/* ---------------------------------------------------- */
/* NEWSLETTER CODE */ 
#footerCon #footerContact #footerNewsletterCon #newsletterCode { 
  min-width:338px; 
  border-left: solid 2px #dedede; 
}

#footerCon #footerContact #footerNewsletterCon #newsletterCode #newsletterPlaceholder { position:relative;  }
#footerCon #footerContact #footerNewsletterCon #newsletterCode #newsletterPlaceholder img { width:309px; height:auto; margin: 30px 15px 55px 15px; }
#footerCon #footerContact #footerNewsletterCon #newsletterCode #newsletterPlaceholder a { position: absolute; width:100%; height:100%; top:0; left: 0; }

#footerCon #footerContact #footerNewsletterCon #newsletterCode iframe { border:0; width:100%; height:385px; }

/*#footerCon #footerContact #footerNewsletterCon #newsletterCode iframe .rmBase__body { background-color: transparent;}*/
/*#footerCon #footerContact #footerNewsletterCon #newsletterCode iframe .privacy__visual { display:none; }*/











/* SITEMAP */

#footerCon #footerNavigation #footerSitemapCon {     
}

#footerCon #footerNavigation #footerSitemapCon .levelOne {   /* UL*/
  display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;
  width:100%; margin:0; padding:0;    
} 
#footerCon #footerNavigation #footerSitemapCon .levelOne li { text-align:left; float:left; margin:0; padding:0; } 

#footerCon #footerNavigation #footerSitemapCon .levelTwo { /* UL*/
  display:flex; flex-direction: column; flex-wrap: nowrap;
  margin:20px 0 0 0; padding:0;  
} 
#footerCon #footerNavigation #footerSitemapCon .levelTwo li { float:none; margin:0; padding:0; }

#footerCon #footerNavigation #footerSitemapCon .levelThree { margin:5px 0 5px 0; padding:0;  border-left: 1px solid rgba(255,255,255,0.3); } /* UL*/
#footerCon #footerNavigation #footerSitemapCon .levelThree li { float:none; margin:0; padding:0; }

#footerCon #footerNavigation #footerSitemapCon li { list-style: none; }

#footerCon #footerNavigation #footerSitemapCon .button {  }  
#footerCon #footerNavigation #footerSitemapCon .button a { 
  position:relative; 
  display:block; 
  margin:0px 15px 0px 0px; 
  /*height:100%; */
  font-size:0.9rem; font-weight:100; text-decoration:none; text-transform:uppercase;     
  color: #ffffff;
}
#footerCon #footerNavigation #footerSitemapCon .levelOne .button a { font-weight:400;  } 
#footerCon #footerNavigation #footerSitemapCon .levelOne .button.heading {  } 
#footerCon #footerNavigation #footerSitemapCon .levelTwo .button a { font-weight:100; text-transform:lowercase; margin:0px 5px 0px 0px; }
#footerCon #footerNavigation #footerSitemapCon .levelThree .button a { font-size: 0.9rem; font-weight:100; text-transform:lowercase; margin:0px 5px 0px 5px; opacity:0.7;}

#footerCon #footerNavigation #footerSitemapCon .levelTwo li:last-child {margin-bottom:20px;}

#footerCon #footerNavigation #footerSitemapCon .button a:hover { opacity:0.4; }

 /* current site */
#footerCon #footerNavigation #footerSitemapCon .levelOne .current a, #footerCon #footerNavigation #footerSitemapCon .levelTwo .current a, #footerCon #footerNavigation #footerSitemapCon .levelThree .current a {
    /*color:var(--main-signalColor01);*/
  }








@media only screen and (max-width: 768px) {  
  #footerCon { width:88%; padding:25px 6% 25px 6%; }
  #footerCon #footerNavigation { width:100%; padding-bottom:0px; }  
  #footerCon #footerNavigation #footerSitemapCon .levelOne { justify-content: space-evenly; flex-wrap: wrap; }
  #footerCon #footerNavigation #footerSitemapCon .levelOne .button.heading  a {font-size:0.7rem;}

  

  #footerCon #footerContact { flex-direction: column; justify-content: space-around; align-items: center; }  
  #footerCon #footerContact #footerInfosCon #contactLogo { margin-right:auto; }
  #footerCon #footerContact #footerInfosCon .contactInfos {margin-bottom:30px; align-items: center;}  
  #footerCon #footerContact #footerInfosCon .contactText { font-size: 0.8rem; }

  #footerCon #footerContact #footerSocialCon { 
    flex-direction: row; /* align-content: space-between; gap:10px;*/
    padding: 20px 10px 20px 10px;  width:100%; height:60px; }

  #footerCon #footerContact #footerNewsletterCon #newsletterCode {       
      border: 0px; 
    }
  
  

  /* FONT SIZE FOOTER SITEMAP */
  #footerCon #footerNavigation #footerSitemapCon .button a { font-size:0.8rem;} 
  #footerCon #footerNavigation #footerSitemapCon .levelThree .button a { font-size: 0.8rem;}
}

@media only screen and (min-width: 1400px) { 
  #footerCon { width:60%; padding: 25px 20% 25px 20%; }   
}






  
/* SCROLL TO TOP BTN / FOOTER ------------------------------ */

.scrollToTop {  
    position:absolute;
    bottom:-20px;
    width:100px; height:200px; 
    margin-left:calc( 100% - 6vw - 52px ); 
    background-color: #acacac;
    border-radius:50px 50px 0px 00px; 
    border: 2px #ffffff solid;
    box-shadow: inset 0px 0px 0px rgba(0,0,0,0.2);  
    cursor:pointer;
    z-index:96;
  }
  
  .scrollToTop .scrollToTopImage { 
    position:absolute; 
    top:0px; left:0px;
    width:60px; height:60px;
    padding: 20px; 
    pointer-events: none;
  }
  
  .scrollToTop:hover { bottom: -2px; /* box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2);*/ background-color: #d3d3d3; }
  .scrollToTop:hover .scrollToTopImage {top:-10px;}
  .scrollToTop a { position:absolute; top:0px; left:0px; width:100%; height:100%; }
  
  
  @media only screen and (max-width: 768px) {  
    .scrollToTop { margin-left:calc( 100% - 2vw - 120px ); }
  }
  
  @media only screen and (min-width: 1400px) { 
    .scrollToTop { margin-left:calc( 100% - 30px - 100px );  }
  }
  
  
:root {  
    /* --typo-heading-fontFamily: 'Cantarell-Bold', sans-serif;
    --typo-text-fontFamily: 'Cantarell-Regular', sans-serif;    */

    --typo-text-fontFamily: 'Montserrat-Light', sans-serif;
    --typo-heading-fontFamily: 'Baloo-ExtraBold', sans-serif;
    
}



/* GOOGLEFONT  LOCAL ________________________________________________________________ */

@font-face {
  font-family: 'Montserrat-ExtraLight';
  font-style: normal;
  font-weight: 100;  
  src: url('../../../_assets/027c860e3a765e5b311aeb5a3d6b5357/Fonts/SansSerif/Baloo2/Baloo2-VariableFont_wght.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Baloo-Light';
  font-style: normal;
  font-weight: 100;  
  src: url('../../../_assets/027c860e3a765e5b311aeb5a3d6b5357/Fonts/SansSerif/Baloo2/Baloo2-VariableFont_wght.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Baloo-Bold';
  font-style: normal;
  font-weight: 100;  
  src: url('../../../_assets/027c860e3a765e5b311aeb5a3d6b5357/Fonts/SansSerif/Baloo2/Baloo2-VariableFont_wght.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Baloo-ExtraBold';
  font-style: normal;
  font-weight: 800;  
  src: url('../../../_assets/027c860e3a765e5b311aeb5a3d6b5357/Fonts/SansSerif/Baloo2/Baloo2-VariableFont_wght.ttf') format('truetype');
  font-display: swap;
}



@font-face {
  font-family: 'Montserrat-Bold';
  font-style: normal;
  font-weight: 100;  
  src: url('../../../_assets/027c860e3a765e5b311aeb5a3d6b5357/Fonts/SansSerif/Montserrat/Montserrat-Bold.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat-Light';
  font-style: normal;
  font-weight: 100;  
  src: url('../../../_assets/027c860e3a765e5b311aeb5a3d6b5357/Fonts/SansSerif/Montserrat/Montserrat-Light.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat-ExtraLight';
  font-style: normal;
  font-weight: 100;  
  src: url('../../../_assets/027c860e3a765e5b311aeb5a3d6b5357/Fonts/SansSerif/Montserrat/Montserrat-ExtraLight.ttf') format('truetype');
  font-display: swap;
}

/*
@font-face {
  font-family: 'Cantarell-Regular';
  font-style: normal;
  font-weight: 100;  
  src: url('../../../_assets/027c860e3a765e5b311aeb5a3d6b5357/Fonts/SansSerif/Cantarell/Cantarell-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Cantarell-Italic';
  font-style: italic;
  font-weight: 100;  
  src: url('../../../_assets/027c860e3a765e5b311aeb5a3d6b5357/Fonts/SansSerif/Cantarell/Cantarell-Italic.ttf') format('truetype');    
}

@font-face {
  font-family: 'Cantarell-Bold';
  font-style: normal;
  font-weight: 700;  
  src: url('../../../_assets/027c860e3a765e5b311aeb5a3d6b5357/Fonts/SansSerif/Cantarell/Cantarell-Bold.ttf') format('truetype');    
}

@font-face {
  font-family: 'Cantarell-BoldItalic';
  font-style: italic;
  font-weight: 700;  
  src: url('../../../_assets/027c860e3a765e5b311aeb5a3d6b5357/Fonts/SansSerif/Cantarell/Cantarell-BoldItalic.ttf') format('truetype');    
}
*/
/* ________________________________________________________________ */

html { font-size:var(--main-fontSize); } /*HIER WECHSELN und ALLE wechseln */

body {
	font-family: var(--typo-text-fontFamily);
	color: var(--main-fontColor01);
}

hr { border: 0; background-color: transparent; border-top: 1px dashed #aaaaaa; margin:5px 0px 10px 0px; padding:0px;}

/* Links ________________________________________________________________ */

a:link    { text-decoration: none; color: var(--main-fontColorLink); text-decoration:underline;}
a:visited { text-decoration: none; color: var(--main-fontColorLink); text-decoration:underline;}
a:active  { text-decoration: none; color: var(--main-fontColorLink); text-decoration:underline;}
a:hover   { text-decoration: underline; color: var(--main-fontColorLinkHover); }
a:focus { outline: 0; }
a {outline:0;}

/* MARKER FARBE */
::selection {background: var(--main-markerColor); color: var(--main-markerColorFont);}


.white {color: #fff;}
.black {color:#000;}
.blue {color: #0059a3;}
.lightblue { color: #87c7e3;}
.grey {color: #706f6f;}
.lightgrey {color:#b0b0b0;}
.green {color:#8ab985; }
.lightgreen {color:#c3dfc0; }
.lightgreen2 {color:#f3f8ec; }
.yellow {color:#f3ba23; }
.lightyellow {color:#efcc70; }

.textnormal { font-size:var(--main-fontSize); font-weight:100; color:var(--main-fontColor01); line-height: 130%;}

.small { font-size:0.8rem; font-weight:100; color: var(--main-signalColor01);}
.big { font-size:1rem; font-weight:600; color: var(--main-signalColor01);  }

strong, b { font-weight:bolder; color: var(--main-fontColor01);}


/* ----------------------------------------------------------------------------- */
/* BULLET POINT LIST ------------------------------------------------------------*/
/* ----------------------------------------------------------------------------- */

/* GENERAL CENTERED*/
.con_plugin .textParagraph ul, .con_plugin .text ul {position: relative; margin:0px 10px 0px 10px; padding:0 0 15px 0; list-style-position: inside;}
.con_plugin .textParagraph ol, .con_plugin .text ol {position: relative; margin:0px 0px 0px 5px; padding:0 0 0 0;}
.con_plugin .textParagraph li, .con_plugin .text li { margin:8px 0px 8px 13px;  list-style-type: none; position: relative;}
.con_plugin .textParagraph ul li::before, .con_plugin .text ul li::before {
  content: '●';
  position: absolute;
  height: var(--main-fontSize);  
  top: calc( (var(--main-fontSize)) * -0.65 );
  margin-left: calc(var(--main-fontSize) * -1.2);   
  font-size: calc( var(--main-fontSize) *1.5);   
  color: var(--main-signalColor01b);;   
}


/* FOR BLOG CENTERED */
.con_plugin .textParagraph ul { text-align:center; }


/* -------------------------------------------- */

.textParagraph { padding:12px 0px 0px 0px ; }
p, .textParagraph p { 
  margin:5px auto 10px auto;
  padding: 0;
  text-align:center;  
  /*text-align-last: left;*/
}

.textParagraph h1 { text-align:center; font-size:1.75rem; } 


/* CONTENT TYPO STYLES / COLUMNS ------------------------------------------------------------------ */

.con_plugin .content .columns, .con_plugin .content .columns1  { width:80%; padding: 0px 10% 0px 10%; }

.con_plugin .content .columns2 {  width:80%; padding: 0px 10% 0px 10%;
/*-webkit-column-width: 200px;  -moz-column-width: 200px;  column-width: 200px;*/
  column-gap: 3rem;  
  column-count: 2; 
  column-fill: auto; 
  column-rule: 1px dotted #dedede;
}

.con_plugin .content .columns3 {   width:80%; padding: 0px 10% 0px 10%;
  column-gap: 3rem;  
  column-count: 3;  
  column-fill: auto; 
  column-rule: 1px dotted #dedede;
}

.columns p, .columns1 p, .columns2 p, .columns3 p { 
    page-break-inside: avoid;
  }  
 



/* ------------------------------------------------------------------------------------- */
/* HEADING & SUBHEADING ---------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */


.con_plugin .content .titleContainer { 
  position:relative; 
  width:80%; 
  padding: 0px 10% 30px 10%;
  margin:0 0 0 0;
  transform: skewY(-4deg);                                                                                                              /* SKEW TRANSFORMATION */      
}
.con_plugin .content .titleContainer .titleWrapper { width:100%; margin-top:20px; }    
.con_plugin .content .titleContainer .subTitleWrapper { width:100%; margin-top:-5px; }


/* WORD BREAK CONTROL */ 
.con_plugin .content .titleContainer, .con_plugin .content .titleContainer h1 { 
  white-space: pre-wrap;
  overflow-wrap: always;
  /*word-break: break-word;*/
  hyphens: none;
}

/* SPAN CLASSES - THE REAL STYLE-THING */
.titleContainer h1 {   
  display: block; 
  margin:25px auto 5px auto; 
  padding:0; 
  text-align:center; 
  /*text-transform: uppercase;*/
  font-family: var(--typo-heading-fontFamily); 
  font-size:calc(var(--main-fontSize-Heading)); line-height:calc(var(--main-fontSize-HeadingLineHeight) + 7px);
  font-weight: 100;    
  color: var(--main-fontColor-Heading);
  border:none;

  
  word-wrap: break-word;
}

.subTitle {
  font-family: var(--typo-text-fontFamily); 
  font-size: var(--main-fontSize-Subeading); 
  font-weight:100; 
  color:var(--main-fontColor-Subheading); 
  text-align: center; 
}

/* ---------------------------------------------- */

h2 { 
  display: block; 
  margin: 0 auto 0 auto; 
  font-family: var(--typo-heading-fontFamily); 
}

.heading {  }
.heading p { /* text-align: inherit;*/ }





/* ----------------------------------------------------------------------------------------------------------- */
/* ALTERNATIVE WHITE FOR IMAGESLIDER, NEWS etc. -------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

.titleForHeader { display:flex; flex-direction: column; justify-content: center; }
.titleForHeader .titleContainer {  
  justify-self: center; 
  transform: skewY(-4deg);
}

.titleForHeader .titleContainer h1 { color:#fff; text-shadow: 0px 2px 8px rgba(0,0,0,0.7);}
.titleForHeader .titleContainer .subTitle {color:#fff; text-shadow: 0px 2px 8px rgba(0,0,0,0.7);}



/* -------------------------------------------------------------------------------------------------------------------------- */
/* ALTERNATIVE BLOG HEADINGS ------------------------------------------------------------------------------------------------ */


.newsContentModule .titleContainer {}
.newsContentModule .titleContainer h1 { text-transform: none; font-weight: lighter; font-family: 'Montserrat-ExtraLight', sans-serif;}






@media only screen and (max-width: 768px) {    
  /* HEADING & SUBHEADING */
  .titleContainer h1, .titleForHeader .titleContainer h1 { font-size: calc(var(--main-fontSize-Heading) / 1.75 )!important; line-height: calc( var(--main-fontSize-HeadingLineHeight) / 1.75 )!important; }
  .subTitle { font-size: var(--main-FontSize); }
  .con_plugin .content .titleContainer { width:90%; padding: 0px 5% 30px 5%; }  
  

  /* TEXT COLUMNS */
  .con_plugin .content .columns, .con_plugin .content .columns1, .con_plugin .content .columns2, .con_plugin .content .columns3 { width:90%; padding: 0px 5% 0px 5%; }
  .con_plugin .content .columns2, .con_plugin .content .columns2 { column-count: 1; }
  .con_plugin .content .columns2, .con_plugin .content .columns3 { column-count: 1; }
}


@media only screen and (min-width: 1400px) {   
    /* HEADING & SUBHEADING */
  .con_plugin .content .titleContainer { width:70%; padding: 0px 15% 30px 15%; }    
  /* TEXT COLUMNS */
  .con_plugin .content .columns, .con_plugin .content .columns1, .con_plugin .content .columns2, .con_plugin .content .columns3 { width:60%; padding: 0px 20% 0px 20%; }    
}

@media only screen and (min-width: 1800px) {   
  /* HEADING & SUBHEADING */
 .titleContainer h1, .titleForHeader .titleContainer h1 { font-size: calc(var(--main-fontSize-Heading) * 1.2 )!important; line-height: calc( var(--main-fontSize-HeadingLineHeight) * 1.2 )!important; }
}
/* ZENTRIEREN */
.button_con_centered { /* position:relative; */  text-align: center; }
.button_basic.centered {margin-left:auto; margin-right:auto;}
/* GANZE BREITE --- ADD wholeWidth*/
.button_basic.wholeWidth { width:100%; }
.button_basic.wholeWidth a { width: calc(100% - 120px); padding: 7px 60px 6px 60px; }
/* SMALLER ------- ADD smaller */
.button_basic.smaller { transform:scale(0.7);}

/* --- BUTTON BASIC ---------------------------------------- */

.button_basic {
    position:relative; 
    display:inline-block; 
    margin: 80px 0px 80px 0px;    
    background-color:var(--btn-BasicBackgroundColor); 
    border:var(--btn-BasicBorderSize) solid var(--btn-BasicBorderColor); 
    border-radius: var(--btn-BasicBorderRadius);
    box-sizing: border-box;
    opacity:1; 
    text-align:center;
    overflow:hidden;
}

.button_basic .hoverOverlay { 
    position:absolute; 
    width: 100%; height: 100%;
    top: 0px; left: -100%;
    background-color:var(--btn-BasicBackgroundColorHover);     
}

.button_basic a {position:absolute; width:100%; height:100%; top:0px; left:0px; }

.button_basic .link { 
    display:inline-block; padding:20px 60px 19px 60px;
    text-align:center; font-family:var(--btn-FontFamily); font-size: var(--btn-FontSize); color:var(--btn-BasicFontColor); font-weight:100; 
    text-transform: uppercase; text-decoration:none; 
}
.button_basic .link.placeholder { color: var(--btn-BasicBackgroundColor); opacity:0;} /* FOR CORRECT SIZING */
.button_basic .link.real { position:absolute; top:0px; left:0px; }


/* --- BUTTON SYMBOL ---------------------------------------- */

.button_basic .symbolCon {      
    position:absolute; 
    display:flex; flex-direction: column; justify-content: center;
    height: 100%; width: 50px;        
    top:0px; left:-100px;      
    padding: 0px 15px 0px 15px;
    background-color:rgba(255,255,255,0.6);    
}


.button_basic .symbolCon .symbol { width:50px; height:50px; transform:rotate(-45deg);}

.button_basic .symbolCon .symbol .ll_icon svg {fill:#fff;}


/* HOVER ANIMATION */

.button_basic:hover { opacity:1; border: var(--btn-BasicBorderSize) solid var(--btn-BasicBackgroundColorHover);  /*background-color:var(--btn-BasicBackgroundColorHover); */}
.button_basic:hover .hoverOverlay { left:0%; }
.button_basic:hover .link { color:var(--btn-BasicFontColorHover); margin-left:40px;}
.button_basic:hover .symbolCon { left:0px;  }
.button_basic:hover .symbolCon .symbol { transform: rotate(0deg); }








@media only screen and (max-width: 768px) {
    .button_basic { width: calc(80% - var(--btn-BasicBorderSize) ); padding:0 calc(5% - var(--btn-BasicBorderSize)/2) 0 calc(5% - var(--btn-BasicBorderSize)/2); }
    .button_basic .link {  width: calc(100% - 40px);  /* FROM PADDING */ padding: 20px 20px 19px 20px; font-size: calc(var(--btn-FontSize) * 0.75);  }    
    
    
    /* INDIVIDUAL BUTTONS */
    .news_con .button_basic { width: 100%; margin: 20px 0% 20px 0%;} /* BUTTON */

    /*.button_basic.button_symbol:hover a { color:#fff; margin-left:0px; padding: 7px 60px 6px 60px; }*/
}










/* ------------------------------------------------------------------------------------------ */
/* BTN ROUND -------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */

.buttonRound { 
    position:absolute;   /* NEW */
    top:calc(50% - 85px); /* NEW */
    left:calc(50% - 85px); /* NEW */         
    width:70px; height:70px;
    padding:50px;
    border-radius:50%;    
    background-color: var(--main-signalColor01);    
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    cursor:pointer;       
}
.buttonRound.relative { position:relative; top: auto; left: auto; }


.buttonRound .buttonRoundLable { 
    position:absolute; bottom: -5px; left:0; width: calc(100% - 20px); margin-left: auto; margin-right: auto;
    padding: 5px 10px 5px 10px; 
    text-align:center;
    font-size: 0.9rem; color:#fff; text-transform: uppercase;
    background-color: var(--main-signalColor01b); box-shadow: 0px 0px 10px rgba(0,0,0,0.2);    
}

.buttonRound a { position:absolute; top: 0px; left:0px; width:100%; height:100%; display:block;}


.buttonRound .ll_icon { }
.buttonRound .ll_icon svg { }

.buttonRound:hover {  
    top:calc(50% - 95px); left:calc(50% - 95px); /* NEW */
    width:110px; height:110px;
    padding:40px;    
}


@media only screen and (max-width: 768px) {    
    .buttonRound.relative {  position:relative; top: auto; left: auto; }
    .buttonRound { 
        top:calc(50% - 42px); left:calc(50% - 42px); 
        width:35px; height:35px; padding:25px; 
    }  
    .buttonRound:hover { 
        top:calc(50% - 47px); left:calc(50% - 47px); 
        width:55px; height:55px; padding:20px; 
    }
    .buttonRound:hover .buttonRoundLable { left: calc( -50% + 10px ) ; }
    

    .buttonRound .buttonRoundLable { bottom: -20px; left: -50%; width:auto;  }
    
}

@media only screen and (min-width: 1400px) {
}


/* ------------------------------------------------------------------------------------ */
/* ICONS SVG PARTIALS ----------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */

.ll_icon {  }
.ll_icon svg { width:100%; height:100%; pointer-events: none; fill:#fff;}

/* SEARCH ICON */
/*.ll_icon svg.searchIcon {  }
.ll_icon svg.searchIcon .a{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:68px;}
.ll_icon svg.searchIcon .b{fill:#fff;}*/


/* LINK ICON */
/*.ll_icon svg.linkIcon  {fill:#fff;}*/

/* ------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------ */








/* ------------- BUTTON WHITE BASIC / BIG IMG NAV etc. ------------------- */


.button_basic-white_con { }
.button_basic-white { 
    display:block; width:50%; margin: 10px auto 10px auto; padding:10px 0px 10px 0px;
    background-color:rgba(255,255,255,1); border:0px solid rgba(255,255,255,0.7); 
    text-align:center; font-family:var(--main-BtnFontFamily); font-size: 1em; color:rgba(0,0,0,0.35); font-weight:600; text-transform: uppercase; 
    cursor: pointer; 
    opacity:0.6;
}

.button_basic-white a {position:relative; width:80%; height:100%; display:block; color:#dedede; padding:0px 10% 0px 10%;}
.button_basic-white a:hover {text-decoration:none;}
.button_basic-white:hover { opacity: 1; color:rgba(0,0,0,1);}
















/* -------------------------------BUTTONS---------------------------------------------- */

.btn_con { margin: 20px 0px 20px 0px;  }
.btn_con .btn { width:40%; max-width:300px; background-color:rgba(255,255,255,0.3); border:2px solid var(--main-signalColor01); text-align:center; margin:auto; cursor: pointer; display:block;
font-family:var(--main-BtnFontFamily); font-size: var(--main-BtnFontSize); color:var(--main-signalColor01); font-weight:100; text-transform: uppercase;
opacity:1; }
.btn_con .btn:hover { opacity:0.5;  background-color:rgba(255,255,255,1);}
.btn_con a {position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:99; display:block;text-decoration:none;}

.btn_con .btn a {position:relative; width:80%; height:100%; display:block; color:var(--main-signalColor01); padding:10px 10% 10px 10%; text-decoration:none;}
.btn_con .btn a:hover {text-decoration:none;}

/* EXPAND BTN => EVENT BUTTON SEPERATE IN PLUGIN ---------------------*/

/*.expandBtn {margin:-10px 0 25px -4px; padding:0px 0px 0px 0px; color:#87c7e3; text-align:center; }
.expandBtn .symbol {font-size:3rem; line-height:1rem;  width:50px; vertical-align:top; margin-right:15px; margin-top:0px;}
.expandBtn .lable { font-size:1.5rem; line-height:1rem;   }
.expandBtn a { color: var(--main-signalColor); font-weight:800; text-decoration:none; }
.expandBtn a:hover { text-decoration:none; }

.expandBtn .toggleInBtn { height:60px; }
.expandBtn .toggleOutBtn { height:60px; margin-top:-60px; opacity:0;}*/


.expandBtn { display: block; margin-top:10px; padding:0px 0px 0px 0px; color:var(--main-signalColor); height:50px; text-align:center; opacity:1;}
.expandBtn:hover { opacity: 0.6; }

.expandBtn a { color: var(--main-signalColor); font-weight:800; text-decoration:none; }
.expandBtn a:hover { text-decoration:none; }
.expandBtn a .lable { font-size:1.5rem; line-height:1rem;   }
.expandBtn a .symbol {font-size:3rem; line-height:1rem;  width:50px; vertical-align:top; margin-right:15px; margin-top:0px;}
.expandBtn a .symbolOut { line-height:0.4rem; }

.expandBtn .toggleInBtn { height:60px;  }
.expandBtn .toggleOutBtn { height:60px; margin-top:-60px; opacity:0;}


/* ---------------------------------------------------------------------------------------------- */
/* SCROLL DOWN BUTTON */


.btnScrollDownArrow { 
    position:absolute; 
    z-index:100;
    bottom:20px; right:50px;
    width:40px; height:40px;
    padding:20px;    
    background-color: var(--main-signalColor01);
    cursor:pointer; 
    border: none; border-radius:50%;        
    animation: bounceArrow 2s infinite;    
}

@keyframes bounceArrow {	
    0%, 20%, 50%, 80%, 100% {transform: translateY(0); }	
    40% {transform: translateY(-30px); }	
    60% {transform: translateY(-15px); } 
}


.btnScrollDownArrow a {position:absolute; width:100%; height:100%; top:0px; left:0px; }
.btnScrollDownArrow:hover { 
    bottom:0px; right: 30px; 
    width:70px; height:70px; 
    padding:25px;
    }

.btnScrollToAnchor { position:absolute; bottom:0px; width:0px; height:0px; }




@media only screen and (max-width: 768px) {
    .btnScrollDownArrow { 
        bottom:20px; right:30px;
        width:20px; height:20px;
        padding:10px;    
    }
    .btnScrollDownArrow:hover { 
        bottom:10px; right: 20px; 
        width:30px; height:30px; 
        padding:15px;
        }
}

/*--------------------------------------------*/
/* customer: 
/* file:     formate.css
/* by:       Christoph /KNOPF/ Mayer - lachslounge.de
/* created:  
/*--------------------------------------------*/




/* FORM ALLGEMEIN */

.frame-type-form_formframework { /* BACKGROUND STYLE FESTLEGEN */
    width:100%; text-align:left; padding:25px 0px 25px 0px;
    background-color: var(--styleFormBg); 
    }
    

.frame-type-form_formframework p { text-align:left; }

.frame-type-form_formframework h2 { display:none; } /* HEADING */




.frame-type-form_formframework form { width:60%; padding:0 20% 0 20%; }

/* FIELDSET BORDER AND ABSTAENDE WHEN SET */
/*.frame-type-form_formframework ol { }
.frame-type-form_formframework ol fieldset {border:none; border-radius:10px; }
.csc-mailform form ol li fieldset li {margin:0px 0px 5px 0px; padding:0px 0px 0px 0px;}*/


/* ausblenden aller labels */
.control-label {display:none;} 

/* INPUT CON */
.frame-type-form_formframework form div.input {
    position:relative;
}

/* INPUTFELDER */
.frame-type-form_formframework form input, .frame-type-form_formframework form .input textarea {     
    appearance: none;
    width:95%; 
    padding:15px 20px 15px 20px;
    /*box-sizing: border-box;*/
    border-radius: calc(var(--main-fontSize) + 15px); border:solid 1px var(--styleFormInputBorder);
    color: var(--styleFormInputFontColor);
    margin:0px 0px 10px 0px;
    width: calc(100% - 42px);
    font-family: var(--typo-text-fontFamily);
    font-size:var(--main-fontSize);
}

/* STANDORT ROSTOCK vs KREMPERHEIDE */
.frame-type-form_formframework form #cONTACT-FORM-25-singleselect-1 { border-radius: calc(var(--main-fontSize) + 15px); border:solid 1px var(--styleFormInputBorder);  }

.frame-type-form_formframework form .input textarea { height:300px; }

.frame-type-form_formframework form input::-webkit-input-placeholder, .frame-type-form_formframework form textarea::-webkit-input-placeholder {   
    opacity: 0.25;
}

.frame-type-form_formframework form input:focus::placeholder, .frame-type-form_formframework form textarea:focus::placeholder {
    color: transparent;
}


/* TWO COLUMS IN ONE ROW */
.frame-type-form_formframework .row    {  display:grid;  grid-template-columns: auto auto; grid-gap: 10px;}

/* DROPDOWNMENUES */
.frame-type-form_formframework form select { 
padding:5px 15px 5px 15px;
height:50px; width:49%;
border-radius: 10px; border:solid 1px var(--styleFormInputBorder); background-color:var(--styleFormInputBg);
color: var(--main-fontColor01);
margin-bottom:10px;
background:var(--styleFormInputBg);
appearance: none; /* SAFARI BUG */
background-image:var(--styleFormInputDropDownSymbol); background-position:95% 50%; background-repeat:no-repeat;
cursor:pointer; 
font-size:var(--main-fontSize);
}

/* CHECKBOXEN -------------------------------------------------- */

.frame-type-form_formframework form input[type="checkbox"], 
.frame-type-form_formframework input[type="radio"] {
  appearance: none;
  background-color:var(--styleFormInputBg);
  border-radius:26px; border:solid 1px var(--styleFormInputBorder);
  height: 15px; width:15px; 
  padding:10px;
  margin:0px 10px 0px 0px; 
  cursor:pointer;
  box-shadow: none;
  outline:none;  
    top:2px;
}

.frame-type-form_formframework form input[type="checkbox"]:checked,
.frame-type-form_formframework form input[type="radio"]:checked { 
  background-color:var(--styleFormInputBg); 
  margin:0; padding:10px; 
}

.frame-type-form_formframework form input[type="checkbox"]:checked::before,
.frame-type-form_formframework form input[type="radio"]:checked::before {
    content:' ';
    display:inline-block;
    width: 12px;
    height:12px;
    border-radius:24px;
    position: relative;
    top:-12px; left:-6px;
    margin:0; padding:0;
    border: none;   
    background: var(--main-signalColor01); 
    box-shadow: none;
}



/* BTN STYLEN*/
.frame-type-form_formframework form button[type="submit"] {
    display:block; width:80%; padding:20px 60px 20px 60px; margin:15px auto 20px auto; text-align:center; cursor: pointer; 
    background-color:var(--btn-BasicBackgroundColor); border:var(--btn-BasicBorderSize) solid var(--btn-BasicBorderColor); 
    font-family: var(--btn-FontFamily); font-size: var(--btn-FontSize); color:var(--btn-BasicFontColor); font-weight:100; text-transform: uppercase;
    border-radius: var(--btn-BasicBorderRadius);
    transition: all 0.3s ease 0s;
}
.frame-type-form_formframework form button[type="submit"]:hover {  
    width:100%;
    color: #fff;
    background-color: var(--main-signalColor01);
    border-color: var(--main-signalColor01);      
}

/* TEXTBLOCK */
/*.csc-mailform form .csc-form-element-textblock { font-size:var(--main-fontSize); margin-top:5px; }*/

/* LINKS */
.frame-type-form_formframework form a {color:var(--main-fontColorLink); text-decoration:underline;}
.frame-type-form_formframework form a:hover {color:var(--main-fontColorLinkHover); text-decoration:underline;}




/* ERROR MESSAGE */
.frame-type-form_formframework form span.error.help-block {
    position:absolute;  
    top:-8px; 
    right:10px; 
    padding:7px 20px 7px 20px; 
    margin: 20px 0px 40px 0px;
    color:#fff; 
    background-color:#dedede; 
    border-radius:10px;
    pointer-events: none;
}


/* DEACTIVATE BLUE FOCUS OUTLINE */
.frame-type-form_formframework form input:focus, .frame-type-form_formframework form select:focus, .frame-type-form_formframework form textarea:focus, .frame-type-form_formframework form button:focus {
    outline: none;
}




/* ------------------------------------------------------------------------------------------------------ */
/* RESPONSIVE ------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */


@media only screen and (max-width: 768px) {
    .frame-type-form_formframework form { width:90%; padding:0 5% 0 5%; } /* ALLGEMEINE WIDTH */
    
    .frame-type-form_formframework .row    { display:block; } /* ROW */            
    
    /* ROSTOCK ODER KREMEPERHEIDE FULL WIDTH*/}
    .frame-type-form_formframework form #cONTACT-FORM-25-singleselect-1 { width:100%; } 
    
    /* .csc-mailform #orderForm:first-child:before { display:none; margin-right:3%; } PRODUCTIMAGE */




@media only screen and (min-width: 1400px) {  
    .frame-type-form_formframework form { width:40%; padding:0 30% 0 30%; } 
}







/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
/* -----------------  CONTACT FORM #contactForm */

#cONTACT-FORM-25 h2 { display:none; } /* REMOVE HEADING */

/* INSERT PACKSHOT IMAGE */

/*.frame-type-form_formframework form:first-child:before {
    content:"";
    display: block;    
    background-image:var(--styleFormProductImage);background-repeat:no-repeat; background-size:cover;
    height: 200px; width:250px;
    position:absolute;
    right:0px; z-index:100;
    margin-right: 18%; margin-top:-40px;
    pointer-events:none;
}*/











/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
/* FE-LOGIN FORM ---------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */

.frame-type-felogin_login { /* FORMULAR-GROESSE und STYLING - ANPASSEN */
    background-color: var(--styleFormInputBg); 
    background-image:var(--styleLayer); 
    background-position:top center; 
    background-repeat:repeat;
    width:50%; 
    margin:0 auto 0 auto; 
    padding: 20px 25% 20px 25%; 
    text-align:center;
}


.frame-type-felogin_login header /*, .csc-header-n10 h1*/ { display:none; } /* HEADING ENTFERNEN bei eingeloggt und ausgeloggt - ANPASSEN */
/*.frame-type-felogin_login fieldset > div:first-of-type {display:none;}  USERNAME AUSBLENDEN */

.frame-type-felogin_login legend { display:none; } 



 

/* .frame-type-felogin_login > *:first-child { display:none; }*/  /* h3 ausblenden */
.frame-type-felogin_login h3 { display:none; } /* h3 ausblenden */
/*.frame-type-felogin_login > div:first-of-type { display:none; }  DIV mit beschreibung ausblenden */
.frame-type-felogin_login fieldset {border:none; } /* Rand ausblenden */
.frame-type-felogin_login fieldset legend { display:none; } /* legend und border ausblenden */
.frame-type-felogin_login fieldset label { text-align:center; text-transform:uppercase; color: var(--main-fontColor01b);}


/* FORM CON */
.frame-type-felogin_login form { 
    padding-top:35px; 
}

/* INPUT FELDER */
.frame-type-felogin_login input { 
    appearance: none;
    width:95%; 
    padding:15px 20px 15px 20px;
    /*box-sizing: border-box;*/
    border-radius: calc(var(--main-fontSize) + 15px); border:solid 1px var(--styleFormInputBorder);
    color: var(--styleFormInputFontColor);
    margin:0px 0px 10px 0px;
    width: calc(100% - 42px);
    font-family:var(--typo-text-fontFamily);
    font-size:var(--main-fontSize); 
    text-align:center;
}

/* BTN */
.frame-type-felogin_login input[type="submit"], .frame-type-list .tx_evoweb_sfregister form input[type="submit"] { 
    /*display:block; width:80%; padding:15px 20px 15px 20px; margin:15px auto 20px auto; text-align:center; cursor: pointer;
    background-color:var( --btn-BasicBackgroundColor); border:var(--btn-BasicBorderColor) var(--btn-BasicBorderSize) solid; 
    font-size: var(--btn-FontSize); color:var(--btn-BasicFontColor); font-weight:600; text-transform: uppercase;
    border-radius:var(--btn-BasicBorderRadius);*/ 

    display:block; width:80%; padding:20px 60px 20px 60px; margin:15px auto 20px auto; text-align:center; cursor: pointer; 
    background-color:var(--btn-BasicBackgroundColor); border:var(--btn-BasicBorderSize) solid var(--btn-BasicBorderColor); 
    font-family: var(--btn-FontFamily); font-size: var(--btn-FontSize); color:var(--btn-BasicFontColor); font-weight:100; text-transform: uppercase;
    border-radius: var(--btn-BasicBorderRadius);
    transition: all 0.3s ease 0s;
}
.frame-type-felogin_login input[type="submit"]:hover, .frame-type-list .tx_evoweb_sfregister form input[type="submit"]:hover { 
    width:100%;
    color: #fff;
    background-color: var(--main-signalColor01);
    border-color: var(--main-signalColor01);  
}


/* DEACTIVATE BLUE FOCUS OUTLINE */
.frame-type-felogin_login input:focus, .frame-type-form_formframework form select:focus, .frame-type-form_formframework form textarea:focus, .frame-type-form_formframework form button:focus {
    outline: none;
}




/* TYPO3 MESSAGES  -------------------------------------------- */

/* .frame-type-felogin_login ul.typo3-messages {} */
.frame-type-felogin_login ul:first-child, .frame-type-felogin_login ul.typo3-messages {
    margin:25px 0px 25px 0px;    
    padding:10px 25px 10px 25px; 
    background-color: #dedede;    
    border-radius: 10px;
    /*color: #fff; */
}

.frame-type-felogin_login ul li {
    list-style-type: none;
}



/* ------------------------------------------------------------------------------------------------------ */
/* RESPONSIVE ------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */


@media only screen and (max-width: 768px) {     
    .frame-type-felogin_login {width:88%; padding: 20px 6% 20px 6%;  }
}

@media only screen and (min-width: 1400px) {      
}















/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
/* FRONTEND USER REGISTRATION ------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */





.frame-type-list .tx_evoweb_sfregister {    
    /*STYLING BACKGROUND */
    background-color: var(--styleFormInputBg); background-image:var(--styleLayer); background-position:top center; background-repeat:repeat;  
    /* FORMULAR-GROESSE und STYLING - ANPASSEN */
    width:60%; 
    padding: 30px 20% 30px 20%; 
    margin:0 auto 0 auto; 
    text-align:center;  
}
.frame-type-list .tx_evoweb_sfregister form { } /* FORM CONTAINER */ 

.frame-type-list .tx_evoweb_sfregister form label { text-align:center; text-transform:uppercase; color: var(--main-fontColor01b);}

.frame-type-list .tx_evoweb_sfregister form .form-row { margin-bottom:30px; }
.frame-type-list .tx_evoweb_sfregister form .form-row div { margin-bottom:10px; }


/* INPUT FIELDS */
.frame-type-list .tx_evoweb_sfregister form input {  
    appearance: none;
    width: calc(100% - 42px);
    padding:15px 20px 15px 20px;
    margin:0px 0px 10px 0px;
    /*box-sizing: border-box;*/    
    border-radius: 10px; border:solid 1px var(--styleFormInputBorder);        
    font-family:var(--typo-text-fontFamily); font-size:var(--main-fontSize); color: var(--styleFormInputFontColor);
    text-align:center;
}

.frame-type-list .tx_evoweb_sfregister form input::-webkit-input-placeholder {   
    opacity: 0.25;
}

.frame-type-list .tx_evoweb_sfregister form input:focus::placeholder {
    color: transparent;
  }

.tx_evoweb_sfregister form .form-control-plaintext {    /* CONTROL FIELD */
    padding:5px 20px 15px 20px;
    border: none;    
}


.frame-type-list .tx_evoweb_sfregister form meter { } /* PASSWORD SECURITY METER */





/* CHECKBOXEN -------------------------------------------------- */

.tx_evoweb_sfregister form input[type="checkbox"], 
.tx_evoweb_sfregister form input[type="radio"] {
    position:relative;
    appearance: none;
    background-color:var(--styleFormInputBg);
    border-radius:26px; border:solid 1px var(--styleFormInputBorder);
    height: 15px; width:15px; 
    padding:10px;
    margin:0px 5px 0px 0px; 
    cursor:pointer;
    box-shadow: none;
    outline:none;  
    top:2px;
}

.tx_evoweb_sfregister form input[type="checkbox"]:checked,
.tx_evoweb_sfregister form input[type="radio"]:checked { 
  background-color:var(--styleFormInputBg); 
  padding:10px; 
}

.tx_evoweb_sfregister form input[type="checkbox"]:checked::before,
.tx_evoweb_sfregister forminput[type="radio"]:checked::before {
    position: absolute;
    content:' ';
    display:inline-block;
    width: 12px;
    height: 12px;
    border-radius:24px;    
    top:4px; left:4px;
    margin:0; padding:0;
    border: none;   
    background: var(--main-signalColor01); 
    box-shadow: none;
}



/* SUBMIT BUTTON ------------------------------------------------------------------ */

.tx_evoweb_sfregister form input[type="submit"] { 
    display:block; width:80%; padding:15px 20px 15px 20px; margin:15px auto 20px auto; text-align:center; cursor: pointer;
    background-color:rgba(255,255,255,0.3); border:var(--btn-BasicBorderColor) var(--btn-BasicBorderSize) solid; 
    font-size: var(--btn-FontSize); color:var(--btn-BasicFontColor); font-weight:100; text-transform: uppercase;
    border-radius:var(--btn-BasicBorderRadius); 
    transition: all 0.3s ease 0s;
}
.tx_evoweb_sfregister form input[type="submit"]:hover { 
    width:100%;
    color: #fff;
    background-color: var(--main-signalColor01);
    border-color: var(--main-signalColor01);
}




.tx_evoweb_sfregister .mandatory {} /* HINWEIS BELOW */


.tx_evoweb_sfregister .formerrors {display:none;} /* hide redundant error message on Top */
.tx_evoweb_sfregister .error {  margin: 5px 0 5px 0; padding:3px 10px 3px 10px; background-color: rgb(230, 132, 151); color:#fff; border-radius: 10px; }




/* ------------------------------------------------------------------------------------------------------ */
/* RESPONSIVE ------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */


@media only screen and (max-width: 768px) {
    .frame-type-list .tx_evoweb_sfregister  { width:88%; padding:30px 6% 30px 6%; }
}


@media only screen and (min-width: 1400px) {  
    .frame-type-list .tx_evoweb_sfregister  { width:40%; padding:30px 30% 30px 30%; }
    
}














/* MINDSHAPE COOKIE CONSENT STYLING */
/* OVERWRITE */


.cookie-consent-container { }
/*.cookie-consent-container p{ margin:0!important; }*/

.consent-modal {
    
    background-color: var(--styleA)!important; 
    color: var(--main-fontColor01c)!important;
    font-weight:100!important; font-size:0.8rem!important;
    /*padding:30px!important;*/
    margin: 0 auto 0 auto!important;
}
/*SOURCE:
.cookie-consent-container .consent-modal{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;width:min(100%,440px);max-height:70dvh;padding:1.5rem;background-color:var(--color-white);overflow-y:auto;box-shadow:0 0 6px var(--color-hsla-black-50);border-radius:5px;transition:width 350ms,max-height 350ms ease}*/

.consent-modal p {text-align: left!important;}

.consent-modal .option-wrapper {
    background-color: rgba(0,0,0,0.1)!important; 
    font-size:0.8rem!important;
}


.consent-modal .option-wrapper .option-detail-wrapper {}
.consent-modal .option-wrapper .option-detail-wrapper .option-detail { background-color: rgba(255,255,255,0.2)!important;  }
.consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option { background-color: rgba(255,255,255,0.5)!important; }
.consent-modal .option-wrapper .option-detail-wrapper .option-detail label { }

.consent-modal strong.cookie-headline { color: var(--main-fontColor01)!important; }

.consent-modal span.checkmark { 
    margin-right:20px;
}

/* IMPRINT BUTTON FRONTEND */

.cookie-consent-settings { text-align:center; background-color: var(--styleB); margin:0 !important;}
.cookie-consent-settings button.cookie-consent-open { 
    cursor: pointer;  
    display:inline-block; 
    margin: 10px 0px 30px 0px;    
    background-color:var(--btn-BasicBackgroundColor); 
    border:var(--btn-BasicBorderSize) solid var(--btn-BasicBorderColor); 
    border-radius: var(--btn-BasicBorderRadius);
    box-sizing: border-box;
    opacity:1; 
    text-align:center;
    padding:20px 30px 20px 30px; 
    
}
.cookie-consent-settings button.cookie-consent-open:hover { opacity:1; border: var(--btn-BasicBorderSize) solid var(--btn-BasicBackgroundColorHover); color:var(--btn-BasicBackgroundColorHover); }




/* RESPONSIVE ------------------------------------------------------------------------------- */


@media only screen and (max-width: 768px) {
    .cookie-consent-container {width:100%!important; padding:0!important; margin:0!important; overflow:hidden; }
    /*.consent-modal { width:100%!important; padding:10px!important; margin:0!important; }*/
}


@media only screen and (min-width: 1400px) {         
    
}

#dataSecurityCon { 
    position:fixed; 
    z-index:1001; 
    left:0; bottom:0; 
    width:50px; height: 50px;
}

#dataSecurityCon .iconCon { 
    position: absolute;     
    left:5px; bottom:5px; 
    width:36px; height:36px; 
    padding:4px; 
    border-radius:50%; 
    background-color:#8b8b8b;     
}

#dataSecurityCon .iconCon .ll_icon { margin-top:2px;}

#dataSecurityCon a { position:absolute; top:0px; left:0px; width:100%; height:100%; }
#dataSecurityCon .backgroundShape { position:absolute; bottom:-25px; left:-55px; width:100px; height:60px; background-color: #c6c6c6; transform: rotate(45deg); }

/* ANIMATION HOVER */
#dataSecurityCon:hover .iconCon { width:30px; height:30px; padding:7px; }
#dataSecurityCon:hover .dataInfoCon {left:22px; opacity:1; }

#dataSecurityCon .dataInfoCon {
    position:absolute; 
    display: inline-block;
    white-space: nowrap;
    bottom: calc(50% - 0.6rem - 2.5px);
    left:-225px;
    opacity:0;
    font-size:0.6rem;
    padding:5px 15px 5px 35px; 
    border-radius:5px;
    background-color:#d8d8d8; 
}



#dataSecurityInfoCon { position:fixed; bottom:-500px; left:0px; z-index:1000; width:70%; padding: 40px 15% 40px 15%; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 -10px 10px rgba(0,0,0,0.1);}

#dataSecurityInfoCon .heading { font-size:1.5rem; }
#dataSecurityInfoCon .text {  }
#dataSecurityInfoCon .text a {  }
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
@media only screen and (max-width: 768px) {

        
    /* QUOTES WITH IMAGE uebereinander statt nebeneinander   ÜBERBLEIBSEL ????? */

    
    .textElementSectionQuotes { width: 64%; margin: 0px 18% 0% 18%;}    
    .textElementSectionQuotes .masterGrid { display:block; width:100%; padding: 10px 0px 10px 0px; margin:0; text-align:center; }  
    .textElementSectionQuotes .masterGrid p {text-align:center; }
    .textElementSectionQuotes .masterGrid .childGrid { display: block; padding:0px 0px 25px 0px;}
    .textElementSectionQuotes .masterGrid .childGrid.a { padding:0px 0px 0px 0px; }
    .textElementSectionQuotes .masterGrid .childGrid.b {}

    
} /* END */



/*table*/   
.textBulletPoints_con { width:80%; padding: 0 10% 0 10%;  }

/* MAIN & HORIZONTAL LAYOUT */

.textBulletPoints_con .masterGrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 
  grid-template-rows: auto auto; grid-auto-flow: column; gap: 20px; align-items:start; justify-content: center;  margin-top:30px;
  }

.textBulletPoints_con .masterGrid .childGrid { justify-self: center; background-color:transparent;}

.textBulletPoints_con .masterGrid .childGrid:hover img { transform: scale(1.1);}

.textBulletPoints_con .masterGrid .childGrid p { max-width:200px; margin-bottom:5px;  text-align:center; /* text-align: justify; text-justify: inter-word; font-size: 0.9rem;*/ }
.textBulletPoints_con .masterGrid .childGrid p:last-child {margin-bottom:25px;}
.textBulletPoints_con .masterGrid .childGrid p strong {font-size: 1rem; text-transform: uppercase; }

/* VERTICAL LAYOUT / ONE ITEM & TWO ITEMS */

.textBulletPoints_con .masterGrid.vertical { grid-template-rows: auto; grid-auto-flow: row;  }
.textBulletPoints_con .masterGrid.vertical.oneItem { grid-template-columns: 125px auto; }
.textBulletPoints_con .masterGrid.vertical.twoItems { grid-template-columns: repeat(2, 125px auto); }

.textBulletPoints_con .masterGrid.vertical .childGrid { align-self:center; justify-self: left;}
/*.textBulletPoints_con .masterGrid.vertical .childGrid:last-child {margin-right:20px; margin-left:20px;}*/
.textBulletPoints_con .masterGrid.vertical .childGrid p { text-align:left; max-width: 300px;}
.textBulletPoints_con .masterGrid.vertical.oneItem .childGrid p { text-align:left; max-width: 500px;}



@media only screen and (max-width: 1200px) {   /* instead of 768px cause of long content */
    
    .textBulletPoints_con { width:90%; padding: 0 5% 0 5%;  }    
    .textBulletPoints_con .masterGrid { display:block; width:100%; padding: 10px 0px 10px 0px; margin:0; text-align:center;  }    
    .textBulletPoints_con .masterGrid.vertical.oneItem { width:80%; padding:0 10% 0 10%; }
    .textBulletPoints_con .masterGrid .childGrid p { max-width:80%; }
    .textBulletPoints_con .masterGrid.vertical {  }
    .textBulletPoints_con .masterGrid.vertical .childGrid:nth-child(even) {margin-right:0px;}
    .textBulletPoints_con .masterGrid.vertical .childGrid p, .textBulletPoints_con .masterGrid.vertical.oneItem .childGrid p { text-align:center; max-width:80%;} /* WIDTH MOBILE */
    .textBulletPoints_con .masterGrid.vertical .childGrid p:last-child {margin-bottom:20px;} /*ABSTAND DANACH */
        
} 


@media only screen and (min-width: 1400px) {     
    .textBulletPoints_con { width:60%; padding: 0 20% 0 20%;  }    
}

.textAndImg_module { position:relative; width:80%; padding: 0px 10% 0px 10%; margin:0px 0px 0px 0px;}

 
.textAndImg_module .textAndImg {    
    /*display: flex;     
    flex-direction: row;     */
    position:relative; 
    display:grid; 
    grid-template-columns: 1fr 1fr;     
    grid-template-areas: "text image"; 
    column-gap: 40px;    

    width:100%;     
    padding:50px 0 50px 0;  
}

.textAndImg_module .textAndImg .imageCon {     
    width:100%; 
    height:100%;    
    overflow:hidden;       
}

.textAndImg_module .textAndImg .imageCon a { position:absolute; width:100%; height:100%; top: 0; left: 0; }

.textAndImg_module .textAndImg .imageCon img {         
    position:absolute;
    width: 100%;    
    height: 100%;        
    object-fit: cover;
    display: block;
}

.textAndImg_module .textAndImg .imageCon:hover img {transform: scale(1.2);}
/* BUTTON ACTION */ 
.textAndImg_module .textAndImg .imageCon:hover { }


.textAndImg_module .textAndImg .imageCon.fullsizeImage_0 {} 
.textAndImg_module .textAndImg .imageCon.fullsizeImage_1 { position:relative;} /* SHOW FULL IMAGE // HEIGHT */

.textAndImg_module .textAndImg .imageCon.imagePosition_0 { order: 2; border-radius:0px 20px 0px 0px; } /* IMG RIGHT // TEXT LEFT */
.textAndImg_module .textAndImg .imageCon.imagePosition_1 { order: 1; border-radius:20px 0px 0px 0px; } /* IMG LEFT // TEXT RIGHT */





.textAndImg_module .textAndImg .infoCon  { padding:75px 0px 75px 0px;  }

.textAndImg_module .textAndImg .infoCon.imagePosition_0 { order: 1; } /* IMG RIGHT // TEXT LEFT */
.textAndImg_module .textAndImg .infoCon.imagePosition_1 { order: 2; } /* IMG LEFT // TEXT RIGHT */

.textAndImg_module .textAndImg .infoCon .title {
    margin-top:0; margin-bottom:25px;
    text-align:left; 
    font-family: var(--typo-heading-fontFamily);
    color:var(--main-fontColor-Heading);
    font-size:1.5em; line-height:1.5rem; font-weight:800 !important;
    text-transform:uppercase;    
}

.textAndImg_module .textAndImg .infoCon .text { }


/* ABSATZ */
.textAndImg_module .textAndImg .infoCon  p {text-align:left; font-weight:100; margin:0 0 0.5rem 0; padding:0;}
.textAndImg_module .textAndImg .infoCon .text p:last-child {margin:0;}
.textAndImg_module .textAndImg .infoCon .text p strong { font-weight:800; }

/*.textAndImg_module .textAndImg .infoCon p {text-align:left; margin-bottom:2rem; }  OVERWRITE MAIN CONFIG */


/* .textAndImg_module .textAndImg .infoCon .text_max {max-width:400px; margin:auto; }*/ 








/* OVERRIDE BULLETPOINTS // see fonts.css in sitePAckage */
.textAndImg_module .textAndImg .infoCon .text ul { text-align:unset;}

/* BUTTON OVERWRITE PARTIAL ------------------------- */
.textAndImg_module .textAndImg .infoCon .button_con_centered { margin-bottom:-6px; }
.textAndImg_module .textAndImg .infoCon .button_basic { width:100%; margin:20px 0px 0px 0px;}
.textAndImg_module .textAndImg .infoCon .button_basic .link { font-size:1.2rem; width:calc(100% - 120px);}
.textAndImg_module .textAndImg .infoCon .button_basic:hover .link {}









@media only screen and (max-width: 768px) {
    .textAndImg_module { width:80%; padding: 0px 10% 0px 10%; }




    .textAndImg_module .textAndImg {
        display: block; /* FLEX ENTFERNEN */ 
        text-align:center; 
    } 
    

    .textAndImg_module .textAndImg .imageCon { width:100%; height:300px; }    
    .textAndImg_module .textAndImg .imageCon img {  }    
    .textAndImg_module .textAndImg .imageCon.imagePosition_0, .textAndImg_module .textAndImg .imageCon.imagePosition_1 { border-radius:0px 20px 0px 0px; }

    .textAndImg_module .textAndImg .infoCon, .textAndImg_module .textAndImg .infoCon.imagePosition_0, .textAndImg_module .textAndImg .infoCon.imagePosition_1 { 
        width:96%; padding:12px 2% 12px 2%; margin:0; background-color:rgba(0,0,0,0.05); 
    }
    .textAndImg_module .textAndImg .infoCon p { text-align:center;} /* OVERWRITE MAIN CONFIG */
    .textAndImg_module .textAndImg .infoCon .title { text-align:center; margin-top:10px;}
    .textAndImg_module .textAndImg .infoCon .text { text-align:center; }
    .textAndImg_module .textAndImg .infoCon .text p { text-align:center; }

    .textAndImg_module .textAndImg .infoCon .button_basic .link { width:calc(100% - 40px);}
}

@media only screen and (min-width: 1400px) { 
    .textAndImg_module {width:60%; padding: 0px 20% 0px 20%; }
 }













/* ----------------------------------------------------------------------------------------- */
/* CREW WITH IMAGE CENTRAL //  ------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------- */


.content_textAndImgCrew_con p {margin:0; padding:0;}

.content_textAndImgCrew_con { position:relative; width:80%; padding: 0px 10% 0px 10%; margin:0px 0px 0px 0px; background-position:50% calc(50% - 30px); background-repeat: no-repeat;}
  
.content_textAndImgCrew {
    display: flex; 
    flex-flow: row wrap; justify-content: space-between;    
    position:relative; width:100%; border-radius:10px; margin:0px 0px 0px 0px;
    /*cursor:pointer;*/ 
}

.textAndImgCrew_info_con  {  position:relative; width:30%; height:100%; padding:25px; margin: 0px 10px 0px 10px;  vertical-align:top; 
/*background-color: rgba(255,255,255,0.5); border: solid 5px #000;*/ }

/* EVERY SECOND CHILD LEFT OR RIGHT ALIGNED TEXT */
.textAndImgCrew_info_con:nth-child(odd), .textAndImgCrew_info_con:nth-child(odd) .textAndImgCrew_text p { text-align:right;}
/*.textAndImgCrew_info_con:nth-child(even) {}*/

.textAndImgCrew_info_con .textAndImgCrew_title {margin-top:0px; font-size:2em; font-weight:800; line-height:2rem; /*text-transform:uppercase;*/ letter-spacing:0px; /*color: #87c7e3;*/ }

.textAndImgCrew_info_con .textAndImgCrew_text {margin-top:10px; padding:0% 0% 0% 0%; font-weight:100;}
.textAndImgCrew_info_con .textAndImgCrew_text p strong { font-weight:800; }

.content_textAndImgCrew_con .textAndImgCrew_button_con {  }
.content_textAndImgCrew_con .textAndImgCrew_button_con .button_basic { margin-top:0px; margin-bottom:0px; transform-origin: top left;}
.textAndImgCrew_info_con:nth-child(odd) .textAndImgCrew_button_con .button_basic { transform-origin:top right; }



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

    .content_textAndImgCrew_con { width:94%; padding: 0px 3% 0px 3%; }
    .content_textAndImgCrew_con .content_textAndImgCrew {display: block; /* FLEX ENTFERNEN */ text-align:center; } 
 
    .textAndImgCrew_info_con  { width:90%; padding:10px 5% 10px 5%; background-color: rgba(255,255,255,0.7); }
    
    .textAndImgCrew_info_con:nth-child(odd), .textAndImgCrew_info_con:nth-child(odd) .textAndImgCrew_text p { text-align:center;}    
    .textAndImgCrew_info_con .textAndImgCrew_title { text-align:center; }
    .textAndImgCrew_info_con .textAndImgCrew_text { text-align:center; }
    .textAndImgCrew_info_con .textAndImgCrew_text p { text-align:center; }
    
    .textAndImgCrew_info_con:nth-child(odd) .textAndImgCrew_button_con .button_basic, .content_textAndImgCrew_con .textAndImgCrew_button_con .button_basic { transform-origin:center; }
    
}

@media only screen and (min-width: 1400px) { 
    .content_textAndImgCrew_con {width:60%; padding: 0px 20% 0px 20%; }

 }
.textInfoPanel_con { position:relative;  width:70%; margin: 20px 10% 20px 10%; padding: 25px 5% 10px 5%; background-color:rgba(255,255,255,0.8); box-shadow:0px 0px 10px rgba(0,0,0,0.1); 
    border-radius: 0px 0px 25px 0px;}

.textInfoPanel_con:before {
    content: ".";
    color: #dedede;
    position: absolute; 
    top:0px; left: 0px;
    width:100%;
    height:35px;
    display: inline-block;    
    background-color:#dedede;
}    


.textInfoPanel_con a { position:absolute; width:100%; height:calc(100% ); top:0px; left:0px; z-index:100;}
.textInfoPanel_con.topPosition a { position:absolute; width:60%; height:calc(100% - 80px); top:40px; left:20%; z-index:100;}





/* ---------------------------------------------------------------------------------- */
/* NORMAL POSITION ------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------- */

.textInfoPanel_con .table { min-height:100px;}

.textInfoPanel_con .table .icon { 
    position: absolute; 
    right:50px; top: -30px;  
    height: 60px; width:60px; 
    padding:20px;
    border-radius: 50%; 
    background-color:var(--main-signalColor01);    
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.textInfoPanel_con .table .content {  color:var(--main-fontColor01); }
.textInfoPanel_con .table .content .text { margin-top:15px;}
.textInfoPanel_con .table .content .text p { text-align:left;}
.textInfoPanel_con .table .content .text strong {color:var(--main-fontColor01);}
.textInfoPanel_con .table .content .text a { position:relative; margin:0; padding:0; left:0px; top:0px; width:auto; height:auto; color:var(--main-signalColor01);}
.textInfoPanel_con .table .content .text a:hover {color:var(--main-signalColor01b);}
.textInfoPanel_con .table .content .heading { color:var(--main-fontColor01); font-size: 1.5rem; line-height:1.5rem;}


/* HOVER ANIMATION*/

.textInfoPanel_con.linked:hover { background-color:rgb(243, 243, 243, 0.9); box-shadow:0px 10px 20px rgba(0,0,0,0.1);  }
.textInfoPanel_con.linked:hover .table .icon  { 
    right:35px; top: -45px;  
    height: 70px; width:70px; 
    padding:30px;
}




/* ---------------------------------------------------------------------------------- */
/* TOP POSITION --------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
.textInfoPanel_con.topPosition { 
    position:fixed; 
    z-index:99; 
    top:0px; 
    width:calc(100% - 160px); 
    padding:80px 80px 80px 80px; 
    margin: 0px 0px 60px 0px; 
    background-color:rgba(255,255,255,0.9); 
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    border-radius:0px;
}



.textInfoPanel_con.topPosition:before {    
    top:auto; bottom:0; left: 0;    
    
}    


.textInfoPanel_con.topPosition .table .icon {     
    right:calc(50% - 40px); top: auto; bottom: -30px;
}

.textInfoPanel_con.linked.topPosition:hover .table .icon  { 
    right:calc(50% - 55px); bottom: -45px; top: auto;    
}

.textInfoPanel_con.topPosition .table .content .text {filter: brightness(0.5);}

.textInfoPanel_con.topPosition .close {  position:absolute; bottom:7px; right:15px; width:20px; height:20px; border-radius: 50%; background-color:#fff;  text-align:center; cursor:pointer; opacity:1;}
.textInfoPanel_con.topPosition .close:hover {  width:30px; height:30px; bottom:2px; right:10px; opacity:0.6; }
.textInfoPanel_con.topPosition .close a { position:absolute; width:100%; height:100%; top:0px; left:0px; }
.textInfoPanel_con.topPosition .close svg.close_icon  { position:absolute; left:25%; top:25%; width:50%; height:50%; fill:var(--main-fontColor01);}






@media only screen and (max-width: 768px) {
    .textInfoPanel_con {  width:70%; margin: 20px 10% 20px 10%; } 
    /*.textInfoPanel_con.linked:hover {  width:84%; margin: 20px 3% 20px 3%; padding: 20px 5% 20px 5%; }*/

    .textInfoPanel_con .table .icon { right:20px; top: -40px;  height: 80px; width:80px; }
    .textInfoPanel_con.linked:hover .table .icon  {top:-60px;}    
}


@media only screen and (min-width: 1400px) {     
    .textInfoPanel_con {  width:50%; margin: 20px 20% 20px 20%; }
}
.video_module { }

/* ---------------------------------------------VIDEO embedding youtube and vimeo player VIDEO */

/* ------------------------------------------------- */
/* wholeWidth Responsive --------------------------- */

.video_module .embed-container {
    position:relative;
    margin-left:auto; 
    margin-right:auto;
}

.video_module .embed-container.wholeWidth {     
    width: 100%; 
    height: auto;
    padding-bottom: 56.25%;     
    overflow: hidden;         
}

/* DIFFERENT RATIOS ------------------------- */
.video_module .embed-container.wholeWidth.ratio16-9 { padding-bottom: 56.25%; }
.video_module .embed-container.wholeWidth.ratio9-16 { height: 100vh; width:calc(100vh * 0.5625); max-width:none; padding-bottom:0; /*padding-right: 56.25%;*/ } /* before : 177.78% */
.video_module .embed-container.wholeWidth.ratio4-3 { padding-bottom: 75%; }
.video_module .embed-container.wholeWidth.ratio220er {  padding-bottom: 42.95%; } /*16:7.3*/

/* IFRAME ---------------------------------- */
.video_module .embed-container.wholeWidth iframe, .video_module .embed-container.wholeWidth object, .video_module .embed-container.wholeWidth embed, .video_module .embed-container.wholeWidth .textElementVideoImg { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;  
}    


    
    
/* ----------------------------------------------- */
/* centered -------------------------------------- */
.video_module .embed-container.centered {     
    width: 80vw; 
    height: calc(80vw * 0.5625);  
    /*margin-bottom:30px; margin-top:20px;    */
}

/* DIFFERENT RATIOS ------------------------- */
.video_module .embed-container.centered.ratio16-9 { height:calc(80vw * 0.5625);  }
.video_module .embed-container.centered.ratio9-16 { height:80vh; width:calc(80vh * 0.5625); }     /* SWITCH MECHANIC */
.video_module .embed-container.centered.ratio4-3  { height:calc(80vw * 0.75); }
.video_module .embed-container.centered.ratio220er { height:calc(80vw * 0.4295); } /*16:7.3*/


/* IFRAME */
.video_module .embed-container.centered iframe, .video_module .embed-container.centered object, .video_module .embed-container.centered embed, .video_module .embed-container.centered .textElementVideoImg { 
    width: 100%; height:100%;     
}
    
    
    
    

/* INTERN VIDEOFILE */
.video_module .embed-container video {
    width:100%; height:100%;    
}



/* --------------------------------------------------------- */
/* OPT-IN DSGVO -------------------------------------------- */

/* .textElementVideoImg { background: center no-repeat; background-size: cover; } */
.video_module .textElementVideoImg {  } 
.video_module .textElementVideoImg img.image { width:100%; height:100%; object-fit: cover;}
    
/* BUTTON OVERWRITE -- PARTIAL */
.video_module .videoButtonCon { }
.video_module .videoButtonCon .buttonRoundLable { }
.video_module .videoButtonCon .buttonRound { }
.video_module .videoButtonCon .buttonRound .ll_icon { }
.video_module .videoButtonCon .buttonRound .ll_icon svg { }
.video_module .videoButtonCon .buttonRound a { }
/* HOVER */
.video_module .videoButtonCon .buttonRound:hover {  }

/* DSGVO /  COPYRIGHT TEXT */
.video_module .textElementVideoCopyright { 
    position:absolute;         
    width:60%; 
    bottom:25px; 
    margin: 0px; 
    padding:10px 20% 10px 20%;         
    font-size:0.5em; line-height:0.5rem; color:var(--main-fontColor01);
    background-color: rgba(255,255,255,0.8);  
    z-index: 10; 
} 
.video_module .textElementVideoCopyright p {text-align:center;}
.video_module .textElementVideoCopyright p strong {color: var(--main-fontColor01); font-weight:800; }

/* CENTERED OVERWRITE */
.video_module .embed-container.centered .textElementVideoCopyright { width:calc(80vw - 20%); margin: 0 auto 0 auto; padding:10px 10% 10px 10%; bottom:0px; }


/*VIDEO TITLE */
.video_module .videoTitleCon { position:absolute; z-index: 10; top:50px; width:80%; margin: 0 auto 0 auto; padding:5px 10% 10px 10%; text-align:center;
    font-size:1.5em; background-color:var(--main-signalColor01); box-shadow: 0px 10px 10px rgba(0,0,0,0.2);}
.video_module .videoTitleCon .videoTitle h2 { text-transform:uppercase; color:#fff; }
.video_module .videoTitleCon .videoSubTitle { text-transform:uppercase; color:#fff; font-size:1rem;}
.video_module .videoAddText { width:80%; margin: 30px auto 0 auto; padding:5px 10% 10px 10%; text-align:center; /* opacity:0.5; */}
    








@media only screen and (max-width: 768px) {
    
    /*VIDEO TITLE */
    .video_module .videoTitleCon { top:0px; padding:5px 10% 5px 10%;}
    .video_module .videoTitleCon .videoTitle h2 { font-size:0.8rem; line-height:0.8rem; font-weight:100;} 
    .video_module .videoTitleCon .videoSubTitle { font-size:0.6rem;} 
    .video_module .videoAddText { width:90%; padding:5px 5% 10px 5%; }
 

   

    /* VIDEO IF CENTERED */
    .video_module .embed-container.centered { width:88vw; height: calc(88vw * 0.5625);}
    /* ASPECT RATIOS */
    .video_module .embed-container.centered.ratio16-9 { height:calc(88vw * 0.5625); }
    .video_module .embed-container.centered.ratio9-16 { height:88vh; width:calc(88vh * 0.5625); }
    .video_module .embed-container.centered.ratio4-3  { height:calc(88vw * 0.75); }
    .video_module .embed-container.centered.ratio220er { height:calc(88vw * 0.4531); }  
    
    .video_module .embed-container.centered .textElementVideoCopyright {width:98%; padding:10px 1% 10px 1%; bottom:0px; }
    
}


@media only screen and (min-width: 1400px) {

    .video_module .embed-container.centered { width:60vw; height:calc(60vw * 0.5625);}
    .video_module .embed-container.centered.ratio16-9 { height:calc(60vw * 0.5625); }
    /* .video_module .embed-container.centered.ratio9-16 {height:60vh; width:calc(60vh * 0.5625); } keep normal setting 80vh*/
    .video_module .embed-container.centered.ratio4-3  { height:calc(60vw * 0.75); }
    .video_module .embed-container.centered.ratio220er { height:calc(60vw * 0.4531); }  
    
    .video_module .videoAddText { width:60%; padding:5px 20% 10px 20%; }

    .video_module .embed-container.centered .textElementVideoCopyright { width:calc(60vw - 20%); }
}
.audioPlayer_moduleCon {   
  position:relative;   
  width: 60%;  
  padding:20px 20% 20px 20%;
}


/* FIXED ON TOP ALTERNATIVE LAYOUT */
.audioPlayer_moduleCon.layoutFixedTop_1 {
  position:fixed;
  top:-31px;
  z-index:90;
}

.audioPlayer_moduleCon.layoutFixedTop_1 .audioPlayer {
  height:150px;
}

.audioPlayer_moduleCon.layoutFixedTop_1 .audioPlayer .audioButtonCon .buttonRound { 
  position:absolute; 
  width: 40px; 
  height: 40px; 
  padding: 40px ;
  border-radius: 60px;
  top:calc(50% - 60px); 
  left:calc(50% - 60px); 
}
.audioPlayer_moduleCon.layoutFixedTop_1 .audioPlayer .audioButtonCon .buttonRound:hover { 
  width: 60px; height:60px;
    padding:20px;
    border-radius:50px;
  top:calc(50% - 50px); left:calc(50% - 50px); }









/* --------------------------------------- */




.audioPlayer {
  position: relative;  
  width: calc( 100% - 20px );
  height: 250px;
  background-color: rgba(255,255,255,0.3);  
  border-radius: 2px;  
  border: solid 10px #fff;  
  box-shadow: 0px 15px 20px rgba(0,0,0,0.6);
}

/* IMAGE */

.audioPlayer .imgCon {  
  position:absolute;  
  width:100%; height:100%;  
  top:0; left:0;
  overflow:hidden;  
  }
.audioPlayer .imgCon .image {
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;  
  object-fit: cover;
  z-index:1;
}

/* PROGRESSBAR */

.audioPlayer .progress {
  position: absolute;
  height: 25px;
  left: 0;
  bottom: 0;
  background-color: var(--main-signalColor01b);
  z-index:2;
  opacity:0.5;
}


/* INFO CON ----------------------------------------- */

.audioPlayer_moduleCon .infoCon {    
  display:flex; 
  flex-direction: row;
  justify-content: center;
  width: 80%;
  margin: 0 auto 0 auto;  
  background-color: var(--styleC);
  /*color: var(--styleA);*/
  border-radius:0px 0px 40px 40px;  
  box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5);
  filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
}

.audioPlayer_moduleCon .infoCon .info {  
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;  
  justify-content: center;
  padding: 10px 10px;
}
.audioPlayer_moduleCon .infoCon .info .title {
  text-align:center;
  font-size: calc( var(--main-fontSize) );
  font-weight: 800;
}
.audioPlayer_moduleCon .infoCon .info .subtitle {
  text-align:center;
  font-size: calc( var(--main-fontSize) * 0.8);
}






/* BUTTON OVERWRITE -- PARTIAL --------------------------------------- */

.audioPlayer .audioButtonCon { position:absolute; height:100%; width:100%; top:0; left:0; z-index:3;}


.audioPlayer .audioButtonCon .buttonRoundLable { }

.audioPlayer .audioButtonCon .buttonRound { position:absolute; top:calc(50% - 85px); left:calc(50% - 85px); }
.audioPlayer .audioButtonCon .buttonRound .ll_icon { }
.audioPlayer .audioButtonCon .buttonRound .ll_icon svg { }


.audioPlayer .audioButtonCon .buttonRound a { }

/* HOVER */
.audioPlayer .audioButtonCon .buttonRound:hover { top:calc(50% - 95px); left:calc(50% - 95px); }









/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */


@media only screen and (max-width: 768px) {
  .audioPlayer_moduleCon {  width:88%; padding: 20px 6% 20px 6%;}  
  .audioPlayer .audioButtonCon .buttonRound { top:calc(50% - 40px); left:calc(50% - 40px); }
  .audioPlayer .audioButtonCon .buttonRound:hover { top:calc(50% - 45px); left:calc(50% - 45px); }
}


@media only screen and (min-width: 1400px) {
  .audioPlayer_moduleCon {  width:60%; padding: 20px 20% 20px 20%;}  
}
:root {
    
    /* FORM LAYOUT */
    
    --quiz-signalColor01: var(--main-signalColor01);  /* ABSTUFEN */
        --quiz-signalColor01a: var(--main-signalColor01b); 
        --quiz-signalColor01b: var(--main-signalColor01b); 
    --quiz-signalColor02: #ffffff;  /* ABSTUFEN */
        --quiz-signalColor02a: #f7f8f9;
        --quiz-signalColor02b: #efefef;        
        --quiz-signalColor02c: #d9d9d9;
    
    --quiz-signalColorSuccess: darkseagreen; 
    --quiz-signalColorFail: palevioletred;     
        
    --quiz-mainColor: #ffffff;        
    --quiz-mainBorderRadius: 0px 0px 20px 0px;
    --quiz-mainBorderColor: var(--form-signalColor02c);
        
    /* FORM FONT*/        
        
    --quiz-mainFontSize:1.2rem;    
    --quiz-mainFontSizeQuestion:1.4rem;
    --quiz-mainFontColor01: #000000;    
        --quiz-mainFontColor01a: #b2b2b2;    
        --quiz-mainFontColor01b: var(--form-signalColor02c);          
    
    --quiz-ColorQuestion: #000;
    --quiz-ColorSubQuestion: rgba(0,0,0,0.5);
    
    --quiz-mainTextAlign: center;   
    
    
    /* INPUT STYLES */            
    --quiz-inputBg: var(--quiz-signalColor02a);
    --quiz-inputBgHover: var(--quiz-signalColor01b); 
    --quiz-inputBorder: var(--quiz-signalColor02c);
    --quiz-inputBorderRadius: var(--quiz-mainBorderRadius);
    --quiz-inputFontColor:var(--quiz-mainFontColor01a) ;        
    
    
    /* CHECKBOX ICONS */
    /*--quiz-checkBoxIconBgColorActive: yellowgreen;
    --quiz-checkBoxIconBgColorInactive: var(--quiz-signalColor02c);
    --quiz-checkBoxIconColorActive: #ffffff;
    --quiz-checkBoxIconColorInactive: var(--quiz-signalColor02a) ;
    */
    
    
       
}





/*--- QUIZ  ---------- */
.quiz_con { position:relative; width:70%;  margin: 0 auto 0 auto; padding:20px 15% 20px 15%; text-align:var(--quiz-mainTextAlign); font-size:var(--quiz-mainFontSize); overflow:hidden;} 

.quiz_con form { height:100%; }

.quiz_con .slideMain { position:relative; width:calc(100% - 80px); padding:20px 40px 20px 40px; border-radius:0px 0px 20px 0px; border: 1px solid var(--quiz-mainBorderColor); background-color:var(--quiz-mainColor); box-shadow: 0px 0px 10px rgba(0,0,0,0.2); 
display:none; }
.quiz_con .slideMain.slideQuestion { padding:20px 40px 20px 40px; }
  
.quiz_con .slideMain .question { width:100%; margin:20px 0px 20px 0px; font-size:var(--quiz-mainFontSizeQuestion); text-align:center;}
.quiz_con .slideMain .question  p { text-align:var(--quiz-mainTextAlign); }


.quiz_con .slideMain .bottomNav { 
    display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;    
    
    width:calc(100% - 50px); /*height:80px;*/ 
    padding:10px 25px 10px 25px;
    background-color: var(--quiz-signalColor02a); 
    border-radius:var(--quiz-mainBorderRadius);}
.quiz_con .slideMain .bottomNav .button_con, .quiz_con .slideMain .bottomNav .button_con_centered { display:none; margin:0;}
.quiz_con .slideMain .bottomNav .button_con_centered .button_basic { margin: 0 ; }


/* NUMBER CON */
.quiz_con .slideMain .bottomNav .number_con { 
    /*position:absolute;*/    
    position:relative; 
    width:86px; height:86px; 
    border-radius:43px; border: solid 2px var(--quiz-signalColor01); 
    background-color: var(--quiz-signalColor02); 
    z-index:10; /*box-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/ 
    pointer-events:none; 
}
.quiz_con .slideMain .bottomNav .number_con .number_content { 
    /*display:flex; flex-direction: column; justify-content: center; align-items: center;*/
    position:absolute; 
    top:3px; left:3px; 
    width:80px; height:80px; 
    border-radius:40px; 
    background-color:var(--quiz-signalColor01);  
}
.quiz_con .slideMain .bottomNav .number_con .number_content .number { position:relative; width:100%; text-align:center; color:var(--quiz-signalColor02); font-family: Arial, Helvetica, sans-serif; font-size:50px; font-weight:800; cursor:default; user-select: none;}
.quiz_con .slideMain .bottomNav .number_con .number_content .total { position:absolute; margin: 0 auto 0 auto; bottom:10px; width:100%; text-align:center; text-transform:uppercase; font-size:12px; color:var(--quiz-signalColor02);  }


/* FINISH */

.quiz_con .slideMain .finishIcon { height:60px; width:60px; padding:20px; border-radius:50px; margin-left:calc( 50% - 50px ); }
.quiz_con .slideMain .finishIcon.success { background-color:var(--quiz-signalColorSuccess); }
.quiz_con .slideMain .finishIcon.fail { background-color:var(--quiz-signalColorFail); }
.quiz_con .slideMain .finishIcon .icon svg { width:100%; height:100%; fill:#ffffff;}
/*.quiz_con .slideMain .finishIcon .icon.success svg { fill:var(--form-checkBoxIconColorActive); }*/




/* INPUT FIELDS TEXT -------------------------------------------------- */

.quiz_con .slideMain input, .slideMain input textarea { 
    appearance: none;
    padding:15px 20px 15px 20px;
    /*box-sizing: border-box;*/
    border-radius: var(--quiz-inputBorderRadius); border:solid 2px var(--quiz-inputBorder);
    color: var(--quiz-inputFontColor);
    margin:0px 0px 10px 0px;
    width: calc(100% - 42px);
    font-size:var(--quiz-mainFontSize);
}

.quiz_con .slideMain input.warning {
    background-color: #cd9999;
    color: #fff;
}

.quiz_con .slideMain input textarea:focus, .slideMain input:focus{
    outline: none;
}

/* INPUT FIELDS RADIO  ------------------------------------------------------------ */

.quiz_con .slideMain label.radio, .quiz_con .slideMain label.checkbox {
  cursor: pointer;
}
.quiz_con .slideMain.radioDesign label.radio input, .quiz_con .slideMain.radioDesign label.checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden; 
  appearance: none;
  pointer-events: none;
}
.quiz_con .slideMain.radioDesign label.radio span, .quiz_con .slideMain.radioDesign label.checkbox span {   
    display: inline-block;
    width: calc(100% - 42px);   
    padding:10px 20px 10px 20px;    
    background-color: var(--quiz-inputBg);    
    border-radius: var(--quiz-inputBorderRadius); border:solid 2px var(--form-inputBorder);    
    margin:0px 0px 10px 0px;    
    color: var(--quiz-inputFontColor);
    font-size:var(--quiz-mainFontSize);
    text-transform: uppercase; 
}
.quiz_con .slideMain.radioDesign label.radio span:hover, .quiz_con .slideMain.radioDesign label.checkbox span:hover {    background-color: var(--quiz-inputBgHover); opacity:0.7; color:black;}

/* JUST SELECTED */
.quiz_con .slideMain.radioDesign label.radio input:checked + span, .quiz_con .slideMain.radioDesign label.checkbox input:checked + span {
    background-color: var(--quiz-signalColor01); border-color: var(--quiz-signalColor01); color: var(--quiz-signalColor02);
}

/* ANSWER FALSE */
.quiz_con .slideMain.radioDesign label.radio input.answerFalse:checked + span, .quiz_con .slideMain.radioDesign label.checkbox input.answerFalse:checked + span {
    background-color: var(--quiz-signalColorFail); border-color: var(--quiz-signalColorFail); color: #fff;
}

/*ANSWER CORRECT */
.quiz_con .slideMain.radioDesign label.radio input.answerCorrect:checked + span, .quiz_con .slideMain.radioDesign label.checkbox input.answerCorrect:checked + span {
    background-color: var(--quiz-signalColorSuccess); border-color: var(--quiz-signalColorSuccss); color: #fff;
}


/* CHECKBOX ICONS */
/*.quiz_con .slideMain.radioDesign label.checkbox .icon { position:absolute; width:25px; height:25px; border-radius:25px; margin-top: 12px; margin-left:12px; }
.quiz_con .slideMain.radioDesign label.checkbox .icon.active { background-color: var(--form-checkBoxIconBgColorActive); animation-play-state: paused; animation: bounceInStrong 0.5s; display:none;}
.quiz_con .slideMain.radioDesign label.checkbox .icon.inactive { background-color: var(--form-checkBoxIconBgColorInactive); animation-play-state: paused; animation: bounceOutStrong 0.5s; }
.quiz_con .slideMain.radioDesign label.checkbox .icon svg.checkBoxIcon_symbol { width:13px; height:13px; fill:#ffffff; margin-top:6px;}
.quiz_con .slideMain.radioDesign label.checkbox .icon.active svg { fill:var(--form-checkBoxIconColorActive); }
.quiz_con .slideMain.radioDesign label.checkbox .icon.inactive svg { fill:var(--form-checkBoxIconColorInactive); }
*/




@media only screen and (max-width: 768px) {
    .quiz_con { position:relative; width:90%; padding:20px 5% 20px 5%; margin: 0;}    
}

@media only screen and (min-width: 1400px) { 
    .quiz_con { position:relative; width:60%; padding:20px 20% 20px 20%; margin: 0;} 
}
/* DOWNLOAD ELEMENT LISTE  ---------------------------------- */

.dlElement_con {
    position:relative; 
    width:80%; padding: 0 10% 0 10%; 
}

/*.dlElement_con .heading { text-align:center; }*/


.dlElement_con .dlTable { display:table; margin:30px 0px 25px 0px; width:100%; border-spacing: 4px 4px;  }
.dlElement_con .dlTable .dlTr { display:table-row; text-align:left; background-color:rgba(0,0,0,0.1); /* border: solid 2px transparent; */ }

.dlElement_con .dlTable .dlTr .dlTd {display:table-cell; vertical-align:top; /*border: solid 2px transparent;*/}
/*.dlElement_con .dlTable .dlTr a {width:100%; height:100%; display:block; background-color:#000;}*/
*[data-href] { cursor: pointer;}





.dlElement_con .dlTable .tr_spacer {height:20px; background-color:transparent;}
.dlElement_con .dlTable .tr_spacer td { background-color:transparent; }



.dlElement_con hr {border-color:#fff;}


.dlElement_con .dlElement_image_con { position:relative; width:100px; padding:15px; display:flex; flex-direction: column; align-items: center;}
.dlElement_con .dlElement_image_con .dlElement_image_bg {       
    width:110px; height:110px;
    padding:10px; 
    margin:20px; 
    background-color:var(--main-signalColor01); 
    border-radius:50%;
    /* border: dashed 2px var(--main-signalColor01); border-radius:110px;    */
    font-family: arial;
}
 .dlElement_con .dlElement_image_con .dlElement_image_bg .dlElement_image { 
    width:100%; height:100%; 
    /*font-size:100px; padding-top:25px; text-align:center; */  
    
    color:#fff; 
    background-position: 50% 50%; background-repeat: no-repeat; background-size:cover;
}









/* NOT READY YET */
.dlElement_con .dlElement_image_bg .image0 { background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.List/imgs/download_standard.png'); } /* STANDARD */
.dlElement_con .dlElement_image_bg .image1 { background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.List/imgs/download_pdf.png'); } /* PDF */
.dlElement_con .dlElement_image_bg .image2 { background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.List/imgs/download_zip.png'); } /* ZIP ARCHIVE */
.dlElement_con .dlElement_image_bg .image3 { background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.List/imgs/download_word.png'); } /* DOC WORD */
.dlElement_con .dlElement_image_bg .image4 { background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.List/imgs/download_csv.png'); } /* DOC CSV */
.dlElement_con .dlElement_image_bg .image5 { background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.List/imgs/download_jpg.png'); } /* IMAGE JPG */
.dlElement_con .dlElement_image_bg .image6 { background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.List/imgs/download_png.png'); } /* IMAGE PNG */
.dlElement_con .dlElement_image_bg .image7 { background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.List/imgs/download_mp3.png'); } /* IMAGE MP3 */
.dlElement_con .dlElement_image_bg .image8 { background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.List/imgs/download_avi.png'); } /* IMAGE AVI */

/* NEW 12.4 VERSION  - DELETE OLD VERSION ABOVE WHEN MIGRATED */
.dlElement_con .dlElement_image_bg .not-defined { background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.List/imgs/download_standard.png'); } /* STANDARD */
.dlElement_con .dlElement_image_bg .PDF { background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.List/imgs/download_pdf.png'); } /* PDF */
.dlElement_con .dlElement_image_bg .ZIP-archive { background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.List/imgs/download_zip.png'); } /* ZIP ARCHIVE */
.dlElement_con .dlElement_image_bg .WORD-document { background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.List/imgs/download_word.png'); } /* DOC WORD */
.dlElement_con .dlElement_image_bg .CSV-table-doc { background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.List/imgs/download_csv.png'); } /* DOC CSV */
.dlElement_con .dlElement_image_bg .JPG-image { background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.List/imgs/download_jpg.png'); } /* IMAGE JPG */
.dlElement_con .dlElement_image_bg .PNG-image { background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.List/imgs/download_png.png'); } /* IMAGE PNG */
.dlElement_con .dlElement_image_bg .MP3-file { background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.List/imgs/download_mp3.png'); } /* IMAGE MP3 */
.dlElement_con .dlElement_image_bg .Video-file { background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.List/imgs/download_avi.png'); } /* IMAGE AVI */


.dlElement_con .dlElement_Title { font-size: 1.5rem; margin:20px; }
.dlElement_con .dlElement_Text { margin: 20px;text-align: left; }
.dlElement_con .dlElement_Text p { text-align: left; font-size: 0.8rem; }


/* ANIMATION HOVER ------------------------------------------------ */

.dlElement_con .dlTable .dlTr:hover { opacity:0.6;}
.dlElement_con .dlTable .dlTr:hover .dlElement_image_con .dlElement_image_bg {
    width:90px; height:90px;
    padding:30px; 
    margin:10px;
}


/* SMALL IMAGE VARIANTE */

/*
.dlElement_con .dlElement_image_con .image_bg_small { 
    width:50px; height:50px; 
    padding:10px; 
    margin:10px auto 10px auto; }
.dlElement_con .dlElement_image_con .dlElement_image_bg .image_small {    
 }

 .dlElement_con .dlTable .dlTr:hover .dlElement_image_con .image_bg_small.dlElement_image_bg {
    width:40px; height:40px;
    padding:20px; 
    margin:5px auto 5px auto;
}*/



/*.dlElement_con .title { margin:20px auto 0px auto;
background-color: rgba(255,255,255,0.2);
padding:10px 0px 10px 0px; box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}*/


/* RESPONSIVE ------------------- */


@media only screen and (max-width: 768px) {
    .dlElement_con {width:90%; padding: 0 5% 0 5%; margin:0 auto 0 auto; }
    .dlElement_con .dlElement_image_con { width:70px; padding:15px; }
    .dlElement_con .dlElement_image_con .dlElement_image_bg { width:80px; height:80px; padding:10px; margin:10px; }
    .dlElement_con .dlElement_Title { font-size: 1rem; margin:10px; }   
    .dlElement_con .dlElement_Text { margin: 10px;}
    .dlElement_con .dlElement_Text p { font-size: 0.7rem; }
    .dlElement_con .dlTable .dlTr:hover .dlElement_image_con .dlElement_image_bg {
        width:70px; height:70px;
        padding:20px; 
        margin:5px;
    }
}

@media only screen and (min-width: 1400px) {
    .dlElement_con {width:50%; padding: 0 25% 0 25%;}
}

/* NICHT LIEFERBAR  ---------------------------------- */
.contentTable_con {width:80%; padding: 0; margin:0 auto 0 auto; }

.contentTable_con .contentTable_table {width:100%; margin-top:0px; display:table;}

.contentTable_con .contentTable_table .contentTable_row {width:100%; display:table-row; margin-bottom:20px;  }
.contentTable_con .contentTable_table .contentTable_row:nth-child(odd) { background-color: rgba(0,0,0,0.1); }

.contentTable_con .contentTable_table .contentTable_row .cell { 
    display:table-cell; 
    padding: 2px 0px 2px 0px;
    text-align:center; 
    border-left: solid 1px #dedede; border: solid 1px #dedede;
}

.contentTable_con .contentTable_table .contentTable_row .bold { font-weight:700; text-transform: uppercase;  }

.contentTable_heading  {margin:0; padding-bottom:0px; }

.contentTable_heading .heading {font-size: 1.7rem; font-weight:800;}

.contentTable_subheading { /* margin-bottom:0px; padding:0; */}

/* RESPONSIVE ----------------------------------------------------------------- */

@media only screen and (max-width: 768px) {
.contentTable_con {width:90%; padding: 0 5% 0 5%; }
}
@media only screen and (min-width: 1400px) {
.contentTable_con {width:60%; padding: 0 20% 0 20%; }
}


/*--------------------------------------------*/
/* customer: 
/* file:     
/* by:       Christoph /KNOPF/ Mayer - lachslounge.de
/* created:  
/*--------------------------------------------*/

#stoerer_con {position:fixed; right:0px; bottom:35%; width:200px; height:280px;  overflow:hidden; z-index:98; cursor: pointer;}
#stoerer_con a {position:absolute; z-index:53; width:100%; height:100%;}

#stoerer_con #stoerer_bg {position:absolute; height:220px; width:220px; border-radius:110px; top:20px; right:-100px; z-index:50;
background-color:var(--main-signalColor01); 
/*box-shadow: -3px 3px 8px rgba(0,0,0,0.3);*/
background-image:var(--styleLayerStoerer); background-repeat: repeat; background-position:top center;}

#stoerer_con #stoerer_claim { position:absolute; background-color:#fff; bottom:75px; right:0px;
padding:5px 100px 4px 6px; width:75px; margin:0;
color:#757575; font-size:18px; line-height:19px; 
z-index:51;
box-shadow: 3px 3px 10px rgba(0,0,0,0.2);}

#stoerer_con #stoerer_claim p {text-align:left; text-transform:uppercase; margin:0px; padding:0;}
#stoerer_con #stoerer_claim strong {color:var(--main-fontColor-Heading);}


#stoerer_con #stoerer_image { position:absolute; top:0px; right:-75px; background-repeat: no-repeat; height:280px; width:160px; z-index:52;}

#stoerer_con sub, #stoerer_con sup { font-size:10px; font-weight:100; }

@media only screen and (max-width: 768px) {
#stoerer_con { 
    display:none;
    /*bottom: -75px; z-index:10;*/
}
/* OLD LAYOUT - SMALL
#stoerer_con #stoerer_bg {height:180px; width:180px;border-radius:90px;}
#stoerer_con #stoerer_claim { bottom:140px; font-size:12px; line-height:13px;}
#stoerer_con #stoerer_image { background-size:80%; background-position: 100% 0%;}
*/
}

@media only screen and (min-width: 1400px) {
}


/* STOERERIMAGE MENUE */

#dropDownRight { 
    position:fixed; 
    width:50vw; height:60vh; 
    right:-150vw; bottom:0;   /* POS TO BE HIDDEN - SEE JS */
    z-index: 108; 
    pointer-events:none;       
    /* filter: drop-shadow(0px 0px 10px rgba(50, 50, 0, 0.5));                                  DROP SHADOW ON PARENT */
} 


#dropDownRight #stoererMenueCon { 
  width:100%; height:100%; 
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

#dropDownRight #stoererMenueCon #image {         
    position:absolute; 
    bottom:0; right:0; 
    width:100%; height:100%;     
}
#dropDownRight #stoererMenueCon #image img {
    width:100%; height:100%; 
    object-fit: cover; 
}    

#dropDownRight #stoererMenueCon #stoererCta {
    position:absolute; 
    bottom:0; right:0;
    padding:20px 20px 20px 20px;
    width:100%;      
    background-color: rgba(255,255,255,0.6);   
    text-align:right;
    font-size:1.2rem;
    text-transform: uppercase;  
}


#dropDownRight #stoererMenueCon a { display:block; position:absolute; top:0; right:0; width:100%; height:100%; pointer-events:auto; }


/* ANIMATION HOVER */

#dropDownRight #stoererMenueCon:hover { opacity:0.8;}
#dropDownRight #stoererMenueCon:hover #image img { transform: scale(1.1);}
#dropDownRight #stoererMenueCon:hover #stoererCta { padding: 20px 40px 20px 20px; }













@media only screen and (max-width: 1000px) {                                                                /* HIDE ON MOBILE */
    #dropDownRight {display:none;}
}


@media only screen and (min-width: 1400px) { 

}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ImageSlider/src/2.3.4/owl.video.play.png') no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.sliderswipe_con { position:relative; width:100%; overflow:hidden; }

.sliderswipe_con.prodPresLayout_0 { } /* TWO LAYOUTS */
.sliderswipe_con.prodPresLayout_1 { }

.sliderswipe_con .container {}


/* MAIN IMAGE ------------------------------------------- */

.sliderswipe_con .img_con { 
  width:100%; 
  display:flex; flex-direction: column; justify-content: center;
  overflow:hidden;  
}

.sliderswipe_con .img_con.aspect-fixed250px { height:250px; }
.sliderswipe_con .img_con.aspect-fixed450px { height:450px; }
.sliderswipe_con .img_con.aspect-16zu9 { height:calc( 100vw / 1.7777777 ); }
.sliderswipe_con .img_con.aspect-220er { height:calc( 100vw / 2.1986 ); }
.sliderswipe_con .img_con.aspect-50vh { height:50vh; min-height:600px; }
.sliderswipe_con .img_con.aspect-75vh { height:75vh; min-height:600px; }
.sliderswipe_con .img_con.aspect-100vh { height:100vh; min-height:600px; }

.sliderswipe_con .img_con .image { 
  display: block;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}


/* ------------------------------------------- */
/* INFO CON TEXT etc ----------------------------------------------- */

.sliderswipe_con .info_con { 
  position: absolute; 
  top:0px;
  width:100%; height:100%;
  display:flex; flex-direction: column; justify-content: center;   
}

/* LAYOUT 2 */


/* OVERWRITE PARTIAL CSS IF NEEDED*/
.sliderswipe_con .info_con .titleContainer { margin-bottom:20px !important; }
/*.sliderswipe_con .info_con .titleContainer .titleWrapper h1.title { font-size: 3rem; line-height:3rem; color:#fff; text-shadow: 5px 5px 10px rgba(0,0,0,0.4);}
.sliderswipe_con .info_con .titleContainer .subTitleWrapper .subTitle { color:#fff; text-shadow: 5px 5px 10px rgba(0,0,0,0.4); }*/

/* INFO CON TEXT */
.sliderswipe_con .info_con .text {       
  width:calc(70% - 60px); 
  padding:15px 30px 15px 30px; 
  margin: 0 auto 0  auto;
  z-index:101; 
  background-color:rgba(255,255,255,0.6); 
  box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
  /* transform: skewY(-4deg);  */
  text-align: center;
}
.sliderswipe_con .info_con .text p { display:block; 
  margin:0; padding:0; 
  font-weight:100; 
  text-align:center; 
  color:var(--main-fontColor01);  
  filter: var(--main-fontBrightness);
}



/* LAYOUT 2 VARIANTE */

.sliderswipe_con.prodPresLayout_1 .info_con { 
  position: absolute; 
  right:0; 
  width:100%; height:75%;
  padding-bottom:25%;   
  justify-content:center; align-items: flex-end;  
  background: linear-gradient(51deg, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 80%);
}

.sliderswipe_con.prodPresLayout_1 .info_con.withLink { height:100%; padding-bottom:0; }

/* LAYOUT 2  HEADING VARIANTE */

.sliderswipe_con.prodPresLayout_1 .info_con .titleContainer {      
  width: fit-content;
  max-width:80%;
  margin: 0 0 0 0; padding: 0 calc(6vw + 30px) 0 40px;       
  background-color: #FFF;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

.sliderswipe_con.prodPresLayout_1 .info_con .titleContainer .titleWrapper { margin-top:0px; }
.sliderswipe_con.prodPresLayout_1 .info_con .titleContainer .titleWrapper h1.title { margin-top:5px; color:var(--main-fontColor-Heading); text-shadow: none; }


.sliderswipe_con.prodPresLayout_1 .info_con .text { 
  width:calc(50% - 6vw - 60px); 
  margin: 20px 6vw 0 0;
  padding:15px 30px 15px 30px;     
  background-color:transparent;
  box-shadow: none;
  /*transform: skewY(-4deg); */
}

.sliderswipe_con.prodPresLayout_1 .info_con .text p { text-align:right; }


@media only screen and (max-width: 768px) {
  .sliderswipe_con .info_con .titleContainer .titleWrapper h1.title { font-size: 2rem; line-height:2rem; }
  .sliderswipe_con .info_con .text { width:calc(88% - 60px); }

  .sliderswipe_con.prodPresLayout_1 .info_con .text { width:calc(60% - 2vw - 60px); margin-right: 2vw;}  
}

@media only screen and (min-width: 1400px) {
  .sliderswipe_con .info_con .text { width:calc(35% - 60px); }
  
  .sliderswipe_con.prodPresLayout_1 .info_con .titleContainer { width: fit-content; max-width:60%; margin: 0 0 0 0; padding: 0 calc(14vw + 30px) 0 40px; }
  .sliderswipe_con.prodPresLayout_1 .info_con .text { width:calc(40% - 14vw - 60px); margin-right: 14vw; }  
}


/* ------------------------------------------- */
/* LINK & BUTTON ------------------------------------- */

.sliderswipe_con .link {position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; z-index:101;}
.sliderswipe_con .linkLayer {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fff; opacity:0;}

/*-------------------*/

.sliderswipe_con .info_con .sliderSwipeButtonCon {
  position:absolute;
  right:0; bottom:100px;
  width: 250px;
  margin: 0 calc(6vw + 30px) 0 0;   
}

/* LAYOUT 2 */
.sliderswipe_con.prodPresLayout_1  .info_con .sliderSwipeButtonCon {
  position:relative;
  right: auto; bottom: auto;  
}




.sliderswipe_con .info_con .sliderSwipeButtonCon .buttonText {   
  position:absolute;  
  right:40px;
  margin-top: calc(40px - 0.8rem);    
  padding:5px 60px 5px 10px;
  font-size: 0.8rem; text-transform: uppercase; text-align:right; 
  background-color:#fff;
}
/*OVERWRITE*/
.sliderswipe_con .info_con .sliderSwipeButtonCon .buttonRound {   
  width:40px; height:40px; 
  padding:20px; 
  margin-right:0; margin-left:auto;   
  border-radius: 40px; 
}

/* ----------------------------------------------------------- */
/* HOVER ----------------------------------------------------- */
.sliderswipe_con:hover .info_con .sliderSwipeButtonCon  .buttonRound { 
  width:70px; height:70px;
  padding:15px;
  border-radius:95px;
}
.sliderswipe_con:hover .info_con .sliderSwipeButtonCon .buttonText {    
  right:50px;
  margin-top: calc(50px - 0.8rem);    
  padding:5px 70px 5px 10px;    
}
.sliderswipe_con:hover .sliderswipe_frontimage { transform:scale(1.05); }
.sliderswipe_con:hover .linkLayer { /*left:0vw;*/ opacity: 0.3; }


/* MEDIA QUERIES ----------------------------------------------- */
@media only screen and (max-width: 768px) { 
  /* LAYOUT 2 */
  .sliderswipe_con.prodPresLayout_1 .info_con .sliderSwipeButtonCon { margin: 0 calc(2vw + 30px) 0 0;  }

  .sliderswipe_con .info_con .sliderSwipeButtonCon { margin: 0 calc(2vw + 30px) 0 0;  }
  .sliderswipe_con .info_con .sliderSwipeButtonCon .buttonRound { 
    width:40px; height:40px; 
    padding:20px; 
    margin-right:0; margin-left:auto;  }  
    
}

@media only screen and (min-width: 1400px) {
  .sliderswipe_con .info_con .sliderSwipeButtonCon { margin: 0 calc(14vw + 30px) 0 0;  }
  /* LAYOUT 2 */
  .sliderswipe_con.prodPresLayout_1 .info_con .sliderSwipeButtonCon { margin: 0 calc(14vw + 30px) 0 0; }  
  
}


/* ------------------------------------------- */
/* FRONT IMAGE ------------------- */


/* .sliderswipe_con .sectionFrontImg { 
  position:absolute; 
  width:400px; height:400px;
}*/

.sliderswipe_frontimage { position:absolute; width:350px; z-index:50; }
.sliderswipe_frontimage.bottomLeft { left:6vw; bottom:0; }
.sliderswipe_frontimage.bottomRight { right:6vw; bottom:0; }
.sliderswipe_frontimage.center { display:flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; width:100%; height:calc( 100% - 40px - 20px); }

.sliderswipe_frontimage .imgCon { width:100%; height:auto; pointer-events:none;}


@media only screen and (max-width: 768px) {
  .sliderswipe_frontimage { width:250px; }      
  .sliderswipe_frontimage.bottomLeft { left:1vw; }
  .sliderswipe_frontimage.bottomRight  { right:1vw; }
  
}

@media only screen and (min-width: 1400px) {
  /*.sliderswipe_frontimage { width:400px; }*/
  .sliderswipe_frontimage.bottomLeft { left:14vw; }
  .sliderswipe_frontimage.bottomRight  { right:14vw; }          
}










/* ---------------------------------------- SLIDER SWIPE IMAGE ROW SMALL TEXT PLUGIN ------------------------- */




/* HANDHELD -----------------------  */

@media only screen and (max-width: 768px) {
    .sliderswipe_con .img_con { /*height:333px;*/ } /* normal sliderSwipe */ 
    .sliderswipe_con .info_con .info_text { width:90%; padding:15px 5% 15px 5%; }
}

@media only screen and (min-width: 1400px) { 
    .sliderswipe_con .img_con { /*height:575px; */} /* normal sliderSwipe */
    
    .sliderswipe_con .info_con .info_text { width:60%; padding:15px 20% 15px 20%; }
}


/*------------------------------------- OVERWRITE OWL CAROUSEL CSS */

/* NAV DOTS ------------------------------------------------ */


.owl-dots {
  /* CUSTOM IFASOL */ 
  position:absolute;
  width:100%;    
  bottom:15px;
  /* ----------------- */
  height:20px;
  margin-top:2px;   
  text-align:center; 
}

/* if border is active and style is angle => skew dots*/
.sliderswipe_con.owlNavDotsAngle_1_angle .owl-dots { 
  transform: skewY(-5deg);
  bottom:60px;
}


.owl-dots .owl-dot{
  display:inline-block;
  zoom:1;
  display:inline
}

.owl-dots .owl-dot span{
  width:10px;
  height:10px;
  margin:5px 7px;
  background:#fff;
  display:block;
  -webkit-backface-visibility:visible;  
  transition:opacity 200ms ease;  
  opacity: 1; 
  box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
}

.owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
  opacity:0.5;
}


/* NAV - NEXT und PREV BUTTONS ---------------------------- */

.owl-nav {
  display:none;
  margin-top: 0px;
  text-align: center;
  tap-highlight-color: transparent; 
  }


 .owl-nav [class*='owl-'] span {
    color: #FFF;
    font-size: 0px; line-height:0px;     
    cursor: pointer;  
    display:inline-block;     
     height:93px; width:30px; 
     background-image: var(--styleSliderArrow);
     background-position:center center;     
}

.owl-nav .owl-next {  
  position:absolute; 
  top:50%; right:0.5%;  
  margin-top:-68px;   
}

.owl-nav .owl-prev {
  position:absolute; 
  top:50%; left:0.5%; 
  margin-top:-58px;  
  transform: rotate(-180deg);
}

.owl-nav [class*='owl-'] span:hover {
    opacity:.5;        
    transition:opacity 200ms ease;
    text-decoration: none; 
  }

.owl-nav .disabled {
    opacity: 0.5;
    cursor: default; 
  }

/* BLUE OUTLINE ON CLICK NAV */
.owl-nav button:focus, .owl-dots button:focus {
  outline:0; border:0; -webkit-tap-highlight-color:transparent; 
}

@media only screen and (max-width: 768px) {
  .owl-dots {   transform: skewY(-8deg); }
}

@media only screen and (min-width: 1400px) { 
  .owl-dots {   transform: skewY(-3.5deg); }
}
/* BIGNAVI PLUGIN ----------- big buttons for Navigation to other sites */

.content_bignavi_con p {
    margin:0; padding:0; text-align:center;
}

.content_bignavi_con { 
    position:relative;  /* UMBRUCH STYLE UND OPTIK */ 
    width:80%; padding: 0px 10% 0px 10%; margin:20px 0px 0px 0px; 
    display:inline-block; 
} 
  
.content_bignavi {
    position:relative; height:250px; overflow:hidden;
    cursor:pointer; display:block; /*break-inside: avoid; */ border-radius:0px 0px 0px 0px;
}


/* EINREIHIG */
.content_bignavi.inaRow1 {width: 100%; float:left; margin: 0px 0px 0px 0px;}
/* ZWEIREIHIG */
.content_bignavi.inaRow2 {width:50%;}
.content_bignavi.inaRow2:nth-child(odd) { float:left; margin: 0px 0% 0px 0%; border-radius: 0px 0px 0px 0px;}
.content_bignavi.inaRow2:nth-child(even) { float:right; margin: 0px 0% 0px 0%; border-radius: 0px 0px 0px 0px; }
/* DREIREIHIG */
.content_bignavi.inaRow3 {width: calc( 33.3% - 0px); float:left; margin: 0px 0px 0px 0px;}


.content_bignavi a { position:absolute; width:100%; height:100%; top:0px; left:0px;}

.content_bignavi .content_bignavi_img {
    position:absolute; 
    width:100%; height:100%; 
    left:0%; top:0%;
    /*overflow:hidden;*/        
}

.content_bignavi .content_bignavi_img img { 
    display:block;
    width: 100%;
    height:100%;
    object-fit: cover;
}

/*DREI-REIHIG*/
.content_bignavi.threeInaRow  .content_bignavi_img {  }

.content_bignavi .content_bignavi_border { 
    position:absolute; 
    top:0px;
    width:100%; height:100%;     
    /* box-shadow: inset 0px 0px 12px rgba(0,0,0,0.1); */
    z-index:100;
    pointer-events: none; 
}


/* BUTTON OVERWRITE -- PARTIAL  --------------------------------------------------- */
.content_bignavi .buttonRound { 
    position:absolute; 
    top:-150px;     
    left:calc(50% - 60px); 
    width:50px; 
    height:50px;
    padding:35px;
    border-radius:60px; 
    pointer-events: none;
}
.content_bignavi .buttonRound .ll_icon { }
.content_bignavi .buttonRound .ll_icon svg { }

.content_bignavi .buttonRound:hover { /* COUNTER HOVER */
    width:50px; height:50px;
    padding:35px;
    border-radius:60px; 
}


/* TEXT INFO --------------------------- */

.content_bignavi .content_bignavi_info_con { 
    position:absolute; 
    display:flex; flex-direction: column; justify-content: center;
    bottom:-100%; left:0px;    
    width:96%; height:100%;   
    padding:0 2% 0 2%; 
    background-color: rgba(255,255,255,0.7);        
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2); 
    text-align: center;
}

.content_bignavi .content_bignavi_info_con_subtitle {     
    width:80%; 
    padding:0% 10% 5px 10%; 
    text-align:center;  
    font-weight:100; font-size:1rem; line-height:1rem; 
    color:var(--main-fontColor01); 
    opacity:0;      
}

.content_bignavi .subtitle_max { max-width:410px; margin:auto; }
.content_bignavi .subtitle_max p {  margin:0; padding:0;}

.content_bignavi .btn_con { 
    position:absolute; 
    bottom:0px; 
    width:100%; 
    margin:0;
}

/* OVERWRITE BUTTON WHITE */
.content_bignavi .button_basic-white {
    width:100%;    
    margin-bottom: 0; 
    opacity:0.9;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    color: var(--main-fontColor01);
}





/* ANIMATION */
.content_bignavi:hover .content_bignavi_img img { filter: grayscale(1) blur(4px); transform: scale(1.2);}
.content_bignavi:hover .content_bignavi_info_con { bottom:0%; }
.content_bignavi:hover .content_bignavi_info_con_subtitle { opacity: 1; top: 58px; }
.content_bignavi:hover .buttonRound {top:-50px;}
.content_bignavi:hover .buttonRound .ll_icon { margin-top:20px;}
.content_bignavi:hover .button_basic-white { opacity: 0.9; width:70%; background-color:var(--main-signalColor01); color:#fff; box-shadow: 0px 0px 10px rgba(0,0,0,0); }
/*DREI-REIHIG*/
.content_bignavi.threeInaRow:hover .button_basic-white { opacity: 0.9; width:90%; background-color:var(--main-signalColor01); color:#fff; box-shadow: 0px 0px 10px rgba(0,0,0,0);}




@media only screen and (max-width: 768px) {
    .content_bignavi_con { width:90%; padding: 0 5% 0 5%;}
    /* ZWEIREIHIG*/
    .content_bignavi_con .content_bignavi { width:100%; padding:0; height:32vh;  }
    .content_bignavi_con .content_bignavi.twoInaRow {width:100%; padding:0; height:32vh;}
    .content_bignavi_con .content_bignavi.twoInaRow:nth-child(odd), .content_bignavi:nth-child(even) { margin: 0 0 0 0;  }
    .content_bignavi_con .content_bignavi.twoInaRow .content_bignavi_img {background-size: 120%;}
    /* DREI-REIHIG */
    .content_bignavi_con .content_bignavi.threeInaRow {width:100%; padding:0; height:32vh;}

    .content_bignavi.inaRow2:nth-child(odd), .content_bignavi.inaRow2:nth-child(even) { border-radius: 0px 0px 0px 0px;}
}


@media only screen and (min-width: 1400px) { 
    .content_bignavi_con {width:44%; padding: 0px 28% 0px 28%; }
    .content_bignavi .content_bignavi_img {background-size: 130%;}
 }


:root {
    /* QUOTE */
    --styleQuoteSymbol: url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ImageQuote/imgs/quotes_yellow.png') ; /* 124x105px */
    --styleQuoteColor: var(--main-fontColor01a);
}

.imageQuoteModule {width:80%; margin: 20px 10% 30px 10%;}

.imageQuoteModule .quoteConBorder { 
    width:50vw; height:50vw; max-width:500px; max-height:500px;
    margin-left:auto; margin-right:auto;
    border-radius:50%; 
    border:1px solid #cfcfcf;
}

.imageQuoteModule .quoteConBorder .quoteImg {     
    width:calc(100% - 20px); height:calc(100% - 20px);
    object-fit: cover;
    margin:10px;
    background-position: 50% 50%; background-size: cover; 
    background-repeat: no-repeat;
    border-radius:50%; overflow:hidden;
}

.imageQuoteModule .quoteElement_quote { 
    margin-top:15px; 
    width:80%; 
    margin-left:auto; margin-right:auto; 
    text-align:center;
    font-size:2.2rem; line-height:2rem; 
    color:var(--styleQuoteColor);
}
.imageQuoteModule .quoteElement_quote .quote {position:relative;}
.imageQuoteModule .quoteElement_quote .quote p { text-align:center; }

.imageQuoteModule .quoteElement_quote .quote_quelle { position:relative; padding:5px 20px 5px 20px; font-size:0.8rem; line-height:0.8rem; margin:10px auto 0 auto; color:var(--main-fontColor01a); opacity:0.8;}
.imageQuoteModule .quoteElement_quote .withImage { }
.imageQuoteModule .quoteElement_quote .noImage { }

.imageQuoteModule .quoteElement_quote .quote .mark { 
    position:absolute; 
    top:-50px; left:-40px; 
    width:125px; height:105px; 
    background-image:var(--styleQuoteSymbol); background-repeat: no-repeat; background-size:100% 100%; 
    opacity:0.5;
    filter: grayscale(1);    
    z-index:-1;  
}


.imageQuoteModule .quoteElement_quote .quote .mark.markTop {  }

.imageQuoteModule .quoteElement_quote .quote .mark.markBottom {
    top:auto; left:auto;      
    bottom:-50px; right:-40px;    
    transform: scaleX(-1);
    filter: fliph;      
}

.imageQuoteModule .quoteElement_quote .noQuoteImage { top:10px; } /* WITHOUT IMAGE */











@media only screen and (max-width: 768px) {
    .imageQuoteModule .quoteElement_quote {font-size:1.5rem ;}
}

@media only screen and (min-width: 1400px) {
}

/*--- IMAGE WALL ALLGEMEIN ---------- */
.imageWall_con { position:relative; margin: 0 auto 0 auto;  text-align:center; } 

.imageWall_con.templateA { width:70%; padding:20px 15% 20px 15%;}
.imageWall_con.templateB { width:88%; padding:20px 6% 20px 6%; }
.imageWall_con.templateC { width:88%; padding:20px 6% 20px 6%; }
  
/* ALLGEMEINES */

.imageWall_con .imageWallRow { display:flex; flex-flow: row wrap; justify-content:center; padding-bottom:10px;} /* FLEX PARENT */
.imageWall_con .imageWallRow .wallImg a {  position:absolute; height:100%; width:100%; top:0px; left:0px; }
.imageWall_con .textParagraph { /* opacity: 0.5; */}


/* TEMPLATE A DISCOGRAPHIE 1:1 --------------------------------------- */

.imageWall_con.templateA .imageWallRow .wallImg {  height:250px; width:250px; margin:5px 5px 5px 5px; background-repeat: no-repeat; background-position:center; background-size:cover;/* MAX 100px */}
.imageWall_con.templateA .imageWallRow .wallImg.link:hover {opacity: 0.5; } 


/* TEMPLATE B FILM SCREENGRAB 16:9 ------------------------------------- */

.imageWall_con.templateB .imageWallRow .wallImg {  height: calc( 250px / 1.7777); width:250px; margin:0px; background-repeat: no-repeat; background-position:center; background-size:cover;/* MAX 100px */}
.imageWall_con.templateB .imageWallRow .wallImg.link:hover {opacity: 0.5;  } 

/* TEMPLATE C FILM SCREENGRAB 220er CINEMASKOP ------------------------------------- */

.imageWall_con.templateC .imageWallRow .wallImg {  height:calc( 250px / 2.20); width:250px; margin:0px; background-repeat: no-repeat; background-position:center; background-size:cover;/* MAX 100px */}
.imageWall_con.templateC .imageWallRow .wallImg.link:hover {opacity: 0.5;  } 





@media only screen and (max-width: 768px) {
    .imageWall_con.templateA { width:90%; padding:20px 5% 20px 5%; margin: 0;}
    .imageWall_con.templateA .imageWallRow .wallImg {  height:40vw; width:40vw; margin:1vw; } 
    
    .imageWall_con.templateB { width:100%; padding:20px 0% 20px 0%; margin: 0;}
    .imageWall_con.templateB .imageWallRow .wallImg {  height:calc(150px / 1.7777); width:150px; } 
    
    .imageWall_con.templateC { width:100%; padding:20px 0% 20px 0%; margin: 0;}
    .imageWall_con.templateC .imageWallRow .wallImg {  height:calc(150px / 2.20); width:150px; } 
    
}

@media only screen and (min-width: 1400px) { }
.imageJustImage { }

.imageJustImage .imageContainer {position:relative;}
.imageJustImage .imageContainer.responsive { width:80vw; margin-left:auto; margin-right:auto; }
.imageJustImage .imageContainer.centered60 { width:60vw; margin-left:auto; margin-right:auto; }
.imageJustImage .imageContainer.centered90 { width:90vw; margin-left:auto; margin-right:auto; }
.imageJustImage .imageContainer.wholeWidth {width:100vw; margin:0;}

.imageJustImage .imageContainer .imageImg { }
.imageJustImage .imageContainer .imageImg img {width: 100%; height:auto;}

.imageJustImage .imageContainer .imageAddText { text-align:center; opacity:1; margin: 30px auto 10px auto;}

/* WORKSHOP FAIL SHIT */

.imageJustImage.workshopFailDuplicate { }
.imageJustImage.workshopFailDuplicate .imageContainer { } 
.imageJustImage.workshopFailDuplicate .imageContainer .imageImg { } 
.imageJustImage.workshopFailDuplicate .imageContainer .imageImg img { width:90%; padding: 10px 5% 10px 5%; } 

@media only screen and (max-width: 768px) {   
    .imageJustImage .imageContainer.responsive { width:88vw; }
}

@media only screen and (min-width: 1400px) {
    .imageJustImage .imageContainer.responsive { width:60vw; }
 
}


.widget360_con { width:100%; }
.widget360_con .container_360 {position:relative; width:100%; height:450px; background-size:cover; background-position: 50% 50%; overflow:hidden; margin-bottom:20px; opacity:1;}
/*.widget360_con .container_360:hover { opacity:0.75; }

.widget360_con .container_360 .loaderLink { position:absolute; top:22px; left:0px; width:100%; height:450px; display:block; z-index:99;}*/

.widget360_con .container_360 .loaderSym { height:100%; display:flex; flex-direction: column; justify-content: center; align-items: center;}
.widget360_con .container_360 .loaderSym .loaderSymText { width:calc(100% - 10px); padding: 5px; margin-top:20px; background-color: rgba(255,255,255,0.6); color:var(--main-fontColor01); text-align: center;}
.widget360_con .container_360 .loaderSym .buttonRound { }
.widget360_con .container_360 .loaderSym .buttonRound:hover {}
.widget360_con .container_360 .loaderSym .buttonRound a { }







/* HANDHELD -----------------------  */

@media only screen and (max-width: 768px) {
    .widget360_con { }
    
}

@media only screen and (min-width: 1400px) { 
    .widget360_con { }   
}


.imageLogoRowCon { position:relative; width:70%;  margin: 0 auto 0 auto; padding:20px 15% 20px 15%; text-align:center; } 
.imageLogoRowCon.iconLayoutBig {}
.imageLogoRowCon.iconLayoutSmall {}

.imageLogoRowCon .logoSmallRow { display:flex; flex-flow: row wrap; justify-content:center; padding-bottom:10px;} /* FLEX PARENT */
.imageLogoRowCon .logoSmallRow .logoSmallIcon { position:relative; }
.imageLogoRowCon .logoSmallRow .logoSmallIcon img.img_logo { /* height:100px; width:100px; INLINE */ padding:5px; }

.imageLogoRowCon .logoSmallRow .logoSmallIcon a { position:Absolute; width:100%; height:100%; top:0; left:0; }
.imageLogoRowCon .logoSmallRow .logoSmallIcon:hover img.img_logo { transform: scale(0.8); opacity: 0.5; }  

.imageLogoRowCon .textParagraph {}



@media only screen and (max-width: 768px) {
    .imageLogoRowCon { width:88%; padding:0% 6% 0% 6%;}
}

@media only screen and (min-width: 1400px) {     
    .imageLogoRowCon { width:60%; padding:0% 20% 0% 20%;}
}

.pluginContactMap { width:80%; padding:0px 10% 0px 10%; }

/* LAYOUT MAPS */
.pluginContactMap .windowMaps {
    position:relative;     
    width:100%; height:480px; 
    display:inline-block;    
    margin:60px 0px 60px 0px;
}

.pluginContactMap .windowMaps .maps_con { 
    position:absolute; 
    width:100%; height:480px; 
}

.pluginContactMap .windowMaps .maps_con iframe { 
    width:100%; height:480px;
    border: solid 1px #dedede; border-radius:0px;     
}

.pluginContactMap .windowMaps .windowBorder {
    position:absolute; 
    width:100%; height:480px; 
    top:2px; left:2px; 
    /*box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);*/ 
    pointer-events: none;
}



/* REPLACE DSGVO */

.pluginContactMap .windowMaps .maps_con .maps_con_img { 
    width: calc( 100% - 2px ); height:480px; 
    background: center no-repeat; background-size: cover;  
    border: solid 1px #dedede; 
    border-radius: 0px 0px 0px 0px; 
}

/* BUTTON OVERWRITE -- PARTIAL */

.pluginContactMap .mapButtonCon { }
.pluginContactMap .mapButtonCon .buttonRoundLable { }

.pluginContactMap .mapButtonCon .buttonRound { /* position:absolute; top:calc(45% - 85px); left:calc(50% - 85px);*/ }
.pluginContactMap .mapButtonCon .buttonRound .ll_icon { }
.pluginContactMap .mapButtonCon .buttonRound .ll_icon svg { }


.pluginContactMap .mapButtonCon .buttonRound a { }

/* HOVER */
.pluginContactMap .mapButtonCon .buttonRound:hover { /* top:calc(45% - 95px); left:calc(50% - 95px); */}






/* ---------------------------------------------------------- */

.pluginContactMap .mapCopyright { 
    position:absolute; 
    bottom:-1px; left:1px; 
    width:calc(80% - 3px); 
    padding:10px 10% 10px 10%;
    margin: 0px;
    font-size:0.7em; line-height:0.7rem; color:var(--main-fontColor01); /*text-shadow: 1px 1px 3px #000;*/ 
    background-color: rgba(255,255,255,0.6); 
    /*box-shadow:0px 0px 10px rgba(0,0,0,0.2);*/
} 
.pluginContactMap .mapCopyright p {text-align:center;}
.pluginContactMap .mapCopyright p strong {  color: var(--main-fontColor01); font-weight:800;  }



/* RESPONSIVE ------------------------------- */

@media only screen and (max-width: 768px) {
    .pluginContactMap { width:90%; padding: 0 5% 0 5%; }
    .pluginContactMap .mapCopyright { width:98%; padding:10px 1% 10px 1%; margin:0; bottom:-1px;}
    
}



@media only screen and (min-width: 1400px) {
    .pluginContactMap {width:60%; padding: 0 20% 0 20%; }

}


/* -------------------------------------------------------------------------- */
/* CONTACT INFOS ADRESS ETC. */

.contactInfos { 
    position:relative; 
    width:100%;    
    padding-top:20px; 
    display:flex; flex-direction:column; 
}

.contactInfos .contactRow {     
    display:flex; flex-direction: row; justify-content: flex-end;
    }
.contactInfos .contactRow:last-child {padding-bottom:15px;}

.contactInfos .contactRow .contactText { 
    font-size: 0.9rem; line-height: 1rem; min-height: 1rem;
    text-align:right; 
}
.contactInfos .contactRow .contactText.heading { font-weight:800;}

.contactInfos .contactRow .contactImage { 
    width:1rem; height:1rem; 
    margin-left:15px; 
    background-repeat: no-repeat; background-position: 50% 50%;   
    opacity:0.5; 
}

.contactInfos .contactRow .contactImage.heading { width:0px; margin:0; }
.contactInfos .contactRow .contactImage.telephone { background-image: url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ContactMap/imgs/grey/contact.telephone.png');}
.contactInfos .contactRow .contactImage.mobile { background-image: url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ContactMap/imgs/grey/contact.mobile.png');}
.contactInfos .contactRow .contactImage.fax { background-image: url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ContactMap/imgs/grey/contact.fax.png');}
.contactInfos .contactRow .contactImage.adress { background-image: url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ContactMap/imgs/grey/contact.adress.png');}
.contactInfos .contactRow .contactImage.mail { background-image: url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ContactMap/imgs/grey/contact.mail.png');}
.contactInfos .contactRow .contactImage.website { background-image: url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ContactMap/imgs/grey/contact.website.png');}
.contactInfos .contactRow .contactImage.telephone { background-image: url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ContactMap/imgs/grey/contact.telephone.png');}
.contactInfos .contactRow .contactImage.fb { background-image: url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ContactMap/imgs/grey/contact.fb.png');}
.contactInfos .contactRow .contactImage.insta { background-image: url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ContactMap/imgs/grey/contact.insta.png');}
.contactInfos .contactRow .contactImage.twitter { background-image: url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ContactMap/imgs/grey/contact.twitter.png');}
.contactInfos .contactRow .contactImage.noImage {}
.tabsTitleOnTopCon {
    position:absolute; 
    display:flex; flex-direction: row; justify-content: center;
    width:100%; 
    top:-30px; left:0px;
    margin:0; 
    z-index:100;    
}

.tabsTitleOnTopCon .container {
    background-color:transparent;
    padding:5px;
    margin:0;
    height:100px;
    /*border: solid 2px #fff;*/
    filter : drop-shadow(0px 0px 5px rgba(0,0,0,0.2));    
    transform: skewY(-4deg);
}

.tabsTitleOnTopCon .container .topShape {
    position:absolute; 
    width:calc(100% - 10px); height:65px; 
    top:0px; left:5px; 
    background-color: rgba(0,0,0,0.07);
}

.tabsTitleOnTopCon .container .item {    
    margin: 0 auto 0 auto; 
    padding:70px 37px 10px 25px;
    background-color: #fff;     
    font-size: 1rem;
    font-weight:100;
    text-transform: uppercase;
    text-align:center;
    /*border-radius: 0px 0px 10px 10px;*/
}


/*
.tabsTitleOnTopCon .item .borderBottom {
    position:Absolute; bottom: -10px;
    background-color:#fff;
    width:100%; height:3px;
}*/
/* ----------------  IMAGE ROW SMALL --- FABRICS etc. --------------------------------- */  



.imageWithToolTip_Module { position:relative; width:70%;  padding:20px 15% 20px 15%; text-align:center; } 

.imageWithToolTip_Module .imageSmallRow {width:100%;}
.imageWithToolTip_Module .imageSmallRow.forDesktopWithToolTip { display:flex; flex-flow: row wrap; justify-content:center; padding-bottom:10px; } /* FLEX PARENT */
.imageWithToolTip_Module .imageSmallRow.forDesktopWithToolTip.layoutSwitch_DESKTOP { } 
.imageWithToolTip_Module .imageSmallRow.forDesktopWithToolTip.layoutSwitch_MOBILESWIPE { display:none; }

.imageWithToolTip_Module .imageSmallRow.forDesktopWithToolTip .img_con { height:50px; width:50px; padding:5px; cursor:pointer; text-align:center; } /* FLEX CHILD */
.imageWithToolTip_Module .imageSmallRow.forDesktopWithToolTip .img_con:hover { margin-top:-5px; margin-bottom:5px; }

.imageWithToolTip_Module .imageSmallRow.forDesktopWithToolTip .img_con .imageSmallRow_img { 
    height:100%; width:100%; 
    object-fit: cover; 
    border-radius:50%; 
    /*overflow:hidden; */
    border: solid #fff 1px;
}

.imageWithToolTip_Module .imageSmallRow.forDesktopWithToolTip .img_con a {position:absolute; top:0; left:0; width:100%; height:100%;  opacity: 1; }









/* ----- TOOLTIP ----- */

.imageWithToolTip_Module .imageSmallRow .img_con .ImageRow_ToolTip {
    position: absolute; 
    height:325px; width:300px; 
    padding:20px;     
    z-index: 1; 
    margin-left:calc(-300px / 2 + 6px ); 
    margin-top:calc(-325px - 20px - 25px - 40px); 
    background-color:rgba(255,255,255, 0.9); 
    border-radius:25px 25px 0px 0px; 
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.3));    
    opacity:0; 
    visibility: hidden;
    
}

.imageWithToolTip_Module .imageSmallRow .img_con .ImageRow_ToolTip::after { /* REPLACE  WITH SVG // ADD SHADOW */
    content: " "; /* ARROW HEAD */
    position: absolute; 
    top: 100%; left: 50%; 
    margin-left: -20px; 
    border-width: 20px; 
    border-style: solid;
    border-color: rgba(255,255,255, 0.9) transparent transparent transparent;   
}


.imageWithToolTip_Module .imageSmallRow .img_con .ImageRow_ToolTip .toolTip_img_con {
    width:300px; height:300px;     
    border-radius:50%;     
    text-align:center; 
    overflow:hidden;
}
.imageWithToolTip_Module .imageSmallRow .img_con .ImageRow_ToolTip img.toolTip_img { height:100%; width:100%; object-fit: cover; } /* IMAGE */
.imageWithToolTip_Module .imageSmallRow .img_con .ImageRow_ToolTip .toolTip_info { margin-top:10px; }


/* ANIMATION TOOL TIP ------------------------------------------------------------ */
.imageWithToolTip_Module .imageSmallRow .img_con:hover .ImageRow_ToolTip {
    opacity:1;
    visibility: visible;
    transform: translate(0%, -35px);    
}




/* TEXT BELOW --------------------------------------------------------------------- */
.imageWithToolTip_Module .textParagraph.imageRowSmallText { opacity:0.3; font-size:0.8rem;}









/* ---------------------  MOBILE SWIPE ---------------------- PROBLEMKIND */


.imageWithToolTip_Module .imageSmallRow.forMobileWithSwipe { width:100%; height:180px; }
.imageWithToolTip_Module .imageSmallRow.forMobileWithSwipe.layoutSwitch_MOBILESWIPE {  }
.imageWithToolTip_Module .imageSmallRow.forMobileWithSwipe.layoutSwitch_DESKTOP { display:none; }

.imageWithToolTip_Module .imageSmallRow_slider {  } /* PARENT CON / OWL*/
.imageWithToolTip_Module .imageSmallRow_slider .slider_con { height:180px; width:130px; padding:0px;} /* CHILD / MAIN CONTAINER IMAGE */
.imageWithToolTip_Module .imageSmallRow_slider .slider_con.link { }
.imageWithToolTip_Module .imageSmallRow_slider .slider_con.link:hover {  opacity:0.5;  }
.imageWithToolTip_Module .imageSmallRow_slider .slider_con a {display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1000;}

.imageWithToolTip_Module .imageSmallRow_slider .slider_con .img_con { height:130px; width:130px; border-radius:65px;  border: solid #fff 1px; overflow:hidden;} /* MASK */
.imageWithToolTip_Module .imageSmallRow_slider .slider_con .img_con img { min-height:300px; min-width:300px; }

.imageWithToolTip_Module .imageSmallRow_slider .slider_con .toolTip_info { text-align:center; width:100%; margin-top:5px; padding: 4px 0px 3px 0px; background-color:#fff; }

/* OWL NAVIGATION ANPASSUNG */
.imageWithToolTip_Module .imageSmallRow.forMobileWithSwipe .owl-nav .owl-prev {margin-top:-60px; }
.imageWithToolTip_Module .imageSmallRow.forMobileWithSwipe .owl-nav .owl-next {margin-top:-70px; }







/* -------------------------------------HANDHELD / MOBILE -------------------------------------------- */



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

    /* IMAGE SMALL ROW */
    .imageWithToolTip_Module { width:90%; padding:0% 5% 0% 5%;}

    /* IF DESKTOP IS MAIN VIEW - DEACTIVATE DESKTOP AND SHOW MOBILE */
    .imageWithToolTip_Module .imageSmallRow.forDesktopWithToolTip.layoutSwitch_DESKTOP { display:none; } 
    .imageWithToolTip_Module .imageSmallRow.forMobileWithSwipe.layoutSwitch_DESKTOP { display: block; }        
     
} /* END */

@media only screen and (min-width: 1400px) {    
    .imageWithToolTip_Module { width:60%; padding: 0% 20% 0% 20%; } 

}


/* SCROLL PRODUCT PRESENTATION SHORT  --------------------------------------------------------------------- */


#ifasolProdPres .contentProductPresentationConIfasol { position:relative; width:800px; padding-top: calc(800px * 0.75); margin: 0px auto 0px auto; }
#ifasolProdPres .contentProductPresentationConIfasol .image { position:absolute; width:800px; /*height:600px;*/ padding-top: calc(800px * 0.75); top:0px; background-repeat:no-repeat; background-position:top center; background-size:cover}
#ifasolProdPres .contentProductPresentationConIfasol .one {  z-index:100; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/product_01.png'); }
#ifasolProdPres .contentProductPresentationConIfasol .two {  z-index:99; }
#ifasolProdPres .contentProductPresentationConIfasol .three { z-index:98; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/product_03.png');}
#ifasolProdPres .contentProductPresentationConIfasol .four { z-index:97; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/product_04.png');}
#ifasolProdPres .contentProductPresentationConIfasol .five {z-index:96; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/product_05.png'); }
#ifasolProdPres .contentProductPresentationConIfasol .six { z-index:95; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/product_06.png'); }
#ifasolProdPres .contentProductPresentationConIfasol .seven { z-index:94; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/product_07.png'); }

#ifasolProdPres .prodPresWindow_con { }
#ifasolProdPres .prodPresWindow_con .two_a { position:absolute; top:0px; z-index:99; width:100%; height:100%; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/product_02_a.png'); background-size:cover;}
#ifasolProdPres .prodPresWindow_con .two_b_con { position:absolute; z-index:99; width:100%; height:52%; top:48%; overflow:hidden; }
#ifasolProdPres .prodPresWindow_con .two_b_con .two_b_roller { position:absolute; width:100%; height:calc(100% * 1.923); top:-60%; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/product_02_b.png'); background-size:cover;}
#ifasolProdPres .prodPresWindow_con .two_c { position:absolute; top:0px; z-index:99; width:100%; height:100%; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/product_02_c.png'); background-size:cover;}

/* SAVE WINDOW SMALL 
.prodPresWindow_con { position:absolute; z-index:99; width:255px; height:445px; left:calc(50% + 50px); top:180px; }
.prodPresWindow_con .two_a { position:absolute; z-index:99; width:100%; height:100%; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/imgs/product_02_a.png'); background-size:cover;}
.prodPresWindow_con .two_b_con { position:absolute; z-index:99; width:100%; height:65%; top:158px; overflow:hidden; }
.prodPresWindow_con .two_b_con .two_b_roller { position:absolute; width:100%; height:100%; top:-70px; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/imgs/product_02_b.png'); background-size:cover;}
.prodPresWindow_con .two_c { position:absolute; z-index:99; width:100%; height:100%; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/imgs/product_02_c.png'); background-size:cover;}
*/

#ifasolProdPres .prodPresSmarthomeIcons { 
    position:relative; 
    display:flex; flex-wrap: nowrap; justify-content: center;
    width:100%; height:37px;        
    margin: 0px auto 0px auto;
}

#ifasolProdPres .prodPresSmarthomeIcons .smarthomeIcon { 
    width:141px; height:37px; 
    background-repeat: no-repeat; background-position: center;
}
#ifasolProdPres .prodPresSmarthomeIcons .smarthomeIcon.amazon { background-image: url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/smarthome_workswith_amazon.png');}
#ifasolProdPres .prodPresSmarthomeIcons .smarthomeIcon.google { background-image: url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/smarthome_workswith_google.png'); }
#ifasolProdPres .prodPresSmarthomeIcons .smarthomeIcon.apple { background-image: url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/smarthome_workswith_apple.png'); }


#ifasolProdPres .upAndDownLoop { 
    animation: upAndDown 3s infinite;
}
@keyframes upAndDown {	
    100% {transform: translateY(0);}	40% {transform: translateY(-25%);}	 
}


/* ---------------------------------------------------------------------------------------------- */
/* SCROLL PRODUCT PRESENTATION LONG ------------------------------------------------------------- */

#ifasolProdPres .contentProductPresentationLong { position:relative; width:500px; padding-top:calc(1537px + 290px) /*calc((500px * 3.074) + 290px)*/; margin: 0 auto 0 auto; 
    background-image: url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/productLong_bg.png'); background-repeat: no-repeat; background-position:top center;  }
#ifasolProdPres .contentProductPresentationLongCon { position:absolute; top:0px; width:100%; padding:30px 0 0 0; }

#ifasolProdPres .contentProductPresentationLongCon .con { position:relative; width:100%; padding-top:calc(56.6% - 30px); overflow:hidden;} /* CONTAINER SIZE */
#ifasolProdPres .contentProductPresentationLongCon .image { position:absolute; top:0px; width:100%; height:100%; background-repeat:no-repeat; background-position:top center; background-size:auto auto; background-color: transparent;}

#ifasolProdPres .contentProductPresentationLongCon .con.one { margin-top:-20px; /*padding-top:calc(56.6% - 30px);*/   }
#ifasolProdPres .contentProductPresentationLongCon .con.one .image.a {  z-index:100; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/productLong_01a.png'); }
#ifasolProdPres .contentProductPresentationLongCon .con.one .image.b {  z-index:100; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/productLong_01b.png'); }
#ifasolProdPres .contentProductPresentationLongCon .con.one .image.c {  z-index:100; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/productLong_01c.png'); }
#ifasolProdPres .contentProductPresentationLongCon .con.one .image.d {  z-index:100; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/productLong_01d.png'); }

#ifasolProdPres .contentProductPresentationLongCon .con.two { margin-top: -25px;  }
#ifasolProdPres .contentProductPresentationLongCon .con.two .image.a {  z-index:99; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/productLong_02a.png'); }
#ifasolProdPres .contentProductPresentationLongCon .con.two .image.b {  z-index:99; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/productLong_02b.png'); }
#ifasolProdPres .contentProductPresentationLongCon .con.two .image.c {  z-index:99; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/productLong_02c.png'); }
#ifasolProdPres .contentProductPresentationLongCon .con.two .image.d {  z-index:99; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/productLong_02d.png'); }

#ifasolProdPres .contentProductPresentationLongCon .con.three { margin-top: 150px;  }
#ifasolProdPres .contentProductPresentationLongCon .con.three .image.a { z-index:98; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/productLong_03.png');}

#ifasolProdPres .contentProductPresentationLongCon .con.four { margin-top: 20px; }
#ifasolProdPres .contentProductPresentationLongCon .con.four .image.a { z-index:97; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/productLong_04a.png');}
#ifasolProdPres .contentProductPresentationLongCon .con.four .image.b { z-index:97; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/productLong_04b.png');}
#ifasolProdPres .contentProductPresentationLongCon .con.four .image.c { z-index:97; background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/productLong_04c.png');}

#ifasolProdPres .contentProductPresentationLongCon .con.five { padding-top:0px;  }
#ifasolProdPres .contentProductPresentationLongCon .con.five .prodPresWindow_con { margin-left:-310px; margin-top:-80px; /*width:800px;*/ height:600px; }

#ifasolProdPres .wheel_con { position:absolute; width:105px; height:105px; top:85px; left:calc(50% - 60px); padding:0;}
#ifasolProdPres .wheel_con .wheel { background-image:url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.ProdPresIfasol/imgs/wheel-rotate.png'); background-size:cover; background-repeat:no-repeat; }
#ifasolProdPres .wheel_con .one { position:absolute; width: 60px; height:60px; margin-left:35px;}
#ifasolProdPres .wheel_con .two { position:absolute; width:45px; height:45px; margin-top:45px;}

#ifasolProdPres .contentProductPresentationLongCon .prodPresTextCon { 
    display:flex; flex-wrap: nowrap; justify-content: center;
    width:100%; 
    margin: 0px 0% 0px 0%; 
    text-align:center; 
}
#ifasolProdPres .contentProductPresentationLongCon .prodPresTextCon .prodPresText { 
    display:inline-block;    
    padding:5px 20px 5px 20px; 
    background-color:rgba(var(--main-bgColorMenue)); 
    border-color:var(--main-fontColor01b); border-width: 1px; border-style: solid; 
    border-radius:20px; 
}
#ifasolProdPres .contentProductPresentationLongCon .prodPresTextCon .prodPresText p { 
    color:var(--main-fontColor01b); 
    font-size:1.5rem; line-height:1.5rem; font-weight:100; 
    text-transform:uppercase; 
    text-align:center; 
}

#ifasolProdPres .contentProductPresentationLongCon .small p { 
    display:inline-block; 
    margin: 0 30% 0 30%; 
    width:40%; 
    color:#fff; 
    font-size:0.6rem; line-height:0.6rem; font-weight:100; 
    text-transform:uppercase; 
    text-align:center; 
}

#ifasolProdPres .contentProductPresentationLongCon .textOne { }
#ifasolProdPres .contentProductPresentationLongCon .textTwo { } 
#ifasolProdPres .contentProductPresentationLongCon .textThree { margin-top:-20px;}
#ifasolProdPres .contentProductPresentationLongCon .textFour { }


@media only screen and (max-width: 768px) {
#ifasolProdPres .contentProductPresentationConIfasol { width:90%; padding-top: 68%; }
#ifasolProdPres .contentProductPresentationConIfasol .image { width:100%; padding-top:75%; }     

    
#ifasolProdPres .contentProductPresentationLong { transform: scale(0.8); transform-origin:top center; padding-top:calc(1537px - 45px);}
#ifasolProdPres .contentProductPresentationLongCon {  }
#ifasolProdPres .contentProductPresentationLongCon .con { }  
    
}
/* PARALLAX WINDOWGAP IMAGE ---------------------------------- */

.windowGapCon {
    position:relative; 
    display: flex; flex-direction: column; justify-content: center;
    width:100%; min-height:450px;

    /*padding:100px 0% 40px 0%;*/
 }

.windowGapCon .windowgap {        
    width:70%;     
    padding: 0px 15% 0px 15%;      
}

.windowGapCon .windowgap_claim {     
    width: calc( 100% - 80px); 
    padding: 40px;    
    margin: 100px 0% 40px 0%;
    text-align:center;     
    background-color:rgba(255,255,255,0.8); 
    border-radius:0px 0px 20px 0px; 
    box-shadow:0px 0px 10px rgba(0,0,0,0.1);
}
.windowGapCon .windowgap_claim hr { border-top: 1px solid var(--main-fontColor01); opacity: 0;}
.windowGapCon .windowgap_claim .text { }

/* OVERWRITE PARTIAL */
.windowGapCon .windowgap_claim .titleContainer { margin-bottom:0 !important; }
.windowGapCon .windowgap_claim .titleContainer .titleWrapper h1.title { font-size:3rem; line-height: 2.8rem; color:var(--main-fontColor-Heading); margin: 10px 0px 10px 0px; }
.windowGapCon .windowgap_claim .titleContainer .subTitleWrapper .subtitle{ color: var(--main-fontColor01);  }



.windowGapCon .windowgap p { margin-bottom:5px; text-align:center; color: var(--main-fontColor01);}
.windowGapCon .windowgap b, .windowgap strong { font-weight:600; color: var(--main-fontColor01);}

.windowGapCon .windowgap_symbol {
    position:absolute; 
    width:150px; 
    height:150px; 
    top:calc( ( 150px / 2 ) * -1.25 ); 
    right:calc( 50% - ( 150px / 2 ) );
    background-image: url('../../../_assets/002faa4224c21667acaf6d7503c1ddfc/src.WindowGap/Images/client/ifasol_compass.png'); background-repeat: no-repeat; background-position: center center;
}

/*.paralax_bg { position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:-2;
background-repeat:no-repeat; background-position:center center; 
background-size:cover;}*/

/* IMAGE ------------------------ */

.windowGapCon .paralaxContainer { }
.windowGapCon .paralaxContainer.wholePage {     }
.windowGapCon .paralaxContainer.paralax {  }
.windowGapCon .paralaxContainer.paralax .paralax_layer {    }
.windowGapCon .paralaxContainer .paralax_layer img {  }



img.paralax_bg { 
    position:fixed;     
    top:0px; left:0px;    
    width:100%; 
    object-fit: cover; 
    z-index:-2; 
}


@media only screen and (max-width: 768px) {
    .windowGapCon .windowgap { width:90%; padding: 40px 5% 40px 5%; }     
}


@media only screen and (min-width: 1400px) {    
    .windowGapCon .windowgap { width:60%; padding: 40px 20% 40px 20%; } 
    .windowGapCon .windowgap_claim .titleContainer .titleWrapper h1.title { font-size:3rem; line-height: 2.8rem; }
}


/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/* WINDOWGAP VIDEO */

.windowVideo{
    position:relative; 
    width:100vw; 
    min-width:100vw;     
    /* HEIGHT IS DEFINED INLINE */    
}


.windowVideo_bg { 
    position:fixed; 
    top:0px; 
    left:0px; 
    width:100vw; 
    /* height:100vh; INLINE */
    z-index:-1; 
    /*background-color:#000;*/
}


.windowVideo_bg video {      
    object-fit:cover;    
    width:100%; /* height:100%; INLINE */
    background: var(--styleGapVideoPlaceholder) no-repeat;
    background-size: contain; 
}


@media only screen and (max-width: 768px) {
    /*.windowVideo_bg video { object-fit:contain; }*/
}


@media only screen and (min-width: 1400px) {    
}
.prodPres_module { 
    position:relative;
    width:100%; /*height:100%; */
    margin:0; padding:0; 
    background-size: cover; background-repeat: no-repeat; background-position: 0% 0%;     
}

.prodPres_module .contentProductPresentationCon { 
    position:relative; 
    padding: 0; 
    margin: 0 auto 0 auto;
} /* SIZE AND RATIO INLINE IN TEMPLATE ----------------------------------------------------- */  

/* IF FULL WIDTH */ 
.prodPres_module.layoutWholeWidth_1 .contentProductPresentationCon {   
    /* INLINE WITH RATIO etc */
}

.prodPres_module .contentProductPresentationCon .image { /* REST INLINE IN TEMPLATE */
    position:absolute; 
    top:0px;      
    width:100%; height:100%; 
    display:flex; flex-direction: column; justify-content: center; /*overflow:hidden;*/
    /*background-repeat:no-repeat; background-position:center center; background-size:cover; */
}
.prodPres_module .contentProductPresentationCon .image img {
    display: block;   
    object-fit: cover;
}

.prodPres_module .bgImgCon { 
    position:absolute; 
    top:0px; left:0px;     
    width:100%;  
    height:100%;
    /*display:flex; flex-direction: column; justify-content: center; overflow:hidden;*/    
    object-fit: cover; object-position: center;
}
/*.prodPres_module .bgImgCon img.bgImage { 
    display: block;
    width:100%; height:auto;
    object-fit: cover;
}*/


/* WHOLE WIDTH LAYOUT // REST INLINE */
.prodPres_module.layoutWholeWidth_0 .contentProductPresentationCon .image { z-index: 50; }
.prodPres_module.layoutWholeWidth_1 .contentProductPresentationCon .image { z-index: 48; }

.prodPres_module .contentProductPresentationCon svg {height:0px;} /* WRAPPER FOR INLINE STYLES - TYPO3 SHIT */


/* SMALL LOGOS */
.prodPres_module .prodPresLogos { position:relative; display:inline-block; width:100%; text-align:center; margin: 0px auto 0px auto;}
.prodPres_module .prodPresLogos img { margin:5px auto 5px auto; }



@media only screen and (max-width: 768px) {
    .prodPres_module.layoutWholeWidth_0 .contentProductPresentationCon { }
}

@media only screen and (min-width: 1400px) {
    .prodPres_module.layoutWholeWidth_0 .contentProductPresentationCon { }
}