/* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */
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{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */
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{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}header,footer,nav,section,aside,article,figure,figcaption{display:block}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:normal}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:bold}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}
/* ColorBox v1.5.8, (c) 2011 Jack Moore - jacklmoore.com, MIT license */
#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}#cboxOverlay{background:#000}#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/jquery/colorbox/1.5.8/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background: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/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}
/************************************************
    style.css
*************************************************

    1.0 RESET 
    2.0 GLOBALS 
      2.1 headings  
      2.2 text 
      2.3 hyperlinks  
      2.4 lists
      2.5 tables
      2.6 images
    3.0 LAYOUT
      3.1 header
      3.2 container
      3.3 footer
    4.0 NAVIGATION
      4.1 mainnav  
	5.0 FORMS
    6.0 MODULES
	  6.1 page_images
	7.0 CONTENT
    8.0 PRINT
	9.0 IE-HACKS
 10.0 RESPONSIVE
	
************************************************/


/************************************************
    1 - RESET
************************************************/
* {
    border: 0;
    margin: 0;
    padding: 0;
}
html, body {
	font-size: 100.01%;
	height: 100%;
	position: relative;
}	


/************************************************
    2 - GLOBALS
************************************************/ 
body {
	color: #000000;
	background-color: #CCCCCC;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;	
	overflow: -moz-scrollbars-vertical;	
	
}

/**** 2.1 - headings ****/
h1,
h2.likeH1 {
	background: #FFFFFF;
	font-size: 20px;
	width: 425px;
	color: #e30613;
	margin: 0 auto;
	text-align: center;
	padding: 160px 0 27px 0;	
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 40px;
	
	-moz-box-shadow: 0 0 15px #888;
	-webkit-box-shadow: 0 0 15px #888;
	box-shadow: 0 0 15px #888;	
}

h2 { 
	font-size: 17px;
	margin: 0 0 4px 0;
	color: #000000;
}


h3 { 
	font-size: 14px;
	margin: 0 0 3px 0;	
	color: #ef5c1f;
}

#footer h2 {
	background: #dbdbdb;
	font-size: 20px;
	width: 425px;
	color: #000000;
	margin: 0 auto;
	text-align: center;
	padding: 160px 0 27px 0;	
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 40px;
	-moz-box-shadow: 0 0 15px #333333;
	-webkit-box-shadow: 0 0 15px #333333;
	box-shadow: 0 0 15px #333333;	
}


/**** 2.2 - text ****/
p {	
	font-size: 1.0em;
	line-height: 1.7;	
	margin: 0 0 1em 0;
}
#footer p {
	color: #fff;
    font-size: 12px;
    line-height: 19px;
    margin: 0;
}
p.back {
	text-align:right;
}
b,
strong {
	font-weight: bold;
}
em,
i {
	font-style: italic;
}
.ce_text {
}
#main .ce_text {
	margin: 0 0 12px 0;	
}

.small {
	font-size: 0.7em;
}

/**** 2. 3 - hyperlinks ****/
a,
a:active,
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #e30613;
	text-decoration: underline;
}

#main a {
	font-weight: bold;
}

#footer a,
#footer a:active,
#footer a:visited {
	color: #dbdbdb;
	text-decoration: none;
}
#footer a:hover {
	color: #dbdbdb;
	text-decoration: underline;
}
#main .ce_toplink {
	text-align: right;	
}

/**** 2.4 - lists ****/
ul {
	list-style: disc outside;
	padding: 0 0 0 2em;
	margin: 0 0 1em 0;
}
ol {
	padding: 0 0 0 2em;
	margin: 0 0 1em 0;
}
li {
	font-size: 1.0em;
	line-height: 1.5;	
	margin: 0 0 1.2em 0;
}

#main ul {
	padding: 0;	
}

#main ul li {
	font-size: 1.0em;
	line-height: 1.5;	
	margin: 0 0 0 0px;
	list-style: none;
}

.ce_list {
}

.panes li {
	width: auto;
	white-space: wrap;
}

.panes {
	max-width: 500px;
}

.hide {
	display: none;
}

