.mod_visitors .invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    float: left;
	width:0px;
	height:0px;
}
.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
/* ======================================================================================
Styleseet für das Grid-System. Keine Änderungen vornehmen!
Datei: grid.css
Datum: 03.06.2025
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%;
}
.header-left #header,
.header-right #header {
	height: 100%;
	position: fixed;
	width: 270px;
}
.header-right #header {
	left: auto;
	right: 0;
}
.column-both #container,
.column-left #container,
.column-right #container,
.header-left #teaser,
.header-left #container,
.header-left #unterzeile,
.header-left #footer {
	margin: 0 auto;
	padding-left: 270px;
	width: 100%;
}
.header-right #teaser,
.header-right #container,
.header-right #unterzeile,
.header-right #footer {
	margin: 0 auto;
	padding-right: 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%;
}
.header-left #header,
.header-right #header {
	height: 100%;
	position: fixed;
	width: 235px;
}
.header-right #header {
	left: auto;
	right: 0;
}
.column-both #container,
.column-left #container,
.column-right #container,
.header-left #teaser,
.header-left #container,
.header-left #unterzeile,
.header-left #footer {
	margin: 0 auto;
	padding-left: 235px;
	width: 100%;
}
.header-right #teaser,
.header-right #container,
.header-right #unterzeile,
.header-right #footer {
	margin: 0 auto;
	padding-right: 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%;
}
.header-left #header,
.header-right #header {
	height: 100%;
	position: fixed;
	width: 185px;
}
.header-right #header {
	left: auto;
	right: 0;
}
.column-both #container,
.column-left #container,
.column-right #container,
.header-left #teaser,
.header-left #container,
.header-left #unterzeile,
.header-left #footer {
	margin: 0 auto;
	padding-left: 185px;
	width: 100%;
}
.header-right #teaser,
.header-right #container,
.header-right #unterzeile,
.header-right #footer {
	margin: 0 auto;
	padding-right: 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,
.sm-width-lg,
.width-md,
.sm-width-md,
.width-sm,
.sm-width-sm,
.fullwidth,
.sm-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: 02.07.2025
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
				3.8.14. Tabs
				3.8.15. Animierte Zahlen
		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.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
====================================================================================== */
* { /* 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_"], /* Für Module */
*[class*="content-"],
*[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,
.content-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;
}

/* Fix Block Element */
[class*="content-"],
[class*="ce_"] {
	overflow: hidden;
}
#clear, .clear {
	clear: both;
}
.fixed-on-top.fixed {
	position: fixed;
}

/* ======================================================================================
1. Allgemeine Styles
	1.1. Typografie
		1.1.1. Webfonts
====================================================================================== */
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/theme/fonts/webfonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/theme/fonts/webfonts/open-sans-v40-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/theme/fonts/webfonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ======================================================================================
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,
.content-headline.standard {
	font-weight: 700;
}
h1,
.content-headline.standard.headline-h1 {
	font-size: 32px;
	font-size: 2rem;
}
h2,
.content-headline.standard.headline-h2 {
	font-size: 24px;
	font-size: 1.5rem;
}
h3,
.content-headline.standard.headline-h3 {
	font-size: 22px;
	font-size: 1.375rem;
}
h4,
.content-headline.standard.headline-h4 {
	font-size: 20px;
	font-size: 1.250rem;
}
h5,
.content-headline.standard.headline-h5 {
	font-size: 18px;
	font-size: 1.125rem;
}
h6,
.content-headline.standard.headline-h6 {
	font-size: 16px;
	font-size: 1rem;
}
small, .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,
.content-toplink.button-dark a,
.button-dark p.button a:hover,
.content-toplink.button-dark a:hover,
button.button-success,
.button-success p.button a,
.button-success button.submit,
.content-toplink.button-success a,
.button-success p.button a:hover,
.content-toplink.button-success a:hover,
button.button-info,
.button-info p.button a,
.button-info button.submit,
.content-toplink.button-info a,
.button-info p.button a:hover,
.content-toplink.button-info a:hover,
button.button-danger,
.button-danger p.button a,
.button-danger button.submit,
.content-toplink.button-danger a,
.button-danger p.button a:hover,
.content-toplink.button-danger a:hover,
button.button-primary,
.button-primary p.button a,
.button-primary button.submit,
.content-toplink.button-primary a,
.button-primary p.button a:hover,
.content-toplink.button-primary a:hover,
button.button-secondary,
.button-secondary p.button a,
.button-secondary button.submit,
.content-toplink.button-secondary a,
.button-secondary p.button a:hover,
.content-toplink.button-secondary a:hover,
.icon-white i,
i.icon-white,
.content-text abbr[title]:hover::before,
.content-text kbd,
kbd a,
kbd a:hover,
#colorbox #cboxClose::after,
#colorbox #cboxPrevious::after,
#colorbox #cboxNext::after,
#colorbox #cboxCurrent,
#colorbox #cboxTitle,
.content-hinweisbox.hinweisbox-black,
.content-teaserbild .scrolldown.color-white a,
.content-zitatbox.icon-white blockquote::before,
nav[data-pagination] ol li a.active,
.pagination ul li strong,
.mod_calendar .calendar-body > div > div.today .label {
	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:not(.icon-white, .icon-light, .icon-dark, .icon-black, .icon-success, .icon-info, .icon-warning, .icon-danger, .icon-primary, .icon-secondary),
.invert li a,
.invert p, .invert p:not(.button) a,
.invert strong,
.content-teaserbox.button-link .invert a,
.content-teaserbox.button-link .invert a:hover,
.content-teaserbox.button-klammer-link .invert a,
.content-teaserbox.button-klammer-link .invert a:hover,
.content-teaserbox .box-outside .invert-outside,
.content-teaserbox .box-outside .invert-outside h1, .invert-outside h1 a,
.content-teaserbox .box-outside .invert-outside h2, .invert-outside h2 a,
.content-teaserbox .box-outside .invert-outside h3, .invert-outside h3 a,
.content-teaserbox .box-outside .invert-outside h4, .invert-outside h4 a,
.content-teaserbox .box-outside .invert-outside h5, .invert-outside h5 a,
.content-teaserbox .box-outside .invert-outside h6, .invert-outside h6 a,
.content-teaserbox .box-outside .invert-outside i, .invert-outside i a,
.content-teaserbox .box-outside .invert-outside li a,
.content-teaserbox .box-outside .invert-outside p, .invert-outside p:not(.button) a,
.content-teaserbox .box-outside .invert-outside strong,
.content-teaserbox.button-link .box-outside .invert-outside a,
.content-teaserbox.button-link .box-outside .invert-outside a:hover,
.content-teaserbox.button-klammer-link .box-outside .invert-outside a,
.content-teaserbox.button-klammer-link .box-outside .invert-outside a:hover,
.content-text-bild-kachel .invert a.button-link,
.content-text-bild-kachel .invert a.button-link:hover,
.content-text-bild-kachel .invert a.button-klammer-link,
.content-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,
.content-teaserbox.button-link .invert-inside a,
.content-teaserbox.button-link .invert-inside a:hover,
.content-teaserbox.button-klammer-link .invert-inside a,
.content-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,
.content-teaserbox.button-link .invert-outside a,
.content-teaserbox.button-link .invert-outside a:hover,
.content-teaserbox.button-klammer-link .invert-outside a,
.content-teaserbox.button-klammer-link .invert-outside a:hover {
	color: #fff !important;
}
/* Media Query Ende */ }

.color-light,
.icon-light i,
i.icon-light,
.content-teaserbild .scrolldown.color-light a,
.content-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,
.content-toplink.button-light a,
.button-light p.button a:hover,
.content-toplink.button-light a:hover,
button.button-default,
.button-default p.button a,
.button-default button.submit,
.content-toplink.button-default a,
.button-default p.button a:hover,
.content-toplink.button-default a:hover,
button.button-warning,
.button-warning p.button a,
.button-warning button.submit,
.content-toplink.button-warning a,
.button-warning p.button a:hover,
.content-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,
.content-hinweisbox.hinweisbox-white,
.icon-dark i,
i.icon-dark,
.content-teambox .content-headline a,
.content-teaserbild .scrolldown.color-dark a,
.content-teaserbox .content-headline a,
.content-teaserbox .highlight,
.content-zitatbox.icon-dark blockquote::before,
.mod_search h3 a,
.mod_newsarchive h2 a,
.mod_newslist h2 a {
	color: #343a40;
}
.color-black,
.icon-black i,
i.icon-black,
#toggle-nav::after,
.content-teaserbild .scrolldown.color-black a,
.content-zitatbox.icon-black blockquote::before {
	color: #000;
}

/* Erweiterte Farben */
.color-success,
.icon-success i,
i.icon-success,
.content-teaserbild .scrolldown.color-success a,
.content-zitatbox.icon-success blockquote::before {
	color: #28a745;
}
.color-info,
.icon-info i,
i.icon-info,
.content-teaserbild .scrolldown.color-info a,
.content-zitatbox.icon-info blockquote::before {
	color: #17a2b8;
}
.color-warning,
.icon-warning i,
i.icon-warning,
.content-teaserbild .scrolldown.color-warning a,
.content-zitatbox.icon-warning blockquote::before {
	color: #ffc107;
}
.color-danger,
.icon-danger i,
i.icon-danger,
.content-teaserbild .scrolldown.color-danger a,
.content-zitatbox.icon-danger blockquote::before,
span.mandatory {
	color: #dc3545;
}
.color-primary,
a,
button.button-link,
.button-link p.button a,
.button-link button.submit,
.content-toplink.button-link a,
button.button-klammer-link,
.button-klammer-link p.button a,
.button-klammer-link button.submit,
.content-toplink.button-klammer-link a,
.icon-primary i,
i.icon-primary,
.content-teaserbild .scrolldown.color-primary a,
.content-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,
.content-download .size,
.content-downloads .size,
.content-preistabelle .preisinfo,
.content-preistabelle .services-list .item.deactivate,
.content-teaserbild .scrolldown.color-secondary a,
.content-zitatbox.icon-secondary blockquote::before,
.mod_search .relevance {
	color: #6c757d;
}

/* Pastellfarben */
.hinweisbox-light {
	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,
.content-toplink.button-link a:hover,
button.button-klammer-link:hover,
.button-klammer-link p.button a:hover,
.button-klammer-link button.submit:hover,
.content-toplink.button-klammer-link a:hover {
	color: #004085;
}
.hinweisbox-secondary,
.hinweisbox-secondary-light,
.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,
.content-toplink.button-default,
.content-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,
.content-download::before,
.content-downloads::before,
.content-text hr.bg-white,
.content-text-bild-kachel .box-img.arrow::before,
.content-text-bild-kachel.bg-white .box-img.arrow::before,
.content-zeitstrahl.timeline-white::before,
.content-zeitstrahl.timeline-white .box-text::before,
.content-zeitstrahl .box-date::before,
.content-zeitstrahl.bg-icon-white .box-date::before,
.content-zitatbox.zitatbox-3 blockquote::before,
.content-zitatbox.zitatbox-3.bg-icon-white blockquote::before,
.layout_latest,
.switch-dark-mode .slider::before {
	background: #fff;
}
.bg-light,
button.button-light,
.button-light p.button,
.button-light button.submit,
.content-toplink.button-light,
#nav-main ul.level_3,
.nav-sub ul.level_2,
#nav-breadcrumb ul,
.filter_reset,
.content-code code.hljs,
.content-gallery figcaption,
.content-hinweisbox.hinweisbox-light,
.content-hinweisbox.hinweisbox-secondary-light,
.bg-icon-light i,
.bg-icon-light svg,
.content-accordion .handorgel__header button,
.content-image figcaption,
.content-tabs.tabs-1 > label,
.content-text hr,
.content-text hr.bg-light,
.content-text pre,
.content-text-bild-kachel.bg-light .box-img.arrow::before,
.content-zeitstrahl.bg-icon-light .box-date::before,
.content-zeitstrahl.timeline-light::before,
.content-zeitstrahl.timeline-light .box-text::before,
.content-zitatbox.zitatbox-3.bg-icon-light blockquote::before,
.mod_calendar .calendar-head .label,
.mod_calendar .calendar-body > div > div .label,
nav[data-pagination] ol li a:hover,
.pagination ul li a:hover,
tfoot td,
th {
	background: #e9ecef;
}
.bg-dark,
button.button-dark,
.button-dark p.button,
.button-dark button.submit,
.content-toplink.button-dark,
.content-hinweisbox.hinweisbox-dark,
.bg-icon-dark i,
.bg-icon-dark svg,
.content-text abbr[title]:hover::before,
.content-text hr.bg-dark,
.content-text kbd,
.content-text-bild-kachel.bg-dark .box-img.arrow::before,
.content-zeitstrahl.bg-icon-dark .box-date::before,
.content-zeitstrahl::before,
.content-zeitstrahl .box-text::before,
.content-zeitstrahl.timeline-dark::before,
.content-zeitstrahl.timeline-dark .box-text::before,
.content-zitatbox.zitatbox-3.bg-icon-dark blockquote::before,
.mod_calendar .calendar-body > div > div.today .label,
.switch-dark-mode .slider {
	background: #343a40;
}
.bg-black,
.content-hinweisbox.hinweisbox-black,
.bg-icon-black i,
.bg-icon-black svg,
#colorbox #cboxClose::after,
#colorbox #cboxPrevious::after,
#colorbox #cboxNext::after,
#colorbox #cboxTitle,
.content-text hr.bg-black,
.content-text-bild-kachel.bg-black .box-img.arrow::before,
.content-zeitstrahl.bg-icon-black .box-date::before,
.content-zeitstrahl.timeline-black::before,
.content-zeitstrahl.timeline-black .box-text::before,
.content-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,
.content-toplink.button-success,
.bg-icon-success i,
.bg-icon-success svg,
.content-text hr.bg-success,
.content-text-bild-kachel.bg-success .box-img.arrow::before,
.content-zeitstrahl.bg-icon-success .box-date::before,
.content-zeitstrahl.timeline-success::before,
.content-zeitstrahl.timeline-success .box-text::before,
.content-zitatbox.zitatbox-3.bg-icon-success blockquote::before {
	background: #28a745;
}
.bg-info,
button.button-info,
.button-info p.button,
.button-info button.submit,
.content-toplink.button-info,
.bg-icon-info i,
.bg-icon-info svg,
.content-text hr.bg-info,
.content-text-bild-kachel.bg-info .box-img.arrow::before,
.content-zeitstrahl.bg-icon-info .box-date::before,
.content-zeitstrahl.timeline-info::before,
.content-zeitstrahl.timeline-info .box-text::before,
.content-zitatbox.zitatbox-3.bg-icon-info blockquote::before {
	background: #17a2b8;
}
.bg-warning,
button.button-warning,
.button-warning p.button,
.button-warning button.submit,
.content-toplink.button-warning,
.bg-icon-warning i,
.bg-icon-warning svg,
.content-text hr.bg-warning,
.content-text-bild-kachel.bg-warning .box-img.arrow::before,
.content-zeitstrahl.bg-icon-warning .box-date::before,
.content-zeitstrahl.timeline-warning::before,
.content-zeitstrahl.timeline-warning .box-text::before,
.content-zitatbox.zitatbox-3.bg-icon-warning blockquote::before {
	background: #ffc107;
}
.bg-danger,
button.button-danger,
.button-danger p.button,
.button-danger button.submit,
.content-toplink.button-danger,
.bg-icon-danger i,
.bg-icon-danger svg,
.content-text hr.bg-danger,
.content-text-bild-kachel.bg-danger .box-img.arrow::before,
.content-zeitstrahl.bg-icon-danger .box-date::before,
.content-zeitstrahl.timeline-danger::before,
.content-zeitstrahl.timeline-danger .box-text::before,
.content-zitatbox.zitatbox-3.bg-icon-danger blockquote::before {
	background: #dc3545;
}
.bg-primary,
button.button-primary,
.button-primary p.button,
.button-primary button.submit,
.content-toplink.button-primary,
.bg-icon-primary i,
.bg-icon-primary svg,
.content-text hr.bg-primary,
.content-text-bild-kachel.bg-primary .box-img.arrow::before,
.content-zeitstrahl.bg-icon-primary .box-date::before,
.content-zeitstrahl.timeline-primary::before,
.content-zeitstrahl.timeline-primary .box-text::before,
.content-zitatbox.zitatbox-3.bg-icon-primary blockquote::before,
nav[data-pagination] ol li a.active,
.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,
.content-toplink.button-secondary,
.bg-icon-secondary i,
.bg-icon-secondary svg,
.content-text hr.bg-secondary,
.content-text-bild-kachel.bg-secondary .box-img.arrow::before,
.content-zeitstrahl.bg-icon-secondary .box-date::before,
.content-zeitstrahl.timeline-secondary::before,
.content-zeitstrahl.timeline-secondary .box-text::before,
.content-zitatbox.zitatbox-3.bg-icon-secondary blockquote::before {
	background: #6c757d;
}

/* Pastellfarben */
.content-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;
}
.content-hinweisbox.hinweisbox-info,
.mod_search .info {
	background: #d1ecf1;
}
.content-hinweisbox.hinweisbox-warning {
	background: #fff3cd;
}
.content-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;
}
.content-hinweisbox.hinweisbox-primary {
	background: #cce5ff;
}
.content-hinweisbox.hinweisbox-secondary,
.mod_search .header {
	background: #e2e3e5;
}

