/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.view-projecten-dimi .views-view-grid.horizontal{display:flex;flex-wrap:wrap;gap:2.5rem 2rem;margin-bottom:2rem;}.view-projecten-dimi .views-col{background:linear-gradient(180deg,#fff 85%,#e5f5f3 100%);border-radius:16px;box-shadow:0 4px 24px rgba(32,120,115,0.11);border-top:5px solid #207873;border-bottom:2px solid #e5f5f3;padding:2.2rem 1.5rem 1.4rem 1.5rem;margin-bottom:2rem;flex:1 1 calc(33.333% - 2rem);max-width:calc(33.333% - 2rem);box-sizing:border-box;display:flex;flex-direction:column;min-height:370px;transition:box-shadow 0.2s,border-color 0.2s;position:relative;overflow:hidden;}.view-projecten-dimi .views-col:hover,.view-projecten-dimi .views-col:focus-within{box-shadow:0 8px 32px rgba(32,120,115,0.22);border-top:5px solid #1b5e57;}.view-projecten-dimi h2,.view-projecten-dimi .field-content h2{margin:0 0 0.7em 0;font-size:1.25em;color:#207873;font-weight:700;line-height:1.2;border-left:6px solid #207873;padding-left:0.7em;background:linear-gradient(90deg,#e5f5f3 0 60%,transparent 100%);}.view-projecten-dimi img,.view-projecten-dimi .field--type-image img{max-width:120px;height:auto;border-radius:9px;box-shadow:0 2px 10px rgba(32,120,115,0.14);margin-bottom:1rem;object-fit:cover;background:#e5f5f3;display:block;border:2px solid #e5f5f3;}.views-label-field-in-samenwerking-met,.views-label-field-projectcoordinator{font-weight:bold;color:#207873;margin-right:0.5em;font-size:1em;display:inline-block;letter-spacing:0.01em;}.view-projecten-dimi .views-field-body .field-content{font-size:1em;color:#222;line-height:1.7;margin-bottom:0.7em;margin-top:0.3em;word-break:break-word;position:relative;min-height:3em;background:none;}.lees-meer-btn{background:#207873;color:#fff;border:none;border-radius:20px;padding:0.4em 1.2em;font-size:0.98em;font-weight:600;margin-top:0.5em;cursor:pointer;transition:background 0.18s,color 0.18s,box-shadow 0.18s;box-shadow:0 1px 4px rgba(32,120,115,0.08);display:inline-block;outline:none;}.lees-meer-btn:hover,.lees-meer-btn:focus{background:#1b5e57;color:#fff;box-shadow:0 2px 8px rgba(32,120,115,0.18);}.view-projecten-dimi .views-field-in-samenwerking-met,.view-projecten-dimi .views-field-projectcoordinator{font-size:0.99em;color:#444;margin-bottom:0.2em;margin-top:0.3em;}.views-label-field-in-samenwerking-met::before{content:"🤝 ";font-size:1.1em;vertical-align:middle;}.views-label-field-projectcoordinator::before{content:"👤 ";font-size:1.1em;vertical-align:middle;}@media (max-width:1100px){.view-projecten-dimi .views-col{flex:1 1 calc(50% - 2rem);max-width:calc(50% - 2rem);}}@media (max-width:700px){.view-projecten-dimi .views-col{flex:1 1 100%;max-width:100%;padding:1.2rem 0.7rem;}.view-projecten-dimi img,.view-projecten-dimi .field--type-image img{max-width:90vw;}}.view-projecten-dimi .views-row{display:contents;}