/* Bewertungen: Fragebogen und Anzeige. Farben kommen aus dem Theme. */
.lwb-form{max-width:680px}
.lwb-form h2{margin:0 0 6px}
.lwb-sub{margin:0 0 22px;color:#5a6377;font-size:15.5px;line-height:1.55}
#lwb-f{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#lwb-f label{display:block;font-size:14.5px;font-weight:600;color:#3c4658}
#lwb-f input,#lwb-f textarea{width:100%;margin-top:5px;padding:11px 14px;
  border:1px solid #dfe3ea;border-radius:9px;font:inherit;font-size:16px;font-weight:400}
#lwb-f input:focus,#lwb-f textarea:focus{outline:2px solid #1d4ed8;outline-offset:1px}
#lwb-f .lwb-voll,#lwb-f button,#lwb-f .lwb-sterne{grid-column:1/-1}
#lwb-f button{justify-self:start}
.lwb-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Sterne: im HTML rueckwaerts von 5 nach 1, damit der Nachbarselektor die
   Sterne links davon einfaerben kann. Angezeigt wird trotzdem 1 bis 5. */
.lwb-sterne{border:0;padding:0;margin:0;min-width:0}
.lwb-sterne legend{padding:0;font-size:14.5px;font-weight:600;color:#3c4658;
  margin-bottom:8px}
.lwb-wahl{position:relative;display:flex;flex-direction:row-reverse;
  justify-content:flex-end;align-items:center;gap:4px}
.lwb-wahl input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;
  margin:0;pointer-events:none}
/* Die ID-Regel von #lwb-f label ist staerker als eine Klasse, deshalb hier
   ebenfalls ueber die ID. */
#lwb-f .lwb-wahl label{display:inline-block;font-size:38px;line-height:1;
  color:#d8dde6;cursor:pointer;transition:color .12s ease;margin:0;font-weight:400}
#lwb-f .lwb-wahl label:hover,#lwb-f .lwb-wahl label:hover ~ label,
#lwb-f .lwb-wahl input:checked ~ label{color:#f5a623}
#lwb-f .lwb-wahl input:focus-visible + label{outline:2px solid #1d4ed8;outline-offset:2px}

.lwb-hin{margin:12px 0 0;font-size:14.5px;color:#a4442a}
.lwb-recht{margin:16px 0 0;font-size:13.5px;color:#7a8394;line-height:1.5}

.lwb-liste h2{margin:0 0 24px}
.lwb-gitter{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.lwb-karte{margin:0;background:#fff;border:1px solid #e6eaf2;border-radius:14px;padding:22px}
.lwb-sterne-an{color:#f5a623;font-size:17px;letter-spacing:1px;margin-bottom:12px}
.lwb-sterne-an span{color:#d8dde6}
.lwb-karte blockquote{margin:0 0 14px;padding:0;border:0;font-size:16.5px;
  line-height:1.6;color:#14181f}
.lwb-karte figcaption{font-size:14.5px;color:#7a8394}

@media (max-width:620px){#lwb-f{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.lwb-sterne label{transition:none}}