/*
 Theme Name:     Divi Child-Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Divi Child-Theme
 Author:         Patrick Vetter
 Author URI:     https://divi.world
 Template:       Divi
 Version:        1.0.0
*/


/* ALLGEMEIN */

body {
	font-family: 'Plus-Jakarta-Sans';
	background: #EAE2DE !important;
	color: #634E42 !important;}

.container,
.et_pb_row {
	width: 80% !important;
	max-width: 1920px !important;
	margin: auto !important;}

.content-center {
	display: flex;
	align-items: center;
	justify-content: center;}

.et_pb_section.linien {
	border-top: 1px solid transparent !important;
	border-bottom: 1px solid transparent !important;
	border-image: linear-gradient(
		90deg, 
		rgba(0, 0, 0, 0) 0%, 
		rgba(0, 0, 0, 0) 10%, 
		rgba(99, 78, 66, .5) 10%, 
		rgba(99, 78, 66, .5) 90%, 
		rgba(0, 0, 0, 0) 90%, 
		rgba(0, 0, 0, 0) 100%) 
		1 !important;}

h1 {
	font-family: 'Barlow';
	font-size: 3.125rem !important;
	line-height: 3.625rem !important;
	color: #634E42 !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;}

h2 {
	font-family: 'Barlow';
	font-size: 3.125rem !important;
	line-height: 3.625rem !important;
	color: #634E42 !important;
	font-weight: 700;
	text-transform: unset !important;}

.datenschutz-text h2 {
	font-family: 'Barlow';
	font-size: 2.5rem !important;
	line-height: 3rem !important;
	color: #634E42 !important;
	font-weight: 700;
	text-transform: unset !important;}

.unterstrich {
	/* margin-bottom: 65px !important; */
	/* padding-bottom: 65px !important; */
	/* border-bottom: 2px solid #634E42 !important; */}

.section-trennstrich:after {
	content: "";
	position: absolute !important;
	left: 0 !important;
	bottom: 0 !important;
	height: 1px !important;
	width: 80% !important;
	margin: 0 10% !important;
	background: rgba(99, 78, 66, .5) !important;}

.trennstrich {
	border-bottom: 1px solid rgba(99, 78, 66, 0.5) !important;}

.trennstrich .et_pb_button_module_wrapper {
	margin-bottom: 10px !important;}

h3 {
	font-family: 'Barlow';
	font-size: 1.8rem !important;
	line-height: 2.3rem !important;
	color: #96C01E !important;
	font-weight: 700 !important;}

h4 {
	font-family: 'Barlow';
	font-size: 1.125rem !important;
	line-height: 1.625rem !important;
	color: #96C01E !important;
	font-weight: 500;
	text-transform: uppercase;}

h5 {
	font-size: 1.375rem !important;
	line-height: 1.875rem !important;
	color: #634E42 !important;
	font-weight: 700;}

p {
	font-size: 1rem !important;
	line-height: 1.7rem !important;
	color: #634E42 !important;
	font-weight: 300;}

li {
	font-size: 1rem !important;
	line-height: 2rem !important;
	color: #634E42 !important;
	font-weight: 300;}

a {
	color: #634E42 !important;
	text-decoration: underline;}

a:hover {
	color: #96C01E !important;
	text-decoration: none !important;}

.et_pb_button_module_wrapper {
	margin-top: 55px !important;
	margin-bottom: 55px !important;}

.et_pb_button {
	color: #634E42 !important;
  	font-family: 'Barlow';
	font-weight: 700;
	font-size: 1.375rem !important;
	line-height: 1.875rem !important;
	text-decoration: unset !important;
	text-transform: uppercase !important;
	border: unset !important;
	padding: unset !important;
	padding-left: 10px !important;
	z-index: 1 !important;}

.et_pb_button:after {
	content: "";
	width: 30px !important;
	height: 30px !important;
	border-radius: 50% !important;
	background-color: #96C01E !important;
	position: absolute !important;
	left: 0;
	top: 50%;
	transform: translate(0, -50%) !important;
	font-size: unset !important;
	opacity: 1 !important;
	margin-left: unset !important;
	z-index: -1 !important;}
	
.et_pb_button:hover {
	cursor: pointer !important;
	color: #634E42 !important;
	background-color: unset !important;
	text-decoration: underline !important;}

.et_pb_button:hover:after {
	width: 90px !important;
	height: 90px !important;}

@media (max-width: 680px){

h2 {
	font-size: 2rem !important;
	line-height: 2.5rem !important;}
	
h3 {
	font-size: 1.2rem !important;
	line-height: 1.7rem !important;}

}


/* HEADER */

#main-header {
	top: 0 !important;
	background-color: rgba(99, 78, 66, 0.5) !important;
	backdrop-filter: blur(10px);
	z-index: 1000;
	display: flex!important;
	box-shadow: unset !important;
	height: 150px !important;}

.home #main-header {
	background-color: rgba(0, 0, 0, 0) !important;
	background: linear-gradient(180deg, rgba(0,0,0,0.5), rgba(0,0,0,0)) !important;
	backdrop-filter: unset !important;
	transition: background-color 0.5s !important;}

#main-header.et-fixed-header,
.home #main-header.et-fixed-header {
	box-shadow: unset !important;
	background: unset !important;
	background-color: rgba(99, 78, 66, 0.5) !important;
	backdrop-filter: blur(10px) !important;}

