.content {
	padding-top:60px;
}

/*Home*/
body.home .content .box ul li {
	float:left;
	width:21.15384615%;
	margin-left:0 1.923076923%;
	
	font-size:15px;
	line-height:18px;
}

.content ul.downloads {
	list-style:none;
}

.content .home-center {
	font-size:18px;
}
.content .content-home,
.content .contact {
	width:48%;
	padding-top:20px;
	border-top:6px solid #d0d0d0;
	margin-top:45px;
	float:left;
}
.content .content-home h1 {
	font-size:30px;
	line-height:34px;
}
.content .contact {
	margin-left:4%;
	border-bottom:6px solid #009ee3;
}
.content .contact img {
	display:block;
	width:100%;
}
.content .contact > h1 {
	font-size:30px;
	line-height:34px;
}
.content .contact .contact-bg {
	background-color:#f1f1f1;
	padding:15px 0;
}

.content .contact .adresse,
.content .contact .contact-form {
	/*width:46%;
	float:left;*/
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.content .contact .contact-form {
	/*margin-left:8%;*/
	padding-left: 15px;
	padding-right:15px;
}
.content .contact .contact-form input,
.content .contact .contact-form textarea {
	width:100%;
	background-color:#FFF;
	color:#c5c5c5;
	border:1px solid #FFF;
	padding:5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:7px;
}
.content .contact .contact-form input:focus,
.content .contact .contact-form textarea:focus {
	border:1px solid #009ee3;
}
.content .contact .contact-form .button__container {
	text-align: right;
}

.content .contact .contact-form button {
	background-color:#009ee3;
	padding:2px 10px;
	border:0;
	color:#FFF;
	transition: background-color 0.3s ease 0s;
}
.content .contact .contact-form button:hover {
	background-color:#000;
}
.content .contact .addresses {
	padding-left:15px;
}
.content .contact .addresses .title {
	margin-bottom: 15px;
}
.content .contact .addresses .address {
	list-style:none;
	padding:0;
	margin:0;
	width: 50%;
	float: left;
}
.content .contact .addresses ul li {
	padding-top:10px;
	padding-left:35px;
	position:relative;
}
.content .contact .addresses h2 {
	margin-bottom:0;
	color: #009ee3;
	line-height:24px;
}
.content .contact .addresses li:before {
	width:28px;
	height:26px;
	position:absolute;
	left:0;
	
	display:inline-block;
	content:"";
	
	background-repeat:no-repeat;
	background-position:0 0;
}
.content .contact .addresses li.home:before {
	background-image:url(../img/icon-home.svg);
	top:4px;
	background-size:28px 26px;
}
.content .contact .addresses li.tel:before {
	background-image:url(../img/icon-tel.svg);
	top:7px;
	background-size:28px 23px;
}
.content .contact .addresses li.mail:before {
	background-image:url(../img/icon-mail.svg);
	top:14px;
	background-size:28px 16px;
}

@media only screen and (max-width : 989px) {
	.content .content-home,
	.content .contact {
		width:100%;
		margin-left:0;
	}
}
@media only screen and (max-width : 767px) {
	body.home .content .box ul li {
		width:46.15384615%;
		margin:0 1.923076923% 35px;
	}
}
@media only screen and (max-width : 480px) {
	body.home .content .box ul li {
		width:100%;
		margin-left:0%;
		
		clear:both;
		margin-bottom:25px;
	}
	.content .content-home,
	.content .contact {
		margin-top:20px;
	}
	.content .contact .addresses,
	.content .contact .contact-form {
		width:100%;
		padding:0 15px;
		margin:0 0 15px;
	}
	.content {padding-top:20px;}
}

/*************** Landkarte ***************/
.content .map-content {
	width:100%;
	height:200px;
}

.content .map-content #map,
.content .map-content .google-map {
	width: 100%;
	height: 200px;
}

.content .map-content.all,
.content .map-content.all #map,
.content .map-content.all .google-map {
	height:450px;
}

.content .map-content #map img {
	max-width:none;
}

@media only screen and (max-width : 480px) {
	.content .map-content,
	.content .map-content #map {
		height: 150px;
	}
}

.location {
	margin-bottom: 45px;
}

/*Home - News*/
.news {
	padding-top:20px;
	border-top:6px solid #d0d0d0;
	margin-top:20px;
}
.news > h1 {
	font-size:30px;
	line-height:34px;
}
.news ul {
	list-style:none;
	padding:0;
	margin:0;
}
.news ul li {
	width:48%;
	margin-left:4%;
	float:left;
	
	font-size:15px;
	line-height:18px;
}
.news ul li:first-child {
	margin-left:0;
}
.news ul li p {
	margin-bottom:0;
}
.news ul li .transform-image,
.news ul li .text {
	width:46%;
	float:left;
}
.news ul li .transform-image {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-bottom:0;
	border-left:6px solid #009ee3;
	min-height: 176px;
}
.news ul li img {
	display:block;
	/*border-left:6px solid #009ee3;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;*/
}
.news ul li .text {
	padding-left:8%;
	background-color:#f1f1f1;
	min-height:176px;
}
.news ul li .text h1 {
	margin-bottom:0;
	margin-top:15px;
	line-height:24px;
}

