/* Sterne */

    .bd-review-stars {
        display: inline-flex;
        gap: 1px;
        line-height: 1;
        vertical-align: middle;
    }

    .bd-review-stars .bd-star {
        color: #d5d5d5;
        font-size: 18px;
    }

    .bd-review-stars .bd-star.bd-star-full {
        color: #f5a623;
    }

    /* Liste */

    .bd-reviews {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .bd-review {
        padding: 16px;
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        background: #fff;
    }

    .bd-review-head {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        margin: 0 0 8px 0;
    }

    .bd-review-title {
        font-weight: 600;
    }

    .bd-review-meta {
        margin: 8px 0 0 0;
        font-size: 14px;
        opacity: .7;
    }

    .bd-reviews-empty {
        opacity: .8;
    }

    /* Sterne-Block und Zusammenfassung */

    .bd-reviews-stars-inr,
    .bd-reviews-avg {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .bd-reviews-count {
        font-size: 14px;
        opacity: .7;
    }

    .bd-reviews-summary-inr {
        display: flex;
        flex-wrap: wrap;
        gap: 20px 40px;
        align-items: center;
    }

    .bd-reviews-avg-value {
        font-size: 36px;
        font-weight: 600;
        line-height: 1;
    }

    .bd-reviews-bars {
        flex: 1 1 240px;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .bd-reviews-bar {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 14px;
    }

    .bd-reviews-bar-label {
        flex: 0 0 34px;
        white-space: nowrap;
    }

    .bd-reviews-bar-track {
        flex: 1 1 auto;
        height: 8px;
        border-radius: 4px;
        background: #e5e5e5;
        overflow: hidden;
    }

    .bd-reviews-bar-track > span {
        display: block;
        height: 100%;
        background: #f5a623;
    }

    .bd-reviews-bar-qty {
        flex: 0 0 30px;
        text-align: right;
        opacity: .7;
    }

    /* Formular (Grundgerüst wie das Eintragsformular) */

    .bd-reviews-form {
        max-width: 800px;
    }

    .bd-reviews-form .bd-fields {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -8px;
    }

    .bd-reviews-form .bd-label {
        display: block;
        box-sizing: border-box;
        padding: 0 8px 16px 8px;
    }

    .bd-reviews-form .bd-w-100 { flex: 0 0 100%; }
    .bd-reviews-form .bd-w-50 { flex: 0 0 50%; }

    .bd-reviews-form .bd-label > .bd-title {
        display: block;
        padding: 0 0 4px 0;
        font-weight: 600;
    }

    .bd-reviews-form .bd-label input[type="text"],
    .bd-reviews-form .bd-label input[type="email"],
    .bd-reviews-form .bd-label textarea {
        display: block;
        box-sizing: border-box;
        width: 100%;
        padding: 8px 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
        background: #fff;
        font-size: 16px;
    }

    .bd-reviews-form .bd-label-checkbox {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        cursor: pointer;
    }

    .bd-reviews-form .bd-label-checkbox > input {
        margin-top: 4px;
    }

    .bd-reviews-form .bd-label.bd-fault input,
    .bd-reviews-form .bd-label.bd-fault textarea {
        border-color: #d63638;
    }

    .bd-reviews-form .bd-label.bd-fault > .bd-title,
    .bd-reviews-form .bd-label-checkbox.bd-fault > span {
        color: #d63638;
    }

    .bd-reviews-form .bd-hp {
        position: absolute;
        left: -9999px;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }

    .bd-reviews-form .bd-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }

    .bd-reviews-form .bd-required-info {
        font-size: 14px;
        opacity: .7;
    }

    .bd-reviews-form .bd-submit {
        padding: 12px 30px;
        border: 1px solid var(--theme-link-initial-color);
        border-radius: 5px;
        background: var(--theme-link-initial-color);
        color: #fff;
        font-size: 18px;
        cursor: pointer;
    }

    .bd-reviews-form .bd-submit:hover {
        background: #fff;
        color: var(--theme-link-initial-color);
    }

    .bd-reviews-form.bd-load .bd-submit {
        opacity: .5;
        pointer-events: none;
    }

    .bd-reviews-form .bd-info-con:not(:empty) {
        margin: 0 0 16px 0;
    }

    /* Sterne-Auswahl: Radios rückwärts (5..1), damit Hover die Sterne links davon mit einfärbt */

    .bd-stars-input {
        display: inline-flex;
        flex-direction: row-reverse;
        gap: 2px;
    }

    .bd-stars-input > input {
        position: absolute;
        opacity: 0;
        width: 1px;
        height: 1px;
    }

    .bd-stars-input > label {
        font-size: 32px;
        line-height: 1;
        color: #d5d5d5;
        cursor: pointer;
    }

    .bd-stars-input > input:checked ~ label,
    .bd-stars-input > label:hover,
    .bd-stars-input > label:hover ~ label {
        color: #f5a623;
    }

    .bd-stars-input > input:focus-visible + label {
        outline: 2px solid var(--theme-link-initial-color);
    }

    @media (max-width: 600px) {

        .bd-reviews-form .bd-w-50 { flex: 0 0 100%; }

    }