/* start - responsives Menü ###################################################################################################################### */
/* start - Dominikanisches Leben ################################################################################################################# */
/* start - Startseite ############################################################################################################################ */
/* start - zweites Layout für z.B. "Über uns" #################################################################################################### */
/* start - powermail ############################################################################################################################# */
/* start - news ################################################################################################################################## */
/* start - Schriftgröße *1,5 ##################################################################################################################### */
/* start - Kontaktformular ####################################################################################################################### */
/* start - Suche (auf jeder Seite) ############################################################################################################### */

/*
Klammer suchen, vor denen kein Leerzeichen ist:
([^\s])\{
$1 {

Farben:
#F25746	Orange
#FAC3B1	Orange hell
#FEEEE8	Orange noch heller
*/

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../Fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 100.01%;
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	background-color: #fff;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: bold;
	color: #F25746;
	padding: 30px 0 0 0;
}
h1, .h1 {
	font-size: 24px;
	color: #000;
}
h2, .h2 {
	font-size: 22px;
}
h3, .h3 {
	font-size: 20px;
}
h4, .h4 {
	font-size: 18px;
}
h5, .h5 {
	font-size: 16px;
}
h6, .h6 {
	font-size: 14px;
}

h1.element-header {
	color: #fff;
	padding: 0 0 5px 0;
	text-align: right;
}

a, a:visited {
	/* color: #469cf2; */
}
a:hover {
	/* color: #377bbf; */
}
*:focus, A:active {
	outline: none;
}
.headerLogo {
	height: 183px;
	margin-top: 0;
	display: block;
	margin-bottom: 0;
}
.headerMainTitle {
	position: absolute;
	top: 45px;
	display: inline-block;
	font-size: 30px;
	font-weight: bold;
	width: 500px;
	line-height: 35px;
}
.headerCountries {
	position: relative;
	top: 24px;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 28px;
	font-weight: bold;
	width: auto;
	text-align: right;
	float: right;
	color: #FAC3B1;
}
.headerCountries p {
	margin: 0;
	padding: 0;
}
.headerCountries p span {
	display: block;
}
@media all and (max-width: 991px) {
	.headerCountries p span::after {
		content: ' /';
		color: #FAC3B1;
	}
	.headerCountries p span:last-child::after {
		content: '';
	}
	.headerCountries p span::before {
		content: '.';
		color: #fff;
	}
	.headerCountries {
		top: 158px;
		font-size: 18px;
		line-height: normal;
		right: 20px;
		position: absolute;
	}
	.headerCountries p span {
		display: inline-block;
	}
}
@media all and (min-width: 1200px) {
	.headerLogo,
	.headerCountries {
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media all and (max-width: 1200px) {
	.headerLogo,
	.headerCountries {
		max-width: 920px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media all and (max-width: 991px) {
	#page-header .container {
		max-width: 920px;
	}
	.navbar-brand-logo-normal {
		margin-left: 10px;
	}
}
@media all and (max-width: 768px) {
	.headerLogo {
		margin-top: 0;
		height: 190px;
	}
	.headerMainTitle {
		top: 30px;
		font-size: 30px;
		width: 360px;
		line-height: 35px;
	}
}
@media all and (max-width: 670px) {
	.headerLogo {
		margin-top: 0;
		height: 220px;
	}
}
@media all and (max-width: 600px) {
	.headerLogo {
		height: 220px;
	}
	.headerCountries {
		width: 250px;
	}
	.headerCountries span:nth-child(2)::after {
		content: '';
	}
}
@media all and (max-width: 576px) {
	.headerLogo {
		margin-top: 0;
	}
	.headerMainTitle {
		top: 47px;
		font-size: 20px;
		width: 240px;
		line-height: 25px;
	}
	.headerCountries {
		top: 158px;
	}
}
@media all and (max-width: 450px) {
	.headerMainTitle {
		top: 7px;
		font-size: 18px;
		width: 160px;
		line-height: 25px;
	}
	.headerLogo {
		height: 220px;
	}
	.headerLogo img {
		width: 120px;
		height: auto;
	}
	.headerCountries {
		top: 145px;
	}
}

header#page-header {
	margin-top: 0px;
	height: 35px;
	background-color: #F25746 !important;
}
/*.navbar-mainnavigation {
	--mainnavigation-nav-height: 35px !important;
}*/
@media all and (max-width: 991px) {
	header#page-header {
		height: 34px;
	}
  /*.navbar-mainnavigation {
    --mainnavigation-nav-height: 34px !important;
  }*/
}
nav#mainnavigation {
	position: absolute;
	width: 100%;
	max-width: 1100px;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
nav#mainnavigation .nav-item a {
	color: #000;
}
/* erste Ebene: */
/* erste Ebene: nur Hauptmenü-Link, nicht die Submenü-Spans */
nav#mainnavigation > ul.navbar-nav > .nav-item > .nav-link-main .nav-link-text {
	padding: 0 50px 0 10px;
	line-height: 35px;
	font-size: 18px;
	color: #000;
}
nav#mainnavigation > ul.navbar-nav > .nav-item.active > .nav-link-main .nav-link-text,
nav#mainnavigation > ul.navbar-nav > .nav-item > .nav-link-main .nav-link-text:hover {
	/* background: rgba(249, 184, 159, 0.9); */
	background: transparent;
	color: #fff;
}

/* zweite Ebene wird weiter unten im TYPO3-13/BP16-Block über .nav-link-dropdown geregelt. */
.navbar-mainnavigation .dropdown-menu {
	top: 42px;
	left: 19px;
	margin-left: 1px;
	padding: 1px 0 0 0;
	background-color: transparent;
	border: none;
}
.navbar-mainnavigation .dropdown-item {
	padding: 2px 11px;
	margin-bottom: 2px;
}
@media all and (max-width: 1200px) {
	nav#mainnavigation {
		max-width: 920px;
	}
}

/* start - responsives Menü ###################################################################################################################### */

.navbar-toggler.collapsed .navbar-toggler-icon {
	height: 3px;
	margin-left: 15px;
}
.navbar-toggler-icon::after, .navbar-toggler-icon, .navbar-toggler-icon::before {
	width: 32px;
	height: 3px;
}
.navbar-toggler.collapsed .navbar-toggler-icon::before {
	top: -9px;
}
.navbar-toggler.collapsed .navbar-toggler-icon::after {
	top: 9px;
}
.dropdown-toggle::after {
	border-top: 0.7em solid;
	border-right: 0.7em solid transparent;
	border-bottom: 0;
	border-left: 0.7em solid transparent;
}
.navbar-mainnavigation .dropdown-toggle::after {
	margin-left: 10px;
}
@media all and (max-width: 991px) {
	nav#mainnavigation {
		top: 70px;
		background: #F25746;
		z-index: 2;
		width: auto;
		padding: 10px 20px 10px 0px;
		border: 1px solid #ccc;
	}
	.navbar-mainnavigation .dropdown-menu {
		border-left: 4px solid #ccc;
		padding: 0 0 0 45px;
	}
	nav#mainnavigation .nav-item .nav-link-text {
		background-color: transparent;
	}
}
.navbar-mainnavigation.navbar-default a:not(.active):hover, 
.navbar-default-transition.navbar-mainnavigation a:not(.active):hover, 
.navbar-default-transition.navbar-transition.navbar-mainnavigation a:not(.active):hover, 
.navbar-mainnavigation.navbar-default a:not(.active):focus, 
.navbar-default-transition.navbar-mainnavigation a:not(.active):focus, 
.navbar-default-transition.navbar-transition.navbar-mainnavigation a:not(.active):focus {
}

div#c8.frame.frame-default.frame-type-textmedia.frame-layout-0.frame-background-none.frame-no-backgroundimage.frame-space-before-none.frame-space-after-none {
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
}

/* ende  - responsives Menü ###################################################################################################################### */

ol.breadcrumb li:nth-child(1),
ol.breadcrumb li:nth-child(2)::before {
	display: none;
}
p#breadcrumb.sr-only {
	display: inline-block;
}

nav#mainnavigation ul.navbar-nav {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 1100px;
	display: -webkit-flex;
	display: flex;
}
nav#mainnavigation ul.navbar-nav li {
	-webkit-flex: 1;
	flex: 1;
}
.navbar-mainnavigation > .navbar-nav .nav-link,
.navbar-mainnavigation > .container > .collapse > .navbar-nav .nav-link,
.navbar-mainnavigation > .container-fluid > .collapse > .navbar-nav .nav-link {
	padding-right: 0;
	padding-left: 20px;
}
@media all and (max-width: 1200px) {
	nav#mainnavigation ul.navbar-nav {
		max-width: 920px;
	}
}
.navbar-mainnavigation {
	box-shadow: none;
}
@media all and (min-width: 768px) {
	.navbar-mainnavigation .navbar-brand {
		height: 280px;
	}
}
.navbar-mainnavigation .navbar-brand-image {
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
}
@media all and (min-width: 768px) {
	.navbar-mainnavigation .navbar-brand-image img {
		max-height: unset;
	}
}
.cc-btn.cc-dismiss {
	cursor: pointer;
}

@media (min-width: 576px) {
  .footer-section-content-column-left {
    width: 100%;
  }
}

.header-language {
	position: absolute;
	right: 20px;
	top: 10px;
	font-size: 12px;
	text-transform: uppercase;
}
.header-language .language-menu {
	margin: 0;
	list-style: none;
	padding-left: 0;
}
.header-language .language-menu li {
	padding-left: 20px;
}
.header-language .language-menu li:nth-child(1) {
	background: transparent url('../Images/Layout/de.png') no-repeat 0 3px;
}
.header-language .language-menu li:nth-child(2) {
	background: transparent url('../Images/Layout/gb.png') no-repeat 0 3px;
}
@media (max-width: 1350px) {
	.header-language {
		top: 145px;
	}
}
@media (max-width: 991px) {
	.header-language {
		top: 10px;
	}
}
@media (max-width: 670px) {
	.header-language {
		right: unset;
		left: 10px;
		top: 180px;
		font-size: 12px;
	}
}
.header-language .language-menu a,
.header-language .language-menu a:visited {
	color: #999;
}
.header-language .language-menu .active a::after {
	content: ' ∗';
}
.header-language {
	/* display: none; */
}

.frame.frame-type-header {
	padding-top: 1.5rem;
	padding-bottom: .5rem;
}

#page-footer .frame {
	padding: 15px 0 0 0;
}

#page-footer section.footer-section-meta div.frame {
	padding: 0;
}

#page-footer section.footer-section-content .table {
	color: #fff;
}
#page-footer section.footer-section-content .table td:nth-child(1) p:nth-child(1) {
	color: #FAC3B1;
}
#page-footer section.footer-section-content .table td p {
	margin-bottom: 8px;
}
#page-footer .table td:nth-child(1) {
	width: 50%;
}
#page-footer .table td:nth-child(2) {
	width: 30%;
}
#page-footer .table td:nth-child(3) {
	width: 20%;
}
@media all and (max-width: 576px) {
	#page-footer .table td {
		width: 100% !important;
		display: block;
	}
	#page-footer .table td:nth-child(1),
	#page-footer .table td:nth-child(2) {
		border-bottom: 2px solid #F25746;
		padding: 40px 0 20px 0;
	}
	#page-footer .table td:nth-child(3) {
		padding: 40px 0 0 0;
	}
}

.table th, .table td {
	border-top: none;
}

.carousel .item {
	height: 505px;
}

.carousel .carousel-header {
	display: none;
}
.carousel .carousel-control-prev .carousel-control-icon {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
.carousel .carousel-control-next .carousel-control-icon {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}

/* .carousel .carousel-backgroundimage-container, .carousel .carousel-backgroundimage {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-position: center;
	background-size: cover;
} */
@media all and (max-width: 1200px) {
	.carousel .item {
		height: 419px;
	}
}
@media all and (max-width: 991px) {
	.carousel .item {
		height: 419px;
	}
	.frame-type-carousel .frame-container {
		padding-left: 0;
		padding-right: 0;
	}
}
@media all and (max-width: 768px) {
	.carousel .item {
		height: 366px;
	}
}
@media all and (max-width: 670px) {
	.carousel .item {
		height: 324px;
	}
}
@media all and (max-width: 600px) {
	.carousel .item {
		height: 286px;
	}
}
@media all and (max-width: 576px) {
	.carousel .item {
		height: 274px;
	}
}
@media all and (max-width: 450px) {
	.carousel .item {
		height: 214px;
	}
}
@media all and (max-width: 400px) {
	.carousel .item {
		height: 191px;
	}
}
@media all and (max-width: 350px) {
	.carousel .item {
		height: 167px;
	}
}

/* Text/Bild rechts wie alte Seite */
.section.section-default .textmedia.textmedia-right {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: flex-start !important;
	gap: 0 !important;
}

.section.section-default .textmedia.textmedia-right > .textmedia-text {
	order: 1 !important;
	width: 62% !important;
	flex: 0 0 62% !important;
	max-width: 62% !important;
}

.section.section-default .textmedia.textmedia-right > .textmedia-gallery {
	order: 2 !important;
	width: 38% !important;
	flex: 0 0 38% !important;
	max-width: 38% !important;
}

/* Bilder in der rechten Spalte sauber begrenzen */
.section.section-default .textmedia.textmedia-right .textmedia-gallery img,
.section.section-default .textmedia.textmedia-right .textmedia-gallery picture {
	max-width: 100% !important;
	height: auto !important;
}

/* Unter 768px: Bild unter den Text */
@media all and (max-width: 768px) {
	.section.section-default .textmedia.textmedia-right {
		flex-direction: column !important;
	}

	.section.section-default .textmedia.textmedia-right > .textmedia-text {
		order: 1 !important;
		width: 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.section.section-default .textmedia.textmedia-right > .textmedia-gallery {
		order: 2 !important;
		width: 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

.image-left img {
	float: left;
}
.image-right img {
	float: right;
}
@media all and (max-width: 576px) {
	.image-left img,
	.image-right img {
		float: none;
		display: block;
		margin: 10px 0 10px 0;
	}
}
p.float-end {
	clear: both;
	height: 1px;
	font-size: 1px;
	margin: 0;
	padding: 0;
}

/* start - Dominikanisches Leben ################################################################################################################# */

/*
c323 = deutsche Seite
c326 = englische Seite
*/

body.page-8 #c323 .table td,
body.page-8 #c326 .table td {
	padding: 0;
}
body.page-8 #c323.frame,
body.page-8 #c326.frame {
	padding-top: 0;
}
body.page-8 #c323 .table td:nth-child(1),
body.page-8 #c323 .table td:nth-child(3),
body.page-8 #c326 .table td:nth-child(1),
body.page-8 #c326 .table td:nth-child(3) {
	width: 27%;
}
body.page-8 #c323 .table td:nth-child(2),
body.page-8 #c323 .table td:nth-child(4),
body.page-8 #c326 .table td:nth-child(2),
body.page-8 #c326 .table td:nth-child(4) {
	width: 21%;
	text-align: right;
}
body.page-8 #c323 .table td:nth-child(2) img,
body.page-8 #c323 .table td:nth-child(4) img,
body.page-8 #c326 .table td:nth-child(2) img,
body.page-8 #c326 .table td:nth-child(4) img {
	max-width: 100%;
	height: auto;
}
body.page-8 #c323 .table td:nth-child(2),
body.page-8 #c326 .table td:nth-child(2) {
	padding: 0 10px 0 5px;
}
body.page-8 #c323 .table td:nth-child(3),
body.page-8 #c326 .table td:nth-child(3) {
	padding-left: 10px;
}
body.page-8 #c323 .table td:nth-child(4),
body.page-8 #c326 .table td:nth-child(4) {
	padding: 0 0 0 5px;
}
@media all and (max-width: 576px) {
	body.page-8 #c323 .table td,
	body.page-8 #c326 .table td {
		display: inline-block;
		width: 100% !important;
	}
	body.page-8 #c323 .table td:nth-child(2),
	body.page-8 #c323 .table td:nth-child(4),
	body.page-8 #c326 .table td:nth-child(2),
	body.page-8 #c326 .table td:nth-child(4) {
		text-align: left;
	}
}

