@import url('../fonts/stylesheet.css');

#rt-copyright p {
	font-size: .8em;
}

@media only screen and (min-width: 1680px) {
	div.rt-container {width: 1680px;}
	div.rt-grid-1 {width: 140px;}
	div.rt-grid-2 {width: 280px;}
	div.rt-grid-3 {width: 420px;}
	div.rt-grid-4 {width: 560px;}
	div.rt-grid-5 {width: 700px;}
	div.rt-grid-6 {width: 840px;}
	div.rt-grid-7 {width: 980px;}
	div.rt-grid-8 {width: 1120px;}
	div.rt-grid-9 {width: 1260px;}
	div.rt-grid-10 {width: 1400px;}
	div.rt-grid-11 {width: 1540px;}
	div.rt-grid-12 {width: 1680px;}

	div.rt-push-1 {left: 140px;}
	div.rt-push-2 {left: 280px;}
	div.rt-push-3 {left: 420px;}
	div.rt-push-4 {left: 560px;}
	div.rt-push-5 {left: 700px;}
	div.rt-push-6 {left: 840px;}
	div.rt-push-7 {left: 980px;}
	div.rt-push-8 {left: 1120px;}
	div.rt-push-9 {left: 1260px;}
	div.rt-push-10 {left: 1400px;}
	div.rt-push-11 {left: 1540px;}

	div.rt-pull-1 {left: -140px;}
	div.rt-pull-2 {left: -280px;}
	div.rt-pull-3 {left: -420px;}
	div.rt-pull-4 {left: -560px;}
	div.rt-pull-5 {left: -700px;}
	div.rt-pull-6 {left: -840px;}
	div.rt-pull-7 {left: -980px;}
	div.rt-pull-8 {left: -1120px;}
	div.rt-pull-9 {left: -1260px;}
	div.rt-pull-10 {left: -1400px;}
	div.rt-pull-11 {left: -1540px;}

	div.rt-prefix-1 {padding-left: 140px;}
	div.rt-prefix-2 {padding-left: 280px;}
	div.rt-prefix-3 {padding-left: 420px;}
	div.rt-prefix-4 {padding-left: 560px;}
	div.rt-prefix-5 {padding-left: 700px;}
	div.rt-prefix-6 {padding-left: 840px;}
	div.rt-prefix-7 {padding-left: 980px;}
	div.rt-prefix-8 {padding-left: 1120px;}
	div.rt-prefix-9 {padding-left: 1260px;}
	div.rt-prefix-10 {padding-left: 1400px;}
	div.rt-prefix-11 {padding-left: 1540px;}

	.item-page p, .item-page li {
		font-size: 1.4em;
		line-height: 180%;
	}

	.maximenufixed .maxiroundedcenter {
		margin-left: 721px;
	}
	.svg-clipped {
		/*Chrome,Safari*/
		-webkit-clip-path: url(../images/svg/clip.svg);

		/* Firefox*/
		clip-path: url(../images/svg/clip.svg#svgClip);

		/* iOS support */
		-webkit-mask: url(../images/svg/clip.svg);
	}

	.xlayer {
		margin: -809px 0 0 0; padding: 0;
	}

	.ua-chrome .xlayer {
		margin: -810px 0 0 0; padding: 0;
	}

}

@media only screen and (min-width: 1368px) and (max-width: 1679px) {
	div.rt-container {width: 1368px;}
	div.rt-grid-1 {width: 114px;}
	div.rt-grid-2 {width: 228px;}
	div.rt-grid-3 {width: 342px;}
	div.rt-grid-4 {width: 456px;}
	div.rt-grid-5 {width: 570px;}
	div.rt-grid-6 {width: 684px;}
	div.rt-grid-7 {width: 798px;}
	div.rt-grid-8 {width: 912px;}
	div.rt-grid-9 {width: 1026px;}
	div.rt-grid-10 {width: 1140px;}
	div.rt-grid-11 {width: 1254px;}
	div.rt-grid-12 {width: 1368px;}

	div.rt-push-1 {left: 114px;}
	div.rt-push-2 {left: 228px;}
	div.rt-push-3 {left: 342px;}
	div.rt-push-4 {left: 456px;}
	div.rt-push-5 {left: 570px;}
	div.rt-push-6 {left: 684px;}
	div.rt-push-7 {left: 798px;}
	div.rt-push-8 {left: 912px;}
	div.rt-push-9 {left: 1026px;}
	div.rt-push-10 {left: 1140px;}
	div.rt-push-11 {left: 1254px;}

	div.rt-pull-1 {left: -114px;}
	div.rt-pull-2 {left: -228px;}
	div.rt-pull-3 {left: -342px;}
	div.rt-pull-4 {left: -456px;}
	div.rt-pull-5 {left: -570px;}
	div.rt-pull-6 {left: -684px;}
	div.rt-pull-7 {left: -798px;}
	div.rt-pull-8 {left: -912px;}
	div.rt-pull-9 {left: -1026px;}
	div.rt-pull-10 {left: -1140px;}
	div.rt-pull-11 {left: -1254px;}

	div.rt-prefix-1 {padding-left: 114px;}
	div.rt-prefix-2 {padding-left: 228px;}
	div.rt-prefix-3 {padding-left: 342px;}
	div.rt-prefix-4 {padding-left: 456px;}
	div.rt-prefix-5 {padding-left: 570px;}
	div.rt-prefix-6 {padding-left: 684px;}
	div.rt-prefix-7 {padding-left: 798px;}
	div.rt-prefix-8 {padding-left: 912px;}
	div.rt-prefix-9 {padding-left: 1026px;}
	div.rt-prefix-10 {padding-left: 1140px;}
	div.rt-prefix-11 {padding-left: 1254px;}

	.item-page p, .item-page li {
		font-size: 1.3em;
		line-height: 180%;
	}

	.maximenufixed .maxiroundedcenter {
		margin-left: 596px;
	}
	.svg-clipped {
		/*Chrome,Safari*/
		-webkit-clip-path: url(../images/svg/clip.svg);

		/* Firefox*/
		clip-path: url(../images/svg/clip.svg#svgClip);

		/* iOS support */
		-webkit-mask: url(../images/svg/clip.svg);
	}

	.xlayer {
		margin: -808px 0 0 0;
		padding: 0;
	}

	.ua-chrome .xlayer {
		margin: -816px 0 0 0;
	}

	.ua-ie .xlayer {
		margin: -807px 0 0 0;

	}

}

@media only screen and (min-width: 1200px) and (max-width: 1367px) {
	div.rt-container {width: 1200px;}
	div.rt-grid-1 {width: 100px;}
	div.rt-grid-2 {width: 200px;}
	div.rt-grid-3 {width: 300px;}
	div.rt-grid-4 {width: 400px;}
	div.rt-grid-5 {width: 500px;}
	div.rt-grid-6 {width: 600px;}
	div.rt-grid-7 {width: 700px;}
	div.rt-grid-8 {width: 800px;}
	div.rt-grid-9 {width: 900px;}
	div.rt-grid-10 {width: 1000px;}
	div.rt-grid-11 {width: 1100px;}
	div.rt-grid-12 {width: 1200px;}

	div.rt-push-1 {left: 100px;}
	div.rt-push-2 {left: 200px;}
	div.rt-push-3 {left: 300px;}
	div.rt-push-4 {left: 400px;}
	div.rt-push-5 {left: 500px;}
	div.rt-push-6 {left: 600px;}
	div.rt-push-7 {left: 700px;}
	div.rt-push-8 {left: 800px;}
	div.rt-push-9 {left: 900px;}
	div.rt-push-10 {left: 1000px;}
	div.rt-push-11 {left: 1200px;}

	div.rt-pull-1 {left: -100px;}
	div.rt-pull-2 {left: -200px;}
	div.rt-pull-3 {left: -300px;}
	div.rt-pull-4 {left: -400px;}
	div.rt-pull-5 {left: -500px;}
	div.rt-pull-6 {left: -600px;}
	div.rt-pull-7 {left: -700px;}
	div.rt-pull-8 {left: -800px;}
	div.rt-pull-9 {left: -900px;}
	div.rt-pull-10 {left: -1000px;}
	div.rt-pull-11 {left: -1100px;}

	div.rt-prefix-1 {padding-left: 100px;}
	div.rt-prefix-2 {padding-left: 200px;}
	div.rt-prefix-3 {padding-left: 300px;}
	div.rt-prefix-4 {padding-left: 400px;}
	div.rt-prefix-5 {padding-left: 500px;}
	div.rt-prefix-6 {padding-left: 600px;}
	div.rt-prefix-7 {padding-left: 700px;}
	div.rt-prefix-8 {padding-left: 800px;}
	div.rt-prefix-9 {padding-left: 900px;}
	div.rt-prefix-10 {padding-left: 1000px;}
	div.rt-prefix-11 {padding-left: 1100px;}

	.item-page p, .item-page li {
		font-size: 1.2em;
		line-height: 180%;
	}

	.maximenufixed .maxiroundedcenter {
		margin-left: 526px;
	}

	.svg-clipped {
		/*Chrome,Safari*/
		-webkit-clip-path: url(../images/svg/clip.svg);

		/* Firefox*/
		clip-path: url(../images/svg/clip.svg#svgClip);

		/* iOS support */
		-webkit-mask: url(../images/svg/clip.svg);
	}

	.xlayer {
		margin: -806px 0 0 0; padding: 0;
		(;margin: -805px 0 0 0;); /* Chrome Hack */
	}

	.ua-chrome .xlayer {
		margin: -823px 0 0 0; padding: 0;
	}

}

.logo-block {
	float: right;
}

#rt-drawer, #rt-showcase {
	background: none;
	box-shadow: none;
	border: none;
}

#rt-showcase {
	background: none;
	border: none;
}


.impressum {
	color: #FFFFFF;
	font-size: 1.1em;
	margin-top: -20px;
}

#rt-showcase .breadcrumb {
	margin: 0px;
	background: #fff;
	padding: 8px 0;
}