/**** 2.5 - tables ****/
table, th, td {
	border: 1px solid #000;
	border-collapse: collapse;
}
th {
	font-weight: bold;
	text-align: center;
	padding: 2px 4px;
}
td {
	padding: 2px 4px;
}
.ce_table {
}

/**** 2.6 - images ****/
img {
	border:0;
    height: auto;
    max-width: 100%;
}
.imgRight {
	float: right;
}
.imgLeft {
	float: left;
}
.image_container > .caption {
}



.image_container a {
	font-size: 0;
}



/*** impressum ***/
body.impressum {
	background-color: #FFFFFF;	
}

.impressum #wrapper {
	width: 100%;
	max-width: 100%;
	border: 0;
	margin: 0;	
}

.impressum  #main {
	min-height: auto;
}

.impressum  #main .inside {
	padding: 20px;
}

.impressum h1 {
	background: none;
	font-size: 20px;
	width: auto;
	color: #000000;
	margin: 0;
	text-align: left;
	padding: 0;	
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 16px;
	
	-moz-box-shadow: 0 0 0px #888;
	-webkit-box-shadow: 0 0 0px #888;
	box-shadow: 0 0 0px #888;	
}



/**** diverses ****/
.noMargin { margin: 0; }


.contentWrapper {
	padding: 0 100px;
}

/************************************************
    3- LAYOUT
************************************************/ 

#wrapper {
	/*width: 100%;
	max-width: 1352px;*/
	width: 1352px;
	margin: 0 auto 20px auto;
	background: #FFFFFF;
	border-left: 1px solid #CCCCCC;	
	border-right: 1px solid #CCCCCC;	
	border-bottom: 1px solid #CCCCCC;	
}

#header {
	/*height: 739px;*/
	height: auto;
	overflow: hidden;
	background: #4a4a49;
}

#header .inside {
	margin: 0;
	paddding: 0;
}

.logo {
	float: left;
	max-width: 358px;	
	background: #FFFFFF;
	height: 146px;
}

.logo img {
	margin: 40px 46px 0 38px;
}

#container {
	position: relative;
}

#main {
	position: relative;
	width: 100%;
	min-height:320px;
	height:auto !important;
	height:320px; 		 
}

#main .inside {
	padding: 0;
}

#footer {
	background: #4a4a49;
	color: #FFFFFF;
}

#footer .inside {

}

#footer p {
	color: #dbdbdb;	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align: center;	
	line-height: 37px;
	margin: 12px 0 0 0;
}

#footer .ce_text {
	width: 96%;	
	border-top: 0px solid #dbdbdb;
	margin: 0 auto;
}



/************************************************
    4 - NAVIGATION
************************************************/ 

/* 4.1 - Hauptnavigation */

.mainnav {
	position: relative;
}

.mainnav ul {
	list-style: none;
	margin: 92px 0 0 46px;
	padding: 0;
	overflow: hidden;
}

.mainnav ul li {
	float: left;
	margin: 0 80px 0 0;
}

.mainnav ul li.first {
margin-left: 20px;	
}

.mainnav ul li.last {
	margin-right: 0;	
}

.mainnav ul li a,
.mainnav ul li a:visited,
.mainnav ul li a:active,
.mainnav ul li span {
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 18px;
}

.mainnav ul li a:hover,
.mainnav ul li a.active,
.mainnav ul li a.trail,
.mainnav ul li span {
	color: #e30613;
}

.mainnav ul.level_2 {
	display:none;
}


.hilfsnav  {
	padding: 0 0 237px 0;
	text-align:center;
	margin:0 auto;
}

.hilfsnav ul {
	list-style: none;
	display:block;
	margin:0px auto;
}

.hilfsnav ul li {
	display:inline;
	margin: 0 12px 0 0;	
}

.hilfsnav ul li.last {
	margin: 0 0 0 0;	
}

.hilfsnav ul li a,
.hilfsnav ul li a:visited,
.hilfsnav ul li a:active {
	font-size: 12px;
	color: #dbdbdb;	
}



