/* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@media screen
{
	#mobile-container {
	position: fixed;
	  top: 10px;
	  right: 10px;
	  z-index: 10000;
	 display: none;
	}
	#mobile-navigation {
	 
	}
	a.menue_close {
	display: none;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjguMzVweCIgaGVpZ2h0PSIyOC4zNXB4IiB2aWV3Qm94PSIwIDAgMjguMzUgMjguMzUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4LjM1IDI4LjM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMS40NCwyMS4zMThjLTAuNzYsMC43NjEtMS42NjcsMS4wODctMi4wMjQsMC43MjlMNS4xOSw3LjgyMUM0LjgzMiw3LjQ2Miw1LjE1Nyw2LjU1Nyw1LjkxNyw1Ljc5N2wwLDANCgljMC43Ni0wLjc2LDEuNjY2LTEuMDg1LDIuMDI0LTAuNzI3bDE0LjIyNiwxNC4yMjVDMjIuNTI2LDE5LjY1MSwyMi4yLDIwLjU2LDIxLjQ0LDIxLjMxOEwyMS40NCwyMS4zMTh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNS45MTksMjEuMzJjLTAuNzYxLTAuNzYtMS4wODctMS42NjctMC43MjktMi4wMjRMMTkuNDE2LDUuMDdjMC4zNTktMC4zNTgsMS4yNjYtMC4wMzMsMi4wMjUsMC43MjdsMCwwDQoJYzAuNzYsMC43NiwxLjA4NCwxLjY2NiwwLjcyNywyLjAyNEw3Ljk0MiwyMi4wNDdDNy41ODYsMjIuNDA2LDYuNjc4LDIyLjA4LDUuOTE5LDIxLjMyTDUuOTE5LDIxLjMyeiIvPg0KPC9zdmc+DQo=");
	border: 1px solid #728FC0;
	}
	a.menue_open{
	display: block;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjguMzVweCIgaGVpZ2h0PSIyOC4zNXB4IiB2aWV3Qm94PSIwIDAgMjguMzUgMjguMzUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4LjM1IDI4LjM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNi4wMzgsMjIuMzYzYzAsMC45OTUtMC44MDcsMS44MDItMS44MDIsMS44MDJIMy44ODhjLTAuOTk1LDAtMS44MDItMC44MDctMS44MDItMS44MDJsMCwwDQoJYzAtMC45OTUsMC44MDctMS44MDIsMS44MDItMS44MDJoMjAuMzQ4QzI1LjIzMSwyMC41NjIsMjYuMDM4LDIxLjM2OCwyNi4wMzgsMjIuMzYzTDI2LjAzOCwyMi4zNjN6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjYuMDM4LDE0LjEzOWMwLDAuOTk2LTAuODA3LDEuODAyLTEuODAyLDEuODAySDMuODg4Yy0wLjk5NSwwLTEuODAyLTAuODA3LTEuODAyLTEuODAybDAsMA0KCWMwLTAuOTk1LDAuODA3LTEuODAyLDEuODAyLTEuODAyaDIwLjM0OEMyNS4yMzEsMTIuMzM3LDI2LjAzOCwxMy4xNDQsMjYuMDM4LDE0LjEzOUwyNi4wMzgsMTQuMTM5eiIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI2LjE1LDYuMTQ1YzAsMC45OTUtMC44MDcsMS44MDItMS44MDIsMS44MDJINGMtMC45OTUsMC0xLjgwMi0wLjgwNy0xLjgwMi0xLjgwMmwwLDANCgljMC0wLjk5NSwwLjgwNy0xLjgwMiwxLjgwMi0xLjgwMmgyMC4zNDhDMjUuMzQ0LDQuMzQzLDI2LjE1LDUuMTQ5LDI2LjE1LDYuMTQ1TDI2LjE1LDYuMTQ1eiIvPg0KPC9zdmc+DQo=");
	} 
	a.menue_open, a.menue_close
	{
	width: 34px;
	height: 34px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #3264BB;
	text-indent: -5000px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
	}
	
	
	a.menue_open:hover, a.menue_close:hover{
	background-color: #FF0E0E;
	} 
}

@media screen and (max-width: 979px)
{	
	#mobile-container
	{
	  display: block;
	}
	.visible {
	  display: block!important;
	}
	.hidden {
	display: none!important;
	}
}
/* required styles */

.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	-ms-touch-action: none;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	-webkit-user-drag: none;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
	max-width: none !important;
	}
/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
	max-width: 15000px !important;
	}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-tile-pane    { z-index: 2; }
.leaflet-objects-pane { z-index: 3; }
.leaflet-overlay-pane { z-index: 4; }
.leaflet-shadow-pane  { z-index: 5; }
.leaflet-marker-pane  { z-index: 6; }
.leaflet-popup-pane   { z-index: 7; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url("../../files/css/#default#VML");
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 7;
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	     -o-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	     -o-transition:      -o-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-clickable {
	cursor: pointer;
	}
.leaflet-container {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	}


/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}


/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}
.leaflet-control-zoom-out {
	font-size: 20px;
	}

.leaflet-touch .leaflet-control-zoom-in {
	font-size: 22px;
	}
.leaflet-touch .leaflet-control-zoom-out {
	font-size: 24px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url("../../files/css/images/layers.png");
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url("../../files/css/images/layers-2x.png");
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: content-box;
	     box-sizing: content-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	margin: 0 auto;
	width: 40px;
	height: 20px;
	position: relative;
	overflow: hidden;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;

	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}

body.kontakt .map {
    float: right;
    margin-bottom: 30px;
}

.spaltentext
{
	  column-count: 2;
  column-gap: 60px;
  padding: 0 33px;
}

div#contentMain h3.h2grau
{
    margin: 62px 0 0px 0px;
    font-size: 198%;
    color: #515151;
    text-align: center;
}

 div#contentMain .aktuelleProjekte div.ce_gallery li a img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    max-width: auto;
    height: auto;
}

div#contentMain .aktuelleProjekte div.ce_gallery li {
    float: none;
    margin: 0;
    padding: 0;
    min-width: 25%;
}

.flexcontainer , .aktuelleProjekte ul , .spaltenListe ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.flexelement , .aktuelleProjekte ul li , .spaltenListe li{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
}

.spaltenListe li{
	min-width: 40%;
}

.spaltenListe ul {
	max-width: 646px;
    margin: 31px auto 0 auto;
	}

.folgeseite div#contentMain .aktuelleProjekte div.ce_gallery li a img {
    max-width: 270px;
    width: 100%;
}

.bildboxen .ce_hyperlink .image_container .caption {
    background-color: #ff0000;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 51px;
    margin-top: -3px;
    text-transform: uppercase;
    font-size: 134%;
}

.bildboxen .ce_hyperlink .image_container {
    padding: 5px;
}

.bildboxen img {
    width: 100%;
    height: auto;
}

#respSlider .ce_image img {
    border: none;
    display: inline;
    margin: 0 0 -4px 0px;
}

#respSlider .ce_image img {
    width: 100%;
    height: auto;
}


