@font-face {
    font-family: "Dejavu sans";
    src: url(dejavusans.woff);
}


/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */
 
 .ekko-lightbox-container{position:relative}.ekko-lightbox-nav-overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}.ekko-lightbox-nav-overlay a{z-index:100;display:block;width:49%;height:100%;font-size:30px;color:#fff;text-shadow:2px 2px 4px #000;opacity:0;filter:dropshadow(color=#000000,offx=2,offy=2);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.ekko-lightbox-nav-overlay a:empty{width:49%}.ekko-lightbox a:hover{text-decoration:none;opacity:1}.ekko-lightbox .glyphicon-chevron-left{left:0;float:left;padding-left:15px;text-align:left}.ekko-lightbox .glyphicon-chevron-right{right:0;float:right;padding-right:15px;text-align:right}.ekko-lightbox .modal-footer{text-align:left}
.modal::-webkit-scrollbar {
    width: 0 !important; /*removes the scrollbar but still scrollable*/
    /* reference: http://stackoverflow.com/a/26500272/2259400 */
}
/* Fade Carousel */
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {left:30px;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {right:30px;}
.carousel-fade .carousel-inner .item {-webkit-transition-property: opacity;transition-property: opacity;}.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {opacity: 0;}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {left: 0;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-control {z-index: 2;}
.carousel-indicators li {background-color:#fff;border:0;}
.carousel-indicators li.active {background-color:#cc9900;}


/* Wysihtml5 Klassen */
.wysiwyg-float-left {float:left;}
.wysiwyg-float-right {float:right;}
.wysiwyg-font-size-large {font-size:1.2em;}
.wysiwyg-font-size-medium {font-size:1em;}
.wysiwyg-font-size-small {font-size:0.8em;}
.wysiwyg-text-align-center {text-align:center;}
.wysiwyg-text-align-justify {text-align:justify;}
.wysiwyg-text-align-left {text-align:left;}
.wysiwyg-text-align-right {text-align:right;}

.fore-color [data-wysihtml5-command-value="eins"]{background:#000000;}	
.fore-color [data-wysihtml5-command-value="zwei"]{background:#cc9900;}	
.fore-color [data-wysihtml5-command-value="drei"]{background:#6d5947;}	
.wysiwyg-color-eins {color:#000000;}
.wysiwyg-color-zwei {color:#cc9900;}
.wysiwyg-color-drei {color:#6d5947;}

body {font-family:"Dejavu sans";overflow-x:hidden;}

/* navbar */
.navbar-default {
  background-color: #000000;
  border-color: #000000;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
margin-bottom:0;
position:relative;
z-index:100;
border-radius:0;
border:0;
}

.navbar-default .navbar-nav > li > a {color: #ffffff;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color: #cc9900;background-color: transparent;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {color: #cc9900; background-color: transparent;}
.navbar-default .navbar-toggle {border-color: #dddddd;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: transparent;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;;}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {border-color: #000000;}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { background-color: transparent;color: #cc9900;}






.navbar-brand {height:50px;padding:0 15px;}
.navbar-brand img {background-color:rgba(255,255,255,0.8);padding:15px 30px;max-width:300px;}
.carousel-caption {bottom:250px;text-shadow:0 2px 3px #000;}
.carousel-caption h3 {font-size:40px;}
.navigationsbild {position:relative;}
.navigationsbild .banner {position:absolute;left:0;width:100%;bottom:70px;padding:15px;background-color:rgba(255,255,255,0.8);}
.navigationsbild .banner .icon {text-decoration:none;margin:0 2px;display:inline-block;height:120px;width:112px;font-size:14px;font-weight:bold;color:#6d5947;background-position:top center;background-repeat:no-repeat;background-size:80px;padding:90px 0 0 0;}
.navigationsbild .banner .icon:hover {text-decoration:none;}
.navigationsbild .banner .icon_1 {background-image:url("images/schwer_entflammbar.png");}
.navigationsbild .banner .icon_2 {background-image:url("images/wasserabweisend.png");}
.navigationsbild .banner .icon_3 {background-image:url("images/natuerliche_optik.png");}
.navigationsbild .banner .icon_4 {background-image:url("images/spart_aufwand_und_kosten.png");}
.navigationsbild .banner .icon_5 {background-image:url("images/isolierwerte.png");}
.navigationsbild .banner .icon_6 {background-image:url("images/nicht_rottend.png");}

.carousel-caption {font-style:italic;}
@media screen and (min-width:1024px) {
	#header_carousel .item:nth-child(1) .carousel-caption {text-align:right;left:50%;right:100px;}
	#header_carousel .item:nth-child(2) .carousel-caption {text-align:left;left:100px;right:50%;}
}
.stoerer {position:absolute;top:30px;right:70px;max-width:180px;}

.aktuelles-header {position:absolute;top:140px;left:15px;max-width:300px; padding:30px;}
.aktuelles-header .article_feed {background-color:rgba(255,255,255,0.8);}
.aktuelles-header h2 {margin-top:-20px;}

.stoerer2 {position:absolute;bottom:0;right:50px;max-width:180px;transform:translate(50%, 20%);}
.stoerer3 {position:absolute;left:0;bottom:0;transform:translate(-50%, 20%);max-width:180px;}

main {padding:40px 0;line-height:1.6;}
.bg-braun1 {background-color:#cc9900;color:#fff;padding:15px 0;font-size:12px;margin-bottom:30px;}
.bg-braun1 b {font-size:16px;font-weight:normal;}



main h1 {text-align:center;color:#cc9900;font-weight:bold;font-size:20px;line-height:1.3;}
main h2 {color:#cc9900;font-weight:Bold;text-transform:uppercase;position:relative;text-align:center;font-size:20px;}
main h2:before{height:10px;margin-right:8px;content:"";display:inline-block;width:45px;background-image:url("images/Pfeillinks.png");background-repeat:no-repeat;background-size:100%;}
main h2:after {height:10px;margin-left:8px;content:"";display:inline-block;width:45px;background-image:url("images/Pfeilrechts.png");background-repeat:no-repeat;background-size:100%;}
main h3 {font-size:18px;color:#cc9900;margin-top:0;}
main h4 {color:#cc9900;font-weight:normal;font-size:1em;}

main ul {list-style:none;margin:0 0 20px 0;padding:0;}
main ul li {padding:0 0 0 55px;position:relative;}
main ul li:before {position:absolute;left:0;top:8px;height:10px;margin-right:8px;content:"";display:block;width:45px;background-image:url("images/Pfeilrechts.png");background-repeat:no-repeat;background-size:100%;}
main a {color:#cc9900;text-decoration:underline;}
a:hover {color:#cc9900;}

.einzelbild img {margin-bottom:1em;}

.embed-responsive {margin-bottom:50px;}

.icon_link {text-align:center;margin-bottom:50px;}
.icon_link a {color:#000;text-decoration:none;}
.icon_link .image {margin-bottom:10px;}
.icon_link .image img {max-width:120px;}
.icon_link .titel {color:#cc9900;}
.icon_link a:hover {text-decoration:none;}
.icon_link .caption:after {
content:"";
display:block;
height:15px;
background-position:center center;
background-image:url("images/Pfeilrechts.png");
background-repeat:no-repeat;
margin-top:10px;}


.loesungen {}
.loesungen .item {margin-bottom:30px;padding-top:30px;}
.loesungen .image {position:relative;padding:0 0 0 30px;margin-bottom:1em;}
.loesungen .image>img {}
.loesungen .icon {position:absolute;left:0;top:-30px;}
.loesungen .icon img {width:60px;}
.loesungen .teaser {}
.read_more {color:#cc9900;font-style:italic;text-decoration:underline;font-size:16px;}
.read_more:after {height:6px;margin-left:8px;content:"";display:inline-block;width:45px;background-image:url("images/Pfeilrechts.png");background-repeat:no-repeat;background-size:100%;}
.loesungen .read_more_content {display:none;}

.referenzen {margin:30px 0;}
.referenzen .item {margin-bottom:30px;}
.pagination {display:block;font-size:28px;color:#cc9900;text-align:center;}
.pagination a, .pagination b {color:#cc9900;}
.referenzen img {margin-bottom:1em;display:block;}

.artikelnav {color:#cc9900;font-style:italic;text-decoration:underline;font-size:16px;}
.artikelnav.prev {float:left;}
.artikelnav.prev:before {background-image:url("images/Pfeillinks.png");height:6px;margin-left:8px;content:"";display:inline-block;width:45px;background-repeat:no-repeat;background-size:100%;}
.artikelnav.next {float:right;}
.artikelnav.next:after {background-image:url("images/Pfeilrechts.png");height:6px;margin-left:8px;content:"";display:inline-block;width:45px;background-repeat:no-repeat;background-size:100%;}



/* Vergleich */

.vergleich_wrapper {position:relative;overflow:hidden;text-align:center;}
.vergleich_wrapper .image_1 {position:relative;display:inline-block;}
.vergleich_wrapper .image_1 img {max-width:100%;}
.vergleich_wrapper .image_2 {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:50%;

	background-size:auto 100%;
	background-repeat:no-repeat;background-position:top left;	
}

.vergleich_wrapper .image_2 .drag {
	position:absolute;
	top:50%;
	right:0;
	border-radius:20px;
	display:block;
	height:40px;
	width:40px;
	border:3px solid #fff;
	transform:translate(20px, -20px);
	cursor:e-resize;
}

.vergleich_wrapper .image_2 .drag:before {position:absolute;content:"";display:block;bottom:100%;left:50%;width:4px;height:400px;background-color:#fff;margin:0 0 0 -2px;}
.vergleich_wrapper .image_2 .drag:after { position:absolute;content:"";display:block;top:100%;left:50%;width:4px;height:400px;background-color:#fff;margin:0 0 0 -2px;}


.vergleich_wrapper .image_2 .drag .left {
	content:"";
	position:absolute;
	display:block;
	top:50%;
	left:5px;
	margin-top:-5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 8px 5px 0;
	border-color: transparent #ffffff transparent transparent;
}
.vergleich_wrapper .image_2 .drag .right {
	content:"";
	position:absolute;
	display:block;
	top:50%;
	right:5px;
	margin-top:-5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #ffffff;	
}





.anfrage_leiste {position:relative;height:44px;padding:5px 0;}
.anfrage_leiste #buchung_text {position:absolute;top:0;left:0;}
.anfrage_leiste input {color:#fff;background-color:#cc9900;border-radius:0;float:right;}
.anfrage_leiste:after {content:"";position:absolute;z-index:-1;border-bottom:1px solid #cc9900;top:50%;left:0;width:100%;display:block;padding:0 140px 0 0;}
.btn-primary {color:#fff;background-color:#cc9900;border:0;border-radius:0;}
.btn:hover {color:#fff;background-color:#cc9900;}

#map {height:300px;margin:50px 0;}
#calendar {margin-bottom:1em;}

.referenzen_slider {margin-bottom:30px;}
.referenzen_slider {outline:0;}
.referenzen_slider  img {margin:0 auto;max-height:600px;}

footer {
	padding:15px 0;
	background-color:#000;
	color:#fff;
	-webkit-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.75);
	position:relative;
}
footer a {color:#fff;}
footer .footermenu {position:absolute;top:15px;right:15px;}
footer .footermenu a {margin-left:15px;}
footer b {font-size:18px;}


#page_scroll {font-size:20px;position:fixed;bottom:15px;right:15px;cursor:pointer;color:#cc9900;}
#page_scroll>span{background:#fff;border-radius:25px;display:block;width:50px;height:50px;padding:6px 0;text-align:center;border:3px solid #cc9900;line-height:33px;}
#page_scroll:hover {transform:scale(1.05);}
#page_scroll.up {transform:rotate(180deg);}
#page_scroll.up:hover {transform:rotate(180deg) scale(1.05);}



/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
	display: block;
  cursor: pointer;
  opacity:0.7;
  background:none;
  outline:0 !important;
  z-index:100;
  transform:translateY(-10px);
  background-color:#fff;
}

.slick-prev {	

	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 15px 10px 0;
	border-color: transparent #cc9900 transparent transparent;

}

.slick-next {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 15px;
	border-color: transparent transparent transparent #cc9900;		
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
  opacity: 1;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
    opacity: .5;
}

.slick-prev{left: 5px;}
.slick-next{right: 5px;}

.slick_slider_geschichte .item {outline:0;}
.slick_slider_navigation {margin:0 0 30px 0;border-bottom:1px solid #cc9900;padding:10px 30px 10px 30px;}
.slick_slider_navigation .item {
	cursor:pointer;
	color:#cc9900;
	font-size:22px;
	text-align:center;
	line-height:30px;
	vertical-align:middle;
	outline:0;
}

.slick_slider_navigation .item.slick-current {font-weight:bold;font-size:28px;}
/*.slick_slider_navigation .slick-prev,
.slick_slider_navigation .slick-next {top:5px;}
*/

.bild_mit_thumbnail {margin-bottom:1em;}
.carousel-inner>.item>img {margin:0 auto;width:100%;}

@media screen and (max-width:1200px) {
.navbar-brand img {max-width:250px;}
}

@media screen and (max-width:1024px) {
.navigationsbild .banner {position:static;}	
.navbar-brand {height:auto;background:#fff;}	
.stoerer,.stoerer2, .stoerer3 {max-width:120px;}
.stoerer {}
.stoerer2 {transform:translate(20%, 50%);}
.stoerer3 {transform:translate(-20%, 50%);}
	#header_carousel .item:nth-child(1) .carousel-caption,
	#header_carousel .item:nth-child(2) .carousel-caption {
		left:20%;right:20%;text-align:center;bottom:20px;}
	.carousel-caption h3 {font-size:24px;}
}

@media screen and (max-width:800px) {
footer .footermenu {position:static;text-align:center;margin-top:1em;}	
}

@media screen and (max-width:767px) {
	.anfrage_leiste:after {display:none;}
	.anfrage_leiste #buchung_text {position:static;}
	.anfrage_leiste {margin-bottom:1em;}	
	.referenzen_slider  img {max-height:469px;}
	.navigationsbild .banner {display:none;}
}


@media screen and (max-width:500px) {
	
.stoerer,.stoerer2, .stoerer3 {display:none;}
	.referenzen_slider  img {max-height:256px;}
	
	.navbar-brand img {max-width:200px;}
	.carousel-caption h3 {font-size:16px;}
	.slick_slider_navigation {padding:10px 15px 10px 15px;}
}


/* Media Queries */
@media screen and (max-height: 575px){
#rc-imageselect, .g-recaptcha {transform:scale(0.77);transform-origin:0;transform:scale(0.77);transform-origin:0 0; }
}