.elementor-kit-8{--e-global-color-primary:#EE6F59;--e-global-color-secondary:#2B8276;--e-global-color-text:#113333;--e-global-color-accent:#E6CEAC;--e-global-color-62335ff:#184D48;--e-global-color-f1d228e:#EDDECA;--e-global-color-9016ea0:#F2EBE1;--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-d16cacb-font-family:"the-seasons";--e-global-typography-d16cacb-font-size:clamp(3rem, 2rem + 4.4444vw, 6rem);--e-global-typography-d16cacb-font-weight:400;--e-global-typography-d16cacb-line-height:1em;--e-global-typography-e19bb7a-font-family:"the-seasons";--e-global-typography-e19bb7a-font-size:clamp(2rem, 1.3333rem + 2.963vw, 4rem);--e-global-typography-e19bb7a-font-weight:400;--e-global-typography-e19bb7a-line-height:1.1em;--e-global-typography-960de7c-font-family:"the-seasons";--e-global-typography-960de7c-font-size:clamp(1.6rem, 1.0667rem + 2.3704vw, 3.2rem);--e-global-typography-960de7c-font-weight:400;--e-global-typography-960de7c-line-height:1.1em;--e-global-typography-9b6b1a8-font-family:"the-seasons";--e-global-typography-9b6b1a8-font-size:clamp(1.2rem, 0.8rem + 1.7778vw, 2.4rem);--e-global-typography-9b6b1a8-font-weight:400;--e-global-typography-9b6b1a8-line-height:1.2em;--e-global-typography-0f41568-font-family:"the-seasons";--e-global-typography-0f41568-font-size:clamp(1rem, 0.8rem + 0.8889vw, 1.6rem);--e-global-typography-0f41568-font-weight:400;--e-global-typography-0f41568-line-height:1.2em;--e-global-typography-f9afc9e-font-family:"the-seasons";--e-global-typography-f9afc9e-font-size:clamp(0.8rem, 0.7333rem + 0.2963vw, 1rem);--e-global-typography-f9afc9e-font-weight:400;--e-global-typography-f9afc9e-line-height:1.2em;--e-global-typography-2860c9a-font-family:"acumin-pro";--e-global-typography-2860c9a-font-size:clamp(1.2rem, 1.0667rem + 0.5926vw, 1.6rem);--e-global-typography-2860c9a-font-weight:400;--e-global-typography-2860c9a-line-height:1.3em;--e-global-typography-2860c9a-letter-spacing:-0.02em;--e-global-typography-2440016-font-family:"acumin-pro";--e-global-typography-2440016-font-size:clamp(1rem, 0.9333rem + 0.2963vw, 1.2rem);--e-global-typography-2440016-font-weight:400;--e-global-typography-2440016-line-height:1.4em;--e-global-typography-db659f3-font-family:"acumin-pro";--e-global-typography-db659f3-font-size:clamp(0.8rem, 0.7667rem + 0.1481vw, 0.9rem);--e-global-typography-db659f3-font-weight:400;--e-global-typography-db659f3-line-height:1.5rem;background-color:var( --e-global-color-9016ea0 );}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}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: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 *//* Margin on titles */
h1, h2, h3, h4, h5, h6 {
    margin-block-end: 0.25rem;
    margin-block-start: 0.25rem;
}

/* Instagram Gallery */
.instagram-gallery-item__wrap {
    border-radius: 20px !important;
}

.instagram-gallery__actions .instagram-gallery__button--follow {
    display: none;
}

/* Text Links */
.textlink a {
    color: #EE6F59;
}

.textlink a:hover {
    color: #2B8276;
}

/* Submenu im Off-Canvas normal unter dem Parent anzeigen */
.offcanvas-nav .elementor-nav-menu--dropdown,
.offcanvas-nav .elementor-nav-menu--dropdown.sub-menu {
  position: static !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  transform: none !important;
  max-width: 100% !important;
}

/* optional: Submenu-Links über volle Breite */
.offcanvas-nav .sub-menu a {
  display: block;
  width: 100%;
}

/* Submenu zentriert ausrichten */
.offcanvas-nav .sub-menu {
  text-align: center;
}

/* Links im Submenu ebenfalls zentrieren */
.offcanvas-nav .sub-menu a {
  text-align: center;
  justify-content: center;   /* falls Flex aktiv ist */
}

/* 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
}


/* -------------------------------------------------------
   Visual Style (abgeleitet aus Screenshot)
   Scope: .vc-giftcard-form (Wrapper um das Formular)
   Für Gravity Forms 2.5 Theme
-------------------------------------------------------- */

.vc-giftcard-form {
  /* Farben (bei Bedarf feinjustieren) */
  --bg: #F3EEE6;          /* warmes Beige */
  --text: #1D2A28;        /* sehr dunkles Grün-Grau */
  --muted: #6A7673;       /* sekundärer Text */
  --accent: #2F7E73;      /* Petrol/Teal */
  --accent-2: #256A61;    /* dunkler Hover */
  --line: rgba(47,126,115,.35);

  /* Typo (Font-Families ggf. auf eure echten Fonts ersetzen) */
  --serif: ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, serif;
  --sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif;

  background: var(--bg);
  color: var(--text);
}

/* Grundlayout */
.vc-giftcard-form .gform_wrapper {
  max-width: 860px;     /* wirkt „editorial“ wie im Screenshot */
  margin: 0 auto;
  padding: clamp(24px, 4vw, 56px);
}

.vc-giftcard-form .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 32px;
}

