@charset "utf-8";
/* © Bestattungen Schwane, mobil.css */
/* © Gamradt Webdesign*/



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

	@media only screen and (max-height:768px){
		
		footer#fuss_links{
			position:relative;
			width:96%;
			margin-top:15%;
			padding-top:1em;
			border-top:solid rgba(231,224,210,0.6);
		
			}
			
		section#links{
			padding-top: 1%;
		}
		
		
		section#rechts{
			padding-top:1%;
		}
			
		header#hd_article{
			padding-bottom:0;
		}	
		
		
		nav_links_unten p.wie_address{padding-bottom:0;}

		.handschrift {
			font-size:2.0em;
			line-height:1.2;
			padding-bottom:0;
			}
		
	}
}

/*Ende kl. whitescreens max-height:768px */

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

#container_inhalt{
	width:100%;
}

section#links{
	padding-top: 2%;
}


header#hd_logo{
	margin-bottom:25%;
	}

section#rechts{
	width: 55.5555555555556%;
	padding-top: 5%;
}

header#hd_article{
	padding-bottom:4%;
	}

img#logo{width:100%;}


footer#fuss_links{
	position:relative;
	width:96%;
	margin-top:35%;
	padding-top:1em;
	border-top:solid rgba(231,224,210,0.6);

	}		
}
/*Ende max-width:1024px */


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

#container_inhalt{
	width:100%;
}

section#links{
	padding-top: 2%;
	padding-left:0.5%;
	padding-right:0.5%;
	width: 32%;
}


section#rechts{
	width: 60%;
	padding-top: 5%;
}

header#hd_article{
	padding-bottom:4%;
	}

img#logo{width:100%;}


footer#fuss_links{
	position:relative;
	width:96%;
	margin-top:35%;
	padding-top:1em;
	padding-right:0;
	border-top:solid rgba(231,224,210,0.6);

	}	
	
	
h1 {
	font-size: 1.6em;		
}

}


/* Ende max-width:768 */

@media only screen and (max-width:480px){
	
	
#container {
	height:auto;
	position:relative;
	background-image: url(../images/bg-mobil.jpg); 
	}	

#container_inhalt{
	width:100%;
}

section#links{
	float: none;
	width: 95%;
	padding-bottom:0;
	margin-bottom:0.5em;
	background-color: rgba(223,220,212,0.75);
}
header#hd_logo{
	margin-bottom:7%;
	}
	
	
img#logo{
	width:50%;
	}

section#rechts{
	float:none;
	width: 95%;
	padding-top: 1.5em;
	padding-bottom:0;
	
}

header#hd_article{padding-bottom:0;}
	
footer#fuss_links{
	position:relative;
	width:70%;
	float:left;
	margin:0;
	padding:0;
	border-top:none;
	}	
	
#webdesign{
	position:relative;
	width:100%;
	text-align:center;
	font-size:0.9em;	
	}

/*Toggle Menü */

/*Bereich Menübutton */

nav#nav_mobil{
	display:block;
	float:right;
	width: 20%;
	height:10%;
	}
	
nav#nav_mobil img {margin-top:40%;}
	
nav#nav_links{
	margin-top: 21.3em;
	left: 0;
	position: absolute;
	top: 0px;
	width:95%;
	min-height: 0.01em;
    height:0.01em;
	overflow: hidden;
	background-color: rgba(223,220,212,0.75);	
}


span.menu-btn{display:inline;}

a.open{display:inline;margin:0;padding:0;}
a.close{display:none;}

#menu-open:target a.open{display:none;}
#menu-open:target a.close{display:inline;}


#menu-open:target nav#nav_links{
  height:22.8em;
}
#menu-open:target section#rechts{
	margin-top:23.7em;
}

nav#nav_links,section#rechts {transition: .5s;}	



nav_links_unten p.wie_address{padding-bottom:0;}
h1 {font-size: 1.3em;padding-bottom:0.8em;}
h3 {font-size: 1.2em;font-weight:bold;}
address{font-size:1.15em;}
.wie_address{font-size:1.15em;}
address a{font-size:1em;font-weight:normal;}
.handschrift {
	font-size:2.0em;
	line-height:1.2;

	}
}

/* Ende max-width:480 */


@media only screen and (min-width:768px){
    
    .gross {font-size:1.5em;}
    
}