/*  HILFSMENU */

#helpers {
	list-style: none;
	padding: 0;
	margin: 0;
}
.pull-left {
	color: #999;
	
}
a.hlp {
	text-decoration: none;
	color: var(--theme-green-primary);
	text-align: center;
	padding: 0 4px 0 4px;
	font-weight: bold;
}
a.hlp:hover {
	background-color: var(--theme-green-primary);
	color: #FFFFFF;
	text-decoration: none;
}
a.hlp_def {
	text-decoration: none;
	width: 14px;
	height: 17px;
	display: block;
	padding: 0 0 0 10px;
	background-image: url(../images/colour/defaults/color_on.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
a.hlp_def:hover {
	background-image: url(../images/colour/defaults/color_over.gif);
}
a.hlp_blc {
	text-decoration: none;
	width: 14px;
	height: 17px;
	display: block;
	padding: 0;
	background-image: url(../images/colour/defaults/bw_on.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
a.hlp_blc:hover {
	background-image: url(../images/colour/defaults/bw_over.gif);
}

a.hlp_txt {
	text-decoration: none;
	width: 14px;
	height: 17px;
	display: block;
	padding: 0;
	margin-top: 1px;

	img {
		width: 17px;
		height: 14px;
	}
}
a.hlp_txt:hover {
	opacity: 0.5;
}

#login {
	float:right;
	color: var(--theme-green-primary);
}
a.login {
	text-decoration: none;
	color: var(--theme-green-primary);
}
a.login:hover {
	text-decoration: underline;
}
/*  MENU_OBEN */

#subheader {
color: #FFF;
}
#subheader a {
text-decoration: none;
color: #FFF;
}
#subheader a:hover {
color: #333;
}
#subheader a:active {
color:#666;
}
#subheader .btn {
    color: #333;
    margin-right: 15px;
    margin-top: -3px;
    padding-top: 1px;
    padding-bottom: 1px;
}

/* BREADCRUMBS */

#bc_navi {
	width: 100%;
	position: relative;
	height: auto;
	margin-top: -8px;
	border-bottom: solid var(--theme-beige-primary) 1px;
	color: var(--theme-anthracite-primary);
	font-weight: bold;;
	line-height: 1.4em;
	padding-top: 0.4em;
	padding-bottom: 1em;

	span{
		font-size: 15px;
		font-weight: normal;
	}
}

#bc_navi a {
	text-decoration: none;
	color: var(--theme-anthracite-secondary);

	&:last-child {
		color: var(--theme-red-primary);
		font-weight: bold;
		cursor: default;
		text-decoration: none;
		pointer-events: none;

		&:hover {
			color: var(--theme-red-primary);
			text-decoration: none;
		}
	}
}

#bc_navi a:visited {
	text-decoration: none;
}
#bc_navi a:hover {
	text-decoration: underline;
	color: var(--theme-green-primary);
}
#bc_navi a:active {
	text-decoration: none;
}

