/*
 Theme Name:	 Woodmart Child
 Description:	Woodmart Child Theme
 Author:			 XTemos
 Author URI:	 http://xtemos.com
 Template:		 woodmart
 Version:			1.0.0
 Text Domain:	woodmart
*/

:root {
	--color-primary: #00AABE;
	--color-red: #E5202E;
	--color-white: #ffffff;
	--color-dark: #333333;
	--color-bg-grey: #F5F7F7;
	--color-primary-dark: #003238;
	--color-primary-hover: #008291;
}

body.archive .archive-meta p,
body h1,
body h2,
body h3,
body h4 {
	text-transform: uppercase;
}

div,
div a,
body h2 + p,
body h3 + p {
	font-size: 20px;
}

body.archive .archive-meta p {
	font-weight: 700!important;
	max-width: 400px;
	margin-bottom: 30px;
}
body.archive .archive-meta p:first-line {
	font-weight: 400!important;
}

body.archive .archive-meta p,
body h1 {
	font-size: 62px;
	font-weight: 400;
	line-height: 62px;
}
body h1 > strong {
	font-weight: 700;
}


/*======NAV====*/
body header.whb-default_header:not(.whb-sticked) .wd-header-nav {
	margin-top:-20px;
	margin-left: 40px;
}

body .wd-nav[class*="wd-style-"]>li:is(.wd-has-children,.menu-item-has-children)>a:after {
	color: #fff;
	font-size: 12px;
	margin-left: 7px;
}

body header.whb-header_997423 .wd-nav[class*="wd-style-"]>li:is(.wd-has-children,.menu-item-has-children)>a:after,
header.whb-sticked .wd-nav[class*="wd-style-"]>li:is(.wd-has-children,.menu-item-has-children)>a:after {
	color: var(--color-dark);
}


body header.whb-header_997423 .wd-nav[class*="wd-style-"]>li:hover>a:after,
header.whb-sticked .wd-nav[class*="wd-style-"]>li:hover>a:after,
html body header.whb-header_997423 .wd-nav[class*="wd-style-"]>li:is(.current-menu-item,.current-menu-parent)>a:after,
body header.whb-sticked .wd-nav[class*="wd-style-"]>li.current-menu-item>a:after {
	color: var(--color-red);
}

body .wd-header-nav #menu-hauptmenu li a {
	color: white !important;
	transition: color 0.3s ease !important;
}

body .wd-header-nav .wd-logo img {
	content: url('/dwpp_logo_rgb.png') !important;
	height: 80px !important;
	transition: all 0.3s ease !important;
}


body header.whb-header_997423 .whb-general-header>.container,
header.whb-sticked .whb-general-header>.container,
body .wd-header-nav.scrolled {
	background-color: white !important;
	border-radius: 15px !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
	margin-top:15px;
	padding: 7px;
}


html body.page-id-20 header.whb-sticked .wd-header-nav #menu-hauptmenu li.current-menu-item li a,
html body.page-id-20 header.whb-sticked .wd-header-nav #menu-hauptmenu li.current-menu-parent li a,
body header.whb-header_997423 .wd-header-nav #menu-hauptmenu li a,
body header.whb-sticked .wd-header-nav #menu-hauptmenu li a,
body .wd-header-nav.scrolled #menu-hauptmenu li a,
body header .wd-header-nav #menu-hauptmenu li li a,
body header.whb-header_997423 .wd-header-nav #menu-hauptmenu li:hover li a,
body header.whb-header_997423 .wd-header-nav #menu-hauptmenu li.current-menu-parent li a,
body header.whb-sticked .wd-header-nav #menu-hauptmenu li.current-menu-item li a {
	color: var(--color-dark) !important;
	font-weight: 600;
	font-size: 14px;
}


html body.page-id-20 header.whb-sticked .wd-header-nav #menu-hauptmenu li.current-menu-item li:hover a,
html body.page-id-20 header.whb-sticked .wd-header-nav #menu-hauptmenu li.current-menu-parent li:hover a,
body header.whb-sticked .wd-header-nav #menu-hauptmenu li a:hover,
body header .wd-header-nav #menu-hauptmenu li li:hover a,
body header.whb-sticked .wd-header-nav #menu-hauptmenu li li:hover a,
body header.whb-header_997423 .wd-header-nav #menu-hauptmenu li:hover a,
body header.whb-header_997423 .wd-header-nav #menu-hauptmenu li li:hover a,
body header.whb-header_997423 .wd-header-nav #menu-hauptmenu li.current-menu-item a,
body header.whb-sticked .wd-header-nav #menu-hauptmenu li.current-menu-item a,
body .wd-header-nav.scrolled #menu-hauptmenu li.current-menu-item a,
body header.whb-header_997423 .wd-header-nav #menu-hauptmenu li.current-menu-parent a,
body header.whb-sticked .wd-header-nav #menu-hauptmenu li.current-menu-parent a,
body .wd-header-nav.scrolled #menu-hauptmenu li.current-menu-parent a,
body header.whb-header_997423 .wd-header-nav #menu-hauptmenu li.current-menu-parent li.current-menu-item a,
body header.whb-sticked .wd-header-nav #menu-hauptmenu li.current-menu-item li.current-menu-item a {
	color: var(--color-red) !important;
}

