.elementor-19851 .elementor-element.elementor-element-c386de5{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19851 .elementor-element.elementor-element-4cc0189{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-19851 .elementor-element.elementor-element-0318466{width:100%;max-width:100%;}.elementor-19851 .elementor-element.elementor-element-0318466 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-19851 .elementor-element.elementor-element-6f4bdc5{--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-19851 .elementor-element.elementor-element-fa2d2a2{--display:flex;}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-19851 .elementor-element.elementor-element-7eac202 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-19851 .elementor-element.elementor-element-7eac202 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-19851 .elementor-element.elementor-element-7eac202{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}@media(min-width:768px){.elementor-19851 .elementor-element.elementor-element-c386de5{--content-width:100%;}.elementor-19851 .elementor-element.elementor-element-4cc0189{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-2e23f81 *//* =====================================================================
   PENZKOFER GOLF CUP 2026 — Gravity Form 28 Custom Design
   Hybrid: Modernes Card-Layout innen + 1px-Black-Mailing-Border aussen.
   CI-Akzente bei Headlines + Button.
   Scope: nur #gform_wrapper_28.

   GF-Admin -> Form Settings -> CSS Class Name: leer lassen.
   CSS in WP Customizer einfuegen.
   ===================================================================== */

/* ---- 1) GF-Variablen ---- */
#gform_wrapper_28[data-form-index="0"].gform-theme,
[data-parent-form="28_0"] {
  --gf-color-primary: #d3212b;
  --gf-color-primary-rgb: 211, 33, 43;
  --gf-color-primary-darker: #82130f;
  --gf-color-primary-lighter: #e7480f;
  --gf-color-primary-contrast: #ffffff;
  --gf-color-in-ctrl-primary: #d3212b;
  --gf-color-in-ctrl-primary-rgb: 211, 33, 43;
  --gf-color-in-ctrl-primary-darker: #82130f;
  --gf-color-in-ctrl-primary-lighter: #e7480f;
  --gf-color-in-ctrl-primary-contrast: #ffffff;
  --gf-radius: 0.6rem;
  --gf-ctrl-border-color: #d8d8da;
  --gf-ctrl-label-color-primary: #1a1a1a;
  --gf-ctrl-label-color-secondary: #1a1a1a;
}

/* ---- 2) Wrapper: aussen Mailing-Border (1px schwarz, keine Rundung), innen modern ---- */
#gform_wrapper_28 {
  max-width: 75rem;
  margin: 0 auto;
  padding: 4.8rem 4.8rem;
  background: #ffffff;
  border: 0.1rem solid #1a1a1a;
  border-radius: 0;
  font-family: 'Univers LT Std', Arial, Helvetica, sans-serif;
  color: #1a1a1a;
  font-size: 1.6rem;
}

/* "*"-Hinweis-Legende oben weg (User wollte keinen Stern) */
#gform_wrapper_28 .gform_required_legend {
  display: none !important;
}

/* ---- 3) Form-Grid ---- */
#gform_wrapper_28 .gform_fields {
  display: grid !important;
  grid-template-columns: 1fr;
  row-gap: 2.4rem !important;
}

/* ---- 4) Section-Header (Hauptperson / Begleitperson) ----
   Wie "DEGGENDORFER GOLFCLUB" im Mailing: gross, uppercase, mit
   Penzkofer-Multistop-Gradient als Text-Fill (background-clip: text). */

#gform_wrapper_28 #field_28_1::before,
#gform_wrapper_28 #field_28_9::before {
  display: block;
  font-family: 'Univers LT Std', sans-serif;
  font-weight: 700;
  font-size: 3.6rem;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  line-height: 1.05;
  margin: 0 0 2.4rem 0;
  background: linear-gradient(135deg, #d3212b 5%, #e7480f 40%, #d3212b 65%, #82130f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

#gform_wrapper_28 #field_28_1::before { content: 'Teilnehmer'; }
#gform_wrapper_28 #field_28_9::before { content: 'Begleitperson'; }

/* ---- 5) Section-Trenner ---- */
#gform_wrapper_28 #field_28_8 {
  margin-top: 1.6rem;
  padding: 1.6rem 2rem !important;
  background: #f8f8f8;
  border: 0.1rem solid #ececec;
  border-radius: 0.6rem;
}

#gform_wrapper_28 #field_28_9 {
  margin-top: 0.8rem;
  padding-top: 2.4rem;
  border-top: 0.1rem solid #f0f0f0;
}

#gform_wrapper_28 #field_28_14 {
  margin-top: 3.2rem;
  padding: 2rem 2.4rem !important;
  background: #fafafa;
  border-radius: 0.6rem;
}
/* "Einwilligung"-Legende ist redundant - der Consent-Text beginnt
   selbst mit "Ich willige ein...". Visuell ausblenden, fuer
   Screen-Reader bleibt sie im DOM. */
