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

/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playfair-display-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/playfair-display-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v30-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-700 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/playfair-display-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/playfair-display-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v30-latin-700.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/playfair-display-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/playfair-display-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v30-latin-italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-700italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/playfair-display-v30-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/playfair-display-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v30-latin-700italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin : 0;
	padding : 0;
	border : 0;
	font-size : 100%;
	font : inherit;
	font-family: 'Karla', sans-serif;
	vertical-align : baseline;
	line-height : 1.5em;
}

i{
	font-style:italic;
	}


h1, h2, h3, h4, h5, h6{
    font-family: "Playfair Display", Georgia, serif;
    margin: 0;
    /*line-height: 1.3;*/
	font-weight: bold;
	}

h1, h2, h3, h4, h5, h6{
	color: #96c11f;	
	}


h1{
	font-size: 2.6em;
	}


h3{
	font-size: 1.7em;
}

h3{
	font-size: 1.2em;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{
	font-family: "Playfair Display", Georgia, serif;
	color:#004899;
	}





article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display : block;
}
body {
	line-height : 1;
	background : #F2F2F2;
}
ol, ul {
	list-style: outside url('../images/liste.png');
	padding-left: 20px;
}

li{
	line-height:2em;
	}

blockquote, q {
	quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content : '';
	content : none;
}
table {
	border-collapse : collapse;
	border-spacing : 0;
}
*, *:after, *:before {
	box-sizing : border-box;
}
::-webkit-scrollbar {
	display : none;
}




::-moz-selection {
	color : #1106CC;
	background : #FFFF99;
}
.nopadding {
	padding : 0;
}
.custompadding {
	padding-left : 5px;
	padding-right : 5px;
}
.no-margin {
	margin-right : 0;
	margin-left : 0;
}
.underline {
	display : inline;
	border-bottom : 3px solid #111;
	padding-bottom : 0;
}
.after-line {
	height : 3px;
	width : 100px;
	background : #48484a;
	margin-top : -10px;
	transition : 0.5s;
}
.sup-title {
	display : inline-block;
	font-size : 1em;
	padding : 4px;
	text-transform : uppercase;
	font-weight : bold;
	color : #FFFFFF;
	background : #000000;
	margin : 0 0 20px 0;
}
#loading {
	width : 100%;
	height : 100%;
	top : 0;
	left : 0;
	position : fixed;
	opacity : 1;
	background-color : #F2F2F2;
	z-index : 9999;
	text-align : center;
}
#loading-image {
	display : inline;
	top : 40%;
	position : relative;
	z-index : 9999;
}
.logo {
	position : fixed;
	top : 20px;
	left : 15px;
	padding : 0 0;
	z-index : 111;
	display : none;
}
.logo:hover, .logo:focus {
	text-decoration : none;
	color : #FFF;
}
.main {
	width : 100%;
	height : 100%;
	background : #F2F2F2;
	transition : 0.5s;
}
.jarallax {
	position : relative;
	background : url(../images/main_bg-2.jpg);
	background-size : cover;
	background-repeat : no-repeat;
	background-position : 50% 50%;
}
.main-intro {
	padding-top : 200px;
}
.about-personal {
	height : 100%;
	width : 100%;
	background : #FFF;
}
.ps-intro {
	padding-top : 150px;
	padding-bottom : 100px;
}
.ps-title p {
	font-size : 1.8em;
	font-weight : 600;
	letter-spacing : 0;
	line-height : 1.2;
	margin : 0 0 20px 0;
}
.ps-details p {
	font-size : 14px;
	font-weight : bold;
	color : #666666;
	margin-top : 0;
	line-height : 1.5;
	letter-spacing : 0;
	margin : 0 0 20px 0;
}
.underline {
	border-color : #FFFF99;
}
.personal-home {
	width : 100%;
	height : 100%;
	padding-top : 200px;
	padding-bottom : 100px;
}
.personal-details {
	padding-top : 100px;
}
.personal-details p {
	font-size : 14px;
	line-height : 1.2;
	margin-top : 30px;
}
.abt-personal {
	padding-top : 100px;
	padding-bottom : 100px;
}
.abt-personal span {
	font-size : 16px;
	color : #FFF;
	font-weight : 700;
	padding : 5px;
	background : #80bfff;
	text-transform : uppercase;
}
.abt-personal p {
	font-size : 14px;
	line-height : 1.4;
	margin-top : 20px;
}
@media only screen and (min-width:767px) {
	.logo {
		position : absolute;
		top : 20px;
		left : 20px;
	}
	
	.indikator {
		display : none;
	}
}
.nav-trigger {
	width : 40px;
	height : 40px;
	z-index : 111;
	position : fixed;
	right : 10px;
	top : 30px;
	transform : rotate(0deg);
	transition : 0.7s cubic-bezier(0.77, 0, 0.175, 1);
	cursor : pointer;
	z-index : 9999;
}
.nav-trigger span {
	display : block;
	position : absolute;
	height : 2px;
	width : 21px;
	background : #004899;
	border-radius : 0;
	opacity : 1;
	left : 0;
	transform : rotate(0deg);
	transition : 0.25s ease-in-out;
}
.nav-trigger span:nth-child(1) {
	top : 0;
	transform-origin : left center;
}
.nav-trigger span:nth-child(2) {
	width : 21px;
	top : 8px;
	transform-origin : left center;
}
.nav-trigger span:nth-child(3) {
	top : 16px;
	transform-origin : left center;
}
.nav-trigger.open span:nth-child(1) {
	transform : rotate(45deg);
	top : 1px;
	left : 4px;
	}
