.elementor-kit-60{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#D4202F;--e-global-color-text:#080808;--e-global-color-accent:#C0C0C0;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-60 button,.elementor-kit-60 input[type="button"],.elementor-kit-60 input[type="submit"],.elementor-kit-60 .elementor-button{background-color:#FFFFFF00;color:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;border-radius:50px 50px 50px 50px;}.elementor-kit-60 button:hover,.elementor-kit-60 button:focus,.elementor-kit-60 input[type="button"]:hover,.elementor-kit-60 input[type="button"]:focus,.elementor-kit-60 input[type="submit"]:hover,.elementor-kit-60 input[type="submit"]:focus,.elementor-kit-60 .elementor-button:hover,.elementor-kit-60 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-kit-60 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html{
    scroll-behavior: smooth;
}

.elementor-1379 .elementor-element.elementor-element-ccb3681 .elementor-field-group .elementor-field, .elementor-1379 .elementor-element.elementor-element-ccb3681 .elementor-field-subgroup label {
    line-height: 40px !important;
}


/* Add a custom border when not checked */
.elementor-field-type-checkbox input[type="checkbox"]:not(:checked) {
    border: 1px solid red; /* Ensure border is red when unchecked */
    border-radius: 3px; /* Optional: Add border-radius for rounded corners */
}


/* Style the checkbox */
.elementor-field-type-checkbox input[type="checkbox"] {
    accent-color: transparent; /* Make default accent transparent */
    width: 20px; /* Adjust the width if needed */
    height: 20px; /* Adjust the height if needed */
    cursor: pointer; /* Change cursor on hover */
    appearance: none; /* Remove default browser styling */
    border: 1px solid red; !important/* Ensure border is red for both states */
    border-radius: 3px; /* Optional: Add border-radius for rounded corners */
    background-color: white; /* White background when unchecked */
}

/* Style when checked */
.elementor-field-type-checkbox input[type="checkbox"]:checked {
    background-color: white; /* White background when checked */
    border: 1px solid red !important; /* Keep the border red when checked */
}

/* Optional: Add a checkmark inside when checked */
.elementor-field-type-checkbox input[type="checkbox"]:checked::before {
    content: "✔"; /* Unicode checkmark */
    display: block;
    color: white; 
    font-size: 12px; /* Adjust size of checkmark */
    text-align: center; /* Center checkmark */
    background-color: red; /* Background color for checkmark */
}

/* Style the label */
.elementor-field-type-checkbox label {
    font-weight: bold; /* Make the label bold */
    color: black; /* Change label color to black */
    margin-left: 8px; /* Space between checkbox and label */
}


.elementor-1379 .elementor-element.elementor-element-ccb3681 .elementor-button[type="submit"] {
    width: -webkit-fill-available; 
}


#form-field-field_0ccac66-0{
    border-color: gray
    
}




/* Visibility of the form heading */
#gform_wrapper_2 .gform_heading {
    display: none; /* Hide form title */
}

/* Ensure the input fields have enough padding for the icon */
#gform_wrapper_2 input[type="text"],
#gform_wrapper_2 input[type="email"] {
    border: none;
    border-bottom: 1px solid #69727d; 
    font-size: 18px; 
    outline: none;
    padding-left: 40px; /* Adjusted padding */
    font-family: inter 100;
    
}


/* General styles for the input fields to provide space for icons */
#gform_wrapper_2 .gfield--type-name input,
#gform_wrapper_2 .gfield--type-email input {
    padding-left: 35px; /* Adjusted padding */
}

/* Styles for the Last Name field */
#gform_wrapper_2 .gfield--type-name {
    position: relative; /* Necessary for absolute positioning of the pseudo-element */
}

#gform_wrapper_2 .gfield--type-name::before {
    content: '';
    background-image: url('https://ucan-mill.candulor.com/wp-content/uploads/2024/10/personal-icon-red.svg');
    background-size: 18px 18px; /* Adjust size */
    background-repeat: no-repeat;
    position: absolute;
    left: 10px; /* Distance from the input's left edge */
    top: 120%;
    transform: translateY(-50%);
    width: 18px; /* Adjusted width */
    height: 18px; /* Adjusted height */
    z-index: 1; /* Ensure it appears above other elements */
}

