.hcz-docfinder-rating-wrap {
    display: flex;
    justify-content: var(--hcz-df-align, flex-start);
    width: 100%;
}

.hcz-docfinder-rating {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--hcz-df-gap, 6px);

    padding:
        var(--hcz-df-padding-y, 11px)
        var(--hcz-df-padding-x, 14px);

    background: var(--hcz-df-background, #0795d2);
    color: var(--hcz-df-color, #ffffff);

    border:
        var(--hcz-df-border-width, 0)
        solid
        var(--hcz-df-border-color, transparent);

    border-radius: var(--hcz-df-border-radius, 3px);

    text-decoration: none;
    font-size: var(--hcz-df-font-size, 14px);
    font-weight: var(--hcz-df-font-weight, 400);
    line-height: 1;

    box-sizing: border-box;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.hcz-docfinder-rating--full {
    width: 100%;
}

.hcz-docfinder-rating:hover,
.hcz-docfinder-rating:focus {
    color: var(--hcz-df-color, #ffffff);
    text-decoration: none;
    opacity: var(--hcz-df-hover-opacity, 0.92);
}

.hcz-docfinder-rating:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.hcz-docfinder-rating__brand {
    font-weight: 600;
    margin-right: 0.1em;
}

.hcz-docfinder-rating__value,
.hcz-docfinder-rating__count {
    font-variant-numeric: tabular-nums;
}

.hcz-docfinder-rating__stars {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    letter-spacing: -0.08em;
}

.hcz-docfinder-rating__stars-base {
    color: var(--hcz-df-star-empty, rgba(255, 255, 255, 0.45));
}

.hcz-docfinder-rating__stars-fill {
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--hcz-df-fill);
    overflow: hidden;
    color: var(--hcz-df-star-color, #ffffff);
    white-space: nowrap;
}

.hcz-dfr-admin-preview {
    max-width: 700px;
    padding: 20px;
    background: #f6f7f7;
    border: 1px solid #dcdcde;
}

@media (max-width: 480px) {
    .hcz-docfinder-rating {
        max-width: 100%;
        flex-wrap: wrap;
    }
}


.hcz-docfinder-floating {
    max-width: calc(100vw - 24px);
}

.hcz-docfinder-floating .hcz-docfinder-rating {
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.14);
}

@media (max-width: 767px) {
    .hcz-docfinder-floating {
        max-width: calc(100vw - 24px);
    }

    .hcz-docfinder-floating .hcz-docfinder-rating {
        max-width: 100%;
    }
}


/* Optionale Grafik / Logo */
.hcz-docfinder-rating__graphic {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.hcz-docfinder-rating__graphic img {
    display: block;
    width: var(--hcz-df-graphic-width-desktop, 42px);
    max-width: none;
    height: auto;
}

.hcz-docfinder-rating--graphic-before,
.hcz-docfinder-rating--graphic-after {
    gap: var(--hcz-df-graphic-gap, 8px);
}

.hcz-docfinder-rating--graphic-above,
.hcz-docfinder-rating--graphic-below {
    flex-direction: column;
    gap: var(--hcz-df-graphic-gap, 8px);
}

@media (max-width: 767px) {
    .hcz-docfinder-rating__graphic img {
        width: var(--hcz-df-graphic-width-mobile, 36px);
    }
}