.nav-trigger.open span:nth-child(2) {
	width : 0%;
	opacity : 0;
}
.nav-trigger.open span:nth-child(3) {
	transform : rotate(-45deg);
	left : 4px;
}
#nav-menu {
	position : fixed;
	height : 100%;
	right : 0;
	top : 0;
	visibility : hidden;
	z-index : 110;
	width : 75%;
	background-color : #7b97be;
	background-size : cover;
	overflow-y : auto;
	transition : transform 0.4s 0s, visibility 0s 0.6s;
	transition-timing-function : cubic-bezier(0.7, 0, 0.3, 1);
	transform : translateX(100%);
}
#nav-menu .navigation {
	margin-top : 150px;
	margin-bottom : 20px;
}
#nav-menu li {
	padding-bottom : 1em;
}
#nav-menu li {
	display : block;
	line-height : 1.4em;
	
	font-size : 21px;
	font-weight : 600;
	letter-spacing : 0;
	text-align : center;
	padding-bottom : 1em;
	color : #222;
	transform : translateX(50px);
	transition : 0.8s 0s;
}
#nav-menu a {
	position : relative;
	color : #004899;
	text-decoration : none;
}
#nav-menu a:hover {
	color : #FFF;

}
#nav-menu .active {
	color : #FFF !important;
}

#nav-menu .active:hover {
	color : #004899 !important;
}

#nav-menu a:before {
/*	content : "";
	position : absolute;
	width : 100%;
	height : 2px;
	bottom : -3px;
	left : 0;
	background-color : #48484a;
	visibility : hidden;
	transform : scaleX(0);
	transition : all 0.2s 0s ease-in-out;
*/}
#nav-menu li:hover a::before {
	visibility : visible;
	transform : scaleX(1);
	color: #FFF;
}
.no-touch #nav-menu a:hover {
	color : #000;
	text-decoration : none;
}
.main::before {
	display : block;
	content : "";
	width : 100%;
	height : 0;
	position : fixed;
	left : 0;
	top : 0;
	background : rgba(0, 0, 0, 0.5);
	opacity : 0;
	z-index : 100;
	transform : translate3d(0, 0, 0);
	backface-visibility : hidden;
	transition : opacity 0.5s ease, height 1ms 0.5s ease;
}
.main.is-active.main::before {
	transition : opacity 0.5s ease;
	height : 100%;
	opacity : 1;
}
#nav-menu.is-active {
	transform : translateX(0);
	visibility : visible;
	transition : transform 0.4s 0s, visibility 0s 0s;
	transition-timing-function : cubic-bezier(0.7, 0, 0.3, 1);
}
#nav-menu.is-active {
	opacity : 1;
	visibility : visible;
	transition : opacity 0.4s 0s, visibility 0s 0s;
}
#nav-menu.is-active li {
	transform : translateX(0);
	transition : 0.8s 0s;
}
#nav-menu .copyright-text {
	
	font-size : 12px;
	font-weight : 200;
	text-align : center;
	padding : 20px 20px;
}
.nav-social ul {
	padding : 0.5em;
	list-style-type : none;
	text-align : center;
}
.nav-social li {
	display : inline !important;
	padding-left : 1em !important;
}
.nav-social i, .nav-social a {
	font-size : 29px;
	color : #96c11f;
}
.nav-social a:before {
	display : none;
}
@media only screen and (min-width:768px) {
	#nav-menu {
		width : 25%;
	}
	#nav-menu .navigation {
		margin-top : 250px;
	}
	#nav-menu li {
		font-size : 1.4em;
		text-align : left;
		padding-left : 30px;
	}
	.nav-social ul {
		padding : 0.4em;
	}
	
	.indikator {
		display : none;
	}
}
.left-section {
	background-size : cover;
	position : absolute;
	left : 0;
	right : 0;
	top : 0;
	bottom : 0;
	width : 50%;
	height : 100%;
	overflow : hidden;
	z-index : 1;
}

