/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*Add your own styles here:*/

/******** Globale Änderung des Breakpoints 768 auf 820 ********/

@media only screen and (max-width: 819px) {
  .responsive .boxed #wrap_all {
        overflow:hidden
    }

    .responsive #top {
        overflow-x: hidden
    }

    .responsive #top.boxed .stretch_full,.responsive .boxed#top,.responsive.html_boxed.html_header_sticky #header,.responsive.html_boxed.html_header_transparency div #header {
        width: 100%;
        max-width: 100%
    }

    .responsive #top .flex_column_table_cell {
        display: block
    }

    .responsive #top .flex_column_table {
        display: block
    }

    .responsive #top #wrap_all .av-mobile-columns-flex {
        display: flex;
        flex-direction: column;
        width: 100%
    }

    .responsive #top #wrap_all .av-mobile-columns-flex.av-columns-reverse {
        flex-direction: column-reverse
    }

    .responsive #top #wrap_all .container {
        width: 85%;
        max-width: 85%;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        float: none
    }

    .responsive .unit,.responsive .units {
        margin: 0
    }

    .responsive #top #wrap_all .av-flex-cells .no_margin,.responsive #top #wrap_all .flex_column,.responsive #top .container .av-content-small {
        margin: 0;
        margin-bottom: 20px;
        width: 100%
    }

    .responsive #top #wrap_all .av-flex-cells .no_margin {
        display: block;
        margin: 0;
        height: auto!important;
        overflow: hidden;
        padding-left: 8%!important;
        padding-right: 8%!important
    }

    .responsive #top #wrap_all .av-flex-cells .no_margin .flex_cell_inner {
        width: 100%;
        max-width: 100%;
        margin: 0 auto
    }

    .responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .responsive #top #wrap_all .flex_column:empty {
        margin: 0
    }

    .responsive #top #wrap_all .av-layout-grid-container .av_one_full {
        margin-bottom: 0
    }
}
/************************************************************************/

/****** Startseite 1. Grid -> Iconboxen - Responsive Anpassung ******/

@media only screen and (min-width: 820px) and (max-width: 1300px) {
	#projektentwicklung {
		display: none;
	}
}
@media only screen and (max-width: 819px) {
	#projekt-entwicklung {
		display: none;
	}
}
@media only screen and (min-width: 1300px) {
	#projekt-entwicklung {
		display: none;
	}
}
@media only screen and (min-width: 820px) and (max-width: 940px) {
	#iconbox_1,
	#iconbox_2,
	#iconbox_3 {
		div:nth-child(1) {
			margin-right: 0px !important;
			svg {
				width: 38px !important;
				height: 38px !important;
			}
		}
		div:nth-child(2) h3 {
				font-size: 21px;
		}
	}
}
/**************************************************************************/

/****** Startseite 2. Grid -> Leistungsboxen - Responsive Anpassung ******/

#after_section_2 h2 {
	font-weight: 500;
}

@media only screen and (min-width: 820px) and (max-width: 1000px) {
	#after_section_2 h2 {
		font-size: 22px !important;
	}
}
/**************************************************************************/

/****** Startseite Call to action -> mehr erfahren - Responsive Anpassung ******/

#hls_stierle_gmbh {
	margin-top: 20px;
	h2 {
		font-weight: 700;
	}
}

@media only screen and (max-width: 819px) {
	.call_to_action div {
		height: 340px !important;
	}
}
/******************************************************************************/

/****** Abstand zwischen Call to action und Map ********/

#after_grid_row_1 > div > div {
	padding: 0;
}
/*******************************************************/

/****** Footer und Socket - Responsive Anpassung ******/

@media only screen and (max-width: 819px) {
	#footer > div {
		section {
			margin: 0 !important;
		}
		> div {
			text-align: center;
		}
	}
	#socket > div {
		text-align: center;
	}
	.copyright {
		float: none !important;
	}
}
/*****************************************************/

/*** Überlappung der Bilder auf Leistungsseite ***/

.leistung-pic {
    z-index: 1;
    margin-top: -60px !important;
    margin-bottom: -60px !important;
}
/*************************************************/

@media only screen and (max-width: 819px) {
    .responsive #top #wrap_all .av-layout-grid-container.av-flex-cells.av-grid-order-reverse {
        display:flex;
        flex-direction: column-reverse
    }

    .responsive #top #wrap_all .av-layout-grid-container.av-flex-cells.av-grid-order-individual {
        display: flex;
        flex-direction: column
    }
    
    #after_section_1 .hr {
    	height: 35px !important;
    }
    
    #av-layout-grid-1 > div:nth-child(2),
    #av-layout-grid-3 > div:nth-child(2),
    #av-layout-grid-2 > div:nth-child(1),
    #av-layout-grid-4 > div:nth-child(1),
    #av-layout-grid-5 > div:nth-child(2) {
    	> div {
    		margin-top: 35px !important;
    	}
    }
}

#after_section_1,
#after_section_2,
#after_grid_row_2,
#after_grid_row_3,
#after_grid_row_4,
#after_grid_row_5 {
	> div > div {
		padding: 0;
	}
}