/* Styles for the Email field */
#gform_wrapper_2 .gfield--type-email {
    position: relative; /* Necessary for absolute positioning of the pseudo-element */
}

#gform_wrapper_2 .gfield--type-email::before {
    content: '';
    background-image: url('https://ucan-mill.candulor.com/wp-content/uploads/2024/10/email-icon-red.svg');
    background-size: 18px 18px; /* Adjust size */
    background-repeat: no-repeat;
    position: absolute;
    left: 10px; /* Distance from the input's left edge */
    top: 66%;
    transform: translateY(-50%);
    width: 18px; /* Adjusted width */
    height: 18px; /* Adjusted height */
    z-index: 1; /* Ensure it appears above other elements */
}

/* Remove margin from fieldset or container divs */
#gform_wrapper_2 .gform_fields fieldset,
#gform_wrapper_2 .gform_fields div {
    margin-bottom: -10px; /* Adjust as needed */
}


/* Styling for the submit button */
#gform_wrapper_2 .gform_button {
    background-color: #fff; /* White background */
    border: 1px solid #D4202F; /* Red outline */
    border-radius: 50px;
    color: #D4202F; /* Red text */
    padding: 10px 30px; /* Padding */
    font-size: 18px;
    margin-top: 5px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}


/* Hover effect for the button */
#gform_wrapper_2 .gform_button:hover {
    background-color: #D4202F; /* Red background on hover */
    color: #fff; /* White text on hover */
}

/*candulor form ===========================*/

#gform_1 {
    font-family: Bardon, roboto ;
}

.gform_heading {
    display: none ;
}

.ginput_container input, select{
     line-height: 52px !important;
}

/* Remove default appearance and add a custom arrow icon for select elements */
.gform_wrapper .gfield_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('https://ucan-mill.candulor.com/wp-content/uploads/2024/08/Icon-material-keyboard-arrow-down.svg');
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 30px; /* Adjust for space for the icon */
    border: 1px solid #ccc; /* Optional: to style the border */
}

/* Hide the default dropdown arrow for Internet Explorer */
.gform_wrapper .gfield_select::-ms-expand {
    display: none;
}

/* Remove the default dropdown arrow in Firefox */
.gform_wrapper .gfield_select {
    text-indent: 0.01px;
    text-overflow: '';
}

/* Hide the built-in SVG icon inside elementor fields */
.elementor-field.elementor-select-wrapper .select-caret-down-wrapper svg {
    display: none;
}

/* Style for the unchecked checkbox */
.gform_wrapper .gfield-choice-input[type="checkbox"] {
    width: 20px; /* Customize the checkbox width */
    height: 20px; /* Customize the checkbox height */
    border: 1px solid #D4202F; 
    border-radius: 3px;
    appearance: none; /* Remove default appearance */
    -webkit-appearance: none; /* Remove default appearance in Safari */
    -moz-appearance: none; /* Remove default appearance in Firefox */
    cursor: pointer;
 
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="number"]
 {
   line-height: 52px !important;
}

/* Style for all input fields  */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="number"],
.gform_wrapper textarea,
.gform_wrapper select {
   border: none !important;
    
    background-color: #ffffff;
    border-bottom: 1px solid #C0C0C0 !important;
    outline: none !important;
    border-radius: 0 !important;
    line-height: 52px !important;
    font-size: 20px;
}

/* Focus effect for inputs */
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="password"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
    border-bottom: 1px solid #D4202F; /* Custom focus color */
}

/* Style for checkbox and radio inputs (if needed) */
.gform_wrapper input[type="checkbox"],
.gform_wrapper input[type="radio"] {
    border: none; 
    border-bottom: 1px solid #D4202F; /* Only keep the bottom border */
   
}

#gform_submit_button_1{
    background-color: #D4202F;
    border-radius: 20px;
    border: 1px solid #D4202F;
}

#gform_submit_button_1:hover{
    color: #D4202F;
    background-color: #ffffff
}

.gfield-choice-input {
    margin-top: 4px !important;
}

.anpassungfuss {
    margin-bottom: -30px !important;
}/* End custom CSS */