/*Allgemein */

html{
	font-size: 1rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #444;
	scroll-behavior: smooth;
}


@media (max-width: 1680px) {
	html {
	font-size: 0.9rem;
}
}

body {
	background: linear-gradient(90deg, rgba(152,194,22,1) 0%, rgba(21,113,124,1) 100%) fixed;
	
}

img {
	width: 100%;
	height: auto;
	display: block;

}

/* Header */



#header {
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 1.5rem;
	background: url('data:image/svg+xml,<svg width="100%" height="100%" id="svg" viewBox="0 0 1440 590" xmlns="http://www.w3.org/2000/svg" class="transition duration-300 ease-in-out delay-150"><defs><linearGradient id="gradient" x1="100%" y1="50%" x2="0%" y2="50%"><stop offset="5%" stop-color="%2398c216"></stop><stop offset="95%" stop-color="%2315717c"></stop></linearGradient></defs><path d="M 0,600 C 0,600 0,300 0,300 C 108.93333333333334,312.26666666666665 217.86666666666667,324.5333333333333 391,319 C 564.1333333333333,313.4666666666667 801.4666666666667,290.1333333333334 987,284 C 1172.5333333333333,277.8666666666666 1306.2666666666667,288.9333333333333 1440,300 C 1440,300 1440,600 1440,600 Z" stroke="none" stroke-width="0" fill="url(%23gradient)" fill-opacity="1" class="transition-all duration-300 ease-in-out delay-150 path-0" transform="rotate(-180 720 300)"></path></svg>');
	background-size: cover;
	padding-bottom: 5rem;
	background-position: center -220x;
}

@media (max-width: 2600px) {
	#header {
	padding-bottom: 5rem;
	background-position: center -390px;
}
}

@media (max-width: 2400px) {
	#header {
	padding-bottom: 5rem;
	background-position: center -350px;
}
}

@media (max-width: 2200px) {
	#header {
	padding-bottom: 5rem;
	background-position: center -300px;
}
}




@media (max-width: 1921px) {
	#header {

	padding-bottom: 5rem;
	background-position: center -250px;
}
}

@media (max-width: 1781px) {
	#header {

	padding-bottom: 5rem;
	background-position: center -220px;
}
}


@media (max-width: 1680px) {
	#header {

	padding-bottom: 5rem;
	background-position: center -210px;
}
}


@media (max-width: 1500px) {
	#header {

	padding-bottom: 5rem;
	background-position: center -180px;
}
}

@media (max-width: 1280px) {
	#header {

	padding-bottom: 5rem;
	background-position: center -130px;
}
}



@media (max-width: 1100px) {
	#header {
	padding-left: 2.5%;
	padding-right: 2.5%;
	padding-bottom: 5rem;
	background-position: center -80px;
}
}

@media (max-width: 990px) {
	#header {
		padding-top: 1.5rem;
		padding-bottom: 7rem;
		background-position: center -30px;

	}
}
@media (max-width: 767px) {
	#header {
		padding-top: 1.5rem;
		padding-bottom: 6rem;
		background-position: center -10px;
	
		
	}
}

@media (max-width: 480px) {
	#header {
		padding-top: 1.0rem;
		padding-bottom: 3rem;
		background-position: center -1px;
	
		
	}
}



#header .inside {
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	max-width: 1800px;
	margin: 0 auto;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

@media (max-width: 1680px) {
	#header .inside {
	padding-left: 0rem;
	padding-right: 0rem;
}
}

#wrapper {
	background-color: #fff;
}

/* Layout Main */




#container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#left {
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	-webkit-flex: 2 1 auto;
	-ms-flex: 2 1 auto;
	flex: 2 1 auto;
	background-color: #faad;
	padding-left: 2.5%;
	
}

#main {
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2;
	-webkit-flex: 8 1 auto;
	-ms-flex: 8 1 auto;
	flex: 8 1 auto;
}

#main .inside .mod_article:first-of-type {





}

#main .inside {
	margin: 0 auto;
}



#right {
	-webkit-order: 3;
	-ms-flex-order: 3;
	order: 3;
	-webkit-flex: 2 1 auto;
	-ms-flex: 2 1 auto;
	flex: 2 1 auto;
	background-color: #efcd;
	padding-right: 2.5%;
}


