.touvia-tree-legend {
	display: flex;
	flex-direction: column;
	padding: 10px;
}

.touvia-tree-legend .title {
	font-size: 1.5em;
	margin-bottom: 10px;
}

.touvia-tree-legend .item {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
	font-size: 14px;
}

.touvia-tree-legend .color-box {
	width: 16px;
	height: 16px;
	margin-right: 10px;
}

/* RIWA */

/* Farben siehe Template BpRiwaNeu.tpl.php */

.touvia-tree-legend.riwa .bebauungsplan {
	border: 2px solid rgba(255, 68, 0, 1);
	background-color: rgba(255, 68, 0, 0.2);
}

.touvia-tree-legend.riwa .bebauungsplan-aenderung {
	border: 2px solid rgba(255, 136, 0, 1);
	background-color: rgba(255, 136, 0, 0.2);
}

.touvia-tree-legend.riwa .gruenordnungsplan {
	border: 2px solid rgba(28, 137, 41, 1);
	background-color: rgba(28, 137, 41, 0.2);
}

.touvia-tree-legend.riwa .satzung {
	border: 2px solid rgba(163, 37, 188, 1);
	background-color: rgba(163, 37, 188, 0.2);
}

.touvia-tree-legend.riwa .fnp {
	border: 2px solid yellow;
	background-color: rgba(0,0,0,0);
}

.touvia-tree-legend.riwa .fnp-aufstellung {
	border: 2px solid yellow;
	background-color: #c2d2f0;
}

.touvia-tree-legend.riwa .fnp-untergegangen {
	border: 2px solid yellow;
	background-color: #ffc299;
}

/* KDO */

.touvia-tree-legend.kdo .bebauungsplan {
	border: 2px solid red;
	background-color: rgba(255, 0, 0, 0.2);
}

.touvia-tree-legend.kdo .bebauungsplan.wildeshausen {
	border: 2px solid rgb(255, 0, 55);
	background-color: rgba(255, 0, 55, 0.2);
}

.touvia-tree-legend.kdo .bebauungsplan-aenderung {
	border: 2px solid blue;
	background-color: rgba(0, 0, 255, 0.2);
}

.touvia-tree-legend.kdo .bebauungsplan-aenderung.wildeshausen {
	border: 2px solid rgb(119, 55, 55);
	background-color: rgba(119, 55, 55, 0.2);
}

.touvia-tree-legend.kdo .fnp {
	border: 2px solid yellow;
	/* background-color: #cccccc; */
	background-color: rgba(0,0,0,0);
}

.touvia-tree-legend.kdo .fnp-aufstellung {
	border: 2px solid yellow;
	background-color: #c2d2f0;
}

.touvia-tree-legend.kdo .fnp-untergegangen {
	border: 2px solid yellow;
	background-color: #ffc299;
}

.touvia-tree-legend.sisby .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
	margin-right: 12px;
}

.touvia-tree-legend.sisby .sm {
    background-color: #0b7193;
}

.touvia-tree-legend.sisby .md {
    background-color: #1CA7D8;
}

.touvia-tree-legend.sisby .lg {
    background-color: #4ee0e5;
}