@media screen and (max-width: 978px)
{
	body.kontakt .map iframe{
    max-width: 100%;
    margin: 0 auto;
	}
	body.kontakt .map
	{
		float: none;
	}
}
@media all{
	* {
	margin: 0px;
	padding: 0px;
	outline: none;
	}

	img {
		border: none;
	}

	.clear {
		float: none;
		clear: both;
		margin: 0;
		padding: 0;
	}
	div#containerMain {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	margin: 0px 0px 0px 0px;
	position: relative;
	max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
	}
	.screenmax {
	display: none;
	}
}
@media screen{
/*-------------------------- main -----------------------------------------*/



html, body {
	height: 100%;
	font-family: 'PT Sans Narrow', sans-serif;
	color: #211f22;
	font-size: 14px;
}


/*-------------------------- header row1 -----------------------------------------*/
#header {
    width: 100%;
	border-bottom: 18px solid #ff0000;
	background-position:  center center;
	background-repeat:  no-repeat;
	}
 	#header {
	height: auto;
	/* background-image: url("../../files/images/header.jpg"); */
	}
	
#header .spacer{
	display: none;
	}
#header .ttLogo{
	position: absolute;
	width: 220px;
	left: 80px;
}
#header .ttLogo img{
	width: 220px;
	background: #fff;
	padding: 5px;
}

nav.kontaktnavi {
    position: absolute;
    right: 0;
    top: 159px;
    z-index: 5;
}

nav.kontaktnavi ul
{
	list-style: none;
}

nav.kontaktnavi ul li a {
    color: #8e8e8e;
    background-color: #fff;
    padding: 16px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.36);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.36);
    display: block;
}

nav.kontaktnavi ul li a:hover {
	background: #e51c21;
}

nav.kontaktnavi ul li#phonerespFixed2
{
	display: none;
}

nav.kontaktnavi ul li {
    margin-bottom: 5px;
}

nav.kontaktnavi ul li a:after {
    display: block;
    content: " ";
    width: 37px;
    height: 32px;
    background: url("../../files/images/webicons.png") 0px -16px no-repeat;
}

nav.kontaktnavi ul li#phonerespFixed a:after,
nav.kontaktnavi ul li#phonerespFixed2 a:after
 {
    background-position: -52px -16px;
}

nav.kontaktnavi ul li#facebook a:after {
    background-position: -99px -10px;
    height: 36px;
}

div#telefonnummerOverlay {
    padding: 20px;
    background: #e51c21;
    color: #fff;
    font-size: 169%;
    line-height: 100%;
    /* height: 64px; */
    position: absolute;
    z-index: 3;
    top: 159px;
    right: -276px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.42);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.42);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.42);
}

div#telefonnummerOverlay.open {
    /* left: 0; */
    right: 82px;
}

#telefonnummerOverlay {
    transition: all 0.20s ease-in;
    -webkit-transition: all 0.20s ease-in;
    -moz-transition: all 0.20s ease-in;
    -o-transition: all 0.20s ease-in;
}

.rslides_nav , .rslides_tabs 
{
	display: none;
}


body.folgeseite #header .spacer{
	display: none;
	width: 100%;
	height: auto;
	}	
body.folgeseite #header {
	height: auto;
	background-size: 100% auto;
	}	
	
body.folgeseite 	#header  div.inner{
	position: absolute;
	top: 0;
	width: 100%;
	}	
body.startseite 	#header {
	background: #C6CAC9;
	/* height: 625px; */
	/* background-image: url("../../files/images/header.jpg"); */
	}
	
	
body.wir  #header {
	background-image: url("../../files/images/header.jpg");
	}
body.referenzen  #header {
	background-image: url("../../files/inhaltbilder/headerbilder/Referenzen_Titelbild.jpg");
	}	
body.betonarbeiten  #header {
	background-image: url("../../files/inhaltbilder/headerbilder/leistungen_naturstein2.jpg");
	}	
body.zuschnitt   #header {
	background-image: url("../../files/inhaltbilder/headerbilder/leistungen-naturstein-zuschnitt-nach-mass.jpg");
	}	
body.treppen   #header {
	background-image: url("../../files/inhaltbilder/headerbilder/leistungen-naturstein-treppen.jpg");
	}
body.podeste   #header {
	background-image: url("../../files/inhaltbilder/headerbilder/leistungen-naturstein-podeste.jpg");
	}	
body.arbeitsplatten   #header {
	background-image: url("../../files/inhaltbilder/headerbilder/leistungen-naturstein-kuechenarbeitsplatten.jpg");
	}	
body.badezimmer   #header {
	background-image: url("../../files/inhaltbilder/headerbilder/leistungen-naturstein-badezimmer.jpg");
	}
	
	
#header  div.sloganouter, #header  div.slogan3	, #header  div.slogan2
{
display: none;
}
#header  div.slogan2{
	/*margin-bottom: 20px;*/
}
#header  div.slogan2 .mark{
	font-weight: bold;
	font-size: 20px;
}
body.startseite 	#header  div.sloganouter, body.startseite 	#header  div.slogan3	, body.startseite 	#header  div.slogan2
{
display: block;
}
	
body.startseite 	#header  div.sloganouter{
    width: 79%;
	margin:0 auto;
	position: relative;
	background-color: #A3006F;
	position: absolute;
	top: -55px;
	left: 7%;
	z-index: 500;
	}	
body.startseite 	#header  div.sloganouter div.slogan1{
   color: #fff;
   position: absolute;
   top: 292px;
   left:0;
   width: 541px;
   font-size: 34px;
   color: #fff;
   text-transform: uppercase;
	}
body.startseite 	#header  div.sloganouter div.slogan1 span{
/* background-color: #001a5d; */
   background-color: rgba(255,0,0,0.8);
   padding-left: 20px;
   margin-bottom: 20px;
   display: block;
   line-height: 50px;
   /* text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); */
	}
	
body.startseite 	#header  div.slogan2,#header  div.slogan3{	
color: #898888;
   /* background-color: #fff; */
   /* background-color: rgba(255,255,255,0.8); */
   font-size: 17px;
}
body.startseite 	#header .sloganR{
	position: absolute;
    right: 130px;
    top: 130px;
    padding: 60px;
    background: rgba(255,255,255,0.8);
    width: 200px;
    height: 200px;
    border-radius: 170px;
    z-index: 500;
}
body.startseite 	#header  div.slogan2{
	margin-top: 20px;
}
/* body.startseite 	#header  div.slogan2{
   position: absolute;
   top: 292px;
   right:0px;
   width: 32%;
   height: 115px;
   line-height: 20px;

	} */
body.startseite 	#header  div.slogan2 div.relative,#header  div.slogan3 div.relative {
   position: relative;
   width: 100%;
   height: 100%;

	}
/* body.startseite 	#header  div.slogan2 div.relative:before, #header  div.slogan3 div.relative:before{
   position: absolute;
    width: 0; 
   height: 0; 
   top:0;
   content:" ";
   display: block;
	} */