#rt-googlemaps {
	border-top: 10px solid #b58f69;
}

@media only screen and (min-width: 100px) and (max-width: 767px) {
	.rt-container {margin: 0 auto !important;}
	#copyx {
		margin-top: -292px !important;
	}
	.item-page p, .item-page li {
		font-size: 1.1em;
		line-height: 180%;
	}

	.bfQuickMode .controls .control-label {
		background: #eee !important;
	}

	#rt-top-surround {
		background: url('/images/header_hintergrund.png');
		background-position: -550px center;
		background-size: cover;
		padding: 0;
	}

	.logo-block {
		float: none;
	}

#rt-copyright p {
	text-align: center !important;
}
#rt-copyright img {
	float: none !important;
	margin: 0 auto;
}

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	#copyx {
		margin-top: -348px !important;
	}
	.xlayer {
		margin: -514px 0 0 0; padding: 0;
		(;margin: -512px 0 0 0;); /* Chrome Hack */
	}

	.ua-chrome .xlayer {
		margin: -536px 0 0 -10px; padding: 0;
	}

	.ua-ie .xlayer {
		margin: -512px 0 0 -13px; padding: 0;
	}


	.item-page p, .item-page li {
		font-size: 1em;
		line-height: 180%;
	}

	.maximenufixed .maxiroundedcenter {
		margin-left: 332px;
	}

	.ua-ie #rt-top-surround {
		background: url('/images/header_hintergrund.png');
		background-position: 75px 0;
		background-repeat: no-repeat;
		padding: 29px 0;
		height: 159px;
	}

	#rt-top-surround {
		background: url('/images/header_hintergrund.png');
		background-position: 102px 0;
		background-repeat: no-repeat;
		padding: 29px 0;
		height: 137px;
	}

	.ua-ie .kopfgrafik {
		margin: -335px 0 0 0;
	}

	.kopfgrafik {
		margin: -306px 0 0 0;
		padding: 0;
	}

	.xlayer img {
		max-width: 376px !important;
	}

	#rt-logo {
		float: left !important;
		height: 150px !important;
		width: 90px !important;
		background: url(/images/pixelkraft_gmbh_logo.png) 50% 0 no-repeat !important;
		background-size: cover !important;
	}

}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	#copyx {
		margin-top: -240px !important;
	}

	.xlayer {
		margin: -684px 0 0 0; padding: 0;
		(;margin: -684px 0 0 0;); /* Chrome Hack */
	}

	.item-page p, .item-page li {
		font-size: 1.2em;
		line-height: 180%;
	}

	.maximenufixed .maxiroundedcenter {
		margin-left: 170px;
	}
	#rt-top-surround {
		background: url('/images/header_hintergrund.png');
		background-position: 174px 0px;
		background-repeat: no-repeat;
		padding: 12px 0 0;
		height: 214px;
	}

	#rt-logo {
		float: left !important;
		height: 150px !important;
		width: 90px !important;
		background: url(/images/pixelkraft_gmbh_logo.png) 50% 0 no-repeat !important;
		background-size: cover !important;
	}


	.ua-ie .kopfgrafik {
		margin: -346px 0 0 0;
		padding: 0;
	}

	.kopfgrafik {
		margin: -344px 0 0 0;
		padding: 0;
	}

	.xlayer img {
		max-width: 476px !important;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1367px)  {
	#rt-top-surround {
		background: url('/images/header_hintergrund.png');
		background-position: 211px 0px;
		background-repeat: no-repeat;
		padding: 13px 0;
		height: 230px;
	}

	.ua-ie .kopfgrafik {
		margin: -427px 0 0 0;
		padding: 0;
	}

	.kopfgrafik {
		margin: -407px 0 0 0;
		padding: 0;
	}

	.xlayer img {
		max-width: none !important;
	}
}