@media only screen and (max-width : 1280px) {
	.news ul li {
		display:table;
	}
	.news ul li .transform-image, .news ul li .text{
		display: table-cell;
		vertical-align: top;
		
		float:none;
		width:auto;
	}
	.news ul li .transform-image {
		height: 172px;
		width: 263px;
	}
	.news ul li .text {
		padding-left:4%;
	}
}

@media only screen and (max-width : 1060px) {
	.news ul li {
		display:block;
	}
	.news ul li .transform-image, .news ul li .text{
		width:100%;
		height:auto;
		margin-left:0%;
		
		display: block;
		float:left;
	}
	.news ul li .text {
		padding:0 20px 20px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
}

@media only screen and (max-width : 767px) {
	/*.news ul li .transform-image, .news ul li .text{
		width:100%;
		margin-left:0%;
	}
	.news ul li .text {
		padding:0 20px 20px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}*/
}

@media only screen and (max-width : 480px) {
	.news ul li {
		width:100%;
		margin-left:0%;
		margin-bottom:25px;
	}
}


/* News Übersicht */
.news-overview {
	list-style:none;
	padding:0;
}
.news-overview li {
	padding-bottom:20px;
}
.news-overview li h3,
.news-overview li p {
	margin-bottom:0;
}

.news-overview li {
	margin-bottom:10px;
}
.news-overview li .news-overview-image,
.news-overview li .news-overview-content {
	float:left;
}
.news-overview li .news-overview-image {
	width:26%;
	margin-right:4%;
	clear:both;
}
.news-overview li .news-overview-content {
	width:70%;
}



/*Filter*/
.filter {
	margin-top:30px;
	margin-bottom:30px;
}
/*.filter ul {
	list-style:none;
	padding:0;
	margin:0 -2%;
}
.filter ul li {
	float:left;
	width:21.15384615%;
	margin:1.923076923%;
}
.filter ul li label {
	vertical-align:middle;
}
.filter ul li select {
	min-width:50%;
	padding:2px;
	border:0;
	background-color:#d0d0d0;
	float:right;
}*/
.filter label {
	margin-right:10px;
}
.filter select {
	/*padding:2px;*/
	padding:4px;
	border:0;
	background-color:#d0d0d0;
	margin-right:35px;
	max-width: 250px;
}
.filter .frm-filter {
	float:left;
}
.filter a.button {
	padding:0 25px;
	float:right;
	line-height:30px;
}
.filter a.button:before {
	display:none;
}
.filter a.back {
	float:right;
}
.filter .frm-filter .filter-box {
	float:left;
}

@media only screen and (max-width : 1024px) {
	.filter .frm-filter,
	.filter a.button,
	.filter a.back {
		clear:both;
		float:left;
		margin:7px 0;
	}
}

@media only screen and (max-width : 940px) {
	.filter ul li {
		width:29.48717949%;
	}
	.filter .frm-filter .filter-box {
		clear:both;
		float:left;
		margin:7px 0;
	}
	.filter .frm-filter .filter-box label {
		width:85px;
		display:inline-block;
	}
}

@media only screen and (max-width : 820px) {
	.filter ul li {
		width:46.15384615%;
	}
}

@media only screen and (max-width : 480px) {
	.filter ul {
		margin:0;
	}
	.filter ul li {
		width:100%;
		margin:0 0 15px;
		float:none;
	}
	
	.filter .frm-filter,
	.filter .frm-filter .filter-box {
		width:100%;
	}
	.filter .frm-filter label,
	.filter .frm-filter select,
	.filter a.button {
		width:100%;
		margin:0;
	}
	.filter a.button {
		text-align:center;
	}
}

/*subnavi*/
.content .subnavi {
	width:22%;
	float:left;
}
.content .subnavi ul {
	list-style:none;
	padding:0;
	margin:0;
}
.content .subnavi > ul  > li a {
	padding:3px 5px;
	display:block;
}
.content .subnavi > ul  > li > a:hover,
.content .subnavi > ul  > li.active > a {
	color:#FFF;
	background-color:#009ee3;
}
.content .subnavi > ul  > li.active > a {
	font-weight:bold;
}
.content .subnavi ul ul {
	background-color:#f6f6f6;
	padding:2px 15px;
	
	display:none;
}
.content .subnavi ul li.active ul {
	display:block;
}
.content .subnavi ul ul li a {
	color:#000;
}
.content .subnavi ul ul li a:hover,
.content .subnavi ul ul li.active a {
	color:#009ee3;
}
.content .subnavi ul ul li.active a {
	font-weight:bold;
}

/*Content small*/
.content-small {
	width:74%;
	padding-left:4%;
	float:left;
}

.mobile-subnavi-header {
	display: none;
}

@media only screen and (max-width : 940px) {
	.content .subnavi, .content-small{
		width:100%;
		padding-left:0%;
		float:none;
	}
	.content-small {
		margin-top:25px;
	}	
	
	
	
	/** SUBNAVI **/

	.mobile-subnavi-header {
		display: block;
		background-color: #f9f9f9;
		/*border-bottom: 1px solid #e5e5e5;*/
		position: relative;
		
		border: 1px solid #e5e5e5;
	}

	.content .subnavi {
		padding-top: 0;
	}

	.mobile-subnavi-header > * {
		line-height: 50px;
		height: 50px;
	}

	.mobile-subnavi-header .back {
		display: block;
		width: 50px;
		text-align: center;
		color: #333;
		border-right: 1px solid #e5e5e5;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 200;
		
		font-size:inherit;
		font-weight:normal;
	}

	.mobile-subnavi-header .back span {
		display: none;
	}

	.mobile-subnavi-header .back:before {
		content: '\f0d9';
		font-family: FontAwesome;
	}

	.mobile-subnavi-header .toggle {
		display: block;
		padding-left: 70px;
		cursor: pointer;
		position: relative;
	}

	.mobile-subnavi-header .toggle:after {
		content: '\f0d7';
		font-family: FontAwesome;
		font-size: 16px;
		position: absolute;
		right: 20px;
		top: 50%;
		line-height: 1em;
		height: 1em;
		display: block;
		margin-top: -0.5em;
	}

	.expanded .mobile-subnavi-header .toggle:after {
		content: '\f0d8';
	}

	.content .subnavi > ul {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.45s ease-in-out;
	}

	.content .subnavi.expanded > ul {
		max-height: 800px;
	}


	.content .subnavi > ul li > a {
		padding-left: 70px;
		display: block;
		border-bottom: 1px solid #e5e5e5;
	}

	html body .content .subnavi ul,
	.content .subnavi > ul > li > ul > li > ul{
		margin: 0;
	}

	.content .subnavi ul li a,
	.content .subnavi > ul > li > ul > li.current > ul > li > a,
	.content .subnavi > ul > li > ul > li > a{
		font-size: 14px;
		line-height: 2.5em;
	}
	
	.content .subnavi ul ul {
		background-color:#FFF;
	}

	.content .subnavi > ul li > ul,
	.content .subnavi > ul li.current > ul{
		margin-left: 0;
	}

	.content .subnavi > ul > li > ul > li a {
		padding-left: 85px;
	}

	.content .subnavi > ul > li > ul > li > ul > li a {
		padding-left: 100px;
	}

	.content .subnavi > ul > li > ul > li > ul > li > ul > a {
		padding-left: 115px;
	}

	.content .subnavi > ul > li > ul > li > ul > li > ul > li > ul > a {
		padding-left: 130px;
	}
}


/*Form*/
.content dl.form {
}

.content dl.form dt, 
.content dl.form dd {
    float: left;
    margin-bottom: 10px;
}
.content dl.form dt {
    clear: both;
    margin-right: 5%;
    width: 15%;
	padding-top:6px;
}
.content dl.form dd {
	margin-left:0;
    width: 80%;
}

.content dl.form dd input,
.content dl.form dd textarea {
	width:100%;
	padding:3px 15px;
	border:1px solid #e5e5e5;
	line-height:24px;
	background-color:#e5e5e5;
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.content dl.form dd input:focus,
.content dl.form dd textarea:focus {
	border-color:#009ee3;
}
.content dl.form dd input {
	height:34px;
}
.content dl.form dd input[type=radio] {
	width:auto;
	height:auto;
}
.content dl.form dd textarea {
	padding:4px 15px;
}
.content dl.form dd textarea#anliegen {
	height:165px;
}
.content .form-options {
	list-style:none;
	padding:0;
	margin-bottom:25px;
}
.content .form-options input {
	margin-right:10px;
}

@media only screen and (max-width : 650px) {
	.content dl.form dt, 
	.content dl.form dd {
		float: none;
		width: 100%;
		margin-bottom: 5px;
	}
	.content dl.form dt {
		clear: none;
		margin-right: 0;
		margin-bottom: 0;
	}
	.content dl.form dd {
	}
}

/* Form Umfrage */
.content dl.form.survey dt {
    width: 25%;
}
.content dl.form.survey dd {
    width: 70%;
}
.content dl.form.survey dd ul {
    list-style:none;
	padding:0;
	margin:0;
}
.content dl.form.survey dd ul li {
	float:left;
	width:33%;
}
.content dl.form.survey dd ul li input {
	float:left;
	margin:8px 10px 0 0;
}
.content dl.form.survey dd textarea#question5 {
	height:125px;
}

