/* css zu produkt */

/* BaustoffkatalogeCSS  */
/* ---------------------------- */
/* ---------- Filter ---------- */
/* ---------------------------- */
.radioBaustoffeAlphabet {
	display: none;
}
#baustoffeAlphabet {
	margin: 0;
	padding-left: 0;
	list-style: none;
	border-bottom: 3px solid var(--green);
}
.baustoffeAlphabetItem {
	display: inline-block;
	vertical-align: top;
	width: 10%;
	margin-left: 16px;
}
.lblBaustoffeAlphabet {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 6px 0;
    background-color: #CaE7D4;
	border-top: 2px solid #CaE7D4;
	border-left: 2px solid #CaE7D4;
	border-right: 2px solid #CaE7D4;
	color: inherit !important;
	font-weight: normal;
    text-decoration: none;
    font-size: 17px;
}
.lblBaustoffeAlphabet::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: -3px;
}

#radioBaustoffeAlphabet_1:checked ~ #baustoffeAlphabet #baustoffeAlphabetItem_1 .lblBaustoffeAlphabet,
#radioBaustoffeAlphabet_2:checked ~ #baustoffeAlphabet #baustoffeAlphabetItem_2 .lblBaustoffeAlphabet,
#radioBaustoffeAlphabet_3:checked ~ #baustoffeAlphabet #baustoffeAlphabetItem_3 .lblBaustoffeAlphabet,
#radioBaustoffeAlphabet_4:checked ~ #baustoffeAlphabet #baustoffeAlphabetItem_4 .lblBaustoffeAlphabet,
#radioBaustoffeAlphabet_5:checked ~ #baustoffeAlphabet #baustoffeAlphabetItem_5 .lblBaustoffeAlphabet,
#radioBaustoffeAlphabet_6:checked ~ #baustoffeAlphabet #baustoffeAlphabetItem_6 .lblBaustoffeAlphabet,
#radioBaustoffeAlphabet_7:checked ~ #baustoffeAlphabet #baustoffeAlphabetItem_7 .lblBaustoffeAlphabet,
.lblBaustoffeAlphabet:hover {
    border-color: var(--green);
    background-color: white;
}

#radioBaustoffeAlphabet_1:checked ~ #baustoffeAlphabet #baustoffeAlphabetItem_1 .lblBaustoffeAlphabet::after,
#radioBaustoffeAlphabet_2:checked ~ #baustoffeAlphabet #baustoffeAlphabetItem_2 .lblBaustoffeAlphabet::after,
#radioBaustoffeAlphabet_3:checked ~ #baustoffeAlphabet #baustoffeAlphabetItem_3 .lblBaustoffeAlphabet::after,
#radioBaustoffeAlphabet_4:checked ~ #baustoffeAlphabet #baustoffeAlphabetItem_4 .lblBaustoffeAlphabet::after,
#radioBaustoffeAlphabet_5:checked ~ #baustoffeAlphabet #baustoffeAlphabetItem_5 .lblBaustoffeAlphabet::after,
#radioBaustoffeAlphabet_6:checked ~ #baustoffeAlphabet #baustoffeAlphabetItem_6 .lblBaustoffeAlphabet::after,
#radioBaustoffeAlphabet_7:checked ~ #baustoffeAlphabet #baustoffeAlphabetItem_7 .lblBaustoffeAlphabet::after,
.lblBaustoffeAlphabet:hover::after {background-color: white;}


/* ---------- Filter Mobil ---------- */
#chkAlphabetMobil, #baustoffeAlphabetMobil {display: none;}
#baustoffeAlphabetMobil {position: relative;}
.baustoffeAlphabetMobilHeadline {
	display: none;
	position: relative;
	padding: 5px 0 5px 15px;
	line-height: 100%;
	font-size: 1.5rem;
	border-radius: 3px;
	background-color: #F4F3F3;
	background-image: linear-gradient(to top, rgba(216, 216, 215, 0.6) 0%, transparent 100%);
}
.baustoffeAlphabetMobilHeadline::after, .lblBaustoffeAlphabetMobilItem::after {
	content: "";
	display: block;
	position: absolute;
	border-top:10px solid var(--green);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
.baustoffeAlphabetMobilHeadline::after {
	right: 15px;
	top: 12px;
}
.lblBaustoffeAlphabetMobilItem::after {
	transform: rotate(270deg);
	right: 15px;
	top: 4px;
}
#chkAlphabetMobil:checked ~ #baustoffeAlphabetMobil .baustoffeAlphabetMobilHeadline::after {transform: rotate(180deg);}

#radioBaustoffeAlphabet_1:checked ~ #baustoffeAlphabetMobil #baustoffeAlphabetMobilHeadline_1,
#radioBaustoffeAlphabet_2:checked ~ #baustoffeAlphabetMobil #baustoffeAlphabetMobilHeadline_2,
#radioBaustoffeAlphabet_3:checked ~ #baustoffeAlphabetMobil #baustoffeAlphabetMobilHeadline_3,
#radioBaustoffeAlphabet_4:checked ~ #baustoffeAlphabetMobil #baustoffeAlphabetMobilHeadline_4,
#radioBaustoffeAlphabet_5:checked ~ #baustoffeAlphabetMobil #baustoffeAlphabetMobilHeadline_5,
#radioBaustoffeAlphabet_6:checked ~ #baustoffeAlphabetMobil #baustoffeAlphabetMobilHeadline_6,
#radioBaustoffeAlphabet_7:checked ~ #baustoffeAlphabetMobil #baustoffeAlphabetMobilHeadline_7
	{display: block;}

#baustoffeAlphabetMobilItemWrapper {
	display: none;
	list-style: none;
	margin-bottom: 0;
	margin-top: 4px;
	padding: 8px 0 8px 15px;
	background-color: #F4F3F3;
	font-size: 1.5rem;
	line-height: 100%;
	font-weight: bolder;
	position: absolute;
	width: 100%;
	z-index: 1;
}
#chkAlphabetMobil:checked ~ #baustoffeAlphabetMobil #baustoffeAlphabetMobilItemWrapper {display: block;}
#baustoffeAlphabetMobilItemWrapper > li {margin-bottom: 12px;}
#baustoffeAlphabetMobilItemWrapper > li:last-of-type {margin-bottom: 0;}
#baustoffeAlphabetMobilItemWrapper .lblBaustoffeAlphabetMobilItem {
	display: block;
	position: relative;
	color: inherit;
}
#baustoffeAlphabetMobilItemWrapper .lblBaustoffeAlphabetMobilItem:hover,
#radioBaustoffeAlphabet_1:checked ~ #baustoffeAlphabetMobil #lblBaustoffeAlphabetMobilItem_1,
#radioBaustoffeAlphabet_2:checked ~ #baustoffeAlphabetMobil #lblBaustoffeAlphabetMobilItem_2,
#radioBaustoffeAlphabet_3:checked ~ #baustoffeAlphabetMobil #lblBaustoffeAlphabetMobilItem_3,
#radioBaustoffeAlphabet_4:checked ~ #baustoffeAlphabetMobil #lblBaustoffeAlphabetMobilItem_4,
#radioBaustoffeAlphabet_5:checked ~ #baustoffeAlphabetMobil #lblBaustoffeAlphabetMobilItem_5,
#radioBaustoffeAlphabet_6:checked ~ #baustoffeAlphabetMobil #lblBaustoffeAlphabetMobilItem_6,
#radioBaustoffeAlphabet_7:checked ~ #baustoffeAlphabetMobil #lblBaustoffeAlphabetMobilItem_7
	{color: var(--green);}

