/* ------- grid ------  */
.outergrid {
	display: grid;
	grid-template-areas: 'header header header header'
						'. row-icons row-icons .'
						'. headline headline .'
						'. imgcol txtcol .'
						'. spacerow spacerow .'
						'footer footer footer footer';
	grid-template-columns: 1fr 20% 50% 1fr;
	grid-template-rows: auto auto auto auto 1fr auto;
	grid-row-gap: 5px;
	min-height: 100vh;
}

.headline {
	grid-area: headline;
}

.imgcol {
	grid-area: imgcol;
	text-align: left;

}
.txtcol {
	grid-area: txtcol;
	padding: 1em;
}

.spacerow {
	grid-area: spacerow;
}


.outergrid p {
/*	color: rgb(67, 67, 67);*/
	color: rgb(128, 128, 128);
/*	margin: 1em 3em 0 1em;*/
/*	max-width: 75%;*/
	font-size: 0.9em;
}


.imgcol img {
	width: 80%;
/*	max-width: 300px;*/
/*	border: 4px white solid;*/
/*	padding: 2em;*/
	box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.4), 0 6px 20px 2px rgba(0, 0, 0, 0.39);
}


@media (max-width: 40rem) {
	.outergrid {
		display: grid;
		grid-template-areas: 'header header header header '
						'. row-icons row-icons .'
						'. headline headline .'
						'. imgcol txtcol .'
						'. spacerow spacerow .'
						'footer footer footer footer';
		grid-template-columns: 1fr 35% 60% 1fr;
		grid-template-rows: auto auto auto auto 1fr auto;
	}
	.imgcol img {
		width: 90%;

	}
}

#ChorfensterJesus img {
	width: 80%; 
	max-width: 650px;
	box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.4), 0 6px 20px 2px rgba(0, 0, 0, 0.39);
}