/*Stylesheet fuer die Provico Homepage, Version 2 vom April 2019*/

/*Setzt für alle Browser, alle Stylesheetvorgaben auf Null*/
* {	padding:0;	margin:0;
	font-size:		1em;
	line-height:	135%;
	font-style:		normal;
}

body {
	background-color:	#eeeeee;
	font-family: 		serif;
	color:				#101010;
	-ms-hyphens:		auto;
	-webkit-hyphens:	auto;
	hyphens:			auto;
	overflow-y:			scroll;
}
h1{
	letter-spacing:	0.075em;
}
h2{
	letter-spacing:	0.075em;
}
p{
	letter-spacing:	0.1em;
}

.aussenraster{
	display:				-webkit-grid;
	display:				-ms-grid;
	display:				grid;
	-webkit-grid-columns:	1fr minmax(15em, 45em) 1fr;
	-ms-grid-columns:		1fr minmax(15em, 45em) 1fr;
	grid-template-columns:	auto minmax(15em, 45em) auto;
	-webkit-grid-rows: 		auto auto auto;
	-ms-grid-rows: 			auto auto auto;
}
.inzweiteaussen{
	-webkit-grid-column:	2;
	-webkit-grid-column-span: 1;
	-ms-grid-column:	2;
	-ms-grid-column-span: 1;
	grid-column:		2 / span 1;
}
.titelblock{
	display:				-webkit-grid;
	display:				-ms-grid;
	display:				grid;
	-webkit-grid-columns:	40% 60%;
	-ms-grid-columns:		40% 60%;
	grid-template-columns:	40% 60%;
	align-items:			center;
}
.titelblock img{
	width:					100%;
	height:					auto;
}
.titelfoto{
	-webkit-grid-column:		1;
	-webkit-grid-column-span: 	1;
	-ms-grid-column:			1;
	-ms-grid-column-span:		1;
	grid-column:				1 / span 1;
}
.titelschrift{
	margin-left:	0.66em;
	-webkit-grid-column:		2;
	-webkit-grid-column-span: 	1;
	-ms-grid-column:			2;
	-ms-grid-column-span:		1;
	grid-column:				2 / span 1;
	align-self:					center;
}
.raster{
	margin-top:				0.5em;
	display:				-webkit-grid;
	display:				-ms-grid;
	display:				grid;
	-webkit-grid-columns:	1fr 1fr 1fr 1fr 1fr;
	-ms-grid-columns:		1fr 1fr 1fr 1fr 1fr;
	grid-template-columns:	repeat(5, 1fr);
	-webkit-grid-rows: 		auto auto auto auto;
	-ms-grid-rows: 			auto auto auto auto;
	align-items:			center;
}
.zeile01{
	-webkit-grid-row:	1;
	-ms-grid-row:		1;
}
.zeile02{
	-webkit-grid-row:	2;
	-ms-grid-row:		2;
}
.zeile03{
	-webkit-grid-row:	3;
	-ms-grid-row:		3;
}
.zeile04{
	-webkit-grid-row:	4;
	-ms-grid-row:		4;
}
.zeile05{
	-webkit-grid-row:	5;
	-ms-grid-row:		5;
}
.eins{
	-webkit-grid-column:		1;
	-webkit-grid-column-span: 	1;
	-ms-grid-column:			1;
	-ms-grid-column-span:		1;
	grid-column:				1 / span 1;
	align-self:					start;
}
.zweidrei{
	-webkit-grid-column:		2;
	-webkit-grid-column-span: 	2;
	-ms-grid-column:			2;
	-ms-grid-column-span:		2;
	grid-column:				2 / span 2;
}
.vierfuenf{
	-webkit-grid-column:		4;
	-webkit-grid-column-span:	2;
	-ms-grid-column:			4;
	-ms-grid-column-span:		2;
	grid-column:				4/ span 2;
}
.zweibisfuenf{
	-webkit-grid-column:		2;
	-webkit-grid-column-span:	4;
	-ms-grid-column:			2;
	-ms-grid-column-span:		4;
	grid-column:				2 / span 4;
}