/* Make Table Responsive — */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
.responsivetable table, .responsivetable thead, .responsivetable th, .responsivetable tr, .responsivetable td {
display: block;
}
/* Hide table headers (but not display:none, for accessibility) */
.responsivetable thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.responsivetable tr {
border: 2px solid #ccc;
}
.responsivetable td {
/* Behave like a row */
border: none;
padding-left: 50%;
border-bottom: 1px solid #eee;
position: relative;
}
.responsivetable td:before {
/* Now, like a table header */
position: absolute;
/* Top / left values mimic padding */
top: 6px; left: 0px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
/* — LABEL THE DATA — */
.responsivetable td:nth-of-type(1):before { content: “SPA”; }
.responsivetable td:nth-of-type(2):before { content: “RHEUMATISCH”; }
.responsivetable td:nth-of-type(4):before { content: “GYNÄKOLOGISCHE”; }
.responsivetable td:nth-of-type(3):before { content: “SKIN”; }
.responsivetable td:nth-of-type(5):before { content: “NEUROLOGISCHE”; }
.responsivetable td:nth-of-type(6):before { content: “ATEM”; }
.responsivetable td:nth-of-type(7):before { content: “URINARY”; }
.responsivetable td:nth-of-type(8):before { content: “GASTROINTESTINAL”; }
}/* End responsive query */
RHEUMATISCH GYNÄKOLOGISCHE: SKIN: NEUROLOGISCHE: ATEM: URINARY: GASTROINTESTINAL: |