.survey .image {
	display:block;
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:28px;
	width:28px;
	height:28px;
	overflow:hidden;
}
.survey .image01 {
	background-image:url(/img/face1.svg);
}
.survey .image02 {
	background-image:url(/img/face2.svg);
}
.survey .image03 {
	background-image:url(/img/face3.svg);
}


@media only screen and (max-width : 650px) {
	.content dl.form.survey dt, 
	.content dl.form.survey dd {
		float: none;
		width: 100%;
		margin-bottom: 5px;
	}
	.content dl.form.survey dt {
		clear: none;
		margin-right: 0;
		margin-bottom: 0;
	}
	.content dl.form.survey dd {
		margin-bottom:5px;
	}
}


/*Team*/
.team h1 {
	margin-bottom:0;
	padding-bottom:18px;
}
.team ul {
	list-style:none;
	padding:0;
	margin:0;
}
.team ul li {
	width:30%;
	padding-left:5%;
	margin-bottom:34px;
	float:left;
}
.team ul li:first-child,
.team ul li:nth-child(3n+1) {
	padding:0;
	clear:both;
}
.team ul li > img {
	width:100%;
	display:block;
}
.team ul li .title {
	min-height:46px;
}
.team ul li .text {
	background-color:#009ee3;
	
	line-height:19px;
	padding:5px 10px;
}
.team ul li .text b {
	color:#FFF;
}
.team ul li .text p {
	margin-bottom:0;
}
.team .text a {
	color:#000;
}
.team .text a:hover {
	color:#FFF;
}

