/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.fourcolumns .team-tabs{display:flex;gap:0.5rem;margin-bottom:2.2em;margin-top:2.2em;flex-wrap:wrap;}.fourcolumns .team-tab{background:#e6f2f1;color:#1d7874;border:none;border-radius:8px 8px 0 0;padding:0.7em 1.5em;font-size:1.08em;font-weight:600;cursor:pointer;transition:background 0.18s,color 0.18s;outline:none;box-shadow:0 2px 8px rgba(29,120,116,0.09);margin-bottom:-4px;}.fourcolumns .team-tab.active,.fourcolumns .team-tab:focus{background:#1d7874;color:#fff;z-index:2;}.fourcolumns h3,.fourcolumns h3.open,.fourcolumns .accordion-cat-title{display:none !important;}.fourcolumns .team-content{display:none;}.fourcolumns .team-content.active{display:block;}.fourcolumns .row-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;background:#f7fafd;border-left:4px solid #1d7874;border-radius:0 0 12px 12px;box-shadow:0 2px 8px rgba(29,120,116,0.06);padding:1.5em 2em 1.5em 2em;margin-bottom:2.2em;margin-top:0;animation:fadeIn 0.2s;transition:box-shadow 0.2s,padding 0.2s;}.fourcolumns h3{font-weight:bold;background:linear-gradient(90deg,#e6f2f1 70%,#f7fafd 100%);color:#1d7874;padding:1.1em 1.6em 1.1em 1.3em;border-radius:10px 10px 0 0;margin-bottom:0;margin-top:2.2em;box-shadow:0 2px 8px rgba(29,120,116,0.09);border:none;cursor:pointer;position:relative;user-select:none;transition:background 0.2s,color 0.2s,box-shadow 0.2s;text-align:left;font-size:1.25em;letter-spacing:0.01em;outline:none;}.fourcolumns h3.open{background:linear-gradient(90deg,#1d7874 80%,#165e5b 100%);color:#fff;box-shadow:0 6px 18px rgba(29,120,116,0.18);}.fourcolumns h3::after{content:"▼";position:absolute;right:1.3em;top:50%;transform:translateY(-50%) rotate(0deg);transition:transform 0.2s,color 0.2s;font-size:1.1em;color:#1d7874;}.fourcolumns h3.open::after{transform:translateY(-50%) rotate(180deg);color:#fff;}.fourcolumns .views-row{background:#fff;border-radius:14px;box-shadow:0 2px 12px rgba(29,120,116,0.10);padding:1.6em 1em 1.2em 1em;display:flex;flex-direction:column;align-items:center;transition:box-shadow 0.2s,transform 0.2s;font-size:0.97em;min-height:340px;}.fourcolumns .views-row:hover{box-shadow:0 8px 24px rgba(29,120,116,0.16);transform:translateY(-4px) scale(1.03);}.fourcolumns .field--name-field-foto,.fourcolumns .field--name-field-foto > article,.fourcolumns .field--name-field-media-image{width:100%;display:flex;justify-content:center;align-items:center;margin:0;padding:0;background:none;box-shadow:none;border:none;}.fourcolumns .field--name-field-foto{margin-bottom:1em;}.fourcolumns .field--name-field-media-image img{width:120px;height:120px;border-radius:50%;object-fit:cover;background:#e3f3f0;box-shadow:0 0 0 4px #e3f3f0;display:block;margin:0 auto;transition:transform 0.2s,box-shadow 0.2s;border:3px solid #ffba00;}.fourcolumns .field--name-field-media-image img:hover{transform:scale(1.07) rotate(-2deg);box-shadow:0 0 0 6px #ffba00;}.fourcolumns h2{font-size:1.07em;font-weight:bold;color:#1d7874;margin-bottom:0.2em;text-align:center;width:100%;word-break:break-word;line-height:1.2;}.fourcolumns .field--name-field-functie{font-size:0.95em;color:#165e5b;margin-bottom:0.7em;text-align:center;width:100%;word-break:break-word;line-height:1.2;}.fourcolumns .field--node--field-e-mail{width:100%;display:flex;justify-content:center;}.fourcolumns .field--node--field-e-mail a{display:inline-block;background:#ffba00;color:#1d7874;border-radius:20px;padding:0.4em 1.2em;font-size:0.96em;text-decoration:none;margin-top:0.2em;font-weight:600;border:none;transition:background 0.2s,color 0.2s,outline 0.2s;max-width:100%;overflow-wrap:break-word;word-break:break-all;text-align:center;outline:none;}.fourcolumns .field--node--field-e-mail a:hover,.fourcolumns .field--node--field-e-mail a:focus{background:#1d7874;color:#fff;outline:2px solid #ffba00;}@media (max-width:1100px){.fourcolumns .row-wrapper{padding:1em 0.7em;gap:1.2rem;}}@media (max-width:700px){.fourcolumns .row-wrapper{grid-template-columns:1fr;gap:0.7rem;padding:0.6em 0.1em;}.fourcolumns .views-row{min-height:0;padding:1em 0.7em;}.fourcolumns .field--name-field-media-image img{width:90px;height:90px;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.fourcolumns .field--name-field-media-image img{width:160px;height:160px;border-radius:50%;object-fit:cover;background:#e3f3f0;box-shadow:0 0 0 4px #e3f3f0;display:block;margin:0 auto;transition:transform 0.2s,box-shadow 0.2s;border:3px solid #ffba00;}.fourcolumns .views-row{background:#fff;border-radius:14px;box-shadow:0 2px 12px rgba(29,120,116,0.10);padding:1.6em 1em 1.2em 1em;display:flex;flex-direction:column;align-items:center;transition:box-shadow 0.2s,transform 0.2s;font-size:0.97em;min-height:390px;justify-content:flex-start;position:relative;}.fourcolumns .field--name-field-foto{margin-bottom:1em;}.fourcolumns .field--name-field-functie{margin-bottom:0.7em;}.fourcolumns .field--node--field-e-mail{width:100%;display:flex;justify-content:center;margin-top:auto;}@media (max-width:700px){.fourcolumns .field--name-field-media-image img{width:100px;height:100px;}.fourcolumns .views-row{min-height:0;padding:1em 0.7em;}}@media (max-width:700px){.context-medewerkers-0 .fourcolumns .field--name-field-foto,.context-medewerkers-0 .fourcolumns .field--name-field-foto > article,.context-medewerkers-0 .fourcolumns .field--name-field-media-image{height:auto !important;min-height:0 !important;overflow:visible !important;}.context-medewerkers-0 .fourcolumns .field--name-field-media-image img{width:100px !important;height:100px !important;position:static !important;object-fit:cover !important;object-position:top center !important;transform:none !important;display:block !important;}}@media (max-width:700px){.fourcolumns .field--name-field-foto,.fourcolumns .field--name-field-foto > article,.fourcolumns .field--name-field-media-image,.fourcolumns .media--view-mode-square-small{height:auto !important;min-height:0 !important;overflow:visible !important;position:static !important;}.fourcolumns .field--name-field-media-image img,.fourcolumns .media--view-mode-square-small img.image-style-square-small{width:clamp(140px,80vw,260px) !important;aspect-ratio:1/1 !important;height:auto !important;border-radius:50% !important;object-fit:cover !important;object-position:50% 35% !important;display:block !important;margin:0 auto 1em auto !important;box-shadow:0 0 0 4px #e3f3f0 !important;border:3px solid #ffba00 !important;background:#e3f3f0 !important;transform:none !important;}.fourcolumns .views-row{padding:1.2em 0.5em !important;}}