#gform_wrapper_28 #field_28_14 > legend.gfield_label {
  position: absolute !important;
  left: -9999rem !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ---- 6) Labels ---- */
#gform_wrapper_28 .gfield_label,
#gform_wrapper_28 legend.gfield_label {
  font-family: 'Univers LT Std', sans-serif;
  font-weight: 400 !important;
  font-size: 1.4rem !important;
  color: #4A4A4A !important;
  margin: 0 0 0.8rem 0 !important;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.4;
  display: block !important;
}

/* hidden_label: Screen-Reader-only */
#gform_wrapper_28 .gfield.hidden_label > .gfield_label,
#gform_wrapper_28 fieldset.gfield.hidden_label > legend.gfield_label {
  position: absolute !important;
  left: -9999rem !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* Sub-Labels (Vorname / Nachname) */
#gform_wrapper_28 .gform-field-label--type-sub {
  font-family: 'Univers LT Std', sans-serif;
  font-weight: 400 !important;
  font-size: 1.3rem !important;
  color: #888888 !important;
  margin: 0 0 0.6rem 0 !important;
  text-transform: none;
  letter-spacing: 0;
  display: block !important;
}

/* "(erforderlich)" inline-Marker dezent rot (kein Stern) */
#gform_wrapper_28 .gfield_required,
#gform_wrapper_28 .gfield_required_text {
  display: inline !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #d3212b !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  margin-left: 0.4rem;
  text-transform: none;
  letter-spacing: 0;
}
/* Asterisk-Variante: Stern verbergen, (erforderlich) als Pseudo-Element einsetzen */
#gform_wrapper_28 .gfield_required_asterisk {
  display: inline !important;
  visibility: visible !important;
  font-size: 0 !important;
  letter-spacing: 0;
  margin-left: 0.4rem;
}
#gform_wrapper_28 .gfield_required_asterisk::before {
  content: '(erforderlich)';
  display: inline;
  font-family: 'Univers LT Std', sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  color: #d3212b;
  text-transform: none;
  letter-spacing: 0;
}

/* Bei Name-Feldern ist das Parent-Legend (mit dem (erforderlich)-Marker)
   via hidden_label versteckt. Marker an die Sub-Labels anhaengen. */
#gform_wrapper_28 .gfield--type-name.gfield_contains_required .gform-field-label--type-sub::after {
  content: ' (erforderlich)';
  color: #d3212b;
  font-weight: 400;
  font-size: 1.2rem;
  margin-left: 0.2rem;
  text-transform: none;
  letter-spacing: 0;
}

/* ---- 7) Inputs: modern, weich, gerundet ---- */
#gform_wrapper_28 input[type="text"],
#gform_wrapper_28 input[type="email"] {
  width: 100% !important;
  box-sizing: border-box;
  padding: 1.4rem 1.6rem !important;
  font-family: 'Univers LT Std', sans-serif !important;
  font-size: 1.6rem !important;
  font-weight: 400 !important;
  line-height: 1.4;
  color: #1a1a1a !important;
  background: #ffffff !important;
  border: 0.1rem solid #d8d8da !important;
  border-radius: 0.6rem !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#gform_wrapper_28 input[type="text"]::placeholder,
#gform_wrapper_28 input[type="email"]::placeholder {
  color: #b8b8b8;
  font-weight: 300;
}

#gform_wrapper_28 input[type="text"]:hover,
#gform_wrapper_28 input[type="email"]:hover {
  border-color: #aaaaaa !important;
}

