.elementor-1689 .elementor-element.elementor-element-5fbe64b{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:45px;--padding-bottom:45px;--padding-left:45px;--padding-right:45px;}.elementor-1689 .elementor-element.elementor-element-5eda0e9{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1689 .elementor-element.elementor-element-f446431{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 5px 0px;text-align:center;}.elementor-1689 .elementor-element.elementor-element-f446431 .elementor-heading-title{font-family:"Mitr", Sans-serif;font-size:42px;font-weight:400;letter-spacing:-2px;word-spacing:-8px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-1689 .elementor-element.elementor-element-402e1f5{text-align:center;font-family:"Nunito", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.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-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-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-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-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-1689 .elementor-element.elementor-element-903e809 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1689 .elementor-element.elementor-element-903e809 .elementor-button span{gap:15px;}.elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group{padding-right:calc( 15px/2 );padding-left:calc( 15px/2 );margin-bottom:15px;}.elementor-1689 .elementor-element.elementor-element-903e809 .elementor-form-fields-wrapper{margin-left:calc( -15px/2 );margin-right:calc( -15px/2 );margin-bottom:-15px;}.elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}.elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group > label, .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-subgroup label{color:var( --e-global-color-e94ae23 );}.elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group > label{font-family:"Mitr", Sans-serif;font-weight:400;}.elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-f2bee57 );border-color:var( --e-global-color-2f89bfe );border-width:1px 1px 1px 1px;border-radius:15px 15px 15px 15px;}.elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-f2bee57 );border-color:var( --e-global-color-2f89bfe );border-width:1px 1px 1px 1px;border-radius:15px 15px 15px 15px;}.elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-2f89bfe );}.elementor-1689 .elementor-element.elementor-element-903e809 .elementor-button{border-style:solid;border-width:2px 2px 2px 2px;border-radius:100px 100px 100px 100px;padding:10px 20px 10px 20px;}.elementor-1689 .elementor-element.elementor-element-903e809 .e-form__buttons__wrapper__button-next{color:var( --e-global-color-fbe3d0a );border-color:var( --e-global-color-accent );}.elementor-1689 .elementor-element.elementor-element-903e809 .elementor-button[type="submit"]{color:var( --e-global-color-fbe3d0a );border-color:var( --e-global-color-accent );}.elementor-1689 .elementor-element.elementor-element-903e809 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-fbe3d0a );}.elementor-1689 .elementor-element.elementor-element-903e809 .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-e798476 );color:#ffffff;}.elementor-1689 .elementor-element.elementor-element-903e809 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-text );color:var( --e-global-color-fbe3d0a );border-color:var( --e-global-color-text );}.elementor-1689 .elementor-element.elementor-element-903e809 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-text );color:var( --e-global-color-fbe3d0a );border-color:var( --e-global-color-text );}.elementor-1689 .elementor-element.elementor-element-903e809 .elementor-button[type="submit"]:hover svg *{fill:var( --e-global-color-fbe3d0a );}.elementor-1689 .elementor-element.elementor-element-903e809 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1689 .elementor-element.elementor-element-903e809{--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-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1689 .elementor-element.elementor-element-6303ced{--divider-border-style:solid;--divider-color:var( --e-global-color-2f89bfe );--divider-border-width:1px;}.elementor-1689 .elementor-element.elementor-element-6303ced .elementor-divider-separator{width:100%;}.elementor-1689 .elementor-element.elementor-element-6303ced .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1689 .elementor-element.elementor-element-039b88e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 5px 0px;text-align:center;}.elementor-1689 .elementor-element.elementor-element-039b88e .elementor-heading-title{font-family:"Mitr", Sans-serif;font-size:18px;font-weight:400;letter-spacing:0px;word-spacing:-4px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1689 .elementor-element.elementor-element-9fb8fc3{padding:0px 0px 0px 0px;--e-icon-list-icon-size:14px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:flex-start;--icon-vertical-offset:0px;}.elementor-1689 .elementor-element.elementor-element-9fb8fc3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(30px/2);}.elementor-1689 .elementor-element.elementor-element-9fb8fc3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(30px/2);}.elementor-1689 .elementor-element.elementor-element-9fb8fc3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(30px/2);}.elementor-1689 .elementor-element.elementor-element-9fb8fc3 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-30px/2);}.elementor-1689 .elementor-element.elementor-element-9fb8fc3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-30px/2);}.elementor-1689 .elementor-element.elementor-element-9fb8fc3 .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-1689 .elementor-element.elementor-element-9fb8fc3 .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-1689 .elementor-element.elementor-element-9fb8fc3 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-1689 .elementor-element.elementor-element-9fb8fc3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1689 .elementor-element.elementor-element-9fb8fc3 .elementor-icon-list-item > a{font-family:"Nunito", Sans-serif;font-size:16px;font-weight:400;line-height:16px;}.elementor-1689 .elementor-element.elementor-element-9fb8fc3 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-1689 .elementor-element.elementor-element-9fb8fc3 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-primary );}#elementor-popup-modal-1689 .dialog-widget-content{animation-duration:0.4s;background-color:var( --e-global-color-fbe3d0a );border-radius:30px 30px 30px 30px;}#elementor-popup-modal-1689{background-color:#172033ED;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1689 .dialog-message{width:600px;height:auto;}#elementor-popup-modal-1689 .dialog-close-button{display:flex;top:30px;font-size:20px;}body:not(.rtl) #elementor-popup-modal-1689 .dialog-close-button{right:30px;}body.rtl #elementor-popup-modal-1689 .dialog-close-button{left:30px;}#elementor-popup-modal-1689 .dialog-close-button i{color:var( --e-global-color-text );}#elementor-popup-modal-1689 .dialog-close-button svg{fill:var( --e-global-color-text );}@media(max-width:767px){.elementor-1689 .elementor-element.elementor-element-5fbe64b{--padding-top:60px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1689 .elementor-element.elementor-element-f446431 .elementor-heading-title{font-size:32px;line-height:1em;word-spacing:-4px;}.elementor-1689 .elementor-element.elementor-element-039b88e .elementor-heading-title{word-spacing:-4px;}.elementor-1689 .elementor-element.elementor-element-9fb8fc3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(30px/2);}.elementor-1689 .elementor-element.elementor-element-9fb8fc3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(30px/2);}.elementor-1689 .elementor-element.elementor-element-9fb8fc3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(30px/2);}.elementor-1689 .elementor-element.elementor-element-9fb8fc3 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-30px/2);}.elementor-1689 .elementor-element.elementor-element-9fb8fc3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-30px/2);}#elementor-popup-modal-1689 .dialog-widget-content{border-radius:0px 0px 0px 0px;}#elementor-popup-modal-1689 .dialog-close-button{top:30px;}body:not(.rtl) #elementor-popup-modal-1689 .dialog-close-button{right:30px;}body.rtl #elementor-popup-modal-1689 .dialog-close-button{left:30px;}}/* Start custom CSS for heading, class: .elementor-element-f446431 */.elementor-1689 .elementor-element.elementor-element-f446431 span{ color: var(--e-global-color-secondary); }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-402e1f5 */.elementor-1689 .elementor-element.elementor-element-402e1f5 p:last-of-type{ margin: 0; }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-903e809 */.elementor-1689 .elementor-element.elementor-element-903e809 a{ color: var(--e-global-color-accent); } .elementor-1689 .elementor-element.elementor-element-903e809 a:hover{ text-decoration: underline; text-underline-offset: 2px; } .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option{ padding-inline-end: 0; } /* ========================================================= SANNAS KONTAKTFORMULAR Floating Labels + Kontaktweg-Karten ========================================================= */ /* ========================================================= 1. FLOATING LABELS ========================================================= */ /* Feldgruppe als Positionierungsbasis */ .elementor-1689 .elementor-element.elementor-element-903e809 :is( .elementor-field-type-text, .elementor-field-type-email, .elementor-field-type-tel, .elementor-field-type-textarea ) { position: relative; } /* Label innerhalb des Feldes */ .elementor-1689 .elementor-element.elementor-element-903e809 :is( .elementor-field-type-text, .elementor-field-type-email, .elementor-field-type-tel, .elementor-field-type-textarea ) > .elementor-field-label { position: absolute; top: 50%; left: 28px; z-index: 2; width: auto; max-width: calc(100% - 56px); margin: 0; padding: 0; color: var(--e-global-color-e94ae23); font-size: 15px; line-height: 1; pointer-events: none; transform: translateY(-50%) scale(1); transform-origin: left top; transition: top 0.2s ease, color 0.2s ease, transform 0.2s ease; } /* Textarea-Label im Ruhezustand */ .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-type-textarea > .elementor-field-label { top: 20px; transform: translateY(0) scale(1); } /* Einzeilige Eingabefelder */ .elementor-1689 .elementor-element.elementor-element-903e809 :is( .elementor-field-type-text, .elementor-field-type-email, .elementor-field-type-tel ) .elementor-field-textual { width: 100%; min-height: 58px; padding: 23px 18px 7px; color: var(--e-global-color-text); background-color: var(--e-global-color-f2bee57); border: 1px solid var(--e-global-color-2f89bfe); border-radius: 12px; font-size: 16px; line-height: 1.3; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease; } /* Textarea */ .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-type-textarea .elementor-field-textual { width: 100%; min-height: 130px; padding: 30px 18px 14px; color: var(--e-global-color-text); background-color: var(--e-global-color-f2bee57); border: 1px solid var(--e-global-color-2f89bfe); border-radius: 12px; font-size: 16px; line-height: 1.5; resize: vertical; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease; } /* Placeholder im Ruhezustand ausblenden */ .elementor-1689 .elementor-element.elementor-element-903e809 :is( .elementor-field-type-text, .elementor-field-type-email, .elementor-field-type-tel, .elementor-field-type-textarea ) .elementor-field-textual::placeholder { color: var(--e-global-color-e94ae23); opacity: 0; transition: opacity 0.2s ease; } /* Placeholder beim Fokus einblenden */ .elementor-1689 .elementor-element.elementor-element-903e809 :is( .elementor-field-type-text, .elementor-field-type-email, .elementor-field-type-tel, .elementor-field-type-textarea ) .elementor-field-textual:focus::placeholder { opacity: 1; } /* Floating-Position */ .elementor-1689 .elementor-element.elementor-element-903e809 :is( .elementor-field-type-text, .elementor-field-type-email, .elementor-field-type-tel, .elementor-field-type-textarea ):focus-within > .elementor-field-label, .elementor-1689 .elementor-element.elementor-element-903e809 :is( .elementor-field-type-text, .elementor-field-type-email, .elementor-field-type-tel, .elementor-field-type-textarea ):has(.elementor-field-textual:not(:placeholder-shown)) > .elementor-field-label, .elementor-1689 .elementor-element.elementor-element-903e809 :is( .elementor-field-type-text, .elementor-field-type-email, .elementor-field-type-tel, .elementor-field-type-textarea ):has(.elementor-field-textual:-webkit-autofill) > .elementor-field-label, .elementor-1689 .elementor-element.elementor-element-903e809 :is( .elementor-field-type-text, .elementor-field-type-email, .elementor-field-type-tel, .elementor-field-type-textarea ).is-filled > .elementor-field-label { top: 9px; left: 28px; transform: translateY(0) scale(0.74); } /* Label-Farbe bei Fokus */ .elementor-1689 .elementor-element.elementor-element-903e809 :is( .elementor-field-type-text, .elementor-field-type-email, .elementor-field-type-tel, .elementor-field-type-textarea ):focus-within > .elementor-field-label { color: var(--e-global-color-secondary); } /* Aktiver Feldzustand */ .elementor-1689 .elementor-element.elementor-element-903e809 :is( .elementor-field-type-text, .elementor-field-type-email, .elementor-field-type-tel, .elementor-field-type-textarea ) .elementor-field-textual:focus { color: var(--e-global-color-text); background-color: var(--e-global-color-fbe3d0a); border: 1px solid var(--e-global-color-secondary); outline: none; box-shadow: none; } /* Browser-Autofill */ .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-textual:-webkit-autofill, .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-textual:-webkit-autofill:hover, .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-textual:-webkit-autofill:focus { -webkit-text-fill-color: var(--e-global-color-text); -webkit-box-shadow: 0 0 0 1000px var(--e-global-color-fbe3d0a) inset; caret-color: var(--e-global-color-text); } /* Elementor-Fehlerzustand */ .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-textual.elementor-field-danger { border: 1px solid var(--e-global-color-e798476); outline: none; box-shadow: none; } .elementor-1689 .elementor-element.elementor-element-903e809 :is( .elementor-field-type-text, .elementor-field-type-email, .elementor-field-type-tel, .elementor-field-type-textarea ):has(.elementor-field-danger) > .elementor-field-label { color: var(--e-global-color-e798476); } /* ========================================================= 2. BEVORZUGTER KONTAKTWEG ========================================================= */ /* Überschrift */ .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group-kontaktweg > .elementor-field-label { margin-bottom: 8px; } /* Zweispaltiges Karten-Layout */ .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group-kontaktweg .elementor-field-subgroup { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; width: 100%; } /* Elementor-Option */ .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group-kontaktweg .elementor-field-option { position: relative; display: block; width: 100%; min-width: 0; } /* Native Checkbox visuell ausblenden */ .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group-kontaktweg input[type="checkbox"] { position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; opacity: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } /* Auswahlkarte */ .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group-kontaktweg .elementor-field-option label { position: relative; display: flex; align-items: center; box-sizing: border-box; width: 100%; min-width: 0; margin: 0; padding: 10px 52px 10px 15px; gap: 14px; color: var(--e-global-color-text); background-color: var(--e-global-color-f2bee57); border: 1px solid var(--e-global-color-2f89bfe); border-radius: 14px; font-size: 16px; line-height: 1.2; cursor: pointer; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease; } /* Gemeinsame Einstellungen der Icon-Font */ .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group-kontaktweg .elementor-field-option label::before, .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group-kontaktweg .elementor-field-option label::after { font-family: "dc-bold-iconset" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Kontaktweg-Icon links */ .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group-kontaktweg .elementor-field-option label::before { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; height: 24px; color: var(--e-global-color-secondary); font-size: 20px; transition: color 0.2s ease; } /* E-Mail-Icon */ .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group-kontaktweg .elementor-field-option:nth-child(1) label::before { content: "\e914"; } /* Telefon-Icon */ .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group-kontaktweg .elementor-field-option:nth-child(2) label::before { content: "\e91a"; } /* Auswahlkreis immer rechts und immer sichtbar */ .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group-kontaktweg .elementor-field-option label::after { content: ""; position: absolute; top: 50%; right: 15px; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 20px; height: 20px; color: var(--e-global-color-fbe3d0a); background-color: var(--e-global-color-eced363); border: 1px solid var(--e-global-color-secondary); border-radius: 50%; font-size: 14px; transform: translateY(-50%); transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease; } /* Hover */ .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group-kontaktweg .elementor-field-option label:hover { background-color: var(--e-global-color-2f89bfe); border-color: var(--e-global-color-secondary); } /* Ausgewählte Karte */ .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group-kontaktweg input[type="checkbox"]:checked + label { color: var(--e-global-color-primary); background-color: var(--e-global-color-2f89bfe); border-color: var(--e-global-color-secondary); } /* Ausgewähltes Kontaktweg-Icon */ .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group-kontaktweg input[type="checkbox"]:checked + label::before { color: var(--e-global-color-secondary); } /* Check-Icon im Auswahlkreis */ .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group-kontaktweg input[type="checkbox"]:checked + label::after { content: "\e907"; color: var(--e-global-color-fbe3d0a); background-color: var(--e-global-color-secondary); border-color: var(--e-global-color-secondary); transform: translateY(-50%) scale(1.04); } /* Tastaturfokus */ .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group-kontaktweg input[type="checkbox"]:focus-visible + label { outline: none; border-color: var(--e-global-color-secondary); } /* ========================================================= 3. MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-1689 .elementor-element.elementor-element-903e809 :is( .elementor-field-type-text, .elementor-field-type-email, .elementor-field-type-tel ) .elementor-field-textual { min-height: 56px; } .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-type-textarea .elementor-field-textual { min-height: 120px; } .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group-kontaktweg .elementor-field-subgroup { grid-template-columns: 1fr; gap: 10px; } .elementor-1689 .elementor-element.elementor-element-903e809 .elementor-field-group-kontaktweg .elementor-field-option label { padding: 15px 52px 15px 15px; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-039b88e */.elementor-1689 .elementor-element.elementor-element-039b88e span{ color: var(--e-global-color-secondary); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-9fb8fc3 */@media screen and (max-width: 767px){ .elementor-1689 .elementor-element.elementor-element-9fb8fc3 ul{ display: flex; flex-direction: column; gap: 10px; } }/* End custom CSS */