/* SK Autorenbox – Nova hell, schlicht.
   Farben lassen sich über die Variablen unten (oder im Template-CSS) anpassen. */

.sk-autorbox {
    --sk-ab-akzent: #B1976B;
    --sk-ab-akzent-hell: #d8c3a1;
    --sk-ab-bg: #ffffff;
    --sk-ab-text: #2b2b2b;
    --sk-ab-gedimmt: #6b6b6b;
    --sk-ab-rand: #ebe6dc;
    --sk-ab-radius: 14px;

    box-sizing: border-box;
    clear: both;
    margin: 2rem 0 1rem;
    padding: 1.25rem 1.5rem;
    background: var(--sk-ab-bg);
    color: var(--sk-ab-text);
    border: 1px solid var(--sk-ab-rand);
    border-radius: var(--sk-ab-radius);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 20px -12px rgba(177, 151, 107, .45);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: .95rem;
    line-height: 1.55;
}

.sk-autorbox *,
.sk-autorbox *::before,
.sk-autorbox *::after {
    box-sizing: border-box;
}

.sk-autorbox p {
    margin: 0;
}

.sk-autorbox__titel,
.sk-autorbox__untertitel {
    margin-bottom: .75rem !important;
    color: var(--sk-ab-akzent);
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sk-autorbox__kopf {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.sk-autorbox__avatar {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--sk-ab-groesse, 72px);
    height: var(--sk-ab-groesse, 72px);
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--sk-ab-akzent), var(--sk-ab-akzent-hell));
    box-shadow: 0 0 0 3px var(--sk-ab-bg), 0 0 0 4px var(--sk-ab-akzent-hell);
}

.sk-autorbox__avatar.is-rund {
    border-radius: 50%;
}

.sk-autorbox__avatar img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
}

.sk-autorbox__initiale {
    color: #fff;
    font-size: calc(var(--sk-ab-groesse, 72px) * .42);
    font-weight: 600;
    line-height: 1;
}

.sk-autorbox__text {
    min-width: 0;
}

.sk-autorbox__name {
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.3;
}

.sk-autorbox__position {
    color: var(--sk-ab-gedimmt);
}

.sk-autorbox__web {
    margin-top: .15rem !important;
    overflow-wrap: anywhere;
}

.sk-autorbox a {
    color: var(--sk-ab-akzent);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color .15s ease;
}

.sk-autorbox a:hover,
.sk-autorbox a:focus-visible {
    color: var(--sk-ab-akzent);
    border-bottom-color: currentColor;
}

.sk-autorbox__bio {
    margin-top: 1rem !important;
    padding-top: 1rem;
    border-top: 1px solid var(--sk-ab-rand);
}

.sk-autorbox__weitere {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--sk-ab-rand);
}

.sk-autorbox__weitere ul {
    margin: 0;
    padding-left: 1.1rem;
}

.sk-autorbox__weitere li {
    margin: .2rem 0;
}

@media (max-width: 480px) {
    .sk-autorbox {
        padding: 1rem;
    }

    .sk-autorbox__kopf {
        gap: .75rem;
    }
}

/* Dunkelmodus: gängige Schalter-Varianten von Templates/Plugins */
:is([data-bs-theme="dark"], [data-theme="dark"], .dark, .dark-mode, .sk-dark, .sk-darkmode) .sk-autorbox {
    --sk-ab-bg: #1e1f22;
    --sk-ab-text: #e8e6e1;
    --sk-ab-gedimmt: #a9a59c;
    --sk-ab-rand: #34322e;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}

@media print {
    .sk-autorbox {
        box-shadow: none;
        break-inside: avoid;
    }
}