.swipe {
    display:none;
    margin:0 auto 10px auto;
}

.whitebg{padding:0;}
.grauBlock h2{
  font-family: 'Satisfy', cursive;
  color:#fff;
  font-size:23px;
  margin:0 0 5px;
}
.grauBlock p{color:#fff;}
.grauBlock {
  background-color:#9fa0b0;
  color:#fff;
  padding:10px 0;
}

.grauBlock .col img{width:100%;height:auto;margin-top:63px;}

/*************************** ************************************/

.tabelle:nth-child(even) .l4:nth-child(odd){  background-color: #d9e5af;}
.tabelle:nth-child(even) .l4:nth-child(even){  background-color: #c5d882;}
.tabelle:nth-child(odd) .l4:nth-child(even){  background-color: #d9e5af;}
.tabelle:nth-child(odd) .l4:nth-child(odd){  background-color: #c5d882;}

.tabelle{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.titel,
.list{
  border: 2px solid #fff;
}

.titel{
  padding: 100px 0!important;
  text-align: center;
  font-size:35px;
}

.list{
padding: 5px 15px !important;
}
.list li::before {color:#212121;}

/*********************** ***************************/

table.responsive-table td:nth-child(even){
  background-color: #d9e5af;
}

table.responsive-table td:nth-child(odd){
  background-color: #c5d882;
}

table.responsive-table th{
  background-color: #c5d882;
  border: 2px solid #fff;
  padding-left:15px;
}

table.responsive-table td{
  border: 2px solid #fff;
  text-align:center;
}
table.responsive-table td:first-child{
  background-color: #c5d882;
  border: 2px solid #fff;
  text-align:left;
  padding-left:15px;
}

table.responsive-table thead tr{
  padding:0;
}

table.responsive-table thead{
  border:none;
}




/*************************** ************************************/

.tabelle3:nth-child(even) .l4:nth-child(odd){  background-color: #d9e5af;}
.tabelle3:nth-child(even) .l4:nth-child(even){  background-color: #d9e5af;}
.tabelle3:nth-child(odd) .l4:nth-child(even){  background-color: #c5d882;}
.tabelle3:nth-child(odd) .l4:nth-child(odd){  background-color: #c5d882;}

.tabelle3:nth-child(1) .l4:nth-child(even), .tabelle3:nth-child(1) .l4:nth-child(odd){  background-color: #c5d882; padding:20px 0 !important;}

.tabelle3:nth-child(odd) .l4:nth-child(1), .tabelle3:nth-child(even) .l4:nth-child(1){  background-color: #c5d882;}
.tabelle3 .titel {padding: 50px 15px !important;}
/******** **********************************/
@media (max-width: 992px) {

.platzhalter{display:none;}

.swipe {display:block;}

.grauBlock h2{font-size:15px;}

.tabelle:nth-child(even) .l4:nth-child(odd){  background-color: #d9e5af;}
.tabelle:nth-child(even) .l4:nth-child(even){  background-color: #d9e5af;}
.tabelle:nth-child(odd) .l4:nth-child(even){  background-color: #c5d882;}
.tabelle:nth-child(odd) .l4:nth-child(odd){  background-color: #c5d882;}


table.responsive-table td:first-child,
table.responsive-table th:first-child{
  white-space:normal;
  height:85px;
  padding-left:5px;

}


table.responsive-table td:first-child{
  font-size:70%;
  border:none;
  border-top: 2px solid #fff;
  border-bottom:2px solid #fff;
  text-align:center;
}

table.responsive-table td{
  max-width: 135px;
  height:50px;
  border:none;
  border-top: 2px solid #fff;
  border-bottom:2px solid #fff;
}

table.responsive-table th{
  height:50px;
  padding-left:0;
}

table.responsive-table thead{
  max-width: 120px;
  border-right: 2px solid #fff;
  font-size:12px;
}
.container{
  padding:0;
}

table.responsive-table tbody tr{padding:0;}

}

@media (max-width : 425px) {

.tabelle3 li{  font-size:12px; padding-left:0}
.titel{
  padding: 50px 0 !important;
  text-align: center;
  font-size:20px;
}

.grauBlock .col img{margin-top:63px;}


}
/* Stylesheet: responsive_table Modified On 2017-12-22 12:29:09 */