.elementor-21076 .elementor-element.elementor-element-6558877{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-21076 .elementor-element.elementor-element-f46fae7 > .elementor-widget-container{background-color:var( --e-global-color-1542059 );margin:10px 0px 10px 0px;padding:10px 20px 10px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:10px 10px 10px 10px;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-f46fae7 *//**********************************************
 * BookingPress "Jetzt kaufen"-Button mit Gift-Icon
 * Mit mehr Padding statt fixer Höhe
 **********************************************/

button.el-button.bpa-btn.bpa-btn__medium.bpa-btn--full-width.bpgc-buy-now-button[aria-label="Jetzt kaufen"] {
  background-color: #149bd7 !important;   /* Marken-Blau */
  color: #ffffff !important;
  font-family: 'Istok Web', sans-serif !important;
  font-weight: 700 !important;
  border-radius: 15px !important;
  padding: 10px 20px !important;          /* neues Padding */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;                    /* Abstand zwischen Icon und Text */
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

/* Hover */
button.el-button.bpa-btn.bpa-btn__medium.bpa-btn--full-width.bpgc-buy-now-button[aria-label="Jetzt kaufen"]:hover {
  background-color: #616160 !important;
  color: #ffffff !important;
}

/* Fokus unterdrücken */
button.el-button.bpa-btn.bpa-btn__medium.bpa-btn--full-width.bpgc-buy-now-button[aria-label="Jetzt kaufen"]:focus,
button.el-button.bpa-btn.bpa-btn__medium.bpa-btn--full-width.bpgc-buy-now-button[aria-label="Jetzt kaufen"]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Icon vor den Text setzen */
button.el-button.bpa-btn.bpa-btn__medium.bpa-btn--full-width.bpgc-buy-now-button[aria-label="Jetzt kaufen"] > span::before {
  font-family: "Font Awesome 5 Free";     /* Font Awesome aktivieren */
  font-weight: 900;                       /* Solid Icon */
  content: "\f06b";                       /* 🎁 Geschenk-Icon */
  font-size: 16px;
  color: currentColor;                    /* übernimmt Textfarbe */
  display: inline-block;
  margin-right: 8px;                      /* Abstand zum Text */
}
/**********************************************
 * Gift-Card Liste – Spalten-Style (ohne Hover)
 **********************************************/

.bpgc-frontend-main-container-gift-cards .bpgc-gift-card-list-col {
  background-color: rgba(20, 155, 215, 0.08); /* leichtes Blau wie Warenkorb */
  border: 1px solid #54595F;                  /* Standard-Rahmen */
  border-radius: 15px;                        /* gleiche Rundung wie Buttons */
  padding: 20px;                              /* Innenabstand */
  margin-bottom: 20px;                        /* Abstand unten */
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Texte innerhalb der Karte */
.bpgc-frontend-main-container-gift-cards .bpgc-gift-card-list-col h3,
.bpgc-frontend-main-container-gift-cards .bpgc-gift-card-list-col p {
  font-family: 'Istok Web', sans-serif;
  color: #1d1d1f;
  margin: 0 0 10px 0;
}
/**********************************************
 * BookingPress Suchfeld – Benedikt Style
 **********************************************/

input.el-input__inner[placeholder="Wonach suchen Sie..."] {
  height: 40px !important;
  padding: 0 20px !important;
  background-color: #eeeeee !important;   /* gleich wie Cart/Checkout Inputs */
  border: 1px solid #54595F !important;   /* Standard-Rahmenfarbe */
  border-radius: 10px !important;         /* deine abgerundeten Ecken */
  font-family: 'Istok Web', sans-serif !important;
  font-size: 14px !important;
  color: #1d1d1f !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Hover/Fokus neutralisieren */
input.el-input__inner[placeholder="Wonach suchen Sie..."]:hover,
input.el-input__inner[placeholder="Wonach suchen Sie..."]:focus {
  background-color: #eeeeee !important;
  border-color: #54595F !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Placeholder-Farbe */
input.el-input__inner[placeholder="Wonach suchen Sie..."]::placeholder {
  color: #7a7a7a !important;
}
/**********************************************
 * Giftcard "Suchen"-Button – Benedikt Style
 * Mit Lupe-Icon & 10px Abstand zum Text
 **********************************************/

button.el-button.bpgc-search-gift-card-btn.bpgc-front-btn.bpgc-front-btn--primary.bpa-btn.bpa-btn__medium.bpa-btn--full-width[aria-label="Suchen"] {
  background-color: #149bd7 !important;   /* Marken-Blau */
  color: #ffffff !important;              /* Text weiß */
  font-family: 'Istok Web', sans-serif !important;
  font-weight: 700 !important;
  border-radius: 15px !important;
  padding: 10px !important;               /* Abstand zum Rand */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;                   /* Abstand Icon ↔ Text */
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
  line-height: 1 !important;
}

/* Hover */
button.el-button.bpgc-search-gift-card-btn.bpgc-front-btn.bpgc-front-btn--primary.bpa-btn.bpa-btn__medium.bpa-btn--full-width[aria-label="Suchen"]:hover {
  background-color: #616160 !important;
  color: #ffffff !important;
}

/* Fokus unterdrücken */
button.el-button.bpgc-search-gift-card-btn.bpgc-front-btn.bpgc-front-btn--primary.bpa-btn.bpa-btn__medium.bpa-btn--full-width[aria-label="Suchen"]:focus,
button.el-button.bpgc-search-gift-card-btn.bpgc-front-btn.bpgc-front-btn--primary.bpa-btn.bpa-btn__medium.bpa-btn--full-width[aria-label="Suchen"]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Lupe-Icon (Font Awesome) */
button.el-button.bpgc-search-gift-card-btn.bpgc-front-btn.bpgc-front-btn--primary.bpa-btn.bpa-btn__medium.bpa-btn--full-width[aria-label="Suchen"] > span::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f002";                       /* Lupe-Icon */
  font-size: 16px;
  color: currentColor;
}
/**********************************************
 * Giftcard Footer – Inputs + Button Style
 **********************************************/

/* E-Mail Feld */
input.el-input__inner[placeholder="E-Mail Adresse eingeben"] {
  height: 40px !important;
  padding: 0 20px !important;
  background-color: #eeeeee !important;
  border: 1px solid #54595F !important;
  border-radius: 10px !important;
  font-family: 'Istok Web', sans-serif !important;
  font-size: 14px !important;
  color: #1d1d1f !important;
  box-shadow: none !important;
  outline: none !important;
  margin-bottom: 10px !important;   /* Abstand nach unten */
}

/* Textarea */
textarea.el-textarea__inner[placeholder="Einladungsnachricht"] {
  min-height: 80px !important;
  padding: 10px 20px !important;
  background-color: #eeeeee !important;
  border: 1px solid #54595F !important;
  border-radius: 10px !important;
  font-family: 'Istok Web', sans-serif !important;
  font-size: 14px !important;
  color: #1d1d1f !important;
  box-shadow: none !important;
  outline: none !important;
  margin-bottom: 10px !important;
  resize: vertical !important;      /* nur Höhe anpassen */
}

/* Fokus-States neutralisieren */
input.el-input__inner[placeholder="E-Mail Adresse eingeben"]:hover,
input.el-input__inner[placeholder="E-Mail Adresse eingeben"]:focus,
textarea.el-textarea__inner[placeholder="Einladungsnachricht"]:hover,
textarea.el-textarea__inner[placeholder="Einladungsnachricht"]:focus {
  background-color: #eeeeee !important;
  border-color: #54595F !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Senden-Button */
button.el-button.bpgc-gift-card-footer-btn.bpgc-front-btn.bpgc-front-btn__medium.bpgc-front-btn--primary[aria-label="Senden"] {
  background-color: #149bd7 !important;   /* Marken-Blau */
  color: #ffffff !important;
  font-family: 'Istok Web', sans-serif !important;
  font-weight: 700 !important;
  border-radius: 15px !important;
  padding: 10px 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
  line-height: 1 !important;
  width: 100% !important;            /* volle Breite für Konsistenz */
  margin-top: 10px !important;
}

/* Hover */
button.el-button.bpgc-gift-card-footer-btn.bpgc-front-btn.bpgc-front-btn__medium.bpgc-front-btn--primary[aria-label="Senden"]:hover {
  background-color: #616160 !important;
  color: #ffffff !important;
}

/* Fokus unterdrücken */
button.el-button.bpgc-gift-card-footer-btn.bpgc-front-btn.bpgc-front-btn__medium.bpgc-front-btn--primary[aria-label="Senden"]:focus,
button.el-button.bpgc-gift-card-footer-btn.bpgc-front-btn.bpgc-front-btn__medium.bpgc-front-btn--primary[aria-label="Senden"]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
/**********************************************
 * Giftcard "Senden"-Button – Benedikt Style mit Icon
 **********************************************/

button.el-button.bpgc-gift-card-footer-btn.bpgc-front-btn.bpgc-front-btn__medium.bpgc-front-btn--primary[aria-label="Senden"] {
  background-color: #149bd7 !important;   /* Marken-Blau */
  color: #ffffff !important;              /* Text & Icon weiß */
  font-family: 'Istok Web', sans-serif !important;
  font-weight: 700 !important;
  border-radius: 15px !important;
  padding: 10px 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;                   /* Abstand zwischen Icon & Text */
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
  line-height: 1 !important;
  width: 100% !important;                 /* volle Breite */
  margin-top: 10px !important;
}

/* Hover */
button.el-button.bpgc-gift-card-footer-btn.bpgc-front-btn.bpgc-front-btn__medium.bpgc-front-btn--primary[aria-label="Senden"]:hover {
  background-color: #616160 !important;   /* Hover = Grau */
  color: #ffffff !important;
}

/* Fokus unterdrücken */
button.el-button.bpgc-gift-card-footer-btn.bpgc-front-btn.bpgc-front-btn__medium.bpgc-front-btn--primary[aria-label="Senden"]:focus,
button.el-button.bpgc-gift-card-footer-btn.bpgc-front-btn.bpgc-front-btn__medium.bpgc-front-btn--primary[aria-label="Senden"]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Briefumschlag-Icon (Font Awesome) vor dem Text */
button.el-button.bpgc-gift-card-footer-btn.bpgc-front-btn.bpgc-front-btn__medium.bpgc-front-btn--primary[aria-label="Senden"] > span::before {
  font-family: "Font Awesome 5 Free";     /* Font Awesome aktivieren */
  font-weight: 900;                       /* Solid Icon */
  content: "\f0e0";                       /* Briefumschlag */
  font-size: 16px;
  color: currentColor;                    /* übernimmt Schriftfarbe */
  display: inline-block;
}/* End custom CSS */