/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Farben */
/* Orange: #EB691B */
/* Text schwarz: #1A171B */
/* Dunkelgrauer Hintergrund Unternehmesbilder : #282827 */

/* Neue Farbe Fond Footer etwas heller: */
/* EBEAE9 (92% B) -> F2F1F0 (95% B) */


/* Elementor Default Breakpoints: */
/* Tablet Portrait: 1024px */
/* Mobile portrait: 767px */


/* full height for every wrapping element and the app itself */

html, body {
  max-width: 100%;
  overflow-x: hidden !important;
}

body {
	background-color: #2E2D30 !important;
	/* background-color: #FFFFFF !important; */
}



/* Force scrollbar in Revolution Slider editor columns */
.rev_slider .rev_slider_wrapper, .slider_general_collector, .form_inner {
    /* overflow-y: auto !important; */
    overflow-y: scroll !important;
}

.main, .page-content {
	overflow-y: hidden !important;
}


/* Typography */

h1 {
	color: #EB691B;
	/* font-size: 76px; */
}

h1.content-headline {
	color: #EB691B !important;
}

h2 {
	color: #ffffff !important;
	font-weight: 700 !important;
	font-size: 80px !important;
}

p  {
	/* font-size:  32px */
}

.plainlink {
	text-decoration: none !important;
}

.plainlink:hover .inactive, .inactive .plainlink:hover {
	color: #ffffff !important;
}

.product-text-box a, .wp-block-paragraph a {
	text-decoration: none;
	color: #EB691B;
}




.elementor-button, .black-button {
	border-radius: 5px;
	font-weight: 700 !important;
	padding: 16px 26px !important;
}

@media only screen and (max-width: 480px) {
	.elementor-button, .black-button {
		padding: 6px 14px !important;
	}
}

.black-button {
	background-color: #282827 !important;
	border: 0 !important;
	margin-top: 0.5em;
}

.header-column-orange h2 {
	margin-left: 0 !important;
	line-height: 1.15 !important;
	margin-top: 0;
	margin-bottom: 0;
	
}

.header-column-orange h2.inactive, .header-column-orange h2.inactive a {
	color: rgb(255,255,255,0.5) !important;
}


.header-column-orange h2 {
	font-size: 60px !important;
}

/* .header-box-left, .header-textbox-left {
	border: 1px solid #a00000;

} */

/* .header-textbox-left h2 {
	display: inline;
	padding: 0;
	margin: 0;
	border: 1px solid #a00000;

} */



@media only screen and (max-width: 1280px) {
	.header-column-orange h2 {
		font-size: 48px !important;
	}
}

@media only screen and (max-width: 980px) {
	.header-column-orange h2 {
		font-size: 40px !important;
	}
}

@media only screen and (max-width: 640px) {
	.header-column-orange h2 {
		font-size: 34px !important;
	}
}


@media only screen and (max-width: 480px) {
	.header-column-orange h2 {
		font-size: 26px !important;
	}
}

.header-text {
	color: white;
	font-size: 25px;
}

.header-text a {
	text-decoration: none;
	color: #FACFAD
}

.header-headline-margin {
	margin-bottom: 24px !important;

}



/* Disclaimer Popup */

.mfp-bg {
  z-index: 100042 !important;
}

.mfp-wrap {
  z-index: 100043 !important;
}

.mfp-content {
  z-index: 100045 !important;
 }
  
.mfp-preloader {
  z-index: 100044 !important;
}

button.mfp-close,
button.mfp-arrow {
  z-index: 100046 !important;
}

#wp-disclaimer-popup {
	border-radius: 25px;
	/* border: 13px solid #EB691B; */
	border: 13px solid #E7641A; /* Anpassung Farbton Orange für Slider-Hintergrund, der leider leicht „off” ist */
	padding: 4vw 4.5vw;
}

@media only screen and (min-width: 1280px) {
	#wp-disclaimer-popup {
		width: 55vw !important;
		max-width: 55vw !important;
	}
}

@media only screen and (max-width: 976px) {
	#wp-disclaimer-popup {
		border: 9px solid #EB691B;
		margin: 20px;
	}
}

@media only screen and (max-width: 640px) {
	#wp-disclaimer-popup {
		/* border: 5px solid #EB691B; */
		border: 5px solid #E7641A;  /* Anpassung Farbton Orange für Slider-Hintergrund, der leider leicht „off” ist */
		margin: 10px;
	}
}

#wp-disclaimer-popup h2 {
	color: #EB691B !important;
	font-weight: 400 !important;
}

#wpdp-close, #wpdp-decline {
	background-color: #EB691B !important;
	color: white !important;
	border: none !important;
	text-transform: none !important;
	font-weight: 400 !important;
	border-radius: 7px !important;
	padding: 0.5em 1.25em !important;
}






/* Header */


#site-header {
	padding-top: 44px;
	padding-bottom: 44px;
	background-color: #ffffff;
	z-index: 99999;
	transition: all 2s ease;
}

@media only screen and (max-width: 976px) {
	
	.site-navigation-toggle-holder {
		padding-right: 0;
		background-color: transparent !important;
	
	}
	
	.site-navigation-toggle {
		background-color: transparent !important;
	
	}

}

@media only screen and (max-width: 1280px) {
    #site-header {
		padding-left: 7vw !important;
		padding-right: 7vw !important;
	}
	
	.header-inner {
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
  
}


@media only screen and (max-width: 800px) {
    #site-header {
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 10px;
	}

	
}



.site-header {
	position: fixed !important; 
	  left:0 !important; 
	  top:0 !important; 
	  width:100%; 
	  transition: top 2s !important;
	  /* border: 1px solid #a00000; */
}

@media only screen and (min-width: 481px) {
	.header-hidden {
		top: -330px !important;
	}
}

.header-fixed {
	top:0 !important;
	z-index: 99999 !important;
}

main {
	margin-top: 150.739px; /* offset main content so it's not partially hidden by the now fixed header | orig: 150.739 */
}

@media only screen and (max-width: 1200px) {
	main {
		margin-top: 139.986px; /* offset main content to it's not partially hidden by the now fixed header | orig: 139.986 */
	} 
}

@media only screen and (max-width: 990px) {
	main {
		margin-top: 135.341px; /* offset main content to it's not partially hidden by the now fixed header | orig: 135.341 */
	} 
}

@media only screen and (max-width: 800px) {
	main {
		margin-top: 77.358px; /* offset main content to it's not partially hidden by the now fixed header | orig: 77.358 */
	} 
}

@media only screen and (max-width: 769px) {
	main {
		margin-top: 74px; /* offset main content to it's not partially hidden by the now fixed header | orig: 75.98 */
	} 
}






/* Menu */

.menu-item {
	margin-left: 15px !important;
	margin-right: 15px;
	border-bottom: none !important;
}




.site-navigation-toggle-holder {
	padding:8px 15px
}

.site-navigation-toggle-holder .site-navigation-toggle-icon {
	display:block;
	width:1.25rem
}

.site-navigation-toggle-holder .site-navigation-toggle {
	border-radius:2px;
}

.site-navigation-toggle-holder .site-navigation-toggle-icon:after,.site-navigation-toggle-holder .site-navigation-toggle-icon:before {
	height:2px;
	border-radius:2px;
}

.site-navigation-toggle-holder .site-navigation-toggle-icon:before {
	/* box-shadow:0 .33rem 0 currentColor;
	margin-block-end:.475rem; */
	box-shadow:0 5px 0 currentColor;
	margin-block-end: 8px;
}

.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before {
	transform:translateY(.31rem) rotate(45deg);
}

.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after {
	transform:translateY(-.31rem) rotate(-45deg);
}





