h1 { display: none; }


/* 	========== HEAD ========== */
.headov { margin-bottom: -100px; overflow: hidden; padding-bottom: 160px;}
.head {  width: 100%; height: 100%; }
.head::before { position: absolute;content: '';top: 0;right: 0;bottom: 0;left: 0;background-image: url("/include/images/images/header-bg.jpg");background-size: cover;background-position: 50% 50%; width: 100%;height: 100%;}
.head::after { position: absolute;content: '';top: 0;right: 0;bottom: 0;left: 0; background:rgba(140,188,152, 0.6); background: -webkit-linear-gradient(to bottom right, rgba(9,117,55, 0.8), rgba(140,188,152, 0.7) 100%); background: linear-gradient(to bottom right, rgba(140,188,152, 0.8), rgba(9,117,55, 0.7) 100%);box-shadow: inset 0 -10px 30px -10px rgba(9,117,55,.2);-moz-box-shadow: inset 0 -10px 30px -10px rgba(9,117,55,.2);-webkit-box-shadow: inset 0 -10px 30px -10px rgba(9,117,55,.2);}
.head .header { width: 100%; max-width: 1380px;  padding: 0px 40px 60px 40px; margin: 0 auto; height: 500px; display: table; table-layout: fixed;}
.head .header .head-l { display: table-cell; vertical-align: middle; width: 100%; z-index: 7; }
.head .header .head-l h2 { font-size: 2.7rem; font-weight: 400; margin: 15px 0px 15px; color: #ffffff; }
.head .header .head-l h2 strong { font-weight: 600;  }
.head .header .head-l p { font-size: 1.2rem; margin: 10px 0px 35px 0px; color: #ffffff; }
.head .head-bg {position: absolute; z-index: 6;top: 0px;right: 0;width: 650px;height: 550px; box-shadow: 0 15px 40px 20px rgba(9,117,55,.2);-moz-box-shadow: 0 15px 40px 20px rgba(9,117,55,.2);-webkit-box-shadow: 0 15px 40px 20px rgba(9,117,55,.2);border-bottom-left-radius: 200px;overflow: hidden;}
.head .head-bg::before { position: absolute;content: '';top: 0;right: 0;bottom: 0;left: 0;background-image: url("/include/images/images/personalvermittlung-unterstuetzung-fuer-einrichtung.jpeg");background-size: cover;background-position: 50% 0%; width: 127%;height: 100%; }
.head .head-bg::after { position: absolute;content: '';top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%; background:rgba(140,188,152, 0.4);  background: -webkit-linear-gradient(to left, rgba(9,117,55, 0.55) -50%, rgba(140,188,152, 0.4));background: linear-gradient(to left, rgba(9,117,55, 0.55) -50%, rgba(140,188,152, 0.4));  }

.head .gtb { position: absolute; bottom: -20px; left: 49%; left: calc(50% - 20px); background: #ffffff; border-radius: 20px; height: 40px; width: 40px; z-index: 8;}
.head .gtb::before { position: absolute;font-family: 'Font Awesome 5 Free';font-weight: 900;content: '\f078';font-size: 1.2rem;color: #097537; top: 9px; left: 11px;}
.head .gtb:hover::before { color: #8cbc98; }


@media screen and (max-width: 1150px) 
{
	.head .gtb { display: none; }
	.headov { margin-bottom: -70px; }
	.head .header .head-l h2, .head .header .head-l p { text-align: center; }
	.head .header .head-l a { margin: 0 auto; text-align: center; }
	.head .head-bg { width: 90%; right: 5%; border-bottom-left-radius: 700px;border-bottom-right-radius: 700px; }
	.head .head-bg span { position: absolute;content: '';top: 0;right: 0;bottom: 0;left: 0;background:rgba(9,117,55, 0.7);width: 100%;height: 100%;  }
	.head::before,.head::after { display: none; }
}
@media screen and (max-width: 900px) 
{
	.head .header { height: 430px; }
	.headov { margin-bottom: -50px; padding-bottom: 200px;}
}
@media screen and (max-width: 850px) 
{
	.head .head-bg { width: 100%; right: 0%; }
}
@media screen and (max-width: 650px) 
{
	.head .header .head-l h2 { font-size: 2.2rem; }
	.head .head-bg { width: 100%; right: 0%; }
}
@media screen and (max-width: 550px) 
{
	.headov { margin-bottom: -40px; padding-bottom: 120px;}
	.head .head-bg { height: 470px;  }
	.head .header .head-l h2 { font-size: 2rem; }
	.head .header { padding: 0px 15px; } 
}