#page-container {
	padding-top: 0px !important;
	margin-top: unset !important;}

#main-header .container {
	height: 100px !important;}

.logo_container #logo {
	height: 100px !important;
	max-height: unset !important;
	object-fit: contain;}

#et-top-navigation {
	position: absolute !important;
	bottom: 0 !important;
	right: 0 !important;
	font-weight: normal;
	text-transform: unset;}

#top-menu li {
	font-size: 1.25rem !important;
	line-height: 1.75rem !important;
	padding-right: 50px !important;}

#top-menu li a {
	color: white !important;}

#top-menu>li:last-child {
	padding-right: 0 !important;}

#et-top-navigation nav>ul>li>a {
	padding-bottom: 0px !important;}


@media (max-width: 1500px){

#main-header {
	height: 120px !important;}
	
#main-header .container {
	height: 120px !important;
	margin-top: unset !important;
	margin-bottom: unset !important;}
	
.logo_container #logo {
	height: 80px !important;}
	
#et-top-navigation {
	top: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;}
	
.et_header_style_left #et-top-navigation .mobile_menu_bar {
	padding-top: 43.5px !important;
	padding-bottom: 43.5px !important;}

}


/* HEADER SCROLL AUF WEISS */
#main-header.et-fixed-header,
.home #main-header.et-fixed-header {
	background-color: rgba(255, 255, 255, 0.5) !important;}

#main-header.et-fixed-header .logo_container #logo {
	content: url(/wp-content/uploads/2025/11/bergwerte-footer-logo-.webp) !important;}

#main-header.et-fixed-header li a {
	color: #634E42 !important;}

#main-header.et-fixed-header li a:hover {
	color: #95C01E !important;}

.mobile_menu_bar:before {
	color: white !important;}

.et-fixed-header .mobile_menu_bar:before {
	color: #634E42 !important;}


/* FARBE NORMALER LINK */
#top-menu li.current-menu-item>a,
.et-fixed-header #top-menu li.current-menu-item>a {
	color: #95C01E !important;}

/* FARBE LINK HOME */
.home #top-menu li.current-menu-item a, 
.home .et-fixed-header #top-menu .current-menu-item a {
	color: white !important;}
/* FARBE LINK HOME BEI HEADER SCROLL AUF WEISS*/
.home .et-fixed-header #top-menu .current-menu-item a {
	color: #634E42 !important;}

/* FARBE ANKERLINK */
#top-menu .current-menu-item a.mPS2id-highlight, 
.et-fixed-header #top-menu .current-menu-item a.mPS2id-highlight {
	color: #95C01E !important;}

/* FARBE BESUCHTE SEITE & HOVER-FARBE */
#top-menu li.current-menu-ancestor>a,
.et-fixed-header #top-menu li.current-menu-ancestor>a,
#top-menu-nav>ul>li>a:hover,
.et-fixed-header #top-menu-nav>ul>li>a:hover, 
.home #top-menu li.current-menu-item a:hover, 
.home .et-fixed-header #top-menu .current-menu-item a:hover {
	color: #95C01E !important;
	opacity: 1;}

/* FARBE BESUCHTE SEITE SUBMENÜ */
#top-menu li.menu-item-has-children .sub-menu .current-menu-item>a, 
.et-fixed-header #top-menu li.menu-item-has-children .sub-menu .current-menu-item>a,
.nav ul li a:hover,
.et_mobile_menu li a:hover {
	color: #95C01E !important;
	opacity: 1;
	background-color: transparent;}


/* SUB-MENU */

.nav li ul {
	border: none !important;
	background: white !important;
	width: auto !important;
	padding: 30px !important;
	left: -30px !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;}

#top-menu li li {
	padding: 0 !important;}

#top-menu li li a {
	width: max-content !important;
	line-height: normal !important;
	padding: 10px 30px 10px 0 !important;}


/* MOBILE-MENU */

@media (max-width: 1770px){

	#top-menu {
		display: none !important;}
	
	#et_mobile_nav_menu {
		display: block !important;}
	
	/* .mobile_menu_bar:before {
		color: white !important;} */
	
	.et_mobile_menu {
		border-color: #95C01E !important;}
	
	.et_mobile_menu li.info,
	.et_mobile_menu li.telefon,
	.et_mobile_menu li.mail {
		display: none !important;}
	
	.et_mobile_menu li a {
		text-decoration: unset !important;}
	
	.et_mobile_menu li:last-child a {
		border-bottom: unset !important;}
	
}

@media (max-width: 980px){
	
	.et_fixed_nav #main-header {
		position: fixed !important;}

	.et_mobile_menu li.info,
	.et_mobile_menu li.telefon,
	.et_mobile_menu li.mail {
		display: block !important;}
	
	.et_mobile_menu {
		position: fixed !important;
		width: 100% !important;
		top: 120px !important;}
	
}


/* LINK-BAR-MENÜ */

.et_secondary_nav_enabled #page-container #top-header {
	background-color: transparent !important;
	position: fixed !important;
	right: 0px !important;
	left: unset !important;
	top: 50% !important;
	transform: translate(0, -50%) !important;
	z-index: 999 !important;
	display: block !important;}

.et_fixed_nav.et_secondary_nav_enabled #page-container .et-fixed-header#top-header {
	background-color: rgba(0,0,0,0) !important;}

#top-header .container.clearfix {
	margin: 0px !important;
	padding-top: 0px !important;
	width: 50px !important;}