/************************************************
    5.0 - FORMS
************************************************/ 
/**** basic form styles ****/
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"], 
textarea,
select {
	-webkit-appearance:none;
	background:#fff;
	border:1px solid #707173;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:inset 0 1px 1px #eee;
	-webkit-box-shadow:inset 0 1px 1px #eee;
	box-shadow:inset 0 1px 1px #eee;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	color:#484848;
	display:inline-block;
	font-size:.8em;
	padding:5px 7px;
	-moz-transition:all .15s linear;
	-webkit-transition:all .15s linear;
	-o-transition:all .15s linear;
	transition:all .15s linear;
	width:100%;
}
.webkit input[type="text"], 
.webkit input[type="password"], 
.webkit input[type="date"], 
.webkit input[type="datetime"], 
.webkit input[type="email"], 
.webkit input[type="number"], 
.webkit input[type="search"], 
.webkit input[type="tel"], 
.webkit input[type="time"], 
.webkit input[type="url"], 
.webkit textarea,
.webkit select {
	padding:4px 7px;
}
select {
	-webkit-appearance:menulist;
	display:inline-block;
	font-size:.8em;
	padding:4px 7px;
}
select option {
	 padding:0 7px;
}
 
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, 
textarea:focus,
select:focus {
	background: #E50412;
	/*border-color:#484848;*/
	color: #FFFFFF;
}
input[type="file"], 
input[type="image"], 
input[type="submit"], 
input[type="reset"], 
input[type="button"], 
input[type="radio"], 
input[type="checkbox"],
select {
	width:auto
}
input[type="submit"], 
.button,
#main button[type="submit"] {
	/*
	-webkit-appearance:none;
	display:inline-block;
	padding:5px 15px 5px 14px;
	margin-bottom:0;
	text-align:center;
	vertical-align:middle;
	line-height:15px;
	font-size:12px;
	color:#fff;
	cursor:pointer;
	border:1px solid #066bb1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-color:#50B9EC;
	background-repeat:repeat-x;
	-moz-transition:background .15s linear;
	-webkit-transition:background .15s linear;
	-o-transition:background .15s linear;
	transition:background .15s linear;
	*/
}
input[type="submit"]:hover, 
.button:hover,
#main button[type="submit"] {
	text-decoration:none;
	background-position:0 -15px !important;
}
input[type="submit"]:active, 
.button:active {
	background-color:#066bb1;
	background-position:0 -30px !important;
}
input[type="radio"], 
input[type="checkbox"], 
label {
	vertical-align:middle
}
textarea, 
select[multiple], 
select[size] {
	height:auto
}
label {
	display:block;
	clear:left;
	float:left;
	width:auto;
}


/**** kontaktformular ****/

.kontaktForm {
	width: 60%;
	max-width: 425px;
	margin: 0 auto;	
}

.kontaktForm label {
    font-size: 1em;
    line-height: 24px;
    margin-bottom: 12px;
    width: 87px;
}


.kontaktForm input[type="text"], 
.kontaktForm input[type="email"], 
.kontaktForm input[type="tel"], 
.kontaktForm input[type="url"], 
.kontaktForm textarea {
	width: 90%;
	max-width: 338px;
	margin-bottom: 20px;
	border: 0;
	border-radius: 0;
	background: #dbdbdb;
}

.kontaktForm input:focus,
.kontaktForm textarea:focus {
	background: #DBDBDB;
	color: #000000;
}
.kontaktForm br {
	clear: both;
}

.kontaktForm .submit_container {
	margin-top: 0;
	margin-bottom: 106px;
}

.kontaktForm .submit {
	width: 50%;
	max-width: 224px;
	color: #FFFFFF;
	background: #e30613;	
	border: 0;
	border-radius: 0;
	text-align: center;
	margin: 0 auto 0 145px;
	display: block;
}


input[type="number"] {
    -moz-appearance: textfield;
}

/**** suchmaschine ****/
.mod_search {
	top: 92px;
	right: 30px;
	position:absolute;
}
.mod_search input.text {
	width:150px;
	padding-right: 30px;
	border: 0;	
}

.mod_search input.text:focus {
	border: 0;
	background: #FFFFFF;	
	color: #4A4A49;
}

.mod_search .submit {
	/*
	color: #000000;
	width: 20px;
	border: none;
	position: absolute;
	height: 20px;
	right: 10px;
	background-color: none;
	display: none;
	*/
	background: none;
	color: #707173;
	cursor: pointer;
	position: absolute;
	right: 4px;
	top: 3px;	
}