@media only screen and (min-width: 769px) and (max-width: 1200px) {

	.header-inner { white-space: nowrap; }
	
	.custom-logo { width: 200px !important; }

    .menu-item {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	
	#menu-main-menu li a { font-size: 24px !important; }
    
}


#menu-main-menu-1 {
	background-color: rgba(236, 103, 26, 0.95) !important;
	width: 100vw;
	height: 100vh;
}

/* .site-navigation-dropdown, #menu-main-menu-1, #menu-main-menu-1 li {
	background-color: rgba(236, 103, 26, 0.8) !important;
} */

.site-navigation-dropdown, #menu-main-menu-1 li a {
	color: #ffffff;
	background-color: transparent !important;

	
}

#menu-main-menu-1 {
		padding-bottom: 20px !important;
		margin-top: 0px !important;
		padding-left: 7vw !important;
}


#menu-main-menu-1 li a:hover {
	color: #ffffff !important;
}

@media only screen and (min-width: 992px) {
	.sub-menu { display: none !important; }
	
}

@media only screen and (min-width: 1280px) {
	.site-navigation ul.menu li a {
	  padding: 19px 15px -2px 15px !important;
	  line-height: 1 !important;
	}
	
	.site-header .site-navigation .menu li {
		line-height: 1 !important;
	}
	
}

@media only screen and (min-width: 1200px) {
	.site-navigation ul.menu li a {
	  padding: 18px 15px 0px 15px !important;
	  /* color: #a00000 !important; */
	}
}

@media only screen and (min-width: 992px) {
	.site-navigation ul.menu li a {
	  padding: 10px 15px 6px 15px !important;
	}
}


@media only screen and (max-width: 992px) {

	.menu-item { font-size: 26px !important; }
	
	.sub-menu { padding-top: 0 !important; }
	
	.menu-item:not(.sub-menu.menu-item) { padding-left: 0 !important; margin-left: 0 !important; }
	
	/* .sub-menu .menu-item a { padding-left: 0 !important; } */
	
	.sub-menu .menu-item { font-size: 17px !important; padding-left: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important;  margin-bottom: 0 !important;  }
	
	.sub-menu .menu-item a { padding-top: 0px !important; padding-left: 0 !important; padding-bottom: 12px !important; margin-top: 0 !important;  margin-bottom: 3px !important;   }

	.menu-item a { padding-left: 0 !important; }

	.menu-item-has-children.sub-menu {
		display: block !important;
	}
	
	.sub-menu {
		box-shadow:none !important;
	}
	
	.site-navigation-dropdown ul.menu li a {
		box-shadow:none !important;
		padding-bottom: 0 !important;
	}	
	

}

/* Disable submenu indicator */
.site-navigation ul.menu li.menu-item-has-children:after {
	display: none;
}

.menu-item a:hover {
	color: #2a2a2a !important;
	cursor: pointer;
}

@media only screen and (min-width: 992px) {
	.current_page_item > a {
		color: #2a2a2a !important;
	}
}

ul.sub-menu {
	box-shadow: 0px 15px 20px -15px rgba(0,0,0,0.5);
	width: 190px;
}

ul.sub-menu li {
	font-size: 20px !important;
}



/* .site-navigation-toggle-icon:before {
    content: '';
    background-image: url('/aramea/wp-content/themes/hello-elementor-child/assets/images/hamburger-menu-more-svgrepo-com.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px !important; 
    height: 22px !important;
    display: inline-block;
} */

/* .site-navigation-toggle-icon:before {
  content: "\f0c9" !important;
  font-family: "FontAwesome"; Ensure correct font is loaded
} */


/* .site-navigation-toggle-icon:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
} */



.bg-orange {
	background-color: rgba(236, 103, 26, 0.95) !important;
}

.bg-orange-full {
	background-color: rgb(236, 103, 26) !important;
}

.white-icon {
	color: #ffffff !important;
}

.red-border {
	border: 1px solid #a00000;
}

.elementor-nav-menu--dropdown {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}



/* Revolution Slider */

#SR7_2_1-4-2, #SR7_2_1-7-2, #SR7_2_1-8-2, #SR7_2_1-9-2, #SR7_2_1-10-2, #SR7_2_1-11-2, #SR7_2_1-12-2, #SR7_2_1-13-2, #SR7_2_1-14-2  {
	text-shadow: 2px 2px 10px rgba(0,0,0,0.25);
}

#SR7_2_1-4-4, #SR7_2_1-7-4, #SR7_2_1-8-4, #SR7_2_1-9-4, #SR7_2_1-10-4, #SR7_2_1-11-4, #SR7_2_1-12-4, #SR7_2_1-13-4, #SR7_2_1-14-4 {
	text-shadow: 1px 1px 6px rgba(0,0,0,0.25);
}

/* Mobil */

#SR7_3_2-15-0, #SR7_3_2-17-0, #SR7_3_2-18-0, #SR7_3_2-19-0, #SR7_3_2-20-0, #SR7_3_2-21-0, #SR7_3_2-22-0, #SR7_3_2-23-0, #SR7_3_2-24-0   {
	text-shadow: 2px 2px 10px rgba(0,0,0,0.25);
}

#SR7_3_2-15-2, #SR7_3_2-17-2, #SR7_3_2-18-2, #SR7_3_2-19-2, #SR7_3_2-20-2, #SR7_3_2-21-2, #SR7_3_2-22-2, #SR7_3_2-23-0, #SR7_3_2-24-2   {
	text-shadow: 1px 1px 4px rgba(0,0,0,0.25);
}







/* Counter Blocks */

.wp-block-ctrb-counters {
	background-color: #ffffff;

}

.ctrbCounters .counter {
    height: 160px !important;
  	padding: 31px 0 37px 0 !important;
  }


.wp-block-ctrb-counters .counterNumber .number, .wp-block-ctrb-counters .counterNumber .prefix, .wp-block-ctrb-counters .counterNumber .suffix {
	font-weight: bold;
	font-size: 50px;
}

.wp-block-ctrb-counters, .ctrbCounters {
	justify-content: space-between !important;
	align-content: space-between !important;
	text-align: left !important;
}

.wp-block-ctrb-counters .ctrbCounters .counter {
  justify-content: space-between !important;
  align-content: space-between !important;
}

.wp-block-ctrb-counters .ctrbCounters > div {
  align-items: left  !important;
}

.counterNumber {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.counterLabel {
	font-weight: normal !important;
	color: #1a171b !important;
}

/* .counterIconLabel {
	display: none;
} */

.counterLabel {
	margin-top: -35px !important;
}

.counterIconLabel, .counterLabel {
	padding-top: 0 !important;
	line-height: 0;
}

#counter-0, #counter-1, #counter-2, #counter-3  {
	justify-content: space-between !important;
}

#counter-0 {
	padding-left: 0 !important;
	margin-left: 0 !important;
	text-align: left !important; 
}

#counter-3 {
	padding-right: 0 !important;
	margin-right: 0 !important;
	text-align: right !important; 
}

#counter-0 {
	width: 75% !important;
}

@media only screen and (max-width: 1180px) {
	#counter-0 {
		width: 100% !important;
	}

}


#counter-0 .counter {
	/* border: 1px solid #a00000;
	padding-left: 0 !important; */
	/* width: 215px !important; */
}



#counter-1, #counter-2, #counter-3  {
	border-left: 1px solid #9C9D9F !important;
}

@media only screen and (max-width: 764px) { /* original breakpoint of plugin: 764px */
     
     #counter-2  {
		border-left: none !important;
	}
	
	#counter-0, #counter-1 {
		border-bottom: 1px solid #9C9D9F !important;
		margin-bottom: 0 !important;
	
	}
	
	#counter-2, #counter-3 {
		padding-top: 0 !important;
	
	}
	
	
	/* #counter-0, #counter-1, #counter-2, #counter-3 {
		border: 1px solid #a00000;
		width: 50%;
	} */
    
}



