/* ALLGEMEIN --------------------------------------------------------------------- START */

h1 {
	font-size:					15px;
	margin:						0px;
}

a:hover,
a:focus {
	outline:					none;
	color:						#009bce;
}

.transition {
    transition: 				all 0.2s ease 0s;
}

.text-col {
	-moz-column-width:			400px;
	-webkit-column-width:		400px;
	column-width:				400px;
	-moz-column-gap:			20px;
	-webkit-column-gap:			20px;
	column-gap:					20px;
}

.text-justify {
	text-align:					justify;
}

.text-nowrap {
	white-space:				nowrap;
}

.text p,
.text h1 {
	margin:						0px;
	padding:					0px;
}

.text .btn {
	display:					block;
}

hr {
	border-color:				#555555;
}

.icon-bull {
	padding:					5px 10px 0 10px;
}

.icon-bull span {
	width:						10px;
	height:						10px;
	display:					inline-block;
	background-color:			#fff;
	border-radius:				5px;
	overflow:					hidden;
}

.auto-height {
	height:						auto;
	padding-top:				40px;
	min-height:					calc(100% - 40px);
}

@media (max-width: 767px) {
	.none-xs {
		display:					none !important;
	}
	.display-xs {
		display:					block !important;
	}
	table.display-xs {
		display: 					table !important;
	}
	tr.display-xs {
		display: 					table-row !important;
	}
	th.display-xs,
	td.display-xs {
		display: 					table-cell !important;
	}
}

@media (min-width: 768px) {
	.display-xs {
		display:					none !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.none-sm {
		display:					none !important;
	}
	.display-sm {
		display:					block !important;
	}
	table.display-sm {
		display: 					table !important;
	}
	tr.display-sm {
		display: 					table-row !important;
	}
	th.display-sm,
	td.display-sm {
		display: 					table-cell !important;
	}
}

@media (max-width: 767px) {
	.display-sm {
		display:					none !important;
	}
}

@media (min-width: 992px) {
	.display-sm {
		display:					none !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.none-md {
		display:					none !important;
	}
	.display-md {
		display:					block !important;
	}
	table.display-md {
		display: 					table !important;
	}
	tr.display-md {
		display: 					table-row !important;
	}
	th.display-md,
	td.display-md {
		display: 					table-cell !important;
	}
}

@media (max-width: 991px) {
	.display-md {
		display:					none !important;
	}
}

@media (min-width: 1200px) {
	.display-md {
		display:					none !important;
	}
}

@media (min-width: 1200px) {
	.none-lg {
		display:					none !important;
	}
	.display-lg {
		display:					block !important;
	}
	table.display-lg {
		display: 					table !important;
	}
	tr.display-lg {
		display: 					table-row !important;
	}
	th.display-lg,
	td.display-lg {
		display: 					table-cell !important;
	}
}

@media (max-width: 1199px) {
	.display-lg {
		display:					none !important;
	}
}

/* ALLGEMEIN ---------------------------------------------------------------------- ENDE */

/* ACCORDION --------------------------------------------------------------------- START */
.panel {
    margin-bottom:				10px;
}

.panel-default {
	background:					#f5f5f5;
	border:						1px solid #dddddd;
	border-radius:				3px;
}

.panel .panel-heading {
	position:					relative;
	cursor:						pointer;
	border-bottom:				1px solid #dddddd;
	padding:					10px 15px;
	font-size:					15px;
}

.panel-body {
	background:					#ffffff;
	padding:					15px;
}

.panel .ui-icon {
	position:					absolute;
	top:						8px;
	right:						15px;
	z-index:					5;
	font-size:					10px;
	color:						#444444;
	font-size:					16px;
	font-weight:				bold;
}

.accordion-open:before {
	content:					"-";
}

.accordion-closed:before {
	content:					"+";
}

/* ACCORDION ---------------------------------------------------------------------- ENDE */

/* STARTSEITE -------------------------------------------------------------------- START */

.home-banner  {
	max-width:						75%;
	position:						relative;
	z-index:						52;
	background: 					linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 75%, rgba(255,255,255,0) 100%); 
	background: 					-moz-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 75%, rgba(255,255,255,0) 100%); 
	background: 					-webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 75%, rgba(255,255,255,0) 100%); 
	background: 					-ms-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 75%, rgba(255,255,255,0) 100%); 
	background: 					-o-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 75%, rgba(255,255,255,0) 100%); 
	filter: 						progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff,GradientType=1);
	padding-left:					8%;
	float:							left;
	margin-bottom:					175px;
	width:							60%;
}