/* Hover-Farben */
button.button-default:hover,
.button-default p.button:hover,
.button-default button.submit:hover,
.content-accordion .handorgel__header button:hover,
.content-toplink.button-default:hover,
.content-tabs.tabs-1 > label:hover {
	background: #e6e6e6;
}
button.button-light:hover,
.button-light p.button:hover,
.button-light button.submit:hover,
.content-toplink.button-light:hover {
	background: #e2e6ea;
}
button.button-dark:hover,
.button-dark p.button:hover,
.button-dark button.submit:hover,
.content-toplink.button-dark:hover {
	background: #23272b;
}
button.button-success:hover,
.button-success p.button:hover,
.button-success button.submit:hover,
.content-toplink.button-success:hover {
	background: #218838;
}
button.button-info:hover,
.button-info p.button:hover,
.button-info button.submit:hover,
.content-toplink.button-info:hover {
	background: #138496;
}
button.button-warning:hover,
.button-warning p.button:hover,
.button-warning button.submit:hover,
.content-toplink.button-warning:hover {
	background: #e0a800;
}
button.button-danger:hover,
.button-danger p.button:hover,
.button-danger button.submit:hover,
.content-toplink.button-danger:hover {
	background: #c82333;
}
button.button-primary:hover,
.button-primary p.button:hover,
.button-primary button.submit:hover,
.content-toplink.button-primary:hover {
	background: #0069d9;
}
button.button-secondary:hover,
.button-secondary p.button:hover,
.button-secondary button.submit:hover,
.content-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,
.content-toplink.button-default,
th, td,
input,
textarea,
select,
.content-accordion .handorgel__header button,
.content-code code,
.content-gallery a img,
.content-gallery figcaption,
.content-hinweisbox .border-default i,
.content-hinweisbox .border-default svg,
.content-iconbox .border-default i,
.content-iconbox .border-default svg,
.content-tabs.tabs-1 > label,
.content-teambox.border-default,
.content-teambox .border-default img,
.content-text pre,
.content-zitatbox .border-default img,
.mod_calendar .calendar-head .label,
.mod_calendar .calendar-body > div > div,
nav[data-pagination] ol li a,
.pagination ul li a {
	border-color: #ccc;
}
.border-white,
.content-hinweisbox .border-white i,
.content-hinweisbox .border-white svg,
.content-iconbox .border-white i,
.content-iconbox .border-white svg,
.content-teambox.border-white,
.content-teambox .border-white img,
.content-zeitstrahl.icon-white .box-date::after,
.content-zitatbox .border-white img,
.content-zitatbox.border-white blockquote {
	border-color: #fff;
}
.border-light,
button.button-light,
.button-light p.button,
.button-light button.submit,
.content-toplink.button-light,
.ce_comments .reply,
.content-hinweisbox.hinweisbox-light,
.content-hinweisbox .border-light i,
.content-hinweisbox .border-light svg,
.content-iconbox .border-light i,
.content-iconbox .border-light svg,
.content-teambox.border-light,
.content-teambox .border-light img,
.content-zeitstrahl.icon-light .box-date::after,
.content-zitatbox .border-light img,
.content-zitatbox.border-light blockquote,
.content-download,
.content-downloads,
.content-download::before,
.content-downloads::before,
blockquote {
	border-color: #e9ecef;
}
.border-dark,
button.button-dark,
.button-dark p.button,
.button-dark button.submit,
.content-toplink.button-dark,
.content-hinweisbox.hinweisbox-white,
.content-hinweisbox.hinweisbox-dark,
.content-hinweisbox .border-dark i,
.content-hinweisbox .border-dark svg,
.content-iconbox .border-dark i,
.content-iconbox .border-dark svg,
.content-teambox.border-dark,
.content-teambox .border-dark img,
.content-zeitstrahl.icon-dark .box-date::after,
.content-zeitstrahl .box-date::after,
.content-zitatbox .border-dark img,
.content-zitatbox.border-dark blockquote {
	border-color: #343a40;
}
.border-black,
.content-hinweisbox.hinweisbox-black,
.content-hinweisbox .border-black i,
.content-hinweisbox .border-black svg,
.content-iconbox .border-black i,
.content-iconbox .border-black svg,
.content-teambox.border-black,
.content-teambox .border-black img,
.content-zeitstrahl.icon-black .box-date::after,
.content-zitatbox .border-black img,
.content-zitatbox.border-black blockquote {
	border-color: #000;
}

/* Erweiterte Farben */
.border-success,
button.button-success,
.button-success p.button,
.button-success button.submit,
.content-toplink.button-success,
.content-hinweisbox .border-success i,
.content-hinweisbox .border-success svg,
.content-iconbox .border-success i,
.content-iconbox .border-success svg,
.content-teambox.border-success,
.content-teambox .border-success img,
.content-zeitstrahl.icon-success .box-date::after,
.content-zitatbox .border-success img,
.content-zitatbox.border-success blockquote {
	border-color: #28a745;
}
.border-info,
button.button-info,
.button-info p.button,
.button-info button.submit,
.content-toplink.button-info,
.content-hinweisbox .border-info i,
.content-hinweisbox .border-info svg,
.content-iconbox .border-info i,
.content-iconbox .border-info svg,
.content-teambox.border-info,
.content-teambox .border-info img,
.content-zeitstrahl.icon-info .box-date::after,
.content-zitatbox .border-info img,
.content-zitatbox.border-info blockquote {
	border-color: #17a2b8;
}
.border-warning,
button.button-warning,
.button-warning p.button,
.button-warning button.submit,
.content-toplink.button-warning,
.content-hinweisbox .border-warning i,
.content-hinweisbox .border-warning svg,
.content-iconbox .border-warning i,
.content-iconbox .border-warning svg,
.content-teambox.border-warning,
.content-teambox .border-warning img,
.content-zeitstrahl.icon-warning .box-date::after,
.content-zitatbox .border-warning img,
.content-zitatbox.border-warning blockquote {
	border-color: #ffc107;
}
.border-danger,
button.button-danger,
.button-danger p.button,
.button-danger button.submit,
.content-toplink.button-danger,
.content-hinweisbox .border-danger i,
.content-hinweisbox .border-danger svg,
.content-iconbox .border-danger i,
.content-iconbox .border-danger svg,
.content-teambox.border-danger,
.content-teambox .border-danger img,
.content-zeitstrahl.icon-danger .box-date::after,
.content-zitatbox .border-danger img,
.content-zitatbox.border-danger blockquote {
	border-color: #dc3545;
}
.border-primary,
button.button-primary,
.button-primary p.button,
.button-primary button.submit,
.content-toplink.button-primary,
div .border-primary i,
div .border-primary svg,
.content-teambox.border-primary,
.content-teambox .border-primary img,
.content-zeitstrahl.icon-primary .box-date::after,
.content-zitatbox .border-primary img,
.content-zitatbox.border-primary blockquote,
nav[data-pagination] ol li a.active,
.pagination ul li strong {
	border-color: #007bff;
}
.border-secondary,
button.button-secondary,
.button-secondary p.button,
.button-secondary button.submit,
.content-toplink.button-secondary,
.content-hinweisbox .border-secondary i,
.content-hinweisbox .border-secondary svg,
.content-iconbox .border-secondary i,
.content-iconbox .border-secondary svg,
.content-teambox.border-secondary,
.content-teambox .border-secondary img,
.content-zeitstrahl.icon-secondary .box-date::after,
.content-zitatbox .border-secondary img,
.content-zitatbox.border-secondary blockquote {
	border-color: #6c757d;
}

/* Pastellfarben */
.content-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;
}
.content-hinweisbox.hinweisbox-info,
.mod_search .info {
	border-color: #bee5eb;
}
.content-hinweisbox.hinweisbox-warning {
	border-color: #ffeeba;
}
.content-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;
}
.content-hinweisbox.hinweisbox-primary,
input:focus,
textarea:focus {
	border-color: #b8daff;
}
.content-hinweisbox.hinweisbox-secondary,
.content-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,
.content-toplink.button-default:hover {
	border-color: #adadad;
}
button.button-light:hover,
.button-light p.button:hover,
.button-light button.submit:hover,
.content-toplink.button-light:hover {
	border-color: #dae0e5;
}
button.button-dark:hover,
.button-dark p.button:hover,
.button-dark button.submit:hover,
.content-toplink.button-dark:hover {
	border-color: #1d2124;
}
button.button-success:hover,
.button-success p.button:hover,
.button-success button.submit:hover,
.content-toplink.button-success:hover {
	border-color: #1e7e34;
}
button.button-info:hover,
.button-info p.button:hover,
.button-info button.submit:hover,
.content-toplink.button-info:hover {
	border-color: #117a8b;
}
button.button-warning:hover,
.button-warning p.button:hover,
.button-warning button.submit:hover,
.content-toplink.button-warning:hover {
	border-color: #d39e00;
}
button.button-danger:hover,
.button-danger p.button:hover,
.button-danger button.submit:hover,
.content-toplink.button-danger:hover {
	border-color: #bd2130;
}
button.button-primary:hover,
.button-primary p.button:hover,
.button-primary button.submit:hover,
.content-toplink.button-primary:hover {
	border-color: #0062cc;
}
button.button-secondary:hover,
.button-secondary p.button:hover,
.button-secondary button.submit:hover,
.content-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
====================================================================================== */
.contao-cookiebar .cc-inner {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
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;
}
.media--left,
.media--left figure {
	float: left;
}
.media--right,
.media--right figure {
	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;
	height: 32px;
	margin: 7px 0;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}