#footer .row {
  justify-content: space-between;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  align-items: center;
}

#footer .row div {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

#footer .row div ul {
	margin: 0px;
	padding: 0px;
}

#footer ul li {
	display: inline;
}


/* Maximal Breiten*/

.w-25 {
	max-width: 25%;
}

.w-40 {
	max-width: 40%;
}

.w-50 {
	max-width: 50%;
}

.w-60 {
	max-width: 60%;
}


.w-75 {
	max-width: 75%;
}

.w-85 {
	max-width: 85%;
}

.w-100 {
	max-width: 100%;
}


/* Erstellt die Flexbox für Inhaltselemente */


#container .inside > .block,
#container .row {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding-left: 20%;
	padding-right: 20%;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}


@media (max-width: 2200px) {
	#container .inside > .block,
	#container .row {
		padding-left: 10%;
		padding-right: 10%;
	}
}


@media (max-width: 1680px) {
	#container .inside > .block,
	#container .row {
		padding-left: 10%;
		padding-right: 10%;
	}
}


@media (max-width: 1200px) {
	#container .inside > .block,
	#container .row {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
}


/*Erstellt Abstände zwischen den Inhaltselementen */

#container .inside > .block > div,
#container .row > div,
#container .ce_accordionSingle,
#container .mod_newsreader > * > *,
#container .mod_newslist .layout_latest,
#container .mod_newslist .pagination,
#container .content-gallery li {	
	padding: 2.5rem;
	position: relative;
	position: relative;
}

@media (max-width: 1680px) {
	#container .inside > .block > div,
	#container .row > div,
	#container .ce_accordionSingle,
	#container .mod_newsreader > * > *,
	#container .mod_newslist .layout_latest,
	#container .mod_newslist .pagination,
	#container .content-gallery li {
		padding: 1rem;
	}
}

/* Enfernt Abstände */

.p-0 {
	padding: 0rem !important;
}

.pl-0 {
	padding-left: 0rem !important
}
.pr-0 {
	padding-right: 0rem !important
}
.pt-0 {
	padding-top: 0rem !important
}

.pb-0 {
	padding-bottom: 0rem !important;
}

.m-0 {
	margin: 0rem !important;
}

.ml-0 {
	margin-left: 0rem !important
}
.mr-0 {
	margin-right: 0rem !important
}
.mt-0 {
	margin-top: 0rem !important
}

.mb-0 {
	margin-bottom: 0rem !important;
}

/*Reduziert Abstände */

.p-50 {
	padding-left: 1.75rem !important;
	padding-right: 1.75rem !important;
	padding-top: 1.75rem !important;
	padding-bottom: 1.75rem !important;
}

.pr-50 {
	padding-right: 1.75rem !important;
}

.pl-50 {
	padding-left: 1.75rem !important;
}

.p-25 {
	padding-left: 0.83rem !important;
	padding-right: 0.83rem !important;
	padding-top: 0.83rem !important;
	padding-bottom: 0.83rem !important;
}

.pr-25 {
	padding-right: 0.83rem !important;
}

.pl-25 {
	padding-left: 0.83rem !important;
}
.pt-25 {
	padding-top: 0.83rem !important;
}

.pb-25 {
	padding-bottom: 0.83rem !important;
}

/* Spalten */

.col-1 {
	width: 8.3333333%;
	position: relative;

}
.col-2 {
	width: 16.66666666%;
	position: relative;

}
.col-3 {
	width: 25%;
	position: relative;

}

@media (max-width: 767px) {
	.col-3 {
		width: 50%;
	}
}
@media (max-width: 480px) {
	.col-3 {
		width: 100%;
	}
}

.col-4 {
	width: 33.33333333%; 
	position: relative;
}

@media (max-width: 767px) {
	.col-4 {
		width: 50%;
	}
}

@media (max-width: 767px) {
	.col-4 {
		width: 100%;
	}
}


.col-5 {
	width: 41.66666666%;
}

@media (max-width: 767px) {
	.col-5 {
		width: 100%;
	}
}
.col-6 {
	width: 50%;
}

@media (max-width: 767px) {
	.col-6 {
		width: 100%;
	}
}

