.elementor-kit-676{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-6d9f3d1a:#C66300;--e-global-color-6180f54f:#4054B2;--e-global-color-2de353d0:#FF770F;--e-global-color-29fcb825:#000;--e-global-color-56bf18a1:#FFF;--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;}.elementor-kit-676 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){margin-block-end: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-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 *//* ==================================================
   HEAVEN'S SMASH BURGER – VERBESSERTES GLOBAL CSS
   Einheitliches Design-System für alle Seiten
================================================== */


/* =========================
   ROOT (Layout-Variablen)
========================= */
:root{
  /* Farben */
  --hs-dark: #111111;
  --hs-accent: #CAE6E8;
  --hs-accent-bright: #29EFF2;
  --hs-glass-light: rgba(202,230,232,.08);
  --hs-glass-dark: rgba(0,0,0,.55);

  /* Radien */
  --hs-radius-panel: 26px;
  --hs-radius-media: 18px;
  --hs-radius-card: 18px;
  --hs-radius-button: 999px;

  /* Abstände */
  --hs-space-section: clamp(3rem, 6vw, 6rem);
  --hs-space-panel-top: 48px;
  --hs-space-panel-inner: clamp(1.4rem, 2.4vw, 2.2rem);
  --hs-card-margin-x: 15px;
}


/* =========================
   SECTION
========================= */
.hs-section{
  padding-block: var(--hs-space-section);
}

/* Light background variant */
.hs-section--light{
  background: #CAE6E8;
}

/* Dark background variant */
.hs-section--dark{
  background: var(--hs-dark);
}


/* =========================
   PANEL
   Großer Container mit Verlauf
========================= */
.hs-panel{
  margin-top: var(--hs-space-panel-top);
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.18) 0%,
    rgba(0,0,0,.55) 35%,
    rgba(0,0,0,.85) 100%
  );
  border-radius: var(--hs-radius-panel);
  padding: var(--hs-space-panel-inner);
}

/* Dark Panel Variant (für konsistente Übergänge) */
.hs-panel--dark{
  background: linear-gradient(
    180deg,
    rgba(0,0,0,.70) 0%,
    rgba(0,0,0,.80) 40%,
    rgba(0,0,0,.90) 100%
  );
}


/* =========================
   CARD (Content-Container)
========================= */
.hs-card{
  background: transparent;
  margin-left: var(--hs-card-margin-x);
  margin-right: var(--hs-card-margin-x);
  width: 50%;
}

/* Card mit Glasmorphism Effekt */
.hs-card--glass{
  background: linear-gradient(
    180deg,
    rgba(202,230,232,.08) 0%,
    rgba(0,0,0,.22) 22%,
    rgba(0,0,0,.55) 100%
  );
  border: 1px solid rgba(255,255,255,.10);
  border-radius: var(--hs-radius-card);
  padding: clamp(1.2rem, 2vw, 1.8rem);
  box-shadow: 0 16px 40px rgba(0,0,0,.34);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.hs-card--glass:hover{
  transform: scale(1.02);
  border-color: rgba(41,239,242,.28);
  box-shadow: 0 20px 50px rgba(0,0,0,.40);
}


/* =========================
   MEDIA (Bild / Illustration)
========================= */
.hs-media{
  overflow: hidden;
  border-radius: var(--hs-radius-media);
  width: 44%;
}

.hs-media img{
  display: block;
  width: 100%;
  height: auto;
  transition: transform .35s ease;
}

.hs-media:hover img{
  transform: scale(1.08);
}


/* =========================
   BUTTONS – Einheitliches System
========================= */

/* Base Button Styles */
.hs-btn,
.hs-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: var(--hs-radius-button);
  font-weight: 700;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: transform .35s ease, filter .25s ease, box-shadow .25s ease;
  will-change: transform;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.2;
}

