@font-face {
	font-family:"Avenir";
	src:url("../fonts/avanir.eot?#iefix");
	src:url("../fonts/avanir.eot?#iefix") format("eot"),url("../fonts/avanir.woff2") format("woff2"),url("../fonts/avanir.woff") format("woff"),url("../fonts/avanir.ttf") format("truetype");
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
	padding: 0;
	margin: 0;
	font-family: "Avenir", Arial;
	font-size: 20px;
	line-height: 1.5;
	color: #333;
}

ul {
	margin: 0px;
}

.container {
	widows: 100%;
	max-width: 1200px;
	margin: 0 auto;
	clear: both;
	padding-left: 15px;
	padding-right: 15px;
}

header {
	width: 100%;
	height: 35px;
	background-color: #222145;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 999;
}

.error {
	color: red;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
}

.logo {
	position: relative;
	float: left;
	z-index: 99999;
}

.logo img {
	-webkit-box-shadow: 0px 0px 11px -3px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 11px -3px rgb(0 0 0 / 50%);
    width: 178px;
}

.logodescription {
	float: left;
	margin-left: 15px;
	color: white;
	line-height: 35px;
	font-weight: bold;
	font-size: 14px;
}

.header-image {
	max-height: 500px;
	overflow: hidden;
	position: relative;
}

.header-image img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.header-image:after {
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	content: "";
	background: -moz-linear-gradient(left, rgba(15,23,72,1) 0%, rgba(15,23,72,0) 100%);
	background: -webkit-linear-gradient(left, rgba(15,23,72,1) 0%,rgba(15,23,72,0) 100%);
	background: linear-gradient(to right, rgba(15,23,72,1) 0%,rgba(15,23,72,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f1748', endColorstr='#000f1748',GradientType=1 );
}

.header-image .titels {
	position: absolute;
	width: 100%;
	left: 0px;
	right: 0px;
	top: 45%;
	z-index: 999;
}

.header-image h2 {
  display: block;
  width: 100%;
  text-align: center;
  color: #0093d5;
  color: #FFF;
  font-weight: bold;
  font-size: 48px;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
  margin: 0;
  padding: 0;
}

.header-image h3 {
  display: block;
  width: 100%;
  text-align: center;
  color: #FFF;
  font-size: 34px;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);
  margin: 0;
  padding: 0;
}

.header-text {
	background-color: #222145;
	color: #FFF;
	text-align: center;
	padding: 40px 15px;
	font-size: 26px;
}

.header-text p {
	padding: 0px;
	margin: 0px;
}

.body {
	padding: 40px 0;
}

.ueber-uns {
	padding: 60px 0;
}

.ueber-uns h2 {
	color: #314394;
}

.ueber-uns ul {
	margin-top: 40px;
}

.ueber-uns li {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 20px;
}

.vorteile {
	background-color: #e9e9e9;
	padding: 60px 0px;
}

.vorteile h2 {
	color: #314394;
}

.vorteile ul {
	margin-top: 40px;
	padding-left: 0;
}

.vorteile li {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 20px;
    list-style: none;
    padding-left: 55px;
    position: relative;
}

.vorteile li:before {
    display: inline-block;
    content: "";
    background: transparent url(../images/check.png) left -8px no-repeat;
    width: 55px;
    height: 35px;
    background-size: 46px auto;
    position: absolute;
    left: 0;
    top: 0;
}

.anzeigen {
	padding: 60px 0 80px 0;
}

.anzeigen h2 {
	color: #314394;
}

.anzeigen:after {
	display: block;
	content: "";
	clear: both;
}

.job-items {
	margin-left: -15px;
	margin-right: -15px;
}

.job-item {
	width: 33.3%;
	float: left;
	padding: 15px;
}

.job-item-button {
	display: block;
	border: 1px solid #314394;
	color: #314394;
	position: relative;
	background-color: #f7f7f7;
	-ms-transition: all 0.5s ease;
    -ms-transition-delay: .1s;
    -moz-transition: all 0.5s ease;
    -moz-transition-delay: .1s;
    -webkit-transition: all 0.5s ease;
    -webkit-transition-delay: .1s;
    transition: all 0.5s ease;
    transition-delay: .1s;
}

.job-item-button:after {
	display: block;
	content: "";
	padding-top: 50%;
}

.job-item-button:before {
	display: block;
	content: "";
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	border-bottom: 1px solid #314394;
	width: 40px;
	-ms-transition: all 0.5s ease;
    -ms-transition-delay: .1s;
    -moz-transition: all 0.5s ease;
    -moz-transition-delay: .1s;
    -webkit-transition: all 0.5s ease;
    -webkit-transition-delay: .1s;
    transition: all 0.5s ease;
    transition-delay: .1s;
}

.job-item-button:hover {
	transform: scale(1.1);
}

.job-item-button:hover:before {
	width: 80%;
}

.job-item-link {
	display: block;
	text-align: center;
	text-decoration: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 15px;
	right: 15px;
}

.job-anzeige {
	font-size: 20px;
}

.job-anzeige h1 {
	padding-left: 200px;
	color: #314394;
	margin-top: 40px;
	margin-bottom: 60px;
}

.job-anzeige h2 {
	font-size: 24px;
}

 .job-anzeige ul {
 	margin-left: 0px;
 	padding-left: 0px;
 }

.job-anzeige li {
	font-size: 20px;
    line-height: 27px;
    margin-bottom: 20px;
    list-style: none;
    padding-left: 55px;
    position: relative;
}

.job-anzeige li:before {
    display: inline-block;
    content: "";
    background: transparent url(../images/check.png) left -9px no-repeat;
    width: 55px;
    height: 35px;
    background-size: 46px auto;
    position: absolute;
    left: 0;
    top: 0;
}

ul.default {
	margin-left: 20px;
}

ul.default li {
	list-style: inherit;
	padding-left: 0px;
}

ul.default li:before {
	display: none;
}

.bewerben {
	padding-top: 30px;
	padding-bottom: 30px;
}

.bewerben-button {
	padding-left: 100px;
	background: transparent url(../images/resume.png) left top no-repeat;
	background-size: auto;
	background-size: 83px auto;
	margin-top: 10px;
	color: #333;
	text-decoration: none;
	display: block;
}

.basic-page {
	padding: 50px 0 20px 0;
}

footer {
	background-color: #222145;
	min-height: 40px;
	color: #FFF;
	font-size: 14px;
	padding-top: 15px;
	padding-bottom: 15px;
}

footer:after {
	display: block;
	content: "";
	clear: both;
}

.footer-copiright {
	display: inline-block;
	float: left;
}

.footer-nav {
	display: inline-block;
	float: right;
}

.footer-nav ul {
    float: right;
}

.footer-nav ul li {
    float: left;
    list-style: none;
    margin: 0px 0px 0px 20px;
}

.footer-nav ul li a {
    color: #9797a0;
    text-decoration: none;
}

.footer-nav ul li a:hover {
	text-decoration: underline;
}

/* Formular basic */

.frage-block, .antwort-negative, .frage-block:first-child .back {
    display: none;
}

.frage-block:first-child {
    display: block;
}

.frage-block.display {
    display: block;
}

#wrap_Inputfield_antworten {
    height: 1px;
    overflow: hidden;
    padding-top: 2px;
}