@media only screen and (min-width: 769px) and (max-width: 1119px) { /* cannot adjust tablet breakpoint of plugin, so make the font sizes smaller instead  */
     
     .wp-block-ctrb-counters .counterNumber .number, .wp-block-ctrb-counters .counterNumber .prefix, .wp-block-ctrb-counters .counterNumber .suffix {
		font-weight: bold;
		font-size: 36px !important;
	}
	
	.counterLabel {
		font-size: 18px !important;
	}
	
	.ctrbCounters .counter {
	    height: 150px !important;
	  	padding: 34px 0 39px 0 !important;
	  }	  
	
}

@media (max-width: 768px) {

  .wp-block-ctrb-counters .ctrbCounters {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* Creates 2 equal columns */
    gap: 0rem; /* Adjust spacing between items */
    
  }
  
  /* Ensure items don't overflow */
  .wp-block-ctrb-counters .ctrbCounters > .counter-item {
    width: 100%;
    
  }
  
    .ctrbCounters .counter {
    height: 125px !important;
  	padding: 23px 0 26px 0 !important; 
  }
  
  
  .counterNumber span {
		font-size: 36px !important;
	}
  
  .counterLabel {
		font-size: 15px !important;
	}
	
	.wp-block-ctrb-counters .ctrbCounters {
	
	    gap: 0rem !important; /* Adjust spacing between items */
	
	  }

}

@media (max-width: 480px) {

	.wp-block-ctrb-counters .ctrbCounters {
	    gap: 0rem !important; /* Adjust spacing between items */
	  }
  
  .ctrbCounters .counter {
  	padding: 10px 0 28px 0 !important;
  	height: 83px !important;
  }

	.counterNumber {
		margin-bottom: 0 !important;
		margin-top: 0 !important;
	}

	.counterNumber span {
		font-size: 28px !important;
	}

  .counterLabel {
		font-size: 15px !important;
		margin-top: 0 !important;
	}

}

@media (max-width: 320px) {

  
  .ctrbCounters .counter {
  	padding: 10px 0 28px 0 !important;
  	height: 83px !important;
  }

	.counterNumber {
		margin-bottom: 0 !important;
		margin-top: 0 !important;
	}

	.counterNumber span {
		font-size: 24px !important;
	}

  .counterLabel {
		font-size: 13px !important;
		margin-top: 0 !important;
	}

}





/* @media only screen and (max-width: 576px) {

    #counter-0, #counter-1, #counter-2, #counter-3  {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
		border-left: none !important;
	}
    
} */


.menschen-detail-inner p, .menschen-detail-inner h2 {
	color: #ffffff !important;
}

.menschen-detail-inner a {
	color: #ffffff;
	text-decoration: none;
}

.menschen-detail-inner dl>dt {
  float: left;
  width: 0.8em;
  overflow: hidden;
  clear: left;
  text-align: left;
  /* text-overflow: ellipsis; */
  white-space: nowrap;
  color: #ffffff;

}

.menschen-detail-inner dl>dd {
  margin-left: 1em;
  color: #ffffff;
}

.content-area h1, .menschen-detail-inner h2, .product-text-box h2, .news-entry-title, .content-headline, #wp-disclaimer-popup h2 {
	font-size: 63px !important;
	margin-bottom: 25px !important;
}

.news-entry-title {
	margin-top: 0 !important;
	font-weight: 400 !important;
}

.product-text-box h2.no-margin, .no-margin {
	margin-bottom: 0 !important;
}

.extra-margin {
	margin-bottom: 2em !important;
}

.big-link {
	font-size: 63px !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
}

.menschen-detail-inner h2 {
	margin-bottom: 0.2em !important;
}

.content-area h1:not(:first-child) {
	margin-top: 0 !important;
	padding-top: 0 !important;
	
}

.content-area p, .menschen-detail-inner p, .product-text-box li {
	font-size: 32px;
	margin-bottom: 25px;
	line-height: 1.35 !important;
}

.product-text-box ul {
	padding-left: 1.5em !important;
}


.product-category, .elementor-button, .wpdt-cell, .wertentwicklung-date, .rael-data-table .text, .news-item p, #newsletter-formular input[type=text], #newsletter-formular input[type=email], #newsletter-formular input[type=submit], #newsletter-formular select, .checkbox-container, #datenschutz h3, #datenschutz li, #wp-disclaimer-popup p, #wp-disclaimer-popup span, #wp-disclaimer-popup a, .private-notice p, .private-notice a, .tml-label, .tml-links a, .tml-field, .tml-message, .tml-button {
	font-size: 32px !important;
	line-height: 1.35 !important;
}

#newsletter-formular option {
	font-size: 70% !important;
}

.menschen-detail-inner h2  {
	font-weight: 400 !important;
}

/* @media only screen and (min-width: 768px) {
	.content-area {
		padding-top: 220px !important;
		padding-bottom: 220px !important;
	}
} */


@media only screen and (max-width: 1280px) {

	.content-area h1, .menschen-detail-inner h2, .product-text-box h2, .news-entry-title, .content-headline, #wp-disclaimer-popup h2 {
		font-size: 60px !important;
		margin-bottom: 21px !important;
	}
	
	.big-link {
		font-size: 60px !important;
	}
	
	.content-area p, .menschen-detail-inner p, .product-text-box li {
		font-size: 28px;
		margin-bottom: 21px;
	}
	
	.product-text-box ul {
		padding-left: 1.25em !important;
	}
	
	.product-category, .elementor-button, .wpdt-cell, .wertentwicklung-date, .rael-data-table .text, .news-item p, #newsletter-formular input[type=text], #newsletter-formular input[type=email], #newsletter-formular input[type=submit], #newsletter-formular select, .checkbox-container, #datenschutz h3, #datenschutz li, #wp-disclaimer-popup p, #wp-disclaimer-popup span, #wp-disclaimer-popup a, .private-notice p, .private-notice a, .tml-label, .tml-links a, .tml-field, .tml-message, .tml-button {
		font-size: 28px !important;
	}
	
	.header-text {
		font-size: 19px;
	}

    .content-area {
		padding-left: 7vw !important;
		padding-right: 7vw !important;
	}
}

@media only screen and (max-width: 768px) {

	.content-area h1, .menschen-detail-inner h2, .product-text-box h2, .news-entry-title, .content-headline, #wp-disclaimer-popup h2 {
		font-size: 45px !important;
		margin-bottom: 17.5px !important;
	}
	
	.big-link {
		font-size: 45px !important;
	}
	
	.content-area p, .menschen-detail-inner p, .product-text-box li {
		font-size: 23px;
		margin-bottom: 17.5px;
	}
	
	.product-text-box ul {
		padding-left: 1em !important;
	}
	
	.product-category, .elementor-button, .wpdt-cell, .wertentwicklung-date, .rael-data-table .text, .news-item p, #newsletter-formular input[type=text], #newsletter-formular input[type=email], #newsletter-formular input[type=submit], #newsletter-formular select, .checkbox-container, #datenschutz h3, #datenschutz li, #wp-disclaimer-popup p, #wp-disclaimer-popup span, #wp-disclaimer-popup a, .private-notice p, .private-notice a, .tml-label, .tml-links a, .tml-field, .tml-message, .tml-button {
		font-size: 23px !important;
	}
	
	.header-headline-margin {
		margin-top: 25px !important;
		margin-bottom: 15px !important;
	}
	
	.header-text {
		font-size: 19px;
	}
	
}