@media (max-width: 1024px) {
	#baustoffeAlphabet {display: none;}
	#baustoffeAlphabetMobil {display: block;}
}



/* ----------------------------------- */
/* ---------- Firmenausgabe ---------- */
/* ----------------------------------- */
#baustoffeFirmenAusgabe {
	margin-top: var(--abstand_18);
	min-height: 300px;
}
#baustoffeFirmenAusgabe > ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
	display: none;
}
#baustoffeFirmenAusgabe > ul > li {
    padding: 10px 0;
    overflow: hidden;
    line-height: 1.1rem;
}
#baustoffeFirmenAusgabe > ul > li:nth-of-type(even) {
	background-color: #e3f2eb;
}


.baustoffeFirmenAusgabe_L, .baustoffeFirmenAusgabe_R {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
.baustoffeFirmenAusgabe_L {
	padding-left: 55px;
	padding-right: 40px;
	position: relative;
}
.baustoffeFirmenAusgabeLink {
	font-weight: normal;
	color: inherit;
	text-decoration: none;
}
.baustoffeFirmenAusgabeLink:hover {color: var(--green);}
.baustoffeFirmenAusgabeLink::before {
	content: '';
	position: absolute;
	left: 15px;
	transition: left 500ms;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 10px solid var(--green);
	top: 3px;
}
.baustoffeFirmenAusgabeLink:hover::before {left: 25px;}

#radioBaustoffeAlphabet_1:checked ~ #baustoffeFirmenAusgabe #baustoffeFirmenAusgabe_1,
#radioBaustoffeAlphabet_2:checked ~ #baustoffeFirmenAusgabe #baustoffeFirmenAusgabe_2,
#radioBaustoffeAlphabet_3:checked ~ #baustoffeFirmenAusgabe #baustoffeFirmenAusgabe_3,
#radioBaustoffeAlphabet_4:checked ~ #baustoffeFirmenAusgabe #baustoffeFirmenAusgabe_4,
#radioBaustoffeAlphabet_5:checked ~ #baustoffeFirmenAusgabe #baustoffeFirmenAusgabe_5,
#radioBaustoffeAlphabet_6:checked ~ #baustoffeFirmenAusgabe #baustoffeFirmenAusgabe_6,
#radioBaustoffeAlphabet_7:checked ~ #baustoffeFirmenAusgabe #baustoffeFirmenAusgabe_7
{display: block;}

@media (max-width: 1024px) {
	#baustoffeFirmenAusgabe {margin-top: 20px;}
	#baustoffeFirmenAusgabe > ul > li {padding: 5px 0;}
	.baustoffeFirmenAusgabe_L, .baustoffeFirmenAusgabe_R {width: 100%;}
	.baustoffeFirmenAusgabe_L {
		padding-right: 0;
		margin-bottom: 5px;
	}
	.baustoffeFirmenAusgabe_R {padding-left: 55px;}
}



/* ----------------------------------- */
/* --------------- Tree -------------- */
/* ----------------------------------- */

.bigIncludeTo.col44 .baustoffeLinks {
	width: 33.33%;
}
#baustoffeTree_mobile_chk, #chkBaustoffeTree, #lblBaustoffeTreeHideBereich, #lblBaustoffeTreeShow {display: none;}
#baustoffeTree {
	margin: 0;
	padding-left: 0;
	line-height: 150%;
}
#baustoffeTree ul {
	display: none;
	padding-left: 20px;
	margin: 5px 0;
}
#baustoffeTree li.openleaf > ul {display: block;}
#baustoffeTree li {
	list-style: none;
	position: relative;
	margin-bottom: 5px;
}
#baustoffeTree li::before {
	display: inline-block;
	content: '';
	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;
}
#baustoffeTree li:not(.isnode)::before {
	width: 10px;
	height: 10px;
}
#baustoffeTree li.isnode::before {
	background: none;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 10px solid var(--green);
}
#baustoffeTree li.isnode.openleaf::before {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid var(--green);
	border-bottom: none;
}
#baustoffeTree a, #baustoffeTreeHeadline {
	color: inherit;
	text-decoration: none;
}

#baustoffeTree a {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 15px);
	font-family: inherit;
}

#baustoffeTree div:hover ~ a, #baustoffeTree a:hover {
	color: var(--green);
}

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

#baustoffeTree li > div {
	display: none;
}

#baustoffeTree li.isnode > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 27px;
	top: 0;
	left: 0;
	cursor: pointer;
}


#baustoffeTreeHeadline {
	display: block;
	margin-bottom: 20px;
}

#baustoffeTreeHeadline > span {
	display: block;
}

