/* KundenChat */

/* KundenChat_webfrondend */

@media screen and (min-width: 1680px) {

.Chats{
  position:relative;
  width:190px;
  height:70px;
  /*Left:10%;*/
  float:right;
  
  background-color:#F0F0F0;
  background-color:;
  border:0.2px solid #F0F0F0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin-top:5px;
}

.ChatName{
  position:relative;
  width:150px;
  height:20px;
  font-weight: bold;
  background-color:;
  top: 10px;
  left: 3px;
  
 }
 
.ChatnameMessage{
  overflow:hidden;
  position:relative;
  width:150px;
  height:16px;
  background-color:;
  top: 7px;
  left: 2px;
  text-align: left;
  margin-top:-5px;
  margin-left:2px;
 }
  
.ChatZeit{
  position:relative;
  width:40px;
  height:20px;
  font-size: 12px;
  color:#bebebe;
  font-weight: bolder;
  background-color:;
  top: -8px;
  left: 140px;
 }
.Icon_neue_Nachricht{
  position:relative;
  width:25px;
  height:25px;
  top: -15px;
  left: 160px;
}



}

@media screen and (min-width: 1280px) and (max-width: 1680px) {

.Chats {
  position:relative;
  width:190px;
  height:70px;
  /*Left:10%;*/
  float:right;
  
  background-color:#F0F0F0;
  background-color:;
  border:0.2px solid #F0F0F0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin-top:5px;
}

.ChatName{
	text-align: left;
   position:relative;
  width:150px;
  height:20px;
  font-weight: bold;
  background-color:;
  top: 10px;
  left: 7px;
 }
 
.ChatnameMessage{
  overflow:hidden;
  position:relative;
  width:150px;
  height:16px;
  background-color:;
  top: 5px;
  left: 2px;
  text-align: left;
  margin-top:-5px;
  margin-left:2px;
 }
  
.ChatZeit{
  position:relative;
  width:40px;
  height:20px;
  font-size: 12px;
  color:#bebebe;
  font-weight: bolder;
  background-color:;
  top: -8px;
  left: 140px;
 }
.Icon_neue_Nachricht{
  position:relative;
  width:25px;
  height:25px;
  top: -15px;
  left: 160px;
}



}

@media screen and (min-width: 800px) and (max-width: 1280px) {

.Chats {
  position:relative;
  width:190px;
  height:70px;
  /*Left:10%;*/
  float:right;
  top:-50px;
  background-color:#F0F0F0;
  background-color:;
  border:0.2px solid #F0F0F0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin-top:5px;
}

.ChatName{
  position:relative;
  width:150px;
  height:20px;
  font-weight: bold;
  background-color:;
  top: 10px;
  left: 7px;
 }
 
.ChatnameMessage{
  overflow:hidden;
  position:relative;
  width:150px;
  height:16px;
  background-color:;
  top: 5px;
  left: 2px;
  text-align: left;
  margin-top:-5px;
  margin-left:2px;
 }
  
.ChatZeit{
  position:relative;
  width:40px;
  height:20px;
  font-size: 12px;
  color:#bebebe;
  font-weight: bolder;
  background-color:;
  top: -8px;
  left: 140px;
 }
.Icon_neue_Nachricht{
  position:relative;
  width:25px;
  height:25px;
  top: -15px;
  left: 160px;
}



}

@media screen and (min-width: 1px) and (max-width: 800px) {

.Chats {
  position:relative;
  width:190px;
  height:70px;
  /*Left:10%;*/
  float:none;
  padding:15px;
  margin-left:5px;
  background-color:#F0F0F0;
  background-color:;
  border:0.2px solid #F0F0F0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin-top:1px;
  
}

.ChatName{
  position:relative;
  width:150px;
  height:20px;
  font-weight: bold;
  background-color:;
  top: -2px;
  left: -4px;
 }
 
.ChatnameMessage{
  overflow:hidden;
  position:relative;
  width:150px;
  height:16px;
  background-color:;
  top: -12px;
  left: -4px;
  text-align: left;
  /*margin-top:-5px;
  margin-left:2px;*/
 }
  
.ChatZeit{
  position:relative;
  width:40px;
  height:20px;
  font-size: 12px;
  color:#bebebe;
  font-weight: bolder;
  background-color:;
  top: -20px;
  left: 120px;
 }
.Icon_neue_Nachricht{
  position:relative;
  width:25px;
  height:25px;
  top: -30px;
  left: 140px;
}



}