/*!
 * Bootstrap v2.0.0
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:active,a:hover{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;height:auto;border:0;-ms-interpolation-mode:bicubic}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:18px;color:#333;background-color:#fff}a{color:#3579ae;text-decoration:none}a:hover{color:#235073;text-decoration:underline}.row{margin-left:-20px}.row:after,.row:before{display:table;content:""}.row:after{clear:both}[class*=span]{float:left;margin-left:20px}.span1{width:60px}.span2{width:140px}.span3{width:220px}.span4{width:300px}.span5{width:380px}.span6{width:460px}.span7{width:540px}.span8{width:620px}.span9{width:700px}.span10{width:780px}.span11{width:860px}.container,.span12{width:940px}.offset1{margin-left:100px}.offset2{margin-left:180px}.offset3{margin-left:260px}.offset4{margin-left:340px}.offset5{margin-left:420px}.offset6{margin-left:500px}.offset7{margin-left:580px}.offset8{margin-left:660px}.offset9{margin-left:740px}.offset10{margin-left:820px}.offset11{margin-left:900px}.row-fluid{width:100%}.row-fluid:after,.row-fluid:before{display:table;content:""}.row-fluid:after{clear:both}.row-fluid>[class*=span]{float:left;margin-left:2.12765957%}.row-fluid>[class*=span]:first-child{margin-left:0}.row-fluid .span1{width:6.38297872%}.row-fluid .span2{width:14.89361702%}.row-fluid .span3{width:23.40425532%}.row-fluid .span4{width:31.91489361%}.row-fluid .span5{width:40.42553191%}.row-fluid .span6{width:48.93617021%}.row-fluid .span7{width:57.4468085%}.row-fluid .span8{width:65.9574468%}.row-fluid .span9{width:74.4680851%}.row-fluid .span10{width:82.9787234%}.row-fluid .span11{width:91.48936169%}.row-fluid .span12{width:99.99999999%}.container{width:940px;margin-left:auto;margin-right:auto}.container:after,.container:before{display:table;content:""}.container:after{clear:both}.container-fluid{padding-left:20px;padding-right:20px}.container-fluid:after,.container-fluid:before{display:table;content:""}.container-fluid:after{clear:both}p{margin:0 0 9px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:18px}p small{font-size:11px;color:#888}.lead{margin-bottom:18px;font-size:20px;font-weight:200;line-height:27px}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;color:#333;text-rendering:optimizelegibility}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:400;color:#888}h1{font-size:30px;line-height:36px}h1 small{font-size:18px}h2{font-size:24px;line-height:36px}h2 small{font-size:18px}h3{line-height:27px;font-size:18px}h3 small{font-size:14px}h4,h5,h6{line-height:18px}h4{font-size:14px}h4 small{font-size:12px}h5{font-size:12px}h6{font-size:11px;color:#888;text-transform:uppercase}.page-header{padding-bottom:17px;margin:18px 0;border-bottom:1px solid #eee}.page-header h1{line-height:1}ol,ul{padding:0;margin:0 0 9px 25px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul{list-style:disc}ol{list-style:decimal}li{line-height:18px}ul.unstyled{margin-left:0;list-style:none}dl{margin-bottom:18px}dd,dt{line-height:18px}dt{font-weight:700}dd{margin-left:9px}hr{margin:18px 0;border:0;border-top:1px solid #e5e5e5;border-bottom:1px solid #fff}strong{font-weight:700}em{font-style:italic}.muted{color:#888}abbr{font-size:90%;text-transform:uppercase;border-bottom:1px dotted #ddd;cursor:help}blockquote{padding:0 0 0 15px;margin:0 0 18px;border-left:5px solid #eee}blockquote p{margin-bottom:0;font-size:16px;font-weight:300;line-height:22.5px}blockquote small{display:block;line-height:18px;color:#888}blockquote small:before{content:'\2014 \00A0'}blockquote.pull-right{float:right;padding-left:0;padding-right:15px;border-left:0;border-right:5px solid #eee}blockquote.pull-right p,blockquote.pull-right small{text-align:right}blockquote:after,blockquote:before,q:after,q:before{content:""}address{display:block;margin-bottom:18px;line-height:18px;font-style:normal}small{font-size:100%}cite{font-style:normal}code,pre{padding:0 3px 2px;font-family:Menlo,Monaco,"Courier New",monospace;font-size:12px;color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}code{padding:3px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8}pre{display:block;padding:8.5px;margin:0 0 9px;font-size:12px;line-height:18px;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;white-space:pre;white-space:pre-wrap;word-break:break-all}pre.prettyprint{margin-bottom:18px}pre code{padding:0;background-color:transparent}form{margin:0 0 18px}fieldset{padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:27px;font-size:19.5px;line-height:36px;color:#333;border:0;border-bottom:1px solid #eee}button,input,label,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:400;line-height:18px}label{display:block;margin-bottom:5px;color:#333}.uneditable-input,input,select,textarea{display:inline-block;width:210px;height:18px;padding:4px;margin-bottom:9px;font-size:13px;line-height:18px;color:#666;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.uneditable-textarea{width:auto;height:auto}label input,label select,label textarea{display:block}input[type=checkbox],input[type=radio],input[type=image]{width:auto;height:auto;padding:0;margin:3px 0;line-height:normal;border:0;cursor:pointer;border-radius:0 \0/}input[type=file]{padding:initial;line-height:initial;border:initial;background-color:#fff;background-color:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}input[type=button],input[type=reset],input[type=submit]{width:auto;height:auto}input[type=file],select{height:28px;line-height:28px}select{width:220px;background-color:#fff}select[multiple],select[size]{height:auto}input[type=image]{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}textarea{height:auto}input[type=hidden]{display:none}.checkbox,.radio{padding-left:18px}.checkbox input[type=checkbox],.radio input[type=radio]{float:left;margin-left:-18px}.controls>.checkbox:first-child,.controls>.radio:first-child{padding-top:5px}.checkbox.inline,.radio.inline{display:inline-block;margin-bottom:0;vertical-align:middle}.checkbox.inline+.checkbox.inline,.radio.inline+.radio.inline{margin-left:10px}.controls>.checkbox.inline:first-child,.controls>.radio.inline:first-child{padding-top:0}input,textarea{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-ms-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}input:focus,textarea:focus{border-color:rgba(82,168,236,.8);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);outline:0;outline:thin dotted\9}input[type=checkbox]:focus,input[type=file]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.input-mini{width:60px}.input-small{width:90px}.input-medium{width:150px}.input-large{width:210px}.input-xlarge{width:270px}.input-xxlarge{width:530px}.uneditable-input,input[class*=span],select[class*=span],textarea[class*=span]{float:none;margin-left:0}.uneditable-input.span1,input.span1,textarea.span1{width:50px}.uneditable-input.span2,input.span2,textarea.span2{width:130px}.uneditable-input.span3,input.span3,textarea.span3{width:210px}.uneditable-input.span4,input.span4,textarea.span4{width:290px}.uneditable-input.span5,input.span5,textarea.span5{width:370px}.uneditable-input.span6,input.span6,textarea.span6{width:450px}.uneditable-input.span7,input.span7,textarea.span7{width:530px}.uneditable-input.span8,input.span8,textarea.span8{width:610px}.uneditable-input.span9,input.span9,textarea.span9{width:690px}.uneditable-input.span10,input.span10,textarea.span10{width:770px}.uneditable-input.span11,input.span11,textarea.span11{width:850px}.uneditable-input.span12,input.span12,textarea.span12{width:930px}input[disabled],input[readonly],select[disabled],select[readonly],textarea[disabled],textarea[readonly]{background-color:#f5f5f5;border-color:#ddd;cursor:not-allowed}.control-group.warning .help-block,.control-group.warning .help-inline,.control-group.warning>label{color:#c09853}.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#c09853;border-color:#c09853}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:0 0 6px #dbc59e;-moz-box-shadow:0 0 6px #dbc59e;box-shadow:0 0 6px #dbc59e}.control-group.warning .input-append .add-on,.control-group.warning .input-prepend .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853}.control-group.error .help-block,.control-group.error .help-inline,.control-group.error>label{color:red}.control-group.error input,.control-group.error select,.control-group.error textarea{color:red;border-color:red}.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#c00;-webkit-box-shadow:0 0 6px #f66;-moz-box-shadow:0 0 6px #f66;box-shadow:0 0 6px #f66}.control-group.error .input-append .add-on,.control-group.error .input-prepend .add-on{color:red;background-color:#ffffc0;border-color:red}.control-group.success .help-block,.control-group.success .help-inline,.control-group.success>label{color:#468847}.control-group.success input,.control-group.success select,.control-group.success textarea{color:#468847;border-color:#468847}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#356635;-webkit-box-shadow:0 0 6px #7aba7b;-moz-box-shadow:0 0 6px #7aba7b;box-shadow:0 0 6px #7aba7b}.control-group.success .input-append .add-on,.control-group.success .input-prepend .add-on{color:#468847;background-color:#dff0d8;border-color:#468847}input:focus:required:invalid,select:focus:required:invalid,textarea:focus:required:invalid{color:#b94a48;border-color:#ee5f5b}input:focus:required:invalid:focus,select:focus:required:invalid:focus,textarea:focus:required:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7}.form-actions{padding:17px 20px 18px;margin-top:18px;margin-bottom:18px;background-color:#f5f5f5;border-top:1px solid #ddd}.uneditable-input{display:block;background-color:#fff;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.025);box-shadow:inset 0 1px 2px rgba(0,0,0,.025);cursor:not-allowed}:-moz-placeholder{color:#888}::-webkit-input-placeholder{color:#888}.help-block{margin-top:5px;margin-bottom:0;color:#888}.help-inline{display:inline-block;margin-bottom:9px;vertical-align:middle;padding-left:5px}.input-append,.input-prepend{margin-bottom:5px}.input-append:after,.input-append:before,.input-prepend:after,.input-prepend:before{display:table;content:""}.input-append:after,.input-prepend:after{clear:both}.input-append .uneditable-input,.input-append input,.input-prepend .uneditable-input,.input-prepend input{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-append .uneditable-input:focus,.input-append input:focus,.input-prepend .uneditable-input:focus,.input-prepend input:focus{position:relative;z-index:2}.input-append .uneditable-input,.input-prepend .uneditable-input{border-left-color:#ccc}.input-append .add-on,.input-prepend .add-on{float:left;display:block;width:auto;min-width:16px;height:18px;margin-right:-1px;padding:4px 5px;font-weight:400;line-height:18px;color:#888;text-align:center;text-shadow:0 1px 0 #fff;background-color:#f5f5f5;border:1px solid #ccc;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-append .active,.input-prepend .active{background-color:#a9dba9;border-color:#46a546}.input-append .uneditable-input,.input-append input{float:left;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-append .uneditable-input{border-right-color:#ccc}.input-append .add-on{margin-right:0;margin-left:-1px;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.search-query{padding-left:14px;padding-right:14px;margin-bottom:0;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px}.form-horizontal .help-inline,.form-horizontal .uneditable-input,.form-horizontal input,.form-horizontal select,.form-horizontal textarea,.form-inline .help-inline,.form-inline .uneditable-input,.form-inline input,.form-inline select,.form-inline textarea,.form-search .help-inline,.form-search .uneditable-input,.form-search input,.form-search select,.form-search textarea{display:inline-block;margin-bottom:0}.form-inline .input-append,.form-inline .input-prepend,.form-inline label,.form-search .input-append,.form-search .input-prepend,.form-search label{display:inline-block}.form-inline .input-prepend .add-on,.form-search .input-append .add-on{vertical-align:middle}.control-group{margin-bottom:9px}.form-horizontal legend+.control-group{margin-top:18px;-webkit-margin-top-collapse:separate}.form-horizontal .control-group{margin-bottom:18px}.form-horizontal .control-group:after,.form-horizontal .control-group:before{display:table;content:""}.form-horizontal .control-group:after{clear:both}.form-horizontal .control-group>label{float:left;width:140px;padding-top:5px;text-align:right}.form-horizontal .controls{margin-left:160px}.form-horizontal .form-actions{padding-left:160px}table{max-width:100%;border-collapse:collapse;border-spacing:0}.table{width:100%;margin-bottom:18px}.table td,.table th{padding:8px;line-height:18px;text-align:left;border-top:1px solid #ddd}.table th{font-weight:700;vertical-align:bottom}.table td{vertical-align:top}.table thead:first-child tr td,.table thead:first-child tr th{border-top:0}.table tbody+tbody{border-top:2px solid #ddd}.table-condensed td,.table-condensed th{padding:4px 5px}.table-bordered{border:1px solid #ddd;border-collapse:separate;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.table-bordered td+td,.table-bordered td+th,.table-bordered th+td,.table-bordered th+th{border-left:1px solid #ddd}.table-bordered tbody:first-child tr:first-child td,.table-bordered tbody:first-child tr:first-child th,.table-bordered thead:first-child tr:first-child th{border-top:0}.table-bordered tbody:first-child tr:first-child td:first-child,.table-bordered thead:first-child tr:first-child th:first-child{-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0 0;border-radius:4px 0 0 0}.table-bordered tbody:first-child tr:first-child td:last-child,.table-bordered thead:first-child tr:first-child th:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}.table-bordered tbody:last-child tr:last-child td:first-child,.table-bordered thead:last-child tr:last-child th:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}.table-bordered tbody:last-child tr:last-child td:last-child,.table-bordered thead:last-child tr:last-child th:last-child{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0}.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9}table .span1{float:none;width:44px;margin-left:0}table .span2{float:none;width:124px;margin-left:0}table .span3{float:none;width:204px;margin-left:0}table .span4{float:none;width:284px;margin-left:0}table .span5{float:none;width:364px;margin-left:0}table .span6{float:none;width:444px;margin-left:0}table .span7{float:none;width:524px;margin-left:0}table .span8{float:none;width:604px;margin-left:0}table .span9{float:none;width:684px;margin-left:0}table .span10{float:none;width:764px;margin-left:0}table .span11{float:none;width:844px;margin-left:0}table .span12{float:none;width:924px;margin-left:0}[class^=icon-]{display:inline-block;width:14px;height:14px;vertical-align:text-top;background-image:url(../img/glyphicons-halflings.png);background-position:14px 14px;background-repeat:no-repeat}.icon-white{background-image:url(../img/glyphicons-halflings-white.png)}.icon-glass{background-position:0 0}.icon-music{background-position:-24px 0}.icon-search{background-position:-48px 0}.icon-envelope{background-position:-72px 0}.icon-heart{background-position:-96px 0}.icon-star{background-position:-120px 0}.icon-star-empty{background-position:-144px 0}.icon-user{background-position:-168px 0}.icon-film{background-position:-192px 0}.icon-th-large{background-position:-216px 0}.icon-th{background-position:-240px 0}.icon-th-list{background-position:-264px 0}.icon-ok{background-position:-288px 0}.icon-remove{background-position:-312px 0}.icon-zoom-in{background-position:-336px 0}.icon-zoom-out{background-position:-360px 0}.icon-off{background-position:-384px 0}.icon-signal{background-position:-408px 0}.icon-cog{background-position:-432px 0}.icon-trash{background-position:-456px 0}.icon-home{background-position:0 -24px}.icon-file{background-position:-24px -24px}.icon-time{background-position:-48px -24px}.icon-road{background-position:-72px -24px}.icon-download-alt{background-position:-96px -24px}.icon-download{background-position:-120px -24px}.icon-upload{background-position:-144px -24px}.icon-inbox{background-position:-168px -24px}.icon-play-circle{background-position:-192px -24px}.icon-repeat{background-position:-216px -24px}.icon-refresh{background-position:-240px -24px}.icon-list-alt{background-position:-264px -24px}.icon-lock{background-position:-287px -24px}.icon-flag{background-position:-312px -24px}.icon-headphones{background-position:-336px -24px}.icon-volume-off{background-position:-360px -24px}.icon-volume-down{background-position:-384px -24px}.icon-volume-up{background-position:-408px -24px}.icon-qrcode{background-position:-432px -24px}.icon-barcode{background-position:-456px -24px}.icon-tag{background-position:0 -48px}.icon-tags{background-position:-25px -48px}.icon-book{background-position:-48px -48px}.icon-bookmark{background-position:-72px -48px}.icon-print{background-position:-96px -48px}.icon-camera{background-position:-120px -48px}.icon-font{background-position:-144px -48px}.icon-bold{background-position:-167px -48px}.icon-italic{background-position:-192px -48px}.icon-text-height{background-position:-216px -48px}.icon-text-width{background-position:-240px -48px}.icon-align-left{background-position:-264px -48px}.icon-align-center{background-position:-288px -48px}.icon-align-right{background-position:-312px -48px}.icon-align-justify{background-position:-336px -48px}.icon-list{background-position:-360px -48px}.icon-indent-left{background-position:-384px -48px}.icon-indent-right{background-position:-408px -48px}.icon-facetime-video{background-position:-432px -48px}.icon-picture{background-position:-456px -48px}.icon-pencil{background-position:0 -72px}.icon-map-marker{background-position:-24px -72px}.icon-adjust{background-position:-48px -72px}.icon-tint{background-position:-72px -72px}.icon-edit{background-position:-96px -72px}.icon-share{background-position:-120px -72px}.icon-check{background-position:-144px -72px}.icon-move{background-position:-168px -72px}.icon-step-backward{background-position:-192px -72px}.icon-fast-backward{background-position:-216px -72px}.icon-backward{background-position:-240px -72px}.icon-play{background-position:-264px -72px}.icon-pause{background-position:-288px -72px}.icon-stop{background-position:-312px -72px}.icon-forward{background-position:-336px -72px}.icon-fast-forward{background-position:-360px -72px}.icon-step-forward{background-position:-384px -72px}.icon-eject{background-position:-408px -72px}.icon-chevron-left{background-position:-432px -72px}.icon-chevron-right{background-position:-456px -72px}.icon-plus-sign{background-position:0 -96px}.icon-minus-sign{background-position:-24px -96px}.icon-remove-sign{background-position:-48px -96px}.icon-ok-sign{background-position:-72px -96px}.icon-question-sign{background-position:-96px -96px}.icon-info-sign{background-position:-120px -96px}.icon-screenshot{background-position:-144px -96px}.icon-remove-circle{background-position:-168px -96px}.icon-ok-circle{background-position:-192px -96px}.icon-ban-circle{background-position:-216px -96px}.icon-arrow-left{background-position:-240px -96px}.icon-arrow-right{background-position:-264px -96px}.icon-arrow-up{background-position:-289px -96px}.icon-arrow-down{background-position:-312px -96px}.icon-share-alt{background-position:-336px -96px}.icon-resize-full{background-position:-360px -96px}.icon-resize-small{background-position:-384px -96px}.icon-plus{background-position:-408px -96px}.icon-minus{background-position:-433px -96px}.icon-asterisk{background-position:-456px -96px}.icon-exclamation-sign{background-position:0 -120px}.icon-gift{background-position:-24px -120px}.icon-leaf{background-position:-48px -120px}.icon-fire{background-position:-72px -120px}.icon-eye-open{background-position:-96px -120px}.icon-eye-close{background-position:-120px -120px}.icon-warning-sign{background-position:-144px -120px}.icon-plane{background-position:-168px -120px}.icon-calendar{background-position:-192px -120px}.icon-random{background-position:-216px -120px}.icon-comment{background-position:-240px -120px}.icon-magnet{background-position:-264px -120px}.icon-chevron-up{background-position:-288px -120px}.icon-chevron-down{background-position:-313px -119px}.icon-retweet{background-position:-336px -120px}.icon-shopping-cart{background-position:-360px -120px}.icon-folder-close{background-position:-384px -120px}.icon-folder-open{background-position:-408px -120px}.icon-resize-vertical{background-position:-432px -119px}.icon-resize-horizontal{background-position:-456px -118px}.dropdown{position:relative}.dropdown-toggle:active,.open .dropdown-toggle{outline:0}.caret{display:inline-block;width:0;height:0;text-indent:-99999px;vertical-align:top;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000;opacity:.3;filter:alpha(opacity=30);content:"\2193"}.dropdown .caret{margin-top:8px;margin-left:2px}.dropdown:hover .caret,.open.dropdown .caret{opacity:1;filter:alpha(opacity=100)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;max-width:220px;padding:4px 0;margin:0;list-style:none;background-color:#fff;border-color:#ccc;border-color:rgba(0,0,0,.2);border-style:solid;border-width:1px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.dropdown-menu.bottom-up{top:auto;bottom:100%;margin-bottom:2px}.dropdown-menu .divider{height:1px;margin:5px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #fff}.dropdown-menu a{display:block;padding:3px 15px;clear:both;font-weight:400;line-height:18px;color:#666;white-space:nowrap}.dropdown-menu .active>a,.dropdown-menu .active>a:hover,.dropdown-menu li>a:hover{color:#fff;text-decoration:none;background-color:#3579ae}.dropdown.open .dropdown-toggle{color:#fff;background:#ccc;background:rgba(0,0,0,.3)}.dropdown.open .dropdown-menu{display:block}.typeahead{margin-top:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #eee;border:1px solid rgba(0,0,0,.05);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.fade{-webkit-transition:opacity .15s linear;-moz-transition:opacity .15s linear;-ms-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;opacity:0}.fade.in{opacity:1}.collapse{-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-ms-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease;position:relative;overflow:hidden;height:0}.collapse.in{height:auto}.close{float:right;font-size:20px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover{color:#000;text-decoration:none;opacity:.4;filter:alpha(opacity=40);cursor:pointer}.btn{display:inline-block;padding:2px 14px 2px;font-size:13px;line-height:18px;color:#333;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,.75);background-color:#fafafa;background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),color-stop(25%,#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(#fff,#fff 25%,#e6e6e6);background-image:-moz-linear-gradient(top,#fff,#fff 25%,#e6e6e6);background-image:-ms-linear-gradient(#fff,#fff 25%,#e6e6e6);background-image:-o-linear-gradient(#fff,#fff 25%,#e6e6e6);background-image:linear-gradient(#fff,#fff 25%,#e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e6e6e6', GradientType=0);border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);cursor:pointer}.btn:hover{color:#333;text-decoration:none;background-color:#e6e6e6;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-ms-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.active,.btn:active{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);background-color:#e6e6e6;background-color:#d9d9d9\9;color:rgba(0,0,0,.5);outline:0}.btn.disabled,.btn[disabled]{cursor:default;background-image:none;background-color:#e6e6e6;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.btn-large{padding:9px 14px;font-size:15px;line-height:normal}.btn-large .icon{margin-top:1px}.btn-small{padding:5px 9px;font-size:11px;line-height:16px}.btn-small .icon{margin-top:-1px}.btn-danger,.btn-danger:hover,.btn-info,.btn-info:hover,.btn-primary,.btn-primary:hover,.btn-submit,.btn-submit:hover,.btn-success,.btn-success:hover,.btn-warning,.btn-warning:hover{text-shadow:0 -1px 0 rgba(0,0,0,.25);color:#fff}.btn-danger.active,.btn-info.active,.btn-primary.active,.btn-submit.active,.btn-success.active,.btn-warning.active{color:rgba(255,255,255,.75)}.btn-primary{background-color:#3690b2;background-image:-moz-linear-gradient(top,#3a9dc2,#2f7d9a);background-image:-ms-linear-gradient(top,#3a9dc2,#2f7d9a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#3a9dc2),to(#2f7d9a));background-image:-webkit-linear-gradient(top,#3a9dc2,#2f7d9a);background-image:-o-linear-gradient(top,#3a9dc2,#2f7d9a);background-image:linear-gradient(top,#3a9dc2,#2f7d9a);background-repeat:repeat-x;border-color:#2f7d9a #2f7d9a #1d4e60;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-primary.active,.btn-primary.disabled,.btn-primary:active,.btn-primary:hover,.btn-primary[disabled]{background-color:#2f7d9a}.btn-primary.active,.btn-primary:active{background-color:#235d73\9}.btn-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(top,#fbb450,#f89406);background-repeat:repeat-x;border-color:#f89406 #f89406 #ad6704;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-warning.active,.btn-warning.disabled,.btn-warning:active,.btn-warning:hover,.btn-warning[disabled]{background-color:#f89406}.btn-warning.active,.btn-warning:active{background-color:#c67605\9}.btn-danger{background-color:#da4f49;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(top,#ee5f5b,#bd362f);background-repeat:repeat-x;border-color:#bd362f #bd362f #802420;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-danger.active,.btn-danger.disabled,.btn-danger:active,.btn-danger:hover,.btn-danger[disabled]{background-color:#bd362f}.btn-danger.active,.btn-danger:active{background-color:#942a25\9}.btn-success{background-color:#5bb75b;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(top,#62c462,#51a351);background-repeat:repeat-x;border-color:#51a351 #51a351 #387038;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-success.active,.btn-success.disabled,.btn-success:active,.btn-success:hover,.btn-success[disabled]{background-color:#51a351}.btn-success.active,.btn-success:active{background-color:#408140\9}.btn-info{background-color:#49afcd;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(top,#5bc0de,#2f96b4);background-repeat:repeat-x;border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-info.active,.btn-info.disabled,.btn-info:active,.btn-info:hover,.btn-info[disabled]{background-color:#2f96b4}.btn-info.active,.btn-info:active{background-color:#24748c\9}.btn-submit{background-color:#3a3a3a;background-image:-moz-linear-gradient(top,#444,#2b2b2b);background-image:-ms-linear-gradient(top,#444,#2b2b2b);background-image:-webkit-gradient(linear,0 0,0 100%,from(#444),to(#2b2b2b));background-image:-webkit-linear-gradient(top,#444,#2b2b2b);background-image:-o-linear-gradient(top,#444,#2b2b2b);background-image:linear-gradient(top,#444,#2b2b2b);background-repeat:repeat-x;border-color:#2b2b2b #2b2b2b #040404;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);border:1px solid #ccc}.btn-submit.active,.btn-submit.disabled,.btn-submit:active,.btn-submit:hover,.btn-submit[disabled]{background-color:#2b2b2b}.btn-submit.active,.btn-submit:active{background-color:#111\9}button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner{padding:0;border:0}.btn-order{display:inline;font-weight:700;font-size:18.2px;padding:5px 30px;-webkit-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);-moz-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:1px solid #fff!important;color:#fff;text-shadow:none;background-color:#efa723;background-image:-moz-linear-gradient(top,#faca37,#df7305);background-image:-ms-linear-gradient(top,#faca37,#df7305);background-image:-webkit-gradient(linear,0 0,0 100%,from(#faca37),to(#df7305));background-image:-webkit-linear-gradient(top,#faca37,#df7305);background-image:-o-linear-gradient(top,#faca37,#df7305);background-image:linear-gradient(top,#faca37,#df7305);background-repeat:repeat-x;border-color:#df7305 #df7305 #944c04;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-order.active,.btn-order.disabled,.btn-order:active,.btn-order:hover,.btn-order[disabled]{background-color:#df7305}.btn-order.active,.btn-order:active{background-color:#ad5904\9}.btn-order:hover{color:#fff}.btn-order.green{background-color:#61b861;background-image:-moz-linear-gradient(top,#74c474,#46a546);background-image:-ms-linear-gradient(top,#74c474,#46a546);background-image:-webkit-gradient(linear,0 0,0 100%,from(#74c474),to(#46a546));background-image:-webkit-linear-gradient(top,#74c474,#46a546);background-image:-o-linear-gradient(top,#74c474,#46a546);background-image:linear-gradient(top,#74c474,#46a546);background-repeat:repeat-x;border-color:#46a546 #46a546 #2f6f2f;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-order.green.active,.btn-order.green.disabled,.btn-order.green:active,.btn-order.green:hover,.btn-order.green[disabled]{background-color:#46a546}.btn-order.green.active,.btn-order.green:active{background-color:#378137\9}.btn-order.green.disabled,.btn-order.green[disabled]{background-image:none;background-color:#f89406;background-image:-moz-linear-gradient(top,#f89406,#f89406);background-image:-ms-linear-gradient(top,#f89406,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f89406),to(#f89406));background-image:-webkit-linear-gradient(top,#f89406,#f89406);background-image:-o-linear-gradient(top,#f89406,#f89406);background-image:linear-gradient(top,#f89406,#f89406);background-repeat:repeat-x;border-color:#f89406 #f89406 #ad6704;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-order.green.disabled.active,.btn-order.green.disabled.disabled,.btn-order.green.disabled:active,.btn-order.green.disabled:hover,.btn-order.green.disabled[disabled],.btn-order.green[disabled].active,.btn-order.green[disabled].disabled,.btn-order.green[disabled]:active,.btn-order.green[disabled]:hover,.btn-order.green[disabled][disabled]{background-color:#f89406}.btn-order.green.disabled.active,.btn-order.green.disabled:active,.btn-order.green[disabled].active,.btn-order.green[disabled]:active{background-color:#c67605\9}.btn-save{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#0070e0;background-image:-moz-linear-gradient(top,#007FFF,#0059b3);background-image:-ms-linear-gradient(top,#007FFF,#0059b3);background-image:-webkit-gradient(linear,0 0,0 100%,from(#007FFF),to(#0059b3));background-image:-webkit-linear-gradient(top,#007FFF,#0059b3);background-image:-o-linear-gradient(top,#007FFF,#0059b3);background-image:linear-gradient(top,#007FFF,#0059b3);background-repeat:repeat-x;border-color:#0059b3 #0059b3 #036;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-save.active,.btn-save.disabled,.btn-save:active,.btn-save:hover,.btn-save[disabled]{background-color:#0059b3}.btn-save.active,.btn-save:active{background-color:#003f7f\9}.btn-save:hover{color:#fff}.btn-group{position:relative}.btn-group:after,.btn-group:before{display:table;content:""}.btn-group:after{clear:both}.btn-group+.btn-group{margin-left:5px}.btn-toolbar{margin-top:9px;margin-bottom:9px}.btn-toolbar .btn-group{display:inline-block}.btn-group .btn{position:relative;float:left;margin-left:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-group .btn:first-child{margin-left:0;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px}.btn-group .btn:last-child,.btn-group .dropdown-toggle{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px}.btn-group .btn.large:first-child{margin-left:0;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px}.btn-group .btn.large:last-child,.btn-group .large.dropdown-toggle{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px}.btn-group .btn.active,.btn-group .btn:active,.btn-group .btn:focus,.btn-group .btn:hover{z-index:2}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group .dropdown-toggle{padding-left:8px;padding-right:8px;-webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.btn-group.open .dropdown-menu{display:block;margin-top:1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.btn-group.open .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 1px 6px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 6px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 6px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.btn .caret{margin-top:7px;margin-left:0}.btn:hover .caret,.open.btn-group .caret{opacity:1;filter:alpha(opacity=100)}.btn-danger .caret,.btn-info .caret,.btn-primary .caret,.btn-success .caret{border-top-color:#fff;opacity:.75;filter:alpha(opacity=75)}.btn-small .caret{margin-top:4px}.alert{padding:8px 35px 8px 14px;margin-bottom:18px;text-shadow:0 1px 0 rgba(255,255,255,.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.alert,.alert-heading{color:#c09853}.alert .close{position:relative;top:-2px;right:-21px;line-height:18px}.alert-success{background-color:#dff0d8;border-color:#d6e9c6}.alert-success,.alert-success .alert-heading{color:#468847}.alert-danger,.alert-error{background-color:#ffffc0;border-color:red}.alert-danger,.alert-danger .alert-heading,.alert-error,.alert-error .alert-heading{color:red}.alert-info{background-color:#d9edf7;border-color:#bce8f1}.alert-info,.alert-info .alert-heading{color:#3a87ad}.alert-block{padding-top:14px;padding-bottom:14px}.alert-block>p,.alert-block>ul{margin-bottom:0}.alert-block p+p{margin-top:5px}.nav{margin-left:0;margin-bottom:18px;list-style:none}.nav>li>a{display:block}.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav-list{padding-left:14px;padding-right:14px;margin-bottom:0}.nav-list .nav-header,.nav-list>li>a{display:block;padding:3px 15px;margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255,255,255,.5)}.nav-list .nav-header{font-size:11px;font-weight:700;line-height:18px;color:#888;text-transform:uppercase}.nav-list>li+.nav-header{margin-top:9px}.nav-list .active>a{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.2);background-color:#3579ae}.nav-list .icon{margin-right:2px}.nav-pills:after,.nav-pills:before,.nav-tabs:after,.nav-tabs:before{display:table;content:""}.nav-pills:after,.nav-tabs:after{clear:both}.nav-pills>li,.nav-tabs>li{float:left}.nav-pills>li>a,.nav-tabs>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{margin-bottom:-1px}.nav-tabs>li>a{padding-top:9px;padding-bottom:9px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>.active>a,.nav-tabs>.active>a:hover{color:#666;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.nav-pills .active>a,.nav-pills .active>a:hover{color:#fff;background-color:#3579ae}.nav-stacked>li{float:none}.nav-stacked>li>a{margin-right:0}.nav-tabs.nav-stacked{border-bottom:0}.nav-tabs.nav-stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.nav-tabs.nav-stacked>li:first-child>a{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.nav-tabs.nav-stacked>li:last-child>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.nav-tabs.nav-stacked>li>a:hover{border-color:#ddd;z-index:2}.nav-pills.nav-stacked>li>a{margin-bottom:3px}.nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px}.nav-pills .dropdown-menu,.nav-tabs .dropdown-menu{margin-top:1px;border-width:1px}.nav-pills .dropdown-menu{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.nav-pills .dropdown-toggle .caret,.nav-tabs .dropdown-toggle .caret{border-top-color:#3579ae;margin-top:6px}.nav-pills .dropdown-toggle:hover .caret,.nav-tabs .dropdown-toggle:hover .caret{border-top-color:#235073}.nav-pills .active .dropdown-toggle .caret,.nav-tabs .active .dropdown-toggle .caret{border-top-color:#333}.nav>.dropdown.active>a:hover{color:#000;cursor:pointer}.nav-pills .open .dropdown-toggle,.nav-tabs .open .dropdown-toggle,.nav>.open.active>a:hover{color:#fff;background-color:#888;border-color:#888}.nav .open .caret,.nav .open a:hover .caret,.nav .open.active .caret{border-top-color:#fff;opacity:1;filter:alpha(opacity=100)}.tabs-stacked .open>a:hover{border-color:#888}.tabbable:after,.tabbable:before{display:table;content:""}.tabbable:after{clear:both}.tabs-below .nav-tabs,.tabs-left .nav-tabs,.tabs-right .nav-tabs{border-bottom:0}.pill-content>.pill-pane,.tab-content>.tab-pane{display:none}.pill-content>.active,.tab-content>.active{display:block}.tabs-below .nav-tabs{border-top:1px solid #ddd}.tabs-below .nav-tabs>li{margin-top:-1px;margin-bottom:0}.tabs-below .nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.tabs-below .nav-tabs>li>a:hover{border-bottom-color:transparent;border-top-color:#ddd}.tabs-below .nav-tabs .active>a,.tabs-below .nav-tabs .active>a:hover{border-color:transparent #ddd #ddd #ddd}.tabs-left .nav-tabs>li,.tabs-right .nav-tabs>li{float:none}.tabs-left .nav-tabs>li>a,.tabs-right .nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px}.tabs-left .nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd}.tabs-left .nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.tabs-left .nav-tabs>li>a:hover{border-color:#eee #ddd #eee #eee}.tabs-left .nav-tabs .active>a,.tabs-left .nav-tabs .active>a:hover{border-color:#ddd transparent #ddd #ddd}.tabs-right .nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd}.tabs-right .nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.tabs-right .nav-tabs>li>a:hover{border-color:#eee #eee #eee #ddd}.tabs-right .nav-tabs .active>a,.tabs-right .nav-tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent}.navbar{overflow:visible;margin-bottom:18px}.navbar-inner{padding-left:20px;padding-right:20px;background-color:#2c2c2c;background-image:-moz-linear-gradient(top,#333,#222);background-image:-ms-linear-gradient(top,#333,#222);background-image:-webkit-gradient(linear,0 0,0 100%,from(#333),to(#222));background-image:-webkit-linear-gradient(top,#333,#222);background-image:-o-linear-gradient(top,#333,#222);background-image:linear-gradient(top,#333,#222);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1)}.btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;background-color:#2c2c2c;background-image:-moz-linear-gradient(top,#333,#222);background-image:-ms-linear-gradient(top,#333,#222);background-image:-webkit-gradient(linear,0 0,0 100%,from(#333),to(#222));background-image:-webkit-linear-gradient(top,#333,#222);background-image:-o-linear-gradient(top,#333,#222);background-image:linear-gradient(top,#333,#222);background-repeat:repeat-x;border-color:#222 #222 #000;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075)}.btn-navbar.active,.btn-navbar.disabled,.btn-navbar:active,.btn-navbar:hover,.btn-navbar[disabled]{background-color:#222}.btn-navbar.active,.btn-navbar:active{background-color:#080808\9}.btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.btn-navbar .icon-bar+.icon-bar{margin-top:3px}.nav-collapse.collapse{height:auto}.navbar .brand:hover{text-decoration:none}.navbar .brand{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#fff}.navbar .navbar-text{margin-bottom:0;line-height:40px;color:#888}.navbar .navbar-text a:hover{color:#fff;background-color:transparent}.navbar .btn,.navbar .btn-group{margin-top:5px}.navbar .btn-group .btn{margin-top:0}.navbar-form{margin-bottom:0}.navbar-form:after,.navbar-form:before{display:table;content:""}.navbar-form:after{clear:both}.navbar-form input,.navbar-form select{display:inline-block;margin-top:5px;margin-bottom:0}.navbar-form .checkbox,.navbar-form .radio{margin-top:5px}.navbar-form input[type=checkbox],.navbar-form input[type=radio],.navbar-form input[type=image]{margin-top:3px}.navbar-search{position:relative;float:left;margin-top:6px;margin-bottom:0}.navbar-search .search-query{padding:4px 9px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1;color:#fff;color:rgba(255,255,255,.75);background:#666;background:rgba(255,255,255,.3);border:1px solid #111;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.15);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.15);box-shadow:inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.15);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}.navbar-search .search-query :-moz-placeholder{color:#eee}.navbar-search .search-query ::-webkit-input-placeholder{color:#eee}.navbar-search .search-query:hover{color:#fff;background-color:#888;background-color:rgba(255,255,255,.5)}.navbar-search .search-query.focused,.navbar-search .search-query:focus{padding:5px 10px;color:#333;text-shadow:0 1px 0 #fff;background-color:#fff;border:0;-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);-moz-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15);outline:0}.navbar-fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.navbar-fixed-top .navbar-inner{padding-left:0;padding-right:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0}.navbar .nav.pull-right{float:right}.navbar .nav>li{display:block;float:left}.navbar .nav>li>a{float:none;padding:10px 10px 11px;line-height:19px;color:#888;text-decoration:none;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.navbar .nav>li>a:hover{background-color:transparent;color:#fff;text-decoration:none}.navbar .nav .active>a,.navbar .nav .active>a:hover{color:#fff;text-decoration:none;background-color:#222;background-color:rgba(0,0,0,.5)}.navbar .divider-vertical{height:40px;width:1px;margin:0 9px;overflow:hidden;background-color:#222;border-right:1px solid #333}.navbar .nav.pull-right{margin-left:10px;margin-right:0}.navbar .dropdown-menu{margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.navbar .dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:9px}.navbar .dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:10px}.navbar .nav .dropdown-toggle .caret,.navbar .nav .open.dropdown .caret{border-top-color:#fff}.navbar .nav .active .caret{opacity:1;filter:alpha(opacity=100)}.navbar .nav .active>.dropdown-toggle,.navbar .nav .open.active>.dropdown-toggle,.navbar .nav .open>.dropdown-toggle{background-color:transparent}.navbar .nav .active>.dropdown-toggle:hover{color:#fff}.navbar .nav.pull-right .dropdown-menu{left:auto;right:0}.navbar .nav.pull-right .dropdown-menu:before{left:auto;right:12px}.navbar .nav.pull-right .dropdown-menu:after{left:auto;right:13px}.breadcrumb{padding:7px 14px;margin:0 0 18px;background-color:#fbfbfb;background-image:-moz-linear-gradient(top,#fff,#f5f5f5);background-image:-ms-linear-gradient(top,#fff,#f5f5f5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f5f5f5));background-image:-webkit-linear-gradient(top,#fff,#f5f5f5);background-image:-o-linear-gradient(top,#fff,#f5f5f5);background-image:linear-gradient(top,#fff,#f5f5f5);background-repeat:repeat-x;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 #fff;-moz-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff}.breadcrumb li{display:inline;text-shadow:0 1px 0 #fff}.breadcrumb .divider{padding:0 5px;color:#888}.breadcrumb .active a{color:#333}.pagination{height:36px;margin:18px 0}.pagination ul{display:inline-block;margin-left:0;margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.pagination li{display:inline}.pagination a{float:left;padding:0 14px;line-height:34px;text-decoration:none;border:1px solid #ddd;border-left-width:0}.pagination .active a,.pagination a:hover{background-color:#f5f5f5}.pagination .active a{color:#888;cursor:default}.pagination .disabled a,.pagination .disabled a:hover{color:#888;background-color:transparent;cursor:default}.pagination li:first-child a{border-left-width:1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.pagination li:last-child a{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.pagination-centered{text-align:center}.pagination-right{text-align:right}.pager{margin-left:0;margin-bottom:18px;list-style:none;text-align:center}.pager:after,.pager:before{display:table;content:""}.pager:after{clear:both}.pager li{display:inline}.pager a{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}.pager a:hover{text-decoration:none;background-color:#f5f5f5}.pager .next a{float:right}.pager .previous a{float:left}.modal-open .dropdown-menu{z-index:2050}.modal-open .popover{z-index:2060}.modal-open .tooltip{z-index:2070}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#296d87}.modal-backdrop.fade{opacity:0}.modal-backdrop,.modal-backdrop.fade.in{opacity:.8;filter:alpha(opacity=80)}.modal{position:fixed;top:50%;left:50%;z-index:1050;max-height:500px;overflow:auto;width:560px;margin:-250px 0 0 -280px;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.3);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0,0,0,.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,.3);box-shadow:0 3px 7px rgba(0,0,0,.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box}.modal.fade{-webkit-transition:opacity .3s linear,top .3s ease-out;-moz-transition:opacity .3s linear,top .3s ease-out;-ms-transition:opacity .3s linear,top .3s ease-out;-o-transition:opacity .3s linear,top .3s ease-out;transition:opacity .3s linear,top .3s ease-out;top:-25%}.modal.fade.in{top:50%}.modal-header{padding:9px 15px;border-bottom:1px solid #e9f4f8}.modal-header .close{margin-top:2px}.modal-header h3{color:#3a9dc2}.modal-body{padding:15px;color:#2f7d9a}.modal-footer{padding:14px 15px 15px;margin-bottom:0;background-color:#e9f4f8;border-top:1px solid #e9f4f8;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #fff;-moz-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff}.modal-footer:after,.modal-footer:before{display:table;content:""}.modal-footer:after{clear:both}.modal-footer .btn{float:right;margin-left:5px;margin-bottom:0}.tooltip{position:absolute;z-index:1020;display:block;visibility:visible;padding:5px;font-size:11px;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.8;filter:alpha(opacity=80)}.tooltip.top{margin-top:-2px}.tooltip.right{margin-left:2px}.tooltip.bottom{margin-top:2px}.tooltip.left{margin-left:-2px}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #fff}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #fff}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #fff}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#0b1e25;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25)}.tooltip-arrow{position:absolute;width:0;height:0}.popover{max-width:500px;position:absolute;top:0;left:0;z-index:1010;display:none;padding:10px}.popover.top{margin-top:-5px}.popover.right{margin-left:5px}.popover.bottom{margin-top:5px}.popover.left{margin-left:-5px}.popover.top .arrow{bottom:0;left:50%;margin-left:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff}.popover.right .arrow{top:50%;left:0;margin-top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff}.popover.bottom .arrow{top:0;left:50%;margin-left:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff}.popover.left .arrow{top:50%;right:0;margin-top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff}.popover .arrow{position:absolute;width:0;height:0}.popover .popover-inner{width:auto;padding:0;overflow:hidden;border:1px solid #fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#1d7485;background-color:rgba(35,122,141,.6);background-image:-moz-linear-gradient(top,rgba(43,171,196,.6),rgba(23,49,59,.6));background-image:-ms-linear-gradient(top,rgba(43,171,196,.6),rgba(23,49,59,.6));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(43,171,196,.6)),to(rgba(23,49,59,.6)));background-image:-webkit-linear-gradient(top,rgba(43,171,196,.6),rgba(23,49,59,.6));background-image:-o-linear-gradient(top,rgba(43,171,196,.6),rgba(23,49,59,.6));background-image:linear-gradient(top,rgba(43,171,196,.6),rgba(23,49,59,.6));background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=135, Strength=4);-webkit-box-shadow:4px 4px 6px rgba(0,0,0,.6);-moz-box-shadow:4px 4px 6px rgba(0,0,0,.6);box-shadow:4px 4px 6px rgba(0,0,0,.6)}.popover .popover-inner .popover-title{color:#fff;padding:15px 20px;padding-bottom:10px;line-height:1;background-color:transparent;border:none;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.popover .popover-inner .popover-content{color:#fff;padding:0 20px 15px 20px;background-color:transparent;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box}.popover .popover-inner .popover-content ol,.popover .popover-inner .popover-content p,.popover .popover-inner .popover-content ul{margin-bottom:0}.thumbnails{margin-left:-20px;list-style:none}.thumbnails:after,.thumbnails:before{display:table;content:""}.thumbnails:after{clear:both}.thumbnails>li{float:left;margin:0 0 18px 20px}.thumbnail{display:block;padding:4px;line-height:1;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:0 1px 1px rgba(0,0,0,.075);box-shadow:0 1px 1px rgba(0,0,0,.075)}a.thumbnail:hover{border-color:#3579ae;-webkit-box-shadow:0 1px 4px rgba(0,105,214,.25);-moz-box-shadow:0 1px 4px rgba(0,105,214,.25);box-shadow:0 1px 4px rgba(0,105,214,.25)}.thumbnail>img{display:block;max-width:100%;margin-left:auto;margin-right:auto}.thumbnail .caption{padding:9px}.label{padding:1px 3px 2px;font-size:9.75px;font-weight:700;color:#fff;text-transform:uppercase;background-color:#888;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.label-important{background-color:red}.label-warning{background-color:#f89406}.label-success{background-color:#468847}.label-info{background-color:#3a87ad}.accordion{margin-bottom:18px}.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.accordion-heading{border-bottom:0}.accordion-heading .accordion-toggle{display:block;padding:8px 15px}.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5}.carousel{position:relative;margin-bottom:18px;line-height:1}.carousel-inner{overflow:hidden;width:100%;position:relative}.carousel .item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-moz-transition:.6s ease-in-out left;-ms-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel .item>img{display:block;line-height:1}.carousel .active,.carousel .next,.carousel .prev{display:block}.carousel .active{left:0}.carousel .next,.carousel .prev{position:absolute;top:0;width:100%}.carousel .next{left:100%}.carousel .prev{left:-100%}.carousel .next.left,.carousel .prev.right{left:0}.carousel .active.left{left:-100%}.carousel .active.right{left:100%}.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-align:center;background:#222;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;filter:alpha(opacity=50)}.carousel-control.right{left:auto;right:15px}.carousel-control:hover{color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:10px 15px 5px;background:#333;background:rgba(0,0,0,.75)}.carousel-caption h4,.carousel-caption p{color:#fff}.hero-unit{padding:60px;margin-bottom:30px;background-color:#f5f5f5;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;letter-spacing:-1px}.hero-unit p{font-size:18px;font-weight:200;line-height:27px}.pull-right{float:right}.pull-left{float:left}.hide{display:none}.show{display:block}.invisible{visibility:hidden}.pagination{font-size:80%}.pagination a{text-decoration:none;border:solid 1px #AAE;color:#15B}.pagination a,.pagination span{display:block;float:left;padding:.3em .5em;margin-right:5px;margin-bottom:5px;min-width:1em;text-align:center}.pagination .current{background:#26B;color:#fff;border:solid 1px #AAE}.pagination .current.next,.pagination .current.prev{color:#999;border-color:#999;background:#fff}.chzn-container{font-size:13px;position:relative;display:inline-block;zoom:1}.chzn-container .chzn-drop{background:#fff;border:1px solid #aaa;border-top:0;position:absolute;top:29px;left:0;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);-moz-box-shadow:0 4px 5px rgba(0,0,0,.15);-o-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);z-index:999}.chzn-container-single .chzn-single{background-color:#fff;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0 );background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background-image:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-image:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-image:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-image:-ms-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-image:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #aaa;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);display:block;overflow:hidden;white-space:nowrap;position:relative;height:23px;line-height:24px;padding:0 0 0 8px;color:#444;text-decoration:none}.chzn-container-single .chzn-default{color:#999}.chzn-container-single .chzn-single span{margin-right:26px;display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis}.chzn-container-single .chzn-single abbr{display:block;position:absolute;right:26px;top:6px;width:12px;height:13px;font-size:1px;background:url(/webshop/img/desktop/chosen-sprite-custom.png) right top no-repeat}.chzn-container-single .chzn-single abbr:hover{background-position:right -11px}.chzn-container-single .chzn-single div{position:absolute;right:0;top:0;display:block;height:100%;width:18px}.chzn-container-single .chzn-single div b{background:url(/webshop/img/desktop/chosen-sprite-custom.png) no-repeat 0 0;display:block;width:100%;height:100%}.chzn-container-single .chzn-search{padding:3px 4px;position:relative;margin:0;white-space:nowrap;z-index:1010}.chzn-container-single .chzn-search input{background:#fff url(/webshop/img/desktop/chosen-sprite-custom.png) no-repeat 100% -22px;background:url(/webshop/img/desktop/chosen-sprite-custom.png) no-repeat 100% -22px,-webkit-gradient(linear,0 0,0 100%,color-stop(1%,#eee),color-stop(15%,#fff));background:url(/webshop/img/desktop/chosen-sprite-custom.png) no-repeat 100% -22px,-webkit-linear-gradient(top,#eee 1%,#fff 15%);background:url(/webshop/img/desktop/chosen-sprite-custom.png) no-repeat 100% -22px,-moz-linear-gradient(top,#eee 1%,#fff 15%);background:url(/webshop/img/desktop/chosen-sprite-custom.png) no-repeat 100% -22px,-o-linear-gradient(top,#eee 1%,#fff 15%);background:url(/webshop/img/desktop/chosen-sprite-custom.png) no-repeat 100% -22px,-ms-linear-gradient(top,#eee 1%,#fff 15%);background:url(/webshop/img/desktop/chosen-sprite-custom.png) no-repeat 100% -22px,linear-gradient(top,#eee 1%,#fff 15%);margin:1px 0;padding:4px 20px 4px 5px;outline:0;border:1px solid #aaa;font-family:sans-serif;font-size:1em}.chzn-container-single .chzn-drop{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.chzn-container-single-nosearch .chzn-search input{position:absolute;left:-9000px}.chzn-container-multi .chzn-choices{background-color:#fff;background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(top,#eee 1%,#fff 15%);background-image:-moz-linear-gradient(top,#eee 1%,#fff 15%);background-image:-o-linear-gradient(top,#eee 1%,#fff 15%);background-image:-ms-linear-gradient(top,#eee 1%,#fff 15%);background-image:linear-gradient(top,#eee 1%,#fff 15%);border:1px solid #aaa;margin:0;padding:0;cursor:text;overflow:hidden;height:auto!important;height:1%;position:relative}.chzn-container-multi .chzn-choices li{float:left;list-style:none}.chzn-container-multi .chzn-choices .search-field{white-space:nowrap;margin:0;padding:0}.chzn-container-multi .chzn-choices .search-field input{color:#666;background:0 0!important;border:0!important;font-family:sans-serif;font-size:100%;height:15px;padding:5px;margin:1px 0;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none}.chzn-container-multi .chzn-choices .search-field .default{color:#999}.chzn-container-multi .chzn-choices .search-choice{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#e4e4e4;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-ms-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);-moz-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;border:1px solid #aaa;line-height:13px;padding:3px 20px 3px 5px;margin:3px 0 3px 5px;position:relative;cursor:default}.chzn-container-multi .chzn-choices .search-choice-focus{background:#d4d4d4}.chzn-container-multi .chzn-choices .search-choice .search-choice-close{display:block;position:absolute;right:3px;top:4px;width:12px;height:13px;font-size:1px;background:url(/webshop/img/desktop/chosen-sprite-custom.png) right top no-repeat}.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover{background-position:right -11px}.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close{background-position:right -11px}.chzn-container .chzn-results{margin:0 4px 4px 0;max-height:240px;padding:0 0 0 4px;position:relative;overflow-x:hidden;overflow-y:auto}.chzn-container-multi .chzn-results{margin:-1px 0 0;padding:0}.chzn-container .chzn-results li{display:none;line-height:15px;padding:5px 6px;margin:0;list-style:none}.chzn-container .chzn-results .active-result{cursor:pointer;display:list-item}.chzn-container .chzn-results .highlighted{background-color:#3875d7;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(top,#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(top,#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(top,#3875d7 20%,#2a62bc 90%);background-image:-ms-linear-gradient(top,#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(top,#3875d7 20%,#2a62bc 90%);color:#fff}.chzn-container .chzn-results li em{background:#feffde;font-style:normal}.chzn-container .chzn-results .highlighted em{background:0 0}.chzn-container .chzn-results .no-results{background:#f4f4f4;display:list-item}.chzn-container .chzn-results .group-result{cursor:default;color:#999;font-weight:700}.chzn-container .chzn-results .group-option{padding-left:15px}.chzn-container-multi .chzn-drop .result-selected{display:none}.chzn-container .chzn-results-scroll{background:#fff;margin:0 4px;position:absolute;text-align:center;width:321px;z-index:1}.chzn-container .chzn-results-scroll span{display:inline-block;height:17px;text-indent:-5000px;width:9px}.chzn-container .chzn-results-scroll-down{bottom:0}.chzn-container .chzn-results-scroll-down span{background:url(/webshop/img/desktop/chosen-sprite-custom.png) no-repeat -4px -3px}.chzn-container .chzn-results-scroll-up span{background:url(/webshop/img/desktop/chosen-sprite-custom.png) no-repeat -22px -3px}.chzn-container-active .chzn-single{-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px rgba(0,0,0,.3);-o-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);border:1px solid #5897fb}.chzn-container-active .chzn-single-with-drop{border:1px solid #aaa;-webkit-box-shadow:0 1px 0 #fff inset;-moz-box-shadow:0 1px 0 #fff inset;-o-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background-color:#eee;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(top,#eee 20%,#fff 80%);background-image:-moz-linear-gradient(top,#eee 20%,#fff 80%);background-image:-o-linear-gradient(top,#eee 20%,#fff 80%);background-image:-ms-linear-gradient(top,#eee 20%,#fff 80%);background-image:linear-gradient(top,#eee 20%,#fff 80%);-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.chzn-container-active .chzn-single-with-drop div{background:0 0;border-left:none}.chzn-container-active .chzn-single-with-drop div b{background-position:-18px 1px}.chzn-container-active .chzn-choices{-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px rgba(0,0,0,.3);-o-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);border:1px solid #5897fb}.chzn-container-active .chzn-choices .search-field input{color:#111!important}.chzn-disabled{cursor:default;opacity:.5!important}.chzn-disabled .chzn-single{cursor:default}.chzn-disabled .chzn-choices .search-choice .search-choice-close{cursor:default}.chzn-rtl{text-align:right}.chzn-rtl .chzn-single{padding:0 8px 0 0;overflow:visible}.chzn-rtl .chzn-single span{margin-left:26px;margin-right:0;direction:rtl}.chzn-rtl .chzn-single div{left:3px;right:auto}.chzn-rtl .chzn-single abbr{left:26px;right:auto}.chzn-rtl .chzn-choices .search-field input{direction:rtl}.chzn-rtl .chzn-choices li{float:right}.chzn-rtl .chzn-choices .search-choice{padding:3px 5px 3px 19px;margin:3px 5px 3px 0}.chzn-rtl .chzn-choices .search-choice .search-choice-close{left:4px;right:auto;background-position:right top}.chzn-rtl.chzn-container-single .chzn-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chzn-rtl .chzn-results .group-option{padding-left:0;padding-right:15px}.chzn-rtl.chzn-container-active .chzn-single-with-drop div{border-right:none}.chzn-rtl .chzn-search input{background:#fff url(/webshop/img/desktop/chosen-sprite-custom.png) no-repeat -38px -22px;background:url(/webshop/img/desktop/chosen-sprite-custom.png) no-repeat -38px -22px,-webkit-gradient(linear,0 0,0 100%,color-stop(1%,#eee),color-stop(15%,#fff));background:url(/webshop/img/desktop/chosen-sprite-custom.png) no-repeat -38px -22px,-webkit-linear-gradient(top,#eee 1%,#fff 15%);background:url(/webshop/img/desktop/chosen-sprite-custom.png) no-repeat -38px -22px,-moz-linear-gradient(top,#eee 1%,#fff 15%);background:url(/webshop/img/desktop/chosen-sprite-custom.png) no-repeat -38px -22px,-o-linear-gradient(top,#eee 1%,#fff 15%);background:url(/webshop/img/desktop/chosen-sprite-custom.png) no-repeat -38px -22px,-ms-linear-gradient(top,#eee 1%,#fff 15%);background:url(/webshop/img/desktop/chosen-sprite-custom.png) no-repeat -38px -22px,linear-gradient(top,#eee 1%,#fff 15%);padding:4px 5px 4px 20px;direction:rtl}.icon{display:block;background:transparent url(/webshop/img/desktop/sprites.png) no-repeat}.icon.icon-info{background-position:0 0;width:20px;height:20px}.icon.icon-pointer-left{width:52px;height:77px;background-position:-594px -83px}.icon.icon-pointer-right{width:52px;height:77px;background-position:-590px 0}.icon.icon-printer{width:333px;height:97px;background-position:-363px -550px}.icon.icon-frog{width:350px;height:166px;background-position:0 -518px}.icon.icon-privacy{width:94px;height:94px;background-position:-278px -44px}.icon.icon-gtc{width:53px;height:110px;background-position:-606px -174px}.icon.icon-shipping{width:139px;height:106px;background-position:-2px -311px}.icon.icon-contact{width:109px;height:120px;background-position:-405px -30px}.icon.icon-valuepacks{width:160px;height:120px;background-position:-380px -24px}.icon.icon-cart{width:30px;height:30px;background-position:-542px -1px}.icon.icon-cart-alt{width:30px;height:30px;background-position:-543px -92px}.icon.icon-trolley{width:60px;height:60px;background-position:0 -447px}.icon.icon-cellphone{width:60px;height:60px;background-position:-60px -447px}.icon.icon-service{width:60px;height:60px;background-position:-120px -447px}.icon.payment-method-1{width:80px;height:25px;background-position:-216px 0}.icon.payment-method-5{width:80px;height:25px;background-position:-296px 0}.icon.payment-method-6{width:80px;height:25px;background-position:-136px 0}.icon.payment-method-7{width:80px;height:25px;background-position:-456px 0}.icon.payment-cleared{width:80px;height:25px;background-position:-376px 0}.icon.icon-cart-inc{width:12px;height:12px;background-position:-87px 0}.icon.icon-cart-inc:hover{background-position:-99px 0}.icon.icon-cart-dec{width:12px;height:12px;background-position:-111px 0}.icon.icon-cart-dec:hover{background-position:-123px 0}.icon.icon-remove-small{width:12px;height:12px;background-position:-63px 0}.icon.icon-remove-small:hover{background-position:-75px 0}.icon.icon-remove-large{width:20px;height:20px;background-position:-21px 0}.icon.icon-remove-large:hover{background-position:-42px 0}.icon.icon-register{width:120px;height:120px;background-position:0 -36px}.icon.icon-order-newsletter{width:157px;height:215px;background-position:-363px -305px}.icon.icon-order-register{width:180px;height:180px;background-position:-181px -325px}.icon.icon-order-printer{width:168px;height:170px;background-position:-528px -305px}.icon.icon-order-google{width:122px;height:137px;background-position:-472px -160px}.icon.icon-order-facebook{width:122px;height:137px;background-position:-342px -160px}.icon.icon-order-cleared{width:135px;height:115px;background-position:-139px -35px}.icon.icon-tuev-big{width:94px;height:94px;background-position:-278px -44px}.icon.icon-fav-add{background-position:-676px 0;width:24px;height:24px}.icon.icon-fav-del{background-position:-675px -24px;width:24px;height:24px}html{min-width:1000px;background-color:#f1f8fb}body{padding-top:0;background:transparent url(/webshop/img/desktop/background-gradient.png) repeat-y center}h2{color:#2f7d9a;margin-top:20px;margin-bottom:10px;font-size:140%;line-height:100%}select{line-height:18px}strong{font-weight:700;font-style:normal;background:0 0;text-transform:none;font-size:13px}.checkbox,.radio{cursor:pointer}.caret-up{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #fff;border-top:none}.error-container{padding:10px;color:red;background-color:#ffffc0;border:1px solid red}.form-error-messages{display:none;padding:10px}.form-error-messages ul{margin-bottom:0}.btn-buy{color:#fff;text-align:left;font-size:13px;line-height:36px;font-weight:700;margin:0;padding:0;border:1px solid #fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#efa723;background-image:-moz-linear-gradient(top,#faca37,#df7305);background-image:-ms-linear-gradient(top,#faca37,#df7305);background-image:-webkit-gradient(linear,0 0,0 100%,from(#faca37),to(#df7305));background-image:-webkit-linear-gradient(top,#faca37,#df7305);background-image:-o-linear-gradient(top,#faca37,#df7305);background-image:linear-gradient(top,#faca37,#df7305);background-repeat:repeat-x;-webkit-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);-moz-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);white-space:nowrap;overflow:hidden}.btn-buy:before{content:"";float:left;width:30px;height:30px;margin:3px;margin-right:0;background:transparent url(/webshop/img/desktop/sprites.png) no-repeat;background-position:-543px -3px}.btn-buy:hover{background-color:#ea9619;background-image:-moz-linear-gradient(top,#df7305,#faca37);background-image:-ms-linear-gradient(top,#df7305,#faca37);background-image:-webkit-gradient(linear,0 0,0 100%,from(#df7305),to(#faca37));background-image:-webkit-linear-gradient(top,#df7305,#faca37);background-image:-o-linear-gradient(top,#df7305,#faca37);background-image:linear-gradient(top,#df7305,#faca37);background-repeat:repeat-x;-webkit-box-shadow:0 -1px 10px 0 rgba(0,0,0,.2),0 1px 10px 0 rgba(0,0,0,.2);-moz-box-shadow:0 -1px 10px 0 rgba(0,0,0,.2),0 1px 10px 0 rgba(0,0,0,.2);box-shadow:0 -1px 10px 0 rgba(0,0,0,.2),0 1px 10px 0 rgba(0,0,0,.2)}.btn-buy:hover:before{background-position:-543px -33px}.btn-buy.btn-buy-icon-only{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;width:36px;height:36px}.btn-buy.btn-buy-icon-only:before{margin-right:3px}.btn-buy.btn-buy-icon-only:hover{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25);margin:0}.btn-buy.disabled,.btn-buy[disabled]{background-color:#898989;background-image:-moz-linear-gradient(top,#999,#727272);background-image:-ms-linear-gradient(top,#999,#727272);background-image:-webkit-gradient(linear,0 0,0 100%,from(#999),to(#727272));background-image:-webkit-linear-gradient(top,#999,#727272);background-image:-o-linear-gradient(top,#999,#727272);background-image:linear-gradient(top,#999,#727272);background-repeat:repeat-x;cursor:default}.btn-buy.disabled:before,.btn-buy[disabled]:before{background-position:-543px -3px}.in-cart .btn-buy{background-color:#61b861;background-image:-moz-linear-gradient(top,#74c474,#46a546);background-image:-ms-linear-gradient(top,#74c474,#46a546);background-image:-webkit-gradient(linear,0 0,0 100%,from(#74c474),to(#46a546));background-image:-webkit-linear-gradient(top,#74c474,#46a546);background-image:-o-linear-gradient(top,#74c474,#46a546);background-image:linear-gradient(top,#74c474,#46a546);background-repeat:repeat-x}.in-cart .btn-buy:before{background-position:-543px -62px}.in-cart .btn-buy:hover{background-color:#58b158;background-image:-moz-linear-gradient(top,#46a546,#74c474);background-image:-ms-linear-gradient(top,#46a546,#74c474);background-image:-webkit-gradient(linear,0 0,0 100%,from(#46a546),to(#74c474));background-image:-webkit-linear-gradient(top,#46a546,#74c474);background-image:-o-linear-gradient(top,#46a546,#74c474);background-image:linear-gradient(top,#46a546,#74c474);background-repeat:repeat-x}.in-cart .btn-buy:hover:before{background-position:-543px -92px}.btn-buy:active{-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.3)!important;-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.3)!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.3)!important}.stock-status{padding-top:4px;line-height:15px;font-size:11px}.stock-status .light{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;width:15px;height:15px;background:0 0}.stock-status span{display:inline-block;vertical-align:middle}.stock-status.in-stock .light{background-color:#61b861;background-image:-moz-linear-gradient(top,#74c474,#46a546);background-image:-ms-linear-gradient(top,#74c474,#46a546);background-image:-webkit-gradient(linear,0 0,0 100%,from(#74c474),to(#46a546));background-image:-webkit-linear-gradient(top,#74c474,#46a546);background-image:-o-linear-gradient(top,#74c474,#46a546);background-image:linear-gradient(top,#74c474,#46a546);background-repeat:repeat-x}.stock-status.in-transit .light{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(top,#fbb450,#f89406);background-repeat:repeat-x}.stock-status.out-of-stock .light{background-color:#c13227;background-image:-moz-linear-gradient(top,#d83a2e,#9d261d);background-image:-ms-linear-gradient(top,#d83a2e,#9d261d);background-image:-webkit-gradient(linear,0 0,0 100%,from(#d83a2e),to(#9d261d));background-image:-webkit-linear-gradient(top,#d83a2e,#9d261d);background-image:-o-linear-gradient(top,#d83a2e,#9d261d);background-image:linear-gradient(top,#d83a2e,#9d261d);background-repeat:repeat-x}.tooltip-button{cursor:not-allowed;display:inline-block;margin-top:-1px;text-align:center}.tooltip-button.in{opacity:1;filter:alpha(opacity=100)}.tooltip-button.top .tooltip-arrow{border-top:5px solid #f44336}.tooltip-inner-button{border:1px solid #f44336;background-color:#f44336}.tooltip-button [disabled]{pointer-events:none}.tooltip-icon{cursor:help;display:inline-block;background:#fff;line-height:18px;height:18px;width:18px;margin-top:-1px;color:#000;background-color:#7bb3c8;background-image:-moz-linear-gradient(top,#aed7e7,#2f7d9a);background-image:-ms-linear-gradient(top,#aed7e7,#2f7d9a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#aed7e7),to(#2f7d9a));background-image:-webkit-linear-gradient(top,#aed7e7,#2f7d9a);background-image:-o-linear-gradient(top,#aed7e7,#2f7d9a);background-image:linear-gradient(top,#aed7e7,#2f7d9a);background-repeat:repeat-x;font-weight:700;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25);text-align:center}.tooltip-icon:before{content:"i"}.product-extra-info{margin-top:1em}.product-extra-info h3{font-size:100%}.product-extra-info p{margin:0 2em 1em;text-align:justify;font-size:85%}.small{font-size:12px}.x-small{font-size:9px}.xx-small{font-size:7px}.large{font-size:14px}.x-large{font-size:17px}.xx-large{font-size:19px}label.error{color:red!important}.error label{color:inherit!important}.error input[type=text],.error input[type=password],.error select,.error textarea,input[type=text].error,input[type=password].error,select.error,textarea.error{color:red;background-color:#ffffc0;border-color:red}.row-fluid{position:relative}.row-fluid>div[class*=span]:last-child{float:right}.show-layout .row-fluid [class*=span]{background:#cc0!important;background:rgba(255,255,0,.3)!important;min-height:10px}.js-constants{display:none!important}.container-fluid{width:960px;margin:auto}.placeholder{color:#aaa}.loader-overlay{display:none;position:absolute;background:#235d73 url(/webshop/img/desktop/ajax-loader-big-alt.gif) no-repeat center;top:0;left:0;opacity:.8;filter:alpha(opacity=80);z-index:10000;cursor:wait}.loader-overlay.fullscreen{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0}.ui-datepicker{background-color:#f9f9f9;padding:5px;border:1px solid #aaadb2;width:220px;font-size:85%;-webkit-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);-moz-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4)}.ui-datepicker .ui-datepicker-header{margin-bottom:5px}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{text-transform:lowercase;position:absolute;cursor:pointer;line-height:180%;color:green}.ui-datepicker .ui-datepicker-prev{left:5px}.ui-datepicker .ui-datepicker-next{right:5px}.ui-datepicker .ui-datepicker-title{text-align:center}.ui-datepicker select{width:auto;margin-left:5px;display:inline}.ui-datepicker table{width:220px}.ui-datepicker table th{padding:2px;text-align:center;font-weight:700}.ui-datepicker table td{text-align:center;padding:2px}.ui-datepicker table td a{background-color:#fff;display:block;padding:2px;border:1px solid #aaadb2;text-decoration:none;color:#000}.ui-datepicker table td a:hover{background-color:#aaadb2;color:#fff}.ui-datepicker table td span{display:block;padding:3px}.ui-datepicker .ui-state-disabled{text-decoration:none!important;color:#aaadb2;cursor:default}.ui-autocomplete.ui-menu{width:257px;background-color:#fff;padding:0;border:1px solid #2f7d9a;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25)}.ui-autocomplete.ui-menu .ui-menu-item{list-style-type:none}.ui-autocomplete.ui-menu .ui-menu-item a{display:block;text-decoration:none;padding:3px 4px;color:#2f7d9a;text-align:left}.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-hover{color:#fff;background-color:#2f7d9a;cursor:pointer}.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-hover em{color:#fff}.ui-autocomplete.ui-menu .ui-menu-item em{font-style:normal;font-weight:700;color:#26677f}.ui-autocomplete.ui-menu .ui-menu-item.odd-row{background-color:#e9f4f8}.ui-autocomplete.ui-menu .ui-autocomplete-category{list-style-type:none;text-align:center;padding:5px 0;background-color:#50b550;background-color:#5eb05e;background-image:-moz-linear-gradient(top,#74c474,#3e933e);background-image:-ms-linear-gradient(top,#74c474,#3e933e);background-image:-webkit-gradient(linear,0 0,0 100%,from(#74c474),to(#3e933e));background-image:-webkit-linear-gradient(top,#74c474,#3e933e);background-image:-o-linear-gradient(top,#74c474,#3e933e);background-image:linear-gradient(top,#74c474,#3e933e);background-repeat:repeat-x;color:#fff}.ui-autocomplete.ui-menu .ui-autocomplete-category.odd-row{background-color:#50b550}.ui-autocomplete.ui-menu .color-boxes{float:right}.ui-autocomplete.ui-menu .color-boxes span{border:none;margin:0;margin-left:2px}.color-boxes span{width:7px;height:7px;border:1px solid #000;display:block;border-top:none}.color-boxes span:first-child{border-top:1px solid #000}.color-boxes span.black{background-color:#000}.color-boxes span.black-light{background-color:#7f7f81}.color-boxes span.cyan{background-color:#00a6eb}.color-boxes span.cyan-light{background-color:#5cc6f2}.color-boxes span.yellow{background-color:#ffed00}.color-boxes span.yellow-light{background-color:#fff67a}.color-boxes span.magenta{background-color:#e50083}.color-boxes span.magenta-light{background-color:#f17abe}.color-boxes span.red{background-color:#fe0002}.color-boxes span.green{background-color:#36cc35}.color-boxes span.blue{background-color:#000cff}.color-boxes span.drum{display:none}.color-boxes.horizontal{float:left;margin-left:.5em;padding-top:1px}.color-boxes.horizontal span{display:inline-block;border-top:1px solid #000;margin-left:-5px;width:9px;height:9px}.ribbon .container-fluid{background:#e59119;background-color:#e19f41;background-image:-moz-linear-gradient(top,#edb25d,#ce8217);background-image:-ms-linear-gradient(top,#edb25d,#ce8217);background-image:-webkit-gradient(linear,0 0,0 100%,from(#edb25d),to(#ce8217));background-image:-webkit-linear-gradient(top,#edb25d,#ce8217);background-image:-o-linear-gradient(top,#edb25d,#ce8217);background-image:linear-gradient(top,#edb25d,#ce8217);background-repeat:repeat-x;height:81px;margin-bottom:20px}#order-ribbon h1{padding-top:9px;color:#fff;font-size:29.9px;line-height:41.4px}#order-ribbon strong{display:block;font-size:15.6px;line-height:21.6px;color:#fff;font-weight:400;padding-bottom:9px}#order-ribbon ol{position:absolute;top:0;right:0;margin:0;padding:0;list-style-type:none}#order-ribbon ol li{position:relative;float:left;color:#fff;font-weight:700;margin-right:-1px;border-right:1px solid #000;border-left:1px solid #000}#order-ribbon ol li .icon{position:absolute;display:block;top:50%;left:50%;margin-top:-15px;margin-left:-15px}#order-ribbon ol li .bullet{position:relative;font-size:52px;line-height:81px;width:50px;text-align:center;float:left}#order-ribbon ol li .label{display:block;font-size:16.9px;line-height:23.4px;padding-top:18px;padding-right:10px;white-space:nowrap;margin-left:50px;background:0 0;display:none}#order-ribbon ol li .overlay{position:absolute;width:100%;height:100%;top:0;left:0;background:#666;opacity:.4;filter:alpha(opacity=40)}#order-ribbon ol li.active .overlay{display:none}#order-ribbon ol li.active .label{display:block}#order-ribbon ol li.active:first-child{border-left:none}.forgot-password-form{width:250px;position:relative}.forgot-password-form:after,.forgot-password-form:before{display:table;content:""}.forgot-password-form:after{clear:both}.forgot-password-form form{margin:0}.forgot-password-form div.success{display:none}.forgot-password-form p{text-align:justify;margin-bottom:10px}.forgot-password-form label.error{display:none!important}.forgot-password-form input{margin-top:10px;width:240px;margin-bottom:10px}.forgot-password-form button{float:right}.form-pane{margin-bottom:20px;color:#666;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25)}.form-pane label{color:#666}.form-pane .header,.form-pane header{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;margin:0;padding:0;background:#3a9dc2;background-color:#469bbb;background-image:-moz-linear-gradient(top,#358dae,#60b1cf);background-image:-ms-linear-gradient(top,#358dae,#60b1cf);background-image:-webkit-gradient(linear,0 0,0 100%,from(#358dae),to(#60b1cf));background-image:-webkit-linear-gradient(top,#358dae,#60b1cf);background-image:-o-linear-gradient(top,#358dae,#60b1cf);background-image:linear-gradient(top,#358dae,#60b1cf);background-repeat:repeat-x;color:#fff;padding:10.5px 15px;font-size:14.3px;font-weight:700;line-height:18px}.form-pane .content{-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;position:relative;padding:15px;background:#fff}.no-cssgradients body[data-controller=item][data-action=index] #compatible-printers-toggle .overlay{display:none}#nav-container{margin-bottom:0}#nav-container .navbar-inner{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background-color:transparent;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#nav-container .navbar-inner .container-fluid{background-color:grey;background-image:-moz-linear-gradient(top,grey,grey);background-image:-ms-linear-gradient(top,grey,grey);background-image:-webkit-gradient(linear,0 0,0 100%,from(grey),to(grey));background-image:-webkit-linear-gradient(top,grey,grey);background-image:-o-linear-gradient(top,grey,grey);background-image:linear-gradient(top,grey,grey);background-repeat:repeat-x;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1)}#nav-main ol{margin-right:15px;font-size:11px}#nav-main ol>li>a{padding:4px;color:#dedede}#nav-main ol>li>a:hover{color:#fff}#nav-main ol .divider-vertical{height:12px;width:1px;margin:7px 4px 4px;overflow:hidden;background-color:#ccc;border:none}#nav-sub div{margin:0;margin-right:-20px}#nav-sub div .btn-group{margin:0;margin-left:2px;float:left}#nav-sub div .btn-group .btn{padding:4px 15px 4px;color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background-color:#919191;background-image:-moz-linear-gradient(top,#c3c3c3,#444);background-image:-ms-linear-gradient(top,#c3c3c3,#444);background-image:-webkit-gradient(linear,0 0,0 100%,from(#c3c3c3),to(#444));background-image:-webkit-linear-gradient(top,#c3c3c3,#444);background-image:-o-linear-gradient(top,#c3c3c3,#444);background-image:linear-gradient(top,#c3c3c3,#444);background-repeat:repeat-x;border-color:#444 #444 #1e1e1e;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);border:none;text-shadow:0 1px 1px rgba(0,0,0,.3)}#nav-sub div .btn-group .btn.active,#nav-sub div .btn-group .btn.disabled,#nav-sub div .btn-group .btn:active,#nav-sub div .btn-group .btn:hover,#nav-sub div .btn-group .btn[disabled]{background-color:#444}#nav-sub div .btn-group .btn.active,#nav-sub div .btn-group .btn:active{background-color:#2b2b2b\9}#nav-sub div .btn-group .btn .caret{border-top-color:#fff;opacity:1;filter:alpha(opacity=100)}#quick-login{display:none;position:absolute;z-index:-100;background:#404040;background:rgba(64,64,64,.95);color:#fff;padding:15px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25);font-size:12px}#quick-login .close{display:none}#quick-login .overlay{display:none;position:absolute;left:0;top:0;background-color:#fff;width:100%;height:100%;opacity:0;filter:alpha(opacity=0)}#quick-login .info{width:254px;text-align:justify;margin-bottom:10px}#quick-login form{margin-bottom:0}#quick-login form label{width:250px;color:#fff}#quick-login form label.error{margin-top:-5px;color:red}#quick-login form input[type=text],#quick-login form input[type=password]{width:250px;padding:2px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}#quick-login form input[type=text].error,#quick-login form input[type=password].error{border-color:red}#quick-login form a{color:#3a9dc2;padding:3px 0}#quick-login form .buttons a{color:#fff}#quick-login form .buttons .btn{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.3);background-color:#338aaa;background-image:-moz-linear-gradient(top,#2f7d9a,#3a9dc2);background-image:-ms-linear-gradient(top,#2f7d9a,#3a9dc2);background-image:-webkit-gradient(linear,0 0,0 100%,from(#2f7d9a),to(#3a9dc2));background-image:-webkit-linear-gradient(top,#2f7d9a,#3a9dc2);background-image:-o-linear-gradient(top,#2f7d9a,#3a9dc2);background-image:linear-gradient(top,#2f7d9a,#3a9dc2);background-repeat:repeat-x;border-color:#3a9dc2 #3a9dc2 #296d87;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}#quick-login form .buttons .btn.active,#quick-login form .buttons .btn.disabled,#quick-login form .buttons .btn:active,#quick-login form .buttons .btn:hover,#quick-login form .buttons .btn[disabled]{background-color:#3a9dc2}#quick-login form .buttons .btn.active,#quick-login form .buttons .btn:active{background-color:#2f7d9a\9}#quick-login form .captcha-container{display:none}#quick-login form .captcha-container .request-captcha{display:block;cursor:pointer;font-size:80%;color:#ffc40d;text-align:right}#quick-login form .captcha-container .request-captcha:hover{color:#ffdd73}#quick-login form .captcha-container .image-wrapper{background-color:#fff;width:256px}#quick-login form .captcha-container .image-wrapper img{display:block;margin:0 auto 4px;border:3px solid #fff;height:50px}#quick-login form .captcha-container label{font-weight:700;font-size:12px;text-align:justify}#quick-login form .forgot-password{position:absolute;right:15px}#quick-login.use-overlay{position:fixed;z-index:1000;top:30%;left:50%;margin-left:-140px;background:#404040;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;padding:20px;-webkit-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);-moz-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4)}#quick-login.use-overlay .forgot-password{right:20px}#quick-login.use-overlay .close{display:block;float:none;position:absolute;right:10px;top:10px}#quick-login.use-overlay form{margin-top:20px}#login-overlay{display:none;position:fixed;z-index:1000;width:100%;height:100%;background:#000}#header .row-fluid{position:relative;height:100px}#header .row-fluid #quick-search{display:none;position:relative;width:260px;margin-top:37.5px;margin-left:-55px}#header .row-fluid #quick-search #quick-search-input{display:block;clear:both;float:left;line-height:18px;height:19px;padding:2px;width:185px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#3a9dc2;border-right:none;border-color:#3a9dc2;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.4) inset;-moz-box-shadow:1px 1px 2px rgba(0,0,0,.4) inset;box-shadow:1px 1px 2px rgba(0,0,0,.4) inset}#header .row-fluid #quick-search #quick-search-submit{text-align:center;display:block;height:25px;width:70px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding:2px 0;color:#fff;text-shadow:none;border-color:#3a9dc2;border-left:none;background-color:#3690b2;background-image:-moz-linear-gradient(top,#3a9dc2,#2f7d9a);background-image:-ms-linear-gradient(top,#3a9dc2,#2f7d9a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#3a9dc2),to(#2f7d9a));background-image:-webkit-linear-gradient(top,#3a9dc2,#2f7d9a);background-image:-o-linear-gradient(top,#3a9dc2,#2f7d9a);background-image:linear-gradient(top,#3a9dc2,#2f7d9a);background-repeat:repeat-x;border-color:#2f7d9a #2f7d9a #1d4e60;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}#header .row-fluid #quick-search #quick-search-submit.active,#header .row-fluid #quick-search #quick-search-submit.disabled,#header .row-fluid #quick-search #quick-search-submit:active,#header .row-fluid #quick-search #quick-search-submit:hover,#header .row-fluid #quick-search #quick-search-submit[disabled]{background-color:#2f7d9a}#header .row-fluid #quick-search #quick-search-submit.active,#header .row-fluid #quick-search #quick-search-submit:active{background-color:#235d73\9}#header .row-fluid .seals{position:absolute;right:127px;top:7px}#header .row-fluid .seals>div{position:relative;display:inline-block;vertical-align:top;margin-right:0;width:70px}#header .row-fluid .seals>div a span{position:absolute;display:block;width:140px;left:50%;margin-left:-70px;text-align:center;font-size:70%;line-height:100%}#header .row-fluid #header-hotline{padding-top:5px;text-align:right;color:#3a9dc2;font-size:13px;line-height:13px;white-space:nowrap;margin-right:-15px}#header .row-fluid #header-hotline span{display:block}#header .row-fluid #header-hotline span.phone-number{font-size:90%}#header .row-fluid #header-hotline strong{color:#2f7d9a;font-size:140%;line-height:130%}#header .row-fluid #header-hotline.newyear{display:block;height:95px;padding-right:90px;background:transparent url(/webshop/img/desktop/newyear/snowman-rocket.png) no-repeat right bottom}#header .row-fluid>div{height:100px}#quickbar{height:40px;margin-bottom:10px}#quickbar .container-fluid{background-color:#469bbb;background-image:-moz-linear-gradient(top,#358dae,#60b1cf);background-image:-ms-linear-gradient(top,#358dae,#60b1cf);background-image:-webkit-gradient(linear,0 0,0 100%,from(#358dae),to(#60b1cf));background-image:-webkit-linear-gradient(top,#358dae,#60b1cf);background-image:-o-linear-gradient(top,#358dae,#60b1cf);background-image:linear-gradient(top,#358dae,#60b1cf);background-repeat:repeat-x;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.4);-moz-box-shadow:0 2px 4px rgba(0,0,0,.4);box-shadow:0 2px 4px rgba(0,0,0,.4)}#quickbar #quickbar-frontpage{line-height:40px;color:#fff;font-weight:700}#quickbar #quickbar-frontpage:hover{text-shadow:0 0 10px #fff,0 0 20px #fff;text-decoration:none}#quickbar #quick-dropdowns{position:relative}#quickbar #quick-dropdowns select{display:none;width:225px}#quickbar #quick-dropdowns #quick-vendor-dropdown+div{float:left}#quickbar #quick-dropdowns #quick-model-dropdown+div{float:right}#quickbar #quick-dropdowns .chzn-container-single{float:right}#quickbar #quick-dropdowns .chzn-container-single .chzn-single{background:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin-top:8px;color:#2f7d9a;font-weight:400}#quickbar #quick-dropdowns .chzn-container-single .chzn-single>div{padding:1px;height:21px;width:21px}#quickbar #quick-dropdowns .chzn-container-single .chzn-single>div>b{background-color:#3a9dc2;margin:auto;background-position:2px -1px}#quickbar #quick-dropdowns .chzn-container-single .chzn-single-with-drop>div>b{background-position:-16px -1px}#quickbar #quick-dropdowns .chzn-drop,#quickbar #quick-dropdowns .chzn-search input,#quickbar #quick-dropdowns .chzn-single{color:#2f7d9a;border-color:#2f7d9a}#quickbar #quick-dropdowns .chzn-drop .highlighted{background:#3a9dc2}#quickbar #quick-dropdowns .chzn-container .chzn-results li{padding-top:4px;padding-bottom:4px}#quickbar #cart-status{position:relative;color:#fff;line-height:40px;text-align:center;z-index:10}#quickbar #cart-status>div{position:absolute;width:100%;right:0}#quickbar #cart-status b{color:#fff}#quickbar #cart-status .icon{position:absolute;top:3px}#quickbar #cart-status .empty .info{-webkit-box-shadow:2px 0 2px 0 rgba(0,0,0,.25),-2px 0 2px 0 rgba(0,0,0,.25);-moz-box-shadow:2px 0 2px 0 rgba(0,0,0,.25),-2px 0 2px 0 rgba(0,0,0,.25);box-shadow:2px 0 2px 0 rgba(0,0,0,.25),-2px 0 2px 0 rgba(0,0,0,.25);height:40px;line-height:40px;padding-left:35px}#quickbar #cart-status .empty .info .icon{left:20px}#quickbar #cart-status .full{color:#000;-webkit-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);-moz-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4)}#quickbar #cart-status .full .icon{left:10px}#quickbar #cart-status .full .info{background-color:#f2b359;padding:4px 0;padding-left:50px;line-height:16px;text-align:left}#quickbar #cart-status .full .buttons{border-top:1px solid #633b02}#quickbar #cart-status .full .buttons a{color:#000;text-decoration:none;font-weight:700}#quickbar #cart-status .full .buttons a:hover{color:#fff}#quickbar #cart-status .full .buttons a.cart{height:40px;float:left;border:none;width:50%;border-right:1px solid #633b02;background-color:#e6a03c;background-image:-moz-linear-gradient(top,#f2b359,#d48311);background-image:-ms-linear-gradient(top,#f2b359,#d48311);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f2b359),to(#d48311));background-image:-webkit-linear-gradient(top,#f2b359,#d48311);background-image:-o-linear-gradient(top,#f2b359,#d48311);background-image:linear-gradient(top,#f2b359,#d48311);background-repeat:repeat-x}#quickbar #cart-status .full .buttons a.cart:hover{background-color:#e0962e;background-image:-moz-linear-gradient(top,#d48311,#f2b359);background-image:-ms-linear-gradient(top,#d48311,#f2b359);background-image:-webkit-gradient(linear,0 0,0 100%,from(#d48311),to(#f2b359));background-image:-webkit-linear-gradient(top,#d48311,#f2b359);background-image:-o-linear-gradient(top,#d48311,#f2b359);background-image:linear-gradient(top,#d48311,#f2b359);background-repeat:repeat-x}#quickbar #cart-status .full .buttons a.checkout{height:40px;display:block;margin-left:50%;background:#46a546;background-color:#61b861;background-image:-moz-linear-gradient(top,#74c474,#46a546);background-image:-ms-linear-gradient(top,#74c474,#46a546);background-image:-webkit-gradient(linear,0 0,0 100%,from(#74c474),to(#46a546));background-image:-webkit-linear-gradient(top,#74c474,#46a546);background-image:-o-linear-gradient(top,#74c474,#46a546);background-image:linear-gradient(top,#74c474,#46a546);background-repeat:repeat-x}#quickbar #cart-status .full .buttons a.checkout:hover{background-color:#58b158;background-image:-moz-linear-gradient(top,#46a546,#74c474);background-image:-ms-linear-gradient(top,#46a546,#74c474);background-image:-webkit-gradient(linear,0 0,0 100%,from(#46a546),to(#74c474));background-image:-webkit-linear-gradient(top,#46a546,#74c474);background-image:-o-linear-gradient(top,#46a546,#74c474);background-image:linear-gradient(top,#46a546,#74c474);background-repeat:repeat-x}#quickbar #cart-status.order-flow .info{background-color:#469bbb;background-image:-moz-linear-gradient(top,#358dae,#60b1cf);background-image:-ms-linear-gradient(top,#358dae,#60b1cf);background-image:-webkit-gradient(linear,0 0,0 100%,from(#358dae),to(#60b1cf));background-image:-webkit-linear-gradient(top,#358dae,#60b1cf);background-image:-o-linear-gradient(top,#358dae,#60b1cf);background-image:linear-gradient(top,#358dae,#60b1cf);background-repeat:repeat-x}#quickbar #cart-status.order-flow .buttons{border-top:1px solid #235d73;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}#quickbar #cart-status.order-flow .buttons a.cart,#quickbar #cart-status.order-flow .buttons a.checkout{background-color:#4fa3c2;background-image:-moz-linear-gradient(top,#60b1cf,#358dae);background-image:-ms-linear-gradient(top,#60b1cf,#358dae);background-image:-webkit-gradient(linear,0 0,0 100%,from(#60b1cf),to(#358dae));background-image:-webkit-linear-gradient(top,#60b1cf,#358dae);background-image:-o-linear-gradient(top,#60b1cf,#358dae);background-image:linear-gradient(top,#60b1cf,#358dae);background-repeat:repeat-x}#quickbar #cart-status.order-flow .buttons a.cart:hover,#quickbar #cart-status.order-flow .buttons a.checkout:hover{background-color:#469bbb;background-image:-moz-linear-gradient(top,#358dae,#60b1cf);background-image:-ms-linear-gradient(top,#358dae,#60b1cf);background-image:-webkit-gradient(linear,0 0,0 100%,from(#358dae),to(#60b1cf));background-image:-webkit-linear-gradient(top,#358dae,#60b1cf);background-image:-o-linear-gradient(top,#358dae,#60b1cf);background-image:linear-gradient(top,#358dae,#60b1cf);background-repeat:repeat-x}#quickbar #cart-status.order-flow .buttons a.cart{border-right:1px solid #235d73}#breadcrumbs{color:#3a9dc2;margin-top:-10px}#breadcrumbs .breadcrumb{background-color:transparent;background:0 0;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);padding:0;margin:0;line-height:40px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:none}#breadcrumbs .breadcrumb li{text-shadow:none}#breadcrumbs .breadcrumb li .active,#breadcrumbs .breadcrumb li .divider,#breadcrumbs .breadcrumb li a{color:#3a9dc2}#service-links{margin-bottom:20px}#service-links .span3>div{background-color:#cfe7f0;background-image:-moz-linear-gradient(top,#aed7e7,#fff);background-image:-ms-linear-gradient(top,#aed7e7,#fff);background-image:-webkit-gradient(linear,0 0,0 100%,from(#aed7e7),to(#fff));background-image:-webkit-linear-gradient(top,#aed7e7,#fff);background-image:-o-linear-gradient(top,#aed7e7,#fff);background-image:linear-gradient(top,#aed7e7,#fff);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aed7e7', endColorstr='#ffffff', GradientType=0);padding:10px;padding-bottom:0;border:1px solid #fff}#service-links .span3>div .tuev-link{line-height:26px;font-size:11px;display:block;text-align:center;white-space:nowrap}#service-links .span3>div .icon{margin:auto}#service-links .span3>div .icon.icon-privacy{margin-top:5px}#service-links .span3>div .icon.icon-gtc{margin-top:5px;margin-bottom:10px}#service-links .span3>div .icon.icon-shipping{margin-top:7px;margin-bottom:12px}#service-links .span3>div .icon.icon-contact{margin-top:0;margin-bottom:5px}#service-links .span3>div .icon.icon-valuepacks{margin-top:0;margin-bottom:5px}#service-links .span3>div h4,#service-links .span3>div p{color:grey;text-align:left}#service-links .span3>div p{font-size:.9em}#service-links .span3>div h4{margin-bottom:.25em}#safe-service-links{margin-top:20px;margin-bottom:20px}#safe-service-links .span3,#safe-service-links .span6{-webkit-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);-moz-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4)}#safe-service-links .span3>div,#safe-service-links .span6>div{height:142px;border:1px solid #fff}#safe-service-links .service-number{background:#d2dde1 url(/webshop/img/desktop/service-phone.png) no-repeat;position:relative}#safe-service-links .service-number .phone-number{position:absolute;right:80px;top:24px;font-size:20px;line-height:20px}#safe-service-links .service-number .phone-number b{display:block;text-align:right;font-weight:700}#safe-service-links .service-number .phone-number .phone-area-code{color:#afb9bb}#safe-service-links .service-number .phone-number .phone-extension{color:#4d6060}#safe-service-links .service-number .text{position:absolute;right:15px;bottom:10px;color:#4d6060;font-size:15.6px;line-height:21.6px;text-align:right}#safe-service-links .service-number .text span{display:block;font-weight:700}#safe-service-links .safer-shopping{position:relative;background-color:#d5d5d5;background-color:#f7f7f7;background-image:-webkit-gradient(linear,0 0,0 100%,from(#d5d5d5),color-stop(50%,#fff),to(#d5d5d5));background-image:-webkit-linear-gradient(#d5d5d5,#fff 50%,#d5d5d5);background-image:-moz-linear-gradient(top,#d5d5d5,#fff 50%,#d5d5d5);background-image:-ms-linear-gradient(#d5d5d5,#fff 50%,#d5d5d5);background-image:-o-linear-gradient(#d5d5d5,#fff 50%,#d5d5d5);background-image:linear-gradient(#d5d5d5,#fff 50%,#d5d5d5);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5d5d5', endColorstr='#d5d5d5', GradientType=0)}#safe-service-links .safer-shopping a{background:transparent url(/webshop/img/desktop/tuev-logo-big.png) 10px center no-repeat;display:block;height:132px;overflow:hidden;padding:5px;padding-left:120px;color:#000;text-decoration:none}#safe-service-links .safer-shopping a strong{display:block;margin-bottom:2px}#safe-service-links .safer-shopping a span{font-size:11.05px;line-height:13.5px}#safe-service-links .safer-shopping .image{float:left;width:45%;height:142px}#safe-service-links .safer-shopping .image img{display:block;margin:auto}#safe-service-links .safer-shopping .text{float:right;width:45%;height:135px;overflow:hidden;font-size:11.05px;line-height:17.1px;color:#000;padding-top:7px;padding-right:7px}#safe-service-links #eKomiWidget_default{background-color:#eee}#safe-service-links #eKomiWidget_default img{display:block;height:142px;width:100%;margin:auto}footer{position:relative}footer .drop-shadow{position:absolute;width:100%;top:0;left:0;height:30px;-webkit-box-shadow:0 6px 8px rgba(0,0,0,.35) inset;-moz-box-shadow:0 6px 8px rgba(0,0,0,.35) inset;box-shadow:0 6px 8px rgba(0,0,0,.35) inset}footer .container-fluid{background-color:#60b1cf;position:relative}footer .container-fluid .span3>div{margin-left:-10px;padding:30px 0 15px 25px;height:220px;border-left:1px solid #fff;color:#fff}footer .container-fluid .span3>div h4{font-size:14px;margin-bottom:.25em}footer .container-fluid .span3>div h4.last{padding-top:.5em}footer .container-fluid .span3>div p a{font-size:12px}footer .container-fluid .span3>div h4 a,footer .container-fluid .span3>div p a{display:block;color:#fff}footer .container-fluid .span3>div #google-plus-button{float:right;margin-right:13px}footer .container-fluid .span3>div a.btn{width:55%;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.5);-moz-box-shadow:1px 1px 1px rgba(0,0,0,.5);box-shadow:1px 1px 1px rgba(0,0,0,.5);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}footer .container-fluid .span3 .hotline{margin-top:1em}footer .container-fluid .span3:first-child>div{border-left:none}.free-shipping{margin:45px auto}.free-shipping div{color:#dc4e44;font-size:22.75px;font-weight:700;text-align:center;text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 20px #fff,0 0 20px #fff,0 0 30px #fff}.free-shipping small{margin-top:5px;font-size:10.4px;display:block;text-align:center}body[data-controller=password] #xmas-gingerbread,body[data-controller=item][data-action=index] #xmas-gingerbread,body[data-controller=order] #xmas-gingerbread,body[data-controller=cart] #xmas-gingerbread,body[data-controller=site][data-action=index] #xmas-gingerbread{display:none}#agb-popup-main #main,#datenschutz-popup-main #main,#widerruf-popup-main #main,body[data-controller=site][data-action=gtc] #main,body[data-controller=site][data-action=privacy] #main,body[data-controller=site][data-action=revocation] #main,body[data-controller=site][data-action=contestrules] #main,body[data-controller=site][data-action=warranty] #main{padding-top:20px}#agb-popup-main h2,#datenschutz-popup-main h2,#widerruf-popup-main h2,body[data-controller=site][data-action=gtc] h2,body[data-controller=site][data-action=privacy] h2,body[data-controller=site][data-action=revocation] h2,body[data-controller=site][data-action=contestrules] h2,body[data-controller=site][data-action=warranty] h2{font-size:19.5px;line-height:27px;margin:0;margin-bottom:1em}#agb-popup-main #main h3,#datenschutz-popup-main #main h3,#widerruf-popup-main #main h3,body[data-controller=site][data-action=gtc] #main h3,body[data-controller=site][data-action=privacy] #main h3,body[data-controller=site][data-action=revocation] #main h3,body[data-controller=site][data-action=contestrules] #main h3,body[data-controller=site][data-action=warranty] #main h3{font-size:13px;line-height:18px;color:#000;margin-bottom:1em}#agb-popup-main .index,#datenschutz-popup-main .index,#widerruf-popup-main .index,body[data-controller=site][data-action=gtc] .index,body[data-controller=site][data-action=privacy] .index,body[data-controller=site][data-action=revocation] .index,body[data-controller=site][data-action=contestrules] .index,body[data-controller=site][data-action=warranty] .index{padding:1.5em;padding-bottom:2em;background:#c2e1ed}#agb-popup-main .index .contact,#agb-popup-main .index .toc,#datenschutz-popup-main .index .contact,#datenschutz-popup-main .index .toc,#widerruf-popup-main .index .contact,#widerruf-popup-main .index .toc,body[data-controller=site][data-action=gtc] .index .contact,body[data-controller=site][data-action=gtc] .index .toc,body[data-controller=site][data-action=privacy] .index .contact,body[data-controller=site][data-action=privacy] .index .toc,body[data-controller=site][data-action=revocation] .index .contact,body[data-controller=site][data-action=revocation] .index .toc,body[data-controller=site][data-action=contestrules] .index .contact,body[data-controller=site][data-action=contestrules] .index .toc,body[data-controller=site][data-action=warranty] .index .contact,body[data-controller=site][data-action=warranty] .index .toc{position:relative;min-height:324px}#agb-popup-main .index h4,#datenschutz-popup-main .index h4,#widerruf-popup-main .index h4,body[data-controller=site][data-action=gtc] .index h4,body[data-controller=site][data-action=privacy] .index h4,body[data-controller=site][data-action=revocation] .index h4,body[data-controller=site][data-action=contestrules] .index h4,body[data-controller=site][data-action=warranty] .index h4{font-size:13px;line-height:18px;color:#000;font-weight:400;margin-bottom:.2em}#agb-popup-main .index h4 a,#datenschutz-popup-main .index h4 a,#widerruf-popup-main .index h4 a,body[data-controller=site][data-action=gtc] .index h4 a,body[data-controller=site][data-action=privacy] .index h4 a,body[data-controller=site][data-action=revocation] .index h4 a,body[data-controller=site][data-action=contestrules] .index h4 a,body[data-controller=site][data-action=warranty] .index h4 a{color:#000}#agb-popup-main .index p,#agb-popup-main .index strong,#datenschutz-popup-main .index p,#datenschutz-popup-main .index strong,#widerruf-popup-main .index p,#widerruf-popup-main .index strong,body[data-controller=site][data-action=gtc] .index p,body[data-controller=site][data-action=gtc] .index strong,body[data-controller=site][data-action=privacy] .index p,body[data-controller=site][data-action=privacy] .index strong,body[data-controller=site][data-action=revocation] .index p,body[data-controller=site][data-action=revocation] .index strong,body[data-controller=site][data-action=contestrules] .index p,body[data-controller=site][data-action=contestrules] .index strong,body[data-controller=site][data-action=warranty] .index p,body[data-controller=site][data-action=warranty] .index strong{font-weight:700;font-size:11.7px;line-height:16.2px}#agb-popup-main .index p.small,#datenschutz-popup-main .index p.small,#widerruf-popup-main .index p.small,body[data-controller=site][data-action=gtc] .index p.small,body[data-controller=site][data-action=privacy] .index p.small,body[data-controller=site][data-action=revocation] .index p.small,body[data-controller=site][data-action=contestrules] .index p.small,body[data-controller=site][data-action=warranty] .index p.small{font-size:11.7px;line-height:16.2px;font-weight:400;margin-bottom:2em}#agb-popup-main .index strong,#datenschutz-popup-main .index strong,#widerruf-popup-main .index strong,body[data-controller=site][data-action=gtc] .index strong,body[data-controller=site][data-action=privacy] .index strong,body[data-controller=site][data-action=revocation] .index strong,body[data-controller=site][data-action=contestrules] .index strong,body[data-controller=site][data-action=warranty] .index strong{text-decoration:underline}#agb-popup-main .index .contact,#agb-popup-main .index .toc,#datenschutz-popup-main .index .contact,#datenschutz-popup-main .index .toc,#widerruf-popup-main .index .contact,#widerruf-popup-main .index .toc,body[data-controller=site][data-action=gtc] .index .contact,body[data-controller=site][data-action=gtc] .index .toc,body[data-controller=site][data-action=privacy] .index .contact,body[data-controller=site][data-action=privacy] .index .toc,body[data-controller=site][data-action=revocation] .index .contact,body[data-controller=site][data-action=revocation] .index .toc,body[data-controller=site][data-action=contestrules] .index .contact,body[data-controller=site][data-action=contestrules] .index .toc,body[data-controller=site][data-action=warranty] .index .contact,body[data-controller=site][data-action=warranty] .index .toc{display:inline-block;vertical-align:top}#agb-popup-main .index .contact,#datenschutz-popup-main .index .contact,#widerruf-popup-main .index .contact,body[data-controller=site][data-action=gtc] .index .contact,body[data-controller=site][data-action=privacy] .index .contact,body[data-controller=site][data-action=revocation] .index .contact,body[data-controller=site][data-action=contestrules] .index .contact,body[data-controller=site][data-action=warranty] .index .contact{width:47%;padding-left:2%}#agb-popup-main .index .toc,#datenschutz-popup-main .index .toc,#widerruf-popup-main .index .toc,body[data-controller=site][data-action=gtc] .index .toc,body[data-controller=site][data-action=privacy] .index .toc,body[data-controller=site][data-action=revocation] .index .toc,body[data-controller=site][data-action=contestrules] .index .toc,body[data-controller=site][data-action=warranty] .index .toc{width:47%;padding-left:3%;border-left:1px solid #60b1cf}#agb-popup-main .index .toc ol,#datenschutz-popup-main .index .toc ol,#widerruf-popup-main .index .toc ol,body[data-controller=site][data-action=gtc] .index .toc ol,body[data-controller=site][data-action=privacy] .index .toc ol,body[data-controller=site][data-action=revocation] .index .toc ol,body[data-controller=site][data-action=contestrules] .index .toc ol,body[data-controller=site][data-action=warranty] .index .toc ol{margin:0;margin-left:40px;margin-bottom:1em;font-size:11.7px;line-height:16.2px;color:#000;font-weight:700}#agb-popup-main .index .toc ol a,#datenschutz-popup-main .index .toc ol a,#widerruf-popup-main .index .toc ol a,body[data-controller=site][data-action=gtc] .index .toc ol a,body[data-controller=site][data-action=privacy] .index .toc ol a,body[data-controller=site][data-action=revocation] .index .toc ol a,body[data-controller=site][data-action=contestrules] .index .toc ol a,body[data-controller=site][data-action=warranty] .index .toc ol a{color:#000;font-weight:400}#agb-popup-main .index .download-reader,#datenschutz-popup-main .index .download-reader,#widerruf-popup-main .index .download-reader,body[data-controller=site][data-action=gtc] .index .download-reader,body[data-controller=site][data-action=privacy] .index .download-reader,body[data-controller=site][data-action=revocation] .index .download-reader,body[data-controller=site][data-action=contestrules] .index .download-reader,body[data-controller=site][data-action=warranty] .index .download-reader{background:#87c4db;padding:1.5em;font-size:10.4px;line-height:14.4px;text-align:justify;margin-top:2em}#agb-popup-main .index .download-reader div,#datenschutz-popup-main .index .download-reader div,#widerruf-popup-main .index .download-reader div,body[data-controller=site][data-action=gtc] .index .download-reader div,body[data-controller=site][data-action=privacy] .index .download-reader div,body[data-controller=site][data-action=revocation] .index .download-reader div,body[data-controller=site][data-action=contestrules] .index .download-reader div,body[data-controller=site][data-action=warranty] .index .download-reader div{margin-right:180px}#agb-popup-main .index .download-reader .image-link,#datenschutz-popup-main .index .download-reader .image-link,#widerruf-popup-main .index .download-reader .image-link,body[data-controller=site][data-action=gtc] .index .download-reader .image-link,body[data-controller=site][data-action=privacy] .index .download-reader .image-link,body[data-controller=site][data-action=revocation] .index .download-reader .image-link,body[data-controller=site][data-action=contestrules] .index .download-reader .image-link,body[data-controller=site][data-action=warranty] .index .download-reader .image-link{margin-top:.3em;float:right;width:158px}#agb-popup-main .content.well,#datenschutz-popup-main .content.well,#widerruf-popup-main .content.well,body[data-controller=site][data-action=gtc] .content.well,body[data-controller=site][data-action=privacy] .content.well,body[data-controller=site][data-action=revocation] .content.well,body[data-controller=site][data-action=contestrules] .content.well,body[data-controller=site][data-action=warranty] .content.well{padding-bottom:40px;padding-right:25px;background:#fff}#agb-popup-main .content h2,#datenschutz-popup-main .content h2,#widerruf-popup-main .content h2,body[data-controller=site][data-action=gtc] .content h2,body[data-controller=site][data-action=privacy] .content h2,body[data-controller=site][data-action=revocation] .content h2,body[data-controller=site][data-action=contestrules] .content h2,body[data-controller=site][data-action=warranty] .content h2{color:#000}#agb-popup-main .content h3,#datenschutz-popup-main .content h3,#widerruf-popup-main .content h3,body[data-controller=site][data-action=gtc] .content h3,body[data-controller=site][data-action=privacy] .content h3,body[data-controller=site][data-action=revocation] .content h3,body[data-controller=site][data-action=contestrules] .content h3,body[data-controller=site][data-action=warranty] .content h3{margin-top:2em;margin-bottom:1em}#agb-popup-main .content .back-link,#datenschutz-popup-main .content .back-link,#widerruf-popup-main .content .back-link,body[data-controller=site][data-action=gtc] .content .back-link,body[data-controller=site][data-action=privacy] .content .back-link,body[data-controller=site][data-action=revocation] .content .back-link,body[data-controller=site][data-action=contestrules] .content .back-link,body[data-controller=site][data-action=warranty] .content .back-link{font-weight:400;font-style:italic;font-size:13px;line-height:18px}#agb-popup-main .content ol li,#datenschutz-popup-main .content ol li,#widerruf-popup-main .content ol li,body[data-controller=site][data-action=gtc] .content ol li,body[data-controller=site][data-action=privacy] .content ol li,body[data-controller=site][data-action=revocation] .content ol li,body[data-controller=site][data-action=contestrules] .content ol li,body[data-controller=site][data-action=warranty] .content ol li{font-weight:700}#agb-popup-main .content p,#datenschutz-popup-main .content p,#widerruf-popup-main .content p,body[data-controller=site][data-action=gtc] .content p,body[data-controller=site][data-action=privacy] .content p,body[data-controller=site][data-action=revocation] .content p,body[data-controller=site][data-action=contestrules] .content p,body[data-controller=site][data-action=warranty] .content p{margin-left:25px}#agb-popup-main .content p.separator,#datenschutz-popup-main .content p.separator,#widerruf-popup-main .content p.separator,body[data-controller=site][data-action=gtc] .content p.separator,body[data-controller=site][data-action=privacy] .content p.separator,body[data-controller=site][data-action=revocation] .content p.separator,body[data-controller=site][data-action=contestrules] .content p.separator,body[data-controller=site][data-action=warranty] .content p.separator{text-align:center;font-weight:700;margin:2em 0}#agb-popup-main .content ol ol li,#agb-popup-main .content p,#datenschutz-popup-main .content ol ol li,#datenschutz-popup-main .content p,#widerruf-popup-main .content ol ol li,#widerruf-popup-main .content p,body[data-controller=site][data-action=gtc] .content ol ol li,body[data-controller=site][data-action=gtc] .content p,body[data-controller=site][data-action=privacy] .content ol ol li,body[data-controller=site][data-action=privacy] .content p,body[data-controller=site][data-action=revocation] .content ol ol li,body[data-controller=site][data-action=revocation] .content p,body[data-controller=site][data-action=contestrules] .content ol ol li,body[data-controller=site][data-action=contestrules] .content p,body[data-controller=site][data-action=warranty] .content ol ol li,body[data-controller=site][data-action=warranty] .content p{font-size:13px;line-height:18px;margin-top:1em;margin-bottom:1em;text-align:justify;font-weight:400}#agb-popup-main .content ol ul,#datenschutz-popup-main .content ol ul,#widerruf-popup-main .content ol ul,body[data-controller=site][data-action=gtc] .content ol ul,body[data-controller=site][data-action=privacy] .content ol ul,body[data-controller=site][data-action=revocation] .content ol ul,body[data-controller=site][data-action=contestrules] .content ol ul,body[data-controller=site][data-action=warranty] .content ol ul{margin-left:75px}#agb-popup-main .content ol ul li,#datenschutz-popup-main .content ol ul li,#widerruf-popup-main .content ol ul li,body[data-controller=site][data-action=gtc] .content ol ul li,body[data-controller=site][data-action=privacy] .content ol ul li,body[data-controller=site][data-action=revocation] .content ol ul li,body[data-controller=site][data-action=contestrules] .content ol ul li,body[data-controller=site][data-action=warranty] .content ol ul li{font-weight:400}#agb-popup-main .content ol ol ul,#datenschutz-popup-main .content ol ol ul,#widerruf-popup-main .content ol ol ul,body[data-controller=site][data-action=gtc] .content ol ol ul,body[data-controller=site][data-action=privacy] .content ol ol ul,body[data-controller=site][data-action=revocation] .content ol ol ul,body[data-controller=site][data-action=contestrules] .content ol ol ul,body[data-controller=site][data-action=warranty] .content ol ol ul{margin-left:25px}#agb-popup-main #legal-info,#datenschutz-popup-main #legal-info,#widerruf-popup-main #legal-info,body[data-controller=site][data-action=gtc] #legal-info,body[data-controller=site][data-action=privacy] #legal-info,body[data-controller=site][data-action=revocation] #legal-info,body[data-controller=site][data-action=contestrules] #legal-info,body[data-controller=site][data-action=warranty] #legal-info{display:block;margin:30px auto}#agb-popup-main #tuev-info,#datenschutz-popup-main #tuev-info,#widerruf-popup-main #tuev-info,body[data-controller=site][data-action=gtc] #tuev-info,body[data-controller=site][data-action=privacy] #tuev-info,body[data-controller=site][data-action=revocation] #tuev-info,body[data-controller=site][data-action=contestrules] #tuev-info,body[data-controller=site][data-action=warranty] #tuev-info{padding-left:140px;text-align:justify}#agb-popup-main #tuev-info.well,#datenschutz-popup-main #tuev-info.well,#widerruf-popup-main #tuev-info.well,body[data-controller=site][data-action=gtc] #tuev-info.well,body[data-controller=site][data-action=privacy] #tuev-info.well,body[data-controller=site][data-action=revocation] #tuev-info.well,body[data-controller=site][data-action=contestrules] #tuev-info.well,body[data-controller=site][data-action=warranty] #tuev-info.well{background:#c2e5c2}#agb-popup-main #tuev-info .icon,#datenschutz-popup-main #tuev-info .icon,#widerruf-popup-main #tuev-info .icon,body[data-controller=site][data-action=gtc] #tuev-info .icon,body[data-controller=site][data-action=privacy] #tuev-info .icon,body[data-controller=site][data-action=revocation] #tuev-info .icon,body[data-controller=site][data-action=contestrules] #tuev-info .icon,body[data-controller=site][data-action=warranty] #tuev-info .icon{position:absolute;left:19px;top:19px;margin:3px}#agb-popup-main #tuev-info strong,#datenschutz-popup-main #tuev-info strong,#widerruf-popup-main #tuev-info strong,body[data-controller=site][data-action=gtc] #tuev-info strong,body[data-controller=site][data-action=privacy] #tuev-info strong,body[data-controller=site][data-action=revocation] #tuev-info strong,body[data-controller=site][data-action=contestrules] #tuev-info strong,body[data-controller=site][data-action=warranty] #tuev-info strong{font-size:1.2em}#agb-popup-main #tuev-info b,#datenschutz-popup-main #tuev-info b,#widerruf-popup-main #tuev-info b,body[data-controller=site][data-action=gtc] #tuev-info b,body[data-controller=site][data-action=privacy] #tuev-info b,body[data-controller=site][data-action=revocation] #tuev-info b,body[data-controller=site][data-action=contestrules] #tuev-info b,body[data-controller=site][data-action=warranty] #tuev-info b{color:#2f7d9a}body[data-controller=site][data-action=revocation] .download-reader{position:absolute;bottom:0;width:400px}body[data-controller=site][data-action=warranty] .content p{margin-left:0;margin-right:0}body[data-controller=site][data-action=warranty] .content ul{margin-left:50px}body[data-controller=site][data-action=index] #breadcrumbs{display:none}body[data-controller=site][data-action=index] .bottom-shadow{position:relative;top:20px;left:-20px;height:20px;overflow:hidden;border-bottom:1px solid #c8c8c8;margin-bottom:-20px;width:1000px}body[data-controller=site][data-action=index] .bottom-shadow div{position:relative;top:20px;height:10px;-webkit-box-shadow:0 -3px 20px rgba(0,0,0,.4);-moz-box-shadow:0 -3px 20px rgba(0,0,0,.4);box-shadow:0 -3px 20px rgba(0,0,0,.4)}body[data-controller=site][data-action=index] #product-selection{position:relative}body[data-controller=site][data-action=index] #product-selection>.container-fluid{background-color:#f7fbfc;background-image:-moz-linear-gradient(top,#f1f8fb,#fff);background-image:-ms-linear-gradient(top,#f1f8fb,#fff);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f1f8fb),to(#fff));background-image:-webkit-linear-gradient(top,#f1f8fb,#fff);background-image:-o-linear-gradient(top,#f1f8fb,#fff);background-image:linear-gradient(top,#f1f8fb,#fff);background-repeat:repeat-x;padding-bottom:40px}body[data-controller=site][data-action=index] #product-selection h1{font-size:300%;color:#3a9dc2;text-align:center;margin:30px auto;text-shadow:-1px -1px #2f7d9a,1px 1px #fff}body[data-controller=site][data-action=index] #product-selection #product-selection-info a{display:block;width:180px;margin-left:-18px}body[data-controller=site][data-action=index] #product-selection #product-selection-info #eKomiWidget_default{display:block;width:180px;margin-top:27px}body[data-controller=site][data-action=index] #product-selection #product-selection-info #eKomiWidget_default img{-webkit-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);-moz-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4)}body[data-controller=site][data-action=index] #product-selection .span5>div{position:relative}body[data-controller=site][data-action=index] #product-selection .span5>div .icon-pointer-left,body[data-controller=site][data-action=index] #product-selection .span5>div .icon-pointer-right{position:absolute;top:0}body[data-controller=site][data-action=index] #product-selection .span5>div .icon-pointer-left{right:30px}body[data-controller=site][data-action=index] #product-selection .span5>div .icon-pointer-right{left:30px}body[data-controller=site][data-action=index] #product-selection .span5>div .icon-frog,body[data-controller=site][data-action=index] #product-selection .span5>div .icon-printer{margin:auto;z-index:100;position:relative}body[data-controller=site][data-action=index] #product-selection .span5>div .icon-printer{margin-bottom:53px}body[data-controller=site][data-action=index] #product-selection .span5>div .icon-frog{top:2px}body[data-controller=site][data-action=index] #product-selection .span5>div form{position:static;display:block;width:90%;height:135px;margin:auto;margin-top:-52px;-webkit-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);-moz-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);background-color:#de8f44;border:1px solid #fff}body[data-controller=site][data-action=index] #product-selection .span5>div form div.spacer{background-color:#e39743;height:35px;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.4);-moz-box-shadow:0 4px 15px rgba(0,0,0,.4);box-shadow:0 4px 15px rgba(0,0,0,.4)}body[data-controller=site][data-action=index] #product-selection .span5>div form .content{padding:15px}body[data-controller=site][data-action=index] #product-selection .span5>div form .content select{display:none;width:92%}body[data-controller=site][data-action=index] #product-selection .span5>div#product-dropdowns{padding-top:15px}body[data-controller=site][data-action=index] #product-selection .span5>div#product-dropdowns .content{position:relative}body[data-controller=site][data-action=index] #product-selection .span5>div#product-dropdowns .chzn-single{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.3);-moz-box-shadow:2px 2px 4px rgba(0,0,0,.3);box-shadow:2px 2px 4px rgba(0,0,0,.3);background-color:#abe298;background-image:-moz-linear-gradient(top,#d2efc8,#70cd51);background-image:-ms-linear-gradient(top,#d2efc8,#70cd51);background-image:-webkit-gradient(linear,0 0,0 100%,from(#d2efc8),to(#70cd51));background-image:-webkit-linear-gradient(top,#d2efc8,#70cd51);background-image:-o-linear-gradient(top,#d2efc8,#70cd51);background-image:linear-gradient(top,#d2efc8,#70cd51);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2efc8', endColorstr='#70cd51', GradientType=0);border:1px solid #fff;margin-bottom:8px;padding:5px 10px;color:#000;font-weight:400;line-height:20px;height:20px;font-size:14px}body[data-controller=site][data-action=index] #product-selection .span5>div#product-dropdowns .chzn-single>div{padding:1px;height:14px;width:14px;padding:8px;background:#000;border:none;background-color:#555;background-image:-moz-linear-gradient(top,#777,#222);background-image:-ms-linear-gradient(top,#777,#222);background-image:-webkit-gradient(linear,0 0,0 100%,from(#777),to(#222));background-image:-webkit-linear-gradient(top,#777,#222);background-image:-o-linear-gradient(top,#777,#222);background-image:linear-gradient(top,#777,#222);background-repeat:repeat-x}body[data-controller=site][data-action=index] #product-selection .span5>div#product-dropdowns .chzn-single>div>b{margin:auto;background-position:-1px -5px}body[data-controller=site][data-action=index] #product-selection .span5>div#product-dropdowns .chzn-single-with-drop{background-color:#97db80;background-image:-moz-linear-gradient(top,#70cd51,#d2efc8);background-image:-ms-linear-gradient(top,#70cd51,#d2efc8);background-image:-webkit-gradient(linear,0 0,0 100%,from(#70cd51),to(#d2efc8));background-image:-webkit-linear-gradient(top,#70cd51,#d2efc8);background-image:-o-linear-gradient(top,#70cd51,#d2efc8);background-image:linear-gradient(top,#70cd51,#d2efc8);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#70cd51', endColorstr='#d2efc8', GradientType=0)}body[data-controller=site][data-action=index] #product-selection .span5>div#product-dropdowns .chzn-single-with-drop>div{background-color:#444;background-image:-moz-linear-gradient(top,#222,#777);background-image:-ms-linear-gradient(top,#222,#777);background-image:-webkit-gradient(linear,0 0,0 100%,from(#222),to(#777));background-image:-webkit-linear-gradient(top,#222,#777);background-image:-o-linear-gradient(top,#222,#777);background-image:linear-gradient(top,#222,#777);background-repeat:repeat-x}body[data-controller=site][data-action=index] #product-selection .span5>div#product-dropdowns .chzn-single-with-drop>div>b{background-position:-19px -5px}body[data-controller=site][data-action=index] #product-selection .span5>div#product-dropdowns .chzn-drop{background-color:#e4f6de;background-image:-moz-linear-gradient(top,#d2efc8,#fff);background-image:-ms-linear-gradient(top,#d2efc8,#fff);background-image:-webkit-gradient(linear,0 0,0 100%,from(#d2efc8),to(#fff));background-image:-webkit-linear-gradient(top,#d2efc8,#fff);background-image:-o-linear-gradient(top,#d2efc8,#fff);background-image:linear-gradient(top,#d2efc8,#fff);background-repeat:repeat-x;margin-top:-8px;border:1px solid #fff;border-top:none}body[data-controller=site][data-action=index] #product-selection .span5>div#product-dropdowns .chzn-drop .highlighted{background:#60b1cf}body[data-controller=site][data-action=index] #product-selection .span5>div#product-dropdowns .newyear-icon{position:absolute;top:-62px;left:18px;background:transparent url(/webshop/img/desktop/newyear/snowman.png) no-repeat;width:171px;height:175px}body[data-controller=site][data-action=index] #product-selection .span5>div#product-search .warranty{position:absolute;top:-95px;right:0}body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form{margin-top:-53px}body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form .content label{font-size:15px;color:#fff;display:inline;margin:0;margin-right:10px;cursor:pointer}body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form .content input[type=radio]{margin-top:-3px}body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form .content #product-search-input,body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form .content #product-search-submit{margin-top:17px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;line-height:32px;height:32px;border:1px solid #888;font-size:22px;padding:4px}body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form .content #product-search-input{border-right:none;margin-right:-5px;width:71%;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.3) inset;-moz-box-shadow:2px 2px 5px rgba(0,0,0,.3) inset;box-shadow:2px 2px 5px rgba(0,0,0,.3) inset}body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form .content #product-search-submit{border-left:none;background-color:#a7d4e4;background-image:-moz-linear-gradient(top,#d6ebf2,#60b1cf);background-image:-ms-linear-gradient(top,#d6ebf2,#60b1cf);background-image:-webkit-gradient(linear,0 0,0 100%,from(#d6ebf2),to(#60b1cf));background-image:-webkit-linear-gradient(top,#d6ebf2,#60b1cf);background-image:-o-linear-gradient(top,#d6ebf2,#60b1cf);background-image:linear-gradient(top,#d6ebf2,#60b1cf);background-repeat:repeat-x;border-color:#60b1cf #60b1cf #358dae;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);font-size:16px;height:42px;width:25%;margin-left:0}body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form .content #product-search-submit.active,body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form .content #product-search-submit.disabled,body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form .content #product-search-submit:active,body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form .content #product-search-submit:hover,body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form .content #product-search-submit[disabled]{background-color:#60b1cf}body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form .content #product-search-submit.active,body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form .content #product-search-submit:active{background-color:#3a9dc2\9}body[data-controller=site][data-action=index] #product-selection .span5>div#product-search .newyear-icon{position:absolute;top:-62px;right:18px;background:transparent url(/webshop/img/desktop/newyear/balloons.png) no-repeat;width:246px;height:196px}body[data-controller=site][data-action=index] #top-vendors{margin-top:1em;height:165px;background:#fff url(/webshop/img/desktop/top-vendors-new.png) no-repeat 0 0;border:1px solid #d2e9f1}body[data-controller=site][data-action=index] #top-vendors ul{margin:0}body[data-controller=site][data-action=index] #top-vendors li{float:left;list-style-type:none;position:relative;display:block}body[data-controller=site][data-action=index] #top-vendors li a{position:relative;display:block;width:159px;height:55px;line-height:0;font-size:0;color:transparent}body[data-controller=site][data-action=index] #xmas-bells{display:block;position:absolute;top:-10px;left:25px;background:transparent url(/webshop/img/desktop/xmas/bells.png) no-repeat;width:86px;height:112px}body[data-controller=site][data-action=index] #xmas-snow{display:block;bottom:-15px;position:relative;background:transparent url(/webshop/img/desktop/xmas/snow.gif) repeat-x -115px bottom;width:100%;height:65px}body[data-controller=site][data-action=index] .xmas #product-search form{margin-top:-82px!important}body[data-controller=site][data-action=index] .xmas #product-search .icon.icon-frog{background:transparent url(/webshop/img/desktop/xmas/frog.png) no-repeat;width:192px;height:195px;top:-25px;left:2px}body[data-controller=site][data-action=index] #top-vendors-container.xmas{background:0 0;background-color:#93cade;background-image:-moz-linear-gradient(top,#54abcb,#f1f8fb);background-image:-ms-linear-gradient(top,#54abcb,#f1f8fb);background-image:-webkit-gradient(linear,0 0,0 100%,from(#54abcb),to(#f1f8fb));background-image:-webkit-linear-gradient(top,#54abcb,#f1f8fb);background-image:-o-linear-gradient(top,#54abcb,#f1f8fb);background-image:linear-gradient(top,#54abcb,#f1f8fb);background-repeat:repeat-x}body[data-controller=site][data-action=index] #top-vendors-container.xmas #top-vendors{border:0}body[data-controller=site][data-action=index] .summer-sale #product-dropdowns form{margin-top:-1px!important}body[data-controller=site][data-action=index] .summer-sale #product-dropdowns .icon-pointer-right{display:none}body[data-controller=site][data-action=index] .summer-sale #product-dropdowns .icon.icon-printer{background:transparent url(/webshop/img/desktop/summer-sale/printer-icon.png) no-repeat;width:345px;height:79px;top:19px}body[data-controller=site][data-action=index] .summer-sale-info{position:absolute;top:30px;right:132px;font-weight:700;color:#3a9dc2}body[data-controller=site][data-action=index] #header-slogan{padding-top:12px;text-align:center;color:#3a9dc2;font-size:15.6px;line-height:15.6px;white-space:nowrap;margin-right:-20px;padding-left:100px}body[data-controller=site][data-action=index] #header-slogan span{display:block}body[data-controller=site][data-action=index] #header-slogan strong{color:#2f7d9a;font-size:140%;line-height:130%}body[data-controller=site][data-action=index] #hotline-image{height:70px;margin-top:15px;margin-left:-45px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25)}body[data-controller=site][data-action=index] #startpage-newsletter-signup{position:absolute;width:180px;height:62px;top:8px;left:300px;padding:10px;background:#f89406;border:1px solid #aed8e8;-webkit-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);-moz-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4)}body[data-controller=site][data-action=index] #startpage-newsletter-signup #trigger-startpage-newsletter-modal p{color:#fff;font-size:12px;line-height:14px;margin-bottom:6px;text-shadow:1px 1px #2f7d9a,1px 1px #945904}body[data-controller=site][data-action=index] #startpage-newsletter-signup #trigger-startpage-newsletter-modal input[type=text]{font-size:10px;line-height:auto;height:25px;line-height:20px;padding:0;padding-left:5px;margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:1px solid #aed8e8;width:147.6px}body[data-controller=site][data-action=index] #startpage-newsletter-signup #trigger-startpage-newsletter-modal button[type=submit]{margin-left:-4px;width:25.2px;height:27px;border-left:none;padding:0;border-color:#aed8e8;text-indent:-9999px!important;background-color:#70c270;background-image:-moz-linear-gradient(top,#86cb86,#50b550);background-image:-ms-linear-gradient(top,#86cb86,#50b550);background-image:-webkit-gradient(linear,0 0,0 100%,from(#86cb86),to(#50b550));background-image:-webkit-linear-gradient(top,#86cb86,#50b550);background-image:-o-linear-gradient(top,#86cb86,#50b550);background-image:linear-gradient(top,#86cb86,#50b550);background-repeat:repeat-x;border-color:#50b550 #50b550 #378137;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}body[data-controller=site][data-action=index] #startpage-newsletter-signup #trigger-startpage-newsletter-modal button[type=submit].active,body[data-controller=site][data-action=index] #startpage-newsletter-signup #trigger-startpage-newsletter-modal button[type=submit].disabled,body[data-controller=site][data-action=index] #startpage-newsletter-signup #trigger-startpage-newsletter-modal button[type=submit]:active,body[data-controller=site][data-action=index] #startpage-newsletter-signup #trigger-startpage-newsletter-modal button[type=submit]:hover,body[data-controller=site][data-action=index] #startpage-newsletter-signup #trigger-startpage-newsletter-modal button[type=submit][disabled]{background-color:#50b550}body[data-controller=site][data-action=index] #startpage-newsletter-signup #trigger-startpage-newsletter-modal button[type=submit].active,body[data-controller=site][data-action=index] #startpage-newsletter-signup #trigger-startpage-newsletter-modal button[type=submit]:active{background-color:#3e933e\9}body[data-controller=site][data-action=index] #startpage-newsletter-signup #trigger-startpage-newsletter-modal button[type=submit] span{display:block;background:transparent url(/webshop/img/desktop/newsletter-sprites.png) no-repeat 0 -37px;width:8px;height:14px;margin-left:8.6px}body[data-controller=site][data-action=index] #startpage-newsletter-signup #startpage-newsletter-modal .before-submit{display:block}body[data-controller=site][data-action=index] #startpage-newsletter-signup #startpage-newsletter-modal .before-submit p{font-weight:700;margin-bottom:1.5em}body[data-controller=site][data-action=index] #startpage-newsletter-signup #startpage-newsletter-modal .after-submit{display:none}body[data-controller=site][data-action=index] #startpage-newsletter-signup #startpage-newsletter-modal.form-submitted .before-submit{display:none}body[data-controller=site][data-action=index] #startpage-newsletter-signup #startpage-newsletter-modal.form-submitted .after-submit{display:block}body[data-controller=site][data-action=index] #startpage-newsletter-signup #startpage-newsletter-thankyou{text-align:center;padding-bottom:30px}body[data-controller=site][data-action=index] #startpage-newsletter-signup #startpage-newsletter-thankyou p{margin:30px auto;color:#46a546;font-size:150%;line-height:150%;font-weight:700}body[data-controller=site][data-action=index] #goodies{margin-top:14px;margin-bottom:14px}body[data-controller=site][data-action=index] #goodies .row-fluid>[class*=span]{margin-left:10px}body[data-controller=site][data-action=index] #goodies .row-fluid [class*=span]:nth-child(3n+1){margin-left:0;float:left}body[data-controller=site][data-action=index] #goodies .row-fluid [class*=span]:nth-child(3n+2){margin-right:0;float:left}body[data-controller=site][data-action=index] #goodies .row-fluid [class*=span]:nth-child(3n+3){margin-right:0;float:left}body[data-controller=site][data-action=index] #goodies .goody_item{background-color:#fff;margin-bottom:14px;border:1px solid #d2e9f1;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px}body[data-controller=site][data-action=index] #goodies .goody_item h3{margin-left:5px}body[data-controller=site][data-action=index] #goodies .goody_item form{margin-top:18px;margin-bottom:0}body[data-controller=site][data-action=index] #goodies .goody_item .item_picture{position:relative;height:100px;display:flex;justify-content:center;align-items:center}body[data-controller=site][data-action=index] #goodies .goody_item .item_picture>img{max-height:100%}body[data-controller=site][data-action=index] #goodies .goody_item .item_picture .after{position:absolute;top:0;left:0;width:100%;height:100%;display:none}body[data-controller=site][data-action=index] #goodies .goody_item .item_picture .after img{display:block;text-align:center;margin-left:auto;margin-right:auto;margin-top:35%;width:25px}body[data-controller=site][data-action=index] #goodies .goody_item .item_description{text-align:right}body[data-controller=site][data-action=index] #goodies .goody_item .item_description .price_notice{font-family:Arial;font-size:85%;font-weight:400}body[data-controller=site][data-action=index] #goodies .goody_item:hover .item_picture>.after{display:block;background:rgba(0,0,0,.2)}body[data-controller=site][data-action=index] #goody-details-popover{display:none;position:absolute;top:0;left:0;left:-9999px;z-index:10000;padding-left:4px}body[data-controller=site][data-action=index] #goody-details-popover .popover-arrow{margin-right:-4px;z-index:100;width:0;height:0;border-left:none;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:12px solid #3a9dc2}body[data-controller=site][data-action=index] #goody-details-popover .popover-inner{position:relative;width:330px;-webkit-box-shadow:5px 5px 5px 0,rgba(0,0,0,.03);-moz-box-shadow:5px 5px 5px 0,rgba(0,0,0,.03);box-shadow:5px 5px 5px 0,rgba(0,0,0,.03);border:1px solid #3a9dc2;background-color:#fff}body[data-controller=site][data-action=index] #goody-details-popover .popover-inner .header{line-height:30px;padding-left:10px;background-color:#3a9dc2;background-color:#4e9fbe;background-image:-moz-linear-gradient(top,#358dae,#74bbd5);background-image:-ms-linear-gradient(top,#358dae,#74bbd5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#358dae),to(#74bbd5));background-image:-webkit-linear-gradient(top,#358dae,#74bbd5);background-image:-o-linear-gradient(top,#358dae,#74bbd5);background-image:linear-gradient(top,#358dae,#74bbd5);background-repeat:repeat-x;color:#fff;font-weight:700}body[data-controller=site][data-action=index] #goody-details-popover .popover-inner .header>button{margin-top:3px}body[data-controller=site][data-action=index] #goody-details-popover .popover-inner .content{height:430px;padding:10px;color:#666;overflow-y:auto}body[data-controller=site][data-action=index] #goody-details-popover .popover-inner .content img{display:block;margin:auto;padding-bottom:10px}body[data-controller=site][data-action=index] #goody-details-popover .popover-inner .content .attention,body[data-controller=site][data-action=index] #goody-details-popover .popover-inner .content .extraInfo,body[data-controller=site][data-action=index] #goody-details-popover .popover-inner .content .footer{margin-top:20px}body[data-controller=site][data-action=index] #goody-details-popover .popover-inner .content .footer{color:#3a9dc2;font-size:11.05px;background-color:transparent;margin-bottom:1em;margin-left:2px}body[data-controller=site][data-action=index] #goody-details-popover .popover-inner .content .footer a{text-decoration:underline}body[data-controller=site][data-action=index] #goody-details-popover .popover-arrow,body[data-controller=site][data-action=index] #goody-details-popover .popover-inner{position:relative;display:inline-block;vertical-align:middle}body[data-controller=site][data-action=index] #goody-details-popover.top{padding-bottom:12px}body[data-controller=site][data-action=index] #goody-details-popover.top .popover-inner{display:block}body[data-controller=site][data-action=index] #goody-details-popover.top .popover-arrow{position:absolute;display:block;bottom:0;left:159px;border-bottom:none;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #3a9dc2}body[data-controller=site][data-action=index] #goody-details-popover.bottom{padding-top:12px}body[data-controller=site][data-action=index] #goody-details-popover.bottom .popover-inner{display:block;border-top-color:#358dae}body[data-controller=site][data-action=index] #goody-details-popover.bottom .popover-arrow{display:block;position:absolute;top:0;left:159px;border-top:none;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #358dae}body[data-controller=site][data-action=site-notice] #main{padding-top:20px}body[data-controller=site][data-action=site-notice] #contact h2,body[data-controller=site][data-action=site-notice] #copyright h2{font-size:15.6px;line-height:21.6px;margin:0;margin-bottom:1em;color:#000}body[data-controller=site][data-action=site-notice] #contact.well{background:#c2e1ed}body[data-controller=site][data-action=site-notice] #contact div{display:inline-block;vertical-align:top;width:50%;margin-right:-29px;padding-left:25px}body[data-controller=site][data-action=site-notice] #images.well{background:#c2e5c2}body[data-controller=site][data-action=site-notice] #images div{display:inline-block;vertical-align:middle;width:33%;margin-right:-4px;text-align:center}body[data-controller=site][data-action=site-notice] #copyright.well{background:#fff0c0}body[data-controller=site][data-action=site-notice] #copyright ul{margin:0;margin-left:25px;list-style:none}body[data-controller=site][data-action=site-notice] #copyright ul li{display:inline-block;width:50%;margin-right:-4px}body[data-controller=site][data-action=site-notice] #copyright ul li:before{content:"© "}#zahlung-und-versand-popup-main,body[data-controller=site][data-action=payment] #main{padding-top:20px}#zahlung-und-versand-popup-main .well,body[data-controller=site][data-action=payment] #main .well{background:#fff}#zahlung-und-versand-popup-main h2,body[data-controller=site][data-action=payment] #main h2{margin-top:0;color:#000}#zahlung-und-versand-popup-main ol li,body[data-controller=site][data-action=payment] #main ol li{margin:1em 0;font-weight:700;list-style:upper-roman;text-align:justify}#zahlung-und-versand-popup-main p,body[data-controller=site][data-action=payment] #main p{margin:1em inherit;font-weight:400;text-align:justify}#zahlung-und-versand-popup-main span[title],body[data-controller=site][data-action=payment] #main span[title]{cursor:help}#zahlung-und-versand-popup-main small,body[data-controller=site][data-action=payment] #main small{font-size:10.4px;line-height:14.4px;font-weight:400;font-style:italic;display:block}#zahlung-und-versand-popup-main .even-row,body[data-controller=site][data-action=payment] #main .even-row{background-color:#f3f3f3}#zahlung-und-versand-popup-main table,body[data-controller=site][data-action=payment] #main table{text-align:center;vertical-align:middle;margin-bottom:.2em}#zahlung-und-versand-popup-main td,#zahlung-und-versand-popup-main th,body[data-controller=site][data-action=payment] #main td,body[data-controller=site][data-action=payment] #main th{border:1px solid #000;padding:5px}#zahlung-und-versand-popup-main th,body[data-controller=site][data-action=payment] #main th{font-weight:700}#zahlung-und-versand-popup-main td,body[data-controller=site][data-action=payment] #main td{font-weight:400}#zahlung-und-versand-popup-main #payment-methods table,body[data-controller=site][data-action=payment] #main #payment-methods table{width:100%}#zahlung-und-versand-popup-main td[data-icon=true],body[data-controller=site][data-action=payment] #main td[data-icon=true]{background:transparent url(/webshop/img/desktop/yes.png) no-repeat center}#zahlung-und-versand-popup-main td[data-icon=false],body[data-controller=site][data-action=payment] #main td[data-icon=false]{background:transparent url(/webshop/img/desktop/no.png) no-repeat center}#zahlung-und-versand-popup-main #shipping-costs td,body[data-controller=site][data-action=payment] #main #shipping-costs td{text-align:right}#zahlung-und-versand-popup-main #shipping-costs td:first-child,body[data-controller=site][data-action=payment] #main #shipping-costs td:first-child{text-align:left}#zahlung-und-versand-popup-main #availability .stock-status,body[data-controller=site][data-action=payment] #main #availability .stock-status{font-size:13px;line-height:18px;margin-left:25px;margin-bottom:.5em}#zahlung-und-versand-popup-main #availability .stock-status div,body[data-controller=site][data-action=payment] #main #availability .stock-status div{display:inline-block;vertical-align:middle}#zahlung-und-versand-popup-main #availability .light,body[data-controller=site][data-action=payment] #main #availability .light{width:18px;height:18px;margin-right:.7em}#zahlung-und-versand-popup-main .free-shipping,body[data-controller=site][data-action=payment] #main .free-shipping{color:red}#zahlung-und-versand-popup-main b.shipping-costs,body[data-controller=site][data-action=payment] #main b.shipping-costs{font-weight:700;color:red;font-size:120%}body[data-controller=site][data-action=contact] #main{padding-top:20px}body[data-controller=site][data-action=contact] #main .well{background:#fff}body[data-controller=site][data-action=contact] #main h2{font-size:15.6px;line-height:21.6px;margin:0;margin-bottom:.85em;color:#000}body[data-controller=site][data-action=contact] #main h3{font-size:13px;line-height:18px;color:#000;margin:2em 0 .85em}body[data-controller=site][data-action=contact] #main #contact.well{background:#edf7fa}body[data-controller=site][data-action=contact] #main #contact .message-sent{text-align:center;padding:2em;margin-bottom:0}body[data-controller=site][data-action=contact] #main #contact .message-sent a{display:block;margin:2em auto 0;width:30%}body[data-controller=site][data-action=contact] #main #contact form:after,body[data-controller=site][data-action=contact] #main #contact form:before{display:table;content:""}body[data-controller=site][data-action=contact] #main #contact form:after{clear:both}body[data-controller=site][data-action=contact] #main #contact form label{margin-right:90px;text-align:right;margin-bottom:.5em}body[data-controller=site][data-action=contact] #main #contact form label.checkbox{margin:1em 0}body[data-controller=site][data-action=contact] #main #contact form .input-xlarge{margin-left:10px;width:300px}body[data-controller=site][data-action=contact] #main #contact form .input-medium{margin-left:10px;width:150px;margin-right:150px}body[data-controller=site][data-action=contact] #main #contact form .helper{margin-left:-150px;text-align:left;position:absolute;width:160px;padding:5px;color:#888;font-style:italic;font-size:11.7px}body[data-controller=site][data-action=contact] #main #contact form select.input-xlarge{width:310px}body[data-controller=site][data-action=contact] #main #contact form textarea.input-xlarge{height:10em;max-width:300px}body[data-controller=site][data-action=contact] #main #contact form button{margin-top:.5em;margin-right:280px;float:right}body[data-controller=site][data-action=contact] #main #contact form fieldset{margin-top:2em;margin-bottom:2em}body[data-controller=site][data-action=contact] #main #contact form .required{position:absolute;margin-left:4px}body[data-controller=site][data-action=contact] #main #contact form p{text-align:justify}body[data-controller=site][data-action=contact] #main aside.well{background:#c2e5c2}body[data-controller=site][data-action=contact] #main aside p{text-align:justify}body[data-controller=site][data-action=contact] #main .info-box{font-size:11.05px;line-height:15.3px}body[data-controller=site][data-action=contact] #main .info-box strong{font-size:11.05px;line-height:15.3px}body[data-controller=site][data-action=contact] #main .info-box div{display:inline-block;vertical-align:middle}body[data-controller=site][data-action=contact] #main .info-box .icon{margin-right:10px}body[data-controller=site][data-action=jobs] #main{padding-top:20px}body[data-controller=site][data-action=jobs] #main .well{background:#fff}body[data-controller=site][data-action=news] #main .aligncenter{display:block;margin:auto;text-align:center}body[data-controller=item][data-action=index] header h2{color:#fff;margin:0;font-size:14px;line-height:20px}body[data-controller=item][data-action=index] form.add-to-cart{margin:0;padding:0}body[data-controller=item][data-action=index] h1{font-size:19.5px;margin-bottom:5px}body[data-controller=item][data-action=index] .printer-model span{display:inline-block;vertical-align:middle}body[data-controller=item][data-action=index] .printer-model .icon{cursor:pointer;margin-left:4px;margin-top:-4px}body[data-controller=item][data-action=index] .printer-model .icon-fav-add{display:inline-block}body[data-controller=item][data-action=index] .printer-model .icon-fav-del{display:none}body[data-controller=item][data-action=index] .printer-model.is-customer-printer .icon-fav-add{display:none}body[data-controller=item][data-action=index] .printer-model.is-customer-printer .icon-fav-del{display:inline-block}body[data-controller=item][data-action=index] .merchant-only-notice{display:block;margin-bottom:5px;font-weight:400;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}body[data-controller=item][data-action=index] .dialog .header{padding:8px;min-height:20px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25);-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;background-color:#4e9fbe;background-image:-moz-linear-gradient(top,#358dae,#74bbd5);background-image:-ms-linear-gradient(top,#358dae,#74bbd5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#358dae),to(#74bbd5));background-image:-webkit-linear-gradient(top,#358dae,#74bbd5);background-image:-o-linear-gradient(top,#358dae,#74bbd5);background-image:linear-gradient(top,#358dae,#74bbd5);background-repeat:repeat-x;color:#fff;line-height:20px;margin:0;font-style:normal;font-weight:700;font-size:14px}body[data-controller=item][data-action=index] .dialog .header .printer-model{color:#fff;font-size:inherit;line-height:inherit}body[data-controller=item][data-action=index] .dialog .header .icon{cursor:help}body[data-controller=item][data-action=index] .dialog .content{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25);-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;background:#fff;padding:8px}body[data-controller=item][data-action=index] #results .type header{text-align:right}body[data-controller=item][data-action=index] #results .type header .icon-info{float:left;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25);margin-right:5px}body[data-controller=item][data-action=index] #results .type header .type-name{float:left;margin-right:10px}body[data-controller=item][data-action=index] #results .type .items{padding:0;font-size:11px;line-height:12px}body[data-controller=item][data-action=index] #results .type .items table{width:100%;border-collapse:collapse}body[data-controller=item][data-action=index] #results .type .items tr:hover{cursor:pointer;background-color:#eef9fa;background-image:-moz-linear-gradient(top,#fff,#d6eff2);background-image:-ms-linear-gradient(top,#fff,#d6eff2);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#d6eff2));background-image:-webkit-linear-gradient(top,#fff,#d6eff2);background-image:-o-linear-gradient(top,#fff,#d6eff2);background-image:linear-gradient(top,#fff,#d6eff2);background-repeat:repeat-x}body[data-controller=item][data-action=index] #results .type .items td{vertical-align:middle;text-align:center;padding:8px 0;border-top:1px solid #aed7e7}body[data-controller=item][data-action=index] #results .type .items td>div{position:relative}body[data-controller=item][data-action=index] #results .type .items .item.selected{background-color:#c2e8ed;background-image:-moz-linear-gradient(top,#e9f7f8,#87d2db);background-image:-ms-linear-gradient(top,#e9f7f8,#87d2db);background-image:-webkit-gradient(linear,0 0,0 100%,from(#e9f7f8),to(#87d2db));background-image:-webkit-linear-gradient(top,#e9f7f8,#87d2db);background-image:-o-linear-gradient(top,#e9f7f8,#87d2db);background-image:linear-gradient(top,#e9f7f8,#87d2db);background-repeat:repeat-x}body[data-controller=item][data-action=index] #results .type .items .item.selected td{-webkit-box-shadow:0 10px 10px -10px rgba(0,0,0,.9) inset;-moz-box-shadow:0 10px 10px -10px rgba(0,0,0,.9) inset;box-shadow:0 10px 10px -10px rgba(0,0,0,.9) inset;border-top:1px solid #46a546;border-bottom:1px solid #46a546}body[data-controller=item][data-action=index] #results .type .items .item.selected td:first-child{border-left:1px solid #46a546}body[data-controller=item][data-action=index] #results .type .items .item.selected td.last{border-right:1px solid #46a546}body[data-controller=item][data-action=index] #results .type .items .item.locked .add-to-cart{visibility:hidden}body[data-controller=item][data-action=index] #results .type .items .image{padding:0 8px;width:30px}body[data-controller=item][data-action=index] #results .type .items .image img{display:block;margin:auto;width:30px}body[data-controller=item][data-action=index] #results .type .items .double-pack-overlay{color:#fff;text-align:center;background:#f89406;margin:auto;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-size:14px;line-height:18px;margin-top:3px}body[data-controller=item][data-action=index] #results .type .items .five-pack-overlay{color:#fff;text-align:center;background:#f89406;margin:auto;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-size:14px;line-height:18px;margin-top:3px;background:#c3325f}body[data-controller=item][data-action=index] #results .type .items .ten-pack-overlay{color:#fff;text-align:center;background:#f89406;margin:auto;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-size:14px;line-height:18px;margin-top:3px;background:red}body[data-controller=item][data-action=index] #results .type .items .description{width:110px;text-align:left}body[data-controller=item][data-action=index] #results .type .items .description a{color:#000;font-weight:700;text-decoration:none}body[data-controller=item][data-action=index] #results .type .items .description .category{display:block}body[data-controller=item][data-action=index] #results .type .items .description .part-number{white-space:nowrap}body[data-controller=item][data-action=index] #results .type .items .description .capacity{display:block;color:#46a546;font-size:inherit;line-height:inherit}body[data-controller=item][data-action=index] #results .type .items .description .unit-count{display:block}body[data-controller=item][data-action=index] #results .type .items .colors{padding-right:8px}body[data-controller=item][data-action=index] #results .type .items .price{text-align:left}body[data-controller=item][data-action=index] #results .type .items .price .base-gross-price{display:block;line-height:150%}body[data-controller=item][data-action=index] #results .type .items .price .gross .value,body[data-controller=item][data-action=index] #results .type .items .price .merchant.net .value{font-size:140%;font-weight:700}body[data-controller=item][data-action=index] #results .type .items .price .net .value,body[data-controller=item][data-action=index] #results .type .items .price .vat-note{font-size:85%}body[data-controller=item][data-action=index] #results .type .items .btn-buy{margin-right:8px}body[data-controller=item][data-action=index] #results .type .items .selected .btn-buy:after{content:"";display:block;position:absolute;right:-13px;top:50%;margin-top:-12px;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:12px solid #46a546;border-right:none}body[data-controller=item][data-action=index] #results .type .items .selected .btn-buy,body[data-controller=item][data-action=index] #results .type .items .selected .light,body[data-controller=item][data-action=index] #results .type .items tr:hover .btn-buy,body[data-controller=item][data-action=index] #results .type .items tr:hover .light{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25)}body[data-controller=item][data-action=index] #results .type .items .item.discount td{padding-bottom:25.2px}body[data-controller=item][data-action=index] #results .type .items .item.discount .discount-footnote{position:absolute;left:-9999px;padding-left:8px;white-space:nowrap;font-size:10.4px;line-height:18px;height:18px}body[data-controller=item][data-action=index] #results .type .items .item.discount .discount-footnote sup{color:red}body[data-controller=item][data-action=index] #results .type .items .item.discount .price .gross .value{color:red}body[data-controller=item][data-action=index] #results .type .items .item.discount .price .gross .value sup{font-weight:400;font-size:70%;margin-left:-2px}body[data-controller=item][data-action=index] #results .type footer{color:#3a9dc2;font-size:11.05px;background-color:transparent;margin-top:1px;margin-bottom:1em;margin-left:2px}body[data-controller=item][data-action=index] #results .type footer a{text-decoration:underline}body[data-controller=item][data-action=index] #details{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25);-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}body[data-controller=item][data-action=index] #details .header{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}body[data-controller=item][data-action=index] #details .dialog .content{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}body[data-controller=item][data-action=index] #details .span6:first-child{margin-left:-8px}body[data-controller=item][data-action=index] #details .double-pack-overlay,body[data-controller=item][data-action=index] #details .five-pack-overlay,body[data-controller=item][data-action=index] #details .ten-pack-overlay{position:absolute;top:0;left:0}body[data-controller=item][data-action=index] #details .image{position:relative;border-bottom:1px solid #aed7e7}body[data-controller=item][data-action=index] #details .image img{display:block;padding:5px;margin:auto}body[data-controller=item][data-action=index] #details .alternative-item-wrapper{margin-top:20px;text-align:center}body[data-controller=item][data-action=index] #details .alternative-item-wrapper .alternative-item.bundle{padding-left:0;padding-right:0;font-size:120%}body[data-controller=item][data-action=index] #details .alternative-item-wrapper .alternative-item b.link{font-weight:400;text-decoration:underline}body[data-controller=item][data-action=index] #details .alternative-item-wrapper .alternative-item+small{display:block;font-size:85%;font-style:italic}body[data-controller=item][data-action=index] #details .alternative-item-wrapper+.alternative-item-wrapper{margin-top:10px}body[data-controller=item][data-action=index] #details .wrapper{width:48%;float:left}body[data-controller=item][data-action=index] #details .wrapper:first-child{width:48%;margin-right:4%}body[data-controller=item][data-action=index] #details .price{position:relative;margin-top:8px;margin-bottom:8px}body[data-controller=item][data-action=index] #details .price:after,body[data-controller=item][data-action=index] #details .price:before{display:table;content:""}body[data-controller=item][data-action=index] #details .price:after{clear:both}body[data-controller=item][data-action=index] #details .price a{color:#000;text-decoration:underline}body[data-controller=item][data-action=index] #details .price .base-gross-price{float:right}body[data-controller=item][data-action=index] #details .price .gross-price{float:right;font-size:31.2px;line-height:31.2px;font-weight:400}body[data-controller=item][data-action=index] #details .price small.discount-footnote{float:right;line-height:18px;font-style:italic;font-size:80%;line-height:80%}body[data-controller=item][data-action=index] #details .price .stock-status{float:right;clear:both;font-size:13px;line-height:18px;margin-top:.5em}body[data-controller=item][data-action=index] #details .price .stock-status .light{height:18px;width:18px}body[data-controller=item][data-action=index] #details .price .shipping-note,body[data-controller=item][data-action=index] #details .price .vat-note{display:block;line-height:15.6px}body[data-controller=item][data-action=index] #details.discount .price .gross-price{color:red}body[data-controller=item][data-action=index] #details .buy{margin-bottom:8px}body[data-controller=item][data-action=index] #details .buy:after,body[data-controller=item][data-action=index] #details .buy:before{display:table;content:""}body[data-controller=item][data-action=index] #details .buy:after{clear:both}body[data-controller=item][data-action=index] #details .buy .wrapper>div{float:right;height:38px;padding:0}body[data-controller=item][data-action=index] #details .buy .wrapper>div label{line-height:38px;padding-right:4px}body[data-controller=item][data-action=index] #details .buy .wrapper>div select{width:60px}body[data-controller=item][data-action=index] #details .buy .wrapper>div input{width:50px}body[data-controller=item][data-action=index] #details .buy .wrapper>div input,body[data-controller=item][data-action=index] #details .buy .wrapper>div label,body[data-controller=item][data-action=index] #details .buy .wrapper>div select{display:inline-block;vertical-align:middle;margin:0}body[data-controller=item][data-action=index] #details .buy .btn-buy{width:100%}body[data-controller=item][data-action=index] #details.locked .buy{visibility:hidden}body[data-controller=item][data-action=index] #details .merchant .wrapper{float:none;width:100%}body[data-controller=item][data-action=index] #details .merchant .price{width:48%;float:left;text-align:center;margin-bottom:0}body[data-controller=item][data-action=index] #details .merchant small.discount-footnote{float:none;text-align:center}body[data-controller=item][data-action=index] #details .merchant del{font-size:120%;font-weight:700}body[data-controller=item][data-action=index] #details .merchant small{font-size:80%;line-height:80%}body[data-controller=item][data-action=index] #details .merchant small.discount-footnote{display:block;line-height:18px;font-style:italic}body[data-controller=item][data-action=index] #details .merchant .pricetag{margin:3px auto}body[data-controller=item][data-action=index] #details .merchant .pricetag .pricetag-left,body[data-controller=item][data-action=index] #details .merchant .pricetag .pricetag-right{padding:0;background:transparent url(/webshop/img/desktop/pricetag.png) no-repeat left center;width:13px}body[data-controller=item][data-action=index] #details .merchant .pricetag .pricetag-inner{text-align:center;background-color:#ffa200;padding:5px 0 10px 0}body[data-controller=item][data-action=index] #details .merchant .pricetag .pricetag-right{background-position:-13px center}body[data-controller=item][data-action=index] #details .merchant .pricetag b{display:block}body[data-controller=item][data-action=index] #details .merchant .pricetag strong{font-size:23.4px;line-height:32.4px;display:block}body[data-controller=item][data-action=index] #details .merchant .pricetag small{display:block}body[data-controller=item][data-action=index] #details .merchant .shipping-note{margin-top:5px}body[data-controller=item][data-action=index] #details .merchant .stock-status{float:none;display:block;margin:auto}body[data-controller=item][data-action=index] #details .merchant .buy{float:none;width:48%;padding-left:50%;padding-top:3.7em}body[data-controller=item][data-action=index] #details .merchant .buy .wrapper div{float:none;text-align:center;margin-bottom:.5em}body[data-controller=item][data-action=index] #details #express-info{padding:8px;background:#fff}body[data-controller=item][data-action=index] #details #express-info strong{color:#3a9dc2}body[data-controller=item][data-action=index] #details .bundle-info{text-align:center;margin:1em 0}body[data-controller=item][data-action=index] #details .bundle-info b,body[data-controller=item][data-action=index] #details .bundle-info strong{font-size:120%}body[data-controller=item][data-action=index] #details .bundle-info b{color:red}body[data-controller=item][data-action=index] #details .bundle-info strong strong{font-size:100%;text-decoration:underline}body[data-controller=item][data-action=index] #details .bundle-info small{display:block;color:#666;font-size:80%}body[data-controller=item][data-action=index] #details #details-body-copy{margin-top:0;padding-bottom:.5em;background:#fff;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}body[data-controller=item][data-action=index] #details #details-body-copy #details-tuev-logo{float:right;margin-top:2em;width:80px;font-size:80%;line-height:120%;text-align:center}body[data-controller=item][data-action=index] #details #details-body-copy h3{padding:8px;margin:none;margin-bottom:8px;font-size:14.3px;line-height:19.8px;font-weight:700;border-bottom:1px solid #aed7e7}body[data-controller=item][data-action=index] #details #details-body-copy h4{color:#3a9dc2;font-size:130%;margin-bottom:.1em}body[data-controller=item][data-action=index] #details #details-body-copy dl{margin:0}body[data-controller=item][data-action=index] #details #details-body-copy dt{float:left;clear:left;margin-right:.5em}body[data-controller=item][data-action=index] #details #details-body-copy dd{margin:0}body[data-controller=item][data-action=index] #details #details-body-copy .special-note{color:#d3557c;font-weight:700}body[data-controller=item][data-action=index] #details #details-body-copy .colors{margin-right:6px}body[data-controller=item][data-action=index] #details #details-body-copy section{padding:0 8px;margin-bottom:1em}body[data-controller=item][data-action=index] #details #details-body-copy section:after,body[data-controller=item][data-action=index] #details #details-body-copy section:before{display:table;content:""}body[data-controller=item][data-action=index] #details #details-body-copy section:after{clear:both}body[data-controller=item][data-action=index] #details #details-body-copy section footer{margin-top:.5em;background:0 0;font-size:80%;font-style:italic}body[data-controller=item][data-action=index] #details #details-body-copy .bio{color:#46a546}body[data-controller=item][data-action=index] #details #details-body-copy .merchant-only{color:red}body[data-controller=item][data-action=index] #details #details-body-copy #compatible-printers{position:relative;text-align:justify;overflow:hidden}body[data-controller=item][data-action=index] #details #details-body-copy #compatible-printers h4{margin-top:.75em;font-size:100%;font-weight:700;color:#333}body[data-controller=item][data-action=index] #details #details-body-copy #compatible-printers a{color:#333;font-weight:400}body[data-controller=item][data-action=index] #details #details-body-copy #compatible-printers a:after{content:", ";margin-left:-4px}body[data-controller=item][data-action=index] #details #details-body-copy #compatible-printers a.last:after{content:"."}body[data-controller=item][data-action=index] #details #details-body-copy #compatible-printers-toggle{position:relative;color:#3a9dc2;text-align:right;font-size:85%}body[data-controller=item][data-action=index] #details #details-body-copy #compatible-printers-toggle span:hover{cursor:pointer;text-decoration:underline}body[data-controller=item][data-action=index] #details #details-body-copy #compatible-printers-toggle .expand .overlay{padding-top:3em;margin-top:-3em;background-color:rgba(255,255,255,.4);background-image:-moz-linear-gradient(top,rgba(255,255,255,0),#fff);background-image:-ms-linear-gradient(top,rgba(255,255,255,0),#fff);background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0)),to(#fff));background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),#fff);background-image:-o-linear-gradient(top,rgba(255,255,255,0),#fff);background-image:linear-gradient(top,rgba(255,255,255,0),#fff);background-repeat:repeat-x}body[data-controller=item][data-action=index] #details #details-body-copy #compatible-printers-toggle .contract{display:none}body[data-controller=item][data-action=index] #details #details-body-copy .printer-image{display:block;margin-left:auto;margin-right:auto;width:250px}body[data-controller=item][data-action=index] #goody-details-popover{display:none;position:absolute;top:0;left:0;left:-9999px;z-index:10000;padding-left:4px}body[data-controller=item][data-action=index] #goody-details-popover .popover-arrow{margin-right:-4px;z-index:100;width:0;height:0;border-left:none;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:12px solid #3a9dc2}body[data-controller=item][data-action=index] #goody-details-popover .popover-inner{position:relative;width:330px;-webkit-box-shadow:5px 5px 5px 0,rgba(0,0,0,.03);-moz-box-shadow:5px 5px 5px 0,rgba(0,0,0,.03);box-shadow:5px 5px 5px 0,rgba(0,0,0,.03);border:1px solid #3a9dc2;background-color:#fff}body[data-controller=item][data-action=index] #goody-details-popover .popover-inner .header{line-height:30px;padding-left:10px;background-color:#3a9dc2;background-color:#4e9fbe;background-image:-moz-linear-gradient(top,#358dae,#74bbd5);background-image:-ms-linear-gradient(top,#358dae,#74bbd5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#358dae),to(#74bbd5));background-image:-webkit-linear-gradient(top,#358dae,#74bbd5);background-image:-o-linear-gradient(top,#358dae,#74bbd5);background-image:linear-gradient(top,#358dae,#74bbd5);background-repeat:repeat-x;color:#fff;font-weight:700}body[data-controller=item][data-action=index] #goody-details-popover .popover-inner .header>button{margin-top:3px}body[data-controller=item][data-action=index] #goody-details-popover .popover-inner .content{height:430px;padding:10px;color:#666;overflow-y:auto}body[data-controller=item][data-action=index] #goody-details-popover .popover-inner .content img{display:block;margin:auto;padding-bottom:10px}body[data-controller=item][data-action=index] #goody-details-popover .popover-inner .content .attention,body[data-controller=item][data-action=index] #goody-details-popover .popover-inner .content .extraInfo,body[data-controller=item][data-action=index] #goody-details-popover .popover-inner .content .footer{margin-top:20px}body[data-controller=item][data-action=index] #goody-details-popover .popover-inner .content .footer{color:#3a9dc2;font-size:11.05px;background-color:transparent;margin-bottom:1em;margin-left:2px}body[data-controller=item][data-action=index] #goody-details-popover .popover-inner .content .footer a{text-decoration:underline}body[data-controller=item][data-action=index] #goody-details-popover .popover-arrow,body[data-controller=item][data-action=index] #goody-details-popover .popover-inner{position:relative;display:inline-block;vertical-align:middle}body[data-controller=item][data-action=index] #goody-details-popover.top{padding-bottom:12px}body[data-controller=item][data-action=index] #goody-details-popover.top .popover-inner{display:block}body[data-controller=item][data-action=index] #goody-details-popover.top .popover-arrow{position:absolute;display:block;bottom:0;left:159px;border-bottom:none;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #3a9dc2}body[data-controller=item][data-action=index] #goody-details-popover.bottom{padding-top:12px}body[data-controller=item][data-action=index] #goody-details-popover.bottom .popover-inner{display:block;border-top-color:#358dae}body[data-controller=item][data-action=index] #goody-details-popover.bottom .popover-arrow{display:block;position:absolute;top:0;left:159px;border-top:none;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #358dae}body[data-controller=item][data-action=index] #goodie-carousel-wrapper{position:relative;color:#333;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff}body[data-controller=item][data-action=index] #goodie-carousel-wrapper [class*=span]{margin-left:5px;margin-top:5px}body[data-controller=item][data-action=index] #goodie-carousel-wrapper .gradient{background:#57accb;background-color:#51a9c9;background-image:-moz-linear-gradient(top,#3a9dc2,#74bbd5);background-image:-ms-linear-gradient(top,#3a9dc2,#74bbd5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#3a9dc2),to(#74bbd5));background-image:-webkit-linear-gradient(top,#3a9dc2,#74bbd5);background-image:-o-linear-gradient(top,#3a9dc2,#74bbd5);background-image:linear-gradient(top,#3a9dc2,#74bbd5);background-repeat:repeat-x}body[data-controller=item][data-action=index] #goodie-carousel-wrapper header{padding:8px;background:#57accb;background-color:#51a9c9;background-image:-moz-linear-gradient(top,#3a9dc2,#74bbd5);background-image:-ms-linear-gradient(top,#3a9dc2,#74bbd5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#3a9dc2),to(#74bbd5));background-image:-webkit-linear-gradient(top,#3a9dc2,#74bbd5);background-image:-o-linear-gradient(top,#3a9dc2,#74bbd5);background-image:linear-gradient(top,#3a9dc2,#74bbd5);background-repeat:repeat-x;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}body[data-controller=item][data-action=index] #goodie-carousel-wrapper .goody_item{background-color:#fff;float:left;margin-bottom:5px;border:1px solid #d2e9f1;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px}body[data-controller=item][data-action=index] #goodie-carousel-wrapper .goody_item h3{margin-left:5px;font-size:100%}body[data-controller=item][data-action=index] #goodie-carousel-wrapper .goody_item form{margin-top:18px;margin-bottom:0}body[data-controller=item][data-action=index] #goodie-carousel-wrapper .goody_item .item_picture{position:relative;height:75px;display:flex;justify-content:center;align-items:center}body[data-controller=item][data-action=index] #goodie-carousel-wrapper .goody_item .item_picture>img{max-height:100%}body[data-controller=item][data-action=index] #goodie-carousel-wrapper .goody_item .item_picture .after{position:absolute;top:0;left:0;width:100%;height:100%;display:none}body[data-controller=item][data-action=index] #goodie-carousel-wrapper .goody_item .item_picture .after img{display:block;text-align:center;margin-left:auto;margin-right:auto;margin-top:35%;width:25px}body[data-controller=item][data-action=index] #goodie-carousel-wrapper .goody_item .item_description{text-align:right;margin-bottom:5px}body[data-controller=item][data-action=index] #goodie-carousel-wrapper .goody_item .item_description .price_notice{font-family:Arial;font-size:85%;font-weight:400}body[data-controller=item][data-action=index] #goodie-carousel-wrapper .goody_item:hover .item_picture>.after{display:block;background:rgba(0,0,0,.2)}body[data-controller=item][data-action=index] #goodie-carousel-wrapper .active.left{z-index:0;left:-33%}body[data-controller=item][data-action=index] #goodie-carousel-wrapper .active.right{left:33%}body[data-controller=item][data-action=index] #goodie-carousel-wrapper .next{left:33%}body[data-controller=item][data-action=index] #goodie-carousel-wrapper .prev.right{z-index:-1;right:33%}@media all and (transform-3d),(-webkit-transform-3d){body[data-controller=item][data-action=index] #goodie-carousel-wrapper>.item{backface-visibility:visible;transform:none!important}}body[data-controller=item][data-action=index] #goodie-carousel-wrapper .carousel-control{margin-top:0;width:20px;height:20px;font-size:28px;line-height:15px}body[data-controller=item][data-action=index] #goodie-carousel-wrapper .left{left:0}body[data-controller=item][data-action=index] #goodie-carousel-wrapper .right{right:0}body[data-controller=item][data-action=index] #mini-cart{position:relative;color:#333;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff}body[data-controller=item][data-action=index] #mini-cart .gradient{background:#57accb;background-color:#51a9c9;background-image:-moz-linear-gradient(top,#3a9dc2,#74bbd5);background-image:-ms-linear-gradient(top,#3a9dc2,#74bbd5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#3a9dc2),to(#74bbd5));background-image:-webkit-linear-gradient(top,#3a9dc2,#74bbd5);background-image:-o-linear-gradient(top,#3a9dc2,#74bbd5);background-image:linear-gradient(top,#3a9dc2,#74bbd5);background-repeat:repeat-x}body[data-controller=item][data-action=index] #mini-cart header{padding:8px;background:#57accb;background-color:#51a9c9;background-image:-moz-linear-gradient(top,#3a9dc2,#74bbd5);background-image:-ms-linear-gradient(top,#3a9dc2,#74bbd5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#3a9dc2),to(#74bbd5));background-image:-webkit-linear-gradient(top,#3a9dc2,#74bbd5);background-image:-o-linear-gradient(top,#3a9dc2,#74bbd5);background-image:linear-gradient(top,#3a9dc2,#74bbd5);background-repeat:repeat-x;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}body[data-controller=item][data-action=index] #mini-cart .items input,body[data-controller=item][data-action=index] #mini-cart .items strong{font-size:11.05px;line-height:14.4px}body[data-controller=item][data-action=index] #mini-cart .items ul{list-style-type:none;margin:0}body[data-controller=item][data-action=index] #mini-cart .items .empty-note{display:block;text-align:center;padding:8px;padding-bottom:0}body[data-controller=item][data-action=index] #mini-cart .items .item{padding:8px;padding-bottom:0;position:relative}body[data-controller=item][data-action=index] #mini-cart .items .item.selected{background-color:#ddf2f5;background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdfefe),color-stop(50%,#d6eff2),to(#fdfefe));background-image:-webkit-linear-gradient(#fdfefe,#d6eff2 50%,#fdfefe);background-image:-moz-linear-gradient(top,#fdfefe,#d6eff2 50%,#fdfefe);background-image:-ms-linear-gradient(#fdfefe,#d6eff2 50%,#fdfefe);background-image:-o-linear-gradient(#fdfefe,#d6eff2 50%,#fdfefe);background-image:linear-gradient(#fdfefe,#d6eff2 50%,#fdfefe);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfefe', endColorstr='#fdfefe', GradientType=0)}body[data-controller=item][data-action=index] #mini-cart .items .item.locked .dec,body[data-controller=item][data-action=index] #mini-cart .items .item.locked .inc{visibility:hidden}body[data-controller=item][data-action=index] #mini-cart .items .item.locked .count[disabled]{border-image:none;border:none;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;cursor:inherit}body[data-controller=item][data-action=index] #mini-cart .items .item.locked .remove{display:none}body[data-controller=item][data-action=index] #mini-cart .items .item.locked .goodie{display:inline}body[data-controller=item][data-action=index] #mini-cart .items .item .item-wrapper{border-bottom:1px solid #86cb86;padding-bottom:8px}body[data-controller=item][data-action=index] #mini-cart .items .item:last-child .item-wrapper{border-bottom:none}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price,body[data-controller=item][data-action=index] #mini-cart .items .item .description{display:inline-block;vertical-align:top}body[data-controller=item][data-action=index] #mini-cart .items .item .description{width:150px;margin-left:-4px;margin-top:-2px;font-size:11.05px;line-height:14.4px}body[data-controller=item][data-action=index] #mini-cart .items .item .description .capacity{display:block;color:#46a546}body[data-controller=item][data-action=index] #mini-cart .items .item .description a{display:block;text-decoration:none;color:#333}body[data-controller=item][data-action=index] #mini-cart .items .item .description strong b{white-space:nowrap}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price{font-size:11.05px;line-height:14.4px;color:#888;position:relative;width:48px}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .count{display:block;width:24px;height:24px;line-height:24px;padding:0;margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;text-align:center;border:1px solid #888}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .count:focus{text-align:right;background:#ffe9a6}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .color-boxes.horizontal{position:relative;width:26px;margin:0;padding:0;line-height:0;overflow:display;float:none}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .color-boxes.horizontal span{line-height:0;height:8.67px;border:none;margin:0}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .color-boxes.horizontal span:last-child{position:absolute;top:0;right:0}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .color-boxes.horizontal span+span{margin-left:-3px}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .color-boxes.horizontal.count-1 span{width:26px;position:static}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .color-boxes.horizontal.count-1 span.yellow{border:1px solid #f3b700;border-top:none;width:24px;height:7.67px}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .color-boxes.horizontal.count-2 span{width:13px}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .color-boxes.horizontal.count-2 span.yellow:last-child{border-right:1px solid #f3b700;border-bottom:1px solid #f3b700;height:8px;width:12px}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .color-boxes.horizontal.count-3 span{width:8.67px}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .color-boxes.horizontal.count-3 span.yellow:last-child{border-right:1px solid #f3b700;border-bottom:1px solid #f3b700;height:8px;width:7.67px}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .color-boxes.horizontal.count-4 span{width:6.5px}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .color-boxes.horizontal.count-4 span.yellow:last-child{border-right:1px solid #f3b700;border-bottom:1px solid #f3b700;height:8px;width:5.5px}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .color-boxes.horizontal.count-5 span{width:5.2px}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .color-boxes.horizontal.count-5 span.yellow:last-child{border-right:1px solid #f3b700;border-bottom:1px solid #f3b700;height:8px;width:4.2px}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .color-boxes.horizontal.count-6 span{width:4.33px}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .color-boxes.horizontal.count-6 span.yellow:last-child{border-right:1px solid #f3b700;border-bottom:1px solid #f3b700;height:8px;width:3.33px}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .multiply-symbol{width:26px;text-align:center}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .price{overflow:visible;white-space:nowrap}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .dec,body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .inc{height:0;width:0;position:absolute;left:28.8px;border:7.2px solid transparent;cursor:hover;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .inc{top:3.6px;border-bottom-color:#888;border-top:none}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .inc:hover{border-bottom-color:#000}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .dec{top:15.6px;border-top-color:#888;border-bottom:none}body[data-controller=item][data-action=index] #mini-cart .items .item .count-and-price .dec:hover{border-top-color:#000}body[data-controller=item][data-action=index] #mini-cart .items .item .remove{position:absolute;top:7px;right:7px;cursor:pointer}body[data-controller=item][data-action=index] #mini-cart .items .saving-options-trigger{display:block;margin:auto;margin-bottom:1em}body[data-controller=item][data-action=index] #mini-cart .items .free-shipping{border-top:1px solid #86cb86;display:block;color:#000;text-align:center;font-size:85%;line-height:120%;font-weight:700;margin:0 8px;padding:8px 0}body[data-controller=item][data-action=index] #mini-cart .items .free-shipping strong{color:red}body[data-controller=item][data-action=index] #mini-cart .items .totals{padding:4px;background:#fff;color:#fff;background:#57accb;background-color:#51a9c9;background-image:-moz-linear-gradient(top,#3a9dc2,#74bbd5);background-image:-ms-linear-gradient(top,#3a9dc2,#74bbd5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#3a9dc2),to(#74bbd5));background-image:-webkit-linear-gradient(top,#3a9dc2,#74bbd5);background-image:-o-linear-gradient(top,#3a9dc2,#74bbd5);background-image:linear-gradient(top,#3a9dc2,#74bbd5);background-repeat:repeat-x}body[data-controller=item][data-action=index] #mini-cart .items .totals .icon{display:inline-block;vertical-align:middle;padding-right:9px;margin-left:9px;opacity:.5;filter:alpha(opacity=50)}body[data-controller=item][data-action=index] #mini-cart .items .totals dl{display:inline-block;vertical-align:middle;width:160px;margin:0}body[data-controller=item][data-action=index] #mini-cart .items .totals dl dt{width:90px;text-align:right;float:left;clear:left;margin:0;font-weight:400;font-size:11.05px;line-height:14.4px}body[data-controller=item][data-action=index] #mini-cart .items .totals dl dd{display:block;text-align:right;font-size:11.05px;line-height:14.4px;padding-right:10px}body[data-controller=item][data-action=index] #mini-cart .items small.shipping-note{display:block;font-size:80%;padding-left:8px;font-style:italic}body[data-controller=item][data-action=index] #mini-cart .items .show-cart{display:block;font-size:11.05px;line-height:14.4px;color:#000;text-decoration:underline;text-align:center;margin-top:.5em;margin-bottom:1.5em}body[data-controller=item][data-action=index] #mini-cart .items .show-cart:hover{color:#235073}body[data-controller=item][data-action=index] #mini-cart footer{margin-top:8px;text-align:center;background:0 0}body[data-controller=item][data-action=index] #mini-cart footer .btn-order{display:block;margin:auto;width:70%;margin-bottom:8px}body[data-controller=item][data-action=index] #mini-cart footer .btn-order.disabled,body[data-controller=item][data-action=index] #mini-cart footer .btn-order[disabled]{background-image:none;background-color:#f89406;background-image:-moz-linear-gradient(top,#f89406,#f89406);background-image:-ms-linear-gradient(top,#f89406,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f89406),to(#f89406));background-image:-webkit-linear-gradient(top,#f89406,#f89406);background-image:-o-linear-gradient(top,#f89406,#f89406);background-image:linear-gradient(top,#f89406,#f89406);background-repeat:repeat-x;border-color:#f89406 #f89406 #ad6704;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}body[data-controller=item][data-action=index] #mini-cart footer .btn-order.disabled.active,body[data-controller=item][data-action=index] #mini-cart footer .btn-order.disabled.disabled,body[data-controller=item][data-action=index] #mini-cart footer .btn-order.disabled:active,body[data-controller=item][data-action=index] #mini-cart footer .btn-order.disabled:hover,body[data-controller=item][data-action=index] #mini-cart footer .btn-order.disabled[disabled],body[data-controller=item][data-action=index] #mini-cart footer .btn-order[disabled].active,body[data-controller=item][data-action=index] #mini-cart footer .btn-order[disabled].disabled,body[data-controller=item][data-action=index] #mini-cart footer .btn-order[disabled]:active,body[data-controller=item][data-action=index] #mini-cart footer .btn-order[disabled]:hover,body[data-controller=item][data-action=index] #mini-cart footer .btn-order[disabled][disabled]{background-color:#f89406}body[data-controller=item][data-action=index] #mini-cart footer .btn-order.disabled.active,body[data-controller=item][data-action=index] #mini-cart footer .btn-order.disabled:active,body[data-controller=item][data-action=index] #mini-cart footer .btn-order[disabled].active,body[data-controller=item][data-action=index] #mini-cart footer .btn-order[disabled]:active{background-color:#c67605\9}body[data-controller=item][data-action=index] #mini-cart footer .saving{border-bottom:1px solid #60b1cf;margin-bottom:16px;padding:8px;min-height:150px;position:relative}body[data-controller=item][data-action=index] #mini-cart footer .saving .frog,body[data-controller=item][data-action=index] #mini-cart footer .saving .headline{background:transparent url(/webshop/img/desktop/minicart.png) no-repeat}body[data-controller=item][data-action=index] #mini-cart footer .saving .headline{background-position:0 0;width:126px;height:50px}body[data-controller=item][data-action=index] #mini-cart footer .saving .frog{position:absolute;top:2px;right:5px;width:94px;height:151px;background-position:-3px -146px}body[data-controller=item][data-action=index] #mini-cart footer .saving p{font-size:11.05px;line-height:14.4px;text-align:left;width:120px;padding-top:5px;padding-left:3px}body[data-controller=item][data-action=index] #mini-cart footer .saving strong{font-size:11.05px;line-height:14.4px}body[data-controller=item][data-action=index] #mini-cart footer .saving a{font-size:11.05px;line-height:14.4px;display:block;margin-top:.5em;text-decoration:underline;color:#000;padding:0}body[data-controller=item][data-action=index] #mini-cart footer .saving a:hover{color:#235073}body[data-controller=item][data-action=index] #mini-cart footer .shipping{padding-left:3px}body[data-controller=item][data-action=index] #mini-cart footer .shipping .headline,body[data-controller=item][data-action=index] #mini-cart footer .shipping .trolley{background:transparent url(/webshop/img/desktop/minicart.png) no-repeat}body[data-controller=item][data-action=index] #mini-cart footer .shipping .headline{background-position:0 -300px;width:182px;height:33px;margin-left:5px;margin-bottom:10px}body[data-controller=item][data-action=index] #mini-cart footer .shipping .trolley{float:left;background-position:0 -52px;width:110px;height:90px}body[data-controller=item][data-action=index] #mini-cart footer .shipping p{font-size:11.05px;line-height:14.4px;text-align:left;padding-left:115px}body[data-controller=item][data-action=index] #mini-cart footer .shipping strong{font-size:11.05px;line-height:14.4px}body[data-controller=item][data-action=index] #mini-cart footer .shipping a{font-size:11.05px;line-height:14.4px;display:block;margin-top:.5em;text-decoration:underline;color:#000;padding:0}body[data-controller=item][data-action=index] #mini-cart footer .shipping a:hover{color:#235073}body[data-controller=item][data-action=index] #mini-cart footer .shipping b.shipping-costs{color:red;font-weight:700}body[data-controller=item][data-action=index] #mini-cart footer a.warranty{background:#fff;text-decoration:none;display:block;padding:8px}body[data-controller=item][data-action=index] #mini-cart footer a.warranty p{color:#000}body[data-controller=item][data-action=index] #mini-cart footer a.warranty em{font-variant:small-caps;font-style:normal;font-weight:700;color:#3579ae}body[data-controller=item][data-action=index] #mini-cart footer a.warranty em:hover{color:#235073;text-decoration:underline}body[data-controller=item][data-action=index] #mini-cart footer #eKomiWidget_default a{display:block;padding:8px;padding-top:0;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}body[data-controller=item][data-action=index] #mini-cart footer #eKomiWidget_default img{width:200px;background:#fff;border:1px solid #bbb;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}body[data-controller=item][data-action=index] #newyear-greetings{position:absolute;top:-25px;right:0}body[data-controller=item][data-action=index] #newyear-greetings img{display:inline-block;vertical-align:middle;margin-left:10px}body[data-controller=item][data-action=index] #newyear-greetings img.first{margin-top:-9px}body[data-controller=item][data-action=request] .wrapper{width:60%;margin:auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#fff;padding:20px}body[data-controller=item][data-action=request] #item-request-form{margin:0}body[data-controller=item][data-action=request] #item-request-form p{color:#ff6c02;color:#f89406;font-weight:700;font-size:110%}body[data-controller=item][data-action=request] #item-request-form p b.header{font-weight:700;font-size:120%;color:#3a9dc2}body[data-controller=item][data-action=request] #item-request-form form{background-color:#eee;padding:2%;margin:0}body[data-controller=item][data-action=request] #item-request-form form legend{color:#666;font-size:14.3px;font-weight:700}body[data-controller=item][data-action=request] #item-request-form form label{color:#666}body[data-controller=item][data-action=request] #item-request-form form textarea{width:98%;max-width:98%;height:10em}body[data-controller=item][data-action=request] #item-request-confirmation{margin:0;display:none;text-align:center}body[data-controller=item][data-action=search] #main #search-info{margin-top:20px;font-size:130%}body[data-controller=item][data-action=search] #main #search-info>span{display:block}body[data-controller=item][data-action=search] #main #search-info>span strong{font-size:inherit;font-weight:700}body[data-controller=item][data-action=search] #main #search-info>span:first-child{font-size:150%;margin-bottom:10px}body[data-controller=item][data-action=search] #main #search-info .btn{margin-top:1em}body[data-controller=item][data-action=search] #main #search-info .btn strong{font-size:120%}body[data-controller=item][data-action=search] #main #search-filters{background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-top:20px;padding:20px}body[data-controller=item][data-action=search] #main #search-filters form{position:relative;margin:0}body[data-controller=item][data-action=search] #main #search-filters fieldset legend{border:none;font-size:100%;font-weight:700;padding-bottom:3px;line-height:18px;margin:0}body[data-controller=item][data-action=search] #main #search-filters fieldset label{display:inline-block;vertical-align:middle;margin:0 9px 3px 1px;cursor:pointer}body[data-controller=item][data-action=search] #main #search-filters fieldset label:hover{color:red}body[data-controller=item][data-action=search] #main #search-filters fieldset label input,body[data-controller=item][data-action=search] #main #search-filters fieldset label span{display:inline-block;vertical-align:middle;margin:0;background:#fff}body[data-controller=item][data-action=search] #main #search-filters fieldset label.disabled,body[data-controller=item][data-action=search] #main #search-filters fieldset label.disabled:hover{opacity:.3;filter:alpha(opacity=30);cursor:default;color:#333}body[data-controller=item][data-action=search] #main #search-filters fieldset label.disabled input,body[data-controller=item][data-action=search] #main #search-filters fieldset label.disabled:hover input{cursor:default}body[data-controller=item][data-action=search] #main #search-filters #category-search-filters{float:left;width:50%}body[data-controller=item][data-action=search] #main #search-filters #type-search-filters{width:50%}body[data-controller=item][data-action=search] #main #search-filters #vendor-search-filters{clear:both}body[data-controller=item][data-action=search] #main #search-filters #vendor-search-filters legend{padding-top:12px}body[data-controller=item][data-action=search] #main #search-filters .loader-overlay{background-position:top right;background-image:url(/webshop/img/desktop/ajax-loader.gif);background-color:transparent;opacity:1;filter:alpha(opacity=100)}body[data-controller=item][data-action=search] #main #search-box{margin-top:20px}body[data-controller=item][data-action=search] #main #search-box input,body[data-controller=item][data-action=search] #main #search-box label{display:inline-block;vertical-align:middle}body[data-controller=item][data-action=search] #main #search-box label{margin:0;margin-right:20px;color:#3a9dc2}body[data-controller=item][data-action=search] #main #search-box label span{display:inline-block;vertical-align:middle}body[data-controller=item][data-action=search] #main #search-box input[type=search]{line-height:18px;padding:2px;margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;width:395px;color:#3a9dc2;border-right:none;border-color:#3a9dc2;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.4) inset;-moz-box-shadow:1px 1px 2px rgba(0,0,0,.4) inset;box-shadow:1px 1px 2px rgba(0,0,0,.4) inset}body[data-controller=item][data-action=search] #main #search-box input[type=submit]{line-height:18px;height:24px;padding:2px auto;margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin-left:-4px;text-align:center;color:#fff}body[data-controller=item][data-action=search] #main #search-results{position:relative;margin-top:20px;background:#fff;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}body[data-controller=item][data-action=search] #main #search-results .loader-overlay{background-image:none;opacity:.5;filter:alpha(opacity=50)}body[data-controller=item][data-action=search] #main #search-results header{-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;background-color:#4e9fbe;background-image:-moz-linear-gradient(top,#358dae,#74bbd5);background-image:-ms-linear-gradient(top,#358dae,#74bbd5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#358dae),to(#74bbd5));background-image:-webkit-linear-gradient(top,#358dae,#74bbd5);background-image:-o-linear-gradient(top,#358dae,#74bbd5);background-image:linear-gradient(top,#358dae,#74bbd5);background-repeat:repeat-x;padding:8px 15px}body[data-controller=item][data-action=search] #main #search-results header:after,body[data-controller=item][data-action=search] #main #search-results header:before{display:table;content:""}body[data-controller=item][data-action=search] #main #search-results header:after{clear:both}body[data-controller=item][data-action=search] #main #search-results header div,body[data-controller=item][data-action=search] #main #search-results header h3{font-size:14.3px;line-height:19.8px;color:#fff}body[data-controller=item][data-action=search] #main #search-results header h3{float:left;margin:0}body[data-controller=item][data-action=search] #main #search-results header div{float:right;text-decoration:underline}body[data-controller=item][data-action=search] #main #search-results header div:hover{cursor:pointer;color:#ffc40d}body[data-controller=item][data-action=search] #main #search-results .wrapper{background:#fff}body[data-controller=item][data-action=search] #main #search-results .pagination-nav{position:relative}body[data-controller=item][data-action=search] #main #search-results .pagination-nav .loader-overlay{background:0 0;opacity:0;filter:alpha(opacity=0)}body[data-controller=item][data-action=search] #main #search-results .pagination{padding-top:20px!important;font-size:100%;color:#3579ae;margin:0;padding:0;padding-left:20px;padding-bottom:10px}body[data-controller=item][data-action=search] #main #search-results .pagination a{line-height:18px;color:#3579ae;border:1px solid #3579ae}body[data-controller=item][data-action=search] #main #search-results .pagination a:hover{background-color:#3579ae;color:#fff;border-color:#3579ae}body[data-controller=item][data-action=search] #main #search-results .pagination .current{background-color:#3579ae;color:#fff;border-color:#3579ae}body[data-controller=item][data-action=search] #main #search-results .pagination .current.next,body[data-controller=item][data-action=search] #main #search-results .pagination .current.prev{background:#fff;border-color:#c2daed;color:#c2daed}body[data-controller=item][data-action=search] #main #search-results #sort-order-wrapper{text-align:right;padding-top:20px;padding-right:15px;padding-bottom:10px}body[data-controller=item][data-action=search] #main #search-results #sort-order-wrapper #sort-order{border-color:#3579ae;color:#3579ae;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}body[data-controller=item][data-action=search] #main #search-results #sort-order-wrapper label,body[data-controller=item][data-action=search] #main #search-results #sort-order-wrapper select{display:inline-block;vertical-align:middle;margin:0}body[data-controller=item][data-action=search] #main #search-results #sort-order-wrapper label{margin-right:5px;color:#3579ae}body[data-controller=item][data-action=search] #main #search-results table{width:100%;margin-top:10px;border-top:1px solid #d6ebf2;vertical-align:middle}body[data-controller=item][data-action=search] #main #search-results table tr{border-bottom:1px solid #d6ebf2}body[data-controller=item][data-action=search] #main #search-results table tr:hover{cursor:pointer;background-color:#ddf2f5;background-image:-webkit-gradient(linear,0 0,0 100%,from(#f9fdfd),color-stop(60%,#d6eff2),to(#f9fdfd));background-image:-webkit-linear-gradient(#f9fdfd,#d6eff2 60%,#f9fdfd);background-image:-moz-linear-gradient(top,#f9fdfd,#d6eff2 60%,#f9fdfd);background-image:-ms-linear-gradient(#f9fdfd,#d6eff2 60%,#f9fdfd);background-image:-o-linear-gradient(#f9fdfd,#d6eff2 60%,#f9fdfd);background-image:linear-gradient(#f9fdfd,#d6eff2 60%,#f9fdfd);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fdfd', endColorstr='#f9fdfd', GradientType=0)}body[data-controller=item][data-action=search] #main #search-results table td{padding:10px}body[data-controller=item][data-action=search] #main #search-results table .image{width:80px}body[data-controller=item][data-action=search] #main #search-results table .image>div{position:relative}body[data-controller=item][data-action=search] #main #search-results table .image>div .double-pack-overlay{color:#fff;text-align:center;background:#f89406;margin:auto;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;line-height:22px;font-size:16px;width:35px;margin-top:5px}body[data-controller=item][data-action=search] #main #search-results table .image>div .five-pack-overlay{color:#fff;text-align:center;background:#f89406;margin:auto;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;line-height:22px;font-size:16px;width:35px;margin-top:5px;background:#c3325f}body[data-controller=item][data-action=search] #main #search-results table .image>div .ten-pack-overlay{color:#fff;text-align:center;background:#f89406;margin:auto;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;line-height:22px;font-size:16px;width:35px;margin-top:5px;background:red}body[data-controller=item][data-action=search] #main #search-results table .image>div img{display:block;margin:auto}body[data-controller=item][data-action=search] #main #search-results table .short-desc{font-weight:700;width:200px;padding-right:0}body[data-controller=item][data-action=search] #main #search-results table .short-desc>span{display:block}body[data-controller=item][data-action=search] #main #search-results table .short-desc .name{font-size:120%}body[data-controller=item][data-action=search] #main #search-results table .short-desc .special{color:#9d261d}body[data-controller=item][data-action=search] #main #search-results table .short-desc .color-boxes span{border:none;margin-right:3px}body[data-controller=item][data-action=search] #main #search-results table .long-desc{font-size:90%}body[data-controller=item][data-action=search] #main #search-results table .long-desc>span{display:block}body[data-controller=item][data-action=search] #main #search-results table .long-desc .name{font-weight:700}body[data-controller=item][data-action=search] #main #search-results table .long-desc .bio{color:#46a546}body[data-controller=item][data-action=search] #main #search-results table .long-desc .merchant-only{color:#3a9dc2}body[data-controller=item][data-action=search] #main #search-results table .long-desc .capacity{font-weight:700;color:#46a546}body[data-controller=item][data-action=search] #main #search-results table .long-desc .special-note{font-weight:700;color:#ce406c}body[data-controller=item][data-action=search] #main #search-results table .long-desc .link-wrapper{padding-top:1em}body[data-controller=item][data-action=search] #main #search-results table .long-desc .link-wrapper a{text-decoration:underline}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper{width:330px}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .wrapper{background-color:transparent;width:48%;float:left}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .wrapper:first-child{margin-right:4%}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .price{margin-top:8px;margin-bottom:8px}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .price:after,body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .price:before{display:table;content:""}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .price:after{clear:both}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .price a{color:#000;text-decoration:underline}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .price .base-gross-price{float:right}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .price .gross-price,body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .price .net-price{float:right;font-size:31.2px;line-height:31.2px;font-weight:400}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .price .gross-price.discount,body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .price .net-price.discount{color:red}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .price small.discount-footnote{float:right;line-height:14.4px;font-style:italic;font-size:80%;margin-top:3px}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .price .original-price{float:right;clear:right;font-size:15.6px}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .price .stock-status{clear:both;font-size:13px;line-height:18px;margin-top:.5em}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .price .stock-status .light{height:18px;width:18px}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .price .shipping-note,body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .price .vat-note{display:block;line-height:15.6px}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .buy{padding-top:3px}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .buy:after,body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .buy:before{display:table;content:""}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .buy:after{clear:both}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .buy .wrapper>div{height:38px;position:relative;float:right;padding:0}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .buy .wrapper>div label{line-height:38px;padding-right:5px}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .buy .wrapper>div select{width:60px}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .buy .wrapper>div input{width:50px}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .buy .wrapper>div input,body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .buy .wrapper>div label,body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .buy .wrapper>div select{display:inline-block;vertical-align:middle;margin:0}body[data-controller=item][data-action=search] #main #search-results table .add-to-cart-wrapper .buy .btn-buy{width:100%}body[data-controller=item][data-action=search] #main #item-details-popover{display:none;position:absolute;top:0;left:0;left:-9999px;z-index:10000;padding-left:4px}body[data-controller=item][data-action=search] #main #item-details-popover .popover-arrow{margin-right:-4px;z-index:100;width:0;height:0;border-left:none;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:12px solid #3a9dc2}body[data-controller=item][data-action=search] #main #item-details-popover .popover-inner{position:relative;width:330px;-webkit-box-shadow:5px 5px 5px 0,rgba(0,0,0,.03);-moz-box-shadow:5px 5px 5px 0,rgba(0,0,0,.03);box-shadow:5px 5px 5px 0,rgba(0,0,0,.03);border:1px solid #3a9dc2;background-color:#fff}body[data-controller=item][data-action=search] #main #item-details-popover .popover-inner .header{line-height:30px;padding-left:10px;background-color:#3a9dc2;background-color:#4e9fbe;background-image:-moz-linear-gradient(top,#358dae,#74bbd5);background-image:-ms-linear-gradient(top,#358dae,#74bbd5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#358dae),to(#74bbd5));background-image:-webkit-linear-gradient(top,#358dae,#74bbd5);background-image:-o-linear-gradient(top,#358dae,#74bbd5);background-image:linear-gradient(top,#358dae,#74bbd5);background-repeat:repeat-x;color:#fff;font-weight:700}body[data-controller=item][data-action=search] #main #item-details-popover .popover-inner .content{height:300px;padding:10px;color:#666;overflow-y:scroll}body[data-controller=item][data-action=search] #main #item-details-popover .popover-inner .content img{display:block;margin:auto;padding-bottom:10px}body[data-controller=item][data-action=search] #main #item-details-popover .popover-inner .content .printers h5{font-size:100%;line-height:120%;margin-top:.5em;padding-bottom:.2em;color:#333;border-bottom:1px solid #666}body[data-controller=item][data-action=search] #main #item-details-popover .popover-inner .content .printers a{color:#666;font-size:85%;line-height:85%;white-space:nowrap}body[data-controller=item][data-action=search] #main #item-details-popover .popover-arrow,body[data-controller=item][data-action=search] #main #item-details-popover .popover-inner{position:relative;display:inline-block;vertical-align:middle}body[data-controller=item][data-action=search] #main #item-details-popover.top{padding-bottom:12px}body[data-controller=item][data-action=search] #main #item-details-popover.top .popover-inner{display:block}body[data-controller=item][data-action=search] #main #item-details-popover.top .popover-arrow{position:absolute;display:block;bottom:0;left:159px;border-bottom:none;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #3a9dc2}body[data-controller=item][data-action=search] #main #item-details-popover.bottom{padding-top:12px}body[data-controller=item][data-action=search] #main #item-details-popover.bottom .popover-inner{display:block;border-top-color:#358dae}body[data-controller=item][data-action=search] #main #item-details-popover.bottom .popover-arrow{display:block;position:absolute;top:0;left:159px;border-top:none;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #358dae}body[data-controller=item][data-action=search] #main #newyear-greetings{position:absolute;top:-25px;right:0}body[data-controller=item][data-action=search] #main #newyear-greetings img{display:inline-block;vertical-align:middle;margin-left:10px}body[data-controller=item][data-action=search] #main #newyear-greetings img.first{margin-top:-9px}body[data-controller=cart][data-action=index] #main small{display:block;color:#888;margin-top:-10px;font-size:90%}body[data-controller=cart][data-action=index] #main .items{margin-top:-20px;width:100%;border-spacing:0 10px;border-collapse:separate;table-layout:fixed}body[data-controller=cart][data-action=index] #main .items td,body[data-controller=cart][data-action=index] #main .items th{text-align:center;vertical-align:middle}body[data-controller=cart][data-action=index] #main .items th{padding:10px;padding-bottom:0}body[data-controller=cart][data-action=index] #main .items td>div{padding:10px}body[data-controller=cart][data-action=index] #main .items .empty-notice{background-color:#fff;display:none;font-size:120%;line-height:200%}body[data-controller=cart][data-action=index] #main .items .item{background-color:#fff}body[data-controller=cart][data-action=index] #main .items .item:hover{cursor:pointer;background-color:#ddf2f5;background-image:-webkit-gradient(linear,0 0,0 100%,from(#f9fdfd),color-stop(50%,#d6eff2),to(#f9fdfd));background-image:-webkit-linear-gradient(#f9fdfd,#d6eff2 50%,#f9fdfd);background-image:-moz-linear-gradient(top,#f9fdfd,#d6eff2 50%,#f9fdfd);background-image:-ms-linear-gradient(#f9fdfd,#d6eff2 50%,#f9fdfd);background-image:-o-linear-gradient(#f9fdfd,#d6eff2 50%,#f9fdfd);background-image:linear-gradient(#f9fdfd,#d6eff2 50%,#f9fdfd);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fdfd', endColorstr='#f9fdfd', GradientType=0)}body[data-controller=cart][data-action=index] #main .items .item.hover-remove{background-color:#f6d3d0;background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),color-stop(50%,#f4c8c5),to(#fff));background-image:-webkit-linear-gradient(#fff,#f4c8c5 50%,#fff);background-image:-moz-linear-gradient(top,#fff,#f4c8c5 50%,#fff);background-image:-ms-linear-gradient(#fff,#f4c8c5 50%,#fff);background-image:-o-linear-gradient(#fff,#f4c8c5 50%,#fff);background-image:linear-gradient(#fff,#f4c8c5 50%,#fff);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)}body[data-controller=cart][data-action=index] #main .items .image-column{padding-left:15px;width:60px;text-align:center}body[data-controller=cart][data-action=index] #main .items .description-column{text-align:left;width:280px}body[data-controller=cart][data-action=index] #main .items .description-column a{color:#000;text-decoration:none}body[data-controller=cart][data-action=index] #main .items .description-column span{display:block}body[data-controller=cart][data-action=index] #main .items .description-column b b{color:#9d261d;font-style:italic}body[data-controller=cart][data-action=index] #main .items .description-column .capacity{color:#46a546}body[data-controller=cart][data-action=index] #main .items .number-column{white-space:nowrap;width:130px}body[data-controller=cart][data-action=index] #main .items .count-column{text-align:right}body[data-controller=cart][data-action=index] #main .items .count-column>div{position:relative;padding-right:15px}body[data-controller=cart][data-action=index] #main .items .count-column input{width:30px;height:23px;line-height:23px;margin:0;border:1px solid #888;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding:2px;padding-right:3px;text-align:right;width:35px}body[data-controller=cart][data-action=index] #main .items .count-column input:focus{background:#ffe9a6}body[data-controller=cart][data-action=index] #main .items .count-column .dec,body[data-controller=cart][data-action=index] #main .items .count-column .inc{position:absolute;right:0;border:1px solid #888;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none}body[data-controller=cart][data-action=index] #main .items .count-column .inc{top:10px}body[data-controller=cart][data-action=index] #main .items .count-column .inc:hover{border-color:#000;background-color:#a9dba9}body[data-controller=cart][data-action=index] #main .items .count-column .dec{bottom:10px}body[data-controller=cart][data-action=index] #main .items .count-column .dec:hover{border-color:#000;background-color:#e4776f}body[data-controller=cart][data-action=index] #main .items .total-price-column,body[data-controller=cart][data-action=index] #main .items .unit-price-column{text-align:right}body[data-controller=cart][data-action=index] #main .items .total-price-column{width:170px}body[data-controller=cart][data-action=index] #main .items .remove-column span{display:block;margin:auto;width:20px;line-height:20px;background:#dc4e44;color:#fff;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}body[data-controller=cart][data-action=index] #main .items .remove-column span:hover{font-weight:700;border:2px solid #dc4e44}body[data-controller=cart][data-action=index] #main .items .item.locked .dec,body[data-controller=cart][data-action=index] #main .items .item.locked .inc,body[data-controller=cart][data-action=index] #main .items .item.locked .remove{visibility:hidden}body[data-controller=cart][data-action=index] #main .items .item.locked .goodie{visibility:visible!important}body[data-controller=cart][data-action=index] #main .items .item.locked .count[disabled]{border-image:none;border:none;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;cursor:inherit}body[data-controller=cart][data-action=index] #main .items .free-shipping{background-color:#fff;font-weight:700}body[data-controller=cart][data-action=index] #main .items .free-shipping strong{color:red}body[data-controller=cart][data-action=index] #main .items .free-shipping td{padding:10px}body[data-controller=cart][data-action=index] #main .items .totals{background-color:#fff;text-align:right}body[data-controller=cart][data-action=index] #main .items .totals .labels{font-weight:700}body[data-controller=cart][data-action=index] #main .items .totals span{display:block;text-align:right}body[data-controller=cart][data-action=index] #main .buttons{margin-top:10px}body[data-controller=cart][data-action=index] #main .alternative-item{width:100%;padding-left:0;padding-right:0;margin-top:5px;font-size:80%}body[data-controller=cart][data-action=index] #main .alternative-item strong{font-size:100%}body[data-controller=cart][data-action=index] #main .alternative-item-all{-webkit-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);-moz-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4)}body[data-controller=password][data-action=index] #main #password-form-wrapper{background-color:#fff;padding:20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}body[data-controller=password][data-action=index] #main #password-form-wrapper p{text-align:center;margin-bottom:15px}body[data-controller=password][data-action=index] #main #password-form-wrapper .form-error-messages{width:420px;margin:auto;margin-bottom:10px}body[data-controller=password][data-action=index] #main #password-form-wrapper form{display:block;margin:auto;width:400px}body[data-controller=password][data-action=index] #main #password-form-wrapper form div{margin-bottom:5px;margin-top:5px}body[data-controller=password][data-action=index] #main #password-form-wrapper form label{width:150px;display:inline-block;text-align:right;vertical-align:middle;margin-right:5px}body[data-controller=password][data-action=index] #main #password-form-wrapper form input{display:inline-bock;width:200px;vertical-align:middle}body[data-controller=password][data-action=index] #main #password-form-wrapper form button{margin-left:159px;width:210px}body[data-controller=password][data-action=success] #main p{background-color:#fff;padding:100px 20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-align:center}body[data-controller=order][data-action=thankyou] .pane{position:relative;background:#60b1cf;border:1px solid #fff;-webkit-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);-moz-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);color:#fff;width:100%;width:300px;display:inline-block;vertical-align:bottom;margin-right:-4px;margin-top:10px;margin-bottom:17px}body[data-controller=order][data-action=thankyou] .pane form{margin:0;padding:0}body[data-controller=order][data-action=thankyou] .pane .icon{position:absolute;right:0;top:0}body[data-controller=order][data-action=thankyou] .pane h3{font-size:15.6px;line-height:18px;font-weight:700;padding:10px 15px;color:#fff;background-color:#469bbb;background-image:-moz-linear-gradient(top,#358dae,#60b1cf);background-image:-ms-linear-gradient(top,#358dae,#60b1cf);background-image:-webkit-gradient(linear,0 0,0 100%,from(#358dae),to(#60b1cf));background-image:-webkit-linear-gradient(top,#358dae,#60b1cf);background-image:-o-linear-gradient(top,#358dae,#60b1cf);background-image:linear-gradient(top,#358dae,#60b1cf);background-repeat:repeat-x;border-bottom:1px solid #358dae;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.4);-moz-box-shadow:0 4px 15px rgba(0,0,0,.4);box-shadow:0 4px 15px rgba(0,0,0,.4)}body[data-controller=order][data-action=thankyou] .pane h4{color:#fff;font-size:26px;line-height:36px;border-bottom:1px solid #fff;padding:10px 15px;padding-right:0}body[data-controller=order][data-action=thankyou] .pane .content{height:93.6px;padding:10px}body[data-controller=order][data-action=thankyou] .pane .content li,body[data-controller=order][data-action=thankyou] .pane .content p{font-size:14.3px;line-height:23.4px}body[data-controller=order][data-action=thankyou] .pane footer{text-align:center;padding-bottom:15px}body[data-controller=order][data-action=thankyou] .pane .btn{color:#fff;text-shadow:none;font-weight:700;border:1px solid #fff!important;display:block;width:60%;margin:auto;padding:3px inherit}body[data-controller=order][data-action=thankyou] .pane.pane-margin{margin-right:23px}body[data-controller=order][data-action=thankyou] #newsletter{margin-top:100px}body[data-controller=order][data-action=thankyou] #newsletter .icon{margin-top:-84px;right:-12px}body[data-controller=order][data-action=thankyou] #newsletter .btn{background-color:#9d55b8;background-image:-moz-linear-gradient(top,#ac66c6,#873ca3);background-image:-ms-linear-gradient(top,#ac66c6,#873ca3);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ac66c6),to(#873ca3));background-image:-webkit-linear-gradient(top,#ac66c6,#873ca3);background-image:-o-linear-gradient(top,#ac66c6,#873ca3);background-image:linear-gradient(top,#ac66c6,#873ca3);background-repeat:repeat-x;border-color:#873ca3 #873ca3 #59286b;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}body[data-controller=order][data-action=thankyou] #newsletter .btn.active,body[data-controller=order][data-action=thankyou] #newsletter .btn.disabled,body[data-controller=order][data-action=thankyou] #newsletter .btn:active,body[data-controller=order][data-action=thankyou] #newsletter .btn:hover,body[data-controller=order][data-action=thankyou] #newsletter .btn[disabled]{background-color:#873ca3}body[data-controller=order][data-action=thankyou] #newsletter .btn.active,body[data-controller=order][data-action=thankyou] #newsletter .btn:active{background-color:#682e7e\9}body[data-controller=order][data-action=thankyou] #register{margin-top:120px}body[data-controller=order][data-action=thankyou] #register h4{font-size:19.5px}body[data-controller=order][data-action=thankyou] #register strong{font-size:26px;line-height:19.5px}body[data-controller=order][data-action=thankyou] #register .icon{margin-top:-128px;right:-10px}body[data-controller=order][data-action=thankyou] #register .btn{background-color:#3d903d;background-image:-moz-linear-gradient(top,#46a546,#2f6f2f);background-image:-ms-linear-gradient(top,#46a546,#2f6f2f);background-image:-webkit-gradient(linear,0 0,0 100%,from(#46a546),to(#2f6f2f));background-image:-webkit-linear-gradient(top,#46a546,#2f6f2f);background-image:-o-linear-gradient(top,#46a546,#2f6f2f);background-image:linear-gradient(top,#46a546,#2f6f2f);background-repeat:repeat-x;border-color:#2f6f2f #2f6f2f #183a18;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}body[data-controller=order][data-action=thankyou] #register .btn.active,body[data-controller=order][data-action=thankyou] #register .btn.disabled,body[data-controller=order][data-action=thankyou] #register .btn:active,body[data-controller=order][data-action=thankyou] #register .btn:hover,body[data-controller=order][data-action=thankyou] #register .btn[disabled]{background-color:#2f6f2f}body[data-controller=order][data-action=thankyou] #register .btn.active,body[data-controller=order][data-action=thankyou] #register .btn:active{background-color:#204b20\9}body[data-controller=order][data-action=thankyou] #printer{margin-top:100px}body[data-controller=order][data-action=thankyou] #printer .icon{margin-top:-80.8px;right:-33px}body[data-controller=order][data-action=thankyou] #printer .btn{background-color:#575757;background-image:-moz-linear-gradient(top,#666,#404040);background-image:-ms-linear-gradient(top,#666,#404040);background-image:-webkit-gradient(linear,0 0,0 100%,from(#666),to(#404040));background-image:-webkit-linear-gradient(top,#666,#404040);background-image:-o-linear-gradient(top,#666,#404040);background-image:linear-gradient(top,#666,#404040);background-repeat:repeat-x;border-color:#404040 #404040 #1a1a1a;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}body[data-controller=order][data-action=thankyou] #printer .btn.active,body[data-controller=order][data-action=thankyou] #printer .btn.disabled,body[data-controller=order][data-action=thankyou] #printer .btn:active,body[data-controller=order][data-action=thankyou] #printer .btn:hover,body[data-controller=order][data-action=thankyou] #printer .btn[disabled]{background-color:#404040}body[data-controller=order][data-action=thankyou] #printer .btn.active,body[data-controller=order][data-action=thankyou] #printer .btn:active{background-color:#262626\9}body[data-controller=order][data-action=thankyou] #google{margin-top:90px}body[data-controller=order][data-action=thankyou] #google .icon{margin-top:-59.36px;right:10px}body[data-controller=order][data-action=thankyou] #google .btn{background-color:#cc4036;background-image:-moz-linear-gradient(top,#dc4e44,#b32b21);background-image:-ms-linear-gradient(top,#dc4e44,#b32b21);background-image:-webkit-gradient(linear,0 0,0 100%,from(#dc4e44),to(#b32b21));background-image:-webkit-linear-gradient(top,#dc4e44,#b32b21);background-image:-o-linear-gradient(top,#dc4e44,#b32b21);background-image:linear-gradient(top,#dc4e44,#b32b21);background-repeat:repeat-x;border-color:#b32b21 #b32b21 #721c15;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}body[data-controller=order][data-action=thankyou] #google .btn.active,body[data-controller=order][data-action=thankyou] #google .btn.disabled,body[data-controller=order][data-action=thankyou] #google .btn:active,body[data-controller=order][data-action=thankyou] #google .btn:hover,body[data-controller=order][data-action=thankyou] #google .btn[disabled]{background-color:#b32b21}body[data-controller=order][data-action=thankyou] #google .btn.active,body[data-controller=order][data-action=thankyou] #google .btn:active{background-color:#872119\9}body[data-controller=order][data-action=thankyou] #facebook{margin-top:90px}body[data-controller=order][data-action=thankyou] #facebook .icon{margin-top:-59.36px;right:10px}body[data-controller=order][data-action=thankyou] #facebook .btn{background-color:#4f69c2;background-image:-moz-linear-gradient(top,#6079cf,#3550ae);background-image:-ms-linear-gradient(top,#6079cf,#3550ae);background-image:-webkit-gradient(linear,0 0,0 100%,from(#6079cf),to(#3550ae));background-image:-webkit-linear-gradient(top,#6079cf,#3550ae);background-image:-o-linear-gradient(top,#6079cf,#3550ae);background-image:linear-gradient(top,#6079cf,#3550ae);background-repeat:repeat-x;border-color:#3550ae #3550ae #233573;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}body[data-controller=order][data-action=thankyou] #facebook .btn.active,body[data-controller=order][data-action=thankyou] #facebook .btn.disabled,body[data-controller=order][data-action=thankyou] #facebook .btn:active,body[data-controller=order][data-action=thankyou] #facebook .btn:hover,body[data-controller=order][data-action=thankyou] #facebook .btn[disabled]{background-color:#3550ae}body[data-controller=order][data-action=thankyou] #facebook .btn.active,body[data-controller=order][data-action=thankyou] #facebook .btn:active{background-color:#293e87\9}body[data-controller=order][data-action=thankyou] #payment-pane{background-color:#ffe2c8;border:2px solid red;width:500px;margin:20px auto;text-align:center}body[data-controller=order][data-action=thankyou] #payment-pane form{margin:0}body[data-controller=order][data-action=thankyou] #print-confirmation{display:block;margin:30px auto 30px;text-align:center}body[data-controller=order][data-action=thankyou] #order-confirmation{display:none}body[data-controller=order][data-action=thankyou] #order-confirmation h1{font-size:19.5px;line-height:27px;text-align:center;margin-bottom:10pt}body[data-controller=order][data-action=thankyou] #order-confirmation .items{width:100%;padding:0;margin:0;margin-bottom:2em}body[data-controller=order][data-action=thankyou] #order-confirmation .items td,body[data-controller=order][data-action=thankyou] #order-confirmation .items th{text-align:center;vertical-align:top}body[data-controller=order][data-action=thankyou] #order-confirmation .items th{border-bottom:1pt solid #000}body[data-controller=order][data-action=thankyou] #order-confirmation .items td{padding:2pt 0}body[data-controller=order][data-action=thankyou] #order-confirmation .items .description-column{text-align:left}body[data-controller=order][data-action=thankyou] #order-confirmation .items .description-column span{display:block}body[data-controller=order][data-action=thankyou] #order-confirmation .items .description-column b b{font-style:italic}body[data-controller=order][data-action=thankyou] #order-confirmation .items .capacity-column strong{font-weight:400;font-style:italic}body[data-controller=order][data-action=thankyou] #order-confirmation .items .number-column{white-space:nowrap}body[data-controller=order][data-action=thankyou] #order-confirmation .items .count-column{text-align:right}body[data-controller=order][data-action=thankyou] #order-confirmation .items .count-column input{text-align:center}body[data-controller=order][data-action=thankyou] #order-confirmation .items .total-price-column,body[data-controller=order][data-action=thankyou] #order-confirmation .items .unit-price-column{text-align:right}body[data-controller=order][data-action=thankyou] #order-confirmation .items .totals{border-top:1pt solid #000;text-align:right}body[data-controller=order][data-action=thankyou] #order-confirmation .items .totals .labels{font-weight:700}body[data-controller=order][data-action=thankyou] #order-confirmation .items .totals span{display:block;text-align:right}body[data-controller=order][data-action=thankyou] #order-confirmation .form-pane{background:0 0;padding:0;margin:0;margin-bottom:1em;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}body[data-controller=order][data-action=thankyou] #order-confirmation .form-pane header{background:0 0;color:#000;font-size:13px;line-height:18px;border-bottom:1pt solid #000;margin:0;margin-bottom:2pt;padding:0}body[data-controller=order][data-action=thankyou] #order-confirmation .form-pane h2{font-size:13px;line-height:18px;color:#000;margin:0;padding:0}body[data-controller=order][data-action=thankyou] #order-confirmation .form-pane .content{background:0 0;padding:0}body[data-controller=order][data-action=thankyou] #xmas-greetings{text-align:center;margin-top:50px;margin-bottom:40px}body[data-controller=order][data-action=thankyou] #xmas-greetings p{color:#9d261d;margin-top:15px;font-size:120%;line-height:150%;font-weight:700;text-shadow:-2px -2px 1px #fff,2px -2px 1px #fff,2px 2px 1px #fff,-2px 2px 1px #fff}body[data-controller=order][data-action=thankyou] #vaas-container{padding-left:180px}body[data-controller=order][data-action=thankyou] #SEPA-mandate-modal{width:700px;margin-left:-350px;overflow:hidden}body[data-controller=order][data-action=thankyou] #SEPA-mandate-modal .modal-header{background-color:#e9f4f8;border-bottom:1px solid #60b1cf}body[data-controller=order][data-action=thankyou] #SEPA-mandate-modal .modal-header h3{color:#000}body[data-controller=order][data-action=thankyou] #SEPA-mandate-modal .modal-header .close{opacity:2.55;filter:alpha(opacity=255)}body[data-controller=order][data-action=thankyou] #SEPA-mandate-modal dl,body[data-controller=order][data-action=thankyou] #SEPA-mandate-modal p{color:#000}body[data-controller=order][data-action=thankyou] #SEPA-mandate-modal .modal-body{max-height:370px}body[data-controller=order][data-action=thankyou] #SEPA-mandate-modal dl{margin-bottom:1em}body[data-controller=order][data-action=thankyou] #SEPA-mandate-modal dl dt{width:270px;float:left;clear:left;margin:0}@media print{html{background:#fff}body[data-controller=order][data-action=thankyou]{background-color:#fff}body[data-controller=order][data-action=thankyou] #page>div,body[data-controller=order][data-action=thankyou] #page>footer,body[data-controller=order][data-action=thankyou] #page>header{display:none}body[data-controller=order][data-action=thankyou] #page #main{display:block}body[data-controller=order][data-action=thankyou] #page #main>div{display:none}body[data-controller=order][data-action=thankyou] #order-confirmation{display:block}body[data-controller=order][data-action=thankyou] .info-header{margin:2em 0 3em;font-size:15.6px;line-height:21.6px}body[data-controller=order][data-action=thankyou] #prepayment-info{margin-top:2em}body[data-controller=order][data-action=thankyou] #prepayment-info dl:after,body[data-controller=order][data-action=thankyou] #prepayment-info dl:before{display:table;content:""}body[data-controller=order][data-action=thankyou] #prepayment-info dl:after{clear:both}body[data-controller=order][data-action=thankyou] #prepayment-info dd{float:left;clear:left;margin:0;width:35%;display:block;font-weight:700}body[data-controller=order][data-action=thankyou] #prepayment-info dt{float:left;font-weight:400;width:50%}#xmas-greetings{display:none}#credit-info{margin-top:-1em}}body[data-controller=order][data-action=checkout] #main{padding-bottom:20px}body[data-controller=order][data-action=checkout] #main .saving-options-container{display:none;background:#fff;text-align:center;border:1px solid #60b1cf;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:1em;padding:.5em 0}body[data-controller=order][data-action=checkout] #main .saving-options-container span{display:inline-block;vertical-align:middle;margin-right:15px}body[data-controller=order][data-action=checkout] #main .saving-options-container span.text{color:#2f7d9a;text-align:right}body[data-controller=order][data-action=checkout] #main a.login{font-size:150%;font-weight:bold;text-align:center;display:block;margin-top:.5em;margin-bottom:1em;padding-top:1em;padding-bottom:1em}body[data-controller=order][data-action=checkout] #main label.error{display:block;font-size:85%;background:#fee9cc;border:1px solid red;border-top:none;padding:2px;margin-bottom:.2em}body[data-controller=order][data-action=checkout] #main label.error:before{content:"▲ "}body[data-controller=order][data-action=checkout] #main form{margin:0}body[data-controller=order][data-action=checkout] #main label{margin:0}body[data-controller=order][data-action=checkout] #main .form-control{position:relative;padding-bottom:.5em}body[data-controller=order][data-action=checkout] #main input[readonly]{border:none;background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;cursor:default}body[data-controller=order][data-action=checkout] #main .required{color:red}body[data-controller=order][data-action=checkout] #main .radio-boxes{padding-bottom:10px}body[data-controller=order][data-action=checkout] #main .radio-boxes label{cursor:pointer}body[data-controller=order][data-action=checkout] #main #type-selector a{float:right;margin-top:2px;text-decoration:underline}body[data-controller=order][data-action=checkout] #main #date-of-birth.optional .required{display:none}body[data-controller=order][data-action=checkout] #main input[type=text],body[data-controller=order][data-action=checkout] #main input[type=password],body[data-controller=order][data-action=checkout] #main select{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:2px;height:26px}body[data-controller=order][data-action=checkout] #main textarea{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-height:20em;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;height:10em;resize:vertical}body[data-controller=order][data-action=checkout] #main #shipping-addresses .address{margin-bottom:1em}body[data-controller=order][data-action=checkout] #main #shipping-addresses .address .data,body[data-controller=order][data-action=checkout] #main #shipping-addresses .address input{margin:0;display:inline-block;vertical-align:top;cursor:pointer}body[data-controller=order][data-action=checkout] #main #shipping-addresses .address .data{width:90%}body[data-controller=order][data-action=checkout] #main #shipping-addresses .address .id{display:none}body[data-controller=order][data-action=checkout] #main #shipping-addresses .address .data{margin-top:-3px}body[data-controller=order][data-action=checkout] #main #payment-methods .payment-method{margin-bottom:1em;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;position:relative}body[data-controller=order][data-action=checkout] #main #payment-methods .payment-method .radio{display:block;padding:.5em 1em;line-height:28px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#e6e6e6;background-color:#f0f0f0;background-image:-moz-linear-gradient(top,#e6e6e6,#fff);background-image:-ms-linear-gradient(top,#e6e6e6,#fff);background-image:-webkit-gradient(linear,0 0,0 100%,from(#e6e6e6),to(#fff));background-image:-webkit-linear-gradient(top,#e6e6e6,#fff);background-image:-o-linear-gradient(top,#e6e6e6,#fff);background-image:linear-gradient(top,#e6e6e6,#fff);background-repeat:repeat-x}body[data-controller=order][data-action=checkout] #main #payment-methods .payment-method .radio:hover{background-color:#fff;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-ms-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(top,#fff,#e6e6e6);background-repeat:repeat-x}body[data-controller=order][data-action=checkout] #main #payment-methods .payment-method .radio input{margin:0;height:28px}body[data-controller=order][data-action=checkout] #main #payment-methods .payment-method .radio span{padding-left:1em}body[data-controller=order][data-action=checkout] #main #payment-methods .payment-method .radio img{float:right}body[data-controller=order][data-action=checkout] #main #payment-methods .payment-method .body{display:none;padding:1em;border-top:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}body[data-controller=order][data-action=checkout] #main #payment-methods .payment-method .body .form-control{margin:0;padding-bottom:.25em}body[data-controller=order][data-action=checkout] #main #payment-methods .payment-method .body p,body[data-controller=order][data-action=checkout] #main #payment-methods .payment-method .body p strong{font-size:90%;line-height:120%;padding:0;padding-bottom:1em}body[data-controller=order][data-action=checkout] #main #payment-methods .payment-method .body div+p{padding-top:1em}body[data-controller=order][data-action=checkout] #main #payment-methods .payment-method b.info{color:#9d261d}body[data-controller=order][data-action=checkout] #main #payment-methods .payment-method.selected .radio{background-color:#e6e6e6;background-color:#f0f0f0;background-image:-moz-linear-gradient(top,#e6e6e6,#fff);background-image:-ms-linear-gradient(top,#e6e6e6,#fff);background-image:-webkit-gradient(linear,0 0,0 100%,from(#e6e6e6),to(#fff));background-image:-webkit-linear-gradient(top,#e6e6e6,#fff);background-image:-o-linear-gradient(top,#e6e6e6,#fff);background-image:linear-gradient(top,#e6e6e6,#fff);background-repeat:repeat-x;cursor:default}body[data-controller=order][data-action=checkout] #main #payment-methods .payment-method.selected .body{display:block}body[data-controller=order][data-action=checkout] #main #payment-methods .payment-method-2 .body{padding-top:1em}body[data-controller=order][data-action=checkout] #main .sepa-wrapper .form{display:none}body[data-controller=order][data-action=checkout] #main .sepa-wrapper.editable .details{display:none}body[data-controller=order][data-action=checkout] #main .sepa-wrapper.editable .form{display:block}body[data-controller=order][data-action=checkout] #main label[for=gtc].error,body[data-controller=order][data-action=checkout] #main label[for=paymentMethod].error,body[data-controller=order][data-action=checkout] #main label[for=shippingMethod].error{border-top:1px solid red;margin-top:1em;margin-bottom:.5em}body[data-controller=order][data-action=checkout] #main small{margin-top:-15px;color:#666;font-size:85%;margin-bottom:15px}body[data-controller=order][data-action=checkout] #main p{margin:0;padding-top:1em}body[data-controller=order][data-action=checkout] #main #register-checkbox{display:block;margin:1em 0}body[data-controller=order][data-action=checkout] #main #login-pane p{padding:0;font-size:80%;margin:0;margin-top:.5em}body[data-controller=order][data-action=checkout] #main b.warning{color:#dc4e44}body[data-controller=order][data-action=checkout] #main input[name=gtc]{position:absolute;top:0;left:18px}body[data-controller=order][data-action=checkout] #main #gtc-wrapper{margin-bottom:1em}body[data-controller=order][data-action=checkout] #main #cart header{padding:5px}body[data-controller=order][data-action=checkout] #main #cart header div{display:inline-block;vertical-align:middle}body[data-controller=order][data-action=checkout] #main #cart header .icon{margin-top:-5px;background-position:-543px -62px}body[data-controller=order][data-action=checkout] #main #cart .items{width:100%;margin-bottom:5px}body[data-controller=order][data-action=checkout] #main #cart td,body[data-controller=order][data-action=checkout] #main #cart th{text-align:center;vertical-align:middle;font-size:85%;line-height:110%}body[data-controller=order][data-action=checkout] #main #cart td{background:#fff;border-top:3px solid #fff}body[data-controller=order][data-action=checkout] #main #cart .save-button td{padding:0}body[data-controller=order][data-action=checkout] #main #cart td>div,body[data-controller=order][data-action=checkout] #main #cart th>div{padding:3px}body[data-controller=order][data-action=checkout] #main #cart .save-item td>div{padding-top:0;padding-bottom:0}body[data-controller=order][data-action=checkout] #main #cart .save-item td>div .alternative-item{position:relative;top:-3px;width:100%;padding-left:0;padding-right:0;font-size:100%}body[data-controller=order][data-action=checkout] #main #cart .save-item td>div .alternative-item strong{font-size:100%}body[data-controller=order][data-action=checkout] #main #cart .image-column{width:40px;text-align:center}body[data-controller=order][data-action=checkout] #main #cart .image-column img{display:block;margin:auto;width:100%}body[data-controller=order][data-action=checkout] #main #cart .description-column{text-align:left}body[data-controller=order][data-action=checkout] #main #cart .description-column a{color:#000;text-decoration:none}body[data-controller=order][data-action=checkout] #main #cart .description-column span{display:block}body[data-controller=order][data-action=checkout] #main #cart .description-column span.nowrap{display:inline;white-space:nowrap}body[data-controller=order][data-action=checkout] #main #cart .description-column b b{color:#9d261d;font-style:italic;white-space:nowrap}body[data-controller=order][data-action=checkout] #main #cart .description-column .capacity{color:#46a546;font-size:85%;line-height:110%}body[data-controller=order][data-action=checkout] #main #cart .count-column{text-align:center}body[data-controller=order][data-action=checkout] #main #cart .count-column .count-wrapper{margin:auto;width:30px;top:4px;left:4px}body[data-controller=order][data-action=checkout] #main #cart .count-column .count-wrapper input{width:30px;padding:0;margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;text-align:center;border:1px solid #888;font-size:11.05px;line-height:15.3px;height:auto}body[data-controller=order][data-action=checkout] #main #cart .count-column .count-wrapper input:focus{text-align:right;background:#ffe9a6}body[data-controller=order][data-action=checkout] #main #cart .count-column .count-wrapper .dec,body[data-controller=order][data-action=checkout] #main #cart .count-column .count-wrapper .inc{border:1px solid #888;margin-top:2px;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none}body[data-controller=order][data-action=checkout] #main #cart .count-column .count-wrapper .dec{float:left;cursor:pointer}body[data-controller=order][data-action=checkout] #main #cart .count-column .count-wrapper .dec:hover{border-color:#000;background-color:#e4776f}body[data-controller=order][data-action=checkout] #main #cart .count-column .count-wrapper .inc{float:right;cursor:pointer}body[data-controller=order][data-action=checkout] #main #cart .count-column .count-wrapper .inc:hover{border-color:#000;background-color:#a9dba9}body[data-controller=order][data-action=checkout] #main #cart .total-price-column{text-align:right;white-space:nowrap;width:60px}body[data-controller=order][data-action=checkout] #main #cart .total-price-column>div{position:relative}body[data-controller=order][data-action=checkout] #main #cart .total-price-column .remove{position:absolute;cursor:pointer;padding:0;top:0;right:2px}body[data-controller=order][data-action=checkout] #main #cart .locked .dec,body[data-controller=order][data-action=checkout] #main #cart .locked .inc,body[data-controller=order][data-action=checkout] #main #cart .locked .remove{display:none}body[data-controller=order][data-action=checkout] #main #cart .locked .count[disabled]{border-image:none;border:none;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;cursor:inherit}body[data-controller=order][data-action=checkout] #main #cart .locked td{background:#feeed6}body[data-controller=order][data-action=checkout] #main #cart .totals{background-color:#fff;text-align:right}body[data-controller=order][data-action=checkout] #main #cart .totals .labels{font-weight:700}body[data-controller=order][data-action=checkout] #main #cart .totals span{display:block;text-align:right;white-space:nowrap}body[data-controller=order][data-action=checkout] #main #cart .totals strong{font-size:100%}body[data-controller=order][data-action=checkout] #main #voucher-wrapper td{text-align:left}body[data-controller=order][data-action=checkout] #main #voucher-wrapper label{display:block}body[data-controller=order][data-action=checkout] #main #voucher-wrapper button,body[data-controller=order][data-action=checkout] #main #voucher-wrapper input{display:inline-block;vertical-align:middle}body[data-controller=order][data-action=checkout] #main #voucher-wrapper input{width:68%}body[data-controller=order][data-action=checkout] #main #voucher-wrapper button{width:30%}body[data-controller=order][data-action=checkout] #main #voucher-wrapper label.error{border-top:1px solid red;margin-top:1em;margin-bottom:.5em;font-size:11.05px}body[data-controller=order][data-action=checkout] #main ul{margin-left:40px}body[data-controller=order][data-action=checkout] #main #continue-shopping{display:block}body[data-controller=order][data-action=checkout] #main #place-order{display:block;margin-bottom:1em;width:100%;padding-top:1em;padding-bottom:1em;font-size:150%}body[data-controller=order][data-action=checkout] #main #vat-id-label,body[data-controller=order][data-action=checkout] #main #vat-id-pattern{display:inline}body[data-controller=order][data-action=checkout] #main #vat-id-pattern span{font-weight:700;color:#3a9dc2;font-family:monospace;font-size:13px;line-height:18px}body[data-controller=register][data-action=index] #main form{margin-top:15px;margin-bottom:65px}body[data-controller=register][data-action=index] #main .checkbox{cursor:pointer}body[data-controller=register][data-action=index] #main .required{display:inline-block;margin-left:-2px;width:8px}body[data-controller=register][data-action=index] #main .radio-boxes{padding-bottom:10px}body[data-controller=register][data-action=index] #main .radio-boxes label{cursor:pointer}body[data-controller=register][data-action=index] #main .controls{margin-left:190px}body[data-controller=register][data-action=index] #main .control-label{text-align:left;padding-top:2px}body[data-controller=register][data-action=index] #main input[type=text],body[data-controller=register][data-action=index] #main input[type=password]{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding:2px}body[data-controller=register][data-action=index] #main select{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}body[data-controller=register][data-action=index] #main .input-xlarge{width:315px}body[data-controller=register][data-action=index] #main .input-small{width:75px}body[data-controller=register][data-action=index] #main .input-medium{width:220px}body[data-controller=register][data-action=index] #main .control-group{margin-bottom:7px}body[data-controller=register][data-action=index] #main small{color:#666}body[data-controller=register][data-action=index] #main form p{font-size:80%;margin:2em 1em 2em 0;text-align:justify}body[data-controller=register][data-action=index] #main .form-pane.info{margin-top:15px;border:1px solid #46a546;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}body[data-controller=register][data-action=index] #main .form-pane.info .content{background-color:#dceacd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#46a546}body[data-controller=register][data-action=index] #main .form-pane.info .content h3{color:#46a546;margin-bottom:.5em}body[data-controller=register][data-action=index] #main .form-pane.info .content p{margin:0;text-align:justify}body[data-controller=register][data-action=success] #main .span12>div{padding:50px}body[data-controller=register][data-action=success] #main .icon-register{margin:auto}body[data-controller=register][data-action=success] #main strong{font-size:120%}body[data-controller=register][data-action=success] #main p{text-align:center;margin-top:1.5em}body[data-controller=account][data-action=index] #main .ribbon h1{color:#fff;font-size:29.9px;line-height:81px}body[data-controller=account][data-action=index] #main .pane{position:relative;background:#fff;border:1px solid #eee;margin:0;margin-bottom:20px;padding:20px}body[data-controller=account][data-action=index] #main h3{margin-top:20px;margin-bottom:10px;margin-left:20px;color:#666}body[data-controller=account][data-action=index] #main .well{padding:0}body[data-controller=account][data-action=index] #main form{margin-bottom:0}body[data-controller=account][data-action=index] #main form .alert-success{position:absolute;top:-8px;font-style:italic;display:none}body[data-controller=account][data-action=index] #main form .control-group{margin-bottom:7px}body[data-controller=account][data-action=index] #main form .control-label{padding-top:2px;color:#666}body[data-controller=account][data-action=index] #main form input[type=text],body[data-controller=account][data-action=index] #main form input[type=password]{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding:2px}body[data-controller=account][data-action=index] #main form input[type=text][readonly],body[data-controller=account][data-action=index] #main form input[type=password][readonly]{border:none;background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;cursor:default}body[data-controller=account][data-action=index] #main form input[type=submit]{width:200px}body[data-controller=account][data-action=index] #main form select{width:auto;max-width:200px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding:0;line-height:18px;height:auto}body[data-controller=account][data-action=index] #main form .input-xlarge{width:260px}body[data-controller=account][data-action=index] #main form .input-small{width:70px}body[data-controller=account][data-action=index] #main form .input-medium{width:180px}body[data-controller=account][data-action=index] #main form input[name=dateOfBirth]{position:relative;z-index:10;width:120px}body[data-controller=account][data-action=index] #main form .help-block{display:inline;margin-left:2px;font-style:italic;font-size:85%}body[data-controller=account][data-action=index] #main #merchant-prices div{display:inline-block;vertical-align:middle;margin-right:8px}body[data-controller=account][data-action=index] #main #account-details .customer-id{line-height:32px}body[data-controller=account][data-action=index] #main #account-details .nav{margin-bottom:0}body[data-controller=account][data-action=index] #main #account-details .nav-tabs a{position:relative;top:2px;border:1px solid #666;border-bottom:none;background:#666;color:#fff}body[data-controller=account][data-action=index] #main #account-details .nav-tabs a:hover{top:1px;background:#888;border-color:#888}body[data-controller=account][data-action=index] #main #account-details .nav-tabs>.active>a,body[data-controller=account][data-action=index] #main #account-details .nav-tabs>.active>a:hover{top:0;background:#fff;color:#666;border-color:#eee}body[data-controller=account][data-action=index] #main #account-details .tab-pane{position:relative;background:#fff;border:1px solid #eee;margin:0;margin-bottom:20px;padding:20px;border-top:none}body[data-controller=account][data-action=index] #main #account-details .wrapper{padding:19px;padding-left:0}body[data-controller=account][data-action=index] #main #account-details .wrapper p{text-align:center;margin-left:19px;margin-bottom:20px;color:#666;font-weight:700}body[data-controller=account][data-action=index] #main #account-details #tab-address .wrapper .control-group,body[data-controller=account][data-action=index] #main #account-details #tab-change-password .wrapper .control-group,body[data-controller=account][data-action=index] #main #account-details #tab-delete-account .wrapper .control-group{margin-left:200px}body[data-controller=account][data-action=index] #main #account-details #tab-bank-account .wrapper .control-group{margin-left:160px}body[data-controller=account][data-action=index] #main #account-details #tab-delete-account b{color:#9d261d}body[data-controller=account][data-action=index] #main #account-details #tab-delete-account input[type=submit]{display:block;margin-left:360px}body[data-controller=account][data-action=index] #main #imported-order-search{position:relative;margin-top:20px}body[data-controller=account][data-action=index] #main #imported-order-search button{margin-bottom:9px}body[data-controller=account][data-action=index] #main #imported-orders table.orders{border:2px solid #3a9dc2;width:100%;color:#333;table-layout:fixed}body[data-controller=account][data-action=index] #main #imported-orders table.orders td,body[data-controller=account][data-action=index] #main #imported-orders table.orders th{padding:8px;border:1px solid #3a9dc2;vertical-align:middle}body[data-controller=account][data-action=index] #main #imported-orders table.orders th{background:#d6ebf2;border-bottom:2px solid #3a9dc2}body[data-controller=account][data-action=index] #main #imported-orders table.orders .odd{background:#fef4e5}body[data-controller=account][data-action=index] #main #imported-orders table.orders .id{text-align:center;padding:0;padding-right:8px}body[data-controller=account][data-action=index] #main #imported-orders table.orders .xlid{text-align:center}body[data-controller=account][data-action=index] #main #order-history .pager .legend span{line-height:30px;font-size:15.6px;color:#2f7d9a}body[data-controller=account][data-action=index] #main #order-history .pager a.disabled{visibility:hidden}body[data-controller=account][data-action=index] #main #order-history table.orders{border:2px solid #3a9dc2;width:100%;color:#333;table-layout:fixed}body[data-controller=account][data-action=index] #main #order-history table.orders td,body[data-controller=account][data-action=index] #main #order-history table.orders th{padding:8px;border:1px solid #3a9dc2;vertical-align:middle}body[data-controller=account][data-action=index] #main #order-history table.orders th{background:#d6ebf2;border-bottom:2px solid #3a9dc2}body[data-controller=account][data-action=index] #main #order-history table.orders .details td{padding:0}body[data-controller=account][data-action=index] #main #order-history table.orders .details td .wrapper{padding:8px;display:none}body[data-controller=account][data-action=index] #main #order-history table.orders .odd{background:#fef4e5}body[data-controller=account][data-action=index] #main #order-history table.orders .id{text-align:right;width:70px;padding:0;padding-right:8px}body[data-controller=account][data-action=index] #main #order-history table.orders .date{text-align:center}body[data-controller=account][data-action=index] #main #order-history table.orders .total-price{text-align:right}body[data-controller=account][data-action=index] #main #order-history table.orders .payment-method{text-align:center;width:350px}body[data-controller=account][data-action=index] #main #order-history table.orders .show-details{text-align:center;height:25px;width:130px;white-space:nowrap}body[data-controller=account][data-action=index] #main #order-history table.orders .show-details span{display:inline-block;vertical-align:middle}body[data-controller=account][data-action=index] #main #order-history table.orders .show-details .legend{border-bottom:1px solid transparent}body[data-controller=account][data-action=index] #main #order-history table.orders .show-details .legend:hover{border-color:#000;cursor:pointer}body[data-controller=account][data-action=index] #main #order-history table.orders .caret-up{border-bottom:4px solid #000}body[data-controller=account][data-action=index] #main #order-history table.orders .show{display:block}body[data-controller=account][data-action=index] #main #order-history table.orders .hide{display:none}body[data-controller=account][data-action=index] #main #order-history table.orders .expanded .show{display:none}body[data-controller=account][data-action=index] #main #order-history table.orders .expanded .hide{display:block}body[data-controller=account][data-action=index] #main #order-history table.orders .payment-link{width:100px;max-width:100px;text-align:center;vertical-align:middle;padding:0}body[data-controller=account][data-action=index] #main #order-history table.orders .payment-link .icon{cursor:pointer;margin:auto}body[data-controller=account][data-action=index] #main #order-history table.orders .payment-link .icon.payment-cleared{cursor:default}body[data-controller=account][data-action=index] #main #order-history table.orders .details{font-size:11.7px;line-height:16.2px}body[data-controller=account][data-action=index] #main #order-history table.orders .details .wrapper{width:898px}body[data-controller=account][data-action=index] #main #order-history table.orders .details h4{background:#dff1df;padding:6px;text-align:center;font-size:100%;line-height:100%;margin:5px 0}body[data-controller=account][data-action=index] #main #order-history table.orders .details .shipping-address{width:49.7%;float:left;text-align:center}body[data-controller=account][data-action=index] #main #order-history table.orders .details .shipping-info{width:49.7%;float:right;text-align:center}body[data-controller=account][data-action=index] #main #order-history table.orders .details .items{clear:both;padding-top:4px}body[data-controller=account][data-action=index] #main #order-history table.orders .details .items table.positions{width:99%;border:none;text-align:center;vertical-align:middle}body[data-controller=account][data-action=index] #main #order-history table.orders .details .items table.positions td,body[data-controller=account][data-action=index] #main #order-history table.orders .details .items table.positions th{border:none;padding:0}body[data-controller=account][data-action=index] #main #order-history table.orders .details .items table.positions th{background:0 0;padding:6px 0}body[data-controller=account][data-action=index] #main #order-history table.orders .details .items table.positions td{padding-bottom:2px}body[data-controller=account][data-action=index] #main #order-history table.orders .details .items table.positions .price{text-align:right}body[data-controller=account][data-action=index] #main #order-history table.orders .details .items table.positions .totals{border-top:1px solid #cdeacd}body[data-controller=account][data-action=index] #main #order-history table.orders .details .items table.positions .totals td{padding-top:4px}body[data-controller=account][data-action=index] #main #customer-shipping-addresses .wrapper{padding:19px;padding-left:0}body[data-controller=account][data-action=index] #main #customer-shipping-addresses .wrapper p{text-align:center;margin-left:19px;margin-bottom:20px;color:#666;font-weight:700}body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address{border:2px solid #3a9dc2;width:100%;color:#333;table-layout:fixed}body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address td,body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address th{padding:8px;border:1px solid #3a9dc2;vertical-align:middle}body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address th{background:#d6ebf2;border-bottom:2px solid #3a9dc2}body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address .details td{padding:0}body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address .details td .wrapper{padding:8px;display:none}body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address .odd{background:#fef4e5}body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address .id{text-align:right;width:20px;padding:0;padding-right:8px}body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address .city,body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address .country,body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address .line1,body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address .line2,body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address .name,body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address .postcode{text-align:center}body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address .newEntry{text-align:center;font-weight:700}body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address .show-details{text-align:center;height:25px;width:130px;white-space:nowrap}body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address .show-details span{display:inline-block;vertical-align:middle}body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address .show-details .legend{border-bottom:1px solid transparent}body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address .show-details .legend:hover{border-color:#000;cursor:pointer}body[data-controller=account][data-action=index] #main #customer-printers #printer-dropdowns{position:relative;margin-top:20px}body[data-controller=account][data-action=index] #main #customer-printers #printer-dropdowns:after,body[data-controller=account][data-action=index] #main #customer-printers #printer-dropdowns:before{display:table;content:""}body[data-controller=account][data-action=index] #main #customer-printers #printer-dropdowns:after{clear:both}body[data-controller=account][data-action=index] #main #customer-printers #printer-dropdowns label{line-height:24px}body[data-controller=account][data-action=index] #main #customer-printers #printer-dropdowns select{width:250px;margin-right:10px;margin-top:9px;display:inline-block;vertical-align:middle}body[data-controller=account][data-action=index] #main #customer-printers #printer-dropdowns>div{position:absolute;right:0;top:0}body[data-controller=account][data-action=index] #main #customer-printers #printer-dropdowns .chzn-container-single,body[data-controller=account][data-action=index] #main #customer-printers #printer-dropdowns button{display:inline-block;vertical-align:middle}body[data-controller=account][data-action=index] #main #customer-printers #printer-dropdowns .chzn-container-single{margin-right:10px}body[data-controller=account][data-action=index] #main #customer-printers #printer-dropdowns .chzn-container-single .chzn-single{background:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#666;font-weight:400}body[data-controller=account][data-action=index] #main #customer-printers #printer-dropdowns .chzn-container-single .chzn-single>div{padding:1px;height:21px;width:21px}body[data-controller=account][data-action=index] #main #customer-printers #printer-dropdowns .chzn-container-single .chzn-single>div>b{background-color:#666;margin:auto;background-position:2px -1px}body[data-controller=account][data-action=index] #main #customer-printers #printer-dropdowns .chzn-container-single .chzn-single-with-drop>div>b{background-position:-16px -1px}body[data-controller=account][data-action=index] #main #customer-printers #printer-dropdowns .chzn-drop,body[data-controller=account][data-action=index] #main #customer-printers #printer-dropdowns .chzn-search input,body[data-controller=account][data-action=index] #main #customer-printers #printer-dropdowns .chzn-single{color:#666;border-color:#666}body[data-controller=account][data-action=index] #main #customer-printers #printer-list{width:100%;margin-top:20px;border-collapse:collapse}body[data-controller=account][data-action=index] #main #customer-printers #printer-list tr{background:#e9f4f8}body[data-controller=account][data-action=index] #main #customer-printers #printer-list tr:hover{background:#c2e1ed;cursor:pointer}body[data-controller=account][data-action=index] #main #customer-printers #printer-list tr:hover .name a{color:#000}body[data-controller=account][data-action=index] #main #customer-printers #printer-list tr.odd{background:#f1f9f1}body[data-controller=account][data-action=index] #main #customer-printers #printer-list tr.odd:hover{background:#cdeacd}body[data-controller=account][data-action=index] #main #customer-printers #printer-list td{text-align:center;vertical-align:middle;white-space:nowrap;padding:0;margin:0;border-bottom:5px solid #fff}body[data-controller=account][data-action=index] #main #customer-printers #printer-list td>div{padding:7px 12px}body[data-controller=account][data-action=index] #main #customer-printers #printer-list .name{width:100%;text-align:left;font-size:120%;font-weight:700}body[data-controller=account][data-action=index] #main #customer-printers #printer-list .name a{display:block;color:#666;text-decoration:none}body[data-controller=account][data-action=index] #main #customer-printers #printer-list .remove{color:#666;cursor:pointer}body[data-controller=account][data-action=index] #main #customer-printers #printer-list .remove>div{padding-left:0}body[data-controller=account][data-action=index] #main #customer-printers #printer-list .remove:hover{text-decoration:underline;color:#9d261d}body[data-controller=account][data-action=index] #main #customer-printers #printer-list .hover-remove{background-color:#f4c8c5!important}body[data-controller=printer][data-action=index] #main ol{margin:0;margin-left:25px}body[data-controller=printer][data-action=index] #main .pane{margin-top:10px}body[data-controller=printer][data-action=index] #main .pane header{-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;background-color:#4e9fbe;background-image:-moz-linear-gradient(top,#358dae,#74bbd5);background-image:-ms-linear-gradient(top,#358dae,#74bbd5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#358dae),to(#74bbd5));background-image:-webkit-linear-gradient(top,#358dae,#74bbd5);background-image:-o-linear-gradient(top,#358dae,#74bbd5);background-image:linear-gradient(top,#358dae,#74bbd5);background-repeat:repeat-x;padding:8px 15px}body[data-controller=printer][data-action=index] #main .pane header h3{font-size:14.3px;line-height:19.8px;color:#fff}body[data-controller=printer][data-action=index] #main .pane .content{padding:20px;padding-top:15px;background:#fff;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;border:1px solid #60b1cf;border-top:none}body[data-controller=printer][data-action=index] #main #nav-printer a{display:block}body[data-controller=printer][data-action=index] #main #nav-printer li{color:#3579ae;list-style-type:circle}body[data-controller=printer][data-action=index] #main #nav-printer li.selected{list-style-type:disc;font-weight:700;margin-left:8px;color:#666}body[data-controller=printer][data-action=index] #main #nav-printer li.selected a{color:#666}body[data-controller=printer][data-action=index] #main #nav-printer li.all-vendors{padding-top:1em;font-style:italic}body[data-controller=printer][data-action=index] #main #content-printer h4{color:#666}body[data-controller=printer][data-action=index] #main #content-printer ol{display:block;position:relative;margin-left:1em;margin-bottom:1em}body[data-controller=printer][data-action=index] #main #content-printer ol li{list-style-type:none;display:inline-block;width:32%}body[data-controller=payment][data-action=index] #invalid-customer,body[data-controller=payment][data-action=index] #login-required{text-align:center;padding:50px;margin:0;font-size:150%;line-height:150%}body[data-controller=payment][data-action=index] #login-required{background:#fff;border-color:#3a9dc2;color:#3a9dc2}body[data-controller=payment][data-action=index] #order-cleared{margin:50px auto 70px}body[data-controller=payment][data-action=index] #order-cleared .icon{margin:auto;margin-bottom:1em}body[data-controller=payment][data-action=index] #order-cleared p{text-align:center;color:#2f7d9a;font-size:200%}body[data-controller=payment][data-action=index] #payment-pane{background-color:#ffe2c8;border:2px solid red;width:500px;margin:20px auto;text-align:center}body[data-controller=payment][data-action=index] #payment-pane form{margin:0}body[data-controller=payment][data-action=callback] #main .alert{margin-top:20px;padding-top:30px;padding-bottom:30px;text-align:center;font-weight:700;font-size:120%}body[data-controller=valuepacks][data-action=index] .hero-unit{width:1000px;height:370px;background:transparent url(/webshop/img/desktop/valuepacks-hero.jpg);padding:0;margin-bottom:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}body[data-controller=valuepacks][data-action=index] .vendor-links p{color:#3a9dc2}body[data-controller=valuepacks][data-action=index] .vendor-links ul{height:110px;background:#fff;border:1px solid #d2e9f1;margin:0}body[data-controller=valuepacks][data-action=index] .vendor-links ul li{float:left;list-style-type:none;position:relative;display:block}body[data-controller=valuepacks][data-action=index] .vendor-links ul li a{background:#fff url(/webshop/img/desktop/top-vendors-new.png) no-repeat 0 0;position:relative;display:block;width:155px;height:55px;line-height:0;font-size:0;color:transparent}body[data-controller=valuepacks][data-action=index] .vendor-links ul li a.brother{background-position:4px 0}body[data-controller=valuepacks][data-action=index] .vendor-links ul li a.canon{background-position:-160px 0}body[data-controller=valuepacks][data-action=index] .vendor-links ul li a.hp{background-position:-320px 0}body[data-controller=valuepacks][data-action=index] .vendor-links ul li a.epson{background-position:-484px 0}body[data-controller=valuepacks][data-action=index] .vendor-links ul li a.samsung{background-position:-646px 0}body[data-controller=valuepacks][data-action=index] .vendor-links ul li a.oki{background-position:-814px 0}body[data-controller=valuepacks][data-action=index] .vendor-links ul li a.kyocera{background-position:0 -55px}body[data-controller=valuepacks][data-action=index] .vendor-links ul li a.dell{background-position:-160px -55px}body[data-controller=valuepacks][data-action=index] .vendor-links ul li a.xeros{background-position:-320px -55px}body[data-controller=valuepacks][data-action=index] .vendor-links ul li a.lexmark{background-position:-480px -55px}body[data-controller=valuepacks][data-action=index] .vendor-links ul li a.konica{background-position:-640px -55px}body[data-controller=valuepacks][data-action=index] .vendor-links ul li a.apple{background-position:-800px -110px}body[data-controller=valuepacks][data-action=index] .vendor-links ul li a.ibm{background-position:0 -110px}body[data-controller=valuepacks][data-action=index] .vendor-links ul li a.olivetti{background-position:-160px -110px}body[data-controller=valuepacks][data-action=index] .vendor-links ul li a.panasonic{background-position:-320px -110px}body[data-controller=valuepacks][data-action=index] .vendor-links ul li a.philips{background-position:-480px -110px}body[data-controller=valuepacks][data-action=index] .vendor-links ul li a.sharp{background-position:-640px -110px}body[data-controller=valuepacks][data-action=index] .vendor-links ul li a.sagem{background-position:-800px -110px}body[data-controller=valuepacks][data-action=results] #main #valuepacks-header p,body[data-controller=valuepacks][data-action=results] #main #valuepacks-header strong{font-size:100%}body[data-controller=valuepacks][data-action=results] #main #valuepacks-header strong{color:#9d261d}body[data-controller=valuepacks][data-action=results] #main #valuepack-items{width:100%;margin-top:10px;border-top:1px solid #d6ebf2;vertical-align:middle;background-color:#fff}body[data-controller=valuepacks][data-action=results] #main #valuepack-items tr{border-bottom:1px solid #d6ebf2}body[data-controller=valuepacks][data-action=results] #main #valuepack-items tr:hover{cursor:pointer;background-color:#ddf2f5;background-image:-webkit-gradient(linear,0 0,0 100%,from(#f9fdfd),color-stop(60%,#d6eff2),to(#f9fdfd));background-image:-webkit-linear-gradient(#f9fdfd,#d6eff2 60%,#f9fdfd);background-image:-moz-linear-gradient(top,#f9fdfd,#d6eff2 60%,#f9fdfd);background-image:-ms-linear-gradient(#f9fdfd,#d6eff2 60%,#f9fdfd);background-image:-o-linear-gradient(#f9fdfd,#d6eff2 60%,#f9fdfd);background-image:linear-gradient(#f9fdfd,#d6eff2 60%,#f9fdfd);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fdfd', endColorstr='#f9fdfd', GradientType=0)}body[data-controller=valuepacks][data-action=results] #main #valuepack-items td{padding:10px}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .image{width:80px}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .image>div{position:relative}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .image>div .double-pack-overlay{color:#fff;text-align:center;background:#f89406;margin:auto;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;line-height:22px;font-size:16px;width:35px;margin-top:5px}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .image>div .five-pack-overlay{color:#fff;text-align:center;background:#f89406;margin:auto;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;line-height:22px;font-size:16px;width:35px;margin-top:5px;background:#c3325f}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .image>div .ten-pack-overlay{color:#fff;text-align:center;background:#f89406;margin:auto;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;line-height:22px;font-size:16px;width:35px;margin-top:5px;background:red}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .image>div img{display:block;margin:auto}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .short-desc{font-weight:700;width:200px;padding-right:0}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .short-desc>span{display:block}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .short-desc .name{font-size:120%}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .short-desc .special{color:#9d261d}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .short-desc .color-boxes span{border:none;margin-right:3px}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .long-desc{font-size:90%}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .long-desc>span{display:block}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .long-desc .name{font-weight:700}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .long-desc .bio{color:#46a546}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .long-desc .merchant-only{color:#3a9dc2}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .long-desc .capacity{font-weight:700;color:#46a546}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .long-desc .special-note{font-weight:700;color:#ce406c}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .long-desc .link-wrapper{padding-top:1em}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .long-desc .link-wrapper a{text-decoration:underline}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper{width:330px}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .wrapper{background-color:transparent;width:48%;float:left}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .wrapper:first-child{margin-right:4%}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .price{margin-top:8px;margin-bottom:8px}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .price:after,body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .price:before{display:table;content:""}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .price:after{clear:both}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .price a{color:#000;text-decoration:underline}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .price .base-gross-price{float:right}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .price .gross-price,body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .price .net-price{float:right;font-size:31.2px;line-height:31.2px;font-weight:400}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .price .gross-price.discount,body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .price .net-price.discount{color:red}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .price small.discount-footnote{float:right;line-height:18px;font-style:italic;font-size:80%;line-height:80%;margin-top:3px}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .price .original-price{float:right;clear:right;font-size:15.6px}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .price .stock-status{clear:both;font-size:13px;line-height:18px;margin-top:.5em}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .price .stock-status .light{height:18px;width:18px}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .price .shipping-note,body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .price .vat-note{display:block;line-height:15.6px}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .buy{padding-top:3px}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .buy:after,body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .buy:before{display:table;content:""}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .buy:after{clear:both}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .buy .wrapper>div{height:38px;position:relative;float:right;padding:0}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .buy .wrapper>div label{line-height:38px;padding-right:5px}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .buy .wrapper>div select{width:60px}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .buy .wrapper>div input{width:50px}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .buy .wrapper>div input,body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .buy .wrapper>div label,body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .buy .wrapper>div select{display:inline-block;vertical-align:middle;margin:0}body[data-controller=valuepacks][data-action=results] #main #valuepack-items .add-to-cart-wrapper .buy .btn-buy{width:100%}body[data-controller=valuepacks][data-action=results] #main #item-details-popover{display:none;position:absolute;top:0;left:0;left:-9999px;z-index:10000;padding-left:4px}body[data-controller=valuepacks][data-action=results] #main #item-details-popover .popover-arrow{margin-right:-4px;z-index:100;width:0;height:0;border-left:none;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:12px solid #3a9dc2}body[data-controller=valuepacks][data-action=results] #main #item-details-popover .popover-inner{position:relative;width:330px;-webkit-box-shadow:5px 5px 5px 0 rgba(0,0,0,.03);-moz-box-shadow:5px 5px 5px 0 rgba(0,0,0,.03);box-shadow:5px 5px 5px 0 rgba(0,0,0,.03);border:1px solid #3a9dc2;background-color:#fff}body[data-controller=valuepacks][data-action=results] #main #item-details-popover .popover-inner .header{line-height:30px;padding-left:10px;background-color:#3a9dc2;background-color:#4e9fbe;background-image:-moz-linear-gradient(top,#358dae,#74bbd5);background-image:-ms-linear-gradient(top,#358dae,#74bbd5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#358dae),to(#74bbd5));background-image:-webkit-linear-gradient(top,#358dae,#74bbd5);background-image:-o-linear-gradient(top,#358dae,#74bbd5);background-image:linear-gradient(top,#358dae,#74bbd5);background-repeat:repeat-x;color:#fff;font-weight:700}body[data-controller=valuepacks][data-action=results] #main #item-details-popover .popover-inner .content{height:300px;padding:10px;color:#666;overflow-y:scroll}body[data-controller=valuepacks][data-action=results] #main #item-details-popover .popover-inner .content img{display:block;margin:auto;padding-bottom:10px}body[data-controller=valuepacks][data-action=results] #main #item-details-popover .popover-inner .content .printers h5{font-size:100%;line-height:120%;margin-top:.5em;padding-bottom:.2em;color:#333;border-bottom:1px solid #666}body[data-controller=valuepacks][data-action=results] #main #item-details-popover .popover-inner .content .printers a{color:#666;font-size:85%;line-height:85%;white-space:nowrap}body[data-controller=valuepacks][data-action=results] #main #item-details-popover .popover-arrow,body[data-controller=valuepacks][data-action=results] #main #item-details-popover .popover-inner{position:relative;display:inline-block;vertical-align:middle}body[data-controller=valuepacks][data-action=results] #main #item-details-popover.top{padding-bottom:12px}body[data-controller=valuepacks][data-action=results] #main #item-details-popover.top .popover-inner{display:block}body[data-controller=valuepacks][data-action=results] #main #item-details-popover.top .popover-arrow{position:absolute;display:block;bottom:0;left:159px;border-bottom:none;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #3a9dc2}body[data-controller=valuepacks][data-action=results] #main #item-details-popover.bottom{padding-top:12px}body[data-controller=valuepacks][data-action=results] #main #item-details-popover.bottom .popover-inner{display:block;border-top-color:#358dae}body[data-controller=valuepacks][data-action=results] #main #item-details-popover.bottom .popover-arrow{display:block;position:absolute;top:0;left:159px;border-top:none;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #358dae}body[data-controller=newsletter][data-action=index] .off-left{position:absolute!important;left:-9999px!important;width:900px!important}body[data-controller=newsletter][data-action=index] #breadcrumbs,body[data-controller=newsletter][data-action=index] #cart-status,body[data-controller=newsletter][data-action=index] #service-links{display:none}body[data-controller=newsletter][data-action=index] .ui-autocomplete.ui-menu{width:214px}body[data-controller=newsletter][data-action=index] .slim-container{width:760px}body[data-controller=newsletter][data-action=index] #newsletter-header{padding:0 120px;background-color:#fff;margin-top:-10px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.4);-moz-box-shadow:0 2px 4px rgba(0,0,0,.4);box-shadow:0 2px 4px rgba(0,0,0,.4)}body[data-controller=newsletter][data-action=index] #newsletter-search-caption{position:absolute;width:515px;height:38px;background-image:url(/webshop/img/desktop/newsletter-sprites.png);background-repeat:no-repeat;top:35px}body[data-controller=newsletter][data-action=index] #newsletter-frog{background-image:url(/webshop/img/desktop/newsletter-sprites.png);background-repeat:no-repeat;background-position:0 -69px;width:209px;height:177px;position:absolute;right:19px;top:-26px}body[data-controller=newsletter][data-action=index] #newsletter-search-wrapper{-webkit-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);-moz-box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);box-shadow:0 -1px 10px 0 rgba(0,0,0,.4),0 1px 10px 0 rgba(0,0,0,.4);background-color:#ef631b;background-color:#f1651e;background-image:-moz-linear-gradient(top,#f9702a,#e5550c);background-image:-ms-linear-gradient(top,#f9702a,#e5550c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f9702a),to(#e5550c));background-image:-webkit-linear-gradient(top,#f9702a,#e5550c);background-image:-o-linear-gradient(top,#f9702a,#e5550c);background-image:linear-gradient(top,#f9702a,#e5550c);background-repeat:repeat-x;border:1px solid #fff;padding:20px 0 17px 30px;margin-top:100px;margin-bottom:50px}body[data-controller=newsletter][data-action=index] #newsletter-search-wrapper>div{display:inline-block;vertical-align:top}body[data-controller=newsletter][data-action=index] #newsletter-search-wrapper form{margin:0}body[data-controller=newsletter][data-action=index] #newsletter-printer-dropdowns .chzn-single,body[data-controller=newsletter][data-action=index] #newsletter-search-wrapper button,body[data-controller=newsletter][data-action=index] #newsletter-search-wrapper input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:1px solid #888;height:30px;line-height:32px;font-size:16px;margin:0;padding:0;padding-left:5px}body[data-controller=newsletter][data-action=index] input#newsletter-text-search-input{width:180px}body[data-controller=newsletter][data-action=index] button#newsletter-text-search-submit{margin-left:-4px;border-left:none;text-indent:-9999px!important;height:32px;width:30px;padding:0}body[data-controller=newsletter][data-action=index] button#newsletter-text-search-submit span{display:block;width:8px;height:14px;margin-left:11px;background-image:url(/webshop/img/desktop/newsletter-sprites.png);background-repeat:no-repeat;background-position:-1px -37px}body[data-controller=newsletter][data-action=index] #newsletter-search-separator{height:32px;line-height:32px;font-weight:700;color:#fff;width:50px;text-align:center;text-transform:uppercase}body[data-controller=newsletter][data-action=index] #newsletter-printer-dropdowns select{width:210px}body[data-controller=newsletter][data-action=index] .chzn-drop{border-color:#888}body[data-controller=newsletter][data-action=index] .chzn-single>div{width:30px;border-left:1px solid #888}body[data-controller=newsletter][data-action=index] .chzn-single>div>b{background-image:url(/webshop/img/desktop/newsletter-sprites.png);background-repeat:no-repeat;background-position:0 -51px;width:14px;height:8px;margin-top:12px;margin-left:8px}body[data-controller=newsletter][data-action=index] .chzn-single-with-drop>div>b{background-position:0 -60px}body[data-controller=newsletter][data-action=index] #newsletter-voucher{position:relative;width:500px;height:350px;margin-top:30px;background-image:url(/webshop/img/desktop/newsletter-sprites.png);background-repeat:no-repeat;background-position:0 -460px;margin-bottom:100px;background-color:#fff}body[data-controller=newsletter][data-action=index] #newsletter-voucher span{position:absolute;left:33px;text-align:center;color:#000;font-weight:700}body[data-controller=newsletter][data-action=index] #newsletter-voucher #newsletter-voucher-code{top:140px;width:173px;height:53px;line-height:53px;font-size:24px;text-transform:uppercase}body[data-controller=newsletter][data-action=index] #newsletter-voucher #newsletter-voucher-valid-until{top:229px;width:174px;height:40px;line-height:40px;font-size:24px}body[data-controller=newsletter][data-action=index] #newsletter-free-shipping{float:right;margin-top:10px;background-image:url(/webshop/img/desktop/newsletter-sprites.png);background-repeat:no-repeat;background-position:0 -246px;width:247px;height:212px;margin-right:-18px}body[data-controller=newsletter][data-action=index] #newsletter-signup{margin-top:28px;padding:15px;float:right;clear:right;width:198px;height:97px;background:#fff;border:1px solid #aed8e8}body[data-controller=newsletter][data-action=index] #newsletter-signup legend{font-size:120%;font-weight:700;color:#3a9dc2;margin:0;margin-bottom:.3em;border:none;height:auto;line-height:18px}body[data-controller=newsletter][data-action=index] #newsletter-signup p{font-size:90%}body[data-controller=newsletter][data-action=index] #newsletter-signup .inputs *{display:inline-block;vertical-align:middle;margin:0}body[data-controller=newsletter][data-action=index] #newsletter-signup input[type=text]{width:160px;height:25px;line-height:25px;padding:0;padding-left:5px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-color:#aed8e8}body[data-controller=newsletter][data-action=index] #newsletter-signup button[type=submit]{margin-left:-4px;width:28px;height:27px;border-left:none;padding:0;border-color:#aed8e8;text-indent:-9999px!important;background-color:#96cde1;background-image:-moz-linear-gradient(top,#aed8e8,#72bbd7);background-image:-ms-linear-gradient(top,#aed8e8,#72bbd7);background-image:-webkit-gradient(linear,0 0,0 100%,from(#aed8e8),to(#72bbd7));background-image:-webkit-linear-gradient(top,#aed8e8,#72bbd7);background-image:-o-linear-gradient(top,#aed8e8,#72bbd7);background-image:linear-gradient(top,#aed8e8,#72bbd7);background-repeat:repeat-x;border-color:#72bbd7 #72bbd7 #389ec5;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}body[data-controller=newsletter][data-action=index] #newsletter-signup button[type=submit].active,body[data-controller=newsletter][data-action=index] #newsletter-signup button[type=submit].disabled,body[data-controller=newsletter][data-action=index] #newsletter-signup button[type=submit]:active,body[data-controller=newsletter][data-action=index] #newsletter-signup button[type=submit]:hover,body[data-controller=newsletter][data-action=index] #newsletter-signup button[type=submit][disabled]{background-color:#72bbd7}body[data-controller=newsletter][data-action=index] #newsletter-signup button[type=submit].active,body[data-controller=newsletter][data-action=index] #newsletter-signup button[type=submit]:active{background-color:#4ba8cc\9}body[data-controller=newsletter][data-action=index] #newsletter-signup button[type=submit] span{display:block;width:8px;height:14px;margin-left:10px;background-image:url(/webshop/img/desktop/newsletter-sprites.png);background-repeat:no-repeat;background-position:0 -37px}body[data-controller=newsletter][data-action=index] #newsletter-modal .modal-body p{margin-bottom:1.5em;font-weight:700}body[data-controller=newsletter][data-action=index] #newsletter-thankyou{margin-top:30px;font-size:200%;line-height:120%;color:#46a546;font-weight:700;text-align:center}#savingOptionsModal{width:800px;margin-left:-400px;overflow:hidden}#savingOptionsModal .modal-header{background-color:#e9f4f8;border-bottom:1px solid #60b1cf}#savingOptionsModal .modal-header h3{color:#000}#savingOptionsModal .modal-header .close{opacity:2.55;filter:alpha(opacity=255)}#savingOptionsModal .modal-body{overflow-y:auto;max-height:350px}#savingOptionsModal .modal-footer{border-top:1px solid #60b1cf}#savingOptionsModal .modal-footer .convert-all-items{float:none}#savingOptionsModal .saving-option{border-bottom:1px solid #60b1cf;padding-top:1em}#savingOptionsModal .saving-option:last-child{border-bottom:none}#savingOptionsModal b.category{color:#666;font-size:110%;line-height:150%}#savingOptionsModal b.vat{display:block;color:#666;font-size:85%}#savingOptionsModal .column{display:inline-block;vertical-align:top}#savingOptionsModal .column.item{width:35%}#savingOptionsModal .column.button{width:27%}#savingOptionsModal .column>div{display:inline-block;vertical-align:top}#savingOptionsModal .column .info{color:#000;margin-left:1em;font-size:85%;line-height:120%}#savingOptionsModal .column .saving{margin-top:-22px;margin-bottom:-7px}#savingOptionsModal .column .saving span{display:inline-block;vertical-align:middle}#savingOptionsModal .column .saving .sticker{background:transparent url(/webshop/img/desktop/price-sticker.png) no-repeat center;margin-left:10px;width:54px;height:54px;line-height:54px;color:#000;font-size:120%;font-weight:700;text-align:center}#savingOptionsModal .column button{display:block;margin:auto}#savingOptionsModal .header .item{font-size:120%;font-weight:700}#savingOptionsModal .header .source{color:#3a9dc2}#savingOptionsModal .header .dest{color:#46a546}#savingOptionsModal .replace-notice{text-align:center;font-size:120%;line-height:300%}#savingOptionsModal .empty-notice{font-size:150%;padding:2em;font-weight:700;text-align:center}#savingOptionsModal .templates div{display:none}#merchant-overlay{width:900px;margin-left:-450px;overflow:hidden}#merchant-overlay .modal-header{background-color:#e9f4f8;border-bottom:1px solid #60b1cf}#merchant-overlay .modal-header h3{color:#000}#merchant-overlay .modal-body{overflow-y:auto;max-height:360px}#merchant-overlay .modal-body .message p{color:#000;font-size:120%;text-align:center}#merchant-overlay .modal-body .message strong{font-size:120%;color:#9d261d}#merchant-overlay .modal-footer{border-top:1px solid #60b1cf}#merchant-overlay .loader{text-align:center;color:#000;font-size:120%;line-height:80px;background:transparent url(/webshop/img/desktop/ajax-loader.gif) no-repeat center 80px;padding-bottom:60px}#merchant-overlay .row{margin-top:2.5em;margin-right:0;margin-left:2em;background:transparent url(/webshop/img/desktop/go-next-icon-green.png) no-repeat 133px 40px}#merchant-overlay .column{display:inline-block;vertical-align:top}#merchant-overlay .column:first-child{padding-right:80px}#merchant-overlay .column .item{width:120px;display:inline-block;vertical-align:top}#merchant-overlay .column .item.pos-6{margin-left:204px}#merchant-overlay .column .item .image{height:50px;margin-bottom:5px}#merchant-overlay .column .item .category{color:#666;font-size:110%;line-height:150%}#merchant-overlay .column .item .info{color:#000;font-size:85%;line-height:120%}#merchant-overlay .column .item .multi{color:#9d261d}#merchant-overlay .column .unit-count{margin-top:53px;font-size:300%;color:#000}#merchant-overlay .column .unit-count b{color:#9d261d}#merchant-overlay .column .error{display:block;padding-top:55px;color:#9d261d;font-size:120%;font-style:italic}#goodie-overlay{width:960px;margin-left:-480px;overflow:hidden}#goodie-overlay .row-fluid [class*=span]{margin-left:10px}#goodie-overlay .row-fluid [class*=span]:nth-child(3n+1){margin-left:0;float:left}#goodie-overlay .row-fluid [class*=span]:nth-child(3n+2){margin-right:0;float:left}#goodie-overlay .row-fluid [class*=span]:nth-child(3n+3){margin-right:0;float:left}#goodie-overlay .modal-header{background-color:#e9f4f8;border-bottom:1px solid #60b1cf}#goodie-overlay .modal-header h3{color:#000}#goodie-overlay .modal-body{overflow-y:auto;max-height:300px;color:#000}#goodie-overlay .modal-body .goody_item{background-color:#fff;float:left;margin-bottom:14px;border:1px solid #d2e9f1;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px}#goodie-overlay .modal-body .goody_item h3{margin-left:5px}#goodie-overlay .modal-body .goody_item form{margin-top:18px;margin-bottom:0}#goodie-overlay .modal-body .goody_item .item_picture{position:relative;height:100px;display:flex;justify-content:center;align-items:center}#goodie-overlay .modal-body .goody_item .item_picture>img{max-height:100%}#goodie-overlay .modal-body .goody_item .item_picture .after{position:absolute;top:0;left:0;width:100%;height:100%;display:none}#goodie-overlay .modal-body .goody_item .item_picture .after img{display:block;text-align:center;margin-left:auto;margin-right:auto;margin-top:35%;width:25px}#goodie-overlay .modal-body .goody_item .item_description{text-align:right}#goodie-overlay .modal-body .goody_item .item_description .price_notice{font-family:Arial;font-size:85%;font-weight:400}#goodie-overlay .modal-body .goody_item:hover .item_picture>.after{display:block;background:rgba(0,0,0,.2)}#goodie-overlay #goody-details-overlay-popover{display:none;position:absolute;top:0;left:0;left:-9999px;z-index:10000;padding-left:4px}#goodie-overlay #goody-details-overlay-popover .popover-arrow{margin-right:-4px;z-index:100;width:0;height:0;border-left:none;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:12px solid #3a9dc2}#goodie-overlay #goody-details-overlay-popover .popover-inner{position:relative;width:330px;-webkit-box-shadow:5px 5px 5px 0,rgba(0,0,0,.03);-moz-box-shadow:5px 5px 5px 0,rgba(0,0,0,.03);box-shadow:5px 5px 5px 0,rgba(0,0,0,.03);border:1px solid #3a9dc2;background-color:#fff}#goodie-overlay #goody-details-overlay-popover .popover-inner .header{line-height:30px;padding-left:10px;background-color:#3a9dc2;background-color:#4e9fbe;background-image:-moz-linear-gradient(top,#358dae,#74bbd5);background-image:-ms-linear-gradient(top,#358dae,#74bbd5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#358dae),to(#74bbd5));background-image:-webkit-linear-gradient(top,#358dae,#74bbd5);background-image:-o-linear-gradient(top,#358dae,#74bbd5);background-image:linear-gradient(top,#358dae,#74bbd5);background-repeat:repeat-x;color:#fff;font-weight:700}#goodie-overlay #goody-details-overlay-popover .popover-inner .header>button{margin-top:3px}#goodie-overlay #goody-details-overlay-popover .popover-inner .content{height:330px;padding:10px;color:#666;overflow-y:auto}#goodie-overlay #goody-details-overlay-popover .popover-inner .content img{display:block;margin:auto;padding-bottom:10px}#goodie-overlay #goody-details-overlay-popover .popover-inner .content .attention,#goodie-overlay #goody-details-overlay-popover .popover-inner .content .extraInfo,#goodie-overlay #goody-details-overlay-popover .popover-inner .content .footer{margin-top:20px}#goodie-overlay #goody-details-overlay-popover .popover-inner .content .footer{color:#3a9dc2;font-size:11.05px;background-color:transparent;margin-bottom:1em;margin-left:2px}#goodie-overlay #goody-details-overlay-popover .popover-inner .content .footer a{text-decoration:underline}#goodie-overlay #goody-details-overlay-popover .popover-arrow,#goodie-overlay #goody-details-overlay-popover .popover-inner{position:relative;display:inline-block;vertical-align:middle}#goodie-overlay #goody-details-overlay-popover.right .popover-inner{position:relative;display:inline-block;vertical-align:middle;margin-right:12px}#goodie-overlay #goody-details-overlay-popover.right .popover-arrow{position:relative;display:inline-block;left:344px;border-left:12px solid #3a9dc2;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:none}#goodie-overlay #goody-details-overlay-popover.bottom .popover-arrow{vertical-align:bottom;bottom:41px}#goodie-overlay .modal-footer{border-top:1px solid #60b1cf}#goodie-overlay .loader{text-align:center;color:#000;font-size:120%;line-height:80px;background:transparent url(/webshop/img/desktop/ajax-loader.gif) no-repeat center 80px;padding-bottom:60px}#site-popup{width:1000px;margin-left:-500px}#site-popup .modal-header{background-color:#e9f4f8;border-bottom:1px solid #60b1cf}#site-popup .modal-header h3{color:#000}#site-popup .modal-body{height:400px;padding:0}#site-popup .popup-main{color:#000;padding:20px 0 0 0;height:380px;overflow-y:auto}#site-popup .container-fluid{padding:0}.lt-ie9 select.models[disabled],.lt-ie9 select.vendors[disabled]{opacity:.5;filter:alpha(opacity=50)}.lt-ie9 #nav-sub .btn-group .btn{background-color:#919191;background-image:-moz-linear-gradient(top,#c3c3c3,#444);background-image:-ms-linear-gradient(top,#c3c3c3,#444);background-image:-webkit-gradient(linear,0 0,0 100%,from(#c3c3c3),to(#444));background-image:-webkit-linear-gradient(top,#c3c3c3,#444);background-image:-o-linear-gradient(top,#c3c3c3,#444);background-image:linear-gradient(top,#c3c3c3,#444);background-repeat:repeat-x}.lt-ie9 #nav-sub .btn-group .btn:hover{background-color:#777;background-image:-moz-linear-gradient(top,#444,#c3c3c3);background-image:-ms-linear-gradient(top,#444,#c3c3c3);background-image:-webkit-gradient(linear,0 0,0 100%,from(#444),to(#c3c3c3));background-image:-webkit-linear-gradient(top,#444,#c3c3c3);background-image:-o-linear-gradient(top,#444,#c3c3c3);background-image:linear-gradient(top,#444,#c3c3c3);background-repeat:repeat-x}.lt-ie9 #cart-status .empty,.lt-ie9 .full{border:1px solid #235d73;top:-1px}.lt-ie9 #cart-status .buttons{border-top:1px solid #235d73;height:39px}.lt-ie9 #cart-status .buttons a{height:39px!important}.lt-ie9 #quickbar a:hover{font-weight:700!important}.lt-ie9 #quickbar #quick-dropdowns{display:block;position:relative}.lt-ie9 #quickbar #quick-dropdowns select{display:inline-block;margin:0;margin-top:6px;padding:4px;border:1px solid #3a9dc2;font-size:13px;line-height:18px;height:28px}.lt-ie9 footer .last>div{border-right:none}.lt-ie9 body[data-controller=site][data-action=index] #product-dropdowns .content,.lt-ie9 body[data-controller=site][data-action=index] #product-search .content{border-top:1px solid #996300}.lt-ie9 body[data-controller=site][data-action=index] #product-selection select{display:block!important;width:100%!important}.lt-ie9 body[data-controller=item][data-action=index] #compatible-printers-toggle .overlay{display:none}.lt-ie9 body[data-controller=register][data-action=index] #main select{width:auto!important;display:inline-block!important}.lt-ie9 body[data-controller=order][data-action=thankyou] #print-confirmation{display:none}.lt-ie8 .btn-buy{text-align:center}.lt-ie8 .btn-buy.btn-buy-icon-only{background-image:url(/webshop/img/desktop/sprites.png);background-position:-545px -6px;text-indent:1000px!important;padding:0;width:33px;height:33px;padding:3px;border:3px solid #efa723}.lt-ie8 .btn-buy.btn-buy-icon-only:hover{border-color:#ea9619;background-position:-545px -36px}.lt-ie8 .in-cart .btn-buy.btn-buy-icon-only{background-position:-545px -66px;border:3px solid #61b861}.lt-ie8 .in-cart .btn-buy.btn-buy-icon-only:hover{border-color:#58b158;background-position:-545px -96px}.lt-ie8 .tooltip-icon{background:transparent url(/webshop/img/desktop/sprites.png) no-repeat -1px -2px;height:17px;width:17px;border-bottom:1px solid #666;border-right:1px solid #666}.lt-ie8 body[data-controller=site][data-action=gtc] .contact,.lt-ie8 body[data-controller=site][data-action=gtc] .toc,.lt-ie8 body[data-controller=site][data-action=privacy] .contact,.lt-ie8 body[data-controller=site][data-action=privacy] .toc,.lt-ie8 body[data-controller=site][data-action=revocation] .contact,.lt-ie8 body[data-controller=site][data-action=revocation] .toc{zoom:1;display:inline}.lt-ie8 body[data-controller=site][data-action=gtc] .download-reader,.lt-ie8 body[data-controller=site][data-action=privacy] .download-reader,.lt-ie8 body[data-controller=site][data-action=revocation] .download-reader{padding-top:0}.lt-ie8 body[data-controller=site][data-action=gtc] .download-reader .image-link,.lt-ie8 body[data-controller=site][data-action=gtc] .download-reader div,.lt-ie8 body[data-controller=site][data-action=privacy] .download-reader .image-link,.lt-ie8 body[data-controller=site][data-action=privacy] .download-reader div,.lt-ie8 body[data-controller=site][data-action=revocation] .download-reader .image-link,.lt-ie8 body[data-controller=site][data-action=revocation] .download-reader div{padding-top:1.5em}.lt-ie8 body[data-controller=site][data-action=site-notice] #contact div,.lt-ie8 body[data-controller=site][data-action=site-notice] #copyright li,.lt-ie8 body[data-controller=site][data-action=site-notice] #images div{zoom:1;display:inline}.lt-ie8 body[data-controller=site][data-action=contact] .info-box div{zoom:1;display:inline!important;max-width:180px}.lt-ie8 body[data-controller=account][data-action=index] #account-details .well{padding-top:19px}.lt-ie8 body[data-controller=account][data-action=index] #account-details .wrapper{padding-top:0!important}.lt-ie8 body[data-controller=printer][data-action=index] #content-printer li{zoom:1;display:inline!important}.lt-ie8 body[data-controller=cart][data-action=index] #main .items{border-collapse:collapse}.lt-ie8 body[data-controller=cart][data-action=index] #main .items td,.lt-ie8 body[data-controller=cart][data-action=index] #main .items th{border-bottom:5px solid transparent}.lt-ie8 body[data-controller=cart][data-action=index] #main .items th{padding-top:20px;padding-bottom:10px}.lt-ie8 body[data-controller=item][data-action=search] #main #search-info strong{font-size:110%}.lt-ie8 body[data-controller=item][data-action=search] #main #search-results .stock-status{width:100%;text-align:right}.lt-ie8 body[data-controller=item][data-action=search] #main #search-results .stock-status span{zoom:1;display:inline!important;float:none}.lt-ie8 body[data-controller=item][data-action=search] #main #search-results .merchant .stock-status{text-align:left}.lt-ie8 body[data-controller=item][data-action=index] #main #details .add-to-cart .stock-status{width:100%;text-align:right}.lt-ie8 body[data-controller=item][data-action=index] #main #details .add-to-cart .stock-status span{zoom:1;display:inline!important;float:none}.lt-ie8 body[data-controller=item][data-action=index] #main #details .add-to-cart.merchant{position:relative}.lt-ie8 body[data-controller=item][data-action=index] #main #details .add-to-cart.merchant:after,.lt-ie8 body[data-controller=item][data-action=index] #main #details .add-to-cart.merchant:before{display:table;content:""}.lt-ie8 body[data-controller=item][data-action=index] #main #details .add-to-cart.merchant:after{clear:both}.lt-ie8 body[data-controller=item][data-action=index] #main #details .add-to-cart.merchant .buy{padding-left:0!important}.lt-ie8 body[data-controller=item][data-action=index] #main #details .add-to-cart.merchant .stock-status{text-align:center}.lt-ie8 body[data-controller=account][data-action=index] #merchant-prices div{zoom:1;display:inline!important}
/* Codex 2026-07-06: Gutschein-Hinweis am Mini-Warenkorb */
body[data-controller=item][data-action=index] #mini-cart .voucher-notice{position:absolute;left:100%;top:84px;z-index:5;width:220px;margin-left:12px;padding:10px 12px;border:1px solid #88cf88;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.25);-moz-box-shadow:0 1px 4px rgba(0,0,0,.25);box-shadow:0 1px 4px rgba(0,0,0,.25);background:#eef9ee;color:#333;font-size:12px;line-height:16px}body[data-controller=item][data-action=index] #mini-cart .voucher-notice:before{content:"";position:absolute;top:16px;left:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #88cf88}body[data-controller=item][data-action=index] #mini-cart .voucher-notice:after{content:"";position:absolute;top:17px;left:-6px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #eef9ee}body[data-controller=item][data-action=index] #mini-cart .voucher-notice .voucher-notice-title{color:#278327;font-weight:700;margin-bottom:4px}body[data-controller=item][data-action=index] #mini-cart .voucher-notice p{margin:0}body[data-controller=item][data-action=index] #mini-cart .voucher-notice strong{color:#176917}

/* Codex 2026-07-06: Checkout-Hinweis am Gutscheinabzug */
body[data-controller=order][data-action=index] #cart .totals .checkout-voucher-value{position:relative;color:#278327;font-weight:700}body[data-controller=order][data-action=index] #cart .totals .checkout-voucher-value .checkout-voucher-note{position:absolute;left:100%;top:-8px;z-index:5;width:180px;margin-left:14px;padding:8px 10px;border:1px solid #88cf88;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.25);-moz-box-shadow:0 1px 4px rgba(0,0,0,.25);box-shadow:0 1px 4px rgba(0,0,0,.25);background:#eef9ee;color:#333;font-size:12px;font-weight:700;line-height:16px;text-align:left;white-space:normal}body[data-controller=order][data-action=index] #cart .totals .checkout-voucher-value .checkout-voucher-note:before{content:"";position:absolute;top:10px;left:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #88cf88}body[data-controller=order][data-action=index] #cart .totals .checkout-voucher-value .checkout-voucher-note:after{content:"";position:absolute;top:11px;left:-6px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #eef9ee}
/* Codex 2026-07-06: Checkout-Hinweis selector fix */
#cart .totals .checkout-voucher-value{position:relative!important;color:#278327;font-weight:700;overflow:visible}#cart .totals .values .checkout-voucher-value .checkout-voucher-note{display:block!important;position:absolute!important;left:100%!important;top:-8px!important;z-index:20;width:180px;margin-left:14px;padding:8px 10px;border:1px solid #88cf88;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.25);-moz-box-shadow:0 1px 4px rgba(0,0,0,.25);box-shadow:0 1px 4px rgba(0,0,0,.25);background:#eef9ee;color:#333;font-size:12px;font-weight:700;line-height:16px;text-align:left!important;white-space:normal!important}#cart .totals .values .checkout-voucher-value .checkout-voucher-note:before{content:"";position:absolute;top:10px;left:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #88cf88}#cart .totals .values .checkout-voucher-value .checkout-voucher-note:after{content:"";position:absolute;top:11px;left:-6px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #eef9ee}

/* Banner-Cleanup 21.08.2026: Frosch ohne 0-Euro-Badge (zweiter Frosch im Sprite) */ .icon.icon-frog{width:184px;height:160px;background-position:-150px -160px}

/* Herstellerbereinigung 21.08.2026: Logo-Leiste auf Kernmarken-Reihen 1-2 begrenzt (Reihe 3 = Alt-Marken) */ body[data-controller=site][data-action=index] #top-vendors{height:110px}




/* === XLT-START: bestellvorteile === */
/* ============================================================
   Bestellvorteile-Box  -  18.09.2026, Fassung 2

   WARUM EINE ID (#xlt-bv) UND KEINE KLASSE:
   Fassung 1 benutzte `.xlt-bestellvorteile .xlt-bv-text small` (0,2,1).
   Im Shop gibt es eine Bestandsregel fuer `#main small` (1,0,1) mit
   `margin: -10px 0 0` - die gewinnt, und die Oeffnungszeiten lagen
   ueber der Telefonnummer. Mit `#xlt-bv small` (1,0,1) steht es gleich,
   und weil dieser Block am ENDE von style.css haengt, gewinnt er.
   Das ist die Spezifitaetsfalle aus CLAUDE.md - sie trat auf, nur nicht
   bei den Regeln, die ich zuerst geprueft hatte.

   Deshalb: fuer JEDES benutzte Element margin, padding, line-height,
   font-size und display explizit setzen. Nichts geerbt lassen.

   Akzentfarbe #f89406 - das ist die MARKENFARBE (Kopfbalken, Logo) und hier
   bewusst so gewaehlt. BERICHTIGUNG: die frueher notierte Begruendung "am
   Kasse-Button gemessen" war falsch - gemessen war der DEAKTIVIERTE Button
   bei leerem Warenkorb. Die Aktionsfarbe des Shops ist gruen (#46a546).
   ============================================================ */

#xlt-bv {
	background: #f4f4f4;
	border: 1px solid #e4e4e4;
	border-radius: 6px;
	padding: 20px 24px 22px;
	margin: 28px 0;
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	color: #444;
	text-align: left;
}

#xlt-bv * {
	box-sizing: border-box;
}

#xlt-bv .xlt-bv-titel {
	display: block;
	margin: 0 0 14px;
	padding: 0 0 10px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	color: #222;
}

/* ---------- Zahlungsmittel ---------- */

#xlt-bv .xlt-bv-zahlmittel {
	display: block;
	margin: 0 0 20px;
	padding: 0;
	text-align: center;
}

#xlt-bv .xlt-bv-zahlmittel h4 {
	display: block;
	margin: 0 0 10px;
	padding: 0;
	font-family: inherit;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;
	color: #444;
	text-transform: none;
	letter-spacing: 0;
}

#xlt-bv .xlt-bv-pills {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Alle Pills exakt gleich hoch, egal ob Logo, Icon+Text oder Text mit Zusatz.
   Deshalb feste Hoehe und zentrierte Inhalte statt Padding-Akrobatik. */
#xlt-bv .xlt-bv-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	height: 42px;
	margin: 0;
	padding: 0 17px;
	background: #fff;
	border: 1px solid #e2e2e2;
	border-radius: 21px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.15;
	color: #2b2b33;
	white-space: nowrap;
	list-style: none;
	transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

#xlt-bv .xlt-bv-pill:hover {
	border-color: #d0d0d0;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.09);
}

#xlt-bv .xlt-bv-pill-logo {
	padding: 0 18px;
}

#xlt-bv .xlt-bv-pill-logo img {
	display: block;
	width: auto;
	height: 22px;
	max-width: none;
	margin: 0;
	padding: 0;
	border: 0;
}

/* Apple Pay und Google Pay liefern ihre Acceptance Mark MIT eigenem Rahmen und
   duerfen nicht veraendert werden. Deshalb hier kein zweiter Rahmen aussen
   herum - nur dieselbe Hoehe, damit die Reihe buendig bleibt. */
#xlt-bv .xlt-bv-pill-marke {
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

#xlt-bv .xlt-bv-pill-marke:hover {
	border: 0;
	box-shadow: none;
}

#xlt-bv .xlt-bv-pill-marke img {
	display: block;
	width: auto;
	height: 42px;
	max-width: none;
	margin: 0;
	padding: 0;
	border: 0;
}

/* Generische Symbole - KEINE Marken. Bank, Ueberweisung, Beleg sind frei
   zeichenbar; Apple Pay und Google Pay waeren es nicht. */
#xlt-bv .xlt-bv-pill-icon {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	line-height: 0;
	color: #8a8a94;
}

#xlt-bv .xlt-bv-pill-icon svg {
	display: block;
}

#xlt-bv .xlt-bv-pill:hover .xlt-bv-pill-icon {
	color: #f89406;
}

#xlt-bv .xlt-bv-pill-hinweis {
	display: inline;
	margin: 0 0 0 5px;
	padding: 0;
	font-size: 10.5px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.15;
	color: #999;
}

/* ---------- Vier Spalten: Grid statt Flex, damit sie gleich breit sind ---------- */

#xlt-bv .xlt-bv-spalten {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

#xlt-bv .xlt-bv-spalten > li {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	margin: 0;
	padding: 2px 18px;
	border-left: 1px solid #e0e0e0;
	list-style: none;
}

#xlt-bv .xlt-bv-spalten > li:first-child {
	border-left: 0;
	padding-left: 0;
}

#xlt-bv .xlt-bv-spalten > li:last-child {
	padding-right: 0;
}

#xlt-bv .xlt-bv-icon {
	flex: 0 0 auto;
	display: block;
	margin: 0;
	padding: 1px 0 0;
	line-height: 0;
	color: #f89406;
}

#xlt-bv .xlt-bv-icon svg {
	display: block;
}

#xlt-bv .xlt-bv-text {
	flex: 1 1 auto;
	display: block;
	min-width: 0;
	margin: 0;
	padding: 0;
}

/* Jede Zeile ein eigener Block mit gesetztem Abstand - sonst mischen sich
   Bestandsregeln fuer strong/small/a ein (genau das war der Fehler). */
#xlt-bv .xlt-bv-text strong,
#xlt-bv .xlt-bv-text span,
#xlt-bv .xlt-bv-text a {
	display: block;
	float: none;
	position: static;
	margin: 0;
	padding: 0;
	font-family: inherit;
	line-height: 1.35;
	text-transform: none;
}

#xlt-bv .xlt-bv-text strong {
	margin: 0 0 2px;
	font-size: 13px;
	font-weight: 700;
	color: #222;
}

#xlt-bv .xlt-bv-text span {
	font-size: 12.5px;
	font-weight: 400;
	color: #555;
}

#xlt-bv .xlt-bv-text a {
	margin: 2px 0 0;
	font-size: 12.5px;
	font-weight: 400;
	color: #f89406;
	text-decoration: none;
}

#xlt-bv .xlt-bv-text a:hover,
#xlt-bv .xlt-bv-text a:focus {
	color: #df8205;
	text-decoration: underline;
}

/* Bewusst .xlt-bv-zeit statt des small-Elements - Begruendung im JSP-Block. */
#xlt-bv .xlt-bv-text .xlt-bv-zeit {
	margin: 2px 0 0;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.35;
	color: #888;
}

#xlt-bv .xlt-bv-text .xlt-bv-tel {
	margin: 1px 0 0;
	font-size: 14px;
	font-weight: 700;
	color: #222;
	letter-spacing: 0.2px;
}

#xlt-bv .xlt-bv-text .xlt-bv-tel:hover {
	color: #f89406;
	text-decoration: none;
}

/* ---------- Schmaler: zwei Spalten ---------- */

@media (max-width: 979px) {
	#xlt-bv .xlt-bv-spalten {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 18px;
	}

	#xlt-bv .xlt-bv-spalten > li:nth-child(odd) {
		border-left: 0;
		padding-left: 0;
	}

	#xlt-bv .xlt-bv-spalten > li:nth-child(even) {
		padding-right: 0;
	}
}

/* ---------- Mobil: eine Spalte ---------- */

@media (max-width: 767px) {
	#xlt-bv {
		padding: 16px 14px 18px;
		margin: 20px 0;
	}

	#xlt-bv .xlt-bv-spalten {
		grid-template-columns: 1fr;
		row-gap: 0;
	}

	#xlt-bv .xlt-bv-spalten > li {
		border-left: 0;
		border-top: 1px solid #e0e0e0;
		padding: 13px 0;
	}

	#xlt-bv .xlt-bv-spalten > li:first-child {
		border-top: 0;
		padding-top: 0;
	}

	#xlt-bv .xlt-bv-pill {
		height: 38px;
		padding: 0 14px;
		gap: 6px;
		font-size: 12px;
	}

	#xlt-bv .xlt-bv-pill-marke {
		padding: 0;
	}

	#xlt-bv .xlt-bv-pill-marke img {
		height: 38px;
	}

	#xlt-bv .xlt-bv-pill-logo img {
		height: 19px;
	}
}

/* === XLT-ENDE: bestellvorteile === */

/* === XLT-START: slidein-warenkorb === */
/* ================================================================
   Slide-in-Warenkorb - Testshop VM 109, 18.09.2026
   Aufbau nach dem Beispiel von SG (DICTUM-Shop), Farben aber die des
   eigenen Shops: Akzent #f89406, am Kasse-Button gemessen (18.09.2026).

   Namensraum #xlt-korb / #xlt-korb-schatten, haengt am <body>.
   ALLE Werte explizit (font, line-height, margin, box-sizing) - Lehre
   vom 29.08.2026: Bestandsregeln wie "#main small" hatten ein Popup
   zerlegt. Der Kasten liegt ausserhalb von #main.
   ================================================================ */

#xlt-korb-schatten {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.45);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s ease, visibility 0s linear 0.25s;
	z-index: 10040;
}

#xlt-korb-schatten.xlt-korb-sichtbar {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.25s ease, visibility 0s linear 0s;
}

body.xlt-korb-offen {
	overflow: hidden;
}

#xlt-korb {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 400px;
	max-width: 100%;
	background: #fff;
	box-shadow: -4px 0 18px rgba(0, 0, 0, 0.22);
	transform: translateX(100%);
	transition: transform 0.28s ease;
	z-index: 10050;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	color: #333;
	text-align: left;
	outline: 0;
}

#xlt-korb.xlt-korb-sichtbar {
	transform: translateX(0);
}

#xlt-korb.xlt-korb-laedt {
	opacity: 0.6;
	pointer-events: none;
}

#xlt-korb * {
	box-sizing: border-box;
}

/* ---------- Kopfleiste (dunkel, wie im Beispiel) ---------- */

#xlt-korb .xlt-korb-kopf {
	flex: 0 0 auto;
	padding: 13px 16px;
	background: #2b2b33;
}

#xlt-korb .xlt-korb-weiter {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	color: #fff;
	cursor: pointer;
}

#xlt-korb .xlt-korb-weiter:hover {
	color: #f89406;
}

#xlt-korb .xlt-korb-pfeil {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-left: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
}

/* ---------- Rumpf (scrollt) ---------- */

#xlt-korb .xlt-korb-rumpf {
	flex: 1 1 auto;
	overflow-y: auto;
	padding: 0 18px;
}

#xlt-korb .xlt-korb-titelzeile {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding: 16px 0 12px;
}

#xlt-korb .xlt-korb-titel {
	font-size: 18px;
	font-weight: 700;
	color: #222;
	line-height: 1.2;
}

#xlt-korb .xlt-korb-positionen {
	font-size: 12px;
	color: #777;
	line-height: 1.2;
}

/* ---------- Bestaetigung ---------- */

#xlt-korb .xlt-korb-meldung {
	display: none;
	align-items: center;
	gap: 9px;
	margin: 0 0 14px;
	padding: 11px 12px;
	background: #edf7ed;
	border: 1px solid #c6e6c6;
	border-radius: 4px;
	font-size: 13px;
	line-height: 1.35;
	color: #2b6b2b;
}

#xlt-korb .xlt-korb-haken {
	flex: 0 0 auto;
	display: inline-block;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: #4caf50;
	position: relative;
}

#xlt-korb .xlt-korb-haken::after {
	content: "";
	position: absolute;
	left: 5px;
	top: 3px;
	width: 4px;
	height: 8px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg);
}

/* ---------- Positionen ---------- */

#xlt-korb .xlt-korb-leer {
	padding: 24px 0;
	color: #777;
	text-align: center;
	font-size: 13px;
}

#xlt-korb .xlt-korb-pos {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 0;
	border-bottom: 1px solid #ededed;
}

#xlt-korb .xlt-korb-bild {
	flex: 0 0 64px;
	width: 64px;
	height: 64px;
	border: 1px solid #e6e6e6;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: #fff;
}

#xlt-korb .xlt-korb-bild img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	display: block;
}

#xlt-korb .xlt-korb-daten {
	flex: 1 1 auto;
	min-width: 0;
}

#xlt-korb .xlt-korb-name {
	font-size: 13px;
	line-height: 1.35;
	color: #222;
	margin: 0 0 3px;
}

#xlt-korb .xlt-korb-name a {
	color: #222;
	text-decoration: underline;
}

#xlt-korb .xlt-korb-name a:hover {
	color: #f89406;
	text-decoration: underline;
}

#xlt-korb .xlt-korb-nr {
	font-size: 11px;
	color: #888;
	line-height: 1.3;
	margin: 0 0 9px;
}

#xlt-korb .xlt-korb-zeile {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

/* Ein umrandetes Feld: [Papierkorb/Minus] [Zahl] [Plus] */
#xlt-korb .xlt-korb-menge {
	display: inline-flex;
	align-items: stretch;
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	overflow: hidden;
	background: #fff;
}

#xlt-korb .xlt-korb-menge button {
	width: 32px;
	height: 30px;
	padding: 0;
	margin: 0;
	border: 0;
	background: #fff;
	color: #555;
	font-family: inherit;
	font-size: 15px;
	line-height: 30px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

#xlt-korb .xlt-korb-menge button:hover {
	background: #f4f4f4;
	color: #f89406;
}

#xlt-korb .xlt-korb-weniger.xlt-korb-ist-weg:hover {
	color: #c0392b;
}

#xlt-korb .xlt-korb-zahl {
	min-width: 34px;
	padding: 0 4px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	text-align: center;
	font-size: 13px;
	line-height: 30px;
	color: #222;
}

/* Papierkorb rein aus CSS - kein zusaetzliches Bild noetig */
#xlt-korb .xlt-korb-tonne {
	display: inline-block;
	position: relative;
	width: 11px;
	height: 13px;
	border: 1px solid currentColor;
	border-top: 0;
	border-radius: 0 0 2px 2px;
}

#xlt-korb .xlt-korb-tonne::before {
	content: "";
	position: absolute;
	left: -3px;
	top: -3px;
	width: 15px;
	height: 1px;
	background: currentColor;
}

#xlt-korb .xlt-korb-tonne::after {
	content: "";
	position: absolute;
	left: 3px;
	top: -6px;
	width: 5px;
	height: 3px;
	border: 1px solid currentColor;
	border-bottom: 0;
	border-radius: 1px 1px 0 0;
}

#xlt-korb .xlt-korb-menge-fest {
	font-size: 13px;
	color: #555;
}

#xlt-korb .xlt-korb-preis {
	font-size: 14px;
	font-weight: 700;
	color: #222;
	white-space: nowrap;
}

/* ---------- Summen ---------- */

#xlt-korb .xlt-korb-summen {
	padding: 14px 0 18px;
}

#xlt-korb .xlt-korb-summe {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	font-size: 13px;
	line-height: 1.7;
	color: #444;
}

#xlt-korb .xlt-korb-summe strong {
	color: #222;
	font-weight: 700;
}

#xlt-korb .xlt-korb-summe-gesamt {
	margin-top: 7px;
	padding-top: 9px;
	border-top: 1px solid #e3e3e3;
	font-size: 15px;
}

#xlt-korb .xlt-korb-mwst {
	font-size: 11px;
	color: #888;
	text-align: right;
	line-height: 1.5;
}

#xlt-korb .xlt-korb-frei {
	margin-top: 10px;
	padding: 8px 10px;
	background: #fdf3e3;
	border-radius: 3px;
	font-size: 12px;
	line-height: 1.35;
	color: #8a5a10;
}

#xlt-korb .xlt-korb-frei strong {
	color: #8a5a10;
	font-weight: 700;
}

#xlt-korb .xlt-korb-frei-erreicht {
	background: #edf7ed;
	color: #2b6b2b;
}

/* ---------- Fuss ---------- */

#xlt-korb .xlt-korb-fuss {
	flex: 0 0 auto;
	padding: 14px 18px 18px;
	border-top: 1px solid #e3e3e3;
	background: #fff;
}

/* Gruen, nicht orange: die Hauptaktion des Shops ist gruen (#46a546, am
   AKTIVEN Kasse-Button gemessen). Das zuvor benutzte #f89406 war der
   DEAKTIVIERTE Button bei leerem Warenkorb - eine Messung am falschen
   Zustand (18.09.2026). */
#xlt-korb .xlt-korb-kasse {
	display: block;
	padding: 13px 16px;
	background: #46a546;
	border-radius: 4px;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
}

#xlt-korb .xlt-korb-kasse:hover {
	background: #3d9140;
	color: #fff;
	text-decoration: none;
}

#xlt-korb .xlt-korb-ansehen {
	display: block;
	margin: 10px 0 0;
	color: #f89406;
	font-size: 13px;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
}

#xlt-korb .xlt-korb-ansehen:hover {
	text-decoration: underline;
	color: #df8205;
}

#xlt-korb .xlt-korb-wallets {
	margin-top: 12px;
}

#xlt-korb .xlt-korb-wallet {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	margin-bottom: 7px;
	padding: 11px 12px;
	border: 1px solid transparent;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
}

#xlt-korb .xlt-korb-wallet:last-child {
	margin-bottom: 0;
}

#xlt-korb .xlt-korb-wallet:hover {
	text-decoration: none;
}

#xlt-korb .xlt-korb-wallet-paypal {
	background: #ffc439;
	color: #253b80;
}

#xlt-korb .xlt-korb-wallet-paypal:hover {
	background: #f0b52f;
	color: #253b80;
}

#xlt-korb .xlt-korb-pp {
	font-style: italic;
	font-weight: 700;
	font-size: 15px;
}

#xlt-korb .xlt-korb-pp-a {
	color: #253b80;
}

#xlt-korb .xlt-korb-pp-b {
	color: #179bd7;
}

#xlt-korb .xlt-korb-wallet-apple,
#xlt-korb .xlt-korb-wallet-google {
	background: #000;
	color: #fff;
}

#xlt-korb .xlt-korb-wallet-apple:hover,
#xlt-korb .xlt-korb-wallet-google:hover {
	background: #1a1a1a;
	color: #fff;
}

/* ---------- Mobil ---------- */

@media (max-width: 767px) {
	#xlt-korb {
		width: 100%;
		font-size: 14px;
	}

	#xlt-korb .xlt-korb-rumpf {
		padding: 0 14px;
	}

	#xlt-korb .xlt-korb-fuss {
		padding: 12px 14px 16px;
	}

	#xlt-korb .xlt-korb-bild {
		flex: 0 0 56px;
		width: 56px;
		height: 56px;
	}

	#xlt-korb .xlt-korb-menge button {
		width: 38px;
		height: 36px;
		line-height: 36px;
	}

	#xlt-korb .xlt-korb-zahl {
		min-width: 40px;
		line-height: 36px;
	}
}

/* Trusted-Shops-Siegel liegt auf z-index 2147483647 (Maximalwert) und deckt
   sonst die Zahlknoepfe zu - dagegen kommt kein z-index an. Deshalb wird es
   ausgeblendet, SOLANGE der Korb offen ist, und kommt beim Schliessen zurueck.
   Gemessen 18.09.2026 am Testshop. */
body.xlt-korb-offen div[id^="trustbadge-container-"] {
	display: none !important;
}

/* === XLT-ENDE: slidein-warenkorb === */

/* === XLT-START: warenkorb-design === */
/* ============================================================
   Warenkorbseite modernisiert - 18.09.2026 (SG: "moderner und an
   unser Design angepasst")

   NUR CSS. Kein Markup-Umbau, damit die vorhandene JS-Logik
   (count/inc/dec/remove, jsrender-Templates) unveraendert greift.
   Rollback = diesen Block aus style.css entfernen.

   SPEZIFITAET: die Warenkorbseite traegt Bestandsregeln der Form
   `body[data-controller="cart"][data-action="index"] #main ...` (1,2,2).
   Deshalb tragen ALLE Regeln hier dasselbe Praefix - damit stehen sie
   mindestens gleichauf und gewinnen, weil dieser Block am Ende von
   style.css haengt. (Am 18.09. hatte eine Klassenregel genau deshalb
   verloren und die Oeffnungszeiten ueber die Telefonnummer gelegt.)

   FARBEN, am 18.09.2026 an der laufenden Seite gemessen:
     Marke/Kopfbalken  #e19f41  (Verlauf #edb25d -> #ce8217)
     Hauptaktion gruen #61b861  (Verlauf #74c474 -> #46a546)
     Sekundaer blau    #3690b2
     Loeschen rot      #dc4e44
   WICHTIG: Das zuvor als "Akzentfarbe" notierte #f89406 war der
   DEAKTIVIERTE Kasse-Button bei leerem Warenkorb - nicht die
   Aktionsfarbe des Shops.
   ============================================================ */

/* ---------- Tabelle als Karte ---------- */

body[data-controller="cart"][data-action="index"] #main table.items {
	width: 100%;
	margin: 0 0 18px;
	background: #fff;
	border: 1px solid #e4e4e4;
	border-radius: 6px;
	border-collapse: collapse;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

body[data-controller="cart"][data-action="index"] #main table.items th {
	padding: 12px 14px;
	background: #f7f7f8;
	border: 0;
	border-bottom: 1px solid #e4e4e4;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	color: #7c7c86;
	vertical-align: middle;
	/* Ohne nowrap schrumpfen die Spalten unter die Breite ihrer eigenen
	   Ueberschrift, und "EINZELPREIS" schiebt sich ueber "MENGE" (18.09.). */
	white-space: nowrap;
}

body[data-controller="cart"][data-action="index"] #main table.items td {
	padding: 16px 14px;
	border: 0;
	border-top: 1px solid #eee;
	vertical-align: middle;
	font-size: 13px;
	color: #333;
}

body[data-controller="cart"][data-action="index"] #main table.items tr:first-child td,
body[data-controller="cart"][data-action="index"] #main table.items tr.item:first-of-type td {
	border-top: 0;
}

/* ---------- Produktbild ---------- */

/* ---------- Spaltenbreiten ----------
   Die Tabelle faehrt aus dem Bestand `table-layout: fixed`. Dabei ignoriert
   der Browser den INHALT vollstaendig und verteilt nur nach den Angaben der
   ersten Zeile; Spalten ohne Angabe bekommen gleich viel. Ohne eigene Werte
   blieben Einzelpreis und Menge bei je 69 px, und "EINZELPREIS" schob sich
   ueber "MENGE". `white-space: nowrap` hilft dagegen NICHT - bei `fixed`
   zaehlt der Inhalt nicht mit. Deshalb: alle sieben Spalten in Prozent,
   Summe 100. */
body[data-controller="cart"][data-action="index"] #main table.items th.image-column { width: 8%; }
body[data-controller="cart"][data-action="index"] #main table.items th.description-column { width: 28%; }
body[data-controller="cart"][data-action="index"] #main table.items th.number-column { width: 13%; }
body[data-controller="cart"][data-action="index"] #main table.items th.unit-price-column { width: 12%; }
body[data-controller="cart"][data-action="index"] #main table.items th.count-column { width: 14%; }
body[data-controller="cart"][data-action="index"] #main table.items th.total-price-column { width: 17%; }
body[data-controller="cart"][data-action="index"] #main table.items th.remove-column { width: 8%; }

body[data-controller="cart"][data-action="index"] #main table.items td.image-column {
	padding-right: 0;
}

body[data-controller="cart"][data-action="index"] #main table.items td.image-column div {
	width: 66px;
	height: 66px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 5px;
	overflow: hidden;
}

body[data-controller="cart"][data-action="index"] #main table.items td.image-column img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	margin: 0;
	border: 0;
}

/* ---------- Bezeichnung ---------- */

body[data-controller="cart"][data-action="index"] #main table.items th.description-column,
body[data-controller="cart"][data-action="index"] #main table.items td.description-column {
	white-space: normal;
	text-align: left;
}

body[data-controller="cart"][data-action="index"] #main table.items td.description-column a.url {
	display: block;
	color: #2b2b33;
	text-decoration: none;
	line-height: 1.45;
}

body[data-controller="cart"][data-action="index"] #main table.items td.description-column a.url:hover {
	color: #ce8217;
}

body[data-controller="cart"][data-action="index"] #main table.items td.description-column .capacity {
	color: #3f8f3f;
	font-weight: 600;
}

body[data-controller="cart"][data-action="index"] #main table.items td.number-column {
	color: #77777f;
	font-size: 12.5px;
	white-space: nowrap;
}

body[data-controller="cart"][data-action="index"] #main table.items td.unit-price-column,
body[data-controller="cart"][data-action="index"] #main table.items td.total-price-column {
	white-space: nowrap;
	text-align: right;
}

body[data-controller="cart"][data-action="index"] #main table.items th.unit-price-column,
body[data-controller="cart"][data-action="index"] #main table.items th.total-price-column {
	text-align: right;
}

body[data-controller="cart"][data-action="index"] #main table.items td.total-price-column {
	font-weight: 700;
	color: #222;
	font-size: 14px;
}

/* ---------- Mengensteller: ein umrandetes Feld  [-] [n] [+] ---------- */

body[data-controller="cart"][data-action="index"] #main table.items th.count-column,
body[data-controller="cart"][data-action="index"] #main table.items td.count-column {
	text-align: center;
	white-space: nowrap;
}

body[data-controller="cart"][data-action="index"] #main table.items td.count-column > div {
	display: inline-flex;
	align-items: stretch;
	height: 32px;
	border: 1px solid #d8d8dc;
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
}

body[data-controller="cart"][data-action="index"] #main table.items td.count-column input.count {
	order: 2;
	width: 36px;
	height: 30px;
	margin: 0;
	padding: 0 2px;
	border: 0;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	font-family: inherit;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
	color: #222;
}

body[data-controller="cart"][data-action="index"] #main table.items td.count-column input.count:focus {
	outline: 0;
	box-shadow: none;
	background: #fffdf7;
}

/* Die Sprite-Icons weichen schlichten Zeichen - sonst sitzen zwei winzige
   Grafiken uebereinander statt links und rechts. */
body[data-controller="cart"][data-action="index"] #main table.items td.count-column .dec,
body[data-controller="cart"][data-action="index"] #main table.items td.count-column .inc {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	/* Der Bestand setzt fuer .dec/.inc `position: absolute` (gleiches Praefix
	   wie hier). Ohne dieses `static` liegen beide Knoepfe uebereinander und
	   ragen in die Preisspalte - genau so sah es im ersten Versuch aus. */
	position: static;
	top: auto;
	right: auto;
	left: auto;
	background-image: none;
	background-color: #fafafa;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1;
	color: #555;
	text-indent: 0;
	overflow: visible;
}

body[data-controller="cart"][data-action="index"] #main table.items td.count-column .dec {
	order: 1;
}

body[data-controller="cart"][data-action="index"] #main table.items td.count-column .inc {
	order: 3;
}

body[data-controller="cart"][data-action="index"] #main table.items td.count-column .dec::before {
	content: "\2212";
}

body[data-controller="cart"][data-action="index"] #main table.items td.count-column .inc::before {
	content: "+";
}

body[data-controller="cart"][data-action="index"] #main table.items td.count-column .dec:hover,
body[data-controller="cart"][data-action="index"] #main table.items td.count-column .inc:hover {
	background-color: #f1f1f1;
	color: #ce8217;
}

/* ---------- Loeschen: dezentes Kreuz statt rotem Kasten ---------- */

body[data-controller="cart"][data-action="index"] #main table.items th.remove-column,
body[data-controller="cart"][data-action="index"] #main table.items td.remove-column {
	text-align: center;
}

body[data-controller="cart"][data-action="index"] #main table.items td.remove-column .remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: none;
	border: 1px solid transparent;
	border-radius: 50%;
	font-size: 13px;
	line-height: 1;
	color: #b3b3ba;
	text-shadow: none;
	cursor: pointer;
	transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}

body[data-controller="cart"][data-action="index"] #main table.items td.remove-column .remove:hover {
	background: #fdeceb;
	border-color: #f3c8c4;
	color: #dc4e44;
}

/* ---------- Hinweis auf den kostenlosen Versand ---------- */

body[data-controller="cart"][data-action="index"] #main table.items tr.free-shipping td {
	padding: 12px 14px;
	background: #fdf5e8;
	border-top: 1px solid #f3e2c6;
	border-bottom: 1px solid #f3e2c6;
	font-size: 13px;
	line-height: 1.4;
	color: #8a5a10;
	text-align: center;
}

body[data-controller="cart"][data-action="index"] #main table.items tr.free-shipping td strong {
	color: #8a5a10;
	font-weight: 700;
}

/* ---------- Summen ---------- */

body[data-controller="cart"][data-action="index"] #main table.items tr.totals td {
	padding-top: 16px;
	padding-bottom: 16px;
	background: #fafafb;
	border-top: 1px solid #e4e4e4;
}

body[data-controller="cart"][data-action="index"] #main table.items tr.totals td.labels {
	text-align: right;
	color: #55555e;
}

body[data-controller="cart"][data-action="index"] #main table.items tr.totals td.values {
	text-align: right;
	white-space: nowrap;
}

body[data-controller="cart"][data-action="index"] #main table.items tr.totals td.labels span,
body[data-controller="cart"][data-action="index"] #main table.items tr.totals td.values span {
	display: block;
	margin: 0;
	padding: 0;
	/* Feste Zeilenhoehe auf BEIDEN Seiten - sonst laufen Beschriftung und
	   Wert auseinander, sobald eine Beschriftung umbricht. */
	line-height: 26px;
	font-size: 13px;
	white-space: nowrap;
}

body[data-controller="cart"][data-action="index"] #main table.items tr.totals td.labels span strong,
body[data-controller="cart"][data-action="index"] #main table.items tr.totals td.values span strong {
	font-size: 16px;
	font-weight: 700;
	color: #1d1d24;
}

body[data-controller="cart"][data-action="index"] #main table.items tr.totals td.values span strong {
	color: #46a546;
}

body[data-controller="cart"][data-action="index"] #main small.shipping-note {
	display: block;
	margin: 0 0 16px;
	padding: 0;
	font-size: 11.5px;
	line-height: 1.4;
	color: #8b8b93;
}

/* ---------- Knoepfe: flach statt Verlauf ---------- */

body[data-controller="cart"][data-action="index"] #main .buttons {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 4px;
}

body[data-controller="cart"][data-action="index"] #main .buttons .btn {
	float: none;
	margin: 0;
	padding: 11px 20px;
	background-image: none;
	border: 0;
	border-radius: 4px;
	box-shadow: none;
	text-shadow: none;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	color: #fff;
	text-decoration: none;
	transition: background-color 0.15s ease;
}

body[data-controller="cart"][data-action="index"] #main .buttons .btn-primary {
	background-color: #eef1f3;
	color: #46464f;
}

body[data-controller="cart"][data-action="index"] #main .buttons .btn-primary:hover {
	background-color: #e2e6e9;
	color: #2b2b33;
}

body[data-controller="cart"][data-action="index"] #main .buttons .btn-order {
	padding: 13px 30px;
	background-color: #46a546;
	font-size: 15px;
	font-weight: 700;
}

body[data-controller="cart"][data-action="index"] #main .buttons .btn-order:hover {
	background-color: #3d9140;
	color: #fff;
}

body[data-controller="cart"][data-action="index"] #main .buttons .btn-order.disabled,
body[data-controller="cart"][data-action="index"] #main .buttons .btn-order[disabled] {
	background-color: #c9cdd1;
	color: #fff;
	opacity: 1;
	cursor: default;
}

/* ---------- Mobil ---------- */

@media (max-width: 767px) {
	body[data-controller="cart"][data-action="index"] #main table.items th,
	body[data-controller="cart"][data-action="index"] #main table.items td {
		padding: 11px 8px;
	}

	body[data-controller="cart"][data-action="index"] #main table.items td.image-column div {
		width: 52px;
		height: 52px;
	}

	body[data-controller="cart"][data-action="index"] #main .buttons {
		display: block;
	}

	body[data-controller="cart"][data-action="index"] #main .buttons .btn {
		display: block;
		width: 100%;
		margin-bottom: 8px;
		text-align: center;
	}
}

/* === XLT-ENDE: warenkorb-design === */

/* === XLT-START: checkout-design === */
/* ============================================================
   Bestellseite (/bestellen) modernisiert - 18.09.2026
   (SG: "aufraeumen / uebersichtlich und moderner, an unser Design
   angepasst. Den WK an unseren neuen anpassen")

   NUR CSS. `checkout.jsp` bleibt unberuehrt - in dieser Datei stecken
   die PayPal-Express-Abbruchsperre, der Checkout-Beacon, das
   EU-Gewaehrleistungslabel und der gesamte Wallet-Code. Rollback =
   diesen Block aus style.css entfernen.

   SPEZIFITAET: dasselbe Praefix wie die Bestandsregeln
   (`body[data-controller="order"][data-action="checkout"] #main`),
   damit die Regeln mindestens gleichauf stehen; dieser Block haengt
   am Ende von style.css und gewinnt damit bei Gleichstand.

   FARBEN (18.09.2026 an der laufenden Seite gemessen):
     Marke orange     #e19f41 / #ce8217
     Hauptaktion gruen #46a546
     Sekundaer blau   #3690b2
     Loeschen rot     #dc4e44
   ============================================================ */

/* ---------- Kaesten ---------- */

body[data-controller="order"][data-action="checkout"] #main .form-pane {
	margin: 0 0 18px;
	background: #fff;
	border: 1px solid #e4e4e4;
	border-radius: 6px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	overflow: hidden;
}

/* Die Kopfzeilen trugen einen blauen Verlauf und zogen die Aufmerksamkeit
   auf sich, obwohl der orange Seitenkopf der Akzent sein soll. */
body[data-controller="order"][data-action="checkout"] #main .form-pane > header {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0;
	padding: 13px 16px;
	background-color: #fafafb;
	background-image: none;
	border: 0;
	border-bottom: 1px solid #ececef;
	border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	color: #2b2b33;
}

body[data-controller="order"][data-action="checkout"] #main .form-pane > header .icon {
	flex: 0 0 auto;
	margin: 0;
}

body[data-controller="order"][data-action="checkout"] #main .form-pane > .content {
	padding: 16px;
	background: #fff;
}

/* ---------- Formularfelder ---------- */

body[data-controller="order"][data-action="checkout"] #main .form-pane .content input[type="text"],
body[data-controller="order"][data-action="checkout"] #main .form-pane .content input[type="password"],
body[data-controller="order"][data-action="checkout"] #main .form-pane .content input[type="email"],
body[data-controller="order"][data-action="checkout"] #main .form-pane .content select,
body[data-controller="order"][data-action="checkout"] #main .form-pane .content textarea {
	box-sizing: border-box;
	width: 100%;
	height: 38px;
	margin: 0 0 2px;
	padding: 8px 11px;
	background: #fff;
	border: 1px solid #d8d8dc;
	border-radius: 4px;
	box-shadow: none;
	font-family: inherit;
	font-size: 13.5px;
	line-height: 20px;
	color: #222;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body[data-controller="order"][data-action="checkout"] #main .form-pane .content textarea {
	height: auto;
	min-height: 84px;
	line-height: 1.45;
}

body[data-controller="order"][data-action="checkout"] #main .form-pane .content input[type="text"]:focus,
body[data-controller="order"][data-action="checkout"] #main .form-pane .content input[type="password"]:focus,
body[data-controller="order"][data-action="checkout"] #main .form-pane .content input[type="email"]:focus,
body[data-controller="order"][data-action="checkout"] #main .form-pane .content select:focus,
body[data-controller="order"][data-action="checkout"] #main .form-pane .content textarea:focus {
	outline: 0;
	border-color: #e19f41;
	box-shadow: 0 0 0 3px rgba(225, 159, 65, 0.16);
}

body[data-controller="order"][data-action="checkout"] #main .form-pane .content label {
	display: block;
	margin: 0 0 4px;
	padding: 0;
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.3;
	color: #55555e;
}

body[data-controller="order"][data-action="checkout"] #main .form-pane .content .form-control {
	margin: 0 0 13px;
}

/* ---------- Login-Knopf: sekundaer, nicht groesser als die Hauptaktion ---------- */

body[data-controller="order"][data-action="checkout"] #main a.login.btn {
	display: inline-block;
	width: auto;
	margin: 0 0 16px;
	padding: 10px 18px;
	background-color: #eef4f7;
	background-image: none;
	border: 1px solid #cfe0e9;
	border-radius: 4px;
	box-shadow: none;
	text-shadow: none;
	font-family: inherit;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.3;
	color: #2a6f8e;
	text-align: left;
	white-space: normal;
}

body[data-controller="order"][data-action="checkout"] #main a.login.btn:hover {
	background-color: #e2edf3;
	border-color: #b8d3e0;
	color: #1f5a74;
	text-decoration: none;
}

/* ---------- Zahlarten als gleichartige Karten ---------- */

body[data-controller="order"][data-action="checkout"] #main #payment-methods .payment-method {
	margin: 0 0 10px;
	padding: 14px 15px;
	background: #fff;
	border: 1px solid #e4e4e7;
	border-radius: 6px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body[data-controller="order"][data-action="checkout"] #main #payment-methods .payment-method:hover {
	border-color: #d2d2d8;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

body[data-controller="order"][data-action="checkout"] #main #payment-methods .payment-method-disabled {
	opacity: 0.65;
}

/* ---------- Warenkorb-Kasten: an die neue Warenkorbseite angeglichen ---------- */

body[data-controller="order"][data-action="checkout"] #main #cart table.items {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}

body[data-controller="order"][data-action="checkout"] #main #cart table.items th {
	padding: 0 6px 9px;
	background: none;
	border: 0;
	border-bottom: 1px solid #ececef;
	font-size: 10.5px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	color: #8b8b93;
	text-align: left;
	white-space: nowrap;
}

body[data-controller="order"][data-action="checkout"] #main #cart table.items td {
	padding: 12px 6px;
	border: 0;
	border-top: 1px solid #f1f1f3;
	vertical-align: middle;
	font-size: 12.5px;
	color: #333;
}

body[data-controller="order"][data-action="checkout"] #main #cart table.items tr:first-child td {
	border-top: 0;
}

/* Der Kasten ist rund 306 px breit. Diese Tabelle faehrt `table-layout: auto`
   (anders als die auf der Warenkorbseite!) - dort sind `width`-Angaben nur
   Vorschlaege und wurden ignoriert (gemessen 18.09.: Spalte blieb 53 px).
   Was bei `auto` wirkt: nicht umbrechbarer Inhalt plus `min-width`. */
body[data-controller="order"][data-action="checkout"] #main #cart table.items td.count-column,
body[data-controller="order"][data-action="checkout"] #main #cart table.items th:nth-child(3) {
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
}

body[data-controller="order"][data-action="checkout"] #main #cart table.items td.image-column {
	width: 56px;
	padding-right: 4px;
}

body[data-controller="order"][data-action="checkout"] #main #cart table.items td.image-column > div {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 5px;
	overflow: hidden;
}

body[data-controller="order"][data-action="checkout"] #main #cart table.items td.image-column img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	margin: 0;
	border: 0;
}

body[data-controller="order"][data-action="checkout"] #main #cart table.items td.description-column a.url {
	color: #2b2b33;
	text-decoration: none;
	line-height: 1.45;
}

body[data-controller="order"][data-action="checkout"] #main #cart table.items td.description-column a.url:hover {
	color: #ce8217;
}

/* Mengensteller wie auf der Warenkorbseite: EIN umrandetes Feld [-] [n] [+].
   Die Sprite-Icons (12x12) weichen schlichten Zeichen. */
body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper {
	display: inline-flex;
	align-items: stretch;
	min-width: 68px;
	height: 26px;
	border: 1px solid #d8d8dc;
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
}

body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper input.count {
	box-sizing: border-box;
	order: 2;
	flex: 0 0 auto;
	width: 26px;
	height: 24px;
	margin: 0;
	padding: 0 2px;
	border: 0;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	font-family: inherit;
	font-size: 12.5px;
	line-height: 24px;
	text-align: center;
	color: #222;
}

body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper input.count:focus {
	outline: 0;
	box-shadow: none;
}

body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper .dec,
body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper .inc {
	display: flex;
	align-items: center;
	justify-content: center;
	/* Ohne `flex: 0 0 auto` schrumpfen die Knoepfe im schmalen Kasten auf
	   10 px zusammen (gemessen 18.09.2026). */
	flex: 0 0 auto;
	width: 20px;
	height: 24px;
	margin: 0;
	padding: 0;
	position: static;
	top: auto;
	right: auto;
	left: auto;
	background-image: none;
	background-color: #fafafa;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1;
	color: #555;
	text-indent: 0;
	overflow: visible;
}

body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper .dec {
	order: 1;
}

body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper .inc {
	order: 3;
}

body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper .dec::before {
	content: "\2212";
}

body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper .inc::before {
	content: "+";
}

body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper .dec:hover,
body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper .inc:hover {
	background-color: #f1f1f1;
	color: #ce8217;
}

/* Das Loeschsymbol traegt ein per JS gesetztes Inline-`top`. Mit
   `position: static` wird dieses top wirkungslos - ohne !important.
   ACHTUNG: die Bestandsregel heisst `#cart .total-price-column .remove` und
   hat damit eine Klasse MEHR als ein blosses `#cart .remove`. Ohne dieselbe
   Klasse im Selektor verliert man (gemessen 18.09.2026: top blieb -44 px). */
body[data-controller="order"][data-action="checkout"] #main #cart .total-price-column .remove,
body[data-controller="order"][data-action="checkout"] #main #cart td .remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: static;
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	background-image: none;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1;
	color: #b3b3ba;
	text-indent: 0;
	cursor: pointer;
	overflow: visible;
	transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}

body[data-controller="order"][data-action="checkout"] #main #cart .total-price-column .remove::before,
body[data-controller="order"][data-action="checkout"] #main #cart td .remove::before {
	content: "\2715";
}

body[data-controller="order"][data-action="checkout"] #main #cart .total-price-column .remove:hover,
body[data-controller="order"][data-action="checkout"] #main #cart td .remove:hover {
	background-color: #fdeceb;
	border-color: #f3c8c4;
	color: #dc4e44;
}

/* ---------- Bestellknopf ---------- */

body[data-controller="order"][data-action="checkout"] #main #place-order,
body[data-controller="order"][data-action="checkout"] #main .btn-order:not(.login) {
	background-image: none;
	background-color: #46a546;
	border: 0;
	border-radius: 4px;
	box-shadow: none;
	text-shadow: none;
	font-family: inherit;
	font-weight: 700;
	color: #fff;
	transition: background-color 0.15s ease;
}

body[data-controller="order"][data-action="checkout"] #main #place-order:hover,
body[data-controller="order"][data-action="checkout"] #main .btn-order:not(.login):hover {
	background-color: #3d9140;
	color: #fff;
}

/* ---------- Mobil ---------- */

@media (max-width: 767px) {
	body[data-controller="order"][data-action="checkout"] #main .form-pane {
		margin-bottom: 14px;
	}

	body[data-controller="order"][data-action="checkout"] #main .form-pane > .content {
		padding: 13px;
	}

	body[data-controller="order"][data-action="checkout"] #main a.login.btn {
		display: block;
		width: 100%;
		text-align: center;
	}
}

/* ============================================================
   Zwei Spalten statt drei (18.09.2026, Vorbild Shopify/Zendure)

   OHNE Markup-Eingriff: die drei `.span4` sind direkte Kinder EINER
   `.row-fluid` in `#order-form`. Ein Grid auf diesen Container legt
   Adresse und Zahlung untereinander in die linke Spalte und die
   Uebersicht rechts daneben - `checkout.jsp` bleibt unberuehrt.

   `:first-of-type` ist noetig: `#order-form` traegt ZWEI `.row-fluid`
   (die zweite ist die `span12`-Zeile mit dem Versandhinweis).
   ============================================================ */

/* NUR AB 980 px. Unterhalb steuert eine Bestandsregel das Layout:
   `screen and (max-width: 768px) body[data-controller="order"] #order-form > .row-fluid
   { display: flex !important }` - das ist die gewachsene Handy-Anordnung.
   Eine `width: auto`-Ueberschreibung ohne Mediaquery hat sie am 18.09. gekippt
   (Kaesten nur noch 253 px breit). Der Umbau gilt deshalb nur am Desktop. */
@media (min-width: 980px) {
	body[data-controller="order"][data-action="checkout"] #main #order-form > .row-fluid:first-of-type {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 340px;
		column-gap: 22px;
		align-items: start;
		margin: 0;
	}

	body[data-controller="order"][data-action="checkout"] #main #order-form > .row-fluid:first-of-type > .span4 {
		float: none;
		width: auto;
		min-width: 0;
		margin-left: 0;
	}

	body[data-controller="order"][data-action="checkout"] #main #order-form > .row-fluid:first-of-type > .span4:nth-child(1) {
		grid-column: 1;
		grid-row: 1;
	}

	body[data-controller="order"][data-action="checkout"] #main #order-form > .row-fluid:first-of-type > .span4:nth-child(2) {
		grid-column: 1;
		grid-row: 2;
	}

	/* Die Uebersicht laeuft beim Scrollen mit - wie bei Shopify. */
	body[data-controller="order"][data-action="checkout"] #main #order-form > .row-fluid:first-of-type > .span4:nth-child(3) {
		grid-column: 2;
		grid-row: 1 / span 2;
		position: sticky;
		top: 14px;
	}
}

/* Der Bestellknopf steht in der rechten Spalte unter der Uebersicht. */
body[data-controller="order"][data-action="checkout"] #main #place-order {
	display: block;
	width: 100%;
	padding: 14px 18px;
	font-size: 15px;
}

/* ============================================================
   Express-Bereich ganz oben (18.09.2026)
   Der Container wird vom Block in checkout.jsp erzeugt und nimmt die
   verschobenen Express-/Wallet-Boxen auf.
   ============================================================ */

body[data-controller="order"][data-action="checkout"] #main #express-oben {
	margin: 0 0 22px;
	padding: 18px 18px 16px;
	background: #fff;
	border: 1px solid #e4e4e4;
	border-radius: 6px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

body[data-controller="order"][data-action="checkout"] #main #express-oben .xlt-express-titel {
	margin: 0 0 12px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
	color: #55555e;
	text-align: center;
}

body[data-controller="order"][data-action="checkout"] #main #express-oben .xlt-express-boxen {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: flex-start;
}

body[data-controller="order"][data-action="checkout"] #main #express-oben .paypal-express-option {
	flex: 1 1 260px;
	min-width: 0;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
}

/* Der Erklaerungstext der Zahlartenliste wird oben nicht gebraucht - dort
   zaehlt nur der Knopf. Er bleibt im DOM (Screenreader) und in der
   Zahlartenliste sichtbar. */
body[data-controller="order"][data-action="checkout"] #main #express-oben .paypal-express-copy {
	display: none;
}

body[data-controller="order"][data-action="checkout"] #main #express-oben .paypal-express-button-title {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	color: #77777f;
	text-align: center;
}

body[data-controller="order"][data-action="checkout"] #main #express-oben #paypal-express-status,
body[data-controller="order"][data-action="checkout"] #main #express-oben #wallet-status {
	margin-top: 8px;
	font-size: 12px;
	line-height: 1.35;
}

/* "oder" mit Linien links und rechts */
body[data-controller="order"][data-action="checkout"] #main #express-oben .xlt-express-oder {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 18px 0 0;
}

body[data-controller="order"][data-action="checkout"] #main #express-oben .xlt-express-oder::before,
body[data-controller="order"][data-action="checkout"] #main #express-oben .xlt-express-oder::after {
	content: "";
	flex: 1 1 auto;
	height: 1px;
	background: #e7e7ea;
}

body[data-controller="order"][data-action="checkout"] #main #express-oben .xlt-express-oder span {
	flex: 0 0 auto;
	font-size: 12px;
	line-height: 1.3;
	color: #8b8b93;
}

/* Zahlart-Karte, die nach dem Umzug nichts Sichtbares mehr enthaelt.
   Die versteckte Radio bleibt darin - sie wird per JS gesetzt und beim
   Absenden mitgeschickt. */
body[data-controller="order"][data-action="checkout"] #main .payment-method.xlt-karte-leer {
	display: none;
}

@media (max-width: 767px) {
	body[data-controller="order"][data-action="checkout"] #main #express-oben {
		padding: 14px 13px 12px;
	}

	body[data-controller="order"][data-action="checkout"] #main #express-oben .xlt-express-boxen {
		display: block;
	}

	body[data-controller="order"][data-action="checkout"] #main #express-oben .paypal-express-option {
		margin-bottom: 12px;
	}
}

/* ============================================================
   Feinschliff nach dem Zendure-Vergleich (18.09.2026)
   ============================================================ */

/* ---------- (A) Felder paarweise ----------

   WARUM KEIN GRID AUF DEM ELTERNCONTAINER:
   Vorname und Nachname liegen nicht direkt in `.content`, sondern in
   `div.private`; die Firmenfelder in `div.business`. Diese beiden
   Container schaltet das Shop-JS beim Wechsel Privat/Geschaeftskunde
   per INLINE-Style um (`style="display: block"` bzw. `display: none`).
   Ein `display: grid` aus dem Stylesheet verliert gegen diesen
   Inline-Style, sobald der Kunde EINMAL umschaltet - beim ersten
   Seitenaufruf traegt `.private` noch kein style-Attribut, danach schon.
   Das waere ein Fehler, den ein Test auf der frisch geladenen Seite
   NICHT zeigt (gemessen 18.09.2026).

   Deshalb haengt die Paarung am Feld selbst: Float + Clearfix wirken
   unabhaengig davon, welches `display` der Container gerade hat.

   FALLBACK OHNE `:has()`: kennt ein Browser den Selektor nicht, fallen
   die Paar-Regeln weg - dann bleibt jedes Feld auf `clear: both` und
   voller Breite, also einspaltig wie bisher. Kein kaputtes Layout.

   Nur ab 980 px: unterhalb 768 px steuert eine Bestandsregel mit
   `!important` das Layout, die nicht angefasst wird. */

@media (min-width: 980px) {
	body[data-controller="order"][data-action="checkout"] #main #address-fields .form-control,
	body[data-controller="order"][data-action="checkout"] #main #shipping-address .form-control {
		clear: both;
	}

	/* linkes Feld eines Paares */
	body[data-controller="order"][data-action="checkout"] #main #address-fields .form-control:has(input[name="firstName"]),
	body[data-controller="order"][data-action="checkout"] #main #address-fields .form-control:has(input[name="postcode"]),
	body[data-controller="order"][data-action="checkout"] #main #address-fields .form-control:has(input[name="phone"]),
	body[data-controller="order"][data-action="checkout"] #main #shipping-address .form-control:has(input[name="shipPostcode"]) {
		float: left;
		clear: both;
		width: calc(50% - 7px);
		margin-right: 14px;
	}

	/* rechtes Feld eines Paares - kein clear, sonst rutscht es unter das linke */
	body[data-controller="order"][data-action="checkout"] #main #address-fields .form-control:has(input[name="lastName"]),
	body[data-controller="order"][data-action="checkout"] #main #address-fields .form-control:has(input[name="city"]),
	body[data-controller="order"][data-action="checkout"] #main #address-fields .form-control:has(input[name="fax"]),
	body[data-controller="order"][data-action="checkout"] #main #shipping-address .form-control:has(input[name="shipCity"]) {
		float: left;
		clear: none;
		width: calc(50% - 7px);
		margin-right: 0;
	}

	/* Clearfix an jedem Container, in dem ein Paar stehen kann - sonst haengt
	   das naechste Element neben den Floats. `display` wird NICHT angefasst,
	   damit das Umschalten Privat/Geschaeftskunde unberuehrt bleibt. */
	body[data-controller="order"][data-action="checkout"] #main #address-fields > .content::after,
	body[data-controller="order"][data-action="checkout"] #main #address-fields .private::after,
	body[data-controller="order"][data-action="checkout"] #main #address-fields .business::after,
	body[data-controller="order"][data-action="checkout"] #main #shipping-address > .content::after {
		content: "";
		display: table;
		clear: both;
	}
}

/* ---------- (B) Menge als Badge ----------
   Die Uebersicht ist zum Pruefen da, nicht zum Aendern - die Menge wird im
   Warenkorb gesetzt. Das Eingabefeld BLEIBT tippbar; nur die Knoepfe gehen weg.

   NUR AB 769 px. Darunter setzt responsive.css (Z 1150-1174, Mediaquery
   max-width: 768px) die Stepper-Knoepfe mit `display: inline-flex !important`
   und 44x44-px-Touchzielen zurueck. Ohne diese Begrenzung war die Mobilansicht
   HALB umgestellt: die Knoepfe kamen zurueck, aber das Feld trug schon den
   Badge-Hintergrund und den Radius, und 3 x 44 px Inhalt sprengten den 36 px
   breiten Wrapper (gemessen 18.09.2026, gefunden vom Kollisions-Workflow -
   die Desktop-Messung hatte das nicht gezeigt).

   BEWUSST KEIN `!important`: Die 44x44-Touchziele sind eine gewollte
   Mobil-Optimierung. Auf dem Handy will man Knoepfe, kein Tippfeld.
   Ein Badge ist dort die schlechtere Bedienung, nicht die modernere. */

@media (min-width: 769px) {
		body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper {
		min-width: 0;
		height: auto;
		background: none;
		border: 0;
		border-radius: 0;
		overflow: visible;
	}

	body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper .dec,
	body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper .inc {
		display: none;
	}

	body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper input.count {
		box-sizing: border-box;
		width: 34px;
		height: 26px;
		margin: 0;
		padding: 0 2px;
		background: #f3f3f5;
		border: 1px solid #e2e2e6;
		border-radius: 13px;
		box-shadow: none;
		font-family: inherit;
		font-size: 12.5px;
		font-weight: 700;
		line-height: 24px;
		text-align: center;
		color: #2b2b33;
	}

	body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper input.count:focus {
		outline: 0;
		background: #fff;
		border-color: #e19f41;
		box-shadow: 0 0 0 3px rgba(225, 159, 65, 0.16);
	}

	body[data-controller="order"][data-action="checkout"] #main #cart table.items td.count-column,
	body[data-controller="order"][data-action="checkout"] #main #cart table.items th:nth-child(3) {
		padding-left: 2px;
		padding-right: 2px;
	}
}

/* === XLT-ENDE: checkout-design === */

/* === XLT-START: shopbreite === */
/* ============================================================
   Shopbreite 960 -> 1280 px (SG, 18.09.2026)

   AUSGANGSLAGE: `.container-fluid { width: 960px; margin: auto }` - ein
   Bootstrap-2-Raster ohne Mediaquery. Ab 1025 px Fensterbreite stand der
   Inhalt fest auf 960 px; auf einem Full-HD-Monitor blieb ueber die Haelfte
   der Flaeche ungenutzt. Unter 1025 px greift weiterhin die Bestandsregel
   `.container-fluid { width: 100% !important }` - die wird NICHT angefasst.

   `min(1280px, calc(100% - 40px))` statt `width: 1280px`: sonst klebt der
   Inhalt bei einem exakt 1280 px breiten Fenster randlos an beiden Seiten.
   Die Zeile davor ist der Rueckfall fuer Browser ohne `min()`.

   `box-sizing: border-box`, weil `.container-fluid` ein Padding traegt -
   ohne das wird der Kasten 1320 statt 1280 px breit (gemessen 18.09.2026).

   GEMESSEN vor dem Einspielen, ohne Deploy, per Probe im Browser:
     Fenster 1280 -> Container 1225, Rand 20 px, kein Ueberlauf
     Fenster 1440 -> Container 1240, kein Ueberlauf
     Fenster 1920 -> Container 1280, kein Ueberlauf
     Startseite (22 Bilder), Artikelseite (82 Bilder), Warenkorb, Bestellen:
     KEIN einziges gedehntes Bild, kein horizontaler Ueberlauf.
     Im HTML aller vier Seitentypen steht KEINE Inline-Breitenangabe -
     das Raster ist durchgaengig `span*` in Prozent und skaliert mit.
   ============================================================ */

@media (min-width: 1025px) {
	.container-fluid {
		box-sizing: border-box;
		width: 1280px;
		width: min(1280px, calc(100% - 40px));
		margin-left: auto;
		margin-right: auto;
	}
}

/* ---------- Formularspalte deckeln ----------
   Ohne Deckel wird das Adressformular auf einem breiten Monitor so breit,
   dass ein einzelnes Eingabefeld 884 px misst (gemessen bei 1920 px).
   Ein Eingabefeld ueber ~600 px liest sich nicht mehr gut. Die linke Spalte
   bekommt deshalb eine Hoechstbreite, und das Ganze wird zentriert. */

@media (min-width: 980px) {
	body[data-controller="order"][data-action="checkout"] #main #order-form > .row-fluid:first-of-type {
		grid-template-columns: minmax(0, 760px) 380px;
		column-gap: 28px;
		justify-content: center;
	}

	body[data-controller="order"][data-action="checkout"] #main #order-form > .row-fluid:first-of-type > .span4:nth-child(3) {
		width: auto;
	}
}

/* ============================================================
   Seitentitel: oranger Balken raus (SG, 18.09.2026)
   "so ist es schön ohne den orangen balken" - Vorbild zendure.de

   Der Balken ist `.ribbon .container-fluid` mit einem Verlauf
   #edb25d -> #ce8217. Er wird zur schlichten Ueberschrift: dunkler
   Titel auf hellem Grund, Untertitel in Grau, eine duenne Linie
   statt einer Farbflaeche.

   DER TITEL BLEIBT. Er sagt dem Kunden, wo er ist ("Warenkorb",
   "Bestellen") - weg kommt die Farbflaeche, nicht die Information.

   Der Selektor nutzt `:has(> .row-fluid h1)`, damit nur der
   TITELbalken getroffen wird und nicht andere `.container-fluid`
   innerhalb von `.ribbon`. Dasselbe Muster benutzt der Bestand
   bereits in seinen Mobilregeln - `:has()` ist hier also nichts Neues.
   ============================================================ */

.ribbon .container-fluid:has(> .row-fluid h1) {
	background: none;
	background-image: none;
	background-color: transparent;
	border-bottom: 1px solid #e8e8ec;
	border-radius: 0;
	box-shadow: none;
	padding-top: 26px;
	padding-bottom: 18px;
	margin-bottom: 24px;
}

.ribbon .container-fluid:has(> .row-fluid h1) h1,
#order-ribbon h1 {
	margin: 0 0 4px;
	padding: 0;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
	color: #1d1d24;
	text-shadow: none;
}

/* `#order-ribbon strong` (1,0,1) schlaegt jeden klassenbasierten Selektor -
   der Untertitel blieb sonst WEISS AUF WEISS (gemessen 18.09.2026). Die ID
   muss mit in den Selektor, genau wie oben beim h1. */
.ribbon .container-fluid:has(> .row-fluid h1) strong,
#order-ribbon strong {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.45;
	color: #6b6b75;
	text-shadow: none;
}

@media (max-width: 767px) {
	.ribbon .container-fluid:has(> .row-fluid h1) {
		padding-top: 16px;
		padding-bottom: 12px;
		margin-bottom: 16px;
	}

	.ribbon .container-fluid:has(> .row-fluid h1) h1,
	#order-ribbon h1 {
		font-size: 22px;
	}

	.ribbon .container-fluid:has(> .row-fluid h1) strong,
	#order-ribbon strong {
		font-size: 13px;
	}
}

/* ---------- Hero auf der Startseite mitziehen ----------
   Gefunden vom Kollisions-Workflow, danach selbst nachgemessen (18.09.2026):
   Der Hero stand bei Fenster 1440 auf 1000 px, waehrend der uebrige Inhalt
   schon 1280 px hatte - 280 px schmaler und sichtbar versetzt.

   Ursache: `responsive.css` traegt eine EIGENE Breite fuer den Hero
   (`body[data-controller="site"][data-action="index"] #product-selection.hero-foto
   > .container-fluid { width: 1000px }`) und wird NACH `style.css` geladen. Bei
   gleicher Spezifitaet gewinnt sie. Deshalb hier ein `html` davor: (1,4,2)
   schlaegt (1,4,1) - ohne !important.

   NUR ab 1025 px: unterhalb setzt der Bestand den Hero auf `width: auto`
   (Mediaqueries 1024 und 768). Das bleibt unangetastet.

   Meine Messung hatte den Fehler NICHT gezeigt, weil sie
   `document.querySelector('.container-fluid')` nahm - und das war der erste
   Container der Seite, nicht der Hero. Eine Stichprobe auf das erste Element
   einer Klasse ist keine Pruefung der Klasse. */

@media (min-width: 1025px) {
	html body[data-controller="site"][data-action="index"] #product-selection.hero-foto > .container-fluid {
		box-sizing: border-box;
		width: 1280px;
		width: min(1280px, calc(100% - 40px));
		margin-left: auto;
		margin-right: auto;
	}
}

/* === XLT-ENDE: shopbreite === */

/* === XLT-START: kopfbereich === */
/* ================================================================
   Kopfbereich ENDFASSUNG - 18.09.2026 (Testshop VM 109)
   ANLASS: SG "weg von dem alten design ... denke design neu, offen frei modern,
   wenn Boxen stoeren weg damit". Jury 18.09.: Entwurf "ruhig" 3x Platz 1; daraus
   die Endfassung mit zwei Grafts: Icon-Kacheln in der Hauptzeile (aus "marke"),
   Warenkorb-Kachel mit Wort + Summe, dunkler Suchknopf und Mobil-Aufbau (aus
   "fachhandel").

   ENTSCHEIDUNGEN (18.09.2026, nicht neu verhandeln):
     1  Nutzenzeile 28 px hellgrau: drei belegte Nutzen links, "Zahlung & Versand" rechts
        (site-popup-trigger). Fuer Haendler (body[data-merchant="true"]) ohne Versandzeile.
     2  Hauptzeile #header 64 px weiss: Logo | Suche (44 px, dunkler "Suchen"-Knopf) |
        Kacheln Kontakt / Mein Konto / Warenkorb / Anmelden (#toggle-quick-login, GANZ RECHTS:
        script.js 1252 oeffnet die Login-Box schon bei mouseenter und schliesst sie nur per
        Klick - stuende Anmelden vor Kontakt/Konto/Korb, kreuzte jeder Mausweg dorthin den
        Ausloeser und die Box bliebe offen; Nachbesserung 18.09., Befund 2 der Gegenpruefung).
     3  Pfadzeile #quickbar 40 px: Brotkrume links, "Drucker waehlen" + Chosen (flach) rechts;
        Label nur, wenn Chosen gebaut ist (:has); im Checkout (order/*) ohne Druckerauswahl.
     4  Startseite: Slogan statt Suche (SG 21.08.2026), keine Pfadzeile. Handy: keine
        Nutzenzeile, eine 56-px-Zeile Logo | Kontakt / Anmelden / Korb (44 px), Suche darunter.
     5  Sticky: der GANZE Kopf (Nutzen + Hauptzeile = 94 px) klebt ab 769 px bei top:0.
        Grund: script.js setzt die Login-Box auf top = outerHeight() des Ausloesers (ohne
        offset().top). Der Ausloeser #toggle-quick-login wird deshalb bis y=0 gestreckt
        (Hoehe 94) und die Box per position:fixed unter den Kopf gelegt - das stimmt nur,
        wenn die Kopfunterkante im Viewport immer bei 94 px liegt. Nur die Hauptzeile kleben
        zu lassen braeuchte eine Zeile in script.js (offset().top addieren) - eigener Schritt.
        AUSNAHME Checkout (body[data-controller="order"]): dort klebt nichts. order-checkout.js
        scrollt beim Init und nach jeder Zahlartwahl das #order-ribbon an die Viewport-
        Oberkante (scrollToRibbon, offset().top + 7) und bei Validierungsfehlern auf das
        Fehlerlabel - 30 px; ein klebender Kopf deckte beides ab (Befund 1, 18.09.). Die
        Login-Box bleibt dort absolute (Bestandsverhalten), sonst hinge sie am Viewport,
        waehrend der Kopf wegscrollt. KEIN html { scroll-padding-top: 94px } fuer die
        anderen Seiten: damit sprang die Seite beim Oeffnen des Schnell-Logins im
        gescrollten Zustand von 600 auf 164 (email.focus() waehrend der Slide-Phase, Box
        im Wrapper bei top:0 = innerhalb des Padding-Bereichs; gemessen 18.09., ohne die
        Regel bleibt scrollY 600). Gleiche Falle droht jedem focus() in fixen Kaesten
        (Slide-in-Warenkorb).
     6  Seitenhintergrund (background-gradient.png) im EIGENEN Block "seitenhintergrund".

   MARKUP: kopf-markup.jsp (main.jsp 175-500). Neue Huellen tragen xlt-kopf*, das alte
   Bootstrap-Raster (.navbar, .row-fluid, .span*) faellt weg - damit greifen die
   Bestandsregeln aus style.css/responsive.css nicht mehr (Weg B, analyse/b-css.md 7).
   Was bleibt, sind Regeln auf den IDs, die script.js braucht (#header, #quickbar,
   #quick-dropdowns, #cart-status, #quick-search, #breadcrumbs, #header-logo). Dafuer gilt
   hier durchgehend das Praefix `html body #page ...` = mindestens (3,0,2); der staerkste
   Bestandsselektor im Kopf ist (3,1,0), die staerkste Mobilregel (3,0,1) mit !important.
   responsive.css laedt NACH style.css - !important nur dort, wo Inline-Werte (Chosen-
   Breite, Autocomplete-z-index) oder !important aus responsive.css im Weg stehen; jede
   Stelle ist kommentiert. SG-Regeln vom 22.08.2026 in responsive.css bleiben unangetastet
   (Kopfsuche mobil aus auf Start/Suche/Bestellen, Dropdowns mobil aus, #quickbar mobil aus
   auf Warenkorb/Bestellen, Login mobil direkt zur Anmeldeseite, Trustbadge Handy-Start).

   ROLLBACK: diesen Block (mit Start- UND Endmarke) aus style.css entfernen und main.jsp
   aus /var/backups/xlt-kopfbereich/<stempel>/ zurueckschreiben; JS-Dateien sind unberuehrt.

   FARBEN/TOKENS (Checkout-Design 18.09.2026): Text #2b2b33 / #6b6b75, Linien #e4e4e7,
   Feldrand #d8d8dc, Grau #b3b3ba, Flaeche #f4f4f4, Marke Orange #e19f41 nur als Akzent
   (Zaehler, Fokus), Hauptaktion Gruen #46a546 / Hover #3d9140 (Zur Kasse), Blau #3690b2 /
   #2f7d9a nur fuer Knoepfe (weisser Text), Radius 4 px Felder/Knoepfe, 6 px Kaesten,
   font-family inherit. Keine Verlaeufe, keine Sprites - Icons als Inline-SVG.
   Ergaenzt 18.09. (Nachbesserung, WCAG 4,5:1 fuer Text < 18 px): Textlinks in Blau
   #25657f (5,9:1 auf #f4f4f4, 6,5:1 auf Weiss; #3690b2 kam auf 3,3:1), Kleintexte #6b6b75
   statt #8b8b93 (5,3:1 statt 3,4:1), Trefferhervorhebung #9c5d0a statt #ce8217 (5,3:1),
   Zaehler-Badge mit DUNKLER Ziffer #2b2b33 auf Orange (6,2:1) bzw. Grau (6,7:1) statt
   weiss (2,3:1 / 2,1:1). Eigene Ableitungen ohne Token: #fdf1e0 (Orange-Tint fuer
   hervorgehobene Zeilen), #15151a (Hover des dunklen Suchknopfs).
   ================================================================ */

/* ---------- Grundlagen ---------- */

html body #page #xlt-kopf,
html body #page #quickbar.xlt-kopf-pfad {
	font-family: inherit;
	font-size: 13px;
	line-height: 1.4;
	color: #2b2b33;
}

html body #page #xlt-kopf *,
html body #page #xlt-kopf *::before,
html body #page #xlt-kopf *::after,
html body #page #quickbar.xlt-kopf-pfad *,
html body #page #quickbar.xlt-kopf-pfad *::before,
html body #page #quickbar.xlt-kopf-pfad *::after {
	box-sizing: border-box;
}

html body #page #xlt-kopf {
	position: relative;
	margin: 0;
	padding: 0;
	background: #fff;
	border: 0;
	box-shadow: none;
}

/* Innenbreite = dieselbe Formel wie der XLT-Block "shopbreite" (.container-fluid).
   Bewusst als min(1280px, 100% - 40px) geschrieben, nicht mit calc() darin: die
   calc-Schreibweise ist der Anker von setze_shopbreite_css.py und darf durch diesen
   Block nicht ein weiteres Mal in style.css auftauchen. */
html body #page #xlt-kopf .xlt-kopf-innen,
html body #page #quickbar.xlt-kopf-pfad .xlt-kopf-innen {
	width: 1280px;
	width: min(1280px, 100% - 40px);
	margin: 0 auto;
	padding: 0 20px;
}

html body #page #xlt-kopf a {
	color: inherit;
	text-decoration: none;
}

/* ---------- Zeile 1: Nutzenzeile ---------- */

html body #page #xlt-kopf .xlt-kopf-service {
	background: #f4f4f4;
	border-bottom: 1px solid #e4e4e7;
}

html body #page #xlt-kopf .xlt-kopf-service .xlt-kopf-innen {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	height: 28px;
}

html body #page #xlt-kopf .xlt-kopf-nutzen {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 28px;
	color: #6b6b75;
	overflow: hidden;
	white-space: nowrap;
}

html body #page #xlt-kopf .xlt-kopf-nutzen li {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

html body #page #xlt-kopf .xlt-kopf-nutzen li + li::before {
	content: "\00b7";
	margin: 0 9px;
	color: #b3b3ba;
}

html body #page #xlt-kopf .xlt-kopf-nutzen a:hover,
html body #page #xlt-kopf .xlt-kopf-nutzen a:focus {
	color: #2b2b33;
	text-decoration: underline;
}

/* Haendler: die 59-EUR-Schwelle gilt nur fuer Endkunden (main.jsp amountForFreeShipping) */
html body[data-merchant="true"] #page #xlt-kopf .xlt-kopf-nutzen li.xlt-kopf-nutzen-versand {
	display: none;
}

html body[data-merchant="true"] #page #xlt-kopf .xlt-kopf-nutzen li.xlt-kopf-nutzen-versand + li::before {
	content: none;
	margin: 0;
}

/* "Zahlung & Versand" - Bootstrap-.btn ist weg, der Knopf sieht aus wie ein Textlink */
html body #page #xlt-kopf .xlt-kopf-service .xlt-kopf-link,
html body #page #xlt-kopf .xlt-kopf-service .xlt-kopf-link:hover,
html body #page #xlt-kopf .xlt-kopf-service .xlt-kopf-link:focus,
html body #page #xlt-kopf .xlt-kopf-service .xlt-kopf-link:active {
	display: inline-block;
	flex: 0 0 auto;
	height: 28px;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	font-family: inherit;
	font-size: 12px;
	line-height: 28px;
	font-weight: 400;
	color: #25657f; /* 5,9:1 auf #f4f4f4; #3690b2 kam nur auf 3,3:1 (Befund 3, 18.09.) */
	cursor: pointer;
	white-space: nowrap;
	outline: 0;
}

html body #page #xlt-kopf .xlt-kopf-service .xlt-kopf-link:hover,
html body #page #xlt-kopf .xlt-kopf-service .xlt-kopf-link:focus {
	color: #2b2b33;
	text-decoration: underline;
}

html body #page #xlt-kopf .xlt-kopf-service .xlt-kopf-link:focus-visible {
	outline: 2px solid #e19f41;
	outline-offset: 2px;
}

/* ---------- Zeile 2: Hauptzeile (#header) ---------- */

/* Bestand <=768: #header { height:auto; border-bottom:1px solid #dcebf0; background:#fff } (1,0,0) */
html body #page #xlt-kopf #header {
	display: block;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 0;
	background: #fff;
	border: 0;
	border-bottom: 1px solid #e4e4e7;
	border-radius: 0;
	box-shadow: none;
}

html body #page #xlt-kopf #header .xlt-kopf-innen {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	height: 64px;
}

/* Logo: PNG bleibt (262x100, keine Vektorfassung) - 44 px hoch mit Luft */
html body #page #xlt-kopf #header-logo {
	display: block;
	flex: 0 0 auto;
	height: 44px;
	margin: 0;
	padding: 0;
	line-height: 0;
	text-align: left;
}

html body #page #xlt-kopf #header-logo img {
	display: block;
	width: auto;
	height: 44px;
	max-width: none;
	max-height: none;
	margin: 0;
}

/* Suche. Bestand hielt #quick-search mit "#header .row-fluid #quick-search { display:none }"
   versteckt, bis initSearch() per Inline-Style display:block setzt (script.js 760). Ohne
   .row-fluid greift das nicht mehr - deshalb hier dasselbe: display:none OHNE !important,
   damit das Inline-block gewinnt. Seiten ohne initSearch (Startseite, Newsletter, Danke-
   Seite: isQuickSearchDisabled) bleiben so von selbst ohne Kopfsuche. Flex am form. */
html body #page #xlt-kopf #quick-search {
	display: none;
	position: relative;
	flex: 0 1 600px;
	float: none;
	width: auto;
	min-width: 0;
	max-width: 600px;
	margin: 0;
	padding: 0;
}

html body #page #xlt-kopf #quick-search form {
	display: flex;
	align-items: stretch;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Bestand <=768 (responsive.css 724): #header #quick-search-input { width:auto !important;
   height:44px !important; margin:0 !important } - die Werte passen zur Endfassung. */
html body #page #xlt-kopf #header #quick-search #quick-search-input {
	display: block;
	flex: 1 1 auto;
	float: none;
	clear: none;
	width: auto;
	min-width: 0;
	height: 44px;
	margin: 0;
	padding: 0 12px 0 40px;
	background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6b75' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 13px center / 18px 18px no-repeat;
	border: 1px solid #d8d8dc;
	border-right: 0;
	border-radius: 4px 0 0 4px;
	box-shadow: none;
	outline: 0;
	font-family: inherit;
	font-size: 14px;
	line-height: 42px;
	color: #2b2b33;
	-webkit-appearance: none;
	appearance: none;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

html body #page #xlt-kopf #header #quick-search #quick-search-input::-webkit-search-decoration,
html body #page #xlt-kopf #header #quick-search #quick-search-input::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

html body #page #xlt-kopf #header #quick-search #quick-search-input::placeholder {
	color: #6b6b75;
	opacity: 1;
}

/* Fokusring: das Feld ueber den nachfolgenden Knopf heben, sonst schneidet der den
   Ring rechts ab (DOM-Reihenfolge; Befund 18.09.) */
html body #page #xlt-kopf #header #quick-search #quick-search-input:focus {
	position: relative;
	z-index: 1;
	outline: 0;
	border-color: #e19f41;
	box-shadow: 0 0 0 3px rgba(225, 159, 65, 0.18);
}

/* Suchknopf: dunkel, mit Wort "Suchen" (der vorhandene input[type=submit]) */
html body #page #xlt-kopf #header #quick-search #quick-search-submit {
	display: block;
	flex: 0 0 auto;
	float: none;
	width: auto;
	min-width: 96px;
	height: 44px;
	margin: 0;
	padding: 0 20px;
	background: #2b2b33;
	background-image: none;
	border: 1px solid #2b2b33;
	border-radius: 0 4px 4px 0;
	box-shadow: none;
	text-shadow: none;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 42px;
	color: #fff;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

html body #page #xlt-kopf #header #quick-search #quick-search-submit:hover,
html body #page #xlt-kopf #header #quick-search #quick-search-submit:focus,
html body #page #xlt-kopf #header #quick-search #quick-search-submit:active {
	background: #15151a;
	background-image: none;
	border-color: #15151a;
	color: #fff;
	outline: 0;
}

html body #page #xlt-kopf #header #quick-search #quick-search-submit:focus-visible {
	outline: 2px solid #e19f41;
	outline-offset: 2px;
}

/* Slogan (nur Startseite, SG 21.08.2026: bleibt) - steht dort, wo sonst die Suche ist.
   Die Zahl ist im Vault unbelegt (konzept.md, offene Frage). */
html body #page #xlt-kopf #header-slogan {
	flex: 1 1 auto;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 14px;
	line-height: 1.3;
	color: #6b6b75;
	white-space: nowrap;
}

html body #page #xlt-kopf #header-slogan span {
	display: inline;
}

html body #page #xlt-kopf #header-slogan strong {
	font-size: 15px;
	font-weight: 700;
	line-height: inherit;
	color: #2b2b33;
}

/* ---------- Kacheln rechts: Kontakt | Mein Konto | Warenkorb | Anmelden (bzw. Abmelden) ----------
   Anmelden steht am rechten Ende (Kopfkommentar Punkt 2): der Ausloeser oeffnet die Login-Box
   schon beim Darueberfahren. Mobil stellt CSS "order" die Folge Kontakt / Anmelden / Korb her. */

html body #page #xlt-kopf .xlt-kopf-aktionen {
	display: flex;
	align-items: center;
	align-self: stretch;
	flex: 0 0 auto;
	gap: 4px;
	margin: 0 -8px 0 0;
	padding: 0;
}

html body #page #xlt-kopf .xlt-kopf-aktion,
html body #page #xlt-kopf .xlt-kopf-korb,
html body #page #xlt-kopf #toggle-quick-login a {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 68px;
	height: 56px;
	margin: 0;
	padding: 4px 8px;
	border: 0;
	border-radius: 6px;
	background: none;
	box-shadow: none;
	text-shadow: none;
	font-family: inherit;
	font-size: 12px;
	font-weight: 500;
	line-height: 14px;
	color: #2b2b33;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

html body #page #xlt-kopf a.xlt-kopf-aktion:hover,
html body #page #xlt-kopf a.xlt-kopf-aktion:focus-visible,
html body #page #xlt-kopf #toggle-quick-login a:hover,
html body #page #xlt-kopf #toggle-quick-login a:focus-visible,
html body #page #xlt-kopf .xlt-kopf-korb:hover,
html body #page #xlt-kopf .xlt-kopf-korb:focus-within {
	background: #f4f4f4;
	color: #2b2b33;
	text-decoration: none;
	outline: 0;
}

html body #page #xlt-kopf a.xlt-kopf-aktion:focus-visible,
html body #page #xlt-kopf #toggle-quick-login a:focus-visible,
html body #page #xlt-kopf .xlt-kopf-korb-link:focus-visible {
	outline: 2px solid #e19f41;
	outline-offset: -2px;
}

/* Icons als Inline-SVG (kein Sprite) */
html body #page #xlt-kopf .xlt-kopf-aktion::before,
html body #page #xlt-kopf #toggle-quick-login a::before {
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	margin: 0 0 4px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px 26px;
}

html body #page #xlt-kopf .xlt-kopf-konto::before,
html body #page #xlt-kopf #toggle-quick-login a::before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b2b33' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c0-3.6 3.6-6 8-6s8 2.4 8 6'/%3E%3C/svg%3E");
}

/* Abmelden: eigenes Symbol (Tuer mit Pfeil hinaus) - eingeloggt steht es neben "Mein Konto",
   das die Person zeigt; zwei gleiche Icons nebeneinander waren Befund 5 (18.09.) */
html body #page #xlt-kopf .xlt-kopf-abmelden::before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b2b33' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4H5.5A1.5 1.5 0 0 0 4 5.5v13A1.5 1.5 0 0 0 5.5 20H10'/%3E%3Cpath d='M15 8l4 4-4 4'/%3E%3Cpath d='M19 12H9'/%3E%3C/svg%3E");
}

html body #page #xlt-kopf .xlt-kopf-kontakt::before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b2b33' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1z'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
}

/* Anmelden = Ausloeser des Schnell-Logins (script.js 1177-1186):
     left = offset().left + outerWidth() - Boxbreite   (rechtsbuendig unter dem Ausloeser)
     top  = outerHeight()                              (OHNE offset().top!)
   Damit "top" stimmt, muss der Container #toggle-quick-login am oberen Seitenrand beginnen:
   align-self:stretch + negative Raender ziehen ihn ueber die Nutzenzeile (28 + 1 px) und die
   untere Linie (1 px) - Hoehe 94 px = Kopfunterkante. Der Container ist fuer Maus/Touch
   durchsichtig (pointer-events), die sichtbare Kachel ist das <a> im unteren Teil. */
html body #page #xlt-kopf #toggle-quick-login {
	display: block;
	align-self: stretch;
	height: auto;
	min-width: 68px;
	margin: -29px 0 -1px;
	padding: 0;
	float: none;
	background: none;
	border-radius: 0;
	pointer-events: none;
}

html body #page #xlt-kopf #toggle-quick-login a {
	position: absolute;
	left: 0;
	right: 0;
	top: 33px;
	bottom: 5px;
	height: auto;
	pointer-events: auto;
}

/* Der Container traegt .xlt-kopf-aktion (Kachelmasse fuer das Streckziel), aber das Icon
   gehoert nur dem <a>: ohne diese Zeile bekaeme auch der Container ein 30-px-::before, das
   mobil als Flex-Kind das <a> von 44 auf 42 px drueckt (gemessen 18.09.). */
html body #page #xlt-kopf #toggle-quick-login::before {
	content: none;
}

/* Bootstrap-Caret: script.js schaltet .caret-up - bleibt im DOM, unsichtbar */
html body #page #xlt-kopf #toggle-quick-login .caret {
	display: none;
}

/* ---------- Warenkorb-Kachel (#cart-status bleibt Template-Ziel) ----------
   Das Template liefert:  .empty > .info > (.icon.icon-cart, b Anzahl, "Artikel im Warenkorb")
                          .full  > .info > (.icon.icon-cart, b Anzahl, b "Artikel", "im Warenkorb", br, b Summe)
                                 + .buttons > a.cart "Anschauen", a.checkout "Zur Kasse"
   font-size:0 blendet die nackten Textknoten aus; sichtbar: Icon links, Anzahl als Zaehler
   (grau bei 0, orange sonst), rechts "Warenkorb" und darunter Summe bzw. "ist leer".
   Screenreader lesen weiter den vollen Text. Kein overflow:hidden in der Kette (a-javascript 4.6). */
html body #page #xlt-kopf .xlt-kopf-korb {
	min-width: 0;
	padding: 0;
}

html body #page #xlt-kopf .xlt-kopf-korb-link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: block;
	border-radius: 6px;
}

html body #page #xlt-kopf #cart-status {
	position: relative;
	display: block;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 0;
	line-height: 1.2;
	text-align: left;
	color: #2b2b33;
	z-index: auto;
	overflow: visible;
	border: 0;
	background: none;
}

html body #page #xlt-kopf #cart-status > div {
	position: static;
	width: auto;
	right: auto;
	margin: 0;
	padding: 0;
	box-shadow: none;
	color: #2b2b33;
}

html body #page #xlt-kopf #cart-status .info {
	position: relative;
	display: block;
	width: 128px;
	height: 48px;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	background: none;
	background-image: none;
	box-shadow: none;
	border: 0;
	text-align: left;
	color: #2b2b33;
}

/* Icon auf derselben Hoehe wie die Icons der Nachbarkacheln (dort y 39-65 im 56-px-Raster:
   26 px Icon + 4 px + 14 px Beschriftung, zentriert). .info beginnt 4 px unter der Kachel-
   oberkante, also top 3 -> 40-66 (Befund 18.09.: vorher 8 px tiefer). */
html body #page #xlt-kopf #cart-status .info .icon.icon-cart {
	position: absolute;
	left: 10px;
	top: 3px;
	width: 26px;
	height: 26px;
	margin: 0;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b2b33' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h2.5l2.2 11.3a1.5 1.5 0 0 0 1.5 1.2h8.9a1.5 1.5 0 0 0 1.5-1.1L21 7H6'/%3E%3Ccircle cx='9.5' cy='20' r='1.4'/%3E%3Ccircle cx='17' cy='20' r='1.4'/%3E%3C/svg%3E") center / 26px 26px no-repeat;
	filter: none;
}

/* Anzahl: Zaehler oben rechts am Icon (erstes <b>). Dunkle Ziffer: 6,2:1 auf Orange,
   6,7:1 auf Grau - weiss kam auf 2,3:1 / 2,1:1 (Befund 4, 18.09.) */
html body #page #xlt-kopf #cart-status .info b:first-of-type {
	position: absolute;
	left: 26px;
	top: -2px;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 9px;
	background: #e19f41;
	font-size: 11px;
	line-height: 18px;
	font-weight: 700;
	color: #2b2b33;
	text-align: center;
}

html body #page #xlt-kopf #cart-status .empty .info b:first-of-type {
	background: #b3b3ba;
	color: #2b2b33;
}

/* "Artikel" (zweites b im vollen Zustand) und der Umbruch bleiben unsichtbar */
html body #page #xlt-kopf #cart-status .full .info b:nth-of-type(2),
html body #page #xlt-kopf #cart-status .info br {
	display: none;
}

html body #page #xlt-kopf #cart-status .info::before {
	content: "Warenkorb";
	position: absolute;
	left: 48px;
	top: 2px;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 500;
	color: #2b2b33;
	white-space: nowrap;
}

/* Summe (letztes b im vollen Zustand) */
html body #page #xlt-kopf #cart-status .full .info b:last-of-type {
	position: absolute;
	left: 48px;
	top: 18px;
	font-size: 13px;
	line-height: 1.2;
	font-weight: 700;
	color: #2b2b33;
	white-space: nowrap;
}

html body #page #xlt-kopf #cart-status .empty .info::after {
	content: "ist leer";
	position: absolute;
	left: 48px;
	top: 19px;
	font-size: 12px;
	line-height: 1.2;
	color: #6b6b75;
	white-space: nowrap;
}

/* "Anschauen" / "Zur Kasse": Karte unter der Kachel bei Hover oder Tastaturfokus;
   liegt (z 5) ueber dem Overlay-Link (z 2), damit die Knoepfe klickbar sind. */
html body #page #xlt-kopf #cart-status .full .buttons {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 5;
	width: 240px;
	margin: 4px 0 0;
	padding: 12px;
	background: #fff;
	border: 1px solid #e4e4e7;
	border-radius: 6px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

html body #page #xlt-kopf .xlt-kopf-korb:hover #cart-status .full .buttons,
html body #page #xlt-kopf .xlt-kopf-korb:focus-within #cart-status .full .buttons {
	display: flex;
	gap: 8px;
}

html body #page #xlt-kopf #cart-status .full .buttons a,
html body #page #xlt-kopf #cart-status .full .buttons a:hover {
	flex: 1 1 50%;
	display: block;
	float: none;
	width: auto;
	height: 40px;
	margin: 0;
	padding: 0 8px;
	border: 1px solid #d8d8dc;
	border-radius: 4px;
	background: #fff;
	background-image: none;
	box-shadow: none;
	text-shadow: none;
	font-family: inherit;
	font-size: 13px;
	line-height: 38px;
	font-weight: 600;
	text-align: center;
	color: #2b2b33;
	text-decoration: none;
	white-space: nowrap;
}

html body #page #xlt-kopf #cart-status .full .buttons a.cart:hover {
	background: #f4f4f4;
}

html body #page #xlt-kopf #cart-status .full .buttons a.checkout,
html body #page #xlt-kopf #cart-status .full .buttons a.checkout:hover {
	margin-left: 0;
	background: #46a546;
	border-color: #46a546;
	color: #fff;
}

html body #page #xlt-kopf #cart-status .full .buttons a.checkout:hover {
	background: #3d9140;
	border-color: #3d9140;
}

/* .order-flow (Checkout, per JS) faerbte alles blau - Kachel bleibt neutral */
html body #page #xlt-kopf #cart-status.order-flow .info,
html body #page #xlt-kopf #cart-status.order-flow .buttons {
	background: none;
	background-image: none;
	border-top: 0;
}

/* Bestand: body[newsletter][index] #cart-status { display:none } - dann auch die Huelle weg */
html body[data-controller="newsletter"][data-action="index"] #page #xlt-kopf .xlt-kopf-korb {
	display: none;
}

/* ---------- Zeile 3: Pfadzeile (#quickbar, Geschwister von #xlt-kopf, nicht sticky) ---------- */

html body #page #quickbar.xlt-kopf-pfad {
	height: auto;
	min-height: 0;
	margin: 0 0 8px;
	padding: 0;
	background: #fff;
	background-image: none;
	border: 0;
	box-shadow: none;
}

html body #page #quickbar.xlt-kopf-pfad .xlt-kopf-innen {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 40px;
	padding-top: 3px;
	padding-bottom: 3px;
}

html body #page #quickbar #breadcrumbs {
	display: block;
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	color: #6b6b75;
}

html body #page #quickbar #breadcrumbs .breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	padding: 0;
	background: none;
	background-image: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	list-style: none;
	font-size: 12.5px;
	line-height: 18px;
	color: #6b6b75;
	overflow-wrap: anywhere;
}

html body #page #quickbar #breadcrumbs .breadcrumb li {
	display: inline;
	margin: 0;
	padding: 0;
	text-shadow: none;
	color: #6b6b75;
}

html body #page #quickbar #breadcrumbs .breadcrumb li a {
	color: #6b6b75;
	text-decoration: none;
}

html body #page #quickbar #breadcrumbs .breadcrumb li a:hover {
	color: #2b2b33;
	text-decoration: underline;
}

html body #page #quickbar #breadcrumbs .breadcrumb li .divider {
	padding: 0 7px;
	color: #b3b3ba;
}

html body #page #quickbar #breadcrumbs .breadcrumb li.active {
	color: #2b2b33;
	font-weight: 600;
}

/* Druckerauswahl rechts: nur, wenn Chosen gebaut ist (Newsletter/Danke-Seite/Checkout: nie) */
html body #page #quickbar .xlt-kopf-modell {
	display: none;
	flex: 0 0 auto;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0;
}

html body #page #quickbar:has(.chzn-container) .xlt-kopf-modell {
	display: flex;
}

/* Checkout: keine Druckerauswahl. Warenkorbseite: ebenfalls nicht - dort stuende sie leer
   ("Druckerhersteller / Druckermodell") neben "Startseite > Warenkorb"; mobil hat SG die ganze
   Pfadzeile auf /warenkorb entfernt (responsive.css), Desktop zieht nach (Befund 18.09.). */
html body[data-controller="order"] #page #quickbar .xlt-kopf-modell,
html body[data-controller="cart"] #page #quickbar .xlt-kopf-modell {
	display: none;
}

html body #page #quickbar .xlt-kopf-modell-label {
	font-size: 12px;
	color: #6b6b75;
	white-space: nowrap;
}

html body #page #quickbar #quick-dropdowns {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	width: auto;
	margin: 0;
	padding: 0;
}

html body #page #quickbar #quick-dropdowns::before {
	content: none;
}

/* Breite VOR der Chosen-Initialisierung: Chosen misst outerWidth() des Selects
   (script.js 865) und schreibt sie als Inline-Style in den Klon - deshalb unten !important
   auf den Klon (so macht es responsive.css 243 auch, dort 48 % bei <=1024). */
html body #page #quickbar #quick-dropdowns select {
	display: none;
	width: 236px;
}

html body #page #quickbar #quick-dropdowns .chzn-container,
html body #page #quickbar #quick-dropdowns #quick-vendor-dropdown + div,
html body #page #quickbar #quick-dropdowns #quick-model-dropdown + div {
	float: none;
	display: inline-block;
	width: 236px !important;
	max-width: 100%;
	margin: 0;
	vertical-align: top;
	font-family: inherit;
	font-size: 13px;
}

html body #page #quickbar #quick-dropdowns .chzn-container-single .chzn-single {
	display: block;
	position: relative;
	height: 34px;
	margin: 0;
	padding: 0 32px 0 12px;
	background: #fff;
	background-image: none;
	border: 1px solid #d8d8dc;
	border-radius: 4px;
	box-shadow: none;
	text-shadow: none;
	font-size: 13px;
	font-weight: 400;
	line-height: 32px;
	color: #2b2b33;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

html body #page #quickbar #quick-dropdowns .chzn-container-single .chzn-single span {
	display: block;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* Pfeilkasten: Chosen rendert <div><b></b></div>; Bestand legt Sprite + blauen Kasten darauf */
html body #page #quickbar #quick-dropdowns .chzn-container-single .chzn-single > div {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 30px;
	height: 100%;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
}

html body #page #quickbar #quick-dropdowns .chzn-container-single .chzn-single > div > b,
html body #page #quickbar #quick-dropdowns .chzn-container-single .chzn-single-with-drop > div > b,
html body #page #quickbar #quick-dropdowns .chzn-container-active .chzn-single-with-drop div b {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	background-color: transparent;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%236b6b75' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px 12px;
}

html body #page #quickbar #quick-dropdowns .chzn-container-single .chzn-single-with-drop > div > b {
	transform: rotate(180deg);
}

html body #page #quickbar #quick-dropdowns .chzn-container-single .chzn-single:hover {
	border-color: #b3b3ba;
}

html body #page #quickbar #quick-dropdowns .chzn-container-active .chzn-single {
	border-color: #e19f41;
	box-shadow: 0 0 0 3px rgba(225, 159, 65, 0.18);
}

html body #page #quickbar #quick-dropdowns .chzn-container-active .chzn-single-with-drop {
	background: #fff;
	background-image: none;
	border-color: #e19f41;
	border-radius: 4px 4px 0 0;
	box-shadow: none;
}

html body #page #quickbar #quick-dropdowns .chzn-container .chzn-drop {
	width: 236px !important;
	max-width: none;
	margin: 0;
	background: #fff;
	border: 1px solid #e19f41;
	border-top: 0;
	border-radius: 0 0 6px 6px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
	color: #2b2b33;
	/* Unter dem klebenden Kopf (990): dessen Hover-Karte der Warenkorb-Kachel liegt damit ueber
	   einer offenen Liste (vorher 999 im Wurzelkontext > 990, Ueberlappung 25 px; Befund 18.09.).
	   Ueber allem Seiteninhalt liegt die Liste weiterhin (dort hoechstens 10000 fuer Popover,
	   die nie gleichzeitig offen sind). */
	z-index: 980;
}

html body #page #quickbar #quick-dropdowns .chzn-container-single .chzn-search {
	margin: 0;
	padding: 8px;
	background: none;
}

html body #page #quickbar #quick-dropdowns .chzn-container-single .chzn-search input {
	display: block;
	width: 100% !important; /* Chosen setzt die Breite inline */
	max-width: 100%;
	height: 32px;
	margin: 0;
	padding: 0 10px;
	background: #fff;
	background-image: none;
	border: 1px solid #d8d8dc;
	border-radius: 4px;
	box-shadow: none;
	outline: 0;
	font-family: inherit;
	font-size: 13px;
	line-height: 30px;
	color: #2b2b33;
}

html body #page #quickbar #quick-dropdowns .chzn-container-single .chzn-search input:focus {
	border-color: #e19f41;
}

html body #page #quickbar #quick-dropdowns .chzn-container .chzn-results {
	margin: 0;
	padding: 4px 0 6px;
	max-height: 280px;
}

html body #page #quickbar #quick-dropdowns .chzn-container .chzn-results li {
	margin: 0;
	padding: 7px 12px;
	font-size: 13px;
	line-height: 1.3;
	color: #2b2b33;
}

html body #page #quickbar #quick-dropdowns .chzn-container .chzn-results .group-option {
	padding-left: 20px;
}

html body #page #quickbar #quick-dropdowns .chzn-container .chzn-results .group-result {
	padding: 8px 12px 4px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #6b6b75;
}

html body #page #quickbar #quick-dropdowns .chzn-container .chzn-results .highlighted,
html body #page #quickbar #quick-dropdowns .chzn-drop .highlighted {
	background: #fdf1e0;
	background-image: none;
	color: #2b2b33;
}

html body #page #quickbar #quick-dropdowns .chzn-container .chzn-results .result-selected {
	font-weight: 600;
}

html body #page #quickbar #quick-dropdowns .chzn-container .chzn-results .no-results {
	background: #f4f4f4;
	color: #6b6b75;
}

/* Pfadzeile aus, wo weder Brotkrume noch Chosen gebraucht werden (isQuickSearchDisabled) */
html body[data-controller="site"][data-action="index"] #page #quickbar.xlt-kopf-pfad,
html body[data-controller="newsletter"][data-action="index"] #page #quickbar.xlt-kopf-pfad,
html body[data-controller="order"][data-action="thankyou"] #page #quickbar.xlt-kopf-pfad {
	display: none;
}

/* ---------- Autocomplete-Menue der Kopfsuche (jQuery UI haengt es an <body>) ----------
   Nicht auf der Startseite (site/index): dort gehoert das einzige Menue zur Hero-Suche
   (#product-search), die unangetastet bleibt. /kontakt, /impressum usw. sind site/<action>
   und bekommen das neue Menue. z-index: jQuery UI setzt inline zIndex(input)+1 - das ist
   991 (vom klebenden Kopf 990); ueber Sticky und Chosen-Drop soll es sicher liegen,
   deshalb 1001 mit !important (Inline-Wert). Modal (1040) und Slide-in (10040) bleiben darueber. */
html body:not([data-controller="site"][data-action="index"]) ul.ui-autocomplete.ui-menu {
	z-index: 1001 !important;
	margin: 4px 0 0;
	padding: 6px 0;
	background: #fff;
	border: 1px solid #e4e4e7;
	border-radius: 6px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
	font-family: inherit;
	font-size: 13px;
	overflow: hidden;
}

html body:not([data-controller="site"][data-action="index"]) ul.ui-autocomplete.ui-menu .ui-autocomplete-category,
html body:not([data-controller="site"][data-action="index"]) ul.ui-autocomplete.ui-menu .ui-autocomplete-category.odd-row {
	margin: 4px 0 2px;
	padding: 6px 14px 3px;
	background: none;
	background-image: none;
	text-align: left;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #6b6b75;
}

html body:not([data-controller="site"][data-action="index"]) ul.ui-autocomplete.ui-menu .ui-menu-item,
html body:not([data-controller="site"][data-action="index"]) ul.ui-autocomplete.ui-menu .ui-menu-item.odd-row {
	background: none;
}

html body:not([data-controller="site"][data-action="index"]) ul.ui-autocomplete.ui-menu .ui-menu-item a {
	padding: 7px 14px;
	color: #2b2b33;
	line-height: 1.3;
}

html body:not([data-controller="site"][data-action="index"]) ul.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-hover {
	background: #fdf1e0;
	color: #2b2b33;
}

html body:not([data-controller="site"][data-action="index"]) ul.ui-autocomplete.ui-menu .ui-menu-item em,
html body:not([data-controller="site"][data-action="index"]) ul.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-hover em {
	font-style: normal;
	font-weight: 700;
	color: #9c5d0a; /* 5,3:1 auf Weiss, 4,7:1 auf #fdf1e0; #ce8217 kam auf 3,1:1 */
}

/* Farbkaestchen der Artikel: der Server liefert <div class="color-boxes horizontal"> VOR dem
   Text, der Bestand floatet es nach rechts - im 504 px breiten Menue stand das nackte schwarze
   Quadrat 300 px vom Text entfernt (Befund 18.09.). Hier als Farbtupfer direkt vor dem Text. */
html body:not([data-controller="site"][data-action="index"]) ul.ui-autocomplete.ui-menu .ui-menu-item .color-boxes {
	float: none;
	display: inline-flex;
	align-items: center;
	gap: 2px;
	margin: 0 8px 0 0;
	vertical-align: -1px;
}

html body:not([data-controller="site"][data-action="index"]) ul.ui-autocomplete.ui-menu .ui-menu-item .color-boxes span,
html body:not([data-controller="site"][data-action="index"]) ul.ui-autocomplete.ui-menu .ui-menu-item .color-boxes span:first-child {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0;
	border: 1px solid rgba(43, 43, 51, 0.25);
	border-radius: 2px;
}

/* ---------- Schnell-Login (ausserhalb von #page; script.js positioniert) ----------
   Nur der Slide-Modus (kein .use-overlay). script.js setzt position:absolute inline und
   top = outerHeight(#toggle-quick-login) = 94 px; hier wird daraus position:fixed - die Box
   haengt damit immer an der Kopfunterkante (der ganze Kopf klebt bei top:0), auch gescrollt.
   jQuery-UI-Slide: die Box steckt waehrend der Animation in .ui-effects-wrapper, der die
   berechnete Position der Box uebernimmt (gelesen NACH dem Einwickeln). Waere die Box dort
   absolute, laege der Wrapper in Dokumentkoordinaten (y 94) und email.focus() wuerde die
   Seite nach oben springen lassen (gemessen 18.09.: scrollY 600 -> 0). Deshalb auch im
   Wrapper fixed - und dort unsichtbar (opacity), weil die Box selbst dann mit left:0 aus
   dem Inline-Style am linken Rand laege. Ergebnis: kein Slide, die Box erscheint nach der
   Animationsdauer (400 ms) fertig positioniert. Der Fokus bleibt wie im Bestand auf dem
   Ausloeser (email.focus() laeuft ins Leere, gemessen an Ist und Endfassung). */
@media screen and (min-width: 769px) {
	html body > #quick-login:not(.use-overlay),
	html body > .ui-effects-wrapper > #quick-login:not(.use-overlay) {
		position: fixed !important;
	}

	html body > .ui-effects-wrapper > #quick-login:not(.use-overlay) {
		opacity: 0;
	}

	/* Checkout: der Kopf klebt dort nicht (s. u.), die Box bleibt wie im Bestand absolute
	   (Inline-Wert von script.js) und rutscht mit dem Kopf weg; Slide sichtbar. */
	html body[data-controller="order"] > #quick-login:not(.use-overlay),
	html body[data-controller="order"] > .ui-effects-wrapper > #quick-login:not(.use-overlay) {
		position: absolute !important;
		opacity: 1;
	}
}

html body #quick-login {
	box-sizing: border-box;
	width: 320px;
	padding: 16px;
	background: #fff;
	border: 1px solid #e4e4e7;
	border-top: 0;
	border-radius: 0 0 6px 6px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
	color: #2b2b33;
	font-family: inherit;
	font-size: 13px;
}

/* Overlay-Modus (loginResult failed/denied/captcha): Bestand zentriert mit left:50% und
   margin-left:-140px fuer ~280 px Breite - bei 320 px hier die halbe Breite (Befund 18.09.);
   <=768 px ueberschreibt responsive.css 894 (fixed, left/right 12 px, margin auto). */
html body #quick-login.use-overlay {
	margin-left: -160px;
	border-top: 1px solid #e4e4e7;
	border-radius: 6px;
}

html body #quick-login .info {
	width: auto;
	margin: 0 0 10px;
	text-align: left;
}

html body #quick-login form {
	margin: 0;
}

html body #quick-login form label {
	display: block;
	width: auto;
	margin: 0 0 4px;
	padding: 0;
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.3;
	color: #6b6b75;
}

html body #quick-login form input[type="text"],
html body #quick-login form input[type="password"] {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 38px;
	margin: 0 0 10px;
	padding: 8px 11px;
	background: #fff;
	border: 1px solid #d8d8dc;
	border-radius: 4px;
	box-shadow: none;
	font-family: inherit;
	font-size: 13.5px;
	line-height: 20px;
	color: #2b2b33;
}

html body #quick-login form input[type="text"]:focus,
html body #quick-login form input[type="password"]:focus {
	outline: 0;
	border-color: #e19f41;
	box-shadow: 0 0 0 3px rgba(225, 159, 65, 0.18);
}

html body #quick-login form .buttons {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 4px 0 12px;
}

html body #quick-login form .buttons .btn,
html body #quick-login form .buttons .btn:hover,
html body #quick-login form .buttons .btn:focus {
	margin: 0;
	padding: 9px 18px;
	background: #3690b2;
	background-image: none;
	border: 1px solid #2f7d9a;
	border-radius: 4px;
	box-shadow: none;
	text-shadow: none;
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
}

html body #quick-login form .buttons .btn:hover,
html body #quick-login form .buttons .btn:focus {
	background: #2f7d9a;
}

html body #quick-login form .forgot-password,
html body #quick-login a {
	position: static;
	right: auto;
	color: #25657f; /* 6,5:1 auf Weiss (#3690b2: 3,7:1) */
	text-decoration: none;
}

html body #quick-login form .forgot-password:hover,
html body #quick-login a:hover {
	text-decoration: underline;
}

html body #quick-login form label.error {
	color: #dc4e44;
	font-weight: 400;
	margin: -6px 0 8px;
}

/* ---------- Sticky (ab 769 px): der ganze Kopf klebt, s. Kopfkommentar Punkt 5 ----------
   z-index 990 liegt unter Login-Box (1000, JS), Chosen-Drop (999), Autocomplete (1001),
   Modal (1040) und Slide-in (10040). */
@media screen and (min-width: 769px) {
	html body #page #xlt-kopf {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 990;
	}

	/* Checkout (order/*): nichts klebt - order-checkout.js scrollt #order-ribbon an die
	   Oberkante (offset().top + 7) und Fehlerlabels auf -30 px; ein klebender Kopf deckte
	   Ribbon und Ziele ab (Befund 1, 18.09.). Bewusst OHNE html { scroll-padding-top }
	   fuer die uebrigen Seiten - s. Kopfkommentar Punkt 5 (Scrollsprung beim Login). */
	html body[data-controller="order"] #page #xlt-kopf {
		position: static;
		z-index: auto;
	}
}

/* ---------- Tablet <= 1024 ---------- */
@media screen and (max-width: 1024px) {
	html body #page #xlt-kopf .xlt-kopf-innen,
	html body #page #quickbar.xlt-kopf-pfad .xlt-kopf-innen {
		width: 100%;
		max-width: 100%;
		padding-left: 16px;
		padding-right: 16px;
	}

	html body #page #xlt-kopf #header .xlt-kopf-innen {
		gap: 16px;
	}

	html body #page #xlt-kopf #quick-search {
		flex-basis: 440px;
		max-width: 440px;
	}

	/* Das <a> des Login-Ausloesers mitnehmen (Grundregel 68 px): sonst ragt es 8 px ueber
	   seinen 60-px-Container hinaus - als letzte Kachel bis an den Viewport-Rand (18.09.) */
	html body #page #xlt-kopf .xlt-kopf-aktion,
	html body #page #xlt-kopf #toggle-quick-login,
	html body #page #xlt-kopf #toggle-quick-login a {
		min-width: 60px;
	}

	html body #page #quickbar #quick-dropdowns select,
	html body #page #quickbar #quick-dropdowns .chzn-container,
	html body #page #quickbar #quick-dropdowns #quick-vendor-dropdown + div,
	html body #page #quickbar #quick-dropdowns #quick-model-dropdown + div,
	html body #page #quickbar #quick-dropdowns .chzn-container .chzn-drop {
		width: 210px !important;
	}
}

/* ---------- Schmales Tablet 769-900: Platzhalter "Artikel und Druckersuche" (157 px bei
   14 px) blieb bei 769-819 px abgeschnitten (Innenbreite 113 / 144 px; Befund 18.09.).
   Logo 36 px, Kacheln 56 px, Suchknopf 72 px, Luecken 12 px = rund 70 px mehr fuers Feld. */
@media screen and (min-width: 769px) and (max-width: 900px) {
	html body #page #xlt-kopf #header .xlt-kopf-innen {
		gap: 12px;
	}

	html body #page #xlt-kopf #header-logo,
	html body #page #xlt-kopf #header-logo img {
		height: 36px;
	}

	html body #page #xlt-kopf .xlt-kopf-aktionen {
		gap: 2px;
	}

	html body #page #xlt-kopf .xlt-kopf-aktion,
	html body #page #xlt-kopf #toggle-quick-login,
	html body #page #xlt-kopf #toggle-quick-login a {
		min-width: 56px;
		padding-left: 4px;
		padding-right: 4px;
	}

	html body #page #xlt-kopf #header #quick-search #quick-search-submit {
		min-width: 72px;
		padding: 0 12px;
	}
}

/* ---------- Handy <= 768 ----------
   Keine Nutzenzeile, kein Sticky. Eine 56-px-Zeile: Logo links, rechts Kontakt / Anmelden
   (bzw. Mein Konto, eingeloggt) / Warenkorb als 44-px-Ziele; Suche darunter volle Breite
   (44 px, Bestand responsive.css 724 mit !important passt); Brotkrume 34 px; Druckerauswahl
   bleibt per SG-Regel aus (responsive.css 2882). Login-Klick fuehrt zu /anmelden (script.js). */
@media screen and (max-width: 768px) {
	html body #page #xlt-kopf .xlt-kopf-innen,
	html body #page #quickbar.xlt-kopf-pfad .xlt-kopf-innen {
		padding-left: 12px;
		padding-right: 12px;
	}

	html body #page #xlt-kopf .xlt-kopf-service {
		display: none;
	}

	html body #page #xlt-kopf #header .xlt-kopf-innen {
		flex-wrap: wrap;
		align-items: center;
		gap: 0 6px;
		height: auto;
		min-height: 56px;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	html body #page #xlt-kopf #header-logo {
		order: 1;
		flex: 1 1 auto;
		height: 36px;
	}

	html body #page #xlt-kopf #header-logo img {
		height: 36px;
	}

	html body #page #xlt-kopf .xlt-kopf-aktionen {
		order: 2;
		align-self: center;
		gap: 0;
		margin: 0 -4px 0 auto;
	}

	/* Beschriftung 12 px (Befund 6, 18.09.: 10 px waren zu klein): 24 + 2 + 13 = 39 px in 44 */
	html body #page #xlt-kopf .xlt-kopf-aktion,
	html body #page #xlt-kopf .xlt-kopf-korb,
	html body #page #xlt-kopf #toggle-quick-login a {
		min-width: 56px;
		height: 44px;
		padding: 2px 4px;
		font-size: 12px;
		line-height: 13px;
	}

	/* Reihenfolge Kontakt / Anmelden (bzw. Mein Konto) / Korb - im DOM steht Anmelden zuletzt */
	html body #page #xlt-kopf #toggle-quick-login {
		order: 2;
	}

	html body #page #xlt-kopf .xlt-kopf-korb {
		order: 3;
	}

	html body #page #xlt-kopf .xlt-kopf-aktion::before,
	html body #page #xlt-kopf #toggle-quick-login a::before {
		width: 24px;
		height: 24px;
		margin-bottom: 2px;
		background-size: 24px 24px;
	}

	/* Anmelden-Ausloeser: keine Streckung (Login-Box wird mobil nie geoeffnet, Klick -> /anmelden) */
	html body #page #xlt-kopf #toggle-quick-login {
		display: flex;
		align-self: center;
		height: 44px;
		min-width: 56px;
		margin: 0;
		padding: 0; /* sonst schrumpft das <a> als Flex-Kind auf 42 px */
		pointer-events: auto;
	}

	html body #page #xlt-kopf #toggle-quick-login a {
		position: static;
		height: 44px;
	}

	/* Gast: Anmelden statt Mein Konto; eingeloggt: Mein Konto statt Abmelden */
	html body #page #xlt-kopf .xlt-kopf-aktionen:has(#toggle-quick-login) .xlt-kopf-konto,
	html body #page #xlt-kopf .xlt-kopf-abmelden {
		display: none;
	}

	html body #page #xlt-kopf #quick-search {
		order: 3;
		flex: 1 1 100%;
		max-width: none;
		margin: 4px 0 0;
	}

	html body #page #xlt-kopf #header #quick-search #quick-search-input {
		font-size: 16px; /* kein iOS-Zoom beim Fokus */
		padding-left: 38px;
	}

	html body #page #xlt-kopf #header #quick-search #quick-search-submit {
		min-width: 84px;
		padding: 0 14px;
	}

	html body #page #xlt-kopf #header-slogan {
		display: none;
	}

	/* Warenkorb: nur Icon + Zaehler (44 px), Tipp fuehrt ueber den Overlay-Link zum Warenkorb */
	html body #page #xlt-kopf #cart-status .info {
		width: 52px;
		height: 44px;
	}

	html body #page #xlt-kopf #cart-status .info .icon.icon-cart {
		left: 13px;
		top: 9px;
	}

	html body #page #xlt-kopf #cart-status .info b:first-of-type {
		left: 28px;
		top: 2px;
	}

	html body #page #xlt-kopf #cart-status .info::before,
	html body #page #xlt-kopf #cart-status .empty .info::after,
	html body #page #xlt-kopf #cart-status .full .info b:last-of-type {
		display: none;
	}

	html body #page #xlt-kopf #cart-status .full .buttons,
	html body #page #xlt-kopf .xlt-kopf-korb:hover #cart-status .full .buttons,
	html body #page #xlt-kopf .xlt-kopf-korb:focus-within #cart-status .full .buttons {
		display: none;
	}

	/* Pfadzeile: Brotkrume 34 px; Druckerauswahl bleibt aus (SG 22.08.2026) */
	html body #page #quickbar .xlt-kopf-modell,
	html body #page #quickbar:has(.chzn-container) .xlt-kopf-modell {
		display: none;
	}

	html body #page #quickbar.xlt-kopf-pfad {
		margin-bottom: 0;
	}

	html body #page #quickbar.xlt-kopf-pfad .xlt-kopf-innen {
		min-height: 0;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	html body #page #quickbar #breadcrumbs .breadcrumb {
		font-size: 12px;
	}
}

@media screen and (max-width: 400px) {
	html body #page #xlt-kopf #header-logo,
	html body #page #xlt-kopf #header-logo img {
		height: 32px;
	}

	html body #page #xlt-kopf .xlt-kopf-aktion,
	html body #page #xlt-kopf #toggle-quick-login,
	html body #page #xlt-kopf #toggle-quick-login a {
		min-width: 50px;
	}
}
/* === XLT-ENDE: kopfbereich === */

/* === XLT-START: seitenhintergrund === */
/* ============================================================
   Seitenhintergrund - 18.09.2026 (mit dem Kopfbereich eingespielt, eigener Block)
   Bestand: body { background: transparent url(background-gradient.png) repeat-y center }
   - ein 1030 x 1 px Streifen aus der 960er-Zeit. Seit der Shopbreite 1280 (18.09.2026)
   laufen seine Kanten als zwei senkrechte Linien bei x ~ 220 / 1220 mitten durch den
   Inhalt. Nur das Bild weg, Farbe (weiss) bleibt. (1,0,2) schlaegt body (0,0,1).
   ROLLBACK: diesen Block (Start- UND Endmarke) aus style.css entfernen.
   ============================================================ */
html body { background-image: none; }
/* === XLT-ENDE: seitenhintergrund === */

/* === XLT-START: boxen-design === */
/* ============================================================
   Kastenkoepfe neutral - Variante "neutral" - 19.09.2026
   (SG zum Screenshot der Artikelseite: "diese blauen box banner
   sind zu kraeftig / hart")

   WAS: Die blauen Verlaufskoepfe (#358dae -> #74bbd5, weisse Schrift,
   Schatten 0 1px 3px) auf Artikel-/Druckerseite (item/index),
   Herstellerseite (printer/index) und Suchergebnisseite (item/search)
   bekommen genau die Kopfzeile des Checkouts vom 18.09.2026:
   Flaeche #fafafb, Linie #ececef darunter, Text #2b2b33 14px/600,
   kein Verlauf, kein Schatten, kein text-shadow. Die Kaesten darunter
   werden weiss mit Rand 1px #e4e4e7, Radius 6px und dem weichen
   Schatten 0 1px 2px rgba(0,0,0,.04) - wie `.form-pane` im Checkout.
   Das Info-Sprite im Kopf (20x20 aus sprites.png, mit Schatten) wird
   durch ein CSS-gezeichnetes graues "i" ersetzt; der Tooltip haengt
   weiter am selben span. Der Goodie-Kopf "GRATIS MITBESTELLEN!"
   wird ebenso neutral, mit einem kleinen orangen Punkt als Akzent.

   NICHT angefasst: Footer (blau, eigene Aufgabe), Kopfbereich, Hero,
   Warenkorb, Checkout,
   die orangen Korb-Knoepfe, Popover-Koepfe (#goody-details-popover,
   #item-details-popover).

   SPEZIFITAET: dasselbe Praefix wie der Bestand, davor `html`, und
   `#main` als Anker - damit stehen die Regeln ueber dem Bestand in
   style.css (z. B. (0,4,1) fuer `.dialog .header`) und ueber den
   Mobilregeln in responsive.css (max. (1,4,2)), ohne !important.
   Einzige Ausnahme: `color` der h1 auf der Herstellerseite - sie
   traegt in printer/index.jsp ein Inline-`style="color:#fff"`, das
   nur !important schlaegt.

   MOBIL (<= 768): responsive.css setzt fuer `#results .type > .header`
   (10px 12px, min-height 46), `#details > .dialog > .header` (9px 12px,
   h2 18px) und `#search-results > header` (9px 12px) eigene Abstaende;
   weil dieser Block hoeher spezifisch ist, werden sie hier
   1:1 wiederholt, damit nichts davon verloren geht. `#details > .dialog`
   bleibt auf dem Handy die eigene Karte aus responsive.css (Radius 10px,
   overflow hidden); nur Randfarbe und Schatten werden angeglichen.
   Der Goodie-Kasten ist <= 768 ohnehin ausgeblendet.

   ROLLBACK: diesen Block aus style.css entfernen (XLT-START bis
   XLT-ENDE), nichts sonst wurde veraendert.
   ============================================================ */

/* ---------- Artikel-/Druckerseite: Ergebniskaesten ---------- */

html body[data-controller="item"][data-action="index"] #main #results article.dialog {
	background: #fff;
	border: 1px solid #e4e4e7;
	border-radius: 6px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* Kopfzeile aller .dialog-Kaesten (Ergebnislisten und Details) */
html body[data-controller="item"][data-action="index"] #main #results article.type.dialog > header.header,
html body[data-controller="item"][data-action="index"] #main #details section.dialog > header.header {
	display: flex;
	align-items: center;
	gap: 8px;
	box-sizing: border-box;
	margin: 0;
	padding: 12px 16px;
	min-height: 0;
	background-color: #fafafb;
	background-image: none;
	border: 0;
	border-bottom: 1px solid #ececef;
	border-radius: 5px 5px 0 0;
	box-shadow: none;
	text-shadow: none;
	text-align: left;
	color: #2b2b33;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}

html body[data-controller="item"][data-action="index"] #main #results article.type.dialog > header.header h2,
html body[data-controller="item"][data-action="index"] #main #details section.dialog > header.header h2 {
	float: none;
	margin: 0;
	padding: 0;
	min-width: 0;
	color: #2b2b33;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	text-shadow: none;
}

/* Druckermodell rechts, gedaempft */
html body[data-controller="item"][data-action="index"] #main #results article.type.dialog > header.header .printer-model,
html body[data-controller="item"][data-action="index"] #main #details section.dialog > header.header .printer-model {
	margin-left: auto;
	padding-left: 8px;
	color: #6b6b75;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	/* kein nowrap: lange Modellnamen (z. B. Color LaserJet Enterprise MFP)
	   duerfen bei 375 px umbrechen statt den Titel zu quetschen */
	white-space: normal;
	max-width: 55%;
	text-align: right;
}

/* Info-Sprite -> CSS-gezeichnetes "i" im Kreis (Tooltip bleibt am span) */
html body[data-controller="item"][data-action="index"] #main #results article.type.dialog > header.header .icon-info,
html body[data-controller="item"][data-action="index"] #main #details section.dialog > header.header .icon-info {
	flex: 0 0 auto;
	float: none;
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	margin: 0;
	padding: 0;
	background: none;
	/* #86868f: 3,46:1 auf #fafafb - der Kreis ist ein Tooltip-Ausloeser,
	   fuer Bedienelemente gelten 3:1 (WCAG 1.4.11) */
	border: 1px solid #86868f;
	border-radius: 50%;
	box-shadow: none;
	color: #6b6b75;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 11px;
	font-style: italic;
	font-weight: 700;
	line-height: 16px;
	text-align: center;
	cursor: help;
}

html body[data-controller="item"][data-action="index"] #main #results article.type.dialog > header.header .icon-info::before,
html body[data-controller="item"][data-action="index"] #main #details section.dialog > header.header .icon-info::before {
	content: "i";
}

/* Inhalt ohne den harten Schatten; Radius passend zum 6px-Rand aussen */
html body[data-controller="item"][data-action="index"] #main #results article.type.dialog > .content,
html body[data-controller="item"][data-action="index"] #main #details section.dialog > .content {
	box-shadow: none;
	border-radius: 0 0 5px 5px;
}

/* Fusszeile "* Alle Preise zzgl. Versandkosten" liegt jetzt im Kasten:
   Einzug wie der Inhalt statt 2px am Rand (Bestand: margin-left 2px) */
html body[data-controller="item"][data-action="index"] #main #results .type > footer {
	margin-left: 0;
	padding-left: 12px;
	padding-right: 12px;
}

/* ---------- Artikel-/Druckerseite: Detailkasten ---------- */

html body[data-controller="item"][data-action="index"] #main #details {
	background: #fff;
	border: 1px solid #e4e4e7;
	border-radius: 6px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

html body[data-controller="item"][data-action="index"] #main #details .dialog > .content {
	border-radius: 0;
}

/* ---------- Artikel-/Druckerseite: GRATIS MITBESTELLEN ---------- */

html body[data-controller="item"][data-action="index"] #main #goodie-carousel-wrapper {
	background: #fff;
	border: 1px solid #e4e4e7;
	border-radius: 6px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

html body[data-controller="item"][data-action="index"] #main #goodie-carousel-wrapper > header,
html body[data-controller="item"][data-action="index"] #main #goodie-carousel-wrapper .gradient {
	margin: 0;
	padding: 12px 16px;
	background-color: #fafafb;
	background-image: none;
	border: 0;
	border-bottom: 1px solid #ececef;
	border-radius: 5px 5px 0 0;
	box-shadow: none;
	text-shadow: none;
	color: #6b6b75;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
}

html body[data-controller="item"][data-action="index"] #main #goodie-carousel-wrapper > header h2 {
	margin: 0 0 3px;
	padding: 0;
	color: #2b2b33;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	text-shadow: none;
}

/* kleiner oranger Punkt als einziger Markenakzent */
html body[data-controller="item"][data-action="index"] #main #goodie-carousel-wrapper > header h2::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 8px 1px 0;
	border-radius: 50%;
	background: #e19f41;
	vertical-align: middle;
}

html body[data-controller="item"][data-action="index"] #main #goodie-carousel-wrapper > header span,
html body[data-controller="item"][data-action="index"] #main #goodie-carousel-wrapper > header strong {
	color: #6b6b75;
	font-weight: 400;
}

/* ---------- Herstellerseite: Druckerhersteller / Marke ---------- */

html body[data-controller="printer"][data-action="index"] #main .pane {
	background: #fff;
	border: 1px solid #e4e4e7;
	border-radius: 6px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

html body[data-controller="printer"][data-action="index"] #main .pane > header {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 12px 16px;
	background-color: #fafafb;
	background-image: none;
	border: 0;
	border-bottom: 1px solid #ececef;
	border-radius: 5px 5px 0 0;
	box-shadow: none;
	text-shadow: none;
	color: #2b2b33;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}

html body[data-controller="printer"][data-action="index"] #main .pane > header h1,
html body[data-controller="printer"][data-action="index"] #main .pane > header h3 {
	margin: 0;
	padding: 0;
	/* !important fuer color und font-weight: die h1 traegt in printer/index.jsp
	   ein Inline-style (color:#fff; font-weight:700), das anders nicht zu
	   schlagen ist. Sauberer waere das Entfernen im JSP (deploypflichtig). */
	color: #2b2b33 !important;
	font-size: 14px;
	font-weight: 600 !important;
	line-height: 20px;
	text-shadow: none;
}

/* der blaue Rand (#60b1cf) des Inhalts weicht dem Rand des Kastens */
html body[data-controller="printer"][data-action="index"] #main .pane > .content {
	border: 0;
	border-radius: 0 0 5px 5px;
	box-shadow: none;
}

/* ---------- Suchergebnisseite ---------- */

html body[data-controller="item"][data-action="search"] #main #search-results {
	background: #fff;
	border: 1px solid #e4e4e7;
	border-radius: 6px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

html body[data-controller="item"][data-action="search"] #main #search-results > header {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 12px 16px;
	background-color: #fafafb;
	background-image: none;
	border: 0;
	border-bottom: 1px solid #ececef;
	border-radius: 5px 5px 0 0;
	box-shadow: none;
	text-shadow: none;
	color: #2b2b33;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}

html body[data-controller="item"][data-action="search"] #main #search-results > header h3 {
	float: none;
	margin: 0;
	padding: 0;
	color: #2b2b33;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	text-shadow: none;
}

/* "alle anzeigen": Link in Blau mit Kontrast, rechts */
html body[data-controller="item"][data-action="search"] #main #search-results > header div {
	float: none;
	margin-left: auto;
	color: #25657f;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	text-decoration: underline;
}

html body[data-controller="item"][data-action="search"] #main #search-results > header div:hover {
	color: #2b2b33;
	cursor: pointer;
}

/* ---------- Artikel-/Druckerseite: markierte Zeile ---------- */
/* SG 19.09.2026: "das in einem hellen cyan ton". Bestand: Verlauf #e9f7f8 -> #87d2db
   plus dunkler Innenschatten (0 10px 10px -10px rgba(0,0,0,.9)) auf jeder Zelle.
   Gruener Rahmen und gruener Pfeil zum Detailkasten bleiben (Bestand). Mobil (<=768)
   gilt weiter responsive.css Z.2437: weiss mit blauem Rand, !important - nicht angefasst. */
html body[data-controller="item"][data-action="index"] #main #results .type .items .item.selected {
	background-color: #e0f5fa;
	background-image: none;
}

html body[data-controller="item"][data-action="index"] #main #results .type .items .item.selected td {
	box-shadow: none;
}

/* ---------- Verbindung markierte Zeile -> Detailkasten (SG 19.09.2026) ----------
   "die markierte zeile mit dem pfeil geht mit einer linie zur detailbox und diese wird
   auch mit der selben farbe umrahmt". Die Linie haengt an td.last der markierten Zeile
   (dort sitzt schon der gruene Pfeil, .btn-buy::after) und laeuft 80 px nach rechts; der
   Detailkasten ist positioniert und liegt darueber, verdeckt also den Ueberstand - so
   passt die Linie bei jeder Spaltenbreite. Nur ab 980 px (darunter stehen die Spalten
   untereinander). Klassenname xlt-verbindung nur als Suchmarke im Kommentar. */
@media (min-width: 980px) {
	html body[data-controller="item"][data-action="index"] #main #results .type .items .item.selected td.last {
		position: relative;
	}

	html body[data-controller="item"][data-action="index"] #main #results .type .items .item.selected td.last::after {
		content: "";
		position: absolute;
		top: 50%;
		right: -80px;
		z-index: 0;
		width: 80px;
		height: 2px;
		margin-top: -1px;
		background: #46a546;
		pointer-events: none;
	}

	html body[data-controller="item"][data-action="index"] #main #results .type .items .selected .btn-buy::after {
		z-index: 1;
	}

	html body[data-controller="item"][data-action="index"] #main #details {
		position: relative;
		z-index: 1;
		border: 2px solid #46a546;
	}
}

/* ---------- Mobil: Abstaende aus responsive.css 1:1 erhalten ---------- */

@media screen and (max-width: 768px) {
	/* responsive.css Z.2284: height auto, min-height 46, padding 10px 12px */
	html body[data-controller="item"][data-action="index"] #main #results .type > .header {
		min-height: 46px;
		padding: 10px 12px;
	}

	/* responsive.css Z.2242 / Z.2364: padding 9px 12px, h2 18px */
	html body[data-controller="item"][data-action="index"] #main #details > .dialog > .header {
		padding: 9px 12px;
	}

	html body[data-controller="item"][data-action="index"] #main #details > .dialog > .header h2 {
		font-size: 18px;
		line-height: 1.3;
	}

	/* Auf dem Handy ist die Detail-Sektion die Karte (responsive.css Z.2233),
	   der Artikel #details darum herum bleibt rahmenlos. */
	html body[data-controller="item"][data-action="index"] #main #details {
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}

	html body[data-controller="item"][data-action="index"] #main #details > .dialog {
		border-color: #e4e4e7;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	}

	/* Beschreibungskarte darunter (responsive.css Z.2250: Rand #d4e5eb, Schatten
	   0 4px 12px) im selben Ton wie die Detailkarte - sonst zwei Kartenstile. */
	html body[data-controller="item"][data-action="index"] #main #details-body-copy {
		border-color: #e4e4e7;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	}

	/* responsive.css Z.2001: padding 9px 12px */
	html body[data-controller="item"][data-action="search"] #main #search-results > header {
		padding: 9px 12px;
	}

	html body[data-controller="item"][data-action="search"] #main #search-results > header h3 {
		font-size: 16px;
		line-height: 1.3;
	}

	html body[data-controller="printer"][data-action="index"] #main .pane > header {
		padding: 10px 12px;
	}
}
/* === XLT-ENDE: boxen-design === */

/* === XLT-START: checkout-zendure === */
/* ============================================================
   Bestellseite nach dem Zendure/Shopify-Vorbild - 19.09.2026
   SG: "unsere seite soll genau so aussehen wie das bspl. oben die
   buttons nebeneinander paypal apple google"

   Gehoert zu einem kleinen DOM-Umbau in checkout.jsp (Block
   "xlt-zendure": Kontakt / Lieferung / Zahlung / Abschluss links,
   Uebersicht rechts). Dieser Block liegt HINTER checkout-design und
   ueberschreibt dessen Kaesten-Optik; Spezifitaet ueberall mit
   html-Praefix (+1 Typ) gegen die Regeln von gestern.

   Reihen: Kopf nur Logo + Warenkorb | Express Checkout (PayPal, Apple,
   Google nebeneinander) | ODER | Kontakt | Lieferung | Zahlung |
   Gewaehrleistung, AGB-Satz, Bestellknopf. Rechts: graue Spalte mit
   der Bestelluebersicht (Bild mit Mengen-Badge, Name, Preis, Summen).

   NICHT angefasst: Radios der Zahlarten, Wallet-/PayPal-Container,
   #cart-status-Template, responsive.css (<= 768 gilt die Bestandsregel
   "display:flex !important" fuer die Spalten - darum Grid nur ab 980).
   ROLLBACK: Block entfernen + den JSP-Block "xlt-zendure" entfernen.
   ============================================================ */

/* ---------- Kopf: nur Logo und Warenkorb (wie im Vorbild) ---------- */

html body[data-controller="order"][data-action="checkout"] #page #xlt-kopf .xlt-kopf-service,
html body[data-controller="order"][data-action="checkout"] #page #xlt-kopf #quick-search,
html body[data-controller="order"][data-action="checkout"] #page #xlt-kopf .xlt-kopf-kontakt,
html body[data-controller="order"][data-action="checkout"] #page #xlt-kopf .xlt-kopf-konto,
html body[data-controller="order"][data-action="checkout"] #page #xlt-kopf #toggle-quick-login,
html body[data-controller="order"][data-action="checkout"] #page #xlt-kopf .xlt-kopf-abmelden,
html body[data-controller="order"][data-action="checkout"] #page #quickbar,
html body[data-controller="order"][data-action="checkout"] #main #order-ribbon {
	display: none !important;
}

html body[data-controller="order"][data-action="checkout"] #page #xlt-kopf .xlt-kopf-haupt {
	height: 88px;
}

html body[data-controller="order"][data-action="checkout"] #page #xlt-kopf .xlt-kopf-logo img {
	height: 52px;
}

/* ---------- Seite: zwei Spalten, rechts grau bis zum Rand ---------- */

/* Der Bestand faerbt <html> hellblau (#f1f8fb); das Vorbild ist weiss */
html:has(body[data-controller="order"][data-action="checkout"]) {
	background-color: #fff;
}

html body[data-controller="order"][data-action="checkout"] #main {
	padding-top: 0;
}

html body[data-controller="order"][data-action="checkout"] #main > .container-fluid {
	padding-top: 0;
}

@media (min-width: 980px) {
	html body[data-controller="order"][data-action="checkout"] #main #order-form > .row-fluid:first-of-type {
		grid-template-columns: minmax(0, 1fr) 460px;
		column-gap: 0;
		align-items: stretch;
	}

	html body[data-controller="order"][data-action="checkout"] #main #order-form > .row-fluid:first-of-type > .span4:nth-child(1),
	html body[data-controller="order"][data-action="checkout"] #main #order-form > .row-fluid:first-of-type > .span4:nth-child(2) {
		box-sizing: border-box;
		width: 100%;
		max-width: 720px;
		justify-self: end;
		padding-right: 44px;
	}

	html body[data-controller="order"][data-action="checkout"] #main #order-form > .row-fluid:first-of-type > .span4:nth-child(1) {
		padding-top: 34px;
	}

	html body[data-controller="order"][data-action="checkout"] #main #order-form > .row-fluid:first-of-type > .span4:nth-child(2) {
		padding-bottom: 48px;
	}

	/* Graue Spalte: das box-shadow ohne Weichzeichner fuellt bis zum rechten Fensterrand */
	html body[data-controller="order"][data-action="checkout"] #main #order-form > .row-fluid:first-of-type > .span4:nth-child(3) {
		position: static;
		box-sizing: border-box;
		align-self: stretch;
		min-height: calc(100vh - 89px);
		padding: 34px 0 40px 40px;
		background: #f5f5f6;
		border-left: 1px solid #e4e4e7;
		box-shadow: 60vw 0 0 0 #f5f5f6;
	}
}

/* Sparmoeglichkeiten-Hinweis (erscheint nur, wenn es Tauschvorschlaege gibt): schmaler
   Hinweis ueber der linken Spalte statt eines Balkens ueber die ganze Breite */
html body[data-controller="order"][data-action="checkout"] #main .saving-options-container {
	box-sizing: border-box;
	max-width: 720px;
	margin: 24px auto 0 0;
	padding: 0 44px 0 0;
}

html body[data-controller="order"][data-action="checkout"] #main .saving-options-container > .span12 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: auto;
	margin: 0;
	padding: 12px 16px;
	background: #f5f5f6;
	border: 0;
	border-radius: 8px;
	box-shadow: none;
	text-align: left;
}

html body[data-controller="order"][data-action="checkout"] #main .saving-options-container .text {
	color: #2b2b33;
	font-size: 14px;
	line-height: 20px;
}

html body[data-controller="order"][data-action="checkout"] #main .saving-options-container .btn {
	height: 40px;
	padding: 0 16px;
	background: #46a546;
	border: 0;
	border-radius: 8px;
	box-shadow: none;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-shadow: none;
}

/* Die zweite .row-fluid (Pflichtfeld-Hinweis) unter die linke Spalte */
html body[data-controller="order"][data-action="checkout"] #main #order-form > .row-fluid:last-of-type {
	max-width: 720px;
	margin: 0 auto 0 0;
	padding: 8px 0 24px;
}

/* ---------- Express Checkout: drei Knoepfe in einer Zeile ---------- */

html body[data-controller="order"][data-action="checkout"] #main #express-oben {
	margin: 0 0 8px;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

html body[data-controller="order"][data-action="checkout"] #main #express-oben .xlt-express-titel {
	margin: 0 0 14px;
	text-align: center;
	color: #6b6b75;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
}

html body[data-controller="order"][data-action="checkout"] #main #express-oben .xlt-express-boxen {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	align-items: stretch;
}

/* Die beiden Boxen und ihre Button-Container loesen sich auf; Knoepfe und
   Statuszeilen werden direkte Flex-Kinder der Zeile */
html body[data-controller="order"][data-action="checkout"] #main #express-oben .paypal-express-option,
html body[data-controller="order"][data-action="checkout"] #main #express-oben #wallet-express-option,
html body[data-controller="order"][data-action="checkout"] #main #express-oben #paypal-express-button-container,
html body[data-controller="order"][data-action="checkout"] #main #express-oben #wallet-button-container {
	display: contents;
}

html body[data-controller="order"][data-action="checkout"] #main #express-oben .paypal-express-button-title,
html body[data-controller="order"][data-action="checkout"] #main #express-oben .paypal-express-copy,
html body[data-controller="order"][data-action="checkout"] #main #express-oben paypal-pay-later-button {
	display: none !important;
}

html body[data-controller="order"][data-action="checkout"] #main #express-oben paypal-button,
html body[data-controller="order"][data-action="checkout"] #main #express-oben .wallet-button {
	display: block !important;
	flex: 1 1 0;
	min-width: 180px;
	width: auto !important;
	height: 48px;
	margin: 0 !important;
	border-radius: 8px;
	overflow: hidden;
}

html body[data-controller="order"][data-action="checkout"] #main #express-oben paypal-button { order: 1; }
html body[data-controller="order"][data-action="checkout"] #main #express-oben .applepay-button { order: 2; }
html body[data-controller="order"][data-action="checkout"] #main #express-oben .googlepay-button { order: 3; }

html body[data-controller="order"][data-action="checkout"] #main #express-oben apple-pay-button {
	--apple-pay-button-width: 100%;
	--apple-pay-button-height: 48px;
	--apple-pay-button-border-radius: 8px;
	display: block;
}

html body[data-controller="order"][data-action="checkout"] #main #express-oben .googlepay-button > button,
html body[data-controller="order"][data-action="checkout"] #main #express-oben .googlepay-button .gpay-button {
	width: 100% !important;
	min-width: 0 !important;
	height: 48px !important;
	border-radius: 8px !important;
}

/* Statuszeilen (Abbruch, Erfolg) unter der Knopfzeile ueber volle Breite */
html body[data-controller="order"][data-action="checkout"] #main #express-oben #paypal-express-status,
html body[data-controller="order"][data-action="checkout"] #main #express-oben #wallet-status {
	order: 20;
	flex: 1 1 100%;
	margin: 0;
}

html body[data-controller="order"][data-action="checkout"] #main #express-oben #paypal-express-status:empty,
html body[data-controller="order"][data-action="checkout"] #main #express-oben #wallet-status:empty {
	display: none;
}

/* ODER-Trenner */
html body[data-controller="order"][data-action="checkout"] #main #express-oben .xlt-express-oder {
	margin: 22px 0 6px;
}

html body[data-controller="order"][data-action="checkout"] #main #express-oben .xlt-express-oder span {
	padding: 0 14px;
	color: #6b6b75;
	font-size: 13px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	background: #fff;
}

/* ---------- Abschnitte statt Kaesten ---------- */

html body[data-controller="order"][data-action="checkout"] #main #address-fields.form-pane,
html body[data-controller="order"][data-action="checkout"] #main #shipping-address.form-pane,
html body[data-controller="order"][data-action="checkout"] #main #login-pane.form-pane,
html body[data-controller="order"][data-action="checkout"] #main #payment-methods.form-pane {
	margin: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	overflow: visible;
}

html body[data-controller="order"][data-action="checkout"] #main #address-fields.form-pane > header {
	display: none;
}

html body[data-controller="order"][data-action="checkout"] #main .form-pane > .content {
	padding: 0;
}

html body[data-controller="order"][data-action="checkout"] #main .xlt-abschnitt-kopf,
html body[data-controller="order"][data-action="checkout"] #main #payment-methods.form-pane > header,
html body[data-controller="order"][data-action="checkout"] #main #shipping-address.form-pane > header,
html body[data-controller="order"][data-action="checkout"] #main #login-pane.form-pane > header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin: 30px 0 14px;
	padding: 0;
	background: none;
	border: 0;
	color: #2b2b33;
	font-family: inherit;
	font-size: 21px;
	font-weight: 700;
	line-height: 26px;
	text-shadow: none;
}

html body[data-controller="order"][data-action="checkout"] #main .xlt-abschnitt-kopf h2 {
	margin: 0;
	padding: 0;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

html body[data-controller="order"][data-action="checkout"] #main .xlt-kontakt-kopf {
	margin-top: 26px;
}

/* "Bereits Kunde? Hier klicken zum Login" wird zum Textlink "Anmelden" rechts neben Kontakt */
html body[data-controller="order"][data-action="checkout"] #main a.login.xlt-anmelden-link {
	all: unset;
	cursor: pointer;
	color: #2f7d9a;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-decoration: underline;
	text-underline-offset: 3px;
}

html body[data-controller="order"][data-action="checkout"] #main a.login.xlt-anmelden-link:hover {
	color: #2b2b33;
}

/* ---------- Felder: Beschriftung klein im Feld (wie "Land / Region" im Vorbild) ---------- */

html body[data-controller="order"][data-action="checkout"] #main .form-control {
	position: relative;
	margin: 0 0 12px;
	padding: 0;
}

html body[data-controller="order"][data-action="checkout"] #main .form-control > label:not(.checkbox):not(.radio):not(.error) {
	position: absolute;
	top: 9px;
	left: 15px;
	right: 40px;
	z-index: 2;
	margin: 0;
	padding: 0;
	overflow: hidden;
	color: #6b6b75;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	pointer-events: none;
}

html body[data-controller="order"][data-action="checkout"] #main .form-control > label .required {
	color: #c0392b;
}

html body[data-controller="order"][data-action="checkout"] #main .form-pane .content input[type="text"],
html body[data-controller="order"][data-action="checkout"] #main .form-pane .content input[type="password"],
html body[data-controller="order"][data-action="checkout"] #main .form-pane .content input[type="email"],
html body[data-controller="order"][data-action="checkout"] #main .form-pane .content input[type="tel"],
html body[data-controller="order"][data-action="checkout"] #main .form-pane .content select {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 56px;
	margin: 0;
	padding: 24px 14px 8px;
	background: #fff;
	border: 1px solid #d9d9de;
	border-radius: 8px;
	box-shadow: none;
	color: #2b2b33;
	font-family: inherit;
	font-size: 15px;
	line-height: 22px;
}

html body[data-controller="order"][data-action="checkout"] #main .form-pane .content select {
	padding-right: 40px;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 6l4.5 4.5L12.5 6' fill='none' stroke='%232b2b33' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 16px 16px;
}

html body[data-controller="order"][data-action="checkout"] #main .form-pane .content input[type="text"]:focus,
html body[data-controller="order"][data-action="checkout"] #main .form-pane .content input[type="password"]:focus,
html body[data-controller="order"][data-action="checkout"] #main .form-pane .content select:focus {
	outline: 0;
	border-color: #2b2b33;
	box-shadow: 0 0 0 1px #2b2b33;
}

/* Fehlertext (jQuery validate haengt label.error hinter das Feld) */
html body[data-controller="order"][data-action="checkout"] #main .form-control > label.error,
html body[data-controller="order"][data-action="checkout"] #main #payment-methods label.error {
	position: static;
	display: block;
	margin: 6px 0 0;
	padding: 0;
	background: none;
	border: 0;
	color: #c0392b;
	font-size: 12.5px;
	line-height: 16px;
}

/* Checkboxen (Newsletter, abweichende Lieferadresse, Kundenkonto) */
html body[data-controller="order"][data-action="checkout"] #main label.checkbox.inline,
html body[data-controller="order"][data-action="checkout"] #main label#register-checkbox {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 6px 0;
	color: #2b2b33;
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
}

html body[data-controller="order"][data-action="checkout"] #main label.checkbox.inline input[type="checkbox"],
html body[data-controller="order"][data-action="checkout"] #main label#register-checkbox input[type="checkbox"] {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: #46a546;
}

html body[data-controller="order"][data-action="checkout"] #main .form-control.xlt-newsletter {
	margin: -2px 0 6px;
}

html body[data-controller="order"][data-action="checkout"] #main label#register-checkbox {
	margin: 2px 0 6px;
}

/* Kundentyp als zwei Kacheln, "Sie sind Haendler?" als Textlink rechts */
html body[data-controller="order"][data-action="checkout"] #main .radio-boxes {
	margin: 0 0 12px;
	padding: 0;
}

html body[data-controller="order"][data-action="checkout"] #main #type-selector {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

html body[data-controller="order"][data-action="checkout"] #main #type-selector label.radio {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin: 0;
	padding: 0 16px;
	height: 44px;
	background: #fff;
	border: 1px solid #d9d9de;
	border-radius: 8px;
	color: #2b2b33;
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
}

html body[data-controller="order"][data-action="checkout"] #main #type-selector label.radio:has(input:checked) {
	border-color: #2b2b33;
	box-shadow: 0 0 0 1px #2b2b33;
}

html body[data-controller="order"][data-action="checkout"] #main #type-selector label.radio input[type="radio"] {
	width: 16px;
	height: 16px;
	margin: 0;
	accent-color: #2b2b33;
}

html body[data-controller="order"][data-action="checkout"] #main #type-selector a {
	float: none;
	order: 10;
	margin: 0 0 0 auto;
	color: #2f7d9a;
	font-size: 13px;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* ---------- Zahlarten ---------- */

html body[data-controller="order"][data-action="checkout"] #main #payment-methods .payment-method {
	margin: 0 0 10px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid #d9d9de;
	border-radius: 8px;
	box-shadow: none;
}

html body[data-controller="order"][data-action="checkout"] #main #payment-methods .payment-method:hover {
	border-color: #b8b8c0;
}

/* Die PayPal-Karte ist nach dem Express-Umzug leer (nur die versteckte Radio und ein
   unsichtbarer .body) - ohne Radio-Label und ohne Express-Box gibt es nichts zu zeigen.
   Die Radio bleibt im DOM (Abbruchsperre), nur die Karte verschwindet. */
html body[data-controller="order"][data-action="checkout"] #main #payment-methods .payment-method:not(:has(> label.radio)):not(:has(.paypal-express-option)) {
	display: none;
}

/* Amazon-Pay-Karte: keine Box in der Box */
html body[data-controller="order"][data-action="checkout"] #main #payment-methods .amazonpay-option {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

html body[data-controller="order"][data-action="checkout"] #main #payment-methods .invoice-unavailable-hint {
	margin: 8px 0 0 26px;
	padding: 0;
	background: none;
	border: 0;
	color: #6b6b75;
	font-size: 13px;
	line-height: 18px;
}

html body[data-controller="order"][data-action="checkout"] #main #payment-methods .payment-method:has(> label input:checked) {
	border-color: #2b2b33;
	box-shadow: 0 0 0 1px #2b2b33;
}

html body[data-controller="order"][data-action="checkout"] #main #payment-methods .payment-method > label.radio {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	color: #2b2b33;
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
}

html body[data-controller="order"][data-action="checkout"] #main #payment-methods .payment-method > label.radio input[type="radio"] {
	width: 16px;
	height: 16px;
	margin: 0;
	accent-color: #2b2b33;
}

html body[data-controller="order"][data-action="checkout"] #main #payment-methods .payment-method-disabled {
	background: #fafafb;
	border-color: #e4e4e7;
	color: #6b6b75;
}

/* ---------- Abschluss: Gewaehrleistung, AGB-Satz, Bestellknopf ---------- */

html body[data-controller="order"][data-action="checkout"] #main .xlt-abschluss {
	margin-top: 26px;
}

html body[data-controller="order"][data-action="checkout"] #main #eu-gewaehrleistung.form-pane {
	position: relative;
	margin: 0 0 18px;
	padding: 14px 16px 14px 46px;
	background: #f5f5f6;
	border: 0;
	border-radius: 8px;
	box-shadow: none;
	overflow: visible;
}

html body[data-controller="order"][data-action="checkout"] #main #eu-gewaehrleistung.form-pane::before {
	content: "i";
	position: absolute;
	top: 15px;
	left: 16px;
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	border: 1.5px solid #2b2b33;
	border-radius: 50%;
	color: #2b2b33;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 11px;
	font-style: italic;
	font-weight: 700;
	line-height: 15px;
	text-align: center;
}

html body[data-controller="order"][data-action="checkout"] #main #eu-gewaehrleistung.form-pane > header {
	display: block;
	margin: 0 0 2px;
	padding: 0;
	background: none;
	border: 0;
	color: #2b2b33;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}

html body[data-controller="order"][data-action="checkout"] #main #eu-gewaehrleistung.form-pane > .content {
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

html body[data-controller="order"][data-action="checkout"] #main #eu-gewaehrleistung.form-pane > .content p {
	margin: 0 0 6px;
	color: #2b2b33;
	font-size: 14px;
	line-height: 20px;
}

html body[data-controller="order"][data-action="checkout"] #main #eu-gewaehrleistung-oeffnen.btn {
	all: unset;
	cursor: pointer;
	color: #2f7d9a;
	font-size: 13px;
	line-height: 18px;
	text-decoration: underline;
	text-underline-offset: 3px;
}

html body[data-controller="order"][data-action="checkout"] #main #gtc-wrapper {
	margin: 0 0 12px;
	color: #6b6b75;
	font-size: 13px;
	line-height: 19px;
}

html body[data-controller="order"][data-action="checkout"] #main #gtc-wrapper a {
	color: #2f7d9a;
	text-decoration: underline;
	text-underline-offset: 3px;
}

html body[data-controller="order"][data-action="checkout"] #main .xlt-abschluss fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

html body[data-controller="order"][data-action="checkout"] #main #place-order {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 56px;
	margin: 0;
	padding: 0 18px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 700;
	line-height: 56px;
}

html body[data-controller="order"][data-action="checkout"] #main .xlt-abschluss > p {
	margin: 12px 0 0;
	color: #6b6b75;
	font-size: 12.5px;
	line-height: 18px;
}

html body[data-controller="order"][data-action="checkout"] #main #agb-and-newsletter.xlt-leer {
	display: none;
}

/* ---------- Uebersicht rechts ---------- */

html body[data-controller="order"][data-action="checkout"] #main #cart.form-pane {
	position: sticky;
	top: 24px;
	margin: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	overflow: visible;
}

html body[data-controller="order"][data-action="checkout"] #main #cart.form-pane > header {
	display: none;
}

/* Weisse Karte wie im Vorbild */
html body[data-controller="order"][data-action="checkout"] #main #cart.form-pane > .content {
	padding: 16px 16px 14px;
	background: #fff;
	border: 1px solid #e4e4e7;
	border-radius: 10px;
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items,
html body[data-controller="order"][data-action="checkout"] #main #cart table.items tbody {
	display: block;
	width: 100%;
	margin: 0;
	border: 0;
	background: none;
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items tr:first-child {
	display: none;
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items tr.item {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) auto;
	column-gap: 14px;
	align-items: center;
	margin: 0 0 16px;
	padding: 0;
	border: 0;
	background: none;
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items tr.item td {
	display: block;
	padding: 0;
	border: 0;
	background: none;
	vertical-align: middle;
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items td.image-column {
	grid-column: 1;
	grid-row: 1;
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items td.image-column > div {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 64px;
	height: 64px;
	padding: 4px;
	background: #fff;
	border: 1px solid #e4e4e7;
	border-radius: 8px;
	overflow: hidden;
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items td.image-column img {
	max-width: 54px;
	max-height: 54px;
	width: auto;
	height: auto;
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items td.description-column {
	grid-column: 2;
	grid-row: 1;
	color: #6b6b75;
	font-size: 13px;
	line-height: 18px;
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items td.description-column a.url {
	color: inherit;
	text-decoration: none;
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items td.description-column a.url > span {
	display: block;
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items td.description-column b {
	color: #2b2b33;
	font-size: 14px;
	font-weight: 600;
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items td.description-column .capacity {
	color: #46a546;
	font-weight: 600;
}

/* Mengen-Badge auf der Bildecke: die Mengen-Zelle liegt im selben Rasterfeld wie das Bild.
   NUR AB 769 px - darunter setzt responsive.css die 44-px-Stepper-Knoepfe mit !important
   zurueck (gewollte Mobil-Bedienung, siehe checkout-design); dort bekommt die Menge eine
   eigene Zeile unter dem Namen statt die Bildecke. */
@media (min-width: 769px) {
	html body[data-controller="order"][data-action="checkout"] #main #cart table.items td.count-column {
		grid-column: 1;
		grid-row: 1;
		justify-self: end;
		align-self: start;
		position: relative;
		z-index: 2;
		margin: -8px -8px 0 0;
		padding: 0;
	}

	html body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper {
		min-width: 0;
		width: auto;
		height: auto;
		margin: 0;
		background: none;
		border: 0;
		overflow: visible;
	}

	html body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper .dec,
	html body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper .inc {
		display: none;
	}

	html body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper input.count {
		box-sizing: border-box;
		width: 24px;
		height: 24px;
		margin: 0;
		padding: 0;
		background: #2b2b33;
		border: 2px solid #f5f5f6;
		border-radius: 12px;
		box-shadow: none;
		color: #fff;
		font-family: inherit;
		font-size: 12px;
		font-weight: 700;
		line-height: 20px;
		text-align: center;
	}

	html body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper input.count:focus {
		outline: 0;
		border-color: #e19f41;
		box-shadow: none;
	}
}

@media (max-width: 768px) {
	html body[data-controller="order"][data-action="checkout"] #main #cart table.items tr.item {
		grid-template-rows: auto auto;
		row-gap: 8px;
	}

	html body[data-controller="order"][data-action="checkout"] #main #cart table.items td.count-column {
		grid-column: 2 / span 2;
		grid-row: 2;
		justify-self: start;
		padding: 0;
	}
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items td.total-price-column {
	grid-column: 3;
	grid-row: 1;
	text-align: right;
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items td.total-price-column > div {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	width: auto;
	height: auto;
}

html body[data-controller="order"][data-action="checkout"] #main #cart td .remove {
	position: static !important;
	order: 2;
	margin: 0;
}

html body[data-controller="order"][data-action="checkout"] #main #cart .total-price {
	order: 1;
	color: #2b2b33;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
}

/* Gutschein (erscheint, wenn "Kundenkonto erstellen" gewaehlt ist - Bestandsmechanik) */
html body[data-controller="order"][data-action="checkout"] #main #cart table.items #voucher-wrapper,
html body[data-controller="order"][data-action="checkout"] #main #cart table.items #voucher-wrapper td {
	display: block;
	padding: 0;
	border: 0;
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items #voucher-wrapper[style*="none"] {
	display: none;
}

html body[data-controller="order"][data-action="checkout"] #main #cart #voucher-wrapper > td > div {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 4px 0 16px;
}

html body[data-controller="order"][data-action="checkout"] #main #cart #voucher-wrapper label {
	display: none;
}

html body[data-controller="order"][data-action="checkout"] #main #cart #voucher-wrapper input {
	box-sizing: border-box;
	flex: 1 1 auto;
	width: auto;
	height: 48px;
	margin: 0;
	padding: 0 14px;
	background: #fff;
	border: 1px solid #d9d9de;
	border-radius: 8px;
	box-shadow: none;
	font-size: 14px;
}

html body[data-controller="order"][data-action="checkout"] #main #cart #voucher-wrapper button {
	flex: 0 0 auto;
	width: auto;
	height: 48px;
	margin: 0;
	padding: 0 16px;
	background: #e8e8ec;
	border: 0;
	border-radius: 8px;
	box-shadow: none;
	color: #6b6b75;
	font-size: 14px;
	font-weight: 600;
	text-shadow: none;
}

/* Summen */
html body[data-controller="order"][data-action="checkout"] #main #cart table.items tr.totals {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	column-gap: 12px;
	margin: 6px 0 0;
	padding: 16px 0 0;
	border: 0;
	border-top: 1px solid #dededf;
	background: none;
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items tr.totals td {
	display: block;
	padding: 0;
	border: 0;
	background: none;
	text-align: left;
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items tr.totals td.labels,
html body[data-controller="order"][data-action="checkout"] #main #cart table.items tr.totals td.labels div,
html body[data-controller="order"][data-action="checkout"] #main #cart table.items tr.totals td.labels span {
	text-align: left;
	font-weight: 400;
	font-style: normal;
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items tr.totals td.values,
html body[data-controller="order"][data-action="checkout"] #main #cart table.items tr.totals td.values div,
html body[data-controller="order"][data-action="checkout"] #main #cart table.items tr.totals td.values span {
	text-align: right;
	font-style: normal;
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items tr.totals td > div > span {
	display: block;
	color: #2b2b33;
	font-size: 14px;
	line-height: 28px;
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items tr.totals td > div > span strong {
	font-size: 19px;
	font-weight: 700;
	line-height: 32px;
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items tr.totals td > div > span:nth-child(4) {
	color: #6b6b75;
	font-size: 12.5px;
	line-height: 20px;
}

html body[data-controller="order"][data-action="checkout"] #main #cart table.items tr.totals td > div > br {
	display: none;
}

/* ---------- Mobil / schmal ---------- */

@media (max-width: 979px) {
	html body[data-controller="order"][data-action="checkout"] #main #order-form {
		padding-top: 16px;
	}

	html body[data-controller="order"][data-action="checkout"] #main #order-form > .row-fluid:first-of-type > .span4:nth-child(3) {
		box-sizing: border-box;
		margin-top: 24px;
		padding: 20px 16px 24px;
		background: #f5f5f6;
		border-radius: 10px;
	}

	html body[data-controller="order"][data-action="checkout"] #main #cart.form-pane {
		position: static;
	}

	html body[data-controller="order"][data-action="checkout"] #main #express-oben paypal-button,
	html body[data-controller="order"][data-action="checkout"] #main #express-oben .wallet-button {
		min-width: 140px;
	}
}
/* === XLT-ENDE: checkout-zendure === */

/* === XLT-START: startseite-breite === */
/* ============================================================
   Startseite: Logo-Leiste und Druckerkarten so breit wie das Hero-Foto
   19.09.2026, SG zum Screenshot: "passe die breite der boxen an".

   Gemessen (1440 px): Hero-Foto fuellt den Container 1280 px (x 73-1353),
   Logo-Leiste #top-vendors und Druckerkarten liegen im Container-Innenabstand
   (1240 px, x 93-1333); die drei Karten (Inline-CSS in site/index.jsp:
   flex 1 1 280px, max-width 300px) enden schon bei x 1103 - rechts 230 px leer.
   Hier: beide Boxen auf 1280 px, Karten als Drittel der Zeile, Logos zentriert
   (das Sprite top-vendors-new.png ist 954 px breit, die Klickflaechen sind
   159-px-Floats darueber - ul und Hintergrund gemeinsam zentrieren).
   Nur ab 980 px; darunter gelten die responsive.css-Regeln der Logo-Leiste.
   ROLLBACK: diesen Block (Start- UND Endmarke) aus style.css entfernen.
   Erste Regel = Anker fuer setze_css_block.py (eindeutig, keine Media-Zeile).
   ============================================================ */

html body[data-controller="site"][data-action="index"] #drucker-angebot .drucker-grid {
	gap: 16px;
}

@media (min-width: 980px) {
	html body[data-controller="site"][data-action="index"] #top-vendors {
		box-sizing: border-box;
		margin-left: -20px;
		margin-right: -20px;
		background-position: center 0;
	}

	html body[data-controller="site"][data-action="index"] #top-vendors ul {
		width: 954px;
		margin: 0 auto;
	}

	html body[data-controller="site"][data-action="index"] #drucker-angebot {
		padding-left: 0;
		padding-right: 0;
	}
}

html body[data-controller="site"][data-action="index"] #drucker-angebot .drucker-card {
	box-sizing: border-box;
	flex: 0 0 calc((100% - 32px) / 3);
	max-width: none;
}

@media (max-width: 979px) {
	html body[data-controller="site"][data-action="index"] #drucker-angebot .drucker-card {
		flex: 0 0 calc((100% - 16px) / 2);
	}
}

@media (max-width: 600px) {
	html body[data-controller="site"][data-action="index"] #drucker-angebot .drucker-card {
		flex: 0 0 100%;
	}
}
/* === XLT-ENDE: startseite-breite === */

/* === XLT-START: footer-design === */
/* ============================================================
   Footer im Stil der neuen Seiten - 19.09.2026, SG: "den footer auch in dem style".
   Bestand: blaue Flaeche #60b1cf, weisse Schrift, weisse Spaltentrenner, Innenschatten
   oben (.drop-shadow), Kontaktknopf mit Schlagschatten; auf der Bestellseite darueber
   das Hotline-Band #safe-service-links (Foto, Telefon, 142 px).
   Jetzt: helle Flaeche #fafafb ueber die volle Fensterbreite (Seitenschatten ohne
   Weichzeichner), 1-px-Linie oben, vier Spalten mit dunklen Ueberschriften und grauen
   Links, Kontaktknopf als Umriss, Hotline dunkel; Innenschatten und Hotline-Band aus.
   Erste Regel = Anker fuer setze_css_block.py (ohne Media-Query).
   NUR der Seitenfuss (#page > footer): der Shop hat weitere <footer> in den
   Ergebniskaesten ("* Alle Preise ...") - ein blosses `footer` traf sie mit (08:27, Ueberlauf 309 px).
   ROLLBACK: diesen Block (Start- UND Endmarke) aus style.css entfernen.
   ============================================================ */

html body #page > footer {
	position: relative;
	margin-top: 48px;
}

html body #page > footer .container-fluid {
	position: relative;
	padding-top: 44px;
	padding-bottom: 36px;
	background: #fafafb;
	box-shadow: -60vw 0 0 0 #fafafb, 60vw 0 0 0 #fafafb;
}

/* Linie oben ueber die volle Breite */
html body #page > footer::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: #e4e4e7;
	pointer-events: none;
}

html body #page > footer .drop-shadow {
	display: none;
}

html body #page > footer .container-fluid .span3 > div {
	height: auto;
	min-height: 0;
	margin-left: 0;
	padding: 0 24px 0 0;
	border-left: 0;
	color: #2b2b33;
}

html body #page > footer .container-fluid .span3 > div h4 {
	margin: 0 0 10px;
	color: #2b2b33;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}

html body #page > footer .container-fluid .span3 > div h4.last {
	margin-top: 22px;
	padding-top: 0;
}

html body #page > footer .container-fluid .span3 > div h4 a {
	color: #2b2b33;
	text-decoration: none;
}

html body #page > footer .container-fluid .span3 > div h4 a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

html body #page > footer .container-fluid .span3 > div p {
	margin: 0;
}

html body #page > footer .container-fluid .span3 > div p a {
	display: block;
	color: #6b6b75;
	font-size: 13px;
	line-height: 26px;
	text-decoration: none;
}

html body #page > footer .container-fluid .span3 > div p a:hover {
	color: #2b2b33;
	text-decoration: underline;
	text-underline-offset: 3px;
}

html body #page > footer .container-fluid .span3 > div p br {
	display: none;
}

/* Kontaktformular als Umriss-Knopf */
html body #page > footer .container-fluid .span3 > div a.btn {
	box-sizing: border-box;
	display: inline-block;
	width: auto;
	margin: 0 0 18px;
	padding: 0 18px;
	height: 40px;
	background: #fff;
	border: 1px solid #2b2b33;
	border-radius: 8px;
	box-shadow: none;
	color: #2b2b33;
	font-size: 14px;
	font-weight: 600;
	line-height: 38px;
	text-shadow: none;
}

html body #page > footer .container-fluid .span3 > div a.btn:hover {
	background: #2b2b33;
	color: #fff;
}

html body #page > footer .container-fluid .span3 .hotline {
	margin-top: 0;
	color: #2b2b33;
	font-size: 13px;
	line-height: 22px;
}

html body #page > footer .container-fluid .span3 .hotline strong {
	color: #2b2b33;
	font-weight: 600;
}

html body #page > footer .container-fluid .span3 .hotline strong.xx-large {
	display: block;
	margin: 2px 0;
	font-size: 22px;
	line-height: 28px;
	font-weight: 700;
}

html body #page > footer .container-fluid .span3 .hotline .small {
	color: #6b6b75;
	font-size: 13px;
}

/* Hotline-Band ueber dem Footer (nur Bestellseite): Foto-Kasten aus, die Nummer steht im Footer */
html body #page #safe-service-links {
	display: none;
}

@media (max-width: 768px) {
	html body #page > footer .container-fluid {
		padding-top: 28px;
		padding-bottom: 24px;
	}

	html body #page > footer .container-fluid .span3 > div {
		padding: 0 0 18px;
	}
}
/* === XLT-ENDE: footer-design === */

/* === XLT-START: bestellseite-nachbesserung === */
/* ============================================================
   Bestellseite: "Bereits Kunde? Anmelden" wieder als Knopf
   19.09.2026, SG zum Screenshot: "Sie sind bereits kunde ( einlog button fehlt )".

   Stand vorher: im Bestand stand neben der Adresse ein gruener Knopf
   "Bereits Kunde?<br>Hier klicken zum Login" (checkout.jsp Zeile 32, Klassen
   btn btn-order green). Der Zendure-Umbau vom 19.09. 07:55 hat ihn in die
   Kontakt-Ueberschrift gehaengt, auf "Anmelden" gekuerzt und per `all: unset` zum
   Textlink gemacht (Block checkout-zendure). Genau der fehlt SG.

   Hier: derselbe Platz (rechts neben "Kontakt"), aber wieder als Knopf - weiss mit
   gruenem Rand statt gefuellt, damit er dem Hauptknopf "Zahlungspflichtig bestellen"
   (#46a546 gefuellt, 16px/700, Radius 8) nicht die Aufmerksamkeit nimmt. Gleiche
   Farbe, gleicher Radius, eine Stufe leiser. Der Wortlaut kommt aus der JSP
   (setze_bestellseite_nachbesserung.py) - CSS und JSP gehoeren zusammen.

   Die Regel muss `all: unset` aus dem Block checkout-zendure ueberschreiben: gleiche
   Spezifitaet, aber dieser Block steht spaeter in style.css. Deshalb hier ALLE
   Eigenschaften ausschreiben, die der Knopf braucht - `all: unset` hat vorher jede
   geerbte Knopfregel weggeraeumt.
   ============================================================ */

html body[data-controller="order"][data-action="checkout"] #main a.login.xlt-anmelden-link { display: inline-block; flex: 0 0 auto; }

html body[data-controller="order"][data-action="checkout"] #main a.login.xlt-anmelden-link {
	box-sizing: border-box;
	padding: 7px 16px;
	background: #fff;
	/* .btn-order im Bestand setzt `border: 1px solid #fff !important` - ohne !important
	   bleibt der Rand weiss und der Knopf sieht aus wie ein Textfeld (gemessen 10:03). */
	border: 1px solid #46a546 !important;
	border-radius: 8px;
	color: #2f7d33;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	white-space: nowrap;
	transition: background-color 0.15s ease, color 0.15s ease;
}

html body[data-controller="order"][data-action="checkout"] #main a.login.xlt-anmelden-link:hover,
html body[data-controller="order"][data-action="checkout"] #main a.login.xlt-anmelden-link:focus {
	background: #46a546;
	border-color: #46a546 !important;
	color: #fff;
	text-decoration: none;
}

/* Die Kontakt-Ueberschrift richtet ihre Kinder an der Schriftgrundlinie aus - mit einem
   Knopf daneben sieht das schief aus; hier mittig. */
html body[data-controller="order"][data-action="checkout"] #main .xlt-kontakt-kopf {
	align-items: center;
}
/* === XLT-ENDE: bestellseite-nachbesserung === */

/* === XLT-START: service-links-weg === */
/* ============================================================
   Kastenband "DRUCKER SERVICE UND KONTAKT" aus dem Seitenfuss nehmen
   19.09.2026, SG zum Screenshot des Bandes: "raus".

   Gemeint sind die drei hellblauen Kaesten (AGB und Impressum, Versand und
   Vertrieb, Guenstige Sparpakete) mit den gerenderten Sprite-Bildern. Sie stehen
   im Layout `layouts/main.jsp` (Zeilen 439-493, `<div id="service-links">` im
   `c:otherwise`-Zweig) und erscheinen damit auf JEDER Seite - Start-, Hersteller-,
   Drucker-, Artikel- und Inhaltsseiten.

   Warum CSS und nicht raus aus der JSP: dieselbe Entscheidung wie beim
   Schwesterblock `#safe-service-links`, den der Footer-Umbau vom 19.09. 08:29
   ebenfalls per CSS abgeschaltet hat. Solange das Design im Testshop in Arbeit ist,
   bleibt der Rueckweg eine Zeile. **Wenn die Fassung auf Prod geht, gehoert der
   Block sauber aus `main.jsp` entfernt** - erst dann verschwindet er auch aus dem
   Quelltext (rund 3 KB je Seite) statt nur aus dem Bild.

   Die Inhalte selbst bleiben erreichbar: AGB, Zahlung und Versand sowie die
   Sparpakete stehen im Footer und in der Navigation.
   ============================================================ */

html body #page #service-links { display: none; }
/* === XLT-ENDE: service-links-weg === */

/* === XLT-START: farbschema-coolblue === */
/* ============================================================
   Farbschema coolblue-Blau (SG, 20.09.2026: "statt dem gruen shop in dem
   blau von https://www.coolblue.de/").

   Zielfarbe #0090e3 - belegt aus dem `theme-color` und der Logofuellung von
   coolblue.de, nicht geschaetzt. Erzeugt von farbschema-coolblue-20260920/
   mache_coolblue.py aus dem Bestand von style.css.stand.

   Der Shop war schon blau, nur matt: hier wird der Farbton auf 202 Grad
   vereinheitlicht und die Saettigung angehoben, die Helligkeit bleibt.
   Gruen (Lagerampel, Kassenknopf) und warme Toene bleiben unangetastet.

   320 Regeln, 890 Farbwerte umgesetzt. Ruecknahme: Block entfernen.
   ============================================================ */

/* Anker des Blocks: muss im Bestand 0x vorkommen (Anforderung des Setzskripts)
   und haelt nebenbei den Leitton fest. */
html body { --xlt-farbschema-coolblue: #0090e3; }

a {
	color:#109aea;
}
a:hover {
	color:#0a669b;
}
code {
	background-color:#f7f8f9;
	border:1px solid #dde6ec;
}
input:focus,textarea:focus {
	border-color:rgba(74, 186, 250,.8);
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(74, 186, 250,.6);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(74, 186, 250,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(74, 186, 250,.6);
}
.dropdown-menu .active>a,.dropdown-menu .active>a:hover,.dropdown-menu li>a:hover {
	background-color:#109aea;
}
.btn-primary {
	background-color:#109def;
	background-image:-moz-linear-gradient(top,#109def,#0e88cf);
	background-image:-ms-linear-gradient(top,#109def,#0e88cf);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#109def),to(#0e88cf));
	background-image:-webkit-linear-gradient(top,#109def,#0e88cf);
	background-image:-o-linear-gradient(top,#109def,#0e88cf);
	background-image:linear-gradient(top,#109def,#0e88cf);
	border-color:#0e88cf #0e88cf #095581;
}
.btn-primary.active,.btn-primary.disabled,.btn-primary:active,.btn-primary:hover,.btn-primary[disabled] {
	background-color:#0e88cf;
}
.btn-primary.active,.btn-primary:active {
	background-color:#0a669b\9;
}
.btn-info {
	background-color:#109def;
	background-image:-moz-linear-gradient(top,#50b5ef,#109aea);
	background-image:-ms-linear-gradient(top,#50b5ef,#109aea);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#50b5ef),to(#109aea));
	background-image:-webkit-linear-gradient(top,#50b5ef,#109aea);
	background-image:-o-linear-gradient(top,#50b5ef,#109aea);
	background-image:linear-gradient(top,#50b5ef,#109aea);
	border-color:#109aea #109aea #0a669b;
}
.btn-info.active,.btn-info.disabled,.btn-info:active,.btn-info:hover,.btn-info[disabled] {
	background-color:#109aea;
}
.btn-info.active,.btn-info:active {
	background-color:#0c77b6\9;
}
.btn-save {
	background-color:#009cf6;
	background-image:-moz-linear-gradient(top,#00a1ff,#007dc5);
	background-image:-ms-linear-gradient(top,#00a1ff,#007dc5);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#00a1ff),to(#007dc5));
	background-image:-webkit-linear-gradient(top,#00a1ff,#007dc5);
	background-image:-o-linear-gradient(top,#00a1ff,#007dc5);
	background-image:linear-gradient(top,#00a1ff,#007dc5);
	border-color:#007dc5 #007dc5 #004770;
}
.btn-save.active,.btn-save.disabled,.btn-save:active,.btn-save:hover,.btn-save[disabled] {
	background-color:#007dc5;
}
.btn-save.active,.btn-save:active {
	background-color:#00588c\9;
}
.alert-info {
	background-color:#daecf6;
	border-color:#beddef;
}
.alert-info,.alert-info .alert-heading {
	color:#109dee;
}
.nav-list .active>a {
	background-color:#109aea;
}
.nav-pills .active>a,.nav-pills .active>a:hover {
	background-color:#109aea;
}
.nav-pills .dropdown-toggle .caret,.nav-tabs .dropdown-toggle .caret {
	border-top-color:#109aea;
}
.nav-pills .dropdown-toggle:hover .caret,.nav-tabs .dropdown-toggle:hover .caret {
	border-top-color:#0a669b;
}
.modal-backdrop {
	background-color:#0c77b6;
}
.modal-header {
	border-bottom:1px solid #edf1f4;
}
.modal-header h3 {
	color:#109def;
}
.modal-body {
	color:#0e88cf;
}
.modal-footer {
	background-color:#edf1f4;
	border-top:1px solid #edf1f4;
}
.tooltip-inner {
	background-color:#032132;
}
.popover .popover-inner {
	background:#0b6ea7;
	background-color:rgba(12, 119, 182,.6);
	background-image:-moz-linear-gradient(top,rgba(16, 157, 239,.6),rgba(6, 56, 85,.6));
	background-image:-ms-linear-gradient(top,rgba(16, 157, 239,.6),rgba(6, 56, 85,.6));
	background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(16, 157, 239,.6)),to(rgba(6, 56, 85,.6)));
	background-image:-webkit-linear-gradient(top,rgba(16, 157, 239,.6),rgba(6, 56, 85,.6));
	background-image:-o-linear-gradient(top,rgba(16, 157, 239,.6),rgba(6, 56, 85,.6));
	background-image:linear-gradient(top,rgba(16, 157, 239,.6),rgba(6, 56, 85,.6));
}
a.thumbnail:hover {
	border-color:#109aea;
	-webkit-box-shadow:0 1px 4px rgba(0, 149, 235,.25);
	-moz-box-shadow:0 1px 4px rgba(0, 149, 235,.25);
	box-shadow:0 1px 4px rgba(0, 149, 235,.25);
}
.label-info {
	background-color:#109dee;
}
.pagination a {
	border:solid 1px #add4eb;
	color:#008ee0;
}
.pagination .current {
	background:#0f96e4;
	border:solid 1px #add4eb;
}
.chzn-container .chzn-results .highlighted {
	background-color:#109def;
	background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(20%,#109def),color-stop(90%,#109ced));
	background-image:-webkit-linear-gradient(top,#109def 20%,#109ced 90%);
	background-image:-moz-linear-gradient(top,#109def 20%,#109ced 90%);
	background-image:-o-linear-gradient(top,#109def 20%,#109ced 90%);
	background-image:-ms-linear-gradient(top,#109def 20%,#109ced 90%);
	background-image:linear-gradient(top,#109def 20%,#109ced 90%);
}
.chzn-container-active .chzn-single {
	border:1px solid #5fc2fb;
}
.chzn-container-active .chzn-choices {
	border:1px solid #5fc2fb;
}
html {
	background-color:#f4f7f8;
}
h2 {
	color:#0e88cf;
}
.tooltip-icon {
	background-color:#67b5e3;
	background-image:-moz-linear-gradient(top,#aed2e7,#0e88cf);
	background-image:-ms-linear-gradient(top,#aed2e7,#0e88cf);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#aed2e7),to(#0e88cf));
	background-image:-webkit-linear-gradient(top,#aed2e7,#0e88cf);
	background-image:-o-linear-gradient(top,#aed2e7,#0e88cf);
	background-image:linear-gradient(top,#aed2e7,#0e88cf);
}
.loader-overlay {
	background:#0a669b url(/webshop/img/desktop/ajax-loader-big-alt.gif) no-repeat center;
}
.ui-autocomplete.ui-menu {
	border:1px solid #0e88cf;
}
.ui-autocomplete.ui-menu .ui-menu-item a {
	color:#0e88cf;
}
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-hover {
	background-color:#0e88cf;
}
.ui-autocomplete.ui-menu .ui-menu-item em {
	color:#0b70aa;
}
.ui-autocomplete.ui-menu .ui-menu-item.odd-row {
	background-color:#edf1f4;
}
.color-boxes span.cyan {
	background-color:#00a1ff;
}
.color-boxes span.cyan-light {
	background-color:#5ac0fb;
}
.color-boxes span.blue {
	background-color:#00a1ff;
}
.form-pane .header,.form-pane header {
	background:#109def;
	background-color:#109def;
	background-image:-moz-linear-gradient(top,#109aea,#55ade0);
	background-image:-ms-linear-gradient(top,#109aea,#55ade0);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#109aea),to(#55ade0));
	background-image:-webkit-linear-gradient(top,#109aea,#55ade0);
	background-image:-o-linear-gradient(top,#109aea,#55ade0);
	background-image:linear-gradient(top,#109aea,#55ade0);
}
#quick-login form a {
	color:#109def;
}
#quick-login form .buttons .btn {
	background-color:#0f96e4;
	background-image:-moz-linear-gradient(top,#0e88cf,#109def);
	background-image:-ms-linear-gradient(top,#0e88cf,#109def);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#0e88cf),to(#109def));
	background-image:-webkit-linear-gradient(top,#0e88cf,#109def);
	background-image:-o-linear-gradient(top,#0e88cf,#109def);
	background-image:linear-gradient(top,#0e88cf,#109def);
	border-color:#109def #109def #0c77b6;
}
#quick-login form .buttons .btn.active,#quick-login form .buttons .btn.disabled,#quick-login form .buttons .btn:active,#quick-login form .buttons .btn:hover,#quick-login form .buttons .btn[disabled] {
	background-color:#109def;
}
#quick-login form .buttons .btn.active,#quick-login form .buttons .btn:active {
	background-color:#0e88cf\9;
}
#header .row-fluid #quick-search #quick-search-input {
	color:#109def;
	border-color:#109def;
}
#header .row-fluid #quick-search #quick-search-submit {
	border-color:#109def;
	background-color:#109def;
	background-image:-moz-linear-gradient(top,#109def,#0e88cf);
	background-image:-ms-linear-gradient(top,#109def,#0e88cf);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#109def),to(#0e88cf));
	background-image:-webkit-linear-gradient(top,#109def,#0e88cf);
	background-image:-o-linear-gradient(top,#109def,#0e88cf);
	background-image:linear-gradient(top,#109def,#0e88cf);
	border-color:#0e88cf #0e88cf #095581;
}
#header .row-fluid #quick-search #quick-search-submit.active,#header .row-fluid #quick-search #quick-search-submit.disabled,#header .row-fluid #quick-search #quick-search-submit:active,#header .row-fluid #quick-search #quick-search-submit:hover,#header .row-fluid #quick-search #quick-search-submit[disabled] {
	background-color:#0e88cf;
}
#header .row-fluid #quick-search #quick-search-submit.active,#header .row-fluid #quick-search #quick-search-submit:active {
	background-color:#0a669b\9;
}
#header .row-fluid #header-hotline {
	color:#109def;
}
#header .row-fluid #header-hotline strong {
	color:#0e88cf;
}
#quickbar .container-fluid {
	background-color:#109def;
	background-image:-moz-linear-gradient(top,#109aea,#55ade0);
	background-image:-ms-linear-gradient(top,#109aea,#55ade0);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#109aea),to(#55ade0));
	background-image:-webkit-linear-gradient(top,#109aea,#55ade0);
	background-image:-o-linear-gradient(top,#109aea,#55ade0);
	background-image:linear-gradient(top,#109aea,#55ade0);
}
#quickbar #quick-dropdowns .chzn-container-single .chzn-single {
	color:#0e88cf;
}
#quickbar #quick-dropdowns .chzn-container-single .chzn-single>div>b {
	background-color:#109def;
}
#quickbar #quick-dropdowns .chzn-drop,#quickbar #quick-dropdowns .chzn-search input,#quickbar #quick-dropdowns .chzn-single {
	color:#0e88cf;
	border-color:#0e88cf;
}
#quickbar #quick-dropdowns .chzn-drop .highlighted {
	background:#109def;
}
#quickbar #cart-status.order-flow .info {
	background-color:#109def;
	background-image:-moz-linear-gradient(top,#109aea,#55ade0);
	background-image:-ms-linear-gradient(top,#109aea,#55ade0);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#109aea),to(#55ade0));
	background-image:-webkit-linear-gradient(top,#109aea,#55ade0);
	background-image:-o-linear-gradient(top,#109aea,#55ade0);
	background-image:linear-gradient(top,#109aea,#55ade0);
}
#quickbar #cart-status.order-flow .buttons {
	border-top:1px solid #0a669b;
}
#quickbar #cart-status.order-flow .buttons a.cart,#quickbar #cart-status.order-flow .buttons a.checkout {
	background-color:#109def;
	background-image:-moz-linear-gradient(top,#55ade0,#109aea);
	background-image:-ms-linear-gradient(top,#55ade0,#109aea);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#55ade0),to(#109aea));
	background-image:-webkit-linear-gradient(top,#55ade0,#109aea);
	background-image:-o-linear-gradient(top,#55ade0,#109aea);
	background-image:linear-gradient(top,#55ade0,#109aea);
}
#quickbar #cart-status.order-flow .buttons a.cart:hover,#quickbar #cart-status.order-flow .buttons a.checkout:hover {
	background-color:#109def;
	background-image:-moz-linear-gradient(top,#109aea,#55ade0);
	background-image:-ms-linear-gradient(top,#109aea,#55ade0);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#109aea),to(#55ade0));
	background-image:-webkit-linear-gradient(top,#109aea,#55ade0);
	background-image:-o-linear-gradient(top,#109aea,#55ade0);
	background-image:linear-gradient(top,#109aea,#55ade0);
}
#quickbar #cart-status.order-flow .buttons a.cart {
	border-right:1px solid #0a669b;
}
#breadcrumbs {
	color:#109def;
}
#breadcrumbs .breadcrumb li .active,#breadcrumbs .breadcrumb li .divider,#breadcrumbs .breadcrumb li a {
	color:#109def;
}
#service-links .span3>div {
	background-color:#cfe4f0;
	background-image:-moz-linear-gradient(top,#aed2e7,#fff);
	background-image:-ms-linear-gradient(top,#aed2e7,#fff);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#aed2e7),to(#fff));
	background-image:-webkit-linear-gradient(top,#aed2e7,#fff);
	background-image:-o-linear-gradient(top,#aed2e7,#fff);
	background-image:linear-gradient(top,#aed2e7,#fff);
}
#safe-service-links .service-number {
	background:#cfdce4 url(/webshop/img/desktop/service-phone.png) no-repeat;
}
#safe-service-links .service-number .phone-number .phone-area-code {
	color:#87c5e9;
}
#safe-service-links .service-number .phone-number .phone-extension {
	color:#0c75b2;
}
#safe-service-links .service-number .text {
	color:#0c75b2;
}
footer .container-fluid {
	background-color:#55ade0;
}
#agb-popup-main .index,#datenschutz-popup-main .index,#widerruf-popup-main .index,body[data-controller=site][data-action=gtc] .index,body[data-controller=site][data-action=privacy] .index,body[data-controller=site][data-action=revocation] .index,body[data-controller=site][data-action=contestrules] .index,body[data-controller=site][data-action=warranty] .index {
	background:#c2dded;
}
#agb-popup-main .index .toc,#datenschutz-popup-main .index .toc,#widerruf-popup-main .index .toc,body[data-controller=site][data-action=gtc] .index .toc,body[data-controller=site][data-action=privacy] .index .toc,body[data-controller=site][data-action=revocation] .index .toc,body[data-controller=site][data-action=contestrules] .index .toc,body[data-controller=site][data-action=warranty] .index .toc {
	border-left:1px solid #55ade0;
}
#agb-popup-main .index .download-reader,#datenschutz-popup-main .index .download-reader,#widerruf-popup-main .index .download-reader,body[data-controller=site][data-action=gtc] .index .download-reader,body[data-controller=site][data-action=privacy] .index .download-reader,body[data-controller=site][data-action=revocation] .index .download-reader,body[data-controller=site][data-action=contestrules] .index .download-reader,body[data-controller=site][data-action=warranty] .index .download-reader {
	background:#81c2e8;
}
#agb-popup-main #tuev-info b,#datenschutz-popup-main #tuev-info b,#widerruf-popup-main #tuev-info b,body[data-controller=site][data-action=gtc] #tuev-info b,body[data-controller=site][data-action=privacy] #tuev-info b,body[data-controller=site][data-action=revocation] #tuev-info b,body[data-controller=site][data-action=contestrules] #tuev-info b,body[data-controller=site][data-action=warranty] #tuev-info b {
	color:#0e88cf;
}
body[data-controller=site][data-action=index] #product-selection>.container-fluid {
	background-color:#f8fafb;
	background-image:-moz-linear-gradient(top,#f4f7f8,#fff);
	background-image:-ms-linear-gradient(top,#f4f7f8,#fff);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#f4f7f8),to(#fff));
	background-image:-webkit-linear-gradient(top,#f4f7f8,#fff);
	background-image:-o-linear-gradient(top,#f4f7f8,#fff);
	background-image:linear-gradient(top,#f4f7f8,#fff);
}
body[data-controller=site][data-action=index] #product-selection h1 {
	color:#109def;
	text-shadow:-1px -1px #0e88cf,1px 1px #fff;
}
body[data-controller=site][data-action=index] #product-selection .span5>div#product-dropdowns .chzn-drop .highlighted {
	background:#55ade0;
}
body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form .content #product-search-submit {
	background-color:#87c5e9;
	background-image:-moz-linear-gradient(top,#d6e8f2,#55ade0);
	background-image:-ms-linear-gradient(top,#d6e8f2,#55ade0);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#d6e8f2),to(#55ade0));
	background-image:-webkit-linear-gradient(top,#d6e8f2,#55ade0);
	background-image:-o-linear-gradient(top,#d6e8f2,#55ade0);
	background-image:linear-gradient(top,#d6e8f2,#55ade0);
	border-color:#55ade0 #55ade0 #109aea;
}
body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form .content #product-search-submit.active,body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form .content #product-search-submit.disabled,body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form .content #product-search-submit:active,body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form .content #product-search-submit:hover,body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form .content #product-search-submit[disabled] {
	background-color:#55ade0;
}
body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form .content #product-search-submit.active,body[data-controller=site][data-action=index] #product-selection .span5>div#product-search form .content #product-search-submit:active {
	background-color:#109def\9;
}
body[data-controller=site][data-action=index] #top-vendors {
	border:1px solid #d2e6f1;
}
body[data-controller=site][data-action=index] #top-vendors-container.xmas {
	background-color:#87c5e9;
	background-image:-moz-linear-gradient(top,#48a6dd,#f4f7f8);
	background-image:-ms-linear-gradient(top,#48a6dd,#f4f7f8);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#48a6dd),to(#f4f7f8));
	background-image:-webkit-linear-gradient(top,#48a6dd,#f4f7f8);
	background-image:-o-linear-gradient(top,#48a6dd,#f4f7f8);
	background-image:linear-gradient(top,#48a6dd,#f4f7f8);
}
body[data-controller=site][data-action=index] .summer-sale-info {
	color:#109def;
}
body[data-controller=site][data-action=index] #header-slogan {
	color:#109def;
}
body[data-controller=site][data-action=index] #header-slogan strong {
	color:#0e88cf;
}
body[data-controller=site][data-action=index] #startpage-newsletter-signup {
	border:1px solid #aed3e8;
}
body[data-controller=site][data-action=index] #startpage-newsletter-signup #trigger-startpage-newsletter-modal p {
	text-shadow:1px 1px #0e88cf,1px 1px #945904;
}
body[data-controller=site][data-action=index] #startpage-newsletter-signup #trigger-startpage-newsletter-modal input[type=text] {
	border:1px solid #aed3e8;
}
body[data-controller=site][data-action=index] #startpage-newsletter-signup #trigger-startpage-newsletter-modal button[type=submit] {
	border-color:#aed3e8;
}
body[data-controller=site][data-action=index] #goodies .goody_item {
	border:1px solid #d2e6f1;
}
body[data-controller=site][data-action=index] #goody-details-popover .popover-arrow {
	border-right:12px solid #109def;
}
body[data-controller=site][data-action=index] #goody-details-popover .popover-inner {
	border:1px solid #109def;
}
body[data-controller=site][data-action=index] #goody-details-popover .popover-inner .header {
	background-color:#109def;
	background-color:#109def;
	background-image:-moz-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-ms-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#109aea),to(#6cb8e4));
	background-image:-webkit-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-o-linear-gradient(top,#109aea,#6cb8e4);
	background-image:linear-gradient(top,#109aea,#6cb8e4);
}
body[data-controller=site][data-action=index] #goody-details-popover .popover-inner .content .footer {
	color:#109def;
}
body[data-controller=site][data-action=index] #goody-details-popover.top .popover-arrow {
	border-top:12px solid #109def;
}
body[data-controller=site][data-action=index] #goody-details-popover.bottom .popover-inner {
	border-top-color:#109aea;
}
body[data-controller=site][data-action=index] #goody-details-popover.bottom .popover-arrow {
	border-bottom:12px solid #109aea;
}
body[data-controller=site][data-action=site-notice] #contact.well {
	background:#c2dded;
}
body[data-controller=site][data-action=contact] #main #contact.well {
	background:#f1f4f6;
}
body[data-controller=item][data-action=index] .dialog .header {
	background-color:#109def;
	background-image:-moz-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-ms-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#109aea),to(#6cb8e4));
	background-image:-webkit-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-o-linear-gradient(top,#109aea,#6cb8e4);
	background-image:linear-gradient(top,#109aea,#6cb8e4);
}
body[data-controller=item][data-action=index] #results .type .items tr:hover {
	background-color:#f1f5f7;
	background-image:-moz-linear-gradient(top,#fff,#d6e8f2);
	background-image:-ms-linear-gradient(top,#fff,#d6e8f2);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#d6e8f2));
	background-image:-webkit-linear-gradient(top,#fff,#d6e8f2);
	background-image:-o-linear-gradient(top,#fff,#d6e8f2);
	background-image:linear-gradient(top,#fff,#d6e8f2);
}
body[data-controller=item][data-action=index] #results .type .items td {
	border-top:1px solid #aed2e7;
}
body[data-controller=item][data-action=index] #results .type .items .item.selected {
	background-color:#c2dded;
	background-image:-moz-linear-gradient(top,#edf1f4,#81c2e8);
	background-image:-ms-linear-gradient(top,#edf1f4,#81c2e8);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#edf1f4),to(#81c2e8));
	background-image:-webkit-linear-gradient(top,#edf1f4,#81c2e8);
	background-image:-o-linear-gradient(top,#edf1f4,#81c2e8);
	background-image:linear-gradient(top,#edf1f4,#81c2e8);
}
body[data-controller=item][data-action=index] #results .type footer {
	color:#109def;
}
body[data-controller=item][data-action=index] #details .image {
	border-bottom:1px solid #aed2e7;
}
body[data-controller=item][data-action=index] #details #express-info strong {
	color:#109def;
}
body[data-controller=item][data-action=index] #details #details-body-copy h3 {
	border-bottom:1px solid #aed2e7;
}
body[data-controller=item][data-action=index] #details #details-body-copy h4 {
	color:#109def;
}
body[data-controller=item][data-action=index] #details #details-body-copy #compatible-printers-toggle {
	color:#109def;
}
body[data-controller=item][data-action=index] #goody-details-popover .popover-arrow {
	border-right:12px solid #109def;
}
body[data-controller=item][data-action=index] #goody-details-popover .popover-inner {
	border:1px solid #109def;
}
body[data-controller=item][data-action=index] #goody-details-popover .popover-inner .header {
	background-color:#109def;
	background-color:#109def;
	background-image:-moz-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-ms-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#109aea),to(#6cb8e4));
	background-image:-webkit-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-o-linear-gradient(top,#109aea,#6cb8e4);
	background-image:linear-gradient(top,#109aea,#6cb8e4);
}
body[data-controller=item][data-action=index] #goody-details-popover .popover-inner .content .footer {
	color:#109def;
}
body[data-controller=item][data-action=index] #goody-details-popover.top .popover-arrow {
	border-top:12px solid #109def;
}
body[data-controller=item][data-action=index] #goody-details-popover.bottom .popover-inner {
	border-top-color:#109aea;
}
body[data-controller=item][data-action=index] #goody-details-popover.bottom .popover-arrow {
	border-bottom:12px solid #109aea;
}
body[data-controller=item][data-action=index] #goodie-carousel-wrapper .gradient {
	background:#4aa8de;
	background-color:#43a4dc;
	background-image:-moz-linear-gradient(top,#109def,#6cb8e4);
	background-image:-ms-linear-gradient(top,#109def,#6cb8e4);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#109def),to(#6cb8e4));
	background-image:-webkit-linear-gradient(top,#109def,#6cb8e4);
	background-image:-o-linear-gradient(top,#109def,#6cb8e4);
	background-image:linear-gradient(top,#109def,#6cb8e4);
}
body[data-controller=item][data-action=index] #goodie-carousel-wrapper header {
	background:#4aa8de;
	background-color:#43a4dc;
	background-image:-moz-linear-gradient(top,#109def,#6cb8e4);
	background-image:-ms-linear-gradient(top,#109def,#6cb8e4);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#109def),to(#6cb8e4));
	background-image:-webkit-linear-gradient(top,#109def,#6cb8e4);
	background-image:-o-linear-gradient(top,#109def,#6cb8e4);
	background-image:linear-gradient(top,#109def,#6cb8e4);
}
body[data-controller=item][data-action=index] #goodie-carousel-wrapper .goody_item {
	border:1px solid #d2e6f1;
}
body[data-controller=item][data-action=index] #mini-cart .gradient {
	background:#4aa8de;
	background-color:#43a4dc;
	background-image:-moz-linear-gradient(top,#109def,#6cb8e4);
	background-image:-ms-linear-gradient(top,#109def,#6cb8e4);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#109def),to(#6cb8e4));
	background-image:-webkit-linear-gradient(top,#109def,#6cb8e4);
	background-image:-o-linear-gradient(top,#109def,#6cb8e4);
	background-image:linear-gradient(top,#109def,#6cb8e4);
}
body[data-controller=item][data-action=index] #mini-cart header {
	background:#4aa8de;
	background-color:#43a4dc;
	background-image:-moz-linear-gradient(top,#109def,#6cb8e4);
	background-image:-ms-linear-gradient(top,#109def,#6cb8e4);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#109def),to(#6cb8e4));
	background-image:-webkit-linear-gradient(top,#109def,#6cb8e4);
	background-image:-o-linear-gradient(top,#109def,#6cb8e4);
	background-image:linear-gradient(top,#109def,#6cb8e4);
}
body[data-controller=item][data-action=index] #mini-cart .items .item.selected {
	background-color:#ddecf5;
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdfefe),color-stop(50%,#d6e8f2),to(#fdfefe));
	background-image:-webkit-linear-gradient(#fdfefe,#d6e8f2 50%,#fdfefe);
	background-image:-moz-linear-gradient(top,#fdfefe,#d6e8f2 50%,#fdfefe);
	background-image:-ms-linear-gradient(#fdfefe,#d6e8f2 50%,#fdfefe);
	background-image:-o-linear-gradient(#fdfefe,#d6e8f2 50%,#fdfefe);
	background-image:linear-gradient(#fdfefe,#d6e8f2 50%,#fdfefe);
}
body[data-controller=item][data-action=index] #mini-cart .items .totals {
	background:#4aa8de;
	background-color:#43a4dc;
	background-image:-moz-linear-gradient(top,#109def,#6cb8e4);
	background-image:-ms-linear-gradient(top,#109def,#6cb8e4);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#109def),to(#6cb8e4));
	background-image:-webkit-linear-gradient(top,#109def,#6cb8e4);
	background-image:-o-linear-gradient(top,#109def,#6cb8e4);
	background-image:linear-gradient(top,#109def,#6cb8e4);
}
body[data-controller=item][data-action=index] #mini-cart .items .show-cart:hover {
	color:#0a669b;
}
body[data-controller=item][data-action=index] #mini-cart footer .saving {
	border-bottom:1px solid #55ade0;
}
body[data-controller=item][data-action=index] #mini-cart footer .saving a:hover {
	color:#0a669b;
}
body[data-controller=item][data-action=index] #mini-cart footer .shipping a:hover {
	color:#0a669b;
}
body[data-controller=item][data-action=index] #mini-cart footer a.warranty em {
	color:#109aea;
}
body[data-controller=item][data-action=index] #mini-cart footer a.warranty em:hover {
	color:#0a669b;
}
body[data-controller=item][data-action=request] #item-request-form p b.header {
	color:#109def;
}
body[data-controller=item][data-action=search] #main #search-box label {
	color:#109def;
}
body[data-controller=item][data-action=search] #main #search-box input[type=search] {
	color:#109def;
	border-color:#109def;
}
body[data-controller=item][data-action=search] #main #search-results header {
	background-color:#109def;
	background-image:-moz-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-ms-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#109aea),to(#6cb8e4));
	background-image:-webkit-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-o-linear-gradient(top,#109aea,#6cb8e4);
	background-image:linear-gradient(top,#109aea,#6cb8e4);
}
body[data-controller=item][data-action=search] #main #search-results .pagination {
	color:#109aea;
}
body[data-controller=item][data-action=search] #main #search-results .pagination a {
	color:#109aea;
	border:1px solid #109aea;
}
body[data-controller=item][data-action=search] #main #search-results .pagination a:hover {
	background-color:#109aea;
	border-color:#109aea;
}
body[data-controller=item][data-action=search] #main #search-results .pagination .current {
	background-color:#109aea;
	border-color:#109aea;
}
body[data-controller=item][data-action=search] #main #search-results .pagination .current.next,body[data-controller=item][data-action=search] #main #search-results .pagination .current.prev {
	border-color:#c2dded;
	color:#c2dded;
}
body[data-controller=item][data-action=search] #main #search-results #sort-order-wrapper #sort-order {
	border-color:#109aea;
	color:#109aea;
}
body[data-controller=item][data-action=search] #main #search-results #sort-order-wrapper label {
	color:#109aea;
}
body[data-controller=item][data-action=search] #main #search-results table {
	border-top:1px solid #d6e8f2;
}
body[data-controller=item][data-action=search] #main #search-results table tr {
	border-bottom:1px solid #d6e8f2;
}
body[data-controller=item][data-action=search] #main #search-results table tr:hover {
	background-color:#ddecf5;
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafbfc),color-stop(60%,#d6e8f2),to(#fafbfc));
	background-image:-webkit-linear-gradient(#fafbfc,#d6e8f2 60%,#fafbfc);
	background-image:-moz-linear-gradient(top,#fafbfc,#d6e8f2 60%,#fafbfc);
	background-image:-ms-linear-gradient(#fafbfc,#d6e8f2 60%,#fafbfc);
	background-image:-o-linear-gradient(#fafbfc,#d6e8f2 60%,#fafbfc);
	background-image:linear-gradient(#fafbfc,#d6e8f2 60%,#fafbfc);
}
body[data-controller=item][data-action=search] #main #search-results table .long-desc .merchant-only {
	color:#109def;
}
body[data-controller=item][data-action=search] #main #item-details-popover .popover-arrow {
	border-right:12px solid #109def;
}
body[data-controller=item][data-action=search] #main #item-details-popover .popover-inner {
	border:1px solid #109def;
}
body[data-controller=item][data-action=search] #main #item-details-popover .popover-inner .header {
	background-color:#109def;
	background-color:#109def;
	background-image:-moz-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-ms-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#109aea),to(#6cb8e4));
	background-image:-webkit-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-o-linear-gradient(top,#109aea,#6cb8e4);
	background-image:linear-gradient(top,#109aea,#6cb8e4);
}
body[data-controller=item][data-action=search] #main #item-details-popover.top .popover-arrow {
	border-top:12px solid #109def;
}
body[data-controller=item][data-action=search] #main #item-details-popover.bottom .popover-inner {
	border-top-color:#109aea;
}
body[data-controller=item][data-action=search] #main #item-details-popover.bottom .popover-arrow {
	border-bottom:12px solid #109aea;
}
body[data-controller=cart][data-action=index] #main .items .item:hover {
	background-color:#ddecf5;
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafbfc),color-stop(50%,#d6e8f2),to(#fafbfc));
	background-image:-webkit-linear-gradient(#fafbfc,#d6e8f2 50%,#fafbfc);
	background-image:-moz-linear-gradient(top,#fafbfc,#d6e8f2 50%,#fafbfc);
	background-image:-ms-linear-gradient(#fafbfc,#d6e8f2 50%,#fafbfc);
	background-image:-o-linear-gradient(#fafbfc,#d6e8f2 50%,#fafbfc);
	background-image:linear-gradient(#fafbfc,#d6e8f2 50%,#fafbfc);
}
body[data-controller=order][data-action=thankyou] .pane {
	background:#55ade0;
}
body[data-controller=order][data-action=thankyou] .pane h3 {
	background-color:#109def;
	background-image:-moz-linear-gradient(top,#109aea,#55ade0);
	background-image:-ms-linear-gradient(top,#109aea,#55ade0);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#109aea),to(#55ade0));
	background-image:-webkit-linear-gradient(top,#109aea,#55ade0);
	background-image:-o-linear-gradient(top,#109aea,#55ade0);
	background-image:linear-gradient(top,#109aea,#55ade0);
	border-bottom:1px solid #109aea;
}
body[data-controller=order][data-action=thankyou] #facebook .btn {
	background-color:#109def;
	background-image:-moz-linear-gradient(top,#55ade0,#109aea);
	background-image:-ms-linear-gradient(top,#55ade0,#109aea);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#55ade0),to(#109aea));
	background-image:-webkit-linear-gradient(top,#55ade0,#109aea);
	background-image:-o-linear-gradient(top,#55ade0,#109aea);
	background-image:linear-gradient(top,#55ade0,#109aea);
	border-color:#109aea #109aea #0a669b;
}
body[data-controller=order][data-action=thankyou] #facebook .btn.active,body[data-controller=order][data-action=thankyou] #facebook .btn.disabled,body[data-controller=order][data-action=thankyou] #facebook .btn:active,body[data-controller=order][data-action=thankyou] #facebook .btn:hover,body[data-controller=order][data-action=thankyou] #facebook .btn[disabled] {
	background-color:#109aea;
}
body[data-controller=order][data-action=thankyou] #facebook .btn.active,body[data-controller=order][data-action=thankyou] #facebook .btn:active {
	background-color:#0c77b6\9;
}
body[data-controller=order][data-action=thankyou] #SEPA-mandate-modal .modal-header {
	background-color:#edf1f4;
	border-bottom:1px solid #55ade0;
}
body[data-controller=order][data-action=checkout] #main .saving-options-container {
	border:1px solid #55ade0;
}
body[data-controller=order][data-action=checkout] #main .saving-options-container span.text {
	color:#0e88cf;
}
body[data-controller=order][data-action=checkout] #main #vat-id-pattern span {
	color:#109def;
}
body[data-controller=account][data-action=index] #main #imported-orders table.orders {
	border:2px solid #109def;
}
body[data-controller=account][data-action=index] #main #imported-orders table.orders td,body[data-controller=account][data-action=index] #main #imported-orders table.orders th {
	border:1px solid #109def;
}
body[data-controller=account][data-action=index] #main #imported-orders table.orders th {
	background:#d6e8f2;
	border-bottom:2px solid #109def;
}
body[data-controller=account][data-action=index] #main #order-history .pager .legend span {
	color:#0e88cf;
}
body[data-controller=account][data-action=index] #main #order-history table.orders {
	border:2px solid #109def;
}
body[data-controller=account][data-action=index] #main #order-history table.orders td,body[data-controller=account][data-action=index] #main #order-history table.orders th {
	border:1px solid #109def;
}
body[data-controller=account][data-action=index] #main #order-history table.orders th {
	background:#d6e8f2;
	border-bottom:2px solid #109def;
}
body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address {
	border:2px solid #109def;
}
body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address td,body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address th {
	border:1px solid #109def;
}
body[data-controller=account][data-action=index] #main #customer-shipping-addresses table.address th {
	background:#d6e8f2;
	border-bottom:2px solid #109def;
}
body[data-controller=account][data-action=index] #main #customer-printers #printer-list tr {
	background:#edf1f4;
}
body[data-controller=account][data-action=index] #main #customer-printers #printer-list tr:hover {
	background:#c2dded;
}
body[data-controller=printer][data-action=index] #main .pane header {
	background-color:#109def;
	background-image:-moz-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-ms-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#109aea),to(#6cb8e4));
	background-image:-webkit-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-o-linear-gradient(top,#109aea,#6cb8e4);
	background-image:linear-gradient(top,#109aea,#6cb8e4);
}
body[data-controller=printer][data-action=index] #main .pane .content {
	border:1px solid #55ade0;
}
body[data-controller=printer][data-action=index] #main #nav-printer li {
	color:#109aea;
}
body[data-controller=payment][data-action=index] #login-required {
	border-color:#109def;
	color:#109def;
}
body[data-controller=payment][data-action=index] #order-cleared p {
	color:#0e88cf;
}
body[data-controller=valuepacks][data-action=index] .vendor-links p {
	color:#109def;
}
body[data-controller=valuepacks][data-action=index] .vendor-links ul {
	border:1px solid #d2e6f1;
}
body[data-controller=valuepacks][data-action=results] #main #valuepack-items {
	border-top:1px solid #d6e8f2;
}
body[data-controller=valuepacks][data-action=results] #main #valuepack-items tr {
	border-bottom:1px solid #d6e8f2;
}
body[data-controller=valuepacks][data-action=results] #main #valuepack-items tr:hover {
	background-color:#ddecf5;
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafbfc),color-stop(60%,#d6e8f2),to(#fafbfc));
	background-image:-webkit-linear-gradient(#fafbfc,#d6e8f2 60%,#fafbfc);
	background-image:-moz-linear-gradient(top,#fafbfc,#d6e8f2 60%,#fafbfc);
	background-image:-ms-linear-gradient(#fafbfc,#d6e8f2 60%,#fafbfc);
	background-image:-o-linear-gradient(#fafbfc,#d6e8f2 60%,#fafbfc);
	background-image:linear-gradient(#fafbfc,#d6e8f2 60%,#fafbfc);
}
body[data-controller=valuepacks][data-action=results] #main #valuepack-items .long-desc .merchant-only {
	color:#109def;
}
body[data-controller=valuepacks][data-action=results] #main #item-details-popover .popover-arrow {
	border-right:12px solid #109def;
}
body[data-controller=valuepacks][data-action=results] #main #item-details-popover .popover-inner {
	border:1px solid #109def;
}
body[data-controller=valuepacks][data-action=results] #main #item-details-popover .popover-inner .header {
	background-color:#109def;
	background-color:#109def;
	background-image:-moz-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-ms-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#109aea),to(#6cb8e4));
	background-image:-webkit-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-o-linear-gradient(top,#109aea,#6cb8e4);
	background-image:linear-gradient(top,#109aea,#6cb8e4);
}
body[data-controller=valuepacks][data-action=results] #main #item-details-popover.top .popover-arrow {
	border-top:12px solid #109def;
}
body[data-controller=valuepacks][data-action=results] #main #item-details-popover.bottom .popover-inner {
	border-top-color:#109aea;
}
body[data-controller=valuepacks][data-action=results] #main #item-details-popover.bottom .popover-arrow {
	border-bottom:12px solid #109aea;
}
body[data-controller=newsletter][data-action=index] #newsletter-signup {
	border:1px solid #aed3e8;
}
body[data-controller=newsletter][data-action=index] #newsletter-signup legend {
	color:#109def;
}
body[data-controller=newsletter][data-action=index] #newsletter-signup input[type=text] {
	border-color:#aed3e8;
}
body[data-controller=newsletter][data-action=index] #newsletter-signup button[type=submit] {
	border-color:#aed3e8;
	background-color:#86c5e9;
	background-image:-moz-linear-gradient(top,#aed3e8,#6bb8e5);
	background-image:-ms-linear-gradient(top,#aed3e8,#6bb8e5);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#aed3e8),to(#6bb8e5));
	background-image:-webkit-linear-gradient(top,#aed3e8,#6bb8e5);
	background-image:-o-linear-gradient(top,#aed3e8,#6bb8e5);
	background-image:linear-gradient(top,#aed3e8,#6bb8e5);
	border-color:#6bb8e5 #6bb8e5 #109def;
}
body[data-controller=newsletter][data-action=index] #newsletter-signup button[type=submit].active,body[data-controller=newsletter][data-action=index] #newsletter-signup button[type=submit].disabled,body[data-controller=newsletter][data-action=index] #newsletter-signup button[type=submit]:active,body[data-controller=newsletter][data-action=index] #newsletter-signup button[type=submit]:hover,body[data-controller=newsletter][data-action=index] #newsletter-signup button[type=submit][disabled] {
	background-color:#6bb8e5;
}
body[data-controller=newsletter][data-action=index] #newsletter-signup button[type=submit].active,body[data-controller=newsletter][data-action=index] #newsletter-signup button[type=submit]:active {
	background-color:#109def\9;
}
#savingOptionsModal .modal-header {
	background-color:#edf1f4;
	border-bottom:1px solid #55ade0;
}
#savingOptionsModal .modal-footer {
	border-top:1px solid #55ade0;
}
#savingOptionsModal .saving-option {
	border-bottom:1px solid #55ade0;
}
#savingOptionsModal .header .source {
	color:#109def;
}
#merchant-overlay .modal-header {
	background-color:#edf1f4;
	border-bottom:1px solid #55ade0;
}
#merchant-overlay .modal-footer {
	border-top:1px solid #55ade0;
}
#goodie-overlay .modal-header {
	background-color:#edf1f4;
	border-bottom:1px solid #55ade0;
}
#goodie-overlay .modal-body .goody_item {
	border:1px solid #d2e6f1;
}
#goodie-overlay #goody-details-overlay-popover .popover-arrow {
	border-right:12px solid #109def;
}
#goodie-overlay #goody-details-overlay-popover .popover-inner {
	border:1px solid #109def;
}
#goodie-overlay #goody-details-overlay-popover .popover-inner .header {
	background-color:#109def;
	background-color:#109def;
	background-image:-moz-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-ms-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#109aea),to(#6cb8e4));
	background-image:-webkit-linear-gradient(top,#109aea,#6cb8e4);
	background-image:-o-linear-gradient(top,#109aea,#6cb8e4);
	background-image:linear-gradient(top,#109aea,#6cb8e4);
}
#goodie-overlay #goody-details-overlay-popover .popover-inner .content .footer {
	color:#109def;
}
#goodie-overlay #goody-details-overlay-popover.right .popover-arrow {
	border-left:12px solid #109def;
}
#goodie-overlay .modal-footer {
	border-top:1px solid #55ade0;
}
#site-popup .modal-header {
	background-color:#edf1f4;
	border-bottom:1px solid #55ade0;
}
.lt-ie9 #cart-status .empty,.lt-ie9 .full {
	border:1px solid #0a669b;
}
.lt-ie9 #cart-status .buttons {
	border-top:1px solid #0a669b;
}
.lt-ie9 #quickbar #quick-dropdowns select {
	border:1px solid #109def;
}
#xlt-bv .xlt-bv-pill {
	color: #064061;
}
#xlt-korb .xlt-korb-kopf {
	background: #064061;
}
#xlt-korb .xlt-korb-wallet-paypal {
	color: #0b70aa;
}
#xlt-korb .xlt-korb-wallet-paypal:hover {
	color: #0b70aa;
}
#xlt-korb .xlt-korb-pp-a {
	color: #0b70aa;
}
#xlt-korb .xlt-korb-pp-b {
	color: #00a1ff;
}
body[data-controller="cart"][data-action="index"] #main table.items td.description-column a.url {
	color: #064061;
}
body[data-controller="cart"][data-action="index"] #main table.items tr.totals td {
	background: #fafbfb;
}
body[data-controller="cart"][data-action="index"] #main table.items tr.totals td.labels span strong, body[data-controller="cart"][data-action="index"] #main table.items tr.totals td.values span strong {
	color: #042c43;
}
body[data-controller="cart"][data-action="index"] #main .buttons .btn-primary {
	background-color: #eef1f3;
}
body[data-controller="cart"][data-action="index"] #main .buttons .btn-primary:hover {
	background-color: #dee7ed;
	color: #064061;
}
body[data-controller="cart"][data-action="index"] #main .buttons .btn-order.disabled, body[data-controller="cart"][data-action="index"] #main .buttons .btn-order[disabled] {
	background-color: #bfd1db;
}
body[data-controller="order"][data-action="checkout"] #main .form-pane > header {
	background-color: #fafbfb;
	border-bottom: 1px solid #eceeef;
	color: #064061;
}
body[data-controller="order"][data-action="checkout"] #main a.login.btn {
	background-color: #eff3f6;
	border: 1px solid #cfdfe9;
	color: #0d7dbe;
}
body[data-controller="order"][data-action="checkout"] #main a.login.btn:hover {
	background-color: #e2edf3;
	border-color: #b8d1e0;
	color: #0a6498;
}
body[data-controller="order"][data-action="checkout"] #main #payment-methods .payment-method:hover {
	border-color: #c9d8e1;
}
body[data-controller="order"][data-action="checkout"] #main #cart table.items th {
	border-bottom: 1px solid #eceeef;
}
body[data-controller="order"][data-action="checkout"] #main #cart table.items td {
	border-top: 1px solid #f1f2f3;
}
body[data-controller="order"][data-action="checkout"] #main #cart table.items td.description-column a.url {
	color: #064061;
}
@media (min-width: 769px) {
	body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper input.count {
		background: #f3f4f5;
		border: 1px solid #dce6ec;
		color: #064061;
	}
}
.ribbon .container-fluid:has(> .row-fluid h1) {
	border-bottom: 1px solid #e4ecf0;
}
.ribbon .container-fluid:has(> .row-fluid h1) h1, #order-ribbon h1 {
	color: #042c43;
}
html body #page #xlt-kopf, html body #page #quickbar.xlt-kopf-pfad {
	color: #064061;
}
html body #page #xlt-kopf .xlt-kopf-nutzen a:hover, html body #page #xlt-kopf .xlt-kopf-nutzen a:focus {
	color: #064061;
}
html body #page #xlt-kopf .xlt-kopf-service .xlt-kopf-link, html body #page #xlt-kopf .xlt-kopf-service .xlt-kopf-link:hover, html body #page #xlt-kopf .xlt-kopf-service .xlt-kopf-link:focus, html body #page #xlt-kopf .xlt-kopf-service .xlt-kopf-link:active {
	color: #0b6fa9;
}
html body #page #xlt-kopf .xlt-kopf-service .xlt-kopf-link:hover, html body #page #xlt-kopf .xlt-kopf-service .xlt-kopf-link:focus {
	color: #064061;
}
html body #page #xlt-kopf #header #quick-search #quick-search-input {
	color: #064061;
}
html body #page #xlt-kopf #header #quick-search #quick-search-submit {
	background: #064061;
	border: 1px solid #064061;
}
html body #page #xlt-kopf #header #quick-search #quick-search-submit:hover, html body #page #xlt-kopf #header #quick-search #quick-search-submit:focus, html body #page #xlt-kopf #header #quick-search #quick-search-submit:active {
	background: #032030;
	border-color: #032030;
}
html body #page #xlt-kopf #header-slogan strong {
	color: #064061;
}
html body #page #xlt-kopf .xlt-kopf-aktion, html body #page #xlt-kopf .xlt-kopf-korb, html body #page #xlt-kopf #toggle-quick-login a {
	color: #064061;
}
html body #page #xlt-kopf a.xlt-kopf-aktion:hover, html body #page #xlt-kopf a.xlt-kopf-aktion:focus-visible, html body #page #xlt-kopf #toggle-quick-login a:hover, html body #page #xlt-kopf #toggle-quick-login a:focus-visible, html body #page #xlt-kopf .xlt-kopf-korb:hover, html body #page #xlt-kopf .xlt-kopf-korb:focus-within {
	color: #064061;
}
html body #page #xlt-kopf #cart-status {
	color: #064061;
}
html body #page #xlt-kopf #cart-status > div {
	color: #064061;
}
html body #page #xlt-kopf #cart-status .info {
	color: #064061;
}
html body #page #xlt-kopf #cart-status .info b:first-of-type {
	color: #064061;
}
html body #page #xlt-kopf #cart-status .empty .info b:first-of-type {
	color: #064061;
}
html body #page #xlt-kopf #cart-status .info::before {
	color: #064061;
}
html body #page #xlt-kopf #cart-status .full .info b:last-of-type {
	color: #064061;
}
html body #page #xlt-kopf #cart-status .full .buttons a, html body #page #xlt-kopf #cart-status .full .buttons a:hover {
	color: #064061;
}
html body #page #quickbar #breadcrumbs .breadcrumb li a:hover {
	color: #064061;
}
html body #page #quickbar #breadcrumbs .breadcrumb li.active {
	color: #064061;
}
html body #page #quickbar #quick-dropdowns .chzn-container-single .chzn-single {
	color: #064061;
}
html body #page #quickbar #quick-dropdowns .chzn-container .chzn-drop {
	color: #064061;
}
html body #page #quickbar #quick-dropdowns .chzn-container-single .chzn-search input {
	color: #064061;
}
html body #page #quickbar #quick-dropdowns .chzn-container .chzn-results li {
	color: #064061;
}
html body #page #quickbar #quick-dropdowns .chzn-container .chzn-results .highlighted, html body #page #quickbar #quick-dropdowns .chzn-drop .highlighted {
	color: #064061;
}
html body:not([data-controller="site"][data-action="index"]) ul.ui-autocomplete.ui-menu .ui-menu-item a {
	color: #064061;
}
html body:not([data-controller="site"][data-action="index"]) ul.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-hover {
	color: #064061;
}
html body:not([data-controller="site"][data-action="index"]) ul.ui-autocomplete.ui-menu .ui-menu-item .color-boxes span, html body:not([data-controller="site"][data-action="index"]) ul.ui-autocomplete.ui-menu .ui-menu-item .color-boxes span:first-child {
	border: 1px solid rgba(6, 64, 97, 0.25);
}
html body #quick-login {
	color: #064061;
}
html body #quick-login form input[type="text"], html body #quick-login form input[type="password"] {
	color: #064061;
}
html body #quick-login form .buttons .btn, html body #quick-login form .buttons .btn:hover, html body #quick-login form .buttons .btn:focus {
	background: #109def;
	border: 1px solid #0e88cf;
}
html body #quick-login form .buttons .btn:hover, html body #quick-login form .buttons .btn:focus {
	background: #0e88cf;
}
html body #quick-login form .forgot-password, html body #quick-login a {
	color: #0b6fa9;
}
html body[data-controller="item"][data-action="index"] #main #results article.type.dialog > header.header, html body[data-controller="item"][data-action="index"] #main #details section.dialog > header.header {
	background-color: #fafbfb;
	border-bottom: 1px solid #eceeef;
	color: #064061;
}
html body[data-controller="item"][data-action="index"] #main #results article.type.dialog > header.header h2, html body[data-controller="item"][data-action="index"] #main #details section.dialog > header.header h2 {
	color: #064061;
}
html body[data-controller="item"][data-action="index"] #main #goodie-carousel-wrapper > header, html body[data-controller="item"][data-action="index"] #main #goodie-carousel-wrapper .gradient {
	background-color: #fafbfb;
	border-bottom: 1px solid #eceeef;
}
html body[data-controller="item"][data-action="index"] #main #goodie-carousel-wrapper > header h2 {
	color: #064061;
}
html body[data-controller="printer"][data-action="index"] #main .pane > header {
	background-color: #fafbfb;
	border-bottom: 1px solid #eceeef;
	color: #064061;
}
html body[data-controller="printer"][data-action="index"] #main .pane > header h1, html body[data-controller="printer"][data-action="index"] #main .pane > header h3 {
	color: #064061 !important;
}
html body[data-controller="item"][data-action="search"] #main #search-results > header {
	background-color: #fafbfb;
	border-bottom: 1px solid #eceeef;
	color: #064061;
}
html body[data-controller="item"][data-action="search"] #main #search-results > header h3 {
	color: #064061;
}
html body[data-controller="item"][data-action="search"] #main #search-results > header div {
	color: #0b6fa9;
}
html body[data-controller="item"][data-action="search"] #main #search-results > header div:hover {
	color: #064061;
}
html body[data-controller="item"][data-action="index"] #main #results .type .items .item.selected {
	background-color: #e2f0f8;
}
html body[data-controller="order"][data-action="checkout"] #main .saving-options-container .text {
	color: #064061;
}
html body[data-controller="order"][data-action="checkout"] #main .xlt-abschnitt-kopf, html body[data-controller="order"][data-action="checkout"] #main #payment-methods.form-pane > header, html body[data-controller="order"][data-action="checkout"] #main #shipping-address.form-pane > header, html body[data-controller="order"][data-action="checkout"] #main #login-pane.form-pane > header {
	color: #064061;
}
html body[data-controller="order"][data-action="checkout"] #main a.login.xlt-anmelden-link {
	color: #0e88cf;
}
html body[data-controller="order"][data-action="checkout"] #main a.login.xlt-anmelden-link:hover {
	color: #064061;
}
html body[data-controller="order"][data-action="checkout"] #main .form-pane .content input[type="text"], html body[data-controller="order"][data-action="checkout"] #main .form-pane .content input[type="password"], html body[data-controller="order"][data-action="checkout"] #main .form-pane .content input[type="email"], html body[data-controller="order"][data-action="checkout"] #main .form-pane .content input[type="tel"], html body[data-controller="order"][data-action="checkout"] #main .form-pane .content select {
	border: 1px solid #d2dee5;
	color: #064061;
}
html body[data-controller="order"][data-action="checkout"] #main .form-pane .content input[type="text"]:focus, html body[data-controller="order"][data-action="checkout"] #main .form-pane .content input[type="password"]:focus, html body[data-controller="order"][data-action="checkout"] #main .form-pane .content select:focus {
	border-color: #064061;
	box-shadow: 0 0 0 1px #064061;
}
html body[data-controller="order"][data-action="checkout"] #main label.checkbox.inline, html body[data-controller="order"][data-action="checkout"] #main label#register-checkbox {
	color: #064061;
}
html body[data-controller="order"][data-action="checkout"] #main #type-selector label.radio {
	border: 1px solid #d2dee5;
	color: #064061;
}
html body[data-controller="order"][data-action="checkout"] #main #type-selector label.radio:has(input:checked) {
	border-color: #064061;
	box-shadow: 0 0 0 1px #064061;
}
html body[data-controller="order"][data-action="checkout"] #main #type-selector label.radio input[type="radio"] {
	accent-color: #064061;
}
html body[data-controller="order"][data-action="checkout"] #main #type-selector a {
	color: #0e88cf;
}
html body[data-controller="order"][data-action="checkout"] #main #payment-methods .payment-method {
	border: 1px solid #d2dee5;
}
html body[data-controller="order"][data-action="checkout"] #main #payment-methods .payment-method:has(> label input:checked) {
	border-color: #064061;
	box-shadow: 0 0 0 1px #064061;
}
html body[data-controller="order"][data-action="checkout"] #main #payment-methods .payment-method > label.radio {
	color: #064061;
}
html body[data-controller="order"][data-action="checkout"] #main #payment-methods .payment-method > label.radio input[type="radio"] {
	accent-color: #064061;
}
html body[data-controller="order"][data-action="checkout"] #main #payment-methods .payment-method-disabled {
	background: #fafbfb;
}
html body[data-controller="order"][data-action="checkout"] #main #eu-gewaehrleistung.form-pane::before {
	border: 1.5px solid #064061;
	color: #064061;
}
html body[data-controller="order"][data-action="checkout"] #main #eu-gewaehrleistung.form-pane > header {
	color: #064061;
}
html body[data-controller="order"][data-action="checkout"] #main #eu-gewaehrleistung.form-pane > .content p {
	color: #064061;
}
html body[data-controller="order"][data-action="checkout"] #main #eu-gewaehrleistung-oeffnen.btn {
	color: #0e88cf;
}
html body[data-controller="order"][data-action="checkout"] #main #gtc-wrapper a {
	color: #0e88cf;
}
html body[data-controller="order"][data-action="checkout"] #main #cart table.items td.description-column b {
	color: #064061;
}
@media (min-width: 769px) {
	html body[data-controller="order"][data-action="checkout"] #main #cart .count-wrapper input.count {
		background: #064061;
	}
}
html body[data-controller="order"][data-action="checkout"] #main #cart .total-price {
	color: #064061;
}
html body[data-controller="order"][data-action="checkout"] #main #cart #voucher-wrapper input {
	border: 1px solid #d2dee5;
}
html body[data-controller="order"][data-action="checkout"] #main #cart #voucher-wrapper button {
	background: #e4ecf0;
}
html body[data-controller="order"][data-action="checkout"] #main #cart table.items tr.totals td > div > span {
	color: #064061;
}
html body #page > footer .container-fluid {
	background: #fafbfb;
	box-shadow: -60vw 0 0 0 #fafbfb, 60vw 0 0 0 #fafbfb;
}
html body #page > footer .container-fluid .span3 > div {
	color: #064061;
}
html body #page > footer .container-fluid .span3 > div h4 {
	color: #064061;
}
html body #page > footer .container-fluid .span3 > div h4 a {
	color: #064061;
}
html body #page > footer .container-fluid .span3 > div p a:hover {
	color: #064061;
}
html body #page > footer .container-fluid .span3 > div a.btn {
	border: 1px solid #064061;
	color: #064061;
}
html body #page > footer .container-fluid .span3 > div a.btn:hover {
	background: #064061;
}
html body #page > footer .container-fluid .span3 .hotline {
	color: #064061;
}
html body #page > footer .container-fluid .span3 .hotline strong {
	color: #064061;
}
/* === XLT-ENDE: farbschema-coolblue === */

/* === XLT-START: farbschema-coolblue-nachzug === */
/* ============================================================
   coolblue-Blau: die zwei Stellen, die NICHT aus style.css kommen
   20.09.2026. Beide stehen in einem <style>-Block IN der Startseiten-JSP und werden
   vom Generator nicht erfasst - am 19.09. beim Gruen schon einmal aufgefallen,
   gemessen mit rest-blau.mjs am gerenderten Dokument.

     .drucker-typ      Kennzeichen der Druckerkarten ("S/W-Laserdrucker")
     .hero-karte-titel Ueberschrift der Suchkarte im Hero

   `!important`, weil der JSP-Block spaeter im Dokument steht als style.css.
   ============================================================ */

html body #drucker-angebot .drucker-typ { color: #109aea !important; border-color: #109aea !important; }

html body .hero-karte-titel {
	color: #0e88cf !important;
}
/* === XLT-ENDE: farbschema-coolblue-nachzug === */

/* === XLT-START: aktionsfarbe-blau === */
/* ============================================================
   Rahmen, Kassenknopf und Kassendetails in Blau
   20.09.2026, SG: "rahmen, kassenknopf, kassendetails auch blau".

   Das Farbschema vom selben Morgen hat Gruen bewusst stehen lassen, weil es im Shop
   Bedeutung traegt ("Die Aktionsfarbe des Shops ist gruen (#46a546)", Kommentar im
   Bestands-CSS). SG will es an drei Stellen trotzdem blau:

     1. Rahmen  - der gruene Rahmen des Detailkastens, die Markierung der gewaehlten
                  Zeile und die Verbindungslinie dazwischen (alles vom 19.09. 08:37)
     2. Kassenknopf - "Zur Kasse" im Warenkorb, im Kopfkorb, im Slide-in-Korb und der
                  Bestellknopf "Zahlungspflichtig bestellen"
     3. Kassendetails - was auf der Bestellseite sonst noch gruen war: Haken der
                  Auswahlkaestchen (accent-color) und der Anmelden-Knopf von 10:02

   GRUEN BLEIBT, wo es Bedeutung ist und nicht Dekoration - das ist der ganze Punkt:
     * Lagerampel (`.stock-status.in-stock .light`)
     * Reichweite/Seitenzahl (`.capacity`) und Bio-Hinweise
     * "schon im Warenkorb" (`.in-cart .btn-buy`)
     * Erfolgsmeldungen, Gutscheinhinweise

   Leitfarben: #0090e3 (coolblue) fuer Flaechen und Rahmen, #0077bd beim Ueberfahren.
   ============================================================ */

html body { --xlt-aktionsfarbe: #0090e3; }

/* ---------- 1. Rahmen: Detailkasten, gewaehlte Zeile, Verbindungslinie ---------- */

html body[data-controller="item"][data-action="index"] #main #details {
	border-color: #0090e3;
}

html body[data-controller="item"][data-action="index"] #main #results .type .items .item.selected td {
	border-top-color: #0090e3;
	border-bottom-color: #0090e3;
}

html body[data-controller="item"][data-action="index"] #main #results .type .items .item.selected td:first-child {
	border-left-color: #0090e3;
}

html body[data-controller="item"][data-action="index"] #main #results .type .items .item.selected td.last {
	border-right-color: #0090e3;
}

html body[data-controller="item"][data-action="index"] #main #results .type .items .item.selected td.last::after {
	background: #0090e3;
}

html body[data-controller="item"][data-action="index"] #main #results .type .items .selected .btn-buy:after {
	border-left-color: #0090e3;
}

/* ---------- 2. Kassenknopf in allen vier Auspraegungen ---------- */

html body .btn-order.green {
	background-color: #0090e3;
	background-image: none;
	border-color: #0090e3;
}

html body .btn-order.green:hover,
html body .btn-order.green:active,
html body .btn-order.green.active {
	background-color: #0077bd;
	border-color: #0077bd;
}

html body[data-controller="cart"][data-action="index"] #main .buttons .btn-order {
	background-color: #0090e3;
}

html body[data-controller="cart"][data-action="index"] #main .buttons .btn-order:hover {
	background-color: #0077bd;
}

html body[data-controller="order"][data-action="checkout"] #main #place-order {
	background-color: #0090e3;
}

html body[data-controller="order"][data-action="checkout"] #main #place-order:hover {
	background-color: #0077bd;
}

html body #page #xlt-kopf #cart-status .full .buttons a.checkout {
	background: #0090e3;
	border-color: #0090e3;
}

html body #page #xlt-kopf #cart-status .full .buttons a.checkout:hover {
	background: #0077bd;
	border-color: #0077bd;
}

html body #xlt-korb .xlt-korb-kasse {
	background: #0090e3;
}

html body #xlt-korb .xlt-korb-kasse:hover {
	background: #0077bd;
}

/* ---------- 3. Kassendetails ---------- */

html body[data-controller="order"][data-action="checkout"] #main label.checkbox.inline input[type="checkbox"],
html body[data-controller="order"][data-action="checkout"] #main input[type="checkbox"],
html body[data-controller="order"][data-action="checkout"] #main input[type="radio"] {
	accent-color: #0090e3;
}

html body[data-controller="order"][data-action="checkout"] #main a.login.xlt-anmelden-link {
	border-color: #0090e3 !important;
	color: #0077bd;
}

html body[data-controller="order"][data-action="checkout"] #main a.login.xlt-anmelden-link:hover,
html body[data-controller="order"][data-action="checkout"] #main a.login.xlt-anmelden-link:focus {
	background: #0090e3;
	border-color: #0090e3 !important;
	color: #fff;
}
/* === XLT-ENDE: aktionsfarbe-blau === */

/* === XLT-START: druckerkarten-knopf-kleiner === */
/* ============================================================
   Startseite, Druckerkarten: "In den Warenkorb" kleiner
   20.09.2026, SG zum Screenshot der Karten: "die buttons kleiner".

   Gemessen vorher: 168 x 50 px, waehrend der "Details"-Knopf daneben 30 px hoch ist -
   die beiden standen sehr ungleich nebeneinander. Die Hoehe kam nicht aus der Polsterung
   (6/12), sondern aus zwei Groessen: `line-height: 36px` und dem Wagensymbol, das als
   `::before` mit **30 x 30 px** aus dem Sprite geschnitten wird.

   Deshalb beides zusammen verkleinert:
     * Zeilenhoehe 36 -> 20 px, Schrift 13 -> 12 px, Polsterung 6/12 -> 4/12
     * Symbol 30 -> 20 px; dafuer muss der Sprite-Ausschnitt MITSKALIERT werden:
       Blatt 700x687 -> 467x458, Position -543/-3 -> -362/-2 (Faktor 2/3), sonst
       zeigt der Knopf einen falschen Ausschnitt statt des Wagens.

   Ergebnis rund 30 px hoch - genau wie der Details-Knopf daneben.

   Die Regeln stehen in einem <style>-Block IN der Startseiten-JSP (`#drucker-angebot`),
   nicht im Stylesheet; er steht spaeter im Dokument, deshalb hier hoehere Spezifitaet
   ueber `html body`.
   ============================================================ */

html body #drucker-angebot .btn-buy.drucker-kaufen {
	padding: 4px 12px;
	font-size: 12px;
	line-height: 20px;
}

html body #drucker-angebot .btn-buy.drucker-kaufen::before {
	width: 20px;
	height: 20px;
	margin: 0 6px 0 0;
	background-size: 467px 458px;
	background-position: -362px -2px;
}
/* === XLT-ENDE: druckerkarten-knopf-kleiner === */

/* === XLT-START: liste-lesbarer === */
/* ============================================================
   Ergebnisliste: Nettopreis weg, Zeilen hoeher, Schrift groesser
   20.09.2026, SG zum Screenshot der Trefferliste: "die kleinen nettopreise raus ..
   spalten etwas hoeher und schrift etwas groesser".

   Gemessen vorher (1440 px, Canon Pixma TR 7650): Zeile 77 px, Zellen 8 px oben und
   unten, Beschreibung 11 px / Zeilenhoehe 12, Bruttopreis 15,4 px, MwSt.-Zusatz
   9,35 px, Nettozeile 11 px, Lieferzeit 11 px.

   ACHTUNG, und deshalb steht hier `[data-merchant="false"]`: **der Nettopreis
   verschwindet nur fuer Endkunden.** Haendler sehen im Shop bewusst Netto (Regel vom
   29.08.2026, `istEndkunde` im Render-Helfer) - wer angemeldet als Haendler einkauft,
   braucht die Zeile. `main.jsp` schreibt die Unterscheidung als `data-merchant` an
   <body>, hier wird sie gelesen. Der Bruttopreis mit "inkl. MwSt." bleibt in jedem
   Fall stehen.

   Neue Groessen: Beschreibung 12,5 px / 15, Bruttopreis 17 px, MwSt.-Zusatz 10,5 px,
   Lieferzeit und Reichweite 12 px, Zellenpolsterung 8 -> 11 px.
   ============================================================ */

html body[data-merchant="false"] #results .price .net { display: none; }

html body #results .type .items .item > td {
	padding-top: 11px;
	padding-bottom: 11px;
}

html body #results .type .items .description {
	font-size: 12.5px;
	line-height: 15px;
}

html body #results .type .items .description .capacity,
html body #results .type .items .description .vendor,
html body #results .type .items .description .category {
	font-size: 12px;
}

/* Der Bestand setzt hier `font-size: 140%` mit einem sehr langen Selektor
   (`body[data-controller=item][data-action=index] #results …`, gemessen 15,4 px).
   Eine kuerzere Regel verliert die Kaskade, auch wenn sie spaeter steht - deshalb
   dieselben Attribute mitnehmen. Genau die Falle, die in CLAUDE.md unter
   "Mobile-CSS: Bestandsregeln tragen oft ein zusaetzliches #main" steht. */
html body[data-controller="item"][data-action="index"] #results .type .items .price .gross .value {
	font-size: 17px;
}

/* Auch hier traegt der Bestand den langen Selektor (85 % = 9,35 px). */
html body[data-controller="item"][data-action="index"] #results .type .items .price .vat-note {
	font-size: 10.5px;
}

html body #results .type .items .price .net .value {
	font-size: 12px;
}

html body #results .type .items .stock-status {
	font-size: 12px;
}
/* === XLT-ENDE: liste-lesbarer === */

/* === XLT-START: dunkelblau-aufhellen === */
/* ============================================================
   Das dunkle Navy auf das Markenblau heben
   20.09.2026, SG zum Screenshot der Kopfzeile des Slide-in-Warenkorbs
   ("Weiter einkaufen"): "das andere blau".

   Gemeint ist #064061 - das dunkle Navy, das aus der Farbabbildung von heute frueh
   stammt (der Bestand hatte dort ein dunkles Graublau). Es kommt an genau ZWEI
   sichtbaren Stellen vor, gemessen ueber Start-, Artikel- und Warenkorbseite:

     1. `#xlt-korb .xlt-korb-kopf`   - die Kopfzeile des Slide-in-Warenkorbs (gemeint)
     2. `#quick-search-submit`       - der Suchen-Knopf im Shop-Kopf (gleicher Ton)

   Geaendert wird NUR die erste. Der Suchen-Knopf ist seit dem Kopfumbau vom 18.09.
   bewusst dunkel; das waere eine eigene Entscheidung, keine Nebenwirkung.

   Weiss auf #0090e3 ergibt rund 3,5:1 - fuer die fette 15-px-Zeile und den
   Knopftext ausreichend (AA fuer grosse Schrift ab 3:1), fuer Fliesstext nicht.
   Deshalb bleibt es bei diesen beiden Flaechen.
   ============================================================ */

html body #xlt-korb .xlt-korb-kopf { background: #0090e3; }

/* Der Suchen-Knopf im Kopf traegt denselben Ton (#064061) - er bleibt aber DUNKEL.
   Grund: der Kopfumbau vom 18.09.2026 hat ihn ausdruecklich so angelegt ("Suche bis
   600 px mit dunklem Suchen-Knopf"), und die Bestandsregel dafuer haengt an drei IDs
   (`#header .row-fluid #quick-search #quick-search-submit`). Wenn er mit soll, ist das
   eine eigene Entscheidung - dann braucht die Regel dieselbe ID-Tiefe. */

/* === XLT-ENDE: dunkelblau-aufhellen === */

/* === XLT-START: felder-beschriftung-oben === */
/* ============================================================
   Bestellseite: Beschriftung UEBER das Feld, Felder ruhiger und breiter beschriftet
   20.09.2026, SG zum Screenshot von cyberport.de: "die eingabefelder links sind sehr
   gut erkennbar und hilfreich .. so auch bei uns umsetzen".

   Bisher (Zendure-Umbau vom 19.09. 07:55): die Beschriftung lag IM Feld, klein und
   grau, das Feld 56 px hoch mit 24 px Innenabstand oben. Das sieht aufgeraeumt aus,
   ist aber schlechter lesbar - beim Tippen verdeckt der eigene Text die Beschriftung
   halb, und ein Beispiel passt nicht mehr hinein.

   Jetzt wie im Vorbild: Beschriftung darueber, fett und dunkel; das Feld selbst
   niedriger (48 px) und mit gleichmaessigem Innenabstand; im Feld steht ein Beispiel
   (kommt aus dem <script>-Block `checkout-platzhalter`, siehe setze_platzhalter.py).

   Breiten wie beim Vorbild: PLZ schmal, Ort breit - sonst stehen zwei gleich grosse
   Felder nebeneinander, obwohl das eine fuenf Zeichen fasst und das andere zwanzig.
   Dafuer `:has()` auf dem Kasten, weil der Bestand keine eigenen Klassen je Feld hat.
   ============================================================ */

/* Anker des Blocks: eine Zeile, die im Bestand NICHT vorkommt. Noetig, weil der
   Setzer den Block an seiner ersten Regelzeile wiederfindet - und die Selektoren
   unten stehen wortgleich schon im Zendure-Block. */
html body { --xlt-felder-beschriftung: oben; }

/* Der Zendure-Block vom 19.09. setzt die Beschriftung absolut - und zwar mit
   `label:not(.checkbox):not(.radio):not(.error)`. Jedes :not() zaehlt wie eine Klasse,
   der Selektor ist damit spezifischer als ein schlichtes `> label`; eine kuerzere Regel
   verliert trotz spaeterer Position. Deshalb hier dieselbe Kette. */
html body[data-controller="order"][data-action="checkout"] #main .form-control > label:not(.checkbox):not(.radio):not(.error) {
	position: static;
	display: block;
	margin: 0 0 6px;
	padding: 0;
	color: #2b2b33;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	pointer-events: auto;
}

html body[data-controller="order"][data-action="checkout"] #main .form-control > label .required {
	color: #c0392b;
	font-weight: 700;
}

html body[data-controller="order"][data-action="checkout"] #main .form-control > label .xlt-optional {
	margin-left: 6px;
	color: #6b6b75;
	font-size: 12.5px;
	font-weight: 400;
}

html body[data-controller="order"][data-action="checkout"] #main .form-control {
	margin-bottom: 18px;
}

html body[data-controller="order"][data-action="checkout"] #main .form-control > input:not(.xlt-nie):not(.xlt-nie2):not(.xlt-nie3),
html body[data-controller="order"][data-action="checkout"] #main .form-control > select:not(.xlt-nie):not(.xlt-nie2):not(.xlt-nie3),
html body[data-controller="order"][data-action="checkout"] #main .form-control > textarea:not(.xlt-nie):not(.xlt-nie2):not(.xlt-nie3) {
	height: 48px;
	padding: 12px 14px;
	border: 1px solid #c9d4dc;
	border-radius: 8px;
	font-size: 15px;
	line-height: 22px;
}

html body[data-controller="order"][data-action="checkout"] #main .form-control > input:focus,
html body[data-controller="order"][data-action="checkout"] #main .form-control > select:focus,
html body[data-controller="order"][data-action="checkout"] #main .form-control > textarea:focus {
	border-color: #0090e3;
	box-shadow: 0 0 0 3px rgba(0, 144, 227, 0.15);
	outline: none;
}

html body[data-controller="order"][data-action="checkout"] #main .form-control > input::placeholder,
html body[data-controller="order"][data-action="checkout"] #main .form-control > textarea::placeholder {
	color: #9aa5ad;
	opacity: 1;
}

/* Fehlermeldungen von jQuery validate stehen unter dem Feld und duerfen die
   Beschriftung nicht verdraengen. */
html body[data-controller="order"][data-action="checkout"] #main .form-control label.error {
	position: static;
	display: block;
	margin: 6px 0 0;
	color: #c0392b;
	font-size: 12.5px;
	font-weight: 400;
}

/* PLZ schmal, Ort breit - wie im Vorbild. Die beiden Kaesten liegen nicht in einem
   Flex-Elternteil, sondern nebeneinander mit fester Prozentbreite (je 331 px von 676).
   Gegen diese Bestandsbreite kommt eine eigene Regel nur mit `!important` an; gemessen,
   nicht geraten - ohne sie blieb die PLZ bei 331 px. */
html body[data-controller="order"][data-action="checkout"] #main .form-control:has(> input[name="postcode"]),
html body[data-controller="order"][data-action="checkout"] #main .form-control:has(> input[name="shipPostcode"]),
html body[data-controller="order"][data-action="checkout"] #main .form-control:has(> input[name="sepaPostcode"]) {
	width: 150px !important;
}

html body[data-controller="order"][data-action="checkout"] #main .form-control:has(> input[name="city"]),
html body[data-controller="order"][data-action="checkout"] #main .form-control:has(> input[name="shipCity"]),
html body[data-controller="order"][data-action="checkout"] #main .form-control:has(> input[name="sepaCity"]) {
	width: calc(100% - 164px) !important;
}

/* === XLT-ENDE: felder-beschriftung-oben === */

/* === XLT-START: korbspalte-mittig === */
/* ============================================================
   Bestellseite: die Warenkorb-Karte mittig in der grauen Spalte
   20.09.2026, SG: "wk box mehr mittig rechts fehlt grau".

   Gemessen: die graue Spalte (.span4) hat `padding: 34px 0 40px 40px` - links
   40 px, rechts NULL. Die weisse Karte stiess deshalb hart an die rechte Kante,
   und rechts davon wirkte das Grau abgeschnitten. Die Flaeche selbst geht per
   `box-shadow: 60vw` bis zum Fensterrand weiter; sie war also da, aber ohne Abstand
   sieht man sie nicht als Rahmen um die Karte.

   Hier: rechts derselbe Abstand wie links (40 px), damit die Karte mittig in ihrer
   Spalte steht - und der Fuellschatten auf 100vw, damit die Flaeche auch auf sehr
   breiten Bildschirmen garantiert bis zum Rand reicht (60vw reichten rechnerisch,
   aber mit 100vw kann es keine Luecke geben).
   ============================================================ */

/* `:has(> #cart)` trifft GENAU die rechte Spalte - `.row-fluid > .span4` trifft beide.
   `!important`, weil die Bestandsregel fuer diese Spalte spezifischer ist. */
html body[data-controller="order"][data-action="checkout"] #main .span4:has(> #cart) {
	position: relative;
	padding-right: 40px !important;
}

/* Die graue Flaeche bis zum Fensterrand.
   Der Bestand versucht das mit `box-shadow: 60vw 0 0 0` - das ist ein VERSATZ, kein
   Fuellen: der Schatten liegt als Kopie der Spalte 864 px weiter rechts und damit
   ausserhalb des Fensters. Deshalb endete das Grau an der Spaltenkante (SG: "rechts
   fehlt grau"). Hier stattdessen eine Flaeche, die an der Spaltenkante beginnt und
   nach rechts laeuft - genauso hoch wie die Spalte, also ohne Faerbung darueber
   oder darunter. */
html body[data-controller="order"][data-action="checkout"] #main .span4:has(> #cart)::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 100vw;
	background: #f5f5f6;
	pointer-events: none;
}
/* Die 100vw breite Fuellflaeche wuerde die Seite nach rechts verlaengern (gemessen:
   Querscroll bei 1600 px Fenster). `overflow-x: clip` schneidet sie ab, ohne - anders
   als `hidden` - einen Scrollbereich zu erzeugen; klebende Elemente bleiben dadurch
   kleben. Nur auf der Bestellseite. */
html body[data-controller="order"][data-action="checkout"] #main {
	overflow-x: clip;
}

/* === XLT-ENDE: korbspalte-mittig === */