:root {
--primary-color: #0057b8;
--star-color: #ffb400;
--bg-light: #f9f9f9;
--text-dark: #222;
--text-muted: #666;
--accent-color: #cd1719;
}
.bewertungsformular {
max-width: 100%;
padding: 1rem;
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.05);
font-family: "Roboto", sans-serif;
}
.bewertungsformular label {
font-weight: 600;
margin-top: 1rem;
display: block;
color: var(--text-dark);
}
.bewertungsformular input,
.bewertungsformular textarea {
width: 100%;
padding: 8px;
margin-top: 0.25rem;
margin-bottom: 1rem;
border: 1px solid #ccc;
border-radius: 6px;
font-size: 1rem;
font-family: "Roboto", sans-serif;
}
.bewertungsformular button.elementor-button {
background-color: #cd1719;
border-radius: 3px;
color: #fff;
font-size: var(--e-global-typography-text-font-size);
line-height: 1;
font-weight: 300;
padding: 12px 24px;
text-align: center;
transition: all .3s;
font-family: "Roboto", sans-serif;
border: none;
display: inline-block;
}
.bewertungsformular button.elementor-button:hover {
filter: brightness(1.1);
} .sterne-auswahl {
display: flex;
flex-direction: row-reverse;
gap: 0.5rem;
font-size: 1.5rem;
justify-content: start;
}
.sterne-auswahl input {
display: none;
}
.sterne-auswahl label {
cursor: pointer;
color: #ccc;
}
.sterne-auswahl input:checked ~ label,
.sterne-auswahl label:hover,
.sterne-auswahl label:hover ~ label {
color: var(--star-color);
} .bewertung-fehlermeldung {
background: #ffe0e0;
color: #900;
border: 1px solid #f5c2c2;
padding: 1rem;
border-radius: 6px;
margin-bottom: 1rem;
font-weight: 500;
} .bewertung-durchschnitt {
text-align: center;
margin-bottom: 1rem;
}
.bewertung-schnittwert {
font-size: 2rem;
font-weight: 600;
color: var(--text-dark);
}
.bewertung-durchschnitt .sterne {
color: var(--star-color);
font-size: 1.5rem;
margin-top: 0.3rem;
} .filter-toggle-wrapper {
text-align: right;
max-width: 800px;
margin: 1rem auto 0 auto;
}
.filter-toggle-link {
display: inline-block;
font-size: 0.95rem;
font-weight: 500;
font-family: "Roboto", sans-serif;
color: var(--accent-color);
text-decoration: underline;
cursor: pointer;
}
.filter-toggle-link.aktiv {
color: var(--accent-color);
} #bewertung-filterbox {
display: none;
flex-wrap: wrap;
justify-content: center;
gap: 1.5rem;
max-width: 1310px;
margin: 1rem auto 2rem;
padding: 0;
background: none;
border: none;
}
#bewertung-filterbox.sichtbar {
display: flex;
}
#bewertung-filterbox form {
display: flex;
gap: 1.5rem;
flex-wrap: wrap;
justify-content: center;
width: 100%;
margin: 0;
}
#bewertung-filterbox div {
display: flex;
flex-direction: column;
min-width: 140px;
}
#bewertung-filterbox label {
font-size: 0.8rem;
margin-bottom: 0.25rem;
color: var(--text-dark);
}
#bewertung-filterbox select {
padding: 6px 10px;
font-size: 0.9rem;
border-radius: 5px;
border: 1px solid #ccc;
background: #fff;
font-family: "Roboto", sans-serif;
}
@media screen and (max-width: 768px) {
#bewertung-filterbox form {
flex-direction: column;
align-items: center;
}
#bewertung-filterbox div {
width: 100%;
max-width: 280px;
}
} .bewertung-grid {
display: grid;
gap: 20px;
grid-template-columns: 1fr;
margin-top: 2rem;
} .bewertung-eintrag {
background: #fff;
border: 1px solid #eee;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.03);
font-family: "Roboto", sans-serif;
position: relative;
}
.bewertung-eintrag h4 {
margin: 0 0 0.5rem 0;
color: var(--text-dark);
font-size: 1.1rem;
}
.bewertung-eintrag .sterne {
color: var(--star-color);
font-size: 1.2rem;
margin-bottom: 0.5rem;
}
.bewertung-eintrag .verifiziert {
display: none;
}
.bewertung-eintrag .verifiziert-label {
position: absolute;
top: 10px;
right: 10px;
background: #e6f9ed;
color: #28a745;
font-size: 11px;
font-weight: 500;
padding: 2px 6px;
border-radius: 4px;
display: inline-block;
}
.bewertung-eintrag .kommentar {
color: var(--text-dark);
margin-bottom: 0.8rem;
}
.bewertung-eintrag .datum {
font-size: 0.85rem;
color: var(--text-muted);
margin-bottom: 0.5rem;
}
.bewertung-eintrag .antwort {
background: #f6f6f6;
padding: 0.8rem;
border-radius: 6px;
margin-top: 1rem;
font-size: 0.95rem;
color: #333;
} .bewertung-pagination {
display: flex;
justify-content: center;
gap: 0.5rem;
margin-top: 2rem;
flex-wrap: wrap;
}
.bewertung-pagination a {
padding: 8px 14px;
border: 1px solid #ccc;
border-radius: 6px;
background: #fff;
color: var(--text-dark);
text-decoration: none;
font-weight: 500;
transition: all 0.2s;
}
.bewertung-pagination a:hover {
background: #f0f0f0;
}
.bewertung-pagination a.aktiv {
background: var(--primary-color);
color: #fff;
border-color: var(--primary-color);
font-weight: bold;
}
.filter-toggle-wrapper {
max-width: 1300px;
margin: 1rem auto 0 auto;
padding: 0 1rem;
text-align: right;
}.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;}
span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important;  cursor: pointer !important; }
#altEmail_container, .altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}[class*=tec-events-elementor-event-widget]{color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-size:1rem;font-weight:var(--tec-font-weight-regular);line-height:var(--tec-line-height-3);margin:0 0 var(--tec-spacer-0) 0;padding:0}[class*=tec-events-elementor-event-widget] [class*=tec-events-elementor-event-widget]{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:inherit;padding:inherit}[class*=tec-events-elementor-event-widget] a,a[class*=tec-events-elementor-event-widget]{border-bottom-color:initial;-webkit-text-decoration:underline;text-decoration:underline}.e-con-inner [class*=elementor-widget-tec_elementor_widget]:not(:last-child),.elementor-section:not(.elementor-top-section) [class*=elementor-widget-tec_elementor_widget]:not(:last-child){margin-block-end:var(--tec-spacer-3)}.tec-events-elementor-widget-empty{background-color:var(--tec-color-background-secondary);color:var(--tec-color-text-secondary);font-size:1rem;font-weight:var(--tec-font-weight-regular);line-height:var(--tec-line-height-3);padding:1em;text-align:center}