@charset "UTF-8";
/*
 * Estrel Tower — Constrained Content Page Layout
 * Used by all top-level pages except Startseite (which is full-bleed).
 * Body class 'page-content' is set via tl_page.cssClass.
 */

body.page-content .mod_article,
body.page-content .ce_headline,
body.page-content .ce_text {
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--container-padding) !important;
    padding-right: var(--container-padding) !important;
}

body.page-content .mod_article {
    padding-top: clamp(6rem, 12vw, 9rem);
    padding-bottom: clamp(4rem, 8vw, 6rem);
}

body.page-content .ce_headline h1 {
    font-family: var(--font-soehne);
    font-weight: 400;
    font-size: clamp(2.5rem, 5vw, 4.5rem);
    line-height: 1.05;
    letter-spacing: -0.01em;
    color: var(--text-primary);
    margin: 0 0 1.5rem;
}

body.page-content .ce_text {
    color: var(--text-primary);
}

body.page-content .page-content__figure {
    margin: 2rem 0;
    overflow: hidden;
    border-radius: 4px;
}

body.page-content .page-content__figure img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

body.page-content .page-content__lead {
    font-family: var(--font-soehne);
    font-size: clamp(1rem, 1.2vw, 1.15rem);
    line-height: 1.7;
    color: var(--text-primary);
    max-width: 720px;
    margin: 1.5rem 0 0;
}