.bg_startseite{
	background : url(../hintergrund/hintergrund_1.jpg) center center no-repeat;
	background-size: cover;
	}
	
.bg_jobs{
	background : url(../hintergrund/hintergrund_2.jpg) center center no-repeat;
	background-size: cover;
	}

.bg_unternehmen{
	background : url(../hintergrund/hintergrund_3.jpg) center center no-repeat;
	background-size: cover;
	}

.bg_ueber_uns{
	background : url(../hintergrund/hintergrund_41.jpg) center center no-repeat;
	background-size: cover;
	}

.bg_kontakt{
	background : url(../hintergrund/hintergrund_5.jpg) center center no-repeat;
	background-size: cover;
	}

.bg_bewerber{
	background : url(../hintergrund/hintergrund_6.jpg) center center no-repeat;
	background-size: cover;
	}

.bg_impressum{
	background : url(../hintergrund/hintergrund_7.jpg) center center no-repeat;
	background-size: cover;
	}

.no-background {
	background : linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
	background-size : cover;
	position : absolute;
	left : 0;
	right : 0;
	top : 0;
	bottom : 0;
	width : 50%;
	height : 100%;
	overflow : hidden;
	z-index : 1;
}
.particles-background {
	background : linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../images/bg.jpg) center center no-repeat;
	background-size : cover;
	position : absolute;
	left : 0;
	right : 0;
	top : 0;
	bottom : 0;
	width : 50%;
	height : 100%;
	overflow : hidden;
	z-index : 1;
}
.right-section {
	position : absolute;
	right : 0;
	top : 0;
	bottom : 0;
	width : 50%;
	height : 100%;
	background-size : cover;
	background : #FFFFFF;
	z-index : 99;
	overflow : hidden;
	overflow-y : auto;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.intro-personal {
	padding : 280px 20px 0px 20px;
	text-align : left;
}
.intro-text {
	padding : 20px 20px 0px;
}
.btn-contact {
	
	font-size : 18px;
	font-weight : 600;
	color : #48484a;
	display : inline-block;
	text-transform : uppercase;
	background : transparent;
	border : solid 3px;
	border-color : #48484a;
	padding : 10px 20px;
	margin-top : 40px;
	margin-bottom : 40px;
	transition : 0.5s;
}
.btn-contact:hover, .btn-contact:focus {
	color : #FFFFFF;
	background : #48484a;
	border-color : #48484a;
	text-decoration : none;
}
.split-about {
	padding-top : 150px;
}
.split-about-details {
	padding : 0 20px;
}
.split-about .split-about-details h4 {
	display : inline;
	
	font-size : 14px;
	font-weight : bold;
	float : left;
	text-transform : uppercase;
	color : #FFFFFF;
	background : #48484a;
	padding : 2px 4px;
	line-height : 1.2;
}
.split-about .split-about-details .btn-contact {
	margin-top : 20px;
	padding : 6px 12px;
}
.split-about .split-about-details span {
	
	font-size : 16px;
	text-align : left;
	line-height : 1.2;
}
.split-about .split-about-details p {
	
	font-size : 16px;
	font-weight : bold;
	text-align : left;
	line-height : 1.2;
	margin : 20px 0 10px 0;
}
.split-about-experience {
	padding-top : 50px;
}
.split-about-experience ul {
	padding : 50px 0 0 0;
}
.split-about-experience li {
	margin-bottom : 1em;
}
.split-about-experience h3 {
	
	font-size : 16px;
	font-weight : 700;
	color : #111111;
	letter-spacing : 0;
	line-height : 1.2;
}
.split-about-experience p {
	
	font-size : 14px !important;
	font-weight : 300;
	color : #888DA1;
	padding : 0 0 10px 0;
	line-height : 1.1;
}
.split-about-experience h6 {
	
	font-size : 14px;
	font-weight : bold;
	color : #48484a;
	padding : 0 0 10px 0;
}
.portfolio-split {
	padding-top : 0;
	padding-left : 40px;
	padding-right : 40px;
}
.portfolio-split .portfolio-intro {
	padding : 2em;
}
.portfolio-split .portfolio-intro span, .hervorheben {
	
	font-size : 14px;
	text-transform : uppercase;
	font-weight : bold;
	color : #48484a;
	padding : 2px 4px;
	background : #c99454;
}
.portfolio-split .portfolio-split-items {
	padding-bottom : 20px;
}
.overlay {
	background : rgba(0, 0, 0, 0.8);
	position : absolute;
	top : 0;
	left : 0;
	bottom : 0;
	height : 100%;
	width : 100%;
	opacity : 0;
	transition : 0.5s;
}
.overlay-items {
	height : 300px;
	position : absolute;
	top : 45%;
	left : 0;
	right : 0;
}
.overlay-items h5 {
	
	display : block;
	color : #FFF;
	font-size : 16px;
	font-weight : 600;
	text-decoration : none;
	transform : translateY(20px);
	transition : 0.3s;
	transition-delay : 0.1s;
	opacity : 0;
}
.overlay-items p {
	margin-top : 0;
	opacity : 0;
	font-size : 12px;
	
	font-weight : bold;
	color : #111111;
	padding : 5px 5px;
	background : #FFF;
	display : inline-block;
	transform : translateY(20px);
	transition : 0.3s;
	transition-delay : 0.2s;
}
.grid img {
	overflow : hidden;
	transition : transform 0.4s;
}
.grid a:hover .overlay {
	opacity : 1;
	visibility : visible;
}
.grid a:hover h5, .grid a:hover p {
	opacity : 1;
	transform : translateY(0);
	text-decoration : none;
}
.primal-portfolio {
	padding-left : 35px;
	padding-right : 35px;
}
.primal-portfolio nav {
	padding-bottom : 30px;
	text-align : left;
}
.primal-portfolio .categories ul li {
	display : inline;
	list-style : none;
}
.primal-portfolio .categories ul li a {
	display : inline;
	
	font-weight : bold;
	font-size : 14px;
	line-height : 2.5;
	text-decoration : none;
	color : #666666;
	margin-left : 20px;
}
.primal-portfolio .categories ul li a.active {
	text-decoration : underline;
	color : #000000;
}
.primal-portfolio_filter {
	padding-left : 0;
}
.primal-portfolio_item {
	overflow : hidden;
	margin-bottom : 10px;
	display : block;
}
.primal-portfolio-overlay {
	background : rgba(0, 0, 0, 0.9);
	position : absolute;
	top : 0;
	left : 5px;
	height : calc(100% - 10px);
	width : calc(100% - 10px);
	opacity : 0;
	transition : 0.5s;
}
.primal-overlay-items {
	height : 300px;
	position : absolute;
	top : 45%;
	left : 0;
	right : 0;
}
.primal-overlay-items p {
	margin-top : 1em;
	opacity : 0;
	font-size : 12px;
	
	color : #111111;
	padding : 5px 5px;
	background : #FFFFFF;
	display : inline-block;
	transform : translateY(20px);
	transition : 0.3s;
	transition-delay : 0.2s;
}
.primal-portfolio_item:focus, .primal-portfolio_item:hover {
	text-decoration : none;
}
.primal-portfolio_item:hover .primal-portfolio-overlay {
	transform : scale(1);
	opacity : 1;
}
.primal-portfolio_item:hover h5, .primal-portfolio_item:hover p {
	opacity : 1;
}
.primal-portfolio_item:hover p {
	opacity : 1;
	transform : translateY(0);
	text-decoration : none;
}
.portfolio-single {
	padding-top : 150px;
	text-align : center;
}
.portfolio-single .project-details {
	padding : 40px;
}
.portfolio-single .project-details h4 {
	display : inline;
	
	font-size : 14px;
	font-weight : bold;
	float : left;
	text-transform : uppercase;
	color : #48484a;
	background : #c99454;
	padding : 2px 4px;
	line-height : 1.2;
}
.portfolio-single .project-details p {
	
	font-size : 16px;
	font-weight : bold;
	text-align : left;
	letter-spacing : 0;
	line-height : 1.4;
}
.project-images {
	width : 100%;
	height : 100%;
	padding-top : 20px;
	padding-bottom : 20px;
}
.project-images img, img {
	max-width : 100%;
	max-height : 100%;
}
.project-details ul {
	list-style-type : none;
	text-align : left;
	padding-top : 40px;
}
.project-details span {
	
	font-size : 14px;
	font-weight : bold;
	line-height : 2;
	color : #48484a;
	background : #c99454;
	padding : 2px 4px;
	text-transform : uppercase;
}
.portfolio-single .project-sub-details p {
	
	font-size : 16px;
	font-weight : 600;
	text-align : left;
	letter-spacing : 0;
}
.portfolio-single .project-sub-details a {
	
	color : #48484a;
}
.portfolio-single .project-sub-details a:hover {
	
	color : #FF3333;
	text-decoration : none;
}
.link-back {
	padding-top : 50px;
	padding-bottom : 50px;
	overflow : hidden;
}
.link-back i {
	font-size : 34px;
	color : #111111;
}
.split_content {
	padding : 40px;
}
.split-contact .split-contact-intro, .split_content .split_content_intro {
	padding : 0 20px;
}
.split-form {
	padding-top : 50px;
}
label {
	
	font-size : 15px;
	font-weight : bold;
	color : #111111;
}
.controls input {
	
	color : #888DA1;
}
.form-control {
	border : 0;
	border-radius : 0;
	margin-top : 10px;
	background : transparent;
	margin-bottom : 20px;
	border-bottom : 1px solid #999;
	box-shadow : 0 0 0 rgba(0, 0, 0, 0) inset;
	transition : 0.5s;
}
.form-control:focus {
	border-color : #48484a;
	box-shadow : none;
}
.form-control::-webkit-input-placeholder {
	
	font-size : 12px;
	color : #888DA1;
}
.form-control:-moz-placeholder {
	
	font-size : 12px;
	color : #888DA1;
}
.form-control::-moz-placeholder {
	
	font-size : 12px;
	color : #888DA1;
}
.form-control:-ms-input-placeholder {
	
	font-size : 12px;
	color : #888DA1;
}
.text-muted {
	
	font-size : 14px !important;
	font-weight : 400 !important;
	color : #222;
}
.text-muted strong {
	color : #FF3333;
}
.btn-send {
	
	font-weight : bold;
	text-transform : uppercase;
	margin-bottom : 20px;
	border-radius : 0;
	color : #FFFFFF !important;
	background : #48484a;
	transition : 0.5s;
}
.btn-send:hover, .btn-send:focus {
	color : #FFFFFF;
	background : #000000;
	outline : none !important;
}
.footer-personal {
	margin-top : 20px;
	margin-bottom : 30px;
	position : relative;
}
.lesspadding {
	padding-top : 0;
	padding-bottom : 30px;
}
.footer-personal ul {
	list-style : none;
	margin-left : 5%;
	margin-right : 5%;
	line-height : 1.5em;
}
.footer-personal li {
	display : inline;
}
.footer-personal a {
	display : inline;
	
	font-size : 12px;
	font-weight : 600;
	margin : 20px;
	color : #48484a;
	text-decoration : none;
	line-height : 2em;
}
.footer-personal a:hover, .footer-personal a:focus {
	color : #48484a;
	text-decoration : underline;
}
.footer-credits {
	
	font-size : 14px;
	margin-top : 20px;
}
@media only screen and (max-width:1024px) {
	
	.right-section {
		position : relative;
		width : 80%;
		float: right;
		height: calc(var(--vh, 1vh) * 100);
	}
	.left-section {
		position : relative;
		width : 20%;
		min-height : 100vh;
		float: left;
	}
	
	}
@media only screen and (max-width:801px) {
	.btnstartseite {
		margin-bottom : 10px;
	}
	.right-section {
		position : relative;
		width : 90%;
		float: right;
	}
	.left-section {
		position : relative;
		width : 10%;
		min-height : 100vh;
		float: left;
	}
	.btn-contact {
		font-size : 18px;
		padding : 10px 20px;
	}
	.split-about {
		padding-top : 50px;
	}
	.split-about-details, .split_content_details {
		padding : 25px;
	}
	.portfolio-split {
		padding-top : 40px;
	}
	.portfolio-split .portfolio-intro {
		padding : 1em;
	}
	.portfolio-single .project-details {
		padding : 15px;
	}
	.primal-portfolio span {
		margin-bottom : 0;
		text-align : center;
		width : 100%;
	}
	.primal-portfolio {
		padding-left : 15px;
		padding-right : 15px;
	}
	.primal-portfolio .categories ul li {
		text-align : center;
	}
	.primal-portfolio .categories ul li a {
		margin-left : 20px;
	}
	.footer-personal {
		margin-top : 50px;
		margin-bottom : 20px;
	}
	.footer-personal a {
		font-size : 14px;
		padding : 10px;
	}
	.open_close {
		display : none !important;
	}
	.split-contact .split-contact-intro {
		padding : 40px 40px 40px 0;
	}
	.split_content, split_content_details, .split_content_intro {
		padding : 0 !important;
	}
	.indikator {
		display : none;
		top : 90%;
		width : 30px;
		height : 30px;
		margin-left : -15px;
		padding : 0 0 0 5px;
		color : #fde8c3;
		left : 54%;
		font-size : 2em;
		position : fixed;
		z-index : 1000;
		display : block;
		transform : translateY(0%) translateX(-50%);
	}
	.blink {
		display : block;
		animation : blink 2s linear infinite;
	}
	
	
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
	.btnstartseite {
		margin-bottom : 10px;
	}
	.split-contact .split-contact-intro {
		padding : 40px 40px 40px 0;
	}
	.split_content, split_content_details, .split_content_intro {
		padding : 0 !important;
	}
	.indikator {
		display : none;
		top : 90%;
		width : 30px;
		height : 30px;
		margin-left : -15px;
		padding : 0 0 0 5px;
		color : #fde8c3;
		left : 54%;
		font-size : 2em;
		position : fixed;
		z-index : 1000;
		display : block;
		transform : translateY(0%) translateX(-50%);
	}
	.blink {
		display : block;
		animation : blink 2s linear infinite;
	}
}
@media only screen and (min-device-width:320px) and (max-device-width:736px) {
	.btnstartseite {
		margin-bottom : 10px;
	}
	.open_close {
		display : none !important;
	}
	.split-contact .split-contact-intro {
		padding : 40px 40px 40px 0;
	}
	.split_content, split_content_details, .split_content_intro {
		padding : 0 !important;
	}
	.indikator {
		display : none;
		top : 90%;
		width : 30px;
		height : 30px;
		margin-left : -15px;
		padding : 0 0 0 5px;
		color : #fde8c3;
		left : 54%;
		font-size : 2em;
		position : fixed;
		z-index : 1000;
		display : block;
		transform : translateY(0%) translateX(-50%);
	}
	.blink {
		display : block;
		animation : blink 2s linear infinite;
	}
}
@media only screen and (min-device-width:320px) and (max-device-width:736px) and (orientation:landscape) {
	.btnstartseite {
		margin-bottom : 10px;
	}
	.open_close {
		display : none !important;
	}
	.split_content, split_content_details, .split_content_intro {
		padding : 0 !important;
	}
	.indikator {
		display : none !important;
		top : 90%;
		width : 30px;
		height : 30px;
		margin-left : -15px;
		padding : 0 0 0 5px;
		color : #fde8c3;
		left : 54%;
		font-size : 2em;
		position : fixed;
		z-index : 1000;
		display : block;
		transform : translateY(0%) translateX(-50%);
	}
}
@keyframes blink {
	0% {
	color : #fdecc6;
	}
	100% {
	color : #dba442;
	}
}
.blink {
	display : none;
	animation : blink 2s linear infinite;
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
	.left-section {
		min-height : 100vh;
	}
	.btnstartseite {
		margin-bottom : 10px;
	}
	.open_close {
		display : none !important;
	}
	.split-contact .split-contact-intro {
		padding : 40px 40px 40px 0;
	}
	.split_content, split_content_details, .split_content_intro {
		padding : 0 !important;
	}
	.indikator {
		display : none;
		top : 90%;
		width : 30px;
		height : 30px;
		margin-left : -15px;
		padding : 0 0 0 5px;
		color : #fde8c3;
		left : 54%;
		font-size : 2em;
		position : fixed;
		z-index : 1000;
		display : block;
		transform : translateY(0%) translateX(-50%);
	}
	.blink {
		display : block;
		animation : blink 2s linear infinite;
	}
}
@media only screen and (max-width:420px) {
	.btnstartseite {
		margin-bottom : 10px;
	}
	.intro-personal {
		padding-top : 100px;
	}
	.primal-portfolio .categories ul li {
		display : block;
		text-align : center;
	}
	.primal-portfolio .categories ul li a {
		display : block;
		line-height : 1;
		padding : 5px 25px;
		margin-left : 0;
		margin-bottom : 20px;
	}
	.open_close {
		display : none !important;
	}
	.split-contact .split-contact-intro {
		padding : 0 40px 40px 0;
	}
		.split_content, split_content_details, .split_content_intro {
		padding : 0 !important;
	}
	.indikator {
		display : none;
		top : 90%;
		width : 30px;
		height : 30px;
		margin-left : -15px;
		padding : 0 0 0 5px;
		color : #fde8c3;
		left : 54%;
		font-size : 2em;
		position : fixed;
		z-index : 1000;
		transform : translateY(0%) translateX(-50%);
	}
	.blink {
		display : block;
		animation : blink 2s linear infinite;
		}
	
	.logo_mitte{
		left: 50% !important;
		top: 0px !important;
		background: #FFF;
		width:100%;
		}
	.logo_mitte img{
		max-width: 40% !important;
		margin-left: 50px;
		}
		
}
@media only screen and (min-device-width:1024px) {
	.indikator, .blink {
		display : none;
	}
}
@media only screen and (min-device-width:800px) and (orientation:portrait) {
	.indikator {
		display : none;
	}
}
h1 {
/*	font-size : 2em;
	font-weight : bold;
	line-height : 1.5;
	display : inline;
	color : #000;
	padding : 2px 4px;
*/}
h2 {
/*	font-size : 1.4em;
	font-weight : bold;
	line-height : 2;
	display : inline;
	color : #FFF;
	background : #48484a;
	padding : 2px 4px;
	text-transform : uppercase;
*/}
h3 {
/*	font-size : 1.2em;
	font-weight : bold;
	line-height : 2;
	display : inline;
	color : #000;
	padding : 2px 4px;
*/}
h4 {
/*	font-size : 1em;
	font-weight : bold;
	line-height : 2;
	display : inline;
	color : #FFF;
	background : #48484a;
	padding : 2px 4px;
	text-transform : uppercase;
*/}
.logo_mitte {
	z-index : 1000;
	display : block;
	transform : translateY(0%) translateX(-50%);
	opacity: 1;
	top: 20px;
	left: 75%;
	position: fixed;
}

#logo{
	}



