/*
Theme Name:     Divi Child
Theme URI:      http://www.elegantthemes.com
Description:    Divi Child
Template:       Divi
Version:        1.0.0
Projekt:        Home Repairs
Webdesign:      Luber Design & 1407Design
*/

/*------------------------------------*\
  #COLORS
\*------------------------------------*/
:root {
	--green: #94c356;
	--blue2: #77cfd3;
	--white: #ffffff;
	--darkgrey: #575756;
	--font: 'Roboto', sans-serif;
	--headline: 'Viga', sans-serif;
}


/*------------------------------------*\
  #GENERAL
\*------------------------------------*/
html,
body {
	scroll-behavior: auto !important;
}

.et_pb_text {
	overflow-wrap: normal;
}

.et_pb_text strong,
.et_pb_text b {
	font-weight: 500;
}

.et_pb_scroll_top.et-pb-icon {
	background: rgba(0, 0, 0, 0.4);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	text-decoration: none;
}


/*------------------------------------*\
  #HEADER
\*------------------------------------*/
.et_pb_menu .et-menu > li {
	padding-left: 15px;
	padding-right: 15px;
}

.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a {
	padding: 0;
}

.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li.active > a {
	color: var(--green);
}

/* CTA-Button im Menü */
.et_pb_menu_0_tb_header.et_pb_menu ul li.menu-cta a {
	background: var(--blue1);
	color: var(--white);
	text-transform: uppercase;
	padding: 15px;
	border-radius: 25px;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li.menu-cta.current-menu-item > a,
.et_pb_menu_0_tb_header.et_pb_menu ul li.menu-cta.current-menu-ancestor > a,
.et_pb_menu_0_tb_header.et_pb_menu ul:not(.sub-menu) > li.menu-cta.current-menu-ancestor > a {
	color: var(--white) !important;
}


/*------------------------------------*\
  #HEADER – STICKY (Desktop)
\*------------------------------------*/
@media (min-width: 1200px) {
	#page-container,
	#et-main-area,
	html,
	body {
		overflow: visible !important;
	}

	header,
	header.et-l,
	.et-l--header {
		position: sticky !important;
		top: 0 !important;
		z-index: 99999 !important;
	}

	header,
	header .et_pb_section,
	header .et_pb_row {
		min-height: 0 !important;
		height: auto !important;
	}

	header .et_pb_section {
		transition: padding 0.2s ease-in-out !important;
	}

	header.is-scrolled .et_pb_section {
		padding-top: 1.3rem !important;
		padding-bottom: 1.3rem !important;
	}

	header .et_pb_image_0_tb_header {
		transition: height 0.2s ease-in-out !important;
	}

	header.is-scrolled .et_pb_image_0_tb_header,
	header.is-scrolled .et_pb_image_0_tb_header img {
		height: 120px !important;
	}
}


/*------------------------------------*\
  #RESPONSIVE
\*------------------------------------*/

/* Tablet */
@media (max-width: 1200px) {
	.preset--module--divi-heading--default .et_pb_heading_container h1,
	.preset--module--divi-heading--default .et_pb_heading_container h2 {
		font-size: 45px !important;
	}

	.et_pb_menu .et-menu > li {
		padding-left: 10px;
		padding-right: 10px;
	}

	.et_pb_menu_0_tb_header .et_pb_menu_inner_container > .et_pb_menu__logo-wrap .et_pb_menu__logo img,
	.et_pb_menu_0_tb_header .et_pb_menu__logo-slot .et_pb_menu__logo-wrap img {
		height: 80px !important;
	}

	.et_pb_menu_0_tb_header.et_pb_menu ul li a {
		font-size: 16px !important;
		text-align: center;
	}

	.et_pb_menu_0_tb_header.et_pb_menu ul li.menu-cta a {
		color: var(--white) !important;
	}

	.et_mobile_menu li a {
		padding: 10px 0;
		border: 0;
	}

	.et_pb_menu .et_mobile_menu {
		padding: 1rem;
	}

	.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu {
		margin-top: 1rem;
	}

	.et_pb_text_inner h2 {
		font-size: 28px !important;
	}
}

/* Mobile */
@media (max-width: 980px) {
	.et_pb_menu_1_tb_header.et_pb_menu ul li a {
		font-size: 20px !important;
	}

	.et_pb_menu.et_flex_module .et_pb_menu__wrap {
		width: 100%;
	}

	.et_pb_menu .et_mobile_nav_menu {
		float: none;
		margin: 0 6px;
		display: flex;
		align-items: center;
		width: 100%;
		text-align: center;
		justify-content:center;
	}

	.et_mobile_menu.mobile-nav li a {
		font-size: 20px !important;
	}
}


/*------------------------------------*\
  #ACCORDEON
\*------------------------------------*/
.custom-accordion {
	max-width: 100%;
	margin: 0 auto;
	color: var(--black);
}

.custom-accordion .accordion-item {
	border-bottom: 3px solid var(--green);
	margin-bottom: 1rem;
}


.custom-accordion .accordion-header {
	width: 100%;
	display: flex;
	align-items: center;
	background: none;
	border: none;
	padding: 14px 0;
	cursor: pointer;
	text-align: left;
	font-family: inherit;
	color: inherit;
	outline: none;
}

.custom-accordion .icon-left {
	width: 55px;
	height: 55px;
	margin-right: 15px;
	object-fit: contain;
	flex-shrink: 0;
}

.custom-accordion .accordion-title {
	flex-grow: 1;
	font-size: 32px;
	font-weight: bold;
}

.custom-accordion .caret-icon {
	width: 40px;
	height: 40px;
	fill: var(--black);
	transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.custom-accordion .accordion-item.is-open .caret-icon {
	transform: rotate(180deg);
}

.custom-accordion .accordion-wrapper {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.custom-accordion .accordion-item.is-open .accordion-wrapper {
	grid-template-rows: 1fr;
}

.custom-accordion .accordion-content {
	overflow: hidden;
	min-height: 0;
	font-size: 20px;
	font-weight: 400;
	padding-left: 70px;
}

.custom-accordion .accordion-content p,
.custom-accordion .accordion-content ul {
	padding-bottom: 20px;
	margin: 0;
	line-height: 1.6;
	color: var(--black);
}

.custom-accordion .accordion-content ul {
	padding-left: 20px;
}

.custom-accordion .accordion-content li {
	margin-bottom: 6px;
}

.custom-accordion .hinweis {
	display: flex;
	flex-direction: row;
	margin-left: -70px;
}


/*------------------------------------*\
  #HONIG-DEKORATION
\*------------------------------------*/
#vorteile::before {
	content: '';
	background-image: url('/wp-content/uploads/2026/07/honig.svg');
	height: 120px;
	width: 500px;
	background-repeat: no-repeat;
	background-position: top right;
	position: absolute;
	right: 0;
	top: -50px;
	z-index: 9;
}


/*------------------------------------*\
  #ACCORDEON – RESPONSIVE
\*------------------------------------*/
@media (max-width: 960px) {
	.custom-accordion .accordion-title {
		font-size: 22px;
	}

	.custom-accordion .accordion-content {
		padding-left: 0;
	}

	.custom-accordion .hinweis {
		margin-left: 0;
	}
}