body.startseite 	#header  div.slogan2 div.relative:before{
/* border-bottom: 115px solid rgba(255,255,255,0.8);  */
   border-left: 86px solid transparent;
   left:-86px;
}
body.startseite 	#header  div.slogan3 div.relative:before{
/* border-bottom: 45px solid rgba(255,255,255,0.8);  */
   border-left: 37px solid transparent;
   left:-37px;
}	
body.startseite 	#header  div.slogan2 div.relative span {
display: inline-block;
padding-top: 14px;
font-size: 20px;
padding-bottom: 4px;
font-family: 'PT Sans Narrow', sans-serif;
color: #626060;
}	
	
/* body.startseite 	#header  div.slogan3{
   position: absolute;
   top: 420px;
   right:0px;
   width: 28%;
   height: 45px;
	}	 */
body.startseite 	#header  div.slogan3 span.inner{
display: block;
padding-top: 7px;
  font-size: 23px;
	}

body.startseite 	#header  div.slogan3 span.nummer{
color: #001A5D;
	}	

#header div.naviOuter{
    width: 100%;
    background-color: #fff;
    background-color: rgba(255,255,255,1);
    height: 76px;
    /* position: absolute; */
    top: 0;
    z-index: 1000;
    padding: 28px 0px;
	}
	
#header div#naviMain{
    max-width: 979px;
	margin: 0px auto;
	  padding: 19px 0px 0px 0px;
	}

div#header2 {
position: relative;
	display: block;
	max-width: 979px;
	height: 99px;
}

div#header a.homelink {
position: absolute;
	display: block;
	width: 330px;
  height: 75px;
	z-index: 10;
	top: 24px;
	left: 0;
	text-indent: -5000px;
	background: url("../../files/images/logo.gif") 0 0 no-repeat;
}	
		
 /*//////////////////////////////slider/////////////////////////////*/
div.clear
{
clear:both;
float: none;
display: block;
width: 100%;
}
/*-------------------------- content -----------------------------------------*/	


div#contentMain   div.contentmenue ul
{
width: 273px;
}
div#contentMain  div.contentmenue li
{
padding-left:10px;
background: url("../../files/images/menuepunkt.gif") 0 center no-repeat;
line-height: 18px;
}
div#contentMain  div.contentmenue span.head
{
font-size: 26px;
color: #FDB829;
}
div#contentMain div.headerbild
{
padding-top: 45px;
padding-left: 42px;
}
div#contentMain div.headerbild div.image_container
{
position:relative;
height: 193px;
}

div#contentMain div.headerbild div.image_container div.mod_breadcrumb
{
position:absolute;
bottom: 0;
left: 0;
background: url("../../files/images/blau.png") 0 0 repeat-x;
display: block;
font-family: 'Dancing Script', cursive;
color: #fff;
font-size: 23px;
padding-left: 8px;
position: absolute;
line-height: 34px;
width: 990px;
margin-bottom: 0;
}

div#contentMain div.headerbild div.image_container div.mod_breadcrumb ul li
{
background: none;
float: left;
}
div#contentMain div.headerbild div.image_container div.mod_breadcrumb ul li a
{
color: #fff;
}
div#contentMain div.headerbild div.image_container div.mod_breadcrumb ul li a:hover
{
color: #2f932d;
}
div.content
{
background: #fff;
max-width: 979px;
	margin: 0px auto;
/* margin-top:-150px; */
font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
}

div.contentinner
{
padding: 111px 45px 76px 45px;
position: relative;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

body.jobs .contentinner{
	position: relative;
	/* min-height: 1000px; */
}
body.jobs .angebotWrapper{
	display: none;
}
body.jobs .angebotWrapper.active{
	display: block;
    position: absolute;
    top: 15%;
    background: #fff;
        z-index: 100;
    min-height: 800px;
}
body.jobs .close{
    position: absolute;
    top: 20px;
    right: 30px;
    width: 50px;
    height: 50px;
    font-size: 4rem;
    border-radius: 25px;
    /* background: grey; */
    color: grey;
    text-align: center;
}
body.jobs .close a{
	color: grey;
}
body.jobs .angebot .left{
	display: inline-block;
	width: 50%;
	float: left;
	min-height: 380px;
}
body.jobs .angebot .right{
	display: inline-block;
	width: 40%;
	float: right;
}
body.jobs .angebot .ce_download .size,
body.jobs .angebot .ce_download .mime_icon{
	display: none;
}
body.jobs .angebot .ce_download a,
body.jobs .angebot .extro a{
	color: #fff;
	background: #ff0000;
	padding: 3px 10px;
}
body.jobs .angebot .ce_download:after{
	float: none;
	clear: both;
}
body.jobs .angebot .extro{
	float: none;
	clear: both;
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 50px;
}
body.jobs .angebotButton p{
	margin: 0 !important;
}
body.jobs .angebotButton a{
	background: #626060;
	color:  #fff;
	padding: 15px 20px;
	width: 100%;
	margin-bottom: 10px;
	position: relative;
	box-sizing: border-box;
	display: block;
}
body.jobs .angebotButton a:after{
	content:  '>';
	font-size: 2rem;
	position: absolute;
	right: 5px;
	top: 7px;
}
body.jobs div#contentMain div#content  h2, body.jobs div#contentMain div#content  h2{
    margin: 0 !important;
    padding: 0  !important;
    font-size: 61px  !important;
    margin-bottom: 54px  !important;
    font-weight: normal  !important;
    line-height: 72px  !important;
    color: #FF0000  !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1)  !important;
    text-align: center  !important;
    font-family: 'PT Sans Narrow',sans-serif  !important;
    text-transform: uppercase  !important;
}
div#contentMain ul li:before {
    display: block;
    content: " ";
    width: 9px;
    height: 9px;
    background: #ff0000;
    position: absolute;
    left: 0px;
    top: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


/*-------------------------- ende mediaquery -----------------------------------------*/	
}

@media screen and (max-width: 979px){
	div#footer {
 height: auto !important;
	}
	div#footer div#footerInner div.ce_text {
	float: none  !important; 
	width: 100% !important; 
	text-align: center;
	}
	div#footer div#footerInner {
	  height: auto !important;
	}
	
	div#footer div#footerInner a.tronmedia
	{
	display: none !important;
	}
	body.jobs .angebotWrapper.active{
		top: 7%;
	}
	body.jobs .angebot .right,
	body.jobs .angebot .left{
		width: 100% !important;
		text-align: left;
		min-height: auto;
	}
	body.jobs .contentinner{
		/* min-height: 1200px; */
	}
	body.jobs .close {
	    top: -70px;
	    right: 10px;
	}
}
.body644 .cert{
	text-align: center;
	width: 50%;
	display: inline-block;
	float:  left;
	margin-bottom: 50px;
}
.body644 .cert .button a{
	color: #fff;
    background: #ff0000;
    padding: 3px 10px;
}
.body644 .cert .head{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
}
.body644 .cert p{
	margin-bottom:  0px;
}

.body644 .cert .regNr{
	margin-bottom: 8px;
}
.ce_text.kontaktformular {
    clear: both;
}
body.startseite h1, .h2grau h1{
	margin-bottom: 20px;
}
body.startseite h2.slogan, .h2grau h2.slogan , body.folgeseite div#contentMain div#content .h2grau h2,  body.folgeseite div#contentMain div#content .slogan {
	margin-bottom: 30px;
	text-align: center;
	color: #515151;
}

