.elementor-4048 .elementor-element.elementor-element-8472035{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:1;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4048 .elementor-element.elementor-element-8472035:not(.elementor-motion-effects-element-type-background), .elementor-4048 .elementor-element.elementor-element-8472035 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://leonhard-waltersdorfer.at/wp-content/uploads/2026/02/quetsch-n-vibes.webp");background-position:center center;background-size:cover;}.elementor-4048 .elementor-element.elementor-element-8472035::before, .elementor-4048 .elementor-element.elementor-element-8472035 > .elementor-background-video-container::before, .elementor-4048 .elementor-element.elementor-element-8472035 > .e-con-inner > .elementor-background-video-container::before, .elementor-4048 .elementor-element.elementor-element-8472035 > .elementor-background-slideshow::before, .elementor-4048 .elementor-element.elementor-element-8472035 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4048 .elementor-element.elementor-element-8472035 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4048 .elementor-element.elementor-element-974e745{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:200px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-4048 .elementor-element.elementor-element-f4e073d{text-align:center;}.elementor-4048 .elementor-element.elementor-element-f4e073d .elementor-heading-title{color:var( --e-global-color-8ba2481 );}.elementor-4048 .elementor-element.elementor-element-52b31a4{--display:flex;--min-height:100vh;--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:1;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4048 .elementor-element.elementor-element-52b31a4:not(.elementor-motion-effects-element-type-background), .elementor-4048 .elementor-element.elementor-element-52b31a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://leonhard-waltersdorfer.at/wp-content/uploads/2026/02/vibra-marimba_overhead.webp");background-position:center center;background-size:cover;}.elementor-4048 .elementor-element.elementor-element-52b31a4::before, .elementor-4048 .elementor-element.elementor-element-52b31a4 > .elementor-background-video-container::before, .elementor-4048 .elementor-element.elementor-element-52b31a4 > .e-con-inner > .elementor-background-video-container::before, .elementor-4048 .elementor-element.elementor-element-52b31a4 > .elementor-background-slideshow::before, .elementor-4048 .elementor-element.elementor-element-52b31a4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4048 .elementor-element.elementor-element-52b31a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4048 .elementor-element.elementor-element-b9ba062{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:100px;--padding-bottom:200px;--padding-left:20px;--padding-right:20px;}.elementor-4048 .elementor-element.elementor-element-131066f{text-align:center;}.elementor-4048 .elementor-element.elementor-element-131066f .elementor-heading-title{color:var( --e-global-color-8ba2481 );}.elementor-4048 .elementor-element.elementor-element-5157ffb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:300px;--padding-bottom:300px;--padding-left:20px;--padding-right:20px;}.elementor-4048 .elementor-element.elementor-element-2dded0b .elementor-heading-title{color:var( --e-global-color-8ba2481 );}.elementor-4048 .elementor-element.elementor-element-18a0fe4{text-align:center;color:var( --e-global-color-19bbada );}.elementor-4048 .elementor-element.elementor-element-445bfb5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF0F;--border-color:#FFFFFF0F;--border-radius:18px 18px 18px 18px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4048 .elementor-element.elementor-element-445bfb5:not(.elementor-motion-effects-element-type-background), .elementor-4048 .elementor-element.elementor-element-445bfb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-153c362 );}.elementor-4048 .elementor-element.elementor-element-b836255{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4048 .elementor-element.elementor-element-175a627{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4048 .elementor-element.elementor-element-1301158{text-align:center;}.elementor-4048 .elementor-element.elementor-element-1301158 .elementor-heading-title{color:var( --e-global-color-8ba2481 );}.elementor-4048 .elementor-element.elementor-element-bd1de0c{font-size:var( --e-global-typography-9692a71-font-size );font-weight:var( --e-global-typography-9692a71-font-weight );line-height:var( --e-global-typography-9692a71-line-height );letter-spacing:var( --e-global-typography-9692a71-letter-spacing );}.elementor-4048 .elementor-element.elementor-element-e404d16{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4048 .elementor-element.elementor-element-5dcdafb{text-align:center;}.elementor-4048 .elementor-element.elementor-element-5dcdafb .elementor-heading-title{color:var( --e-global-color-8ba2481 );}.elementor-4048 .elementor-element.elementor-element-c679195{font-size:var( --e-global-typography-9692a71-font-size );font-weight:var( --e-global-typography-9692a71-font-weight );line-height:var( --e-global-typography-9692a71-line-height );letter-spacing:var( --e-global-typography-9692a71-letter-spacing );}.elementor-4048 .elementor-element.elementor-element-b38508e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4048 .elementor-element.elementor-element-d44064f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4048 .elementor-element.elementor-element-aee53a4{text-align:center;}.elementor-4048 .elementor-element.elementor-element-aee53a4 .elementor-heading-title{color:var( --e-global-color-8ba2481 );}.elementor-4048 .elementor-element.elementor-element-8d49409{font-size:var( --e-global-typography-9692a71-font-size );font-weight:var( --e-global-typography-9692a71-font-weight );line-height:var( --e-global-typography-9692a71-line-height );letter-spacing:var( --e-global-typography-9692a71-letter-spacing );}.elementor-4048 .elementor-element.elementor-element-2cbe59d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4048 .elementor-element.elementor-element-8ac9963{text-align:center;}.elementor-4048 .elementor-element.elementor-element-8ac9963 .elementor-heading-title{color:var( --e-global-color-8ba2481 );}.elementor-4048 .elementor-element.elementor-element-f8d0185{font-size:var( --e-global-typography-9692a71-font-size );font-weight:var( --e-global-typography-9692a71-font-weight );line-height:var( --e-global-typography-9692a71-line-height );letter-spacing:var( --e-global-typography-9692a71-letter-spacing );}@media(min-width:2000px){.elementor-4048 .elementor-element.elementor-element-bd1de0c{font-size:var( --e-global-typography-9692a71-font-size );line-height:var( --e-global-typography-9692a71-line-height );letter-spacing:var( --e-global-typography-9692a71-letter-spacing );}.elementor-4048 .elementor-element.elementor-element-c679195{font-size:var( --e-global-typography-9692a71-font-size );line-height:var( --e-global-typography-9692a71-line-height );letter-spacing:var( --e-global-typography-9692a71-letter-spacing );}.elementor-4048 .elementor-element.elementor-element-8d49409{font-size:var( --e-global-typography-9692a71-font-size );line-height:var( --e-global-typography-9692a71-line-height );letter-spacing:var( --e-global-typography-9692a71-letter-spacing );}.elementor-4048 .elementor-element.elementor-element-f8d0185{font-size:var( --e-global-typography-9692a71-font-size );line-height:var( --e-global-typography-9692a71-line-height );letter-spacing:var( --e-global-typography-9692a71-letter-spacing );}}@media(max-width:1366px){.elementor-4048 .elementor-element.elementor-element-8472035{--justify-content:flex-start;}.elementor-4048 .elementor-element.elementor-element-52b31a4:not(.elementor-motion-effects-element-type-background), .elementor-4048 .elementor-element.elementor-element-52b31a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;}.elementor-4048 .elementor-element.elementor-element-5157ffb{--padding-top:200px;--padding-bottom:200px;--padding-left:20px;--padding-right:20px;}.elementor-4048 .elementor-element.elementor-element-bd1de0c{font-size:var( --e-global-typography-9692a71-font-size );line-height:var( --e-global-typography-9692a71-line-height );letter-spacing:var( --e-global-typography-9692a71-letter-spacing );}.elementor-4048 .elementor-element.elementor-element-c679195{font-size:var( --e-global-typography-9692a71-font-size );line-height:var( --e-global-typography-9692a71-line-height );letter-spacing:var( --e-global-typography-9692a71-letter-spacing );}.elementor-4048 .elementor-element.elementor-element-8d49409{font-size:var( --e-global-typography-9692a71-font-size );line-height:var( --e-global-typography-9692a71-line-height );letter-spacing:var( --e-global-typography-9692a71-letter-spacing );}.elementor-4048 .elementor-element.elementor-element-f8d0185{font-size:var( --e-global-typography-9692a71-font-size );line-height:var( --e-global-typography-9692a71-line-height );letter-spacing:var( --e-global-typography-9692a71-letter-spacing );}}@media(max-width:1200px){.elementor-4048 .elementor-element.elementor-element-8472035:not(.elementor-motion-effects-element-type-background), .elementor-4048 .elementor-element.elementor-element-8472035 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://leonhard-waltersdorfer.at/wp-content/uploads/2026/02/quetsch-n-vibes.webp");}}@media(max-width:1024px){.elementor-4048 .elementor-element.elementor-element-8472035:not(.elementor-motion-effects-element-type-background), .elementor-4048 .elementor-element.elementor-element-8472035 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://leonhard-waltersdorfer.at/wp-content/uploads/2026/02/quetsch-n-vibes_2.webp");background-position:top center;}.elementor-4048 .elementor-element.elementor-element-8472035{--justify-content:flex-end;}.elementor-4048 .elementor-element.elementor-element-bd1de0c{font-size:var( --e-global-typography-9692a71-font-size );line-height:var( --e-global-typography-9692a71-line-height );letter-spacing:var( --e-global-typography-9692a71-letter-spacing );}.elementor-4048 .elementor-element.elementor-element-c679195{font-size:var( --e-global-typography-9692a71-font-size );line-height:var( --e-global-typography-9692a71-line-height );letter-spacing:var( --e-global-typography-9692a71-letter-spacing );}.elementor-4048 .elementor-element.elementor-element-8d49409{font-size:var( --e-global-typography-9692a71-font-size );line-height:var( --e-global-typography-9692a71-line-height );letter-spacing:var( --e-global-typography-9692a71-letter-spacing );}.elementor-4048 .elementor-element.elementor-element-f8d0185{font-size:var( --e-global-typography-9692a71-font-size );line-height:var( --e-global-typography-9692a71-line-height );letter-spacing:var( --e-global-typography-9692a71-letter-spacing );}}@media(max-width:880px){.elementor-4048 .elementor-element.elementor-element-8472035:not(.elementor-motion-effects-element-type-background), .elementor-4048 .elementor-element.elementor-element-8472035 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://leonhard-waltersdorfer.at/wp-content/uploads/2026/02/quetsch-n-vibes.webp");}.elementor-4048 .elementor-element.elementor-element-8472035{--justify-content:flex-start;}.elementor-4048 .elementor-element.elementor-element-974e745{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-4048 .elementor-element.elementor-element-52b31a4:not(.elementor-motion-effects-element-type-background), .elementor-4048 .elementor-element.elementor-element-52b31a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-4048 .elementor-element.elementor-element-b9ba062{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-4048 .elementor-element.elementor-element-445bfb5{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}}@media(max-width:767px){.elementor-4048 .elementor-element.elementor-element-8472035:not(.elementor-motion-effects-element-type-background), .elementor-4048 .elementor-element.elementor-element-8472035 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://leonhard-waltersdorfer.at/wp-content/uploads/2026/02/quetsch-n-vibes_2.webp");}.elementor-4048 .elementor-element.elementor-element-8472035{--justify-content:flex-end;}.elementor-4048 .elementor-element.elementor-element-f4e073d .elementor-heading-title{font-size:40px;}.elementor-4048 .elementor-element.elementor-element-52b31a4{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4048 .elementor-element.elementor-element-52b31a4:not(.elementor-motion-effects-element-type-background), .elementor-4048 .elementor-element.elementor-element-52b31a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-4048 .elementor-element.elementor-element-131066f .elementor-heading-title{font-size:40px;}.elementor-4048 .elementor-element.elementor-element-5157ffb{--padding-top:150px;--padding-bottom:150px;--padding-left:20px;--padding-right:20px;}.elementor-4048 .elementor-element.elementor-element-bd1de0c{font-size:var( --e-global-typography-9692a71-font-size );line-height:var( --e-global-typography-9692a71-line-height );letter-spacing:var( --e-global-typography-9692a71-letter-spacing );}.elementor-4048 .elementor-element.elementor-element-c679195{font-size:var( --e-global-typography-9692a71-font-size );line-height:var( --e-global-typography-9692a71-line-height );letter-spacing:var( --e-global-typography-9692a71-letter-spacing );}.elementor-4048 .elementor-element.elementor-element-8d49409{font-size:var( --e-global-typography-9692a71-font-size );line-height:var( --e-global-typography-9692a71-line-height );letter-spacing:var( --e-global-typography-9692a71-letter-spacing );}.elementor-4048 .elementor-element.elementor-element-f8d0185{font-size:var( --e-global-typography-9692a71-font-size );line-height:var( --e-global-typography-9692a71-line-height );letter-spacing:var( --e-global-typography-9692a71-letter-spacing );}}/* Start custom CSS for container, class: .elementor-element-8472035 *//* =====================================================
   QnV HERO
   Klassen auf Section:
   project-hero qnv-hero
===================================================== */


/* =====================================================
   1️⃣ BASE HERO + SUBTILER DESKTOP GRADIENT (VON OBEN)
===================================================== */

.project-hero{
  position:relative;
  overflow:hidden;
}

.project-hero::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:50%;   /* Desktop Grundzustand */
  background:linear-gradient(
    to bottom,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,0.92) 18%,
    rgba(0,0,0,0.75) 35%,
    rgba(0,0,0,0.45) 55%,
    rgba(0,0,0,0.18) 75%,
    rgba(0,0,0,0) 100%
  );
  transition:height .6s cubic-bezier(.19,1,.22,1);
  z-index:1;
  pointer-events:none;
}


