.elementor-kit-4{--e-global-color-primary:#E71969;--e-global-color-secondary:#181716;--e-global-color-text:#DBDAD9;--e-global-color-accent:#FFFDF5;--e-global-color-94ce822:#8447FF;--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-fef34be-font-family:"vinila-extended";--e-global-typography-fef34be-font-size:4.5rem;--e-global-typography-fef34be-font-weight:700;--e-global-typography-fef34be-line-height:5rem;--e-global-typography-23d0676-font-family:"vinila-extended";--e-global-typography-23d0676-font-size:3.5rem;--e-global-typography-23d0676-font-weight:700;--e-global-typography-23d0676-line-height:4rem;--e-global-typography-837fe41-font-family:"vinila-extended";--e-global-typography-837fe41-font-size:2.625rem;--e-global-typography-837fe41-font-weight:700;--e-global-typography-837fe41-line-height:1.3rem;--e-global-typography-eec7f25-font-family:"Montserrat";--e-global-typography-eec7f25-font-size:1.25rem;--e-global-typography-eec7f25-font-weight:400;--e-global-typography-eec7f25-line-height:1.6rem;--e-global-typography-99dc4a1-font-family:"Montserrat";--e-global-typography-99dc4a1-font-size:1.125rem;--e-global-typography-99dc4a1-line-height:1.5rem;--e-global-typography-a782e97-font-family:"Montserrat";--e-global-typography-a782e97-font-size:2rem;--e-global-typography-a782e97-font-weight:500;--e-global-typography-a782e97-line-height:2.5rem;--e-global-typography-f0027ba-font-family:"vinila-extended";--e-global-typography-f0027ba-font-size:0.875rem;--e-global-typography-f0027ba-font-weight:500;--e-global-typography-f0027ba-line-height:1.4rem;--e-global-typography-bd8e2ed-font-family:"Montserrat";--e-global-typography-bd8e2ed-font-size:1rem;--e-global-typography-bd8e2ed-line-height:1.5rem;background-color:#FFFDF5;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1250px;}.e-con{--container-max-width:1250px;}.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);}.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:1366px){.elementor-kit-4{--e-global-typography-fef34be-font-size:3rem;--e-global-typography-fef34be-line-height:3.5rem;--e-global-typography-23d0676-font-size:3rem;--e-global-typography-23d0676-line-height:3.5rem;}}@media(max-width:1200px){.elementor-kit-4{--e-global-typography-fef34be-font-size:3rem;--e-global-typography-fef34be-line-height:3.5rem;}}@media(max-width:1024px){.elementor-kit-4{--e-global-typography-fef34be-font-size:3rem;--e-global-typography-fef34be-line-height:4rem;--e-global-typography-23d0676-line-height:2.5rem;--e-global-typography-837fe41-line-height:2.5rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4{--e-global-typography-fef34be-font-size:3rem;--e-global-typography-fef34be-line-height:3.5rem;--e-global-typography-23d0676-font-size:3rem;--e-global-typography-23d0676-line-height:2.5rem;--e-global-typography-eec7f25-font-size:1.25rem;--e-global-typography-f0027ba-font-size:1rem;--e-global-typography-f0027ba-line-height:1.5rem;--e-global-typography-bd8e2ed-font-size:1rem;--e-global-typography-bd8e2ed-line-height:1.5rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.image-box-blur {
  background: rgba(255, 255, 255, 0.3); /* halbtransparent, damit Blur sichtbar ist */
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px); /* für Safari */
}

#button-blur {
      background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);

  /* Drop Shadow (X=0, Y=3, Blur=15, Color #9C9B9B @ 15%) */
  box-shadow: 0px 3px 15px rgba(156, 155, 155, 0.15);

  cursor: pointer;
  transition: all 0.25s ease;
}


.glow-shape {
  position: relative;
  z-index: 0; /* wichtig, damit Inhalt drüber liegt */
}

