/* --- 1. Basis styling voor de view-announcement container --- */
.view-announcement {
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    word-break: break-word;
}

/* --- 2. De hoofdtitel van de aankondiging ({$title}) --- */
.view-announcement > .custom-text-title {
    font-size: 25px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 12px;
    color: #1a1a1a;
}

/* --- 3. Alle normale tekst/paragrafen uit {$text} --- */
.view-announcement p {
    font-size: 16px;
    margin-top: 0;
    color: #1a1a1a;
	margin-bottom: 32px;
}

/* --- 4. Sub-koppen binnen de tekst --- */
.view-announcement h2 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 12px;
    color: #1a1a1a;
}

.view-announcement h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #444444;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

/* --- 5. Specifieke introductie alinea (optioneel) --- */
.view-announcement p.announcement-intro {
    font-size: 1.15rem;
    font-weight: 500;
    color: #0056b3;
}


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


 @media (max-width: 600px) {
      .view-announcement p {
 font-size: 15px;
 margin-bottom: 24px;
    }
	
			.view-announcement h2 {
			        font-size: 18px;
        margin-bottom: 8px;
    }
 }