body.jobs.standorte .angebot .left{
	min-height: 0;
	width: 50%;
}
body.jobs.standorte .angebot .right{
	min-height: 0;
	width: 50%;
}
body .mod_dlh_googlemaps,
body .dlh_googlemap{
 height: 295px;
}



@media screen{
div#contentMain ul {
	list-style: none;
	margin-bottom: 8px;
	}

div#contentMain li {
float: none;
line-height: 22px;
padding-left: 19px;
position: relative;
	}
	
/*	
div#contentMain  ul li:before{
  display: block;
  float: left;
  content: " ";
  width: 17px;
  height: 17px;
 margin: 3px 8px;
 background: #ff0000;
     position: absolute;
    left: 5px;
}
*/
div#contentMain  ul li:after{
  float: none;
  content: " ";
  display: block;
  clear: left;
}

div#contentMain div.ce_gallery li {
  padding-left: 0px;
  margin-right: 0px;
  margin-bottom:0px;
  position: relative;
  background: none;
  padding: 0;
}

div#contentMain  div.ce_gallery  ul li:before{
  display: none;
}

div#contentMain div.ce_gallery   ul li:after{
  display: none;
}

div#contentMain li li{
	padding-left: 18px;
	background-position: 5px center;
	}

 h1{
	  margin: 0;
	 padding: 0;
	  font-size: 61px;
	  margin-bottom: 54px;
	  font-weight: normal;
	  line-height: 49px;
	  color: #FF0000;
	  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	  text-align: center;
	  font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
}

 h2 {

	 margin: 0;
	 padding: 0;
	 font-size: 18px;
	 font-weight:bold;
	  margin-bottom: 12px;
	  color: #FF0000;
	  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	  font-family: 'PT Sans Narrow', sans-serif;
     } 

div#contentMain h3 {
	 margin: 0;
	 padding: 0;
	 font-size: 15px;
	 font-weight:bold;
	  margin-bottom: 12px;
	  color: #FF0000;
	  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	  font-family: 'PT Sans Narrow', sans-serif;
     }	

 a {

	text-decoration:none;
	color: #002A95;
	}

 a:hover {
	color: #fdb829;
	}

	

.tip {
font-size: 11px;
	}

div#contentMain p,div#contentMain ul  {
	margin-bottom: 17px;
	}
}


@media screen{

.invisible
{
display: none;
}

div.sidebarContentInner a.invisible

{

display: none;

}

div#contentMain .hidden { 
   display: none; 
}

div#contentMain .nonestyle{
border: none;
	-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: transparent;
padding: 0;
 } 


 * html div#contentMain img{
margin-bottom: 6px;
 } 


div#contentMain .hidden { 
   display: none; 
}

iframe 
{
border: 1px solid #333333
}


div#contentMain div.float_right
{
float: right;
margin-left: 20px;
}
div#contentMain div.float_left
{
float: left;
  margin-right: 90px;
}
div#contentMain div.float_right::after,
div#contentMain div.float_left::after
{
clear:both;
    content: " ";
	display: table;
}

/*-------------------------- pagination -----------------------------------------*/



div#contentMain  div.pagination ul {
	list-style: none;
	margin-bottom: 8px;
	}

	div#contentMain  div.pagination li{
	padding: 0;
	background-image: none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

	

  div.pagination li a, div#contentMain   div.pagination li span{
	padding-right: 7px;
	margin-right: 7px;
	padding-left: 0px;
	border-right: 1px solid #d21f20;
	}

div#contentMain  div.pagination li a.last{

	border: none;

	}
.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}


/*-------------------------- gallerie -----------------------------------------*/
div#contentMain div.ce_gallery 
{
display: block;
margin-top: 32px;
}
div#contentMain div.ce_gallery li
{
padding-left: 0px;
margin-right: 13px;
margin-bottom: 3px;
float: left;
position: relative;
background: none;
padding:0;
}
div#contentMain div.ce_gallery li.col_last
{
padding-right: 0px;
}	

div#contentMain div.ce_gallery ul:after
{
clear: both;
float: none;
display: block;
content: " ";
}
div#contentMain div.ce_gallery li a img
{
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: 5px solid #e9e7e7;
max-width: 400px;
height: auto;
}
.folgeseite div#contentMain div.ce_gallery li a img{
  max-width: 270px;
}
/* div#contentMain div.ce_gallery li a:hover:after
{
display: block;
position: absolute;
  left: 5px;
  bottom: 9px;
content: " ";
background-image: url("../../files/inhaltbilder/startseite/saegeblatt_grafik.png");
background-repeat: no-repeat;
background-position: center center;
width:124px;
height:124px;
} */
div#contentMain div.ce_gallery div.pagination li a:hover:after
{
display: none;
}



/*//////// news ///*/
div#contentMain p.back
{
display: none;
}
body.startseite div#contentMain div#content .image_container .caption{
    margin: 0;
    padding: 0;
    font-size: 27px;
    font-weight: bold;
    margin-bottom: 12px;
    color: #FF0000;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    font-family: 'PT Sans Narrow',sans-serif;
    margin-left: 20px;
    margin-right: 30px;
}
body.startseite div#contentMain div#content .image_container a{
  margin-bottom: 10px;
}
body.startseite div#contentMain div#content div.articleAll1 div.element1, body.startseite div#contentMain div#content div.articleAll1 div.element2,
body.startseite div#contentMain div#content div.articleAll2 div.element1, body.startseite div#contentMain div#content div.articleAll2 div.element2,
body.startseite div#contentMain div#content div.articleAll3 div.element1, body.startseite div#contentMain div#content div.articleAll3 div.element2
{
width: 45%;
}
body.startseite div#contentMain div#content div.articleAll1 div.element1,
body.startseite div#contentMain div#content div.articleAll2 div.element1,
body.startseite div#contentMain div#content div.articleAll3 div.element1
{
float: left;
}
body.startseite div#contentMain div#content div.articleAll1 div.element2,
body.startseite div#contentMain div#content div.articleAll2 div.element2,
body.startseite div#contentMain div#content div.articleAll3 div.element2
{
float: right;
}
body.startseite div#contentMain div#content div.element1, body.startseite div#contentMain div#content div.element2{
  margin-bottom: 20px;
}
body.startseite div#contentMain div#content div.mod_article:before,body.startseite div#contentMain div#content  div.element2:after,
body.startseite div#contentMain div#content div.articleAll2 div.element2:before,body.startseite div#contentMain div#content div.articleAll3 div.element2:before
{
display: block;
clear: both;
float: none;
content: " ";
}
body.startseite div#contentMain div#content div.mod_article:after, body.folgeseite div#contentMain div#content div.mod_article:after
/* {
display: block;
clear: both;
float: none;
content: " ";
background: url("../../files/inhaltbilder/startseite/saegeblatt_grafik.png") center center no-repeat;
width: 100%;
height: 125px;
} */

