@import url("fonts/DejaVuSans/stylesheet.css");
@import url('bootstrap/bootstrap.min.css');



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

body {
	background:#51565a url('../img/bg_body.png') top repeat-x;
	/*    background-position: 0 27px;*/
	margin:0; padding:0;
	font:13px/150% 'DejaVuSansBook', Arial, sans-serif;
	color:#c4c5c7;
	overflow-y: scroll;
}

.clear {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Bereich nicht für IE-mac Anfang \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* Bereich nicht für IE-mac Ende */


a {
	color:#fff;
	text-decoration:none;
}

a:hover {
	color:#FB8686;
	text-decoration:none;
}

p { margin:1em 0; }

h1 { font-family:'DejaVuSansCondensed', Arial, sans-serif; font-weight:normal; font-size:30px; line-height:1.25em; margin:0 0 30px 0; color:#fff; }
h2 { font-family:'DejaVuSansCondensed', Arial, sans-serif; font-weight:normal; font-size:24px; line-height:1.25em; margin:20px 0 0; color:#FB8686; }
h3 { font-family:'DejaVuSansBold', Arial, sans-serif; font-weight:normal; font-size:1.25em; line-height:1.25em; }
h1 a:hover, h2 a:hover { text-decoration:none; }

ul, ol {
	margin:1em 0;
	padding:0 0 0 1.25em;
	text-align:left !important;
}

li {
	margin-bottom:0.5em;
}

strong { font-family:'DejaVuSansBold', Arial, sans-serif; font-weight:normal; }

input, textarea { font-family:'DejaVuSansBook', Arial, sans-serif; font-weight:normal; }
.error input { border:1px solid red !important; }

hr {
	border:0;
	border-top:1px solid #6B6F73;
	height:1px;
	margin:1em 0;
	padding:0;
}

.row-fluid [class*="span"] {
	position:relative;
}

.sort {
    box-shadow: none !important;
    width: 10px;
    height: 10px;
}

#topwrap {
	display:block;
	height:30px;
	background:#000;
	//overflow:hidden;
}

#toppanel {
	min-height:30px;
	font-family:'DejaVuSansBook', Arial, sans-serif; font-weight:normal;
	font-size:12px;
	color:#fff;
	line-height:30px;
}
#toppanel a {
	font-family:'DejaVuSansBold', Arial, sans-serif; font-weight:normal;
	font-size:12px;
	color:#fff;
    padding-left: 25px;
}
.top_left {
	position:relative;
	float:left;
	cursor:pointer;
}
.top_right {
	#display:none;
	#visibility:hidden;
	float:right;
}

#wrap_languageMenu {
	display:inline-block;
	height:30px;
	position:relative;
}

#languageMenu {
	display:none;
	position:absolute;
	top:30px;
	left:-10px;
	background-color: #000;
	border-radius: 0 4px;
	z-index:999;
	width:100px;
}
#languageMenu ul {
	list-style:none;
	margin:0;
	padding:0;
}
#languageMenu li {
	list-style-type: none;
	padding: 0;
	margin:0;
	line-height:29px;
	border-top:1px solid #333;
}
#languageMenu li a {
	text-decoration: none;
	color: #FFF;
	font-family:'DejaVuSansBook', Arial, sans-serif; font-weight:normal;
	padding:0 10px;
	display:block;
}
#languageMenu li a:hover {
	text-decoration: none;
	background-color:#333;
}

#current_lang a {
	font-family: 'DejaVuSansBook',Arial,sans-serif;
}

#searchform { margin:0; padding:0; float:right; }
#searchform input[type=submit] { display:none; }
#searchform input[type=text] { border:1px solid #666; background:#333333; height:18px; width:208px; color:#fff; padding:2px 5px; margin-top:-1px; }


#pagewrap {
	background:url('../img/bg_page.jpg') center top no-repeat;
	/*    background-position: center 30px; */
	height: auto;
	min-height: 100%;
	padding-bottom: -61px; /* Muss genau so hoch sein wie der Footer */
}

