/*===================================================================================================================*/
/* Theme Name:	Divi-Child-Theme                                                                                     */
/* Template:	Divi                                                                                                 */
/*-------------------------------------------------------------------------------------------------------------------*/
/* Description: Ergaenendes CSS                                                                                      */
/* Version:		1.0.0                                                                                                */
/* Author:		Klaus Wildenburg                                                                                     */
/*===================================================================================================================*/ 

/*---------------------------------*/
/* Bildtitel beim Hover ausblenden */
/*---------------------------------*/
img {
pointer-events:none;
}

/*===================================================================================================================*/ 
/* Menü                                                                                                              */
/*===================================================================================================================*/ 

/*--------------------------*/
/* Abstand der Menüeinträge */
/*--------------------------*/
.et_pb_menu .et-menu.nav > li { 
  padding-left: 20px !important; 
  padding-right: 20px !important;
}

/*------------------------------------------------------------------------*/
/* Smartphone: Symbol des Hamburgermenüs in ein 'X' umwandeln, und zurück */
/*------------------------------------------------------------------------*/
.mobile_menu_bar::before {
	display: block;
	transition: all .4s ease;
}
.mobile_nav.opened .mobile_menu_bar::before {
	content: "M";
	transform: rotate(90deg);
}

/*-----------------------------------------*/
/* Einträge des Drop-Down-Menüs zentrieren */
/*-----------------------------------------*/
.et_mobile_menu li a {
text-align: center;
}

/*===================================================================================================================*/ 
/* Back-To-Top-Button                                                                                                */
/*===================================================================================================================*/ 

/*------------------------*/
/* Back-To-The-Top-Button */
/*------------------------*/
.et_pb_scroll_top.et-pb-icon {
	right: 15px;
	bottom: 15px;
	border-radius: 25px;
    background-color: #B4D097;
    color: #000000;
	-webkit-box-shadow: 4px 4px 15px 3px rgba(0,0,0,0.26);
    -moz-box-shadow: 4px 4px 15px 3px rgba(0,0,0,0.26);
    box-shadow: 4px 4px 15px 3px rgba(0,0,0,0.26);
}

.et_pb_scroll_top.et-pb-icon:hover {
	border: 1px solid #303030;
    background-color: #B8B39B;
    color: #303030;
}

/*--------------------------------------------------*/
/* Back-To-The-Top-Button auf Smartphone ausblenden */
/*--------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .et_pb_scroll_top.et-pb-icon {
    display: none !important;
  }
}

/*===================================================================================================================*/ 
/* SiteReview                                                                                                        */
/*===================================================================================================================*/ 

/*---------------------------*/
/* Eingabefelder formatieren */
/*---------------------------*/
.glsr-form .glsr-input,
.glsr-form .glsr-textarea {
	background-color: #EEEEEE !important; /* Hintergrundfarbe */
	border-radius: 10px !important; /* Radius der Feldecken */
	font-family: 'Poppins'!important; /* Schriftart */
	font-size:14px !important; /* Schriftgrösse */
	color: #000000 !important; /* Schriftfarbe */
}

/* Placeholders */
.glsr-form ::placeholder {
  color: #000000 !important; /* Textfarbe */
}

/* Hover-Effekt */
.glsr-form .glsr-input:hover,
.glsr-form .glsr-textarea:hover {
  background-color: #F1CB2F !important; /* Feldfarbe */
  color: #000000 !important; /* Textfarbe */
}

/*-----------------------*/
/* Meldungen formatieren */
/*-----------------------*/
.glsr-form-error,
.glsr-form-failed,
.glsr-form-message {
	font-family: 'Poppins'; /* Schriftart */
	font-size:16px !important; /* Schriftgrösse */
	color: #FF0000 !important; /* Schriftfarbe */
}

/*--------------------*/
/* Toggle formatieren */
/*--------------------*/
.glsr-field-toggle {
    --glsr-toggle-bg-1: #F1CB2F; /* Hintergrundfarbe des aktivierten Toggles */
} 

