/*
Theme Name:     Child Theme Hello Elementor
Theme URI:      https://github.com/elementor/hello-theme-child/
Description:    child theme for hello-elementor
Author:         Elementor
Author URI:     https://elementor.com/
Template:       hello-elementor
Version:        1.0.0
*/

@import url("../hello-elementor/style.css");

/* Add your custom styles here */

/* Gravity Forms CSS - RaySono */
.gravity-forms-container {
	font-family: "Roboto", Sans-serif;
	color: #585858;
	
	input[type="text"], 
    input[type="number"], 
    input[type="email"], 
    select.gfield_select,
    textarea {
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25) !important;
        padding: 12px 18px !important;
        border: none !important;
        border-width: 0 !important;
        border-radius: 0 !important;
        line-height: 1.5;
        min-height: 45px;
    }
    
    input {
        --gf-ctrl-bg-color-disabled: #FFF;
    }
}
.gravity-forms-container #gform_2 .ginput_container_radio {
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
    padding: 13px 17px;
}

@media (min-width: 640px) {
    .gravity-forms-container input[type="text"], 
    .gravity-forms-container input[type="number"], 
    .gravity-forms-container input[type="email"], 
    .gravity-forms-container .gfield_select,
    .gravity-forms-container textarea {
            block-size: 45px !important;
        }
    }
    .gravity-forms-container #gform_2 .ginput_container_radio {
        block-size: 45px !important;
    }
}

.gravity-forms-container #gform_1 h3,
.gravity-forms-container #gform_2 h3 {
	font-size: 20px;
}

.gravity-forms-container .gfield--type-radio .gform-field-label {
    margin-bottom: 8px;
}

.gform-theme--foundation #field_submit,
.gform-theme--foundation div.gform_footer,
.gform-theme--foundation .gform_page_footer {
    justify-content: end;
    margin-block-start: 40px;
    
    .gform_button {
        font-family: "Roboto", Sans-serif;
        padding: 16px 70px 16px 70px;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 1.7px;
        border-style: none;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
    }
    
}

.gform-theme--foundation .gform_confirmation_message {
    text-align: center;
}

/*.gform-theme--framework .gform-field-label:not(.gform-field-label--type-inline) {font-weight: 700 !important;}*/

.gform-theme--framework .gform_required_legend {
    text-align: right;
}

.gform-theme--framework .gfield--type-choice div.gchoice {
    grid-auto-flow: column;
    grid-template-columns: var(--gf-ctrl-choice-size) max-content max-content;
    align-items: center;
    column-gap: 10px;
    .gform-field-label { margin: 0; }
    .gchoice_other_control { min-width: 100%;}
    br { display: none; width: 0px;}
}

.gform-theme--framework .gform_validation_errors {
    border-radius: 0 !important;
}

#gform_2 {
    padding: 0 20px;
	
	.gsection_title {
		font-size: 24px;
		font-weight: 700; 
	}
	
	.gform_fields { 
		grid-auto-flow: row dense;
		column-gap: 0px;
		row-gap: 20px;
		position: relative;
	}
	
	.gfield textarea.large { min-block-size: 232px; }

	.gfield--type-section {
		border-block-end: 0;
		padding-block-end: 0;
	}

	#field_2_11 {
		margin-top: 40px;
		padding-top: 0px;
	}
}

@media (min-width: 940px) {
    #gform_2 {
	    padding: 0;
    }
}

@media (min-width: 1025px) {
	#gform_2 {
	    
	    .gform_fields { 
	        display: grid;
	        grid-template-columns: repeat(2, minmax(0, 1fr));
	        width: 100%;
    		column-gap: 30px;
    		row-gap: 20px;
    	}

		#field_2_11 {
			margin-top: 0;
			padding-top: 0;
			border-top: 0;
		}

		/* Vertikale Linie mittig */
		.gform_fields::before {
			content: "";
			position: absolute;
			top: 0;
			bottom: 50px;
			left: 50%;
			width: 1px;
			background: white;
			transform: translateX(-50%);
			pointer-events: none;
		}

		/* LINKE SPALTE */
		#field_2_10,
		#field_2_7,
		#field_2_15,
		#field_2_12,
		#field_2_13,
		#field_2_16 {
			grid-column: 1 / 2;
		}

		/* RECHTE SPALTE */
		#field_2_11,
		#field_2_9,
		#field_2_2,
		#field_2_6,
		#field_2_8 {
			grid-column: 2 / 3;
		}

		/* Zweite Section ganz nach oben */
		#field_2_11 { grid-row: 1; }
		/* Nachricht - 3 Zeilen */
		#field_2_6 { grid-row: span 3; }
	}
}

/* .innersection-with-background - Formular auf orangen Hintergrund */

/*.innersection-with-background .gform-theme--api, 
.innersection-with-background .gform-theme--framework { 
    --gf-ctrl-desc-color-error: #FFF;
    --gf-form-validation-summary-color: #FFF;
    --gf-form-validation-heading-color: #FFF;
    --gf-color-danger: #FFF;
    --gf-color-danger-rgb: 0 0 0;
    --gf-form-validation-outline-color-focus: #FFF;
    --gf-form-validation-outline-focus: 1px solid #FFF;
}*/

.innersection-with-background .gform-theme--framework a {
    
    text-decoration: underline;
}
.innersection-with-background .gform-theme--framework .gfield_required,
.innersection-with-background .gform-theme--framework .gfield_required.gfield_required_asterisk,
.innersection-with-background .gform-theme--framework .gform_required_legend .gfield_required {
    font-size: inherit !important;
}
.innersection-with-background .gform-theme--framework .gfield_label .gfield_required {
        position: relative;
        top: -1px;
}


/*.innersection-with-background .gform-theme--framework .gform_validation_errors .gform_submission_error,
.innersection-with-background .gform-theme--framework .gform_validation_errors ol,
.innersection-with-background .gform-theme--framework .gform_validation_errors {
    border-color: #FFF;
    color: #FFF;
}*/