/* Homepage blokken in de stijl van het Ceris-thema: Merriweather, Roboto, accent #00a6b2. */
.twco-fases { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }
.twco-fase { padding: 26px 24px; display: flex; flex-direction: column; gap: 14px; }
.twco-fase--roze { background: #f8e1e3; }
.twco-fase--blauw { background: #dcecf6; }
.twco-fase--geel { background: #fbecc9; }
.twco-fase--groen { background: #d6efeb; }
.twco-fase--zand { background: #efe9df; }
.twco-fase--lila { background: #e6e2f2; }
.twco-fase__titel { margin: 0; font-family: Merriweather, Georgia, serif; font-size: 22px; line-height: 1.3; font-weight: 900; }
.twco-fase__titel a { color: #1c1c1c; display: flex; justify-content: space-between; align-items: center; gap: 12px; text-decoration: none; }
.twco-fase__titel a:hover { color: #007f88; }
.twco-fase__tekst { margin: 0; font-family: Roboto, Arial, sans-serif; font-size: 15px; line-height: 1.55; color: #3d3d3d; }
.twco-fase__onderwerpen { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.twco-fase__onderwerpen li { margin: 0; padding: 0; }
.twco-fase__onderwerpen li::before { display: none; }
.twco-fase__onderwerpen a { display: inline-block; background: #fff; color: #1f3a3e; font-family: Roboto, Arial, sans-serif; font-size: 14px; font-weight: 500; line-height: 20px; padding: 9px 12px; text-decoration: none; }
.twco-fase__onderwerpen a:hover { background: #00a6b2; color: #fff; }
.twco-handig { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }
.twco-handig__kaart { background: #eff9f9; border: 1px solid #d3e9eb; padding: 24px; display: flex; flex-direction: column; gap: 10px; color: #1c1c1c; text-decoration: none; }
.twco-handig__kaart:hover { border-color: #00a6b2; }
.twco-handig__titel { font-family: Merriweather, Georgia, serif; font-size: 18px; font-weight: 700; color: #1c1c1c; }
.twco-handig__tekst { font-family: Roboto, Arial, sans-serif; font-size: 15px; line-height: 1.55; color: #4a4a4a; }
.twco-handig__link { font-family: Roboto, Arial, sans-serif; font-size: 15px; font-weight: 700; color: #007f88; }