* {padding: 0; margin:0; }

html {  /* background: url(../bilder/grauerverlauf.png) top left repeat; */
		
		background-color:rgba(255,255,255,0.4);	background: url(../pics/Catwalk_Piercing_BG.png) 0px 0px repeat; background-attachment:fixed; background-size:cover;
		}
body { /*display:flex; */font-family: 'Cabin', sans-serif; font-size: 1em; color: rgba(87,87,87,1); /*background:rgba(255,255,255,0.4);*/ line-height:1.3;}

h1 { font-size: 1.6em; font-family: 'Cabin', sans-serif; color: #A7BAA3; /*margin-bottom:10px;*/}

h2 { font-size: 1.2em; font-family: 'Cabin', sans-serif; color: rgba(87,87,87,1); letter-spacing: 0.1em; font-weight:bolder;}

h3 { margin-bottom:20px; color:#A7BAA3; }
h4 { font-family: 'Cabin', sans-serif; font-size: 1em; margin-bottom:0px; margin-top:0px; color: rgba(87,87,87,1); /* font-weight:bold;*/}

h5 { font-weight:bolder;}


#Steuerkanzlei-Umschlag-Header img { width: 100%; height:auto; box-shadow: 0px 9px 10px black; 
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; 
border-top:4px solid rgba(175,42,25,1);
}

header {height:500px; width:100%; margin-bottom:20px; position:fixed;
		background: url(../pics/buddha-webgif-Titelbild.png) 0px 0px fixed; }
#logo { width:700px; height:300px; padding:12px 2.5% 12px 2.5%;  
}

#logo-responsive {height:0; overflow:hidden;}

#zapfino { width:926px; height: 600px; position:relative; z-index:10; top: 0px; margin: 0 auto;}
#wrapper-umschlag { width:100%;  top:20px; position:relative; left:10%; position:relative;

border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; 
background:rgba(255,255,255,0.7); padding-top:10px;
}

#mainwrapper {width:700px;  left: 10%; top:20px; position:relative;}

#Inhalt { width:90%; padding: 5%; position: relative; border-radius: 6px;  } /* responsive hier width:94%; float:left; war drin jetz aber absolute geht nicht weil sonst margin 0 auto ned geht*/
#Inhalt a { color: #AABDA0; text-decoration: none; }
#Inhalt a:hover{ color:rgba(87,87,87,1); text-decoration:underline;} 
#Inhalt img { border-radius:4px;} 



#googlesmall {height:0; overflow:hidden;}
#footer {    color: rgba(87,87,87,1) padding-top:20px; padding-bottom:20px; 
			 width:90%; top:20px; position:relative; bottom:0; left:14%; text-align:center;}
			
#footer a { color: rgba(87,87,87,1); text-decoration:none;}
#footer a:hover{ color: #AABDA0; text-decoration:underline;} 

/* Responsive Part */

@media only screen and (max-width: 900px)  {
#logo{height:0; overflow:hidden; width:0px;}
#logo-responsive{width: 100%; margin:0 auto; text-align:center; height: 10%; position:relative; padding-top:30px; padding-bottom:60px;  }
#Inhalt {padding:5%;}
#mainwrapper {width:100%; left:0;  } 
#wrapper-umschlag {left:5%; width:90%;}
#footer {left:5%;}
}

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

#logo{}
#logo-responsive{}
#Inhalt {text-align:center;}
#mainwrapper {} 
#wrapper-umschlag {}
#footer {}
}