@media (min-width: 768px) and (max-width: 992px) {
	.home-banner  {
		width:							95%;
		max-width:						95%;
		position:						relative;
		z-index:						52;
		background: 					linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%, rgba(255,255,255,0) 100%); 
		background: 					-moz-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%, rgba(255,255,255,0) 100%); 
		background: 					-webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%, rgba(255,255,255,0) 100%); 
		background: 					-ms-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%, rgba(255,255,255,0) 100%); 
		background: 					-o-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%, rgba(255,255,255,0) 100%);
		padding-left:					5%;
		float:							left;
		margin-bottom:					130px;
	}
}

@media (max-width: 767px) {
	.home-banner  {
		width:							auto;
		max-width:						100%!important;
		position:						relative;
		z-index:						52;
		background: 					linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%, rgba(255,255,255,0) 100%); 
		background: 					-moz-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%, rgba(255,255,255,0) 100%); 
		background: 					-webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%, rgba(255,255,255,0) 100%); 
		background: 					-ms-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%, rgba(255,255,255,0) 100%); 
		background: 					-o-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%, rgba(255,255,255,0) 100%);
		padding-left:					5%;
		padding-right:					5%;
		float:							left;
		margin-bottom:					0px;
	}
}

.home-banner p {
	font-size:						20px;
	height:							auto;
	width:							100%;
	color:							#333333;
	text-align:						left;
	padding:						0px 0px 0px;
	line-height:					30px;	
}

@media (max-width: 1280px) {
	.home-banner p {
		font-size:						18px;
		height:							auto;
		width:							100%;
		color:							#333333;
		text-align:						left;
		padding:						0px 0px 0px;
		line-height:					30px;	
	}
}

.home-banner p:first-of-type {
	font-size:						23px;
	padding-top:					15px;
	padding-bottom:					0px;
}

.home-banner p:last-child {
	padding-bottom:					20px;
}

.home-page {
	width:						100%;
	height:						auto;
	position:					absolute;
	float:						left;
	bottom:						0px;
	z-index:					99;
}

.B220 .home-page {
	width:						100%;
	height:						auto;
	position:					relative;
	float:						left;
	bottom:						0px;
}

/*
@media (max-width: 767px) {
	.home-page {
		top:					0px;
	}
}
*/

.home-circles {
	width:						100%;
	height:						100px;
	position:					relative;
	float:						left;
}

.home-circles-bg {
	width:						100%;
	height:						175px;
	position:					relative;
	float:						left;
	top:						0px;
	background-image:			url(images/circle-bg.png);
	border-top:					5px solid #1e1e1e;
	border-bottom:				1px solid #969797;
	background-color:			#ffffff;
	background-position:		bottom;
}

.circle-row {
	height:						175px;
	position:					relative;
	top:						0px;
}

.circle-container {
	height:						auto;
	position:					relative;
	width:						33.3%;
	float:						left;
	top:						-80px;
	z-index:					999;
}

.circle-container span {
	width:						200px;
	display:					block;
	text-align:					center;
	margin:						20px auto 0px;
	font-weight:				bold;
}

.circle-container span p:first-child {
	border-bottom:				1px solid #1e1e1e;
	font-size:					21px;
}

.circle-container span p:last-child {
	font-size:					21px;
	margin-top:					5px;
}

.circle-container span a {
	color:						#000000;
}

.circle-container span a:hover {
	color:						#009bce;
	text-decoration:			none;
}

.circle-form {
	width:						150px;
	height:						150px;
	border-radius:				80px;
	border:						5px solid #009bce;
	position:					relative;
	margin:						0 auto;
	background:					#009bce;
	box-shadow:					0px 0px 5px rgba(0,0,0,0.5);
}


.circle-img {
	width:						140px;
	height:						140px;
	border-radius:				75px;
	border:						5px solid #ffffff;
	display:					block;
	position:					relative;
	background-position:		center center;
	background-repeat:			no-repeat;
	cursor:						default;
}

