.elementor-1212 .elementor-element.elementor-element-9b33958{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1212 .elementor-element.elementor-element-e473513{--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;--padding-top:6rem;--padding-bottom:6rem;--padding-left:4rem;--padding-right:4rem;}.elementor-1212 .elementor-element.elementor-element-e473513:not(.elementor-motion-effects-element-type-background), .elementor-1212 .elementor-element.elementor-element-e473513 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2536b01 );}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{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 );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );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 );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{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 );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{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 );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1212 .elementor-element.elementor-element-6603284 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1212 .elementor-element.elementor-element-6603284 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1212 .elementor-element.elementor-element-6603284 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1212 .elementor-element.elementor-element-6603284 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1212 .elementor-element.elementor-element-6603284 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1212 .elementor-element.elementor-element-6603284 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1212 .elementor-element.elementor-element-6603284 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1212 .elementor-element.elementor-element-6603284 .elementor-field-group > label, .elementor-1212 .elementor-element.elementor-element-6603284 .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-1212 .elementor-element.elementor-element-6603284 .elementor-field-type-html{padding-bottom:0px;color:var( --e-global-color-text );}.elementor-1212 .elementor-element.elementor-element-6603284 .elementor-field-group .elementor-field{color:var( --e-global-color-secondary );}.elementor-1212 .elementor-element.elementor-element-6603284 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:var( --e-global-color-primary );border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-1212 .elementor-element.elementor-element-6603284 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:var( --e-global-color-primary );border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-1212 .elementor-element.elementor-element-6603284 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-primary );}.elementor-1212 .elementor-element.elementor-element-6603284 .elementor-button{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 );border-radius:0px 0px 0px 0px;padding:8px 16px 8px 16px;}.elementor-1212 .elementor-element.elementor-element-6603284 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );}.elementor-1212 .elementor-element.elementor-element-6603284 .elementor-button[type="submit"]{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );}.elementor-1212 .elementor-element.elementor-element-6603284 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-secondary );}.elementor-1212 .elementor-element.elementor-element-6603284 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1212 .elementor-element.elementor-element-6603284 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );}.elementor-1212 .elementor-element.elementor-element-6603284 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );}.elementor-1212 .elementor-element.elementor-element-6603284 .elementor-button[type="submit"]:hover svg *{fill:var( --e-global-color-secondary );}.elementor-1212 .elementor-element.elementor-element-6603284 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1212 .elementor-element.elementor-element-6603284{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:1024px){.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );}.elementor-1212 .elementor-element.elementor-element-6603284 .elementor-button{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-1212 .elementor-element.elementor-element-e473513{--padding-top:4rem;--padding-bottom:4rem;--padding-left:2rem;--padding-right:2rem;}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );}.elementor-1212 .elementor-element.elementor-element-6603284 .elementor-button{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for form, class: .elementor-element-6603284 */.elementor-form-fields-wrapper input { padding: 8px 16px !important; line-height: 24px; font-size: 1rem; border: 1px solid #F59C2D !important; border-radius: 0px; } .elementor-1212 .elementor-element.elementor-element-6603284 ::placeholder { color: #000; /* Wunschfarbe */ opacity: 1; /* WICHTIG: nimmt die Transparenz raus */ } .elementor-form-fields-wrapper{ display: grid; grid-template-columns: 1fr 1.3fr; /* rechts etwas breiter wie Figma */ column-gap: 4rem; row-gap: 1rem; align-items: start; grid-template-areas: "intro name" "intro email" "intro phone" "left request" "left message" "left submit"; } /* Linker Block */ .elementor-field-group-field_0021ce2{ grid-area: intro; } /* HTML Intro */ .elementor-field-group-field_dc911cd{ grid-area: left; } /* Upload */ /* Rechte Spalte: Grundzuordnung */ .elementor-field-group-name{ grid-area: name; } .elementor-field-group-email{ grid-area: email; } .elementor-field-group-phone{ grid-area: phone; } .elementor-field-group-request{ grid-area: request; } .elementor-field-group-message{ grid-area: message; } .e-form__buttons{ grid-area: submit; } /* ===== Telefon + Anliegen nebeneinander (rechte Spalte) ===== */ /* “Subgrid” per Trick: wir machen aus dem Bereich phone/request eine 2er-Reihe */ .elementor-form-fields-wrapper{ /* nichts weiter nötig */ } /* Telefon + Anliegen in einer Zeile (2 Spalten) */ .elementor-field-group-phone{ justify-self: stretch; } .elementor-field-group-request{ justify-self: stretch; } .left-content { display: flex; flex-direction: column; gap: 1rem } .elementor-1212 .elementor-element.elementor-element-6603284 h2 { color: var(--e-global-color-primary); line-height: 110%; margin: 0px; } .elementor-field-group-field_0021ce2 a { border: 1px solid var(--e-global-color-primary); color: white; border-radius: 0px; padding: 8px 16px; transition: all 0.4s; width: fit-content; } .elementor-field-group-field_0021ce2 a:hover { background-color: var(--e-global-color-primary); } #form-field-message { height: 196px; } .elementor-1212 .elementor-element.elementor-element-6603284 .elementor-field-type-upload label { !important; color: white; border: 1px solid #F59C2D; padding: 8px 16px !important; line-height: 24px; transition: all 0.4s; display: flex; align-items: center; justify-content: center; gap: 1rem; } .elementor-1212 .elementor-element.elementor-element-6603284 .elementor-field-type-upload label:hover { background-color: #F59C2D; } .elementor-1212 .elementor-element.elementor-element-6603284 .elementor-field-type-upload .elementor-field-label:hover svg path{ stroke: #fff !important; } #form-field-field_dc911cdb { display: none; } /* Mobile */ @media (max-width: 767px) { .elementor-form-fields-wrapper{ grid-template-columns: 1fr; column-gap: 0; row-gap: 1rem; /* ✅ Mobile-Reihenfolge sauber definieren */ grid-template-areas: "intro" "left" "name" "email" "phone" "request" "message" "submit"; } /* Sicherheit: alle Felder auf 1 Spalte */ .elementor-form-fields-wrapper > .elementor-field-group{ grid-column: 1 !important; } /* falls du im Upload-Label center nicht willst auf Mobile */ .elementor-1212 .elementor-element.elementor-element-6603284 .elementor-field-type-upload label{ justify-content: flex-start; } } .elementor-1212 .elementor-element.elementor-element-6603284 .elementor-field-type-upload label { !important; color: #F59C2D !important; border: 1px solid #F59C2D; padding: 8px 16px !important; line-height: 24px; transition: all 0.4s; display: flex; align-items: center; justify-content: center; gap: 1rem; } .elementor-1212 .elementor-element.elementor-element-6603284 .elementor-field-type-upload label:hover { background-color: #F59C2D; color: white !important; } .elementor-1212 .elementor-element.elementor-element-6603284 .elementor-field-type-upload .elementor-field-label:hover svg path{ stroke: #fff !important; } #form-field-field_dc911cd { display: none; } /* Mobile */ @media (max-width: 767px) { .elementor-form-fields-wrapper{ grid-template-columns: 1fr; column-gap: 0; row-gap: 1rem; /* ✅ Mobile-Reihenfolge sauber definieren */ grid-template-areas: "intro" "left" "name" "email" "phone" "request" "message" "submit"; } .elementor-field-group-field_dc911cdb { margin-bottom: 25px !important; } /* Sicherheit: alle Felder auf 1 Spalte */ .elementor-form-fields-wrapper > .elementor-field-group{ grid-column: 1 !important; } /* falls du im Upload-Label center nicht willst auf Mobile */ .elementor-1212 .elementor-element.elementor-element-6603284 .elementor-field-type-upload label{ justify-content: flex-start; } } label[for="form-field-field_dc911cdb"]::after { color: white; content: "Keine Dateien ausgewählt"; position: absolute; bottom: -30px; left: 5px; white-space: normal; opacity: 0.7; overflow-wrap: anywhere; pointer-events: none; } label[for="form-field-field_dc911cdb"].has-file::after { content: attr(data-file); pointer-events: none; } /* Wenn mehrzeilig */ label[for="form-field-field_dc911cdb"].multi-line::after { bottom: -50px; }/* End custom CSS */