body header.whb-header_997423 .whb-general-header-inner {
	height: 40px;
	max-height: 40px;
}

body .wd-nav[class*="wd-style-underline"] .nav-link-text:after {
	background-color: #fff;
}



body header.whb-header_997423 header .wd-main-logo {
	display: none!important;
}
body header.whb-header_997423 header .wd-sticky-logo {
	display: block!important;
}

body header .wd-header-nav #menu-hauptmenu li a {
	font-weight: 600;
	font-size: 14px;
}

body header.whb-header_997423 .wd-nav-main,
body header.whb-sticked .wd-nav-main {
	margin-left: 70px;
}

body .whb-sticky-shadow.whb-sticked .whb-main-header {
	box-shadow: none;
}


body header .wd-sticky-logo {
	margin-left: 30px;
}

/*** HEADER ALWAYS STICKY ***/
body header.whb-header_997423 {
	position: fixed;
	width: 100%;
	z-index: 100;
}
body header.whb-header_997423 .whb-main-header:before {
	height: 0!important;
}

body header.whb-header_997423 + .wd-page-content.main-page-wrapper {
	padding-top:120px;
}


body main {
	min-height: calc(100vh - 456px);
}


/*** LAYOUT NEW ***/

body .vc_section.vc_section-o-content-middle:not(.hero,.kontakt-map-form) {
	justify-content: center;
	max-width: 1190px !important;
	left: auto !important;
	width: 100% !important;
	margin-left: 0px;
	min-height: 0 !important;
}
/*
body .vc_section.vc_section-o-content-middle:not(.hero) .vc_column-inner  {
	padding-top: 0;
}
*/
body p,
body .text-left p,
body .right-text p {
	font-size: 14px;
	font-weight: 500;
}

body .wpb_text_column.image-text {
	max-width: 445px;
}

body .text-left .vc_empty_space,
body .right-text .vc_empty_space {
	max-height: 50px;
}


article.blog-design-masonry > .article-inner {
	min-height: 510px!important;
}

body .wd-post.blog-style-bg .article-body-container {
	min-height: 250px!important;
}

.wd-blog-element {margin-bottom: 50px;}

#kontakt .vc_column-inner {
	padding-left:75px;
}


body :is(ul,ol) li {
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	margin-bottom: 7px;
}

/*=======HERO===== */

.hero {
	overflow: visible !important;
	max-height: 800px;
	z-index: 1;
	margin-top: -150px;
}

.two-column-section {
	margin-top: 450px;
	gap: 20px;
	overflow: visible !important;
}

.installer-box,
.heatpump-box {
	text-align: right;
	display: flex;
	flex: 1;
	max-width: 600px;
	align-items: flex-end;
	min-height: 600px;
	height: auto;
	padding-bottom: 0 !important;
	transform: translateY(-50px);
}

.installer-box {
	background-color: var(--color-primary);
	color: var(--color-white);

}

.heatpump-box {
	background-color: var(--color-bg-grey);
	color: var(--color-dark);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
	border-right: 10px solid var(--color-red);
}

.heatpump-logo {
	max-width: 120px;
	margin-bottom: 20px;
}

.installer-content p,
.heatpump-content p {
	max-width: 500px;
	margin-left: 30%;
	line-height: 26px;
	font-size: 16px;
}

.heatpump-content h1,
.installer-content h1,
.heatpump-content h2,
.installer-content h2 {
	font-size: 42px;
	font-weight: 600;
	line-height: 1;
	text-align: right;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.installer-content h1,
.installer-content h2 {
	color:#fff;
}

.heatpump-content h1 > em,
.installer-content h1 > em,
.heatpump-content h2 > em,
.installer-content h2 > em {
	font-style: normal;
	font-size: 24px;
}

.heatpump-content h1,
.heatpump-content h2 {
	color: var(--color-red);
}

.heatpump-content,
.installer-content {
	font-size: 16px;
	line-height: 1.2;
	text-align: right;
}

/* =====Buttons====== */

.heatpump-button,
.installer-button {
	background-color: transparent !important;
	padding: 10px 14px;
	font-weight: bold;
	transition: all 0.3s ease;
	border-radius: 0;
	display: inline-block;
	text-align: right;
}

.vc_btn3.vc_btn3-color-white.vc_btn3-style-outline,
.installer-button {
	color: var(--color-white) !important;
	text-transform: none;
	font-weight: 700;
}

.installer-button:hover {
	background-color: var(--color-red);
	color: var(--color-white);
}

.heatpump-button>button {
	color: var(--color-red) !important;
	background-color: transparent !important;
	border-color: var(--color-red) !important;
	transition: all 0.3s ease !important;
	text-transform: none;
	font-weight: 700;
}

.heatpump-button>button:hover {
	color: var(--color-white) !important;
	background-color: var(--color-red) !important;
	border-color: var(--color-red) !important;
}

/*** FORM ***/
form {
	max-width: 570px;
}

.hidden-fields-container {
	display: none;
}

body label {
	font-size: 16px;
}

body #kontakt label {
	color: #fff;
}

input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], :root textarea, :root select {
	background: #fff;
	color: #000;
}

body div.wpcf7 input[type="submit"] {
	border: 2px solid var(--color-primary);
	background: transparent;
	text-transform: none;
	font-weight: 600;
	font-size: 16px;
	color: var(--color-primary);
	box-shadow: none;
}

