Hallo Matthias,
:before ist ja gar nicht so schlecht wie ich eigentlich dachte!
.telefon {
width:276px;
height:30px;
background-color:#65140a;
border-radius:7px;
}
.telefon p:before {
content:url(http://fs1.directupload.net/images/141207/ucr5sk4o.png);
}
.telefon p {
color:#b6c3d0;
font-weight:bold;
font-size:.85em;
letter-spacing:2px;
display:block;
padding:8px 0 8px 7em;
text-transform:uppercase;
}
<div class="telefon">
<p>Rückrufservice</p>
</div>
http://jsfiddle.net/sweu022f/1/
Nur wie bekomme ich nun den Kreis mit dem Schatten hin?