* {
  box-sizing: border-box;
}


*::before, *::after {
  box-sizing: border-box;
}


.responsive-table {
  width: 100%;
}


/* Ansicht Handy */

@media (max-width: 760px) {

.responsive-table thead th {
  background-color: #1d96b2;
  color: white;
  font-weight: normal;
  text-align: center;
}


.responsive-table tbody tr {
    border-width: 1px;
}


.responsive-table tbody td[data-title]::before {
  font-size: 0.9em;
  width: 100%;
}


.responsive-table tbody td[data-title]::before {
  content: attr(data-title);
  font-size: 0.8em;
  float: left;
  font-family: 'source-sans-pro';
  font-style: normal;
  font-weight: normal;
  color: #003273;
}


.responsive-table tbody tr:last-of-type {
  margin-bottom: 0;
}


.responsive-table tbody th {
  background-color: #003273;
  color: white;
}

.responsive-table.twoCols tbody th {
  background: none;
  color: #003273;
  font-family: 'source-sans-pro';
  font-style: normal;
  font-weight: normal;
  padding-bottom: 0;
}


.responsive-table.twoCols td {
  padding-top: 0;
}


.responsive-table.threeCols tbody th {
  background: none;
  color: #003273;
  font-family: 'source-sans-pro';
  font-style: normal;
  font-weight: bold;
  padding-bottom: 0;
} 


.responsive-table thead {
  border: 0 none;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}


.responsive-table thead th:first-of-type {
  text-align: left;
}


.responsive-table tbody, .responsive-table tr, .responsive-table th, .responsive-table td {
  display: block;
  padding: 0;
  text-align: left;
  white-space: normal;
}


.responsive-table th, .responsive-table td {
  padding: 0.5em;
  vertical-align: middle;
}
}

/* Ende 540 px */


@media (min-width: 768px) {

.responsive-table tbody tr > th, .responsive-table tbody tr > td, .responsive-table thead tr > th {
  width: 32%;
  padding-left: 50px;
  vertical-align: bottom;
}


.responsive-table tbody td[data-title]::before {
  content: none;
}


.responsive-table thead tr > th {
  vertical-align: top;
}


.responsive-table tbody th {
  background-color: transparent;
  color: #5e5d52;
  text-align: left;
}


.responsive-table thead th {
  background-color: transparent;
  font-family: 'source-sans-pro';
  font-style: normal;
  font-weight: normal;
  color: #003273;
}

.responsive-table tbody th {
  background-color: transparent;
  color: #000033;
  font-style: normal;
  font-weight: normal;
  text-align: left;
}


.responsive-table th, .responsive-table td {
  display: table-cell;
  padding: 0em;
}


.responsive-table tbody {
  display: table-row-group;
}


.responsive-table {
  font-size: 1em;
}


.responsive-table thead {
  clip: auto;
  height: auto;
  overflow: auto;
  position: relative;
  width: auto;
}


.responsive-table tr {
  display: table-row;
}


.responsive-table th, .responsive-table td {
  padding: 0em;
}
}


@media (min-width: 1024px) {

  .responsive-table tbody tr > th, 
  .responsive-table tbody tr > td, 
  .responsive-table thead tr > th {
    width: 33%;
    padding-left: 50px;
    vertical-align: bottom;
  }
}