.col-7 {
	width: 58.33333333%;
}
@media (max-width: 767px) {
	.col-7 {
		width: 100%;
	}
}
.col-8 {
	width: 66.66666666% 
}
@media (max-width: 767px) {
	.col-8 {
		width: 100%;
	}
}
.col-9 {
	width: 75%
}
@media (max-width: 767px) {
	.col-9 {
		width: 100%;
	}
}

.col-10 {
	width: 83.33333333% 
}
.col-11 {
	width: 91.6666666% 
}
.col-12 {
	width: 100%;
}

/*Textausrichtung*/

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}

.align-self-start {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.align-self-center {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}

.align-self-end {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
}

.align-self-stretch {
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}

.align-items-center {
	align-items: center;
}


/* Ausrichtung Bild/Text Elemente */
figure {
	display: flex;
	justify-content: center;  /* Horizontales Zentrieren */
	align-items: center;      /* Vertikales Zentrieren */
	margin: 0;
	min-height: 100px;        /* Optional: minimale Höhe, um einen gewissen Abstand zu gewährleisten */
  }

  figure img {
	max-width: 100%;
	height: auto;
  }


.media--left {		
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}
@media (min-width: 767px) and (max-width: 991px) {
	.media--left {		
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-center;
		align-items: flex-center;
		align-content: flex-center;
	}
}
	
.media--left figure {
	order: 0
}
.media--left .rte {
	order: 1;
	padding-left: 2rem;
}
@media (min-width: 767px) and (max-width: 1299px) {
	.media--left .rte {		
		padding-left: 0.5rem;
	}
}

@media (max-width: 767px) {
	.media--left .rte {
		padding-left: 1rem;
	}
}
.media--right {		
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}

.media--right figure {
	order: 1
}

.media--right .rte {
	order: 0;
	padding-right: 2rem;
}
@media (max-width: 767px) {
	.media--right .rte {
		padding-right: 1rem;
	}
}



/*Inhaltselemente */

.ce_sliderStart {
	display: grid;
}



/*Module*/

.mod_article {
	position: relative;
}

.mod_article::before {
	content: "";
	position: absolute;
	padding-left: 10%;
	padding-right: 10%;
	top: 0;
	height: 0px; /* oder 'width: 1px;' für vertikale "Ränder" */
	width: 90%; /* Maximale Länge des "Randes" */
	background-color: #efefef; /* Farbe des "Randes" */
}

.mod_article:first-of-type::before {
	height: 0px;
}



.mod_newslist {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-content: stretch;
	align-content: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	padding: 0px !important;
}


.mod_newslist .layout_latest {
	width: 50%;
}

@media (max-width: 767px) {
	.mod_newslist .layout_latest {
		width: 100%;
		padding: 0px;
	}
}

.mod_newslist .layout_latest {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-content: stretch;
align-content: stretch;
-webkit-align-items: flex-start;
align-items: flex-start;
}

.mod_newslist .layout_latest > * {
	width: 100%;
}

.mod_newslist .layout_latest figure {
	order: 1;
	margin-bottom: 2rem;
}
.mod_newslist .layout_latest h2{
	order: 2;
	line-height: 2.5rem !important;
	margin-bottom: 0.5rem !important;
}
.mod_newslist .layout_latest .info {
	order: 3;
}
.mod_newslist .layout_latest .ce_text {
	order: 4;
}
.mod_newslist .layout_latest .more {
	order: 5;
}
.mod_newslist .layout_latest .info::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="1em" height="1em" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M13.5 12a1.5 1.5 0 1 1-3.001-.001A1.5 1.5 0 0 1 13.5 12Zm3.5-1.5a1.5 1.5 0 1 0 .001 3.001A1.5 1.5 0 0 0 17 10.5Zm-10 0a1.5 1.5 0 1 0 .001 3.001A1.5 1.5 0 0 0 7 10.5Zm17 1.84V19c0 2.757-2.243 5-5 5h-5.917C6.082 24 .47 19.208.03 12.854c-.241-3.476 1.027-6.878 3.479-9.333S9.363-.206 12.836.029C19.096.454 24 5.862 24 12.341Zm-2 0c0-5.431-4.084-9.962-9.299-10.316a10.015 10.015 0 0 0-7.777 2.91 10.019 10.019 0 0 0-2.899 7.782c.373 5.38 5.024 9.285 11.059 9.285h5.917c1.654 0 3-1.346 3-3v-6.66Z" fill="%2315717c" data-original="%23000000" opacity="1"></path></g></svg>');
	margin-right: 0.5rem;
}