/* =====================================================
   2️⃣ BILDWECHSEL PER ORIENTATION
===================================================== */

/* Landscape → Landscape Bild */

@media (orientation: landscape){
  .qnv-hero{
    background-image:url("https://leonhard-waltersdorfer.at/wp-content/uploads/2026/02/quetsch-n-vibes.webp") !important;
  }
}

/* Portrait → Hochkant Bild + Gradient von unten */

@media (orientation: portrait){

  .qnv-hero{
    background-image:url("https://leonhard-waltersdorfer.at/wp-content/uploads/2026/02/quetsch-n-vibes_2.webp") !important;
  }

  .qnv-hero::before{
    top:auto;
    bottom:0;
    background:linear-gradient(
      to top,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,0.92) 18%,
      rgba(0,0,0,0.75) 35%,
      rgba(0,0,0,0.45) 55%,
      rgba(0,0,0,0.18) 75%,
      rgba(0,0,0,0) 100%
    );
  }

  /* Titel + Button nach unten (Mobile + Tablet Portrait) */

  .qnv-hero .project-content{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    min-height:100%;   /* wichtig für Elementor */
    padding-bottom:140px;
  }
}


/* =====================================================
   3️⃣ CONTENT LAYER
===================================================== */

.project-content{
  position:relative;
  z-index:2;
}