/* Primary Button */
.hs-btn--primary,
.hs-btn-primary,
.hs-button--primary,
.hs-button-primary{
  background: linear-gradient(180deg, #CAE6E8 0%, #29EFF2 100%);
  color: #000;
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 8px 24px rgba(41,239,242,.35);
}

.hs-btn--primary:hover,
.hs-btn-primary:hover,
.hs-button--primary:hover,
.hs-button-primary:hover{
  transform: scale(1.08);
  filter: brightness(1.06);
  box-shadow: 0 12px 32px rgba(41,239,242,.45);
}

/* Secondary Button */
.hs-btn--secondary,
.hs-btn-secondary,
.hs-button--secondary,
.hs-button-secondary{
  background: rgba(255,255,255,.08);
  color: #CAE6E8;
  border: 1px solid rgba(202,230,232,.3);
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
}

.hs-btn--secondary:hover,
.hs-btn-secondary:hover,
.hs-button--secondary:hover,
.hs-button-secondary:hover{
  transform: scale(1.08);
  background: rgba(255,255,255,.12);
  border-color: rgba(202,230,232,.45);
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
}

/* Ghost Button */
.hs-btn--ghost,
.hs-button--ghost{
  background: transparent;
  color: #CAE6E8;
  border: 2px solid rgba(202,230,232,.4);
}

.hs-btn--ghost:hover,
.hs-button--ghost:hover{
  transform: scale(1.05);
  border-color: #29EFF2;
  background: rgba(41,239,242,.08);
}


/* =========================
   TEXT SYSTEM
========================= */

/* Accent Textbox */
.hs-text-accent{
  color: #CAE6E8;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1.5;
}

.hs-text-accent > * + *{
  margin-top: 12px;
}

/* Section Titles */
.hs-section-title{
  font-family: Helvetica, Arial, sans-serif;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800;
  line-height: 1.15;
  margin: 0 0 16px 0;
  color: var(--hs-dark);
}

.hs-section-title--light{
  color: #CAE6E8;
}

/* Card Titles */
.hs-card-title{
  font-family: Helvetica, Arial, sans-serif;
  font-size: clamp(1.4rem, 2.5vw, 1.8rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 12px 0;
  color: #CAE6E8;
}

/* Subtitle / Lead Text */
.hs-subtitle{
  font-family: Helvetica, Arial, sans-serif;
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  line-height: 1.4;
  color: rgba(202,230,232,.85);
  margin: 0 0 10px 0;
}


/* =========================
   IMAGE PREVIEW (Hover-Effekte)
========================= */

.hs-img-preview{
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 14px;
}

.hs-img-preview img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease, filter .35s ease;
  will-change: transform, filter;
}

/* Lift Effect */
.hs-img-preview--lift img{
  transform: scale(1.02) translateY(0);
}
.hs-img-preview--lift:hover img{
  transform: scale(1.02) translateY(-6px);
}

/* Contrast Reveal */
.hs-img-preview--contrast img{
  filter: contrast(.92) brightness(.96);
}
.hs-img-preview--contrast:hover img{
  filter: contrast(1.15) brightness(1.06);
}

/* Light Sweep */
.hs-img-preview--sweep::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    transparent 30%,
    rgba(255,255,255,.22),
    transparent 70%
  );
  opacity: 0;
  transform: translateX(-60%);
  transition: transform .5s ease, opacity .3s ease;
  pointer-events: none;
}
.hs-img-preview--sweep:hover::after{
  opacity: 1;
  transform: translateX(60%);
}

/* Focus Pull */
.hs-img-preview--focus img{
  filter: blur(.6px) brightness(.96);
}
.hs-img-preview--focus:hover img{
  filter: blur(0) brightness(1.05);
}


/* =========================
   PROCESS MAP (Gradient Boxes)
========================= */
.hs-process-map{
  width: 100%;
}

.hs-process-map__title{
  margin: 0 0 32px 0;
  text-align: center;
  color: #CAE6E8;
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 800;
}

.hs-process-map__row{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: nowrap;
}

.hs-process-box{
  flex: 1 1 0;
  min-width: 160px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 18px;
  padding: 12px 14px;
  background: linear-gradient(180deg, #CAE6E8 0%, #29EFF2 100%);
  color: #000;
  transition: transform .35s ease, background .35s ease, box-shadow .35s ease;
  transform-origin: center;
  will-change: transform;
}

.hs-process-box:hover{
  transform: scale(1.08);
  background: linear-gradient(180deg, #29EFF2 0%, #CAE6E8 100%);
  box-shadow: 0 12px 30px rgba(41,239,242,.4);
}

.hs-process-box__index{
  font-weight: 800;
  font-size: 18px;
  line-height: 1;
  opacity: .9;
  min-width: 20px;
}

.hs-process-box__content{
  display: flex;
  flex-direction: column;
  line-height: 1.22;
}

.hs-process-box__headline{
  font-weight: 800;
  margin-bottom: 2px;
  font-size: 15px;
}

.hs-process-box__text{
  font-weight: 500;
  opacity: .95;
  font-size: 14px;
}

.hs-process-arrow{
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #CAE6E8;
  line-height: 1;
  font-size: 24px;
}


/* =========================
   PRICING CARDS
========================= */

.hs-pricing-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
}

.hs-price-card{
  border-radius: 18px;
  padding: 20px;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,.70) 0%,
    rgba(0,0,0,.80) 40%,
    rgba(0,0,0,.90) 100%
  );
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 16px 40px rgba(0,0,0,.34);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  will-change: transform;
}