button,
.button a {
	display: block;
	padding: 0 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,
.content-toplink.button-link a,
button.button-klammer-link,
.button-klammer-link p.button,
.button-klammer-link p.button a,
.button-klammer-link button.submit,
.content-toplink.button-klammer-link a {
	padding: 0;
}
button.button-link:hover,
.button-link p.button a:hover,
.button-link button.submit:hover,
.content-toplink.button-link a:hover,
button.button-klammer-link:hover,
.button-klammer-link p.button a:hover,
.button-klammer-link button.submit:hover,
.content-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,
.content-toplink.button-klammer-link a::before,
.content-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,
.content-toplink.button-klammer-link a::after,
a.klammer-link::after {
	content: "]";
}
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
====================================================================================== */
.content-hinweisbox .icon.circle i,
.content-hinweisbox .icon.circle svg,
.content-iconbox .icon.circle i,
.content-iconbox .icon.circle svg,
.content-iconbox .icon.circle span,
.content-teambox .circle img,
.content-zitatbox .circle img,
.zitatbox-3 blockquote::before,
.content-zeitstrahl .box-date::before,
.content-zeitstrahl .box-date::after,
.switch-dark-mode .slider::before {
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.switch-dark-mode .slider {
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	border-radius: 35px;
}

/* ======================================================================================
1. Allgemeine Styles
	1.7. Rahmen
====================================================================================== */
.content-count-up.border-style-solid,
.content-hinweisbox .border-style-solid i,
.content-hinweisbox .border-style-solid svg,
.content-iconbox.border-style-solid,
.content-iconbox .border-style-solid i,
.content-iconbox .border-style-solid svg,
.content-landkarte .iframe[class*="border-"].border-style-solid,
.content-teambox.border-style-solid,
.content-teambox .border-style-solid img,
.content-teaserbox[class*="border-"]:not(.border-sm).border-style-solid,
.content-zitatbox .border-style-solid img {
	border-style: solid;
}
.content-count-up.border-style-dotted,
.content-hinweisbox .border-style-dotted i,
.content-hinweisbox .border-style-dotted svg,
.content-iconbox.border-style-dotted,
.content-iconbox .border-style-dotted i,
.content-iconbox .border-style-dotted svg,
.content-landkarte .iframe[class*="border-"].border-style-dotted,
.content-teambox.border-style-dotted,
.content-teambox .border-style-dotted img,
.content-teaserbox[class*="border-"]:not(.border-sm).border-style-dotted,
.content-zitatbox .border-style-dotted img {
	border-style: dotted;
}
.content-count-up.border-style-dashed,
.content-hinweisbox .border-style-dashed i,
.content-hinweisbox .border-style-dashed svg,
.content-iconbox.border-style-dashed,
.content-iconbox .border-style-dashed i,
.content-iconbox .border-style-dashed svg,
.content-landkarte .iframe[class*="border-"].border-style-dashed,
.content-teambox.border-style-dashed,
.content-teambox .border-style-dashed img,
.content-teaserbox[class*="border-"]:not(.border-sm).border-style-dashed,
.content-zitatbox .border-style-dashed img {
	border-style: dashed;
}
.content-count-up.border-style-double,
.content-hinweisbox .border-style-double i,
.content-hinweisbox .border-style-double svg,
.content-iconbox.border-style-double,
.content-iconbox .border-style-double i,
.content-iconbox .border-style-double svg,
.content-landkarte .iframe[class*="border-"].border-style-double,
.content-teambox.border-style-double,
.content-teambox .border-style-double img,
.content-teaserbox[class*="border-"]:not(.border-sm).border-style-double,
.content-zitatbox .border-style-double img {
	border-style: double;
}

.content-count-up.border-width-1,
.content-hinweisbox .border-width-1 i,
.content-hinweisbox .border-width-1 svg,
.content-iconbox.border-width-1,
.content-iconbox .border-width-1 i,
.content-iconbox .border-width-1 svg,
.content-landkarte .iframe[class*="border-"].border-width-1,
.content-teambox.border-width-1,
.content-teambox .border-width-1 img,
.content-teaserbox[class*="border-"]:not(.border-sm).border-width-1,
.content-zitatbox .border-width-1 img {
	border-width: 1px;
}
.content-count-up.border-width-2,
.content-hinweisbox .border-width-2 i,
.content-hinweisbox .border-width-2 svg,
.content-iconbox.border-width-2,
.content-iconbox .border-width-2 i,
.content-iconbox .border-width-2 svg,
.content-landkarte .iframe[class*="border-"].border-width-2,
.content-teambox.border-width-2,
.content-teambox .border-width-2 img,
.content-teaserbox[class*="border-"]:not(.border-sm).border-width-2,
.content-zitatbox .border-width-2 img {
	border-width: 2px;
}
.content-count-up.border-width-3,
.content-hinweisbox .border-width-3 i,
.content-hinweisbox .border-width-3 svg,
.content-iconbox.border-width-3,
.content-iconbox .border-width-3 i,
.content-iconbox .border-width-3 svg,
.content-landkarte .iframe[class*="border-"].border-width-3,
.content-teambox.border-width-3,
.content-teambox .border-width-3 img,
.content-teaserbox[class*="border-"]:not(.border-sm).border-width-3,
.content-zitatbox .border-width-3 img {
	border-width: 3px;
}
.content-count-up.border-width-5,
.content-hinweisbox .border-width-5 i,
.content-hinweisbox .border-width-5 svg,
.content-iconbox.border-width-5,
.content-iconbox .border-width-5 i,
.content-iconbox .border-width-5 svg,
.content-landkarte .iframe[class*="border-"].border-width-5,
.content-teambox.border-width-5,
.content-teambox .border-width-5 img,
.content-teaserbox[class*="border-"]:not(.border-sm).border-width-5,
.content-zitatbox .border-width-5 img {
	border-width: 5px;
}
.content-count-up.border-width-7,
.content-hinweisbox .border-width-7 i,
.content-hinweisbox .border-width-7 svg,
.content-iconbox.border-width-7,
.content-iconbox .border-width-7 i,
.content-iconbox .border-width-7 svg,
.content-landkarte .iframe[class*="border-"].border-width-7,
.content-teambox.border-width-7,
.content-teambox .border-width-7 img,
.content-teaserbox[class*="border-"]:not(.border-sm).border-width-7,
.content-zitatbox .border-width-7 img {
	border-width: 7px;
}
.content-count-up.border-width-9,
.content-hinweisbox .border-width-9 i,
.content-hinweisbox .border-width-9 svg,
.content-iconbox.border-width-9,
.content-iconbox .border-width-9 i,
.content-iconbox .border-width-9 svg,
.content-landkarte .iframe[class*="border-"].border-width-9,
.content-teambox.border-width-9,
.content-teambox .border-width-9 img,
.content-teaserbox[class*="border-"]:not(.border-sm).border-width-9,
.content-zitatbox .border-width-9 img {
	border-width: 9px;
}
.content-count-up.border-width-14,
.content-hinweisbox .border-width-14 i,
.content-hinweisbox .border-width-14 svg,
.content-iconbox.border-width-14,
.content-iconbox .border-width-14 i,
.content-iconbox .border-width-14 svg,
.content-landkarte .iframe[class*="border-"].border-width-14,
.content-teambox.border-width-14,
.content-teambox .border-width-14 img,
.content-teaserbox[class*="border-"]:not(.border-sm).border-width-14,
.content-zitatbox .border-width-14 img {
	border-width: 14px;
}
.content-count-up.border-width-21,
.content-hinweisbox .border-width-21 i,
.content-hinweisbox .border-width-21 svg,
.content-iconbox.border-width-21,
.content-iconbox .border-width-21 i,
.content-iconbox .border-width-21 svg,
.content-landkarte .iframe[class*="border-"].border-width-21,
.content-teambox.border-width-21,
.content-teambox .border-width-21 img,
.content-teaserbox[class*="border-"]:not(.border-sm).border-width-21,
.content-zitatbox .border-width-21 img {
	border-width: 21px;
}
.content-count-up.border-width-28,
.content-hinweisbox .border-width-28 i,
.content-hinweisbox .border-width-28 svg,
.content-iconbox.border-width-28,
.content-iconbox .border-width-28 i,
.content-iconbox .border-width-28 svg,
.content-landkarte .iframe[class*="border-"].border-width-28,
.content-teambox.border-width-28,
.content-teambox .border-width-28 img,
.content-teaserbox[class*="border-"]:not(.border-sm).border-width-28,
.content-zitatbox .border-width-28 img {
	border-width: 28px;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.content-teaserbox[class*="border-"].border-sm.border-style-solid {
	border-style: solid;
}
.content-teaserbox[class*="border-"].border-sm.border-style-dotted {
	border-style: dotted;
}
.content-teaserbox[class*="border-"].border-sm.border-style-dashed {
	border-style: dashed;
}
.content-teaserbox[class*="border-"].border-sm.border-style-double {
	border-style: double;
}

.content-teaserbox[class*="border-"].border-sm.border-width-1 {
	border-width: 1px;
}
.content-teaserbox[class*="border-"].border-sm.border-width-2 {
	border-width: 2px;
}
.content-teaserbox[class*="border-"].border-sm.border-width-3 {
	border-width: 3px;
}
.content-teaserbox[class*="border-"].border-sm.border-width-5 {
	border-width: 5px;
}
.content-teaserbox[class*="border-"].border-sm.border-width-7 {
	border-width: 7px;
}
.content-teaserbox[class*="border-"].border-sm.border-width-9 {
	border-width: 9px;
}
.content-teaserbox[class*="border-"].border-sm.border-width-14 {
	border-width: 14px;
}
.content-teaserbox[class*="border-"].border-sm.border-width-21 {
	border-width: 21px;
}
.content-teaserbox[class*="border-"].border-sm.border-width-28 {
	border-width: 28px;
}
/* Media Query Ende */ }

/* ======================================================================================
1. Allgemeine Styles
	1.8. Umrisse
====================================================================================== */
.content-hinweisbox .outline-style-solid i,
.content-hinweisbox .outline-style-solid svg,
.content-iconbox .outline-style-solid i,
.content-iconbox .outline-style-solid svg,
.content-iconbox .outline-style-solid span {
	outline-style: solid;
}
.content-hinweisbox .outline-style-dotted i,
.content-hinweisbox .outline-style-dotted svg,
.content-iconbox .outline-style-dotted i,
.content-iconbox .outline-style-dotted svg,
.content-iconbox .outline-style-dotted span {
	outline-style: dotted;
}
.content-hinweisbox .outline-style-dashed i,
.content-hinweisbox .outline-style-dashed svg,
.content-iconbox .outline-style-dashed i,
.content-iconbox .outline-style-dashed svg,
.content-iconbox .outline-style-dashed span {
	outline-style: dashed;
}
.content-hinweisbox .outline-style-double i,
.content-hinweisbox .outline-style-double svg,
.content-iconbox .outline-style-double i,
.content-iconbox .outline-style-double svg,
.content-iconbox .outline-style-double span {
	outline-style: double;
}

.content-hinweisbox .outline-width-1 i,
.content-hinweisbox .outline-width-1 svg,
.content-iconbox .outline-width-1 i,
.content-iconbox .outline-width-1 svg,
.content-iconbox .outline-width-1 span {
	outline-width: 1px;
}
.content-hinweisbox .outline-width-2 i,
.content-hinweisbox .outline-width-2 svg,
.content-iconbox .outline-width-2 i,
.content-iconbox .outline-width-2 svg,
.content-iconbox .outline-width-2 span {
	outline-width: 2px;
}
.content-hinweisbox .outline-width-3 i,
.content-hinweisbox .outline-width-3 svg,
.content-iconbox .outline-width-3 i,
.content-iconbox .outline-width-3 svg,
.content-iconbox .outline-width-3 span {
	outline-width: 3px;
}
.content-hinweisbox .outline-width-5 i,
.content-hinweisbox .outline-width-5 svg,
.content-iconbox .outline-width-5 i,
.content-iconbox .outline-width-5 svg,
.content-iconbox .outline-width-5 span {
	outline-width: 5px;
}
.content-hinweisbox .outline-width-7 i,
.content-hinweisbox .outline-width-7 svg,
.content-iconbox .outline-width-7 i,
.content-iconbox .outline-width-7 svg,
.content-iconbox .outline-width-7 span {
	outline-width: 7px;
}
.content-hinweisbox .outline-width-9 i,
.content-hinweisbox .outline-width-9 svg,
.content-iconbox .outline-width-9 i,
.content-iconbox .outline-width-9 svg,
.content-iconbox .outline-width-9 span {
	outline-width: 9px;
}
.content-hinweisbox .outline-width-14 i,
.content-hinweisbox .outline-width-14 svg,
.content-iconbox .outline-width-14 i,
.content-iconbox .outline-width-14 svg,
.content-iconbox .outline-width-14 span {
	outline-width: 14px;
}
.content-hinweisbox .outline-width-21 i,
.content-hinweisbox .outline-width-21 svg,
.content-iconbox .outline-width-21 i,
.content-iconbox .outline-width-21 svg,
.content-iconbox .outline-width-21 span {
	outline-width: 21px;
}
.content-hinweisbox .outline-width-28 i,
.content-hinweisbox .outline-width-28 svg,
.content-iconbox .outline-width-28 i,
.content-iconbox .outline-width-28 svg,
.content-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.webp);
}
.overlay-02::after {
	background: url(../../files/theme/img/overlays/02.webp);
}
.overlay-03::after {
	background: url(../../files/theme/img/overlays/03.webp);
}
.overlay-04::after {
	background: url(../../files/theme/img/overlays/04.webp);
}
.overlay-05::after {
	background: url(../../files/theme/img/overlays/05.webp);
}
.overlay-06::after {
	background: url(../../files/theme/img/overlays/06.webp);
}
.overlay-07::after {
	background: url(../../files/theme/img/overlays/07.webp);
}
.overlay-08::after {
	background: url(../../files/theme/img/overlays/08.webp);
}
.overlay-09::after {
	background: url(../../files/theme/img/overlays/09.webp);
}
.overlay-white::after {
	background: url(../../files/theme/img/overlays/white.webp);
}
.overlay-grey::after {
	background: url(../../files/theme/img/overlays/grey.webp);
}
.overlay-black::after {
	background: url(../../files/theme/img/overlays/black.webp);
}
.overlay-red::after {
	background: url(../../files/theme/img/overlays/red.webp);
}
.overlay-darkred::after {
	background: url(../../files/theme/img/overlays/darkred.webp);
}
.overlay-green::after {
	background: url(../../files/theme/img/overlays/green.webp);
}
.overlay-darkgreen::after {
	background: url(../../files/theme/img/overlays/darkgreen.webp);
}
.overlay-blue::after {
	background: url(../../files/theme/img/overlays/blue.webp);
}
.overlay-darkblue::after {
	background: url(../../files/theme/img/overlays/darkblue.webp);
}
.overlay-cyan::after {
	background: url(../../files/theme/img/overlays/cyan.webp);
}
.overlay-darkcyan::after {
	background: url(../../files/theme/img/overlays/darkcyan.webp);
}
.overlay-magenta::after {
	background: url(../../files/theme/img/overlays/magenta.webp);
}
.overlay-darkmagenta::after {
	background: url(../../files/theme/img/overlays/darkmagenta.webp);
}
.overlay-yellow::after {
	background: url(../../files/theme/img/overlays/yellow.webp);
}
.overlay-darkyellow::after {
	background: url(../../files/theme/img/overlays/darkyellow.webp);
}
.overlay-bluegreen::after {
	background: url(../../files/theme/img/overlays/bluegreen.webp);
}
.overlay-skyblue::after {
	background: url(../../files/theme/img/overlays/skyblue.webp);
}
.overlay-purple::after {
	background: url(../../files/theme/img/overlays/purple.webp);
}
.overlay-rose::after {
	background: url(../../files/theme/img/overlays/rose.webp);
}
.overlay-orange::after {
	background: url(../../files/theme/img/overlays/orange.webp);
}
.overlay-yellowgreen::after {
	background: url(../../files/theme/img/overlays/yellowgreen.webp);
}
.overlay-noise::after {
	background: url(../../files/theme/img/overlays/noise.webp);
}

/* ======================================================================================
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,
.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;
}

/* Media Query Anfang */ @media screen and (min-width: 780px) {
.header-left #wrapper,
.header-right #wrapper {
	padding-top: 0;
}
/* Media Query Ende */ }

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

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

/* Media Query Anfang */ @media screen and (max-width: 519px) {
#wrapper {
	padding-bottom: 120px;
}
/* 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 .content-spaltenumschlag {
	overflow: visible;
}

/* Media Query Anfang */ @media screen and (min-width: 780px) {
.header-left #header .logo,
.header-right #header .logo {
	width: 230px;
}
/* Media Query Ende */ }

