/*
 Theme Name: Divi-Mastermind-Child-Theme
 Theme URI: https://www.divimastermind.com/
 Description: Dies ist ein <b>ready-to-start</b> Child-Theme f&uuml;r Divi. Entwickelt und bereitgestellt von den Divi Masterminds. Dieses Theme beinhaltet alle notwendigen Dateien, um den schnellen und einfach Start zu erm&ouml;glichen.
 Author: Divi Mastermind - Benny Hozjan und Frank Oschatz
 Author URI: https://divimastermind.com/
 Template: Divi
 Version: 1.0.0
 Tag: divi, child-theme, rawbone, easy-to-use, mastermind, german-group, 
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*  ==================================================================
	STANDARD CSS =====================================================
	==================================================================  */
	
	#wpadminbar {
    z-index: 9999999;
	}
	
	* {
	margin:0;
	padding:0;
	box-sizing: border-box;
	}
	html {
	font-size: 62.5%;
	}

	/* toolbar sticky by scroll */
	.mce-top-part {
	position: sticky!important;
	top: -60px;
	}

	/*increase the height of the Divi inner field settings modal*/
	.et-fb-field-settings-modal {
	  max-height: 500px!important;
	}

/*increase the height of the Divi inner field settings modal*/
	.et-fb-field-settings-modal {
	  max-height: 600px!important;
	}


/* Align Buttons in bottom of a row */
	.lem_fixed_buttons .et_pb_column {
	padding-bottom:20px;}
	.lem_fixed_buttons .et_pb_button_module_wrapper {
	    	position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
	}

/* Dropdown Fix */
	.dropdown_fix ul {
	right: 0px !important;
	}

















/* ==========================================================================
   GRAVITY FORMS (mit Windows Dropdown Fix für Firefox & Edge)
   ========================================================================== */

/* Farbverwaltung */
:root {
    --background-light: transparent;
    --text-white: #fff;
    --text-black: #ffffff;
    --border-black: #ffffff;
    --focus-blue: #ffffff;
}

/* Formular-Footer */
.gform_wrapper form .gform_footer.top_label {
    margin-top: 1.5em;
    padding: 1em 0;
    border-top: 1px solid var(--focus-blue);
    float: left;
    width: 98%;
    margin-right: 2%;
}

/* Input-Felder, Selects, Textareas */
.gform_wrapper .gform_body .gform_fields .gfield input[type=email],
.gform_wrapper .gform_body .gform_fields .gfield select,
.gform_wrapper .gform_body .gform_fields .gfield input[type=text],
.gform_wrapper .gform_body .gform_fields .gfield input[type=number],
.gform_wrapper .gform_body .gform_fields .gfield textarea,
.gform_wrapper .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border: 1px solid var(--border-black);
    border-radius: 3px;
    padding: 10px 2.5rem 10px 1.375rem!important;
    background: transparent;
    color: var(--text-black);
    height: 45px;
    font-size: 1em;
    font-weight: 400;
    margin-bottom: 5px;
}

/* Textarea */
.gform_wrapper .gform_body .gform_fields .gfield textarea {
    min-height: 250px;
    padding: 1rem 2.5rem 1rem 1.375rem!important;
    resize: vertical;
}

/* Fokus-Zustand */
.gform_wrapper .gform_body .gform_fields .gfield input:focus,
.gform_wrapper .gform_body .gform_fields .gfield select:focus,
.gform_wrapper .gform_body .gform_fields .gfield textarea:focus {
    border: 2px solid #ffffff;
    background: rgba(255, 15, NaN, 0.02);
    color: var(--text-black);
}

/* Dropdown Hintergrund */
.gform_wrapper .gform_body .gform_fields .gfield select {
    margin-top: 1px;
    background: transparent!important;
    color: var(--text-black);
    border: 1px solid var(--border-black);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 11px !important;
    padding-right: calc(15px + 11px + 10px) !important;
}

/* Datei-Upload Button */
.gform-body .gform_fields .gfield button.button.gform_button_select_files[type='button'] {
    padding: 10px 25px;
    border-radius: 5px;
    border: 1px solid var(--border-black);
    background: transparent;
    color: var(--text-black);
    transition: 0.3s ease;
}

.gform-body .gform_fields .gfield button.button.gform_button_select_files:hover {
    border-color: var(--focus-blue);
    background: var(--focus-blue);
    color: var(--text-white);
}

/* Submit-Button */
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
    color: #ffffff;
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: 15px 35px;
    border: 1px solid #ffffff;
    border-radius: 3px;
    background-color: transparent;
    transition: 0.3s;
}