.open_close {
	top : 90%;
	width : 30px;
	height : 30px;
	margin-left : -30px;
	background : #F2F2F2;
	left : 50%;
	position : fixed;
	z-index : 100;
	display : block;
}
.largeright {
	width : 90%;
}
.largeleft {
	width : 10%;
}
.move_open_close {
	left : 90%;
}
.right-section_none {
	display : none !important;
}
.move_logo_mitte {
	left : 90%;
}
a {
	color : #014899;
	text-decoration : none;
	font-weight : bold;
}
.right-section a:focus, .right-section a:hover {
	font-style : italic;
	text-decoration : none;
	color : #014899;
}
em {
	font-weight: bold;
    font-style: italic;
    font-size: larger;
    color: #004899;
}
hr {
	border-top : 1px solid #96c11f;
	/*max-width : 80%;*/
	margin-top : 30px !important;
	margin-bottom : 30px !important;
	clear : both;
}
.responsive-video iframe {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
}
.responsive-video {
	position : relative;
	padding-bottom : 56.25%;
	padding-top : 0;
	height : 0;
	overflow : hidden;
}
.stammbaum_desk {
	padding-bottom : 20px;
	display : flex;
}
.tree ul {
	padding-top : 20px;
	position : relative;
	transition : all 0.5s;
	display : block;
	margin : 0 auto;
}
.tree li {
	float : left;
	text-align : center;
	list-style-type : none;
	position : relative;
	padding : 20px 5px 0 5px;
	transition : all 0.5s;
}
.tree li::before, .tree li::after {
	content : '';
	position : absolute;
	top : 0;
	right : 50%;
	border-top : 1px solid #ccc;
	width : 50%;
	height : 20px;
}
.tree li::after {
	right : auto;
	left : 50%;
	border-left : 1px solid #ccc;
}
.tree li:only-child::after, .tree li:only-child::before {
	display : none;
}
.tree li:only-child {
	padding-top : 0;
}
.tree li:first-child::before, .tree li:last-child::after {
	border : none 0;
}
.tree li:last-child::before {
	border-right : 1px solid #ccc;
	border-radius : 0 5px 0 0;
}
.tree li:first-child::after {
	border-radius : 5px 0 0 0;
}
.tree ul ul::before {
	content : '';
	position : absolute;
	top : 0;
	left : 50%;
	border-left : 1px solid #ccc;
	width : 0;
	height : 20px;
}
.tree li a {
	border : #ccc solid 1px;
	padding : 15px 20px;
	text-decoration : none;
	color : #666;
	font-family : inherit;
	font-size : 1em;
	display : inline-block;
	border-radius : 5px;
	transition : all 0.5s;
	cursor : default;
}
.tree li a:hover, .tree li a:hover + ul li a, .treeactive {
	background : #c99454;
	color : #000;
	border : #48484a solid 1px;
}
.tree li a:hover + ul li::after, .tree li a:hover + ul li::before, .tree li a:hover + ul::before, .tree li a:hover + ul ul::before {
border-color : #48484a;
}
@media (min-width:1565px) {
	.stammbaum_mob {
	display : none !important;
	}
	.stammbaum_desk {
	display : flex !important;
	padding-bottom : 40px;
	}
}
@media (max-width:1565px) {
	.stammbaum_mob {
	display : block !important;
	padding-bottom : 40px;
	padding-top : 20px;
	}
	.stammbaum_desk {
	display : none !important;
	}
}
#map {
	min-height : 450px;
	width : 100%;
}
.blinki {
	animation : blinker 2s linear infinite;
}
@keyframes blinker {
	50% {
	opacity : 0;
	}
}
.listings {
	list-style : disc;
	margin-left : 40px;
}
.btn-personal {
	color : #FFF !important;
	background-color : #004899;
	font-size : 1em;
	padding : 18px 25px 12px 25px;
	border-radius : 0px 25px 0px 25px;
	text-align: center;
}

