.prijskaart{

max-width:900px;
margin:40px auto;
padding:30px;

border-radius:18px;

box-shadow:0 20px 60px rgba(0,0,0,0.25);

position:relative;

}

/* tabel desktop */

.prijstabel{

width:100%;
border-collapse:collapse;

}

.prijstabel th{

padding:14px;
text-align:left;

border-bottom:2px solid rgba(0,0,0,0.15);

}

.prijstabel td{

padding:14px;

border-bottom:1px solid rgba(0,0,0,0.08);

vertical-align:top;

}

.personen{

font-weight:600;

}

.nacht{

font-weight:600;

}

.week{

font-size:14px;
opacity:0.7;

}

/* ===== MOBIEL ===== */

@media(max-width:768px){

.prijskaart{

margin:20px 10px;
padding:20px;

}

/* tabel omzetten naar blokken */

.prijstabel,
.prijstabel tbody,
.prijstabel tr,
.prijstabel td{

display:block;
width:100%;

}

/* header rij verbergen */

.prijstabel tr:first-child{

display:none;

}

/* elke personen rij een kaart */

.prijstabel tr{

background:#f7f7f7;

padding:15px;

border-radius:12px;

margin-bottom:20px;

}

/* personen titel */

.prijstabel td.personen{

font-size:18px;
font-weight:bold;

margin-bottom:10px;

}

/* periode blok */

.prijstabel td{

padding:6px 0;

border:none;

}

.nacht{

font-size:16px;

}

.week{

font-size:13px;

opacity:0.7;

}

@media(max-width:768px){

/* toon periode boven elke prijs */

.prijstabel td:nth-child(2)::before{
content:"15/6 - 15/7";
display:block;
font-weight:bold;
margin-bottom:4px;
}

.prijstabel td:nth-child(3)::before{
content:"16/7 - 15/8";
display:block;
font-weight:bold;
margin-bottom:4px;
}

.prijstabel td:nth-child(4)::before{
content:"16/8 - 15/9";
display:block;
font-weight:bold;
margin-bottom:4px;
}

}