.elementor-2246 .elementor-element.elementor-element-d79c773{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--z-index:0;}.elementor-widget-image .widget-image-caption{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 );line-height:var( --e-global-typography-text-line-height );}body:not(.rtl) .elementor-2246 .elementor-element.elementor-element-6a9e560{left:-444px;}body.rtl .elementor-2246 .elementor-element.elementor-element-6a9e560{right:-444px;}.elementor-2246 .elementor-element.elementor-element-6a9e560{top:-472px;z-index:0;}.elementor-2246 .elementor-element.elementor-element-6a9e560 img{width:100%;opacity:0.5;}.elementor-2246 .elementor-element.elementor-element-f860fc8.elementor-element{--align-self:stretch;}body:not(.rtl) .elementor-2246 .elementor-element.elementor-element-f860fc8{right:-347px;}body.rtl .elementor-2246 .elementor-element.elementor-element-f860fc8{left:-347px;}.elementor-2246 .elementor-element.elementor-element-f860fc8{bottom:-375px;z-index:0;}.elementor-2246 .elementor-element.elementor-element-f860fc8 img{width:100%;opacity:0.5;}.elementor-2246 .elementor-element.elementor-element-2dd55dd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-2246 .elementor-element.elementor-element-cc3d14f{--display:flex;--justify-content:flex-start;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-2246 .elementor-element.elementor-element-cc3d14f.e-con{--align-self:flex-start;}.elementor-2246 .elementor-element.elementor-element-6b411ad{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2246 .elementor-element.elementor-element-6b411ad.e-con{--align-self:flex-end;}body:not(.rtl) .elementor-2246 .elementor-element.elementor-element-3705455{left:-111px;}body.rtl .elementor-2246 .elementor-element.elementor-element-3705455{right:-111px;}.elementor-2246 .elementor-element.elementor-element-3705455{top:-40px;z-index:1;}.elementor-2246 .elementor-element.elementor-element-3705455 img{width:50%;opacity:0.31;}.elementor-2246 .elementor-element.elementor-element-9f9d018{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;z-index:2;}.elementor-2246 .elementor-element.elementor-element-9f9d018.elementor-element{--align-self:flex-start;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-2246 .elementor-element.elementor-element-127493e.elementor-element{--align-self:flex-start;}.elementor-2246 .elementor-element.elementor-element-127493e .elementor-heading-title{font-family:"Maven Pro", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var( --e-global-color-accent );}.elementor-2246 .elementor-element.elementor-element-8c19d6a{width:var( --container-widget-width, 549px );max-width:549px;padding:10px 0px 0px 0px;--container-widget-width:549px;--container-widget-flex-grow:0;text-align:left;}.elementor-2246 .elementor-element.elementor-element-8c19d6a.elementor-element{--align-self:flex-start;}.elementor-2246 .elementor-element.elementor-element-8c19d6a .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:54px;font-weight:800;line-height:1.2em;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-2246 .elementor-element.elementor-element-fb9f000{width:var( --container-widget-width, 488px );max-width:488px;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:488px;--container-widget-flex-grow:0;font-family:"Maven Pro", Sans-serif;font-size:20px;font-weight:460;line-height:1.5em;}.elementor-2246 .elementor-element.elementor-element-fb9f000.elementor-element{--align-self:flex-start;}.elementor-2246 .elementor-element.elementor-element-a284a74{--display:flex;}.elementor-2246 .elementor-element.elementor-element-5a94b90{--display:flex;--min-height:400px;--justify-content:space-between;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-2d65ce9 );--border-color:var( --e-global-color-2d65ce9 );--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2246 .elementor-element.elementor-element-5a94b90:not(.elementor-motion-effects-element-type-background), .elementor-2246 .elementor-element.elementor-element-5a94b90 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-aaa6ff2 );}.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 );line-height:var( --e-global-typography-text-line-height );}.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 );line-height:var( --e-global-typography-text-line-height );}.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 );line-height:var( --e-global-typography-text-line-height );}.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 );line-height:var( --e-global-typography-accent-line-height );}.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 );line-height:var( --e-global-typography-text-line-height );}.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 );line-height:var( --e-global-typography-accent-line-height );}.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 );line-height:var( --e-global-typography-accent-line-height );}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-field-group{padding-right:calc( 30px/2 );padding-left:calc( 30px/2 );margin-bottom:30px;}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-form-fields-wrapper{margin-left:calc( -30px/2 );margin-right:calc( -30px/2 );margin-bottom:-30px;}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-field-group > label{font-family:var( --e-global-typography-2727e74-font-family ), Sans-serif;font-size:var( --e-global-typography-2727e74-font-size );font-weight:var( --e-global-typography-2727e74-weight );font-stretch:var( --e-global-typography-2727e74-width );line-height:var( --e-global-typography-2727e74-line-height );letter-spacing:var( --e-global-typography-2727e74-letter-spacing );word-spacing:var( --e-global-typography-2727e74-word-spacing );}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-field-type-html{padding-bottom:0px;font-family:"Maven Pro", Sans-serif;line-height:1.4em;}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-field-group .elementor-field, .elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-field-subgroup label{font-family:"Maven Pro", Sans-serif;line-height:1.4em;}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-aaa6ff2 );border-color:var( --e-global-color-text );border-width:0px 0px 01px 0px;border-radius:0px 0px 0px 0px;}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-aaa6ff2 );border-color:var( --e-global-color-text );border-width:0px 0px 01px 0px;border-radius:0px 0px 0px 0px;}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-text );}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .e-form__buttons__wrapper__button-next{color:var( --e-global-color-e697707 );}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-button[type="submit"]{color:var( --e-global-color-e697707 );}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-e697707 );}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-2d65ce9 );color:var( --e-global-color-text );}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .e-form__buttons__wrapper__button-next:hover{color:var( --e-global-color-e697707 );}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-button[type="submit"]:hover{color:var( --e-global-color-e697707 );}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-button[type="submit"]:hover svg *{fill:var( --e-global-color-e697707 );}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .e-form__buttons__wrapper__button-previous:hover{color:var( --e-global-color-b3dc4ca );}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-message.elementor-message-success{color:var( --e-global-color-accent );}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .e-form__indicators__indicator, .elementor-2246 .elementor-element.elementor-element-2af7ec2 .e-form__indicators__indicator__label{font-family:"Maven Pro", Sans-serif;font-weight:600;line-height:1.4em;}.elementor-2246 .elementor-element.elementor-element-2af7ec2{--e-form-steps-indicators-spacing:30px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-aaa6ff2 );--e-form-steps-indicator-inactive-secondary-color:var( --e-global-color-2d65ce9 );--e-form-steps-indicator-active-primary-color:var( --e-global-color-e697707 );--e-form-steps-indicator-active-secondary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-secondary-color:var( --e-global-color-aaa6ff2 );--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}body.elementor-page-2246:not(.elementor-motion-effects-element-type-background), body.elementor-page-2246 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e697707 );background-image:url("https://urbanxdesign.com/wp-content/uploads/uxd-dotts.png");background-repeat:repeat;}@media(max-width:1200px){.elementor-2246 .elementor-element.elementor-element-2dd55dd{--justify-content:space-between;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}body:not(.rtl) .elementor-2246 .elementor-element.elementor-element-3705455{left:-28px;}body.rtl .elementor-2246 .elementor-element.elementor-element-3705455{right:-28px;}.elementor-2246 .elementor-element.elementor-element-3705455{top:-26px;}.elementor-2246 .elementor-element.elementor-element-3705455 img{width:75%;}.elementor-2246 .elementor-element.elementor-element-9f9d018{--container-widget-width:60%;--container-widget-flex-grow:0;width:var( --container-widget-width, 60% );max-width:60%;}.elementor-2246 .elementor-element.elementor-element-8c19d6a{width:100%;max-width:100%;}.elementor-2246 .elementor-element.elementor-element-8c19d6a .elementor-heading-title{font-size:48px;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}.elementor-2246 .elementor-element.elementor-element-2dd55dd{--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:60px 60px;--row-gap:60px;--column-gap:60px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2246 .elementor-element.elementor-element-cc3d14f{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2246 .elementor-element.elementor-element-cc3d14f.e-con{--order:-99999 /* order start hack */;}body:not(.rtl) .elementor-2246 .elementor-element.elementor-element-3705455{left:-153px;}body.rtl .elementor-2246 .elementor-element.elementor-element-3705455{right:-153px;}.elementor-2246 .elementor-element.elementor-element-3705455 img{width:55%;}.elementor-2246 .elementor-element.elementor-element-9f9d018{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;}.elementor-widget-heading .elementor-heading-title{font-weight:var( --e-global-typography-primary-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-2246 .elementor-element.elementor-element-8c19d6a{width:var( --container-widget-width, 516px );max-width:516px;--container-widget-width:516px;--container-widget-flex-grow:0;}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-2246 .elementor-element.elementor-element-fb9f000{width:var( --container-widget-width, 690px );max-width:690px;--container-widget-width:690px;--container-widget-flex-grow:0;}.elementor-2246 .elementor-element.elementor-element-a284a74{--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-2246 .elementor-element.elementor-element-a284a74.e-con{--align-self:flex-end;--order:-99999 /* order start hack */;}.elementor-widget-form .elementor-field-group > label{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-type-html{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-button{line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .elementor-message{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{line-height:var( --e-global-typography-accent-line-height );}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-field-group > label{font-size:var( --e-global-typography-2727e74-font-size );font-weight:var( --e-global-typography-2727e74-weight );font-stretch:var( --e-global-typography-2727e74-width );line-height:var( --e-global-typography-2727e74-line-height );letter-spacing:var( --e-global-typography-2727e74-letter-spacing );word-spacing:var( --e-global-typography-2727e74-word-spacing );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}.elementor-2246 .elementor-element.elementor-element-2dd55dd{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2246 .elementor-element.elementor-element-cc3d14f{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}body:not(.rtl) .elementor-2246 .elementor-element.elementor-element-3705455{left:28px;}body.rtl .elementor-2246 .elementor-element.elementor-element-3705455{right:28px;}.elementor-2246 .elementor-element.elementor-element-3705455{top:-31px;}.elementor-2246 .elementor-element.elementor-element-3705455 img{width:65%;}.elementor-2246 .elementor-element.elementor-element-9f9d018{--container-widget-width:55%;--container-widget-flex-grow:0;width:var( --container-widget-width, 55% );max-width:55%;}.elementor-2246 .elementor-element.elementor-element-9f9d018.elementor-element{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-weight:var( --e-global-typography-primary-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-2246 .elementor-element.elementor-element-127493e.elementor-element{--align-self:center;}.elementor-2246 .elementor-element.elementor-element-8c19d6a{--container-widget-width:296px;--container-widget-flex-grow:0;width:var( --container-widget-width, 296px );max-width:296px;text-align:center;}.elementor-2246 .elementor-element.elementor-element-8c19d6a.elementor-element{--align-self:center;}.elementor-2246 .elementor-element.elementor-element-8c19d6a .elementor-heading-title{font-size:42px;}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-2246 .elementor-element.elementor-element-fb9f000{padding:0% 5% 0% 5%;text-align:center;font-size:18px;font-weight:460;}.elementor-2246 .elementor-element.elementor-element-a284a74.e-con{--align-self:flex-end;}.elementor-2246 .elementor-element.elementor-element-5a94b90{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-form .elementor-field-group > label{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-type-html{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-button{line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .elementor-message{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{line-height:var( --e-global-typography-accent-line-height );}.elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-field-group > label{font-size:var( --e-global-typography-2727e74-font-size );font-weight:var( --e-global-typography-2727e74-weight );font-stretch:var( --e-global-typography-2727e74-width );line-height:var( --e-global-typography-2727e74-line-height );letter-spacing:var( --e-global-typography-2727e74-letter-spacing );word-spacing:var( --e-global-typography-2727e74-word-spacing );}}@media(min-width:768px){.elementor-2246 .elementor-element.elementor-element-cc3d14f{--width:45%;}.elementor-2246 .elementor-element.elementor-element-a284a74{--width:50%;}}@media(max-width:1200px) and (min-width:768px){.elementor-2246 .elementor-element.elementor-element-cc3d14f{--width:40%;}.elementor-2246 .elementor-element.elementor-element-a284a74{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2246 .elementor-element.elementor-element-cc3d14f{--width:100%;}.elementor-2246 .elementor-element.elementor-element-a284a74{--width:100%;}}@media(min-width:1201px){body.elementor-page-2246:not(.elementor-motion-effects-element-type-background), body.elementor-page-2246 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for image, class: .elementor-element-3705455 */.fade-bottom2 { display: block; width: 100%; height: auto; /* Transparenzmaske */ mask-image: linear-gradient(to bottom, black 70%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: 100% 100%; -webkit-mask-size: 100% 100%; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-9f9d018 */.fade-bottom { display: block; width: 100%; height: auto; /* Transparenzmaske */ mask-image: linear-gradient(to bottom, black 70%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: 100% 100%; -webkit-mask-size: 100% 100%; }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-2af7ec2 *//* --- GRUNDEINSTELLUNGEN FÜR DAS FORMULAR --- */ /* Abstand zwischen Inline-Optionen */ .elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option { padding-inline-end: 1px !important; } /* Label Styling */ .elementor-2246 .elementor-element.elementor-element-2af7ec2 label { display: inline-block; line-height: 1 !important; vertical-align: 1px; } /* Schriftgröße für Textfelder */ .elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-field-textual.elementor-size-md { font-size: 18px; padding: 6px 0; } /* Farbe der Feld-Labels */ .elementor-2246 .elementor-element.elementor-element-2af7ec2 .elementor-labels-above .elementor-field-group>label { color: #fff !important; } /* --- STYLING DER CHECKBOX-KARTEN --- */ /* Container für die Checkbox-Gruppen (Flexbox-Layout) */ .elementor-field-type-checkbox .elementor-field-subgroup:not(.elementor-acceptance-field) { display: flex; flex-wrap: wrap; gap: 20px; padding-top: 20px; } /* Styling der einzelnen Checkbox-Option (die "Karte") */ .elementor-field-type-checkbox .elementor-field-subgroup:not(.elementor-acceptance-field) .elementor-field-option { flex: 1 1 calc(50% - 10px); /* Zwei Karten pro Zeile mit Abstand */ max-width: calc(50% - 10px); box-sizing: border-box; position: relative; padding: 22px 10px; /* Padding oben/unten und seitlich */ border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; cursor: pointer; transition: all 0.3s ease; background-color: transparent; display: flex; align-items: center; justify-content: center; text-align: center; } /* Die unsichtbare, aber klickbare Checkbox */ .elementor-field-type-checkbox .elementor-field-subgroup:not(.elementor-acceptance-field) .elementor-field-option input[type="checkbox"] { position: absolute; opacity: 0; inset: 0; /* Füllt das ganze Elternelement aus */ cursor: pointer; margin: 0; width: 100%; height: 100%; } /* Label innerhalb der Karte */ .elementor-field-type-checkbox .elementor-field-subgroup:not(.elementor-acceptance-field) .elementor-field-option label { display: flex; align-items: center; justify-content: center; gap: 10px; /* Abstand zwischen Icon und Text */ font-size: 15px !important; color: #fff; pointer-events: none; /* Klicks gehen durch das Label auf die unsichtbare Checkbox */ } /* Standardmäßig kein ::before Icon, um Konflikte zu vermeiden */ .elementor-field-type-checkbox .elementor-field-subgroup:not(.elementor-acceptance-field) .elementor-field-option label::before { content: none; } /* --- AKTIVER ZUSTAND (WICHTIGE ÄNDERUNG) --- */ /* Statt :has() verwenden wir die .is-checked Klasse, die vom JS gesetzt wird */ .elementor-field-type-checkbox .elementor-field-subgroup:not(.elementor-acceptance-field) .elementor-field-option.is-checked { border-color: #FFC900; /* Deine gewünschte Farbe, hier als Beispiel Gelb */ /* Optional: Hintergrundfarbe ändern */ /* background-color: rgba(255, 201, 0, 0.1); */ } .elementor-field-type-checkbox .elementor-field-subgroup:not(.elementor-acceptance-field) .elementor-field-option.is-checked label { color: #ffffff; /* Farbe bleibt gleich, aber Schrift wird fett */ font-weight: bold; } /* --- RESPONSIVE ANPASSUNG --- */ @media only screen and (max-width: 767px) { /* Eher 767px als 600px für Tablet/Mobile Breakpoint */ .elementor-field-type-checkbox .elementor-field-subgroup:not(.elementor-acceptance-field) .elementor-field-option { flex: 1 1 100%; max-width: 100% !important; } } /* --- STYLING FÜR DAS AKZEPTANZFELD (dein Code, unverändert) --- */ .elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option label { font-family: "Maven Pro", Sans-serif; line-height: 1.4em !important; font-size: 14px; display: block; margin-left: 20px; margin-top: -23px; } /* NEU: Hover-Effekt für nicht ausgewählte Karten */ .elementor-field-type-checkbox .elementor-field-subgroup:not(.elementor-acceptance-field) .elementor-field-option:not(.is-checked):hover { border-color: rgba(255, 255, 255, 0.3); } .e-form__indicators__indicator__separator { background-color: rgba(255, 255, 255, 0.1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2dd55dd */.elementor-2246 .elementor-element.elementor-element-2dd55dd { padding-top: 50px; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Maven Pro'; font-display: auto; src: url('https://urbanxdesign.com/wp-content/uploads/MavenPro-VariableFont_wght.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Barlow'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://urbanxdesign.com/wp-content/uploads/Barlow-Regular.woff2') format('woff2'), url('https://urbanxdesign.com/wp-content/uploads/Barlow-Regular.woff') format('woff'), url('https://urbanxdesign.com/wp-content/uploads/Barlow-Regular.ttf') format('truetype'); } @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://urbanxdesign.com/wp-content/uploads/Barlow-Bold.woff2') format('woff2'), url('https://urbanxdesign.com/wp-content/uploads/Barlow-Bold.woff') format('woff'), url('https://urbanxdesign.com/wp-content/uploads/Barlow-Black.ttf') format('truetype'); } @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 900; font-display: auto; src: url('https://urbanxdesign.com/wp-content/uploads/Barlow-Black.woff2') format('woff2'), url('https://urbanxdesign.com/wp-content/uploads/Barlow-Black.woff') format('woff'), url('https://urbanxdesign.com/wp-content/uploads/Barlow-Black.ttf') format('truetype'); } /* End Custom Fonts CSS */