body #kontakt div.wpcf7 input[type="submit"] {
	border-color: #fff;
	color: #fff;
}

body div.wpcf7 input[type="submit"]:hover,
body #kontakt div.wpcf7 input[type="submit"]:hover {
	border-color: var(--color-dark);
	background-color: var(--color-dark);
}


#map,
#map .vc_column-inner {
	padding: 0;
}

#map iframe {
	width: 100%;
	height: 100%;
}

#map {
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-direction: column;
	flex: 1;
}

#map iframe {
	flex: 1 1 auto;
	border: 0;
	min-height: 0;   /* wichtig in Flex-Layouts, damit das iFrame schrumpfen darf */
	min-width: 0;
}

#map,
#map .vc_column-inner,
#map .vc_column-inner > .wpb_wrapper,
#map .vc_column-inner > .wpb_wrapper > .wpb_text_column,
#map .vc_column-inner > .wpb_wrapper > .wpb_text_column > .wpb_wrapper,
#map .vc_column-inner > .wpb_wrapper > .wpb_text_column > .wpb_wrapper > .wpb_gmaps_widget,
#map .vc_column-inner > .wpb_wrapper > .wpb_text_column > .wpb_wrapper > .wpb_gmaps_widget > .wpb_wrapper,
#map .vc_column-inner > .wpb_wrapper > .wpb_text_column > .wpb_wrapper > .wpb_gmaps_widget > .wpb_wrapper > .wpb_map_wraper {
	height: 100%;
	min-height: 100%;
	block-size: 80dvh;
}


.icon1 {
	background: #1a474c;
	width: 100%;
	max-width: 228px;
	margin: 0 auto
}
.icon1 img {
	max-width: 128px;
}

.icon1.wpb_single_image .vc_single_image-wrapper {
	margin: 50px;
}

:is(ul,ol) li {
	font-size: 20px;
	line-height: 24px;
}

/*============TEXT after Hero========*/

.text-block h3 {
	color: var(--color-dark) !important;
	line-height: 1.2;
}

/*======BOXES======*/

.boxes {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 50px;
	justify-content: center;
}

.boxes a {
	color: #fff;
}

.clickable {
	cursor: pointer;
	-webkit-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
	-webkit-transition: border-color 300ms linear;
	-ms-transition: border-color 300ms linear;
	transition: border-color 300ms linear;	
}

#partnergrid .vc_col-sm-4.wpb_column.clickable .wpb_single_image {
	-webkit-transition: border-color 300ms linear;
	-ms-transition: border-color 300ms linear;
	transition: border-color 300ms linear;	
}

#partnergrid .vc_col-sm-4.wpb_column.clickable:hover .wpb_single_image {
	border-color: var(--color-primary-hover)!important;
}
.clickable:hover > .vc_column-inner {
	background-color: var(--color-primary-hover)!important;
	-webkit-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}

.box-unternehmen,
.box-team,
.box-download {
	width: 300px;
	height: 300px;
	display: flex;
	overflow: hidden;
	position: relative;
}

.icon-content {
	position: absolute;
	right: 0;
	padding-right: 20px;
	margin-top: 20px;
	color: white;
	top: 0;
}

.title-content {
	position: absolute;
	right: 0;
	width: 50%;
	color: white;
	bottom: 0;
	font-size: 20px;
	margin-right: 70px;
	margin-bottom: 10px;
	line-height: 1.2;
}

body .wd-content-layout {
	padding-bottom:0;
}

.vc_do_btn {
	margin-right:0;
	padding-right:0;
	padding-bottom:0;
}

/*** akkordeon effect ***/

.boxes-green {
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.boxes-green > .box-item {
	flex-grow: 1;
	height: 100px;
	position: relative;
	transition: all 300ms ease-in-out;
	width: auto;
	float: none;
}
.boxes-green > .box-item:hover {
	flex-grow: 1.5;
}
  


/*=====IMAGE TEXT SECTION======*/

.wpb_text_column.image-text {
	max-width: 575px;
}

.text-left > .vc_col-sm-6:first-child > .vc_column-inner:first-child {
	display: flex;
	flex-direction: row-reverse;
	padding-right: 70px;
}

.text-left .vc_btn3-container.vc_btn3-inline {
	padding-left: 0;
}


.section-text h2,
.section-text h3,
.section-text p,
.section-text .installer-button {
	padding-left: 60px;
}

.partner-txt p {
	font-size: 14px;
}

.partner-txt p,
.partner-txt h3 {
	margin-left: 25px;
}


/*======PARTNER===========*/

.gs_logo_single img {
	border: 10px solid #fff;
}
#partner.partner-txt {
	color: var(--color-white) !important;

}

/*====Installateur=====*/
.installer {
	position: relative;
	overflow: visible;
	display: flex;
	align-items: center;
	height: 100vh;
}

.split-text {
	width: 100%;
}