@media only screen and (max-width: 640px) {

	.content-area h1, .menschen-detail-inner h2, .product-text-box h2, .news-entry-title, .content-headline, #wp-disclaimer-popup h2 {
		font-size: 30px !important;
		margin-bottom: 14.25px !important;
	}
	
	.big-link {
		font-size: 30px !important;
	}
	
	.content-area p, .menschen-detail-inner p, .product-text-box li {
		font-size: 19px;
		margin-bottom: 14.25px;
	}
	
	.product-text-box ul {
		padding-left: 0.75em !important;
	}
	
	.product-category, .elementor-button, .rael-data-table .text, .news-item p, #newsletter-formular input[type=text], #newsletter-formular input[type=email], #newsletter-formular input[type=submit], #newsletter-formular select, .checkbox-container, #datenschutz h3, #datenschutz li, #wp-disclaimer-popup p, #wp-disclaimer-popup span, #wp-disclaimer-popup a, .private-notice p, .private-notice a, .tml-label, .tml-links a, .tml-field, .tml-message, .tml-button {
		font-size: 19px !important;
	}
	
	.wpdt-cell, .wertentwicklung-date {
		font-size: calc(19px * 0.85) !important;
	}
	
	.header-text {
		font-size: 19px;
	}
	
}

@media only screen and (max-width: 480px) {

	.content-area h1, .menschen-detail-inner h2, .product-text-box h2, .news-entry-title, .content-headline, #wp-disclaimer-popup h2 {
		/* font-size: 26px !important; */
		font-size: 1.85rem !important;
		margin-bottom: 12px !important;
	}
	
	.big-link {
		font-size: 1.85rem !important;
	}
	
	.content-area p, .menschen-detail-inner p, .product-text-box li {
		/* font-size: 18px !important; */
		font-size: 1.175rem;
		/* margin-bottom: 12px !important; */
		margin-bottom: 0.75rem;
	}
	
	.product-category, .elementor-button, .rael-data-table .text, .news-item p, #newsletter-formular input[type=text], #newsletter-formular input[type=email], #newsletter-formular input[type=submit], #newsletter-formular select, .checkbox-container, #datenschutz h3, #datenschutz li, #wp-disclaimer-popup p, #wp-disclaimer-popup span, #wp-disclaimer-popup a, .private-notice p, .private-notice a, .tml-label, .tml-links a, .tml-field, .tml-message, .tml-button {
		font-size: 1.175rem !important;
	}
	
	.wpdt-cell {
		font-size: calc(1.175rem * 0.75) !important;
	}
	
	.wertentwicklung-date {
		font-size: calc(1.175rem * 0.85) !important;
	}
	
	.header-text {
		font-size: 1.175rem;
	}
	
}

@media only screen and (max-width: 375px) {

	.content-area h1, .menschen-detail-inner h2, .product-text-box h2, .big-link, .news-entry-title, .content-headline, #wp-disclaimer-popup h2 {
		/* font-size: 24px !important; */
		font-size: 1.5rem !important;
	}
	
	.content-area p, .menschen-detail-inner p, .product-text-box li {
		/* font-size: 16px !important; */
		font-size: 1rem;
		margin-bottom: 12px;
	}
	
	.product-category, .elementor-button, .rael-data-table .text, .news-item p, #newsletter-formular input[type=text], #newsletter-formular input[type=email], #newsletter-formular input[type=submit], #newsletter-formular select, .checkbox-container, #datenschutz h3, #datenschutz li, #wp-disclaimer-popup p, #wp-disclaimer-popup span, #wp-disclaimer-popup a, .private-notice p, .private-notice a, .tml-label, .tml-links a, .tml-field, .tml-message, .tml-button {
		font-size: 1rem !important;
	}
	
	.wpdt-cell, .wertentwicklung-date {
		font-size: calc(1rem * 0.65) !important;
	}
	
	.header-text {
		font-size: 1rem;
	}
	
}


/* Header-Videos */

.elementor-wrapper{
	--video-aspect-ratio: 1.457 !important;
}




/* Unerternehmen - Galerie */

/* @media only screen and (max-width: 768px) {

	.gallery-columns-1 {
		gap: 0 !important;
		padding: 0;
	}
	
	.gallery-columns-1 .gallery-icon {
		border: 1px solid #0000a0;
		padding-bottom: 0 !important;
	}
	
	.gallery-columns-1 .gallery-icon img {
		border: 1px solid #a00000;
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
	
	.gallery-columns-1 .gallery-item {
	    margin-bottom: 0 !important;
	    margin-top: 0 !important;
	    padding-bottom: 0 !important;
	}
	
	.gallery-columns-1 .wp-block-gallery {
	    --wp--style--block-gap: 0 !important;
	    gap: 0 !important;
	}

} */


.gallery-columns-3, .gallery-columns-2 {
	width: 100%;
	display: flex !important;
	flex-wrap: wrap;
	gap: 0 !important;
	padding: 0;
	justify-content:stretch;
}

.gallery-columns-3 .gallery-item {
    /* float: left; */
    /* margin: 10px; */
    display: inline-block;
    text-align: center;
    /* flex-grow: 1;
    width: 33.3% !important; */ /* Ca. 33% minus Abstände */
    margin: 0 !important;

    padding: 0;
    background-color: #282827;
    
    /* flex Syntax: flex-grow | flex-shrink | flex-basis */
    flex: 1 1 33.33;
    width: 33.33% !important;
    min-width: 0;  /* Prevents overflow issues */
    /* border: 1px solid #a00000; */
   
}

.gallery-columns-2 .gallery-item {
    display: inline-block;
    text-align: center;
    margin: 0 !important;
    padding: 0;
    flex: 1 1 50;
    width: 50% !important;
    min-width: 0;  /* Prevents overflow issues */
    background-color: #282827;
}

.gallery-columns-1 .gallery-item {
    display: block;
    text-align: center;
    margin: 0 !important;
    padding: 0;
    width: 100% !important;
    min-width: 0;  /* Prevents overflow issues */
    background-color: #282827;
}

/* .gallery-columns-3 .gallery-item:nth-child(3n+1) {
    clear: both;
}

.gallery-columns-2 .gallery-item:nth-child(2n+1) {
    clear: both;
} */

.gallery-columns-3 .gallery-icon, .gallery-columns-2 .gallery-icon, .placeholder {
    margin: 0;
    /* padding: 1px;
    background-color: #2c292d; */
    /* border: 1px solid #a00000; */
    line-height: 0;
    padding: 0;
}

.gallery-icon:not(#unternehmensbilder .gallery-icon) {
	background: #ffffff !important;
}

.gallery-icon img, .placeholder img {
	width: 100%;
	height: auto;
	/* border: 1px solid #2c292d; */
}

.gallery-icon img {
    transition: all 0.50s;
}

.vertrieb-bild .gallery-icon, .ehrenvorsitzende-bild .gallery-icon {
	cursor: default;
}

@media (hover: hover) { /* only apply the following on devices with a pointing device that supports full hover, effectively ignoring touchscreens */
	.gallery-icon:not(#unternehmensbilder .gallery-icon, .inactive .gallery-icon) img:hover {
	    /* filter: brightness(125%);
	    -webkit-filter: brightness(125%);
	    -moz-filter: brightness(125%);
	    -o-filter: brightness(125%);
	    -ms-filter: brightness(125%); */
	    
	    opacity: 0.5;
	}
	
	.inactive .gallery-icon img:hover {
		filter: brightness(100%);
	    -webkit-filter: brightness(100%);
	    -moz-filter: brightness(100%);
	    -o-filter: brightness(100%);
	    -ms-filter: brightness(100%);
	}
	
}

.wp-caption-text, .gallery-caption { display: none !important; }

.inactive img {
	filter: brightness(50%);
    -webkit-filter: brightness(50%);
    -moz-filter: brightness(50%);
    -o-filter: brightness(50%);
    -ms-filter: brightness(50%);

}

.menschen-bild, .vertrieb-bild, .aufsichtsrat-bild, .ehrenvorsitzende-bild, .textlink {
	cursor:pointer;
}