body.startseite div#contentMain div#content div.articleAll3:after{
  display: none;
}
body.startseite div#contentMain div#content div.mod_article div.image_container 
{
padding-bottom: 15px;
}
body.startseite div#contentMain div#content div.articleAll1 h2
{
font-size: 27px;
}
body.startseite div#contentMain div#content div.articleAll2 h2,body.startseite div#contentMain div#content div.articleAll3 h2
{
font-size: 28px;
text-align: left;
/* background: url("../../files/inhaltbilder/startseite/h2line.gif") 0 13px repeat-x; */
position: relative;
line-height: 24px;
margin: 39px 54px 30px 0px;
}
body.startseite div#contentMain div#content div.articleAll2 h2:after,body.startseite div#contentMain div#content div.articleAll3 h2:after
{
display: block;
height: 24px;
content: " ";
background-color: #fff;
width: 441px;
margin: -23px auto 0 auto;
}

body.startseite div#contentMain div#content div.articleAll2 div.element2 h2:after
{
width: 300px;
}
body.startseite div#contentMain div#content div.articleAll3 h2:after
{
width: 218px;
}
body.startseite div#contentMain div#content div.articleAll1 p, body.startseite div#contentMain div#content div.articleAll1 h2
{
margin-left: 0px;
margin-right: 30px;
}


body.startseite div#contentMain div#content div.articleAll2 a,body.startseite div#contentMain div#content div.articleAll1 a, body.startseite div#contentMain div#content div.articleAll3 a
{
color: #001A5D;
font-weight: bold;
float: right;
/* pointer-events: none; */
}
div#contentMain div#content div.content-slider
{
padding-left: 37px;
}

div#contentMain div#content div.content-slider div.slider-wrapper div.ce_image img
{
-webkit-border-radius: 124px;
-moz-border-radius: 124px;
border-radius: 124px;
border: 5px solid #e9e7e7;
}
div#contentMain div#content div.content-slider div.slider-wrapper div.ce_image img:hover
{

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

div#contentMain div#content div.content-slider div.slider-wrapper div.ce_image
{
float: left;
width: 124px;
text-align: center;
width: 165px;
color: #001a5d;
font-family: 'PT Sans Narrow', sans-serif;
font-size: 14px;
font-weight: bold;
}
div#contentMain div#content div.ce_sliderStart  div.slider-control  span.slider-menu
{
display: none;
}

.slider-control {
  height: 30px;
  position: relative;
}
.slider-control .slider-prev, .slider-control .slider-next{
  top: -132px;
}
.slider-control .slider-prev {
  left: -10px;
}
.slider-control .slider-next {
  right: 0;
}
.slider-control a {
  display: block;
    width: 17px;
  height: 71px;
  text-indent: -5000px;
  background-color: #000;
  background: url("../../files/images/sliderpfeile.gif") 0 0 no-repeat;
}
 .slider-control  a.slider-next {
  background-position: -18px 0 ;
}

body.folgeseite div#contentMain div#content   h2,body.folgeseite div#contentMain div#content   h2
{
font-size: 28px;
text-align: left;
/* background: url("../../files/inhaltbilder/startseite/h2line.gif") 0 13px repeat-x; */
position: relative;
line-height: 24px;
margin: 39px 54px 30px 54px;
}

body.folgeseite div#contentMain div#content   h2:after
{
display: block;
height: 24px;
content: " ";
background-color: #fff;
margin: -23px auto 0 auto;
}

body.wir div#contentMain div#content  div.articleAll1  h2:after
{
width: 519px;
}
body.wir div#contentMain div#content  div.articleAll2  h2:after
{
width: 237px;
}
body.wir div#contentMain div#content  div.articleAll1  img
{
margin-bottom: 24px;
}
body.wir div#contentMain div#content  div.articleAll2 .mejs-container {
  margin: 0 auto;
}
body.referenzen div#contentMain div#content  div.articleAll1  h2:after
{
width: 123px;
}
body.referenzen div#contentMain div#content  div.ce_text
{
text-align: center;
}
body.leistungen_unterseite div#contentMain div#content  div.element1
{
margin-bottom: 65px;
}
body.leistungen_unterseite div#contentMain div#content div.slider-wrapper div.element1 {
  margin-bottom: 0px;
}
body.leistungen_unterseite div#contentMain div#content  div.articleAll1  h2:after
{
width: 603px;
}
body.betonarbeiten div#contentMain div#content  div.articleAll1  h2:after
{
width: 631px;
}
body.impressum div#contentMain div#content  div.articleAll1  h2:after
{
width: 351px;
}
body.anfahrt div#contentMain div#content  div.articleAll1  h2:after 
{
width: 164px;
}
body.kontakt div#contentMain div#content  div.articleAll2  h2:after 
{
width: 207px;
}
body.kontakt div#contentMain div#content  p.head
{
font-weight: bold;
font-size: 14px;
}
body.kontakt div#contentMain div#content  div.articleAll1
{
width: 786px;
margin: 0 auto;
}
body.kontakt div#contentMain div#content  div.articleAll1 div.ce_text
{
float: left;
padding-right: 30px;
}
body.kontakt div#contentMain div#content  form div.element1
{
float:left;
}
body.kontakt div#contentMain div#content  form div.element2
{
float:right;
}
body.kontakt div#contentMain div#content div.articleAll2 p
{
text-align: center;
}

body.impressum div#contentMain div#content div.articleAll1 div.elementAll1
{
width: 45%;
}
body.impressum div#contentMain div#content div.articleAll1  div.tronmedia
{
width: 38%;
display: inline-block;
vertical-align: top;
}

body.impressum div#contentMain div#content div.articleAll1  div.elementAll1
{
/* float: left; */
width: 50%;
display: inline-block;
}
body.impressum div#contentMain div#content div.articleAll1  div.tronmedia
{
/* float: right; */
}

body.impressum div#contentMain div#content div.articleAll1 {
  /* width: 564px; */
  margin: 0 auto;
}
body.impressum div#contentMain div#content  div.articleAll2  h2:after 
{
width: 362px;
}
body.impressum div#contentMain div#content  div.articleAll2  p
{
column-count: 2;
column-gap: 50px;
-moz-column-count: 2;
-moz-column-gap: 50px;
-webkit-column-count: 2;
-webkit-column-gap: 50px;
}
body.wir #video img{
  display: block;
  margin:  0 auto;
}
/*ende mediaquery */
}

@media screen and (max-width: 979px){
  h2:after 
  {
  display: none;
  }
  h2
  {
  background: none !important;
  }
 div.articleAll1  div.ce_text, div.tronmedia, div.mod_article
  {
  float: none !important;
  width: 100% !important;
  }
  
  body.startseite div#contentMain div#content div.articleAll2 a, body.startseite div#contentMain div#content div.articleAll1 a, body.startseite div#contentMain div#content div.articleAll3 a {

  float: none !important;
}

body.startseite div#contentMain div#content div.elementAll1  img,
body.startseite div#contentMain div#content div.elementAll2  img
{

  width: 100% !important;
  height: auto !important;
}


}

.bildboxen {
    margin: 34px 0 0px 0px;
}