@media only screen and (min-width: 1368px) and (max-width: 1679px)  {
	#rt-top-surround {
		background: url('/images/header_hintergrund.png');
		background-position: 165px 0px;
		background-repeat: no-repeat;
		padding: 20px 0 0 ;
		height: 280px;

	}

	.ua-ie .kopfgrafik {
		margin: -425px 0 0 0;
		padding: 0;
	}

	.kopfgrafik {
		margin: -414px 0 0 0;
		padding: 0;
	}

	div[itemprop="articleBody"] {
	}
}

@media only screen and (min-width: 1680px)  {
	#rt-top-surround {
		background: url('/images/header_hintergrund.png');
		background-position: 160px 0px;
		background-repeat: no-repeat;
		padding: 52px 0 0;
		height: 255px;
	}

	.ua-ie .kopfgrafik {
		margin: -427px 0 0 0;
		padding: 0;
	}

	.kopfgrafik {
		margin: -422px 0 0 0;
		padding: 0;
	}
}

/* Add Your Custom CSS Codes Here */

#rt-top-surround:after {
	background-image: none !important;
	background: none !important;
}

ul.menu li.active.current > a:before, ul.menu li.active.current > .item:before, ul.menu li.active.current > .separator:before, ul.menu li#current.active > a:before, ul.menu li#current.active > .item:before, ul.menu li#current.active > .separator:before {
	margin-right: .1em;
}

#rt-top-surround {
	border-bottom: none;
	text-shadow: none;
	box-shadow: none;
}

body {
	background: #fff;
	font-family: 'geogrotesque_rgregular', Arial, Helvetica, sans-serif;
	margin: 0 auto;
	color: #333;
}

.rt-container {
	margin: 0;
}

#rt-mainbody-surround .rt-container {
	z-index: 1;
}



.rt-block.kopfgrafik, .rt-block.xlayer {
	z-index: -1;
}

h3 {
	font-size: 1.2em;
	line-height: 120%;
}

/* SCALE (USE THIS)
========================================== */
.custom.kopfgrafik img {
	animation:move 20s ease forwards; /* Change this to alternate to stop the loop. */
	-ms-animation:move 20s ease forwards;
	-webkit-animation:move 20s forwards;
	-0-animation:move 20s ease forwards;
	-moz-animation:move 20s ease forwards;
	left:-150px;
	top:-150px;
}

@-webkit-keyframes move {
	from {
		transform: scale(1);
		-ms-transform: scale(1); /* IE 9 */
		-webkit-transform: scale(1); /* Safari and Chrome */
		-o-transform: scale(1); /* Opera */
		-moz-transform: scale(1); /* Firefox */
	}
	to {
		transform: scale(1.1);
		-ms-transform: scale(1.1); /* IE 9 */
		-webkit-transform: scale(1.1); /* Safari and Chrome */
		-o-transform: scale(1.1); /* Opera */
		-moz-transform: scale(1.1); /* Firefox */
	}
}

#rt-maintop {
	background: none;
	border-bottom: none;
	box-shadow: none;
}

#rt-copyright {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b58f69+0,b27f4c+100 */
	background: #b58f69;
	padding: 10px 10px 100px;
	border-top: none;
}

#copyx {
	bottom: 0;
	float: right;
	margin-top: -340px;
	right: 0;
	text-align: right !important;
}

.item-page img, .item-page .gantry-img img, .item-page img.gantry-img {
	max-width: 100%;
	height: auto;
}

td img {
	max-width: 100%;
}
/*
#rt-copyright {
	height: 200px;
}

#rt-copyright .rt-container {
	float: right;
}
*/
#rt-footer {
	background: #b58f69;
	background-image: none;
	border: none;
}

#rt-footer-surround .rt-container {
	z-index: 0;
}

/* MAXIMENU FIXED */