/*
#header .mod_search .submit:after {
	font-family: FontAwesome;
	content: "\f002";	
}
*/

#main .mod_search form {
	display: none;
}

#main .mod_search {
	clear: none;
	float: none;
	padding: 0;
	position:relative;
}



/************************************************
    6 - MODULES
************************************************/ 

/**** tabcontrol (used in product details ****/
.ce_tabcontrol {
	float: right;
	margin: 0 0 20px 0;
}

.ce_tabcontrol:after {
	clear: right;	
}

.ce_tabcontrol .tabcontrol_tabs {
	margin: 0 0 36px 0;
}

.ce_tabcontrol .tabcontrol_tabs ul {
	margin: 0;
	padding: 0;	
}

.ce_tabcontrol .tabcontrol_tabs ul li {
	width: 197px;
	background: #d0d0d0;
	display: inline-block;
	text-align: center;
	padding: 15px 0 15px 0;
	cursor: pointer;
}

.ce_tabcontrol .tabcontrol_tabs ul li.hover,
.ce_tabcontrol .tabcontrol_tabs ul li.selected {
	color: #FFFFFF;
	background: #494948;	
}

.ce_tabcontrol .tabcontrol_panes {
	display: block;	
	background: #d0d0d0;
	padding: 33px;
	min-height:243px;
	height:auto !important;  /* für moderne Browser */
	height: 243px;  /*für den IE */	
}

.ce_tabcontrol .tabcontrol_panes ul {
	margin: 0;
}

.ce_tabcontrol .tabcontrol_panes ul li {
	list-style: disc!important;
	margin: 0 0 0 16px!important;
}


.prdLinkBack {
	clear: right;
	display: block;	
	margin: 0 0 80px 62px;
}

.prdLinkBack:before {
	content: "»";	
}

.prdDetailImgSmallWrapper {
	float: right;
	margin-top: 20px;	
}

.prdDetailImgSmallWrapper li {
	float: left;
	margin: 0 12px 0 0!important;
}

.prdDetailImgSmallWrapper li:last-child {
	margin-right: 0!important;
}

.prdDetailImgSmallWrapper li img {
	border: 1px solid #D0D0D0;
}

.prdDetailImgBig {
	/*width: 662px;*/
	width: 662px;
	text-align: right;
	height: 313px;
	overflow: hidden;
	position: relative;
	/*
	height: 441px;
	overflow: hidden;
	*/
}

.prdDetailImgBig img {
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0!important;
}

.prdDetailImgBig img.landscape {
	max-width: 580px;
}



/**** teaser ****/
.teaser {
	width: 210px;
	height: 210px;	
	-moz-box-shadow: 0 0 15px #888;
	-webkit-box-shadow: 0 0 15px #888;
	box-shadow: 0 0 15px #888;		
}

/* 5.1 page_images */
.ce_pageimages,
.mod_article {
	width: 100%;
}


/**** downloads ****/
#main .ce_downloads.downloads ul,
#main .ce_downloads.downloads ul li {
	margin: 0!important;
	padding: 0!important;
	list-style: none!important;
}

/**** technische daten ****/
.ce_table.technischeDaten table, 
.ce_table.technischeDaten th, 
.ce_table.technischeDaten td {
	border: 0;	
}

.ce_table.technischeDaten td {
	padding: 0 0 10px 0;	
}

.ce_table.technischeDaten table {
	width: 100%;	
}

.ce_table.technischeDaten td.col_0 {
	width: 140px;	
}


/**** unternehmen parallax ****/
.home #unternehmen {
	position: relative;
	width: 100%;
	height: 550px;
	background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

.home #unternehmen .unternehmenContent {
	position: absolute;
	top: 0px;
	width: 100%;
}

.home #unternehmen .subcolumns {
	width: 80%;
	margin: 0 auto;
	background: #FFFFFF;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;	
	color: #000000;
	padding: 2%;
}

#suchergebnisse .mod_search {
	padding: 0 100px 100px 100px;
}

.mod_search .url {
	display: none;
}

.mod_search .relevance {
	color: #4A4A49;
}

