.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-2a34c97:#A12225;--e-global-color-7f0436e:#4E743D;--e-global-color-069e616:#F0EFE5;--e-global-color-cb4605a:#FBFAF6;--e-global-color-d00779c:#242424;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-0f73d0a-font-family:"MyFont";--e-global-typography-0f73d0a-font-size:clamp(4.5rem, calc(2rem + 4.5vw), 8rem);--e-global-typography-0f73d0a-line-height:0.9em;--e-global-typography-0f73d0a-letter-spacing:-1px;--e-global-typography-0daa9d9-font-family:"MyFont";--e-global-typography-0daa9d9-font-size:clamp(2.8rem, calc(1.2rem + 3vw), 4rem);--e-global-typography-0daa9d9-line-height:1em;--e-global-typography-0daa9d9-letter-spacing:-1px;--e-global-typography-2c92b59-font-family:"MyFont";--e-global-typography-2c92b59-font-size:clamp(2rem, calc(1.5rem + 1vw), 3rem);--e-global-typography-2c92b59-line-height:1em;--e-global-typography-e6104ea-font-family:"Oswald";--e-global-typography-e6104ea-font-size:clamp(1.2rem, calc(1.2rem + 0.3vw), 1.3rem);--e-global-typography-e6104ea-font-weight:300;--e-global-typography-e6104ea-line-height:1.6em;--e-global-typography-e6104ea-letter-spacing:0.5px;--e-global-typography-e1bb6d0-font-family:"MyFont";--e-global-typography-e1bb6d0-font-size:1.6rem;--e-global-typography-e1bb6d0-font-weight:500;--e-global-typography-e1bb6d0-text-transform:uppercase;--e-global-typography-e1bb6d0-line-height:1em;--e-global-typography-c130650-font-family:"Open Sans";--e-global-typography-c130650-font-size:clamp(1.1rem, calc(1rem + 0.25vw), 1.2rem);--e-global-typography-c130650-line-height:1.5em;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-0f73d0a-font-size:clamp(4.5rem, calc(2rem + 4.5vw), 8rem);--e-global-typography-0f73d0a-line-height:0.8em;--e-global-typography-0f73d0a-letter-spacing:-2px;--e-global-typography-0daa9d9-font-size:clamp(2.8rem, calc(1.2rem + 3vw), 7rem);--e-global-typography-0daa9d9-line-height:1.1em;--e-global-typography-0daa9d9-letter-spacing:-0.5px;--e-global-typography-2c92b59-font-size:clamp(2rem, calc(1.5rem + 1vw), 3rem);--e-global-typography-2c92b59-line-height:1em;--e-global-typography-e6104ea-font-size:clamp(1.2rem, calc(1.2rem + 0.3vw), 1.3rem);--e-global-typography-e6104ea-line-height:1.5em;--e-global-typography-e6104ea-letter-spacing:0.5px;--e-global-typography-e1bb6d0-font-size:1.6rem;--e-global-typography-e1bb6d0-line-height:1em;--e-global-typography-c130650-font-size:clamp(1.1rem, calc(1rem + 0.25vw), 1.2rem);--e-global-typography-c130650-line-height:1.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-0f73d0a-font-size:clamp(4.5rem, calc(2rem + 4.5vw), 8rem);--e-global-typography-0f73d0a-line-height:0.8em;--e-global-typography-0f73d0a-letter-spacing:-2px;--e-global-typography-0daa9d9-font-size:clamp(2.8rem, calc(1.2rem + 3vw), 7rem);--e-global-typography-0daa9d9-line-height:0.9em;--e-global-typography-0daa9d9-letter-spacing:-0.5px;--e-global-typography-2c92b59-font-size:clamp(2rem, calc(1.5rem + 1vw), 3rem);--e-global-typography-2c92b59-line-height:1em;--e-global-typography-e6104ea-font-size:clamp(1.3rem, calc(1.2rem + 0.3vw), 1.4rem);--e-global-typography-e6104ea-line-height:1.5em;--e-global-typography-e6104ea-letter-spacing:0.5px;--e-global-typography-e1bb6d0-font-size:1.4rem;--e-global-typography-e1bb6d0-line-height:1em;--e-global-typography-c130650-font-size:clamp(1.1rem, calc(1rem + 0.25vw), 1.2rem);--e-global-typography-c130650-line-height:1.6em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*scroll background */

@supports (-webkit-clip-path: polygon(0 0, 0 10%, 10% 10%)) or (clip-path: polygon(0 0, 0 10%, 10% 10%) ) {
  /* Dies zielt auf jedes Elementor-Element ab, das die Klasse 'my-scroll' hat */
  .elementor-element.my-scroll {
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0) !important;
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0) !important;
    overflow: hidden !important;
  }

  .elementor-element.my-scroll::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; 
    pointer-events: none;
  }
}




/* variables (edit here)*/