.startpage #pagewrap { background:url('../img/bg_index.jpg') center top no-repeat; /* background-position:center 30px; */ }
.product_detail #pagewrap { background:url('../img/bg_index.jpg') center top no-repeat; /* background-position:center 140px; */ }

header {
	border-bottom:1px solid #51565a;
}

.logo {
	margin-top:28px;
	margin-bottom:21px;
}

.logo img {
	width:140px;
	height:61px;
}

#main {
	padding:40px 0 100px;
}

#main #content article p:first-child {
	margin-top:0;
}

#main img {
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.75);
	box-shadow: 0 0 10px rgba(0,0,0,0.75);
}

article h1 { font-family:'DejaVuSansCondensed', Arial, sans-serif; font-weight:normal; font-size:24px; line-height:1.25em; margin:30px 0 0; color:#fff; }
.product_detail article h1 { font-family:'DejaVuSansCondensed', Arial, sans-serif; font-weight:normal; font-size:30px; line-height:1.25em; margin:0 0 0 0; color:#fff; }
.product_detail article h2 { color:#FB8686; }


#slidersection { min-height:455px; }
#teasersection { background:url('../img/bg_seperator.jpg') center top no-repeat; min-height:235px; line-height:1.25em; }
#teasersection h1 { font-family:'DejaVuSansCondensed', Arial, sans-serif; font-weight:normal; font-size:20px; line-height:1.25em; }
#teasersection img { border:1px solid #666; }

.img.left {
	float:left;
	margin-right:15px;
}

.description {
	margin:1em 0;
}

img.preview {
	cursor:pointer;
}
#preview {
	position:absolute;
	border:1px solid #ccc;
	background:#202626;
	padding:5px;
	display:none;
	color:#fff;
}
#preview img {
	max-width:300px;
	max-height:300px;
}


footer {
	position: relative;
	margin-top: -61px; /* Negativer Wert der Footer-Höhe */
	height: 45px;
	clear:both;

	font-size:11px;
	color:#a8abad;
	padding-top:15px;
	border-top:1px solid #51565a;
	background: #51565a url('../img/bg_footer.jpg') center top no-repeat;
}

.footernav { text-align: right; }

.footernav a { color:#a8abad; }
.footernav a:hover { color:#fff; text-decoration:none; }


address {
	font-style:normal;
}



/* Menus */

#topmenu {
	display:none;
	visibility:hidden;
}
#topmenu ul {
	margin:0;
	padding:0;
	list-style:none;
}
#topmenu li {
	margin:0;
	padding:0;
}
#topmenu li a {
	display:block;
	font-size:20px;
	margin:0;
	padding:6px 0;
	font-family:'DejaVuSansBook', Arial, sans-serif; font-weight:normal;
	color:#c4c5c7;
	border-top:1px solid #51565a;
}
#topmenu li:last-child a {
}
#topmenu li a:hover {
	color:#fff;
	text-decoration:none;
}
#topmenu li.active a {
	font-family:'DejaVuSansBold', Arial, sans-serif; font-weight:normal;
	color:#fff;
}

#topmenu div {
	margin:0;
	padding:0;
	border:0 none;
	background:none;
	position:absolute;
	right:0;
	top:0;
	height:30px;
	line-height:28px;
	float:right;
}

#topmenu #menu img {
	height:20px;
	width:auto;
}

#mainmenu {
	margin-top:47px;
	margin-bottom:30px;
}

#mainmenu ul {
	margin:0;
	padding:0;
	list-style:none;
}

#mainmenu li {
	float:left;
	padding:0;
	margin:0;
}
#mainmenu li a {
	display:block;
	margin-right:20px;
	padding:0;
	width:140px;
	height:33px;
	line-height:33px;
	border-radius: 5px;
	color:#c4c5c7;
	font-family:'DejaVuSansCondensed', Arial, sans-serif;
	font-weight:normal;
	font-size:20px;
	text-align: center;

	transition: background .25s ease-out;
	-moz-transition: background .25s ease-out;
	-webkit-transition: background .25s ease-out;
}
#mainmenu li:last-child a { width:139px; margin-right: 0; }
#mainmenu li a:hover {
	text-decoration:none;
	color:#fff;
	background:#51565a;
	border-radius: 5px;
}
#mainmenu li a:active {
	color:#000;
	background:#fff;
}
#mainmenu li.current a, #mainmenu li.active a,
#mainmenu li.rex-current a, #mainmenu li.rex-active a {
	background:#8d0000 url('../img/bg_mainmenu_active.png') no-repeat;
	color:#fff;
}

