/* ======================================================================================
Datei: grid.css
Datum: 21.12.2025
Autor: Marco Dittmer, Agentur Zentral GmbH
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,
.d-flex {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
*[class*="col-"] {
	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,
.container-xl-lg {
	margin: 0 auto;
	width: 100%;
}
.boxed .width-lg,
.boxed .container-xl-lg {
	width: 1240px;
}
.width-md,
.container-xl-md {
	margin: 0 auto;
	width: 80%;
}
.boxed .width-md,
.boxed .container-xl-md {
	width: 992px;
}
.width-sm,
.container-xl-sm {
	margin: 0 auto;
	width: 60%;
}
.boxed .width-sm,
.boxed .container-xl-sm {
	width: 744px;
}
.width-fluid,
.container-xl-fluid {
	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 .width-fluid,
.column-both.boxed #main .container-xl-lg,
.column-both.boxed #main .container-xl-fluid,
.column-left.boxed #main .width-lg,
.column-right.boxed #main .width-lg,
.column-left.boxed #main .width-fluid,
.column-right.boxed #main .width-fluid,
.column-left.boxed #main .container-xl-lg,
.column-right.boxed #main .container-xl-lg,
.column-left.boxed #main .container-xl-fluid,
.column-right.boxed #main .container-xl-fluid {
	padding: 0 15px;
	width: 100%;
}
.column-both #main .width-md,
.column-left #main .width-md,
.column-right #main .width-md,
.column-both #main .container-xl-md,
.column-left #main .container-xl-md,
.column-right #main .container-xl-md {
	width: 80%;
}
.column-both #main .width-sm,
.column-left #main .width-sm,
.column-right #main .width-sm,
.column-both #main .container-xl-sm,
.column-left #main .container-xl-sm,
.column-right #main .container-xl-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 .container-xl-lg,
.column-left #left .container-xl-lg,
.column-right #left .container-xl-lg,
.column-both #right .container-xl-lg,
.column-left #right .container-xl-lg,
.column-right #right .container-xl-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 .container-xl-md,
.column-left #left .container-xl-md,
.column-right #left .container-xl-md,
.column-both #right .container-xl-md,
.column-left #right .container-xl-md,
.column-right #right .container-xl-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 .container-xl-sm,
.column-left #left .container-xl-sm,
.column-right #left .container-xl-sm,
.column-both #right .container-xl-sm,
.column-left #right .container-xl-sm,
.column-right #right .container-xl-sm,
.column-both #left .width-fluid,
.column-left #left .width-fluid,
.column-right #left .width-fluid,
.column-both #right .width-fluid,
.column-left #right .width-fluid,
.column-right #right .width-fluid,
.column-both #left .container-xl-fluid,
.column-left #left .container-xl-fluid,
.column-right #left .container-xl-fluid,
.column-both #right .container-xl-fluid,
.column-left #right .container-xl-fluid,
.column-right #right .container-xl-fluid {
	padding: 0 15px;
	width: 100%;
}
.boxed .row {
	margin-left: -15px;
	margin-right: -15px;
}
.boxed .width-fluid .row,
.boxed .container-xl-fluid .row {
	margin-left: 0;
	margin-right: 0;
}
.pb-xl-5 {
	padding-bottom: 55px;
}
.pb-xl-4 {
	padding-bottom: 45px;
}
.pb-xl-3 {
	padding-bottom: 35px;
}
.pb-xl-2 {
	padding-bottom: 25px;
}
.pb-xl-1 {
	padding-bottom: 15px;
}
.pt-xl-5 {
	padding-top: 55px;
}
.pt-xl-4 {
	padding-top: 45px;
}
.pt-xl-3 {
	padding-top: 35px;
}
.pt-xl-2 {
	padding-top: 25px;
}
.pt-xl-1 {
	padding-top: 15px;
}
.p-xl-0 {
	padding: 0 !important;
}
.pb-xl-0 {
	padding-bottom: 0 !important;
}
.ps-xl-0 {
	padding-left: 0 !important;
}
.pe-xl-0 {
	padding-right: 0 !important;
}
.pt-xl-0 {
	padding-top: 0 !important;
}
*[class*="col-"] {
	padding: 15px;
}
.col-xl-0 { display: none; }
.col-xl-1 { width: 8.33333333%; }
.col-xl-2 { width: 16.66666667%; }
.col-xl-3 { width: 25%; }
.col-xl-4 { width: 33.33333333%; }
.col-xl-5 { width: 41.66666667%; }
.col-xl-6 { width: 50%; }
.col-xl-7 { width: 58.33333333%; }
.col-xl-8 { width: 66.66666667%; }
.col-xl-9 { width: 75%; }
.col-xl-10 { width: 83.33333333%; }
.col-xl-11 { width: 91.66666667%; }
.col-xl-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,
.container-lg-lg {
	margin: 0 auto;
	width: 100%;
}
.boxed .width-lg,
.boxed .container-lg-lg {
	width: 980px;
}
.width-md,
.container-lg-md {
	margin: 0 auto;
	width: 80%;
}
.boxed .width-md,
.boxed .container-lg-md {
	width: 784px;
}
.width-sm,
.container-lg-sm {
	margin: 0 auto;
	width: 60%;
}
.boxed .width-sm,
.boxed .container-lg-sm {
	width: 588px;
}
.width-fluid,
.container-lg-fluid {
	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 .width-fluid,
.column-both.boxed #main .container-lg-lg,
.column-both.boxed #main .container-lg-fluid,
.column-left.boxed #main .width-lg,
.column-right.boxed #main .width-lg,
.column-left.boxed #main .width-fluid,
.column-right.boxed #main .width-fluid,
.column-left.boxed #main .container-lg-lg,
.column-right.boxed #main .container-lg-lg,
.column-left.boxed #main .container-lg-fluid,
.column-right.boxed #main .container-lg-fluid {
	padding: 0 15px;
	width: 100%;
}
.column-both #main .width-md,
.column-left #main .width-md,
.column-right #main .width-md,
.column-both #main .container-lg-md,
.column-left #main .container-lg-md,
.column-right #main .container-lg-md {
	width: 80%;
}
.column-both #main .width-sm,
.column-left #main .width-sm,
.column-right #main .width-sm,
.column-both #main .container-lg-sm,
.column-left #main .container-lg-sm,
.column-right #main .container-lg-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 .container-lg-lg,
.column-left #left .container-lg-lg,
.column-right #left .container-lg-lg,
.column-both #right .container-lg-lg,
.column-left #right .container-lg-lg,
.column-right #right .container-lg-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 .container-lg-md,
.column-left #left .container-lg-md,
.column-right #left .container-lg-md,
.column-both #right .container-lg-md,
.column-left #right .container-lg-md,
.column-right #right .container-lg-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 .container-lg-sm,
.column-left #left .container-lg-sm,
.column-right #left .container-lg-sm,
.column-both #right .container-lg-sm,
.column-left #right .container-lg-sm,
.column-right #right .container-lg-sm,
.column-both #left .width-fluid,
.column-left #left .width-fluid,
.column-right #left .width-fluid,
.column-both #right .width-fluid,
.column-left #right .width-fluid,
.column-right #right .width-fluid,
.column-both #left .container-lg-fluid,
.column-left #left .container-lg-fluid,
.column-right #left .container-lg-fluid,
.column-both #right .container-lg-fluid,
.column-left #right .container-lg-fluid,
.column-right #right .container-lg-fluid {
	padding: 0 15px;
	width: 100%;
}
.boxed .row {
	margin-left: -15px;
	margin-right: -15px;
}
.boxed .width-fluid .row,
.boxed .container-lg-fluid .row {
	margin-left: 0;
	margin-right: 0;
}
.pb-lg-5 {
	padding-bottom: 55px;
}
.pb-lg-4 {
	padding-bottom: 45px;
}
.pb-lg-3 {
	padding-bottom: 35px;
}
.pb-lg-2 {
	padding-bottom: 25px;
}
.pb-lg-1 {
	padding-bottom: 15px;
}
.pt-lg-5 {
	padding-top: 55px;
}
.pt-lg-4 {
	padding-top: 45px;
}
.pt-lg-3 {
	padding-top: 35px;
}
.pt-lg-2 {
	padding-top: 25px;
}
.pt-lg-1 {
	padding-top: 15px;
}
.p-lg-0 {
	padding: 0 !important;
}
.pb-lg-0 {
	padding-bottom: 0 !important;
}
.ps-lg-0 {
	padding-left: 0 !important;
}
.pe-lg-0 {
	padding-right: 0 !important;
}
.pt-lg-0 {
	padding-top: 0 !important;
}
*[class*="col-"] {
	padding: 15px;
}
.col-lg-0 { display: none; }
.col-lg-1 { width: 8.33333333%; }
.col-lg-2 { width: 16.66666667%; }
.col-lg-3 { width: 25%; }
.col-lg-4 { width: 33.33333333%; }
.col-lg-5 { width: 41.66666667%; }
.col-lg-6 { width: 50%; }
.col-lg-7 { width: 58.33333333%; }
.col-lg-8 { width: 66.66666667%; }
.col-lg-9 { width: 75%; }
.col-lg-10 { width: 83.33333333%; }
.col-lg-11 { width: 91.66666667%; }
.col-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,
.container-md-lg {
	margin: 0 auto;
	width: 100%;
}
.boxed .width-lg,
.boxed .container-md-lg {
	width: 720px;
}
.width-md,
.container-md-md {
	margin: 0 auto;
	width: 80%;
}
.boxed .width-md,
.boxed .container-md-md {
	width: 576px;
}
.width-sm,
.container-md-sm {
	margin: 0 auto;
	width: 60%;
}
.boxed .width-sm,
.boxed .container-md-sm {
	width: 432px;
}
.width-fluid,
.container-md-fluid {
	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 .width-fluid,
.column-both.boxed #main .container-md-lg,
.column-both.boxed #main .container-md-fluid,
.column-left.boxed #main .width-lg,
.column-right.boxed #main .width-lg,
.column-left.boxed #main .width-fluid,
.column-right.boxed #main .width-fluid,
.column-left.boxed #main .container-md-lg,
.column-right.boxed #main .container-md-lg,
.column-left.boxed #main .container-md-fluid,
.column-right.boxed #main .container-md-fluid {
	padding: 0 10px;
	width: 100%;
}
.column-both #main .width-md,
.column-left #main .width-md,
.column-right #main .width-md,
.column-both #main .container-md-md,
.column-left #main .container-md-md,
.column-right #main .container-md-md {
	width: 80%;
}
.column-both #main .width-sm,
.column-left #main .width-sm,
.column-right #main .width-sm,
.column-both #main .container-md-sm,
.column-left #main .container-md-sm,
.column-right #main .container-md-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 .container-md-lg,
.column-left #left .container-md-lg,
.column-right #left .container-md-lg,
.column-both #right .container-md-lg,
.column-left #right .container-md-lg,
.column-right #right .container-md-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 .container-md-md,
.column-left #left .container-md-md,
.column-right #left .container-md-md,
.column-both #right .container-md-md,
.column-left #right .container-md-md,
.column-right #right .container-md-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 .container-md-sm,
.column-left #left .container-md-sm,
.column-right #left .container-md-sm,
.column-both #right .container-md-sm,
.column-left #right .container-md-sm,
.column-right #right .container-md-sm,
.column-both #left .width-fluid,
.column-left #left .width-fluid,
.column-right #left .width-fluid,
.column-both #right .width-fluid,
.column-left #right .width-fluid,
.column-right #right .width-fluid,
.column-both #left .container-md-fluid,
.column-left #left .container-md-fluid,
.column-right #left .container-md-fluid,
.column-both #right .container-md-fluid,
.column-left #right .container-md-fluid,
.column-right #right .container-md-fluid {
	padding: 0 10px;
	width: 100%;
}
.boxed .row {
	margin-left: -10px;
	margin-right: -10px;
}
.boxed .width-fluid .row,
.boxed .container-md-fluid .row {
	margin-left: 0;
	margin-right: 0;
}
.pb-md-5 {
	padding-bottom: 55px;
}
.pb-md-4 {
	padding-bottom: 45px;
}
.pb-md-3 {
	padding-bottom: 35px;
}
.pb-md-2 {
	padding-bottom: 25px;
}
.pb-md-1 {
	padding-bottom: 15px;
}
.pt-md-5 {
	padding-top: 55px;
}
.pt-md-4 {
	padding-top: 45px;
}
.pt-md-3 {
	padding-top: 35px;
}
.pt-md-2 {
	padding-top: 25px;
}
.pt-md-1 {
	padding-top: 15px;
}
.p-md-0 {
	padding: 0 !important;
}
.pb-md-0 {
	padding-bottom: 0 !important;
}
.ps-md-0 {
	padding-left: 0 !important;
}
.pe-md-0 {
	padding-right: 0 !important;
}
.pt-md-0 {
	padding-top: 0 !important;
}
*[class*="col-"] {
	padding: 10px;
}
.col-md-0 { display: none; }
.col-md-1 { width: 8.33333333%; }
.col-md-2 { width: 16.66666667%; }
.col-md-3 { width: 25%; }
.col-md-4 { width: 33.33333333%; }
.col-md-5 { width: 41.66666667%; }
.col-md-6 { width: 50%; }
.col-md-7 { width: 58.33333333%; }
.col-md-8 { width: 66.66666667%; }
.col-md-9 { width: 75%; }
.col-md-10 { width: 83.33333333%; }
.col-md-11 { width: 91.66666667%; }
.col-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,
.container-sm-lg,
.width-fluid,
.container-sm-fluid {
	width: 100%;
}
.width-md,
.container-sm-md {
	margin: 0 auto;
	width: 80%;
}
.width-sm,
.container-sm-sm {
	margin: 0 auto;
	width: 60%;
}
#main, #left, #right {
	float: none;
	margin-left: 0;
	margin-right: 0;
}
.pb-sm-5 {
	padding-bottom: 55px;
}
.pb-sm-4 {
	padding-bottom: 45px;
}
.pb-sm-3 {
	padding-bottom: 35px;
}
.pb-sm-2 {
	padding-bottom: 25px;
}
.pb-sm-1 {
	padding-bottom: 15px;
}
.pt-sm-5 {
	padding-top: 55px;
}
.pt-sm-4 {
	padding-top: 45px;
}
.pt-sm-3 {
	padding-top: 35px;
}
.pt-sm-2 {
	padding-top: 25px;
}
.pt-sm-1 {
	padding-top: 15px;
}
.p-sm-0 {
	padding: 0 !important;
}
.pb-sm-0 {
	padding-bottom: 0 !important;
}
.ps-sm-0 {
	padding-left: 0 !important;
}
.pe-sm-0 {
	padding-right: 0 !important;
}
.pt-sm-0 {
	padding-top: 0 !important;
}
*[class*="col-"] {
	padding: 10px;
}
.col-sm-0 { display: none; }
.col-sm-1 { width: 8.33333333%; }
.col-sm-2 { width: 16.66666667%; }
.col-sm-3 { width: 25%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-5 { width: 41.66666667%; }
.col-sm-6 { width: 50%; }
.col-sm-7 { width: 58.33333333%; }
.col-sm-8 { width: 66.66666667%; }
.col-sm-9 { width: 75%; }
.col-sm-10 { width: 83.33333333%; }
.col-sm-11 { width: 91.66666667%; }
.col-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,
.container-xs-lg,
.width-fluid,
.container-xs-fluid {
	width: 100%;
}
.width-md,
.container-xs-md {
	margin: 0 auto;
	width: 80%;
}
.width-sm,
.container-xs-sm {
	margin: 0 auto;
	width: 60%;
}
#main, #left, #right {
	float: none;
	margin-left: 0;
	margin-right: 0;
}
.pb-5 {
	padding-bottom: 55px;
}
.pb-4 {
	padding-bottom: 45px;
}
.pb-3 {
	padding-bottom: 35px;
}
.pb-2 {
	padding-bottom: 25px;
}
.pb-1 {
	padding-bottom: 15px;
}
.pt-5 {
	padding-top: 55px;
}
.pt-4 {
	padding-top: 45px;
}
.pt-3 {
	padding-top: 35px;
}
.pt-2 {
	padding-top: 25px;
}
.pt-1 {
	padding-top: 15px;
}
.p-0 {
	padding: 0 !important;
}
.pb-0 {
	padding-bottom: 0 !important;
}
.ps-0 {
	padding-left: 0 !important;
}
.pe-0 {
	padding-right: 0 !important;
}
.pt-0 {
	padding-top: 0 !important;
}
*[class*="col-"] {
	padding: 10px;
}
.col-xs-0 { display: none; }
.col-1 { width: 8.33333333%; }
.col-2 { width: 16.66666667%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33333333%; }
.col-5 { width: 41.66666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.33333333%; }
.col-8 { width: 66.66666667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333333%; }
.col-11 { width: 91.66666667%; }
.col-12 { width: 100%; }
/* Media Query Ende */ }
/* ======================================================================================
Datei: style.css
Datum: 24.01.2026
Autor: Marco Dittmer, Agentur Zentral GmbH
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. Teaserzeile
			2.3. Hauptzeile
				2.3.1. Linke Spalte
				2.3.2. Hauptspalte
				2.3.3. Rechte Spalte
			2.4. Unterzeile
			2.5. 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
				3.8.16. Filterumschlag
		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.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 */
	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-anchor-element {
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 0;
	line-height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 0;
}
.bg-cover {
	background-size: cover !important;
}