#et-secondary-menu {
	display: contents !important;}

#et-secondary-nav {
	display: block !important;}
	
#et-secondary-menu li {
	width: auto !important;
	height: 60px !important;
	padding: 15px;
	display: inline-block !important;
	float: right !important;
	margin-right: 0px !important;
	color: white !important;
	background-color: #95C01E !important;
	margin-bottom: 8px !important;
	border-bottom: unset !important;
	transform: translate(calc(100% - 60px), 0);}

#et-secondary-menu li:last-child {
	margin-bottom: 0 !important;}

#et-secondary-menu li a {
	display: inline-flex !important;
	white-space: nowrap !important;
	align-items: center !important;
	float: left !important;
	font-size: 1.125rem !important;
	text-decoration: unset !important;
	color: white !important;
	padding-bottom: unset !important;}

#et-secondary-menu li a:hover {
	opacity: 1 !important;}

#et-secondary-menu li:last-child {
	border-bottom: unset !important;}

#et-secondary-menu li a:before {
	content: "";
  	display: block;
  	height: 30px;
	width: 30px;
	padding-right: 15px !important;
	background-size: 30px 30px;
	background-repeat: no-repeat;}

#et-secondary-menu li.mail a:before {
 	background-image: url('/wp-content/uploads/2025/10/mail.svg');}

/* #et-secondary-menu li.mail:hover a:before {
 	background-image: url('/wp-content/uploads/2025/10/mail-orange.svg');} */

#et-secondary-menu li.telefon a:before {
 	background-image: url('/wp-content/uploads/2025/10/telefon.svg');}

/* #et-secondary-menu li.telefon:hover a:before {
 	background-image: url('/wp-content/uploads/2025/10/telefon-orange.svg');} */

#et-secondary-menu li.termine a:before {
 	background-image: url('/wp-content/uploads/2025/11/termin.svg');}

#et-secondary-menu li.kontakt a:before {
 	background-image: url('/wp-content/uploads/2025/11/kontakt.svg');}

#et-secondary-menu li:hover {
	transform: translate(0, 0) !important;
	transition: transform 0.5s !important;}


@media (max-width: 980px){

	.et_secondary_nav_enabled #page-container #top-header {
		display: none !important;}
	
}


/* AUFMACHER */

#aufmacher {
	height: 100vh !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	overflow: hidden !important;}

#aufmacher .et_pb_row {
	width: 100% !important;
	max-width: unset !important;
	height: 100% !important;
	position: relative !important;}

#aufmacher .et_pb_column {
	position: unset !important;}

#aufmacher .aufmacher-text,
#aufmacher .aufmacher-scale-layer,
#aufmacher .aufmacher-midlayer,
#aufmacher .aufmacher-toplayer,
#aufmacher .aufmacher-graph {
	position: absolute !important;
	bottom: 0 !important;
	width: 100% !important;
	max-width: unset !important;
	margin-bottom: unset !important;}

#aufmacher .aufmacher-text {
	z-index: 5 !important;
	text-align: left !important;
	width: 80% !important;
	margin: 0 10% !important;
	max-width: 1920px !important;
	top: 43vh !important;
	bottom: unset !important;
	transform: translate(0, -50%) !important;}

#aufmacher .aufmacher-text h1 {
	font-size: 6.5vw !important;
	line-height: 7vw !important;
	font-weight: 700;
	color: white !important;}

#aufmacher .aufmacher-text h2 {
	font-size: 2.5rem !important;
	line-height: 3rem !important;
	font-weight: 700;
	color: white !important;}

#aufmacher .et_pb_image .et_pb_image_wrap,
#aufmacher .et_pb_image .et_pb_image_wrap img {
	width: 100% !important;
	max-width: unset !important;}

#aufmacher .aufmacher-midlayer {
	z-index: 0;}

#aufmacher .aufmacher-graph {
	z-index: 0;
	bottom: unset !important;
	top: 50% !important;
	transform: translate(0, -50%) !important;}

#aufmacher .aufmacher-scale-layer {
	z-index: 3;}

#aufmacher .aufmacher-toplayer {
	z-index: 4;}

#aufmacher .scroll-down-arrow {
	position: absolute !important;
	left: 0;
	top: 0;
	height: 100% !important;}

#aufmacher .scroll-down-arrow .et_pb_column,
#aufmacher .scroll-down-arrow .et_pb_module,
#aufmacher .scroll-down-arrow .et_pb_module_inner,
#aufmacher .scroll-down-arrow .dsm_lottie_wrapper {
	height: 100% !important;}

#aufmacher .scroll-down-arrow svg {
	position: absolute !important;
	left: 50% !important;
	bottom: 50px !important;
	transform: translate(-50%, 0px) !important;
	width: 100px !important;
	height: auto !important;
	z-index: 7 !important;}


@media (max-width: 1500px){

#aufmacher .aufmacher-text h1 {
	font-size: 6rem !important;
	line-height: 6.5rem !important;}

#aufmacher .aufmacher-text h2 {
	font-size: 2rem !important;
	line-height: 2.5rem !important;}

}

@media (max-width: 1400px){

#aufmacher .aufmacher-text {
	z-index: 5 !important;}
	
#aufmacher .scroll-down-arrow svg {
	width: 70px !important;}
	
}


@media (max-width: 980px){

#aufmacher .aufmacher-text h1 {
	font-size: 4rem !important;
	line-height: 4.5rem !important;}