/* Headlines / Abschnittstitel */
.vc-giftcard-form .gform_title,
.vc-giftcard-form .gsection_title,
.vc-giftcard-form .gform_wrapper h2,
.vc-giftcard-form .gform_wrapper h3 {
  font-family: var(--serif);
  font-weight: 500;
  letter-spacing: 0.01em;
  color: var(--accent);
}

/* Form Title zentriert, gross */
.vc-giftcard-form .gform_title {
  text-align: center;
  font-size: clamp(34px, 4.2vw, 64px);
  line-height: 1.05;
  margin: 0 0 10px;
}

/* optional: Sub-Text/Description wie im Screenshot eher „fein“ */
.vc-giftcard-form .gform_description {
  text-align: center;
  font-family: var(--serif);
  font-size: clamp(16px, 1.6vw, 22px);
  line-height: 1.35;
  color: var(--text);
  margin: 0 auto 32px;
  max-width: 56ch;
}

/* Feine horizontale Linien (z.B. bei Sections) */
.vc-giftcard-form .gsection {
  border-top: 1px solid var(--line);
  padding-top: 20px;
  margin-top: 26px;
}

/* Labels */
.vc-giftcard-form .gfield_label,
.vc-giftcard-form .ginput_complex label {
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 500;
  color: var(--text);
  margin-bottom: 8px;
}

/* Übergeordnete Feld-Labels (Legend) */
.vc-giftcard-form legend.gfield_label,
.vc-giftcard-form .gfield > label.gfield_label {
  font-family: "the-seasons", serif;
  font-weight: 400;
  color: #2F7E73; /* dein Petrol */
  letter-spacing: 0.01em;
  margin-bottom: 12px;
}

/* Übergeordnete Feldlabels (Legend) – The Seasons, nicht bold */
.vc-giftcard-form .gform_wrapper.gravity-theme legend.gfield_label.gform-field-label {
  font-family: "the-seasons", serif;
  font-weight: 400;
  font-size: 20px;
  color: #2F7E73;
  letter-spacing: 0.01em;
  margin-bottom: 12px;
}

.vc-giftcard-form .gform_wrapper.gravity-theme .gfield > label.gfield_label.gform-field-label {
  font-family: "the-seasons", serif;
  font-weight: 400;
  font-size: 20px;
  color: #2F7E73;
  letter-spacing: 0.01em;
}


/* Description / Hinweise */
.vc-giftcard-form .gfield_description {
  font-family: var(--sans);
  font-size: 13px;
  color: var(--muted);
  margin-top: 6px;
}

/* Inputs: ruhig, flach, „printy“ */
.vc-giftcard-form input[type="text"],
.vc-giftcard-form input[type="email"],
.vc-giftcard-form input[type="tel"],
.vc-giftcard-form input[type="number"],
.vc-giftcard-form textarea,
.vc-giftcard-form select {
  font-family: var(--sans);
  font-size: 16px;
  color: var(--text);
  background: rgba(255,255,255,.35);
  border: 1px solid rgba(29,42,40,.18);
  border-radius: 10px; /* subtil – falls ihr eckiger wollt: 0–6px */
  padding: 12px 14px;
  box-shadow: none;
}

/* Focus: Akzent klar, aber dezent */
.vc-giftcard-form input:focus,
.vc-giftcard-form textarea:focus,
.vc-giftcard-form select:focus {
  outline: none;
  border-color: rgba(47,126,115,.75);
  box-shadow: 0 0 0 3px rgba(47,126,115,.18);
  background: rgba(255,255,255,.55);
}

/* Radio/Checkbox „Teal“ (Browser-limitiert) */
.vc-giftcard-form input[type="radio"],
.vc-giftcard-form input[type="checkbox"]{
  accent-color: var(--accent);
}

/* Versand (Radio als „Pills“ – gut für: Digital vs Post + CHF 5)
   -> gib dem Feld am besten eine Klasse: shipping-pills
*/
.vc-giftcard-form .shipping-pills .gfield_radio {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.vc-giftcard-form .shipping-pills .gfield_radio li {
  margin: 0 !important;
}

.vc-giftcard-form .shipping-pills .gfield_radio input {
  position: absolute;
  opacity: 0;
}

.vc-giftcard-form .shipping-pills .gfield_radio label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(47,126,115,.35);
  background: rgba(255,255,255,.25);
  color: var(--text);
  font-family: var(--sans);
  font-size: 14px;
  cursor: pointer;
  user-select: none;
}

