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

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

.privacy-content a,
.imprint-content a {
	color:						#000000;
}

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

.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: 991px) {
	.auto-height {
		height:						auto;
		padding-top:				0px;
		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;
	}
}

.page-content-title img {
	width:							auto;
	height:							auto;
	max-height:						75px;
	vertical-align:					top;
}

.page-content-large .page-content-title h2 {
	line-height:					75px;
	padding-left:					25px;
}

/* 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-page {
	width:						100%;
	height:						100%;
	position:					relative;
	float:						left;
/*	top:						300px;*/
}

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

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

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

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

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

.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:					20px;
	text-transform:				uppercase;
}

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

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

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

.circle-form {
	width:						150px;
	height:						150px;
	border-radius:				80px;
	border:						5px solid #1e1e1e;
	position:					relative;
	margin:						0 auto;
	background:					#c1bdbd;
}

.circle-form:hover {
	border:						5px solid #e40427;
}

.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;
}

.circle-img.industrie {
	background:					url(images/circle-industrie.png);
	background-size:			contain;
}

.circle-img.agrar {
	background:					url(images/circle-agrar.png);
	background-size:			contain;
}

.circle-img.bau {
	background:					url(images/circle-bau.png);
	background-size:			contain;
}

.home-news-bg {
	height:						calc(100% - 52px);
	width:						calc(15% - 1px);
	position:					relative;
	background:					#e8e8e8;
	float:						left;
	border:						1px solid #ffffff;
	border-left:				none;
	background:					rgba(4, 58, 128, 0.8);
}

.home-news-title {
	width:						100%;
	display:					block;
	text-align:					center;
	height:						60px;
	font-size:					22px;
	font-weight:				bold;
	line-height:				60px;
	position:					relative;
	float:						left;	
	color:						#ffffff;
}

.home-news {
	position:					relative;
	height:						calc(100% - 60px);
	width:						100%;
	float:						left;
}

.home-news-column {
	position:					relative;
	height:						calc(33.3% - 30px);
	width:						calc(100% - 40px);
	margin:						0px 20px 30px;
	float:						left;
}

.home-news-box {
	height:			calc(100% - 2px);
	width:			calc(100% - 2px);
	max-width:		300px;
	display:		block;
	position:		relative;
	overflow:		hidden;
	border:			1px solid #ffffff;
}

.home-news-box:hover {
	border:			1px solid #333333;
}

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

.home-kachel-box {
	width:			60%;
	height:			calc(100% - 50px);
	float:			right;
	position:		relative;
	margin-right:	12.5%;
}

.kachel-row {
	width:			100%;
	height:			33.33%;
	float:			left;
	position:		relative;
}

.home-kachel-double {
	width:			calc(50% - 1px);
	height:			calc(100% - 1px);
	float:			left;
	position:		relative;
	display:		block;
	border-bottom:	1px solid #ffffff;
	border-right:	1px solid #ffffff;
}



.kachel-link-double {
	width:			100%;
	height:			57%;
	float:			left;
	position:		relative;
	display:		block;
}

@media (max-width: 537px) {
	.kachel-link-double {
		width:			100%;
		height:			40%;
		float:			left;
		position:		relative;
		display:		block;
	}
	
}

.kachel-link-double img {
	max-width:		90%;
}
/*

.firmenimort {
	height:			auto;
	width:			110px;
	position:		relative;
	float:			right;
	padding:		0px 20px;
}

@media (max-width: 605px) {
	.firmenimort {
		height:			auto;
		width:			60px;
		position:		relative;
		float:			right;
		padding:		0px 10px;
	}
}

.shop-link {
	height:			auto;
	width:			100px;
	position:		relative;
	float:			right;
	padding:		0px 10px;
}
.atlas-link {
	height:			auto;
	width:			auto;
	position:		relative;
	float:			right;
	padding:		0px 10px;
}
.atlas-link img {
	height:			80px;
	width:			auto;
	position:		relative;
}

@media (max-width: 605px) {
	.shop-link {
		height:			auto;
		width:			60px;
		position:		relative;
		float:			right;
		padding:		0px 10px;
	}
}

@media (max-width: 537px) {
	.firmenimort {
		margin-bottom:	7px;
	}
}
*/

.kachel-double-div {
	position: relative;
	width: 100%;
	height: calc(43% - 20px);
	padding: 10px;
	overflow: hidden;
	float: left;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}