#aufmacher .aufmacher-text h2 {
	font-size: 2rem !important;
	line-height: 2.5rem !important;}

}

@media (max-width: 680px){

#aufmacher .aufmacher-text h1 {
	font-size: 3.5rem !important;
	line-height: 4rem !important;}

#aufmacher .aufmacher-text h2 {
	font-size: 2rem !important;
	line-height: 2.5rem !important;}

}


/* AUFMCHER-PLATZHALTER */

.et_pb_section.aufmacher-platzhalter {
	min-height: 150px !important;
	padding: unset !important;}

@media (max-width: 1500px){

.et_pb_section.aufmacher-platzhalter {
	min-height: 120px !important;}

}


/* LEISTUNGEN */

@media (max-width: 1800px){

#leistungen .et_pb_column {
	width: 100% !important;
	margin-right: unset !important;}
	
#leistungen .et_pb_column:not(.leistungspunkte) .et_pb_text {
	margin-bottom: 3rem !important;}

}


/* LEISTUNGSPUNKTE */

.leistungspunkte {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 1rem !important;}

.leistungspunkte .et_pb_module {
	margin-bottom: unset !important;}

.leistungspunkte .et_pb_module.vollsize {
	grid-column-start: 1 !important;
	grid-column-end: 4 !important;}

.leistungspunkte .et_pb_text {
	background-color: white;
	padding: 4rem;}

.leistungspunkte .et_pb_text h3 {
	padding-bottom: 1.5rem;
	color: #634E42 !important;
	hyphens: unset !important;}

.leistungspunkte .et_pb_text p.clamp-text {
	width: 100% !important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	padding-bottom: 0 !important;
	margin-bottom: 1.5rem;}

.leistungspunkte .et_pb_text a {
	text-decoration: unset !important;
	color: #96C01E !important;
	padding-bottom: 5px !important;
	border-bottom: 1px solid #96C01E;}

.leistungspunkte .et_pb_text:hover {
	background-color: #96C01E !important;}

.leistungspunkte .et_pb_text:hover a,
.leistungspunkte .et_pb_text:hover h4 {
	color: white !important;}

.leistungspunkte .et_pb_text:hover a {
	border-color: white !important;}

.leistungspunkte .et_pb_text a:hover {
	font-weight: 600 !important;}

@media (max-width: 1800px){

	.leistungspunkte .et_pb_text h3 {
		font-size: 1.5rem !important;
		line-height: 2rem !important;}
	
}

@media (max-width: 1500px){

	.leistungspunkte {
		grid-template-columns: repeat(1, 1fr) !important;}
	
	.leistungspunkte .et_pb_module.vollsize {
		grid-column-start: unset !important;
		grid-column-end: unset !important;}
	
}


/* AKKORDEON */

.et_pb_toggle {
	padding: 20px !important;
	background-color: transparent !important;
	border-top: unset !important;
	border-right: unset !important;
	border-bottom: solid 1px rgba(99, 78, 66, .5) !important;
	border-left: unset !important;
	margin-bottom: unset !important;
	transition: padding 0.5s ease-in-out !important;}

.et_pb_toggle_open {
	padding: 50px 50px 50px 20px !important;}

.et_pb_toggle:hover,
.et_pb_toggle_open {
	background-color: #DED6D1 !important;}

.et_pb_toggle .et_pb_toggle_title {
	font-size: 1.5625rem !important;
	line-height: 2.0625rem !important;
	font-weight: 400 !important;
	padding: 0 0 0 50px !important;
	color: #634E42 !important;}

.et_pb_toggle .et_pb_toggle_title:before {
	right: unset;
	left: 0;
	content: "3";
	font-size: 1.5rem !important;
	color: #634E42 !important;}

.et_pb_toggle_open .et_pb_toggle_title:after {
	content: "2";
	font-family: ETmodules !important;
	font-weight: 400;
	text-transform: none;
	position: absolute;
	right: unset;
	left: 0;
	font-size: 1.5rem !important;
	color: #634E42 !important;}

.et_pb_toggle .et_pb_toggle_content {
	padding-left: 50px !important;}

@media (max-width: 980px){

	.et_pb_toggle .et_pb_toggle_title {
		font-size: 1.3rem !important;
		line-height: 1.8rem !important;}

}

	
@media (max-width: 680px){

	.et_pb_toggle .et_pb_toggle_title {
		font-size: 1rem !important;
		line-height: 1.5rem !important;}

}


/* KUNDENSTIMMEN (SLIDER) */

#kundenstimmen h3 {
	color: #634E42 !important;}

#kundenstimmen {
	background-color: rgba(255, 255, 255, .5) !important;
	padding: 3rem 6rem 10vw 6rem;
	overflow: hidden;}

#kundenstimmen .et_pb_module {
	margin-bottom: unset;}

#kundenstimmen .graphen {
	position: absolute !important;
	right: 0;
	bottom: 4vw;
	width: 60%;
	margin: auto;
	z-index: -2;
	opacity: .3;}

#kundenstimmen .bergpanorama {
	position: absolute !important;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: -1;}

#kundenstimmen .et_pb_ajax_pagination_container:before {
	content: url("/wp-content/uploads/2025/12/anfuehrungen-full.svg");
	position: absolute;
	left: -2rem;
	bottom: 50%;
	transform: translate(0, 50%);
	width: 6rem;
	height: auto;
	z-index: -1;
	opacity: .2 !important;}

#kundenstimmen .et_pb_ajax_pagination_container:after {
	content: url("/wp-content/uploads/2025/12/anfuehrungen-full.svg");
	position: absolute;
	right: 2rem;
	top: 0;
	width: 6rem;
	height: auto;
	z-index: -1;
	rotate: 180deg;
	opacity: .2 !important;}