/*--------------------*/
/* Button formatieren */
/*--------------------*/
.glsr-review-form button.glsr-button {
    background-color: #F1CB2F; /* Hintergrundfarbe */
    color: black; /* Textfarbe */
    padding: 10px 26px; /* Innenabstand */
    text-align: center; /* Textausrichtung */
    text-decoration: none; /* Textdekoration entfernen */
    display: inline-block; /* Anzeigeart */
    font-size: clamp(1rem, 0.2vw + 0.95rem, 1.25rem); /* Schriftgröße */
	letter-spacing: 1px;
    margin: 4px 2px; /* Außenabstand */
    cursor: pointer; /* Mauszeiger */
    border-radius: 50px; /* Abrundung der Ecken */
    border: none; /* Rahmen entfernen */
    -webkit-box-shadow: 4px 4px 15px 3px rgba(0,0,0,0.26);
    -moz-box-shadow: 4px 4px 15px 3px rgba(0,0,0,0.26);
    box-shadow: 4px 4px 15px 3px rgba(0,0,0,0.26);
}

/* Hover-Effekt */
.glsr-review-form button.glsr-button:hover {
	transform: translateY(-1px);
	background-color: #B4D097; /* Hintergrundfarbe bei Hover */
    color: black; /* Textfarbe bei Hover*/
    text-align: left; /* Textausrichtung bei Hover */
    text-decoration: none; /* Textdekoration bei Hover entfernen  */
    display: inline-block; /* Anzeigeart bei Hover */
    font-size: clamp(1rem, 0.2vw + 0.95rem, 1.25rem); /* Schriftgröße beim Hover */
    margin: 4px 2px; /* Außenabstand bei Hover */
    cursor: pointer; /* Mauszeiger bei Hover */
    border-radius: 50px; /* Abrundung der Ecken bei Hover */
    border: none; /* Rahmen entfernen bei Hover */
    -webkit-box-shadow: 4px 4px 15px 3px rgba(0,0,0,0.26);
    -moz-box-shadow: 4px 4px 15px 3px rgba(0,0,0,0.26);
    box-shadow: 4px 4px 15px 3px rgba(0,0,0,0.26);
} 

/*------------------------------*/
/* Bewertungssterne formatieren */
/*------------------------------*/
.glsr-summary .glsr-star {
    background-size: 24px !important; /* Hintergrundgroesse */
    height: 24px !important; /* Hoehe */
    width: 24px !important; /* Breite */
}

/*------------------*/
/* Bewertungs-Titel */
/*------------------*/
.glsr-review-title h4 {
	text-transform: uppercase !important; /* Versalienschrift */
	font-weight: 600 !important; /* Fettschrift */
}

/*-------------------------------*/
/* Anzeige 'Veryfied' ausblenden */
/*-------------------------------*/	
.glsr-review-verified {
display: none !important;
}

/*===================================================================================================================*/ 
/* Contact Form                                                                                                      */
/*===================================================================================================================*/ 

/*------------------------------------------------*/
/* Abstand zwischen Placeholder und Radio-Buttons */
/*------------------------------------------------*/
.et_pb_contact_field_desc {
	margin-bottom: 15px;
} 

/*--------------------------*/
/* Radio Button formatieren */
/*--------------------------*/
/* Default State: Style the outer circle */
.et_pb_contact_field_radio label i {
  border: 2px solid #cccccc; /* Grey border for the circle border */
  background-color: #cccccc; /* White background for the circle */
}

/* Hover State: Change colors when you mouse over an option */
.et_pb_contact_field_radio:hover label i {
  border-color: #F1CB2F; /* Yellow for the border on hover */
  background-color: #F1CB2F; /* Yellow for the background on hover */
}

/* Selected (Checked) State: Change colors when an option is chosen */
.et_pb_contact_field_radio input[type="radio"]:checked + label i {
  background-color: #F1CB2F; /* Your custom yellow color for the selected background */
  border-color: #F1CB2F; /* Matching border color */
}

/* (Optional) Style the checkmark inside the selected circle */
.et_pb_contact_field_radio input[type="radio"]:checked + label i:before {
  color: #000000 /* Black checkmark */
}

/*===================================================================================================================*/ 
/* Footer                                                                                                            */
/*===================================================================================================================*/ 

/*------------------------------------------------------------*/
/* Footer-Objekte auf dem Smartphone nebeneinander darstellen */
/*------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .nebeneinander .et_pb_module {
    display: inline-block;
    width: 33.33%;
    vertical-align: top;
  }

  .nebeneinander .et_pb_module:last-child {
    margin-right: 0;
  }
}