/*************************kontakt styling*************************/



.contact .page_title {text-align: center; padding-bottom: 25px;}
.contact .page_title h2 {text-transform: uppercase; font-size: 24px; font-family: 'gibson_bold';  }
.contact .page_title p { font-size:13px; font-family: 'Montserrat'; font-weight: 400; padding-top: 20px; line-height: 23px; } 

.contact .map_placeholder { width: 100%; padding-bottom: 30px; }

.contact .map_placeholder img { max-width: 100%; }

.contact .form_blog_block { width: 100%; display: flex; }
.contact .contact_form { width: 65%; }
.contact .form_field { width: 49.6%; display: inline-block; padding-bottom: 25px; box-sizing: border-box;}
.contact .form_field:nth-child(odd) { padding-right: 15px; }
.contact .form_field:last-child {padding:0px;}
.contact label  {display: block; padding-bottom: 10px; font-weight: 500; font-size: 15px;}
.contact .form_field input[type=text] , .contact .form_field input[type=email],.contact .form_field input[type=number] {font-size: 14px; width:100%; outline:none;
	border:none; border-radius: 4px;font-family: 'Montserrat'; box-sizing: border-box; background-color: #f3f3f3; padding: 15px 20px; height:auto;}
.contact .contact_form textarea {font-size: 14px; width:100%; resize: none; outline: none; border: none; border-radius: 4px; 
box-sizing: border-box; background-color:#f3f3f3; padding: 15px; min-height: 115px; font-family: 'Montserrat';}
.contact .captcha { width: 100%; padding: 25px 0px; }
.contact .captcha img {max-width: 100%; }
.contact .form_field input[type=submit] {font-size: 16px;outline:none; border:none; border-radius: 4px;font-family: 'Montserrat'; box-sizing: border-box;
padding: 10px;  color:#ededed; background-color:#009e58; width: 155px;}

.contact .blog_block {width: 33%;}

.contact .blog_block .dd_blog {border-left: 1px solid #e4e4e4; margin-left: 40px; padding-left: 40px; padding-bottom: 60px; box-sizing: border-box;}
.contact .blog_block .dd_blog li {margin-bottom: 0rem;}
.contact .blog_block .dd_blog h2 {font-size: 20px; font-family: 'gibson_bold'; text-transform: uppercase; padding-bottom:10px;}
.contact .blog_block .dd_blog li a { color:#161c26; font-size: 15px; display: block; padding: 10px 0px; font-weight: 500; box-sizing: border-box;  }
.contact .blog_block .dd_blog li a:hover { color:#009e58;}

.contact .contact_details{ width: 100%; display: flex; border: 1px solid #e4e4e4; margin:45px 0px; padding: 30px; box-sizing: border-box;}
.contact .contact_details .details { width: 33%; display: flex; justify-content: center;
border-right: 1px solid #e4e4e4; padding-right: 10px; padding-left: 10px;}
.contact .contact_details .details:last-child { border-right: none;}
.contact .contact_details .details p { font-weight: 500; color: #161c26; font-size: 15px; line-height: 25px; }
.contact .contact_details .details .image_block { padding: 0px 25px; box-sizing: border-box; }
.contact .contact_details .details .image_block img { max-width: 100%;}



/*************************responsive Kontakt*************************/


@media ( min-width: 200px) and (max-width: 900px)

{

.section_padding { padding:25px 0px;}
.contact .page_title h2 {font-size:18px; }
.contact .blog_block{ display:none;}
.contact .contact_form {width: 100%;}
.contact label { font-size: 12px; }

.contact .form_field { width: 100%; }
.contact .form_field input[type=text] , .contact .form_field input[type=email] {padding: 10px; }
.contact .form_field input[type=submit] { width: 125px; }
.contact .form_field:nth-child(odd) { padding-right:0px; }
.contact .contact_details { display: block;margin-top: 30px; padding: 15px; }
.contact .contact_details .details {width: 100%; display: block; text-align: center;padding-right: 0px; padding-left: 0px; padding-bottom: 20px; border-right: none;}
.contact .contact_details .details p { font-size: 12px; line-height: 21px; padding: 0px 10px;}

}

@media ( min-width: 500px) and (max-width: 901px)
{

.contact .form_field { width: 49.5%; }
.contact .contact_details { display: flex; width: 100%;}
.contact .contact_details .details { width: 33.3%; display: block; text-align: center;
padding-bottom: 0px; border-right: 1px solid #e4e4e4; padding-right: 0px; padding-left: 0px;}
.contact .contact_details .details .image_block {display: block; padding: 0px; padding-bottom: 10px;}
.contact .contact_details .details .image_block img {width: 40px;}
.contact .form_field:nth-child(odd) { padding-right: 15px; }
}

@media ( min-width: 700px) and (max-width: 901px)


{

.contact .blog_block{ display:block;}
.contact .blog_block .dd_blog { margin-left: 20px; padding-left: 20px; padding-bottom: 20px; }

.contact .contact_form {width: 65%;}
.contact .blog_block { display: block; width: 35%;}


}

@media ( min-width: 750px) and (max-width: 901px)
{
	.contact .contact_details .details { width: 33%; border-right: 1px solid #e4e4e4;}
	.contact .contact_details { padding: 30px; }
}