div#maximenuck.maximenufixed ul.maximenuck {
	background: transparent !important;

}

.maxidrop-main img {
	width: 70px;
	height: 70px;
}

div#maximenuck.maximenufixed {
	-webkit-box-shadow: 0px 1px 4px #666;
	-moz-box-shadow: 0px 1px 4px #666;
	box-shadow: 0px 1px 4px #666;
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#666666, offx=2, offy=2)";
	filter:progid:DXImageTransform.Microsoft.DropShadow(color=#666666, offx=2, offy=2);
	background: rgba(255, 255, 255, 0.95);
	height: 42px;
}

/* SOBI RESPONSIVE */
.testimonial_entries img {
	width: 100% !important;
}
.ua-ie .testimonial_entries img {
	width: auto !important;
}

.firmenlogo {
	float: right;
	height: 30px;
	margin-left: 10px;
	margin-bottom: 10px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.ua-ie .firmenlogo {
	display: block;
}

.firmenlogo img {
	max-height: 100% !important;
	width: auto !important;
}

.signatur {
	float: left;
	text-align: left;
}

.referenzen_entries .sobi_thumbnail_box, .testimonial_entries .sobi_thumbnail_box {
	float: left !important;
}

.testimonial_entries blockquote {
	margin: 0 !important;
	padding: 0 !important;
}

@media only screen and (min-width: 1680px) {
	.SobiPro .thumbnail .lead {
		font-size: 2em !important;
		padding: 14px !important;
	}

	.address {
		padding: 0 0 0 10px;
		margin-top: 25px;
	}

	.address p {
		font-size: 1.3em;
		line-height: 180%;
	}

	.sobi_thumbnail_box {
		margin: 0 18px 25px 0;

	}

	.SobiPro .thumbnail .address {
		margin-top: 18px !important;
	}

	.referenzen_entries .SobiPro img {
		width: 200px;
	}

}

@media only screen and (min-width: 1368px) and (max-width: 1679px) {
	.SobiPro .thumbnail .lead {
		font-size: 1.3em !important;
		padding: 4px 20px !important;
	}

	.address {
		padding: 0 0 0 10px;
		margin-top: 12px;
	}

	.address p {
		font-size: 1.15em;
		line-height: 180%;
	}

	.sobi_thumbnail_box {
		margin: 0 18px 20px 0;

	}

	.SobiPro img {
		width: 220px;
	}

	.referenzen_entries .SobiPro img {
		width: 156px;
	}

	.SobiPro .thumbnail .address {
		margin-top: 18px !important;
	}
}


@media only screen and (min-width: 1200px) and (max-width: 1367px) {
	.SobiPro .thumbnail .lead {
		font-size: 1.3em !important;
		padding: 4px 20px !important;
	}

	.address {
		padding: 0 0 0 1px;
		margin-top: 12px;
	}

	.address p {
		font-size: 1.1em;
		line-height: 160%;
	}

	.sobi_thumbnail_box {
		margin: 0 20px 0 0;

	}

	.SobiPro img {
		width: 180px;
	}

	.referenzen_entries .SobiPro img {
		width: 132px;
	}

	.SobiPro .thumbnail .address {
		margin-top: 18px !important;
	}
}


@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.signaturfooter {
		clear: both;
	}

	.signatur {
		clear: both;
		float: left;
	}

	.firmenname {
		float: left;
	}

	.SobiPro .thumbnail .lead {
		font-size: 1.3em !important;
		padding: 4px 20px !important;
	}

	.address {
		padding: 0 0 0 1px;
		margin-top: 12px;
	}

	.address p {
		font-size: 1em;
		line-height: 150%;
	}

	.sobi_thumbnail_box {
		margin: 0 20px 0 0;

	}

	.SobiPro img {
		width: 150px;
	}

	.referenzen_entries .SobiPro img {
		width: 224px;
	}

	.SobiPro .thumbnail .address {
		margin-top: 18px !important;
	}

	.referenzen_entries .sobi_thumbnail_box {
		width: 120px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.signaturfooter {
		clear: both;
	}

	.signaturfooter > div {
		width: 100%;
		float: left;
		text-align: left;
	}

	.signatur {
		clear: both;
		float: left;
	}

	.SobiPro .thumbnail .lead {
		font-size: 1.3em !important;
		padding: 0;
		text-align: center;
	}

	.address {
		padding: 0;
		margin-top: 12px;
		margin: 0 auto;
	}

	.sobi_thumbnail_box {
		margin: 0 20px 0 0;

	}

	.SobiPro img {
		width: 300px;
	}

	.SobiPro .thumbnail .address {
		margin-top: 18px !important;
	}

	.sobi_thumbnail_box {
		margin: 0 20px 0 0;
		float: none !important;
	}
}

@media only screen and (min-width: 100px) and (max-width: 767px) {
	.rt-block.headlineblau img {
		display: none;
	}

	.rt-block.headlineblau h1 {
		width: 100%;
		font-size: 2.1em;
		text-align: center;
		line-height: 100%;
	}

	.signatur {
		clear: both;
		float: left;
	}

	.sobi_thumbnail_box {
		margin: 0 20px 0 0;
		float: none !important;
	}
	.address {
		margin: 0 auto;
	}
}


@media only screen and (max-width: 400px) {
	.testimonial_entries .sobi_thumbnail_box {
		width: 100% !important;
	}
}

.rt-showcase-pattern {
	background-image: none !important;
}


.spsearch_label {
	display: none;
}

.sobi_thumbnail_box {
	clear: left;
	float:right;
	padding:3px;
	width: 130px;
	height: 130px;
	text-align: center;
	vertical-align: middle;
	display: table;
	background: #fff;
	position: relative;

}

.thumbnail_inner {
	width:100%;
	display:table-cell;
	vertical-align:middle;
	position:relative;
	text-align:center;
	background: #fff;
}

.thumbnail_inner img {
	display:inline;
	vertical-align:middle;
}

.SobiPro .thumbnail {
	overflow: hidden;
	border: 1px solid #DDDDDD;
	box-shadow: 1px 5px 5px #CCCCCC;
	display: block;
	line-height: 20px;
	padding: 12px;
	-webkit-box-shadow: 2px 5px 5px #ccc;
	-moz-box-shadow: 2px 5px 5px #ccc;
	box-shadow: 1px 5px 5px #ccc;
	transition: all 0.2s ease-in-out 0s;
	border-radius: 0 !important;
	margin-bottom: 30px;
	background-image: -webkit-linear-gradient(#dedede 0%, #CCC 100%);
	background-image: -moz-linear-gradient(white 0%, #CCC 100%);
	background-image: -o-linear-gradient(white 0%, #ccc 100%);
	background-image: linear-gradient(white 0%, #ccc 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#cccccc');
}

.SobiPro .thumbnail .lead {
	background: #333;
	color: #FFFFFF;
	display: block;
	font-weight: normal;
	margin:-4px;
	padding: 4px;
	font-size: 1.15em;
	width: 100%;
}

.SobiPro .thumbnail .lead a, .SobiPro .thumbnail .lead a:hover, .SobiPro .mehrinfos .lead a, .SobiPro .mehrinfos .lead a:hover, event_detail_right h2, event_detail_left h2 {
	color: #fff;
	text-ecoration: none;
}

.SobiPro .thumbnail .address {
	color: #777
}

.datum {
	float: left;
	margin-left: 20px;
	margin-top: 36px;

}

.datum p {
	font-size: 21px;
	color: #00468C;
	line-height: 26px;
	text-transform: uppercase;
	margin-top: 0 !important;
}

.SobiPro .mehrinfos {
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin: 116px 0 7px -12px;
	padding: 3px 0 1px 168px;
	position: absolute;
	text-transform: uppercase;
	height: 24px;
}

a.maximenuck img {
	margin: none !important;
	display: block;
}

#rt-showcase .rt-block {
	padding: 0 15px;
	margin: 0 10px;
}
/*----------------------------- FLEXBOXEN --------------------------------*/
.kachelwrapper.referenzen p {
	font-size: 1em !important;
}

.meganew-box {
	margin-bottom: 10px !important;
}

.kachelwrapper, .kachelwrapper100, .kachelwrapper50, .kachelwrapper25, .kachelwrapper33, .sjwrapper, .droppicscats {
	display: -webkit-flex;
	display: 		 flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
	width: 100%;
}

.kachel, .meganew-box, .droppicscats .wimg {
	background: #dedede;
	box-sizing: border-box;
	// display: flex;
	// flex-direction: column;
	// flex-grow: 1;
	float: none !important;
	margin-bottom: 20px;
	padding: 10px;
	position: relative;
	max-width: 23%;
	width: 23%;
}

.kachelwrapper100 .kachel {
	padding: 20px;
	max-width: 100% !important;
	width: 100% !important;
}

.kachelwrapper50 .kachel {
	padding: 20px;
	max-width: 49%;
	width: 49%;
}

.kachelwrapper25 .kachel {
	padding: 10px;
	max-width: 24%;
	width: 24%;
}

.kachelwrapper33 .kachel {
	padding: 20px;
	max-width: 32%;
	width: 32%;
}



.kachelwrapper:after, .sjwrapper:after {
	display:block;
	clear: both;
}

.kachelwrapper h3 a, .kachelwrapper h3 a:hover, .kachelwrapper h3 a:active, .kachelwrapper h3 a:visited,
.sjwrapper h2 a, .sjwrapper h2 a:hover, .sjwrapper h2 a:active, .sjwrapper h2 a:visited {
	color: #fff;
	text-decoration: none;
}

.kachelwrapper h3 {
	background: none repeat scroll 0 0 #00468c;
	color: #fff !important;
	margin: -20px -20px 20px;
	padding: 20px;
	font-size: 1.5em;
	font-weight: normal;
}

.kachelwrapper .grau h3 {
	background: none repeat scroll 0 0 #333;
	color: #fff !important;
	margin: -20px -20px 20px;
	padding: 5px 20px;
}



@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.kachelwrapper h3, .sjwrapper h2 {
		font-size: 1.5em;
	}
}


@media only screen and (max-width: 767px) {
	.kachel, .meganew-box {
		max-width: 99% !important;
		width: 99% !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.kachel, .meganew-box {
		margin-bottom: 10px !important;
		max-width: 48% !important;
		width: 48% !important;
	}
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	.kachel, .meganew-box {
		margin-bottom: 10px;
		max-width: 48% !important;
		width: 48% !important;
	}
}
/*--------------------------- ENDE FLEXBOXEN -----------------------------*/

/* --------- SCHICKE TABELLEN ------------------*/

.item-page table {
	border-collapse: separate !important;
	border-spacing: 5px;
	border: 1px solid #ccc;
}

.item-page table td, .item-page table th {
	padding: 10px;
}

.item-page table tr:nth-child(1n+1) {
	background-color: rgba(0, 0, 0, .3);
	color: #000;
}
.item-page table tr:nth-child(2n+2) {
	background-color: rgba(0, 0, 0, .05);
	color: #000;
}
.item-page table tr:hover, .item-page table tr:hover a, .item-page table tr:hover h3 {
	background-color: #17317b;
	color: #fff !important;
}

.item-page table a {
	color: #000;
}

/* --------- MITARBEITER  ----------*/

table.pixel-kraefte {
	width: 100%;
	margin-bottom: 50px;
}

.pixel-kraefte .teamimage {
	text-align: center;
}

.pixel-kraefte .teamimage img {
	max-width: 100% !important;
}

/* --------- FONT STYLING ----------*/

.title, .component-content h2 {
	border-bottom: medium none;
	box-shadow: none !important;
	text-shadow: none !important;
	text-transform: uppercase;
	z-index: 1;
	position: relative;
}

.item-page li {
	list-style-image: url(../images/arrow_normal.png);
}

/* ----------- BEWERBUNGSFORMULAR -------------- */

.bfQuickMode, .bfQuickMode label, .bfQuickMode input[type="text"], .bfQuickMode button, .bfQuickMode select, .bfQuickMode textarea, .bfQuickMode .uneditable-input {
	font-family: 'geogrotesque_rgregular', Arial, Helvetica, sans-serif !important;;
}

.bfQuickMode fieldset legend {
	background: #17317b !important;
	color: #fff !important;
}

.bfSectionDescription {
	background: #fff !important;
	color: #333 !important;
	font-size: 1em !important;
	padding: 0 !important;
}

.bfPage {
	padding: 0 !important;
}

.bfLegendIcon {
	display: none;
}

.bfQuickMode .btn {
	background: #17317b !important;
}

.icon-asterisk {
	color: #17317b !important;
}

.bfQuickMode .controls .control-label {
	color: #333 !important;
}

.bfQuickMode label, .bfQuickMode input[type="text"], .bfQuickMode button, .bfQuickMode select, .bfQuickMode textarea, .bfQuickMode .uneditable-input {
	color: #333 !important;
}

.bfQuickMode .controls .btn, .bfSubmitButton, .bfQuickMode .form-actions .bfSubmitButton {
	color: #fff !important;
}

.bfQuickMode fieldset legend, .bfQuickMode .btn {
	opacity: 1 !important;
}

.bfQuickMode .form-actions .bfSubmitButton {
	width: 100% !important;
}

.bewerbungskasten {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	border: 1px solid #ddd;
	width: 100%;
	padding: 20px 0;
}

.bewerbungskasten h2, .bewerbungskasten h1, .bewerbungskasten h3, .bewerbungskasten p, .bewerbungskasten a, .bewerbungskasten span, .bewerbungskasten img {
	margin-left: 20px;
	margin-right: 20px;
}

.bewerbungskasten ul {
	list-style: outside;
	margin-left: 45px;
	margin-right: 20px;
}

/* --------- TAG CLOUD ----------

#rt-top .rt-grid-8 > .rt-block > .module-surround {
		position: absolute;
				top: -60px;
		margin-left: 350px;
}
*/
#rt-top .rt-grid-8 > .rt-block > .module-surround a {
	color: #fff;
	font-family: 'geogrotesque_rgregular', Arial, Helvetica, sans-serif !important;
}

.rt-block.cloud {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: -1;
}
.cloud .module-content>:last-child {
	display: none;
}
div#rt-sidebar-a {
	position: relative;
}

/* ------------------------------ TEAM MODUL ----------------------------- */

.team-member > div {
	background: #ccc !important;
}

.team-member > div:hover {
	background: url(../../../images/header_hintergrund.png) !important;
	background-size: cover !important;
	background-position: right center !important;
}

.team-member > div:hover h3 {
	color: #fff !important;
}

.team-member h3 {
	text-transform: none !important;
	font-size: 2em !important;
	color: #333 !important;
}

.team-member ul li a {
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
}

.team-member > div {
	padding-bottom: 0;
}

@media (min-width: 1200px) {
	.team-member {
		max-width: 33% !important;
		width: 33% !important;
	}

	.team-member > div {
		-webkit-flex-grow: 1;
		flex-grow: 1;
		/*padding-bottom: 60px !important;*/
	}
}

@media (min-width: 960px) and (max-width: 1200px)  {
	.team-member {
		width: 50% !important;
		max-width: 50% !important;
	}
}

@media (min-width: 768px) and (max-width: 959px)  {
	.team-member {
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* ! OUR TEAM  ! */

#owl-team {
	display: -webkit-flex;
	display: flex ;
	flex-wrap: wrap !important;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative !important;
	width: 100% !important;
}

.team-member {
	box-sizing: border-box !important;
	display: flex;
	display: -webkit-flex;
	flex-direction: column !important;
/*	-webkit-flex-grow: 1 !important;
	flex-grow: 1 !important;*/
	float: none !important;
	margin-bottom: 20px !important;
	position: relative !important;
}

@media (max-width: 767px) {
	.team-member {
		width: 100% !important;
		max-width: 100% !important;
		display: block !important;
		-webkit-display: block !important;
	}

	#owl-team {
		display: block !important;
		-webkit-display: block !important;
	}
}

/* ---------------------- ENDE TEAM MODUL -------------------------------- */

/* ----------------------- MEGAMENU -------------------------------------- */

.mobilemaximenuck div.maximenuck > a {
	font-family: 'geogrotesque_rgregular' !important;
	text-transform: uppercase;
}

.mobilemaximenuck {
	background: rgba(25, 78, 154, 0.98);
	position: fixed !important;
}

.active.level1 {
	background: #ccc;
}

ul.maximenuck>li.maximenuck.parent > a:after, ul.maximenuck>li.maximenuck.parent > span.separator:after {
	top: 33%!important;
	right: -6px!important;
	border-color: rgba(140, 140, 140, 1) transparent transparent transparent!important;
	transition: all .6s cubic-bezier(.55,0,.1,1);
}
li.maximenuck.parent[style="z-index: 15000;"] > a:after, li.maximenuck.parent[style="z-index: 15000;"] > span.separator:after {
	transform: rotate(180deg);
}

.floatck .titreck {
	color: #333 !important;
}

ul.maximenuck p, ul.maximenuck li, ul.maximenuck span {
	text-shadow: none !important;
}


div#maximenuck ul.maximenuck li.maximenuck.level1 {
	padding: 10px 12px;
}

.clickedck {
	background: rgba(204, 204, 204, 0.97) !important;
}

ul.maximenuck {
	margin-left: 0 !important;
}

li.level2 {
	margin-top: 10px;
}

ul.maximenuck2 > .level2 {
	margin-right: 10px;
}

.floatck {
	background: rgba(23, 49, 123,.98) !important;
}

.titreck {
	font-family: 'geogrotesque_rgregular', Arial, Helvetica, sans-serif !important;
	text-transform: uppercase;
}

.level1 > a > .titreck, .level1 > .separator > .titreck {
	color: #17317b !important;
}


.floatck {
	margin-top: 3px;
	padding: 20px;
	background: rgba(204, 204, 204, 0.97) !important;
	background-size: cover !important;
}

.descck {
	font-family: 'geogrotesque_rgregular', Arial, sans-serif;
	font-weight: normal;
	line-height: 130% !important;
	margin-top: 7px;
}

.floatck a img {
	margin-bottom: 10px;
}

.maxidrop-main2 >.maximenuck2 {
	margin-right: 25px;
}

div#maximenuck ul.maximenuck li.maximenuck ul.maximenuck2 li a, div#maximenuck ul.maximenuck2 li a {
	height: 120px
}


