body {
  color: #333333 !important;
	font-size: 1.3rem;
	/* font-weight: 300; */ 
}

body.mfp-zoom-out-cur #stickyTop {
	z-index: 1 !important;
}

/* .cboxIE {
	position:fixed !important;
	top: 0px !important;
	left:0px !important;
} */

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  color: #5B89AE !important;
  line-height: 1.0 !important;
  font-weight: bold;
  }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #5B89AE !important;
    }

h1 {
  	font-size: 3rem !important;
  	}

h2 {
  	font-size: 2.3rem !important;
padding-bottom: 25px !important }

h3 {
  	font-size: 1.9rem !important; }

h4 {
  	font-size: 1.75rem !important; }

h5 {
  	font-size: 1.65rem !important; }

h6 {
  	font-size: 1.4rem !important; }
  
button, .button {
	border: 2px solid #5B89AE !important;
  	background-color: #EEEEEE !important;
  	color: #5B89AE !important;
}
button:hover, button:focus, .button:hover, .button:focus {
	border: 2px solid #5B89AE !important;
	background-color: #5B89AE !important;
	color: #EEEEEE !important; }

button.articleFilterSelected {
	border: 2px solid #5B89AE !important;
	background-color: #5B89AE !important;
	color: #EEEEEE !important;
}		

a.clearing-close {
	font-size: 60px;
	color: #FFFFFF !important;;
	text-decoration: none;
}

table.se-table-layout-fixed {
	table-layout: fixed !important;
}

table.se-table-size-100{
	width: 100% !important;
}

table.se-table-size-auto {
	width: auto !important;
}


input.searchInput {
	width:100px !important; 
	display:inline !important;
	background: #FBFBFB; 
	height: 25px;
	vertical-align: middle;
	position: relative;
	top: 6px;
	left: 5px;
	border: 1px solid #EAE5E1 !important;
	
}

div.searchDiv {
	text-transform: uppercase;
	text-align: right;
	font-weight: bold;
	color: #FFFFFF !important;
}

.searchButton {
	border:none !important;
	background: none !important;
	color: #FFFFFF !important;
}

.searchButton:hover {
	border:none !important;
	background: none !important;
	color: #FFFFFF !important;
}

#searchCell table {
	border: 1px solid #5B89AE !important;
}

#searchCell .searchInput {
	width: 150px !important;
}

#searchCell a {
	color: #5B89AE !important;
	font-weight: bold;
}

#searchCell i {
	color: #5B89AE !important;
}

.poweredBy {
	padding-top: 15px;
	font-size: 0.7rem;
}

.maincontentdiv {
	padding-top: 30px;
	hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	word-break: break-word;
}

table tbody {
	border: none;
}

.customTables table tr, .customTables table td  {
	border: 1px solid #333333 !important;
	vertical-align: top !important;
	
}

.customTables table td div {
	padding: 5px;
}
	
.customTables table tr:first-child td:first-child {  
  border-top: 1px solid #FFFFFF !important;
  border-left: 1px solid #FFFFFF !important;
}

.customTables table td:nth-child(1) {
	background: #FFFFFF !important;
	
}

.customTables table td:nth-child(2) {
	background: #E6F0FA !important;
	width: 31% !important
}

.customTables table td:nth-child(3) {
	background: #F2FBEF !important;
	width: 31% !important
}

.customTables table td:nth-child(4) {
	background: #FAECF8 !important;
	width: 31% !important
}

a {
	text-decoration: none;
	color: #333333 !important;
}

a:hover {
	text-decoration: underline;
}

.slick-prev, .slick-next {
	width: 25px !important;
}

.slick-prev:before
{
    content: '\f137' !important;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
}

.slick-next:before
{
    content: '\f138' !important;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
}


table.noBorderNoColor, table.noBorderNoColor td, table.noBorderNoColor tr {
	background: transparent !important; 
}

.headerLogo {
	background: #5B89AE;
	padding-top: 15px;
	padding-bottom: 15px;
}

.headerImages {
	position: relative;
	
}

.headerContainer {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	background: #5B89AE;
	border-bottom: 8px solid #FE9900;
}

.headerContainer .cell * {
	color: #FFFFFF !important; 
}

.appLogo img {
	max-height: 120px;
}

.footerdiv * {
	color: #FFFFFF !important;
}

.footerdiv {
	border-top: 8px solid #FE9900;
	background: #5B89AE;
	color: #FFFFFF;
	padding-top: 35px;
	padding-bottom: 35px;
}

.footerdiv  table td, .footerdiv  table tbody {
	background: #333333 !important;
	border:none !important;
	padding: 0;
}

.footerImprint {
	background: #5B89AE !important;
	color: #FFFFFF !important;
	padding: 5px;
	text-align: right;
}

.footerImprint a {
	color: #FFFFFF !important;
	
}

.orbit-controls button, .orbit-controls button:focus {
	background: transparent !important;
}

.orbit-controls button:hover {
	background: #333333 !important;
}

