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


/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/roboto-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



body {
  color: #333333 !important;
	font-size: 1.1rem;
	font-family: 'Open Sans';
	overflow-x: hidden;
	/* font-weight: 300; */ 
}


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

.biggerIcons i, .biggerIcons em {
	font-size: 5rem;
	color: #4577BC;
	padding-bottom: 25px;
} 

.biggerIcons .se-container i, .biggerIcons se-container em {
	font-size: unset !important;
	color: unset !important;
	padding-bottom: unset !important;
}

.sun-editor div.button {
	width: auto !important;
}

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

h1 {
  	font-size: 3rem !important;
  	padding-bottom:15px; }

h2 {
  	font-size: 2.3rem !important;
  	padding-bottom:15px;
  	padding-top:10px;
}

h3 {
  	font-size: 1.9rem !important;
  	padding-bottom:15px;
  	padding-top:10px;
}

h4 {
  	font-size: 1.75rem !important;
  	padding-bottom:15px;
  	padding-top:10px;
  	}

h5 {
  	font-size: 1.65rem !important;
  	padding-bottom:15px;
  	padding-top:10px;
  	}

h6 {
  	font-size: 1.4rem !important;
  	padding-bottom:15px;
  	padding-top:10px;
  	}
  
button, .button {
  	background-color: #4577BC !important;
  	color: #FFFFFF !important;
  	
  	border-radius: 50px;
}
button:hover, button:focus, .button:hover, .button:focus {
	
	background-color: #4577BC !important;
	color: #FFFFFF !important; }

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

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

.maincontentdiv button, .maincontentdiv .button,
.hcmsHeaderContainer button, .hcmsHeaderContainer .button { 
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    cursor: pointer;
}





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 #4577BC !important;
}

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

#searchCell a {
	color: #4577BC !important;
	font-weight: bold;
}

#searchCell i {
	color: #4577BC !important;
}

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

.maincontentdiv {
	/* padding-top: 30px; */
}

.hcmsContainer.noPaddingOrMarginTop {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.paddingTopText {
	padding-top: 70px !important;
}

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:before
{
    content: '\f137' !important;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    margin-left: -15px !important;
}

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

.slickImageCarousselCell {
    
}
 
.hcmsSlick {
	position: relative;
} 
 
.slick-next, .slick-prev {
	width: 25px !important;
	position: absolute !important;
    height: 300px !important;
	margin-top: -7px !important;	  
	z-index: 1000 !important;
}
 
.slickImg {
    object-fit: cover !important;
    height:300px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

table.noBorderNoColor, table.noBorderNoColor tbody, table.noBorderNoColor td, table.noBorderNoColor tr,
.mailFormRecipe .label, .maincontentdiv table.noBorderNoColor{
	background: transparent !important; 
	border: none !important;
}

.mailFormRecipe td {
	vertical-align: top !important;
}

.mailFormRecipe .mailformText {
	top: 35px !important;
	font-size: 80% !important;
}

input.acmsform, textarea.acmsformarea{
	min-height: 60px;
	border: 1 px solid #CCCCCC !important;
	border-radius: 25px;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 1.2rem !important;
}

input.acmsCheckBox {
	margin-right: 10px !important;
	margin-bottom: 0px !important;
}

.headerLogo {
	
	padding-top: 10px;
	padding-bottom: 10px;
}

.headerImages {
	position: relative;
	
}

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

.footerdiv {
	background: #4577BC;
	color: #FFFFFF;
	padding-top: 35px;
	padding-bottom: 35px;
	margin-top: -20px;
}

.footerdiv  table td, .footerdiv  table tbody, .footerdiv  table tr {
	background: none !important;
	border:none !important;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 25px;
}

.footerImprint {
	background: #BED57B !important;
	color: #333333 !important;
	padding: 5px;
}

.footerImprint a {
	color: #333333 !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: #BED57B;
    color: #333333 !important; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    border-radius: 50%;
	text-align: center;
	bottom: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	border: 1px solid #FFFFFF;
}


#scrollToTopButton:hover {
    background-color: #4577BC;
    color: #FFFFFF !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: 0px !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;
}

.hcmsContainerPaddingTop {
	padding-top: 25px;
}

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

.maincontentdiv .hcmsContainer.hcmsContainerMorePadding {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}

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


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

.accordionCustomStyle .accordion-item {
	border: none !important;
	
} 

.accordionCustomStyle .accordion-title {
	border: none !important;
	padding-left: 2rem !important;
	font-size: 100% !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
	text-decoration: none !important; 
}

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

.accordionCustomStyle .accordion-title::before {
    
    position: absolute;
    top: 50%;
    left: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
}

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

.accordionCustomStyle .accordion-content {
	border: none !important;
	padding-top: 0px !important;
	padding-bottom: 0px !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;
}

.secondaryContentPadding {
	margin-top: 80px !important;
	padding-top: 40px !important;
}

.footerBgColor {
	background: #F3F3F3;
}

.secondaryBgColor {
	background: #F3F3F3;
	-webkit-box-shadow: 0px 5px 9px 2px #CCCCCC; 
box-shadow: 0px 5px 9px 2px #CCCCCC;
}

.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;
}