.bildboxen .flexelement {
      flex-basis: 50%;
    max-width: 395px;
    margin: 0 auto !important;
    min-width: 306px;
    margin-bottom: 53px!important;
}
@media screen{

form#Kontaktformular { 	/* Gestaltung des Formulars - Breite und Abstände z. B. */
padding-left: 6%;
}

form#Kontaktformular label, form#Kontaktformular input, form#Kontaktformular textarea, form#Kontaktformular select

{		/* Allgemeine Stile für Labels und Formularfelder */
	margin:10px 5px 0 0;
	padding:1px;
/* Diese beiden Angaben bitte nicht verändern: */
	display:block;
	float:left;
}

form#Kontaktformular input
{
height: 30px;
}

form#Kontaktformular input, form#Kontaktformular textarea, form#Kontaktformular select

{				/* Stile, die nur auf Formularfelder angewandt werden sollen */
	border:1px solid #9c9c9c;
}

form#Kontaktformular textarea
{						/* Seperate Angaben für die Textarea, falls benötigt */
	height:143px;
}

form#Kontaktformular textarea, form#Kontaktformular input
{
width: 275px;
}

form#Kontaktformular input:focus, form#Kontaktformular textarea:focus

{		/* Stile für aktivierte Formularfelder */
	border:1px solid #487c22;	
}

form#Kontaktformular label 

{							/* Feldbeschriftungen */									
	padding-left: 8px;
	width: 100px;
}

.kontakt form#Kontaktformular legend

 {							/* Stile für die Überschriften der Formularabschnitte ("fieldset") */
	/* Hiermit werden die Überschriften nicht angezeigt.
	Falls gewünscht entfernen, um die Anzeige zu ermöglichen */
	/*display:none;*/
}

form#Kontaktformular legend

 {		

 font-weight: bold;
 padding-top: 20px;

 }

div.submit_container
{
padding-top: 5px;
padding-left: 69%;
margin-bottom: 60px;
clear: both;
}

form#Kontaktformular input.submit

 {				/* Gestaltung des Submit-Buttons */
	width:120px;
	padding:5px;
	background:#FF0000;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	font-variant:small-caps !important;
	cursor:pointer;
	border:none;
}

form#Kontaktformular input.submit:hover
 {				/* Gestaltung des Submit-Buttons */
	background:#000;
}

form#Kontaktformular label.radio
{					/* Beschriftungen für Radio-Buttons */
	width:auto;
}

form#pflegestufe label.radio
{					/* Beschriftungen für Radio-Buttons */
vertical-align:top;
line-height: 14px;
}

form#Kontaktformular input.checkbox

{					/* Anpassungen für Checkboxen - diese müssen die Angabe class="radio" erhalten! */
	width:20px;
	border:none;
	background:transparent;
	margin-top: 5px;
}

* html form#Kontaktformular input.checkbox
{					/* Anpassungen für Checkboxen - diese müssen die Angabe class="radio" erhalten! */
	margin-top: 12px;
}

form#Kontaktformular label.checkbox
 {						/* Beschriftungen für Checkboxen */
	width:90px;
}
form#Kontaktformular label.required
 {				/* Klasse zur Kennzeichnung von Pflichtfeldern */
	background:url("../../files/images/required.png") top right no-repeat;	
}

.error {								/* Stil für die Gestaltung der als fehlerhaft markierten Felder */
	color:#f00 !important;
	font-weight:bold !important;
}

p#fehlermeldung {			/* Die Fehlermeldung */
	display:none;
	background:#eaf7d7;
	border:1px solid #ccc;
	padding:20px;
	margin:0 0 15px 0;
	color: #FF0000;
}

/* Die folgenden Angaben bitte nicht verändern! */
form#Kontaktformular br
 {
	clear:left;
}

form#Kontaktformular input[type=hidden]
 {
	display:none;
	border:0;
	padding:0;
}

span.mandatory
{color: #243979;
font-weight: bold;
font-size: 14px;
  }

  form#Kontaktformular fieldset
{					/* Beschriftungen für Radio-Buttons */
border-top: 3px solid #fff;
border: none;
padding: 0;
margin:0;
height: 70px;
margin-right: 100px;
}

#lbl_83_0, #lbl_84_0
{					/* Beschriftungen für Radio-Buttons */
line-height: 35px;
}

.widget.widget-checkbox.mandatory {
    float: none;
    clear: both;
}

.checkbox_container label
{
	width: auto !important;
	display: inline !important;
}

}


@media screen{

div#naviMain ul 
	{
	list-style: none; 
	padding-left: 20px;
	}

div#naviMain ul   li 
{
	float: left;
	position:relative;
  	}
div#naviMain ul   li  li
{
	float: none;
  	}	
div#naviMain ul   li a:after, div#naviMain ul   li span:after
{
	display: block;
	float: right;
	content: " ";
	background-color: #000;
	width: 3px;
	height: 3px;
	margin: 10px 15px;
  	}
div#naviMain ul   li.last a:after, div#naviMain ul   li.last span:after
{
	display: none;
}
		
div#naviMain ul   li.last a:after,div#naviMain ul   li  li a:after,
div#naviMain ul   li li  a:after, div#naviMain ul   li  li  span:after
{
display: none;
  	}	
	
div#naviMain ul   li   a, div#naviMain ul   li   span
{
	font-size:19px; 
	 color: #626060;
	 display: block;
	 font-weight: normal;
	 line-height: 25px;
	 overflow:visible;
	 text-transform: uppercase;
	 font-weight: bold;
  	}

	div#naviMain ul  li  a:hover,  div#naviMain ul li.trail a, div#naviMain ul li.active span
{
color: #FF0000;
  	}

	div#naviMain li:hover  ul {
    display:block;
}
div#naviMain li  ul {
    left:0px;
    top:25px;
    position:absolute;
    float:none;
    z-index: 500;
	 border: 1px solid #B4B6B7;
	 background: #fff;
	padding-left:0;
}
	
div#naviMain li  li  a,
div#naviMain  li  li  span {
    text-indent:4px;
	color: #001A5D;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px solid #B4B6B7;
	display: block;
	padding:0;
	margin:0;
	padding-right: 20px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-transform: none;
	white-space: nowrap;
	line-height: 28px;
}

div#naviMain li  li  a:hover,
div#naviMain  li  li  span {
	background: #B4B6B7;
	color: #fff !important;
}
	
div#naviMain li ul {
    display:none;
    list-style-type:none;
}

a.menue_open, a.menue_close{
	background-color: #ff0000 !important;
}

	
/*   ////////////ende mediaquery//////////////  */


}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background: rgba(255,255,255, 0.8);}
/* #cboxOverlay{
    background: repeating-linear-gradient(
      -45deg,
      #FF0000,
      #FF0000 120px,
      #FFFFFF 120px,
      #FFFFFF 240px
    )
} */
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url("../../files/images/loading.gif") no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url("../../assets/jquery/colorbox/1.5.8/images/controls.png") no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url("../../assets/jquery/colorbox/1.5.8/images/controls.png") no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url("../../assets/jquery/colorbox/1.5.8/images/controls.png") no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}