/* Fix Block Element */
[class*="content-"],
[class*="ce_"] {
	overflow: hidden;
}
#clear, .clear {
	clear: both;
}
.fixed-on-header.fixed,
.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('/bundles/themeultimate/fonts/webfonts/open-sans-v44-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('/bundles/themeultimate/fonts/webfonts/open-sans-v44-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('/bundles/themeultimate/fonts/webfonts/open-sans-v44-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:has(> a.btn),
input,
select,
textarea {
	font-family: inherit;
	font-size: 99%;
	font-weight: inherit;
	line-height: 1;
}
.text-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 */
.text-white,
button.btn.btn-dark,
.btn.btn-dark p > a.btn,
.btn.btn-dark button.submit,
.content-toplink.btn.btn-dark a,
.btn.btn-dark p > a.btn:hover,
.content-toplink.btn.btn-dark a:hover,
button.btn.btn-success,
.btn.btn-success p > a.btn,
.btn.btn-success button.submit,
.content-toplink.btn.btn-success a,
.btn.btn-success p > a.btn:hover,
.content-toplink.btn.btn-success a:hover,
button.btn.btn-info,
.btn.btn-info p > a.btn,
.btn.btn-info button.submit,
.content-toplink.btn.btn-info a,
.btn.btn-info p > a.btn:hover,
.content-toplink.btn.btn-info a:hover,
button.btn.btn-danger,
.btn.btn-danger p > a.btn,
.btn.btn-danger button.submit,
.content-toplink.btn.btn-danger a,
.btn.btn-danger p > a.btn:hover,
.content-toplink.btn.btn-danger a:hover,
button.btn.btn-primary,
.btn.btn-primary p > a.btn,
.btn.btn-primary button.submit,
.content-toplink.btn.btn-primary a,
.btn.btn-primary p > a.btn:hover,
.content-toplink.btn.btn-primary a:hover,
button.btn.btn-secondary,
.btn.btn-secondary p > a.btn,
.btn.btn-secondary button.submit,
.content-toplink.btn.btn-secondary a,
.btn.btn-secondary p > a.btn:hover,
.content-toplink.btn.btn-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-notice-box.alert-black,
.content-teaser-image .scrolldown.text-white a,
.content-quote-box.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;
}
.text-invert,
.text-invert h1, .text-invert h1 a,
.text-invert h2, .text-invert h2 a,
.text-invert h3, .text-invert h3 a,
.text-invert h4, .text-invert h4 a,
.text-invert h5, .text-invert h5 a,
.text-invert h6, .text-invert h6 a,
.text-invert i:not(.icon-white, .icon-light, .icon-dark, .icon-black, .icon-success, .icon-info, .icon-warning, .icon-danger, .icon-primary, .icon-secondary),
.text-invert li a,
.text-invert p, .text-invert p:not(.btn) a,
.text-invert strong,
.content-teaser-box.btn.btn-link .text-invert a,
.content-teaser-box.btn.btn-link .text-invert a:hover,
.content-teaser-box.btn.btn-link.btn-bracket .text-invert a,
.content-teaser-box.btn.btn-link.btn-bracket .text-invert a:hover,
.content-teaser-box .box-outside .invert-outside,
.content-teaser-box .box-outside .invert-outside h1, .invert-outside h1 a,
.content-teaser-box .box-outside .invert-outside h2, .invert-outside h2 a,
.content-teaser-box .box-outside .invert-outside h3, .invert-outside h3 a,
.content-teaser-box .box-outside .invert-outside h4, .invert-outside h4 a,
.content-teaser-box .box-outside .invert-outside h5, .invert-outside h5 a,
.content-teaser-box .box-outside .invert-outside h6, .invert-outside h6 a,
.content-teaser-box .box-outside .invert-outside i, .invert-outside i a,
.content-teaser-box .box-outside .invert-outside li a,
.content-teaser-box .box-outside .invert-outside p, .invert-outside p:not(.btn) a,
.content-teaser-box .box-outside .invert-outside strong,
.content-teaser-box.btn.btn-link .box-outside .invert-outside a,
.content-teaser-box.btn.btn-link .box-outside .invert-outside a:hover,
.content-teaser-box.btn.btn-link.btn-bracket .box-outside .invert-outside a,
.content-teaser-box.btn.btn-link.btn-bracket .box-outside .invert-outside a:hover,
.content-text-image-tile .text-invert a.btn.btn-link,
.content-text-image-tile .text-invert a.btn.btn-link:hover,
.content-text-image-tile .text-invert a.btn.btn-link.btn-bracket,
.content-text-image-tile .text-invert a.btn.btn-link.btn-bracket: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(.btn) a,
.invert-inside strong,
.content-teaser-box.btn.btn-link .invert-inside a,
.content-teaser-box.btn.btn-link .invert-inside a:hover,
.content-teaser-box.btn.btn-link.btn-bracket .invert-inside a,
.content-teaser-box.btn.btn-link.btn-bracket .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(.btn) a,
.invert-outside strong,
.content-teaser-box.btn.btn-link .invert-outside a,
.content-teaser-box.btn.btn-link .invert-outside a:hover,
.content-teaser-box.btn.btn-link.btn-bracket .invert-outside a,
.content-teaser-box.btn.btn-link.btn-bracket .invert-outside a:hover {
	color: #fff !important;
}
/* Media Query Ende */ }

.text-light,
.icon-light i,
i.icon-light,
.content-teaser-image .scrolldown.text-light a,
.content-quote-box blockquote::before {
	color: #e9ecef;
}
.text-dark,
body,
input:not([type="radio"]):not([type="checkbox"]),
textarea,
select,
button.btn.btn-light,
.btn.btn-light p > a.btn,
.btn.btn-light button.submit,
.content-toplink.btn.btn-light a,
.btn.btn-light p > a.btn:hover,
.content-toplink.btn.btn-light a:hover,
button.btn.btn-outline-secondary,
.btn.btn-outline-secondary p > a.btn,
.btn.btn-outline-secondary button.submit,
.content-toplink.btn.btn-outline-secondary a,
.btn.btn-outline-secondary p > a.btn:hover,
.content-toplink.btn.btn-outline-secondary a:hover,
button.btn.btn-warning,
.btn.btn-warning p > a.btn,
.btn.btn-warning button.submit,
.content-toplink.btn.btn-warning a,
.btn.btn-warning p > a.btn:hover,
.content-toplink.btn.btn-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-notice-box.alert-white,
.icon-dark i,
i.icon-dark,
.content-team-box .content-headline a,
.content-teaser-image .scrolldown.text-dark a,
.content-teaser-box .content-headline a,
.content-teaser-box .highlight,
.content-quote-box.icon-dark blockquote::before,
.mod_search h3 a,
.mod_newsarchive h2 a,
.mod_newslist h2 a {
	color: #343a40;
}
.text-black,
.icon-black i,
i.icon-black,
#toggle-nav::after,
.content-teaser-image .scrolldown.text-black a,
.content-quote-box.icon-black blockquote::before {
	color: #000;
}

