.page { display: table; width: 100%; max-width: 1380px; margin: 0 auto; padding: 0px 40px; }
.callinput, h1 { display: none; }

/* 	========== HEAD ========== */
.head { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 510px;}.head::before { position: absolute;content: '';top: 0;right: 0;bottom: 0;left: 0;background: #097537;	background: -webkit-linear-gradient( 45deg, rgba(9,117,55, 1), rgba(140,188,152, 1)); background: linear-gradient( 45deg, rgba(9,117,55, 1), rgba(140,188,152, 1)); width: 100%;height: 100%;  }
.head .head-container { position: relative; width: 100%; max-width: 1380px;  margin: 0 auto; display: table; table-layout: fixed; z-index: 1;}
.head .head-container .header { filter: alpha(opacity=0); opacity: 0; }
.head .head-container .header.active { filter: alpha(opacity=100); opacity: 1;}
.head .head-container .header { position: absolute; top: 0; left: 0; width: 100%; padding: 80px 40px 200px 40px;}
.head .head-container .header .head-con { display: table-cell; vertical-align: middle; z-index: 3; width: 100%; }
.head .head-container .header::after { position: absolute;top: 0px;right: 0px;width: 600px;height: 100%; content: ''; z-index: 2;filter: alpha(opacity=30); opacity: 0.3;	background-size: contain;background-position: 50% 50%; background-repeat: no-repeat; }
.head .head-container .header#head-1::after { background-image: url("/include/images/images/kontakt-bg-1.png"); }
.head .head-container .header#head-2::after { background-image: url("/include/images/images/kontakt-bg-2.png"); }
.head .head-container .header .head-con h2 { font-size: 2.7rem; color: #ffffff; font-weight: 500; margin: 15px 0px 15px; }
.head .head-container .header .head-con p { font-size: 1.2rem; color: #ffffff; margin: 10px 0px 35px 0px; width: 100%; max-width: 600px; }


/* 	========== CONTACT-CENTER ========== */
.contact-cent { display: table;  padding: 0 0 0 16px; z-index: 6;   }
.contact-cent .coce-item { display: table-cell; vertical-align: bottom; color: #ffffff; font-weight: 500; font-size: 1.1rem; min-width: 240px; padding: 17px 30px; text-align: center; cursor: pointer; border-top-left-radius: 16px; border-top-right-radius: 16px;}
.contact-cent .coce-item i { padding: 0px 10px 0px 0px; font-size: 1.4rem;}
.contact-cent .coce-item.active { color: #097537; background: #ffffff;}
.coce-tab.dis { display: none; }


/* 	========== CONTACT ========== */
.contact-con { padding: 350px 0px 200px 0px; }
.contact {  background: #ffffff; border-radius: 16px; overflow: hidden; z-index: 8; -webkit-box-shadow:0 15px 40px 20px rgba(2,48,115,.1); -moz-box-shadow:0 15px 40px 20px rgba(2,48,115,.1);  box-shadow: 0 15px 40px 20px rgba(2,48,115,.1);}
.contact h2 { font-size: 1.3rem; font-weight: 500; margin: 0px 0px 30px; }
.contact .contact-c { display: table; width: 100%; table-layout: fixed; }
.contact .contact-c .cc-1,.contact .contact-c .cc-2 { display: table-cell; vertical-align: top; padding: 40px; }
.contact .contact-c .cc-1 { width: 60%; }
.contact .contact-c .cc-2 { width: 40%; background: #097537;}
.contact .contact-c .cc-2 h2 { color: #ffffff; }


/* 	========== CONTACT PANELS ========== */
/* contact-contact */
.contact-contact textarea {min-height: 175px; }
.contact-contact button { margin: 30px 0 0 0; }
.contact-contact .send { text-align: center; padding: 40px 0px;}
.contact-contact .send h2 { font-size: 1.4rem; }
.contact-contact .send h2 i { font-size: 3rem; display: block; margin-bottom: 15px; }
/* contact-rueckruf */
.contact-rueckruf textarea {min-height: 175px; }
.contact-rueckruf button { margin: 30px 0 0 0; }
.contact-rueckruf .send { text-align: center; padding: 40px 0px; }
.contact-rueckruf .send h2 { font-size: 1.4rem; }
.contact-rueckruf .send h2 i { font-size: 3rem; display: block; margin-bottom: 15px; } 
.contact-rueckruf .split-con { display: table; table-layout: fixed; width: 100%; }
.contact-rueckruf .split-con-1 { padding: 0 15px 0px 0; }
.contact-rueckruf .split-con-1, .contact-rueckruf .split-con-2 { display: table-cell;  width: 50%; vertical-align: middle;  }
.contact-rueckruf .split-con-1 .fgfy, .contact-rueckruf .split-con-2 .fgfy { margin: 0; display: table; width: 100%;   } 
/* contact side */
.contact-side iframe { display: table; max-width: 100%; max-height: 300px; border-radius: 16px; background: #f8f7f6; margin-bottom: 30px; overflow: hidden;}
.contact-side h3 { font-weight: 600; font-size: 1rem; color: #ffffff;}
.contact-side p { color: #ffffff; font-size: 0.95rem; }
.contact-side p strong {line-height: 2rem; font-size: 1rem; }
.contact-side p span { display: block; }
.contact-side .clist,.contact-side .clist li { list-style: none;list-style-type: none;padding: 0;margin: 0 0 0 0; }
.contact-side .clist a { color: #ffffff !important; }
.contact-side .clist a:hover{ color: #8cbc98 !important; }
.contact-side .clist { margin: 15px 0px; }
.contact-side .clist li {  font-size: 0.95rem;}
.contact-side .clist li a { padding: 4px 0px; display: table;}
.contact-side .clist { margin: 15px 0px 25px 0px; }
.contact-side .clist li i { font-size: 1.2rem; min-width: 20px; min-height: 20px; margin-right: 5px;   }
.contact-side .clist li a { padding: 8px 0px; margin: 0; display: table; }


/* transition */
.head .header,.contact-cent, .contact-cent .coce-item { 
	-webkit-transition: filter 0.2s ease-in-out,opacity 0.2s ease-in-out,width 0.2s ease-in-out,left 0.2s ease-in-out,background 0.2s ease-in-out,color 0.2s ease-in-out;
	-moz-transition: filter 0.2s ease-in-out,opacity 0.2s ease-in-out,width 0.2s ease-in-out,left 0.2s ease-in-out,background 0.2s ease-in-out,color 0.2s ease-in-out;
	-o-transition: filter 0.2s ease-in-out,opacity 0.2s ease-in-out,width 0.2s ease-in-out,left 0.2s ease-in-out,background 0.2s ease-in-out,color 0.2s ease-in-out;
	-ms-transition: filter 0.2s ease-in-out,opacity 0.2s ease-in-out,width 0.2s ease-in-out,left 0.2s ease-in-out,background 0.2s ease-in-out,color 0.2s ease-in-out;
	transition: filter 0.2s ease-in-out,opacity 0.2s ease-in-out,width 0.2s ease-in-out,left 0.2s ease-in-out,background 0.2s ease-in-out,color 0.2s ease-in-out; 
}


@media screen and (max-width: 900px) 
{
	.head .head-container .header::after { filter: alpha(opacity=10); opacity: 0.1; }
	.contact .contact-c .cc-1,.contact .contact-c .cc-2 { display: block; width: 100%; border: 0;}
}
@media screen and (max-width: 650px) 
{
	.head .head-container .header, .contact-cent { margin: 0 auto; }
	.head .head-container .header .head-con h2 { font-size: 2rem; }
	.page { padding: 0px 20px; }
	.contact .contact-c .cc-1, .contact .contact-c .cc-2 { padding: 35px 20px; }
	.contact-cent .coce-item { padding: 20px 15px 90px 15px; }
	.contact-cent {  width: 100%; table-layout: fixed; margin-bottom: -70px; padding: 0; }
	.contact { border-radius: 45px; }
	.page { padding: 0px 0px; }
	.contact .contact-c .cc-1, .contact .contact-c .cc-2 { padding: 40px; }  
	.contact-cent .coce-item { background: rgba(9,117,55,0.3); }
}
@media screen and (max-width: 550px) 
{
	.head .head-container .header { padding: 80px 15px 200px 15px;}
	.contact .contact-c .cc-1, .contact .contact-c .cc-2 { padding: 35px 15px; }
	.contact .contact-c .cc-1 h2, .contact .contact-c .cc-2 h2 { text-align: center; }
}
@media screen and (max-width: 500px) 
{
	.contact-rueckruf .split-con-1, .contact-rueckruf .split-con-2 { display: block; width: 100%; padding: 0 0 15px 0px; }
}
@media screen and (max-width: 400px) 
{
	.head { height: 550px; }
	.head .head-container .header { padding: 80px 15px 240px 15px;}
	.contact-cent .coce-item { font-size: 1rem; }
	.contact-cent .coce-item i { display: block; padding: 0 0 10px 0; } 
}
@media screen and (max-width: 340px) { .head { height: 590px; } }
@media screen and (max-width: 320px) { .contact-con { padding-top: 380px; } .head { height: 620px; } }