#scrollToTopButton {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    background-color: #3F619E; /* Set a background color */
    color: #FFFFFF !important; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    border-radius: 15px;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:15px;
	text-align: center;
}

#scrollToTopButton:hover {
    background-color: #FFDD00;
    color: #333333 !important;  
}

.footerLists ul li {
	padding: 0px !important;
	margin: 0px !important;
}

.footerLists ul li a {
	
	padding-top: 0px !important;
	padding-bottom: 5px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;
}

.footerLists ul li a {
	color: #A07B90 !important;	
} 

.footerCompanyName {
	line-height: 1.3 !important;
}


.footerLists ul li a.footerListsHeadline {
	color: #FFFFFF !important;
	font-weight: bold !important;
}

.footerLists {
	font-size: 95%;
}

.footerListsLogo img {
	width: 160px;
	margin-bottom: 25px;
}

.articleImgObjectFit {
  width: 100%; /* Das Bild füllt die Breite des Containers */
  height: 150px; /* Maximal erlaubte Höhe des Bildes */
  object-fit: cover; /* Der Ausschnitt wird beibehalten, und das Bild wird beschnitten, um die Höhe zu füllen */
  border-radius: 10px; /* Ecken abrunden */
}

.maincontentdiv {
	margin-bottom: 0px !important;
	padding-bottom: 25px !important;
	min-height: 400px;
	
}

.maincontentdiv .hcmsContainer {
	padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom: 40px; 
}

.maincontentdiv .hcmsContainer:first-child, .hcmsContainerNoPaddingBottom {
	padding-top: 25px;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

.maincontentdiv .hcmsContainer:last-child {
	margin-bottom: 0px !important;
}

.maincontentdiv img {
	margin-bottom: 15px;
}


.accordionCustomStyle .accordion {
    background: transparent !important;
    border: none !important;
}

.accordionCustomStyle .accordion-item {
	border: none !important;
	margin-bottom: 15px;;
	
} 

.accordionCustomStyle .accordion-item.is-active {
	border: none !important;
	margin-bottom: 15px;
	border-bottom: 3px solid #FE9900 !important;
} 

.accordionCustomStyle .accordion-title {
	border: none !important;
	border-bottom: 3px solid #333333 !important;	
	padding-left: 20px !important;
	font-size: 100% !important;
	padding-top:20px !important;
	padding-bottom:20px !important;
	text-decoration: none !important; 
	font-weight: bold;
	padding-right: 40px !important;
}

.accordionCustomStyle .accordion-item.is-active .accordion-title { 
	border-bottom: 3px solid #FE9900 !important;
	background: #EEEEEE !important;
}

.accordionCustomStyle .accordion-title:hover, .accordionCustomStyle .accordion-title:focus {
    background-color: transparent !important;
    background: transparent !important;
}

.accordionCustomStyle .accordion-title::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
}

.accordionCustomStyle .is-active > .accordion-title::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f077";    
}

.accordionCustomStyle .accordion-content {
	border: none !important;
	padding-top: 25px !important;
	padding-bottom: 25px !important;
	padding-left: 5px !important;
}

.articleAddressDetails {
	padding-top: 7px;
}

.articleContainerFacilities, .articleContainerClubsAndOrganisations {
	padding-top: 40px;
	padding-bottom: 40px;
}

.articleContainerClubsAndOrganisations:first-child {
	padding-top: 0px !important;
}


.articleContainerFacilities:nth-child(odd), .articleContainerClubsAndOrganisations:nth-child(odd){
	background: #F3F3F3;
}

.secondaryBgColor {
	background: #F3F3F3;
	
}

.articleNewsGrid a {
	text-decoration: none !important
}

.articleNewsGrid h2 {
	color: #333333 !important;
	font-size: 1.8rem !important;
}

.articleNewsGrid h3 {
	font-size: 1.5rem !important;
}

.articleNewsHashtags {
	font-style: italic;
}

.articleNewsPreview {
	margin-top: 10px;
}

.articleNewsShowMoreButton {
	margin-top: 10px;
}

.hcmsContainerMorePadding {
	padding-top: 25px !important;
}

.articleGeneralInfoGrid a {
	text-decoration: none !important; 
}

.articleCellNews:first-child {
	border-top: 1px solid #CCCCCC;
}

.articleCellNews {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCCCCC;
}

.articlePinned:first-child {
	border-top: 5px solid #CCCCCC !important;
}

.articlePinned {
	border-bottom: 5px solid #CCCCCC !important;
}

.articlePinned .articleImgObjectFit {
  width: 100%; /* Das Bild füllt die Breite des Containers */
  /* height: 200px; Maximal erlaubte Höhe des Bildes
  object-fit: cover; Der Ausschnitt wird beibehalten, und das Bild wird beschnitten, um die Höhe zu füllen */
  border-radius: 10px; /* Ecken abrunden */
}

.articlePinned h2 {
	font-size: 2.0rem !important;
}

.articlePinned h3 {
	font-size: 1.7rem !important;
}

hr.articleHrPinned {
	border-bottom:5px;
}

