@media all {

body {
	font-family:Tahoma, Geneva, sans-serif; 
	 font-size: 100%;
	 margin: auto;
	 background-image: url(bild-vorlage.jpg);
	 background-repeat:no-repeat;
}

/* komplette Seite */

#apDiv1 {
	     width: 95%;
		 margin-top:0;
		 margin-right:auto;
		 margin-bottom: 0;
		 margin-left:auto;
		 text-align:center;
		 height:90%;
		
		 }



	
#suchmaschinenoptimierung {
	display:none;
	}


	

/* Divcontainer */

text, content, side {
	float: left;

}

h1 {
	    letter-spacing: .1em;
		font-weight: normal;
		text-align: center;
		color: #333;	
		font-size: 150%;
		padding-left: 4%;
}
p {
	    letter-spacing: .1em;
		font-weight: normal;
		text-align: left;
		padding-left:5%;
		padding-right:5%;
		color: #333;	
		font-size: 100%;
		padding-left: 4%;
}


#bild {
   	text-align:center;
	width: 50%;
	}

#bild-1 {
   	text-align:center;
	width: 40%;
	}

.link  {color: #333;
     line-height: 180%;
    font-size: 120%;
	font-weight: bold;
	text-align:center;
}
.link a {color: #333;
	font-weight: bold;
	text-decoration:none;

}

.link a:hover {color: #c9b59b;
}


.bg {background-color:rgba(255,255,255,0.6);

}

.footer {
	float: left;
	text-align: center;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 0;
	border-top: 4px solid #565454;

}

}

@media screen and  (min-width: 1150px) {
    
	#apDiv1 {
	     width: 1800px;
}

#bild {
   	text-align:center;
	width:70%;
	}
	
}

@media screen and  (max-width: 900px) {
		
/* Main */
	
	#bild {
   	text-align:center;
	width:90%;
	}
	
	
	
}

@media screen and (max-width: 40em) {
	
	
/* Divcontainer */

body {
	
	 background-image: url(bild-vorlage-1.jpg);
	 background-repeat:no-repeat;
	 background-color:#fffae2;
}


text, content, side {
	float: left;
	border-right: 0 ;

}

#bild {
   	text-align:center;
	width:100%;
	}


.link  {color: #333;
    font-size: 110%;
	line-height: 150%;
	font-weight: bold;
}
.link a {color: #333;
	font-weight: bold;
	text-decoration:none;

}

.link a:hover {color: #960000;
}

 a[href^="tel"]:link,

  a[href^="tel"]:visited,

  a[href^="tel"]:hover {

      text-decoration: underline;

      color: #960000;

   }
}