/* 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;
	overflow: hidden;
	position: absolute;
	right: 0;
}
#footer .copyright {
	font-size: 14px;
	font-size: 0.875rem;
}
#footer .content-toplink {
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 34px;
}
#footer .content-toplink a {
	display: block;
	height: 32px;
	padding: 6px 9px;
	text-decoration: none;
	width: 100%;
}
#footer .content-toplink a::before {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1;
	margin: 0;
	position: relative;
}
#footer .content-toplink span {
	display: none;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#footer {
	height: 72px;
}
/* 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;
}
/* 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
====================================================================================== */
.content-text {
	word-break: break-word;
}
.content-text abbr {
	cursor: help;
	position: relative;
}
.content-text code,
.content-table code {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 14px;
	font-size: 0.875rem;
}
.content-text del {
	text-decoration: line-through;
}
.content-text em {
	font-style: italic;
}
.content-text hr {
	border: none;
	height: 2px;
}
.content-text kbd {
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 14px;
	font-size: 0.875rem;
	padding: 4px 4px 2px;
}
.content-text mark {
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	padding: 0 5px;
}
.content-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;
}
.content-text sub,
.content-text sup {
	font-size: 12px;
	font-size: 0.75rem;
	position: relative;
	top: -3px;
	vertical-align: text-top;
}
.content-text sub {
	top: 3px;
	vertical-align: text-bottom;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.content-text abbr[title]:hover::before {
	content: attr(title);
	left: -7px;
	padding: 3px 5px;
	position: absolute;
	text-decoration: none;
	top: -26px;
	white-space: nowrap;
}
.content-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;
}
.content-list ol,
.content-table ol,
.content-text ol {
	counter-reset: item;
	list-style: none;
}
.content-list ol > li,
.content-table ol > li,
.content-text ol > li {
	counter-increment: item;
	padding-left: 41px;
}
.content-list ol > li::before,
.content-table ol > li::before,
.content-text ol > li::before {
	content: counters(item, ".") ".";
	margin-left: -20.5px;
	margin-right: 7px;
}
.content-list ol ol > li,
.content-table ol ol > li,
.content-text ol ol > li {
	padding-left: 53px;
}
.content-list ol ol > li::before,
.content-table ol ol > li::before,
.content-text ol ol > li::before {
	margin-left: -33.5px;
}
.content-list ol ol ol > li,
.content-table ol ol ol > li,
.content-text ol ol ol > li {
	padding-left: 66px;
}
.content-list ol ol ol > li::before,
.content-table ol ol ol > li::before,
.content-text ol ol ol > li::before {
	margin-left: -47px;
}
.content-list ol ol ol ol > li,
.content-table ol ol ol ol > li,
.content-text ol ol ol ol > li {
	padding-left: 80px;
}
.content-list ol ol ol ol > li::before,
.content-table ol ol ol ol > li::before,
.content-text ol ol ol ol > li::before {
	margin-left: -60px;
}
.content-list ul,
.content-table ul,
.content-text ul,
.mod_newsletterlist ul {
	list-style-type: disc;
	padding-left: 35px;
}
.content-list ul ul,
.content-table ul ul,
.content-text ul ul {
	list-style-type: circle;
}
.content-list ul ul ul,
.content-table ul ul ul,
.content-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;
}
th[role=columnheader] {
	padding-right: 14px;
}
th {
	font-weight: 700;
}
/* Media Query Anfang */ @media screen and (max-width: 779px) {
th[role=columnheader] {
	padding-right: 21px;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.5. Code
====================================================================================== */
.content-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
====================================================================================== */
.content-accordion {
	border: none;
}
.content-accordion :is(h1, h2, h3, h4, h5, h6) {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 2px;
	padding: 0;
}
.content-accordion .handorgel__header__button::before {
	content: "\f0da";
	display: inline-block;
	font-family: "Font Awesome 6 Free";
	font-size: 16px;
	font-size: 1rem;
	font-weight: 700;
	margin-right: 5px;
	width: 15px;
	text-align: center;
}
.content-accordion .handorgel__header--open .handorgel__header__button::before {
	content: "\f0d7";
}
.content-accordion .handorgel__header button {
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	height: auto;
	outline: none;
	padding: 15px 12px;
}
.content-accordion .handorgel__content {
	background: none;
	border: none;
	padding: 7px 11px;
}
.content-accordion .handorgel__content__inner {
	padding: 0;
}

/* ======================================================================================
3. Core-Elemente
	3.3. Content-Slider
====================================================================================== */
.content-swiper.no-nav-slider button,
.content-swiper.no-nav-slider .swiper-pagination {
	display: none;
}
.content-swiper {
	--swiper-navigation-size: 32px;
	--swiper-navigation-size: 2rem;
	--swiper-theme-color: #fff;
}

/* ======================================================================================
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,
.content-hyperlink a[target="_blank"]::after {
	content: "\f35d";
	font-family: "Font Awesome 6 Free";
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: 700;
	margin-left: 3px;
}
.content-hyperlink {
	padding: 7px 0;
}

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

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.1. Bild
====================================================================================== */
figure {
	position: relative;
}
.content-image a + figcaption,
.content-gallery a + figcaption,
.content-text figure a + figcaption {
	margin-top: -7px;
}
.content-image figcaption,
.content-gallery figcaption,
.content-text figure figcaption {
	margin-top: -4px;
	padding: 7px;
	position: relative;
}
.content-text.media--left figure,
.content-text.media--right figure {
	margin: 11px 21px 11px 0;
	width: 33.33333333%;
}
.content-text.media--right figure {
	margin: 11px 0 11px 21px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.content-text.media--left figure,
.content-text.media--right figure {
	width: 50%;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
.content-text figure.media--left,
.content-text figure.media--right {
	margin: 7px 0 14px 0;
	width: 100%;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.2. Galerie
====================================================================================== */
.content-gallery ul {
	list-style: none;
	display: grid;
	grid-gap: 14px;
	padding: 0;
}
.content-gallery--cols-2 ul {
	grid-template-columns: repeat(2, 1fr);
}
.content-gallery--cols-3 ul {
	grid-template-columns: repeat(3, 1fr);
}
.content-gallery--cols-4 ul {
	grid-template-columns: repeat(4, 1fr);
}
.content-gallery--cols-5 ul {
	grid-template-columns: repeat(5, 1fr);
}
.content-gallery--cols-6 ul {
	grid-template-columns: repeat(6, 1fr);
}
.content-gallery--cols-7 ul {
	grid-template-columns: repeat(7, 1fr);
}
.content-gallery--cols-8 ul {
	grid-template-columns: repeat(8, 1fr);
}
.content-gallery--cols-9 ul {
	grid-template-columns: repeat(9, 1fr);
}
.content-gallery--cols-10 ul {
	grid-template-columns: repeat(10, 1fr);
}
.content-gallery--cols-11 ul {
	grid-template-columns: repeat(11, 1fr);
}
.content-gallery--cols-12 ul {
	grid-template-columns: repeat(12, 1fr);
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.content-gallery--cols-5 ul,
.content-gallery--cols-6 ul {
	grid-template-columns: repeat(4, 1fr);
}
.content-gallery--cols-7 ul,
.content-gallery--cols-8 ul,
.content-gallery--cols-9 ul {
	grid-template-columns: repeat(5, 1fr);
}
.content-gallery--cols-10 ul,
.content-gallery--cols-11 ul,
.content-gallery--cols-12 ul {
	grid-template-columns: repeat(6, 1fr);
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.content-gallery--cols-7 ul,
.content-gallery--cols-8 ul,
.content-gallery--cols-9 ul,
.content-gallery--cols-10 ul,
.content-gallery--cols-11 ul,
.content-gallery--cols-12 ul {
	grid-template-columns: repeat(4, 1fr);
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
.content-gallery--cols-3 ul,
.content-gallery--cols-4 ul {
	grid-template-columns: repeat(2, 1fr);
}
.content-gallery--cols-5 ul,
.content-gallery--cols-6 ul,
.content-gallery--cols-7 ul,
.content-gallery--cols-8 ul,
.content-gallery--cols-9 ul,
.content-gallery--cols-10 ul,
.content-gallery--cols-11 ul,
.content-gallery--cols-12 ul {
	grid-template-columns: repeat(3, 1fr);
}
/* Media Query Ende */ }

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

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.4. YouTube
====================================================================================== */
.content-youtube figure {
	height: auto;
	padding-bottom: 56.25%;
	position: relative;
	width: 100%;
}
.content-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
====================================================================================== */
.content-vimeo figure {
	height: auto;
	padding-bottom: 56.25%;
	position: relative;
	width: 100%;
}
.content-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 6 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 6 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
====================================================================================== */
.content-download,
.content-downloads {
	border-style: solid;
	border-width: 1px;
	overflow: visible;
	padding: 14px 7px 7px;
}
.content-download {
	padding-top: 21px;
}
.content-download::before,
.content-downloads::before {
	border-style: solid;
	border-width: 1px;
	content: "Download";
	font-weight: 700;
	margin-top: -25px;
	padding: 0 7px;
	position: absolute;
}
.content-download::before {
	margin-top: -32px;
}
.content-download.download-element a,
.content-downloads .download-element a {
	padding: 0 0 0 22px;
}
.content-download .size,
.content-downloads .size {
	font-size: 10px;
	font-size: 0.625rem;
}

/* ======================================================================================
3. Core-Elemente
	3.6. Datei-Elemente
		3.6.2. Downloads
====================================================================================== */
.content-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-of-type) {
	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
====================================================================================== */
.content-teaserbild {
	padding: 35px 0;
	width: 100%;
}
.content-teaserbild > div {
	position: relative;
}
.content-teaserbild .height-lg {
	height: 430px;
}
.content-teaserbild .height-md {
	height: 280px;
}
.content-teaserbild .height-sm {
	height: 130px;
}
.content-teaserbild .fullheight {
	height: calc(100vh - 182px);
}
.content-teaserbild .box-width-85 {
	padding: 0 7.5%;
}
.content-teaserbild .box-width-50 {
	padding: 0 25%;
}
.content-teaserbild .box-width-35 {
	padding: 0 32.5%;
}
.content-teaserbild .left.box-width-85 {
	padding: 0 15% 0 0;
}
.content-teaserbild .left.box-width-50 {
	padding: 0 50% 0 0;
}
.content-teaserbild .left.box-width-35 {
	padding: 0 65% 0 0;
}
.content-teaserbild .right.box-width-85 {
	padding: 0 0 0 15%;
}
.content-teaserbild .right.box-width-50 {
	padding: 0 0 0 50%;
}
.content-teaserbild .right.box-width-35 {
	padding: 0 0 0 65%;
}
.content-teaserbild .inside {
	display: inline-block;
	padding: 0 14px;
}
.content-teaserbild .wrapperpadding {
	padding-bottom: 35px;
}
.content-teaserbild .contentpadding {
	padding: 7px 14px;
}
.content-teaserbild .inside:last-of-type {
	margin-top: 7px;
}
.boxed .content-teaserbild .left .inside,
.content-teaserbild .left .nobox .content-headline {
	margin-left: -15px;
}
.boxed .content-teaserbild .right .inside,
.content-teaserbild .right .nobox .content-headline {
	margin-right: -15px;
}
.content-teaserbild .fullwidth .left .inside,
.boxed .content-teaserbild .left .inside.no-indent {
	margin-left: 0;
}
.content-teaserbild .fullwidth .right .inside,
.boxed .content-teaserbild .right .inside.no-indent {
	margin-right: 0;
}
.content-teaserbild .left .inside.no-indent {
	margin-left: 15px;
}
.content-teaserbild .right .inside.no-indent {
	margin-right: 15px;
}
.content-teaserbild .content-headline,
.content-teaserbild .content-text {
	display: block;
	position: relative;
	z-index: 1;
}
.content-teaserbild .fullwidth .content-headline,
.content-teaserbild .fullwidth .content-text {
	margin: auto 0;
}
.content-teaserbild .scrolldown {
	bottom: -25px;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	width: 100%;
}
.content-teaserbild .scrolldown a {
	font-size: 32px;
	font-size: 2rem;
}
.content-teaserbild .scrolldown a:hover {
	text-decoration: none;
}
.content-teaserbild .scrolldown a::after {
	content: "\f103";
	font-family: "Font Awesome 6 Free";
	font-weight: 700;
	position: relative;
}
.content-teaserbild .nobox {
	width: 100%;
}
.content-teaserbild .nobox .content-headline {
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	display: inline;
	line-height: 2;
	padding: 7px 14px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.content-teaserbild {
	padding: 25px 0;
}
.content-teaserbild .height-lg {
	height: 350px;
}
.content-teaserbild .height-md {
	height: 200px;
}
.content-teaserbild .height-sm {
	height: 100px;
}
.content-teaserbild .fullheight {
	height: calc(100vh - 132px);
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.content-teaserbild .height-lg {
	height: 250px;
}
.content-teaserbild .height-md {
	height: 150px;
}
.content-teaserbild .height-sm {
	height: auto;
}
.content-teaserbild .fullheight {
	height: calc(100vh - 140px);
}
.content-teaserbild .box-width-85,
.content-teaserbild .box-width-50,
.content-teaserbild .box-width-35,
.content-teaserbild .left.box-width-85,
.content-teaserbild .left.box-width-50,
.content-teaserbild .left.box-width-35,
.content-teaserbild .right.box-width-85,
.content-teaserbild .right.box-width-50,
.content-teaserbild .right.box-width-35 {
	padding-left: 0;
	padding-right: 0;
}
.content-teaserbild .inside {
	padding: 0 10px;
}
.boxed .content-teaserbild .left .inside,
.content-teaserbild .fullwidth .left .inside {
	margin-left: 0;
}
.boxed .content-teaserbild .right .inside,
.content-teaserbild .fullwidth .right .inside {
	margin-right: 0;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
.content-teaserbild .content-headline,
.content-teaserbild .content-text {
	margin: auto 0;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.2. Teaserbox
====================================================================================== */
.content-teaserbox {
	width: 100%;
}
.content-teaserbox .height-lg {
	height: 430px;
}
.content-teaserbox .height-md {
	height: 280px;
}
.content-teaserbox .height-sm {
	height: 130px;
}
.content-teaserbox .fullheight {
	height: calc(100vh - 112px);
}
.content-teaserbox.overlay::after {
	z-index: 0;
}
.content-teaserbox .inside {
	height: 100%;
	padding: 15px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.content-teaserbox .inside.relative {
	height: auto;
	position: relative;
}
.content-teaserbox .inside.no-padding {
	padding: 0;
}
.content-teaserbox .item {
	padding: 7px 11px;
	position: relative;
}
.content-teaserbox .box-outside .colorbox {
	opacity: 1 !important;
}
.content-teaserbox .content-headline,
.content-teaserbox .content-text,
.content-teaserbox .button {
	position: relative;
	z-index: 1;
}
.content-teaserbox figure {
	height: 100%;
}
.content-teaserbox img {
	height: 100%;
	object-fit: cover;
}
.content-teaserbox .content-image a img {
	border-style: none;
	border-width: 0;
	padding: 0;
}
.content-teaserbox .highlight {
	font-weight: 700;
	line-height: 1.25;
	padding: 3px;
	position: absolute;
	right: -28px;
	text-align: center;
	top: 10px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 100px;
	z-index: 1;
}

/* Media Query Anfang */ @media screen and (min-width: 1040px) {
.content-teaserbox .inside.no-padding-lg {
	padding: 0;
}
.content-teaserbox .box-width-lg-85 {
	margin: 0 7.5%;
}
.content-teaserbox .box-width-lg-50 {
	margin: 0 25%;
}
.content-teaserbox .box-width-lg-35 {
	margin: 0 32.5%;
}
.content-teaserbox .left .box-width-lg-85 {
	margin: 0 15% 0 0;
}
.content-teaserbox .left .box-width-lg-50 {
	margin: 0 50% 0 0;
}
.content-teaserbox .left .box-width-lg-35 {
	margin: 0 65% 0 0;
}
.content-teaserbox .right .box-width-lg-85 {
	margin: 0 0 0 15%;
}
.content-teaserbox .right .box-width-lg-50 {
	margin: 0 0 0 50%;
}
.content-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) {
.content-teaserbox .inside.no-padding-md {
	padding: 0;
}
.content-teaserbox .box-width-md-85 {
	margin: 0 7.5%;
}
.content-teaserbox .box-width-md-50 {
	margin: 0 25%;
}
.content-teaserbox .box-width-md-35 {
	margin: 0 32.5%;
}
.content-teaserbox .left .box-width-md-85 {
	margin: 0 15% 0 0;
}
.content-teaserbox .left .box-width-md-50 {
	margin: 0 50% 0 0;
}
.content-teaserbox .left .box-width-md-35 {
	margin: 0 65% 0 0;
}
.content-teaserbox .right .box-width-md-85 {
	margin: 0 0 0 15%;
}
.content-teaserbox .right .box-width-md-50 {
	margin: 0 0 0 50%;
}
.content-teaserbox .right .box-width-md-35 {
	margin: 0 0 0 65%;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.content-teaserbox .height-lg {
	height: 350px;
}
.content-teaserbox .height-md {
	height: 200px;
}
.content-teaserbox .height-sm {
	height: 100px;
}
.content-teaserbox .fullheight {
	height: calc(100vh - 62px);
}
/* Media Query Ende */ }

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

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

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.3. Text/Bild-Kachel
====================================================================================== */
.content-text-bild-kachel {
	width: 100%;
}
.content-text-bild-kachel .box-img.overlay::after {
	z-index: 0;
}
.content-text-bild-kachel .box-img {
	bottom: 0;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
}
.content-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;
}
.content-text-bild-kachel.text-right .box-img {
	left: 0;
	right: auto;
}
.content-text-bild-kachel.text-right .box-img.arrow::before {
	right: -10px;
}
.content-text-bild-kachel .height-lg {
	height: 80vh;
}
.content-text-bild-kachel .height-md {
	height: 60vh;
}
.content-text-bild-kachel .height-sm {
	height: 40vh;
}
.content-text-bild-kachel .fullheight {
	height: calc(100vh - 112px);
}
.content-text-bild-kachel .box-text .inside:not(.no-padding) {
	padding: 35px 0;
}
.content-text-bild-kachel.text-left .box-text > .inside > .inserttags,
.content-text-bild-kachel.text-left .box-text > .inside > .content-headline,
.content-text-bild-kachel.text-left .box-text > .inside > .content-text,
.content-text-bild-kachel.text-left .box-text > .inside > .button {
	margin-right: calc(50% + 25px);
}
.content-text-bild-kachel.text-right .box-text > .inside > .inserttags,
.content-text-bild-kachel.text-right .box-text > .inside > .content-headline,
.content-text-bild-kachel.text-right .box-text > .inside > .content-text,
.content-text-bild-kachel.text-right .box-text > .inside > .button {
	margin-left: calc(50% + 25px);
}
.content-text-bild-kachel.text-left .box-text.fullwidth .content-headline,
.content-text-bild-kachel.text-left .box-text.fullwidth .content-text,
.content-text-bild-kachel.text-left .box-text.fullwidth .button,
.content-text-bild-kachel.text-left .box-text.width-lg .content-headline,
.content-text-bild-kachel.text-left .box-text.width-lg .content-text,
.content-text-bild-kachel.text-left .box-text.width-lg .button {
	margin-left: 14px;
}
.boxed .content-text-bild-kachel.text-left .box-text.width-lg .content-headline,
.boxed .content-text-bild-kachel.text-left .box-text.width-lg .content-text,
.boxed .content-text-bild-kachel.text-left .box-text.width-lg .button {
	margin-left: 0;
}
.content-text-bild-kachel.text-right .box-text.fullwidth .content-headline,
.content-text-bild-kachel.text-right .box-text.fullwidth .content-text,
.content-text-bild-kachel.text-right .box-text.fullwidth .button,
.content-text-bild-kachel.text-right .box-text.width-lg .content-headline,
.content-text-bild-kachel.text-right .box-text.width-lg .content-text,
.content-text-bild-kachel.text-right .box-text.width-lg .button {
	margin-right: 14px;
}
.boxed .content-text-bild-kachel.text-right .box-text.width-lg .content-headline,
.boxed .content-text-bild-kachel.text-right .box-text.width-lg .content-text,
.boxed .content-text-bild-kachel.text-right .box-text.width-lg .button {
	margin-right: 0;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.content-text-bild-kachel .box-text .inside:not(.no-padding) {
	padding: 25px 0;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.content-text-bild-kachel .box-img {
	height: 50vh;
	position: relative;
	width: 100%;
}
.content-text-bild-kachel .box-img.arrow::before,
.content-text-bild-kachel .box-img.arrow::before {
	bottom: -10px;
	left: 50%;
	right: auto;
	top: auto;
}
.content-text-bild-kachel .height-lg,
.content-text-bild-kachel .height-md,
.content-text-bild-kachel .height-sm,
.content-text-bild-kachel .fullheight {
	height: auto;
}
.content-text-bild-kachel .box-text {
	display: block;
	padding: 0 10px;
}
.content-text-bild-kachel .box-text.no-padding {
	padding: 0;
}
.content-text-bild-kachel .box-text .inside {
	display: block;
	padding: 15px 0;
}
.content-text-bild-kachel .box-text .inside.no-padding {
	padding: 0;
}
.content-text-bild-kachel.text-left .box-text > .inside > .inserttags,
.content-text-bild-kachel.text-left .box-text > .inside > .content-headline,
.content-text-bild-kachel.text-left .box-text > .inside > .content-text,
.content-text-bild-kachel.text-left .box-text > .inside > .button,
.content-text-bild-kachel.text-right .box-text > .inside > .inserttags,
.content-text-bild-kachel.text-right .box-text > .inside > .content-headline,
.content-text-bild-kachel.text-right .box-text > .inside > .content-text,
.content-text-bild-kachel.text-right .box-text > .inside > .button ,
.content-text-bild-kachel.text-left .box-text.fullwidth .content-headline,
.content-text-bild-kachel.text-left .box-text.fullwidth .content-text,
.content-text-bild-kachel.text-left .box-text.fullwidth .button,
.content-text-bild-kachel.text-left .box-text.width-lg .content-headline,
.content-text-bild-kachel.text-left .box-text.width-lg .content-text,
.content-text-bild-kachel.text-left .box-text.width-lg .button
.content-text-bild-kachel.text-right .box-text.fullwidth .content-headline,
.content-text-bild-kachel.text-right .box-text.fullwidth .content-text,
.content-text-bild-kachel.text-right .box-text.fullwidth .button,
.content-text-bild-kachel.text-right .box-text.width-lg .content-headline,
.content-text-bild-kachel.text-right .box-text.width-lg .content-text,
.content-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
====================================================================================== */
.content-hinweisbox {
	border-style: solid;
	border-width: 1px;
	margin: 7px 0;
	width: 100%;
}
.content-hinweisbox.no-border {
	border-style: none;
	border-width: 0;
}
.content-hinweisbox.no-margin {
	margin: 0;
}
.content-hinweisbox .inside {
	padding: 7px 11px;
	width: 100%;
}
.content-hinweisbox .icon {
	border-color: transparent;
	outline-color: transparent;
	text-align: center;
}
.content-hinweisbox .icon.left.icon-xlg,
.content-hinweisbox .icon.right.icon-xlg {
	width: 120px;
}
.content-hinweisbox .icon.left.icon-lg,
.content-hinweisbox .icon.right.icon-lg {
	width: 110px;
}
.content-hinweisbox .icon.left.icon-md,
.content-hinweisbox .icon.right.icon-md {
	width: 100px;
}
.content-hinweisbox .icon.left.icon-sm,
.content-hinweisbox .icon.right.icon-sm {
	width: 90px;
}
.content-hinweisbox .icon.left.icon-xsm,
.content-hinweisbox .icon.right.icon-xsm {
	width: 80px;
}
.content-hinweisbox .icon.left i,
.content-hinweisbox .icon.left svg {
	margin: 0 7px 0 0;
}
.content-hinweisbox .icon.right i,
.content-hinweisbox .icon.right svg {
	margin: 0 0 0 7px;
}
.content-hinweisbox .item.before,
.content-hinweisbox .item.after {
	display: table-row;
}

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.5. Teambox
====================================================================================== */
.content-teambox {
	border-color: transparent;
	padding: 7px 11px;
	width: 100%;
}
.content-teambox img {
	margin: 7px 0;
	width: 180px;
}
.content-teambox .img-center img {
	margin: 7px auto;
}
.content-teambox .img-left img {
	float: left;
}
.content-teambox .img-right img {
	float: right;
}
.content-teambox p.content-headline {
	font-size: 20px;
	font-size: 1.250rem;
	font-weight: 700;
}
.content-teambox p.function {
	font-size: 12px;
	font-size: 0.75rem;
	margin-top: -21px;
}
.content-teambox .email.icon::before,
.content-teambox .phone.icon::before,
.content-teambox .mobile.icon::before {
	content: "";
	font-family: "Font Awesome 6 Free";
	font-size: 16px;
	font-size: 1rem;
	font-weight: 700;
	margin-right: 7px;
}
.content-teambox .email.icon::before {
	content: "\f0e0";
}
.content-teambox .phone.icon::before {
	content: "\f095";
}
.content-teambox .mobile.icon::before {
	content: "\f3cd";
}
.content-teambox ul.socials-list {
	list-style-type: none;
	padding: 0;
}
.content-teambox ul.socials-list li {
	display: inline-block;
	margin: 0 3px;
}

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

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

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.6. Zitatbox
====================================================================================== */
.content-zitatbox {
	width: 100%;
}
.content-zitatbox .inside > div:not(.content-text) {
	width: 0;
}
.content-zitatbox .img-left .content-image {
	padding: 0 21px 0 0;
}
.content-zitatbox .img-right .content-image {
	padding: 0 0 0 21px;
}
.content-zitatbox .offset-sm blockquote {
	margin: 7px 0;
}
.content-zitatbox .offset-md blockquote {
	margin: 21px 0;
}
.content-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 6 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 6 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) {
.content-zitatbox .box-xlg-width-lg {
	margin: 0 10%;
	width: 80%;
}
.content-zitatbox .box-xlg-width-md {
	margin: 0 17.5%;
	width: 65%;
}
.content-zitatbox .box-xlg-width-sm {
	margin: 0 25%;
	width: 50%;
}
.content-zitatbox .box-left.box-xlg-width-lg {
	margin: 0 20% 0 0;
	width: 80%;
}
.content-zitatbox .box-left.box-xlg-width-md {
	margin: 0 35% 0 0;
	width: 65%;
}
.content-zitatbox .box-left.box-xlg-width-sm {
	margin: 0 50% 0 0;
	width: 50%;
}
.content-zitatbox .box-right.box-xlg-width-lg {
	margin: 0 0 0 20%;
	width: 80%;
}
.content-zitatbox .box-right.box-xlg-width-md {
	margin: 0 0 0 35%;
	width: 65%;
}
.content-zitatbox .box-right.box-xlg-width-sm {
	margin: 0 0 0 50%;
	width: 50%;
}
.content-zitatbox .content-image img {
	width: 150px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1299px) and (min-width: 1040px) {
.content-zitatbox .box-lg-width-lg {
	margin: 0 10%;
	width: 80%;
}
.content-zitatbox .box-lg-width-md {
	margin: 0 17.5%;
	width: 65%;
}
.content-zitatbox .box-lg-width-sm {
	margin: 0 25%;
	width: 50%;
}
.content-zitatbox .box-left.box-lg-width-lg {
	margin: 0 20% 0 0;
	width: 80%;
}
.content-zitatbox .box-left.box-lg-width-md {
	margin: 0 35% 0 0;
	width: 65%;
}
.content-zitatbox .box-left.box-lg-width-sm {
	margin: 0 50% 0 0;
	width: 50%;
}
.content-zitatbox .box-right.box-lg-width-lg {
	margin: 0 0 0 20%;
	width: 80%;
}
.content-zitatbox .box-right.box-lg-width-md {
	margin: 0 0 0 35%;
	width: 65%;
}
.content-zitatbox .box-right.box-lg-width-sm {
	margin: 0 0 0 50%;
	width: 50%;
}
.content-zitatbox .content-image img {
	width: 150px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) and (min-width: 780px) {
.content-zitatbox .box-md-width-lg {
	margin: 0 5%;
	width: 90%;
}
.content-zitatbox .box-md-width-md {
	margin: 0 10%;
	width: 80%;
}
.content-zitatbox .box-md-width-sm {
	margin: 0 15%;
	width: 70%;
}
.content-zitatbox .box-left.box-md-width-lg {
	margin: 0 10% 0 0;
	width: 90%;
}
.content-zitatbox .box-left.box-md-width-md {
	margin: 0 20% 0 0;
	width: 80%;
}
.content-zitatbox .box-left.box-md-width-sm {
	margin: 0 30% 0 0;
	width: 70%;
}
.content-zitatbox .box-right.box-md-width-lg {
	margin: 0 0 0 10%;
	width: 90%;
}
.content-zitatbox .box-right.box-md-width-md {
	margin: 0 0 0 20%;
	width: 80%;
}
.content-zitatbox .box-right.box-md-width-sm {
	margin: 0 0 0 30%;
	width: 70%;
}
.content-zitatbox .img-left .content-image {
	padding: 0 14px 0 0;
}
.content-zitatbox .img-right .content-image {
	padding: 0 0 0 14px;
}
.content-zitatbox .content-image img {
	width: 130px;
}
blockquote {
	padding-left: 14px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) and (min-width: 520px) {
.content-zitatbox .box-sm-width-lg {
	margin: 0 5%;
	width: 90%;
}
.content-zitatbox .box-sm-width-md {
	margin: 0 10%;
	width: 80%;
}
.content-zitatbox .box-sm-width-sm {
	margin: 0 15%;
	width: 70%;
}
.content-zitatbox .box-left.box-sm-width-lg {
	margin: 0 10% 0 0;
	width: 90%;
}
.content-zitatbox .box-left.box-sm-width-md {
	margin: 0 20% 0 0;
	width: 80%;
}
.content-zitatbox .box-left.box-sm-width-sm {
	margin: 0 30% 0 0;
	width: 70%;
}
.content-zitatbox .box-right.box-sm-width-lg {
	margin: 0 0 0 10%;
	width: 90%;
}
.content-zitatbox .box-right.box-sm-width-md {
	margin: 0 0 0 20%;
	width: 80%;
}
.content-zitatbox .box-right.box-sm-width-sm {
	margin: 0 0 0 30%;
	width: 70%;
}
.content-zitatbox .img-left .content-image {
	padding: 0 14px 0 0;
}
.content-zitatbox .img-right .content-image {
	padding: 0 0 0 14px;
}
.content-zitatbox .content-image img {
	width: 130px;
}
blockquote {
	padding-left: 14px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
.content-zitatbox .box-md-width-lg,
.content-zitatbox .box-md-width-md,
.content-zitatbox .box-md-width-sm,
.content-zitatbox .box-left.box-md-width-lg,
.content-zitatbox .box-left.box-md-width-md,
.content-zitatbox .box-left.box-md-width-sm,
.content-zitatbox .box-right.box-md-width-lg,
.content-zitatbox .box-right.box-md-width-md,
.content-zitatbox .box-right.box-md-width-sm {
	margin: 0;
}
.content-zitatbox .img-left .content-image {
	padding: 0 7px 0 0;
}
.content-zitatbox .img-right .content-image {
	padding: 0 0 0 7px;
}
.content-zitatbox .content-image img {
	width: 100px;
}
.content-zitatbox .img-left figure {
	margin-left: -15px;
}
.content-zitatbox .img-right figure {
	margin-right: -15px;
}
blockquote {
	padding-left: 7px;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.7. Preistabelle
====================================================================================== */
.content-preistabelle {
	width: 100%;
}
.content-preistabelle .content-headline i {
	margin-right: 7px;
}
.content-preistabelle .preisbox .currency,
.content-preistabelle .preisbox .price,
.content-preistabelle .preisbox .unit {
	display: inline-block;
	font-weight: 700;
}
.content-preistabelle .preisbox .currency.price-xlg {
	position: relative;
	top: -21px;
}
.content-preistabelle .preisbox .currency.price-lg {
	top: -15px;
}
.content-preistabelle .preisbox .currency.price-md {
	top: -10px;
}
.content-preistabelle .preisbox .currency.price-sm {
	top: -5px;
}
.content-preistabelle .preisbox .currency.price-xsm {
	top: 0;
}
.content-preistabelle .preisbox .price.price-xlg {
	font-size: 48px;
	font-size: 3rem;
}
.content-preistabelle .preisbox .price.price-lg {
	font-size: 40px;
	font-size: 2.5rem;
}
.content-preistabelle .preisbox .price.price-md {
	font-size: 32px;
	font-size: 2rem;
}
.content-preistabelle .preisbox .price.price-sm {
	font-size: 24px;
	font-size: 1.5rem;
}
.content-preistabelle .preisbox .price.price-xsm {
	font-size: 16px;
	font-size: 1rem;
}
.content-preistabelle .preisbox .unit {
	font-weight: inherit;
}
.content-preistabelle .content-text {
	font-size: 12px;
	font-size: 0.75rem;
}
.content-preistabelle ul.services-list {
	padding-left: 35px;
}
.content-preistabelle ul.services-list li.item {
	line-height: 2;
}
.content-preistabelle ul.services-list li.item i {
	margin: 7px 0 0 -22px;
	position: absolute;
}
.content-preistabelle ul.services-list li.item.highlight {
	font-weight: 700;
}
.content-preistabelle ul.services-list li.item.crossout {
	text-decoration: line-through;
}

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.8. Iconbox
====================================================================================== */
.content-iconbox,
.content-iconbox .inside {
	width: 100%;
}
.content-iconbox[class*="border-"],
.content-iconbox[class*="bg-"],
.content-iconbox.padding {
	padding: 7px 11px;
}
.content-iconbox .icon {
	margin: 7px 0;
	text-align: center;
}
.content-iconbox .icon a {
	display: block;
}
.content-iconbox .icon.left i,
.content-iconbox .icon.left svg {
	margin: 0 7px 0 0;
}
.content-iconbox .icon.right i,
.content-iconbox .icon.right svg {
	margin: 0 0 0 7px;
}
.content-iconbox .icon.left.outline-width-1 i,
.content-iconbox .icon.left.outline-width-1 svg,
.content-iconbox .icon.left.outline-width-1 span {
	margin: 1px 7px 1px 1px;
}
.content-iconbox .icon.left.outline-width-2 i,
.content-iconbox .icon.left.outline-width-2 svg,
.content-iconbox .icon.left.outline-width-2 span {
	margin: 2px 9px 2px 2px;
}
.content-iconbox .icon.left.outline-width-3 i,
.content-iconbox .icon.left.outline-width-3 svg,
.content-iconbox .icon.left.outline-width-3 span {
	margin: 3px 10px 3px 3px;
}
.content-iconbox .icon.left.outline-width-5 i,
.content-iconbox .icon.left.outline-width-5 svg,
.content-iconbox .icon.left.outline-width-5 span {
	margin: 5px 12px 5px 5px;
}
.content-iconbox .icon.left.outline-width-7 i,
.content-iconbox .icon.left.outline-width-7 svg,
.content-iconbox .icon.left.outline-width-7 span {
	margin: 7px 14px 7px 7px;
}
.content-iconbox .icon.left.outline-width-9 i,
.content-iconbox .icon.left.outline-width-9 svg,
.content-iconbox .icon.left.outline-width-9 span {
	margin: 9px 16px 9px 9px;
}
.content-iconbox .icon.left.outline-width-14 i,
.content-iconbox .icon.left.outline-width-14 svg,
.content-iconbox .icon.left.outline-width-14 span {
	margin: 14px 21px 14px 14px;
}
.content-iconbox .icon.left.outline-width-21 i,
.content-iconbox .icon.left.outline-width-21 svg,
.content-iconbox .icon.left.outline-width-21 span {
	margin: 21px 28px 21px 21px;
}
.content-iconbox .icon.left.outline-width-28 i,
.content-iconbox .icon.left.outline-width-28 svg,
.content-iconbox .icon.left.outline-width-28 span {
	margin: 28px 35px 28px 28px;
}
.content-iconbox .icon.right.outline-width-1 i,
.content-iconbox .icon.right.outline-width-1 svg,
.content-iconbox .icon.right.outline-width-1 span {
	margin: 1px 1px 1px 8px;
}
.content-iconbox .icon.right.outline-width-2 i,
.content-iconbox .icon.right.outline-width-2 svg,
.content-iconbox .icon.right.outline-width-2 span {
	margin: 2px 2px 2px 9px;
}
.content-iconbox .icon.right.outline-width-3 i,
.content-iconbox .icon.right.outline-width-3 svg,
.content-iconbox .icon.right.outline-width-3 span {
	margin: 3px 3px 3px 10px;
}
.content-iconbox .icon.right.outline-width-5 i,
.content-iconbox .icon.right.outline-width-5 svg,
.content-iconbox .icon.right.outline-width-5 span {
	margin: 5px 5px 5px 12px;
}
.content-iconbox .icon.right.outline-width-7 i,
.content-iconbox .icon.right.outline-width-7 svg,
.content-iconbox .icon.right.outline-width-7 span {
	margin: 7px 7px 7px 14px;
}
.content-iconbox .icon.right.outline-width-9 i,
.content-iconbox .icon.right.outline-width-9 svg,
.content-iconbox .icon.right.outline-width-9 span {
	margin: 9px 9px 9px 16px;
}
.content-iconbox .icon.right.outline-width-14 i,
.content-iconbox .icon.right.outline-width-14 svg,
.content-iconbox .icon.right.outline-width-14 span {
	margin: 14px 14px 14px 21px;
}
.content-iconbox .icon.right.outline-width-21 i,
.content-iconbox .icon.right.outline-width-21 svg,
.content-iconbox .icon.right.outline-width-21 span {
	margin: 21px 21px 21px 28px;
}
.content-iconbox .icon.right.outline-width-28 i,
.content-iconbox .icon.right.outline-width-28 svg,
.content-iconbox .icon.right.outline-width-28 span {
	margin: 28px 28px 28px 35px;
}
.content-iconbox .item.before,
.content-iconbox .item.after {
	display: table-row;
}

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

.content-zeitstrahl .box-text .inside[class*="bg-"] .img-before {
	margin: -7px -11px 0;
}
.content-zeitstrahl .box-text .inside[class*="bg-"] .img-after {
	margin: 7px -11px -7px;
}
.content-zeitstrahl.text-left .box-date:before {
	left: -20px;
	right: auto;
}
.content-zeitstrahl.text-left .box-date {
	float: right;
	text-align: left;
}
.content-zeitstrahl.text-left .box-date:after {
	left: -16px;
	right: auto;
}
.content-zeitstrahl.text-left .box-text:before {
	left: auto;
	right: 0;
}
.content-zeitstrahl.text-left .box-text {
	float: left;
}
.column-both .content-zeitstrahl::before {
	left: 65px;
}
.column-both .content-zeitstrahl .box-date {
	padding: 16px 0;
	text-align: left;
	width: 65px;
}
.column-both .content-zeitstrahl .box-date::after {
	top: 20px;
}
.column-both .content-zeitstrahl .box-text::before {
	width: 20px;
	top: 33px;
}
.column-both .content-zeitstrahl .box-text {
	padding: 12px 0 12px 30px;
	width: calc(100% - 82px);
}
.column-both .content-zeitstrahl.text-left .box-date::before {
	left: auto;
	right: -19px;
}
.column-both .content-zeitstrahl.text-left .box-date {
	float: left;
}
.column-both .content-zeitstrahl.text-left .box-date::after {
	left: auto;
	right: -15px;
}
.column-both .content-zeitstrahl.text-left .box-text::before {
	left: 0;
	right: auto;
}
.column-both .content-zeitstrahl.text-left .box-text {
	float: right;
	text-align: left;
}

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

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

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

/* Media Query Anfang */ @media screen and (min-width: 1300px) {
.content-landkarte.xlg-map-height-vh iframe {
	height: calc(100vh - 112px);
}
.content-landkarte.xlg-map-height-lg iframe {
	height: 430px;
}
.content-landkarte.xlg-map-height-md iframe {
	height: 280px;
}
.content-landkarte.xlg-map-height-sm iframe {
	height: 130px;
}
.content-landkarte.xlg-map-width-lg {
	width: 75%;
}
.content-landkarte.xlg-map-width-md {
	width: 50%;
}
.content-landkarte.xlg-map-width-sm {
	width: 25%;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1299px) and (min-width: 1040px) {
.content-landkarte.lg-map-height-lg iframe {
	height: calc(100vh - 112px);
}
.content-landkarte.lg-map-height-lg iframe {
	height: 430px;
}
.content-landkarte.lg-map-height-md iframe {
	height: 280px;
}
.content-landkarte.lg-map-height-sm iframe {
	height: 130px;
}
.content-landkarte.lg-map-width-lg {
	width: 75%;
}
.content-landkarte.lg-map-width-md {
	width: 50%;
}
.content-landkarte.lg-map-width-sm {
	width: 25%;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) and (min-width: 780px) {
.content-landkarte.md-map-height-lg iframe {
	height: calc(100vh - 112px);
}
.content-landkarte.md-map-height-lg iframe {
	height: 430px;
}
.content-landkarte.md-map-height-md iframe {
	height: 280px;
}
.content-landkarte.md-map-height-sm iframe {
	height: 130px;
}
.content-landkarte.md-map-width-lg {
	width: 75%;
}
.content-landkarte.md-map-width-md {
	width: 50%;
}
.content-landkarte.md-map-width-sm {
	width: 25%;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) and (min-width: 520px) {
.content-landkarte.sm-map-height-lg iframe {
	height: calc(100vh - 112px);
}
.content-landkarte.sm-map-height-lg iframe {
	height: 430px;
}
.content-landkarte.sm-map-height-md iframe {
	height: 280px;
}
.content-landkarte.sm-map-height-sm iframe {
	height: 130px;
}
.content-landkarte.sm-map-width-lg {
	width: 75%;
}
.content-landkarte.sm-map-width-md {
	width: 50%;
}
.content-landkarte.sm-map-width-sm {
	width: 25%;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
.content-landkarte.xsm-map-height-lg iframe {
	height: calc(100vh - 112px);
}
.content-landkarte.xsm-map-height-lg iframe {
	height: 430px;
}
.content-landkarte.xsm-map-height-md iframe {
	height: 280px;
}
.content-landkarte.xsm-map-height-sm iframe {
	height: 130px;
}
.content-landkarte.xsm-map-width-lg {
	width: 75%;
}
.content-landkarte.xsm-map-width-md {
	width: 50%;
}
.content-landkarte.xsm-map-width-sm {
	width: 25%;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.11. iframe-Element
====================================================================================== */
.content-iframe figure {
	height: auto;
	padding-bottom: 56.25% !important;
	position: relative;
}
.content-iframe figure 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
====================================================================================== */
.content-anker-element,
.anker {
	margin-top: -110px;
}

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

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.content-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 */
.content-umschaltumschlag {
	width: 100%;
}
.content-umschaltumschlag.show {
	max-height: 100% !important;
}
#toggler-button .button > a.less,
#toggler-button .button.active > a.more {
	display: none;
}
#toggler-button .button.active > a.less {
	display: inline;
}

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.14. Tabs
====================================================================================== */
.content-tabs > input[type="radio"] {
	display: none;
}
.content-tabs > input:checked + label::before {
	content: "\f0d7";
	display: inline-block;
	font-family: "Font Awesome 6 Free";
	font-size: 16px;
	font-size: 1rem;
	font-weight: 700;
	margin-right: 7px;
	width: 15px;
}
.content-tabs > label {
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	padding: 12px;
	margin: 3px 0;
}
.content-tabs.tabs-1 > label {
	border-style: solid;
	border-width: 1px;
}
.content-tabs.tabs-2 > input:checked + label::before {
	display: block;
	margin: 0 auto -42px;
}
.content-tabs .tab-panel {
	display: none;
}
.content-tabs > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.content-tabs > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.content-tabs > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.content-tabs > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.content-tabs > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.content-tabs > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6),
.content-tabs > input:nth-child(13):checked ~ .tab-panels > .tab-panel:nth-child(7),
.content-tabs > input:nth-child(15):checked ~ .tab-panels > .tab-panel:nth-child(8),
.content-tabs > input:nth-child(17):checked ~ .tab-panels > .tab-panel:nth-child(9),
.content-tabs > input:nth-child(19):checked ~ .tab-panels > .tab-panel:nth-child(10),
.content-tabs > input:nth-child(21):checked ~ .tab-panels > .tab-panel:nth-child(11),
.content-tabs > input:nth-child(23):checked ~ .tab-panels > .tab-panel:nth-child(12),
.content-tabs > input:nth-child(25):checked ~ .tab-panels > .tab-panel:nth-child(13),
.content-tabs > input:nth-child(27):checked ~ .tab-panels > .tab-panel:nth-child(14),
.content-tabs > input:nth-child(29):checked ~ .tab-panels > .tab-panel:nth-child(15),
.content-tabs > input:nth-child(31):checked ~ .tab-panels > .tab-panel:nth-child(16),
.content-tabs > input:nth-child(33):checked ~ .tab-panels > .tab-panel:nth-child(17),
.content-tabs > input:nth-child(35):checked ~ .tab-panels > .tab-panel:nth-child(18),
.content-tabs > input:nth-child(37):checked ~ .tab-panels > .tab-panel:nth-child(19),
.content-tabs > input:nth-child(39):checked ~ .tab-panels > .tab-panel:nth-child(20) {
	display: block;
}
.content-tabs > input:first-child:checked ~ .tab-panels > .tab-panel.flexbox:first-child,
.content-tabs > input:nth-child(3):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(2),
.content-tabs > input:nth-child(5):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(3),
.content-tabs > input:nth-child(7):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(4),
.content-tabs > input:nth-child(9):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(5),
.content-tabs > input:nth-child(11):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(6),
.content-tabs > input:nth-child(13):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(7),
.content-tabs > input:nth-child(15):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(8),
.content-tabs > input:nth-child(17):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(9),
.content-tabs > input:nth-child(19):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(10),
.content-tabs > input:nth-child(21):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(11),
.content-tabs > input:nth-child(23):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(12),
.content-tabs > input:nth-child(25):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(13),
.content-tabs > input:nth-child(27):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(14),
.content-tabs > input:nth-child(29):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(15),
.content-tabs > input:nth-child(31):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(16),
.content-tabs > input:nth-child(33):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(17),
.content-tabs > input:nth-child(35):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(18),
.content-tabs > input:nth-child(37):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(19),
.content-tabs > input:nth-child(39):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(20) {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.15. Animierte Zahlen
====================================================================================== */
.content-count-up {
	padding: 7px 14px;
	width: 100%;
}
.content-count-up span.counter {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 700;
}
.content-count-up span.add {
	display: block;
}

/* ======================================================================================
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 6 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 6 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 (min-width: 780px) {
.header-left #nav-top,
.header-right #nav-top {
	bottom: 10px;
	position: fixed;
}
.header-left #nav-top ul li,
.header-right #nav-top ul li {
	display: block;
}
/* Media Query Ende */ }

/* 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) {
.header-left #nav-main,
.header-right #nav-main {
	width: 100%;
}
#nav-main ul.level_1 > li {
	display: inline-block;
	position: unset;
}
.header-left #nav-main ul.level_1 > li,
.header-right #nav-main ul.level_1 > li {
	display: block;
}
#nav-main ul.level_1 > li.submenu > a::after,
#nav-main ul.level_1 > li.submenu > strong::after {
	content: "\f0d7";
	font-family: "Font Awesome 6 Free";
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	margin-left: 7px;
}
.header-left #nav-main ul.level_1 > li.submenu > a::after,
.header-left #nav-main ul.level_1 > li.submenu > strong::after {
	content: "\f0da";
}
.header-right #nav-main ul.level_1 > li.submenu > a::before,
.header-right #nav-main ul.level_1 > li.submenu > strong::before {
	content: "\f0d9";
	font-family: "Font Awesome 6 Free";
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	margin-right: 7px;
}
.header-right #nav-main ul.level_1 > li.submenu > a::after,
.header-right #nav-main ul.level_1 > li.submenu > strong::after {
	content: "";
}
body:not(.header-left):not(.header-right) #nav-main ul.level_1 > li:last-child > ul,
body:not(.header-left):not(.header-right) #nav-main ul.level_1 > li.nav-last > ul {
	left: auto;
	right: 15px;
}
#nav-main ul.level_1 > li:hover > ul {
	display: block;
	max-height: 80vh;
	overflow-x: hidden;
	overflow-y: scroll;
}
#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;
}
.header-left #nav-main ul.level_2 {
	left: calc(100% - 15px);
	top: 0;
}
.header-right #nav-main ul.level_2 {
	right: calc(100% - 15px);
	top: 0;
}
#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;
}
nav[data-pagination] ::marker {
	content: '';
}
nav[data-pagination] ol li,
.pagination ul li {
	float: left;
	margin: 3px 0;
}
nav[data-pagination] ol li a,
.pagination ul li a,
.pagination ul li strong {
	border-style: solid;
	border-width: 1px;
	display: block;
	padding: 5px 10px;
	text-decoration: none;
}
nav[data-pagination] ol li:not(:first-child) a,
.pagination ul li:not(:first-child) a,
.pagination ul li:not(:first-child) strong {
	border-left-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 6 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 {
	padding: 7px 2px;
}
.mod_search .widget-submit {
	margin-top: -7px;
}
.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 > div:not(:last-child) {
	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
====================================================================================== */
.contao-cookiebar .cc-btn {
	line-height: 1;
}
.contao-cookiebar .cc-groups .cc-group > label {
	margin: 5px 10px;
}

/* Media Query Anfang */ @media screen and (min-width: 520px) {
.contao-cookiebar .cc-inner {
	max-width: 500px;
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.5. Events
====================================================================================== */
.mod_calendar .calendar-pagination {
	display: table;
	height: 61px;
	padding: 7px;
	position: relative;
	text-align: center;
	width: 100%;
}
.mod_calendar .calendar-pagination .current {
	display: table-cell;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 700;
	vertical-align: middle;
}
.mod_calendar .calendar-pagination .previous,
.mod_calendar .calendar-pagination .next {
	left: 0;
	position: absolute;
}
.mod_calendar .calendar-pagination .next {
	left: auto;
	right: 0;
}
.mod_calendar .calendar-head {
	font-weight: 700;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.mod_calendar .calendar-head .label,
.mod_calendar .calendar-body > div > div {
	border-style: solid;
	border-width: 1px;
	float: left;
	padding: 7px;
	width: 14.28%;
}
.mod_calendar .calendar-head .label:not(:first-child),
.mod_calendar .calendar-body > div > div:not(:first-child) {
	border-left-style: none;
}
.mod_calendar .calendar-body > div {
	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 > div > div {
	border-top-style: none;
	min-height: 100px;
}
.mod_calendar .calendar-body > div > div .label,
.mod_calendar .calendar-body > div > div .event {
	font-size: 14px;
	font-size: 0.875rem;
}
.mod_calendar .calendar-body > div > div .label {
	padding-left: 3px;
}

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

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.mod_calendar .calendar-pagination .current,
.mod_calendar .calendar-pagination .previous,
.mod_calendar .calendar-pagination .next {
	display: block;
	position: relative;
}
.mod_calendar .calendar-head .label 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;
	overflow: hidden;
	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 figure img,
.mod_newslist .layout_latest figure 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);
}

/* Media Query Anfang */ @media screen and (min-width: 780px) {
.header-left .switch-dark-mode,
.header-right .switch-dark-mode {
	margin: 4px 0 0;
}
/* Media Query Ende */ }

/* ======================================================================================
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"] .content-download::before,
[data-theme="dark"] .content-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"] .content-gallery figcaption,
[data-theme="dark"] .content-image figcaption,
[data-theme="dark"] .content-text hr,
[data-theme="dark"] .content-text pre,
[data-theme="dark"] .content-text-bild-kachel.bg-light .box-img.arrow::before,
[data-theme="dark"] .content-zeitstrahl.bg-icon-light .box-date::before,
[data-theme="dark"] .content-zeitstrahl.timeline-light::before,
[data-theme="dark"] .content-zeitstrahl.timeline-light .box-text::before,
[data-theme="dark"] .content-zitatbox.zitatbox-3.bg-icon-light blockquote::before,
[data-theme="dark"] .mod_calendar .calendar-head .label,
[data-theme="dark"] .mod_calendar .calendar-body > div > div .label,
[data-theme="dark"] nav[data-pagination] ol li a:hover,
[data-theme="dark"] .pagination ul li a:hover,
[data-theme="dark"] tfoot td,
[data-theme="dark"] th {
	background-color: #181818 !important;
}
[data-theme="dark"] .content-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
====================================================================================== */

/* ======================================================================================
7. Eigene Klassen
====================================================================================== */
.agentur-zentral-impressum {
	line-height: 1;
}
.agentur-zentral-impressum a[target="_blank"]::after {
	content: "" !important;
}
/* ======================================================================================
Styleseet für Theme Ultimate. Individuelle Änderungen vornehmen!
Datei: custom.css
Datum: 30.06.2025
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
				3.8.14. Tabs
				3.8.15. Animierte Zahlen
		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.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
====================================================================================== */
::selection,
::-moz-selection {
	background: #c8081a;
	color: #fff;
}

/* ======================================================================================
1. Allgemeine Styles
	1.1. Typografie
		1.1.1. Webfonts
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.1. Typografie
		1.1.2. Textstrukturierung und Überschriften
====================================================================================== */
#main {
	line-height: 1.5;
}

/* ======================================================================================
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
====================================================================================== */
.contao-cookiebar .cc-head p,
.contao-cookiebar .cc-info a {
	color: #fff;
}
.content-count-up span.counter,
#nav-main ul li:hover > a,
#nav-main ul li:hover > strong,
#nav-main a.active,
#nav-main strong.active,
#nav-main a.trail,
#nav-main strong.trail,
.nav-sub ul li:hover > a,
.nav-sub ul li:hover > strong,
.nav-sub a.active,
.nav-sub strong.active,
.nav-sub a.trail,
.nav-sub strong.trail {
	color: #c8081a;
}
ul.font-awesome li i {
	color: #343a40;
}
.content-zeitstrahl.changelog span.beta {
	color: #6c757d;
}

/* Erweiterte Farben */
ul.font-awesome li:hover i.fas {
	color: #28a745;
}
ul.font-awesome li:hover i.far {
	color: #17a2b8;
}
ul.font-awesome li:hover i.fab {
	color: #dc3545;
}

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.2. Hintergrund
====================================================================================== */
.content-image.custom a img,
.content-image a + figcaption,
.content-gallery a img,
.content-gallery a + figcaption,
.content-text a img,
.content-text a + figcaption {
	background: #fff;
}
.content-text figcaption,
ul.font-awesome li:hover {
	background: #e9ecef;
}
.mod_newsletterreader hr {
	background: #343a40;
}
.bg-highlight {
	background: #c8081a;
}
.mod_newslist .layout_latest .more {
	background: #e9ecef;
}
.contao-cookiebar .cc-inner {
	background: #161616;
}

/* Media Query Anfang */ @media screen and (min-width: 780px) {
.header-left #header,
.header-left #nav-main-bar,
.header-right #header,
.header-right #nav-main-bar {
	background: #e9ecef;
}
/* Media Query Ende */ }

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.3. Rahmen
====================================================================================== */
.ce_comments .comment_default,
.content-image.custom a img,
.content-image figcaption,
.content-text a img,
.content-text figcaption,
.mod_search > div,
.mod_newslist .layout_latest,
.mod_newslist .layout_latest .info,
.mod_newslist .layout_latest .more {
	border-color: #ccc;
}
#footer {
	border-color: #6c757d;
}

/* Media Query Anfang */ @media screen and (min-width: 780px) {
#nav-main ul.level_3,
#nav-main ul.level_4 {
	border-color: #fff;
}
#nav-main ul.level_2 > li:first-child,
#nav-main ul.level_3 > li,
#nav-main ul.level_4 > li,
.nav-sub ul.level_1 > li:first-child,
.nav-sub ul.level_2 > li,
.nav-sub ul.level_3 > li {
	border-color: #c8081a;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav-main ul.level_2,
#nav-main ul.level_3,
#nav-main ul.level_4 {
	border-color: #fff;
}
#nav-main ul.level_2 > li,
#nav-main ul.level_3 > li,
#nav-main ul.level_4 > li {
	border-color: #c8081a;
}
/* Media Query Ende */ }

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

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.5. Schatten
====================================================================================== */
#header {
	-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);
}

/* Media Query Anfang */ @media screen and (min-width: 780px) {
#nav-main ul.level_2,
.nav-sub ul.level_1,
.banner {
	-webkit-box-shadow: 2px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px rgba(0,0,0,0.25);
	box-shadow: 2px 2px rgba(0,0,0,0.25);
}
/* Media Query Ende */ }

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

/* ======================================================================================
1. Allgemeine Styles
	1.4. Buttons
====================================================================================== */
button,
p.button {
	height: 30px;
}

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

/* ======================================================================================
1. Allgemeine Styles
	1.6. Radien
====================================================================================== */
.content-teaserbox .content-image img {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.content-text kbd {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
button,
.button,
input:not([type="radio"]):not([type="checkbox"]):not(.submit),
textarea,
select,
.content-accordion .handorgel__header button,
.content-text abbr[title]:hover::before,
.content-text abbr[title]:focus::before,
.content-text pre,
.content-code code,
.content-image.custom img,
.content-gallery img,
.content-text img,
.content-gallery img,
.content-count-up,
.content-download,
.content-downloads,
.ce_comments .tl_confirm,
.content-hinweisbox,
.content-tabs > label,
.content-teaserbox,
.content-zeitstrahl .box-text .inside,
.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_search .header,
.mod_search .info,
.mod_newslist .layout_latest,
.mod_newsreader .layout_full img,
ul.font-awesome li,
.column-left.boxed #nav-breadcrumb,
.boxed #nav-breadcrumb {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#nav-main ul.level_2,
.content-image figcaption,
.content-gallery figcaption,
.content-text figure figcaption,
.content-zeitstrahl .box-text .inside[class*="bg-"] .img_after img {
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
}
#footer .content-toplink,
.content-zeitstrahl .box-text .inside[class*="bg-"] .img_before img {
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}
#nav-sub ul.level_1 {
	border-radius: 0 0 4px 0;
	-moz-border-radius: 0 0 4px 0;
	-webkit-border-radius: 0 0 4px 0;
}
nav[data-pagination] ol li:first-of-type a,
.pagination ul li:first-of-type a,
.pagination ul li:first-of-type strong,
.column-left #nav-breadcrumb {
	border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
}
nav[data-pagination] ol li:last-of-type a,
.pagination ul li:last-of-type a,
.pagination ul li:last-of-type strong {
	border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav-main ul.level_2,
.column-left #nav-breadcrumb,
.column-left.boxed #nav-breadcrumb,
.boxed #nav-breadcrumb {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
/* Media Query Ende */ }

/* ======================================================================================
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
====================================================================================== */
ul.font-awesome li:hover {
	transform: scale(1.05);
}

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

/* ======================================================================================
2. Layout
====================================================================================== */
#wrapper {
	padding-bottom: 84px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#wrapper {
	padding-bottom: 78px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#wrapper {
	padding-bottom: 110px;
}
/* Media Query Ende */ }

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

/* ======================================================================================
2. Layout
	2.1. Kopfzeile
====================================================================================== */
#header .logo {
	height: 45px;
	margin: 3px;
}
[data-theme="dark"] #header .logo img {
	margin-top: -45px;
}

/* Media Query Anfang */ @media screen and (min-width: 780px) {
.header-left #header .logo,
.header-right #header .logo {
	height: 32px;
}
[data-theme="dark"] .header-left #header .logo img,
[data-theme="dark"] .header-right #header .logo img {
	margin-top: -32px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1299px) {
.header-left #header .logo,
.header-right #header .logo {
	height: 27px;
	width: 196px;
}
[data-theme="dark"] .header-left #header .logo img,
[data-theme="dark"] .header-right #header .logo img {
	margin-top: -27px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#header .logo {
	height: 28px;
}
.header-left #header .logo,
.header-right #header .logo {
	height: 22px;
	width: 160px;
}
[data-theme="dark"] #header .logo img {
	margin-top: -28px;
}
[data-theme="dark"] .header-left #header .logo img,
[data-theme="dark"] .header-right #header .logo img {
	margin-top: -22px;
}
/* Media Query Ende */ }

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

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

/* ======================================================================================
2. Layout
	2.2. Hauptzeile
		2.2.1. Linke Spalte
====================================================================================== */
.no-banner .content-image.banner {
	display: none;
}

/* ======================================================================================
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: 84px;
	border-bottom-style: solid;
	border-bottom-width: 10px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#footer {
	height: 78px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#footer {
	height: 110px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
#footer {
	height: 125px;
}
/* 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
====================================================================================== */
ul.font-awesome li {
	float: left;
	font-size: 14px;
	font-size: 0.875rem;
	height: 135px;
	padding: 14px;
	text-align: center;
	width: 16.66%;
}
ul.font-awesome li i {
	display: block;
	font-size: 40px;
	font-size: 2.5rem;
}
ul.font-awesome li span {
	display: block;
	font-weight: 700;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
ul.font-awesome li {
	width: 25%;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
ul.font-awesome li {
	width: 50%;
}
/* Media Query Ende */ }

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

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.4. Tabelle
====================================================================================== */

/* ======================================================================================
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
====================================================================================== */
.content-image.custom a img,
.content-gallery a img,
.content-text a img {
	border-style: solid;
	border-width: 1px;
	padding: 4px;
}
.content-image.custom a img:hover,
.content-gallery a img:hover,
.content-text a img:hover {
	cursor: zoom-in;
	opacity: 0.85;
}
.content-image.custom figcaption,
.content-gallery figcaption,
.content-text figcaption {
	border-style: solid;
	border-width: 1px;
	border-top: none;
}
.content-image.banner {
	margin: 25px 18px 15px 15px;
}

/* ======================================================================================
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
====================================================================================== */
.content-accordion .content-download,
.content-accordion .content-downloads {
	margin-top: 21px;
}

/* ======================================================================================
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: -25px 0 0 21px;
}

/* ======================================================================================
3. Core-Elemente
	3.7. Include-Elemente
		3.7.2. Kommentare
====================================================================================== */
.ce_comments .comment_default:not(:last-of-type) {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 30px;
}

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.1. Teaserbild
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.2. Teaserbox
====================================================================================== */
.content-teaserbox.border {
	border-bottom: 0;
}

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.3. Text/Bild-Kachel
====================================================================================== */

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

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.5. Teambox
====================================================================================== */
.content-teambox .content-image a img:hover {
	cursor: pointer;
	opacity: 1;
}

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

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.7. Preistabelle
====================================================================================== */
/* Media Query Anfang */ @media screen and (min-width: 1040px) {
.content-preistabelle {
	margin: 28px 0;
	padding: 28px 14px;
}
.content-preistabelle.highlight {
	margin: 0;
	padding: 56px 14px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.content-preistabelle {
	padding: 7px 14px 14px;
}
/* Media Query Ende */ }

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

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.9. Zeitstrahl
====================================================================================== */
.content-zeitstrahl .box-date {
	line-height: 1.2;
}
.content-zeitstrahl .box-text {
	padding: 24px 70px;
}

/* Changelog */
.content-zeitstrahl.changelog::before {
	left: 95px;
}
.content-zeitstrahl.changelog .box-date {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	padding: 20px 0;
	text-align: left !important;
	width: 95px;
}
.content-zeitstrahl.changelog .box-date::before {
	top: 16px;
}
.content-zeitstrahl.changelog .box-date::after {
	top: 20px;
}
.content-zeitstrahl.changelog .box-text::before {
	width: 20px;
	top: 33px;
}
.content-zeitstrahl.changelog .box-text {
	padding: 12px 0 12px 32px;
	width: calc(100% - 114px);
}
.content-zeitstrahl.changelog .box-text p {
	padding: 0;
}
.content-zeitstrahl.changelog .box-text .changelog-nr {
	float: left;
	width: 55px;
}
.content-zeitstrahl.changelog span.beta {
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: normal;
}

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.10. Landkarte
====================================================================================== */

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

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.12. Anker-Element
====================================================================================== */
/* Media Query Anfang */ @media screen and (min-width: 1040px) {
.content-anker-element,
.anker {
	margin-top: -112px;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.13. Umschaltumschlag
====================================================================================== */
.content-umschaltumschlag {
	max-height: 250px;
}
.content-umschaltumschlag:not(.show)::after {
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));
	bottom: 0;
	content: "";
	height: 50%;
	position: absolute;
	width: 100%;
}
.content-umschaltumschlag.dark-grey:not(.show)::after {
	background-image: linear-gradient(to bottom, rgba(52, 58, 64, 0), rgb(52, 58, 64));
}

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.14. Tabs
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.15. Animierte Zahlen
====================================================================================== */

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

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

/* Media Query Anfang */ @media screen and (min-width: 780px) {
.header-left #nav-top,
.header-right #nav-top {
	margin-right: 0;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav-top ul.level_1 > li.nav-changelog,
#nav-top ul.level_1 > li.nav-kontakt,
#nav-top ul.level_1 > li.nav-sitemap,
#nav-top ul.level_1 > li.nav-suche {
	display: none;
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.3. Hauptnavigation
====================================================================================== */
/* Media Query Anfang */ @media screen and (min-width: 780px) {
#nav-main {
	margin-right: -10px;
}
.header-left #nav-main,
.header-right #nav-main {
	margin-right: 0;
}
#nav-main ul.level_2 {
	width: 200px;
}
.header-left #nav-main ul.level_2,
.header-right #nav-main ul.level_2 {
	top: 75px;
	width: 275px;
}
#nav-main ul.level_2 > li:first-child {
	border-top-style: solid;
	border-top-width: 4px;
}
#nav-main ul.level_3,
#nav-main ul.level_4 {
	border-left-style: solid;
	border-left-width: 23px;
	margin-left: -2px;
}
#nav-main ul.level_3 > li,
#nav-main ul.level_4 > li {
	border-left-style: solid;
	border-left-width: 2px;
}
#nav-main ul.level_1 > li.nav-nav-changelog,
#nav-main ul.level_1 > li.nav-kontakt,
#nav-main ul.level_1 > li.nav-sitemap,
#nav-main ul.level_1 > li.nav-suche {
	display: none;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav-main ul.level_2,
#nav-main ul.level_3,
#nav-main ul.level_4 {
	border-left-style: solid;
	border-left-width: 23px;
	margin-left: -2px;
}
#nav-main ul.level_2 > li,
#nav-main ul.level_3 > li,
#nav-main ul.level_4 > li {
	border-left-style: solid;
	border-left-width: 2px;
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.4. Lokale Navigation
====================================================================================== */
/* Media Query Anfang */ @media screen and (min-width: 780px) {
.nav-sub:not(.category) ul.level_1 {
	margin: 25px 3px 3px 0;
}
.nav-sub ul.level_1 > li:first-child {
	border-top-style: solid;
	border-top-width: 4px;
}
.nav-sub ul.level_2 {
	margin-left: 21px;
}
.nav-sub ul.level_2 > li {
	border-left-style: solid;
	border-left-width: 2px;
}
.nav-sub ul.level_3 {
	margin-left: -2px;
}
.nav-sub ul.level_3 > li {
	border-left-style: solid;
	border-left-width: 2px;
	margin-left: 21px;
}
.nav-sub :is(h1, h2, h3, h4, h5, h6) {
	
/* Media Query Ende */ }

/* ======================================================================================
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;
}
#nav-footer ul.level_1 li:not(:first-child)::before {
	content: "·";
	margin: 5.5px 0 0 -3.5px;
	position: absolute;
}

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

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.7. Navigationspfad
====================================================================================== */

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

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.9. HTML-Sitemap
====================================================================================== */
.mod_sitemap.elemente li.eigene-elemente::before {
	content: "\f07b";
}
.mod_sitemap.elemente li.eigene-elemente ul.level_2 {
	display: none;
}

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.10. Sprachenwechsler
====================================================================================== */
.mod_changelanguage {
	margin-right: 16px;
}

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

/* ======================================================================================
4. Frontend-Module
	4.2. Benutzer
====================================================================================== */
.mod_login .checkbox_container label {
	margin: -25px 0 0 21px;
}

/* ======================================================================================
4. Frontend-Module
	4.3. Anwendungen
		4.3.1. Suchmaschine
====================================================================================== */
.mod_search .radio_container label {
	margin: -25px 0 0 21px;
}
.mod_search > div:not(:last-child) {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 30px;
}

/* ======================================================================================
4. Frontend-Module
	4.4. Verschiedenes
		4.4.1. Cookiebar
====================================================================================== */
.contao-cookiebar .cc-head strong {
	font-size: 24px;
	font-size: 1.5rem;
}
.contao-cookiebar .cc-btn {
	padding: 3px 7px 0;
}

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

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

/* ======================================================================================
4. Frontend-Module
	4.7. Nachrichten
		4.7.1 Nachrichtenarchiv und -liste
====================================================================================== */
.mod_newslist .layout_latest {
	border-style: solid;
	border-width: 1px;
	padding: 0 11px;
	width: calc(25% - 28px);
}
.column-left .mod_newslist .layout_latest {
	width: calc(33.33333333% - 28px);
}
.mod_newslist .layout_latest figure {
	height: 195px;
	margin: 0 -14px;
}
.mod_newslist .layout_latest .info {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.mod_newslist:not(.masonry) .layout_latest .content-text {
	margin-bottom: 56px;
}
.mod_newslist .layout_latest .more {
	border-top-style: dashed;
	border-top-width: 1px;
}
.mod_newslist:not(.masonry) .layout_latest .more {
	bottom: 0;
	left: 14px;
	position: absolute;
	width: 100%;
}

/* Media Query Anfang */ @media screen and (max-width: 1299px) {
.mod_newslist .layout_latest {
	width: calc(33.33333333% - 28px);
}
.column-left .mod_newslist .layout_latest {
	width: calc(50% - 28px);
}
.mod_newslist .layout_latest figure {
	height: 208px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.mod_newslist .layout_latest {
	width: calc(50% - 28px);
}
.column-left .mod_newslist .layout_latest {
	width: calc(100% - 28px);
}
.mod_newslist .layout_latest figure {
	height: 233px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.mod_newslist .layout_latest,
.column-left .mod_newslist .layout_latest {
	width: calc(50% - 28px);
}
.mod_newslist .layout_latest figure {
	height: 249px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
.mod_newslist .layout_latest,
.column-left .mod_newslist .layout_latest {
	width: calc(100% - 28px);
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.7. Nachrichten
		4.7.2 Nachrichtenleser
====================================================================================== */
.mod_newsreader .layout_full h2 {
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 400;
	margin-top: -14px;
}

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

/* ======================================================================================
5. Wartungsmodus
====================================================================================== */

/* ======================================================================================
6. Dark Mode
	6.1. Switch-Button
====================================================================================== */

/* ======================================================================================
6. Dark Mode
	6.2. Farben
		6.2.2. Text
====================================================================================== */
[data-theme="dark"] .nav-sub a,
[data-theme="dark"] .nav-sub strong,
[data-theme="dark"] .mod_newsarchive h2 a,
[data-theme="dark"] .mod_newslist h2 a {
	color: #bebebe !important;
}

/* ======================================================================================
6. Dark Mode
	6.2. Farben
		6.2.2. Hintergrund
====================================================================================== */
[data-theme="dark"] .content-image.custom a img,
[data-theme="dark"] .content-image a + figcaption,
[data-theme="dark"] .content-gallery a img,
[data-theme="dark"] .content-gallery a + figcaption,
[data-theme="dark"] .content-text figure a img,
[data-theme="dark"] .content-text figure a + figcaption,
[data-theme="dark"] .nav-sub ul.level_1,
[data-theme="dark"] .mod_newslist .layout_latest {
	background-color: #181818 !important;
}
[data-theme="dark"] .mod_newslist .layout_latest .more {
	background-color: #202020 !important;
}
[data-theme="dark"] #nav-main ul.level_2 li:hover > a,
[data-theme="dark"] #nav-main ul.level_2 li:hover > strong,
[data-theme="dark"] #nav-main ul.level_2 a.active,
[data-theme="dark"] #nav-main ul.level_2 strong.active,
[data-theme="dark"] #nav-main ul.level_2 a.trail,
[data-theme="dark"] #nav-main ul.level_2 strong.trail,
[data-theme="dark"] .nav-sub ul li:hover > a,
[data-theme="dark"] .nav-sub ul li:hover > strong,
[data-theme="dark"] .nav-sub a.active,
[data-theme="dark"] .nav-sub strong.active,
[data-theme="dark"] .nav-sub a.trail,
[data-theme="dark"] .nav-sub strong.trail {
	background-color: #444 !important;
}

/* Media Query Anfang */ @media screen and (min-width: 780px) {
[data-theme="dark"] .header-left #header,
[data-theme="dark"] .header-right #header {
	background-color: #222 !important;
}
/* Media Query Ende */ }

/* ======================================================================================
6. Dark Mode
	6.2. Farben
		6.2.3. Rahmen
====================================================================================== */
[data-theme="dark"] .mod_newslist .layout_latest,
[data-theme="dark"] .mod_newslist .layout_latest .info,
[data-theme="dark"] .mod_newslist .layout_latest .more {
	border-color: #404040 !important;
}

/* Media Query Anfang */ @media screen and (min-width: 780px) {
[data-theme="dark"] #nav-main ul.level_3,
[data-theme="dark"] #nav-main ul.level_4 {
	border-color: #181818 !important;
}
/* Media Query Ende */ }

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

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