.elements-projecten { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }

.elements-projecten .element { position: relative; border-radius: 10px; overflow: hidden; background: var(--accents); }
.row:nth-of-type(even) .elements-projecten .element { background-color: #fff; }

.elements-projecten .element .image { }
.elements-projecten .element .image img { display: block; width: 100%; }

.elements-projecten .element .element-text { padding: 2em; padding-bottom: 5.5em; }
.elements-projecten .element .element-text .naam { }
.elements-projecten .element .element-text .textareawysiwyg { margin-bottom: 20px; }
.elements-projecten .element .element-text .link { position: absolute; bottom: 40px; }

body.__ledenpagina .content .media { aspect-ratio: 16 / 9; }
body.__ledenpagina .content .media a { position: relative; display: flex; align-items: center; justify-content: center; border-radius: 10px; pointer-events: none!important; background-color: var(--accents); }
body.__ledenpagina .content .media a img { position: absolute; width: auto; max-width: 80%; height: auto; max-height: 60%; }

body.__ledenpagina .elements-projecten { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.__ledenpagina .elements-projecten .element .element-text .naam h2 { font-size: 1.4em; }
body.__ledenpagina .elements-projecten .element .element-text .textareawysiwyg { line-height: 1.6; }

@media screen and (max-width: 1100px) {
    
    .elements-projecten { display: flex; flex-direction: column; }
    .elements-projecten .element .element-text { padding: 1.6em; }
    .elements-projecten .element .element-text .naam h2 { font-size: 1.4em; }
    .elements-projecten .element .element-text .link { position: relative; bottom: 0; }

    body.__ledenpagina .content .page_content { order: 1; }
    body.__ledenpagina .content .media { order: 2; }

}