/* basics */

html {
font-size:10px;
}

body {
	margin: 0;
	padding: 0;
	background:none;
}

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

.nobr {
white-space: nowrap;
}


/* pt-serif-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-serif-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* pt-serif-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/pt-serif-v18-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* pt-serif-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-serif-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* pt-serif-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/pt-serif-v18-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




.social {
	position:absolute;
	bottom:30px;
	width:98%;
	text-align:right;
	z-index:9999999;
}
.social img {
	width:30px;
	margin:0px 5px 0 5px;;
}

.social2 {
	position:relative;
	top:30px;
	width:100%;
	text-align:center;
	z-index:9999999;
}
.social2 img {
	width:50px;
	margin:5px;;
}


/* padding */



.pad {
padding:60px 30px 60px 30px;
}

.pad2 {
padding:30px 30px 30px 30px;
}

.pad3 {

}






.logo {
width:18%;
float:left;
position:relative;
}
.logo img {
margin:0px 0px 0px 0px;
}

.logo2 {
width:15%;
margin:20px auto 30px auto;
}


.totop {
display:none;
position:fixed;
bottom:0;
right:0;
background-color:#6caac7;
padding:40px 40px 40px 40px;
}

.totop a {
color:#fff!important;
text-transform:uppercase;
font-size:33px;
}











/* headlines, p, a, smallfont */




h1 {
font-family: 'PT Serif', serif;
font-weight:400;
font-size:44px;
line-height:44px;
letter-spacing:-0.5px;
margin:20px 0px 10px 0px;
text-align:left;
}


h2 {
font-family: 'PT Serif', serif;
font-weight:400;
font-size:33px;
line-height:44px;
letter-spacing:-0.3px;
margin:20px 0px 10px 0px;
text-align:left;
}


h3 {
font-family: 'PT Serif', serif;
font-weight:400;
font-size:28px;
line-height:33px;
letter-spacing:-0.2px;
margin:20px 0px 30px 0px;
text-align:left;
font-style:italic;
}


h4 {
font-family: 'PT Serif', serif;
font-weight:400;
font-size:24px;
line-height:30px;
letter-spacing:0px;
margin:20px 0px 10px 0px;
text-align:left;
}


h5 {
font-family: 'PT Serif', serif;
font-weight:400;
font-size:20px;
line-height:24px;
letter-spacing:0px;
margin:20px 0px 10px 0px;
text-align:left;
}


p {
font-family: 'PT Serif', serif;
font-weight:400;
font-size:17px;
line-height:27px;
color:#404649;
margin:20px 0px 10px 0px;
text-align:justify;
}





.small-font {
font-size:11px!important;
letter-spacing:0px;
}





img {
width:100%;
margin:20px 0px 20px 0px;
}

a {
color:#6caac7;
text-decoration:none;
}

a:hover {
color:#3f8db2;
text-decoration:none;
}











/* listen */



ul {
margin:20px 0px 10px 0px;
}

li {
font-family: 'PT Serif', serif;
font-weight:400;
font-size:18px;
line-height:25px;
color:black;
margin:0 0 10px 0;
text-align:left;
}


.list1 {
list-style-type:disc;
padding-left:20px;
}

.list2 {
list-style-type:none;
padding-left:0px;
}

.list3 {
list-style-image: url(../../images/listimg.png);
}









/* center, left, right, fixed */


.center, .center h1, .center h2, .center h3, .center h4, .center h5, .center p, .center a {
	text-align:center!important;
}

.auto img{
width:auto!important;
}

.absolute {
position:absolute!important;
z-index:11000;
}

.right {
float:right;
}








/* colors */



.color {
background-color:#404649;
}

.color h1, .color h2, .color h3, .color h4, .color h5, .color p {
color:#fff;
}
.color a {
color:#6caac7;
}
.color a:hover {
color:#3f8db2;
}


.color2 {
background-color:#9da9b1;
}

.color2 h1, .color2 h2, .color2 h3, .color2 h4, .color2 h5, .color2 p {
color:#fff;
}

.color2 a {
color:#fff;
text-decoration:underline;
}

.color2 a:hover {
text-decoration:none;
}

.white h1, .white h2, .white h3, .white h4, .white h5, .white p, .white a{
color:#fff;
}









/* button */