/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/


.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { 
width: 278px; 
padding: 30px 20px 10px 20px; 

color: #FFFFFF; 
right:0;
left: auto !important;
}

.cs-prev, 
.cs-next { 
background-image: url("../../files/images/sliderpfeile.png");
background-repeat: no-repeat;
display: block;
height: 98px;
width: 23px;
text-indent: -5000px;
top: 50% !important;
margin-top:-48px;
}
.cs-prev{
background-position: 0 0;
left: 20px !important;
}
.cs-next{
background-position: -23px 0;
right: 20px !important;
}
.cs-prev:hover{
background-position: -47px 0;
}
.cs-next:hover{
background-position: -70px 0;
}
@media screen and (max-width: 979px)
{

h1 {
  font-size: 42px;
  margin-bottom: 20px;
}
div#content  h2:after, #footermenue
{
display: none !important;
}

div.content .dlh_googlemap {
  width: auto !important;
}
body.kontakt div.content div.articleAll1 {
  float: none;
}
body.kontakt div#contentMain div#content div.articleAll1 div.ce_text {
  float: none;
  padding-right: 0px;
}

form#Kontaktformular label {
  font-size: 13px;
  display: block;
  float: none;
  width: auto;
}

form#Kontaktformular {
  padding-left: 0 !important;
}

form#Kontaktformular input.text, form#Kontaktformular textarea, form#Kontaktformular select {
  width: 100%;
}
form#Kontaktformular .submit_container {
  position: relative;
  width: 100%;
  height: 30px;
  padding-left: 0;
}
form#Kontaktformular input.submit, form.mandantenbefragung input.submit {
  width: 100%;
  cursor: pointer;
  border: none;
  background: #3366BE;
  text-align: left;
  height: 30px;
  display: block;
  color: #fff;
  text-transform: capitalize;
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
  position: static;
  right: 0;
  bottom: 0;
}


	form#Kontaktformular div.element1, form#Kontaktformular div.element2
	{
	float:none !important;
	}
	form#Kontaktformular label, form#Kontaktformular input, form#Kontaktformular textarea, form#Kontaktformular select
	{
	float:none !important;
	font-size: 20px;
	}

body.impressum div#contentMain div#content div.articleAll2 p {
  column-count: 1;
  column-gap: 50px;
  -moz-column-count: 1;
  -moz-column-gap: 50px;
  -webkit-column-count: 1;
  -webkit-column-gap: 50px;
}

h1{
	  font-size: 34px;
	  }
div#contentMain div.ce_gallery li{
  margin-right: 7px;
}

.bildboxen .ce_hyperlink .image_container .caption {
    font-size: 118%;
  }

  .bildboxen .flexelement {
    margin-bottom: 0!important;
  }

  .spaltentext
{

  padding: 0;
}

}
@media screen and (max-width: 979px){

div#header #naviMain 
	{ 
	box-sizing: border-box;
	top:0!important;
	left:0!important;
	right:0!important;
	  position: absolute;
  z-index: 11;
  margin: 0 0 0 0 !important;
  padding:0 !important;
	}
div#naviMain ul {
  padding-left: 0px;
     padding-top: 54px;
    background-color: #fff;
}
	#naviMain ul li a, #naviMain ul li span,  #naviMain ul li span, div#naviMain ul li.trail a, div#naviMain ul li a:hover, div#naviMain ul li.trail a, div#naviMain ul li.active a, div#naviMain ul li span{
	color: #111;
	background: #FFF; /* Old browsers */
	text-align: center;

	color: #111!important;
	width: 100%!important;
	border-bottom: 1px solid #3367C0;
	padding:0!important;
	text-indent: 10px;
	border-top: none !important;
	font-weight: normal !important; 
	text-transform: uppercase !important;
	line-height: 43px !important;
	}
	div#naviMain ul li.trail li a, div#naviMain ul li.active li a, div#naviMain ul li li span{
	text-indent: 30px;
	background: #173D7E;
	font-family: inherit;
	font-size: 17px;
	}
	#naviMain ul li a:hover, #naviMain ul li span{
	background: #FF0000 !important;
	}
	#naviMain ul li{
	float: none!important;
	padding:0!important;
	margin:0!important;
	width: 100% !important;
	}

	div#naviMain ul li a:after, div#naviMain ul li span:after {
  display: none;
}

div#naviMain li ul {
  display: block;
  position: initial;
  width: auto;
  border: none;
}


/*   //////////////////////////  */

/*   //////////////////////////  */



div#footer ul 
	{
	list-style: none; 
	}
	
div#footer  div.footernavi ul li a,   div#footer  div.footernavi ul li span,
div#footer  div.socialnavi ul li a,   div#footer  div.socialnavi ul li span
{
color: #fff;
}	
	
	
div#footer  div.footernavi ul li a,   div#footer  div.footernavi ul li span
{
	background: url("../../files/images/naviuntenpfeil.png") 0 center no-repeat;
	padding-left: 11px;
	line-height: 26px;
  	}

	
div#footer  div.footernavi ul li a:hover,   div#footer  div.footernavi ul li span.active,
div#footer  div.socialnavi ul li a:hover,   div#footer  div.socialnavi ul li span.active
{
	color: #f07700;
  	}
	
}
@media screen{
/*-------------------------- content -----------------------------------------*/
div.content
{
-webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 0px 14px 0px rgba(0, 0, 0, 0.3);
box-shadow:         0px 0px 14px 0px rgba(0, 0, 0, 0.3);
}

/*-------------------------- main -----------------------------------------*/
#push {
		height: 423px;
		
	}

#header div.inner div.slogan{
    width: 319px;
	height: 241px;
	background: url("../../files/images/slogan.png") 0 0 no-repeat;
	text-indent: -5000px;
    position: absolute;
	  top: 193px;
  right: -358px;
	}
/*-------------------------- footermenue -----------------------------------------*/

div#footer ul 

	{
	list-style: none; 
	}
	
div#footer ul li a,   div#footer ul li span

{
	 color: #686767;
	 display: block;
	 font-weight: normal;
	 padding-top: 2px;
  	}	

div#footer ul li.last a,   div#footer ul li.last span
{
	 border: none;
  	}
	
div#footer ul li a:hover,   div#footer ul li span
{
	color: #000;
  	}

	
	
/*-------------------------- footer -----------------------------------------*/
div#footer {
	font-size: 15px;
	margin: 0;
	/* height: 423px; */
	color: #fff;
	background: #515151;
	font-weight: normal;
	position: relative;
	z-index: 10;
}