@media (max-width: 1024px) {
	.bigIncludeTo.col44 .baustoffeLinks {
        width: 100%;
        margin-bottom: 0;
    }

	#baustoffeTree li.isnode > div {height: 24px;}
	#baustoffeTreeSeitenreiter {
		height: 100%;
		width: 300px;
		position: fixed;
		top: 0;
		left: -300px;
		padding: 14px;
		z-index: 999;
		transition: 500ms;
		overflow-y: auto;
		background-color: white;
	}
	#chkBaustoffeTree:checked ~ #baustoffeTreeSeitenreiter {
		left: 0;
		box-shadow: 5px 10px 18px rgba(0, 0, 0, 0.8);
	}
	
	#lblBaustoffeTreeShow {
		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;
	}
	#chkBaustoffeTree:checked ~ #lblBaustoffeTreeShow {
		background-image: url('/bilder/baustoffeTreeClose.svg');
		background-size: 100%;
	}
	
	#lblBaustoffeTreeHide {
		display: block;
		width: 30px;
		height: 29px;
		cursor: pointer;
		position: absolute;
		top: 14px;
		right: 14px;
	}
	#lblBaustoffeTreeHide::before, #lblBaustoffeTreeHide::after {
		display: block;
		width: 100%;
		height: 4px;
		background-color: var(--green);
		border-radius: 2px;
		content: '';
		position: absolute;
		left: 0px;
	}
	#lblBaustoffeTreeHide::before {
		top: 13px;
		transform: rotate(-45deg);
	}
	#lblBaustoffeTreeHide::after {
		bottom: 12px;
		transform: rotate(45deg);
	}
	
	#lblBaustoffeTreeHideBereich {
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		height: 100%;
		cursor: unset;
		z-index: 999;
		background-color: rgba(0, 0, 0, 0.2);
	}
	#chkBaustoffeTree:checked ~ #lblBaustoffeTreeHideBereich {width: 100%;}
	
	#baustoffeTreeHeadline {width: calc(100% - 30px - 14px);}
}



/* ----------------------------------- */
/* ------------- Ausgabe ------------- */
/* ----------------------------------- */
.bigIncludeTo.col44 .baustoffeRechts {
	width: 66.66%;
	padding-left: 30px;
}
.baustoffeRechts a {
    text-decoration: underline;
}
#baustoffeAusgabeHeadline {margin-top: 0;}

.baustoffeAusgabeCol_L, .baustoffeAusgabeCol_R {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
}
.baustoffeAusgabeCol_L {width: 250px;}
.baustoffeAusgabeCol_R {width: calc(100% - 250px);}

@media (max-width: 1024px) {
	.bigIncludeTo.col44 .baustoffeRechts {
		width: 100%;
		padding-left: 0;
	}
}
@media (max-width: 768px) {
	.baustoffeAusgabeCol_L, .baustoffeAusgabeCol_R {width: 100% !important;}
	.baustoffeAusgabeCol_L {margin-bottom: 0;}
}

/* ----------------------------------- */
/* -------------- Firma -------------- */
/* ----------------------------------- */

#baustoffeFirmaBild {
	max-width: 150px;
	float: right;
}
@media (max-width: 1024px) {
	#baustoffeFirmaBild {
		float: unset;
		display: block;
		margin-top: 10px;
	}
}


/* ----------------------------------- */
/* ---------- Produkt Gruppe --------- */
/* ----------------------------------- */
#baustoffePGrouopBild {
	display: block;
	width: 100%;
	max-width: 400px;
}


/* ----------------------------------- */
/* ------------- Produkt ------------- */
/* ----------------------------------- */
#baustoffeProdOben_L, #baustoffeProdOben_R {
	display: inline-block;
	vertical-align: top;
}

#baustoffeProdOben_L {
	width: calc(100% - 170px);
	padding-right: 30px;
}

#baustoffeProdOben_R {
	width: 170px;
}

#baustoffeProdBild {
    cursor: zoom-in;
}


#baustoffeProdBild img, #baustoffeProdBildMobil img {
	display: block;
	max-width: 100%;
	max-height: 200px;
}

#baustoffeProdBildMobil {
	width: 170px;
	display: none;
}

#baustoffeProdAusgabeAnfrageBtnMobil {
	display: none;
}

#baustoffeProdBildMobil[data-prodpic=""], #baustoffeProdBild[data-prodpic=""] {
	pointer-events: none;
}

@media (max-width: 768px) {
	#baustoffeProdOben_L {
		width: 100%;
		padding-right: 0;
	}

	#baustoffeProdOben_R {
		display: none;
	}

	#baustoffeProdBildMobil, #baustoffeProdAusgabeAnfrageBtnMobil {
		display: block;
	}
}



/* Labels / Inputs */
#chkBaustoffeProdInfo, #chkBaustoffeProdLeistungserkl, #chkBaustoffeProdText, #chkBaustoffeProdadr {
	display: none;
}

.lblBaustoffeProd {
	display: block;
	border-top: 1px solid var(--gray2);
	padding: 10px 0 10px 30px;
	position: relative;
}
.lblBaustoffeProd::before {
	content: '';
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('/bilder/document_dunkelgrau.svg');
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 11px;
}
.lblBaustoffeProd::after {
	content: "";
	display: block;
	position: absolute;
	right: 5px;
	top: 17px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid var(--green);
}

#chkBaustoffeProdInfo:checked ~ #baustoffeProdOben #lblBaustoffeProdInfo::after,
#chkBaustoffeProdLeistungserkl:checked ~ #baustoffeProdOben #lblBaustoffeProdLeistungserkl::after,
#chkBaustoffeProdadr:checked ~ #baustoffeProdOben #lblBaustoffeProdadr::after,
#chkBaustoffeProdText:checked ~ #baustoffeProdOben #lblBaustoffeProdText::after
	{transform: rotate(180deg);}


#baustoffeProdInfo, #baustoffeProdLeistungserkl, #baustoffeProdadr {display: none;}

#chkBaustoffeProdInfo:checked ~ #baustoffeProdOben #baustoffeProdInfo,
#chkBaustoffeProdLeistungserkl:checked ~ #baustoffeProdOben #baustoffeProdLeistungserkl,
#chkBaustoffeProdadr:checked ~ #baustoffeProdOben #baustoffeProdadr
	{display: block;}

.baustoffeProdInfoContent {
	margin-bottom: 10px;
}


/* Produkt Text */
#baustoffeProdText {
	max-height: 125px;
	overflow: hidden;
	position: relative;
}

#lblBaustoffeProdTextArea {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.6);
}

#chkBaustoffeProdText:checked ~ #baustoffeProdText {
	max-height: unset;
}

#chkBaustoffeProdText:checked ~ #baustoffeProdText #lblBaustoffeProdTextArea {
	background-color: transparent;
	pointer-events: none;
}