.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;
}

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

.content01aContainerWithIcon {
	padding-bottom:25px;
}

.content01WithIconDescription {
	border-radius: 25px;
}

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

.content01WithIconDescription, .content01WithIconCell  {
	border-radius: 25px;
	background: #4577BC !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: #4577BC;
	font-weight: bold;
}


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

.sticky-container {
 background: none !important;
 
 }
 
#stickyTop {
 /* background: transparent !important; */
 background: #FFFFFF !important;
 padding-bottom: 10px;
-webkit-box-shadow: 0px 2px 5px 0px #CCCCCC; 
box-shadow: 0px 2px 5px 0px #CCCCCC;
z-index:1001;
}

#stickyTop.stickyTopScrollBackground {
 background: #FFFFFF !important;
}


.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;
	
}



.slickHeaderImgContainer{
	padding-right: 5vw;
	
}

.slickHeaderImgContainer img {
	border-radius: 0 0 25vw 0 !important;
	/* overflow: hidden !important; */
	border-right: 2vw solid rgba(190,213,123,0.7) !important;
	z-index: 10 !important;
	/* box-shadow: 1vw 0px 0px 0px rgba(190,213,123,0.7) !important; */
}


.imgContainerLeftDoubleRadiusLine, .imgContainerLeftSemicircleLine {
	padding-left: 30px;
}

 .imgContainerLeftDoubleRadiusLine img {
	border-radius:  0 0 0 15vw   !important;
	overflow: hidden !important;
	border-left: 1.3vw solid rgba(190,213,123,0.7) !important;
	z-index: 10 !important;
	/* box-shadow: -1.6vw 0px 0px 0px rgba(190,213,123,0.7) !important; */
	
}
 
.imgContainerLeftSemicircleLine img {
	border-radius:  15vw  0  0 15vw   !important;
	overflow: hidden !important;
	border-left: 1.3vw solid rgba(190,213,123,0.7) !important;
	z-index: 10 !important;
	/* box-shadow: -1.6vw 0px 0px 0px rgba(190,213,123,0.7) !important; */
	
}
 


.maincontentdiv table {
	border: 1px solid #EEEEEE !important;
	border-radius: 15px !important;
	width: auto !important;
}



.maincontentdiv .unstackableTableSupport table {
	border: 1px solid #EEEEEE !important;
	border-radius: 15px !important;
	width: auto !important;
}

.fullwidthTable table {
	width: 100% !important;
}

.maincontentdiv .unstackableTableSupport table td {
	padding-right: 20px !important;
}
	
.articleContainerProducts {
	background: #F3F3F3;
}

.articleProductsHeadline {
	text-align: center;
	font-size: 1.3rem !important;
	padding-top: 0px !important;
}

.articleCellProducts {
	border-radius: 25px !important;
	border: 1px solid #EEEEEE;
	background: #FFFFFF;
	-webkit-box-shadow: 0px 2px 5px 0px #CCCCCC; 
	box-shadow: 0px 2px 5px 0px #CCCCCC;
}

.articleCellProducts .articleImgDiv img {
	border-top-left-radius: 25px !important;
	border-top-right-radius: 25px !important;
}

.articleProductsContent {
	padding: 25px;
}

.articleContainer {
	padding-top: 20px;
}

.fullContainerTextLeftPadding {
	/* padding-left: calc( (100vw - 1200px) / 2); */
	  max-width: 36.5rem !important; /* Kleinere maximale Breite für eine bessere Anpassung */
  margin-left: auto !important;; /* Zentriert die Textzelle innerhalb des Full-Containers */
  padding-left: 1rem !important;;
}





.fullContainerTextRightPadding {
	max-width: 600px; margin-left: auto;
}


