#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* ======================================================================================
Styleseet für das Grid-System. Keine Änderungen vornehmen!
Datei: grid.css
Datum: 01.09.2021
Autor: Marco Dittmer, Agentur Zentral
Aufbau: 1. Grid-System
			1.1. Sehr großer Bildschirm		(min-width: 1300px)
			1.2. Großer Bildschirm			(max-width: 1299px) and (min-width: 1040px)
			1.3. Mittelgroßer Bildschirm	(max-width: 1039px) and (min-width: 780px)
			1.4. Kleiner Bildschirm			(max-width: 779px) and (min-width: 520px)
			1.5. Sehr kleiner Bildschirm	(max-width: 519px)
====================================================================================== */

/* ======================================================================================
1. Grid-System
====================================================================================== */
.grid_info {
	background: #e9ecef !important;
	border: 1px solid #fff;
}
.row,
.flexbox {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
*[class*="grid_"] {
	float: left;
	min-height: 1px;
}
#main, #left, #right {
	float: left;
	position: relative;
}

/* ======================================================================================
1. Grid-System
	1.1. Sehr großer Bildschirm
====================================================================================== */
/* Media Query Anfang */ @media screen and (min-width: 1300px) {
.width_lg,
.xlg_width_lg,
.mod_cookiebar .inside {
	margin: 0 auto;
	width: 100%;
}
.boxed .width_lg,
.boxed .xlg_width_lg,
.boxed .mod_cookiebar .inside {
	width: 1240px;
}
.width_md,
.xlg_width_md {
	margin: 0 auto;
	width: 80%;
}
.boxed .width_md,
.boxed .xlg_width_md {
	width: 992px;
}
.width_sm,
.xlg_width_sm {
	margin: 0 auto;
	width: 60%;
}
.boxed .width_sm,
.boxed .xlg_width_sm {
	width: 744px;
}
.fullwidth,
.xlg_fullwidth {
	width: 100%;
}
.column_both #container,
.column_left #container,
.column_right #container {
	margin: 0 auto;
	padding-left: 270px;
	width: 100%;
}
.column_both.boxed #container,
.column_left.boxed #container,
.column_right.boxed #container {
	width: 1270px;
}
.column_right.boxed #container {
	padding-left: 0;
}
.column_both #main,
.column_left #main,
.column_right #main {
	width: calc(100% - 270px);
}
.column_both.boxed #main {
	width: 730px;
}
.column_left.boxed #main,
.column_right.boxed #main {
	width: 1000px;
}
.column_both #left,
.column_both #right,
.column_left #left,
.column_right #right {
	width: 270px;
}
.column_left #main,
.column_left #left {
	float: right;
}
.column_both.boxed #main .width_lg,
.column_both.boxed #main .fullwidth,
.column_both.boxed #main .xlg_width_lg,
.column_both.boxed #main .xlg_fullwidth,
.column_left.boxed #main .width_lg,
.column_right.boxed #main .width_lg,
.column_left.boxed #main .fullwidth,
.column_right.boxed #main .fullwidth,
.column_left.boxed #main .xlg_width_lg,
.column_right.boxed #main .xlg_width_lg,
.column_left.boxed #main .xlg_fullwidth,
.column_right.boxed #main .xlg_fullwidth {
	padding: 0 15px;
	width: 100%;
}
.column_both #main .width_md,
.column_left #main .width_md,
.column_right #main .width_md,
.column_both #main .xlg_width_md,
.column_left #main .xlg_width_md,
.column_right #main .xlg_width_md {
	width: 80%;
}
.column_both #main .width_sm,
.column_left #main .width_sm,
.column_right #main .width_sm,
.column_both #main .xlg_width_sm,
.column_left #main .xlg_width_sm,
.column_right #main .xlg_width_sm {
	width: 60%;
}
.column_both #left .width_lg,
.column_left #left .width_lg,
.column_right #left .width_lg,
.column_both #right .width_lg,
.column_left #right .width_lg,
.column_right #right .width_lg,
.column_both #left .xlg_width_lg,
.column_left #left .xlg_width_lg,
.column_right #left .xlg_width_lg,
.column_both #right .xlg_width_lg,
.column_left #right .xlg_width_lg,
.column_right #right .xlg_width_lg,
.column_both #left .width_md,
.column_left #left .width_md,
.column_right #left .width_md,
.column_both #right .width_md,
.column_left #right .width_md,
.column_right #right .width_md,
.column_both #left .xlg_width_md,
.column_left #left .xlg_width_md,
.column_right #left .xlg_width_md,
.column_both #right .xlg_width_md,
.column_left #right .xlg_width_md,
.column_right #right .xlg_width_md,
.column_both #left .width_sm,
.column_left #left .width_sm,
.column_right #left .width_sm,
.column_both #right .width_sm,
.column_left #right .width_sm,
.column_right #right .width_sm,
.column_both #left .xlg_width_sm,
.column_left #left .xlg_width_sm,
.column_right #left .xlg_width_sm,
.column_both #right .xlg_width_sm,
.column_left #right .xlg_width_sm,
.column_right #right .xlg_width_sm,
.column_both #left .fullwidth,
.column_left #left .fullwidth,
.column_right #left .fullwidth,
.column_both #right .fullwidth,
.column_left #right .fullwidth,
.column_right #right .fullwidth,
.column_both #left .xlg_fullwidth,
.column_left #left .xlg_fullwidth,
.column_right #left .xlg_fullwidth,
.column_both #right .xlg_fullwidth,
.column_left #right .xlg_fullwidth,
.column_right #right .xlg_fullwidth {
	padding: 0 15px;
	width: 100%;
}
.boxed .row {
	margin-left: -15px;
	margin-right: -15px;
}
.boxed .fullwidth .row,
.boxed .xlg_fullwidth .row {
	margin-left: 0;
	margin-right: 0;
}
.row_xlg_bottom_offset_xlg {
	padding-bottom: 55px;
}
.row_xlg_bottom_offset_lg {
	padding-bottom: 45px;
}
.row_xlg_bottom_offset_md {
	padding-bottom: 35px;
}
.row_xlg_bottom_offset_sm {
	padding-bottom: 25px;
}
.row_xlg_bottom_offset_xsm {
	padding-bottom: 15px;
}
.row_xlg_top_offset_xlg {
	padding-top: 55px;
}
.row_xlg_top_offset_lg {
	padding-top: 45px;
}
.row_xlg_top_offset_md {
	padding-top: 35px;
}
.row_xlg_top_offset_sm {
	padding-top: 25px;
}
.row_xlg_top_offset_xsm {
	padding-top: 15px;
}
.col_xlg_no_offset {
	padding: 0 !important;
}
.col_xlg_bottom_no_offset {
	padding-bottom: 0 !important;
}
.col_xlg_left_no_offset {
	padding-left: 0 !important;
}
.col_xlg_right_no_offset {
	padding-right: 0 !important;
}
.col_xlg_top_no_offset {
	padding-top: 0 !important;
}
*[class*="grid_"] {
	padding: 15px;
}
.grid_xlg_0 { display: none; }
.grid_xlg_1 { width: 8.33333333%; }
.grid_xlg_2 { width: 16.66666667%; }
.grid_xlg_3 { width: 25%; }
.grid_xlg_4 { width: 33.33333333%; }
.grid_xlg_5 { width: 41.66666667%; }
.grid_xlg_6 { width: 50%; }
.grid_xlg_7 { width: 58.33333333%; }
.grid_xlg_8 { width: 66.66666667%; }
.grid_xlg_9 { width: 75%; }
.grid_xlg_10 { width: 83.33333333%; }
.grid_xlg_11 { width: 91.66666667%; }
.grid_xlg_12 { width: 100%; }
/* Media Query Ende */ }

/* ======================================================================================
1. Grid-System
	1.2. Großer Bildschirm
====================================================================================== */
/* Media Query Anfang */ @media screen and (max-width: 1299px) and (min-width: 1040px) {
.width_lg,
.xlg_width_lg,
.mod_cookiebar .inside {
	margin: 0 auto;
	width: 100%;
}
.boxed .width_lg,
.boxed .lg_width_lg,
.boxed .mod_cookiebar .inside {
	width: 980px;
}
.width_md,
.lg_width_md {
	margin: 0 auto;
	width: 80%;
}
.boxed .width_md,
.boxed .lg_width_md {
	width: 784px;
}
.width_sm,
.lg_width_sm {
	margin: 0 auto;
	width: 60%;
}
.boxed .width_sm,
.boxed .lg_width_sm {
	width: 588px;
}
.fullwidth,
.lg_fullwidth {
	width: 100%;
}
.column_both #container,
.column_left #container,
.column_right #container {
	margin: 0 auto;
	padding-left: 235px;
	width: 100%;
}
.column_both.boxed #container,
.column_left.boxed #container,
.column_right.boxed #container {
	width: 1010px;
}
.column_right.boxed #container {
	padding-left: 0;
}
.column_both #main,
.column_left #main,
.column_right #main {
	width: calc(100% - 235px);
}
.column_both.boxed #main {
	width: 540px;
}
.column_left.boxed #main,
.column_right.boxed #main {
	width: 775px;
}
.column_both #left,
.column_both #right,
.column_left #left,
.column_right #right {
	width: 235px;
}
.column_left #main,
.column_left #left {
	float: right;
}
.column_both.boxed #main .width_lg,
.column_both.boxed #main .fullwidth,
.column_both.boxed #main .lg_width_lg,
.column_both.boxed #main .lg_fullwidth,
.column_left.boxed #main .width_lg,
.column_right.boxed #main .width_lg,
.column_left.boxed #main .fullwidth,
.column_right.boxed #main .fullwidth,
.column_left.boxed #main .lg_width_lg,
.column_right.boxed #main .lg_width_lg,
.column_left.boxed #main .lg_fullwidth,
.column_right.boxed #main .lg_fullwidth {
	padding: 0 15px;
	width: 100%;
}
.column_both #main .width_md,
.column_left #main .width_md,
.column_right #main .width_md,
.column_both #main .lg_width_md,
.column_left #main .lg_width_md,
.column_right #main .lg_width_md {
	width: 80%;
}
.column_both #main .width_sm,
.column_left #main .width_sm,
.column_right #main .width_sm,
.column_both #main .lg_width_sm,
.column_left #main .lg_width_sm,
.column_right #main .lg_width_sm {
	width: 60%;
}
.column_both #left .width_lg,
.column_left #left .width_lg,
.column_right #left .width_lg,
.column_both #right .width_lg,
.column_left #right .width_lg,
.column_right #right .width_lg,
.column_both #left .lg_width_lg,
.column_left #left .lg_width_lg,
.column_right #left .lg_width_lg,
.column_both #right .lg_width_lg,
.column_left #right .lg_width_lg,
.column_right #right .lg_width_lg,
.column_both #left .width_md,
.column_left #left .width_md,
.column_right #left .width_md,
.column_both #right .width_md,
.column_left #right .width_md,
.column_right #right .width_md,
.column_both #left .lg_width_md,
.column_left #left .lg_width_md,
.column_right #left .lg_width_md,
.column_both #right .lg_width_md,
.column_left #right .lg_width_md,
.column_right #right .lg_width_md,
.column_both #left .width_sm,
.column_left #left .width_sm,
.column_right #left .width_sm,
.column_both #right .width_sm,
.column_left #right .width_sm,
.column_right #right .width_sm,
.column_both #left .lg_width_sm,
.column_left #left .lg_width_sm,
.column_right #left .lg_width_sm,
.column_both #right .lg_width_sm,
.column_left #right .lg_width_sm,
.column_right #right .lg_width_sm,
.column_both #left .fullwidth,
.column_left #left .fullwidth,
.column_right #left .fullwidth,
.column_both #right .fullwidth,
.column_left #right .fullwidth,
.column_right #right .fullwidth,
.column_both #left .lg_fullwidth,
.column_left #left .lg_fullwidth,
.column_right #left .lg_fullwidth,
.column_both #right .lg_fullwidth,
.column_left #right .lg_fullwidth,
.column_right #right .lg_fullwidth {
	padding: 0 15px;
	width: 100%;
}
.boxed .row {
	margin-left: -15px;
	margin-right: -15px;
}
.boxed .fullwidth .row,
.boxed .lg_fullwidth .row {
	margin-left: 0;
	margin-right: 0;
}
.row_lg_bottom_offset_xlg {
	padding-bottom: 55px;
}
.row_lg_bottom_offset_lg {
	padding-bottom: 45px;
}
.row_lg_bottom_offset_md {
	padding-bottom: 35px;
}
.row_lg_bottom_offset_sm {
	padding-bottom: 25px;
}
.row_lg_bottom_offset_xsm {
	padding-bottom: 15px;
}
.row_lg_top_offset_xlg {
	padding-top: 55px;
}
.row_lg_top_offset_lg {
	padding-top: 45px;
}
.row_lg_top_offset_md {
	padding-top: 35px;
}
.row_lg_top_offset_sm {
	padding-top: 25px;
}
.row_lg_top_offset_xsm {
	padding-top: 15px;
}
.col_lg_no_offset {
	padding: 0 !important;
}
.col_lg_bottom_no_offset {
	padding-bottom: 0 !important;
}
.col_lg_left_no_offset {
	padding-left: 0 !important;
}
.col_lg_right_no_offset {
	padding-right: 0 !important;
}
.col_lg_top_no_offset {
	padding-top: 0 !important;
}
*[class*="grid_"] {
	padding: 15px;
}
.grid_lg_0 { display: none; }
.grid_lg_1 { width: 8.33333333%; }
.grid_lg_2 { width: 16.66666667%; }
.grid_lg_3 { width: 25%; }
.grid_lg_4 { width: 33.33333333%; }
.grid_lg_5 { width: 41.66666667%; }
.grid_lg_6 { width: 50%; }
.grid_lg_7 { width: 58.33333333%; }
.grid_lg_8 { width: 66.66666667%; }
.grid_lg_9 { width: 75%; }
.grid_lg_10 { width: 83.33333333%; }
.grid_lg_11 { width: 91.66666667%; }
.grid_lg_12 { width: 100%; }
/* Media Query Ende */ }

/* ======================================================================================
1. Grid-System
	1.3. Mittelgroßer Bildschirm
====================================================================================== */
/* Media Query Anfang */ @media screen and (max-width: 1039px) and (min-width: 780px) {
.width_lg,
.md_width_lg,
.mod_cookiebar .inside {
	margin: 0 auto;
	width: 100%;
}
.boxed .width_lg,
.boxed .md_width_lg,
.boxed .mod_cookiebar .inside {
	width: 720px;
}
.width_md,
.md_width_md {
	margin: 0 auto;
	width: 80%;
}
.boxed .width_md,
.boxed .md_width_md {
	width: 576px;
}
.width_sm,
.md_width_sm {
	margin: 0 auto;
	width: 60%;
}
.boxed .width_sm,
.boxed .md_width_sm {
	width: 432px;
}
.fullwidth,
.md_fullwidth {
	width: 100%;
}
.column_both #container,
.column_left #container,
.column_right #container {
	margin: 0 auto;
	padding-left: 185px;
	width: 100%;
}
.column_both.boxed #container,
.column_left.boxed #container,
.column_right.boxed #container {
	width: 740px;
}
.column_right.boxed #container {
	padding-left: 0;
}
.column_both #main,
.column_left #main,
.column_right #main {
	width: calc(100% - 185px);
}
.column_both.boxed #main {
	width: 370px;
}
.column_left.boxed #main,
.column_right.boxed #main {
	width: 555px;
}
.column_both #left,
.column_both #right,
.column_left #left,
.column_right #right {
	width: 185px;
}
.column_left #main,
.column_left #left {
	float: right;
}
.column_both.boxed #main .width_lg,
.column_both.boxed #main .fullwidth,
.column_both.boxed #main .md_width_lg,
.column_both.boxed #main .md_fullwidth,
.column_left.boxed #main .width_lg,
.column_right.boxed #main .width_lg,
.column_left.boxed #main .fullwidth,
.column_right.boxed #main .fullwidth,
.column_left.boxed #main .md_width_lg,
.column_right.boxed #main .md_width_lg,
.column_left.boxed #main .md_fullwidth,
.column_right.boxed #main .md_fullwidth {
	padding: 0 10px;
	width: 100%;
}
.column_both #main .width_md,
.column_left #main .width_md,
.column_right #main .width_md,
.column_both #main .md_width_md,
.column_left #main .md_width_md,
.column_right #main .md_width_md {
	width: 80%;
}
.column_both #main .width_sm,
.column_left #main .width_sm,
.column_right #main .width_sm,
.column_both #main .md_width_sm,
.column_left #main .md_width_sm,
.column_right #main .md_width_sm {
	width: 60%;
}
.column_both #left .width_lg,
.column_left #left .width_lg,
.column_right #left .width_lg,
.column_both #right .width_lg,
.column_left #right .width_lg,
.column_right #right .width_lg,
.column_both #left .md_width_lg,
.column_left #left .md_width_lg,
.column_right #left .md_width_lg,
.column_both #right .md_width_lg,
.column_left #right .md_width_lg,
.column_right #right .md_width_lg,
.column_both #left .width_md,
.column_left #left .width_md,
.column_right #left .width_md,
.column_both #right .width_md,
.column_left #right .width_md,
.column_right #right .width_md,
.column_both #left .md_width_md,
.column_left #left .md_width_md,
.column_right #left .md_width_md,
.column_both #right .md_width_md,
.column_left #right .md_width_md,
.column_right #right .md_width_md,
.column_both #left .width_sm,
.column_left #left .width_sm,
.column_right #left .width_sm,
.column_both #right .width_sm,
.column_left #right .width_sm,
.column_right #right .width_sm,
.column_both #left .md_width_sm,
.column_left #left .md_width_sm,
.column_right #left .md_width_sm,
.column_both #right .md_width_sm,
.column_left #right .md_width_sm,
.column_right #right .md_width_sm,
.column_both #left .fullwidth,
.column_left #left .fullwidth,
.column_right #left .fullwidth,
.column_both #right .fullwidth,
.column_left #right .fullwidth,
.column_right #right .fullwidth,
.column_both #left .md_fullwidth,
.column_left #left .md_fullwidth,
.column_right #left .md_fullwidth,
.column_both #right .md_fullwidth,
.column_left #right .md_fullwidth,
.column_right #right .md_fullwidth {
	padding: 0 10px;
	width: 100%;
}
.boxed .row {
	margin-left: -10px;
	margin-right: -10px;
}
.boxed .fullwidth .row,
.boxed .md_fullwidth .row {
	margin-left: 0;
	margin-right: 0;
}
.row_md_bottom_offset_xlg {
	padding-bottom: 55px;
}
.row_md_bottom_offset_lg {
	padding-bottom: 45px;
}
.row_md_bottom_offset_md {
	padding-bottom: 35px;
}
.row_md_bottom_offset_sm {
	padding-bottom: 25px;
}
.row_md_bottom_offset_xsm {
	padding-bottom: 15px;
}
.row_md_top_offset_xlg {
	padding-top: 55px;
}
.row_md_top_offset_lg {
	padding-top: 45px;
}
.row_md_top_offset_md {
	padding-top: 35px;
}
.row_md_top_offset_sm {
	padding-top: 25px;
}
.row_md_top_offset_xsm {
	padding-top: 15px;
}
.col_md_no_offset {
	padding: 0 !important;
}
.col_md_bottom_no_offset {
	padding-bottom: 0 !important;
}
.col_md_left_no_offset {
	padding-left: 0 !important;
}
.col_md_right_no_offset {
	padding-right: 0 !important;
}
.col_md_top_no_offset {
	padding-top: 0 !important;
}
*[class*="grid_"] {
	padding: 10px;
}
.grid_md_0 { display: none; }
.grid_md_1 { width: 8.33333333%; }
.grid_md_2 { width: 16.66666667%; }
.grid_md_3 { width: 25%; }
.grid_md_4 { width: 33.33333333%; }
.grid_md_5 { width: 41.66666667%; }
.grid_md_6 { width: 50%; }
.grid_md_7 { width: 58.33333333%; }
.grid_md_8 { width: 66.66666667%; }
.grid_md_9 { width: 75%; }
.grid_md_10 { width: 83.33333333%; }
.grid_md_11 { width: 91.66666667%; }
.grid_md_12 { width: 100%; }
/* Media Query Ende */ }

/* ======================================================================================
1. Grid-System
	1.4. Kleiner Bildschirm
====================================================================================== */
/* Media Query Anfang */ @media screen and (max-width: 779px) and (min-width: 520px) {
.width_lg,
.xsm_width_lg,
.width_md,
.xsm_width_md,
.width_sm,
.xsm_width_sm,
.fullwidth,
.xsm_fullwidth,
.mod_cookiebar .inside {
	width: 100%;
}
#main, #left, #right {
	float: none;
	margin-left: 0;
	margin-right: 0;
}
.row_sm_bottom_offset_xlg {
	padding-bottom: 55px;
}
.row_sm_bottom_offset_lg {
	padding-bottom: 45px;
}
.row_sm_bottom_offset_md {
	padding-bottom: 35px;
}
.row_sm_bottom_offset_sm {
	padding-bottom: 25px;
}
.row_sm_bottom_offset_xsm {
	padding-bottom: 15px;
}
.row_sm_top_offset_xlg {
	padding-top: 55px;
}
.row_sm_top_offset_lg {
	padding-top: 45px;
}
.row_sm_top_offset_md {
	padding-top: 35px;
}
.row_sm_top_offset_sm {
	padding-top: 25px;
}
.row_sm_top_offset_xsm {
	padding-top: 15px;
}
.col_sm_no_offset {
	padding: 0 !important;
}
.col_sm_bottom_no_offset {
	padding-bottom: 0 !important;
}
.col_sm_left_no_offset {
	padding-left: 0 !important;
}
.col_sm_right_no_offset {
	padding-right: 0 !important;
}
.col_sm_top_no_offset {
	padding-top: 0 !important;
}
*[class*="grid_"] {
	padding: 10px;
}
.grid_sm_0 { display: none; }
.grid_sm_1 { width: 8.33333333%; }
.grid_sm_2 { width: 16.66666667%; }
.grid_sm_3 { width: 25%; }
.grid_sm_4 { width: 33.33333333%; }
.grid_sm_5 { width: 41.66666667%; }
.grid_sm_6 { width: 50%; }
.grid_sm_7 { width: 58.33333333%; }
.grid_sm_8 { width: 66.66666667%; }
.grid_sm_9 { width: 75%; }
.grid_sm_10 { width: 83.33333333%; }
.grid_sm_11 { width: 91.66666667%; }
.grid_sm_12 { width: 100%; }
/* Media Query Ende */ }

