/* Vlagschema – aanvullende styling op website.css */
.flag-main{max-width:1180px;margin:0 auto;padding:30px 22px 64px}.flag-banner{position:relative;overflow:hidden;background:linear-gradient(120deg,#153b69,#2864b5);color:#fff;border-radius:22px;padding:44px 46px;box-shadow:0 16px 35px rgba(21,59,105,.15)}.flag-banner:after{content:'\f024';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;right:50px;top:-28px;font-size:190px;color:rgba(255,255,255,.09);pointer-events:none}.flag-eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.13em;color:#bbd8ff}.flag-banner h1{margin:10px 0;font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.1;color:#fff}.flag-banner h1 span{color:#b9d9ff}.flag-banner p{margin:0;color:#e2eeff;max-width:600px;line-height:1.6}.flag-section{max-width:850px;margin:0 auto}.flag-heading{margin:34px 0 20px}.flag-heading small{display:block;color:#2864b5;letter-spacing:.13em;font-weight:800;font-size:.72rem;margin-bottom:6px}.flag-heading h2{font-size:1.55rem;margin:0 0 7px;color:#153b69}.flag-heading p{margin:0;color:#718198}.flag-panel{background:#fff;border:1px solid #dce5f0;border-radius:18px;overflow:hidden;box-shadow:0 9px 26px rgba(21,59,105,.06)}.flag-panel-head{display:grid;grid-template-columns:1fr 1fr;background:#eaf2ff;padding:17px 25px;color:#153b69;font-weight:800;font-size:.88rem}.flag-list{list-style:none;margin:0;padding:0}.flag-item{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px 14px;padding:18px 25px;border-top:1px solid #e9eef5;color:#243e5d}.flag-item:nth-child(even){background:#f8fbff}.flag-date,.flag-person{display:flex;align-items:center;gap:11px;min-width:0}.flag-date{font-weight:750}.flag-date i,.flag-person i{color:#2864b5}.flag-person{font-weight:650}.flag-tag{grid-column:1/-1;justify-self:start;font-size:.78rem;font-weight:750;background:#eaf2ff;color:#1e579b;padding:5px 11px;border-radius:999px}.flag-legend{margin-top:22px;background:#f8fbff;border:1px solid #dce5f0;border-radius:15px;padding:22px 25px}.flag-legend h3{margin:0 0 15px;color:#153b69;font-size:1.05rem}.flag-legend h3 i{color:#2864b5;margin-right:6px}.flag-legend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;color:#526a86;font-size:.9rem}.flag-legend-grid b{color:#2864b5;margin-right:8px}.flag-item:has(.flag-tag){background:#f3f8ff}@media(max-width:620px){.flag-main{padding:18px 14px 40px}.flag-banner{padding:30px 24px;border-radius:17px}.flag-banner:after{right:-15px;top:12px;font-size:130px}.flag-heading{margin-top:28px}.flag-panel-head,.flag-item{padding-left:16px;padding-right:16px}.flag-legend{padding:18px}.flag-legend-grid{grid-template-columns:1fr}.flag-item{font-size:.92rem}}


/* Decoratie zoals Programma: icoon schuin en cirkel deels buiten de banner. */
.flag-banner::before { content:""; position:absolute; right:5%; top:-110px; width:400px; height:400px; border:1px solid #ffffff22; border-radius:50%; pointer-events:none; z-index:0; box-sizing:border-box; }
.flag-banner::after { content:"\f024"; font-family:"Font Awesome 6 Free"; font-weight:900; position:absolute; right:15%; top:10px; font-size:205px; line-height:1; color:#ffffff0b; opacity:1; transform:rotate(-14deg); pointer-events:none; z-index:0; border:0; width:auto; height:auto; }
.flag-banner > * { position:relative; z-index:1; }
@media(max-width:620px) { .flag-banner::before { width:290px; height:290px; right:-95px; top:-90px; } .flag-banner::after { right:4%; top:10px; font-size:135px; } }