.pagewidth {
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

html,body {
	padding:0px;
	margin:0px;
	color:rgba(0,0,0,0.7);
	height:100%;
}

body {
	font-family: sans-serif;
    font-weight:400;
	font-size:13pt;
    background-color:rgb(247,247,247);
}

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

h1,h2,h3,h4,h5 {
	margin:0px;
	padding:0px;
	margin-bottom:0.5em;
}


b, strong {
	font-weight: bold;
}

h1, h2, h3 {
	
}


a {
	color:inherit;
	text-decoration:inherit;
	text-shadow: none;
}

a:link, a:visited, a:hover, a:active {
	color:inherit;
	text-decoration:inherit;
}

a:hover {
	color:inherit;
}

.frame a {
    text-decoration:underline;
}


/*common*/

fieldset {
	margin:0px;
	padding:0px;
}


.hideme{
     opacity:0;
}
.showme{
     opacity:1;
}
.nopadding {
	padding:0px;
	margin:0px;
}


.smalfont {
	font-size:0.8em;
}

.left {
    text-align:left;
}

.center {
    text-align:center;
}

.right {
    text-align:right;
}



.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	min-height:0px;
}

.clear {
	clear:both;
}

.shadowdiv {
    margin-top: 32px;
    height: 50px;
    -webkit-box-shadow: inset 0px 38px 33px -34px rgba(0,0,0,0.36);
    -moz-box-shadow: inset 0px 38px 33px -34px rgba(0,0,0,0.36);
    box-shadow: inset 0px 38px 33px -34px rgba(0,0,0,0.36);
}

.shadowmask {
    height: 50px;
    background: -moz-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(247,247,247,0) 20%, rgba(247,247,247,0) 80%, rgba(247,247,247,1) 100%);
    background: -webkit-linear-gradient(left, rgba(247,247,247,1) 0%,rgba(247,247,247,0) 20%,rgba(247,247,247,0) 80%,rgba(247,247,247,1) 100%);
    background: linear-gradient(to right, rgba(247,247,247,1) 0%,rgba(247,247,247,0) 20%,rgba(247,247,247,0) 80%,rgba(247,247,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}

.spacer30 {
	height:30px;
}

.ce-gallery {
	margin:0px !important;
}

/*
.frame ul {
	list-style:none;
	padding:0px;
	margin:0px;
	font-weight:300;
	margin-bottom:30px;
}


.frame ul li {
	padding-left:30px;
	position:relative;
	margin-bottom:10px;
}

.frame ul li:before {
	position: absolute;
	left:0px;
	top: 3px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 0px;
	content: "\e074";
}
*/


/*Header*/
#gerstenberg .header {
    background-color:white;
    border-bottom:2px solid #ccc;
}

.header .wrapper {
    position:relative;
}
/*/Header*/


/*Logo*/

#gerstenberg .logo  {
    padding:30px;
}


#gerstenberg .logo img {
    width:40%;
    max-width:70%;
    display:block;
    margin-left:auto;
    margin-right:auto;
}
/*/Logo*/



/*schnellkontakt*/
#gerstenberg .schnellkontakt  {
    font-size:15pt;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.05) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.05) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.05) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#0d000000',GradientType=0 );
    color:rgb(100,100,100);
    text-shadow: 2px 2px 4px rgba(255,255,255,0.5);
    padding:10px 20px;
    position:absolute;
    top:0px;
    right:0px;
}
/*/schnellkontakt*/

/*meisterbetrieb*/
#gerstenberg .meisterbetrieb  {
    position:absolute;
    left:0px;
    top:0%;
    width:25%;
}

#gerstenberg .meisterbetrieb  img {
    width:100%;
   
}
/*/meisterbetrieb*/


/*telefon*/
#gerstenberg .telefon  {
    position:absolute;
    right:0px;
    top:0%;
    width:25%;
}

#gerstenberg .telefon  img {
    width:100%;
   
}
/*/meisterbetrieb*/



/*Hauptmenü*/


.hauptnavigation {
   
    margin-bottom:00px;
}

.stellarnav ul {
    text-align: center;
}

.hauptnavigation .desktop>ul>li {
    border-right:1px solid rgb(200,200,200);
}

.hauptnavigation .desktop>ul>li:last-child {
    border-right:none;
}

.hauptnavigation .desktop>ul>li:hover, .hauptnavigation .desktop>ul>li.active {
    /*background-color:#00963e;*/
}

.hauptnavigation .desktop>ul>li>a {
    transition-duration:0s;
    font-size: 13pt;
    padding: 18px 24px;
    margin: 0px;
   
    text-decoration: none;
    color: rgb(100,100,100);
    
}

