/* custom css for fv-kirchengemeinde-baddueben.de */
/* =============== Hintergruende ================ */
	
	.hintergruende { background: #964b45 url(../image/hintergruende/banner_hintergruende_xs.jpg) no-repeat center; height: 168px; }
		
	h4, p { font-family: 'Open Sans', sans-serif; color: #fff; }
	h4 {		
		font-weight: 600;
		font-size: 1.25rem;
	}
	
	p {
		font-weight: 300;
		font-size: 120%;
	}

	#box_hintergruende_1 {
		background-color: #617778;
		margin: 1.5em 0 0 0;
	}
	
	#box_hintergruende_1 h4, #box_hintergruende_5 h4, #box_hintergruende_7 h4 {
		 padding: 1em 1em 0 1em;
	}
	
	#box_hintergruende_1 p, #box_hintergruende_5 p, #box_hintergruende_7 p {
		padding: 1em 1.5em 1em 1.5em;
		font-size: 95%;
		line-height: 1.25em;
	}
	
	#box_hintergruende_2 {
		display: none;
	}
	
	#box_hintergruende_3 {
		display: none;
	}
	
	#box_hintergruende_4 {
		display: none;
	}
	
	#box_hintergruende_5 {
		background-color: #395556;
		margin: 1.5em 0 0 0;	
	}
	
	#box_hintergruende_6 {
		display: none;
	}
	
	#box_hintergruende_6a {
		display: none;
	}
	
	#box_hintergruende_7 {
		background-color: #88999a;
		margin: 1em 0 4em 0;	
	}
	
@media (min-width: 576px) {

	.hintergruende { background: #964b45 url(../image/hintergruende/banner_hintergruende_sm.jpg) no-repeat center; height: 200px; }
	
	#box_hintergruende_2 {
		display: block;
		width: 510px; height: 372px;
		background: #fff url(../image/hintergruende/grafik_relief_sm.jpg) no-repeat;
		margin: 1.5em 0 0 0;
	}
}

@media (min-width: 768px) {

	.hintergruende { background: #964b45 url(../image/hintergruende/banner_hintergruende_md.jpg) no-repeat center; height: 242px; }
	
	#box_hintergruende_1 {
		background-color: #617778;
		margin: 2em 0 0 0;
	}
	
	#box_hintergruende_1 h4, #box_hintergruende_5 h4, #box_hintergruende_7 h4 {
		 padding: 1em 1em 0 1em;
	}
	
	#box_hintergruende_1 p, #box_hintergruende_5 p, #box_hintergruende_7 p {
		padding: 1em 1.5em 1em 1.5em;
		font-size: 95%;
		line-height: 1.25em;
	}
	
	#box_hintergruende_2 {
		display: block;
		width: 390px; height: 270px;
		background: #fff url(../image/hintergruende/grafik_relief_md.jpg) no-repeat;
		margin: 2em 0 0 0;
	}
	
	#box_hintergruende_3 {
		display: block;
		width: 270px; height: 520px;
		background: #fff url(../image/hintergruende/grafik_orgel_md.jpg) no-repeat;
		margin: 2em 0 0 0;
	}
	
	#box_hintergruende_4 {
		display: block;
		width: 270px; height: 270px;
		background: #fff url(../image/hintergruende/grafik_spruch_md.jpg) center center no-repeat;
		margin: 2em 0 0 0;
	}
	
	#box_hintergruende_5 {
		background-color: #395556;
		margin: 1.75em 0 0 0;	
	}
	
	#box_hintergruende_6 {
		display: block;
		width: 270px; height: 363px;
		background: #fff url(../image/hintergruende/grafik_gebaeude_md.jpg) center center no-repeat;
		margin: 1em 0 0 0;
	}
	
	#box_hintergruende_6a {
		display: block;
		width: 270px; height: 116px;
		background: #fff url(../image/hintergruende/grafik_korb_md.jpg) center center no-repeat;
		margin: 2em 0 2em 0;
	}
	
	#box_hintergruende_7 {
		background-color: #88999a;
		margin: 1em 0 4em 0;	
	}
}