body#p8 #c323.frame,
body#p8 #c326.frame {
	padding-top: 0px !important;
	padding-bottom: 30px;
}
body#p8 #c323.frame .frame-container.frame-container-default .frame-inner .table-responsive table.table td,
body#p8 #c326.frame .frame-container.frame-container-default .frame-inner .table-responsive table.table td {
	background: transparent !important;
	padding-top: 0 !important;
	border: none !important;
	box-shadow: unset !important;
}

/* ende  - Dominikanisches Leben ################################################################################################################# */

/* start - Startseite ############################################################################################################################ */

/* Karussell auf der Startseite: */
body.page-2 #c74.frame,
body.page-2 #c128.frame,
body.page-2 #c140.frame,
body.page-2 #c144.frame {
	padding-top: 5px;
}
#page-content div#c74.frame,
#page-content div#c128.frame,
#page-content div#c140.frame,
#page-content div#c144.frame {
	padding-bottom: 0;
}

body.page-2 #c18.frame,/* de:c18, en:c27 */
body.page-2 #c27.frame,/* de:c18, en:c27 */
body.page-2 #c20.frame,/* de:c20, en:c26 */
body.page-2 #c26.frame,/* de:c20, en:c26 */
body.page-2 #c21.frame,/* de:c21, en:c28 */
body.page-2 #c28.frame {/* de:c21, en:c28 */
	padding-top: 15px;
}
body.page-2 #c20.frame,/* de:c20, en:c26 */
body.page-2 #c26.frame {/* de:c20, en:c26 */
	padding-left: 15px !important;
}
@media all and (max-width: 768px) {
	body.page-2 #c20.frame,/* de:c20, en:c26 */
	body.page-2 #c26.frame {/* de:c20, en:c26 */
		padding-left: 0 !important;
	}
}
body.page-2 #c21.frame,/* de:c21, en:c28 */
body.page-2 #c28.frame {/* de:c21, en:c28 */
	padding-right: 15px !important;
}

body.page-2 h2.element-header {
	padding: 0 0 5px 0;
}

body.page-2 #c21 h2.element-header,/* de:c21, en:c28 */
body.page-2 #c28 h2.element-header {/* de:c21, en:c28 */
	margin-bottom: 0px;
}

/* ende  - Startseite ############################################################################################################################ */

/* start - zweites Layout für z.B. "Über uns" #################################################################################################### */

body.backendlayout-none .frame-container {
	max-width: 100%;
}

body.backendlayout-none .frame.frame-indent .frame-container .frame-inner {
	margin: 0;
}
body.backendlayout-none .frame.frame-default .frame-container {
	padding-right: 0;
	max-width: 100%;
	width: auto;
	padding-left: 20px;
	margin-left: 0;
	margin-right: 0;
}
body.backendlayout-none .frame.frame-default .frame-container .table td img {
	margin-left: 10px;
	margin-bottom: 10px;
}
@media all and (max-width: 991px) {
	body.backendlayout-none .frame.frame-default .frame-container {
		padding-left: 0;
	}
	body.backendlayout-none .frame.frame-default .frame-container .textmedia .textmedia-item,
	body.backendlayout-none .frame.frame-default .frame-container .textmedia .textpic-item {
		order: 1;
		width: 100%;
		padding-left: 0px;
		padding-right: 20px;
	}
	body.backendlayout-none .frame.frame-default .frame-container .table td {
		width: 100%;
		display: block;
	}
}
@media all and (max-width: 576px) {
	body.backendlayout-none .frame.frame-default .frame-container .table td img {
		float: none !important;
		display: block;
		margin-left: 0;
		margin-bottom: 10px;
	}
}

body.backendlayout-none .frame.frame-default .frame-container .textmedia {
	margin-left: 0;
	margin-right: 0;
}

body.backendlayout-3_columns .maincontent-wrap,
body.backendlayout-3_columns .subcontent-wrap {
	width: calc(100% / 12 * 4);
}
@media all and (max-width: 768px) {
	body.backendlayout-3_columns .maincontent-wrap,
	body.backendlayout-3_columns .subcontent-wrap {
		width: 100%;
	}
}

@media all and (min-width: 1200px) {
	body.backendlayout-none .frame.frame-indent .frame-container,
	.frame .frame-container,
	.section.section-default .container {
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media all and (max-width: 1200px) {
	body.backendlayout-none .frame.frame-indent .frame-container,
	.frame .frame-container,
	.section.section-default .container {
		max-width: 920px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media all and (max-width: 991px) {
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 600px) {
}
@media all and (max-width: 576px) {
}
@media all and (max-width: 450px) {
}

/* ende  - zweites Layout für z.B. "Über uns" #################################################################################################### */

/* start - powermail ############################################################################################################################# */

.powermail_textarea {
	display: block;
	width: 100%;
	height: auto;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.powermail_input,
.powermail_captcha {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.powermail_captcha {
	margin-bottom: 8px;
}

.powermail_textarea:focus,
.powermail_input:focus,
.powermail_captcha:focus {
  border-color: #F25746;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(242, 87, 70, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(242, 87, 70, .6);
}

.parsley-required,
.parsley-custom-error-message,
.powermail_message_error {
	font-weight: bold;
	color: #a94442;
	font-size: 18px;
}

.powermail_fieldwrap {
	padding-top: 20px;
}

label {
	margin-bottom: 0;
}

/* ende  - powermail ############################################################################################################################# */

/* start - news ################################################################################################################################## */

.news .article .news-img-wrap a {
	display: block;
	float: left;
	padding: 0;
	border: none;
	background: transparent;
}

.news-img-wrap .outer img {
	margin-top: 20px;
}
.news-img-wrap .outer:nth-child(1) img {
	margin-top: 0;
}
.news-img-wrap .outer:last-child img {
	/* Deaktiviert, damit zwischen Bild und Caption kein Abstand ist: */
	/* margin-bottom: 20px; */
}

.news .article .news-img-wrap {
	background: transparent;
	width: 332px;
}

.news .article .news-img-wrap img {
	max-width: 100%;
}

.news .news-list-view .news-img-wrap {
}

.news .news-list-view .header,
.news .news-list-view .teaser-text {
	margin-left: 345px !important;
}
@media all and (max-width: 576px) {
	.news .news-list-view .header {
		margin-left: 0 !important;
	}
	.news .news-list-view .teaser-text {
		margin-left: 0 !important;
	}
}
#c21 .news .news-list-view .header,/* de:c21, en:c28 */
#c21 .news .news-list-view .teaser-text,/* de:c21, en:c28 */
#c28 .news .news-list-view .header,/* de:c21, en:c28 */
#c28 .news .news-list-view .teaser-text {/* de:c21, en:c28 */
	margin-left: 0 !important;
}

.news .article h3 {
	margin-bottom: 10px !important;
}
body.page-2 .news .article h3 {
	margin-bottom: 0 !important;
}

.news.news-single .article .news-img-wrap .outer .news-img-caption {
	width: 300px;
}

/* Seite Archiv Datumsarchiv: */
.news .news-menu-view ul {
	padding-left: 0;
}
.news .news-menu-view ul li ul {
	/* padding-left: 20px; */
}
.news .news-menu-view ul li {
	font-weight: bold;
	font-size: 28px;
	list-style: none;
	color: #666;
}
.news .news-menu-view ul li ul li {
	font-weight: normal;
	font-size: 18px;
}

.news .footer {
	/* border-top: 1px solid #FAC3B1; */
	margin: 0;
	padding: 0;
}

.page-navigation {
	font-size: 16px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
	margin: 5px 0 20px 0;
	width: 100%;
}

.page-navigation-info {
	display: inline-block;
	margin-right: 15px;
	color: #000;
	white-space: nowrap;
}

.page-navigation ul,
.page-navigation ul.f3-widget-paginator {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 3px;
	margin: 0 0 0 auto;
	padding: 0;
	list-style: none;
}

.page-navigation ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.page-navigation ul li a,
.page-navigation ul li.current {
	display: inline-block;
	padding: 2px 20px !important;
	background-color: #FEEEE8;
	border: 1px solid #F25746;
	color: #000;
	text-decoration: none;
}

.page-navigation ul li.current {
	background-color: #FEEEE8 !important;
	border-color: transparent;
	color: #000;
}

.page-navigation ul li a:hover,
.page-navigation ul li a:focus {
	background-color: #F25746;
	border-color: #F25746;
	color: #fff;
	text-decoration: none;
}

@media all and (max-width: 768px) {
	.page-navigation {
		align-items: flex-start;
	}

	.page-navigation ul,
	.page-navigation ul.f3-widget-paginator {
		width: 100%;
		justify-content: flex-start;
		margin-left: 0;
	}
}

@media all and (max-width: 576px) {
	.news.news-single .article .news-img-wrap {
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 20px 0 !important;
	}

	.news.news-single .article .news-img-wrap .outer {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 20px 0 !important;
		clear: both !important;
	}

	.news.news-single .article .news-img-wrap .mediaelement,
	.news.news-single .article .news-img-wrap .mediaelement a,
	.news.news-single .article .news-img-wrap .mediaelement img {
		display: block !important;
		float: none !important;
		max-width: 100% !important;
		height: auto !important;
	}

	.news.news-single .article .news-img-wrap .news-img-caption {
		display: block !important;
		width: auto !important;
		max-width: 100% !important;
		clear: both !important;
		margin: 5px 0 0 0 !important;
	}
}

/* Seite Archiv Datumsarchiv: */
/*@media all and (min-width: 1200px) {
	body.page-36 .frame-container .frame-inner .news {
		background: transparent url('../Images/candles-2628473_1920.jpg') no-repeat right top;
		background-size: 450px auto;
		min-height: 240px;
	}
}
@media all and (max-width: 1200px) {
	body.page-36 .frame-container .frame-inner .news {
		background: transparent url('../Images/candles-2628473_1920.jpg') no-repeat right top;
		background-size: 300px auto;
		min-height: 160px;
	}
}
@media all and (max-width: 576px) {
	body.page-36 .frame-container .frame-inner .news {
		background-size: 150px auto;
		min-height: 80px;
	}
}
@media all and (max-width: 450px) {
	body.page-36 .frame-container .frame-inner .news {
		background: none;
		min-height: unset;
	}
}*/

/* Seite Aktuelles: */
body.page-4.backendlayout-none .frame.frame-default .frame-container,
body.page-38.backendlayout-none .frame.frame-default .frame-container {
	padding-left: 0;
}

.news .news-list-view .article-wrapper {
	background-color: #FEEEE8;
	margin: 5px;
	margin-bottom: 0;
	padding: 20px 0 0 0;
}
body.page-2 .news .news-list-view .article-wrapper {
	background-color: transparent;
	margin-bottom: 0;
	padding: 0;
}
@media all and (min-width: 1200px) {
	.news .news-list-view .article-wrapper .article,
	.page-navigation {
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media all and (max-width: 1200px) {
	.news .news-list-view .article-wrapper .article,
	.page-navigation {
		max-width: 920px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media all and (max-width: 991px) {
	.news .news-list-view .article-wrapper .article,
	.page-navigation {
		max-width: 100%;
		/* margin-left: 20px; */
		margin-right: 10px;
	}
}
@media all and (max-width: 768px) {
	.news .news-list-view .article-wrapper .article {
		margin-left: 0;
	}
}
@media (max-width: 576px) {
	.news-related {
		width: 100%;
		display: block;
	}
}

/* Aktuelles auf der Startseite: */
#c21 h2.element-header,/* de:c21, en:c28 */
#c21 h2.element-header a,/* de:c21, en:c28 */
#c21 h2.element-header a:visited,/* de:c21, en:c28 */
#c28 h2.element-header,/* de:c21, en:c28 */
#c28 h2.element-header a,/* de:c21, en:c28 */
#c28 h2.element-header a:visited {/* de:c21, en:c28 */
	color: #666;
}
#c21 h3 a span,/* de:c21, en:c28 */
#c28 h3 a span {/* de:c21, en:c28 */
	font-size: 18px;
}
#c21 .article-wrapper,/* de:c21, en:c28 */
#c28 .article-wrapper {/* de:c21, en:c28 */
	margin: 0;
}
#c21 .article-wrapper img,/* de:c21, en:c28 */
#c28 .article-wrapper img {/* de:c21, en:c28 */
	max-width: 312px !important;
	height: auto !important;
}

.news .news-list-view .article-wrapper.archiv {
	background-color: transparent;
	margin: 5px;
	margin-bottom: 0;
	padding: 0 0 0 0;
}
.news .news-list-view .article-wrapper.archiv .header,
.news .news-list-view .article-wrapper.archiv .teaser-text {
	margin-left: 0 !important;
}
.news .article-wrapper.archiv .article h3 {
	margin-bottom: 10px !important;
	padding-top: 0 !important;
}
.news .article-wrapper.archiv .article .header h3 a {
	color: #000;
}
.news .article-wrapper.archiv .article .header h3 a .news-related-news-date {
	color: #f25746;
}

ul.f3-widget-paginator {
	margin: 5px 0 20px 0;
	padding: 0;
}

.news .teaser-text::after {
	content: ' ...';
	color: #f25746;
}

/* ende  - news ################################################################################################################################## */

.frame {
	padding-top: 30px;
	padding-bottom: 30px;
}

/* external url 12x12px */
a[target="_blank"]::after {
	content: "";
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAArUlEQVQY022OvwsBARzFP5IBZbgii8GGEvcviAG7xZ9gVAY75ceqTFL+D4M/wK6k2C1C55bzcnfulO9bXn3e9/Xg9xa8sHAkKlQ/MikRo0CHvQuunDlKJ7ZkSLHkzo4Heu1RVt6kSJaViqa0uCHT9PoN1orNiJNnFIA0G/kJSX+HC6LaYzNW2mCu2hDoMyAhl+NAOwAQkfgH/PsCmyE1Gp7qdLm4wNHEZ0iW2/EGuDw57FusxNMAAAAASUVORK5CYII=") no-repeat scroll center 4px;
	margin-right: 5px;
	padding-right: 18px;
}

/* start - Schriftgröße *1,5 ##################################################################################################################### */

@media all and (max-width: 576px) {

/* external url 16x16px */
a[target="_blank"]::after {
	content: "";
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAyklEQVQoz2NgwAQWDJ8Y/sMhFqDMMJVhNsMJhn8QBdUMNXBYy5DNwAs15SJQ8g9IwX+G3wxfofA7wyUGSaC0JcNloPhRhh0QBdsYzOBQj4GVwZrhKlhai2ECRMEiFBfYMVwHih1m0ASy2xjeoSuwZ7gBFDnEoAHmSQBNQVHgxHATyN/PoI5sJEKBKcNtIG8vgyqQzQ/0UwwDI6qCCIYfDLsZVMBsGYZHDCvQFQgAXSANZWNVgAyorOA2wzyGuWhwBTDYl8EU4IJgBQAgQmYqxbELJgAAAABJRU5ErkJggg==") no-repeat scroll center 5px;
	margin-right: 5px;
	padding-right: 21px;
}

nav#mainnavigation .nav-item .nav-link-text {
	font-size: 27px;
}
.dropdown-menu {
	font-size: 21px;
}

h1, .h1 {
	font-size: 36px;
}
h2, .h2 {
	font-size: 33px;
}
h3, .h3 {
	font-size: 30px;
}
h4, .h4 {
	font-size: 27px;
}
h5, .h5 {
	font-size: 24px;
}
h6, .h6 {
	font-size: 21px;
}

#page-content a,
#page-content p,
#page-content td,
#page-content li,
#page-content pre {
	font-size: 21px;
}

#page-footer a,
#page-footer p,
#page-footer td,
#page-footer li,
#page-footer pre {
	font-size: 18px;
}

}/* @media all and (max-width: 576px) { */

/* ende  - Schriftgröße *1,5 ##################################################################################################################### */

h4.accordion-title {
	margin: 0;
	padding: 0;
}

.accordion {
	margin-bottom: 5px !important;
}

@media all and (max-width: 768px) {
	.accordion .table-responsive table td {
		display: block;
		width: 100%;
	}
}
@media all and (max-width: 576px) {
	.accordion .table-responsive table td img {
		width: 100%;
		height: auto;
	}
}

.frame-accord {
	margin-top: 0 !important;
	margin-bottom: -6px !important;
	padding: 0;
}

.frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage) {
	margin-top: -2.2rem;
}

.navbar-mainnavigation .navbar-nav > li > .nav-link::before {
	display: none !important;
}

.section.section-default {
	min-height: 430px;
}

.navbar-toggler-icon {
	left: 0%;
}
.navbar-toggler {
	width: 34px !important;
	line-height: 34px;
}
.dropdown-toggle::after {
	margin-right: 10px;
}

.frame-background-secondary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-secondary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage) {
	margin-top: 0;
}