.button {
position:relative;
width:auto;
margin:20px 0px 20px 0px;
padding:20px;
display:inline-block;
font-family: 'PT Serif', serif;
font-weight:700;
line-height:25px;
font-size:18px;
font-weight:normal;
color:#ffffff;
letter-spacing:0px;
text-decoration:none;
text-align:center;
cursor:pointer;
border:none;
background-color:#6caac7;
}


.button:hover {
background-color:#3f8db2;
color:#ffffff;
}















/* background */



.bg-bewerber {
padding:30px 0px 80px 0px;
background: url(../images/bg-bewerber.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment:fixed;
}


.bg-unternehmen {
padding:30px 0px 80px 0px;
background: url(../images/bg-unternehmen.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment:fixed;
}


.bg-about {
padding:30px 0px 80px 0px;
background: url(../images/bg-about.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment:fixed;
}



.bg-header1 {
		height:500px;
	width:100%;
padding:100px 0% 0 50%;
background: url(../images/header1.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-align:center;
}
.bg-header2 {
		height:500px;
	width:100%;
padding:100px 0% 0 50%;
background: url(../images/header2.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-align:center;
}
.bg-header3 {
	width:100%;
	height:500px;
padding:100px 0% 0 50%;
background: url(../images/header3.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-align:center;
}

.bg-header1 h1, .bg-header2 h1, .bg-header3 h1 {
	text-align:center!important;
}


.mobile-on {
	display:none;
}

































@media screen and (max-width:1200px) {


.logo {
width:22%;
float:left;
position:relative;
}


}

































@media screen and (max-width:1000px) and (orientation:portrait) {


	.social {
		position:relative;
		top:0px;
		bottom:auto;
		width:100%;
		text-align:center;
		z-index:99999;
	}
	.social img {
		width:30px;
		margin:10px;
	}


.logo {
width:60%;
clear:left;
position:relative;
margin:250px 0 0 20%;
padding:0;
}

.logo img {
margin:20px 0px 30px 0px;
width:100%;
}

.logo2 {
width:60%;
margin:20px auto 30px auto;
}



.totop {
display:block;
}




h1 {
font-size:44px;
line-height:44px;
letter-spacing:-2px;
margin:5% 0% 3% 0%;
text-align:center;
}


h2 {
font-size:33px;
line-height:38px;
letter-spacing:-2px;
margin:5% 0% 3% 0%;
text-align:center;
}


h3 {
font-size:22px;
line-height:28px;
letter-spacing:-2px;
margin:5% 0% 3% 0%;
text-align:center;
}


h4 {
font-size:22px;
line-height:28px;
letter-spacing:-2px;
margin:5% 0% 3% 0%;
text-align:center;
}


h5 {
font-size:22px;
line-height:28px;
letter-spacing:-1px;
margin:5% 0% 3% 0%;
text-align:center;
}


p {
font-size:22px;
line-height:28px;
color:black;
margin:5% 0% 3% 0%;
text-align:left;
text-align:center;
}


.small-font {
font-size:22px!important;
letter-spacing:0px;
}




img {
width:90%;
margin:5% 5% 5% 5%;
}













li {
text-align:center;
font-size:33px;
line-height:44px;
}



.list1, .list2, .list3 {
list-style-type:none;
list-style-image:none;
padding:0px;
}










/* button */


.form .button {
font-size:44px;
line-height:55px;
width:100%;
}


.button {

width:80%;
margin:5%;
padding:5%;
line-height:55px;
font-size:44px;
}




.bg-fullscreen {
min-height:100%;
background-image:none;
background-color:#cacaca;
bbackground: url(../../images/bg_fullscreen.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}




.bg-bewerber {
min-height:100%;
padding:30px 0px 80px 0px;
background: url(../images/bg-bewerber.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment:none;
}


.bg-unternehmen {
min-height:100%;
padding:30px 0px 80px 0px;
background: url(../images/bg-unternehmen.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment:none;
}


.bg-about {
min-height:100%;
padding:30px 0px 80px 0px;
background: url(../images/bg-about.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment:none;
}




.mobile-on {
	display:inline;
}

.mobile-off {
	display:none;
}


.bg-header1, .bg-header2, .bg-header3 {
	width:100%;
	height:500px;
padding:100px 20px;
background-blend-mode:darken;
	text-align:center!important;
	background-color:#00000077;
}


}