/* ==========================================================================
   Erfahrungs-Siegel "Seit 2012" in der Bühne der Behandlungsseiten (include/seal.php, ausgegeben von pk_hero_treatment()),
   13.10.2026, nach docs/siegel-seit-2012/PROMPT-siegel.md. Schrift: Fira Sans 500 (700 ist auf dieser Website nicht eingebunden,
   Source Sans 3 aus dem Prompt wird nicht geladen). Das Siegel liegt unten rechts im Bildbereich der Bühne (.hero-treat__media),
   ohne Bild direkt in der Bühne (.hero-home--treat > .pk-seal).
   ========================================================================== */

.pk-seal {
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 2; /* über dem Verlauf des Bühnenbildes (.hero-treat__media--fade::before, z-index 1) */
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 14px 4px 6px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(3, 40, 64, 0.14);
}

.pk-seal__icon {
    display: block;
    flex: none;
    width: 42px;
    height: 42px;
}

.pk-seal__icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.pk-seal__text {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.pk-seal__title {
    font-family: "Fira Sans", sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.1;
    color: #035d8c;
}

.pk-seal__sub {
    font-family: "Fira Sans", sans-serif;
    font-size: 0.5625rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #66757e;
}

/* Mobil/Tablet (Bild steht über dem Text, 400 px breit, rechtsbündig): Bildbereich wird Bezugsrahmen für das Siegel */
@media (max-width: 991.98px) {
    .hero-home--treat .hero-treat__media {
        position: relative;
    }

    .hero-home--treat > .pk-seal {
        position: relative; /* ohne Bild: normal im Fluss, rechtsbündig unter dem Text */
        right: auto;
        bottom: auto;
        align-self: flex-end;
        margin: 0 12px 12px 0;
    }
}

/* Desktop: Bühne ist 350 px hoch, das Bild sitzt rechts an der Kante; Siegel unten rechts im Bild */
@media (min-width: 992px) {
    .pk-seal {
        right: 16px;
        bottom: 16px;
        gap: 12px;
        padding: 6px 22px 6px 10px;
    }

    .pk-seal__icon {
        width: 58px;
        height: 58px;
    }

    .pk-seal__title {
        font-size: 1rem;
    }

    .pk-seal__sub {
        font-size: 0.6875rem;
    }

    .hero-home--treat > .pk-seal {
        right: 32px;
        bottom: 28px;
    }
}

@media (min-width: 1200px) {
    .pk-seal {
        right: 32px;
        bottom: 28px;
    }
}