#chat_wrapper{

	width:90%;
	max-width:900px;
	position:fixed;
	top:0px;
	right:-14%;
	background-color:#fff;
	padding:1em;
	 
	 box-shadow: 0 4px 15px rgba(0,0,0,0.1);
	 z-index:1;
	 
	 -webkit-border-top-left-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-bottomleft: 12px;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
	 
}


.avatar_btn_mini img{

width:50px;
background-color:#fff;

}

#chat-input-container{

display:none;

}

#avatar_btns_side{

width:90%;
float:left;
padding:1em;

}

.avatar_btn_mini {
cursor:pointer;
width:68px;
background-color:#fff;
border-radius:12px;
border:0px;
 box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

#chat_output{

font-size:1.1em;
width:90%;
line-height:1.4em;
padding:1em;
}

#chat_clickfahne{

 box-shadow: 0 1px 3px rgba(0,0,0,0.41);
position:fixed;
right:0px;
bottom:20px;
background-color:#FF4780;
color:#FFF;
padding:0.8em;
z-index:9999;
 
height:22px;
border-radius:44px;

font-size:1.2em;
-webkit-border-bottom-right-radius: 0;

-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;

-webkit-border-top-right-radius: 0;

-moz-border-radius-topright: 0;
border-top-right-radius: 0;
padding-right:28px;

}


body.no-scroll {
            overflow: hidden;
}

#chat_overlay {
  position: fixed;
  top: 0;
  right: -100%; /* Startet außerhalb des Bildschirms */
  width: 96%;
  height: 100vh;
  background: white;
  box-shadow: -2px 0 10px rgba(0,0,0,0.3);
  transition: right 0.3s ease;
  z-index: 1000;
  max-width:900px;
  border-left: 12px solid #FF4780;
   overflow-y: auto;
   
   border-bottom:200px solid #EFEFEF;
   padding-bottom:20px;
}

#chat_overlay.active {
  right: 0; /* Komplett sichtbar */
}

#chat_overlay-content {
  padding: 20px;
}