.sprechblase {
	position: relative;
	width: 30%; /* Prozentweite der Sprechblase */
	min-width: 80px;
	padding: 10px;
	text-align: center;
	background: #fff;
	border: #000 solid 3px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* Positionierung zB. 2 nebeneinander */
	float: left;
	margin: 20px 20px 0 0;
}
 
/* Dreieck: weisse Innenfläche */
.sprechblase:after {
	content: "";
	position: absolute;
	z-index: 1;
	display: block;
	width: 0;
	top: -15px;
	left: -15px; /* Hälfe der Dreiecksweite minus Hälfte der Sprechblase */
	margin-left: 50%; /* Hälfte der Sprechblase */
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #fff transparent;
}
 
/* Dreieck: schwarzer Rahmen */
.sprechblase:before {
	content: "";
	position: absolute;
	z-index: 0;
	display: block;
	width: 0;
	top: -20px;
	left: -17px; /* Hälfe der Dreiecksweite minus Hälfte der Sprechblase */
	margin-left: 50%; /* Hälfte der Sprechblase */
	border-style: solid;
	border-width: 0 17px 17px;
	border-color: #000 transparent;
}