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


/* Dropdown-Items untereinander */
html body #top-menu .sub-menu li {
  display: block !important;
  padding-right: 0 !important;
  width: 100% !important;
}

/* Dropdown breiter + rechtsbündig mit Pfeil */
html body #top-menu-nav .sub-menu {
  min-width: 320px !important;
  width: auto !important;
  left: auto !important;
  right: 0 !important;
}




/* ================================================
   Gravity Forms Custom CSS
   Generiert mit Gravity Forms CSS Generator v3.6
   26.2.2026
   ================================================ */

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

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

.gform_wrapper .gform_body .gform_fields .gfield .ginput_complex label,
.gform_wrapper .gform_body .gform_fields .gfield .gfield_time_hour label,
.gform_wrapper .gform_body .gform_fields .gfield .gfield_time_minute label,
.gform_wrapper .gform_body .gform_fields .gfield .gfield_date_month label,
.gform_wrapper .gform_body .gform_fields .gfield .gfield_date_day label,
.gform_wrapper .gform_body .gform_fields .gfield .gfield_date_year label,
.gform_wrapper .gform_body .gform_fields .gfield .instruction {
    color: #ffffff;
    font-weight: 400;
}

/* ================================================
   Input-Felder
   ================================================ */
.gform_wrapper .gform_body .gform_fields .gfield input[type="text"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="email"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="tel"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="url"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="number"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="date"],
.gform_wrapper .gform_body .gform_fields .gfield select,
.gform_wrapper .gform_body .gform_fields .gfield textarea {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 3px !important;
    font-size: 1em !important;
    font-weight: 400 !important;
    padding: 10pxpx 15px !important;
    margin-bottom: 5px !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.gform_wrapper .gform_body .gform_fields .gfield input[type="text"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="email"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="tel"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="url"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="number"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="date"],
.gform_wrapper .gform_body .gform_fields .gfield select {
    height: 45px !important;
}

.gform_wrapper .gform_body .gform_fields .gfield textarea {
    min-height: 250px !important;
    resize: vertical !important;
}

/* ================================================
   Fokus-Zustand
   ================================================ */
.gform_wrapper .gform_body .gform_fields .gfield input[type="text"]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type="email"]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type="tel"]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type="url"]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type="number"]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type="date"]:focus,
.gform_wrapper .gform_body .gform_fields .gfield select:focus,
.gform_wrapper .gform_body .gform_fields .gfield textarea:focus {
    border: 1px solid #ffffff !important;
    background-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

/* ================================================
   Placeholder
   ================================================ */
.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;
    opacity: 1 !important;
}

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

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

/* ================================================
   Dropdown (Select) mit Custom Arrow
   ================================================ */
.gform_wrapper .gform_body .gform_fields .gfield select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%23ffffff' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 8px !important;
    padding-right: 40px !important;
}

@supports (-ms-ime-align: auto) {
    .gform_wrapper .gform_body .gform_fields .gfield select::-ms-expand {
        display: none;
    }
}

/* ================================================
   Dropdown Options (aufgeklappte Liste)
   
   Browser-Kompatibilität:
   ✅ Chrome/Edge (Windows): Volle Unterstützung mit Gradient-Trick
   ✅ Firefox (Windows/Mac): Volle Unterstützung
   ⚠️ Safari (macOS/iOS): Ignoriert Option-Styles – OS rendert nativ
   ================================================ */

/* ALLE Options bekommen den Hintergrund */
.gform_wrapper .gform_body .gform_fields .gfield select option {
    background-color: #363844 !important;
    color: #ffffff !important;
}

/* Checked/Selected State - Chromium braucht den Gradient-Trick */
.gform_wrapper .gform_body .gform_fields .gfield select option:checked {
    background: #4a4f5c linear-gradient(0deg, #4a4f5c 0%, #4a4f5c 100%) !important;
    color: #ffffff !important;
}

/* Placeholder-Option */
.gform_wrapper .gform_body .gform_fields .gfield select option.gf_placeholder {
    background-color: #363844 !important;
    color: rgba(255, 255, 255, 0.60) !important;
}