@media only screen and (max-width : 900px) {
	.team ul li .title h1 {
		font-size:18px;
	}
}
@media only screen and (max-width : 767px) {
	.team ul li {
		width:45%;
		padding-left:10%;
	}
	.team ul li:nth-child(3n+1) {
		padding-left:10%;
		clear:none;
	}
	.team ul li:nth-child(2n+1) {
		padding:0;
		clear:both;
	}
}
@media only screen and (max-width : 480px) {
	.team ul li {
		width:100%;
		padding-left:0;
		margin-bottom:20px;
	}
	.team ul li:nth-child(3n+1) {
		padding-left:0;
	}
	.team ul li:nth-child(2n+1) {
		clear:none;
	}
	.team ul li .title {
		min-height:0;
	}
	.team ul li .title h1 {
		padding-bottom:5px;
	}
}



/*Galerie*/
.content .galerie {
	padding-top:45px;
}
.content .galerie .galerie-name {
	background-color:#009ee3;
	padding:10px 15px;
}
.content .galerie .galerie-name h1 {
	color:#FFF;
	margin-bottom:0;
}
.content .galerie ul {
	list-style:none;
	padding:0;
	margin:0;
}
.slider ul.animate {
	-webkit-transition: margin-left 0.4s ease;
    -moz-transition: margin-left 0.4s ease;
    transition: margin-left 0.4s ease;
}

.content .galerie .galerie-slider {
	position:relative;
}
.content .galerie .galerie-slider img {
	display:block;
	/*width:100%;*/
}
.content .galerie .galerie-slider .slider {
	width:100%;
	position:relative;
	
	overflow:hidden;
	height:490px;
}
.content .galerie .galerie-slider .container ul {
	width:50000px;
	position:absolute;
}
.content .galerie .galerie-slider ul li {
	float:left;
}


.content .galerie .galerie-slider .tabs,
.content .galerie .arrow-left,
.content .galerie .arrow-right {
	position:absolute;
	
	display:none;
}
.content .galerie .galerie-slider.slider-init .tabs,
.content .galerie .slider-init .arrow-left,
.content .galerie .slider-init .arrow-right {
	display:block;
}
.content .galerie .galerie-slider .tabs {
	bottom:25px;
	left:50%;
}
.content .galerie .galerie-slider .tabs ul {
	margin-left:-50%;
}
.content .galerie .galerie-slider .tabs ul li {
	float:left;
	margin-left:12px;
}
.content .galerie .galerie-slider .tabs ul li:first-child {
	margin-left:0;
}
.content .galerie .galerie-slider .tabs ul li a {
	width:10px;
	height:10px;
	background-color:#FFF;
	display:block;
}
.content .galerie .galerie-slider .tabs ul li a:hover,
.content .galerie .galerie-slider .tabs ul li.current a {
	background-color:#009ee3;
}
.content .galerie .galerie-slider .tabs ul li a span {
	display:none;
}


.content .galerie .arrow-left,
.content .galerie .arrow-right {
	/*background:none;*/
	background-color:transparent;
	background-image:url(/img/arrows.png);
	background-repeat:no-repeat;
	width:25px;
	height:29px;
	border:0;
	bottom:25%;
	padding:0;
}
.content .galerie .arrow-left {
	background-position:0 0;
	left:-70px;
}
.content .galerie .arrow-right  {
	background-position:-25px 0;
	right:-70px;
}