.menschen-detail {
	/* float: left; */
    background-color: #EB691B;
    width: 100% !important;
    padding: 0;
    display: none;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    /* clear: both; */
    
}



@media only screen and (max-width: 1280px) {

	.menschen-detail {
	    padding: 0 7vw;
	}

}

.menschen-detail-inner {
    width: 100%;
    max-width: 1140px;
    text-align: left;
    margin: 0 auto;
    padding: 10rem 0 10rem 0;
}

@media only screen and (max-width: 768px) {

	.menschen-detail-inner {
	    padding: 2rem 0 2rem 0;
	}

}

/* .last-entry img {
	border-left: 1px solid #ffffff;

} */

.headline-punica-invest {
	position: relative;
}

.span-punica-invest {
	display: inline-block;
	width: 500px;
	vertical-align: top;
}

.logo-punica-invest {
	position: absolute;
	bottom: 10px;
	width: auto;
	/* height: 55px; */
	height: 56px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
    .span-punica-invest {
		width: 480px;
	}
	
	.logo-punica-invest {
		bottom: 10px;
		height: 51px !important;
	}  
}

@media only screen and (min-width: 641px) and (max-width: 767px) {
    .span-punica-invest {
		width: 365px;
	}
	
	.logo-punica-invest {
		bottom: 8px;
		height: 39px !important;
	} 
}


@media only screen and (max-width: 640px) {
    .span-punica-invest {
		width: 238px;
	}
	
	.logo-punica-invest {
		bottom: 6px;
		height: 25px !important;
	} 
}

@media only screen and (max-width: 480px) {
    .span-punica-invest {
		width: 230px;
	}
	
	.logo-punica-invest {
		bottom: 5px;
		height: 25px !important;
	} 
}


@media only screen and (max-width: 375px) {
    .span-punica-invest {
		width: 195px;
	}
	
	.logo-punica-invest {
		bottom: 5px;
		height: 21px !important;
	} 
}

@media only screen and (max-width: 320px) {
    .span-punica-invest {
		width: 190px;
	}
	
	.logo-punica-invest {
		bottom: 5px;
		height: 20px !important;
	} 
}







/* Tablet: 2 columns (override width, remove 3n+1 clear if needed) */
/* @media only screen and (max-width: 800px) {
    .gallery-columns-3 .gallery-item {
        width: 50%;
    }
    
    .gallery-columns-3 .gallery-icon {
	    padding: 1px;
	}
	
	.gallery-columns-3 .gallery-item:nth-child(9) { display: none; }
    
} */

/* Mobile: 1 column */
/* @media only screen and (max-width: 480px) {
    .gallery-columns-3 .gallery-item, .gallery-columns-2 .gallery-item {
        width: 100%;
    }
    .gallery-columns-3 .gallery-item:nth-child(1n+1), .gallery-columns-2 .gallery-item:nth-child(1n+1) {
        clear: none;
    }
    
    .gallery-columns-3 .gallery-icon {
	    padding: 1px 0;
	}
	
	.gallery-columns-2 .gallery-icon {
	    padding: 2px 0;
	}
    
} */




/* Unternehmen */


#unternehmensbilder {
	background-color: #282827;

}

/* #unternehmensbilder .gallery-icon {
  width: 100%;
  aspect-ratio: 540 / 392 !important;
} */





/* new development for sliding images */

.gallery-unternehmen-columns-2 .gallery-unternehmen-item {
	position: relative;
	float: left;
	width: 50%;
	height: auto;
	aspect-ratio: 1953 / 1423 !important; /* Enforce aspect ratio */
	/* border: 1px solid #a00000; */
	overflow: hidden;
	background-color: #282827;
}

.gallery-unternehmen-columns-2 .gallery-unternehmen-icon {
	/* width: 100%; */
	height: 100%;
	aspect-ratio: 3906 / 1423 !important;
	position: absolute;
	top: 0px;
	left: 0px;
	/* overflow: hidden; */
	/* transition: transform 2s ease-in-out; */
	/* border: 1px solid #0000a0; */
	background-color: #282827;
}

.gallery-unternehmen-columns-2 .gallery-unternehmen-icon img {
	aspect-ratio: 1953 / 1423 !important; /* Enforce aspect ratio */
	height: 100%;
}


.gallery-unternehmen-columns-1 {
	position: static !important;
	width: 100%;
	aspect-ratio: 1953 / 1423 !important; /* Enforce aspect ratio */
	/* min-height: 945px; */
	min-height: 210vw;
}
	

.gallery-unternehmen-columns-1 .gallery-unternehmen-item {
	position: relative;
	float: none;
	width: 100%;
	display: block;
	height: auto;
	aspect-ratio: 1953 / 1423 !important; /* Enforce aspect ratio */
	/* border: 1px solid #a00000; */
	overflow: hidden;
	background-color: #282827;
}

.gallery-unternehmen-columns-1 .gallery-unternehmen-icon {
	/* width: 100%; */
	height: 100%;
	aspect-ratio: 3906 / 1423 !important;
	position: absolute;
	top: 0px;
	left: 0px;
	/* overflow: hidden; */
	/* transition: transform 2s ease-in-out; */
	/* border: 1px solid #0000a0; */
	background-color: #282827;
}

.gallery-unternehmen-columns-1 .gallery-unternehmen-icon img {
	aspect-ratio: 1953 / 1423 !important; /* Enforce aspect ratio */
	height: 100%;
}


.offset-left {
	/* transform: translateX(50%); */
	left: -50% !important;
}




.hidden {
	/* visibility: hidden; */
	position: absolute;
    left: -9999px;
    top: -9999px;
}




/* to be removed: */

#unternehmensbilder .gallery-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Crop to fill without distortion */
}

@media only screen and (min-width: 980px) {
	:root {
	  /* --flex-gap: 0.5rem; */
	  --flex-gap: 0rem;
	}
}

#unternehmensbilder .gallery-columns-2, #unternehmensbilder .gallery-columns-1 {
	/* gap: 1% !important; */
	gap: var(--flex-gap) !important;
}

#unternehmensbilder .gallery-columns-2 .gallery-item {
    /* flex: 1 1 49 !important;
    width: 49% !important; */
    --cols: 2;
    flex: 1 1 calc((100% / var(--cols)) - (((var(--cols) - 1) / var(--cols)) * var(--flex-gap))) !important;
    width: calc((100% / var(--cols)) - (((var(--cols) - 1) / var(--cols)) * var(--flex-gap))) !important;
}

#unternehmensbilder .gallery-columns-1 .gallery-item {
    /* flex: 1 1 49 !important;
    width: 49% !important; */
    /* --cols: 1;
    flex: 1 1 100% !important; */
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#unternehmensbilder .gallery-columns-1 .gallery-icon {
    margin: 0 !important;
    padding: 0 !important;
}

.gallery-columns-1 p {
	margin-bottom: 0 !important;
	display: none;
}

#unternehmensbilder .gallery-columns-1 .gallery-item::after, #unternehmensbilder .gallery-columns-1 .gallery-icon::after, , #unternehmensbilder .gallery-columns-1 img::after {
	display: none !important;

}

@media only screen and (max-width: 480px) {
	figure, #unternehmensbilder .gallery-columns-1 .gallery-item  {
	    display: block;
	    margin-block-start: 0;
	    margin-block-end: 0;
	    padding: 0 !important;
	    margin: 0 !important;
	}
		
	#unternehmensbilder .gallery-icon img {
	  width: 100%;
	  height: 100%;
	  object-fit: contain; /* Crop to fill without distortion */
	  max-width: 100%;
	  height: auto;
	  display: block;
	}
	
}






/* Produkte */

.elementor-button-link {
	text-decoration: none !important;
}

.product-category {
	font-weight: 700;
	margin-bottom: 0 !important;
}