@media only screen and (min-width: 1680px) {
	ul.maximenuck {
		background: #fff;
		padding: 9px 0 3px;
	}

	div#maximenuck ul.maximenuck li.maximenuck.level1 {
		margin-right: 0 !important;
	}
}

@media only screen and (min-width: 1368px) and (max-width: 1679px) {
	ul.maximenuck {
		background: #fff;
		padding: 9px 0 3px;
	}

	div#maximenuck span.titreck {
		font-size: 1.3em !important;
	}


	.descck {
		font-size: .8em !important;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1367px) {
	ul.maximenuck {
		background: #fff;
		padding: 9px 0 3px;

	}

	div#maximenuck span.titreck {
		font-size: 1.2em !important;
	}



	.descck {
		font-size: .8em !important;
	}
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	ul.maximenuck {
		background: rgba(255, 255, 255, 0.88);
		padding: 9px 10px 3px 10px;
		margin-top: 100px;
		margin-left: -60px
	}

	div#maximenuck span.titreck {
		font-size: 1.2em !important;
	}

	div#maximenuck ul.maximenuck li.maximenuck.level1 {
		margin-right: 15px;
	}

	.descck {
		font-size: .8em !important;
	}

	.rt-block.headlineblau h1 {
		font-size: 2.3em;
		float: left;
		margin-top: 0;

	}

	#maximenuck {
		margin-left: -250px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	ul.maximenuck {
		background: rgba(255, 255, 255, 0.89);
		padding: 9px 0 3px 10px;
		margin-left: -268px !important;
	}

	div#maximenuck span.titreck {
		font-size: 1.2em !important;
	}

	.descck {
		font-size: .8em !important;
	}

	.rt-block.headlineblau h1 {
		font-size: 1.5em;
		line-height: 140%;
	}

	.rt-block.headlineblau img {
		width: 50px;
	}
}


