/*===================================================================================================================*/
/* Theme Name:	divi-child                                                                                           */
/* Template:	Divi                                                                                                 */
/*-------------------------------------------------------------------------------------------------------------------*/
/* Description: Individuelle Theme-Anpassungen                                                                       */
/* Version:		1.0.0                                                                                                */
/* Author:		Klaus Wildenburg                                                                                     */
/*===================================================================================================================*/ 

/*===================================================================================================================*/ 
/* Bewertungsformular (Site Reviews) - Erfassungsformular                                                            */
/*===================================================================================================================*/ 

/*------------------*/
/* Bewertungssterne */
/*------------------*/

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

/*---------------*/
/* Eingabefelder */
/*---------------*/

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

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

/* Platzhaltertexte */
.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 */
}

/*-------------------*/
/* Datenschutztoggle */
/*-------------------*/
.glsr-form .glsr-field-choice {
    display: none !important;
}

/*--------*/
/* Button */
/*--------*/

.glsr-review-form button.glsr-button {
    background-color: #F1CB2F !important; /* Hintergrundfarbe */
    color: black !important; /* Textfarbe */
    padding: 8px 20px !important; /* Innenabstand oben/unten rechts/links */
    text-align: center !important; /* Textausrichtung */
    text-decoration: none !important; /* Textdekoration entfernen */
    display: inline-block !important; /* wichtig: block-level */
    margin-left: auto !important; /* rechtsbündig */
    margin-right: 0 !important;
    font-size: 1.2rem !important; /* Schriftgröße */
    margin: 4px 2px !important; /* Außenabstand */
    cursor: pointer !important; /* Mauszeiger */
    border-radius: 50px !important; /* Abrundung der Ecken */
    border: none !important; /* Rahmen entfernen */
    transition: all 0.3s ease !important; /* Sanfter Übergang */
    position: relative !important; /* Wichtig für die Positionierung des Pfeils */
}

/* Hover-Effekt */
.glsr-review-form button.glsr-button:hover {
    background-color: #B4D097 !important; /* Hintergrundfarbe bei Hover */
    color: black !important; /* Textfarbe */
    padding-right: 40px !important; /* Platz rechts schaffen für den Pfeil */
    text-align: center !important; /* Textausrichtung */
    text-decoration: none !important; /* Textdekoration entfernen */
    font-size: clamp(1.2rem, 0.2vw + 0.95rem, 1.35rem) !important; /* Schriftgröße */
    margin: 4px 2px !important; /* Außenabstand */
    cursor: pointer !important; /* Mauszeiger */
    border-radius: 50px !important; /* Abrundung der Ecken */
    border: none !important; /* Rahmen entfernen */
}

/* Den Pfeil beim Hover anzeigen */
.glsr-review-form button.glsr-button::after {
    content: "" !initial; /* Standardmäßig kein Inhalt */
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.glsr-review-form button.glsr-button:hover::after {
    content: ">" !important;
    font-size: 1.8rem !important;
    opacity: 1 !important;
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    line-height: 1 !important;
}

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

/*-------------------------------*/
/* Anzeige 'Veryfied' ausblenden */
/*-------------------------------*/	

.glsr-review-verified {
display: none !important;
}