/* general style */
.anmeldeformular input:not([type=submit]), textarea, select {
    font-size: var(--inputs-font-size, inherit);
    font-weight: var(--inputs-font-weight, inherit);
    border-radius: 0!important;
    background: var(--color-white, #FFFFFF)!important;
    border-color: var(--inputs-border-color, currentColor);
    color: var(--inputs-text-color, inherit);
    box-shadow: none!important;
    border-width: 0;
    transition: all 0.2s;
}

.anmeldeformular fieldset {
    margin-bottom: 0!important;
}

.anmeldeformular .gfmc-field div:not(.gchoice) {
    padding-bottom: 0!important;
}

.anmeldeformular #field_1_3 legend,
.anmeldeformular #field_1_6 legend,
.anmeldeformular #field_1_7 legend,
.anmeldeformular #field_1_10 legend,
.anmeldeformular #field_1_11 legend,
.anmeldeformular #field_1_14 legend,
.anmeldeformular #field_1_17 legend,
.anmeldeformular #field_1_18 legend,
.anmeldeformular #field_1_20 legend,
.anmeldeformular #field_1_23 legend,
.anmeldeformular #field_1_24 legend,
.anmeldeformular #field_1_25 legend,
.anmeldeformular #field_1_26 legend,
.anmeldeformular #field_1_31 legend,
.anmeldeformular #field_1_34 legend,
.anmeldeformular #field_1_35 legend,
.anmeldeformular #field_1_36 legend {
	display: none!important;
}

.anmeldeformular #field_1_3 label,
.anmeldeformular #field_1_6 label,
.anmeldeformular #field_1_7 label,
.anmeldeformular #field_1_10 label,
.anmeldeformular #field_1_11 label,
.anmeldeformular #field_1_14 label,
.anmeldeformular #field_1_17 label,
.anmeldeformular #field_1_18 label,
.anmeldeformular #field_1_20 label,
.anmeldeformular #field_1_23 label,
.anmeldeformular #field_1_24 label,
.anmeldeformular #field_1_25 label,
.anmeldeformular #field_1_26 label,
.anmeldeformular #field_1_31 label,
.anmeldeformular #field_1_34 label,
.anmeldeformular #field_1_35 label,
.anmeldeformular #field_1_36 label {
	display: none!important;
}

.anmeldeformular #field_1_1 legend {
    padding-top: 0;
    padding-bottom: .5em;
    font-weight: var(--font-weight-black);
    font-size: var(--font-size-16pt);
    padding-left: 0.5rem;
}

.anmeldeformular #field_1_1 .gfield_required {
    display: none!important;
}

.anmeldeformular .gsection_title {
    font-size: var(--font-size-16pt);
    font-weight: var(--font-weight-black);
    padding-left: 0.5rem;
}

.anmeldeformular input {
    font-size: var(--font-size-16pt)!important;
}

.anmeldeformular [id^="input_"][id$="_3"],
.anmeldeformular [id^="input_"][id$="_20"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.anmeldeformular [id^="input_"][id$="_3"] span,
.anmeldeformular [id^="input_"][id$="_20"] span {
    width: 100% !important;
    padding: 0.3rem !important;
}

.anmeldeformular .gfmc-field {
    flex-direction: row !important;
}

.anmeldeformular #field_1_6,
.anmeldeformular #field_1_23 {
    padding: 0.3rem !important;
    width: 85%;
}

.anmeldeformular #field_1_7,
.anmeldeformular #field_1_24 {
    padding: 0.3rem !important;
    width: 15%;
}

@media (max-width: 600px) {
    .anmeldeformular .gfmc-field {
        flex-direction: column !important;
    }
    .anmeldeformular #field_1_7,
    .anmeldeformular #field_1_24,
    .anmeldeformular #field_1_17,
    .anmeldeformular #field_1_34 {
        width: 28% !important;
    }
    .anmeldeformular #field_1_6,
    .anmeldeformular #field_1_23,
    .anmeldeformular #field_1_18,
    .anmeldeformular #field_1_35 {
        width: 100% !important;
    }

    .anmeldeformular .plz-ort-field {
        flex-direction: row !important;
    }

}