.product-text-box h2, .content-headline {
	color: #EB691B !important;
	font-weight: 400 !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	line-height: 1.15 !important;
}

.product-text-box p a {
	color: #EB691B !important;
}

.no-margin p {
	margin-bottom: 0.2em !important;
}

.black-button {
	margin-bottom: 12px;
}

.wpDataTable, .wpDataTable tr, .wpDataTable td {
	border: 0 !important; 
}

.wpdt-cell {
	padding: 0.4em 1.2em !important;
}

.wpdt-cell-row:nth-child(2) {
	border-radius: 5px 5px 0 0 !important;
}

.wpdt-cell-row:nth-child(2) td:first-child {
  border-top-left-radius: 8px;
}

.wpdt-cell-row:nth-child(2) td:last-child {
  border-top-right-radius: 8px;
}

.elementor-widget-wpdatatables, .elementor-widget-wpdatatables .elementor-widget-container, .wpDataTables {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.elementor-widget-wpdatacharts {
	margin-top: -20px !important;
	padding-top: 0 !important;
}

@media only screen and (max-width: 768px) {
	.elementor-widget-wpdatacharts {
		margin-top: -42px !important;
	}
}

@media only screen and (max-width: 480px) {
	.elementor-widget-wpdatacharts {
		margin-top: -40px !important;
	}
	
	.wertentwicklung-date {
		font-size: 
	}
}

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

.google_line_chart svg {
	border-radius: 0 0 8px 8px !important;
}


.rael-data-table tbody tr:first-child td:first-child {
  border-top-left-radius: 8px;
}

.rael-data-table tbody tr:first-child td:last-child {
  border-top-right-radius: 8px;
}

.rael-data-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

.rael-data-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

.rael-data-table .table-header {
	display: none;
}

.rael-data-table tbody td {
	padding: 20px 38px !important;
}

.rael-data-table .text, .rael-data-table .text .td-content-wrapper, .rael-data-table .text .td-content {
	text-align: left !important;
}

.rael-data-table .text .td-content {
	-webkit-box-align: left !important;
	-ms-flex-align: left !important;
	align-items: left !important;
	justify-content: left !important;
}

.rael-data-table .download {
	text-align: right !important;
}

.rael-data-table .download .td-content-wrapper, .rael-data-table .download .td-content {
	max-height: 38px !important;
}

.rael-data-table .download p {
	margin: 0 !important;
	padding: 0 !important;
}

.rael-data-table .download a {
	margin: 0 !important;
	padding: 0 !important;
	text-decoration: none !important;
}

.rael-data-table .text {
	line-height: 1.25 !important;
}

.rael-data-table .td-content:hover {
	color: #1A171B !important;
}

.icon-star img {
	margin: 0 0 0 2px !important;
}

.awards-cell img {
	margin-right: 15px;
}

.product-logo-sw {
	filter: grayscale(100%);
	/* or filter: grayscale(1); */
}

.kaufen-kachel {
	position: relative;
	aspect-ratio: 1 / 1;
	border-radius: 12.8%;
}

.kaufen-kachel img {
	position: absolute;
	top: 0;
	bottom:0;
	right: 0;
	left: 0;
	margin: auto;
	
}




@media only screen and (max-width: 768px) {

	/* .google_line_chart {
		height: 200px !important;
	} */

	.rael-data-table tbody td {
		padding: 6px 14px !important;
	}

	.icon-pdf img {
		width: 20px !important;
		height: 20px !important;
		display: block !important;
		margin-left: auto !important;
	}
	
	.icon-star img {
		width: 19px !important;
		height: 19px !important;
		margin: 0 0 0 1px !important;
		display: block;
		margin-left: auto;
	}
	
	.icon-plus img {
		width: 12px !important;
		height: 12px !important;
		display: block;
		margin-left: auto;
		margin-top: 6px
	}
	
	.awards-cell img {
		width: 60px;
		height: auto;
	}
	
	.icon-plus, .icon-star, .download, .alignright {
		text-align: right !important;
	
	}
	
	.icon-plus div, .icon-star div, .download div, .alignright div {
		text-align: right !important;	
	}
	
	.icon-plus .td-content, .icon-star .td-content, .download .td-content, .alignright .td-content,
	.icon-plus .td-content > p, .icon-star .td-content > p, .download .td-content > p, .alignright .td-content > p {
		text-align: right !important;
		-webkit-box-align: right;
		-ms-flex-align: right;
		-ms-flex-pack: right;
		-webkit-box-pack: right;
		align-items: right;
		justify-content: right;
	
	}
		
}

/* News */

.news-item {
	margin-bottom: 2em;
}

.news-item p {
	line-height: 1.5 !important;
}

.news-date {
	font-weight: bold;
	color: #1A171B;
	margin-bottom: 0 !important;
}

.news-title {
	font-weight: bold;
	color: #EC671A;
	margin-bottom: 0 !important;
}

.news-text {
	margin-top: 0 !important;
}

.news-more-link, .news-more-link:hover {
	color: #EC671A;
	text-decoration: none !important;
}

.round-table-container {
	display: flex;
	width: 100%;
}

.round-table-image-div {
	/* float: left;
	width: 11.6%;
	padding-right: 38px; */
	width: 92px; /* Fixed width */
	flex-shrink: 0; /* Prevents shrinking if space is tight */
	padding-top: 13px;
}

.round-table-text-div {
	/* float: left;
	width: 88.4%; */
	flex-grow: 1; /* Takes up all remaining space */
	padding-left: 38px;
}

.round-table-image {
	filter: grayscale(100%);
	width: 92px !important;
	height: auto;
}

.round-table-text {
	margin-bottom: 0 !important;
}

.round-table-title {
	margin-top: 0 !important;
}

.clear-both {
	clear: both;
}

@media only screen and (max-width: 768px) {
	
	.round-table-container  {
		margin-bottom: 1.25em;
	}
	
	.round-table-image-div {
		padding-top: 8px !important;
	}
	
	.round-table-text-div {
		padding-left: 25px !important;
	}

}

@media only screen and (max-width: 480px) {
    .news-item {
		margin-bottom: 1em;
	}
	
	.round-table-container  {
		margin-bottom: 1.5em;
	}
	
	.round-table-image-div {
		padding-top: 0px !important;
		background-color: #EC671A;
	}
	
	.round-table-image-div, .round-table-image {
		width: 54px !important;
	}
	
	.round-table-text-div {
		padding-left: 12px !important;
		margin-top: -7px;
	}

}

/* Paginierung */

.news-pagination-container {
	padding-top: 30px;
}

.news-pagination {
	display: flex; 
	justify-content: left; 
	align-items: left; 
	gap: 19px;
}

.news-page { 
	width: 55px; 
	height: 55px; 
	border-radius: 100%; 
	display: flex; 
	justify-content: center;
	align-items: center; 
	transition: 0.5s; 
	cursor: pointer; 
	font-size: 26px;
	font-weight: 700;
	text-decoration: none !important;
	color: #FFFFFF !important; 
	background-color: #1A171B;
	transition: color 0.15s ease-out;
	transition: background 0.15s ease-out;
}

.news-page-first {
	padding-right: 5px;
}

.news-page-current, .news-page:hover { 
	background-color: #EC671A !important;	
}

.news-page-current {
	cursor: default;
}


.extra-narrow {
	letter-spacing: -0.15em;;
}

@media only screen and (max-width: 980px) {

	.news-pagination-container {
		padding-top: 15px;
		padding-bottom: 15px;
	}

    .news-pagination {
		gap: 14px;
	}
	
	.news-page { 	
		width: 41px;
		height: 41px;
		font-size: 19px;
	}
	
	.news-page-first {
		padding-right: 3px;
	}
	
}

@media only screen and (max-width: 640px) {

	.news-pagination-container {
		padding-top: 0px;
		padding-bottom: 30px;
	}

    .news-pagination {
		gap: 9px;
	}
	
	.news-page { 	
		width: 27px;
		height: 27px;
		font-size: 12.3px;
	}
	
	.news-page-first {
		padding-right: 2px;
	}
	
}

/* Detailseite News-Eintrag */

.news-entry-title {
	color: #EC671A !important;
}

/* .wp-block-paragraph strong {
	color: #EC671A !important;
} */

.news-entry-date {
	font-weight: bold;
	/* text-transform: uppercase; */
	margin-bottom: 0.25em !important;
}



#news-entry-footer-container {
	width: 100%;
	padding: 0;
	margin: 0;
	display: flex; 
	justify-content: left; 
	align-items: left; 
	gap: 0;
	background-color: #EB691B;
}