.articleContainerProductsPrimary {
	background: #F9F9F9 !important;
	padding-bottom: 80px !important;
	-webkit-box-shadow: 0px 5px 9px 2px #CCCCCC; 
	box-shadow: 0px 5px 9px 2px #CCCCCC;
	z-index: 999;
}

.articleContainerProductsSecondary {
	padding-top: 60px !important;
}

/* .hcmsContainer {
	opacity: 0;	
}

.hcmsContainerVisible {
	opacity: 1;	
} */


.headerImages, .content01WithIconCell {
  opacity: 0;
  transform: translateX(-100px);
  transition: opacity 2s ease, transform 2s ease;
}

 .articleCellProducts {
     opacity: 0;
  	transform: translateY(100px);
  	transition: opacity 2s ease, transform 2s ease; 
  }

.imgContainerLeftDoubleRadiusLine {
	opacity: 0;
  transform: translateY(-100px);
  transition: opacity 2s ease, top 2s ease;
}

.imgContainerLeftSemicircleLine  {
		opacity: 0;
  transform: translateX(+100px);
  transition: opacity 2s ease, transform 2s ease;
}

.hcmsContainerFadeIn {
  opacity: 1;
  transform: translateX(0);
}

/* Medium and up */
@media screen and (min-width: 40em) {
 
 .maincontentdiv button, .maincontentdiv .button,
.hcmsHeaderContainer button, .hcmsHeaderContainer .button {
    position: relative; 
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    padding-left: 25px !important;
    padding-right: 15px !important;
    cursor: pointer;
    transition: background-color 0.3s, padding 0.3s, width 0.3s;
    overflow: hidden;
}


.contentCustomMenuItemDescriptionHeadline {
	padding-left:25px;
	transition: opacity 0.3s;
}


.maincontentdiv button::after, .maincontentdiv .button::after,
.hcmsHeaderContainer button::after, .hcmsHeaderContainer .button::after,
.contentCustomMenuItemDescriptionHeadline::after {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 10px;
    opacity: 0; 
    transition: opacity 0.3s;
}

.maincontentdiv button:hover, .maincontentdiv .button:hover,
.hcmsHeaderContainer button:hover, .hcmsHeaderContainer .button:hover {
    padding-right: 25px !important; 
}

.maincontentdiv button:hover::after, .maincontentdiv .button:hover::after,
.hcmsHeaderContainer button:hover::after, .hcmsHeaderContainer .button:hover::after,
.content01WithIconDescription:hover .contentCustomMenuItemDescriptionHeadline::after { 
    opacity: 1; 
    
}

.content01WithIconDescription:hover .contentCustomMenuItemDescriptionHeadline {
	padding-left:0px;
	transition: opacity 0.3s;
}
 
 .slickHeaderImgComment {
	 	padding-right: 10vw !important; 
	 }

.slickHeaderImgComment table, .slickHeaderImgComment tbody {
	background: transparent !important;
}
 
 .slickHeaderImgContainer {
 position: relative;
 }
 
 .slickHeaderImgContainer .slickHeaderImgComment em {
 	font-size: 7vw; /* 5rem; */
 	text-shadow: 3px 3px 3px #000;
 }
 
 .slickHeaderImgContainer .slickHeaderImgComment div {
 	line-height: 5.9rem !important;
 }
 
 .slickHeaderImgContainer .slickHeaderImgComment {
	width: 100%;
	height: auto; /* oder die gewünschte Höhe */
	position: absolute;
	left: 0;
	right: 0;
	bottom: 6%;     /* an den unteren Rand setzen */
	margin: 0 auto; /* horizontale Zentrierung */
	text-align: center; 
	user-select: text !important;
 }
 
 .slickHeaderImgContainer .slickHeaderImgComment {
 color: #FFFFFF !important;
 padding-left: 10px;
 padding-right: 10px;
 
 }
 
 .slickHeaderImgContainer .slickHeaderImgComment h1 {
 color: #FFFFFF !important;
 /* text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; */
 text-shadow: 3px 3px 3px #333;
 font-size: 3.8vw !important;
 
 }
 
 .slickHeaderImgContainer .slickHeaderImgComment h2 {
 padding-top: 50px;
 text-shadow: 3px 3px 3px #333;
 color: #FFFFFF !important;
 font-size: 2.4vw !important;
 
 }
}


