/* css zu paragraf */

/* 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;}
/* --- --- */
/* 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) {
    
}
/* --- --- */