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

/*----------------------------------------------------------------------*/
/* Standardgemäß nutzt das Divi Theme 80% der angegebenen Seitenbreite. */
/* Das sieht auf Smartphones etwas gedrungen aus. Um dem entgegen zu    */
/* wirken, wird hier ein anderer Wert festgelegt.			            */
/*----------------------------------------------------------------------*/
@media (max-width: 767px) {
	.et_pb_row, .container {
		width: 95% !important;
		max-width: 95% !important;
		}
	}
}

/*---------------------------------*/
/* 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: #AAD29A;
    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 */
	color: black; /* Textfarbe */
} 




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