/* Erweiterte Farben */
.text-success,
.icon-success i,
i.icon-success,
.content-teaser-image .scrolldown.text-success a,
.content-quote-box.icon-success blockquote::before {
	color: #28a745;
}
.text-info,
.icon-info i,
i.icon-info,
.content-teaser-image .scrolldown.text-info a,
.content-quote-box.icon-info blockquote::before {
	color: #17a2b8;
}
.text-warning,
.icon-warning i,
i.icon-warning,
.content-teaser-image .scrolldown.text-warning a,
.content-quote-box.icon-warning blockquote::before {
	color: #ffc107;
}
.text-danger,
.icon-danger i,
i.icon-danger,
.content-teaser-image .scrolldown.text-danger a,
.content-quote-box.icon-danger blockquote::before,
span.mandatory {
	color: #dc3545;
}
.text-primary,
a,
button.btn.btn-link,
.btn.btn-link p > a.btn,
.btn.btn-link button.submit,
.content-toplink.btn.btn-link a,
button.btn.btn-link.btn-bracket,
.btn.btn-link.btn-bracket p > a.btn,
.btn.btn-link.btn-bracket button.submit,
.content-toplink.btn.btn-link.btn-bracket a,
.icon-primary i,
i.icon-primary,
.content-teaser-image .scrolldown.text-primary a,
.content-quote-box.icon-primary blockquote::before {
	color: #007bff;
}
.text-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-price-table .price-info,
.content-price-table .services-list .item.deactivate,
.content-teaser-image .scrolldown.text-secondary a,
.content-quote-box.icon-secondary blockquote::before,
.mod_search .relevance {
	color: #6c757d;
}

/* Pastellfarben */
.alert-light {
	color: #818182;
}
.alert-dark {
	color: #e4e4e4;
}
.alert-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;
}
.alert-info,
.mod_search .info {
	color: #0c5460;
}
.alert-warning {
	color: #856404;
}
.alert-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;
}
.alert-primary,
a:hover,
button.btn.btn-link:hover,
.btn.btn-link p > a.btn:hover,
.btn.btn-link button.submit:hover,
.content-toplink.btn.btn-link a:hover,
button.btn.btn-link.btn-bracket:hover,
.btn.btn-link.btn-bracket p > a.btn:hover,
.btn.btn-link.btn-bracket button.submit:hover,
.content-toplink.btn.btn-link.btn-bracket a:hover {
	color: #004085;
}
.alert-secondary,
.alert-secondary-light,
.mod_search .header {
	color: #383d41;
}

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

/* Standardfarben */
.bg-body,
button.btn.btn-outline-secondary,
.btn.btn-outline-secondary p:has(> a.btn),
.btn.btn-outline-secondary button.submit,
.content-toplink.btn.btn-outline-secondary,
.content-notice-box.alert-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-body,
.content-text-image-tile .box-img.arrow::before,
.content-text-image-tile.bg-body .box-img.arrow::before,
.content-timeline.timeline-white::before,
.content-timeline.timeline-white .box-text::before,
.content-timeline .box-date::before,
.content-timeline.bg-icon-white .box-date::before,
.content-quote-box.quote-box-3 blockquote::before,
.content-quote-box.quote-box-3.bg-icon-white blockquote::before,
.layout_latest,
.switch-dark-mode .slider::before {
	background: #fff;
}
.bg-body-tertiary,
button.btn.btn-light,
.btn.btn-light p:has(> a.btn),
.btn.btn-light button.submit,
.content-toplink.btn.btn-light,
#nav-main ul.level_3,
.nav-sub ul.level_2,
#nav-breadcrumb ul,
.filter_reset,
.content-code code.hljs,
.content-filter-wrapper .filter-controls li,
.content-gallery figcaption,
.content-notice-box.alert-light,
.content-notice-box.alert-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-body-tertiary,
.content-text pre,
.content-text-image-tile.bg-body-tertiary .box-img.arrow::before,
.content-timeline.bg-icon-light .box-date::before,
.content-timeline.timeline-light::before,
.content-timeline.timeline-light .box-text::before,
.content-quote-box.quote-box-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.btn.btn-dark,
.btn.btn-dark p:has(> a.btn),
.btn.btn-dark button.submit,
.content-toplink.btn.btn-dark,
.content-notice-box.alert-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-image-tile.bg-dark .box-img.arrow::before,
.content-timeline.bg-icon-dark .box-date::before,
.content-timeline::before,
.content-timeline .box-text::before,
.content-timeline.timeline-dark::before,
.content-timeline.timeline-dark .box-text::before,
.content-quote-box.quote-box-3.bg-icon-dark blockquote::before,
.mod_calendar .calendar-body > div > div.today .label,
.switch-dark-mode .slider {
	background: #343a40;
}
.bg-black,
.content-notice-box.alert-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-image-tile.bg-black .box-img.arrow::before,
.content-timeline.bg-icon-black .box-date::before,
.content-timeline.timeline-black::before,
.content-timeline.timeline-black .box-text::before,
.content-quote-box.quote-box-3.bg-icon-black blockquote::before {
	background: #000;
}

/* Erweiterte Farben */
.bg-success,
button.btn.btn-success,
.btn.btn-success p:has(> a.btn),
.btn.btn-success button.submit,
.content-toplink.btn.btn-success,
.bg-icon-success i,
.bg-icon-success svg,
.content-text hr.bg-success,
.content-text-image-tile.bg-success .box-img.arrow::before,
.content-timeline.bg-icon-success .box-date::before,
.content-timeline.timeline-success::before,
.content-timeline.timeline-success .box-text::before,
.content-quote-box.quote-box-3.bg-icon-success blockquote::before {
	background: #28a745;
}
.bg-info,
button.btn.btn-info,
.btn.btn-info p:has(> a.btn),
.btn.btn-info button.submit,
.content-toplink.btn.btn-info,
.bg-icon-info i,
.bg-icon-info svg,
.content-text hr.bg-info,
.content-text-image-tile.bg-info .box-img.arrow::before,
.content-timeline.bg-icon-info .box-date::before,
.content-timeline.timeline-info::before,
.content-timeline.timeline-info .box-text::before,
.content-quote-box.quote-box-3.bg-icon-info blockquote::before {
	background: #17a2b8;
}
.bg-warning,
button.btn.btn-warning,
.btn.btn-warning p:has(> a.btn),
.btn.btn-warning button.submit,
.content-toplink.btn.btn-warning,
.bg-icon-warning i,
.bg-icon-warning svg,
.content-text hr.bg-warning,
.content-text-image-tile.bg-warning .box-img.arrow::before,
.content-timeline.bg-icon-warning .box-date::before,
.content-timeline.timeline-warning::before,
.content-timeline.timeline-warning .box-text::before,
.content-quote-box.quote-box-3.bg-icon-warning blockquote::before {
	background: #ffc107;
}
.bg-danger,
button.btn.btn-danger,
.btn.btn-danger p:has(> a.btn),
.btn.btn-danger button.submit,
.content-toplink.btn.btn-danger,
.bg-icon-danger i,
.bg-icon-danger svg,
.content-text hr.bg-danger,
.content-text-image-tile.bg-danger .box-img.arrow::before,
.content-timeline.bg-icon-danger .box-date::before,
.content-timeline.timeline-danger::before,
.content-timeline.timeline-danger .box-text::before,
.content-quote-box.quote-box-3.bg-icon-danger blockquote::before {
	background: #dc3545;
}
.bg-primary,
button.btn.btn-primary,
.btn.btn-primary p:has(> a.btn),
.btn.btn-primary button.submit,
.content-toplink.btn.btn-primary,
.bg-icon-primary i,
.bg-icon-primary svg,
.content-text hr.bg-primary,
.content-text-image-tile.bg-primary .box-img.arrow::before,
.content-timeline.bg-icon-primary .box-date::before,
.content-timeline.timeline-primary::before,
.content-timeline.timeline-primary .box-text::before,
.content-quote-box.quote-box-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.btn.btn-secondary,
.btn.btn-secondary p:has(> a.btn),
.btn.btn-secondary button.submit,
.content-toplink.btn.btn-secondary,
.bg-icon-secondary i,
.bg-icon-secondary svg,
.content-text hr.bg-secondary,
.content-text-image-tile.bg-secondary .box-img.arrow::before,
.content-timeline.bg-icon-secondary .box-date::before,
.content-timeline.timeline-secondary::before,
.content-timeline.timeline-secondary .box-text::before,
.content-quote-box.quote-box-3.bg-icon-secondary blockquote::before {
	background: #6c757d;
}

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

/* Hover-Farben */
button.btn.btn-outline-secondary:hover,
.btn.btn-outline-secondary p:has(> a.btn):hover,
.btn.btn-outline-secondary button.submit:hover,
.content-accordion .handorgel__header button:hover,
.content-filter-wrapper .filter-controls li:hover,
.content-filter-wrapper .filter-controls li.is-active,
.content-toplink.btn.btn-outline-secondary:hover,
.content-tabs.tabs-1 > label:hover {
	background: #e6e6e6;
}
button.btn.btn-light:hover,
.btn.btn-light p:has(> a.btn):hover,
.btn.btn-light button.submit:hover,
.content-toplink.btn.btn-light:hover {
	background: #e2e6ea;
}
button.btn.btn-dark:hover,
.btn.btn-dark p:has(> a.btn):hover,
.btn.btn-dark button.submit:hover,
.content-toplink.btn.btn-dark:hover {
	background: #23272b;
}
button.btn.btn-success:hover,
.btn.btn-success p:has(> a.btn):hover,
.btn.btn-success button.submit:hover,
.content-toplink.btn.btn-success:hover {
	background: #218838;
}
button.btn.btn-info:hover,
.btn.btn-info p:has(> a.btn):hover,
.btn.btn-info button.submit:hover,
.content-toplink.btn.btn-info:hover {
	background: #138496;
}
button.btn.btn-warning:hover,
.btn.btn-warning p:has(> a.btn):hover,
.btn.btn-warning button.submit:hover,
.content-toplink.btn.btn-warning:hover {
	background: #e0a800;
}
button.btn.btn-danger:hover,
.btn.btn-danger p:has(> a.btn):hover,
.btn.btn-danger button.submit:hover,
.content-toplink.btn.btn-danger:hover {
	background: #c82333;
}
button.btn.btn-primary:hover,
.btn.btn-primary p:has(> a.btn):hover,
.btn.btn-primary button.submit:hover,
.content-toplink.btn.btn-primary:hover {
	background: #0069d9;
}
button.btn.btn-secondary:hover,
.btn.btn-secondary p:has(> a.btn):hover,
.btn.btn-secondary button.submit:hover,
.content-toplink.btn.btn-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.btn.btn-outline-secondary,
.btn.btn-outline-secondary p:has(> a.btn),
.btn.btn-outline-secondary button.submit,
.content-toplink.btn.btn-outline-secondary,
th, td,
input,
textarea,
select,
.content-accordion .handorgel__header button,
.content-code code,
.content-filter-wrapper .filter-controls li,
.content-gallery a img,
.content-gallery figcaption,
.content-notice-box .border-default i,
.content-notice-box .border-default svg,
.content-icon-box .border-default i,
.content-icon-box .border-default svg,
.content-tabs.tabs-1 > label,
.content-team-box.border-default,
.content-team-box .border-default img,
.content-text pre,
.content-quote-box .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-notice-box .border-white i,
.content-notice-box .border-white svg,
.content-icon-box .border-white i,
.content-icon-box .border-white svg,
.content-team-box.border-white,
.content-team-box .border-white img,
.content-timeline.icon-white .box-date::after,
.content-quote-box .border-white img,
.content-quote-box.border-white blockquote {
	border-color: #fff;
}
.border-light,
button.btn.btn-light,
.btn.btn-light p:has(> a.btn),
.btn.btn-light button.submit,
.content-toplink.btn.btn-light,
.ce_comments .reply,
.content-notice-box.alert-light,
.content-notice-box .border-light i,
.content-notice-box .border-light svg,
.content-icon-box .border-light i,
.content-icon-box .border-light svg,
.content-team-box.border-light,
.content-team-box .border-light img,
.content-timeline.icon-light .box-date::after,
.content-quote-box .border-light img,
.content-quote-box.border-light blockquote,
.content-download,
.content-downloads,
.content-download::before,
.content-downloads::before,
blockquote {
	border-color: #e9ecef;
}
.border-dark,
button.btn.btn-dark,
.btn.btn-dark p:has(> a.btn),
.btn.btn-dark button.submit,
.content-toplink.btn.btn-dark,
.content-notice-box.alert-white,
.content-notice-box.alert-dark,
.content-notice-box .border-dark i,
.content-notice-box .border-dark svg,
.content-icon-box .border-dark i,
.content-icon-box .border-dark svg,
.content-team-box.border-dark,
.content-team-box .border-dark img,
.content-timeline.icon-dark .box-date::after,
.content-timeline .box-date::after,
.content-quote-box .border-dark img,
.content-quote-box.border-dark blockquote {
	border-color: #343a40;
}
.border-black,
.content-notice-box.alert-black,
.content-notice-box .border-black i,
.content-notice-box .border-black svg,
.content-icon-box .border-black i,
.content-icon-box .border-black svg,
.content-team-box.border-black,
.content-team-box .border-black img,
.content-timeline.icon-black .box-date::after,
.content-quote-box .border-black img,
.content-quote-box.border-black blockquote {
	border-color: #000;
}

