/* raleway-300 - latin_latin-ext */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/raleway-v12-latin_latin-ext-300.eot'); /* IE9 Compat Modes */
	src: local('Raleway Light'), local('Raleway-Light'),
		url('../fonts/raleway-v12-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/raleway-v12-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/raleway-v12-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */
		url('../fonts/raleway-v12-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/raleway-v12-latin_latin-ext-300.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-300italic - latin_latin-ext */
@font-face {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 300;
	src: url('../fonts/raleway-v12-latin_latin-ext-300italic.eot'); /* IE9 Compat Modes */
	src: local('Raleway Light Italic'), local('Raleway-LightItalic'),
		url('../fonts/raleway-v12-latin_latin-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/raleway-v12-latin_latin-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/raleway-v12-latin_latin-ext-300italic.woff') format('woff'), /* Modern Browsers */
		url('../fonts/raleway-v12-latin_latin-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/raleway-v12-latin_latin-ext-300italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-italic - latin_latin-ext */
@font-face {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/raleway-v12-latin_latin-ext-italic.eot'); /* IE9 Compat Modes */
	src: local('Raleway Italic'), local('Raleway-Italic'),
		url('../fonts/raleway-v12-latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/raleway-v12-latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/raleway-v12-latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */
		url('../fonts/raleway-v12-latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/raleway-v12-latin_latin-ext-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-500 - latin_latin-ext */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/raleway-v12-latin_latin-ext-500.eot'); /* IE9 Compat Modes */
	src: local('Raleway Medium'), local('Raleway-Medium'),
		url('../fonts/raleway-v12-latin_latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/raleway-v12-latin_latin-ext-500.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/raleway-v12-latin_latin-ext-500.woff') format('woff'), /* Modern Browsers */
		url('../fonts/raleway-v12-latin_latin-ext-500.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/raleway-v12-latin_latin-ext-500.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin_latin-ext */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/raleway-v12-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
	src: local('Raleway'), local('Raleway-Regular'),
		url('../fonts/raleway-v12-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/raleway-v12-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/raleway-v12-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
		url('../fonts/raleway-v12-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/raleway-v12-latin_latin-ext-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-500italic - latin_latin-ext */
@font-face {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 500;
	src: url('../fonts/raleway-v12-latin_latin-ext-500italic.eot'); /* IE9 Compat Modes */
	src: local('Raleway Medium Italic'), local('Raleway-MediumItalic'),
		url('../fonts/raleway-v12-latin_latin-ext-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/raleway-v12-latin_latin-ext-500italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/raleway-v12-latin_latin-ext-500italic.woff') format('woff'), /* Modern Browsers */
		url('../fonts/raleway-v12-latin_latin-ext-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/raleway-v12-latin_latin-ext-500italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-600 - latin_latin-ext */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/raleway-v12-latin_latin-ext-600.eot'); /* IE9 Compat Modes */
	src: local('Raleway SemiBold'), local('Raleway-SemiBold'),
		url('../fonts/raleway-v12-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/raleway-v12-latin_latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/raleway-v12-latin_latin-ext-600.woff') format('woff'), /* Modern Browsers */
		url('../fonts/raleway-v12-latin_latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/raleway-v12-latin_latin-ext-600.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-600italic - latin_latin-ext */
@font-face {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 600;
	src: url('../fonts/raleway-v12-latin_latin-ext-600italic.eot'); /* IE9 Compat Modes */
	src: local('Raleway SemiBold Italic'), local('Raleway-SemiBoldItalic'),
		url('../fonts/raleway-v12-latin_latin-ext-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/raleway-v12-latin_latin-ext-600italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/raleway-v12-latin_latin-ext-600italic.woff') format('woff'), /* Modern Browsers */
		url('../fonts/raleway-v12-latin_latin-ext-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/raleway-v12-latin_latin-ext-600italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

* {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #445050;
}
html {
	-webkit-font-smoothing: antialiased;
	height: 100%;
}
body {
	margin: 0 auto;
	background: #445050;
	height: 100%;
	position: relative;
}
h1, h2, h3 {
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
}
h1 {
	color: #fff;
	padding: 430px 0 0 0;
	margin: 0 0 30px 0;
	font-size: 45px;
	line-height: 45px;
	text-align: center;
	text-transform: uppercase;
	
}
h2 {
	font-size: 30px;
	line-height: 34px;
	margin: 0 auto 30px auto;
	padding: 0;
	color: #528130;
	text-align: center;
	text-transform: uppercase;
	max-width: 600px;
}
h3 {
	color: #528130;
	font-size: 20px;
	line-height: 24px;
	margin: 0 0 10px 0; 
}
p {
	font-size: 15px;
	line-height: 21px;
	margin: 0 0 21px 0;
	color: #445050;
}
.content.green h2,
.content.green h3,
.content.green p {
	color: #fff;
}
img, 
a img {
	border: 0px;
	padding: 0px;
	margin: 0;
}
a {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
p a {
	color: #528130;
	text-decoration: underline;
}
p a:hover,
p a:focus {
	text-decoration: none;
	color: #445050;
}
.cleaner {
	clear: both;
}
.group {
	margin: 0 0 40px 0;
}
.group:after {
	content: "";
	display: table;
	clear: both;
}
.frame {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 10px;
	position: relative;
}
.frame.max-800 {
	max-width: 800px;
}
ul {
	margin: 0;
	padding: 0;
}
ul li {
	font-size: 15px;
	line-height: 21px;
	margin: 0 0 5px 0;
}
a.button {
	display: inline-block;
	background: #528130 url(../gfx/arrow.png) no-repeat scroll right 15px center / auto 16px;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 15px;
	padding: 15px 40px 13px 20px;
	text-align: center;
	cursor: pointer;
	font-weight: normal;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	text-decoration: none;
}
a.button:hover {
	color: #fff;
	opacity: 0.7;
}
a.button.mail {
	background: #528130 url(../gfx/mail.png) no-repeat scroll right 15px center / auto 16px;
	padding: 15px 45px 13px 20px;
}
a.button.mail.clear {
	padding: 0 0 0 27px;
	background: transparent url(../gfx/mail_green.png) no-repeat scroll left center / auto 16px;
	color: #528130;
	text-transform: none;
	text-decoration: underline;
}
img.retina {
	width: 100%;
	margin: 0 auto;
	max-width: 400px;
}
.content.green a.button {
	background: #fff url(../gfx/mail_green.png) no-repeat scroll right 15px center / auto 16px;
	color: #528130;
}
body#start p {
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 25px;
	text-align: center;
}
ul.list {
	margin: 0 0 21px 0;
	padding: 0;
}
ul.list li {
	list-style: none;
	font-size: 15px;
	line-height: 21px;
	margin: 0;
	padding: 0 0 7px 15px;
	position: relative;
}
ul.list li:last-child {
	padding-bottom: 0;
}
ul.list span {
	color: #528130;
	width: 15px;
	position: absolute;
	left: 0;
	top: 0;
}
ul.zertifikate {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	display: inline-block;
}
ul.zertifikate li {
	list-style: none;
	float: left;
	margin: 0 30px;
	padding: 0;
}
ul.zertifikate li img {
	width: 100%;
	max-width: 200px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	cursor: pointer;
}
ul.zertifikate li img:hover {
	transform: scale(2.2);
}
ul.line {
	margin: 0 auto 21px auto;
	padding: 0;
	width: 100%;
	max-width: 600px;
}
ul.line li {
	margin: 10px 0 0 0;
	padding: 0 10px 10px 10px;
	list-style: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	color: #fff;
	text-align: center;
	font-size: 15px;
	line-height: 21px;
}
ul.line li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}
/* HEADER */
.navigation {
	margin: 0;
	padding: 15px 0 12px 0;
	background: #fff url(../gfx/bg_ul.png) repeat-x left 15.5px;
	background-size: auto 25.5px;
	position: fixed;
	top: 0;
	display: block;
	width: 100%;
	box-sizing: border-box;
	box-shadow: 0 8px 5px rgba(0, 0, 0, 0.2);
	z-index: 999;
}
.navigation .frame {
	max-width: none;
	padding: 0;
}
.navigation img {
	width: 235px;
	z-index: 999;
}
.navigation ul {
	margin: 0;
	padding: 0;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 1px;
}
.navigation ul li {
	list-style: none;
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	box-sizing: border-box;
}
.navigation ul li a {
	text-decoration: none;
	padding: 59px 12px 13px 12px;
	display: block;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 17px;
	margin: 0;
	cursor: pointer;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
}
.navigation ul li a:hover,
.navigation ul li a:focus {
	color: #fff;
	background: #528130;
}
.navigation ul li.active a {
	color: #fff;
	background: #528130;
}
.navigation ul li.active a:hover,
.navigation ul li.active a:focus {
	color: #fff;
	background: #528130;
	opacity: 0.8;
}
.navigation span.menu {
	display: none;
	border: 1px solid #528130;
	color: #528130;
	cursor: pointer;
	position: absolute;
	top: 29px;
	right: 15px;
	font-size: 15px;
	line-height: 15px;
	padding: 7px 10px 7px 32px;
	background: #fff url(../gfx/menu.png) no-repeat 10px center;
	background-size: auto 12px;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
}
#navigation span.menu:hover {
	opacity: 0.7;
}
.header {
	height: 600px;
	background: #fff url(../gfx/visual.jpg) no-repeat center top;
	background-size: cover;
}
.header#ueber_uns, .header#kontakt {
	background: #fff url(../gfx/bg_hero.jpg) no-repeat center top;
	background-size: cover;
}
.header#arbeitgeber {
	background: #fff url(../gfx/bg_arbeitgeber.jpg) no-repeat center center;
	background-size: cover;
}
.header#arbeitnehmer {
	background: #fff url(../gfx/bg_arbeitnehmer.jpg) no-repeat center center;
	background-size: cover;
}
.header#stellenangebote {
	background: #fff url(../gfx/bg_stellenangebote.jpg) no-repeat center center;
	background-size: cover;
}
.header .overlay {
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.25);
}
body#start .header {
	position: relative;
	width: 100%;
	height: 100% !important;
	top: 0;
	padding: 0;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
	background: #fff url(../gfx/visual.jpg) no-repeat center top / cover;
}
body#start .header h1 {
	padding: 630px 0 0 0;
}
/* ENDE HEADER */

/* CONTENT */
.content {
	background: #fff;
	padding: 120px 0 100px 0;
}
.content.green {
	background: #528130;
}
.content.grey {
	background: #eceded;
}
.col {
	float: left;
	margin: 0 4% 0 0;
	position: relative;
}
.col.col-2 {
	width: 48%;
}
.col.col-3 {
	width: 30%;
	margin-right: 0;
	float: none;
}
.col.last {
	margin-right: 0;
}
.center {
	text-align: center;
}
.center p {
	margin: 0 auto 21px auto;
	max-width: 600px;
}
.box {
	background: #eceded;
	margin: 0 0 23px 0;
	padding: 15px;
}
p span {
	font-weight: bold;
	color: #528130;
}
/* ENDE CONTENT */

iframe {
	width: 100%;
	height: 600px;
	position: absolute;
}
.header#kontakt {
	position: relative;
}

/* FOOTER */
.footer {
	padding: 15px 0 45px 0;
	margin: 0;
	background: #445050;
}
.footer p,
.footer p a,
.footer ul li a,
.footer ul li {
	font-family: Arial;
	color: #fff;
	font-size: 12px;
	line-height: 15px;
}
.footer ul li {
	float: left;
	margin: 0 15px 0 0;
	list-style: none;
}
.footer ul li a:hover {
	color: #528130;
}
.footer p {
	position: absolute;
	right: 15px;
	top: 0; 
}
.footer a {
	text-decoration: underline;
}
body#start .footer {
	background: transparent;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-bottom: 15px;
}
body#start .footer p {
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
}
/* ENDE FOOTER */

p.last,
ul.list.last,
.group.last {
	margin-bottom: 0;
}

@media (max-width: 1115px) {
	.navigation {
		background: #fff url(../gfx/bg_ul.png) repeat-x left 15.5px;
		background-size: auto 18.5px;
	}
	.navigation .frame {
		max-width: none;
		padding: 0;
	}
	.navigation img {
		width: 173px;
		z-index: 999;
	}
	.navigation ul {
		top: 1px;
	}
	.navigation ul li {
		margin: 0 5px 0 0;
	}
	.navigation ul li a {
		padding: 41px 12px 14px 12px;
		font-size: 15px;
		line-height: 15px;
	}
	body#start .header h1 {
		padding: 530px 0 0 0;
	}
}
@media (max-width: 910px) {
	.col,
	.col.col-1,
	.col.col-2 {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.navigation span.menu {
		display: inline-block;
	}
	.navigation ul {
		display: none;
		background: #fff;
		position: relative;
		left: 0;
		top: 18px;
		width: 100%;
		box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
	}
	.navigation ul li {
		float: none;
		margin: 0;
		border-bottom: 1px solid #f2f2f2;
		text-align: left;
		display: block;
	}
	.navigation ul li a {
		padding: 15px 12px 13px 12px;
		font-size: 15px;
		line-height: 15px;
	}
	.header,
	iframe {
		height: 300px;
	}
	h1 {
		font-size: 35px;
		line-height: 35px;
		margin: 0 0 15px 0;
		padding: 200px 0 0 0;
	}
	h2 {
		font-size: 24px;
		line-height: 30px;
	}
	.content {
		padding: 60px 0 40px 0;
	}
	.group {
		margin: 0 0 20px 0;
	}
	.footer p {
		right: auto;
		top: 0;
		position: relative;
		margin: 0;
		padding: 0;
	}
	body#start h1 {
		padding: 120px 0 0 0;
	}
	body#start .footer {
		padding-bottom: 10px;
	}
	body#start .footer p {
		text-align: left;
	}
}
@media (max-width: 620px) {
	ul.zertifikate li {
		float: none;
		margin: 0 0 15px 0;
		padding: 0;
		text-align: center;
	}
	.header#ueber_uns {
		background: #fff url(../gfx/visual.jpg) no-repeat center 20px / cover;
	}
	body#start .header h1 {
		padding: 150px 0 0 0;
	}
}