@charset "UTF-8";
/* CSS Document */

/* Layout 1 | Startseite mit Symbol & Box [1]*/

@media screen and (min-width:1024px){
.layout-1 .ce-media img {
	position:relative;
	margin-top:-80px;
	margin-bottom:25px;
	overflow:visible;
	z-index: 900;
	width:100%;
	height:auto;
}

}

.flexBox .grid_element {
	padding:25px;
	box-shadow:rgba(0,0,0,0.44) 2px 2px 6px;
	margin:15px 10px;
	border:solid 1px #fff;
	border-radius: 3px;
	background-color:rgba(255,255,255,0.70);
	}

.layout-1 .ce-textpic, .layout-1  .ce-nowrap .ce-bodytext, .layout-1  .ce-gallery, .layout-1 .ce-row, .layout-1 .ce-uploads li, .layout-1 .ce-uploads div { overflow:visible;}


.layout-1 a.linkbutton {
	background-color:#e0001a;
	padding: 7px 20px;
	margin:15px;
	border-radius:4px;
	color:#fff;
	text-decoration:none;
	font-weight:700;
	display: inline-block;
}
.layout-1 .linkbutton:hover {
	-webkit-transition: background-color 0.7s ease;
    -moz-transition: background-color 0.7s ease;
    -o-transition: background-color 0.7s ease;
    -ms-transition: background-color 0.7s ease;
    transition: background-color 0.7s ease;
	background-color:#474747;
}


.layout-1 p.align-center, .layout-1 .text-center {text-align:center; margin:0 auto; }

/* Layout 2 | 100% Breite, grau im Raster-Layout [2] */

.col3_slider_footer .column_4 .layout-2 {
	background-color: rgba(242,244,246,.70);
	padding:25px;
	margin-top:50px;
	border-bottom:solid 1px #a0a5aa;
	border-top:solid 1px #a0a5aa;
}
.col3_slider_footer .column_4 .layout-2 h1,
.col3_slider_footer .column_4 .layout-2 h2,
.col3_slider_footer .column_4 .layout-2 > div {
	margin:0 auto;
	max-width: 1200px;
	padding:0 25px;
}

/* Layout 3 | Bildergalerie mit YAG [3] */

.column_4 .yag-isotope-filter-container,
.column_4 .isotope {
	margin:0 auto;
	max-width: 1200px;
}
.layout-3 h2 { text-align: center;}
.layout-3 div {
	margin-bottom:50px;
}


.yag-isotope-filter li {
	background-color:#e0001a;
	padding:15px;
	margin:15px;
	border-radius:4px;
	color:#fff;
	text-decoration:none;
	font-weight:700;
	display: inline-block;
}

.yag-isotope-filter li:hover {
	-webkit-transition: background-color 0.7s ease;
    -moz-transition: background-color 0.7s ease;
    -o-transition: background-color 0.7s ease;
    -ms-transition: background-color 0.7s ease;
    transition: background-color 0.7s ease;
	background-color:#474747;
}


.yag-isotope-filter-label { display:none;}
.yag-isotope-filter li a {
	background: none;
	color:#fff;
	border:none;
	text-decoration:none;
}

