@media screen and (max-width: 799px) {
  div#Kacheln_top {
  display: flex;
  flex-direction: column;
  width: 100%;
  }

  div#Kachel_1 {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  padding:0px;
  margin: 0 0 20px 0;
  font-size:13px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6);
  color:#ffffff;
  border : #999 solid 1px;
  background-color : #fff;
  text-align: left;
  }
  
  div#Kachel_2 {
  position: relative;
  top: 0px;
  width: 100%;
  left: 0px;
  padding:0px;
  margin: 0 0 20px 0;
  font-size:13px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6);
  color:#ffffff;
  border : #999 solid 1px;
  background-color : #fff;
  text-align: left;
  }
  
  div#Kachel_3 {
  position: relative;
  top: 0px;
  width: 100%;
  left: 0px;
  padding:0px;
  margin: 0 0 20px 0;
  font-size:13px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6);
  color:#ffffff;
  border : #999 solid 1px;
  background-color : #fff;
  text-align: left;
  }

  .Bild_Kachel {
  width: 300px;
  margin: 0 20px 0 0;
  }      

}


@media screen and (min-width: 800px) and (max-width: 999px) {
  div#Kacheln_top {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 0 0 -60px 0;
  }
  
  div#Kachel_1 {
  position: relative;
  top: -80px;
  left: 0px;
  width: 31%;
  height: 460px;
  padding:0px;
  margin: 0 0 -30px 0;
  font-size:13px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6);
  color:#ffffff;
  border : #999 solid 1px;
  background-color : #fff;
  text-align: left;
  }
  
  div#Kachel_2 {
  position: relative;
  top: -80px;
  width: 31%;
  left: 20px;
  height: 460px;
  padding:0px;
  margin: 0 0 -30px 0;
  font-size:13px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6);
  color:#ffffff;
  border : #999 solid 1px;
  background-color : #fff;
  text-align: left;
  }
  
  div#Kachel_3 {
  position: relative;
  top: -80px;
  width: 31%;
  left: 40px;
  height: 460px;
  padding:0px;
  margin: 0 0 -30px 0;
  font-size:13px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6);
  color:#ffffff;
  border : #999 solid 1px;
  background-color : #fff;
  text-align: left;
  }

  .Bild_Kachel {
  width: 100%;
  margin: 0 0 20px 0;
  }    
}


@media screen and (min-width: 1000px) and (max-width: 1199px) {
  div#Kacheln_top {
  display: flex;
  flex-direction: column;
  width: 100%;
  }

  div#Kachel_1 {
  position: relative;
  top: -80px;
  left: 0px;
  width: 100%;
  padding:0px;
  margin: 0 0 20px 0;
  font-size:17px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6);
  color:#ffffff;
  border : #999 solid 1px;
  background-color : #fff;
  text-align: left;
  }
  
  div#Kachel_2 {
  position: relative;
  top: -80px;
  width: 100%;
  left: 0px;
  padding:0px;
  margin: 0 0 20px 0;
  font-size:17px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6);
  color:#ffffff;
  border : #999 solid 1px;
  background-color : #fff;
  text-align: left;
  }
  
  div#Kachel_3 {
  position: relative;
  top: -80px;
  width: 100%;
  left: 0px;
  padding:0px;
  margin: 0 0 -60px 0;
  font-size:17px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6);
  color:#ffffff;
  border : #999 solid 1px;
  background-color : #fff;
  text-align: left;
  }

  .Bild_Kachel {
  width: 300px;
  margin: 0 20px 0 0;
  }    
}




@media screen and (min-width: 1200px) {
  div#Kacheln_top {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 0 0 -60px 0;
  }
  
  div#Kachel_1 {
  position: relative;
  top: -100px;
  left: 0px;
  width: 260px;
  height: 440px;
  padding:0px;
  margin: 0 0 -30px 0;
  font-size:13px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6);
  color:#ffffff;
  border : #999 solid 1px;
  background-color : #fff;
  text-align: left;
  }
  
  div#Kachel_2 {
  position: relative;
  top: -100px;
  width: 260px;
  left: 20px;
  height: 440px;
  padding:0px;
  margin: 0 0 -30px 0;
  font-size:13px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6);
  color:#ffffff;
  border : #999 solid 1px;
  background-color : #fff;
  text-align: left;
  }
  
  div#Kachel_3 {
  position: relative;
  top: -100px;
  width: 260px;
  left: 40px;
  height: 440px;
  padding:0px;
  margin: 0 0 -30px 0;
  font-size:13px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6);
  color:#ffffff;
  border : #999 solid 1px;
  background-color : #fff;
  text-align: left;
  }

  .Bild_Kachel {
  width: 100%;
  margin: 0 0 0px 0;
  }    
}


@media screen and (max-width: 599px) {
  .Bild_Kachel {
  width: 100%;
  margin: 0 0 10px 0;
  }      

}