/* cmsms stylesheet: Module_News modified: Dienstag, 24. Februar 2026 21:08:07 */
/* ==========================================================
   Start of CMSMS style sheet 'Module: News' 
   ========================================================== */

/* 1. Hauptcontainer */
div#news {
    margin: 1rem 0 2rem 0;
}

/* 2. Kategorie-Überschriften (z.B. "Familie", "Schule") */
div#news h2 {
    font-size: 1.5rem !important;
    color: var(--koco-blue-dark);
    margin-top: 3rem;
    margin-bottom: 1.2rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #eee;
    font-weight: 700;
}

div#news h2:first-of-type {
    margin-top: 0; /* Bei der allerersten Überschrift keinen riesigen Abstand nach oben */
}

/* 3. Die einzelnen Veranstaltungs-Karten (Card-Design) */
.NewsSummary {
    background: #ffffff;
    border-radius: 8px;
    padding: 1.8rem;
    margin-bottom: 1.5rem;
    border: 1px solid rgba(0, 45, 85, 0.05); /* Sehr zarter Rahmen */
    box-shadow: 0 4px 15px rgba(0,0,0,0.03); /* Sanfter Schatten */
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.NewsSummary:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.06);
    transform: translateY(-2px); /* Hebt sich beim Hovern leicht an */
}

/* 4. Der Titel der Veranstaltung */
.NewsSummaryLink {
    margin-bottom: 1rem;
}

div.NewsSummaryLink a {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--koco-blue-dark);
    text-decoration: none;
    line-height: 1.3;
    display: block;
    transition: color 0.2s ease;
}

div.NewsSummaryLink a:hover {
    color: var(--koco-red);
}

/* 5. Der Textinhalt */
.NewsSummarySummary {
    color: var(--koco-grey);
    font-size: 0.95rem;
    line-height: 1.6;
}

.NewsSummarySummary p {
    margin-bottom: 0.8rem;
}

.NewsSummarySummary p:last-child {
    margin-bottom: 0;
}

.NewsSummarySummary ul {
    margin-bottom: 1rem;
    padding-left: 1.2rem;
}

.NewsSummarySummary li {
    margin-bottom: 0.2rem;
}

/* 6. Der "Weiterlesen" Link */
.NewsSummaryMorelink {
    margin-top: 1.2rem;
    padding-top: 1rem;
    border-top: 1px solid #f4f4f4;
}

div.NewsSummaryMorelink a {
    font-weight: 700;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--koco-red);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

div.NewsSummaryMorelink a:hover {
    text-decoration: underline;
}

/* Ein kleiner Pfeil nach dem "weiterlesen" Text */
div.NewsSummaryMorelink a::after {
    content: '\f0da'; /* fa-caret-right */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 0.4rem;
    transition: transform 0.2s ease;
}

div.NewsSummaryMorelink a:hover::after {
    transform: translateX(3px); /* Pfeil bewegt sich leicht nach rechts */
}

/* ==========================================================
   DETAILSEITE DER VERANSTALTUNG (News Detail)
   ========================================================== */

#NewsPostDetailTitle {
    font-size: 2rem;
    line-height: 1.2;
    color: var(--koco-blue-dark);
    margin-bottom: 1rem;
}

#NewsPostDetailDate {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--koco-red);
    margin-bottom: 1.5rem;
    display: block;
}

#NewsPostDetailSummary {
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--koco-dark);
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid #f4f4f4;
}

#NewsPostDetailContent {
    color: var(--koco-grey);
    line-height: 1.7;
    margin-bottom: 2rem;
}

#NewsPostDetailCategory {
    font-style: italic;
    font-size: 0.9rem;
    color: #999;
    border-top: 1px solid #eee;
    padding-top: 1rem;
    margin-top: 2rem;
}

div#studioanmeldung {
    margin-top: 2rem;
    padding: 1.5rem;
    background: #f9f9f9;
    border-left: 4px solid var(--koco-red);
    border-radius: 4px;
}

div#studioanmeldung h3 {
    margin-bottom: 1rem !important;
    color: var(--koco-blue-dark);
}

/* Alte Elemente ausblenden oder anpassen */
.NewsSummaryPostdate,
.NewsSummaryCategory,
.NewsSummaryAuthor,
#NewsPostDetailAuthor {
    display: none; /* Blenden wir aus, falls sie nicht zwingend gebraucht werden, um es clean zu halten. Falls doch, hier löschen. */
}

/* End of 'Module: News' */