/* Erweiterte Farben */
.border-success,
button.btn.btn-success,
.btn.btn-success p:has(> a.btn),
.btn.btn-success button.submit,
.content-toplink.btn.btn-success,
.content-notice-box .border-success i,
.content-notice-box .border-success svg,
.content-icon-box .border-success i,
.content-icon-box .border-success svg,
.content-team-box.border-success,
.content-team-box .border-success img,
.content-timeline.icon-success .box-date::after,
.content-quote-box .border-success img,
.content-quote-box.border-success blockquote {
	border-color: #28a745;
}
.border-info,
button.btn.btn-info,
.btn.btn-info p:has(> a.btn),
.btn.btn-info button.submit,
.content-toplink.btn.btn-info,
.content-notice-box .border-info i,
.content-notice-box .border-info svg,
.content-icon-box .border-info i,
.content-icon-box .border-info svg,
.content-team-box.border-info,
.content-team-box .border-info img,
.content-timeline.icon-info .box-date::after,
.content-quote-box .border-info img,
.content-quote-box.border-info blockquote {
	border-color: #17a2b8;
}
.border-warning,
button.btn.btn-warning,
.btn.btn-warning p:has(> a.btn),
.btn.btn-warning button.submit,
.content-toplink.btn.btn-warning,
.content-notice-box .border-warning i,
.content-notice-box .border-warning svg,
.content-icon-box .border-warning i,
.content-icon-box .border-warning svg,
.content-team-box.border-warning,
.content-team-box .border-warning img,
.content-timeline.icon-warning .box-date::after,
.content-quote-box .border-warning img,
.content-quote-box.border-warning blockquote {
	border-color: #ffc107;
}
.border-danger,
button.btn.btn-danger,
.btn.btn-danger p:has(> a.btn),
.btn.btn-danger button.submit,
.content-toplink.btn.btn-danger,
.content-notice-box .border-danger i,
.content-notice-box .border-danger svg,
.content-icon-box .border-danger i,
.content-icon-box .border-danger svg,
.content-team-box.border-danger,
.content-team-box .border-danger img,
.content-timeline.icon-danger .box-date::after,
.content-quote-box .border-danger img,
.content-quote-box.border-danger blockquote {
	border-color: #dc3545;
}
.border-primary,
button.btn.btn-primary,
.btn.btn-primary p:has(> a.btn),
.btn.btn-primary button.submit,
.content-toplink.btn.btn-primary,
div .border-primary i,
div .border-primary svg,
.content-team-box.border-primary,
.content-team-box .border-primary img,
.content-timeline.icon-primary .box-date::after,
.content-quote-box .border-primary img,
.content-quote-box.border-primary blockquote,
nav[data-pagination] ol li a.active,
.pagination ul li strong {
	border-color: #007bff;
}
.border-secondary,
button.btn.btn-secondary,
.btn.btn-secondary p:has(> a.btn),
.btn.btn-secondary button.submit,
.content-toplink.btn.btn-secondary,
.content-notice-box .border-secondary i,
.content-notice-box .border-secondary svg,
.content-icon-box .border-secondary i,
.content-icon-box .border-secondary svg,
.content-team-box.border-secondary,
.content-team-box .border-secondary img,
.content-timeline.icon-secondary .box-date::after,
.content-quote-box .border-secondary img,
.content-quote-box.border-secondary blockquote {
	border-color: #6c757d;
}

/* Pastellfarben */
.content-notice-box.alert-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-notice-box.alert-info,
.mod_search .info {
	border-color: #bee5eb;
}
.content-notice-box.alert-warning {
	border-color: #ffeeba;
}
.content-notice-box.alert-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-notice-box.alert-primary,
input:focus,
textarea:focus {
	border-color: #b8daff;
}
.content-notice-box.alert-secondary,
.content-notice-box.alert-secondary-light,
.mod_search .header {
	border-color: #d6d8db;
}

/* Hover-Farben */
button.btn.btn-outline-secondary:hover,
.btn.btn-outline-secondary p:has(> a.btn):hover,
.btn.btn-outline-secondary button.submit:hover,
.content-toplink.btn.btn-outline-secondary:hover {
	border-color: #adadad;
}
button.btn.btn-light:hover,
.btn.btn-light p:has(> a.btn):hover,
.btn.btn-light button.submit:hover,
.content-toplink.btn.btn-light:hover {
	border-color: #dae0e5;
}
button.btn.btn-dark:hover,
.btn.btn-dark p:has(> a.btn):hover,
.btn.btn-dark button.submit:hover,
.content-toplink.btn.btn-dark:hover {
	border-color: #1d2124;
}
button.btn.btn-success:hover,
.btn.btn-success p:has(> a.btn):hover,
.btn.btn-success button.submit:hover,
.content-toplink.btn.btn-success:hover {
	border-color: #1e7e34;
}
button.btn.btn-info:hover,
.btn.btn-info p:has(> a.btn):hover,
.btn.btn-info button.submit:hover,
.content-toplink.btn.btn-info:hover {
	border-color: #117a8b;
}
button.btn.btn-warning:hover,
.btn.btn-warning p:has(> a.btn):hover,
.btn.btn-warning button.submit:hover,
.content-toplink.btn.btn-warning:hover {
	border-color: #d39e00;
}
button.btn.btn-danger:hover,
.btn.btn-danger p:has(> a.btn):hover,
.btn.btn-danger button.submit:hover,
.content-toplink.btn.btn-danger:hover {
	border-color: #bd2130;
}
button.btn.btn-primary:hover,
.btn.btn-primary p:has(> a.btn):hover,
.btn.btn-primary button.submit:hover,
.content-toplink.btn.btn-primary:hover {
	border-color: #0062cc;
}
button.btn.btn-secondary:hover,
.btn.btn-secondary p:has(> a.btn):hover,
.btn.btn-secondary button.submit:hover,
.content-toplink.btn.btn-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 {
	box-shadow: none;
}
input:hover,
textarea:hover,
input:focus,
textarea:focus {
	box-shadow: 0 0 2px #cce5ff;
}

/* ======================================================================================
1. Allgemeine Styles
	1.3. Ausrichtung
====================================================================================== */
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.text-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:not(.media),
.media--left figure {
	float: left;
}
.media--right:not(.media),
.media--right figure {
	float: right;
}

