#loadTreeFrame {position: relative; padding-right: 0; padding-top: 2%;margin-top: 6%; padding-left: 20px}
#loadTreeLine {position: absolute; width: 2px; top: 0; bottom: 5%; background-color: #646973; }
#loadTreeLine:before {content:""; width: 20px; height: 20px; border-radius: 50%; background-color: #646973; position: absolute; top: 0; left: -9px}
#loadTreeLine:after {content:""; width: 20px; height: 20px; border-radius: 50%; background-color: #646973; position: absolute; bottom: 0; left: -9px}

#loadTreePic {position: absolute; top: 0; bottom: 0;z-index: -1; width: 100%; left: 0%;}

#loadTreeFrame div.ce_text {
    -webkit-transition: all 1.85s cubic-bezier(.23,1,.32,1);
    -moz-transition: all 1.85s cubic-bezier(.23,1,.32,1);
    -ms-transition: all 1.85s cubic-bezier(.23,1,.32,1);
    -o-transition: all 1.85s cubic-bezier(.23,1,.32,1);
    transition: all 1.85s cubic-bezier(.23,1,.32,1);
}

#loadTreeFrame div.ce_text {position: relative; opacity: 0.2; transform: translatey(10rem); margin-top: 3%; overflow: hidden; min-height: 160px; position: relative}
#loadTreeFrame div.ce_text.active {opacity: 1;transform: translatey(0rem)} 
#loadTreeFrame div.ce_text .loadTreeReadMore {position: absolute; left: 0; top: 0; width: 99%; height: 97%; margin: 2px}
#loadTreeFrame div.ce_text:before {content:""; position: absolute; top: 71px; width: 60px; height: 2px; background-color: #646973} 
#loadTreeFrame div.ce_text:nth-child(2n-1):before {left: 0}
#loadTreeFrame div.ce_text:nth-child(2n) .teaser ul li {padding-left: 0; padding-right: 0px}
#loadTreeFrame {padding-bottom: 10%}
#loadTreeFrame div.ce_text.loadTreeWithPic {padding-top: 1%}
#loadTreeFrame div.ce_text.loadTreeWithPic .col12 {padding-left: 250px;}
#loadTreeFrame div.ce_text.loadTreeWithPic p {margin: 0}
#loadTreeFrame div.ce_text.loadTreeWithPic h3 {margin: 0;padding: 10px 0 10px 0;}
#loadTreeFrame div.ce_text.loadTreeWithPic figure, #loadTreeFrame div.ce_text.loadTreeWithPic .row.Pic  {position: absolute;top: 0px;width: 142px;height: 142px;border-radius: 50%;border: 2px solid #646973}
#loadTreeFrame div.ce_text.loadTreeWithPic figure img {max-width: 200%}
#loadTreeFrame div.ce_text.loadTreeWithPic:nth-child(2n-1) figure {top: -13px}
#loadTreeFrame div.ce_text.loadTreeWithPic:nth-child(2n) figure, #loadTreeFrame div.ce_text.loadTreeWithPic:nth-child(2n) .row.Pic  {right: 60px; top: 0px}
#loadTreeFrame div.ce_text.loadTreeWithPic .row.Pic  {cursor: pointer; left: 60px}
#loadTreeFrame div.ce_text.loadTreeWithPic .bl_kat {margin-bottom: 10px}
#loadTreeFrame .pagination {position: absolute;bottom: 0;width: 100%;left: 0;margin-bottom: 0;}
#loadTreeFrame div.ce_text.loadTreeWithPic.noPic .row.Pic {border: 4px solid #646973}
#loadTreeFrame div.ce_text.loadTreeWithPic.noPic .backpicDiv {background: #eee !important} 
#loadTreeFrame .bl_kat, #loadTreeFrame .bl_archive {font: 18px var(--font-bold)}
#loadTreeFrame p.info {font-size: 18px;margin-bottom: 10px !important;}

/*---------FONT--------------------------------------*/
#loadTreeFrame div.ce_text h1, #loadTreeFrame div.ce_text h2, #loadTreeFrame div.ce_text h3, #loadTreeFrame div.ce_text h4, #loadTreeFrame div.ce_text h5, #loadTreeFrame div.ce_text h6 {font-size: 24px;margin-bottom: 10px}

/*---------BILD AUF DER LINIE--------------------------------------*/
#loadTreeFrame.ldt_imagOnLine {padding-left: 0; padding-top: 2% !important} 
#loadTreeFrame.ldt_imagOnLine div.ce_text {padding-top: 20px !important}
#loadTreeFrame.ldt_imagOnLine #loadTreeLine {left: 71px; z-index: -1}
#loadTreeFrame.ldt_imagOnLine div.ce_text:before {display: none}
#loadTreeFrame.ldt_imagOnLine div.ce_text.loadTreeWithPic .row.Pic {left: 0}
#loadTreeFrame.ldt_imagOnLine div.ce_text.loadTreeWithPic .col12 {padding-left: 150px}