a.button1, a.button1:visited {
	padding: 5px 15px;
	background-color: #f25746;
	border: 1px solid #f25746;
	color: #fff;
	margin: 8px 0;
	display: inline-block;
	text-decoration: none;
	border-radius: 2px;
}
a.button1:hover {
	background-color: #fff;
	color: #f25746;
}

/* start - Kontaktformular ####################################################################################################################### */

body.page-13 .form-container #c277.frame,
body.page-13 .form-container #c274.frame {
	padding-top: 0;
	padding-bottom: 8px;
}

span.error {
	color: #dc3545;
	font-weight: bold;
	font-size: 120%;
}

body.page-13 .form-container #c277.frame .frame-container,
body.page-13 .form-container #c274.frame .frame-container,
body.page-13 .form-container .form-check {
	padding: 0;
}

/* ende  - Kontaktformular ####################################################################################################################### */

/* start - Suche (auf jeder Seite) ############################################################################################################### */

body.page-78 .searchFieldEachPage,
.searchFieldEachPage fieldset .form-group label.control-label {
	display: none;
}

.searchFieldEachPage {
	position: absolute;
	top: 138px;
	right: 20px;
}

.searchFieldEachPage .form-control {
	flex: unset;
	position: absolute;
	left: unset;
	right: 0px;
}

input#tx-indexedsearch-searchbox-sword {
	background-color: transparent;
	/* background-color: #ccc; */
	border: none;
	transition: width 1s;
	-webkit-transition: width 1s;
	transition-timing-function: ease-out;
	width: 1px;
	padding: 5px 10px;
	border: 1px solid transparent;
}
body.page-78 input#tx-indexedsearch-searchbox-sword {
	border: 1px solid #ced4da;
}

.searchFieldEachPage #tx_indexedsearch fieldset .form-group .input-group > input#tx-indexedsearch-searchbox-sword {
	margin-right: 40px;
}
.searchFieldEachPage #tx_indexedsearch fieldset .form-group .input-group:hover > input#tx-indexedsearch-searchbox-sword,
input#tx-indexedsearch-searchbox-sword:focus {
	width: 220px !important;
	background-color: #fff;
	/* background-color: blue; */
	border: 1px solid #ced4da;
}

.searchFieldEachPage input#tx-indexedsearch-searchbox-button-submit {
	background-image: url(../Images/Layout/icons-black.svg#oo-search);
	background-repeat: no-repeat;
	background-size: 30px;
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	top: 4px;
	right: 0;
	color: transparent;
	font-size: 16px;
	border: none;
	background-color: transparent;
	background-position: 0 -3px;
}

@media (max-width: 1350px) {
	.searchFieldEachPage {
		position: absolute;
		top: 138px;
		right: 120px;
	}
	.searchFieldEachPage input#tx-indexedsearch-searchbox-button-submit {
		top: 8px;
		right: 0;
	}
}

@media (max-width: 990px) {
	.searchFieldEachPage {
		position: absolute;
		top: 116px;
		right: 20px;
	}
	.searchFieldEachPage input#tx-indexedsearch-searchbox-button-submit {
		top: 4px;
		right: 0;
	}
}

@media (max-width: 800px) {
	.searchFieldEachPage {
		display: none;
	}
}

/* ende  - Suche (auf jeder Seite) ############################################################################################################### */

.navbar-brand {
	display: inline-block;
	padding-top: 0.3125rem;
	padding-bottom: 0.3125rem;
	margin-right: 0;
	font-size: 1.25rem;
	line-height: inherit;
	white-space: nowrap;
}

.news .article .news-img-wrap a {
	float: none;
}

/* start - om_cookie_manager ##################################################################################################################### */

.om-cookie-info table td {
	text-align: left !important;
}
.om-cookie-info table thead {
	display: none;
}
.om-cookie-info table th,
.om-cookie-info table td {
	padding: 0;
	border: none;
}
.om-cookie-info table {
	border: none;
}
.om-cookie-panel .cookie-panel__button--color--green {
	background-color: #60761e;
	margin-bottom: 10px;
}

.om-cookie-info table td {
	text-align: left !important;
}
.om-cookie-panel .cookie-panel__button--color--green:hover,
.om-cookie-panel .cookie-panel__button:hover {
	background-color: #2f8abe;
}

.om-cookie-panel {
	bottom: -1px;
}

/* ende  - om_cookie_manager ##################################################################################################################### */

button.nav-link.nav-link-toggle{
	display: none;
}
.searchFieldEachPage fieldset label.form-label {
  display:none !important;
}

/* von ChatGPT ################################################################################################################################### */

/* TYPO3 13 / Bootstrap Package 16 - Navigation an altes WPR-Layout annähern */

nav#mainnavigation .nav-item a {
	color: #000;
}

/* erste Ebene: nur Hauptmenü-Link, nicht die Submenü-Spans */
nav#mainnavigation > ul.navbar-nav > .nav-item > .nav-link-main .nav-link-text {
	padding: 0 50px 0 10px;
	line-height: 35px;
	font-size: 18px;
	color: #000;
	white-space: nowrap;
}

nav#mainnavigation > ul.navbar-nav > .nav-item.active > .nav-link-main .nav-link-text,
nav#mainnavigation > ul.navbar-nav > .nav-item > .nav-link-main .nav-link-text:hover {
	background: transparent;
	color: #fff;
}

.navbar-mainnavigation .dropdown-menu,
.navbar-mainnavigation .dropdown-menu-simple {
	top: 42px;
	left: 19px;
	margin-left: 1px;
	padding: 1px 0 0 0;
	background-color: transparent;
	border: none;
}

/* Untermenü-Links: TYPO3 13 / Bootstrap Package 16 verwendet .nav-link-dropdown statt .dropdown-item */
#page-header.navbar-mainnavigation .dropdown-menu .nav-link-dropdown,
#page-header.navbar-mainnavigation .dropdown-menu .dropdown-item {
	padding: 2px 11px;
	margin-bottom: 2px;
	background: rgba(254, 239, 225, 0.9);
	color: #000;
}

#page-header.navbar-mainnavigation .dropdown-menu .nav-link-dropdown:hover,
#page-header.navbar-mainnavigation .dropdown-menu .nav-link-dropdown:focus,
#page-header.navbar-mainnavigation .dropdown-menu .nav-link-dropdown.active,
#page-header.navbar-mainnavigation .dropdown-menu .nav-link-dropdown:active,
#page-header.navbar-mainnavigation .dropdown-menu .dropdown-item:hover,
#page-header.navbar-mainnavigation .dropdown-menu .dropdown-item:focus,
#page-header.navbar-mainnavigation .dropdown-menu .dropdown-item.active,
#page-header.navbar-mainnavigation .dropdown-menu .dropdown-item:active {
	background: rgba(249, 184, 159, 0.9);
	color: #fff;
}

nav#mainnavigation ul.navbar-nav {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 1100px;
	display: flex;
}

nav#mainnavigation ul.navbar-nav > li {
	flex: 1;
}

.navbar-mainnavigation > .navbar-nav .nav-link,
.navbar-mainnavigation > .container > .collapse > .navbar-nav .nav-link,
.navbar-mainnavigation > .container-fluid > .collapse > .navbar-nav .nav-link,
.navbar-mainnavigation > .container-mainnavigation > .collapse > .navbar-nav .nav-link {
	padding-right: 0;
	padding-left: 20px;
}

.navbar-mainnavigation {
	box-shadow: none;
}

/* Desktop: Subnavigation bei Mouseover anzeigen - erst ab 1200px */
@media all and (min-width: 1200px) {
	.navbar-mainnavigation .nav-style-simple:hover > .dropdown-menu-simple {
		display: block;
	}

	.navbar-mainnavigation .nav-style-simple:hover > .nav-link-main .nav-link-text {
		color: #fff;
	}
}

@media all and (max-width: 1200px) {
	nav#mainnavigation ul.navbar-nav {
		max-width: 920px;
	}
}

@media all and (max-width: 991px) {
	nav#mainnavigation {
		top: 70px;
		background: #F25746;
		z-index: 2;
		width: auto;
		padding: 10px 20px 10px 0;
		border: 1px solid #ccc;
	}

	.navbar-mainnavigation .dropdown-menu,
	.navbar-mainnavigation .dropdown-menu-simple {
		border-left: 4px solid #ccc;
		padding: 0 0 0 45px;
	}

	nav#mainnavigation .nav-item .nav-link-text {
		background-color: transparent;
	}
}

/* Header / Hauptnavigation wieder auf alte Höhe bringen */
@media all and (min-width: 1200px) {
	#page-header.navbar-mainnavigation {
		height: 35px !important;
		min-height: 35px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		--bs-navbar-padding-y: 0;
	}

	#page-header .container-mainnavigation,
	#page-header #mainnavigation,
	#page-header .navbar-nav,
	#page-header .navbar-nav > .nav-item {
		height: 35px !important;
		min-height: 35px !important;
	}

	#page-header .nav-link-main,
	#page-header .nav-link-toggle {
		height: 35px !important;
		min-height: 35px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		display: flex;
		align-items: center;
	}

	#page-header .navbar-nav > .nav-item > .nav-link-main .nav-link-text {
		line-height: 35px !important;
	}
}

/* Bootstrap-Submenu-Toggle in der Hauptnavigation vollständig neutralisieren */
#page-header .navbar-nav > .nav-item > .nav-link-toggle {
	appearance: none !important;
	-webkit-appearance: none !important;

	position: absolute !important;
	left: auto !important;
	right: 0 !important;
	top: 0 !important;

	width: 0 !important;
	height: 0 !important;
	min-width: 0 !important;
	min-height: 0 !important;

	padding: 0 !important;
	margin: 0 !important;

	border: 0 !important;
	border-radius: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	background: transparent !important;

	overflow: hidden !important;
	color: transparent !important;
}

/* Auch bei Hover/Focus/Show keinen Rahmen anzeigen */
#page-header .navbar-nav > .nav-item > .nav-link-toggle:hover,
#page-header .navbar-nav > .nav-item > .nav-link-toggle:focus,
#page-header .navbar-nav > .nav-item > .nav-link-toggle:focus-visible,
#page-header .navbar-nav > .nav-item > .nav-link-toggle.show {
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

/* Den kleinen Bootstrap-Indikator ebenfalls verstecken */
#page-header .navbar-nav > .nav-item > .nav-link-toggle .nav-link-indicator {
	display: none !important;
}

/* Dropdown näher an die Hauptnavigation ziehen + Hover-Lücke schließen - nur Desktop ab 1200px */
@media (min-width: 1200px) {
	#page-header .navbar-nav > .nav-item {
		position: relative;
	}

	#page-header .navbar-nav > .nav-item > .dropdown-menu {
		margin-top: -1px !important;
		top: 100% !important;
	}

	/* unsichtbare Hover-Brücke zwischen Hauptpunkt und Untermenü */
	#page-header .navbar-nav > .nav-item.nav-style-simple::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		height: 10px;
		background: transparent;
		z-index: 999;
	}

	#page-header .navbar-nav > .nav-item > .dropdown-menu {
		z-index: 1000;
	}
}

/* Korrektur style260610c: Dropdown-Hintergrund TYPO3 13 / Bootstrap Package 16
   #page-header selbst trägt die Klasse .navbar-mainnavigation, deshalb muss der Selektor
   #page-header.navbar-mainnavigation heißen und nicht #page-header .navbar-mainnavigation. */
#page-header.navbar-mainnavigation .dropdown-menu,
#page-header.navbar-mainnavigation .dropdown-menu-simple {
	background-color: transparent !important;
	border: none !important;
}

#page-header.navbar-mainnavigation .dropdown-menu .nav-link-dropdown,
#page-header.navbar-mainnavigation .dropdown-menu .dropdown-item,
#page-header.navbar-mainnavigation .dropdown-nav > .nav-item > .nav-link {
	padding: 2px 11px !important;
	margin-bottom: 2px !important;
	background: rgba(254, 239, 225, 0.9) !important;
	color: #000 !important;
}

#page-header.navbar-mainnavigation .dropdown-menu .nav-link-dropdown:hover,
#page-header.navbar-mainnavigation .dropdown-menu .nav-link-dropdown:focus,
#page-header.navbar-mainnavigation .dropdown-menu .nav-link-dropdown.active,
#page-header.navbar-mainnavigation .dropdown-menu .nav-link-dropdown:active,
#page-header.navbar-mainnavigation .dropdown-menu .dropdown-item:hover,
#page-header.navbar-mainnavigation .dropdown-menu .dropdown-item:focus,
#page-header.navbar-mainnavigation .dropdown-menu .dropdown-item.active,
#page-header.navbar-mainnavigation .dropdown-menu .dropdown-item:active,
#page-header.navbar-mainnavigation .dropdown-nav > .nav-item > .nav-link:hover,
#page-header.navbar-mainnavigation .dropdown-nav > .nav-item > .nav-link:focus,
#page-header.navbar-mainnavigation .dropdown-nav > .nav-item > .nav-link.active,
#page-header.navbar-mainnavigation .dropdown-nav > .nav-item > .nav-link:active {
	background: rgba(249, 184, 159, 0.9) !important;
	color: #fff !important;
}

/* WPR Navigation Feineinstellungen style260610d
   Diese Werte künftig für Hauptmenü/Submenü anpassen. Wichtig:
   .nav-link-text kommt auch im Submenü vor, deshalb Hauptmenü immer über .nav-link-main ansprechen.
   Desktop-Regeln erst ab 1200px, damit das responsive Menü darunter nur per Klick arbeitet. */
