.KundenChat_IFrame{
	overflow-x:hidden;
	background:white;
}

.zeit {
position: relative;
text-align: left;
margin:1px 89%;

font-size:10pt;
font-family:arial, "lucida console", sans-serif;

}


@media screen and (min-width: 999px) and (max-width: 1001px) {
	

.KundenChat_IFrame{
	width:100%;
	height:100%;
	background-color:;
	overflow-x:hidden;
}


.message-out{

width:350px;
margin: 20px 200px;


/*top:10px;*/
text-align: left;
height: auto;
padding-bottom: 5px;
padding:10px;
background: #fffff0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:white outset 2px;
color: black;
font-size:13pt;
font-family:arial, "lucida console", sans-serif;
 
}


.message-in{
position: relative;
text-align: left;
margin:5px 300px;
          
width:350px;
height: auto;
padding-bottom: 5px;

background-color: #A9F5A9;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:white outset 2px;

padding: 10px;


color: black;
font-size:13pt;
font-family:arial, "lucida console", sans-serif;

}



.Nachricht_senden {

  position: fixed; 
  left: 60px;
  bottom: 0px; 
  height: 64px;
  width: 100%; 

}

.Nachricht_senden .form input[type=text]{
  
  position:absolute;
  margin:3px 10px; 
  width: 700px;
    
  height:40px;
  background:#F0F0F0;
  border:0;
  color:black;
  font-weight:normal;
  line-height:40px;
  padding-left:5px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  border:white outset 2px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:15px;
  
}

.Nachricht_senden .form input[type=submit] {
 
  position:absolute;
  width:100px;
  margin:3px 75%;
  height:45px;
  background:#F0F0F0;
  border:0;
  color:black;
  
  font-weight:bold;
  line-height:40px;
  padding-left:5px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  border:white outset 2px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:1px;
  overflow:hidden;
}

}

@media screen and (min-width: 799px) and (max-width: 998px) {

.KundenChat_IFrame{
	width:100%;
	height:100%;
	background:;
}

.message-out{

width:350px;
margin: 20px 200px;


/*top:10px;*/
text-align: left;
height: auto;
padding-bottom: 5px;
padding:10px;
background: #fffff0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:white outset 2px;
color: black;
font-size:13pt;
font-family:arial, "lucida console", sans-serif;
 
}



.message-in{
position: relative;
text-align: left;
margin:5px 350px;
          
width:350px;
height: auto;
padding-bottom: 5px;

background-color: #A9F5A9;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:white outset 2px;

padding: 10px;


color: black;
font-size:13pt;
font-family:arial, "lucida console", sans-serif;

  
}



.Nachricht_senden {

  position: fixed; 
  left: 60px;
  bottom: 0px; 
  height: 64px;
  width: 100%; 
 /* background: #E0E0E0;*/
}

.Nachricht_senden .form input[type=text]{
  
  position:absolute;
  margin:3px 10px; 
  width: 500px;
    
  height:40px;
  background:#F0F0F0;
  border:0;
  color:black;
  font-weight:normal;
  line-height:40px;
  padding-left:5px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  border:white outset 2px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:15px;
  
}

.Nachricht_senden .form input[type=submit] {
 
  position:absolute;
  width:100px;
  margin:3px 75%;
  height:45px;
  background:#F0F0F0;
  border:0;
  color:black;
  
  font-weight:bold;
  line-height:40px;
  padding-left:5px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  border:white outset 2px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:1px;
  overflow:hidden;
}

}