@media only screen and (min-width: 480px) and (max-width: 767px) {

}

@media only screen and  and (max-width: 479px) {

}

/* ------------------------ ENDE MEGAMENU -------------------------------- */

/*--------------------------- ZITATE -------------------------------------*/


blockquote::before {
	color: #194e9a;
	content: "\f10e" !important;
	display: block;
	font-size: 25px;
	left: -25px;
	top: -40px;
	font-family: FontAwesome;
	text-shadow: 0px 0px 20px #fff;
}

blockquote::after {
	bottom: -40px;
	color: #194e9a;
	content: "\f10d" !important;
	display: block;
	font-size: 25px;
	right: -10px;
	font-family: FontAwesome;
	text-shadow: 0px 0px 20px #fff;
	text-align: right;
}

blockquote {
	border: medium none;
	color: #194e9a;
	font-style: italic;
	margin: 30px 30px;
	position: relative;
	height: 100%;
	border-left: none !important;
}

blockquote cite::before {
	content: "- ";
	font-family: FontAwesome;
}

blockquote cite {
	color: #555;
	display: block;
	font-size: 15px;
}
cite {
	padding-top: 5px;
}

/*--------------------------- ENDE ZITATE --------------------------------*/

/* ---------------------------- HEADLINES -------------------------------- */
.rt-block.headlineblau .headlineblau {
	display: flex;
	align-items: center;
}
.rt-block.headlineblau h1 {
	font-family: 'geogrotesque_rgregular', Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	margin-top: 0 !important;
	float: left;
	font-weight: 300;
}