.content .galerie .galerie-description {
	background-color:#f8f8f8;
}
.content .galerie .galerie-description ul {
	padding:20px 15px;
}
.content .galerie .galerie-description ul li {
	width:48%;
	margin-left:4%;
	float:left;
}
.content .galerie .galerie-description ul li:first-child {
	margin-left:0;
}
/*.content .galerie .galerie-description li dl p {
	margin:0;
}*/
.content .galerie .galerie-description li dt,
.content .galerie .galerie-description li dd {
	float:left;
	border-top:2px solid #d0d0d0;
	padding:7px 0;
}
.content .galerie .galerie-description li dt {
    clear: both;
    padding-right: 5%;
    width: 20%;
	font-weight:bold;
}
.content .galerie .galerie-description li dd {
	margin-left:0;
    width: 75%;
}
.content .galerie .galerie-description li dt:nth-child(1),
.content .galerie .galerie-description li dd:nth-child(2) {
	border-top:0;
}
.content .galerie .galerie-description .documents ul {
	padding:0;
}
.content .galerie .galerie-description .documents ul li {
	margin-top:15px;
	
	margin-left:0;
	margin-right:15px;
	width:auto;
}

@media only screen and (max-width : 1465px) {
	.content .galerie .arrow-left,
	.content .galerie .arrow-right {
		bottom:15px;
	}
	.content .galerie .arrow-left {
		left:25px;
	}
	.content .galerie .arrow-right  {
		right:25px;
	}
}
@media only screen and (max-width : 1024px) {
	.content .galerie .galerie-description ul li {
		width:100%;
		margin-left:0;
		float:none;
	}
	.content .galerie .galerie-description li:nth-child(2) dt,
	.content .galerie .galerie-description li:nth-child(2) dd {
		border-top:2px solid #d0d0d0;
	}
}
@media only screen and (max-width : 768px) {
	.content .galerie .galerie-slider .slider {
		height:300px;
	}
	.content .galerie .galerie-slider img {
		max-width:100%;
		height:300px;
	}
}
@media only screen and (max-width : 767px) {
	.content .galerie .galerie-slider .slider {
		height:250px;
	}
	.content .galerie .galerie-slider img {
		height:250px;
	}
}
@media only screen and (max-width : 650px) {
	.content .galerie .galerie-description li dt,
	.content .galerie .galerie-description li dd {
		float:none;
		border-top:0;
		width: 100%;
		padding:0;
	}
	.content .galerie .galerie-description li:nth-child(2) dd {
		border-top:0;
	}
	.content .galerie .galerie-description li dt {
		clear: none;
		padding: 7px 0 0;
		border-top:2px solid #d0d0d0;
	}
	.content .galerie .galerie-description li dd {
		padding: 3px 0 7px;
	}
	.content .galerie .galerie-description li:first-child dt:first-child {
		border-top:0;
	}
}
@media only screen and (max-width : 480px) {
	.content .galerie .galerie-slider .slider {
		height:150px;
	}
	.content .galerie .galerie-slider img {
		height:150px;
	}
	
	.content .galerie .arrow-left,
	.content .galerie .arrow-right {
		bottom:10px;
	}
	.content .galerie .arrow-left {
		left:15px;
	}
	.content .galerie .arrow-right  {
		right:15px;
	}
	.content .galerie .galerie-slider .tabs {
		bottom:20px;
	}
}


/*Jobs/ Stellen*/
/*.jobs > ul,
.jobs > ul > li > ul {
	list-style:none;
	padding:0;
	margin:0;
}
.jobs > ul > li {
	font-size:20px;
	line-height:24px;
	padding:10px;
	border-bottom:5px solid #d0d0d0;
	color:#009ee3;
}
.jobs > ul > li:hover,
.jobs > ul > li.on {
	background-color:#f8f8f8;
}
.jobs > ul > li:first-child {
	border-bottom:5px solid #009ee3;
	color:#000;
}
.jobs > ul > li:first-child:hover {
	background-color:#FFF;
}
.jobs > ul > li > ul > li {
	float:left;
	width:22%;
}
.jobs > ul > li > ul > li:first-child {
	width:71%;
}
.jobs > ul > li > ul > li:last-child {
	width:7%;
}
.jobs > ul > li .text {
	color:#000;
	font-size:16px;
	line-height:18px;
	margin-top:15px;
	
	display:none;
}
.jobs > ul > li.on .text {
	display:block;
}
.jobs > ul > li .text ul {
	list-style:disc;
	padding-left:20px;
}*/
.jobs table {
	width:100%;
	
	font-size:20px;
	line-height:24px;
	color:#009ee3;
}
.jobs table tr:hover,
.jobs table tr.on {
	background-color:#f8f8f8;
}
.jobs table tr:first-child:hover {
	background-color:#FFF;
}
.jobs table td,
.jobs table th {
	width:22%;

	padding:10px;
	border-bottom:5px solid #d0d0d0;	
}
.jobs table th {
	color:#000;
	text-align:left;
	border-bottom:5px solid #009ee3;
}
.jobs table td.cell1 {
	width:71%;
	font-weight:bold;
}
.jobs table td.cell3 {
	width:7%;
}
.jobs p.button {
	margin-bottom:10px;
}
.jobs a.button {
	padding:5px 30px 9px 65px;
	
	float:right;
	clear:right;
}
.jobs a.button:before {
	top:9px;
	left:20px;
}
@media only screen and (max-width : 480px) {
	.jobs table {
		font-size:15px;
		line-height:20px;
	}
	.jobs table td,
	.jobs table th {
		width:auto;
	}
}
@media only screen and (max-width : 390px) {
	/*.jobs table td,
	.jobs table th {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}*/
}