#gform_wrapper_28 input[type="text"]:focus,
#gform_wrapper_28 input[type="email"]:focus {
  outline: none !important;
  border-color: #d3212b !important;
  box-shadow: 0 0 0 0.3rem rgba(211, 33, 43, 0.12) !important;
  background: #ffffff !important;
}

/* Vorname/Nachname als 2-Spalten-Grid */
#gform_wrapper_28 .ginput_complex.ginput_container_name {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 1.2rem;
}
#gform_wrapper_28 .ginput_complex.ginput_container_name > span {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---- 8) Checkboxes: modern rounded mit rotem Fill ---- */
#gform_wrapper_28 .gfield_checkbox .gchoice {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin: 0.8rem 0 !important;
  padding: 0;
}

#gform_wrapper_28 .gfield_checkbox input[type="checkbox"],
#gform_wrapper_28 .ginput_container_consent input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 2.2rem !important;
  height: 2.2rem !important;
  margin: 0 !important;
  flex: 0 0 auto;
  border: 0.15rem solid #d8d8da;
  border-radius: 0.5rem;
  background: #ffffff;
  cursor: pointer;
  position: relative;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

#gform_wrapper_28 .gfield_checkbox input[type="checkbox"]:hover,
#gform_wrapper_28 .ginput_container_consent input[type="checkbox"]:hover {
  border-color: #aaaaaa;
}

#gform_wrapper_28 .gfield_checkbox input[type="checkbox"]:focus-visible,
#gform_wrapper_28 .ginput_container_consent input[type="checkbox"]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.3rem rgba(211, 33, 43, 0.18);
  border-color: #d3212b;
}

#gform_wrapper_28 .gfield_checkbox input[type="checkbox"]:checked,
#gform_wrapper_28 .ginput_container_consent input[type="checkbox"]:checked {
  background: #d3212b;
  border-color: #d3212b;
}

#gform_wrapper_28 .gfield_checkbox input[type="checkbox"]:checked::after,
#gform_wrapper_28 .ginput_container_consent input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  left: 0.6rem;
  top: 0.2rem;
  width: 0.6rem;
  height: 1.1rem;
  border: solid #ffffff;
  border-width: 0 0.25rem 0.25rem 0;
  transform: rotate(45deg);
}

#gform_wrapper_28 .gfield_checkbox label,
#gform_wrapper_28 .gform-field-label--type-inline {
  font-family: 'Univers LT Std', sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.5rem !important;
  color: #1a1a1a !important;
  cursor: pointer;
  line-height: 1.5;
  margin: 0 !important;
  text-transform: none;
  letter-spacing: 0;
  padding-top: 0.1rem;
  display: inline !important;
}

/* ---- 9) Begleitung-Toggle: helle Highlight-Box ---- */
#gform_wrapper_28 #field_28_8 .gchoice {
  margin: 0 !important;
}

/* ---- 10) Einwilligung: dezent grau ---- */
#gform_wrapper_28 #field_28_14 .ginput_container_consent {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

#gform_wrapper_28 .gfield_consent_label {
  font-family: 'Univers LT Std', sans-serif !important;
  font-weight: 300 !important;
  font-size: 1.3rem !important;
  line-height: 1.6 !important;
  color: #4A4A4A !important;
  text-transform: none;
  letter-spacing: 0;
  margin: 0 !important;
  display: inline !important;
}

#gform_wrapper_28 .gfield_consent_label a {
  color: #d3212b;
  text-decoration: underline;
  font-weight: 700;
}

/* ---- 11) Submit-Button: CI Maps-CTA-Style aus dem Mailing ---- */
#gform_wrapper_28 .gform_footer {
  margin-top: 3.2rem !important;
  padding: 0 !important;
  border: none !important;
}

#gform_wrapper_28 .gform_button,
#gform_wrapper_28 input[type="submit"].gform_button {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  display: inline-block;
  width: 100%;
  padding: 1.8rem 2.4rem !important;
  background: #d3212b linear-gradient(135deg, #d3212b 5%, #e7480f 40%, #d3212b 65%, #82130f 100%) !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  color: #ffffff !important;
  font-family: 'Univers LT Std', sans-serif !important;
  font-weight: 900 !important;
  font-size: 1.5rem !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border: none !important;
  border-radius: 0 !important;
  cursor: pointer;
  box-shadow: none !important;
  transition: filter 0.15s ease, transform 0.12s ease, box-shadow 0.18s ease !important;
}