div#footer div#footerInner{
	width: 979px;
	/* height: 145px; */
	margin: 0px auto;
	position: relative;
}
div#footer div#footerInner a{
color: #a3a3a3;
text-shadow: none;
}
div#footer div#footerInner a:hover, div#footer div#footerInner  span{
color: #fff;
}
div#footer div#footerInner p.head{
	display: block;
	padding-bottom: 10px; 
	color: #b4b6b7;
	text-transform: uppercase;
	padding-top: 40px;
}	
div#footer div#footerInner div.ce_text{
	float: left;
	width: 25%;
}	
div#footer .tronFooter{
	position: absolute;
    right: 1%;
    bottom: 2rem;
}
div#footer .tronFooter a.tronmedia{

	width: 22px;
	height: 90px;
	background: url("../../files/images/internetagentur-tronmedia.png") 0 0 no-repeat;
	text-indent: -5000px;
	display: block;
	margin-top: 40px;
	background-size: 100%;
}

}
@media screen and (max-width: 1544px)
{
	#header .ttLogo {
    position: initial;
    float: left;
	}
}
@media screen and (max-width: 1418px)
{
	#header .ttLogo img {
    width: 200px;
	}
}

@media screen and (max-width: 979px)
{
  nav.kontaktnavi ul li#phonerespFixed2
  {
    display: block;
  }
  nav.kontaktnavi ul li#phonerespFixed
  {
    display: none;
  }
	.float_right,.float_left
	{
	float: none;
	padding-right: 0 !important;
	padding-left: 0 !important;
	}
	.screen {
	display: none ;
	}
	.screenmax {
	display: block;
	}
	body {
	background: #fff;
	  }	
	 div#containerMain {
  margin: 0px auto 0 auto;
	}
#header {
  /* height: 140px	 !important; */
  
  /* background: url("../../files/images/header-mobile.jpg")  !important; */
/* border-bottom: none;
background-size: cover !important; */
}

#header div.naviOuter {
  height:auto;
}

nav.kontaktnavi ul li a:after {
    width: 20px;
    height: 21px;
    background-position: -156px -18px;
}

nav.kontaktnavi ul li#phonerespFixed a:after, nav.kontaktnavi ul li#phonerespFixed2 a:after {
    background-position: -188px -16px;
}

nav.kontaktnavi ul li#facebook a:after {
    background-position: -218px -16px;
    height: 22px;
}

nav.kontaktnavi ul li a {
    padding: 9px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

nav.kontaktnavi ul li {
    margin-bottom: 2px;
    float: left;
    margin-right: 4px;
}

nav.kontaktnavi {
    top: 135px;
}

	
	   #header div.slogan3,  #header div.slogan2, #header div.sloganouter, #header div.sloganR {
  display: none !important;
}
#header .ttLogo{
  left: initial;
    margin-left: 0;
    position: initial;
    margin: 0 auto;
    float: none;
    display: block;
}
.headerResponsive
{
  background-color: #001a5d;
  background-color: rgba(0,26,93,0.54);
  display: block;
  line-height: 50px;
  text-shadow: 0px 0px 3px rgba(0,0,0,0.5);	
  color: #fff;
  font-size: 22px;
  text-align: center;
  }
  
  div#header div#headerInner
  {
  /* padding-top: 70px; */
  }

  div.content {
  margin-top: 0 !important;
}

div.contentinner {
  padding: 26px 13px 76px 13px;
  position: relative;
  text-align: center
}


	div.content div#content_inner li{

  padding-left:0;
  background: none;
}
		div.content img{
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  /* max-width: 130px; */
}
    div#contentMain div.ce_gallery li a img{
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  max-width: 130px;
}
	
	div#footer div#footerInner,div.content {
  width: auto !important; 
}
div#footer div#footerInner
{
padding-bottom: 30px;
}
.mod_article , .ce_text, .mod_newsarchive
{
width: auto !important;
float: none;
column-count: 1 !important;
  column-gap: 0px;
  -moz-column-count: 1 !important;
  -moz-column-gap: 0px;
  -webkit-column-count: 1 !important;
  -webkit-column-gap: 0px;
}

div#contentMain div.float_left, div#contentMain div.float_right {
  float: none !important;
   margin:0 !important;
}

div.content table td {
  padding: 0;
  padding-bottom: 0;
  display: block !important;
  width: auto !important; 
  text-align: center;
  
}
#push {
  height: auto !important; 
}

div.content {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
body.jobs div#contentMain div#content h2, body.jobs div#contentMain div#content h2{
  font-size: 34px !important;
  line-height: 36px !important;
}

div#footer div#footerInner p.head.noResp, div#footer div#footerInner p.head.spacer
{
	display: none;
}

#footer .mod_navigation.block {
    padding-top: 45px;
}

body.jobs .angebot .ce_download a, body.jobs .angebot .extro a {
    color: #fff;
    background: #ff0000;
    padding: 3px 10px;
    display: block;
    width: 135px;
    margin: 0 auto;
    text-align: center;
}

body.jobs .angebot .ce_download strong a, body.jobs .angebot .extro strong a {
    color: #fff;
    background: none;
    padding: 0;
    width: auto;
    text-align: center;
	color: #000;
}

body.jobs .angebot .extro {
    padding-top: 24px;
}

body.startseite div#contentMain div#content div.articleAll2 h2, body.startseite div#contentMain div#content div.articleAll3 h2 {
   text-align: center;
   margin: 0px 0px 18px 0px;
}
body.startseite div#contentMain div#content div.articleAll1 p, body.startseite div#contentMain div#content div.articleAll1 h2 {
    margin-left: 0px;
    margin-right: 0px;
}
body.folgeseite div#contentMain div#content h2, body.folgeseite div#contentMain div#content h2 {
    text-align: center;
    margin: 0px 0px 17px 0px;
}



}



/* pt-sans-narrow-regular - latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url("../../files/fonts/pt-sans-narrow-v8-latin-regular.eot"); /* IE9 Compat Modes */
  src: local('PT Sans Narrow'), local('PTSans-Narrow'),
       url("../../files/fonts/pt-sans-narrow-v8-latin-regular.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("../../files/fonts/pt-sans-narrow-v8-latin-regular.woff2") format('woff2'), /* Super Modern Browsers */
       url("../../files/fonts/pt-sans-narrow-v8-latin-regular.woff") format('woff'), /* Modern Browsers */
       url("../../files/fonts/pt-sans-narrow-v8-latin-regular.ttf") format('truetype'), /* Safari, Android, iOS */
       url("../../files/fonts/pt-sans-narrow-v8-latin-regular.svg#PTSansNarrow") format('svg'); /* Legacy iOS */
}
/* pt-sans-narrow-700 - latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: url("../../files/fonts/pt-sans-narrow-v8-latin-700.eot"); /* IE9 Compat Modes */
  src: local('PT Sans Narrow Bold'), local('PTSans-NarrowBold'),
       url("../../files/fonts/pt-sans-narrow-v8-latin-700.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("../../files/fonts/pt-sans-narrow-v8-latin-700.woff2") format('woff2'), /* Super Modern Browsers */
       url("../../files/fonts/pt-sans-narrow-v8-latin-700.woff") format('woff'), /* Modern Browsers */
       url("../../files/fonts/pt-sans-narrow-v8-latin-700.ttf") format('truetype'), /* Safari, Android, iOS */
       url("../../files/fonts/pt-sans-narrow-v8-latin-700.svg#PTSansNarrow") format('svg'); /* Legacy iOS */
}
/* datenschutz.css */
body.datenschutz li{list-style-type:none}body.datenschutz li:before{display: none !important}