/*lehrstellen Detail*/
.text-detail {
	width:65%;
	float:left;
}
.images-right {
	width:30%;
	margin-left:5%;
	float:right;
}
.images-right ul {
	list-style:none;
	padding:0;
	margin:0;
}
.images-right ul li {
	margin-bottom:25px;
}
.images-right ul li img {
	width:100%;
	display:block;
}

@media only screen and (max-width : 767px) {
	.text-detail,
	.images-right {
		width:100%;
		margin-left:0;
	}
	.images-right ul li {
		width:47%;
		margin-left:6%;
		float:left;
	}
	.images-right ul li:first-child,
	.images-right ul li:nth-child(2n+1) {
		margin-left:0;
		clear:both;
	}
}


/*weitere Referenzen*/
/*.other-references-title,
.other-references-table {
	float:left;
}
.other-references-title {
	width:22%;
	border-bottom:5px solid #009ee3;
}
.other-references-table {
	width:74%;
	margin-left:4%;
	
	font-size:20px;
	line-height:24px;
	color:#009ee3;
}
.other-references-title h1 {
	margin-bottom:0;
	padding:10px 0 6px;
}

.other-references-table table {
	width:100%;
}
.other-references-table table th,
.other-references-table table td {
	width:20%;
	
	padding:10px;
	border-bottom:5px solid #d0d0d0;
}
.other-references-table table tr:hover,
.other-references-table table tr.on {
	background-color:#f8f8f8;
}
.other-references-table table th {
	border-bottom:5px solid #009ee3;
	color:#000;
	text-align:left;
}
.other-references-table table tr:first-child:hover {
	background-color:#FFF;
}
.other-references-table table tr th.cell1,
.other-references-table table tr td.cell1 {
	width:60%;
	font-weight:bold;
}*/


.other-references {
	width:100%;
	
	font-size:18px;
	line-height:24px;
	color:#009ee3;
}
.other-references h1 {
	margin:50px 0 15px;
}
.other-references a.detail {
	background-color:#009ee3;
	color:#FFF;
	padding:5px;
}
.other-references a.detail:hover {
	color:#000;
}

.other-references table th,
.other-references table td {
	/*width:20%;*/
	
	padding:10px;
	border-bottom:2px solid #d0d0d0;
}
.other-references table tr:hover,
.other-references table tr.on {
	background-color:#f8f8f8;
}
.other-references table th {
	border-bottom:5px solid #009ee3;
	color:#000;
	text-align:left;
}
/*.other-references table tr:first-child:hover {
	background-color:#FFF;
}*/
.other-references table tr.noobject td {
	border:0;
	line-height:10px;
}
.other-references table tr.head th {
	font-weight:400;
}
.other-references table tr.noobject:hover,
.other-references table tr.head:hover,
.other-references table tr.sort {
	background-color:#FFF;
}
/*.other-references table tr.noobject + tr > td {
	border-top:5px solid #d0d0d0;
}*/
/*.other-references table tr th.cell1,
.other-references table tr td.cell1 {
	width:60%;
	font-weight:bold;
}*/


table.references col.objekt,
table.references td.objekt {
	width:40%;
}
table.references col.kunde,
table.references td.kunde {
	width:30%;
}
table.references col.ort,
table.references col.aufftragsart,
table.references td.ort,
table.references td.aufftragsart {
	width:10%;
}
table.references col.jahr,
table.references col.top,
table.references td.jahr,
table.references td.top {
	width:5%;
}

@media only screen and (max-width : 1280px) {
	table.references col.objekt,
	table.references td.objekt {
		width:37%;
	}
	table.references col.kunde,
	table.references td.kunde {
		width:27%;
	}
	table.references col.jahr,
	table.references col.top,
	table.references td.jahr,
	table.references td.top {
		width:8%;
	}
}