/* Artikel */
#baustoffeProdArtikelWrapper {
	overflow-x: auto;
	scrollbar-width: thin;
    font-size: 80%;
}
#baustoffeProdArtikelWrapper table {
	border-collapse: collapse;
	width: 100%;
}

#baustoffeProdArtikelWrapper tr:first-of-type {
	background-color: #A2A2A2;
	color: white;
	font-weight: bold;
}

#baustoffeProdArtikelWrapper tr:nth-of-type(2n) {
	background-color: #F4F4F4;
}

.baustoffeProdArtikelRowItsMe {
	background-color: var(--green) !important;
	color: var(--white);
}

#baustoffeProdArtikelWrapper td {
	white-space: nowrap;
	padding-right: 26px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#baustoffeProdArtikelWrapper td:first-of-type {
	padding-left: 18px;
}

#baustoffeProdArtikelWrapper td.noEntry {
	padding-right: 0 !important;
}






/* ---------- Bild Zoom ---------- */
#baustoffeAusgabePicZoomChk {
	display: none;
}

#baustoffeAusgabePicZoomWrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
	background-color: var(--white);
    cursor: zoom-out;
	opacity: 0;
	pointer-events: none;
	transition: opacity 200ms ease-in-out;
}

#baustoffeAusgabePicZoomChk:checked ~ #baustoffeAusgabePicZoomWrapper {
	opacity: 1;
	pointer-events: all;
}

#baustoffeAusgabePicZoomCloseLbl {
    display: block;
    width: 30px;
    height: 29px;
    position: absolute;
    top: 14px;
    right: 14px;
}

#baustoffeAusgabePicZoomCloseLbl::before, #baustoffeAusgabePicZoomCloseLbl::after {
    display: block;
    width: 100%;
    height: 4px;
    background-color: var(--gray);
    border-radius: 2px;
    content: '';
    position: absolute;
    left: 0px;
}

#baustoffeAusgabePicZoomCloseLbl::before {
    top: 13px;
    transform: rotate(-45deg);
}

#baustoffeAusgabePicZoomCloseLbl::after {
    bottom: 12px;
    transform: rotate(45deg);
}









/*********************************************************************************************
**********************************WARN UND GEFAHREN HINWEISE**********************************
**********************************************************************************************/
#ADRTree input{display: none}
#ADRTree a{
	pointer-events: none;
	border-bottom: none;
  	text-decoration: none;
}
#AdrSaetzeTree a{
	color: inherit;
	font-weight: bold;
}
#AdrSaetzeTree ul a {font: inherit;}
#ADRTree li{
	position: relative;
}
#ADRTree li::before{
	content: '';
	position: absolute;
	width: 25px;
	height: 20px;
	left: -30px;
	top: -1px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url('/bilder/document_dunkelgrau.svg');
}
#ADRTree li.isnode::before{
	background-image: none /*url('/bilder/ordner_grau.png')*/;
}

#ADRTree ul{
	list-style: none;
	padding-left: 30px;
}
#AdrSaetzeTree {margin-bottom: 30px; padding-left: 10px;}
#AdrSaetzeTree ul{
	margin: 15px 0;
}
#AdrSaetzeTree ul li:not(:first-of-type){
	margin-top: 15px
}
#AdrSaetzeTree li:not(.isnode.openleaf) > ul{
	height: 0;
	overflow: hidden;
	margin-top: 0;
}
#AdrSaetzeTree .isnode:not(.none, .radio_none) > div{
	top: 0;
	left: 0;
	background-image: none !important;
  position: absolute;
  height: 100%;
  max-height: 62px;
	width: 100%;
	cursor: pointer;
	z-index: 0;
	
}


#ADRTree a[href="GHS"] ~ ul{
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 17px;
	justify-content: center;
}
#ADRTree a[href=GHS] ~ ul > li{
	text-align: center;
  margin-top: 15px;
	width: calc(100% / 3 - 17px / 3 * 2);
}
#ADRTree a[href=GHS] ~ ul > li > a > span{display: block;}
#ADRTree a[href="GHS"] ~ ul > li::before{display: none;}

@media (max-width: 768px){
	#ADRTree a[href=GHS] ~ ul > li{
	width: calc(100% / 2 - 17px / 2 * 1)
}
}
@media (max-width: 600px){
	#ADRTree a[href="GHS"] ~ ul > li{
	width: 100%;
	}
}
/* --- --- */
/* MainMenueCSS  */
/* ----------------------------------------------------- */
/* -------------------- Main Header -------------------- */
/* ----------------------------------------------------- */
@media (min-width: 1025px) {
    #mainHeader {
        position: fixed;
        top: 0;
        left: 0;
        background-color: var(--white);
        z-index: 2;
        width: 100%;
    }

    #mainHeader + * {
        margin-top: calc(184px + var(--abstand_9));
    }

    /* Wenn scrolled */
    #mainHeader.mainHeaderScrolled {
        box-shadow: 0 2px 4px rgba(0,0,0,.3);
        padding: 10px 0;
    }
}

@media (max-width: 1024px) {
    #mainHeader {
        /* margin-bottom: var(--abstand_9); */
    }

    #mainHeaderContentWrapper {
        padding-left: 0;
        padding-right: 0;
    }

}


/* -------------------------------------- */
/* ---------- Header Logo usw. ---------- */
/* -------------------------------------- */
#mainHeaderTop {
    display: flex;
    flex-wrap: wrap;
}

/* Wenn scrolled */
@media (min-width: 1025px) {
    #mainHeader.mainHeaderScrolled #mainHeaderTop {
        padding-top: 5px;
    }
}



/* Logo */
#mainHeaderTopLeft {
    width: 225px;
}

#mainHeaderLogo {
    display: inline-block;
    vertical-align: top;
}

#mainHeaderLogoPicMobil {
    display: none;
}

/* Rechts oben */
#mainHeaderTopRight {
    width: calc(100% - 225px);
}

#mainHeaderTopRightTop {
    border-bottom: 1px solid var(--gray2);
    margin-bottom: var(--abstand_18);
    text-align: right;
}

#mainHeaderZuPreislisteLink {
    display: inline-block;
    vertical-align: top;
    background-color: var(--green);
    color: var(--white);
    font-size: 12px;
    padding: 1px 10px;
}


#mainHeaderContentWrapper:not([data-login="1"]) #mainHeaderTopRightTop {
	border-color: transparent;
	height: 24px;
}