.glow-shape::before {
  content: "";
  position: absolute;
  top: -50px;  
  left: -50px;
  right: -50px;
  bottom: -50px;

  /* Radial Gradient */
  background: radial-gradient(circle at center,
    rgba(255, 178, 230, 1) 0%,   /* #FFB2E6 */
    rgba(231, 150, 105, 1) 100%  /* #E71969 */
  );

  opacity: 0.6; 
  filter: blur(150px); 
  border-radius: 50%;
  z-index: -1;
}






/*Lila Banner */
.pill-wrap {
  display: flex;
  justify-content: center; /* zentriert die Pill horizontal */
}

/* Die eigentliche Pill um den Text */
.pill {
  display: inline-flex;         /* schrumpft auf Inhaltsbreite */
  align-items: center;
  padding-block: 6px;           /* oben/unten */
  padding-inline: 16px;          /* links/rechts: immer gleich! */
  box-sizing: border-box;
  background: rgba(156, 102, 255, 0.12); /* deine BG */
  border: 1px solid #9C66FF;    /* dein Rahmen */
  border-radius: 5px;        /* runde Ecken/Pill */
  line-height: 1.2;
  width: fit-content;           /* „so breit wie der Text“ */
  max-width: 100%;
  /* optional, wenn der Text NIE umbrechen soll: */
  /* white-space: nowrap; */
}


/* Effekte im oberen Grid komplett deaktivieren */
.no-tilt .jet-listing-grid__items .slick-slide,
.no-tilt .jet-listing-grid__items .slick-current,
.no-tilt .jet-listing-grid__items .slick-current + .slick-slide,
.no-tilt .jet-listing-grid__items .slick-slide:has(+ .slick-current),
.no-tilt .jet-listing-grid__items .slick-active:not(.slick-current):not(:has(+ .slick-current)):not(.slick-current + .slick-slide){
  transform: none !important;
  opacity: 1 !important;
  z-index: auto !important;
  transition: none !important;
}

/* spacing im oberen Grid wieder auf Standard */
.no-tilt .jet-listing-grid__slider .slick-list { 
  padding: revert !important;   /* setzt den Standard wieder */
}
.no-tilt .jet-listing-grid__slider .slick-slide { 
  margin: revert !important;
}



/* Testimonials */
.gradient-border {
  position: relative;
  border-radius: 16px;      
  background: #fff;               
}

.gradient-border::before {
  content: "";
  position: absolute;
  inset: 0;                       
  padding: 4px;     
  border-radius: inherit;        
  background: linear-gradient(to top right, #8447FF 0%, #E71969 100%);


  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;    /* Safari/Chrome */
          mask-composite: exclude;/* Firefox */
  pointer-events: none;         
}

.gradient-border { overflow: visible; }



/* normale Farbe für den restlichen Text */
.has-span-gradient .elementor-heading-title { 
  color: #000;
}

/* nur das SPAN bekommt den Verlauf */
.has-span-gradient .elementor-heading-title .gtext {
  background-image: linear-gradient(90deg, #E71969 0%, #8447FF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;      /* wichtig, sonst „hinterlegt“ */
  display: inline-block;               /* wichtig für korrektes Clipping */
}

/* optionaler Fallback für Browser ohne background-clip:text */
@supports not (-webkit-background-clip: text) {
  .has-span-gradient .elementor-heading-title .gtext {
    background: none;
    color: #E71969; /* einfache Fallback-Farbe */
  }
}


/* Über uns Glassy Box + Team member*/ 
.glass-box {
  background: rgba(255, 255, 255, 0.1); /* halbtransparentes Weiß */
  border-radius: 12px;                 /* abgerundete Ecken */

  backdrop-filter: blur(10px) saturate(120%); /* Unschärfe + Farbsättigung */
  -webkit-backdrop-filter: blur(10px) saturate(120%); /* Safari Support */
  color: white; /* Text bleibt lesbar */
}



.icon-box:hover {
    background: linear-gradient(to bottom right, #E71969 0%, #8447FF 100%);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-display: auto;
	src: url('https://www.brasser-accounting.de/wp-content/uploads/Montserrat-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */