.elementor-kit-5{--e-global-color-primary:#34BD32;--e-global-color-secondary:#14A812;--e-global-color-text:#9CA3AF;--e-global-color-accent:#0B910A;--e-global-color-6b8c25d:#282D30;--e-global-color-d575857:#000000;--e-global-color-8f91670:#FFFFFF;--e-global-color-64666c8:#888888;--e-global-color-bdc9a1b:#32383C;--e-global-color-dd57289:#222627;--e-global-color-f631d04:#FFFFFF1A;--e-global-typography-primary-font-family:"Lato";--e-global-typography-primary-font-size:3.5rem;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Lato";--e-global-typography-secondary-font-size:2rem;--e-global-typography-secondary-font-weight:900;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Lato";--e-global-typography-accent-font-size:0.9rem;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:0.06em;--e-global-typography-95c1ba6-font-family:"Lato";--e-global-typography-95c1ba6-font-size:0.9rem;--e-global-typography-95c1ba6-font-weight:400;--e-global-typography-95c1ba6-letter-spacing:0.05em;--e-global-typography-52479b5-font-family:"Lato";--e-global-typography-52479b5-font-size:0.7rem;--e-global-typography-52479b5-font-weight:400;--e-global-typography-52479b5-text-transform:uppercase;--e-global-typography-c3aec46-font-family:"Lato";--e-global-typography-c3aec46-font-size:1rem;--e-global-typography-c3aec46-font-weight:500;--e-global-typography-3bca7b0-font-family:"Lato";--e-global-typography-3bca7b0-font-size:1rem;--e-global-typography-3bca7b0-font-weight:600;--e-global-typography-3bca7b0-text-transform:uppercase;--e-global-typography-3bca7b0-line-height:1.5em;--e-global-typography-3bca7b0-letter-spacing:0.01em;--e-global-typography-9f52493-font-family:"Lato";--e-global-typography-9f52493-font-size:1.3rem;--e-global-typography-9f52493-font-weight:900;--e-global-typography-9a84552-font-family:"Roboto Mono";--e-global-typography-9a84552-font-size:0.8rem;--e-global-typography-9a84552-font-weight:400;--e-global-typography-9a84552-text-transform:uppercase;--e-global-typography-9a84552-letter-spacing:0.2em;--e-global-typography-86079a7-font-family:"Lato";--e-global-typography-86079a7-font-size:0.9rem;--e-global-typography-86079a7-font-weight:600;--e-global-typography-86079a7-letter-spacing:0.1em;--e-global-typography-35cc35c-font-family:"Lato";--e-global-typography-35cc35c-font-size:1rem;--e-global-typography-35cc35c-font-weight:400;--e-global-typography-35cc35c-text-transform:uppercase;--e-global-typography-35cc35c-letter-spacing:0.05em;--e-global-typography-2a6ce10-font-family:"Lato";--e-global-typography-2a6ce10-font-size:3rem;--e-global-typography-2a6ce10-font-weight:400;--e-global-typography-2a6ce10-letter-spacing:0.06em;--e-global-typography-b68c25b-font-family:"Lato";--e-global-typography-b68c25b-font-size:1.1rem;--e-global-typography-b68c25b-font-weight:900;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0;--container-default-padding-right:0;--container-default-padding-bottom:0;--container-default-padding-left:0;}.elementor-widget:not(:last-child){--kit-widget-spacing:var(--mrkt-default-gap);}.elementor-element{--widgets-spacing:var(--mrkt-default-gap) var(--mrkt-default-gap);--widgets-spacing-row:var(--mrkt-default-gap);--widgets-spacing-column:var(--mrkt-default-gap);}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1300px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* GENERAL */

/* Elementor padding fixes */
.elementor-button,
.elementor-widget-button {line-height:1 !important;}
.elementor-icon-wrapper { line-height: 0; }
p:last-of-type {margin-block-end: 0;}

/* Variables */

:root{
  --e-n-carousel-slide-container-height: 100%; /* Set Elementor Carousel Widgets Slide height to fill the Carousel's height */
 
  /* borders */
  --mrkt-border-width: 2px;
  --mrkt-border-radius: 4px;
  --mrkt-border-top-left-radius: var(--mrkt-border-radius);
  --mrkt-border-top-right-radius: var(--mrkt-border-radius);
  --mrkt-border-bottom-right-radius: var(--mrkt-border-radius);
  --mrkt-border-bottom-left-radius: var(--mrkt-border-radius);
  
  
  --mrkt-border-radius-XL: 80px;
  
}

body{
    /* Gradients */
    --mrkt-gradient-green: linear-gradient(to right, var(--e-global-color-primary) 33%, var(--e-global-color-secondary) 33%, var(--e-global-color-secondary) 66%, var(--e-global-color-accent) 66%);
        /* Gradients */
    --mrkt-gradient-green-top: linear-gradient(to top, var(--e-global-color-primary) 33%, var(--e-global-color-secondary) 33%, var(--e-global-color-secondary) 66%, var(--e-global-color-accent) 66%);
}

/* L */
@media only screen and (min-width: 1301px)  {
  :root {
    /* distances, STATIC DONT CHANGE */
    --mrkt-XS: 0.5rem;
    --mrkt-S: 1rem;
    --mrkt-M: 2rem;
    --mrkt-L: 4rem;
    --mrkt-XL: 6rem;

    /* default container */
    --mrkt-default-padding: var(--mrkt-M);

    --mrkt-default-padding-left: var(--mrkt-default-padding);
    --mrkt-default-padding-right: var(--mrkt-default-padding);
    --mrkt-default-padding-top: var(--mrkt-default-padding);
    --mrkt-default-padding-bottom: var(--mrkt-default-padding);
    --mrkt-default-gap: var(--mrkt-S);

    /* root containers */
    --mrkt-root-padding-vert: var(--mrkt-L);
    --mrkt-root-padding-vert-alt: 0;
    --mrkt-root-padding-side: 10vw;
    --mrkt-root-padding-side-alt: 0;

    --mrkt-root-padding-left: var(--mrkt-root-padding-side);
    --mrkt-root-padding-right: var(--mrkt-root-padding-side);
    --mrkt-root-padding-top: var(--mrkt-root-padding-vert);
    --mrkt-root-padding-bottom: var(--mrkt-root-padding-vert);
    --mrkt-root-gap: var(--mrkt-L);

    /* mrkt_root_container_header */
    --mrkt_root_container_header-height: 80px;
  }
}

/* M */
@media only screen and (max-width: 1300px) and (min-width: 768px) {
  :root {
    /* distances, STATIC DONT CHANGE */
    --mrkt-XS: 0.425rem;
    --mrkt-S: 0.85rem;
    --mrkt-M: 1.7rem;
    --mrkt-L: 3.4rem;
    --mrkt-XL: 5.1rem;

    /* root */
    --mrkt-root-padding-vert: var(--mrkt-L);
    --mrkt-root-padding-vert-alt: 0;
    --mrkt-root-padding-side: 5vw;
    --mrkt-root-padding-side-alt: 0;
    --mrkt-default-gap: var(--mrkt-S);
    
    --mrkt-root-padding-left: var(--mrkt-root-padding-side);
    --mrkt-root-padding-right: var(--mrkt-root-padding-side);
    --mrkt-root-padding-top: var(--mrkt-root-padding-vert);
    --mrkt-root-padding-bottom: var(--mrkt-root-padding-vert);
    --mrkt-root-gap: var(--mrkt-M);

    /* mrkt_root_container_header */
    --mrkt_root_container_header-height: 80px;
  }
}

/* S */
@media only screen and (max-width: 767px)  {
  :root {
    /* distances, STATIC DONT CHANGE */
    --mrkt-XS: 0.35rem;
    --mrkt-S: 0.7rem;
    --mrkt-M: 1.4rem;
    --mrkt-L: 2.8rem;
    --mrkt-XL: 4.2rem;

    /* root */
    --mrkt-root-padding-vert: var(--mrkt-M);
    --mrkt-root-padding-side: var(--mrkt-M);

    --mrkt-root-padding-left: var(--mrkt-root-padding-side);
    --mrkt-root-padding-right: var(--mrkt-root-padding-side);
    --mrkt-root-padding-top: var(--mrkt-root-padding-vert);
    --mrkt-root-padding-bottom: var(--mrkt-root-padding-vert);
    --mrkt-root-gap: var(--mrkt-M);
    --mrkt-default-gap: var(--mrkt-S);
    /* mrkt_root_container_header */
    --mrkt_root_container_header-height: 80px;
  }
}

/* Classes */
.mrkt_root_container {
  padding: var(--mrkt-root-padding-top) var(--mrkt-root-padding-right) var(--mrkt-root-padding-bottom) var(--mrkt-root-padding-left);
  /* gap: var(--mrkt-root_container-gap); */
}

.mrkt_root_container_hero-interior{
    padding: calc(var(--mrkt-root-padding-top) + var(--mrkt_root_container_header-height)) var(--mrkt-root-padding-right) var(--mrkt-root-padding-bottom) var(--mrkt-root-padding-left);
}

.mrkt_root_container_header {
  padding-left: var(--mrkt-root-padding-side);
  padding-right: var(--mrkt-root-padding-side);
  padding-top: var(--mrkt-XS)!important;
  padding-bottom: var(--mrkt-XS)!important;
  height: var(--mrkt_root_container_header-height);
  /* gap: var(--mrkt-root_container-gap); */
}

.mrkt_root_container_footer {
  padding: var(--mrkt-root-padding-top) var(--mrkt-root-padding-right) var(--mrkt-root-padding-bottom) var(--mrkt-root-padding-left);
  /* gap: var(--mrkt-root_container-gap); */
}

.mrkt_root-zero_container {
  padding: var(--mrkt-root-padding-top) 0 var(--mrkt-root-padding-bottom) 0;
  /* gap: var(--mrkt-root_container-gap); */
}


.mrkt_root-zero-left_container {
  padding: 0 var(--mrkt-root-padding-right) 0 0;
}

.mrkt_root-zero-left_container > div:last-of-type {
    padding: var(--mrkt-root-padding-top) 0 var(--mrkt-root-padding-bottom) 0;
}

.mrkt_root-zero-right_container {
  padding: 0;
}

.mrkt_root-zero-right_container > div:first-of-type {
    padding: var(--mrkt-root-padding-top) 0 var(--mrkt-root-padding-bottom) var(--mrkt-root-padding-left);
}

.mrkt-accent-bar{
    background: var(--mrkt-gradient-green);
    height: 0.5rem;
    width: 5rem;
    pointer-events: none;
}

.mrkt-btn-onlytext .elementor-button {
    background: transparent !important; /* Remove default background */
    border: none !important;            /* Remove default borders */
    box-shadow: none !important;        /* Remove default shadows */
    padding: 0 0 0 0rem !important;     /* Space on left for the tech border */
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}


/* 4. Text Styling */
.mrkt-btn-onlytext .elementor-button-text {
    /* Colors & Opacity */
    color: var(--e-global-color-8f91670); /* White */
    opacity: 0.7;
    /* Interaction Props */
    letter-spacing: 0.15em;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 5. Icon Styling */
.mrkt-btn-onlytext .elementor-button-icon {
    color: var(--e-global-color-primary);
    fill: var(--e-global-color-primary);
    margin: 0 !important; /* Reset Elementor margins */
    transition: transform 0.5s ease;
}

/* Ensure SVG fills correctly */
.mrkt-btn-onlytext .elementor-button-icon svg {
    width: 1em;
    height: 1em;
    fill: var(--e-global-color-primary);
}

/* A. Text Interaction: Expand Spacing & Brighten */
.mrkt-btn-onlytext .elementor-button:hover .elementor-button-text {
    opacity: 1;
    color: var(--e-global-color-primary); /* Optional: Turn text green on hover */
    letter-spacing: 0.20em; /* The "Breathing" Expansion */
}

/* B. Border Interaction: Grow to full height */
.mrkt-btn-onlytext .elementor-button:hover::before {
    height: 100%;
    opacity: 1;
}

/* C. Icon Interaction: Slide Right */
.mrkt-btn-onlytext .elementor-button:hover .elementor-button-icon {
    transform: translateX(4px);
}


/* Base Button Styling */
.mrkt-btn-neutral {
    background: color-mix(in srgb, var(--e-global-color-6b8c25d), transparent 20%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Feiner Rahmen */
    width: max-content!important;
    border-radius: 0;
    box-shadow: none !important;
    
    /* Layout & Spacing */
    padding: 1rem 1.75rem !important;
    position: relative;
    overflow: hidden;
    text-transform: none; 
    
    /* Smooth Transition */
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* The Bottom Gradient Line (Initial State: Invisible) */
.mrkt-btn-neutral::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    
    background: var(--mrkt-gradient-green);
        
    /* Animation Logic */
    transform: scaleX(0);    
    transform-origin: right; 
    transition: transform 0.4s ease;
    z-index: 10;
    
    mask: none !important;
    -webkit-mask: none !important;
    padding: 0 !important;
    top: auto !important;
    right: auto !important;
}

/* 5. Hover State: Button Body */
.mrkt-btn-neutral:hover {
    background: color-mix(in srgb, var(--e-global-color-6b8c25d), white 10%) !important;
    
    border-color: transparent !important;
    box-shadow: none !important;
    color: var(--e-global-color-8f91670) !important;
}

/* 6. Hover State: Gradient Line Expand */
.mrkt-btn-neutral:hover::after {
    transform: scaleX(1);     
    transform-origin: left;   
}


/* Base settings for all patterns */
[class*="mrkt-bg-pattern-"] {
    position: relative;
    /* Ensures pattern doesn't overflow rounded corners */
    overflow: hidden !important; 
    z-index: 0;
}

/* Create the pattern on a pseudo-element so it overlays background colors */
[class*="mrkt-bg-pattern-"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Behind content, in front of background color */
    pointer-events: none; /* Let clicks pass through */
    opacity: 1; /* Optional: Blends pattern with the background color */
}

.mrkt-bg-pattern-pv::before{
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
  linear-gradient(rgba(76,175,80,.15) 1px, transparent 1px),
  linear-gradient(90deg, rgba(76,175,80,.15) 1px, transparent 1px),
  linear-gradient(rgba(76,175,80,.05) 1px, transparent 1px),
  linear-gradient(90deg, rgba(76,175,80,.05) 1px, transparent 1px);
background-size: 60px 60px, 60px 60px, 12px 12px, 12px 12px;
opacity: .5;
z-index: 1;
}


/* Divider between sections */
.mrkt_root_container:after,
.mrkt_root_container_footer:after,
.mrkt_root-zero-left_container:after,
.mrkt_root-zero-right_container:after {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--e-global-color-secondary), var(--e-global-color-primary), var(--e-global-color-accent), transparent);
    box-shadow: 0 0 14px 2px rgba(52, 189, 50, 0.5);
    flex: none;
    pointer-events: none;
    z-index: 1;
}

.mrkt_root_container_header:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--e-global-color-secondary), var(--e-global-color-primary), var(--e-global-color-accent), transparent);
    box-shadow: 0 0 14px 2px rgba(52, 189, 50, 0.5);
    flex: none;
    pointer-events: none;
    z-index: 1;
}

.mrkt-cta-card{
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    
    height: 100%;
    z-index: 5;
    background: color-mix(in srgb, var(--e-global-color-bdc9a1b), transparent 20%)!important;
    padding: 2rem 1.5rem;
    
        border-radius: var(--mrkt-border-radius) var(--mrkt-border-radius-XL) var(--mrkt-border-radius) var(--mrkt-border-radius-XL);
    border: 1px solid color-mix(in srgb, var(--e-global-color-primary), transparent 80%);
    transition: all 0.8s cubic-bezier(0.36, 1, 0.3, 1);
} 

.mrkt-cta-card:hover {
    background: color-mix(in srgb, var(--e-global-color-bdc9a1b), transparent 10%)!important;
}/* End custom CSS */