/* ======================================================================================
1. Grid-System
	1.5. Sehr kleiner Bildschirm
====================================================================================== */
/* Media Query Anfang */ @media screen and (max-width: 519px) {
.width_lg,
.xsm_width_lg,
.width_md,
.xsm_width_md,
.width_sm,
.xsm_width_sm,
.fullwidth,
.xsm_fullwidth,
.mod_cookiebar .inside {
	width: 100%;
}
#main, #left, #right {
	float: none;
	margin-left: 0;
	margin-right: 0;
}
.row_xsm_bottom_offset_xlg {
	padding-bottom: 55px;
}
.row_xsm_bottom_offset_lg {
	padding-bottom: 45px;
}
.row_xsm_bottom_offset_md {
	padding-bottom: 35px;
}
.row_xsm_bottom_offset_sm {
	padding-bottom: 25px;
}
.row_xsm_bottom_offset_xsm {
	padding-bottom: 15px;
}
.row_xsm_top_offset_xlg {
	padding-top: 55px;
}
.row_xsm_top_offset_lg {
	padding-top: 45px;
}
.row_xsm_top_offset_md {
	padding-top: 35px;
}
.row_xsm_top_offset_sm {
	padding-top: 25px;
}
.row_xsm_top_offset_xsm {
	padding-top: 15px;
}
.col_xsm_no_offset {
	padding: 0 !important;
}
.col_xsm_bottom_no_offset {
	padding-bottom: 0 !important;
}
.col_xsm_left_no_offset {
	padding-left: 0 !important;
}
.col_xsm_right_no_offset {
	padding-right: 0 !important;
}
.col_xsm_top_no_offset {
	padding-top: 0 !important;
}
*[class*="grid_"] {
	padding: 10px;
}
.grid_xsm_0 { display: none; }
.grid_xsm_1 { width: 8.33333333%; }
.grid_xsm_2 { width: 16.66666667%; }
.grid_xsm_3 { width: 25%; }
.grid_xsm_4 { width: 33.33333333%; }
.grid_xsm_5 { width: 41.66666667%; }
.grid_xsm_6 { width: 50%; }
.grid_xsm_7 { width: 58.33333333%; }
.grid_xsm_8 { width: 66.66666667%; }
.grid_xsm_9 { width: 75%; }
.grid_xsm_10 { width: 83.33333333%; }
.grid_xsm_11 { width: 91.66666667%; }
.grid_xsm_12 { width: 100%; }
/* Media Query Ende */ }
/* ======================================================================================
Styleseet für das Basislayout. Keine Änderungen vornehmen!
Datei: style.css
Datum: 12.01.2023
Autor: Marco Dittmer, Agentur Zentral
Aufbau: 1. Allgemeine Styles
			1.1. Typografie
				1.1.1. Webfonts
				1.1.2. Textstrukturierung und Überschriften
				1.1.3. Icon-Größen
			1.2. Farben
				1.2.1. Text
				1.2.2. Hintergrund
				1.2.3. Rahmen
				1.2.4. Umrisse
				1.2.5. Schatten
			1.3. Ausrichtung
			1.4. Buttons
			1.5. Formularfelder
			1.6. Radien
			1.7. Rahmen
			1.8. Umrisse
			1.9. Transparenz
			1.10. Overlays
			1.11. Zoom
			1.12. Übergang
		2. Layout
			2.1. Kopfzeile
			2.2. Hauptzeile
				2.2.1. Linke Spalte
				2.2.2. Hauptspalte
				2.2.3. Rechte Spalte
			2.3. Unterzeile
			2.4. Fußzeile
		3. Core-Elemente
			3.1. Text-Elemente
				3.1.1. Überschrift
				3.1.2. Text
				3.1.3. Aufzählung
				3.1.4. Tabelle
				3.1.5. Code
				3.1.6. Markdown
			3.2. Akkordeon
			3.3. Content-Slider
			3.4. Link-Elemente
				3.4.1. Hyperlink
				3.4.2. Top-Link
			3.5. Media-Elemente
				3.5.1. Bild
				3.5.2. Galerie
				3.5.3. Video/Audio
				3.5.4. YouTube
				3.5.5. Vimeo
				3.5.6. Colorbox
			3.6. Datei-Elemente
				3.6.1. Download
				3.6.2. Downloads
			3.7. Include-Elemente
				3.7.1. Formulare
				3.7.2. Kommentare
			3.8. Elementgenerator
				3.8.1. Teaserbild
				3.8.2. Teaserbox
				3.8.3. Text/Bild-Kachel
				3.8.4. Hinweisbox
				3.8.5. Teambox
				3.8.6. Zitatbox
				3.8.7. Preistabelle
				3.8.8. Iconbox
				3.8.9. Zeitstrahl
				3.8.10. Landkarte
				3.8.11. iframe-Element
				3.8.12. Anker-Element
				3.8.13. Umschaltumschlag
		4. Frontend-Module
			4.1. Navigation
				4.1.1. Umschaltnavigation
				4.1.2. Kopfnavigation
				4.1.3. Hauptnavigation
				4.1.4. Lokale Navigation
				4.1.5. Nachrichtenarchiv-Navigation
				4.1.6. Fußnavigation
				4.1.7. Navigationspfad
				4.1.8. Seitennummerierung
				4.1.9. HTML-Sitemap
				4.1.10. Sprachenwechsler
			4.2. Benutzer
			4.3. Anwendungen
				4.3.1. Suchmaschine
			4.4. Verschiedenes
				4.4.1. Cookiebar
				4.4.2. Banner
			4.5. Events
			4.6. FAQ
			4.7. Nachrichten
				4.7.1 Nachrichtenarchiv und -liste
				4.7.2 Nachrichtenleser
			4.8. Newsletter
		5. Wartungsmodus
		6. Dark Mode
			6.1. Switch-Button
			6.2. Farben
				6.2.1. Text
				6.2.2. Hintergrund
				6.2.3. Rahmen
				6.2.4. Schatten
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
====================================================================================== */
* { /* keine Zuaddierung durch padding */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a, abbr, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, spanstrike, strong, sub, summary, sup, table, textarea, tbody, td, tfoot, th, thead, time, tr, tt, ul, var, video {
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
#container::after, article::after, aside::after, blockquote::after, details::after, figcaption::after, figure::after, footer::after, header::after, hgroup::after, menu::after, nav::after, q::after, section::after, .custom::after {
	clear: both;
	content: "";
	display: table;
}
*[class*="ce_"],
*[class*="mod_"] {
	position: relative;
	z-index: 0;
}
html {
	min-height: 100%;
	overflow-y: scroll;
	position: relative;
	scroll-behavior: smooth;
}
html.active {
	overflow-y: hidden;
}
article, aside, figcaption, figure, footer, header, main, nav, section, .custom { /* Korrektur der Darstellung von HTML5-Elementen in IE */
	display: block;
}
fieldset, img, iframe {
	border: 0;
}
img {
	border: 0;
	display: block;
	height: auto;
	width: 100%;
	vertical-align: bottom;
}
.invisible,
.anker,
.ce_anker_element {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.cover {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}
.block {
	overflow: hidden;
}
#clear, .clear {
	clear: both;
}

/* ======================================================================================
1. Allgemeine Styles
	1.1. Typografie
		1.1.1. Webfonts
====================================================================================== */
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/theme/fonts/webfonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../../files/theme/fonts/webfonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/theme/fonts/webfonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/theme/fonts/webfonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/theme/fonts/webfonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/theme/fonts/webfonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
       font-display: swap;
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/theme/fonts/webfonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../../files/theme/fonts/webfonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/theme/fonts/webfonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/theme/fonts/webfonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/theme/fonts/webfonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/theme/fonts/webfonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
       font-display: swap;
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/theme/fonts/webfonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../../files/theme/fonts/webfonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/theme/fonts/webfonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/theme/fonts/webfonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/theme/fonts/webfonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/theme/fonts/webfonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
       font-display: swap;
}

/* ======================================================================================
1. Allgemeine Styles
	1.1. Typografie
		1.1.2. Textstrukturierung und Überschriften
====================================================================================== */
body,
button,
input:not([type="radio"]):not([type="checkbox"]),
textarea,
select {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-style: normal;
	line-height: 1.25;
	word-wrap: break-word;
}
h1, h2, h3, h4, h5, h6, p, ul, ol {
	padding: 7px 0;
}
h1, h2, h3, h4, h5, h6, strong,
.ce_headline.standard {
	font-weight: 700;
}
h1,
.ce_headline.standard {
	font-size: 32px;
	font-size: 2rem;
}
h2 {
	font-size: 24px;
	font-size: 1.5rem;
}
h3 {
	font-size: 22px;
	font-size: 1.375rem;
}
h4 {
	font-size: 20px;
	font-size: 1.250rem;
}
h5 {
	font-size: 18px;
	font-size: 1.125rem;
}
h6 {
	font-size: 16px;
	font-size: 1rem;
}
small,
.mod_search .relevance {
	font-size: 65%;
}
button,
p.button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 99%;
	font-weight: inherit;
	line-height: 1;
}
.uppercase {
	text-transform: uppercase;
}

/* ======================================================================================
1. Allgemeine Styles
	1.1. Typografie
		1.1.3. Icon-Größen
====================================================================================== */
.icon i,
.icon svg,
.icon span {
	border-color: transparent;
	border-style: solid;
	border-width: inherit;
	line-height: 1.25;
	overflow: visible;
	padding: 14px;
}
.icon span {
	display: inline-block;
}
.icon_xlg i,
.icon_xlg svg,
.icon_xlg span {
	font-size: 60px;
	font-size: 3.75rem;
	height: 94px;
	width: 94px;
}
.icon_lg i,
.icon_lg svg,
.icon_lg span {
	font-size: 50px;
	font-size: 3.125rem;
	height: 84px;
	width: 84px;
}
.icon_md i,
.icon_md svg,
.icon_md span {
	font-size: 40px;
	font-size: 2.5rem;
	height: 74px;
	width: 74px;
}
.icon_sm i,
.icon_sm svg,
.icon_sm span {
	font-size: 30px;
	font-size: 1.875rem;
	height: 64px;
	width: 64px;
}
.icon_xsm i,
.icon_xsm svg,
.icon_xsm span {
	font-size: 20px;
	font-size: 1.25rem;
	height: 54px;
	width: 54px;
}

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
====================================================================================== */
.colorbox {
	bottom: 0;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.1. Text
====================================================================================== */
/* Standardfarben */
.color_white,
button.button_dark,
.button_dark p.button a,
.button_dark button.submit,
.ce_toplink.button_dark a,
.button_dark p.button a:hover,
.ce_toplink.button_dark a:hover,
button.button_success,
.button_success p.button a,
.button_success button.submit,
.ce_toplink.button_success a,
.button_success p.button a:hover,
.ce_toplink.button_success a:hover,
button.button_info,
.button_info p.button a,
.button_info button.submit,
.ce_toplink.button_info a,
.button_info p.button a:hover,
.ce_toplink.button_info a:hover,
button.button_danger,
.button_danger p.button a,
.button_danger button.submit,
.ce_toplink.button_danger a,
.button_danger p.button a:hover,
.ce_toplink.button_danger a:hover,
button.button_primary,
.button_primary p.button a,
.button_primary button.submit,
.ce_toplink.button_primary a,
.button_primary p.button a:hover,
.ce_toplink.button_primary a:hover,
button.button_secondary,
.button_secondary p.button a,
.button_secondary button.submit,
.ce_toplink.button_secondary a,
.button_secondary p.button a:hover,
.ce_toplink.button_secondary a:hover,
.cookiebar_button button,
.cookiebar_button p.button a,
.icon_white i,
i.icon_white,
.ce_text abbr[title]:hover::before,
.ce_text kbd,
kbd a,
kbd a:hover,
#colorbox #cboxClose::after,
#colorbox #cboxPrevious::after,
#colorbox #cboxNext::after,
#colorbox #cboxCurrent,
#colorbox #cboxTitle,
.ce_hinweisbox.hinweisbox_black,
.ce_teaserbild .scrolldown.color_white a,
.ce_zitatbox.icon_white blockquote::before,
.pagination ul li strong,
.mod_calendar .calendar_body .days.today .label,
.mod_cookiebar,
.mod_cookiebar a,
.mod_cookiebar a:hover {
	color: #fff;
}
.invert,
.invert h1, .invert h1 a,
.invert h2, .invert h2 a,
.invert h3, .invert h3 a,
.invert h4, .invert h4 a,
.invert h5, .invert h5 a,
.invert h6, .invert h6 a,
.invert i, .invert i a,
.invert li a,
.invert p, .invert p:not(.button) a,
.invert strong,
.ce_teaserbox.button_link .invert a,
.ce_teaserbox.button_link .invert a:hover,
.ce_teaserbox.button_klammer_link .invert a,
.ce_teaserbox.button_klammer_link .invert a:hover,
.ce_teaserbox .box_outside .invert_outside,
.ce_teaserbox .box_outside .invert_outside h1, .invert_outside h1 a,
.ce_teaserbox .box_outside .invert_outside h2, .invert_outside h2 a,
.ce_teaserbox .box_outside .invert_outside h3, .invert_outside h3 a,
.ce_teaserbox .box_outside .invert_outside h4, .invert_outside h4 a,
.ce_teaserbox .box_outside .invert_outside h5, .invert_outside h5 a,
.ce_teaserbox .box_outside .invert_outside h6, .invert_outside h6 a,
.ce_teaserbox .box_outside .invert_outside i, .invert_outside i a,
.ce_teaserbox .box_outside .invert_outside li a,
.ce_teaserbox .box_outside .invert_outside p, .invert_outside p:not(.button) a,
.ce_teaserbox .box_outside .invert_outside strong,
.ce_teaserbox.button_link .box_outside .invert_outside a,
.ce_teaserbox.button_link .box_outside .invert_outside a:hover,
.ce_teaserbox.button_klammer_link .box_outside .invert_outside a,
.ce_teaserbox.button_klammer_link .box_outside .invert_outside a:hover,
.ce_text_bild_kachel .invert a.button_link,
.ce_text_bild_kachel .invert a.button_link:hover,
.ce_text_bild_kachel .invert a.button_klammer_link,
.ce_text_bild_kachel .invert a.button_klammer_link:hover {
	color: #fff !important;
}

/* Media Query Anfang */ @media screen and (min-width: 780px) {
.invert_inside,
.invert_inside h1, .invert_inside h1 a,
.invert_inside h2, .invert_inside h2 a,
.invert_inside h3, .invert_inside h3 a,
.invert_inside h4, .invert_inside h4 a,
.invert_inside h5, .invert_inside h5 a,
.invert_inside h6, .invert_inside h6 a,
.invert_inside i, .invert_inside i a,
.invert_inside li a,
.invert_inside p, .invert_inside p:not(.button) a,
.invert_inside strong,
.ce_teaserbox.button_link .invert_inside a,
.ce_teaserbox.button_link .invert_inside a:hover,
.ce_teaserbox.button_klammer_link .invert_inside a,
.ce_teaserbox.button_klammer_link .invert_inside a:hover {
	color: #fff !important;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 780px) {
.invert_outside,
.invert_outside h1, .invert_outside h1 a,
.invert_outside h2, .invert_outside h2 a,
.invert_outside h3, .invert_outside h3 a,
.invert_outside h4, .invert_outside h4 a,
.invert_outside h5, .invert_outside h5 a,
.invert_outside h6, .invert_outside h6 a,
.invert_outside i, .invert_outside i a,
.invert_outside li a,
.invert_outside p, .invert_outside p:not(.button) a,
.invert_outside strong,
.ce_teaserbox.button_link .invert_outside a,
.ce_teaserbox.button_link .invert_outside a:hover,
.ce_teaserbox.button_klammer_link .invert_outside a,
.ce_teaserbox.button_klammer_link .invert_outside a:hover {
	color: #fff !important;
}
/* Media Query Ende */ }

.color_light,
.icon_light i,
i.icon_light,
.ce_teaserbild .scrolldown.color_light a,
.ce_zitatbox blockquote::before {
	color: #e9ecef;
}
.color_dark,
body,
input:not([type="radio"]):not([type="checkbox"]),
textarea,
select,
button.button_light,
.button_light p.button a,
.button_light button.submit,
.ce_toplink.button_light a,
.button_light p.button a:hover,
.ce_toplink.button_light a:hover,
button.button_default,
.button_default p.button a,
.button_default button.submit,
.ce_toplink.button_default a,
.button_default p.button a:hover,
.ce_toplink.button_default a:hover,
button.button_warning,
.button_warning p.button a,
.button_warning button.submit,
.ce_toplink.button_warning a,
.button_warning p.button a:hover,
.ce_toplink.button_warning a:hover,
#nav_top a,
#nav_top strong,
#nav_main a,
#nav_main strong,
#nav_main ul.level_1 > li.submenu > a::after,
#nav_main ul.level_1 > li.submenu > strong::after,
.nav_sub a,
.nav_sub strong,
.ce_hinweisbox.hinweisbox_white,
.icon_dark i,
i.icon_dark,
.ce_teambox .ce_headline a,
.ce_teaserbild .scrolldown.color_dark a,
.ce_teaserbox .highlight,
.ce_zitatbox.icon_dark blockquote::before,
.mod_banner .banner_impressum .banner_text_name a,
.mod_search h3 a,
.mod_newsarchive h2 a,
.mod_newslist h2 a {
	color: #343a40;
}
.color_black,
.icon_black i,
i.icon_black,
.ce_teaserbild .scrolldown.color_black a,
.ce_zitatbox.icon_black blockquote::before {
	color: #000;
}

/* Erweiterte Farben */
.color_success,
.icon_success i,
i.icon_success,
.ce_teaserbild .scrolldown.color_success a,
.ce_zitatbox.icon_success blockquote::before {
	color: #28a745;
}
.color_info,
.icon_info i,
i.icon_info,
.ce_teaserbild .scrolldown.color_info a,
.ce_zitatbox.icon_info blockquote::before {
	color: #17a2b8;
}
.color_warning,
.icon_warning i,
i.icon_warning,
.ce_teaserbild .scrolldown.color_warning a,
.ce_zitatbox.icon_warning blockquote::before {
	color: #ffc107;
}
.color_danger,
.icon_danger i,
i.icon_danger,
.ce_teaserbild .scrolldown.color_danger a,
.ce_zitatbox.icon_danger blockquote::before,
span.mandatory {
	color: #dc3545;
}
.color_primary,
a,
button.button_link,
.button_link p.button a,
.button_link button.submit,
.ce_toplink.button_link a,
button.button_klammer_link,
.button_klammer_link p.button a,
.button_klammer_link button.submit,
.ce_toplink.button_klammer_link a,
.icon_primary i,
i.icon_primary,
.ce_teaserbild .scrolldown.color_primary a,
.ce_zitatbox.icon_primary blockquote::before {
	color: #007bff;
}
.color_secondary,
#nav_breadcrumb ul li,
#nav_breadcrumb ul li + li::before,
blockquote footer,
.icon_secondary i,
i.icon_secondary,
.ce_preistabelle .preisinfo,
.ce_preistabelle .services_list .item.deactivate,
.ce_teaserbild .scrolldown.color_secondary a,
.ce_zitatbox.icon_secondary blockquote::before,
.mod_search .relevance {
	color: #6c757d;
}

/* Pastellfarben */
.hinweisbox_light,
.ce_sliderStart .slider-control .slider-prev:hover::after,
.ce_sliderStart .slider-control .slider-next:hover::after,
.ce_sliderStart .slider-control .slider-menu b {
	color: #818182;
}
.hinweisbox_dark {
	color: #e4e4e4;
}
.hinweisbox_success,
.ce_comments .tl_confirm,
.mod_changePassword p.tl_confirm,
.mod_lostPassword p.confirm,
.mod_personalData p.tl_confirm,
.mod_registration p.confirm,
.mod_subscribe p.confirm {
	color: #155724;
}
.hinweisbox_info,
.mod_search .info {
	color: #0c5460;
}
.hinweisbox_warning {
	color: #856404;
}
.hinweisbox_danger,
.mod_changePassword p.error,
.mod_login .error,
.mod_lostPassword p.error,
.mod_registration p.error,
.mod_subscribe p.error,
.mod_unsubscribe p.error {
	color: #721c24;
}
.hinweisbox_primary,
a:hover,
button.button_link:hover,
.button_link p.button a:hover,
.button_link button.submit:hover,
.ce_toplink.button_link a:hover,
button.button_klammer_link:hover,
.button_klammer_link p.button a:hover,
.button_klammer_link button.submit:hover,
.ce_toplink.button_klammer_link a:hover {
	color: #004085;
}
.hinweisbox_secondary,
.hinweisbox_secondary_light,
.ce_sliderStart .slider-control .slider-prev::after,
.ce_sliderStart .slider-control .slider-next::after,
.ce_sliderStart .slider-control .slider-menu b.active,
.mod_search .header {
	color: #383d41;
}

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.2. Hintergrund
====================================================================================== */
mark {
	background: #ffff00;
}

/* Standardfarben */
.bg_white,
button.button_default,
.button_default p.button,
.button_default button.submit,
.ce_toplink.button_default,
.ce_hinweisbox.hinweisbox_white,
.bg_icon_white i,
.bg_icon_white svg,
#nav_main ul.level_2,
#nav_main ul.level_4,
.nav_sub ul.level_1,
.nav_sub ul.level_3,
.ce_download::before,
.ce_downloads::before,
.ce_text hr.bg_white,
.ce_text_bild_kachel .box_img.arrow::before,
.ce_text_bild_kachel.bg_white .box_img.arrow::before,
.ce_zeitstrahl.timeline_white::before,
.ce_zeitstrahl.timeline_white .box_text::before,
.ce_zeitstrahl .box_date::before,
.ce_zeitstrahl.bg_icon_white .box_date::before,
.ce_zitatbox.zitatbox_3 blockquote::before,
.ce_zitatbox.zitatbox_3.bg_icon_white blockquote::before,
.mod_cookiebar .cookiebar_analytics .slider::before,
.layout_latest,
.switch_dark_mode .slider::before {
	background: #fff;
}
.bg_light,
button.button_light,
.button_light p.button,
.button_light button.submit,
.ce_toplink.button_light,
#nav_main ul.level_3,
.nav_sub ul.level_2,
#nav_breadcrumb ul,
.filter_reset,
.ce_accordion .toggler,
.ce_code code.hljs,
.ce_gallery figcaption,
.ce_hinweisbox.hinweisbox_light,
.ce_hinweisbox.hinweisbox_secondary_light,
.bg_icon_light i,
.bg_icon_light svg,
.ce_image figcaption,
.ce_sliderStart .slider-control,
.ce_text hr,
.ce_text hr.bg_light,
.ce_text pre,
.ce_text_bild_kachel.bg_light .box_img.arrow::before,
.ce_zeitstrahl.bg_icon_light .box_date::before,
.ce_zeitstrahl.timeline_light::before,
.ce_zeitstrahl.timeline_light .box_text::before,
.ce_zitatbox.zitatbox_3.bg_icon_light blockquote::before,
.mod_calendar .calendar_head .days,
.mod_calendar .calendar_body .days .label,
.pagination ul li a:hover,
tfoot td,
th {
	background: #e9ecef;
}
.bg_dark,
button.button_dark,
.button_dark p.button,
.button_dark button.submit,
.ce_toplink.button_dark,
.ce_hinweisbox.hinweisbox_dark,
.bg_icon_dark i,
.bg_icon_dark svg,
.ce_text abbr[title]:hover::before,
.ce_text hr.bg_dark,
.ce_text kbd,
.ce_text_bild_kachel.bg_dark .box_img.arrow::before,
.ce_zeitstrahl.bg_icon_dark .box_date::before,
.ce_zeitstrahl::before,
.ce_zeitstrahl .box_text::before,
.ce_zeitstrahl.timeline_dark::before,
.ce_zeitstrahl.timeline_dark .box_text::before,
.ce_zitatbox.zitatbox_3.bg_icon_dark blockquote::before,
.mod_calendar .calendar_body .days.today .label,
.mod_cookiebar,
.switch_dark_mode .slider {
	background: #343a40;
}
.bg_black,
.ce_hinweisbox.hinweisbox_black,
.bg_icon_black i,
.bg_icon_black svg,
#colorbox #cboxClose::after,
#colorbox #cboxPrevious::after,
#colorbox #cboxNext::after,
#colorbox #cboxTitle,
.ce_text hr.bg_black,
.ce_text_bild_kachel.bg_black .box_img.arrow::before,
.ce_zeitstrahl.bg_icon_black .box_date::before,
.ce_zeitstrahl.timeline_black::before,
.ce_zeitstrahl.timeline_black .box_text::before,
.ce_zitatbox.zitatbox_3.bg_icon_black blockquote::before {
	background: #000;
}

/* Erweiterte Farben */
.bg_success,
button.button_success,
.button_success p.button,
.button_success button.submit,
.ce_toplink.button_success,
.cookiebar_button button,
.cookiebar_button p.button,
.bg_icon_success i,
.bg_icon_success svg,
.ce_text hr.bg_success,
.ce_text_bild_kachel.bg_success .box_img.arrow::before,
.ce_zeitstrahl.bg_icon_success .box_date::before,
.ce_zeitstrahl.timeline_success::before,
.ce_zeitstrahl.timeline_success .box_text::before,
.ce_zitatbox.zitatbox_3.bg_icon_success blockquote::before,
.mod_cookiebar .cookiebar_analytics .slider {
	background: #28a745;
}
.bg_info,
button.button_info,
.button_info p.button,
.button_info button.submit,
.ce_toplink.button_info,
.bg_icon_info i,
.bg_icon_info svg,
.ce_text hr.bg_info,
.ce_text_bild_kachel.bg_info .box_img.arrow::before,
.ce_zeitstrahl.bg_icon_info .box_date::before,
.ce_zeitstrahl.timeline_info::before,
.ce_zeitstrahl.timeline_info .box_text::before,
.ce_zitatbox.zitatbox_3.bg_icon_info blockquote::before {
	background: #17a2b8;
}
.bg_warning,
button.button_warning,
.button_warning p.button,
.button_warning button.submit,
.ce_toplink.button_warning,
.bg_icon_warning i,
.bg_icon_warning svg,
.ce_text hr.bg_warning,
.ce_text_bild_kachel.bg_warning .box_img.arrow::before,
.ce_zeitstrahl.bg_icon_warning .box_date::before,
.ce_zeitstrahl.timeline_warning::before,
.ce_zeitstrahl.timeline_warning .box_text::before,
.ce_zitatbox.zitatbox_3.bg_icon_warning blockquote::before {
	background: #ffc107;
}
.bg_danger,
button.button_danger,
.button_danger p.button,
.button_danger button.submit,
.ce_toplink.button_danger,
.bg_icon_danger i,
.bg_icon_danger svg,
.ce_text hr.bg_danger,
.ce_text_bild_kachel.bg_danger .box_img.arrow::before,
.ce_zeitstrahl.bg_icon_danger .box_date::before,
.ce_zeitstrahl.timeline_danger::before,
.ce_zeitstrahl.timeline_danger .box_text::before,
.ce_zitatbox.zitatbox_3.bg_icon_danger blockquote::before,
.mod_cookiebar .cookiebar_analytics input:checked + .slider {
	background: #dc3545;
}
.bg_primary,
button.button_primary,
.button_primary p.button,
.button_primary button.submit,
.ce_toplink.button_primary,
.bg_icon_primary i,
.bg_icon_primary svg,
.ce_text hr.bg_primary,
.ce_text_bild_kachel.bg_primary .box_img.arrow::before,
.ce_zeitstrahl.bg_icon_primary .box_date::before,
.ce_zeitstrahl.timeline_primary::before,
.ce_zeitstrahl.timeline_primary .box_text::before,
.ce_zitatbox.zitatbox_3.bg_icon_primary blockquote::before,
.pagination ul li strong,
.switch_dark_mode input:checked + .slider,
[data-theme="dark"] .switch_dark_mode input + .slider {
	background: #007bff;
}
.bg_secondary,
button.button_secondary,
.button_secondary p.button,
.button_secondary button.submit,
.ce_toplink.button_secondary,
.bg_icon_secondary i,
.bg_icon_secondary svg,
.ce_text hr.bg_secondary,
.ce_text_bild_kachel.bg_secondary .box_img.arrow::before,
.ce_zeitstrahl.bg_icon_secondary .box_date::before,
.ce_zeitstrahl.timeline_secondary::before,
.ce_zeitstrahl.timeline_secondary .box_text::before,
.ce_zitatbox.zitatbox_3.bg_icon_secondary blockquote::before {
	background: #6c757d;
}

/* Pastellfarben */
.ce_hinweisbox.hinweisbox_success,
.ce_comments .tl_confirm,
.mod_changePassword p.tl_confirm,
.mod_lostPassword p.confirm,
.mod_personalData p.tl_confirm,
.mod_registration p.confirm,
.mod_subscribe p.confirm {
	background: #d4edda;
}
.ce_hinweisbox.hinweisbox_info,
.mod_search .info {
	background: #d1ecf1;
}
.ce_hinweisbox.hinweisbox_warning {
	background: #fff3cd;
}
.ce_hinweisbox.hinweisbox_danger,
.mod_changePassword p.error,
.mod_login .error,
.mod_lostPassword p.error,
.mod_registration p.error,
.mod_subscribe p.error,
.mod_unsubscribe p.error {
	background: #f8d7da;
}
.ce_hinweisbox.hinweisbox_primary {
	background: #cce5ff;
}
.ce_hinweisbox.hinweisbox_secondary,
.mod_search .header {
	background: #e2e3e5;
}

/* Hover-Farben */
button.button_default:hover,
.button_default p.button:hover,
.button_default button.submit:hover,
.ce_toplink.button_default:hover,
.ce_accordion:hover .toggler {
	background: #e6e6e6;
}
button.button_light:hover,
.button_light p.button:hover,
.button_light button.submit:hover,
.ce_toplink.button_light:hover {
	background: #e2e6ea;
}
button.button_dark:hover,
.button_dark p.button:hover,
.button_dark button.submit:hover,
.ce_toplink.button_dark:hover {
	background: #23272b;
}
button.button_success:hover,
.button_success p.button:hover,
.button_success button.submit:hover,
.ce_toplink.button_success:hover,
.cookiebar_button button:hover,
.cookiebar_button p.button:hover {
	background: #218838;
}
button.button_info:hover,
.button_info p.button:hover,
.button_info button.submit:hover,
.ce_toplink.button_info:hover {
	background: #138496;
}
button.button_warning:hover,
.button_warning p.button:hover,
.button_warning button.submit:hover,
.ce_toplink.button_warning:hover {
	background: #e0a800;
}
button.button_danger:hover,
.button_danger p.button:hover,
.button_danger button.submit:hover,
.ce_toplink.button_danger:hover {
	background: #c82333;
}
button.button_primary:hover,
.button_primary p.button:hover,
.button_primary button.submit:hover,
.ce_toplink.button_primary:hover {
	background: #0069d9;
}
button.button_secondary:hover,
.button_secondary p.button:hover,
.button_secondary button.submit:hover,
.ce_toplink.button_secondary:hover {
	background: #5a6268;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav_main,
#nav_main ul.level_3 {
	background: #fff;
}
#nav_main ul.level_2,
#nav_main ul.level_4 {
	background: #e9ecef;
}
/* Media Query Ende */ }

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.3. Rahmen
====================================================================================== */
/* Standardfarben */
.border_default,
button.button_default,
.button_default p.button,
.button_default button.submit,
.ce_toplink.button_default,
th, td,
input,
textarea,
select,
.ce_accordion .toggler,
.ce_code code,
.ce_gallery a img,
.ce_gallery figcaption,
.ce_hinweisbox .border_default i,
.ce_hinweisbox .border_default svg,
.ce_iconbox .border_default i,
.ce_iconbox .border_default svg,
.ce_teambox.border_default,
.ce_teambox .img_default .ce_image .image_container img,
.ce_text pre,
.ce_zitatbox .img_default .ce_image .image_container img,
.mod_calendar .days,
.pagination ul li a {
	border-color: #ccc;
}
.border_white,
.ce_hinweisbox .border_white i,
.ce_hinweisbox .border_white svg,
.ce_iconbox .border_white i,
.ce_iconbox .border_white svg,
.ce_teambox.border_white,
.ce_teambox .img_white .ce_image .image_container img,
.ce_zeitstrahl.icon_white .box_date::after,
.ce_zitatbox .img_white .ce_image .image_container img,
.ce_zitatbox.border_white blockquote {
	border-color: #fff;
}
.border_light,
button.button_light,
.button_light p.button,
.button_light button.submit,
.ce_toplink.button_light,
.ce_comments .reply,
.ce_hinweisbox.hinweisbox_light,
.ce_hinweisbox .border_light i,
.ce_hinweisbox .border_light svg,
.ce_iconbox .border_light i,
.ce_iconbox .border_light svg,
.ce_teambox.border_light,
.ce_teambox .img_light .ce_image .image_container img,
.ce_zeitstrahl.icon_light .box_date::after,
.ce_zitatbox .img_light .ce_image .image_container img,
.ce_zitatbox.border_light blockquote,
.ce_download,
.ce_downloads,
.ce_download::before,
.ce_downloads::before,
blockquote {
	border-color: #e9ecef;
}
.border_dark,
button.button_dark,
.button_dark p.button,
.button_dark button.submit,
.ce_toplink.button_dark,
.ce_hinweisbox.hinweisbox_white,
.ce_hinweisbox.hinweisbox_dark,
.ce_hinweisbox .border_dark i,
.ce_hinweisbox .border_dark svg,
.ce_iconbox .border_dark i,
.ce_iconbox .border_dark svg,
.ce_teambox.border_dark,
.ce_teambox .img_dark .ce_image .image_container img,
.ce_zeitstrahl.icon_dark .box_date::after,
.ce_zeitstrahl .box_date::after,
.ce_zitatbox .img_dark .ce_image .image_container img,
.ce_zitatbox.border_dark blockquote {
	border-color: #343a40;
}
.border_black,
.ce_hinweisbox.hinweisbox_black,
.ce_hinweisbox .border_black i,
.ce_hinweisbox .border_black svg,
.ce_iconbox .border_black i,
.ce_iconbox .border_black svg,
.ce_teambox.border_black,
.ce_teambox .img_black .ce_image .image_container img,
.ce_zeitstrahl.icon_black .box_date::after,
.ce_zitatbox .img_black .ce_image .image_container img,
.ce_zitatbox.border_black blockquote {
	border-color: #000;
}

