/*
############################################
# ICONs 
############################################

<span class="icon icon-search"></span>

<span class="icon icon-standort"></span>
<span class="icon icon-mail"></span>
<span class="icon icon-formular"></span>

/**/






/* standard-icons */

span.icon {
	display: inline-block;
	vertical-align: middle;

	padding: 0;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-position: 0 0;
	

	background-image: url("../Icons/rawa-icons.png");
	background-image: url("../Icons/rawa-icons.svg");

	
	width: 32px;
	height: 22px;
}



span.icon.icon-flag-de       { background-position:   0px        0px; }
span.icon.icon-flag-en       { background-position:   0px     -100px; }
span.icon.icon-flag-fr       { background-position:   0px     -200px; }
span.icon.icon-flag-es       { background-position:   0px     -300px; }
span.icon.icon-flag-it       { background-position:   0px     -400px; }
span.icon.icon-flag-pl       { background-position:   0px     -500px; }
span.icon.icon-flag-cz       { background-position:   0px     -600px; }
span.icon.icon-search        { background-position:   0px     -700px; }
span.icon.icon-next          { background-position:   0px     -800px; }
span.icon.icon-prev          { background-position:   0px     -900px; }
span.icon.icon-tel           { background-position:   0px     -1000px; }

span.icon.icon-next:hover { background-position: -100px -800px; }
span.icon.icon-prev:hover { background-position: -100px -900px; }

span.icon.icon-next, 
span.icon.icon-prev { 
	width: 21px; height: 74px; 
}

span.icon.icon-search { width: 25px; height: 25px; }
span.icon.icon-tel { width: 30px; height: 30px; }