.button-add {
	width: 20px;
	height: 20px;
	border: 1px solid black;
	border-radius: 50%;
	cursor: pointer;
}

.button-add:before {
	display: block;
	content: "+";
}

/* Formular custom */

.anfrage-formular .container {
	max-width: 500px;
}

.anfrage-formular {
	padding-top: 100px;
	padding-bottom: 60px;
}

.frage {
	color: #314394;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
}

.weiter, .button {
    text-transform: uppercase;
    display: inline-block;
    padding: 0 15px;
    border: 1px solid #222145;
    color: #FFF;
    background-color: #222145;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 45px;
    font-size: 14px;
    -ms-transition: all 0.5s ease;
    -ms-transition-delay: .1s;
    -moz-transition: all 0.5s ease;
    -moz-transition-delay: .1s;
    -webkit-transition: all 0.5s ease;
    -webkit-transition-delay: .1s;
    transition: all 0.5s ease;
    transition-delay: .1s;
    width: 100%;
    cursor: pointer;
    text-align: center;
}

.weiter:hover, .button:hover {
    background-color: #FFF;
    color: #222145;
    text-decoration: none;
}

.anfrage-formular input {
	border: 1px solid #314394;
	padding: 0 15px;
	line-height: 45px;
	height: 45px;
}

.anfrage-formular input[type=checkbox] {
	width: 15px;
	height: 15px;
}

.antworten-textfield {
	text-align: center;
}

.antworten {
	margin-top: 30px;
}

