/**
 * Contact Box CSS - Kontaktbox
 *
 * Vorbild: Musterseite der Redaktion „Reiten – neues Layout" (ID 747):
 * grüne Fläche #26836f, weiße Überschrift (H3) und weißer Text, Button
 * „Zur Website" darunter.
 *
 * Konsumiert Theme-Tokens (--aktd-*) mit Fallbacks.
 */

.akt-contact-box {
    margin: 10px 0 30px;
    padding: 24px 26px 28px;
    background: var(--aktd-color-script-heading, #26836f);
    color: var(--aktd-color-white, #ffffff);
}

.akt-contact-box--color-blau {
    background: linear-gradient(90deg, #466fb5 0%, #3062a6 100%); /* CD-Blau */
}

.akt-contact-box .akt-contact-box__title {
    margin: 0 0 12px;
    color: var(--aktd-color-white, #ffffff);
}

.akt-contact-box .akt-contact-box__text {
    margin: 0 0 12px;
    color: var(--aktd-color-white, #ffffff);
    overflow-wrap: anywhere; /* lange E-Mail-/Internetadressen */
}

.akt-contact-box .akt-contact-box__text a {
    color: var(--aktd-color-white, #ffffff);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.akt-contact-box .akt-contact-box__text a:hover,
.akt-contact-box .akt-contact-box__text a:focus {
    text-decoration-thickness: 2px;
}

.akt-contact-box__actions {
    margin-top: 18px;
}

/* Leerzustand (nur für Redakteure sichtbar) */
.akt-contact-box__no-content {
    padding: 16px;
    border: 2px dashed #c3c4c7;
    border-radius: 3px;
    color: #646970;
    font-size: 14px;
    text-align: center;
}

@media (max-width: 544px) {

    .akt-contact-box {
        padding: 20px 18px 24px;
    }
}

/* Barrierefreiheit / Print */
@media (prefers-contrast: high) {

    .akt-contact-box {
        background: #0f4f42;
    }
}

@media print {

    .akt-contact-box {
        padding: 0;
        background: none;
        color: #000;
    }

    .akt-contact-box .akt-contact-box__title,
    .akt-contact-box .akt-contact-box__text,
    .akt-contact-box .akt-contact-box__text a {
        color: #000;
    }

    .akt-contact-box__actions {
        display: none;
    }
}