.split-text h1 {
	position: absolute;
	left: calc(50vw - 650px);
	top: 208px;
	font-weight: bold;
	font-size: 120px;
	line-height: 1;
	text-transform: uppercase;
	text-align: left;
	padding: 0 2rem;
	color: transparent;
	background: linear-gradient(to bottom, white 0%, white 80%, #003238 0%, #003238 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


/*======BOXES GREEN========*/
.boxes-green {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.box-item {
	/*width: 180px;*/
	min-height: 300px;
	display: flex;
	overflow: hidden;
	position: relative;
	opacity: 0.9;
	box-sizing: border-box;
	transition: transform 0.3s ease, box-shadow 0.3s ease, z-index 0.3s ease;
	cursor: pointer;
}

.box-item {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

.box-item img {
	opacity: 0.3;
}

.box-item.active,
.box-item:hover,
.box-item:hover img {
	opacity: 1;
}
/*
.box-item.active,
.box-item:hover {
	transform: scaleX(1.4);
	z-index: 10;
}
*/
.box-item p {
	font-size: 26px;
}

.icon-content-green {
	position: absolute;
	right: 0;
	padding-right: 10px;
	margin-top: 10px;
	top: 0;
}

.icon-content-green.icon-right {
	padding-right: 0px;
}

.icon-content-green img {
	width: 110px;
	height: auto;
}

.title-content-green {
	position: absolute;
	color: white;
	bottom: 0;
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.2;
	text-align: left;
}

.fixed-bg-text {
	position: fixed;
	top: 860px;
	right: 5%;
	text-align: right;
	font-size: 260px;
	color: rgba(245, 247, 247, 0.549);
	font-weight: bold;
	z-index: 0;
	line-height: 0.8;
	pointer-events: none;
	white-space: nowrap;
}

/*** SLIDER ***/
body .gs_logo_area.carousel_nav_pos--bottom .swiper-button-prev,
body .gs_logo_area.carousel_nav_pos--bottom .swiper-container-rtl .swiper-button-next {
	left:50px;
	border: 2px solid #fff;
}

body .gs_logo_area.carousel_nav_pos--bottom .swiper-button-next, 
body .gs_logo_area.carousel_nav_pos--bottom .swiper-container-rtl .swiper-button-prev {
	left: 60px;
	margin-right: 0;
	right: auto;
	border: 2px solid #fff;
}

body .gs_logo_area .swiper-button-next svg,
body  .gs_logo_area .swiper-button-prev svg {
	fill:#fff;	
}

body .gs_logo_area.carousel_nav_pos--bottom {
	padding-bottom: 35px;
}

/*=========Prinzipien*==========*/

.back-txt {
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	
	color: #F5F7F7 !important;
	z-index: 1;
	text-transform: uppercase;
	font-weight: bold;
	pointer-events: none;
}

.back-txt p {
	line-height: 370px;
	margin-top: -90px;
	font-size: 260px;
	font-weight: 700;
}

.prinzipien-headline h3 {
	font-size: 42px;
}


.prinzipien-boxes .vc_row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

.prinzipien-box {
	background-color: var(--color-primary);
	color: white;
	max-width: calc(50% - 30px);
	box-sizing: border-box;
	padding: 20px;
	height: 120px;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.prinzipien-box .wpb_wrapper {
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;
}

.prinzipien-box .number {
	font-weight: bold;
	color: white;
	opacity: 0.2;
	margin: 0;
	line-height: 1;
	flex-shrink: 0;
	min-width: 70px;
}

body .prinzipien-box .number p {
	font-size: 94px;
	margin: 0;
	font-weight: 700;
}

.prinzipien-box .prinzipien-txt {
	font-weight: 700;
	line-height: 1.2;
	flex: 1;
	margin: 0;
}

body .prinzipien-box .prinzipien-txt p {
	font-size: 24px;
	margin-left: 30px;
	font-weight: 500;
}


/*=============WÄREMEPUMPE============*/

.split-text-heatpump h1 {
	position: absolute;
	left: calc(50vw - 650px);
	top: 208px;
	font-weight: bold;
	font-size: 120px;
	line-height: 1;
	text-transform: uppercase;
	text-align: left;
	padding: 0 2rem;
	color: transparent;
	background: linear-gradient(to bottom, white 0%, white 80%, #003238 0%, #003238 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


/* ========== TIMELINE WRAPPER ========== */

.headpump-headline {
	color: var(--color-red);
	font-size: 32px;

}

.timeline {
	position: relative;
	margin: 0 auto;
	padding: 60px 20px;
}

.timeline::before {
	content: '';
	position: absolute;
	top: 200px;
	bottom: 40px;
	left: 50%;
	width: 2px;
	background-color: var(--color-red) !important;
	transform: translateX(-50%);
	z-index: 1;
}


.timeline-title p {
	color: var(--color-dark);
	font-size: 32px;
	font-weight: normal;
	line-height: 1.4;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.timeline-title p strong {
	font-weight: 700;
	font-size: 42px;
	display: block;
}

.timeline-button>button {
	border: 2px solid var(--color-dark) !important;
	color: var(--color-dark) !important;
	text-transform: none !important;
}

.timeline-column-left .timeline-dot-img img {
	margin-right: -16px !important;
	min-height: 20px;
	width: 55px;
}

.timeline-column-left:after {
	content:"";
	background: transparent url(/wp-content/uploads/2025/05/timeline-left.jpg) no-repeat center center / 40px 16px;
	width: 40px;
	height: 16px;
	position: absolute;
	right: 0;
	bottom: -5px;
}

.timeline-column-right:after {
	content:"";
	background: transparent url(/wp-content/uploads/2025/05/timeline-right.jpg) no-repeat center center / 40px 16px;
	width: 40px;
	height: 16px;
	position: absolute;
	right: auto;
	left:0;
	bottom: -5px;
}

.timeline-column-right .timeline-dot-img img {
	margin-left: -16px !important;
	min-height: 18px;
	width: 52px;
}

.timeline-column-right {
	margin-top: 40px;

}

.timeline-line:before {
	content:"";
	border: 1px solid var(--color-red);
	width: 16px;
	height: 16px;
	position: absolute;
	left: calc(50% - 8px);
	top: 6px;
	border-radius: 16px;
}

.timeline-line:after {
	content: "";
	width: 40px;
	height: 1px;
	position: absolute;
	left: calc(50% - 20px);
	bottom: -20px;
	z-index: 10;
	background-color: var(--color-red);
}

body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline {
	border-color: var(--color-dark);
	color: var(--color-dark);
}

body .vc_btn3.vc_btn3-style-outline {
	font-weight: 600!important;
}

.vc_btn3.vc_btn3-color-danger.vc_btn3-style-outline.active, .vc_btn3.vc_btn3-color-danger.vc_btn3-style-outline:active, .vc_btn3.vc_btn3-color-danger.vc_btn3-style-outline:focus, .vc_btn3.vc_btn3-color-danger.vc_btn3-style-outline:hover {
	border-color: var(--color-red)!important;	
	background-color: var(--color-red)!important;	
	background: var(--color-red)!important;	
	color: #fff;
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline.active, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline:active, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline:focus, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline:hover {
	border-color: var(--color-dark)!important;	
	background-color: var(--color-dark)!important;	
	background: var(--color-dark)!important;	
	color: #fff;
}

.vc_btn3.vc_btn3-color-white.vc_btn3-style-outline.active, .vc_btn3.vc_btn3-color-white.vc_btn3-style-outline:active, .vc_btn3.vc_btn3-color-white.vc_btn3-style-outline:focus, .vc_btn3.vc_btn3-color-white.vc_btn3-style-outline:hover {
	color: var(--color-dark)!important;
}

body .vc_btn3.vc_btn3-color-danger.vc_btn3-style-outline {
	color: var(--color-red);
	border-color: var(--color-red);
	background-color: transparent;
}

body .vc_btn3.vc_btn3-color-danger,
body .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat {
	color: #FFF;
	background-color: var(--color-red);
}



/*====Anlagenplanung=*/

.planning-img {
	margin: 0;
	padding: 0;
	object-fit: cover;
}

.planning-section>.planning-row>.vc_column_container:first-child>.vc_column-inner {
	padding: 0;
}

.planning-box {
	border-right: 10px solid var(--color-red);
}

.planning-box-txt h2 {
	font-size: 42px;
	color: var(--color-red);
	font-weight: 600;
	text-transform: uppercase;
}


.planning-box-txt p {
	font-size: 16px;

}

.btn-full>button {
	color: var(--color-white) !important;
	background-color: var(--color-red) !important;
	border-color: var(--color-red) !important;
	transition: all 0.3s ease !important;
	text-transform: none!important;
}

.btn-full>button:hover {
	color: var(--color-red) !important;
	background-color: transparent !important;
	border-color: var(--color-red) !important;
}


/*==== ARCHIEV===*/


body .blog-design-masonry .post-title {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	padding-bottom: 15px;
}

body .wd-post.blog-style-bg .article-body-container {
	background-color: var(--color-bg-grey);
	border-bottom: 5px solid var(--color-red);
}

body .entry-meta,
body .wd-entry-meta,
body .hovered-social-icons,
body .meta-categories-wrapp {
	display: none;
}

body .entry-content.wd-post-desc {
	font-size: 14px;
	text-align: left;
}

body .read-more-section {
	text-align: left;
	text-transform: inherit;
}

body .read-more-section a {
	text-transform: inherit;
}

body a.btn-read-more.more-link {
	color: transparent;
	position: relative;
	text-decoration: none;
}

body a.btn-read-more.more-link::before {
	content: "weiter lesen »";
	position: absolute;
	top: 0;
	left: 0;
	color: var(--color-red);
	font-weight: bold;
	text-transform: none;
	white-space: nowrap;
}

body .blog-produkte a.btn-read-more.more-link::before {
	color:var(--color-primary);
}
body .blog-produkte .wd-post.blog-style-bg .article-body-container {
	border-bottom-color:var(--color-primary);
}


/*** BLOG SINGLE ***/
body.single .wd-single-post-header {
	flex-direction: row;
}

body.single h1 {
	max-width: 370px;
	font-size: 34px;
	font-weight: 600;
	text-transform: uppercase;
}

body.single h1:first-line {
	font-size: 26px;
	font-weight: 400;
}

body.single main .wd-entry-content p {
	padding-left: 100px;
	max-width: 700px;
}


/*** FOOTER ***/
body footer.wd-footer {
	padding-top: 70px;
	background-color: #f5f7f7;
	border-top: 2px solid var(--color-red);
}

body footer.wd-footer h5 {
	font-size: 14px;
}

body .wd-copyrights,
body footer.wd-footer a,
body footer.wd-footer p {
	font-size: 14px;
}

body footer.wd-footer p,
body footer.wd-footer li {
	margin-bottom: 0;
}

body footer.wd-footer a {
	line-height: 20px;
	color:var(--color-dark);
}

body footer.wd-footer p > strong {
	color:var(--color-red);
	text-transform: uppercase;
}

/*** team ***/
#team .wpb_column .vc_column-inner {
	background-size: cover !important;
	background-position: 0 0 !important;
}	
#team .vc_col-sm-4.wpb_column .vc_column-inner {
	/*border-left: 50px solid var(--color-red);*/
	border-bottom: 70px solid var(--color-red);
}

#team .vc_col-sm-4.wpb_column:nth-child(2) .vc_column-inner {
	border-color: var(--color-primary);
}

#team .wpb_column .vc_column-inner h2,
#team .wpb_column .vc_column-inner h3 {
	color: #fff!important;
	margin-bottom: 2px;
	line-height: 20px!important;
}

#team .wpb_column .vc_column-inner p {
	white-space: nowrap;
	font-weight: 500!important;
}

#team .title-content {
	margin-right: 120px;
}

.vc_btn3-container.vc_btn3-center {
	text-align: center;
	margin: 0 auto;
	width: 100%;
}


/*** team ***/
#partnergrid .wpb_column .vc_column-inner {
	background-size: cover !important;
	background-position: 0 0 !important;
}	
#partnergrid .vc_col-sm-4.wpb_column .vc_column-inner {
	/*border-left: 50px solid var(--color-red);*/
	background-color: var(--color-red);
	padding: 0;
}
#partnergrid .wpb_single_image {
	padding: 15px;
	border: 15px solid var(--color-red);
	background-color: #fff;
	margin-bottom: 0;
}
#partnergrid .vc_col-sm-4.wpb_column:nth-child(even) .vc_column-inner {
	background-color: var(--color-primary);
}
#partnergrid  .vc_col-sm-4.wpb_column:nth-child(even) .wpb_single_image {
	border-color: var(--color-primary);
}