.back {
	cursor: pointer;
	font-size: 16px;
}

.back:before {
	display: inline-block;
	content: "<<";
	margin-right: 5px;
	font-family: Arial;
	font-size: 14px;
}

.antworten table {
	width: 100%;
}

.antworten table input {
	width: 100%;
}

.button-add {
	background-color: #222145;
	color: #FFF;
	border-color: #222145;
	text-align: center;
	line-height: 17px;
	margin-top: 10px;
}

.formular-desc {
	background-color: green;
	text-align: center;
	padding: 10px 15px;
	color: #FFF;
	margin-bottom: 30px;
}

#kontakt-form label {
	display: none;
}

#kontakt-form label + label {
	display: block;
}

#kontakt-form input {
	width: 100%;
	margin-top: 15px;
}

.antwort-checkbox textarea {
	vertical-align: top;
	width: calc(100% - 40px);
    float: right;
}

.antwort-checkbox input[type=checkbox], #kontakt-form input[type=checkbox] {
	width: 20px;
}

.antwort-checkbox {
	margin-bottom: 10px;
}

.antworten-buttons .antwort {
	border: 1px solid #222145;
	padding: 8px 15px;
	margin-bottom: 15px;
	cursor: pointer;
	-ms-transition: all 0.5s ease;
    -ms-transition-delay: .1s;
    -moz-transition: all 0.5s ease;
    -moz-transition-delay: .1s;
    -webkit-transition: all 0.5s ease;
    -webkit-transition-delay: .1s;
    transition: all 0.5s ease;
    transition-delay: .1s;
}

.antworten-buttons .antwort:hover {
	color: #FFF;
	background-color: #222145;
}

.antworten-textarea textarea {
	width: 100%;
	height: 100px;
}

.beschreibung {
	text-align: center;
}

.job-button-fix {
	display: inline-block;
    text-align: center;
    color: #FFF;
    background: #0093d5 url(../images/resume-white.png) center 10px no-repeat;
    background-size: 50px auto;
    width: 144px;
    height: 144px;
    padding-top: 70px;
    border-radius: 50%;
    position: fixed;
    right: 15px;
    top: 50%;
    margin-top: -100px;
    line-height: 18px;
    font-size: 15px;
    text-decoration: none;
}


@media (max-width: 1100px) {
	body {
		font-size: 18px;
	}

	.ueber-uns li, .vorteile li, .job-anzeige li {
		font-size: 18px;
		line-height: 22px;
	}

	.header-image h2 {
		font-size: 30px;
	}

	.header-image h3 {
		font-size: 18px;
	}

	.job-item {
		width: 50%;
	}
}

@media (max-width: 960px) {
	.logo img {
		width: 80px;
	}

	.logodescription {
		font-size: 9px;
		font-weight: normal;
	}

	.job-anzeige h1 {
		padding-left: 0px;
		font-size: 26px;
		margin-top: 60px;
		margin-bottom: 50px;
	}

	.job-button-fix {
		top: auto;
		bottom: 0px;
		right: 0px;
		border-top-left-radius: 18px;
	    border-top-right-radius: 0;
	    border-bottom-right-radius: 0;
	    border-bottom-left-radius: 0;
	    background: #0093d5 url(../images/resume-white.png) 15px 10px no-repeat;
	    background-size: 50px auto;
	    width: 180px;
	    height: 76px;
	    padding-top: 11px;
	    margin-top: 0px;
	    text-align: left;
	    padding-left: 76px;
	}
}

@media (max-width: 600px) {
	.header-text {
		font-size: 16px;
	}

	.header-image {
		margin-top: 32px;
	}

	.header-image h2 {
		font-size: 16px;
	}

	.header-image h3 {
		font-size: 12px;
	}

	.ueber-uns h2, .vorteile h2, .anzeigen h2, .job-anzeige h2 {
		font-size: 22px;
	}

	.job-item {
		width: 100%;
	}

	.template-job-anzeige footer {
		padding-bottom: 90px;
	}

	.footer-nav, .footer-copiright {
		width: 100%;
		text-align: center;
	}

	.footer-nav ul {
		float: none;
		margin-left: 0;
		padding-left: 0;
	}

	.footer-nav ul li {
		float: none;
		display: inline;
		margin-left: 10px;
		margin-right: 10px;
	}

	.formular-desc, #kontakt-form label + label {
		font-size: 14px;
	}

}