/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* roboto-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/roboto-v47-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/roboto-v47-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/roboto-v47-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/roboto-v47-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v47-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/roboto-v47-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v47-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-v47-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v47-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/roboto-v47-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/roboto-v47-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/roboto-v47-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v47-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/roboto-v47-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/roboto-v47-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/roboto-v47-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto-v47-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/roboto-v47-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/***Global***/
html {
	background:#515151;
}

body{
	max-width:1920px;
	margin:0 auto;
	width:100%;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p, #content a, #content li, #content label, .fusion-tb-header a, span.fusion-button-text, #content div, .fusion-footer p{
	font-family:'Roboto' sans-serif !important;
	font-weight:400;
}

.bold, .bold *{
	font-weight:700 !important;
}

.txt-hyphens, .txt-hyphens *{
	hyphens:auto;
}

.fusion-form-checkbox label::before{
	height:20px !important;
	min-width:20px !important;
}

.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox input:checked + label::after {
	width:10px !important;
	height:10px !important;
	left:6px !important;
}

.btn100{
	width:100%;
}

.column-nomargin .fusion-column-wrapper, .column-nomargin{
	margin-left:0 !important;
	margin-right:0 !important;
	margin-bottom:0 !important;
}

.wrap-reverse > .fusion-builder-row{
	flex-wrap:wrap-reverse !important;
}

.list-txt ul{
	margin-top:0 !important;
}

.list-txt p{
	margin-bottom:0 !important;
}



/***Menu***/


/* Mehr Abstand rechts beim letzten Menüpunkt, damit Text nicht verdeckt wird */
#menu-dach-main-menu > li:last-child {
  padding-right: 30px; /* ggf. anpassen */
}

#menu-dach-main-menu > li.current-menu-item > a,
#menu-dach-main-menu > li.before-current > a {
  color: #8e9694 !important;
}

#menu-dach-main-menu a:hover .menu-text,
#menu-dach-main-menu .current-menu-item .menu-text,
#menu-dach-main-menu-1 a:hover .menu-text,
#menu-dach-main-menu-1 .current-menu-item .menu-text,
#menu-dach-footer-menu a:hover .menu-text,
#menu-dach-footer-menu .current-menu-item .menu-text,
.link-underline a:hover,
.footer-container a:hover{
	text-decoration:underline;
	text-decoration-thickness: 3px;
	text-decoration-color: #9bc555;
}

#menu-dach-footer-menu li::after {
  display: block;
  content: '';
  width: 1px;
  height: 100%;
  background: #000000;
  margin-left: 15px;
}

#menu-dach-footer-menu li:last-child::after{
	display:none;
}



/***Home***/
.home-kachel{
	min-height:282px;
}

.home-kachel h2{
	hyphens:auto;
}

.home-kachel:hover .fusion-title{
	display:none !important;
}

.home-kachel.blecharbeiten:hover .fusion-column-wrapper{
	background-image:url("/wp-content/uploads/2025/06/blecharbeiten-home-final.jpg") !important;
}

.home-kachel.abdichtungen:hover .fusion-column-wrapper{
	background-image:url("/wp-content/uploads/2025/06/leistung-abdichtung.jpg") !important;
}

.home-kachel.suw:hover .fusion-column-wrapper{
	background-image:url("/wp-content/uploads/2025/06/sanierung-und-wartung-home-final.jpg") !important;
}

.home-kachel.dd:hover .fusion-column-wrapper{
	background-image:url("/wp-content/uploads/2025/06/leistung-dacheindeckung.jpg") !important;
}

.home-kachel.reparaturen:hover .fusion-column-wrapper{
	background-image:url("/wp-content/uploads/2025/06/leistung-reparaturen.jpg") !important;
}

.home-kachel.sst-verkleidung:hover .fusion-column-wrapper{
	background-image:url("/wp-content/uploads/2025/06/schornsteinverkleidungen-home-final.jpg") !important;
}

.home-kachel.dff:hover .fusion-column-wrapper{
	background-image:url("/wp-content/uploads/2025/06/leistung-fenster.jpg") !important;
}

