/*
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
*/


/* LOGO */
#logo img {
	width: 350px !important;
}

/* SUBHEADLINE (Startseite) */
#start-subheadline {
	background: rgba(255,255,255,.5);
	padding: 15px;
}

/* Services */
 @media screen and (max-width: 600px) {
	.titel-service h1 {
	    font-size: 25px !important;
    }
	
	 #service-wrapper h4 {
		 font-size: 12px !important;
	 }
	 
	 #title-treppenhausreinigung {
		 margin-left: -20px !important;
	 }
	 
	 #title-hausreinigung {
		 margin-left: -10px !important;
	 }
	 
	 #start-header h1 {
		 font-size: 35px !important;
		 line-height: 1.2 !important;
	 }
	 
	 
}

#icon-grundreinigung img, 
#icon-treppenhausreinigung img,
#icon-hausreinigung img,
#icon-bueroreinigung img{
	width: 160px;
}

#service-wrapper .sep-underline {
	border-width: 4px !important;
}

.service-background-header .fusion-layout-column {
	max-height: 300px;
}

@media screen and (max-width: 600px) {
	.service-background-header h2 {
		font-size: 20px !important;
	}
}



/* Angebot */
#post-827 .angebot-section {
	width: 33%;
}

#post-827 .angebot-section-desc {
	display: none;
}

#post-827 .angebot-section .angebot-button {
	display: inline !important;
}

#post-827 .angebot-section .fusion-column-wrapper {
	margin: 15px;
}

#angebot-section .angebot-section .angebot-button {
	display: none;
}

#angebot-section .sep-underline .sep-single {
	border-top-width: 2px !important;
}

@media screen and (max-width: 800px) { 
	#post-827 .angebot-section {
	   width: 100%;
    }
}

@media screen and (max-width: 600px) {
	#post-827 .angebot-section .fusion-column-wrapper {
	    margin: 15px 0px;
     } 
	
	#start-angebot .fusion-column-wrapper {
	   margin: 15px 0px;
     } 
	
	#angebot-section h2 {
		font-size: 35px !important;
	}
	
	#angebot-section h3 {
		font-size: 20px !important;
	}
	
}



/* Three Column Abgebot */
.angebot-section .button-angebot {
	position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 20px;
  }


@media screen and (max-width: 600px) {
	 .angebot-wrapper .button-angebot {
		position: relative;
		bottom: unset;
		left: unset;
		transform: unset;
		margin-bottom: unset;
	 }
}