/* Erweiterte Farben */
.border_success,
button.button_success,
.button_success p.button,
.button_success button.submit,
.ce_toplink.button_success,
.cookiebar_button button,
.cookiebar_button p.button,
.ce_hinweisbox .border_success i,
.ce_hinweisbox .border_success svg,
.ce_iconbox .border_success i,
.ce_iconbox .border_success svg,
.ce_teambox.border_success,
.ce_teambox .img_success .ce_image .image_container img,
.ce_zeitstrahl.icon_success .box_date::after,
.ce_zitatbox .img_success .ce_image .image_container img,
.ce_zitatbox.border_success blockquote {
	border-color: #28a745;
}
.border_info,
button.button_info,
.button_info p.button,
.button_info button.submit,
.ce_toplink.button_info,
.ce_hinweisbox .border_info i,
.ce_hinweisbox .border_info svg,
.ce_iconbox .border_info i,
.ce_iconbox .border_info svg,
.ce_teambox.border_info,
.ce_teambox .img_info .ce_image .image_container img,
.ce_zeitstrahl.icon_info .box_date::after,
.ce_zitatbox .img_info .ce_image .image_container img,
.ce_zitatbox.border_info blockquote {
	border-color: #17a2b8;
}
.border_warning,
button.button_warning,
.button_warning p.button,
.button_warning button.submit,
.ce_toplink.button_warning,
.ce_hinweisbox .border_warning i,
.ce_hinweisbox .border_warning svg,
.ce_iconbox .border_warning i,
.ce_iconbox .border_warning svg,
.ce_teambox.border_warning,
.ce_teambox .img_warning .ce_image .image_container img,
.ce_zeitstrahl.icon_warning .box_date::after,
.ce_zitatbox .img_warning .ce_image .image_container img,
.ce_zitatbox.border_warning blockquote {
	border-color: #ffc107;
}
.border_danger,
button.button_danger,
.button_danger p.button,
.button_danger button.submit,
.ce_toplink.button_danger,
.ce_hinweisbox .border_danger i,
.ce_hinweisbox .border_danger svg,
.ce_iconbox .border_danger i,
.ce_iconbox .border_danger svg,
.ce_teambox.border_danger,
.ce_teambox .img_danger .ce_image .image_container img,
.ce_zeitstrahl.icon_danger .box_date::after,
.ce_zitatbox .img_danger .ce_image .image_container img,
.ce_zitatbox.border_danger blockquote {
	border-color: #dc3545;
}
.border_primary,
button.button_primary,
.button_primary p.button,
.button_primary button.submit,
.ce_toplink.button_primary,
div .border_primary i,
div .border_primary svg,
.ce_teambox.border_primary,
.ce_teambox .img_primary .ce_image .image_container img,
.ce_zeitstrahl.icon_primary .box_date::after,
.ce_zitatbox .img_primary .ce_image .image_container img,
.ce_zitatbox.border_primary blockquote,
.pagination ul li strong {
	border-color: #007bff;
}
.border_secondary,
button.button_secondary,
.button_secondary p.button,
.button_secondary button.submit,
.ce_toplink.button_secondary,
.ce_hinweisbox .border_secondary i,
.ce_hinweisbox .border_secondary svg,
.ce_iconbox .border_secondary i,
.ce_iconbox .border_secondary svg,
.ce_teambox.border_secondary,
.ce_teambox .img_secondary .ce_image .image_container img,
.ce_zeitstrahl.icon_secondary .box_date::after,
.ce_zitatbox .img_secondary .ce_image .image_container img,
.ce_zitatbox.border_secondary blockquote {
	border-color: #6c757d;
}

/* Pastellfarben */
.ce_hinweisbox.hinweisbox_success,
.ce_comments .tl_confirm,
.mod_changePassword p.tl_confirm,
.mod_lostPassword p.confirm,
.mod_personalData p.tl_confirm,
.mod_registration p.confirm,
.mod_subscribe p.confirm {
	border-color: #c3e6cb;
}
.ce_hinweisbox.hinweisbox_info,
.mod_search .info {
	border-color: #bee5eb;
}
.ce_hinweisbox.hinweisbox_warning {
	border-color: #ffeeba;
}
.ce_hinweisbox.hinweisbox_danger,
.mod_changePassword p.error,
.mod_login .error,
.mod_lostPassword p.error,
.mod_registration p.error,
.mod_subscribe p.error,
.mod_unsubscribe p.error {
	border-color: #f5c6cb;
}
.ce_hinweisbox.hinweisbox_primary,
input:focus,
textarea:focus {
	border-color: #b8daff;
}
.ce_hinweisbox.hinweisbox_secondary,
.ce_hinweisbox.hinweisbox_secondary_light,
.mod_search .header {
	border-color: #d6d8db;
}

/* Hover-Farben */
button.button_default:hover,
.button_default p.button:hover,
.button_default button.submit:hover,
.ce_toplink.button_default:hover {
	border-color: #adadad;
}
button.button_light:hover,
.button_light p.button:hover,
.button_light button.submit:hover,
.ce_toplink.button_light:hover {
	border-color: #dae0e5;
}
button.button_dark:hover,
.button_dark p.button:hover,
.button_dark button.submit:hover,
.ce_toplink.button_dark:hover {
	border-color: #1d2124;
}
button.button_success:hover,
.button_success p.button:hover,
.button_success button.submit:hover,
.ce_toplink.button_success:hover,
.cookiebar_button button:hover,
.cookiebar_button p.button:hover {
	border-color: #1e7e34;
}
button.button_info:hover,
.button_info p.button:hover,
.button_info button.submit:hover,
.ce_toplink.button_info:hover {
	border-color: #117a8b;
}
button.button_warning:hover,
.button_warning p.button:hover,
.button_warning button.submit:hover,
.ce_toplink.button_warning:hover {
	border-color: #d39e00;
}
button.button_danger:hover,
.button_danger p.button:hover,
.button_danger button.submit:hover,
.ce_toplink.button_danger:hover {
	border-color: #bd2130;
}
button.button_primary:hover,
.button_primary p.button:hover,
.button_primary button.submit:hover,
.ce_toplink.button_primary:hover {
	border-color: #0062cc;
}
button.button_secondary:hover,
.button_secondary p.button:hover,
.button_secondary button.submit:hover,
.ce_toplink.button_secondary:hover {
	border-color: #545b62;
}

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.4. Umrisse
====================================================================================== */
/* Standardfarben */
.outline_default i,
.outline_default svg,
.outline_default span {
	outline-color: #ccc;
}
.outline_white i,
.outline_white svg,
.outline_white span {
	outline-color: #fff;
}
.outline_light i,
.outline_light svg,
.outline_light span {
	outline-color: #e9ecef;
}
.outline_dark i,
.outline_dark svg,
.outline_dark span {
	outline-color: #343a40;
}
.outline_black i,
.outline_black svg,
.outline_black span {
	outline-color: #000;
}

/* Erweiterte Farben */
.outline_success i,
.outline_success svg,
.outline_success span {
	outline-color: #28a745;
}
.outline_info i,
.outline_info svg,
.outline_info span {
	outline-color: #17a2b8;
}
.outline_warning i,
.outline_warning svg,
.outline_warning span {
	outline-color: #ffc107;
}
.outline_danger i,
.outline_danger svg,
.outline_danger span {
	outline-color: #dc3545;
}
.outline_primary i,
.outline_primary svg,
.outline_primary span {
	outline-color: #007bff;
}
.outline_secondary i,
.outline_secondary svg,
.outline_secondary span {
	outline-color: #6c757d;
}

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.5. Schatten
====================================================================================== */
input:hover,
textarea:hover,
input:focus,
textarea:focus {
	-webkit-box-shadow: 0 0 2px #cce5ff;
	-moz-box-shadow: 0 0 2px #cce5ff;
	box-shadow: 0 0 2px #cce5ff;
}

/* ======================================================================================
1. Allgemeine Styles
	1.3. Ausrichtung
====================================================================================== */
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.justify {
	text-align: justify;
}
.vwrapper {
	display: table;
	height: 100%;
	width: 100%;
}
.vtop {
	display: table-cell;
	vertical-align: top;
}
.vcenter {
	display: table-cell;
	vertical-align: middle;
}
.vbottom {
	display: table-cell;
	vertical-align: bottom;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}

/* ======================================================================================
1. Allgemeine Styles
	1.4. Buttons
====================================================================================== */
button,
p.button {
	background: transparent;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	display: inline-block;
	margin: 7px 0;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}
button,
.button a {
	padding: 6px 12px;
}
button:hover,
.button:hover,
p.button:hover a {
	text-decoration: none !important;
}
button.button_link,
.button_link p.button,
.button_link p.button a,
.button_link button.submit,
.ce_toplink.button_link a,
button.button_klammer_link,
.button_klammer_link p.button,
.button_klammer_link p.button a,
.button_klammer_link button.submit,
.ce_toplink.button_klammer_link a {
	padding: 0;
}
button.button_link:hover,
.button_link p.button a:hover,
.button_link button.submit:hover,
.ce_toplink.button_link a:hover,
button.button_klammer_link:hover,
.button_klammer_link p.button a:hover,
.button_klammer_link button.submit:hover,
.ce_toplink.button_klammer_link a:hover {
	text-decoration: underline !important;
}
button.button_klammer_link::before,
button.button_klammer_link::after,
.button_klammer_link p.button a::before,
.button_klammer_link p.button a::after,
.button_klammer_link button.submit::before,
.button_klammer_link button.submit::after,
.ce_toplink.button_klammer_link a::before,
.ce_toplink.button_klammer_link a::after,
a.klammer_link::before,
a.klammer_link::after {
	content: "[";
	font-size: 125%;
}
button.button_klammer_link::after,
.button_klammer_link p.button a::after,
.button_klammer_link button.submit::after,
.ce_toplink.button_klammer_link a::after,
a.klammer_link::after {
	content: "]";
}
button,
p.button {
	height: 32px;
}
.cookiebar_button button,
.cookiebar_button p.button {
	height: 30px;
}
button.button_link,
button.button_klammer_link,
.button_link p.button,
.button_klammer_link p.button {
	height: auto;
}

/* ======================================================================================
1. Allgemeine Styles
	1.5. Formularfelder
====================================================================================== */
input:not([type="radio"]):not([type="checkbox"]):not(.submit),
input[class*="grid_"],
textarea,
select {
	border-style: solid;
	border-width: 1px;
	padding: 6px 12px;
	width: 100%;
}
input.text {
	height: 32px;
}
.radio_container span {
	display: block;
	margin: 7px 0;
}