/* ======================================================================================
1. Allgemeine Styles
	1.4. Buttons
====================================================================================== */
button,
p:has(> a.btn) {
	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,
.btn a {
	display: block;
	padding: 0 12px;
}
button:hover,
.btn:hover,
p:has(> a.btn):hover a {
	text-decoration: none !important;
}
button.btn.btn-link,
.btn.btn-link p:has(> a.btn),
.btn.btn-link p > a.btn,
.btn.btn-link button.submit,
.content-toplink.btn.btn-link a,
button.btn.btn-link.btn-bracket,
.btn.btn-link.btn-bracket p:has(> a.btn),
.btn.btn-link.btn-bracket p > a.btn,
.btn.btn-link.btn-bracket button.submit,
.content-toplink.btn.btn-link.btn-bracket a {
	padding: 0;
}
button.btn.btn-link:hover,
.btn.btn-link p > a.btn:hover,
.btn.btn-link button.submit:hover,
.content-toplink.btn.btn-link a:hover,
button.btn.btn-link.btn-bracket:hover,
.btn.btn-link.btn-bracket p > a.btn:hover,
.btn.btn-link.btn-bracket button.submit:hover,
.content-toplink.btn.btn-link.btn-bracket a:hover {
	text-decoration: underline !important;
}
button.btn.btn-link.btn-bracket::before,
button.btn.btn-link.btn-bracket::after,
.btn.btn-link.btn-bracket p > a.btn::before,
.btn.btn-link.btn-bracket p > a.btn::after,
.btn.btn-link.btn-bracket button.submit::before,
.btn.btn-link.btn-bracket button.submit::after,
.content-toplink.btn.btn-link.btn-bracket a::before,
.content-toplink.btn.btn-link.btn-bracket a::after,
a.bracket-link::before,
a.bracket-link::after {
	content: "[";
	font-size: 125%;
}
button.btn.btn-link.btn-bracket::after,
.btn.btn-link.btn-bracket p > a.btn::after,
.btn.btn-link.btn-bracket button.submit::after,
.content-toplink.btn.btn-link.btn-bracket a::after,
a.bracket-link::after {
	content: "]";
}
button.btn.btn-link,
button.btn.btn-link.btn-bracket,
.btn.btn-link p:has(> a.btn),
.btn.btn-link.btn-bracket p:has(> a.btn) {
	height: auto;
}

/* ======================================================================================
1. Allgemeine Styles
	1.5. Formularfelder
====================================================================================== */
input:not([type="radio"]):not([type="checkbox"]):not(.submit),
input[class*="col-"],
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-notice-box .icon.rounded-circle i,
.content-notice-box .icon.rounded-circle svg,
.content-icon-box .icon.rounded-circle i,
.content-icon-box .icon.rounded-circle svg,
.content-icon-box .icon.rounded-circle span,
.content-team-box .rounded-circle img,
.content-quote-box .rounded-circle img,
.quote-box-3 blockquote::before,
.content-timeline .box-date::before,
.content-timeline .box-date::after,
.switch-dark-mode .slider::before {
	border-radius: 100%;
}
.switch-dark-mode .slider {
	border-radius: 35px;
}

/* ======================================================================================
1. Allgemeine Styles
	1.7. Rahmen
====================================================================================== */
.content-count-up.border-style-solid,
.content-notice-box .border-style-solid i,
.content-notice-box .border-style-solid svg,
.content-icon-box.border-style-solid,
.content-icon-box .border-style-solid i,
.content-icon-box .border-style-solid svg,
.content-map .iframe[class*="border-"].border-style-solid,
.content-team-box.border-style-solid,
.content-team-box .border-style-solid img,
.content-teaser-box[class*="border-"]:not(.border-sm).border-style-solid,
.content-quote-box .border-style-solid img {
	border-style: solid;
}
.content-count-up.border-style-dotted,
.content-notice-box .border-style-dotted i,
.content-notice-box .border-style-dotted svg,
.content-icon-box.border-style-dotted,
.content-icon-box .border-style-dotted i,
.content-icon-box .border-style-dotted svg,
.content-map .iframe[class*="border-"].border-style-dotted,
.content-team-box.border-style-dotted,
.content-team-box .border-style-dotted img,
.content-teaser-box[class*="border-"]:not(.border-sm).border-style-dotted,
.content-quote-box .border-style-dotted img {
	border-style: dotted;
}
.content-count-up.border-style-dashed,
.content-notice-box .border-style-dashed i,
.content-notice-box .border-style-dashed svg,
.content-icon-box.border-style-dashed,
.content-icon-box .border-style-dashed i,
.content-icon-box .border-style-dashed svg,
.content-map .iframe[class*="border-"].border-style-dashed,
.content-team-box.border-style-dashed,
.content-team-box .border-style-dashed img,
.content-teaser-box[class*="border-"]:not(.border-sm).border-style-dashed,
.content-quote-box .border-style-dashed img {
	border-style: dashed;
}
.content-count-up.border-style-double,
.content-notice-box .border-style-double i,
.content-notice-box .border-style-double svg,
.content-icon-box.border-style-double,
.content-icon-box .border-style-double i,
.content-icon-box .border-style-double svg,
.content-map .iframe[class*="border-"].border-style-double,
.content-team-box.border-style-double,
.content-team-box .border-style-double img,
.content-teaser-box[class*="border-"]:not(.border-sm).border-style-double,
.content-quote-box .border-style-double img {
	border-style: double;
}

.content-count-up.border-width-1,
.content-notice-box .border-width-1 i,
.content-notice-box .border-width-1 svg,
.content-icon-box.border-width-1,
.content-icon-box .border-width-1 i,
.content-icon-box .border-width-1 svg,
.content-map .iframe[class*="border-"].border-width-1,
.content-team-box.border-width-1,
.content-team-box .border-width-1 img,
.content-teaser-box[class*="border-"]:not(.border-sm).border-width-1,
.content-quote-box .border-width-1 img {
	border-width: 1px;
}
.content-count-up.border-width-2,
.content-notice-box .border-width-2 i,
.content-notice-box .border-width-2 svg,
.content-icon-box.border-width-2,
.content-icon-box .border-width-2 i,
.content-icon-box .border-width-2 svg,
.content-map .iframe[class*="border-"].border-width-2,
.content-team-box.border-width-2,
.content-team-box .border-width-2 img,
.content-teaser-box[class*="border-"]:not(.border-sm).border-width-2,
.content-quote-box .border-width-2 img {
	border-width: 2px;
}
.content-count-up.border-width-3,
.content-notice-box .border-width-3 i,
.content-notice-box .border-width-3 svg,
.content-icon-box.border-width-3,
.content-icon-box .border-width-3 i,
.content-icon-box .border-width-3 svg,
.content-map .iframe[class*="border-"].border-width-3,
.content-team-box.border-width-3,
.content-team-box .border-width-3 img,
.content-teaser-box[class*="border-"]:not(.border-sm).border-width-3,
.content-quote-box .border-width-3 img {
	border-width: 3px;
}
.content-count-up.border-width-5,
.content-notice-box .border-width-5 i,
.content-notice-box .border-width-5 svg,
.content-icon-box.border-width-5,
.content-icon-box .border-width-5 i,
.content-icon-box .border-width-5 svg,
.content-map .iframe[class*="border-"].border-width-5,
.content-team-box.border-width-5,
.content-team-box .border-width-5 img,
.content-teaser-box[class*="border-"]:not(.border-sm).border-width-5,
.content-quote-box .border-width-5 img {
	border-width: 5px;
}
.content-count-up.border-width-7,
.content-notice-box .border-width-7 i,
.content-notice-box .border-width-7 svg,
.content-icon-box.border-width-7,
.content-icon-box .border-width-7 i,
.content-icon-box .border-width-7 svg,
.content-map .iframe[class*="border-"].border-width-7,
.content-team-box.border-width-7,
.content-team-box .border-width-7 img,
.content-teaser-box[class*="border-"]:not(.border-sm).border-width-7,
.content-quote-box .border-width-7 img {
	border-width: 7px;
}
.content-count-up.border-width-9,
.content-notice-box .border-width-9 i,
.content-notice-box .border-width-9 svg,
.content-icon-box.border-width-9,
.content-icon-box .border-width-9 i,
.content-icon-box .border-width-9 svg,
.content-map .iframe[class*="border-"].border-width-9,
.content-team-box.border-width-9,
.content-team-box .border-width-9 img,
.content-teaser-box[class*="border-"]:not(.border-sm).border-width-9,
.content-quote-box .border-width-9 img {
	border-width: 9px;
}
.content-count-up.border-width-14,
.content-notice-box .border-width-14 i,
.content-notice-box .border-width-14 svg,
.content-icon-box.border-width-14,
.content-icon-box .border-width-14 i,
.content-icon-box .border-width-14 svg,
.content-map .iframe[class*="border-"].border-width-14,
.content-team-box.border-width-14,
.content-team-box .border-width-14 img,
.content-teaser-box[class*="border-"]:not(.border-sm).border-width-14,
.content-quote-box .border-width-14 img {
	border-width: 14px;
}
.content-count-up.border-width-21,
.content-notice-box .border-width-21 i,
.content-notice-box .border-width-21 svg,
.content-icon-box.border-width-21,
.content-icon-box .border-width-21 i,
.content-icon-box .border-width-21 svg,
.content-map .iframe[class*="border-"].border-width-21,
.content-team-box.border-width-21,
.content-team-box .border-width-21 img,
.content-teaser-box[class*="border-"]:not(.border-sm).border-width-21,
.content-quote-box .border-width-21 img {
	border-width: 21px;
}
.content-count-up.border-width-28,
.content-notice-box .border-width-28 i,
.content-notice-box .border-width-28 svg,
.content-icon-box.border-width-28,
.content-icon-box .border-width-28 i,
.content-icon-box .border-width-28 svg,
.content-map .iframe[class*="border-"].border-width-28,
.content-team-box.border-width-28,
.content-team-box .border-width-28 img,
.content-teaser-box[class*="border-"]:not(.border-sm).border-width-28,
.content-quote-box .border-width-28 img {
	border-width: 28px;
}

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

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

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

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

/* ======================================================================================
1. Allgemeine Styles
	1.11. Zoom
====================================================================================== */
.zoom-05:hover img {
	transform: scale(1.05);
}
.zoom-10:hover img {
	transform: scale(1.1);
}
.zoom-15:hover img {
	transform: scale(1.15);
}
.zoom-20:hover img {
	transform: scale(1.2);
}
.zoom-25:hover img {
	transform: scale(1.25);
}
.zoom-30:hover img {
	transform: scale(1.3);
}
.zoom-35:hover img {
	transform: scale(1.35);
}
.zoom-40:hover img {
	transform: scale(1.4);
}
.zoom-45:hover img {
	transform: scale(1.45);
}
.zoom-50:hover img {
	transform: scale(1.5);
}
*[class*="zoom-neg"]:hover img {
	transform: scale(1);
}
.zoom-neg95 img {
	transform: scale(1.05);
}
.zoom-neg90 img {
	transform: scale(1.1);
}
.zoom-neg85 img {
	transform: scale(1.15);
}
.zoom-neg80 img {
	transform: scale(1.2);
}
.zoom-neg75 img {
	transform: scale(1.25);
}
.zoom-neg70 img {
	transform: scale(1.3);
}
.zoom-neg65 img {
	transform: scale(1.35);
}
.zoom-neg60 img {
	transform: scale(1.4);
}
.zoom-neg55 img {
	transform: scale(1.45);
}
.zoom-neg50 img {
	transform: scale(1.5);
}

/* ======================================================================================
1. Allgemeine Styles
	1.12. Übergang
====================================================================================== */
.transition-linear-15 img {
	transition: all 0.15s linear;
}
.transition-linear-25 img {
	transition: all 0.25s linear;
}
.transition-linear-50 img,
.switch-dark-mode .slider,
.switch-dark-mode .slider::before {
	transition: all 0.5s linear;
}
.transition-ease-in-15 img {
	transition: all 0.15s ease-in;
}
.transition-ease-in-25 img {
	transition: all 0.25s ease-in;
}
.transition-ease-in-50 img {
	transition: all 0.5s ease-in;
}
.transition-ease-out-15 img {
	transition: all 0.15s ease-out;
}
.transition-ease-out-25 img {
	transition: all 0.25s ease-out;
}
.transition-ease-out-50 img {
	transition: all 0.5s ease-out;
}
.transition-ease-in-out-15 img {
	transition: all 0.15s ease-in-out;
}
.transition-ease-in-out-25 img {
	transition: all 0.25s ease-in-out;
}
.transition-ease-in-out-50 img {
	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-column-wrapper {
	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. Teaserzeile
====================================================================================== */

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

/* ======================================================================================
2. Layout
	2.3. Hauptzeile
		2.3.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.3. Hauptzeile
		2.3.2. Hauptspalte
====================================================================================== */
#main {
	width: 100%;
}
#main .inside {
	min-height: 1px;
}

/* ======================================================================================
2. Layout
	2.3. Hauptzeile
		2.3.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.4. Unterzeile
====================================================================================== */

/* ======================================================================================
2. Layout
	2.5. 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 {
	box-decoration-break: clone;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 14px;
	font-size: 0.875rem;
	padding: 4px 4px 2px;
}
.content-text mark {
	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 7 Free", "Font Awesome 6 Free", "Font Awesome 5 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(.btn) a[target="_blank"]::after,
.btn.btn-link p > a.btn[target="_blank"]::after,
.content-hyperlink a[target="_blank"]::after {
	content: "\f35d";
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 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 7 Free", "Font Awesome 6 Free", "Font Awesome 5 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.media--left figure,
.content-text.media--right figure {
	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 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
	font-size: 32px;
	font-size: 2rem;
	font-weight: 700;
	height: 40px;
	left: 0;
	line-height: 1.25;
	position: absolute;
	text-indent: 0;
	top: 0;
	width: 40px;
}
#colorbox #cboxPrevious::after,
#colorbox #cboxNext::after {
	content: "\f104";
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
	font-size: 32px;
	font-size: 2rem;
	font-weight: 700;
	height: 65px;
	left: -2px;
	line-height: 2;
	position: absolute;
	text-indent: 0;
	top: 0;
	width: 30px;
}
#colorbox #cboxNext::after {
	content: "\f105";
	left: 2px;
}
#colorbox #cboxTitle {
	bottom: 0;
	left: 0;
	padding: 7px 5px;
	right: 0;
	top: auto;
	width: 100%;
}

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

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

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

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

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

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

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

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

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

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.3. Text/Bild-Kachel
====================================================================================== */
.content-text-image-tile {
	width: 100%;
}
.content-text-image-tile .box-img.overlay::after {
	z-index: 0;
}
.content-text-image-tile .box-img {
	bottom: 0;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
}
.content-text-image-tile .box-img.arrow::before {
	content: "";
	height: 20px;
	margin-left: -10px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	transform: rotate(-45deg);
	width: 20px;
	z-index: 1;
}
.content-text-image-tile.text-right .box-img {
	left: 0;
	right: auto;
}
.content-text-image-tile.text-right .box-img.arrow::before {
	right: -10px;
}
.content-text-image-tile .height-lg {
	height: 80vh;
}
.content-text-image-tile .height-md {
	height: 60vh;
}
.content-text-image-tile .height-sm {
	height: 40vh;
}
.content-text-image-tile .fullheight {
	height: calc(100vh - 112px);
}
.content-text-image-tile .box-text .inside:not(.no-padding) {
	padding: 35px 0;
}
.content-text-image-tile.text-left .box-text > .inside > .inserttags,
.content-text-image-tile.text-left .box-text > .inside > .content-headline,
.content-text-image-tile.text-left .box-text > .inside > .content-text,
.content-text-image-tile.text-left .box-text > .inside > .btn {
	margin-right: calc(50% + 25px);
}
.content-text-image-tile.text-right .box-text > .inside > .inserttags,
.content-text-image-tile.text-right .box-text > .inside > .content-headline,
.content-text-image-tile.text-right .box-text > .inside > .content-text,
.content-text-image-tile.text-right .box-text > .inside > .btn {
	margin-left: calc(50% + 25px);
}
.content-text-image-tile.text-left .box-text.width-fluid .content-headline,
.content-text-image-tile.text-left .box-text.width-fluid .content-text,
.content-text-image-tile.text-left .box-text.width-fluid .btn,
.content-text-image-tile.text-left .box-text.width-lg .content-headline,
.content-text-image-tile.text-left .box-text.width-lg .content-text,
.content-text-image-tile.text-left .box-text.width-lg .btn {
	margin-left: 14px;
}
.boxed .content-text-image-tile.text-left .box-text.width-lg .content-headline,
.boxed .content-text-image-tile.text-left .box-text.width-lg .content-text,
.boxed .content-text-image-tile.text-left .box-text.width-lg .btn {
	margin-left: 0;
}
.content-text-image-tile.text-right .box-text.width-fluid .content-headline,
.content-text-image-tile.text-right .box-text.width-fluid .content-text,
.content-text-image-tile.text-right .box-text.width-fluid .btn,
.content-text-image-tile.text-right .box-text.width-lg .content-headline,
.content-text-image-tile.text-right .box-text.width-lg .content-text,
.content-text-image-tile.text-right .box-text.width-lg .btn {
	margin-right: 14px;
}
.boxed .content-text-image-tile.text-right .box-text.width-lg .content-headline,
.boxed .content-text-image-tile.text-right .box-text.width-lg .content-text,
.boxed .content-text-image-tile.text-right .box-text.width-lg .btn {
	margin-right: 0;
}

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

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.content-text-image-tile .box-img {
	height: 50vh;
	position: relative;
	width: 100%;
}
.content-text-image-tile .box-img.arrow::before,
.content-text-image-tile .box-img.arrow::before {
	bottom: -10px;
	left: 50%;
	right: auto;
	top: auto;
}
.content-text-image-tile .height-lg,
.content-text-image-tile .height-md,
.content-text-image-tile .height-sm,
.content-text-image-tile .fullheight {
	height: auto;
}
.content-text-image-tile .box-text {
	display: block;
	padding: 0 10px;
}
.content-text-image-tile .box-text.no-padding {
	padding: 0;
}
.content-text-image-tile .box-text .inside {
	display: block;
	padding: 15px 0;
}
.content-text-image-tile .box-text .inside.no-padding {
	padding: 0;
}
.content-text-image-tile.text-left .box-text > .inside > .inserttags,
.content-text-image-tile.text-left .box-text > .inside > .content-headline,
.content-text-image-tile.text-left .box-text > .inside > .content-text,
.content-text-image-tile.text-left .box-text > .inside > .btn,
.content-text-image-tile.text-right .box-text > .inside > .inserttags,
.content-text-image-tile.text-right .box-text > .inside > .content-headline,
.content-text-image-tile.text-right .box-text > .inside > .content-text,
.content-text-image-tile.text-right .box-text > .inside > .btn ,
.content-text-image-tile.text-left .box-text.width-fluid .content-headline,
.content-text-image-tile.text-left .box-text.width-fluid .content-text,
.content-text-image-tile.text-left .box-text.width-fluid .btn,
.content-text-image-tile.text-left .box-text.width-lg .content-headline,
.content-text-image-tile.text-left .box-text.width-lg .content-text,
.content-text-image-tile.text-left .box-text.width-lg .btn
.content-text-image-tile.text-right .box-text.width-fluid .content-headline,
.content-text-image-tile.text-right .box-text.width-fluid .content-text,
.content-text-image-tile.text-right .box-text.width-fluid .btn,
.content-text-image-tile.text-right .box-text.width-lg .content-headline,
.content-text-image-tile.text-right .box-text.width-lg .content-text,
.content-text-image-tile.text-right .box-text.width-lg .btn {
	margin-left: 0;
	margin-right: 0;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.4. Hinweisbox
====================================================================================== */
.content-notice-box {
	border-style: solid;
	border-width: 1px;
	margin: 7px 0;
	width: 100%;
}
.content-notice-box.border-0 {
	border-style: none;
	border-width: 0;
}
.content-notice-box.mb-0 {
	margin: 0;
}
.content-notice-box .inside {
	padding: 7px 11px;
	width: 100%;
}
.content-notice-box .icon {
	border-color: transparent;
	outline-color: transparent;
	text-align: center;
}
.content-notice-box .icon.left.icon-xlg,
.content-notice-box .icon.right.icon-xlg {
	width: 120px;
}
.content-notice-box .icon.left.icon-lg,
.content-notice-box .icon.right.icon-lg {
	width: 110px;
}
.content-notice-box .icon.left.icon-md,
.content-notice-box .icon.right.icon-md {
	width: 100px;
}
.content-notice-box .icon.left.icon-sm,
.content-notice-box .icon.right.icon-sm {
	width: 90px;
}
.content-notice-box .icon.left.icon-xsm,
.content-notice-box .icon.right.icon-xsm {
	width: 80px;
}
.content-notice-box .icon.left i,
.content-notice-box .icon.left svg {
	margin: 0 7px 0 0;
}
.content-notice-box .icon.right i,
.content-notice-box .icon.right svg {
	margin: 0 0 0 7px;
}
.content-notice-box .item.before,
.content-notice-box .item.after {
	display: table-row;
}

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

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

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

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.6. Zitatbox
====================================================================================== */
.content-quote-box {
	width: 100%;
}
.content-quote-box .inside > div:not(.content-text) {
	width: 0;
}
.content-quote-box .img-left .content-image {
	padding: 0 21px 0 0;
}
.content-quote-box .img-right .content-image {
	padding: 0 0 0 21px;
}
.content-quote-box .offset-sm blockquote {
	margin: 7px 0;
}
.content-quote-box .offset-md blockquote {
	margin: 21px 0;
}
.content-quote-box .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";
}
.quote-box-2 blockquote {
	border-left: none;
}
.quote-box-2 blockquote::before {
	content: "\f10d";
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
	font-size: 48px;
	font-size: 3rem;
	font-weight: 700;
	left: 1px;
	position: absolute;
	top: 14px;
	z-index: -1;
}
.quote-box-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;
}
.quote-box-3 blockquote::before {
	content: "\f10d";
	display: block;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
	font-size: 32px;
	font-size: 2rem;
	font-weight: 700;
	height: 42px;
	line-height: 48px;
	margin: -36px auto -7px;
	text-align: center;
	width: 42px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Media Query Anfang */ @media screen and (max-width: 519px) {
.content-map.xsm-map-height-lg iframe {
	height: calc(100vh - 112px);
}
.content-map.xsm-map-height-lg iframe {
	height: 430px;
}
.content-map.xsm-map-height-md iframe {
	height: 280px;
}
.content-map.xsm-map-height-sm iframe {
	height: 130px;
}
.content-map.xsm-map-width-lg {
	width: 75%;
}
.content-map.xsm-map-width-md {
	width: 50%;
}
.content-map.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-anchor-element,
.anker {
	scroll-margin-top: 110px;
}

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

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

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.13. Umschaltumschlag
====================================================================================== */
/* max-height: in custom.css angeben */
.content-toggle-wrapper {
	width: 100%;
}
.content-toggle-wrapper.show {
	max-height: 100% !important;
}
#toggler-button .btn > a.less,
#toggler-button .btn.active > a.more {
	display: none;
}
#toggler-button .btn.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 7 Free", "Font Awesome 6 Free", "Font Awesome 5 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.d-flex:first-child,
.content-tabs > input:nth-child(3):checked ~ .tab-panels > .tab-panel.d-flex:nth-child(2),
.content-tabs > input:nth-child(5):checked ~ .tab-panels > .tab-panel.d-flex:nth-child(3),
.content-tabs > input:nth-child(7):checked ~ .tab-panels > .tab-panel.d-flex:nth-child(4),
.content-tabs > input:nth-child(9):checked ~ .tab-panels > .tab-panel.d-flex:nth-child(5),
.content-tabs > input:nth-child(11):checked ~ .tab-panels > .tab-panel.d-flex:nth-child(6),
.content-tabs > input:nth-child(13):checked ~ .tab-panels > .tab-panel.d-flex:nth-child(7),
.content-tabs > input:nth-child(15):checked ~ .tab-panels > .tab-panel.d-flex:nth-child(8),
.content-tabs > input:nth-child(17):checked ~ .tab-panels > .tab-panel.d-flex:nth-child(9),
.content-tabs > input:nth-child(19):checked ~ .tab-panels > .tab-panel.d-flex:nth-child(10),
.content-tabs > input:nth-child(21):checked ~ .tab-panels > .tab-panel.d-flex:nth-child(11),
.content-tabs > input:nth-child(23):checked ~ .tab-panels > .tab-panel.d-flex:nth-child(12),
.content-tabs > input:nth-child(25):checked ~ .tab-panels > .tab-panel.d-flex:nth-child(13),
.content-tabs > input:nth-child(27):checked ~ .tab-panels > .tab-panel.d-flex:nth-child(14),
.content-tabs > input:nth-child(29):checked ~ .tab-panels > .tab-panel.d-flex:nth-child(15),
.content-tabs > input:nth-child(31):checked ~ .tab-panels > .tab-panel.d-flex:nth-child(16),
.content-tabs > input:nth-child(33):checked ~ .tab-panels > .tab-panel.d-flex:nth-child(17),
.content-tabs > input:nth-child(35):checked ~ .tab-panels > .tab-panel.d-flex:nth-child(18),
.content-tabs > input:nth-child(37):checked ~ .tab-panels > .tab-panel.d-flex:nth-child(19),
.content-tabs > input:nth-child(39):checked ~ .tab-panels > .tab-panel.d-flex:nth-child(20) {
	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;
}

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.16. Filterumschlag
====================================================================================== */
.content-filter-wrapper .filter-controls li {
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	padding: 12px;
	margin: 3px 6px 3px 0;
}
.content-filter-wrapper .filter-container {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(3, 1fr);
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.content-filter-wrapper .filter-container {
	grid-template-columns: repeat(2, 1fr);
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
.content-filter-wrapper .filter-container {
	grid-template-columns: repeat(1, 1fr);
}
/* Media Query Ende */ }

/* ======================================================================================
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;
	padding: 0;
	position: absolute;
	right: 2px;
	text-align: center;
	width: 47px;
}
#toggle-nav::after {
	content: "\f0c9";
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
	font-weight: 700;
}
#toggle-nav.active::after {
	content: "\f00d";
}
ul.nav-toggle:not(.level_1) {
	display: none;
}
ul.nav-toggle li {
	position: relative;
}
ul.nav-toggle li.active > ul,
ul.nav-toggle li.trail > ul {
	display: block;
}
#nav-main .toggle,
.nav-sub .toggle {
	background: transparent;
	border: none;
	margin: 0;
	padding: 5.5px 10px;
	position: absolute;
	right: 0;
	top: 0;
}
#nav-main .toggle::after,
.nav-sub .toggle::after {
	content: "\f067";
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
}
#nav-main .toggle.active::after,
#nav-main .toggle.trail::after,
.nav-sub .toggle.active::after,
.nav-sub .toggle.trail::after {
	content: "\f068";
}

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

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

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

/* Media Query Anfang */ @media screen and (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 7 Free", "Font Awesome 6 Free", "Font Awesome 5 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 7 Free", "Font Awesome 6 Free", "Font Awesome 5 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 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
	font-size: 32px;
	font-size: 2rem;
	font-weight: 700;
	margin: -18px 0 0 -38px;
	position: absolute;
}
.mod_sitemap ul li:hover::before {
	font-weight: 400;
}
.mod_sitemap ul li {
	margin-left: 20px;
	padding: 7px 0;
}
.mod_sitemap ul li.submenu::before {
	content: "\f07c";
}

/* ======================================================================================
4. Frontend-Module
	4.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:has(> a.btn).lost_passwort {
	margin-left: 14px;
}

/* ======================================================================================
4. Frontend-Module
	4.3. Anwendungen
		4.3.1. Suchmaschine
====================================================================================== */
.mod_search .widget-text {
	float: left;
	margin-left: -2px;
	overflow: hidden;
	padding: 7px 2px;
	width: calc(100% - 85px);
}
.mod_search .widget-submit {
	float: right;
}
.mod_search .radio_container label {
	display: block;
	margin: -21px 0 0 21px;
}
.mod_search .header,
.mod_search .info {
	border-style: solid;
	border-width: 1px;
	clear: both;
	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;
}
.contao-cookiebar .cc-close {
	right: 18px;
}

/* 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: flex;
	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 .news_article,
.mod_newslist .news_article {
	display: flex;
	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:has(> a.btn),
.mod_newslist:not([class*="button-"]) .layout_latest p:has(> a.btn) {
	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 {
	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"] .text-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-body,
[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-body-tertiary,
[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-image-tile.bg-body-tertiary .box-img.arrow::before,
[data-theme="dark"] .content-timeline.bg-icon-light .box-date::before,
[data-theme="dark"] .content-timeline.timeline-light::before,
[data-theme="dark"] .content-timeline.timeline-light .box-text::before,
[data-theme="dark"] .content-quote-box.quote-box-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 MO Friseurmeisterin. Individuelle Änderungen vornehmen!
Datei: custom.css
Datum: 12.03.2026
Autor: Marco Dittmer, Agentur Zentral GmbH
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. Teaserzeile
			2.3. Hauptzeile
				2.3.1. Linke Spalte
				2.3.2. Hauptspalte
				2.3.3. Rechte Spalte
			2.4. Unterzeile
			2.5. 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
				3.8.16. Filterumschlag
		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
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.1. Typografie
		1.1.1. Webfonts
====================================================================================== */
/* montserrat-300 - 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: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('/bundles/themeultimatemanonokonfriseurmeisterin/fonts/webfonts/montserrat-v31-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/bundles/themeultimatemanonokonfriseurmeisterin/fonts/webfonts/montserrat-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ephesis-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: 'Ephesis';
  font-style: normal;
  font-weight: 400;
  src: url('/bundles/themeultimatemanonokonfriseurmeisterin/fonts/webfonts/ephesis-v11-latin-regular.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,
.no-font-corporate h3,
.no-font-corporate h4 {
	font-family: 'Montserrat';
	font-weight: 300;
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6,
.font-corporate {
	font-family: 'Ephesis';
	font-weight: 700;
	line-height: 1;
	overflow: visible !important;
}
.padding-sm h2,
.padding-sm h3,
span.padding-sm {
	padding-left: 3px;
}
h1 {
	font-size: 64px;
	font-size: 4rem;
}
.content-icon-box.headline h2 {
	font-size: 56px;
	font-size: 3.5rem;
}
h2, h3 {
	font-size: 32px;
	font-size: 2rem;
}
.no-font-corporate h3,
.no-font-corporate h4 {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 700;
}
.no-font-corporate h4 {
	font-size: 16px;
	font-size: 1rem;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
h1 {
	font-size: 56px;
	font-size: 3.5rem;
}
.content-icon-box.headline h2 {
	font-size: 48px;
	font-size: 3rem;
}
h2, h3 {
	font-size: 28px;
	font-size: 1.75rem;
}
/* Media Query Ende */ }

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

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

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.1. Text
====================================================================================== */
button.button-corporate,
a.btn.button-corporate,
.button-corporate button.submit,
a.btn.button-corporate:hover,
.contao-cookiebar .cc-head p,
.contao-cookiebar .cc-info a,
#nav-main a,
#nav-main strong,
#toggle-nav::after,
#footer,
#footer a {
	color: #fff;
}
.content-tabs > label,
.content-tabs > label:hover {
	color: #343a40;
}
a,
.font-corporate,
.content-tabs > input:checked + label,
.content-tabs > label:hover,
#nav-main a:hover,
#nav-main strong:hover,
#nav-footer a:hover,
#nav-footer strong:hover,
#nav-social ul.level_1 > li.nav-facebook > a:hover,
#nav-social ul.level_1 > li.nav-instagram > a:hover,
#nav-social ul.level_1 > li.nav-whatsapp > a:hover,
.content-table.preise td:nth-child(3) {
	color: #8c513b;
}

