/*
 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;
	}


/* Schriften */




/* Farbverwaltung */
:root {
    --background-light: #F5F4EF;
    --text-dark: #444444;
    --border-color: #BCC7B7;
    --button-border: #444444;
    --button-text: #444444;
    --button-hover-bg: #98a292;
    --button-hover-text: #F5F4EF;
}

/*  ==================================================================
	GRAVITY FORMS ====================================================
	==================================================================  */

/* Allgemeine Stile für Formularfuß */
.gform_wrapper form .gform_footer.top_label {
    margin-top: 1.5em;
    padding: 1em 0;
    border-top: 1px solid var(--border-color);
    float: left;
    width: 98%;
    margin-right: 2%;
}

/* Allgemeine Stile für Textfelder, Auswahlfelder, Zahlenfelder, Textareas und andere Eingaben */
.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-color);
    border-radius: 3px;
    padding: 0 2.5rem 0 1.375rem!important;
    background: var(--background-light);
    color: var(--text-dark);
    height: 45px;
}

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

/* Fokus-Stile */
.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: 1px solid var(--border-color);
    padding: 10px;
    background: var(--background-light);
    color: var(--text-dark);
}

/* Auswahl-Dropdown */
.gform_wrapper .gform_body .gform_fields .gfield select {
    margin-top: 1px;
    background: var(--background-light)!important;
    color: var(--text-dark);
}

/* 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-color);
    background: var(--background-light);
    color: var(--text-dark);
    transition: 0.3s ease;
}

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

/* Absende-Button */
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
    color: var(--button-text)!important;
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: 20px 45px;
    border: 1px solid var(--button-border);
    border-radius: 3px;
    background-color: var(--background-light);
    transition: 0.5s;
}

.gform_wrapper .gform_footer input[type=submit]:hover {
    transform: translateY(-.7rem);
    transition: .5s;
    border: 1px solid var(--button-hover-bg);
    background-color: var(--button-hover-bg);
    color: var(--button-hover-text)!important;
}

/* Labels */
.gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
    color: var(--text-dark);
    font-weight: 400;
}

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

/* Platzhalter */
.gform_wrapper .gform_body .gform_fields .gfield input::placeholder,
.gform_wrapper .gform_body .gform_fields .gfield textarea::placeholder {
    color: var(--text-dark)!important;
    opacity: 1;
}

/* Pflichtfelder */
.gform_wrapper .gfield_required {
    color: var(--border-color);
    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(--border-color);
}

.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(--border-color);
    border-radius: 5px;
    color: var(--border-color);
}

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

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

/* Titel-Stile */
.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-dark);
    padding-bottom: 0;
    padding-top: 15px;
}