@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
	/* CSS personen table */
	table.personen,
	table.personen thead,
	table.personen tbody,
	table.personen th,
	table.personen td,
	table.personen tr { display: block; }
	table.personen thead tr { position: absolute; top: -9999px; left: -9999px; }
	table.personen tr { border: 1px solid #ccc; margin-bottom: 10px; }
	table.personen td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; }
	table.personen td:before {	position: absolute;	top: 6px; left: 6px; width: 40%; padding-right: 10px; text-align: left; word-wrap: break-word; }
	/*table.personen tr:first-child { position: absolute; top: -9999px; left: -9999px; }*/
	table.personen td:before { content: attr(data-content); height: 50px; }
	table.personen td.small-padding { padding-top: 5px; padding-bottom: 5px; }
	table.personen td.medium-padding { padding-top: 15px; padding-bottom: 15px; }
	table.personen td.large-padding { padding-top: 25px; padding-bottom: 25px; }
}
@media only screen and (max-width: 478px) {
}