@media (min-width: 992px) {

	.hintergruende { background: #964b45 url(../image/hintergruende/banner_hintergruende_lg.jpg) no-repeat center; height: 290px; }
	
	#box_hintergruende_1 {
		width: 530px;
		background-color: #617778;
		margin: 2em 0 0 0;
	}
	
	#box_hintergruende_1 h4, #box_hintergruende_5 h4, #box_hintergruende_7 h4 {
		 padding: 1em 1em 0 1.5em;
	}
	
	#box_hintergruende_1 p, #box_hintergruende_5 p, #box_hintergruende_7 p {
		padding: 1em 1.5em 1em 1.5em;
		font-size: 100%;
		line-height: 1.25em;
	}
	
	#box_hintergruende_2 {
		display: block;
		width: 539px; height: 464px;
		background: #fff url(../image/hintergruende/grafik_relief_lg.jpg) no-repeat;
		margin: 1.75em 0 0 0;
	}
	
	#box_hintergruende_3 {
		display: block;
		width: 370px; height: 464px;
		background: #fff url(../image/hintergruende/grafik_orgel_lg.jpg) no-repeat;
		margin: 2em 0 0 0;
	}

	#box_hintergruende_4 {
		display: block;
		width: 370px; height: 464px;
		background: #fff url(../image/hintergruende/grafik_spruch_lg.jpg) center center no-repeat;
		margin: 2em 0 0 0;
	}
	
	#box_hintergruende_5 {
		width: 930px;
		background-color: #395556;
		margin: 1.75em 0 0 0;	
	}
	
	#box_hintergruende_6 {
		display: block;
		width: 370px; height: 428px;
		background: #fff url(../image/hintergruende/grafik_gebaeude_lg.jpg) center center no-repeat;
		margin: 1em 0 4em 0;
	}
	
	#box_hintergruende_6a {
		display: none;
	}
	
	#box_hintergruende_7 {
		width: 530px;
		background-color: #88999a;
		margin: 1em 0 4em 0;	
	}
}

@media (min-width: 1200px) {

	.hintergruende { background: #964b45 url(../image/hintergruende/banner_hintergruende_xl.jpg) no-repeat center; height: 350px; }
	
	#box_hintergruende_1 {
		width: 635px;
		background-color: #617778;
		margin: 2em 0 0 0;
	}
	
	#box_hintergruende_1 h4, #box_hintergruende_5 h4, #box_hintergruende_7 h4 {
		 padding: 1.5em 1em 0 1.25em;
	}
	
	#box_hintergruende_1 p, #box_hintergruende_5 p, #box_hintergruende_7 p {
		padding: 1.5em;
		font-size: 120%;
		line-height: 1.25em;
	}
		
	#box_hintergruende_2 {
		display: block;
		width: 635px; height: 575px;
		background: #fff url(../image/hintergruende/grafik_relief_xl.jpg) no-repeat;
		margin: 1.95em 0 0 0;
	}
	
	#box_hintergruende_3 {
		display: block;
		width: 445px; height: 575px;
		background: #fff url(../image/hintergruende/grafik_orgel_xl.jpg) no-repeat;
		margin: 2em 0 0 0;
	}
	
	#box_hintergruende_4 {
		display: block;
		width: 445px; height: 575px;
		background: #fff url(../image/hintergruende/grafik_spruch_xl.jpg) center center no-repeat;
		margin: 2em 0 0 0;
	}
	
	#box_hintergruende_5 {
		width: 1110px;
		background-color: #395556;
		margin: 1.5em 0 0 0;
	}
	
	#box_hintergruende_6 {
		display: block;
		width: 445px; height: 527px;
		background: #fff url(../image/hintergruende/grafik_gebaeude_xl.jpg) center center no-repeat;
		margin: 1em 0 4em 0;
	}
	
	#box_hintergruende_6a {
		display: none;
	}
	
	#box_hintergruende_7 {
		width: 635px;
		background-color: #88999a;
		margin: 1em 0 4em 0;	
	}
}