.btn-personal:hover {
	background-color : #96c11f;
	border-radius : 0px 25px 0px 25px;
	color : #FFF !important;
	font-style : normal !important;
	transition: 0.3s ease-in-out;

	}

.right-section img {
	/*box-shadow : 5px 5px 2px #888;*/
}
#map img, .noshadow img {
	box-shadow : 0 0 0 #888 !important;
}
strong {
	font-weight : bold;
}

.geschichte{
	margin-bottom: 10px;
	}


.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




.jobs-wrapper{
	/*display: flex;
	word-break: break-word;*/
}

.job{
    margin-bottom: 30px;
	min-height: 348px;
    border: 1px solid #004899;
	padding: 20px;
	flex: 1;
}

.job-art{
	font-weight:bold;
	font-size:smaller;
}

.job-ort{
	font-size:smaller;
}

.job-bezeichnung{
	min-height:50px;
	word-break: break-all;
}

.buttonbox{
	margin: 0px 0px 25px 0px;
	}

.buttonbox span {
  text-transform: none;
  position: absolute;
  color: #EE283E;
  top: 20px;
  left: 30px;
  opacity: 0;
  transition: all 0s ease 0s;
}


.buttonbox:before, .buttonbox:after {
    content: "";
    position: absolute;
    top: -15px;
    left: -5px;
    width: 132px;
    height: 25px;
    line-height: 1em;
	border-radius: 0px 15px 0px 15px;
}
.buttonbox:before {
  background-color: #96c11f;
/*  -webkit-transform: skew(-25deg);
          transform: skew(-25deg);
  transition: 0.3s ease-in-out;
*/}