#suchergebnisse .mod_search .context {
	margin: 0;
}

#suchergebnisse .mod_search div {
	padding: 20px 0 20px 0;
	border-bottom: 1px solid #EEEEEE;
}


/**** pagination ****/
#main .pagination{
	width:100%;
	text-align:center;
	padding: 10px 0 2em 0;
}

#main .pagination p {
	font-weight: bold;	
}

#main .pagination ul {
	margin: 0 0 12px 0;	
	overflow: visible;
}

#main .pagination ul li {
	display:inline;
	width: auto;
	margin:0 5px 0 0;
	padding: 0;
	font-size:13px;
	list-style-type:none;	
	background: #FFFFFF;
}

#main .pagination ul li a,
#main .pagination ul li a:visited,
#main .pagination ul li a:active,
#main .pagination ul li span {
	text-decoration: none;	
	padding: 6px 12px 6px 12px;
	border: 1px solid #777777;		
}

#main .pagination ul li a:hover,
#main .pagination ul li span {
	background: #777777!important;
	color: #FFFFFF!important;
}


/**** slider ****/
.slider {
	width: 90%;
	margin: 0 auto;
	padding: 0;
	height: 450px;
	overflow: visible;
}

#main .bx-wrapper .bx-viewport {
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#main .bx-wrapper .bx-pager {
	display: none;
}

#main .bx-wrapper .bx-prev {
	left: -60px;
}
#main .bx-wrapper .bx-next {
	right: -60px;
}

#main .bx-wrapper .bx-controls-direction a {
	text-indent: 0;
	top: 40%;
}

#main .bx-wrapper .bx-prev,
#main .bx-wrapper .bx-next {
  background: none;
  display: block;
  text-indent: -9999em;
  display: block;
	visibility: hidden; 
	font-size: 90px; 
	font-weight: lighter;
	color: #CCCCCC;	
}

#main .bx-wrapper .bx-next:before {
	font-family: FontAwesome;
	content: "\f105";	
	display: inline-block;	
	visibility: visible;
}

#main .bx-wrapper .bx-prev:before {
	font-family: FontAwesome;
	content: "\f104";		
	display: inline-block;	
	visibility: visible;
}

/*
.slider .slick-slide {
	margin: 0 20px 0 20px;
}
*/

.slide .slideImage {
	margin-bottom: 25px;
}

.slide .ce_image,
.slide.ce_image {
	width: 206px;
	height: 206px;
	overflow: hidden;
	border: 1px solid #CCCCCC;
	/*-moz-box-shadow: 0 0 15px #888;
	-webkit-box-shadow: 0 0 15px #888;
	box-shadow: 0 0 15px #888;
	*/
	max-height: 206px!important;
	max-width: 206px!important;
	display: block;
}	

.slide .ce_image .image_container,
.slide .ce_image .image_container a {
	font-size: 0px;
	margin: 0;
	padding: 0;	
	vertical-align: middle;
}	

.floatbox {
	position: relative;
	overflow: hidden;
}


.floatbox .slide {
	width: 48%;
	height: auto;
	float: left;
	margin: 0 2% 2% 0;
	border: 1px solid #CCCCCC;	
	
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}  

.floatbox .slide .ce_image .image_container,
.floatbox .slide .ce_image .image_container a {
	font-size: 0px;
	margin: 0;
	padding: 0;	
	vertical-align: middle;
}




/************************************************
    RESPONSIVE
************************************************/

.mobilenav,
.nav-toggle,
.showMobile,
li.showMobileNav,
#footer #kontakt {
	display: none;
}

