.nieuws-page.svelte-1q6glk2{min-height:100vh;background:#f5f5f5}.hero.svelte-1q6glk2{position:relative;height:300px;background:linear-gradient(135deg,#d40000,#8b0000);display:flex;align-items:center;justify-content:center}.hero-overlay.svelte-1q6glk2{position:absolute;inset:0;background:url(../../../images/nieuws/hero.jpg) center/cover;opacity:.8}.hero-content.svelte-1q6glk2{position:relative;z-index:1;text-align:center;color:#fff}.hero.svelte-1q6glk2 h1:where(.svelte-1q6glk2){font-size:3rem;font-weight:700;margin:0;letter-spacing:2px}.hero.svelte-1q6glk2 p:where(.svelte-1q6glk2){font-size:1.2rem;margin:1rem 0 0;opacity:.95}.container.svelte-1q6glk2{max-width:1400px;margin:0 auto;padding:2rem}.articles-grid.svelte-1q6glk2{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.article-card.svelte-1q6glk2{background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.article-card.svelte-1q6glk2:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.article-card.svelte-1q6glk2:hover .article-image:where(.svelte-1q6glk2) img:where(.svelte-1q6glk2){transform:scale(1.05)}.article-card.svelte-1q6glk2:hover .read-more:where(.svelte-1q6glk2){color:#d40000}.article-image.svelte-1q6glk2{height:200px;overflow:hidden}.article-image.svelte-1q6glk2 img:where(.svelte-1q6glk2){width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-placeholder.svelte-1q6glk2{width:100%;height:100%;background:linear-gradient(135deg,#e0e0e0,#f0f0f0);display:flex;align-items:center;justify-content:center}.article-placeholder.svelte-1q6glk2 span:where(.svelte-1q6glk2){font-size:3rem;opacity:.4}.article-content.svelte-1q6glk2{padding:1.5rem}.article-meta.svelte-1q6glk2{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.article-date.svelte-1q6glk2{font-size:.85rem;color:#888}.article-content.svelte-1q6glk2 h3:where(.svelte-1q6glk2){font-size:1.2rem;font-weight:700;color:#d40000;margin:0 0 .75rem;line-height:1.4}.article-content.svelte-1q6glk2 p:where(.svelte-1q6glk2){font-size:.95rem;line-height:1.6;color:#666;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.read-more.svelte-1q6glk2{font-size:.9rem;font-weight:600;color:#333;transition:color .2s}.no-articles.svelte-1q6glk2{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014}.no-articles-icon.svelte-1q6glk2{font-size:4rem;margin-bottom:1rem}.no-articles.svelte-1q6glk2 h3:where(.svelte-1q6glk2){margin:0 0 .5rem;color:#333;font-size:1.25rem}.no-articles.svelte-1q6glk2 p:where(.svelte-1q6glk2){margin:0 0 1.5rem;color:#666}.btn-primary.svelte-1q6glk2{display:inline-block;background:#d40000;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s}.btn-primary.svelte-1q6glk2:hover{background:#a00000}@media(max-width:768px){.hero.svelte-1q6glk2 h1:where(.svelte-1q6glk2){font-size:2rem}.hero.svelte-1q6glk2{height:220px}.container.svelte-1q6glk2{padding:1.5rem}.articles-grid.svelte-1q6glk2{grid-template-columns:1fr}}@media(max-width:600px){.hero.svelte-1q6glk2{height:180px}.hero.svelte-1q6glk2 h1:where(.svelte-1q6glk2){font-size:1.6rem}.hero.svelte-1q6glk2 p:where(.svelte-1q6glk2){font-size:.95rem}.article-image.svelte-1q6glk2{height:170px}.article-content.svelte-1q6glk2 h3:where(.svelte-1q6glk2){font-size:1.05rem}.article-content.svelte-1q6glk2{padding:1.25rem}}@media(max-width:480px){.hero.svelte-1q6glk2{height:160px}.hero.svelte-1q6glk2 h1:where(.svelte-1q6glk2){font-size:1.35rem}.hero.svelte-1q6glk2 p:where(.svelte-1q6glk2){font-size:.85rem;margin-top:.5rem}.container.svelte-1q6glk2{padding:1rem}.article-image.svelte-1q6glk2{height:150px}.article-content.svelte-1q6glk2{padding:1rem}.article-content.svelte-1q6glk2 h3:where(.svelte-1q6glk2){font-size:1rem;margin-bottom:.5rem}.article-content.svelte-1q6glk2 p:where(.svelte-1q6glk2){font-size:.85rem}.article-date.svelte-1q6glk2{font-size:.8rem}.read-more.svelte-1q6glk2{font-size:.85rem}}