/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

/************************************* WEBSEITEN PAKETE ************************************************/
#webseiten-pakete .webseiten-paket-container{
	line-height: 23px;
    padding: 3vmax;
	border: 3px solid #e8e8e8;
    border-radius: 6px;
    background: #ffffff !important;
}
#webseiten-pakete .webseiten-paket-container .webseiten-pakete-content p{
	margin-bottom: 20px;
}

/************************************* WARTUNGS-PAKETE ************************************************/
.w-iconbox{
    background: white;
    padding: 60px 24px;
	border-radius: 30px;
	/*box-shadow: 0px 0px 25px gray;*/
	box-shadow: 0px 0px 16px #d2d2d2;
}
.w-iconbox h4{
	color: #4e3a2c !important;
}

/************************************* TESTIMONIALS ************************************************/
.w-grid-list article .w-grid-item-h .usg_vwrapper_1 {
    background: #fff !important;
	box-shadow: 0px 0px 25px gray;
}
.layout_testimonial_8 article .usg_post_custom_field_2{
	color: #4e3a2c !important;
}

/************************************* ÜBER UNS ************************************************/
.w-person-image img {
    display: block;
    width: 200px;
}
.w-person-name{
	color: #4e3a2c !important;
}

/************************************* CF7 ************************************************/
input:not([type=submit]), textarea, select {
   	border: 2px solid #ea5728;
    border-radius: 4px;
}
input:not([type=submit]):focus, select:focus, textarea:focus {
    border-color: #4e3a2c !important;
}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
  color: #6b4f3b;
  opacity: 1;
}
.wpcf7-response-output {
    display: none !important;
}

/************************************* FOOTER ************************************************/
.color_footer-bottom {
    background: #210d07;
}
.color_footer-bottom a {
    color: #e9e9e9;
}


/************************************* LARGE SCREENS ************************************************/
@media (max-width: 768px) {
	#hero {
		padding-top: 16vh;
		justify-content: flex-start;
	}
}

/************************************* MOBILE ************************************************/
@media (max-width: 600px) {
	.l-section h1{
		font-size: 32px;
	}	
	
	/************************************* HERO ************************************************/
	#hero .l-section-img {
		right: -280px;
	}
	#hero h1{
	    font-size: 50px;
    	line-height: 50px;
	}
	#hero h3 {
		text-align: center;
		font-size: 19px;
		margin-top: 20px;
		margin-bottom: 16px;
	}
	
	/************************************* PAKETE ************************************************/
	#leistungen #webseiten-pakete .webseiten-paket-container {
		border: 2px solid #4e3a2c !important;
	}
	
	/************************************* WARTUNG ************************************************/
	#wartung .cols_1-4-1 {
		--columns-gap: 0rem !important;
	}
	#wartung .cols_custom {
		--columns-gap: 0rem !important;
	}
	#wartung .w-iconbox {
		border: 2px solid #4e3a2c !important;
		padding: 35px 20px;
		margin-bottom: 25px;
		box-shadow: none;
	}
	#wartung .vc_column-inner:nth-child(2) .w-iconbox {
	  margin-bottom: 0px !important;
	}
	#wartung #second-wartungs-box {
	  margin-bottom: 0 !important;
	}
	/************************************* PROJEKTE ************************************************/
    .w-gallery.type_grid:not([style*="--columns:1;"]) .w-gallery-list {
        grid-template-columns: repeat(1, 1fr);
    }
	
	/************************************* NAVIGATION ************************************************/
	.ush_menu_2.type_mobile .w-nav-anchor.level_1, .ush_menu_2.type_mobile .w-nav-anchor.level_1 + .w-nav-arrow {
    	font-size: 18px;
    	color: #4e3a2c;
	}
	
	/************************************* UEBER UNS ************************************************/
	#ueber-uns .cols_custom{
		--columns-gap: 0rem !important;
	}
	
	/************************************* KONTAKT ************************************************/
	#kontakt .cols_1-2-1{
		--columns-gap: 0rem !important;
	}
	#kontakt h3{
		font-size: 24px; !important;
	}
	/************************************* FOOTER ************************************************/
	#page-footer .us_custom_1e1a2df0, #page-footer .us_custom_50abb2fc, #page-footer .us_custom_c30419da{
		text-align: center !important;
	}
	#page-footer .cols_3{
		--columns-gap: 1rem !important;
	}
	#page-footer .us_custom_1b04de86{
		margin-top: 25px;
	}
	#page-footer .w-hwrapper.stack_on_mobiles>:not(script) {
        display: block;
        margin: 6px;
    }
}

header,footer{
	display: none;
}