.mod_newslist .pagination {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-content: stretch;
	align-content: stretch;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	width: 100%;
}

.mod_newslist .pagination ul li {
	list-style: none;
	display: inline-flex;
}

.mod_newslist .pagination ul li {
	list-style: none;
	display: inline-flex;
}
.mod_newslist .pagination li.previous {
	padding-right: 1rem;
}
.mod_newslist .pagination li.next {
	padding-left: 1rem;
}

.mod_newslist .pagination li  .first::after {
	content: " |";
}
.mod_newslist .pagination li  .last::before {
	content: "| ";
}
.mod_newslist .pagination li  .active {
	color: #15717C;
}

/*Akkordion*/


.ce_accordionSingle {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	padding-top: 0px !important;

}

.ce_accordionSingle .ui-accordion-header {
	padding: 1rem;
	padding-right: 2rem;
	border-top: 1px solid #333;
	font-size: 1.1rem;
	font-weight: 600;
	position: relative;
}


@media (max-width: 767px) {
	.ce_accordionSingle .ui-accordion-header {
	padding-left: 0px;
	padding-right: 2rem;
}
}

.mod_article .ce_accordionSingle:last-of-type .ui-accordion-header {
	border-bottom: 1px solid #333 ;
}

.mod_article .ce_accordionSingle:last-child {
	padding-bottom: 5rem !important;
}

.ce_accordionSingle .ui-accordion-header:hover {
	cursor: pointer;
	background-color: rgba(87, 147, 171, 0.1);
}

.ui-accordion-header-active::after {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="1em" height="1em" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="m22.586 5.929-9.879 9.879a1.021 1.021 0 0 1-1.414 0L1.42 5.934.006 7.348l9.873 9.874a3.075 3.075 0 0 0 4.243 0L24 7.343Z" data-name="01 align center" fill="%23BDD559" data-original="%23000000" opacity="1"></path></g></svg>');

	color: #BDD559;
	position: absolute;
	right: 0;
	vertical-align: middle;
	top: 50%; 
	transform: translate(-50%, -50%);
	
	
}

.ui-accordion-header-collapsed::after {
	
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="1em" height="1em" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M7.412 24 6 22.588l9.881-9.881a1 1 0 0 0 0-1.414L6.017 1.431 7.431.017l9.862 9.862a3 3 0 0 1 0 4.242Z" fill="%23BDD559" data-original="%23000000" opacity="1"></path></g></svg>');
	color: #BDD559;
	position: absolute;
	right: 0;
	vertical-align: middle;
	top: 50%; 
	transform: translate(-50%, -50%);
}

.ce_accordionSingle .ui-accordion-content {
	border-top: 0px;
	padding: 1em;
	padding-bottom: 0.5em;
}


/* Tabelle */

.content-table {
	width: 100%;
}

.content-table table {
	width: 100%;
	border-collapse: collapse;
}

.content-table tbody th, .content-table td {
	text-align: left;
	padding: 1rem;
	border-top: 1px solid #333;
}



.content-table td {
	text-align: center;
}

.content-table th {
	font-weight: 600;
}



.content-table thead{
	font-weight: 600;
	border-top: 0px;

}

.content-table thead tr th {
	text-align: center;
	padding: 1rem;
}

.content-table thead tr th:first-of-type {
	text-align: left;
}

/* Handy-Version (unter 767px) */
@media only screen and (max-width: 767px) {
	/* Make table rows behave like "blocks" (like divs), and stack them vertically under each other */
	.content-table table, .content-table thead, .content-table tbody, .content-table th, .content-table td, .content-table tr {
		display: block;
	}
	
	.content-table th {
		background-color: #efefef;
		border-top: none !important;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.content-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.content-table tr {
		margin: 0 0 0rem 0;
	}
	


	.content-table td {
		/* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #ddd;
		position: relative;
		padding-left: 50%;
	}
	
	.content-table td:last-child {
		border-bottom: none; 
	}

	.content-table td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		padding: 1rem;
	}


}