/* ************************************************** */
/* components: grids en lijsten (GenerateBlocks)        */
/* ************************************************** */

/* ************************************************** */
/* grid 2 kolommen (zigzag: afbeelding/tekst wisselen) */

@media (width >= 768px) {
    .grid-2-col .gb-grid-column:nth-child(1){order:1}
    .grid-2-col .gb-grid-column:nth-child(2){order:2}
    .grid-2-col .gb-grid-column:nth-child(3){order:4}
    .grid-2-col .gb-grid-column:nth-child(4){order:3}
    .grid-2-col .gb-grid-column:nth-child(5){order:5}
    .grid-2-col .gb-grid-column:nth-child(6){order:6}
    .grid-2-col .gb-grid-column:nth-child(7){order:8}
    .grid-2-col .gb-grid-column:nth-child(8){order:7}
    .grid-2-col .gb-grid-column:nth-child(9){order:9}
    .grid-2-col .gb-grid-column:nth-child(10){order:10}
    .grid-2-col .gb-grid-column:nth-child(11){order:12}
    .grid-2-col .gb-grid-column:nth-child(12){order:11}
    .grid-2-col .gb-grid-column:nth-child(13){order:13}
    .grid-2-col .gb-grid-column:nth-child(14){order:14}
}

@media (width >= 768px) and (width <= 1200px) {
    .grid-2-col .gb-grid-column .gb-container{position:relative}
    .grid-2-col .gb-grid-column .gb-container figure{bottom:0;left:0;position:absolute;right:0;top:0}
    .grid-2-col .gb-grid-column .gb-container figure img{bottom:0;height:100%;left:0;object-fit:cover;position:absolute;right:0;top:0;width:100%}
}

.grid-2-col figure{background:#000}
.grid-2-col figure a img{opacity:1;transition:opacity .5s}
.grid-2-col figure a:hover img{opacity:.75}

/* ************************************************** */
/* grid rechtsgebieden */

.grid-rechtsgebieden figure{background:#000}
.grid-rechtsgebieden figure a img{opacity:1;transition:opacity .5s}
.grid-rechtsgebieden figure a:hover img{opacity:.75}

/* ************************************************** */
/* lijst strafrechtonderwerpen (ook gebruikt onder nieuwsberichten) */

.list_prod ul{background:#000;display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0}
.list_prod ul li{background:var(--accent)}
.list_prod ul li a{background:var(--accent);color:#000 !important;display:block;padding:15px;text-align:center;text-decoration:none;transition:background-color .5s}
.list_prod ul li a:hover{background:#fff}