.buttonbox:after {
  content: "";
  font-size: 0.75em;
  top: -7px;
  left: 10px;
  color: #FFF;
}

.buttonbox:hover:before {
  transition: 0.3s ease-in-out;
  border-radius : 25px;
  background-color: #004899;
  border-radius: 0px 15px 0px 15px;
}

.buttonbox:hover {
  transition: 0.3s ease-in-out;
  border-radius : 0px !important;
}


.buttonbox-personal:after {
	content: "SC PERSONAL" ;
}
.buttonbox-mehrinfosfuer:after {
	content: "MEHR INFOS FÜR";
}

.buttonbox-mehrinfos:after {
	content: "MEHR INFOS ";
}

.interne{
	margin: 25px 0 25px 0px;
    border-top: 1px solid #96c11f;
    padding-top: 40px;
	}


.abstand_oben_20{
	padding-top: 20px;
	}

.abstand_unten_20{
	padding-bottom: 20px;
	}

.abstand_oben_50{
	padding-top: 50px;
	}

.abstand_unten_50{
	padding-bottom: 50px;
	}

.intro-text h3:first-child{
	color:#004899;
	}

@media only screen and (min-width:767px) {
	.startseite{
		z-index: 2000;
		display: block;
		/*transform: translateY(0%) translateX(-50%);*/
		opacity: 1;
		left: 65%;
		/*position: fixed;*/
		background: #FFF;
		min-width: 60%;
		/*border-right: 1px solid #000;
		border-bottom: 1px solid #000;*/
		}
	}


@media only screen and (max-width: 801px){
	.split-about-details, .split_content_details,  {
		padding: 25px; 
	}
	
	.split-contact{
		padding: 0px; 
		}
	
	#nav-menu {
		width: 90%;
	}
}


.urkunde{
	box-shadow: 5px 5px 2px #888;
	}


@media only screen and (min-width: 1860px){
	.job {
    	min-height: 258px !important;
	}
}

@media only screen and (max-width: 768px){
	.job {
    	min-height: auto !important;
	}
	.gdatum{
		padding-left: 15px !important;
	}
}

@media only screen and (max-width: 1500px){
	.gdatum{
		padding-left: 45px;
	}
}