/* CSS Datei zu faessler-holz.ch bp470.css */


body {
	font-size: 0.55em;
}

/*Web Typografie _______________________________________________ */



@media only screen and (min-width: 375px) and (max-width: 740px) and (orientation: portrait)  {/* iPhone 6/7 plus */

h2:after {
  	bottom: -15px;
  	left: 2px;
  	width: 25%;
}

h4 {
	font-size: 2.8em;
	font-weight: 600;
	line-height: 1.3em;
	letter-spacing: -1px;
	margin: 0px 0 35px 0;
}

h4:after {
  	bottom: -12px;
  	left: 2px;
  	width: 18%;
}

p.p1 {
	font-size: 1.9em;
	font-weight: 400;
	font-style: normal;
	line-height: 1.5em;
	letter-spacing: 1px;
	margin: 4% 0 2% 0;
}
}

@media only screen and (min-width: 320px) and (max-width: 374px) and (orientation: portrait)  {/* iPhone 5 und SE */

body {
	font-size: 0.50em;
}

h2 {
	font-size: 3.5em;
	white-space: normal;
}	
.line-break {
	display: none;
}

h2:after {
  	bottom: -15px;
  	left: 2px;
  	width: 25%;
}

h4 {
	font-size: 2.6em;
	font-weight: 600;
	line-height: 1.3em;
	letter-spacing: -1px;
	margin: 0px 0 35px 0;
}

h4:after {
  	bottom: -12px;
  	left: 2px;
  	width: 18%;
}

p.p1 {
	font-size: 1.9em;
	font-weight: 200;
	font-style: normal;
	line-height: 1.5em;
	letter-spacing: 1px;
	margin: 4% 0 2% 0;
}
}



/*ENDE Web Typografie _______________________________________________ */


/*HEADER _______________________________________________ */

#container_max_width_header {
	padding: 15px 15px 0 15px;
}

/*ENDE HEADER _______________________________________________ */



/*SLIDER _______________________________________________ */


.container_max_width_slider {
	padding: 0 15px;
}

.slider_inner_content:nth-child(1) {
	max-width: 100%;
	z-index: 1; 
	margin: 7% 0 5% 0;
}

.slider_inner_content:nth-child(2) {
	width: 46%;
	min-width: 200px;
	margin: 5% 0 10% 0;
}


a.button, a.button:visited {
  	font-size: 1.6em;
  	padding: 0 4%;
}

/*ENDE SLIDER _______________________________________________ */




/* SECTION COMPANY _______________________________________________ */

.container_max_width_company {
	padding: 50px 15px 30px 15px;
}

.company_inner_content:nth-child(1) {
	max-width: 100%;
	margin: 0 0 5% 0;
}

/* ENDE SECTION COMPANY _______________________________________________ */




/* SECTION BENEFITS _______________________________________________ */

.container_max_width_benefits {
	padding: 65px 15px 0 15px;
}



/* ENDE SECTION BENEFITS _______________________________________________ */


/* SECTION QUOTE _______________________________________________ */

.container_max_width_quote {
	padding: 50px 15px 30px 15px;
}

.quote_inner_content:nth-child(1) {
	max-width: 100%;
}

/* ENDE SECTION QUOTE _______________________________________________ */



/* SECTION TEAM _______________________________________________ */

.container_max_width_team {
	padding: 50px 15px 30px 15px;
}

.container_max_width_team {
display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
            align-items: flex-start;
}


.team_inner_content:nth-child(1) {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 70%;
	flex: 0 0 70%;
	-ms-flex-item-align: auto;
        align-self: auto;
	margin: 0 0 40px 0;
}

.team_inner_content:nth-child(2) {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 70%;
	flex: 0 0 70%;
    -ms-flex-item-align: auto;
        align-self: auto;
	z-index: 1; 
	height: auto;
	margin: 0 0 40px 0;
}

figcaption.team {
  	font-family: 'Open Sans', sans-serif;
  	font-size: 1.7em;
  	font-weight: 400;
  	font-style: normal;
  	letter-spacing: 2px;
  	line-height: 1.7em;
  	text-transform: uppercase;
  	margin: 6% auto;
  	padding: 0;
}

figcaption span.italic {
  	font-style: italic;
  	letter-spacing: 0;
  	line-height: 1.7em;
  	text-transform: none;
}



/* ENDE SECTION TEAM _______________________________________________ */


/* SECTION CONTACT _______________________________________________ */

.container_max_width_contact {
	padding: 50px 15px 30px 15px;
}

.contact_inner_content:nth-child(1) {
	max-width: 100%;
	margin: 0 0 5% 0;
}

.container_max_width_contactform {
	padding: 50px 15px 0 15px;
}

@media only screen and (min-width: 320px) and (max-width: 450px) and (orientation: portrait)  {/* iPhone 5 und 6, 6/7 plus */
.vanilla-form input[type="text"],
.vanilla-form input[type="email"],
.vanilla-form input[type="tel"],
.vanilla-form textarea,
.vanilla-form select {
	font-size: 1.8em;
	font-weight: 200;
	font-style: normal;
	line-height: 1.5em;
	letter-spacing: 2;
	text-transform: none;
}	

.vanilla-form input[type="button"],
.vanilla-form input[type="submit"],
.vanilla-form input[type="reset"],
.vanilla-form button {
  	width: 30%;
  	min-width: 180px;
  	font-size: 1.6em;
  	line-height: 3.2em;
  	padding: 0 4%;
}

.vanilla-form input[type="submit"].state-initial {
  	width: 30%;
  	min-width: 180px;
  	font-size: 1.6em;
  	font-weight: 400;
  	padding: 0 4%;
}


.vanilla-form .notification-box {
	font-size: 1.9em;
}

.vanilla-form .notification-box.show-success:before, .vanilla-form .notification-box.show-error:before {
    font-size: 1.5em !important;
    line-height: 0.5em;
}	
}


/* ENDE SECTION CONTACT _______________________________________________ */



/*Google map _______________________________________________ */

#google_map {
	height: 480px;
}


/*ENDE Google map _______________________________________________ */

/*SECTION INFO _______________________________________________ */

#info {
	padding-bottom: 8%;
}


.container_max_width_info {
	padding: 50px 15px 30px 15px;
}


/*ENDE SECTION INFO _______________________________________________ */


/*SECTION IMPRESS  _________________*/

#header_close_button {
	height: 50px;
}



.container_max_width_close_button {
	min-height: 50px;
	margin: 0 auto;
	padding: 0 15px 0 15px;
}

#impress {
	padding-bottom: 8%;
}


.container_max_width_impress {
	padding: 100px 15px 30px 15px;
}


/*ENDE SECTION IMPRESS  _________________*/



/*INFOBAR _______________________________________________ */

.container_max_width_footer {
	padding: 0 15px;
}

.infobar:nth-child(4) {  
    margin-right: -8px; 
    padding: 0; 
}

.icon-top:before {
    margin-right: 0;
}


/*ENDE INFOBAR _______________________________________________ */