@import 'ChurchFathers.Client.k0za4a1t6p.bundle.scp.css';
@import '_content/ChurchFathers.WorkTextEditor/ChurchFathers.WorkTextEditor.09185rzw5d.bundle.scp.css';

/* /Components/Encyclopedia/Index.razor.rz.scp.css */
/* === Artikel-Layout === */

.ec-article[b-jb8dyu6u0y] {
    max-width: 1000px;              /* schmalere Lesespalte im weißen Content-Bereich */
    margin: 0 auto;                /* in der Mitte */
    font-size: 17px;
    line-height: 1.8;
}

/* Hauptüberschrift */
.ec-article-header h1[b-jb8dyu6u0y] {
    font-size: 2.4rem;
    line-height: 1.1;
    font-weight: 600;
    margin-bottom: 0.3rem;
}

/* Abstand unter der H1 zum Text */
.ec-article-header[b-jb8dyu6u0y] {
    margin-bottom: 1.2rem;
}

/* Abschnittsüberschriften */
.ec-article-section h2[b-jb8dyu6u0y] {
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

/* Standard-Absätze im Artikel */
.ec-article-section p[b-jb8dyu6u0y] {
    margin-bottom: 0.9rem;
}

/* Letzter Absatz in einem Abschnitt: etwas weniger Luft nach unten */
.ec-article-section p:last-child[b-jb8dyu6u0y] {
    margin-bottom: 0;
}

/* Blockquotes im Artikel */
.ec-article blockquote[b-jb8dyu6u0y] {
    margin: 1.5rem 0;
    padding: 1rem 1.25rem;
    border-left: 4px solid #D8BD0C;        /* dein Gold-Ton */
    background-color: #f8f4df;            /* ganz leichtes warmes Beige */
    font-style: italic;
}

/* Text im Blockquote */
.ec-article blockquote p[b-jb8dyu6u0y] {
    margin-bottom: 0.5rem;
}

/* Quelle im Blockquote */
.ec-article blockquote footer[b-jb8dyu6u0y] {
    font-style: normal;
    font-size: 0.9rem;
    text-align: right;
    color: #555;
}

/* Vinzenz-Zitat-Zeile am Ende */
.ec-article-citation[b-jb8dyu6u0y] {
    text-align: right;
    font-style: italic;
    margin-top: 0.75rem;
    color: #555;
}
/* /Components/Layout/BasicLayout.razor.rz.scp.css */
/* === Die ersten Christen – Frontend-Layout (nur für BasicLayout) === */

/* Gesamte Shell des Frontends */
.ec-shell[b-cj92f503d3] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #141100; /* dunkles Braun/Schwarz oben + Body */
    color: #F0EBEB;
    font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* eigene Breite für diese Seite */
.ec-container[b-cj92f503d3] {
    width: 100%;
    max-width: 1000px;     /* HIER stellst du die Breite ein: 1000, 1050, 1100, ... */
    margin-left: auto;
    margin-right: auto;
}

/* Header / Hero-Bereich */
.ec-header[b-cj92f503d3] {
    background-color: #141100;
    color: #F0EBEB;
}

/* oberer Bereich mit Logo + Claim */
.ec-hero[b-cj92f503d3] {
    background-color: #141100;
}

/* Logo – größer */
.ec-logo[b-cj92f503d3] {
    width: 110px;
    height: 110px;
    object-fit: cover;
}

/* Titel: „Die ersten Christen“ */
.ec-site-title[b-cj92f503d3] {
    font-weight: 600;        /* 600 bold */
    font-size: 46px;         /* wie gewünscht */
    color: #F0EBEB;
    margin: 0;
    text-align: center;
}

/* Untertitel-Zeile */
.ec-site-subtitle[b-cj92f503d3] {
    margin: 0;
    font-size: 21px;
    line-height: 1.4;
    color: #F0EBEB;
    text-align: center;
}

/* „Das, was zuerst da war, ist wahr.“ – fett + italic, 700 / 21px */
.ec-sub-strong[b-cj92f503d3] {
    display: inline;
    font-weight: 700;
    font-style: italic;
}

/* „Die Wahrheit ist von Anfang an da.“ – nur italic, 400 */
.ec-sub-soft[b-cj92f503d3] {
    display: inline;
    font-weight: 400;
    font-style: italic;
    margin-left: 0.35rem; /* kleiner Abstand */
}

/* === Navbar === */

.navbar-ec[b-cj92f503d3] {
    background-color: #D8BD0C;     /* Gold-Ton */
    padding-top: 0.35rem;          /* nicht so dick */
    padding-bottom: 0.35rem;
    border-bottom: none;           /* keine Linien */
}

/* Standard-Link in der Navbar */
.navbar-ec .nav-link[b-cj92f503d3] {
    font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight: 500;              /* Poppins 500 */
    font-size: 20px;               /* 20px Schrift */
    line-height: 24px;             /* ca. 24px Zeilenhöhe */
    color: #141100;                /* dunkler Text */
    padding: 0.35rem 0.9rem;       /* schlanke Navbar */
}

/* Hover / Active / Focus – weißer Text auf Gold */
.navbar-ec .nav-link:hover[b-cj92f503d3],
.navbar-ec .nav-link:focus[b-cj92f503d3],
.navbar-ec .nav-link.active[b-cj92f503d3],
.navbar-ec .show > .nav-link[b-cj92f503d3] {
    color: #FFFFFF;
}

/* Desktop: Nav-Items gleichmäßig verteilt */
@media (min-width: 992px) {
    .navbar-ec .navbar-nav[b-cj92f503d3] {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .navbar-ec .navbar-nav .nav-item[b-cj92f503d3] {
        flex: 1 1 auto;
        text-align: center;
    }
}

/* Dropdown-Menü der Navbar */
.navbar-ec .dropdown-menu[b-cj92f503d3] {
    border-radius: 0;
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25);
    font-family: "Poppins", system-ui, sans-serif;
}

.navbar-ec .dropdown-item[b-cj92f503d3] {
    font-size: 15px;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
}

.navbar-ec .dropdown-item:hover[b-cj92f503d3],
.navbar-ec .dropdown-item:focus[b-cj92f503d3] {
    background-color: rgba(216, 189, 12, 0.12);
}

/* Mobile: Burger-Icon gut lesbar auf Gold */
.navbar-ec .navbar-toggler[b-cj92f503d3] {
    border-color: rgba(20, 17, 0, 0.3);
}

.navbar-ec .navbar-toggler-icon[b-cj92f503d3] {
    filter: brightness(0) saturate(100%);
}

/* === Main-Content === */

.ec-main[b-cj92f503d3] {
    flex: 1 0 auto;
    background-color: #ffffff;  /* weißer Content-Bereich */
    color: #141100;             /* dunkler Text */
}

/* Links im Frontend */
.ec-main a[b-cj92f503d3] {
    color: #D8BD0C;
    text-decoration: underline;
}

.ec-main a:hover[b-cj92f503d3] {
    color: #f2d647;
}

/* === Footer === */

.ec-footer[b-cj92f503d3] {
    background-color: #141100;
    color: #F0EBEB;
    border-top: 1px solid rgba(240, 235, 235, 0.2);
}

.ec-footer-line[b-cj92f503d3] {
    font-size: 15px;
}

.ec-footer-link[b-cj92f503d3] {
    color: #F0EBEB;
    text-decoration: underline;
}

.ec-footer-link:hover[b-cj92f503d3] {
    color: #D8BD0C;
}

/* === Navbar Hover-Fix: Text bleibt dunkel, nur Grow === */

/* Basiszustand */
.navbar-ec .nav-link[b-cj92f503d3] {
    color: #141100;                    /* dunkler Text */
    transition: transform 0.15s ease-out;
}

/* Hover / Focus / Active: gleiche Farbe, nur Scale */
.navbar-ec .nav-link:hover[b-cj92f503d3],
.navbar-ec .nav-link:focus[b-cj92f503d3],
.navbar-ec .nav-link.active[b-cj92f503d3],
.navbar-ec .show > .nav-link[b-cj92f503d3] {
    color: #141100;                    /* NICHT weiß werden */
    transform: scale(1.20);            /* Grow-Effekt, Wert kannst du anpassen */
}


/* ------------------------------
   Kirchenväter – Werke (Deutsch)
   ------------------------------ */

.ec-article.cf-works-page[b-cj92f503d3] {
    max-width: 900px;
    margin: 0 auto 5rem auto;
}

/* small intro under the H1 */
.cf-works-intro[b-cj92f503d3] {
    margin-top: 0.5rem;
    max-width: 40rem;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #666;
}

/* Period section (Vornizänisch / Nach Nicäa / …) */
.cf-period[b-cj92f503d3] {
    padding-top: 1.8rem;
    border-top: 1px solid #e2ddcf;
}

.cf-period:first-of-type[b-cj92f503d3] {
    border-top: none;
    padding-top: 0;
}

.cf-period-title[b-cj92f503d3] {
    font-size: 1.25rem;
    margin: 0 0 0.75rem 0;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #7a5d12;
}

/* Author list / card layout */
.cf-author-list[b-cj92f503d3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cf-author-card[b-cj92f503d3] {
    padding: 0.9rem 1.1rem;
    border-radius: 4px;
    border: 1px solid #e7e1d4;
    background: #fdfbf5;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}

.cf-author-name[b-cj92f503d3] {
    margin: 0 0 0.35rem 0;
    font-size: 1.05rem;
    font-weight: 600;
    color: #231a07;
}

/* Work list inside an author */
.cf-work-list[b-cj92f503d3] {
    margin: 0.2rem 0 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.cf-work-item[b-cj92f503d3] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    font-size: 0.96rem;
}

/* Title with small icon */
.cf-work-title[b-cj92f503d3] {
    position: relative;
    padding-left: 1.3rem;
}

.cf-work-title[b-cj92f503d3]::before {
    content: "📖";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.9rem;
}

/* Actions (Lesen / PDF) */
.cf-work-actions[b-cj92f503d3] {
    white-space: nowrap;
    font-size: 0.9rem;
}

.cf-work-link-primary[b-cj92f503d3],
.cf-work-link-secondary[b-cj92f503d3] {
    text-decoration: none;
}

.cf-work-link-primary[b-cj92f503d3] {
    font-weight: 600;
    color: #0056b3;
}

.cf-work-link-primary:hover[b-cj92f503d3],
.cf-work-link-primary:focus[b-cj92f503d3] {
    text-decoration: underline;
}

.cf-work-link-secondary[b-cj92f503d3] {
    color: #666;
}

.cf-work-link-secondary:hover[b-cj92f503d3],
.cf-work-link-secondary:focus[b-cj92f503d3] {
    text-decoration: underline;
    color: #444;
}

.cf-work-separator[b-cj92f503d3] {
    margin: 0 0.25rem;
    color: #b5aa93;
}

/* Mobile adjustments */
@media (max-width: 640px) {
    .ec-article.cf-works-page[b-cj92f503d3] {
        padding: 0 1rem;
    }

    .cf-work-item[b-cj92f503d3] {
        flex-direction: column;
        align-items: flex-start;
    }

    .cf-work-actions[b-cj92f503d3] {
        margin-left: 1.3rem;
    }
}

/* ------------------------------
   Epochen-Erklärung / Bekenntnis
   ------------------------------ */

.cf-epoch-info[b-cj92f503d3] {
    margin: 0 0 2.2rem 0;
    padding: 0.9rem 1.1rem 1.1rem;
    border-radius: 4px;
    border: 1px solid #e7e1d4;
    background: linear-gradient(135deg, #fdfbf5, #faf3e4);
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    font-size: 0.95rem;
    line-height: 1.6;
    color: #4c4331;
    position: relative;
}

.cf-epoch-info[b-cj92f503d3]::before {
    content: "";
    position: absolute;
    left: 0.9rem;
    top: 0.9rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 999px;
    border: 2px solid #c8b04f;
    box-sizing: border-box;
}

.cf-epoch-info[b-cj92f503d3]::after {
    content: "i";
    position: absolute;
    left: 1.26rem;
    top: 0.86rem;
    font-size: 0.9rem;
    font-weight: 700;
    color: #7a5d12;
}

.cf-epoch-info-title[b-cj92f503d3] {
    margin: 0 0 0.4rem 2.4rem;
    font-size: 0.98rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7a5d12;
}

.cf-epoch-info p[b-cj92f503d3] {
    margin: 0.3rem 0;
    padding-left: 2.4rem;
}

.cf-epoch-legend[b-cj92f503d3] {
    margin-top: 0.55rem;
    padding-top: 0.45rem;
    border-top: 1px dashed #e2ddcf;
    font-size: 0.9rem;
    color: #6a6250;
}

.cf-epoch-legend strong[b-cj92f503d3] {
    color: #3b2a0b;
}

/* ===========================================
   Werk-Leseseite (/werke/{slug})
   =========================================== */

.ec-article.cf-work-reader[b-cj92f503d3] {
    max-width: 48rem;           /* angenehme Lesebreite */
    margin: 0 auto 5rem auto;
    font-size: 1rem;
    line-height: 1.7;
}

/* Breadcrumb oben unter dem Logo */
.cf-work-breadcrumb[b-cj92f503d3] {
    font-size: 0.85rem;
    margin-bottom: 0.75rem;
    color: #777;
}

.cf-work-breadcrumb a[b-cj92f503d3] {
    text-decoration: none;
    color: #555;
}

.cf-work-breadcrumb a:hover[b-cj92f503d3],
.cf-work-breadcrumb a:focus[b-cj92f503d3] {
    text-decoration: underline;
}

.cf-work-breadcrumb-sep[b-cj92f503d3] {
    margin: 0 0.35rem;
    color: #b5aa93;
}

/* Header: Titel, Autor, Toolbar */
.cf-work-header[b-cj92f503d3] {
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #e2ddcf;
    padding-bottom: 1rem;
}

.cf-work-title[b-cj92f503d3] {
    margin: 0 0 0.3rem 0;
    font-size: 1.9rem;
    font-weight: 700;
}

.cf-work-meta[b-cj92f503d3] {
    margin: 0;
    font-size: 0.95rem;
    color: #666;
}

.cf-work-period[b-cj92f503d3] {
    font-style: italic;
    color: #8a7233;
}

/* Leiste mit Zurück + PDF */
.cf-work-actions-bar[b-cj92f503d3] {
    margin-top: 0.8rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    font-size: 0.9rem;
}

.cf-work-back[b-cj92f503d3] {
    text-decoration: none;
    color: #0056b3;
}

.cf-work-back:hover[b-cj92f503d3],
.cf-work-back:focus[b-cj92f503d3] {
    text-decoration: underline;
}

.cf-work-pdf[b-cj92f503d3] {
    margin-left: auto;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    border: 1px solid #c8b04f;
    background: #fff9df;
    text-decoration: none;
    font-size: 0.9rem;
}

.cf-work-pdf:hover[b-cj92f503d3],
.cf-work-pdf:focus[b-cj92f503d3] {
    background: #f6eab5;
}

/* Textkörper / Kapitel */
.cf-work-body[b-cj92f503d3] {
    margin-top: 1.5rem;
}

/* Einzelnes Kapitel */
.cf-chapter[b-cj92f503d3] {
    margin-bottom: 1.6rem;
}

/* Kapitelüberschrift: nur die Nummer, dezent */
.cf-chapter-header[b-cj92f503d3] {
    margin-bottom: 0.2rem;
}

.cf-chapter-header .chapter-number[b-cj92f503d3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    border-radius: 999px;
    border: 1px solid #e2ddcf;
    font-size: 0.8rem;
    font-weight: 600;
    color: #7a5d12;
}

/* Binnen-Absätze im Kapitel */
.cf-chapter-text p[b-cj92f503d3] {
    margin: 0 0 0.6rem 0;
}

/* Minimale mobile Anpassung */
@media (max-width: 640px) {
    .ec-article.cf-work-reader[b-cj92f503d3] {
        padding: 0 1rem;
        font-size: 0.98rem;
        line-height: 1.7;
    }

    .cf-work-actions-bar[b-cj92f503d3] {
        flex-direction: column;
        align-items: flex-start;
    }

    .cf-work-pdf[b-cj92f503d3] {
        margin-left: 0;
    }
}

/* Basic blog page wrapper */
.blog-page[b-cj92f503d3] {
    max-width: 800px; /* keep it narrow for easier reading */
}

/* Header */
.blog-header h1[b-cj92f503d3] {
    margin-bottom: 0.25rem;
}

.blog-header p[b-cj92f503d3] {
    margin: 0;
}

/* List */
.blog-list[b-cj92f503d3] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Each article card */
.blog-item[b-cj92f503d3] {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    padding: 1rem 1.25rem;
    background-color: #ffffff;
}

/* Title */
.blog-item-title[b-cj92f503d3] {
    font-size: 1.25rem;
    margin: 0 0 0.25rem 0;
}

.blog-item-title a[b-cj92f503d3] {
    color: inherit;
    text-decoration: none;
}

.blog-item-title a:hover[b-cj92f503d3] {
    text-decoration: underline;
}

/* Meta info (date + reading time) */
.blog-item-meta[b-cj92f503d3] {
    font-size: 0.85rem;
    margin: 0 0 0.75rem 0;
}

/* Excerpt */
.blog-item-excerpt[b-cj92f503d3] {
    margin: 0 0 0.75rem 0;
    font-size: 0.95rem;
}

/* "Read more" link */
.blog-item-link[b-cj92f503d3] {
    font-size: 0.9rem;
    text-decoration: none;
    color: #1f4b8f; /* simple blue, change to your brand color */
}

.blog-item-link:hover[b-cj92f503d3] {
    text-decoration: underline;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ywbinmn962] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ywbinmn962] {
    flex: 1;
}

.sidebar[b-ywbinmn962] {
    background-color: #ededed;
}

.top-row[b-ywbinmn962] {
    background-color: #ededed;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ywbinmn962]  a, .top-row[b-ywbinmn962]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-ywbinmn962]  a:hover, .top-row[b-ywbinmn962]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-ywbinmn962]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-ywbinmn962] {
        justify-content: space-between;
    }

    .top-row[b-ywbinmn962]  a, .top-row[b-ywbinmn962]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-ywbinmn962] {
        flex-direction: row;
    }

    .sidebar[b-ywbinmn962] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-ywbinmn962] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-ywbinmn962]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-ywbinmn962], article[b-ywbinmn962] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-ywbinmn962] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-ywbinmn962] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/AboutUs.razor.rz.scp.css */
