
.termine_rechts h4{font-family: 'Lato', sans-serif;letter-spacing:1px;font-size:1.4em;color:#fff;padding: 10px 0 15px 0;font-weight:normal;text-align:left;}
.termine_rechts h4 a{color:#fff;}


.right_inner h5{font-size:1.0em;color:#fff;padding:0 0 10px 0;font-weight:normal;}
.right_inner h5 a{color:#fff;}

.termine_rechts{background: rgba(255,153,0,1);
padding:10px;
margin:0 0 20px 0;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
opacity: 1;
transition: .5s ease;
}

.termine_rechts:hover{background:rgba(234,145,0,1);}



.termin-start{padding:0 0 30px 0;text-align:left;}
.termine_rechts a{font-size:0.9em;color:rgba(255,255,255,0.7);font-weight:normal;}

.hw_rechts{
background: rgba(0,142,203,1);
padding:10px;
margin:0 0 20px 0;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
opacity: 1;
transition: .5s ease;
}
.hw_rechts:hover{background: rgba(7,128,179,1);}
.hw-start{padding:0 0 30px 0;}
.hw_rechts a{font-size:0.9em;color:rgba(255,255,255,0.7);font-weight:normal;}


.weiterbildung-rechts{background:none;padding:10px;margin:0 0 0px 0;border:0px solid #999;}
/*Button*/
.button-thema-aktuelles-bild-rechts{max-width:300px;cursor:pointer;padding:0px 0 0 0;margin:0 auto;background:none;border:0;}
.button-thema-aktuelles-bild-rechts img {padding:10px 0; -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;}

.button-thema-aktuelles-bild-rechts img:hover{
-webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.05);
  opacity: 1;
  filter: alpha(opacity 0);
  filter: grayscale(0%);
}


.button-rechts{padding:15px 0px px 0px;margin:0;font-weight:normal;}
.button-rechts a{color:#fff;text-decoration:none;}
.button-rechts a:hover{color:#fff;text-decoration:none;}

article{border:0px solid #0099ff;padding:0;margin:0 0 20px 0;}






.button-rechts h5{text-align:center;}



/* Float four columns side by side */
.column_start {
  float: left;
  width: 25%;
  padding: 0 10px;
  margin:0 0 50px 0;
  min-height:0px;



}

.column_start2 {
  float: left;
  width: 50%;
  padding: 0 10px;
  margin:0 0 20px 0;
}


.column_start3 {
  float: left;
  width: 25%;
  padding: 0 10px;
  margin:0 0 20px 0;
}
/* Remove extra left and right margins, due to padding */

.row_start{
max-width:1300px;
margin:70px auto;
}

/* Clear floats after the columns */
.row_start:after {
  content: "";
  display: table;
  clear: both;
}


/* Style the counter cards  ANFANG */
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 16px;


}

.card_1 {
  padding: 16px;
  background-color: rgba(200,200,200,0.1);
}

.card_2 {
  padding: 0;
  background-color: rgba(200,200,200,0);
  color:#fff;
  }


.card_3 {
  padding: 0;
  background-color: rgba(200,200,200,0);

  color:#fff;
  min-height:0px;
  text-align:center;
  }
.card_3 h4{font-family: 'Lato', sans-serif;letter-spacing:3px;font-size:1.6em;color:#fff;padding: 10px 0 15px 0;font-weight:normal;text-align:center;}
.card_3 h4 a{color:#fff;}

.card_3 h5{font-size:1.2em;color:#fff;padding:0 0 10px 0;font-weight:normal;text-align:center;line-height:1.5em;}
.card_3 h5 a{color:#fff;}

.zusatzinfo{color:#fff;text-align:center;font-size:1.2em;}

@media all and (max-width: 1100px) {
.zusatzinfo{color:#fff;text-align:center;}
}

/* Style the counter cards  ENDE *





/* Responsive */

@media all and (max-width: 1150px) {
.column_start {
  width: 50%;
  padding: 0 10px;
  margin:0 0 50px 0;

}

.column_start2 {
  width: 100%;
  padding: 0 10px;
  margin:0 0 20px 0;
}


.column_start3 {
  width: 50%;
  padding: 0 10px;
  margin:0 0 20px 0;
}

}


@media all and (max-width: 800px) {



.column_start {
  width: 50%;
  padding: 0 10px;
  margin:0 0 0px 0;

}

.column_start2 {

  width: 100%;
  padding: 0 10px;
  margin:0 0 0px 0;
}


.column_start3 {

  width: 50%;
  padding: 0 10px;
  margin:0 0 0px 0;
}


.card_1 {
  margin-bottom:30px;
  }

.card_3 {
  padding: 0;
  background-color: rgba(200,200,200,0);

  color:#fff;
  min-height:0px;
  text-align:center;
  }
.card_3 h4{font-family: 'Lato', sans-serif;letter-spacing:3px;font-size:1.6em;color:#fff;padding: 10px 0 15px 0;font-weight:normal;}
.card_3 h4 a{color:#fff;}

.card_3 h5{font-size:1.3em;color:#fff;padding:0 0 10px 0;font-weight:normal;}
.card_3 h5 a{color:#fff;}




}


@media all and (max-width: 650px) {

.row_start{
width:100%;
margin:0px auto;
}

.column_start {
float:none;
  width: 70%;
  padding: 0 0px;
  margin:0 auto;
  min-height:0px;


}

.column_start2 {
float:none;
  width: 100%;
  padding: 0 10px;
  margin:0 auto;
  min-height:0px;
}


.column_start3 {
float:none;
  width: 90%;
  padding: 0 0px;
  margin:0 auto;
  min-height:0px;
}


.card_1 {
  margin-top:30px;
  padding: 25px 0 15px 0px;
  background-color: rgba(200,200,200,0.1);
}



.card_3 {
  padding: 0;
  background-color: rgba(200,200,200,0);
  color:#fff;
  min-height:0px;
  }

.card_2 {
text-align:center;
}


}





@media all and (max-width: 500px) {

.column_start {
  width: 95%;
}
}