.TRace {
  position: fixed;
  bottom: 0;
  color: #000;
  z-index: 9999999;
  background-color: #fff;
  border: 1px solid;
  padding: 20px;
}
/*

Das fehlt für die Portaitdarstellung. Kommt auf der ABstellanlage anscheinend aus einem anderen CSS das sonst nicht zwingend da ist.

.flexRow.flex_3 > div {
  width: 31.3333%;
}
*/
.bl_katitems {display: flex; flex-wrap: wrap}
.bl_kat, .bl_archive {font: 14px var(--font-bold);margin: 0px 3% 10px 0;}
.datetime{margin: 4px 0; font: 14px var(--font-regular);}
.blinfo{margin: 0}
.bl_calfahne{
	position: absolute;
	top: 20px;
	left: 0;
	width: 50px;
	background-color: var(--red);
	z-index: 1;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	padding: 15px 0;
	line-height: 16px;
	font-size: 11px;
}
.bl_day
{
	font-weight: bold;
	font-size: 26px;
	margin-bottom: 12px;
}
.bl_year, .bl_month
{
	font-size: 14px;
}
.layout_latest, .layout_latest .ll_pic .ll_backpic {-webkit-transition: all .75s cubic-bezier(.23,1,.32,1);-moz-transition: all .75s cubic-bezier(.23,1,.32,1);-ms-transition: all .75s cubic-bezier(.23,1,.32,1);-o-transition: all .75s cubic-bezier(.23,1,.32,1);transition: all .75s cubic-bezier(.23,1,.32,1);}
.layout_latest {background: #fff;box-shadow: 0 0 1rem 0 #d7dce1;overflow: hidden;border-radius: 4px;position: relative}
.layout_latest:hover {box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, .23), 0 0.5rem 1.6rem 0 rgba(0, 0, 0, .2);}
.layout_latest .ll_desc h2, .layout_latest .ll_desc h3, .newsSlide .ll_desc h2, .newsSlide .ll_desc h3 {font-size: 24px; line-height: normal}
.layout_latest .ll_desc {padding: 2rem; margin: 4px;}
.layout_latest .more {font-family: var(--font-regular); padding: 8px 12px; border: 1px solid #000; border-radius: 4px; color: #000;transition: all .45s cubic-bezier(.23,1,.32,1); display: inline-block; margin: 0;min-width: 145px;text-align: center;}
.layout_latest .more.extern:after {font-family: "Font Awesome 5 Free";font-weight: 900; content:"\f061";display: inline-block; margin: 0 5px;text-decoration: none !important;  border-bottom: 1px solid transparent;     font-size: 12px;-webkit-transform: rotate(-45deg);-webkit-transform-origin: 35% 40%;-moz-transform: rotate(-45deg);-moz-transform-origin: 35% 40%;-o-transform: rotate(-45deg);-o-transform-origin: 35% 40%;-ms-transform: rotate(-45deg);-ms-transform-origin: 35% 40%;transform: rotate(-45deg);transform-origin: 35% 40%;}
.layout_latest:hover .more {background-color: #000; color: #fff; text-decoration: none}
.layout_latest .ll_link {position: absolute;top: 2px;left: 2px;width: calc(100% - 8px);height: calc(100% - 8px);z-index: 5;text-decoration: none}
.layout_latest .ll_link:after {display: none}
.layout_latest .ll_pic {overflow: hidden; position: relative;}
.layout_latest:hover .ll_backpic  {transform: scale(1.1)}
.layout_latest .copytextLayer {position: absolute; bottom: 0px; right: 0px; left: 10px; text-align: right; font-size: 14px; color: #fff;text-shadow: 2px 2px 5px rgba(0,0,0,0.4);z-index: 10}
.layout_latest .copytextLayer span {position: absolute;bottom: 0;right: -100%;z-index: 1;padding: 0.5em 0.75em;color: #fff;background: rgba(19, 24, 33, 0.5);border-radius: 0.25rem 0 0 0;backdrop-filter: blur(20px);transition: all 0.2s cubic-bezier(0.15,0,0.45,1);}
.layout_latest .copytextLayer:before {color: #fff !important;background: rgba(19, 24, 33, 0.75) !important;position: absolute;bottom: 0.5rem;right: 0.5rem;z-index: 1;display: flex;align-items: center;justify-content: center;width: 1.5rem;height: 1.5rem;font-size: 1rem;line-height: 1.5rem;color: #131821;text-align: center;cursor: pointer;content: "\f1f9";font-family: "Font Awesome 5 Free";background: rgba(255, 255, 255, 0.5);border-radius: 10rem;backdrop-filter: blur(10px);transition: all 0.2s cubic-bezier(0.15,0,0.45,1)}
.layout_latest .copytextLayer:hover span {opacity: 1;right: 0;}
.layout_latest .copytextLayer:hover:before {opacity: 0}

.layout_latest.ll_landscape {display: flex; margin-bottom: 3%; width: 99%;margin-left: 1%;}
.layout_latest.ll_landscape.picTextReverse {flex-direction: row-reverse;}
.layout_latest.ll_landscape.simpleText .ll_desc {width: 100%} 
.layout_latest.ll_landscape .ll_desc {width: 70%}
.layout_latest.ll_landscape .ll_pic {width: 30%}
.layout_latest.ll_landscape .ll_pic .ll_backpic {height: 100%}

.layout_latest.ll_portrait .ll_pic .ll_backpic {height: 250px;}
.layout_latest.ll_portrait .ll_desc {position: relative; height: calc(100% - 250px); padding-bottom: 90px}
.layout_latest.ll_portrait.simpleText .ll_desc {height: 100%}
.layout_latest.ll_portrait .more {position: absolute; bottom: 2rem; left: 2rem}
.layout_latest.ll_portrait{margin-bottom: 24px; margin-left: 1%;}

.layout_latest.ll_picTextSideBySide {display: flex; align-items: center; box-shadow: none; margin-bottom: 6%}
.layout_latest.ll_picTextSideBySide .ll_desc {background-color: var(--light-grey); padding: 4rem; width: 100%!Important; border-radius: 5px;z-index: 0}
.layout_latest.ll_picTextSideBySide .ll_pic {margin-left: -3rem; width: 58%}
.layout_latest.ll_picTextSideBySide .caption {display: none}
/*
.layout_latest.ll_picTextSideBySide {display: flex; align-items: center; box-shadow: none; margin-bottom: 3%!Important}
.layout_latest.ll_picTextSideBySide .ll_desc {background-color: var(--light-grey);min-height: 350px;padding: 4rem 4rem 7rem 4rem !important;width: 100%;border-radius: 5px;z-index: 0; position: relative}
.layout_latest.ll_picTextSideBySide .ll_pic {margin-left: -3rem;width: 58%;border-radius: 5px;}
.layout_latest.ll_picTextSideBySide .more {position: absolute;bottom: 3rem;}
*/

/* NEWSKATMENU */
#newsKatMenu {clear: both;overflow-y: visible;min-height: 100px;}
#newsKatMenu {margin-top: 3%}
#newsKatMenu label {margin-bottom: 10px; display: block}

/* Datepicker */
.datepickerFrame {position: relative; }
.datepickerInner {display: flex;height: 40px}
.datepickerFrame .datePicker {width: 40px;float: left; background-color: #3c414b; font-size: 14px; color: #fff; text-align: center; cursor: pointer; border: none;border-radius: 0;border-top-left-radius: 3.5px;border-bottom-left-radius: 3.5px;display: flex;align-items: center;justify-content: center; }
.datepickerFrame .datePicker i {padding: 0}
.datepickerFrame input {font-size: 18px;padding: 3px 20px 0 10px;width: 85%;background-color: #f0f3f5; border: none; border-bottom: 1px solid #afb4bb; outline: 0;border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.datepickerInner input {-webkit-appearance: none;-moz-appearance:none;appearance:none;}

/* Select */
#newsKatMenu .widget.select {width: 100%}
#newsKatMenu * {-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;}
#newsKatMenu .selectFrame select {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none; outline: 0}
#newsKatMenu .selectFrame {position: relative; width: 100%;height: 40px;border-bottom: 1px solid #afb4bb}
#newsKatMenu .selectFrame select {color: #333;width: 100%;padding: 8px 12px;border: 1px solid transparent;cursor: pointer;background-color: rgba(0,0,0,0);font-size: 18px;position: absolute;left: 0; top: 0; right: 0; bottom: 0; width: 100%;height: 100%;}
#newsKatMenu .selectFrame:before {content: "\f107";font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;right: 10px;top: 10px}
#newsKatMenu .selectFrame:after {display: none}

/* Reset */
#presse #resetAllBtn {width: 31%}
#resetAllBtn {padding-bottom: 3%}
#resetAllBtnInner {margin: 2px; transition: all .45s cubic-bezier(.23,1,.32,1);cursor: pointer; border: none; outline: 0; border-radius: 4px;font-size: 16px; background-color: #ed1c24; color: #fff; padding: 10px; text-align: center}
#resetAllBtnInner:hover {background-color: #740009}

#pg_blogPagination.active {display: block}


@media (max-width: 950px)
{
	#resetAllBtn {margin-bottom: 6%}
	#newsKatMenu, #newsKatMenu.visibleRow {overflow: visible !important; margin-bottom: 6%}
	#newsKatMenu > .col4, #newsKatMenu > .col8 {float: none; width: 100%;clear: both}
	#newsKatMenu > .col8 > div:first-child {width: 100%}
	#newsKatMenu > .col8 > div {width: 100%; float: none}
	
	#aktuelles #pg_blogPagination .pagination .next {right: 0}
	#aktuelles #pg_blogPagination .pagination .left {left: 0}
	
	.layout_latest.ll_picTextSideBySide {flex-wrap: wrap;flex-direction: column-reverse; clear: both; margin-bottom: 6% !important}
	.layout_latest.ll_picTextSideBySide .ll_desc {width: 100% !important; margin: 0; border-top-left-radius: 0 !important;border-top-right-radius: 0 !important; padding: 2rem 2rem 7rem 2rem !important;}
	.layout_latest.ll_picTextSideBySide .ll_pic {width: 100% !important; margin-left: 0 !important; border-bottom-left-radius: 0 !important;border-bottom-right-radius: 0 !important}
	
}
@media (max-width: 850px)
{	
	.layout_latest.ll_landscape {flex-wrap: wrap;flex-direction: column-reverse; width: 95%; margin: 0 auto; margin-bottom: 6% !important}
	.layout_latest.ll_landscape .ll_pic {width: 100% !important; height: 250px !important; margin-top: 0}
	.layout_latest.ll_landscape .ll_desc {width: calc(100% - 8px)!important}
	.layout_latest.ll_landscape.picTextReverse {flex-direction: column-reverse}
	.layout_latest.ll_landscape .more {margin-top: 1rem}
	
}