@media only screen and (max-width : 1024px) {
	.other-references-title {
		width:100%;
	}
	.other-references-table {
		width:100%;
		margin-left:0;
	}
}
@media only screen and (max-width : 940px) {
	.other-references .references {
		font-size:14px;
		line-height:1.3;
	}
	.other-references table th, .other-references table td {
		padding:7px;
	}
}
@media only screen and (max-width : 767px) {
	.other-references-table table th,
	.other-references-table table td,
	.other-references-table table tr th.cell1,
	.other-references-table table tr td.cell1 {
		width:auto;
	}
	
	.other-references .references {
		font-size:12px;
	}
	.other-references .references tr.sort,
	.other-references .references tr.head {
		font-size:14px;
	}
}
@media only screen and (max-width : 700px) {
	.other-references .references col:nth-child(6),
	.other-references .references tr th:nth-child(6),
	.other-references .references tr td:nth-child(6) {
		display:none;
	}
	
	.other-references .references col.objekt,
	.other-references .references tr td.objekt {
		width:45%;
	}
	
	.other-references .references tr td a {
		/*padding-right:10px;*/
	}
	.other-references .references tr td a:after {
		content: "\f08e";
		/*content: "\f05a";*/
		font-family: FontAwesome;
		margin-left:5px;
	}
}
@media only screen and (max-width : 650px) {
	.other-references .references col:nth-child(4),
	.other-references .references tr th:nth-child(4),
	.other-references .references tr td:nth-child(4) {
		display:none;
	}
	.legend {
		display:none;
	}
	.other-references .references col.kunde,
	.other-references .references tr td.kunde {
		width:30%;
	}
	.other-references .references col.ort,
	.other-references .references tr td.ort {
		width:15%;
	}
}
@media only screen and (max-width : 550px) {
	.other-references .references col:nth-child(5),
	.other-references .references tr th:nth-child(5),
	.other-references .references tr td:nth-child(5) {
		display:none;
	}
	.other-references .references col.objekt,
	.other-references .references tr td.objekt {
		width:47%;
	}
	.other-references .references col.kunde,
	.other-references .references tr td.kunde {
		width:35%;
	}
}
@media only screen and (max-width : 480px) {
	/*.other-references-table table th,
	.other-references-table table td {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}*/
	.other-references-table table {
		font-size:15px;
		line-height:20px;
	}
	
	.other-references .references col:nth-child(3),
	.other-references .references tr th:nth-child(3),
	.other-references .references tr td:nth-child(3) {
		display:none;
	}
	.other-references .references col.objekt,
	.other-references .references tr td.objekt {
		width:55%;
	}
	.other-references .references col.kunde,
	.other-references .references tr td.kunde {
		width:45%;
	}
	
	.other-references table tr.noobject td {
		line-height:5px;
		padding:3px;
	}
	.other-references h1 {
		margin:25px 0 5px;
	}
}





/*Boxen*/
.content .box ul {
	list-style:none;
	padding:0;
	margin:0 -2%;
}
.content .box ul li {
	float:left;
	width:21.15384615%;
	margin:0 1.923076923%;
	
	font-size:15px;
	line-height:18px;
}
.content .box ul li img {
	width:100%;
	display:block;
}
.content .box ul li button img {
	width:auto;
}

.content .box ul li h1 {
	margin-bottom:0;
	line-height:24px;
}
.home .content .box ul li h1 {
	margin-top:10px;
}
.content .box ul li p {
	margin-bottom:0;
}

/*Referenzen*/
.content .box.referenz-box h3 {
	margin-bottom:15px;
}
.content .box.referenz-box > p.more-projects {
	text-align:right;
	font-size:20px;
}
.content .box.referenz-boxobjekt .back {
	color:#000;
	margin-bottom:3px;
	font-weight:normal;
}
.content .box.referenz-box li {
	margin-bottom:15px;
	position:relative;
}
.content .box.referenz-box.category-box li {
	margin-bottom:25px;
}
.content .box.referenz-box li h4 {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	
	background-color:#009ee3;
	background-color:rgba(0, 158, 227, 0.85);
	color:#FFF;
	min-height:36px;
	padding:5px 10px;
	
	margin:0;
}

@media only screen and (max-width : 480px) {
	.content .box.referenz-box li {
		margin-bottom:20px;
	}
}

/*Job-box*/
.content .box.job-box ul li {
	width:29.48717949%;
	margin:0 1.923076923% 35px;
	position:relative;
}

.box.job-box li h1 {
	color:#FFF;
}
.box.job-box li .text {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	
	background-color:#009ee3;
	background-color:rgba(0, 158, 227, 0.85);
	color:#FFF;
	min-height:36px;
	padding:5px 10px;
}