.hauptnavigation .desktop>ul>li>a:hover, .hauptnavigation .desktop>ul>li.active>a {
    color:#d10c31;
} 

.desktop ul ul {
	border-bottom:2px solid #ccc;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
	margin-left:-2px;
}

.desktop ul ul>li>a {
	background-color:white;
	padding-top:10px;
	padding-bottom:10px;
}

.desktop ul ul>li>a:hover {
	background-color:black;
	color:white;
}

.stellarnav li.has-sub>a:after {
    content: '';
    margin-left: 5px;
    margin-right: 10px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgb(100,100,100);
    display: inline-block;
}
/*Hauptmenü*/


/*startseite slider */
.startseite_slider {
	background-color:rgb(247,247,247);
}

.startseite_slider .pos {
	position: relative;
}

.startseite_slider .pos .extension {
	z-index: 1;
}

.startseite_slider .pos .left_overlay {
	position: absolute;
	left:0px;
	top:0px;
	width:100px;
	height:100%;
	background-image: url(/templates_and_config/gerstenberg/images/slider_overlay_left.png);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 5;
}

.startseite_slider .pos .right_overlay {
	position: absolute;
	right:0px;
	top:0px;
	width:100px;
	height:100%;
	background-image: url(/templates_and_config/gerstenberg/images/slider_overlay_right.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 5;
}


/*/startseite slider */

/*Slideshow*/
.slideshow .bilder {
	height:450px !important;
	margin-bottom: 0px;
}
/*/Slideshow*/


/*welcometext*/
.welcometext {
	
	background-size: cover;
    padding-top:0px;
   
}
.welcometext .text-center {
	padding-left:120px;
	padding-right:120px;
}

/*/welcometext*/


/*leistungendetail*/
.leistungsdetail .element {
	display:table;
	width: 100%;
}

.leistungsdetail .element .text {
	display:table-cell;
	width:50%;
	padding:30px 15px 0px 0px;
}
.leistungsdetail .element .bild {
	display:table-cell;
	width:50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.leistungsdetail .text ul {
	list-style:none;
	padding:0px;
	margin:0px;
	font-weight:300;
	margin-bottom:30px;
}


.leistungsdetail .text ul li {
	font-size:11pt;
	padding-left:30px;
	position:relative;
	margin-bottom:10px;
}

.leistungsdetail .text ul li:before {
	position: absolute;
	left:0px;
	top: 3px;
	display: inline-block;
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 0px;
	content: "\f00c";
}


/*leistungendetail*/


/*.Powermail*/

.tx-powermail {
    font-size:0.8em;
}

.tx-powermail .container-fluid {
	margin:0px;
	padding:0px;
}


.powermail_input, .powermail_textarea {
	padding:6px;
	width:100%;
	margin-bottom:20px;
	border:1px solid rgba(0,0,0,0.5);
}

.powermail_submit {
	background-color:#42a238;
	margin:0px;
	padding:12px 8px;
	color:white;
	border:none;
}

/*/.Powermail*/



/*leistungen*/
.leistungen ul {
    list-style:none;
    margin:0px;
    padding:0px;
	margin-bottom:40px;
}

.leistungen ul li {
    margin:0px;
    padding:0px;
}

.leistungen ul li {
    display:inline-block;
    width:25%;
	vertical-align:top;
    
}

.leistungen ul li a {
    display:block;
    text-align:center;
    padding:15px;
    margin:15px;
    /*background-color: rgba(30,180,70,0.7);*/
	background-image: url(/templates_and_config/gerstenberg/images/paint_stroke.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
    color:white;
    text-decoration:none;
    text-shadow:2px 2px 4px rgba(0,0,0,0.5);
	-webkit-hyphens: auto;
  	-ms-hyphens: auto;
  	hyphens: auto;
    /*border-radius:6px;*/
}

.leistungen ul li a:hover {
    /*background-color: rgba(30,180,70,1);*/
	background-image: url(/templates_and_config/gerstenberg/images/paint_stroke_red.png);
}

.leistungen ul li a::after {
    content: "\f101";
    -webkit-font-smoothing: antialiased;
    margin-left:10px;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
/*/leistungen*/


/*slickslider*/
.slickslider h3 {
	text-align: center;
}

.slickslider .bilder {
	position: relative;
}

.slickslider .bild {
	position: relative;
}

.slickslider .bild img {
	width:100%;
}

.slickslider .bild .zoomme {
	position: absolute;
	bottom: 0px;
	right:0px;
	font-size:14pt;
	padding:6px 10px;
	color:#333;
	background-color: rgba(255,255,255,0.8);
	border-top-left-radius: 8px;
}


.slickslider .weiterebilder {
	margin:15px;
	text-align: center;
}

.slickslider .weiterebilder img {
	border:1px solid #aaa;
	margin-bottom: 5px;
	display:inline;
}

.slickslider .element {
	position:relative;
	display:block !important;
	background-color:white;
	box-shadow: 0 3px 3px 0 rgba(33,33,33,0.14), 0 1px 4px 0 rgba(33,33,33,0.06), 0 1px 16px 0 rgba(33,33,33,0.1);
}

.slickslider {
	padding-bottom: 30px;
	margin-bottom: 50px;
	margin-left:40px;
	margin-right:40px;
	
}

.slickslider .text {
	padding:15px;
}

.slickslider .text h4 {
	font-size:13pt;
	text-align: center;
}

.slickslider .text .beschreibung {
	font-size:10pt;
	text-align: center;
}


.slick-list {
	margin:-15px;
}

.slick-slide {
	margin:15px;
}

.slicks .element .image img {
	width:100%;
}


.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dotted.slick-slider {
    margin-bottom: 0px;
}


.slick-dots li button:before {
	font-size:15px;
}

.slick-prev:before, .slick-next:before {
	
}

.slick-next {
	right:-40px;
}

.slick-prev {
	left:-40px;
	z-index:1;
}

.slick-prev:before, .slick-next:before {
	color:black;
}

/*/slickslider/

/*call2action*/
.call2action  {
    text-align:center;
    margin-bottom:30px;
}

.call2action .c2a-button>* {
    margin:0px;
    padding:0px;
}

.call2action a   {
    display:inline-block;
    background-color:rgba(30,180,70,0.7);
    padding:10px 20px;
    border-radius:6px;
    color:white;
}

.call2action a:hover   {
    background-color:rgba(30,180,70,1);
}
/*/call2action*/


/*gallery*/
.featherlight-content .caption {
	background-color:rgba(255,255,255,0.8);
	margin-left:25px;
	margin-right:25px;
	padding:0px;
	color: black;
	position:absolute;
	bottom:0px;
	left:0px;
}

.featherlight-content .caption p {
	padding:10px;
	margin:0px;
}
/*/gallery*/


/*footer*/
.footer {
	background-color:white;
	padding-top:40px;
	padding-bottom:100px;
	border-top:2px solid #ccc;
}

.footer img {
	width:200px;
	max-width:70%;
}

.footer ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.footer ul li {
	margin: 0px;
	padding: 0px;
}

.footer ul li a {
	margin-bottom: 5px;
	color:#444;
}

.footer ul li a:hover {
	color:black;
}

/*/footer*/


@media (max-width: 1199.98px) {
	
}

@media (max-width: 991.98px) {
	.leistungen ul li {
		width:33.3333%;
	}
	
	.leistungsdetail .element .text {
		display:table-cell;
		width:60%;
		
	}
	.leistungsdetail .element .bild {
		display:table-cell;
		width:40%;
	}
}


@media (max-width: 767.98px) { 
	
	.leistungsdetail .element .text {
		display:block;
		width:100%;
		
	}
	.leistungsdetail .element .bild {
		display:block;
		width:100%;
		min-height: 300px;
	}
	
	.welcometext .text-center {
		padding-left:30px;
		padding-right:30px;
	}

	
	.leistungen ul li {
		width:50%;
	}
	
	/*meisterbetrieb*/
	#gerstenberg .meisterbetrieb {
		display:none;
	}
	/*/meisterbetrieb*/


	/*telefon*/
	#gerstenberg .telefon  {
		position:absolute;
		right:0px;
		top:0px;
		width:50%;
	}
    
    #gerstenberg .alternativ .telefon  {
		width:35%;
	}

	#gerstenberg .telefon  img {
		width:100%;
	}
	/*/meisterbetrieb*/
	
	/*Logo*/

	#gerstenberg .logo  {
		padding:30px;
		padding-left:0px;
	}


	#gerstenberg .logo img {
		width:50%;
		max-width:70%;
		display:block;
		margin-left:0px;
		margin-right:auto;
	}
    
    #gerstenberg .alternativ .logo img {
		width:65%;
	}
	/*/Logo*/
	
	/*Slideshow*/
	.slideshow .bilder {
		height:300px !important;
	}
	/*/Slideshow*/
}







@media (max-width: 575.98px) {
	/*Slideshow*/
	.slideshow .bilder {
		height:200px !important;
	}
	/*/Slideshow*/
	
	.leistungen ul li {
		width:100%;
	}
	
	.mobilecenter {
		text-align: center;
	}
}