@media (min-width: 1200px) {

	/* Hauptmenü: Schriftgröße und Innenabstände */
	#page-header.navbar-mainnavigation #mainnavigation > ul.navbar-nav > .nav-item > .nav-link-main .nav-link-text {
		font-size: 18px !important;
		line-height: 35px !important;
		padding: 0 50px 0 10px !important;
		color: #000;
	}

	#page-header.navbar-mainnavigation #mainnavigation > ul.navbar-nav > .nav-item:hover > .nav-link-main .nav-link-text,
	#page-header.navbar-mainnavigation #mainnavigation > ul.navbar-nav > .nav-item.active > .nav-link-main .nav-link-text {
		background: transparent !important;
		color: #fff !important;
	}

	/* Submenü-Container: Position und Außenabstand */
	#page-header.navbar-mainnavigation .dropdown-menu,
	#page-header.navbar-mainnavigation .dropdown-menu-simple {
		left: 19px !important;
		top: 100% !important;
		margin-top: -1px !important;
		padding: 1px 0 0 0 !important;
		background-color: transparent !important;
		border: none !important;
		box-shadow: none !important;
	}

	/* Submenü-Punkte: Schriftgröße, Padding und Abstand zwischen den Punkten */
	#page-header.navbar-mainnavigation .dropdown-menu .nav-link-dropdown,
	#page-header.navbar-mainnavigation .dropdown-menu .dropdown-item,
	#page-header.navbar-mainnavigation .dropdown-nav > .nav-item > .nav-link {
		font-size: 16px !important;
		line-height: 22px !important;
		padding: 2px 11px !important;
		margin: 0 0 2px 0 !important;
		background: rgba(254, 239, 225, 0.9) !important;
		color: #000 !important;
	}

	#page-header.navbar-mainnavigation .dropdown-menu .nav-link-dropdown:hover,
	#page-header.navbar-mainnavigation .dropdown-menu .nav-link-dropdown:focus,
	#page-header.navbar-mainnavigation .dropdown-menu .nav-link-dropdown.active,
	#page-header.navbar-mainnavigation .dropdown-menu .nav-link-dropdown:active,
	#page-header.navbar-mainnavigation .dropdown-menu .dropdown-item:hover,
	#page-header.navbar-mainnavigation .dropdown-menu .dropdown-item:focus,
	#page-header.navbar-mainnavigation .dropdown-menu .dropdown-item.active,
	#page-header.navbar-mainnavigation .dropdown-menu .dropdown-item:active,
	#page-header.navbar-mainnavigation .dropdown-nav > .nav-item > .nav-link:hover,
	#page-header.navbar-mainnavigation .dropdown-nav > .nav-item > .nav-link:focus,
	#page-header.navbar-mainnavigation .dropdown-nav > .nav-item > .nav-link.active,
	#page-header.navbar-mainnavigation .dropdown-nav > .nav-item > .nav-link:active {
		background: rgba(249, 184, 159, 0.9) !important;
		color: #fff !important;
	}
}

/* WPR Navigation responsiv / Hamburger style260610f
   Basis: style260610e.css
   Ziel:
   - Header und Hamburger unter 1200px vertikal zentrieren
   - Submenü-Toggle im responsiven Menü wieder sichtbar und klickbar machen
   - Desktop-Hover erst ab 1200px, darunter Öffnen per Bootstrap-Klick (.show)
*/

/* Ab dem Bootstrap-Package-XL-Breakpoint bleibt die Desktop-Navigation wie bisher. */
@media (min-width: 1200px) {
	#page-header.navbar-mainnavigation .navbar-nav > .nav-item > .nav-link-toggle {
		display: none !important;
	}
}

/* Responsive Navigation: Bootstrap Package klappt die Navigation bereits unter 1200px ein. */
@media (max-width: 1199.98px) {

	/* Header-Zeile auf 35px halten und Inhalt vertikal mittig ausrichten */
	#page-header.navbar-mainnavigation {
		height: 35px !important;
		min-height: 35px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		--bs-navbar-padding-y: 0;
		display: flex !important;
		align-items: center !important;
	}

	#page-header.navbar-mainnavigation > .container,
	#page-header.navbar-mainnavigation > .container-mainnavigation,
	#page-header.navbar-mainnavigation > .container.container-mainnavigation {
		height: 35px !important;
		min-height: 35px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		display: flex !important;
		align-items: center !important;
		position: relative;
	}

	/* Hamburger vertikal mittig in der 35px-Leiste */
	#page-header.navbar-mainnavigation .navbar-toggler {
		width: 34px !important;
		height: 34px !important;
		min-width: 34px !important;
		min-height: 34px !important;
		line-height: 34px !important;
		padding: 0 !important;
		margin: 0 0 0 10px !important;
		border: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		align-self: center !important;
	}

	#page-header.navbar-mainnavigation .navbar-toggler-icon,
	#page-header.navbar-mainnavigation .navbar-toggler.collapsed .navbar-toggler-icon {
		position: relative !important;
		left: auto !important;
		top: auto !important;
		margin: 0 !important;
	}

	/* Aufgeklapptes Menü direkt unter der orangen Leiste positionieren */
	#page-header.navbar-mainnavigation #mainnavigation {
		position: absolute !important;
		top: 35px !important;
		left: 0 !important;
		width: auto !important;
		max-width: 920px !important;
		background: #F25746 !important;
		z-index: 2000 !important;
		padding: 10px 20px 10px 0 !important;
		border: 1px solid #ccc !important;
	}

	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav {
		display: block !important;
		height: auto !important;
		min-height: 0 !important;
		max-width: none !important;
		width: auto !important;
	}

	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item {
		display: block !important;
		position: relative !important;
		height: auto !important;
		min-height: 35px !important;
		width: 100% !important;
		flex: none !important;
	}

	#page-header.navbar-mainnavigation #mainnavigation .nav-link-main {
		display: flex !important;
		align-items: center !important;
		min-height: 35px !important;
		height: auto !important;
		padding-right: 45px !important;
	}

	#page-header.navbar-mainnavigation #mainnavigation .nav-link-main .nav-link-text {
		line-height: 35px !important;
		background: transparent !important;
	}

	/* Der Submenü-Button war in style260610e global versteckt/auf 0px gesetzt.
	   Mobil muss er wieder sichtbar und klickbar sein, sonst klappt Bootstrap das Menü nicht auf. */
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item > .nav-link-toggle {
		appearance: none !important;
		-webkit-appearance: none !important;
		display: flex !important;
		position: absolute !important;
		right: 0 !important;
		top: 0 !important;
		width: 45px !important;
		height: 35px !important;
		min-width: 45px !important;
		min-height: 35px !important;
		padding: 0 !important;
		margin: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		outline: 0 !important;
		box-shadow: none !important;
		background: transparent !important;
		color: #000 !important;
		overflow: visible !important;
		align-items: center !important;
		justify-content: center !important;
		z-index: 5 !important;
		cursor: pointer !important;
	}

	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item > .nav-link-toggle:hover,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item > .nav-link-toggle:focus,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item > .nav-link-toggle.show {
		background: transparent !important;
		border: 0 !important;
		outline: 0 !important;
		box-shadow: none !important;
		color: #fff !important;
	}

	/* Schwarzes Dreieck für Unterpunkte im responsiven Menü */
	#page-header.navbar-mainnavigation #mainnavigation .nav-link-toggle .nav-link-indicator {
		display: block !important;
		width: 0 !important;
		height: 0 !important;
		border-left: 0.45em solid transparent !important;
		border-right: 0.45em solid transparent !important;
		border-top: 0.55em solid currentColor !important;
		background: transparent !important;
		transform: none;
	}

	#page-header.navbar-mainnavigation #mainnavigation .nav-link-toggle.show .nav-link-indicator,
	#page-header.navbar-mainnavigation #mainnavigation .nav-item.show > .nav-link-toggle .nav-link-indicator {
		transform: rotate(180deg);
	}

	/* Unter 1200px nicht per Hover öffnen, sondern per Bootstrap-Klick auf den Toggle-Button */
	#page-header.navbar-mainnavigation #mainnavigation .nav-style-simple:hover > .dropdown-menu-simple:not(.show) {
		display: none !important;
	}

	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu-simple {
		position: static !important;
		display: none !important;
		float: none !important;
		width: auto !important;
		min-width: 0 !important;
		left: auto !important;
		top: auto !important;
		margin: 0 !important;
		padding: 0 0 0 45px !important;
		border: 0 !important;
		border-left: 4px solid #ccc !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		background: transparent !important;
		transform: none !important;
	}

	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu.show,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu-simple.show,
	#page-header.navbar-mainnavigation #mainnavigation .nav-item.show > .dropdown-menu,
	#page-header.navbar-mainnavigation #mainnavigation .nav-item.show > .dropdown-menu-simple {
		display: block !important;
	}

	/* Leere Dropdown-Container bei Menüpunkten ohne Unterpunkte ausblenden */
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item:not(.nav-style-simple) > .dropdown-menu:empty {
		display: none !important;
	}

	/* Hover-Brücke nur auf Desktop verwenden, im responsiven Menü stört sie */
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.nav-style-simple::after {
		display: none !important;
		content: none !important;
	}
}

/* WPR Navigation Hamburger-Rahmen entfernen style260610g
   Bootstrap setzt auf .navbar-toggler standardmäßig border, border-radius und Focus-Shadow.
   Dadurch erscheint beim Klick ein transparentes Rechteck mit schwarzem Rahmen. */
#page-header.navbar-mainnavigation .navbar-toggler,
#page-header.navbar-mainnavigation .navbar-toggler.collapsed,
#page-header.navbar-mainnavigation .navbar-toggler:hover,
#page-header.navbar-mainnavigation .navbar-toggler:focus,
#page-header.navbar-mainnavigation .navbar-toggler:focus-visible,
#page-header.navbar-mainnavigation .navbar-toggler:active,
#page-header.navbar-mainnavigation .navbar-toggler[aria-expanded="true"] {
	--bs-navbar-toggler-border-color: transparent !important;
	--bs-navbar-toggler-border-radius: 0 !important;
	--bs-navbar-toggler-focus-width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	background-color: transparent !important;
	background-image: none !important;
}

#page-header.navbar-mainnavigation .navbar-toggler:after {
	content: 'Navigation';
	font-size: 16px;
	position: absolute;
	left: 30px;
}

#page-header.navbar-mainnavigation .navbar-toggler::-moz-focus-inner {
	border: 0 !important;
	padding: 0 !important;
}

/* Die drei Hamburger-Striche selbst bleiben sichtbar. */
#page-header.navbar-mainnavigation .navbar-toggler .navbar-toggler-icon,
#page-header.navbar-mainnavigation .navbar-toggler .navbar-toggler-icon::before,
#page-header.navbar-mainnavigation .navbar-toggler .navbar-toggler-icon::after {
	box-shadow: none !important;
	outline: 0 !important;
}

/* WPR Navigation zusätzlichen Bootstrap-Pfeil entfernen style260610h
   Der Submenü-Button bleibt im responsiven Menü klickbar, nur das Pfeil-Icon wird ausgeblendet. */
#page-header.navbar-mainnavigation .nav-link-indicator,
#page-header.navbar-mainnavigation .nav-link-indicator::before,
#page-header.navbar-mainnavigation .nav-link-indicator::after,
#page-header.navbar-mainnavigation .show > .nav-link-indicator,
#page-header.navbar-mainnavigation .show > .nav-link-indicator::before,
#page-header.navbar-mainnavigation .show > .nav-link-indicator::after,
#page-header.navbar-mainnavigation .nav-link-toggle .nav-link-indicator,
#page-header.navbar-mainnavigation .nav-link-toggle .nav-link-indicator::before,
#page-header.navbar-mainnavigation .nav-link-toggle .nav-link-indicator::after {
	display: none !important;
	content: none !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 0 !important;
	height: 0 !important;
	min-width: 0 !important;
	min-height: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	transform: none !important;
}

/* WPR Navigation Breakpoint-Korrektur 992-1199 style260610i
   Bootstrap behandelt .navbar-expand-lg ab 992px als Desktop-Navigation und setzt
   .navbar-collapse dort wieder sichtbar. Da dieses Layout das Hamburger-Menü bis
   1199px verwenden soll, muss die Collapse-Logik in diesem Zwischenbereich
   ausdrücklich zurückgesetzt werden. */
@media (min-width: 992px) and (max-width: 1199.98px) {

	/* Hamburger in diesem Zwischenbereich sichtbar lassen */
	#page-header.navbar-mainnavigation .navbar-toggler {
		display: flex !important;
	}

	/* Zugeklappt: Menü wirklich ausblenden, obwohl Bootstrap ab 992px wieder Desktop erzwingt */
	#page-header.navbar-mainnavigation #mainnavigation.collapse:not(.show) {
		display: none !important;
	}

	/* Während und nach dem Aufklappen: vertikales mobiles Menü anzeigen */
	#page-header.navbar-mainnavigation #mainnavigation.collapse.show,
	#page-header.navbar-mainnavigation #mainnavigation.collapsing {
		display: block !important;
	}

	/* Keine Desktop-Flex-Navigation in diesem Bereich */
	#page-header.navbar-mainnavigation #mainnavigation.collapse.show .navbar-nav,
	#page-header.navbar-mainnavigation #mainnavigation.collapsing .navbar-nav {
		display: block !important;
		flex-direction: column !important;
	}

	#page-header.navbar-mainnavigation #mainnavigation.collapse.show .navbar-nav > .nav-item,
	#page-header.navbar-mainnavigation #mainnavigation.collapsing .navbar-nav > .nav-item {
		display: block !important;
		width: 100% !important;
		flex: none !important;
	}
}

@media (min-width:1400px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: 1140px;
  }
}

/* WPR Navigation Hover/Klick-Trennung style260610k
   Desktop ab 1200px: Submenü öffnet per Mouseover.
   Responsiv bis 1199.98px: Submenü öffnet ausschließlich per Bootstrap-Klick (.show). */

@media (min-width: 1200px) {

	/* Desktop: Untermenüs wie auf der alten Site bei Mouseover öffnen */
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.nav-style-simple:hover > .dropdown-menu,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.nav-style-simple:hover > .dropdown-menu-simple {
		display: block !important;
	}

	/* Desktop: Hover-Brücke darf nur im nicht-responsiven Menü aktiv sein */
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.nav-style-simple::after {
		display: block !important;
	}
}

@media (max-width: 1199.98px) {

	/* Responsiv: Hover darf Untermenüs NICHT öffnen */
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.nav-style-simple:hover > .dropdown-menu:not(.show),
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.nav-style-simple:hover > .dropdown-menu-simple:not(.show),
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.nav-style-simple:hover > .dropdown-menu:not(.show) *,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.nav-style-simple:hover > .dropdown-menu-simple:not(.show) * {
		display: none !important;
	}

	/* Responsiv: Nur Bootstrap-Klickzustand .show darf das Submenü anzeigen */
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu.show,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu-simple.show,
	#page-header.navbar-mainnavigation #mainnavigation .nav-item.show > .dropdown-menu,
	#page-header.navbar-mainnavigation #mainnavigation .nav-item.show > .dropdown-menu-simple {
		display: block !important;
	}

	/* Responsiv: Hover-Brücke aus Desktopmodus deaktivieren */
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.nav-style-simple::after {
		display: none !important;
		content: none !important;
	}
}

/* WPR Navigation Responsive-Farben / Submenü-Klickzustand style260610l
   Korrektur für den Bereich bis 1199.98px:
   - Submenüs bleiben im responsiven Menü nur per Klick sichtbar.
   - Wenn Bootstrap den .show-Zustand am li.nav-item statt direkt am .dropdown-menu setzt,
     dürfen die zuvor ausgeblendeten Kind-Elemente nicht unsichtbar bleiben.
   - Hintergrundfarben der Submenü-Punkte werden in diesem Bereich nochmals eindeutig gesetzt. */
