.tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 60px; width: 100%; margin-top: 75px; }
.tiles .item { position: relative; border-radius: 20px; overflow: hidden; }
.tiles .item:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; content: ""; opacity: 0.25; pointer-events: none; z-index: 1; background: #000; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); }
.tiles .item img { display: block; width: 100%; }
.tiles .item .name { position: absolute; left: 0; bottom: 0; padding: 45px 75px 45px 45px; font-weight: 900; line-height: 1.1; color: var(--background); font-size: 32px; width: 100%; box-sizing: border-box; z-index: 2; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.38139005602240894) 0%, rgba(0,0,0,0) 100%); }
.tiles .item .btn { position: absolute; top: 30px; right: 30px; margin: 0; padding: 13px 20px 15px 20px; }

body.reisb .tiles { }
body.reisb .tiles .item { position: relative; }
body.reisb .tiles .item:before { position: absolute; bottom: 60px; right: 45px; width: 180px; height: 120px; content: ""; transform: rotate(5deg); pointer-events: none; filter: invert(1); background-position: center; background-size: contain; background-repeat: no-repeat; z-index: 3; }
body.reisb .tiles .item:nth-of-type(1):before { background-image: url("/images/stempels/stempel-grave-30x20.svg"); }
body.reisb .tiles .item:nth-of-type(2):before { background-image: url("/images/stempels/stempel-kraaijenbergse-plassen-24x24.svg"); }
body.reisb .tiles .item:nth-of-type(3):before { transform: rotate(-35deg); background-image: url("/images/stempels/stempel-cuijk-24x24.svg"); }
body.reisb .tiles .item:nth-of-type(4):before { background-image: url("/images/stempels/stempel-boxmeer-24x24.svg"); }
body.reisb .tiles .item:nth-of-type(5):before { background-image: url("/images/stempels/stempel-maasheggen-24x24.svg"); }
body.reisb .tiles .item:nth-of-type(6):before { background-image: url("/images/stempels/stempel-overloon-24x24.svg"); }
body.reisb .tiles .item:nth-of-type(7):before { background-image: url("/images/stempels/stempel-sint-anthonis-24x24.svg"); }
body.reisb .tiles .item:nth-of-type(8):before { background-image: url("/images/stempels/stempel-mill-30x20.svg"); }

body.reisb .tiles .item:nth-of-type(1):before,
body.reisb .tiles .item:nth-of-type(8):before { right: 61px; width: 150px; height: 105px; }

body.reisb .tiles .item .name { padding: 45px 210px 45px 45px; }


@media screen and (max-width: 1100px) {

	body.homepage .row .content .page_content h2 { font-size: 24px; }

	.tiles { display: flex; flex-direction: column; gap: 20px!important; width: 100%; margin-top: 20px!important; margin-left: 0; }
    .tiles .item { width: 100%; aspect-ratio: 3/2!important; border-radius: 10px!important; }
    .tiles .item .name { padding: 35px 30px!important; font-size: 21px!important; }
    .tiles .item .btn { top: 20px!important; right: 20px!important; padding: 10px 18px 12px 18px!important; font-size: 15px!important; }
    
    body.reisb .tiles .item:before { top: 20px; right: auto; bottom: auto; left: 20px; width: 70px; height: 70px; }
    body.reisb .tiles .item:nth-of-type(1):before,
    body.reisb .tiles .item:nth-of-type(8):before { width: 90px; height: 60px; }

}