#gform_wrapper_28 .gform_button:hover,
#gform_wrapper_28 input[type="submit"].gform_button:hover {
  filter: brightness(1.05);
  transform: translateY(-0.1rem);
  box-shadow: 0 0.6rem 1.6rem rgba(211, 33, 43, 0.32) !important;
  background: #d3212b linear-gradient(135deg, #d3212b 5%, #e7480f 40%, #d3212b 65%, #82130f 100%) !important;
}

#gform_wrapper_28 .gform_button:active {
  transform: translateY(0);
  box-shadow: none !important;
}

#gform_wrapper_28 .gform_button:focus-visible {
  outline: 0.3rem solid rgba(211, 33, 43, 0.45);
  outline-offset: 0.2rem;
}

/* ---- 12) Validation Errors ---- */
#gform_wrapper_28 .gfield_error input[type="text"],
#gform_wrapper_28 .gfield_error input[type="email"] {
  border-color: #d3212b !important;
  background: #fef5f5 !important;
}

#gform_wrapper_28 .gfield_validation_message,
#gform_wrapper_28 .validation_message {
  font-size: 1.3rem !important;
  color: #d3212b !important;
  margin-top: 0.4rem !important;
  font-weight: 400;
}

#gform_wrapper_28 .gform_validation_errors {
  background: #fef5f5;
  border: 0.1rem solid #f5c2c5;
  border-radius: 0.6rem;
  padding: 1.6rem 2rem;
  margin-bottom: 2.4rem;
}
#gform_wrapper_28 .gform_validation_errors h2 {
  font-size: 1.5rem !important;
  color: #d3212b !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

/* ---- 13) Mobile ---- */
@media (max-width: 620px) {
  #gform_wrapper_28 {
    padding: 3.2rem 2.4rem;
  }
  #gform_wrapper_28 #field_28_1::before,
  #gform_wrapper_28 #field_28_9::before {
    font-size: 2.6rem;
  }
  #gform_wrapper_28 .ginput_complex.ginput_container_name {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
}

/* =====================================================================
   14) Confirmation Message (nach erfolgreichem Absenden)
   GF-Admin -> Form 28 -> Settings -> Confirmations -> Default Confirmation:
     <h2 class="pk-confirm-headline">Vielen Dank für deine Anmeldung!</h2>
     <p class="pk-confirm-text">Wir haben deine Daten erhalten. In wenigen
     Minuten findest du eine Bestätigung mit allen Eckdaten zum Penzkofer
     Golf Cup 2026 in deinem Postfach. Bei Fragen melde dich gern unter
     <a href="mailto:immobilien@penzkofer.de">immobilien@penzkofer.de</a>.</p>
   ===================================================================== */

#gform_confirmation_message_28 {
  max-width: 75rem;
  margin: 4rem auto;
  padding: 4.8rem;
  background: #ffffff;
  border: 0.1rem solid #1a1a1a;
  text-align: center;
}

#gform_confirmation_message_28 .pk-confirm-headline {
  font-family: 'Univers LT Std', sans-serif;
  font-weight: 700;
  font-size: 3.6rem;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  line-height: 1.05;
  margin: 0 0 2rem 0;
  background: linear-gradient(135deg, #d3212b 5%, #e7480f 40%, #d3212b 65%, #82130f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

#gform_confirmation_message_28 .pk-confirm-text {
  font-family: 'Univers LT Std', sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #4A4A4A;
  margin: 0 auto;
  max-width: 56rem;
}

#gform_confirmation_message_28 .pk-confirm-text a {
  color: #d3212b;
  text-decoration: underline;
  font-weight: 700;
}

@media (max-width: 620px) {
  #gform_confirmation_message_28 {
    padding: 3.2rem 2.4rem;
    margin: 2.4rem auto;
  }
  #gform_confirmation_message_28 .pk-confirm-headline {
    font-size: 2.6rem;
  }
}/* End custom CSS */