/* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

* { margin:0; padding:0; }
html { font-size:16px; /* Fix for Opera */ }
body          {	font: 75%/150% 'PT Sans', Arial, Helvetica, sans-serif; background-color:#fff; color:#333; text-align:center; }
#root-wrapper {}

img           { border:0; vertical-align:top; max-width:100%; }

a             { color:#888; text-decoration:none; }
a:hover       { text-decoration:none; color:#ca0413; }
:focus        { outline:0; }

/* Headings */
h1,h2,h3,
h4,h5,h6      { margin:0 0 10px; font-weight:normal; }
h1            { font-size:2.6666em;	line-height:1.25em;		/*32px, 40px*/		margin-bottom:20px; }
h2            { font-size:2em;		line-height:1.25em;		/*24px, 30px*/ }
h3            { font-size:1.6666em;	line-height:1.2em;		/*20px, 24px*/ }
h4            { font-size:1.3333em;	line-height:1.25em;		/*16px, 20px*/ }
h5            { font-size:1.1666em;	line-height:1.1428em;	/*14px, 16px*/ }
h6            { font-size:1em;		line-height:1.1666em;	/*12px, 14px*/ }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
strong        { font-weight:bold; }
address       { font-style:normal; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small,big     { font-size:1em; }
sup           { font-size:1em; vertical-align:top; }

/* Lists */
ul,ol         { list-style:none; }

/* Tools */
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; min-height:147px; position:relative; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }



/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.wrapper {}
.page { text-align:left; background-repeat:repeat; background-position:center top; }
.page-print { background:#fff; padding:20px; text-align:left; }
.page-empty { background:#fff; padding:20px; text-align:left; }
.page-popup { padding:20px; text-align:left; background:#fff; }

.main-container { background-repeat:repeat; background-position:center top; }
.main { padding:20px 0; min-height:370px; }
/* Decrease padding on home page */
body.cms-index-index .main,
body.cms-index-defaultindex .main { padding-top:20px; padding-bottom:20px; }

/* Base Columns */
.col-left { float:left; }
.col-main { float:left; }
.col-right { float:right; }

.cms-page-view .col-main a { text-decoration:underline; }
.cms-page-view .col-main td { padding:5px; }

/* 1 Column Layout */
.col1-layout .col-main {}

/* 2 Columns Layout */
.col2-left-layout .col-main { float:right; }
.col2-right-layout .col-main {}

/* 3 Columns Layout */
.col3-layout .col-main {}
.col3-layout .col-wrapper { float:left; }
.col3-layout .col-wrapper .col-main { float:right; }

/* Content Columns */
.col2-set .col-1 { float:left; width:49%; }
.col2-set .col-2 { float:right; width:49%; }
.col2-set .col-narrow { width:33%; }
.col2-set .col-wide { width:65%; }

.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }

.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }



/* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Form Elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Basic
-------------------------------------------------------------- */
input, select, textarea, button {
    font:12px/15px Arial, Helvetica, sans-serif;
    vertical-align:middle;
}
/* Fix: remove default formatting on iOS (e.g. rounded corners) */
input.input-text, textarea { -webkit-appearance:none; }
input.input-text, select, textarea {
    background:#fff;
    border:1px solid #ddd;
    color:#888;

    /* Box model */
    -webkit-box-sizing:	border-box;
    -moz-box-sizing:	border-box;
    box-sizing:			border-box;

    /* Remove default formatting, fix for iOS (rounded corners and shadow) */
    -webkit-border-radius:0px;
    border-radius:0px;
    -webkit-box-shadow:none;
    box-shadow:none;
}
input.input-text{
    height: 36px;
}
select {
    height:36px;
    padding:8px;
    text-overflow:ellipsis;
}
select.multiselect {
    height: auto;
}
input.input-text, textarea {
    padding:8px;
    text-overflow:ellipsis;
}

select option { padding-right:10px; padding-left:5px; }
select.multiselect option { border-bottom:1px solid #eee; padding:2px 5px; }
select.multiselect option:last-child { border-bottom:0; }
textarea { overflow:auto; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
input.qty { width:3em !important; text-align:center; }

/* Active and others
-------------------------------------------------------------- */
input.input-text:hover, select:hover, textarea:hover, 
input.input-text:focus, select:focus, textarea:focus { border-color:#aaa; color:#333; outline:none; }
input.input-text:disabled,
select:disabled,
textarea:disabled {}


/* Buttons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button { 
    -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ 
    overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer;
}
button.button span {
    float:left;
    display:block;
    padding:0;
    font-size:12px;
    text-align:center; 
    white-space:nowrap;
    background-color:#ddd;
    color:#333;

    transition:			color 0ms ease-in-out, background-color 0ms ease-in-out;
    -moz-transition:	color 0ms ease-in-out, background-color 0ms ease-in-out;
    -webkit-transition:	color 0ms ease-in-out, background-color 0ms ease-in-out;
    -o-transition:		color 0ms ease-in-out, background-color 0ms ease-in-out;
}
button.button:hover span { background-color:#333; color:#fff; }
button.button span span { padding:0 25px; height:45px; line-height:45px; }

/* Smaller button - for inline display with input boxes
-------------------------------------------------------------- */
button.button.btn-inline span span,
.product-view .box-tags .form-add button.button span span { padding:0 10px; line-height:36px; height:36px; }

/* Big button: Add to cart (product view) & Proceed to checkout
-------------------------------------------------------------- */
/*.product-view .btn-cart span,
button.btn-checkout span {}*/
.product-view .btn-cart span span,
button.btn-checkout span span {padding:5px 25px;font-size: 1.1666em; /*14px*/}


/* Form
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
p.control input.checkbox,
p.control input.radio { margin-right:6px; }

/* Form lists */
/* Grouped fields */
.form-list li { margin:0 0 8px; }
.form-list label { float:left; font-weight:bold; position:relative; z-index:0; margin:0 0 2px 0; }
.form-list label.required {}
.form-list label.required em { float:right; font-style:normal; position:absolute; top:0; right:-8px; }
.form-list li.control label { float:none; }
.form-list li.control input.radio,
.form-list li.control input.checkbox { margin-right:6px; }
.form-list li.control .input-box { clear:none; display:inline; width:auto; }
.form-list .input-box { display:block; clear:both; }
.form-list .field { float:left; width:275px; margin-bottom:5px; }
.form-list input.input-text { width:262px; /*244px;*/ }
.form-list textarea { width: 263px; height:10em; }
.form-list select { width:262px; }
.form-list li.wide .input-box { /*width:535px;*/ }
.form-list li.wide input.input-text { /*width: 96%;*/ }
.paypal-review-order .form-list li.wide input.input-text { width: 96%; }
.form-list li.wide textarea { /*width:529px;*/ }
.form-list li.wide select { /*width:535px;*/ }
.form-list li.additional-row { border-top:1px solid #e5e5e5; margin-top:10px; }
.form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; }
.form-list .input-range input.input-text { width:74px; }
/* Customer */
.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; }

.form-list .name-prefix { width:65px; }
.form-list .name-prefix select { width:55px; }
.form-list .name-prefix input.input-text { width:49px; }

.form-list .name-suffix { width:65px; }
.form-list .name-suffix select { width:55px; }
.form-list .name-suffix input.input-text { width:49px; }

.form-list .name-middlename { width:70px; }
.form-list .name-middlename input.input-text { width:49px; }

.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname { width:140px; }
.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { /*width:189px;*/ }

.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname { /*width:210px;*/ }

.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname { /*width:205px;*/ }

.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text { /*width:189px;*/ }

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year { float:left; width:85px; }
.form-list .customer-dob input.input-text { display:block; width:74px; }
.form-list .customer-dob label { font-size:10px; font-weight:normal; }
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month { width:60px; }
.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text { width:46px; }
.form-list .customer-dob .dob-year { width:140px; }
.form-list .customer-dob .dob-year input.input-text { width:134px; }

/* Orders and Returns form
-------------------------------------------------------------- */
#oar_widget_orders_and_returns_form .buttons-set button { float: left; }
#oar_widget_orders_and_returns_form .buttons-set .required { text-align: left; }

/* Fieldset
-------------------------------------------------------------- */
/* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */
.fieldset,
.multiple-checkout .col2-set,
.multiple-checkout .col3-set,
.info-set {
    margin:0 0 10px;
    padding:0;
}
.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend {}

/* Buttons set
-------------------------------------------------------------- */
.buttons-set { clear:both; margin:10px 0; }
.buttons-set button.button { float:right; margin-right:5px; margin-bottom:5px; }
.buttons-set p.required { margin:0 5px 5px 0; }

.contacts-index-index .buttons-set { float:left; margin-top:-10px; }
.contacts-index-index .buttons-set .required { text-align:left; }

.buttons-set .back-link { float:left; margin-bottom:5px; }
.buttons-set .back-link a { display:block; line-height:36px; /* Icon size */ }
.buttons-set .back-link small {
    display:inline-block;
    margin-right:5px;
    width:36px;
    height:36px;
    text-indent:-9999px;
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-107px -107px;
}
.buttons-set .back-link:hover small {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-107px -157px;
}

/* Form Validation
-------------------------------------------------------------- */
.validation-advice { clear:both; font-size:0.9166em; line-height:1em; color:#ee001c; margin-top:5px; }
.validation-failed { border:1px solid #ee001c !important; background:#fff !important; }
.validation-passed {}

/* Required */
p.required { font-size:0.8333em; /*10px*/ text-align:right; }
p.required,
.product-options dt label.required em,
.form-list label.required em { /*color:#ee001c;*/ }

/* Expiration date and CVV number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; }

/* Specific buttons set
-------------------------------------------------------------- */

/* Log in */
.account-login .buttons-set button span span,
/* Create account */
.account-create .buttons-set button span span,
/* Forgot password */
.customer-account-forgotpassword .buttons-set button span span,
/* Orders and Returns form */
#oar_widget_orders_and_returns_form .buttons-set button span span,
/* Contact us */
.contacts-index-index .buttons-set .button span span
{
    min-width: 120px;
}


/* Global Messages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.success { color:#3d6611; font-weight:bold; }
.error { color:#ee001c; font-weight:bold; }
.notice { color:#ccc; }

.messages,
.messages ul { list-style:none !important; margin:0; padding:0; }
.messages { overflow:hidden; margin:0 0 10px; }
.messages li { margin:0 0 1%; }
.messages li li { margin:0; }
.messages a { text-decoration:underline; }
.catalog-category-view .messages { margin-top:15px; }

.error-msg,
.success-msg,
.note-msg,
.notice-msg { 
    background-position:25px center !important;
    background-repeat:no-repeat !important;
    padding:25px 25px 25px 80px !important;
    font-size:12px !important; 
    margin-bottom:20px;
}
.error-msg {
    border-color:#c02230;
    background-color:#F5DAD3;
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/i_msg-error.png);
    color:#c02230;
}
.success-msg {
    border-color:#296a23;
    background-color:#e9ffca;
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/i_msg-success.png);
    color:#296a23;
}
.note-msg,
.notice-msg {
    border-color:#7c622a;
    background-color:#FDEDA4;
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/i_msg-note.png);
    color:#7c622a;
}


/* BreadCrumbs
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.breadcrumbs li { display:inline; font-size:0.9166em; /*11px*/ }
.breadcrumbs a { display:block; float:left; }
.breadcrumbs li span {
    background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/pix.png) 0 -129px no-repeat;
    width:7px;
    height:5px;
    margin:6px 4px 0;
    display:block;
    float:left;
    text-indent:-9999px;
    overflow:hidden;
}
.breadcrumbs li strong { font-weight:normal; display:block; }


/* Page Heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.page-title h1,
.page-title h2 { margin-bottom:0; }
.page-title { margin-bottom:20px; }
/*.category-title { margin-bottom:10px; }*/

/* Links in page title */
.page-title .separator { margin:0 3px; }
.page-title .separator,
.page-title .link-reorder,
.page-title .link-rss,
.page-title .link-print { font-weight:normal; display:inline-block; margin-top:10px; }
.page-title .link-rss { float:right; margin-top:15px; }

/* Title with buttons */
.title-buttons { text-align:right; }
.title-buttons button { margin-left:1em; }
.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 { float:left; text-align:left; /* TRICKY: align left as opposition to other elements */ }

/* Buttons - adjust the height of heading buttons in customer account (required for the Address Book) */
.my-account .title-buttons button span span {
    height:35px;
    line-height:35px;
}


/* Toolbar: pager and sorter
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Sorter
-------------------------------------------------------------- */
.sorter { padding:5px 0; }

/* View mode */
.sorter .view-mode { float:right; }
.sorter .view-mode label { margin-right:5px; }
.sorter .view-mode .grid,
.sorter .view-mode .list {
    display:inline-block;
    vertical-align:middle;

    margin:0 0 0 1px;
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/pix.png);
    background-repeat:no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}
.sorter .view-mode .grid { background-position:0 -207px; }
.sorter .view-mode .list { background-position:-30px -207px; margin-left:-5px; }
.sorter .view-mode a.grid:hover { background-position:0 -237px; }
.sorter .view-mode a.list:hover { background-position:-30px -237px; }

/*.sorter .view-mode .grid { background-position:0 -277px; }
.sorter .view-mode .list { background-position:-30px -277px; margin-left:-5px; }
.sorter .view-mode a.grid:hover { background-position:0 -307px; }
.sorter .view-mode a.list:hover { background-position:-30px -307px; }*/
/* Currently selected mode icon */
/*.sorter .view-mode span.grid,
.sorter .view-mode span.list {}*/

/* Sort by */
.sorter .sort-by { float:left; margin-right:10px; padding-right:3px; background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/link-separator.png) right center no-repeat; }
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc {
    display:inline-block;
    text-indent:-9999px;
    overflow:hidden;
}
.sorter .sort-by .category-asc { background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/pix.png) 0 -87px no-repeat transparent; }
.sorter .sort-by .category-desc { background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/pix.png) -60px -87px no-repeat transparent; }
.sorter .sort-by .category-asc:hover { background-position:-30px -87px; }
.sorter .sort-by .category-desc:hover { background-position:-90px -87px; }

/* Pager
-------------------------------------------------------------- */
.pager { margin:10px 0; padding:5px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.pager .pages { float:right; vertical-align:middle; /* Vertical align to fix positionning issue */  }
.pager .pages strong,
.pager .pages span { float:left; margin-right:5px; font-weight:normal; }
.pager .pages ol { display:inline-block; vertical-align:middle; }
.pager .pages li { float:left; margin:0 0 0 1px; display:block; text-align:center; }
.pager .pages li a { display:block; background-color:transparent; color:inherit; }

.pager .pages li a.previous,
.pager .pages li a.next {
    text-indent:-9999px;
    overflow:hidden;
}

/* Toolbar. Pager and sorter inside toolbar
-------------------------------------------------------------- */
.toolbar {
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    margin-bottom:-1px; /* To cover the top line of the products grid/list */

    /* Move up to cover adjacent lines/elements */
    position:relative;
    z-index:1;
}

/* Pager inside toolbar - align center */
.toolbar .pager { margin:0; border-bottom:none; border-top:1px dashed #e5e5e5; text-align:center; }
.toolbar .pager .pages { display:inline-block; float:none; }

/* Bottom toolbar */
.toolbar-bottom { margin-top:10px; }
.toolbar-bottom .toolbar { border-bottom:none; }
.toolbar-bottom .toolbar .pager { border-top:none; }
.toolbar-bottom .sorter { display:none; }

/* Common styles for toolbar elements
-------------------------------------------------------------- */

/* Size */
.sorter,
.pager { line-height:36px; } /* Important: the same as the height of the form elements */
.sorter .view-mode .grid,
.sorter .view-mode .list,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,
.pager .pages li { width:30px; height:30px; line-height:30px; }

/* Amount */
.pager .amount,
.sorter .amount { float:left; padding-right:10px; margin-right:10px; background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/link-separator.png) right center no-repeat; }

/* Limiter */
.pager .limiter,
.sorter .limiter { float:left; margin-right:15px; }

/* All elements - vertical spacing */
.pager .amount,
.pager .limiter,
.pager .pages,
.sorter .amount,
.sorter .limiter,
.sorter .view-mode,
.sorter .sort-by { padding-top:5px; padding-bottom:5px; }


/* Data Table
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.data-table { width:100%; }
.data-table th,
.data-table td { padding:10px; }
.data-table thead { background:none; border-bottom:1px solid #e5e5e5; }
.data-table thead th { font-weight:bold; vertical-align:bottom; border-right: none; }
.data-table thead th.wrap { white-space:normal; }

.data-table tr.odd td,
.data-table tr.odd th { border-right:1px solid #f5f5f5;}
.data-table tr.odd td.last { border-right:none; }
.data-table tr.odd {}
.data-table tr.odd.last { border-bottom:#eee solid 1px; }

.data-table tr.even td,
.data-table tr.even th { border-right:1px solid #f5f5f5; }
.data-table tr.even td.last { border-right:none; }
.data-table tr.even { background-color:#fbfbfb; }

.data-table tbody tr:hover {}
.data-table tbody tr.product-shop-row:hover { background-color:#fff; } /*TODO:?*/
.data-table tbody.odd {}
.data-table tbody.odd td { border-width:0 1px; }
.data-table tbody.odd tr.last { border-bottom:#e5e5e5 solid 1px; }
.data-table tbody.even { background-color:#f5f5f5; }
.data-table tbody.even td { border-width:0 1px; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td {}
.data-table th .tax-flag { /*white-space:nowrap;*/ font-weight:normal; }

/* Additional classes for mobile devices
-------------------------------------------------------------- */
/* Cell title */
.data-table .cell-label { display:none; }


/* Shopping cart total summary row expandable to details
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
tr.summary-total { cursor:pointer; }
tr.summary-total td {}
tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; }
tr.show-details .summary-collapse { background-position:0 -53px; }
tr.show-details td {}
tr.summary-details td { font-size:11px; background-color:#f5f5f5; color:#777; padding:2px 5px !important; }
tr.summary-details-first td { border-top:1px solid #d5d5d5; }
tr.summary-details-excluded { font-style:italic; }


/* Shopping cart tax info
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart-tax-info { display:block; }
.cart-tax-info,
.cart-tax-info .cart-price { padding-right:20px; }
.cart-tax-total { display:block; padding-right:20px; background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; }
.cart-tax-info .price,
.cart-tax-total .price { display:inline !important; font-weight:normal !important; }
.cart-tax-total-expanded { background-position:100% -53px; }


/* Misc
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.link-cart { font-weight:bold; }
.link-reorder { font-weight:bold; }
.link-print { background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/i_print.gif) 0 center no-repeat; padding:2px 0 2px 25px; }
.link-rss { background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/i_rss.gif) 0 center no-repeat; padding-left:16px; white-space:nowrap; }

.cards-list dt { margin:5px 0 0; }
.cards-list .offset { padding:2px 0 2px 20px; }

.separator { margin:0 3px; font-weight:normal; color:#e5e5e5; }
.divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#e5e5e5; text-indent:-9999em; overflow:hidden; }

/* Global site notices
-------------------------------------------------------------- */
/* Obsolete: */
/*.global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#f5f5f5; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; }
.global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/i_notice.gif) 20px 25px no-repeat; text-align:left; }
.global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; }
.global-site-notice .notice-inner .actions { padding-top:10px; }*/

.global-site-notice { background:#f5f5f5; color:#333; }
.global-site-notice .notice-inner { max-width:66%; margin:0 auto; padding:10px 0 10px 80px; background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/i_notice.gif) 20px center no-repeat; text-align:left; }
.global-site-notice .notice-inner p { width:80%; margin:0; padding:10px 10px 10px 0; display:inline-block; vertical-align:middle; }
.global-site-notice .notice-inner .actions { display:inline-block; vertical-align:middle; }

/* Cookie Notice */
.notice-cookie {}

/* Noscript Notice */
.noscript {}

/* Demo Notice */
.demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; }
.demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; }
.demo-notice .notice-inner p { padding:0; border:0; }


/* Buttons remove/close and edit
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Common styles for buttons
-------------------------------------------------------------- */
.btn-remove,
.btn-remove2,
.btn-edit,
.tool-tip .btn-close a {
    display:block;
    width:17px; 
    height:17px; 
    font-size:0; 
    line-height:0;
    text-indent:-999em; 
    overflow:hidden; 
}

.btn-remove,
.btn-remove2,
.tool-tip .btn-close a { 
    background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/pix.png) 0 -150px no-repeat;
}
.btn-remove:hover,
.btn-remove2:hover,
.tool-tip .btn-close a:hover { background-position: -17px -150px; }
.btn-remove:active,
.btn-remove2:active,
.tool-tip .btn-close a:focus { background-position: -34px -150px; }

/* Button edit
-------------------------------------------------------------- */
.btn-edit { background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/pix.png) 0 -167px no-repeat; margin:0 5px 0 0; }
.btn-edit:hover { background-position: -17px -167px; }
.btn-edit:active { background-position: -34px -167px; }



/* Class: std %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Styles for admin-controlled content */

.std .subtitle { padding:0; }
.std ol.ol { list-style:decimal outside; padding-left:1.5em; }
.std dl dt { font-weight:bold; }
.std dl dd { margin:0 0 10px; }
.std dl,
.std p,
.std address,
.std blockquote { margin:0 0 1em; padding:0; }


/* Lists
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Unordered lists
-------------------------------------------------------------- */
/* Common basic styling */
ul.bullet,
ul.disc { margin:1em 0; padding:0; }

/* Disc */
ul.disc { list-style:disc outside none; padding-left:1.5em; }
ul.disc li { background-image:none; padding-left:0; }

/* Bullet */
ul.bullet { list-style:none outside none; }
ul.bullet li {
    background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat;
    padding-left:25px;
    transition:			background-position 0ms ease-out;
    -moz-transition:	background-position 0ms ease-out;
    -webkit-transition:	background-position 0ms ease-out;
    -o-transition:		background-position 0ms ease-out;
}
ul.bullet li:hover { background-position:3px 0; }

/* Different bullets. IMPORTANT: use together with class "bullet" */
ul.list1  li { background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/cck/list/list1.png); }
ul.list2  li { background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/cck/list/list2.png); }
ul.list11 li { background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/cck/list/list11.png); }
ul.list12 li { background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/cck/list/list12.png); }
ul.list13 li { background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/cck/list/list13.png); }

/* Separator */
ul .separator {
    border-bottom:1px solid #fff;
    margin:8px 1px;
    overflow:hidden;
}

/* Nested unordered lists
-------------------------------------------------------------- */
ul.bullet ul,
ul.disc ul { margin-top:0.5em; margin-bottom:0.5em; }
ul.bullet ul li,
ul.disc ul li { background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat; padding-left:1.5em; }


/* Lists inside ".std"
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Unordered list without any bullets */
.std ul.no-bullets { list-style:none outside none !important; padding-left:0 !important; }
.std ul.no-bullets li { background-image:none !important; padding-left:0 !important; }

/* Ordered lists */
.std ol { list-style:decimal outside; margin:10px 0; padding:0 0 0 1.5em; }
.std ol ol,
.std ul ol,
.std ol ul { margin:0.5em 0; }


/* Misc
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.std dt { font-weight:bold; }
.std dd { padding:0 0 0 1.5em; }
.std blockquote { font-style:italic; padding:0 0 0 1.5em; }
.std address { font-style:normal; }
.std b,
.std strong { font-weight:bold; }
.std i,
.std em { font-style:italic; }


/* Override std styles for selected elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.std .products-grid p { margin-bottom:0; }



/* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Header
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-container,
.header-container2,
.header-container3 { background-repeat:repeat; background-position:center top; background-attachment: scroll; }
.header { padding:0; }

/* Misc header elements
-------------------------------------------------------------- */
.header .item {}
.header .item-left { float:left; margin-right:20px; }
.header .item-right { float:right; /* margin-left:20px; */ }

.header .welcome-msg {}
.header .login-msg {}
.header .login-msg a {}
.header .login-msg a:hover {}


/* Header top
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-top .lang-switcher,
.header-top .currency-switcher { margin:0; }


/* Logo
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header .logo-wrapper { margin:10px 0; }
.header .logo { display:inline-block; max-width:220px; margin:0; text-decoration:none !important; }
.header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }


/* User menu, top links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.user-menu {
    float:right;
    margin:10px 0 10px 10px;
}
#mini-cart { float:right; }
.top-links { float:right; }

/* Set floating because there can be more than one list of links. */
.top-links ul { float:right; }


/* Quick search
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-top-search-wrapper { float:left; margin:10px 0; } /* Deprecated class */
#search_mini_form { clear:both; display:block; }
.form-search { position:relative; }
.form-search label { float:left; margin:3px 4px 0 0; display:none; }
.form-search .input-text {
    display: block;
    height:36px;
    line-height:36px; /*IE8*/
    padding:0px 35px 0 7px; /*0 0 0 5px;*/
    color:#bbb;
    background-color:#fff;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* Button */
.form-search .button {
    position:absolute;
    right:0;
    top:0;
}
.form-search .button span {
    background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png) no-repeat transparent;
    background-position:-57px -108px; /* -57px -107px; */
    width:34px;
    height:34px;
    opacity:0.3;
    filter:alpha(opacity=30);
    margin:1px;
}
.form-search .button:hover span { opacity:1; filter:alpha(opacity=100); background-color:transparent; }
.form-search .button span span { background:none; display:none; }

/* Search autocomplete */
.form-search .search-autocomplete {
    left:0 !important; /*Fix for IE*/
    top:42px !important;
    position:relative;
    z-index:4100 !important;
}
.form-search .search-autocomplete ul { 
    background-color:#fff; 
    text-align:left; 
    padding:3px;	
}
.form-search .search-autocomplete li { padding:3px 5px; cursor:pointer; line-height: 24px; }
.form-search .search-autocomplete li:hover {}
.form-search .search-autocomplete li .amount { float:right; padding-left:5px; }

/* Quick search: skins
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Search: small box
-------------------------------------------------------------- */
.search-wrapper-small .form-search .input-text {
    height:28px;
    line-height:28px; /*IE8*/
}
.search-wrapper-small .form-search .button span {
    background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png) no-repeat transparent;
    background-position: -61px -111px; /*-59px -109px*/
    width:28px;
    height:28px;
}
.search-wrapper-small .form-search .search-autocomplete { top:30px !important; }

/* Search: inline
-------------------------------------------------------------- */
.search-wrapper-inline #search_mini_form { display: inline-block; vertical-align: middle; }


/* Quick search: positions
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Search: centered
-------------------------------------------------------------- */
.search-wrapper-centered .form-search {
    margin:0 auto;
    width:90%;
}
.search-wrapper-centered .form-search .input-text {
    float:right;
    width:100%;
}


/* Mini-cart
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#mini-cart { position:relative; }
.after-mini-cart { clear:both; }

/* Mini-cart Heading
-------------------------------------------------------------- */
#mini-cart .dropdown-toggle { background:#e5f2c5;  }

/* Deprecated: */
#mini-cart .dropdown-toggle .icon-cart {
    width:14px;
    max-height:32px;
    background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/pix.png) 0px -205px no-repeat;
}
#mini-cart .dropdown-toggle .summary {}
#mini-cart .dropdown-toggle .amount {}
#mini-cart .dropdown-toggle .subtotal {}
/* Fix icon positioning */
/*#mini-cart .dropdown-toggle .icon { padding:0; width:36px; height:36px; }*/

/* Mini-cart content
-------------------------------------------------------------- */
#mini-cart .dropdown-menu {
    width:300px;
    padding:25px;
    text-align:left; /* Because cart can be aligned center */
}

#mini-cart .dropdown-menu .inner {}
#mini-cart .dropdown-menu .incl-tax { display:block; padding-bottom:10px; text-align:right; }
#mini-cart .dropdown-menu .empty { padding:10px 0; }
#mini-cart .block-subtitle { padding:0; margin:0 0 10px; }
#mini-cart .product-name {}
#mini-cart .btn-remove,
#mini-cart .btn-edit { float:right; }
#mini-cart .product-details strong { font-weight:normal; }
#mini-cart .actions { margin:10px 0 0; padding:0; border:none; text-align:left; }
#mini-cart .actions button { float:left; margin-right:1px;  }


/* Mini-cart on hover
-------------------------------------------------------------- */
/* TODO
#mini-cart:hover .block-content { display:block; }
#mini-cart.hover:hover .block-content { display:none; }*/ /*Override (remove) default :hover behavior, if JS is enabled*/


/* Block: Recently Compared (dropdown)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.quick-compare {
    float:right;
    position:relative;
    margin:0;
    padding:0;
    border:none;
}
.quick-compare .dropdown-toggle {}
.quick-compare .dropdown-menu {
    width:300px;
    padding:25px;
    text-align:left; /* Because cart can be aligned center */
}

.quick-compare .dropdown-menu .empty { padding:10px 0; }
.quick-compare .dropdown-menu .item { padding:3px 0; }
.quick-compare .dropdown-menu .item .product-name { padding-right:20px; }
.quick-compare .btn-remove { float:right; }
.quick-compare .actions {
    border-top:1px dotted #e5e5e5;
    margin:5px 0 0;
    padding:5px 0 0;
    text-align:right;
}
.quick-compare .actions a { float:right; }
.quick-compare .actions button { float:left; }

/* Block on hover
-------------------------------------------------------------- */
.header .block-compare:hover .block-content { display:block; }



/* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block { margin:0 0 10px; }
.block .block-title {}
.block .block-title strong { font-weight:inherit;  }
.block .block-title a { text-decoration:none !important; }
.block .block-subtitle { margin:5px 0 10px; padding:0; font-size:1em; font-weight:bold; }
.block .block-content {	padding:10px 5px; }
.block .block-content .fb-like-box { width:100%; }
.block .block-content li.item {	padding:5px 0; }
.block .block-content li.item .product-name {}
.block .btn-remove { float:right; }
.block .btn-edit { float:right; }
.block .actions { margin:5px 0 0 0; padding:5px 0 0; border-top:1px dotted #e5e5e5; text-align:right; }
.block .actions a { float:left; }
.block ol{ padding-left:25px; list-style:decimal; }
.block ol li{ margin-bottom: 10px;}

/* Block - Wie gestalten? */
.wie-gestalten .block-title { background:#70b6c1; color:#fff; }
/*.wie-gestalten .block-title strong { padding-left:40px; background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/bg_wie-gestalten_titel.png) no-repeat 10px center; }*/
.wie-gestalten .block-title strong { padding-left:10px;  }
.wie-gestalten .block-content { background:#f5f5f5; }
.wie-gestalten .block-content li { font-weight:bold; margin-bottom:15px; font-size:16px; }
.wie-gestalten .block-content li div {  }
.wie-gestalten .block-content li span { font-weight:normal; font-size:13px; }
.wie-gestalten .block-content a.mehr_informationen { font-weight:bold; font-size:16px; float:right; margin-right:10px; text-decoration:underline; }

/* Block lists
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-viewed .block-content ol,
.block-compare .block-content ol,
.block-compared .block-content ol {
    list-style: outside disc none;
    padding-left: 20px;
}
.block-viewed .block-content ol li,
.block-compare .block-content ol li,
.block-compared .block-content ol li {
    padding: 3px 0;
}

/* Mini Products List
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.mini-products-list li { padding:5px 0; }
.mini-products-list .product-image { float:left; width:50px; }
.mini-products-list .product-details { margin-left:69px; }
.mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; }

/* Common styling for mini list and cross-sell list */
.mini-products-list .product-image,
.cart .crosssell .product-image { padding:3px; border:1px solid #e5e5e5; }
.mini-products-list .product-image:hover,
.cart .crosssell .product-image:hover { border-color:#999; }


/* Block: Account
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-account .block-title {}
.block-account .block-content { padding: 10px 0; }
.block-account .block-content ul { list-style: outside disc none; padding-left: 25px; }
.block-account li > * {
    padding:4px;
    display:block;
    text-transform:uppercase;
}
.block-account li strong { font-weight:normal; }



/* Block: Layered Navigation
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.block-layered-nav .block-content {	padding:0; }
.block-layered-nav .block-subtitle { display:none; margin-bottom:0; }

/* List of filters */
.block-layered-nav dl { padding-left:10px; padding-top:10px; }
.block-layered-nav dt { font-weight:bold; padding:0; }
.block-layered-nav dd {	padding:5px 0 10px 5px; }
.block-layered-nav dd.last { border-bottom:none; }

/* Current filters */
.block-layered-nav .currently { margin:10px 0; }
.block-layered-nav .currently .block-subtitle { display:block; padding:10px 10px 0; font-weight:normal; }
.block-layered-nav .currently ol { padding:10px; padding-left: 40px;}
.block-layered-nav .currently ol li { margin-bottom:4px; }
.block-layered-nav .currently .label { margin-right:4px; color:#d90000; }
.block-layered-nav .currently .btn-remove { float:right; margin-left:5px; }
.block-layered-nav .actions { margin:0; }
.block-layered-nav .actions a { float:right; }

/* List items */
.block-layered-nav dd li,
.block-layered-nav .currently ol li {
    line-height:1.5em;
    background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/bullet.png) 3px 5px no-repeat;
    padding-left:15px;
    transition:			background-position 0ms ease-out;
    -moz-transition:	background-position 0ms ease-out;
    -webkit-transition:	background-position 0ms ease-out;
    -o-transition:		background-position 0ms ease-out;
}
.block-layered-nav dd li:hover,
.block-layered-nav .currently ol li:hover { background-position:6px 5px; }


/* Block: Wishlist
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-wishlist li.item .btn-remove { margin-left:5px; }


/* Block: Related
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Ccommon styles for all types of the block */
.block-related .block-subtitle {
    display:none;
    position:absolute;
    padding:1em 0;
    margin:-20px 0 0;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    font-weight:normal;
    z-index:1;
}
.block-related:hover .block-subtitle { display:block; padding:8px; background-color:#fff; }

/* Block: Related. Single product slider
-------------------------------------------------------------- */
.block-related-slider input.checkbox { float:left; margin:7px 5px 0 0; }


/* Block: Related. Simple thumbnails slider
-------------------------------------------------------------- */
.block-related-thumbnails .itemslider .slides { margin-top:10px; }
.block-related-thumbnails .product {}
.block-related-thumbnails .product-image {
    float:left;
    margin-bottom:10px;
}
.block-related-thumbnails .product-details {
    margin-left:110px;
}
.block-related-thumbnails .product-details > * { margin-bottom:5px; }
.block-related-thumbnails .product-name,
.block-related-thumbnails .related-add-to-wishlist { font-size:1em; line-height:1.25em; font-family:inherit; font-weight:inherit; display:inline-block; }
.block-related-thumbnails .price-box { font-size:1em; line-height:1.25em; }
.block-related-thumbnails .checkbox { float:left; margin:2px 5px 0 0; }


/* Block: Compare Products
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.compare-table { border:0; }
.compare-table .btn-remove { float:right; }
.compare-table tbody tr:hover { background-color:#e5e5e5; }

.compare-table .product-shop-row { border-bottom:1px solid #ccc; }
.compare-table .product-shop-row th,
.compare-table .product-shop-row td { border-color:#eee !important; }
.compare-table tr.add-to-row { background-color:#fff; border-top:1px solid #ccc; }
.compare-table tr.add-to-row:hover { background-color:#fff; } /* Cover background applied on tr hover */
.compare-table tr.add-to-row td { text-align:left; }
.compare-table tr.first td { text-align:left; }
.compare-table tr.first td .product-name { font-family:inherit; font-size:1.1666em; font-weight:bold; margin:10px 0; }
.compare-table tr.first td .ratings { width:145px; margin:10px 0; }
.compare-table .price-box { margin:10px 0; line-height:15px; }

/* Changes after setting text-align:left */
.compare-table .product-image img { display:block; margin:0 auto; }
.compare-table .add-to-links { margin-top:5px; }
.compare-table .add-to-links li { float:none; }
.compare-table a.link-wishlist { overflow:visible; text-indent:0; background:none; display:inline; border:none; }


/* Block: Recently Viewed
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-viewed {}


/* Block: Recently Compared
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-compared {}


/* Block: Poll
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-poll .block-subtitle { font-weight:normal; }
.block-poll input.radio { float:left; margin:1px -18px 0 0; }
.block-poll .label { display:block; margin-left:18px; }
.block-poll li { padding:3px 9px; }
.block-poll .answer { font-weight:bold; }
.block-poll .votes { float:right; margin-left:10px; }


/* Block: Tags
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-tags .block-content .tags-list { background:none; border:0; font-size:12px; }
.block-tags .tags-list a {}
.block-tags .tags-list a:hover {}
.block-tags .actions { text-align:right; }
.block-tags .actions a { float:none; }


/* Block: Subscribe
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-subscribe .input-box { margin-top: 5px; }
.block-subscribe input { width:155px; }
.block-subscribe .actions button.button { float:none; }


/* Block: Reorder
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-reorder input.checkbox { float:left; margin:2px -20px 0 0; }
.block-reorder .product-name { margin-left:20px; }
.block-reorder .validation-advice { margin:3px 9px 7px; }


/* Block: Banner
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-banner {}
.block-banner .block-content { text-align:center; }


/* Block: Login
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-login label { font-weight:bold; color:#666; }
.block-login input.input-text { display:block; width:167px; margin:3px 0; }

/* Paypal
-------------------------------------------------------------- */
.sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; }
.sidebar .paypal-logo a { float:none; }


/* Block: vertical main menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-vertnav .block-content {
    padding-left:0;
    padding-right:0;
}



/* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.category-title h1 {}
.category-image { width:100%; overflow:hidden; margin:10px 0; text-align:center; }
.category-image img {}
.category-description { margin:20px 0; position:relative; }

/* Negative top margin: to cover bottom border of the category title */
.category-products { margin:-1px 0 10px; }


/* Common styles for View Types: List & Grid
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.products-list .product-name,
.products-grid .product-name,
h3.product-name {
    /* Sizes are modified for different number of columns */
    font-size:1.3333em; line-height:1.25em; /*16px 20px*/
}

.products-list .price-box.map-info a,
.products-grid .price-box.map-info a { margin-left:3px; }

/* Product image
-------------------------------------------------------------- */
/* Product alternative image */
.products-list .product-image .alt-img,
.products-grid .product-image .alt-img {
    position:absolute;
    top:0;
    left:0;
    display: none;
}

/* Fix possible glitches during animation */
.products-list .product-image img,
.category-products-grid .product-image img /* Grid only in category view */
{
    -moz-transform: translateZ(0);
}


/* View Type: List
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.products-list .item { 
    border-top:1px solid #e5e5e5; 
    padding-top:20px; 
    padding-bottom:20px;
    background-color:#fff;
    position:relative; /* For hover effect */

    transition:			box-shadow 0ms ease-in;
    -moz-transition:	box-shadow 0ms ease-in;
    -webkit-transition:	box-shadow 0ms ease-in;
    -o-transition:		box-shadow 0ms ease-in;
}
.products-list .product-shop {}
.products-list .product-shop-inner { border-right:1px solid #e5e5e5; padding-right:15px }
.products-list .right-column { float:right; }

.products-list .product-name { margin:0 0 15px; }
.products-list .product-image-wrapper {}
.products-list .product-image { display:block; position:relative; margin-left:auto; margin-right:auto; }
.products-list .price-box { margin:0 0 15px; font-size:1.3333em; line-height:1.25em; }
.products-list .ratings { margin:10px 0; }
.products-list .desc { margin:15px 0px; }
.products-list .link-learn {}
.products-list .btn-cart { width:100%; max-width:180px; }
.products-list .button span { float:none; }
.products-list .availability { float:none; margin:15px 0; }
.products-list .add-to-links { margin:15px 0 0; }

/* Hover effect
-------------------------------------------------------------- */
.products-list.hover-effect .item:hover {
    margin-left:-1%;
    margin-right:-1%;
    padding-left:1%;
    padding-right:1%;
    z-index:10;
    box-shadow:0 0 20px rgba(0,0,0,0.2);
    border-color:transparent;

    transition:			box-shadow 0ms ease-out;
    -moz-transition:	box-shadow 0ms ease-out;
    -webkit-transition:	box-shadow 0ms ease-out;
    -o-transition:		box-shadow 0ms ease-out;
}


/* View Type: Grid
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Products grid: basic styles
   (common for all types of product grids)
-------------------------------------------------------------- */
.products-grid {}
.products-grid .item {
    padding-top:20px;
    padding-bottom:20px;
    position:relative; /* For hover effect */
}
.products-grid .product-name { margin:15px 0 0; }
.products-grid .product-image-wrapper { margin:0 auto; position:relative; }
.products-grid .product-image { display:block; }
.products-grid .price-box { margin: 10px 0 5px; font-size:1em; }
.products-grid .ratings { margin:10px 0; }
.products-grid .actions { margin:10px 0 0; }
.products-grid .availability { float:none; margin:5px 0; }
.products-grid .add-to-links { margin:10px 0 0; }

.products-grid .tax-details, .products-grid .delivery-time-details { font-size:11px;  line-height:5px !important;  /* display:inline; */  display:none;}
.products-grid .tax-details a { line-height: 0px;  display:inline; }



/* Price: old/special */
/*.products-grid .old-price,
.products-grid .special-price { display: inline-block; }
.products-grid .old-price { margin-right: 2px; }
.products-grid .special-price { margin-left: 2px; }*/


/* Grid: additional styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Equal height of items (buttons displayed at the bottom of items)
-------------------------------------------------------------- */
.products-grid.equal-height .item .actions { position:absolute; bottom:15px; }

/* Remove equal height */
.products-grid.auto-height .item .actions { position:static; bottom:auto; } /* Deprecated */

/* Display grid item elements only on hover
-------------------------------------------------------------- */
.products-grid .item .display-onhover { display:none; }

/* Display grid item elements only on hover: fade-in (for sliders) */
.products-grid .item .visible-onhover {
    visibility:hidden;
    opacity:0;
    transition:			visibility 0s ease-in-out 0ms, opacity 0ms ease-in-out 0ms;
    -moz-transition:	visibility 0s ease-in-out 0ms, opacity 0ms ease-in-out 0ms;
    -webkit-transition:	visibility 0s ease-in-out 0ms, opacity 0ms ease-in-out 0ms;
    -o-transition:		visibility 0s ease-in-out 0ms, opacity 0ms ease-in-out 0ms;
}
.products-grid .item:hover .visible-onhover {
    visibility:visible;
    opacity:1;
    transition:			visibility 0s ease-in-out 0s, opacity 0ms ease-in-out 0ms;
    -moz-transition:	visibility 0s ease-in-out 0s, opacity 0ms ease-in-out 0ms;
    -webkit-transition:	visibility 0s ease-in-out 0s, opacity 0ms ease-in-out 0ms;
    -o-transition:		visibility 0s ease-in-out 0s, opacity 0ms ease-in-out 0ms;
}

/* Product name in a single line
-------------------------------------------------------------- */
.products-grid.single-line-name .product-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.products-grid.single-line-name .item:hover .product-name {
    overflow: visible;
    white-space: normal;
}

/* Align to the center
-------------------------------------------------------------- */
.products-grid.centered > li { text-align: center; }
.products-grid.centered .item .ratings .rating-box,
.products-grid.centered .item .btn-cart { margin-left: 0; margin-right: 0; }
.products-grid.centered .item .ratings { display: inline-block; }
.products-grid.centered .item .ratings .rating-box { display: inline-block; vertical-align: middle; float: none; /* Remove default float */ }
.products-grid.centered .item .ratings .amount { display: inline-block; vertical-align: middle; margin-left: 3px; }
.products-grid.centered .item input.checkbox { float: none; }

.products-grid.centered .item .actions .add-to-links li { float: none; margin:0; }
/*.products-grid.centered .item .actions .add-to-links li:last-child { margin-right:0; }*/


/* Grid: only in category view
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.category-products-grid .item {
    border-top:1px solid #e5e5e5;
    border-left:none;
    border-right:none;
    zoom:1;

    padding-top:2%;
    padding-left:1%;
    padding-right:1%;
    background-color:#fff;

    transition:			box-shadow 0ms ease-in;
    -moz-transition:	box-shadow 0ms ease-in;
    -webkit-transition:	box-shadow 0ms ease-in;
    -o-transition:		box-shadow 0ms ease-in;
}

/* Hover effect
-------------------------------------------------------------- */
.category-products-grid.hover-effect .item:hover {
    margin-left:-1%;
    margin-right:-1%;
    padding-left:2%;
    padding-right:2%;
    z-index:10;
    box-shadow:0 0 20px rgba(0,0,0,0.2);
    border-color:transparent;

    transition:			box-shadow 0ms ease-out;
    -moz-transition:	box-shadow 0ms ease-out;
    -webkit-transition:	box-shadow 0ms ease-out;
    -o-transition:		box-shadow 0ms ease-out;
}


/* Grid: override grid elements to change size
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product name
-------------------------------------------------------------- */
.products-grid.size-s .product-name {
    font-size:1.1666em; /*14px*/
    line-height:1.2307em; /*16px*/
}
.products-grid.size-xs .product-name {
    font-size:1em; /*12px*/
    line-height:1.25em;/*15px*/
}

/* Buttons
-------------------------------------------------------------- */
.products-grid.size-s .item button.btn-cart span span {
    padding:7px 15px;
    height:auto;
    line-height:2em;
}
.products-grid.size-xs .item button.btn-cart span span {
    padding:3px 8px;
    height:auto;
    line-height:2em;
}

/* Product labels
-------------------------------------------------------------- */
.products-grid.size-s .sticker { width:45px; height:45px; font-size:1em; }
.products-grid.size-s .item:hover .sticker { width:50px; height:50px; }
.products-grid.size-xs .sticker { width:40px; height:40px; font-size:0.9166em; /*11px*/ }
.products-grid.size-xs .item:hover .sticker { width:45px; height:45px; }



/* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Rating
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ratings,
.no-rating { line-height:1.0833em; margin:15px 0 15px; }
.ratings a { line-height:1.0833em; }
.ratings strong { float:left; margin:1px 5px 0 0; }
.ratings .rating-links .separator {
    display:inline-block;
    text-indent:-9999px;
    width:1px;
    background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/bg-separator1.gif) no-repeat;
}
.ratings dt {}
.ratings dd {}
.rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/rating.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; }
.rating-box .rating { float:left; height:13px; background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/rating.png) 0 100% repeat-x; }
.rating_number { float:left; margin-right:10px; /* margin-left:7px; */ font-weight:bold; }
.ratings .rating-box { float:left; margin-right:8px; }
.ratings .amount { white-space:nowrap; font-size:10px; text-transform:uppercase; }

.ratings-table th,
.ratings-table td { line-height:1.1666em; /*14px*/ padding:3px 0; }
.ratings-table th { padding-right:8px; }


/* Availability
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Availability - with details */
.availability-only { margin:15px 0; }
a.availability-only { cursor:pointer; }
.availability-only strong { font-weight:normal; }
.availability-only .caret { margin-left:8px; opacity:1; filter:alpha(opacity=100); }

.availability-only-details { width:100%; margin:-10px auto 20px; }
.availability-only-details thead { border-bottom:1px solid #e5e5e5; }
.availability-only-details th { padding:4px 12px; font-weight:bold; }
.availability-only-details td { padding:1px 12px; border-right:1px solid #f5f5f5; }
.availability-only-details td.last { border-right:none; }

/* Product increments */
.product-pricing { line-height:1.25em; /* TODO:15px */ }
.extrahint-wrapper .product-pricing { padding:10px; background-color:#f5f5f5; }
.product-options-bottom .product-pricing { clear:left; }


/* Alerts
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.alert-price,
.alert-stock { margin:15px 0; padding:2px 0 2px 25px; line-height:15px; }
.alert-price { background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/icons.png) 0 -120px no-repeat; }
.alert-stock { background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/icons.png) 0 -160px no-repeat; }


/* Product Prices
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.price { white-space:nowrap !important; }

.price-box { margin: 0; }
.price-box .price {}
.price-box .price-label {}

#optionTitle{ font-weight:bold; padding-left:5px; }
.slides.products-grid #optionTitle{ padding-left:0px; }

/* Common labels */
.old-price .price-label,
.special-price .price-label { white-space:nowrap; }
.old-price .price-label { display:none; }

/* Regular price */
.regular-price {}
.regular-price .price {}

/* Old price */
.old-price { margin:0; }
.old-price .price { text-decoration:line-through; }

/* Special price */
.special-price { margin:0; padding:0; }
.special-price .price,
.special-price .price-label { color:#ee001c !important; /* Override other color changes */ }
.special-price .price-excluding-tax .price {}

/* Minimal price (as low as) */
.minimal-price { margin:0 0 5px; }
.minimal-price .price {}
.minimal-price .price-label { white-space:nowrap; }

.minimal-price-link { display:block; }
.minimal-price-link .label {}
.minimal-price-link .price { color:#ee001c; }

/* Excluding tax */
.price-excluding-tax { display:block; }
.price-excluding-tax .label { white-space:nowrap; }
.price-excluding-tax .price { font-weight:normal; }

/* Including tax */
.price-including-tax { display:block; }
.price-including-tax .label { white-space:nowrap; }
.price-including-tax .price {}

/* Configured price */
.configured-price { margin:0; }
.configured-price .price-label { font-weight:bold; white-space:nowrap; }
.configured-price .price { font-weight:bold; }

/* FPT */
.weee { display:block; font-size:11px; }
.weee .price { font-size:11px; font-weight:normal; }

/* Excl tax (for order tables) */
.price-excl-tax  { display:block; }
.price-excl-tax .label { display:block; white-space:nowrap; }
.price-excl-tax .price { display:block; }

/* Incl tax (for order tables) */
.price-incl-tax { display:block; }
.price-incl-tax .label { display:block; white-space:nowrap; }
.price-incl-tax .price { display:block; font-weight:bold; }

/* Price range */
.price-from { margin:0; }
.price-from .price-label { white-space:nowrap; }

.price-to { margin:0; }
.price-to .price-label { white-space:nowrap; }

/* Price notice next to the options */
.price-notice { margin-left:5px; }
.price-notice .price { padding-left:3px; }

/* Price as configured */
.price-as-configured .price-label { font-size:1.1666em; font-weight:bold; text-transform:uppercase; white-space:nowrap; color:inherit; }

.price-box-bundle .price-box { margin:0 !important; padding:0 !important; border:none !important; }


/* Tier Prices
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.tier-prices { margin:0 0 10px; padding-left: 10px; }
.tier-prices li { line-height:15px; background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/bullet.png) 0 4px no-repeat; padding:0 0 0 11px; margin:3px 0; }
.tier-prices .benefit { color:#ee001c; font-weight:normal; }

.tier-prices-grouped li { padding:2px 0; }
.tier-prices-grouped li .price { font-weight:bold; }


/* Add-to links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.add-to-links .separator { display:none; }
.add-to-links li { float:left; }

.addto-gaps-right li { margin-right:10px; } /* Add gaps at the right side of links */

/* Add-to links as icons (with no text).
   Deprecated (will be removed in the next update).
-------------------------------------------------------------- */
.addto-icons a.link-wishlist,
.addto-icons a.link-compare,
.addto-icons a.email-friend {
    display:block;
    padding:0;
    margin:0;
    width:27px;
    height:27px;
    text-indent:-9999em;
    overflow:hidden;
    background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/pix.png) no-repeat;
    background-color:#fff;
    /*border:1px solid #f5f5f5;*/
}
.addto-icons a.link-wishlist:hover,
.addto-icons a.link-compare:hover,
.addto-icons a.email-friend:hover { background-color:#fff; }

.addto-icons a.link-wishlist { background-position:-27px 0; }
.addto-icons a.link-wishlist:hover { background-position:-27px -27px; }

.addto-icons a.link-compare { background-position:0 0; }
.addto-icons a.link-compare:hover { background-position:0 -27px; }

.addto-icons a.email-friend { background-position:-54px 0; }
.addto-icons a.email-friend:hover { background-position: -54px -27px; }

/* If displayed in a group: add margin between icons */
.add-to-links.addto-icons .link-compare,
.add-to-links.addto-icons .email-friend { margin-left:3px; }

/* If displayed on product image */
.addto-icons.addto-onimage {
    float:right;
    margin-top:-31px; /* Move up: height (29px) + 2 additional pixels */
    position:relative;
    z-index:1;
    padding-bottom:4px; /* Use padding to cover the image below icons. */
    padding-right:4px;
}

/* Add-to links: simple icons (with no text)
-------------------------------------------------------------- */
.addto-links-icons {}

/* If displayed in a group: add margin between icons */
.add-to-links.addto-links-icons .link-compare { margin-left:3px; }

/* If displayed on product image */
.addto-links-icons.addto-onimage {
    float:right;
    margin-top:-40px; /* Move up */
    position:relative;
    z-index:1;
    padding-bottom:4px; /* Use padding to cover the bottom part of the product image below icons */
    padding-right:4px;
}


/* Add to Cart box
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.add-to-cart .qty-wrapper {}
.product-view.attributset9 .qty-wrapper,
.product-view.attributset11 .qty-wrapper,
.product-view.attributset13 .qty-wrapper{ display:none; }
.add-to-cart .qty { text-align:center; margin-right:10px; }
.add-to-cart .button { margin-right:0px; }

.product-view .add-to-cart { float:none; display:block; }
.product-view .paypal-wrapper { float:none; }
.product-view .paypal-wrapper .paypal-logo { margin:0; padding:5px 0 0; text-align:center; }
.product-view .paypal-wrapper .paypal-logo .paypal-or { clear:both; display:block; margin:0; }

/* Magento's default */
.add-to-cart .paypal-logo { clear:left; margin:0; padding:10px 0 0; text-align:right; }
.add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; }

/* Box floating right
-------------------------------------------------------------- */
.add-to-cart.right {}
.add-to-cart.right label { margin-left:10px; }
.add-to-cart.right .button { margin-right:0; }

/* Messages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#messages_product_view { margin: 0 auto; width: 98%; }



/* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Basic layout
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 1 Column Layout
-------------------------------------------------------------- */
/* Stretch content area (full page width) */
.catalog-product-view .col1-layout .col-main { margin-left:0; margin-right:0; width:100%; }

/* 3 Columns Layout
-------------------------------------------------------------- */
/* Uncomment if you're using 3-column layout on product page */
/*.catalog-product-view .col3-layout .product-img-column,
.catalog-product-view .col3-layout .product-shop,
.catalog-product-view .col3-layout .product-secondary-column,
.catalog-product-view .col3-layout .box-additional { float: none; width: 100%; }
.catalog-product-view .col3-layout .img-box .product-image { margin: 0 auto; width: 57%; }*/


/* Main sections of product page
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Generic wrapper for product page collaterals */
.product-view .box-additional { margin-top:20px;  }
.product-view .box-tabs {}
.product-view .box-sidebar {}
.product-view .box-up-sell {}
.product-view .product-shop .green-price-box { background:#e5f2c5;  border:1px solid #9cc140;   padding:15px; margin-left:0px; width:94%; }
/*.product-view .product-shop .green-price-box .inklVersand { background:#9cc140 url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/check-icon.png) no-repeat 20px center;padding:5px 5px 5px 40px; font-size:15px; font-weight:Bold; margin:0 -15px -15px}*/
.product-view .product-shop .green-price-box .inklVersand { padding:5px 5px 5px 40px; font-size:15px; font-weight:Bold; margin:0 -15px -9px; margin-left:-33px;}



/* Product images
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .product-img-column { float:left; margin-bottom:10px;  }
.col3-layout .product-view .product-img-column { float:none; margin:0 auto; }


/* Product primary column
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .product-shop { float:left; }
.product-view .product-shop .product-name {	margin:0 0 1.6666em; /*20px*/ }
.product-view .product-shop .product-name h1 { margin:0; }
.product-view .product-shop .ratings-table { margin:15px 0 5px; }

.product-view .product-shop .no-rating a{ text-decoration:underline; }


/* Product secondary Column
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .product-secondary-column .inner { padding-top:1px; padding-bottom:10px; /* Stop collapsing margins */ }


/* Product primary column's elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .short-description { margin:15px 0; line-height:1.25em; /*15px*/ }
.product-view .short-description ul { margin-top:5px; margin-bottom:5px; }

/* Add-to links */
.product-view .action-box { margin:20px 0; }

/* Add-to links in different places of the product page */
.product-view .add-to-links li { margin-right: 10px; }

/* Other elements */
.extrahint-wrapper { margin-bottom:15px; }

/* Downloadable product
-------------------------------------------------------------- */
.product-type-data .item-options { clear: both; }
.product-type-data .item-options dt { float:none; margin:0 0 5px; }
/* The same style as "item-options" in cart */
.product-type-data .item-options dd { background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/bullet.png) 3px 4px no-repeat; padding-left:15px; }

/* Additional information table
-------------------------------------------------------------- */
.product-view .data-table th { font-weight:bold; }


/* Prices - common for product view and MAP popup
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Prices on product page and MSRP */
.product-view .product-shop .price-box .price-including-tax .price { font-size:18px; }
.product-view .product-shop .price-box .price-excluding-tax .price { font-size:inherit; }

/* Main price (prominent) */
.product-view .product-shop .price-box .regular-price .price,
.product-view .product-shop .price-box .special-price .price,
.product-view .product-shop .price-box .special-price .price-label,
.product-view .product-shop .price-box .old-price .price,
.product-view .product-shop .price-box .old-price .price-label,
.product-view .product-shop .price-box .price-including-tax .price,
.product-view .product-options-bottom .price-box .regular-price .price,
.product-view .price-as-configured .price,
.map-popup-price .regular-price .price,
.product-view .price-box.map-info .old-price .price { font-size:1.6666em; /*20px*/ }

/* Old price */
.product-view .product-shop .price-box .old-price .price-label { white-space:nowrap; display:none; }

/* MSRP price (only in MSRP box) */
.map-popup-msrp .price { display:block; /* Move price below the label */ }

/* Move MSRP links below the price */
.product-view .product-shop .price-box.map-info .old-price { display:block; }

/* Special price */
.product-view .price-box .special-price { white-space:nowrap; /*Chrome*/ }
.product-view .price-box .special-price .price-label { white-space:nowrap; }
.product-view .price-box .special-price .price-including-tax,
.product-view .price-box .special-price .price-excluding-tax { padding:0 0 0 15px; }

/* Price box inside "Add-to-cart" box or inside product options box */
.product-view .add-to-box .price-box,
.product-options-bottom .price-box { float:left; margin:18px 15px 10px 0; padding:0; }


/* Main containers (e.g. for add-to-cart, product options)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product type specific data */
.product-view .product-type-data { margin:15px 0 0; }

/* Lower part of the container */
.product-view .container1-wrapper,
.product-view .container2-wrapper,
.product-view .add-to-box {
    padding:0 0 15px;
    margin: 0 0 0px;
    /*border-bottom:1px solid #e5e5e5;*/
}

/* Button container */
.product-view .add-to-box {
    margin-top:15px;
}

/* Background color for main containers */
/*.product-view .product-type-data,
.container1-wrapper,
.container2-wrapper,
.product-view .add-to-box {}*/


/* Other elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Unordered list in product description */
.product-view .short-description .std ul,
.product-view .box-tabs .std ul { list-style:none outside none; }
.product-view .short-description .std ul li,
.product-view .box-tabs .std ul li { background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; }

/* Margin for list in long description */
.product-view .box-tabs .std ul { margin-bottom:1em; }


/* Product options 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-options { position:relative; margin-bottom:15px; }
.product-options dt { font-weight:normal; }
.product-options dt label { display:inline-block; font-weight:bold; }
.product-options dt label.required em { float:right; margin-left:3px; }
.product-options dd .qty-holder { display:block; padding:5px 0 0; }
.product-options dd .qty-holder label { vertical-align:middle; }
.product-options dt .qty-disabled { background:none; border:0; padding:3px; }
.product-options dd { margin:3px 0 10px; }
.product-options dl.last dd.last { border-bottom:0; }
.product-options dd input.input-text { width:100%; /*98%*/ }
.product-options dd input.datetime-picker { width:150px; }
.product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; }
.product-options dd textarea { width:100%; /*width:92%;*/ height:8em; }
.product-options dd select { width:100%; }
.product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; }
.product-options ul.options-list { margin-right:5px; }
.product-options ul.options-list li { line-height:1.5; padding:2px 0; }
.product-options ul.options-list input.radio { float:left; }
.product-options ul.options-list input.checkbox { float:left; }
.product-options ul.options-list .label { display:block; margin-left:18px; }
.product-options ul.options-list label { font-weight:normal; }
.product-options ul.validation-failed { padding:0 7px; }
.product-options p.note { margin:0; font-size:0.9166em; }
.product-options p.required { position:absolute; right:0; top:-15px; }

/* Override form colors */
/* .product-options dd select,
.product-options dd .input-text,
.product-options dd textarea,
.product-options ul.options-list { color:#888; border-color:#ddd; }
.product-options dd select:hover,
.product-options dd select:focus,
.product-options dd textarea:hover,
.product-options dd textarea:focus,
.product-options ul.options-list:hover { color:#333; border-color:#aaa; }*/

/*bottom*/
.product-options-bottom { margin-top:20px; }
.product-options-bottom .tier-prices { margin:0 0 10px; padding:0; border:0; background:0; }
.product-options-bottom .tier-prices li { background:0; padding:2px 0; }
.product-options-bottom .price-box .price-as-configured {}
.product-options-bottom .price-label {}
.product-options-bottom .price-tax { float:left; }
.product-shop .product-options-bottom { margin:0; text-align:center; }
.product-shop .product-options-bottom .price-label { float:none; padding-right:0; }
.product-shop .product-options-bottom .price-tax { float:none; }
.product-shop .product-options-bottom .add-to-cart-box { clear:both; float:none; padding-top:12px; }


/* Grouped Product
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .grouped-items-table { margin:0; clear:both; }
.product-view .grouped-items-table thead th { font-weight:bold; }
.product-view .grouped-items-table .price-box { margin:0; padding:0; border:0; }
.product-view .grouped-items-table .price-box .price-including-tax .price { font-size:15px; }

.product-view .grouped-items-table td { vertical-align:middle; }
.product-view .grouped-items-table .price-box .regular-price .price { font-size:14px; }


/* Product collateral blocks 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Hide first h2 heading (which is the same as tab text) */
.box-tabs .panel > h2:first-child { display:none; }


/* Block: Tags 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .box-tags .product-tags { display:block; margin:0 0 25px; }
.product-view .box-tags .product-tags li { display:inline; padding:0 7px; border-right:1px solid #e5e5e5; }
.product-view .box-tags .product-tags li.first { padding-left:0; }
.product-view .box-tags .product-tags li.last { padding-right:0; border-right:0; }
.product-view .box-tags .form-add label { display:block; font-weight:bold; margin:0 0 5px; }
.product-view .box-tags .form-add .input-box { float:left; margin:0 5px 5px 0; }
.product-view .box-tags .form-add input.input-text { width:auto; }
.product-view .box-tags .note { margin:3px 0 0; font-size:0.9166em; /*11px*/ }


/* Block: Reviews
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .box-reviews { margin-top:15px; }
.product-view .box-reviews dl { margin:0 0 15px; }
.product-view .box-reviews dt .heading { font-weight:normal; font-size:1.5em; margin-right:10px; }
.product-view .box-reviews dt span { font-weight:bold; }
.product-view .box-reviews dt a { font-size:18px; margin-right:8px; }
.product-view .box-reviews dd { margin:0 0 15px 15px; padding-bottom:15px; border-bottom:1px dashed #e5e5e5; }
.product-view .box-reviews dd .date { display:block; margin-top:3px; font-style:italic; }
.product-view .box-reviews .ratings-table { margin:5px 0; }

.product-view .box-reviews .form-add {}
.product-view .box-reviews .form-add h2 { text-transform:uppercase; }
.product-view .box-reviews .form-add h3 { font-size:1em; font-weight:normal; margin-bottom:0; }
.product-view .box-reviews .form-add h3 span { font-weight:bold; }
.product-view .box-reviews .form-add h4 { font-size:1em; font-weight:normal; }
.product-view .box-reviews .form-add h3,
.product-view .box-reviews .form-add h4 { font-family:inherit; }
.product-view .box-reviews .form-add .form-list { margin:15px 0 0; }
.product-view .box-reviews .form-add .form-list .input-box {}
.product-view .box-reviews .form-add .form-list input.input-text { width:100%; max-width:340px; }
.product-view .box-reviews .form-add .form-list textarea { width:100%; max-width:500px; }
.product-view .box-reviews .buttons-set button.button { float:left; margin-left:0; }

.product-view .box-reviews .form-add .data-table { max-width:176px; }
.product-view .box-reviews .form-add .data-table th,
.product-view .box-reviews .form-add .data-table td { text-align:center; line-height:1em; }
.product-view .box-reviews .form-add .data-table td .radio { margin:0; }


/* Send a Friend
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.send-friend .form-list li p { margin:0 15px 0 0; }
.send-friend .form-list .field { margin-bottom:8px; }
.send-friend .form-list textarea { width:100%; }
.send-friend .buttons-set .limit { float:right; margin:0 7px; }



/* Content Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-name { margin:0; font-weight:normal; font-size:1em; }
/* Product Tags */
.tags-list li { display:inline; }

/* Advanced Search */
.advanced-search-summary { padding:20px; margin:10px 0; }
.advanced-search-summary ul { float:left; margin:0 4% 10px 0; width:46%; }
.advanced-search-summary li { margin:0 0 2px 0; font-size:1.25em; }
.advanced-search-summary strong { margin:0 5px 0 0; }
.advanced-search-summary p { clear:both; float:left; display:block; margin:20px 0 0; }

/* Advanced Search - form */
.advanced-search .form-list label { padding-right:10px; width:140px; }
.advanced-search .form-list .input-box,
.advanced-search .form-list .input-range {
    clear:none;
    float:left; /* Complex form fields (e.g. price range) require floating for correct layout */
}

.catalogsearch-advanced-index .fieldset { margin-bottom:3px; }
.catalogsearch-advanced-index .buttons-set { padding-left:0; }
.catalogsearch-advanced-index .buttons-set button.button { float:left; margin:0; }
.catalogsearch-advanced-index .buttons-set button.button span span { padding-left:60px; padding-right:68px; }

/* Sitemap */
.page-sitemap .links { float:right; margin:0 0 5px; text-align:center; }
.page-sitemap .links a { text-decoration:none; position:relative; }
.page-sitemap .sitemap { margin:15px; }
.page-sitemap .sitemap li { margin:3px 0; }
.page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; }
.page-sitemap .sitemap li.level-0 a {}
.page-sitemap .pager { clear:both; }

/* RSS */
.rss-title h1 { background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/i_rss-big.png) 0 center no-repeat; padding-left:30px; }
.rss-table .link-rss { display:block; }



/* Shopping Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Checkout Types
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .page-title .checkout-types li { margin:0 0 5px; }
.cart .title-buttons .checkout-types { float:right; }
.cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; }


/* Shopping Cart Table
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart-table thead tr { border-bottom:1px solid #e5e5e5; }
.cart-table th.last { border-right:none; }

.cart-table .product-image { width:168px; display:block; }
.cart-table .product-name { margin:0 0 10px; font-weight:normal; font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ }
.cart-table .item-msg { margin:5px 0; font-size:0.9166em; font-weight:bold; color:#ee001c; }
.cart-table tfoot td { padding:5px 10px; border:none; }

/* Table bottom - buttons
-------------------------------------------------------------- */
.cart-table tfoot td.last { padding:15px 0 0; border-bottom:1px solid #eee; }
.cart-table tfoot button { padding:0; margin:0 0 15px 10px; }
.cart-table .btn-continue { float:left; margin-left:0; }
.cart-table .btn-update,
.cart-table .btn-empty { float:right; }


/* Cart Collateral blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart-collaterals { margin-top:2%; /* Percentage value to keep the same margin as between columns */ }
.cart .cart-left-column > *,
.cart .cart-right-column > * { margin-bottom:20px; }
.cart .cart-right-column { float:right; }


/* Cross-sell
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .crosssell .product-image { float:left; }
.cart .crosssell .product-details { margin-left:85px; }
.cart .crosssell .btn-cart { float:left; margin-right:10px; }
.cart .crosssell .add-to-links { float:left; margin:12px 0 0; }
.cart .crosssell .price-box { margin:7px 0; }
.cart .crosssell li.item { padding:20px 0; }
.cart .crosssell li.item.odd { margin-left:0; clear:left; }
.cart .crosssell li.item.even { margin-right:0; float:right; }

/*
-------------------------------------------------------------- */
.cart-wide-box .crosssell li.item { float:left; width:265px; min-height:109px; }
.cart-wide-box .crosssell li.item.odd { padding-right:20px; border-right:1px solid #eee; }
.cart-wide-box .crosssell li.item.even { padding-left:20px; }


/* Common styles: Cross-sell, Discount Codes, Estimate Shipping
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .discount .buttons-set,
.cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; }
.cart .discount .buttons-set button.button,
.cart .shipping .buttons-set button.button { float:none; margin-left:0; }


/* Discount Codes (coupons)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .discount label { display:block; margin:0 0 5px; }
.cart .discount .input-box {}
.cart .discount input.input-text { width:100%; }


/* Estimate Shipping
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .shipping input.input-text,
.cart .shipping select { width:100%; }
.cart .shipping p { margin-bottom:10px; }
.cart .shipping .sp-methods { margin:10px 0 0; }


/* Shopping Cart Totals
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .totals { background-color:#f5f5f5; }
.cart .totals-inner { padding:20px; }
.cart .totals table { width:100%; }
.cart .totals td { padding:1px 0px 1px 7px; }
.cart .totals tr.last td {}
.cart .totals tfoot th { padding:5px 15px 5px 7px; }
.cart .totals tfoot td { padding-bottom:5px; }
.cart .totals tfoot th strong,
.cart .totals tfoot td strong { font-size:16px; }
/*.cart .totals tfoot .price { color:#B31F5A; } */
.cart .totals .checkout-types { text-align:right; }
.cart .totals .checkout-types li { clear:both; margin:10px 0; }
.cart .totals .checkout-types .paypal-logo a {display:block;padding-top: 7px;}
.cart .totals .checkout-types .paypal-logo span {  padding-bottom:10px; padding-right:60px; }


/* Cart static blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Item Options and Options Tool Tip
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.item-options { line-height:15px; }
.item-options dt { white-space:nowrap; float:left; margin-right:7px; }
.item-options dd { padding-left:11px; margin:0 0 2px; }

/* Item options in cart/checkout tables */
.data-table .item-options dt {
    background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/bullet.png) 0 4px no-repeat;
    padding-left:10px;
    white-space:normal; /* Override 'nowrap' */
}
.data-table .item-options { margin:0 0 0 10px; }

/* Options Tool Tip
-------------------------------------------------------------- */
.truncated { cursor:help; display:inline-block; margin-left:3px; }
.truncated a.dots { cursor:help; }
.truncated a.details { cursor:help; text-decoration:none; border-bottom:1px dotted #ccc; }
.truncated .truncated_full_value { position:relative; z-index:999; }
.truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; padding:8px; min-width:100px; }
.truncated .truncated_full_value .item-options > p { font-weight:bold; margin-bottom:2px; }
.truncated .show .item-options { top:-20px; left:50%; }
.col-left .truncated .show .item-options { left:15px; top:7px; }
.col-right .truncated .show .item-options { left:-240px; top:7px; }



/* Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/********** < Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods dt { font-weight:bold; margin:15px 0 0; }
.sp-methods dd { margin: 3px 0 15px;  }
.sp-methods dd li { margin: 5px 0; }
.sp-methods .price { font-weight:bold; }
.sp-methods .form-list { padding:10px 10px 10px 30px; }
.sp-methods select.month { width:150px; margin-right:10px; }
.sp-methods select.year { width:96px; }
.sp-methods input.cvv { width:3em !important; }

.sp-methods .checkmo-list li {}
.sp-methods .checkmo-list label { padding-right:10px; }
.sp-methods .checkmo-list address { float:left; }

.sp-methods .centinel-logos a { margin-right:3px; }
.sp-methods .centinel-logos img { vertical-align:middle; }

.please-wait { float:right; margin-right:5px; }
.please-wait img { vertical-align:middle; }
.cvv-what-is-this { cursor:help; margin-left:5px; }

/* Tooltip */
.tool-tip { background-color:#fff; padding:10px; position:absolute; z-index:9999; }
.tool-tip .btn-close a { margin:0 0 0 auto; }
.tool-tip .tool-tip-content { padding:5px; }

/* Gift Messages */
.gift-messages { margin:30px 0 10px; }
.gift-messages-form { border:1px solid #e5e5e5; padding:20px; position:relative; }
.gift-messages-form p { margin-bottom:10px; }
.gift-messages-form label { float:none !important; position:static !important; }
.gift-messages-form .item { margin:0 0 10px; }
.gift-messages-form .item .product-img-box { float:left; width:75px; }
.gift-messages-form .item .product-image { margin:0 0 7px; }
.gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; }
.gift-messages-form .item .details { margin-left:90px; }

.gift-message-link { display:block; background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; }
.gift-message-link.expanded { background-position:0 -53px; }
.gift-message-row .btn-close { float:right; padding:0 7px 0px; }
.gift-message dt strong { font-weight:bold; color:#666; }
.gift-message dd { margin:5px 0 0; font-size:13px; }
.order-gift-message { margin:15px 0; }

/* Checkout Agreements */
.checkout-agreements { padding:0 60px 20px; }
.checkout-agreements li { margin:0 0 20px; }
.checkout-agreements .agree { margin-top: 5px; }
.checkout-agreements .agree input.checkbox { margin-right:6px; }
.checkout-agreements .agree label { font-weight:bold; }
.opc .checkout-agreements { padding:15px 30px; }

.checkout-agreements .agreement-content { max-height:250px; overflow:auto; padding-right:30px; }

/* Centinel */
.centinel {}
.centinel .authentication { border:1px solid #ddd; background:#fff; }
.centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; }

/* Generic Info Set */
/* For more styles see Multiple Addresses Checkout */
.info-set .data-table .item-options { margin:5px 0 0; }
/********** Common Checkout Styles > */


/* Other */
.block-progress .block-title { background:none; border:0; padding:10px 0;}
.block-progress .block-title strong { font-family:inherit; text-transform:none; font-weight:normal; }
.block-progress .block-content { background:none; padding:0; margin-top:10px; border:none; }
.block-progress dt {
    background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/checkout-progress.png) 0 5px no-repeat;
    line-height:18px;
    margin:0 0 5px;
    padding:6px 0 6px 30px;
    font-weight:bold;
}
.block-progress dd {
    line-height:15px;
    border-top:0 none;
    margin:0 0 6px;
    padding:8px 10px;
}
.block-progress dt.complete { background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/checkout-progress-done.png) 0 5px no-repeat; }
.block-progress dt.complete .separator {}
.block-progress dt.complete a { font-weight:normal; }
.block-progress dd.complete {}
.block-progress p { margin:0; }

.opc .buttons-set { margin-top:0; padding-top:2em; }
.opc .buttons-set p.required { margin:0; padding:0 0 10px; }
.opc .buttons-set.disabled button.button { display:none; }
.opc .buttons-set .please-wait { height:28px; line-height:28px; }
.opc .ul { list-style:disc outside; padding-left:18px; }

.opc { position:relative; }
.opc .section { margin:0 0 10px; padding:0; }

.opc .step-title { background:#f5f5f5; padding:10px; text-align:right;  }
.opc .step-title .number { float:left; background:#fff; padding:8px 12px; margin:0 8px 0 0; font-size:1.3333em; }
.opc .step-title h2 { float:left; margin:0; color:#999; font-size:1.3333em; line-height:2.125em; }
.opc .step-title a { display:none; float:right; margin-top:6px; }

.opc .section.allow { cursor:pointer; }
.opc .section.allow.active { cursor:auto; }
.opc .allow .step-title { background:#f5f5f5; }
.opc .allow .step-title:hover { background-color:#e5e5e5; }
.opc .allow .step-title h2 { color:#333; }
.opc .allow .step-title a { display:block; }

.opc .active .step-title { background-color:#e5e5e5; cursor:default; }
.opc .active .step-title .number { color:#fff; background-color:#333; }
.opc .active .step-title h2 {}
.opc .active .step-title a { display:none; }

.opc .step { padding:10px 20px; margin-top:10px; position:relative; }
.opc .step .tool-tip { right:30px; }

#opc-login .col-1 {}
#opc-login .col-2 {}
#opc-login h3 { margin-top:10px; }
#opc-login h4 { font-family:inherit; font-weight:normal; }
#opc-login .form-list { margin:15px 0 15px; }
#opc-login .form-list li { margin:0 0 3px;}
#opc-login .buttons-set { padding:0; }

.opc .gift-messages-form { border:1px solid #e5e5e5; border-width:1px 0;}
.opc .gift-messages-form .inner-box { overflow:visible; }

#opc-review .step { padding:0; }
#opc-review .item-options { margin:5px 0 0; }
#opc-review .buttons-set { border:0; padding:15px 30px; }
#opc-review .buttons-set p { margin:0; line-height:28px; }
#opc-review .buttons-set .please-wait { height:28px; line-height:28px; }
#opc-review .authentication { margin:0 auto; width:570px; }
#opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; }


.successWieGestalten{
    margin-top:30px;
    margin-right:20px;
    background:#f5f5f5;
}

.successWieGestalten h2{
    color: #fff;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 40px;
    background: #70b6c1 url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/bg_wie-gestalten_titel.png) no-repeat 10px center;
}

.successWieGestalten .abstand{
    padding:10px 15px;
}

.successWieGestalten .customerEmail{
    color: #70B6C1;
}

/* Common styles for: Multiple Addresses Checkout and Generic Info Set
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.multiple-checkout h2,
.info-set h2 { font-weight:bold; margin:0 0 10px; }
.multiple-checkout h3,
.multiple-checkout h4,
.info-set h3,
.info-set h4 { font-size:15px; font-weight:bold; }
.multiple-checkout h2 a,
.multiple-checkout h3 a,
.multiple-checkout h4 a,
.info-set h2 a,
.info-set h3 a,
.info-set h4 a { font-size:12px; font-weight:normal; }

.multiple-checkout .data-table .product-name,
.info-set .data-table .product-name { font-size:13px; margin:0 0 5px; }
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend { font-weight:normal; }
.multiple-checkout .col2-set h3.legend,
.info-set h3.legend { color:#ce001a; margin:0 0 10px; }
.multiple-checkout .col2-set .divider,
.info-set .divider { margin:0 -20px; padding:25px 0; position:relative; }
.multiple-checkout .box,
.info-set .box { margin:0 0 15px; }



/* Multiple Addresses Checkout
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.checkout-progress { padding:0 110px; margin:-11px 0 25px; }
.checkout-progress li { float:left; width:19%; margin:0 1px 0 0; padding-top:5px; border-top:10px solid #d5d5d5; text-align:center; color:#bbb; }
.checkout-progress li.active { border-top-color:#ce001a; color:#ce001a; }

.multiple-checkout .page-title { border-bottom:1px solid #e5e5e5; padding-bottom:5px; }
.multiple-checkout .buttons-set { border-top:1px solid #e5e5e5; margin-top:40px; padding-top:15px; }

/* Styles similar to cart-table */
.multiple-checkout .data-table thead tr { border-bottom:1px solid #bbb; }
.multiple-checkout .data-table thead th { padding:10px; font-weight:normal; }

.multiple-checkout .gift-messages { margin:15px 0 0; }
.multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; }

.multiple-checkout .col2-set .col-1 { width:32%; }
.multiple-checkout p.actions { margin-bottom:10px; }

.multiple-checkout .place-order .please-wait { margin-top:10px; }
.multiple-checkout .place-order .grand-total { font-size:1.5em; text-align:right; }
.multiple-checkout .place-order .grand-total .inner div { display:inline; }
.multiple-checkout .place-order .grand-total big { display:inline; margin-right:20px; }

/* Step 1 */
#multiship-addresses-table td { padding:10px; }

/* Step 2 */
.checkout-multishipping-shipping .box-sp-methods { border:1px solid #e5e5e5; padding:15px; margin-bottom:0; position:relative; }



/* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Account Login/Create Pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.account-login .new-users,
.account-login .registered-users { margin-bottom:20px; }
.account-login p { margin-bottom:20px; }
.account-login p.required { margin:0; }
.account-login .buttons-set { clear:none; padding:0; margin:0; }

/* Account Login/Create box elements - login page and checkout page */
.account-login .buttons-set button,
#opc-login .buttons-set button { float:left; margin-left:0; }
.account-login .buttons-set a,
#opc-login .buttons-set a { float:right !important; margin:4px 0 0; }


/* My Account Dashboard
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.my-account {}
.my-account .title-buttons .link-rss { float:none; margin:0; }

/********** < Dashboard */
.dashboard .welcome-msg { margin:0 0 1.6666em; }
.dashboard .welcome-msg .hello { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ }
.dashboard .welcome-msg .hello strong { font-weight: normal; }
.dashboard .col-1,
.dashboard .col-2 { margin-bottom:1.5em; }

/* General Box */
.box-account { margin:0 0 2.5em; }
.box-account .box-head { border-bottom:1px solid #e5e5e5; margin:0 0 10px; padding-bottom:5px; }
.box-account .box-head a { float:right; margin-top:10px; }
.box-account .box-head h2 { float:left; margin:0; background-position:0 0; background-repeat:no-repeat; }
.box-account.box-info .col-1 { border-right:1px solid #e5e5e5; }
.box-account.box-info .col-1 .box { padding-right:10px; }

.dashboard .box .box-title { padding:0 0 2px; margin:0 0 10px; text-align:right; border-bottom:1px solid #e5e5e5; }
.dashboard .box .box-title h3,
.dashboard .box .box-title h4 { float:left; margin:0; }

/* Block: Recent Orders */
.dashboard .box-recent .box-head h2 {}

/* Block: Account Information */
.dashboard .box-info .box-head h2 {}
.dashboard .box-info h4 { font-weight:normal; text-transform:uppercase; }

/* Block: Reviews */
.dashboard .box-reviews .box-head h2 {}
.dashboard .box-reviews .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; }
.dashboard .box-reviews .details { margin-left:38px; }
.dashboard .box-reviews li.item { margin:0 0 7px; }
.dashboard .box-reviews li.item.last { margin:0; }
.dashboard .box-reviews .ratings { margin:5px 0 0; }

/* Block: Tags */
.dashboard .box-tags .box-head h2 {}
.dashboard .box-tags .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; }
.dashboard .box-tags .details { margin-left:38px; }
.dashboard .box-tags .tags { margin:5px 0 0; }
.dashboard .box-tags li.item { margin:0 0 7px; }
.dashboard .box-tags li.item.last { margin:0; }
.dashboard .box-tags .tags strong,
.dashboard .box-tags .tags ul,
.dashboard .box-tags .tags ul li { display:inline; }
/********** Dashboard > */

/* Add left padding if icons are displayed in headings */
/*.box-account .box-head h2,
.order-items h2,
.order-about h2 { padding-left:38px; }*/


/* Address Book
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.addresses-list h3 { font-weight:normal; }
.addresses-list address { margin-bottom:10px; }
.addresses-list .link-remove:hover { color:#ee001c; }
.addresses-list .separator { margin:0 3px; }
.addresses-list .addresses-primary .item { padding:15px; margin:0 0 10px; background-color:#f5f5f5; }
.addresses-list li.empty { background:none; border:0; padding:0; }
.addresses-list li.empty p { color:#555; }
.addresses-list .addresses-additional .item { padding:15px; margin:0 0 10px; border:1px solid #e5e5e5; }

.my-account .pager { margin-bottom:20px; }


/* Order View
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.order-info { margin:20px 0 10px; }
.order-info dt,
.order-info dd,
.order-info li,
.order-info li a { float:left; }

.order-info dt { font-weight:bold; }
.order-info li { margin-right:1px; }
.order-info dt,
.order-info li.current,
.order-info li a { padding:10px; }
.order-info dt { padding-left:0; }

.order-info li a { background-color:#f8f8f8; }
.order-info li a:hover,
.order-info li.current { background-color:#e5e5e5; }

/* Date */
.order-date { margin:15px 0; color:#ee001c; clear:both; }


/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.order-info-box { margin:0 0 10px; padding:20px; }
.order-info-box .col-1 { border-right:#e5e5e5 solid 1px; }
.order-info-box h2 {}
.order-info-box .box-payment p { margin:0 0 3px; }
.order-info-box .box-payment th { font-weight:bold; padding-right:7px; }

.order-items .data-table { margin-bottom:20px; }
.order-items .data-table td { padding:5px 9px; }
.order-items .data-table .grand_total { font-size:1.3333em; }
/* Grand total color */
.order-items .data-table .grand_total .last,
.order-items .data-table .grand_total_incl .last {}

.order-items { width:100%; }
.order-items .product-name { margin:0 0 3px; font-size:12px; }
.order-items .link-print { font-weight:normal; }
.order-items p .link-print { float:none; }

.order-items h2,
.order-about h2 { margin:15px 0; }

.order-items h3.table-caption { font-size:13px; font-weight:bold; }
.order-items h2.table-caption a,
.order-items h2.sub-title a {
    font-size:12px;
    font-weight:normal;
    text-transform:none;
}
.order-items .order-links { text-align: right; }
.order-items .order-comments h2 {}

.order-details h2 {}
.order-details h2 .separator { color:#999; font-size:12px; }

.order-about { margin:0 0 15px;	padding:5px 30px; }
.order-about dt { font-weight:bold; }
.order-about dd { font-size:12px; margin-bottom:15px; }

.tracking-table { margin:0 0 15px; }
.tracking-table th { width:20%; font-weight:bold; white-space:nowrap; }
.tracking-table th,
.tracking-table td { padding:5px 9px; }

.tracking-table-popup { width:100%; }
.tracking-table-popup th { font-weight:bold; white-space:nowrap; }
.tracking-table-popup th,
.tracking-table-popup td { padding:1px 8px; }


/* Order Print Pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.page-print .print-head { margin:0 0 15px; }
.page-print .print-head .logo { float:left; }
.page-print .print-head address { float:left; margin-left:15px; }
.page-print h1 { font-size:16px; font-weight:bold; }
.page-print h2,
.page-print h3 { font-size:13px; font-weight:bold; }
.page-print h2.h2 { font-size:16px; font-weight:bold; }
.page-print .order-date { background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 10px; margin:0 0 10px; }
.page-print .col2-set { margin:0 0 10px; }
/* Price Rewrites */
.page-print .gift-message-link { display:none; }
.page-print .price-excl-tax,
.page-print .price-incl-tax { display:block; white-space:nowrap; }
.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price { display:inline; }


/* My Wishlist
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.my-wishlist .product-image { display:block; margin:0 0 5px; min-width:113px; max-width:140px;  }
.my-wishlist .product-name { margin-bottom:10px; }
.my-wishlist .description { margin-bottom:10px; }
.my-wishlist textarea { display:block; width:97%; height:70px; border:1px solid #e5e5e5; }
.my-wishlist .price-box { margin-bottom:5px; }
.my-wishlist .add-to-cart-alt { margin-bottom:10px; }
.my-wishlist .buttons-set { margin-top:2em; }
.my-wishlist .buttons-set button.button { float:none; }
#wishlist-table .add-to-links { white-space:nowrap; }

.my-wishlist .data-table tr.even { background:#f8f8f8; }
.my-wishlist .btn-cart { margin:10px 0 5px; }


/* My Tags
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.my-tag-edit { float:left; margin:0 0 10px; }
.my-tag-edit .btn-remove { float:right; margin:5px 0 0 5px; }
#my-tags-table { clear:both; }
#my-tags-table td { padding:10px; }
#my-tags-table .add-to-links { white-space:nowrap; }


/* My Reviews TODO:deprecated
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#my-reviews-table td { padding:10px; }
.product-review .product-img-box { float:left; width:140px;  }
.product-review .product-img-box .product-image { display:block; width:125px; height:125px; }
.product-review .product-img-box .label { margin:0 0 8px; }
.product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 10px; }
.product-review .product-details { margin:0 20px 20px 155px; }
.product-review .product-name { font-size:18px; margin:0 0 18px; }
.product-review h3 { font-size:12px; margin:15px 0 5px; }
.product-review .ratings-table { margin:0 0 15px; }
.product-review dt { font-weight:bold; }
.product-review dd { font-size:12px; margin:5px 0 0; }


/* Billing Agreements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.billing-agreements .form-list li select { float:left; }
.billing-agreements .form-list li button.button { float:left; margin-left:10px; }
.billing-agreements .table-caption { font-weight:bold; font-size:13px; }



/* Popups %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Remember Me Popup
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.window-overlay { background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; }

.remember-me label { float:none; margin:0 6px; }
.remember-me-popup { left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; z-index:10000; }
.remember-me-popup .remember-me-popup-head { position:relative; }
/*.remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999em; }
.remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; }*/
/* Additionally remove the button */
.remember-me-popup .remember-me-popup-close-button { display:none; }


/* MAP Popup
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart-msrp-totals { color:red; font-size:12px !important; text-align:right; text-transform:uppercase;}
.map-cart-sidebar-total { color:red; display:block; text-align:left;
                          overflow:hidden;
                          text-overflow:ellipsis;
                          white-space:nowrap;
                          text-transform:lowercase;
                          width:55px;
                          line-height:15px;
                          padding:2px 8px;
}
.map-cart-sidebar-total:hover {
    overflow:visible;
    white-space:normal;
    background-color:#fff;
    box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
}
.map-popup { margin:10px 0 0; position:absolute; width:300px; z-index:100; }
.map-popup-heading { width:240px; }
.map-popup-heading h2 {
    margin:0;
    overflow:hidden;
    white-space:nowrap;
    word-wrap: break-word;
    text-align:left;
    text-overflow:ellipsis;
}
.map-popup-arrow { display:none; /*border-color:transparent transparent #fff transparent; border-style:solid; border-width:10px; position:absolute; left:50%; top:-20px;*/ }
.map-popup-content { overflow:hidden; text-align:left; width:270px; }
.map-popup-checkout { display:inline; float:right; text-align:right; }
.map-popup-checkout span { display:block; padding-right:30px; }
.map-popup-checkout .paypal-logo { margin:0 0 5px; }
.map-popup-price .price-box,
.map-popup-price .price-box .special-price { margin:0; padding:0; }
.map-popup-price { margin:5px 0 0; }
.map-popup-text { clear:right; margin:0 15px; padding:15px 0; text-align:left; word-wrap:break-word; }
.map-popup-only-text { border-top:1px solid #eee; }


/* Common styles for: Remember Me Popup and MAP Popup
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.remember-me-popup,
.map-popup { background:#fff; text-align:left; /* + Common shadow styles for multiple items */ }
.remember-me-popup h3,
.map-popup-heading { border-bottom:1px solid #e5e5e5; padding:12px 45px 12px 15px; }
.remember-me-popup h3,
.map-popup-heading h2 { font-size:1.5em; /*18px*/ }
.remember-me-popup .remember-me-popup-body,
.map-popup-content { padding:15px; }
.remember-me-popup .remember-me-popup-head .remember-me-popup-close,
.map-popup-close { background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/pix.png) 0 -150px no-repeat; display:block; position:absolute; top:11px; right:15px; height:17px; width:17px; text-indent:-9999em; }
.remember-me-popup .remember-me-popup-head .remember-me-popup-close:hover,
.map-popup-close:hover { background-position:-17px -150px; }
.remember-me-popup .remember-me-popup-head .remember-me-popup-close:active,
.map-popup-close:active { background-position:-34px -150px; }

/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.calendar { z-index:200; }



/* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.footer-container,
.footer-container2 { background-repeat:repeat; background-position:center top; background-attachment: scroll; }
.footer {
    width:960px;
    margin:0 auto;
    padding:0;
    text-align:left;
}
.footer .item-left { float:left; margin-right:20px; }
.footer .item-right { float:right; margin-left:20px; }

/* Footer elements */
.footer .heading,
#subscribe-form label { margin-bottom:0.625em; font-size:1.3333em; font-weight:normal; }


/* Footer top
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.footer-top {}


/* Footer primary
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.footer-primary {}

/* Primary footer additional
-------------------------------------------------------------- */
.footer-primary-top-spacing {
    padding-top:20px;
    padding-bottom:20px;
    border-bottom:1px solid;
    border-color:#eee;
    border-color:rgba(0,0,0, 0.05);
}
.footer-primary-bottom-spacing {
    border-top:1px solid;
    border-color:#eee;
    border-color:rgba(0,0,0, 0.05);
    padding-top:20px;
    padding-bottom:20px;
}


/* Footer secondary
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.footer-secondary {}


/* Footer bottom
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.footer-bottom-container {}
.footer-bottom {
    padding-top:10px; /* To counterbalance the bottom margin of footer elements */
}


/* Footer elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Newsletter form
-------------------------------------------------------------- */
#subscribe-form {}
#subscribe-form form { display:block; }
#subscribe-form label { float:left; margin:5px 5px 0 0; line-height:36px; font-weight:normal; position: relative; }
#subscribe-form .input-box { float:left; margin:5px 5px 5px 0; position:relative; }
#subscribe-form .input-box .validation-advice {
    padding:10px 0;
    margin:0;
    width:140%;
    position:absolute;
    top:-103%;
    left:-20%;
    text-align:center;
    background-color:#fff;
    background-color:rgba(255,255,255,0.9);
    z-index:1;
}
#subscribe-form .input-text {
    float:left;
    width:220px;
}
#subscribe-form .input-text.validation-failed {}
#subscribe-form .button { float:left; margin:5px 0px 5px 0; }

/* Social services
-------------------------------------------------------------- */
.social-links span.icon { margin-bottom:3px; }

/* Other elements
-------------------------------------------------------------- */
.footer-copyright { font-size:0.9166em; /*11px*/ line-height:1.3636em; margin-bottom:10px; margin-left:10px;  }

/* Scroll to top button
-------------------------------------------------------------- */
#scroll-to-top {
    display:none;
    position:fixed;
    width:50px;
    height:50px;
    bottom: 150px;
    right:30px;
    z-index:9999;
    text-indent:-9999px;
    border-radius:50%;
    background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png) -200px -100px no-repeat #e5e5e5;
}
#scroll-to-top:hover {
    background-position:-200px -150px;
    background-color:#333;
}



/* CMS pages and elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* CMS pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Home page */
body.cms-index-index .breadcrumbs { display:none; }


/* Magento widgets
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.widget-new-products .products-grid .item,
.widget-viewed .products-grid .item,
.widget-compared .products-grid .item { float: left; max-width: 165px; padding: 0 10px 15px; }

.widget-new-products .products-list,
.widget-viewed .products-list,
.widget-compared .products-list { list-style-type: none; padding: 0; }

.widget-new-products .products-list .product-image,
.widget-viewed .products-list .product-image,
.widget-compared .products-list .product-image { float: left; }



/* Clear %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.clear { clear:both; font-size:0; line-height:0; height:0; } /* Additional simple clearing */
.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
.header .quick-access:after,
#nav:after,
.main:after,
.footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col3-layout .product-options-bottom .price-box:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-view .box-tags .form-add:after,
.product-view .product-shop .short-description:after,
.product-view .box-description:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after,

/* Additional clearing */
.my-account .order-info:after,
#mini-cart .mini-products-list li.item:after,

.block-related-thumbnails .product:after,

.cart .crosssell:after,

.section-line:after,
.section-title:after

{ display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }





/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * 2014-02-03 23:51:16 */




@import url(//fonts.googleapis.com/css?family=PT+Sans);


body {
    color: #333;
    font-size: 13px;

    background-color: #f5f5f5;
}
a
{
    color: #333;
}
a:hover,
.vertnav-side li.current > a
{
    color: #70b6c1;
}

.caret {
    border-top-color: #333;
}


button.button span
{
    background-color: #eee;
    color: #333;
}
button.button:hover span
{
    background-color: #9cc140;
    color: #fff;
}

.product-view .btn-cart span,
button.btn-checkout span
{
    background-color: #333;
    color: #fff;
}

button.btn-checkout#review_button span{
    background-color: #9cc140;
    color:#000;
} 

button.btn-checkout#review_button span:hover{
    background-color:#b5df4c;
}

.product-view .btn-cart:hover span,
button.btn-checkout:hover span
{
    background-color: #9cc140;
    color: #fff;
}



/* Default icon */
/* Toolbar */
.sorter .view-mode a,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,
.pager .pages li a,

/* Back link */
.buttons-set .back-link small,

/* Add-to links */

/* Simple icons (product grid) */
.add-to-links.addto-icons a, /*Deprecated*/

/* Other with standard icons */
.add-to-links span.icon,

/* Slider arrows */
.gen-slider-arrows1 .direction-nav a, /* Sliders */
.gen-slider-arrows1 .direction-nav a.disabled:hover,
.gen-slider-arrows2 .direction-nav a, /* Slideshow */
.gen-slider-arrows2 .direction-nav a.disabled:hover,
.gen-slider-arrows3 .direction-nav a, /* Cloud Zoom */
.gen-slider-arrows3 .direction-nav a.disabled:hover,

/* Lightbox */
#cboxPrevious,
#cboxNext,
#cboxClose,

/* Accordion and collapsible: opener */
.accordion-style1 .opener,
.collapsible .opener,

/* Scroll to top */
#scroll-to-top
{
    background-color: #eee;
}


/* Hover icon */
/* Toolbar */
.sorter .view-mode a:hover,
.sorter .sort-by .category-asc:hover,
.sorter .sort-by .category-desc:hover,
.pager .pages li a:hover,

/* Back link */
.buttons-set .back-link:hover small,

/* Add-to links */

/* Simple icons (product grid) */
.add-to-links.addto-icons a:hover, /*Deprecated*/

/* Other with standard icons */
.add-to-links span.icon-hover:hover,
.add-to-links .feature-icon-hover:hover span.icon,

/* Slider arrows */
.gen-slider-arrows1 .direction-nav a:hover,
.gen-slider-arrows2 .direction-nav a:hover,
.gen-slider-arrows3 .direction-nav a:hover,

/* Lightbox */
#cboxPrevious:hover,
#cboxNext:hover,
#cboxClose:hover,

/* Accordion and collapsible: opener */
.accordion-style1 .opener:hover,
.collapsible .opener:hover,

/* Scroll to top */
#scroll-to-top:hover
{
    background-color: #333;
}


/* Active icon */
.sorter .view-mode span.grid,
.sorter .view-mode span.list,
.pager .pages li.current
{
    background-color: #e9e9e9;
}


span.icon
{
    background-color: #9cc140;
}
span.icon-hover:hover,
.feature-icon-hover:hover span.icon
{
    background-color: #70b6c1;
}



.links > li > a:hover {
    background-color: #6eb6c1;
    color: #fff !important;
}


.sticker.new {
    background-color: #9cc140;
    color: #fff;
}
.sticker.sale {
    background-color: #f12b63;
    color: #fff;
}



/*.price-box .price*/
.price-box .regular-price .price,
.price-box .minimal-price .price { font-size: 18px; font-weight:bold; }


.additional-bg-color,
.block-layered-nav .currently,
.cart .totals
{
    background-color: #f5f5f5;
}



/* Custom content class */
.main-font,

/* Headings */
h1, h2, h3, h4, h5,
.section-title,
.products-list .product-name,
.products-grid .product-name,
h3.product-name, /*TODO:remove*/

/* Generic  */
.feature .heading,
.accordion .heading,

/* Main menu */
#mobnav-trigger,
#nav > li > a,
#nav.wide ul.level0 > li > a,
.vertnav-top li a,

/* Block headings */
.block .block-title,

/* Checkout headings */
#opc-login h3,

/* Multiple checkout */
/*.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend,*/

/* Account */
.box-account .box-head h2,
.order-items h2.table-caption,
.order-items h2.sub-title,
.order-items .order-comments h2,

/* Product page */
.product-view .box-reviews dt .heading,
.gen-tabs .tabs a,

/* Footer headings */
.footer .heading,
#subscribe-form label,

/* Captions */
.caption .heading
{
    font-family: 'PT Sans', sans-serif;


}







.wrapper
{
    border-top-color: #333;

    background-color: #fff;

}



.header-container
{

}
.header
{

}
.header a {
}
.header a:hover {
}

.header-container3
{

}

.header .caret {
    border-top-color: #333;
}


.form-search .input-text
{
    background-color: #fff;
    border-color: #ddd;
    color: #bbb;
}
.form-search .input-text:hover,
.form-search .input-text:focus
{
    background-color: #fff;
    border-color: #333;
    color: #333;
}



.header .dropdown-menu,
.header .open > .dropdown-toggle.cover > div,
.header .truncated .truncated_full_value .item-options,
.header .form-search .search-autocomplete
{
    background-color: #fff;

    color: #333;
}

.header .dropdown-menu a,
.header .open > .dropdown-toggle.cover > div a,
.header .form-search .search-autocomplete li
{
    color: #333;
}
.header .dropdown-menu a:hover,
.header .open > .dropdown-toggle.cover > div a:hover,
.header .form-search .search-autocomplete li:hover
{
    color: #aaa;
}

.header .open > .dropdown-toggle.cover > div .caret {
    border-top-color: #333;
}




.header-top-container
{
    background:#eee;
}
.header-top
{


}
.header-top a
{
}
.header-top a:hover
{
}







#nav .level0-wrapper,
#nav.classic ul
{
    background-color: #fff;

    color: #333;
}

#nav ul li a
{
    color: #333;
}
#nav ul li a:hover
{
    color: #70b6c1;
}



.cat-label-label1 {
    background-color: #9cc140;
    color: #fff;
}
.cat-label-label2 {
    background-color: #6eb6c1;
    color: #fff;
}

li.level0 > a > span > .cat-label-label1.pin-bottom:before {
    border-top-color: #9cc140;
}
li.level0 > a > span > .cat-label-label2.pin-bottom:before {
    border-top-color: #6eb6c1;
}

li > a:hover > span > .cat-label,
#nav li.level0:hover > a > span > .cat-label /* Top-level category label is highlighted on item hover, not on link hover */
{
    background-color: #dfc15f;
    color: #333;
}
li.level0 > a:hover > span > .pin-bottom:before,
#nav li.level0:hover > a > span > .pin-bottom:before
{
    border-top-color: #dfc15f;
}



#mobnav
{
    color: #333;
}
#mobnav-trigger
{
    background-color: #f5f5f5;
    color: #333;
}

#mobnav-trigger:hover
{
    background-color: #9cc140;
    color: #fff;
}

#mobnav-trigger.active
{
    background-color: #9cc140;
    color: #fff;
}

#mobnav-trigger .trigger-icon .line {
    background-color: #333;
}
#mobnav-trigger:hover .trigger-icon .line {
    background-color: #fff;
}
#mobnav-trigger.active .trigger-icon .line {
    background-color: #fff;
}



.nav-container 
{


}


#nav,
.vertnav-top li a
{
    background-color: #f5f5f5;
    color: #333;
}
#nav > li > a
{
    color: #333;
}

#nav > li:hover > a,
.vertnav-top li > a:hover
{
    background-color: #9cc140;
    color: #fff;
}

.cms-index-index #nav #nav-home > a,
#nav > li.active > a,
.vertnav-top li.current > a
{
    background-color: #333;
    color: #fff;
}



#nav > li > a,
#mobnav-trigger
{
    font-size:16px;
    text-transform:uppercase;
}

#nav.wide ul.level0 > li > a
{
    font-size:16px;
}



.vertnav-top > li > a
{
    font-size:16px;
    text-transform:uppercase;
}

.vertnav-top ul.level0 > li > a
{
    font-size:16px;
}




.vertnav-top > li.first > a { margin-top:1px; }
.vertnav-top li a { margin-bottom:1px; }
.vertnav-top { background-color: #eee; }




.vertnav-top li .opener {
    background: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/images/infortis/ultra-megamenu/opener.png) center center no-repeat;
}
.vertnav-top li:hover > .opener {
    background-image: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/images/infortis/ultra-megamenu/opener-w.png);
}
.vertnav-top li:hover > .opener:hover {
    background-image: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/images/infortis/ultra-megamenu/opener.png);
}

.vertnav-top li.active > .opener {
    background-image: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/images/infortis/ultra-megamenu/opener-active.png);
}
.vertnav-top li.active:hover > a:hover + .opener {
    background-image: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/images/infortis/ultra-megamenu/opener-active-w.png);
}
.vertnav-top li.active:hover > a + .opener:hover {
    background-image: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/images/infortis/ultra-megamenu/opener-active.png);
}

.vertnav-top li.current > .opener,
.vertnav-top li.current > .opener:hover {
    background-image: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/images/infortis/ultra-megamenu/opener-w.png);
}
.vertnav-top li.active.current > a + .opener,
.vertnav-top li.active.current:hover > a + .opener {
    background-image: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/images/infortis/ultra-megamenu/opener-active-w.png);
}
.vertnav-top li.active.current > a + .opener:hover {
    background-image: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/images/infortis/ultra-megamenu/opener-active-w.png);
}

#nav > li.parent > a .caret {
    border-top-color: #333;
}
#nav > li.parent:hover > a .caret {
    border-top-color: #fff;
}
#nav > li.parent.active > a .caret {
    border-top-color: #fff;
}



#nav,
.vertnav-top
{
    border-bottom:5px solid #333;
}

#nav > li { border-bottom:5px solid transparent; margin-bottom:-5px; }
#nav.classic ul.level0,
#nav .level0-wrapper { top:54px; }



.main-container
{


}
.main
{
    background-color: #fff;
}

.truncated .item-options
{
    background-color: #fff;
}





.category-products-grid .item,
.products-list .item
{
}
.category-products-grid .item:hover,
.products-list .item:hover
{
}




span.icon.icon-color-productview
{
    background-color: #eee;
}
.feature-icon-hover:hover span.icon.icon-color-productview
{
    background-color: #9cc140;
}



.gen-tabs .tabs
{
    background-color: transparent;
}

.gen-tabs .tabs a
{
    background-color: #eee;
    color: #333;
}

.gen-tabs .tabs a:hover,
.gen-tabs .tabs a:focus
{
    background-color: #e5e5e5;
    color: #333;
}

.gen-tabs .tabs a.current
{
    background-color: #fff;
    color: #70b6c1;
}

.gen-tabs .acctab
{
    background-color: #f5f5f5;
    color: #333;
}

.gen-tabs .acctab:hover,
.gen-tabs .acctab:focus,
.gen-tabs .acctab.current {
    background-color: #eee;
    color: #70b6c1;
}

.gen-tabs .tabs-panels
{
    background-color: #fff;
}



.footer-container
{
    background-color: #f5f5f5;
}
.footer
{

}

.footer a
{
}
.footer a:hover
{
}


.footer button.button span
{
    background-color: #bbb;
    color: #fff;
}
.footer button.button:hover span
{
    background-color: #dfc15f;
    color: #fff;
}


.footer span.icon
{
    background-color: #9cc140;
}
.footer span.icon-hover:hover,
.footer .feature-icon-hover:hover span.icon
{
    background-color: #444;
}



/* Back link */
.footer .buttons-set .back-link small,

/* Slider arrows */
.footer .gen-slider-arrows1 .direction-nav a, /* Sliders */
.footer .gen-slider-arrows1 .direction-nav a.disabled:hover,
.footer .gen-slider-arrows2 .direction-nav a, /* Slideshow */
.footer .gen-slider-arrows2 .direction-nav a.disabled:hover,
.footer .gen-slider-arrows3 .direction-nav a, /* Cloud Zoom */
.footer .gen-slider-arrows3 .direction-nav a.disabled:hover,

/* Accordion and collapsible: opener */
.footer .accordion-style1 .opener,
.footer .collapsible .opener
{
    background-color: #f5f5f5;
}

/* Back link */
.footer .buttons-set .back-link:hover small,

/* Slider arrows */
.footer .gen-slider-arrows1 .direction-nav a:hover,
.footer .gen-slider-arrows2 .direction-nav a:hover,
.footer .gen-slider-arrows3 .direction-nav a:hover,

/* Accordion and collapsible: opener */
.footer .accordion-style1 .opener:hover,
.footer .collapsible .opener:hover
{
    background-color: #9cc140;
}


.footer-top-container
{
    background-color: #fff;


}
.footer-top
{

}
.footer-top a
{
}
.footer-top a:hover
{
}


.footer-primary-container
{

    padding-top: 30px;

    padding-bottom: 30px;
}
.footer-primary
{
    background-color: #fff;

}
.footer-primary a
{
}
.footer-primary a:hover
{
}


.footer-secondary-container
{


}
.footer-secondary
{

}
.footer-secondary a
{
}
.footer-secondary a:hover
{
}


.footer-bottom-container
{
    background-color: #ebebeb;
}
.footer-bottom
{

    color: #888;
}
.footer-bottom a
{
    color: #555;
}
.footer-bottom a:hover
{
    color: #6eb6c1;
}




.social-links span.icon {
    background-color: #bbb;
}
.social-links span.icon-hover:hover {
    background-color: #6eb6c1;
}


/* Partnerprogramm */

.partnerprogramm ul li{
    padding-left:25px;
    line-height:23px;
    background: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/check-icon.png) no-repeat 00px center;
}
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * //opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to //www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2013 Magento Inc. (//www.magentocommerce.com)
 * @license     //opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(//ds.kartenmachen.de/shop/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(//ds.kartenmachen.de/shop/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(//ds.kartenmachen.de/shop/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(//ds.kartenmachen.de/shop/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(//ds.kartenmachen.de/shop/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(//ds.kartenmachen.de/shop/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(//ds.kartenmachen.de/shop/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(//ds.kartenmachen.de/shop/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(//ds.kartenmachen.de/shop/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

/**
 * Brands
 */



/* On product page
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.box-brand a {
    margin:0 auto;
    display:block;
}

.box-brand img {
    margin:0 auto;
    display:block;
}
.box-brand .brand-name {}
.box-brand .brand-name .label {}


/* Brand slider
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.brand-slider .slides > li {
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
}


/* Brand in secondary column on product page
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-secondary-column .box-brand .attribute {
    font-size:1.25em;
    font-weight:bold;
    line-height:1.2em;
    margin:10px 0;
    text-align:center;
}
/**
 * Slideshow
 */



/* Necessary styles
-------------------------------------------------------------- */
.the-slideshow {margin: 0; padding: 0;}
.the-slideshow .slides > li {display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.the-slideshow .slides img {max-width: 100%; display: block;}
.pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.the-slideshow .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .the-slideshow .slides {display: block;}
* html .the-slideshow .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .the-slideshow .slides > li:first-child {display: block;}

/* Default style
-------------------------------------------------------------- */
.the-slideshow { margin:0 auto 2%; position:relative; zoom:1; }
.the-slideshow .slides { zoom:1; }
.the-slideshow .slides > li {
    position:relative;
}

/* Slideshow banners
-------------------------------------------------------------- */
.slideshow-banners { margin-bottom:2.1%; /* Important: a little bit more than slideshow bottom margin to avoid jumping on slide transition */ }
.slideshow-banners .banner { position:relative; /* Container for caption */ }
.slideshow-banners a.banner, /* Backward compatibility, link could have "banner" class */
.slideshow-banners .banner a { display:block; }

/* Effects
-------------------------------------------------------------- */
.the-slideshow-wrapper .fade-on-slideshow-hover {
    transition:			opacity 300ms ease-in-out;
    -moz-transition:	opacity 300ms ease-in-out;
    -webkit-transition:	opacity 300ms ease-in-out;
    -o-transition:		opacity 300ms ease-in-out;
}
.the-slideshow-wrapper:hover .fade-on-slideshow-hover {
    opacity:0.75;
    filter:alpha(opacity=75);
}

/**
 * Generic interface elements
 */



/* Simple directional arrows
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.gen-direction-arrows1 a.previous,
.gen-direction-arrows1 a.next {
    display:block;
    width:30px;
    height:30px;
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/slider-arrows.png);
    background-repeat:no-repeat;
    background-color:#e5e5e5;
    transition:			background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition:	background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition:	background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition:		background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

.gen-direction-arrows1 a.previous { background-position:-10px -10px; }
.gen-direction-arrows1 a.previous:hover { background-position:-10px -60px; background-color:#333; }

.gen-direction-arrows1 a.next { background-position:-60px -10px; }
.gen-direction-arrows1 a.next:hover { background-position:-60px -60px; background-color:#333; }


/* Generic arrows 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Default style: small, outside the slider
-------------------------------------------------------------- */
.gen-slider-arrows1 .direction-nav li { float:left; }
.gen-slider-arrows1 .direction-nav a {
    display:block;
    width:30px;
    height:30px;
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/slider-arrows.png);
    background-repeat:no-repeat;
    background-color:#e5e5e5;
    cursor:pointer;
    text-decoration:none;
    text-indent:-999px;
    overflow:hidden;
    transition:			opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition:		opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

.gen-slider-arrows1 .direction-nav a:hover { background-color:#333; }
.gen-slider-arrows1 .direction-nav a.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; }
.gen-slider-arrows1 .direction-nav a.disabled:hover { background-color:#e5e5e5; /* Must be the same as default color */ }

.gen-slider-arrows1 .direction-nav .prev { background-position:-10px -10px; margin-right:1px; }
.gen-slider-arrows1 .direction-nav .prev:hover { background-position:-10px -60px; }
.gen-slider-arrows1 .direction-nav .prev.disabled:hover { background-position:-10px -10px; /* Same as default */ }

.gen-slider-arrows1 .direction-nav .next { background-position:-60px -10px; }
.gen-slider-arrows1 .direction-nav .next:hover { background-position:-60px -60px; }
.gen-slider-arrows1 .direction-nav .next.disabled:hover { background-position:-60px -10px; /* Same as default */ }

/* Positioning:
-------------------------------------------------------------- */
.gen-slider-arrows1-pos-top-right .direction-nav { position:absolute; top:-40px; right:0px; }
.gen-slider-arrows1-pos-top-left .direction-nav { position:absolute; top:-40px; left:0px; }


/* Generic arrows 2
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Default style: large, on slider, split
-------------------------------------------------------------- */
.gen-slider-arrows2 .direction-nav { height:0; }
.gen-slider-arrows2 .direction-nav a {
    position:absolute;
    display:block;
    width:50px;
    height:50px;
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/slider-arrows.png);
    background-repeat:no-repeat;
    background-color:#fff;
    cursor:pointer;
    text-decoration:none;
    text-indent:-999px;
    overflow:hidden;
    transition:			opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition:	opacity   0ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition:		opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    /* Fix: opacity transition disabled for Firefox to prevent possible glitches during animation */

    opacity:0;
    filter:alpha(opacity=0);
}
.gen-slider-arrows2:hover .direction-nav a { opacity:1; filter:alpha(opacity=100); }
.gen-slider-arrows2:hover .direction-nav a.disabled { opacity:0.4; filter:alpha(opacity=40); }

.gen-slider-arrows2 .direction-nav a:hover { background-color:#333; }
.gen-slider-arrows2 .direction-nav a.disabled { cursor:default; }
.gen-slider-arrows2 .direction-nav a.disabled:hover { background-color:#fff; /* Must be the same as default color */ }

.gen-slider-arrows2 .direction-nav .prev { background-position:0 0; left:1.5%; top:45%; }
.gen-slider-arrows2 .direction-nav .prev:hover { background-position:0 -50px; }
.gen-slider-arrows2 .direction-nav .prev.disabled:hover { background-position:0 0; }

.gen-slider-arrows2 .direction-nav .next { background-position:-50px 0; right:1.5%; top:45%; }
.gen-slider-arrows2 .direction-nav .next:hover { background-position:-50px -50px; }
.gen-slider-arrows2 .direction-nav .next.disabled:hover { background-position:-50px 0; /* Same as default */ }

/* Style: only background image
-------------------------------------------------------------- */
.gen-slider-arrows2-style1 .direction-nav a {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/slideshow-arrows-solid.png);
    background-color:transparent !important;
}


/* Generic arrows 3
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Default style: at the left and the right side of the slider
-------------------------------------------------------------- */
.gen-slider-arrows3 .direction-nav a {
    position:absolute;
    display:block;
    width:30px;
    height:30px;
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/slider-arrows.png);
    background-repeat:no-repeat;
    background-color:#fff;
    cursor:pointer;
    text-decoration:none;
    text-indent:-999px;
    overflow:hidden;
    transition:			opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition:		opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

.gen-slider-arrows3 .direction-nav a:hover { background-color:#333; }
.gen-slider-arrows3 .direction-nav a.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; }
.gen-slider-arrows3 .direction-nav a.disabled:hover { background-color:#fff; /* Must be the same as default color */ }

.gen-slider-arrows3 .direction-nav .prev { background-position:-10px -10px; top:22px; left:-32px; }
.gen-slider-arrows3 .direction-nav .prev:hover { background-position:-10px -60px; }
.gen-slider-arrows3 .direction-nav .prev.disabled:hover { background-position:-10px -10px; /* Same as default */ }

.gen-slider-arrows3 .direction-nav .next { background-position:-60px -10px; top:22px; right:-32px; }
.gen-slider-arrows3 .direction-nav .next:hover { background-position:-60px -60px; }
.gen-slider-arrows3 .direction-nav .next.disabled:hover { background-position:-60px -10px; /* Same as default */ }

/* Style: long (high) buttons
-------------------------------------------------------------- */
.gen-slider-arrows3-style1 .direction-nav a { height:75px; }
.gen-slider-arrows3-style1 .direction-nav .prev { background-position:-10px 13px; top:0; left:-32px; }
.gen-slider-arrows3-style1 .direction-nav .prev:hover { background-position:-10px -37px; }
.gen-slider-arrows3-style1 .direction-nav .prev.disabled:hover { background-position:-10px 13px; /* Same as default */ }

.gen-slider-arrows3-style1 .direction-nav .next { background-position:-60px 13px; top:0; right:-32px; }
.gen-slider-arrows3-style1 .direction-nav .next:hover { background-position:-60px -37px; }
.gen-slider-arrows3-style1 .direction-nav .next.disabled:hover { background-position:-60px 13px; /* Same as default */ }


/* Generic pager
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Default style:
-------------------------------------------------------------- */
.gen-slider-pager1 .control-nav { text-align:center; }
.gen-slider-pager1 .control-nav li { float:left; margin-left:3px; }
.gen-slider-pager1 .control-nav li:first-child { margin-left:0; }

.gen-slider-pager1 .control-nav a {
    display:block;
    width:20px;
    height:20px;
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/pager.png);
    background-repeat:no-repeat;
    background-color:transparent;
    cursor:pointer;
    text-decoration:none;
    text-indent:-999px;
    overflow:hidden;
}
.gen-slider-pager1 .control-nav a:hover { background-position:0 -60px; }
.gen-slider-pager1 .control-nav a.active { background-position:0 -30px; cursor:default; }
.gen-slider-pager1 .control-nav a.active:hover {}

/* Style: small
-------------------------------------------------------------- */
.gen-slider-pager1-style1 .control-nav li { margin-left:0; }
.gen-slider-pager1-style1 .control-nav a { background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/pager-small.png); }


/* Positioning:
-------------------------------------------------------------- */
.gen-slider-pager1-pos-bottom-right .control-nav { position:absolute; bottom:4.4526%; right:1.5%; }
.gen-slider-pager1-pos-bottom-left .control-nav { position:absolute; bottom:4.4526%; left:1.5%; }

/* Additional pager positioning for slider-arrows1 */
.gen-slider-arrows1-pos-top-right-pager .control-nav { position:absolute; top:-33px; right:71px; }

/**
 * Itemgrid
 */



.itemgrid .item {
    float:left;
    padding-left:1%;
    padding-right:1%;
}


/* Itemgrid: different numbers of columns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Clear every first item in each row (row: group of n items) */

/* Item grid: 1 column */
.itemgrid-1col .item { width:98%; }

/* Item grid: 2 columns */
.itemgrid-2col .item { width:48%; }
.itemgrid-2col .item:nth-child(2n+1) { clear:left; }

/* Item grid: 3 columns */
.itemgrid-3col .item { width:31.3333%; }
.itemgrid-3col .item:nth-child(3n+1) { clear:left; }

/* Item grid: 4 columns */
.itemgrid-4col .item { width:23%; }
.itemgrid-4col .item:nth-child(4n+1) { clear:left; }
.itemgrid-4col .item.dop { width:48%; }

/* Item grid: 5 columns */
.itemgrid-5col .item { width:18%; }
.itemgrid-5col .item:nth-child(5n+1) { clear:left; }

/* Item grid: 6 columns */
.itemgrid-6col .item { width:14.6666%; }
.itemgrid-6col .item:nth-child(6n+1) { clear:left; }

/* Item grid: 7 columns */
.itemgrid-7col .item { width:12.2857%; }
.itemgrid-7col .item:nth-child(7n+1) { clear:left; }

/* Item grid: 8 columns */
.itemgrid-8col .item { width:10.5%; }
.itemgrid-8col .item:nth-child(8n+1) { clear:left; }

/*
 * Accordions and collapsible blocks
 */



/* Accordion  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.accordion {
    padding:0;
    margin:0;
    list-style-type:none;
}
.accordion ul {
    float:left;
    display:block;
    width:100%;
    padding:0;
    margin:0;
}
.accordion li {
    float:left;
    display:block;
    width:100% !important;
    padding:0 !important;
    margin:0;
    list-style-type:none;
    cursor:pointer;
    position:relative;
}

.accordion li.active {}
.accordion li.current {}
.accordion li a {
    display:block;
    padding:15px 10px;
    font-size: 1.1666em; /*14px*/
    line-height: 1.2857em; /*18px*/
}
.accordion li li a { padding-left:20px; }
.accordion li li li a { padding-left:40px; }
.accordion li li li li a { padding-left:60px; }

/* Space for openner if item has children.
   Space has to be a few pixels wider than openner */
.accordion li.parent > a { padding-right:54px; }

/* Opener
-------------------------------------------------------------- */
.accordion .opener {
    position:absolute;
    right:0;
    top:0;
    display:block;
    cursor:pointer;

    width:49px;
    height:49px;
    background: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener.png) center center no-repeat;
}
.accordion .opener:hover {
    background-color:rgba(0,0,0, 0.05);
}

/* Active */
.accordion li.active > .opener {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-active.png);
}


/* Accordion - Style 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Padding
-------------------------------------------------------------- */
.accordion-style1 li a { padding:5px 10px; }
.accordion-style1 li li a { padding-left:20px; }
.accordion-style1 li li li a { padding-left:35px; }
.accordion-style1 li li li li a { padding-left:50px; }

/* Space for openner if item has children.
   Space has to be a few pixels wider than openner */
.accordion-style1 li.parent > a { padding-right:33px; }

/* Misc
-------------------------------------------------------------- */
.accordion-style1 li a {
    border-bottom-color:#eee;
    border-bottom:1px solid rgba(0,0,0,0.06);
    font-size:1em; /*12px*/
    line-height:1.5em; /*18px*/
}
.accordion-style1 li a:hover {
    background-color:rgba(0,0,0, 0.03);
}

/* Opener
-------------------------------------------------------------- */
.accordion-style1 .opener {
    width:28px;
    height:28px;
    /*background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-small.png);*/
    background-color:rgba(0,0,0, 0.03);
}
.accordion-style1 .opener:hover {
    background-color:rgba(0,0,0, 0.10);
    background-image: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-w.png);
}

/* Active */
/*.accordion-style1 li.active > .opener {
        background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-small-active.png);
}*/
.accordion-style1 li.active > .opener:hover {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-active-w.png);
}



/* Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.collapsible { position:relative; }
.collapsible .block-title {
    padding-top:8px;
    padding-right:35px; /* Space for opener */
    padding-bottom:8px;
    border-bottom:1px solid #f2f2f2;
    border-color:rgba(0,0,0, 0.05);
    margin-bottom:0.625em; /*10px*/

    font-size:1.3333em; /*16px*/
    line-height:1.25em; /*20px*/
    font-weight:normal;
}

.collapsible .block-content,
.collapsible .block-content > * {
    margin-top:0; /* Prevent animation jumping */
}

/* Opener
-------------------------------------------------------------- */
.collapsible .opener {
    position:absolute;
    right:0;
    top:2px;
    display:block;
    cursor:pointer;

    width:30px;
    height:30px;
    background-color:#f2f2f2; /*IE*/
    background-color:rgba(0,0,0, 0.05);
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener.png);
    background-position:center center;
    background-repeat:no-repeat;
    /*border-radius:50%;*/
}
.collapsible .opener:hover {
    background-color:#e5e5e5; /*IE*/
    background-color:rgba(0,0,0, 0.1);
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-w.png);
}
.collapsible.active .opener {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-active.png);
}
.collapsible.active .opener:hover {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-active-w.png);
}

/* Mobile accordion
-------------------------------------------------------------- */
.mobile-collapsible {}

/*
 * Navigation menu
 */



/* Sidebar menu (vertical, for sidebars)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.vertnav-side {
    float:left;
    width:100%;
}


/* Mobile menu (vertical, in the header)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Mobile menu trigger. Shares style with the 1st level links from the default menu
-------------------------------------------------------------- */
#mobnav { display:none; }
#mobnav-trigger {
    display:block;
    padding:0 15px;
}

/* Mobile menu icon */
#mobnav-trigger .trigger-icon {
    display:block;
    float:left;
    width:23px;
    padding-top:18px;
    margin:0 8px 0 0;
}
#mobnav-trigger .trigger-icon .line {
    display:block;
    background-color:#fff;
    height:3px;
    margin-bottom:2px;
}

/* Mobile menu elements
-------------------------------------------------------------- */
.nav-container .vertnav-top { /* Added wrapper-class to make selector more specific and prevent overriding */
    display:none;
    margin-top:0 !important;
}
.vertnav-top.mobile {
    display:block; /* Visible even when collapsed (to show bottom border) */

    overflow:hidden;
    height:auto;
    max-height:0px;
    transition:			max-height 500ms ease-in-out 0s;
    -moz-transition:	max-height 500ms ease-in-out 0s;
    -webkit-transition:	max-height 500ms ease-in-out 0s;
    -o-transition:		max-height 500ms ease-in-out 0s;
}
.vertnav-top.mobile.show {
    max-height:9999px;
    transition:			max-height 500ms ease-in-out 0s;
    -moz-transition:	max-height 500ms ease-in-out 0s;
    -webkit-transition:	max-height 500ms ease-in-out 0s;
    -o-transition:		max-height 500ms ease-in-out 0s;
}

.vertnav-top li a {
    font-size:16px; /*1.3333em*/
    line-height:18px; /*1.125em*/
}
/* 3rd-level items - smaller font, no transform */
.vertnav-top li li li a {
    font-size:1.1666em; /*16px*/
    text-transform:none;
}

/* Drop-down menu (horizontal)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#nav {
    position:relative; /* Drop-down box position is relative to this element */
    z-index:2000;
}
#nav.mobile { display:none; } /* Hide on mobile */
#nav .opener { display:none; }

/* All levels
-------------------------------------------------------------- */
#nav li { text-align:left; }
#nav li a { display:block; text-decoration:none; }
#nav li a span { display:block; white-space:nowrap; }
#nav li ul a span { white-space:normal; }

/* 1st level only
-------------------------------------------------------------- */
#nav > li { float:left; }
#nav > li.last { padding-right:0; }
#nav > li > a { display:block; padding:0 12px; -webkit-tap-highlight-color: transparent; }
#nav > li > a > span { display: inline-block; }

/* Drop-down boxes:
        wide:    2nd-level category drop-down box + custom block drop-down box
        classic: custom block drop-down box
-------------------------------------------------------------- */
#nav .level0-wrapper {
    position:absolute;	
    left:-10000px;
    background-color:#fff;
    width:96%;
    padding:2%;
    -webkit-transform: translateZ(0); /* Fix: possible glitches during animation */
}

/*#nav .level0-wrapper {
        position:absolute;	
        top:49px;
        background-color:#fff;
        width:96%;
        padding:2%;

        left:0;
        visibility:hidden;
        opacity:0;
        transition:			visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms;
        -moz-transition:	visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms;
        -webkit-transition:	visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms;
        -o-transition:		visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms;
}
#nav > li:hover .level0-wrapper {
        visibility:visible;
        opacity:1;
        transition-delay:150ms;
        -moz-transition-delay:150ms;
        -webkit-transition-delay:150ms;
        -o-transition-delay:150ms;
}*/


/* Home link
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* item with "feature" class */
#nav a.level-top.feature { margin:0; /* Remove default margins */ }

/* Icon inside item */
#nav li a.level-top .icon {
    padding: 3px;
    margin: 0;
    float: none;
    display: inline-block;
    vertical-align: middle;
    background-color:transparent !important; /* Remove default colors */
}
#nav li:hover a.level-top .icon { padding: 3px; }

/* Single icon as home link
-------------------------------------------------------------- */
#nav #homelink-icon { margin-left: 12px; /* The same as side padding of top-level items */ }
#nav #homelink-icon a.level-top {
    padding-left: 5px;
    padding-right: 5px;
    background: none !important; box-shadow: none !important; border: none !important;
}


/* Additional elements in the drop-down menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Static blocks displayed as a drop-down in the main menu
-------------------------------------------------------------- */
/* Custom menu item */
#nav .nav-custom-link > a { cursor:default; }

/* Remove 'relative' positioning from custom 'li' (custom block have to be positioned relative to #nav) */
#nav .nav-custom-link { position:static; }

/* Static block's content - basic formatting */
#nav .nav-custom-link .header-nav-dropdown-wrapper { padding-bottom:10px; }
#nav .nav-custom-link .header-nav-dropdown-wrapper p { margin:10px 0; }
#nav .nav-custom-link .header-nav-dropdown-wrapper .heading { margin:10px 0; }

/* Caret
-------------------------------------------------------------- */
#nav a.level-top .caret {
    display:inline-block;
    width:0;
    height:0;
    margin-bottom:2px;
    margin-left: 2px;
    vertical-align:middle;
    content:"";
    border-style:solid solid none;
    border-width:4px 4px 0;
    border-color:#333 transparent transparent;
}

/* Number of products in category
-------------------------------------------------------------- */
/* Sidebar menu */
.vertnav .number {
    margin-left: 3px;
    color: #aaa;
}
/* Main menu */
#nav .number {
    display: inline;
    margin-left: 3px;
}
#nav ul li .number {
    color: #aaa;
}


/* Category labels
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cat-label {
    padding:2px 4px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    line-height:18px;
    text-transform:none;
    text-shadow:none;

    transition:			color 450ms ease-in-out, background-color 450ms ease-in-out;
    -moz-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
    -webkit-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
    -o-transition:		color 450ms ease-in-out, background-color 450ms ease-in-out;
}
li > a:hover > span > .cat-label {
    transition-duration:			100ms;
    -moz-transition-duration:		100ms;
    -webkit-transition-duration:	100ms;
    -o-transition-duration:			100ms;
}

/* 1st level
-------------------------------------------------------------- */
li.level0 > a > span { position:relative; }
li.level0 > a > span > .cat-label {
    position:absolute;
    top:-14px;
    right:0;
    padding:0 6px;

    font-size:14px;
    line-height:22px;
}

/* Add pin (only 1st level) */
li.level0 > a > span > .pin-bottom:before {
    position:absolute;
    right:6px;
    top:22px;
    width:0;
    height:0;
    content:"";
    border-style:solid;
    border-width:4px;
    border-color:transparent;

    transition:			border-color 450ms ease-in-out;
    -moz-transition:	border-color 450ms ease-in-out;
    -webkit-transition:	border-color 450ms ease-in-out;
    -o-transition:		border-color 450ms ease-in-out;
}
li.level0 > a:hover > span > .pin-bottom:before {
    transition-duration:			100ms;
    -moz-transition-duration:		100ms;
    -webkit-transition-duration:	100ms;
    -o-transition-duration:			100ms;
}

/* 2nd level
-------------------------------------------------------------- */
li.level1 > a > span > .cat-label {
    display:inline-block !important;
    padding:0 4px;
    margin-left:2px;
    vertical-align:middle;
}

/* 3rd level
-------------------------------------------------------------- */
li.level2 > a > span > .cat-label {
    display:inline-block !important;
    padding:0 4px;
    margin-left:2px;
}

/* Category labels inside mobile menu / vertical menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
ul.vertnav li > a > span > .cat-label {
    position:static;
    display:inline-block !important;
    padding:0 4px;
    margin-left:2px;
}

/* Hide pin */
ul.vertnav li > a > span > .pin-bottom:before {
    display:none;
}

/* Label size: all levels
-------------------------------------------------------------- */
ul.vertnav li > a > span > .cat-label {
    font-size:inherit;
    line-height:inherit;
}
ul.vertnav-top li > a > span > .cat-label {
    font-size:14px;
    line-height:18px;
}


/* Category blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-block { margin-top:0; margin-bottom:1%; }
.nav-block-top {}
.nav-block-bottom {}
.nav-block-center { margin-top:10px; }
.nav-block-right { margin-top:10px; }

.nav-block-level1-top { margin-bottom:10px; }
.nav-block-level1-bottom { margin-top:10px; }

/* Section line (separator) is lighter than other lines
-------------------------------------------------------------- */
.nav-block .section-line { border-color:#eee; }


/* Common styles for main menu (horizontal + mobile vertical + mobile menu trigger)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* horizontal + mobile menu trigger */
#mobnav-trigger,
#nav > li > a { font-size:16px; /*1.3333em*/ }


/* Size, height etc.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Mobile menu trigger
-------------------------------------------------------------- */
#mobnav-trigger {
    line-height:49px;
}

/* Main menu - horizontal
-------------------------------------------------------------- */
/* Top-level item */
#nav > li > a
{
    line-height:49px;
}

/* Drop-down box position relative to menu bar */
#nav .level0-wrapper,
#nav.classic ul.level0 /* For classic style menu */
{
    top:100%;
}

/**
 * Classic drop-down menu
 */



/* All levels
-------------------------------------------------------------- */
/* Drop-down box's position is relative to this element. */
#nav li { position:relative; float:left; }
#nav li a { /*float:left;*/ }

/* 2nd Level+
-------------------------------------------------------------- */
/* All category drop-down boxes */
#nav ul {
    position:absolute; 
    left:-10000px;
    background-color:#fff;
    width:16em;
    width:25em;
    padding:20px;
    border:0;
    -webkit-transform: translateZ(0); /* Fix: possible glitches during animation */
}
/* Custom block drop-down box. Override default style to show custom block in the classic menu. */
#nav .level0-wrapper {
    display:block;
    left:-10000px;
}

#nav div ul { position:static; width:auto; border:none; }
#nav ul li { display:block; float:none; }
#nav ul li.parent > a { background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/bullet.png) 100% center no-repeat; }
#nav ul li a { padding:2px 10px 2px 0; float:none; }

/* 3rd level+
-------------------------------------------------------------- */
/* Align with the parent item */
#nav ul ul { top:0; }

/* Show drop-down boxes
-------------------------------------------------------------- */
/* All category drop-down boxes + custom block drop-down box */
#nav ul,
#nav .level0-wrapper {
    opacity:0;
    -moz-transition:	opacity 0ms ease-in-out 0ms;
    -webkit-transition:	opacity 0ms ease-in-out 0ms;
    -o-transition:		opacity 0ms ease-in-out 0ms;
    transition:			opacity 0ms ease-in-out 0ms;
}
/* Lower category (3rd level+) drop-down boxes  */
#nav ul ul {
    -moz-transition:	opacity 0ms ease-in-out 0ms;
    -webkit-transition:	opacity 0ms ease-in-out 0ms;
    -o-transition:		opacity 0ms ease-in-out 0ms;
    transition:			opacity 0ms ease-in-out 0ms;
}
/* All submenus when visible */
#nav .shown-sub {
    opacity:1;
    left:0;
    z-index:2000 !important;
}
#nav .shown-sub ul.shown-sub { left:80px; }

/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * //opensource.org/licenses/osl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * @category  Symmetrics
 * @package   Symmetrics_TrustedRating
 * @author    symmetrics - a CGI Group brand <info@symmetrics.de>
 * @author    Yauhen Yakimovich <yy@symmetrics.de>
 * @copyright 2009-2012 symmetrics - a CGI Group brand
 * @license   //opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 * @link      //www.symmetrics.de/
 */
div.trustedrating-widget {
    vertical-align: middle;
    text-align: center;
    margin-bottom: 14px;
}

/**
 * Infortis Themes
 */



/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Basic layout
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.section-container {}
.section { padding:10px 0; }
.section-space { padding:10px; }


/* Helper classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Magento default helper classes
-------------------------------------------------------------- */

/* Layout helper classes
-------------------------------------------------------------- */
.margin-top { margin-top:20px; }
.margin-bottom { margin-bottom:20px; }
.padding-top { padding-top:20px; }
.padding-bottom { padding-bottom:20px; }
.float-left { float:left; } /*deprecated*/
.float-right { float:right; } /*deprecated*/



/* Minor components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Caret
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.caret {
    display:inline-block;
    width:0;
    height:0;
    margin-bottom:2px;
    vertical-align:middle;
    content:"";
    border-style:solid solid none;
    border-width:4px 4px 0;
    border-color:#333 transparent transparent;
}
.dropdown .caret {
    opacity:0.3;
    filter:alpha(opacity=30);
}
.dropdown:hover .caret {
    opacity:1;
    filter:alpha(opacity=100);
}


/* Product labels (stickers)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Positionning
-------------------------------------------------------------- */
.sticker-wrapper {
    position:absolute;
    transition:			all 0ms ease-in-out;
    -moz-transition:	all 0ms ease-in-out;
    -webkit-transition:	all 0ms ease-in-out;
    -o-transition:		all 0ms ease-in-out;
}
.product-view .sticker-wrapper { z-index:99; /* On product page z-index gteater than Cloud Zoom image */ }

.sticker-wrapper.top-right { top:-3px; right:-3px; }
.sticker-wrapper.bottom-right { bottom:-3px; right:-3px; }
.sticker-wrapper.bottom-left { bottom:-3px; left:-3px; }
.sticker-wrapper.top-left { top:-3px; left:-3px; }

/* Appearence
-------------------------------------------------------------- */
.sticker {
    width:60px;
    height:60px;
    border-radius:50%;

    font-size:1.1666em;
    line-height:1em;
    font-weight:bold;
    text-align:center;
    display:table-cell;
    vertical-align:middle;

    transition:			all 0ms ease-in-out;
    -moz-transition:	all 0ms ease-in-out;
    -webkit-transition:	all 0ms ease-in-out;
    -o-transition:		all 0ms ease-in-out;
}

/* Colors */
.sticker.new { background-color:#5BD2EC; color:#fff; }
.sticker.sale { background-color:#F12B63; color:#fff; }

/* Effects */
.item:hover .sticker { width:65px; height:65px; }
.item:hover .sticker-wrapper.top-right,
.item:hover .sticker-wrapper.top-left { }
.item:hover .sticker-wrapper.top-right { }
.item:hover .sticker-wrapper.top-left { }

/*Sizes*/
.sticker.size-s { width:45px; height:45px; font-size:1em; }
.item:hover .sticker.size-s { width:50px; height:50px; }
.sticker.size-xs { width:40px; height:40px; font-size:0.9166em; /*11px*/ }
.item:hover .sticker.size-xs { width:45px; height:45px; }



/* CMS pages and custom content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Video (embed)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* "videoWrapper" - depracated class, left for backward compatibility */
.video-wrapper,
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed,
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Page banners
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.page-banners .banner a { display:block; }
.page-banners .banner a img { display:block; margin:0 auto; }

/* depracated styles, left for backward compatibility: */
.page-banners .banner { margin-bottom:2%; }


/* Landing pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.landing-page {}
.horizontal-section,
.vertical-section { display:block; margin-top:0; margin-bottom:10px; position:relative; }
.horizontal-section { margin-top:10px; }
.landing-page .center-block { display:block; margin:0 auto; }


/* Caption
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.caption {
    display:block;
    position:absolute;
    bottom:0;
    width:80%;
    margin: 4%;
    padding:0;
}

/* Caption position
-------------------------------------------------------------- */
.caption.top {
    top:0;
    bottom:auto;
    width:80%;
}
.caption.top-right {
    top:0;
    bottom:auto;
    right:0;
    width:58%;
}
.caption.bottom-right {
    right:0;
    width:58%;
}

/* Caption elements
-------------------------------------------------------------- */
.caption > * {
    float:left;
    display:inline-block;
    margin-bottom:1px;
}
.caption .heading {
    padding:0.25em;
    margin-bottom:0.2em;
    font-size:2.8em;
    line-height:1em;
    font-weight:normal;
}
.caption p {
    clear:left;
    padding:0.25em 0.5em;
    font-size: 1.3333em;
    line-height:1em;
}
.caption button {
    clear:left;
}

/* Caption layout
-------------------------------------------------------------- */
.caption.centered {
    text-align: center;
}
.caption.centered > * {
    display:inline-block;
    float: none;
}

/* Floating (text alignment) */
.caption.right > * { text-align:right; float:right !important; }

/* Caption additional styles
-------------------------------------------------------------- */
/* Width */
.caption.full-width { width:88%; margin:6%; }
.caption.narrow { width:38%; }

/* Prevent from hiding elements of the caption on narrow screens */
.caption .permanent { display:inline-block !important; }

/* Skin
-------------------------------------------------------------- */
.caption .heading,
.caption p {
    transition:			color 450ms ease-in-out, background-color 450ms ease-in-out;
    -moz-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
    -webkit-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
    -o-transition:		color 450ms ease-in-out, background-color 450ms ease-in-out;
}
a:hover .caption .heading,
a:hover .caption p {
    transition:			color 200ms ease-in-out, background-color 200ms ease-in-out;
    -moz-transition:	color 200ms ease-in-out, background-color 200ms ease-in-out;
    -webkit-transition:	color 200ms ease-in-out, background-color 200ms ease-in-out;
    -o-transition:		color 200ms ease-in-out, background-color 200ms ease-in-out;
}

/* Dark + white text */
.caption.dark1 .heading,
.caption.dark1 p { background-color:rgba(0,0,0, 0.35); color:#fff; }
a:hover .caption.dark1 .heading,
a:hover .caption.dark1 p { background-color:rgba(0,0,0, 0.7); color:#fff; }

/* Dark + white text */
.caption.dark2 .heading,
.caption.dark2 p { background-color:rgba(0,0,0, 0.5); color:#fff; }
a:hover .caption.dark2 .heading,
a:hover .caption.dark2 p { background-color:rgba(0,0,0, 0.8); color:#fff; }

/* Dark + white text */
.caption.dark3 .heading,
.caption.dark3 p { background-color:rgba(0,0,0, 0.65); color:#fff; }
a:hover .caption.dark3 .heading,
a:hover .caption.dark3 p { background-color:rgba(0,0,0, 1); color:#fff; }

/* Light + black text */
.caption.light1 .heading,
.caption.light1 p { background-color:rgba(255,255,255, 0.35); color:#000; }
a:hover .caption.light1 .heading,
a:hover .caption.light1 p { background-color:rgba(255,255,255, 0.7); color:#000; }

/* Light + black text */
.caption.light2 .heading,
.caption.light2 p { background-color:rgba(255,255,255, 0.6); color:#000; }
a:hover .caption.light2 .heading,
a:hover .caption.light2 p { background-color:rgba(255,255,255, 0.85); color:#000; }

/* Light + black text */
.caption.light3 .heading,
.caption.light3 p { background-color:rgba(255,255,255, 0.8); color:#000; }
a:hover .caption.light3 .heading,
a:hover .caption.light3 p { background-color:rgba(255,255,255, 1); color:#000; }

/**
 * Theme Content Construction Kit
 */



/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Vertically centered content
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.v-centered-content {
    display:table;
}
.v-centered-content .v-center {
    display:inline;
    vertical-align:middle;
    margin-left:auto;
    margin-right:auto;
}


/* Heading of a content section
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.section-title { clear:both; margin:0; display:block; }
.section-title.padding-right { padding-right:80px !important; }

/* Horizontal line */
.section-line {
    clear:both;
    display:block;
    font-size:0;
    line-height:0;
    height:0;
    margin:0 0 10px;
    padding:10px 0 0;
    background:none;
    border-bottom:1px solid #e5e5e5;
    text-indent:-9999em;
    overflow:hidden;
}


/* Custom sidebars
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.custom-sidebar-right { float:right !important; }
.custom-sidebar-right .inner {
    padding-left:10px;
    border-left:1px solid #e5e5e5;
}

.custom-sidebar-left { float:left !important; }
.custom-sidebar-left .inner {
    padding-right:10px;
    border-right:1px solid #e5e5e5;
}



/* Vertical links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.links > li,
.links > li > a { line-height:3em; } /* line-height:36px; */ /*2.6666em = 32px;*/
.links > li > a { padding:0 0.5833em; } /* padding:0 7px; */
.links > li.label { padding-right:0.5833em; } /* 7px */

/* Basic links, no separators
-------------------------------------------------------------- */
.links > li { float:left; }
.links > li > a { display:block; }

/* Links with separators (at the right side)
-------------------------------------------------------------- */
.links-wrapper-separators .links > li { margin-left:-1px; }
.links-wrapper-separators .links > li > a {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/link-separator.png);
    background-position:right center;
    background-repeat:no-repeat;
}
.links-wrapper-separators .links > li.last > a { background-image:none; }
.links-wrapper-separators .links > li.hide-separator > a { background-image:none; }
.links-wrapper-separators .links > li.separator-left > a { background-position:left center; }

/* Links with separators (at the left side)
-------------------------------------------------------------- */
.links-wrapper-separators-left .links > li { margin-left:-1px; }
.links-wrapper-separators-left .links > li > a {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/link-separator.png);
    background-position:left center;
    background-repeat:no-repeat;
}
.links-wrapper-separators-left .links > li.first > a { background-image:none; }
.links-wrapper-separators-left .links > li.hide-separator > a { background-image:none; }
.links-wrapper-separators-left .links > li.separator-right > a { background-position:right center; }




/* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Link with an arrow */
a.go {
    background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/cck/bullet.png) 97% 50% no-repeat;
    padding-right:17px;
    display:inline !important;
}

/**
 * Drop-down
 */



/* Dropdown box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.dropdown { position:relative; }
.dropdown:hover { z-index:4000; }

/* Dropdown toggle
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown-toggle {
    display:block;
    cursor:default;
}

/* Inside Dropdown-toggle
-------------------------------------------------------------- */
.dropdown-toggle * { display:inline-block; }
.dropdown-toggle .label { padding-right:2px; }
.dropdown-toggle .value {}
.dropdown-toggle .dropdown-icon {
    width:18px;
    text-indent:-9999px;
    background-position:0 50%;
    background-repeat:no-repeat;
}
.dropdown-toggle .img-caret {
    background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/dropdown/arrow-dropdown.png) 100% 50% no-repeat;
    width:10px;
    text-indent:-9999px;
}

/* Predefined icons
-------------------------------------------------------------- */
.dropdown-toggle .icon.first { margin-left:-5px; }
.dropdown-toggle .icon.close-to-text { margin-right:-8px; }


/* Cover 'dropdown-toggle' (and 'dropdown-menu' shadow) with additional inner div
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown-toggle.cover > div { padding:0 10px; cursor:default; }
.open > .dropdown-toggle.cover > div { background-color:#fff; }
/*.dropdown:hover .dropdown-toggle.cover > div,*/
.open > .dropdown-toggle.cover > div {
    z-index:4001;
    position:relative;
}


/* Dropdown menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown-menu {
    display:none;
    position:absolute;
    top:100%;
    left:0;
    z-index:4000;
    padding:20px;
    min-width:130px;
    line-height:1.5em;
    text-align:left;

    list-style:none;
    background-color:#fff;
}
.dropdown-menu.left-hand {
    left:auto;
    right:0;
}

/* When dropdown menu is an unordered list
-------------------------------------------------------------- */
/* Everything is inline-block, except links */
.dropdown-menu > li * { display:inline-block; }
.dropdown-menu > li > a { display:block; }

.dropdown-menu > li { white-space:nowrap; }
.dropdown-menu > li .label { margin-right:8px; }
.dropdown-menu .dropdown-icon {
    width:18px;
    text-indent:-9999px;
    background-position:0 50%;
    background-repeat:no-repeat;
}


/* Clickable
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.clickable-dropdown {}

/**
 * Icons and "feature" box
 */



/* Icon %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

div.icon, /*backward compatibility*/
span.icon {
    background-color:#999;
    background-position:0 0;
    background-repeat:no-repeat;
    border-radius:50%;

    vertical-align:middle;
    display:inline-block;
    width:30px;
    height:30px;
    padding:3px;
}
div.icon.large, /*backward compatibility*/
span.icon.large {
    width:50px;
    height:50px;
    padding:5px;
}

/* Hover */
.icon-hover:hover /* Info: was more specific: span.icon-hover:hover */
{
    background-color:#333;
}


/* Icons: single characters (letters, numbers etc.)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* "i-number" - class name for backward compatibility */
.icon.i-number,
.icon.i-char {
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}
.icon.large.i-number,
.icon.large.i-char {
    font-size: 25px;
    line-height: 50px;
    font-weight: normal;
}



/* Feature - box with icons, images, text etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Basic styles */
.feature { margin:10px 0; }
.feature:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.feature.first { margin-top:0; }
.feature.last { margin-bottom:0; }

/* With top/bottom border line */
.feature.top-border { border-top:1px solid #f5f5f5; padding-top:10px; }
.feature.bottom-border { border-bottom:1px solid #f5f5f5; padding-bottom:10px; }

/* Wrapper with top/bottom line
-------------------------------------------------------------- */
.feature-wrapper.top-border {


}
.feature-wrapper.bottom-border {
    border-bottom:1px solid #f5f5f5;
    margin-bottom:20px;
    padding-bottom:20px;
}


/* Feature headings
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature .heading {
    font-size:1.3333em; /*16px*/
    line-height:1.25em; /*20px*/
    margin-bottom:0.625em; /*10px*/
    font-weight:normal;
}
.feature .above-heading {
    margin:0 0 5px;
    font-size:11px;
    line-height:1.4545em; /*16px*/
    text-transform:uppercase;
    color:#888;
}
.feature .below-heading {
    font-size:1em;
    font-style:italic;
    line-height:1.3333em; /*16px*/
    color:#888;
}


/* Feature icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature .icon { float:left; }

/* Feature icons vertically centered */
.feature.v-centered-content .v-center .icon {
    margin:0 5px 0 0;
}

/* Feature icons styles: */

/* Default icon
-------------------------------------------------------------- */
.feature .icon { margin:0 15px 10px 0; max-width:30px; max-height:30px; }
.feature span.icon { padding:3px; }

/* Small icon
-------------------------------------------------------------- */
.feature.small .icon { margin:0 10px 10px 0; max-width:18px; max-height:18px; }
.feature.small span.icon { padding:0; }

/* Small icon: icons with predefined background image */
.feature.small span.icon.list1 {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/cck/list/list1.png);
    width:18px; height:18px;
}
.feature.small span.icon.list2 {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/cck/list/list2.png);
    width:18px; height:18px;
}

/* Large icon
-------------------------------------------------------------- */
.feature.large .icon { margin:0 15px 10px 0; max-width:50px; max-height:50px; }
.feature.large span.icon { padding:5px; }


/* Indented feature
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature.indent .icon { margin-bottom:0; }

/* Default
-------------------------------------------------------------- */
.feature.indent { padding-left:51px; }
.feature.indent .icon { margin-left:-51px; }

/* Small
-------------------------------------------------------------- */
.feature.small.indent { padding-left:28px; }
.feature.small.indent .icon { margin-left:-28px; }

/* Large
-------------------------------------------------------------- */
.feature.large.indent { padding-left:75px; }
.feature.large.indent .icon { margin-left:-75px; }


/* Feature centered
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature.centered { text-align: center; }
.feature.centered .icon {
    float: none;
    margin: 0 0 10px;
}

/* Feature: additional styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Auto-size: allow for big icons. IMPORTANT: don't use "span" tag together with "icon" in this selector! */
.feature .icon.auto-size { width: auto; max-width: none; height: auto; max-height: none; }



/* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Icon without background color */
.icon.no-bg-color { background-color: transparent; }
.icon.force-no-bg-color { background-color: transparent !important; }

/* Shapes */
.icon.circle		{ border-radius: 50%; }
.icon.rounded		{ border-radius: 5px; }
.icon.square		{ border-radius: 0; }

/* All icons square (deprecated) */
.icon-wrapper-square span.icon { border-radius: 0; }

/* Auto-size: allow for big icons */
.icon.auto-size { width: auto; max-width: none; height: auto; max-height: none; }



/* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

span.icon-hover,
.feature-icon-hover span.icon {
    transition:			color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition:		color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

/**
 * Itemslider
 */



/* Necessary styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.itemslider {margin: 0; padding: 0;}
.itemslider .slides > li {display: none; -webkit-backface-visibility: hidden; /*-webkit-font-smoothing: antialiased;*/ } /* Hide the slides before the JS is loaded. Avoids image jumping */
.itemslider .slides img {max-width: 100%; display: block;}
.pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.itemslider .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .itemslider .slides {display: block;}
* html .itemslider .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .itemslider .slides > li:first-child {display: block;}


/* Itemslider styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Itemslider wrapper and navigation container */
.itemslider-wrapper .nav-wrapper { position:relative; }

/* Style: default
-------------------------------------------------------------- */
.itemslider { margin:0 auto; position:relative; zoom:1; }
.itemslider .slides { zoom:1; }
.itemslider .slides > li { position:relative; }
.itemslider .slides > li img { margin:0 auto; /* To center image */ }

/* Style: horizontal
-------------------------------------------------------------- */
.itemslider-horizontal { margin:0 auto 20px; }
.itemslider-horizontal .slides > li { padding-left:10px; padding-right:10px; }

.itemslider-horizontal .slides > li a img { transition:all .1s ease-in-out; }
.itemslider-horizontal .slides > li:hover a img { opacity:0.8; }


/* If only one item exists
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.itemslider.single-item .slides > li { max-width: 168px; }


/* Direction navigation
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.itemslider .direction-nav { height:0; text-align:center; }


/* Utility classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.itemslider.hide-direction-nav .direction-nav { display:none; }
.itemslider.hide-control-nav .control-nav { display:none; }

/**
 * Generic tabs
 */



/* Basic styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Tabs
-------------------------------------------------------------- */
/* Total height of the tab bar should be the same as in block titles */
.gen-tabs .tabs li { float:left; margin:0; }
.gen-tabs .tabs a {
    display:block;
    padding:0 10px;
    text-decoration:none;
    outline:none;
}

/* Tab panels
-------------------------------------------------------------- */
.gen-tabs .tabs-panels { padding:15px 0; }
.gen-tabs .tabs-panels .panel {}

/* Accordion
-------------------------------------------------------------- */
.gen-tabs .acctab {
    display:none;
    padding:0 0.5em;
    margin-bottom:1px;
    font-weight:normal;
}
.gen-tabs .acctab:hover { cursor:pointer; }

/* Accordion mode enabled */
.gen-tabs.accor .tabs { display:none; }
.gen-tabs.accor .acctab { display:block; }
.gen-tabs.accor .tabs-panels { padding-top:0; }
.gen-tabs.accor .tabs-panels .panel { display:none; margin:0 0 10px; padding:15px; }


/* Default skin
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.gen-tabs .tabs a {
    color:#333;
    background-color:#eee;
    line-height:3em;
}
.gen-tabs .tabs a:hover,
.gen-tabs .tabs a:focus   { background-color:#e5e5e5; }
.gen-tabs .tabs a.current { background-color:#ddd; }

/* Accordion
-------------------------------------------------------------- */
.gen-tabs .acctab {
    font-size:1.5em;
    line-height:2.7777em;
    background-color:#f5f5f5;
    color:#333;
}
.gen-tabs .acctab:hover,
.gen-tabs .acctab:focus,
.gen-tabs .acctab.current { background-color:#e5e5e5; }
.gen-tabs.accor .tabs-panels .panel { border-bottom:1px solid #e5e5e5; }


/* Tabs - skin 1: with thin borders
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.gen-tabs-style1 .tabs a {
    font-size:1.3333em;
    color:#333;
    background-color:#eee;
    border:1px solid transparent;
    border-bottom:none;
}
.gen-tabs-style1 .tabs a:hover,
.gen-tabs-style1 .tabs a:focus   { background-color:#e5e5e5; border-color:#e5e5e5; }
.gen-tabs-style1 .tabs a.current {
    background-color:#fff;
    border-color:#e5e5e5;
    border-bottom:1px solid transparent;
    margin-bottom:-1px;

    /* Make a little bit higher than other tabs */
    padding-top:4px;
    margin-top:-4px;
}
.gen-tabs-style1 .tabs-panels { border-top:1px solid #e5e5e5; }
.gen-tabs-style1.accor .tabs-panels { border-top:none; }


/* Tabs - skin 2: with shadow (obsolete, will be removed in next updates)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.gen-tabs-style2 .tabs a { font-size:1.3333em; }
.gen-tabs-style2 .tabs a.current {
    box-shadow:0 0 10px rgba(0,0,0, 0.15);
    position:relative;
    z-index:1;

    /* Make a little bit higher thatn other tabs */
    padding-top:4px;
    margin-top:-4px;
}
.gen-tabs-style2 .tabs-panels {
    background-color:#fff;
    position:relative;
    z-index:2;
}
/**
 * Theme icons
 */



/* Predefined icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Wishlist */
.icon.i-wishlist {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-7px -7px;
}
.icon.i-wishlist-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-7px -57px;
}

/* bw */
.icon.i-wishlist-bw {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-7px -7px;
}
.icon-hover:hover.i-wishlist-bw,
.feature-icon-hover:hover .icon.i-wishlist-bw {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-7px -57px;
}

/* wb */
.icon.i-wishlist-wb {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-7px -57px;
}
.icon-hover:hover.i-wishlist-wb,
.feature-icon-hover:hover .icon.i-wishlist-wb {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-7px -7px;
}

/* Compare */
.icon.i-compare {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-57px -7px;
}
.icon.i-compare-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-57px -57px;
}

/* bw */
.icon.i-compare-bw {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-57px -7px;
}
.icon-hover:hover.i-compare-bw,
.feature-icon-hover:hover .icon.i-compare-bw,
.open > .dropdown-toggle.cover .icon.i-compare-bw
{
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-57px -57px;
}

/* wb */
.icon.i-compare-wb {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-57px -57px;
}
.icon-hover:hover.i-compare-wb,
.feature-icon-hover:hover .icon.i-compare-wb,
.open > .dropdown-toggle.cover .icon.i-compare-wb
{
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-57px -7px;
}

/* Share/recommend */
.icon.i-recommend {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-107px -7px;
}
.icon.i-recommend-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-107px -57px;
}

/* bw */
.icon.i-recommend-bw {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-107px -7px;
}
.icon-hover:hover.i-recommend-bw,
.feature-icon-hover:hover .icon.i-recommend-bw {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-107px -57px;
}

/* wb */
.icon.i-recommend-wb {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-107px -57px;
}
.icon-hover:hover.i-recommend-wb,
.feature-icon-hover:hover .icon.i-recommend-wb {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-107px -7px;
}

/* Low stock */
.icon.i-lowstock {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-157px -7px;
}
.icon.i-lowstock-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-157px -57px;
}

/* bw */
.icon.i-lowstock-bw {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-157px -7px;
}
.icon-hover:hover.i-lowstock-bw,
.feature-icon-hover:hover .icon.i-lowstock-bw {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-157px -57px;
}

/* wb */
.icon.i-lowstock-wb {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-157px -57px;
}
.icon-hover:hover.i-lowstock-wb,
.feature-icon-hover:hover .icon.i-lowstock-wb {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-157px -7px;
}



/* Cart */
.icon.i-cart {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-457px -7px;
}
.icon.i-cart-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-457px -57px;
}

/* bw */
.icon.i-cart-bw {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-457px -7px;
}
.icon-hover:hover.i-cart-bw,
.feature-icon-hover:hover .icon.i-cart-bw,
.open > .dropdown-toggle.cover .icon.i-cart-bw
{
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-457px -57px;
}

/* wb */
.icon.i-cart-wb {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-457px -57px;
}
.icon-hover:hover.i-cart-wb,
.feature-icon-hover:hover .icon.i-cart-wb,
.open > .dropdown-toggle.cover .icon.i-cart-wb
{
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-457px -7px;
}

/* Row 2
-------------------------------------------------------------- */

/* Home */
.icon.i-home {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-7px -107px;
}
.icon.i-home-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-7px -157px;
}

/* bw */
.icon.i-home-bw {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-7px -107px;
}
.icon-hover:hover.i-home-bw,
.feature-icon-hover:hover .icon.i-home-bw {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-7px -157px;
}

/* wb */
.icon.i-home-wb {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-7px -157px;
}
.icon-hover:hover.i-home-wb,
.feature-icon-hover:hover .icon.i-home-wb {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-7px -107px;
}

/* Left */
.icon.i-left {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-107px -107px;
}
.icon.i-left-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-107px -157px;
}

/* bw */
.icon.i-left-bw {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-107px -107px;
}
.icon-hover:hover.i-left-bw,
.feature-icon-hover:hover .icon.i-left-bw {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-107px -157px;
}

/* wb */
.icon.i-left-wb {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-107px -157px;
}
.icon-hover:hover.i-left-wb,
.feature-icon-hover:hover .icon.i-left-wb {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-107px -107px;
}

/* Right */
.icon.i-right {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-157px -107px;
}
.icon.i-right-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-157px -157px;
}

/* bw */
.icon.i-right-bw {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-157px -107px;
}
.icon-hover:hover.i-right-bw,
.feature-icon-hover:hover .icon.i-right-bw {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-157px -157px;
}

/* wb */
.icon.i-right-wb {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-157px -157px;
}
.icon-hover:hover.i-right-wb,
.feature-icon-hover:hover .icon.i-right-wb {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-157px -107px;
}

/* Top */
.icon.i-top {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-207px -107px;
}
.icon.i-top-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-207px -157px;
}

/* bw */
.icon.i-top-bw {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-207px -107px;
}
.icon-hover:hover.i-top-bw,
.feature-icon-hover:hover .icon.i-top-bw {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-207px -157px;
}

/* wb */
.icon.i-top-wb {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-207px -157px;
}
.icon-hover:hover.i-top-wb,
.feature-icon-hover:hover .icon.i-top-wb {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-207px -107px;
}

/* Bottom */
.icon.i-bottom {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-257px -107px;
}
.icon.i-bottom-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-257px -157px;
}

/* bw */
.icon.i-bottom-bw {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-257px -107px;
}
.icon-hover:hover.i-bottom-bw,
.feature-icon-hover:hover .icon.i-bottom-bw {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-257px -157px;
}

/* wb */
.icon.i-bottom-wb {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-257px -157px;
}
.icon-hover:hover.i-bottom-wb,
.feature-icon-hover:hover .icon.i-bottom-wb {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite.png);
    background-position:-257px -107px;
}

/**
 * Social icons
 */



/* Contact icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* TODO: */

/* Phone */
.icon.i-telephone {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-7px -7px;
}
.icon.i-telephone-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-7px -57px;
}

/* Mobile */
.icon.i-mobile {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-57px -7px;
}
.icon.i-mobile-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-57px -57px;
}

/* Skype */
.icon.i-skype {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-107px -7px;
}
.icon.i-skype-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-107px -57px;
}

/* Letter */
.icon.i-letter {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-157px -7px;
}
.icon.i-letter-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-157px -57px;
}

/* Location */
.icon.i-location {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-207px -7px;
}
.icon.i-location-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-207px -57px;
}


/* Row 2
-------------------------------------------------------------- */
/* Twitter */
.icon.i-twitter {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-7px -107px;
}
.icon.i-twitter-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-7px -157px;
}

/* Facebook */
.icon.i-facebook {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-57px -107px;
}
.icon.i-facebook-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-57px -157px;
}

/* Google plus */
.icon.i-googleplus {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-107px -107px;
}
.icon.i-googleplus-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-107px -157px;
}

/* Youtube */
.icon.i-youtube {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-157px -107px;
}
.icon.i-youtube-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-157px -157px;
}

/* Vimeo */
.icon.i-vimeo {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-207px -107px;
}
.icon.i-vimeo-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-207px -157px;
}

/* Wordpress */
.icon.i-wordpress {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-257px -107px;
}
.icon.i-wordpress-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-257px -157px;
}

/* Pinterest */
.icon.i-pinterest {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-307px -107px;
}
.icon.i-pinterest-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-307px -157px;
}

/* Linked in */
.icon.i-linkedin {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-357px -107px;
}
.icon.i-linkedin-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-357px -157px;
}

/* Blogger */
.icon.i-blogger {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-407px -107px;
}
.icon.i-blogger-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-407px -157px;
}

/* Envato */
.icon.i-envato {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-457px -107px;
}
.icon.i-envato-w {
    background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-457px -157px;
}

/* Instagram */
.icon.i-instagram {
    background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-508px -107px;
}
.icon.i-instagram-w {
    background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
    background-position:-508px -157px;
}

/**
 * Common styles
 */



/* Common styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Sizes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-top,
.header .dropdown { line-height:3em; } /* line-height:36px; */
.header .dropdown { max-height:3em; } /* Set static height to improve layout of inline elements */


/* Blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/**/
.sidebar .block:first-child { margin-top:6px; } /* To align with page title */
.cms-index-index .sidebar .block:first-child { margin-top:0; } /* Remove margin on home page */


/* Headings
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Page Heading
-------------------------------------------------------------- */
.my-account .page-title,
.category-title { border-bottom:1px solid #e5e5e5; }

/* Block titles and section headings
-------------------------------------------------------------- */
/* Sidebar blocks */
.block .block-title,

/* Section title */
.section-title,

/* Cart */
.cart .crosssell h2,
.cart .discount h2,
.cart .shipping h2
{
    /* padding:13px 0 7px; */ /*TODO*/
    padding-top:7px;
    padding-bottom:7px;
    border-bottom:1px solid #e5e5e5;
    font-weight:normal;
    font-size:1.5em; /*18px*/
    line-height:1.2222em; /*22px*/
}

/* Secondary headings
-------------------------------------------------------------- */
/* Log in */
.account-login h2,

/* Checkout log in */
#opc-login h3,

/* Fieldset and multiple checkout */
.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend
{
    font-size:1.5em; /*18px*/
    line-height:1.3333em; /*24px*/
    font-weight:normal;
    text-transform:uppercase;
    border-bottom:1px solid #e5e5e5;
    padding-bottom:10px;
}

/* Account headings
-------------------------------------------------------------- */
/* Primary */
.box-account .box-head h2,
.order-items h2.table-caption,
.order-items h2.sub-title,
.order-items .order-comments h2 {}

/* Secondary */
.dashboard .box .box-title h3,
.dashboard .box .box-title h4,
.order-info-box h2 {}

/* Other headings
-------------------------------------------------------------- */
/* Page title */
.category-title,

/* Account */
.my-account .page-title,
.box-account .box-head,
.dashboard .box .box-title
{
    border-color:#e5e5e5;
}



/* Colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Borders
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Elements with horizontal border - normal
-------------------------------------------------------------- */
/* CMS */
.section-line,

/* Misc */
.toolbar 
{ border-color:#e5e5e5; }

/* Elements with horizontal border - lighter
-------------------------------------------------------------- */
/* Product page - Add-to-cart area */
.product-view .product-type-data,
.product-view .product-type-data .price-box,
.container1-wrapper,
.container2-wrapper,
.product-view .add-to-box,

/* Product grid/list */
.category-products-grid .item,
.products-list li.item,

/* Pop-ups */
.remember-me-popup h3,
.map-popup-heading
{
    border-color:#f5f5f5;
}

/* Elements with vertical border - normal
-------------------------------------------------------------- */
/* Product page */
.custom-sidebar-right .inner,
.custom-sidebar-left .inner
{
    border-color:#e5e5e5;
}

/* Elements with vertical border - lighter
-------------------------------------------------------------- */
/* Product grid/list */
.products-list .product-shop-inner
{
    border-color:#f5f5f5;
}

/* Elements with darker border
-------------------------------------------------------------- */
/* Cart */
.data-table thead,
.cart-table thead tr,

/* Availability */
.availability-only-details thead
{
    border-color:#e5e5e5; /*Currently the same color as other borders*/
}


/* Background colors
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Elements with light gray background
-------------------------------------------------------------- */
/* Product page - increaments */
.extrahint-wrapper .product-pricing,

/* Account */
.addresses-list .addresses-primary .item,
.order-info-box,

/* Advanced search */
.advanced-search-summary,

/* Checkout */
.opc .gift-messages-form
{
    background-color:#f5f5f5;
}


/* Text color
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Elements with lighter text
-------------------------------------------------------------- */
/* Product grid/list */
.products-list .ratings,
.products-grid .ratings,
.products-list .ratings a,
.products-grid .ratings a,

/* Breadcrumbs */
.breadcrumbs li,
.breadcrumbs a,

/* Layered nav */
.block-layered-nav dd li,

/* Product page */
.block-related-simple .related-add-to-wishlist,
.block-related-thumbnails .related-add-to-wishlist,

/* Availability */
.availability,

/* Reviews */
.product-view .box-reviews dd .date,

/* Product options */
.item-options dd,
.product-options p.note,

/* Prices */
.price-notice .price,

/* MSRP price and old price */
.old-price,
.product-view .price-box .old-price .price,
#map-popup-msrp,
.map-popup-msrp .price
{
    color:#aaa;
}


/* Forms
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product options form colors
-------------------------------------------------------------- */
.product-options dd select,
.product-options dd .input-text,
.product-options dd textarea,
.product-options ul.options-list { color:#888; }
.product-options dd select:hover,
.product-options dd select:focus,
.product-options dd textarea:hover,
.product-options dd textarea:focus,
.product-options ul.options-list:hover { color:#333; }


/* Selected interface icons:
   text color - icons on hover: toolbar icons, pager, prev/next slide etc.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Hover item color */
/* Toolbar */
.sorter .view-mode a:hover,
.sorter .sort-by .category-asc:hover,
.sorter .sort-by .category-desc:hover,
.pager .pages li a:hover,

/* Add-to links */
.add-to-links.addto-icons a:hover,

/* Slider arrows */
.gen-slider-arrows1 .direction-nav a:hover,
.gen-slider-arrows2 .direction-nav a:hover,
.gen-slider-arrows3 .direction-nav a:hover,

/* Lightbox */
#cboxPrevious:hover,
#cboxNext:hover,
#cboxClose:hover,

/* Scroll to top button */
#scroll-to-top:hover
{
    color:#fff; /*Color of text*/
}



/* Fonts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Price on product page and MSRP
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .price-box .price,
.map-popup-price .price,
.map-popup-msrp .price { font-family:Verdana, Geneva, sans-serif; }



/* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Shadows: for pop-ups, drop-downs etc.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* IE version included */
#nav .level0-wrapper,
#nav.classic .parent > ul,

/* Mini cart */
#mini-cart .block-content,
.truncated .truncated_full_value .item-options,

/* Compare drop-down */
.header .block-compare .block-content,

/* Search autocomplete */
.header .form-search .search-autocomplete ul,

/* Dropdown */
.open > .dropdown-toggle.cover,
.dropdown-menu,

/* Pop-ups and tooltips */
.remember-me-popup,
.map-popup,
.tool-tip,
#subscribe-form .input-box .validation-advice
{
    -moz-box-shadow:0 2px 10px rgba(0,0,0, 0.15);
    -webkit-box-shadow:0 2px 10px rgba(0,0,0, 0.15);
    box-shadow:0 2px 10px rgba(0,0,0, 0.15);
}


/* Transitions
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Links and other selected elements
-------------------------------------------------------------- */
/* IMPORTANT: link transitions should be placed before other transitions */
a,
#mobnav-trigger .trigger-icon .line,
.accordion .opener /*Main menu accordion*/
{
    transition:			color 0ms ease-in-out, background-color 0ms ease-in-out;
    -moz-transition:	color 0ms ease-in-out, background-color 0ms ease-in-out;
    -webkit-transition:	color 0ms ease-in-out, background-color 0ms ease-in-out;
    -o-transition:		color 0ms ease-in-out, background-color 0ms ease-in-out;
}
a:hover,
#mobnav-trigger:hover .trigger-icon .line,
.accordion .opener:hover
{
    transition-duration:			0ms;
    -moz-transition-duration:		0ms;
    -webkit-transition-duration:	0ms;
    -o-transition-duration:			0ms;
}

/* Opacity
-------------------------------------------------------------- */
/*
.form-search .button span
{
        transition:			opacity 450ms ease-in-out;
        -moz-transition:	opacity 450ms ease-in-out;
        -webkit-transition:	opacity 450ms ease-in-out;
        -o-transition:		opacity 450ms ease-in-out;
}
.form-search .button:hover span
{
        transition-duration:			100ms;
        -moz-transition-duration:		100ms;
        -webkit-transition-duration:	100ms;
        -o-transition-duration:			100ms;
}
*/
.form-search .button span {
    transition:			opacity 0ms ease-in-out;
    -moz-transition:	opacity 0ms ease-in-out;
    -webkit-transition:	opacity 0ms ease-in-out;
    -o-transition:		opacity 0ms ease-in-out;
}

/* Interface icons: toolbar icons, pager, prev/next slide etc.
-------------------------------------------------------------- */
.sorter .view-mode .grid,
.sorter .view-mode .list,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,

/* Back link */
.buttons-set .back-link small,

/* Add-to links */
.add-to-links.addto-icons a,

/* Accordion and collapsible: opener */
.accordion-style1 .opener,
.accordion-style1 .opener:hover, /*Override: .accordion .opener:hover */
.collapsible .opener,

/* Scroll to top */
#scroll-to-top
{
    transition:			background-color 0ms ease-in-out, background-position 0ms ease-in-out;
    -moz-transition:	background-color 0ms ease-in-out, background-position 0ms ease-in-out;
    -webkit-transition:	background-color 0ms ease-in-out, background-position 0ms ease-in-out;
    -o-transition:		background-color 0ms ease-in-out, background-position 0ms ease-in-out;
}

/* Accordions, tabs & other components
-------------------------------------------------------------- */
/* TODO: del
.gen-tabs .tabs a,
.gen-tabs .acctab,
.opc .step-title
{
        transition:			color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
        -moz-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
        -webkit-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
        -o-transition:		color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
}
*/

/* Carets
-------------------------------------------------------------- */
#nav a.level-top .caret {
    transition:			border-top-color 0ms ease-in-out;
    -moz-transition:	border-top-color 0ms ease-in-out;
    -webkit-transition:	border-top-color 0ms ease-in-out;
    -o-transition:		border-top-color 0ms ease-in-out;
}
#nav > li:hover a.level-top .caret {
    transition-duration:			0ms;
    -moz-transition-duration:		0ms;
    -webkit-transition-duration:	0ms;
    -o-transition-duration:			0ms;
}

/* Elements with animated color, background color and borders
-------------------------------------------------------------- */
/* Forms */
input.input-text, select, textarea,
.product-options ul.options-list,

/* Product image thumbnails */
.product-view .product-img-box .more-views .thumbnails li a,

/* Product mini-lists */
.mini-products-list .product-image,
.cart .crosssell .product-image,

/* Tabs & accordion */
.gen-tabs .tabs a,
.gen-tabs .acctab,

/* OPC accordion */
.opc .step-title
{
    transition:			color 0ms ease-in-out, background-color 0ms ease-in-out, border-color 0ms ease-in-out;
    -moz-transition:	color 0ms ease-in-out, background-color 0ms ease-in-out, border-color 0ms ease-in-out;
    -webkit-transition:	color 0ms ease-in-out, background-color 0ms ease-in-out, border-color 0ms ease-in-out;
    -o-transition:		color 0ms ease-in-out, background-color 0ms ease-in-out, border-color 0ms ease-in-out;
}


/* Shadow for the main containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.shadow .show-bg {
    -moz-box-shadow:	0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:	0 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow:			0 2px 3px rgba(0, 0, 0, 0.1);
}

/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * 2014-02-03 23:51:16 */




@import url(//fonts.googleapis.com/css?family=PT+Sans);


body {
    color: #333;
    font-size: 13px;

    background-color: #f5f5f5;
}
a
{
    color: #333;
}
a:hover,
.vertnav-side li.current > a
{
    color: #70b6c1;
}

.caret {
    border-top-color: #333;
}


button.button span,
a.button
{
    background-color: #eee;
    color: #333;
}
button.button:hover span,
a.button:hover
{
    background-color: #9cc140;
    color: #fff;
}

.product-view .btn-cart span,
button.btn-checkout span
{
    background-color: #333;
    color: #fff;
}

button.btn-checkout#review_button span{
    background-color: #9cc140;
    color:#000;
} 

button.btn-checkout#review_button span:hover{
    background-color:#b5df4c;
}

.product-view .btn-cart:hover span,
button.btn-checkout:hover span
{
    background-color: #9cc140;
    color: #fff;
}

a.button{
    padding:15px 20px;
    font-size:16px;
    font-weight:bold;
}

a.button.green{
    color: #fff;
    background-color: #9cc140;
}

a.button.green:hover{
    background-color: #333;
}


/* Default icon */
/* Toolbar */
.sorter .view-mode a,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,
.pager .pages li a,

/* Back link */
.buttons-set .back-link small,

/* Add-to links */

/* Simple icons (product grid) */
.add-to-links.addto-icons a, /*Deprecated*/

/* Other with standard icons */
.add-to-links span.icon,

/* Slider arrows */
.gen-slider-arrows1 .direction-nav a, /* Sliders */
.gen-slider-arrows1 .direction-nav a.disabled:hover,
.gen-slider-arrows2 .direction-nav a, /* Slideshow */
.gen-slider-arrows2 .direction-nav a.disabled:hover,
.gen-slider-arrows3 .direction-nav a, /* Cloud Zoom */
.gen-slider-arrows3 .direction-nav a.disabled:hover,

/* Lightbox */
#cboxPrevious,
#cboxNext,
#cboxClose,

/* Accordion and collapsible: opener */
.accordion-style1 .opener,
.collapsible .opener,

/* Scroll to top */
#scroll-to-top
{
    background-color: #eee;
}


/* Hover icon */
/* Toolbar */
.sorter .view-mode a:hover,
.sorter .sort-by .category-asc:hover,
.sorter .sort-by .category-desc:hover,
.pager .pages li a:hover,

/* Back link */
.buttons-set .back-link:hover small,

/* Add-to links */

/* Simple icons (product grid) */
.add-to-links.addto-icons a:hover, /*Deprecated*/

/* Other with standard icons */
.add-to-links span.icon-hover:hover,
.add-to-links .feature-icon-hover:hover span.icon,

/* Slider arrows */
.gen-slider-arrows1 .direction-nav a:hover,
.gen-slider-arrows2 .direction-nav a:hover,
.gen-slider-arrows3 .direction-nav a:hover,

/* Lightbox */
#cboxPrevious:hover,
#cboxNext:hover,
#cboxClose:hover,

/* Accordion and collapsible: opener */
.accordion-style1 .opener:hover,
.collapsible .opener:hover,

/* Scroll to top */
#scroll-to-top:hover
{
    background-color: #333;
}


/* Active icon */
.sorter .view-mode span.grid,
.sorter .view-mode span.list,
.pager .pages li.current
{
    background-color: #e9e9e9;
}


span.icon
{
    background-color: #9cc140;
}
span.icon-hover:hover,
.feature-icon-hover:hover span.icon
{
    background-color: #70b6c1;
}



.links > li > a:hover {
    background-color: #6eb6c1;
    color: #fff !important;
}


.sticker.new {
    background-color: #9cc140;
    color: #fff;
}
.sticker.sale {
    background-color: #f12b63;
    color: #fff;
}



/*.price-box .price*/
.price-box .regular-price .price,
.price-box .minimal-price .price { font-size: 18px; font-weight:bold; }


.additional-bg-color,
.block-layered-nav .currently,
.cart .totals
{
    background-color: #f5f5f5;
}



/* Custom content class */
.main-font,

/* Headings */
h1, h2, h3, h4, h5,
.section-title,
.products-list .product-name,
.products-grid .product-name,
h3.product-name, /*TODO:remove*/

/* Generic  */
.feature .heading,
.accordion .heading,

/* Main menu */
#mobnav-trigger,
#nav > li > a,
#nav.wide ul.level0 > li > a,
.vertnav-top li a,

/* Block headings */
.block .block-title,

/* Checkout headings */
#opc-login h3,

/* Multiple checkout */
/*.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend,*/

/* Account */
.box-account .box-head h2,
.order-items h2.table-caption,
.order-items h2.sub-title,
.order-items .order-comments h2,

/* Product page */
.product-view .box-reviews dt .heading,
.gen-tabs .tabs a,

/* Footer headings */
.footer .heading,
#subscribe-form label,

/* Captions */
.caption .heading
{
    font-family: 'PT Sans', sans-serif;


}







.wrapper
{
    border-top-color: #333;

    background-color: #fff;

}



.header-container
{

}
.header
{

}
.header a {
}
.header a:hover {
}

.header-container3
{

}

.header .caret {
    border-top-color: #333;
}


.form-search .input-text
{
    background-color: #fff;
    border-color: #ddd;
    color: #bbb;
}
.form-search .input-text:hover,
.form-search .input-text:focus
{
    background-color: #fff;
    border-color: #333;
    color: #333;
}



.header .dropdown-menu,
.header .open > .dropdown-toggle.cover > div,
.header .truncated .truncated_full_value .item-options,
.header .form-search .search-autocomplete
{
    background-color: #fff;

    color: #333;
}

.header .dropdown-menu a,
.header .open > .dropdown-toggle.cover > div a,
.header .form-search .search-autocomplete li
{
    color: #333;
}
.header .dropdown-menu a:hover,
.header .open > .dropdown-toggle.cover > div a:hover,
.header .form-search .search-autocomplete li:hover
{
    color: #aaa;
}

.header .open > .dropdown-toggle.cover > div .caret {
    border-top-color: #333;
}




.header-top-container
{
    background:#eee;
}
.header-top
{


}
.header-top a
{
}
.header-top a:hover
{
}







#nav .level0-wrapper,
#nav.classic ul
{
    background-color: #fff;

    color: #333;
}

#nav ul li a
{
    color: #333;
}
#nav ul li a:hover
{
    color: #70b6c1;
}



.cat-label-label1 {
    background-color: #9cc140;
    color: #fff;
}
.cat-label-label2 {
    background-color: #6eb6c1;
    color: #fff;
}

li.level0 > a > span > .cat-label-label1.pin-bottom:before {
    border-top-color: #9cc140;
}
li.level0 > a > span > .cat-label-label2.pin-bottom:before {
    border-top-color: #6eb6c1;
}

li > a:hover > span > .cat-label,
#nav li.level0:hover > a > span > .cat-label /* Top-level category label is highlighted on item hover, not on link hover */
{
    background-color: #dfc15f;
    color: #333;
}
li.level0 > a:hover > span > .pin-bottom:before,
#nav li.level0:hover > a > span > .pin-bottom:before
{
    border-top-color: #dfc15f;
}



#mobnav
{
    color: #333;
}
#mobnav-trigger
{
    background-color: #f5f5f5;
    color: #333;
}

#mobnav-trigger:hover
{
    background-color: #9cc140;
    color: #fff;
}

#mobnav-trigger.active
{
    background-color: #9cc140;
    color: #fff;
}

#mobnav-trigger .trigger-icon .line {
    background-color: #333;
}
#mobnav-trigger:hover .trigger-icon .line {
    background-color: #fff;
}
#mobnav-trigger.active .trigger-icon .line {
    background-color: #fff;
}



.nav-container 
{


}


#nav,
.vertnav-top li a
{
    background-color: #f5f5f5;
    color: #333;
}
#nav > li > a
{
    color: #333;
}

#nav > li:hover > a,
.vertnav-top li > a:hover
{
    background-color: #9cc140;
    color: #fff;
}

.cms-index-index #nav #nav-home > a,
#nav > li.active > a,
.vertnav-top li.current > a
{
    background-color: #333;
    color: #fff;
}



#nav > li > a,
#mobnav-trigger
{
    font-size:16px;
    text-transform:uppercase;
}

#nav.wide ul.level0 > li > a
{
    font-size:16px;
}



.vertnav-top > li > a
{
    font-size:16px;
    text-transform:uppercase;
}

.vertnav-top ul.level0 > li > a
{
    font-size:16px;
}

@media only screen and (min-width: 960px) and (max-width: 969px){
    #nav > li > a {
        font-size: 12px !important;
    }

}

@media only screen and (min-width: 970px) and (max-width: 1279px){
    #nav > li > a {
        font-size: 13px !important;
    }

}


.vertnav-top > li.first > a { margin-top:1px; }
.vertnav-top li a { margin-bottom:1px; }
.vertnav-top { background-color: #eee; }




.vertnav-top li .opener {
    background: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener.png) center center no-repeat;
}
.vertnav-top li:hover > .opener {
    background-image: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-w.png);
}
.vertnav-top li:hover > .opener:hover {
    background-image: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener.png);
}

.vertnav-top li.active > .opener {
    background-image: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-active.png);
}
.vertnav-top li.active:hover > a:hover + .opener {
    background-image: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-active-w.png);
}
.vertnav-top li.active:hover > a + .opener:hover {
    background-image: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-active.png);
}

.vertnav-top li.current > .opener,
.vertnav-top li.current > .opener:hover {
    background-image: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-w.png);
}
.vertnav-top li.active.current > a + .opener,
.vertnav-top li.active.current:hover > a + .opener {
    background-image: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-active-w.png);
}
.vertnav-top li.active.current > a + .opener:hover {
    background-image: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-active-w.png);
}

#nav > li.parent > a .caret {
    border-top-color: #333;
}
#nav > li.parent:hover > a .caret {
    border-top-color: #fff;
}
#nav > li.parent.active > a .caret {
    border-top-color: #fff;
}



#nav,
.vertnav-top
{
    border-bottom:5px solid #333;
}

#nav > li { border-bottom:5px solid transparent; margin-bottom:-5px; }
#nav.classic ul.level0,
#nav .level0-wrapper { top:54px; }



.main-container
{


}
.main
{
    background-color: #fff;
}

.truncated .item-options
{
    background-color: #fff;
}





.category-products-grid .item,
.products-list .item
{
}
.category-products-grid .item:hover,
.products-list .item:hover
{
}




span.icon.icon-color-productview
{
    background-color: #eee;
}
.feature-icon-hover:hover span.icon.icon-color-productview
{
    background-color: #9cc140;
}



.gen-tabs .tabs
{
    background-color: transparent;
}

.gen-tabs .tabs a
{
    background-color: #eee;
    color: #333;
}

.gen-tabs .tabs a:hover,
.gen-tabs .tabs a:focus
{
    background-color: #e5e5e5;
    color: #333;
}

.gen-tabs .tabs a.current
{
    background-color: #fff;
    color: #70b6c1;
}

.gen-tabs .acctab
{
    background-color: #f5f5f5;
    color: #333;
}

.gen-tabs .acctab:hover,
.gen-tabs .acctab:focus,
.gen-tabs .acctab.current {
    background-color: #eee;
    color: #70b6c1;
}

.gen-tabs .tabs-panels
{
    background-color: #fff;
}



.footer-container
{
    background-color: #f5f5f5;
}
.footer
{

}

.footer a
{
}
.footer a:hover
{
}


.footer button.button span
{
    background-color: #bbb;
    color: #fff;
}
.footer button.button:hover span
{
    background-color: #dfc15f;
    color: #fff;
}


.footer span.icon
{
    background-color: #9cc140;
}
.footer span.icon-hover:hover,
.footer .feature-icon-hover:hover span.icon
{
    background-color: #444;
}



/* Back link */
.footer .buttons-set .back-link small,

/* Slider arrows */
.footer .gen-slider-arrows1 .direction-nav a, /* Sliders */
.footer .gen-slider-arrows1 .direction-nav a.disabled:hover,
.footer .gen-slider-arrows2 .direction-nav a, /* Slideshow */
.footer .gen-slider-arrows2 .direction-nav a.disabled:hover,
.footer .gen-slider-arrows3 .direction-nav a, /* Cloud Zoom */
.footer .gen-slider-arrows3 .direction-nav a.disabled:hover,

/* Accordion and collapsible: opener */
.footer .accordion-style1 .opener,
.footer .collapsible .opener
{
    background-color: #f5f5f5;
}

/* Back link */
.footer .buttons-set .back-link:hover small,

/* Slider arrows */
.footer .gen-slider-arrows1 .direction-nav a:hover,
.footer .gen-slider-arrows2 .direction-nav a:hover,
.footer .gen-slider-arrows3 .direction-nav a:hover,

/* Accordion and collapsible: opener */
.footer .accordion-style1 .opener:hover,
.footer .collapsible .opener:hover
{
    background-color: #9cc140;
}


.footer-top-container
{
    background-color: #fff;


}
.footer-top
{

}
.footer-top a
{
}
.footer-top a:hover
{
}


.footer-primary-container
{

    padding-top: 30px;

    padding-bottom: 30px;
}
.footer-primary
{
    background-color: #fff;

}
.footer-primary a
{
}
.footer-primary a:hover
{
}


.footer-secondary-container
{


}
.footer-secondary
{

}
.footer-secondary a
{
}
.footer-secondary a:hover
{
}


.footer-bottom-container
{
    background-color: #ebebeb;
}
.footer-bottom
{

    color: #888;
}
.footer-bottom a
{
    color: #555;
}
.footer-bottom a:hover
{
    color: #6eb6c1;
}




.social-links span.icon {
    margin-top:4px;
    background-color: #bbb;
}
.social-links span.icon-hover:hover {
    background-color: #6eb6c1;
}

/**
 * Override CSS components
 */



/* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Buttons aligned at the bottom */
.equal-height .slides > .item { position: static; padding-bottom: 45px; }
.equal-height .slides .actions { position: absolute; bottom: 0; }

/**
 * Override modules
 */



/* Megamenu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Home link
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#nav #nav-home a.level-top .icon,
#nav #homelink-icon a.level-top .icon {
    margin-top: -2px;
}
/**
 * Theme-specific styles
 */



/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   Override/extend styles.css %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.wrapper { border-top-style:solid; border-top-width:5px; }
.main { padding:30px 0 40px; }

/* Additional margin for main sidebars
-------------------------------------------------------------- */
.col-left > * { margin-right: 15px; }
.col-right > * { margin-left: 15px; }

.col-left ol{ padding-left: 25px; list-style:decimal; }
.col-left ol li{ margin-bottom:10px; }



/* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Form
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Fieldset
-------------------------------------------------------------- */
/* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */
.fieldset,
.multiple-checkout .col2-set,
.multiple-checkout .col3-set,
.info-set {
    margin:0 0 10px;
    padding:0 15px 15px;
}
.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend {
    margin:0 -15px 10px -15px;
    padding-left:15px; padding-right:15px;
}

/* Buttons set
-------------------------------------------------------------- */
.buttons-set { margin:10px 15px; }
/* Note: buttons and "required" have equal right margin */
.buttons-set button.button { margin-left:0; margin-right:5px; margin-bottom:5px; }
.buttons-set p.required { margin:0 5px 5px 0; }



/* Page Heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.page-title h1,
.page-title h2 { margin:0; min-height:1.3125em; /* 42px. Has to ba aligned with ".block .block-title" */ }
.category-title { margin-bottom:0; }


/* Global Messages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.note-msg.empty-catalog {
    background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/empty-catalog.png) 10px 10px no-repeat transparent !important;
    color:inherit;
    min-height:70px;
    padding:40px 20px 40px 160px !important;
}


/* BreadCrumbs
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.breadcrumbs { line-height:1.5em; /*18px*/ margin:0 0 5px; }
/* Breadcrumbs on product page */
.catalog-product-view .breadcrumbs { margin-bottom:10px; }



/* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.header-main { margin: 10px 0; }

/* Line breaker */
.user-menu .line-break-after { clear:both; margin-bottom: 1px; }

/* Quick search: skins
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Search: inline
-------------------------------------------------------------- */
.search-wrapper-inline .form-search .input-text { min-width: 180px; }


/* Quick search: positions
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Position 0 */
.search-wrapper-p0 { float: right; }
.search-wrapper-p0 .form-search .input-text { min-width: 220px; }

/* Position 1 - right side of top links */
.search-wrapper-p1 { float: right; }
.search-wrapper-p1 .form-search .input-text { min-width: 220px; }

/* Position 2 - right side of top links */
.search-wrapper-p2 { float: right; }
.search-wrapper-p2 .form-search .input-text { min-width: 220px; }

/* Position 3 - right side of top links */
.search-wrapper-p3 { float: right; }
.search-wrapper-p3 .form-search .input-text { min-width: 220px; }

/* Position 4 - right side of top links */
.search-wrapper-p4 { float: right; }
.search-wrapper-p4 .form-search .input-text { min-width: 220px; }

/* Position 5 - right side of top links */
.search-wrapper-p5 { float: right; }
.search-wrapper-p5 .form-search .input-text { min-width: 220px; }


/* Mini-cart
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/*#mini-cart { margin-bottom:-8px; }*/



/* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Block lists
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-viewed .block-content ol,
.block-compare .block-content ol,
.block-compared .block-content ol {
    padding-left: 0;
    list-style: none;
}
.block-viewed .block-content li.item,
.block-compare .block-content li.item,
.block-compared .block-content li.item {
    background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/bullet.png) no-repeat 0 10px;
    padding-left:10px;
}


/* Block: Related
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Align block title with the tabs on product page */
.block-related .section-title { padding-top: 19px; }


/* Block: Account
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-account .block-title { background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/ic-account.png) 5px 2px no-repeat; padding-left:42px !important; }
.block-account .block-content { padding:10px 0 0; }
.block-account li > * { padding: 2px; }
.block-account li.current strong { font-weight:bold; }



/* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.products-grid .item { -webkit-tap-highlight-color: transparent; }



/* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Availability
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.availability { float:right; margin:15px 0; }



/* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Prices
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Bundle product */
.price-box-bundle {
    border-bottom:1px solid #e5e5e5;
    margin:-10px 0 15px; /* Move up to align with the main price box */
    padding-bottom:15px;
}


/* Main containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Margin before price box */
.product-view .space-before-avail { margin:0 0 15px; height:0; line-height:0; }

/* Upper part of the container */
.product-view .product-type-data > .price-box {
    border-top-style:solid;
    border-top-width:1px;
    margin:15px 0 0;
    padding:10px 0;
}

/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Add to cart button */
.product-view .btn-cart span span { padding:5px 40px; }

/* Reviews */
.product-view .box-reviews .buttons-set { margin-left:0; margin-right:0; }


/* New elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .sku,
.product-view .highlights{ margin: 15px 0; }
.product-view .sku span.first,
.product-view .highlights span.first{ font-weight: bold; display:inline-block; width:95px; float:left; }

.product-view .highlights span.as_block{ display:block; } 


/* Product type specific data
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .is-type-grouped .availability { margin-top:0; margin-bottom:0; }
.product-view .grouped-items-table input.input-text { height: 26px; padding:4px; /* Decrease default height and padding */ }



/* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*.my-account .pager { margin: -1px 0 20px; }*/



/* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Footer primary
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.footer-primary .section { padding-top: 20px; padding-bottom: 20px; }





/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Accordion & Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Accordion - Style 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.accordion-style1 li a {
    border-bottom-color:#eee;
    border-bottom:1px solid rgba(0,0,0,0.06);
}
.accordion-style1 li a:hover {
    background-color:rgba(0,0,0, 0.03);
}

/* Opener
-------------------------------------------------------------- */
.accordion-style1 .opener {
    background-color:rgba(0,0,0, 0.03);
}



/* Other modifications %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Nav container:
   with outline (if nav container has background color) or without outline (stretched)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* With outline
-------------------------------------------------------------- */
/* Add top and bottom margin */
.nav.has-outline > .grid-full { margin-top: 1%; margin-bottom: 1%; }
.nav.has-outline #mobnav { margin-bottom: 0; } /* Trigger has no bottom margin */

/* Without outline
-------------------------------------------------------------- */
/* If menu stretched, no top and bottom margin. Important: added "container" class to make the selector more specific */
.container.nav.stretched > .grid-full { margin-top: 0; margin-bottom: 0; }
/*.nav > .grid-full { float:left; }*/


/* Cart
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Collateral boxes - stretch */
.cart-left-column .grid-full,
.cart-right-column .grid-full { width:100%; }


/* Interface icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Icons with no background
-------------------------------------------------------------- */
/* Toolbar */
.sorter .view-mode a,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,
.pager .pages li a,

/* Add-to links */
.add-to-links.addto-icons a,

/* Slider arrows */
.gen-slider-arrows3 .direction-nav a,
.gen-slider-arrows3 .direction-nav a.disabled:hover
{
    background-color:transparent;
}

/* Other icons
-------------------------------------------------------------- */
/* Add-to links icons in product grid */
.products-grid .addto-links-icons span.icon { border-radius: 0; }

/* Pager */
.pager .pages li a { background-color:#f5f5f5; }

/* Add-to links */
.addto-links-icons span.icon,
.add-to-links.addto-icons a, /* Obsolete */

/* Slideshow directional arrows */
.gen-slider-arrows2 .direction-nav a,
.gen-slider-arrows2 .direction-nav a.disabled:hover { background-color:#fff; }





/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   Built-in static blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Deprecated: Header top - help block */
.header-top .phone { background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/ic-phone.png) 0 center no-repeat; padding:0 0 0 24px; }

.block_category_above_collection { margin:10px 0; }
.block_category_below_collection { margin:10px 0; }
.block_category_above_empty_collection { margin:10px 0; }

/*.block_product_primary_bottom {}
.block_product_secondary_bottom {}
.block_product_replace_related {}
.block_product_replace_upsell {}
        
.block_cart_below_totals {}
.block_cart_below_table {}*/

.block_mini_cart_above_products { margin:0 0 10px; }

.block_opc_below_progress { margin:15px 0; }

.block_cms_page_top { margin:0 0 15px; }

/*.block_header_top_left {}
.block_header_top_left2 {}
.block_header_top_right {}
.block_header_top_right2 {}

.block_footer_primary_bottom_left {}
.block_footer_primary_bottom_right {}*/
.block_footer_payment { margin-right:10px; margin-bottom:10px; margin-left:20px; }

/* Sample block content
-------------------------------------------------------------- */
.sample-block {
    color:#999;
    margin-top:10px;
    padding: 0 !important;
    transition:			color 0ms ease-in-out, background-color 0ms ease-in-out;
    -moz-transition:	color 0ms ease-in-out, background-color 0ms ease-in-out;
    -webkit-transition: color 0ms ease-in-out, background-color 0ms ease-in-out;
    -o-transition:		color 0ms ease-in-out, background-color 0ms ease-in-out;
}
.sample-block:hover { color:#333; }



/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   High-resolution-ready (retina-ready) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 3/2),
only screen and (    -ms-min-device-pixel-ratio: 1.5),
only screen and (        min-device-pixel-ratio: 1.5)
{

    /* Rating */
    .rating-box,
    .rating-box .rating { background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/img/rating@2x.png); background-size:14px 43px; }

    /* Theme icons
    -------------------------------------------------------------- */
    /* To top */
    #scroll-to-top,

    /* Search button */
    .header .form-search .button span,

    /* All icons from icons-theme.css */
    /* Row 1: */
    .icon.i-wishlist,
    .icon.i-wishlist-w,
    .icon.i-wishlist-bw,
    .icon.i-wishlist-wb,

    .icon.i-compare,
    .icon.i-compare-w,
    .icon.i-compare-bw,
    .icon.i-compare-wb,

    .icon.i-recommend,
    .icon.i-recommend-w,
    .icon.i-recommend-bw,
    .icon.i-recommend-wb,

    .icon.i-lowstock,
    .icon.i-lowstock-w,
    .icon.i-lowstock-bw,
    .icon.i-lowstock-wb,

    .icon.i-cart,
    .icon.i-cart-w,
    .icon.i-cart-bw,
    .icon.i-cart-wb,

    /* Row 2: */
    .icon.i-home,
    .icon.i-home-w,
    .icon.i-home-bw,
    .icon.i-home-wb,

    .icon.i-left,
    .icon.i-left-w,
    .icon.i-left-bw,
    .icon.i-left-wb,

    .icon.i-right,
    .icon.i-right-w,
    .icon.i-right-bw,
    .icon.i-right-wb,

    .icon.i-top,
    .icon.i-top-w,
    .icon.i-top-bw,
    .icon.i-top-wb,

    .icon.i-bottom,
    .icon.i-bottom-w,
    .icon.i-bottom-bw,
    .icon.i-bottom-wb /* Last selector without trailing coma */

    { background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite@2x.png); background-size:500px 200px; }


    /* All icons from icons-social.css
    -------------------------------------------------------------- */
    /* Row 1: */
    .icon.i-telephone,
    .icon.i-telephone-w,

    .icon.i-mobile,
    .icon.i-mobile-w,

    .icon.i-skype,
    .icon.i-skype-w,

    .icon.i-letter,
    .icon.i-letter-w,

    .icon.i-location,
    .icon.i-location-w,

    /* Row 2: */
    .icon.i-twitter,
    .icon.i-twitter-w,

    .icon.i-facebook,
    .icon.i-facebook-w,

    .icon.i-googleplus,
    .icon.i-googleplus-w,

    .icon.i-youtube,
    .icon.i-youtube-w,

    .icon.i-vimeo,
    .icon.i-vimeo-w,

    .icon.i-wordpress,
    .icon.i-wordpress-w,

    .icon.i-pinterest,
    .icon.i-pinterest-w,

    .icon.i-linkedin,
    .icon.i-linkedin-w,

    .icon.i-blogger,
    .icon.i-blogger-w,

    .icon.i-envato,
    .icon.i-envato-w /* Last selector without trailing coma */

    { background-image:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/sprite-icons-social@2x.png); background-size:500px 200px; }

} /* end: media query */

/*
 * 12-column grid system
 */



/* Container */
.container {
    margin-left:auto;
    margin-right:auto;
}
.nested-container {
    width:102%;
    margin-left:-1%;
}

/* Grid units */
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-5,
.grid12-6,
.grid12-7,
.grid12-8,
.grid12-9,
.grid12-10,
.grid12-11,
.grid12-12,
.grid-full, /* Alias for full-width unit */

/* Special grid units */
.grid-col2-sidebar,
.grid-col2-main
{ 
    position:relative;
    display:inline;
    float:left;
    margin-left:1%;
    margin-right:1%;
}

/* Basic grid units width */
.grid12-1	{ width:6.33%; }
.grid12-2	{ width:14.66%; }
.grid12-3	{ width:23%; }
.grid12-4	{ width:31.33%; }
.grid12-5	{ width:39.67%; }
.grid12-6	{ width:48%; }
.grid12-7	{ width:56.33%; }
.grid12-8	{ width:64.67%; }
.grid12-9	{ width:73%; }
.grid12-10	{ width:81.33%; }
.grid12-11	{ width:89.67%; }
.grid12-12,
.grid-full	{ width:98%; }

/* Grid units without left gutter (margin) */
.no-left-gutter.grid12-1	{ margin-left:0; width:7.33%; }
.no-left-gutter.grid12-2	{ margin-left:0; width:15.66%; }
.no-left-gutter.grid12-3	{ margin-left:0; width:24%; }
.no-left-gutter.grid12-4	{ margin-left:0; width:32.33%; }
.no-left-gutter.grid12-5	{ margin-left:0; width:40.67%; }
.no-left-gutter.grid12-6	{ margin-left:0; width:49%; }
.no-left-gutter.grid12-7	{ margin-left:0; width:57.33%; }
.no-left-gutter.grid12-8	{ margin-left:0; width:65.67%; }
.no-left-gutter.grid12-9	{ margin-left:0; width:74%; }
.no-left-gutter.grid12-10	{ margin-left:0; width:82.33%; }
.no-left-gutter.grid12-11	{ margin-left:0; width:90.67%; }
.no-left-gutter.grid12-12,
.no-left-gutter.grid-full	{ margin-left:0; width:99%; }

/* Grid units without right gutter (margin) */
.no-right-gutter.grid12-1	{ margin-right:0; width:7.33%; }
.no-right-gutter.grid12-2	{ margin-right:0; width:15.66%; }
.no-right-gutter.grid12-3	{ margin-right:0; width:24%; }
.no-right-gutter.grid12-4	{ margin-right:0; width:32.33%; }
.no-right-gutter.grid12-5	{ margin-right:0; width:40.67%; }
.no-right-gutter.grid12-6	{ margin-right:0; width:49%; }
.no-right-gutter.grid12-7	{ margin-right:0; width:57.33%; }
.no-right-gutter.grid12-8	{ margin-right:0; width:65.67%; }
.no-right-gutter.grid12-9	{ margin-right:0; width:74%; }
.no-right-gutter.grid12-10	{ margin-right:0; width:82.33%; }
.no-right-gutter.grid12-11	{ margin-right:0; width:90.67%; }
.no-right-gutter.grid12-12,
.no-right-gutter.grid-full	{ margin-right:0; width:99%; }

/* Grid units without any gutter (margin) */
.no-gutter.grid12-1		{ margin-left:0; margin-right:0; width:8.33%; }
.no-gutter.grid12-2		{ margin-left:0; margin-right:0; width:16.66%; }
.no-gutter.grid12-3		{ margin-left:0; margin-right:0; width:25%; }
.no-gutter.grid12-4		{ margin-left:0; margin-right:0; width:33.33%; }
.no-gutter.grid12-5		{ margin-left:0; margin-right:0; width:41.67%; }
.no-gutter.grid12-6		{ margin-left:0; margin-right:0; width:50%; }
.no-gutter.grid12-7		{ margin-left:0; margin-right:0; width:58.33%; }
.no-gutter.grid12-8		{ margin-left:0; margin-right:0; width:66.67%; }
.no-gutter.grid12-9		{ margin-left:0; margin-right:0; width:75%; }
.no-gutter.grid12-10	{ margin-left:0; margin-right:0; width:83.33%; }
.no-gutter.grid12-11	{ margin-left:0; margin-right:0; width:91.67%; }
.no-gutter.grid12-12,
.no-gutter.grid-full	{ margin-left:0; margin-right:0; width:100%; }

/* Special grid units: basic structure of pages with 1 and 2 sidebars
-------------------------------------------------------------- */
/* 2 columns: fixed-width sidebar unit and fluid main unit.
   Sidebar unit has the same width for all screen sizes equal or greater than 1280px.
   Width of the main unit is fluid.
*/
.grid-col2-sidebar	{ width:23%; }
.grid-col2-main		{ width:73%; }

/* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */
.grid-col3-sidebar 		{ width:31.52%; }
.grid-col3-main			{ width:65.90%; }

/* Vertically aligned grid
-------------------------------------------------------------- */
.v-grid-container {
    display:table;
    width:100%;
}
.v-grid {
    float:none;
    display:table-cell;
    vertical-align:middle;
}

/* Utility classes
-------------------------------------------------------------- */
/* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */
.alpha { margin-left:0; }
.omega { margin-right:0; }

/* Hide element if screen width is lower than the width specified in the class name */
.hide-below-1680 { display:none !important; }
.hide-below-1440 { display:none !important; }
.hide-below-1360 { display:none !important; }
.hide-below-1280 { display:none !important; }

/* Container: stretched, without side margin 
-------------------------------------------------------------- */
/* Remove padding from stretched container (it is added for narrow screens via media queries) */
.container.stretched { width:96%; padding-left:0; padding-right:0; }

/* Stretch inner grid unit (full width) */
.container.stretched > .grid-full { width:100%; margin-left:0; margin-right:0; }

/* Grid units container: clears floats
   (place grid units inside "div" with this class)
-------------------------------------------------------------- */
.grid-container { *zoom: 1; clear: both; }
.grid-container:before,
.grid-container:after { display: table; line-height: 0; content: ""; }
.grid-container:after { clear: both; }

/* Grid unit container: clears floats and adds vertical margin between units
-------------------------------------------------------------- */
.grid-container-spaced { *zoom: 1; clear: both; }
.grid-container-spaced:before,
.grid-container-spaced:after { display: table; line-height: 0; content: ""; }
.grid-container-spaced:after { clear: both; }
.grid-container-spaced .grid12-1,
.grid-container-spaced .grid12-2,
.grid-container-spaced .grid12-3,
.grid-container-spaced .grid12-4,
.grid-container-spaced .grid12-5,
.grid-container-spaced .grid12-6,
.grid-container-spaced .grid12-7,
.grid-container-spaced .grid12-8,
.grid-container-spaced .grid12-9,
.grid-container-spaced .grid12-10,
.grid-container-spaced .grid12-11,
.grid-container-spaced .grid12-12,
.grid-container-spaced .grid-full
{
    margin-bottom: 2%;
}

/* Grid presentation
-------------------------------------------------------------- */
.show-grid [class*="grid12-"] {
    background-color: #eee;
    text-align: center;
    min-height: 40px;
    line-height: 40px;
    transition:			all 0ms ease-in-out;
    -moz-transition:	all 0ms ease-in-out;
    -webkit-transition:	all 0ms ease-in-out;
    -o-transition:		all 0ms ease-in-out;
}
.show-grid [class*="grid12-"]:hover {
    background-color: #F08080;
}

/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * 2014-02-03 23:51:15 */






/* Grid container
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/



.container {
    width:96%;

    max-width: 960px;
}

.lte-ie8 .container { max-width:1200px; }













/* Design for a width of less than 1280 px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 1280px */

@media only screen and (max-width: 1280px){
    .paypal-review-order .form-list li.wide input.input-text { width: 262px; }
}







/* Desktop - design for a width of 1280px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 1280px <= width */

@media only screen and (min-width: 1280px)  {

    .container { max-width: 1200px; }

    /* Special grid units */
    /*.grid-col2-sidebar 	{ width: 20.41%; }*/
    .grid-col2-sidebar 	{ width: 20.0%; }
    .grid-col2-main		{ width: 75.58%; }
    .grid-col3-sidebar		{ width:27.01%; }
    .grid-col3-main			{ width:70.34%; }

    /* Hide */
    .hide-below-1280 { display:inherit !important; }



}






/* Design for a width of less than 1024 px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 1024px */
@media only screen and (max-width: 1023px) {

    /* Hide */
    .hide-below-1024 { display:none !important; }
}





/* Tablet (Portrait) - design for a width of 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 768px <= width < 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    .container { max-width:737px; }

    /* Hide */
    .hide-below-960 { display:none !important; }
}





/* All mobile - design for a width of less than 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 768px */
@media only screen and (max-width: 767px) {

    /* Grid units below 768px screen size are 100% wide with no margin. Padding compensates lack of margin. */
    .container { width:92%; padding-left:2%; padding-right:2%; }
    .nested-container { width:100%; margin-left:auto; }

    /* Nav container with outline (if nav container has background color).
       Apply the same vertical margins, as container's side padding. */
    .nav.has-outline > .grid-full { margin-top: 2%; margin-bottom: 2%; }

    /* Below 768px all grid units are stretched (full width) and stack vertically */
    .grid12-1,
    .grid12-2,
    .grid12-3,
    .grid12-4,
    .grid12-5,
    .grid12-6,
    .grid12-7,
    .grid12-8,
    .grid12-9,
    .grid12-10,
    .grid12-11,
    .grid12-12,
    .grid-full,

    .grid-col2-sidebar,
    .grid-col2-main,
    .grid-col3-sidebar,
    .grid-col3-main
    {
        width:100% !important; /* Added "!important" to override units with "no-gutter" */
        margin-left:0;
        margin-right:0;
    }

    /* Vertically aligned grid
    -------------------------------------------------------------- */
    .v-grid-container { display:block; }
    .v-grid { float:inherit; display:block; width:100%; }
}





/* Mobile (Landscape) - design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 480px <= width < 768px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    .container { max-width:440px; }

    /* Hide */
    .hide-below-960 { display:none !important; }
    .hide-below-768 { display:none !important; }

    /* Deprecated: persistent grid units (will be removed in the next update)
    -------------------------------------------------------------- */
    /* Half */
    .persistent-grid2-1 { width:48%; margin-left:1%; margin-right:1%; }

    /* One-third + two-thirds */
    .persistent-grid3-1 { width:31.33%; margin-left:1%; margin-right:1%; }
    .persistent-grid3-2 { width:64.67%; margin-left:1%; margin-right:1%; }

    /* One-fourth + two-fourths + three-fourths */
    .persistent-grid4-1 { width:23%; margin-left:1%; margin-right:1%; }
    .persistent-grid4-2 { width:48%; margin-left:1%; margin-right:1%; }
    .persistent-grid4-3 { width:73%; margin-left:1%; margin-right:1%; }

    /* Mobile grid (for browser viewport between 480px and 768px):
       Below 768px all grid units are stretched (full width) and stack vertically.
       The "mobile-grid" class forces narrow grid units to stay narrow,
       but the width is increased to avoid too small columns.
    -------------------------------------------------------------- */
    .mobile-grid.grid12-1 { width:14.66% !important;	margin-left:1%; margin-right:1%; } /* 1/12 turns into 1/6 */
    .mobile-grid.grid12-2 { width:31.33% !important;	margin-left:1%; margin-right:1%; } /* 1/6  turns into 1/3 */
    .mobile-grid.grid12-3 { width:48% !important;		margin-left:1%; margin-right:1%; } /* 1/4  turns into 1/2 */

    /* Force other grid units to take half of the available width */
    .mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; }

}





/* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 640px <= width < 768px */
@media only screen and (min-width: 640px) and (max-width: 767px) {

    .container { max-width:590px; }
}





/* Design for a width of less than 480px (small mobile)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 480px */
@media only screen and (max-width: 479px) {

    /* Stretch containers to full width and add side padding */
    .container { max-width:none !important; width:94%; padding-left:3%; padding-right:3%; }

    /* Nav container with outline (if nav container has background color).
       Apply the same vertical margins, as container's side padding. */
    .nav.has-outline > .grid-full { margin-top: 3%; margin-bottom: 3%; }

}





/* Mobile (Portrait) - design for a width of 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 320px <= width < 480px */
@media only screen and (min-width: 320px) and (max-width: 479px) {

    /* .container { max-width:301px; } */

    /* Hide */
    .hide-below-960 { display:none !important; }
    .hide-below-768 { display:none !important; }
    .hide-below-480 { display:none !important; }
}





/* Mobile (Portrait) - design for a width of less than 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 320px */
@media only screen and (max-width: 319px) {

    /* .container { max-width:226px; } */

    .container { max-width:none !important; width:92%; padding-left:4%; padding-right:4%; }

    /* Nav container with outline (if nav container has background color).
       Apply the same vertical margins, as container's side padding. */
    .nav.has-outline > .grid-full { margin-top: 4%; margin-bottom: 4%; }

    /* Hide */
    .hide-below-960 { display:none !important; }
    .hide-below-768 { display:none !important; }
    .hide-below-480 { display:none !important; }
    .hide-below-320 { display:none !important; }
}


/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * To override or extend default CSS styles use custom.css file (refer to the user guide for details).
 * 2014-02-03 23:51:16 */























/* Desktop, laptop - design for a width of 1280px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 1280px <= width */

@media only screen and (min-width: 1280px)  {

    /* Header
    -------------------------------------------------------------- */
    .header .logo { max-width:350px; }

    /* Cart
    -------------------------------------------------------------- */
    .cart-table .product-image { max-width:110px; }

    /* Product page
    -------------------------------------------------------------- */
    .product-view .sticker { width:80px; height:80px; }

    /* Misc
    -------------------------------------------------------------- */
    /* Mini cart */
    .after-mini-cart { clear:none; }

    /* Item grid
    -------------------------------------------------------------- */
    /* Item grid: 2 columns */
    .itemgrid-adaptive.itemgrid-2col .item { width:31.3333%; clear:none !important; }
    .itemgrid-adaptive.itemgrid-2col .item:nth-child(3n+1) { clear:left !important; }

    /* Item grid: 3 columns */
    .itemgrid-adaptive.itemgrid-3col .item { width:23%; clear:none !important; }
    .itemgrid-adaptive.itemgrid-3col .item:nth-child(4n+1) { clear:left !important; }

    /* Item grid: 4 columns */
    .itemgrid-adaptive.itemgrid-4col .item { width:18%; clear:none !important; }
    .itemgrid-adaptive.itemgrid-4col .item:nth-child(5n+1) { clear:left !important; }

    /* Item grid: 5 columns */
    .itemgrid-adaptive.itemgrid-5col .item { width:14.6666%; clear:none !important; }
    .itemgrid-adaptive.itemgrid-5col .item:nth-child(6n+1) { clear:left !important; }

    /* Item grid: 6 columns */
    .itemgrid-adaptive.itemgrid-6col .item { width:12.2857%; clear:none !important; }
    .itemgrid-adaptive.itemgrid-6col .item:nth-child(7n+1) { clear:left !important; }

    /* Item grid: 7 columns */
    .itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; }
    .itemgrid-adaptive.itemgrid-7col .item:nth-child(8n+1) { clear:left !important; }

    /* Cloud zoom
    -------------------------------------------------------------- */
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/

    /* Direction navigation */
    .itemslider-thumbnails.count-4 .direction-nav { display:none; }

    /* Slideshow caption
    -------------------------------------------------------------- */
    .caption .heading { font-size:3.3em; }
    .caption p { font-size:1.6666em; }

}






/* Design for a width of 960-1280 px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 960px <= width < 1280px */
@media only screen and (min-width: 960px) and (max-width: 1279px) {

    /* Cart
    -------------------------------------------------------------- */
    .cart-table .product-image { max-width:80px; }

    /* Product page
    -------------------------------------------------------------- */
    .product-view .sticker { width:80px; height:80px; }
}





/* Mobile, small old desktop - design for a width of less than 960px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 960px */
@media only screen and (max-width: 959px) {

    /* Products grid: override size of elements (values like size-s)
    -------------------------------------------------------------- */
    /* Product labels */
    .products-grid .sticker { width:45px; height:45px; font-size:1em; }
    .products-grid .item:hover .sticker { width:50px; height:50px; }

    /* Misc
    -------------------------------------------------------------- */
    /* Scroll to top button */
    #scroll-to-top { display:none !important; }

    /* Hide Sign Up link in Top Links */
    #link-sign-up { display:none; }

    /* Hide amount. Note: has to be defined after aligning ".amount" center */
    .toolbar .sorter .amount { display:none !important; }
}



/* Tablet (Portrait) - design for a width of 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 768px <= width < 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    /* Default Magento classes
    -------------------------------------------------------------- */
    .nobr { white-space:normal !important; }

    /* Cart
    -------------------------------------------------------------- */
    .cart-table .product-name { font-size:1em; font-family: inherit; }
    .cart-table .product-image { max-width:80px; }

    /* Product page
    -------------------------------------------------------------- */
    /* Related - simple */
    .block-related-thumbnails .product-details {
        margin-left:0;
        margin-bottom:10px;
        clear:left;
    }

    /* Cloud zoom
    -------------------------------------------------------------- */
    /* Shrink the slider if to many thumbnails */
    .itemslider-thumbnails.count-3,
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi { max-width:158px !important; } /*2*/

    /* Direction navigation */
    .itemslider-thumbnails.count-3 .direction-nav,
    .itemslider-thumbnails.count-4 .direction-nav,
    .itemslider-thumbnails.count-5 .direction-nav,
    .itemslider-thumbnails.count-multi .direction-nav { display:block; }

    /* Slideshow caption
    -------------------------------------------------------------- */
    .caption .heading { font-size:2.0833em; }
    .caption p { font-size:1.1666em; }
    .caption button.button span span {
        height: 35px;
        line-height: 35px;
        padding: 0 15px;
    }

}


/* All desktop - design for a width of 768px and wider
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 768px <= width */
@media only screen and (min-width: 768px) {

    /* Mobile accordion
    -------------------------------------------------------------- */
    .mobile-collapsible .block-content { display:block !important; } /* Always show when not on mobile */
    .mobile-collapsible .opener { display:none !important; } /* Always hide when not on mobile */
    .mobile-collapsible .block-title { border-bottom:none; }
}


/* All mobile - design for a width of less than 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 768px */
@media only screen and (max-width: 767px) {

    /* Grid and basic layout
    -------------------------------------------------------------- */

    /* Margin for basic Magento columns */
    .col-main,
    .col-left,
    .col-right
    {
        margin-bottom:30px;
    }

    /* Product view:
       margin for all grid units */
    .product-view .grid12-1,
    .product-view .grid12-2,
    .product-view .grid12-3,
    .product-view .grid12-4,
    .product-view .grid12-5,
    .product-view .grid12-6,
    .product-view .grid12-7,
    .product-view .grid12-8,
    .product-view .grid12-9,
    .product-view .grid12-10,
    .product-view .grid12-11,

    /* deprecated */
    .product-view .grid4-1,
    .product-view .grid4-2,
    .product-view .grid4-3,
    .product-view .grid2-1
    /* end:deprecated */
    {
        margin-bottom:30px;
    }

    /* Remove additional margin for main sidebars */
    .col-left > * { margin-right: 0; }
    .col-right > * { margin-left: 0; }

    /* Magento utility classes
    -------------------------------------------------------------- */
    .nobr { white-space:normal !important; }

    /* Forms
    -------------------------------------------------------------- */
    .form-list .field,
    .form-list input.input-text,
    .form-list textarea,
    .form-list select,
    .form-list li.wide .input-box,
    .form-list li.wide input.input-text,
    .form-list li.wide textarea,
    .form-list li.wide select { max-width:100%; }

    /* Tables
    -------------------------------------------------------------- */
    .data-table thead .nobr { white-space:normal !important; }
    .data-table th,
    .data-table td { padding:5px; }

    /* Data tables formatting
    -------------------------------------------------------------- */

    /* Basic formatting */
    .cart .data-table thead,
    .my-wishlist .data-table thead,
    .my-account .data-table thead,
    .order-review .data-table thead { display:none; }

    .cart .data-table tbody,
    .my-wishlist .data-table tbody,
    .my-account .data-table tbody,
    .order-review .data-table tbody { background:transparent !important; }

    .cart .data-table tr,
    .cart .data-table td,
    .my-wishlist .data-table tr,
    .my-wishlist .data-table td,
    .my-account .data-table tr,
    .my-account .data-table td,
    .order-review .data-table tr,
    .order-review .data-table td { border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; }

    .cart .data-table tr,
    .my-wishlist .data-table tr,
    .my-account .data-table tr,
    .order-review .data-table tr { border-bottom:1px solid #e5e5e5 !important; margin-bottom:20px; }

    /* Highlight first cell in table footer */
    .my-account .data-table tfoot tr td:first-child,
    .order-review .data-table tfoot tr td:first-child { font-weight:bold; }

    /* Show cell label */
    .data-table .cell-label {
        display:inline-block;
        width:30%;
        min-width:100px;
        max-width:140px;
        margin-right:10px;
        font-weight:bold;
    }

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

    /* Global notices */
    .global-site-notice .notice-inner { background:none; padding:10px 0; text-align:center; }
    .global-site-notice .notice-inner p { width:100%; padding:0 0 10px; }
    .global-site-notice .notice-inner .actions { padding-bottom:5px; }

    /* Logo
    -------------------------------------------------------------- */
    .header .logo-wrapper { text-align:center; }
    .header .logo { width:70%; margin-left:auto; margin-right:auto; }

    /* Quick search
    -------------------------------------------------------------- */

    /* Search: mobile (search bar layout for narrow screens)
    -------------------------------------------------------------- */
    .search-wrapper-mobile {
        display: block; /* To override possible inline styles */
        clear: both;
        width: 100%;
        margin: 10px 0;
        /*float: none;*/
    }
    .search-wrapper-mobile .form-search {
        width: 100%;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .search-wrapper-mobile .form-search .input-text {
        width: 100%;
        min-width: 100%; /* Cancel minimum width */
    }

    /* Search: header inline
    -------------------------------------------------------------- */
    /* Note: added .header class to override other selectors */
    .header .search-wrapper-inline {
        display: block;
        clear: both;
        width: 100%;
        margin: 10px auto;
    }
    /* If wrapper is an .item, then remove side margins */
    .header .item.search-wrapper-inline { margin-left:auto; margin-right:auto; }

    .search-wrapper-inline #search_mini_form { display: block; }
    .search-wrapper-inline .form-search .input-text { width:100%; }

    /* Other
    -------------------------------------------------------------- */
    /* User menu (Top Links) */
    .user-menu { width:100%; margin-left:0; margin-right:0; }

    /* Top links */
    .top-links { float:left; }

    /* Mini cart */
    .after-mini-cart { clear:none; } /* Deprecated */

    /* Line breaker - disable on narrow screens */
    .user-menu .line-break-after { clear:none; }

    /* Footer
    -------------------------------------------------------------- */

    /* Footer elements - align center */

    .footer .mobile-inline-container { text-align:center; }
    .footer .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; }

    .footer-primary-top-spacing,
    .footer-primary-bottom-spacing,
    .footer-top .links,
    .footer-bottom { text-align:center; }

    .footer-primary-top-spacing .item,
    .footer-primary-bottom-spacing .item,
    #subscribe-form,
    .footer-bottom .item,
    .footer-top .links li { float:none; display:inline-block; }
    .footer-top .item { float:none; }

    /* Simplify links */
    .footer .links-wrapper-separators .links li a,
    .footer .links-wrapper-separators-left .links li a { background-image:none; }

    /* Footer elements */
    .footer-primary-bottom-spacing .item { width:100%; margin:0; }
    .footer-bottom .item { margin-left:5px; margin-right:5px; }

    /* Copyright - remove space */
    .footer-copyright { margin-left:0;  }

    /* Primary and secondary section: additional inner padding */
    .footer-primary > .grid-full > .section,
    .footer-secondary > .grid-full > .section { padding:15px 10px; }

    /* Layered navigation
    -------------------------------------------------------------- */
    .block-layered-nav dd li,
    .block-layered-nav .currently ol li { line-height:2.3333em; background-position:3px 10px; }
    .block-layered-nav dd li:hover,
    .block-layered-nav .currently ol li:hover { background-position:6px 10px; }

    /* Toolbar
    -------------------------------------------------------------- */

    /* All elements - align center and increase vertical spacing */
    .pager,
    .sorter { text-align:center; }
    .pager .amount,
    .pager .limiter,
    .pager .pages,
    .sorter .amount,
    .sorter .limiter,
    .sorter .view-mode,
    .sorter .sort-by { display:inline-block; float:none; padding-top:0; padding-bottom:0; }

    .toolbar .sort-by,
    .toolbar .sorter .amount { border-right:none; }

    .sorter .per-page,
    .pager .per-page { display:none; }

    /* Category view
    -------------------------------------------------------------- */

    .note-msg.empty-catalog {
        background-position:center 10px !important;
        color:inherit;
        padding:150px 10px 10px !important;
        text-align:center;
    }

    /* Page heading with RSS link */
    .page-title { position:relative; }
    .page-title .link-rss { float:none; display:block; position:static; margin:10px 0 0; }

    /* Products list
    -------------------------------------------------------------- */
    .products-list .product-shop-inner { padding-right:0; border-right:none; }

    /* Products grid: override size of elements (values like size-s)
    -------------------------------------------------------------- */
    /* Product name */
    .products-grid .product-name {
        font-size:1.1666em; /*14px*/
        line-height:1.2307em; /*16px*/
    }
    /* Buttons */
    .products-grid .item button.btn-cart span span {
        padding:7px 15px;
        height:auto;
        line-height:2em;
    }

    /* Product page
    -------------------------------------------------------------- */

    /* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */
    .product-view .box-additional { margin-top:0; }

    /* Related: remove bottom margin */
    .block-related-slider { margin-bottom:0; }

    /* Sidebar */
    .product-view .custom-sidebar-right .inner { padding-left:0; border-left:none; }
    .product-view .custom-sidebar-left .inner { padding-right:0; border-right:none; }

    /* Add-to links */
    .product-view .add-to-links { text-align: center; }
    .product-view .add-to-links li { float: none; display: inline-block; }

    /* Cart
    -------------------------------------------------------------- */

    /* Buttons below table: align center */
    .cart-table tfoot tr.first td { text-align:center !important; padding:0; margin-bottom:20px; }
    .cart-table tfoot button { display:inline-block; float:none !important; margin:0 0 3px; padding:0; }

    /* One Page Checkout
    -------------------------------------------------------------- */

    /* Step title - link "edit" */
    .opc .allow .step-title a { display:none; }

    /* Form */
    /*.opc form fieldset { display:table-column-group; }*/

    /* Account
    -------------------------------------------------------------- */
    .my-wishlist .product-image { max-width:none;  }

    /* Items slider
    -------------------------------------------------------------- */
    .control-nav.control-paging { display:none; }

    /* If only one item exists */
    .itemslider.single-item .slides > li { margin: 0 auto; }

    /* Slideshow
    -------------------------------------------------------------- */ 

    /* Slideshow navigation: move buttons to the top right corner */
    .the-slideshow .direction-nav .next { top:4%; right:2%; }
    .the-slideshow .direction-nav .prev { top:4%; right:63px; left:auto; }

    /* Slideshow caption */
    /* Shrink font, hide all elements except heading */
    .caption > * { display:none !important; }
    .caption .heading { display:inline-block !important; font-size:2.0833em; margin-bottom:1px; }
    .caption p { font-size:1.1666em; margin-bottom:1px; }        
    .caption button.button span span {
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
    }

    /* Cloud Zoom
    -------------------------------------------------------------- */
    /* Hide zoom */
    .cloud-zoom-big,
    .cloud-zoom-lens { display:none !important; }
    .cloud-zoom-lens { cursor:default !important; }

    /* Lightbox
    -------------------------------------------------------------- */
    #cboxTitle,
    #cboxCurrent { display:none !important; }

    /* Accordion
    -------------------------------------------------------------- */
    .accordion-style1 li a {
        padding:15px 10px;
        font-size: 1.1666em; /*14px*/
        line-height: 1.2857em; /*18px*/
    }
    /* Space for openner if item has children. It has to be a few pixels wider than openner */
    .accordion-style1 li.parent > a { padding-right:53px; }
    .accordion-style1 .opener { width:48px; height:48px; }

    /* Mobile accordion
    -------------------------------------------------------------- */
    .mobile-collapsible .block-content { display:none; } /* Hide on mobile */

}
/* end: width < 768px */


/* Mobile (Landscape) - design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 480px <= width < 768px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    /* Category view
    -------------------------------------------------------------- */
    .products-list .product-shop,
    .products-list .right-column,
    .products-list .product-image-wrapper { width:48%; margin-left:1%; margin-right:1%; }

    /* Cloud zoom
    -------------------------------------------------------------- */
    /* Broaden the slider if at least 4 thumbnails */
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/

    /* Direction navigation */
    .itemslider-thumbnails.count-4 .direction-nav { display:none; }

    /* Shrink and align center the main image */
    .img-box .product-image { width:60.4651%; /*364px*/ max-width:364px; margin:0 auto; }	

}
/* end: 480px <= width < 768px */


/* Design for a width of 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 640px <= width < 768px */
@media only screen and (min-width: 640px) and (max-width: 767px) {

    /* Item grid
    -------------------------------------------------------------- */

    .itemgrid.itemgrid-adaptive .item { width:31.3333%; clear:none !important; }
    .itemgrid.itemgrid-adaptive .item:nth-child(3n+1) { clear:left !important; }
}
/* end: 640px <= width < 768px */


/* Design for a width of less than 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 640px */
@media only screen and (max-width: 639px) {

    h1 { font-size:2em;			line-height:1.25em;		/*24px, 30px*/ }
    h2 { font-size:1.6666em;	line-height:1.2em;		/*20px, 24px*/ }
    h3 { font-size:1.3333em;	line-height:1.25em;		/*16px, 20px*/ }
    h4 { font-size:1.1666em;	line-height:1.1428em;	/*14px, 16px*/ }
    h5 { font-size:1em;			line-height:1em;		/*12px, 12px*/ }
    h6 { font-size:1em;			line-height:1em;		/*12px, 12px*/ }


}
/* end: width < 640px */


/* Design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 480 <= width < 640px */
@media only screen and (min-width: 480px) and (max-width: 639px) {

    /* Item grid
    -------------------------------------------------------------- */

    .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; }
    .itemgrid.itemgrid-adaptive .item:nth-child(2n+1) { clear:left !important; }
}
/* end: 480 <= width < 640px */


/* Design for a width of less than 480px (small mobile)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 480px */
@media only screen and (max-width: 479px) {



    /* Products grid
    -------------------------------------------------------------- */
    .products-grid.category-products-grid.hover-effect .item .add-to-links, /* To override "display-onhover" */
    .products-grid .item .add-to-links { display: none !important; }

    /* Buttons
    -------------------------------------------------------------- */
    /* Button checkout + button "Add to cart" on product page */
    button.btn-checkout span span,
    .product-view .btn-cart span span { padding:5px 10px; }

    /* Grid elements
    -------------------------------------------------------------- */
    .col2-set .col-1,
    .col2-set .col-2 { width:100%; }

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

    /* Mini cart */
    #mini-cart .dropdown-toggle { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; }

    #mini-cart .dropdown-toggle.cover > div { background-color: transparent; color: inherit; }
    #mini-cart .dropdown-toggle span.icon { transition:none; }
    #mini-cart .dropdown-toggle .name { display:none; }

    #mini-cart .dropdown-toggle .caret { display:none !important; }
    #mini-cart .dropdown-menu { display:none !important; }
    #mini-cart.hide-empty-cart { display:none !important; }

    /* Quick compare dropdown */
    #quick-compare .dropdown-toggle { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; }

    #quick-compare .dropdown-toggle.cover > div { background-color: transparent; color: inherit; }
    #quick-compare .dropdown-toggle span.icon { transition:none; }
    #quick-compare .dropdown-toggle .name { display:none; }

    #quick-compare .dropdown-toggle .caret { display:none !important; }
    #quick-compare .dropdown-menu { display:none !important; }
    #quick-compare.is-empty { display:none !important; }

    /* Header elements - align center
    -------------------------------------------------------------- */

    .header .mobile-inline-container { text-align:center; }
    .header .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; }

    /* Links */
    .header .links { text-align:center; }
    .header .links li { float:none; display:inline-block; }

    /* Header top */
    .header-top { text-align:center; }
    .header-top .item { float:none; display:inline-block; margin-left:5px; margin-right:5px; }

    /* Inside user menu */
    .user-menu { text-align:center; }
    .user-menu > *,
    .user-menu .links, /*Some blocks of links may be deeper than one level*/
    .dropdown { float:none !important; display:inline-block !important; }

    /* previous:
    .user-menu { text-align:center; }
    .user-menu .top-links { float:none; }
    #mini-cart,
    .user-menu .links,
    .user-menu .links li { float:none; display:inline-block; }
    */

    /* Simplify horizontal links */
    .header .links-wrapper-separators .links li a,
    .header .links-wrapper-separators-left .links li a { background-image:none; }

    /* Products list
    -------------------------------------------------------------- */
    .products-list .item { margin-bottom:20px; }
    .products-list .item:first-child { margin-top:1px; /* Move item down to uncover the border of the toolbar */ }
    .products-list .product-image { margin-bottom:20px; }

    /* Products list: disable hover effect
    -------------------------------------------------------------- */
    /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */
    .products-list.hover-effect .item { border-top: none; }
    .products-list.hover-effect .item:hover {
        margin-left:0;
        margin-right:0;
        padding-left:0;
        padding-right:0;
        box-shadow: none !important;
    }

    /* Products grid: override size of elements (values like size-xs)
    -------------------------------------------------------------- */
    /* Product labels */
    .products-grid .sticker { width:40px; height:40px; font-size:0.9166em; }
    .products-grid .item:hover .sticker { width:45px; height:45px; }

    /* Product page
    -------------------------------------------------------------- */

    /* Reviews */
    .product-view .box-reviews .form-add .data-table th,
    .product-view .box-reviews .form-add .data-table td { padding:6px 1px; }
    .product-view .box-reviews .form-add .form-list input.input-text,
    .product-view .box-reviews .form-add .form-list textarea { width:90%; }

    /* Add-to links */
    .product-view .add-to-links { text-align: inherit; }

    /* Toolbar
    -------------------------------------------------------------- */

    .toolbar .limiter { display:none; }
    .sorter .view-mode { display:none; }
    .sorter .sort-by { background:none; margin-right:0; margin-left:0; padding-right:0; padding-left:0; } /* Remove right divider */

    /* Pages */
    .pager .pages li { display:none; }
    .pager .pages li.previous,
    .pager .pages li.current,
    .pager .pages li.next { display:block; }

    /* Account
    -------------------------------------------------------------- */

    /* Account info + Order info */
    /*
    .box-account.box-info .col-1,
    .order-info-box .col-1 { border-right:none; }
    .box-account.box-info .col-1 .box,
    .order-info-box .col-1 .box { padding-right:0; }
    */

    .my-account .col2-set .col-1 { border-right:none; margin-bottom:20px; }
    .my-account .col2-set .col-1 .box { padding-right:0; }

    /* Order details */
    .order-items .sub-title .separator { display:none; }

    /* Checkout
    -------------------------------------------------------------- */
    .opc .step-title h2 { font-size:1em; line-height:2.8333em; }

    /* Footer
    -------------------------------------------------------------- */
    #subscribe-form label {
        display: inline-block;
        float: none;
        line-height: 1em;
        margin: 15px 0 2px;
    }
    #subscribe-form .input-box {
        display: inline-block;
        float: none;
        margin: 5px 0;
        position: relative;
        width: 100%;
    }
    #subscribe-form .input-text { width:100%; max-width:100%; }
    #subscribe-form .button {
        display: inline-block;
        float: none;
    }

    /* Slideshow
    -------------------------------------------------------------- */
    .the-slideshow .control-nav { display:none; }

    /* Slideshow caption */
    /* Shrink font. Hide all elements, even with class "permanent" (except heading with "permanent") */
    .caption > *,
    .caption .heading,
    .caption .permanent { display:none !important; }
    .caption .heading.permanent { display:inline-block !important; }

    .caption .heading { font-size:1.3333em; }
    .caption p { font-size:1em; }

    /* Cloud zoom
    -------------------------------------------------------------- */
    #zoom-btn { display:none; }

}
/* end: width < 480px */


/* Design for a width of 320px (mobile - portrait)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 320px <= width < 480px */
@media only screen and (min-width: 320px) and (max-width: 479px) {

    /* Item grid
    -------------------------------------------------------------- */

    .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; }
    .itemgrid.itemgrid-adaptive .item:nth-child(2n+1) { clear:left !important; }

    /* Cloud zoom
    -------------------------------------------------------------- */
    /* Shrink the slider if to many thumbnails */
    .itemslider-thumbnails.count-3,
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi { max-width:158px; } /*2*/

    /* Direction navigation */
    .itemslider-thumbnails.count-3 .direction-nav,
    .itemslider-thumbnails.count-4 .direction-nav,
    .itemslider-thumbnails.count-5 .direction-nav,
    .itemslider-thumbnails.count-multi .direction-nav { display:block; }

}
/* end: 320px <= width < 480px */


/* Design for a width of 240px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 320px */
@media only screen and (max-width: 319px) {


    /* Disable hover effect
    -------------------------------------------------------------- */
    /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */
    .category-products-grid.hover-effect .item { border-top: none; }
    .category-products-grid.hover-effect .item:hover {
        margin-left:0;
        margin-right:0;
        padding-left:1%;
        padding-right:1%;
        box-shadow: none !important;
    }

    /* Show elements normally displayed only on hover */
    .category-products-grid.hover-effect .item .display-onhover { display:block !important; }

    /* Show full name even if enabled: display name in single line */
    .products-grid.single-line-name .item .product-name { overflow: visible; white-space: normal; }

    /* Spaces between items */
    .category-products-grid.hover-effect .item { margin-bottom: 20px; }


    /* Product page
    -------------------------------------------------------------- */
    /* Related - thumbnails */
    .block-related-thumbnails .product-details {
        margin-left:0;
        margin-bottom:10px;
        clear:left;
    }
    .block-related-thumbnails .product-details .price-box { display: inline-block; margin-right:5px; }
    .block-related-thumbnails .product-details .related-add-to-wishlist { display: inline-block; }

    /* Item grid
    -------------------------------------------------------------- */
    /* Always show 1 column */
    /* Important: added ".itemgrid" class to override other styles */
    .itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; }

    /* Cloud zoom
    -------------------------------------------------------------- */
    /* Shrink the slider if to many thumbnails */
    .itemslider-thumbnails.count-2,
    .itemslider-thumbnails.count-3,
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi { max-width:79px !important; } /*1*/

    /* Direction navigation */
    .itemslider-thumbnails.count-2 .direction-nav,
    .itemslider-thumbnails.count-3 .direction-nav,
    .itemslider-thumbnails.count-4 .direction-nav,
    .itemslider-thumbnails.count-5 .direction-nav,
    .itemslider-thumbnails.count-multi .direction-nav { display:block; }

    /* Slideshow
    -------------------------------------------------------------- */
    .the-slideshow .direction-nav { display:none; }

}


/*
 * Zoom on product page
 */



/* Basic zoom styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
    border:1px solid #ccc;
    margin:-1px; /* Set this to minus the border thickness. */
    background-color:#fff;
    cursor:move;
}

/* This is the zoom window. */
.cloud-zoom-big {
    border:1px solid #e5e5e5;
    overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
    color:white;
    background:#222;
    padding:0.25em;
    border:1px solid #000;
}

#wrap {
    /* Decrease default z-index */
    z-index:99 !important;
}

/* Zoom position: "inside"
-------------------------------------------------------------- */
.product-image .mousetrap {
    z-index:100 !important;

    /* For responsive layout */
    width:100% !important;
    height:100% !important;
}
.zoom-inside #wrap { overflow:hidden; }

/* No borders if zoom position is "inside" */
.zoom-inside .cloud-zoom-big { border:none; }

/* Display images without Cloud Zoom
-------------------------------------------------------------- */
/* Hide zoom area */
.simple-mode .cloud-zoom-big,
.simple-mode .cloud-zoom-lens { display:none !important; }
.simple-mode .cloud-zoom-lens { cursor:default !important; }


/* Zoom button (enlarge the main image)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.zoom-btn-small {
    position:absolute;
    right:4px;
    bottom:4px;
    padding:0 1em;
    line-height:2.6666em;
    z-index:100;
    background-color:#fff;
    background-color:rgba(255,255,255, 0.7);
    color:#333;
}
.zoom-btn-small:hover { background-color:#fff; }

/* Use lightbox without cloud zoom */
.zoom-btn-large {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    padding:0;
    z-index:100;
    cursor:pointer;

    text-indent:-9999px;
    overflow:hidden;
}
.zoom-btn-large:hover { background-color:rgba(255,255,255, 0.15); }



/* Skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Default skin
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.img-box .product-image { position:relative; /* Labels (e.g. "sale") are positioned relative to this box */ }
.img-box .product-image.product-image-zoom { z-index:9; } /*TODO: obsolete*/

/* Thumbnails */
.img-box .more-images { margin-top:10px; }
.img-box .more-images .thumbnails li { float:left; }
.img-box .more-images .thumbnails li.last { margin-right:0; }
.img-box .more-images .thumbnails li a {
    margin:0 2px;
    display:block;
    overflow:hidden;
    text-decoration:none;
}

/* Image pop-up */
.product-image-popup { margin:0 auto; }
.product-image-popup .nav { font-weight:bold; text-align:center; }
.product-image-popup .image { display:block; margin:10px 0;  }
.product-image-popup .image-label { margin:0 0 10px; }


/* Skin 1: with thin borders
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.img-box-style1 .product-image {
    border:1px solid #eee;
    padding:5px;
}
.img-box-style1 .more-images { margin-top:8px; }
.img-box-style1 .more-images .thumbnails { padding:1px 0; /* Prevent from cutting off thumbnails */ }
.img-box-style1 .more-images .thumbnails li a {
    margin:0 2px;
    padding:4px;
    border:1px solid #eee;
}
.img-box-style1 .more-images .thumbnails li a:hover { border-color:#999; position:relative; z-index:1; }


/* Skin 2: with shadows
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.img-box-style2 .product-image {
    padding:10px;
    box-shadow:0 3px 10px rgba(0,0,0, 0.15);
}
.img-box-style2 .zoom-btn-small { bottom:10px; right:10px; } /* Depends on product image padding */
.img-box-style2 .more-images { margin-top:10px; }
.img-box-style2 .more-images .thumbnails { padding:5px 0 10px; /* Prevent from cutting off thumbnails */ }
.img-box-style2 .more-images .thumbnails li a {
    margin:0 3px;
    padding:5px;
    box-shadow:0 1px 3px rgba(0,0,0, 0.15);
}
.img-box-style2 .more-images .thumbnails li a:hover {
    box-shadow:0 1px 3px rgba(0,0,0, 0.30);
}


/* Thumbnails carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.itemslider-thumbnails			{ max-width:237px; } /* count-3 is default */
.itemslider-thumbnails.count-1	{ max-width:79px; }
.itemslider-thumbnails.count-2	{ max-width:158px; }

/**
 * Lightbox
 */



/* ColorBox Core Style
-------------------------------------------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; }
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* ColorBox skin.
   The following styles are ordered & tabbed
   in a way that represents the nesting of the generated HTML.
-------------------------------------------------------------- */
#cboxOverlay{background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
#cboxContent{background:#fff; overflow:hidden; border:none;/*10px solid #333*/ padding:10px; }
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:40px; /*10px above buttons*/ }
#cboxTitle{position:absolute; bottom:17px; left:0; text-align:center; width:100%; color:#999999;}
#cboxCurrent{position:absolute; bottom:17px; left:80px; color:#999999;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}

#cboxPrevious,
#cboxNext { position:absolute; background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/slider-arrows.png) no-repeat #ddd; width:30px; height:30px; text-indent:-9999px; }
#cboxPrevious:hover,
#cboxNext:hover { background-color:#333; }
#cboxPrevious{bottom:10px; left:10px; background-position:-10px -10px;}
#cboxPrevious:hover{background-position:-10px -60px;}
#cboxNext{bottom:10px; left:40px; background-position:-60px -10px;}
#cboxNext:hover{background-position:-60px -60px;}

#cboxLoadingOverlay{background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/colorbox/loading.gif) no-repeat center center;}

#cboxClose{position:absolute; bottom:10px; right:10px; background:url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/close-button.png) -10px -10px no-repeat #ddd; width:30px; height:30px; text-indent:-9999px;}
#cboxClose:hover{background-position:-10px -60px; background-color:#333;}

#cboxNext,
#cboxPrevious,
#cboxClose {
    transition:			background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition:	background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition:	background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition:		background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}



.lieferzeit_gilt_fuer_de{
    margin-top:20px;
}



/* Tawk Chat %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#chatStatus{
    /*padding-left:5px;*/
}

#chatStatus a{
    background:#9cc140;
    color:#fff;
    padding:3px 8px;
    border-radius:10px;
    font-size:12px;
    font-weight:bold;
}

#chatStatus a:hover{
    background:#8aaa39;
}

#chatStatus a.online{

}


.feiertagsmeldung{
    background:#f5f5f5;
    border: 4px solid #E2C261;
    margin:12px;
    margin-bottom:0;
    padding:20px;
    font-size:15px;
}

.feiertagsmeldung > p{
    margin-bottom:10px;
}


.ds_overview{

    font-weight: bold !important;
    padding: 5px 10px !important;
    font-size: 13px !important;
    background-color: #9cc140 !important;
    color: #ffffff !important;

}

.ds_overview:hover{

    background-color: #7f9e32 !important;

}

/*
.tawkchat-iframe-container{
    z-index: auto;
}
*/


.unsubscribe{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left:85px;
    font-size: 0.9166em;
    line-height: 1.3636em; 
    color: #888;
}
/**/
.social-links{
    margin-top: 15px !important;


}
.item_social_wrapper{
    margin-top: -42px !important;
}
#subscribe-form .input-text{
    width: 290px;
}
#subscribe-form .button:hover{
    background-color: #70b6c1;
}  



/*Order-Cycle*/

.ordercycle_step_content,
.ordercycle_menu{
    background-color: #f5f5f5;


}
.ordercycle_menu{
    width: 100%;
    height: 22px;
    padding-top: 20px;
    padding-bottom: 18px;
}

.ordercycle_menu > li{  
    display:inline;
    margin-left: 24px;

}

.ordercycle_menu > li > a{
    font-family: 'PT Sans', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #70b6c1;  
    font-weight: bold;

}

.ordercycle_menu > li > a:hover{
    text-decoration:underline;
}



.ordercycle_menu_item{}

.ordercycle_step_title{
    margin-top:60px;
    margin-bottom: 12px;
    color: #70b6c1;
    margin-left:25px;
    float: left;
}

.ordercycle_step_content{
    padding:29px;
    float: left;
    min-width: 95%;
}

.ordercycle_screenshot{
    float:left;
}
.right_margin{
    margin-right: 30px;
}

.ordercycle_step_content p{
    margin-bottom: 12px;
}

.ordercycle_border{
    border-bottom: 1px solid rgb(200,200,200);
}

.how2design,
.how2design:hover{
    color:#fff;
}

.how2design span:hover{
    text-decoration: underline #fff;
}
.mehr_informationen{
    color:black; 
    font-size:12px !important;    
}

.mehr_informationen:hover{
    color: #70b6c1;
}

@media only screen and (width: 1024px)  {
    .ordercycle_menu > li {
        margin-left: 7px;
    }    

    .ordercycle_step_content{
        min-width: 94%;
    }


}

@media only screen and (max-width: 1023px)  {
    .ordercycle_menu > li {
        display: block;
    }   

    .ordercycle_menu{
        height: auto;
    }

}

@media only screen and (max-width: 768px)  {
    .ordercycle_step_content{

        min-width: auto;
        width: 92%;
    }

}

@media only screen and (max-width: 425px)  {
    .ordercycle_step_content{
        width: 85%;
    }

}

@media only screen and (max-width: 425px)  {
    .ordercycle_step_content{
        width: 80%;
    }

}




/*Tipps-Einladungen*/

.tipp-title{
    background-color: #70b6c1 !important;
    color: #ffffff;
    text-align: left;
    padding-left: 40px;
    background: url(https://ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/Info-Sign.png)no-repeat 10px center;
    font-size: 1.4em !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.tipp-block{
    background-color: #f5f5f5 !important;
    color: #333333;
    text-align: left;
    margin-top: 0px !important;

}
.tipp-block ul {
    padding-top: 10px;
    padding-bottom: 5px;
}
.tipp_li{
    font-size: 13px;
    padding: 0px 0px 10px 14px;
}
#payment_methods_list img, 
.dpost img,
.payments img{

    border: 1px solid #e5e5e5;
    /*border-radius: 5px;*/
}

.dpost img{
    margin-bottom: 5px;
}

/*
#payment_methods_list ul li{ 
    width: 100%;
        height: 62px;
}

#payment_methods_list ul li,
#payment_methods_list label{
        display: flex;
        vertical-align: middle;
        
}

#payment_methods_list img{
    float:right;
    clear:both;
    display: block;
}*/

#payment_methods_list img{
    float:right;
}

#payment_methods_list ul li{ 
    width: 100%;
    min-height: 42px;
}

#payment_methods_list li span{
    display:inline-block;
    vertical-align:middle;
    width:100%;
    line-height: 42px;
}

#payment_methods_list ul li ul li{
    line-height: 22px;
    min-height: 22px;
}

#p_method_paypal_express{
    margin-top:0px !important;
}


#payment_methods_list label:hover{
    cursor: pointer;
}


.custom-sidebar-right {
    float: right !important;
    width: 20.05% !important;
}


.product-shop {
    width: 42% !important;
}



.payments img {
    vertical-align: top;
    max-width: 100%;
    margin-bottom: 5px;
    border: 1px solid #e5e5e5;
    margin-right: -5px;
}

.payments img:nth-child(2), .payments img:nth-child(4), 
.payments img:nth-child(6), .payments img:nth-child(8),  
.payments img:nth-child(10), .payments img:nth-child(12)  {
    float:right;
}



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

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

    .payments img:nth-child(2), .payments img:nth-child(4) {
        float:left;
    }

}


@media only screen and (max-width: 760px){ 
    .sample-block.payments img{
        width: 48%;
    }
    .sample-block.payments img{
        width: auto;
    }
}

dt .required em{
    display:none;

}


.input-box textarea{

    height: 200px !important;
}


p > a, td > a, strong > a {
    color: #6fb6c1;
}

p > a:hover, td > a:hover, strong > a:hover {

    text-decoration: underline;
}

.cms-page-view .col-main a{
    text-decoration: none;
}


.cms-page-view .col-main a:hover{
    text-decoration: underline;
}
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magento.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magento.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2006-2019 Magento, Inc. (http://www.magento.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://ds.kartenmachen.de/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://ds.kartenmachen.de/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(https://ds.kartenmachen.de/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://ds.kartenmachen.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://ds.kartenmachen.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://ds.kartenmachen.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://ds.kartenmachen.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://ds.kartenmachen.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://ds.kartenmachen.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

.amazonpayments-or {
    line-height: 2.3;
    margin: 0 8px;
}


.cart .totals .checkout-types .amazonpayments-or {
    display: block;
    clear: both;
    font-size: 13px;
    line-height: 1;
    padding: 8px 55px 0 0;
    padding-top:0px;
    padding-bottom: 15px;    

}


.block-cart .actions .amazonpayments-or {
    display: block;
    clear: both;
    font-size: 11px;
    line-height: 1;
    padding: 8px 55px 8px 0;
    margin: 0;
}


.amazonpayments-or{    
        padding-bottom: 8px !important;  
}

.amazon-pay-tooltip {
    border: solid 1px #bbbbbb;
    background-color: #ffffff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 10px 15px;
    width: 300px;
    font-size: 11px;
    text-align: left;
    box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    -moz-box-shadow: 0 0 5px #888;
    -o-box-shadow: 0 0 5px #888;
    z-index: 1000;
}
.amazon-pay-tooltip img {
    float: right;
    padding: 5px 0 5px 10px;
}
.pay-with-amazon-onepage-shortcut {
    padding-bottom: 10px;
}
.pay-with-amazon-onepage-shortcut p {
    padding: 10px 0;
}
.pay-with-amazon-onepage-shortcut p img {
    display: none;
}
.payButtonWidget {
    display: inline;
}
.payButtonWidget img {
    cursor: pointer;
}
.checkout-types.bottom .payButtonWidget {
    display: block;
}
.checkout-types.bottom .amazonpayments-or {
    text-align: right;
    padding-right: 70px;
    margin: 0;
}
.checkout-types.minicart .payButtonWidget img {
    display: inline;
}
.checkout-types.minicart .amazonpayments-or {
    display: block;
}
.checkout-onepage-index .loginButtonWidget,
.checkout-onepage-index .payButtonWidget {
    margin-bottom: 15px;
    text-align: right;
}
ol.apa {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.apa .section {
    margin: 0 0 15px 0;
}
.apa .store-widget {
    clear: both;
}
.apa .amazon-widget-overlay {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
}
.apa .step-title {
    margin: 12px;
}
.apa .step-title img {
    float: left;
    height: 22px;
    margin: 0 7px 0 0;
    vertical-align: middle;
    width: 23px;
}
.apa .step-title h2 {
    color: #2f3841;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    text-transform: none;
}

.apa .section-please-wait {
    display: none;
    height: 80px;
    margin: 12px;
    background: url('https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/creativestyle/images/amazon-loading-large.gif') center center no-repeat;
}
.apa .amazon-widget.loading {
    min-height: 80px;
    background: url('https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/creativestyle/images/amazon-loading-large.gif') center center no-repeat;
}
.apa .loading .section-content {
    display: none;
}
.apa .loading .section-please-wait {
    display: block;
}
.apa .sandbox-simulation select {
    width: 25%;
}
.apa .sandbox-simulation p {
    margin: 0 0 10px;
}
.apa .buttons-set {
    line-height: 40px;
}
.apa .buttons-set.disabled button.button {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}
.amazon-login {
    padding-top: 27px;
}
.amazon-login.position-before {
    padding-top: 0 !important;
    padding-bottom: 27px;
}
.amazon-login .content {
    min-height: 100px;
}
.buttons-set button.cancel span {
    border-color:#406a83;
    background:#618499;
}
.dashboard .box-amazon-account {
    padding-bottom: 45px;
}
.dashboard .box-amazon-account .box {
    padding-top: 15px;
}
.dashboard .box-amazon-account .box .buttons {
    padding-top: 10px;
}
.dashboard .box-amazon-account .box .buttons .loginButtonWidget {
    float: right;
}
.apa .discount {
}

#opc-lpa #addressBookWidgetDiv,
#opc-lpa #walletWidgetDiv {
    display: inline-block;
    height: 300px;
    width: 49%;
}

#opc-lpa #addressBookWidgetDiv {
    margin-right: 2%;
}
#review_button, #review_button span{ 
    padding: 2.5px 0px !important;

}
.info-store{
    /*padding-right: 150px;*/
}

div.box:nth-child(2) {
    margin-left: 0px;
}

#OffAmazonPaymentsWidgets0IFrame{
    border:none;
    border-radius: 0px;
}

@media screen and (min-width: 821px){ 
    .optionen {
        margin-right: 30px !important;
        width: 300px;
        background: yellow;
    }
}


#payButtonWidgetBottom img,
.paypal_shortcut img{
    width: 155px;
}

.expr_methods{
    margin-top: 20px;
}
.expr_methods li {
    display: inline;
    margin-right: 20px;

}
.isCustomerLoggedIn,.isCustomerLoggedOut{
    margin-top: 0px;  
}

.payButtonWidget img{
    margin-top: 5px;
}
#directcheckout-wrapper > ul > li:nth-child(5) > img{
    margin-top: -5px;
}


.isCustomerLoggedIn{
    padding: 10px 0px;
}
#addressBookWidgetDiv,
#walletWidgetDiv {
    width: 100%;
    height: 100%;
}
.apa .amazon-widget {
    display: block;
    height: 300px;
    clear: none;
}
.apa .section {
    display: block;
    clear: none;
}
/**
 * Brands
 */



/* On product page
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.box-brand a {
	margin:0 auto;
	display:block;
}

.box-brand img {
	margin:0 auto;
	display:block;
}
.box-brand .brand-name {}
.box-brand .brand-name .label {}


/* Brand slider
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.brand-slider .slides > li {
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
}


/* Brand in secondary column on product page
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-secondary-column .box-brand .attribute {
	font-size:1.25em;
	font-weight:bold;
	line-height:1.2em;
	margin:10px 0;
	text-align:center;
}
/**
 * Slideshow
 */



/* Necessary styles
-------------------------------------------------------------- */
.the-slideshow {margin: 0; padding: 0;}
.the-slideshow .slides > li {display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.the-slideshow .slides img {max-width: 100%; display: block;}
.pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.the-slideshow .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .the-slideshow .slides {display: block;}
* html .the-slideshow .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .the-slideshow .slides > li:first-child {display: block;}

/* Default style
-------------------------------------------------------------- */
.the-slideshow { margin:0 auto 2%; position:relative; zoom:1; }
.the-slideshow .slides { zoom:1; }
.the-slideshow .slides > li {
	position:relative;
}

/* Slideshow banners
-------------------------------------------------------------- */
.slideshow-banners { margin-bottom:2.1%; /* Important: a little bit more than slideshow bottom margin to avoid jumping on slide transition */ }
.slideshow-banners .banner { position:relative; /* Container for caption */ }
.slideshow-banners a.banner, /* Backward compatibility, link could have "banner" class */
.slideshow-banners .banner a { display:block; }

/* Effects
-------------------------------------------------------------- */
.the-slideshow-wrapper .fade-on-slideshow-hover {
	transition:			opacity 300ms ease-in-out;
	-moz-transition:	opacity 300ms ease-in-out;
	-webkit-transition:	opacity 300ms ease-in-out;
	-o-transition:		opacity 300ms ease-in-out;
}
.the-slideshow-wrapper:hover .fade-on-slideshow-hover {
	opacity:0.75;
	filter:alpha(opacity=75);
}

/**
 * Generic interface elements
 */



/* Simple directional arrows
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.gen-direction-arrows1 a.previous,
.gen-direction-arrows1 a.next {
	display:block;
	width:30px;
	height:30px;
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/_shared/slider-arrows.png);
	background-repeat:no-repeat;
	background-color:#e5e5e5;
	transition:			background-color 0ms ease-in-out, background-position 0ms ease-in-out;
	-moz-transition:	background-color 0ms ease-in-out, background-position 0ms ease-in-out;
	-webkit-transition:	background-color 0ms ease-in-out, background-position 0ms ease-in-out;
	-o-transition:		background-color 0ms ease-in-out, background-position 0ms ease-in-out;
}

.gen-direction-arrows1 a.previous { background-position:-10px -10px; }
.gen-direction-arrows1 a.previous:hover { background-position:-10px -60px; background-color:#333; }

.gen-direction-arrows1 a.next { background-position:-60px -10px; }
.gen-direction-arrows1 a.next:hover { background-position:-60px -60px; background-color:#333; }


/* Generic arrows 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Default style: small, outside the slider
-------------------------------------------------------------- */
.gen-slider-arrows1 .direction-nav li { float:left; }
.gen-slider-arrows1 .direction-nav a {
	display:block;
	width:30px;
	height:30px;
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/_shared/slider-arrows.png);
	background-repeat:no-repeat;
	background-color:#e5e5e5;
	cursor:pointer;
	text-decoration:none;
	text-indent:-999px;
	overflow:hidden;
	transition:			opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-moz-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-webkit-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-o-transition:		opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

.gen-slider-arrows1 .direction-nav a:hover { background-color:#333; }
.gen-slider-arrows1 .direction-nav a.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; }
.gen-slider-arrows1 .direction-nav a.disabled:hover { background-color:#e5e5e5; /* Must be the same as default color */ }

.gen-slider-arrows1 .direction-nav .prev { background-position:-10px -10px; margin-right:1px; }
.gen-slider-arrows1 .direction-nav .prev:hover { background-position:-10px -60px; }
.gen-slider-arrows1 .direction-nav .prev.disabled:hover { background-position:-10px -10px; /* Same as default */ }

.gen-slider-arrows1 .direction-nav .next { background-position:-60px -10px; }
.gen-slider-arrows1 .direction-nav .next:hover { background-position:-60px -60px; }
.gen-slider-arrows1 .direction-nav .next.disabled:hover { background-position:-60px -10px; /* Same as default */ }

/* Positioning:
-------------------------------------------------------------- */
.gen-slider-arrows1-pos-top-right .direction-nav { position:absolute; top:-40px; right:0px; }
.gen-slider-arrows1-pos-top-left .direction-nav { position:absolute; top:-40px; left:0px; }


/* Generic arrows 2
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Default style: large, on slider, split
-------------------------------------------------------------- */
.gen-slider-arrows2 .direction-nav { height:0; }
.gen-slider-arrows2 .direction-nav a {
	position:absolute;
	display:block;
	width:50px;
	height:50px;
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/_shared/slider-arrows.png);
	background-repeat:no-repeat;
	background-color:#fff;
	cursor:pointer;
	text-decoration:none;
	text-indent:-999px;
	overflow:hidden;
	transition:			opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-moz-transition:	opacity   0ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-webkit-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-o-transition:		opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	/* Fix: opacity transition disabled for Firefox to prevent possible glitches during animation */
	
	opacity:0;
	filter:alpha(opacity=0);
}
.gen-slider-arrows2:hover .direction-nav a { opacity:1; filter:alpha(opacity=100); }
.gen-slider-arrows2:hover .direction-nav a.disabled { opacity:0.4; filter:alpha(opacity=40); }

.gen-slider-arrows2 .direction-nav a:hover { background-color:#333; }
.gen-slider-arrows2 .direction-nav a.disabled { cursor:default; }
.gen-slider-arrows2 .direction-nav a.disabled:hover { background-color:#fff; /* Must be the same as default color */ }

.gen-slider-arrows2 .direction-nav .prev { background-position:0 0; left:1.5%; top:45%; }
.gen-slider-arrows2 .direction-nav .prev:hover { background-position:0 -50px; }
.gen-slider-arrows2 .direction-nav .prev.disabled:hover { background-position:0 0; }

.gen-slider-arrows2 .direction-nav .next { background-position:-50px 0; right:1.5%; top:45%; }
.gen-slider-arrows2 .direction-nav .next:hover { background-position:-50px -50px; }
.gen-slider-arrows2 .direction-nav .next.disabled:hover { background-position:-50px 0; /* Same as default */ }

/* Style: only background image
-------------------------------------------------------------- */
.gen-slider-arrows2-style1 .direction-nav a {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/_shared/slideshow-arrows-solid.png);
	background-color:transparent !important;
}


/* Generic arrows 3
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Default style: at the left and the right side of the slider
-------------------------------------------------------------- */
.gen-slider-arrows3 .direction-nav a {
	position:absolute;
	display:block;
	width:30px;
	height:30px;
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/_shared/slider-arrows.png);
	background-repeat:no-repeat;
	background-color:#fff;
	cursor:pointer;
	text-decoration:none;
	text-indent:-999px;
	overflow:hidden;
	transition:			opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-moz-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-webkit-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-o-transition:		opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

.gen-slider-arrows3 .direction-nav a:hover { background-color:#333; }
.gen-slider-arrows3 .direction-nav a.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; }
.gen-slider-arrows3 .direction-nav a.disabled:hover { background-color:#fff; /* Must be the same as default color */ }

.gen-slider-arrows3 .direction-nav .prev { background-position:-10px -10px; top:22px; left:-32px; }
.gen-slider-arrows3 .direction-nav .prev:hover { background-position:-10px -60px; }
.gen-slider-arrows3 .direction-nav .prev.disabled:hover { background-position:-10px -10px; /* Same as default */ }

.gen-slider-arrows3 .direction-nav .next { background-position:-60px -10px; top:22px; right:-32px; }
.gen-slider-arrows3 .direction-nav .next:hover { background-position:-60px -60px; }
.gen-slider-arrows3 .direction-nav .next.disabled:hover { background-position:-60px -10px; /* Same as default */ }

/* Style: long (high) buttons
-------------------------------------------------------------- */
.gen-slider-arrows3-style1 .direction-nav a { height:75px; }
.gen-slider-arrows3-style1 .direction-nav .prev { background-position:-10px 13px; top:0; left:-32px; }
.gen-slider-arrows3-style1 .direction-nav .prev:hover { background-position:-10px -37px; }
.gen-slider-arrows3-style1 .direction-nav .prev.disabled:hover { background-position:-10px 13px; /* Same as default */ }

.gen-slider-arrows3-style1 .direction-nav .next { background-position:-60px 13px; top:0; right:-32px; }
.gen-slider-arrows3-style1 .direction-nav .next:hover { background-position:-60px -37px; }
.gen-slider-arrows3-style1 .direction-nav .next.disabled:hover { background-position:-60px 13px; /* Same as default */ }


/* Generic pager
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Default style:
-------------------------------------------------------------- */
.gen-slider-pager1 .control-nav { text-align:center; }
.gen-slider-pager1 .control-nav li { float:left; margin-left:3px; }
.gen-slider-pager1 .control-nav li:first-child { margin-left:0; }

.gen-slider-pager1 .control-nav a {
	display:block;
	width:20px;
	height:20px;
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/_shared/pager.png);
	background-repeat:no-repeat;
	background-color:transparent;
	cursor:pointer;
	text-decoration:none;
	text-indent:-999px;
	overflow:hidden;
}
.gen-slider-pager1 .control-nav a:hover { background-position:0 -60px; }
.gen-slider-pager1 .control-nav a.active { background-position:0 -30px; cursor:default; }
.gen-slider-pager1 .control-nav a.active:hover {}

/* Style: small
-------------------------------------------------------------- */
.gen-slider-pager1-style1 .control-nav li { margin-left:0; }
.gen-slider-pager1-style1 .control-nav a { background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/_shared/pager-small.png); }


/* Positioning:
-------------------------------------------------------------- */
.gen-slider-pager1-pos-bottom-right .control-nav { position:absolute; bottom:4.4526%; right:1.5%; }
.gen-slider-pager1-pos-bottom-left .control-nav { position:absolute; bottom:4.4526%; left:1.5%; }

/* Additional pager positioning for slider-arrows1 */
.gen-slider-arrows1-pos-top-right-pager .control-nav { position:absolute; top:-33px; right:71px; }

/**
 * Itemgrid
 */



.itemgrid .item {
	float:left;
	padding-left:1%;
	padding-right:1%;
}


/* Itemgrid: different numbers of columns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Clear every first item in each row (row: group of n items) */

/* Item grid: 1 column */
.itemgrid-1col .item { width:98%; }

/* Item grid: 2 columns */
.itemgrid-2col .item { width:48%; }
.itemgrid-2col .item:nth-child(2n+1) { clear:left; }

/* Item grid: 3 columns */
.itemgrid-3col .item { width:31.3333%; }
.itemgrid-3col .item:nth-child(3n+1) { clear:left; }

/* Item grid: 4 columns */
.itemgrid-4col .item { width:23%; }
.itemgrid-4col .item:nth-child(4n+1) { clear:left; }
.itemgrid-4col .item.dop { width:48%; }

/* Item grid: 5 columns */
.itemgrid-5col .item { width:18%; }
.itemgrid-5col .item:nth-child(5n+1) { clear:left; }

/* Item grid: 6 columns */
.itemgrid-6col .item { width:14.6666%; }
.itemgrid-6col .item:nth-child(6n+1) { clear:left; }

/* Item grid: 7 columns */
.itemgrid-7col .item { width:12.2857%; }
.itemgrid-7col .item:nth-child(7n+1) { clear:left; }

/* Item grid: 8 columns */
.itemgrid-8col .item { width:10.5%; }
.itemgrid-8col .item:nth-child(8n+1) { clear:left; }

/*
 * Accordions and collapsible blocks
 */



/* Accordion  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.accordion {
	padding:0;
	margin:0;
	list-style-type:none;
}
.accordion ul {
	float:left;
	display:block;
	width:100%;
	padding:0;
	margin:0;
}
.accordion li {
	float:left;
	display:block;
	width:100% !important;
	padding:0 !important;
	margin:0;
	list-style-type:none;
	cursor:pointer;
	position:relative;
}

.accordion li.active {}
.accordion li.current {}
.accordion li a {
	display:block;
	padding:15px 10px;
	font-size: 1.1666em; /*14px*/
	line-height: 1.2857em; /*18px*/
}
.accordion li li a { padding-left:20px; }
.accordion li li li a { padding-left:40px; }
.accordion li li li li a { padding-left:60px; }

/* Space for openner if item has children.
   Space has to be a few pixels wider than openner */
.accordion li.parent > a { padding-right:54px; }

/* Opener
-------------------------------------------------------------- */
.accordion .opener {
	position:absolute;
	right:0;
	top:0;
	display:block;
	cursor:pointer;
	
	width:49px;
	height:49px;
	background: url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener.png) center center no-repeat;
}
.accordion .opener:hover {
	background-color:rgba(0,0,0, 0.05);
}

/* Active */
.accordion li.active > .opener {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-active.png);
}


/* Accordion - Style 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Padding
-------------------------------------------------------------- */
.accordion-style1 li a { padding:5px 10px; }
.accordion-style1 li li a { padding-left:20px; }
.accordion-style1 li li li a { padding-left:35px; }
.accordion-style1 li li li li a { padding-left:50px; }

/* Space for openner if item has children.
   Space has to be a few pixels wider than openner */
.accordion-style1 li.parent > a { padding-right:33px; }

/* Misc
-------------------------------------------------------------- */
.accordion-style1 li a {
	border-bottom-color:#eee;
	border-bottom:1px solid rgba(0,0,0,0.06);
	font-size:1em; /*12px*/
	line-height:1.5em; /*18px*/
}
.accordion-style1 li a:hover {
	background-color:rgba(0,0,0, 0.03);
}

/* Opener
-------------------------------------------------------------- */
.accordion-style1 .opener {
	width:28px;
	height:28px;
	/*background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-small.png);*/
	background-color:rgba(0,0,0, 0.03);
}
.accordion-style1 .opener:hover {
	background-color:rgba(0,0,0, 0.10);
	background-image: url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-w.png);
}

/* Active */
/*.accordion-style1 li.active > .opener {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-small-active.png);
}*/
.accordion-style1 li.active > .opener:hover {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-active-w.png);
}



/* Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.collapsible { position:relative; }
.collapsible .block-title {
	padding-top:8px;
	padding-right:35px; /* Space for opener */
	padding-bottom:8px;
	border-bottom:1px solid #f2f2f2;
	border-color:rgba(0,0,0, 0.05);
	margin-bottom:0.625em; /*10px*/
	
	font-size:1.3333em; /*16px*/
	line-height:1.25em; /*20px*/
	font-weight:normal;
}

.collapsible .block-content,
.collapsible .block-content > * {
	margin-top:0; /* Prevent animation jumping */
}

/* Opener
-------------------------------------------------------------- */
.collapsible .opener {
	position:absolute;
	right:0;
	top:2px;
	display:block;
	cursor:pointer;
	
	width:30px;
	height:30px;
	background-color:#f2f2f2; /*IE*/
	background-color:rgba(0,0,0, 0.05);
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener.png);
	background-position:center center;
	background-repeat:no-repeat;
	/*border-radius:50%;*/
}
.collapsible .opener:hover {
	background-color:#e5e5e5; /*IE*/
	background-color:rgba(0,0,0, 0.1);
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-w.png);
}
.collapsible.active .opener {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-active.png);
}
.collapsible.active .opener:hover {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-active-w.png);
}

/* Mobile accordion
-------------------------------------------------------------- */
.mobile-collapsible {}

/*
 * Navigation menu
 */



/* Sidebar menu (vertical, for sidebars)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.vertnav-side {
	float:left;
	width:100%;
}


/* Mobile menu (vertical, in the header)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Mobile menu trigger. Shares style with the 1st level links from the default menu
-------------------------------------------------------------- */
#mobnav { display:none; }
#mobnav-trigger {
	display:block;
	padding:0 15px;
}

/* Mobile menu icon */
#mobnav-trigger .trigger-icon {
	display:block;
	float:left;
	width:23px;
	padding-top:18px;
	margin:0 8px 0 0;
}
#mobnav-trigger .trigger-icon .line {
	display:block;
	background-color:#fff;
	height:3px;
	margin-bottom:2px;
}

/* Mobile menu elements
-------------------------------------------------------------- */
.nav-container .vertnav-top { /* Added wrapper-class to make selector more specific and prevent overriding */
	display:none;
	margin-top:0 !important;
        margin-left: 0px;
}
.vertnav-top.mobile {
	display:block; /* Visible even when collapsed (to show bottom border) */
	
	overflow:hidden;
	height:auto;
	max-height:0px;
	transition:			max-height 500ms ease-in-out 0s;
	-moz-transition:	max-height 500ms ease-in-out 0s;
	-webkit-transition:	max-height 500ms ease-in-out 0s;
	-o-transition:		max-height 500ms ease-in-out 0s;
}
.vertnav-top.mobile.show {
	max-height:9999px;
	transition:			max-height 500ms ease-in-out 0s;
	-moz-transition:	max-height 500ms ease-in-out 0s;
	-webkit-transition:	max-height 500ms ease-in-out 0s;
	-o-transition:		max-height 500ms ease-in-out 0s;
}

.vertnav-top li a {
	font-size:16px; /*1.3333em*/
	line-height:18px; /*1.125em*/
}
/* 3rd-level items - smaller font, no transform */
.vertnav-top li li li a {
	font-size:1.1666em; /*16px*/
	text-transform:none;
}

/* Drop-down menu (horizontal)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#nav {
	position:relative; /* Drop-down box position is relative to this element */
	z-index:2000;
}
#nav.mobile { display:none; } /* Hide on mobile */
#nav .opener { display:none; }

/* All levels
-------------------------------------------------------------- */
#nav li { text-align:left; }
#nav li a { display:block; text-decoration:none; }
#nav li a span { display:block; white-space:nowrap; }
#nav li ul a span { white-space:normal; }

/* 1st level only
-------------------------------------------------------------- */
#nav > li { float:left; }
#nav > li.last { padding-right:0; }
#nav > li > a { display:block; padding:0 12px; -webkit-tap-highlight-color: transparent; }
#nav > li > a > span { display: inline-block; }

/* Drop-down boxes:
	wide:    2nd-level category drop-down box + custom block drop-down box
	classic: custom block drop-down box
-------------------------------------------------------------- */
#nav .level0-wrapper {
	position:absolute;	
	left:-10000px;
	background-color:#fff;
	width:96%;
	padding:2%;
	-webkit-transform: translateZ(0); /* Fix: possible glitches during animation */
}

/*#nav .level0-wrapper {
	position:absolute;	
	top:49px;
	background-color:#fff;
	width:96%;
	padding:2%;

	left:0;
	visibility:hidden;
	opacity:0;
	transition:			visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms;
	-moz-transition:	visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms;
	-webkit-transition:	visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms;
	-o-transition:		visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms;
}
#nav > li:hover .level0-wrapper {
	visibility:visible;
	opacity:1;
	transition-delay:150ms;
	-moz-transition-delay:150ms;
	-webkit-transition-delay:150ms;
	-o-transition-delay:150ms;
}*/


/* Home link
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* item with "feature" class */
#nav a.level-top.feature { margin:0; /* Remove default margins */ }

/* Icon inside item */
#nav li a.level-top .icon {
	padding: 3px;
	margin: 0;
	float: none;
	display: inline-block;
	vertical-align: middle;
	background-color:transparent !important; /* Remove default colors */
}
#nav li:hover a.level-top .icon { padding: 3px; }

	/* Single icon as home link
	-------------------------------------------------------------- */
	#nav #homelink-icon { margin-left: 12px; /* The same as side padding of top-level items */ }
	#nav #homelink-icon a.level-top {
		padding-left: 5px;
		padding-right: 5px;
		background: none !important; box-shadow: none !important; border: none !important;
	}


/* Additional elements in the drop-down menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Static blocks displayed as a drop-down in the main menu
-------------------------------------------------------------- */
/* Custom menu item */
#nav .nav-custom-link > a { cursor:default; }

/* Remove 'relative' positioning from custom 'li' (custom block have to be positioned relative to #nav) */
#nav .nav-custom-link { position:static; }
	
/* Static block's content - basic formatting */
#nav .nav-custom-link .header-nav-dropdown-wrapper { padding-bottom:10px; }
#nav .nav-custom-link .header-nav-dropdown-wrapper p { margin:10px 0; }
#nav .nav-custom-link .header-nav-dropdown-wrapper .heading { margin:10px 0; }

/* Caret
-------------------------------------------------------------- */
#nav a.level-top .caret {
	display:inline-block;
	width:0;
	height:0;
	margin-bottom:2px;
	margin-left: 2px;
	vertical-align:middle;
	content:"";
	border-style:solid solid none;
	border-width:4px 4px 0;
	border-color:#333 transparent transparent;
}

/* Number of products in category
-------------------------------------------------------------- */
/* Sidebar menu */
.vertnav .number {
	margin-left: 3px;
	color: #aaa;
}
/* Main menu */
#nav .number {
	display: inline;
	margin-left: 3px;
}
#nav ul li .number {
	color: #aaa;
}


/* Category labels
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cat-label {
	padding:2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
	text-transform:none;
	text-shadow:none;
	
	transition:			color 450ms ease-in-out, background-color 450ms ease-in-out;
	-moz-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-webkit-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-o-transition:		color 450ms ease-in-out, background-color 450ms ease-in-out;
}
li > a:hover > span > .cat-label {
	transition-duration:			100ms;
	-moz-transition-duration:		100ms;
	-webkit-transition-duration:	100ms;
	-o-transition-duration:			100ms;
}

/* 1st level
-------------------------------------------------------------- */
li.level0 > a > span { position:relative; }
li.level0 > a > span > .cat-label {
	position:absolute;
	top:-14px;
	right:0;
	padding:0 6px;
	
	font-size:14px;
	line-height:22px;
}

/* Add pin (only 1st level) */
li.level0 > a > span > .pin-bottom:before {
	position:absolute;
	right:6px;
	top:22px;
	width:0;
	height:0;
	content:"";
	border-style:solid;
	border-width:4px;
	border-color:transparent;

	transition:			border-color 450ms ease-in-out;
	-moz-transition:	border-color 450ms ease-in-out;
	-webkit-transition:	border-color 450ms ease-in-out;
	-o-transition:		border-color 450ms ease-in-out;
}
li.level0 > a:hover > span > .pin-bottom:before {
	transition-duration:			100ms;
	-moz-transition-duration:		100ms;
	-webkit-transition-duration:	100ms;
	-o-transition-duration:			100ms;
}

/* 2nd level
-------------------------------------------------------------- */
li.level1 > a > span > .cat-label {
	display:inline-block !important;
	padding:0 4px;
	margin-left:2px;
    vertical-align:middle;
}

/* 3rd level
-------------------------------------------------------------- */
li.level2 > a > span > .cat-label {
	display:inline-block !important;
	padding:0 4px;
	margin-left:2px;
}

/* Category labels inside mobile menu / vertical menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
ul.vertnav li > a > span > .cat-label {
	position:static;
	display:inline-block !important;
	padding:0 4px;
	margin-left:2px;
}

/* Hide pin */
ul.vertnav li > a > span > .pin-bottom:before {
	display:none;
}

/* Label size: all levels
-------------------------------------------------------------- */
ul.vertnav li > a > span > .cat-label {
	font-size:inherit;
	line-height:inherit;
}
ul.vertnav-top li > a > span > .cat-label {
	font-size:14px;
	line-height:18px;
}


/* Category blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-block { margin-top:0; margin-bottom:1%; }
.nav-block-top {}
.nav-block-bottom {}
.nav-block-center { margin-top:10px; }
.nav-block-right { margin-top:10px; }

.nav-block-level1-top { margin-bottom:10px; }
.nav-block-level1-bottom { margin-top:10px; }

/* Section line (separator) is lighter than other lines
-------------------------------------------------------------- */
.nav-block .section-line { border-color:#eee; }


/* Common styles for main menu (horizontal + mobile vertical + mobile menu trigger)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* horizontal + mobile menu trigger */
#mobnav-trigger,
#nav > li > a { font-size:16px; /*1.3333em*/ }


/* Size, height etc.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Mobile menu trigger
-------------------------------------------------------------- */
#mobnav-trigger {
	line-height:49px;
}

/* Main menu - horizontal
-------------------------------------------------------------- */
/* Top-level item */
#nav > li > a
{
	line-height:49px;
}

/* Drop-down box position relative to menu bar */
#nav .level0-wrapper,
#nav.classic ul.level0 /* For classic style menu */
{
	top:100%;
}

/**
 * Classic drop-down menu
 */



/* All levels
-------------------------------------------------------------- */
/* Drop-down box's position is relative to this element. */
#nav li { position:relative; float:left; }
#nav li a { /*float:left;*/ }

/* 2nd Level+
-------------------------------------------------------------- */
/* All category drop-down boxes */
#nav ul {
	position:absolute; 
	left:-10000px;
	background-color:#fff;
	width:20em;
	padding:20px;
	border:0;
	-webkit-transform: translateZ(0); /* Fix: possible glitches during animation */
}
/* Custom block drop-down box. Override default style to show custom block in the classic menu. */
#nav .level0-wrapper {
	display:block;
	left:-10000px;
}

#nav div ul { position:static; width:auto; border:none; }
#nav ul li { display:block; float:none; }
#nav ul li.parent > a { background:none; }
#nav ul li a { padding:2px 10px 2px 0; float:none; }


#nav ul.level0 > li{
	margin-bottom:10px;
}
#nav ul.level0 > li > a{
	font-size:1.3333em;
	line-height:1.25em;
}

#nav ul.level0 ul{
	position:relative;
	left:0px;
	opacity:1;
	padding:0;
	margin-left:10px;
	margin-bottom:5px;
	-moz-box-shadow:0 0px 0px rgba(0,0,0, 0.15) !important;
	-webkit-box-shadow:0 0px 0px rgba(0,0,0, 0.15) !important;
	box-shadow:0 0px 0px rgba(0,0,0, 0.15) !important;
}

/* 3rd level+
-------------------------------------------------------------- */
/* Align with the parent item */
#nav ul ul { top:0; }

/* Show drop-down boxes
-------------------------------------------------------------- */
/* All category drop-down boxes + custom block drop-down box */
#nav ul,
#nav .level0-wrapper {
	opacity:0;
	-moz-transition:	opacity 0ms ease-in-out 0ms;
	-webkit-transition:	opacity 0ms ease-in-out 0ms;
	-o-transition:		opacity 0ms ease-in-out 0ms;
	transition:			opacity 0ms ease-in-out 0ms;
}
/* Lower category (3rd level+) drop-down boxes  */
#nav ul ul {
	-moz-transition:	opacity 0ms ease-in-out 0ms;
	-webkit-transition:	opacity 0ms ease-in-out 0ms;
	-o-transition:		opacity 0ms ease-in-out 0ms;
	transition:			opacity 0ms ease-in-out 0ms;
}
/* All submenus when visible */
#nav .shown-sub {
	opacity:1;
	left:0;
	z-index:2000 !important;
}
#nav .shown-sub ul.shown-sub { left:0px; }

.blogfeed_wrapper{
    width: 230px;
    padding-bottom: 10px;
    /*min-height: 180px;*/
}

.blogfeed_wrapper fieldset{
    padding-left: 0px;
    
}

.blogfeed_wrapper ul li {

font-weight: 600;
font-size: 14px;
line-height: 1.3;
padding-bottom: .6em;
margin-bottom: .6em;
border-bottom: 1px solid #eee;
color: #6fb6c1 !important;
}



@media only screen and (max-width: 880px){ 
    .blogfeed_wrapper{
        width: 100%;

    }
}

/*
#blog_items a{ 
    color: #6fb6c1;
}

#blog_items a:hover{
    
    color: #333;
    
}

*/
/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * To override or extend default CSS styles use custom.css file (refer to the user guide for details).
 * 2014-02-03 23:51:16 */























/* Desktop, laptop - design for a width of 1280px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 1280px <= width */

@media only screen and (min-width: 1280px)  {
	
	/* Header
	-------------------------------------------------------------- */
	.header .logo { max-width:350px; }
	
	/* Cart
	-------------------------------------------------------------- */
	.cart-table .product-image { max-width:110px; }
	
	/* Product page
	-------------------------------------------------------------- */
	.product-view .sticker { width:80px; height:80px; }
	
	/* Misc
	-------------------------------------------------------------- */
	/* Mini cart */
	.after-mini-cart { clear:none; }
	
	/* Item grid
	-------------------------------------------------------------- */
	/* Item grid: 2 columns */
	.itemgrid-adaptive.itemgrid-2col .item { width:31.3333%; clear:none !important; }
	.itemgrid-adaptive.itemgrid-2col .item:nth-child(3n+1) { clear:left !important; }
	
	/* Item grid: 3 columns */
	.itemgrid-adaptive.itemgrid-3col .item { width:23%; clear:none !important; }
	.itemgrid-adaptive.itemgrid-3col .item:nth-child(4n+1) { clear:left !important; }
	
	/* Item grid: 4 columns */
	.itemgrid-adaptive.itemgrid-4col .item { width:18%; clear:none !important; }
	.itemgrid-adaptive.itemgrid-4col .item:nth-child(5n+1) { clear:left !important; }
	
	/* Item grid: 5 columns */
	.itemgrid-adaptive.itemgrid-5col .item { width:14.6666%; clear:none !important; }
	.itemgrid-adaptive.itemgrid-5col .item:nth-child(6n+1) { clear:left !important; }
	
	/* Item grid: 6 columns */
	.itemgrid-adaptive.itemgrid-6col .item { width:12.2857%; clear:none !important; }
	.itemgrid-adaptive.itemgrid-6col .item:nth-child(7n+1) { clear:left !important; }
	
	/* Item grid: 7 columns */
	.itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; }
	.itemgrid-adaptive.itemgrid-7col .item:nth-child(8n+1) { clear:left !important; }
	
	/* Cloud zoom
	-------------------------------------------------------------- */
	.itemslider-thumbnails.count-4,
	.itemslider-thumbnails.count-5,
	.itemslider-thumbnails.count-multi { max-width:316px; } /*4*/
	
	/* Direction navigation */
	.itemslider-thumbnails.count-4 .direction-nav { display:none; }
	
	/* Slideshow caption
	-------------------------------------------------------------- */
	.caption .heading { font-size:3.3em; }
	.caption p { font-size:1.6666em; }

}






/* Design for a width of 960-1280 px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 960px <= width < 1280px */
@media only screen and (min-width: 960px) and (max-width: 1279px) {

	/* Cart
	-------------------------------------------------------------- */
	.cart-table .product-image { max-width:80px; }
	
	/* Product page
	-------------------------------------------------------------- */
	.product-view .sticker { width:80px; height:80px; }
}





/* Mobile, small old desktop - design for a width of less than 960px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 960px */
@media only screen and (max-width: 959px) {

	/* Products grid: override size of elements (values like size-s)
	-------------------------------------------------------------- */
	/* Product labels */
	.products-grid .sticker { width:45px; height:45px; font-size:1em; }
	.products-grid .item:hover .sticker { width:50px; height:50px; }

	/* Misc
	-------------------------------------------------------------- */
	/* Scroll to top button */
	#scroll-to-top { display:none !important; }
	
	/* Hide Sign Up link in Top Links */
	#link-sign-up { display:none; }

	/* Hide amount. Note: has to be defined after aligning ".amount" center */
	.toolbar .sorter .amount { display:none !important; }
}



/* Tablet (Portrait) - design for a width of 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 768px <= width < 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	/* Default Magento classes
	-------------------------------------------------------------- */
	.nobr { white-space:normal !important; }
	
	/* Cart
	-------------------------------------------------------------- */
	.cart-table .product-name { font-size:1em; font-family: inherit; }
	.cart-table .product-image { max-width:80px; }
	
	/* Product page
	-------------------------------------------------------------- */
	/* Related - simple */
	.block-related-thumbnails .product-details {
		margin-left:0;
		margin-bottom:10px;
		clear:left;
	}
	
	/* Cloud zoom
	-------------------------------------------------------------- */
	/* Shrink the slider if to many thumbnails */
	.itemslider-thumbnails.count-3,
	.itemslider-thumbnails.count-4,
	.itemslider-thumbnails.count-5,
	.itemslider-thumbnails.count-multi { max-width:158px !important; } /*2*/
	
	/* Direction navigation */
	.itemslider-thumbnails.count-3 .direction-nav,
	.itemslider-thumbnails.count-4 .direction-nav,
	.itemslider-thumbnails.count-5 .direction-nav,
	.itemslider-thumbnails.count-multi .direction-nav { display:block; }
	
	/* Slideshow caption
	-------------------------------------------------------------- */
	.caption .heading { font-size:2.0833em; }
	.caption p { font-size:1.1666em; }
	.caption button.button span span {
		height: 35px;
		line-height: 35px;
		padding: 0 15px;
	}

}


/* All desktop - design for a width of 768px and wider
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 768px <= width */
@media only screen and (min-width: 768px) {
	
	/* Mobile accordion
	-------------------------------------------------------------- */
	.mobile-collapsible .block-content { display:block !important; } /* Always show when not on mobile */
	.mobile-collapsible .opener { display:none !important; } /* Always hide when not on mobile */
	.mobile-collapsible .block-title { border-bottom:none; }
}


/* All mobile - design for a width of less than 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 768px */
@media only screen and (max-width: 767px) {
	
	/* Grid and basic layout
	-------------------------------------------------------------- */
	
		/* Margin for basic Magento columns */
		.col-main,
		.col-left,
		.col-right
		{
			margin-bottom:30px;
		}
		
		/* Product view:
		   margin for all grid units */
		.product-view .grid12-1,
		.product-view .grid12-2,
		.product-view .grid12-3,
		.product-view .grid12-4,
		.product-view .grid12-5,
		.product-view .grid12-6,
		.product-view .grid12-7,
		.product-view .grid12-8,
		.product-view .grid12-9,
		.product-view .grid12-10,
		.product-view .grid12-11,
		
		/* deprecated */
		.product-view .grid4-1,
		.product-view .grid4-2,
		.product-view .grid4-3,
		.product-view .grid2-1
		/* end:deprecated */
		{
			margin-bottom:30px;
		}

		/* Remove additional margin for main sidebars */
		.col-left > * { margin-right: 0; }
		.col-right > * { margin-left: 0; }
	
	/* Magento utility classes
	-------------------------------------------------------------- */
	.nobr { white-space:normal !important; }
	
	/* Forms
	-------------------------------------------------------------- */
	.form-list .field,
	.form-list input.input-text,
	.form-list textarea,
	.form-list select,
	.form-list li.wide .input-box,
	.form-list li.wide input.input-text,
	.form-list li.wide textarea,
	.form-list li.wide select { max-width:100%; }
	
	/* Tables
	-------------------------------------------------------------- */
	.data-table thead .nobr { white-space:normal !important; }
	.data-table th,
	.data-table td { padding:5px; }
	
	/* Data tables formatting
	-------------------------------------------------------------- */
	
		/* Basic formatting */
			.cart .data-table thead,
			.my-wishlist .data-table thead,
			.my-account .data-table thead,
			.order-review .data-table thead { display:none; }
			
			.cart .data-table tbody,
			.my-wishlist .data-table tbody,
			.my-account .data-table tbody,
			.order-review .data-table tbody { background:transparent !important; }
			
			.cart .data-table tr,
			.cart .data-table td,
			.my-wishlist .data-table tr,
			.my-wishlist .data-table td,
			.my-account .data-table tr,
			.my-account .data-table td,
			.order-review .data-table tr,
			.order-review .data-table td { border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; }
			
			.cart .data-table tr,
			.my-wishlist .data-table tr,
			.my-account .data-table tr,
			.order-review .data-table tr { border-bottom:1px solid #e5e5e5 !important; margin-bottom:20px; }
			
		/* Highlight first cell in table footer */
			.my-account .data-table tfoot tr td:first-child,
			.order-review .data-table tfoot tr td:first-child { font-weight:bold; }
	
		/* Show cell label */
			.data-table .cell-label {
				display:inline-block;
				width:30%;
				min-width:100px;
				max-width:140px;
				margin-right:10px;
				font-weight:bold;
			}
	
	/* Header
	-------------------------------------------------------------- */

		/* Global notices */
		.global-site-notice .notice-inner { background:none; padding:10px 0; text-align:center; }
		.global-site-notice .notice-inner p { width:100%; padding:0 0 10px; }
		.global-site-notice .notice-inner .actions { padding-bottom:5px; }
		
		/* Logo
		-------------------------------------------------------------- */
		.header .logo-wrapper { text-align:center; }
		.header .logo { width:70%; margin-left:auto; margin-right:auto; }
		
		/* Quick search
		-------------------------------------------------------------- */

			/* Search: mobile (search bar layout for narrow screens)
			-------------------------------------------------------------- */
			.search-wrapper-mobile {
				display: block; /* To override possible inline styles */
				clear: both;
				width: 100%;
				margin: 10px 0;
				/*float: none;*/
			}
			.search-wrapper-mobile .form-search {
				width: 100%;
				max-width: 300px;
				margin-left: auto;
				margin-right: auto;
			}
			.search-wrapper-mobile .form-search .input-text {
				width: 100%;
				min-width: 100%; /* Cancel minimum width */
			}

			/* Search: header inline
			-------------------------------------------------------------- */
			/* Note: added .header class to override other selectors */
			.header .search-wrapper-inline {
				display: block;
				clear: both;
				width: 100%;
				margin: 10px auto;
			}
			/* If wrapper is an .item, then remove side margins */
			.header .item.search-wrapper-inline { margin-left:auto; margin-right:auto; }

			.search-wrapper-inline #search_mini_form { display: block; }
			.search-wrapper-inline .form-search .input-text { width:100%; }
		
		/* Other
		-------------------------------------------------------------- */
		/* User menu (Top Links) */
		.user-menu { width:100%; margin-left:0; margin-right:0; }
		
		/* Top links */
		.top-links { float:left; }

		/* Mini cart */
		.after-mini-cart { clear:none; } /* Deprecated */

		/* Line breaker - disable on narrow screens */
		.user-menu .line-break-after { clear:none; }
	
	/* Footer
	-------------------------------------------------------------- */

		/* Footer elements - align center */
			
			.footer .mobile-inline-container { text-align:center; }
			.footer .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; }

			.footer-primary-top-spacing,
			.footer-primary-bottom-spacing,
			.footer-top .links,
			.footer-bottom { text-align:center; }
			
			.footer-primary-top-spacing .item,
			.footer-primary-bottom-spacing .item,
			#subscribe-form,
			.footer-bottom .item,
			.footer-top .links li { float:none; display:inline-block; }
			.footer-top .item { float:none; }
		
		/* Simplify links */
		.footer .links-wrapper-separators .links li a,
		.footer .links-wrapper-separators-left .links li a { background-image:none; }
		
		/* Footer elements */
		.footer-primary-bottom-spacing .item { width:100%; margin:0; }
		.footer-bottom .item { margin-left:5px; margin-right:5px; }

		/* Copyright - remove space */
		.footer-copyright { margin-left:0;  }

		/* Primary and secondary section: additional inner padding */
		.footer-primary > .grid-full > .section,
		.footer-secondary > .grid-full > .section { padding:15px 10px; }
	
	/* Layered navigation
	-------------------------------------------------------------- */
	.block-layered-nav dd li,
	.block-layered-nav .currently ol li { line-height:2.3333em; background-position:3px 10px; }
	.block-layered-nav dd li:hover,
	.block-layered-nav .currently ol li:hover { background-position:6px 10px; }
	
	/* Toolbar
	-------------------------------------------------------------- */
	
		/* All elements - align center and increase vertical spacing */
		.pager,
		.sorter { text-align:center; }
		.pager .amount,
		.pager .limiter,
		.pager .pages,
		.sorter .amount,
		.sorter .limiter,
		.sorter .view-mode,
		.sorter .sort-by { display:inline-block; float:none; padding-top:0; padding-bottom:0; }
		
		.toolbar .sort-by,
		.toolbar .sorter .amount { border-right:none; }

		.sorter .per-page,
		.pager .per-page { display:none; }

	/* Category view
	-------------------------------------------------------------- */
	
		.note-msg.empty-catalog {
			background-position:center 10px !important;
			color:inherit;
			padding:150px 10px 10px !important;
			text-align:center;
		}

		/* Page heading with RSS link */
		.page-title { position:relative; }
		.page-title .link-rss { float:none; display:block; position:static; margin:10px 0 0; }

	/* Products list
	-------------------------------------------------------------- */
	.products-list .product-shop-inner { padding-right:0; border-right:none; }

	/* Products grid: override size of elements (values like size-s)
	-------------------------------------------------------------- */
	/* Product name */
	.products-grid .product-name {
		font-size:1.1666em; /*14px*/
		line-height:1.2307em; /*16px*/
	}
	/* Buttons */
	.products-grid .item button.btn-cart span span {
		padding:7px 15px;
		height:auto;
		line-height:2em;
	}

	/* Product page
	-------------------------------------------------------------- */
		
		/* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */
		.product-view .box-additional { margin-top:0; }
		
		/* Related: remove bottom margin */
		.block-related-slider { margin-bottom:0; }

		/* Sidebar */
		.product-view .custom-sidebar-right .inner { padding-left:0; border-left:none; }
		.product-view .custom-sidebar-left .inner { padding-right:0; border-right:none; }

		/* Add-to links */
		.product-view .add-to-links { text-align: center; }
		.product-view .add-to-links li { float: none; display: inline-block; }
	
	/* Cart
	-------------------------------------------------------------- */
	
		/* Buttons below table: align center */
		.cart-table tfoot tr.first td { text-align:center !important; padding:0; margin-bottom:20px; }
		.cart-table tfoot button { display:inline-block; float:none !important; margin:0 0 3px; padding:0; }
	
	/* One Page Checkout
	-------------------------------------------------------------- */
		
		/* Step title - link "edit" */
		.opc .allow .step-title a { display:none; }
	
		/* Form */
		/*.opc form fieldset { display:table-column-group; }*/

	/* Account
	-------------------------------------------------------------- */
	.my-wishlist .product-image { max-width:none;  }
	
	/* Items slider
	-------------------------------------------------------------- */
	.control-nav.control-paging { display:none; }

	/* If only one item exists */
	.itemslider.single-item .slides > li { margin: 0 auto; }
	
	/* Slideshow
	-------------------------------------------------------------- */ 
	   
	/* Slideshow navigation: move buttons to the top right corner */
		.the-slideshow .direction-nav .next { top:4%; right:2%; }
		.the-slideshow .direction-nav .prev { top:4%; right:63px; left:auto; }
	
	/* Slideshow caption */
		/* Shrink font, hide all elements except heading */
		.caption > * { display:none !important; }
		.caption .heading { display:inline-block !important; font-size:2.0833em; margin-bottom:1px; }
		.caption p { font-size:1.1666em; margin-bottom:1px; }        
		.caption button.button span span {
			height: 30px;
			line-height: 30px;
			padding: 0 10px;
		}
	
	/* Cloud Zoom
	-------------------------------------------------------------- */
	/* Hide zoom */
	.cloud-zoom-big,
	.cloud-zoom-lens { display:none !important; }
	.cloud-zoom-lens { cursor:default !important; }
	
	/* Lightbox
	-------------------------------------------------------------- */
	#cboxTitle,
	#cboxCurrent { display:none !important; }
	
	/* Accordion
	-------------------------------------------------------------- */
	.accordion-style1 li a {
		padding:15px 10px;
		font-size: 1.1666em; /*14px*/
		line-height: 1.2857em; /*18px*/
	}
	/* Space for openner if item has children. It has to be a few pixels wider than openner */
	.accordion-style1 li.parent > a { padding-right:53px; }
	.accordion-style1 .opener { width:48px; height:48px; }
	
	/* Mobile accordion
	-------------------------------------------------------------- */
	.mobile-collapsible .block-content { display:none; } /* Hide on mobile */

}
/* end: width < 768px */


/* Mobile (Landscape) - design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 480px <= width < 768px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	/* Category view
	-------------------------------------------------------------- */
	.products-list .product-shop,
	.products-list .right-column,
	.products-list .product-image-wrapper { width:48%; margin-left:1%; margin-right:1%; }
	
	/* Cloud zoom
	-------------------------------------------------------------- */
	/* Broaden the slider if at least 4 thumbnails */
	.itemslider-thumbnails.count-4,
	.itemslider-thumbnails.count-5,
	.itemslider-thumbnails.count-multi { max-width:316px; } /*4*/
	
	/* Direction navigation */
	.itemslider-thumbnails.count-4 .direction-nav { display:none; }

	/* Shrink and align center the main image */
	.img-box .product-image { width:60.4651%; /*364px*/ max-width:364px; margin:0 auto; }	

}
/* end: 480px <= width < 768px */


/* Design for a width of 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 640px <= width < 768px */
@media only screen and (min-width: 640px) and (max-width: 767px) {

	/* Item grid
	-------------------------------------------------------------- */
	
.itemgrid.itemgrid-adaptive .item { width:31.3333%; clear:none !important; }
.itemgrid.itemgrid-adaptive .item:nth-child(3n+1) { clear:left !important; }
}
/* end: 640px <= width < 768px */


/* Design for a width of less than 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 640px */
@media only screen and (max-width: 639px) {

	h1 { font-size:2em;			line-height:1.25em;		/*24px, 30px*/ }
	h2 { font-size:1.6666em;	line-height:1.2em;		/*20px, 24px*/ }
	h3 { font-size:1.3333em;	line-height:1.25em;		/*16px, 20px*/ }
	h4 { font-size:1.1666em;	line-height:1.1428em;	/*14px, 16px*/ }
	h5 { font-size:1em;			line-height:1em;		/*12px, 12px*/ }
	h6 { font-size:1em;			line-height:1em;		/*12px, 12px*/ }

	
	}
/* end: width < 640px */


/* Design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 480 <= width < 640px */
@media only screen and (min-width: 480px) and (max-width: 639px) {

	/* Item grid
	-------------------------------------------------------------- */
	
.itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; }
.itemgrid.itemgrid-adaptive .item:nth-child(2n+1) { clear:left !important; }
}
/* end: 480 <= width < 640px */


/* Design for a width of less than 480px (small mobile)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 480px */
@media only screen and (max-width: 479px) {

	
		
	/* Products grid
	-------------------------------------------------------------- */
		.products-grid.category-products-grid.hover-effect .item .add-to-links, /* To override "display-onhover" */
		.products-grid .item .add-to-links { display: none !important; }
			
	/* Buttons
	-------------------------------------------------------------- */
	/* Button checkout + button "Add to cart" on product page */
	button.btn-checkout span span,
	.product-view .btn-cart span span { padding:5px 10px; }
	
	/* Grid elements
	-------------------------------------------------------------- */
	.col2-set .col-1,
	.col2-set .col-2 { width:100%; }
	
	/* Header
	-------------------------------------------------------------- */
	
		/* Mini cart */
		#mini-cart .dropdown-toggle { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; }

		#mini-cart .dropdown-toggle.cover > div { background-color: transparent; color: inherit; }
		#mini-cart .dropdown-toggle span.icon { transition:none; }
		#mini-cart .dropdown-toggle .name { display:none; }
		
		#mini-cart .dropdown-toggle .caret { display:none !important; }
		#mini-cart .dropdown-menu { display:none !important; }
		#mini-cart.hide-empty-cart { display:none !important; }
		
		/* Quick compare dropdown */
		#quick-compare .dropdown-toggle { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; }

		#quick-compare .dropdown-toggle.cover > div { background-color: transparent; color: inherit; }
		#quick-compare .dropdown-toggle span.icon { transition:none; }
		#quick-compare .dropdown-toggle .name { display:none; }

		#quick-compare .dropdown-toggle .caret { display:none !important; }
		#quick-compare .dropdown-menu { display:none !important; }
		#quick-compare.is-empty { display:none !important; }
		
		/* Header elements - align center
		-------------------------------------------------------------- */

			.header .mobile-inline-container { text-align:center; }
			.header .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; }

			/* Links */
			.header .links { text-align:center; }
			.header .links li { float:none; display:inline-block; }
			
			/* Header top */
			.header-top { text-align:center; }
			.header-top .item { float:none; display:inline-block; margin-left:5px; margin-right:5px; }
			
			/* Inside user menu */
			.user-menu { text-align:center; }
			.user-menu > *,
			.user-menu .links, /*Some blocks of links may be deeper than one level*/
			.dropdown { float:none !important; display:inline-block !important; }
			
			/* previous:
			.user-menu { text-align:center; }
			.user-menu .top-links { float:none; }
			#mini-cart,
			.user-menu .links,
			.user-menu .links li { float:none; display:inline-block; }
			*/

			/* Simplify horizontal links */
			.header .links-wrapper-separators .links li a,
			.header .links-wrapper-separators-left .links li a { background-image:none; }
	
	/* Products list
	-------------------------------------------------------------- */
	.products-list .item { margin-bottom:20px; }
	.products-list .item:first-child { margin-top:1px; /* Move item down to uncover the border of the toolbar */ }
	.products-list .product-image { margin-bottom:20px; }

	/* Products list: disable hover effect
	-------------------------------------------------------------- */
	/* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */
	.products-list.hover-effect .item { border-top: none; }
	.products-list.hover-effect .item:hover {
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
		box-shadow: none !important;
	}

	/* Products grid: override size of elements (values like size-xs)
	-------------------------------------------------------------- */
	/* Product labels */
	.products-grid .sticker { width:40px; height:40px; font-size:0.9166em; }
	.products-grid .item:hover .sticker { width:45px; height:45px; }
	
	/* Product page
	-------------------------------------------------------------- */
	
		/* Reviews */
		.product-view .box-reviews .form-add .data-table th,
		.product-view .box-reviews .form-add .data-table td { padding:6px 1px; }
		.product-view .box-reviews .form-add .form-list input.input-text,
		.product-view .box-reviews .form-add .form-list textarea { width:90%; }

		/* Add-to links */
		.product-view .add-to-links { text-align: inherit; }
	
	/* Toolbar
	-------------------------------------------------------------- */
	
		.toolbar .limiter { display:none; }
		.sorter .view-mode { display:none; }
		.sorter .sort-by { background:none; margin-right:0; margin-left:0; padding-right:0; padding-left:0; } /* Remove right divider */
		
		/* Pages */
		.pager .pages li { display:none; }
		.pager .pages li.previous,
		.pager .pages li.current,
		.pager .pages li.next { display:block; }
	
	/* Account
	-------------------------------------------------------------- */
	
		/* Account info + Order info */
			/*
			.box-account.box-info .col-1,
			.order-info-box .col-1 { border-right:none; }
			.box-account.box-info .col-1 .box,
			.order-info-box .col-1 .box { padding-right:0; }
			*/
			
			.my-account .col2-set .col-1 { border-right:none; margin-bottom:20px; }
			.my-account .col2-set .col-1 .box { padding-right:0; }
		
		/* Order details */
			.order-items .sub-title .separator { display:none; }

	/* Checkout
	-------------------------------------------------------------- */
	.opc .step-title h2 { font-size:1em; line-height:2.8333em; }

	/* Footer
	-------------------------------------------------------------- */
	#subscribe-form label {
		display: inline-block;
		float: none;
		line-height: 1em;
		margin: 15px 0 2px;
	}
	#subscribe-form .input-box {
		display: inline-block;
		float: none;
		margin: 5px 0;
		position: relative;
		width: 100%;
	}
	#subscribe-form .input-text { width:100%; max-width:100%; }
	#subscribe-form .button {
		display: inline-block;
		float: none;
	}
	
	/* Slideshow
	-------------------------------------------------------------- */
	.the-slideshow .control-nav { display:none; }
	
	/* Slideshow caption */
		/* Shrink font. Hide all elements, even with class "permanent" (except heading with "permanent") */
		.caption > *,
		.caption .heading,
		.caption .permanent { display:none !important; }
		.caption .heading.permanent { display:inline-block !important; }

		.caption .heading { font-size:1.3333em; }
		.caption p { font-size:1em; }
	
	/* Cloud zoom
	-------------------------------------------------------------- */
	#zoom-btn { display:none; }
	
}
/* end: width < 480px */


/* Design for a width of 320px (mobile - portrait)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 320px <= width < 480px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
	
	/* Item grid
	-------------------------------------------------------------- */
	
.itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; }
.itemgrid.itemgrid-adaptive .item:nth-child(2n+1) { clear:left !important; }
	
	/* Cloud zoom
	-------------------------------------------------------------- */
	/* Shrink the slider if to many thumbnails */
	.itemslider-thumbnails.count-3,
	.itemslider-thumbnails.count-4,
	.itemslider-thumbnails.count-5,
	.itemslider-thumbnails.count-multi { max-width:158px; } /*2*/
	
	/* Direction navigation */
	.itemslider-thumbnails.count-3 .direction-nav,
	.itemslider-thumbnails.count-4 .direction-nav,
	.itemslider-thumbnails.count-5 .direction-nav,
	.itemslider-thumbnails.count-multi .direction-nav { display:block; }
	
}
/* end: 320px <= width < 480px */


/* Design for a width of 240px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 320px */
@media only screen and (max-width: 319px) {

		
	/* Disable hover effect
	-------------------------------------------------------------- */
		/* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */
		.category-products-grid.hover-effect .item { border-top: none; }
		.category-products-grid.hover-effect .item:hover {
			margin-left:0;
			margin-right:0;
			padding-left:1%;
			padding-right:1%;
			box-shadow: none !important;
		}

		/* Show elements normally displayed only on hover */
		.category-products-grid.hover-effect .item .display-onhover { display:block !important; }
		
		/* Show full name even if enabled: display name in single line */
		.products-grid.single-line-name .item .product-name { overflow: visible; white-space: normal; }

		/* Spaces between items */
		.category-products-grid.hover-effect .item { margin-bottom: 20px; }
			
	
	/* Product page
	-------------------------------------------------------------- */
	/* Related - thumbnails */
	.block-related-thumbnails .product-details {
		margin-left:0;
		margin-bottom:10px;
		clear:left;
	}
	.block-related-thumbnails .product-details .price-box { display: inline-block; margin-right:5px; }
	.block-related-thumbnails .product-details .related-add-to-wishlist { display: inline-block; }
	
	/* Item grid
	-------------------------------------------------------------- */
	/* Always show 1 column */
	/* Important: added ".itemgrid" class to override other styles */
	.itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; }
	
	/* Cloud zoom
	-------------------------------------------------------------- */
	/* Shrink the slider if to many thumbnails */
	.itemslider-thumbnails.count-2,
	.itemslider-thumbnails.count-3,
	.itemslider-thumbnails.count-4,
	.itemslider-thumbnails.count-5,
	.itemslider-thumbnails.count-multi { max-width:79px !important; } /*1*/
	
	/* Direction navigation */
	.itemslider-thumbnails.count-2 .direction-nav,
	.itemslider-thumbnails.count-3 .direction-nav,
	.itemslider-thumbnails.count-4 .direction-nav,
	.itemslider-thumbnails.count-5 .direction-nav,
	.itemslider-thumbnails.count-multi .direction-nav { display:block; }
	
	/* Slideshow
	-------------------------------------------------------------- */
	.the-slideshow .direction-nav { display:none; }

}


.top-info{width:auto;float:right;background:#eee;cursor:default;font-weight:normal;color:#333;text-align:right;margin:0}.fa{font-size:12px;margin-left:0;margin-right:3px}nav.top-info>ul{display:flex;padding:0;justify-content:center}.top-info>ul>li{list-style:none;padding-left:7px;padding-right:7px;position:relative}div.valuat>h6{position:relative;display:flex}.top-info>ul>li:hover{background:#333;color:#fff}.label{margin-left:3px}.top_valat_numb{text-align:right !important;position:absolute;right:0;top:0;padding-right:0}.top_valat_numb:hover{text-decoration:underline;cursor:pointer;color:#333}.top_pic{width:189px;float:right;position:absolute;right:8px;top:13px}.sm_title{text-align:left;font-size:13px}.info_parting{margin-top:20px;margin-bottom:20px;border-style:solid;border-top:1px;background-color:#e9e9e9;color:#e9e9e9;border-color:#e9e9e9}.top-info>ul>li>div{position:absolute;display:none}nav>ul>li:hover>div{display:block;z-index:2100;color:#333;width:480px;min-height:200px;border-style:solid;border-width:1px;border-color:#eee;box-sizing:border-box;background-color:#fff;text-align:left;padding:20px;line-height:18px}.valuat-separ{margin-right:3px}div.indiv{left:0px}div.evr_occas,div.inkl_design,div.free_shipp,div.valuat{right:0px}li.valuat>label:nth-child(1)>div:nth-child(1){margin-top:12px}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{border:none}@media (max-width: 320px){nav>ul>li:hover>div.indiv{height:455px}nav>ul>li:hover>div.evr_occas{height:455px}nav>ul>li:hover>div.inkl_design{height:455px}nav>ul>li:hover>div.free_shipp{height:455px}nav>ul>li:hover>div.valuat{height:455px}#top>div>div>div.header-top-container>div>div>nav>ul>li.free_shipp>div>h6>div>img{display:none}.free_shipp{margin-right:13px}.top-info>ul{width:300px;margin-left:-25px}.top-info>ul>li{width:40px !important}.top-info>ul>li:last-child{width:96px !important}li.valuat{margin-left:15px !important}.fa-user{margin-right:15px !important}.fa-pencil-alt{margin-right:15px !important}.fa-eye{margin-right:15px !important}.fa-truck{margin-right:15px !important}}@media (max-width: 375px) and (min-width: 321px){nav>ul>li:hover>div.indiv{height:455px}nav>ul>li:hover>div.evr_occas{height:455px}nav>ul>li:hover>div.inkl_design{height:455px}nav>ul>li:hover>div.free_shipp{height:455px}nav>ul>li:hover>div.valuat{height:455px}#top>div>div>div.header-top-container>div>div>nav>ul>li.free_shipp>div>h6>div>img{display:none}.free_shipp{margin-right:13px}.top-info>ul{width:300px;margin-left:7px}.top-info>ul>li{width:40px !important}.top-info>ul>li:last-child{width:96px !important}li.valuat{margin-left:15px !important}.fa-user{margin-right:15px !important}.fa-pencil-alt{margin-right:15px !important}.fa-eye{margin-right:15px !important}.fa-truck{margin-right:15px !important}}@media (max-width: 425px) and (min-width: 376px){nav>ul>li:hover>div.indiv{height:410px}nav>ul>li:hover>div.evr_occas{height:410px}nav>ul>li:hover>div.inkl_design{height:410px}nav>ul>li:hover>div.free_shipp{height:410px}nav>ul>li:hover>div.valuat{height:410px}#top>div>div>div.header-top-container>div>div>nav>ul>li.free_shipp>div>h6>div>img{display:none}.free_shipp{margin-right:13px}.top-info>ul{width:300px;margin-left:30px}.top-info>ul>li{width:40px !important}.top-info>ul>li:last-child{width:96px !important}li.valuat{margin-left:15px !important}.fa-user{margin-right:15px !important}.fa-pencil-alt{margin-right:15px !important}.fa-eye{margin-right:15px !important}.fa-truck{margin-right:15px !important}}@media (max-width: 480px) and (min-width: 426px){nav>ul>li:hover>div.indiv{height:410px}nav>ul>li:hover>div.evr_occas{height:410px}nav>ul>li:hover>div.inkl_design{height:410px}nav>ul>li:hover>div.free_shipp{height:410px}nav>ul>li:hover>div.valuat{height:410px}#top>div>div>div.header-top-container>div>div>nav>ul>li.free_shipp>div>h6>div>img{display:none}.free_shipp{margin-right:13px}.top-info>ul{width:400px}.top-info>ul>li{width:40px !important}.top-info>ul>li:last-child{width:96px !important}li.valuat{margin-left:15px !important}.fa-user{margin-right:15px !important}.fa-pencil-alt{margin-right:15px !important}.fa-eye{margin-right:15px !important}.fa-truck{margin-right:15px !important}}@media (max-width: 640px) and (min-width: 481px){nav>ul>li:hover>div.indiv{height:330px}nav>ul>li:hover>div.evr_occas{height:330px}nav>ul>li:hover>div.inkl_design{height:330px}nav>ul>li:hover>div.free_shipp{height:330px}nav>ul>li:hover>div.valuat{height:330px}.free_shipp{margin-right:190px}.top-info>ul{width:600px;margin-left:-23px}.top-info>ul>li{width:40px !important}.top-info>ul>li:last-child{width:110px !important;padding-right:10px}li.valuat{margin-left:135px !important}.fa-user{margin-right:15px !important}.fa-pencil-alt{margin-right:15px !important}.fa-eye{margin-right:15px !important}.fa-truck{margin-right:15px !important}}@media (max-width: 767px) and (min-width: 641px){nav>ul>li:hover>div.indiv{height:320px}nav>ul>li:hover>div.evr_occas{height:320px}nav>ul>li:hover>div.inkl_design{height:320px}nav>ul>li:hover>div.free_shipp{height:320px}nav>ul>li:hover>div.valuat{height:320px}.free_shipp{margin-right:190px}.top-info>ul{width:600px;margin-left:-23px}.top-info>ul>li{width:40px !important}.top-info>ul>li:last-child{width:110px !important;padding-right:10px}li.valuat{margin-left:135px !important}.fa-user{margin-right:15px !important}.fa-pencil-alt{margin-right:15px !important}.fa-eye{margin-right:15px !important}.fa-truck{margin-right:15px !important}}@media (max-width: 959px) and (min-width: 768px){.hide-below-768{display:none}nav>ul>li:hover>div.indiv{height:340px}nav>ul>li:hover>div.evr_occas{height:340px}nav>ul>li:hover>div.inkl_design{height:340px}nav>ul>li:hover>div.free_shipp{height:340px}nav>ul>li:hover>div.valuat{height:340px}.top-info>ul>li{margin:0 15px}.top-info>ul>li:hover{width:130px;margin:0 15px;padding:0 10px}.top-info>ul>li:nth-child(1):hover{width:76px}.top-info>ul>li:nth-child(2):hover{width:107px}.top-info>ul>li:nth-child(3):hover{width:121px}.top-info>ul>li:nth-child(4):hover{width:131px}.top-info>ul>li:nth-child(5):hover{width:94px}}@media (max-width: 767px){.label{display:none}}@media (max-width: 959px){.top-info>ul>li{position:relative !important}nav>ul>li:hover>div{width:626%;text-align:left;line-height:15px;left:unset;right:unset;position:inherit;display:table-caption}div.grid-full{display:flex;padding:0;margin:0}li.valuat{position:absolute}.top-info>ul>li{padding:0}}@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 320px){nav>ul>li:hover>div.indiv{width:320px;margin-left:-14px}nav>ul>li:hover>div.evr_occas{width:320px;margin-left:-53px}nav>ul>li:hover>div.inkl_design{width:320px;margin-left:-93px}nav>ul>li:hover>div.free_shipp{width:320px;margin-left:-133px}nav>ul>li:hover>div.valuat{width:320px;margin-left:-200px}.top_valat_numb{font-size:12px;letter-spacing:-0.5px}.sm_title{font-size:12px}}@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 375px) and (min-width: 321px){nav>ul>li:hover>div.indiv{width:375px;margin-left:-46px}nav>ul>li:hover>div.evr_occas{width:375px;margin-left:-86px}nav>ul>li:hover>div.inkl_design{width:375px;margin-left:-126px}nav>ul>li:hover>div.free_shipp{width:375px;margin-left:-166px}nav>ul>li:hover>div.valuat{width:375px;margin-left:-234px}.top_valat_numb{font-size:12px;letter-spacing:-0.5px}.sm_title{font-size:12px}}@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 425px) and (min-width: 376px){nav>ul>li:hover>div.indiv{width:425px;margin-left:-71px}nav>ul>li:hover>div.evr_occas{width:425px;margin-left:-111px}nav>ul>li:hover>div.inkl_design{width:425px;margin-left:-152px}nav>ul>li:hover>div.free_shipp{width:425px;margin-left:-190px}nav>ul>li:hover>div.valuat{width:425px;margin-left:-260px}.top_valat_numb{font-size:12px;letter-spacing:-0.5px}.top_valat_numb{font-size:12px;letter-spacing:-0.5px}.sm_title{font-size:12px}}@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 480px) and (min-width: 426px){nav>ul>li:hover>div.indiv{width:480px;margin-left:-98px}nav>ul>li:hover>div.evr_occas{width:480px;margin-left:-139px}nav>ul>li:hover>div.inkl_design{width:480px;margin-left:-178px}nav>ul>li:hover>div.free_shipp{width:480px;margin-left:-219px}nav>ul>li:hover>div.valuat{width:480px;margin-left:-286px}}@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 640px) and (min-width: 481px){nav>ul>li:hover>div.indiv{width:640px;margin-left:-22px}nav>ul>li:hover>div.evr_occas{width:640px;margin-left:-62px}nav>ul>li:hover>div.inkl_design{width:640px;margin-left:-102px}nav>ul>li:hover>div.free_shipp{width:640px;margin-left:-140px}nav>ul>li:hover>div.valuat{width:640px;margin-left:-504px}}@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 767px) and (min-width: 641px){nav>ul>li:hover>div.indiv{width:767px;margin-left:-86px}nav>ul>li:hover>div.evr_occas{width:767px;margin-left:-125px}nav>ul>li:hover>div.inkl_design{width:767px;margin-left:-165px}nav>ul>li:hover>div.free_shipp{width:767px;margin-left:-203px}nav>ul>li:hover>div.valuat{width:767px;margin-left:-566px}}@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 959px) and (min-width: 768px){nav>ul>li:hover>div.indiv{width:959px;margin-left:-156px}nav>ul>li:hover>div.evr_occas{width:959px;margin-left:-260px}nav>ul>li:hover>div.inkl_design{width:959px;margin-left:-397px}nav>ul>li:hover>div.free_shipp{width:959px;margin-left:-547px}nav>ul>li:hover>div.valuat{width:959px;margin-left:-708px}}@-moz-document url-prefix(){@media (max-width: 320px){nav>ul>li:hover>div.indiv{width:320px;margin-left:-14px}nav>ul>li:hover>div.evr_occas{width:320px;margin-left:-53px}nav>ul>li:hover>div.inkl_design{width:320px;margin-left:-93px}nav>ul>li:hover>div.free_shipp{width:320px;margin-left:-133px}nav>ul>li:hover>div.valuat{width:320px;margin-left:-200px}.top_valat_numb{font-size:12px;letter-spacing:-0.5px}.sm_title{font-size:12px}}@media (max-width: 375px) and (min-width: 321px){nav>ul>li:hover>div.indiv{width:375px;margin-left:-46px}nav>ul>li:hover>div.evr_occas{width:375px;margin-left:-86px}nav>ul>li:hover>div.inkl_design{width:375px;margin-left:-126px}nav>ul>li:hover>div.free_shipp{width:375px;margin-left:-166px}nav>ul>li:hover>div.valuat{width:375px;margin-left:-234px}.top_valat_numb{font-size:12px;letter-spacing:-0.5px}.top_valat_numb{font-size:12px;letter-spacing:-0.5px}.sm_title{font-size:12px}}@media (max-width: 425px) and (min-width: 376px){nav>ul>li:hover>div.indiv{width:425px;margin-left:-71px}nav>ul>li:hover>div.evr_occas{width:425px;margin-left:-111px}nav>ul>li:hover>div.inkl_design{width:425px;margin-left:-152px}nav>ul>li:hover>div.free_shipp{width:425px;margin-left:-190px}nav>ul>li:hover>div.valuat{width:425px;margin-left:-260px}.top_valat_numb{font-size:12px;letter-spacing:-0.5px}.top_valat_numb{font-size:12px;letter-spacing:-0.5px}.sm_title{font-size:12px}}@media (max-width: 480px) and (min-width: 426px){nav>ul>li:hover>div.indiv{width:480px;margin-left:-98px}nav>ul>li:hover>div.evr_occas{width:480px;margin-left:-139px}nav>ul>li:hover>div.inkl_design{width:480px;margin-left:-178px}nav>ul>li:hover>div.free_shipp{width:480px;margin-left:-219px}nav>ul>li:hover>div.valuat{width:480px;margin-left:-286px}}@media (max-width: 640px) and (min-width: 481px){nav>ul>li:hover>div.indiv{width:640px;margin-left:-22px}nav>ul>li:hover>div.evr_occas{width:640px;margin-left:-62px}nav>ul>li:hover>div.inkl_design{width:640px;margin-left:-102px}nav>ul>li:hover>div.free_shipp{width:640px;margin-left:-140px}nav>ul>li:hover>div.valuat{width:640px;margin-left:-504px}}@media (max-width: 767px) and (min-width: 641px){nav>ul>li:hover>div.indiv{width:767px;margin-left:-86px}nav>ul>li:hover>div.evr_occas{width:767px;margin-left:-125px}nav>ul>li:hover>div.inkl_design{width:767px;margin-left:-165px}nav>ul>li:hover>div.free_shipp{width:767px;margin-left:-203px}nav>ul>li:hover>div.valuat{width:767px;margin-left:-566px}}@media (max-width: 959px) and (min-width: 768px){nav>ul>li:hover>div.indiv{width:959px;margin-left:-60px}nav>ul>li:hover>div.evr_occas{width:959px;margin-left:-165px}nav>ul>li:hover>div.inkl_design{width:959px;margin-left:-303px}nav>ul>li:hover>div.free_shipp{width:959px;margin-left:-453px}nav>ul>li:hover>div.valuat{width:959px;margin-left:-613px}}}
/*# sourceMappingURL=top-info.css.map */

/*überarbeiten*/
@media (max-width: 640px) and (min-width: 481px){ 
.free_shipp {
    margin-right: 20%;
}
}

@media (max-width: 640px) and (min-width: 481px){ 
    .top-info>ul {
        max-width: 600px;     
        margin-left: -23px;
    }

}


.col1-layout .col-main{
    display: block;
}
div.header-main.v-grid-container>div.grid-full.awards_logo{margin-left:34.5%}.awards_logo img{margin-top:5px}.block-right-fix{top:30%;right:-485px;width:485px;position:fixed;transition-duration:1s;cursor:default;z-index:1000000}.wrapper-block-fix-kontakte,.wrapper-block-fix-wie-gestalten{min-width:500px}.wrapper-block-fix-wie-gestalten{top:-35vh}.block-fix-icon{position:absolute;background-color:#f5f5f5;width:110px;left:-110px;padding:15px 0}.block-fix-icon-icon{width:40%}.block-fix-body{padding:20px 15px;margin-left:1px;border-left:5px solid #6fb6c1;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.block-fix-kontakte-icon:hover,.block-fix-wie-gestalten-icon:hover{cursor:pointer}.block-fix-kontakte-icon:hover>img{cursor:pointer}.block-fix-wie-gestalten-icon:hover>img{cursor:pointer}.block-fix-kontakte-icon{background-color:#f5f5f5;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5}.block-fix-kontakte-icon:hover>.block-fix-icon-icon{fill:#6fb6c1}.block-fix-wie-gestalten-icon:hover>.block-fix-icon-icon{fill:#6fb6c1}.block-fix-kontakte-icon:hover .block-fix-icon-text{color:#6fb6c1;text-decoration:underline}.block-fix-wie-gestalten-icon:hover .block-fix-icon-text{color:#6fb6c1;text-decoration:underline}.active-icon-block{background-color:#6fb6c1}.closed-icon-block{background-color:#f5f5f5}.block-fix-wie-gestalten-icon{border-top:2px solid #e5e5e5;top:90px;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.block-fix-icon-text{font-weight:700;font-family:"PT Sans"}.icon-icon-black{fill:#333}.icon-text-black{color:#333}.icon-icon-white{fill:#fff !important}.icon-text-white{color:#fff !important;text-decoration:none !important}.icon-icon-blue{fill:#6fb6c1}.icon-text-blue{color:#6fb6c1}.block-fix-body-title{font-size:28px;color:#6fb6c1;font-weight:700;font-family:"PT Sans";text-align:left;margin-bottom:10px;margin-top:-5px}.block-fix-wie-gestalten-body{top:0}.block-fix-gest-body-card-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin-left:-5px}.block-fix-card-wrapper{width:140px;height:135px;margin-bottom:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;position:relative}div.block-fix-gest-body-card-wrapper:nth-child(2){margin-top:5px;margin-bottom:10px}div.block-fix-gest-body-card-wrapper:nth-child(3){margin-bottom:15px}.block-fix-card-title{position:absolute;bottom:10px;font-size:11px}.fix-kont-block{background-color:#fff;width:150px;height:130px}.block-fix-card-button-wrapper{display:flex;justify-content:center}.block-fix-card-button{cursor:pointer;background-color:#333;font-weight:700;width:200px;height:40px;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff;margin-bottom:-5px;margin-top:5px}.block-fix-card-button:hover{background-color:#6fb6c1}.block-fix-kontakte-body{text-align:left}.block-fix-kontakte-info-columns{display:flex;font-weight:900;font-size:21px;margin-top:10px;margin-bottom:-5px}.block-fix-kontakte-info-column1{margin-top:10px}.block-fix-kontakte-info-column2{margin-left:60px;margin-top:5px}.block-fix-kontakte-info>h3{font-weight:900;margin-bottom:15px}.block-fix-kontakte-link:hover{cursor:pointer;color:#6fb6c1;text-decoration:underline}.block-fix-marg{margin:10px 0}.block-fix-mail-link{color:#333;text-decoration:none}.block-fix-mail-link:hover{text-decoration:none}.feature-wrapper>.block-fix-wie-gestalten{display:none}.wie-gestalten-mainpic-wrap{width:80%}.wie-gestalten-mainpic{height:100%}.wie-gestalten-mainpic-wrap{width:80%;padding-right:15px;padding-bottom:15px;background-color:#f5f5f5}.page-title>div:nth-child(3)>div:nth-child(2)>div:nth-child(2)>div{width:151px}.page-title>div:nth-child(3){height:435px}div.block-fix-wie-gestalten-body:nth-child(2){display:none}.searchbox.sbx-sffv{display:none}.ais-refinement-list--header.ais-header .name{font-weight:bold !important}.how-2-category-button,#refine-toggle{background-color:#70b6c1;height:30px !important;width:95px;color:#fff;font-weight:bold;text-align:center;line-height:30px !important;margin-top:5px !important;margin-bottom:5px !important}#refine-toggle{color:#333;background:#e9e9e9;float:left;margin:0 !important}#how-2-design-popup>span,.amount>span{display:inline-block;vertical-align:middle;line-height:normal}#algolia-static-content{margin-bottom:15px !important}#algolia-left-container{margin-top:6px}#algolia_instant_selector #refine-toggle{border:none}.sidebar .block:first-child{margin-top:12px}div.explanation{margin-bottom: 10px} @media (max-width: 992px) and (min-width: 768px){#algolia-right-container,#algolia-left-container{width:100%;padding-right:5px}#refine-toggle{margin-top:5px !important}#algolia-sorts{margin-left:5px !important}.row div{margin-left:0;margin-right:0}}.item-category-view{width:25%;float:left;padding:2%;height:390px}.item-category-view:hover{padding-right:0%;margin-left:0%;margin-right:0%;padding:2%;z-index:10;box-shadow:0 0 20px rgba(0,0,0,0.2);border-color:transparent}li.item-category-view>a{text-align:center}.col-left{padding-left:5px}.sorter .sort-by,.pager .amount,.sorter .amount{background:none}.amount-below960{display:none;font-weight:bold;position:absolute;right:105px;line-height:3.3em !important}.sort-by-label{padding-top:2px}@media (width: 768px){.sort-by{padding-top:0 !important}}.order-table-blue{font-size:.75rem;color:#fff;background:#6fb6c1 !important;align-content:space-between}.orders-card{display:flex;flex-direction:column}.order-table-nobackground{font-size:.75rem;color:#6fb6c1;bottom:0;margin-top:35px}.order-table-blue-link:hover,.order-table-nobackground-link:hover{text-decoration:underline;cursor:pointer}#cboxContent{text-align:left}#billing\:firstname,div.customer-name-middlename>div>div,#billingForm>div>div>div>div,#billing-fields>div>div,#billing\:company,#billing\:lastname,#billing\:street2,#billing\:middlename,#billing\:street1,#billing-fields>div>div>div>div,.address-line2>.input-text,#billing\:country_id,.my-account>div>div,#billing\:email,#billingForm>div>div,#wrapper-register>div.field>div,#billing\:customer_password,#billing\:confirm_password,#shipping\:firstname,#shipping\:lastname,#shipping-fields>div>div>div>div.input-box,#shipping\:company,#shipping\:street1,#shipping-fields>div.field>div.address-line2,#shipping-fields>div>div.input-box,#shipping-fields>div:nth-child(4)>div,#shipping\:country_id,#shippingForm>div>div.phone,#shippingForm>div>div>div>div{width:96%}.block .block-content{padding:6px 5px}#item_review{width:98% !important}#item_review>*>.row>.col-md-8{flex:0 0 66% !important}.ppl-exprs-item-ratio-higher{flex:0 0 65% !important;max-width:65% !important}.ppl-exprs-item-ratio-less{flex:0 0 30% !important;max-width:26% !important}#item-review>div.col-12>*{display:flex}.ppl-item-margin-right{margin-right:-30px}#mini-cart>div.dropdown-toggle{width:100px}#mini-cart>div.dropdown-menu.left-hand.block{margin-top:34px}#mini-cart>div.dropdown-toggle.cover>.feature-icon-hover{padding-left:10px;padding-right:5px;padding-top:10px;padding-bottom:10px}#mini-cart{line-height:1.4em}.mini-cart-symbol{font-weight:bold}#mini-cart>div.dropdown-toggle.cover>div>.label.amount{padding:0px;margin:0px;width:100%}.user-menu>div.top-links ul>li{float:right}.user-menu>div.top-links>.links>li,.user-menu>div.top-links>.links>li>a{line-height:1.2em;color:#888 !important;background-color:#fff;background-image:none;padding-left:10px}.user-menu>div.top-links>.links>li>a:hover{color:#70b6c1 !important;text-decoration:underline}.user-menu>div.top-links{width:100px;margin-right:10px;line-height:1.4em}.search_category_switcher{top:0px;position:absolute;z-index:9999;width:32%}ul.search_category_switcher:hover,ul.search_category_switcher>li:nth-child(1):hover,#search:hover,#search:focus{box-shadow:0 2px 10px rgba(0,0,0,0.15)}ul.search_category_switcher>li{background-color:#f5f5f5;line-height:36px;color:#333;font-size:13px;display:none;list-style-type:none;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:0;margin-bottom:0}ul.search_category_switcher>li>span,.subcat>li>span{padding-left:25px;display:block}ul.search_category_switcher li{font-weight:bold}ul.search_category_switcher>li>span,.subcat>li>span{padding:10px}.opncls{margin-top:-40px;margin-bottom:20px}.subcat{display:none}ul.search_category_switcher>li>ul>li{font-weight:normal}ul.search_category_switcher>li>ul{margin-left:0}ul.search_category_switcher>li>ul>li>span{padding-left:20px}ul.search_category_switcher>li .fa-angle-down,ul.search_category_switcher>li .fa-angle-left{margin-top:3px;position:absolute;right:7px}ul.search_category_switcher>li:nth-child(1){padding:9.5px;border:1px solid #ddd;display:block;padding-top:9px;font-weight:normal}span.catlevel1{padding-right:65%}.opncls{padding-left:10%}span.catlevel1:hover,ul.subcat>li span:hover{border-color:#ddd;border:1px solid;padding-left:9px;padding-right:9px;padding-bottom:9px;padding-top:9px}ul.subcat>li span:hover{padding-left:19px}ul.search_category_switcher>li:nth-child(1):hover{border-top:1px solid #aaa}ul.search_category_switcher:last-child{border-bottom:1px solid;border-color:#aaa}ul.search_category_switcher:nth-child(2){border-top:none}#algolia-searchbox .magnifying-glass{background:black;padding:19px;right:1px;width:20px;height:20px;top:1px;color:white}#algolia-searchbox .algolia-search-input{width:68% !important}#algolia-searchbox .algolia-search-input:hover,ul.search_category_switcher>li:nth-child(1){border-left:1px solid;border-color:#aaa}nav>ul>li:hover>div{z-index:109999}.search-trigger{right:0;position:absolute;width:40px;height:40px;color:#333;background:#e9e9e9;border:none;cursor:pointer;top:0}.search-trigger:hover{color:#f5f5f5;background:#333}#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .suggestions{margin-bottom:30px}#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit{display:block;position:relative;text-align:left;text-decoration:none;cursor:pointer;min-height:80px;color:#2F2F2F;border-bottom:1px solid #e1e1e1;margin:0 0 0px 0;padding:10px}#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products{padding:10px !important;width:90% !important}#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .title{font-weight:normal !important;margin-bottom:30px;font-size:13px !important;text-align:center !important}#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .see-all a{color:#333 !important}#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .see-all{text-align:center !important;width:100% !important}#algolia-searchbox{margin-left:1.6% !important}.search_category_switcher>li{line-height:1.5em !important}.box-additional.box-up-sell.grid12-12{width:100%}div.product-view.attributset9>div:nth-child(3){width:75%;padding-right:0%;padding-left:0%}.product-additionals{border-top:1px solid #e5e5e5;padding-top:30px;width:99% !important}.additional-block{margin-left:0px !important;border-right:1px solid #e5e5e5;padding-top:5px}.additional-block:nth-child(2){border:none}.additional-block:nth-child(2)>div,.additional-block:nth-child(2)>h3{padding-right:0;padding-left:2.75%}.additional-block>div{padding-right:5.5%}.custom-review-heading{width:47%;float:left;margin-bottom:35px}.custom-review-heading.own{color:#ffcc00}.additional-block>h3 span{padding-right:4.33%;margin-right:0}.additional-block>h3 span:nth-child(2){padding-left:4.33%;padding-right:none;border-right:none}.form-list{float:left;width:100%}#input-message-box{float:left}.valuat-button{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.valuat-button>button{border:none;background-color:#fbfbfb;-webkit-box-shadow:0px 4px 4.45px 0.55px rgba(0,1,1,0.07);box-shadow:0px 4px 4.45px 0.55px rgba(0,1,1,0.07);width:120px;height:45px;color:#333;font-size:13px;font-weight:400;margin-bottom:10px;cursor:pointer}.valuat-button>button:hover{background-color:#6eb6c1;color:#fff !important}.no-review{width:auto;margin-right:30px}.no-review:nth-child(2){margin-right:0px}#product-attribute-specs-table>colgroup>col:nth-child(1){width:200px}.own:hover{text-decoration:underline}#rating_comment{color:black;font-size:20px;font-weight:bold;line-height:1.5em;margin-left:13px}.rating{width:250px;float:left;--uiRatingSize: var(--ratingSize, 20px);--uiRatingColor: var(--ratingColor, #f5f5f5);--uiRatingColorActive: var(--ratingColorActive, #ffcc00);--uiRatingStroke: var(--ratingStroke, #ffcc00);--uiRatingStrokeWidth: var(--ratingStrokeWidth, 1px);display:flex;font-size:var(--uiRatingSize);color:var(--uiRatingColor);position:relative}.rating__control{position:absolute;left:-9999px}.rating__control:nth-of-type(1):focus ~ .rating__item:nth-of-type(1):before,.rating__control:nth-of-type(2):focus ~ .rating__item:nth-of-type(2):before,.rating__control:nth-of-type(3):focus ~ .rating__item:nth-of-type(3):before,.rating__control:nth-of-type(4):focus ~ .rating__item:nth-of-type(4):before,.rating__control:nth-of-type(5):focus ~ .rating__item:nth-of-type(5):before{content:"";box-shadow:0 0 0 4px var(--uiRatingColorActive);position:absolute;top:-.15em;right:0;bottom:-.15em;left:0;z-index:-1}.rating__item{-webkit-tap-highlight-color:transparent;cursor:pointer;position:relative}.rating__item{padding-left:.25em;padding-right:.25em}.rating__star{display:block;width:1em;height:1em;fill:currentColor;stroke:var(--uiRatingStroke);stroke-width:var(--uiRatingStrokeWidth)}.rating__label{position:absolute;top:0;left:-9999px}.rating:hover,.rating__control:nth-of-type(1):checked ~ .rating__item:nth-of-type(1),.rating__control:nth-of-type(2):checked ~ .rating__item:nth-of-type(-n+2),.rating__control:nth-of-type(3):checked ~ .rating__item:nth-of-type(-n+3),.rating__control:nth-of-type(4):checked ~ .rating__item:nth-of-type(-n+4),.rating__control:nth-of-type(5):checked ~ .rating__item:nth-of-type(-n+5){color:var(--uiRatingColorActive)}.rating__item:hover ~ .rating__item{color:var(--uiRatingColor)}.rating{--ratingSize: 35px}#product-review-table>label:nth-child(6){padding-left:0}.form-add>h2{text-transform:uppercase}#cboxClose{position:absolute;top:20px;right:20px}#review-form>fieldset>ul>li:nth-child(3)>div{margin-top:10px}#review-form>fieldset>h4{font-size:13px}#review-form>fieldset>h4>span{font-weight:bold}.form-add{text-align:left;margin:10px}.form-list li{display:inline;width:50%;float:left}.form-list input.input-text{width:100%}.input-box{width:96%}#review-form>fieldset>ul>li:nth-child(2)>.input-box{float:right}#review-form>fieldset>ul>li:nth-child(3),#review-form>fieldset>ul>li:nth-child(3)>.input-box,#review-form>fieldset>ul>li:nth-child(3)>.input-box>textarea{width:100%}.buttons-set button.button{float:left}.buttons-set{margin-left:0}#review-form>fieldset>h4{margin-bottom:35px}#input-message-box{visibility:hidden;font-size:11px}#input-message-box a{color:red}#review-form>.buttons-set{margin-left:0 !important}.rating-message-wrapper{min-height:50px}#cboxLoadedContent{margin-bottom:20px !important}#review-trigger:hover{cursor:pointer}.product-additionals{overflow:hidden}.product-additionals>div{padding-bottom:99999px;margin-bottom:-99999px;float:left}#product-attribute-specs-table>tbody>tr.last.odd{border:none}.specs-container{margin-right:1%}div.header-main.v-grid-container>div.grid-full.awards_logo{margin-left:34.5%;display:none}.awards_logo img{margin-top:5px}#mini-cart>div.dropdown-toggle{width:100px}#mini-cart>div.dropdown-menu.left-hand.block{margin-top:34px}#mini-cart>div.dropdown-toggle.cover>.feature-icon-hover{padding-left:10px;padding-right:5px;padding-top:10px;padding-bottom:10px}#mini-cart{line-height:1.4em}.mini-cart-symbol{font-weight:bold}#mini-cart>div.dropdown-toggle.cover>div>.label.amount{padding:0px;margin:0px;width:100%}.user-menu>div.top-links ul>li{float:right}.user-menu>div.top-links>.links>li,.user-menu>div.top-links>.links>li>a{line-height:1.2em;color:#888 !important;background-color:white;background-image:none;padding-left:10px}.user-menu>div.top-links>.links>li>a:hover{color:#70b6c1 !important;text-decoration:underline}.user-menu>div.top-links{width:100px;margin-right:10px;line-height:1.4em}.search_category_switcher{top:0px;position:absolute;z-index:9999;width:32%}ul.search_category_switcher:hover,ul.search_category_switcher>li:nth-child(1):hover,#search:hover,#search:focus{box-shadow:0 2px 10px rgba(0,0,0,0.15)}ul.search_category_switcher>li{background-color:#f5f5f5;line-height:36px;color:#333;font-size:13px;display:none;list-style-type:none;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:0;margin-bottom:0}ul.search_category_switcher>li>span,.subcat>li>span{padding-left:25px;display:block}ul.search_category_switcher li{font-weight:bold}ul.search_category_switcher>li>span,.subcat>li>span{padding:10px}.opncls{margin-top:-40px;margin-bottom:20px}.subcat{display:none}ul.search_category_switcher>li>ul>li{font-weight:normal}ul.search_category_switcher>li>ul{margin-left:0}ul.search_category_switcher>li>ul>li>span{padding-left:20px}ul.search_category_switcher>li .fa-angle-down,ul.search_category_switcher>li .fa-angle-left{margin-top:3px;position:absolute;right:7px}ul.search_category_switcher>li:nth-child(1){padding:9.5px;border:1px solid #ddd;display:block;padding-top:9px;font-weight:normal}span.catlevel1{padding-right:65%}.opncls{padding-left:10%}span.catlevel1:hover,ul.subcat>li span:hover{border-color:#ddd;border:1px solid;padding-left:9px;padding-right:9px;padding-bottom:9px;padding-top:9px}ul.subcat>li span:hover{padding-left:19px}ul.search_category_switcher>li:nth-child(1):hover{border-top:1px solid #aaa}ul.search_category_switcher:last-child{border-bottom:1px solid;border-color:#aaa}ul.search_category_switcher:nth-child(2){border-top:none}#algolia-searchbox .magnifying-glass{background:black;padding:19px;right:1px;width:20px;height:20px;top:1px;color:white}#algolia-searchbox .algolia-search-input{width:68% !important}#algolia-searchbox .algolia-search-input:hover,ul.search_category_switcher>li:nth-child(1){border-left:1px solid;border-color:#aaa}nav>ul>li:hover>div{z-index:109999}.search-trigger{right:0;position:absolute;width:40px;height:40px;color:#333;background:#e9e9e9;border:none;cursor:pointer;top:0}.search-trigger:hover{color:#f5f5f5;background:#333}#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .suggestions{margin-bottom:30px}#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit{display:block;position:relative;text-align:left;text-decoration:none;cursor:pointer;min-height:80px;color:#2F2F2F;border-bottom:1px solid #e1e1e1;margin:0 0 0px 0;padding:10px}#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products{padding:10px !important;width:90% !important}#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .title{font-weight:normal !important;margin-bottom:30px;font-size:13px !important;text-align:center !important}#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .see-all a{color:#333 !important}#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .see-all{text-align:center !important;width:100% !important}#algolia-searchbox{margin-left:1.6% !important}.search_category_switcher>li{line-height:1.5em !important}.box-additional.box-up-sell.grid12-12{width:100%}div.product-view.attributset9>div:nth-child(3){width:75%;padding-right:0%;padding-left:0%}.order-table-blue{font-size:.75rem;color:white;background:#6fb6c1 !important;align-content:space-between}.orders-card{display:flex;flex-direction:column}.order-table-nobackground{font-size:.75rem;color:#6fb6c1;bottom:0;margin-top:35px}.order-table-blue-link:hover,.order-table-nobackground-link:hover{text-decoration:underline;cursor:pointer}#cboxContent{text-align:left}#billing\:firstname,div.customer-name-middlename>div>div,#billingForm>div>div>div>div,#billing-fields>div>div,#billing\:company,#billing\:lastname,#billing\:street2,#billing\:middlename,#billing\:street1,#billing-fields>div>div>div>div,.address-line2>.input-text,#billing\:country_id,.my-account>div>div,#billing\:email,#billingForm>div>div,#wrapper-register>div.field>div,#billing\:customer_password,#billing\:confirm_password,#shipping\:firstname,#shipping\:lastname,#shipping-fields>div>div>div>div.input-box,#shipping\:company,#shipping\:street1,#shipping-fields>div.field>div.address-line2,#shipping-fields>div>div.input-box,#shipping-fields>div:nth-child(4)>div,#shipping\:country_id,#shippingForm>div>div.phone,#shippingForm>div>div>div>div{width:96%}.block .block-content{padding:6px 5px}.express-wraper-main{margin-right:-20px}.express-wraper-main,.table-elem{display:flex}.express-left-column{padding:0;margin-right:20px;width:85%;border:1px solid #e5e5e5}.express-right-column{width:30%}.table-elem{flex-direction:row;flex-wrap:nowrap}.express-background{background-color:#f5f5f5}.express-right-column{width:250px;margin-top:0;margin-right:0 !important;margin-bottom:0;margin-left:0 !important;padding:0}.express-table{border-bottom:1px solid white}h2.legend{display:block}#details-div>div{border-bottom:1px solid #e5e5e5;padding-bottom:5px;margin:5px}#details-div>div:last-child{margin-bottom:0;padding-left:100px}.info-set{padding:10px 15px 0 0 !important;text-align:end}.paypal-express-button{width:250px;margin-left:-15px;margin-top:-13px}.paypal-express-button>span{margin-left:35%;width:250px}#details-reload{margin-top:-10px}.product-additionals{border-top:1px solid #e5e5e5;padding-top:30px;width:99% !important}.additional-block{margin-left:0px !important;border-right:1px solid #e5e5e5;padding-top:5px}.additional-block:nth-child(2){border:none}.additional-block:nth-child(2)>div,.additional-block:nth-child(2)>h3{padding-right:0;padding-left:2.75%}.additional-block>div{padding-right:5.5%}.custom-review-heading{width:47%;float:left;margin-bottom:35px}.custom-review-heading.own{color:#ffcc00}.additional-block>h3 span{padding-right:4.33%;margin-right:0}.additional-block>h3 span:nth-child(2){padding-left:4.33%;padding-right:none;border-right:none}.form-list{float:left;width:100%}#input-message-box{float:left}.valuat-button{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.valuat-button>button{border:none;background-color:#fbfbfb;-webkit-box-shadow:0px 4px 4.45px 0.55px rgba(0,1,1,0.07);box-shadow:0px 4px 4.45px 0.55px rgba(0,1,1,0.07);width:120px;height:45px;color:#333;font-size:13px;font-weight:400;margin-bottom:10px;cursor:pointer}.valuat-button>button:hover{background-color:#6eb6c1;color:#fff !important}.no-review{width:auto;margin-right:30px}.no-review:nth-child(2){margin-right:0px}#product-attribute-specs-table>colgroup>col:nth-child(1){width:200px}.own:hover{text-decoration:underline}#rating_comment{color:black;font-size:20px;font-weight:bold;line-height:1.5em;margin-left:13px}.rating{width:250px;float:left;--uiRatingSize: var(--ratingSize, 20px);--uiRatingColor: var(--ratingColor, #f5f5f5);--uiRatingColorActive: var(--ratingColorActive, #ffcc00);--uiRatingStroke: var(--ratingStroke, #ffcc00);--uiRatingStrokeWidth: var(--ratingStrokeWidth, 1px);display:flex;font-size:var(--uiRatingSize);color:var(--uiRatingColor);position:relative}.rating__control{position:absolute;left:-9999px}.rating__control:nth-of-type(1):focus ~ .rating__item:nth-of-type(1):before,.rating__control:nth-of-type(2):focus ~ .rating__item:nth-of-type(2):before,.rating__control:nth-of-type(3):focus ~ .rating__item:nth-of-type(3):before,.rating__control:nth-of-type(4):focus ~ .rating__item:nth-of-type(4):before,.rating__control:nth-of-type(5):focus ~ .rating__item:nth-of-type(5):before{content:"";box-shadow:0 0 0 4px var(--uiRatingColorActive);position:absolute;top:-.15em;right:0;bottom:-.15em;left:0;z-index:-1}.rating__item{-webkit-tap-highlight-color:transparent;cursor:pointer;position:relative}.rating__item{padding-left:.25em;padding-right:.25em}.rating__star{display:block;width:1em;height:1em;fill:currentColor;stroke:var(--uiRatingStroke);stroke-width:var(--uiRatingStrokeWidth)}.rating__label{position:absolute;top:0;left:-9999px}.rating:hover,.rating__control:nth-of-type(1):checked ~ .rating__item:nth-of-type(1),.rating__control:nth-of-type(2):checked ~ .rating__item:nth-of-type(-n+2),.rating__control:nth-of-type(3):checked ~ .rating__item:nth-of-type(-n+3),.rating__control:nth-of-type(4):checked ~ .rating__item:nth-of-type(-n+4),.rating__control:nth-of-type(5):checked ~ .rating__item:nth-of-type(-n+5){color:var(--uiRatingColorActive)}.rating__item:hover ~ .rating__item{color:var(--uiRatingColor)}.rating{--ratingSize: 35px}#product-review-table>label:nth-child(6){padding-left:0}.form-add>h2{text-transform:uppercase}#cboxClose{position:absolute;top:20px;right:20px}#review-form>fieldset>ul>li:nth-child(3)>div{margin-top:10px}#review-form>fieldset>h4{font-size:13px}#review-form>fieldset>h4>span{font-weight:bold}.form-add{text-align:left;margin:10px}#review-form .form-list li{display:inline;width:50%;float:left}#review-form .form-list input.input-text{width:100%}.input-box{width:96%}#review-form>fieldset>ul>li:nth-child(2)>.input-box{float:right}#review-form>fieldset>ul>li:nth-child(3),#review-form>fieldset>ul>li:nth-child(3)>.input-box,#review-form>fieldset>ul>li:nth-child(3)>.input-box>textarea{width:100%}#review-form .buttons-set button.button{float:left}.buttons-set{margin-left:0}#review-form>fieldset>h4{margin-bottom:35px}#input-message-box{visibility:hidden;font-size:11px}#input-message-box a{color:red}#review-form>.buttons-set{margin-left:0 !important}.rating-message-wrapper{min-height:50px}#cboxLoadedContent{margin-bottom:20px !important}#review-trigger:hover{cursor:pointer}.product-additionals{overflow:hidden}.product-additionals>div{padding-bottom:99999px;margin-bottom:-99999px;float:left}#product-attribute-specs-table>tbody>tr.last.odd{border:none}.specs-container{margin-right:1%}.searchbox.sbx-sffv{display:none}.ais-refinement-list--header.ais-header .name{font-weight:bold !important}.how-2-category-button,#refine-toggle{background-color:#70b6c1;height:30px !important;width:95px;color:#fff;font-weight:bold;text-align:center;line-height:30px !important;margin-top:5px !important;margin-bottom:5px !important}#refine-toggle{color:#333;background:#e9e9e9;float:left;margin:0 !important}#how-2-design-popup>span,.amount>span{display:inline-block;vertical-align:middle;line-height:normal}#algolia-static-content{margin-bottom:15px !important}#algolia-left-container{margin-top:6px}#algolia_instant_selector #refine-toggle{border:none}.sidebar .block:first-child{margin-top:12px}@media (max-width: 992px) and (min-width: 768px){#algolia-right-container,#algolia-left-container{width:100%;padding-right:5px}#refine-toggle{margin-top:5px !important}#algolia-sorts{margin-left:5px !important}.row div{margin-left:0;margin-right:0}}.item-category-view{width:25%;float:left;padding:2%;height:390px}.item-category-view:hover{padding-right:0%;margin-left:0%;margin-right:0%;padding:2%;z-index:10;box-shadow:0 0 20px rgba(0,0,0,0.2);border-color:transparent}li.item-category-view>a{text-align:center}.col-left{padding-left:5px}.sorter .sort-by,.pager .amount,.sorter .amount{background:none}.amount-below960{display:none;font-weight:bold;position:absolute;right:105px;line-height:3.3em !important}.sort-by-label{padding-top:2px}@media (width: 768px){.sort-by{padding-top:0 !important}}.product-view .product-shop .green-price-box{width:unset}#algolia-searchbox{float:left}.header-main.v-grid-container>div.valuat.grid12-4,.header-main.v-grid-container>div.grid12-4.awards_logo{display:none}#top .logo-wrapper{width:23%}#top div.search-wrapper-centered{width:39.67%}#algolia-searchbox{width:100%}#top div.search-wrapper-centered{width:43.67%}#instant-search-results-container>div>li,.itemslider-wrapper ul>li{text-align:left !important;line-height:1.25em !important}.priceFromTitle{font-weight:normal}.products-grid .price-box{margin-top:0}.price-distance{margin-bottom:10px}.category-products-grid.hover-effect .item{min-height:0 !important}.products-grid.centered .item .ratings .amount{margin-top:3px}.itemgrid-3col .item:nth-child(3n+1){clear:none}.product-view .price-box .price,.map-popup-price .price,.map-popup-msrp .price{font-family:'PT Sans', Arial, Helvetica, sans-serif !important}@media (max-width: 1280px){div.header-main.v-grid-container>div.grid-full.awards_logo{display:none}h3{font-size:1.33em}}@media (max-width: 960px){div.grid-full{display:block}.top-links,.awards_logo{display:none !important}.nav-container{width:calc(100% - 100px - 10px);float:left !important}.v-grid.grid12-3.user-menu{margin-top:0px;width:100px !important;float:right;margin-right:0}div.header-main.v-grid-container{display:block !important;width:100%;margin:0}#mini-cart>div.dropdown-toggle.cover>.feature-icon-hover{padding-top:4.5px;padding-bottom:2px;line-height:1.2666em}#mini-cart>div.dropdown-menu.left-hand.block{margin-top:15px}.header .logo-wrapper{text-align:left}ul>li.valuat{display:none}.header-main.v-grid-container>div.valuat.grid12-4>div.award-rating-wrapper>.rating-box.valuat-separ{float:left;margin-top:3px}.header-main.v-grid-container>div.valuat{float:right}.header-main>div.logo-wrapper.v-grid.grid12-4,.header-main.v-grid-container>div.valuat.grid12-4,.header-main.v-grid-container>div.grid12-4.awards_logo{width:31.3333%;display:block !important}.header-main.v-grid-container>div.valuat.grid12-4,.header-main.v-grid-container>div.grid12-4.awards_logo{width:31.3333% !important}.header-main.v-grid-container>div.grid12-4.awards_logo{text-align:center}.award-rating-wrapper{float:right}div.grid12-4.awards_logo,.header-main.v-grid-container>div.valuat{margin-top:10px;margin-bottom:10px}.header-main.v-grid-container>div.valuat,.header-main.v-grid-container>div.logo-wrapper.v-grid.grid12-4{margin-top:25px}div.grid12-4.awards_logo>img{max-width:100%;max-height:60px}.header .logo{width:100%}.logo-wrapper.v-grid.grid12-4{width:40% !important}.header-main.v-grid-container>div.valuat.grid12-4{width:24% !important}nav.top-info{display:none}.header-main.v-grid-container>.grid12-4{width:100%;float:left}#algolia-searchbox,#algolia-searchbox .algolia-search-input{width:100% !important}.search-wrapper-centered.clearer.v-grid.grid12-4.search-wrapper.search-wrapper-mobile{margin:0}#algolia-autocomplete-container .aa-dropdown-menu{width:100% !important;margin-right:2px}#top div.search-wrapper-centered{width:100%}#algolia-searchbox .algolia-search-input{width:68% !important}#algolia-searchbox{margin-left:0 !important}.sort-by>select{color:#333;background:#e9e9e9;float:left;margin:0 !important}#algolia-right-container div.amount.visible-sm{float:right !important;font-weight:bold;line-height:30px !important;margin-top:5px}#algolia-left-container{margin-top:6px}.item-category-view{width:50%;float:left;height:450px}.grid-col2-sidebar{width:100% !important}.blogfeed_wrapper{width:auto}.toolbar .sorter .amount{display:none !important}.amount-below960{display:block}.sort-by>select{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-top:0;padding-right:0}#refine-toggle{width:66px}.sort-by>select{height:30px !important;font-weight:bold;padding-top:6px;color:#333;background:#e9e9e9;float:left;margin:0 !important;font-weight:bold;text-align:center;width:auto;padding-right:5px}}@media (max-width: 768px){div.grid-full{display:block}.top-links,.awards_logo{display:none !important}.nav-container{width:calc(100% - 100px - 10px);float:left !important}.v-grid.grid12-3.user-menu{margin-top:0px;width:100px !important;float:right;margin-right:0}div.header-main.v-grid-container{display:block !important;width:100%;margin:0}#mini-cart>div.dropdown-toggle.cover>.feature-icon-hover{padding-top:4.5px;padding-bottom:2px;line-height:1.2666em}#mini-cart>div.dropdown-menu.left-hand.block{margin-top:15px}.header .logo-wrapper{text-align:left}ul>li.valuat{display:none}.header-main.v-grid-container>div.valuat.grid12-4>div.award-rating-wrapper>.rating-box.valuat-separ{float:left;margin-top:3px}.header-main.v-grid-container>div.valuat{float:right}.header-main>div.logo-wrapper.v-grid.grid12-4,.header-main.v-grid-container>div.valuat.grid12-4,.header-main.v-grid-container>div.grid12-4.awards_logo{width:31.3333%;display:block !important}.header-main.v-grid-container>div.valuat.grid12-4,.header-main.v-grid-container>div.grid12-4.awards_logo{width:31.3333% !important}.header-main.v-grid-container>div.grid12-4.awards_logo{text-align:center}.award-rating-wrapper{float:right}div.grid12-4.awards_logo,.header-main.v-grid-container>div.valuat{margin-top:10px;margin-bottom:10px}.header-main.v-grid-container>div.valuat,.header-main.v-grid-container>div.logo-wrapper.v-grid.grid12-4{margin-top:25px}div.grid12-4.awards_logo>img{max-width:100%;max-height:60px}.header .logo{width:100%}.logo-wrapper.v-grid.grid12-4{width:40% !important}.header-main.v-grid-container>div.valuat.grid12-4{width:24% !important}nav.top-info{display:none}.form-list li{width:100%;float:none;display:block}#review-form>fieldset>ul>li>.input-box{margin-top:10px;width:100%}#review-form>fieldset>ul>li:nth-child(2)>.input-box{float:none}#review-form button.button{margin-top:0 !important}.product-additionals>div{padding-bottom:0px;margin-bottom:0px}.additional-block:nth-child(2)>div,.additional-block:nth-child(2)>h3{padding-left:0}#algolia-sorts,#refine-toggle{margin-top:5px !important}#algolia_instant_selector{margin-left:0px !important;margin-right:0px !important}.itemgrid.itemgrid-adaptive .item{height:420px !important;background:green}.sorter{text-align:left}.sort-by{margin-left:10px}}@media (max-width: 480px){div.grid-full{display:block}.top-links,.awards_logo{display:none !important}.nav-container{width:calc(100% - 100px - 10px);float:left !important}.v-grid.grid12-3.user-menu{margin-top:0px;width:100px !important;float:right;margin-right:0}div.header-main.v-grid-container{display:block !important;width:100%;margin:0}#mini-cart>div.dropdown-toggle.cover>.feature-icon-hover{padding-top:4.5px;padding-bottom:2px;line-height:1.2666em}#mini-cart>div.dropdown-menu.left-hand.block{margin-top:15px}.header .logo-wrapper{text-align:left}ul>li.valuat{display:none}.header-main.v-grid-container>div.valuat.grid12-4>div.award-rating-wrapper>.rating-box.valuat-separ{float:left;margin-top:3px}.header-main.v-grid-container>div.valuat{float:right}.header-main>div.logo-wrapper.v-grid.grid12-4,.header-main.v-grid-container>div.valuat.grid12-4,.header-main.v-grid-container>div.grid12-4.awards_logo{width:31.3333%;display:block !important}.header-main.v-grid-container>div.valuat.grid12-4,.header-main.v-grid-container>div.grid12-4.awards_logo{width:31.3333% !important}.header-main.v-grid-container>div.grid12-4.awards_logo{text-align:center}.award-rating-wrapper{float:right}div.grid12-4.awards_logo,.header-main.v-grid-container>div.valuat{margin-top:10px;margin-bottom:10px}.header-main.v-grid-container>div.valuat,.header-main.v-grid-container>div.logo-wrapper.v-grid.grid12-4{margin-top:25px}div.grid12-4.awards_logo>img{max-width:100%;max-height:60px}.header .logo{width:100%}.logo-wrapper.v-grid.grid12-4{width:40% !important}.header-main.v-grid-container>div.valuat.grid12-4{width:24% !important}nav.top-info{display:none}.header-top-container{display:none}#rating_comment{margin-left:0;margin-bottom:10px;margin-top:10px}#rating_comment,#input-message-box{float:left}#input-message-box{float:left;display:none}#algolia-right-container div.amount.visible-sm{display:none !important}.item-category-view{height:350px}.sort-by{margin-left:10px !important}}@media (max-width: 320px){div.grid-full{display:block}.top-links,.awards_logo{display:none !important}.nav-container{width:calc(100% - 100px - 10px);float:left !important}.v-grid.grid12-3.user-menu{margin-top:0px;width:100px !important;float:right;margin-right:0}div.header-main.v-grid-container{display:block !important;width:100%;margin:0}#mini-cart>div.dropdown-toggle.cover>.feature-icon-hover{padding-top:4.5px;padding-bottom:2px;line-height:1.2666em}#mini-cart>div.dropdown-menu.left-hand.block{margin-top:15px}.amount-below960{position:static}}.block-right-fix{top:30%;right:-485px;width:485px;position:fixed;transition-duration:1s;cursor:default;z-index:1000000}.wrapper-block-fix-kontakte,.wrapper-block-fix-wie-gestalten{min-width:500px}.wrapper-block-fix-wie-gestalten{top:-35vh}.block-fix-icon{position:absolute;background-color:whitesmoke;width:110px;left:-110px;padding:15px 0}.block-fix-icon-icon{width:40%}.block-fix-body{padding:20px 15px;margin-left:1px;border-left:5px solid #6fb6c1;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.block-fix-kontakte-icon:hover,.block-fix-wie-gestalten-icon:hover{cursor:pointer}.block-fix-kontakte-icon:hover>img{cursor:pointer}.block-fix-wie-gestalten-icon:hover>img{cursor:pointer}.block-fix-kontakte-icon{background-color:whitesmoke;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5}.block-fix-kontakte-icon:hover>.block-fix-icon-icon{fill:#6fb6c1}.block-fix-wie-gestalten-icon:hover>.block-fix-icon-icon{fill:#6fb6c1}.block-fix-kontakte-icon:hover .block-fix-icon-text{color:#6fb6c1;text-decoration:underline}.block-fix-wie-gestalten-icon:hover .block-fix-icon-text{color:#6fb6c1;text-decoration:underline}.active-icon-block{background-color:#6fb6c1}.closed-icon-block{background-color:whitesmoke}.block-fix-wie-gestalten-icon{border-top:2px solid #e5e5e5;top:90px;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.block-fix-icon-text{font-weight:700;font-family:"PT Sans"}.icon-icon-black{fill:#333333}.icon-text-black{color:#333333}.icon-icon-white{fill:white !important}.icon-text-white{color:white !important;text-decoration:none !important}.icon-icon-blue{fill:#6fb6c1}.icon-text-blue{color:#6fb6c1}.block-fix-body-title{font-size:28px;color:#6fb6c1;font-weight:700;font-family:"PT Sans";text-align:left;margin-bottom:10px;margin-top:-5px}.block-fix-wie-gestalten-body{top:0}.block-fix-gest-body-card-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin-left:-5px}.block-fix-card-wrapper{width:140px;height:135px;margin-bottom:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:white;position:relative}div.block-fix-gest-body-card-wrapper:nth-child(2){margin-top:5px;margin-bottom:10px}div.block-fix-gest-body-card-wrapper:nth-child(3){margin-bottom:15px}.block-fix-card-title{position:absolute;bottom:10px;font-size:11px}.fix-kont-block{background-color:white;width:150px;height:130px}.block-fix-card-button-wrapper{display:flex;justify-content:center}.block-fix-card-button{cursor:pointer;background-color:#333333;font-weight:700;width:200px;height:40px;display:flex;flex-direction:row;align-items:center;justify-content:center;color:white;margin-bottom:-5px;margin-top:5px}.block-fix-card-button:hover{background-color:#6fb6c1}.block-fix-kontakte-body{text-align:left}.block-fix-kontakte-info-columns{display:flex;font-weight:900;font-size:21px;margin-top:10px;margin-bottom:-5px}.block-fix-kontakte-info-column1{margin-top:10px}.block-fix-kontakte-info-column2{margin-left:60px;margin-top:5px}.block-fix-kontakte-info>h3{font-weight:900;margin-bottom:15px}.block-fix-kontakte-link:hover{cursor:pointer;color:#6fb6c1;text-decoration:underline}.block-fix-marg{margin:10px 0}.block-fix-mail-link{color:#333333;text-decoration:none}.block-fix-mail-link:hover{text-decoration:none}.feature-wrapper>.block-fix-wie-gestalten{display:none}.wie-gestalten-mainpic-wrap{width:80%}.wie-gestalten-mainpic{height:100%}.wie-gestalten-mainpic-wrap{width:80%;padding-right:15px;padding-bottom:15px;background-color:whitesmoke}.page-title>div:nth-child(3)>div:nth-child(2)>div:nth-child(2)>div{width:151px}.page-title>div:nth-child(3){height:435px}div.block-fix-wie-gestalten-body:nth-child(2){display:none}.product-view .product-shop .green-price-box{width:unset}#algolia-searchbox{float:left}.header-main.v-grid-container>div.valuat.grid12-4,.header-main.v-grid-container>div.grid12-4.awards_logo{display:none}#top .logo-wrapper{width:23%}#top div.search-wrapper-centered{width:39.67%}#algolia-searchbox{width:100%}#top div.search-wrapper-centered{width:43.67%}#instant-search-results-container>div>li,.itemslider-wrapper ul>li{text-align:left !important;line-height:1.25em !important}.priceFromTitle{font-weight:normal}.products-grid .price-box{margin-top:0}.price-distance{margin-bottom:10px}.category-products-grid.hover-effect .item{min-height:0 !important}.products-grid.centered .item .ratings .amount{margin-top:3px}.itemgrid-3col .item:nth-child(3n+1){clear:none}.product-view .price-box .price,.map-popup-price .price,.map-popup-msrp .price{font-family:'PT Sans', Arial, Helvetica, sans-serif !important}@media (max-width: 1280px){div.header-main.v-grid-container>div.grid-full.awards_logo{display:none}h3{font-size:1.33em}#block-right-fix{display:none}}@media (max-width: 960px){div.grid-full{display:block}.top-links,.awards_logo{display:none !important}.nav-container{width:calc(100% - 100px - 10px);float:left !important}.v-grid.grid12-3.user-menu{margin-top:0px;width:100px !important;float:right;margin-right:0}div.header-main.v-grid-container{display:block !important;width:100%;margin:0}#mini-cart>div.dropdown-toggle.cover>.feature-icon-hover{padding-top:4.5px;padding-bottom:2px;line-height:1.2666em}#mini-cart>div.dropdown-menu.left-hand.block{margin-top:15px}.header .logo-wrapper{text-align:left}ul>li.valuat{display:none}.header-main.v-grid-container>div.valuat.grid12-4>div.award-rating-wrapper>.rating-box.valuat-separ{float:left;margin-top:3px}.header-main.v-grid-container>div.valuat{float:right}.header-main>div.logo-wrapper.v-grid.grid12-4,.header-main.v-grid-container>div.valuat.grid12-4,.header-main.v-grid-container>div.grid12-4.awards_logo{width:31.3333%;display:none !important}.header-main.v-grid-container>div.valuat.grid12-4,.header-main.v-grid-container>div.grid12-4.awards_logo{width:31.3333% !important}.header-main.v-grid-container>div.grid12-4.awards_logo{text-align:center}.award-rating-wrapper{float:right}div.grid12-4.awards_logo,.header-main.v-grid-container>div.valuat{margin-top:10px;margin-bottom:10px}.header-main.v-grid-container>div.valuat,.header-main.v-grid-container>div.logo-wrapper.v-grid.grid12-4{margin-top:25px}div.grid12-4.awards_logo>img{max-width:100%;max-height:60px}.header .logo{width:100%}.logo-wrapper.v-grid.grid12-4{width:40% !important}.header-main.v-grid-container>div.valuat.grid12-4{width:24% !important}nav.top-info{display:none}.header-main.v-grid-container>.grid12-4{width:100%;float:left}#algolia-searchbox,#algolia-searchbox .algolia-search-input{width:100% !important}.search-wrapper-centered.clearer.v-grid.grid12-4.search-wrapper.search-wrapper-mobile{margin:0}#algolia-autocomplete-container .aa-dropdown-menu{width:100% !important;margin-right:2px}#top div.search-wrapper-centered{width:100%}#algolia-searchbox .algolia-search-input{width:68% !important}#algolia-searchbox{margin-left:0 !important}.sort-by>select{color:#333;background:#e9e9e9;float:left;margin:0 !important}#algolia-right-container div.amount.visible-sm{float:right !important;font-weight:bold;line-height:30px !important;margin-top:5px}#algolia-left-container{margin-top:6px}.item-category-view{width:50%;float:left;height:450px}.grid-col2-sidebar{width:100% !important}.blogfeed_wrapper{width:auto}.toolbar .sorter .amount{display:none !important}.amount-below960{display:block}.sort-by>select{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-top:0;padding-right:0}#refine-toggle{width:66px}.sort-by>select{height:30px !important;font-weight:bold;padding-top:6px;color:#333;background:#e9e9e9;float:left;margin:0 !important;font-weight:bold;text-align:center;width:auto;padding-right:5px}#block-right-fix{display:none}div.itemslider-wrapper>.itemslider-horizontal>.viewport{margin-bottom:-50px}.page-title>div:nth-child(3){flex-direction:column !important;min-width:140px;flex-wrap:nowrap}.page-title>div:nth-child(3)>div:nth-child(1){background-color:#f5f5f5;display:flex;justify-content:center;min-height:0}.page-title>div:nth-child(3)>div:nth-child(1)>img:nth-child(1){width:45%;min-height:20px}.wiegestalten-mainpic-wrap{width:93.3%}.page-title>div:nth-child(3)>div:nth-child(2)>div:nth-child(2)>div{width:153px;height:140px}.page-title>div:nth-child(3)>div:nth-child(2){width:90.5%}}@media (max-width: 768px){div.grid-full{display:block}.top-links,.awards_logo{display:none !important}.nav-container{width:calc(100% - 100px - 10px);float:left !important}.v-grid.grid12-3.user-menu{margin-top:0px;width:100px !important;float:right;margin-right:0}div.header-main.v-grid-container{display:block !important;width:100%;margin:0}#mini-cart>div.dropdown-toggle.cover>.feature-icon-hover{padding-top:4.5px;padding-bottom:2px;line-height:1.2666em}#mini-cart>div.dropdown-menu.left-hand.block{margin-top:15px}.header .logo-wrapper{text-align:left}ul>li.valuat{display:none}.header-main.v-grid-container>div.valuat.grid12-4>div.award-rating-wrapper>.rating-box.valuat-separ{float:left;margin-top:3px}.header-main.v-grid-container>div.valuat{float:right}.header-main>div.logo-wrapper.v-grid.grid12-4,.header-main.v-grid-container>div.valuat.grid12-4,.header-main.v-grid-container>div.grid12-4.awards_logo{width:31.3333%;display:none !important}.header-main.v-grid-container>div.valuat.grid12-4,.header-main.v-grid-container>div.grid12-4.awards_logo{width:31.3333% !important}.header-main.v-grid-container>div.grid12-4.awards_logo{text-align:center}.award-rating-wrapper{float:right}div.grid12-4.awards_logo,.header-main.v-grid-container>div.valuat{margin-top:10px;margin-bottom:10px}.header-main.v-grid-container>div.valuat,.header-main.v-grid-container>div.logo-wrapper.v-grid.grid12-4{margin-top:25px}div.grid12-4.awards_logo>img{max-width:100%;max-height:60px}.header .logo{width:100%}.logo-wrapper.v-grid.grid12-4{width:40% !important}.header-main.v-grid-container>div.valuat.grid12-4{width:24% !important}nav.top-info{display:none}.form-list li{width:100%;float:none;display:block}#review-form>fieldset>ul>li>.input-box{margin-top:10px;width:100%}#review-form>fieldset>ul>li:nth-child(2)>.input-box{float:none}#review-form button.button{margin-top:0 !important}.product-additionals>div{padding-bottom:0px;margin-bottom:0px}.additional-block:nth-child(2)>div,.additional-block:nth-child(2)>h3{padding-left:0}#algolia-sorts,#refine-toggle{margin-top:5px !important}#algolia_instant_selector{margin-left:0px !important;margin-right:0px !important}.itemgrid.itemgrid-adaptive .item{height:420px !important;background:green}.sorter{text-align:left}.sort-by{margin-left:10px}#block-right-fix{display:none}.sidebar>.block-fix-wiegestalten-body{display:block !important;flex-wrap:nowrap;flex-direction:column;margin-left:0 !important;margin-bottom:10px}.block-fix-card-wrapper{width:270px}.page-title>div:nth-child(3)>div:nth-child(2)>div:nth-child(2)>div{width:174px}.col-right>.block{margin-left:0 !important}.award-rating-wrapper{margin-top:5px}#top div.search-wrapper-centered{margin-top:-10px}div.awards_logo>a>img{width:65%}div.valuat:nth-child(3),.logo-wrapper{margin-top:35px !important}.page-title>div:nth-child(3)>div:nth-child(2){display:none}.wiegestalten-mainpic-wrap{padding-bottom:15px}div.block-fix-wiegestalten-body:nth-child(2){display:block !important}}@media (max-width: 480px){div.grid-full{display:block}.top-links,.awards_logo{display:none !important}.nav-container{width:calc(100% - 100px - 10px);float:left !important}.v-grid.grid12-3.user-menu{margin-top:0px;width:100px !important;float:right;margin-right:0}div.header-main.v-grid-container{display:block !important;width:100%;margin:0}#mini-cart>div.dropdown-toggle.cover>.feature-icon-hover{padding-top:4.5px;padding-bottom:2px;line-height:1.2666em}#mini-cart>div.dropdown-menu.left-hand.block{margin-top:15px}.header .logo-wrapper{text-align:left}ul>li.valuat{display:none}.header-main.v-grid-container>div.valuat.grid12-4>div.award-rating-wrapper>.rating-box.valuat-separ{float:left;margin-top:3px}.header-main.v-grid-container>div.valuat{float:right}.header-main>div.logo-wrapper.v-grid.grid12-4,.header-main.v-grid-container>div.valuat.grid12-4,.header-main.v-grid-container>div.grid12-4.awards_logo{width:31.3333%;display:block !important}.header-main.v-grid-container>div.valuat.grid12-4,.header-main.v-grid-container>div.grid12-4.awards_logo{width:31.3333% !important}.header-main.v-grid-container>div.grid12-4.awards_logo{text-align:center}.award-rating-wrapper{float:right}div.grid12-4.awards_logo,.header-main.v-grid-container>div.valuat{margin-top:10px;margin-bottom:10px}.header-main.v-grid-container>div.valuat,.header-main.v-grid-container>div.logo-wrapper.v-grid.grid12-4{margin-top:25px}div.grid12-4.awards_logo>img{max-width:100%;max-height:60px}.header .logo{width:100%}.logo-wrapper.v-grid.grid12-4{width:40% !important}.header-main.v-grid-container>div.valuat.grid12-4{width:24% !important}nav.top-info{display:none}.header-top-container{display:none}#rating_comment{margin-left:0;margin-bottom:10px;margin-top:10px}#rating_comment,#input-message-box{float:left}#input-message-box{float:left;display:none}#algolia-right-container div.amount.visible-sm{display:none !important}.item-category-view{height:350px}.sort-by{margin-left:10px !important}.block-fix-card-wrapper{width:200px}.page-title>div:nth-child(3)>div:nth-child(2)>div:nth-child(2)>div{width:42vw}div.itemslider-wrapper>.itemslider-horizontal>.viewport{margin-bottom:-50px}.main-container{margin-top:-30px}.awards_logo img{margin-top:0;width:80%}.logo>a>img{width:90%}.header-main.v-grid-container>div.grid12-4.awards_logo{margin-bottom:-20px}.logo-wrapper{margin-bottom:15px !important}.search-wrapper-centered{margin-top:-10px}.award-rating-wrapper{display:flex;margin-left:-7px}.col-main{margin-bottom:-5px}div.valuat:nth-child(3),.logo-wrapper{margin-top:25px !important}}@media (max-width: 320px){div.grid-full{display:block}.top-links,.awards_logo{display:none !important}.nav-container{width:calc(100% - 100px - 10px);float:left !important}.v-grid.grid12-3.user-menu{margin-top:0px;width:100px !important;float:right;margin-right:0}div.header-main.v-grid-container{display:block !important;width:100%;margin:0}#mini-cart>div.dropdown-toggle.cover>.feature-icon-hover{padding-top:4.5px;padding-bottom:2px;line-height:1.2666em}#mini-cart>div.dropdown-menu.left-hand.block{margin-top:15px}.amount-below960{position:static}}.iv-container{overflow:hidden;position:relative}.iv-fullscreen{position:fixed;background:#0d0d0d;width:100%;height:100%;top:0;left:0;display:none;z-index:1000}.iv-fullscreen-container{position:relative;height:100%;width:100%}.iv-container{overflow:hidden;position:relative}.iv-image-mode{display:inline-block}.iv-fullscreen-close{position:absolute;width:24px;height:24px;right:10px;top:10px;padding:10px;cursor:pointer;text-align:center;overflow:hidden;text-shadow:0px 0px 3px #6d6d6d;transition:all ease 200ms}.iv-fullscreen-close:after,.iv-fullscreen-close:before{content:"";height:4px;width:24px;background:#FFF;position:absolute;left:0;top:50%;left:50%;transform:translate(-50%, -50%)}.iv-fullscreen-close:before{transform:translate(-50%, -50%) rotate(45deg)}.iv-fullscreen-close:after{transform:translate(-50%, -50%) rotate(-45deg)}.iv-fullscreen-close:hover{transform:rotate(90deg);transform-origin:50% 50%}.iv-snap-view{width:150px;height:150px;position:absolute;top:20px;left:20px;border:1px solid #aaa;background:black;z-index:100;box-sizing:content-box;transition:opacity ease 400ms;opacity:0}.iv-snap-image-wrap{display:inline-block;position:absolute;max-width:150px;max-height:150px;top:50%;left:50%;transform:translate(-50%, -50%);overflow:hidden}.iv-snap-image{position:relative;-ms-touch-action:none;touch-action:none}.iv-snap-handle{box-sizing:border-box;position:absolute;border:1px solid white;transform:translate3d(0, 0, 0);box-shadow:0px 0px 0px 200px rgba(0,0,0,0.5);cursor:pointer;cursor:grab}.iv-snap-handle:active{cursor:grabbing}.iv-zoom-slider{width:100%;box-sizing:content-box;border:1px solid #aaa;border-top:0;background:rgba(0,0,0,0.3);height:15px;position:absolute;top:150px;left:-1px}.iv-zoom-handle{width:20px;height:15px;background:white;position:absolute;cursor:pointer;cursor:grab}.iv-zoom-handle:active{cursor:grabbing}.iv-image-view{position:absolute;height:100%;width:100%;top:0;left:0}.iv-image-wrap{display:inline-block}.iv-image-wrap:active{cursor:move}.iv-image{max-width:100%;max-height:100%;position:absolute;-ms-touch-action:none;touch-action:none;transform:translate3d(0, 0, 0)}.iv-loader{top:50%;left:50%;border-radius:50%;width:32px;height:32px;z-index:100;margin-top:-16px;margin-left:-16px;font-size:5px;position:absolute;text-indent:-9999em;border:1.1em solid rgba(255,255,255,0.2);border-left:1.1em solid #ffffff;transform:translateZ(0);animation:loading-icon 1.1s infinite linear}.iv-loader:after{width:10em;height:10em;border-radius:50%}.cloud-zoom-big{margin-left:40px !important}@keyframes loading-icon{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media screen and (max-width: 767px){.iv-snap-view{z-index:-1;visibility:hidden}}@media screen and (max-width: 479px){#zoom-btn{display:block}}/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:15000;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:none}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--animate_opacity{opacity:0.001;will-change:opacity;transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;transition:transform 333ms cubic-bezier(0.4, 0, 0.22, 1)}.pswp__bg{will-change:opacity;transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}.pswp__img--placeholder{-webkit-backface-visibility:hidden}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100% !important;height:auto !important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC}.pswp__error-msg a{color:#CCC;text-decoration:underline}/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp__button{width:44px;height:44px;position:relative;background:none;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:0.75;transition:opacity 0.2s;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:none;opacity:0.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(https://ds.kartenmachen.de/skin/frontend/base/default/kmcro/css/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(https://ds.kartenmachen.de/skin/frontend/base/default/kmcro/css/default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:none}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:none;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,0.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,0.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:15100;opacity:0;transition:opacity 0.25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:15120;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;box-shadow:0 2px 5px rgba(0,0,0,0.25);transform:translateY(6px);transition:transform 0.25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF}a.pswp__share--facebook:hover:before{border-bottom-color:#3E5C9A}a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF}a.pswp__share--pinterest:hover{background:#CCC;color:#CE272D}a.pswp__share--download:hover{background:#DDD}.pswp__counter{position:absolute;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#FFF;opacity:0.75;padding:0 10px}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#BBB}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#CCC}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;transition:opacity 0.25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(https://ds.kartenmachen.de/skin/frontend/base/default/kmcro/css/preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{animation:clockwise 500ms linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{animation:donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite}.pswp--css_animation .pswp__preloader__icn{background:none;opacity:0.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:none;margin:0}@media screen and (max-width: 1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@keyframes clockwise{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes donut-rotate{0%{transform:rotate(0)}50%{transform:rotate(-140deg)}100%{transform:rotate(0)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:15050}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}.pswp__caption,.pswp__top-bar,.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{-webkit-backface-visibility:hidden;will-change:opacity;transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__top-bar,.pswp__caption{background-color:rgba(0,0,0,0.5)}.pswp__ui--fit .pswp__top-bar,.pswp__ui--fit .pswp__caption{background-color:rgba(0,0,0,0.3)}.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}.pswp__ui--hidden .pswp__top-bar,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right{opacity:0.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none !important}.pswp--minimal--dark .pswp__top-bar{background:none}/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp__button{width:44px;height:44px;position:relative;background:none;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:0.75;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:none;opacity:0.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(https://ds.kartenmachen.de/skin/frontend/base/default/kmcro/css/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(https://ds.kartenmachen.de/skin/frontend/base/default/kmcro/css/default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:none}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:none;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,0.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,0.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.25);box-shadow:0 2px 5px rgba(0,0,0,0.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform 0.25s;transition:transform 0.25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF}a.pswp__share--facebook:hover:before{border-bottom-color:#3E5C9A}a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF}a.pswp__share--pinterest:hover{background:#CCC;color:#CE272D}a.pswp__share--download:hover{background:#DDD}.pswp__counter{position:absolute;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#FFF;opacity:0.75;padding:0 10px}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#BBB}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#CCC}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(https://ds.kartenmachen.de/skin/frontend/base/default/kmcro/css/preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise 500ms linear infinite;animation:clockwise 500ms linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;animation:donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite}.pswp--css_animation .pswp__preloader__icn{background:none;opacity:0.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:none;margin:0}@media screen and (max-width: 1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}.pswp__caption,.pswp__top-bar,.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__top-bar,.pswp__caption{background-color:rgba(0,0,0,0.5)}.pswp__ui--fit .pswp__top-bar,.pswp__ui--fit .pswp__caption{background-color:rgba(0,0,0,0.3)}.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}.pswp__ui--hidden .pswp__top-bar,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right{opacity:0.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none !important}.pswp--minimal--dark .pswp__top-bar{background:none}.product-view .product-shop .green-price-box{width:unset}#algolia-searchbox{float:left}.header-main.v-grid-container>div.valuat.grid12-4,.header-main.v-grid-container>div.grid12-4.awards_logo{display:none}#top .logo-wrapper{width:23%}#top div.search-wrapper-centered{width:39.67%}#algolia-searchbox{width:100%}#top div.search-wrapper-centered{width:43.67%}#instant-search-results-container>div>li,.itemslider-wrapper ul>li{text-align:left !important;line-height:1.25em !important}.priceFromTitle{font-weight:normal}.products-grid .price-box{margin-top:0}.price-distance{margin-bottom:10px}.category-products-grid.hover-effect .item{min-height:0 !important}.products-grid.centered .item .ratings .amount{margin-top:3px}.itemgrid-3col .item:nth-child(3n+1){clear:none}.product-view .price-box .price,.map-popup-price .price,.map-popup-msrp .price{font-family:'PT Sans', Arial, Helvetica, sans-serif !important}@media (max-width: 1280px){div.header-main.v-grid-container>div.grid-full.awards_logo{display:none}h3{font-size:1.33em}#block-right-fix{display:none}}@media (max-width: 960px){div.grid-full{display:block}.top-links,.awards_logo{display:none !important}.nav-container{width:calc(100% - 100px - 10px);float:left !important}.v-grid.grid12-3.user-menu{margin-top:0px;width:100px !important;float:right;margin-right:0}div.header-main.v-grid-container{display:block !important;width:100%;margin:0}#mini-cart>div.dropdown-toggle.cover>.feature-icon-hover{padding-top:4.5px;padding-bottom:2px;line-height:1.2666em}#mini-cart>div.dropdown-menu.left-hand.block{margin-top:15px}.header .logo-wrapper{text-align:left}ul>li.valuat{display:none}.header-main.v-grid-container>div.valuat.grid12-4>div.award-rating-wrapper>.rating-box.valuat-separ{float:left;margin-top:3px}.header-main.v-grid-container>div.valuat{float:right}.header-main>div.logo-wrapper.v-grid.grid12-4,.header-main.v-grid-container>div.valuat.grid12-4,.header-main.v-grid-container>div.grid12-4.awards_logo{width:31.3333%;display:block !important}.header-main.v-grid-container>div.valuat.grid12-4,.header-main.v-grid-container>div.grid12-4.awards_logo{width:31.3333% !important}.header-main.v-grid-container>div.grid12-4.awards_logo{text-align:center}.award-rating-wrapper{float:right}div.grid12-4.awards_logo,.header-main.v-grid-container>div.valuat{margin-top:10px;margin-bottom:10px}.header-main.v-grid-container>div.valuat,.header-main.v-grid-container>div.logo-wrapper.v-grid.grid12-4{margin-top:25px}div.grid12-4.awards_logo>img{max-width:100%;max-height:60px}.header .logo{width:100%}.logo-wrapper.v-grid.grid12-4{width:40% !important}.header-main.v-grid-container>div.valuat.grid12-4{width:24% !important}nav.top-info{display:none}.header-main.v-grid-container>.grid12-4{width:100%;float:left}#algolia-searchbox,#algolia-searchbox .algolia-search-input{width:100% !important}.search-wrapper-centered.clearer.v-grid.grid12-4.search-wrapper.search-wrapper-mobile{margin:0}#algolia-autocomplete-container .aa-dropdown-menu{width:100% !important;margin-right:2px}#top div.search-wrapper-centered{width:100%}#algolia-searchbox .algolia-search-input{width:68% !important}#algolia-searchbox{margin-left:0 !important}.sort-by>select{color:#333;background:#e9e9e9;float:left;margin:0 !important}#algolia-right-container div.amount.visible-sm{float:right !important;font-weight:bold;line-height:30px !important;margin-top:5px}#algolia-left-container{margin-top:6px}.item-category-view{width:50%;float:left;height:450px}.grid-col2-sidebar{width:100% !important}.blogfeed_wrapper{width:auto}.toolbar .sorter .amount{display:none !important}.amount-below960{display:block}.sort-by>select{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-top:0;padding-right:0}#refine-toggle{width:66px}.sort-by>select{height:30px !important;font-weight:bold;padding-top:6px;color:#333;background:#e9e9e9;float:left;margin:0 !important;font-weight:bold;text-align:center;width:auto;padding-right:5px}#block-right-fix{display:none}div.itemslider-wrapper>.itemslider-horizontal>.viewport{margin-bottom:-50px}.page-title>div:nth-child(3){flex-direction:column !important;min-width:140px;flex-wrap:nowrap}.page-title>div:nth-child(3)>div:nth-child(1){background-color:#f5f5f5;display:flex;justify-content:center;min-height:0}.page-title>div:nth-child(3)>div:nth-child(1)>img:nth-child(1){width:45%;min-height:20px}.wiegestalten-mainpic-wrap{width:93.3%}.page-title>div:nth-child(3)>div:nth-child(2)>div:nth-child(2)>div{width:153px;height:140px}.page-title>div:nth-child(3)>div:nth-child(2){width:90.5%}}@media (max-width: 768px){div.grid-full{display:block}.top-links,.awards_logo{display:none !important}.nav-container{width:calc(100% - 100px - 10px);float:left !important}.v-grid.grid12-3.user-menu{margin-top:0px;width:100px !important;float:right;margin-right:0}div.header-main.v-grid-container{display:block !important;width:100%;margin:0}#mini-cart>div.dropdown-toggle.cover>.feature-icon-hover{padding-top:4.5px;padding-bottom:2px;line-height:1.2666em}#mini-cart>div.dropdown-menu.left-hand.block{margin-top:15px}.header .logo-wrapper{text-align:left}ul>li.valuat{display:none}.header-main.v-grid-container>div.valuat.grid12-4>div.award-rating-wrapper>.rating-box.valuat-separ{float:left;margin-top:3px}.header-main.v-grid-container>div.valuat{float:right}.header-main>div.logo-wrapper.v-grid.grid12-4,.header-main.v-grid-container>div.valuat.grid12-4,.header-main.v-grid-container>div.grid12-4.awards_logo{width:31.3333%;display:block !important}.header-main.v-grid-container>div.valuat.grid12-4,.header-main.v-grid-container>div.grid12-4.awards_logo{width:31.3333% !important}.header-main.v-grid-container>div.grid12-4.awards_logo{text-align:center}.award-rating-wrapper{float:right}div.grid12-4.awards_logo,.header-main.v-grid-container>div.valuat{margin-top:10px;margin-bottom:10px}.header-main.v-grid-container>div.valuat,.header-main.v-grid-container>div.logo-wrapper.v-grid.grid12-4{margin-top:25px}div.grid12-4.awards_logo>img{max-width:100%;max-height:60px}.header .logo{width:100%}.logo-wrapper.v-grid.grid12-4{width:40% !important}.header-main.v-grid-container>div.valuat.grid12-4{width:24% !important}nav.top-info{display:none}.form-list li{width:100%;float:none;display:block}#review-form>fieldset>ul>li>.input-box{margin-top:10px;width:100%}#review-form>fieldset>ul>li:nth-child(2)>.input-box{float:none}#review-form button.button{margin-top:0 !important}.product-additionals>div{padding-bottom:0px;margin-bottom:0px}.additional-block:nth-child(2)>div,.additional-block:nth-child(2)>h3{padding-left:0}#algolia-sorts,#refine-toggle{margin-top:5px !important}#algolia_instant_selector{margin-left:0px !important;margin-right:0px !important}.itemgrid.itemgrid-adaptive .item{height:420px !important;background:green}.sorter{text-align:left}.sort-by{margin-left:10px}#block-right-fix{display:none}.sidebar>.block-fix-wiegestalten-body{display:block !important;flex-wrap:nowrap;flex-direction:column;margin-left:0 !important;margin-bottom:10px}.block-fix-card-wrapper{width:270px}.page-title>div:nth-child(3)>div:nth-child(2)>div:nth-child(2)>div{width:174px}.col-right>.block{margin-left:0 !important}.award-rating-wrapper{margin-top:5px}#top div.search-wrapper-centered{margin-top:-10px}div.awards_logo>a>img{width:65%}div.valuat:nth-child(3),.logo-wrapper{margin-top:35px !important}.page-title>div:nth-child(3)>div:nth-child(2){display:none}.wiegestalten-mainpic-wrap{padding-bottom:15px}div.block-fix-wiegestalten-body:nth-child(2){display:block !important}}@media (max-width: 480px){div.grid-full{display:block}.top-links,.awards_logo{display:none !important}.nav-container{width:calc(100% - 100px - 10px);float:left !important}.v-grid.grid12-3.user-menu{margin-top:0px;width:100px !important;float:right;margin-right:0}div.header-main.v-grid-container{display:block !important;width:100%;margin:0}#mini-cart>div.dropdown-toggle.cover>.feature-icon-hover{padding-top:4.5px;padding-bottom:2px;line-height:1.2666em}#mini-cart>div.dropdown-menu.left-hand.block{margin-top:15px}.header .logo-wrapper{text-align:left}ul>li.valuat{display:none}.header-main.v-grid-container>div.valuat.grid12-4>div.award-rating-wrapper>.rating-box.valuat-separ{float:left;margin-top:3px}.header-main.v-grid-container>div.valuat{float:right}.header-main>div.logo-wrapper.v-grid.grid12-4,.header-main.v-grid-container>div.valuat.grid12-4,.header-main.v-grid-container>div.grid12-4.awards_logo{width:31.3333%;display:block !important}.header-main.v-grid-container>div.valuat.grid12-4,.header-main.v-grid-container>div.grid12-4.awards_logo{width:31.3333% !important}.header-main.v-grid-container>div.grid12-4.awards_logo{text-align:center}.award-rating-wrapper{float:right}div.grid12-4.awards_logo,.header-main.v-grid-container>div.valuat{margin-top:10px;margin-bottom:10px}.header-main.v-grid-container>div.valuat,.header-main.v-grid-container>div.logo-wrapper.v-grid.grid12-4{margin-top:25px}div.grid12-4.awards_logo>img{max-width:100%;max-height:60px}.header .logo{width:100%}.logo-wrapper.v-grid.grid12-4{width:40% !important}.header-main.v-grid-container>div.valuat.grid12-4{width:24% !important}nav.top-info{display:none}.header-main.v-grid-container>div.grid12-4.awards_logo{display:none !important}.header-top-container{display:none}#zoom-btn{display:none !important}#rating_comment{margin-left:0;margin-bottom:10px;margin-top:10px}#rating_comment,#input-message-box{float:left}#input-message-box{float:left;display:none}#algolia-right-container div.amount.visible-sm{display:none !important}.item-category-view{height:350px}.sort-by{margin-left:10px !important}.block-fix-card-wrapper{width:200px}.page-title>div:nth-child(3)>div:nth-child(2)>div:nth-child(2)>div{width:42vw}div.itemslider-wrapper>.itemslider-horizontal>.viewport{margin-bottom:-30px}.main-container{margin-top:-30px}.awards_logo img{margin-top:0;width:80%}.logo>a>img{width:90%}.header-main.v-grid-container>div.grid12-4.awards_logo{margin-bottom:-20px}.logo-wrapper{margin-bottom:15px !important}.search-wrapper-centered{margin-top:-10px}.award-rating-wrapper{display:flex;margin-left:-7px}.col-main{margin-bottom:-5px}div.valuat:nth-child(3),.logo-wrapper{margin-top:25px !important}}@media (max-width: 320px){div.grid-full{display:block}.top-links,.awards_logo{display:none !important}.nav-container{width:calc(100% - 100px - 10px);float:left !important}.v-grid.grid12-3.user-menu{margin-top:0px;width:100px !important;float:right;margin-right:0}div.header-main.v-grid-container{display:block !important;width:100%;margin:0}#mini-cart>div.dropdown-toggle.cover>.feature-icon-hover{padding-top:4.5px;padding-bottom:2px;line-height:1.2666em}#mini-cart>div.dropdown-menu.left-hand.block{margin-top:15px}.amount-below960{position:static}}
/*# sourceMappingURL=style-cro.css.map */

.footer-primary-bottom > div:nth-child(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.footer-valuation-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.footer-valuation-text-area {
  margin-left: 5px;
  margin-top: -7px; }

.footer-link {
  margin-top: -4px; }

strong.footer-valuation-number {
  color: #333333;
  font-size: 30px;
  font-weight: 700;
  margin-left: 3px; }

.footer-valuat-label {
  color: #333333;
  font-size: 13px;
  font-weight: 700;
  text-align: left; }

.footer-link-label {
  color: #bbbbbb;
  font-size: 13px;
  font-weight: 700;
  text-align: left; }

.footer-link-label:hover {
  text-decoration: underline; }

.social-links {
  margin-top: 0 !important; }

.footer .item-left {
  margin-right: 0; }

@media screen and (max-width: 767px) {
  .footer-primary-bottom > div:nth-child(1) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }

  .social-links {
    margin-top: 15px !important; } }
.footer-valuation {
  max-height: 13px; }

/*# sourceMappingURL=valuation-footer.css.map */

.welcome-msg,
.user-menu
{
    display: none;
}

.user-menu {
    opacity: 0;
}


.global-site-notice{
    overflow: auto;
    background: #f5f5f5;
}


.cookie-head{
    background: none !important;
    padding: 10px 0 10px 0 !important;
    padding-left: 0px;
    width: 100% !important;
    max-width: 70% !important;
    max-width: 1175px !important;

}
.cookie-head p{
    width: auto !important;
    margin: 0;
    padding: 10px 10px 10px 0;
    display: inline-block;
    vertical-align: middle;


}
.cookie-head .actions{
    float: right;
}

.cookie-container{
    text-align: left; 
    padding-left: 1.4%;
    padding-top: 5px;
    padding-bottom: 5px !important;
    overflow: auto;
}

.cookie-container p {
    /*width: 65%;*/
    width: 85%;
    float: left;
}

@media (min-device-width: 640px){


    .cookie-container p {
        width: 83%;
    }
}

@media (min-device-width: 320px) and (max-device-width: 639px){


    .cookie-container p {
        width: 77%;
    }
}


/*
@media (min-device-width: 980px){


    .cookie-container p {
        width: 90%;
        float:left;
    }
}

@media (min-device-width: 800px) and (max-device-width: 979px){


    .cookie-container p {
        width: 80%;
        float:left;
    }
}
*/


.cookie-container .actions {
    float:right;
    margin-right: 2.5%;
}   

button.button{

}


.global-site-notice .notice-inner .actions {
    display: inline-block;
    vertical-align: middle;
}
/*
.actions button{
    margin-bottom: 5px;
}


@media (max-device-width: 1280px){


.cookie-head{
    width: 67.66% !important;
    max-width: 67.66% !important;

}

.cookie-head .actions{

    margin-right: 48px;

}
}


@media (max-device-width: 1280px) and (min-device-width: 981px){

.cookie-head{
    width: 95.33% !important;
    max-width: 95.33% !important;
    padding-left: 3.66% !important;

}

.cookie-head p{
    width: 81% !important;

}    

.cookie-head .actions{


}
}


@media (max-device-width: 980px) and (min-device-width: 801px){

.cookie-head{
    max-width: 94.33% !important;
    width: 94.33% !important;
    padding-left: 0% !important;

}

.cookie-head p{
    width: 84.33% !important;

}    

.header .item-left{
    font-size: 0.85em !important;
    margin-right: 11px;
}    

.cookie-head .actions{

    margin-right: 0px;

}    

}

@media (max-device-width: 800px)  and (min-device-width: 361px){

.cookie-head{
    width: 90.33% !important;
    max-width: 90.33% !important;
    padding-left: 0% !important;

}

.cookie-head p{
    width: 79.99% !important;

}    

.top-links ul {
    margin-left: -300px;
    margin-top: 30px;
}

#mini-cart{
    margin-top:22px;
}
.cookie-head .actions{
    
    margin-right: 0px;
    
}
}

@media (max-device-width: 360px){

.top-links ul {
    margin-left: 0px;
    margin-top: 10px;
}

#mini-cart{
    margin-top:0px;
}

.cookie-head p{
    width: 100% !important;
    text-align: left;
}

.cookie-head .actions{
    
    margin-left: 0px;
    clear: right;
    
}

}  


*/

@media (min-device-width: 1920px){

}
@media (max-device-width: 1920px)  and (min-device-width: 1280px){
    button.button{
        margin-top: 0;
    }
}
@media (max-device-width: 1279px)  and (min-device-width: 960px){
    button.button{
        margin-top: 0;
    }
}
@media (max-device-width: 959px)  and (min-device-width: 768px){
    button.button{
        margin-top: 14%;
    }
}
@media (max-device-width: 767px)  and (min-device-width: 640px){
    button.button{
        margin-top: 14%;
    }
}
@media (max-device-width: 639px)  and (min-device-width: 480px){
    button.button{
        /*margin-top: 28%;*/
    }
}
@media (max-device-width: 479px)  and (min-device-width: 431px){
    button.button{
        /*margin-top: 28%;*/

    }
}
@media (max-device-width: 430px)  and (min-device-width: 351px){
    button.button{
        /*margin-top: 42%;*/
    }
}
@media (max-device-width: 350px){

}
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * @category  Symmetrics
 * @package   Symmetrics_TrustedRating
 * @author    symmetrics - a CGI Group brand <info@symmetrics.de>
 * @author    Yauhen Yakimovich <yy@symmetrics.de>
 * @copyright 2009-2012 symmetrics - a CGI Group brand
 * @license   http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 * @link      http://www.symmetrics.de/
 */
div.trustedrating-widget {
    vertical-align: middle;
    text-align: center;
    margin-bottom: 14px;
}

/**
 * Infortis Themes
 */



/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Basic layout
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.section-container {}
.section { padding:10px 0; }
.section-space { padding:10px; }


/* Helper classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Magento default helper classes
-------------------------------------------------------------- */

/* Layout helper classes
-------------------------------------------------------------- */
.margin-top { margin-top:20px; }
.margin-bottom { margin-bottom:20px; }
.padding-top { padding-top:20px; }
.padding-bottom { padding-bottom:20px; }
.float-left { float:left; } /*deprecated*/
.float-right { float:right; } /*deprecated*/



/* Minor components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Caret
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.caret {
	display:inline-block;
	width:0;
	height:0;
	margin-bottom:2px;
	vertical-align:middle;
	content:"";
	border-style:solid solid none;
	border-width:4px 4px 0;
	border-color:#333 transparent transparent;
}
.dropdown .caret {
	opacity:0.3;
	filter:alpha(opacity=30);
}
.dropdown:hover .caret {
	opacity:1;
	filter:alpha(opacity=100);
}


/* Product labels (stickers)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Positionning
-------------------------------------------------------------- */
.sticker-wrapper {
	position:absolute;
	transition:			all 150ms ease-in-out;
	-moz-transition:	all 150ms ease-in-out;
	-webkit-transition:	all 150ms ease-in-out;
	-o-transition:		all 150ms ease-in-out;
}
.product-view .sticker-wrapper { z-index:99; /* On product page z-index gteater than Cloud Zoom image */ }

.sticker-wrapper.top-right { top:-3px; right:-3px; }
.sticker-wrapper.bottom-right { bottom:-3px; right:-3px; }
.sticker-wrapper.bottom-left { bottom:-3px; left:-3px; }
.sticker-wrapper.top-left { top:-3px; left:-3px; }

/* Appearence
-------------------------------------------------------------- */
.sticker {
	width:60px;
	height:60px;
	border-radius:50%;
	
	font-size:1.1666em;
	line-height:1em;
	font-weight:bold;
	text-align:center;
	display:table-cell;
	vertical-align:middle;

	transition:			all 150ms ease-in-out;
	-moz-transition:	all 150ms ease-in-out;
	-webkit-transition:	all 150ms ease-in-out;
	-o-transition:		all 150ms ease-in-out;
}

/* Colors */
.sticker.new { background-color:#5BD2EC; color:#fff; }
.sticker.sale { background-color:#F12B63; color:#fff; }

/* Effects */
.item:hover .sticker { width:65px; height:65px; }
.item:hover .sticker-wrapper.top-right,
.item:hover .sticker-wrapper.top-left { }
.item:hover .sticker-wrapper.top-right { }
.item:hover .sticker-wrapper.top-left { }

/*Sizes*/
.sticker.size-s { width:45px; height:45px; font-size:1em; }
.item:hover .sticker.size-s { width:50px; height:50px; }
.sticker.size-xs { width:40px; height:40px; font-size:0.9166em; /*11px*/ }
.item:hover .sticker.size-xs { width:45px; height:45px; }



/* CMS pages and custom content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Video (embed)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* "videoWrapper" - depracated class, left for backward compatibility */
.video-wrapper,
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed,
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Page banners
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.page-banners .banner a { display:block; }
.page-banners .banner a img { display:block; margin:0 auto; }

/* depracated styles, left for backward compatibility: */
.page-banners .banner { margin-bottom:2%; }


/* Landing pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.landing-page {}
.horizontal-section,
.vertical-section { display:block; margin-top:0; margin-bottom:10px; position:relative; }
.horizontal-section { margin-top:10px; }
.landing-page .center-block { display:block; margin:0 auto; }


/* Caption
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.caption {
	display:block;
	position:absolute;
	bottom:0;
	width:80%;
	margin: 4%;
	padding:0;
}

/* Caption position
-------------------------------------------------------------- */
.caption.top {
	top:0;
	bottom:auto;
	width:80%;
}
.caption.top-right {
	top:0;
	bottom:auto;
	right:0;
	width:58%;
}
.caption.bottom-right {
	right:0;
	width:58%;
}

/* Caption elements
-------------------------------------------------------------- */
.caption > * {
	float:left;
	display:inline-block;
	margin-bottom:1px;
}
.caption .heading {
	padding:0.25em;
	margin-bottom:0.2em;
	font-size:2.8em;
	line-height:1em;
	font-weight:normal;
}
.caption p {
	clear:left;
	padding:0.25em 0.5em;
	font-size: 1.3333em;
	line-height:1em;
}
.caption button {
	clear:left;
}

/* Caption layout
-------------------------------------------------------------- */
.caption.centered {
	text-align: center;
}
.caption.centered > * {
	display:inline-block;
	float: none;
}

/* Floating (text alignment) */
.caption.right > * { text-align:right; float:right !important; }

/* Caption additional styles
-------------------------------------------------------------- */
/* Width */
.caption.full-width { width:88%; margin:6%; }
.caption.narrow { width:38%; }

/* Prevent from hiding elements of the caption on narrow screens */
.caption .permanent { display:inline-block !important; }

/* Skin
-------------------------------------------------------------- */
.caption .heading,
.caption p {
	transition:			color 450ms ease-in-out, background-color 450ms ease-in-out;
	-moz-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-webkit-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-o-transition:		color 450ms ease-in-out, background-color 450ms ease-in-out;
}
a:hover .caption .heading,
a:hover .caption p {
	transition:			color 200ms ease-in-out, background-color 200ms ease-in-out;
	-moz-transition:	color 200ms ease-in-out, background-color 200ms ease-in-out;
	-webkit-transition:	color 200ms ease-in-out, background-color 200ms ease-in-out;
	-o-transition:		color 200ms ease-in-out, background-color 200ms ease-in-out;
}

/* Dark + white text */
.caption.dark1 .heading,
.caption.dark1 p { background-color:rgba(0,0,0, 0.35); color:#fff; }
a:hover .caption.dark1 .heading,
a:hover .caption.dark1 p { background-color:rgba(0,0,0, 0.7); color:#fff; }

/* Dark + white text */
.caption.dark2 .heading,
.caption.dark2 p { background-color:rgba(0,0,0, 0.5); color:#fff; }
a:hover .caption.dark2 .heading,
a:hover .caption.dark2 p { background-color:rgba(0,0,0, 0.8); color:#fff; }

/* Dark + white text */
.caption.dark3 .heading,
.caption.dark3 p { background-color:rgba(0,0,0, 0.65); color:#fff; }
a:hover .caption.dark3 .heading,
a:hover .caption.dark3 p { background-color:rgba(0,0,0, 1); color:#fff; }

/* Light + black text */
.caption.light1 .heading,
.caption.light1 p { background-color:rgba(255,255,255, 0.35); color:#000; }
a:hover .caption.light1 .heading,
a:hover .caption.light1 p { background-color:rgba(255,255,255, 0.7); color:#000; }

/* Light + black text */
.caption.light2 .heading,
.caption.light2 p { background-color:rgba(255,255,255, 0.6); color:#000; }
a:hover .caption.light2 .heading,
a:hover .caption.light2 p { background-color:rgba(255,255,255, 0.85); color:#000; }

/* Light + black text */
.caption.light3 .heading,
.caption.light3 p { background-color:rgba(255,255,255, 0.8); color:#000; }
a:hover .caption.light3 .heading,
a:hover .caption.light3 p { background-color:rgba(255,255,255, 1); color:#000; }

/**
 * Theme Content Construction Kit
 */



/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Vertically centered content
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.v-centered-content {
	display:table;
}
.v-centered-content .v-center {
	display:table-cell;
	vertical-align:middle;
}


/* Heading of a content section
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.section-title { clear:both; margin:0; display:block; }
.section-title.padding-right { padding-right:80px !important; }

/* Horizontal line */
.section-line {
	clear:both;
	display:block;
	font-size:0;
	line-height:0;
	height:0;
	margin:0 0 10px;
	padding:10px 0 0;
	background:none;
	border-bottom:1px solid #e5e5e5;
	text-indent:-9999em;
	overflow:hidden;
}


/* Custom sidebars
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.custom-sidebar-right { float:right !important; }
.custom-sidebar-right .inner {
	padding-left:10px;
	border-left:1px solid #e5e5e5;
}

.custom-sidebar-left { float:left !important; }
.custom-sidebar-left .inner {
	padding-right:10px;
	border-right:1px solid #e5e5e5;
}



/* Vertical links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.links > li,
.links > li > a { line-height:3em; } /* line-height:36px; */ /*2.6666em = 32px;*/
.links > li > a { padding:0 0.5833em; } /* padding:0 7px; */
.links > li.label { padding-right:0.5833em; } /* 7px */

/* Basic links, no separators
-------------------------------------------------------------- */
.links > li { float:left; }
.links > li > a { display:block; }

/* Links with separators (at the right side)
-------------------------------------------------------------- */
.links-wrapper-separators .links > li { margin-left:-1px; }
.links-wrapper-separators .links > li > a {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/img/link-separator.png);
	background-position:right center;
	background-repeat:no-repeat;
}
.links-wrapper-separators .links > li.last > a { background-image:none; }
.links-wrapper-separators .links > li.hide-separator > a { background-image:none; }
.links-wrapper-separators .links > li.separator-left > a { background-position:left center; }

/* Links with separators (at the left side)
-------------------------------------------------------------- */
.links-wrapper-separators-left .links > li { margin-left:-1px; }
.links-wrapper-separators-left .links > li > a {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/img/link-separator.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.links-wrapper-separators-left .links > li.first > a { background-image:none; }
.links-wrapper-separators-left .links > li.hide-separator > a { background-image:none; }
.links-wrapper-separators-left .links > li.separator-right > a { background-position:right center; }




/* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Link with an arrow */
a.go {
	background:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/_shared/cck/bullet.png) 97% 50% no-repeat;
	padding-right:17px;
	display:inline !important;
}

/**
 * Drop-down
 */



/* Dropdown box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.dropdown { position:relative; }
.dropdown:hover { z-index:4000; }

/* Dropdown toggle
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown-toggle {
	display:block;
	cursor:default;
}

/* Inside Dropdown-toggle
-------------------------------------------------------------- */
.dropdown-toggle * { display:inline-block; }
.dropdown-toggle .label { padding-right:2px; }
.dropdown-toggle .value {}
.dropdown-toggle .dropdown-icon {
	width:18px;
	text-indent:-9999px;
	background-position:0 50%;
	background-repeat:no-repeat;
}
.dropdown-toggle .img-caret {
	background:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/_shared/dropdown/arrow-dropdown.png) 100% 50% no-repeat;
	width:10px;
	text-indent:-9999px;
}

/* Predefined icons
-------------------------------------------------------------- */
.dropdown-toggle .icon.first { margin-left:-5px; }
.dropdown-toggle .icon.close-to-text { margin-right:-8px; }


/* Cover 'dropdown-toggle' (and 'dropdown-menu' shadow) with additional inner div
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
		.dropdown-toggle.cover > div { padding:0 10px; cursor:default; }
.open > .dropdown-toggle.cover > div { background-color:#fff; }
/*.dropdown:hover .dropdown-toggle.cover > div,*/
.open > .dropdown-toggle.cover > div {
	z-index:4001;
	position:relative;
}


/* Dropdown menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown-menu {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	z-index:4000;
	padding:20px;
	min-width:130px;
	line-height:1.5em;
	text-align:left;

	list-style:none;
	background-color:#fff;
}
.dropdown-menu.left-hand {
	left:auto;
	right:0;
}

/* When dropdown menu is an unordered list
-------------------------------------------------------------- */
/* Everything is inline-block, except links */
.dropdown-menu > li * { display:inline-block; }
.dropdown-menu > li > a { display:block; }

.dropdown-menu > li { white-space:nowrap; }
.dropdown-menu > li .label { margin-right:8px; }
.dropdown-menu .dropdown-icon {
	width:18px;
	text-indent:-9999px;
	background-position:0 50%;
	background-repeat:no-repeat;
}


/* Clickable
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.clickable-dropdown {}

/**
 * Icons and "feature" box
 */



/* Icon %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

div.icon, /*backward compatibility*/
span.icon {
	background-color:#999;
	background-position:0 0;
	background-repeat:no-repeat;
	border-radius:50%;
	
	vertical-align:middle;
	display:inline-block;
	width:30px;
	height:30px;
	padding:3px;
}
div.icon.large, /*backward compatibility*/
span.icon.large {
	width:50px;
	height:50px;
	padding:5px;
}

/* Hover */
.icon-hover:hover /* Info: was more specific: span.icon-hover:hover */
{
	background-color:#333;
}


/* Icons: single characters (letters, numbers etc.)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* "i-number" - class name for backward compatibility */
.icon.i-number,
.icon.i-char {
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
.icon.large.i-number,
.icon.large.i-char {
	font-size: 25px;
	line-height: 50px;
	font-weight: normal;
}



/* Feature - box with icons, images, text etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Basic styles */
.feature { margin:10px 0; }
.feature:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.feature.first { margin-top:0; }
.feature.last { margin-bottom:0; }

/* With top/bottom border line */
.feature.top-border { border-top:1px solid #f5f5f5; padding-top:10px; }
.feature.bottom-border { border-bottom:1px solid #f5f5f5; padding-bottom:10px; }

/* Wrapper with top/bottom line
-------------------------------------------------------------- */
.feature-wrapper.top-border {
	
	
}
.feature-wrapper.bottom-border {
	border-bottom:1px solid #f5f5f5;
	margin-bottom:20px;
	padding-bottom:20px;
}


/* Feature headings
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature .heading {
	font-size:1.3333em; /*16px*/
	line-height:1.25em; /*20px*/
	margin-bottom:0.625em; /*10px*/
	font-weight:normal;
}
.feature .above-heading {
	margin:0 0 5px;
	font-size:11px;
	line-height:1.4545em; /*16px*/
	text-transform:uppercase;
	color:#888;
}
.feature .below-heading {
	font-size:1em;
	font-style:italic;
	line-height:1.3333em; /*16px*/
	color:#888;
}


/* Feature icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature .icon { float:left; }

/* Feature icons vertically centered */
.feature.v-centered-content .v-center .icon {
	margin:0 5px 0 0;
}

	/* Feature icons styles: */

	/* Default icon
	-------------------------------------------------------------- */
	.feature .icon { margin:0 15px 10px 0; max-width:30px; max-height:30px; }
	.feature span.icon { padding:3px; }

	/* Small icon
	-------------------------------------------------------------- */
	.feature.small .icon { margin:0 10px 10px 0; max-width:18px; max-height:18px; }
	.feature.small span.icon { padding:0; }
	
		/* Small icon: icons with predefined background image */
		.feature.small span.icon.list1 {
			background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/_shared/cck/list/list1.png);
			width:18px; height:18px;
		}
		.feature.small span.icon.list2 {
			background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/_shared/cck/list/list2.png);
			width:18px; height:18px;
		}

	/* Large icon
	-------------------------------------------------------------- */
	.feature.large .icon { margin:0 15px 10px 0; max-width:50px; max-height:50px; }
	.feature.large span.icon { padding:5px; }


/* Indented feature
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature.indent .icon { margin-bottom:0; }

	/* Default
	-------------------------------------------------------------- */
	.feature.indent { padding-left:51px; }
	.feature.indent .icon { margin-left:-51px; }

	/* Small
	-------------------------------------------------------------- */
	.feature.small.indent { padding-left:28px; }
	.feature.small.indent .icon { margin-left:-28px; }
	
	/* Large
	-------------------------------------------------------------- */
	.feature.large.indent { padding-left:75px; }
	.feature.large.indent .icon { margin-left:-75px; }


/* Feature centered
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature.centered { text-align: center; }
.feature.centered .icon {
	float: none;
	margin: 0 0 10px;
}

/* Feature: additional styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Auto-size: allow for big icons. IMPORTANT: don't use "span" tag together with "icon" in this selector! */
.feature .icon.auto-size { width: auto; max-width: none; height: auto; max-height: none; }



/* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Icon without background color */
.icon.no-bg-color { background-color: transparent; }
.icon.force-no-bg-color { background-color: transparent !important; }

/* Shapes */
.icon.circle		{ border-radius: 50%; }
.icon.rounded		{ border-radius: 5px; }
.icon.square		{ border-radius: 0; }

/* All icons square (deprecated) */
.icon-wrapper-square span.icon { border-radius: 0; }

/* Auto-size: allow for big icons */
.icon.auto-size { width: auto; max-width: none; height: auto; max-height: none; }



/* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

span.icon-hover,
.feature-icon-hover span.icon {
	transition:			color 0ms ease-in-out, background-color 0ms ease-in-out, background-position 0ms ease-in-out;
	-moz-transition:	color 0ms ease-in-out, background-color 0ms ease-in-out, background-position 0ms ease-in-out;
	-webkit-transition:	color 0ms ease-in-out, background-color 0ms ease-in-out, background-position 0ms ease-in-out;
	-o-transition:		color 0ms ease-in-out, background-color 0ms ease-in-out, background-position 0ms ease-in-out;
}

/**
 * Itemslider
 */



/* Necessary styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.itemslider {margin: 0; padding: 0;}
.itemslider .slides > li {display: none; -webkit-backface-visibility: hidden; /*-webkit-font-smoothing: antialiased;*/ } /* Hide the slides before the JS is loaded. Avoids image jumping */
.itemslider .slides img {max-width: 100%; display: block;}
.pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.itemslider .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .itemslider .slides {display: block;}
* html .itemslider .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .itemslider .slides > li:first-child {display: block;}


/* Itemslider styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Itemslider wrapper and navigation container */
.itemslider-wrapper .nav-wrapper { position:relative; }

/* Style: default
-------------------------------------------------------------- */
.itemslider { margin:0 auto; position:relative; zoom:1; }
.itemslider .slides { zoom:1; }
.itemslider .slides > li { position:relative; }
.itemslider .slides > li img { margin:0 auto; /* To center image */ }

/* Style: horizontal
-------------------------------------------------------------- */
.itemslider-horizontal { margin:0 auto 20px; }
.itemslider-horizontal .slides > li { padding-left:10px; padding-right:10px; }

.itemslider-horizontal .slides > li a img { transition:all .1s ease-in-out; }
.itemslider-horizontal .slides > li:hover a img { opacity:0.8; }


/* If only one item exists
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.itemslider.single-item .slides > li { max-width: 168px; }


/* Direction navigation
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.itemslider .direction-nav { height:0; text-align:center; }


/* Utility classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.itemslider.hide-direction-nav .direction-nav { display:none; }
.itemslider.hide-control-nav .control-nav { display:none; }

/**
 * Generic tabs
 */



/* Basic styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Tabs
-------------------------------------------------------------- */
/* Total height of the tab bar should be the same as in block titles */
.gen-tabs .tabs li { float:left; margin:0; }
.gen-tabs .tabs a {
	display:block;
	padding:0 10px;
	text-decoration:none;
	outline:none;
}

/* Tab panels
-------------------------------------------------------------- */
.gen-tabs .tabs-panels { padding:15px 0; }
.gen-tabs .tabs-panels .panel {}

/* Accordion
-------------------------------------------------------------- */
.gen-tabs .acctab {
	display:none;
	padding:0 0.5em;
	margin-bottom:1px;
	font-weight:normal;
}
.gen-tabs .acctab:hover { cursor:pointer; }

/* Accordion mode enabled */
.gen-tabs.accor .tabs { display:none; }
.gen-tabs.accor .acctab { display:block; }
.gen-tabs.accor .tabs-panels { padding-top:0; }
.gen-tabs.accor .tabs-panels .panel { display:none; margin:0 0 10px; padding:15px; }


/* Default skin
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.gen-tabs .tabs a {
	color:#333;
	background-color:#eee;
	line-height:3em;
}
.gen-tabs .tabs a:hover,
.gen-tabs .tabs a:focus   { background-color:#e5e5e5; }
.gen-tabs .tabs a.current { background-color:#ddd; }

/* Accordion
-------------------------------------------------------------- */
.gen-tabs .acctab {
	font-size:1.5em;
	line-height:2.7777em;
	background-color:#f5f5f5;
	color:#333;
}
.gen-tabs .acctab:hover,
.gen-tabs .acctab:focus,
.gen-tabs .acctab.current { background-color:#e5e5e5; }
.gen-tabs.accor .tabs-panels .panel { border-bottom:1px solid #e5e5e5; }


/* Tabs - skin 1: with thin borders
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.gen-tabs-style1 .tabs a {
	font-size:1.3333em;
	color:#333;
	background-color:#eee;
	border:1px solid transparent;
	border-bottom:none;
}
.gen-tabs-style1 .tabs a:hover,
.gen-tabs-style1 .tabs a:focus   { background-color:#e5e5e5; border-color:#e5e5e5; }
.gen-tabs-style1 .tabs a.current {
	background-color:#fff;
	border-color:#e5e5e5;
	border-bottom:1px solid transparent;
	margin-bottom:-1px;
	
	/* Make a little bit higher than other tabs */
	padding-top:4px;
	margin-top:-4px;
}
.gen-tabs-style1 .tabs-panels { border-top:1px solid #e5e5e5; }
.gen-tabs-style1.accor .tabs-panels { border-top:none; }


/* Tabs - skin 2: with shadow (obsolete, will be removed in next updates)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.gen-tabs-style2 .tabs a { font-size:1.3333em; }
.gen-tabs-style2 .tabs a.current {
	box-shadow:0 0 10px rgba(0,0,0, 0.15);
	position:relative;
	z-index:1;
	
	/* Make a little bit higher thatn other tabs */
	padding-top:4px;
	margin-top:-4px;
}
.gen-tabs-style2 .tabs-panels {
	background-color:#fff;
	position:relative;
	z-index:2;
}
/**
 * Theme icons
 */



/* Predefined icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Wishlist */
.icon.i-wishlist {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
	background-position:-7px -7px;
}
.icon.i-wishlist-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
	background-position:-7px -57px;
}

	/* bw */
	.icon.i-wishlist-bw {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-7px -7px;
	}
	.icon-hover:hover.i-wishlist-bw,
	.feature-icon-hover:hover .icon.i-wishlist-bw {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-7px -57px;
	}
	
	/* wb */
	.icon.i-wishlist-wb {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-7px -57px;
	}
	.icon-hover:hover.i-wishlist-wb,
	.feature-icon-hover:hover .icon.i-wishlist-wb {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-7px -7px;
	}

/* Compare */
.icon.i-compare {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
	background-position:-57px -7px;
}
.icon.i-compare-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
	background-position:-57px -57px;
}

	/* bw */
	.icon.i-compare-bw {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-57px -7px;
	}
	.icon-hover:hover.i-compare-bw,
	.feature-icon-hover:hover .icon.i-compare-bw,
	.open > .dropdown-toggle.cover .icon.i-compare-bw
	{
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-57px -57px;
	}
	
	/* wb */
	.icon.i-compare-wb {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-57px -57px;
	}
	.icon-hover:hover.i-compare-wb,
	.feature-icon-hover:hover .icon.i-compare-wb,
	.open > .dropdown-toggle.cover .icon.i-compare-wb
	{
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-57px -7px;
	}

/* Share/recommend */
.icon.i-recommend {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
	background-position:-107px -7px;
}
.icon.i-recommend-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
	background-position:-107px -57px;
}

	/* bw */
	.icon.i-recommend-bw {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-107px -7px;
	}
	.icon-hover:hover.i-recommend-bw,
	.feature-icon-hover:hover .icon.i-recommend-bw {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-107px -57px;
	}
	
	/* wb */
	.icon.i-recommend-wb {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-107px -57px;
	}
	.icon-hover:hover.i-recommend-wb,
	.feature-icon-hover:hover .icon.i-recommend-wb {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-107px -7px;
	}

/* Low stock */
.icon.i-lowstock {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
	background-position:-157px -7px;
}
.icon.i-lowstock-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
	background-position:-157px -57px;
}

	/* bw */
	.icon.i-lowstock-bw {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-157px -7px;
	}
	.icon-hover:hover.i-lowstock-bw,
	.feature-icon-hover:hover .icon.i-lowstock-bw {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-157px -57px;
	}
	
	/* wb */
	.icon.i-lowstock-wb {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-157px -57px;
	}
	.icon-hover:hover.i-lowstock-wb,
	.feature-icon-hover:hover .icon.i-lowstock-wb {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-157px -7px;
	}



/* Cart */
.icon.i-cart {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
	background-position:-457px -7px;
}
.icon.i-cart-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
	background-position:-457px -57px;
}

	/* bw */
	.icon.i-cart-bw {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-457px -7px;
	}
	.icon-hover:hover.i-cart-bw,
	.feature-icon-hover:hover .icon.i-cart-bw,
	.open > .dropdown-toggle.cover .icon.i-cart-bw
	{
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-457px -57px;
	}
	
	/* wb */
	.icon.i-cart-wb {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-457px -57px;
	}
	.icon-hover:hover.i-cart-wb,
	.feature-icon-hover:hover .icon.i-cart-wb,
	.open > .dropdown-toggle.cover .icon.i-cart-wb
	{
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-457px -7px;
	}

/* Row 2
-------------------------------------------------------------- */

/* Home */
.icon.i-home {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
	background-position:-7px -107px;
}
.icon.i-home-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
	background-position:-7px -157px;
}

	/* bw */
	.icon.i-home-bw {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-7px -107px;
	}
	.icon-hover:hover.i-home-bw,
	.feature-icon-hover:hover .icon.i-home-bw {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-7px -157px;
	}
	
	/* wb */
	.icon.i-home-wb {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-7px -157px;
	}
	.icon-hover:hover.i-home-wb,
	.feature-icon-hover:hover .icon.i-home-wb {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-7px -107px;
	}

/* Left */
.icon.i-left {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
	background-position:-107px -107px;
}
.icon.i-left-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
	background-position:-107px -157px;
}

	/* bw */
	.icon.i-left-bw {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-107px -107px;
	}
	.icon-hover:hover.i-left-bw,
	.feature-icon-hover:hover .icon.i-left-bw {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-107px -157px;
	}
	
	/* wb */
	.icon.i-left-wb {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-107px -157px;
	}
	.icon-hover:hover.i-left-wb,
	.feature-icon-hover:hover .icon.i-left-wb {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-107px -107px;
	}

/* Right */
.icon.i-right {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
	background-position:-157px -107px;
}
.icon.i-right-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
	background-position:-157px -157px;
}

	/* bw */
	.icon.i-right-bw {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-157px -107px;
	}
	.icon-hover:hover.i-right-bw,
	.feature-icon-hover:hover .icon.i-right-bw {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-157px -157px;
	}
	
	/* wb */
	.icon.i-right-wb {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-157px -157px;
	}
	.icon-hover:hover.i-right-wb,
	.feature-icon-hover:hover .icon.i-right-wb {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-157px -107px;
	}

/* Top */
.icon.i-top {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
	background-position:-207px -107px;
}
.icon.i-top-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
	background-position:-207px -157px;
}

	/* bw */
	.icon.i-top-bw {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-207px -107px;
	}
	.icon-hover:hover.i-top-bw,
	.feature-icon-hover:hover .icon.i-top-bw {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-207px -157px;
	}
	
	/* wb */
	.icon.i-top-wb {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-207px -157px;
	}
	.icon-hover:hover.i-top-wb,
	.feature-icon-hover:hover .icon.i-top-wb {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-207px -107px;
	}

/* Bottom */
.icon.i-bottom {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
	background-position:-257px -107px;
}
.icon.i-bottom-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
	background-position:-257px -157px;
}

	/* bw */
	.icon.i-bottom-bw {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-257px -107px;
	}
	.icon-hover:hover.i-bottom-bw,
	.feature-icon-hover:hover .icon.i-bottom-bw {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-257px -157px;
	}
	
	/* wb */
	.icon.i-bottom-wb {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-257px -157px;
	}
	.icon-hover:hover.i-bottom-wb,
	.feature-icon-hover:hover .icon.i-bottom-wb {
		background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite.png);
		background-position:-257px -107px;
	}

/**
 * Social icons
 */



/* Contact icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* TODO: */

/* Phone */
.icon.i-telephone {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-7px -7px;
}
.icon.i-telephone-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-7px -57px;
}

/* Mobile */
.icon.i-mobile {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-57px -7px;
}
.icon.i-mobile-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-57px -57px;
}

/* Skype */
.icon.i-skype {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-107px -7px;
}
.icon.i-skype-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-107px -57px;
}

/* Letter */
.icon.i-letter {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-157px -7px;
}
.icon.i-letter-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-157px -57px;
}

/* Location */
.icon.i-location {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-207px -7px;
}
.icon.i-location-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-207px -57px;
}


/* Row 2
-------------------------------------------------------------- */
/* Twitter */
.icon.i-twitter {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-7px -107px;
}
.icon.i-twitter-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-7px -157px;
}

/* Facebook */
.icon.i-facebook {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-57px -107px;
}
.icon.i-facebook-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-57px -157px;
}

/* Google plus */
.icon.i-googleplus {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-107px -107px;
}
.icon.i-googleplus-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-107px -157px;
}

/* Youtube */
.icon.i-youtube {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-157px -107px;
}
.icon.i-youtube-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-157px -157px;
}

/* Vimeo */
.icon.i-vimeo {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-207px -107px;
}
.icon.i-vimeo-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-207px -157px;
}

/* Wordpress */
.icon.i-wordpress {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-257px -107px;
}
.icon.i-wordpress-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-257px -157px;
}

/* Pinterest */
.icon.i-pinterest {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-307px -107px;
}
.icon.i-pinterest-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-307px -157px;
}

/* Linked in */
.icon.i-linkedin {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-357px -107px;
}
.icon.i-linkedin-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-357px -157px;
}

/* Blogger */
.icon.i-blogger {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-407px -107px;
}
.icon.i-blogger-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-407px -157px;
}

/* Envato */
.icon.i-envato {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-457px -107px;
}
.icon.i-envato-w {
	background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
	background-position:-457px -157px;
}
/* Mediaqueries */

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 900px){ 
    /* Twitter */
    .icon.i-twitter {
        background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
        background-position:-4px -107px;
    }
    .icon.i-twitter-w {
        background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
        /*background-position:-4px -157px;*/
    }

    /* Facebook */
    .icon.i-facebook {
        background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
        background-position:-57px -107px;
    }
    .icon.i-facebook-w {
        background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
        /*background-position:-47px -157px;*/
    }

    /* Google plus */
    .icon.i-googleplus {
        background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
        background-position:-107px -107px;
    }
    .icon.i-googleplus-w {
        background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
        /*background-position:-94px -157px;*/
    }

    /* Pinterest */
    .icon.i-pinterest {
        background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
        background-position:-307px -107px;
        
    }
    .icon.i-pinterest-w {
        background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
        /*background-position:-320px -157px;*/
    }

    /* Linked in */
    .icon.i-linkedin {
        background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
        background-position:-357px -107px;
        
    }
    .icon.i-linkedin-w {
        background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
        background-position:-320px -157px;
    }

    /* Youtube */
/*    .icon.i-youtube {
        background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
        background-position:-157px -107px;
    }
    .icon.i-youtube-w {
        background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
        background-position:-157px -157px;
    }*/

    /* Vimeo */
/*    .icon.i-vimeo {
        background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
        background-position:-207px -107px;
    }
    .icon.i-vimeo-w {
        background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
        background-position:-207px -157px;
    }*/

    /* Wordpress */
/*    .icon.i-wordpress {
        background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
        background-position:-257px -107px;
    }
    .icon.i-wordpress-w {
        background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
        background-position:-257px -157px;
    }*/

    /* Blogger */
/*    .icon.i-blogger {
        background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
        background-position:-407px -107px;
    }
    .icon.i-blogger-w {
        background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
        background-position:-407px -157px;
    }*/

    /* Envato */
/*    .icon.i-envato {
        background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
        background-position:-457px -107px;
    }
    .icon.i-envato-w {
        background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social.png);
        background-position:-457px -157px;
    }*/
}


/**
 * Common styles
 */



/* Common styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Sizes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-top,
.header .dropdown { line-height:3em; } /* line-height:36px; */
.header .dropdown { max-height:3em; } /* Set static height to improve layout of inline elements */


/* Blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/**/
.sidebar .block:first-child { margin-top: 12px; } /* To align with page title */
.cms-index-index .sidebar .block:first-child { margin-top:0; } /* Remove margin on home page */

 
/* Headings
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Page Heading
-------------------------------------------------------------- */
.my-account .page-title,
.category-title { border-bottom:1px solid #e5e5e5; }

/* Block titles and section headings
-------------------------------------------------------------- */
/* Sidebar blocks */
.block .block-title,

/* Section title */
.section-title,

/* Cart */
.cart .crosssell h2,
.cart .discount h2,
.cart .shipping h2
{
	/* padding:13px 0 7px; */ /*TODO*/
	padding-top:7px;
	padding-bottom:7px;
	border-bottom:1px solid #e5e5e5;
	font-weight:normal;
	font-size:1.5em; /*18px*/
	line-height:1.2222em; /*22px*/
}

/* Secondary headings
-------------------------------------------------------------- */
/* Log in */
.account-login h2,

/* Checkout log in */
#opc-login h3,

/* Fieldset and multiple checkout */
.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend
{
	font-size:1.5em; /*18px*/
	line-height:1.3333em; /*24px*/
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:10px;
}

/* Account headings
-------------------------------------------------------------- */
/* Primary */
.box-account .box-head h2,
.order-items h2.table-caption,
.order-items h2.sub-title,
.order-items .order-comments h2 {}

/* Secondary */
.dashboard .box .box-title h3,
.dashboard .box .box-title h4,
.order-info-box h2 {}

/* Other headings
-------------------------------------------------------------- */
/* Page title */
.category-title,

/* Account */
.my-account .page-title,
.box-account .box-head,
.dashboard .box .box-title
{
	border-color:#e5e5e5;
}



/* Colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Borders
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Elements with horizontal border - normal
-------------------------------------------------------------- */
/* CMS */
.section-line,

/* Misc */
.toolbar 
{ border-color:#e5e5e5; }

/* Elements with horizontal border - lighter
-------------------------------------------------------------- */
/* Product page - Add-to-cart area */
.product-view .product-type-data,
.product-view .product-type-data .price-box,
.container1-wrapper,
.container2-wrapper,
.product-view .add-to-box,

/* Product grid/list */
.category-products-grid .item,
.products-list li.item,

/* Pop-ups */
.remember-me-popup h3,
.map-popup-heading
{
	border-color:#f5f5f5;
}

/* Elements with vertical border - normal
-------------------------------------------------------------- */
/* Product page */
.custom-sidebar-right .inner,
.custom-sidebar-left .inner
{
	border-color:#e5e5e5;
}

/* Elements with vertical border - lighter
-------------------------------------------------------------- */
/* Product grid/list */
.products-list .product-shop-inner
{
	border-color:#f5f5f5;
}

/* Elements with darker border
-------------------------------------------------------------- */
/* Cart */
.data-table thead,
.cart-table thead tr,

/* Availability */
.availability-only-details thead
{
	border-color:#e5e5e5; /*Currently the same color as other borders*/
}


/* Background colors
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Elements with light gray background
-------------------------------------------------------------- */
/* Product page - increaments */
.extrahint-wrapper .product-pricing,

/* Account */
.addresses-list .addresses-primary .item,
.order-info-box,

/* Advanced search */
.advanced-search-summary,

/* Checkout */
.opc .gift-messages-form
{
	background-color:#f5f5f5;
}


/* Text color
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Elements with lighter text
-------------------------------------------------------------- */
/* Product grid/list */
.products-list .ratings,
.products-grid .ratings,
.products-list .ratings a,
.products-grid .ratings a,

/* Breadcrumbs */
.breadcrumbs li,
.breadcrumbs a,

/* Layered nav */
.block-layered-nav dd li,

/* Product page */
.block-related-simple .related-add-to-wishlist,
.block-related-thumbnails .related-add-to-wishlist,

/* Availability */
.availability,

/* Reviews */
.product-view .box-reviews dd .date,

/* Product options */
.item-options dd,
.product-options p.note,

/* Prices */
.price-notice .price,

/* MSRP price and old price */
.old-price,
.product-view .price-box .old-price .price,
#map-popup-msrp,
.map-popup-msrp .price
{
	color:#aaa;
}


/* Forms
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product options form colors
-------------------------------------------------------------- */
.product-options dd select,
.product-options dd .input-text,
.product-options dd textarea,
.product-options ul.options-list { color:#888; }
.product-options dd select:hover,
.product-options dd select:focus,
.product-options dd textarea:hover,
.product-options dd textarea:focus,
.product-options ul.options-list:hover { color:#333; }


/* Selected interface icons:
   text color - icons on hover: toolbar icons, pager, prev/next slide etc.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Hover item color */
/* Toolbar */
.sorter .view-mode a:hover,
.sorter .sort-by .category-asc:hover,
.sorter .sort-by .category-desc:hover,
.pager .pages li a:hover,

/* Add-to links */
.add-to-links.addto-icons a:hover,

/* Slider arrows */
.gen-slider-arrows1 .direction-nav a:hover,
.gen-slider-arrows2 .direction-nav a:hover,
.gen-slider-arrows3 .direction-nav a:hover,

/* Lightbox */
#cboxPrevious:hover,
#cboxNext:hover,
#cboxClose:hover,

/* Scroll to top button */
#scroll-to-top:hover
{
	color:#fff; /*Color of text*/
}



/* Fonts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Price on product page and MSRP
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .price-box .price,
.map-popup-price .price,
.map-popup-msrp .price { font-family:Verdana, Geneva, sans-serif; }



/* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Shadows: for pop-ups, drop-downs etc.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* IE version included */
#nav .level0-wrapper,
#nav.classic .parent > ul,

/* Mini cart */
#mini-cart .block-content,
.truncated .truncated_full_value .item-options,

/* Compare drop-down */
.header .block-compare .block-content,

/* Search autocomplete */
.header .form-search .search-autocomplete ul,

/* Dropdown */
.open > .dropdown-toggle.cover,
.dropdown-menu,

/* Pop-ups and tooltips */
.remember-me-popup,
.map-popup,
.tool-tip,
#subscribe-form .input-box .validation-advice
{
	-moz-box-shadow:0 2px 10px rgba(0,0,0, 0.15);
	-webkit-box-shadow:0 2px 10px rgba(0,0,0, 0.15);
	box-shadow:0 2px 10px rgba(0,0,0, 0.15);
}


/* Transitions
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Links and other selected elements
-------------------------------------------------------------- */
/* IMPORTANT: link transitions should be placed before other transitions */
a,
#mobnav-trigger .trigger-icon .line,
.accordion .opener /*Main menu accordion*/
{
	transition:			color 0ms ease-in-out, background-color 0ms ease-in-out;
	-moz-transition:	color 0ms ease-in-out, background-color 0ms ease-in-out;
	-webkit-transition:	color 0ms ease-in-out, background-color 0ms ease-in-out;
	-o-transition:		color 0ms ease-in-out, background-color 0ms ease-in-out;
}
a:hover,
#mobnav-trigger:hover .trigger-icon .line,
.accordion .opener:hover
{
	transition-duration:			0ms;
	-moz-transition-duration:		0ms;
	-webkit-transition-duration:	0ms;
	-o-transition-duration:			0ms;
}

/* Opacity
-------------------------------------------------------------- */
/*
.form-search .button span
{
	transition:			opacity 450ms ease-in-out;
	-moz-transition:	opacity 450ms ease-in-out;
	-webkit-transition:	opacity 450ms ease-in-out;
	-o-transition:		opacity 450ms ease-in-out;
}
.form-search .button:hover span
{
	transition-duration:			100ms;
	-moz-transition-duration:		100ms;
	-webkit-transition-duration:	100ms;
	-o-transition-duration:			100ms;
}
*/
.form-search .button span {
	transition:			opacity 0ms ease-in-out;
	-moz-transition:	opacity 0ms ease-in-out;
	-webkit-transition:	opacity 0ms ease-in-out;
	-o-transition:		opacity 0ms ease-in-out;
}

/* Interface icons: toolbar icons, pager, prev/next slide etc.
-------------------------------------------------------------- */
.sorter .view-mode .grid,
.sorter .view-mode .list,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,

/* Back link */
.buttons-set .back-link small,

/* Add-to links */
.add-to-links.addto-icons a,

/* Accordion and collapsible: opener */
.accordion-style1 .opener,
.accordion-style1 .opener:hover, /*Override: .accordion .opener:hover */
.collapsible .opener,

/* Scroll to top */
#scroll-to-top
{
	transition:			background-color 0ms ease-in-out, background-position 0ms ease-in-out;
	-moz-transition:	background-color 0ms ease-in-out, background-position 0ms ease-in-out;
	-webkit-transition:	background-color 0ms ease-in-out, background-position 0ms ease-in-out;
	-o-transition:		background-color 0ms ease-in-out, background-position 0ms ease-in-out;
}

/* Accordions, tabs & other components
-------------------------------------------------------------- */
/* TODO: del
.gen-tabs .tabs a,
.gen-tabs .acctab,
.opc .step-title
{
	transition:			color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-moz-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-webkit-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-o-transition:		color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
}
*/

/* Carets
-------------------------------------------------------------- */
#nav a.level-top .caret {
	transition:			border-top-color 0ms ease-in-out;
	-moz-transition:	border-top-color 0ms ease-in-out;
	-webkit-transition:	border-top-color 0ms ease-in-out;
	-o-transition:		border-top-color 0ms ease-in-out;
}
#nav > li:hover a.level-top .caret {
	transition-duration:			0ms;
	-moz-transition-duration:		0ms;
	-webkit-transition-duration:	0ms;
	-o-transition-duration:			0ms;
}

/* Elements with animated color, background color and borders
-------------------------------------------------------------- */
/* Forms */
input.input-text, select, textarea,
.product-options ul.options-list,

/* Product image thumbnails */
.product-view .product-img-box .more-views .thumbnails li a,

/* Product mini-lists */
.mini-products-list .product-image,
.cart .crosssell .product-image,

/* Tabs & accordion */
.gen-tabs .tabs a,
.gen-tabs .acctab,

/* OPC accordion */
.opc .step-title
{
	transition:			color 0ms ease-in-out, background-color 0ms ease-in-out, border-color 0ms ease-in-out;
	-moz-transition:	color 0ms ease-in-out, background-color 0ms ease-in-out, border-color 0ms ease-in-out;
	-webkit-transition:	color 0ms ease-in-out, background-color 0ms ease-in-out, border-color 0ms ease-in-out;
	-o-transition:		color 0ms ease-in-out, background-color 0ms ease-in-out, border-color 0ms ease-in-out;
}


/* Shadow for the main containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.shadow .show-bg {
	-moz-box-shadow:	0 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:	0 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow:			0 2px 3px rgba(0, 0, 0, 0.1);
}

/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * 2014-02-03 23:51:16 */




@import url(https://fonts.googleapis.com/css?family=PT+Sans);


body {
    color: #333;
    font-size: 13px;

    background-color: #f5f5f5;
}
a
{
    color: #333;
}
a:hover,
.vertnav-side li.current > a
{
    color: #70b6c1;
}

.caret {
    border-top-color: #333;
}


button.button span,
a.button
{
    background-color: #eee;
    color: #333;
}
button.button:hover span,
a.button:hover
{
    background-color: #9cc140;
    color: #fff;
}

.product-view .btn-cart span,
button.btn-checkout span
{
    background-color: #9cc140; 
    color: #fff;

}

.directcheckout-col3 button.btn-checkout span
{
    font-weight: bold;
    font-size: 1.25em;  
    padding: 5px 0px !important;        
}


#submit-order, 
#submit-order.btn-checkout span {
    width: 100%;
}


.paypal-review-order .product-view .btn-cart span,
.paypal-review-order button.btn-checkout span
{
    background-color: #eee; 
    color: #333;
}

button.btn-checkout#review_button span{
    background-color: #9cc140;
    color:#fff;
} 

button.btn-checkout#review_button span:hover{
    background-color:#7f9e32;
}

.product-view .btn-cart:hover span,
button.btn-checkout:hover span
{
    background-color: #7f9e32;
    color: #fff;
}

.paypal-review-order .product-view .btn-cart:hover span,
.paypal-review-order button.btn-checkout:hover span
{
    background-color: #9cc140;
    color: #fff;
}

a.button{
    padding:15px 20px;
    font-size:16px;
    font-weight:bold;
}

a.button.green{
    color: #fff;
    background-color: #9cc140;
}

a.button.green:hover{
    background-color: #333;
}


/* Default icon */
/* Toolbar */
.sorter .view-mode a,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,
.pager .pages li a,

/* Back link */
.buttons-set .back-link small,

/* Add-to links */

/* Simple icons (product grid) */
.add-to-links.addto-icons a, /*Deprecated*/

/* Other with standard icons */
.add-to-links span.icon,

/* Slider arrows */
.gen-slider-arrows1 .direction-nav a, /* Sliders */
.gen-slider-arrows1 .direction-nav a.disabled:hover,
.gen-slider-arrows2 .direction-nav a, /* Slideshow */
.gen-slider-arrows2 .direction-nav a.disabled:hover,
.gen-slider-arrows3 .direction-nav a, /* Cloud Zoom */
.gen-slider-arrows3 .direction-nav a.disabled:hover,

/* Lightbox */
#cboxPrevious,
#cboxNext,
#cboxClose,

/* Accordion and collapsible: opener */
.accordion-style1 .opener,
.collapsible .opener,

/* Scroll to top */
#scroll-to-top
{
    background-color: #eee;
}


/* Hover icon */
/* Toolbar */
.sorter .view-mode a:hover,
.sorter .sort-by .category-asc:hover,
.sorter .sort-by .category-desc:hover,
.pager .pages li a:hover,

/* Back link */
.buttons-set .back-link:hover small,

/* Add-to links */

/* Simple icons (product grid) */
.add-to-links.addto-icons a:hover, /*Deprecated*/

/* Other with standard icons */
.add-to-links span.icon-hover:hover,
.add-to-links .feature-icon-hover:hover span.icon,

/* Slider arrows */
.gen-slider-arrows1 .direction-nav a:hover,
.gen-slider-arrows2 .direction-nav a:hover,
.gen-slider-arrows3 .direction-nav a:hover,

/* Lightbox */
#cboxPrevious:hover,
#cboxNext:hover,
#cboxClose:hover,

/* Accordion and collapsible: opener */
.accordion-style1 .opener:hover,
.collapsible .opener:hover,

/* Scroll to top */
#scroll-to-top:hover
{
    background-color: #333;
}


/* Active icon */
.sorter .view-mode span.grid,
.sorter .view-mode span.list,
.pager .pages li.current
{
    background-color: #e9e9e9;
}


span.icon
{
    background-color: #9cc140;
}
span.icon-hover:hover,
.feature-icon-hover:hover span.icon
{
    background-color: #70b6c1;
}



.links > li > a:hover {
    background-color: #6eb6c1;
    color: #fff !important;
}


.sticker.new {
    background-color: #9cc140;
    color: #fff;
}
.sticker.sale {
    background-color: #f12b63;
    color: #fff;
}



/*.price-box .price*/
.price-box .regular-price .price,
.price-box .minimal-price .price { font-size: 18px; font-weight:bold; }


.additional-bg-color,
.block-layered-nav .currently,
.cart .totals
{
    background-color: #f5f5f5;
}



/* Custom content class */
.main-font,

/* Headings */
h1, h2, h3, h4, h5,
.section-title,
.products-list .product-name,
.products-grid .product-name,
h3.product-name, /*TODO:remove*/

/* Generic  */
.feature .heading,
.accordion .heading,

/* Main menu */
#mobnav-trigger,
#nav > li > a,
#nav.wide ul.level0 > li > a,
.vertnav-top li a,

/* Block headings */
.block .block-title,

/* Checkout headings */
#opc-login h3,

/* Multiple checkout */
/*.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend,*/

/* Account */
.box-account .box-head h2,
.order-items h2.table-caption,
.order-items h2.sub-title,
.order-items .order-comments h2,

/* Product page */
.product-view .box-reviews dt .heading,
.gen-tabs .tabs a,

/* Footer headings */
.footer .heading,
#subscribe-form label,

/* Captions */
.caption .heading
{
    font-family: 'PT Sans', sans-serif;


}







.wrapper
{
    border-top-color: #333;

    background-color: #fff;

}



.header-container
{

}
.header
{

}
.header a {
}
.header a:hover {
}

.header-container3
{

}

.header .caret {
    border-top-color: #333;
}


.form-search .input-text
{
    background-color: #fff;
    border-color: #333;
    color: #333;

    font-size:16px;

}
.form-search .input-text:hover,
.form-search .input-text:focus
{
    background-color: #fff;
    border-color: #333;
    color: #333;
}



.header .dropdown-menu,
.header .open > .dropdown-toggle.cover > div,
.header .truncated .truncated_full_value .item-options,
.header .form-search .search-autocomplete
{
    background-color: #fff;

    color: #333;
}

.header .dropdown-menu a,
.header .open > .dropdown-toggle.cover > div a,
.header .form-search .search-autocomplete li
{
    color: #333;
}
.header .dropdown-menu a:hover,
.header .open > .dropdown-toggle.cover > div a:hover,
.header .form-search .search-autocomplete li:hover
{
    color: #aaa;
}

.header .open > .dropdown-toggle.cover > div .caret {
    border-top-color: #333;
}




.header-top-container
{
    background:#eee;
}
.header-top
{


}
.header-top a
{
}
.header-top a:hover
{
}







#nav .level0-wrapper,
#nav.classic ul
{
    background-color: #fff;

    color: #333;
}

#nav ul li a
{
    color: #333;
}
#nav ul li a:hover
{
    color: #70b6c1;
}



.cat-label-label1 {
    background-color: #9cc140;
    color: #fff;
}
.cat-label-label2 {
    background-color: #6eb6c1;
    color: #fff;
}

li.level0 > a > span > .cat-label-label1.pin-bottom:before {
    border-top-color: #9cc140;
}
li.level0 > a > span > .cat-label-label2.pin-bottom:before {
    border-top-color: #6eb6c1;
}

li > a:hover > span > .cat-label,
#nav li.level0:hover > a > span > .cat-label /* Top-level category label is highlighted on item hover, not on link hover */
{
    background-color: #dfc15f;
    color: #333;
}
li.level0 > a:hover > span > .pin-bottom:before,
#nav li.level0:hover > a > span > .pin-bottom:before
{
    border-top-color: #dfc15f;
}



#mobnav
{
    color: #333;
}
#mobnav-trigger
{
    background-color: #f5f5f5;
    color: #333;
}

#mobnav-trigger:hover
{
    background-color: #9cc140;
    color: #fff;
}

#mobnav-trigger.active
{
    background-color: #9cc140;
    color: #fff;
}

#mobnav-trigger .trigger-icon .line {
    background-color: #333;
}
#mobnav-trigger:hover .trigger-icon .line {
    background-color: #fff;
}
#mobnav-trigger.active .trigger-icon .line {
    background-color: #fff;
}



.nav-container 
{


}


#nav,
.vertnav-top li a
{
    background-color: #f5f5f5;
    color: #333;
}
#nav > li > a
{
    color: #333;
}

#nav > li:hover > a,
.vertnav-top li > a:hover
{
    background-color: #9cc140;
    color: #fff;
}

.cms-index-index #nav #nav-home > a,
#nav > li.active > a,
.vertnav-top li.current > a
{
    background-color: #333;
    color: #fff;
}



#nav > li > a,
#mobnav-trigger
{
    font-size:16px;
    text-transform:uppercase;
}

#nav.wide ul.level0 > li > a
{
    font-size:16px;
}



.vertnav-top > li > a
{
    font-size:16px;
    text-transform:uppercase;
}

.vertnav-top ul.level0 > li > a
{
    font-size:16px;
}




.vertnav-top > li.first > a { margin-top:1px; }
.vertnav-top li a { margin-bottom:1px; }
.vertnav-top { background-color: #eee; }




.vertnav-top li .opener {
    background: url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener.png) center center no-repeat;
}
.vertnav-top li:hover > .opener {
    background-image: url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-w.png);
}
.vertnav-top li:hover > .opener:hover {
    background-image: url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener.png);
}

.vertnav-top li.active > .opener {
    background-image: url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-active.png);
}
.vertnav-top li.active:hover > a:hover + .opener {
    background-image: url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-active-w.png);
}
.vertnav-top li.active:hover > a + .opener:hover {
    background-image: url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-active.png);
}

.vertnav-top li.current > .opener,
.vertnav-top li.current > .opener:hover {
    background-image: url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-w.png);
}
.vertnav-top li.active.current > a + .opener,
.vertnav-top li.active.current:hover > a + .opener {
    background-image: url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-active-w.png);
}
.vertnav-top li.active.current > a + .opener:hover {
    background-image: url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/infortis/ultra-megamenu/opener-active-w.png);
}

#nav > li.parent > a .caret {
    border-top-color: #333;
}
#nav > li.parent:hover > a .caret {
    border-top-color: #fff;
}
#nav > li.parent.active > a .caret {
    border-top-color: #fff;
}



#nav,
.vertnav-top
{
    border-bottom:5px solid #333;
}

#nav > li { border-bottom:5px solid transparent; margin-bottom:-5px; }
#nav.classic ul.level0,
#nav .level0-wrapper { top:54px; }



.main-container
{


}
.main
{
    background-color: #fff;
}

.truncated .item-options
{
    background-color: #fff;
}





.category-products-grid .item,
.products-list .item
{
}
.category-products-grid .item:hover,
.products-list .item:hover
{
}




span.icon.icon-color-productview
{
    background-color: #eee;
}
.feature-icon-hover:hover span.icon.icon-color-productview
{
    background-color: #9cc140;
}



.gen-tabs .tabs
{
    background-color: transparent;
}

.gen-tabs .tabs a
{
    background-color: #eee;
    color: #333;
}

.gen-tabs .tabs a:hover,
.gen-tabs .tabs a:focus
{
    background-color: #e5e5e5;
    color: #333;
}

.gen-tabs .tabs a.current
{
    background-color: #fff;
    color: #70b6c1;
}

.gen-tabs .acctab
{
    background-color: #f5f5f5;
    color: #333;
}

.gen-tabs .acctab:hover,
.gen-tabs .acctab:focus,
.gen-tabs .acctab.current {
    background-color: #eee;
    color: #70b6c1;
}

.gen-tabs .tabs-panels
{
    background-color: #fff;
}



.footer-container
{
    background-color: #f5f5f5;
}
.footer
{

}

.footer a
{
}
.footer a:hover
{
}


.footer button.button span
{
    background-color: #bbb;
    color: #fff;
}
.footer button.button:hover span
{
    background-color: #dfc15f;
    color: #fff;
}


.footer span.icon
{
    background-color: #9cc140;
}
.footer span.icon-hover:hover,
.footer .feature-icon-hover:hover span.icon
{
    background-color: #444;
}



/* Back link */
.footer .buttons-set .back-link small,

/* Slider arrows */
.footer .gen-slider-arrows1 .direction-nav a, /* Sliders */
.footer .gen-slider-arrows1 .direction-nav a.disabled:hover,
.footer .gen-slider-arrows2 .direction-nav a, /* Slideshow */
.footer .gen-slider-arrows2 .direction-nav a.disabled:hover,
.footer .gen-slider-arrows3 .direction-nav a, /* Cloud Zoom */
.footer .gen-slider-arrows3 .direction-nav a.disabled:hover,

/* Accordion and collapsible: opener */
.footer .accordion-style1 .opener,
.footer .collapsible .opener
{
    background-color: #f5f5f5;
}

/* Back link */
.footer .buttons-set .back-link:hover small,

/* Slider arrows */
.footer .gen-slider-arrows1 .direction-nav a:hover,
.footer .gen-slider-arrows2 .direction-nav a:hover,
.footer .gen-slider-arrows3 .direction-nav a:hover,

/* Accordion and collapsible: opener */
.footer .accordion-style1 .opener:hover,
.footer .collapsible .opener:hover
{
    background-color: #9cc140;
}


.footer-top-container
{
    background-color: #fff;


}
.footer-top
{

}
.footer-top a
{
}
.footer-top a:hover
{
}


.footer-primary-container
{

    padding-top: 30px;

    padding-bottom: 30px;
}
.footer-primary
{
    background-color: #fff;

}
.footer-primary a
{
}
.footer-primary a:hover
{
}


.footer-secondary-container
{


}
.footer-secondary
{

}
.footer-secondary a
{
}
.footer-secondary a:hover
{
}


.footer-bottom-container
{
    background-color: #ebebeb;
}
.footer-bottom
{

    color: #888;
}
.footer-bottom a
{
    color: #555;
}
.footer-bottom a:hover
{
    color: #6eb6c1;
}




.social-links span.icon {
    margin-top:4px;
    background-color: #bbb;
}
.social-links span.icon-hover:hover {
    background-color: #6eb6c1;
}


/**/



#nav ul.level0 > div > li > a,
.wide-menu-category > li > a{
    font-size: 1.3333em;
    line-height: 1.25em;
}

#nav ul li{
    line-height: 1.25em;
}

.wide-menu-column{
    display:inline  !important;

    
}

.wide-menu-category{
    float:left;
    margin-right: 10px;
    width: 19em;      
}

.menu-wide-wrapper{
    /*width: 46.5em !important;*/
    width: 560px !important;
    
}

.level1{
    margin-bottom: 10px;
}


/**
 * Override CSS components
 */



/* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Buttons aligned at the bottom */
.equal-height .slides > .item { position: static; padding-bottom: 45px; }
.equal-height .slides .actions { position: absolute; bottom: 0; }

/**
 * Override modules
 */



/* Megamenu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Home link
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#nav #nav-home a.level-top .icon,
#nav #homelink-icon a.level-top .icon {
	margin-top: -2px;
}
/**
 * Theme-specific styles
 */



/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   Override/extend styles.css %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.wrapper { border-top-style:solid; border-top-width:5px; }
.main { padding:30px 0 40px; }

/* Additional margin for main sidebars
-------------------------------------------------------------- */
.col-left > * { margin-right: 15px; }
.col-right > * { margin-left: 15px; }

.col-left ol{ padding-left: 25px; list-style:decimal; }
.col-left ol li{ margin-bottom:10px; }



/* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Form
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Fieldset
-------------------------------------------------------------- */
/* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */
.fieldset,
.multiple-checkout .col2-set,
.multiple-checkout .col3-set,
.info-set {
    margin:0 0 10px;
    padding:0 15px 15px;
}
.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend {
	margin:0 -15px 10px -15px;
	padding-left:15px; padding-right:15px;
}

/* Buttons set
-------------------------------------------------------------- */
.buttons-set { margin:10px 15px; }
/* Note: buttons and "required" have equal right margin */
.buttons-set button.button { margin-left:0; margin-right:5px; margin-bottom:5px; }
.buttons-set p.required { margin:0 5px 5px 0; }



/* Page Heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.page-title h1,
.page-title h2 { margin:0; min-height:1.3125em; /* 42px. Has to ba aligned with ".block .block-title" */ }
.category-title { margin-bottom:0; }


/* Global Messages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.note-msg.empty-catalog {
	background:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/img/empty-catalog.png) 10px 10px no-repeat transparent !important;
	color:inherit;
	min-height:70px;
	padding:40px 20px 40px 160px !important;
}


/* BreadCrumbs
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.breadcrumbs { line-height:1.5em; /*18px*/ margin:0 0 5px; }
/* Breadcrumbs on product page */
.catalog-product-view .breadcrumbs { margin-bottom:10px; }



/* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.header-main { margin: 10px 0; }

/* Line breaker */
.user-menu .line-break-after { clear:both; margin-bottom: 1px; }

/* Quick search: skins
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Search: inline
-------------------------------------------------------------- */
.search-wrapper-inline .form-search .input-text { min-width: 180px; }


/* Quick search: positions
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Position 0 */
.search-wrapper-p0 { float: right; }
.search-wrapper-p0 .form-search .input-text { min-width: 220px; }

/* Position 1 - right side of top links */
.search-wrapper-p1 { float: right; }
.search-wrapper-p1 .form-search .input-text { min-width: 220px; }

/* Position 2 - right side of top links */
.search-wrapper-p2 { float: right; }
.search-wrapper-p2 .form-search .input-text { min-width: 220px; }

/* Position 3 - right side of top links */
.search-wrapper-p3 { float: right; }
.search-wrapper-p3 .form-search .input-text { min-width: 220px; }

/* Position 4 - right side of top links */
.search-wrapper-p4 { float: right; }
.search-wrapper-p4 .form-search .input-text { min-width: 220px; }

/* Position 5 - right side of top links */
.search-wrapper-p5 { float: right; }
.search-wrapper-p5 .form-search .input-text { min-width: 220px; }


/* Mini-cart
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/*#mini-cart { margin-bottom:-8px; }*/



/* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Block lists
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-viewed .block-content ol,
.block-compare .block-content ol,
.block-compared .block-content ol {
	padding-left: 0;
	list-style: none;
}
.block-viewed .block-content li.item,
.block-compare .block-content li.item,
.block-compared .block-content li.item {
	background:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/img/bullet.png) no-repeat 0 10px;
	padding-left:10px;
}


/* Block: Related
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Align block title with the tabs on product page */
.block-related .section-title { padding-top: 19px; }


/* Block: Account
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-account .block-title { background:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/img/ic-account.png) 5px 2px no-repeat; padding-left:42px !important; }
.block-account .block-content { padding:10px 0 0; }
.block-account li > * { padding: 2px; }
.block-account li.current strong { font-weight:bold; }



/* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.products-grid .item { -webkit-tap-highlight-color: transparent; }



/* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Availability
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.availability { float:right; margin:15px 0; }



/* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Prices
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Bundle product */
.price-box-bundle {
	border-bottom:1px solid #e5e5e5;
	margin:-10px 0 15px; /* Move up to align with the main price box */
	padding-bottom:15px;
}


/* Main containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Margin before price box */
.product-view .space-before-avail { margin:0 0 15px; height:0; line-height:0; }

/* Upper part of the container */
.product-view .product-type-data > .price-box {
	border-top-style:solid;
	border-top-width:1px;
	margin:15px 0 0;
	padding:10px 0;
}

/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Add to cart button */
.product-view .btn-cart span span { padding:5px 40px; }

/* Reviews */
.product-view .box-reviews .buttons-set { margin-left:0; margin-right:0; }


/* New elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .sku,
.product-view .highlights{ margin: 15px 0; }
.product-view .sku span.first,
.product-view .highlights span.first{ font-weight: bold; display:inline-block; width:95px; float:left; }
.product-view .highlights span.as_block{ display: block; float: left; max-width: 80%; } 


/* Product type specific data
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .is-type-grouped .availability { margin-top:0; margin-bottom:0; }
.product-view .grouped-items-table input.input-text { height: 26px; padding:4px; /* Decrease default height and padding */ }



/* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*.my-account .pager { margin: -1px 0 20px; }*/



/* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Footer primary
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.footer-primary .section { padding-top: 20px; padding-bottom: 20px; }





/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Accordion & Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Accordion - Style 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.accordion-style1 li a {
	border-bottom-color:#eee;
	border-bottom:1px solid rgba(0,0,0,0.06);
}
.accordion-style1 li a:hover {
	background-color:rgba(0,0,0, 0.03);
}

/* Opener
-------------------------------------------------------------- */
.accordion-style1 .opener {
	background-color:rgba(0,0,0, 0.03);
}



/* Other modifications %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Nav container:
   with outline (if nav container has background color) or without outline (stretched)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* With outline
-------------------------------------------------------------- */
/* Add top and bottom margin */
.nav.has-outline > .grid-full { margin-top: 1%; margin-bottom: 1%; }
.nav.has-outline #mobnav { margin-bottom: 0; } /* Trigger has no bottom margin */

/* Without outline
-------------------------------------------------------------- */
/* If menu stretched, no top and bottom margin. Important: added "container" class to make the selector more specific */
.container.nav.stretched > .grid-full { margin-top: 0; margin-bottom: 0; }
/*.nav > .grid-full { float:left; }*/


/* Cart
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Collateral boxes - stretch */
.cart-left-column .grid-full,
.cart-right-column .grid-full { width:100%; }


/* Interface icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Icons with no background
-------------------------------------------------------------- */
/* Toolbar */
.sorter .view-mode a,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,
.pager .pages li a,

/* Add-to links */
.add-to-links.addto-icons a,

/* Slider arrows */
.gen-slider-arrows3 .direction-nav a,
.gen-slider-arrows3 .direction-nav a.disabled:hover
{
	background-color:transparent;
}

/* Other icons
-------------------------------------------------------------- */
/* Add-to links icons in product grid */
.products-grid .addto-links-icons span.icon { border-radius: 0; }

/* Pager */
.pager .pages li a { background-color:#f5f5f5; }

/* Add-to links */
.addto-links-icons span.icon,
.add-to-links.addto-icons a, /* Obsolete */

/* Slideshow directional arrows */
.gen-slider-arrows2 .direction-nav a,
.gen-slider-arrows2 .direction-nav a.disabled:hover { background-color:#fff; }





/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   Built-in static blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Deprecated: Header top - help block */
.header-top .phone { background:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/img/ic-phone.png) 0 center no-repeat; padding:0 0 0 24px; }

.block_category_above_collection { margin:10px 0; }
.block_category_below_collection { margin:10px 0; }
.block_category_above_empty_collection { margin:10px 0; }

/*.block_product_primary_bottom {}
.block_product_secondary_bottom {}
.block_product_replace_related {}
.block_product_replace_upsell {}
	
.block_cart_below_totals {}
.block_cart_below_table {}*/

.block_mini_cart_above_products { margin:0 0 10px; }

.block_opc_below_progress { margin:15px 0; }

.block_cms_page_top { margin:0 0 15px; }

/*.block_header_top_left {}
.block_header_top_left2 {}
.block_header_top_right {}
.block_header_top_right2 {}

.block_footer_primary_bottom_left {}
.block_footer_primary_bottom_right {}*/
.block_footer_payment { margin-right:10px; margin-bottom:10px; margin-left:20px; }

/* Sample block content
-------------------------------------------------------------- */
.sample-block {
	color:#999;
	margin-top:10px;
	padding: 0 !important;
	transition:			color 300ms ease-in-out, background-color 300ms ease-in-out;
	-moz-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out;
	-webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
	-o-transition:		color 300ms ease-in-out, background-color 300ms ease-in-out;
}
.sample-block:hover { color:#333; }



/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   High-resolution-ready (retina-ready) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 3/2),
only screen and (    -ms-min-device-pixel-ratio: 1.5),
only screen and (        min-device-pixel-ratio: 1.5)
{

	/* Rating */
	.rating-box,
	.rating-box .rating { /*background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/img/rating@2x.png);*/ background-size:14px 43px; }
	
	/* Theme icons
	-------------------------------------------------------------- */
	/* To top */
	#scroll-to-top,
	
	/* Search button */
	.header .form-search .button span,
	
	/* All icons from icons-theme.css */
	/* Row 1: */
	.icon.i-wishlist,
	.icon.i-wishlist-w,
	.icon.i-wishlist-bw,
	.icon.i-wishlist-wb,
	
	.icon.i-compare,
	.icon.i-compare-w,
	.icon.i-compare-bw,
	.icon.i-compare-wb,
	
	.icon.i-recommend,
	.icon.i-recommend-w,
	.icon.i-recommend-bw,
	.icon.i-recommend-wb,
	
	.icon.i-lowstock,
	.icon.i-lowstock-w,
	.icon.i-lowstock-bw,
	.icon.i-lowstock-wb,
	
	.icon.i-cart,
	.icon.i-cart-w,
	.icon.i-cart-bw,
	.icon.i-cart-wb,
	
	/* Row 2: */
	.icon.i-home,
	.icon.i-home-w,
	.icon.i-home-bw,
	.icon.i-home-wb,
	
	.icon.i-left,
	.icon.i-left-w,
	.icon.i-left-bw,
	.icon.i-left-wb,
	
	.icon.i-right,
	.icon.i-right-w,
	.icon.i-right-bw,
	.icon.i-right-wb,
	
	.icon.i-top,
	.icon.i-top-w,
	.icon.i-top-bw,
	.icon.i-top-wb,
	
	.icon.i-bottom,
	.icon.i-bottom-w,
	.icon.i-bottom-bw,
	.icon.i-bottom-wb /* Last selector without trailing coma */
	
	{ background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite@2x.png); /*background-size:550px 200px;*/background-size:502px 200px; }
	
	
	/* All icons from icons-social.css
	-------------------------------------------------------------- */
	/* Row 1: */
	.icon.i-telephone,
	.icon.i-telephone-w,
	
	.icon.i-mobile,
	.icon.i-mobile-w,

	.icon.i-skype,
	.icon.i-skype-w,
	
	.icon.i-letter,
	.icon.i-letter-w,

	.icon.i-location,
	.icon.i-location-w,
	
	/* Row 2: */
	.icon.i-twitter,
	.icon.i-twitter-w,
	
	.icon.i-facebook,
	.icon.i-facebook-w,
	
	.icon.i-googleplus,
	.icon.i-googleplus-w,
	
	.icon.i-youtube,
	.icon.i-youtube-w,
	
	.icon.i-vimeo,
	.icon.i-vimeo-w,
	
	.icon.i-wordpress,
	.icon.i-wordpress-w,
	
	.icon.i-pinterest,
	.icon.i-pinterest-w,
		
	.icon.i-linkedin,
	.icon.i-linkedin-w,
	
	.icon.i-blogger,
	.icon.i-blogger-w,

	.icon.i-envato,
	.icon.i-envato-w /* Last selector without trailing coma */
	
	{ background-image:url(https://ds.kartenmachen.de/skin/frontend/kartenmachen/default/images/sprite-icons-social@2x.png); background-size:550px 200px; }

} /* end: media query */


#subscribe-form{
    text-align: left;
}

#subscribe-form > form > div > label {
    width: 100%;
    margin-top:0px;
}

.unsubscribe{
    margin-left: 0px;   
    margin-top:0px;
}
/*
 * 12-column grid system
 */



/* Container */
.container {
	margin-left:auto;
	margin-right:auto;
}
.nested-container {
	width:102%;
	margin-left:-1%;
}

/* Grid units */
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-5,
.grid12-6,
.grid12-7,
.grid12-8,
.grid12-9,
.grid12-10,
.grid12-11,
.grid12-12,
.grid-full, /* Alias for full-width unit */

/* Special grid units */
.grid-col2-sidebar,
.grid-col2-main
{ 
	position:relative;
	display:inline;
	float:left;
	margin-left:1%;
	margin-right:1%;
}

/* Basic grid units width */
.grid12-1	{ width:6.33%; }
.grid12-2	{ width:14.66%; }
.grid12-3	{ width:23%; }
.grid12-4	{ width:31.33%; }
.grid12-5	{ width:39.67%; }
.grid12-6	{ width:48%; }
.grid12-7	{ width:56.33%; }
.grid12-8	{ width:64.67%; }
.grid12-9	{ width:73%; }
.grid12-10	{ width:81.33%; }
.grid12-11	{ width:89.67%; }
.grid12-12,
.grid-full	{ width:98%; }

/* Grid units without left gutter (margin) */
.no-left-gutter.grid12-1	{ margin-left:0; width:7.33%; }
.no-left-gutter.grid12-2	{ margin-left:0; width:15.66%; }
.no-left-gutter.grid12-3	{ margin-left:0; width:24%; }
.no-left-gutter.grid12-4	{ margin-left:0; width:32.33%; }
.no-left-gutter.grid12-5	{ margin-left:0; width:40.67%; }
.no-left-gutter.grid12-6	{ margin-left:0; width:49%; }
.no-left-gutter.grid12-7	{ margin-left:0; width:57.33%; }
.no-left-gutter.grid12-8	{ margin-left:0; width:65.67%; }
.no-left-gutter.grid12-9	{ margin-left:0; width:74%; }
.no-left-gutter.grid12-10	{ margin-left:0; width:82.33%; }
.no-left-gutter.grid12-11	{ margin-left:0; width:90.67%; }
.no-left-gutter.grid12-12,
.no-left-gutter.grid-full	{ margin-left:0; width:99%; }

/* Grid units without right gutter (margin) */
.no-right-gutter.grid12-1	{ margin-right:0; width:7.33%; }
.no-right-gutter.grid12-2	{ margin-right:0; width:15.66%; }
.no-right-gutter.grid12-3	{ margin-right:0; width:24%; }
.no-right-gutter.grid12-4	{ margin-right:0; width:32.33%; }
.no-right-gutter.grid12-5	{ margin-right:0; width:40.67%; }
.no-right-gutter.grid12-6	{ margin-right:0; width:49%; }
.no-right-gutter.grid12-7	{ margin-right:0; width:57.33%; }
.no-right-gutter.grid12-8	{ margin-right:0; width:65.67%; }
.no-right-gutter.grid12-9	{ margin-right:0; width:74%; }
.no-right-gutter.grid12-10	{ margin-right:0; width:82.33%; }
.no-right-gutter.grid12-11	{ margin-right:0; width:90.67%; }
.no-right-gutter.grid12-12,
.no-right-gutter.grid-full	{ margin-right:0; width:99%; }

/* Grid units without any gutter (margin) */
.no-gutter.grid12-1		{ margin-left:0; margin-right:0; width:8.33%; }
.no-gutter.grid12-2		{ margin-left:0; margin-right:0; width:16.66%; }
.no-gutter.grid12-3		{ margin-left:0; margin-right:0; width:25%; }
.no-gutter.grid12-4		{ margin-left:0; margin-right:0; width:33.33%; }
.no-gutter.grid12-5		{ margin-left:0; margin-right:0; width:41.67%; }
.no-gutter.grid12-6		{ margin-left:0; margin-right:0; width:50%; }
.no-gutter.grid12-7		{ margin-left:0; margin-right:0; width:58.33%; }
.no-gutter.grid12-8		{ margin-left:0; margin-right:0; width:66.67%; }
.no-gutter.grid12-9		{ margin-left:0; margin-right:0; width:75%; }
.no-gutter.grid12-10	{ margin-left:0; margin-right:0; width:83.33%; }
.no-gutter.grid12-11	{ margin-left:0; margin-right:0; width:91.67%; }
.no-gutter.grid12-12,
.no-gutter.grid-full	{ margin-left:0; margin-right:0; width:100%; }

/* Special grid units: basic structure of pages with 1 and 2 sidebars
-------------------------------------------------------------- */
/* 2 columns: fixed-width sidebar unit and fluid main unit.
   Sidebar unit has the same width for all screen sizes equal or greater than 1280px.
   Width of the main unit is fluid.
*/
.grid-col2-sidebar	{ width:23%; }
.grid-col2-main		{ width:73%; }

/* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */
.grid-col3-sidebar 		{ width:31.52%; }
.grid-col3-main			{ width:65.90%; }

/* Vertically aligned grid
-------------------------------------------------------------- */
.v-grid-container {
	display:table;
	width:100%;
}
.v-grid {
	float:none;
	display:table-cell;
	vertical-align:middle;
}

/* Utility classes
-------------------------------------------------------------- */
/* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */
.alpha { margin-left:0; }
.omega { margin-right:0; }

/* Hide element if screen width is lower than the width specified in the class name */
.hide-below-1680 { display:none !important; }
.hide-below-1440 { display:none !important; }
.hide-below-1360 { display:none !important; }
.hide-below-1280 { display:none !important; }

/* Container: stretched, without side margin 
-------------------------------------------------------------- */
/* Remove padding from stretched container (it is added for narrow screens via media queries) */
.container.stretched { width:96%; padding-left:0; padding-right:0; }

/* Stretch inner grid unit (full width) */
.container.stretched > .grid-full { width:100%; margin-left:0; margin-right:0; }

/* Grid units container: clears floats
   (place grid units inside "div" with this class)
-------------------------------------------------------------- */
.grid-container { *zoom: 1; clear: both; }
.grid-container:before,
.grid-container:after { display: table; line-height: 0; content: ""; }
.grid-container:after { clear: both; }

/* Grid unit container: clears floats and adds vertical margin between units
-------------------------------------------------------------- */
.grid-container-spaced { *zoom: 1; clear: both; }
.grid-container-spaced:before,
.grid-container-spaced:after { display: table; line-height: 0; content: ""; }
.grid-container-spaced:after { clear: both; }
.grid-container-spaced .grid12-1,
.grid-container-spaced .grid12-2,
.grid-container-spaced .grid12-3,
.grid-container-spaced .grid12-4,
.grid-container-spaced .grid12-5,
.grid-container-spaced .grid12-6,
.grid-container-spaced .grid12-7,
.grid-container-spaced .grid12-8,
.grid-container-spaced .grid12-9,
.grid-container-spaced .grid12-10,
.grid-container-spaced .grid12-11,
.grid-container-spaced .grid12-12,
.grid-container-spaced .grid-full
{
	margin-bottom: 2%;
}

/* Grid presentation
-------------------------------------------------------------- */
.show-grid [class*="grid12-"] {
	background-color: #eee;
	text-align: center;
	min-height: 40px;
	line-height: 40px;
	transition:			all 300ms ease-in-out;
	-moz-transition:	all 300ms ease-in-out;
	-webkit-transition:	all 300ms ease-in-out;
	-o-transition:		all 300ms ease-in-out;
}
.show-grid [class*="grid12-"]:hover {
	background-color: #F08080;
}

/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * 2014-02-03 23:51:15 */






/* Grid container
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/



	.container {
		width:96%;
	
											max-width: 960px;
						}

				.lte-ie8 .container { max-width:1200px; }
	






















/* Desktop - design for a width of 1280px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 1280px <= width */

@media only screen and (min-width: 1280px)  {

						.container { max-width: 1200px; }
				
	/* Special grid units */
	.grid-col2-sidebar 	{ width: 20.0%; }
	.grid-col2-main		{ width: 75.58%; }
	.grid-col3-sidebar		{ width:27.01%; }
	.grid-col3-main			{ width:70.34%; }
	
	/* Hide */
	.hide-below-1280 { display:inherit !important; }
}






/* Design for a width of less than 1024 px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 1024px */
@media only screen and (max-width: 1023px) {

	/* Hide */
	.hide-below-1024 { display:none !important; }
}





/* Tablet (Portrait) - design for a width of 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 768px <= width < 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

		.container { max-width:737px; }
		
	/* Hide */
	.hide-below-960 { display:none !important; }
}





/* All mobile - design for a width of less than 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 768px */
@media only screen and (max-width: 767px) {
	
	/* Grid units below 768px screen size are 100% wide with no margin. Padding compensates lack of margin. */
	.container { width:92%; padding-left:2%; padding-right:2%; }
	.nested-container { width:100%; margin-left:auto; }

	/* Nav container with outline (if nav container has background color).
	   Apply the same vertical margins, as container's side padding. */
	.nav.has-outline > .grid-full { margin-top: 2%; margin-bottom: 2%; }
	
	/* Below 768px all grid units are stretched (full width) and stack vertically */
	.grid12-1,
	.grid12-2,
	.grid12-3,
	.grid12-4,
	.grid12-5,
	.grid12-6,
	.grid12-7,
	.grid12-8,
	.grid12-9,
	.grid12-10,
	.grid12-11,
	.grid12-12,
	.grid-full,
	
	.grid-col2-sidebar,
	.grid-col2-main,
	.grid-col3-sidebar,
	.grid-col3-main
	{
		width:100% !important; /* Added "!important" to override units with "no-gutter" */
		margin-left:0;
		margin-right:0;
	}

	/* Vertically aligned grid
	-------------------------------------------------------------- */
	.v-grid-container { display:block; }
	.v-grid { float:inherit; display:block; width:100%; }
}





/* Mobile (Landscape) - design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 480px <= width < 768px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

		.container { max-width:440px; }
		
	/* Hide */
	.hide-below-960 { display:none !important; }
	.hide-below-768 { display:none !important; }
	
	/* Deprecated: persistent grid units (will be removed in the next update)
	-------------------------------------------------------------- */
		/* Half */
		.persistent-grid2-1 { width:48%; margin-left:1%; margin-right:1%; }
		
		/* One-third + two-thirds */
		.persistent-grid3-1 { width:31.33%; margin-left:1%; margin-right:1%; }
		.persistent-grid3-2 { width:64.67%; margin-left:1%; margin-right:1%; }
		
		/* One-fourth + two-fourths + three-fourths */
		.persistent-grid4-1 { width:23%; margin-left:1%; margin-right:1%; }
		.persistent-grid4-2 { width:48%; margin-left:1%; margin-right:1%; }
		.persistent-grid4-3 { width:73%; margin-left:1%; margin-right:1%; }

	/* Mobile grid (for browser viewport between 480px and 768px):
	   Below 768px all grid units are stretched (full width) and stack vertically.
	   The "mobile-grid" class forces narrow grid units to stay narrow,
	   but the width is increased to avoid too small columns.
	-------------------------------------------------------------- */
	.mobile-grid.grid12-1 { width:14.66% !important;	margin-left:1%; margin-right:1%; } /* 1/12 turns into 1/6 */
	.mobile-grid.grid12-2 { width:31.33% !important;	margin-left:1%; margin-right:1%; } /* 1/6  turns into 1/3 */
	.mobile-grid.grid12-3 { width:48% !important;		margin-left:1%; margin-right:1%; } /* 1/4  turns into 1/2 */
	
	/* Force other grid units to take half of the available width */
	.mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; }

}





/* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 640px <= width < 768px */
@media only screen and (min-width: 640px) and (max-width: 767px) {

		.container { max-width:590px; }
	}





/* Design for a width of less than 480px (small mobile)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 480px */
@media only screen and (max-width: 479px) {

	/* Stretch containers to full width and add side padding */
	.container { max-width:none !important; width:94%; padding-left:3%; padding-right:3%; }

	/* Nav container with outline (if nav container has background color).
	   Apply the same vertical margins, as container's side padding. */
	.nav.has-outline > .grid-full { margin-top: 3%; margin-bottom: 3%; }

}





/* Mobile (Portrait) - design for a width of 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 320px <= width < 480px */
@media only screen and (min-width: 320px) and (max-width: 479px) {

		/* .container { max-width:301px; } */
		
	/* Hide */
	.hide-below-960 { display:none !important; }
	.hide-below-768 { display:none !important; }
	.hide-below-480 { display:none !important; }
}





/* Mobile (Portrait) - design for a width of less than 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 320px */
@media only screen and (max-width: 319px) {

		/* .container { max-width:226px; } */
	
	.container { max-width:none !important; width:92%; padding-left:4%; padding-right:4%; }

	/* Nav container with outline (if nav container has background color).
	   Apply the same vertical margins, as container's side padding. */
	.nav.has-outline > .grid-full { margin-top: 4%; margin-bottom: 4%; }

	/* Hide */
	.hide-below-960 { display:none !important; }
	.hide-below-768 { display:none !important; }
	.hide-below-480 { display:none !important; }
	.hide-below-320 { display:none !important; }
}


ul.disc,
ul.disc > li{
    padding-left:0;
    line-height: 25px;
}

.roben{
    margin-left: 600px;
    margin-top: -360px;
    width: 580px;
    height: 676px;
    margin-right: 0;
    overflow: auto;
}

.loben, .lunten{
    width: 580px;
}

.lunten{
    margin-top: -297px;
    height: 296px;
}

.loben > h3, .lunten > h3, .roben > h3{   
    margin-top: 15px;       
}

.wrapper1{    
    height: 600px;
}

.wrapper2{
    margin-top: 60px;
    height: auto;
}

dd.antwort{
    background-color: #f5f5f5;
    padding-left: 20px !important;
    padding-right: 30px !important;
}

.frage{
    background-color: #f5f5f5;
    margin-top: 20px !important;
    padding: 25px 50px 10px 20px !important;
}

.wrapperallg, .wrappergest, .wrapperzahl{
    width: 578px;
    float: left;    
}

.wrapperallg{
    margin-top: -20px;
}

.wrappergest{
    margin-left: 20px;
}

.wrapperzahl{
    margin-top: -1100px;
}

dt h2{
    color: #70b6c1;
    padding-left: 20px;
}


.generic-dl{  
    margin-top: 0px;
    width: auto;
}

.std h2 {
    color: #70b6c1;
    padding: 0 0 0 20px;
    margin-top: 40px;
}

.root-wrapper > div > div > div.main-container.col1-layout > div > div.col-main.grid-full.in-col1 > div.std > div.wrapper2 > div.wrapperzahl > dl{
    margin-top: 77px;
}

.std dl dd{
    margin:0;
    padding:0;
}

.std dl dd.antwort{
    padding-bottom:20px;
}

.std dl dd.antwort p{
    display:inline;
}

a.totop.button{
    float:right;
    padding:5px 10px;
    font-size:13px;
    margin-top: 10px;
}

#root-wrapper > div > div > div.main-container.col1-layout > div > div.col-main.grid-full.in-col1 > div.std > div.wrapper2 > div.wrapperzahl > dl {
    margin-top: -922px !important;
}

/*
<li> Zahlung und Lieferung </li> nach oben verschieben
*/
.topme{
    margin-top: -130px;
}

/******************NEW_A************************/


.grid12-6{
    background-color: #f5f5f5;
    color: #70b6c1;
}
.section-title{
    padding-left: 24px;
    font-size: 16px;
    font-weight: bold;
}

.std dl{
    margin-top: -6px;
    width: 580px
}

.block .block-title, .section-title, .cart .crosssell h2, .cart .discount h2, .cart .shipping h2 {
    border-bottom: none !important;
}

.lunten > ul > li:last-child{
    margin-bottom: 30px;
}

.loben > ul > li:last-child{
    margin-bottom: 30px;
}

strong{
    margin-top: 20px;
}

ul.bullet ul li, ul.disc ul li {
    background: url(//ds.kartenmachen.de/shop/skin/frontend/kartenmachen/default/images/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat;
    padding-left: 15px;
    background-position-x: -2px;
    background-position-y: 4px;
}

.roben > ul, .loben > ul, .lunten > ul{
    margin-left: 20px;
}

#root-wrapper > div > div > div.main-container.col1-layout > div > div.col-main.grid-full.in-col1 > div.std > div.wrapper2 > div.wrapperzahl > dl{
    margin-top: 100px;
}

#root-wrapper > div > div > div.main-container.col1-layout > div > div.col-main.grid-full.in-col1 > div.std > div.wrapper1{
    margin-left: -10px
}

#root-wrapper > div > div > div.main-container.col1-layout > div > div.col-main.grid-full.in-col1 > div.std > div.wrapper1 > ul > li.grid12-6.roben{
    margin-left: 610px;
}

@media screen and (max-width: 639px) {
    #root-wrapper > div > div > div.main-container.col1-layout > div > div.col-main.grid-full.in-col1 > div.std > div.wrapper1 > ul > li.grid12-6.roben{
        margin-left: 1px;
    }
    .roben > ul, .roben > h3{
        margin-left:0px;
    }
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .wrapperzahl{
        margin-top: -1040px;
    }
}
@media (max-width: 1279px){ 
    .loben{
        width: 99%;
    }

    .lunten{
        margin-top: 5px;
        margin-left: 10px;
        width: 100%;

    }

    #root-wrapper > div > div > div.main-container.col1-layout > div > div.col-main.grid-full.in-col1 > div.std > div.wrapper1 > ul > li.grid12-6.lunten{
        margin-left: 1%;
    }

    .roben{
        float: inherit;
        width: 100%;
    }


    li.grid12-6.roben > ul > li{
        margin-left: 20px;
    }

    div.wrapper2 > div.wrapperallg > dl{
        margin-top: 0;
    }

    #root-wrapper > div > div > div.main-container.col1-layout > div > div.col-main.grid-full.in-col1 > div.std > div.wrapper2 > div.wrappergest > dl{
        position: relative;
        display: inline;
        float: left;
    }

    div.wrapperzahl > dl {
        margin-top: 0;
        position: relative;
        display: inline;
        float: left;
        width: 103% !important;
    }

    div.wrapperzahl > dl > dt{
        margin-top: 1190px;
        width: 100% !important;
    }
    .wrapperallg{
        width: 100% !important;
    }

    .wrappergest{
        width: 100% !important;
    }

    .wrapperzahl{
        width: 100% !important;
    }

    .wrapper1 > ul > li.grid12-6.roben > ul{
        background: #f5f5f5;
        margin-left: 1%;
        margin-top: -0.5%;  
        padding: 5px 5px 10px 0;
    }

    .wrapper1 > ul > li.grid12-6.roben > h3{
        background: #f5f5f5;
        margin-left: 1%; 
    }

    h3{
        margin-bottom: -5px !important; 
    }

    .generi-dl{
        margin-left: -0.2%;
    }

}

@media (min-width: 960px) and (max-width: 1279px){
    .std > div.wrapper1 > ul > li.grid12-6.roben > h3{
        padding-top:  30px;
    }

    .std > div.wrapper1 > ul > li.grid12-6.roben > ul{
        padding-bottom: 30px;
    }

    .generi-dl{
        width: 100% !important;
        margin-left: 0% !important;
    }

    .lunten{
        width: 99%;
    }

    .wrapper2 > div.wrappergest > dl{
        width: 100%;
        margin-left: -2%;
        margin-top: -1.5%;
    }

    .wrapper2 > div.wrapperzahl > dl > dt > h2{
        margin-top: 216.5%;
    }

    .wrapperzahl > .generi-dl > dd.frage{
        width: 90%;
    }

    .wrapperzahl > .generi-dl > dd.antwort{
        width: 92%;
    }
}

@media (min-width: 768px) and (max-width: 959px){
    .std > div.wrapper1 > ul > li.grid12-6.roben > h3{
        padding-top:  30px;
    }

    .std > div.wrapper1 > ul > li.grid12-6.roben > ul{
        padding-bottom: 30px;
    }

    .generi-dl{
        width: 100% !important;
        margin-left: 0% !important;
    }

    .lunten{
        width: 99%;
    }

    .wrapper2 > div.wrappergest > dl{
        width: 100%;
        margin-left: -2%;
        margin-top: -1.5%;
    }

    .wrapper2 > div.wrapperzahl > dl > dt > h2{
        margin-top: -16%;
        margin-left: 1%;
    }

    .wrapperzahl > .generi-dl > dd.frage{
        width: 87.25%;
        margin-left: 1%;
    }

    .wrapperzahl > .generi-dl > dd.antwort{
        width: 90%;
        margin-left: 1%;
    }

    #root-wrapper > div > div > div.main-container.col1-layout > div > div.col-main.grid-full.in-col1 > div.std > div.wrapper2 > div.wrapperzahl > dl {
        margin-top: 16% !important;
    }
}

@media (min-width: 640px) and (max-width: 767px){
    .std > div.wrapper1 > ul > li.grid12-6.roben > h3{
        padding-top:  30px;
    }

    .std > div.wrapper1 > ul > li.grid12-6.roben > ul{
        padding-bottom: 30px;
    }

    .generi-dl{
        width: 101% !important;
        margin-left: -1% !important;
    }

    .loben{
        margin-left: 1%;
        width: 97.5% !important;
        padding-right: 10px; 
    }

    .lunten{
        width: 99% !important;
    }

    .wrapper2 > div.wrappergest > dl{
        width: 101%;
        margin-left: -4%;
        margin-top: -1.5%;
    }

    .wrapper2 > div.wrapperzahl > dl > dt > h2{
        margin-top: -19%;
        margin-left: 0%;
    }

    .wrapperzahl > .generi-dl > dd.frage{
        width: 87%;
        margin-left: 0%;
    }

    .wrapperzahl > .generi-dl > dd.antwort{
        width: 90.3%;
        margin-left: 0%;
    }

    #root-wrapper > div > div > div.main-container.col1-layout > div > div.col-main.grid-full.in-col1 > div.std > div.wrapper2 > div.wrapperzahl > dl {
        margin-top: 16% !important;
    }

    body{

    }
}

@media (max-width: 639px){
    .std > div.wrapper1 > ul > li.grid12-6.roben > h3{
        padding-top:  30px;
    }

    .std > div.wrapper1 > ul > li.grid12-6.roben > ul{
        padding-bottom: 30px;
    }

    .generi-dl{
        width: 101% !important;
        margin-left: -1% !important;
    }


    .loben{
        margin-left: 1%;
        width: 97% !important;
        padding-right: 10px; 
    }

    .lunten{
        width: 99% !important;
    }

    .wrapper2 > div.wrappergest > dl{
        width: 102%;
        margin-left: -6%;
        margin-top: -1.5%;
    }

    .wrapper2 > div.wrapperzahl > dl > dt > h2{
        margin-top: -19%;
        margin-left: 0%;
    }

    .wrapperzahl > .generi-dl > dd.frage{
        width: 83%;
        margin-left: 0;
    }

    .wrapperzahl > .generi-dl > dd.antwort{
        width: 87.6%;
        margin-left: 0%;
    }

    #root-wrapper > div > div > div.main-container.col1-layout > div > div.col-main.grid-full.in-col1 > div.std > div.wrapper2 > div.wrapperzahl > dl {
        margin-top: 16% !important;
    }
}