.yag-isotope-filter li a:hover { color:#fff;}

/* magnifigpopup */

.white-popup-block {
    background:#f2f4f6 none repeat scroll 0 0;
    margin: 40px auto;
    width: auto;
    padding: 20px 30px;
    position: relative;
    text-align: left;
	border-radius:4px;
	box-shadow:#000 3px 3px 6px;
}


/* Layout 4 | STANDARD maximal 1200px Breite, Bilder mit Rahmen und Schatten [4]*/

.layout-4, .tx-jhmagnificpopup-pi1 {
	width:100%;
	max-width:1200px;
	padding:15px;
	margin:0 auto;
}

.layout-4 .ce-media {padding:0 10px 0 0;}
.layout-4 .flexBox .grid_element img {margin-top:80px;} 

@media screen and (min-width:1024px){
	.layout-4 .ce-right .ce-gallery, .layout-4 .ce-left .ce-gallery {width:50%; }
	.layout-4 .ce-intext .ce-gallery {padding-top:14px;}
}
@media screen and (max-width:1024px){.layout-4 .ce-right .ce-gallery, .layout-4 .ce-left .ce-gallery {width:100%;}}

/* Raster Layout max 1200 Pixel */
.grid_center {margin:0 auto;}


/* Layout 5 | graue Box mit runden Ecken und Kontur [5]*/
.layout-5 {
	padding:25px;
	box-shadow:rgba(0,0,0,0.44) 2px 2px 6px;
	
	border:solid 1px #fff;
	border-radius: 3px;
	background-color:rgba(255,255,255,0.70);
	height:100%;
	margin:15px 10px;
	
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
	}

.layout-5-wrap {
	max-width: 1200px;	
	margin: 0 auto;
}
.layout-5:hover {
	-webkit-transition: background-color 0.7s ease;
    -moz-transition: background-color 0.7s ease;
    -o-transition: background-color 0.7s ease;
    -ms-transition: background-color 0.7s ease;
    transition: background-color 0.7s ease;
	background-color:#f6f8fa;
}
	
	
.layout-5 a.linkbutton {
	background-color:#e0001a;
	padding:15px;
	margin:15px;
	border-radius:4px;
	color:#fff;
	text-decoration:none;
	font-weight:700;
	display: inline-block;
}
.layout-5 a:hover {
	-webkit-transition: background-color 0.7s ease;
    -moz-transition: background-color 0.7s ease;
    -o-transition: background-color 0.7s ease;
    -ms-transition: background-color 0.7s ease;
    transition: background-color 0.7s ease;
}
.layout-5 p.align-center, .layout-5 .text-center {text-align:center; margin:0 auto; }

/* Layout 6 | graue Hintergrund max. 1400px [6] */

.layout-6 {
	background-color:rgba(242,244,246,.70);
	padding:15px;
	max-width:1200px;
	margin:0 auto;
	border-radius:4px;
}

/* Layout 7 | owlSlider 100% [7] */
.layout-7 {
	position:relative;
	width:100%;
	background-color: rgba(255,255,255,0.15);
	margin:50px 0 50px 0;
}

.layout-7 .owl-item {
	border-radius:3px;
}
/*.layout-7 .owl-item .item { padding-bottom:25px;}*/
.layout-7 h2 {
	max-width:1200px;
	margin:0 auto;
	padding:25px 15px;
}

.layout-7 .owl-item div {
	text-align:center;
	font-size:0.9em;
	}
.layout-7 h1, .layout-7 h2 {text-align:center;}


	
/* Layout 8 | Einzelbild im Slider 100% 2560px [8] */
.layout-8 .ce-textpic { margin-top:-23px;}

/* Layout 9 | Box in grau 100% Breit, Inhalt 1200px [9] */
.layout-9 {
	background-color:rgba(242,244,246,.70);
	width:100%;
	margin:25px 0 25px 0;
	border-top:1px solid #f6f8fa;
	border-bottom:1px solid #f6f8fa;
}

.layout-9 h2, .layout-9 h1, .layout-9 div {
	max-width:1200px;
	margin:0 auto;
	padding:0 15px 0 15px;
}

.layout-9 h2, .layout-9 h1 {
	padding-top:15px;
}


/* Layout 10 | max. 1200px Breite Bilder ohne Rahmen [10]*/

.layout-10, .tx-jhmagnificpopup-pi1 {
	width:100%;
	max-width:1200px;
	padding:15px;
	margin:0 auto;
}

/* Layout 11 | max. 1200px Breite + Schrift zentriert [11]*/
.layout-11 {
	width:100%;
	max-width:1200px;
	padding:50px 0 0 0;
	margin:0 auto;
	text-align:center;
}
	
/* Layout 12 | max. 1200px Breite + Schrift zentriert + grauer Hintergrund [12] */
.layout-12 {
	background-color:rgba(242,244,246,.70);
	width:100%;
	margin:50px 0 25px 0;
	padding:25px 25px 0 0;
	border-bottom:1px solid #bbb;
	border-top:1px solid #bbb;
	text-align:center;
	 padding-bottom:50px;
}

.layout-12 .ce-row .ce-column {
	background-color:#fff;
	padding:10px;
}
.layout-12 .ce-row .ce-column figure { margin:0 auto;}


/* Layout 13 | Bild mit Rahmen, 100% breite, oben [13] */
.layout-13 {
	box-shadow:rgba(0,0,0,0.44) 2px 2px 6px;
	margin:15px 10px;
	border-radius: 3px;
	background-color:rgba(255,255,255,0.70);
	height:100%;
	overflow:hidden;
	
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
	}
.layout-13:hover {
	-webkit-transition: background-color 0.7s ease;
    -moz-transition: background-color 0.7s ease;
    -o-transition: background-color 0.7s ease;
    -ms-transition: background-color 0.7s ease;
    transition: background-color 0.7s ease;
	background-color:#f6f8fa;
}
	
.layout-13 a.linkbutton {
	background-color:#e0001a;
	padding: 7px 20px;
	margin:15px;
	border-radius:4px;
	color:#fff;
	text-decoration:none;
	font-weight:700;
	display: inline-block;
}
.layout-13 .linkbutton:hover {
	-webkit-transition: background-color 0.7s ease;
    -moz-transition: background-color 0.7s ease;
    -o-transition: background-color 0.7s ease;
    -ms-transition: background-color 0.7s ease;
    transition: background-color 0.7s ease;
	background-color:#474747;
	color:#fff;
}
.layout-13 p.align-center, .layout-13 .text-center {text-align:center; margin:0 auto; }
.layout-13 .item img {  max-width:100%; height:auto;}
.layout-13 .ce-below .ce-gallery {margin-top:0;}
.layout-13 .ce-bodytext {padding:0 15px; text-align:center;}

/* layout-14 | kleine Box [14] */

.layout-14 {
	box-shadow:rgba(0,0,0,0.44) 2px 2px 6px;
	margin:0 10px;
	border-radius: 3px;
	background-color:rgba(255,255,255,0.70);
	height:100%;
	overflow:hidden;
	padding:6px 0 0 0;
	
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
	}

.layout-14:hover {
	-webkit-transition: background-color 0.7s ease;
    -moz-transition: background-color 0.7s ease;
    -o-transition: background-color 0.7s ease;
    -ms-transition: background-color 0.7s ease;
    transition: background-color 0.7s ease;
	background-color:#f6f8fa;
}

/* layout-15 | grauer Hintergund 100%; Inhalt 1200px [15] */

.layout-15 {
	background-color:rgba(242,244,246,.70);
	padding:15px 0;
	margin:45px 0;
	border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb;
}

/* layout-16 | Bildergalerie, Inhalt 1200px [16] */

.layout-16 {
	width:100%;
	max-width:1200px;
	padding:15px;
	margin:0 auto;
}

/* ########################################### */

/* owlSlider Sicherheitskonzept*/

#owlslider_instandsetzung{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}


#owlslider_instandsetzung .item {
	position:relative;
	padding:0;
	overflow:hidden;
	border:solid 1px #ccc;
	border-radius: 3px;
	background-color:rgba(255,255,255,0.70);
	text-align:center;
	margin:10px;
	box-shadow:rgba(0,0,0,0.22) 2px 2px 6px;
	height:100%;
	
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

#owlslider_instandsetzung .item:hover {
	-webkit-transition: background-color 0.7s ease;
    -moz-transition: background-color 0.7s ease;
    -o-transition: background-color 0.7s ease;
    -ms-transition: background-color 0.7s ease;
    transition: background-color 0.7s ease;
	background-color:#f6f8fa;
	}