#mainHeaderContentWrapper:not([data-login="1"]) #mainHeaderZuPreislisteLink {
	display: none;
}




#mainHeaderOpenIcon {
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	width: 20px;
	background-image: url('/bilder/icons2018b.gif');
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: -66px;
    margin-right: 5px;
}


@media (min-width: 1025px) {
    /* Wenn scrolled */
    #mainHeader.mainHeaderScrolled #mainHeaderTopLeft {
        width: 110px;
    }

    #mainHeader.mainHeaderScrolled #mainHeaderTopRight {
        width: calc(100% - 110px);
    }

    #mainHeader.mainHeaderScrolled #mainHeaderTopRightTop {
        display: none;
    }

    #mainHeader.mainHeaderScrolled #mainHeaderLogoPicMobil {
        display: block;
    }

    #mainHeader.mainHeaderScrolled #mainHeaderLogoPic {
        display: none;
    }
}

@media (max-width: 1024px) {
    #mainHeaderLogoPicMobil {
        display: block;
        height: 80px;
    }

    #mainHeaderLogoPic,
    #mainHeaderTopRightTop {
        display: none;
    }
}



/* Suche und Icons Wrapper */
#mainHeaderTopRightBottom {
    display: flex;
    flex-wrap: wrap;
}

/* Suche */
#mainHeaderTopRightBottomLeft {
    width: calc(100% - 360px);
}

#mainHeaderSucheWrapper {
    width: 100%;
    max-width: 520px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 5px;
    position: relative;
    z-index: 2;
}

#tbSucheAjax {
    width: calc(100% - 58px - 5px);
    height: 58px;
    border-color: #ddd;
    border-top-width: 3px;
    background-color: var(--white);
    padding: 10px;
    font-weight: bold;
    color: var(--gray);
}

#tbSucheAjax:focus {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#btnSucheAjax {
    width: 58px;
    height: 58px;
    padding: 0;
    background-color: var(--green);
    border: none;
    border-radius: 0;
    background-image: url('/bilder/suche_icon.svg');
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

#mainHeaderSucheOpen, #mainHeaderSucheClose {
    display: none;
}

#mainHeaderSucheClose {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

#mainHeaderSucheChk:checked ~ #mainHeaderSucheClose {
    display: block;
}

#ergebnisseSucheAjax {
    display: none;
    position: absolute;
    top: calc(100% + var(--abstand_9));
    left: 0;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
    background-color: var(--white);
    z-index: 1;
    padding: var(--abstand_9);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#mainHeaderSucheChk:not(:checked) ~ #mainHeaderTopRightBottomLeft #ergebnisseSucheAjax {
    display: none !important;
}

.ergebnisSucheBeitrag {
    border-bottom: 1px solid var(--gray2);
    padding-bottom: var(--abstand_9);
    margin-bottom: var(--abstand_9);
}

.ergebnisSucheBeitrag:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.ergebnisSucheAjaxHeadline {
    margin-bottom: var(--abstand_9);
}

.ergebnisSucheAjaxText {
    margin-bottom: var(--abstand_9);
}




@media (min-width: 1025px) {
    /* Wenn scrolled */
    #mainHeader.mainHeaderScrolled #mainHeaderTopRightBottom {
        justify-content: right;
    }

    #mainHeader.mainHeaderScrolled #mainHeaderTopRightBottomLeft {
        display: none;
    }
}

@media (max-width: 1240px) {
    #mainHeaderTopRightBottomLeft {
        width: calc(100% - 140px);
    }
}

@media (max-width: 1024px) {
    #mainHeaderTopLeft, #mainHeaderTopRight {
        width: 100%;
        padding-left: var(--abstand_9);
        padding-right: var(--abstand_9);
    }

    #mainHeaderTopLeft {
        background: linear-gradient(180deg,#4c6e58 0,#3e5948 100%);
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #mainHeaderTopRight {
        background-color: var(--green);
    }

    #mainHeaderTopRightBottomLeft {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        justify-content: center;
        pointer-events: none;
    }

    #mainHeaderSucheChk:checked ~ #mainHeaderTopRightBottomLeft {
        display: flex;
    }

    #mainHeaderSucheWrapper {
        max-width: 500px;
        padding: 20px 10px 10px 10px;
        background-color: var(--gray3);
        pointer-events: all;
        box-shadow: 0 2px 4px rgba(0,0,0,.3);
    }

    #mainHeaderSucheOpen {
        display: block;
        position: absolute;
        top: 7px;
        right: 100px;
        width: 40px;
        height: 40px;
        background-image: url('/bilder/icons2018b.gif');
        background-position-x: 200px;
    }

    
}



/* Icons */
#mainHeaderTopRightBottomRight {
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    width: 360px;
    column-gap: var(--abstand_9);
}


.mainHeaderIconLink {
    font-size: 18px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: calc(100% / 3 - var(--abstand_9) * 2 / 3);
    text-transform: uppercase;
    column-gap: 5px;
}

#mainHeaderStandorteIcon,
#mainHeaderKontoIcon,
#mainHeaderMerklisteIcon {
    background-image: url('/bilder/icons2018.gif');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: -7px;
    height: 40px;
}

#mainHeaderStandorteIcon {
	width: 30px;
	background-position-x: calc(100% + 210px);
}

#mainHeaderKontoIcon {
	width: 40px;
	background-position-x: calc(100% + 161px);
}

#mainHeaderMerklisteIcon {
	width: 40px;
	background-position-x: calc(100% + 104px);
    
}

.mainHeaderIconText {
    width: calc(100% - 40px - 5px);
}

/* Wenn scrolled */
@media (min-width: 1025px) {
    #mainHeader.mainHeaderScrolled .mainHeaderIconText {
        display: none;
    }

    #mainHeader.mainHeaderScrolled #mainHeaderTopRightBottomRight{
        width: 140px;
		justify-content: right;
    }

    #mainHeader.mainHeaderScrolled .mainHeaderIconLink {
        width: 40px;
    }

    #mainHeader.mainHeaderScrolled .mainHeaderIconLink:first-of-type {
        width: 30px;
    }
}

@media (max-width: 1240px) {
    .mainHeaderIconText {
        display: none;
    }

    #mainHeaderTopRightBottomRight{
        width: 140px;
    }

    .mainHeaderIconLink {
        width: 40px;
    }

    .mainHeaderIconLink:first-of-type {
        width: 30px;
    }
}