@media (max-width: 1199.98px) {

	/* Hauptpunkte im responsiven Menü */
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item > .nav-link-main,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item > .nav-link-main .nav-link-text {
		background: transparent !important;
		color: #000 !important;
	}

	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item:hover > .nav-link-main,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item:hover > .nav-link-main .nav-link-text,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.active > .nav-link-main,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.active > .nav-link-main .nav-link-text,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .nav-link-main,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .nav-link-main .nav-link-text {
		background: transparent !important;
		color: #fff !important;
	}

	/* Responsive: Submenü nur bei Bootstrap-.show anzeigen.
	   Wichtig: Auch li.nav-item.show berücksichtigen, weil je nach Bootstrap/BP-Version
	   nicht immer dieselbe Ebene die Klasse .show erhält. */
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu-simple,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu.show,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu-simple.show {
		display: block !important;
		position: static !important;
		float: none !important;
		width: auto !important;
		min-width: 0 !important;
		left: auto !important;
		top: auto !important;
		margin: 0 !important;
		padding: 0 0 0 45px !important;
		border: 0 !important;
		border-left: 4px solid #ccc !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		background: transparent !important;
		transform: none !important;
	}

	/* Falls ein vorheriger :hover:not(.show)-Block die Kinder ausgeblendet hat,
	   werden sie im geklickten .show-Zustand wieder sichtbar gemacht. */
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu .dropdown-nav,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu-simple .dropdown-nav,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu.show .dropdown-nav,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu-simple.show .dropdown-nav {
		display: block !important;
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu .dropdown-nav > .nav-item,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu-simple .dropdown-nav > .nav-item,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu.show .dropdown-nav > .nav-item,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu-simple.show .dropdown-nav > .nav-item {
		display: block !important;
		width: auto !important;
		height: auto !important;
		min-height: 0 !important;
		flex: none !important;
	}

	/* Submenü-Punkte: Grundfarbe */
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu .nav-link-dropdown,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu-simple .nav-link-dropdown,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu.show .nav-link-dropdown,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu-simple.show .nav-link-dropdown,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu .dropdown-item,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu-simple .dropdown-item,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu.show .dropdown-item,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu-simple.show .dropdown-item,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu .dropdown-nav > .nav-item > .nav-link,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu-simple .dropdown-nav > .nav-item > .nav-link,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu.show .dropdown-nav > .nav-item > .nav-link,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu-simple.show .dropdown-nav > .nav-item > .nav-link {
		display: block !important;
		font-size: 16px !important;
		line-height: 22px !important;
		padding: 2px 11px !important;
		margin: 0 0 2px 0 !important;
		background: rgba(254, 239, 225, 0.9) !important;
		color: #000 !important;
		text-decoration: none !important;
	}

	/* Submenü-Punkte: Hover/Focus/Aktiv */
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu .nav-link-dropdown:hover,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu-simple .nav-link-dropdown:hover,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu.show .nav-link-dropdown:hover,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu-simple.show .nav-link-dropdown:hover,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu .nav-link-dropdown:focus,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu-simple .nav-link-dropdown:focus,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu.show .nav-link-dropdown:focus,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu-simple.show .nav-link-dropdown:focus,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu .nav-link-dropdown.active,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu-simple .nav-link-dropdown.active,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu.show .nav-link-dropdown.active,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu-simple.show .nav-link-dropdown.active,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu .dropdown-nav > .nav-item > .nav-link:hover,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu-simple .dropdown-nav > .nav-item > .nav-link:hover,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu.show .dropdown-nav > .nav-item > .nav-link:hover,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu-simple.show .dropdown-nav > .nav-item > .nav-link:hover,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu .dropdown-nav > .nav-item > .nav-link:focus,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu-simple .dropdown-nav > .nav-item > .nav-link:focus,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu.show .dropdown-nav > .nav-item > .nav-link:focus,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu-simple.show .dropdown-nav > .nav-item > .nav-link:focus,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu .dropdown-nav > .nav-item > .nav-link.active,
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.show > .dropdown-menu-simple .dropdown-nav > .nav-item > .nav-link.active,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu.show .dropdown-nav > .nav-item > .nav-link.active,
	#page-header.navbar-mainnavigation #mainnavigation .dropdown-menu-simple.show .dropdown-nav > .nav-item > .nav-link.active {
		background: rgba(249, 184, 159, 0.9) !important;
		color: #fff !important;
	}

	/* Submenü bleibt zu, solange kein .show gesetzt ist. Keine Kind-Elemente mehr pauschal ausblenden,
	   damit der geklickte Zustand nicht versehentlich farblos/leer wird. */
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.nav-style-simple:not(.show) > .dropdown-menu:not(.show),
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item.nav-style-simple:not(.show) > .dropdown-menu-simple:not(.show) {
		display: none !important;
	}
}

/* WPR responsives Menü: Dreieck bei Untermenüs größer und 7px tiefer style260610m
   Basis: style260610l.css
   Wichtig: Dieser Block muss nach dem globalen Ausblenden von .nav-link-indicator stehen. */
@media (max-width: 1199.98px) {

	/* Submenü-Button rechts neben dem Hauptpunkt */
	#page-header.navbar-mainnavigation #mainnavigation .navbar-nav > .nav-item > .nav-link-toggle {
		display: flex !important;
		position: absolute !important;
		right: 0 !important;
		top: 0 !important;
		width: 45px !important;
		height: 35px !important;
		min-width: 45px !important;
		min-height: 35px !important;
		padding: 0 !important;
		margin: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		outline: 0 !important;
		box-shadow: none !important;
		background: transparent !important;
		color: #000 !important;
		overflow: visible !important;
		align-items: center !important;
		justify-content: center !important;
		line-height: 0 !important;
		z-index: 5 !important;
		cursor: pointer !important;
	}

	/* Bootstrap-Pfeil-Pseudoelemente sicher deaktivieren */
	#page-header.navbar-mainnavigation #mainnavigation .nav-link-toggle .nav-link-indicator::before,
	#page-header.navbar-mainnavigation #mainnavigation .nav-link-toggle .nav-link-indicator::after {
		display: none !important;
		content: none !important;
		border: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		width: 0 !important;
		height: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		transform: none !important;
	}

	/* Eigenes Dreieck: Größe und vertikale Position */
	#page-header.navbar-mainnavigation #mainnavigation .nav-link-toggle .nav-link-indicator {
		display: block !important;
		position: relative !important;
		top: 7px !important; /* Dreieck ca. 7px nach unten schieben */
		left: auto !important;

		width: 0 !important;
		height: 0 !important;
		min-width: 0 !important;
		min-height: 0 !important;

		border-left: 0.8em solid transparent !important;
		border-right: 0.8em solid transparent !important;
		border-top: 1em solid currentColor !important;
		border-bottom: 0 !important;

		padding: 0 !important;
		margin: 0 !important;
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		transform: none !important;
	}

	/* geöffnet: Dreieck nach oben drehen, Position bleibt 7px tiefer */
	#page-header.navbar-mainnavigation #mainnavigation .nav-link-toggle.show .nav-link-indicator,
	#page-header.navbar-mainnavigation #mainnavigation .nav-item.show > .nav-link-toggle .nav-link-indicator {
		top: 7px !important;
		transform: rotate(180deg) !important;
	}

	#page-header.navbar-mainnavigation #mainnavigation .nav-link-toggle:hover .nav-link-indicator,
	#page-header.navbar-mainnavigation #mainnavigation .nav-link-toggle:focus .nav-link-indicator,
	#page-header.navbar-mainnavigation #mainnavigation .nav-link-toggle.show .nav-link-indicator {
		color: #fff !important;
	}
}

/* WPR Footer-Korrektur Bootstrap Package 16 / Bootstrap 5 style260610o
   Bootstrap 5 setzt Tabellenfarben über CSS-Variablen und auf Tabellenzellen.
   Deshalb reicht color:#fff auf .table alleine nicht immer. */
#page-footer.bp-page-footer .footer-section-content {
	color: #fff !important;
}

#page-footer.bp-page-footer .footer-section-content .table {
	--bs-table-color: #fff;
	--bs-table-bg: transparent;
	--bs-table-border-color: transparent;
	--bs-table-striped-color: #fff;
	--bs-table-striped-bg: transparent;
	--bs-table-active-color: #fff;
	--bs-table-active-bg: transparent;
	--bs-table-hover-color: #fff;
	--bs-table-hover-bg: transparent;

	color: #fff !important;
	background-color: transparent !important;
	border-color: transparent !important;
	margin-bottom: 0 !important;
}

#page-footer.bp-page-footer .footer-section-content .table > :not(caption) > * > * {
	color: #fff !important;
	background-color: transparent !important;
	border-top: 0 !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

#page-footer.bp-page-footer .footer-section-content .table td,
#page-footer.bp-page-footer .footer-section-content .table th {
	color: #fff !important;
	border-color: transparent !important;
}

#page-footer.bp-page-footer .footer-section-content .table td p {
	color: inherit !important;
	margin-bottom: 8px !important;
}

#page-footer.bp-page-footer .footer-section-content .table td:nth-child(1) p:nth-child(1) {
	color: #FAC3B1 !important;
}

/* Footer-Links wieder wie im alten Layout auf hellem Text halten.
   Inline-Farben wie style="color:#999999" bleiben bei Kind-Elementen erhalten. */
#page-footer.bp-page-footer .footer-section-content a,
#page-footer.bp-page-footer .footer-section-content a:visited {
	color: #fff !important;
}

#page-footer.bp-page-footer .footer-section-content a:hover,
#page-footer.bp-page-footer .footer-section-content a:focus {
	color: #FAC3B1 !important;
}

#page-footer.bp-page-footer .footer-section-content .table td:nth-child(1) {
	width: 50% !important;
}

#page-footer.bp-page-footer .footer-section-content .table td:nth-child(2) {
	width: 30% !important;
}

#page-footer.bp-page-footer .footer-section-content .table td:nth-child(3) {
	width: 20% !important;
}

@media all and (max-width: 576px) {
	#page-footer.bp-page-footer .footer-section-content .table td {
		width: 100% !important;
		display: block !important;
	}

	#page-footer.bp-page-footer .footer-section-content .table td:nth-child(1),
	#page-footer.bp-page-footer .footer-section-content .table td:nth-child(2) {
		border-bottom: 2px solid #F25746 !important;
		padding: 40px 0 20px 0 !important;
	}

	#page-footer.bp-page-footer .footer-section-content .table td:nth-child(3) {
		padding: 40px 0 0 0 !important;
	}
}


/* WPR Footer-Links style260610p
   Links im Footer orange, ohne Unterstreichung; bei Hover/Fokus unterstrichen. */
#page-footer.bp-page-footer .footer-section-content a,
#page-footer.bp-page-footer .footer-section-content a:visited,
#page-footer.bp-page-footer .footer-section-meta a,
#page-footer.bp-page-footer .footer-section-meta a:visited {
	color: #F25746 !important;
	text-decoration: none !important;
}

#page-footer.bp-page-footer .footer-section-content a:hover,
#page-footer.bp-page-footer .footer-section-content a:focus,
#page-footer.bp-page-footer .footer-section-meta a:hover,
#page-footer.bp-page-footer .footer-section-meta a:focus {
	color: #F25746 !important;
	text-decoration: underline !important;
}

nav.breadcrumb-section{
	display: none !important;
}

/* WPR Footer-Tabellenbreite CKEditor/Bootstrap 5 style260610q
   CKEditor 5 kann Tabellen als <figure class="table"><table>...</table></figure> ausgeben.
   Dann muss die Breite auf Wrapper UND innerer Tabelle gesetzt werden. */
#page-footer.bp-page-footer .footer-section-content .table-responsive,
#page-footer.bp-page-footer .footer-section-content figure.table {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#page-footer.bp-page-footer .footer-section-content .table-responsive > table,
#page-footer.bp-page-footer .footer-section-content .table-responsive > table.table,
#page-footer.bp-page-footer .footer-section-content figure.table > table,
#page-footer.bp-page-footer .footer-section-content table.table {
	width: 100% !important;
	max-width: 100% !important;
	table-layout: fixed !important;
	margin-bottom: 0 !important;
}

#page-footer.bp-page-footer .footer-section-content table td,
#page-footer.bp-page-footer .footer-section-content figure.table table td,
#page-footer.bp-page-footer .footer-section-content .table-responsive table td {
	vertical-align: top !important;
}

/* Footer-Spalten wie in der alten Site wieder auf volle Breite verteilen */
#page-footer.bp-page-footer .footer-section-content table td:nth-child(1),
#page-footer.bp-page-footer .footer-section-content figure.table table td:nth-child(1),
#page-footer.bp-page-footer .footer-section-content .table-responsive table td:nth-child(1) {
	width: 50% !important;
}

#page-footer.bp-page-footer .footer-section-content table td:nth-child(2),
#page-footer.bp-page-footer .footer-section-content figure.table table td:nth-child(2),
#page-footer.bp-page-footer .footer-section-content .table-responsive table td:nth-child(2) {
	width: 30% !important;
}

#page-footer.bp-page-footer .footer-section-content table td:nth-child(3),
#page-footer.bp-page-footer .footer-section-content figure.table table td:nth-child(3),
#page-footer.bp-page-footer .footer-section-content .table-responsive table td:nth-child(3) {
	width: 20% !important;
}

@media all and (max-width: 576px) {
	#page-footer.bp-page-footer .footer-section-content table,
	#page-footer.bp-page-footer .footer-section-content figure.table > table,
	#page-footer.bp-page-footer .footer-section-content .table-responsive > table {
		table-layout: auto !important;
	}

	#page-footer.bp-page-footer .footer-section-content table td,
	#page-footer.bp-page-footer .footer-section-content figure.table table td,
	#page-footer.bp-page-footer .footer-section-content .table-responsive table td {
		width: 100% !important;
		display: block !important;
	}
}


/* WPR Footer Mobile-Tabellenkorrektur style260610r
   Wichtig: Die Desktop-Spaltenbreiten per td:nth-child(1/2/3) haben eine höhere Spezifität
   als eine allgemeine table td-Regel. Deshalb müssen die nth-child-Breiten mobil explizit
   wieder überschrieben werden. Zusätzlich werden figure/table/tbody/tr/td auf block gesetzt. */
@media all and (max-width: 576px) {

	#page-footer.bp-page-footer .footer-section-content .table-responsive,
	#page-footer.bp-page-footer .footer-section-content figure.table,
	#page-footer.bp-page-footer .footer-section-content table,
	#page-footer.bp-page-footer .footer-section-content figure.table > table,
	#page-footer.bp-page-footer .footer-section-content .table-responsive > table,
	#page-footer.bp-page-footer .footer-section-content tbody,
	#page-footer.bp-page-footer .footer-section-content tr,
	#page-footer.bp-page-footer .footer-section-content td {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		table-layout: auto !important;
		box-sizing: border-box !important;
	}

	/* Diese nth-child-Regeln überschreiben die Desktop-Verteilung 50/30/20 auch bei gleicher !important-Lage. */
	#page-footer.bp-page-footer .footer-section-content table td:nth-child(1),
	#page-footer.bp-page-footer .footer-section-content table td:nth-child(2),
	#page-footer.bp-page-footer .footer-section-content table td:nth-child(3),
	#page-footer.bp-page-footer .footer-section-content figure.table table td:nth-child(1),
	#page-footer.bp-page-footer .footer-section-content figure.table table td:nth-child(2),
	#page-footer.bp-page-footer .footer-section-content figure.table table td:nth-child(3),
	#page-footer.bp-page-footer .footer-section-content .table-responsive table td:nth-child(1),
	#page-footer.bp-page-footer .footer-section-content .table-responsive table td:nth-child(2),
	#page-footer.bp-page-footer .footer-section-content .table-responsive table td:nth-child(3) {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	#page-footer.bp-page-footer .footer-section-content table td:nth-child(1),
	#page-footer.bp-page-footer .footer-section-content figure.table table td:nth-child(1),
	#page-footer.bp-page-footer .footer-section-content .table-responsive table td:nth-child(1),
	#page-footer.bp-page-footer .footer-section-content table td:nth-child(2),
	#page-footer.bp-page-footer .footer-section-content figure.table table td:nth-child(2),
	#page-footer.bp-page-footer .footer-section-content .table-responsive table td:nth-child(2) {
		border-bottom: 2px solid #F25746 !important;
		padding: 40px 0 20px 0 !important;
	}

	#page-footer.bp-page-footer .footer-section-content table td:nth-child(3),
	#page-footer.bp-page-footer .footer-section-content figure.table table td:nth-child(3),
	#page-footer.bp-page-footer .footer-section-content .table-responsive table td:nth-child(3) {
		padding: 40px 0 0 0 !important;
	}
}
@media (min-width:576px) {
  #page-footer.bp-page-footer .container,
  #page-footer.bp-page-footer .container-sm {
    max-width: unset;
  }
}

