body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#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}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#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:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#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/colorbox/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/colorbox/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/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)}
.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}
/* Die Farben

Hintergrund: #666;
Seitenfarbe: #e0e0e0;
Grün: #455723;
Hover: #404040;
Text = rgba(51,51,51,1);
Rahmen = #cfcfcf;

*/

/* Das Layout */

*,
*:after,
*::before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	z-index:0;
	}
	
html {
	overflow-y:scroll;
	}

html,
body {
	height:100%;
  	margin:0;
  	padding:0;
	}

body {
	display:table;
	width:100%;
	color:rgba(102,102,102,1);
	font:100% "open sans", arial, helvetica, sans-serif;
	behavior:url('assets/css3pie/1.0.0/PIE.htc');
	-webkit-font-smoothing: antialiased;
	}

#wrapper {
	height:100%;
	width:100%;
	display:table;
	background: url("../../files/themes/bg.png") no-repeat fixed left top / cover;
	margin:0;
	padding:0;
	}

#container {
	width:100%;
		}
		
#container .inside {
	max-width:1200px;
	margin:0 auto;
	padding:0 10px;
	}

.page-row {
	display:table-row;
	}

.page-row-expanded {
	height:100%;
	}

#header {
    background:url("../../files/themes/start.svg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    height:100vh;
    width:100%;
}

#header .inside {
    height:100vh;
    margin:0 auto;
}

.content {
	position:relative;
    clear:both;
    display:block;
	overflow:hidden;
	max-width:1200px;
	margin:0 auto;
	padding:0;
}

.content {
	padding:90px 0 20px 0;
}

/* -------------------------------------------------------------------------------------------------------------------------- */

/* ---------- Abstände ------------ */

.space-100x0x100x0  { padding:100px 0 100px 0; }
.space-100x10x100x10  { padding:100px 10px 100px 10px; }
.space-100x0x0x0  { padding:100px 0 0 0; }
.space-100x0x20x0  { padding:100px 0 20px 0; }
.space-0x0x100x0  { padding:0 0 100px 0; }
.space-100x10x20x10  { padding:100px 10px 20px 10px; }
.space-20x10x20x10  { padding:20px 10px; }
.space-20x0x20x0  { padding:20px 0; }
.space-50x10x50x10  { padding:50px 10px; }
.space-50x10x0x10  { padding:50px 10px 0 10px; }
.space-0x10x50x10  { padding:0 10px 50px 10px; }
.space-0x10x30x10  { padding:0 10px 30px 10px; }
.space-50x10x30x10  { padding:50px 10px 30px 10px; }
.space-100x10x0x10  { padding:100px 10px 0 10px; }

/* -------------------------------------------------------------------------------------------------------------------------- */

/* Startseite */

#header .start-caption {
  	position:absolute;
  	z-index:9;
  	width:100%;
  	text-align:center;
  	bottom:30px;
  	left:0;
}

#header .start-caption a.start-btn:before {
	content:"\f13a";
	font-family:FontAwesome;
	color:rgba(0,0,0,0.85);
	font-size:4em;
}

/* -------------------------------------------------------------------------------------------------------------------------- */

/* Icons */

.fa-phone:before {
	content:"\f095";
	font-family:FontAwesome;
	color:rgba(249,249,249,1);
	padding:0 5px 0 0;
}

.fa-envelope:before {
	content:"\f0e0";
	font-family:FontAwesome;
	color:rgba(249,249,249,1);
	padding:0 5px 0 0;
}

#anfrage .fa-phone:before {
	content:"\f095";
	font-family:FontAwesome;
	color:rgba(102,102,102,1);
	padding:0 5px 0 0;
}

#anfrage .fa-envelope:before {
	content:"\f0e0";
	font-family:FontAwesome;
	color:rgba(102,102,102,1);
	padding:0 5px 0 0;
}

/* -------------------------------------------------------------------------------------------------------------------------- */

/* Fusszeile */

#footer {
    width:100%;
	height:200px;
	background-color:rgba(0,0,0,.9);
}

#footer .inside {
	max-width:1200px;
	margin:0 auto 0 auto;
	padding:20px 10px;
}

#footer h2 {
	color:rgba(249,249,249,1);
	text-shadow:none;
	text-transform:uppercase;
	border-bottom:2px solid rgba(249,249,249,1);
	padding-bottom:5px;
	margin-bottom:5px;
}

#footer p,
#footer a {
	color:rgba(249,249,249,1);
}

#footer a:hover {
	color: rgba(156,17,22,1);
	text-decoration:none;
}

#footer ul {
	line-height:1.75;
}