#kundenstimmen .et_pb_ajax_pagination_container .slick-prev,
#kundenstimmen .et_pb_ajax_pagination_container .slick-next {
	background: #634E42 !important;
	-webkit-transform: unset !important;
	transform: unset !important;
	height: 50px;
	width: 50px;}

#kundenstimmen .et_pb_ajax_pagination_container .slick-prev:hover,
#kundenstimmen .et_pb_ajax_pagination_container .slick-next:hover {
	background: #96C01E !important;}

#kundenstimmen .et_pb_ajax_pagination_container .slick-prev {
	position: absolute !important;
	top: unset;
	left: 0;
	bottom: 0;}

#kundenstimmen .et_pb_ajax_pagination_container .slick-next {
	position: unset !important;
	margin-left: 55px;}

#kundenstimmen .et_pb_ajax_pagination_container .slick-prev:before,
#kundenstimmen .et_pb_ajax_pagination_container .slick-next:before {
	font-size: 2rem !important;
	line-height: 2.5rem !important;}

#kundenstimmen .et_pb_ajax_pagination_container .slick-prev:before {
	font-family: 'ETModules';
	font-size: 1rem;
	line-height: 1.5rem;
	opacity: 1;
	color: white;
	content: "#";}

#kundenstimmen .et_pb_ajax_pagination_container .slick-next:before {
	font-family: 'ETModules';
	font-size: 1rem;
	line-height: 1.5rem;
	opacity: 1;
	color: white;
	content: "$";}

#kundenstimmen .slick-slider {
	display: grid !important;
	gap: 1rem;
	margin-top: 2rem;}

#kundenstimmen .et_pb_ajax_pagination_container .et_pb_post {
	display: grid;
	grid-template-areas: "titel" "inhalt" "datum";
	margin-bottom: 0 !important;}

#kundenstimmen .et_pb_ajax_pagination_container .et_pb_post .entry-title {
 	grid-area: titel;
	font-family: 'Plus-Jakarta-Sans' !important;
	text-transform: unset !important;}

#kundenstimmen .et_pb_ajax_pagination_container .et_pb_post .post-meta {
 	grid-area: datum;
	margin-top: 3rem;
	display: flex;
	flex-direction: column-reverse;}

#kundenstimmen .et_pb_ajax_pagination_container .et_pb_post .post-content {
 	grid-area: inhalt;}

#kundenstimmen .et_pb_ajax_pagination_container .et_pb_post h2 {
	font-size: 1rem !important;
	line-height: 1.5rem !important;
	padding-bottom: 0 !important;}

#kundenstimmen .et_pb_ajax_pagination_container .et_pb_post h2 a {
	color: #95C01E !important;}

#kundenstimmen .et_pb_ajax_pagination_container .et_pb_post a {
	color: #634E42 !important;}

@media (max-width: 980px){

#kundenstimmen {
	padding: 3rem 3rem 10vw 3rem !important;}

}


/* KUNDENSTIMMEN (ÜBERSICHT) */

#kundenstimmen-uebersicht .et_pb_post {
	display: grid;
	grid-template-areas: "title" "content" "meta";
	padding-bottom: 3rem !important;
	margin-bottom: 3rem !important;
	border-bottom: 1px solid rgba(99, 78, 66, .5) !important;}

#kundenstimmen-uebersicht .et_pb_post .entry-title {
	grid-area: title;}

#kundenstimmen-uebersicht .et_pb_post .post-meta {
	grid-area: meta;
	margin-top: 1rem;
	display: flex;
	flex-direction: column-reverse;}

#kundenstimmen-uebersicht .et_pb_post .post-content {
	grid-area: content;}

#kundenstimmen-uebersicht .et_pb_post a {
	color: #634E42 !important;}

#kundenstimmen-uebersicht .et_pb_post h2,
#kundenstimmen-uebersicht .et_pb_post h2 a {
	font-size: 1.375rem !important;
	line-height: 1.875rem !important;
	color: #96C01E !important;
	text-transform: unset !important;
	margin-bottom: 1rem !important;}

/* KUNDENSTIMMEN WP PAGE NAVI */

#kundenstimmen-uebersicht .wp-pagenavi {
	border-top: unset !important;
	display: flex;
	width: 100%;
	position: absolute;
	justify-content: left;}

#kundenstimmen-uebersicht .wp-pagenavi span.pages {
	display: none !important;}

#kundenstimmen-uebersicht .wp-pagenavi a {
	color: #634E42 !important;
	border: unset !important;}

#kundenstimmen-uebersicht .wp-pagenavi span.current {
	color: white !important;
	background: #96C01E !important;
	display: inline-flex !important;
	height: 30px;
	width: 30px;
	justify-content: center;
	align-items: center;
	border: unset !important;}

#kundenstimmen-uebersicht .wp-pagenavi a:hover {
	color: #96C01E !important;}


/* TEAM */

.team .mitarbeiter {
	margin-bottom: unset !important;}

.team.einzel .zweierreihe {
	grid-template-columns: 80% !important;}

.team.einzel .zweierreihe .mitarbeiter .info-text {
	width: 45% !important;}