/* WPR Carousel-Korrektur Bootstrap Package 16 / Bootstrap 5 style260610t
   Ziel: altes Bootstrap-Package-Carousel-Aussehen für Pfeile, Hover-Verhalten,
   Indicators und Bildhöhen wiederherstellen. */

/* Basis: Carousel-Inhalt sauber beschneiden */
.carousel {
	position: relative;
	overflow: hidden;
}

/* Bootstrap 5 nutzt .carousel-item, alte BP-Versionen nutzten zusätzlich .item */
.carousel .carousel-item,
.carousel .item {
	position: relative;
	height: 505px;
	overflow: hidden;
}

/* Hintergrundbilder/Bilder vollflächig darstellen */
.carousel .carousel-backgroundimage-container,
.carousel .carousel-backgroundimage,
.carousel .carousel-item img,
.carousel .item img {
	min-height: 100%;
	width: 100%;
	object-fit: cover;
	background-position: center center;
	background-size: cover;
}

/* Optionalen Carousel-Header ausblenden wie auf alter Seite */
.carousel .carousel-header {
	display: none !important;
}

/* Bootstrap-Standard-Icons deaktivieren, damit eigene Pfeile sichtbar sind */
.carousel .carousel-control-prev-icon,
.carousel .carousel-control-next-icon {
	background-image: none !important;
}

/* Einheitliche Pfeil-Fläche für alte und neue Markup-Varianten */
.carousel .carousel-control-icon,
.carousel .carousel-control-prev-icon,
.carousel .carousel-control-next-icon {
	position: absolute;
	top: 50%;
	width: 3rem;
	height: 3rem;
	margin-top: -1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #F25746;
	background: rgba(255, 255, 255, 0.75);
	border: none !important;
	opacity: 1;
	transition: left 0.3s ease, right 0.3s ease, background-color 0.3s ease;
}

/* Pfeile über Pseudoelement zeichnen */
.carousel .carousel-control-icon::before,
.carousel .carousel-control-prev-icon::before,
.carousel .carousel-control-next-icon::before {
	content: "";
	width: 0.5em;
	height: 0.5em;
	display: block;
	border-top: 1px solid #F25746;
	border-right: 1px solid #F25746;
}

/* Linker Pfeil */
.carousel .carousel-control-prev .carousel-control-icon,
.carousel .carousel-control-prev .carousel-control-prev-icon {
	left: -100%;
}

.carousel .carousel-control-prev .carousel-control-icon::before,
.carousel .carousel-control-prev .carousel-control-prev-icon::before {
	transform: rotate(225deg);
}

/* Rechter Pfeil */
.carousel .carousel-control-next .carousel-control-icon,
.carousel .carousel-control-next .carousel-control-next-icon {
	right: -100%;
}

.carousel .carousel-control-next .carousel-control-icon::before,
.carousel .carousel-control-next .carousel-control-next-icon::before {
	transform: rotate(45deg);
}

/* Beim Mouseover in das Bild hineinfahren */
.carousel:hover .carousel-control-prev .carousel-control-icon,
.carousel:hover .carousel-control-prev .carousel-control-prev-icon,
.carousel:focus-within .carousel-control-prev .carousel-control-icon,
.carousel:focus-within .carousel-control-prev .carousel-control-prev-icon {
	left: 0;
}

.carousel:hover .carousel-control-next .carousel-control-icon,
.carousel:hover .carousel-control-next .carousel-control-next-icon,
.carousel:focus-within .carousel-control-next .carousel-control-icon,
.carousel:focus-within .carousel-control-next .carousel-control-next-icon {
	right: 0;
}

/* Steuerflächen selbst nicht abdunkeln */
.carousel .carousel-control-prev,
.carousel .carousel-control-next {
	width: 3rem;
	opacity: 1 !important;
	z-index: 20;
}

/* Indicators / Navigation unten wie altes Bootstrap Package */
.carousel .carousel-indicators-navigation,
.carousel .carousel-indicators {
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 20px;
	margin: 0;
	width: 100%;
	z-index: 15;
	opacity: 1;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 32px;
}

/* Bootstrap-5-Indicator Buttons optisch entschärfen */
.carousel .carousel-indicators [data-bs-target],
.carousel .carousel-indicators button {
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 50%;
	border: 1px solid #fff;
	background-color: transparent;
	opacity: 1;
}

.carousel .carousel-indicators .active,
.carousel .carousel-indicators button.active {
	background-color: #fff;
}

/* Responsive Höhen aus der alten WPR-CSS-Logik auch auf .carousel-item anwenden */
@media all and (max-width: 1200px) {
	.carousel .carousel-item,
	.carousel .item {
		height: 419px;
	}
}

@media all and (max-width: 991px) {
	.carousel .carousel-item,
	.carousel .item {
		height: 419px;
	}
}

@media all and (max-width: 768px) {
	.carousel .carousel-item,
	.carousel .item {
		height: 366px;
	}
}

@media all and (max-width: 670px) {
	.carousel .carousel-item,
	.carousel .item {
		height: 324px;
	}
}

@media all and (max-width: 600px) {
	.carousel .carousel-item,
	.carousel .item {
		height: 286px;
	}
}

@media all and (max-width: 576px) {
	.carousel .carousel-item,
	.carousel .item {
		height: 274px;
	}
}

@media all and (max-width: 450px) {
	.carousel .carousel-item,
	.carousel .item {
		height: 214px;
	}
}

@media all and (max-width: 400px) {
	.carousel .carousel-item,
	.carousel .item {
		height: 191px;
	}
}

@media all and (max-width: 350px) {
	.carousel .carousel-item,
	.carousel .item {
		height: 167px;
	}
}

/* WPR Carousel-Indikatorbalken wie alte Seite style260610u
   Alte Optik: Bootstrap-Indikatoren als Balken mit 30px Breite und 23px Klickhöhe.
   In Bootstrap 5 / Bootstrap Package 16 sind es <button>-Elemente statt alter <li>-Elemente. */
.carousel .carousel-indicators,
.carousel .carousel-indicators-navigation {
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	min-height: 23px !important;
	height: 23px !important;
	padding: 0 20px !important;
	margin: 0 !important;
	z-index: 15 !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 0 !important;
	background-color: rgba(0, 0, 0, 0.5) !important;
}

.carousel .carousel-indicators li,
.carousel .carousel-indicators [data-bs-target],
.carousel .carousel-indicators > button,
.carousel .carousel-indicators-navigation > li,
.carousel .carousel-indicators-navigation > button {
	box-sizing: content-box !important;
	flex: 0 1 auto !important;
	width: 30px !important;
	height: 3px !important;
	min-width: 30px !important;
	min-height: 3px !important;
	padding: 0 !important;
	margin: 0 3px !important;
	border: 0 !important;
	border-top: 10px solid transparent !important;
	border-bottom: 10px solid transparent !important;
	border-radius: 0 !important;
	background-color: #fff !important;
	background-clip: padding-box !important;
	box-shadow: none !important;
	opacity: 0.5 !important;
	text-indent: -999px !important;
	overflow: hidden !important;
	cursor: pointer !important;
	transition: opacity 0.6s ease !important;
}

.carousel .carousel-indicators li.active,
.carousel .carousel-indicators .active,
.carousel .carousel-indicators [data-bs-target].active,
.carousel .carousel-indicators > button.active,
.carousel .carousel-indicators-navigation > li.active,
.carousel .carousel-indicators-navigation > button.active {
	height: 3px !important;
	min-height: 3px !important;
	border-top: 10px solid transparent !important;
	border-bottom: 10px solid transparent !important;
	background-color: #fff !important;
	opacity: 1 !important;
}

/* Bootstrap Package 16 zeichnet bei .carousel-indicators-navigation sonst zusätzlich eine aktive Linie per ::before. */
.carousel .carousel-indicators-navigation > button::before,
.carousel .carousel-indicators-navigation > button.active::before {
	content: none !important;
	display: none !important;
}

/* Falls die neuen BP16-Indikatoren Nav-Titel im <span> enthalten, optisch ausblenden. */
.carousel .carousel-indicators-navigation > button > span {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}



/* WPR Carousel-Indikatorbalken nur bei Hover, ohne dunklen Hintergrund style260610v
   Die Balken selbst bleiben sichtbar/weiß; entfernt wird der schwarze Hintergrundstreifen.
   Wie bei den Pfeilen werden die Indikatoren erst bei Mouseover über dem Slider eingeblendet. */
.carousel .carousel-indicators,
.carousel .carousel-indicators-navigation {
	background-color: transparent !important;
	background: transparent !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	transition: opacity 0.25s ease, visibility 0.25s ease !important;
}

.carousel:hover .carousel-indicators,
.carousel:focus-within .carousel-indicators,
.carousel:hover .carousel-indicators-navigation,
.carousel:focus-within .carousel-indicators-navigation {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

.carousel .carousel-indicators li,
.carousel .carousel-indicators [data-bs-target],
.carousel .carousel-indicators > button,
.carousel .carousel-indicators-navigation > li,
.carousel .carousel-indicators-navigation > button {
	background-color: #fff !important;
}

.carousel .carousel-indicators li.active,
.carousel .carousel-indicators .active,
.carousel .carousel-indicators [data-bs-target].active,
.carousel .carousel-indicators > button.active,
.carousel .carousel-indicators-navigation > li.active,
.carousel .carousel-indicators-navigation > button.active {
	background-color: #fff !important;
}

/* WPR Carousel feste Hoehe / Ueberblendung style260610w
   Verhindert unter schmalen Breiten, dass der naechste Slide kurz unter dem aktuellen Bild erscheint.
   Die Slides liegen innerhalb von .carousel-inner absolut uebereinander und blenden ineinander ueber. */
.carousel .carousel-inner {
	position: relative !important;
	width: 100% !important;
	height: 505px !important;
	overflow: hidden !important;
}

.carousel .carousel-inner > .carousel-item,
.carousel .carousel-inner > .item {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 100% !important;
	float: none !important;
	margin: 0 !important;
	display: block !important;
	overflow: hidden !important;
	opacity: 0 !important;
	z-index: 0 !important;
	transform: none !important;
	transition: opacity 0.6s ease-in-out !important;
	backface-visibility: hidden !important;
}

/* Der aktive Slide bleibt an exakt derselben Position sichtbar. */
.carousel .carousel-inner > .carousel-item.active,
.carousel .carousel-inner > .item.active {
	opacity: 1 !important;
	z-index: 1 !important;
}

/* Bootstrap 5 Wechselzustände: neuer Slide wird eingeblendet, alter ausgeblendet. */
.carousel .carousel-inner > .carousel-item-next.carousel-item-start,
.carousel .carousel-inner > .carousel-item-prev.carousel-item-end,
.carousel .carousel-inner > .carousel-item-next.carousel-item-left,
.carousel .carousel-inner > .carousel-item-prev.carousel-item-right {
	opacity: 1 !important;
	z-index: 2 !important;
}

.carousel .carousel-inner > .active.carousel-item-start,
.carousel .carousel-inner > .active.carousel-item-end,
.carousel .carousel-inner > .active.carousel-item-left,
.carousel .carousel-inner > .active.carousel-item-right {
	opacity: 0 !important;
	z-index: 1 !important;
}

/* Bootstrap 4 / altes Bootstrap Package: kompatible Wechselklassen. */
.carousel .carousel-inner > .item.next.left,
.carousel .carousel-inner > .item.prev.right {
	opacity: 1 !important;
	z-index: 2 !important;
}

.carousel .carousel-inner > .item.active.left,
.carousel .carousel-inner > .item.active.right {
	opacity: 0 !important;
	z-index: 1 !important;
}

/* Bilder und Hintergrundbilder fuellen den festen Sliderbereich. */
.carousel .carousel-inner > .carousel-item > img,
.carousel .carousel-inner > .item > img,
.carousel .carousel-inner .carousel-backgroundimage-container,
.carousel .carousel-inner .carousel-backgroundimage {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 100% !important;
	object-fit: cover !important;
	background-position: center center !important;
	background-size: cover !important;
}

/* Responsive Hoehen wie bisher, aber jetzt auch fuer den festen .carousel-inner. */
@media all and (max-width: 1200px) {
	.carousel .carousel-inner {
		height: 419px !important;
	}
}

@media all and (max-width: 991px) {
	.carousel .carousel-inner {
		height: 419px !important;
	}
}

@media all and (max-width: 768px) {
	.carousel .carousel-inner {
		height: 366px !important;
	}
}

@media all and (max-width: 710px) {
	.carousel .carousel-inner {
		height: 344px !important;
	}
}

@media all and (max-width: 670px) {
	.carousel .carousel-inner {
		height: 324px !important;
	}
}

@media all and (max-width: 600px) {
	.carousel .carousel-inner {
		height: 286px !important;
	}
}

@media all and (max-width: 576px) {
	.carousel .carousel-inner {
		height: 274px !important;
	}
}

@media all and (max-width: 450px) {
	.carousel .carousel-inner {
		height: 214px !important;
	}
}

@media all and (max-width: 400px) {
	.carousel .carousel-inner {
		height: 191px !important;
	}
}

@media all and (max-width: 350px) {
	.carousel .carousel-inner {
		height: 167px !important;
	}
}

/* WPR Startseite: 3-Spalten-Layout und News-Links Bootstrap Package 16 style260610x
   Bootstrap Package 16 arbeitet bei .section-row/.section-column mit CSS-Variablen und gap.
   Das alte Layout nutzte drei gleich breite Spalten ohne flex-gap; die Abstände kommen aus den Content-Elementen. */
body.page-2.backendlayout-3_columns #page-content .section-row {
	--section-gap-x: 0 !important;
	--section-gap-y: 0 !important;
	gap: 0 !important;
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: flex-start !important;
}

body.page-2.backendlayout-3_columns #page-content .section-row > .section-column.maincontent-wrap,
body.page-2.backendlayout-3_columns #page-content .section-row > .section-column.subcontent-wrap {
	--section-gaps: 0 !important;
	--section-colspan: 4 !important;
	width: 33.333333% !important;
	max-width: 33.333333% !important;
	flex: 0 0 33.333333% !important;
}

/* Bootstrap Package 16 sortiert das 3-Spalten-Layout standardmäßig anders.
   Für diese Startseite soll die alte Reihenfolge bleiben: c18, c20, c21. */
body.page-2.backendlayout-3_columns #page-content .section-row > .section-column.maincontent-wrap {
	order: 1 !important;
}

body.page-2.backendlayout-3_columns #page-content .section-row > .section-column.subcontent-wrap {
	order: 2 !important;
}

body.page-2.backendlayout-3_columns #page-content .section-row > .section-column.subcontent-wrap + .section-column.subcontent-wrap {
	order: 3 !important;
}

/* Neue Bootstrap-Package-Wrapper in den drei Startseiten-Spalten neutralisieren,
   damit die alten Abstände auf #c18/#c20/#c21 wieder wirken. */
