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




:root {
    --primary-color: #333333; /* Dunkles Grau */
    --accent-color: #007BFF; /* Klassisches Blau */
    --accent-color-light: #0056b3; /* Dunkleres Blau für Hover */
    --error-color: #B22222; /* Dunkles Rot */
    --background-gray: #F5F5F5; /* Hellgrau */
    --text-color: #222222; /* Fast Schwarz */
    --placeholder-color: rgba(34, 34, 34, 0.5); /* Platzhalter in hellem Grau */
    --success-background: rgba(0, 123, 255, 0.2); /* Erfolgsmeldung Hintergrund in Blau */
    --error-background: rgba(178, 34, 34, 0.1); /* Fehlermeldung Hintergrund in Rot */
}

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

/* Allgemeine Stile für Formularfuß */
html body article .et-l .et_pb_section .et_pb_module .gform_wrapper form .gform_footer.top_label,
footer .et_pb_section .et_pb_module .gform_wrapper form .gform_footer.top_label {
	margin-top: 1.5em;
	padding: 1em 0;
	border-top: 1px solid var(--accent-color-light);
	float: left;
	width: 98%;
	margin-right: 2%;
}

/* Stile für Textfelder, Auswahlfelder und Eingaben */
html body article .et-l .et_pb_section .et_pb_module .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
html body article .et-l .et_pb_section .et_pb_module .gform_wrapper .gform_body .gform_fields .gfield select,
html body article .et-l .et_pb_section .et_pb_module .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
html body article .et-l .et_pb_section .et_pb_module .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
footer .et_pb_section .et_pb_module .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
footer .et_pb_section .et_pb_module .gform_wrapper .gform_body .gform_fields .gfield select,
footer .et_pb_section .et_pb_module .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
footer .et_pb_section .et_pb_module .gform_wrapper .gform_body .gform_fields .gfield input[type=number] {
	border: 1px solid var(--accent-color);
	border-radius: 3px;
	padding: 0 1.5rem;
	background: var(--background-gray);
	color: var(--text-color);
	height: 45px;
	box-sizing: border-box;
}

/* Fokus-Stile für Eingaben */
html body article .et-l .et_pb_section .et_pb_module .gform_wrapper .gform_body .gform_fields .gfield input:focus,
footer .et_pb_section .et_pb_module .gform_wrapper .gform_body .gform_fields .gfield input:focus {
	border-color: var(--accent-color-light);
	background: rgba(255, 255, 255, 1.0);
	outline: none;
}

/* Textarea */
html body article .et-l .et_pb_section .et_pb_module .gform_wrapper textarea,
footer .et_pb_section .et_pb_module .gform_wrapper textarea {
	border: 1px solid var(--accent-color);
	border-radius: 3px;
	padding: 1rem;
	background: var(--background-gray);
	color: var(--text-color);
	font-size: 1.6rem;
	min-height: 120px;
	width: 100%;
	box-sizing: border-box;
	resize: vertical;
}

html body article .et-l .et_pb_section .et_pb_module .gform_wrapper textarea:focus,
footer .et_pb_section .et_pb_module .gform_wrapper textarea:focus {
	border-color: var(--accent-color-light);
	background: rgba(255, 255, 255, 1.0);
	outline: none;
}

/* Absende-Button */
html body article .et-l .et_pb_section .et_pb_module .gform_wrapper .gform_footer input.button,
footer .et_pb_section .et_pb_module .gform_wrapper .gform_footer input.button {
	background-color: var(--accent-color) !important; /* Klassisches Blau */
	border: 1px solid var(--accent-color) !important; /* Gleicher Blauton */
	color: #fff !important; /* Weiße Schrift */
	text-transform: uppercase;
	padding: 1.3rem 2.5rem !important;
	cursor: pointer;
	transition: 0.3s;
  font-size: 1.4rem;
}

html body article .et-l .et_pb_section .et_pb_module .gform_wrapper .gform_footer input.button:hover,
footer .et_pb_section .et_pb_module .gform_wrapper .gform_footer input.button:hover {
	background-color: var(--accent-color-light) !important; /* Dunkleres Blau für Hover */
	border-color: var(--accent-color-light) !important; /* Gleicher Blauton */
	color: #fff !important; /* Weiße Schrift */
}

/* Labels */
html body article .et-l .et_pb_section .et_pb_module .gform_wrapper .gform_body .gform_fields .gfield .gfield_label,
footer .et_pb_section .et_pb_module .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
	color: var(--text-color);
	font-weight: 400;
	font-size: 1.6rem;
}

/* Fehlermeldungen */
html body article .et-l .et_pb_section .et_pb_module .gform_wrapper .gform_validation_errors h2.gform_submission_error,
footer .et_pb_section .et_pb_module .gform_wrapper .gform_validation_errors h2.gform_submission_error {
	font-size: 1.6rem;
	font-weight: 400;
	color: var(--error-color);
}

html body article .et-l .et_pb_section .et_pb_module .gform_wrapper .gform-body > div.gform_fields > div > div.validation_message.gfield_validation_message,
footer .et_pb_section .et_pb_module .gform_wrapper .gform-body > div.gform_fields > div > div.validation_message.gfield_validation_message {
	border: solid 1px var(--error-color);
	border-radius: 5px;
	color: var(--error-color);
	padding: 1.2rem;
}

/* Platzhalter-Stile */
html body article .et-l .et_pb_section .et_pb_module .gform_wrapper .gform_body .gform_fields .gfield input::placeholder,
footer .et_pb_section .et_pb_module .gform_wrapper .gform_body .gform_fields .gfield input::placeholder {
	color: var(--placeholder-color);
}