/* ======================================================================================
1. Allgemeine Styles
	1.6. Radien
====================================================================================== */
.ce_hinweisbox .icon.circle i,
.ce_hinweisbox .icon.circle svg,
.ce_iconbox .icon.circle i,
.ce_iconbox .icon.circle svg,
.ce_iconbox .icon.circle span,
.ce_teambox .circle .ce_image .image_container img,
.ce_zitatbox .circle .ce_image .image_container img,
.zitatbox_3 blockquote::before,
.ce_zeitstrahl .box_date::before,
.ce_zeitstrahl .box_date::after,
.mod_cookiebar .cookiebar_analytics .slider::before,
.switch_dark_mode .slider::before {
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.mod_cookiebar .cookiebar_analytics .slider,
.switch_dark_mode .slider {
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	border-radius: 35px;
}

/* ======================================================================================
1. Allgemeine Styles
	1.7. Rahmen
====================================================================================== */
.ce_hinweisbox .border_style_solid i,
.ce_hinweisbox .border_style_solid svg,
.ce_iconbox.border_style_solid,
.ce_iconbox .border_style_solid i,
.ce_iconbox .border_style_solid svg,
.ce_landkarte .iframe[class*="border_"].border_style_solid,
.ce_teambox.border_style_solid,
.ce_teambox .border_style_solid .ce_image .image_container img,
.ce_teaserbox[class*="border_"]:not(.border_sm).border_style_solid,
.ce_zitatbox .border_style_solid .ce_image .image_container img {
	border-style: solid;
}
.ce_hinweisbox .border_style_dotted i,
.ce_hinweisbox .border_style_dotted svg,
.ce_iconbox.border_style_dotted,
.ce_iconbox .border_style_dotted i,
.ce_iconbox .border_style_dotted svg,
.ce_landkarte .iframe[class*="border_"].border_style_dotted,
.ce_teambox.border_style_dotted,
.ce_teambox .border_style_dotted .ce_image .image_container img,
.ce_teaserbox[class*="border_"]:not(.border_sm).border_style_dotted,
.ce_zitatbox .border_style_dotted .ce_image .image_container img {
	border-style: dotted;
}
.ce_hinweisbox .border_style_dashed i,
.ce_hinweisbox .border_style_dashed svg,
.ce_iconbox.border_style_dashed,
.ce_iconbox .border_style_dashed i,
.ce_iconbox .border_style_dashed svg,
.ce_landkarte .iframe[class*="border_"].border_style_dashed,
.ce_teambox.border_style_dashed,
.ce_teambox .border_style_dashed .ce_image .image_container img,
.ce_teaserbox[class*="border_"]:not(.border_sm).border_style_dashed,
.ce_zitatbox .border_style_dashed .ce_image .image_container img {
	border-style: dashed;
}
.ce_hinweisbox .border_style_double i,
.ce_hinweisbox .border_style_double svg,
.ce_iconbox.border_style_double,
.ce_iconbox .border_style_double i,
.ce_iconbox .border_style_double svg,
.ce_landkarte .iframe[class*="border_"].border_style_double,
.ce_teambox.border_style_double,
.ce_teambox .border_style_double .ce_image .image_container img,
.ce_teaserbox[class*="border_"]:not(.border_sm).border_style_double,
.ce_zitatbox .border_style_double .ce_image .image_container img {
	border-style: double;
}

.ce_hinweisbox .border_width_1 i,
.ce_hinweisbox .border_width_1 svg,
.ce_iconbox.border_width_1,
.ce_iconbox .border_width_1 i,
.ce_iconbox .border_width_1 svg,
.ce_landkarte .iframe[class*="border_"].border_width_1,
.ce_teambox.border_width_1,
.ce_teambox .border_width_1 .ce_image .image_container img,
.ce_teaserbox[class*="border_"]:not(.border_sm).border_width_1,
.ce_zitatbox .border_width_1 .ce_image .image_container img {
	border-width: 1px;
}
.ce_hinweisbox .border_width_2 i,
.ce_hinweisbox .border_width_2 svg,
.ce_iconbox.border_width_2,
.ce_iconbox .border_width_2 i,
.ce_iconbox .border_width_2 svg,
.ce_landkarte .iframe[class*="border_"].border_width_2,
.ce_teambox.border_width_2,
.ce_teambox .border_width_2 .ce_image .image_container img,
.ce_teaserbox[class*="border_"]:not(.border_sm).border_width_2,
.ce_zitatbox .border_width_2 .ce_image .image_container img {
	border-width: 2px;
}
.ce_hinweisbox .border_width_3 i,
.ce_hinweisbox .border_width_3 svg,
.ce_iconbox.border_width_3,
.ce_iconbox .border_width_3 i,
.ce_iconbox .border_width_3 svg,
.ce_landkarte .iframe[class*="border_"].border_width_3,
.ce_teambox.border_width_3,
.ce_teambox .border_width_3 .ce_image .image_container img,
.ce_teaserbox[class*="border_"]:not(.border_sm).border_width_3,
.ce_zitatbox .border_width_3 .ce_image .image_container img {
	border-width: 3px;
}
.ce_hinweisbox .border_width_5 i,
.ce_hinweisbox .border_width_5 svg,
.ce_iconbox.border_width_5,
.ce_iconbox .border_width_5 i,
.ce_iconbox .border_width_5 svg,
.ce_landkarte .iframe[class*="border_"].border_width_5,
.ce_teambox.border_width_5,
.ce_teambox .border_width_5 .ce_image .image_container img,
.ce_teaserbox[class*="border_"]:not(.border_sm).border_width_5,
.ce_zitatbox .border_width_5 .ce_image .image_container img {
	border-width: 5px;
}
.ce_hinweisbox .border_width_7 i,
.ce_hinweisbox .border_width_7 svg,
.ce_iconbox.border_width_7,
.ce_iconbox .border_width_7 i,
.ce_iconbox .border_width_7 svg,
.ce_landkarte .iframe[class*="border_"].border_width_7,
.ce_teambox.border_width_7,
.ce_teambox .border_width_7 .ce_image .image_container img,
.ce_teaserbox[class*="border_"]:not(.border_sm).border_width_7,
.ce_zitatbox .border_width_7 .ce_image .image_container img {
	border-width: 7px;
}
.ce_hinweisbox .border_width_9 i,
.ce_hinweisbox .border_width_9 svg,
.ce_iconbox.border_width_9,
.ce_iconbox .border_width_9 i,
.ce_iconbox .border_width_9 svg,
.ce_landkarte .iframe[class*="border_"].border_width_9,
.ce_teambox.border_width_9,
.ce_teambox .border_width_9 .ce_image .image_container img,
.ce_teaserbox[class*="border_"]:not(.border_sm).border_width_9,
.ce_zitatbox .border_width_9 .ce_image .image_container img {
	border-width: 9px;
}
.ce_hinweisbox .border_width_14 i,
.ce_hinweisbox .border_width_14 svg,
.ce_iconbox.border_width_14,
.ce_iconbox .border_width_14 i,
.ce_iconbox .border_width_14 svg,
.ce_landkarte .iframe[class*="border_"].border_width_14,
.ce_teambox.border_width_14,
.ce_teambox .border_width_14 .ce_image .image_container img,
.ce_teaserbox[class*="border_"]:not(.border_sm).border_width_14,
.ce_zitatbox .border_width_14 .ce_image .image_container img {
	border-width: 14px;
}
.ce_hinweisbox .border_width_21 i,
.ce_hinweisbox .border_width_21 svg,
.ce_iconbox.border_width_21,
.ce_iconbox .border_width_21 i,
.ce_iconbox .border_width_21 svg,
.ce_landkarte .iframe[class*="border_"].border_width_21,
.ce_teambox.border_width_21,
.ce_teambox .border_width_21 .ce_image .image_container img,
.ce_teaserbox[class*="border_"]:not(.border_sm).border_width_21,
.ce_zitatbox .border_width_21 .ce_image .image_container img {
	border-width: 21px;
}
.ce_hinweisbox .border_width_28 i,
.ce_hinweisbox .border_width_28 svg,
.ce_iconbox.border_width_28,
.ce_iconbox .border_width_28 i,
.ce_iconbox .border_width_28 svg,
.ce_landkarte .iframe[class*="border_"].border_width_28,
.ce_teambox.border_width_28,
.ce_teambox .border_width_28 .ce_image .image_container img,
.ce_teaserbox[class*="border_"]:not(.border_sm).border_width_28,
.ce_zitatbox .border_width_28 .ce_image .image_container img {
	border-width: 28px;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.ce_teaserbox[class*="border_"].border_sm.border_style_solid {
	border-style: solid;
}
.ce_teaserbox[class*="border_"].border_sm.border_style_dotted {
	border-style: dotted;
}
.ce_teaserbox[class*="border_"].border_sm.border_style_dashed {
	border-style: dashed;
}
.ce_teaserbox[class*="border_"].border_sm.border_style_double {
	border-style: double;
}

.ce_teaserbox[class*="border_"].border_sm.border_width_1 {
	border-width: 1px;
}
.ce_teaserbox[class*="border_"].border_sm.border_width_2 {
	border-width: 2px;
}
.ce_teaserbox[class*="border_"].border_sm.border_width_3 {
	border-width: 3px;
}
.ce_teaserbox[class*="border_"].border_sm.border_width_5 {
	border-width: 5px;
}
.ce_teaserbox[class*="border_"].border_sm.border_width_7 {
	border-width: 7px;
}
.ce_teaserbox[class*="border_"].border_sm.border_width_9 {
	border-width: 9px;
}
.ce_teaserbox[class*="border_"].border_sm.border_width_14 {
	border-width: 14px;
}
.ce_teaserbox[class*="border_"].border_sm.border_width_21 {
	border-width: 21px;
}
.ce_teaserbox[class*="border_"].border_sm.border_width_28 {
	border-width: 28px;
}
/* Media Query Ende */ }

/* ======================================================================================
1. Allgemeine Styles
	1.8. Umrisse
====================================================================================== */
.ce_hinweisbox .outline_style_solid i,
.ce_hinweisbox .outline_style_solid svg,
.ce_iconbox .outline_style_solid i,
.ce_iconbox .outline_style_solid svg,
.ce_iconbox .outline_style_solid span {
	outline-style: solid;
}
.ce_hinweisbox .outline_style_dotted i,
.ce_hinweisbox .outline_style_dotted svg,
.ce_iconbox .outline_style_dotted i,
.ce_iconbox .outline_style_dotted svg,
.ce_iconbox .outline_style_dotted span {
	outline-style: dotted;
}
.ce_hinweisbox .outline_style_dashed i,
.ce_hinweisbox .outline_style_dashed svg,
.ce_iconbox .outline_style_dashed i,
.ce_iconbox .outline_style_dashed svg,
.ce_iconbox .outline_style_dashed span {
	outline-style: dashed;
}
.ce_hinweisbox .outline_style_double i,
.ce_hinweisbox .outline_style_double svg,
.ce_iconbox .outline_style_double i,
.ce_iconbox .outline_style_double svg,
.ce_iconbox .outline_style_double span {
	outline-style: double;
}

.ce_hinweisbox .outline_width_1 i,
.ce_hinweisbox .outline_width_1 svg,
.ce_iconbox .outline_width_1 i,
.ce_iconbox .outline_width_1 svg,
.ce_iconbox .outline_width_1 span {
	outline-width: 1px;
}
.ce_hinweisbox .outline_width_2 i,
.ce_hinweisbox .outline_width_2 svg,
.ce_iconbox .outline_width_2 i,
.ce_iconbox .outline_width_2 svg,
.ce_iconbox .outline_width_2 span {
	outline-width: 2px;
}
.ce_hinweisbox .outline_width_3 i,
.ce_hinweisbox .outline_width_3 svg,
.ce_iconbox .outline_width_3 i,
.ce_iconbox .outline_width_3 svg,
.ce_iconbox .outline_width_3 span {
	outline-width: 3px;
}
.ce_hinweisbox .outline_width_5 i,
.ce_hinweisbox .outline_width_5 svg,
.ce_iconbox .outline_width_5 i,
.ce_iconbox .outline_width_5 svg,
.ce_iconbox .outline_width_5 span {
	outline-width: 5px;
}
.ce_hinweisbox .outline_width_7 i,
.ce_hinweisbox .outline_width_7 svg,
.ce_iconbox .outline_width_7 i,
.ce_iconbox .outline_width_7 svg,
.ce_iconbox .outline_width_7 span {
	outline-width: 7px;
}
.ce_hinweisbox .outline_width_9 i,
.ce_hinweisbox .outline_width_9 svg,
.ce_iconbox .outline_width_9 i,
.ce_iconbox .outline_width_9 svg,
.ce_iconbox .outline_width_9 span {
	outline-width: 9px;
}
.ce_hinweisbox .outline_width_14 i,
.ce_hinweisbox .outline_width_14 svg,
.ce_iconbox .outline_width_14 i,
.ce_iconbox .outline_width_14 svg,
.ce_iconbox .outline_width_14 span {
	outline-width: 14px;
}
.ce_hinweisbox .outline_width_21 i,
.ce_hinweisbox .outline_width_21 svg,
.ce_iconbox .outline_width_21 i,
.ce_iconbox .outline_width_21 svg,
.ce_iconbox .outline_width_21 span {
	outline-width: 21px;
}
.ce_hinweisbox .outline_width_28 i,
.ce_hinweisbox .outline_width_28 svg,
.ce_iconbox .outline_width_28 i,
.ce_iconbox .outline_width_28 svg,
.ce_iconbox .outline_width_28 span {
	outline-width: 28px;
}

/* ======================================================================================
1. Allgemeine Styles
	1.9. Transparenz
====================================================================================== */
.opacity_5 {
	opacity: 0.05;
	filter: alpha(opacity=5);
}
.opacity_10 {
	opacity: 0.1;
	filter: alpha(opacity=10);
}
.opacity_15 {
	opacity: 0.15;
	filter: alpha(opacity=15);
}
.opacity_25 {
	opacity: 0.25;
	filter: alpha(opacity=25);
}
.opacity_35 {
	opacity: 0.35;
	filter: alpha(opacity=35);
}
.opacity_50 {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.opacity_65 {
	opacity: 0.65;
	filter: alpha(opacity=65);
}
.opacity_75 {
	opacity: 0.75;
	filter: alpha(opacity=75);
}
.opacity_85 {
	opacity: 0.85;
	filter: alpha(opacity=85);
}
.opacity_95 {
	opacity: 0.95;
	filter: alpha(opacity=90);
}

.opacity_after_5::after {
	opacity: 0.05;
	filter: alpha(opacity=5);
}
.opacity_after_10::after {
	opacity: 0.1;
	filter: alpha(opacity=10);
}
.opacity_after_15::after {
	opacity: 0.15;
	filter: alpha(opacity=15);
}
.opacity_after_25::after {
	opacity: 0.25;
	filter: alpha(opacity=25);
}
.opacity_after_35::after {
	opacity: 0.35;
	filter: alpha(opacity=35);
}
.opacity_after_50::after {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.opacity_after_65::after {
	opacity: 0.65;
	filter: alpha(opacity=65);
}
.opacity_after_75::after {
	opacity: 0.75;
	filter: alpha(opacity=75);
}
.opacity_after_85::after {
	opacity: 0.85;
	filter: alpha(opacity=85);
}
.opacity_after_95::after {
	opacity: 0.95;
	filter: alpha(opacity=95);
}

/* ======================================================================================
1. Allgemeine Styles
	1.10. Overlays
====================================================================================== */
.overlay::after {
	background-repeat: repeat;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}
.overlay_01::after {
	background: url(../../files/theme/img/overlays/01.png);
}
.overlay_02::after {
	background: url(../../files/theme/img/overlays/02.png);
}
.overlay_03::after {
	background: url(../../files/theme/img/overlays/03.png);
}
.overlay_04::after {
	background: url(../../files/theme/img/overlays/04.png);
}
.overlay_05::after {
	background: url(../../files/theme/img/overlays/05.png);
}
.overlay_06::after {
	background: url(../../files/theme/img/overlays/06.png);
}
.overlay_07::after {
	background: url(../../files/theme/img/overlays/07.png);
}
.overlay_08::after {
	background: url(../../files/theme/img/overlays/08.png);
}
.overlay_09::after {
	background: url(../../files/theme/img/overlays/09.png);
}
.overlay_white::after {
	background: url(../../files/theme/img/overlays/white.png);
}
.overlay_grey::after {
	background: url(../../files/theme/img/overlays/grey.png);
}
.overlay_black::after {
	background: url(../../files/theme/img/overlays/black.png);
}
.overlay_red::after {
	background: url(../../files/theme/img/overlays/red.png);
}
.overlay_darkred::after {
	background: url(../../files/theme/img/overlays/darkred.png);
}
.overlay_green::after {
	background: url(../../files/theme/img/overlays/green.png);
}
.overlay_darkgreen::after {
	background: url(../../files/theme/img/overlays/darkgreen.png);
}
.overlay_blue::after {
	background: url(../../files/theme/img/overlays/blue.png);
}
.overlay_darkblue::after {
	background: url(../../files/theme/img/overlays/darkblue.png);
}
.overlay_cyan::after {
	background: url(../../files/theme/img/overlays/cyan.png);
}
.overlay_darkcyan::after {
	background: url(../../files/theme/img/overlays/darkcyan.png);
}
.overlay_magenta::after {
	background: url(../../files/theme/img/overlays/magenta.png);
}
.overlay_darkmagenta::after {
	background: url(../../files/theme/img/overlays/darkmagenta.png);
}
.overlay_yellow::after {
	background: url(../../files/theme/img/overlays/yellow.png);
}
.overlay_darkyellow::after {
	background: url(../../files/theme/img/overlays/darkyellow.png);
}
.overlay_bluegreen::after {
	background: url(../../files/theme/img/overlays/bluegreen.png);
}
.overlay_skyblue::after {
	background: url(../../files/theme/img/overlays/skyblue.png);
}
.overlay_purple::after {
	background: url(../../files/theme/img/overlays/purple.png);
}
.overlay_rose::after {
	background: url(../../files/theme/img/overlays/rose.png);
}
.overlay_orange::after {
	background: url(../../files/theme/img/overlays/orange.png);
}
.overlay_yellowgreen::after {
	background: url(../../files/theme/img/overlays/yellowgreen.png);
}
.overlay_noise::after {
	background: url(../../files/theme/img/overlays/noise.gif);
}

/* ======================================================================================
1. Allgemeine Styles
	1.11. Zoom
====================================================================================== */
.zoom_05:hover img {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.zoom_10:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.zoom_15:hover img {
	-moz-transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}
.zoom_20:hover img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.zoom_25:hover img {
	-moz-transform: scale(1.25);
	-webkit-transform: scale(1.25);
	-o-transform: scale(1.25);
	-ms-transform: scale(1.25);
	transform: scale(1.25);
}
.zoom_30:hover img {
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}
.zoom_35:hover img {
	-moz-transform: scale(1.35);
	-webkit-transform: scale(1.35);
	-o-transform: scale(1.35);
	-ms-transform: scale(1.35);
	transform: scale(1.35);
}
.zoom_40:hover img {
	-moz-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-o-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
}
.zoom_45:hover img {
	-moz-transform: scale(1.45);
	-webkit-transform: scale(1.45);
	-o-transform: scale(1.45);
	-ms-transform: scale(1.45);
	transform: scale(1.45);
}
.zoom_50:hover img {
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}
*[class*="zoom_neg"]:hover img {
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.zoom_neg95 img {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.zoom_neg90 img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.zoom_neg85 img {
	transform: scale(1.15);
	-moz-transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}
.zoom_neg80 img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.zoom_neg75 img {
	-moz-transform: scale(1.25);
	-webkit-transform: scale(1.25);
	-o-transform: scale(1.25);
	-ms-transform: scale(1.25);
	transform: scale(1.25);
}
.zoom_neg70 img {
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}
.zoom_neg65 img {
	-moz-transform: scale(1.35);
	-webkit-transform: scale(1.35);
	-o-transform: scale(1.35);
	-ms-transform: scale(1.35);
	transform: scale(1.35);
}
.zoom_neg60 img {
	-moz-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-o-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
}
.zoom_neg55 img {
	-moz-transform: scale(1.45);
	-webkit-transform: scale(1.45);
	-o-transform: scale(1.45);
	-ms-transform: scale(1.45);
	transform: scale(1.45);
}
.zoom_neg50 img {
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}

/* ======================================================================================
1. Allgemeine Styles
	1.12. Übergang
====================================================================================== */
.transition_linear_15 img {
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
.transition_linear_25 img {
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-ms-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.transition_linear_50 img,
.mod_cookiebar .cookiebar_analytics .slider,
.mod_cookiebar .cookiebar_analytics .slider::before,
.switch_dark_mode .slider,
.switch_dark_mode .slider::before {
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.transition_ease_in_15 img {
	-webkit-transition: all 0.15s ease-in;
	-moz-transition: all 0.15s ease-in;
	-ms-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}
.transition_ease_in_25 img {
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-ms-transition: all 0.25s ease-in;
	-o-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
}
.transition_ease_in_50 img {
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}
.transition_ease_out_15 img {
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.transition_ease_out_25 img {
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
.transition_ease_out_50 img {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.transition_ease_in_out_15 img {
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.transition_ease_in_out_25 img {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.transition_ease_in_out_50 img {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/* ======================================================================================
2. Layout
====================================================================================== */
#wrapper {
	padding-bottom: 78px;
	padding-top: 112px;
}
.cookiebar-active #wrapper {
	padding-bottom: 172px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#wrapper {
	padding-bottom: 72px;
	padding-top: 82px;
}
.cookiebar-active #wrapper {
	padding-bottom: 178px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#wrapper {
	padding-bottom: 105px;
	padding-top: 89px;
}
.cookiebar-active #wrapper {
	padding-bottom: 211px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
#wrapper {
	padding-bottom: 120px;
}
.cookiebar-active #wrapper {
	padding-bottom: 276px;
}
/* Media Query Ende */ }

/* ======================================================================================
2. Layout
	2.1. Kopfzeile
====================================================================================== */
#header {
	height: 112px;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 99;
}
#header .logo {
	width: 325px;
}
#nav_main_bar,
#nav_main_bar .ce_spaltenumschlag {
	overflow: visible;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#header {
	height: 82px;
}
#header .logo {
	width: 200px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#header {
	height: 89px;
}
#header .logo {
	margin: 14px 0;
}
/* Media Query Ende */ }

/* ======================================================================================
2. Layout
	2.2. Hauptzeile
====================================================================================== */
#container,
#teaser,
.inside {
	position: relative;
}

/* ======================================================================================
2. Layout
	2.2. Hauptzeile
		2.2.1. Linke Spalte
====================================================================================== */
#left {
	margin-left: -100%;
}
/* Media Query Anfang */ @media screen and (max-width: 779px) {
#left {
	margin-left: 0;
}
/* Media Query Ende */ }

/* ======================================================================================
2. Layout
	2.2. Hauptzeile
		2.2.2. Hauptspalte
====================================================================================== */
#main {
	width: 100%;
}
#main .inside {
	min-height: 1px;
}

/* ======================================================================================
2. Layout
	2.2. Hauptzeile
		2.2.3. Rechte Spalte
====================================================================================== */
#right {
	margin-right: -100%;
}
/* Media Query Anfang */ @media screen and (max-width: 779px) {
#right {
	margin-right: 0;
}
/* Media Query Ende */ }

/* ======================================================================================
2. Layout
	2.3. Unterzeile
====================================================================================== */

/* ======================================================================================
2. Layout
	2.4. Fußzeile
====================================================================================== */
#footer {
	bottom: 0;
	clear: both;
	height: 78px;
	left: 0;
	position: absolute;
	right: 0;
}
.cookiebar-active #footer {
	bottom: 94px;
}
#footer .copyright {
	font-size: 14px;
	font-size: 0.875rem;
}
#footer .ce_toplink {
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 34px;
}
#footer .ce_toplink a {
	display: block;
	height: 32px;
	text-decoration: none;
	width: 100%;
}
#footer .ce_toplink a::before {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1;
	margin: 0;
	position: relative;
}
#footer .ce_toplink span {
	display: none;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#footer {
	height: 72px;
}
.cookiebar-active #footer {
	bottom: 106px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#footer {
	height: 105px;
}
#footer .copyright {
	float: none;
	margin: auto;
	text-align: center;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