/* MENU_LINKS */
.main-menu {
	/* Colors */
	--menu-text-primary: var(--text-primary);
	--menu-text-secondary: var(--text-secondary);

	--menu-indicator-width: 18px; /* Width for the `:before` element */
	--menu-indicator-secondary-width: 17px; /* Width for the `:after` element */
	--menu-clip-path: polygon(0 0, 80% 0, 100% 50%, 80% 100%, 0 100%);
	--menu-indicator-color: #ffffff4a;

	margin: 10px 0 30px 0;
	padding: 0;
	line-height: 0.85em;
	list-style-type: none;
	width: 241px;

	li {
		position: relative;
		.menu-item {
			color: var(--menu-text-primary);
			text-decoration: none;
			background-color: var(--theme-beige-200);
			background-repeat: no-repeat;
			display: block;
			line-height: 1.4em;
			margin: 4px 0 2px 0;
			padding-left: 22px;
			padding-top: 4px;
			padding-bottom: 4px;
			list-style-position: inside;

			&:before {
				content: '';
				position: absolute;
				left: 0;
				background-color: var(--theme-green-primary);
				border-left: 1px solid #b39d9d91;
				top: 0;
				width: var(--menu-indicator-secondary-width);
				height: 100%;
				clip-path: var(--menu-clip-path);
				transform: none;
			}

			&:hover {
				background-color: var(--theme-light-green-primary);
				color: #FFF;
				font-weight: bold;

				&:before {
					background-color: var(--theme-beige-primary);
					top: 0;
					width: var(--menu-indicator-secondary-width);
					height: 100%;
					clip-path: var(--menu-clip-path);
					transform: none;
				}
			}
		}

		.menu-item-act {
			color: var(--text-primary);
			font-weight: bold;
			text-decoration: none;
			background-repeat: no-repeat;
			background-color: var(--theme-beige-primary);
			display: block;
			line-height: 1.4em;
			margin: 4px 0 2px 0;
			padding-left: 22px;
			padding-top: 4px;
			padding-bottom: 4px;
			position: relative;

			&:before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: var(--menu-indicator-secondary-width);
				height: 100%;
				background-color: var(--theme-light-green-primary);
				clip-path: var(--menu-clip-path);
				z-index: 1;
			}

			&:hover {
				text-decoration: none;
				color: var(--text-secondary);
			}
		}

		.sub1menu-item {
			text-decoration: none;
			padding-left: 32px;
			color: var(--text-primary);
			display: block;
			background-color: var(--theme-beige-200);
			line-height: 1.4em;
			margin: 4px 0 2px 0;
			padding-top: 4px;
			padding-bottom: 4px;
			list-style-position: outside;

			&:before {
				content: '';
				position: absolute;
				left: 0;
				top: 51%;
				transform: translateY(-50%);
				width: 14px;
				height: 100%;
			}

			&:hover {
				background-color: var(--theme-light-green-primary);
				color: #FFF;
				font-weight: bold;

				&:before {
					background-color: var(--theme-light-green-400);
					top: 0;
					width: 17px;
					height: 100%;
					clip-path: var(--menu-clip-path);
					transform: none;
				}
			}
		}

		.sub1menu-item-act {
			text-decoration: none;
			font-weight: bold;
			display: block;
			background-color: var(--theme-light-green-primary);
			color: #FFF;
			line-height: 1.4em;
			margin: 4px 0 2px 0;
			padding-left: 30px;
			padding-top: 4px;
			padding-bottom: 4px;

			&:before {
				content: '';
				position: absolute;
				left: 0;
				background-color: var(--theme-light-green-400);
				top: 0;
				width: 17px;
				height: 100%;
				clip-path: var(--menu-clip-path);
				transform: none;
			}

			&:hover {
				text-decoration: none;
			}
		}

		.sub2menu-item {
			text-decoration: none;
			color: var(--text-primary);
			display: block;
			background-color: var(--theme-beige-200);
			line-height: 1.4em;
			margin: 4px 0 2px 14px;
			padding-left: 35px;
			padding-top: 4px;
			padding-bottom: 4px;
			list-style-position: inside;

			&:hover {
				text-decoration: none;
				background-color: var(--theme-light-green-primary);
				color: #FFF;

				&:before {
					content: '';
					position: absolute;
					left: 14px;
					background-color: var(--theme-light-green-300);
					top: 0;
					width: 17px;
					height: 100%;
					clip-path: var(--menu-clip-path);
					transform: none;
				}
			}
		}

		.sub2menu-item-act {
			text-decoration: none;
			font-weight: bold;
			display: block;
			line-height: 1.4em;
			margin: 4px 0 2px 14px;
			padding-left: 35px;
			padding-top: 4px;
			padding-bottom: 4px;
			background-color: var(--theme-light-green-primary);
			color: #FFF;

			&:before {
				content: '';
				position: absolute;
				left: 14px;
				background-color: var(--theme-light-green-300);
				top: 0;
				width: 17px;
				height: 100%;
				clip-path: var(--menu-clip-path);
				transform: none;
			}

			&:hover {
				color: #FFF;
			}
		}

		.sub3menu-item {
			text-decoration: none;
			padding-left: 35px;
			color: var(--text-primary);
			display: block;
			background-color: var(--theme-beige-200);
			line-height: 1.4em;
			margin: 4px 0 2px 28px;
			padding-top: 4px;
			padding-bottom: 4px;
			list-style-position: inside;

			&:hover {
				text-decoration: none;
				background-color: var(--theme-light-green-primary);
				color: #FFF;

				&:before {
					content: '';
					position: absolute;
					left: 28px;
					background-color: var(--theme-light-green-100);
					top: 0;
					width: 17px;
					height: 100%;
					clip-path: var(--menu-clip-path);
					transform: none;
				}
			}
		}

		.sub3menu-item-act {
			text-decoration: none;
			font-weight: bold;
			display: block;
			line-height: 1.4em;
			margin: 4px 0 2px 28px;
			padding-left: 35px;
			padding-top: 4px;
			padding-bottom: 4px;
			background-color: var(--theme-light-green-primary);
			color: #FFF;

			&:before {
				content: '';
				position: absolute;
				left: 28px;
				background-color: var(--theme-light-green-100);
				top: 0;
				width: 17px;
				height: 100%;
				clip-path: var(--menu-clip-path);
				transform: none;
			}

			&:hover {
				text-decoration: none;
			}
		}
	}
}
	/* MENU_LINKS - NUR HOME*/

