/* ----------------------------------------------------------------------------- *
 *                           Styles der Basisversion                             *
 * ----------------------------------------------------------------------------- */
/*geschichte*/
#geschichte{
	background-color:#f6f6f6;
}

#geschichte h3{
	margin-top:2em;
}

#geschichte p{
	margin:2em auto;
}

/*team*/
#team .page_width{
	
}

.worker{
	display:flex;
	flex-direction:column;
	padding-bottom:4em;
}

#team h2{
	font-size:1.75em;
	margin-bottom:2em;
}

#team h3{
	margin-top:1.75em;
}

#team img{
	box-shadow: 0 0.5rem 1rem #000;
}

/*leistungen + dokumente + aufbahrung + trauerdruck*/
#leistungen, #dokumente, #aufbahrung, #trauerdruck{
	background-color:#f6f6f6;
}

#leistungen .page_width, #dokumente .page_width, #aufbahrung .page_width, #trauerdruck .page_width{
    max-width:460px;
}

#leistungen ul, #dokumente ul, #aufbahrung ul, #trauerdruck ul{
	background-color:#fff;
	border-radius:0.25rem;
	box-shadow: 0 0.5rem 1rem #000;
	padding:3rem!important;
}

/*leistungen*/
#leistungen h3{
	margin-top:4em;
}

/*dokumente*/
#dokumente{
	
}

/*bestattungsarten*/
#bestattungsarten{
	
}

/*aufbahrung*/
#aufbahrung p{
	margin:4em auto;
}

/*trauerdruck*/
#trauerdruck{
	
}

/*vorsorge*/
#vorsorge{
	
}

/*kontaktformular*/
#kontakt{
	background-color:#000;
	transform: skewY(-2deg);
}

#kontakt > div{
	max-width:580px;
	margin:auto;
	/*padding: 3em 0 200px;*/
	transform: skewY(2deg);
	/*margin: 40px auto -300px;*/
}

#kontakt h2, #kontakt label, #kontakt p{
	color:#fff;
}

form{
	margin-top:1.25em;
}

input[type="text"], input[type="email"], textarea {
  	width:100%;
	margin-bottom:1em;
}

input[type="text"], input[type="email"]{
	height:2em;
}

input[type="submit"] {
	margin-top:1em;
	border:0;
	padding:5px;
	background-color:#fff!important;
	color:#000;
}

textarea{
	min-height:4em;
}

/*traueranzeigen*/
#traueranzeigen{
	max-width:580px;
	margin:auto;
}

#traueranzeigen .page_width > h2{
	margin:2.5em auto;
	font-size:2em;
}

#traueranzeigen h3{
	font-size:1.125em;
	margin:.5em auto;
}

.pic_section{
	display:flex;
	margin-bottom:2em;
}

.anzeige{
	margin-bottom:7em;
}

.anzeige:last-child{
	margin-bottom:0;
}

.pic_section{
	max-height:160px;
}

.pic_section img{
	margin-left:20px;
}

.txt_section{
	max-width:360px;
}

/* ----------------------------------------------------------------------------- *
 *                           Styles ab Tabletversion                             *
 *                          750px / 16px/em = 46.875em                           *
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 46.875em) {
	/*geschichte*/
	#geschichte h2{
		font-size:2.875em;
	}
	
	/*bestattungsarten*/
	#bestattungsarten h2{
		font-size:2.25em;
	}
	
	/*team*/
	.worker{
		flex-direction:row;
	}

	.worker img{
		min-width:250px;
	}
	
	.worker > div{
		padding-left:1.5em;
	}
	
	/*vorsorge*/
	#vorsorge h2{
		font-size:1.75em;
	}
}

/* ----------------------------------------------------------------------------- *
 *                          Styles für kleine Desktops                           *
 *                           1024px / 16px/em = 64em                             *
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 64em) {

}

/* ----------------------------------------------------------------------------- *
 *                          Styles für große Desktops                            *
 *                           1248px / 16px/em = 78em                             *
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 78em) {
	/*geschichte*/
	#geschichte h3{
		margin:4em auto;
	}	

	#geschichte img{
		margin:4em auto;
	}
	
	/*bestattungsarten*/
	#bestattungsarten h2{
		font-size:3.75em;
	}
	
	#bestattungsarten h3{
		font-size:1.75em;
		margin:2em auto;
	}
	
	/*vorsorge*/
	#vorsorge h2{
		font-size:2.75em;
	}

}

/* ----------------------------------------------------------------------------- *
 *                         Styles für sehr große Desktops                        *
 *                           1580px / 16px/em = 98.75em                          *
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 98.75em) {
}