#news-entry-footer-column-59 {
	padding: 0 !important;
	/* float: left; */
	width: 59%;
	height: auto;
	display: flex; 
	justify-content: center;
	align-items: center;
}

.news-entry-image {
	width: 100%;
	/* max-width: 526px !important; */
	height: auto;
}

#news-entry-footer-column-41 {
	/* float: left; */
	width: 41%; 
	display: flex; 
	justify-content: center;
	align-items: center;
	background-color: #EB691B;
}



/* Kontakt */

#newsletter-formular label {
	margin-top: 0.5em;
	margin-bottom: 0.65em;
}

#newsletter-formular input[type=text], #newsletter-formular input[type=email], #newsletter-formular select, .tml-field, input:autofill {
	/* border: none; */
	background-color: #eceaea !important;
	padding: 0.44em 0.625em; /* 14px 20px */
	border-radius: 7px;
	border: 2px solid transparent !important; /* Prevents layout shift */
}

#newsletter-formular input[type=text]:focus, #newsletter-formular input[type=email]:focus, .tml-field:focus {
	background-color: #eceaea !important;
	border-color: #cccaca !important;
	outline: none;
	border-width: 2px;
}

#newsletter-formular input[type=submit], .tml-button, .tml-button:hover, .tml-action input[type=submit]:active {
	color: white;
	font-weight: 700;
	padding: 0.5em 1.25em; /* 16px 40px */
	border-radius: 7px;
	background-color: #EB691B !important;
	border: none;
	margin-top: 0.4em;
}

/* Hide native radio but keep accessible */
.radio-container input[type="radio"], .checkbox-container input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

#newsletter-formular label.radio-container, #newsletter-formular label.checkbox-container {
	margin-top: 0;
	margin-bottom: 0.8em;
}

/* Style the custom radio button */
.radio-container .custom-radio, .checkbox-container .custom-checkbox {
  display: inline-block;
  width: 2.2em;
  height: 2.2em;
  /* border: 2px solid #ccc; */
  border-radius: 7px;
  margin-right: 0.8em;
  vertical-align: middle;
  transition: all 0.2s ease;
  background-color: #eceaea;
}

/* Style when checked */
.radio-container input[type="radio"]:checked + .custom-radio, .checkbox-container input[type="checkbox"]:checked + .custom-checkbox {
  /* border-color: #EB691B; */
  background-color: #EB691B;
  /* box-shadow: inset 0 0 0 3px #fff; */
}

/* Optional: Focus state for keyboard users */
/* .radio-container input[type="radio"]:focus + .custom-radio {
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
} */



/* Impressum */

#impressum h1:not(:first-child) {
	margin-top: 1em !important;
}

#impressum a, #datenschutz a {
	color: #EB691B;
	text-decoration: none;
}



/* Haftungsausschluss */

#haftungsausschluss h1:first-child, #datenschutz h1:first-child {
	margin-bottom: 1em !important;
}



/* Datenschutz */

#datenschutz h3 {
	color: #EB691B;
	font-weight: 700;
	margin-top: 2em !important;
	margin-bottom: 1em !important;
	/* margin-block-end: 1rem;
margin-block-start: .5rem; */
}





@media only screen and (min-width: 981px) {
	#datenschutz ul {
		padding-left: 0.9em;
	}
}

@media only screen and (max-width: 980px) {
	#datenschutz ul {
		padding-left: 0.75em;
	}
}

@media only screen and (max-width: 768px) {
	#datenschutz ul {
		padding-left: 0.625em;
	}
}

@media only screen and (max-width: 640px) {
	#datenschutz ul {
		padding-left: 0.5em;
	}
}

#datenschutz ul {
	margin-left: 0;
}


#datenschutz li {
	margin-bottom: 1em;
}

.no-margin-top {
	margin-top: 0 !important;
}

.orange-hilite {
	color: #EB691B;
}





/* Hinweisseite Login Hauptversammlung */

.private-notice {
	padding: 200px 0;
	background-color: #ffffff;
}

.tml-login, .tml-lostpassword {
	padding: 150px 0;
	background-color: #ffffff;
}



.elementor-page-2248 #content, .page-id-0 #content {
	border-top: 16px solid #EB691B;
	max-width: 100% !important;
}

.page-id-0 .page-content {
	max-width: 1140px;
	margin: 0 auto;
}

@media only screen and (max-width: 1280px) {

	.tml-login, .tml-lostpassword {
		padding: 100px 0 50px 0;
	}

	.tml-action .site-main {
		max-width: 100% !important;
	}

	.tml-action #content {
		padding: 50px 7vw;
	}
	
	.tml-login {
		width: 100% !important;	
	}
	
	.private-notice {
		padding: 150px 0;
	}
	
}

@media only screen and (max-width: 640px) {

	.tml-login, .tml-lostpassword {
		padding: 75px 0 25px 0;
	}
	
}



.private-notice a, .tml-links a {
	color: #EB691B;
	text-decoration: none;
}

.tml-action {
	background-color: #ffffff !important;
}

.tml-links {
	list-style: none;
	padding: 0;
	margin: 0;
}

.tml-links li {
	padding: 0;
	margin: 0;
}

.tml .tml-message {
	border-left: 4px solid #EB691B !important;
}

.tml-rememberme-wrap {
	margin-top: 50px !important;
}

.tml-alerts {
	margin-bottom: 75px !important;
}








/* Footer */

footer {
	padding-top: 70px !important;
	background-color: #f5f5f4;
	font-family: "PT Sans Narrow", Arial, sans-serif !important;
	/* padding-left: 0 !important;
	padding-right: 0 !important; */
	
	width: 100% !important;
	max-width: 100% !important;
	
}



/* .footer-inner {
	width: 100% !important;
	max-width: 1140 !important;
	margin: auto !important;
	min-width: 726px;
} */

.footer-inner {
	padding-bottom: 80px !important;
}

.footer-inner, .footer-inner p, .footer-main-menu {
	line-height: 1.25 !important;
}

/* .footer-main-menu, #footer-column-1 strong {
	border: 1px solid #a00000;
} */

@media only screen and (max-width: 1280px) {
    #site-footer {
		padding-left: 7vw !important;
		padding-right: 7vw !important;
	}
	
	.footer-inner {
		padding: 0 0 20px 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
  
}

#footer-logo {
	width: 100%;
	margin-bottom: 10px;	
}

@media only screen and (max-width: 1280px) {

	#footer-logo {
		margin-bottom: 0;
	}

	#footer-logo img {
		width: 45px;
		height: 45px;
	}
}

@media only screen and (max-width: 768px) {
	#footer-logo img {
		width: 40px;
		height: 40px;
	}
}


@media only screen and (max-width: 480px) {
	#footer-logo img {
		width: 30px;
		height: 30px;
	}
}



.footer-col {
	float: left;
}

#footer-column-1 {
	padding-left: 0 !important;
}