#footer {
	height: 120px;
}
#footer .copyright .footer_rechte {
	display: block;
}
.cookiebar-active #footer {
	bottom: 156px;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.1. Überschrift
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.2. Text
====================================================================================== */
.ce_text {
	word-break: break-word;
}
.ce_text abbr {
	cursor: help;
	position: relative;
}
.ce_text code,
.ce_table code {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 14px;
	font-size: 0.875rem;
}
.ce_text del {
	text-decoration: line-through;
}
.ce_text em {
	font-style: italic;
}
.ce_text hr {
	border: none;
	height: 2px;
}
.ce_text kbd {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 14px;
	font-size: 0.875rem;
	padding: 4px 4px 2px;
}
.ce_text mark {
	padding: 0 5px;
}
.ce_text pre {
	border-style: solid;
	border-width: 1px;
	display: block;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 14px;
	font-size: 0.875rem;
	overflow: auto;
	margin: 7px 0;
	padding: 14px;
	white-space: pre;
	word-break: break-all;
	word-wrap: break-word;
}
.ce_text sub,
.ce_text sup {
	font-size: 12px;
	font-size: 0.75rem;
	position: relative;
	top: -3px;
	vertical-align: text-top;
}
.ce_text sub {
	top: 3px;
	vertical-align: text-bottom;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.ce_text abbr[title]:hover::before {
	content: attr(title);
	left: -7px;
	padding: 3px 5px;
	position: absolute;
	text-decoration: none;
	top: -26px;
	white-space: nowrap;
}
.ce_text abbr[title]:hover::after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #343a40;
	clear: both;
	content: "";
	left: 0;
	position: absolute;
	top: -2px;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.3. Aufzählung
====================================================================================== */
ul {
	list-style-type: none;
}
.ce_list ol,
.ce_table ol,
.ce_text ol {
	counter-reset: item;
	list-style: none;
}
.ce_list ol > li,
.ce_table ol > li,
.ce_text ol > li {
	counter-increment: item;
	padding-left: 21px;
}
.ce_list ol > li::before,
.ce_table ol > li::before,
.ce_text ol > li::before {
	content: counters(item, ".") ".";
	margin-right: 7px;
}
.ce_list ul,
.ce_table ul,
.ce_text ul,
.mod_newsletterlist ul {
	list-style-type: disc;
	padding-left: 35px;
}
.ce_list ul ul,
.ce_table ul ul,
.ce_text ul ul {
	list-style-type: circle;
}
.ce_list ul ul ul,
.ce_table ul ul ul,
.ce_text ul ul ul {
	list-style-type: square;
}

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.4. Tabelle
====================================================================================== */
table {
	border-collapse: collapse;
	border-spacing: 0;
	display: block;
	font-size: inherit;
	overflow: auto;
	width: 100%;
}
caption {
	padding: 7px 0;
}
caption, th, td {
	text-align: left;
	text-align: start;
	vertical-align: middle;
}
th, td {
	border-style: solid;
	border-width: 1px;
	padding: 7px;
}
.sortable th {
	padding-right: 14px;
}
th {
	font-weight: 700;
}
/* Media Query Anfang */ @media screen and (max-width: 779px) {
.sortable th {
	padding-right: 21px;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.5. Code
====================================================================================== */
.ce_code code {
	border-style: solid;
	border-width: 1px;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 14px;
	font-size: 0.875rem;
	padding: 14px;
}

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.6. Markdown
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.2. Akkordeon
====================================================================================== */
.ce_accordion {
	margin-bottom: 2px;
}
.ce_accordion .toggler {
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-weight: 700;
	padding: 12px;
}
.ce_accordion .ui-icon::before {
	content: "\f0da";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	font-size: 1rem;
	font-weight: 700;
	width: 15px;
	text-align: center;
}
.ce_accordion .ui-accordion-header-active .ui-icon::before {
	content: "\f0d7";
}
.ce_accordion .ui-accordion-content {
	padding: 7px 11px;
}

/* ======================================================================================
3. Core-Elemente
	3.3. Content-Slider
====================================================================================== */
.ce_sliderStart .slider-control {
	height: 50px;
}
.ce_sliderStart.no_nav_slider .slider-control { /* Slider-Navigation ausbldenden */
	display: none;
}
.ce_sliderStart .slider-wrapper {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
.ce_sliderStart .slider-control .slider-menu {
	font-size: 48px;
	font-size: 3rem;
	line-height: 1;
}
.ce_sliderStart .slider-control .slider-prev::after,
.ce_sliderStart .slider-control .slider-next::after {
	content: "\f104";
	font-family: "Font Awesome 5 Free";
	font-size: 32px;
	font-size: 2rem;
	font-weight: 700;
	left: 15px;
	position: absolute;
	top: -3px;
}
.ce_sliderStart .slider-control .slider-next::after {
	content: "\f105";
	left: auto;
	right: 15px;
}
.ce_sliderStart .slider-control .slider-prev span,
.ce_sliderStart .slider-control .slider-next span {
	display: none;
}

/* ======================================================================================
3. Core-Elemente
	3.4. Link-Elemente
		3.4.1. Hyperlink
====================================================================================== */
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p:not(.button) a[target="_blank"]::after,
.button_link p.button a[target="_blank"]::after,
.ce_hyperlink a[target="_blank"]::after {
	content: "\f35d";
	font-family: "Font Awesome 5 Free";
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: 700;
	margin-left: 3px;
}
.ce_hyperlink {
	padding: 7px 0;
}

/* ======================================================================================
3. Core-Elemente
	3.4. Link-Elemente
		3.4.2. Top-Link
====================================================================================== */
.ce_toplink {
	padding: 7px 0 7px 12px;
}
.ce_toplink a::before {
	content: "\f102";
	font-family: "Font Awesome 5 Free";
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: 700;
	margin: 4px 0 0 -12px;
	position: absolute;
}

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.1. Bild
====================================================================================== */
.image_container {
	position: relative;
}
.ce_image a + figcaption,
.ce_gallery a + figcaption,
.ce_text .image_container a + figcaption {
	margin-top: -7px;
}
.ce_image figcaption,
.ce_gallery figcaption,
.ce_text .image_container figcaption {
	margin-top: -4px;
	padding: 7px;
	position: relative;
}
.ce_text .image_container.float_left,
.ce_text .image_container.float_right {
	margin: 11px 21px 11px 0;
	width: 33.33333333%;
}
.ce_text .image_container.float_right {
	margin: 11px 0 11px 21px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.ce_text .image_container.float_left,
.ce_text .image_container.float_right {
	width: 50%;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
.ce_text .image_container.float_left,
.ce_text .image_container.float_right {
	margin: 7px 0 14px 0;
	width: 100%;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.2. Galerie
====================================================================================== */
.ce_gallery > ul {
	margin: 0 -7px;
	overflow: hidden;
	padding: 0;
	width: calc(100% + 14px);
}
.ce_gallery > ul li {
	float: left;
	padding: 7px;
	width: 100%;
}
.ce_gallery > ul.cols_2 li {
	width: 50%;
}
.ce_gallery > ul.cols_3 li {
	width: 33.33333333%;
}
.ce_gallery > ul.cols_4 li {
	width: 25%;
}
.ce_gallery > ul.cols_5 li {
	width: 20%;
}
.ce_gallery > ul.cols_6 li {
	width: 16.66%;
}
.ce_gallery > ul.cols_7 li {
	width: 14.28%;
}
.ce_gallery > ul.cols_8 li {
	width: 12.5%;
}
.ce_gallery > ul.cols_9 li {
	width: 11.11%;
}
.ce_gallery > ul.cols_10 li {
	width: 10%;
}
.ce_gallery > ul.cols_11 li {
	width: 9.09%;
}
.ce_gallery > ul.cols_12 li {
	width: 8.33333333%;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.ce_gallery > ul.cols_5 li,
.ce_gallery > ul.cols_6 li {
	width: 25%;
}
.ce_gallery > ul.cols_7 li,
.ce_gallery > ul.cols_8 li,
.ce_gallery > ul.cols_9 li {
	width: 20%;
}
.ce_gallery > ul.cols_10 li,
.ce_gallery > ul.cols_11 li,
.ce_gallery > ul.cols_12 li {
	width: 16.66%;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.ce_gallery > ul.cols_7 li,
.ce_gallery > ul.cols_8 li,
.ce_gallery > ul.cols_9 li,
.ce_gallery > ul.cols_10 li,
.ce_gallery > ul.cols_11 li,
.ce_gallery > ul.cols_12 li {
	width: 25%;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
.ce_gallery > ul.cols_3 li,
.ce_gallery > ul.cols_4 li {
	width: 50%;
}
.ce_gallery > ul.cols_5 li,
.ce_gallery > ul.cols_6 li,
.ce_gallery > ul.cols_7 li,
.ce_gallery > ul.cols_8 li,
.ce_gallery > ul.cols_9 li,
.ce_gallery > ul.cols_10 li,
.ce_gallery > ul.cols_11 li,
.ce_gallery > ul.cols_12 li {
	width: 33.33333333%;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.3. Video/Audio
====================================================================================== */
.ce_player audio {
	width: 100%;
}
.ce_player video {
	height: 100%;
	width: 100%;
}

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.4. YouTube
====================================================================================== */
.ce_youtube .video_container {
	height: auto;
	padding-bottom: 56.25%;
	position: relative;
	width: 100%;
}
.ce_youtube iframe {
	bottom: 0;
	height: 100% !important;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100% !important;
}

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.5. Vimeo
====================================================================================== */
.ce_vimeo .video_container {
	height: auto;
	padding-bottom: 56.25%;
	position: relative;
	width: 100%;
}
.ce_vimeo iframe {
	bottom: 0;
	height: 100% !important;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100% !important;
}

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.6. Colorbox
====================================================================================== */
#colorbox #cboxClose,
#colorbox #cboxPrevious,
#colorbox #cboxNext {
	background: transparent;
}
#colorbox #cboxClose::after {
	content: "\f00d";
	font-family: "Font Awesome 5 Free";
	font-size: 32px;
	font-size: 2rem;
	font-weight: 700;
	height: 40px;
	left: 0;
	line-height: 1.25;
	position: absolute;
	text-indent: 0;
	top: 0;
	width: 40px;
}
#colorbox #cboxPrevious::after,
#colorbox #cboxNext::after {
	content: "\f104";
	font-family: "Font Awesome 5 Free";
	font-size: 32px;
	font-size: 2rem;
	font-weight: 700;
	height: 65px;
	left: -2px;
	line-height: 2;
	position: absolute;
	text-indent: 0;
	top: 0;
	width: 30px;
}
#colorbox #cboxNext::after {
	content: "\f105";
	left: 2px;
}
#colorbox #cboxTitle {
	bottom: 0;
	left: 0;
	padding: 7px 5px;
	right: 0;
	top: auto;
	width: 100%;
}

/* ======================================================================================
3. Core-Elemente
	3.6. Datei-Elemente
		3.6.1. Download
====================================================================================== */
.ce_download,
.ce_downloads {
	border-style: solid;
	border-width: 1px;
	overflow: visible;
	padding: 14px 7px 7px;
}
.ce_download::before,
.ce_downloads::before {
	border-style: solid;
	border-width: 1px;
	content: "Download";
	font-weight: 700;
	margin-top: -25px;
	padding: 0 7px;
	position: absolute;
}

/* ======================================================================================
3. Core-Elemente
	3.6. Datei-Elemente
		3.6.2. Downloads
====================================================================================== */
.ce_downloads::before {
	content: "Downloads";
}

/* ======================================================================================
3. Core-Elemente
	3.7. Include-Elemente
		3.7.1. Formulare
====================================================================================== */
.ce_form .widget {
	padding: 7px 2px;
}
.ce_form .widget-text label,
.ce_form .widget-textarea label,
.ce_form .widget-select label,
.ce_form .widget-password label,
.ce_form .widget-upload label,
.ce_form .widget-range label,
.ce_form .widget-captcha label,
.ce_form .widget-radio legend,
.ce_form .widget-checkbox legend,
fieldset legend {
	font-weight: 700;
}
.ce_form .checkbox_container label,
.ce_form .radio_container label {
	display: block;
	margin: -21px 0 0 21px;
}
.ce_form .widget[class*="grid_"] label,
.ce_form .widget[class*="grid_"] legend {
	padding: 0;
	width: 100%;
}

/* ======================================================================================
3. Core-Elemente
	3.7. Include-Elemente
		3.7.2. Kommentare
====================================================================================== */
.ce_comments {
	margin-top: 21px;
	width: 100%;
}
.ce_comments .widget {
	padding: 7px 2px;
}
.ce_comments .widget-text label,
.ce_comments .widget-textarea label {
	font-weight: 700;
}
.ce_comments .widget-text.mandatory {
	float: left;
	width: 50%;
}
/* Media Query Anfang */ @media screen and (max-width: 779px) {
.ce_comments .widget-text.mandatory {
	float: none;
	width: 100%;
}
/* Media Query Ende */ }

.ce_comments .comment_default:not(.last) {
	margin-bottom: 28px;
}
.ce_comments p.info {
	font-weight: 700;
}
.ce_comments p.date {
	font-size: 12px;
	font-size: 0.75rem;
	margin-top: -14px;
}
.ce_comments .reply {
	border-left-style: solid;
	border-left-width: 3px;
	margin: 7px 0 7px 14px;
	padding-left: 21px;
}
.ce_comments .tl_confirm {
	border-style: solid;
	border-width: 1px;
	padding: 7px 11px;
}

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.1. Teaserbild
====================================================================================== */
.ce_teaserbild {
	padding: 35px 0;
	width: 100%;
}
.ce_teaserbild > div {
	position: relative;
}
.ce_teaserbild .height_lg {
	height: 430px;
}
.ce_teaserbild .height_md {
	height: 280px;
}
.ce_teaserbild .height_sm {
	height: 130px;
}
.ce_teaserbild .fullheight {
	height: calc(100vh - 182px);
}
.ce_teaserbild .box_width_85 {
	padding: 0 7.5%;
}
.ce_teaserbild .box_width_50 {
	padding: 0 25%;
}
.ce_teaserbild .box_width_35 {
	padding: 0 32.5%;
}
.ce_teaserbild .left.box_width_85 {
	padding: 0 15% 0 0;
}
.ce_teaserbild .left.box_width_50 {
	padding: 0 50% 0 0;
}
.ce_teaserbild .left.box_width_35 {
	padding: 0 65% 0 0;
}
.ce_teaserbild .right.box_width_85 {
	padding: 0 0 0 15%;
}
.ce_teaserbild .right.box_width_50 {
	padding: 0 0 0 50%;
}
.ce_teaserbild .right.box_width_35 {
	padding: 0 0 0 65%;
}
.ce_teaserbild .inside {
	display: inline-block;
	padding: 0 14px;
}
.ce_teaserbild .wrapperpadding {
	padding-bottom: 35px;
}
.ce_teaserbild .contentpadding {
	padding: 7px 14px;
}
.ce_teaserbild .inside:last-of-type {
	margin-top: 7px;
}
.boxed .ce_teaserbild .left .inside {
	margin-left: -15px;
}
.boxed .ce_teaserbild .right .inside {
	margin-right: -15px;
}
.ce_teaserbild .fullwidth .left .inside {
	margin-left: 0;
}
.ce_teaserbild .fullwidth .right .inside {
	margin-right: 0;
}
.ce_teaserbild .ce_headline,
.ce_teaserbild .ce_text {
	display: block;
	position: relative;
	z-index: 1;
}
.ce_teaserbild .fullwidth .ce_headline,
.ce_teaserbild .fullwidth .ce_text {
	margin: auto 0;
}
.ce_teaserbild .scrolldown {
	bottom: -25px;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	width: 100%;
}
.ce_teaserbild .scrolldown a {
	font-size: 32px;
	font-size: 2rem;
}
.ce_teaserbild .scrolldown a:hover {
	text-decoration: none;
}
.ce_teaserbild .scrolldown a::after {
	content: "\f103";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.ce_teaserbild {
	padding: 25px 0;
}
.ce_teaserbild .height_lg {
	height: 350px;
}
.ce_teaserbild .height_md {
	height: 200px;
}
.ce_teaserbild .height_sm {
	height: 100px;
}
.ce_teaserbild .fullheight {
	height: calc(100vh - 132px);
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.ce_teaserbild .height_lg {
	height: 250px;
}
.ce_teaserbild .height_md {
	height: 150px;
}
.ce_teaserbild .height_sm {
	height: auto;
}
.ce_teaserbild .fullheight {
	height: calc(100vh - 140px);
}
.ce_teaserbild .box_width_85,
.ce_teaserbild .box_width_50,
.ce_teaserbild .box_width_35,
.ce_teaserbild .left.box_width_85,
.ce_teaserbild .left.box_width_50,
.ce_teaserbild .left.box_width_35,
.ce_teaserbild .right.box_width_85,
.ce_teaserbild .right.box_width_50,
.ce_teaserbild .right.box_width_35 {
	padding-left: 0;
	padding-right: 0;
}
.ce_teaserbild .inside {
	padding: 0 10px;
}
.boxed .ce_teaserbild .left .inside,
.ce_teaserbild .fullwidth .left .inside {
	margin-left: 0;
}
.boxed .ce_teaserbild .right .inside,
.ce_teaserbild .fullwidth .right .inside {
	margin-right: 0;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
.ce_teaserbild .ce_headline,
.ce_teaserbild .ce_text {
	margin: auto 0;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.2. Teaserbox
====================================================================================== */
.ce_teaserbox {
	width: 100%;
}
.ce_teaserbox .height_lg {
	height: 430px;
}
.ce_teaserbox .height_md {
	height: 280px;
}
.ce_teaserbox .height_sm {
	height: 130px;
}
.ce_teaserbox .fullheight {
	height: calc(100vh - 112px);
}
.ce_teaserbox.overlay::after {
	z-index: 0;
}
.ce_teaserbox .inside {
	height: 100%;
	padding: 15px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.ce_teaserbox .inside.relative {
	height: auto;
	position: relative;
}
.ce_teaserbox .inside.no_padding {
	padding: 0;
}
.ce_teaserbox .item {
	padding: 7px 11px;
	position: relative;
}
.ce_teaserbox .box_outside .colorbox {
	opacity: 1 !important;
}
.ce_teaserbox .ce_headline,
.ce_teaserbox .ce_text,
.ce_teaserbox .button {
	position: relative;
	z-index: 1;
}
.ce_teaserbox .image_container {
	height: 100%;
}
.ce_teaserbox .image_container img {
	height: 100%;
	object-fit: cover;
}
.ce_teaserbox .ce_image a img {
	border-style: none;
	border-width: 0;
	padding: 0;
}
.ce_teaserbox .highlight {
	font-weight: 700;
	line-height: 1.25;
	padding: 3px;
	position: absolute;
	right: -21px;
	text-align: center;
	top: 14px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 91px;
	z-index: 1;
}

/* Media Query Anfang */ @media screen and (min-width: 1040px) {
.ce_teaserbox .inside.no_padding_lg {
	padding: 0;
}
.ce_teaserbox .box_width_lg_85 {
	margin: 0 7.5%;
}
.ce_teaserbox .box_width_lg_50 {
	margin: 0 25%;
}
.ce_teaserbox .box_width_lg_35 {
	margin: 0 32.5%;
}
.ce_teaserbox .left .box_width_lg_85 {
	margin: 0 15% 0 0;
}
.ce_teaserbox .left .box_width_lg_50 {
	margin: 0 50% 0 0;
}
.ce_teaserbox .left .box_width_lg_35 {
	margin: 0 65% 0 0;
}
.ce_teaserbox .right .box_width_lg_85 {
	margin: 0 0 0 15%;
}
.ce_teaserbox .right .box_width_lg_50 {
	margin: 0 0 0 50%;
}
.ce_teaserbox .right .box_width_lg_35 {
	margin: 0 0 0 65%;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) and (min-width: 780px) {
.ce_teaserbox .inside.no_padding_md {
	padding: 0;
}
.ce_teaserbox .box_width_md_85 {
	margin: 0 7.5%;
}
.ce_teaserbox .box_width_md_50 {
	margin: 0 25%;
}
.ce_teaserbox .box_width_md_35 {
	margin: 0 32.5%;
}
.ce_teaserbox .left .box_width_md_85 {
	margin: 0 15% 0 0;
}
.ce_teaserbox .left .box_width_md_50 {
	margin: 0 50% 0 0;
}
.ce_teaserbox .left .box_width_md_35 {
	margin: 0 65% 0 0;
}
.ce_teaserbox .right .box_width_md_85 {
	margin: 0 0 0 15%;
}
.ce_teaserbox .right .box_width_md_50 {
	margin: 0 0 0 50%;
}
.ce_teaserbox .right .box_width_md_35 {
	margin: 0 0 0 65%;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.ce_teaserbox .height_lg {
	height: 350px;
}
.ce_teaserbox .height_md {
	height: 200px;
}
.ce_teaserbox .height_sm {
	height: 100px;
}
.ce_teaserbox .fullheight {
	height: calc(100vh - 62px);
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (min-width: 780px) {
.ce_teaserbox .bg_outside .colorbox {
	background: transparent !important;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.ce_teaserbox .height_lg {
	height: 250px;
}
.ce_teaserbox .height_md {
	height: 150px;
}
.ce_teaserbox .height_sm {
	height: auto;
}
.ce_teaserbox .fullheight {
	height: calc(100vh - 140px);
}
.ce_teaserbox .inside {
	height: auto;
	padding: 0;
	position: relative;
}
.ce_teaserbox .item {
	margin: 0 !important;
}
.ce_teaserbox .colorbox {
	opacity: 1 !important;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.3. Text/Bild-Kachel
====================================================================================== */
.ce_text_bild_kachel {
	width: 100%;
}
.ce_text_bild_kachel .box_img.overlay::after {
	z-index: 0;
}
.ce_text_bild_kachel .box_img {
	bottom: 0;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
}
.ce_text_bild_kachel .box_img.arrow::before {
	content: '';
	height: 20px;
	margin-left: -10px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 20px;
	z-index: 1;
}
.ce_text_bild_kachel.text_right .box_img {
	left: 0;
	right: auto;
}
.ce_text_bild_kachel.text_right .box_img.arrow::before {
	right: -10px;
}
.ce_text_bild_kachel .height_lg {
	height: 80vh;
}
.ce_text_bild_kachel .height_md {
	height: 60vh;
}
.ce_text_bild_kachel .height_sm {
	height: 40vh;
}
.ce_text_bild_kachel .fullheight {
	height: calc(100vh - 112px);
}
.ce_text_bild_kachel .box_text .inside {
	padding: 35px 0;
}
.ce_text_bild_kachel.text_left .box_text .ce_headline,
.ce_text_bild_kachel.text_left .box_text .ce_text,
.ce_text_bild_kachel.text_left .box_text .button {
	margin-right: calc(50% + 25px);
}
.ce_text_bild_kachel.text_right .box_text .ce_headline,
.ce_text_bild_kachel.text_right .box_text .ce_text,
.ce_text_bild_kachel.text_right .box_text .button {
	margin-left: calc(50% + 25px);
}
.ce_text_bild_kachel.text_left .box_text.fullwidth .ce_headline,
.ce_text_bild_kachel.text_left .box_text.fullwidth .ce_text,
.ce_text_bild_kachel.text_left .box_text.fullwidth .button,
.ce_text_bild_kachel.text_left .box_text.width_lg .ce_headline,
.ce_text_bild_kachel.text_left .box_text.width_lg .ce_text,
.ce_text_bild_kachel.text_left .box_text.width_lg .button {
	margin-left: 14px;
}
.boxed .ce_text_bild_kachel.text_left .box_text.width_lg .ce_headline,
.boxed .ce_text_bild_kachel.text_left .box_text.width_lg .ce_text,
.boxed .ce_text_bild_kachel.text_left .box_text.width_lg .button {
	margin-left: 0;
}
.ce_text_bild_kachel.text_right .box_text.fullwidth .ce_headline,
.ce_text_bild_kachel.text_right .box_text.fullwidth .ce_text,
.ce_text_bild_kachel.text_right .box_text.fullwidth .button,
.ce_text_bild_kachel.text_right .box_text.width_lg .ce_headline,
.ce_text_bild_kachel.text_right .box_text.width_lg .ce_text,
.ce_text_bild_kachel.text_right .box_text.width_lg .button {
	margin-right: 14px;
}
.boxed .ce_text_bild_kachel.text_right .box_text.width_lg .ce_headline,
.boxed .ce_text_bild_kachel.text_right .box_text.width_lg .ce_text,
.boxed .ce_text_bild_kachel.text_right .box_text.width_lg .button {
	margin-right: 0;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.ce_text_bild_kachel .box_text .inside {
	padding: 25px 0;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.ce_text_bild_kachel .box_img {
	height: 50vh;
	position: relative;
	width: 100%;
}
.ce_text_bild_kachel .box_img.arrow::before,
.ce_text_bild_kachel .box_img.arrow::before {
	bottom: -10px;
	left: 50%;
	right: auto;
	top: auto;
}
.ce_text_bild_kachel .height_lg,
.ce_text_bild_kachel .height_md,
.ce_text_bild_kachel .height_sm,
.ce_text_bild_kachel .fullheight {
	height: auto;
}
.ce_text_bild_kachel .box_text {
	display: block;
	padding: 0 10px;
}
.ce_text_bild_kachel .box_text.no_padding {
	padding: 0;
}
.ce_text_bild_kachel .box_text .inside {
	display: block;
	padding: 15px 0;
}
.ce_text_bild_kachel.text_left .box_text .ce_headline,
.ce_text_bild_kachel.text_left .box_text .ce_text,
.ce_text_bild_kachel.text_left .box_text .button,
.ce_text_bild_kachel.text_right .box_text .ce_headline,
.ce_text_bild_kachel.text_right .box_text .ce_text,
.ce_text_bild_kachel.text_right .box_text .button ,
.ce_text_bild_kachel.text_left .box_text.fullwidth .ce_headline,
.ce_text_bild_kachel.text_left .box_text.fullwidth .ce_text,
.ce_text_bild_kachel.text_left .box_text.fullwidth .button,
.ce_text_bild_kachel.text_left .box_text.width_lg .ce_headline,
.ce_text_bild_kachel.text_left .box_text.width_lg .ce_text,
.ce_text_bild_kachel.text_left .box_text.width_lg .button
.ce_text_bild_kachel.text_right .box_text.fullwidth .ce_headline,
.ce_text_bild_kachel.text_right .box_text.fullwidth .ce_text,
.ce_text_bild_kachel.text_right .box_text.fullwidth .button,
.ce_text_bild_kachel.text_right .box_text.width_lg .ce_headline,
.ce_text_bild_kachel.text_right .box_text.width_lg .ce_text,
.ce_text_bild_kachel.text_right .box_text.width_lg .button {
	margin-left: 0;
	margin-right: 0;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.4. Hinweisbox
====================================================================================== */
.ce_hinweisbox {
	border-style: solid;
	border-width: 1px;
	margin: 7px 0;
	width: 100%;
}
.ce_hinweisbox.no_border {
	border-style: none;
	border-width: 0;
}
.ce_hinweisbox.no_margin {
	margin: 0;
}
.ce_hinweisbox .inside {
	padding: 7px 11px;
	width: 100%;
}
.ce_hinweisbox .icon {
	border-color: transparent;
	outline-color: transparent;
	text-align: center;
}
.ce_hinweisbox .icon.left.icon_xlg,
.ce_hinweisbox .icon.right.icon_xlg {
	width: 120px;
}
.ce_hinweisbox .icon.left.icon_lg,
.ce_hinweisbox .icon.right.icon_lg {
	width: 110px;
}
.ce_hinweisbox .icon.left.icon_md,
.ce_hinweisbox .icon.right.icon_md {
	width: 100px;
}
.ce_hinweisbox .icon.left.icon_sm,
.ce_hinweisbox .icon.right.icon_sm {
	width: 90px;
}
.ce_hinweisbox .icon.left.icon_xsm,
.ce_hinweisbox .icon.right.icon_xsm {
	width: 80px;
}
.ce_hinweisbox .icon.left i,
.ce_hinweisbox .icon.left svg {
	margin: 0 7px 0 0;
}
.ce_hinweisbox .icon.right i,
.ce_hinweisbox .icon.right svg {
	margin: 0 0 0 7px;
}
.ce_hinweisbox .item.before,
.ce_hinweisbox .item.after {
	display: table-row;
}

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.5. Teambox
====================================================================================== */
.ce_teambox {
	border-color: transparent;
	padding: 7px 11px;
	width: 100%;
}
.ce_teambox .ce_image img {
	margin: 7px 0;
	width: 180px;
}
.ce_teambox .img_center .ce_image .image_container img {
	margin: 7px auto;
}
.ce_teambox .img_left .ce_image .image_container img {
	float: left;
}
.ce_teambox .img_right .ce_image .image_container img {
	float: right;
}
.ce_teambox p.ce_headline {
	font-size: 20px;
	font-size: 1.250rem;
	font-weight: 700;
}
.ce_teambox p.function {
	font-size: 12px;
	font-size: 0.75rem;
	margin-top: -21px;
}
.ce_teambox ul.socials_list {
	list-style-type: none;
	padding: 0;
}
.ce_teambox ul.socials_list li {
	display: inline-block;
	margin: 0 3px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.ce_teambox .ce_image img {
	width: 165px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.ce_teambox .ce_image img {
	width: 150px;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.6. Zitatbox
====================================================================================== */
.ce_zitatbox {
	width: 100%;
}
.ce_zitatbox .img_left .ce_image {
	padding: 0 21px 0 0;
}
.ce_zitatbox .img_right .ce_image {
	padding: 0 0 0 21px;
}
.ce_zitatbox .offset_sm blockquote {
	margin: 7px 0;
}
.ce_zitatbox .offset_md blockquote {
	margin: 21px 0;
}
.ce_zitatbox .offset_lg blockquote {
	margin: 28px 0;
}
blockquote {
	border-left-style: solid;
	border-left-width: 3px;
	margin: 14px 0;
	padding-left: 21px;
	position: relative;
	quotes: none;
}
blockquote::before,
blockquote::after {
	content: "";
	content: none;
}
blockquote footer {
	font-size: 75%;
	padding: 7px 0;
}
blockquote footer::before {
	content: "\2014 \00A0";
}
.zitatbox_2 blockquote {
	border-left: none;
}
.zitatbox_2 blockquote::before {
	content: "\f10d";
	font-family: "Font Awesome 5 Free";
	font-size: 48px;
	font-size: 3rem;
	font-weight: 700;
	left: 1px;
	position: absolute;
	top: 14px;
	z-index: -1;
}
.zitatbox_3 blockquote {
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-left: none;
	border-top-style: solid;
	border-top-width: 3px;
	padding: 14px 21px 7px;
}
.zitatbox_3 blockquote::before {
	content: "\f10d";
	display: block;
	font-family: "Font Awesome 5 Free";
	font-size: 32px;
	font-size: 2rem;
	font-weight: 700;
	height: 42px;
	line-height: 48px;
	margin: -36px auto -7px;
	text-align: center;
	width: 42px;
}

/* Media Query Anfang */ @media screen and (min-width: 1300px) {
.ce_zitatbox .box_xlg_width_lg {
	margin: 0 10%;
	width: 80%;
}
.ce_zitatbox .box_xlg_width_md {
	margin: 0 17.5%;
	width: 65%;
}
.ce_zitatbox .box_xlg_width_sm {
	margin: 0 25%;
	width: 50%;
}
.ce_zitatbox .box_left.box_xlg_width_lg {
	margin: 0 20% 0 0;
	width: 80%;
}
.ce_zitatbox .box_left.box_xlg_width_md {
	margin: 0 35% 0 0;
	width: 65%;
}
.ce_zitatbox .box_left.box_xlg_width_sm {
	margin: 0 50% 0 0;
	width: 50%;
}
.ce_zitatbox .box_right.box_xlg_width_lg {
	margin: 0 0 0 20%;
	width: 80%;
}
.ce_zitatbox .box_right.box_xlg_width_md {
	margin: 0 0 0 35%;
	width: 65%;
}
.ce_zitatbox .box_right.box_xlg_width_sm {
	margin: 0 0 0 50%;
	width: 50%;
}
.ce_zitatbox .ce_image img {
	width: 150px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1299px) and (min-width: 1040px) {
.ce_zitatbox .box_lg_width_lg {
	margin: 0 10%;
	width: 80%;
}
.ce_zitatbox .box_lg_width_md {
	margin: 0 17.5%;
	width: 65%;
}
.ce_zitatbox .box_lg_width_sm {
	margin: 0 25%;
	width: 50%;
}
.ce_zitatbox .box_left.box_lg_width_lg {
	margin: 0 20% 0 0;
	width: 80%;
}
.ce_zitatbox .box_left.box_lg_width_md {
	margin: 0 35% 0 0;
	width: 65%;
}
.ce_zitatbox .box_left.box_lg_width_sm {
	margin: 0 50% 0 0;
	width: 50%;
}
.ce_zitatbox .box_right.box_lg_width_lg {
	margin: 0 0 0 20%;
	width: 80%;
}
.ce_zitatbox .box_right.box_lg_width_md {
	margin: 0 0 0 35%;
	width: 65%;
}
.ce_zitatbox .box_right.box_lg_width_sm {
	margin: 0 0 0 50%;
	width: 50%;
}
.ce_zitatbox .ce_image img {
	width: 150px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) and (min-width: 780px) {
.ce_zitatbox .box_md_width_lg {
	margin: 0 5%;
	width: 90%;
}
.ce_zitatbox .box_md_width_md {
	margin: 0 10%;
	width: 80%;
}
.ce_zitatbox .box_md_width_sm {
	margin: 0 15%;
	width: 70%;
}
.ce_zitatbox .box_left.box_md_width_lg {
	margin: 0 10% 0 0;
	width: 90%;
}
.ce_zitatbox .box_left.box_md_width_md {
	margin: 0 20% 0 0;
	width: 80%;
}
.ce_zitatbox .box_left.box_md_width_sm {
	margin: 0 30% 0 0;
	width: 70%;
}
.ce_zitatbox .box_right.box_md_width_lg {
	margin: 0 0 0 10%;
	width: 90%;
}
.ce_zitatbox .box_right.box_md_width_md {
	margin: 0 0 0 20%;
	width: 80%;
}
.ce_zitatbox .box_right.box_md_width_sm {
	margin: 0 0 0 30%;
	width: 70%;
}
.ce_zitatbox .img_left .ce_image {
	padding: 0 14px 0 0;
}
.ce_zitatbox .img_right .ce_image {
	padding: 0 0 0 14px;
}
.ce_zitatbox .ce_image img {
	width: 130px;
}
blockquote {
	padding-left: 14px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) and (min-width: 520px) {
.ce_zitatbox .box_sm_width_lg {
	margin: 0 5%;
	width: 90%;
}
.ce_zitatbox .box_sm_width_md {
	margin: 0 10%;
	width: 80%;
}
.ce_zitatbox .box_sm_width_sm {
	margin: 0 15%;
	width: 70%;
}
.ce_zitatbox .box_left.box_sm_width_lg {
	margin: 0 10% 0 0;
	width: 90%;
}
.ce_zitatbox .box_left.box_sm_width_md {
	margin: 0 20% 0 0;
	width: 80%;
}
.ce_zitatbox .box_left.box_sm_width_sm {
	margin: 0 30% 0 0;
	width: 70%;
}
.ce_zitatbox .box_right.box_sm_width_lg {
	margin: 0 0 0 10%;
	width: 90%;
}
.ce_zitatbox .box_right.box_sm_width_md {
	margin: 0 0 0 20%;
	width: 80%;
}
.ce_zitatbox .box_right.box_sm_width_sm {
	margin: 0 0 0 30%;
	width: 70%;
}
.ce_zitatbox .img_left .ce_image {
	padding: 0 14px 0 0;
}
.ce_zitatbox .img_right .ce_image {
	padding: 0 0 0 14px;
}
.ce_zitatbox .ce_image img {
	width: 130px;
}
blockquote {
	padding-left: 14px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
.ce_zitatbox .box_md_width_lg,
.ce_zitatbox .box_md_width_md,
.ce_zitatbox .box_md_width_sm,
.ce_zitatbox .box_left.box_md_width_lg,
.ce_zitatbox .box_left.box_md_width_md,
.ce_zitatbox .box_left.box_md_width_sm,
.ce_zitatbox .box_right.box_md_width_lg,
.ce_zitatbox .box_right.box_md_width_md,
.ce_zitatbox .box_right.box_md_width_sm {
	margin: 0;
}
.ce_zitatbox .img_left .ce_image {
	padding: 0 7px 0 0;
}
.ce_zitatbox .img_right .ce_image {
	padding: 0 0 0 7px;
}
.ce_zitatbox .ce_image img {
	width: 100px;
}
.ce_zitatbox .img_left .image_container {
	margin-left: -15px;
}
.ce_zitatbox .img_right .image_container {
	margin-right: -15px;
}
blockquote {
	padding-left: 7px;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.7. Preistabelle
====================================================================================== */
.ce_preistabelle {
	width: 100%;
}
.ce_preistabelle .ce_headline i {
	margin-right: 7px;
}
.ce_preistabelle .preisbox .currency,
.ce_preistabelle .preisbox .price,
.ce_preistabelle .preisbox .unit {
	display: inline-block;
	font-weight: 700;
}
.ce_preistabelle .preisbox .currency {
	position: relative;
	top: -21px;
}
.ce_preistabelle .preisbox .price {
	font-size: 48px;
	font-size: 3rem;
}
.ce_preistabelle .preisbox .unit {
	font-weight: inherit;
}
.ce_preistabelle .ce_text {
	font-size: 12px;
	font-size: 0.75rem;
}
.ce_preistabelle ul.services_list {
	padding-left: 35px;
}
.ce_preistabelle ul.services_list li.item {
	line-height: 2;
}
.ce_preistabelle ul.services_list li.item i {
	margin: 7px 0 0 -22px;
	position: absolute;
}
.ce_preistabelle ul.services_list li.item.highlight {
	font-weight: 700;
}
.ce_preistabelle ul.services_list li.item.crossout {
	text-decoration: line-through;
}

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.8. Iconbox
====================================================================================== */
.ce_iconbox,
.ce_iconbox .inside {
	width: 100%;
}
.ce_iconbox[class*="border_"],
.ce_iconbox[class*="bg_"] {
	padding: 7px 11px;
}
.ce_iconbox .icon {
	margin: 7px 0;
	text-align: center;
}
.ce_iconbox .icon a {
	display: block;
}
.ce_iconbox .icon.left i,
.ce_iconbox .icon.left svg {
	margin: 0 7px 0 0;
}
.ce_iconbox .icon.right i,
.ce_iconbox .icon.right svg {
	margin: 0 0 0 7px;
}
.ce_iconbox .icon.left.outline_width_1 i,
.ce_iconbox .icon.left.outline_width_1 svg,
.ce_iconbox .icon.left.outline_width_1 span {
	margin: 1px 7px 1px 1px;
}
.ce_iconbox .icon.left.outline_width_2 i,
.ce_iconbox .icon.left.outline_width_2 svg,
.ce_iconbox .icon.left.outline_width_2 span {
	margin: 2px 9px 2px 2px;
}
.ce_iconbox .icon.left.outline_width_3 i,
.ce_iconbox .icon.left.outline_width_3 svg,
.ce_iconbox .icon.left.outline_width_3 span {
	margin: 3px 10px 3px 3px;
}
.ce_iconbox .icon.left.outline_width_5 i,
.ce_iconbox .icon.left.outline_width_5 svg,
.ce_iconbox .icon.left.outline_width_5 span {
	margin: 5px 12px 5px 5px;
}
.ce_iconbox .icon.left.outline_width_7 i,
.ce_iconbox .icon.left.outline_width_7 svg,
.ce_iconbox .icon.left.outline_width_7 span {
	margin: 7px 14px 7px 7px;
}
.ce_iconbox .icon.left.outline_width_9 i,
.ce_iconbox .icon.left.outline_width_9 svg,
.ce_iconbox .icon.left.outline_width_9 span {
	margin: 9px 16px 9px 9px;
}
.ce_iconbox .icon.left.outline_width_14 i,
.ce_iconbox .icon.left.outline_width_14 svg,
.ce_iconbox .icon.left.outline_width_14 span {
	margin: 14px 21px 14px 14px;
}
.ce_iconbox .icon.left.outline_width_21 i,
.ce_iconbox .icon.left.outline_width_21 svg,
.ce_iconbox .icon.left.outline_width_21 span {
	margin: 21px 28px 21px 21px;
}
.ce_iconbox .icon.left.outline_width_28 i,
.ce_iconbox .icon.left.outline_width_28 svg,
.ce_iconbox .icon.left.outline_width_28 span {
	margin: 28px 35px 28px 28px;
}
.ce_iconbox .icon.right.outline_width_1 i,
.ce_iconbox .icon.right.outline_width_1 svg,
.ce_iconbox .icon.right.outline_width_1 span {
	margin: 1px 1px 1px 8px;
}
.ce_iconbox .icon.right.outline_width_2 i,
.ce_iconbox .icon.right.outline_width_2 svg,
.ce_iconbox .icon.right.outline_width_2 span {
	margin: 2px 2px 2px 9px;
}
.ce_iconbox .icon.right.outline_width_3 i,
.ce_iconbox .icon.right.outline_width_3 svg,
.ce_iconbox .icon.right.outline_width_3 span {
	margin: 3px 3px 3px 10px;
}
.ce_iconbox .icon.right.outline_width_5 i,
.ce_iconbox .icon.right.outline_width_5 svg,
.ce_iconbox .icon.right.outline_width_5 span {
	margin: 5px 5px 5px 12px;
}
.ce_iconbox .icon.right.outline_width_7 i,
.ce_iconbox .icon.right.outline_width_7 svg,
.ce_iconbox .icon.right.outline_width_7 span {
	margin: 7px 7px 7px 14px;
}
.ce_iconbox .icon.right.outline_width_9 i,
.ce_iconbox .icon.right.outline_width_9 svg,
.ce_iconbox .icon.right.outline_width_9 span {
	margin: 9px 9px 9px 16px;
}
.ce_iconbox .icon.right.outline_width_14 i,
.ce_iconbox .icon.right.outline_width_14 svg,
.ce_iconbox .icon.right.outline_width_14 span {
	margin: 14px 14px 14px 21px;
}
.ce_iconbox .icon.right.outline_width_21 i,
.ce_iconbox .icon.right.outline_width_21 svg,
.ce_iconbox .icon.right.outline_width_21 span {
	margin: 21px 21px 21px 28px;
}
.ce_iconbox .icon.right.outline_width_28 i,
.ce_iconbox .icon.right.outline_width_28 svg,
.ce_iconbox .icon.right.outline_width_28 span {
	margin: 28px 28px 28px 35px;
}
.ce_iconbox .item.before,
.ce_iconbox .item.after {
	display: table-row;
}

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.9. Zeitstrahl
====================================================================================== */
.ce_zeitstrahl {
	width: 100%;
}
.ce_zeitstrahl::before {
	content: "";
	height: 100%;
	left: 50%;
	margin-left: -3px;
	position: absolute;
	width: 5px;
}
.ce_zeitstrahl .box_date::before {
	content: "";
	height: 39px;
	position: absolute;
	right: -19px;
	width: 39px;
	z-index: 1;
}
.ce_zeitstrahl .box_date {
	font-size: 20px;
	font-size: 1.25rem;
	text-align: right;
}
.ce_zeitstrahl .box_date::after {
	border-style: solid;
	border-width: 5px;
	content: "";
	height: 21px;
	position: absolute;
	right: -15px;
	width: 21px;
	top: 32px;
	z-index: 2;
}
.ce_zeitstrahl .box_date,
.ce_zeitstrahl .box_text {
	float: left;
	padding: 28px 70px;
	position: relative;
	width: 50%;
}
.ce_zeitstrahl .box_text::before {
	content: "";
	height: 5px;
	left: 0;
	position: absolute;
	top: 45px;
	width: 42px;
}
.ce_zeitstrahl .box_text {
	float: right;
}
.ce_zeitstrahl .box_text .img_after {
	margin-top: 7px;
}
.ce_zeitstrahl .box_text .inside[class*="bg_"] {
	padding: 7px 11px;
}

.ce_zeitstrahl .box_text .inside[class*="bg_"] .img_before {
	margin: -7px -11px 0;
}
.ce_zeitstrahl .box_text .inside[class*="bg_"] .img_after {
	margin: 7px -11px -7px;
}
.ce_zeitstrahl.text_left .box_date:before {
	left: -20px;
	right: auto;
}
.ce_zeitstrahl.text_left .box_date {
	float: right;
	text-align: left;
}
.ce_zeitstrahl.text_left .box_date:after {
	left: -16px;
	right: auto;
}
.ce_zeitstrahl.text_left .box_text:before {
	left: auto;
	right: 0;
}
.ce_zeitstrahl.text_left .box_text {
	float: left;
}
.column_both .ce_zeitstrahl::before {
	left: 65px;
}
.column_both .ce_zeitstrahl .box_date {
	padding: 16px 0;
	text-align: left;
	width: 65px;
}
.column_both .ce_zeitstrahl .box_date::after {
	top: 20px;
}
.column_both .ce_zeitstrahl .box_text::before {
	width: 20px;
	top: 33px;
}
.column_both .ce_zeitstrahl .box_text {
	padding: 12px 0 12px 30px;
	width: calc(100% - 82px);
}
.column_both .ce_zeitstrahl.text_left .box_date::before {
	left: auto;
	right: -19px;
}
.column_both .ce_zeitstrahl.text_left .box_date {
	float: left;
}
.column_both .ce_zeitstrahl.text_left .box_date::after {
	left: auto;
	right: -15px;
}
.column_both .ce_zeitstrahl.text_left .box_text::before {
	left: 0;
	right: auto;
}
.column_both .ce_zeitstrahl.text_left .box_text {
	float: right;
	text-align: left;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.ce_zeitstrahl .box_date,
.ce_zeitstrahl .box_text {
	padding: 14px 48px;
}
.ce_zeitstrahl .box_date::after {
	top: 18px;
}
.ce_zeitstrahl .box_text::before {
	width: 36px;
	top: 31px;
}
.column_left .ce_zeitstrahl::before,
.column_right .ce_zeitstrahl::before {
	left: 65px;
}
.column_left .ce_zeitstrahl .box_date,
.column_right .ce_zeitstrahl .box_date {
	padding: 16px 0;
	text-align: left;
	width: 65px;
}
.column_left .ce_zeitstrahl .box_date::after,
.column_right .ce_zeitstrahl .box_date::after {
	top: 20px;
}
.column_left .ce_zeitstrahl .box_text::before,
.column_right .ce_zeitstrahl .box_text::before {
	width: 20px;
	top: 33px;
}
.column_left .ce_zeitstrahl .box_text,
.column_right .ce_zeitstrahl .box_text {
	padding: 12px 0 12px 30px;
	width: calc(100% - 82px);
}
.column_left .ce_zeitstrahl.text_left .box_date::before,
.column_right .ce_zeitstrahl.text_left .box_date::before {
	left: auto;
	right: -19px;
}
.column_left .ce_zeitstrahl.text_left .box_date,
.column_right .ce_zeitstrahl.text_left .box_date {
	float: left;
}
.column_left .ce_zeitstrahl.text_left .box_date::after,
.column_right .ce_zeitstrahl.text_left .box_date::after {
	left: auto;
	right: -15px;
}
.column_left .ce_zeitstrahl.text_left .box_text::before,
.column_right .ce_zeitstrahl.text_left .box_text::before {
	left: 0;
	right: auto;
}
.column_left .ce_zeitstrahl.text_left .box_text,
.column_right .ce_zeitstrahl.text_left .box_text {
	float: right;
	text-align: left;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.ce_zeitstrahl::before {
	left: 65px;
}
.ce_zeitstrahl .box_date {
	padding: 16px 0;
	text-align: left !important;
	width: 65px;
}
.ce_zeitstrahl .box_date::after {
	top: 20px;
}
.ce_zeitstrahl .box_text::before {
	width: 20px;
	top: 33px;
}
.ce_zeitstrahl .box_text {
	padding: 12px 0 12px 30px;
	width: calc(100% - 82px);
}
.ce_zeitstrahl.text_left .box_date::before {
	left: auto;
	right: -19px;
}
.ce_zeitstrahl.text_left .box_date {
	float: left;
}
.ce_zeitstrahl.text_left .box_date::after {
	left: auto;
	right: -15px;
}
.ce_zeitstrahl.text_left .box_text::before {
	left: 0;
	right: auto;
}
.ce_zeitstrahl.text_left .box_text {
	float: right;
}
.ce_zeitstrahl.text_left .box_text .right {
	text-align: left;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.10. Landkarte
====================================================================================== */
.ce_landkarte {
	width: 100%;
}
.ce_landkarte iframe {
	border: none !important;
	display: block;
	width: 100%;
}

/* Media Query Anfang */ @media screen and (min-width: 1300px) {
.ce_landkarte.xlg_map_height_lg iframe {
	height: 430px;
}
.ce_landkarte.xlg_map_height_md iframe {
	height: 280px;
}
.ce_landkarte.xlg_map_height_sm iframe {
	height: 130px;
}
.ce_landkarte.xlg_map_width_lg {
	width: 75%;
}
.ce_landkarte.xlg_map_width_md {
	width: 50%;
}
.ce_landkarte.xlg_map_width_sm {
	width: 25%;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1299px) and (min-width: 1040px) {
.ce_landkarte.lg_map_height_lg iframe {
	height: 430px;
}
.ce_landkarte.lg_map_height_md iframe {
	height: 280px;
}
.ce_landkarte.lg_map_height_sm iframe {
	height: 130px;
}
.ce_landkarte.lg_map_width_lg {
	width: 75%;
}
.ce_landkarte.lg_map_width_md {
	width: 50%;
}
.ce_landkarte.lg_map_width_sm {
	width: 25%;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) and (min-width: 780px) {
.ce_landkarte.md_map_height_lg iframe {
	height: 430px;
}
.ce_landkarte.md_map_height_md iframe {
	height: 280px;
}
.ce_landkarte.md_map_height_sm iframe {
	height: 130px;
}
.ce_landkarte.md_map_width_lg {
	width: 75%;
}
.ce_landkarte.md_map_width_md {
	width: 50%;
}
.ce_landkarte.md_map_width_sm {
	width: 25%;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) and (min-width: 520px) {
.ce_landkarte.sm_map_height_lg iframe {
	height: 430px;
}
.ce_landkarte.sm_map_height_md iframe {
	height: 280px;
}
.ce_landkarte.sm_map_height_sm iframe {
	height: 130px;
}
.ce_landkarte.sm_map_width_lg {
	width: 75%;
}
.ce_landkarte.sm_map_width_md {
	width: 50%;
}
.ce_landkarte.sm_map_width_sm {
	width: 25%;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
.ce_landkarte.xsm_map_height_lg iframe {
	height: 430px;
}
.ce_landkarte.xsm_map_height_md iframe {
	height: 280px;
}
.ce_landkarte.xsm_map_height_sm iframe {
	height: 130px;
}
.ce_landkarte.xsm_map_width_lg {
	width: 75%;
}
.ce_landkarte.xsm_map_width_md {
	width: 50%;
}
.ce_landkarte.xsm_map_width_sm {
	width: 25%;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.11. iframe-Element
====================================================================================== */
.ce_iframe .map_container iframe {
	width: 100%;
}
.ce_iframe .video_container {
	height: auto;
	padding-bottom: 56.25%;
	position: relative;
	width: 100%;
}
.ce_iframe .video_container iframe {
	bottom: 0;
	height: 100% !important;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100% !important;
}

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.12. Anker-Element
====================================================================================== */
.ce_anker_element,
.anker {
	margin-top: -110px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.ce_anker_element,
.anker {
	margin-top: -80px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.ce_anker_element,
.anker {
	margin-top: -87px;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.13. Umschaltumschlag
====================================================================================== */
/* max-height: in custom.css angeben */
.ce_umschaltumschlag {
	overflow: hidden; 
	width: 100%;
}
.ce_umschaltumschlag.show {
	max-height: 100% !important;
}
#show_more.button > a.less,
#show_more.button.active > a.more {
	display: none;
}
#show_more.button.active > a.less {
	display: inline;
}

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.1. Umschaltnavigation
====================================================================================== */
#toggle_nav {
	background: transparent;
	border-style: none;
	border-width: 0;
	display: none;
	font-size: 24px;
	font-size: 1.5rem;
	height: 47px;
	position: absolute;
	right: 2px;
	text-align: center;
	width: 47px;
}
#toggle_nav::after {
	content: "\f0c9";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
}
#toggle_nav.active::after {
	content: "\f00d";
}
ul.nav_toggle:not(.level_1 ) {
	display: none;
}
ul.nav_toggle li {
	position: relative;
}
ul.nav_toggle li.active > ul,
ul.nav_toggle li.trail > ul {
	display: block;
}
#nav_main .toggle,
.nav_sub .toggle {
	background: transparent;
	border: none;
	margin: 0;
	padding: 5.5px 10px;
	position: absolute;
	right: 0;
	top: 0;
}
#nav_main .toggle::after,
.nav_sub .toggle::after {
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
}
#nav_main .toggle.active::after,
#nav_main .toggle.trail::after,
.nav_sub .toggle.active::after,
.nav_sub .toggle.trail::after {
	content: "\f068";
}

/* Media Query Anfang */ @media screen and (min-width: 780px) {
#nav_main ul.level_1 > li > .toggle {
	display: none;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#toggle_nav {
	display: block;
}
#nav_main ul li .toggle {
	height: 48px;
	right: 0;
	width: 50px;
}
#nav_main ul li .toggle::after {
	font-size: 18px;
	font-size: 1.125rem;
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.2. Kopfnavigation
====================================================================================== */
#nav_top ul {
	padding: 0;
}
#nav_top ul li {
	display: inline-block;
}
#nav_top a,
#nav_top strong {
	display: block;
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: normal;
	text-decoration: none;
	padding: 7px;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav_top {
	margin-right: 3px;
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.3. Hauptnavigation
====================================================================================== */
#nav_main {
	position: unset;
}
#nav_main ul {
	padding: 0;
}
#nav_main a,
#nav_main strong {
	display: block;
	font-weight: normal;
	text-decoration: none;
}

/* Media Query Anfang */ @media screen and (min-width: 780px) {
#nav_main ul.level_1 > li {
	display: inline-block;
	position: unset;
}
#nav_main ul.level_1 > li.submenu > a::after,
#nav_main ul.level_1 > li.submenu > strong::after {
	content: "\f0d7";
	font-family: "Font Awesome 5 Free";
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	margin-left: 7px;
}
#nav_main ul.level_1 > li:last-child > ul {
	left: auto;
	right: 15px;
}
#nav_main ul.level_1 > li:hover > ul {
	display: block;
}
#nav_main ul.level_1 > li > a,
#nav_main ul.level_1 > li > strong {
	font-weight: 700;
	padding: 17px 10px;
}
#nav_main ul.level_2 {
	display: none;
	overflow: hidden;
	position: absolute;
	z-index: 99;
}
#nav_main ul.level_2 li a,
#nav_main ul.level_2 li strong {
	border-bottom: 0;
	padding: 7px 10px;
}
#nav_main ul.level_2 li a.submenu,
#nav_main ul.level_2 li strong.submenu {
	padding: 7px 30px 7px 10px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) and (min-width: 780px) {
#nav_main ul.level_1 > li > a,
#nav_main ul.level_1 > li > strong {
	padding: 7px;
}
#nav_main ul.level_1 > li:last-child > ul {
	right: 10px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav_main {
	bottom: 0;
	display: none;
	height: calc(100% - 89px);
	left: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	position: fixed;
	top: 89px;
	width: 100%;
}
#nav_main.active {
	display: block;
}
#nav_main ul.level_1 li {
	position: relative;
}
#nav_main ul.level_1 li a,
#nav_main ul.level_1 li strong {
	padding: 14px 10px;
}
#nav_main ul.level_1 li.active > ul,
#nav_main ul.level_1 li.trail > ul {
	display: block;
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.4. Lokale Navigation
====================================================================================== */
.no_nav_sub .nav_sub { /* Lokale Navigation ausblenden */
	display: none;
}
.nav_sub {
	margin: 15px;
}
.nav_sub ul {
	padding: 0;
}
.nav_sub a,
.nav_sub strong {
	border-bottom: 0;
	display: block;
	font-weight: normal;
	padding: 7px 10px;
	text-decoration: none;
}
.nav_sub a.submenu,
.nav_sub strong.submenu {
	padding: 7px 30px 7px 10px;
}
.nav_sub ul.level_1 {
	overflow: hidden;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.nav_sub {
	margin: 10px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.nav_sub_headline,
.nav_sub {
	display: none;
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.5. Nachrichtenarchiv-Navigation
====================================================================================== */
.mod_newsmenu ul {
	padding: 0;
}
.mod_newsmenu a,
.mod_newsmenu strong {
	border-bottom: 0;
	display: block;
	font-weight: normal;
	padding: 7px 10px;
	text-decoration: none;
}
.mod_newsmenu ul.level_2 > li > a,
.mod_newsmenu ul.level_2 > li > strong {
	padding-left: 21px;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.mod_newsmenu {
	display: none;
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.6. Fußnavigation
====================================================================================== */
#nav_footer ul {
	padding: 0;
}
#nav_footer ul li {
	display: inline-block;
	text-align: left;
}
#nav_footer a,
#nav_footer strong {
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: normal;
	text-decoration: none;
	padding: 7px;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav_footer {
	float: none;
	margin: auto;
	text-align: center;
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.7. Navigationspfad
====================================================================================== */
.no_nav_breadcrumb #nav_breadcrumb {
	display: none;
}
.column_left #nav_breadcrumb,
.boxed #nav_breadcrumb {
	margin: 25px auto 0;
}
.boxed #nav_breadcrumb {
	max-width: 1270px;
}
#nav_breadcrumb ul {
	list-style: none;
	overflow: hidden;
	padding: 7px 15px;
}
#nav_breadcrumb ul li {
	float: left;
}
#nav_breadcrumb ul li + li::before {
	content: "/";
	padding: 0 5px;
}
#nav_breadcrumb ul li a {
	text-decoration: none;
}

/* Media Query Anfang */ @media screen and (max-width: 1299px) {
.boxed #nav_breadcrumb {
	max-width: 1010px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.boxed #nav_breadcrumb {
	max-width: 740px;
}
#nav_breadcrumb ul {
	padding: 7px 10px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.column_left #nav_breadcrumb,
.boxed #nav_breadcrumb {
	margin-top: 0;
	max-width: 100%;
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.8. Seitennummerierung
====================================================================================== */
.pagination p {
	display: none;
}
.pagination ul li {
	float: left;
	margin: 3px 0;
}
.pagination ul li a,
.pagination ul li strong {
	border-style: solid;
	border-width: 1px;
	display: block;
	padding: 5px 10px;
	text-decoration: none;
}
.pagination ul li:not(:last-of-type) a,
.pagination ul li:not(:last-of-type) strong {
	border-right-width: 0;
}
.pagination ul li strong {
	font-weight: normal;
}

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.9. HTML-Sitemap
====================================================================================== */
.mod_sitemap ul {
	line-height: 2;
	margin: 0 0 0 20px;
	padding: 0;
}
.mod_sitemap ul li i::before {
	content: "";
}
.mod_sitemap ul li::before {
	content: "\f07b";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-size: 32px;
	font-size: 2rem;
	font-weight: 700;
	margin: -18px 0 0 -38px;
	position: absolute;
}
.mod_sitemap ul li:hover::before {
	font-weight: 400;
}
.mod_sitemap ul li {
	margin-left: 20px;
	padding: 7px 0;
}
.mod_sitemap ul li.submenu::before {
	content: "\f07c";
}

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.10. Sprachenwechsler
====================================================================================== */
.mod_changelanguage > ul {
	padding: 5px 0;
}
.mod_changelanguage > ul li {
	display: inline-block;
}
.mod_changelanguage > ul li img {
	width: 16px;
}

/* ======================================================================================
4. Frontend-Module
	4.2. Benutzer
====================================================================================== */
.mod_changePassword .widget,
.mod_closeAccount .widget,
.mod_login .widget,
.mod_lostPassword .widget,
.mod_personalData .widget,
.mod_registration .widget {
	padding: 7px 2px;
}
.mod_changePassword .widget-text label,
.mod_closeAccount .widget-text label,
.mod_login .widget-text label,
.mod_lostPassword .widget-text label,
.mod_personalData .widget-text label,
.mod_registration .widget-text label,
.mod_changePassword .widget-password label,
.mod_login .widget-password label,
.mod_lostPassword .widget-password label,
.mod_registration .widget-password label,
.mod_lostPassword .widget-captcha label,
.mod_login .widget-checkbox legend,
.mod_registration .widget-checkbox legend {
	font-weight: 700;
}
.mod_login .checkbox_container label {
	display: block;
	margin: -21px 0 0 21px;
}
.mod_changePassword p.tl_confirm,
.mod_changePassword p.error,
.mod_login .error,
.mod_lostPassword p.confirm,
.mod_lostPassword p.error,
.mod_personalData p.tl_confirm,
.mod_registration p.confirm,
.mod_registration p.error,
.mod_subscribe p.confirm,
.mod_subscribe p.error,
.mod_unsubscribe p.error {
	border-style: solid;
	border-width: 1px;
	margin: 7px 0;
	padding: 7px 11px;
}
p.button.lost_passwort {
	margin-left: 14px;
}

/* ======================================================================================
4. Frontend-Module
	4.3. Anwendungen
		4.3.1. Suchmaschine
====================================================================================== */
.mod_search .widget-text input.text {
	float: left;
	width: calc(100% - 85px);
}
.mod_search .widget-submit button {
	float: right;
	margin: 0;
}
.mod_search .widget-radio {
	clear: both;
}
.mod_search .radio_container label {
	display: block;
	margin: -21px 0 0 21px;
}
.mod_search .header,
.mod_search .info {
	border-style: solid;
	border-width: 1px;
	margin: 7px 0;
	padding: 7px 11px;
}
.mod_search .even:not(.last),
.mod_search .odd:not(.last) {
	margin-bottom: 28px;
}
.mod_search h3 > a {
	display: block;
}
.mod_search h3 > a:hover {
	text-decoration: none;
}
.mod_search .relevance {
	font-weight: 400;
}

/* ======================================================================================
4. Frontend-Module
	4.4. Verschiedenes
		4.4.1. Cookiebar
====================================================================================== */
.no_cookiebar .mod_cookiebar.cookiebar--active {
	display: none !important;
}
.mod_cookiebar {
	height: 94px;
	left: 0;
	padding: 7px 0;
	position: fixed;
	right: 0;
	width: 100%;
	text-align: center;
	z-index: 99;
}
.mod_cookiebar.cookiebar--active {
	display: block !important
}
.mod_cookiebar.cookiebar_position_bottom {
	bottom: 0;
}
.mod_cookiebar.cookiebar_position_top {
	top: 0;
}
.mod_cookiebar .cookiebar_message {
	padding: 7px 10px;
}
.mod_cookiebar .cookiebar_analytics,
.mod_cookiebar .cookiebar_analytics .cookiebar_analytics_label,
.mod_cookiebar .cookiebar_analytics .cookiebar_analytics_text,
.mod_cookiebar .cookiebar_button {
	display: inline-block;
	overflow: hidden;
}
.mod_cookiebar .cookiebar_text,
.mod_cookiebar .cookiebar_analytics_text,
.mod_cookiebar .cookiebar_button button,
.mod_cookiebar .cookiebar_button p.button {
	font-size: 14px;
	font-size: 0.875rem;
}
.mod_cookiebar .cookiebar_analytics .cookiebar_analytics_label {
	height: 22px;
	margin-bottom: -5px;
	position: relative;
	width: 42px;
}
.mod_cookiebar .cookiebar_analytics input {
	display: none;
}
.mod_cookiebar .cookiebar_analytics .slider {
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.mod_cookiebar .cookiebar_analytics .slider::before {
	bottom: 4px;
	content: "";
	height: 14px;
	left: 4px;
	position: absolute;
	width: 14px;
}
.mod_cookiebar .cookiebar_analytics input:checked + .slider::before {
	-webkit-transform: translateX(21px);
	-ms-transform: translateX(21px);
	transform: translateX(21px);
}
.mod_cookiebar .cookiebar_analytics_text {
	margin-right: 14px;
}
.mod_cookiebar .cookiebar_button p.button {
	margin-right: 5px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.mod_cookiebar {
	height: 106px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
.mod_cookiebar {
	height: 156px;
}
.mod_cookiebar .cookiebar_analytics {
	display: block;
}
.mod_cookiebar .cookiebar_analytics_text {
	margin-right: 0;
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.4. Verschiedenes
		4.4.2. Banner
====================================================================================== */
.no_banner .mod_banner {
	display: none;
}
.mod_banner .banner_impressum .banner_text_name a {
	font-weight: 700;
	text-decoration: none;
}

/* ======================================================================================
4. Frontend-Module
	4.5. Events
====================================================================================== */
.mod_calendar .calendar_head.months {
	display: table;
	height: 61px;
	padding: 7px;
	position: relative;
	text-align: center;
	width: 100%;
}
.mod_calendar .calendar_head .current {
	display: table-cell;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 700;
	vertical-align: middle;
}
.mod_calendar .calendar_head .previous,
.mod_calendar .calendar_head .next {
	left: 0;
	position: absolute;
}
.mod_calendar .calendar_head .next {
	left: auto;
	right: 0;
}
.mod_calendar .calendar_head.days {
	font-weight: 700;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.mod_calendar .calendar_head .days,
.mod_calendar .calendar_body .days {
	border-style: solid;
	border-width: 1px;
	float: left;
	padding: 7px;
	width: 14.28%;
}
.mod_calendar .calendar_head .days:not(.col_first),
.mod_calendar .calendar_body .days:not(.col_first) {
	border-left-style: none;
}
.mod_calendar .calendar_body div[class*="week_"] {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	float: left;
	width: 100%;
}
.mod_calendar .calendar_body .days {
	border-top-style: none;
	min-height: 100px;
}
.mod_calendar .calendar_body .days .label,
.mod_calendar .calendar_body .days .event {
	font-size: 14px;
	font-size: 0.875rem;
}
.mod_calendar .calendar_body .days .label {
	padding-left: 3px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.column_both .mod_calendar .calendar_head .days span,
.column_left .mod_calendar .calendar_head .days span,
.column_right .mod_calendar .calendar_head .days span {
	display: none;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.mod_calendar .calendar_head .current,
.mod_calendar .calendar_head .previous,
.mod_calendar .calendar_head .next {
	display: block;
	position: relative;
}
.mod_calendar .calendar_head .days span {
	display: none;
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.6. FAQ
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.7. Nachrichten
		4.7.1 Nachrichtenarchiv und -liste
====================================================================================== */
.mod_newsarchive .news_article,
.mod_newslist .news_article {
	margin: -14px;
	overflow: hidden;
	width: calc(100% + 28px);
}
.mod_newsarchive:not(.masonry) .news_article,
.mod_newslist:not(.masonry) .news_article {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.mod_newsarchive .layout_latest,
.mod_newslist .layout_latest {
	float: left;
	margin: 14px;
	position: relative;
	width: calc(100% - 28px);
}
.mod_newsarchive .layout_latest h2 > a:hover,
.mod_newslist .layout_latest h2 > a:hover {
	text-decoration: none;
}
.mod_newsarchive .layout_latest h3,
.mod_newslist .layout_latest h3 {
	margin-top: -14px;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 400;
}
.mod_newsarchive .layout_latest .image_container img,
.mod_newslist .layout_latest .image_container img {
	height: 100%;
	object-fit: cover;
	object-position: 50%;
}
.mod_newsarchive .layout_latest p.info,
.mod_newslist .layout_latest p.info {
	font-size: 12px;
	font-size: 0.75rem;
	margin-top: -14px;
}
.mod_newsarchive .layout_latest time,
.mod_newslist .layout_latest time {
	display: block;
}
.mod_newsarchive:not([class*="button_"]) .layout_latest p.button,
.mod_newslist:not([class*="button_"]) .layout_latest p.button {
	padding: 0;
}
.mod_newsarchive .layout_latest .more,
.mod_newslist .layout_latest .more {
	margin: 0 -14px;
	padding: 7px 11px;
}

/* ======================================================================================
4. Frontend-Module
	4.7. Nachrichten
		4.7.2 Nachrichtenleser
====================================================================================== */
.mod_newsreader .layout_full p.info {
	font-size: 12px;
	font-size: 0.75rem;
	margin-top: -14px;
}
.mod_newsreader .layout_full time {
	display: block;
}

/* ======================================================================================
4. Frontend-Module
	4.8. Newsletter
====================================================================================== */
.mod_subscribe.activate form {
	display: none;
}
.mod_unsubscribe .widget-text input.text {
	float: left;
	width: calc(100% - 101px);
}
.mod_unsubscribe .widget-submit button {
	float: right;
	margin: 0;
}

/* ======================================================================================
5. Wartungsmodus
====================================================================================== */
.wartungsmodus .logo {
	margin: 0 auto;
	width: 325px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.wartungsmodus .logo {
	width: 200px;
}
/* Media Query Ende */ }

/* ======================================================================================
6. Dark Mode
	6.1. Switch-Button
====================================================================================== */
.switch_dark_mode {
	float: left;
	margin: 4px 0 -4px;
}
.switch_dark_mode p {
	float: right;
	font-size: 12px;
	font-size: 0.75rem;
	padding: 4px 7px;
}
.switch_dark_mode .switch {
	display: inline-block;
	height: 22px;
	position: relative;
	width: 42px;
}
.switch_dark_mode input {
	display: none;
}
.switch_dark_mode .slider {
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.switch_dark_mode .slider::before {
	bottom: 4px;
	content: "";
	height: 14px;
	left: 4px;
	position: absolute;
	width: 14px;
}
.switch_dark_mode input:checked + .slider::before,
[data-theme="dark"] .switch_dark_mode input + .slider::before {
	-webkit-transform: translateX(21px);
	-ms-transform: translateX(21px);
	transform: translateX(21px);
}

/* ======================================================================================
6. Dark Mode
	6.2. Farben
		6.2.1. Text
====================================================================================== */
[data-theme="dark"] #toggle_nav::after,
[data-theme="dark"] #nav_main .toggle,
[data-theme="dark"] .nav_sub .toggle,
[data-theme="dark"] #nav_breadcrumb ul li a {
	color: #fff !important;
}
[data-theme="dark"] body,
[data-theme="dark"] .color_dark,
[data-theme="dark"] input:not([type="radio"]):not([type="checkbox"]),
[data-theme="dark"] textarea,
[data-theme="dark"] select,
[data-theme="dark"] #nav_top a,
[data-theme="dark"] #nav_top strong,
[data-theme="dark"] #nav_main a,
[data-theme="dark"] #nav_main strong {
	color: #bebebe !important;
}

/* ======================================================================================
6. Dark Mode
	6.2. Farben
		6.2.2. Hintergrund
====================================================================================== */
[data-theme="dark"] body,
[data-theme="dark"] .bg_white,
[data-theme="dark"] #nav_main ul.level_2,
[data-theme="dark"] #nav_main ul.level_4,
[data-theme="dark"] .nav_sub ul.level_1,
[data-theme="dark"] .nav_sub ul.level_3,
[data-theme="dark"] .ce_download::before,
[data-theme="dark"] .ce_downloads::before {
	background-color: #222 !important;
}
[data-theme="dark"] .bg_light,
[data-theme="dark"] #nav_main ul.level_3,
[data-theme="dark"] .nav_sub ul.level_2,
[data-theme="dark"] #nav_breadcrumb ul,
[data-theme="dark"] .filter_reset,
[data-theme="dark"] .ce_accordion .toggler,
[data-theme="dark"] .ce_gallery figcaption,
[data-theme="dark"] .ce_image figcaption,
[data-theme="dark"] .ce_sliderStart .slider-control,
[data-theme="dark"] .ce_text hr,
[data-theme="dark"] .ce_text pre,
[data-theme="dark"] .ce_text_bild_kachel.bg_light .box_img.arrow::before,
[data-theme="dark"] .ce_zeitstrahl.bg_icon_light .box_date::before,
[data-theme="dark"] .ce_zeitstrahl.timeline_light::before,
[data-theme="dark"] .ce_zeitstrahl.timeline_light .box_text::before,
[data-theme="dark"] .ce_zitatbox.zitatbox_3.bg_icon_light blockquote::before,
[data-theme="dark"] .mod_calendar .calendar_head .days,
[data-theme="dark"] .mod_calendar .calendar_body .days .label,
[data-theme="dark"] .pagination ul li a:hover,
[data-theme="dark"] tfoot td,
[data-theme="dark"] th {
	background-color: #181818 !important;
}
[data-theme="dark"] .ce_code code.hljs {
	background-color: #282c34 !important;
}

/* ======================================================================================
6. Dark Mode
	6.2. Farben
		6.2.3. Rahmen
====================================================================================== */

/* ======================================================================================
6. Dark Mode
	6.2. Farben
		6.2.4. Schatten
====================================================================================== */

/* ======================================================================================
Styleseet für Schrader Gruppe. Individuelle Änderungen vornehmen!
Datei: custom.css
Datum: 28.08.2022
Autor: Marco Dittmer, Agentur Zentral
Aufbau: 1. Allgemeine Styles
			1.1. Typografie
				1.1.1. Webfonts
				1.1.2. Textstrukturierung und Überschriften
				1.1.3. Icon-Größen
			1.2. Farben
				1.2.1. Text
				1.2.2. Hintergrund
				1.2.3. Rahmen
				1.2.4. Umrisse
				1.2.5. Schatten
			1.3. Ausrichtung
			1.4. Buttons
			1.5. Formularfelder
			1.6. Radien
			1.7. Rahmen
			1.8. Umrisse
			1.9. Transparenz
			1.10. Overlays
			1.11. Zoom
			1.12. Übergang
		2. Layout
			2.1. Kopfzeile
			2.2. Hauptzeile
				2.2.1. Linke Spalte
				2.2.2. Hauptspalte
				2.2.3. Rechte Spalte
			2.3. Unterzeile
			2.4. Fußzeile
		3. Core-Elemente
			3.1. Text-Elemente
				3.1.1. Überschrift
				3.1.2. Text
				3.1.3. Aufzählung
				3.1.4. Tabelle
				3.1.5. Code
				3.1.6. Markdown
			3.2. Akkordeon
			3.3. Content-Slider
			3.4. Link-Elemente
				3.4.1. Hyperlink
				3.4.2. Top-Link
			3.5. Media-Elemente
				3.5.1. Bild
				3.5.2. Galerie
				3.5.3. Video/Audio
				3.5.4. YouTube
				3.5.5. Vimeo
				3.5.6. Colorbox
			3.6. Datei-Elemente
				3.6.1. Download
				3.6.2. Downloads
			3.7. Include-Elemente
				3.7.1. Formulare
				3.7.2. Kommentare
			3.8. Elementgenerator
				3.8.1. Teaserbild
				3.8.2. Teaserbox
				3.8.3. Text/Bild-Kachel
				3.8.4. Hinweisbox
				3.8.5. Teambox
				3.8.6. Zitatbox
				3.8.7. Preistabelle
				3.8.8. Iconbox
				3.8.9. Zeitstrahl
				3.8.10. Landkarte
				3.8.11. iframe-Element
				3.8.12. Anker-Element
				3.8.13. Umschaltumschlag
		4. Frontend-Module
			4.1. Navigation
				4.1.1. Umschaltnavigation
				4.1.2. Kopfnavigation
				4.1.3. Hauptnavigation
				4.1.4. Lokale Navigation
				4.1.5. Nachrichtenarchiv-Navigation
				4.1.6. Fußnavigation
				4.1.7. Navigationspfad
				4.1.8. Seitennummerierung
				4.1.9. HTML-Sitemap
				4.1.10. Sprachenwechsler
			4.2. Benutzer
			4.3. Anwendungen
				4.3.1. Suchmaschine
			4.4. Verschiedenes
				4.4.1. Cookiebar
				4.4.2. Banner
				4.4.3. RockSolid Slider
			4.5. Events
			4.6. FAQ
			4.7. Nachrichten
				4.7.1 Nachrichtenarchiv und -liste
				4.7.2 Nachrichtenleser
			4.8. Newsletter
		5. Wartungsmodus
		6. Dark Mode
			6.1. Switch-Button
			6.2. Farben
				6.2.1. Text
				6.2.2. Hintergrund
				6.2.3. Rahmen
				6.2.4. Schatten
		7. Eigene Klassen
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.1. Typografie
		1.1.1. Webfonts
====================================================================================== */
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/theme/fonts/webfonts/roboto-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../../files/theme/fonts/webfonts/roboto-v29-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/theme/fonts/webfonts/roboto-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/theme/fonts/webfonts/roboto-v29-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/theme/fonts/webfonts/roboto-v29-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/theme/fonts/webfonts/roboto-v29-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* ======================================================================================
1. Allgemeine Styles
	1.1. Typografie
		1.1.2. Textstrukturierung und Überschriften
====================================================================================== */
body,
button,
input:not([type="radio"]):not([type="checkbox"]),
textarea,
select {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	letter-spacing: 1px;
}
h1,
h2,
h3 {
	font-weight: 500;
	text-transform: uppercase;
}
h1,
.font_large h2,
.font_large h3,
.font_large p:not(.button),
h2.font_large,
h3.font_large {
	font-size: 48px;
	font-size: 3rem;
}
.sub_headline {
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 400;
	letter-spacing: 5.2px;
	margin-bottom: -14px;
	text-transform: uppercase;
}
.ce_teaserbild .ce_headline,
.ce_teaserbild .ce_headline.standard {
	font-size: 28px;
	font-size: 1.75rem;
	text-transform: uppercase;
}
#main {
	line-height: 1.75;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
h1,
.font_large h2,
.font_large h3,
.font_large p:not(.button),
h2.font_large,
h3.font_large,
.ce_teaserbild .ce_headline.standard {
	font-size: 40px;
	font-size: 2.5rem;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
h1,
.font_large h2,
.font_large h3,
.font_large p:not(.button),
h2.font_large,
h3.font_large,
.ce_teaserbild .ce_headline.standard {
	font-size: 32px;
	font-size: 2rem;
}
/* Media Query Ende */ }

/* ======================================================================================
1. Allgemeine Styles
	1.1. Typografie
		1.1.3. Icon-Größen
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.1. Text
====================================================================================== */
button.button_corporate_slim,
.button_corporate_slim p.button a,
.button_corporate_slim button.submit,
.ce_toplink.button_corporate_slim a,
#nav_main ul.level_1 > li.schrader_link a {
	color: #000;
}
.bg_corporate,
button.button_corporate,
.button_corporate p.button,
.button_corporate button.submit,
.ce_toplink.button_corporate,
button.button_corporate_slim:hover,
.button_corporate_slim p.button:hover a,
.button_corporate_slim button.submit:hover,
.ce_toplink.button_corporate_slim:hover a,
.cookiebar_button button,
.cookiebar_button p.button,
.mod_rocksolid_slider a.rsts-prev::after,
.mod_rocksolid_slider a.rsts-next::after {
	color: #fff;
}
body,
input:not([type="radio"]):not([type="checkbox"]),
textarea,
select {
	color: #555;
}
h1, h2, h3, h4, h5, h6 {
	color: #343a40;
}
.color_corporate,
.icon_corporate i,
#nav_main ul.level_1 > li > a.trail,
#nav_main ul.level_1 > li > strong,
#nav_main ul.level_1 > li.submenu:hover > a::after,
#nav_main ul.level_1 > li.submenu:hover > strong::after {
	color: #0451a0;
}
.sub_headline,
#nav_main ul.level_1 > li > a,
#nav_main ul.level_1 > li.submenu > a::after,
#nav_main ul.level_1 > li.submenu > strong::after {
	color: #a3a3a1;
}
#nav_main ul.level_1 > li:hover > a,
#nav_main ul.level_1 > li:hover > strong {
	color: #ccc;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav_main ul.level_1 li strong {
	color: #fff;
}
/* Media Query Ende */ }

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.2. Hintergrund
====================================================================================== */
.bg_corporate_slim,
button.button_corporate_slim,
.button_corporate_slim p.button,
.button_corporate_slim button.submit,
.ce_toplink.button_corporate_slim {
	background: none;
}
.mod_rocksolid_slider a.rsts-prev:hover::before,
.mod_rocksolid_slider a.rsts-next:hover::before {
	background: rgba(255, 255, 255, 0.25);
}
button.button_corporate_slim:hover,
.button_corporate_slim p.button:hover,
.button_corporate_slim button.submit:hover,
.ce_toplink.button_corporate_slim:hover {
	background: #000;
}
.bg_corporate,
button.button_corporate,
.button_corporate p.button,
.button_corporate button.submit,
.ce_toplink.button_corporate,
.cookiebar_button button,
.cookiebar_button p.button {
	background: #0451a0;
}
button.button_corporate:hover,
.button_corporate p.button:hover,
.button_corporate button.submit:hover,
.ce_toplink.button_corporate:hover,
.cookiebar_button button:hover,
.cookiebar_button p.button:hover,
#nav_main ul.level_1 > li.schrader_link,
.ce_zeitstrahl.timeline_corporate_grey::before,
.ce_zeitstrahl.timeline_corporate_grey .box_text::before {
	background: #a3a3a1;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav_main ul.level_1 li strong {
	background: #0451a0;
}
/* Media Query Ende */ }

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.3. Rahmen
====================================================================================== */
button.button_corporate_slim,
.button_corporate_slim p.button,
.button_corporate_slim button.submit,
#nav_main ul.level_2 > li:hover > a,
#nav_main ul.level_2 > li > strong.active,
.ce_toplink.button_corporate_slim,
.pagination ul li strong {
	border-color: #000;
}

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.4. Umrisse
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.5. Schatten
====================================================================================== */
#header,
#nav_main ul.level_2 {
	-webkit-box-shadow: 0 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 2px rgba(0,0,0,0.25);
	box-shadow: 0 2px rgba(0,0,0,0.25);
}
.text_shadow p,
.text_shadow strong {
	text-shadow: 1px 1px 2px rgba(0,0,0,1);
}

/* ======================================================================================
1. Allgemeine Styles
	1.3. Ausrichtung
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.4. Buttons
====================================================================================== */
.cookiebar_button button,
.cookiebar_button p.button {
	border-style: none;
	border-width: 0;
	height: 26px;
}
button.button_corporate,
.button_corporate p.button a,
.button_corporate button.submit,
.ce_toplink.button_corporate a,
button.button_corporate_slim,
.button_corporate_slim p.button a,
.button_corporate_slim button.submit,
.ce_toplink.button_corporate_slim a,
.cookiebar_button button,
.cookiebar_button p.button {
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 1.5;
	text-transform: uppercase;
}
button.button_corporate,
.button_corporate p.button a,
.button_corporate button.submit,
.ce_toplink.button_corporate a{
	line-height: 1.7;
}

/* ======================================================================================
1. Allgemeine Styles
	1.5. Formularfelder
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.6. Radien
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.7. Rahmen
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.8. Umrisse
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.9. Transparenz
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.10. Overlays
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.11. Zoom
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.12. Übergang
====================================================================================== */

/* ======================================================================================
2. Layout
====================================================================================== */
#wrapper {
	padding-bottom: 60px;
	padding-top: 107px;
}
.cookiebar-active #wrapper {
	padding-bottom: 146px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#wrapper {
	padding-bottom: 80px;
	padding-top: 85px;
}
.cookiebar-active #wrapper {
	padding-bottom: 194px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#wrapper {
	padding-bottom: 111px;
	padding-top: 62px;
}
.cookiebar-active #wrapper {
	padding-bottom: 217px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
#wrapper {
	padding-bottom: 128px;
}
.cookiebar-active #wrapper {
	padding-bottom: 247px;
}
/* Media Query Ende */ }

/* ======================================================================================
2. Layout
	2.1. Kopfzeile
====================================================================================== */
#header {
	height: 108px;
}
#header .logo {
	margin-top: 21px;
	width: 285px;
}
#header .logo.logo_small {
	height: 25px;
	margin: 21px 0 0 21px;
	width: 124px;
}
#header .logo.logo_small:hover img {
	margin-top: -20.4%;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#header {
	height: 109px;
}
#header .logo {
	width: 200px;
	margin: 21px 0;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#header {
	height: 62px;
}
#header .logo {
	margin: 14px 0;
}
#header .logo.logo_small {
	display: none;
}
/* Media Query Ende */ }

/* ======================================================================================
2. Layout
	2.2. Hauptzeile
====================================================================================== */

/* ======================================================================================
2. Layout
	2.2. Hauptzeile
		2.2.1. Linke Spalte
====================================================================================== */

/* ======================================================================================
2. Layout
	2.2. Hauptzeile
		2.2.2. Hauptspalte
====================================================================================== */

/* ======================================================================================
2. Layout
	2.2. Hauptzeile
		2.2.3. Rechte Spalte
====================================================================================== */

/* ======================================================================================
2. Layout
	2.3. Unterzeile
====================================================================================== */

/* ======================================================================================
2. Layout
	2.4. Fußzeile
====================================================================================== */
#footer {
	height: 60px;
}
.cookiebar-active #footer {
	bottom: 86px;
}
#footer .ce_toplink {
	left: 50%;
	margin-left: -17px;
	margin-top: -15px;
	position: absolute;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) and (min-width: 780px) {
#footer {
	height: 80px;
}
.cookiebar-active #footer {
	bottom: 106px;
}
#footer .ce_toplink {
	margin-top: -10px;
}
#footer .copyright {
	margin-top: 28px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#footer {
	height: 111px;
}
.cookiebar-active #footer {
	bottom: 106px;
}
#footer .ce_toplink {
	bottom: 0;
	margin-top: 0;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