.home-kachel.sonstiges:hover .fusion-column-wrapper{
	background-image:url("/wp-content/uploads/2025/06/leistung-sonstiges.jpg") !important;
}

.faq-toggles .fusion-toggle-heading{
	font-weight:700 !important;
}

.faq-toggles .fusion-panel{
	border-radius:8px !important;
}

.kontaktformular .fusion-form-form-wrapper .fusion-form-checkbox-field .fusion-form-checkbox.option-inline{
	width:50%;
	margin-right:0;
	margin-bottom:20px;
}

.kontaktformular .fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox label::before {
	background:white;
}


.kontaktformular .label,
.kontaktformular .fusion-form-label-wrapper label,
.kontaktformular .fusion-form-textarea-field label{
	font-weight:700 !important;
}

.kontaktformular .dt-checkbox label::before{
	top:15px !important;
}


/***Leistungen***/

.leistungen-tabs.fusion-tabs .nav-tabs{
	display:flex;
	flex-wrap:wrap;
}

.leistungen-tabs.fusion-tabs .nav-tabs > li{
	width: 24%;
	display:unset;
	margin:.5%;
}

.leistungen-tabs.fusion-tabs .nav-tabs > li a{
	min-height:102px;
	display:flex;
	justify-content:center;
}

.leistungen-tabs.fusion-tabs .tab-inner-headline {
	color:#9bc555;
	text-align:center;
	font-weight:700 !important;
	text-transform:uppercase;
	margin-top:70px;
	margin-bottom:50px;
}

.leistungen-tabs.fusion-tabs .text-container{
	display:flex;
	flex-wrap:wrap;
}
.leistungen-tabs.fusion-tabs .text-container > div{
	width:49%;
}

.leistungen-tabs.fusion-tabs .text-left{
	margin-right:1%;
}

.leistungen-tabs.fusion-tabs .text-right{
	margin-left:1%;
}

/***Über uns***/
.flex-right .fusion-title{
	max-width:520px;
}

.flex-right .fusion-column-wrapper{
	align-items:last baseline;
}


/***Footer-unterseiten***/
/***Klasse für Container: footer-site-container***/

#content .footer-site-container h1{
	font-size:40px !important;
}

#content .footer-site-container h2{
	font-size:40px !important;
	margin-bottom:10px;
	font-weight: 500 !important;
}

#content .footer-site-container h3{
	font-size: 34px !important;
	font-weight: 500;
	margin-bottom: 10px;
}

#content .footer-site-container h4{
	font-size:28px !important;
	margin-bottom:10px;
	font-weight:500;
}

@media all and (max-width:1250px){
	.leistungen-tabs.fusion-tabs .nav-tabs > li h3{
		font-size:20px;
	}
}

@media all and (max-width:1024px){
	.leistungen-tabs.fusion-tabs .nav-tabs > li{
		width: 32%;
	}
	
	.fusion-footer > div > .fusion-fullwidth{
		background-position-x:inherit;
	}
}

@media all and (max-width:820px){
	.leistungen-tabs.fusion-tabs .nav-tabs > li{
		width: 49%;
	}
	
	.leistungen-tabs.fusion-tabs .text-container > div{
		width:100%;
		margin:0 !important;
		text-align:center;
	}

}

@media all and (max-width:640px){
	
	h2{
		hyphens:auto;
	}
	
	.footer-container{
		background-image:unset !important;
		background: linear-gradient(180deg,rgba(155, 197, 85, 1) 0%, rgba(255, 255, 255, 1) .5%) !important;
	}
	
	.footer-container .fusion-separator{
		max-width:100% !important;
	}
	
	#menu-dach-footer-menu li::after{
	display:none;
	}
	
	#menu-dach-footer-menu li{
		width:100%;
		text-align:center;
		margin-bottom:15px;
		margin-right:0;
	}
	
	.leistungen-tabs.fusion-tabs .nav-tabs > li a{
		min-height:unset;
	}
	
	.leistungen-tabs.fusion-tabs .nav-tabs > li{
		width: 100%;
		margin-left:0;
		margin-right:0;
	}
	
	.kontaktformular .fusion-form-form-wrapper .fusion-form-checkbox-field .fusion-form-checkbox.option-inline{
		width:100%;
	}
}