.circle-img.automotive {
	background:					url(images/engineering2.png);
	background-position:		center center;
	background-repeat:			no-repeat;
}

.circle-img.kunststoff {
	background:					url(images/gear2.png);
	background-position:		center center;
	background-repeat:			no-repeat;
}

.circle-img.verpackung {
	background:					url(images/tool-button2.png);
	background-position:		center center;
	background-repeat:			no-repeat;
}

.home-news-bg {
	height:						50px;
	width:						100%;
	position:					relative;
	background-image:			url(images/circle-bg.png);
	float:						left;
	background-color:			#009bce;
	padding-bottom:				20px;
}

.home-news-title {
	width:						13%;
	display:					block;
	border-bottom:				5px solid #009bce;
	text-align:					right;
	height:						45px;
	font-size:					22px;
	font-weight:				bold;
	line-height:				45px;
	padding-right:				40px;
	position:					absolute;
}

.home-news {
	top:						25px;
	position:					relative;
}

.home-news-column {
	width:						33.3%;
	height:						100%;
	position:					relative;
	float:						left;
}

.home-news-box {
	height:			200px;
	width:			calc(100% - 40px);
	max-width:		300px;
	display:		block;
	position:		relative;
	overflow:		hidden;
	margin:			0px auto;
	border:			1px solid #009bce;
	box-shadow:		0px 0px 5px rgba(0,0,0,0.5);
}

.home-news-box:hover {
	box-shadow:		0px 0px 5px rgba(0,0,0,0.8);
}

.home-news-info {
	height:			auto;
	width:			100%;
	line-height:	25px;
	font-size:		15px;
	font-weight:	bold;
	color:			#1e1e1e;
	text-align:		center;
	bottom:			0px;
	display:		block;
	position:		absolute;
	padding:		10px 0px;
	overflow:		hidden;
	background:		rgba(255,255,255,0.8);
	border-top:		1px solid #009bce;
}

@media (max-width: 767px) {
	.home-news-bg {
		height:						100%;
		width:						100%;
		position:					absolute;
		bottom:						0;
		background-image:			none;
		background-color:			rgba(255,255,255,0);
	}

	.home-news {
		top:						0px;
		position:					relative;
		height:						100%;
	}

	.home-news-column {
		width:						100%;
		height:						auto;
		position:					relative;
		float:						left;
		margin-top:					25px;
	}
	.home-news-column:nth-child(3) {
		margin-bottom:				25px;
	}

	.home-news-box {
		width:			100%;
		max-width:		300px;
		height:			198px;
		display:		block;
		position:		relative;
		overflow:		hidden;
		margin:			0px auto;
		border:			1px solid #009bce;
		box-shadow:		0px 0px 5px rgba(0,0,0,0.5);
	}

	.home-news-box:hover {
		box-shadow:		0px 0px 5px rgba(0,0,0,0.8);
	}
}

.home-info-prod {
	position:		relative;
	float:			left;
	height:			auto;
	background:		#009bce;
	width:			100%;
	padding:		30px 0px;
	border-top:		1px solid #e8e8e8;
}

#home-prod-0 .home-description {
	width:			100%;
	max-width:		100%;
}

.home-info-prod h5 {
	font-size:		25px;
}

.home-info-prod h6 {
	font-size:		20px;
	color:			#009bce;
}

.home-prod-desc {
	height:			auto;
	width:			100%;
	position:		relative;
	float:			left;
	border-top:		1px solid #e8e8e8;
	border-bottom:	1px solid #969797;
	padding:		50px 0px;
}

.home-prod-desc:first-of-type {
	border-top:		none;
}

.home-prod-desc:last-child {
	border-bottom:	none;
}

.home-description {
	max-width:		65%;
	position:		relative;
	float:			left;
}

@media (min-width: 1240px) {
	.text-col-2 {
		min-height:				100%;
		-moz-column-count:		2;
		-webkit-column-count:	2;
		column-count:			2;
		-moz-column-gap:		30px;
		-webkit-column-gap:		30px;
		column-gap:				30px
	}
	.text-col-3 {
		min-height:				100%;
		-moz-column-count:		3;
		-webkit-column-count:	3;
		column-count:			3;
		-moz-column-gap:		30px;
		-webkit-column-gap:		30px;
		column-gap:				30px
	}
}