#partnergrid .wpb_column .vc_column-inner h2,
#partnergrid .wpb_column .vc_column-inner h3 {
	color: #fff!important;
	margin-bottom: 2px;
	line-height: 20px!important;
	font-size: 16px!important;
}

#partnergrid .wpb_column .vc_column-inner a,
#partnergrid .wpb_column .vc_column-inner p {
	white-space: nowrap;
	font-weight: 600!important;
	color: #fff!important;
	font-size: 14px!important;
	margin-top: 15px;
	margin-bottom: 0;
}

#partnergrid .title-content {
	margin-right: 120px;
	position: relative;
	width: 100%;
	right: auto;
	bottom: auto;
	padding: 20px;
}

#partnergrid .vc_col-sm-4 {
	width: 400px;
	display: flex;
	overflow: hidden;
	position: relative;
	min-height: 430px;
	border: 10px solid transparent;
}

#partnergrid .box-unternehmen, 
#partnergrid .box-team, 
#partnergrid .box-download {
	max-height: unset;
	height: auto;
}

#partnergrid .boxes {
	display: block;
}

.planning-box h2 {
	margin-top: 0;
	margin-bottom: 10px;
}

.planning-box .wpb_text_column {
	margin-bottom: 15px;
}

/* ========================================================= */
/* Responsive Anpassungen */
/* ========================================================= */

