@charset "UTF-8";
/*
 * Estrel Tower — Persons Grid (Ansprechpartner)
 * Figma 682:382  (1578 × 754  inside 1920 frame, x-off 164)
 *
 * Layout:
 *   Head:
 *     left  H 54/59 "Alle Ansprechpartner / auf einen Blick"  389×102
 *     right Body 18/27  640×54  (top-aligned at y=18)
 *   List rows ~85h, bottom 1px line:
 *     col 1  label  GT Alpina 26 italic
 *     col 2  phone  Söhne 21/25  (label-x ≈ 712)
 *     col 3  mail   Söhne 21/25  (label-x ≈ 1268)
 */

.estrel-persons {
    container-type: inline-size;
    width: 100%;
    background: #14172D;
    color: #FEF5EC;
}

.estrel-persons__inner {
    --u: calc(100cqi / 1920);
    max-width: 1920px;
    margin: 0 auto;
    padding: calc(120 * var(--u)) calc(164 * var(--u));
}

.estrel-persons__head {
    display: grid;
    grid-template-columns: minmax(0, calc(560 * var(--u))) 1fr;
    gap: calc(160 * var(--u));
    align-items: start;
    margin-bottom: calc(110 * var(--u));
}

.estrel-persons__title {
    font-family: 'Söhne', sans-serif;
    font-weight: 400;
    font-size: calc(54 * var(--u));
    line-height: calc(59 * var(--u));
    color: #FEF5EC;
    margin: 0;
}

.estrel-persons__title-line { display: block; }

/* First title line uses GT Alpina italic accent */
.estrel-persons__title-line:first-child {
    font-family: 'GT Alpina', serif;
    font-style: italic;
    font-weight: 250;
}

.estrel-persons__body {
    font-family: 'Söhne', sans-serif;
    font-weight: 400;
    font-size: calc(18 * var(--u));
    line-height: calc(27 * var(--u));
    color: #FEF5EC;
    padding-top: calc(18 * var(--u));
    max-width: calc(640 * var(--u));
}

.estrel-persons__body p { margin: 0 0 calc(12 * var(--u)); color: inherit; }

.estrel-persons__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.estrel-persons__item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, calc(360 * var(--u))) minmax(0, calc(360 * var(--u)));
    align-items: center;
    gap: calc(40 * var(--u));
    padding: calc(28 * var(--u)) 0;
    min-height: calc(85 * var(--u));
    border-bottom: 1px solid #FEF5EC;
}

.estrel-persons__label {
    font-size: calc(26 * var(--u));
    line-height: calc(32 * var(--u));
    color: #FEF5EC;
}

.estrel-persons__phone,
.estrel-persons__mail {
    font-family: 'Söhne', sans-serif;
    font-weight: 400;
    font-size: calc(21 * var(--u));
    line-height: calc(25.2 * var(--u));
    color: #FEF5EC;
    text-decoration: none;
    transition: opacity .15s ease;
}

.estrel-persons__phone:hover,
.estrel-persons__mail:hover { opacity: .75; }

@media (max-width: 1024px) {
    .estrel-persons__inner { padding: 80px 32px; }
    .estrel-persons__head { grid-template-columns: 1fr; gap: 24px; margin-bottom: 56px; }
    .estrel-persons__title { font-size: 40px; line-height: 44px; }
    .estrel-persons__body { font-size: 17px; line-height: 26px; padding-top: 0; }
    .estrel-persons__item {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 8px 24px;
        padding: 18px 0;
        min-height: 0;
    }
    .estrel-persons__label { grid-column: 1 / -1; font-size: 22px; line-height: 28px; }
    .estrel-persons__phone, .estrel-persons__mail { font-size: 18px; line-height: 24px; }
}

@media (max-width: 767px) {
    .estrel-persons__inner { padding: 56px 20px; }
    .estrel-persons__title { font-size: 32px; line-height: 36px; }
    .estrel-persons__body { font-size: 16px; line-height: 24px; }
    .estrel-persons__item {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        gap: 6px;
        padding: 16px 0;
    }
    .estrel-persons__label { font-size: 19px; line-height: 24px; }
    .estrel-persons__phone, .estrel-persons__mail { font-size: 16px; line-height: 22px; }
}