.content .box.job-box ul li.on .text {
	bottom:-25px;
	background-color:#009ee3;
}
.content .box.job-box ul li.lehrstellen-detail {
	width:100%;
	background-color:#f8f8f8;
	border-top:6px solid #009ee3;
	margin-top:-16px;
	padding:25px 0 35px 20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.content .box.job-box ul li.lehrstellen-detail h1 {
	margin-bottom:18px;
	color:#009ee3;
}
.content .box.job-box ul li.lehrstellen-detail .text-detail ul {
	list-style:disc;
	padding-left:20px;
}
.content .box.job-box ul li.lehrstellen-detail .text-detail hr {
	border-top:1px solid #d0d0d0;
	border-right:0;
	border-left:0;
	border-bottom:0;
	margin:10px 0;
}
.content .box.job-box ul li.lehrstellen-detail ul li {
	float:none;
	padding:0;
	margin:0;
	width:auto;
}
.content .box.job-box ul li.lehrstellen-detail .images-right ul li {
	margin-bottom:25px;
}
.content .box.job-box ul li.lehrstellen-detail .images-right ul li:last-child {
	margin-bottom:0;
}
.content .box.job-box a.button {
	padding:7px 50px;
	display:block;
}
.content .box.job-box a.button:before {
	left:15px;
	top:10px;
}

@media only screen and (max-width : 940px) {
	.content .box ul li {
		width:29.48717949%;
	}
}

@media only screen and (max-width : 820px) {
	.content .box ul li,
	.content .box.job-box ul li {
		width:46.15384615%;
	}
}

@media only screen and (max-width : 480px) {
	.content .box ul {
		margin:0;
	}
	.content .box ul li,
	.content .box.job-box ul li {
		width:100%;
		margin:0 0 20px;
	}
}


/* reference */
table.references {
	width: 100%;
}
table.references th {
	text-align: left;
}
table.references td div {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	/*benutze max-width:30%; // Klasse für jede td*/
	/*max-width:100%;*/
	
	
	box-sizing:border-box;
}

/*
table.references col.objekt,
table.references td.objekt {
	width:40%;
}
table.references col.kunde,
table.references td.kunde {
	width:30%;
}
table.references col.ort,
table.references col.aufftragsart,
table.references td.ort,
table.references td.aufftragsart {
	width:10%;
}
table.references col.jahr,
table.references col.top,
table.references td.jahr,
table.references td.top {
	width:5%;
}
*/


.hhh {
	position: -webkit-sticky;
  	position: sticky;
	top:105px;
	
	padding:10px 0 0;
	background-color:#FFF;
}
table.references-head {
	width:100%;
	margin-bottom:0;
}
table.references-head th {
	text-align: left;
	
	padding:10px;
	border-bottom:5px solid #009ee3;
}
/*table.references-head th:first-child {
	padding-left:10px;
}
table.references-head th:last-child {
	padding-right:10px;
}*/

table.references-head col.objekt,
table.references-head th.objekt {
	width:40%;
}
table.references-head col.kunde,
table.references-head th.kunde {
	width:30%;
}
table.references-head col.ort,
table.references-head col.aufftragsart,
table.references-head th.ort,
table.references-head th.aufftragsart {
	width:10%;
}
table.references-head col.jahr,
table.references-head col.top,
table.references-head th.jahr,
table.references-head th.top {
	width:5%;
}

@media only screen and (max-width : 1280px) {
	table.references-head col.objekt,
	table.references-head th.objekt {
		width:37%;
	}
	table.references-head col.kunde,
	table.references-head th.kunde {
		width:27%;
	}
	table.references-head col.jahr,
	table.references-head col.top,
	table.references-head th.jahr,
	table.references-head th.top {
		width:8%;
	}
}

@media only screen and (max-width : 940px) {
	table.references-head th {
		padding:7px;
	}
}
@media only screen and (max-width : 700px) {
	.references-head col:nth-child(6),
	.references-head tr th:nth-child(6),
	.references-head tr td:nth-child(6) {
		display:none;
	}
	table.references-head col.objekt,
	table.references-head th.objekt {
		width:45%;
	}
}
@media only screen and (max-width : 650px) {
	.references-head col:nth-child(4),
	.references-head tr th:nth-child(4),
	.references-head tr td:nth-child(4) {
		display:none;
	}
	table.references-head col.kunde,
	table.references-head th.kunde {
		width:30%;
	}
	table.references-head col.ort,
	table.references-head th.ort {
		width:15%;
	}
}
@media only screen and (max-width : 550px) {
	.references-head col:nth-child(5),
	.references-head tr th:nth-child(5),
	.references-head tr td:nth-child(5) {
		display:none;
	}
	table.references-head col.objekt,
	table.references-head th.objekt {
		width:47%;
	}
	table.references-head col.kunde,
	table.references-head th.kunde {
		width:35%;
	}
}
@media only screen and (max-width : 480px) {	
	.references-head col:nth-child(3),
	.references-head tr th:nth-child(3),
	.references-head tr td:nth-child(3) {
		display:none;
	}
	table.references-head col.objekt,
	table.references-head th.objekt {
		width:55%;
	}
	table.references-head col.kunde,
	table.references-head th.kunde {
		width:45%;
	}
	
	table.references-head th {
		padding:3px;
	}
	
	.hhh {
		top:78px;
	}
}


#cookie.show {
    display: block;
}

#cookie {
    background-color: rgba(0, 158, 227, 0.85);
    color: #fff;
    display: none;
    transition: background-color 0.5s ease 0s;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500000;
    padding: 16px 0;
    text-align: center;
}

.wrapper-cookie {
    padding: 0 20px;
    margin: 0 auto;
    box-sizing: border-box;
}

#cookie a {
    color: #000;
}

#cookie .dics_agreed {
    padding: 0 9.5px;
    color: #fff;
    background-color: rgba(0, 158, 227, 0.85);
    border: 1px solid rgba(0, 158, 227, 0.85);
    font-weight: bold;
    text-transform: none;
    margin-left: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
}