.vc-giftcard-form .shipping-pills .gfield_radio input:checked + label {
  background: rgba(47,126,115,.14);
  border-color: rgba(47,126,115,.75);
}

/* Total-Zeile eleganter */
.vc-giftcard-form .gform_wrapper .gform_footer,
.vc-giftcard-form .gform_wrapper .gform_page_footer {
  margin-top: 26px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

/* Total Field (wenn du ein Total-Feld nutzt) */
.vc-giftcard-form .gfield.gfield_price.gfield_total {
  margin-top: 8px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

.vc-giftcard-form .gfield.gfield_total .ginput_total {
  font-family: var(--sans);
  font-size: 20px;
  font-weight: 600;
  color: var(--text);
}

/* Button */
.vc-giftcard-form .gform_button,
.vc-giftcard-form input[type="submit"] {
  font-family: var(--sans);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.01em;
  background: var(--accent);
  color: #fff;
  border: 1px solid var(--accent);
  border-radius: 999px;
  padding: 12px 18px;
  transition: transform .08s ease, background .15s ease, border-color .15s ease;
}

.vc-giftcard-form .gform_button:hover,
.vc-giftcard-form input[type="submit"]:hover {
  background: var(--accent-2);
  border-color: var(--accent-2);
}

.vc-giftcard-form .gform_button:active,
.vc-giftcard-form input[type="submit"]:active {
  transform: translateY(1px);
}

/* Fehlermeldungen – ruhig, aber sichtbar */
.vc-giftcard-form .gfield_error .gfield_label,
.vc-giftcard-form .validation_message,
.vc-giftcard-form .validation_error {
  color: #8B2C2C;
}

.vc-giftcard-form .gfield_error input,
.vc-giftcard-form .gfield_error select,
.vc-giftcard-form .gfield_error textarea {
  border-color: rgba(139,44,44,.55);
  box-shadow: 0 0 0 3px rgba(139,44,44,.12);
}

/* Gutschein-Beträge als grosse Pills */
.amount-pills .gfield_radio {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px;
}

.amount-pills .gfield_radio input {
  position: absolute;
  opacity: 0;
}

.amount-pills .gfield_radio label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 18px;
  border-radius: 999px;
  border: 1px solid rgba(47,126,115,.45);
  background: rgba(255,255,255,.35);
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: all .15s ease;
  text-align: center;
}

.amount-pills .gfield_radio label:hover {
  background: rgba(47,126,115,.12);
}

.amount-pills .gfield_radio input:checked + label {
  background: rgba(47,126,115,.18);
  border-color: rgba(47,126,115,.85);
  font-weight: 600;
}

/* Hide Form Title */
.vc-giftcard-form .gform_wrapper .gform_heading h2.gform_title {
    display: none;
}

/* -------------------------------------------------------
   Formular-UI: alles Sans (Acumin), exkl. Feld-Labels
-------------------------------------------------------- */

/* Inputs & Textareas */
.vc-giftcard-form .gform_wrapper.gravity-theme
input:not(.gform_button),
.vc-giftcard-form .gform_wrapper.gravity-theme
textarea,
.vc-giftcard-form .gform_wrapper.gravity-theme
select {
  font-family: "acumin-pro", sans-serif;
  font-weight: 400;
  font-size: 16px;
}

/* Radio / Checkbox Texte (z.B. CHF 25, CHF 50 etc.) */
.vc-giftcard-form .gform_wrapper.gravity-theme
.gfield_radio label,
.vc-giftcard-form .gform_wrapper.gravity-theme
.gfield_checkbox label {
  font-family: "acumin-pro", sans-serif;
  font-weight: 500;
  font-size: 16px;
}

/* Sub-Labels (Vorname / Nachname) */
.vc-giftcard-form .gform_wrapper.gravity-theme
.ginput_complex label {
  font-family: "acumin-pro", sans-serif;
  font-weight: 400;
  font-size: 16px;
}

/* Hilfetexte / Beschreibungen */
.vc-giftcard-form .gform_wrapper.gravity-theme
.gfield_description,
.vc-giftcard-form .gform_wrapper.gravity-theme
.gform-field-description {
  font-family: "acumin-pro", sans-serif;
  font-weight: 400;
  font-size: 16px;
}

/* Stripe-Bereich (UI & Hinweise) */
.vc-giftcard-form .gfield--type-stripe_creditcard,
.vc-giftcard-form .gfield--type-stripe_creditcard * {
  font-family: "acumin-pro", sans-serif;
  font-size: 16px;
}/* End custom CSS */