#owlslider_instandsetzung .item img { position: relative; max-width:100%; height:auto; top:35px;}
#owlslider_instandsetzung .item div h4{position:absolute; top:3px; margin:0; width:100%; text-align:center; font-size:1.1rem;}
#owlslider_instandsetzung .item div p { padding:35px 5px 5px 5px;}


/* #owlslider_referenzen */

#owlslider_referenzen {
	width:100%;
	max-width:1200px;
	margin:0 auto;
}


#owlslider_referenzen .item {
	position:relative;
	padding:0;
	overflow:hidden;
	/*border:solid 1px #ccc;
	border-radius: 3px;
	background-color:rgba(255,255,255,0.70);
	box-shadow:rgba(0,0,0,0.22) 2px 2px 6px;
	height:100%;*/
	text-align:center;
	margin:10px;
	
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

/*#owlslider_referenzen .item:hover {
	-webkit-transition: background-color 0.7s ease;
    -moz-transition: background-color 0.7s ease;
    -o-transition: background-color 0.7s ease;
    -ms-transition: background-color 0.7s ease;
    transition: background-color 0.7s ease;
	background-color:#f6f8fa;
	}
*/
#owlslider_referenzen .item img { position: relative; max-width:100%; height:auto; top:35px; border-radius:3px; overflow:hidden;}
#owlslider_referenzen .item div h4 {position:absolute; top:3px; margin:0; width:100%; text-align:center; font-size:1.1rem;}
#owlslider_referenzen .item div p { padding:35px 5px 5px 5px;}



/* #owlslider_hsrr-banner */

#owlslider_hsrr-banner .owl-item {
	width:100%;
	border-radius: 4px;
	margin:0 5px 5px 5px;
	overflow:hidden;
}
#owlslider_hsrr-banner .owl-item img {max-width:100%; height:auto;}