@media (max-width: 1024px) {
    #mainHeaderTopRightBottom {
        justify-content: right;
        padding: 4px 0;
    }

    #mainHeaderTopRightBottomRight {
        width: calc(40px * 3 + var(--abstand_9) * 2);
    }

    .mainHeaderIconLink:first-of-type {
        width: 40px;
    }

    #mainHeaderStandorteIcon {
        width: 40px;
        background-image: url('/bilder/icons2018b.gif');
        background-position-x: -282px;
        background-position-y: -2px;
    }

    #mainHeaderKontoIcon {
        background-image: url('/bilder/icons2018b.gif');
        background-position-x: -441px;
        background-position-y: -2px;
    }

    #mainHeaderMerklisteIcon {
        background-image: url('/bilder/icons2018b.gif');
        background-position-x: -481px;
        background-position-y: -2px;
    }
}



/* ------------------------------- */
/* ---------- Main Menü ---------- */
/* ------------------------------- */
#mainMenue_mobile_chk, #mainMenueChk, #mainMenue_kb_show_menu, #mainMenue_kb_hide_menu,
#mainMenueLblHideLayer,
#mainMenue li > div {
    display: none;
}

#mainHeaderMenueWrapper ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

#mainMenue a {
    display: block;
    width: 100%;
}

#mainMenue > li:first-of-type a::before {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAdklEQVRYhe3WIQqAQBRF0dmPSdyIq3Aj7kKDYDKZxa4IgmDXMsldPHcwlh90vAd+v+XBdw4AEOR9qyLLlKTWl6scLxFI4HPgor5uVJlfp2E3CET0vD+1zaumeTO//fjHigmMPvDlI0H0Xv8sfGDFBEYeCABA0A2A+BlKH7/ERAAAAABJRU5ErkJggg==');
    display: inline-block;
    vertical-align: middle;
}

#mainMenue > li > ul > li > ul {
    display: none;
}


@media (min-width: 1025px) {
    #mainMenueLblOpen {
        display: none;
    }

    #mainMenue {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        font-size: 22px;
        height: 50px;
    }

    #mainMenue > li {
        width: 16.66%;
        display: flex;
        align-items: center;
        text-align: center;
        height: 100%;
        position: relative;
    }

    #mainMenue > li:first-of-type {
        font-size: 19px;
    }

    #mainMenue > li > a {
        border-left: 1px solid var(--gray2);
    }

    #mainMenue > li:first-of-type > a {
        border-left: none;
    }

    #mainMenue a {
        color: inherit;
        transition: color 200ms ease-in-out;
    }

    #mainMenue a:hover {
        color: var(--green);
        text-decoration: none;
    }

    #mainMenue > li > ul {
        opacity: 0;
        pointer-events: none;
        transition: opacity 200ms ease-in-out;
        background-color: var(--gray3);
        position: absolute;
        top: 100%;
        left: 0;
        padding: 15px;
        width: 100%;
        text-align: left;
    }

    #mainMenue > li:hover > ul {
        opacity: 1;
        pointer-events: all;
    }

    #mainMenue > li > ul > li {
        margin-bottom: 20px;
    }

    #mainMenue > li > ul > li:last-of-type {
        margin-bottom: 0;
    }


    /* Wenn scrolled */
    #mainHeader.mainHeaderScrolled #mainHeaderMenueWrapper {
        position: absolute;
        bottom: 0;
        left: 110px;
        width: calc(100% - 110px - 140px);
        padding: 0 20px;
    }

    #mainHeader.mainHeaderScrolled #mainMenue > li {
        width: 20%;
    }

    #mainHeader.mainHeaderScrolled #mainMenue > li,
    #mainHeader.mainHeaderScrolled #mainMenue > li:first-of-type {
        font-size: 18px;
    }

    
}

/* Wenn scrolled */
@media (min-width: 1025px) and (max-width: 1240px) {
    #mainHeader.mainHeaderScrolled #mainMenue > li:first-of-type a::before {
        display: none;
    }
}


@media (min-width: 1025px) and (max-width: 1240px) {
    #mainMenue > li {
        width: 20%;
    }
}