#submenu ul {
	margin:0;
	padding:0;
	list-style:none;
}
#submenu ul li {
	margin:0 0 10px;
	padding:0;
	background:url('../img/bg_submenu.png') top left repeat-x;
	border-radius:5px;
}
#submenu li a {
	display:block;
	width:auto;
	font-weight:normal;
	font-size:16px;
	padding:0 10px 0 35px;
	line-height:30px;
	color:#c4c5c7;
	background:url('../img/bg_submenu_a.png') 5px 5px no-repeat;
	background-size:20px 20px;
	border-radius:5px;

	transition: background .25s ease-out;
	-moz-transition: background .25s ease-out;
	-webkit-transition: background .25s ease-out;
}
#submenu li a:hover {
	text-decoration:none;
	color:#fff;
	background-size:20px 20px;
	border-radius:5px;
}
#submenu li.active a, #submenu li.rex-current a, #submenu li.rex-active a {
	color:#8d0000;
	background:#fff url('../img/bg_submenu_a.png') 5px 5px no-repeat;
	background-size:20px 20px;
	border-radius:5px;
}



/* Slider */

.contentslider .bx-wrapper .bx-viewport {
    background: none;
    border: 0 none;
    box-shadow: none;
    left:0;
    padding:10px;
    margin:-10px;
}

.bxslider {
	margin:0;
	padding:0;
}
.contentslider .bxslider li {
	margin-right:20px;
}

.contentslider .bx-wrapper .bx-controls-direction a { top: 108px; }

.startslider {
	position:relative;
}

.startslider .bx-wrapper .bx-viewport {
    background: none;
    border: 0 none;
    box-shadow: none;
    left:0;
}
.startslider p {
	margin:0;
}
.startslider h2 {
    color: #C4C5C7;
    font-family: 'DejaVuSansBook',Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    left: 60%;
    line-height: 1.25em;
    margin: 0;
    position: absolute;
    top: 390px;
}
.startslider h2  span {
    color: #FFFFFF;
    font-size: 16px;
}
.startslider .bx-prev { display:none; }
.startslider img {
	box-shadow: none !important;
}
.startslider img.shadow {
	position:absolute;
	top:0;
	left:0;
}

/* Kollektion */


.kollektion img, .product_detail img {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow:none !important;
}

.kollektion input[type="text"] {
	background: #3d4043;
	color: #fff;
}

#filter {
	position:relative;
	background:#fff;
	border-radius:5px;
	margin:0 0 2em 0;
	padding:10px;
	color:#000;
}
#filter h2 {
	font-size:20px;
	color:#8d0000;
	border-bottom:1px solid #8d0000;
	margin:5px 0 0;
	padding:0;
}
#filter form {
	margin:1em 0 0;
	padding:0 10px;
}
#filter h3 {
	clear:both;
	font-size:13px;
	margin:1em -10px 0;
}
#filter input[type=submit], #filter input[type=button] {
	display:block;
	margin:1em 0 5px;
	background:url('../img/bg_btn.png') top left repeat-x;
	width:100%;
	height:33px;
	line-height:33px;
	border:0 none;
	border-radius:5px;
	font-size:18px;
	font-family:'DejaVuSansCondensed', Arial, sans-serif; font-weight:normal;
	color:#fff;
}

input[type=submit].disabled, input[type=button].disabled, button.disabled {
	background-image:url('../img/bg_submenu.png');
}

#filter .color {
	float: left;
	width: 30px;
	height:30px;
	position:relative;
}

#filter .color label {
	display:block;
	float:left;
	width:20px;
	height:20px;
	border:1px solid #ddd;
	cursor: pointer;
	float: left;
}

