/*
 Theme Name:     HEIMATHELD
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */
:root {
	--primary-color: #007bff;
	--secondary-color: #063127;
	--bg-grey: #f9f9f9;
}

body.home {
    background-color: #f9f9f9;
}

body, html, p, span, h1, h2, h3, h4, h5 {
	hyphens: auto;
}

body:not(.home) .et_pb_row_0_tb_header {
    background-color: RGBA(0, 0, 0, .85);
}
body:not(.home) .et_pb_sticky .et_pb_row_0_tb_header {
    background-color: #FFFFFF;
}

body.home #main-content {
    top: -100px;
    position: relative;
}

.title-subline {
    text-transform: uppercase;
    font-size: 18px;
    margin: 0 0 15px 0;
    display: block;
    color: var(--secondary-color);
}

.has_et_pb_sticky .et_pb_menu_0_tb_header.et_pb_menu ul li a {
	color: #000 !important;
}

#hero-content .et_pb_fullwidth_header_container {
    width: 90%;
    max-width: 1920px;
}

#leistungen {
	overflow: hidden;
}

@media (min-width: 1024px){
	#leistungen #leistung-text:after {
		content: "";
		position: absolute;
		top: -25px;
		left: -45px;
		width: 200%;
		height: 325%;
		background: var(--bg-grey);
		z-index: -1;
	}
}
#leistungen .et_pb_bg_layout_dark .et_pb_slide_description {
    text-shadow: none;
}
#leistungen-slider .et_pb_slides, #leistungen-slider .et_pb_blurb {
	overflow: visible !important;
	height: 100%;
}
#leistungen-slider {
	overflow: visible !important;
	position: relative;
}
#leistungen-slider-holder:before {
    content: "";
    width: 30%;
    height: 100%;
    display: block;
    background: none;
    position: absolute;
    top: -160px;
    left: -85px;
    background-size: contain;
    background-repeat: no-repeat;
}
#leistungen-slider .et_pb_slide {
    padding: 0;
}
#leistungen-slider #leistungen-wrapper {
    width: 100%;
    max-width: 100%;
}
#leistungen-slider .et_pb_main_blurb_image {
    position: absolute;
    top: -105px;
    right: -55px;
	background: #fdc110;
    border-radius: 100%;
    padding: 25px;
    color: #fff;
}
#leistungen-slider .et_pb_module_header {
    color: #666 !important;
}
#leistungen-slider .et-pb-arrow-prev,
#leistungen-slider .et-pb-arrow-next {
	opacity: 1 !important;
	visibility: visible !important;
	transition: none;
	color: #063127;
}
#leistungen-slider .et-pb-arrow-prev,
#leistungen-slider .et-pb-arrow-next {
	top: auto;
	bottom: -50px;
	transform: none;
	font-size: 55px;
}
#leistungen-slider .et-pb-arrow-prev {
	left: 0;
}
#leistungen-slider .et-pb-arrow-next {
	right: auto;
    left: 35px;
}

.et_pb_row_0_tb_footer {
    position: absolute;
    bottom: 0;
    left: 30px;
}
@media (max-width:1023px) {
	.footer-menu {
		background: #052524;
		padding: 20px;
		display: inline-block;
	}
}
.footer-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
@media (min-width:1024px) {
	.footer-menu ul {
		display: flex;
		gap: 20px;
	}
}
.footer-menu ul li a {
    color: #fff;
}