/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}/*
 * Selecter v3.1.5 - 2014-07-29
 * A jQuery plugin for replacing default select elements. Part of the Formstone Library.
 * http://formstone.it/selecter/
 *
 * Copyright 2014 Ben Plum; MIT Licensed
 */

	.selecter { display: block; margin: 10px 0; position: relative; max-width: 30%; z-index: 1; }

	.selecter .selecter-element { *left: -999999px; height: 100%; left: 0; position: absolute; opacity: 0; width: 100%; z-index: 0; pointer-events: none}
	.selecter .selecter-element,
	.selecter .selecter-element:focus { outline: none;
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		-webkit-tap-highlight-color: transparent;
	}

	.selecter .selecter-selected { background: #49554d url(/images/select-arrowv3.png) no-repeat right center; border: 1px solid #ccc; border-radius: 3px; color: #333; cursor: pointer; display: block; font-size: 13px; margin: 0; overflow: hidden; padding: 8px 10px; position: relative; text-overflow: clip; z-index: 2; }
	.selecter .selecter-options { border: 1px solid #ccc; border-width: 0 1px 1px; background-color: #fefefe; border-radius: 0 0 3px 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); display: none; left: 0; margin: 0; max-height: 260px; overflow: auto; overflow-x: hidden; padding: 0; position: absolute; top: 100%; width: 100%; *width: auto; z-index: 50; }
	.selecter .selecter-group { background: #49554d; border-bottom: 1px solid #e3e3e3; color: #999; display: block; font-size: 11px; padding: 5px 10px 4px; text-transform: uppercase; }
	.selecter .selecter-item { background: #49554d; border-bottom: 1px solid #e3e3e3; color: #333; cursor: pointer; display: block; font-size: 13px; margin: 0; overflow: hidden; padding: 8px 10px; text-overflow: ellipsis; width: 100%; }
	.selecter .selecter-item.placeholder { display: none; }
	.selecter .selecter-item.selected { background: #49554d; }
	.selecter .selecter-item.disabled { color: #999; cursor: default; }
	.selecter .selecter-item:first-child { border-radius: 0; }
	.selecter .selecter-item:last-child { border-radius: 0 0 2px 2px; border-bottom: 0; }

	@media screen and (min-width: 980px) {
		.selecter .selecter-item:hover,
		.selecter .selecter-item.selected:hover { background-color: #8F887F; }
		.selecter .selecter-item.disabled:hover { background-color: #49554d; }

		.selecter:hover .selecter-selected { background-color: #49554d; }

		.selecter.disabled .selecter-item:hover { background: #49554d; }
	}

	/* Open */
	.selecter.open { z-index: 3; }
	.selecter.open .selecter-selected { border-radius: 3px 3px 0 0; z-index: 51; }

	.selecter.open .selecter-selected,
	.selecter.focus .selecter-selected { background-color: #49554d; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

	/* 'Cover' Positioning */
	.selecter.cover .selecter-options { border-radius: 3px; border-width: 1px; top: 0; }
	.selecter.cover .selecter-options .selecter-item.first { border-radius: 3px 3px 0 0; }
	.selecter.cover.open .selecter-selected { border-radius: 3px 3px 0 0; z-index: 49; }

	/* 'Bottom' Positioning */
	.selecter.bottom .selecter-options { border-width: 1px 1px 0; bottom: 100%; top: auto; }
	.selecter.bottom .selecter-item:last-child { border: none; }
	.selecter.bottom.open .selecter-selected { border-radius: 0 0 3px 3px; }
	.selecter.bottom.open .selecter-options { border-radius: 3px 3px 0 0; }

	/* 'Bottom' + 'Cover' Positioning */
	.selecter.bottom.cover .selecter-options { bottom: 0; top: auto; }
	.selecter.bottom.cover.open .selecter-selected { border-radius: 3px; }
	.selecter.bottom.cover.open .selecter-options { border-radius: 3px; }

	/* Multiple Select */
	.selecter.multiple .selecter-options { border-radius: 3px; border-width: 1px; box-shadow: none; display: block; position: static; width: 100%; }

	/* 'Disabled' State */
	.selecter.disabled .selecter-selected { background: #49554d; border-color: #eee; color: #ccc; cursor: default; }
	.selecter.disabled .selecter-options { background: #49554d; border-color: #eee; }
	.selecter.disabled .selecter-group,
	.selecter.disabled .selecter-item { border-color: #eee; color: #ccc; cursor: default; }
	.selecter.disabled .selecter-item.selected { background: #fafafa; }

	/* Scroller Support */
	.selecter .selecter-options.scroller { overflow: hidden; }
	.selecter .selecter-options.scroller .scroller-content { max-height: 260px; padding: 0; }

	/* Media Queries */
	@media screen and (max-width: 740px) {
		.selecter { max-width: 40%; }
	}
	@media screen and (max-width: 500px) {
		.selecter { max-width: 100%; }
	}
/*! jQuery UI - v1.11.4 - 2017-04-20
* http://jqueryui.com
* Includes: core.css, slider.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}/* ==========================================================================
    #Fonts
========================================================================== */
@font-face {
    font-family: 'Syncopate Bold';
    src: url('fonts/syncopate-bold.eot');
    src: url('fonts/syncopate-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/syncopate-bold.woff') format('woff'),
         url('fonts/syncopate-bold.ttf') format('truetype'),
         url('fonts/syncopate-bold.svg#syncopatebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Syncopate Regular';
    src: url('fonts/syncopate-regular.eot');
    src: url('fonts/syncopate-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/syncopate-regular.woff') format('woff'),
         url('fonts/syncopate-regular.ttf') format('truetype'),
         url('fonts/syncopate-regular.svg#syncopateregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Muli Regular';
    src: url('fonts/muli-regular.eot');
    src: url('fonts/muli-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/muli-regular.woff') format('woff'),
         url('fonts/muli-regular.ttf') format('truetype'),
         url('fonts/muli-regular.svg#muliregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Muli Light';
    src: url('fonts/muli-light.eot');
    src: url('fonts/muli-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/muli-light.woff') format('woff'),
         url('fonts/muli-light.ttf') format('truetype'),
         url('fonts/muli-light.svg#mulilight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Muli Light Italic';
    src: url('fonts/muli-light-italic.eot');
    src: url('fonts/muli-light-italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/muli-light-italic.woff') format('woff'),
         url('fonts/muli-light-italic.ttf') format('truetype'),
         url('fonts/muli-light-italic.svg#mulilight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}@charset "utf-8";
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }

html,
body {
    height: 100%;
    background-color: #94a7ae;
}

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }

img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }
.nomargin { margin: 0 !important }
.nopadding { padding: 0 !important }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; margin: 0; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: #fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; border-radius: 0; background-color:#64766a}

button,
select { text-transform: none; background: #fff; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

ul,
ol { padding-left: 20px; }

nav ul,
nav ol { list-style: none outside none; padding: 0; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { background: #94a7ae; font-family: 'Muli', sans-serif; font-size: 14px; line-height: 1.43; color: #f7f4ef; }

a { color: inherit; text-decoration: none; display: inline-block; }

a:hover,
button:hover { cursor: pointer; }

a i { }
a:hover i { }

a[href^="tel"] { text-decoration: none; }

img { border: 0; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.43em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

@media (max-width: 768px){
	body { font-size: 12px; }
}


h1{
    color: #4f585b;
}


/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */


div.hinweis { position: fixed; z-index: 500;  top: 50%; left: 50%; margin-top: -50px; margin-left: -278px; padding: 10px; }
div.hinweis { border: 7px solid #ADD2ED; background-color: #94a7ae; text-align: center; }

@media (max-width: 767px) {
	div.hinweis { width: 300px;	margin-left: -148px; }
	.hinweis .btn + .btn { margin-top: 20px; }
}

.clear:after { content: ''; line-height: 0; display: table; clear: both; }

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }

[hidden],
.hidden { display: none; }

.alignleft { float: left; }

.aligncenter { text-align: center; }

.alignright { float: right; }

[disabled],
.disabled { cursor: default; }

.mobileonly { display: none; }
.tabletonly { display: none; }

[class^='ico'] { display: inline-block; vertical-align: middle; font-size: 0; background-repeat: no-repeat; background-position: center; }

.border { border: 1px solid #000000; }

@media (max-width: 768px){
	.desktoponly { display: none !important; }
	.tabletonly { display: none !important; }
	.mobileonly { display: block !important;}
}

@media (min-width: 769px) and (max-width: 1115px){
	.mobileonly { display: none !important; }
	.desktoponly { display: none !important; }
    .tabletonly {display: block !important;}
}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { margin: 0 auto; }
.shell { max-width: 1240px; margin: 0 auto; }


@media (max-width: 768px){
	.wrapper { transition: left .3s; position: relative; left: 0; background: #94a7ae; }
	.wrapper.active { left: 245px; overflow: visible; }
}
@media (max-width: 1280px) {
    .content { padding-left: 40px; }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { position: relative; margin: 20px 40px 0 40px; z-index: 2;}

.header .logo { position: relative; display: inline-block; float: left; width: 100px; z-index: 2;}
.header .logo_subline { width: 436px; visibility: hidden }

.header .header-inner { position: relative; width: 490px; float: left; margin-top: -5px; padding-left: 20px; z-index: 2; }

.header .page-title { width: 460px; margin-left: -4px; float: left; vertical-align: top; line-height: 40px; font-size: 40px; font-family: "Syncopate Regular", sans-serif; text-transform: uppercase; }

.header .cert { position: relative; top: -9px; text-align: right; margin-bottom: -10px; z-index: 0;}
.header .cert a { margin-left: 20px; }
.header .cert img { height: 70px; width: auto; }
.header .cert .widget_container_stars_badge { float:left; margin-left: 40px; height: 140px }

.header .cert .widget_container_badge { display: none; }
@media (max-width: 1210px) 
{
    .header .cert .widget_container_stars_badge {display:  none;}
    .header .cert .widget_container_badge { display: block; float: right; margin: 17px 0px -10px 28px}
}
@media (max-width: 1024px)
{
    .header .cert .widget_container_badge { margin: 6px 0px -17px 49px}
}


.header .stoerer { position: absolute; left: 480px; width: 30px; top: -5px; z-index: 2;}
.header .slogan { display: inline-block; margin-left: 0px; vertical-align: bottom; line-height: 10px; font-size: 18px; font-family: "Syncopate Regular", sans-serif; text-transform: uppercase; }

.header-inner-bottom { float: right; margin-top: 10px; margin-bottom: 25px;}

.header-inner-bottom .cart,
.header-inner-bottom .search { float: left; }


.search { margin-top: 4px; position: relative; }
.search-field { font-size: 14px; height: 30px; width: 260px; padding: 4px 5px; border: 1px solid #5b5b5b; position: relative; z-index: 1; }
.search-btn { width: 28px; height: 28px; position: absolute; right: 1px; top: 1px; background: url(/images/ico-search.png) no-repeat center #64766a; z-index: 2; border: 0; text-indent: -9999px; overflow: hidden; cursor: pointer; }

@media (max-width: 768px){
	.header { margin: 20px 10px 0 10px; position: relative; }
	.header .logo { float: none; display: block; margin: 0 auto; }
	.header .header-inner { width: 100%; float: none; margin-top: 20px; padding: 0; padding-left: 40px;}
	.header .page-title { width: 100%; float: none; line-height: 26px; font-size: 26px; text-align: center; }

	.header .cert { display: none; }

	.header .stoerer { position: absolute; top: -18px; left: calc(50% + 150px); }
	.header .slogan { display: block; font-size: 14px; margin: 0; line-height: 14px; text-align: center; margin-top: 10px; margin-bottom: 20px; }

	.header-inner-bottom { display: none; }
    .logo_subline { width: 290px; }
    .cookie_hint {
        padding: 5px;
        padding-bottom: 30px;
    }
    .cookie_hint .btn {
        width: calc(100% - 50px);
        margin: 0 20px;
        bottom: 5px;
        top: auto;
    }
}

@media (max-width: 1024px) {
    .header .cert img { height: 50px; }
}
@media (max-width: 929px) {
    .header .cert a:last-child {display:none;}
}
@media (max-width: 858px) {
    .header .cert img { display: none; }
}
@media (max-width: 799px) {
    .header .cert {display:none;}
}




/* ------------------------------------------------------------ *\
	Header Cart
\* ------------------------------------------------------------ */

.cart { padding-left: 53px; height: 36px; background: url(/images/ico-cart.png) no-repeat left 3px; }
.cart span { text-transform: uppercase; }

.cart ul { list-style-type: none; padding-left: 10px; }
.cart ul li { float: left; line-height: 1; }
.cart ul li + li { padding-left: 5px; margin-left: 5px; border-left: 1px solid #000000; }
.cart ul li + li span { width: 80px; display: inline-block; text-align: right; }


@media (max-width: 768px){
	.mobilecart { position: absolute; top: 0; right: 0; height: 36px; width: 36px; background: url(/images/ico-cart-headline.png) no-repeat left 3px; }
	.mobilecart a { display: block; width: 36px; height: 36px; }
	.open-nav { position: absolute; top: 0; left: 0; }
}

/* ------------------------------------------------------------ *\
	Secondary Nav
\* ------------------------------------------------------------ */

.secondary-nav { text-transform: uppercase; float: right; clear: left; width: 432px; margin-right: 32px; font-size: 18px; }
.secondary-nav ul { float: right; }
.secondary-nav ul li { display: inline-block; }

.secondary-nav ul li + li { margin-left: 15px; }

.secondary-nav a:hover { text-decoration: underline; }

@media (max-width: 768px){
	.secondary-nav { display: none; }
}

/* ------------------------------------------------------------ *\
	Main Nav
\* ------------------------------------------------------------ */

.main-nav { margin: 32px 40px 25px 40px; font-size: 17px; text-transform: uppercase; }

.main-nav .red { color: #25706D; }
.main-nav .orange { color: #ADD2ED; }

.main-nav ul { display: inline-block; }
.main-nav li { display: inline-block; }

.main-nav li { margin-right: 13px; }

.main-nav a:hover { text-decoration: underline; }

@media (max-width: 768px){
	.main-nav { display: none; }
}
@media (max-width: 1115px){
    .main-nav { text-align: center; margin: 32px 20px 25px 20px; font-size: 16px; text-transform: uppercase; }
    .main-nav li { padding-top: 10px; padding-bottom: 10px; }

}


/* ------------------------------------------------------------ *\
	Mobile Nav
\* ------------------------------------------------------------ */

.mobile-nav { display: none; }
.mobile-nav .sale { color: #25706D; }

@media (max-width: 768px){
	.wrapper.active .mobile-nav { position: absolute; top: -20px; bottom: 0; left:-245px; width: 245px; display: block; overflow-y: auto; text-align: left; z-index: 10; background: #64766a; }
	.wrapper.active .mobile-nav .search { margin: 15px; }
	.wrapper.active .mobile-nav .search-field { width: 220px; }

	.wrapper.active .mobile-nav ul { margin-left: 10px; margin-right: 10px; font-size: 14px; line-height: 30px; }
	.wrapper.active .mobile-nav ul li { border-bottom: 1px solid #a3a3a3; }
	.wrapper.active .mobile-nav ul li:last-child { border-bottom: none; }

	.wrapper.active .mobile-nav ul li a { display: block; position: relative; padding: 0 10px; }
	.wrapper.active .mobile-nav li.has-dropdown.current > a { border-bottom: 1px solid #a3a3a3; }
	.wrapper.active .mobile-nav li.has-dropdown > a:after { content: ' '; height: 10px; width: 10px; background: url(/images/ico-nav-expand.png) no-repeat center; display: inline-block; position: absolute; right: 0; top: 11px; }
	.wrapper.active .mobile-nav li.has-dropdown.current > a:after { background: url(/images/ico-nav-current.png) no-repeat center; }

	.wrapper.active .mobile-nav ul ul { display: none; margin-right: 0; }
}

/* ------------------------------------------------------------ *\
	Main Nav
\* ------------------------------------------------------------ */

.widget-nav { margin-left: 40px; text-transform: uppercase; }

.widget-nav .widget-head { font-size: 18px; font-family: "Syncopate Regular", sans-serif; text-transform: uppercase; margin-bottom: 20px; }

.widget-nav ul ul { margin-bottom: 20px; }
.widget-nav ul ul li { padding-left:6px; }

.widget-nav a:hover { text-decoration: underline; }

@media (max-width: 1280px){
	.widget-nav { display: none; }
}

/* ------------------------------------------------------------ *\
	row col
\* ------------------------------------------------------------ */


.row { clear: both; display: block; }
.row:after { clear: both; display: block; content: ' '; }

.row .col { margin-left: 40px; position: relative; float: left; }

.col-1of1 { width: 1240px; }

.col-1of4 { width: 295px; margin-left: 20px; }
.col-2of4 { width: 610px; margin-left: 20px; }
.col-3of4 { width: 925px; margin-left: 20px; }
.col-4of4 { width: 1240px; margin-left: 20px; }

.row .col.col-1of4,
.row .col.col-2of4,
.row .col.col-3of4,
.row .col.col-1of2 { margin-left: 20px; }

.col-1of6 { width: 160px; }
.col-2of6 { width: 360px; }
.col-3of6 { width: 560px; }
.col-4of6 { width: 760px; }
.col-5of6 { width: 960px; }
.col-6of6 { width: 1160px; }

.col-1of2 { width: 570px; }
.col-2of2 { width: 100%; }

.row .col:first-child { margin-left: 0; }

.row.hidden { display: none; }

@media (max-width: 768px){
	.row { margin: 10px 10px 0 10px; display: block; }

	.row .col { margin: 0; }
	.col-1of1,
	.col-1of2,
	.col-2of4,
	.col-3of4,
	.col-4of4,
	.col-2of6,
	.col-6of6 { width: 100%; }

	.row .col.col-1of2,
	.row .col.col-2of4,
	.row .col.col-3of4 { margin-left: 0; }

	.col-1of2 + .col-1of2 { margin-top: 10px; }
}
@media (min-width: 769px) and (max-width: 1115px){
	.row { margin: 10px 10px 0 10px; display: block; }

	.row .col { margin: 0; }
	.col-1of1,
	.col-1of2,
	.col-2of4,
	.col-3of4,
	.col-4of4,
	.col-6of6 { width: 100%; }

    .col-1of6 { width: 33%; }
    .col-2of6 { width: 33%; }

	.row .col.col-1of2,
	.row .col.col-2of4,
	.row .col.col-3of4 { margin-left: 0; }

	.col-1of2 + .col-1of2 { margin-top: 10px; }
}

/* ------------------------------------------------------------ *\
	Pre Footer
\* ------------------------------------------------------------ */

.pre-footer { background-color: #64766a; padding: 20px 0; }

.pre-footer .row { background-color: #94a7ae; padding: 20px 40px; margin-bottom: 20px; }
.pre-footer .row:first-child { margin-top: 20px; }

.pre-footer .footer_cert { display: none; }
.pre-footer .footer_cert img { height: 80px; width: auto; }

@media (max-width: 768px){
    .pre-footer .row {
        position: relative;
    }
	.pre-footer .row { padding: 20px; padding-left: 40px; }
    .pre-footer .footer_cert { display: block; clear:both; text-align: center; padding-top: 15px; }
    /* .pre-footer .footer_cert { display: block; position: absolute; top: 10px; right: 15px; } */

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

    .pre-footer .footer_cert .cert a { padding-top: 15px; }
}


/* ------------------------------------------------------------ *\
	pre Footer 1ST
\* ------------------------------------------------------------ */

.go-top { text-align: center; margin: 40px 0; }
.go-top a { width: 30px; height: 30px; background: url(/images/go-top.png) no-repeat center; }

.contact-head,
.payment-head,
.newsletter-head { font-size: 24px; font-family: "Syncopate Regular", sans-serif; text-transform: uppercase; margin-bottom: 20px; }

.contact-body { font-size: 18px; }
.contact-body p { margin-bottom: 20px; }
.contact-body i + a { margin-left: 13px; }

.payment-body ul { list-style-type: none; padding: 0; display: inline-block; }
.payment-body ul li { display: inline-block; width: 114px; height: 50px; border: 1px solid #ababab; text-align: center; line-height: 43px; margin-left: -6px; margin-bottom: 10px; background-color: #fff; }
.payment-body ul li:nth-child(3n+2) { margin: 0 10px; }

.newsletter-body label { width: 105px; text-align: right; display: inline-block; color: #000 }
.newsletter-body input { width: 240px; height: 30px; border: 1px solid #ababab; color: #fff; padding: 0 5px; margin-top: 10px; }

.newsletter-body input.btn { float: right; }


@media (max-width: 768px){
	.contact-head,
	.payment-head,
	.newsletter-head,
	.contact-body { font-size: 14px; }
	.payment-body ul li { width: 80px; height: 40px; line-height: 34px; margin-left: 0; }
	.payment-body ul li img { width: calc(100% - 20px); }
	.payment-body ul li:nth-child(3n+2) { margin: 0 5px 0 6px; }
	.newsletter-body label { text-align: left; font-size: 14px; }
	.newsletter-body input { margin-top: 0; width: 100%; }
	.newsletter-body input.btn { margin-top: 10px;}

	.contact-head,
	.payment-head,
	.newsletter-head { margin-bottom: 3px; }


	.payment-head,
	.newsletter-head { margin-top: 10px; }
}
@media (min-width: 769px) and (max-width: 1115px){
	.contact-head,
	.payment-head,
	.newsletter-head,
	.contact-body { font-size: 18px; }

}


/* ------------------------------------------------------------ *\
	pre Footer 2nd
\* ------------------------------------------------------------ */

.sitemap-head { font-size: 24px; font-family: "Syncopate Regular", sans-serif; text-transform: uppercase; margin-bottom: 20px; }

.sitemap-body ul { list-style-type: none; text-transform: uppercase; padding: 0; }
.sitemap-body ul li { color: #f7f4ef; }
.sitemap-body ul li:first-child { color: #f7f4ef; font-weight: bold; }

.sitemap-body ul li a:hover { text-decoration: underline; }

/* ------------------------------------------------------------ *\
	pre Footer 3rd
\* ------------------------------------------------------------ */

.bottom-nav span { font-size: 24px; font-family: "Syncopate Regular", sans-serif; text-transform: uppercase; margin-bottom: 20px; }
.bottom-nav ul { list-style-type: none; text-transform: uppercase; padding: 0; }
.bottom-nav ul li a:hover { text-decoration: underline; }

@media (min-width: 769px) AND (max-width: 1115px) {
    .bottom-nav span {font-size: 18px; }

}
/* ------------------------------------------------------------ *\
	Main Footer
\* ------------------------------------------------------------ */

.main-footer { background-color: #94a7ae; color: #333; padding: 20px 0; }
.main-footer .row { padding: 20px 40px; margin-bottom: 20px; }
.main-footer .row:nth-child(2) { color: #4f585b; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; font-size: 12px; }

.main-footer .row:nth-child(2) h2,
.main-footer .row:nth-child(2) h3,
.main-footer .row:nth-child(2) h4 { font-weight: normal; font-size: 12px; line-height: 20px; color: #ffffff; }

/* .main-footer .copyright { padding-left: 40px; border-top: 1px solid #ffffff; } */
/* .main-footer .copyright { padding: 20px 40px; border-top: 1px solid #ffffff; } */
.main-footer .copyright { padding: 0px 40px; }

.main-footer .contacts p { margin-bottom: 0; }
.main-footer .contacts p span { width: 145px; display: inline-block; }
.main-footer .contacts-group { margin-top: 20px; }
.main-footer .contacts-group:first-child { margin-top: 0; }

@media (max-width: 768px){
	.main-footer .row { padding: 0 10px 20px 10px; }
	.main-footer .row:first-child { display: none; }
	.main-footer .row:nth-child(2) { border-top: none; }
	.main-footer .copyright { padding: 0; text-align: center; }
}


/* ------------------------------------------------------------ *\
	Main Footer
\* ------------------------------------------------------------ */

input.btn,
.btn { background: url(/images/arrow-right.png) no-repeat 10px center; background-color: #ADD2ED; color: #ffffff; vertical-align: middle; padding-left: 30px; padding-right: 20px; text-transform: uppercase; font-size: 14px; line-height: 30px; display: inline-block; border: none; width: auto; }

.btn.arrow-left { background: url(/images/arrow-left.png) no-repeat 10px center; background-color: #ADD2ED; }

.btn + .btn { margin-left: 15px; }

.btn.black { background-color: #000000; }

.submit-warenkorb {
    padding-right: 10px !important;
    width: auto;
}

@media (max-width: 768px){
	input.btn,
	.btn { font-size: 12px; padding-left: 20px; padding-right: 5px; }
	.btn + .btn { margin-left: 10px; }
}



/* ------------------------------------------------------------ *\
	Teaser
\* ------------------------------------------------------------ */

.teaser { position: relative; margin-top: 10px; }

.teaser .bxslider li { width: 100%; overflow: hidden; }
.teaser .bxslider img { height: auto; width: 100%; }

.teaser .bx-controls { line-height: 30px; font-size: 30px; font-weight: normal; }
.teaser .bx-next:before { content: ' '; background: url(/images/slider-next.png) no-repeat center; width: 30px; height: 30px; display: inline-block; }
.teaser .bx-prev:before { content: ' '; background: url(/images/slider-prev.png) no-repeat center; width: 30px; height: 30px; display: inline-block; }

.teaser .bx-prev:hover,
.teaser .bx-next:hover { cursor: pointer; }

.teaser .bx-next { right: 20px; }
.teaser .bx-prev { left: 20px; }

.teaser .bx-wrapper .bx-controls-direction a { color: #ffffff; text-align: center; width: 30px; height: 30px; display: block; position: absolute; top: 45%; z-index: 1000; }

.teaser .bx-wrapper .bx-pager { text-align: center; line-height: 10px; margin: 20px 0; }
.teaser .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; }
.teaser .bx-wrapper .bx-pager.bx-default-pager a { background: #ffffff; text-indent: -9999px; border: 1px solid #64766a; border-radius: 50%; display: block; width: 15px; height: 15px; margin: 0 5px; outline: 0; }

.teaser .bx-wrapper .bx-pager.bx-default-pager a:hover,
.teaser .bx-wrapper .bx-pager.bx-default-pager a.active { background: #998681; box-shadow: inset 0 0 0 2px #ffffff; }

.teaser .bxslider .bx-caption { display: none; }


@media (max-width: 768px){
	.teaser { margin: 0 10px; }
	.teaser .bx-controls { display: none; }
}

/* ------------------------------------------------------------ *\
	list-view
\* ------------------------------------------------------------ */

.list-view { margin-bottom: 20px; clear: both; }

.list-view h1 { color:#4f585b; font-size: 30px; font-family: 'Syncopate Regular', sans-serif; font-weight: normal; text-transform: uppercase; margin-bottom: 5px; }

.list-view h2,
.list-view h3,
.list-view h4 { display: block; font-weight: bold; margin-bottom: 10px; }

.list-view h2 { font-size: 18px; }

.list-view h3,
.list-view h4 { font-size: 14px; }

@media (max-width: 768px){
	.list-view h1 { font-size: 14px; text-align: center; }
}

/* ------------------------------------------------------------ *\
	products
\* ------------------------------------------------------------ */

.section-products ul.products { padding-left: 0; list-style-type: none; }
.section-products ul.products li { float: left; height: 440px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 3px solid #64766a; width: 295px; }
.section-products ul.products li + li { margin-left: 20px; }
.section-products ul.products li:nth-child(3n+4) { margin-left: 0; }

.section-products .product-image { height: 295px; }

.section-products .product-image { position: relative; }
.section-products .product-image i { position: absolute; bottom: 0; right: 0; width: 40px; height: 40px; background-color: #94a7ae; opacity: 0.75; }

.section-products .product-image i.ico-config { right: 50px; }
.section-products .product-image i.ico-measurment { right: 100px; }

.section-products .product-content { height: 101px; }

.section-products .product-content span { font-weight: normal; margin-top: 20px; height: 40px; max-height: 40px; display: block; }

.section-products .product-content p { display: block; margin-bottom: 0px; margin-top: 5px; }
/* Member-Preis */
.section-products .product-content p:nth-child(3) { margin-top: 0px; }

.section-products .product-content p .price { font-size: 18px; font-family: 'Arial', sans-serif; display: inline; }
.section-products .product-content span + span { margin-left: 20px; }

.section-products .product-content .price.red { color: #ADD2ED; }
.section-products .product-content .price.old { text-decoration: line-through; }

.price.regular { font-weight: bold; }
.price.member { font-weight: bold;}

.price.regular::after {content:"| regulär"; font-weight: bold;padding-left: 6px; text-transform: uppercase; font-size: 11px; }
.price.member::after { content:"| member"; font-weight: bold; padding-left: 6px; text-transform: uppercase; font-size: 11px; }
.link_member { display: block; font-size: 12px; text-align:right; }


.section-products .product-content p.info { display: block; margin-top: 0; font-size: 12px; font-family: 'Arial', sans-serif; }

.section-products .filters { background-color: #64766a; margin-bottom: 20px; padding: 20px; }
.section-products .filters:after { clear: both; content: ' '; display: block; }

.section-products .filters .col-1of3 { float: right; }

.section-products .filters .selecter { width: 180px; }

@media (max-width: 768px){
	.section-products .filters { margin: 10px 0; padding: 10px; }
	.section-products .filters .col-1of3 { float: none; }
	.section-products .filters .selecter { width: 280px; margin-top: 10px; }

	.section-products ul.products li { width: calc(50% - 5px); padding-bottom: 10px; margin-bottom: 10px; height: auto; }
	.section-products ul.products li + li { margin-left: 0; }
	.section-products ul.products li:nth-child(2n+2) { margin-left: 10px; }

	.section-products .product-image { height: auto; }

	.section-products .product-image,
	.section-products  ul.products li a,
	.section-products .product-image img { width: 100%; }

	.section-products .product-image i.ico-config { right: 45px; }
	.section-products .product-image i.ico-measurment { right: 90px; }

	.section-products .product-content span { margin-top: 10px; font-size: 11px; height: 40px; max-height: 40px; }
	.section-products .product-content p { margin-top: 10px; }

	.section-products .product-content p .price { font-size: 12px; }
	.section-products .product-content p.info { font-size: 10px; }
}
@media (max-width: 767px){
	.section-products .product-image img { height: calc(100vw / 2 - 15px); }
}

@media (min-width: 769px) and (max-width: 1115px){
    .section-products ul.products { display: flex; flex-wrap: wrap; justify-content: space-around; }
    .section-products ul.products:after { content: ""; flex: auto }
    .section-products ul.products li + li { margin-left: 0px; }
.}

/* ------------------------------------------------------------ *\
	product details
\* ------------------------------------------------------------ */

.article-details .section-head { margin-top: 40px; }

.article-slider .bx-wrapper { margin: 0 !important; }

.product-slide,
.thumbs-slide { padding: 0; list-style-type: none; }

.product-slide li { position: relative; width: 610px; }

.product-slide .zoom { position: absolute; bottom: 0; right: 0; }
.product-slide .zoom i { width: 40px; height: 40px; background-color: #ffffff; opacity: 0.75; }

.bx-viewport { user-select: none; }
.thumbs-slider .bx-viewport { height: 210px !important; }

.thumbs-slide li { margin-top: 20px; }

.thumbs-slide li:nth-child(7) { clear: both; }

.thumbs-slide .current img,
.thumbs-slide li:hover img { outline: 3px solid #4f585b; outline-offset: -3px; }

.thumbs-slide img { width: 85px; height: 85px; }

.article-info h1 { color:#4f585b; font-size: 24px; font-weight: normal; margin-bottom: 20px; }
.article-info h2 { font-size: 18px; font-weight: normal; }

.article-info .sku-info,
.article-info .delivery-info { line-height: 32px; margin-top: 50px; margin-bottom: 20px; }

.article-info .sku-info { float: left; }
.article-info .delivery-info { float: right; }

.article-info .delivery-info .green { color: #009900; }
.article-info .delivery-info i { margin-right: 10px; }

.article-info .article-cartbox { background-color: #64766a; clear: both; display: block; color: #fff; }
.article-info .article-cartbox:after { clear: both; display: block; content: ' '; }

.article-info .article-cartbox label { width: 80px; margin-right: 0; }
.article-info .article-cartbox .form-full .selecter { width: 240px; }
.article-info .article-cartbox .form-small .selecter { width: 65px; }

.article-info .article-cartbox .cartbox-info { position: relative; float: right; text-align: right; margin: 0px 20px 20px 0; }


.article-info .cartbox-info p { display: block; margin-bottom: 0px; padding-top: 10px; }

.article-info .cartbox-info p .price { font-size: 20px; font-family: 'Arial', sans-serif; }
.article-info .cartbox-info p + p .price { margin-left: 20px; }

.article-info .cartbox-info .price.red { color: #ADD2ED; }
.article-info .cartbox-info .price.old { text-decoration: line-through; }

.article-info .cartbox-info p.info { display: block; margin-top: 0; font-size: 14px; font-family: 'Arial', sans-serif; color: #fff; }

.article-info .cartbox-info .btn { margin-top: 10px; }

.article-info .article-description { margin-top: 20px; clear: both; }

.article-info .article-description span { font-weight: bold; }

.select-fittin .form-request { padding: 0 40px; }
.form-request .btn { width: 100%; padding-left: 60px; background: url(/images/arrow-right.png) no-repeat 40px center; background-color: #ADD2ED; font-size: 14px;}

.btn_hint_order { background-color: #ADD2ED; font-size: 12px; }

input[disabled],
select[disabled],
textarea[disabled] { background: #ffffff; border-color: #aaaaaa; color: #777777; cursor: default; }

@media (max-width: 810px){
	.article-info .article-cartbox .cartbox-form { float:right; padding-top: 30px; }
}
@media (max-width: 768px){
	.thumbs-slide img { width: 52px; height: 52px; }
	.thumbs-slide li { margin-top: 10px; }
	.thumbs-slider .bx-viewport { height: 125px !important; }
	.article-info h1 { font-size: 16px; margin-bottom: 10px; font-weight: bold; }
	.article-info h2 { font-size: 16px; margin-bottom: 18px; font-weight: bold;}
	.article-info .sku-info,
	.article-info .delivery-info { margin: 0; float: none; font-size: 13px; }

	.article-info .delivery-info i.ico-delivery { background-size: 100%; width: 16px; height: 16px; margin-right: 5px; }


	.article-info .article-cartbox .cartbox-form { float:none; margin: 0 20px; padding-top: 10px; }
	.article-info .article-cartbox .cartbox-info { float:none; margin: 0 20px; padding-bottom: 20px; }
	.article-info .article-cartbox .form-small { width: 65px; }
    .select-fittin .form-request { padding: 0 }
	/* .form-request .btn { color: #4f585b; background: #828282  url(/images/arrow-right.png) no-repeat 15px 10px; padding-left: 40px; font-size: 14px; } */

    .btn_hint_order { text-align: left; padding-left: 40px; }

}
@media (min-width: 769px) and (max-width: 1115px){
    .article-info h1 { font-size: 18px; margin-bottom: 10px; }
	.article-info h2 { font-size: 18px; margin-bottom: 18px; }
	.article-info .sku-info,
	.article-info .delivery-info { margin-top: 0; }
	.thumbs-slider .bx-viewport { height: 125px !important; }


}

/* ------------------------------------------------------------ *\
	config
\* ------------------------------------------------------------ */

.config .bx-wrapper { position: relative; }

.config .bx-wrapper ul { text-align: center; }

.config .bxslider li { width: 100%; overflow: hidden; }
.config .bxslider img { height: auto; width: 100%; }

.config .bx-controls { line-height: 30px; font-size: 30px; font-weight: normal; }
.config .bx-next:before { content: ' '; background: url(/images/slider-next.png) no-repeat center; width: 30px; height: 30px; display: inline-block; }
.config .bx-prev:before { content: ' '; background: url(/images/slider-prev.png) no-repeat center; width: 30px; height: 30px; display: inline-block; }

.config .bx-prev:hover,
.config .bx-next:hover { cursor: pointer; }

.config .bx-next { right: 20px; }
.config .bx-prev { left: 20px; }

.config .bx-wrapper .bx-controls-direction a { color: #ffffff; text-align: center; width: 30px; height: 30px; display: block; position: absolute; top: 45%; z-index: 1000; }

.select-box { background-color: #64766a; margin-top: 40px; padding: 20px 0; color: #fff; }
.select-box:after { display: block; clear: both; content: ' '; }

.select-box .select-head { margin-left: 40px; display: block; margin-bottom: 20px; font-size: 24px; font-family: "Syncopate Regular", sans-serif; font-weight: normal; text-transform: uppercase; }

.select-box p { font-size: 12px; }
/* .select-box p span { display: block; } */

.select-box ul { padding: 0; list-style-type: none; }
.select-box li { width: 110px; height: 150px; float: left; margin-left: 40px; margin-bottom: 20px; }

.select-box.select-dimension li,
.select-box.select-info ul,
.select-box.select-info li,
.select-box.select-choice ul,
.select-box.select-choice li { width: 100%; height: auto; margin-left: 0; display: block; }

.select-box.select-info label,
.select-box.select-choice label { margin-right: 0; }
.select-box.select-info textarea { width: 360px; height: 300px; }
.select-box.select-choice textarea { width: 360px; height: 140px; }

.select-box.select-dimension .detail-configuration { float: left; width: 360px; text-align: right; margin-right: 40px; }
.select-box.select-dimension .detail-configuration .selecter { width: 95px; }
.select-box.select-dimension .detail-configuration .label { margin-left: 10px; margin-right: 10px; }

.select-box li.current img,
.select-box li:hover img { outline: 3px solid #64766a; outline-offset: -3px; }

.select-box ul li .dimension-slider { float: left; width: 750px; margin-top: 14px; }

.select-box .row { margin: 0 40px; }
.select-box .sub-headline { font-size: 14px; text-transform: uppercase; margin-bottom: 15px; }
.select-box small { font-size: 12px; }

.select-box.select-choice .list-details dt { width: 270px; }
.select-box.select-choice .col-1of2 + .col-1of2 { padding-left: 210px; }

.select-box.select-choice .article-info .article-cartbox .cartbox-info { margin: 0; }
.select-box.select-choice .article-info .cartbox-info p { margin-top: 0; }
.select-box.select-choice .article-info .cartbox-form { margin-top: 40px; }
.select-box.select-choice .article-info .cartbox-form label { width: auto; }

.ui-widget-content { border: 0; border-radius: 0; background: #bbb; height: 5px; }
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { width: 14px; height: 22px; background: url(/images/slider-elem.png) no-repeat center; border: 0; }
.ui-slider-horizontal .ui-slider-handle { top: -8px; }


.fixed-price { position:fixed; top:0; width: 300px; margin-left:310px; z-index:999999999; border: 1px solid #64766a; }

.fixed-price .cartbox-info p.info,
.fixed-price .form-actions,
.fixed-price .cartbox-form,
.fixed-price .price.old { display: none; }

.article-cartbox.fixed-price .cartbox-info { margin: 0 20px 20px 0; }
.fixed-price .cartbox-info .price.red { color: #915849; }

#preis_bottom { display: inline-block; }

@media (max-width: 768px){
	.config .bx-next:before,
	.config .bx-prev:before { background-size: 100%; width: 16px; height: 16px; }

	.select-box .select-head { font-size: 14px; margin-left: 20px; }
	.select-box ul { margin-left: 10px; }
	.select-box li { width: 80px; height: 115px; margin-left: 10px; }

	.select-box.select-dimension .detail-configuration { margin: 0 0 0 10px; text-align: left; width: auto; }
	.select-box.select-dimension .detail-configuration select { width: 75px; }
	.select-box.select-dimension .detail-configuration .label { margin: 0; display: block; }
	.select-box.select-dimension .detail-configuration .label.after { display: inline-block; }

	.select-box ul li .dimension-slider { width: calc(100% - 137px); margin-top: 40px; margin-left: 20px; }
	.select-box .row { margin: 0 20px; }

	.select-box.select-info textarea { width: 100%; height: 180px; }
	.select-box.select-choice textarea { width: 100%; height: 180px; }

	.select-box.select-choice .col-1of2 + .col-1of2 { padding: 0; }
	.select-box.select-choice .article-info .cartbox-form { margin: 0; margin-bottom: 10px; }

	.select-box.select-choice .list-details dt { width: auto; }
}

@media (min-width: 769px) and (max-width: 1115px){
	.select-box.select-choice .col-1of2 + .col-1of2 { padding: 0; }
	.select-box.select-choice textarea { width: 100%; height: 180px; }
	.select-box.select-choice .list-details dt { min-width: 100px;  width: auto; }
	.select-box li { width: 12%; margin-left: 2%; height: auto;}
	.select-box.select-dimension .detail-configuration { margin: 0 0 0 10px; text-align: left; width: auto; }
	.select-box.select-dimension .detail-configuration select { width: 75px; }
	.select-box.select-dimension .detail-configuration .label { margin: 0; display: block; }
	.select-box.select-dimension .detail-configuration .label.after { display: inline-block; }

	.select-box ul li .dimension-slider { width: calc(100% - 137px); margin-top: 40px; margin-left: 20px; }
    .cartbox-form .form-row label { text-align: right; }

}
/* ------------------------------------------------------------ *\
	tiles
\* ------------------------------------------------------------ */

.tile-block { display: flex; flex-direction: row; flex-wrap: wrap; width: 1260px; gap: 20px; }
.list-block { display: flex; flex-direction: row; flex-wrap: wrap; width: 944px; }

.list-block .tile,
.tile-block .tile { flex: 1 1 auto; position: relative; }

.list-block .tile { height: 295px; }

.list-block .tile .caption,
.tile-block .tile .caption { color: #000; background-color: #94a7ae; opacity: 0.75; text-align: center; width: 100%; position: absolute; left: 0; bottom: -1px; text-align: center; font-family: "Syncopate Regular", sans-serif; font-weight: normal; text-transform: uppercase; }

.list-block .tile .caption { line-height: 30px; font-size: 14px; width: 295px; }
.tile-block .tile .caption { line-height: 34px; font-size: 20px; width: 400px; }

.tile-block .tile.full .caption { width: 795px; }
.tile-full-text {
    float:right;
    padding: 10px;
    width: 33%;
}
.tile-full-text a {
    text-decoration: underline;
}

@media (max-width: 768px){
	.tile-block { width: 100%; display: block; }
	.list-block .tile .caption,
	.tile-block .tile .caption { line-height: 30px; font-size: 14px; width: 100%; }
	.tile-block .tile.full .caption { width: 100%; }

	.tile-block .tile a,
	.tile-block .tile img { width: 100%; }

	.list-block { display: block; flex-direction: none; flex-wrap: none; width: 100%; margin-left: 0; }
	.list-block .tile { flex: none; float: left; width: calc(50% - 10px); margin-bottom: 0; margin-top: 10px; height: auto; }
	.list-block .tile:nth-child(2n+2) { margin-left: 10px; }
	.tile-full-text {
        padding: 20px 0;
        width: 100%;
    }
}
@media (min-width: 769px) AND (max-width: 1115px){
	.list-block, .tile-block { width: 100%; justify-content: space-around; }
    /* .tile-block .tile { flex: 0 1 auto; width: calc(50% - 10px); } */
	.tile-block .tile .caption { line-height: 30px; font-size: 14px; width: 100%; }
	.tile-block .tile.full .caption { width: 100%; }
    .tile-full-text {
        padding: 20px 0;
        width: 100%;
    }

	.tile-block .tile a,
	.tile-block .tile img { width: 100%; }

    .list-block { padding-top: 10px; }
	.list-block .tile { flex: 0 1 auto; width: calc(33% - 10px); height: auto;}
    .list-block .tile .caption { width: 100%; position: relative; margin-top:-30px; }
	/* .tile-full-text { */
        /* padding: 20px 0; */
        /* width: 100%; */
    /* } */

}
/* ------------------------------------------------------------ *\
	masonry
\* ------------------------------------------------------------ */

.masonry-row { margin-bottom: 20px; clear: both; }
.masonry-row .masonry { display: inline-block; }

.masonry-head { padding: 0 40px; text-align: center; font-size: 30px; font-family: "Syncopate Regular", sans-serif; font-weight: normal; text-transform: uppercase; }
.masonry-content { padding: 0 40px; text-align: center; font-size: 16px; }

.masonry { vertical-align: top; }
.masonry.small { width: 295px; }
.masonry.small.alignright { margin-left: 20px; }
.masonry.small.alignleft { margin-right: 20px; }
.masonry.small img + img,
.masonry.small a + a { margin-top: 20px; }
.masonry.full { width: 925px; }
.masonry.medium { width: 460px; height: 460px; margin-left: -4px; vertical-align: top; }
.masonry.xmedium { width: 610px; }

.masonry .masonry-text { display: table-cell; vertical-align: middle; height: 460px; }

@media (max-width: 768px){
	.masonry-row { margin: 0; }
	.masonry { margin: 0; }
	.masonry.small,
	.masonry.full,
	.masonry.medium,
	.masonry.xmedium { width: 100%; margin: 0; margin-top: 10px; height: auto; }

	.masonry.small.alignright,
	.masonry.small.alignleft { margin: 0; margin-top: 10px; }
	.masonry.small img + img { margin-top: 10px; }

    .masonry.medium img { display: block; margin: 0 auto; }

	.masonry-head { margin-top: 20px; margin-bottom: 10px; font-size: 14px; }
	.masonry-content { text-align: left; display: block; margin: 0 auto; max-width: 480px; font-size: 12px; padding: 0; margin-bottom: 10px; }
	.masonry .masonry-text { height: auto; display: block; }
}

@media (min-width: 769px) and (max-width: 1115px){
    .masonry-row { margin-bottom: 20px; }
	.masonry { margin: 0; }
	.masonry.full,
    .masonry.full img { width: 100%; height: auto; }
	.masonry .masonry-text { padding: 20px; height: auto; }

    .masonry.medium { width: 50%; height: auto; padding: 20px; 0px; }
    .masonry-text .masonry-head { font-size: 20px; padding-bottom: 5px; }
    .masonry-text p { text-align:left; }
    .masonry .masonry-content { padding: 0 5px; }
    .masonry.small { width: 33%; margin-bottom: 20px; }
    .masonry.xmedium { width:64%; }
}
/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */

.article { margin-top: 40px; margin-bottom: 40px; clear: both; }

.article-head { overflow: hidden; display: block; text-align: center; background-color: #64766a; color: #e5e5e5; }
.article-head h1,
.article-head h2,
.article-head h3 { line-height: 60px; font-size: 30px; font-family: "Syncopate Regular", sans-serif; font-weight: normal; text-transform: uppercase; }
.article-head h1 { color: #b0bec4; }

.article-body { padding: 20px 40px; display: grid; }

.article-body h2,
.article-body h3,
.article-body h4 { display: block; font-weight: bold; margin-bottom: 10px; }

.article-body h2 { font-size: 18px; }

.article-body h3,
.article-body h4 { font-size: 14px; }
.masonry-content a,
.article-body a { text-decoration: underline; }

.article .tile { margin-left: 0; }

.article-image { margin-bottom: 20px; }

.article-image.alignright { margin-left: 20px; }
.article-image.alignleft { margin-right: 20px; }

.article-image img,
.article-image a { display: block; margin-bottom: 20px; }

.article-body table { border: 4px solid transparent !important; border-collapse: collapse; text-align: center;}
.article-body thead { font-weight: bold; }
.article-body td { border: 3px solid #64766a; padding: 3px 3px 3px 14px; }

@media (max-width: 768px){
	.article { margin-top: 10px; margin-bottom: 10px; }
	.article-head h1,
	.article-head h2,
	.article-head h3 { font-size: 14px; line-height: 20px; margin: 5px 20px; }

	.article-body { padding: 20px 0; }

	.article-body h2,
	.article-body h3,
	.article-body h4 { margin-bottom: 10px; }

	.article-body h2 { font-size: 14px; }

	.article-body h3,
	.article-body h4 { font-size: 12px; }

	.article-image a,
	.article-image img { width: 100%; }

	.article-image.alignright,
	.article-image.alignleft { float: none; margin: 0; margin-bottom: 20px; }
}
@media (min-width: 769px) AND (max-width: 1115px){
	.article { margin-top: 10px; margin-bottom: 10px; }
	.article-head h1,
	.article-head h2,
	.article-head h3 { font-size: 23px; line-height: 45px; margin: 5px 20px; }

	.article-body { padding: 20px 0; }

	.article-body h2,
	.article-body h3,
	.article-body h4 { margin-bottom: 10px; }

	.article-body h2 { font-size: 14px; }

	.article-body h3,
	.article-body h4 { font-size: 18px; }

	.article-image a,
	.article-image img { width: 100%; }

	.article-image.alignright,
	.article-image.alignleft { width: 33%; }
    .article-image.alignleft { padding-right: 10px; }
    .article-image.alignright { padding-left: 10px; }
}
/* ------------------------------------------------------------ *\
	cart
\* ------------------------------------------------------------ */

.section-cart { margin-top: 20px; }


.section-cart thead tr { text-align: left; font-size: 20px; line-height: 34px; border-top: 1px solid #a9a9a9; border-bottom: 1px solid #a9a9a9; }

.section-cart td:first-child { padding-left: 40px; }
.section-cart td:nth-child(2) { width: 110px; }
.section-cart td:nth-child(3) { text-align: right; width: 150px; }
.section-cart td:last-child { text-align: right; padding-right: 40px; width: 190px; }

.section-cart tbody td:nth-child(3) { padding-left: 40px; }
.section-cart tbody td:last-child { padding-left: 40px; }
.section-cart tfoot td:last-child { padding-left: 40px; }

.section-cart tbody tr { border-bottom: 1px solid #64766a; vertical-align: top; }

.section-cart tbody tr td { padding-top: 20px; }
.section-cart tfoot td:first-child { text-align: right; }

.section-cart small { font-size: 14px; float: left; }

.section-cart tr.delivery,
.section-cart tr.total-mwst { border-bottom: 1px solid #64766a; }

.section-cart tr.delivery td,
.section-cart tr.total-mwst td { padding-bottom: 20px; }

.section-cart tr.delivery td,
.section-cart tr.total td { padding-top: 20px; }


.section-cart tr.total,
.section-cart tr.total-mwst,
.section-cart tr.total small,
.section-cart tr.total-mwst small { font-size: 20px; text-transform: uppercase; }

.section-cart tr.total-mwst { color: #a9a9a9; }

.section-cart .form-actions { text-align: right; margin-right: 40px; }

.cart-product .cart-thumb,
.cart-product .cart-details { display: inline-block; vertical-align: top; }

.cart-product .cart-details { margin: 0 40px; width: calc(100% - 195px); }

.cart-product .cart-details .cart-title { font-size: 20px; }

.list-details { font-size: 14px; line-height: 2; padding-left: 30px; }
.list-details dt { float: left; width: 180px; position: relative; padding-right: 10px; }
.list-details dt:before { position: absolute; top: 9px; left: -29px; display: block; background: url(/images/ico-check.png) no-repeat 0 0; width: 16px; height: 12px; content: ''; }

.cart-quantity .selecter { width: 70px; margin-left: 10px; margin-right: 4px; }
.btn-remove { display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url(/images/ico-delete.png) no-repeat 0 0; }

.section-cart .delivery .selecter { width: 220px; }

@media (max-width: 768px){
	.section-cart table,
	.section-cart thead,
	.section-cart tbody,
	.section-cart tfoot { display: block; }

	.section-cart { margin-top: 10px; margin-left: 10px; margin-right: 10px; }
	.section-cart thead tr { font-size: 12px; line-height: 32px; display: block; }

	.section-cart tbody tr,
	.section-cart tr.delivery,
	.section-cart tr.total-mwst { display: block; position: relative; }

	.section-cart td:first-child { text-align: right; width: 100%; padding-right: 5px; }
	.section-cart td:nth-child(2) { text-align: left; width: 100%; padding-right: 5px; }
	.section-cart td:nth-child(3) { text-align: left; width: 100%; padding-right: 5px; }
	.section-cart td:last-child { text-align: left; width: 100%; }

	.section-cart tbody td:first-child { padding-left: 10px; text-align: left; }
	.section-cart tbody td:last-child { padding-right: 10px; }

	.section-cart tbody td { display: block; }

	.cart-product { position: relative; }
	.cart-product .cart-thumb { width: 52px; }
	.cart-product .cart-details { margin: 0; width: 100%; }
	.cart-product .cart-details .cart-title { font-size: 12px; position: absolute; top: 0; left: 68px; }

	.list-details { font-size: 12px; line-height: 1.43; padding-left: 30px; }
	.list-details dt { float: none; width: 100%; }

	.cart-quantity { margin-left: 10px; }
	.cart-quantity .select { width: 70px; }

	.section-cart tbody td:nth-child(2) { margin-bottom: 10px; }
	.section-cart tbody td:nth-child(3) { position: absolute; right: 0; width: auto; bottom: 15px; }
	.section-cart tbody td:last-child { position: absolute; right: 100px; width: auto; bottom: 15px; }

	.section-cart small { font-size: 12px; margin-right: 10px; }

	.section-cart tfoot td:first-child { padding: 20px 10px; display: block; }
	.section-cart tfoot td:last-child { text-align: right; display: block; }

	.section-cart tr.total,
	.section-cart tr.total-mwst  { font-size: 14px; display: block; text-align: right; }
	.section-cart tr.total small,
	.section-cart tr.total-mwst small { font-size: 14px; text-align: left; }

	.section-cart tr.total td,
	.section-cart tr.total-mwst td { padding: 0; display: inline-block; width: auto; padding-right: 10px; }
	.section-cart tr.total td:last-child,
	.section-cart tr.total-mwst td:last-child { width: 90px; }
	.section-cart tr.delivery td:last-child { padding-right: 10px; }
	.section-cart tr.delivery td:last-child small { float: none; }

	.section-cart .form-actions { margin: 0; text-align: center; }
}


/* ------------------------------------------------------------ *\
	accordion
\* ------------------------------------------------------------ */

.accordion { margin-top: 20px; margin-bottom: 40px; }

.accordion .accordion-head { padding: 0 40px; background: url(/images/ico-accordion.png) no-repeat 15px center #94a7ae; cursor: pointer; border-top: 1px solid #64766a; border-bottom: 1px solid #64766a; }
.accordion .accordion-head h3 { font-size: 20px; line-height: 38px; font-family: "Syncopate Regular", sans-serif; font-weight: normal; text-transform: uppercase; }
.accordion .accordion-head.expanded { background: url(/images/ico-accordion-open.png) no-repeat 15px center #94a7ae; }
.accordion .accordion-body { display: none; padding: 10px 0 0 40px; }

.accordion .accordion-actions { float: right; margin-bottom: 20px; }

@media (max-width: 768px){
	.accordion .accordion-head h3 { font-size: 14px; line-height: 30px; }
	.accordion { margin-bottom: 10px; }
}

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section-head { padding-left: 40px; border-top: 3px solid #64766a; border-bottom: 3px solid #64766a; }

.section-head h1 { font-size: 30px; line-height: 68px; font-family: "Syncopate Regular", sans-serif; font-weight: normal; text-transform: uppercase; color: #fff; }

.section-head i { margin-right: 20px; }

.form-head { margin-top: 20px; padding-left: 40px; font-size: 20px; line-height: 48px;  text-transform: uppercase; border-top: 1px solid #64766a; border-bottom: 1px solid #64766a; }

.form .row + .form-head { margin-top: 70px; }

.form-content { height: 220px; padding: 20px 40px; }

.form-content .form-row { text-align: right; }
.form-content.left .form-row { text-align: left; }
.form-content.left { height: auto; padding: 20px 40px; }
.form-row label { color: #000; }


@media (max-width: 768px){
	.section-head { padding: 0; margin: 0 10px; }
	.section-head h1 { font-size: 14px; line-height: 36px; text-align: center; }
	.section-head i { display: none !important; }

	.form-head { font-size: 12px; line-height: 26px; padding: 0; margin: 20px 10px 0 10px; text-align: center; }
	.row .form-head { margin: 20px 0 0 0; }
	.form .row + .form-head { margin-top: 20px; }

	.form-content { height: auto; padding: 20px 0; }
}

@media (min-width: 769px) and (max-width: 1115px){
    .form-row label { text-align: left; }
    .newsletter-body input { margin-top: 0; margin-bottom: 10px; }
}

/* ------------------------------------------------------------ *\
	Files / Links
\* ------------------------------------------------------------ */

ul.files,
ul.links { list-style-type: none; padding-left: 0; }

ul.files li,
ul.links li { border-bottom: 1px solid #64766a; padding-left: 20px; line-height: 30px; overflow: hidden; }

ul.files li:first-child,
ul.links li:first-child { border-top: 1px solid #64766a; }

ul.files li a,
ul.links li a { display: block; text-decoration: none; }
ul.files i,
ul.links i { float: right; }

ul.files li a { margin-left: 20px; }
ul.files li a:before { content: ' '; position: absolute; margin-left: -20px; background: url(/images/ico-pdf.png) no-repeat center; width: 14px; height: 30px; display: inline-block; }

/* ------------------------------------------------------------ *\
	custom select
\* ------------------------------------------------------------ */

.selecter { max-width: 100%; vertical-align: middle; display: inline-block; margin: 0; height: 30px; }

.selecter .selecter-item,
.selecter .selecter-selected { padding: 5px 30px 5px 10px; border-radius: 0; border: 1px solid #a7a7a7; font-family: 'Arial', sans-serif; font-size: 14px; color: #fff; }

.selecter .selecter-selected { padding: 5px 30px 5px 10px; height: 30px; }

.selecter .selecter-options .selecter-item { border: 0; border-bottom: 1px solid #a7a7a7; }

.selecter.bottom.open .selecter-selected,
.selecter.bottom.open .selecter-options { border-radius: 0; }

.selecter .selecter-options,
.selecter.open .selecter-selected,
.selecter.focus .selecter-selected { box-shadow: none; }

.selecter.bottom .selecter-options { top: 100%; bottom: auto; max-height: 200px; border: 1px solid #64766a; }

/* ------------------------------------------------------------ *\
	input
\* ------------------------------------------------------------ */

.field.pot { display: none; }

select { font-family: 'Arial', sans-serif; font-size: 14px; color: #b1b1b1; height: 30px; width: 180px; border: 1px solid #a7a7a7; }


label { color:#fff; line-height: 30px; width: 190px; display: inline-block; text-align: right; vertical-align: middle; }

input { display: inline-block; height: 30px; border: 1px solid #ababab; color: #fff; padding: 0 5px; vertical-align: middle; }

textarea { width: 950px; height: 180px; resize: none; padding: 8px 10px; border: 1px solid #a3a3a3; }

.form-full textarea { width: 675px; }

input[type=checkbox] { display: none; }
input[type=checkbox] + label { width: auto; text-align: left; }
input[type=checkbox] + label span { display: inline-block; width: 14px; height: 14px; margin: -5px 5px 0 0; padding-right: 0; float: none; vertical-align: middle; background: #fff; border: 1px solid #a3a3a3; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
input[type=checkbox]:checked + label span { background: #fff url(/images/ico-checkbox.png) no-repeat center center; }

.form-cols { display: inline-block; margin-top: 20px; }

.form-col { display: inline-block; margin-left: 6px; }

.form-half input,
.form-half .selecter { width: 175px; }

.form-full input,
.form-full .selecter { width: 360px; }

.form-xxs input,
.form-xxs .selecter { width: 50px; }
.form-xs input,
.form-xs .selecter { width: 60px; }
.form-s input,
.form-s .selecter { width: 75px; }
.form-l input,
.form-l .selecter { width: 215px; }
.form-xl input,
.form-xl .selecter { width: 290px; }
.form-xxl input,
.form-xxl .selecter { width: 300px; }

.form-checkbox input[type=checkbox] { display: inline; width: auto; vertical-align: top}
.form-checkbox label { width: 360px; display: block; text-align: left;}
.form-checkbox label i { position: relative; top: -3px; display: block; line-height: 17px; margin-left: 15px; }
.form-kontakt-holzmuster { width: 100px; height: 27px; background-size: cover; display: inline-block; float: right; }
.form-login input { width: 320px; }

label.form-login { width: 180px; }

.form-label.radio { vertical-align: top; margin-top: 25px; line-height: 14px; }


.checkboxes ul { list-style: none; padding-left: 0; margin-left: 195px; }
.radios ul { list-style: none; padding-left: 0; margin-right: -40px; }

.radios li input,
.radios li label { display: inline-block; vertical-align: middle; width: auto; line-height: 20px; }

.checkboxes li label { display: inline-block; vertical-align: middle; width: 100%; line-height: 20px; }


.radios input[type=radio] { display: none; }
.radios input[type=radio] + label span { display: inline-block; width: 14px; height: 14px; margin: -4px 5px 0 0; vertical-align: middle; background: #fff; border: 1px solid #999999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; border-radius: 50%; }
.radios input[type=radio]:checked + label span { background: #fff url(/images/ico-radio.png) no-repeat center center; }

.form .form-actions { border-top: 1px solid #64766a; margin-top: 70px; margin-bottom: 40px; padding-top: 20px; text-align: right; padding-right: 40px; }

.form .form-actions.login { margin-top: 0; }

label a { color: #000; text-decoration:underline }

.after-label { display: inline-block; width: 90%; vertical-align: top;}

.cta-holzmuster {
    position: absolute; top: 20px; right: 25px;
}


@media (max-width: 768px){
	select { width: 100%; vertical-align: middle; }
	label,
	.label { font-size: 14px; margin-right: 5px; text-align: left; line-height: 2; display: block; width: 100%; }

	textarea,
	.form-full textarea { width: 100%; }

	.form-label.radio { margin-top: 10px; margin-bottom: 10px; }

	.form-cols { display: block; margin-top: 0; }
	.form-col { margin-left: 0; }
	.form-col + .form-col { margin-left: 6px; }

	.form-half input,
	.form-half .selecter,
	.form-full,
	.form-full input,
	.form-full .selecter,
	.form-xxs input,
	.form-xxs .selecter,
	.form-xs input,
	.form-xs .selecter,
	.form-s input,
	.form-s .selecter,
	.form-l input,
	.form-l .selecter,
	.form-xl input,
	.form-xl .selecter,
	.form-xxl input,
	.form-xxl .selecter { width: 100%; }

	.form-half { width: calc(50% - 5px); }

	.form-xxs { width: calc(30% - 5px); }
	.form-xs { width: calc(40% - 5px); }
	.form-s { width: calc(25% - 5px); }
	.form-l { width: calc(43% - 5px); }
	.form-xl { width: calc(60% - 5px); }
	.form-xxl { width: calc(70% - 5px); }

	.form-login,
	.form-login input { width: 100%; }

	.radios ul,
	.checkboxes ul { margin: 0; }

	.form .form-actions { margin-top: 10px; }

	.form .form-actions.login { padding: 0; padding-top: 10px; margin-bottom: 0; }
    .form-checkbox label { width: 320px; }
    .form-kontakt-holzmuster { width: 60px; }
}

/* ------------------------------------------------------------ *\
	ico
\* ------------------------------------------------------------ */

.socials { width: 48px; position: fixed; left: 0; top: 220px; z-index: 2; }
.socials a { width: 47px; height: 48px; display: block; margin-bottom: 1px; font-size: 0; line-height: 0; text-indent: -4000px;}
.socials a.reviews { width: 48px; height: auto; text-indent:0; margin-top: 1px; }
.socials a.reviews img { width: 48px; height: auto; }
.socials .container_rating { margin-top: 1px; background: #000; padding: 5px 3px 0px 3px; }

.shareButton{ width:47px;	height:48px; border:0px; }

.socialButton{ width:47px; height:48px;	border:0px; }

.shareButtonFacebook,
.socialButtonFacebook { background: url(/images/facebook.png) no-repeat; width: 48px; height: 48px; }
.shareButtonGooglePlus,
.socialButtonGooglePlus { background: url(/images/google.png) no-repeat; width: 48px; height: 48px; }
.shareButtonTwitter,
.socialButtonTwitter { background: url(/images/twitter.png) no-repeat; width: 48px; height: 48px; }
.shareButtonEmail,
.socialButtonEmail { background: url(/images/mail.png) no-repeat; width: 48px; height: 48px; }
.shareButtonSharethis,
.socialButtonSharethis { background: url(/images/share.png) no-repeat; width: 48px; height: 48px; }
.shareButtonInstagram,
.socialButtonInstagram { background: url(/images/instagram.png) no-repeat; width: 48px; height: 48px; }
.
/* ------------------------------------------------------------ *\
	ico
\* ------------------------------------------------------------ */

i.ico-mail { background: url(/images/ico-mail.png) no-repeat center; width: 32px; height: 32px; display: inline-block; filter: invert(1) }
i.ico-phone { background: url(/images/ico-phone.png) no-repeat center; width: 32px; height: 32px; display: inline-block; filter: invert(1) }
i.ico-input { background: url(/images/ico-input.png) no-repeat center; width: 32px; height: 32px; display: inline-block; filter: invert(1) }
i.ico-cart { background: url(/images/ico-cart-headline.png) no-repeat center; width: 32px; height: 32px; display: inline-block; filter: invert(1) }
i.ico-login { background: url(/images/ico-login.png) no-repeat center; width: 32px; height: 32px; display: inline-block; filter: invert(1) }
i.ico-delivery { background: url(/images/ico-delivery.png) no-repeat center; width: 32px; height: 32px; display: inline-block; filter: invert(1) }
i.ico-gear { background: url(/images/ico-gear.png) no-repeat center; width: 32px; height: 32px; display: inline-block; filter: invert(1) }
i.ico-nav { background: url(/images/ico-nav-open.png) no-repeat center; width: 32px; height: 32px; display: inline-block; filter: invert(1) }
i.ico-nav.close { background: url(/images/ico-nav-close.png) no-repeat center; width: 32px; height: 32px; display: inline-block; filter: invert(1) }


i.ico-file { background: url(/images/ico-file.png) no-repeat center; width: 30px; height: 30px; display: inline-block; }
i.ico-link { background: url(/images/ico-link.png) no-repeat center; width: 30px; height: 30px; display: inline-block; }

i.ico-measurment { background: url(/images/ico-measurment.png) no-repeat center; width: 18px; height: 18px; display: inline-block; }
i.ico-config { background: url(/images/ico-config.png) no-repeat center; width: 18px; height: 18px; display: inline-block; }
i.ico-fancy { background: url(/images/ico-fancy.png) no-repeat center; width: 18px; height: 18px; display: inline-block; }