.impressum-code:before {
	content:"\f121";
	font-family:FontAwesome;
}

.impressum-image:before {
	content:"\f1c5";
	font-family:FontAwesome;
}

#footer .quicklinks:before {
	content:"\f0c1";
}

#footer .fa-comments-footer:before {
	content:"\f086";
}

#footer .wissenswertes:before {
	content:"\f129";
}

#footer .kundenbereich:before {
	content:"\f023";
}

.impressum-code:before,
.impressum-image:before {
	margin-right:5px;
}

#footer .quicklinks:before,
#footer .fa-comments-footer:before,
#footer .wissenswertes:before,
#footer .kundenbereich:before {
	font-family:FontAwesome;
	margin-right:10px;
}

#footer li:before {
	content:"\f054";
	font-family:FontAwesome;
	color:rgba(249,249,249,1);
	margin-right:5px;
}

/* -------------------------------------------------------------------------------------------------------------------------- */

/* open-sans-regular - latin */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/themes/fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../../files/themes/fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/themes/fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/themes/fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/themes/fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/themes/fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

h1, h2, h3, h4, p {
	padding: 0;
	margin: 0;
	}

h1 {
	font:1.75em "open sans", arial, helvetica, sans-serif;
	}
	
h2 {
	font: 1.25em/1.75 "open sans", arial, helvetica, sans-serif;
	text-transform: uppercase;
	}

p {
	font:0.95em "open sans", arial, helvetica, sans-serif;
	line-height:1.75;
	text-align:left;
	padding-bottom:1em;
	}
	
hr {
	margin:0 0 1em 0;
	border-top:1px solid rgba(102,102,102,1);
	border-right:0;
	border-bottom:0;
	border-left:0;
	}

img {
	max-width:100%;
    height:auto;
    -ms-interpolation-mode:bicubic;
	}

a {
	color:rgba(156,17,22,1);
	text-decoration:none;
	transition:all 0.4s ease-in-out 0s;
	outline:none;
}

a:hover {
	text-decoration:none;
	color:rgba(120,162,48,1);
}

/* -------------------------------------------------------------------------------------------------------------------------- */

/* Verlinkung Telefonnummer */
	
a[href^="tel"] {
	pointer-events:none; /* Verlinkung aus! */
	text-decoration:none;
	cursor:default;
	color:rgba(249,249,249,1);
	}

#anfrage a[href^="tel"],
#impressum a[href^="tel"] {
	color:rgba(102,102,102,1);
	}

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

a[href^="tel"] {
	pointer-events:auto;
	cursor:pointer;
	color:rgba(249,249,249,1);
	}

#anfrage a[href^="tel"],
#impressum a[href^="tel"] {
	pointer-events:auto;
	cursor:pointer;
	color:rgba(156,17,22,1);
	}
}

/* -------------------------------------------------------------------------------------------------------------------------- */

/* Listen */

ol {
	list-style-type:decimal;
	padding-left:1em;
}

li {
	font:0.9em/1.75 "open sans", arial, helvetica, sans-serif;
}

/* -------------------------------------------------------------------------------------------------------------------------- */

/* Contao-Galerie */

#cboxTitle,
#cboxCurrent {
	display: none !important;
	}

#cboxLoadedContent {
	padding: 2em;
	}

.cboxElement {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	}

#button .cboxElement {
	cursor: pointer;
	}

#cboxPrevious,
#cboxNext {
    outline:none;
	}
/* Die Farben

Hintergrund: #666;
Seitenfarbe: #e0e0e0;
Grün: #455723;
Hover: #404040;
Text = #333;
Rahmen = #cfcfcf;

*/

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

/* -------------------------------------------------------------------------------------------------------------------------- */


/* Navigation */

#Navigation {
	width:100%;
	height:70px;
	left:0;
	top:0;
	position:absolute;
	background-color: rgba(0,0,0,.9);
	transition: background-color 0.3s;
	z-index:3;    
	-webkit-transition: background-color 0.3s;    
	-moz-transition: background-color 0.3s;    
	transition: background-color 0.3s;
	/* Force Hardware Acceleration in WebKit */    
	-webkit-transform: translate3d(0, 0, 0);    
	-moz-transform: translate3d(0, 0, 0);    
	-ms-transform: translate3d(0, 0, 0);    
	-o-transform: translate3d(0, 0, 0);    
	transform: translate3d(0, 0, 0);    
	-webkit-backface-visibility: hidden;    
	backface-visibility: hidden;
}

#Navigation .inside {
	max-width:1200px;
	margin:0 auto 0 auto;
	padding:0 10px;
}