/* Submit-Button Hover */
.gform_wrapper .gform_footer input[type=submit]:hover {
    background-color: #d20a11;
    color: #ffffff!important;
    border-color: #d20a11;
}

/* Labels */
.gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
    color: #ffffff;
    font-weight: 400;
    font-size: 1em;
    background-color: transparent;
    padding: 0;
    margin-bottom: 5px;
    display: inline-block;
}

/* Beschreibungstexte */
.gform_wrapper .gfield_description {
    font-size: 15px;
    line-height: 1.3em;
    padding-top: 5px;
    color: var(--text-black);
}

/* Platzhalter */
.gform_wrapper .gform_body .gform_fields .gfield input::placeholder,
.gform_wrapper .gform_body .gform_fields .gfield textarea::placeholder {
    color: rgba(255, 255, 255, 0.60)!important;
}

/* Pflichtfeld-Sterne */
.gform_wrapper .gfield_required,
.gform_wrapper .gfield_required_asterisk {
    color: #ffffff !important;
    font-size: 1em;
    font-weight: 300;
}

/* Fehlermeldungen */
.gform_wrapper .gform_validation_errors h2.gform_submission_error {
    font-size: 1.6rem!important;
    line-height: 2.1rem!important;
    font-weight: 400!important;
    color: var(--focus-blue);
}

.gform_wrapper .gform-body > div.gform_fields > div > div.validation_message.gfield_validation_message {
    font-size: 1.6rem!important;
    line-height: 2.1rem!important;
    font-weight: 400!important;
    border: solid 1px var(--focus-blue);
    border-radius: 5px;
    color: var(--focus-blue);
}

/* Radiobuttons */
.gform_wrapper .gform_body .gform_fields .gfield_radio input[type=radio] {
    width: 18px;
    height: 18px;
    border: 2px solid var(--border-black);
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 5px;
}

.gform_wrapper .gform_body .gform_fields .gfield_radio input[type=radio]:checked {
    border-color: var(--focus-blue);
    background-color: var(--focus-blue);
}

/* Checkboxen */
.gform_wrapper .gform_body .gform_fields .gfield_checkbox input[type=checkbox],
.gform_wrapper .gform_body .gform_fields .ginput_container_consent input[type=checkbox] {
    width: 18px;
    height: 18px;
    border: 2px solid var(--border-black);
    border-radius: 3px;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 5px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    position: relative;
}

.gform_wrapper .gform_body .gform_fields .gfield_checkbox input[type=checkbox]:checked,
.gform_wrapper .gform_body .gform_fields .ginput_container_consent input[type=checkbox]:checked {
    border-color: var(--focus-blue);
    background-color: var(--focus-blue);
}

/* Checkbox Häkchen (Standard Design) */
.gform_wrapper .gform_body .gform_fields .gfield_checkbox input[type=checkbox]:checked::after,
.gform_wrapper .gform_body .gform_fields .ginput_container_consent input[type=checkbox]:checked::after {
    content: "✓";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--text-white);
    font-size: calc(18px * 0.7);
    font-weight: bold;
    line-height: 1;
}

/* Fehlerzustand für Input-Felder */
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type=email],
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type=text],
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type=number],
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error select,
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error textarea {
    border: 2px solid #d20a11 !important;
    background-color: #fef2f2 !important;
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type=email]:focus,
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type=text]:focus,
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type=number]:focus,
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error select:focus,
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error textarea:focus {
    border: 2px solid #d20a11 !important;
    background-color: #fef2f2 !important;
}

/* Sektionen */
.gform_wrapper form .gform-body .gform_fields .gfield h3.gsection_title {
    font-size: clamp(1.6rem, 5vw, 2.3rem);
    line-height: clamp(2rem, 5vw, 2.3rem);
    font-weight: 600;
    color: var(--text-black);
    padding-bottom: 0;
    padding-top: 15px;
}

/* Grid Row Gap für Formular ID 2 */
#gform_wrapper_2 .gform_fields {
    row-gap: 5px;
}

/* ==========================================================================
   WINDOWS FIX für Dropdowns (Firefox, Edge, Windows)
   ========================================================================== */
.gform_wrapper select option {
    background-color: transparent !important;
    color: #ffffff !important;
}

.gform_wrapper select option:hover,
.gform_wrapper select option:checked,
.gform_wrapper select option:focus {
    background-color: transparent !important;
    color: #ffffff !important;
}

/* Firefox Windows Spezial-Fix */
@-moz-document url-prefix() {
    .gform_wrapper select option,
    .gform_wrapper select option:hover,
    .gform_wrapper select option:checked {
        background-color: transparent !important;
        color: #ffffff !important;
    }
}