.team.einzel .zweierreihe .mitarbeiter .info-text p {
	margin-bottom: unset !important;}

.team .mitarbeiter .et_pb_code_inner:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	background: #96C01E !important;}

.team .mitarbeiter .et_pb_code_inner {
	aspect-ratio: 2/1 !important;
	width: 100% !important;
	overflow: hidden;}

.team .mitarbeiter .et_pb_code_inner:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: .6;
	mix-blend-mode: multiply;
	background: linear-gradient(90deg,rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 1) 100%) !important;}

.team .mitarbeiter.rechts .et_pb_code_inner:after {
	background: linear-gradient(90deg,rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 0) 100%) !important;}

.team .mitarbeiter .et_pb_code_inner .mitarbeiterbild {
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	width: 100%;
	object-fit: contain;
	z-index: -1;}

.team .mitarbeiter .et_pb_code_inner .info-text {
	width: 33%;
	position: absolute;
	top: 50%;
	right: 10%;
	transform: translate(0, -50%);
	z-index: 1;}

.team .mitarbeiter.rechts .et_pb_code_inner .info-text {
	left: 10% !important;}

.team .mitarbeiter .et_pb_code_inner .info-text h3,
.team .mitarbeiter .et_pb_code_inner .info-text p,
.team .mitarbeiter .et_pb_code_inner .info-text a {
	color: white !important;}

.team .mitarbeiter .et_pb_code_inner .info-text h3 {
	font-size: 1.8rem !important;
	line-height: 2.3rem !important;
	text-transform: uppercase !important;}

.team .mitarbeiter .et_pb_code_inner .info-text p {
	font-size: 1rem !important;
	line-height: 1.5rem !important;
	margin-bottom: 3rem !important;}

.team .mitarbeiter .et_pb_code_inner .info-text a {
	text-decoration: unset !important;}

.team .mitarbeiter .et_pb_code_inner .info-text a:hover {
	text-decoration: underline !important;}

@media (max-width: 1600px){

.team .mitarbeiter .et_pb_code_inner .info-text p {
	font-size: 1rem !important;
	line-height: 1.5rem !important;
	margin-bottom: 1.5rem !important;}
	
.team:not(.einzel) .mitarbeiter .et_pb_code_inner {
	aspect-ratio: 2/1 !important;}
	
.team:not(.einzel) .mitarbeiter .et_pb_code_inner .info-text h3 {
	font-size: 1.3rem !important;
	line-height: 1.6rem !important;}
	
}

@media (max-width: 1200px){

.team .mitarbeiter .et_pb_code_inner .info-text h3 {
	font-size: 1.3rem !important;
	line-height: 1.8rem !important;}
	
}

@media (max-width: 680px){

.team.einzel .zweierreihe {
	grid-template-columns: 100% !important;}

.team.einzel .mitarbeiter .et_pb_code_inner .info-text {
	width: 100% !important;
	padding: 1rem !important;
	right: unset !important;
	left: 0 !important;}

.team .mitarbeiter .et_pb_code_inner .info-text {
	width: 40% !important;}
	
.team .mitarbeiter .et_pb_code_inner .info-text h3 {
	padding-bottom: 3px !important;}
	
.team .mitarbeiter .et_pb_code_inner .info-text p {
	margin-bottom: 3px !important;}
	
}


/* FULLSIZEBILD */

.fullsizebild {
	height: 600px !important;
	width: 100% !important;
	max-width: unset !important;}


/* BACKGROUNDLOGO */

.backgroundlogo:before {
	content: url("/wp-content/uploads/2025/12/background-vector.svg");
	position: absolute !important;
	top: 50% !important;
	left: 0 !important;
	transform: translate(0, -50%) !important;
	width: 100% !important;
	height: auto !important;
	opacity: 0.5 !important;}


/* ERSTGESPRÄCH */

#erstgespraech.et_pb_section {
	padding: 15rem 0 !important;}

#erstgespraech.et_pb_section h2 {
	text-transform: unset !important;}

@media (max-width: 980px){

.et_pb_button_module_wrapper>a {
	display: unset !important;
	box-decoration-break: clone !important;}

}

@media (max-width: 680px){
	
#erstgespraech.et_pb_section {
	padding: 5rem 0 !important;}

#erstgespraech.et_pb_section h2 {
	text-align: left !important;}
	
#erstgespraech.et_pb_section .et_pb_button_module_wrapper.et_pb_button_alignment_center {
	text-align: left !important;}
	
}


/* FÜNFERREIHE */

.fuenferreihe {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 2rem 5rem !important;}

.fuenferreihe .et_pb_column {
	width: 100% !important;
	margin-right: unset !important;}

