.elementor-21 .elementor-element.elementor-element-ffa7fce{--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:100px;--margin-bottom:0px;--margin-left:32px;--margin-right:32px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-94ac29c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-8642740 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:28px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-accent );}.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-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.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-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.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-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-21 .elementor-element.elementor-element-07e2033 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-07e2033 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-21 .elementor-element.elementor-element-07e2033 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-21 .elementor-element.elementor-element-07e2033 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-21 .elementor-element.elementor-element-07e2033 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-07e2033 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-21 .elementor-element.elementor-element-07e2033 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-21 .elementor-element.elementor-element-07e2033 .elementor-field-type-html{padding-bottom:0px;}.elementor-21 .elementor-element.elementor-element-07e2033 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-21 .elementor-element.elementor-element-07e2033 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-21 .elementor-element.elementor-element-07e2033 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-21 .elementor-element.elementor-element-07e2033 .elementor-button[type="submit"]{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-21 .elementor-element.elementor-element-07e2033 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-21 .elementor-element.elementor-element-07e2033 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-21 .elementor-element.elementor-element-07e2033 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-21 .elementor-element.elementor-element-07e2033 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-21 .elementor-element.elementor-element-07e2033 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-21 .elementor-element.elementor-element-07e2033 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-21 .elementor-element.elementor-element-07e2033{--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;}.elementor-21 .elementor-element.elementor-element-3bca3b0{--display:flex;}.elementor-21 .elementor-element.elementor-element-1ef5310{--spacer-size:150px;}.elementor-21 .elementor-element.elementor-element-f72552a{--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:100px;--margin-bottom:0px;--margin-left:32px;--margin-right:32px;}.elementor-21 .elementor-element.elementor-element-eb6ae6d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;}.elementor-21 .elementor-element.elementor-element-0c30bb4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-8ebc778 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:28px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-21 .elementor-element.elementor-element-97c70a2 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-97c70a2 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-21 .elementor-element.elementor-element-97c70a2 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-21 .elementor-element.elementor-element-97c70a2 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-21 .elementor-element.elementor-element-97c70a2 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-97c70a2 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-21 .elementor-element.elementor-element-97c70a2 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-21 .elementor-element.elementor-element-97c70a2 .elementor-field-type-html{padding-bottom:0px;}.elementor-21 .elementor-element.elementor-element-97c70a2 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-21 .elementor-element.elementor-element-97c70a2 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-21 .elementor-element.elementor-element-97c70a2 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-21 .elementor-element.elementor-element-97c70a2 .elementor-button[type="submit"]{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-21 .elementor-element.elementor-element-97c70a2 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-21 .elementor-element.elementor-element-97c70a2 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-21 .elementor-element.elementor-element-97c70a2 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-21 .elementor-element.elementor-element-97c70a2 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-21 .elementor-element.elementor-element-97c70a2 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-21 .elementor-element.elementor-element-97c70a2 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-21 .elementor-element.elementor-element-97c70a2{--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-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.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-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );}}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-ffa7fce{--content-width:960px;}.elementor-21 .elementor-element.elementor-element-f72552a{--content-width:960px;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-ffa7fce{--content-width:95%;--margin-top:89px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.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-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );}.elementor-21 .elementor-element.elementor-element-f72552a{--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-eb6ae6d .elementor-heading-title{font-size:35px;}}/* Start custom CSS for container, class: .elementor-element-94ac29c *//* ===== ATTIVO – Kontakt (Form + Card + Hero) ===== */ :root{ --steel-cyan:#4F97A3; --oxblood:#780000; --ash-rose:#CAC1BD; --soft-gray:#F6F6F6; --text:#1A1A1A; } body{ background:var(--soft-gray); color:var(--text); } /* Hero Ribbon + Badge */ .ribbon{ height:6px; background:linear-gradient(90deg,var(--oxblood),var(--ash-rose),var(--steel-cyan)); border-radius:999px; } .badge{ display:inline-block; background:#fff; border:1px solid var(--ash-rose); padding:.25rem .55rem; border-radius:999px; font-size:.75rem; margin-top:10px; } /* Card Wrapper */ .contact-card{ margin-top:1.25rem; background:#fff; border:1px solid var(--ash-rose); border-radius:18px; padding:18px; overflow:hidden; box-shadow:0 0 0 rgba(0,0,0,0); transition:box-shadow .25s ease, transform .25s ease; } .contact-card:hover{ box-shadow:0 16px 40px rgba(79,151,163,.18); transform:translateY(-2px); } /* ===== Formular-Grid – robust: funktioniert mit oder ohne .attivo-form ===== */ .contact-card .elementor-widget-form .elementor-form-fields-wrapper, .attivo-form .elementor-form-fields-wrapper{ display:grid !important; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; } @media (max-width:720px){ .contact-card .elementor-widget-form .elementor-form-fields-wrapper, .attivo-form .elementor-form-fields-wrapper{ grid-template-columns:1fr; } } /* Flex-Breiten neutralisieren (Elementor setzt inline width/flex) */ .contact-card .elementor-widget-form .elementor-field-group, .attivo-form .elementor-field-group{ margin:0 !important; width:auto !important; flex:auto !important; -webkit-box-flex:unset !important; } /* Vollbreite-Felder: via Klasse .full-row ODER Field-IDs/Typen */ .contact-card .elementor-widget-form .elementor-field-group.full-row, .attivo-form .elementor-field-group.full-row, .contact-card .elementor-widget-form .elementor-field-group-subject, .contact-card .elementor-widget-form .elementor-field-group-betreff, .attivo-form .elementor-field-group-subject, .attivo-form .elementor-field-group-betreff, .contact-card .elementor-widget-form .elementor-field-type-textarea, .attivo-form .elementor-field-type-textarea, .contact-card .elementor-widget-form .elementor-field-type-acceptance, .attivo-form .elementor-field-type-acceptance, .contact-card .elementor-widget-form .elementor-field-type-submit, .attivo-form .elementor-field-type-submit{ grid-column:1 / -1; } /* Labels & Hint */ .contact-card .elementor-widget-form .elementor-field-label, .attivo-form .elementor-field-label{ font-size:.92rem; font-weight:600; margin-bottom:6px; } .contact-card .elementor-widget-form .hint, .attivo-form .hint{ font-size:.8rem; color:#555; } /* Inputs/Textarea – Basis */ .contact-card .elementor-widget-form .elementor-field, .attivo-form .elementor-field, .contact-card .elementor-widget-form textarea, .attivo-form textarea{ width:100% !important; box-sizing:border-box; padding:.7rem .8rem; border-radius:12px; border:1px solid var(--ash-rose); background:#fff; outline:none; transition:border-color .15s ease, box-shadow .15s ease; } .contact-card .elementor-widget-form textarea, .attivo-form textarea{ min-height:140px; resize:vertical; } /* Focus */ .contact-card .elementor-widget-form .elementor-field:focus, .attivo-form .elementor-field:focus, .contact-card .elementor-widget-form textarea:focus, .attivo-form textarea:focus{ border-color:var(--steel-cyan); box-shadow:0 0 0 3px rgba(79,151,163,.18); } /* ========== SELECT (FIX) ========== 1 Rahmen, 1 Pfeil, gleiche Höhe wie Inputs */ .contact-card .elementor-widget-form .elementor-select-wrapper, .attivo-form .elementor-select-wrapper{ position:relative; width:100%; background:transparent !important; border:none !important; /* Wrapper-Rand entfernen */ box-shadow:none !important; padding:0 !important; } /* Elementor-Pseudo-Chevron ausblenden (damit nur der native bleibt) */ .contact-card .elementor-widget-form .elementor-select-wrapper:after, .attivo-form .elementor-select-wrapper:after{ content:none !important; display:none !important; } /* Das eigentliche : Optik wie die Inputs */ .contact-card .elementor-widget-form .elementor-select-wrapper select, .attivo-form .elementor-select-wrapper select{ appearance:auto; -webkit-appearance:auto; -moz-appearance:auto; /* nativer Pfeil */ display:block; width:100% !important; box-sizing:border-box; padding:.7rem .8rem; /* gleiche Höhe wie Inputs */ line-height:1.2; border:1px solid var(--ash-rose); border-radius:12px; background:#fff; outline:none; transition:border-color .15s ease, box-shadow .15s ease; } .contact-card .elementor-widget-form .elementor-select-wrapper select:focus, .attivo-form .elementor-select-wrapper select:focus{ border-color:var(--steel-cyan); box-shadow:0 0 0 3px rgba(79,151,163,.18); } /* === Zustimmung / Acceptance – Text NEBEN der Checkbox (final fix) === */ .contact-card .elementor-widget-form .elementor-field-type-acceptance, .attivo-form .elementor-field-type-acceptance{ grid-column: 1 / -1 !important; } /* Beide Ebenen auf Flex-Reihe setzen */ .contact-card .elementor-widget-form .elementor-field-type-acceptance .elementor-field-subgroup, .attivo-form .elementor-field-type-acceptance .elementor-field-subgroup, .contact-card .elementor-widget-form .elementor-field-type-acceptance .elementor-field-option, .attivo-form .elementor-field-type-acceptance .elementor-field-option{ display:flex !important; flex-direction:row !important; align-items:flex-start !important; gap:12px !important; margin:0 !important; } /* Checkbox-Input */ .contact-card .elementor-widget-form .elementor-field-type-acceptance input[type="checkbox"], .attivo-form .elementor-field-type-acceptance input[type="checkbox"]{ flex:0 0 auto !important; width:18px !important; height:18px !important; margin:0 !important; margin-top:.3rem !important; /* optischer Ausgleich */ accent-color:var(--steel-cyan); } /* Label/Text */ .contact-card .elementor-widget-form .elementor-field-type-acceptance label, .attivo-form .elementor-field-type-acceptance label{ display:inline-block !important; position:static !important; flex:1 1 auto !important; max-width:100% !important; margin:0 !important; line-height:1.5 !important; color:#1A1A1A !important; white-space:normal !important; overflow:visible !important; } /* Buttons: Submit + (optionaler) Reset nebeneinander */ .contact-card .elementor-widget-form .elementor-field-group-submit, .attivo-form .elementor-field-group-submit{ display:flex; align-items:center; gap:10px; } /* Submit (Elementor-Button) */ .contact-card .elementor-widget-form .elementor-button, .attivo-form .elementor-button{ display:inline-flex; align-items:center; justify-content:center; gap:.45rem; padding:.7rem 1.4rem; border-radius:12px; border:1px solid var(--steel-cyan); background:var(--steel-cyan); color:#fff; font-size:.95rem; font-weight:600; line-height:1.2; text-transform:none; transition:all .2s ease; box-shadow:none; } .contact-card .elementor-widget-form .elementor-button:hover, .attivo-form .elementor-button:hover{ background:#3f8894; border-color:#3f8894; transform:translateY(-1px); } /* Reset (Button neben Submit) */ .contact-card .btn.btn-secondary{ display:inline-flex; align-items:center; justify-content:center; gap:.45rem; padding:.7rem 1.2rem; border-radius:12px; border:1px solid var(--steel-cyan); /* Türkis wie Submit */ background:#fff; /* Weißer Hintergrund */ color:var(--steel-cyan); /* Türkise Schrift */ font-size:.95rem; font-weight:600; line-height:1.2; cursor:pointer; transition:all .2s ease; } .contact-card .btn.btn-secondary:hover{ background:rgba(79,151,163,.08); /* leichter Türkis-Hintergrund beim Hover */ transform:translateY(-1px); } /* Meldungen */ .contact-card .elementor-widget-form .elementor-message, .attivo-form .elementor-message{ margin-top:14px; padding:12px 14px; border-radius:12px; border:1px solid var(--ash-rose); background:#fefefe; color:inherit; } /* Placeholder */ .contact-card .elementor-widget-form ::placeholder, .attivo-form ::placeholder{ color:#a9a9a9; }/* End custom CSS */