#filter .color input[type=checkbox] {
   display:none;
}

#filter .color input[type=checkbox]:checked + label {
	border:1px solid #999;
}

#filter .color input[type=checkbox]:checked + label:after {
	content: '\2714';
	font-size: 18px;
	position: absolute;
	top: 1px;
	left: 6px;
	color: #ccc;
}


#filter input[type=text] {
	background:#eee;
	border:1px solid #ccc;
	color:#000;
}
#filter input[type=text]:focus {
	background:#fff;
	border:1px solid #999;
}

.product {
	background:#3d4043;
	border-radius:5px;
	margin-bottom:1em;
	position:relative;
	width:100%;
	height:328px;
	overflow:hidden;

	transition: background .25s ease-out;
	-moz-transition: background .25s ease-out;
	-webkit-transition: background .25s ease-out;
}
.product:hover {
	background:#51565a;

	transition: background .25s ease-out;
	-moz-transition: background .25s ease-out;
	-webkit-transition: background .25s ease-out;
}

.product img {
	position:absolute;
	top:0;
	right:0;
}

.product .caption {
	display: block !important;
	font-size:12px;
	line-height:1.25em;
	color:#C4C5C7;
	position:relative;
	z-index:999;

	border-top:1px solid #6b6f73;
	margin:235px 10px 0;
	padding:10px 20px 0 0;

	background:url('../img/bg_submenu_a.png') right 5px no-repeat;
	background-size:20px 20px;
}
.product .caption span {
	font-size:16px;
	color:#fff;
}
.product_image {
	float:right;
	width:50%;
	position:relative;
}
.product_image img {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow:none;
}
.product_image img.shadow {
	position:absolute;
	left:0;
	top:0;
}
.product_description {
	float:left;
	width:50%;
	position:relative;
}
    .product_description h1 { float: left; }
    #auslaufmodell-kollektion {
        color: #8D0000;
        padding-left: 5px;
        font-weight: bold;
    }
    #auslaufmodell {
        background-color: #FB8686;
        border-radius: 50%;
        height: 22px;
        width: 22px;
        float: left;
        margin-left: 10px;
    }
        #auslaufmodell:hover { cursor: pointer; }
        #auslaufmodell p {
            color: #fff;
            font-size: 1.6em;
            margin: 5px;
            padding-top: 1px;
        }
.product_table {
	float:left;
	width:50%;
	position:relative;
}
div.product_table { margin-top: 290px; }

.product_colours {
	clear:both;
	margin:2em 0;
}
.product_colours div.product_colour {
	position:relative;
	width:50px;
	height:50px;
	border-radius:25px;
	margin:0 10px 10px 0;
	float:left;

	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.75);
	box-shadow: 0 0 10px rgba(0,0,0,0.75);
}
.product_colours div.product_colour.active {
	color:#FB8686 !important;

	-moz-box-shadow: 0 0 15px rgba(255,0,0,1);
	-webkit-box-shadow: 0 0 15px rgba(255,0,0,1);
	box-shadow: 0 0 15px rgba(255,0,0,1);
}

.product_colours div.product_colour span {
	position:absolute;
	right:-10px;
	bottom:-10px;
	font-size:12px;
	font-family:'DejaVuSansCondensed', Arial, sans-serif; font-weight:normal;
}


#pagination a {
	margin:1em 0;
}
#pagination a {
	display:block;
	width:33px;
	height:33px;
	background:url('../img/bg_pagination.png');
	float:left;
	line-height:33px;
	font-size:20px;
	text-align:center;
	margin-right:10px;
}
#pagination a.active {
	background:url('../img/bg_pagination_active.png');
	color:#000;
}
#pagination a:hover {
	background:url('../img/bg_pagination_active.png');
	text-decoration:none;
	color:#8d0000;
}

#elementsPerPage {
	float:right;
	margin-top:-25px;
}