.project-title{
  transition:transform .45s ease;
}


/* =====================================================
   4️⃣ DESKTOP HOVER SYSTEM
   (nur echte Mausgeräte)
===================================================== */

@media (hover: hover) and (pointer: fine){

  .project-btn{
    opacity:0;
    transform:translateY(14px);
    transition:all .35s ease;
  }

  .project-content:hover .project-title{
    transform:translateY(-6px);
  }

  .project-content:hover .project-btn{
    opacity:1;
    transform:translateY(0);
  }

  /* Gradient wird stärker beim Hover */

  .project-hero:has(.project-content:hover)::before{
    height:100%;
  }
}


/* =====================================================
   5️⃣ TOUCH GERÄTE
   → permanenter Hover-Zustand
===================================================== */

@media (hover: none){

  /* Starker Gradient immer aktiv */

  .project-hero::before{
    height:100% !important;
  }

  /* Button immer sichtbar */

  .project-btn{
    opacity:1 !important;
    transform:none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52b31a4 *//* =====================================
   TWO INSTRUMENTS – FIXED
===================================== */

.project-hero.project-bottom::before{
  top:auto !important;
  bottom:0 !important;

  background:linear-gradient(
    to top,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,0.92) 18%,
    rgba(0,0,0,0.75) 35%,
    rgba(0,0,0,0.45) 55%,
    rgba(0,0,0,0.18) 75%,
    rgba(0,0,0,0) 100%
  );
}/* End custom CSS */