.rt-block.headlineblau .hellblau {
	color: #00aeef;
	font-weight: bold;
}

.rt-block.headlineblau img {
	margin-right: 20px;
}


@media only screen and (min-width: 1680px) {
	.rt-block.headlineblau {
		float: left;
		margin: 0;
		padding: 0;
		font-family: 'nilland-extraboldregular' !important;
		color: #17317b;
		margin-left: 160px;
		margin-top: 100px;
	}
}

@media only screen and (min-width: 1368px) and (max-width: 1679px) {
	.rt-block.headlineblau {
		max-width: 580px;
	}

	.rt-block.headlineblau {
		float: left;
		margin: 0;
		padding: 0;
		font-family: 'nilland-extraboldregular' !important;
		color: #17317b;
		margin-left: 136px;
		margin-top: 100px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1367px) {
	.rt-block.headlineblau {
		float: left;
		margin: 0;
		padding: 0;
		font-family: 'nilland-extraboldregular' !important;
		color: #17317b;
		margin-left: -57px;
		margin-top: 119px;
		max-width: 570px;
	}
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.rt-block.headlineblau {
		float: left;
		margin: 0;
		padding: 0;
		font-family: 'nilland-extraboldregular' !important;
		color: #17317b;
		max-width: 470px;
		margin-top: 72px;
		margin-left: -62px;
	}

	.rt-block.headlineblau h1 {
		font-size: 2em;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.rt-block.headlineblau {
		float: left;
		margin: 0;
		padding: 0;
		font-family: 'nilland-extraboldregular' !important;
		color: #17317b;
		margin-left: 47px;
		margin-top: 92px !important;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.rt-block.headlineblau {
		clear: both;
	}
}

@media only screen and  and (max-width: 479px) {
	.rt-block.headlineblau {
		clear: both;
	}
}

/* ----------------------- ENDE HEADLINES -------------------------------- */

/* ---------------------------- NN SLIDER -------------------------------- */

.accordion-group, .panel, .nn_sliders-group {
	border-radius: 0 !important;
}

/* ----------------------- ENDE NN SLIDER -------------------------------- */

/* ------------------------- FACEBOOK BOX -------------------------------- */
.live-demofacebookbox {
	height: auto !important;
	overflow: visible !important;
}

.fbwall-Track {
	display: none;
}

a.fb-wall-img {

	max-height: 240px !important;
	overflow: hidden;
	display: block;
}

.fb-wall-media-linkfacebookbox  {
width: 95% !important;
}

.fb-wall-description {
	font-size: 1.3em;
}

.fb-wall-name {
	font-size: 1.5em;
}

/* ------------------------------------ BLOG ----------------------------- */
@media only screen and (max-width: 767px) {
	span.blogimage, span.blogimage > span {
		width: 100% !important;
		min-width: 100%;
	}

	span.blogimage > span {
		background: #ccc;
		padding: 5px;
		margin-bottom: 10px;
	}

	span.blogimage img {
		width: 100% !important;
	}
}

@media only screen and (min-width: 768px) {
	span.blogimage {
		max-width: 50% !important;
	}
}



/* ------------------------- ENDE BLOG ----------------------------------- */

/* --------------------------- MAGAZIN ----------------------------------- */

.gala_katalog {
background: url(/images/header_hintergrund.png) top right;
padding: 10px 20px;
color: #fff;
margin-bottom: 40px;
}

.gala_katalog .prospektvorschau {
	-moz-transform:rotate(-3deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(-3deg); /* Safari */
-o-transform:rotate(-3deg); /* Opera */
-ms-transform:rotate(-3deg); /* IE9 */
transform:rotate(-3deg); /* W3C */
-moz-box-shadow:1px 1px 6px #292929; /* Firefox */
-webkit-box-shadow:1px 1px 6px #292929; /* Chrome, Safari */
-khtml-box-shadow:1px 1px 6px #292929; /* Konqueror */
box-shadow:1px 1px 6px #292929; /* CSS3 */
float: right;
margin-right: 20px;
margin-top: -26px;
}

.gala_katalog p {
	font-size: 14px;
}

.gala_katalog .big a, .gala_katalog .big a:link, .gala_katalog .big a:visited, .gala_katalog .big a:active {
	color: #fff;
	font-size: 23px;

}

.gala_katalog a {
	text-decoration: underline !important;
}

/* ---------------------- ENDE MAGAZIN ----------------------------------- */

.referenzen-modul div.span6 {
	padding: 25px;
    border-radius: 0 !important;
    margin-bottom: 20px;
}

.referenzen-modul div.span6 div:first-child a {
	font-size: 2em;
}


.referenzen-modul img.field_bild {
	margin-bottom: 20px;
}

.referenzen-modul .row-fluid {
	display: flex;
}

.fb-wall-media-videofacebookbox {
	width: 98% !important;
	box-sizing: border-box;
}

.fbwall-Container {
	height: auto !important;
}


@media only screen and (min-width: 960px) {
.ctrl-sobi-emod.testimonial_entries.startseite .SobiPro {
	    width: 32%;
	    padding: 10px 10px 220px 10px !important
}
.ctrl-sobi-emod.testimonial_entries.startseite {
	display: flex;
	justify-content: space-between;
}

.ctrl-sobi-emod.testimonial_entries.startseite .signaturfooter {
position: absolute;
    width: calc(33% - 40px);
    bottom: 0;
}

.ctrl-sobi-emod.testimonial_entries.startseite .SobiPro .sobi_thumbnail_box img {
	width: 80% !important;
}


}
	.ctrl-sobi-emod.testimonial_entries.startseite .SobiPro {
    background: #eee;
    padding: 10px;
    margin-bottom: 20px;
}

.ctrl-sobi-emod.testimonial_entries.startseite .SobiPro .sobi_thumbnail_box {
width: 100%;
    float: none !important;
    margin-bottom: 70px;
    padding: 0;
    margin: 0;
    background: none !important
}

.ctrl-sobi-emod.testimonial_entries.startseite blockquote {
	font-size: 1em;
}

.ctrl-sobi-emod.testimonial_entries.startseite .firmenlogo {
    float: none;
    width: 100%;
    margin: 10px 0;
    height: 69px;
    text-align: center;
}

.ctrl-sobi-emod.testimonial_entries.startseite .thumbnail_inner {
	background: none !important;
}

@media only screen and (max-width: 960px) {
.ctrl-sobi-emod.testimonial_entries.startseite .SobiPro .sobi_thumbnail_box img {
	width: 50% !important;
}
}
.ctrl-sobi-emod.testimonial_entries.startseite .signaturfooter .field_firma {
	font-size: .8em;
}

.ctrl-sobi-emod.testimonial_entries.startseite .firmenname .signatur {
	height: 130px !important
}


.animated_numbers .Sufix {
	display: block;
}
@media screen and (max-width: 1200px) {
	.animated_numbers {
		flex-wrap: wrap;
	}
	.animated_numbers .blockck {
		width: 100%!important;
		margin: 0!important;
	}
}


#rt-mainbottom .rt-container, #rt-mainbottom .rt-container .rt-grid-12 {
	width: 100% !important;
}


@media screen and (min-width: 768px) {
	.ihkfooter {

		width: 300px;
    float: right;
    margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	.ihkfooter {

		width: 100%;
    margin-top: 20px;
	}
}


h1 {
    font-size: 260% !important;
}

.fancybox-iframe {
	max-width: none!important;
}