/* Product colors */
.c1 {
	background: #000000;
}
.c2 {
	background: #3c393a;
}
.c3 {
	background: #635d61;
}
.c4 {
	background: #948e84;
}
.c9 {
	background: #ffffff;
}
.c11 {
	background: #342524;
}
.c12 {
	background: #65342a;
}
.c21 {
	background: #652520;
}
.c22 {
	background: #763f2e;
}
.c14 {
	background: #9a5239;
}
.c16 {
	background: #a58067;
}
.c23 {
	background: #89422c;
}
.c17 {
	background: #e1d3ba;
}
.c18 {
	background: #e98b01;
}
.c19 {
	background: #edaa00;
}
.c31 {
	background: #101928;
}
.c32 {
	background: #04416a;
}
.c33 {
	background: #3a8ac5;
}
.c34 {
	background: #8fcfe2;
}
.c36 {
	background: #e65f1f;
}
.c37 {
	background: #592b62;
}
.c38 {
	background: #866ca9;
}
.c51 {
	background: #551d23;
}
.c54 {
	background: #ca1428;
}
.c55 {
	background: #ce588b;
}
.c57 {
	background: #db863c;
}
.c58 {
	background: #f3c3ba;
}
.c71 {
	background: #102b21;
}
.c72 {
	background: #007758;
}
.c73 {
	background: #009843;
}
.c74 {
	background: #00ad9e;
}
.c75 {
	background: #938855;
}
.c76 {
	background: #afc87b;
}




/* Accordion */

.accordion {
	clear:both;
	margin:2em 0;
	border-bottom:1px solid #6b6f73;
}
.accordion div {
	border-top:1px solid #6b6f73;
}
.accordion .title {
	display:block;
	text-decoration:none !important;
	padding:5px 15px;
	cursor:pointer;
	margin:0;
	background:url('../img/accordion_plus.png') left no-repeat;
	font-size:15px;
	font-family:'DejaVuSansCondensedBold', Arial, sans-serif; font-weight:normal;
}
.accordion .title:hover {
	background-image:url('../img/accordion_plus_hover.png');
	color:#fff;
}
.accordion .active .title {
	background-image:url('../img/accordion_minus.png');
}
.accordion .active .title:hover {
	background-image:url('../img/accordion_minus_hover.png');
	color:#fff;
}

.accordion .content {
	display:none;
	padding:0 15px 15px 15px;
	border:0 none;
	line-height:120%;
}



/* Formulare */

input[type=text], input[type=email], input[type=password], textarea, #editForm select {
	width:100%;
	border:0 none;
	background:#fff;
	margin-bottom:1em;
	padding:3px 1px;
	font-size:13px;
	margin-right:-2px;
	border-radius:2px;
	margin-left:0 !important;
}

input[type=number] {
	width:100%;
	border:0 none;
	background:#fff;
	padding:3px 1px;
	margin-bottom:1em;
	font-size:13px;
	border-radius:2px;
}


input:focus, textarea:focus {
	background:#eee;
}
input[type=submit], button, .btn {
	display:inline-block;
	padding:0 10px;
	margin:1em 0 5px;
	background:url('../img/bg_btn.png') center center repeat-x;
	height:33px;
	line-height:33px;
	border:0 none;
	border-radius:5px;
	font-size:18px;
	font-family:'DejaVuSansCondensed', Arial, sans-serif; font-weight:normal;
	color:#fff;
}

button {
	margin-top: 5px;
	white-space: nowrap;
}

button.small, input.small {
	font-size:12px;
	height:24px;
	line-height:24px;
}

button.gray, input.gray, a.btn.gray {
	/* background:#51565a; */
	background:url('../img/bg_submenu.png') center center repeat-x;
	color:#C4C5C7;
}
button.gray:hover, input.gray:hover, a.btn.gray:hover {
	color:#fff;
}


.alert-error { color:#FB8686; }
.alert-success { color:rgb(21, 179, 20); }


#orderForm input[type=text] {
	width: 220px;
}

#orderForm label {
	width: 135px;
	float: left;
}

#shoppingCart input[type="number"], #cartButton input[type="number"] {
	height: 16px;
	width: 60px;
	margin:0;
}