@media screen and (max-width: 480px) {
	.mainnav,
	.mod_search,
	.showDesktop,
	.hilfsnav,
	 #unternehmen.parallax {
		display: none;
	}

	.nav-toggle,
	.showMobile,
	li.showMobileNav {
		display: block;
	}
	
	/**** LAYOUT ****/
	body {
		background: #FFFFFF;	
		font-size: 16px;
	}
		
	#wrapper {
		width: 100%;
		max-width: 480px;
		margin: 0;
		border-bottom: none;
		border-left: none;
		border-right: none;
	}
	
	#header {
		background: #FFFFFF;
	}
	
	#header .inside {
	    margin: 2% 2% 2% 2%;
	}
	
	#main {
		min-height: 1px!important;
		height:auto !important;
		height: auto; 		
		margin: 0 0 4% 0;			
	}
	
	#main .inside {
		padding: 0 2%;
	}
	
	#footer .inside {
		padding: 4% 2%;
	}
	
	.contentWrapper {
		padding: 0;
	}	
	
	.impressum #main .inside {
	    padding: 0 2%;
	}
	.logo {
	    height: auto;
	    max-width: 40%;
	    padding: 4% 0 2% 2%;
	}	
	
	.logo a {
		display: block;
	}
	
	.logo img {
	    margin: 0 0px 0 0;
	}	
	
	
	.slider .ce_image {
	    border: 1px solid #cccccc;
	    display: block;
	    height: auto;
	    max-height: 206px !important;
	    max-width: 206px !important;
	    overflow: hidden;
	    width: 100%;
	}
	
	/**** SUBCOLUMNS ****/	
	.prdDetails .c50l,
	.prdDetails .c50r {
    width: 100%;
    float: none;
	}
	
	.prdDetails .c50l .subcl {
		padding-right: 0!important;
	}	
	
	.prdDetails .c50r .subcr {
    padding-left: 0!important;
	}
	
	/**** PRODUCT-DETAILS ****/	
	.prdDetailImgBig {
	    height: auto!important;
	    text-align: center;
	    width: 100%;
	    max-width: auto;
	    position: relative;
	    overflow: visible;
	}
	
	.prdDetailImgBig img {
	    bottom: auto;
	    margin: 0 0 4% 0;
	    position: relative;
	    right: 	auto!important;
	    top: auto;
	}	

	.prdDetailImgBig img.landscape {
  	max-width: 100%;
	}
	
	.prdLinkBack {
	    display: block;
	    margin: 0 0 0 0;
	    text-align: right;
	}	
	
	.ce_tabcontrol {
	    float: none!important;
	    margin: 2% 0 20px;
	}	
	
	.ce_tabcontrol .tabcontrol_tabs {
	    margin: 0 0 0 0;
	}	
	
	.ce_tabcontrol .tabcontrol_tabs ul li {
	    display: block;
	    padding: 2% 4%;
	    text-align: left;
	    width: 100%;
	    border-bottom: 1px solid #FFFFFF;
	}	
	
	.ce_tabcontrol .tabcontrol_panes {
	    min-height: 0!important;
	    padding: 4%;
	}	
	
	
	/**** TEXT ****/
	h1, h2.likeH1, .impressum h1 {
	    /*background: none repeat scroll 0 0 #ffffff;
	    box-shadow: 0 0 15px #888;*/
	    color: #e30613;
	    font-size: 20px;
	    font-weight: normal;
	    margin: 0 auto 4% auto;
	    padding: 8% 0 8% 0;
	    text-align: center;
	    text-transform: uppercase;
	    width: 100%;
		-moz-box-shadow: 0 0 15px #888;
		-webkit-box-shadow: 0 0 15px #888;
		box-shadow: 0 0 15px #888;		    
	}
	
	h2 {
		font-weight: normal;
		line-height: 1.2em;
		font-size: 1.2em;
		margin: 0 0 2% 0;
	}
	
	#footer p {
		font-size: 1em;
    color: #dbdbdb;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1.5em;
    margin: 0;
    text-align: left;
	}	
	
	#footer .ce_text {
	    border-top: none;
	    margin: 0 0 0 0;
	    width: 100%;
	}	
	
	
	/**** FORMS ****/
	.kontaktForm {
	    margin: 0;
	    max-width: 480px;;
	    width: 100%;
	}	
	
	.kontaktForm label {
		font-size: 1em;
		line-height: 24px;
		margin-bottom: 1%;
		width: 100%;
	}
	
	.kontaktForm input.text,
	.kontaktForm textarea {
		max-width: 480px!important;
		width: 100%!important;
		padding: 2%;
		font-size: 1em!important;
	}
	
	.kontaktForm .submit_container {
	    margin-bottom: 0;
	    margin-top: 0;
	}	
	

	.kontaktForm .submit {
	    display: block;
	    margin: 0;;
	    max-width: 224px;
	    text-align: center;
	    width: auto;
	    padding: 2%;
	}	
	
	
	/**** mobilnav toggle ****/
	.nav-toggle {
		display: block;
		float:right;
		text-align: right;
		width: 35%;
		height: auto;
		position: relative;
		margin-top: 8%;		
	}
	
	
	.nav-toggle ul {
		margin: 0;
		padding: 0;
		list-style: none;
		float: right;
	}
	
	.nav-toggle ul li {
		float: left;	
	}
	
	
	.nav-toggle-menu {
	  color: #1E1E1C;
	  cursor: pointer;
	  font-size: 24px;
	  font-weight: normal;
	  height: 26px;
	  line-height: 26px;
	  width: 26px;
	  margin-right: 0;
	}
	
	.nav-toggle a:hover {
		text-decoration:none;
	}
	
	.toggleWrapper {
		overflow: hidden;
		position: relative;
		top:0;
		left:0;
		margin-top: 0;		
	}	
	
	.mobilenav {
		display:none; 
		clear:both;
		position:relative;
		background: #4A4A49;
		border-top-right-radius: 0;
		margin: 2% 0% 2% 0%;
		overflow: visible;
		width: 100%;
		height: auto!important;	
	}
	.mobilenav ul {
		list-style:none;
		margin:0 0 0 0%;
		width: 100%;
		padding: 0;
		overflow:hidden;
	}
	.mobilenav ul.level_1 {
		padding:0;
		width:100%;
	}
	.mobilenav li {
		float:none;
		padding:0 0 0 0;
		margin:0;
		border-top:1px solid #FFFFFF;
		position:relative;
	}
	.mobilenav .level_1 > li.first {
		border-top: none;
	}
	.mobilenav .level_1 > li.last {
		border-bottom: 0px solid #FFFFFF;
	}
	.mobilenav li a,
	.mobilenav li span {
		text-decoration:none;
		text-transform: uppercase;
		color: #FFFFFF;
		display:block;
		line-height:24px;
		font-size:1.1em;
		font-weight: normal;
		padding:5px 0 5px 2%;
	}
	.mobilenav li a:hover,
	.mobilenav li a.trail,
	.mobilenav li span {
		background:#e30613;
		color:#FFFFFF;
	}
	
	.mobilenav .level_2 {
		display: none;
	}
	
	.mobilenav li.active .level_2,
	.mobilenav li.trail .level_2 {
		display: block;
		margin: 0 0 0 0%;
	}
	
	.mobilenav .level_2 li a,
	.mobilenav .level_2 li span {
		text-decoration:none;
		display:block;
		line-height:24px;
		font-size:1.1em;
		padding:5px 0 5px 8%;
	}
	
	.mobilenav .level_2 li a:hover,
	.mobilenav .level_2 li a.trail,
	.mobilenav .level_2 li span {
		background:#104884;
		color:#FFFFFF;
	}
	
	.mobilenav .level_3 {
		display:none;
	}
	
	.mobilenav .level_2 li.submenu > a:before, 
	.mobilenav .level_2 li.submenu > span:before {
		content: "";
	}	
}

.lb #cookiebar {
	display: none !important;
}



/**** cookiebar ****/
.cookie-message {
	top: auto !important;
        border: 0  !important
  }
#cookiebar {
	background: #484848;
	font-size: 12px;
	bottom: 0;
	box-sizing: border-box;
	position: fixed;
	left: 0;
	width: 100%;	
	padding: 0px 16px;
	text-align: center; 
	color: #fff;
	line-height: 2;
	z-index: 10;
}

#cookiebar > .inside {
	
}

#cookiebar button {
	height: 40px;
	line-height: 40px;
	background: #000;
	color: #fff;
	transition: all .3s ease;
	display: inline-block;
  padding: 0 12px;
  border: none;
  cursor: pointer;
  font-weight: 700;	
  text-decoration: none;
  margin-left: 8px;
  margin-top: 0 !important;
}

#cookiebar button:hover,
#cookiebar button:focus {
	background: #fff;
	color: #000;
	text-decoration: none;
}