.home-prod-image {
	max-width:					25%;
	margin:						0 5%;
	position:					relative;
	float:						left;
	width:						100%;
	height:						350px;
}

.B100 .bxslider li {
	background-size:			cover!important;
	background-position:		center center;
}
/*
.home-prod-desc:nth-child(even) > .home-prod-image {
	margin:						0 10% 0 0;
}
*/
@media (max-width: 767px) {
	.home-prod-desc {
		padding-top:0px;
	}
	.home-description {
		max-width:	100%;
	}
	.home-prod-image {
		max-width:					50%;
		margin-left:				25%;
	}
	.B100 .bxslider li {
		background-position:		center;
	}
}

/* STARTSEITE --------------------------------------------------------------------- ENDE */

/* Seite - scrollbar --------------------------------------------------------------------- START */

.page-id-con {
	position:					relative;
	height:						100%;
	width:						100%;
	float:						left;
	border-bottom:				1px solid #969797;
	margin-top:					15px;
} 

@media(max-width: 991px) {
	.page-id-con {
		padding-bottom:			40px;
	}
}

.page-id-con:last-child {
	margin-bottom:				50px;
	border-bottom:				none;
}

/* Seite - scrollbar ---------------------------------------------------------------------- ENDE */

/* Bewerbungsformular ---------------------------------------------------------------------- START */

.contact-carrier #page-bg {
	display:			block!important;
}

.contact-carrier label:not(.check) {
    float: 				left;
    font-size: 			14px;
    line-height: 		36px;
	width:				30%;
}

.contact-carrier {
   width:				45%;
   float:				right;
   margin-top:			50px;
   margin-bottom:		20px;
}

@media (max-width: 995px) {
	.contact-carrier {
	   width:				100%;
	   float:				left;
	   margin-top:			50px;
	}
}

.contact-carrier  textarea {
	float:				left;
	height:				125px;
    margin-bottom: 		20px !important;
	resize:				none;
    line-height: 		1.42857;
    transition: 		border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    background-color: 	#fff;
    background-image: 	none;
    border: 			1px solid #ccc;
    border-radius: 		4px;
	font-size:			15px;
	font-family:		Open Sans, sans-serif;
	margin-top:			0px;
}

.contact-carrier input:not(.check):not(.file) {
	margin-bottom:		20px;
	width:				calc(70% - 26px);
}

@media (max-width: 767px) {
	.contact-carrier input:not(.check):not(.file) {
		width:			calc(100% - 26px);
	}	
	.contact-carrier label:not(.check) {
		width:			50%;
	}
}

.long-input {
	width:				calc(100% - 26px)!important;
}

.contact-carrier button {
    height: 			34px;
    line-height: 		1.42857;
    transition: 		border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    background-color: 	#eaeaea;
    background-image: 	none;
    border: 			1px solid #ccc;
    border-radius: 		4px;
	font-size:			15px;
	width:				calc(50% - 17.5px) !important;
}

.contact-carrier button[name="back"],
.contact-carrier button[name="reset"] {
    margin-right:		15px;
}

.contact-carrier button[name="next"],
.contact-carrier button[name="CS"] {
    margin-left:		15px!important;
}

.contact-carrier button[name="CS"] {
    color:				#333;
}

.contact-carrier input:focus,
.contact-carrier textarea:focus {
	border-color:		#009bce;
	box-shadow:			0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(0,155,206,0.6);
	outline:			0 none;
}

.contact-carrier button[disabled],
.contact-carrier input[disabled] {
    cursor: 			default;
	color:				#aaa;
}

.contact-carrier label[name="check"] {
	margin-bottom: 		20px;
	width: 				calc(100% - 20px);
	padding-left: 		5px;
	float:				left;
}

.contact-carrier input[type="checkbox"] {
	margin-top: 		5px;
	float:				left;
}

.contact-carrier label.long-input,
.contact-carrier input.long-input[name="file"] {
	width:				100%!important;
}

.control-group {
	height:				auto;
	width:				100%;
	float:				left;
	position:			relative;
}

/* Bewerbungsformular ----------------------------------------------------------------------- ENDE */

/* Ansprechpartner -------------------------------------------------------------------------- START */

