#chatwrap {
	max-width:700px;	
	margin: auto;
}
.bubble {
	margin-top:20px !important;
	padding:5px 10px;
	border-radius: 5px;
	margin: 5px;
	max-width: 400px;
	position:relative;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.sprecher-benutzer .bubble{
	background:beige;
	margin-left: auto;
	margin-right: 5px;
}
.sprecher-bot .bubble{
	background:lightgreen;
}
.sprecher-bot .bubble a {
	color:darkgreen;
	font-weight:bold;
}
.sprecher-bot .bubble::before {
	content:"";
	background:url("/src/img/peasant-g144d0faa6_640.jpg");
	width: 60px;
	height: 60px;
	position: absolute;
	left: -70px;
	top: 0;
	background-size: contain;
	border-radius: 50%;
	border: 3px solid lightgreen;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.chatbox {
	margin-top:20px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.sprecher-benutzer::before {
	content:"";
}
.auswahl-button {
	background: lightgreen;
	margin: 0 10px;
	border: none;
	padding: 5px 10px;
	border-radius: 25px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	margin-top: 15px;
}
.auswahl-button:hover {
	background:lightblue;
}