@media (max-width: 1024px) {
    #mainMenue {
        display: none;
        position: fixed;
        top: 148px;
        left: 0;
        width: 100%;
        background-color: #3e5948;
        z-index: 2;
        font-size: 18px;
    }

    /* Wenn scrolled */
    #mainHeader.mainHeaderScrolled #mainMenue {
        top: 54px;
    }

    #mainMenueChk:checked ~ #mainMenue {
        display: block;
    }

    #mainMenue ul {
        display: none;
        font-size: 14px;
        border-top: 1px solid var(--white);
    }

    #mainMenue > li.openleaf > ul {
        display: block;
    }


    #mainMenue li {
        border-bottom: 1px solid var(--white);
        text-align: center;
        position: relative;
    }

    #mainMenue li:last-of-type {
        border-bottom: none;
    }

    #mainMenue a {
        color: var(--white);
        padding: 10px 0px;
    }

    #mainMenue > li:first-of-type > a {
        padding: 7px 0px;
    }


    #mainMenue li.isnode > div:hover ~ a,
    #mainMenue a:hover {
        background-color: #4c6e58;
    }

    #mainMenue li.openleaf > a {
        background-color: #44624f;
        color: #D7E6DD;
    }

    #mainMenue > li:first-of-type a::before {
        content: url('data:image/gif;base64,R0lGODlhGgAXAMQaAIKoioLU4ITW5MXOZXzQ1tbSa8/Sa6/dtU6Hal+IVX+4TD2taFmsPVO8kWayRVN/U8/RaUW0d0qAYKrZr2GQbIXKjW+/eH6mh0xuWP///////wAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowM0QxRDVBOTY4NEIxMUVFODI1QUU0RDQyMDIzNjlGMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowM0QxRDVBQTY4NEIxMUVFODI1QUU0RDQyMDIzNjlGMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAzRDFENUE3Njg0QjExRUU4MjVBRTRENDIwMjM2OUYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAzRDFENUE4Njg0QjExRUU4MjVBRTRENDIwMjM2OUYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAGgAsAAAAABoAFwAABXigJo5kaZ5aVK1s67ZOKWR0bd92URJ4jw+lgG9IM5QQgItyyWwqAYkSZkqtWq+orJZ07XqPSad4CQ0Sh0YS79wDkmZsnI4kodjv+Dz+IfX6qVuBgoMnDQcTiImKi4gHCmZxNxA7kTduI3CVNHMjCxafoKGioQyEgiEAOw==');
        transform: scale(90%);
    }



    #mainMenue li.isnode > div {
        display: block;
        width: 100%;
        height: 40px;
        position: absolute;
        top: 0;
        left: 0;
    }

    #mainMenue li.isnode > div::after {
        content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAbCAYAAAAOEM1uAAAARElEQVRYhe3OMQoAMAgEQf//adNomaAkwSt2wE64NQMASR736/+aW3208/tUZXgsrhIwHncKkYlLvjkp0nFJOg4AAPQtXxMn2WgLTZQAAAAASUVORK5CYII=');
        position: absolute;
        top: 9px;
        right: 0;
        pointer-events: none;
    }

    #mainMenue li.openleaf > div::after {
        transform: rotate(180deg);
        top: 0;
    }

    



    /* Labels */
    #mainMenueLblOpen {
        display: block;
        width: 86px;
        height: 39px;
        position: fixed;
        top: 7px;
        right: 7px;
		z-index: 1;
        background-image: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0QUREOTEzNjg0QTExRUU4REEzRUZBOThFRDJGMDAwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ0QUREOTE0Njg0QTExRUU4REEzRUZBOThFRDJGMDAwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDRBREQ5MTE2ODRBMTFFRThEQTNFRkE5OEVEMkYwMDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDRBREQ5MTI2ODRBMTFFRThEQTNFRkE5OEVEMkYwMDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYGCAsMCgoLCgoMEAwMDAwMDBAMDg8QDw4MExMUFBMTHBsbGxwfHx8fHx8fHx8fAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAAnAFYDAREAAhEBAxEB/8QAhwABAAIDAQEAAAAAAAAAAAAAAAQFAgMGBwEBAQEBAQEAAAAAAAAAAAAAAAABAgMFEAACAQMEAAUEAAcAAAAAAAABAgMRBAUAIRIGMUFREwdhIhQVgaHBMnIjFhEAAgIABQIFAgcBAAAAAAAAAAERAiExURIDcaFBYYGRwfEy8LFCUmKiIzP/2gAMAwEAAhEDEQA/AOP1yPPGgGgGgGgGgGgGgGgGgGgNtrbT3d1Da268553WKJKgVdyFUVNAKk+egSJGXw2Uw961lkrdra5UBijUNQfAhlJUjy2PjtoVprMhaELJOuZp8LJm1tW/VRMEa5JVRUsEFFJDMORpUD19DpBdriST1PqOV7TkZMfjDGLiKFrhveYqOCEKQKBt6sNIcN6EWNktTLq/TM32TMSYmwRY7qFXecz8lSMIaHmVViDy28PHUTmu5ZBKbKviUbKVYqfEGh/honKkHzVBZY7rmZyNsLmzt/dhNxHaB+ca/wC6X+xKMwO/r4aaef1JPx3yId3az2l1NaXC8Li3dopkqDR0PFhUEg0I8tROVJWoNOqDOKWWGVJYnaOWNg8ciEqyspqCCNwQdAep4jL4n5BxK4POMtv2C3UmyvQAOdBuyjYVoPvTwI3FKfZrM7pq6h5lV1z4svf2l1J2Olpicax/IkLcRNxHL7GPGkfHdm2PlsQxWJGa8WOJC753z9xxxOJX8XAWtFiiUcPd4UCkqAKIKDitPqfIKbJe84LIs/gu4/G7NlLmtPYxVxJX/B42/pqW5NnHa2e1T7HOinkr6np/WLvqdv2OG7w4LXPcFe/bZQIooIzzWlAy8puVfUj6aWSruoskm/fL56G+O82reMb4NaQm33zOVwnU+r43r+GmyDYfhlXmkydxlX9ucwhgvGzrUKyA7mo3/lKqa1Xg6J+eKknA91dzj7rL0rZrA04mx6nj7DqUcWHssoMvkruye+uk5s1uLoxqwA4qzcePEsDTy8dXjc7E83xy+sL5OdLutW2p/wBNvo7QuxE7J1PB4/rcaxWsJk/6h7T3ggEn49XAhL7sVoPAnXPjcrj857Wj4K3/ANF+28f0T+TifkmztLLvOYtbSFLe2im4xQxKERRwXYKtANOJyn1t+bOvKosc1rocxoDOKWWGVJYnaOWNg8ciEqyspqCCNwQdAdF2H5C7LnsbBjr6ZBbQgcxEpQylaUMm5BoRWigCvlsKVs3bkbUHNahgt+t9myPX7m5uLFY2e7tpLOYSqWHty05UoV3+3bUut1XXwsoFcLK2g6v2fI9bzEWVsFjkuYUdEWcMyUkBU7Kynz9dXwa1IsGnp9CfjO/Zaxxa4yS0sshaRO8tqt9AJzA0m7GIkilTvvXUawjyg1Vx0NVt3fMW9tg7ZEgMfX7h7qxqjVLvIJCJKMKryHlTVX3J6KDG3CP5bu8lhbfKfZYFv1EdpML+7a/Anh94QXDGvuQCQsFI8qg6lVCS0NJw7NfqxfXKey9kc9ns1d5vL3OVvFRbm6YPKIgVTkFC1AJbxp66lax+NcS2tLllfrRBoBoBoBoBoBoBoBoBoBoBoD//2Q==');
    }

    #mainMenueChk:checked ~ #mainMenueLblOpen {
        background-image: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM0QkFFNzNGNjg0QTExRUU4QTQwRUU3NUU2MEExREYwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM0QkFFNzQwNjg0QTExRUU4QTQwRUU3NUU2MEExREYwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzRCQUU3M0Q2ODRBMTFFRThBNDBFRTc1RTYwQTFERjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzRCQUU3M0U2ODRBMTFFRThBNDBFRTc1RTYwQTFERjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYGCAsMCgoLCgoMEAwMDAwMDBAMDg8QDw4MExMUFBMTHBsbGxwfHx8fHx8fHx8fAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAAnAFYDAREAAhEBAxEB/8QAhgABAAIDAQEAAAAAAAAAAAAAAAUGAwQHAgEBAQEBAQEAAAAAAAAAAAAAAAABAgMFEAABAwQCAQQBAwUBAAAAAAABAgMEABEFBiESEzFBUSIHwTIUYYGxciMWEQACAgAFAgQEBwAAAAAAAAAAARECITFREgNBoWFxkcHwgfEysUJSYqIjM//aAAwDAQACEQMRAD8Ap9cjzxQCgFAKAUAoBQCgFAKAUBIYPB5LN5JrH49ryPuckm/VCb2K1kXskX/Qc2FC1q2y87H+JERcUZGDlqyM6HYZKL9Srt1Cj40pHBsoK6km4Isb27adTrbiwwObVk4k3qeo5Xaci5j8YWxIaZVIV5lFI6IISQLBXN1CkOG9AsbJanrV9MzeyZhzEwEJblMpWt8v9kobCDY9ylKiD249PWonNdyyCU2VepBqSUqKT6g2P9qJypB8qgksdrmZyMYSYcfysmQ3EC+7af8As7+xFlKB5+fSmnj9ST7d8jTlxX4kp6JIT0kR1qaeRcGy0HqoXBINiPaonKkrUGGqDYgQ3Z06NCaKUuynUMtqXcJCnFBIJsCbXPxQJSdOy+XxH4+xCsHg1JkbBISDNmkA9LjhShyL2P0R6Acm9/vrI7tqihZlF1rcMvgcurIsuKf86rzWXFEh8EknuTf7cmyv8gkHKZyrdpyWnecLgMxhVbngXUtJUpIyUM8HyLUEk9Rfq52UO3sf3X916a6m7pNbkevwXI/jbNlJN7eDFSHL/wCi21fpWbcmzjtbPap9DlRTyV+Z0/WJepx9jZl4cFUncErnq4SA00w2e6bWCk9nu1/kj+lLJV3UWSTfrl7+RvjvNq3jG+DWkJt98yrYLVtVxeAwzuSTh1t5dT7mTlZVfjkBoHqlMO5sFIvyb1KpOtV0dE/HFSZ4XNd2H3WWOlbNYGDEwdTx8DUm2sPCygy+SlwlzpSO6lRxKLaVADqlSuvXqVA29vWrxudieb45fnC9zFLutW2p/s2/J2hdjU2TU8Hj9bbS1FZLn/qFxPMEAOfx7rAZK+VFNh6E1z43K4/Ge1o9it/6L9N4/gn7lJ/JMOJC3nMRYjKI8Zp7q0y0kIQkdE8BKbAU4nKfnb8WdeVRYrVdDmKAUAoBQEvrezZHX5MmRBS2pcuM5DeDqSoeN23a1inn68VLrdV16WUCuFlbQavs+R1vMNZWAltySyhaEJfClIs4Ck8JUk+/zV6NakWDT0+hv4zfstBxacY5EhZCI0tbsVM5gPlhTnKi0SRa555vUawjwg1Vx5GKNu+YjxsHGQhgt6/IXKg3Qq5WtwOEOWULp7D2tVX3J6KDG3CP3bu8khG/KeysJnpDcR4T5ap4D7PmDEhRv5GA4VBJHtcGpVQktDScOzX5sX55T2XoivZ7NS83l5OVmJQmTKUFuhoFKOwSE3AJV62+alax8a4ltaXLI+tEFAKAUAoBQCgFAKAUAoBQH//Z');
    }

    #mainMenueLblHideLayer {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
    }

    #mainMenueChk:checked ~ #mainMenueLblHideLayer {
        display: block;
    }
}