/* Hover-Farben */
a:hover {
	color: #6b3a29;
}

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.2. Hintergrund
====================================================================================== */
#header {
	background: #fff;
}
.bg-corporate,
button.button-corporate,
p:has(> a.btn.button-corporate),
.button-corporate button.submit {
	background: #8c513b;
}
.bg-corporate-dark,
#nav-main,
.contao-cookiebar .cc-inner {
	background: #222;
}

/* Hover-Farben */
button.button-corporate:hover,
p:has(> a.btn.button-corporate):hover,
.button-corporate button.submit:hover {
	background: #6b3a29;
}

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

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

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

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

/* ======================================================================================
1. Allgemeine Styles
	1.4. Buttons
====================================================================================== */
button,
p:has(> a.btn),
.contao-cookiebar .cc-footer button {
	border-style: none;
	border-width: 0;
	height: 44px;
	line-height: 0.5;
	text-transform: uppercase;
}
button,
.btn a,
.contao-cookiebar .cc-footer button {
	padding: 12px;
}
#nav-back {
	display: none;
	position: absolute;
	right: 10px;
	top: 33px;
}
body.nav-agb #nav-back,
body.nav-impressum #nav-back,
body.nav-datenschutz #nav-back {
	display: block;
}
#karriere p:has(> a.btn) {
	height: auto;
	padding: 14px 14px 7px 14px;
	position: fixed;
	right: 10px;
	text-orientation: upright;
	top: 50%;
	writing-mode: vertical-lr;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#nav-back {
	top: 23px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav-back {
	right: 25px;
}
#karriere p:has(> a.btn) {
	bottom: 0;
	height: 34px;
	left: 0;
	margin: 0;
	padding: 2px 14px;
	right: 0;
	top: auto;
	writing-mode: unset;
}
/* Media Query Ende */ }

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