/* Medium and up */
@media screen and (min-width: 40em) {
		
	/* .hcmsSlickHeaderImg {
		height: 50vh !important;
		overflow: hidden;
		
	} */
	
	.articleGeneralInfoFull .articleFirstImgLink {
		float:left;
	}

	.articleGeneralInfoFull .articleFirstImgLink img {
		padding-right: 15px !important;
		padding-bottom: 15px !important;
		max-width: 360px !important;	
	}
	
	.cell.articleIDIndexCell .articleIDIndexCellContainer .imgObjectFit {
		max-width: 262.5px !important;
	}
}

/* Small only */
@media screen and (max-width: 39.9375em) {

	.appLogo, .headerText, .footerdiv {
		text-align: center;
	}

	h1 {
		font-size: 1.7rem !important;
	}

	h2 {
		font-size: 1.6rem !important;
		text-align: center;
	}

	.articleGeneralInfoFull .articleFirstImgLink {
		float:left;
	}

	.articleGeneralInfoFull .articleFirstImgLink img {
		padding-right: 15px !important;
		padding-bottom: 15px !important;
		max-width: 360px !important;	
	}

	.cell.articleIDIndexCell .articleIDIndexCellContainer .imgObjectFit {
		width: 100% !important;
	}
	

}

.homeCustomMenuItems {
	
	background: #F3F3F3;
	padding-top:25px;
	padding-bottom:25px;
}

.content01aContainerWithIcon {
	padding-bottom:25px;
}

.content01WithIconCell a  {
	
	font-size: 1.3rem !important;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

.content01WithIconDescription {
	background: #5B89AE !important;
	padding-top: 25px;
	padding-bottom: 25px;
}


.content01WithIconDescription i {
	font-size: 300%;
	padding-bottom: 20px;
}

.hcmsAddressListContainer {
	margin-top: -80px;
}

.hcmsAddressList:nth-child(odd) {
	background: #F3F3F3;
	
}

.hcmsAddressListImg {
 	width: 80%; /* Oder irgendeine andere prozentuale Breite */
  padding-top: 80%; /* Erzeugt ein Quadrat, basierend auf der Breite des Containers */
  position: relative;
  overflow: hidden;
}

.hcmsAddressListImg img {
	border-radius: 50%;
position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* Vollbreite des Bildes innerhalb des Containers */
  height: 100%; /* Vollhöhe des Bildes innerhalb des Containers */
  object-fit: cover;
  
}

.hcmsAddressName {
	color: #5B89AE;
	font-weight: bold;
}


.circleShapedImg {
	text-align: center;
}
.circleShapedImg img {
	border-radius: 50%;
	margin-bottom: 25px;
	max-width: 250px;
}

.slickImageCellArticle div {
	
}
.slickImageCellArticle img {
	
  top: 0;
  left: 0;
  width: 100%; /* Vollbreite des Bildes innerhalb des Containers */
  height: 100%; /* Vollhöhe des Bildes innerhalb des Containers */
  object-fit: cover;
	
}

/* Small only */
@media screen and (max-width: 39.9375em) {
	
	.hcmsSlickHeaderImg {
		min-height: 180px !important;
	}
	
	.hcmsSlickHeaderImg img {
		width: 100%;
		min-height: 180px !important;
		object-fit: cover;
	}
	
	.footerImprintLinks {
		text-align:center;
	}
	
	.hcmsAddressListImg {
 		margin: 0 auto; 
	}
	
	.hcmsAddressMail {
		 display: flex;
        flex-wrap: wrap;
        align-items: center;
	}
	
	.hcmsAddressMail a {
        word-break: break-all; /* Erlaubt einen Zeilenumbruch innerhalb von Wörtern */
        white-space: normal; /* Erlaubt Zeilenumbrüche */
        display: inline-block;
        vertical-align: middle;
    }
    
    .customTables table {
    	width: 100% !important;
    }
    
    h1 {
    	font-size: 2rem !important; 
    }
    
    .customTables table td:nth-child(2), .customTables table td:nth-child(3), .customTables table td:nth-child(4) {
    	min-width: 300px !important;
    }
    
}

/* Medium and up */
@media screen and (min-width: 40em) {
		
	/* .hcmsSlickHeaderImg {
		height: 50vh !important;
		overflow: hidden;
		
	} */
	
	
	
	#scrollToTopButton {
		bottom: 20px; 
	    right: 20px;
	}
	
	.footerImprintLinks {
		text-align:right;
	}
	
	.companyName {
		text-align: center;
	}
	
	.companyName img {
		max-width: 90%;
	}
	
}



/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	
	.hcmsSlickHeaderImg {
		min-height: 370px !important;
	}
	
	.hcmsSlickHeaderImg img {
		width: 100%;
		min-height: 370px !important;
		object-fit: cover;
	}
	
}

/* Large and up */
@media screen and (min-width: 64em) {
	
	.hcmsSlickHeaderImg {
		min-height: 470px !important;
	}
	
	.hcmsSlickHeaderImg img {
		width: 100%;
		min-height: 470px !important;
		object-fit: cover;
	}
	
}