#footer {
	height: 128px;
}
.cookiebar-active #footer {
	bottom: 118px;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.1. Überschrift
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.2. Text
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.3. Aufzählung
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.4. Tabelle
====================================================================================== */
.table_border_bottom th,
.table_border_bottom td {
	border-left: 0;
	border-right: 0;
	border-top: 0;
}

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.5. Code
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.6. Markdown
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.2. Akkordeon
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.3. Content-Slider
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.4. Link-Elemente
		3.4.1. Hyperlink
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.4. Link-Elemente
		3.4.2. Top-Link
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.1. Bild
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.2. Galerie
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.3. Video/Audio
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.4. YouTube
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.5. Vimeo
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.6. Colorbox
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.6. Datei-Elemente
		3.6.1. Download
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.6. Datei-Elemente
		3.6.2. Downloads
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.7. Include-Elemente
		3.7.1. Formulare
====================================================================================== */
.ce_form .checkbox_container label,
.ce_form .radio_container label {
	margin: -28px 0 0 21px;
}

/* ======================================================================================
3. Core-Elemente
	3.7. Include-Elemente
		3.7.2. Kommentare
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.1. Teaserbild
====================================================================================== */
.ce_teaserbild .height_sm {
	height: 150px;
}
.ce_teaserbild .left.box_width_bg_img {
	padding: 0 60% 0 0;
}
.ce_teaserbild .ce_headline,
.ce_teaserbild .ce_headline.standard {
	font-weight: 400;
	letter-spacing: 1px;
}