@media (max-width: 1500px){
	.fuenferreihe {
		grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 1250px){
	.fuenferreihe {
		grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 1080px){
	.fuenferreihe {
		grid-template-columns: repeat(1, 1fr);}
}


/* FORMULAR */

.nf-form-title,
.nf-before-form-content {
	display: none !important;}

.nf-field-label .nf-label-span, 
.nf-field-label label {
	font-weight: 400 !important;}

input,
input.text, 
input.title, 
input[type=email], 
input[type=password], 
input[type=tel], 
input[type=text],
.field-wrap>div input[type=checkbox], 
select,
textarea {
	background-color: white !important;
	padding: 10px !important;
	border: unset !important;
	color: #634E42 !important;}

.nf-element::placeholder {
	color: #634E42 !important;
	opacity: 1;}

.checkbox-wrap {
	flex-direction: column !important;}

.checkbox-wrap .nf-field-label {
	padding-left: 25px !important;}

.checkbox-wrap .nf-field-element {
	position: absolute !important;}

.nf-field-description p {
	font-size: 0.9rem !important;
	line-height: 1.5rem !important;}

.field-wrap input[type=submit] {
	color: white !important;
	text-transform: uppercase !important;
	padding: 15px 50px !important;
	background-color: #634E42 !important;
	font-size: 1.075rem !important;
	text-decoration: unset !important;
	border: none !important;
	border-radius: unset !important;
	transition: background 0.5s ease-in-out !important;
	cursor: pointer !important;}

.field-wrap input[type=submit]:hover {
	background-color: #95C01E !important;}

.nf-field-container.html-container {
	margin-bottom: 10px !important;}

.nf-field-container.html-container p {
	font-size: 14px !important;
	font-weight: 600 !important;}


/* POPUPS */

.mfp-bg {
	background: rgba(0, 0, 0, 0.5) !important;}

.mfp-content {
	width: 80% !important;
	max-width: 1920px !important;
	height: fit-content !important;
	max-height: 80% !important;
	overflow: auto !important;
	background: white !important;
	padding: 6rem !important;}

.mfp-content h3 {
	color: #634E42 !important;}

.mfp-wrap b {
	font-weight: 700 !important;}

.mfp-wrap .mfp-close {
	top: 6rem !important;	
	right: 6rem !important;
	transform: translate(50%, -50%) !important;
	position: absolute !important;
	color: #634E42 !important;
	font-size: 2rem !important;
	font-weight: 100 !important;}

@media (max-width: 1250px){

	.mfp-content {
		padding: 5% !important;}

	.mfp-wrap .mfp-close {
		top: 5% !important;	
		right: 5% !important;}

}

@media (max-width: 680px){

	.mfp-wrap .mfp-close {
		top: 0 !important;	
		right: 0 !important;
		transform: unset !important;}

}


/* DREIERREIHE */

.dreierreihe {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem 5rem !important;}

.dreierreihe .et_pb_column {
	width: 100% !important;
	margin-right: unset !important;}

@media (max-width: 1250px){
	.dreierreihe {
		grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 1080px){
	.dreierreihe {
		grid-template-columns: repeat(1, 1fr);}
}


/* ZWEIERREIHE */

.zweierreihe {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem 5rem !important;}

.zweierreihe .et_pb_column {
	width: 100% !important;
	margin-right: unset !important;}

@media (max-width: 1500px){
	.zweierreihe {
		gap: 2rem !important;}
}

@media (max-width: 1080px){
	.zweierreihe {
		grid-template-columns: repeat(1, 1fr);}
}


/* EINERSLIDE */

.einerslide .et_pb_module {
	margin-bottom: unset !important;
}

.einerslide .slick-prev,
.einerslide .slick-next {
	width: auto;
	height: auto;
}

.einerslide .slick-prev::before,
.einerslide .slick-next::before {
	font-family: 'ElegantIcons';
	color: #101010;
	font-size: 2rem;
}

.einerslide .slick-prev::before {
	content: "4";
}

.einerslide .slick-next::before {
	content: "5";
}


/* DREIERSLIDE */

.dreierslide .et_pb_module {
	margin-bottom: unset !important;
}

.dreierslide .quader {
	width: 100%;
	aspect-ratio: 1;
	margin: 0 0.5rem;
}

.dreierslide .quader.et_pb_image .et_pb_image_wrap {
	display: contents !important;
}

.dreierslide .quader.et_pb_image .et_pb_image_wrap img {
	height: -webkit-fill-available !important;
	object-fit: cover !important;
}

.dreierslide .slick-prev,
.dreierslide .slick-next {
	width: auto;
	height: auto;
}

.dreierslide .slick-prev::before,
.dreierslide .slick-next::before {
	font-family: 'ElegantIcons';
	color: #101010;
	font-size: 2rem;
}

.dreierslide .slick-prev::before {
	content: "4";
}

.dreierslide .slick-next::before {
	content: "5";
}


/* MAGNIFIC POPUP */

img.mfp-img {
	max-height: 90vh !important;
}

.mfp-close {
  cursor: pointer !important;
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }


/* FOOTER  */

#footer.et_pb_section {
	padding: 50px 0 50px 0 !important;}

#footer.et_pb_section .et_pb_row {
	padding: 0 !important;}

#footer .fuenferreihe .et_pb_image img {
	max-height: 100px !important;
	object-fit: contain !important;}

#footer .fuenferreihe .et_pb_image img:hover {
	transform: scale(1.05) !important;
	transition: transform 0.5s !important;}

#footer a {
	color: #634E42 !important;
	text-decoration: unset !important;}

#footer a:hover {
	color: #95C01E !important;}


/* SOCKET  */

#socket .zweierreihe {
	grid-template-columns: 35% auto !important;}

#socket .et_pb_menu__wrap {
	justify-content: flex-end !important;}

#socket #menu-footer-menu {
	font-weight: 300 !important;}

#socket #menu-footer-menu.et-menu li {
	font-size: 1rem !important;}

#socket #menu-footer-menu a {
	color: #634E42 !important;
	opacity: 1 !important;}

#socket #menu-footer-menu li.current-menu-item a {
	color: #95C01E !important;}

