@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/


	


#bild_rechts
{
	background-image:url(../images/tropfen.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	width: 235px;
	height: 240px;
	float:right;

}





@media only screen and (max-width: 480px) {


/* Mobile Layout: 480px and below. */


#div2 {
	background-image:url(../images/Banner/handy_varianten/Handy_Pauline4.png);
	width:100%;
	height:100px;
	background-repeat:no-repeat;
	background-size:cover;
	border:#036 thin outset;
	}
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
	
	#div2 {
background-image:url(../images/Banner/Pauline3.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:150px;
	border-left:#036 thin outset;
	border-right:#036 thin outset;
}
	


}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
#div2 {
background-image:url(../images/Banner/Pauline3.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:210px;
	border-left:#036 thin outset;
	border-right:#036 thin outset;
}
	


}