#Navigation.is-fixed {
	top: -70px;
	position: fixed;
	background-color: rgba(0,0,0,.85);
	transition: transform 0.3s;    
	-webkit-transition: -webkit-transform 0.3s;    
	-moz-transition: -moz-transform 0.3s;    
	transition: transform 0.3s;
}

#Navigation.is-visible {
	transform: translate3d(0, 100%, 0);    
	-webkit-transform: translate3d(0, 100%, 0);    
	-moz-transform: translate3d(0, 100%, 0);    
	-ms-transform: translate3d(0, 100%, 0);    
	-o-transform: translate3d(0, 100%, 0);    
	transform: translate3d(0, 100%, 0);
}

#Navigation.menu-is-open {
	background-color: transparent;
}

.fullscreennav {
    display: block;
    margin-left: auto;
    margin-right: auto;
	padding-top:30px;
    max-width: 1440px;
}

#Navigation .logo {
	float: left;
	padding: 15px 0 0 0;
}

.cd-primary-nav {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	padding: 120px 50px 80px;
	background-color: rgba(0,0,0,.9);
	color: rgba(249,249,249,1);
	z-index: 2;  
	-webkit-backface-visibility: hidden;  
	backface-visibility: hidden;  
	overflow: auto;   
	-webkit-overflow-scrolling: touch;  
	-webkit-transform: translateY(-100%);  
	-moz-transform: translateY(-100%);  
	-ms-transform: translateY(-100%);  
	-o-transform: translateY(-100%);  
	transform: translateY(-100%);  
	-webkit-transition-property: -webkit-transform;  
	-moz-transition-property: -moz-transform;  
	transition-property: transform;  
	-webkit-transition-duration: 0.4s;  
	-moz-transition-duration: 0.4s;  
	transition-duration: 0.4s;
}

.cd-primary-nav.is-visible {
	transform: translateY(0);
}

.navbutton {
	width: 150px;
	height: 70px;
	float: right;
	display: inline;
}

a.cd-primary-nav-trigger {
	position: absolute;
	top:35px;
	font-size:1.05em;
	color: rgba(249,249,249,1);
	text-decoration: none;
}

.cd-primary-nav .fa-headphones:after,
.cd-primary-nav .fa-users:after,
.cd-primary-nav .fa-desktop:after,
.cd-primary-nav .fa-comments:after {
	content: "\f101";
	font-family: FontAwesome;
	border: none;
	display: inline;
	margin-left: 5px;
}

.cd-primary-nav .fa-phone:before,
.cd-primary-nav .fa-envelope:before {
	color: rgba(249,249,249,1);
}

.cd-primary-nav h3 {	
	margin-bottom: 20px;
	font-size: 18px;
	color: rgba(249,249,249,1);
	text-align: center;
	text-transform: uppercase;
}

.cd-primary-nav h3:after {
	width: 100%;
	display: block;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 2px solid rgba(249,249,249,1);
	border-collapse: collapse;
	content: " "
}

.cd-primary-nav a {
	text-decoration: none;
	color: rgba(249,249,249,1);
}

.cd-primary-nav a:hover {
	text-decoration: none;
	color: rgba(156,17,22,1);
}

h3 .angle-double-right:after {
	content:"\f101";
	font-family:FontAwesome;
	color: rgba(249,249,249,1);
	margin-left:5px;
}

.fa-chevron-right:before {
	content:"\f054";
	font-family:FontAwesome;
	text-decoration: none;
	color: rgba(249,249,249,1);
	padding:0 0.5em 0 0;
}

.cd-primary-nav .fa-phone:before {
	content:"\f095";
	font-family:FontAwesome;
	color: rgba(249,249,249,1);
	padding:0 5px 0 0;
}

.cd-primary-nav .fa-envelope:before {
	content:"\f0e0";
	font-family:FontAwesome;
	color: rgba(249,249,249,1);
	padding:0 5px 0 0;
}

.cd-primary-nav-trigger {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50px;
	background-color: rgba(0,0,0,1);
}

.cd-primary-nav-trigger .cd-menu-text {
	color: rgba(249,249,249,1);
	text-transform: uppercase;
	font-weight: 700;
	/* hide the text on small devices */
	display: none;
}