body.page-2 #c18 .frame-group-container,
body.page-2 #c18 .frame-group-inner,
body.page-2 #c18 .frame-container,
body.page-2 #c18 .frame-container-default,
body.page-2 #c20 .frame-group-container,
body.page-2 #c20 .frame-group-inner,
body.page-2 #c20 .frame-container,
body.page-2 #c20 .frame-container-default,
body.page-2 #c21 .frame-group-container,
body.page-2 #c21 .frame-group-inner,
body.page-2 #c21 .frame-container,
body.page-2 #c21 .frame-container-default,
body.page-2 #c27 .frame-group-container,
body.page-2 #c27 .frame-group-inner,
body.page-2 #c27 .frame-container,
body.page-2 #c27 .frame-container-default,
body.page-2 #c26 .frame-group-container,
body.page-2 #c26 .frame-group-inner,
body.page-2 #c26 .frame-container,
body.page-2 #c26 .frame-container-default,
body.page-2 #c28 .frame-group-container,
body.page-2 #c28 .frame-group-inner,
body.page-2 #c28 .frame-container,
body.page-2 #c28 .frame-container-default {
	max-width: none !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Rechts die News-Box wie im alten Layout: keine Bootstrap-Unterstreichung. */
body.page-2 #c18 a,
body.page-2 #c18 a:visited,
body.page-2 #c18 a:hover,
body.page-2 #c18 a:focus,
body.page-2 #c20 a,
body.page-2 #c20 a:visited,
body.page-2 #c20 a:hover,
body.page-2 #c20 a:focus,
body.page-2 #c21 .news a,
body.page-2 #c21 .news a:visited,
body.page-2 #c21 .news a:hover,
body.page-2 #c21 .news a:focus,
body.page-2 #c28 .news a,
body.page-2 #c28 .news a:visited,
body.page-2 #c28 .news a:hover,
body.page-2 #c28 .news a:focus {
	text-decoration: none !important;
}

body.page-2 #c18 .frame-inner > p:last-child a,
body.page-2 #c18 .frame-inner > p:last-child a:visited,
body.page-2 #c20 .frame-inner > p:last-child a,
body.page-2 #c20 .frame-inner > p:last-child a:visited,
body.page-2 #c21 .news a.more,
body.page-2 #c21 .news a.more:visited,
body.page-2 #c28 .news a.more,
body.page-2 #c28 .news a.more:visited {
	color: #F25746 !important;
}

body.page-2 #c21 .news h3,
body.page-2 #c28 .news h3 {
	padding-top: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

body.page-2 #c21 .news h3 a,
body.page-2 #c21 .news h3 a:visited,
body.page-2 #c21 .news h3 a span,
body.page-2 #c28 .news h3 a,
body.page-2 #c28 .news h3 a:visited,
body.page-2 #c28 .news h3 a span {
	color: #000 !important;
	text-decoration: none !important;
}

body.page-2 #c21 .news .article-wrapper .article,
body.page-2 #c28 .news .article-wrapper .article {
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.page-2 #c21 .news .news-img-wrap,
body.page-2 #c28 .news .news-img-wrap {
	width: 100% !important;
	max-width: 332px !important;
}

body.page-2 #c21 .news .news-img-wrap img,
body.page-2 #c28 .news .news-img-wrap img {
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
}

@media all and (max-width: 768px) {
	body.page-2.backendlayout-3_columns #page-content .section-row > .section-column.maincontent-wrap,
	body.page-2.backendlayout-3_columns #page-content .section-row > .section-column.subcontent-wrap {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}

	body.page-2.backendlayout-3_columns #page-content .section-row > .section-column.maincontent-wrap {
		order: 1 !important;
	}

	body.page-2.backendlayout-3_columns #page-content .section-row > .section-column.subcontent-wrap {
		order: 2 !important;
	}

	body.page-2.backendlayout-3_columns #page-content .section-row > .section-column.subcontent-wrap + .section-column.subcontent-wrap {
		order: 3 !important;
	}
}


/* WPR Startseite Aktuelles-Links style260610y
   In #c21 alle Links ohne Unterstreichung, bei Hover unterstrichen.
   Die H2-Ueberschrift "Aktuelles" behaelt ihre bisherige Farbe,
   alle uebrigen Links in #c21 werden orange. */
body.page-2 #c21 a,
body.page-2 #c21 a:visited {
	color: #F25746 !important;
	text-decoration: none !important;
}

body.page-2 #c21 a:hover,
body.page-2 #c21 a:focus {
	color: #F25746 !important;
	text-decoration: underline !important;
}

/* Ausnahme: Link in der Ueberschrift "Aktuelles" soll farblich bleiben wie bisher. */
body.page-2 #c21 .frame-header h2.element-header a,
body.page-2 #c21 .frame-header h2.element-header a:visited,
body.page-2 #c21 .frame-header h2.element-header a span,
body.page-2 #c21 .frame-header h2.element-header a:visited span {
	color: inherit !important;
}

body.page-2 #c21 .frame-header h2.element-header a:hover,
body.page-2 #c21 .frame-header h2.element-header a:focus,
body.page-2 #c21 .frame-header h2.element-header a:hover span,
body.page-2 #c21 .frame-header h2.element-header a:focus span {
	color: inherit !important;
	text-decoration: underline !important;
}

/* WPR Startseite Aktuelles-News-Linkfarbe style260610z
   In einer frueheren Regel wurde der News-Titel in #c21 explizit schwarz gesetzt:
   body.page-2 #c21 .news h3 a span { color:#000 !important; }
   Deshalb muessen Link UND innerer Headline-Span gezielt ueberschrieben werden. */
body.page-2 #c21 .news a,
body.page-2 #c21 .news a:visited,
body.page-2 #c21 .news h3 a,
body.page-2 #c21 .news h3 a:visited,
body.page-2 #c21 .news h3 a span,
body.page-2 #c21 .news h3 a:visited span,
body.page-2 #c21 .news a span,
body.page-2 #c21 .news a:visited span {
	color: #F25746 !important;
	text-decoration: none !important;
}

body.page-2 #c21 .news a:hover,
body.page-2 #c21 .news a:focus,
body.page-2 #c21 .news a:hover span,
body.page-2 #c21 .news a:focus span,
body.page-2 #c21 .news h3 a:hover,
body.page-2 #c21 .news h3 a:focus,
body.page-2 #c21 .news h3 a:hover span,
body.page-2 #c21 .news h3 a:focus span {
	color: #F25746 !important;
	text-decoration: underline !important;
}