.product_table input[type=number] {
    height: 18px;
    width: 60px;
    margin-right: 4px;
    margin-top: 12px;
}

#shoppingCart select, #cartButton select {
	height: 24px;
}





#delivery { display:none; }




/* Tabellen */

table { margin:1em 0;}

table.product_table {
	font-size:12px;
	font-family:'DejaVuSansCondensed', Arial, sans-serif; font-weight:normal;
	border-collapse:collapse;
	border:1px solid #6B6F73;
	width:100%;
	text-align:center;
	margin-bottom:2em;
}

table.product_table td,
table.product_table th {
	border-collapse:collapse;
	border:1px solid #6B6F73;
	padding-left:4px;
	padding-right:4px;
}
table.product_table tr th:first-child,
table.product_table tr td:first-child {
	text-align:left;
}
table.product_table tr th {
	font-size:13px;
	font-family:'DejaVuSansCondensedBold', Arial, sans-serif; font-weight:normal;
	color:#fff;
	background:#202626;
	border-top:1px solid #202626;
}
table.product_table tr th:first-child { border-left:1px solid #202626; }
table.product_table tr th:last-child { border-right:1px solid #202626; }

table.product_table .tr_group {
	font-family:'DejaVuSansCondensedBold', Arial, sans-serif; font-weight:normal;
	color:#fff;
	background:#6B6F73;
}

.totalPrices {
	height: 40px;
	font-weight: bold;
}


table.users_table {
	font-size:12px;
	font-family:'DejaVuSansCondensed', Arial, sans-serif; font-weight:normal;
	border-collapse:collapse;
	border:1px solid #6B6F73;
	width:50%;
	text-align:left;
	margin-bottom:2em;
}
table.users_table td,
table.users_table th {
	border-collapse:collapse;
	border:1px solid #6B6F73;
	padding-left:4px;
	padding-right:4px;
}
table.users_table tr th:first-child,
table.users_table tr td:first-child {
	width: 100px;
}





/* Misc */

.clear {
	clear:both;
}

.container {
	position:relative;
	margin:0 auto;
}

a.morebtn {
	background:url('../img/bg_morebtn_big.png') top right no-repeat;
	line-height:20px;
	padding:2px 25px 2px 5px;
	font-size:12px;
	border-radius: 5px;
	box-shadow:0 1px 1px #202626;
}
a.morebtn:hover {
	text-decoration:none;
}



#filter_toggle { display:none; }



.product a img:hover {
	margin-top:-5px;
}

.price {
    float: right;
    margin-top: 210px;
    margin-right: 10px;
}

.hide_me {
  position: absolute;
  clip: rect(0,0,0,0);
}

.color_label {
	height: 50px;
}

input.hide_me:focus + label {
  font-weight: bold;
}

input.hide_me:checked + label {
	/* border: 1px solid red; */
}

#selectType,
#selectVariante,
#selectBreite,
#selectColor,
#price,
#shoppingCart {
	margin-bottom: 25px;
}

.product_detail #shoppingCart {
    /*display: none;*/
}

#productForm {
	margin-bottom: 45px;
	float:left;
}

#selectSchliesse {
	/*display: none;*/
	margin-top: 25px;
}

#price {
	font-weight: bold;
	color: white;
	font-size: 1.2em;
}

#editForm label {
	width: 200px;
	float: left;
}

#editForm input[type=text], #editForm input[type=email], #editForm input[type=password], #editForm select {
	float: left;
	width: 320px;
}

#productForm label.konfigurator {
	float: left;
	width: 100px;
}

#wishColor input {
    width: 200px;
}






/* Responsive */

@media (min-width: 980px) {
	section h1 { margin-left:320px; }
	.kollektion section h1 { margin-left:0; }
	article h1 { margin-left:0; }
	#kollektionForm { display:block; }
	#productForm { position: relative; width: 50%; }
}