:root {
    /* Global Padding Variables - Editable */
    /* Left and Right Padding All /Sections/Containers*/
    /* "Spacier" approach: Increased max padding for more breathing room on large screens */
    --fluid-side-padding-min: 1.5rem; /* 24px (was 20px) */
    --fluid-side-padding-max: 8rem;   /* 128px (was 80px) - Much more space on desktop */

    /* Top and Bottom Padding All Containers*/
    /* Increased the spread between min and max to make it feel more dynamic/fluid */
    --section-xxl-padding-min: 10rem; /* 160px (was 150px) */
    --section-xxl-padding-max: 15rem; /* 240px (was 160px) */ 
  
    --section-xl-padding-min: 8rem;   /* 128px (was 110px) */
    --section-xl-padding-max: 12rem;  /* 192px (was 120px) */
  
    --section-l-padding-min: 6rem;    /* 96px (was 90px) */
    --section-l-padding-max: 9rem;    /* 144px (was 100px) */
  
    --section-m-padding-min: 4rem;    /* 64px (was 80px) - Slightly tighter on mobile for contrast */
    --section-m-padding-max: 7rem;    /* 112px (was 80px) */
  
    --section-s-padding-min: 3rem;    /* 48px (was 60px) */
    --section-s-padding-max: 5rem;    /* 80px (was 60px) */
  
    --section-xs-padding-min: 2rem;   /* 32px (was 40px) */
    --section-xs-padding-max: 3.5rem; /* 56px (was 40px) */
  
    --section-xxs-padding-min: 1rem;  /* 16px (was 24px) */
    --section-xxs-padding-max: 2rem;  /* 32px (was 24px) */
    
    --section-header-padding-min: 1.5rem; /* 24px (was 20px) */
    --section-header-padding-max: 2.5rem; /* 40px (was 20px) */

  
    /* Hero Sections Height Variable */
    --section-hero-height: 100vh; /* 100% the screen height */
  
    /* Offset Padding for Overlay Headers */
    --section-offset-header: 100px; /* Increased (was 80px) */

    /* Width For Narrow Sections*/
    --section-narrow: 75rem; /* 1200px (was 1000px) - Spacier content width */
    --section-narrow-xs: 50rem; /* 800px (was 720px) */
    
  }


/* CSS Template (do not edit below) */
/* Note: The clamp calculations have been updated to reflect the new min/max ranges 
   assuming a viewport range of 400px to 1440px for the fluid transition. */
  
  /* Section/Container Padding - Fluid Variants */
  .section-xxl {
    padding-top: clamp(var(--section-xxl-padding-min), 7.69vw + 8.08rem, var(--section-xxl-padding-max));
    padding-bottom: clamp(var(--section-xxl-padding-min), 7.69vw + 8.08rem, var(--section-xxl-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 10vw + -1rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 10vw + -1rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-xl {
    padding-top: clamp(var(--section-xl-padding-min), 6.15vw + 6.46rem, var(--section-xl-padding-max));
    padding-bottom: clamp(var(--section-xl-padding-min), 6.15vw + 6.46rem, var(--section-xl-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 10vw + -1rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 10vw + -1rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-l {
    padding-top: clamp(var(--section-l-padding-min), 4.62vw + 4.85rem, var(--section-l-padding-max));
    padding-bottom: clamp(var(--section-l-padding-min), 4.62vw + 4.85rem, var(--section-l-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 10vw + -1rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 10vw + -1rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-m {
    padding-top: clamp(var(--section-m-padding-min), 4.62vw + 2.85rem, var(--section-m-padding-max));
    padding-bottom: clamp(var(--section-m-padding-min), 4.62vw + 2.85rem, var(--section-m-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 10vw + -1rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 10vw + -1rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-s {
    padding-top: clamp(var(--section-s-padding-min), 3.08vw + 2.23rem, var(--section-s-padding-max));
    padding-bottom: clamp(var(--section-s-padding-min), 3.08vw + 2.23rem, var(--section-s-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 10vw + -1rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 10vw + -1rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-xs {
    padding-top: clamp(var(--section-xs-padding-min), 2.31vw + 1.42rem, var(--section-xs-padding-max));
    padding-bottom: clamp(var(--section-xs-padding-min), 2.31vw + 1.42rem, var(--section-xs-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 10vw + -1rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 10vw + -1rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-xxs {
    padding-top: clamp(var(--section-xxs-padding-min), 1.54vw + 0.62rem, var(--section-xxs-padding-max));
    padding-bottom: clamp(var(--section-xxs-padding-min), 1.54vw + 0.62rem, var(--section-xxs-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 10vw + -1rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 10vw + -1rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-header {
    padding-top: clamp(var(--section-header-padding-min), 1.54vw + 1.12rem, var(--section-header-padding-max));
    padding-bottom: clamp(var(--section-header-padding-min), 1.54vw + 1.12rem, var(--section-header-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 10vw + -1rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 10vw + -1rem, var(--fluid-side-padding-max))!important;
  }
  
  /* Hero Container/Sections Height */
  .section-hero {
    min-height: var(--section-hero-height)!important;
  }
  
  .section-hero .e-con-inner {
    justify-content: center!important;
  }
  
  /* Full Width Sections - No Side Padding */

  .section-full div {
    max-width: 100%!important;
  }
  

  /* Narrow Sections */
  .section-narrow .e-con-inner {
    max-width: var(--section-narrow)!important;
  }

  .section-narrow-xs .e-con-inner {
    max-width: var(--section-narrow-xs)!important;
  }


  /* Offset Padding for Overlay Headers */
  .section-offset {
    padding-top: calc(var(--section-offset-header) + var(--section-xxl-padding-min));
  }



 /* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}


/* Glättet die Scroll-Bewegungen für alle Elemente mit Elementor Scroll-Effekten */
.elementor-motion-effects-element, 
.elementor-motion-effects-layer {
    transition: transform 0.2s ease-out !important; /* Die 0.2s sorgen für einen minimalen "Nachlauf" */
    will-change: transform; /* Optimiert die Performance für die Grafikkarte */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'MyFont';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://bellascucina198.de/wp-content/uploads/2026/03/Trade-Gothic-Next-Rust-W01-Hv.woff2') format('woff2'),
		url('https://bellascucina198.de/wp-content/uploads/2026/03/Trade-Gothic-Next-Rust-W01-Hv.woff') format('woff');
}
/* End Custom Fonts CSS */