@media (max-width: 1240px) {
	
	.split-text h1,
	.split-text-heatpump h1 {
		left: -25px;
	}
	
	.boxes {
		gap: 30px;
	}	
}

@media (max-width: 1070px) {
	
	/*
	body header.whb-default_header:not(.whb-sticked) .wd-header-nav {
		margin-left: 5px;
	}
	
	body header.whb-header_997423 .wd-nav-main, body header.whb-sticked .wd-nav-main {
		margin-left: 30px;
	}
	*/
	
	.wd-nav.wd-gap-l {
		--nav-gap: 20px;
	}
	
	body.home .hero {
		margin-top: 0px;
		display: block;
		position: relative;
		padding-top: 180px;
		max-height: unset;
	}
	
	body section.hero {
		margin-bottom: 100px;
	}
	
	

	
	body .wd-content-layout {
		padding-top: 0;
	}
	
	body.home .hero .vc_col-sm-6 {
		width: 100%;
		display: block;
		position: relative;
		max-width: 80%;
		flex: unset;
		float: none;
		margin: 0 auto;
	}
	
	body.home .whb-sticky-real {
		padding-top: 0;
	}
	
	body .two-column-section {
		margin-top: 0;
	}
	
	
	body .vc_empty_space {
		max-height: 50px;
	}
	
	#partner > .vc_row:last-child {
		display: flex;
		flex-direction: column;	
	}
	
	#partner > .vc_row > .vc_col-sm-2,
	#partner > .vc_row > .vc_col-sm-10 {
		display: block;
		width: 100%;
	}
	
		
	body .hero .installer-box > .vc_column-inner,
	body .hero .heatpump-box > .vc_column-inner {
		background-position: left bottom !important;
	}
	
	.installer-box, .heatpump-box {
		min-height: 0;
	}
	/*
	body:not(.home) header.whb-sticky-real:not(.whb-sticked) .whb-main-header {
		top:150px;
	}
	*/
	/*
	body .hero {
		margin-top:0!important;
	}
	*/
	
	.boxes {
		gap: 20px;
	}
	
	
	body .prinzipien-box .number p {
		font-size: 72px;
	}
	
	body .prinzipien-box .prinzipien-txt p {
		font-size: 20px;
	}	
	
	
}

