/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         TJWeb
 Author URI:     https://www.tjweb.eu
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


/*-------------------------*/
/*- Contact form 7 Styles -*/
/*-------------------------*/
.wpcf7 .wpcf7-form-control-wrap input:not([type="checkbox"]), textarea {
  width: 100%;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea {
  margin: 0px 0px 20px 0px !important;
}

.wpcf7 input,
.wpcf7 textarea {
  padding: 1.2em;
  border: 0.2rem solid #333 !important;
  color: black !important;
  background: transparent;
  font-size: 1rem;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: black !important;
  opacity: 1;
}

/*Contact form 7 Submit Button*/
.wpcf7 input[type=submit] {
  padding: 10px 20px;
  /*Submit Farbe*/
  background: transparent;
  color: black;
  font-size: 1rem;
  cursor: pointer;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-top: 1vw;
  transition-duration: 0.5s;
}

.wpcf7 input[type=submit]:hover {
  /*Submit Hover Farbe*/
  background: rgba(255, 255, 255, 0.25);
}

/*ENDE*/
/*Kontaktformular Spalten*/
/* Mobile / Desktop */
@media only screen and (min-width: 1100px) {
  .wps-form-row {
    flex-direction: row;
    display: flex;
    gap: 1rem;
  }

  .wps-form-column-left {
    padding-right: 10px;
    flex: 1;
    width: 100%;
  }

  .wps-form-column-right {
    padding-left: 10px;
    flex: 1;
    width: 100%;
  }

  .wps-form-column-center {
    padding: 0px 10px;
    flex: 1;
    width: 100%;
  }
}

/*ENDE*/
.ds-box {
  font-size: 15px;
  line-height: 1.4em;
}

.wpcf7 p {
  padding: 0px;
}

/*-------------------------*/
/*------ Styles Ende ------*/
/*-------------------------*/

/* Mittige Ausrichtung des Flex-Box-Inhaltes */
.vertical-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* ##### DROPDOWN MENU WIDTH ##### */
.nav li ul {
    width: max-content !important;
    display: flex;
    flex-direction: column;
}

.nav li li ul {
    left: max-content !important;
}

.et-menu li li a {
    width: max-content;
}

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
  
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
 
}

/*** Mobilen Menü Breakpoint selber setzen ***/
@media (max-width: 1024px) {
 #et_mobile_nav_menu {
 display: block;
 }
 
#top-menu {
 display: none;
 }
 }


/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
 
}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
 
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
 
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
 
}

/*Entfernt im Boxed layout
den Schatten am Rand*/
.et_boxed_layout #page-container{
	box-shadow: none !important;
}

/*Entfernt den Collapse zum Hamburger Menü bei Themebuilder Menüs*/
@media screen and (max-width: 980px) {
.no-mobile-collapse .et_pb_menu__menu {
display: block;
}

.no-mobile-collapse .mobile_menu_bar {
display: none;
}}

/*Entfernt das Spacing am unteren Ende einer iframe*/
iframe{
	display:block !important;
}
/*ENDE*/

/* Troubleshooting */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6
{margin:0px;padding:0px;}
/* ENDE */
/*Divi-Bild-Seitenverhältniss*/
.ratio-1-1 .et_pb_image_wrap {
    padding-top: 100%;
}

.ratio-16-9 .et_pb_image_wrap {
    padding-top: 56.25%;
}

.ratio-4-3 .et_pb_image_wrap {
    padding-top: 75%;
}

.ratio-2-1 .et_pb_image_wrap {
    padding-top: 50%;
}

.ratio-1-2 .et_pb_image_wrap {
    padding-top: 200%;
}

.custom-ratio .et_pb_image_wrap {
    display: block;
}

.custom-ratio .et_pb_image_wrap img {
    position: absolute;
    height: 100%;
    width: 100% !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

/*Mobile Column order DIVI*/
@media all and (max-width: 980px) {

  /*** wrap row in a flex box ***/
  .custom_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari 6.1+ */
    flex-wrap: wrap;
  }

  /*** custom classes that will designate the order of columns in the flex box row ***/
  .first-on-mobile {
    -webkit-order: 1;
    order: 1;
  }

  .second-on-mobile {
    -webkit-order: 2;
    order: 2;
  }

  .third-on-mobile {
    -webkit-order: 3;
    order: 3;
  }
}

/* Navigation leistungen */
.nav-leistungen {
 cursor: default;
}













#heizreportFormular {
	width: 100%!important;
}

#heizreportFormular h2, h3 {
	text-align: left;
}

#heizreportFormular h3 {
	margin-bottom: 1rem;
}

.heizreport {
	display: block!important;
}

.heizreport div {
	padding: 1rem;
}

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

.heizreport input[type=submit] {
	background-color: #0061ff!important;
	font-weight: 600;
	margin-bottom: 0px!important;
}


.gallery-module {
    margin-bottom: 0px !important;
}

.et_pb_gallery_item_0_0 .gallery-caption {
	position: absolute;
	top: 0;
	padding: 1rem!important;
	color: black;
	background: rgba(255,255,255,0.5);
	max-width: max-content;
}