/* Media Query Anfang */ @media screen and (max-width: 1299px) {
.ce_teaserbild .left.box_width_bg_img {
	padding: 0 45% 0 0;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.ce_teaserbild .left.box_width_bg_img {
	padding: 0 35% 0 0;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.ce_teaserbild .height_sm {
	min-height: 61px;
}
.ce_teaserbild .left.box_width_bg_img {
	padding-left: 0;
	padding-right: 0;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.2. Teaserbox
====================================================================================== */
.ce_teaserbox.gruppe .ce_text {
	min-height: 98px;
}

/* Media Query Anfang */ @media screen and (max-width: 1299px) {
.ce_teaserbox.gruppe .ce_text {
	min-height: 126px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.ce_teaserbox.gruppe .ce_text {
	min-height: 182px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.ce_teaserbox.gruppe .ce_text {
	min-height: auto;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.3. Text/Bild-Kachel
====================================================================================== */
/* Media Query Anfang */ @media screen and (min-width: 1040px) {
.ce_text_bild_kachel .box_img {
	width: calc(50% - 9px);
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.4. Hinweisbox
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.5. Teambox
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.6. Zitatbox
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.7. Preistabelle
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.8. Iconbox
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.9. Zeitstrahl
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.10. Landkarte
====================================================================================== */
/* Media Query Anfang */ @media screen and (min-width: 1028px) {
.ce_landkarte.lg_height_kontakt iframe {
	height: 223px;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.11. iframe-Element
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.12. Anker-Element
====================================================================================== */
.ce_anker_element,
.anker {
	margin-top: -128px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.ce_anker_element,
.anker {
	margin-top: -124px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.ce_anker_element,
.anker {
	margin-top: -65px;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.13. Umschaltumschlag
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.1. Umschaltnavigation
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.2. Kopfnavigation
====================================================================================== */
#nav_top {
	margin-right: 9px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#nav_top {
	margin-right: 4px;
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.3. Hauptnavigation
====================================================================================== */
#nav_main ul.level_1 > li.nav_disabled > a {
	pointer-events: none;
}

/* Media Query Anfang */ @media screen and (min-width: 780px) {
#nav_main ul.level_1 > li {
	overflow: hidden;
}
#nav_main ul.level_1 > li.schrader_link {
	display: none;
}
#nav_main ul.level_1 > li > a,
#nav_main ul.level_1 > li > strong {
	font-weight: 400;
	letter-spacing: 2.2px;
	padding: 0;
	text-transform: uppercase;
}
#nav_main ul.level_1 > li.nav_startseite > a,
#nav_main ul.level_1 > li.nav_startseite > strong {
	line-height: 0;
	overflow: hidden;
	text-indent: -999px;
}
#nav_main ul.level_1 > li.nav_startseite > a::after,
#nav_main ul.level_1 > li.nav_startseite > strong::after {
	content: "\f015";
	display: block;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	line-height: 1.25;
	position: relative;
	text-indent: 0;
}
#nav_main ul.level_1 > li.nav_suche > a,
#nav_main ul.level_1 > li.nav_suche > strong {
	overflow: hidden;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 18px;
}
#nav_main ul.level_1 > li.nav_suche > a::after,
#nav_main ul.level_1 > li.nav_suche > strong::after {
	content: "\f002";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	position: absolute;
	right: 16px;
}
#nav_main ul.level_1 > li {
	margin-left: 14px;
}
#nav_main ul.level_2 {
	padding: 7px 14px 0 0;
}
#nav_main ul.level_2 > li > a,
#nav_main ul.level_2 > li > strong {
	border-left-color: transparent;
	border-left-width: 4px;
	border-left-style: solid;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav_main {
	height: calc(100% - 62px);
	top: 62px;
}
#nav_main ul.level_1 > li.schrader_link {
	margin-top: 2px;
}
#nav_main ul.level_1 > li.schrader_link a::after {
	content: "externer Link";
	display: block;
	font-size: 12px;
	font-size: 0.75rem;
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.4. Lokale Navigation
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.5. Nachrichtenarchiv-Navigation
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.6. Fußnavigation
====================================================================================== */
#nav_footer {
	margin-right: -7px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) and (min-width: 780px) {
#nav_footer {
	margin-top: 28px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav_footer {
	margin-bottom: 28px;
	margin-right: 0;
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.7. Navigationspfad
====================================================================================== */
#nav_breadcrumb {
	display: none;
}

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.8. Seitennummerierung
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.9. HTML-Sitemap
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.10. Sprachenwechsler
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.2. Benutzer
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.3. Anwendungen
		4.3.1. Suchmaschine
====================================================================================== */
.mod_search .widget-text input.text {
	width: calc(100% - 100px);
}
.mod_search .radio_container label {
	margin: -27px 0 0 21px;
}

/* ======================================================================================
4. Frontend-Module
	4.4. Verschiedenes
		4.4.1. Cookiebar
====================================================================================== */
.mod_cookiebar {
	height: 94px;
}
.mod_cookiebar .cookiebar_button button,
.mod_cookiebar .cookiebar_button p.button {
	height: 34px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.mod_cookiebar {
	height: 106px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
.mod_cookiebar {
	height: 118px;
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.4. Verschiedenes
		4.4.2. Banner
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.4. Verschiedenes
		4.4.3. RockSolid Slider
====================================================================================== */
.mod_rocksolid_slider a.rsts-prev::before,
.mod_rocksolid_slider a.rsts-next::before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 50px;
}
.mod_rocksolid_slider a.rsts-next::before {
	left: auto;
	right: 0;
}
.mod_rocksolid_slider a.rsts-prev::after,
.mod_rocksolid_slider a.rsts-next::after {
	content: "\f104";
	font-family: "Font Awesome 5 Free";
	font-size: 32px;
	font-size: 2rem;
	font-weight: 700;
	left: 15px;
	position: absolute;
	top: calc(50% - 25px);
}
.mod_rocksolid_slider a.rsts-next::after {
	content: "\f105";
	left: auto;
	right: 15px;
}
.mod_rocksolid_slider a.rsts-prev span,
.mod_rocksolid_slider a.rsts-next span {
	display: none;
}

/* ======================================================================================
4. Frontend-Module
	4.5. Events
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.6. FAQ
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.7. Nachrichten
		4.7.1 Nachrichtenarchiv und -liste
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.7. Nachrichten
		4.7.2 Nachrichtenleser
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.8. Newsletter
====================================================================================== */

/* ======================================================================================
5. Wartungsmodus
====================================================================================== */
.wartungsmodus .logo {
	width: 285px;
}

/* ======================================================================================
6. Dark Mode
	6.1. Switch-Button
====================================================================================== */
.switch_dark_mode {
	display: none;
}

/* ======================================================================================
6. Dark Mode
	6.2. Farben
		6.2.2. Text
====================================================================================== */

/* ======================================================================================
6. Dark Mode
	6.2. Farben
		6.2.2. Hintergrund
====================================================================================== */

/* ======================================================================================
6. Dark Mode
	6.2. Farben
		6.2.3. Rahmen
====================================================================================== */

/* ======================================================================================
6. Dark Mode
	6.2. Farben
		6.2.4. Schatten
====================================================================================== */

/* ======================================================================================
7. Eigene Klassen
====================================================================================== */
.kontakt {
	padding-left: 28px;
}
.kontakt::before {
	content: "";
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	font-size: 1rem;
	font-weight: 700;
	left: 1px;
	position: absolute;
	top: 7px;
}
.kontakt.anschrift::before {
	content: "\f015";
}
.kontakt.telefon::before {
	content: "\f095";
}
.kontakt.fax::before {
	content: "\f1ac";
}
.kontakt.email::before {
	content: "\f0e0";
}