/* CSS Document */

div.baugebiet{
	/*display: inline-block;*/
	/*border:solid 1px white;*/
	/*background: hsl(199,72%,90%);*/
	/*background: hsl(42.4,100%, 94%);*/
}

div.main div.content div.baugebiet{
	display: block;
	border: none;
}

div.karte
{
	text-align: center;
}

div.karte svg
{
	margin: auto;
	/*width: auto;*/
	max-width: 100%;
	height: auto;
}

div.info{
	/*padding: 10px;*/
	/*background:white;*/
}

div.formular{
	/*padding: 10px;*/
	/*background:white;*/
	display:none;
	margin-top: 1em;
}

div.karte text{
	 pointer-events:none;
}

div.baugebiet div.spalte{
	display:inline-block;
	width:50%;
}


div.baugebiet label{
	display:inline-block;
	min-width:35%;
	vertical-align: baseline;
	float: none;
	font-size: 11px;
	color: hsl(220, 2%, 29%);
	text-transform: uppercase;
	font-weight: 700;
	font-family: Cabin;
}

div.baugebiet input{
	display: inline-block;
	width:60%;
	vertical-align: baseline;
	border: solid 1px hsl(228, 5%, 79%);
	border-width: 0 0 1px 0;
}

div.baugebiet button{
	background: hsl(199,5%,90%);
	border: solid 1px hsl(199,5%,59%);
	color: hsl(199,72%,19%);
	width: 48%;
	padding:0;
	line-height: 1.5em;
	cursor: pointer;
	border-radius: 4px;
	font-size: 1rem;
}

div.baugebiet a.abbrechen{
	display: inline-block;
	background: hsl(199,5%,90%);
	border: solid 1px hsl(199,5%,59%);
	color: hsl(199,72%,19%);
	width: 48%;
	margin-right: 2%;
	text-align: center;
	padding:0;
	line-height: 1.5em;
	cursor: pointer;
	border-radius: 4px;
}

span.message{
	color: #e37d4d;
}

.plan_label{
	padding: 10px;
	background: white;

}

.plan_label p{
	display:inline-block;
	margin-right: 25px;
	padding-bottom: 0;
	font-size: 12px;
	vertical-align:middle;
}

.plan_label p span{
	display:inline-block;
	width: 10px;
	height: 10px;
	vertical-align:middle;
	margin-right: 10px;
}

.karte .strasse path{
		fill: #e9d9b8;
	}
	.karte .rasen > *{
		fill: #d1efc0;
		stroke: #63c92c;
		stroke-width: .25px;
		stroke-linejoin: round;
	}
	.karte #parzellen > *{
		fill: #f1e8d2;
		stroke: white;
		stroke-linejoin: bevel;
		stroke-width: .25px;
		transition: fill .5s ease;
	}

	.karte #parzellen > .status1{
		fill: #e3323b;
	}

	.karte #parzellen > .status2{
		fill: #ffdc00;
	}

	.karte #parzellen > .status3{
		fill: #63c92c;
	}

	.karte #parzellen > .status4{
		fill: #999999;
	}

	.karte #parzellen > .status5{
		fill: #f1e8d2;
	}

	.karte #parzellen > .status2,
	.karte #parzellen > .status3{
		cursor: pointer;
	}

	.karte #parzellen > .status2:hover,
	.karte #parzellen > .status3:hover,
	.karte #parzellen > .active{
		fill: #009ee3;
	}

	.karte .text text{
		font-family: "Arial";
		font-size: 4px;
		font-weight: bold;
		transform-origin: 50% 50%;
		text-anchor: middle;
		/*dominant-baseline: central;*/
	}
	.karte .parzellenname text{
		font-size: 4px;
		font-weight: normal;
		fill: #FFFFFF;
		dominant-baseline: central;
		pointer-events: none;
	}

	.karte #text_parzelle{
		pointer-events: none;
	}

*::-ms-backdrop, .karte svg{

	min-height: 500px;
}