h1 { display: none; }


/* 	========== HEAD ========== */
.headov { margin-bottom: -140px; overflow: hidden; padding-bottom: 200px;}
.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; margin: 0 auto; height: 600px; 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: -350px;right: -300px;width: 1100px;height: 900px; 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-radius: 200px;overflow: hidden;-moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); -webkit-transform: rotate(40deg); transform: rotate(40deg);}
.head .head-bg::before { position: absolute;content: '';top: 0;right: 0;bottom: 0;left: 0;background-image: url("/include/images/images/direktvermittlung-von-personal-fuer-medizin-und-pflege.jpeg");background-size: contain;background-position: 50% 80%; width: 125%;height: 125%; -moz-transform: rotate(-40deg); -ms-transform: rotate(-40deg); -o-transform: rotate(-40deg); -webkit-transform: rotate(-40deg); transform: rotate(-40deg); }
.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-llinear-gradient(-120deg, rgba(9,117,55, 0.55)-20%, rgba(140,188,152, 0.4));background: linear-gradient(-120deg, rgba(9,117,55, 0.55)-20%, 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; }


/* 	========== PROOFS ========== */
.proofs { display: table; width: 100%; }
.proofs .proofs-list,.proofs .proofs-con { display: table-cell; vertical-align: top;}
.proofs .proofs-list { width: 60%; }
.proofs .proofs-con { width: 40%; padding-left: 25px; }
.proofs .proofs-con .proofs-card  { position: sticky; position: -webkit-sticky; top: 180px; margin-bottom: 15px;}

/* 	========== SMA ========== */ 
.sma ul { margin: -20px auto 0 auto; z-index: 10; text-align:center; }
.sma ul li { position: relative;display: inline-block;vertical-align: top; padding: 0 0;  padding: 20px; z-index: 2;}
.sma ul li .lcon { position: relative; display: table; margin: 0 auto; width: 300px;} 
.sma ul li .lcon .con { display: table; width: 100%; padding: 12px 10px 12px 10px; text-align: left; } 
.sma ul li .lcon .img { position: relative; display: table; width: 100%; height: 140px;}
.sma ul li .lcon .img {background-size: cover;background-position: 100% 0%;} 
.sma ul li:nth-child(1) .lcon .img { background-image: url("/include/images/images/personalvermittlung-arzt-und-aerztin.jpg"); }
.sma ul li:nth-child(2) .lcon .img { background-image: url("/include/images/images/personalvermittlung-einrichtungsleitung.jpg"); }
.sma ul li:nth-child(3) .lcon .img { background-image: url("/include/images/images/personalvermittlung-pflegedienstleitung.jpg"); }
.sma ul li:nth-child(4) .lcon .img { background-image: url("/include/images/images/personalvermittlung-wohnbereichsleitung.jpg"); }
.sma ul li:nth-child(5) .lcon .img { background-image: url("/include/images/images/personalvermittlung-fach-gesundheits-und-krankenpfleger.jpg"); }
.sma ul li:nth-child(6) .lcon .img { background-image: url("/include/images/images/personalvermittlung-gesundheits-und-krankenpfleger.jpg"); }
.sma ul li:nth-child(7) .lcon .img { background-image: url("/include/images/images/personalvermittlung-altenpfleger.jpg"); }
.sma ul li:nth-child(8) .lcon .img { background-image: url("/include/images/images/personalvermittlung-pflegehelfer.jpg"); }




@media screen and (max-width: 1150px) 
{
	.head .gtb { display: none; }
	.head .head-bg { top: -380px;right: -60px;width: 1181px; height: 853px; border-bottom-right-radius: 400px;  }
	.head .header { height: 480px; }
	.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 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; }
	.headov { margin-bottom: -50px; }
}
@media screen and (max-width: 850px) 
{
	.proofs .proofs-card { padding: 25px 15px; margin: 0; }
	.proofs .proofs-list,.proofs .proofs-con { display: block; width: 100%;}
	.proofs .proofs-con { padding: 25px 0px 0px 0px; }
}
@media screen and (max-width: 800px) 
{
	.sma ul li {padding: 5px 5px 25px 5px; }
}
@media screen and (max-width: 710px) 
{
	.sma ul li { width: 100%; display: block;}
	.sma ul li a { width: 100%; }
	.sma ul li .lcon { width: 80%; }
	.sma ul li .lcon .con { text-align: center; }
}
@media screen and (max-width: 650px) 
{
	.head .header .head-l h2 { font-size: 2.2rem; }
	.head .head-bg { width: 900px; right: -120px; border-bottom-right-radius: 300px;  }
	.headov { margin-bottom: -80px; }
}
@media screen and (max-width: 550px) 
{
	.head .header { padding: 0px 15px; }
	.head .header .head-l h2 { font-size: 2rem; }
}
@media screen and (max-width: 550px) 
{
	.sma ul li {padding: 0px 0px 20px 0px; }
	.sma ul li .lcon { width: 100%; }
}