/* === Artikel-Layout === */

.ec-article[b-9gn22xquz6] {
    max-width: 1000px;              /* schmalere Lesespalte im weißen Content-Bereich */
    margin: 0 auto;                /* in der Mitte */
    font-size: 17px;
    line-height: 1.8;
}

/* Hauptüberschrift */
.ec-article-header h1[b-9gn22xquz6] {
    font-size: 2.4rem;
    line-height: 1.1;
    font-weight: 600;
    margin-bottom: 0.3rem;
}

/* Abstand unter der H1 zum Text */
.ec-article-header[b-9gn22xquz6] {
    margin-bottom: 1.2rem;
}

/* Abschnittsüberschriften */
.ec-article-section h2[b-9gn22xquz6] {
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

/* Standard-Absätze im Artikel */
.ec-article-section p[b-9gn22xquz6] {
    margin-bottom: 0.9rem;
}

/* Letzter Absatz in einem Abschnitt: etwas weniger Luft nach unten */
.ec-article-section p:last-child[b-9gn22xquz6] {
    margin-bottom: 0;
}

/* Blockquotes im Artikel */
.ec-article blockquote[b-9gn22xquz6] {
    margin: 1.5rem 0;
    padding: 1rem 1.25rem;
    border-left: 4px solid #D8BD0C;        /* dein Gold-Ton */
    background-color: #f8f4df;            /* ganz leichtes warmes Beige */
    font-style: italic;
}

/* Text im Blockquote */
.ec-article blockquote p[b-9gn22xquz6] {
    margin-bottom: 0.5rem;
}

/* Quelle im Blockquote */
.ec-article blockquote footer[b-9gn22xquz6] {
    font-style: normal;
    font-size: 0.9rem;
    text-align: right;
    color: #555;
}

/* Vinzenz-Zitat-Zeile am Ende */
.ec-article-citation[b-9gn22xquz6] {
    text-align: right;
    font-style: italic;
    margin-top: 0.75rem;
    color: #555;
}
/* /Components/Pages/Articles/Index.razor.rz.scp.css */
.blog-page[b-j9eklxsm27] {
    max-width: 800px;
}

/* Header */
.blog-header h1[b-j9eklxsm27] {
    margin-bottom: 0.25rem;
}

.blog-header p[b-j9eklxsm27] {
    margin: 0;
}

/* List */
.blog-list[b-j9eklxsm27] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Each article */
.blog-item[b-j9eklxsm27] {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    padding: 1rem 1.25rem;
    background-color: #ffffff;
}

/* Title */
.blog-item-title[b-j9eklxsm27] {
    font-size: 1.25rem;
    margin: 0 0 0.25rem 0;
}

.blog-item-title a[b-j9eklxsm27] {
    color: inherit;
    text-decoration: none;
}

.blog-item-title a:hover[b-j9eklxsm27] {
    text-decoration: underline;
}

/* Meta */
.blog-item-meta[b-j9eklxsm27] {
    font-size: 0.85rem;
    margin: 0 0 0.75rem 0;
}

/* Excerpt */
.blog-item-excerpt[b-j9eklxsm27] {
    margin: 0 0 0.75rem 0;
    font-size: 0.95rem;
}

/* Read more link */
.blog-item-link[b-j9eklxsm27] {
    font-size: 0.9rem;
    text-decoration: none;
    color: #1f4b8f; /* change to your brand color if needed */
}

.blog-item-link:hover[b-j9eklxsm27] {
    text-decoration: underline;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* === Artikel-Layout === */

.ec-article[b-z2ucaqrk1h] {
    max-width: 1000px;              /* schmalere Lesespalte im weißen Content-Bereich */
    margin: 0 auto;                /* in der Mitte */
    font-size: 16px;
    line-height: 1.8;
}

/* Hauptüberschrift */
.ec-article-header h1[b-z2ucaqrk1h] {
    font-size: 2.4rem;
    line-height: 1.1;
    font-weight: 600;
    margin-bottom: 0.3rem;
}

/* Abstand unter der H1 zum Text */
.ec-article-header[b-z2ucaqrk1h] {
    margin-bottom: 1.2rem;
}

/* Abschnittsüberschriften */
.ec-article-section h2[b-z2ucaqrk1h] {
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

/* Standard-Absätze im Artikel */
.ec-article-section p[b-z2ucaqrk1h] {
    margin-bottom: 0.9rem;
}

/* Letzter Absatz in einem Abschnitt: etwas weniger Luft nach unten */
.ec-article-section p:last-child[b-z2ucaqrk1h] {
    margin-bottom: 0;
}

/* Blockquotes im Artikel */
.ec-article blockquote[b-z2ucaqrk1h] {
    margin: 1.5rem 0;
    padding: 1rem 1.25rem;
    border-left: 4px solid #D8BD0C;        /* dein Gold-Ton */
    background-color: #f8f4df;            /* ganz leichtes warmes Beige */
    font-style: italic;
}

/* Text im Blockquote */
.ec-article blockquote p[b-z2ucaqrk1h] {
    margin-bottom: 0.8rem;
}

/* Quelle im Blockquote */
.ec-article blockquote footer[b-z2ucaqrk1h] {
    font-style: normal;
    font-size: 0.9rem;
    text-align: right;
    color: #555;
}

/* Vinzenz-Zitat-Zeile am Ende */
.ec-article-citation[b-z2ucaqrk1h] {
    text-align: right;
    font-style: italic;
    margin-top: 0.75rem;
    color: #555;
}

/* === Text-Hervorhebung nur über Farbe ==================== */

/* wichtig (rot) */
.ec-em-red[b-z2ucaqrk1h] {
    color: #FF0000 !important;   /* starkes, aber nicht billiges Rot */
    font-weight: inherit;        /* kein extra bold */
}

/* maximal wichtig (pink) */
.ec-em-pink[b-z2ucaqrk1h] {
    color: #FF27FF !important;   /* kräftiges Pink/Magenta */
    font-weight: inherit;        /* kein extra bold */
}

/* optional: ganzer Satz als eigener Block */
.ec-em-block[b-z2ucaqrk1h] {
    display: block;
    margin: 0.35rem 0;
}


/* /Components/Pages/Work.razor.rz.scp.css */
.work[b-rn824pxmel] {
    font-family: 'ITC Giovanni Std', sans-serif;
}

.work h1[b-rn824pxmel] {
    font-weight: bold;
    font-size: 3rem;
}

.work .work-title[b-rn824pxmel] {
    margin-bottom: 2rem;
}

.work .work-content[b-rn824pxmel] {
    text-align: justify;
}

.work .work-content .chapter .chapter-number[b-rn824pxmel] {
    font-size: 2.25rem;
    font-weight: bold;
    line-height: 1;
}

@media print {
    @page {
        size: a4;
        margin: 3cm 1.5cm;
    }
    .no-print[b-rn824pxmel] {
        display: none;
    }
    .container[b-rn824pxmel] {
        max-width: initial;
    }
    .work[b-rn824pxmel] {
        font-family: 'ITC Giovanni Std', sans-serif;
    }
    .work h1[b-rn824pxmel] {
        font-weight: bold;
        font-size: 3rem;
        margin-bottom: 0.25cm;
    }
    .work .work-title[b-rn824pxmel] {
        margin-bottom: 2cm;
    }
    .work .work-title hr[b-rn824pxmel] {
        width: 2cm;
        opacity: 0.5;
    }
    .work .work-content[b-rn824pxmel] {
        column-count: 2;
        column-gap: 1em;
        column-span: all;
        column-width: auto;
        text-align: justify;
        hyphens: auto;
        word-break: break-word;
        font-size: 12pt;
        line-height: 1.25em;
    }
    .work .work-content .chapter[b-rn824pxmel] {
        margin-bottom: 1.5rem;
    }
    .work .work-content .chapter .chapter-number[b-rn824pxmel] {
        font-size: 2.25rem;
        font-weight: bold;
        float: left;
        line-height: 1;
        margin-right: 8px;
    }
}