.cd-primary-nav-trigger .cd-menu-icon {
	/* this span is the central line of the menu icon */
	display: inline-block;
  	position: absolute;
  	left: 50%;
  	top: 50%;
  	bottom: auto;
  	right: auto;
 	-webkit-transform: translateX(-50%) translateY(-50%);
  	-moz-transform: translateX(-50%) translateY(-50%);
  	-ms-transform: translateX(-50%) translateY(-50%);
  	-o-transform: translateX(-50%) translateY(-50%);
  	transform: translateX(-50%) translateY(-50%);
  	width: 18px;
  	height: 2px;
  	background-color: rgba(249,249,249,1);
  	-webkit-transition: background-color 0.3s;
  	-moz-transition: background-color 0.3s;
  	transition: background-color 0.3s;
  	/* these are the upper and lower lines in the menu icon */
}

.cd-primary-nav-trigger .cd-menu-icon::before, 
.cd-primary-nav-trigger .cd-menu-icon:after {
  	content: '';
  	width: 100%;
  	height: 100%;
  	position: absolute;
  	background-color: rgba(249,249,249,1);
  	right: 0;
  	-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  	-moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  	transition: transform .3s, top .3s, background-color 0s;
}

.cd-primary-nav-trigger .cd-menu-icon::before {
  	top: -5px;
}

.cd-primary-nav-trigger .cd-menu-icon::after {
  	top: 5px;
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
  	background-color: rgba(255, 255, 255, 0);
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, 
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  	background-color: rgba(249,249,249,1);
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
  	top: 0;
  	-webkit-transform: rotate(135deg);
  	-moz-transform: rotate(135deg);
  	-ms-transform: rotate(135deg);
  	-o-transform: rotate(135deg);
  	transform: rotate(135deg);
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  	top: 0;
  	-webkit-transform: rotate(225deg);
  	-moz-transform: rotate(225deg);
  	-ms-transform: rotate(225deg);
  	-o-transform: rotate(225deg);
  	transform: rotate(225deg);
}


@media only screen and (min-width: 768px) {
	
.cd-primary-nav-trigger {
    width: 100px;
    padding-left: 0.5em;
    background-color: transparent;
    height: 30px;
    line-height: 30px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
  
.cd-primary-nav-trigger .cd-menu-text {
    display: inline-block;
}

.cd-primary-nav-trigger .cd-menu-icon {
	left: auto;
    right: 1em;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
}

}

/* -------------------------------------------------------------------------------------------------------------------------- */

/* Produktmenü */

#kategorie.mod_navigation .level_1 {
	background: rgba(102,102,102,1);
	font-size: 13px;
	width: 100%;
	max-width: 300px;
	margin-bottom: 20px;
}

#kategorie.mod_navigation .level_1 ul {
	padding: 0;
	margin: 0;
}

#kategorie.mod_navigation .level_1 li {
    list-style-type: none;
}

#kategorie.mod_navigation .level_1 a,
#kategorie.mod_navigation .level_1 li.active {
    width: 100%;
    height: 100%; 
    display: block;
	color: rgba(249,249,249,1);
	text-transform: uppercase;
	text-decoration: none;
    border-bottom: 1px solid rgba(249,249,249,1);
    padding: 8px 10px;
}

#kategorie.mod_navigation .level_1 a.trail {
	background: rgba(0,0,0,1);
	color: rgba(249,249,249,1);
}

#kategorie.mod_navigation .level_1 a:hover,
#kategorie.mod_navigation .level_1 li.active {
	font-weight:100;
	background: rgba(0,0,0,1);
	text-decoration: none;
}

#kategorie.mod_navigation .level_1 a:before,
#kategorie.mod_navigation .level_1 li.active:before {
	content: "\f054";
	font-family: FontAwesome;
	text-decoration: none;
	color: rgba(249,249,249,1);
	padding :0 0.5em 0 0;
}

/* -------------------------------------------------------------------------------------------------------------------------- */

/* Rubrik */

#rubrik.mod_navigation {
	margin:0;
	padding:0;
	width: 100%;
	border-bottom: 1px solid rgba(102,102,102,1);
}

#rubrik.mod_navigation .level_1 ul {	
	float: left;
	list-style: none;
}

#rubrik.mod_navigation .level_1 li {
	float: left;
	padding: 0;
	margin: 0 5px -1px 0;
}

#rubrik.mod_navigation .level_1 li a,
#rubrik.mod_navigation .level_1 span.active {
	display: block;
	color: rgba(249,249,249,1);
	text-decoration: none;
	text-transform: uppercase;
	margin: 0;
    padding: 8px 10px;
  	background: rgba(102,102,102,1);
}