.ratio-1-1 .et_pb_gallery_image {
    padding-top: 100%;
    }
    .ratio-16-9 .et_pb_gallery_image {
    padding-top: 56.25%;
    }
    .ratio-4-3 .et_pb_gallery_image {
    padding-top: 75%;
    }
    .ratio-3-2 .et_pb_gallery_image {
    padding-top: 66.67%;
    }
    .ratio-9-16 .et_pb_gallery_image {
    padding-top: 177.78%;
    }
    .ratio-3-4 .et_pb_gallery_image  {
    padding-top: 133.33%;
    }
    .ratio-2-3 .et_pb_gallery_image {
    padding-top: 150%;
    }
    .custom-ratio .et_pb_gallery_image {
      display:block;
    }
    .custom-gallery-ratio .et_pb_gallery_image img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    }


  .map-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    /* Adjust as needed */
    height: 400px;
    /* Adjust as needed */
    background-color: #e0e0e0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 1rem;
    color: #333;
  }

  .map-container .map-content-wrap {
    max-width: 40ch;
  }

  .map-container button {
    padding: 10px 20px;
    font-size: 1rem;
    cursor: pointer;
    background-color: #007bff;
    /* Color of the button */
    color: white;
    border: none;
    border-radius: 5px;
    display: block;
  }

  .map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }


.email-add { display: inline-block; }
.phone-nr { display: inline-block; }
.details-seperator { display: inline-block; }

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.email-add { display: inline-block; }
	.phone-nr { display: inline-block; }
	.details-seperator { display: inline-block; }
}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
	.email-add { display: inline-block; }
	.phone-nr { display: inline-block; }
	.details-seperator { display: inline-block; }
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	.email-add { display: block; }
	.phone-nr { display: block; }
	.details-seperator { display: inline-block; }
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
	.email-add { display: block; }
	.phone-nr { display: block; }
	.details-seperator {
		display: none;
	}
}


@media all and (max-width: 980px) { .mobile-menu-center .et_pb_menu__wrap { justify-content: center!important; } }
@media all and (min-width: 768px) and (max-width: 980px) { .mobile-menu-center .et_pb_menu__wrap { justify-content: center!important; } }
@media all and (max-width: 767px) { .mobile-menu-center .et_pb_menu__wrap { justify-content: center!important; } }
@media all and (max-width: 479px) { .mobile-menu-center .et_pb_menu__wrap { justify-content: center!important; } }


/* Picture-Source for Slider on Home Page */
.slider-quelle {
  position: absolute;
  bottom: 25px;
  font-size: 14px;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  padding: 5px 20px;
  z-index: 9999;
  font-weight: 500;
}

    /*** Smartphone Only ***/
    @media all and (max-width: 767px) {
		.et_pb_button {
			min-width: unset!important;
		}
		.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item> a {
			color: #000000!important;
		}
		#logo {
			max-height: 100%!important;
		}
    }

    /*** Smartphone Portrait ***/
    @media all and (max-width: 479px) {
		.et_pb_button {
			min-width: unset!important;
		}
		.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item> a {
			color: #000000!important;
		}
		#logo {
			max-height: 100%!important;
		}
    }

.ratio-1-1 .et_pb_gallery_image {
    padding-top: 100%;
    }
    .ratio-16-9 .et_pb_gallery_image {
    padding-top: 56.25%;
    }
    .ratio-4-3 .et_pb_gallery_image {
    padding-top: 75%;
    }
    .ratio-3-2 .et_pb_gallery_image {
    padding-top: 66.67%;
    }
    .ratio-9-16 .et_pb_gallery_image {
    padding-top: 177.78%;
    }
    .ratio-3-4 .et_pb_gallery_image  {
    padding-top: 133.33%;
    }
    .ratio-2-3 .et_pb_gallery_image {
    padding-top: 150%;
    }
    .custom-ratio .et_pb_gallery_image {
      display:block;
    }
    .custom-gallery-ratio .et_pb_gallery_image img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    }

@media all and (max-width: 980px) {
    /*** wrap row in a flex box ***/
    .custom-row {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
    }
    /*** custom classes that will designate the order of columns in the flex box row ***/
    .first-on-mobile {
    -webkit-order: 1;
    order: 1;
    }
    .second-on-mobile {
    -webkit-order: 2;
    order: 2;
    }
    .third-on-mobile {
    -webkit-order: 3;
    order: 3;
    }
    .fourth-on-mobile {
    -webkit-order: 4;
    order: 4;
    }
    .fifth-on-mobile {
    -webkit-order: 5;
    order: 5;
    }
    /*** add margin to last column ***/
    .custom-row:last-child .et_pb_column:last-child {
    margin-bottom: 30px;
    }}

/* LGF - Font Import */
/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/open-sans/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* LGF - Font Import */
/* open-sans-300italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url('fonts/open-sans/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* LGF - Font Import */
/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/open-sans/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* LGF - Font Import */
/* open-sans-italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/open-sans/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* LGF - Font Import */
/* open-sans-500 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/open-sans/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* LGF - Font Import */
/* open-sans-500italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 500;
    src: url('fonts/open-sans/open-sans-v34-latin-500italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans/open-sans-v34-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans/open-sans-v34-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-500italic.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans/open-sans-v34-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* LGF - Font Import */
/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/open-sans/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* LGF - Font Import */
/* open-sans-600italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url('fonts/open-sans/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* LGF - Font Import */
/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/open-sans/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* LGF - Font Import */
/* open-sans-700italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/open-sans/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* LGF - Font Import */
/* open-sans-800 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/open-sans/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* LGF - Font Import */
/* open-sans-800italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: url('fonts/open-sans/open-sans-v34-latin-800italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans/open-sans-v34-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-800italic.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans/open-sans-v34-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans/open-sans-v34-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}