/* Firefox Fix */
@-moz-document url-prefix() {
    .gform_wrapper .gform_body .gform_fields .gfield select option {
        background-color: #363844 !important;
        color: #ffffff !important;
    }
    .gform_wrapper .gform_body .gform_fields .gfield select option:checked {
        background-color: #4a4f5c !important;
    }
}

/* ================================================
   Submit-Button
   ================================================ */
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_page_footer input[type="submit"],
.gform_wrapper .gform_page_footer input[type="button"] {
    color: #fff !important;
    font-size: 1.6rem !important;
    font-weight: 400 !important;
    background: transparent !important;
    border: 1px solid #ffffff !important;
    border-radius: 3px !important;
    padding: 15px 35px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_page_footer input[type="submit"]:hover,
.gform_wrapper .gform_page_footer input[type="button"]:hover {
    color: #ffffff !important;
    background: #2d3e6e !important;
    border-color: #2d3e6e !important;
    transform: translateY(-2px) scale(1.05) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.gform_wrapper .gform_footer input[type="submit"]:active,
.gform_wrapper .gform_page_footer input[type="submit"]:active,
.gform_wrapper .gform_page_footer input[type="button"]:active {
    transform: translateY(0) scale(1) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
}


/* ================================================
   Radiobuttons & Checkboxen
   ================================================ */
.gform_wrapper .gform_body .gform_fields .gfield .gchoice input[type="radio"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #ffffff !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    cursor: pointer !important;
    position: relative !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
}

.gform_wrapper .gform_body .gform_fields .gfield .gchoice input[type="radio"]:checked {
    border-color: #ffffff !important;
    background-color: #ffffff !important;
}

.gform_wrapper .gform_body .gform_fields .gfield .gchoice input[type="radio"]:checked::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 7.2px !important;
    height: 7.2px !important;
    border-radius: 50% !important;
    background-color: #fff !important;
}

.gform_wrapper .gform_body .gform_fields .gfield .gchoice input[type="checkbox"],
.gform_wrapper .gform_body .gform_fields .gfield input.gfield-choice-input[type="checkbox"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #ffffff !important;
    border-radius: 3px !important;
    background-color: transparent !important;
    cursor: pointer !important;
    position: relative !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

.gform_wrapper .gform_body .gform_fields .gfield .gchoice input[type="checkbox"]:checked,
.gform_wrapper .gform_body .gform_fields .gfield input.gfield-choice-input[type="checkbox"]:checked {
    border-color: #2d3e6e !important;
    background-color: #ffffff !important;
}




.gform_wrapper .gform_body .gform_fields .gfield .gchoice input[type="checkbox"]:checked::before,
.gform_wrapper .gform_body .gform_fields .gfield input.gfield-choice-input[type="checkbox"]:checked::before {
    content: none !important;
    display: none !important;
}


/* ================================================
   Pflichtfeld-Sternchen
   ================================================ */
.gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {
    color: #ffffff !important;
    font-size: 1em !important;
    font-weight: 300 !important;
    padding-left: 0px !important;
}

/* ================================================
   Fehlerzustand
   ================================================ */
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type="text"],
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type="email"],
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type="tel"],
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type="url"],
.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 #dc2626 !important;
    background-color: #fef2f2 !important;
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield_error .gfield_label {
    color: #dc2626 !important;
}

.gform_wrapper .gform_body .gform_fields .gfield .validation_message {
    color: #dc2626 !important;
    font-size: 0.9em !important;
    margin-top: 5px !important;
}

/* ================================================
   Row Gap
   ================================================ */
.gform_wrapper ul.gform_fields {
    row-gap: 5px !important;
}

/* ================================================
   Beschreibungen
   ================================================ */
.gform_wrapper .gform_body .gform_fields .gfield .gfield_description {
    color: #ffffff;
    font-size: 0.9em;
    margin-top: 5px;
}

/* ================================================
   Footer Border
   ================================================ */
.gform_wrapper .gform_footer {
    border-top: 2px solid #ffffff;
    padding-top: 20px !important;
    margin-top: 20px !important;
}

/* Ende des generierten CSS */