.k-link {
	position: relative;
	width: 30%;
	height:100%;
}
.k-link img {
	/* max-height: 90px; */
	object-position: center;
	object-fit: contain;
	width: 100%;
	height: 100%;
	display: block;
}
@media (max-width: 537px) {
	.k-link {
		width: 45%;
		max-height: 40%;
	}
	.kachel-double-div {
		height: calc(60% - 20px);
	}
	.k-link img {
		/* max-height: 70px; */
	}
}

.home-kachel {
	width:			25%;
	height:			100%;
	float:			left;
	position:		relative;
	background:		rgba(4, 58, 128, 0.8);
	text-align:		center;
   -moz-hyphens: 	auto;
   -o-hyphens: 		auto;
   -webkit-hyphens: auto;
   -ms-hyphens: 	auto;
   hyphens: 		auto; 
}

.kachel-link {
	width:			calc(100% - 2px);
	height:			calc(100% - 2px);
	float:			left;
	position:		relative;
	border:			1px solid #ffffff;
	display:		block;
	font-size:		22px;
	font-weight:	bold;
}

.kachel-link:hover{
	border:			1px solid #333333;
}

.home-kachel img {
	width:			auto;
	height:			auto;
	position:		relative;
	margin:			30px 0px;
}

@media (min-width: 768px) and (max-width: 1350px) {
	.home-news-bg {
		width:			calc(20% - 1px);
	}
	.home-kachel-box {
		width:			70%;
		height:			calc(100% - 50px);
		float:			right;
		position:		relative;
		margin-right:	5%;
	}
}

@media (max-width: 1350px) {
	.kachel-link{
		font-size:		16px; 
	}
}

@media (max-height: 795px) {
	.kachel-link{
		font-size:		16px; 
	}
	.home-kachel img {
		max-height:		50px;
		margin:			10px 0;
	}
}

@media (max-width: 768px) {
	.home-kachel-box {
		width:			90%;
		height:			calc(100% - 50px);
		float:			right;
		position:		relative;
		margin-right:	5%;
	}
}

.home-info-prod {
	position:		relative;
	float:			left;
	height:			auto;
	background:		#ffffff;
	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:			#e40427;
}

.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:			contain!important;
	background-position:		top 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;
	}
}

.hersteller-logos {
	width:						100%;
	height:						auto;
	position:					relative;
	float:						left;
	margin:						30px 0px 0px 0px;
}

.logo-box {
	width:						20%;
	height:						100%;
	position:					relative;
	float:						left;
	margin-bottom:				15px;
}

.logo-box img {
	max-width:						75%;
}

.logo {
	width:						100%;
	height:						100%;
	display:					block;
}


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

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

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

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

.page-id-con:first-child {
	border-top:					none;
}

.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 {
    float: 				left;
    font-size: 			14px;
    line-height: 		36px;
	width:				30%;
}

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

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

.contact-carrier  textarea {
	float:				left;
	height:				165px;
    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 {
    height: 			30px;
    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;
	margin-bottom:		20px;
	width:				calc(70% - 4px);
}

@media (max-width: 490px) {
	.contact-carrier input {
		width:			calc(50% - 4px);
	}	
	.contact-carrier label {
		width:			50%;
	}
}

.long-input {
	width:				100%!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% - 17px) !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:		#e40427;
	box-shadow:			0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(229,23,23,0.6);
	outline:			0 none;
}

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

/* 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;
	margin-top:					30px;
}

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

.team-table td > div:first-child {
	width:						100%;
	max-width:					300px;
	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 {
}

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

/* 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:						#e40427;
	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 #e40427;
}

.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:			#ffffff;
}

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

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

.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 #ffffff;
	}
	.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:			#e40427;
	text-align:		left;
	top:			0px;
	display:		block;
	position:		relative;
	overflow:		hidden;
	white-space:	nowrap;
	padding-left:	0px;
	padding-bottom:	10px;
	border-bottom:	1px solid #e40427;
}

.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:			#ffffff;
	background:		#e40427;
	height:			auto;
	width:			100px;
	padding:		10px;
	position:		relative;
	float:			right;
	text-align:		center;
	border-radius:	4px;
}

.products-pdf-kat {
	display:		block;
	color:			#ffffff;
	background:		#e40427;
	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:			#ffffff;
	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(229,23,23,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: 						100%;
	margin-bottom: 				30px;
	padding-right: 				25px;
}

.imprint-area {
	width:						33%;
	float:						left;
	position:					relative;
}

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

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

.imprint-section {
	width:						100%;
	position:					relative;
	float:						left;
	height:						auto;
	line-height:				25px;
}

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

@media (min-width: 520px) and (max-width: 991px) {
	.imprint-section {
		width:						45%;
	}

	.imprint-fill-in {
		width:						55%;
	}
}

.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;
}

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