@media (min-width: 768px) and (max-width: 979px) {
	/*	section h1 { margin-left:248px; }
	article h1 { margin-left:0; } */
	#mainmenu li a {
		margin-right:12px;
		width:110px;
		font-size:18px;
	}
	#mainmenu li:last-child a { width:109px; margin-right: 0; }
	#submenu li a {
		font-size:14px;
	}
	#searchform input[type=text] { width:128px; }

	body { background-size:auto 470px; }
	.startpage #pagewrap { background-size:1085px 469px; }
	.product_detail #pagewrap { background-size:1085px 469px; }
	.product {
		height:275px;
	}
	.product .caption {
		font-size:12px;
		margin:180px 10px 0 10px;
		padding:10px 10px 0 0;
	}
	.product_description {
		margin-top: 40px;
	}
	#filter { font-size:11px; }
	#filter form { display:block !important; padding:0; }
	#filter h3 { margin:1em 0 0; }
	#filter input[type=button] { font-size:14px; }

	#kollektionForm { display:block; }

	.contentslider .bx-wrapper .bx-controls-direction a { top: 85px; }

	.startslider .bx-viewport {
		padding-bottom: 90px;
	}
	.startslider h2 {
	    left: 20%;
    	position: absolute;
	    top: 380px;
	}
	#productForm { position: relative; width: 50%; }

}

@media (max-width: 767px) {
	p { margin:1.5em 0; }
	article h1 { margin:30px 0 0; }
	#pagewrap {
		min-width:400px;
	}
	.container {
		margin-left:70px;
		margin-right:70px;
	}
	#topwrap {
		display:block;
		visibility:visible;
		height:auto;
		min-height:30px;
		background:#000;
	}
	#topmenu {
		display:block;
		visibility:visible;
	}
	#topmenu ul {
		display:none;
	}
	/* .top_left { display:none; visibility:hidden; } */
	header div { min-height:1px !important; }
	#main { padding:40px 0 120px; }
	#mainmenu {
		display:none;
		visibility:hidden;
	}
	#submenu ul {
		margin-bottom:3em;
	}
	footer {
		position: relative;
		margin-top: -91px; /* Negativer Wert der Footer-Höhe */
		height: 75px;
		clear:both;

		font-size:11px;
		color:#a8abad;
		padding-top:15px;
		border-top:1px solid #51565a;
		background: #333 url('../img/bg_footer.jpg') center top no-repeat;
	}
	.footernav { text-align: left; }
	#toppanel .top_right { display:none; }

	.startpage #pagewrap { background:none; }
	.product_detail #pagewrap { background:none; }


	.product_image {
		float:none;
		margin-top:0;
		height:auto;
		width:100%;
	}
	.product_image img {
		max-height:520px;
	}

	#contentslider {
		margin:0;
		width:400px !important;
	}
	#contentslider .panel {
		width:400px !important;
	}

	#productForm {
		float:none;
	}

	.product_description, .product_table {
		float:none;
		width:100%;
		margin-top:0;
	}
	.product img {
		max-height:245px;
		left:17px;
	}

	#filter h2 {
		display:none;
	}
	#filter.active h2 {
		border-bottom:1px solid #8d0000;
	}
	#filter form {
		display:none;
		padding-top:1px;
		padding-bottom:1px;
	}
	#elementsPerPage {
		margin:1px 0 1em;
	}

	#filter h2#filter_toggle {
		display:block !important;
		border:0 none;
	}
	#filter h2#filter_toggle a {
		display:block;
		background:url('../img/mobilenav_icon.png') right 3px no-repeat;
		background-size:24px 16px;
		color:#8D0000 !important;
	}


	.contentslider .bx-wrapper .bx-controls-direction a { top: 35px; }

	.startslider {
		margin:1em 0 4em;
	}
	.startslider h2 {
		position:relative;
		left:auto;
		top:auto;
		text-align:center;
	}

}

/** Cookie Consent **/
.cc_container {
    background: #686D71!important;
}

.consent {
    font-size: 12px;
    margin: 0.5em 0;
    line-height: 1.2;
}
.cc_container .cc_btn {
    background: #8d0000 url('../img/bg_mainmenu_active.png') no-repeat;
    background-color: #8d0000!important;
    color: #fff!important;
    max-width: 110px!important;
}