.anmeldeformular #field_1_10,
.anmeldeformular #field_1_25 {
    padding: 0.3rem !important;
    width: 100% !important;
}

.anmeldeformular #field_1_11,
.anmeldeformular #field_1_26 {
    padding: 0.3rem !important;
    width: 100% !important;
}

.anmeldeformular #field_1_14,
.anmeldeformular #field_1_31 {
    padding: 0.3rem !important;
    width: 100% !important;
}

.anmeldeformular #field_1_17,
.anmeldeformular #field_1_34 {
    padding: 0.3rem !important;
    width: 15%;
}

.anmeldeformular #field_1_18,
.anmeldeformular #field_1_35 {
    padding: 0.3rem !important;
    width: 85%;
}

.anmeldeformular #field_1_36 {
    padding: 0.3rem !important;
    margin-top: 2.5rem;
}

.anmeldeformular .gsection {
    padding-top: 2.5rem !important;
}

/* Make the radio container a two-column grid */
/*.anmeldeformular .ginput_container_radio .gfield_radio {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 0.5rem;
  column-gap: 0.75rem;
  font-size: var(--font-size-16pt)!important;
  padding: 0.3rem !important;
}*/

.anmeldeformular .ginput_container_radio .gfield_radio {
    display: block !important;
    grid-template-columns: none !important; /* reset grid */
    row-gap: 0 !important;
    column-gap: 0 !important;
    padding: 0; /* optional */
}