.hs-price-card:hover{
  transform: scale(1.02);
  border-color: rgba(41,239,242,.28);
  box-shadow: 0 20px 50px rgba(0,0,0,.40);
}

.hs-price-card__icon{
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  margin-bottom: 12px;
  background: rgba(41,239,242,.12);
  border: 1px solid rgba(41,239,242,.18);
  color: #CAE6E8;
  font-size: 24px;
}

.hs-price-card__title{
  color: #CAE6E8;
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 8px;
}

.hs-price-card__text{
  color: rgba(202,230,232,.90);
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 16px;
}


/* =========================
   FEATURES LIST
========================= */
.hs-features{
  list-style: none;
  padding: 0;
  margin: 16px auto 24px;
  display: grid;
  gap: 10px;
  max-width: 520px;
  text-align: left;
}

.hs-feature{
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(202,230,232,.92);
  font-size: 15px;
  line-height: 1.4;
}

.hs-feature__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  color: #29EFF2;
  font-size: 18px;
  line-height: 1;
}


/* =========================
   UTILITY CLASSES
========================= */

/* Flexbox Utilities */
.hs-flex{
  display: flex;
}

.hs-flex--center{
  justify-content: center;
  align-items: center;
}

.hs-flex--between{
  justify-content: space-between;
}

.hs-flex--wrap{
  flex-wrap: wrap;
}

/* Grid Utilities */
.hs-grid{
  display: grid;
}

.hs-grid--2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.hs-grid--3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

/* Spacing Utilities */
.hs-mt-sm{ margin-top: 12px; }
.hs-mt-md{ margin-top: 24px; }
.hs-mt-lg{ margin-top: 48px; }

.hs-mb-sm{ margin-bottom: 12px; }
.hs-mb-md{ margin-bottom: 24px; }
.hs-mb-lg{ margin-bottom: 48px; }

/* Text Alignment */
.hs-text-center{ text-align: center; }
.hs-text-left{ text-align: left; }
.hs-text-right{ text-align: right; }


/* =========================
   RESPONSIVE BREAKPOINTS
========================= */

@media (max-width: 980px){
  .hs-process-map__row{
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
  }

  .hs-process-arrow{
    display: none;
  }

  .hs-process-box{
    flex: 1 1 calc(50% - 14px);
    min-width: 240px;
  }

  .hs-pricing-grid,
  .hs-grid--2,
  .hs-grid--3{
    grid-template-columns: 1fr;
  }

  .hs-card{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .hs-media{
    width: 100%;
  }
}

@media (max-width: 560px){
  .hs-process-box{
    flex: 1 1 100%;
    min-width: 0;
  }

  :root{
    --hs-space-section: 2.5rem;
    --hs-space-panel-top: 32px;
  }
}


/* =========================
   CONTACT SECTION SPECIFICS
========================= */

.hs-contact-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  margin-top: 24px;
}

.hs-contact-item{
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 18px;
  border-radius: 14px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  transition: transform .25s ease, background .25s ease;
}

.hs-contact-item:hover{
  transform: translateY(-4px);
  background: rgba(255,255,255,.08);
}

.hs-contact-item__icon{
  font-size: 28px;
  color: #29EFF2;
  margin-bottom: 4px;
}

.hs-contact-item__label{
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: rgba(202,230,232,.7);
}

.hs-contact-item__value{
  font-size: 17px;
  font-weight: 600;
  color: #CAE6E8;
}

.hs-contact-item__value a{
  color: inherit;
  text-decoration: none;
  transition: color .25s ease;
}

.hs-contact-item__value a:hover{
  color: #29EFF2;
}


/* =========================
   MAP EMBED
========================= */
.hs-map-container{
  width: 100%;
  height: 400px;
  border-radius: 18px;
  overflow: hidden;
  margin-top: 24px;
  border: 2px solid rgba(41,239,242,.2);
}

.hs-map-container iframe{
  width: 100%;
  height: 100%;
  border: none;
}/* End custom CSS */