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

/*Setzt für alle Browser, alle Stylesheetvorgaben auf Null*/
* {	padding:0;	margin:0;}

body {
	background-color:	#eeeeee;
	font-family: 		serif;
	color:				#101010;
	-ms-hyphens:		auto;
	-webkit-hyphens:	auto;
	hyphens:			auto;
	overflow-y:			scroll;
}
p {
	font-size:			1.25em;
}

.textblock{
	display: 			inlne;
	float:				left;
	padding:			0.25em;
}
.ohnebg{
	Background-color:	none;
	border:				none;
	margin-left:		4em;
	margin-top:			-1em;
	position:			relative;
	z-index:			-1;
	
}
.orange{
	Background-color:	#f9b200;
	border:				2px;
	border-style:		solid;
	border-color:		black;
	border-radius:		12px;
}
.beige{
	Background-color:	#ffcf56;
	border:				2px;
	border-style:		solid;
	border-color:		black;
	border-radius:		12px;
	margin-left:		2em;
	margin-top:			-1em;
	position:			relative;
	z-index:			-1;
}
.gelb{
	Background-color:	#ffff00;
	border:				1px;
	border-style:		solid;
	border-color:		black;
	border-radius:		9px;
	margin-left:		2em;
	margin-top:			1em;
}
.gruen{
	Background-color:	#23ff23;
	border:				1px;
	border-style:		solid;
	border-color:		black;
	border-radius:		12px;
	margin-left:		4em;
	margin-top:			-1em;
	position:			relative;
	z-index:			-1;
}
.lila{
	Background-color:	#ccccff;
	border:				2px;
	border-style:		dashed;
	border-color:		black;
	border-radius:		12px;
	margin-left:		4em;
	margin-top:			-1em;
	position:			relative;
	z-index:			-1;
}
.celestsolid{
	Background-color:	#00dcff;
	border:				2px;
	border-style:		solid;
	border-color:		black;
	border-radius:		12px;
	margin-left:		4em;
	margin-top:			1em;
}
.celestdashed{
	Background-color:	#00dcff;
	border:				2px;
	border-style:		dashed;
	border-color:		black;
	border-radius:		12px;
	margin-top:			1em;
	margin-left:		4em;
}
.gruen01{
	Background-color:	#23ff23;
	border:				1px;
	border-style:		solid;
	border-color:		black;
	border-radius:		9px;
	margin-left:		2em;
	margin-right:		1em;
	height:				1em;	
}
.lila01{
	Background-color:	#ccccff;
	border:				1px;
	border-style:		solid;
	border-color:		black;
	border-radius:		9px;
	margin-left:		2em;
	margin-right:		1em;
	height:				1em;
}
.celest01{
	Background-color:	#00dcff;
	border:				1px;
	border-style:		solid;
	border-color:		black;
	border-radius:		9px;
	margin-left:		2em;
	margin-right:		1em;
	height:				1em;
}
.ohnebg01{
	Background-color:	none;
	border:				2px;
	border-style:		dashed;
	border-color:		black;
	border-radius:		9px;
	margin-left:		2em;
	margin-right:		1em;
	height:				1em;
}
.gruen02{
	Background-color:	#23ff23;
	border:				2px;
	border-style:		solid;
	border-color:		black;
	border-radius:		12px;
	margin:				0.5em;
}
.celestsolid02{
	Background-color:	#00dcff;
	border:				2px;
	border-style:		solid;
	border-color:		black;
	border-radius:		12px;
	margin:				0.5em;
}
.gruen03{
	Background-color:	#23ff23;
	border:				2px;
	border-style:		solid;
	border-color:		black;
	border-radius:		12px;
	margin-left:		4em;
	margin-top:			1em;
}
.bullet {}
.bullet p {
	padding-left:		1em;
	margin-bottom:		0.5em;
	background:			url(../grafik/bullet.svg) no-repeat;
	background-position:0 0.33em;
	background-size:	0.66em;
	line-height:		120%;
}


.raster{
	display:				-ms-grid;
	display:				grid;
	-ms-grid-columns:		1fr minmax(15em, 45em) 1fr;
	-webkit-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;
	padding-right:			0.5em;
}
.inzweitespalte{
	-webkit-grid-column:		2;
	-webkit-grid-column-span:	1;
	-ms-grid-column:			2;
	-ms-grid-column-span:		1;
	grid-column:				2 / span 1;
}
.subraster{
	display:				-webkit-grid;
	display:				-ms-grid;
	display:				grid;
	-webkit-grid-columns:	34% 66%;
	-ms-grid-columns:		34% 66%;
	grid-template-columns:	34% 66%;
}
.subraster02{
	display:				-webkit-grid;
	display:				-ms-grid;
	display:				grid;
	-webkit-grid-columns:	34% 66%;
	-ms-grid-columns:		34% 66%;
	grid-template-columns:	34% 66%;
	-webkit-grid-rows: 		auto auto;
	-ms-grid-rows: 			auto auto;
	border:					2px;
	border-style:			dashed;
	border-color:			black;
	border-radius:			12px;
	margin-left:			4em;
	margin-top:				1em;
}
.zeile01{
	-webkit-grid-row: 1;
	-ms-grid-row: 1;
}
.zeile02{
	-webkit-grid-row: 2;
	-ms-grid-row: 2;
}
.subeins{
	-webkit-grid-column:		1;
	-webkit-grid-column-span:	1;
	-ms-grid-column:		1;
	-ms-grid-column-span:	1;
	grid-column:			1 / span 1;
}
.subzwei{
	-webkit-grid-column:		2;
	-webkit-grid-column-span:	1;
	-ms-grid-column:		2;
	-ms-grid-column-span:	1;
	grid-column:			2 / span 1;
}
.flex-container {
	display: flex;
	margin-bottom: 1em;
	justify-content: flex-start;
}