@media (max-width: 600px) {
    .anmeldeformular .ginput_container_radio .gfield_radio {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Optional: make each choice fill the column
.anmeldeformular .ginput_container_radio .gchoice {
  display: flex;
  align-items: center;
}*/

/* Make radio + label align at the top */
.anmeldeformular .gfield_radio .gchoice {
    display: flex !important;
    align-items: flex-start !important;
    padding-bottom: 0.8rem;
}

/* Add spacing between radio button and text */
.anmeldeformular .gfield_radio .gchoice input[type="radio"] {
    margin-top: 3px; /* adjust to your taste */
    margin-right: 0.5rem;
}

.anmeldeformular .additional-information {
    display: flex!important;
    font-size: var(--font-size-10pt);
    line-height: 1.4;
    margin-top: 3px;
    opacity: 0.9; /* optional, makes it softer */
    font-family: 'Lato', sans-serif;
    flex-direction: column!important;
}

.additional-information-bigger {
    font-size: 1rem;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}

.anmeldeformular .additional-information-bold {
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    font-size: var(--font-size-10pt);
}

/* Optional: make the label not wrap strangely */
.anmeldeformular .ginput_container_radio .gform-field-label {
  margin-left: 0; /* small gap between radio and label */
}

.anmeldeformular_wrapper .gform_heading {
    display: none;
}

/* Same base look; orange brand */
.anmeldeformular #gform_submit_button_1 {
  position: relative;
  display: inline-block;
  padding: 0.75em 1.5em;
  border-radius: 9999px;
  font-weight: 800;
  font-family: 'Lato', sans-serif;
  letter-spacing: 0.02em;
  color: var(--color-white, #FFFFFF) !important;
  background: linear-gradient(to top right, var(--color-pumpkin, #f58138) 0%, var(--color-pumpkin, #f58138) 45%, var(--color-apricot, #fdd4b6) 100%) !important;
  overflow: hidden;
  border: 0;
  transition: background 0.3s ease!important;
  margin-top: 1.5rem;
  margin-bottom: 0.3rem;
  margin-right: 0.3rem;
  margin-left: 0.3rem;
}

/* Hover state */
.anmeldeformular #gform_submit_button_1:hover {
    background: var(--color-eminence, #642875) !important;
    color: var(--color-white, #FFFFFF) !important;
    transition: background 0.3s ease!important;
}

/* .anmeldeformular #gform_submit_button_1 > span { position: relative; z-index: 1; }*/

.anmeldeformular .gfield_validation_message {
	margin-left: 0.6rem;
	margin-right: 0.6rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	color: var(--color-error, #C73C4E);
	font-weight: var(--font-weight-heavy);
	font-size: var(--font-size-13pt);
}

.anmeldeformular_wrapper .gform_validation_errors {
    padding: 1.5rem;
    margin-bottom: 0.8rem;
    font-size: var(--font-size-14pt);
    font-weight: var(--font-weight-heavy);
    color: var(--color-error, #C73C4E);
    box-shadow: none!important;
    background: var(--error-bg)!important;
}

#gform_confirmation_message_1,
.gform_confirmation_message_1 {
    width: 70%!important;
    margin-left: auto!important;
    margin-right: auto!important;
}

@media (max-width: 600px) {
    #gform_confirmation_message_1 {
        width: 100%!important;
        margin-left: auto!important;
        margin-right: !important;
    }
}

#gform_confirmation_message_1 span.answer-box {
    padding: 1.5rem;
    background: var(--pumpkin-grad) !important;
    width: fit-content;
    display: inline-block;
}

.newsletter-form [id^="input_"][id$="_1"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.newsletter-form [id^="input_"][id$="_1"] span {
    width: 100% !important;
    padding: 0.3rem !important;
}

.newsletter-form legend,
.newsletter-form label {
    display: none;
}

.newsletter-form #field_2_3 {
    padding: 0.3rem !important;
    width: 100% !important;
}

.newsletter-form #gform_submit_button_2 {
  position: relative;
  display: inline-block;
  padding: 0.75em 1.5em;
  border-radius: 9999px;
  font-weight: 800;
  font-family: 'Lato', sans-serif;
  letter-spacing: 0.02em;
  color: var(--color-white, #FFFFFF) !important;
  background: linear-gradient(to top right, var(--color-pumpkin, #f58138) 0%, var(--color-pumpkin, #f58138) 45%, var(--color-apricot, #fdd4b6) 100%) !important;
  overflow: hidden;
  border: 0;
  transition: background 0.3s ease!important;
  margin-top: 0.7rem;
  margin-bottom: 0.3rem;
  margin-right: 0.3rem;
  margin-left: 0.3rem;
}

/* Hover state */
.newsletter-form #gform_submit_button_2:hover {
    background: var(--color-eminence, #642875) !important;
    color: var(--color-white, #FFFFFF) !important;
    transition: background 0.3s ease!important;
}

#gform_wrapper_2 .gform_heading p {
    color: var(--color-midnight-green) !important;
    font-weight: var(--font-weight-heavy);
    line-height: var(--lh-tight);
    font-size: clamp(1.75rem, 2.5vw, 2.333rem);
    font-family: var(--h1-font-family);
    font-style: italic;
    margin: 0.6rem;
}

.newsletter-form input:not([type=submit]), textarea, select {
    font-size: var(--font-size-16pt) !important;
    font-weight: var(--inputs-font-weight, inherit);
    border-radius: 0 !important;
    background: var(--color-white, #FFFFFF) !important;
    border-color: var(--inputs-border-color, currentColor);
    color: var(--inputs-text-color, inherit);
    box-shadow: none !important;
    border-width: 0;
    transition: all 0.2s;
}

.newsletter-form fieldset {
    margin-bottom: 0!important;
}

#gform_confirmation_message_2 {
    color: var(--color-eminence, #642875)!important;
    font-size: var(--font-size-16pt) !important;
    font-weight: var(--font-weight-heavy) !important;
}

.newsletter-form input::placeholder,
.newsletter-form textarea::placeholder {
  color: var(--color-midnight-green) !important;
  opacity: 1;
}