@media (max-width: 1024px) {
	
	
	header .whb-column_mobile4 {
		margin-top: 0px;
	}
	body .whb-main-header {
		top: 0;
	}
	
	body header.whb-header_997423 .whb-general-header>.container, 
	header.whb-sticked .whb-general-header>.container, 
	body .wd-header-nav.scrolled {
		background: var(--color-red)!important;
		box-shadow: none!important;
	}
	
	
	body header.whb-header_997423 .whb-general-header>.container, header.whb-sticked .whb-general-header>.container, body .wd-header-nav.scrolled {
		margin: 15px;
		padding: 7px;
		width: calc(100% - 30px);
	}
	body .wd-logo img {
		max-height: 70px;
		margin-top: 0px;
	}
	
	body .whb-col-right,
	body .whb-mobile-right {
		margin-right: 0px;
	}
	
	body .wd-logo img {
		max-height: unset;
	}
	
	body:not(.home) header.whb-sticky-real:not(.whb-sticked) .whb-main-header {
		margin-top: 22px;
	}
	

	body header:not(.whb-sticked) .wd-tools-element .wd-tools-icon {
		margin-right: 8px;
	}

	
	body .wd-tools-element .wd-tools-icon:before {
		font-size: 32px;
	}
	
	.boxes {
		flex-direction: column;
		align-items: center;
	}

	.box-unternehmen,
	.box-team,
	.box-download {
		width: 80%;
		height: 240px;
	}

	.title-content {
		font-size: 18px;
		margin-right: 50px;
	}

	.section-text h3,
	.section-text p,
	.section-text .installer-button {
		padding-left: 30px;
	}
/*
	.split-text h1 {
		left: calc(50vw - 500px);
		top: 285px;
	}
*/

	.box-item p {
		font-size: 16px;
	}
	
	.split-text-heatpump h1,
	.split-text h1 {
		font-size: 80px;
	}
	
	.hero {
		max-height: 672px;
	}
	
	body section.hero {
		margin-bottom: 0;
	}
	
	.prinzipien-box .prinzipien-txt p {
		font-size: 17px;
		line-height: 24px;
	}
	
	.section-text h2, .section-text h3, .section-text p, .section-text .installer-button {
		padding-left: 30px;
	}
	
	#team .box-unternehmen,
	#team .box-team,
	#team .box-download {
		width: 80%;
		height: 340px;
		max-width: 400px;
	}	
	
	#team .wpb_column .vc_column-inner h2, 
	#team .wpb_column .vc_column-inner h3 {
		max-width: 100px;
	}
	
	
	.prinzipien-box {
		max-width: calc(100% - 15px);
		width: 100%;
	}
	
	.prinzipien-box .wpb_wrapper {
		gap: 0px;
	}
	
	.prinzipien-boxes .vc_row {
		padding-left: 7.5px;
		display: block;
	}
	
	
	body header.whb-sticky-real:not(.whb-sticked) .whb-main-header {
		margin-top: 22px;
	}	
	
}


@media (max-width: 960px) {		
	body .hero .installer-box > .vc_column-inner,
	body .hero .heatpump-box > .vc_column-inner {
		background-position: -100px calc(100% + 2px) !important;
		padding-left: 0!important;
		margin-left: 0!important;
	}
	
	body .hero .installer-box,
	body .hero .heatpump-box {
		padding-left: 0!important;
		padding-bottom: 0!important;
	}	
	
}