.main-menu-home {
	margin: 10px 0 30px 0;
	padding: 0;
	line-height: 0.85em;
	list-style-type: none;
	width: 241px;
}
a.menu-home-item {
	color: #333;
	text-decoration: none;
	background-color: #FFF;
	background-image: url(../images/colour/defaults/link_blau.gif);
	background-repeat: no-repeat;
	display: block;
	line-height: 1.4em;
	margin: 4px 0 2px 0;
	padding-left: 22px;
	padding-top: 4px;
	padding-bottom: 4px;
	list-style-position: inside;
}
a.menu-home-item:hover {
	background-color:var(--bg-color);
	background-image: url(../images/colour/defaults/link_gruen.gif);
	background-repeat: no-repeat;
}
.menu-home-item-act {
	color: #333;
	font-weight: normal;
	text-decoration: none;
	padding-left: 22px;
	background-image: url(../images/colour/defaults/link_blau.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	display: block;
	line-height: 2em;
	margin: 4px 0 2px 0;
}
a.menu-home-item-act:hover {
	color: #333;
	text-decoration: none;
	background-color: var(--bg-color);
	background-image: url(../images/colour/defaults/link_gruen.gif);
	background-repeat: no-repeat;
	padding-left: 22px;
	display: block;
	line-height: 2em;
	margin: 4px 0 2px 0;
}
/* Gewerbegebiete */
.shmmap {
	width: 99%;
	height: 79%;
	max-width: 620px;
	max-height: 600px;
}
.area_left {
	margin: auto 16px 0 0;
	padding:0;	
	float:left;
	width: 48%;
}
.area_right {
	margin: auto 0 0 0;
	padding:0;	
	float:right;
	width: 48%;
}
.area_left_text {
	margin:0 16px 0 0;
	padding:0;	
	float:left;
	width: 48%;
}
.area_right_img {
	margin:0;
	padding:0;	
	float:right;
	width: 48%;	
}
.area_img {
	width: 99%;
	max-width: 300px;
}
ul.area_list {
	margin:0;
	padding:0;
	color: var(--theme-green-primary);
	list-style-type: none;
}
li.area a {
	color: var(--theme-green-primary);
	font-weight: normal;
	text-align: left;
	line-height: 1.2em;
	text-decoration: none;
	display: block;
	background-image: url(../images/colour/defaults/lists_on.gif);
	background-repeat: no-repeat;
	background-position: 0.1em 0.19em;
	padding: 0 0 5px 13px;
	margin: 0 0 4px 0;
	list-style-position: inside;
	border-bottom: 1px solid #C5CDE0;
}
li.area a:visited {
	background-image: url(../images/colour/defaults/lists_vtd.gif);
	color: #8B9BC1;
}
li.area a:hover {
	color: var(--theme-green-primary);
	text-decoration: underline;
}
li.area a:active {
	color: #8B9BC1;
}

/*  MENU_FOOTER */
ul.footer {
	list-style-type: none;
	margin-left: 0;
	width: 100%;
	padding:0;
}
li.footer {
	float:right;
	height: 1.3em;
	width: auto;
	color: #FFFFFF;
	line-height: 1.8em;
	text-align: left;
	text-decoration: none;
	display: block;
}

.footer a {
	color: var(--theme-green-primary);

	&:hover {
		color: var(--theme-light-green-primary);
		text-decoration: none;
	}
}

.footerMenu {
	padding-right: 10px;

	img.icon-law-scale {
		width: auto;
		height: 15.33px;
		margin-bottom: 5px;
	}
}
a.back {
	display: block;
	font-weight: normal;
	line-height: 1.8em;
	text-align: left;
	text-decoration: none;
	padding-left: 12px;
	margin-right: 8px;
}

a.top {
	display: block;
	font-weight: normal;
	line-height: 1.8em;
	text-align: left;
	text-decoration: none;
	margin-right: 8px;
}

a.print {
	display: block;
	width: auto;
	font-weight: normal;
	line-height: 1.8em;
	text-align: left;
	text-decoration: none;
}