@charset "utf-8";
/* CSS Document */

body.login {
    background: url(/img/login.jpg) center center;
    background-size: cover;
}

.login > div {
    display: flex;
    height: 100%;
	align-items:center;
}

.logout {position:relative;}
.logout::before {content:'';display:block;width:calc(100% + 20px); border:1px solid #fff;position:absolute;top:15px;height:40px;left:-10px;}
.logout::after {display:none;}

.login > div .ui.form {
    margin: auto;
    background: rgba(255,255,255,0.60);
    border-radius: 4px;
    padding: 25px;
    width: 90%;
    max-width: 500px;
}

.login > div .logo {
    width: 200px;
    margin-bottom: 20px;
}

.login > div .padding {
    padding: 0 23px;
}

.login > div input {width:100%;padding:10px;border:1px solid #ddd;margin-bottom:5px;}
.login > div button {background:#0a0;padding:10px;color:#fff;border:0;transition:all .4s;}
.login > div button:hover {background:#080;}
.slogo {
	width:15px;
	display:inline !important;
	position:relative;
	top:-0.2em;
}

header + .mapsbox {
	top: -100px;
	position: relative;
}

#scrollTop {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 0;
    background-color: #ff0000;
    box-shadow: inset 0 0 0px 5px #fff;
    left: 50%;
    top: -35px;
    margin-left: -35px;
    color: #fff;
    text-align: center;
    line-height: 70px;
    font-size: 36px;
    cursor: pointer;
}

.panel .collapsed img {margin-right:10px;}


.lbsmap {display:flex;list-style:none;flex-wrap:wrap;justify-content:space-between;padding:0;margin:1.5% 0;}
.lbsmap > a {position:relative;border:1px solid #ddd;color:#000;flex-basis:24%;background:#fff;margin-bottom:1.5%;}

@media (max-width: 1024px) {
	.lbsmap > a {color:#000;flex-basis:32%;}
}

@media (max-width: 900px) {
	.lbsmap > a {color:#000;flex-basis:49%;}
}

@media (max-width: 700px) {
	.lbsmap > a {color:#000;flex-basis:100%;}
}

.lbsmap > a .image {padding-bottom:65%;position:relative;background-image:url(/img/noimage.jpg);background-position:center center;background-size:cover;}
.lbsmap > a .image strong {background:rgba(0,0,0,0.5);color:#fff;position:absolute;bottom:0px;left:0px;line-height:1.2em;font-size:18px;padding:10px 20px;display:inline-block;font-family:LBSThesisExtraBold, Verdana, Geneva, sans-serif; font-weight:normal;transition:all .2s;}
.lbsmap > a:hover .image strong {background:#f00;}
.lbsmap > a .text {padding:20px;}
.lbsmap > a .text {padding:20px;}
.lbsmap > a .text strong {font-size:22px;margin-bottom:5px;display:block;font-family:LBSThesisExtraBold, Verdana, Geneva, sans-serif;
	font-weight:normal;}

.lbsmap > a.leer {background:transparent;border:1px solid rgba(0,0,0,0);}









.mapsbox {position: relative;}
.mapsbox .info {opacity:0.6;position:absolute;top:60px;max-width:45%;left:3%;margin:0;background:#fff;box-shadow:3px 3px 15px rgba(0,0,0,0.4)}
.mapsbox .info h1 {
	background: rgba(0,0,0,0.8);
	color: #fff;
	padding: 10px 20px;
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 5px!important;
}
.mapsbox .info div {
	padding: 2px 25px 7px 25px;
}

.jobsuche {opacity:0.6;position:absolute;display:flex;flex-wrap:wrap;top:70px;max-width:45%; right:5%;box-shadow:3px 3px 15px rgba(0,0,0,0.4)}
.jobsuche:hover {opacity:1;}
.jobsuche input {width:60%;margin:0;padding: 2px 15px;border:1px solid #999;}
.jobsuche button.ichsuche {background:#f00 url(/img/ichsuche.gif) center center no-repeat;}
.jobsuche button {
	width: 40%;
	border: none;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	background: #999;
	padding: 10px 20px;
	margin:0;
}
.jobsuche .infoalert {background:#888;color:#fff;padding:10px 25px;text-align:center;width:100%;}
.jobsuche .btn {
	margin: 0px;
	padding: 10px 15px;
	background-color: #ff0000;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}
.infoalert:empty {background:transparent;color:#fff;padding:0px;}

.videoselect {display:flex;flex-wrap:wrap;justify-content:center;}
.playvideo {
	margin:0 25px 10px 0;
	cursor:pointer;
	width:220px;
	display:inline-block;
	color:#0174d6;
	font-size:1.1em;
}
.videoplayer {
	position:relative;
}
.videoplayer > div > div {
	position:relative;
	cursor:pointer;
}

.videoplayer > div > div > span {
	content:'';
	opacity:0;
	transition:all .4s;
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	transition:all .4s;
	z-index:1000;
	pointer-events: none;
}

.videoplayer.play > div > div > span {
	opacity:1;
	background-image:url(/img/play-video.png);
}

.videoplayer > span {
    content: " ";
    position: absolute;
    top: -15px;
    left:0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 14px 15px 14px;
    border-color: transparent transparent #333 transparent;
	transition:all .8s;
}

.videoplayer > div.btn_close {
	position:absolute;
	z-index:500;
	right:5%;
	top:0px;
	height:100px;
	width:100px;
	cursor:pointer;
	background:url(/img/btn_close.png) center center no-repeat;
}

.playvideo > span {
	width:220px;
	margin-bottom:15px;
	height:125px;
	position:relative;
	display:block;
	packground-position: center center;
	background-size:cover;
}


.playvideo > span:after {
	content:'';
	background:url(/img/play-video.png) center center no-repeat;
	background-size:18%;
	opacity:0.8;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	transition:all .4s;
}


.playvideo:hover:after {
	opacity:1;
}

#ibb button {
	width: auto;
	border: none;
	text-align: center;
	width:100%;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	background: #ff0000;
	padding: 10px 20px;
	margin-bottom: 15px;
}

@media (max-width: 950px) {
	header + .mapsbox {
		top: -105px;
		position: relative;
	}
	.mapsbox .info {opacity:0.8;position:absolute;font-size:0.8em;top:0px;text-align:center;width:100%;max-width: 100%;left:0;margin:0;background:#FFF;color:#000;}
	.jobsuche {position:absolute;display:flex;flex-wrap:wrap;top:auto;bottom:90px;width:80%;max-width:80%; right:10%;box-shadow:3px 3px 15px rgba(0,0,0,0.4)}
}


@media (max-width: 700px) {
	.mapsbox .info h1 {display:none;}
}

.gdjob {min-height:100vh;padding:150px 5% 5% 5%;background:url(/img/background.jpg) center center;background-size:cover;}

.gdjob h1 {color:#fff;max-width:1024px;text-align:center;margin:0 auto 4% auto;padding:0 5%;}
.gdjob > div {margin:auto;max-width:1800px;display:flex;justify-content:space-between;flex-wrap:wrap;}

.gdjob > div.w2 > a {width:49%;}
.gdjob > div.w3 > a {width:32%;}
.gdjob > div.w4 > a {width:24%;}
.gdjob > div > a {position:relative;}

.gdjob > div > a > svg, 
.gdjob > div > a > img {width:80%;max-height:400px;margin-left:10%;display:block;}

.gdjob > div > a {display:block;}
.gdjob > div > a > div {padding:25px;background:#f00;color:#fff;transition:all .3s;position:relative;}
.gdjob > div > a:hover > div {background:#fff;color:#000;}
.gdjob > div > a > div i {font-size:25px;position:absolute;right:20px;top:28px;transition:right .3s;}
.gdjob > div > a:hover > div i {right:10px;}

@media (min-width:1200px) {
	.gdjob > div > a > svg {opacity:0.2;transition:all .8s;}
	.gdjob > div > a:hover > svg {z-index:40;margin-left:0;opacity:1;}
}

.gdjob > div > a > div > h3 {font-size:28px;}


@media (max-width:2000px) {
	.gdjob > div > a > div > h3 {font-size:24px;}
}

@media (max-width:1850px) {
	.gdjob > div > a > div > h3 {font-size:20px;}
}

@media (max-width:1600px) {
	.gdjob > div > a > div > h3 {font-size:28px;}
	.gdjob > div.w4 > a {width:49%;}
}

@media (max-width:1350px) {
.gdjob > div > a > div > h3 {font-size:24px;}
	.gdjob > div.w3 > a {width:49%;}
}
@media (max-width:1200px) {
	.gdjob > div > a > div > h3 {font-size:20px;}
	.gdjob > div > a > div {font-size:12px;}
}

@media (max-width:800px) {
	.gdjob {padding:120px 5% 5% 5%;}
	.gdjob h1 {font-size:22px;margin:0 auto 10% auto;}
	.gdjob > div > a > div > h3 {font-size:20px;}
	.gdjob > div > a > div {font-size:12px;}
	.gdjob > div.w2 > a {width:100%;margin-bottom:30px;}
	.gdjob > div.w3 > a {width:100%;margin-bottom:30px;}
	.gdjob > div.w4 > a {width:100%;margin-bottom:30px;}

	.gdjob > div > a > svg {width:80%;max-height:400px;margin-left:10%;display:none;}
	.gdjob > div > a > img {width:1px;max-height:400px;margin-left:10%;display:none;}
}

header + .gdjob {
	margin-top: -100px;
	position: relative;
}

header + .stellenanzeige {
	margin-top: -100px;
	position: relative;
}

.sitemap {list-style:none;flex-wrap: wrap;display:flex;margin:0;padding:0;justify-content:space-between;margin-top:4%;}
.sitemap a {width:24%;margin-bottom:2%;text-decoration:none;color:#181716;text-align:center;transition:all .3s;background:rgba(255,255,255,0.9);box-shadow: 0 10px 20px rgba(0,0,0,0.2);transition:all .4s;}

.sitemap a:hover {transform:scale(1.05);text-decoration:none;color:#000;}
.sitemap a img {width:100%;height:auto;display:block;}
.sitemap a .bild {background-size:cover;background-position:center center;}
.sitemap a h3 {font-weight:300;color:#000;margin:0;padding:5%;}
.sitemap a span {display:block;padding:0 5% 5% 5%;}
.sitemap a.placeholder {width:24%;margin-bottom:2%;text-decoration:none;color:#181716;text-align:center;transition:all .3s;background:rgba(255,255,255,0);box-shadow: none;transition:all .4s;}

@media (max-width:900px) {
	.sitemap a {width:32%;}
}
@media (max-width:570px) {
	.sitemap a {width:100%;}
}

.bewerbertabelle .alert {padding:0;}
.bewerbertabelle .checkbox, .bewerbertabelle .radio {display:inline; mardin-right:15px;}

.bewerbertabelle input, .bewerbertabelle textarea, .bewerbertabelle select {
	width:inherit;
}

	.bewerbertabelle {
		width:100%;
		
	}
	
	.bewerbertabelle small {
		color:#888;
		line-height:1.2;
		display:block;
	}
	
	.bewerbertabelle td {
		padding: 3px 0px;
		line-height:1.2;
	}

.fileinputs .btn {
background:#ddd;
margin:0;

}
input.file {
  width: 0;
  height: 1px;
  opacity: 0;
}


	@media (max-width:700px) {
		.mobilemenucontent a {
			padding:10px 15px;
		}
		
		.bewerbertabelle td:first-child {
			padding-top:10px;
		}
		
		.bewerbertabelle small {
			color:#888;
			line-height:1;
			display:inline;
		}
			
		.bewerbertabelle td {
			padding: 1px 0px;
			display:block;
			width:100%;
		}
		
		.eingabe, .needeingabe {
			padding: 10px 4px;
		}
		
		label.radio {
			position: relative;
			top: -0.8em;
		}
		
		input[type=radio], input[type=checkbox] {
			width: 40px;
			height: 3em;
			display:inline-block;
		}
	}

.alert { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em !important; color: #ff0000; cursor: default; }
.normtext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #212124; font-weight: normal; cursor: default; }
.highlighttext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #E70800; font-weight: bold; cursor: default; }
.tabellenrechnung { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; font-weight: bold; cursor: default; }

.eingabe {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	padding:5px;
	color:#000;
	border:1px solid #bbb;
	border-radius:5px;
	outline:0;
}

.needeingabe {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	padding:5px;
	border:1px solid #f00;
	border-radius:5px;
	outline:0;
}

@media (max-width: 700px) {
	.formular tr td {display:block;width:100% !important;}
	.formular tr td input {width:100% !important;}
}


button {outline:0;}

.badinfobox {padding:25px;color:#fff;background:#f00;}

.filedelete {
	width:13px;
	height:13px;
	background:url(/img/file-delete.gif) 0px 0px;
	margin:10px 10px 0 0;
	float:left;
	cursor:pointer;
}

.filedelete:hover {
	background:url(/img/file-delete.gif) 0px 13px;
}

.fileinfo {
	display:block;
	margin-bottom:1em;
	text-decoration:none;
	transition:all .3s;
	border-radius:4px;
	color:#d3012f;
}
.fileinfo img {
	float:left;
	margin-right:10px;
}

.fileinfo:hover {
	color:#000;
}

.preis  { color: #2183B4; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif; cursor: default;}
.text { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #2183B4;; cursor: default; }

.nice {width:100%; background:#ccc;border-spacing: 1px; border-collapse: separate;}
.nice td {background:#fff;padding:4px;}
.nice th {background:#eee;padding:4px;text-align:left;border-bottom:1px solid #bbb;}


.nonetable {width:100%; border-spacing: 1px; border-collapse: separate;}
.nonetable td {padding:10px 20px 10px 0; vertical-align:top;}
.nonetable th {padding:10px 20px 10px 0;text-align:left;}

.sizeh1 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #B7CEDE; font-weight: bold; cursor: default; background-color: #f5f5f5; border: solid 1px #1368b1}
.sizeh2 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #B7CEDE; font-weight: bold; cursor: default; background-color: #f5f5f5; border: solid 1px #1368b1}
.sizeh3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #B7CEDE; font-weight: bold; cursor: default; background-color: #f5f5f5; border: solid 1px #1368b1}
.sizeh4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #B7CEDE; font-weight: bold; cursor: default; background-color: #f5f5f5; border: solid 1px #1368b1}


.tabelleninhalt { font-size: 11px; color: #000000; cursor: default; background-color:#ffffff; vertical-align:top;}
.border { border: 0px solid #bbbbbb; }
.cmswhite  { color: #ffffff; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}

.res_img100 {width:100%;}
.res_img50 {width:50%;}
.res_img33 {width:33%;}
.res_img25 {width:25%;}
.res_img100 img, .res_img50 img, .res_img33 img, .res_img25 img {width:100%; height:auto;}


.imgl {float:left;}
.imgr {float:right;}


@media (max-width: 700px) {
	.res_img100, .res_img50, .res_img33, .res_img25 {width:100%;}
	.imgl {float:none;margin-left:0 !important;margin-right:0 !important;}
	.imgr {float:none;margin-left:0 !important;margin-right:0 !important;}
}


/*
* Base CSS
********--------------------------------------------*/


*
{
margin: 0px;
padding: 0px;
}
html {
	height:100%;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 1.7em;
	color: #3c3734;
	overflow-y: hidden;
	height:100%;
}

#home {min-height:100%;}

h1, h2, h3, h4, h5, h6, p { margin-top: 0px; }

h1, h2, h3, h4, h5, h6
{
margin-bottom: 15px;
font-family: 'Lato', sans-serif;
}

.h5, h5 { font-size: 15px; }

p { margin-bottom: 15px; }

img { max-width: 100%; }

a
{
color: #ff0000;
text-decoration: none;
}

a:hover, a:focus
{
color: #ff0000;
text-decoration: none;
outline: none !important;
}

.section-title
{
text-align: center;
margin-bottom: 35px;
}

.section-title h2
{
position: relative;
display: inline-block;
text-transform: uppercase;
color: #333333;
font-weight: 700;
padding-bottom: 24px;
padding-top: 70px;
}

@media (max-width: 700px) {
.section-title h2
{
font-size:22px;
}
}

#ausbildung .section-title h3, #selbststaendig .section-title h3 { padding-top: 40px; }

.section-title h2:before {
    width: 80px;
    margin-left: -40px;
}

.section-title h2:before, .section-title h2:after {
    position: absolute;
    left: 50%;
    bottom: 0px;
    background-color: #f00;
    height: 2px;
    content: "";
}


.section-title p
{
margin-top: 15px;
font-size: 15px;
font-weight: 300;
line-height: 26px;
}

.section-padding { padding: 20px 0px 0px 0px;}

.section-padding.no-padding-bottom { padding-bottom: 0px; }

.section-padding.no-padding-top { padding-top: 0px; }

.displayTable
{
display: table;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}

.displayTableCell
{
display: table-cell;
vertical-align: middle;
}

.mainmenu-area ul.nav.navbar-nav > li a:after, .single-kasten, .single-kasten:before, .single-kasten:after, .single-accordion h5 a span, .single-ausbildung, .single-ausbildung a, .single-ausbildung a i, .banner-text > a, .banner-text > a i, .tabs-menu > ul > li > a > i.hw-icon, .btn, .btn i, .homeSlider .slick-arrow, a.navbar-brand img, .single-accordion h5 a, .footer-social-links a
{
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}

.nav > li ul {list-style:none;}
.nav > li > ul {display:none;position:absolute;background:#fff;width:100%;padding:25px;box-shadow:0px 5px 10px rgba(0,0,0,0.2)}
.nav > li > ul > li a {transition:all .4s;}
.nav > li > ul > li > a {color:#000;font-size:20px;}
.nav > li > ul > li > ul > li > a {color:#888;padding-left:15px;position:relative;}
.nav > li > ul > li > ul > li > a:before {content:'';display:block;width:6px;position:absolute;left:0px;top:8px;height:6px;background:#bbb;}
.nav > li > ul > li > ul > li {padding-bottom:30px;}
.nav > li > ul > li a:hover {color:#f00;}

.nav > li:hover > ul {display:block;}

.bgfull
{
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}

.btn
{
	border-radius: 0px;
	margin: 80px 0;
    padding: 10px 15px;
    background-color: #ff0000;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.btn-large { padding: 20px 48px; }

.btn-medium { padding: 20px 36px; }

.btn-small { }

.btn-round
{
display: inline-block;
font-weight: 700;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #e9e9e9;
margin: 0 10px 0 0;
padding: 3px 0 0 0;
text-align: center;
}

.banner-text > a:hover i, .single-ausbildung > a:hover i, .single-post .post-details > a:hover i, .purchase-text a:hover i, .btn:hover i { transform: translateX(10px); color:#fff;}
.btn:hover {
color:#fff;
}
input:focus, textarea:focus
{
outline: none;
box-shadow: 0 0 0 0 #fff;
}

div#preloader
{
overflow: hidden;
background-color: #ecf0f1;
background-image: url(/img/preLoader.gif);
background-repeat: no-repeat;
background-position: center center;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}

#videoplayer, #selbststaendig, #bewerbung, #kontakt { background-color: #f7f7f7; }

/*
* Header CSS
********-------*/


.header-area
{
height: 100px;
position: relative;
z-index: 5;
pointer-events: none;
}

.header-area .container {pointer-events: auto;}

/*
* Top Header
********-------*/

.top-area { background-color: #fff; }

.quick-contact, .quick-contact > p > a
{
overflow: hidden;
color: #3c3734;
font-size: 12px;
line-height: 30px;
}

.quick-contact > p
{
float: left;
margin-left: 15px;
margin-bottom: 0px;
}

.quick-contact > p > a { margin-left: 0; }

.quick-contact > p:first-of-type { margin-left: 0px;/*    border-right: 1px solid #02141d;
    padding-right: 15px;*/
}

.social-links
{
float: right;
overflow: hidden;
border-left: 1px solid #02141d;
}

.social-links > a
{
color: #fff;
width: 30px;
height: 30px;
float: left;
font-size: 12px;
line-height: 30px;
text-align: center;
border-right: 1px solid #02141d;
}

.social-links > a:hover { background-color: #02141d; }

/*
* Mainmenu Area & Logo CSS
********-----------*/


a.navbar-brand { /*   height: 70px;
    padding: 6px 15px;
	background-color: #fff;*/
padding: 0; }

li#home {
	display: none;
}

a.navbar-brand img
{
margin-top: -5px;
height: 110px;
}

/*.is-sticky a.navbar-brand
{
background-color: #fff;
height: 70px;
}

.is-sticky a.navbar-brand img
{
margin-top: 0;
height: 80px;
}*/

.mainmenu-area
{
background-color: #ff0000;
-webkit-box-shadow: 0px 15px 25px -15px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 15px 25px -15px rgba(0, 0, 0, 0.5);
box-shadow: 0px 15px 25px -15px rgba(0, 0, 0, 0.5);
}

.navbar-header .navbar-toggle
{
background-color: #ff0000;
margin-top: 16px;
}

.navbar-header .navbar-toggle span { background-color: #fff; }

.mainmenu-area ul.nav.navbar-nav { }




.mainmenu-area ul.nav.navbar-nav > li > a
{
text-transform: uppercase;
color: #fff;
padding: 0px 0px;
position: relative;
line-height: 70px;
}

.mainmenu-area ul.nav.navbar-nav > li a:focus { background: none; }

.mainmenu-area ul.nav.navbar-nav > li a:after
{
position: absolute;
bottom: 0px;
left: 0px;
opacity: 0;
width: 0%;
height: 2px;
content: "";
background-color: #fff;
}

.mainmenu-area ul.nav.navbar-nav > li.active a:after
{
opacity: 1;
width: 100%;
}

.mainmenu-area ul.nav.navbar-nav > li a:hover { background: none; }

.mainmenu-area ul.nav.navbar-nav > li a:hover:after
{
width: 100%;
opacity: 1;
}

.mobile-menu-area { display: none; }

.mobile-menu-area.mean-container .mean-bar { background: #5c5450; }

.mobile-menu-area.mean-container .mean-bar { margin-bottom: 95px; }

.mobile-menu-area.mean-container .mean-nav ul li a
{
background-color: #5c5450;
border-color: #293b4b;
}

.mobile-menu-area.mean-container .mean-nav ul li a:hover { background-color: #ff0000; }

.is-sticky #mobileMenu { z-index: 9; }

/*
* SLIDER CSS
********--------------*/

header + #fullscreen-banner
{
top: -100px;
position: relative;
}

header + #fullscreen-banner > .displayTable { padding-top: 100px; }

.banner-text
{
font-size: 18px;
font-weight: 300;
color: #3c3734;
}

.banner-text h1
{
background: #ff0000;
/*display: inline-block;*/
color: #fff;
padding: 25px;
font-size: 36px;
font-weight: 800;
margin-bottom: 5px!important;
}

.banner-text p
{
background-color: #fff;
color: #3c3734 !important;
padding: 25px;
margin: 0!important;
line-height: 1.5em;
}

.banner-text > a
{
background-color: #ff0000;
display: inline-block;

font-size: 16px;
font-weight: 700;
color: #fff;
}

.btn i, .banner-text > a i { margin-left: 12px; }

.banner-text .btn
{
margin-top: 5px;
padding: 15px 25px;
}

.banner-text > a:hover { background-color: #ff0000; }

header + .homeSliderArea
{
top: -100px;
position: relative;
}

header + .homeSliderArea .displayTable { padding-top: 100px; }

header + .homeSliderArea + .our-services, header + .banner-text-area + .our-services { margin-top: -100px; }

.slider-area, .slick-list, .slick-track, .slide { height: 100%; }

.homeSlider .slick-list { width: 100%; }

.homeSlider .banner-text { text-align: left; }



.homeSlider .slide
{
-webkit-background-size: cover;
background-size: cover;
position: relative;
}

.contentslider {position:relative;}
.contentslider:before {
    content:     "";
    display:     block;
    padding-top: 57%; /* initial ratio of 1:1*/
}

.contentslider .homeSlider {position:absolute;top:0;left:0;width:100%;}

@media (max-width: 1024px) and (orientation: landscape) {

	.homeSlider .slide {
		background-position:40% 20%;
	}
}

@media (max-width: 1024px) and (orientation: portrait) {
	.homeSlider .slide {
		background-position:70% 60%;
	}
}


@media (max-width: 768px) and (orientation: landscape) {
	.homeSlider .slide {
		background-position:40% 20%;
	}
	.homeSlider .slide .banner-text h1 { font-size:0.8em;padding:10px; }
	.homeSlider .slide .banner-text p { font-size:0.6em;padding:10px; }
	.homeSlider .slide .banner-text .btn { font-size:0.6em;padding:10px; }
	.displayTable {height:80%}
}

@media (max-width: 700px) and (orientation: portrait) {
	.homeSlider .slide {
		background-position:70% 60%;
	}
	.homeSlider .slide .banner-text h1 { font-size:0.9em;line-height:1.3em;padding:10px; }
	.homeSlider .slide .banner-text p { font-size:0.7em;padding:10px; }
	.homeSlider .slide .banner-text .btn { font-size:0.7em;padding:10px; }
	.displayTable {height:100%}
}

/* SLIDER TEXT TRANSITION */

.homeSlider .slide .banner-text > *
{
animation-name: fadeOut;
animation-duration: 1s;
color: #fff;
}

.homeSlider .slide.slick-active .banner-text > * { animation-name: fadeInLeft; }

.homeSlider .slide .banner-text h1 { animation-delay: 0.1s; }

.homeSlider .slide .banner-text p { animation-delay: 0.3s; }

.homeSlider .slide .banner-text a { animation-delay: 0.5s; }

/* SLIDER NAVIGATION */

.homeSlider .slick-arrow
{
position: absolute;
top: 50%;
margin-top: -24px;
border: none;
z-index: 1;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
display: inline-block;
background-color: #ff0000;
font-size: 24px;
color: #fff;
cursor: pointer;
opacity: 0;
font-family: 'FontAwesome'
}

.homeSlider .PrevArrow { left: 0px; }

.homeSlider .NextArrow { right: 0px; }

.homeSlider .NextArrow:before { content: '\f105'; }

.homeSlider .PrevArrow:before { content: '\f104'; }

.homeSlider:hover .slick-arrow { opacity: 1; }

/*
* JOBS CSS
********--------------*/


.tabs-menu { }

.tabs-menu > ul
{
list-style: none;
margin: 0px;
}

.tabs-menu > ul > li
{
box-sizing: border-box;
display: inline-block;
float: left;
padding: 0 20px;
text-align: center;
width: 25%;
position: relative;
opacity:0.25;
}

.tabs-menu > ul > li:last-of-type { margin-right: 0px; }

.tabs-menu > ul > li > a
{
font-size: 16px;
font-weight: 700;
text-align: center;
color: #3c3734;
position: relative;
padding-bottom: 30px;
display: inline-block;
}

.tabs-menu > ul > li > a > i.hw-icon
{
background: #fff none repeat scroll 0 0;
background-position:center center;
display: block;
font-size: 34px;
height: 160px;
line-height: 160px;
text-align: center;
width: 160px;
margin: 0 auto 20px;
position: relative;
border: 1px solid #f0f0f0;
}

@media (max-width:768px) {
.tabs-menu > ul > li > a > i.hw-icon
{
height: 130px;
line-height: 130px;
text-align: center;
width: 130px;
}
}
.tabs-menu > ul > li:hover {
	opacity:0.75;
}

.tabs-menu > ul > li.active {
	opacity:1;
}

.tabs-menu > ul > li.active > a > i.hw-icon
{
background-color: #ff0000;
color: #fff;
background-size:110%;
box-shadow: 0 0 0 5px #fff inset, 0 0 7px 0px rgba(0, 0, 0, 0.14);
border: none;
}


.tabs-menu > ul > li:last-of-type > a > i.hw-icon::before { display: none; }

.tabs-menu > ul > li.active a:before
{
content: "";
position: absolute;
background: #f00;
bottom: -1.5px;
}

.tabs-menu > ul > li.active a:before
{
left: 0px;
width: 100%;
height: 3px;
}

.tabs-menu > ul > li.active a:after
{
width: 3px;
height: 13px;
left: 50%;
margin-left: -1.5px;
}



@media (max-width:768px) {
	.tabs-menu > ul > li {
		width:50%;
	}
	.tabs-menu > ul > li > a {
		font-size: 14px;
	}
}

.jobs-content
{
padding: 30px 15px;
color: #3c3734;
}


.bewerbertabelle ul {
	list-style:none;
	margin:10px 0;
	padding:0;
}
.bewerbertabelle ul li {
	position:relative;
	padding-left:20px;
	margin-bottom:5px;
}
.bewerbertabelle ul li:before {
	position:absolute;
	left:0px;
	top:5px;
	content:'';
	width:10px; 
	height:10px;
	background:#f00;
}


.jobs-content ul {
	list-style:none;
	margin:0;
	padding:0;
}
.jobs-content ul li {
	position:relative;
	padding-left:20px;
}
.jobs-content ul li:before {
	position:absolute;
	left:0px;
	top:7px;
	content:'';
	width:10px; 
	height:10px;
	background:#ddd;
}

.jobs-content .btn
{
margin-top: 5px;
padding: 10px 15px;
background-color: #ff0000;
display: inline-block;
font-size: 16px;
font-weight: 700;
color: #fff;
}

.single-jobs-content
{
display: none;
padding: 0px;
}

.single-jobs-content.active { display: block; }

/*
* SELBSTSTAENDIG
********--------------*/


.single-kasten
{
text-align: center;
color: #3c3734;
/*    background-color: #fff;*/
position: relative;
padding: 40px 20px 20px;
/*    font-weight: 300;*/
margin-bottom: 1em;
}

.single-kasten .btn
{
margin-top: 5px;
padding: 10px 15px;
background-color: #ff0000;
display: inline-block;
font-size: 16px;
font-weight: 700;
color: #fff;
}

@media (max-width: 700px) {
.single-kasten .btn
{
white-space: normal;
font-size:13px;
padding:10px;
}
}

.single-kasten .icon
{
font-size: 50px;
color: #3c3734;
margin-bottom: 20px;
}

.single-kasten h3, .single-kasten h3 a, .single-kasten h4, .single-kasten h4 a
{
color: #666666;
font-weight: 700;
line-height: 1.4em;
}

.single-kasten h4, .single-kasten h4 a { font-size: 18px; }

.single-kasten p { text-align: left; }

.single-kasten p.arrow
{
padding: 0 0 0 8px;
margin: -10px 0 5px 0;
}

/*.single-kasten:after, .single-kasten:before {
    opacity: 0;
    content: "";
    position: absolute;
    top: 0px;
    background-color: #5c5450;
}
.single-kasten:before {
    left: 0px;
    width: 0%;
    height: 3px;
}
.single-kasten:after {
    left: 50%;
    width: 3px;
    margin-left: -1.5px;
    height: 0px;
}
.single-kasten:hover {
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.19);
}
.single-kasten:hover .icon {
    color: #ff0000;
}
.single-kasten:hover:before, .single-kasten:hover:after {
    opacity: 1;
}

.single-kasten:hover:before {
    width: 100%;
}
.single-kasten:hover:after {
    height: 17px;
}*/

.list-items { border-top: 1px solid #ddd; }

.single-items
{
float: left;
width: 33.3333%;
padding: 100px 25px 90px;
box-sizing: border-box;
overflow: hidden;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

.list-items div:nth-child(3n+3) { border-right: 0px; }

.single-items > .icon
{
float: left;
font-size: 60px;
width: 100px;
text-align: center;
margin-right: 20px;
}

.single-items > .details
{
padding-left: 120px;
color: #3c3734;
line-height: 20px;
}

.single-items > .details h4 { font-weight: 700; }

.single-items > .details p { font-weight: 300; }

/*
* FAQ's Area CSS
********--------------*/


.faq-area {
position: relative;
}

.single-accordion { margin-bottom: 20px; }

.single-accordion h5 { font-size: 15px; }

.single-accordion h5 a {
	display: block;
	position: relative;
	padding: 20px 45px 20px 20px;
	background-color: #ff0000;
	color: #fff;
}

.single-accordion h5 a.collapsed {
	background-color: #e9e9e9;
	color: #3c3734;
}

.single-accordion h5 a.collapsed:hover {
	background-color: #ddd;
	color: #3c3734;
}

.single-accordion h5 a span {
	position: absolute;
	right: 20px;
	top: 0px;
	font-weight: 300;
	height: 100%;
	font-size: 24px;
	line-height: 230%;
}

.single-accordion h5 a.collapsed span.accor-close { opacity: 0; }

span.accor-open { opacity: 0; }

.single-accordion h5 a.collapsed span.accor-open { opacity: 1; }

.single-accordion h5 { margin-bottom: 0px; }

.single-accordion .accordion-content { border: 1px solid #ddd; }

.single-accordion .accordion-content p { padding: 20px 20px 10px; }

/*
* FACTS CSS
********-------------------*/


.facts-area { position: relative; }

.facts-area:before
{
position: relative;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
content: "";/*    background: rgba(6, 24, 38, 0.90);*/
}

.single-facts { overflow: hidden; }

.single-facts > .icon
{
width: 73px;
height: 73px;
border-radius: 50%;
background-color: #e9e9e9;
text-align: center;
line-height: 73px;
font-size: 34px;
float: left;
margin-right: 15px;
}

.single-facts > h2
{
padding-left: 88px;
font-size: 14px;
font-weight: 700;
margin-bottom: 0px;
}

.single-facts > h2 span
{
font-size: 28px;
display: block;
margin-bottom: 6px;
margin-top: 9px;
}

/*
* AUSBILDUNG CSS
********-------------------*/

.single-ausbildung
{
background-color: #fff;
border: 1px solid #e9e9e9;
margin-bottom: 1em;
}

.single-ausbildung > div.ausbildung-head
{
border-bottom: 1px solid #e9e9e9;
padding: 30px 30px 15px 30px;
/*	margin-top: 15px;*/
background-color: #e9e9e9;
}

.single-ausbildung > div.ausbildung-content
{
padding: 30px;
text-align: left;
}

.single-ausbildung > a
{
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
color: #333;
display: inline-block;
margin-bottom: 24px;
}

.single-ausbildung:hover { box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.11); }

.single-ausbildung a:hover { color: #ff0000; }

/*
* KONTAKT CSS
********-------------------*/


.get-address { }

.s-address
{
overflow: hidden;
margin-bottom: 30px;
}

.s-address > span
{
font-size: 50px;
float: left;
display: inline-block;
margin-right: 30px;
width: 90px;
text-align: center;
}

.s-address h4
{
padding-left: 100px;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
color: #333;
margin-top: 8px;
}

.s-address h4 span
{
font-size: 15px;
font-weight: 400;
text-transform: none;
display: block;
line-height: 24px;
margin-top: 5px;
}

.s-address h4 span a { color: #333 }

.contact-form { text-align: center; }

.contact-form input, .contact-form textarea
{
width: 100%;
border: 1px solid #e9e9e9;
padding: 10px;
margin-bottom: 15px;
color: #b9b9b9;
background-color: #fafafa;
}

.contact-form textarea { min-height: 150px }

.contact-form input[type="submit"]
{
width: auto;
border: none;
text-align: center;
background: none;
font-weight: 700;
text-transform: uppercase;
color: #fff;
background: #ff0000;
}

.input-submit
{
position: relative;
display: inline-block;
padding: 0px 10px;
}

/*.input-submit:before {
    position: absolute;
    content: "\f178";
    font-family: "FontAwesome";
    right: 0;
    top: 11px;
    color: #fff;
}
.input-submit:hover:before {
    right: -10px;
}*/

p.record-data { color: green; }

/*
* Footer CSS
********-------------------*/

.footer-area
{
background-color: #f3f2f2;
position: relative;
color: #3c3734;
padding: 95px 0;
margin-top: 120px;
}


.footer a { color: #3c3734; }

.footer-social-links
{
margin-right: -8px;
margin-top: 30px;
}

.footer-social-links a
{
width: 33px;
height: 28px;
line-height: 28px;
text-align: center;
display: inline-block;
color: #3c3734;
border: 1px solid #3c3734;
margin-right: 8px;
}

.footer-social-links a:hover
{
background-color: #ff0000;
border-color: #ff0000;
color: #fff;
}

@media (max-width:900px) {
	.singlekastenbox {
		padding-left:0;
	}
}