@media (max-width: 767px) {
	
	/*
	.hero {
		overflow: visible !important;
		max-height: 400px;
	}

	.two-column-section {
		flex-direction: column;
		margin-top: 150px;
		margin-bottom: 0;
		gap: 20px;
	}

	.installer-box,
	.heatpump-box {
		max-width: 100%;
		min-height: auto;
		height: auto;
		text-align: center;
		align-items: center;
		padding: 20px;
	}

	.installer-content p,
	.heatpump-content p {
		margin-left: 0;
		margin-right: 0;
		max-width: 100%;
	}

	.installer-content h2,
	.heatpump-content h2 {
		text-align: center;
		font-size: 32px;
	}

	.heatpump-content,
	.installer-content {
		text-align: center;
		font-size: 14px;
	}

	.boxes {
		flex-direction: column;
		align-items: center;
		gap: 30px;
	}

	.box-unternehmen,
	.box-team,
	.box-download {
		width: 80vw;
		height: 80vw;
		max-width: 300px;
		max-height: 300px;
	}

	.title-content {
		width: 100%;
		margin-right: 0;
		text-align: center;
		font-size: 18px;
	}

	.icon-content {
		right: 10px;
		top: 10px;
		padding-right: 0;
	}

	.section-text h2,
	.section-text h3,
	.section-text p,
	.section-text .installer-button {
		padding-left: 20px;
		padding-right: 20px;
		text-align: left;
	}

	.split-text h1 {
		left: 0;
		top: 150px;
	}
	
	*/

	
	body.archive .archive-meta p,
	body h1 {
		font-size: 32px;
		line-height: 36px;
	}
	
	.installer-box,
	.heatpump-box {
		max-width: 100%;
		min-height: auto;
		height: auto;
		text-align: center;
		align-items: center;
		padding: 20px;
	}
	
	.installer-content p,
	.heatpump-content p {
		margin-left: 20px;
		margin-right: 0;
		max-width: 100%;
	}
	
	.installer-content h1,
	.heatpump-content h1,
	.installer-content h2,
	.heatpump-content h2 {
		margin-left: 20px;
		text-align: center;
		font-size: 32px;
	}
	
	.heatpump-content,
	.installer-content {
		text-align: center;
		font-size: 16px;
	}
	
	
	.heatpump-box .vc_do_btn,
	.installer-box .vc_do_btn {
		margin-bottom: 230px;
	}
	
	.heatpump-box .vc_empty_space,
	.installer-box .vc_empty_space {
		display: none;
	}
	
	body .hero .installer-box > .vc_column-inner {
		background-position: -120px calc(100% + 2px) !important;
	}
	
	body .hero .heatpump-box > .vc_column-inner {
		background-position: -30px calc(100% + 2px) !important;
	}	
	
	
	
	
	.split-text-heatpump h1,
	.split-text h1 {
		font-size: 32px;
		top: 136px;
	}	
	
	.hero {
		max-height: 375px;
	}
	
	.split-text h1, .split-text-heatpump h1 {
		left: -20px;
	}
	
	.wpb_text_column h1,
	.wpb_text_column h2,
	.wpb_text_column h3,
	.wpb_text_column h4,
	.wpb_text_column h5,
	.wpb_text_column h6,
	.wpb_text_column p,
	.wpb_text_column a {
		text-align: left!important;
	}
	
		


	.boxes-green {
		flex-direction: column;
		align-items: center;
	}

	.box-item {
		width: 90%;
		border-right: none;
		border-bottom: 1px solid #ccc;
		margin-bottom: 15px;
	}

	.vc_section > .wpb_row > .wpb_column h2,
	.vc_section > .wpb_row > .wpb_column h3,
	.vc_section > .wpb_row > .wpb_column p {
		text-align: left;
	}	

	.vc_row:is(.text-left,.right-text,.planning-row) > .wpb_column,
	.vc_section:is(.text-left,.right-text) > .wpb_row > .wpb_column {
		min-height: 70vw;
	}
	
	.text-left > .vc_col-sm-6:first-child > .vc_column-inner:first-child {
		padding-right: 15px;
	}
	
	.kontakt-maps,
	.text-left {
		flex-direction: column-reverse;
	}
	
	.timeline::before {
		top: 175px;
	}	
	
	.timeline p {
		z-index: 10;
		position: relative;
		font-size: 16px;
	}
	
	.timeline .vc_col-sm-6 {
		float:left;
		display:inline;
		position: relative;
		width: 50%;
	}
	
	.timeline-title p strong {
		font-size: 24px;
		line-height: 26px;
	}
	
	
	:is(ul,ol) li {
		font-size: 17px;
		line-height: 24px;
	}
	
	.planning-box-txt h2,
	body h2 {
		font-size: 22px;
	}
	
	body h3,
	body .prinzipien-headline h3 {
		font-size: 22px;
	}
	
	body .back-txt p {
		line-height: 370px;
		margin-top: -150px;
		font-size: 80px;
		margin-left: -30px;
	}
	
	#team .box-unternehmen, #team .box-team, #team .box-download,
	.wd-grid-f-col>.wd-col {
		margin-bottom: 30px;
	}
	
	#team .wpb_column .vc_column-inner h2, #team .wpb_column .vc_column-inner h3 {
		margin-bottom: 4px;
	}
	
	
	#partnergrid .vc_col-sm-4 {
		width: 100%;
		max-width:400px;
	}
	
	#kontakt-moeglichkeiten .wpb_text_column,
	#kontakt-moeglichkeiten h2,
	#kontakt-moeglichkeiten h3 {
		margin-bottom: 0!important;
	}	
	
	#kontakt-moeglichkeiten {
		margin-top:-50px;
	}
	
	#kontakt-moeglichkeiten h2,
	#kontakt-moeglichkeiten h3 {
		margin-top: 30px!important;
	}
	
	
	body.single main .wd-entry-content p {
		padding-left: 0;
	}
	
	body.archive .archive-meta p {
		max-width: 200px;
	}
	
	body main {
		min-height: calc(100vh - 180px);
	}
	
	
	.boxes-green > .box-item {
		width: 100%;
		min-height: 0;
	}
	
	.icon-content-green img {
		width: 60px;
	}
	
	.box-item p {
		font-size: 20px;
	}
	
	body .vc_section.vc_section-o-content-middle:not(.hero,.kontakt-map-form) {
		left: -15px !important;
		width: calc(100% + 30px) !important;
	}
	
	body .vc_section.vc_section-o-content-middle:not(.hero,.kontakt-map-form) :is(.wpb_text_column,.vc_btn3-container) {
		padding-left: 15px;
	}
	
	body .wpb_text_column.image-text {
		max-width: unset;
	}
	
	.section-text h2, .section-text h3, .section-text p, .section-text .installer-button {
		padding-left: 0px;
	}
	
	.image-text > .wpb_column:first-child {
		min-height: 250px;
	}
	
	#kontakt .vc_column-inner {
		padding-left: 15px;
	}
	
	
}

.prinzipien-box {
	flex: 0 0 100%;
}