/*
 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 – FLS STYLING (inkl. Windows Dropdown Fix)
   ========================================================================== */

/* Farbverwaltung */
:root {
    --background-light: #F5F4EF;
    --text-white: #fff;
    --text-black: #000;
    --border-white: #fff;
    --button-red: #f88b00;
}

/* ==========================================================================
   FORMULAR-FRONTEND STRUKTUR
   ========================================================================== */

.gform_wrapper form .gform_footer.top_label {
    margin-top: 1.5em;
    padding: 1em 0;
    border-top: 1px solid var(--button-red);
    float: left;
    width: 98%;
    margin-right: 2%;
}

/* ==========================================================================
   INPUT-FELDER: Text, E-Mail, Zahl, Dropdown, Textarea
   ========================================================================== */

.gform_wrapper .gform_body .gform_fields .gfield input[type=email],
.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_body .gform_fields .gfield select,
.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-white);
    border-radius: 3px;
    padding: 0 2.5rem 0 1.375rem !important;
    background: transparent;
    color: var(--text-white);
    height: 45px;
}

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

/* Fokuszustände */
.gform_wrapper .gform_body .gform_fields .gfield input:focus,
.gform_wrapper .gform_body .gform_fields .gfield textarea:focus,
.gform_wrapper .gform_body .gform_fields .gfield select:focus {
    border: 1px solid var(--button-red);
    padding: 10px;
    background: transparent;
    color: var(--text-white);
    outline: none;
}

/* ==========================================================================
   WINDOWS FIX für Dropdowns (Firefox, Edge, Windows)
   Einheitliches Dropdown-Menü mit weißem Hintergrund und schwarzem Text
   nur im geöffneten Zustand (Dropdown-Menü)
   ========================================================================== */

/* Geöffnetes Dropdown-Menü: Optionen */
.gform_wrapper select option {
    background-color: #fff !important;
    color: #000 !important;
}

/* Hover / aktive Auswahl */
.gform_wrapper select option:hover,
.gform_wrapper select option:checked,
.gform_wrapper select option:focus {
    background-color: #fff !important;
    color: #000 !important;
}

/* --------------------------------------------------------------------------
   Edge- und Chromium-Fix:
   Erzwingt korrektes Farbrendering bei geöffnetem Dropdown-Menü
   -------------------------------------------------------------------------- */
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    select,
    option {
        color: #000 !important;
        background-color: #fff !important;
    }

    option:hover,
    option:checked,
    option:focus {
        background-color: #fff !important;
        color: #000 !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: #fff !important;
        color: #000 !important;
    }
}

/* --------------------------------------------------------------------------
   Geschlossener Zustand (nicht geöffnet)
   Standardzustand: weißer Rahmen + weiße Schrift
   Bei Fokus: orange Umrandung
   -------------------------------------------------------------------------- */
.gform_wrapper .gform_body .gform_fields .gfield select {
    background-color: transparent !important;
    color: var(--text-white) !important;
    border: 1px solid var(--border-white);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.gform_wrapper .gform_body .gform_fields .gfield select:focus {
    border: 1px solid var(--button-red) !important;
    background: transparent;
    color: var(--text-white) !important;
    outline: none;
}

/* ==========================================================================
   PLACEHOLDER (Platzhaltertext in Feldern)
   ========================================================================== */

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

/* ==========================================================================
   LABELS & TEXTE
   ========================================================================== */

.gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
    color: var(--text-white);
    font-weight: 400;
}

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

/* Pflichtfeld-Sterne */
.gform_wrapper .gfield_required {
    color: var(--button-red);
    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(--button-red);
}

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

/* ==========================================================================
   RADIOBUTTONS
   ========================================================================== */

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

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

/* ==========================================================================
   SECTION TITEL (für Gruppierungen)
   ========================================================================== */

.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-white);
    padding-bottom: 0;
    padding-top: 15px;
}

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

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

/* ==========================================================================
   SUBMIT-BUTTON (Absenden)
   ========================================================================== */

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

/* Hover-Zustand */
.gform_wrapper .gform_footer input[type=submit]:hover {
    transform: translateY(-.7rem);
    border: 1px solid #fff;
    background-color: #fff;
    color: var(--button-red) !important;
}