/* ======================================================================================
1. Allgemeine Styles
	1.6. Radien
====================================================================================== */
.contao-cookiebar .cc-inner,
.contao-cookiebar .cc-footer button,
.contao-cookiebar .cc-group,
.contao-cookiebar .cc-groups .cc-group,
.contao-cookiebar .cc-cookies,
.contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info,
.contao-cookiebar .cc-cookies .cc-cookie label.cookie + .cc-cookie-info {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

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

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

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

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

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

/* ======================================================================================
1. Allgemeine Styles
	1.12. Übergang
====================================================================================== */
button.button-corporate,
p:has(> a.btn.button-corporate),
.button-corporate button.submit,
#nav-main a,
#nav-main strong,
#nav-footer a,
#nav-footer strong,
#nav-social ul.level_1 > li.nav-facebook > a,
#nav-social ul.level_1 > li.nav-instagram > a,
#nav-social ul.level_1 > li.nav-whatsapp > a,
.content-gallery > ul li,
.content-icon-box .icon svg,
.content-tabs > label {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* ======================================================================================
2. Layout
====================================================================================== */
#wrapper {
	padding-bottom: 62px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 143.5px;
}

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

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

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

/* ======================================================================================
2. Layout
	2.1. Kopfzeile
====================================================================================== */
#header {
	height: 133.5px;
	padding: 10px 10px 0 10px;
}
#header .logo {
	margin: 15px auto;
	width: 94px;
	z-index: 99;
}

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

/* ======================================================================================
2. Layout
	2.2. Teaserzeile
====================================================================================== */

/* ======================================================================================
2. Layout
	2.3. Hauptzeile
====================================================================================== */
.content-cell-wrapper.center {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

/* ======================================================================================
2. Layout
	2.3. Hauptzeile
		2.3.1. Linke Spalte
====================================================================================== */

/* ======================================================================================
2. Layout
	2.3. Hauptzeile
		2.3.2. Hauptspalte
====================================================================================== */

/* ======================================================================================
2. Layout
	2.3. Hauptzeile
		2.3.3. Rechte Spalte
====================================================================================== */

/* ======================================================================================
2. Layout
	2.4. Unterzeile
====================================================================================== */

/* ======================================================================================
2. Layout
	2.5. Fußzeile
====================================================================================== */
#footer {
	height: 62px;
}
#footer .copyright {
	margin-left: -5px;
}
#footer .content-cell-wrapper {
	margin-right: -10px;
}

/* Media Query Anfang */ @media screen and (max-width: 1299px) {
#footer {
	height: 100px;
}
#footer .copyright,
#footer .content-cell-wrapper {
	float: none;
	text-align: center;
}
#footer .content-cell-wrapper {
	display: table;
	margin: 0 auto;
}
/* Media Query Ende */ }

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

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#footer {
	height: 180px;
}
#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.info {
	padding: 0 7px;
}

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

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.4. Tabelle
====================================================================================== */
.content-table.offset {
	margin-top: 46px;
}
.content-table table {
	display: table;
}
.content-table td {
	border-left-style: none;
	border-right-style: none;
}
.content-table.oeffnungszeiten {
	margin: 0 auto;
	width: 400px;
}
.content-table.oeffnungszeiten td {
	width: 50%;
}
.content-table.oeffnungszeiten tr:first-child td {
	border-top-style: none;
}
.content-table.preise tr {
	display: block;
}
.content-table.preise td {
	border-bottom-style: none;
	border-top-style: none;
	float: left;
	width: 70%;
}
.content-table.preise td:nth-child(2) {
	text-align: right;
	width: 30%;
}
.content-table.preise td:nth-child(3) {
	border-bottom-style: solid;
	font-style: italic;
	width: 100%;
}

/* Media Query Anfang */ @media screen and (max-width: 519px) {
.content-table.oeffnungszeiten {
	width: 100%;
}
.content-table.oeffnungszeiten td:nth-child(1) {
	width: 100px;
}
.content-table.oeffnungszeiten td:nth-child(2) {
	text-align: right;
	width: calc(100% - 100px);
}

.content-table.offset,
.content-table.offset-xsm {
	margin-top: -21px;
}
/* Media Query Ende */ }

/* ======================================================================================
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.stellenausschreibung img {
	width: 250px;
}

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.2. Galerie
====================================================================================== */
.content-gallery > ul li:hover {
	margin-bottom: 5px;
	margin-top: -5px;
}

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.3. Video/Audio
====================================================================================== */
/* Media Query Anfang */ @media screen and (max-width: 519px) {
.content-gallery--cols-2 ul {
	grid-template-columns: repeat(1, 1fr);
}
/* Media Query Ende */ }

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

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

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

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

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