/* Small only */
@media screen and (max-width: 39.9375em) {
	
	/* .grid-container.full {
		width: 100% !important;
		overflow: auto !important;
	} */
		
	.slick-prev:before {
		margin-left:0px !important;
		
	}
	
	.slick-next {
		margin-right:20px !important;
	}
	
	
	.slick-next, .slick-prev {
		margin-top: -8px !important;	  
	}
	
	.hcmsSlickGalleryContainer {
		width: 100% !important;
		
	}
 
	
	.stickyTop {
		padding-bottom: 0px !important;
	}
	
	.secondaryContentPadding {
		margin-top: 20px !important;
		padding-top: 40px !important;
	}

	.cell.paddingTopText {
		padding-left: 15px !important;
		padding-right: 15px !important;
		padding-top: 15px !important;
	}
	
	.cell.smalContentPadding {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	
	.headerLogo .grid-container, .headerLogo .grid-container .cell {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.articleCellProducts {
		margin-top: 30px !important;
		margin-bottom: 40px !important;
		
	}
	
	.companyName {
	padding-top: 15px;
	padding-bottom: 15px;
		text-align: center;
	}
	
	.companyName img {
		max-width: 65vw!important;
	}
	
	.footerImprint {
		text-align: center !important;
	}	
	
	 .slickHeaderImgCommentIDG1 a {
	 	display: none;
	 }
	 
	 .slickHeaderImgComment {
	 	padding-right: 10vw !important; 
	 }
	
	.hcmsSlickHeaderImgID1 img {
		height: 50vh;
		object-fit: cover;
	}
	
	 .slickHeaderImgContainer {
 	position: relative;
 	}
 
 .slickHeaderImgContainer .slickHeaderImgComment em {
 	font-size: 4rem;
 	text-shadow: 3px 3px 3px #000;
 }
 
 .slickHeaderImgContainer .slickHeaderImgComment div {
 	line-height: 5.9rem !important;
 }
 
 .slickHeaderImgContainer .slickHeaderImgComment {
	width: 100%;
	height: auto; /* oder die gewünschte Höhe */
	position: absolute;
	left: 0;
	right: 0;
	bottom: 6%;     /* an den unteren Rand setzen */
	margin: 0 auto; /* horizontale Zentrierung */
	text-align: center; 
 	user-select: text !important;
 }
 
 .slickHeaderImgContainer .slickHeaderImgComment {
 color: #FFFFFF !important;
 padding-left: 10px;
 padding-right: 10px;
 
 }
 
 .slickHeaderImgContainer .slickHeaderImgComment h1 {
 color: #FFFFFF !important;
 /* text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; */
 text-shadow: 3px 3px 3px #000;
 font-size: 2.0rem !important;
 
 }
 
 .slickHeaderImgContainer .slickHeaderImgComment h2 {
 padding-top: 50px;
 text-shadow: 3px 3px 3px #000;
 color: #FFFFFF !important;
 font-size: 1.8rem !important;
 
 }
	
	
	/* .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) {
		
	.mailFormRecipe td {
		width: 50%;
	}
		
	.footerImprint {
		text-align: right !important;
	}	
		
	/* .hcmsSlickHeaderImg {
		height: 50vh !important;
		overflow: hidden;
		
	} */
	
	
	.contentWithRadius {
		margin-top: 25px;
		border-radius: 0 10vw 0 0 !important;
    	overflow: hidden !important;
		
		z-index: 10 !important;
	}
	
	/* .homeCustomMenuItems {
    	border-radius: 0 10vw 0 0 !important;
    	overflow: hidden !important;
		
		z-index: 10 !important;
		
    } */
    
	
	#scrollToTopButton {
		bottom: 30px; 
	    right: 30px;
	}
	
	.footerImprintLinks {
		text-align:right;
	}
		
	.companyName img {
		background: #FFFFFF;
		transition: 0.4s;
	}
	
	
}



/* 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; */
	}
	
	.slickHeaderImgContainer .slickHeaderImgComment {
 		margin: 3% auto;
	 }
	 
	
	
	.slickHeaderImgContainer .slickHeaderImgComment div {
 		line-height: 3.9rem !important;
 	}

	 .slickHeaderImgContainer .slickHeaderImgComment {
		width: 100%;
		height: auto; /* oder die gewünschte Höhe */
		position: absolute;
		left: 0;
		right: 0;
		bottom: 2%;     /* an den unteren Rand setzen */
		margin: 0 auto; /* horizontale Zentrierung */
		text-align: center; 
		user-select: text !important;
	}

}

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