/* --------------------------------- */
/* ---------- Back to Top ---------- */
/* --------------------------------- */
#backtotop {
    display: none;
	width: 38px;
    height: 24px;
    background-color: var(--gray);
    position: fixed;
    bottom: 0;
    right: 5%;
    border-radius: 3px 3px 0 0;
    opacity: 0.9;
}

#backtotop:hover {
    background-color: var(--green);
}

#backtotop::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: -2px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAbCAYAAAAOEM1uAAAAdklEQVRYhe3UsQqAMBAD0P7/z2a44YYMcaqI1NpBW5G89Q4aAr1SzMzsnwAIgEZ2I2Jo7zEAJEkkuw8DEEmR1NSQNWDV2omIfZ6ZcxsspR/yOLtr+VXnkJmpY3NX7S4N+YnmWs4BV+dpqj92dY6u6TfPzMzW2gDhhsBVUKB1OQAAAABJRU5ErkJggg==');
    transform: rotate(180deg);
}


#noJSMessage {
	width: 40px;
	height: 40px;
	position: fixed;
	right: var(--abstand_9);
	bottom: var(--abstand_9);
	pointer-events: all;
	z-index: 2;
}
/* --- --- */
/* ------------------------------------------------------- */
/* -------------------- BannerMitBild -------------------- */
/* ------------------------------------------------------- */
#bannerBildWrapper {
    position: relative;
    height: 240px;
    display: flex;
    align-items: center;
}

#bannerBildBild {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

#bannerBildText {
    z-index: 1;
}

@media (max-width: 768px) {
    #bannerBildWrapper {
        display: none;
    }
}
/* --- --- */
/* ------------------------------------------------ */
/* -------------------- Footer -------------------- */
/* ------------------------------------------------ */
#footerColWrapper {
    display: flex;
    flex-wrap: wrap;
}

#footerColWrapper > * {
    width: 33.33%;
}

#footerColWrapper > *:first-of-type {
    display: none;
    border-bottom: 1px solid var(--gray2);
    padding-bottom: var(--abstand_9);
}

#footerColWrapper > *:nth-of-type(3) {
    text-align: center;
}

#footerColWrapper > *:last-of-type {
    text-align: right;
}

#footerColWrapper a {
    font-family: inherit;
    color: inherit;
}


@media (max-width: 1024px) {
    #footerColWrapper > * {
        width: 100%;
    }

    #footerColWrapper > *:first-of-type {
        display: block;
    }

    #footerColWrapper > *:nth-of-type(2),
    #footerColWrapper > *:last-of-type {
        margin-top: var(--abstand_9);
    }

    #footerColWrapper > *:nth-of-type(3) {
        display: none;
    }

    #footerColWrapper > *:last-of-type {
        text-align: left;
    }
}

@media (max-width: 600px) {
    
}
/* --- --- */