/* css zu normenlight */

/* BaurechtCSS  */
/* ----------------------------------- */
/* --------------- Tree -------------- */
/* ----------------------------------- */
#baurechtLinks {
	width: 33.33%;
	display: inline-block;
	vertical-align: top;
}
#baurechtTreeHeadline {
	margin-bottom: 20px;
}
#baurechtTree_mobile_chk, #chkBaurechtTree, #lblBaurechtTreeHideBereich, #lblBaurechtTreeShow {display: none;}
#baurechtTree {
	margin: 0;
	padding-left: 0;
	line-height: 150%;
}
#baurechtTree ul {
	display: none;
	padding-left: 20px;
	margin: 5px 0;
}
#baurechtTree li.openleaf > ul {display: block;}
#baurechtTree li {
	list-style: none;
	position: relative;
	margin-bottom: 5px;
}
#baurechtTree li > div {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	margin-bottom: 1px;
	background-image: url('/bilder/document_dunkelgrau.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
#baurechtTree li.isnode > div {
	background: none;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 10px solid var(--green);
}
#baurechtTree li.isnode.openleaf > div {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid var(--green);
	border-bottom: none;
}

#baurechtTree li.openleaf > a {font-weight: bold;}

#baurechtTree a {
    text-decoration: none;
}




@media screen and (max-width: 1024px) {
	#baurechtLinks {width: 0;}
	#baurechtTreeSeitenreiter {
		height: 100%;
		width: 300px;
		position: fixed;
		top: 0;
		left: -300px;
		padding: 14px;
		z-index: 4;
		transition: 500ms;
		overflow-y: auto;
		background-color: white;
		font-size: 1rem;
        scrollbar-width: thin;
	}
	#baurechtTreeHeadline {
		width: calc(100% - 30px - 14px);
		border-top: none;
		padding-top: 0;
	}
	#chkBaurechtTree:checked ~ #baurechtTreeSeitenreiter {
		left: 0;
		box-shadow: 5px 10px 18px rgba(0, 0, 0, 0.8);
	}
	
	#lblBaurechtTreeShow {
		display: block;
		width: 56px;
		height: 56px;
		background-color: var(--green);
		background-image: url('/bilder/baustoffeTreeOpen.svg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 68%;
		position: fixed;
		right: 0;
		top: calc(50% - 56px/2);
		cursor: pointer;
		z-index: 2;
		border-color: white;
		border-style: solid;
		border-width: 1px 0 1px 1px;
	}
	#chkBaurechtTree:checked ~ #lblBaurechtTreeShow {
		background-image: url('/bilder/baustoffeTreeClose.svg');
		background-size: 100%;
	}
	
	#lblBaurechtTreeHide {
		display: block;
		width: 30px;
		height: 29px;
		cursor: pointer;
		position: absolute;
		top: 14px;
		right: 14px;
	}
	#lblBaurechtTreeHide::before, #lblBaurechtTreeHide::after {
		display: block;
		width: 100%;
		height: 4px;
		background-color: var(--green);
		border-radius: 2px;
		content: '';
		position: absolute;
		left: 0px;
	}
	#lblBaurechtTreeHide::before {
		top: 13px;
		transform: rotate(-45deg);
	}
	#lblBaurechtTreeHide::after {
		bottom: 12px;
		transform: rotate(45deg);
	}
	
	#lblBaurechtTreeHideBereich {
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		height: 100%;
		cursor: unset;
		z-index: 4;
		background-color: rgba(0, 0, 0, 0.2);
	}
	#chkBaurechtTree:checked ~ #lblBaurechtTreeHideBereich {width: 100%;}
}

/* ----------------------------------- */
/* -------------- Ausgabe ------------ */
/* ----------------------------------- */
#baurechtRechts {
	width: 66.66%;
	display: inline-block;
	vertical-align: top;
	padding-left: 40px;
}
#baurechtAusgabeHeadline {
	margin-bottom: 20px;
}
.baurechtCol_L, .baurechtCol_R {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
}
.baurechtCol_L {
	width: 200px;
}
.baurechtCol_R {
	width: calc(100% - 200px);
hyphens: auto;
overflow-wrap: break-word
}

@media screen and (max-width: 1024px) {
	#baurechtRechts {
		width: 100%;
		float: none;
		padding-left: 0;
	}
}

@media screen and (max-width: 768px) {
	.baurechtCol_L, .baurechtCol_R {width: 100% !important;}
	.baurechtCol_L {margin-bottom: 0;}
}

#baurechtTree li.isnode.openleaf > a {display:inline-block !important;}
/* --- --- */
[data-hidelightframe="normenlight"]{display : none;}
.NormenDokument{
  position: relative;
}
.normenSucheSmall{height: 32px}
.NormenDokument:not(:first-of-type) > .normenSucheBox{display: none;}
.NormenDokument:first-of-type > label{
  cursor:auto;
}
.NormenDokument:nth-of-type(2) > #baurechtAusgabeHeadline{margin-bottom: 10px}
.NormenDokument:nth-of-type(2) > #baurechtAusgabeHeadline > span{display: none;}
.NormenDokument:nth-of-type(2) > #baurechtAusgabeHeadline > span.none{
  display: block !important;
  font-weight: bold;
}
.NormenDokument:nth-of-type(1n + 3) > #baurechtAusgabeHeadline{
  display: none
}
.NormenDokument:not(:first-of-type) > .normenDetails{
  position: absolute;
  z-index: 1;
  background-color: #fff;
  max-height: 400px;
  overflow: auto;
  top: calc(100% - 2px);
  left: 0;
  width: calc(100% - 40px);
  border: 2px solid var(--gray);
  border-top: none;
  display: none;
  padding: 10px
}
.NormenDokument:not(:first-of-type) > label{
  border-bottom: 2px solid var(--gray);
  padding: 10px 0px;
  display: inline-block;
  width: 100%;
  color: var(--green2);
  font-weight: bold;
  position: relative;
  padding-right: 40px;
}
.NormenDokument:not(:first-of-type) > label > div.baurechtCol_L{display: none}
.NormenDokument:not(:first-of-type) > label > div
{margin-bottom: 0 !important;}
.NormenDokument:not(:first-of-type) > label:hover{
  z-index: 1;
  background-color:#fff
}
.NormenDokument:not(:first-of-type) > label:hover + .normenDetails,
.NormenDokument:not(:first-of-type) > input[name="oldNormen"]:checked ~ .normenDetails{
  display: block;
}
.NormenDokument:not(:first-of-type) > input[name="oldNormen"]:checked + label > label[for="NormenSelect_none"]{
  position: absolute;
  inset: 0;
}
.NormenDokument:not(:first-of-type) > label::after{
  content: '';
  position: absolute;
  color: #008542;
  right: 10px;
  top:calc(50% - 7px);
  border-top: 15px solid var(--green2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.NormenDokument:not(:first-of-type) > input[name="oldNormen"]:checked + label::after{rotate: 180deg;}

@media (pointer: coarse){
.NormenDokument:not(:first-of-type) > input[name="oldNormen"]:not(:checked) + label:hover + .normenDetails{display: none !important;}
	
}
/* --- --- */