@media screen and (min-width: 580px) and (max-width: 798px) {

.KundenChat_IFrame{
	width: 0;
    height: 0;
	
    min-width: 100%;
    min-height: 400px;
	background:;
		-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
	
}

.message-out{

width:250px;
margin: 20px 80px;


/*top:10px;*/
text-align: left;
height: auto;
padding-bottom: 5px;
padding:10px;
background: #fffff0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:white outset 2px;
color: black;
font-size:13pt;
font-family:arial, "lucida console", sans-serif;
 
}



.message-in{
position: relative;
text-align: left;
margin:5px 250px;
          
width:250px;
height: auto;
padding-bottom: 5px;

background-color: #A9F5A9;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:white outset 2px;

padding: 10px;


color: black;
font-size:13pt;
font-family:arial, "lucida console", sans-serif;

  
}



.Nachricht_senden {

  position: fixed; 
  left: 60px;
  bottom: 0px; 
  height: 64px;
  width: 100%; 
 /* background: #E0E0E0;*/
}

.Nachricht_senden .form input[type=text]{
  
  position:absolute;
  margin:3px -51px; 
  width: 400px;
    
  height:40px;
  background:#F0F0F0;
  border:0;
  color:black;
  font-weight:normal;
  line-height:40px;
  padding-left:5px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  border:white outset 2px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:15px;
  
}

.Nachricht_senden .form input[type=submit] {
 
  position:absolute;
  width:100px;
  margin:3px 400px;
  height:45px;
  background:#F0F0F0;
  border:0;
  color:black;
  
  font-weight:bold;
  line-height:40px;
  padding-left:5px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  border:white outset 2px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:1px;
  overflow:hidden;
}

}

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

@supports(-webkit-overflow-scrolling: touch) {
	
.KundenChat_IFrame{
	
	position:relative;
	width: 0;
    height: 0;
	background:;
    min-width: 100%;
    min-height:290px;
	max-height:100%;
	margin: 0 0;
	
		-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
	
}

}

@supports not (-webkit-overflow-scrolling: touch) {
	
.KundenChat_IFrame{
	
	position:relative;
	background:;
    max-width: 100%;
    max-height:100%;
	margin: 0 0;
	
  	overflow-y: auto;
	
}

}

._1lo-H {
position: relative;
left:32%;

font-size:12pt;
font-family:arial, "lucida console", sans-serif;

}

._3fnHB {
position: relative;
text-align: left;
margin:0px 78%;

font-size:10pt;
font-family:arial, "lucida console", sans-serif;

}

.message-out{

width:auto;
max-width:250px;
margin: 20px;

/*left: 100px;
top:10px;*/
text-align: auto;
height: auto;
padding-bottom: 5px;
background: #fffff0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:white outset 2px;
color: black;
font-size:13pt;
font-family:arial, "lucida console", sans-serif;
 

}


.message-out p{
  color: black;
  font-size:16px;
  margin: 3px 5px auto;
    
}


.message-in{
/*position: relative;*/
text-align: center-left;
margin:5px 15px 0 15px;
          
width:auto;
max-width:250px;
height: auto;
padding-bottom: 5px;

background-color: #A9F5A9;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:white outset 2px;
color: black;
font-size:13pt;
font-family:arial, "lucida console", sans-serif;
 


position: relative;
padding: 10px;
margin-left:10%;
margin:0 auto;
}

.message-in p{
  color: black;
  font-size:16px;
  margin: 3px 5px auto;
  text-align: auto;
  width:30%;  
}



.Nachricht_senden .form input[type=text]{
  
  position:absolute;
  margin:3px 10px; 
  width: 70%;
    
  height:40px;
  background:#F0F0F0;
  border:0;
  color:black;
  font-weight:normal;
  line-height:40px;
  padding-left:5px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  border:white outset 2px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:15px;
  
}

.Nachricht_senden .form input[type=submit] {
 
  position:absolute;
  width:auto;
  margin:3px 80%;
  height:45px;
  background:#F0F0F0;
  border:0;
  color:black;
  
  font-weight:bold;
  line-height:40px;
  padding-left:15px;
  -webkit-appearance: none;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  border:white outset 2px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:1px;
  overflow:hidden;
}



@media (max-width: 250px){
	
.Nachricht_senden {
  
  width: auto;
  height:50px;
  background-color:;
  /*border:0px solid #F0F0F0;*/
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  flex-direction: row;
  
}

.Nachricht_senden .form input[type=text]{
  
  position:absolute;
  margin:3px 5px; 
  /*width: 110px;*/
  width: 65%;  
  height:40px;
  background:#F0F0F0;
  border:0;
  color:black;
  font-weight:normal;
  line-height:40px;
  padding-left:5px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  border:white outset 2px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:15px;
  
  
}

.Nachricht_senden .form input[type=submit] {
 
  position:absolute;
  width:auto;
  margin:3px 75%;
   
  height:45px;
  background:#F0F0F0;
  border:0;
  color:black;
  
  font-weight:bold;
  line-height:40px;
  padding:auto;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  border:white outset 2px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:1px;
  overflow:hidden;
}

}


}