/* Rahmen um News-Bild entfernen */
.news .article .news-img-wrap a,
.news .article .news-img-wrap a:visited,
.news .article .news-img-wrap a:hover,
.news .article .news-img-wrap a:focus {
	display: block !important;
	float: left !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

.news .article .news-img-wrap a img {
	display: block !important;
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

.news .article .news-img-wrap img.img-thumbnail {
	padding: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

.news.news-single .article .news-img-wrap .outer {
	display: inline-block !important;
	vertical-align: top !important;
	width: auto !important;
	max-width: 100% !important;
	margin-right: 20px;
	margin-bottom: 20px;
}

.news.news-single .article .news-img-wrap .outer .mediaelement,
.news.news-single .article .news-img-wrap .outer .mediaelement a,
.news.news-single .article .news-img-wrap .outer .mediaelement img {
	display: block !important;
	max-width: 100% !important;
	height: auto !important;
}

.news.news-single .article .news-img-wrap .outer .news-img-caption {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	clear: both !important;
	margin-top: 5px !important;
}

/* WPR News-Lightbox Mauszeiger und unverzerrte Bilddarstellung style260610aa
   Das passende News-Partial nutzt zusätzlich bk2k:link.lightbox, damit PhotoSwipe
   echte data-lightbox-width/data-lightbox-height-Werte bekommt. */
.news.news-single .article .news-img-wrap a.lightbox,
.news.news-single .article .news-img-wrap a.lightbox img,
.news .article .news-img-wrap a.lightbox,
.news .article .news-img-wrap a.lightbox img {
	cursor: pointer !important;
}

/* Sicherheitsnetz für PhotoSwipe: Bild nie auf volle Breite UND Höhe verzerren. */
.pswp img,
.pswp__img {
	object-fit: contain !important;
	max-width: 100vw !important;
	max-height: 100vh !important;
}

@media all and (max-width: 576px) {
	.news.news-single .article {
		display: flex !important;
		flex-direction: column !important;
	}

	.news.news-single .article > .header {
		order: 1 !important;
	}

	.news.news-single .article > .footer {
		order: 2 !important;
	}

	.news.news-single .article > .news-text-wrap {
		order: 3 !important;
	}

	.news.news-single .article > .news-img-wrap {
		order: 4 !important;
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 20px 0 !important;
	}

	.news.news-single .article > .news-backlink-wrap {
		order: 5 !important;
	}

	.news.news-single .article > .news-related-wrap {
		order: 6 !important;
	}
}

@media all and (max-width: 576px) {
	.news.news-single .article .news-img-wrap .outer {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 20px 0 !important;
	}

	.news.news-single .article .news-img-wrap img {
		display: block !important;
		max-width: 100% !important;
		height: auto !important;
	}
}

/* WPR Content-Links in .section-default style260610ae
   Normale Links im Inhaltsbereich nicht unterstreichen, erst bei Hover/Fokus. */
.section.section-default a,
.section.section-default a:visited {
	text-decoration: none !important;
}

.section.section-default a:hover,
.section.section-default a:focus {
	text-decoration: underline !important;
}

.section.section-default ul,
.section.section-default ol,
.section.section-default li {
	list-style: revert !important;
	margin: revert !important;
	padding: revert !important;
	display: revert !important;
}

/* WPR Content-Bilder mit Link: Mauszeiger style260610af
   Klickbare Bilder im normalen Inhaltsbereich sollen wie Links wirken. */
.section.section-default a img,
.section.section-default a picture,
.section.section-default a figure.image,
.section.section-default a.lightbox img,
.section.section-default figure.image a img,
.section.section-default .mediaelement a img,
.section.section-default .gallery-item a img {
	cursor: pointer !important;
}

.section.section-default a:has(img),
.section.section-default a.lightbox,
.section.section-default figure.image a,
.section.section-default .mediaelement a,
.section.section-default .gallery-item a {
	cursor: pointer !important;
}

/* WPR Content-Bilder mit Link: Klick-/Focus-Rand entfernen style260610ag */
.section.section-default a:has(img),
.section.section-default a.lightbox,
.section.section-default figure.image a,
.section.section-default .mediaelement a,
.section.section-default .gallery-item a,
.section.section-default a img,
.section.section-default a picture,
.section.section-default a figure.image,
.section.section-default a.lightbox img,
.section.section-default figure.image a img,
.section.section-default .mediaelement a img,
.section.section-default .gallery-item a img {
	border: 0 !important;
	outline: 0;
	box-shadow: none !important;
	text-decoration: none !important;
}

/* WPR Accordion-Layout nach alter Bootstrap-Package-Ausgabe */

/* Rahmen und Abstand */
.section.section-default .accordion .accordion-item,
.section.section-default .accordion .accordion-item.card {
	border: 0 !important;
	border-bottom: 1px solid rgba(0,0,0,0.125) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.section.section-default .accordion .accordion-item + .accordion-item,
.section.section-default .accordion .accordion-item.card + .accordion-item.card {
	margin-top: 0.25em !important;
}

/* Header */
.section.section-default .accordion .accordion-header,
.section.section-default .accordion .accordion-header.card-header,
.section.section-default .accordion .card-header {
	padding: 0 !important;
	border-bottom: 0 !important;
	background: transparent !important;
	border-radius: 0 !important;
}

/* Titel */
.section.section-default .accordion .accordion-title,
.section.section-default .accordion h4.accordion-title {
	font-size: 1.1rem !important;
	font-weight: normal !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.2em !important;
	color: inherit !important;
}

/* Link / Button */
.section.section-default .accordion .accordion-title-link,
.section.section-default .accordion .accordion-title-link:focus,
.section.section-default .accordion .accordion-title-link:hover,
.section.section-default .accordion .accordion-button,
.section.section-default .accordion .accordion-button:focus,
.section.section-default .accordion .accordion-button:hover {
	color: inherit !important;
	text-decoration: none !important;
	box-shadow: none !important;
	outline: 0 !important;
	background: transparent !important;
}

.section.section-default .accordion .accordion-title-link,
.section.section-default .accordion .accordion-button {
	padding: 1rem 1.5rem !important;
	padding-right: calc(1.5rem + 2em) !important;
	position: relative !important;
	display: block !important;
	width: 100% !important;
	border: 0 !important;
	border-radius: 0 !important;
	text-align: left !important;
	cursor: pointer !important;
}

/* Bootstrap-5-Standardpfeil entfernen */
.section.section-default .accordion .accordion-button::after {
	display: none !important;
	content: none !important;
	background-image: none !important;
}

/* Plus-/Minus-Icon */
.section.section-default .accordion .accordion-title-link-state {
	position: absolute !important;
	height: 0.8em !important;
	width: 0.8em !important;
	top: 50% !important;
	right: 1.5rem !important;
	transform: translate(0,-50%) !important;
}

.section.section-default .accordion .accordion-title-link-state::before,
.section.section-default .accordion .accordion-title-link-state::after {
	content: '' !important;
	position: absolute !important;
	top: 50% !important;
	left: 0 !important;
	display: block !important;
	height: 1px !important;
	width: 100% !important;
	background-color: currentColor !important;
	transition: all 0.2s ease-in-out !important;
}

.section.section-default .accordion .accordion-title-link-state::before {
	transform: rotate(-45deg) !important;
}

.section.section-default .accordion .accordion-title-link-state::after {
	transform: rotate(45deg) !important;
}

.section.section-default .accordion .accordion-title-link.collapsed .accordion-title-link-state::before {
	transform: rotate(0) !important;
}

.section.section-default .accordion .accordion-title-link.collapsed .accordion-title-link-state::after {
	transform: rotate(90deg) !important;
}

/* Falls Bootstrap 5 keinen .accordion-title-link-state ausgibt */
.section.section-default .accordion .accordion-button::before {
	content: '' !important;
	position: absolute !important;
	height: 0.8em !important;
	width: 0.8em !important;
	top: 50% !important;
	right: 1.5rem !important;
	transform: translate(0,-50%) !important;
	background:
		linear-gradient(currentColor,currentColor) center/100% 1px no-repeat,
		linear-gradient(currentColor,currentColor) center/1px 100% no-repeat !important;
	transition: all 0.2s ease-in-out !important;
}

.section.section-default .accordion .accordion-button:not(.collapsed)::before {
	background:
		linear-gradient(currentColor,currentColor) center/100% 1px no-repeat !important;
}

/* Body */
.section.section-default .accordion .accordion-body,
.section.section-default .accordion .card-body {
	border-top: 1px solid rgba(0,0,0,0.125) !important;
	padding: 1rem 1.5rem !important;
	background: transparent !important;
}

/* Content-Layout */
.section.section-default .accordion .accordion-content {
	display: flex !important;
	flex-wrap: wrap !important;
	margin-left: -0.75rem !important;
	margin-right: -0.75rem !important;
}

.section.section-default .accordion .accordion-content-item {
	flex-grow: 1 !important;
	order: 1 !important;
	padding-left: 0.75rem !important;
	padding-right: 0.75rem !important;
	width: 100% !important;
}

.section.section-default .accordion .accordion-content-text *:last-child {
	margin-bottom: 0 !important;
}

@media (min-width: 768px) {
	.section.section-default .accordion .accordion-content-right .accordion-content-item,
	.section.section-default .accordion .accordion-content-left .accordion-content-item {
		width: 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}

	.section.section-default .accordion .accordion-content-right .accordion-content-item *:last-child,
	.section.section-default .accordion .accordion-content-left .accordion-content-item *:last-child {
		margin-bottom: 0 !important;
	}
}

/* Media oben/links */
.section.section-default .accordion .accordion-content-top .accordion-content-media,
.section.section-default .accordion .accordion-content-left .accordion-content-media {
	margin-bottom: 1.5rem !important;
}

@media (min-width: 768px) {
	.section.section-default .accordion .accordion-content-left .accordion-content-media {
		margin-bottom: 0 !important;
	}
}

/* Media unten/rechts */
.section.section-default .accordion .accordion-content-bottom .accordion-content-media,
.section.section-default .accordion .accordion-content-right .accordion-content-media {
	order: 2 !important;
	margin-top: 1.5rem !important;
}

@media (min-width: 768px) {
	.section.section-default .accordion .accordion-content-right .accordion-content-media {
		margin-top: 0 !important;
	}
}

/* Bilder im Accordion */
.section.section-default .accordion img {
	max-width: 100% !important;
	height: auto !important;
}

/* Tabellen im Accordion etwas entschärfen */
.section.section-default .accordion table {
	width: 100% !important;
	border: 0 !important;
	background: transparent !important;
}

.section.section-default .accordion table td,
.section.section-default .accordion table th {
	border: 0 !important;
	background: transparent !important;
	vertical-align: top !important;
}

/* Mobil: Tabellen in Accordion untereinander */
@media all and (max-width: 768px) {
	.section.section-default .accordion table,
	.section.section-default .accordion tbody,
	.section.section-default .accordion tr,
	.section.section-default .accordion td,
	.section.section-default .accordion th {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.section.section-default .accordion td[style*="width:20px"] {
		display: none !important;
	}

	.section.section-default .accordion img {
		margin-top: 10px !important;
	}
}

/* WPR Accordion Farben/Rahmen */
.section.section-default .accordion .accordion-item,
.section.section-default .accordion .accordion-item.card,
.section.section-default .accordion .card {
	background-color: #f7f7f7 !important;
	border: 1px solid #dfdfdf !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

/* Mehrere Accordions direkt untereinander: nur 1px Trennlinie, kein doppelter Rahmen */
.section.section-default .accordion .accordion-item + .accordion-item,
.section.section-default .accordion .accordion-item.card + .accordion-item.card,
.section.section-default .accordion .card + .card {
	margin-top: -1px !important;
}

/* Innenbereiche ebenfalls hellgrau halten */
.section.section-default .accordion .accordion-header,
.section.section-default .accordion .accordion-header.card-header,
.section.section-default .accordion .card-header,
.section.section-default .accordion .accordion-title-link,
.section.section-default .accordion .accordion-title-link:focus,
.section.section-default .accordion .accordion-title-link:hover,
.section.section-default .accordion .accordion-button,
.section.section-default .accordion .accordion-button:focus,
.section.section-default .accordion .accordion-button:hover,
.section.section-default .accordion .accordion-body,
.section.section-default .accordion .card-body {
	background-color: #f7f7f7 !important;
}

/* Trennlinie zwischen Kopf und aufgeklapptem Inhalt */
.section.section-default .accordion .accordion-body,
.section.section-default .accordion .card-body {
	border-top: 1px solid #dfdfdf !important;
}

/* Keine zusätzlichen Abstände zwischen Accordion-Blöcken */
.section.section-default .accordion {
	margin-bottom: 5px !important;
}

.section.section-default .accordion .accordion-item {
	margin-bottom: 0 !important;
}

/* WPR Accordion Content weiß */
.section.section-default .accordion .accordion-body,
.section.section-default .accordion .card-body,
.section.section-default .accordion .accordion-content,
.section.section-default .accordion .accordion-content-item,
.section.section-default .accordion .accordion-content-text,
.section.section-default .accordion .accordion-content-media {
	background-color: #fff !important;
}

/* Tabellen im Accordion ebenfalls weiß halten */
.section.section-default .accordion .accordion-body table,
.section.section-default .accordion .accordion-body tbody,
.section.section-default .accordion .accordion-body tr,
.section.section-default .accordion .accordion-body td,
.section.section-default .accordion .card-body table,
.section.section-default .accordion .card-body tbody,
.section.section-default .accordion .card-body tr,
.section.section-default .accordion .card-body td {
	background-color: #fff !important;
}

/* Tabellen aus CKEditor im Frontend: volle Breite, keine schwarze Linie */
.section.section-default figure.table {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0;
}

.section.section-default figure.table > .table-responsive,
.section.section-default .accordion figure.table > .table-responsive {
	width: 100%;
	max-width: 100%;
}

.section.section-default figure.table table,
.section.section-default .accordion figure.table table {
	width: 100%;
	max-width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	background: transparent;
}

/* Bootstrap-Tabellenlinien entfernen */
.section.section-default figure.table table,
.section.section-default figure.table table tbody,
.section.section-default figure.table table tr,
.section.section-default figure.table table td,
.section.section-default figure.table table th {
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	box-shadow: none;
}

/* Speziell die Linie unter der letzten Tabellenzeile entfernen */
.section.section-default figure.table table tr:last-child,
.section.section-default figure.table table tr:last-child td,
.section.section-default figure.table table tr:last-child th {
	border-bottom: 0;
}

/* Bilder in solchen Tabellen sauber begrenzen */
.section.section-default figure.table table img {
	max-width: 100%;
	height: auto;
}

/* Accordion: Wenn nur ein Content-Item vorhanden ist, soll es volle Breite haben */
.section.section-default .accordion .accordion-content.accordion-content-left > .accordion-content-item:only-child,
.section.section-default .accordion .accordion-content.accordion-content-right > .accordion-content-item:only-child {
	width: 100%;
	flex-basis: 100%;
	max-width: 100%;
}

/* CKEditor-Tabellen im Accordion volle Breite */
.section.section-default .accordion .accordion-content-item > figure.table,
.section.section-default .accordion .accordion-content-item > figure.table > .table-responsive,
.section.section-default .accordion .accordion-content-item > figure.table > .table-responsive > table {
	width: 100%;
	max-width: 100%;
}

/* Schwarze Tabellenlinie unten entfernen */
.section.section-default .accordion figure.table table,
.section.section-default .accordion figure.table table tbody,
.section.section-default .accordion figure.table table tr,
.section.section-default .accordion figure.table table td,
.section.section-default .accordion figure.table table th {
	border: 0;
	box-shadow: none;
}

/* WPR Accordion-Tabellenbreite style260610aj
   Wenn im Accordion nur ein Content-Item vorhanden ist, darf es nicht auf 50% begrenzt werden.
   Außerdem sollen CKEditor-Tabellen im Accordion die volle Breite nutzen und keine untere Linie zeigen. */
@media (min-width: 768px) {
	.section.section-default .accordion .accordion-content.accordion-content-left > .accordion-content-item:only-child,
	.section.section-default .accordion .accordion-content.accordion-content-right > .accordion-content-item:only-child {
		width: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}

	.section.section-default .accordion .accordion-content.accordion-content-left > .accordion-content-item:not(:only-child),
	.section.section-default .accordion .accordion-content.accordion-content-right > .accordion-content-item:not(:only-child) {
		width: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
}

.section.section-default .accordion .accordion-content-item > figure.table,
.section.section-default .accordion .accordion-content-item > figure.table > .table-responsive,
.section.section-default .accordion .accordion-content-item > figure.table > .table-responsive > table {
	width: 100%;
	max-width: 100%;
}

.section.section-default .accordion figure.table table {
	margin-bottom: 0;
	border: 0;
	border-collapse: collapse;
	box-shadow: none;
}

.section.section-default .accordion figure.table table tbody,
.section.section-default .accordion figure.table table tr,
.section.section-default .accordion figure.table table td,
.section.section-default .accordion figure.table table th {
	border: 0;
	box-shadow: none;
}

.section.section-default .accordion figure.table table tr:last-child,
.section.section-default .accordion figure.table table tr:last-child td,
.section.section-default .accordion figure.table table tr:last-child th {
	border-bottom: 0;
}


/* WPR Accordion-Tabellenbreite Korrektur style260610ak
   Die frühere Accordion-Regel setzt .accordion-content-left .accordion-content-item
   ab 768px auf 50% !important. Deshalb muss dieser gezieltere Override ebenfalls
   !important verwenden, wenn im Accordion nur ein Content-Item vorhanden ist. */
@media (min-width: 768px) {
	.section.section-default .accordion .accordion-content.accordion-content-left > .accordion-content-item:only-child,
	.section.section-default .accordion .accordion-content.accordion-content-right > .accordion-content-item:only-child,
	.section.section-default .accordion .accordion-content.accordion-content-left > .accordion-content-text:only-child,
	.section.section-default .accordion .accordion-content.accordion-content-right > .accordion-content-text:only-child {
		width: 100% !important;
		flex: 0 0 100% !important;
		flex-basis: 100% !important;
		max-width: 100% !important;
	}
}

.section.section-default .accordion .accordion-content.accordion-content-left > .accordion-content-item:only-child > figure.table,
.section.section-default .accordion .accordion-content.accordion-content-right > .accordion-content-item:only-child > figure.table,
.section.section-default .accordion .accordion-content.accordion-content-left > .accordion-content-item:only-child > figure.table > .table-responsive,
.section.section-default .accordion .accordion-content.accordion-content-right > .accordion-content-item:only-child > figure.table > .table-responsive,
.section.section-default .accordion .accordion-content.accordion-content-left > .accordion-content-item:only-child > figure.table > .table-responsive > table,
.section.section-default .accordion .accordion-content.accordion-content-right > .accordion-content-item:only-child > figure.table > .table-responsive > table {
	width: 100% !important;
	max-width: 100% !important;
}

/* WPR Accordion: CKEditor-Tabelle ohne Quer-Scrollbalken, Bild 300px */
@media all and (min-width: 769px) {
	.section.section-default .accordion figure.table,
	.section.section-default .accordion figure.table > .table-responsive {
		display: block;
		width: 100%;
		max-width: 100%;
		overflow-x: visible;
	}

	.section.section-default .accordion figure.table table,
	.section.section-default .accordion figure.table tbody,
	.section.section-default .accordion figure.table tr {
		display: block;
		width: 100%;
		max-width: 100%;
		border: 0;
	}

	.section.section-default .accordion figure.table tr {
		display: flex;
		align-items: flex-start;
		gap: 20px;
	}

	.section.section-default .accordion figure.table td {
		display: block;
		border: 0;
		box-shadow: none;
		vertical-align: top;
	}

	/* Textspalte */
	.section.section-default .accordion figure.table td:first-child {
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
	}

	/* alte Abstandsspalte mit width:20px ausblenden, weil gap:20px genutzt wird */
	.section.section-default .accordion figure.table td[style*="width:20px"] {
		display: none;
	}

	/* Bildspalte */
	.section.section-default .accordion figure.table td:last-child {
		flex: 0 0 300px;
		width: 300px;
		max-width: 300px;
	}

	.section.section-default .accordion figure.table td:last-child img {
		display: block;
		width: 300px;
		max-width: 300px;
		height: auto;
	}
}

/* Mobil: Text und Bild untereinander */
@media all and (max-width: 768px) {
	.section.section-default .accordion figure.table,
	.section.section-default .accordion figure.table > .table-responsive {
		display: block;
		width: 100%;
		max-width: 100%;
		overflow-x: visible;
	}

	.section.section-default .accordion figure.table table,
	.section.section-default .accordion figure.table tbody,
	.section.section-default .accordion figure.table tr,
	.section.section-default .accordion figure.table td {
		display: block;
		width: 100%;
		max-width: 100%;
		border: 0;
		box-shadow: none;
	}

	.section.section-default .accordion figure.table td[style*="width:20px"] {
		display: none;
	}

	.section.section-default .accordion figure.table td img {
		display: block;
		width: auto;
		max-width: 100%;
		height: auto;
		margin-top: 10px;
	}
}

/* WPR Text/Bild: Abstand zwischen Text und Bildern */
@media all and (min-width: 769px) {
	.section.section-default .textmedia.textmedia-right {
		gap: 40px !important;
	}

	.section.section-default .textmedia.textmedia-right > .textmedia-text {
		width: calc(62% - 20px) !important;
		flex: 0 0 calc(62% - 20px) !important;
		max-width: calc(62% - 20px) !important;
	}

	.section.section-default .textmedia.textmedia-right > .textmedia-gallery {
		width: calc(38% - 20px) !important;
		flex: 0 0 calc(38% - 20px) !important;
		max-width: calc(38% - 20px) !important;
	}
}

.news .news-list-view .article-wrapper.archiv .article .header h3 a,
.news .news-list-view .article-wrapper.archiv .article .header h3 a:visited,
.news .news-list-view .article-wrapper.archiv .article .header h3 a span {
	text-decoration: none;
}

.news .news-list-view .article-wrapper.archiv .article .header h3 a:hover,
.news .news-list-view .article-wrapper.archiv .article .header h3 a:focus,
.news .news-list-view .article-wrapper.archiv .article .header h3 a:hover span,
.news .news-list-view .article-wrapper.archiv .article .header h3 a:focus span {
	text-decoration: underline;
}

.frame a[class=""], .frame a:not([class]) {
	color: #F25746;
}

.section.section-default .csc-textpic-imagerow ul,
.section.section-default .csc-textpic-imagewrap ul {
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}

.section.section-default .csc-textpic-imagerow ul li,
.section.section-default .csc-textpic-imagewrap ul li {
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
	display: block !important;
}
.section.section-default .csc-textpic-imagewrap .csc-textpic-firstcol {
	margin-right: 10px !important;
	margin-bottom: 10px !important;
}

.google-map-optin {
  width: 100%;
  min-height: 600px;
}

.google-map-optin iframe {
  display: block;
  width: 100%;
  min-height: 600px;
}

.google-map-consent-box {
  min-height: 600px;
  box-sizing: border-box;
  padding: 2rem;
  border: 1px solid #d8d8d8;
  background: #f6f6f6;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  text-align: center;
}

.google-map-consent-box p {
  max-width: 720px;
  margin: 0;
}

.google-map-consent-button,
.google-map-privacy-button {
  display: inline-block;
  border: 0;
  border-radius: 4px;
  padding: 0.75rem 1.2rem;
  background: #444;
  color: #fff;
  font: inherit;
  cursor: pointer;
}

.google-map-consent-button:hover,
.google-map-privacy-button:hover {
  background: #222;
}

.google-map-consent-button:disabled,
.google-map-privacy-button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.google-map-consent-note {
  font-size: 0.9rem;
}

.tx-indexedsearch-browsebox.indexedsearch-pagination {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	margin: 15px 0 20px 0;
	font-size: 16px;
	font-weight: bold;
}

.indexedsearch-pagination-info {
	color: #000;
	white-space: nowrap;
}

.indexedsearch-pagination-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 3px;
	margin: 0 0 0 auto;
	padding: 0;
}

.indexedsearch-pagination-link,
.indexedsearch-pagination-current {
	display: inline-block;
	padding: 2px 14px;
	background-color: #FEEEE8;
	border: 1px solid #F25746;
	color: #000;
	text-decoration: none;
	line-height: 1.4;
	border-radius: 0;
}

.indexedsearch-pagination-link:hover,
.indexedsearch-pagination-link:focus {
	background-color: #F25746;
	border-color: #F25746;
	color: #fff;
	text-decoration: none;
}

.indexedsearch-pagination-current {
	background-color: #FEEEE8;
	border-color: transparent;
	color: #000;
	cursor: default;
}