/*---------ABWECHSELND RECHTS / LINKS--------------------------------------*/
#loadTreeFrame.ldt_alternatelyRL {padding-left: 0; padding-top: 7% !important} 
#loadTreeFrame.ldt_alternatelyRL #loadTreeLine {left: calc(50% - 1px)}
#loadTreeFrame.ldt_alternatelyRL div.ce_text {width: 50%}
#loadTreeFrame.ldt_alternatelyRL div.ce_text.loadTreeWithPic {margin-top: -3%}
#loadTreeFrame.ldt_alternatelyRL div.ce_text:nth-child(2n-1) {margin-left: 50%; text-align: left; padding-left: 60px}
#loadTreeFrame.ldt_alternatelyRL div.ce_text:nth-child(2n) {padding-right: 60px; text-align: right}
#loadTreeFrame.ldt_alternatelyRL div.ce_text:nth-child(2n) p.info, #loadTreeFrame.ldt_alternatelyRL div.ce_text:nth-child(2n) .bl_katitems, #loadTreeFrame.ldt_alternatelyRL div.ce_text:nth-child(2n) .bl_archive {justify-self: flex-end;margin-right: 0;width: 100%;justify-content: flex-end;}
#loadTreeFrame.ldt_alternatelyRL div.ce_text.loadTreeWithPic:nth-child(2n) .col12 {padding-right: 160px; padding-left: 0}
#loadTreeFrame.ldt_alternatelyRL div.ce_text.loadTreeWithPic:nth-child(2n) .row.Pic  {cursor: pointer; left: initial; right: 57px}
#loadTreeFrame.ldt_alternatelyRL div.ce_text.loadTreeWithPic:nth-child(2n-1) .col12 {padding-left: 160px;}
#loadTreeFrame.ldt_alternatelyRL div.ce_text:nth-child(2n):before {right: 0}
#loadTreeFrame.ldt_alternatelyRL div.ce_text:nth-child(2n) ul li {padding-right: 20px}
#loadTreeFrame.ldt_alternatelyRL div.ce_text:nth-child(2n) ul li:before {right: 0; left: initial; top: 12px}
#loadTreeFrame.ldt_alternatelyRL div.ce_text:nth-child(2n) .bl_kat, #loadTreeFrame.ldt_alternatelyRL div.ce_text:nth-child(2n) .bl_archive {margin: 0px 0 10px 3%}
#loadTreeFrame.ldt_alternatelyRL div.ce_text:nth-child(2n) p.info {margin-left: 0}

/*---------LIGHTBOX---------------------------------------*/
.pg_lbElementBack {background-color:rgb(0 0 0 / .8);display:none;position:fixed;top:0; left:0;width:100%;height:100%;z-index:999999999999}
.pg_lbElementLBInner {display:none;position:fixed;overflow:auto; top:10%;left:10%;width:80%;bottom:10%;background-color:#fff;z-index:999999999999;font-weight:400;text-align:left}
body.firefox .pg_lbElementLBInner { overflow-x:auto}
.pg_lbElementLBInnerIframe {position:absolute;width:100%;height:100%;outline:0;border:none}
#newLbBackCloser {position:fixed;top:5%;right:5%;background-color:#fff0;z-index:999999999999; cursor:pointer;border:none;outline:0}
#newLbBackCloser:focus-visible {outline: 2px dashed #fff !important}


@media (max-width: 1182px)
{
	/*NUR ABWECHSELND RECHTS / LINKS -> 1182 !!*/
	#loadTreeFrame.ldt_alternatelyRL {padding-bottom: 7%; margin-bottom: 6%; margin-top: 12%}
	#loadTreeFrame.ldt_alternatelyRL #loadTreeLine {left: 11px}
	#loadTreeFrame.ldt_alternatelyRL div.ce_text.loadTreeWithPic {margin-top: 0; margin-bottom: 6%}
	#loadTreeFrame.ldt_alternatelyRL div.ce_text {margin-left: 11px !important;width: 95%}
	#loadTreeFrame.ldt_alternatelyRL div.ce_text:nth-child(2n):before {left: 0}
	#loadTreeFrame.ldt_alternatelyRL div.ce_text:nth-child(2n) {padding-right: 0; text-align: left;padding-left: 60px;}
	#loadTreeFrame div.ce_text.loadTreeWithPic .row.Pic {left: 60px !important}
	#loadTreeFrame.ldt_alternatelyRL div.ce_text.loadTreeWithPic:nth-child(2n) .col12 {padding-right: 0; padding-left: 160px}
	#loadTreeFrame.ldt_alternatelyRL div.ce_text:nth-child(2n) p.info, #loadTreeFrame.ldt_alternatelyRL div.ce_text:nth-child(2n) .bl_katitems {/*justify-self: start*/flex-flow: row-reverse;}
	#loadTreeFrame.ldt_alternatelyRL div.ce_text:nth-child(2n) .bl_kat, #loadTreeFrame.ldt_alternatelyRL div.ce_text:nth-child(2n) .bl_archive {margin: 0px 3% 10px 0}
	#loadTreeFrame.ldt_alternatelyRL div.ce_text:nth-child(2n) ul li:before {right: initial}
	
		#loadTreeFrame.ldt_imagOnLine div.ce_text.loadTreeWithPic .row.Pic {left: 0 !important}
}

@media (max-width: 850px)
{
	#loadTreeFrame div.ce_text.loadTreeWithPic, #loadTreeFrame.ldt_alternatelyRL div.ce_text.loadTreeWithPic {margin-bottom: 12%}
	#loadTreeFrame div.ce_text.loadTreeWithPic .col12 {margin-top: 150px;display: block;padding-left: 70px;}

	#loadTreeFrame.ldt_alternatelyRL div.ce_text.loadTreeWithPic .col12 {padding-left: 0 !important}

	#loadTreeFrame.ldt_imagOnLine {padding-top: 12% !important}
	#loadTreeFrame.ldt_imagOnLine div.ce_text.loadTreeWithPic .col12 {margin-top: 0px; }
	

}

@media (max-width: 575px)
{

	/*LOATREE 575 !!
	#loadTreeLine {left: calc(50% - 1px);z-index: -1;}
	#loadTreeFrame div.ce_text:before {display: none}
	#loadTreeFrame div.ce_text {background-color: #fff; text-align: center !important; padding: 20px 0 !important;opacity: 1 !important}
	#loadTreeFrame .pagination {bottom: -1%; font-size: 14px}
	*/
	
}