.home #socket #menu-footer-menu li.current-menu-item a {
	color: #634E42 !important;}

#socket #menu-footer-menu a:hover {
	color: #95C01E !important;
	cursor: pointer !important;
	opacity: 1 !important;}

.home #socket #menu-footer-menu li.current-menu-item a:hover {
	color: #95C01E !important;}

.home #socket #menu-footer-menu li.current-menu-item a.mPS2id-highlight {
	color: #95C01E !important;}

@media (max-width: 1500px){
	
	#footer.et_pb_section .et_pb_row .et_pb_column {
		width: 30% !important;
		margin-right: 10% !important;}
	
	#footer.et_pb_section .et_pb_row .et_pb_column.fuenferreihe {
		width: 60% !important;
		margin-right: unset !important;
		gap: 2rem 3rem !important;}
	
	#footer .fuenferreihe .et_pb_image img {
		width: auto !important;}
	
	#socket .et_pb_row {
		padding: 0 !important;}
	
	#socket .et_pb_row .et_pb_module {
		margin-bottom: 0 !important;}

}

@media (max-width: 1350px){

#socket .zweierreihe {
	grid-template-columns: repeat(1, 1fr) !important;}
	
#socket .et_pb_menu__wrap {
	justify-content: flex-start !important;}

}


@media (max-width: 1250px){

	#footer .et_pb_row.content-center {
		display: block !important;}
	
	#footer .et_pb_row.content-center .et_pb_column {
		width: 100% !important;
		margin-right: unset !important;}
	
	#footer.et_pb_section .et_pb_row .et_pb_column.fuenferreihe {
		width: 100% !important;
		margin-right: unset !important;
		gap: 3rem !important;}
	
	#footer .et_pb_row.content-center .et_pb_column.adresse {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 2rem !important;}
	
	#footer .et_pb_row.content-center .et_pb_column .et_pb_image {
		margin-bottom: unset !important;}
	
	#footer .et_pb_row.content-center .et_pb_column .et_pb_image img {
		width: revert-layer !important;}

	#footer .et_pb_row.content-center .fuenferreihe {
		grid-template-columns: repeat(5, 1fr) !important;}
	
	#footer .et_pb_column:first-child {
		margin-bottom: 5rem !important;}

}

@media (max-width: 1080px){

	#footer .et_pb_row.content-center .fuenferreihe {
		grid-template-columns: repeat(3, 1fr) !important;}
	
	#socket .et_pb_menu__wrap {
		justify-content: flex-start !important;}

	#socket .et_pb_menu__wrap .et_pb_menu__menu {
		display: flex !important;}

	#socket .et_pb_menu__wrap .et_mobile_nav_menu {
		display: none !important;}

}

@media (max-width: 680px){
	
	#footer .et_pb_row.content-center .et_pb_column.adresse {
		grid-template-columns: repeat(1, 1fr) !important;}

	#footer .et_pb_row.content-center .fuenferreihe {
		grid-template-columns: repeat(2, 1fr) !important;}

}



/* ELEGANT ICONS */

@font-face {
  font-display: swap;
  font-family: 'ElegantIcons';
  font-style: normal;
  font-weight: 400;
  src: url('../Divi-Child/fonts/ElegantIcons.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Divi-Child/fonts/ElegantIcons.woff') format('woff'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* BARLOW */

@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 100;
  src: url('../Divi-Child/fonts/Barlow-ExtraLight.woff') format('woff');}

@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 200;
  src: url('../Divi-Child/fonts/Barlow-Light.woff') format('woff');}

@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('../Divi-Child/fonts/Barlow-Thin.woff') format('woff');}

@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('../Divi-Child/fonts/Barlow-Regular.woff') format('woff');}

@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('../Divi-Child/fonts/Barlow-Medium.woff') format('woff');}

@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('../Divi-Child/fonts/Barlow-SemiBold.woff') format('woff');}

@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('../Divi-Child/fonts/Barlow-Bold.woff') format('woff');}

@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  src: url('../Divi-Child/fonts/Barlow-ExtraBold.woff') format('woff');}

@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  src: url('../Divi-Child/fonts/Barlow-Black.woff') format('woff');}


/* PLUS JAKARTA SANS */

@font-face {
  font-display: swap;
  font-family: 'Plus-Jakarta-Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../Divi-Child/fonts/PlusJakartaSans-ExtraLight.woff') format('woff');}

@font-face {
  font-display: swap;
  font-family: 'Plus-Jakarta-Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../Divi-Child/fonts/PlusJakartaSans-Light.woff') format('woff');}

@font-face {
  font-display: swap;
  font-family: 'Plus-Jakarta-Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../Divi-Child/fonts/PlusJakartaSans-Regular.woff') format('woff');}

@font-face {
  font-display: swap;
  font-family: 'Plus-Jakarta-Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../Divi-Child/fonts/PlusJakartaSans-Medium.woff') format('woff');}

@font-face {
  font-display: swap;
  font-family: 'Plus-Jakarta-Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../Divi-Child/fonts/PlusJakartaSans-SemiBold.woff') format('woff');}

@font-face {
  font-display: swap;
  font-family: 'Plus-Jakarta-Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../Divi-Child/fonts/PlusJakartaSans-Bold.woff') format('woff');}


@font-face {
  font-display: swap;
  font-family: 'Plus-Jakarta-Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../Divi-Child/fonts/PlusJakartaSans-ExtraBold.woff') format('woff');}