.team-area .team-person {
	width:						80%;
	height:						auto;
	margin:						0 auto;
	position:					relative;
}

.team-area a {
	color:						#000000;
}

.team-table {
	width:						100%;
	height:						auto;
	table-layout:				fixed;
    border-spacing:				30px;
    border-collapse:			separate;
}

.team-table td {
	vertical-align:				top;
}

.team-table td > div:first-child {
	width:						100%;
	max-width:					240px;
	overflow:					hidden;
	margin:						0 auto 20px auto;
	box-shadow:					0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.team-table td > div:first-child + div {
	max-width:					240px;
	margin:						0 auto;
}

.team-table td > div img {
	width:						100%;
	height:						auto;
	border:						none;
}

.ap-desc {
	
}

/* Ansprechpartner --------------------------------------------------------------------------- ENDE */

/* NEWS --------------------------------------------------------------------------- START */

.news-box {
	display: 					block;
    height: 					auto;
    margin: 					0 auto 25px;
    overflow: 					hidden;
    position: 					relative;
	width:						100%;
}

.news-img {
	height:						calc(100% - 2px);
	width:						200px;
	border:						1px solid #666;
	position:					relative;
	float:						left;
}

.news-info {
	height:						100%;
	width:						calc(100% - 217px);
	display:					block;
	position:					relative;
	float:						left;
	left:						15px;
}

@media (max-width: 768px) {
	.news-info {
		width:					calc(100% - 15px);
	}	
}

.news-title {
    color: 						#000;
    display: 					block;
    font-size: 					24px;
    font-weight: 				bold;
    height: 					30px;
    line-height: 				30px;
    position: 					relative;
    float:		 				left;
	width:						auto;
}

.news-date {
	height:						30px;
	line-height:				30px;
	position:					relative;
	display:					block;
	float:						right;
	font-size:					16px;
	color:						#009bce;
	width:						auto;
}

.news-sentence {
	height:						auto;
	line-height:				25px;
	font-size:					16px;
	color:						#000;
	text-align:					justify;
	display:					block;
	position:					relative;
	overflow:					hidden;
	padding-top:				15px;
	margin-top:					15px;
	float:						left;
	width:						100%;
	border-top:					1px solid #009bce;
}

.news-more-btn {
	line-height:				30px;
	font-size:					18px;
	right: 						0px;
/*	bottom:						0px;*/
	display:					block;
	position: 					absolute;
	color:						#000;
	padding-right:				0px;
}

.news-box .news-more-btn:hover {
	color:			#666;
}

/* NEWS --------------------------------------------------------------------------- ENDE */

/* TERMINE --------------------------------------------------------------------------- START */

.date-table {
	width:						100%;
	display:					table;
}

.date-table > a,
.date-table > h4 {
	font-size:					16px;
	line-height:				35px;
	display:					table-row;
	text-decoration:			none;
	color:						#000000;
	background-color:			#009bce;
}

.date-table > a:nth-child(2n) {
	background-color:			#444444;
	color:						#009bce;
}

.date-table > a:hover {
	background-color:			rgba(0, 0, 0, 0.4);
	color:						#009bce;
}

.date-table > a  > span,
.date-table > h4 > span {
	padding:					5px 0px 5px 20px;
	display:					block;
	overflow:					hidden;
	position:					relative;
	float:						left;
	width:						auto;
}

.date-more {
	float:						right!important;
}

.date-table > a  > span:first-child,
.date-table > h4 > span:first-child {
	padding-left:				20px;
	min-width:					25%;
}

.date-table > a  > span:last-child,
.date-table > h4 > span:last-child {
	padding-right:				20px;
}

@media (max-width: 810px) {
	.date-table h4,
	.date-date,
	.date-title,
	.date-more {
		display:				none;
	}
}

.date-details .btn {
	margin-bottom:				50px;
}

/* TERMINE --------------------------------------------------------------------------- ENDE */


/* Produkte --------------------------------------------------------------------------- START */

.page-products {
	margin:			40px auto;
}

.products-container {
	width:			100%;
	height:			auto;
}

.products-box {
	height:			auto;
	display:		block;
	margin-bottom: 	25px;
	position:		relative;
	overflow:		hidden;
	width:			calc(100% - 145px);
	float:			left;
}

.products-box:hover > .products-info > .products-sentence {
	color:			#666666!important;
}

.products-box .products-img {
	height:			calc(100% - 10px);
	max-height:		300px;
	min-height:		300px;
	box-shadow:		0px 0px	5px rgba(0,0,0,1);
	padding:		0px;
	margin:			5px;
	max-width:		400px;
	display:		block;
	width:			100%;
	position:		relative;
	float:			left;
}

.products-box .products-info {
	height:			100%;
	display:		block;
	position:		relative;
	float:			left;
	padding-left:	50px;
	width:			calc(100% - 460px);
}

@media (min-width: 992px) and (max-width: 1350px) {
	.products-box .products-img {
		min-height:		200px;
		max-width:		250px;
	}
	.products-box .products-info {
		width:			calc(100% - 310px);
	}
}

@media (min-width: 0px) and (max-width: 992px) {
	.products-box .products-img {
		min-height:		200px;
		max-width:		250px;
	}
	.products-box .products-info {
		width:			100%;
		padding-left:	0px;
	}
	.products-box {
		width:			100%;
	}
	.products-pdf {
		position:		absolute!important;
		right:			5%;
	}
}

@media (min-width: 0px) and (max-width: 768px) {
	.products-container {
		float:			left;
	}
	.xs-marg {
		padding:		20px 0px 0px;
		border-bottom:	1px solid #969797;
		border-top:		1px solid #009bce;
	}
	.xs-marg:nth-child(2) {
		padding-top:	0px;
		border-top:		none;
	}
	.xs-marg:nth-child(2) > .products-pdf {
		margin-top:		0px;
	}
	.xs-marg:last-child {
		border-bottom:	none;
	}
	.products-box {
		padding-right:	0px;
	}
}
/*
@media (min-width: 520px) and (max-width: 660px) {
	.products-box .products-img {
		max-width:		300px;
	}
}

@media (min-width: 0px) and (max-width: 520px) {
	.products-box .products-img {
		max-width:		200px;
		min-height:		200px;
	}
}*/

@media (min-width: 0px) and (max-width: 565px) {
	td {
		font-size:		12px;
	}
}

.products-box .products-title {
	height:			auto;
	line-height:	40px;
	font-size:		24px;
	font-weight:	bold;
	color:			#009bce;
	text-align:		left;
	top:			0px;
	display:		block;
	position:		relative;
	overflow:		hidden;
	white-space:	nowrap;
	padding-left:	0px;
	padding-bottom:	10px;
	border-bottom:	1px solid #009bce;
}

.products-sentence {
    bottom: 		0;
    color: 			#000;
    display: 		block;
    font-size: 		16px;
    height: 		auto;
    line-height: 	25px;
    overflow: 		hidden;
    padding-top: 	10px;
    position: 		relative;
    text-align: 	left;
}

.products-pdf {
	display:		block;
	color:			#009bce;
	background:		#009bce;
	height:			auto;
	width:			100px;
	padding:		10px;
	position:		relative;
	float:			right;
	text-align:		center;
	border-radius:	4px;
}

.products-pdf-kat {
	display:		block;
	color:			#009bce;
	background:		#009bce;
	height:			auto;
	width:			auto;
	padding:		6px 12px;
	position:		relative;
	float:			right;
	border-radius:	4px;
	font-size:		14px;
	margin-top:		20px;
}

.products-pdf-kat:hover,
.products-pdf:hover,
.products-pdf-kat:focus,
.products-pdf:focus {
	color:			#009bce;
	box-shadow:		0px 0px	5px rgba(0,0,0,1);
}

/* Produkte --------------------------------------------------------------------------- ENDE */

/* Galerie - Referenzen ---------------------------------------------------------------------- START */

.container-box.overview {
	height:						calc(100% - 100px);
	margin:						50px auto;
}

@media (min-width: 992px) {
	.overview-container {
		width:						calc(33.3% - 33.3px);
		margin-left:				50px;
		position:					relative;
		float:						left;
	}

	.overview-container:nth-child(3n +1) {
		margin-left:				0px;
	}
}

@media (min-width:768px) and (max-width: 991px) {
	.overview-container {
		width:						calc(50% - 25px);
		margin-left:				50px;
		position:					relative;
		float:						left;
	}
	.overview-container:nth-child(2n +1) {
		margin-left:				0px;
	}
}

@media (max-width: 767px) {
	.overview-container {
		width:						100%;
		margin-left:				0px;
		position:					relative;
		float:						left;
	}
}

.page-overview a {
	width:						100%;
	height:						280px;
	margin:						0 0 50px;
	display:					block;
	border:						1px solid #bbbbbb;
	background-position:		center center;
	background-repeat:			no-repeat;
	-o-background-size:			cover;
	-moz-background-size:		cover;
	-webkit-background-size:	cover;
	background-size:			cover;
	background-color:			#eeeeee;
	position:					relative;
	box-shadow: 				5px 5px 10px 0 rgba(0, 0, 0, 0.6);
}

.page-overview a > span {
	width:						100%;
	min-height:					50px;
	line-height:				50px;
	bottom:						0px;
	left:						0px;
	padding:					0;
	text-align:					center;
	position:					absolute;
	display:					block;
	color:						#ffffff;
	background:					rgba(0,155,206,0.75) !important;
	font-size:					16px;
}

.page-overview a:hover,
.page-overview a:hover span {
	background-color:			rgba(68,68,68,0.75) !important;
	text-decoration:			none;
}


/* Galerie - Referenzen ----------------------------------------------------------------------- ENDE */

/* Beispiele --------------------------------------------------------------------- START */

.container-box.gallery {
	height:						calc(100% - 100px);
	margin:						50px auto;
}

.gallery-img {
	margin-top:					35px;
	height:						275px;
}

@media (min-width: 992px) {
	.gallery-img {
		width:						calc(33.3% - 33.3px);
		margin-left:				50px;
		position:					relative;
		float:						left;
	}

	.gallery-img:nth-child(3n +1) {
		margin-left:				0px;
	}
}

@media (min-width:768px) and (max-width: 991px) {
	.gallery-img {
		width:						calc(50% - 25px);
		margin-left:				50px;
		position:					relative;
		float:						left;
	}
	.gallery-img:nth-child(2n +1) {
		margin-left:				0px;
	}
}

@media (max-width: 767px) {
	.gallery-img {
		width:						100%;
		margin-left:				0px;
		position:					relative;
		float:						left;
	}
}

.gallery-img > a,
.gallery-img a > img {
	position:					relative;
	width:						100%;
	height:						100%;
}

.gallery-img > a {
	width:						100%;
	height:						100%;
	display:					block;
	box-shadow: 				5px 5px 10px 0 rgba(0, 0, 0, 0.6);
}

.gallery-img > a > span {
	width:						100%;
	height:						50px;
	top:						calc(100% - 65px);
	left:						0;
	z-index:					5;
	position:					absolute;
	font-size:					20px;
	font-weight:				500;
	text-align:					center;
	color:						#005597;
	background:					rgba(255,255,255,0.85);
	line-height:				50px;
}

.gallery-img > a:hover > span.glyphicon {
	color:						#006600;
}

/* Beispiele ---------------------------------------------------------------------- ENDE */

/* IMPRESSUM --------------------------------------------------------------------- START */

.impressum {
	font-size:					14px;
}

.imprint-content {
	width:						33.3%;
	margin-bottom:				30px;
}

.privacy-content {
	width:						66.6%;
	margin-bottom:				30px;
}

.privacy-full-content {
	width:						100%;
	margin-bottom:				30px;
}

@media (max-width: 930px) {
	.imprint-content {
		width:					100%;
	}
	.privacy-content {
		width:					100%;
	}
}

.imprint-section {
	width:						45%;
	position:					relative;
	float:						left;
	height:						auto;
}

.imprint-fill-in {
	width:						55%;
	position:					relative;
	float:						left;
	height:						auto;
}

.imprint-space {
	width:						100%;
	position:					relative;
	float:						left;
	height:						auto;
}

.impressum a {
	color:						inherit;
	text-decoration:			underline;
}

.impressum a:hover {
	opacity:					0.8;
	text-decoration:			none;
}

.link-lisa,
.link-privacy {
	color:						#000000;
}

.Bimprint .page-content,
.Bprivacy .page-content,
.Bcontact .page-content {
	padding-top:				0px;
}

/* IMPRESSUM ---------------------------------------------------------------------- ENDE */