/* ======================================================================================
3. Core-Elemente
	3.7. Include-Elemente
		3.7.1. Formulare
====================================================================================== */

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

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.1. Teaserbild
====================================================================================== */
.content-teaser-image .fullheight {
	height: calc(100vh - 224px);
	min-height: 400px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.content-teaser-image .fullheight {
	height: calc(100vh - 184px);
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
.content-teaser-image .fullheight {
	max-height: 400px;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.2. Teaserbox
====================================================================================== */

/* ======================================================================================
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
====================================================================================== */

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

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

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.8. Iconbox
====================================================================================== */
.content-icon-box.effect:hover .icon svg {
	margin-bottom: 5px;
	margin-top: -5px;
}

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

/* ======================================================================================
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
====================================================================================== */
.content-anchor-element,
.anker {
	scroll-margin-top: 100px;
}

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

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

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

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.16. Filterumschlag
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.1. Umschaltnavigation
====================================================================================== */
body.nav-agb #toggle-nav,
body.nav-impressum #toggle-nav,
body.nav-datenschutz #toggle-nav {
	display: none;
}
#toggle-nav {
	font-size: 32px;
	font-size: 2rem;
	right: 35px;
	top: 23px;
}
/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.2. Kopfnavigation
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.3. Hauptnavigation
====================================================================================== */
body.nav-agb #nav-main,
body.nav-impressum #nav-main,
body.nav-datenschutz #nav-main {
	display: none;
}

/* Media Query Anfang */ @media screen and (min-width: 780px) {
#nav-main {
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
#nav-main ul.level_1 > li > a,
#nav-main ul.level_1 > li > strong {
	font-weight: 300;
	padding: 49.5px 10px;
	text-transform: uppercase;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1299px) and (min-width: 780px) {
#nav-main ul.level_1 > li > a,
#nav-main ul.level_1 > li > strong {
	padding: 49.5px 7px;
}
/* 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: 39.5px 3px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav-main {
	height: calc(100% - 113.5px);
	margin: 10px;
	top: 103.5px;
	width: calc(100% - 20px);
}
#nav-main ul.level_1 li a,
#nav-main ul.level_1 li strong {
	padding: 15px 35px;
}
#nav-main .mod_customnav {
	float: none;;
}
/* Media Query Ende */ }

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

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

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.6. Fußnavigation
====================================================================================== */
#nav-footer {
	margin-right: 110px;
}
#nav-social {
	margin-right: -360px;
}
#nav-social ul {
	padding: 5px 0 0;
}
#nav-social ul li {
	display: inline-block;
}
#nav-social a,
#nav-social strong {
	display: block;
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: normal;
	text-decoration: none;
	padding: 0 7px;
}
#nav-social ul.level_1 > li.nav-facebook > a,
#nav-social ul.level_1 > li.nav-instagram > a,
#nav-social ul.level_1 > li.nav-whatsapp > a {
	line-height: 0;
	overflow: hidden;
	text-indent: -999px;
}
#nav-social ul.level_1 > li.nav-facebook > a::after,
#nav-social ul.level_1 > li.nav-instagram > a::after,
#nav-social ul.level_1 > li.nav-whatsapp > a::after {
	content: "\f39e";
	display: block;
	font-family: "Font Awesome 7 Brands";
	font-size: 20px;
	font-size: 1.250rem;
	font-weight: 300;
	line-height: 1.25;
	position: relative;
	text-indent: 0;
}
#nav-social ul.level_1 > li.nav-instagram > a::after {
	content: "\f16d";
}
#nav-social ul.level_1 > li.nav-whatsapp > a::after {
	content: "\f232";
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav-footer,
#nav-social {
	display: block;
	margin-right: 0;
	text-align: center;
	width: 100%;
}
/* Media Query Ende */ }

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

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

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

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

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

/* ======================================================================================
4. Frontend-Module
	4.3. Anwendungen
		4.3.1. Suchmaschine
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.4. Verschiedenes
		4.4.1. Cookiebar
====================================================================================== */

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

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

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

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

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

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

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

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

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

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

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

/* ======================================================================================
7. Eigene Klassen
====================================================================================== */
.content-text.termin .phone.icon::before {
	content: "\f095";
	font-family: "Font Awesome 7 Free";
	font-size: 16px;
	font-size: 1rem;
	font-weight: 700;
	margin-right: 7px;
}

/* Customer design retained against the native 4.4.2 components. */
#wrapper { display:block; min-height:0; }
.row { --bs-gutter-x:0; --bs-gutter-y:0; }
.row > * { margin-top:0; }
@media(max-width:779px){.row{margin-inline:0;}}
.content-page-wrapper.bg-corporate-dark { background:#222; }
#header { position:fixed; inset:0 0 auto; width:100%; }
#header .logo { padding:0; }
#header .logo img { max-height:none; }
#nav-main .mod_customnav { display:block; }
#nav-main ul { display:block; }
.content-tabs > .tab-panels > .tab-panel { display:none!important; flex-wrap:wrap; }
.content-tabs > input:nth-of-type(1):checked ~ .tab-panels > .tab-panel:nth-child(1),
.content-tabs > input:nth-of-type(2):checked ~ .tab-panels > .tab-panel:nth-child(2),
.content-tabs > input:nth-of-type(3):checked ~ .tab-panels > .tab-panel:nth-child(3),
.content-tabs > input:nth-of-type(4):checked ~ .tab-panels > .tab-panel:nth-child(4) {display:flex !important;}
.content-tabs > input:not(:checked):nth-of-type(1) ~ .tab-panels > .tab-panel:nth-child(1){display:none!important;}
.content-table .table > :not(caption) > * > * {color:inherit;background:none;box-shadow:none;}
#nav-main-bar {background:#222!important;color:#343a40;}
#nav-main-bar .content-column-wrapper,#footer .content-column-wrapper {display:block;}
#nav-main-bar .logo img {inline-size:100%;block-size:auto;}
#nav-main-bar #nav-main :is(a,strong){color:#fff;}
#nav-main-bar #nav-main :is(a,strong):is(:hover,:focus-visible){color:#8c513b;background:none;}
body{color:#343a40;}
#nav-main-bar .inside {max-width:none;}
.content-page-wrapper > .inside {padding-inline:0;}
.content-cell-wrapper {padding-inline:0;}
p:not(.btn) a[target="_blank"]::after{display:inline;width:auto;}
.content-gallery ul{gap:14px;}
.content-gallery > ul li {padding:0;}
.content-gallery img {border-radius:0;}
.content-gallery figure {border-radius:0;background:none;}
.content-table .table {margin:0;}
.content-table .table > :not(caption) > * > * {padding:7px;}
.content-tabs > label {color:#343a40;}
.content-tabs > input:checked + label,.content-tabs > label:hover{color:#8c513b;}
.content-tabs.tabs-2 > input[type=radio]:checked + label{color:#8c513b;}
.content-icon-box .inside {display:table!important;width:100%;gap:0;}
.content-icon-box .item {display:table-row!important;}
.content-icon-box .icon {display:block;font-size:16px;line-height:24px;}
.content-icon-box .icon svg {display:inline-block;vertical-align:baseline;}
p > a.btn {display:block;font-size:inherit;font-weight:300;line-height:.5;padding:12px;border:0;border-radius:0;box-shadow:none;}
#karriere p > a.btn {line-height:.5;}
.content-teaser-image .vwrapper {display:table!important;}
.content-teaser-image > .vwrapper > .vbottom {display:table-cell;vertical-align:bottom;}
.content-teaser-image .inside:not(:has(*)) {display:none!important;}
.content-teaser-image .inside {overflow:hidden;}
.content-teaser-image .vbottom > .inside:not(:empty) {display:inline-block;margin:7px 0 0;max-width:none;}
.content-teaser-image > .vwrapper.fullheight {block-size:calc(100vh - 224px);min-block-size:400px;}
@media(max-width:1039px){.content-teaser-image > .vwrapper.fullheight {block-size:calc(100vh - 184px);}}
@media(max-width:519px){.content-teaser-image > .vwrapper.fullheight {max-block-size:400px;}}
.content-tabs > .tab-panels {padding:0;}
.content-team-box {color:#343a40;}
.content-team-box .function {margin:0;padding:7px 0;font-size:75%;}
p.mb-0:has(> a.btn) {margin:7px 0!important;}
#nav-social ul.level_1 > li.nav-facebook > a::after {content:"\f39e";font-family:"Font Awesome 7 Brands";}
#nav-social ul.level_1 > li.nav-whatsapp > a::after {content:"\f232";font-family:"Font Awesome 7 Brands";}
#nav-social ul.level_1 > li > a::after {width:auto;inline-size:auto;font-size:20px;font-weight:300;}
.content-button a.btn[target="_blank"]::after {content:none;}
.content-map > .iframe,.content-map > .iframe > iframe {height:450px;block-size:450px;}
#footer #nav-footer :is(a,strong).active,#footer #nav-footer li.active > strong,#footer #nav-footer :is(a,strong):is(:hover,:focus-visible) {background:transparent;border-radius:0;}
#nav-footer ul{display:block;}
#nav-footer ul > li{display:inline-block;}
/* The core's small brand subset omits these customer social icons. */
@font-face{font-family:ManonSocialBrands;src:url('/bundles/themeultimate/fontawesome/fa7/webfonts/fa-brands-400-full.woff2') format('woff2');font-style:normal;font-weight:400;font-display:block;}
#footer #nav-social ul.level_1 > li > a::after{font-family:ManonSocialBrands;font-weight:400;}
@media(max-width:779px){#karriere p.mb-0:has(> a.btn){margin:0!important;}}
#toggle-nav::before,#toggle-nav.active::before{content:none;}
@font-face{font-family:ManonSolidIcons;src:url('/bundles/themeultimate/fontawesome/fa7/webfonts/fa-solid-900-full.woff2') format('woff2');font-style:normal;font-weight:900;font-display:block;}
#toggle-nav::after,.content-tabs > input:checked + label::before{font-family:ManonSolidIcons;font-weight:900;}
#toggle-nav.active{position:absolute;inset-block-start:23px;inset-inline-end:35px;background:transparent;border-radius:0;}
@media(max-width:779px){#nav-main{padding:0;block-size:calc(100% - 113.5px);inline-size:calc(100% - 20px);}}
@media(min-width:780px){#nav-main{display:block;padding:0;block-size:auto;inline-size:auto;overflow:visible;background:transparent;}}
.contao-cookiebar{--ccb-backdrop:rgba(0,0,0,.75);--ccb-bg:initial;--ccb-clr:initial;--ccb-text:initial;--ccb-bdr:initial;--ccb-cookies-bg:initial;--ccb-cookies-bdr:initial;--ccb-info-bg:initial;--ccb-info-bdr:initial;--ccb-detail-clr:initial;--ccb-detail-clr-hvr:initial;--ccb-btn-bg:initial;--ccb-btn-bg-hvr:initial;--ccb-btn-bdr:initial;--ccb-btn-clr:initial;--ccb-focus-clr:#00a4f4;--ccb-checked-clr:#399d32;--ccb-checked-bg:#dcf3db;--ccb-unchecked-clr:#9c9b99;--ccb-unchecked-bg:#fff;color:#444;}
.contao-cookiebar .cc-inner{border:0;border-radius:0;}
.contao-cookiebar :is(.cc-head,.cc-cookie-info,.cc-info,.cc-group,.cc-cookies){color:inherit;}
.contao-cookiebar .cc-btn.success{border-color:var(--ccb-btn-bdr,#cfcfcf);background:var(--ccb-btn-bg,#f5f5f5);color:var(--ccb-btn-clr,#444);}
.contao-cookiebar .cc-btn.success:is(:hover,:focus-visible){border-color:var(--ccb-btn-bdr,#cfcfcf);background:var(--ccb-btn-bg-hvr,#ececec);color:var(--ccb-btn-clr,#444);}