#rubrik.mod_navigation .level_1 li a:hover,
#rubrik.mod_navigation .level_1 li.active {
	display: block;
	color: rgba(249,249,249,1);
	text-decoration: none;
	text-transform: uppercase;
    padding: 8px 10px;
  	background: rgba(0,0,0,1);
}
/* Die Farben

Hintergrund: rgba(102,102,102,1);
Seitenfarbe: rgba(224,224,224,1);
Grün: rgba(69,87,35,1);
Hover: rgba(64,64,64,1);
Text = rgba(51,51,51,1);
Rahmen = rgba(207,207,207,1);

*/

/* Produktkatalog */

.count {
	display:none;
}

.product_amount {
	display: none;
	}

.product_item {
	padding:1em 0;
	border-bottom: 1px solid rgba(102,102,102,1);
	}

.product_item h1 {
	text-decoration: none;
	font: 1.25em/1.75 "open sans", arial, helvetica, sans-serif;
	font-weight: bold;
	padding:0;
	color: rgba(51,51,51,1);
	}

.product_item h1 span {
	display: block;
	font: 0.9em/1.5 "open sans", arial, helvetica, sans-serif;
	font-weight:bold;
	color: rgba(51,51,51,1);
	}

.product_item .image_container {
	margin:-45px 0 0 0;
	float: right;
	}

.product_item a {
	text-decoration: none;
	}
	
.product_item ul {
	line-height:1.75;
	color:rgba(51,51,51,1);
	list-style-type: square;
    list-style-position: inside;
	}
	
.price_info {
	display: none;
	}
	
.more a,
.back a {
	position: relative;
	text-transform: uppercase;
	float: left;
	color: rgba(249,249,249,1);
	background: rgba(102,102,102,1);
    padding: 8px 10px;
	text-decoration: none;
	}
	
.more a:hover,
.back :hover {
	background:rgba(0,0,0,1);
	}
	
@media screen and (max-width: 767px) {

.product_item .image_container {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	width: 100% !important;
	}

}

.submit {
	position:relative;
    text-align:center;
	font-size:0.95em;
  	border:none;
	color:rgba(249,249,249,1);
  	width:100%;
    max-width: 300px;
  	padding:1em;
  	background:rgba(0,0,0,1);
    background:url("../../files/themes/noise.png"), -moz-radial-gradient(center, ellipse cover, #666 0%, #000 100%);
    background:url("../../files/themes/noise.png"), -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#666), color-stop(100%,#000));
    background:url("../../files/themes/noise.png"), -webkit-radial-gradient(center, ellipse cover, #666 0%,#000 100%);
    background:url("../../files/themes/noise.png"), -o-radial-gradient(center, ellipse cover, #666 0%,#000 100%);
    background:url("../../files/themes/noise.png"), -ms-radial-gradient(center, ellipse cover, #666 0%,#000 100%);
    background:url("../../files/themes/noise.png"), radial-gradient(ellipse at center, #666 0%,#000 100%);
}

.submit:hover {
	text-decoration:none;
  	border:none;
	color:rgba(249,249,249,1);
  	background:rgba(150,149,148,1);
    background:url("../../files/themes/noise.png"), -moz-radial-gradient(center, ellipse cover, #78A230 0%, #465a52 100%);
    background:url("../../files/themes/noise.png"), -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#78A230), color-stop(100%,#465a52));
    background:url("../../files/themes/noise.png"), -webkit-radial-gradient(center, ellipse cover, #78A230 0%,#465a52 100%);
    background:url("../../files/themes/noise.png"), -o-radial-gradient(center, ellipse cover, #78A230 0%,#465a52 100%);
    background:url("../../files/themes/noise.png"), -ms-radial-gradient(center, ellipse cover, #78A230 0%,#465a52 100%);
    background:url("../../files/themes/noise.png"), radial-gradient(ellipse at center, #78A230 0%,#465a52 100%);
}

.submit:active {
  	border:none;
	color:rgba(249,249,249,1);
  	background:rgba(150,149,148,1);
    background:url("../../files/themes/noise.png"), -moz-radial-gradient(center, ellipse cover, #fcad56 0%, #e82c0c 100%);
    background:url("../../files/themes/noise.png"), -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fcad56), color-stop(100%,#e82c0c));
    background:url("../../files/themes/noise.png"), -webkit-radial-gradient(center, ellipse cover, #fcad56 0%,#e82c0c 100%);
    background:url("../../files/themes/noise.png"), -o-radial-gradient(center, ellipse cover, #fcad56 0%,#e82c0c 100%);
    background:url("../../files/themes/noise.png"), -ms-radial-gradient(center, ellipse cover, #fcad56 0%,#e82c0c 100%);
    background:url("../../files/themes/noise.png"), radial-gradient(ellipse at center, #fcad56 0%,#e82c0c 100%);
}