#footer-column-1 { width: 38.47% }
#footer-column-2 { width: 15.28% }
#footer-column-3 { width: 19.85% }
#footer-column-4 { width: 15.91% }
#footer-column-5 { width: 10.49% }

@media only screen and (max-width: 800px) {
	
	#footer-logo {
		padding-left: 0 !important;
		
	}
	
	footer {
		padding-top: 30px !important;
	}
	
	.footer-contact-column-1 {
		width: 220px !important;
	}
	
	.logo-linkedin {
		margin-top: 6px !important;
		width: 56px !important;
		height: 56px !important;
	
	}
	
}

.footer-main-menu, .footer-main-menu:hover {
	color: #EB691B !important;
	font-weight: bold;
	font-size: 26px;
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {

	.footer-col, .footer-col a, .footer-col li, footer p, footer span { font-size: 18px !important; }
	
	.footer-contact-column-1 {
		width: 160px !important;
	}
	
	.logo-linkedin {
		margin-top: 4px !important;
		width: 40px !important;
		height: 40px !important;
	}
	
}

@media only screen and (max-width: 768px) {

	.footer-col, #footer-logo { padding-left: 0 !important; }
	
	.footer-inner { padding-left: 0 !important; padding-right: 0 !important; }

	#footer-column-1 {
	 	float: none !important;
		padding-left: 0 !important;
		width: 100% !important;
	}
	
	/* #footer-menu {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		align-content: flex-start;
		gap: 15px;
	} */
	
	#footer-column-2, #footer-column-3, #footer-column-4, #footer-column-5 {
		float: left !important;
		/* float: none !important;
		flex: 1 100%; */
	}
	
	#footer-column-2 { 
		width: 22.3% !important;
	}
	
	#footer-column-3 { 
		width: 31.8% !important;
	}
	
	#footer-column-4 { 
		width: 24.7% !important;
	}
	
	#footer-column-5 { 
		width: 21.2% !important;
	}
	
	.footer-col, .footer-col a, .footer-col li, footer p, footer span { font-size: 17px !important; }
	
	#footer-logo {
		margin-bottom: 0;
	}
	
	.footer-contact-column-1 {
		width: 152px !important;
	}
	
	.logo-linkedin {
		margin-top: 4px !important;
		width: 36px !important;
		height: 36px !important;
	}

}

@media only screen and (max-width: 375px) {

	.footer-col, .footer-col a, .footer-col li, footer p, footer span { font-size: 15px !important; }
	
	.footer-contact-column-1 {
		width: 152px !important;
	}
	
	.logo-linkedin {
		margin-top: 4px !important;
		width: 32px !important;
		height: 32px !important;
	}

}

@media only screen and (max-width: 320px) {

	footer .menu-item a { font-size: 12px !important;  }
		
	#footer-column-2 a, #footer-column-3 a, #footer-column-4 a, #footer-column-5 a {
		font-size: 12px !important;

	}

	
	.footer-contact-column-1 {
		width: 152px !important;
	}
	
	.logo-linkedin {
		margin-top: 4px !important;
		width: 32px !important;
		height: 32px !important;
	}

}





/* @media only screen and (max-width: 768px) {

	.footer-col, .footer-col a, .footer-col li { font-size: 16px !important; }

    .footer-main-menu, .footer-main-menu:hover {
		font-size: 24px  !important;
	}
} */



footer p, footer td, footer div, footer .menu-item a, footer .menu-item a:hover, footer span {
	color: #2E2D30 !important;
	font-size: 26px;
	font-weight: 400;
}

footer strong {
	font-weight: 600 !important;
}

.footer-textlink {
	color: #EB691B !important;
}

.footer-phonelink {
	color: #000000 !important;
}

.logo-linkedin {
	margin-top: 5px;
	width: 55px;
	height: 55px;

}

footer a:hover {
	/* color: #CB4900 !important; */ /* Darker Orange? */
	/* border-bottom: 1px solid #EB691B; */
}

footer a.imagelink:hover {
	border-bottom: none;
}

footer .menu-item a, footer .menu-item {
	color: #2E2D30 !important;
}

footer .menu-item a:hover, footer .menu-item:hover {
	color: #1E1D20 !important;
	border-bottom: none;
}

.footer-contact-column-1 {
	display: inline-block;
	width: 250px;
	vertical-align: top;
}



footer td, footer tr, footer td:hover, footer tr:hover  {
	background-color: transparent !important;
}

footer td {
	padding: 0;
	border: 0;
}

footer ul, footer .menu-item {
	padding: 0 !important;
	margin: 0 !important;
}

footer ul li {
	display: block !important;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* footer table {
	width: 50%;
} */

#footer-abbinder {
	background-color: #2E2D30;
	padding: 0 !important;
	margin: 0;
	width: 100%
}

#footer-abbinder a  {
	font-size:22px;
	font-weight: 400;
	/* color: #9C9D9F !important; */
	color: #D0D0D0 !important;
	border-bottom: none;
	margin-left: 30px;
}

#footer-abbinder a:hover {
	color: #bbbcbe !important;
}

#footer-abbinder a:nth-child(1) {
	margin-left: 0;
}

#footer-abbinder-inner {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0;
}

.footer-abbinder-col {
	padding-top:15px;
	padding-bottom:15px;
	/* color: #9C9D9F !important; */
	color: #D0D0D0 !important;
	font-size:22px;
	font-weight: 400;
}

#footer-abbinder-col-left {
	float:left;
	width:20%;
	text-align: left;
}

#footer-abbinder-col-right {
	float:left;
	width:80%;
	text-align: right;
}

@media only screen and (max-width: 1280px) {
	#footer-abbinder {
		padding: 0 7vw !important;
	}
	
	#footer-abbinder a, #footer-abbinder a:hover {
		margin-left: 15px;
	}

}

@media only screen and (max-width: 1100px) {

	.footer-abbinder-col, .footer-abbinder-col a {
		font-size: 14px !important;
		line-height: 16px;
	}
	
	#footer-abbinder a, #footer-abbinder a:hover {
		margin-left: 15px;
	}
	

}

/* @media only screen and (max-width: 865px) {
	
	#footer-abbinder-col-left {
		width:65%;
	}
	
	#footer-abbinder-col-right {
		width:35%;
		text-align: left;
	}
	
	#footer-abbinder a, #footer-abbinder a:hover {
		display: block;
		margin-left: 0;
	}

} */

@media only screen and (max-width: 640px) {
	
	#footer-abbinder {
		padding: 5px 7vw 15px 7vw !important;
	}
	
	#footer-abbinder-col-left {
		float:left;
		width:100%;
		padding-bottom:0px !important;
	}
	
	#footer-abbinder-col-right {
		float:none;
		width:100%;
		text-align: left;
		padding-top:0px !important;
		
		display: flex !important;
		flex-wrap: wrap;
		gap: 0 !important;
		justify-content:space-between;
	}
	
	
	.footer-abbinder-col, .footer-abbinder-col a {
		font-size: 16px !important;
		line-height: 20px;
	}
	
	.footer-abbinder-col a {
		margin-left: 0 !important;
		margin-right: 0;
	}
	
}

@media only screen and (max-width: 480px) {

	.footer-abbinder-col, .footer-abbinder-col a {
		font-size: 12px !important;
		line-height: 14px;
	}

	#footer-abbinder a, #footer-abbinder a:hover {
		display: inline;
	}


}

@media only screen and (max-width: 375px) {

	.footer-abbinder-col a {
		margin-right: 8px;
	}

}


@media only screen and (max-width: 320px) {

	.footer-abbinder-col, .footer-abbinder a {
	 font-size: 10px !important;
	}

	.footer-abbinder-col a {
		margin-right: 6px !important;
	}
	
	

}





.copyright p {
	display: block;
	float: none;

}

.clear {
	clear: both;
}