/* Block hints */

.amfpc-block-info
{
    position:relative;
    border:1px dotted #008080;
    margin:6px 2px;
    padding:18px 2px 2px 2px;
    zoom: 1;
}

.amfpc-block-info:hover
{
    border-color: orange !important;
}

.amfpc-block-info>.amfpc-block-handle,
.amfpc-block-info>.amfpc-template-info
{
    position:absolute;
    top:0;
    padding:2px 5px;
    background:#008080;
    color:white;
    font:normal 11px Arial;
    text-align:left !important;
    z-index:998;
    text-transform: none;
}

.amfpc-block-info>.amfpc-block-handle:hover,
.amfpc-block-info>.amfpc-template-info:hover
{
    z-index:999;
}

.amfpc-block-info>.amfpc-block-handle
{
    cursor: default;
    left:0;
    white-space: nowrap;
}

.amfpc-block-info>.amfpc-template-info
{
    right:0;
}

.amfpc-block-info>.amfpc-block-handle:hover
{
    background-color: orange !important;
}

.amfpc-block-info.active
{
    -webkit-animation: amfpc-blocks 1s linear .5s infinite alternate;
    animation: amfpc-blocks 1s linear .5s infinite alternate;
}

@-webkit-keyframes amfpc-blocks {
    from {opacity: 1;}
    to {opacity: .1;}
}

@keyframes amfpc-blocks {
    from {opacity: 1;}
    to {opacity: .1;}
}

/* Updated blocks */

.amfpc-block-info.updated
{
    border-color: red;
}

.amfpc-block-info.updated>.amfpc-block-handle
{
    top:0;
    background:red;
}

/* Status popup */

.amfpc-info
{
    width: 350px;
    min-height: 95px;
    position: fixed;
    bottom: 10px;
    left: 10px;
    background: #008080;
    color: #fff;
    z-index: 99999;
    font-size: 32px;
}

.amfpc-info h1
{
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    padding: 2px 5px;
    font-size: 14px;
    font-weight: bold;
}

.amfpc-info h2
{
    margin-top: 12px;
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
}

.amfpc-info .amfpc-content
{
    line-height: 48px;
}
#ampromo-items-add {
  border: 1px solid #ededed;
  padding: 7px;
  text-align: center;
  margin-bottom: 12px;
}
#ampromo-items-add a {
  text-decoration: none;
  border-bottom: 1px dashed;
}
.amscheckout #ampromo-items-add {
  margin: 7px 10px;
}
#ampromo-overlay {
  direction: ltr;
}
#ampromo-overlay.mode-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 10000;
  text-align: center;
  overflow: scroll;
}
#ampromo-overlay.mode-popup .close {
  position: absolute;
  top: 7px;
  right: 7px;
  background: url(https://www.chocri.de/skin/frontend/base/default/images/amasty/ampromo/close_icon.png) no-repeat;
  width: 16px;
  height: 16px;
  z-index: 1;
  margin: 0;
  padding: 0;
  font-size: 0;
  display: block;
  opacity: .8;
}
#ampromo-overlay.mode-popup .close:hover {
  opacity: 1;
  transition: opacity 0.2s ease;
}
#ampromo-overlay.mode-inline #ampromo-items {
  width: 100%;
  margin: 20px 0 40px;
  border: 0;
  padding: 0;
}
#ampromo-overlay.mode-inline #ampromo-items .products {
  margin: 0 -20px 25px;
  align-items: stretch;
}
#ampromo-overlay.mode-inline #ampromo-items .products .product {
  margin-bottom: 20px;
}
#ampromo-overlay.mode-inline #ampromo-items #ampromo-carousel-wrapper {
  margin: 0 -15px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item {
  margin: 0 20px 20px;
  height: 100%;
  width: auto;
  border-radius: 5px;
  border: none;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .ampromo-items-form {
  display: flex;
  flex-flow: column;
  height: 100%;
  justify-content: space-between;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .ampromo-item-buttons {
  margin-top: 20px;
  text-align: center;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config .ampromo-item-options {
  margin-bottom: 0;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options {
  display: flex;
  align-items: flex-start;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options {
  margin-left: 12px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options,
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options input,
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options select {
  max-width: 160px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.simple {
  margin: -20px -20px 0;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.simple .ampromo-item-image-wrap {
  padding: 20px 20px 0;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.simple .ampromo-item-title {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title {
  position: relative;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title .ampromo-item-title {
  padding: 12px;
  box-sizing: border-box;
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title:hover .ampromo-item-title {
  display: flex;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title h4 {
  color: white;
  line-height: initial;
  text-align: center;
  font-size: 16px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title h4 a {
  color: white;
  line-height: initial;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-add-all {
  margin-top: 7px;
  display: flex;
  justify-content: center;
}
#ampromo-overlay.mode-inline .ampromo-slide {
  margin: 10px 0;
}
#ampromo-overlay.mode-inline #ampromo-carousel-content {
  display: flex;
  flex-wrap: wrap;
}
#ampromo-overlay .ampromo-carousel-control {
  position: absolute;
  top: 260px;
  background: url(https://www.chocri.de/skin/frontend/base/default/images/amasty/ampromo/buttons_next_prev.png) no-repeat;
  width: 48px;
  height: 45px;
  font-size: 0;
  display: none;
}
#ampromo-overlay .ampromo-carousel-control.carousel-disabled.prev {
  background-position: 0 0 !important;
}
#ampromo-overlay .ampromo-carousel-control.carousel-disabled.next {
  background-position: -46px 0 !important;
}
#ampromo-overlay .ampromo-carousel-control.prev {
  background-position: 0 -45px;
  left: 20px;
}
#ampromo-overlay .ampromo-carousel-control.prev:hover {
  background-position: 0 -91px;
}
#ampromo-overlay .ampromo-carousel-control.next {
  background-position: -46px -45px;
  right: 20px;
}
#ampromo-overlay .ampromo-carousel-control.next:hover {
  background-position: -46px -91px;
}
#ampromo-overlay #ampromo-items {
  border: 1px solid #ededed;
  background-color: white;
  position: relative;
  margin: 0 auto;
  padding: 24px;
  display: inline-block;
  box-sizing: border-box;
}
#ampromo-overlay #ampromo-items.amcarousel {
  display: block;
  width: 950px;
}
#ampromo-overlay #ampromo-items.amcarousel #ampromo-carousel-wrapper {
  width: 780px;
}
#ampromo-overlay #ampromo-items.amcarousel #ampromo-carousel-content {
  width: 4500px;
  height: 1px;
}
#ampromo-overlay #ampromo-items.amcarousel .ampromo-carousel-control {
  display: block;
}
#ampromo-overlay #ampromo-items .ampromo-item {
  box-sizing: border-box;
  margin-bottom: 7px;
  padding: 20px;
  width: 250px;
  border: 1px solid #ededed;
  position: relative;
  margin-right: 12px;
}
#ampromo-overlay #ampromo-items .ampromo-item.ampromo-type-amgiftcard {
  width: 400px;
}
#ampromo-overlay #ampromo-items .ampromo-item.ampromo-type-amgiftcard .ampromo-item-options {
  overflow-y: scroll;
  max-height: 300px;
}
#ampromo-overlay #ampromo-items .ampromo-item-options {
  margin-bottom: 12px;
  text-align: left;
}
#ampromo-overlay #ampromo-items .ampromo-item-image {
  display: block;
  margin: 0 auto;
  width: 160px;
  height: 160px;
}
#ampromo-overlay #ampromo-items .rule .ampromo-rule-header {
  font-weight: bold;
  font-size: 18px;
  background: #f3f3f3;
  text-transform: uppercase;
  height: 45px;
  line-height: 45px;
  box-sizing: border-box;
  padding-left: 20px;
  margin-bottom: 25px;
  cursor: pointer;
}
#ampromo-overlay #ampromo-items .rule .ampromo-rule-header:after {
  content: '▲';
  margin-left: 12px;
  color: #919191;
}
#ampromo-overlay #ampromo-items .rule .products {
  display: flex;
  flex-wrap: wrap;
  border-radius: 5px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: 0 0 40px;
}
#ampromo-overlay #ampromo-items .rule .products .product {
  margin-left: 10px;
}
#ampromo-overlay #ampromo-items .rule .products .product .product-config.simple {
  margin: -20px -20px -40px;
}
#ampromo-overlay #ampromo-items .rule .products .product .product-config.simple .product-title {
  position: static;
}
#ampromo-overlay #ampromo-items .rule .products .product .product-config.simple .ampromo-item-image-wrap {
  padding: 20px;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item {
  box-shadow: none;
  border: 1px solid #d8dae4;
  border-radius: 0;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item.checked {
  outline: 1px solid #d8dae4;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item .ampromo-item-title {
  border-radius: 0;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item .mark input {
  position: absolute;
  left: -25px;
  top: 0;
}
#ampromo-overlay #ampromo-items .rule.collapsed .ampromo-rule-header:after {
  content: '▼';
}
#ampromo-overlay #ampromo-items .rule.collapsed .products {
  display: none;
}
@media only screen and (max-width: 820px) and (min-width: 420px) {
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel {
    width: 400px;
  }
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel #ampromo-carousel-wrapper {
    width: 250px;
  }
}
@media only screen and (max-width: 420px) {
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel {
    width: 100%;
  }
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel #ampromo-carousel-wrapper {
    width: 250px;
  }
  #ampromo-overlay.mode-popup .ampromo-carousel-control {
    z-index: 10001;
  }
  #ampromo-overlay.mode-popup .ampromo-carousel-control.next {
    right: 0;
  }
  #ampromo-overlay.mode-popup .ampromo-carousel-control.prev {
    left: 0;
  }
}
@media only screen and (max-width: 340px) {
  #ampromo-overlay.mode-popup #ampromo-items .ampromo-item {
    border: none;
  }
}
@media only screen and (max-height: 500px) {
  #ampromo-overlay.mode-popup #ampromo-items {
    padding-top: 0;
  }
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel {
    top: 0 !important;
    height: 100%;
  }
  #ampromo-overlay.mode-popup #ampromo-items > h4 {
    display: none;
  }
}
#ampromo-carousel-wrapper {
  overflow: hidden;
  margin: 0 auto;
}
#ampromo-carousel-content .ampromo-slide {
  float: left;
}
.ampromo-item .qty-holder {
  display: none;
}
.ampromo-item .giftcard-send-form {
  padding: 0;
  margin: 0;
}
.ampromo-item-options select,
.ampromo-item-options input {
  max-width: 210px;
}
.ampromo-notification {
  padding: 7px;
  text-align: center;
  margin-bottom: 12px;
  border: 1px solid #f16048;
  color: #df280a;
  background: #faebe7;
}
.ampromo-items-form h4 {
  line-height: 50px;
}
.ampromo-items-form h4 a {
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
}
.ampromo-label {
  float: right;
  position: absolute;
  z-index: 500;
}
.ampromo-gift .product-image {
  float: left;
}
.ampromo-gift li {
  margin: 10px 10px;
  float: left;
}
.ampromo-tooltip {
  padding: 2px 5px;
  background: #FEC;
  border: 1px solid #FAA819;
  color: #1F5070;
  text-align: left;
  width: 300px;
  position: absolute;
  z-index: 10001;
}
.ampromo-product-name {
  font-weight: bold;
}

.calendar {
  z-index:10001;
}

.amazonpayments-or {
    line-height: 2.3;
    margin: 0 8px;
}
.cart .totals .checkout-types .amazonpayments-or {
    display: block;
    clear: both;
    font-size: 11px;
    line-height: 1;
    padding: 8px 55px 0 0;
}
.block-cart .actions .amazonpayments-or {
    display: block;
    clear: both;
    font-size: 11px;
    line-height: 1;
    padding: 8px 55px 8px 0;
    margin: 0;
}
.pay-with-amazon-tooltip {
    border: solid 1px #bbbbbb;
    background-color: #ffffff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 10px 15px;
    width: 300px;
    font-size: 11px;
    text-align: left;
    box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    -moz-box-shadow: 0 0 5px #888;
    -o-box-shadow: 0 0 5px #888;
    z-index: 1000;
}
.pay-with-amazon-tooltip img {
    float: right;
    padding: 5px 0 5px 10px;
}
.pay-with-amazon-onepage-shortcut {
    padding-bottom: 10px;
}
.pay-with-amazon-onepage-shortcut p {
    padding: 10px 0;
}
.pay-with-amazon-onepage-shortcut p img {
    display: none;
}
.payButtonWidget {
    display: inline;
}
.payButtonWidget img {
    cursor: pointer;
}
.checkout-types.bottom .payButtonWidget {
    display: block;
}
.checkout-types.bottom .amazonpayments-or {
    text-align: right;
    padding-right: 70px;
    margin: 0;
}
.checkout-types.minicart .payButtonWidget img {
    display: inline;
}
.checkout-types.minicart .amazonpayments-or {
    display: block;
}
.checkout-onepage-index .loginButtonWidget,
.checkout-onepage-index .payButtonWidget {
    margin-bottom: 15px;
    text-align: right;
}
ol.apa {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.apa .section {
    margin: 0 0 15px 0;
}
.apa .store-widget {
    clear: both;
    border: solid 1px #bbbbbb;
    background-color: #ffffff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.apa .amazon-widget-overlay {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
}
.apa .step-title {
    margin: 12px;
}
.apa .step-title img {
    float: left;
    height: 22px;
    margin: 0 7px 0 0;
    vertical-align: middle;
    width: 23px;
}
.apa .step-title h2 {
    color: #2f3841;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    text-transform: none;
}
.apa .section-content {
    margin: 0 12px 12px;
}
.apa .section-please-wait {
    display: none;
    height: 80px;
    margin: 12px;
    background: url('https://www.chocri.de/skin/frontend/base/default/creativestyle/images/amazon-loading-large.gif') center center no-repeat;
}
.apa .amazon-widget.loading {
    min-height: 80px;
    background: url('https://www.chocri.de/skin/frontend/base/default/creativestyle/images/amazon-loading-large.gif') center center no-repeat;
}
.apa .loading .section-content {
    display: none;
}
.apa .loading .section-please-wait {
    display: block;
}
.apa .sandbox-simulation select {
    width: 25%;
}
.apa .sandbox-simulation p {
    margin: 0 0 10px;
}
.apa .buttons-set {
    line-height: 40px;
}
.apa .buttons-set.disabled button.button {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}
.amazon-login {
    padding-top: 27px;
}
.amazon-login.position-before {
    padding-top: 0 !important;
    padding-bottom: 27px;
}
.amazon-login .content {
    min-height: 100px;
}
.buttons-set button.cancel span {
    border-color:#406a83;
    background:#618499;
}
.dashboard .box-amazon-account {
    padding-bottom: 45px;
}
.dashboard .box-amazon-account .box {
    padding-top: 15px;
}
.dashboard .box-amazon-account .box .buttons {
    padding-top: 10px;
}
.dashboard .box-amazon-account .box .buttons .loginButtonWidget {
    float: right;
}
.apa .discount {
}
#addressBookWidgetDiv,
#walletWidgetDiv {
    width: 100%;
    height: 100%;
}
.apa .amazon-widget {
    display: block;
    height: 300px;
    clear: none;
}
.apa .section {
    display: block;
    clear: none;
}
@media only screen and (min-width: 575px) {
    .apa #apa-shipping {
        width: 260px;
        margin-right: 15px;
        float: left;
    }
    .apa #apa-payment {
        margin-left: 275px;
    }
    .apa-virtual-checkout #apa-payment {
        margin-left: 0 !important;
    }
}
@media only screen and (min-width: 775px) {
    .apa #apa-shipping {
        width: 360px;
        margin-right: 15px;
        float: left;
    }
    .apa #apa-payment {
        margin-left: 375px;
    }
}
@media only screen and (min-width: 960px) {
    .apa #apa-shipping {
        width: 310px;
        margin-right: 15px;
        float: left;
    }
    .apa #apa-payment {
        width: 310px;
        margin-right: 15px;
        margin-left: 0;
        float: left;
    }
    .apa .narrow-section {
        height: 298px;
        margin-left: 650px;
        clear: none;
        overflow: auto;
    }
    .apa-virtual-checkout #apa-payment {
        width: 360px;
        float: left;
        margin-right: 15px;
    }
    .apa-virtual-checkout .review-section {
        margin-left: 375px;
        height: 298px;
        clear: none;
        overflow: auto;
    }
}

/* modal dialogs */
#overlay_modal{
	position:fixed;
	height:100%;
	width:100%;
	background-color:#000000;
	z-index:9999999 !important;
	top:0;
	left:0;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.dialog {
	position:absolute;
	margin: -7% 0 0 0;
	background:#fff;
	/*max-height:400px;*/
	min-height:296px;
	height: auto !important;
	z-index:10000000 !important;
	box-sizing: border-box;
	max-width: 640px;
	width:100% !important;
}
.alphacube_content {
	min-height: 300px;
	height: auto !important;
	max-height:590px;
	overflow-x: hidden!important;
	overflow-y:auto!important;
	width: 100% !important;
}
td.alphacube_content {
	padding:20px 30px;
}
.cms-page-view table td.alphacube_content, .cms-page-view table td.alphacube_w {
	padding:0 !important;
}
.dialog table.table_window {
	background-color: #fff;
	margin:0;
	border:none;
	width:100% !important;
	table-layout:fixed;
}
.dialog table.top {
	display:none;
}
.dialog table.bot {
	display:none;
}
.dialog div.alphacube_buttons {
	position: absolute;
    top: 0px;
    right: 0px;
}
.dialog div.alphacube_buttons button {
    border: 0px solid #AC202C;
    color: #444444;
    background-color: #f1f1f1;
    border-radius: 15px;
    display: block;
    height: 30px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    font-weight: bold;
}

/* dynacart addons */
.dialog .cartcontent {
	margin: 20px 0;
	padding: 0 0 20px;
	display:block;
	border-bottom: 0px solid #DDDCDA;
}
.alphacube_message .button,
.alphacube_message .button2 {
	max-width:45%;
	padding-left: 2%;
	padding-right: 2%;
	text-align:center;
	white-space:normal;
}
.alphacube_message li{list-style-type: none;}
@media only screen and (max-width: 640px) {
	.dialog {
		margin: 0 !important;
		left:0 !important;
	}
}

.nivoSlider {
    position:relative;
    background:url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/loading.gif) no-repeat 50% 50%;
    overflow:hidden; /*avoid 'flash of content' on pageload*/ 
    /* width and height are set in template, as they take values from backend configuration*/
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    /*display:none;*/
}
.nivoSlider img.nivo-main-image {
	width:100%;
}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:384px;
	border:0;
	padding:0;
	margin:0;
	z-index:100000;
	display:none;
	opacity:0 !important;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	z-index:8;
	display:block;
	border: 0px solid #372A22;
	padding:30px 20px;
	text-align:center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	top: 50%;
	left:50%;
	max-height: 96%;
	margin: 0 auto;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	min-width:440px;
}
.nivo-caption:after {
	background:#ffffff;
	opacity: 0.75;
	left: -10px;
	right:-10px;
	top:-10px;
	bottom:-10px;
	content: '';
	position:absolute;
	z-index: -1;
}
.nivo-caption span {
	display:block;
	min-height:1em;
}
.nivo-caption span + span {
	padding:0.5em 0;
	border-top: 0px solid #372A22;
}
.nivo-caption span.cc_txt-maxi {
	white-space: no-wrap;
}
.nivo-html-caption {
    display:none;
}
/* Navi styles */
}
/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	bottom: 0;
	position: absolute;
	width:100%;
	text-align:center;
}
.nivo-controlNav a {
	display:inline-block;
	height: 8px;
	width: 8px;
	border: 0px solid #372A22;
	background-color: #f4f3f3;
	opacity: 0.7;
	position:relative;
	z-index:9;
	cursor:pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0 8px 11px;
	font-size:0;
}
.nivo-controlNav a:hover,
.nivo-controlNav a.active {
	border: 0px solid #ffffff;
	opacity: 1;
}
.nivo-controlNav a:hover {
	opacity: 1;
}
.nivo-controlNav a.active:after {
	
}

.mbdialog img{
  border:0; vertical-align:top;
}

.mbdialog p{
  margin:0 0 10px;
}

.mbdialog{
  color:#2f2f2f;         
}
                                                                                                                                                                                                                                                                                                                        /*dpqzsjhiunbhfcjseepudpn*/
.mbdialog *, .mbdialog *:before, .mbdialog *:after{                                                                                                                                                                                                                                        /*dpqzsjhiunbhfcjseepudpn*/
  box-sizing:content-box;         
}

.mbdialog th, .mbdialog td{
  vertical-align:top;                      
}

.mbdialog img{
  display:inline;         
}

.dialogBg{
  background: rgba(255, 255, 255, 0.90);  
  position:fixed;
  overflow-x: auto;
  overflow-y: scroll;
  z-index:99999999;
  left:0;
  top:0;
  bottom:0;
  right:0; 
  /*visibility:hidden;*/
  display:none;
  cursor:pointer;   
}           

.dialogBody{
  overflow:hidden;   
  text-align:left; 
  -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);         
}
              
.mbdialog{  
  display:none;
  cursor:default;
  margin: 0px auto;        
  position:absolute;
  z-index:99999998;  
  -webkit-backface-visibility: hidden;
} 

@media (max-width: 500px) {
  .mbdialog,.dialogBody{
    -webkit-transform:translate3d(0, 0, 0); //bugfix if theme has translate3d on field behind popup
  }
}

.dialogTool{
  position:relative;          
}    

.dialogClose{
  position:absolute; 
  top:-20px; 
  right:-26px; 
  background:url(https://www.chocri.de/skin/frontend/base/default/images/magebird_popup/close_dark.png); 
  background-position:5px 5px;
  background-repeat:no-repeat;
  height:26px;
  width:26px;    
  cursor:pointer; 
  z-index:99999995;  
}

.dialogCloseCustom{ 
  cursor:pointer;  
}

.dialogClose.overlay2{
  background:url(https://www.chocri.de/skin/frontend/base/default/images/magebird_popup/close_white.png); 
  background-position:5px 5px;
  background-repeat:no-repeat;     
}

.dialogClose.style2{
  background:url(https://www.chocri.de/skin/frontend/base/default/images/magebird_popup/close_big.png);  
  height:29px;
  width:29px; 
  top:-15px; 
  right:-15px;       
} 

.dialogClose.style2:hover{
  background-position:0 -29px;     
}

.dialogClose.style4,.dialogClose.style3{
  background:url(https://www.chocri.de/skin/frontend/base/default/images/magebird_popup/close_simple_white.png) no-repeat 4px 4px;   
  height:25px;
  width:25px;      
}

.dialogClose.style3{
  background:url(https://www.chocri.de/skin/frontend/base/default/images/magebird_popup/close_simple_dark.png) no-repeat 4px 4px;          
}

.dialogClose.style6{
  background:url(https://www.chocri.de/skin/frontend/base/default/images/magebird_popup/close_big_x.png) no-repeat;   
  top:7px; 
  right:8px;            
  width:20px;
  height:20px;
}

.dialogClose.style6{
  background:url(https://www.chocri.de/skin/frontend/base/default/images/magebird_popup/close_big_x_d.png) no-repeat;              
}

.dialogClose.style7{
  background:url(https://www.chocri.de/skin/frontend/base/default/images/magebird_popup/close_transparent.png) no-repeat;   
}

.dialogClose.style8{
  background:url(https://www.chocri.de/skin/frontend/base/default/images/magebird_popup/close_big_x.png) no-repeat;   
}

.dialogClose.style9{
  background:url(https://www.chocri.de/skin/frontend/base/default/images/magebird_popup/close_big_x_bold.png) no-repeat;              
}

.dialogClose.style10{
  background:url(https://www.chocri.de/skin/frontend/base/default/images/magebird_popup/close_big_x_bold_d.png) no-repeat;              
}

.dialogClose.style11{
  background:url(https://www.chocri.de/skin/frontend/base/default/images/magebird_popup/white_circle.png) no-repeat;              
}

.dialogClose.style6,.dialogClose.style7,.dialogClose.style8,.dialogClose.style9,.dialogClose.style10,.dialogClose.style11{
  width:30px;
  height:30px;
  background-position:center;
}

.dialogClose.style7,.dialogClose.style11{
  width:35px;
  height:35px;
}

.dialogClose.style4:hover,.dialogClose.style3:hover{  
  background-position:4px -17px;   
}

.dialogClose.style1:hover{      
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}

.imgType img{
  display:block;        
}

.mbdialog .error, .mbdialog .warning{  
  border:1px solid #EED2D8;
  color:#B94A4A;
  font-size:12px;
  font-weight:normal;
  text-shadow:1px 1px #FFFFFF;
  background-color:#F2DDDE;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  margin:0 15px 15px 0;
  padding:2px 5px;
  -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);   
  position:absolute;
  z-index:999999;
}

.mbdialog .error p, .mbdialog .warning p{
  margin:4px 0;
}

.transform-rotate-zoom1{
   -moz-transition: all 0.7s ease-in-out;
   -webkit-transition: all 0.7s ease-in-out;     
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;  
   
  -moz-transform:rotate(0deg) scale(0.001);
  -webkit-transform:rotate(0deg) scale(0.001);
  -o-transform:rotate(0deg) scale(0.001);
  -moz-transform:rotate(0deg) scale(0.001);
  -ms-transform: rotate(0deg) scale(0.001);  
}

.transform-rotate-zoom2{
 -webkit-transform: rotate(360deg) scale(1); 
 -moz-transform: rotate(360deg) scale(1); 
 -o-transform: rotate(360deg) scale(1); 
 -ms-transform: rotate(360deg) scale(1); 
 transform: rotate(360deg) scale(1);  
}   


.popuptransition{
   -moz-transition: all 0.9s ease-in-out;
   -webkit-transition: all 0.9s ease-in-out;     
   -o-transition: all 0.9s ease-in-out;
   -ms-transition: all 0.9s ease-in-out;
   transition: all 0.9s ease-in-out;      
}

.transform-elastic1, .moctoddribegam{
   -moz-transition: all 0.2s ease-in-out;
   -webkit-transition: all 0.2s ease-in-out;     
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;  
   
  -moz-transform:scale(0.001);
  -webkit-transform:scale(0.001);
  -o-transform:scale(0.001);
  -moz-transform:scale(0.001);
  -ms-transform:scale(0.001);   
}
 
.transform-elastic2{
 -webkit-transform: scale(1.2); 
 -moz-transform: scale(1.2); 
 -o-transform: scale(1.2); 
 -ms-transform: scale(1.2); 
 transform: scale(1.2);   
}

.transform-elastic3{
 -webkit-transform: scale(1); 
 -moz-transform: scale(1); 
 -o-transform: scale(1); 
 -ms-transform:scale(1); 
 transform: scale(1);   
}

.mbdialog table {              
    border-spacing:0;
    border-collapse:separate;
} 

/*FOLLOW WIDGET*/
.followPopup{
  line-height:1;            
}

.followPopup ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.followPopup li{
  float:left;
  margin-right:10px;
  height:62px;
  overflow:hidden;
  width:63px;
  text-align:center;
}  

.followPopup li img{
  width:auto;
}  

.followPopup.tp2 li{
  height:20px;                   
}     

.followPopup li.twitterFollow img,.followPopup li.pinFollow img{
  margin-bottom:3px;
  margin-left:5px;
}

.followPopup.tp3 li.twitterFollow img,li.twitterTweet img, .followPopup.tp3 li.pinFollow img{
  margin-bottom:3px;
  margin-left:0px;
}

.followPopup .fbLike{
  min-width:48px;
  margin-right:2px;
  margin-left:-3px;
}

.followPopup.tp3 .fbLike{
  margin-left:0px;
}

.followPopup .twitterTweet{
  /*width:58px;*/  
}

.followPopup .twitterTweet{
  visibility:visible !important;
}

.followPopup .gplusRecommend{
  width:50px;
}

.gplusRecommend div{
  vertical-align:top !important;
}

.followPopup .pinFollow{
  min-width:59px;
}

.followPopup.tp3 li{
  float:none;
  width:63px !important;
  margin-right:0;
  text-align:center;
  margin-bottom:10px;                   
}


/*FB like bugfix for ie*/
.fb-like.fb_iframe_widget iframe{
  min-width:49px !important;
  min-height:61px !important;  
  left:0;                              
}
/*END FOLLOW WIDGET*/

/*!
 *
 *  Project:  GLYPHICONS
 *  Author:   Jan Kovarik - www.glyphicons.com
 *  Twitter:  @jankovarik
 *
 */
html,
html .halflings {
  -webkit-font-smoothing: antialiased !important;
}
@font-face {
  font-family: 'Glyphicons';
  src: url('https://www.chocri.de/skin/frontend/base/default/magpleasure/vendor/glyphicons/fonts/glyphicons-regular.eot');
  src: url('https://www.chocri.de/skin/frontend/base/default/magpleasure/vendor/glyphicons/fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'), url('https://www.chocri.de/skin/frontend/base/default/magpleasure/vendor/glyphicons/fonts/glyphicons-regular.woff') format('woff'), url('https://www.chocri.de/skin/frontend/base/default/magpleasure/vendor/glyphicons/fonts/glyphicons-regular.ttf') format('truetype'), url('https://www.chocri.de/skin/frontend/base/default/magpleasure/vendor/glyphicons/fonts/glyphicons-regular.svg#glyphicons_halflingsregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
i.glyphicons {
  display: inline-block;
  position: relative;
  padding: 0;
  color: #1d1d1b;
  width: 16px;
  height: 16px;
  text-decoration: none;
  *display: inline;
  *zoom: 1;
}
i.glyphicons:before {
  color: #1D1D1B;
  font: 16px 'Glyphicons';
  left: 0;
  position: absolute;
  top: 0;
}
i.glyphicons.glass:before {
  content: "\e001";
}
i.glyphicons.leaf:before {
  content: "\e002";
}
i.glyphicons.dog:before {
  content: "\e003";
}
i.glyphicons.user:before {
  content: "\e004";
}
i.glyphicons.girl:before {
  content: "\e005";
}
i.glyphicons.car:before {
  content: "\e006";
}
i.glyphicons.user_add:before {
  content: "\e007";
}
i.glyphicons.user_remove:before {
  content: "\e008";
}
i.glyphicons.film:before {
  content: "\e009";
}
i.glyphicons.magic:before {
  content: "\e010";
}
i.glyphicons.envelope:before {
  content: "\2709";
}
i.glyphicons.camera:before {
  content: "\e012";
}
i.glyphicons.heart:before {
  content: "\e013";
}
i.glyphicons.beach_umbrella:before {
  content: "\e014";
}
i.glyphicons.train:before {
  content: "\e015";
}
i.glyphicons.print:before {
  content: "\e016";
}
i.glyphicons.bin:before {
  content: "\e017";
}
i.glyphicons.music:before {
  content: "\e018";
}
i.glyphicons.note:before {
  content: "\e019";
}
i.glyphicons.heart_empty:before {
  content: "\e020";
}
i.glyphicons.home:before {
  content: "\e021";
}
i.glyphicons.snowflake:before {
  content: "\2744";
}
i.glyphicons.fire:before {
  content: "\e023";
}
i.glyphicons.magnet:before {
  content: "\e024";
}
i.glyphicons.parents:before {
  content: "\e025";
}
i.glyphicons.binoculars:before {
  content: "\e026";
}
i.glyphicons.road:before {
  content: "\e027";
}
i.glyphicons.search:before {
  content: "\e028";
}
i.glyphicons.cars:before {
  content: "\e029";
}
i.glyphicons.notes_2:before {
  content: "\e030";
}
i.glyphicons.pencil:before {
  content: "\270F";
}
i.glyphicons.bus:before {
  content: "\e032";
}
i.glyphicons.wifi_alt:before {
  content: "\e033";
}
i.glyphicons.luggage:before {
  content: "\e034";
}
i.glyphicons.old_man:before {
  content: "\e035";
}
i.glyphicons.woman:before {
  content: "\e036";
}
i.glyphicons.file:before {
  content: "\e037";
}
i.glyphicons.coins:before {
  content: "\e038";
}
i.glyphicons.airplane:before {
  content: "\2708";
}
i.glyphicons.notes:before {
  content: "\e040";
}
i.glyphicons.stats:before {
  content: "\e041";
}
i.glyphicons.charts:before {
  content: "\e042";
}
i.glyphicons.pie_chart:before {
  content: "\e043";
}
i.glyphicons.group:before {
  content: "\e044";
}
i.glyphicons.keys:before {
  content: "\e045";
}
i.glyphicons.calendar:before {
  content: "\e046";
}
i.glyphicons.router:before {
  content: "\e047";
}
i.glyphicons.camera_small:before {
  content: "\e048";
}
i.glyphicons.dislikes:before {
  content: "\e049";
}
i.glyphicons.star:before {
  content: "\e050";
}
i.glyphicons.link:before {
  content: "\e051";
}
i.glyphicons.eye_open:before {
  content: "\e052";
}
i.glyphicons.eye_close:before {
  content: "\e053";
}
i.glyphicons.alarm:before {
  content: "\e054";
}
i.glyphicons.clock:before {
  content: "\e055";
}
i.glyphicons.stopwatch:before {
  content: "\e056";
}
i.glyphicons.projector:before {
  content: "\e057";
}
i.glyphicons.history:before {
  content: "\e058";
}
i.glyphicons.truck:before {
  content: "\e059";
}
i.glyphicons.cargo:before {
  content: "\e060";
}
i.glyphicons.compass:before {
  content: "\e061";
}
i.glyphicons.keynote:before {
  content: "\e062";
}
i.glyphicons.paperclip:before {
  content: "\e063";
}
i.glyphicons.power:before {
  content: "\e064";
}
i.glyphicons.lightbulb:before {
  content: "\e065";
}
i.glyphicons.tag:before {
  content: "\e066";
}
i.glyphicons.tags:before {
  content: "\e067";
}
i.glyphicons.cleaning:before {
  content: "\e068";
}
i.glyphicons.ruller:before {
  content: "\e069";
}
i.glyphicons.gift:before {
  content: "\e070";
}
i.glyphicons.umbrella:before {
  content: "\2602";
}
i.glyphicons.book:before {
  content: "\e072";
}
i.glyphicons.bookmark:before {
  content: "\e073";
}
i.glyphicons.wifi:before {
  content: "\e074";
}
i.glyphicons.cup:before {
  content: "\e075";
}
i.glyphicons.stroller:before {
  content: "\e076";
}
i.glyphicons.headphones:before {
  content: "\e077";
}
i.glyphicons.headset:before {
  content: "\e078";
}
i.glyphicons.warning_sign:before {
  content: "\e079";
}
i.glyphicons.signal:before {
  content: "\e080";
}
i.glyphicons.retweet:before {
  content: "\e081";
}
i.glyphicons.refresh:before {
  content: "\e082";
}
i.glyphicons.roundabout:before {
  content: "\e083";
}
i.glyphicons.random:before {
  content: "\e084";
}
i.glyphicons.heat:before {
  content: "\e085";
}
i.glyphicons.repeat:before {
  content: "\e086";
}
i.glyphicons.display:before {
  content: "\e087";
}
i.glyphicons.log_book:before {
  content: "\e088";
}
i.glyphicons.adress_book:before {
  content: "\e089";
}
i.glyphicons.building:before {
  content: "\e090";
}
i.glyphicons.eyedropper:before {
  content: "\e091";
}
i.glyphicons.adjust:before {
  content: "\e092";
}
i.glyphicons.tint:before {
  content: "\e093";
}
i.glyphicons.crop:before {
  content: "\e094";
}
i.glyphicons.vector_path_square:before {
  content: "\e095";
}
i.glyphicons.vector_path_circle:before {
  content: "\e096";
}
i.glyphicons.vector_path_polygon:before {
  content: "\e097";
}
i.glyphicons.vector_path_line:before {
  content: "\e098";
}
i.glyphicons.vector_path_curve:before {
  content: "\e099";
}
i.glyphicons.vector_path_all:before {
  content: "\e100";
}
i.glyphicons.font:before {
  content: "\e101";
}
i.glyphicons.italic:before {
  content: "\e102";
}
i.glyphicons.bold:before {
  content: "\e103";
}
i.glyphicons.text_underline:before {
  content: "\e104";
}
i.glyphicons.text_strike:before {
  content: "\e105";
}
i.glyphicons.text_height:before {
  content: "\e106";
}
i.glyphicons.text_width:before {
  content: "\e107";
}
i.glyphicons.text_resize:before {
  content: "\e108";
}
i.glyphicons.left_indent:before {
  content: "\e109";
}
i.glyphicons.right_indent:before {
  content: "\e110";
}
i.glyphicons.align_left:before {
  content: "\e111";
}
i.glyphicons.align_center:before {
  content: "\e112";
}
i.glyphicons.align_right:before {
  content: "\e113";
}
i.glyphicons.justify:before {
  content: "\e114";
}
i.glyphicons.list:before {
  content: "\e115";
}
i.glyphicons.text_smaller:before {
  content: "\e116";
}
i.glyphicons.text_bigger:before {
  content: "\e117";
}
i.glyphicons.embed:before {
  content: "\e118";
}
i.glyphicons.embed_close:before {
  content: "\e119";
}
i.glyphicons.table:before {
  content: "\e120";
}
i.glyphicons.message_full:before {
  content: "\e121";
}
i.glyphicons.message_empty:before {
  content: "\e122";
}
i.glyphicons.message_in:before {
  content: "\e123";
}
i.glyphicons.message_out:before {
  content: "\e124";
}
i.glyphicons.message_plus:before {
  content: "\e125";
}
i.glyphicons.message_minus:before {
  content: "\e126";
}
i.glyphicons.message_ban:before {
  content: "\e127";
}
i.glyphicons.message_flag:before {
  content: "\e128";
}
i.glyphicons.message_lock:before {
  content: "\e129";
}
i.glyphicons.message_new:before {
  content: "\e130";
}
i.glyphicons.inbox:before {
  content: "\e131";
}
i.glyphicons.inbox_plus:before {
  content: "\e132";
}
i.glyphicons.inbox_minus:before {
  content: "\e133";
}
i.glyphicons.inbox_lock:before {
  content: "\e134";
}
i.glyphicons.inbox_in:before {
  content: "\e135";
}
i.glyphicons.inbox_out:before {
  content: "\e136";
}
i.glyphicons.cogwheel:before {
  content: "\e137";
}
i.glyphicons.cogwheels:before {
  content: "\e138";
}
i.glyphicons.picture:before {
  content: "\e139";
}
i.glyphicons.adjust_alt:before {
  content: "\e140";
}
i.glyphicons.database_lock:before {
  content: "\e141";
}
i.glyphicons.database_plus:before {
  content: "\e142";
}
i.glyphicons.database_minus:before {
  content: "\e143";
}
i.glyphicons.database_ban:before {
  content: "\e144";
}
i.glyphicons.folder_open:before {
  content: "\e145";
}
i.glyphicons.folder_plus:before {
  content: "\e146";
}
i.glyphicons.folder_minus:before {
  content: "\e147";
}
i.glyphicons.folder_lock:before {
  content: "\e148";
}
i.glyphicons.folder_flag:before {
  content: "\e149";
}
i.glyphicons.folder_new:before {
  content: "\e150";
}
i.glyphicons.edit:before {
  content: "\e151";
}
i.glyphicons.new_window:before {
  content: "\e152";
}
i.glyphicons.check:before {
  content: "\e153";
}
i.glyphicons.unchecked:before {
  content: "\e154";
}
i.glyphicons.more_windows:before {
  content: "\e155";
}
i.glyphicons.show_big_thumbnails:before {
  content: "\e156";
}
i.glyphicons.show_thumbnails:before {
  content: "\e157";
}
i.glyphicons.show_thumbnails_with_lines:before {
  content: "\e158";
}
i.glyphicons.show_lines:before {
  content: "\e159";
}
i.glyphicons.playlist:before {
  content: "\e160";
}
i.glyphicons.imac:before {
  content: "\e161";
}
i.glyphicons.macbook:before {
  content: "\e162";
}
i.glyphicons.ipad:before {
  content: "\e163";
}
i.glyphicons.iphone:before {
  content: "\e164";
}
i.glyphicons.iphone_transfer:before {
  content: "\e165";
}
i.glyphicons.iphone_exchange:before {
  content: "\e166";
}
i.glyphicons.ipod:before {
  content: "\e167";
}
i.glyphicons.ipod_shuffle:before {
  content: "\e168";
}
i.glyphicons.ear_plugs:before {
  content: "\e169";
}
i.glyphicons.phone:before {
  content: "\e170";
}
i.glyphicons.step_backward:before {
  content: "\e171";
}
i.glyphicons.fast_backward:before {
  content: "\e172";
}
i.glyphicons.rewind:before {
  content: "\e173";
}
i.glyphicons.play:before {
  content: "\e174";
}
i.glyphicons.pause:before {
  content: "\e175";
}
i.glyphicons.stop:before {
  content: "\e176";
}
i.glyphicons.forward:before {
  content: "\e177";
}
i.glyphicons.fast_forward:before {
  content: "\e178";
}
i.glyphicons.step_forward:before {
  content: "\e179";
}
i.glyphicons.eject:before {
  content: "\e180";
}
i.glyphicons.facetime_video:before {
  content: "\e181";
}
i.glyphicons.download_alt:before {
  content: "\e182";
}
i.glyphicons.mute:before {
  content: "\e183";
}
i.glyphicons.volume_down:before {
  content: "\e184";
}
i.glyphicons.volume_up:before {
  content: "\e185";
}
i.glyphicons.screenshot:before {
  content: "\e186";
}
i.glyphicons.move:before {
  content: "\e187";
}
i.glyphicons.more:before {
  content: "\e188";
}
i.glyphicons.brightness_reduce:before {
  content: "\e189";
}
i.glyphicons.brightness_increase:before {
  content: "\e190";
}
i.glyphicons.circle_plus:before {
  content: "\e191";
}
i.glyphicons.circle_minus:before {
  content: "\e192";
}
i.glyphicons.circle_remove:before {
  content: "\e193";
}
i.glyphicons.circle_ok:before {
  content: "\e194";
}
i.glyphicons.circle_question_mark:before {
  content: "\e195";
}
i.glyphicons.circle_info:before {
  content: "\e196";
}
i.glyphicons.circle_exclamation_mark:before {
  content: "\e197";
}
i.glyphicons.remove:before {
  content: "\e198";
}
i.glyphicons.ok:before {
  content: "\e199";
}
i.glyphicons.ban:before {
  content: "\e200";
}
i.glyphicons.download:before {
  content: "\e201";
}
i.glyphicons.upload:before {
  content: "\e202";
}
i.glyphicons.shopping_cart:before {
  content: "\e203";
}
i.glyphicons.lock:before {
  content: "\e204";
}
i.glyphicons.unlock:before {
  content: "\e205";
}
i.glyphicons.electricity:before {
  content: "\e206";
}
i.glyphicons.ok_2:before {
  content: "\e207";
}
i.glyphicons.remove_2:before {
  content: "\e208";
}
i.glyphicons.cart_out:before {
  content: "\e209";
}
i.glyphicons.cart_in:before {
  content: "\e210";
}
i.glyphicons.left_arrow:before {
  content: "\e211";
}
i.glyphicons.right_arrow:before {
  content: "\e212";
}
i.glyphicons.down_arrow:before {
  content: "\e213";
}
i.glyphicons.up_arrow:before {
  content: "\e214";
}
i.glyphicons.resize_small:before {
  content: "\e215";
}
i.glyphicons.resize_full:before {
  content: "\e216";
}
i.glyphicons.circle_arrow_left:before {
  content: "\e217";
}
i.glyphicons.circle_arrow_right:before {
  content: "\e218";
}
i.glyphicons.circle_arrow_top:before {
  content: "\e219";
}
i.glyphicons.circle_arrow_down:before {
  content: "\e220";
}
i.glyphicons.play_button:before {
  content: "\e221";
}
i.glyphicons.unshare:before {
  content: "\e222";
}
i.glyphicons.share:before {
  content: "\e223";
}
i.glyphicons.chevron-right:before {
  content: "\e224";
}
i.glyphicons.chevron-left:before {
  content: "\e225";
}
i.glyphicons.bluetooth:before {
  content: "\e226";
}
i.glyphicons.euro:before {
  content: "\20AC";
}
i.glyphicons.usd:before {
  content: "\e228";
}
i.glyphicons.gbp:before {
  content: "\e229";
}
i.glyphicons.retweet_2:before {
  content: "\e230";
}
i.glyphicons.moon:before {
  content: "\e231";
}
i.glyphicons.sun:before {
  content: "\2609";
}
i.glyphicons.cloud:before {
  content: "\2601";
}
i.glyphicons.direction:before {
  content: "\e234";
}
i.glyphicons.brush:before {
  content: "\e235";
}
i.glyphicons.pen:before {
  content: "\e236";
}
i.glyphicons.zoom_in:before {
  content: "\e237";
}
i.glyphicons.zoom_out:before {
  content: "\e238";
}
i.glyphicons.pin:before {
  content: "\e239";
}
i.glyphicons.albums:before {
  content: "\e240";
}
i.glyphicons.rotation_lock:before {
  content: "\e241";
}
i.glyphicons.flash:before {
  content: "\e242";
}
i.glyphicons.google_maps:before {
  content: "\e243";
}
i.glyphicons.anchor:before {
  content: "\2693";
}
i.glyphicons.conversation:before {
  content: "\e245";
}
i.glyphicons.chat:before {
  content: "\e246";
}
i.glyphicons.male:before {
  content: "\e247";
}
i.glyphicons.female:before {
  content: "\e248";
}
i.glyphicons.asterisk:before {
  content: "\002A";
}
i.glyphicons.divide:before {
  content: "\00F7";
}
i.glyphicons.snorkel_diving:before {
  content: "\e251";
}
i.glyphicons.scuba_diving:before {
  content: "\e252";
}
i.glyphicons.oxygen_bottle:before {
  content: "\e253";
}
i.glyphicons.fins:before {
  content: "\e254";
}
i.glyphicons.fishes:before {
  content: "\e255";
}
i.glyphicons.boat:before {
  content: "\e256";
}
i.glyphicons.delete:before {
  content: "\e257";
}
i.glyphicons.sheriffs_star:before {
  content: "\e258";
}
i.glyphicons.qrcode:before {
  content: "\e259";
}
i.glyphicons.barcode:before {
  content: "\e260";
}
i.glyphicons.pool:before {
  content: "\e261";
}
i.glyphicons.buoy:before {
  content: "\e262";
}
i.glyphicons.spade:before {
  content: "\e263";
}
i.glyphicons.bank:before {
  content: "\e264";
}
i.glyphicons.vcard:before {
  content: "\e265";
}
i.glyphicons.electrical_plug:before {
  content: "\e266";
}
i.glyphicons.flag:before {
  content: "\e267";
}
i.glyphicons.credit_card:before {
  content: "\e268";
}
i.glyphicons.keyboard-wireless:before {
  content: "\e269";
}
i.glyphicons.keyboard-wired:before {
  content: "\e270";
}
i.glyphicons.shield:before {
  content: "\e271";
}
i.glyphicons.ring:before {
  content: "\02DA";
}
i.glyphicons.cake:before {
  content: "\e273";
}
i.glyphicons.drink:before {
  content: "\e274";
}
i.glyphicons.beer:before {
  content: "\e275";
}
i.glyphicons.fast_food:before {
  content: "\e276";
}
i.glyphicons.cutlery:before {
  content: "\e277";
}
i.glyphicons.pizza:before {
  content: "\e278";
}
i.glyphicons.birthday_cake:before {
  content: "\e279";
}
i.glyphicons.tablet:before {
  content: "\e280";
}
i.glyphicons.settings:before {
  content: "\e281";
}
i.glyphicons.bullets:before {
  content: "\e282";
}
i.glyphicons.cardio:before {
  content: "\e283";
}
i.glyphicons.t-shirt:before {
  content: "\e284";
}
i.glyphicons.pants:before {
  content: "\e285";
}
i.glyphicons.sweater:before {
  content: "\e286";
}
i.glyphicons.fabric:before {
  content: "\e287";
}
i.glyphicons.leather:before {
  content: "\e288";
}
i.glyphicons.scissors:before {
  content: "\e289";
}
i.glyphicons.bomb:before {
  content: "\e290";
}
i.glyphicons.skull:before {
  content: "\e291";
}
i.glyphicons.celebration:before {
  content: "\e292";
}
i.glyphicons.tea_kettle:before {
  content: "\e293";
}
i.glyphicons.french_press:before {
  content: "\e294";
}
i.glyphicons.coffe_cup:before {
  content: "\e295";
}
i.glyphicons.pot:before {
  content: "\e296";
}
i.glyphicons.grater:before {
  content: "\e297";
}
i.glyphicons.kettle:before {
  content: "\e298";
}
i.glyphicons.hospital:before {
  content: "\e299";
}
i.glyphicons.hospital_h:before {
  content: "\e300";
}
i.glyphicons.microphone:before {
  content: "\e301";
}
i.glyphicons.webcam:before {
  content: "\e302";
}
i.glyphicons.temple_christianity_church:before {
  content: "\e303";
}
i.glyphicons.temple_islam:before {
  content: "\e304";
}
i.glyphicons.temple_hindu:before {
  content: "\e305";
}
i.glyphicons.temple_buddhist:before {
  content: "\e306";
}
i.glyphicons.bicycle:before {
  content: "\e307";
}
i.glyphicons.life_preserver:before {
  content: "\e308";
}
i.glyphicons.share_alt:before {
  content: "\e309";
}
i.glyphicons.comments:before {
  content: "\e310";
}
i.glyphicons.flower:before {
  content: "\2698";
}
i.glyphicons.baseball:before {
  content: "\e312";
}
i.glyphicons.rugby:before {
  content: "\e313";
}
i.glyphicons.ax:before {
  content: "\e314";
}
i.glyphicons.table_tennis:before {
  content: "\e315";
}
i.glyphicons.bowling:before {
  content: "\e316";
}
i.glyphicons.tree_conifer:before {
  content: "\e317";
}
i.glyphicons.tree_deciduous:before {
  content: "\e318";
}
i.glyphicons.more_items:before {
  content: "\e319";
}
i.glyphicons.sort:before {
  content: "\e320";
}
i.glyphicons.filter:before {
  content: "\e321";
}
i.glyphicons.gamepad:before {
  content: "\e322";
}
i.glyphicons.playing_dices:before {
  content: "\e323";
}
i.glyphicons.calculator:before {
  content: "\e324";
}
i.glyphicons.tie:before {
  content: "\e325";
}
i.glyphicons.wallet:before {
  content: "\e326";
}
i.glyphicons.piano:before {
  content: "\e327";
}
i.glyphicons.sampler:before {
  content: "\e328";
}
i.glyphicons.podium:before {
  content: "\e329";
}
i.glyphicons.soccer_ball:before {
  content: "\e330";
}
i.glyphicons.blog:before {
  content: "\e331";
}
i.glyphicons.dashboard:before {
  content: "\e332";
}
i.glyphicons.certificate:before {
  content: "\e333";
}
i.glyphicons.bell:before {
  content: "\e334";
}
i.glyphicons.candle:before {
  content: "\e335";
}
i.glyphicons.pushpin:before {
  content: "\e336";
}
i.glyphicons.iphone_shake:before {
  content: "\e337";
}
i.glyphicons.pin_flag:before {
  content: "\e338";
}
i.glyphicons.turtle:before {
  content: "\e339";
}
i.glyphicons.rabbit:before {
  content: "\e340";
}
i.glyphicons.globe:before {
  content: "\e341";
}
i.glyphicons.briefcase:before {
  content: "\e342";
}
i.glyphicons.hdd:before {
  content: "\e343";
}
i.glyphicons.thumbs_up:before {
  content: "\e344";
}
i.glyphicons.thumbs_down:before {
  content: "\e345";
}
i.glyphicons.hand_right:before {
  content: "\e346";
}
i.glyphicons.hand_left:before {
  content: "\e347";
}
i.glyphicons.hand_up:before {
  content: "\e348";
}
i.glyphicons.hand_down:before {
  content: "\e349";
}
i.glyphicons.fullscreen:before {
  content: "\e350";
}
i.glyphicons.shopping_bag:before {
  content: "\e351";
}
i.glyphicons.book_open:before {
  content: "\e352";
}
i.glyphicons.nameplate:before {
  content: "\e353";
}
i.glyphicons.nameplate_alt:before {
  content: "\e354";
}
i.glyphicons.vases:before {
  content: "\e355";
}
i.glyphicons.bullhorn:before {
  content: "\e356";
}
i.glyphicons.dumbbell:before {
  content: "\e357";
}
i.glyphicons.suitcase:before {
  content: "\e358";
}
i.glyphicons.file_import:before {
  content: "\e359";
}
i.glyphicons.file_export:before {
  content: "\e360";
}
i.glyphicons.bug:before {
  content: "\e361";
}
i.glyphicons.crown:before {
  content: "\e362";
}
i.glyphicons.smoking:before {
  content: "\e363";
}
i.glyphicons.cloud-upload:before {
  content: "\e364";
}
i.glyphicons.cloud-download:before {
  content: "\e365";
}
i.glyphicons.restart:before {
  content: "\e366";
}
i.glyphicons.security_camera:before {
  content: "\e367";
}
i.glyphicons.expand:before {
  content: "\e368";
}
i.glyphicons.collapse:before {
  content: "\e369";
}
i.glyphicons.collapse_top:before {
  content: "\e370";
}
i.glyphicons.globe_af:before {
  content: "\e371";
}
i.glyphicons.global:before {
  content: "\e372";
}
i.glyphicons.spray:before {
  content: "\e373";
}
i.glyphicons.nails:before {
  content: "\e374";
}
i.glyphicons.claw_hammer:before {
  content: "\e375";
}
i.glyphicons.classic_hammer:before {
  content: "\e376";
}
i.glyphicons.hand_saw:before {
  content: "\e377";
}
i.glyphicons.riflescope:before {
  content: "\e378";
}
i.glyphicons.electrical_socket_eu:before {
  content: "\e379";
}
i.glyphicons.electrical_socket_us:before {
  content: "\e380";
}
i.glyphicons.pinterest:before {
  content: "\e381";
}
i.glyphicons.dropbox:before {
  content: "\e382";
}
i.glyphicons.google_plus:before {
  content: "\e383";
}
i.glyphicons.jolicloud:before {
  content: "\e384";
}
i.glyphicons.yahoo:before {
  content: "\e385";
}
i.glyphicons.blogger:before {
  content: "\e386";
}
i.glyphicons.picasa:before {
  content: "\e387";
}
i.glyphicons.amazon:before {
  content: "\e388";
}
i.glyphicons.tumblr:before {
  content: "\e389";
}
i.glyphicons.wordpress:before {
  content: "\e390";
}
i.glyphicons.instapaper:before {
  content: "\e391";
}
i.glyphicons.evernote:before {
  content: "\e392";
}
i.glyphicons.xing:before {
  content: "\e393";
}
i.glyphicons.zootool:before {
  content: "\e394";
}
i.glyphicons.dribbble:before {
  content: "\e395";
}
i.glyphicons.deviantart:before {
  content: "\e396";
}
i.glyphicons.read_it_later:before {
  content: "\e397";
}
i.glyphicons.linked_in:before {
  content: "\e398";
}
i.glyphicons.forrst:before {
  content: "\e399";
}
i.glyphicons.pinboard:before {
  content: "\e400";
}
i.glyphicons.behance:before {
  content: "\e401";
}
i.glyphicons.github:before {
  content: "\e402";
}
i.glyphicons.youtube:before {
  content: "\e403";
}
i.glyphicons.skitch:before {
  content: "\e404";
}
i.glyphicons.foursquare:before {
  content: "\e405";
}
i.glyphicons.quora:before {
  content: "\e406";
}
i.glyphicons.badoo:before {
  content: "\e407";
}
i.glyphicons.spotify:before {
  content: "\e408";
}
i.glyphicons.stumbleupon:before {
  content: "\e409";
}
i.glyphicons.readability:before {
  content: "\e410";
}
i.glyphicons.facebook:before {
  content: "\e411";
}
i.glyphicons.twitter:before {
  content: "\e412";
}
i.glyphicons.instagram:before {
  content: "\e413";
}
i.glyphicons.posterous_spaces:before {
  content: "\e414";
}
i.glyphicons.vimeo:before {
  content: "\e415";
}
i.glyphicons.flickr:before {
  content: "\e416";
}
i.glyphicons.last_fm:before {
  content: "\e417";
}
i.glyphicons.rss:before {
  content: "\e418";
}
i.glyphicons.skype:before {
  content: "\e419";
}
i.glyphicons.e-mail:before {
  content: "\e420";
}

/* Layout Configuration */
.mobile {
  display: none;
}
@media (max-width: 770px) {
  .mobile {
    display: block;
  }
}
.mobile .mobile-block {
  display: none;
}
@media (max-width: 770px) {
  .mobile .mobile-block {
    display: block;
  }
}
.mobile.two-columns-left section.content,
.mobile.two-columns-right section.content {
  width: 100%;
  float: left;
}
.mobile.two-columns-left section.content .swipe-me,
.mobile.two-columns-right section.content .swipe-me {
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.5s 0.3s ease-in-out;
  -moz-transition: all 0.5s 0.3s ease-in-out;
  -o-transition: all 0.5s 0.3s ease-in-out;
  transition: all 0.5s 0.3s ease-in-out;
  opacity: 0.5;
  text-indent: -10000px;
  cursor: pointer;
  margin-bottom: 5px;
  margin-top: -15px;
  float: right;
}
.mobile.two-columns-left section.content .swipe-me:hover,
.mobile.two-columns-right section.content .swipe-me:hover {
  opacity: 0.7;
}
.mobile.two-columns-left section.content .swipe-me.right,
.mobile.two-columns-right section.content .swipe-me.right {
  background: url(https://www.chocri.de/skin/frontend/base/default/mpblog/images/swipe_left.png) no-repeat 100% 50% transparent;
  background: url(https://www.chocri.de/skin/frontend/base/default/mpblog/images/swipe_left.svg) no-repeat 100% 50% transparent;
}
.mobile.two-columns-left section.content .swipe-me.left,
.mobile.two-columns-right section.content .swipe-me.left {
  background: url(https://www.chocri.de/skin/frontend/base/default/mpblog/images/swipe_right.png) no-repeat 100% 50% transparent;
  background: url(https://www.chocri.de/skin/frontend/base/default/mpblog/images/swipe_right.svg) no-repeat 100% 50% transparent;
}
.mobile.two-columns-left aside,
.mobile.two-columns-right aside {
  position: fixed;
  width: 80%;
  max-width: 320px;
  top: 0;
  height: 100vh;
  background: #fff;
  z-index: 199999;
  padding: 20px;
}
.mobile.two-columns-left aside.right,
.mobile.two-columns-right aside.right,
.mobile.two-columns-left aside.left,
.mobile.two-columns-right aside.left {
  overflow-y: scroll;
  display: none;
}
.mobile.two-columns-left aside.right.active,
.mobile.two-columns-right aside.right.active,
.mobile.two-columns-left aside.left.active,
.mobile.two-columns-right aside.left.active {
  display: block;
  -webkit-box-shadow: 0px 0 15px 0 #333333;
  -moz-box-shadow: 0px 0 15px 0 #333333;
  box-shadow: 0px 0 15px 0 #333333;
}
.mobile.two-columns-left aside.right,
.mobile.two-columns-right aside.right {
  right: -80%;
}
.mobile.two-columns-left aside.right.active,
.mobile.two-columns-right aside.right.active {
  right: 0;
}
.mobile.two-columns-left aside.left,
.mobile.two-columns-right aside.left {
  /* None Active */
  left: -80%;
}
.mobile.two-columns-left aside.left.active,
.mobile.two-columns-right aside.left.active {
  left: 0;
}
.mobile.two-columns-left .mpblog-search input#search-blog,
.mobile.two-columns-right .mpblog-search input#search-blog {
  width: 100%;
}
.desktop {
  display: block;
}
@media (max-width: 770px) {
  .desktop {
    display: none;
  }
}
.desktop .desktop-block {
  display: block;
}
@media (max-width: 770px) {
  .desktop .desktop-block {
    display: none;
  }
}
.desktop.two-columns-left section.content,
.desktop.two-columns-right section.content {
  width: 74%;
  float: left;
}
.desktop.two-columns-left aside.left,
.desktop.two-columns-right aside.left,
.desktop.two-columns-left aside.right,
.desktop.two-columns-right aside.right {
  width: 23%;
  float: left;
}
.desktop.two-columns-right section.content {
  padding-right: 20px;
}
.desktop.two-columns-left section.content {
  padding-left: 20px;
}
.desktop.three-columns section.content {
  width: 58%;
  float: left;
  padding: 0 18px;
}
.desktop.three-columns aside.left,
.desktop.three-columns aside.right {
  width: 18%;
  float: left;
}
/* List of Posts */
@media (max-width: 1024px) {
  .mpblog-list.list .mpblog-post {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 1em;
    padding-bottom: 1em;
  }
  .mpblog-list.list .mpblog-post:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.mpblog-list.list .mpblog-post .thumbnail-container {
  overflow: hidden;
}
.mpblog-list.list .mpblog-post .post-thumbnail {
  -webkit-transition: -webkit-transform 0.3s 0.15s ease-out;
  -moz-transition: -moz-transform 0.3s 0.15s ease-out;
  -o-transition: -o-transform 0.3s 0.15s ease-out;
  transition: -webkit-transform 0.3s 0.15s ease-out,-moz-transform 0.3s 0.15s ease-out,-o-transform 0.3s 0.15s ease-out,transform 0.3s 0.15s ease-out;
}
.mpblog-list.list .mpblog-post .post-thumbnail:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.mpblog-list.list .mp-read-more {
  margin-right: 1.5em;
  margin-bottom: 1.5em;
  float: left;
}
.mpblog-list.grid {
  width: 100%;
}
.mpblog-list.grid .item {
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  float: left;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mpblog-list.grid .item .post-container {
  overflow: hidden;
  background-color: #f4f4f4;
  padding: 10px;
}
.mpblog-list.grid .item .post-container .thumbnail-container {
  overflow: hidden;
}
.mpblog-list.grid .item .post-container .post-thumbnail {
  margin: -10px -10px 10px;
  -webkit-transition: -webkit-transform 0.3s 0.15s ease-out;
  -moz-transition: -moz-transform 0.3s 0.15s ease-out;
  -o-transition: -o-transform 0.3s 0.15s ease-out;
  transition: -webkit-transform 0.3s 0.15s ease-out,-moz-transform 0.3s 0.15s ease-out,-o-transform 0.3s 0.15s ease-out,transform 0.3s 0.15s ease-out;
}
.mpblog-list.grid .item .post-container .post-thumbnail:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.mpblog-list.grid .item .post-container .mp-footer {
  margin-bottom: 20px;
}
.mpblog-list.grid .item .post-container span.comments {
  float: left;
  margin-left: 0;
}
/* Grid Sizer */
.three-columns .mpblog-list.grid .grid-sizer {
  width: 33%;
}
.three-columns .mpblog-list.grid .item {
  width: 33%;
}
.three-columns .mpblog-list.grid .item.w2 {
  width: 66%;
}
.three-columns .mpblog-list.grid .item.w3 {
  width: 100%;
  padding: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .three-columns .mpblog-list.grid .grid-sizer {
    width: 50%;
  }
  .three-columns .mpblog-list.grid .item {
    width: 50%;
  }
  .three-columns .mpblog-list.grid .item.w2,
  .three-columns .mpblog-list.grid .item.w3 {
    width: 100%;
    padding: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  .three-columns .mpblog-list.grid .grid-sizer {
    width: 100%;
  }
  .three-columns .mpblog-list.grid .item {
    padding: 0 !important;
    width: 100%;
  }
  .three-columns .mpblog-list.grid .item.w3,
  .three-columns .mpblog-list.grid .item.w2 {
    width: 100%;
  }
}
.two-columns-right .mpblog-list.grid .grid-sizer,
.two-columns-left .mpblog-list.grid .grid-sizer {
  width: 25%;
}
.two-columns-right .mpblog-list.grid .item,
.two-columns-left .mpblog-list.grid .item {
  width: 25%;
}
.two-columns-right .mpblog-list.grid .item.w2,
.two-columns-left .mpblog-list.grid .item.w2 {
  width: 50%;
}
.two-columns-right .mpblog-list.grid .item.w3,
.two-columns-left .mpblog-list.grid .item.w3 {
  width: 75%;
}
@media only screen and (max-width: 1024px) {
  .two-columns-right .mpblog-list.grid .grid-sizer,
  .two-columns-left .mpblog-list.grid .grid-sizer {
    width: 50%;
  }
  .two-columns-right .mpblog-list.grid .item,
  .two-columns-left .mpblog-list.grid .item {
    width: 50%;
  }
  .two-columns-right .mpblog-list.grid .item.w3,
  .two-columns-left .mpblog-list.grid .item.w3,
  .two-columns-right .mpblog-list.grid .item.w2,
  .two-columns-left .mpblog-list.grid .item.w2 {
    width: 100%;
    padding: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  .two-columns-right .mpblog-list.grid .grid-sizer,
  .two-columns-left .mpblog-list.grid .grid-sizer {
    width: 100%;
  }
  .two-columns-right .mpblog-list.grid .item,
  .two-columns-left .mpblog-list.grid .item {
    padding: 0 !important;
    width: 100%;
  }
  .two-columns-right .mpblog-list.grid .item.w3,
  .two-columns-left .mpblog-list.grid .item.w3,
  .two-columns-right .mpblog-list.grid .item.w2,
  .two-columns-left .mpblog-list.grid .item.w2 {
    width: 100%;
  }
}
.one-column .mpblog-list.grid .grid-sizer {
  width: 20%;
}
.one-column .mpblog-list.grid .item {
  width: 20%;
}
.one-column .mpblog-list.grid .item.w2 {
  width: 40%;
}
.one-column .mpblog-list.grid .item.w3 {
  width: 60%;
}
@media only screen and (max-width: 1024px) {
  .one-column .mpblog-list.grid .grid-sizer {
    width: 33%;
  }
  .one-column .mpblog-list.grid .item {
    width: 33%;
  }
  .one-column .mpblog-list.grid .item.w2 {
    width: 66%;
  }
  .one-column .mpblog-list.grid .item.w3 {
    width: 100%;
    padding: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  .one-column .mpblog-list.grid .grid-sizer {
    width: 100%;
  }
  .one-column .mpblog-list.grid .item {
    padding: 0 !important;
    width: 100%;
  }
  .one-column .mpblog-list.grid .item.w3,
  .one-column .mpblog-list.grid .item.w2 {
    width: 100%;
  }
}
.mpblog-container.list .mp-pager {
  border-top: 1px solid #cccccc;
}
.mpblog-container .mp-pager {
  margin-top: 40px;
  padding: 10px 5px 0;
}
.mpblog-container .mp-pager .navi a {
  line-height: 16px;
  min-height: 16px;
  width: 45%;
}
.mpblog-container .mp-pager .newer a {
  float: right;
  text-align: right;
}
.mpblog-container .mp-pager .newer a i.glyphicons {
  margin-left: 5px;
}
.mpblog-container .mp-pager .older a {
  float: left;
  text-align: left;
}
.mpblog-container .mp-pager .older a i.glyphicons {
  margin-right: 5px;
}
/** Comments */
@media (max-width: 770px) {
  .comments-action {
    display: inline-block;
    margin-top: 20px;
  }
}
@media (min-width: 770px) {
  .comments-action {
    float: right;
  }
}
.comments-action .leave-a-comment {
  margin-left: 15px;
  line-height: 24px;
}
.comments-action .leave-a-comment a {
  text-transform: uppercase;
  font-size: larger;
}
.comments-action .blog-icon.rss {
  background: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/rss.png") no-repeat 0 0 transparent;
  /** One for elder */
  background: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/rss.svg") no-repeat 0 0 transparent;
  /** One for new */
}
@media (min-width: 770px) {
  .comments-action .blog-icon.rss {
    display: inline-block;
  }
}
.comments-action .blog-icon.rss,
.comments-action .leave-a-comment {
  float: left;
}
.mpblog-comments-container .comments-header {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 5px;
  position: relative;
}
.mpblog-comments-container .comments-header span.leave-a-comment {
  float: left;
  margin-left: 0;
}
.mpblog-comments-container .comments-header span.rss-comments {
  float: left;
  margin-left: 20px;
}
.mpblog-comments-container .mp-comment-header {
  margin-bottom: 10px;
}
.mpblog-comments-container .mp-comment-author,
.mpblog-comments-container .mp-comment-date,
.mpblog-comments-container .mp-comment-willapprove {
  float: left;
  margin-right: 10px;
}
.mpblog-comments-container .mp-comment-willapprove {
  color: red;
  font-style: italic;
  font-size: smaller;
}
.mpblog-comments-container .mp-replies {
  padding-left: 24px;
}
@media (max-width: 1024px) {
  .mpblog-comments-container .mp-replies {
    padding-left: 12px;
  }
}
@media (max-width: 600px) {
  .mpblog-comments-container .mp-replies {
    padding-left: 6px;
  }
}
.mp-comment-content,
.mp-comment-form {
  padding: 10px;
  margin: 20px 0;
  border: 1px solid #cccccc;
}
.mp-comment-content.my-comment {
  border-color: #3399cc;
}
.mp-comment-form {
  background-color: #f4f4f4;
}
.mp-comment-form h5 {
  text-transform: none;
}
.mp-blog-loader {
  background: url('https://www.chocri.de/skin/frontend/base/default/mpblog/images/ajax-loader.gif') no-repeat scroll 50% 0 transparent;
  height: 11px;
  width: 16px;
  margin: 0 auto;
}
.comment-form-field {
  margin-bottom: 10px;
  position: relative;
}
.comment-form-field .checkbox + label {
  padding: 0;
}
.comment-form-field textarea,
.comment-form-field input[type="text"] {
  line-height: 1.5;
  padding: 5px !important;
}
.comment-form-field textarea {
  height: 72px;
  width: 100%;
  max-width: 460px;
}
.comment-form-field textarea,
.comment-form-field textarea:focus {
  background-color: #ffffff;
}
.comment-form-field input[type="checkbox"] {
  display: none;
}
.comment-form-field input[type="checkbox"] + label {
  width: auto;
  max-width: 100%;
  font-weight: normal;
  vertical-align: middle;
  line-height: 1;
}
.comment-form-field input[type="checkbox"] + label:before {
  content: "";
  background: white;
  float: left;
  margin-right: 5px;
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 1px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 1px;
  -moz-background-clip: padding;
  border-radius: 1px;
  background-clip: padding-box;
}
.comment-form-field input[type="checkbox"]:checked + label:before {
  background: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/checked-input.png") no-repeat 50% 50% #ffffff;
  background: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/checked-input.svg") no-repeat 50% 50% #ffffff;
}
.comment-form-field input.text {
  width: 70% !important;
}
@media (max-width: 770px) {
  .comment-form-field input.text {
    width: 100% !important;
  }
}
.comment-form-field textarea,
.comment-form-field input.text {
  border: 1px solid #cccccc;
  -webkit-transition: -webkit-box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;
  -moz-transition: -moz-box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.comment-form-field textarea.validation-failed,
.comment-form-field input.text.validation-failed {
  border: 1px dashed red;
}
.form-actions {
  text-align: right;
  position: relative;
}
.form-actions .mp-comment-reply-btn {
  text-transform: uppercase;
}
.form-actions .subscribe {
  position: absolute;
  left: 0;
  border-color: transparent;
}
.mpblog-container h1.mp-title {
  margin-bottom: 20px;
}
@media (max-width: 770px) {
  .mp-blog-head {
    text-align: center;
  }
}
.mp-blog-head h1 {
  float: left;
  margin-bottom: 0.25em;
  max-width: 90%;
}
@media (max-width: 1024px) {
  .mp-blog-head h1 {
    max-width: 85%;
    font-size: larger;
  }
}
@media (max-width: 770px) {
  .mp-blog-head h1 {
    max-width: 100%;
  }
}
.mp-blog-head a.mp-blog-rss-link,
.mp-blog-head a.mp-blog-print-link {
  font-size: smaller;
}
@media (max-width: 770px) {
  .mp-blog-head a.mp-blog-rss-link,
  .mp-blog-head a.mp-blog-print-link {
    display: none;
  }
}
.mp-blog-head span.mp-blog-rss,
.mp-blog-head span.mp-blog-print {
  float: right;
  margin-top: 4px;
}
@media (max-width: 770px) {
  .mp-blog-head span.mp-blog-rss,
  .mp-blog-head span.mp-blog-print {
    display: none;
  }
}
.mpblog-post {
  clear: both;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .mpblog-post .mp-post-header h2 {
    font-size: larger;
    margin-bottom: 0;
  }
}
.mpblog-post .post-thumbnail {
  margin-bottom: 1em;
}
.mpblog-post .post-thumbnail img.thumbnail {
  width: 100%;
}
@media (max-width: 1024px) {
  .mpblog-post .post-thumbnail {
    margin-bottom: 0.5em;
  }
}
.mpblog-post .mp-header {
  padding: 0.5em 0;
  margin-bottom: 1em;
}
@media (max-width: 1024px) {
  .mpblog-post .mp-header {
    border-top: none;
    margin-bottom: 0.5em;
  }
}
.mpblog-post .mp-header .posted-by,
.mpblog-post .mp-header .date,
.mpblog-post .mp-header .views {
  float: left;
}
@media (max-width: 1024px) {
  .mpblog-post .mp-header {
    border-top: none;
  }
}
.mpblog-post .mp-content div.mp-details {
  margin-top: 20px;
}
.mpblog-post .mp-content iframe.blog-video {
  margin-bottom: 1.5em !important;
}
.mpblog-post .mp-content hr.cutter {
  display: none;
}
.mpblog-post .mp-content ol,
.mpblog-post .mp-content ul {
  margin-left: 20px;
}
.mpblog-post .mp-content img {
  width: 100%;
}
.mpblog-post .mp-content img.alignleft {
  display: inline;
  float: left;
  margin: 0 20px 3px 0;
}
.mpblog-post .mp-content img.alignright {
  display: inline;
  float: right;
  margin: 0 0 3px 20px;
}
.mpblog-post .mp-content a > img {
  border: 1px solid #D0CBC1;
  padding: 3px;
  margin-right: 10px;
  margin-bottom: 5px;
  display: inline-block;
  vertical-align: bottom;
  -webkit-transition: -webkit-box-shadow 0.15s 0.3s ease-in-out;
  -moz-transition: -moz-box-shadow 0.15s 0.3s ease-in-out;
  -o-transition: box-shadow 0.15s 0.3s ease-in-out;
  transition: box-shadow 0.15s 0.3s ease-in-out;
}
.mpblog-post .mp-content a > img:hover {
  -webkit-box-shadow: 0px 0px 6px 0 #cccccc;
  -moz-box-shadow: 0px 0px 6px 0 #cccccc;
  box-shadow: 0px 0px 6px 0 #cccccc;
}
.mpblog-post .mp-content blockquote {
  margin: 0 1.6em 1.5em;
  padding-left: 0;
  color: #777;
  font-style: italic;
}
.mpblog-post .mp-content table {
  margin-bottom: 1.5em;
}
.mpblog-post .mp-content table tr th {
  font-weight: bold;
  border-bottom: 2px solid #cccccc;
  background-color: #ffffff;
}
.mpblog-post .mp-content table tr td,
.mpblog-post .mp-content table tr th {
  padding: 5px 10px;
}
.mpblog-post .mp-content table tr:nth-child(odd) td {
  background-color: #ffffff;
}
.mpblog-post .mp-content table tr:nth-child(even) td {
  background-color: #f4f4f4;
}
.mpblog-post span.mp-tags,
.mpblog-post span.categories,
.mpblog-post span.posted-by,
.mpblog-post span.date,
.mpblog-post span.go-to-comments,
.mpblog-post span.leave-a-comment,
.mpblog-post span.comments,
.mpblog-post span.rss-comments,
.mpblog-post span.views {
  font-size: smaller;
}
.mpblog-post span.mp-tags {
  margin-right: 20px;
  float: left;
}
.mpblog-post span.mp-tags-pic {
  float: left;
  width: 20px;
}
.mpblog-post span.mp-tags-pic span.text {
  line-height: 16px;
  text-indent: -999em;
  display: block;
}
.mpblog-post span.categories {
  margin-right: 20px;
  float: left;
}
.mpblog-post span.categories-pic {
  float: left;
  display: block;
  width: 19px;
  height: 16px;
}
.mpblog-post span.categories-pic span.text {
  line-height: 16px;
  text-indent: -999em;
  display: block;
}
.mpblog-post span.posted-by {
  margin-right: 20px;
}
.mpblog-post span.date {
  margin-right: 20px;
}
.mpblog-post span.views {
  margin-right: 20px;
}
.mpblog-post span.comments {
  float: right;
  margin-left: 20px;
}
@media (max-width: 600px) {
  .mpblog-post span.comments {
    display: none;
  }
}
.mpblog-post i.glyphicons {
  margin-right: 5px;
}
.mpblog-post .customer-action-bar {
  padding: 20px 0;
  border-bottom: 1px solid #cccccc;
}
@media (max-width: 770px) {
  .mpblog-post .customer-action-bar {
    text-align: center;
  }
}
.blog-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  opacity: 0.8;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.blog-icon:hover {
  opacity: 1;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.blog-icon:active {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
/* Recent Comments and Posts */
.mp-recentcomment-date,
.mp-recentpost-date {
  font-style: italic;
  font-size: smaller;
  margin-bottom: 2px;
  margin-top: 2px;
}
/* Fix Magento Calendar Styles */
i.glyphicons.calendar {
  border: none !important;
  background: none !important;
}
/* Sidebars */
.mpblog-categories .block-content,
.mpblog-search .block-content,
.mpblog-recentposts .block-content,
.mpblog-tags .block-content,
.mpblog-recentcomments .block-content,
.mpblog-archives .block-content {
  padding: 5px 10px;
}
.mpblog-categories ul li,
.mpblog-recentcomments ul li,
.mpblog-archives ul li {
  padding-left: 20px;
  margin-bottom: 3px;
  position: relative;
}
/* Sidebar Blocks */
.sidebar-common ul li.active a {
  font-weight: bold;
}
.sidebar-common ul li i.glyphicons,
.sidebar-common ul li i.glyphicons:before {
  font-size: smaller;
}
.sidebar-common ul li i.glyphicons {
  display: block;
  left: 4px;
  top: 2px;
  position: absolute;
}
.mpblog-categories ul li.active a,
.mpblog-recentcomments ul li.active a,
.mpblog-archives ul li.active a,
.mpblog-recentposts ul li.active a,
.mpblog-recentcomments ul li.active a,
.mpblog-archives ul li.active a {
  font-weight: bold;
}
.mpblog-categories ul li i.glyphicons,
.mpblog-recentcomments ul li i.glyphicons,
.mpblog-archives ul li i.glyphicons,
.mpblog-recentposts ul li i.glyphicons,
.mpblog-recentcomments ul li i.glyphicons,
.mpblog-archives ul li i.glyphicons,
.mpblog-categories ul li i.glyphicons:before,
.mpblog-recentcomments ul li i.glyphicons:before,
.mpblog-archives ul li i.glyphicons:before,
.mpblog-recentposts ul li i.glyphicons:before,
.mpblog-recentcomments ul li i.glyphicons:before,
.mpblog-archives ul li i.glyphicons:before {
  font-size: smaller;
}
.mpblog-categories ul li i.glyphicons,
.mpblog-recentcomments ul li i.glyphicons,
.mpblog-archives ul li i.glyphicons,
.mpblog-recentposts ul li i.glyphicons,
.mpblog-recentcomments ul li i.glyphicons,
.mpblog-archives ul li i.glyphicons {
  display: block;
  left: 4px;
  top: 2px;
  position: absolute;
}
.mpblog-recentposts .mp-post-thesis {
  margin-top: 3px;
}
.mpblog-recentposts .thumbnail {
  float: left;
  border: 1px solid #D0CBC1;
  padding: 3px;
  margin-right: 10px;
  margin-bottom: 5px;
  width: 68px;
  height: 68px;
}
.mpblog-recentposts .thumbnail:hover {
  -webkit-box-shadow: 0px 0px 6px 0 #cccccc;
  -moz-box-shadow: 0px 0px 6px 0 #cccccc;
  box-shadow: 0px 0px 6px 0 #cccccc;
  -webkit-transition: all 0.15s 0.3s ease-in-out;
  -moz-transition: all 0.15s 0.3s ease-in-out;
  -o-transition: all 0.15s 0.3s ease-in-out;
  transition: all 0.15s 0.3s ease-in-out;
}
.mpblog-recentposts .thumbnail .img {
  width: 60px;
  height: 60px;
}
.mpblog-recentposts ul li {
  margin-bottom: 20px;
}
.mpblog-recentposts ul li:last-child {
  margin-bottom: 0;
}
.mpblog-archives .block-content {
  padding-top: 10px;
}
.mpblog-archives .block-content .actions {
  margin: 10px -10px -5px;
}
/* Tags */
.mpblog-tags .tag-list.cloud-enabled {
  display: none;
}
.mpblog-tags .block-content canvas {
  width: 100%;
  margin-left: -5px;
}
.mpblog-tags ul {
  list-style-type: none;
}
.mpblog-tags ul li {
  display: inline;
}
.mpblog-tags a.tag1 {
  font-size: 0.7em;
  font-weight: 100;
}
.mpblog-tags a.tag2 {
  font-size: 0.8em;
  font-weight: 200;
}
.mpblog-tags a.tag3 {
  font-size: 0.9em;
  font-weight: 300;
}
.mpblog-tags a.tag4 {
  font-size: 1.0em;
  font-weight: 400;
}
.mpblog-tags a.tag5 {
  font-size: 1.2em;
  font-weight: 500;
}
.mpblog-tags a.tag6 {
  font-size: 1.4em;
  font-weight: 600;
}
.mpblog-tags a.tag7 {
  font-size: 1.6em;
  font-weight: 700;
}
.mpblog-tags a.tag8 {
  font-size: 1.8em;
  font-weight: 800;
}
.mpblog-tags a.tag9 {
  font-size: 2.2em;
  font-weight: 900;
}
.mpblog-tags a.tag10 {
  font-size: 2.5em;
  font-weight: 900;
}
/* Social Share */
@media (min-width: 770px) {
  .mpblog-social-container {
    float: left;
  }
}
@media (max-width: 770px) {
  .mpblog-social-container .mp-buttons ul {
    text-align: center;
    width: 100%;
  }
}
.mpblog-social-container .mp-buttons ul li {
  margin-right: 5px;
  float: left;
}
@media (max-width: 770px) {
  .mpblog-social-container .mp-buttons ul li {
    margin-bottom: 5px;
    display: inline-block;
  }
}
.mpblog-social-container .mp-buttons ul li .blog-icon {
  float: left;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: transparent;
}
.mpblog-social-container .mp-buttons ul li .blog-icon.twitter {
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/twitter.png");
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/twitter.svg");
}
.mpblog-social-container .mp-buttons ul li .blog-icon.facebook {
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/facebook.png");
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/facebook.svg");
}
.mpblog-social-container .mp-buttons ul li .blog-icon.vkontakte {
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/vk.png");
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/vk.svg");
}
.mpblog-social-container .mp-buttons ul li .blog-icon.odnoklassniki {
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/ok.png");
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/ok.svg");
}
.mpblog-social-container .mp-buttons ul li .blog-icon.blogger {
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/blogger.png");
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/blogger.svg");
}
.mpblog-social-container .mp-buttons ul li .blog-icon.tumblr {
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/tumblr.png");
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/tumblr.svg");
}
.mpblog-social-container .mp-buttons ul li .blog-icon.pinterest {
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/pinterest.png");
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/pinterest.svg");
}
.mpblog-social-container .mp-buttons ul li .blog-icon.digg {
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/digg.png");
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/digg.svg");
}
.mpblog-social-container .mp-buttons ul li .blog-icon.mixx {
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/mixx.png");
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/mixx.svg");
}
.mpblog-social-container .mp-buttons ul li .blog-icon.delicious {
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/delicious.png");
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/delicious.svg");
}
.mpblog-social-container .mp-buttons ul li .blog-icon.stumbleupon {
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/stumbleupon.png");
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/stumbleupon.svg");
}
.mpblog-social-container .mp-buttons ul li .blog-icon.slashdot {
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/slashdot.png");
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/slashdot.svg");
}
.mpblog-social-container .mp-buttons ul li .blog-icon.slashdot {
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/slashdot.png");
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/slashdot.svg");
}
.mpblog-social-container .mp-buttons ul li .blog-icon.reddit {
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/reddit.png");
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/reddit.svg");
}
.mpblog-social-container .mp-buttons ul li .blog-icon.linkedin {
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/linkedin.png");
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/linkedin.svg");
}
.mpblog-social-container .mp-buttons ul li .blog-icon.google {
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/google_bookmarks.png");
  background-image: url("https://www.chocri.de/skin/frontend/base/default/mpblog/images/assets/google_bookmarks.svg");
}
.search-query {
  margin-bottom: 20px;
}
.search-query .input-box {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  float: left;
}
.search-query .input-box button.button {
  position: absolute;
  right: 0;
  top: 0;
  background: none;
  border: none;
  padding: 6px 7px;
}
.search-query .input-box button.button i.glyphicons.search {
  opacity: 0.5;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.search-query .input-box button.button i.glyphicons.search:hover {
  opacity: 1;
}
.search-query .input-box button.button i.glyphicons.search:active {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
.search-query .input-box input[type="text"] {
  width: 100%;
}
.search-query .advice {
  padding: 3px 10px;
  border: 1px solid #cccccc;
  background: #f4f4f4;
  float: left;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
}
.search-query .advice a {
  font-weight: bold;
}
.mpblog-search .block-content button.button {
  margin-top: 10px;
  margin-bottom: 5px;
}
.mpblog-search .block-content input.input-text {
  width: 168px;
  margin-top: 5px;
}
/* Preview */
.mpblog-preview {
  padding: 20px;
}
.mpblog-preview .mpblog-preview-header {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.mpblog-preview-button-set {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
textarea.placeholder .placeholder,
input.placeholder[type="text"] .placeholder {
  color: #8c8c8c;
  text-indent: 0;
  opacity: 0.8;
  -webkit-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -moz-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -o-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
textarea.placeholder .hovered-placeholder,
input.placeholder[type="text"] .hovered-placeholder {
  opacity: 1;
}
textarea.placeholder .focused-placeholder,
input.placeholder[type="text"] .focused-placeholder {
  text-indent: -100%;
  opacity: 0;
}
textarea.placeholder::-webkit-input-placeholder,
input.placeholder[type="text"]::-webkit-input-placeholder {
  color: #8c8c8c;
  text-indent: 0;
  opacity: 0.8;
  -webkit-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -moz-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -o-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
textarea.placeholder:-moz-placeholder,
input.placeholder[type="text"]:-moz-placeholder {
  color: #8c8c8c;
  text-indent: 0;
  opacity: 0.8;
  -webkit-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -moz-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -o-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
textarea.placeholder::-moz-placeholder,
input.placeholder[type="text"]::-moz-placeholder {
  color: #8c8c8c;
  text-indent: 0;
  opacity: 0.8;
  -webkit-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -moz-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -o-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
textarea.placeholder:-ms-input-placeholder,
input.placeholder[type="text"]:-ms-input-placeholder {
  color: #8c8c8c;
  text-indent: 0;
  opacity: 0.8;
  -webkit-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -moz-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -o-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
textarea.placeholder:hover::-webkit-input-placeholder,
input.placeholder[type="text"]:hover::-webkit-input-placeholder {
  opacity: 1;
}
textarea.placeholder:hover:-moz-placeholder,
input.placeholder[type="text"]:hover:-moz-placeholder {
  opacity: 1;
}
textarea.placeholder:hover::-moz-placeholder,
input.placeholder[type="text"]:hover::-moz-placeholder {
  opacity: 1;
}
textarea.placeholder:hover:-ms-input-placeholder,
input.placeholder[type="text"]:hover:-ms-input-placeholder {
  opacity: 1;
}
textarea.placeholder:focus,
input.placeholder[type="text"]:focus {
  -webkit-box-shadow: inset 0px 0px 5px 0px #cccccc;
  -moz-box-shadow: inset 0px 0px 5px 0px #cccccc;
  box-shadow: inset 0px 0px 5px 0px #cccccc;
  border: 1px solid #4d4d4d;
}
textarea.placeholder:focus::-webkit-input-placeholder,
input.placeholder[type="text"]:focus::-webkit-input-placeholder {
  text-indent: -100%;
  opacity: 0;
}
textarea.placeholder:focus:-moz-placeholder,
input.placeholder[type="text"]:focus:-moz-placeholder {
  text-indent: -100%;
  opacity: 0;
}
textarea.placeholder:focus::-moz-placeholder,
input.placeholder[type="text"]:focus::-moz-placeholder {
  text-indent: -100%;
  opacity: 0;
}
textarea.placeholder:focus:-ms-input-placeholder,
input.placeholder[type="text"]:focus:-ms-input-placeholder {
  text-indent: -100%;
  opacity: 0;
}
.fix-me {
  zoom: 1;
  /* IE6&7 */
}
.fix-me:before,
.fix-me:after {
  content: "";
  display: table;
}
.fix-me:after {
  clear: both;
}
.to-left {
  float: left;
}
.to-right {
  float: right;
}
/* Misc styles */
div.fixed {
  clear: both;
}
/* Icons Color Scheme */
i.mpblog-classic.glyphicons,
i.mpblog-classic.glyphicons:before {
  color: #3399cc;
}
i.mpblog-red.glyphicons,
i.mpblog-red.glyphicons:before {
  color: #7C0104;
}
i.mpblog-green.glyphicons,
i.mpblog-green.glyphicons:before {
  color: #003300;
}
i.mpblog-blue.glyphicons,
i.mpblog-blue.glyphicons:before {
  color: #003366;
}
i.mpblog-grey.glyphicons,
i.mpblog-grey.glyphicons:before {
  color: #333333;
}
i.mpblog-old-magento.glyphicons,
i.mpblog-old-magento.glyphicons:before {
  color: #0A263C;
}

.amasty-hide-class {
    display: none;
}
.klarna_promotion_logo img{
    margin: 10px auto;
    display: block;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('https://www.chocri.de/skin/frontend/hankeme/chocriV2/css/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('https://www.chocri.de/skin/frontend/hankeme/chocriV2/css/fonts/slick.eot');
    src: url('https://www.chocri.de/skin/frontend/hankeme/chocriV2/css/fonts/slick.eot?#iefix') format('embedded-opentype'), url('https://www.chocri.de/skin/frontend/hankeme/chocriV2/css/fonts/slick.woff') format('woff'), url('https://www.chocri.de/skin/frontend/hankeme/chocriV2/css/fonts/slick.ttf') format('truetype'), url('https://www.chocri.de/skin/frontend/hankeme/chocriV2/css/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/*
*
* @file: Page Layout for Chocri.de
* @author: mis en scène by hankeme.de
* @contact: info@hankeme.de
*
*/

/*
* Page Layout
*/

.pagewrap {
	width:100%;
	max-width: 1180px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0 auto;
	position: relative;
}
.page_pad {
 	padding: 60px 0;
}

/*
 * Column Layouts
 */
.main:after,
.col-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

.col-left,
.col-right,
.col-main {
  padding: 0 10px;
}

.col-left {
  float: left;
  width: 16%;
  padding-left: 0;
  /* Remove the 15px padding */
  clear: left;
}
.col-left img {
  max-width: 100%;
}

.col-right {
  float: right;
  width: 16%;
  padding-right: 0;
  /* Remove the 15px padding */
}
.col-right img {
  max-width: 100%;
}

.col-main {
  float: left;
  width: 84%;
}

.col1-layout .col-main {
  float: none;
  width: auto;
  padding: 0;
  /* Remove the 15px padding */
}

.col2-left-layout .col-main {
  float: right;
  padding-right: 0;
  /* Remove the 15px padding */
}

.col2-right-layout .col-main {
  padding-left: 0;
  /* Remove the 15px padding */
}

.col3-layout .col-right {
  width: 16%;
}
.col3-layout .col-wrapper {
  float: left;
  width: 84%;
}
.col3-layout .col-wrapper .col-main {
  float: right;
  width: 81%;
}
.col3-layout .col-wrapper .col-left {
  width: 19%;
}

@media only screen and (max-width: 1000px) {
  .col3-layout .col-right {
    float: left;
    clear: left;
    padding-left: 0;
    padding-right: 10px;
    width: 16%;
  }
  .col3-layout .col-wrapper {
    float: right;
    width: 84%;
  }
  .col3-layout .col-wrapper .col-main {
    float: right;
    width: 84%;
  }
  .col3-layout .col-wrapper .col-left {
    width: 16%;
  }
}
@media only screen and (max-width: 768px) {
  .col-left,
  .col-right,
  .col-main,
  .col1-layout .col-left,
  .col1-layout .col-right,
  .col1-layout .col-main,
  .col2-left-layout .col-left,
  .col2-left-layout .col-right,
  .col2-left-layout .col-main,
  .col2-right-layout .col-left,
  .col2-right-layout .col-right,
  .col2-right-layout .col-main,
  .col3-layout .col-wrapper .col-left,
  .col3-layout .col-right,
  .col3-layout .col-wrapper .col-main {
    padding: 0;
    margin-bottom: 10px;
    float: none;
    width: auto;
  }

  .col3-layout .col-wrapper {
    float: none;
    width: auto;
  }

  .col-main {
    float: none;
    width: auto;
  }

  .col-main .col-left {
    padding: 0;
    /* On product listing pages, the left column gets moved inside col-main on small viewports */
  }
}
/* Content Columns */
.col2-set {
  width: 100%;
}
.col2-set .col-1,
.col2-set .col-2 {
  width: 50%;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  .col2-set .col-1,
  .col2-set .col-2 {
    padding: 10px;
  }
}
.col2-set .col-1 {
  float: left;
  padding-left: 0;
}
.col2-set .col-2 {
  float: right;
  padding-right: 0;
}
@media only screen and (max-width: 480px) {
  .col2-set .col-1,
  .col2-set .col-2 {
    float: none;
    width: auto;
    border: 0;
    padding-right: 0;
    padding-left: 0;
  }
}
.col2-set .narrow {
  width: 33%;
}
.col2-set .wide {
  width: 65%;
}
.col2-set:after {
  content: '';
  display: table;
  clear: both;
}

/*
* Header
*/
.header-language-container {
	height:28px;
}
.header-language-container > div {
	width: 50%;
}
.header-language-container > div,
.header-language-container > div > a {
	line-height:2em;
} 
.header-language-container > div.helpline {
	white-space:nowrap;
}
.header-language-container > div + div {
	text-align: right;
	height:100%;
	line-height:28px;
}
.header-language-container > div + div small {
	line-height:2.5em;
}
.header-language-container > div > * {
	display: inline-block;
	vertical-align:top;
}
.account_menu .skip-account {
	padding:10% 5%;
	margin: 0;
	display:block;
	width: auto;
}
.header-minicart .skip-cart {
	padding:10% 5% /*8%*/;
	margin: 0;
	position:relative;
	display:table;
}
.header-minicart .skip-cart > span {
	display:table-cell;
	padding:0 1%;
}
.header-minicart .skip-cart .icon {
	height: 1.1em;
	width: 1.2em;
	background-position:center center;
	background-repeat: no-repeat;
	background-size:contain;
	vertical-align: middle;

}
.header-minicart .skip-cart .count {

}
.header-minicart .skip-cart .label{

}
.page-header-container {
	/* text-align: center; */
	height: 100%;
	box-shadow: 0 1px 4px 0 rgba(136, 136, 136, 0.26);
}
.logo {
	/* max-width: 14%; */
	width: 215px;
	padding: 15px 0;
	margin: 10px auto 0;
	display: inline-block;
}
.store-switcher {
	margin: 9% 0 0 5%;
}
.store-switcher select#select-store {
	border:none;
	background:none;
	-webkit-appearance: none;
   	-moz-appearance: none;
   	appearance: none;
}
.page-header-container .store-language-container {
	display: none;
}

#header-nav, #header-search {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#header-nav {
	position: absolute;
	left: 0;
	top: 45px;
	width: 100%;
}
.sticky #header-nav, .sticky .header-functions{
	top: 32px;
}
/*
.sticky .headerLogoText{display: none;}
 */

#header-nav .nav-primary > li.level0 {
	/* width:18%; */
	margin: 0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:5px;
	height: 75px;
}
.search-layer{
	background: #cbb1b5;
	padding: 40px 0;
	text-align: center;
	display: none;
}
@media only screen and (max-width: 768px) {
	#header-nav .nav-primary > li.level0 {
		height: unset;
	}
}
.nav-primary a.level0 {
	padding: 0 10%;
}
.nav-primary li.level0 ul {
    position: absolute;
    left: 0;
    z-index: 10;
    width: 100%;
    max-width:100%;
	text-align:center;
	padding:5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    display: none;
  }
/*.submenu-spacer{display:none;}*/
/*.nav-primary li.level0:hover > div.submenu-spacer {*/
	/*display:block;*/
	/*width: 700%;*/
	/*padding-top: 48px;*/
	/*margin-left: -75px;*/
/*}*/
/*.sticky .nav-primary li.level0:hover > div.submenu-spacer {padding-top: 31px;}*/
.nav-primary li.level0:hover > ul {
	display:block;
	margin-top: 26px;
}
.sticky .nav-primary li.level0:hover > ul {
	margin-top: 9px;
}
@media only screen and (max-width: 480px) {
	.nav-primary li.level0:hover > ul {
		margin-top: unset;
	}
	.sticky .nav-primary li.level0:hover > ul {
		margin-top: unset;
	}
}
.nav-primary li.level1 {
	display: inline-block;
	width:185px;
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nav-primary li.level1 a {
	display:inline-block;
	max-width: 100%;
	height:auto;
	overflow:hidden;
}
.nav-primary li.level1 a img {
	display:inline-block;
	max-width: none;
	height:128px;
	margin-bottom: 10px;
}
.nav-primary li.level1 a span {
	display:inline-block;
	line-height: 1em;
	height:2em;
	vertical-align:middle;
}
#header-search {
	display: block;
	text-align: left;
	width: 15%;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -8px;
}
.sticky #header-search {
	top:80%;
	font-size:0.9em;
}

#header-search .input-box {
	width:100%;
	display:inline-block;
}

#header-search .input-box #search {
	height: 30px;
}
.sticky #header-search .input-box #search {
	height:20px;
}
.sticky #header-search #search_mini_form .search-button {
	height:20px;
	width:30px;
	background-size: 80px 800px !important;
}


/* messages on pagetop */
.kuko_global_message {
	padding: 10px 20px;
}
.kuko_global_message.cc_icon-frost:after {
	content: '';
	display: inline-block;
	height:2em;
	width:2.5em;
	background-repeat:no-repeat;
	background-position: center center;
	background-size: contain;
	margin: -0.5em 1em;
}
#admin_messages {
	max-width: 1180px;
	width:100%;
	margin:10px auto;
}

/*
* Footer
*/
.footer-container {
	position: relative;
	margin: 0 auto;
	margin-top: 100px;
}
.footer {
	clear: both;
	width: 100%;
}
.footer:nth-of-type(1) {
}
.dotted_top, .cc_section {
	padding: 30px 0 0;
	margin:30px auto 0;
}
.footer img {
	display: inline-block;
	max-width: 100%;
	width: auto;
	max-width: auto;
}
/*.footer .social_links {*/
	/*padding:22px 0 0 0;*/
/*}*/
.footer .social_links a {
	display:block;
	width:100%;
	height:50px;
	background-position: center center;
	background-repeat:no-repeat;
	background-size: contain;
}
.footer .payment_methods > li {
	height:50px;
	line-height: 50px;
	vertical-align: middle;
	text-align:center;
}
.footer .payment_methods > li:nth-of-type(2) {
	height:auto;
}
.footer .payment_methods li li span {
	line-height:50px;
	vertical-align:middle;
	padding: 0 2% 0 0;
	text-align:right;
	max-width:48%;
}
.footer .payment_methods li li img {
	vertical-align:middle;
	max-width:40%;
}
.footer .legal li, .footer .legal > span, .footer .legal > ul {
	display: inline-block;
}
/*.footer .legal li {*/
	/*padding: 0 5px 0 0;*/
	/*margin: 0 5px 0 0;*/
/*}*/
.footer .legal li::after {
    margin: 0 0 0 5px;
}
.footer .block-subscribe {
	max-width: 400px;
	display:inline-block;
	margin-bottom:0;
}
.footer .block-subscribe .input-box {
	position:relative;
}
.footer .block-subscribe .input-box .button {
	width:25%; min-width:120px;
}
.footer .block-subscribe .input-box .button,
.footer .block-subscribe .input-box .input-text {
	height:43px;
	box-sizing:border-box;
}
.footer .block-subscribe .input-box .input-text,
.footer .block-subscribe .input-box .validation-advice {
	float:left;
	width:100%;
}
.footer .block-subscribe .input-box {
	width:100%;
}
.footer .service {
	padding-left:70px;
	background-position: left center;
	background-repeat: no-repeat;
}
#hankeme_cookiepolicy_optout_info {
	display: block;
    position: fixed;
    bottom: 110px;
    text-align: center;
    padding: 10px;
    width: 100%;
    border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
    background: #c9bfb1;
	z-index:999999999;
}

#hankeme_cookiepolicy_optout_info .cookie-button {
	margin-top: 6px;
	text-align: center;
}

/*
* Buttons
*/
/* Primary Buttons */
.button {
  display: inline-block;
  padding: 10px 15px;
  border: 0;
  line-height: 19px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
	height: 40px;
}
button.button{padding: 7px 15px;}
.button2,
.darkbutton{
  display: inline-block;
  padding: 10px 15px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  height: 40px;
  line-height: 19px;
}
.button:hover, .button2:hover, darkbutton:hover {
  cursor: pointer;
}
button:disabled:hover{cursor: not-allowed;}
.selected.button:hover{
	cursor: unset;
}
.button:active, .button2:active {
}
.button:focus, .button2:focus {
  outline: none;
}
.darkbutton.continue{margin-right: 36px}
a.button, a.button2, a.darkbutton {
  text-decoration: none;
}

.button.btn-checkout {
	float:right !important;
}

/*
 * Breadcrumbs

 */
.breadcrumbs {
  margin: 20px auto;
}

.breadcrumbs li,
.breadcrumbs a,
.breadcrumbs span
 {
	display:inline-block;
}
.breadcrumbs li span{
	padding: 0 7px;
}

@media only screen and (max-width: 768px) {
  .breadcrumbs {
    display: none;
  }
}

/*
* Sidebar Navigation
*/
.block-layered-nav .block-content > dl > dt {
	
}
.block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a {
  padding: 5px 10px;
  display: block;
}
/*
* Category Pages and Product Listings
*/
.category_teasers li .imgwrapper {
	width:100%;
	height:auto;
	max-height: 127px;
	overflow:hidden;
	display: inline-block;
	margin: 10px 0 0 ;
}
.category_teasers li img {
	max-width:100%;
	height: auto;
}
.category_teasers li .imgwrapper + p {
	line-height:1.5em;
	height:3em;
	overflow:hidden;
	text-overflow: ellipsis;
	margin: 0 0 10px;
}
.products-grid > li {
	position:relative;
	overflow:hidden;
	margin: 10px 0 !important;
	padding:1.7%;
}
.products-grid > li .fixed_bottom {
	/*position: relative;
  	top: 100%;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
  	transform: translateY(-100%);*/
}

.products-grid > li .icons_etc {
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:1;
}
.products-grid > li .icons_etc div {
	display:block;
	padding: 0 20px;
	text-align:center;
	position: absolute;
}
.products-grid > li .icons_etc div.remove_selection {
	padding:0;
	right:0;
}
.products-grid > li .icons_etc div.vegan {
	right:0;
	padding:0;
	height:20px;
	width:20px;
	font-size:0;
	background-position: center center;
	background-repeat:no-repeat;
}
.products-grid > li .icons_etc div.remove_selection + div.vegan {
	top:25px;
}
.products-grid > li .icons_etc div.onsale,
.products-grid > li .icons_etc div.new {
	top:8px;
	left: -32px;
	width:100px;
}

.products-grid .product-image {
  width: 100%;
  margin-bottom: 20px;
  /*height:195px;*/
  overflow:hidden;
}
.products-grid .product-name-wrap {
	display:block;
	/*height:3em;*/
	vertical-align:middle;
	margin-bottom: 1em;
}
.products-grid .actions {
	margin:10px 0 0;
}
.products-grid .cc_bg-yellow .price-box {
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	padding: 4px 10px;
	margin: 4px 5px 4px 0;
}
/*
.products-grid .actions button.button {
	font-size:0;
	height:40px;
	width:50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:60%;
}
*/
.products-grid .actions .qty-wrapper {
	display: inline-block;
	margin-right: 10px;
}

/* Ajax Filter */
#ajax_filter > li {
	position:relative;
	float:left;
	margin: 0;
}
#ajax_filter > li .filter_name{
	padding: 10px 40px 10px 10px;
	position:relative;
}
#ajax_filter_state > div {
	padding: 10px 10px 10px 40px;
	position:relative;
}
#ajax_filter > li .filter_name:before,
#ajax_filter_state > div:after {
	width: 20px;
	content: '';
	position:absolute;
	right:10px;
	top:0;
	bottom:0;
	background-position:center center;
	background-repeat:no-repeat;
	background-size: contain;
}
#ajax_filter > li .filter_values {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	margin-top:1px;
	z-index: 10;
	padding: 10px;
	min-width:100%;
}
#ajax_filter > li:hover .filter_name:after {
	content: '';
	position: absolute;
	bottom:0;
	left: 0;
	right: 0;
	height: 6px;
	background: #ffffff;
	z-index: 11;
}
#ajax_filter > li:hover .filter_values {
	display:block;
}
#ajax_filter > li .filter_values li > div {
	position:relative;
}
#ajax_filter > li .filter_values label,
#ajax_filter > li .filter_values input[type=checkbox] {
	white-space:nowrap;
	padding: 2px 4px;
	line-height: 1.5em;
	vertical-align: middle;
}
#ajax_filter > li .filter_values label {
	margin: 0 0 0 1.5em;
}
#ajax_filter > li .filter_values input[type=checkbox] {
	position:absolute;
	left:0;
	top: 0.25em;
}
#ajax_filter > li .filter_values input[type=text] {
	max-width:50px;
	display: inline-block;
}
#ajax_filter .filter-track {
	position: relative;
	width:250px;
	height:4px;
	margin:20px 0;
}
#ajax_filter .filter-track .filter-handle {
	position:absolute !important;
	height:10px;
	width:10px;
	top:-3px;
	display:block;
}
#ajax_filter_state {

}
#ajax_filter_state > div {
	display: inline-block;
	margin: 10px 20px 10px 0;
	cursor: pointer;
}
#dynamicreplace {
	position: relative;
}
#dynamicreplace.load-waiting:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255,255,255,0.6);
	background-position: center center;
	background-repeat: no-repeat;
}
.sorter > .sort-by .sort-by-switcher {
	display:none !important;
}

/*
* Product Detail 
*/

.product-img-box {
  width: 56.61%; /*wtf?*/
  float: left;
}
/*#zoom_container {
	width:666px;
	height: 449px;
	max-width:100%;
}*/
.product-img-box .product-image img {
  max-width: none;
  width:auto;
  margin: 0px auto;
}
.product-view .availability-block,
.product-view .product-shop,
.product-view .block-related {
  width: 43.39%;
  float: right;
  clear: right;
  padding: 0 3.78%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.product-fotogeschenk-schokolade .availability-block{width: auto; padding: 0;}
.product-fotogeschenk-schokolade .add-to-cart{display: inline-block;}
.product-fotogeschenk-schokolade .product-shop.full{text-align: right;}


.product-view .product-img-box.full,
.product-view .product-shop.full {
	width:100%;
	float:none;
	padding:0;
}
.product-view .product-shop .product-name {
	margin: 0 0 0.5em;
}
.product-view .product-shop .extra-info {
  padding-right: 15px;
}
.product-view .product-shop .price-info {
  padding-right: 15px;
  text-align: left;
}
.configurator-view.product-view .product-shop .price-info {
  text-align: right;
}
.price-info .pp{color: #616161;}
.product-view .product-shop .extra-info,
.product-view .product-shop .price-info {
  margin-bottom: 10px;
}
.product-view.configurator-view .product-shop .price-info .price-box:nth-of-type(1){
	display: none;
}
.product-view .add-to-cart {
	text-align: left;
}
.configurator-view.product-view .add-to-cart {
	text-align: right;
}
.product-view .add-to-cart-wrapper, .product-view .block-related {
	margin: 1em 0 0;
}
.product-view .add-to-cart .qty-wrapper,
.product-view .add-to-cart-buttons {
  margin-right: 7px;
  float: left;
}
.product-view .add-to-cart .qty-wrapper label {
	display: none;
}
.product-view .product-shop .extra-info table {
	margin:10px 0;
}
.product-view .product-shop .extra-info td {
	padding: 2px 5px 2px 0;
}
.product-view #zoom_container {
	max-width:100%;
	max-height:100%;
	margin:0 auto;
}
ul.toptabs, ul.subtabs{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
ul#subtabs_3_header.subtabs{display:none;}
.subtab-container h2:first-of-type{margin-top: 50px;}
.tab-header.collapsible {
	height: 3rem;
	margin: 1rem 0;
	background: #eeebe7;
}

.tab-header.collapsible span {
	margin-left: 10px;
	font-size: 2rem;
	font-weight: 700;
}

/*span.tab-header__icon {*/
	/*float: right;*/
	/*margin-right: 1.5rem;*/
/*}*/

/*
* Page Teasers
*/
.cc_teaser {
	display: block;
	margin:10px 0 20px;
	width:100%;
	position:relative;
	overflow:hidden;
}
.cc_teaser > img {
	width: 100%;
	height: auto;
	max-width:100%;
}
.cc_teaser .cc_teaser-inner {
	left: 2%;
	position: absolute;
	top: 10%;
	width: 75%;
	z-index: 1;
	max-height: 75%;
	overflow: hidden;
	padding: 1%;
}
.cc_teaser .cc_teaser-inner:after {
	content: '';
	position: absolute;
	top:0;
	bottom:0;
	left: 0;
	right:0;
	background-color: #ffffff;
	opacity: 0.7;
	z-index: -1;
}
.cc_teaser .cc_teaser-border {
	display: block;
	padding:20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
}
a.cc_teaser:hover,
a.cc_teaser-border:hover {
  text-decoration: none;
}
.cc_margin-top-xl{
	margin-top: 50px;
}
.cc_margin-bottom-xl{
	margin-bottom: 50px;
}
.category-image-full{
	max-height: 280px;
}
.category-image-full img{
	max-height: 280px;
	width: 100%;
	object-fit: cover;
}
.block-layered-nav dt.block-subtitle--filter, .block-layered-nav dd{
	border: 1px solid #cacaca;
}
.block-layered-nav dd{ border-top: none;}
/*
* Cart
*/
.kuko_cart_message {
	margin:20px 0;
	padding: 20px;
	text-align:center;
}
.cart-table th, .cart-table td, .cart-table tbody td {
	width:20%;
}
#greetingcard_widget img {
	max-height:100%;
}
/* Checkout */
.sidebar .block.block-progress {
	padding:20px;
}
#checkoutSteps .step {
	position:relative;
}
#checkoutSteps .step p.required {
	position:absolute;
	bottom:15px;
	left:0;
}
#checkoutSteps .step .please-wait {
	background-color: #ffffff;
	bottom: 17px;
	display: block;
	position: absolute;
	right: 0;
	height: 40px;
}
.sp-methods label.vaimo_klarna_invoice_consent a {
	float:none;
	margin-left:0;
	margin-top:0;
}

#checkoutSteps .input-box {
  width:50%;
}
#checkoutSteps .field .input-box,
#checkoutSteps #checkout-step-login .input-box {
	width:100%;
}
#checkout-review-table {
	table-layout:auto;
}
#checkout-review-table tbody td {
	width:15%;
}
#checkout-review-table tbody td:nth-of-type(1) {
	width:55%;
}

/* CMS Pages*/
.page-title, .col-right.sidebar, .customer-account .col-left.sidebar {
	margin:20px 0;
}
.side-navi > ul > li {
	margin: 0 0 20px;
}
.side-navi > ul > li li {
	margin: 10px;
}
iframe {
	max-width:100%;
}

/*
* Content Elements
*/
.chocri_usp_widget li {
	background-position:top center;
	background-repeat:no-repeat;
	padding: 75px 0 0;
}

/* Blog */
.cms-page-view.cms-blog .page-title h1 {
	text-align:center;
}
.std ul.article-list {
	list-style:none;
}
.std ul.article-list li {
	margin:20px 0;
	padding: 20px;
}
.std ul.article-list li .author {
	margin:20px 0;
}
.std .pages ol {
	list-style: none;
}
.std .pages li {
	margin:0;
}

/*
* Lexikon
*/
ul.lexikon_links li {
	display: inline-block;
	padding: 10px 40px;
}

/* shariff adaptions */
.shariff-content .shariff li,
.shariff-content .shariff li a {
	height: 80px !important;
}
.shariff-content .shariff li .fa {
	line-height:80px !important;
	font-size:40px !important;
	text-align:center;
}
.shariff-content .shariff .orientation-horizontal li {
	min-width:80px !important;
}
.shariff-content .shariff .orientation-horizontal li .share_text {
	display:none !important;
}

.shariff-product.shariff {
	margin: 20px 0;
}
.shariff-product.shariff li,
.shariff-product.shariff li a {
	height: 40px !important;
}
.shariff-product.shariff li .fa {
	line-height:40px !important;
	font-size:20px !important;
	text-align:center;
}
.shariff-product.shariff .orientation-horizontal li {
	min-width:40px !important;
	max-width:40px;
	float:none;
	display: inline-block;
}
.shariff-product.shariff .orientation-horizontal li .share_text {
	display:none !important;
}
/* Instagram Feed */
#instafeed_base, #instafeed_base_mobile {
	margin:20px 0;
}

/* Configurator */
.configurator-base ul.subtabs,
.full #preview_wrapper .preview-title {
	padding:20px 0;
}

.configurator-base .tab-content .hme_config_option_container .icons_etc {
	position: absolute;
	top:0;
	right:15px;
	z-index:1;
}

/* vouchers */
.product-voucher .product-options-bottom {
	text-align:right;
}
.product-voucher .product-options-bottom .price-box {
	display:inline-block;
	float:none;
}
.product-voucher .price-info .price-box{
	display:none;
}
.product-voucher .price-info .pp {
	text-align:right;
}
.product-voucher .product-options:after {
  content: '';
  display: table;
  clear: both;
}
.product-voucher .product-options > div,
.product-voucher .product-options > dl {
	width:50%;
	float:right;
}
.product-voucher .product-options > div:nth-of-type(1) {
	float:left;
}
.product-voucher .product-options p.required,
.product-voucher .voucher-card input,
.product-voucher .voucher-card input[type=radio] + span.selected,
.product-voucher .voucher-card input[type=radio]:checked + span.selected + a.button {
	display:none;
}
.product-voucher .voucher-card input[type=radio]:checked + span.selected {
	display:block;
}


/* icons */
.icons_etc .remove_selection {
	width:30px;
	height:30px;
	display:block;
	text-align:center;
	line-height:20px;
	vertical-align:middle;
	padding-top: 5px;
	text-transform: uppercase;
}

/*
* Layout Tools
*/
.cc_f-left {float:left}
.cc_f-right {float:right}

.cc_m-auto{margin: auto;}

.a-center, .cc_a-center {text-align:center}
.a-right, .cc_a-right {text-align:right}
.a-left, .cc_a-left {text-align: left}

.cc_d-block {display:block;}
.cc_d-iblock {display:inline-block !important;}
.cc_d-none {display:none;}

/*
* FX
*/
.product-collateral .toggle-tabs li.current,
#ajax_filter > li:hover .filter_name {
	/*
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	*/
}
.account_menu .skip-account,
.header-minicart .skip-cart {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.input-text, .button, .cc_rounded, .dialog, .configurator-base ul.toptabs li, #config_preview_stage .dummyfield,
.footer .block-subscribe .input-box,
#config_preview_stage .configQtyWidget .hme_config_option_preview_data,
#ajax_filter > li .filter_name,
#ajax_filter > li .filter_values,
#ajax_filter_state > div,
#ajax_filter .filter-track .filter-handle,
.products-grid > li .icons_etc div.soldout {
	/*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	*/
}
.icons_etc .remove_selection {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.products-grid > li .icons_etc div.onsale,
.products-grid > li .icons_etc div.new {
    -webkit-transform: rotate(315deg) ;
    -moz-transform: rotate(315deg) ;
    -o-transform: rotate(315deg) ;
    -ms-transform: rotate(315deg) ;
    transform: rotate(315deg) ;

}
.icons_etc .remove_selection {
	cursor: pointer;
}
h1.landingpage{
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}
ul.product_list_front{max-width: 80%; padding-top: 60px;}
.sptype-text{margin-top: 0.5em;}
.header-logo{
	position: relative;
	left: 50%;
	margin-left: -107px;
}
ul#header-functions-list a:focus{outline: none;}
ul#header-functions-list li{
	margin-left: 20px;
	margin: 0 5px;
	box-sizing: border-box;
	padding: 5px;
}
ul#header-functions-list li.header-functions-account{margin-left: 35px;}
.headerLogoText{ margin-top: 5px;}
.header-functions{
	position: absolute;
	top:45px;
	right: 0px;
}
.icon-account{
	display: inline-block;
	width: 12px;
	height: 14px;
	object-fit: contain;
}
.icon-search{
	display: inline-block;
	width: 14px;
	height: 14px;
	object-fit: contain;
}
.icon-cart{
	display: inline-block;
	width: 16px;
	height: 14px;
	object-fit: contain;
	position: relative;
}
.icon-cart .cart-count{
	width: 14px;
	height: 14px;
	background: url("https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/chocri-cart-overlay.svg") no-repeat;
	color: #9f2c32;
	font-size: 0.642857em;
	position: absolute;
	top: -2px;
	left: 8px;
	text-align: center;
}
.teaser-textbox{
	padding-top: 25px;
	padding-bottom: 35px;
}
.tt-button{
	color: #FFFFFF;
	border: 1px solid #ffffff;
	display: block;
	width: 180px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 0.8571em;
	margin: auto;
	margin-top: 20px;
}
.tt-button:hover{
	background: #ffffff;
	border-color: #ffffff;
	color: #444444;
	text-decoration: none;
}
.cc_bg-light-mauve .tt-button:hover{color: #cbb1b5;}
.cc_bg-light-grey .tt-button:hover{color: #c4c4c1;}
.cc_bg-pinkish-grey .tt-button:hover{color: #c9bfb1;}

.catalog-product-view .main .col-main{margin-top: 42px;}
.catalog-product-view.product-schokolade-selber-machen .main .col-main{margin-top: 21px;}
.form-list{margin-bottom: 15px;}
/**
legal red footer
 */
.legal {
	line-height: 40px;
    margin-top: 30px;
}

.legal a, .legal span {
    line-height: 24px;
}
.pagewrap.fullwidth {
	max-width: none;
}

/**
footer usp
 */
.pagewrap.usp {
	display: flex;
	flex-flow: row wrap;
}
.usp_item {
	width: 20%;
	margin: 90px 0;
}
.usp_item .icon img {
	height: 36px;
	width: auto;
}
@media only screen and (max-width: 480px) {
	.usp_item {
		width: 100%;
		margin: 29px 0;
	}
}

/**
home usp
 */
.home-usp h2 {
	margin: 0 0 73px 0;
}
.home-usp .text-content {
	max-width: 808px;
	margin: 45px auto 0;
	font-size: 14px;
	line-height: 1.71;
	letter-spacing: 0.6px;
}
.seals {
	display: flex;
	justify-content: center;
	margin-top: 57px;
}
.seal-item {
	margin: 0 61px 0 0;
}
.seal-item img {
	height: 70px;
	width: auto;
}

@media only screen and (max-width: 480px) {
	.home-usp .cc_row .cc_col-3 {
		width: 48%;
	}
	.seal-item {
		margin: 0 15px;
	}
	.seal-item img {
		height: 65px;
		width: auto;
	}
}

/**
footer social newsletter
 */
.social-row {
	display: flex;
    text-align: left;
}
.social-row .cc_row li a {
	width: 32px;
}
.social_links {
    width: 18.3%;
    margin: 0 0.85% 0 0.85%;
}
.newsletter {
    margin: 0 0 0 0.85%;
}
@media only screen and (max-width: 480px) {
	.social_links {
		width: 100%;
		margin: 0 0.85% 0 20px;
	}
}
.product-fotogeschenk-schokolade .conf_mixcode_form{display: none;}
/**
footer social newsletter
 */
.newsletter .block-subscribe {
    width: 300px;
}
.newsletter .block-subscribe .block-title {
    margin-bottom: 15px;
}
.newsletter .block-subscribe .input-box .input-text {
    width: 50%;
    height: 35px;
    border-color: #353535;
    background-color: #dddddd;
}
.newsletter .block-subscribe .input-box .input-text::placeholder {
    color: #353535;
    font-size: 12px;
    font-weight: 500;
}
.newsletter .block-subscribe .input-box .button {
    height: 35px;
    background-color: #353535;
}
.newsletter .block-subscribe .input-box .button:hover {
	background-color: #f1f1f1;
}
.newsletter-mobile {
	display: none;
	height: 302px;
	background-color: #c9bfb1;
	padding-top: 42px;
}
.newsletter-mobile .block-subscribe .input-box .input-text {
	width: 66%;
	height: 35px;
	border-color: #ffffff;
	background-color: #c9bfb1;
	margin-bottom: 15px;
}
.newsletter-mobile .block-subscribe .input-box .input-text::placeholder {
	color: #ffffff;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
}
.newsletter-mobile .block-subscribe .input-box .button {
	width: 66%;
	height: 35px;
	background-color: #ffffff;
	color: #a9ab95;
	font-size: 15px;
}
.newsletter-mobile .block-title strong {
	color: #ffffff;
}
@media only screen and (max-width: 480px) {
	.newsletter {
		display: none;
	}
	.newsletter-mobile {
		display: block;
	}
}
/* IE11 fix for unsupported sticky header */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .main-container{padding-top: 103px;}
}
/*
*
* @file: Colors and Backgrounds Setup for Chocri.de
* @author: mis en scène by hankeme.de
* @contact: info@hankeme.de
*
*/

/*
* Background-colors
*/
.button {
	background-color: #f1f1f1;
}
header.page-header{
	background-color: #9f2c32;
}
.cc_bg-brown,
.opc .section .step-title .number,
/* .product-collateral .toggle-tabs li.current, */
.products-grid > li .icons_etc div.soldout {
	background-color: #604438;
}
.cc_bg-brown2,
.account_menu .skip-account,
#header-nav .nav-primary > li.level0:hover,
#ajax_filter .filter-track .filter-handle
 {
	text-decoration: underline;
}
.cc_bg-yellow,
.products-grid .actions button.button,
.button.btn-cart-byi,
.button.btn-cart {
	background-color: #f5a623;
}
.mixcode-button,
.hme_config_option_container a.button,
.products-grid .actions button.button,
a.button.btn-cart,
.product_list_front .button.btn-cart{
	background-color: #ffffff;
	border: 1px solid #353535;
	color: #353535;
}
.mixcode-button:hover,
.products-grid .actions button.button:hover,
a.button.btn-cart:hover,
.product_list_front .button.btn-cart:hover{
	background-color: #f5a623;
	border: 1px solid #f5a623;
	color: #ffffff;
}
.cc_bg-yellow2,
.header-minicart .skip-cart {
	background-color: #FFC102;
}
.cc_bg-red,
.products-grid > li .icons_etc div.onsale {
	background-color: #9f2c32;
}
.cc_bg-red2 {
	background-color: #D79191;
}
.cc_bg-orange,
.opc .section.allow.active .step-title .number,
.no-touch .opc .section.allow:hover .step-title .number,
.products-grid > li .icons_etc div.new {
	background-color: #EA7B27;
}
.cc_bg-white,
.nav-primary li.level0 ul{
	background-color: #FFFFFF;
}
.cc_bg-beige,
.kuko_cart_message {
	background-color: #c9bfb1;
}
.cc_bg-beige2 {
	background-color: #E0C1AC;
}
.cc_bg-beige3 {
	background-color: #f7f4f0;
}
.cc_bg-grey1,
.icons_etc .remove_selection,
#ajax_filter_state > div {
	background-color: #f1f1f1;
}
.cc_bg-grey2,
.sidebar .block.block-progress,
#ajax_filter .filter-track {
	background-color: #f1f1f1;
}
.cc_bg-grey3 {
	background-color: #DDDDDD;
}
.cc_bg-grey4 {
	background-color: #f1f1f1;
}
.cc_bg-blue {
	background-color: #A4C5E6;
}
.cc_bg-light-mauve{
	background-color: #cbb1b5;
}
.cc_bg-light-grey{
	background-color: #c4c4c1;
}
.configurator-base ul.toptabs li,
.configurator-base ul.toptabs li.active_tab,
.cc_bg-light-grey2{
	background-color: #eeebe7;
}
.cc_bg-pinkish-grey{
	background-color: #c9bfb1;
}
.header-language-background {
	background-color: #DFDAD7;
}

/*
* Text colors
*/

html, body, a {
	color: #444444;
}
.kuko_global_message a{color: #ffffff;}

.cc_txt-white,
#header-functions-list a,
.account_menu .skip-account,
nav a.level0,
.opc .section .step-title .number,
.products-grid > li .icons_etc div.onsale,
.products-grid > li .icons_etc div.soldout {
	color: #ffffff;
}
.cc_txt-orange,
.side-navi > ul > li > a,
ul.lexikon_links li.active > a {
	color: #EA7B27;
}
.cc_txt-yellow {
	color: #FACB20;
}
.cc_txt-brown{
	color: #442F26;
}
li.subtab.active_tab,
.product-collateral .toggle-tabs li.current,
.product-collateral .toggle-tabs li,
.icons_etc .remove_selection,
.cc_txt-dark{
	color: #444444;
}
.cc_txt-green,
.availability.in-stock span.value {
	color: #649B35;
}
.cc_txt-red{
	color: #9f2c32;
}
.cc_txt-grey {
	color: #5E463D;
}
.cc_txt-lightgrey{
	color: #616161;
}
.nav_footer .cc_txt-l {
	color: #332819;
}
li.subtab{
	color: rgba(51, 40, 25, 0.3);
}
/*
* Borderlines
*/
.button2,
.darkbutton{
	border: 1px solid #332819;
	color: #444444;
}
.button:hover,
.darkbutton:hover{
	border: 1px solid #444444;
	background: #444444;
	color: #ffffff;
}
.configurator-base ul.toptabs li,
#config_preview_stage .dummyfield {
	border-bottom: 3px solid #eeebe7;
}
.configurator-base ul.toptabs li.active_tab {
	border-bottom: 3px solid #c9bfb1;
}
.button2:hover{
	background: #f5a623;
	color: #ffffff;
	border-color: #f5a623;
}
.btn-proceed-checkout{color: #ffffff;}
#header-nav .nav-primary > li.level0.active,
.cc_teaser .cc_teaser-border {
	border: 0px solid #FFFFFF;
}
.nav-primary li.level0 ul,
.category_teasers li .imgwrapper,
/*.product-img-box .product-image,*/
.product-image-thumbs a,
.kuko_cart_message {
	border: 1px solid #DDDCDA;
}
.dotted_top {
	border-top: 1px dashed #B4ABA7;
}
.toolbar {
	border-top: 1px dashed #372A22;
}
/*.footer .legal li {*/
	/*border-right: 1px solid #ffffff;*/
/*}*/
.footer .legal li::after {
    content: '|';
}
.cc_bg-white .cc_row [class*='cc_col-'],
.cc_bg-white .cc_row_wide [class*='cc_col-'] {
	border-color:#ffffff;
}
.cc_bg-grey1 .cc_row [class*='cc_col-'],
.cc_bg-grey1 .cc_row_wide [class*='cc_col-'] {
	border-color:#EFEBEA;
}
.cc_bg-grey2 .cc_row [class*='cc_col-'],
.cc_bg-grey2 .cc_row_wide [class*='cc_col-'] {
	border-color:#CDC6C3;
}
.cc_bg-beige .cc_row [class*='cc_col-'],
.cc_bg-beige .cc_row_wide [class*='cc_col-'] {
	border-color: #EEE0D5;
}
.configurator-base ul.subtabs {

}
.products-grid .cc_bg-yellow .price-box {
	border-right: 1px dashed #372A22;
}
.product-collateral .toggle-tabs {
	/* border-bottom: 2px solid #604438; */
	background: #eeebe7;
}
.toggletab-wrapper{
	background: #eeebe7;
	padding: 20px 0;
	margin-top: 70px;
}
.product-collateral .tab-container{
	background: #eeebe7;
}
.dialog {
	border: 5px solid #ffffff;
}
td.alphacube_content{
	border: 1px solid #ffffff;
}
/*.configurator-base ul.subtabs,
.configurator-base .tab-content .dotted .hme_config_option_container:nth-child(3n+1):after,
.configurator-base .configValidatorNoPreview .config_items_controls dd:nth-of-type(1),
.configurator-base .configValidatorNoPreview .config_items_controls dd:nth-of-type(2),
.full #preview_wrapper .preview-title {
	border-bottom: 1px dotted #442F26;
}
.configurator-base .tab-content .dotted .hme_config_option_container:nth-child(3n+2) {
	border-left: 1px dotted #442F26;
	border-right: 1px dotted #442F26;
}*/
.icons_etc .remove_selection {
	border: 0px solid #9f2c32;
}
#config_preview_stage .config_messages {
	border: 1px solid #000000;
}
#ajax_filter > li .filter_name{
	border: 1px solid #cacaca;
	border-right: none;
}
#ajax_filter > li:last-of-type{
	border-right: 1px solid #cacaca;
}
#ajax_filter > li .filter_values {
	border: 1px solid #cacaca;
	border-top: none;
}
#ajax_filter > li:hover .filter_name {
	border-bottom:none;
}

/*
* Background Images
*/
.header-minicart .skip-cart .icon{
	background-image:url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/warenkorb.png);
}
.footer .social_links a.fb {
	background-image:url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/facebook-icon.svg);
}
.footer .social_links a.fb:hover {
	background-image:url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/facebook-icon-hover.svg);
}
.footer .social_links a.insta {
	background-image:url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/instagram-icon.svg);
}
.footer .social_links a.insta:hover {
	background-image:url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/instagram-icon-hover.svg);
}
.footer .social_links a.gp {
	background-image:url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/btn_google+_dark_normal_ios@3x.png);
}
.footer .social_links a.pin {
	background-image:url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/pinterest-icon.svg);
}
.footer .social_links a.pin:hover {
	background-image:url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/pinterest-icon-hover.svg);
}
.footer .social_links a.yt {
	background-image:url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/YouTube-logo-full_color.png);
}
.footer .social_links a.wa {
	background-image:url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/WhatsApp_Logo_1.png);
}
.footer .social_links a.twit {
	background-image:url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/Twitter_Logo_Blue.png);
}
.footer .usp .service {
	background-image:url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/kundenservice-telefon.png);
}
.cc_icon-frost:after {
	background-image:url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/gekuehlter-versand.png);
}
.chocri_usp_widget .handgemacht {
	background-image:url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/handgemacht-icon.svg);
}
.chocri_usp_widget .individuell {
	background-image:url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/individuell-icon.svg);
}
.chocri_usp_widget .nachhaltig {
	background-image:url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/nachhaltig-icon.svg);
}
.chocri_usp_widget .kundenorientiert {
	background-image:url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/kundenorientiert-icon.svg);
}
#ajax_filter > li .filter_name:before {
	background-image:url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/pfeil.png);
	background-size: 20px auto;
}
#ajax_filter_state > div:before {
	background-image:url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/x.png);
}
.products-grid > li .icons_etc div.vegan {
	background-image:url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/vegan-badge.png);
}

/* cursors */
.cc_cur-pointer {
	cursor:pointer;
}
.headerLogoText{
	color: #FFFFFF;
	font-size: 0.92857em;
	text-decoration: none;
}
.nav-primary ul.level0 a{color: #353535;}
.kuko_global_message{color: #FFFFFF;}
/*
* shadowland
*/
.cc_shadow {
	-webkit-box-shadow: 0px 9px 15px -11px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 9px 15px -11px rgba(0,0,0,0.5);
	box-shadow: 0px 9px 15px -11px rgba(0,0,0,0.5);
}

/**
red footer
 */
.legal {
	background-color: #9f2c32;
}
.legal, .legal a {
	color: #ffffff;
}

/**
footer usp
 */
.usp_item {
	color: #332819;
}

/**
instagram
 */
.block-headline {
	color: #332819;
}

/**
home usp
 */
.home-usp {
	color: #81836a;
	background: url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/usp-background.svg);
	background-size: cover;
}

/**
footer social newsletter
 */
.newsletter button {
	background-color: #f1f1f1;
}

.col-main a span{
	color: #9f2c32 !important;
}
a.button.btn-cart span{color: #000000 !important;}
a.button.btn-cart:hover{text-decoration: none;}
/*
*
* @file: Typography Setup for Chocri.de
* @author: mis en scène by hankeme.de
* @contact: info@hankeme.de
*
*/

@font-face {
  font-family: OpenSans;
  font-style: normal;
  font-weight: 400;
  src: url('https://www.chocri.de/skin/frontend/hankeme/chocriV2/css/fonts/OpenSans-Regular.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('https://www.chocri.de/skin/frontend/hankeme/chocriV2/css/fonts/OpenSans-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
@font-face {
  font-family: OpenSans;
  font-style: normal;
  font-weight: 700;
  src: url('https://www.chocri.de/skin/frontend/hankeme/chocriV2/css/fonts/OpenSans-Bold.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('https://www.chocri.de/skin/frontend/hankeme/chocriV2/css/fonts/OpenSans-Bold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
@font-face {
  font-family: YanoneKaffeesatz;
  font-style: normal;
  font-weight: 400;
  src: url('https://www.chocri.de/skin/frontend/hankeme/chocriV2/css/fonts/YanoneKaffeesatz-Regular.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('https://www.chocri.de/skin/frontend/hankeme/chocriV2/css/fonts/YanoneKaffeesatz-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
font-family: 'GothamRoundedMedium';
font-style: normal;
font-weight: normal;
src: local('GothamRoundedMedium'), url('https://www.chocri.de/skin/frontend/hankeme/chocriV2/css/fonts/GothamRounded-Medium.woff') format('woff');
}
@font-face {
font-family: 'GothamRoundedBold';
font-style: normal;
font-weight: normal;
src: local('GothamRoundedBold'), url('https://www.chocri.de/skin/frontend/hankeme/chocriV2/css/fonts/GothamRounded-Bold.woff') format('woff');
}
@font-face {
font-family: 'GothamRoundedLight';
font-style: normal;
font-weight: normal;
src: local('GothamRoundedLight'), url('https://www.chocri.de/skin/frontend/hankeme/chocriV2/css/fonts/GothamRounded-Light.woff') format('woff');
}
@font-face {
font-family: 'GothamRoundedBook';
font-style: normal;
font-weight: normal;
src: local('GothamRoundedBook'), url('https://www.chocri.de/skin/frontend/hankeme/chocriV2/css/fonts/GothamRounded-Book.woff') format('woff');
}



body, html {
	font-family: 'GothamRoundedBook', sans-serif;
	/*font-size: 12px; <- 12px has been defined in styleguide, but all layouts use 14px*/
	font-size: 14px;
}
* {line-height:1.583333333em; text-rendering: optimizeSpeed;}

h1,
h2,
h3,
h4,
h5,
h6,
.kaffeesatz,
.block-layered-nav .block-content > dl > dt.block-subtitle--filter {
	font-family: 'GothamRoundedMedium', sans-serif; text-rendering: optimizeLegibility;
}
.cc_txt-maxi,
.cms-page-view.cms-blog .page-title h1 {/*font-size:42px;*/font-size:1.57em;}
h1,
.cc_txt-xxxxl{/*font-size:30px;*/font-size: 2.142857143em}
h2,
.cms-index-index h2,
.cc_txt-xxxl {/*font-size:26px;*/font-size: 1.571428em}
h3,
.cc_txt-xxl {/*font-size:24px;*/font-size: 1.714285714em}
h4,
.product-view .price-box .price,
.cc_txt-xl {/*font-size:22px;*/font-size: 1.571428571em}
h5,
.cc_txt-l,
ul.lexikon_links li,
.product-voucher .product-options > dl > dt > label,
.products-grid > li .icons_etc div.onsale
 {/*font-size:18px;*/font-size: 1.285714286em}
h6,
.cc_txt-m,
.nav-primary li.level0 > a,
.product-collateral > dl > dd.current,
.icons_etc .remove_selection,
.hme_config_option_container .hme_config_option_preview_data .hme_config_option_preview_data_price,
.product-cart-info h2,
.product-collateral .toggle-tabs li,
#checkout-review-table h3,
.tab-content h2, .tab-content h3,
.products-grid > li .icons_etc div {/*font-size:14px;*/font-size:1em;}

.block-layered-nav .block-content > dl > dt.block-subtitle--filter, #ajax_filter .filter_name{
    padding: 10px;
    font-size: 0.857em;
    font-family: GothamRoundedMedium;
}
.block-layered-nav ol{padding: 5px 0;}
.block-layered-nav ol li{
    font-size: 0.857em;
    font-family: GothamRoundedBook;
    padding: 3px;
}
.configurator-base .tab-content .hme_config_option_container .hme_config_option_preview_data_name,
.price-box .price-label,
.product-shop .short-description,
.cc_txt-s{font-size: 0.857em;}


.tab-content h2, .tab-content h3{margin: 20px 0;}

.product-name-wrap,
.product-view .product-name span {line-height:1.3em;}
.hme_pangv, .pp {line-height:1em;}

/*.nav-primary li.level0 > a */
.cc_txt-uc {text-transform: uppercase;}
.cc_txt-ls-wide {letter-spacing: 0.5px;}
.toptabs li.tab{font-family: GothamRoundedBold;}

.cc_txt-bold,
.helpline,
.store-switcher select#select-store,
/* .nav-primary li.level0 > a, */
/* .button.btn-cart, */
.icons_etc .remove_selection,
.side-navi > ul li.active > a,
ul.lexikon_links li.active > a,
.product-voucher .product-options > dl > dt > label,
.products-grid > li .icons_etc div {
	font-weight: bold;
}

.std ul.article-list li {
	font-style:normal;
}

.cc_txt-wide {
	letter-spacing: 0.5em;
}

h1.landingpage{
    font-size: 5em;
    letter-spacing: 0.06em;
}
#upsell-product-table .productname,
.product_list_front .productname,
.product-info .product-name{
    font-family: GothamRoundedBold;
    font-size: 1em;
    margin-top: 20px;
    letter-spacing: 0.5px;
    line-height: 1.43;
    color: #353535;
}
.product-info .producttype p,
.product_list_front .producttype p{
    font-family: GothamRoundedBook;
    font-size: 0.85714em;
    margin-top: 5px;
    letter-spacing: 0.5px;
    color: #616161;
    line-height: 1.43;
}
.producttype span.price, .product_list_front .price{
    font-size: 1em;
    font-family: GothamRoundedMedium;
}
.teaser-textbox{
    text-align: center;
    letter-spacing: 0.5px;
    line-height: 1.71;
}
.tt-normal{
    font-family: GothamRoundedBook;
    font-size: 1em;
}
.tt-bold{
    font-family: GothamRoundedBold;
    /* font-size: 1.142857em; */
}

/**
home usp
 */
.home-usp h2 {
    font-size: 22px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.9px;
}
.home-usp .text-content {
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.6px;
}
.home-usp .chocri_usp_widget {
    font-size: 16px;
    font-weight: bold;
}

@media only screen and (max-width: 480px) {
    .home-usp h2 {
        font-size: 20px;
    }
    .home-usp .text-content {
        font-size: 15px;
    }
    .home-usp .chocri_usp_widget {
        font-size: 15px;
    }
}

/**
footer social newsletter
 */
.social-row .cc_txt-xl {
    font-size: 14px;
    font-weight: bold;
    line-height: 2;
}
.newsletter .block-subscribe .input-box .button {
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
}
.newsletter .block-subscribe .input-box .button:hover{
    color: #444444;
}
/*
*
* @file: Layout Grid System for Chocri.de
* @author: mis en scène by hankeme.de
* @contact: info@hankeme.de
*
*/
    .cc_grid{
        width: 100%; 
        max-width: 1200px;      
    }

    /*-- clearfix hack --  
    .cc_row:before, 
    .cc_row:after,
    .cc_row_wide:before, 
    .cc_row_wide:after {
        content:"";
        display: table ;
        clear:both;
    }*/

    ul.cc_row, ul.cc_row_wide {
	margin: 0 auto !important;
	list-style: none !important;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	/*justify-content: space-around;*/
     }

    [class*='cc_col-'] {
        float: left; 
        min-height: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
        box-sizing: border-box;
	/*border-style: solid;
	border-color: transparent;*/
    }

    .cc_row [class*='cc_col-'] {
	margin-top:10px;
	margin-bottom:10px;
	margin-left: 0.85%;/*ex 0.85*/
	margin-right: 0.85%;
	/*border-width: 10px 10px 10px 10px;*/
    }

	/**
	nav footer
	 */
	.nav_footer.cc_row [class*='cc_col-'] {
		margin-top: 36px;
	}

    .cc_row_wide [class*='cc_col-'] {
	margin-top:10px;
	margin-bottom:10px;
	margin-left: 1.7%;/*ex 1.7*/
	margin-right: 1.7%;
	/*border-width: 20px 20px 20px 20px;*/
    }

    .cc_row > [class*='cc_bg-'],
    .cc_row_wide > [class*='cc_bg-'] {
	/*border-color: #ffffff;*/
    }
	/* width -2*0.85 */
    .cc_row .cc_col-1{ width: 6.63%;}
    .cc_row .cc_col-1-5{ width: 10.8%;}
    .cc_row .cc_col-2{ width: 14.96%;}
    .cc_row .cc_col-2-4{ width: 18.3%;}
    .cc_row .cc_col-3{ width: 23.3%;}
    .cc_row .cc_col-4{ width: 31.63%;}
    .cc_row .cc_col-5{ width: 39.96%;}
    .cc_row .cc_col-6{ width: 48.3%;}
    .cc_row .cc_col-7{ width: 56.63%;}
    .cc_row .cc_col-8{ width: 64.96%;}
    .cc_row .cc_col-9{ width: 73.3%;}
    .cc_row .cc_col-10{ width: 81.63%;}
    .cc_row .cc_col-11{ width: 89.96%;}
    .cc_row .cc_col-12{ width: 98.3%;}
	/* width -2*1.7 */
    .cc_row_wide .cc_col-1{ width: 4.93%;}
    .cc_row_wide .cc_col-2{ width: 13.26%;}
    .cc_row_wide .cc_col-2-4{ width: 16.6%;}
    .cc_row_wide .cc_col-3{ width: 21.6%;}
    .cc_row_wide .cc_col-4{ width: 31.93%;}
    .cc_row_wide .cc_col-5{ width: 28.06%;}
    .cc_row_wide .cc_col-6{ width: 46.6%;}
    .cc_row_wide .cc_col-7{ width: 54.93%;}
    .cc_row_wide .cc_col-8{ width: 63.26%;}
    .cc_row_wide.cc_row .cc_col-9{ width: 71.6%;}
    .cc_row_wide .cc_col-10{ width: 79.93%;}
    .cc_row_wide .cc_col-11{ width: 88.26%;}
    .cc_row_wide .cc_col-12{ width: 96.6%;}

	.category-products .cc_row_wide .cc_col-4{ width: 32.80%;}
	.cc_row_wide .cc_col-4.cc_teaser{ width: 29.93%;}
	.page.fanshop .category-products .cc_row_wide .cc_col-4{ width: 31.55%;}

@media all and (max-width:768px){
	.cc_row .cc_col-11:not(.cc_col_nobreaks),
	.cc_row .cc_col-10:not(.cc_col_nobreaks),
	.cc_row .cc_col-9:not(.cc_col_nobreaks),
	.cc_row .cc_col-8:not(.cc_col_nobreaks),
	.cc_row .cc_col-7:not(.cc_col_nobreaks),
	.cc_row .cc_col-6:not(.cc_col_nobreaks){ width: 98.3%;}

	.cc_row .cc_col-5:not(.cc_col_nobreaks),
	.cc_row .cc_col-4:not(.cc_col_nobreaks),
	.cc_row .cc_col-3:not(.cc_col_nobreaks),
	.cc_row .cc_col-2-4:not(.cc_col_nobreaks):nth-of-type(1),
	.cc_row .cc_col-2-4:not(.cc_col_nobreaks):nth-of-type(2) { width: 48.3%;}

	.cc_row .cc_col-2-4:not(.cc_col_nobreaks),
	.cc_row .cc_col-2:not(.cc_col_nobreaks),
	.cc_row .cc_col-1-5:not(.cc_col_nobreaks),
	.cc_row .cc_col-1:not(.cc_col_nobreaks) { width: 31.63%;}

	.cc_row_wide .cc_col-11:not(.cc_col_nobreaks),
	.cc_row_wide .cc_col-10:not(.cc_col_nobreaks),
	.cc_row_wide .cc_col-9:not(.cc_col_nobreaks),
	.cc_row_wide .cc_col-8:not(.cc_col_nobreaks),
	.cc_row_wide .cc_col-7:not(.cc_col_nobreaks),
	.cc_row_wide .cc_col-6:not(.cc_col_nobreaks){ width: 96.6%;}

	.cc_row_wide .cc_col-5:not(.cc_col_nobreaks),
	.cc_row_wide .cc_col-4:not(.cc_col_nobreaks),
	.cc_row_wide .cc_col-3:not(.cc_col_nobreaks),
	.cc_row_wide .cc_col-2-4:not(.cc_col_nobreaks):nth-of-type(1),
	.cc_row_wide .cc_col-2-4:not(.cc_col_nobreaks):nth-of-type(2) { width: 46.6%;}

	.cc_row_wide .cc_col-2-4:not(.cc_col_nobreaks),
	.cc_row_wide .cc_col-2:not(.cc_col_nobreaks),
	.cc_row_wide .cc_col-1:not(.cc_col_nobreaks) { width: 29.93%;}
    }
@media only screen and (max-width: 480px) {
	.cc_row .cc_col-5:not(.cc_col_nobreaks),
	.cc_row .cc_col-4:not(.cc_col_nobreaks),
	.cc_row .cc_col-3:not(.cc_col_nobreaks) { width: 98.3%;}

	.cc_row .cc_col-2-4:not(.cc_col_nobreaks),
	.cc_row .cc_col-2:not(.cc_col_nobreaks),
	.cc_row .cc_col-1-5:not(.cc_col_nobreaks),
	.cc_row .cc_col-1:not(.cc_col_nobreaks) { width: 48.3%;}

	.cc_row_wide .cc_col-5:not(.cc_col_nobreaks),
	.cc_row_wide .cc_col-4:not(.cc_col_nobreaks),
	.cc_row_wide .cc_col-3:not(.cc_col_nobreaks){ width: 96.6%;}

	.cc_row_wide .cc_col-2-4:not(.cc_col_nobreaks),
	.cc_row_wide .cc_col-2:not(.cc_col_nobreaks),
	.cc_row_wide .cc_col-1:not(.cc_col_nobreaks) { width: 46.6%;}
}

/*
*
* @file: Responsive Behaviour for Chocri.de
* @author: mis en scène by hankeme.de
* @contact: info@hankeme.de
* @note: mobile layout has originally been designed for 640px width. but as the desired 1180px full page layout tends to get jazzy at 1024px already AND there are mobile devices around with a larger screen width than 640px we decided to set breakpoints as follows:

@media only screen and (max-width: 1180px)
 -> slight tuning for smaller desktops
@media only screen and (max-width: 1024px)
 > additional tuning for tablets (landscape)
@media only screen and (max-width: 768px)
 -> mobile layout
*/
@media only screen and (max-width: 768px) {
	/* general */
	.page > div, .page > header {
		padding-left:10px !important;
		padding-right:10px !important;
	}

}
@media only screen and (max-width: 1180px) and (min-width: 1025px) {
	/*slight tuning for smaller desktops*/
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
	/*additional tuning for tablets (landscape)*/
	/* navigation */
	.nav-primary li.level0 > a {
		padding:0 5%;
		font-size:0.8em;
	}
	.header-minicart span,
	.account_menu span,
	.nivo-caption {
		font-size:0.8em;
	}
	/* catalog */
	.cc_teaser .cc_teaser-inner {
		font-size:0.9em;
	}
	/* configurator */
	.configurator-base ul.toptabs {
		width: 100%;
		display:table;
		margin: 10px 0 0;
	}
	.configurator-base ul.toptabs li {
		border-radius: 0;
		display:table-cell !important;
		position:relative;
		font-size:0.9em !important;
		/*border-right:none;
		padding: 0.5em 2em;
		overflow-y: hidden;*/
	}
	.hme_config_option_container .hme_config_option_preview_data {
		font-size:0.8em !important;
	}
}
.continue-configurator{display:none;}
@media only screen and (min-width: 769px) {
	/* everything not mobile*/
	.cc_d-mobile {
		display:none !important
	}
	/* sticky menu */
	.sticky {
		position:fixed;
		top:0;
		left:0;
		right:0;
		z-index:500;
	}
	.page-header.sticky {
		position: sticky; /*for all you ios9 ipad dudes*/
	}
	.page-header:not(.sticky) {
		-webkit-translateZ(0); /*for all you ios9 ipad dudes*/
	}
	.header-minicart.sticky {
		left:auto;
		right:10px;
		z-index:501;
	}
	.sticky .logo, .sticky .logo img {
		max-height:55px;
	}
	.products-grid > li:nth-of-type(3n+2),
	.hme_config_option_container:nth-of-type(3n+2) {
		border-right: 0px dashed #B4ABA7;
		border-left: 0px dashed #B4ABA7;
	}
	.hme_config_option_container.hme-config-enabled,
	.hme_config_option_container.hme-config-disabled {
		border-right: none;
		border-left: none;
	}
	#hankeme_cookiepolicy_optout_info {
		width: 275px;
		border: 1px solid #cccccc;
		right: 10px;
		bottom: 50px;
		text-align: justify;
	}
}
@media only screen and (max-width: 768px) {
	.kuko_global_message{display: none;}

 	/*mobile layout*/
	.cc_d-desktop {
		display:none !important
	}
	/* header and menu */
	.header-language-background,
	.page-header {
		padding: 5px 15px;
	}
	.page-header-container{
		position:relative;
	}
	.logo, .sticky .logo, .logo img, .sticky .logo img {
    		margin: 0 auto;
    		max-width: 100%;
		max-height:none;
    		position: static;
    		width: auto;
	}
	.skip-links {
		position:absolute;
		right:0;
		bottom:5px;
	}
	.header-minicart .skip-cart {
		display:block;
		margin-top:-5px;
	}
	.header-minicart .skip-cart .icon {
		height:30px; width:60px; position:static; margin-top:0;
	}
	.header-minicart .skip-cart .count {
		font-weight:bold;
	}
	.header-minicart .skip-cart:hover {
		text-decoration:none;
	}
	.header-minicart.sticky .skip-cart {
		padding: 5px 10px;
	}
	.header-minicart.sticky .skip-cart .icon {
		height:20px; width:60px;
	}
	.skip-links .skip-nav {
		display:block;
		position: relative;
		width: auto !important;
		margin: 0 0 14px 0;
	}
	/*.skip-links .skip-nav:after,*/
	/*.skip-links .skip-nav:before {*/
		/*content: '';*/
		/*left: 0;*/
		/*right: 0;*/
		/*height:4px;*/
		/*border-radius: 2px;*/
		/*background: #ffffff;*/
		/*position: absolute;*/
	/*}*/
	/*.skip-links .skip-nav:before {*/
		/*bottom: -5px;*/
	/*}*/
	/*.skip-links .skip-nav:after {*/
		/*bottom: -14px;*/
	/*}*/
	#header-nav {
		margin:0; 
		padding:0; 
		position: absolute; 
		right:0;
		z-index:1000;
		background: #ffffff;
	}
	#header-nav nav a.level0 {
		color: #372A22; position:relative;
	}
	#header-nav .nav-primary > li.level0 {
		width:100%; clear:both; margin: 0; border-bottom: 1px dashed #B4ABA7; 
	}
	#header-nav .nav-primary li.level1 {
		display:block;
		width:auto;
		text-align:left;
	}
	#header-nav .nav-primary li.level1 a,
	#header-nav .nav-primary li.level1 a span {
		display: inline;
		height: auto;
	}
	#header-nav .nav-primary > li.level0:hover {
		background-color: transparent;
		text-decoration: none;
	}
	#header-nav .nav-primary li.level0 ul {
		position:static;
		border: none;
		background-color: #f7f4f0;
	}
	/*#header-nav .nav-primary > li.level0 > a {*/
		/*padding: 0 50px 0 5px;*/
	/*}*/
	/*#header-nav .nav-primary li.parent > a:after {*/
		/*content: '';*/
		/*position: absolute;*/
		/*width: 30px;*/
		/*height: 15px;*/
		/*background-position: center center;*/
		/*background-repeat:no-repeat;*/
		/*background-image: url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/pfeil.png);*/
		/*background-size: contain;*/
		/*display: block;*/
		/*top: 50%;*/
		/*right: 10px;*/
		/*margin-top: -5px;*/
	/*}*/
	#header-search {
		position:static;
		margin-top:-30px;
		width:20%;
	}

	/* footer */
	.footer .service {
		height:68px;
		background-position: 10px 0;
		position:relative;
		text-align:left;
	}
	.footer .service strong {
		font-size: 1.2em;
	}
	.footer .service:after {
		content:'';
		position: absolute;
		left:-10px; right:-10px; bottom:-10px;
		border-bottom: 1px dashed #B4ABA7;
	}
	.footer .cc_row.usp .cc_col-3 {
		width:31.63%;
	}
	.footer .payment_methods > .cc_col-2 {
		width:98.3%;
		text-align: center;
	}
	.footer .payment_methods li li {
		/*height:50px;
		font-size:0;
		background-position: center center;
		background-size: contain;*/
	}
	.footer .nav_footer {position:relative;}
	.footer .nav_footer .cc_col-2-4:not(.cc_col_nobreaks):nth-of-type(2) {position: absolute; right:0; top:0;}
	.footer .nav_footer .cc_col-2-4:not(.cc_col_nobreaks):nth-of-type(4) {clear:left;}
	.footer .nav_footer .cc_col-2-4:not(.cc_col_nobreaks) {width:31.63%}

	/* catalog */
	.cc_teaser .cc_teaser-inner {
		font-size:0.8em;
	}
	.catalog-category-view .col-left-first .block-layered-nav,
	.catalog-category-view .mobilefloat {
		float:left; 
	}
	.catalog-category-view .mobilefloat {
		position:relative;
	}
	#dynamicreplace {
		clear:both;
	}
	.block, .col-left-first {
		margin-bottom: 0;
	}
	.block-layered-nav {
		border:none !important;
	}
	.block-layered-nav .block-content > dl > dt,
	.catalog-category-view .mobilefloat .filter-subtitle {
		border-radius:5px;
		border: 1px solid #442f26;
		background: #ffffff;
		color: #442f26;
		font-weight:normal;
		padding: 5px 40px 5px 5px;
		position: relative;
		margin: 0 10px 0 0;
		cursor: pointer;
		text-transform:none;
	}
	.block-layered-nav .block-content > dl > dt:after,
	.catalog-category-view .mobilefloat .filter-subtitle:after {
		background-position: center center;
    		background-repeat: no-repeat;
		background-image: url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/pfeil.png);
    		background-size: contain;
    		bottom: 0;
    		content: "";
    		position: absolute;
    		right: 10px;
    		top: 0;
    		width: 20px;
	}
	.block-layered-nav .block-content > dl > dt:before,
	.catalog-category-view .mobilefloat .filter-subtitle:before {
		border:none;
	}
	.block-layered-nav .block-content > dl > dt.active:before,
	.catalog-category-view .mobilefloat .filter-subtitle.active:before {
    		bottom: 0;
    		content: "";
    		position: absolute;
    		bottom: 0;
		left:0;
    		height: 8px;
		background-color: #ffffff;
		z-index: 60;
    		width: 100%;
    		top: auto;
	}
	.block-layered-nav .block-content > dl > dt.block-subtitle--filter {
		font-size:1em;
		font-family: 'OpenSans', sans-serif;

		border-radius: 5px;
		border: 1px solid #442f26;
		background: #ffffff;
		color: #442f26;
		font-weight: normal;
		padding: 5px 40px 5px 5px;
		position: relative;
		margin: 0 10px 0 0;
		cursor: pointer;
		text-transform: none;
	}
	.block-layered-nav .block-content > dl > dd,
	.catalog-category-view .mobilefloat .filter-subtitle.active + #ajax_filter {
		border: 1px solid #442f26;
		border-radius: 5px;
		left: 0;
		margin-top: -5px;
		padding: 10px;
		position: absolute;
		z-index: 10;
		background-color: #ffffff;
	}
	.catalog-category-view .mobilefloat .filter-subtitle + #ajax_filter {
		display:none;
	}
	.catalog-category-view .mobilefloat .filter-subtitle.active + #ajax_filter {
		display:block;
	}
	.catalog-category-view .mobilefloat .filter-subtitle.active + #ajax_filter li {
		float:none;
		margin:0;
	}
	.catalog-category-view .mobilefloat .filter-subtitle.active + #ajax_filter li .filter_name {
		border: none;
		font-weight:bold;
	}
	.catalog-category-view .mobilefloat .filter-subtitle.active + #ajax_filter li .filter_name:before,
	.catalog-category-view .mobilefloat .filter-subtitle.active + #ajax_filter li .filter_name:after {
		display:none;
	}
	.catalog-category-view .mobilefloat .filter-subtitle.active + #ajax_filter li .filter_values {
		display:block;
		position:static;
		border:none;
	}
	.block-layered-nav .block-content > dl > dd a {
		color: #412b20;
	}
	.products-grid > li:nth-child(odd),
	.hme_config_option_container:nth-child(odd) {
		border-right: 1px dashed #B4ABA7;
	}
	.hme_config_option_container.cc_col-4 {
		width:50% !important;
	}
	.hme_config_option_container.cc_col-6 {
		width:100% !important;
	}

	/*product detail*/
	.product-view .product-img-box,
	.product-view .product-shop {
		width:100%;
		clear:both;
	}
	.product-view .product-img-box .product-name h1 {
		margin:10px;
		text-align:center;
	}
	.product-view .product-shop .price-info,
	.product-view .product-shop .short-description,
	.product-view .product-shop .add-to-cart,
	.product-view .product-shop .availability {
		text-align:left;
	}
	.product-view .product-collateral {
		padding: 0 6.78%;
	}
	.product-collateral > dl > dt {
		font-weight:bold;
		font-size: 1.4em;
		color: #444444;
	}
	.product-collateral > dl > dt > span:after {
		content: '';
		display:inline-block;
		width:1em;
		height:1em;
		background-image: url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/pfeil.png);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: contain;
		margin: 0 0 0 5px;
	}

	/* configurator   triggeredsticky */
	.product-view.configurator-view .product-essential .product-shop:not(.full) {
		position:fixed;
		bottom:-70px;/*-height -margin-bottom*/
		height:10px;
		left:0;
		width:100%;
		float: none;
		padding:0;
		background-color: #dfdad7;
		z-index: 1000;
	}
	#hankeme_cookiepolicy_optout_info {
		z-index: 1002; /* o_O  */
	}
	.product-view.configurator-view .product-essential .triggeredsticky:not(.full) {
		bottom:0;
		height: auto;

	}
	#configurator_sticky_on_mobile:not(.full) #preview_wrapper .preview-title {
		position:absolute;
		top:-62px;
		padding:20px 0;
		width:100%;
		background-color: #dfdad7;
		cursor:pointer;
	}
	.product-view.configurator-view .product-essential .triggeredsticky:not(.full) + .configurator-wrapper + .product-shop {
		bottom:0;
		height:60px;
		margin-bottom:0 !important;
	}
	.product-view.configurator-view .config_items_w_preview .cc_row .cc_col-6 {
		width:48.3% !important;
	}
	#configurator_sticky_on_mobile:not(.full) {
		margin-bottom: 60px;
		z-index: 1001;
	}
	#preview_wrapper {
		text-align:center;
	}
	#configurator_sticky_on_mobile:not(.full) > .price-info {
		float:left;
		margin: 0 0 -60px 0;
		box-sizing: border-box;
    		padding: 0 1%;
	}
	#configurator_sticky_on_mobile:not(.full) > .price-info .price-box {
		margin:0;
	}
	#configurator_sticky_on_mobile.full > .price-info {
		text-align: right !important;
	}

	.product-view.configurator-view .product-shop .add-to-cart {
		float:right;
		margin:0;
		text-align: right !important;
		height: 60px;
		box-sizing: border-box;
    		padding: 0 1% 1%;
	}
	.product-view.configurator-view .product-shop:not(.full) .product-essential .add-to-cart .qty-wrapper,
	.product-view.configurator-view .product-shop:not(.full) .product-essential .add-to-cart-buttons .button {
		margin-bottom:0;
	}
		
	.product-view #configurator_sticky_on_mobile:not(.full) ~ .product-shop .add-to-cart .qty-wrapper,
	.product-view #configurator_sticky_on_mobile:not(.full) ~ .product-shop .add-to-cart-buttons  {
		float:left;
	}
	/*#configurator_sticky_on_mobile:not(.full) #preview_wrapper .preview-title,*/
	#configurator_sticky_on_mobile:not(.full) > .price-info .price-label {
		display: none;
	}
	#configurator_sticky_on_mobile:not(.triggeredsticky) ~ .product-shop {
		bottom: 30px;
		height: 25px;
		left: auto;
		right: 10px;
		width: 135px;
		z-index:1001;
		margin-bottom:0 !important;
		overflow: visible;
	} 
	#configurator_sticky_on_mobile:not(.triggeredsticky) ~ .product-shop #configurator_purchase span span {
		display:none;
	}
	#configurator_sticky_on_mobile:not(.triggeredsticky) ~ .product-shop #configurator_purchase {
		background-image: url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/warenkorb.png);
		height: 45px;
		width: 50px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 60%;
		min-width: 50px;
	}
	#configurator_sticky_on_mobile:not(.triggeredsticky) > .price-info {
	
	}
	#configurator_sticky_on_mobile:not(.triggeredsticky) ~ .product-shop #configurator_purchase:disabled {
		cursor: not-allowed;
	}
	#preview_wrapper #config_preview {
		display: table;
		width:100%;
		margin-bottom:0;
	}
	#preview_wrapper #config_preview_stage {
		display: table-row;
	}
	#preview_wrapper #config_preview_stage > div {
		display: table-cell;
		width: 33.33%;
		max-width: 33.33%;
		min-height:none;
	}
	#preview_wrapper #config_preview_stage > div.configQtyWidget {
		max-width: 50%;
		min-width:40%;
	}
	#preview_wrapper #config_preview_stage .dummyfield,
	#preview_wrapper #config_preview_stage .configQtyWidget .hme_config_option_preview_data {
		margin: 5px;
		width:25px;
		height:35px
	}
	#preview_wrapper #config_preview_stage .config_messages {
		margin:1%;
		padding:1%;
		font-size:0.9em;
	}
	#preview_wrapper #config_preview_stage .hme_config_option_preview_data .hme_config_option_preview_data_name {
		display: none;
	}
	.full .preview #config_preview_details {
		float:none !important;
		width:100% !important;
	}
	.full #preview_wrapper #config_preview_details dd {
		text-align:center !important;
	}
	#configurator_sticky_on_mobile:not(.full) #preview_wrapper #config_preview_details dt, 
	#configurator_sticky_on_mobile:not(.full) #preview_wrapper #config_preview_details dd {
		width:100%;
		padding: 0 1%;
	}
	#configurator_sticky_on_mobile:not(.full) #preview_wrapper #config_preview_details dt {
		text-align:left;
	}
	#preview_wrapper #config_preview_details dt.detail_header {
		text-align:center;
		width:100%
	}
	#preview_wrapper #config_preview_details dd {
		text-align:left;
	}
	#preview_wrapper #config_preview_stage div:not(.configQtyWidget) .hme_config_option_preview_data:last-of-type .hme_config_option_preview_data_image {
		float:none;
		max-width:40%;
		margin:0 auto;
	}
	.configurator-base ul.toptabs {
		width: 100%;
		display:table;
		margin: 10px 0 0;
	}
	.configurator-base ul.toptabs li {
		border-radius: 0;
		display:table-cell !important;
		position:relative;
		/*border-right:none;
		padding: 0.5em 2em;
		overflow-y: hidden;*/
	}
	.configValidatorNoPreview .config_items_controls,
	.configValidatorNoPreview .config_items_designer {
		width:100% !important;
		padding: 0 !important;
	}
	.configValidatorNoPreview .config_items_controls dl {
		float:right;
		width:32%;
		padding:1%;
	}
	.configValidatorNoPreview .config_items_controls dt,
	.configValidatorNoPreview .config_items_controls dd {
		float:none !important;
		font-size:1.1em !important;
		padding:0 !important;
	}
	.configValidatorNoPreview .config_items_controls dd .button.cc_rounded.cc_bg-yellow {
		float:left !important;
	}
	.configValidatorNoPreview .config_items_controls dl:last-of-type {
		float:right;
		clear:both;
	}
	/*.configurator-base ul.toptabs li:after {
		content: '';
		border-right:1px solid #372a22;
		border-top:1px solid #372a22;
		height:2em;
		width: 2em;
		display:block;
		position:absolute;
		top: 0;
		right: -1em;
		z-index: 5;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}*/
	/* cart */
	#greetingcard_widget {
		clear:both;
	}
	#greetingcard_widget .cart-forms {
		float:none;
		width:100%;
	}

	/* hide stuff */
	.header-language-background .header-language-container > div > small,
	.header-language-background .store-language-container,
	.header-language-background .account_menu,
	.header-language-background .header-minicart .label,
	#header-nav nav a.level1 img,
	.product-view .product-img-box .more-viewsXXX {
		display: none;
	}

}
.catalog-product-view.product-schokolade-selber-machen .continue-configurator{display:block !important;}
.catalog-product-view.product-schokolade-selber-machen .continue-normal{display:none !important;}
.catalog-product-view.product-schokolade-selber-machen .alphacube_message{text-align: center;}

@media only screen and (min-width: 769px) and (max-width: 1180px) {
	#hankeme_cookiepolicy_optout_info {
		bottom: 90px;
	}
}
@media only screen and (min-width: 769px) and (max-width: 1020px) {
	#configurator_sticky_on_mobile {
		margin-top: 87px;
	}
}
@media only screen and (max-width: 600px) {
	/* font size adaptions for in between sizes */
	/* catalog */
	.cc_teaser .cc_teaser-inner {
		font-size:0.7em;
	}
	.nav_footer {
		font-size:0.8em;
	}
	/*configurator*/
	.hme_config_option_container .config_items_controls .cc_col-3.cc_col_nobreaks {
		width:98.3% !important;
	}
	.hme_config_option_container .config_items_controls .cc_col-3.cc_col_nobreaks dl {
		display:block;
		width:100%;
	}
	.hme_config_option_container .config_items_controls .cc_col-3.cc_col_nobreaks dd {
		display:none;
		padding:10px;
		text-align:center;
	}
	.hme_config_option_container .config_items_controls .cc_col-3.cc_col_nobreaks dt {
		font-weight:bold;
		font-size:1.6em;
		border-bottom: 1px dashed #b4aba7;
	}
	.hme_config_option_container .config_items_controls .cc_col-3.cc_col_nobreaks dt.activeoption + dd {
		display:block;
	}
	.hme_config_option_container .config_items_controls .cc_col-3.cc_col_nobreaks:last-of-type dd {
		display:block; !important;
	}
	.hme_config_option_container .config_items_controls .cc_col-3 .colorpicker,
	.hme_config_option_container .config_items_controls .cc_col-3 .colorpicker svg {
		max-width:100%;
	}
	.config_items_controls .button {
		white-space: normal !important;
		font-size: 0.8em;
		padding: 2px;
	}

	.configurator-base .tab-content .hme_config_option_container .hme_config_option_preview_data_name,
	.configurator-base .toptabs li {
		font-size:1em;
	}
	
	/*vouchers*/
	.product-voucher .product-options > div, .product-voucher .product-options > dl {
		width:100%;
		float:none;
	}
}
@media only screen and (min-width: 481px) {
	.footer .payment_methods > li li {
		margin:0;
	}
}
@media only screen and (max-width: 480px) {
	/* adaptions for xs screens*/

	.chocri_usp_widget li {
		font-size:0.8em;
	}

	/* footer */
	.footer .service,
	.footer .cc_row.usp .cc_col-3:last-of-type {
		width:98.3% !important;
	}
	.footer .nav_footer .cc_col-2-4:not(.cc_col_nobreaks) {clear:left;}
	.footer .nav_footer .cc_col-2-4:not(.cc_col_nobreaks),
	.footer .cc_row.usp .cc_col-3 {width:48.3%}


	.cc_teaser .cc_teaser-inner {
		font-size:0.6em;
	}

	/* catalog */
	.products-grid > li:nth-child(odd),
	.hme_config_option_container:nth-child(3n+2) {
		border-right: none;
	}
	.hme_config_option_container {
		width:100% !important;
	}
	/* configurator */
	.tab-content .config_items_w_preview, .tab-content .config_step_preview {
		width:100% !important;
	}
	.hme_config_option_container .config_items_controls .cc_col-3.cc_col_nobreaks {
		width:31.3% !important;
	}
	.configurator-base .subtabs li {
		font-size:1em;
	}

	/*checkout*/
	#checkoutSteps .fieldset {
		padding: 0 0 15px 0;
	}
	#checkoutSteps .step p.required {
		bottom:0;
	}
	#checkoutSteps .input-box,
	.form-list .field {
		width:100%;
	}
	#checkout-payment-method-load select {
		width: auto;
	}
	#checkout-review-submit .btn-checkout {
		margin-bottom:40px;
	}

	/*hide stuff*/
	.header-language-container > div.helpline,
	.footer .payment_methods li li span,
	.cc_teaser .cc_teaser-inner p {
		display:none;
	}

}
@media only screen and (max-width: 400px) {
	#configurator_sticky_on_mobile:not(.full) #preview_wrapper .preview-title {
		text-align:left; padding-left:10px;
	}
	.product-view .price-box .price {
		font-size:1.4em;
	}
	#configurator_sticky_on_mobile:not(.full) > .price-info {
		font-size:0.8em;
		margin:0;
	}
	#configurator_sticky_on_mobile:not(.full) > .price-info > .price-box,
	#configurator_sticky_on_mobile:not(.full) > .price-info > .pp {
		display:inline-block;
	}
	#configurator_sticky_on_mobile:not(.full) > .price-info > .price-box > span.price {
		display:none;
	}

	.alphacube_message .darkbutton.continue{margin-right: 0; margin-bottom: 20px; display: block;}
	.alphacube_message .button.btn-cart.checkout{display: block; max-width: none;}
}

/**
nav footer
 */
@media only screen and (max-width: 480px) {
	.footer .nav_footer {
		display: flex;
		flex-flow: row wrap;
	}
	.footer .nav_footer .cc_col-2-4:not(.cc_col_nobreaks):nth-of-type(2) {
		position: relative;
	}
	.footer .nav_footer .cc_col-2-4:not(.cc_col_nobreaks) {
		width: 100%;
		margin-left: 20px;
	}
}

/**
instagram
 */
#instafeed_base_mobile {
	display: none;
}
@media only screen and (max-width: 480px) {
	#instafeed_base_mobile {
		display: block;
	}
	#instafeed_base {
		display: none;
	}
}

/**
header menu
 */
.header-minicart-mobile {
	display: none;
}
@media only screen and (max-width: 768px) {
	.skip-links {
		position:static;
		right:unset;
		bottom:unset;
		width: 33.33%;
		float: left;
		margin-top: 22px;
		padding-left: 40px;
	}
	.skip-links .skip-nav {
		display:unset;
		position: relative;
		width: unset;
		margin: unset;
	}
	.headerLogoText {
		display: none;
	}
	.logo .large {
		display: block;
	}
	.header-logo {
		position: relative;
		width: 33.33%;
		float: left;
		left: unset;
		margin-left: unset;
		text-align: center;
	}
	.header-functions {
		display: none;
	}
	.header-minicart-mobile {
		display: block;
		float: right;
		width: 33.33%;
		text-align: center;
		margin-top: 20px;
	}
	.header-minicart-mobile img {
		height: 20px;
	}
	.header-minicart-mobile .icon-search{
		margin-right: 10px;
	}
	.header-minicart-mobile .icon-search,
	.header-minicart-mobile .icon-cart {
		width: auto;
		height: auto;
	}
	.page-header-container {
		height: 68px;
	}
	#header-nav {
		top: 68px;
		background-color: #f7f4f0;
		text-align: center;
	}
	#header-nav nav a.level0, #header-nav .nav-primary li.level1 a, #header-nav .nav-primary li.level1 a span {
		color: #9f2c32;
	}
	#header-nav nav a.level0 {
		font-size: 24px;
		font-weight: 700;
	}
	#header-nav .nav-primary li.level1 a, #header-nav .nav-primary li.level1 a span {
		font-size: 18px;
		font-weight: 500;
	}
	.nav-primary li.level0:hover > div.submenu-spacer {
		width: unset;
		padding-top: unset;
		margin-left: unset;
	}
	#header-nav .nav-primary li.level1 {
		text-align: center;
	}
	#header-nav .nav-primary > li.level0 {
		border: none;
	}
	.icon-cart .cart-count {
		top: -2px;
		left: 12px;
	}
	.nav-primary li.level0 li {
		padding: 0;
	}
	.page-header {
		padding: 0px 0;
	}
	.page > header.page-header {
		padding-left: unset !important;
		padding-right: unset !important;
	}
}
/*
*
* @file: Cleaned up Magento Default Styles for Chocri.de
* @author: mis en scène by hankeme.de
* @contact: info@hankeme.de
*
*/


/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Removes default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 * 1. make table layout predictable
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  /* 1 */
}

/* ============================================ *
 * Reset
 * ============================================ */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* Prevent tap highlight on iOS/Android */
  -webkit-text-size-adjust: 100%;
  /* Prevent automatic scaling on iOS */
}

body {
  background: #FFFFFF;
  color: #000000;
  line-height: 1;
}

html,
body,
img,
fieldset,
abbr,
acronym {
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

th,
code,
cite,
caption {
  font-weight: normal;
  font-style: normal;
  text-align: left;
}

address {
  font-style: normal;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

img {
  display: inline-block;
  width: auto;
  height: auto;
  max-width:100%;
}

ol,
ul {
  list-style: none;
}

q:before,
q:after {
  content: '';
}

input:focus,
input[type="search"]:focus {
  outline-offset: -2px;
}

input[type="search"] {
  -webkit-appearance: none;
  /* 1 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* 2 */
  box-sizing: border-box;
}

/* ============================================ *
 * Base Styles
 * ============================================ */
@-ms-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}
.async_img {
	background: url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/opc-ajax-loader.gif) 50% no-repeat;
	min-height: 30px;
	background-size: contain;
}
a, button {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

body,
button,
input,
select,
table,
textarea {
  
  
  line-height: 1.5;
}

a {

  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:focus {
  outline-color: #3091c2;
  color: #143d52;
}

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


/* ============================================ *
 * Shared Classes
 * ============================================ */
.address-list address {
  margin-bottom: 1em;
}

.availability {
  margin-bottom: 0;
  

}

.availability .label {
  display: none;
}

.availability.in-stock {

}

.availability.available-soon,
.availability.out-of-stock {
  color: red;
}

.availability-only {
  color: red;
  margin-bottom: 10px;
}

/* -------------------------------------------- *
 * Page Titles
 */
.page-title h1,
.page-title h2,
.product-name h1,
.product-name .h1 {
}

/* -------------------------------------------- *
 * Block Module
 */
.block,
.col-left-first {
  margin-bottom: 20px;
}

.col-left-first .block:last-of-type {
  margin-bottom: 0;
}

.block-title {
  position: relative;
  padding: 10px 0 0;
  margin-bottom: 5px;
  border-top: 1px solid #cccccc;
}
.block-title h2,
.block-title h3,
.block-title strong {
  margin: 0;
  margin-bottom: 10px;
  
  
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;


  margin-bottom: 0;

  font-weight: 600;
}
.block-title small {
  font-size: 100%;
  font-weight: normal;
  color: #a0a0a0;
}

body:not(.customer-account) .block:first-child .block-title {
  border-top: none;
  padding-top: 0;
}

.block-subtitle {
  font-weight: bold;
  margin-bottom: 7px;
}
.block-subtitle--filter{display:none;}

.block-content {
}

.block-content.unpad {
  padding: 0;
}

.block-content li.item {
  margin: 0 0 10px 9px;
}

.block-content li.item:last-child {
  margin-bottom: 0;
}

.block .actions {
  margin: 10px 0 0;
}
.block .actions:after {
  content: '';
  display: table;
  clear: both;
}
.block .actions a {
  float: left;
}
.block .actions .button {
  float: right;
}

.col-left .block .actions .button ~ a,
.col-right .block .actions .button ~ a {
  line-height: 33px;
  margin-right: 5px;
}

@media only screen and (max-width: 768px) {
  .sidebar .block:not(.block-layered-nav) {
    margin-bottom: 0;
  }
  .sidebar .block:not(.block-layered-nav) .block-title {
    padding: 0;
    margin-top: 0;
    border-bottom: none;
    border-top: none;
    margin-bottom: 0;
  }
  .sidebar .block:not(.block-layered-nav) .block-title > strong {
    margin: 0;
    margin-bottom: 10px;
    
    
    font-weight: bold;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
  
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    position: relative;
    background-color: #f4f4f4;
    display: block;
    width: 100%;
    cursor: pointer;
    border-bottom: 0;
  }
  .sidebar .block:not(.block-layered-nav) .block-title > strong:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #b2c900;
    border-right: none;
    left: 10px;
    top: 50%;
    margin-top: -3px;
  }
  .sidebar .block:not(.block-layered-nav) .block-title.active > strong {
    margin: 0;
    margin-bottom: 10px;
    
    
    font-weight: bold;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
  
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    position: relative;
    background-color: #f4f4f4;
  }
  .sidebar .block:not(.block-layered-nav) .block-title.active > strong:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #b2c900;
    border-bottom: none;
    left: 10px;
    top: 50%;
    margin-top: -3px;
  }
  .sidebar .block:not(.block-layered-nav) .block-content {
    padding: 10px;
    margin-top: 0;
    border-width: 0 1px;
    border-style: solid;
    border-color: #cccccc;
  }
  .sidebar .block:last-of-type {
    border-bottom: 1px solid #cccccc;
  }

  .sidebar .block-account .block-title > strong span:after,
  .sidebar .block-cms-menu .block-title > strong span:after {
    content: ' Menu';
  }
}
/* -------------------------------------------- *
 * Secondary Navigation
 */
.block-account .block-title,
.block-cms-menu .block-title {
  padding-top: 0;
  border-top: none;
}
.block-account li,
.block-cms-menu li {

  margin: 7px 0;
}
.block-account li strong,
.block-cms-menu li strong {
  font-weight: 400;

}
.block-account li a,
.block-cms-menu li a {
  
}
.block-account li a:hover,
.block-cms-menu li a:hover {

}

/* ============================================ *
 * Buttons
 * ============================================ */
/* Secondary Buttons */
.cart .buttons-set .button,
.cart-table .button,
.sidebar .actions .button,
.button.button-secondary {
  background: #dddddd;
  
  padding: 7px 15px;
}
.cart .buttons-set .button:hover,
.cart-table .button:hover,
.sidebar .actions .button:hover,
.button.button-secondary:hover {
  background: #d0d0d0;
  cursor: pointer;
}
.cart .buttons-set .button:active,
.cart-table .button:active,
.sidebar .actions .button:active,
.button.button-secondary:active {
  background: #c4c4c4;
  
}
.cart .buttons-set .button:focus,
.cart-table .button:focus,
.sidebar .actions .button:focus,
.button.button-secondary:focus {
  
  background: #c4c4c4;
  outline: none;
}



/* Disabled - class for anchor, state for form elements */
.button.disabled,
.button:disabled {
  background: #C8C8C8;
  opacity: 0.6;
  cursor: not-allowed;
}

/* Adjacent buttons */
.button + .button {
  margin-left: 5px;
}

/*
.button2,
.darkbutton{
  border: 0;
  padding: 0 5px;
  margin: 0;
  background: transparent;
  cursor: pointer;
  vertical-align: middle;
}
*/

.button2:focus,
.darkbutton:focus{
  outline: none;
}


.button2 span:hover,
.button2 span span:hover {
  text-decoration: none;
  color: #246b8f;
}
.discount-form .button-wrapper{margin-bottom: 3px;}
@media only screen and (max-width: 768px) {
  .col2-set .buttons-set .button,
  .col2-set .buttons-set .button2 {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .col2-set .buttons-set .back-link {
    display: none;
  }
  .col2-set .buttons-set .required {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .buttons-set .button {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 7px;
  }
  .buttons-set .back-link {
    display: none;
  }
  .buttons-set .required {
    display: none;
  }
}
/* -------------------------------------------- *
 * Paypal Button
 */
.paypal-logo.paypal-after {
  float: left;
}

.paypal-after .paypal-or {
  float: left;
}

.paypal-or {
  line-height: 40px;
  margin: 0px 10px 5px;
  font-size: 0.85714em;
}

.paypal-after .paypal-button {
  float: left;
}

.paypal-button {
  line-height: 0px;
}

.paypal-button img {
  display: inline;
}

@media only screen and (max-width: 670px) {
  .paypal-or {
    line-height: 20px;
  }

  .paypal-logo,
  .paypal-or,
  .paypal-button {
    text-align: center;
    width: 100%;
    display: block;
    margin-right: 0;
    margin-left: 0;
    float: none;
  }
}
/* -------------------------------------------- *
 * Button Sets
 */
.buttons-set {
  clear: both;
  margin: 10px 0 0;
  padding-top: 10px;
  border-top: 1px solid #ededed;
  text-align: right;
}
.account-create .buttons-set {border:none;}
#opc-login .col-2 .buttons-set {margin-top: 46px;}
.buttons-set p.required {
  margin: 0;
  margin-left: 10px;
  line-height: 33px;
  float: right;
}
.buttons-set .back-link {
  float: left;
  margin: 0;
  line-height: 33px;
}
.buttons-set a:not(".button") {
  line-height: 20px;
  display: inline-block;
  padding: 5px;
}
.buttons-set button.button {
  float: right;
  margin-left: 5px;
  min-width: 140px;
}
.buttons-set:after {
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------------------- *
 * Icons
 */
.icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid,
.sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating {
  background-image: url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/icon_sprite.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid,
  .sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating {
    background-image: url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/icon_sprite@2x.png);
    background-size: 100px 1000px;
  }
}

/* -------------------------------------------- *
 * Button - Remove / Previous
 */
.btn-remove,
.btn-previous {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #ededed;
  text-align: center;
  /* Hide text */
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  position: relative;
}
.btn-remove:hover,
.btn-previous:hover {
  background-color: #b2c900;
  border-color: #b2c900;
}

.btn-remove:after {
  content: 'X';

  height: 20px;
  line-height: 20px;
  width: 100%;
  font-size: 10px;
  font-weight: bold;
}
.btn-remove:hover:after {
  color: #FFFFFF;
  text-decoration: none;
}

.btn-remove2 {
  background-position: 4px -648px;
  border: none;
  vertical-align: top;
}
.btn-remove2:after {
  display: none;
}
.btn-remove2:hover {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.btn-previous:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid #b2c900;
  border-left: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -2px;
  margin-top: -4px;
}
.btn-previous:hover:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid white;
  border-left: none;
}

.block-layered-nav .currently .btn-remove,
.block-layered-nav .currently .btn-previous,
.mini-products-list .btn-remove,
.mini-products-list .btn-previous,
#compare-items .btn-remove,
#compare-items .btn-previous {
  float: right;
  margin-left: 6px;
}

/* -------------------------------------------- *
 * Checkout Agreements
 */
.checkout-agreements li {
  margin-bottom: 20px;
}

.checkout-agreements .agreement-content {
  overflow-y: auto;
  max-width: 670px;
  max-height: 125px;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #cccccc;
  background: #f4f4f4;
}

/* -------------------------------------------- *
 * CVV Security Code
 */
.cvv-what-is-this {
  margin-left: 10px;
  
  line-height: 24px;
}

/* -------------------------------------------- *
 * Container
 */
.main-container {
  position: relative;
  margin: 0 auto;
}
.main-container:after,
.footer-container:after {
  content: '';
  display: table;
  clear: both;
}

@media only screen and (min-width: 480px) {
  .main-container {
  }
}
.footer-container {

}



/* -------------------------------------------- *
 * Top Container
 */
@media only screen and (min-width: 769px) {
  .top-container {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 30px;
  }
}
/* -------------------------------------------- *
 * Global Site Notice
 */
.global-site-notice {
  background: #676157;
  color: #e6e6e6;
  font-size: 11px;
}
.global-site-notice .notice-inner {
  padding-left: 120px;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  line-height: 11px;
  min-height: 40px;
  padding-top: 14.5px;
  padding-bottom: 14.5px;
  background-image: url("https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/demo-logo.png");
  background-position: left;
  background-repeat: no-repeat;
}
.global-site-notice p {
  margin-bottom: 0;
}

/* -------------------------------------------- *
 * Promotional Message Banner
 */
.promo-msg {

  text-align: center;
  margin: 10px;

}

/* -------------------------------------------- *
 * Grid
 */
.grid:after {
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------------------- *
 * Messages
 */
.success {
  color: #11b400;
}

.error {
  color: red;
  font-weight: bold;
}

.notice {
  color: #e26703;
  font-weight: bold;
}

/* -------------------------------------------- *
 * Messages
 */
.messages {
  margin-bottom: 10px;
}

.messages li li {
  position: relative;
  margin-bottom: 5px;
  padding: 7px 10px 7px 20px;
  background: #f4f4f4;
}

.messages li li:before {
  top: 50%;
  left: 0;
  margin-top: -6px;
}

.messages .error-msg li {
  border-left: 5px solid red;
}

.messages .error-msg li:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid red;
  border-right: none;
}

.messages .notice-msg li {
  border-left: 5px solid #e26703;
}

.messages .notice-msg li:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #e26703;
  border-right: none;
}

.messages .success-msg li {
  border-left: 5px solid #11b400;
}

.messages .success-msg li:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #11b400;
  border-right: none;
}

@media only screen and (min-width: 915px) {
  .order-list-grid .col-1 {
    width: 30%;
  }

  .order-list-grid .col-2 {
    width: 50%;
    padding-right: 20px;
  }

  .order-list-grid .col-3 {
    clear: none;
    width: 20%;
    padding-top: 0;
  }
}
/* -------------------------------------------- *
 * Page Popup
 */
.page-popup {
  padding: 20px;
  background: #FFFFFF;
  height: auto;
}

.page-popup h1 {
  margin: 0 0 0.5em;
  font-size: 36px;
}

/* -------------------------------------------- *
 * Payment Methods
 */
.payment-methods {
  margin-bottom: 20px;
}

.payment-methods dt {
  padding: 5px 0;
}

.payment-methods dd {
  padding-top: 10px;
}

.payment-methods .form-list {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 5px 15px 15px;
  padding: 15px;
  border: 1px solid #cccccc;
  background: #f4f4f4;
}

.payment-methods .form-list:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #cccccc;
  border-top: none;
  top: -11px;
  left: 30px;
}

.payment-methods .form-list:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #f4f4f4;
  border-top: none;
  top: -10px;
  left: 30px;
}

.payment-methods .form-list li:last-child {
  margin-bottom: 0;
}

/* -------------------------------------------- *
 * Please Wait (Loading Indicator)
 */
.please-wait {
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px;
  line-height: 24px;
  height: 24px;
  white-space: nowrap;
  /* Prevent the linebreak in the HTML from causing layout issues */
}
.please-wait img {
  float: left;
  margin-right: 5px;
  width: 24px;
}

/* -------------------------------------------- *
 * Price Box - Standard
 */
.price-box {
  margin: 7px 0;

}

.price-box p {
  margin-bottom: 0;
}

.price-notice {
}

.price-box .price {

}

.price-box .price,
.price {
  white-space: nowrap;
}

.price-box .price-label {
  color: #616161;
  white-space: nowrap;
}

.price-box .minimal-price-link {
  padding-left: 1em;

  display: block;
  /* We want this to show on its own line, otherwise the layout looks funky */
}
.price-box .minimal-price-link .label {
  color: #a0a0a0;
}

/* -------------------------------------------- *
 * Price Box - Special
 */
.price-box .old-price,
.price-box .special-price {
  display: inline-block;
}
.price-box .old-price .price-label,
.price-box .special-price .price-label {
  display: none;
}
.price-box .old-price .price,
.price-box .special-price .price {
  display: inline-block;
}

.price-box .old-price .price {
  color: #a0a0a0;
  text-decoration: line-through;
}

.price-box .special-price {

  padding-left: 1em;
}
.price-box .special-price .price-label {
  color: #D84D3C;
}

/* -------------------------------------------- *
 * Price Box - Taxes
 */
.price-box .price-excluding-tax,
.price-box .price-including-tax {
  display: block;
}

/* -------------------------------------------- *
 * Tier Prices
 */
.product-pricing,
.tier-prices,
.tier-prices-grouped {
  display: inline-block;
  padding: 4px 8px;
  background: #FBF4DE;
  border: 1px solid #E2D4C7;
  margin-top: 7px;
}
.product-pricing li,
.tier-prices li,
.tier-prices-grouped li {
  
}
.product-pricing .benefit,
.tier-prices .benefit,
.tier-prices-grouped .benefit {
  font-style: italic;
}
.product-pricing .price,
.tier-prices .price,
.tier-prices-grouped .price {
  font-weight: bold;
}

/* ============================================ *
 * Item Options
 * ============================================ */
.item-options {
  
}
.item-options:after {
  content: '';
  display: table;
  clear: both;
}
.item-options dt {
  float: left;
  clear: left;
  font-weight: 600;
  padding-right: 5px;
  font-style: italic;
}
.item-options dt:after {
  content: ': ';
}
.item-options dd {
  float: left;
  padding-left: 10px;
  margin: 0 0 6px;
}

.truncated,
.truncated a.dots {
  cursor: help;
}

.truncated a.details {
  cursor: help;
  height: 16px;
  line-height: 16px;
}
.truncated a.details:hover {
  text-decoration: none;
}

.truncated .truncated_full_value {
  position: relative;
  z-index: 300;
}

.truncated .truncated_full_value .item-options {
  display: none;
  position: absolute;
  z-index: 300;
  width: 200px;
  padding: 8px;
  border: 1px solid #b2c900;
  background-color: #F6F6F6;
  top: 21px;
  left: -100px;
}
.truncated .truncated_full_value .item-options:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #b2c900;
  border-top: none;
  left: 97px;
  top: -7px;
}

.truncated .truncated_full_value .item-options > p {
  font-weight: bold;

  margin-bottom: 8px;
}

.truncated .show .item-options {
  display: block;
}

@media only screen and (max-width: 479px) {
  .truncated {
    cursor: inherit;
  }
  .truncated a.details {
    display: none;
  }
  .truncated .truncated_full_value .item-options {
    display: block;
    position: static;
    z-index: 1;
    width: 100%;
    border: none;
    background-color: transparent;
  }
  .truncated .truncated_full_value .item-options p {
    float: none;
  }
  .truncated .truncated_full_value .item-options:after {
    display: none;
  }
}
/* -------------------------------------------- *
 * Printer Friendly Page
 */
.page-print {
  width: 6.5in;
  margin: 20px;
  background: #FFFFFF;
}

/* -------------------------------------------- *
 * Add to links
 */
.add-to-links {
  margin: 7px 0;
}
.add-to-links a {
  display: inline-block;
  padding: 0px 3px 3px;
  white-space: nowrap;
  font-size:90%;
}

.add-to-links .separator {
  display: none;
}

/* -------------------------------------------- *
 * Product Image
 */
.product-image,
.no-touch .product-img-box .product-image:not(.zoom-available):hover {
  position: relative;
  display: block;
}

.no-touch .product-image:hover {

}

/* -------------------------------------------- *
 * Ratings
 */
.ratings {
  margin: 7px 0;
}
.ratings .rating-box,
.ratings .rating-links {
  margin: 5px 0;
}
.ratings .rating-box {
  width: 65px;
  height: 13px;
  background-repeat: repeat-x;
  background-position: 0 -615px;
  overflow: hidden;
}
.ratings .rating-box .rating {
  float: left;
  height: 13px;
  background-repeat: repeat-x;
  background-position: 0 -600px;
}
.ratings .amount {
  display: block;
  margin: 5px auto;
}
.ratings .rating-links .separator {
  margin: 0 3px;
}

/* -------------------------------------------- *
 * Standard Formatted Text Block
 */
.std p {
  margin: 0 0 1.5em;
}

.std ol {
  list-style: decimal inside;
  margin-bottom: 1.5em;
}

.std ol li {
  margin-left: 2em;
}

.std ul {
  list-style: disc inside;
  margin-bottom: 1.5em;
}

.std ul li {

}

.std .note {
  color: #a0a0a0;
  
}

/* -------------------------------------------- *
 * Tabs
 */
.tabs {
  margin-bottom: 10px;
  background: #FFFFFF;
}

/* -------------------------------------------- *
 * Toolbar
 */
.toolbar {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 10px 0px 10px;
}
.toolbar:after {
  content: '';
  display: table;
  clear: both;
}

.pager-no-toolbar {
  margin-bottom: 10px;
}

.pager-no-toolbar ~ .pager-no-toolbar {
  margin-top: 10px;
}

.toolbar,
.pager {
  
  line-height: 30px;
  
}

.toolbar label,
.pager-no-toolbar label {
  font-weight: normal;

}

.sorter {
  float: right;
  margin-bottom: 5px;
}
.sorter label {
  display:inline-block;
  margin-right: 5px;
}
.sorter label:after {
  content: ':';
}

.sorter > .sort-by {
  float: right;
  margin-left: 5px;
  height: 30px;
  text-align:right;
}
.sorter > .sort-by .sort-by-switcher {
  width: 30px;
  height: 30px;
  display: inline-block;
}
.sort-by-switcher {
	font-size: 0;
}
.sorter > .sort-by .sort-by-switcher--asc {
  background-position: 4px -542px;
}
.sorter > .sort-by .sort-by-switcher--asc:hover {
  background-position: -46px -542px;
}
.sorter > .sort-by .sort-by-switcher--desc {
  background-position: 4px -567px;
}
.sorter > .sort-by .sort-by-switcher--desc:hover {
  background-position: -46px -567px;
}

.sorter > .view-mode {
  float: right;
}
.sorter > .view-mode .grid,
.sorter > .view-mode .list {
  float: left;
  width: 30px;
  height: 30px;
}
.sorter > .view-mode .grid {
  margin-right: 5px;
  background-position: 8px -492px;
}
.sorter > .view-mode strong.grid,
.sorter > .view-mode a.grid:hover {
  background-position: -42px -492px;
}
.sorter > .view-mode .list {
  background-position: 11px -517px;
}
.sorter > .view-mode strong.list,
.sorter > .view-mode a.list:hover {
  background-position: -39px -517px;
}

.pager {
  float: right;
  overflow: hidden;
}
.pager > .count-container {
  float: left;
}
.pager .amount {
  float: left;
  white-space: nowrap;
  margin: 0 15px 0 0;
}
.pager .limiter {
  float: left;
  height: 30px;
  line-height: 30px;
}
.pager .limiter > label {
  padding-right: 5px;
}
.pager .limiter > label:after {
  content: ':';
}
.pager .amount,
.pager .limiter,
.pager .pages {
  margin-bottom: 5px;
}

.pages {
  float: right;
  overflow: hidden;
  margin-left: 15px;
}
.pages strong {
  display: none;
}

.pages li {
  float: left;
}

.pages a,
.pages .current {
  display: inline-block;
  border: 0;
  
  text-align: center;

  vertical-align: middle;
  white-space: nowrap;
  line-height: 30px;
  width: 25px;
  height: 30px;
  padding: 0;

}

.pages .current,
.pages .current:hover {
  
  border: 1px solid #cccccc;
  width: 30px;
  background-color: #FFFFFF;
  cursor: default;
}

.pages .next,
.pages .previous {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
  position: relative;
}
.pages .next:hover,
.pages .previous:hover {
  border: 1px solid #b2c900;
}

.pages .next:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #b2c900;
  border-right: none;
  top: 50%;
  margin-top: -3px;
  left: 50%;
  margin-left: -2px;
}
.pages .next:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #246b8f;
  border-right: none;
}

.pages .previous:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid #b2c900;
  border-left: none;
  top: 50%;
  margin-top: -3px;
  left: 50%;
  margin-left: -2px;
}
.pages .previous:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid #246b8f;
  border-left: none;
}

@media only screen and (max-width: 479px) {
  .pager .amount--has-pages {
    display: none;
  }

  .pages {
    float: left;
  }

  .limiter label {
    display: none;
  }
}

@media only screen and (max-width: 1279px) {
  .toolbar .view-mode > label {
    display: none;
  }
}
/* ============================================ *
 * Tax - Full Tax Summary
 * ============================================ */
#checkout-review-table .summary-collapse,
#shopping-cart-totals-table .summary-collapse,
body.customer-account .data-table .summary-collapse {
  position: relative;
  cursor: pointer;
}
#checkout-review-table .summary-collapse:before,
#shopping-cart-totals-table .summary-collapse:before,
body.customer-account .data-table .summary-collapse:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #b2c900;
  border-bottom: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
#checkout-review-table .summary-collapse:hover:before,
#shopping-cart-totals-table .summary-collapse:hover:before,
body.customer-account .data-table .summary-collapse:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #246b8f;
  border-bottom: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
#checkout-review-table .show-details .summary-collapse:before,
#shopping-cart-totals-table .show-details .summary-collapse:before,
body.customer-account .data-table .show-details .summary-collapse:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #b2c900;
  border-top: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
#checkout-review-table .show-details .summary-collapse:hover:before,
#shopping-cart-totals-table .show-details .summary-collapse:hover:before,
body.customer-account .data-table .show-details .summary-collapse:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #246b8f;
  border-top: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}

#shopping-cart-totals-table tfoot td .summary-collapse:before, #shopping-cart-totals-table tfoot td .summary-collapse:hover:before {
  margin-bottom: 5px;
}

/* ============================================ *
 * Widgets
 * ============================================ */
.widget .pager {
  float: none;
  width: 100%;
}

/* ============================================ *
 * Magento Helpers
 * ============================================ */
.a-center {
  text-align: center;
}

.a-right,
.align-right {
  text-align: right;
}

.no-display {
  display: none !important;
}

.nobr,
.nowrap {
  white-space: nowrap;
}

.width-full {
  width: 100%;
}

/* ============================================ *
 * Custom Helpers
 * ============================================ */
.hidden {
  display: none;
}

/* ============================================ *
 * Print Styles
 * ============================================ */
.page-print .print-head {
  margin: 0 0 15px;
}

.page-print .print-head .logo {
  float: none;
  max-height: 50px;
  width: auto;
}

/* ============================================ *
 * FORMS - COMMON
 * ============================================ */
/* -------------------------------------------- *
 * Fieldsets
 */
.fieldset p {
  margin-bottom: 7px;
}
.fieldset p.required {
  margin-bottom: 5px;
  /*float: right;*/
  
  margin-top: 0px;
}

.fieldset + .fieldset {
  margin-top: 5px;
}

form .legend {
  margin: 0;
  margin-bottom: 10px;
  
  
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;

  margin-bottom: 15px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ededed;
}

/* -------------------------------------------- *
 * Input Box
 */
.input-box {
  padding-top: 2px;
}
.input-box:after {
  content: '';
  display: table;
  clear: both;
}


/* For adjacent select inputs. */
/* Example: credit card expiration month and year. */
.input-box .v-fix {
  float: left;
  margin-right: 5px;
}

/* -------------------------------------------- *
 * Labels
 */
label {
  display: inline-block;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

label.required:after,
span.required:after {
  content: ' *';
  color: red;
  font-weight: normal;
  
}

label.required em,
span.required em {
  display: none;
}

/* -------------------------------------------- *
 * Hints
 */
.input-hint {
  color: #a0a0a0;
  
}

/* -------------------------------------------- *
 * Select
 */
select {
  
}

select + select {
  margin-left: 5px;
}

select[multiple] {
  width: 270px;
  border: 1px solid silver;
  font-size: 15px;
  padding: 5px;
}

/* -------------------------------------------- *
 * Textarea
 */
textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  width: 450px;
  padding: 5px;
}

/* -------------------------------------------- *
 * Inputs
 */
.input-text {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #353535;
  background: #FFFFFF;
}
.qty-wrapper .input-text{
  border: 1px solid #353535;
  height: 40px;
}
.input-text:focus {

}

.input-text.validation-failed {
  border-color: red;
}

.input-text.validation-failed:focus {
  outline-color: #ff7f7f;
}

input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
  height: 40px;
  padding: 0 8px;
}

input[type=email],
/* input[type=search], */
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
  /*width: 365px;
  max-width: 100%;*/
  width: 100%;
}
input#search::-webkit-input-placeholder,
input#search:placeholder-shown,
input#search::placeholder{
  font-size: 0.92857em;
  color: #ffffff;
}
input#search{
  border: none;
  border-bottom: 1px solid #FFFFFF;
  background: transparent;
  color: #ffffff;
  width: 270px;
}
input#search:focus{outline:0 !important;}
/* Only show on iPhones (not iPads or any other device) */
@media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) {
  input[type=email],
  input[type=search],
  input[type=number],
  input[type=password],
  input[type=tel],
  input[type=text],
  select {
    font-size: 16px;
    /* Prevent from zooming on focus */
  }
  input#search::placeholder{
    font-size: 0.85714em;
  }
  input#search{
    width: 190px;
  }
}
.ie8 .input-text {
  max-width: none;
}


#search_mini_form button {
  color: #cbb1b5;
  margin-left: 15px;
  background: #ffffff;
}
#search_mini_form button:hover{
  border: none;
  background: #444444;
}
/* -------------------------------------------- *
 * Inputs - Quantity
 */
input[type=number].qty,
input[type=text].qty {
  width: 3.22em;
  text-align: center;
  vertical-align: middle;
}

/* -------------------------------------------- *
 * Placeholder
 */
::-webkit-input-placeholder {
  color: #a0a0a0;
}

input:-moz-placeholder {
  color: #a0a0a0;
}

/* -------------------------------------------- *
 * Checkbox And Radio
 */
.checkbox,
.radio {
  position: relative;
  top: -1px;
  display: inline-block;
}

.checkbox + label,
.radio + label {
  width: auto;
  max-width: 85%;
  padding: 0 0 0 8px;
  
  font-weight: normal;
  vertical-align: top;
}

/* -------------------------------------------- *
 * Validation
 */
p.required,
.validation-advice {
  margin: 5px 0 0;
  color: red;
  
}

/* ============================================ *
 * Form List
 * ============================================ */
.form-list > li {
  margin-bottom: 10px;
}
.form-list select {
  margin-top: 4px;
  width: 100%;
}
.form-list .input-range .input-text {
  width: 74px;
}
.form-list .field {
  margin-bottom: 10px;
display: inline-block;
  margin: 0 1%;
    width: 47%;
}
.form-list .wide,
.form-list .control {
  margin-bottom: 10px;
  display: inline-block;
}

/* Turn the label of controls (radio/checkbox) into a button style that wraps the input */
.form-list .control,
.sp-methods dt,
#checkout-shipping-method-load .sp-methods dd,
#co-shipping-method-form .sp-methods dd,
.product-options ul.options-list {
  /* When a label is next to an input that is set to not display, we should style the label in a non-clickable state */
}
.form-list .control div.input-box,
.sp-methods dt div.input-box,
#checkout-shipping-method-load .sp-methods dd div.input-box,
#co-shipping-method-form .sp-methods dd div.input-box,
.product-options ul.options-list div.input-box {
  display: inline;
  float: left;
}
.form-list .control div.input-box:after,
.sp-methods dt div.input-box:after,
#checkout-shipping-method-load .sp-methods dd div.input-box:after,
#co-shipping-method-form .sp-methods dd div.input-box:after,
.product-options ul.options-list div.input-box:after {
  display: none;
}
.form-list .control input.radio,
.form-list .control input.checkbox,
.sp-methods dt input.radio,
.sp-methods dt input.checkbox,
#checkout-shipping-method-load .sp-methods dd input.radio,
#checkout-shipping-method-load .sp-methods dd input.checkbox,
#co-shipping-method-form .sp-methods dd input.radio,
#co-shipping-method-form .sp-methods dd input.checkbox,
.product-options ul.options-list input.radio,
.product-options ul.options-list input.checkbox {
  float: left;
  margin-right: -40px;
  margin-top: 10px;
  margin-left: 15px;
}
.form-list .control label,
.sp-methods dt label,
#checkout-shipping-method-load .sp-methods dd label,
#co-shipping-method-form .sp-methods dd label,
.product-options ul.options-list label {
  padding: 5px 10px;
  display: inline-block;
  width: auto;
  max-width: none;
  min-width: 250px;
  float: none;
  padding: 6px 10px 6px 40px;
}
.form-list .control label:hover,
.sp-methods dt label:hover,
#checkout-shipping-method-load .sp-methods dd label:hover,
#co-shipping-method-form .sp-methods dd label:hover,
.product-options ul.options-list label:hover {
  background-color: #e7e7e7;
}
.form-list .control .no-display + label,
.sp-methods dt .no-display + label,
#checkout-shipping-method-load .sp-methods dd .no-display + label,
#co-shipping-method-form .sp-methods dd .no-display + label,
.product-options ul.options-list .no-display + label {
  padding-left: 10px;
  background-color: transparent;
}
.form-list .control .no-display + label:hover,
.sp-methods dt .no-display + label:hover,
#checkout-shipping-method-load .sp-methods dd .no-display + label:hover,
#co-shipping-method-form .sp-methods dd .no-display + label:hover,
.product-options ul.options-list .no-display + label:hover {
  background-color: transparent;
}

.product-options ul.options-list label,
.col2-set .form-list .control label {

}

.form-list .control.remember-me-box label {
  width: auto;
  max-width: none;
  min-width: inherit;
}

.form-list .control {
  margin-top: 10px;
}
.form-list .control label {
  float: none;
}
.form-list .control .radio,
.form-list .control .checkbox {
  margin-right: 6px;
}
.form-list .control .input-box {
  clear: none;
  display: inline-block;
  width: auto;
  padding: 0;
}

form .form-instructions {
  font-style: italic;
  
  color: #a0a0a0;
}

/* ============================================ *
 * Table Helpers
 * ============================================ */
.hide-th {
  text-indent: -9999px;
}

/* ============================================ *
 * Data Table
 * ============================================ */
.data-table {
  width: 100%;
  margin: 11px 0;
}

.data-table td,
.data-table th {
  padding: 10px;
  vertical-align: top;
}
.data-table td.cart-footer-actions{
  padding: 20px 0 0 0;
}
.data-table th {
  line-height: 1.4;
  white-space: nowrap;
}
#shopping-cart-table{ margin-bottom: 84px; }
.data-table thead th,
.data-table tbody td {
  border-bottom: 1px solid silver;
}

.data-table tbody td,
.data-table tfoot td {
}

.data-table tfoot tr {
  border-bottom: none;
}

.data-table tbody td .item-options {
  margin-left: 20px;
  margin-top: 10px;
}
.data-table tbody td .item-options dt:after {
  content: ':';
}

/* ============================================ *
 * Zebra-Stripe Table
 * ============================================ */
.zebra-table tr:first-child,
.zebra-table th:first-child {
  border-top: 1px solid silver;
}
.zebra-table td,
.zebra-table th {
  border-bottom: 1px solid silver;
  padding: 6px;
  background-color: transparent;
}
.zebra-table tr {
  background-color: #eeeded;
}
.zebra-table tr:nth-child(odd) {
  background-color: #f8f7f5;
}

/* ============================================ *
 * Linearize Table
 * ============================================ */
@media only screen and (max-width: 479px) {
  .linearize-table {
    /* Helpers */
  }
  .linearize-table tr,
  .linearize-table th,
  .linearize-table td {
    display: block;
  }
  .linearize-table thead th {
    border-right: 0;
    border-left: 0;
  }
  .linearize-table thead th.lin-hide {
    display: none;
  }
  .linearize-table thead th:nth-child(1n+2) {
    display: none;
  }
  .linearize-table tbody tr {
    position: relative;
    border-bottom: 1px solid #cccccc;
  }
  .linearize-table tbody td {
    padding: 0 10px 4px;
    border-right: 0;
    border-bottom: 0;
  }
  .linearize-table tbody td.lin-hide {
    display: none;
  }
  .linearize-table tbody td:first-child {
    padding-top: 10px;
  }
  .linearize-table tbody td:first-child,
  .linearize-table tbody td:first-child h3 {
    font-weight: bold;
  }
  .linearize-table tbody td[data-rwd-label] {
    text-align: left;
    padding-left: 30px;
  }
  .linearize-table tbody td[data-rwd-label]:before {
    content: attr(data-rwd-label) ":";
    
    padding-right: 5px;
  
  }
  .linearize-table tfoot tr {
    display: block;
    text-align: right;
  }
  .linearize-table tfoot tr:after {
    content: '';
    display: table;
    clear: both;
  }
  .linearize-table tfoot td {
    display: block;
    float: left;
  }
  .linearize-table tfoot td.lin-hide {
    display: none;
  }
  .linearize-table tfoot td:nth-child(odd) {
    clear: left;
    width: 60%;
  }
  .linearize-table tfoot td:nth-child(even) {
    text-align: left;
    width: 40%;
  }
  .linearize-table .linearize-hide {
    display: none;
  }
  .linearize-table .linearize-unpad {
    padding: 0;
  }
  .linearize-table .linearize-show {
    display: block;
  }
}
@media only screen and (max-width: 599px) {
  .linearize-table-large {
    /* Helpers */
  }
  .linearize-table-large tr,
  .linearize-table-large th,
  .linearize-table-large td {
    display: block;
  }
  .linearize-table-large thead th {
    border-right: 0;
    border-left: 0;
  }
  .linearize-table-large thead th.lin-hide {
    display: none;
  }
  .linearize-table-large thead th:nth-child(1n+2) {
    display: none;
  }
  .linearize-table-large tbody tr {
    position: relative;
    border-bottom: 1px solid #cccccc;
  }
  .linearize-table-large tbody td {
    padding: 0 10px 4px;
    border-right: 0;
    border-bottom: 0;
  }
  .linearize-table-large tbody td.lin-hide {
    display: none;
  }
  .linearize-table-large tbody td:first-child {
    padding-top: 10px;
  }
  .linearize-table-large tbody td:first-child,
  .linearize-table-large tbody td:first-child h3 {
    font-weight: bold;
  }
  .linearize-table-large tbody td[data-rwd-label] {
    text-align: left;
    padding-left: 30px;
  }
  .linearize-table-large tbody td[data-rwd-label]:before {
    content: attr(data-rwd-label) ":";
    

    padding-right: 5px;
  
  }
  .linearize-table-large tfoot tr {
    display: block;
    text-align: right;
  }
  .linearize-table-large tfoot tr:after {
    content: '';
    display: table;
    clear: both;
  }
  .linearize-table-large tfoot td {
    display: block;
    float: left;
  }
  .linearize-table-large tfoot td.lin-hide {
    display: none;
  }
  .linearize-table-large tfoot td:nth-child(odd) {
    clear: left;
    width: 60%;
  }
  .linearize-table-large tfoot td:nth-child(even) {
    text-align: left;
    width: 40%;
  }
  .linearize-table-large .linearize-hide {
    display: none;
  }
  .linearize-table-large .linearize-unpad {
    padding: 0;
  }
  .linearize-table-large .linearize-show {
    display: block;
  }
}
@media only screen and (min-width: 600px) {
  .linearize-table .linearize-collapse {
    display: none;
  }
}
/* ============================================ *
 * Global
 * ============================================ */
html,
body {
  height: 100%;
}

.wrapper {
  min-width: 320px;
  min-height: 100%;
  margin: 0 auto;
  background: #FFFFFF;
}

.wrapper:after {
  content: '';
  display: table;
  clear: both;
}

/* ============================================ *
 * Header
 * ============================================ */
@media only screen and (min-width: 769px) {
  .page-header-container {
    position: relative;
  }
  .page-header.sticky {height: 103px;}
}
/* .page-header {height: 120px;} */


/* ============================================ *
 * Language switcher + welcome message
 * ============================================ */

.page-header-container .store-language-container {
  float: right;
  max-width: 35%;
  padding: 13px 15px 10px 10px;
}
.page-header-container .store-language-container label {
  display: none;
}
.page-header-container .store-language-container select {
  max-width: 100%;
}

@media only screen and (max-width: 479px) {
  .page-header-container .store-language-container {
    padding-top: 8px;
  }
  .page-header-container .store-language-container select {
    
  }
}


/* ============================================ *
 * Logo
 * ============================================ */
.logo img {
  max-width: 100%;
}
.logo .small {
  display: block;
}
.logo .large {
  display: block;
}

.logo:hover {
  text-decoration: none;
}

@media only screen and (min-width: 769px) {
  .logo {
	text-align:center;
  }
  .logo .small {
    display: none;
  }
  .logo .large {
    display: inline-block;
  }
}
/* ============================================ *
 * Skip Links
 * ============================================ */
.skip-links {
}

@media only screen and (min-width: 769px) {
  .skip-links {
    border: 0;
  }

  #skip-link-container {
	width:40%;
	position:absolute;
	right:0;
	top:0;
	text-align:right;
  }
}
/* -------------------------------------------- *
 * Skip - Link
 */
.skip-link {

}

a.skip-link {
  text-decoration: none;
}

.skip-link:not(.skip-active):hover {

}

@media only screen and (max-width: 768px) {
  .skip-link {
    border-right: 1px solid #EDEDED;
  }

  .skip-link:last-child {
    border-right: 0;
  }
}
@media only screen and (min-width: 500px) {
  .skip-link {
    width: 25%;
  }
}
/* -------------------------------------------- *
 * Skip Link - Active
 */
@media only screen and (max-width: 768px) {
  .skip-link.skip-active {
  }

  .skip-link.skip-active span {

  }
}
/* -------------------------------------------- *
 * Skip Link - Icon
 */
.skip-link .icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}

.skip-link.skip-nav .icon,
.skip-link.skip-cart:not(.no-count) .icon {
  margin-right: 3px;
}

@media only screen and (min-width: 500px) {
  .skip-link .icon {
    margin-right: 3px;
  }
}
/* -------------------------------------------- *
 * Skip Link - Label
 */
.skip-link .label {
  display: none;
}

@media only screen and (min-width: 500px) {
  .skip-link .label {
    display: inline;
  }
}
/* ============================================ *
 * Skip Content
 * ============================================ */
.skip-content {
  display: none;
}

.skip-content.skip-active {
  display: block;
}

/* ============================================ *
 * Global Header Navigation
 * ============================================ */
@media only screen and (max-width: 768px) {
  #header-account li a,
  .nav-primary a.level0 {

  }

  #header-account li:last-child a,
  .nav-primary li.level0:last-child a.level0 {
    border-bottom: 0;
  }

  .no-touch #header-account a:hover,
  .no-touch .nav-primary a:hover {
    text-decoration: none;
  }
}
/* ============================================ *
 * Nav - Skip Link
 * ============================================ */
.skip-nav {
  width: 40%;
}
.skip-nav:not(.skip-active):hover {
  text-decoration: none;
}
.skip-nav:not(.skip-active):hover .icon {
  background-position: -46px 4px;
}

.skip-nav .label {
  display: inline;
}

.skip-nav .icon {
  background-position: 4px 4px;
}

@media only screen and (min-width: 500px) {
  .skip-nav {
    width: 25%;
  }
}
@media only screen and (min-width: 769px) {
  .skip-nav {
    display: none;
  }
}
/* ============================================ *
 * Nav - Skip Content
 * ============================================ */
@media only screen and (max-width: 768px) {
  #header-nav {
    padding: 5px 0;
  }
}
@media only screen and (min-width: 769px) {
  #header-nav {
    display: inline-block;
    /* Force visibility */
  }
}
/* ============================================ *
 * Nav Primary
 * ============================================ */
@media only screen and (min-width: 769px) {
  .nav-primary {
    display: block;
  }
}
/* ============================================ *
 * General Navigation Styles
 * ============================================ */
.nav-primary a {
  text-decoration: none;
  display: block;
}
.nav-primary li {

}
.nav-primary li.level1 a {

}

.nav-primary .menu-active > ul.level0,
.nav-primary li.level0 li.sub-menu-active > ul {
  display: block;
}

.nav-primary li.level0 > a {

}

/* ============================================ *
 * Small Viewports - Accordion Style Menu
 * ============================================ */
@media only screen and (max-width: 768px) {
  .nav-primary a.level0,
  .nav-primary a {
    line-height: 35px;
  }
  .nav-primary li.level0 ul {
    display: none;
  }
  .nav-primary li.level0 li {
    padding: 0 0 0 25px;
  }
  .nav-primary li.level1 a {
    padding: 0 15px 0 25px;
  }

  .nav-primary li.menu-active > a,
  .nav-primary li.sub-menu-active > a {
  
  }
}
/* ============================================ *
 * Large Viewports - Dropdown Menu
 * ============================================ */
@media only screen and (min-width: 769px) {
  .nav-primary {
    /* Default styles for 1+ drop-down menus */
    /* Level 2+ */
    /* Styles that only show when the menu is visible */
    /* Class for js to add briefly to evaluate element positioning. */
    /* Correct menus that will hang off the page (class added by js) */
    /* Level 1+ */
  }
  .nav-primary a.level0 {

  }
  ul#header-functions-list li,
  .nav-primary li.level0,
  .nav-primary a.level0 {
    display: inline-block;
  }
  .nav-primary li:last-child > a {
    border-bottom: none;
  }
  .nav-primary a:hover,
  .nav-primary li:hover > a {
    text-decoration: underline;
  }
  .nav-primary .menu-active,
  .nav-primary li.level0:hover {
    z-index: 200;
  }
  .nav-primary li.level0 ul {

  }
  .nav-primary li.level1 ul {
    left: 60px;
    top: 15px;
  }
  .nav-primary li.level0 ul.level0.position-test {
    display: block;
  }
  .nav-primary li.level0 ul.level0.spill {
    right: 0;
    left: auto;
  }
  .nav-primary li.level0 ul.level0.spill li.level1 ul {
    left: auto;
    right: 50px;
    top: 20px;
  }
  .nav-primary li.level0 li.parent > a {
    position: relative;
  }
  .nav-primary li.level0 li.parent > a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #cccccc;
    border-right: none;
    right: 5px;
    top: 50%;
    margin-top: -3px;
  }
  .no-touch li:hover > ul {
    display: block;
    /* Force display */
  }
}
/* ============================================ *
 * Search - Skip Link
 * ============================================ */
.skip-search:not(.skip-active):hover .icon {
  background-position: -46px -146px;
}
.skip-search .icon {
  background-position: 4px -146px;
}

@media only screen and (min-width: 769px) {
  .skip-search {
    display: none;
  }
}
/* ============================================ *
 * Search - Skip Content
 * ============================================ */
#header-search {
}

@media only screen and (min-width: 769px) {
  #header-search {
  }
}
/* ============================================ *
 * Search Input
 * ============================================ */
#search_mini_form .input-box {
  position: relative;
  padding-top: 0;
}

#search_mini_form label {
  display: none;
}

/* ============================================ *
 * Header - Account
 * ============================================ */
/* -------------------------------------------- *
 * Skip Link - Account
 */
.skip-account:not(.skip-active):hover .icon {
  background-position: -46px -44px;
}
.skip-account .icon {
  background-position: 4px -44px;
}

@media only screen and (min-width: 769px) {
  .skip-account {  
  }

  #header-account.skip-active {
    display: block;
    position: absolute;
    z-index: 200;
    width: 200px;
  }

  #header-account a {
    display: block;
    padding: 5px 10px;
    
    line-height: 2;
  }

  #header-account a:hover {
  
  }
}
/* -------------------------------------------- *
 * Account Links
 */
#header-account {
  padding: 5px 0;
}

#header-account a {
  position: relative;
  display: block;
  padding: 0 10px;
  line-height: 33px;
  text-align: center;
}

#header-account a:hover {

}

/* ============================================ *
 * Header - Cart
 * ============================================ */
/* -------------------------------------------- *
 * Skip Link - Cart
 
.skip-cart:not(.skip-active):hover .icon {
  background-position: -50px -95px;
}
.skip-cart .icon {
  background-position: 0px -95px;
}*/

@media only screen and (min-width: 769px) {
  .skip-cart {
     /*position: absolute;
    top: 0;
    right: 140px;*/
    display:inline-block;
    float:none;
  }

  .skip-cart + skip-cart {
	position: absolute;
    	top: 0;
    	right: 0;
  }
  .header-minicart {
	display:inline-block;
  }

  #header-cart.skip-active {
    display: block;
    position: absolute;
    z-index: 200;
    width: 320px;
  }
}
/* -------------------------------------------- *
 * Skip Cart Notifier
 */


.skip-link.skip-active .count {

}

.skip-cart.no-count .count {
  display: none;
}

@media only screen and (max-width: 499px) {
  .skip-cart .count {
    margin-left: -12px;
  }
}
@media only screen and (min-width: 769px) {
  .skip-cart {
  
  
  }
  .skip-cart:hover {
    text-decoration: none;
  }
  .skip-cart .count {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
  
    position: static;
    background: none;
    margin-left: 0px;
    
  }
  .skip-cart .count:before {
    content: '(';
  }
  .skip-cart .count:after {
    content: ')';
  }
}
.skip-cart .count.empty {
  display: none;
}

/* -------------------------------------------- *
 * Mini Cart - Empty
 */
.cart-menu .empty {
  padding: 20px;
  text-align: center;
}

/* -------------------------------------------- *
 * Mini Cart - Full
 */
/* Actions */
.cart-menu .actions {
  overflow: hidden;
  padding: 15px;
}

.cart-menu .actions .button {
  float: left;
  width: 48%;
}

.cart-menu .actions .button + .button {
  margin-left: 4%;
}

/* Subtotal */
.cart-menu .subtotal {
  padding: 0 15px 15px;
  
  line-height: 1.2;
}

/* List */
.mini-cart-list {
  margin-bottom: 5px;
}

.mini-cart-list li {
  position: relative;
  min-height: 90px;
  padding: 15px 15px 15px 90px;
  border-top: 1px solid #cccccc;
  
  line-height: 1.35;
}

.mini-cart-list .product-name {
  display: inline-block;
}

.mini-cart-list .product-image {
  position: absolute;
  left: 15px;
  top: 15px;
}

.mini-cart-list .product-image img {
  width: 60px;
  height: 60px;
}

.mini-cart-list .has-options {
  margin-bottom: 0;
  color: #a0a0a0;
  
}

/* Too full - additional items will be shown in cart */
.cart-menu .last-added {
  padding: 10px 15px 15px;
  border-top: 1px solid #cccccc;
  
}

/* ============================================ *
 * Footer
 * ============================================ */
/* -------------------------------------------- *
 * Footer
 */
.footer,
.footer button {

}

.footer .form-language,
.footer .currency-switcher,
.footer .store-switcher {
  clear: both;
  margin-bottom: 10px;
}
.footer .form-language,
.footer .currency-switcher {
  display: none;
}
.footer address {
  border-top: 1px solid #cccccc;
  text-align: center;
  width: 100%;
  font-size: 11px;
  margin-top: 30px;
  padding: 30px 0;
}
@media only screen and (max-width: 1199px) {
  .footer .links {
    width: 22.65625%;
    padding-right: 0;
    margin-right: 3.125%;
  }
  .footer .links:nth-child(4) {
    margin-right: 0;
  }
  .footer .block-subscribe {
    clear: both;
    float: none;
    margin: 0 auto 30px auto;
  }
}
@media only screen and (max-width: 768px) {
  .footer .form-language,
  .footer .currency-switcher {
    display: block;
  }
}
@media only screen and (max-width: 599px) {
  .footer .links {
    width: 48.4375%;
    margin-right: 0;
  }
  .footer .links:nth-child(odd) {
    margin-right: 3.125%;
    clear: both;
  }
  .footer .block-subscribe {
    clear: both;
    float: left;
    width: 100%;
  }
}

/* ================================================= *
 * General Product List Styles (not module-specific)
 * ================================================= */
/* -------------------------------------------- *
 * Product List General
 */
.category-title h1,
body.catalogsearch-result-index .page-title h1 {
  border-bottom: none;
}

.category-image {
  margin-bottom: 1.5em;
}

/* -------------------------------------------- *
 * Product Name
 */
h2.product-name,
h3.product-name,
h4.product-name,
h5.product-name,
p.product-name {
  margin: 0;
  margin-bottom: 0.5em;
  

  
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  text-rendering: optimizeLegibility;

  

  font-weight: normal;
  line-height: 1.4;
}
h2.product-name a,
h3.product-name a,
h4.product-name a,
h5.product-name a,
p.product-name a {
  
}
h2.product-name a:hover,
h3.product-name a:hover,
h4.product-name a:hover,
h5.product-name a:hover,
p.product-name a:hover {

  text-decoration: none;
}

.products-grid .product-name,
.products-list .product-name {


  

}
.products-grid .product-name a,
.products-list .product-name a {

}

/* ============================================ *
 * Product Grid
 * ============================================ */
.products-grid {
  position: relative;
  list-style: none outside none !important;
}

.products-grid:after {
  content: '';
  display: table;
  clear: both;
}

.products-grid > li {
  position: relative;
  text-align: center;
}
.products-grid > li:after {
  content: '';
  display: table;
  clear: both;
}

.products-grid .product-image img {
  width: 100%;
  height: auto;
}
.products-grid .product-image img:hidden {
  display: none;
}

.products-grid .product-info {
  position: relative;
}

.products-grid .ratings .rating-box {
  margin: 0 auto;
}

.products-grid .ratings .amount {
  display: none;
}

.products-grid .price-box {

}

.products-grid .add-to-links {
  margin-bottom: 0;
}

/* Config: Two columns + flexible gutter */
.products-grid > li {

}

.products-grid > li:nth-child(odd) {

}

.products-grid > li:nth-child(even) {

}

.products-grid .product-image {
}


@media only screen and (min-width: 480px) {
  /* Config: Three columns + flexible gutter */
  .products-grid {
    /* Undo two-column config */
    /* Set three-column config */
  }
  .products-grid > li:nth-child(odd) {

  }
  .products-grid > li:nth-child(even) {
  }
  .products-grid > li {
  }
  .products-grid > li:nth-child(3n+1) {

  }
  .products-grid > li:nth-child(3n) {
  }
}
@media only screen and (min-width: 960px) {
  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-4-col > li:nth-child(odd) {

  }

  .products-grid--max-4-col > li:nth-child(3n+1) {

  }

  .products-grid--max-4-col > li:nth-child(even),
  .products-grid--max-4-col > li:nth-child(3n) {

  }

  /* Set column config */
  .products-grid--max-4-col > li {

  }

  .products-grid--max-4-col > li {


  }

  .products-grid--max-4-col > li:nth-child(4n+1) {

  }

  .products-grid--max-4-col > li:nth-child(4n) {

  }

  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-5-col > li:nth-child(odd) {

  }

  .products-grid--max-5-col > li:nth-child(3n+1) {

  }

  .products-grid--max-5-col > li:nth-child(even),
  .products-grid--max-5-col > li:nth-child(3n) {

  }

  /* Set column config */
  .products-grid--max-5-col > li {

  }

  .products-grid--max-5-col > li {


  }

  .products-grid--max-5-col > li:nth-child(5n+1) {

  }

  .products-grid--max-5-col > li:nth-child(5n) {

  }

  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-6-col > li:nth-child(odd) {

  }

  .products-grid--max-6-col > li:nth-child(3n+1) {

  }

  .products-grid--max-6-col > li:nth-child(even),
  .products-grid--max-6-col > li:nth-child(3n) {

  }

  /* Set column config */
  .products-grid--max-6-col > li {

  }

  .products-grid--max-6-col > li {


  }

  .products-grid--max-6-col > li:nth-child(6n+1) {

  }

  .products-grid--max-6-col > li:nth-child(6n) {
    margin-right: 0;
  }
}
/* ============================================ *
 * Product List
 * ============================================ */
.products-list {
  margin-top: 20px;
  margin-bottom: 20px;
}
.products-list > li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ededed;
}
.products-list > li:after {
  content: '';
  display: table;
  clear: both;
}
.products-list > li .product-image {
  float: left;
  width: 33.33333%;
}
.products-list > li .product-image img {
  width: 100%;
  max-width: 100%;
}
.products-list > li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.products-list .product-shop {
  float: left;
  width: 66.66667%;
  padding: 0 20px;
}
.products-list .product-shop .product-name {
  margin-bottom: 0;
}
.products-list .product-shop .ratings {
  margin: 0;
}
.products-list .product-shop .ratings .rating-box,
.products-list .product-shop .ratings .rating-links {
  float: left;
  margin-right: 7px;
}
.products-list .product-shop .ratings .rating-links {
  margin-top: 4px;
}
.products-list .product-shop .price-box {
  margin-top: 0;
}
.products-list .product-shop .price-box .price {
  
}
.products-list .product-shop .action {
  margin: 7px 0;
}
.products-list .product-shop .desc {
  margin-top: 7px;
}
.products-list .product-shop .product-primary,
.products-list .product-shop .desc {
  float: left;
  width: 75%;
  overflow: hidden;
}
.products-list .product-shop .product-secondary {
  float: right;
  width: 25%;
  text-align: right;
  clear: right;
}

@media only screen and (min-width: 480px) {
  .products-list .product-name a {
    
  }
}
@media only screen and (max-width: 1279px) {
  .products-list .product-shop .product-primary,
  .products-list .product-shop .desc {
    float: left;
    width: 60%;
    padding-right: 20px;
  }
  .products-list .product-shop .product-secondary {
    float: right;
    width: 40%;
  }
}
@media only screen and (max-width: 600px) {
  .products-list .product-shop .price-box .special-price {
    padding-left: 0;
  }

  .products-list .product-shop .product-primary,
  .products-list .product-shop .product-secondary,
  .products-list .product-shop .desc {
    float: none;
    width: 100%;
    padding-right: 0;
    text-align: left;
  }
}
/* ============================================ *
 * Mini Product List
 * ============================================ */
.mini-products-list .product-image {
  float: left;
  min-width: 50px;
}
.mini-products-list .product-details {
  margin-left: 60px;
}
.mini-products-list .product-details .product-name {
  padding-top: 10px;
}
.mini-products-list li {
  margin-bottom: 10px;
  clear: both;
}
.mini-products-list li:after {
  content: '';
  display: table;
  clear: both;
}

.mini-products-images-list:after {
  content: '';
  display: table;
  clear: both;
}
.mini-products-images-list li.item {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0 5px 10px 0;
}
.mini-products-images-list li.item:nth-child(even) {
  padding-right: 0;
  padding-left: 5px;
}
.mini-products-images-list li.item .product-image {
  display: block;
}
.mini-products-images-list li.item .product-image img {
  width: 100%;
  max-width: 100%;
}

/* ============================================ *
 * Catalog - List
 * ============================================ */
.category-image {
  border: 1px solid #cccccc;
  padding: 10px;
}
.category-image img {
  width: 100%;
  max-width: 100%;
}
.category-image img:hidden {
  display: none;
}

/* ============================================ *
 * Layered Navigation
 * ============================================ */


@media only screen and (max-width: 768px) {
  .sidebar .block.block-layered-nav {
    border-bottom: none;
  }

  .block-layered-nav--no-filters .block-title {
    display: none;
  }

  .block-layered-nav .block-content {
    padding-top: 0;
  }
  .block-layered-nav .block-content > dl > dt {
    cursor: pointer;
    border-bottom-width: 0;
  }
  .block-layered-nav .block-content > dl > dt:hover {
  
  }
  .block-layered-nav .block-content > dl > dt:after {
   
  }
  .block-layered-nav .block-content > dl > dt.last {

  }

  .block-layered-nav .block-content.accordion-open > dl > dt.current {

  }
  .block-layered-nav .block-content.accordion-open > dl > dt.current:after {
    
  }
  .block-layered-nav .block-content.accordion-open > dl > dd.current {
    display: block;
  }

  .block-layered-nav .block-subtitle--filter {
    
  }
  .block-layered-nav .block-subtitle--filter:after {
    
  }
  .block-layered-nav .block-subtitle--filter:hover {
    
  }
  .block-layered-nav .block-subtitle--filter.active:after {
    
  }

  #narrow-by-list,
  #narrow-by-list2 {
    
  }

  .block-layered-nav dl ol > li > a,
  .block-layered-nav dl ol > li > span {
    
  }

  .block-layered-nav dl ol > li > a {

  }
  .block-layered-nav dl ol > li > a:hover {

  }
}
.block-layered-nav .currently .block-subtitle {
  display: block;
  margin: 0;
  margin-bottom: 10px;
  

  
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;

}
.block-layered-nav .currently ol {
  padding-left: 10px;
  margin-bottom: 10px;
}
.block-layered-nav .currently ol li {
  margin-bottom: 5px;
}
.block-layered-nav .currently ol li .label {
  font-weight: bold;
}
.block-layered-nav .currently ol li:after {
  content: '';
  display: table;
  clear: both;
}

.block-layered-nav .actions {
  text-align: right;
  margin-bottom: 7px;
}

/* ============================================ *
 * Catalog Event
 * ============================================ */
.event-container {
  clear: both;
  border: 1px solid #b2c900;
  position: relative;
  z-index: 2;
  border-width: 1px 1px;
  margin-top: 7px;
  height: 59px;
}
.event-container:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 10px solid #b2c900;
  border-bottom: none;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
}
.event-container .event {
  padding-bottom: 18px;
  margin-bottom: -18px;
  padding-top: 5px;
  height: 52px;
  line-height: 50px;
  text-align: center;
  width: auto;
  position: relative;
  z-index: 2;
  border-bottom: 0 !important;
}
.event-container .event .event-ticker {
  display: inline;
  
  height: auto;
}
.event-container .event .event-ticker span {
  line-height: 50px;
  height: 50px;
  padding: 0;
}
.event-container .container {
  display: inline;
  margin: 0;
  padding: 0;
  background: none;
}
.event-container .status {
  display: inline;
  margin: 0 10px 0 0;
  background: none;
  font-size: 22px;
}
.event-container .event-dates {
  display: inline;
  font-size: 22px;
  height: auto;
}
.event-container .event-dates div,
.event-container .event-dates p {
  display: inline;
}
.event-container .event-dates .time-part {
  
}

/* ============================================ *
 * Catalog - Product
 * ============================================ */
.product-view .product-essential .extra-info .ratings .rating-box,
.product-view .product-essential .extra-info .ratings .amount {
  float: left;
}
.product-view .product-essential .extra-info .ratings .rating-box {
  margin-top: 8px;
  margin-right: 10px;
}
.product-view .product-essential .extra-info .ratings:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .product-essential:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .product-shop .product-name .h1,
.product-view .product-img-box .product-name h1 {

}

.product-view .product-shop .product-name {
  display: none;
}
.product-view .product-shop .product-name .h1 {
  font-size: 1.571428571em;
  font-family: GothamRoundedMedium;
}
.more-info .attrib-value{display:inline-block; margin-right: 15px; font-size: 0.857em;}
.more-info .attrib-name {display:inline-block; font-family: GothamRoundedMedium; font-size: 0.857em;}

.toggle-tabs li{width: 30%;}
.toggle-content li span{
  display: inline-block;
  border-bottom: 2px solid transparent;
  font-family: GothamRoundedMedium;
}
.toggle-content li.current span{
  border-bottom: 2px solid #c9bfb1;
}
#product-attribute-specs-table th{width: 29%;}
.product-view .product-shop .short-description {
  margin-bottom: 10px;
  clear: both;
}
.product-view .product-shop .ratings {
  margin-bottom: 8px;
}
.product-view .product-shop .availability {
	text-align: left;
}
.product-view .product-shop .price-box {
  margin-top: 0;
}
.product-view .product-shop .price-box .old-price,
.product-view .product-shop .price-box .special-price,
.product-view .product-shop .price-box .regular-price {
  padding-right: 0;
}
.product-view .product-shop .price-box .regular-price .price,
.product-view .product-shop .price-box .special-price .price,
.product-view .product-shop .price-box .full-product-price .price {

  
}
.product-view .product-shop .price-box .special-price .price-label {


}
.product-view .product-shop .price-box .price-excluding-tax,
.product-view .product-shop .price-box .price-including-tax {
  display: block;

}
.product-view .product-shop .price-box .price-excluding-tax .label,
.product-view .product-shop .price-box .price-including-tax .label {

}
.product-view .product-shop .price-box .price-excluding-tax .price,
.product-view .product-shop .price-box .price-including-tax .price {

}
.product-view .old-price .price-label {
  display: none;
}
.product-view .add-to-cart-wrapper,
.product-view .block-related {

}

@media only screen and (max-width: 850px) {
  .product-view .product-shop .price-box .price-excluding-tax .label,
  .product-view .product-shop .price-box .price-including-tax .label {
    font-size: 15px;
  }
  .product-view .product-shop .price-box .price-excluding-tax .price,
  .product-view .product-shop .price-box .price-including-tax .price {
    
  }
}
@media only screen and (max-width: 768px) {
  .product-view .add-to-cart-wrapper {
    float: none;
    width: 100%;
    clear: both;
  }
  .product-view .product-shop .price-box .price-excluding-tax .label,
  .product-view .product-shop .price-box .price-including-tax .label {
    font-size: 16px;
  }
  .product-view .product-shop .price-box .price-excluding-tax .price,
  .product-view .product-shop .price-box .price-including-tax .price {
    font-size: 20px;
  }
}
@media only screen and (max-width: 420px) {
  .product-view .product-shop .price-box .price-excluding-tax,
  .product-view .product-shop .price-box .price-including-tax {
    margin-bottom: 5px;
  }
  .product-view .product-shop .price-box .price-excluding-tax span,
  .product-view .product-shop .price-box .price-including-tax span {
    display: block;
  }
}

.product-img-box .product-name h1 {
  border: 0;
}
.product-img-box .product-image {
  margin-bottom: 10px;
}


@media only screen and (max-width: 479px) {
  .product-img-box .product-image img {
    max-height: 450px;
  }
}
.product-image-gallery {
  position: relative;
}
.product-image-gallery .gallery-image {
  display: none;
}
.product-image-gallery .gallery-image.visible {
  display: block;
}
.product-image-gallery .gallery-image.visible.hidden {
  visibility: hidden;
}
.product-image-gallery:before, .product-image-gallery:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
}
.product-image-gallery:before {
  background-color: white;
  opacity: 0.8;
  z-index: 2;
}
.product-image-gallery:after {
  background-image: url("https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/opc-ajax-loader.gif");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}
.product-image-gallery.loading {
  position: relative;
}
.product-image-gallery.loading:before, .product-image-gallery.loading:after {
  display: block;
}

.product-image-thumbs li {
  display: inline-block;
}
.product-image-thumbs li:first-child {
  margin-left: -1px;
}
.product-image-thumbs a {
  display: inline-block;
}


.product-img-box {

}

.product-view .product-shop,
.product-img-box,
.product-collateral,
.product-view .block-related,
.box-collateral {

}

.product-view {
  /* Set a min-height so that the floated elements break appropriately */
}
.product-view .add-to-box:after,
.product-view .add-to-cart:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .add-to-cart .qty-wrapper,
.product-view .product-options-bottom .price-box,
.product-view .add-to-cart-buttons {
  min-height: 40px;
}
.product-view .product-options-bottom .price-box,
.product-view .add-to-cart .qty-wrapper,
.product-view .add-to-cart-buttons .button,
.product-view .add-to-cart-buttons .paypal-logo {
  margin-bottom: 10px;
}

.product-view .add-to-cart .qty-wrapper label {
  line-height: 40px;
}
.product-view .add-to-cart .qty-wrapper .qty {
  float: left;
  height: 45px;
}
.product-view .add-to-cart-buttons .paypal-logo {
  clear: left;
  text-align: center;
}
.product-view .add-to-cart-buttons .paypal-logo .paypal-button {
  margin: 0 auto;
  display: block;
  width: 145px;
}
.product-view .add-to-cart-buttons .paypal-logo .bml_button {
  display: block;
  width: 150px;
  margin: 0 auto;
}
.product-view .add-to-cart-buttons .paypal-logo .bml_button a {
  text-align: center;
}
.product-view .add-to-cart-buttons .paypal-logo .paypal-or {
  display: block;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  line-height: 1;
  text-align: center;
}
.product-view .add-to-cart-buttons .button {
  height: 45px;
  line-height: 45px;
  font-size: 12px;
  padding: 0px 20px;
  float: left;
  min-width: 160px;
  width: 100%;
}

@media only screen and (max-width: 479px) {
  .product-view .add-to-cart-buttons .paypal-or {
    line-height: 20px;
  }
  .product-view .add-to-cart-buttons .paypal-logo,
  .product-view .add-to-cart-buttons .paypal-or,
  .product-view .add-to-cart-buttons .paypal-button,
  .product-view .add-to-cart-buttons .button {
    text-align: center;
    width: 100%;
    display: block;
    margin-right: 0;
    margin-left: 0;
    float: none;
  }
}
/* This is the "or" that separates the "Add to Cart" and "Add to X" links */
.add-to-box .or {
  display: none;
}

.product-view .add-to-links {
  clear: both;
  margin-top: 0px;
  margin-right: 15px;
  float: left;
}
.product-view .add-to-links:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .add-to-links li {
  float: left;
}
.product-view .add-to-links a {
  padding: 2px 7px 2px 0px;
  margin-left: 7px;
  border-right: 1px solid #cccccc;
}
.product-view .add-to-links li:first-child a {
  margin-left: 0px;
}
.product-view .add-to-links li:last-child a {
  border-right: 0px;
}

.product-view .sharing-links {
  float: left;
}
.product-view .sharing-links:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .sharing-links li {
  float: left;
  padding: 0px 7px 7px;
}
.product-view .sharing-links a {
  text-indent: -9999px;
  display: block;
  width: 26px;
  height: 26px;
}
.product-view .sharing-links a:hover {
  opacity: 0.8;
}
.product-view .sharing-links a.link-wishlist {
  background-position: 0px -225px;
}
.product-view .sharing-links a.link-compare {
  background-position: 0px -250px;
}
.product-view .sharing-links a.link-email-friend {
  background-position: 0px -322px;
}
.product-view .sharing-links a.link-facebook {
  background-position: 0px -425px;
}
.product-view .sharing-links a.link-twitter {
  background-position: 0px -372px;
}

@media only screen and (max-width: 599px) {
  .add-to-box .add-to-links a {
    float: none;
    width: auto;
    text-indent: 0;
  }
}
.product-collateral {
  clear: both;
}

.collateral-tabs dd h2 {
  display: none;
}

.collateral-tabs dd .std h2{
  display: inherit;
}

.box-collateral {
  clear: both;
}

@media only screen and (min-width: 769px) {
  .product-collateral .toggle-tabs {
    display: block;
    width: 100%;
    position: relative;
  }
  .product-collateral .toggle-tabs li {
    float: left;
  }
  .product-collateral .toggle-tabs li > span {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: inline-block;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
  
    
    position: relative;
    bottom: -1px;
  }
  .product-collateral .toggle-tabs li.current {
  }
  .product-collateral .toggle-tabs li.current > span {
    z-index: 5;
  }
  .product-collateral .toggle-tabs li.current span,
  .product-collateral .toggle-tabs li:hover span {
  
  }
  .product-collateral .toggle-tabs li:first-child {
  }
  .product-collateral .toggle-tabs:after {
    content: '';
    display: table;
    clear: both;
  }
  .product-collateral > dl {
    width: 100%;
  }
  .product-collateral > dl > dt {
    display: none;
  }
  .product-collateral > dl > dd {
    width: 100%;
    display: none;
    padding: 15px 0;
  }
  .product-collateral > dl > dd.current {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .product-collateral .toggle-tabs {
    display: none;
  }
  .product-collateral > dl > dt {
    
  }
  .product-collateral > dl > dt:after {
   
  }
  .product-collateral > dl > dd {
    
  }
  .product-collateral > dl > dd:last-child {

  }
  .product-collateral > dl > dt {
    cursor: pointer;
  }
  .product-collateral > dl > dt:hover {
  
  }
  .product-collateral > dl > dt:after {
    
  }
  .product-collateral > dl > dt.last {
  }
  .product-collateral > dl > dd {
    display: none;
  }
  .product-collateral.accordion-open > dl > dt.current {
  }
  .product-collateral.accordion-open > dl > dt.current:after {
    
  }
  .product-collateral.accordion-open > dl > dd.current {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .product-view .product-shop,
  .product-view .add-to-cart-wrapper,
  .product-view .block-related,
  .product-img-box,
  .product-collateral {

  }
}
@media only screen and (min-width: 769px) {
  .product-view .product-shop .product-name {
    display: block;
  }

  .product-img-box .product-name {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .product-view .product-shop,
  .product-img-box,
  .product-collateral,
  .product-view .block-related,
  .box-collateral {
    margin-bottom: 15px;
  }
}
.product-view .ratings .rating-links {
  clear: left;
  float: left;
  margin-top: 0;
}

#product-attribute-specs-table {

}
#product-attribute-specs-table th {

}
#product-attribute-specs-table td {
	border-bottom:none;
}

/* -------------------------------------------- *
 * Catalog - Grouped Product List
 */
.grouped-items-table-wrapper {
  border: solid 1px silver;
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
}
.grouped-items-table-wrapper tbody tr:last-child td {
  border-bottom: none;
}
@media only screen and (max-width: 479px) {
  .grouped-items-table-wrapper {
    margin-bottom: 15px;
  }
}

.grouped-items-table .name-wrapper {

}
.grouped-items-table .qty-wrapper {
  padding-top: 7px;
}
.grouped-items-table .qty-label {
  margin-left: 7px;
}
.grouped-items-table td {
  padding: 4px;
}

/* -------------------------------------------- *
 * Catalog - Product Options
 */
.product-options {
  width: 100%;
  margin: 10px 0 0;
  padding: 10px 15px 15px;
  border: 1px solid #cccccc;
  clear: both;
  position: relative;
}

.product-options p.required {
  position: absolute;
  top: 6px;
  right: 15px;
}

.product-options dt {
  margin: 10px 0 3px;
  font-weight: normal;
}

.product-options dt:first-child {
  margin-top: 0;
}

.product-options dd .qty-holder {
  display: block;
  padding: 10px 0 0 0;
}

.product-options dd .qty-holder .qty {
  width: 3em;
}

.product-options dd .qty-holder label {
  vertical-align: middle;
}

.product-options dd .qty-disabled {
  background: none;
  border: 0;
  padding: 0 2px;
}

.product-options dd {
  padding: 0 0 10px 0;
  margin: 0 0 5px;
  border-bottom: 1px solid #ededed;
}

.product-options dl.last dd.last {
  border-bottom: 0;
  padding-bottom: 5px;
  margin-bottom: 0;
}

.product-options dd .input-text {
  width: 98%;
}

.product-options dd .input-box {
  padding-top: 0;
}

.product-options dd input.datetime-picker {
  width: 150px;
}

.product-options dd .time-picker {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding: 2px 0;
  vertical-align: middle;
}

.product-options dd textarea {
  width: 98%;
  height: 8em;
}

.product-options dd select {
  width: 330px;
  max-width: 100%;
}

.product-options ul.options-list {
  margin-right: 5px;
}

.product-options ul.options-list li {
  line-height: 1.5;
  margin-bottom: 7px;
}

.product-options ul.options-list li:last-child {
  margin-bottom: 0;
}

.product-options ul.options-list .radio,
.product-options ul.options-list .checkbox {
  float: left;
  margin-top: 5px;
}

.product-options ul.options-list .label {
  display: block;
}

.product-options ul.options-list label {
  font-weight: normal;
}

.product-options p.note {
  margin: 0;
  font-size: 11px;
}

.product-options-bottom {
  background-color: #f4f4f4;
  padding: 15px 20px;
  border: 1px solid #cccccc;
  border-top: 0;
  margin-bottom: 10px;
}

.product-options-bottom:after {
  content: '';
  display: table;
  clear: both;
}

.product-options-bottom .product-pricing,
.product-options-bottom .tier-prices {
  float: right;
  margin: 0;
  padding: 0 0 10px;
  border: 0;
  background: 0;
  
}
@media only screen and (max-width: 479px) {
  .product-options-bottom .product-pricing,
  .product-options-bottom .tier-prices {
    float: none;
    width: 100%;
    text-align: right;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc;
  }
}

.product-options-bottom .tier-prices li {
  background: 0;
  padding: 2px 0;
}

.product-options-bottom .tier-prices .price,
.product-options-bottom .tier-prices .benefit {
  
}

/* "display: none" should be removed if products on site have a long list of product options and those product options */
/*  affect the price so that the customer can see the updated price close to the "Add to Cart" button */
.product-options-bottom .price-box {
  display: none;
  float: right;
  margin: 0 0 10px;
  padding: 0;
}

@media only screen and (max-width: 479px) {
  .product-options-bottom .price-box .price-as-configured {
    text-align: right;
  }
  .product-options-bottom .price-box .price-as-configured .price-label {
    display: block;
  }
}
.product-options-bottom .price-tax {
  float: left;
}

/* -------------------------------------------- *
 * Related Products
 */
/* Block: Related */
.block-related li {
  margin-bottom: 7px;
}
.block-related .block-title {
  border-bottom: none;
}
.block-related .block-title h2 {
  margin: 0;
  margin-bottom: 0.5em;
  
  
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  text-rendering: optimizeLegibility;

  margin-bottom: 0;
}
.block-related .block-subtitle {
  margin-bottom: 7px;
}
.block-related .product {
  margin-left: 20px;
  position: relative;
}
.block-related .checkbox {
  float: left;
  margin-top: 36px;
}
.block-related .product-details {
  margin-left: 90px;
}
.block-related .product-name {
  margin-bottom: 3px;
}
.block-related .product-details .price-box {
  margin: 2px 0 3px;
}
.block-related .product-details .price-box a,
.block-related .product-details .price-box p,
.block-related .product-details .price-box span {
  float: left;
  margin-left: 3px;
}
.block-related .product-details .price-box a:first-child,
.block-related .product-details .price-box p:first-child,
.block-related .product-details .price-box span:first-child {
  margin-left: 0;
}
.block-related .product-details .price-box:after {
  content: '';
  display: table;
  clear: both;
}
.block-related .link-wishlist {
  display: none;
}

/* -------------------------------------------- *
 * Upsell Products
 */
.box-up-sell {
  margin-top: 55px;
}
.box-up-sell .ratings {
  display: none;
}

/* ============================================ *
 * Catalog - MSRP MAP Popup
 * ============================================ */
.cart-msrp-totals {
  color: red;
  font-size: 12px !important;
  font-weight: bold;
  margin: 10px 10px 0;
  padding: 10px;
  text-align: right;

}

.map-cart-sidebar-total {
  color: red;
  display: block;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  padding: 2px 5px;
}

.map-popup {
  background: #FFFFFF;
  border: 5px solid #cccccc;
  margin: 12px 0 0;
  position: absolute;
  text-align: left;
  width: 450px;
  z-index: 100;
}
@media only screen and (min-width: 769px) {
  .map-popup.map-popup-right {
    left: 10px !important;
  }
  .map-popup.map-popup-left {
    left: auto !important;
    right: 10px !important;
  }
}
@media only screen and (max-width: 768px) {
  .map-popup {
    width: 100%;
    left: 0px !important;
  }
}
.map-popup .map-popup-heading {
  padding: 8px 10px;
  margin-right: 40px;
  width: auto;
}
.map-popup .map-popup-heading h3 {
  
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: break-word;
  text-align: left;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 479px) {
  .map-popup .map-popup-heading h3 {
    text-align: center;
  }
}
.map-popup .map-popup-close {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 36px;
  width: 36px;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
}
.map-popup .map-popup-content {
  border-top: 1px solid #ededed;
  padding: 10px;
  margin: 0 10px;
  overflow: hidden;
  text-align: left;
}
@media only screen and (max-width: 479px) {
  .map-popup .map-popup-content {
    text-align: center;
  }
}
.map-popup .map-popup-checkout {
  padding: 10px 0;
}
.map-popup .map-popup-checkout form:after {
  content: '';
  display: table;
  clear: both;
}
.map-popup .map-popup-checkout span {
  display: block;
}
.map-popup .map-popup-checkout .button {
  float: left;
  margin: 0 2px;
  clear: left;
}
.map-popup .map-popup-checkout .additional-addtocart-box {
  float: left;
  min-width: 210px;
}
.map-popup .map-popup-checkout .additional-addtocart-box li {
  list-style-type: none;
}
.map-popup .map-popup-checkout .paypal-logo {
  width: auto;
}
.map-popup .map-popup-checkout .paypal-logo a {
  display: inline-block;
  float: left;
  clear: left;
}
.map-popup .map-popup-checkout .paypal-logo .paypal-or {
  float: left;
  text-align: center;
  padding: 5px 15px;
  clear: left;
}
.map-popup .map-popup-checkout .paypal-logo:after {
  content: '';
  display: table;
  clear: both;
}
.map-popup .map-popup-checkout .paypal-logo .bml_button a {
  clear: left;
}
@media only screen and (max-width: 479px) {
  .map-popup .map-popup-checkout {
    text-align: center;
  }
  .map-popup .map-popup-checkout .button,
  .map-popup .map-popup-checkout .additional-addtocart-box,
  .map-popup .map-popup-checkout .paypal-logo a,
  .map-popup .map-popup-checkout .paypal-logo .paypal-or {
    float: none;
  }
  .map-popup .map-popup-checkout .additional-addtocart-box {
    min-width: 0px;
  }
  .map-popup .map-popup-checkout .paypal-logo .paypal-or {
    margin: 0px;
    margin-bottom: 10px;
  }
}
.map-popup .map-popup-checkout:after {
  content: '';
  display: table;
  clear: both;
}
.map-popup .map-popup-price {
  padding: 10px 0;
}
.map-popup .map-popup-price .price-box,
.map-popup .map-popup-price .price-box .special-price {
  display: inline-block;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 479px) {
  .map-popup .map-popup-price {
    text-align: center;
    padding-top: 0px;
  }
}
.map-popup .map-popup-text {
  padding: 10px 0;
  margin: 0 10px;
  word-wrap: break-word;
}
.map-popup .map-popup-text,
.map-popup .map-popup-only-text {
  border-top: 1px solid #ededed;
}

/* ============================================ *
 * Catalog - Compare
 * ============================================ */
.block-compare .product-name:after {
  content: '';
  display: table;
  clear: both;
}

.compare-table .product-image {
  display: inline-block;
}

.compare-table .product-shop-row.top td {
  padding-bottom: 0;
  border-bottom: 0;
}
.compare-table .product-shop-row.bottom td {
  padding-top: 0;
}

/* ============================================ *
 * Checkout - Layout
 * ============================================ */
.cart-table {
  float: left;
  width: 55%;
}
.cart-forms {
  /*
	float: right;
	width: 40%;
  padding-left: 20px;
   */
}
.cart-totals-wrapper{
  float: right;
  clear: right;
  width: 40%;
  padding-left: 20px;
}
.crosssell{
  width: 100%;
  float: none;
  margin-top: 60px;
}

.cart-totals,
.cart-forms .discount,
.cart-forms .giftcard,
.cart-forms .shipping {
  padding-top: 25px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 25px;
  background-color: #f1f1f1;
  border: 0px solid #cccccc;
}

.cart-table,
.cart-totals,
.cart-forms .discount,
.cart-forms .giftcard,
.cart-forms .shipping {
  margin-bottom: 20px;
}

.display-both-prices .cart-table {
  float: none;
  width: 100%;
}
.display-both-prices .cart-forms {
  float: left;
  padding-right: 10px;
  padding-left: 0;
}
.display-both-prices .cart-totals-wrapper,
.display-both-prices .crosssell {
  padding-left: 10px;
}
.display-both-prices .cart-forms,
.display-both-prices .cart-totals-wrapper,
.display-both-prices .crosssell {
  width: 50%;
}
.display-both-prices .crosssell {
  clear: right;
  float: right;
}

@media only screen and (max-width: 979px) {
  .display-single-price .cart-table {
    float: none;
    width: 100%;
  }
  .display-single-price .cart-forms {
    float: left;
    padding-right: 10px;
    padding-left: 0;
  }
  .display-single-price .cart-totals-wrapper,
  .display-single-price .crosssell {
    padding-left: 10px;
  }
  .display-single-price .cart-forms,
  .display-single-price .cart-totals-wrapper,
  .display-single-price .crosssell {
    width: 50%;
  }
  .display-single-price .crosssell {
    clear: right;
    float: right;
  }
}
@media only screen and (max-width: 599px) {
  .product-cart-sku {
    display: none;
  }

  .display-both-prices .cart-forms,
  .display-both-prices .cart-totals-wrapper,
  .display-both-prices .crosssell,
  .display-single-price .cart-forms,
  .display-single-price .cart-totals-wrapper,
  .display-single-price .crosssell {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    float: none;
    width: 100%;
  }
}
/* ============================================ *
 * Checkout - Cart
 * ============================================ */
.cart .page-title {
  margin-bottom: 15px;
  border-bottom: 1px solid #ededed;
}
.cart .page-title:after {
  content: '';
  display: table;
  clear: both;
}
.cart .page-title h1 {
  float: left;
  border-bottom: none;
  margin-bottom: 6px;
  margin-right: 10px;
}

.checkout-types {
  float: right;
  text-align: right;
  max-width: 100%;
  /* We always want this shipping method to display on its own line */
}
.checkout-types li {
  vertical-align: top;
  margin: 0 0 5px 5px;
}
.checkout-types li:after {
  content: '';
  display: table;
  clear: both;
}
.checkout-types li img {
  display: inline;
  vertical-align: top;
}
.checkout-types li:first-child {
  margin-left: 0;
}
.checkout-types .method-checkout-cart-methods-multishipping {
  display: block;
}
.checkout-types.top li {
  display: inline-block;
}
.checkout-types.top .bml_button {
  display: inline-block;
  vertical-align: top;
}
.checkout-types.top .bml_button img {
  display: block;
}
.checkout-types.bottom .paypal-logo a, .checkout-types.minicart .paypal-logo a {
  display: block;
}
.checkout-types.bottom .amazonpayments-or, .checkout-types.minicart .amazonpayments-or,
.checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or {
  margin: 0px;
  width: 150px;
  display: block;
  text-align: center;
  float: right;
}

.cart-totals .checkout-types .btn-checkout {
  margin-bottom: 7px;
}

@media only screen and (max-width: 670px) {
  .checkout-types {
    float: none;
    text-align: center;
  }
  .checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or {
    width: auto;
    float: none;
  }

  .checkout-types li {
    float: none;
    width: 100%;
    margin-left: 0;
  }

  .btn-checkout {
    width: 100%;
  }
}
.cart-table {
}
.cart-table th,
.cart-table td,
.cart-table tbody td {
  border-bottom: none;
  vertical-align: top;
}
.cart-table h2 {
  
  
  font-weight: 600;
  margin-bottom: 0;
}
.cart-table thead th,
.cart-table tbody td {
  background-color: transparent;
  padding: 10px 5px;
}
.cart-table tbody td {
  padding-bottom: 30px;
}
.cart-table .product-cart-info,
.cart-table .product-cart-actions {
  padding-right: 15px;
  position: relative;
}
.cart-table .product-cart-info .product-cart-sku{
  position: absolute;
  top: 38px;
  left: 270px;
  width: 250px;
}
.cart-table .product-cart-info .product-cart-mixcode{
  position: absolute;
  top: 0px;
  left: 270px;
  width: 250px;
}
@media only screen and (max-width: 768px) {
  .cart-table .product-cart-info .product-cart-sku{position: unset; display: block;}
  .cart-table .product-cart-info .product-cart-mixcode{position: unset;}
}
.cart-table tr {
  border-bottom: 1px solid silver;
}
.cart-table tfoot tr {
  background: none;
}
.cart-table tfoot tr > td:after {
  content: '';
  display: table;
  clear: both;
}
.cart-table span.or {
  font-size: 9px;
  padding: 0 5px;

}
.cart-table .product-cart-image .cart-links,
.cart-table .product-cart-info .btn-remove,
.cart-table .product-cart-actions .button {
  display: none;
}
.cart-table .product-cart-image {
  padding-left: 0;
  padding-right: 0;
}
.product-cart-image img{max-height: 250px;}
.cart-table .product-cart-image .product-image img {
  max-width: 100%;
  /* width: 100%; */
}
.cart-table .product-cart-image a.cart-edit {
  display: none;
}
.cart-table .product-cart-sku .label {
  font-family: "GothamRoundedMedium";
}
.cart-table .btn-empty {
  /*float: left;*/
  display: none;
}
.cart-table .product-cart-price {
  text-align: center;
}
.cart-table .cart-tax-total {
  position: relative;
  cursor: pointer;
}
.cart-table .cart-tax-total:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #b2c900;
  border-left: none;
  position: absolute;
  top: 3px;
  right: -11px;
}
.cart-table .cart-tax-total.cart-tax-total-expanded:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 6px solid #b2c900;
  border-bottom: none;
  right: -15px;
  top: 6px;
}
.cart-table .cart-links > li {
  white-space: nowrap;
  line-height: 1.3;
  margin-bottom: 5px;
  min-width: 65px;
  
}
.cart-table .cart-links > li > a {
  display: block;
}
.cart-table .cart-links > li:last-child {
  margin-bottom: 0;
}
.cart-table .product-cart-actions {
  min-width: 60px;
  text-align: center;
}
.cart-table .product-cart-actions .qty {
  height: 30px;
  border-color: silver;
  border-radius: 0;
  margin-bottom: 10px;
  text-align: center;
  width: 3em;
}
.cart-table .product-cart-actions .button {
  margin-bottom: 5px;
}
.cart-table .item-options {
  padding-left: 15px;
}

@media only screen and (max-width: 768px) {
  .cart-table th {
    
  }
  .cart-table th,
  .cart-table td {
    padding: 7px 6px;
  }
  .cart-table .product-cart-actions > li {
    white-space: inherit;
  }
}
@media only screen and (max-width: 699px) {
  .display-both-prices .cart-table thead th.cart-total-head,
  .display-both-prices .cart-table td.product-cart-total {
    display: none;
  }
}
@media only screen and (max-width: 599px) {
  .cart-table colgroup, .cart-table thead {
    display: none;
  }
  .cart-table tr {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  .cart-table tr:after {
    content: '';
    display: table;
    clear: both;
  }
  .cart-table tr:last-child {
    margin-bottom: 0;
  }
  .cart-table tfoot tr {
    padding-bottom: 0;
  }
  .cart-table td {
    border: none;
    display: block;
  }
  .cart-table td[data-rwd-label] {
    padding-left: 15px;
    margin-bottom: 6px;
  }
  .cart-table td[data-rwd-label] .price {
    font-weight: normal;
  }
  .cart-table td[data-rwd-label]:before {
    content: attr(data-rwd-label) ":";
    

    padding-right: 5px;
  
  }
  .cart-table td.product-cart-price {
    text-align: left;
  }
  .cart-table h2 {
    
  }
  .cart-table .cart-links {
    padding-top: 5px;
    padding-right: 5px;
  }
  .cart-table .cart-links > li {
    white-space: normal;
    text-align: center;
  }
  .cart-table .cart-links > li > a {
    padding: 2px 0px;
  }
  .cart-table .cart-tax-info {
    font-style: italic;
    padding-left: 15px;
    
  }
  .cart-table .cart-tax-info .price {
    
  }
  .cart-table .product-cart-image {
    width: 100%;
    float: left;
    padding-bottom: 0;
  }
  #shopping-cart-table .product-image {text-align: center;}
  .product-collateral.toggle-content.tabs{background: #eeebe7;}

  #product-attribute-specs-table th.label,
  #product-attribute-specs-table td.data{
    display: block;
  }
  .product-cart-actions .itemremovelink{display: inline-block !important;}
  .cart-table .product-cart-image a.cart-edit {
    display: block;
    font-size: 16px;
    text-align: center;
  
  }
  .cart-table .product-cart-info,
  .cart-table td[data-rwd-label] {
    float: right;
    width: 75%;
  }
  .cart-table .product-cart-actions,
  .cart-table .product-cart-price {
    padding-bottom: 0;
    padding-top: 0;
    float: right;
  }
  .cart-table .product-cart-remove,
  .cart-table .product-cart-total,
  .cart-table .product-cart-actions .cart-links {
    display: none;
  }
  .cart-table .product-cart-image .cart-links,
  .cart-table .product-cart-info .btn-remove {
    display: block;
  }
  .cart-table .product-cart-actions .button {
    display: none;
  }
  .cart-table .product-cart-info .btn-remove {
    float: right;
    margin: -4px 0px 2px 7px;
  }
  .cart-table .product-cart-info .product-cart-sku {
    margin-bottom: 5px;
  }
  .cart-table .product-cart-actions {
    text-align: left;
  }
  .cart-table .product-cart-actions .qty {
    margin-right: 7px;
    margin-bottom: 7px;
  }
  .cart-table .price,
  .cart-table .product-cart-price:before {
    font-weight: 500;
    font-size: 15px;
  }
  .cart-table .cart-footer-actions {
    text-align: center;
    width: 100%;
  }
  .cart-table .cart-footer-actions #empty_cart_button {
    float: right;
  }
  .cart-table .cart-footer-actions .btn-continue {
    float: left;
  }
  .cart-table .cart-footer-actions .btn-update,
  .cart-table .cart-footer-actions span.or {
    display: none;
  }

  .display-both-prices .cart-table td[data-rwd-tax-label]:before {
    content: attr(data-rwd-tax-label) ":";
  }
}
/* ============================================ *
 * Checkout - Estimate Shipping and Tax
 * ============================================ */
.shipping h2 {
  
  font-weight: bold;
  margin: 0 0 5px;
}
.shipping select {
  max-width: 100%;
  height: 30px;
  display: block;
  border: 1px solid silver;
}
.shipping select.validation-failed {
  border-color: red;
}
.shipping .shipping-desc {
  display: none;
}
.shipping .buttons-set {
  border: none;
  margin: 0;
  padding: 0;
}
.shipping .form-list:after {
  content: '';
  display: table;
  clear: both;
}
.shipping .form-list li {
  float: left;
  margin: 5px 2% 10px 0;
}
.shipping .form-list .shipping-country {
  width: 37%;
}
.shipping .form-list .shipping-region {
  width: 41%;
}
.shipping .form-list .shipping-postcode {
  margin-right: 0;
  width: 30%;
}
.shipping .form-list .shipping-postcode input {
  margin-top: 4px;
}
.shipping .form-list .input-box {
  padding-top: 0;
}
.shipping .form-list input {
  height: 30px;
  margin-top: 4px;
}
.shipping .form-list label {
  
  font-weight: 400;

}
.shipping .sp-methods {
  padding: 10px 0 0;
  text-align: left;
}
.shipping .sp-methods dd {
  margin-bottom: 10px;
}
.shipping .sp-methods label {
  
  font-style: italic;
  min-width: 100px;
}
.shipping .sp-methods label span {
  font-weight: bold;
  font-style: normal;
}
.shipping #co-shipping-method-form .buttons-set .button {
  float: left;
  margin-left: 0;
}
.shipping #co-shipping-method-form .sp-methods dd label {
  border: 1px solid #cccccc;
  background-color: #e7e7e7;
  min-width: 220px;
}
.shipping #co-shipping-method-form .sp-methods dd label:hover {
  background-color: #dbdbdb;
}

@media only screen and (max-width: 768px) {
  .shipping .shipping-form .form-list > li {
    width: 100%;
    float: none;
  }
  .shipping .shipping-form .form-list > li label {
    display: block;
  }
  .shipping .shipping-form .form-list > li input,
  .shipping .shipping-form .form-list > li select {
    width: 100%;
  }
}
.cart .cart-totals {
  text-align: right;
}
.cart .cart-totals:after {
  content: '';
  display: table;
  clear: both;
}
.cart .cart-totals table {
  
  margin-bottom: 20px;

  width: 100%;
}
.cart .cart-totals table td {
  padding: 2px 0px;
}
.cart .cart-totals table td:first-child {
  padding-right: 10px;
  min-width: 120px;
}
.cart .cart-totals table tbody tr:last-child td,
.cart .cart-totals table tbody tr:last-child th {
  padding-bottom: 10px;
}
.cart .cart-totals table tfoot {
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}
.cart .cart-totals table tfoot td {
  /*
  padding: 2px 5px;*/
  padding: 2px 0;
  vertical-align: top;
}
.cart .cart-totals table tfoot strong span,
.cart .cart-totals table tfoot span.price {

}
.cart .cart-totals table tfoot strong {
  font-weight: 400;
}

@media only screen and (max-width: 600px) {
  .cart-totals {
    text-align: right;
  }
}
@media only screen and (max-width: 768px) {
  .cart .cart-totals table tfoot td {
    
  }
}
.discount-form:after,
#giftcard-form:after {
  content: '';
  display: table;
  clear: both;
}

#discount-coupon-form,
.cart .giftcard {
  width: 100%;
}
#discount-coupon-form h2,
.cart .giftcard h2 {
  display: none;
}
#discount-coupon-form label,
.cart .giftcard label {
  
  font-weight: 400;
  text-align: left;

  min-width: 105px;
  display: inline-block;
  margin-right: 10px;
}
#discount-coupon-form label {
	float:left;
	line-height:50px;
}
#discount-coupon-form .field-wrapper {
	float:right;
}
#discount-coupon-form .field-wrapper,
.cart .giftcard .field-wrapper {
  display: inline-block;
}
#discount-coupon-form .validation-advice,
.cart .giftcard .validation-advice {
  display: inline;
}
#discount-coupon-form .button-wrapper,
.cart .giftcard .button-wrapper {
  display: inline-block;
  vertical-align: middle;
}
#discount-coupon-form .button-wrapper > button,
.cart .giftcard .button-wrapper > button {
  float: left;
}
#discount-coupon-form .input-text,
.cart .giftcard .input-text {
  border-radius: 0;
  height: 40px;
  margin: 4px 10px 0 0;
  width: 165px;
}
#discount-coupon-form .input-text {
	margin-bottom:6px !important;
}

.cart .giftcard p {
  margin-bottom: 7px;
}

.cart .giftcard .check-gc-status {
  float: left;
  padding: 0px;
}
.cart .giftcard .check-gc-status > span > span {
  
  text-transform: none;
}
.itemremovelink{display:inline-block; margin-left: 20px;}
.product-cart-actions .itemremovelink{display: none;}
/* ============================================ *
 * Checkout - Cart Cross sell
 * ============================================ */
.crosssell h2 {

}
.crosssell #crosssell-products-list .button,
.crosssell #crosssell-products-list .add-to-links {
  display: none;
}

/* Change the layout to 2 columns at a breakpoint that is higher than a 3 columns layout would normally break */
@media only screen and (max-width: 979px) {
  .crosssell {
    /* Undo three-column config */
  }
  .crosssell .products-grid > li:nth-child(even),
  .crosssell .products-grid > li:nth-child(3n),
  .crosssell .products-grid > li {
    width: 47.72727%;
    margin-right: 4.54545%;
  }
  .crosssell .products-grid > li:nth-child(odd) {
    clear: left;
  }
  .crosssell .products-grid > li:nth-child(even) {
    margin-right: 0;
  }
  .crosssell .products-grid > li:nth-child(3n+1) {
    clear: none;
  }
}
@media only screen and (max-width: 320px) {
  .crosssell ul .item {
    padding: 0 0px 40px;
  }
  .crosssell ul .product-details .crosssell-actions {
    padding: 0 5px;
  }
}
/* ============================================ *
 * Checkout - One Page
 * ============================================ */
.checkout-onepage-index .col-right,
.checkout-onepage-index .col-left {
  display: none;
}

.checkout-onepage-index .col-main {
  width: auto;
  float: none;
}

@media only screen and (min-width: 980px) {
  .checkout-onepage-index .col-main {
    float: left;
    width: 68.75%;
    padding-right: 20px;
  }
  .checkout-onepage-index .col-right,
  .checkout-onepage-index .col-left {
    width: 31.25%;
    display: block;
  }
  .checkout-onepage-index .col-right {
    padding-left: 0;
  }
}
.opc select {
  width: 365px;
  max-width:100%;
  height: 40px;
}
label{
  font-size: 0.85714em;
  font-family: GothamRoundedMedium;
}

/* -------------------------------------------- *
 * Section Styling - Default
 */
.opc .section .step-title {
  width: 100%;
  border-top: 1px solid #ececec;
  position: relative;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.opc .section .step-title:after {
  content: '';
  display: table;
  clear: both;
}

.opc .section.allow:not(.active) .step-title {
  cursor: pointer;
}

/* Using .no-touch since touch devices emulate hover, thereby making steps look active that are not */
.no-touch .opc .section.allow:not(.active) .step-title:hover {
  background-color: #f4f4f4;
}

.opc .section.active .step-title {
  border-bottom: 1px solid #ececec;
}

.opc .section .step-title a {
  display: none;
}

.opc .section.allow:not(.active) .step-title a {
  display: block;
  float: right;
  line-height: 40px;
  height: 40px;
  padding: 0px 10px;
}

.no-touch .opc .section .step-title a:hover {
  text-decoration: none;
}

.opc .section .step-title .number,
.opc .section.allow.active .step-title .number,
.no-touch .opc .section.allow:hover .step-title .number {
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -13px;
}



.opc .section.allow .step-title:hover h2,
.opc .section.active .step-title h2 {

}

.opc .section .step-title h2 {
  float: left;
  margin: 0px 4px 0px 45px;
}

.opc .section .step {
  padding: 20px;
}
.opc .section .step:after {
  content: '';
  display: table;
  clear: both;
}

#checkout-review-table td.last {
	text-align:right;
}

@media only screen and (max-width: 979px) {
  .opc .section .step {
    padding: 10px;
  }
}

.opc h3 {
  font-weight: 500;
}

.opc .buttons-set {
  text-align: left;
}
.opc .buttons-set button.button {
  margin-left: 0;
  margin-right: 10px;
  margin-bottom: 0;
}
.opc .buttons-set p.required {
  float: left;
  margin-left: 5px;
  margin-bottom: 0;
}
.opc .buttons-set .back-link {
  float: left;
  margin: 0;
}
.opc .buttons-set a {
  line-height: 20px;
  display: inline-block;
  padding: 5px 5px 5px 0;
}

@media only screen and (max-width: 479px) {
  .opc .buttons-set .button + .buttons-set .button,
  .paypal-express-review .buttons-set .button + .buttons-set .button {
    margin-left: 0;
  }
}
.opc #opc-login .step {
  padding: 0px;
}
.opc #opc-login .buttons-set {
  border-top: 0;
  padding-top: 5px;
}

@media only screen and (max-width: 768px) {
  .opc #opc-login .description,
  .opc #opc-login p.required {
    display: none;
  }
}
#opc-payment .note {
  padding: 10px;
}

/* -------------------------------------------- *
 * This section hides everything but the "Checkout Method" step of the checkout process and fades in the content
 * once the customer progresses to the next step. The purpose of this is to simplify what the customer has to focus on.
 * It is limited to larger viewports since smaller devices are inherently going to be focused solely on the
 * "Checkout Method" step.
 */
.opc.opc-firststep-login .section:not(#opc-login) .step-title,
.opc-block-progress-step-login {
  -webkit-transition: opacity 300ms linear;
  -webkit-transition-delay: 0;
  -moz-transition: opacity 300ms linear 0;
  -o-transition: opacity 300ms linear 0;
  transition: opacity 300ms linear 0;
}

.opc.opc-firststep-login .section#opc-login .step-title .number {
  -webkit-transition: width 80ms linear;
  -webkit-transition-delay: 0;
  -moz-transition: width 80ms linear 0;
  -o-transition: width 80ms linear 0;
  transition: width 80ms linear 0;
}

.opc.opc-firststep-login .section#opc-login .step-title h2 {
  -webkit-transition: margin-left 80ms linear;
  -webkit-transition-delay: 0;
  -moz-transition: margin-left 80ms linear 0;
  -o-transition: margin-left 80ms linear 0;
  transition: margin-left 80ms linear 0;
}

/* When a user progresses from the "Checkout Method" to "Billing Information" for the first time, the              */
/* "opc-has-progressed-from-login" class gets added to the body. Also, the .opc element will only have the         */
/* "opc-firststep-login" class if the first step of the checkout is the "Checkout Method" (eg, not when logged in) */
body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section:not(#opc-login) .step-title,
body:not(.opc-has-progressed-from-login) .opc-block-progress-step-login {
  opacity: 0;
}

body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title .number {
  width: 0px;
  overflow: hidden;
}

body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title h2 {
  margin-left: 0px;
}

/* -------------------------------------------- *
 * Shipping and Payment methods
 */
.sp-methods {
  margin: 0 0 8px;
}
.sp-methods dt {
  margin: 13px 0 5px;
  font-weight: bold;
}
.sp-methods dt:first-child {
  margin: 0 0 5px;
}
.sp-methods dd li {
  margin: 5px 0;
}
.sp-methods label img {
  float: left;
}
.sp-methods label a {
  margin-top: 6px;
  float: right;
  margin-left: 10px;
}
.sp-methods .price {
  font-weight: bold;
}
.sp-methods .form-list {
  padding-left: 20px;
}
.sp-methods .form-list li {
  margin: 0 0 8px;
}
.sp-methods select.month {
  width: 120px;
  margin-right: 10px;
}
.sp-methods select.year {
  width: 96px;
}
.sp-methods input.cvv {
  width: 4em !important;
}
.sp-methods .checkmo-list li {
  margin: 0 0 5px;
  content: '';
  display: table;
  clear: both;
}
.sp-methods .checkmo-list label {
  width: 165px;
  padding-right: 15px;
  text-align: right;
  float: left;
}
.sp-methods .checkmo-list address {
  float: left;
}
@media only screen and (max-width: 479px) {
  .sp-methods .checkmo-list {
    padding-left: 0;
  }
  .sp-methods .checkmo-list label {
    width: 135px;
  }
}
.sp-methods .release-amounts {
  margin: 0.5em 0;
}
.sp-methods .release-amounts button {
  float: left;
  margin: 5px 10px 0 0;
}

/* One Page Checkout */
.block-progress {
}
.block-progress .block-content {
  
}
.block-progress dt {
  padding-top: 6px;

}
.block-progress dt.complete {
  
}
.block-progress dd {
  padding-left: 15px;
  margin-bottom: 10px;
}
.block-progress dd address {
  font-style: italic;
}
.block-progress #payment-progress-opcheckout .subtitle {
  margin-bottom: 3px;
}
.block-progress .payment-info dt {
  padding: 0;
  margin: 0 0 3px 0;
  text-transform: none;
  float: left;
  clear: both;
  
}
.block-progress .payment-info dt:after {
  content: ': ';
}
.block-progress .payment-info dd {
  float: left;
  margin-bottom: 3px;
  
}
.block-progress .payment-info:after {
  content: '';
  display: table;
  clear: both;
}

/* review step */
#checkout-review-table .btn-remove img {
  display: none;
}

/* show/hide "change" link for progress step depend on complete status
 * should be placed in .css file */
.opc-block-progress dt.complete a,
.opc-block-progress dt.complete .separator {
  display: inline;
}

.opc-block-progress dt a,
.opc-block-progress dt .separator {
  display: none;
}

/* On small screens, the progress review content will be moved to the review step via JS. Styled via this CSS: */
#checkout-step-review .opc-block-progress {
  border-left: none;
  padding-left: 0;
}
#checkout-step-review .opc-block-progress .block-title {
  display: none;
}
#checkout-step-review .opc-block-progress .block-content {
  display: block !important;
  padding: 0;
}
#checkout-step-review .opc-block-progress .block-content > dl > div {
  float: left;
  width: 50%;
}
@media only screen and (max-width: 479px) {
  #checkout-step-review .opc-block-progress .block-content > dl > div {
    float: none;
    width: auto;
  }
}
#checkout-step-review .opc-block-progress .block-content .changelink {
  display: none;
}

@media only screen and (max-width: 479px) {
  #checkout-review-table thead > tr > th {
    display: none;
  }
  #checkout-review-table thead > tr > th:first-child {
    display: block;
  }

  #checkout-review-table thead > tr > th:first-child {
    display: block;
  }
}
#checkout-step-review .centinel > p {
  margin-bottom: 10px;
}
#checkout-step-review .centinel iframe {
  width: 100%;
  min-height: 400px;
}

/* Gift options */
.gift-messages-form .item {
  content: '';
  display: table;
  clear: both;
  margin-top: 30px;
}
.gift-messages-form .item h5 {
  font-weight: bold;
}
.gift-messages-form .item .product-img-box {
  width: auto;
  float: left;
  padding-right: 15px;
}
.gift-messages-form .item .details {
  float: left;
}

.gift-message-form .inner-box > div {
  content: '';
  display: table;
  clear: both;
  width: 100%;
  margin-top: 15px;
}
.gift-message-form .inner-box > div.extra-options-container p {
  margin-bottom: 15px;
}
.gift-message-form .gift-wrapping-form label {
  margin-right: 10px;
}
.gift-message-form .gift-wrapping-form img {
  float: left;
}

/* ============================================ *
 * Checkout - Success
 * ============================================ */
.checkout-onepage-success .col-main {
  padding: 0;
  text-align: center;
}
.checkout-onepage-success .buttons-set {
  margin: 10px 0;
  text-align: center;
}
.checkout-onepage-success .buttons-set button {
  float: none;
}
.gift-message-form .gift-wrapping-form .gift-wrapping-design {
  height: 75px;
}
.gift-message-form .gift-wrapping-form .gift-wrapping-design:after {
  content: '';
  display: table;
  clear: both;
}
.gift-message-form .gift-wrapping-form .gift-wrapping-design .image-box {
  margin-right: 5px;
}
.gift-message-form .gift-item {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #ececec;
}
.gift-message-form .gift-item:after {
  content: '';
  display: table;
  clear: both;
}
.gift-message-form .gift-item .product-img-box {
  width: 200px;
}
.gift-message-form .gift-item .product-img-box .product-image {
  width: 75px;
  margin-left: auto;
  margin-right: auto;
}
.gift-message-form .gift-item .product-img-box .product-name {
  display: block;
}
.gift-message-form .gift-item .fieldset {
  margin-left: 200px;
}

@media only screen and (max-width: 768px) {
  .gift-message-form .gift-item .product-img-box {
    width: 100%;
    float: none;
  }
  .gift-message-form .gift-item .fieldset {
    margin-left: 0px;
  }
  .gift-message-form .gift-item .fieldset textarea {
    width: 100%;
  }
}
/**
 * @category   Mage
 * @package    ConfigurableSwatches
 */
/* Clears */
.clearfix:after,
.configurable-swatch-list:after,
.product-view .product-options .swatch-attr:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}

.product-view .product-options .swatch-attr {
  float: none;
  display: block;
  clear: both;
  border: 0;
}

.product-view .product-options dt.swatch-attr label {
  display: block;
  line-height: 1.3;
}

/* General Swatch Styling */
.configurable-swatch-list {
  margin-left: -3px;
  zoom: 1;
  clear: both;
}

.configurable-swatch-list li {
  float: left;
  zoom: 1;
  margin: 0 0 0 3px;
}

#narrow-by-list dd .configurable-swatch-list li {
  margin: 0 0 0 3px;
  width: 47%;
}

.swatch-link img {
  border-radius: 3px;
}

.swatch-link,
.swatch-label {
  display: block;
  border-radius: 3px;
  
  text-align: center;
  color: #666666;
  text-decoration: none;
  box-sizing: content-box;
}

.swatch-link {
  border: 1px solid #bbbbbb;
  margin: 0 0 3px;
}

#narrow-by-list dd .swatch-link {
  float: left;
  margin-right: 2px;
  padding: 0;
}

.currently .swatch-link {
  display: inline-block;
  margin: 0 0 0 10px;
}

.swatch-label {
  border: 1px solid #fff;
  margin: 0;
  white-space: nowrap;
  background: #efefef;
}

.swatch-link:hover {
  cursor: pointer;
}

.currently .swatch-link:hover {
  cursor: default;
}

.swatch-link .x {
  display: none;
  text-indent: -999em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/bg_x.png) center no-repeat transparent;
  z-index: 10;
}

.configurable-swatch-list .not-available .x {
  display: block;
}

.configurable-swatch-list .not-available .swatch-link {
  border-color: #e6e6e6;
  position: relative;
}

.configurable-swatch-list .not-available .swatch-label {
  color: #aaa;
  background: #fff;
}

/* Image Swatches */
.swatch-link.has-image .swatch-label {
  position: relative;
}

.swatch-link.has-image img {
  position: absolute;
  top: 0;
  left: 0;
}

.configurable-swatch-list .not-available .swatch-link.has-image img {
  opacity: 0.4;
  filter: alpha(opacity=40);
}

/* Other Swatch States */
.configurable-swatch-list .hover .swatch-link,
.configurable-swatch-list .selected .swatch-link,
.swatch-link:hover {
  border-color: #44f;
}

.currently .swatch-link:hover {
  border-color: #bbbbbb;
}

.configurable-swatch-list .wide-swatch .swatch-label {
  padding: 0 6px;
}

.configurable-swatch-box {
  background: none !important;
}

.configurable-swatch-box select.swatch-select {
  display: none;
}

.configurable-swatch-box .validation-advice {
  margin: 0 0 5px;
  background: #D91A00;
  padding: 2px 5px !important;
  font-weight: bold;
  color: #fff !important;
  float: left;
  display: block;
  border-radius: 3px;
}

/* CUSTOM */
.availability.out-of-stock span {
  color: #333;
}

.product-view .add-to-cart button.out-of-stock {
  background-position: -80px -362px;
  cursor: default;
}

.product-view .product-options dd .input-box {
  width: auto;
  height: auto;
}

.product-options .select-label {
  display: none;
}

.product-options dt.swatch-attr label,
.product-options dt.swatch-attr .select-label {
  
}

.product-options dt.swatch-attr .select-label {
  display: inline;
  font-weight: normal;
  color: #00acb1;
  padding-left: 5px;
}

/* ============================================ *
 * Customer
 * ============================================ */
.customer-account-login .scaffold-form label:first-child {
  width: 115px;
}
.customer-account-login .col2-set .buttons-set {
  text-align: left;
  border-top: 0;
}
.customer-account-login .col2-set .buttons-set button,
.customer-account-login .col2-set .buttons-set .button {
  float: none;
  min-width: 50%;
  margin: 0;
}
.customer-account-login .col2-set .col-1 ul {
  list-style: disc;
  padding-left: 20px;
  margin: 10px 0 20px 0;
}
@media only screen and (min-width: 480px) {
  .customer-account-login .col2-set .col-1,
  .customer-account-login .col2-set .col-2 {
    padding-top: 0;
    margin-top: 20px;
  }
  .customer-account-login .col2-set .col-1 {
    padding-right: 20px;
  }
  .customer-account-login .col2-set .col-2 {
    padding-left: 20px;
    border-left: 1px solid #ededed;
  }
}
@media only screen and (min-width: 770px) {
  .customer-account-login .col2-set .col-1 {
    padding-right: 0;
  }
  .customer-account-login .col2-set .col-2 {
    padding-left: 60px;
    border-left: 1px solid #ededed;
  }
}
@media only screen and (max-width: 479px) {
  .customer-account-login .col2-set .col-1 {
    padding-bottom: 30px;
  }
  .customer-account-login .col2-set .col-2 {
    padding-top: 30px;
    border-top: 1px solid #ededed;
  }
}
@media only screen and (max-width: 768px) {
  .customer-account-login .col2-set p.required {
    display: none;
  }
}

.customer-account-create .scaffold-form label:first-child {
  width: 140px;
}

.opc #opc-login p:not(.required) {
  color: #444444;
}

.remember-me-box a.hide {
  display: none;
}
.remember-me-box .link-tip {
  
  padding-left: 10px;
}

.remember-me-popup {
  display: none;
  border: 1px solid #cccccc;
  padding: 10px;
  position: relative;
}
.remember-me-popup.show {
  display: block;
}
.remember-me-popup p {
}
.remember-me-popup .remember-me-popup-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  
}
.remember-me-popup .remember-me-popup-close-button {
  display: none;
}

.customer-account-create .buttons-set {
  max-width: 455px;
}
.customer-account-create .fieldset,
.customer-account-create .buttons-set {
  margin-left: 30px;
}
@media only screen and (max-width: 479px) {
  .customer-account-create .fieldset,
  .customer-account-create .buttons-set {
    margin-left: 0;
  }
}
.customer-account-create .fieldset .hidden {
  display: none;
}
.customer-account-create #remember-me-popup {
  max-width: 455px;
}

.customer-account-forgotpassword .fieldset,
.customer-account-forgotpassword .buttons-set {
  margin-left: 30px;
  max-width: 400px;
}
@media only screen and (max-width: 479px) {
  .customer-account-forgotpassword .fieldset,
  .customer-account-forgotpassword .buttons-set {
    margin-left: 0;
  }
}
.customer-account-forgotpassword .fieldset .input-box input.input-text {
  width: 100%;
}

/* ============================================ *
 * My Account Global Styles
 * ============================================ */
body.customer-account .my-account .page-title h1 {
  border: 0;
  text-align: left;
}
body.customer-account .my-account .title-buttons {
  position: relative;
  text-align: right;
}
body.customer-account .my-account .title-buttons h1 {
  text-align: left;
}
body.customer-account .my-account .title-buttons .button {
  position: absolute;
  right: 0;
  top: 0;
}
body.customer-account .my-account .title-buttons a,
body.customer-account .my-account .title-buttons span.separator {
  position: relative;
  top: -42px;
}
body.customer-account .my-account .fieldset h2,
body.customer-account .my-account .addresses-list h2,
body.customer-account .my-account .order-details h2 {
  width: 100%;
  display: inline-block;
}
body.customer-account .my-account .addresses-list h3 {
  
  font-weight: 600;
}
body.customer-account .my-account .fieldset {
  margin-top: 30px;
  margin-bottom: 30px;
}
body.customer-account .data-table {
  margin-top: 5px;
}
body.customer-account .data-table td a {

  font-style: normal;
  
}
body.customer-account .sidebar .block ol#compare-items li {
  margin: 10px 0;
}
body.customer-account .sidebar .block .block-content p.block-subtitle {
  margin-bottom: 15px;
}
body.customer-account .sidebar .block .block-content .actions {
  margin-top: 30px;
}
body.customer-account .sidebar ol#cart-sidebar-reorder li {
  margin-top: 10px;
  margin-bottom: 0;
}
body.customer-account .sidebar ol#cart-sidebar-reorder p.product-name {
  display: inline-block;
  margin-bottom: 0;
}
body.customer-account .sidebar .block-cart .summary {
  margin-bottom: 15px;
}
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li {
  margin-top: 10px;
  margin-bottom: 0;
}
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input {
  margin-right: 10px;
}
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder p.product-name {
  display: inline;
  margin-bottom: 0;
}

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day {
  width: 40px;
  float: left;
  margin-right: 10px;
}
.form-list .customer-dob .dob-year {
  width: 80px;
  float: left;
}

/* ============================================ *
 * Dashboard
 * ============================================ */
.dashboard .box-head {
  margin-top: 30px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 7px;
}
.dashboard .box-head h2 {
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 0;
}
.dashboard .box-head a {
  padding: 10px;
}
.dashboard .box-title a,
.dashboard .box-head a {

  
}
.dashboard .box-account {
  padding-bottom: 40px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 45px;
}
.dashboard .box-account p,
.dashboard .box-account address {
  font-style: italic;
}
.dashboard .col2-set .col-1,
.dashboard .col2-set .col-2 {
  padding-right: 12.09677%;
  padding-bottom: 0;
}
.dashboard .col2-set .col-1 .box-title,
.dashboard .col2-set .col-2 .box-title {
  position: relative;
  padding-bottom: 10px;
}
.dashboard .col2-set .col-1 .box-title h2,
.dashboard .col2-set .col-1 .box-title h3,
.dashboard .col2-set .col-2 .box-title h2,
.dashboard .col2-set .col-2 .box-title h3 {
  font-weight: 600;
  
  margin-bottom: 0;
}
.dashboard .col2-set .col-1 .box-title a,
.dashboard .col2-set .col-2 .box-title a {
  
}
.dashboard .box-reviews.box-account {
  padding-bottom: 0;
}
.dashboard .box-reviews li {
  padding: 10px 0;
  border-top: 1px solid #ededed;
}
.dashboard .box-reviews li:first-child {
  border-top: 0;
}
.dashboard .box-reviews li .number {
  margin-right: -20px;
  float: left;
  line-height: 1.4;
  
}
.dashboard .box-reviews li .details {
  margin-left: 20px;
}
.dashboard .box-reviews li .details .ratings {
  content: '';
  display: table;
  clear: both;
  margin-bottom: 0;
}
.dashboard .box-reviews li .details .ratings strong {
  float: left;
  
  margin-right: 5px;
}
.dashboard .box-reviews li .details .ratings .rating-box {
  float: left;
  margin: 3px 0 0 0;
}

/* ============================================ *
 * Address Book
 * ============================================ */
.my-account .addresses-list {
}
.my-account .addresses-list .col-1,
.my-account .addresses-list .col-2 {
  padding-bottom: 0;
}
.my-account .addresses-list .item {
  margin: 0 0 30px 0;
}
.my-account .addresses-list .item p {
  margin-top: 10px;
}
@media only screen and (max-width: 768px) {
  .my-account .addresses-list .col-1,
  .my-account .addresses-list .col-2 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .my-account .addresses-list .col-1 li.empty,
  .my-account .addresses-list .col-2 li.empty {
    width: 100%;
  }
}
@media only screen and (max-width: 599px) {
  .my-account .addresses-list .addresses-additional p a {
    white-space: nowrap;
  }
}

/* ============================================ *
 * Order View
 * ============================================ */
.order-info {
  padding-bottom: 10px;
  border-bottom: 1px solid #ededed;
  width: 100%;
  margin-bottom: 30px;
}
.order-info dt,
.order-info dd,
.order-info ul,
.order-info li {
  display: inline;
}
.order-info dt {
  margin-right: 20px;
}
.order-info li {
  margin: 0 0 0 20px;
}
.order-info li.current {
  font-weight: 600;
}
.order-info li:first-child {
  margin-left: 0;
}

.order-date {

}

.order-info-box {
  margin-bottom: 40px;
  margin-top: 20px;
}
.order-info-box + .order-info-box {
  padding-bottom: 40px;
  border-bottom: 1px solid #ededed;
}
.order-info-box .col-1 {
  padding-right: 0;
  width: 48%;
}
.order-info-box .col-2 {
  width: 52%;
}
.order-info-box .col-1,
.order-info-box .col-2 {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}
.order-info-box .box-title {

}
.order-info-box .box-title h2 {
  
  font-weight: bold;
  line-height: 1.5;
}
.order-info-box .box-title h2:after {
  content: ':';
}
.order-info-box .box-content {
  float: left;
}
.order-info-box .box-content td,
.order-info-box .box-content th {
  line-height: 1.3;
}
.order-info-box .box-content th {
  padding-top: 10px;
}
.order-info-box .box-content td {
  padding-left: 15px;
}
.order-info-box .box-content strong {
  font-weight: normal;

}

#my-orders-table .option-label {
  margin-left: 10px;
  font-weight: 600;
  font-style: italic;
}
#my-orders-table .option-value {
  margin-left: 20px;
}
#my-orders-table tr.bundle:not(:last-child) td {
  border-bottom: none;
  border-top: none;
}

ol#cart-sidebar-reorder li {
  margin-top: 10px;
  margin-bottom: 0;
}
ol#cart-sidebar-reorder li input {
  margin-right: 10px;
}
ol#cart-sidebar-reorder p.product-name {
  display: inline;
}

@media only screen and (max-width: 599px) {
  #my-orders-table .option-label {
    margin-left: 20px;
  }
  #my-orders-table .option-value {
    margin-left: 35px;
  }
  #my-orders-table td[data-rwd-label=Qty] .nobr br {
    display: none;
  }
  #my-orders-table td[data-rwd-label=Qty] .nobr strong {
    margin-right: 10px;
  }
  #my-orders-table tr.bundle {
    border-color: #ededed;
  }
  #my-orders-table tr.bundle.child td[data-rwd-label] {
    padding-left: 60px;
  }
  #my-orders-table tbody:last-child tr:last-child td {
    padding-bottom: 10px;
    border-bottom: 0;
  }
  #my-orders-table tbody:last-child tr:last-child td:last-child {
    padding-bottom: 15px;
  }
  #my-orders-table tfoot tr.shipping {
    margin-top: 0;
  }
}
.order-additional {
  margin: 40px 0;
}

.order-gift-message dd {
  margin-top: 10px;
}

@media only screen and (max-width: 1199px) {
  .dashboard .col2-set .col-1,
  .dashboard .col2-set .col-2 {
    padding-right: 30px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 979px) {
  body.customer-account .my-account .title-buttons {
    text-align: left;
  }
  body.customer-account .my-account .title-buttons span.separator,
  body.customer-account .my-account .title-buttons a {
    top: -12px;
  }

  .data-table span.nobr {
    white-space: normal;
  }
  .data-table span.nobr a {
    white-space: nowrap;
  }
  .data-table .separator {
    display: none;
  }

  .dashboard .col2-set .col-1 .box-title a,
  .dashboard .col2-set .col-2 .box-title a {
    position: static;
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  body.customer-account .data-table.orders th.ship, body.customer-account .data-table.orders td.ship {
    display: none;
  }

  .order-info-box .box-content {
    clear: left;
  }

  .addresses-list .item {
    float: left;
    width: 50%;
    padding-right: 30px;
  }

  .order-info dt {
    display: none;
  }

  .dashboard .page-title {
    margin-top: 20px;
  }
  .dashboard .page-title h1 {
    margin-top: 0;
  }
  .dashboard .welcome-msg {
  }
  .dashboard .welcome-msg .hello {
    font-style: italic;
  }
  .dashboard .box-account {
    padding-bottom: 15px;
    margin-bottom: 30px;
  }
  .dashboard .col2-set .col-1,
  .dashboard .col2-set .col-2 {
    width: 48%;
    padding-right: 0;
    padding-left: 0;
  }
  .dashboard .col2-set .col-1 {
    float: left;
    margin-right: 4%;
  }
  .dashboard .col2-set .col-2 {
    float: right;
  }
}
@media only screen and (max-width: 599px) {
  body.customer-account .my-account .form-list .control {
    padding-left: 0;
  }
}
@media only screen and (max-width: 530px) {
  .data-table.orders td.status,
  .data-table.orders th.status {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  body.customer-account .my-account .page-title h1 {
    text-align: center;
  }
  body.customer-account .my-account .title-buttons {
    text-align: center;
  }
  body.customer-account .my-account .title-buttons .button {
    width: 100%;
    position: static;
    margin-bottom: 15px;
  }
  body.customer-account .my-account .fieldset h2 {
    margin-bottom: 15px;
  }
  body.customer-account .my-account .order-details h2 {
    margin-bottom: 15px;
  }
  body.customer-account .my-account .buttons-set {
    border-top: 0;
  }
  body.customer-account .my-account .addresses-list .item {
    margin-bottom: 15px;
    padding-right: 0;
    float: none;
    width: auto;
  }
  body.customer-account .my-account .addresses-list h2 {
    margin-bottom: 15px;
  }

  .order-info {
    margin-top: 15px;
  }

  .data-table.orders .link-reorder,
  .data-table.orders .date {
    display: none;
  }
  .data-table.orders td.view {
    text-align: right;
  }

  .dashboard .col2-set .col-1,
  .dashboard .col2-set .col-2 {
    width: 100%;
    margin-top: 15px;
  }
  .dashboard .col2-set .col-1 .box-title a,
  .dashboard .col2-set .col-2 .box-title a {
    position: absolute;
    padding: 10px;
  }

  .order-info-box {
    margin: 0;
  }
  .order-info-box .col-1,
  .order-info-box .col-2 {
    width: 100%;
    border-bottom: 1px solid #ededed;
    padding: 15px 0;
  }
  .order-info-box + .order-info-box {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 30px;
  }

  #my-reviews-table .nobr {
    white-space: normal;
  }
}
/* ============================================ *
 * Newsletter Subscriptions
 * ============================================ */
body.newsletter-manage-index .my-account .fieldset {
  margin-bottom: 20px;
}
body.newsletter-manage-index .my-account .fieldset h2 {
  display: none;
}
body.newsletter-manage-index .my-account .form-list {
  border-top: 1px solid #ededed;
  padding-top: 10px;
}

/* ============================================ *
 * Contacts
 * ============================================ */
.contacts-index-index .buttons-set {
  margin-left: 30px;
  max-width: 435px;
}
.contacts-index-index .buttons-set p.required {
  float: left;
}
@media only screen and (max-width: 599px) {
  .contacts-index-index .buttons-set {
    max-width: 330px;
    margin-left: 0;
  }
  .contacts-index-index .buttons-set button {
    float: left;
    margin-left: 0px;
  }
  .contacts-index-index .buttons-set p.required {
    float: right;
  }
}

div.paypal-logo {
  text-align: center;
  margin: 15px 0;
  max-width: 100%;
}
div.paypal-logo span {
  display: block;
  width: 100%;
}
div.paypal-logo span a {
  display: inline-block;
  max-width: 100%;
}
div.paypal-logo span a img {
  max-width: 100%;
}
div.paypal-logo span > img {
  display: none;
}

.checkout-types div.paypal-logo {
  text-align: right;
}

.bml-checkout-type {
    list-style-type: none;
}

/* ============================================ *
 * PayPal
 * ============================================ */
@media only screen and (max-width: 870px) and (min-width: 771px) {
  .paypal-review-order .col2-set .col-1,
  .paypal-review-order .col2-set .col-2 {
    padding: 0px;
  }
}
.paypal-review-order .info-set {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ededed;
}
.paypal-review-order .buttons-set {
  margin-top: 0px;
  padding-top: 0px;
  border: 0;
}
.paypal-review-order .buttons-set button {
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .paypal-review-order .col-1 {
    padding-bottom: 0;
  }
  .paypal-review-order .field.inactive {
    display: none;
  }
}

.bml-ad {
  display: none;
}
.bml-ad.small img {
  margin: auto;
  max-width: 100%;
}

@media only screen and (max-width: 799px) {
  .bml-ad.small {
    display: block;
  }
}
@media only screen and (min-width: 800px) {
  .bml-ad.large {
    display: block;
  }
}
/* ============================================ *
 * Review - Customer
 * ============================================ */
#customer-reviews {
  width: auto;
  float: none;
}
#customer-reviews .review-heading {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 10px 0 5px;
}
#customer-reviews .review-heading:after {
  content: '';
  display: table;
  clear: both;
}
#customer-reviews .review-heading h2 {
  float: left;
  display: block;
}
#customer-reviews .review-heading .pager {
  clear: none;
  float: right;
  width: auto;
}
#customer-reviews .review-heading .pager .count-container .limiter {
  margin-bottom: 0;
}
#customer-reviews .review-heading .pager .count-container .limiter label {
  font-size: 10px;

}
#customer-reviews .review-heading .pager .amount {
  display: none;
}
#customer-reviews h2 {

  

}
#customer-reviews h2 span {
  
}
#customer-reviews h3 {
  
  font-weight: normal;

}
#customer-reviews h3 span {

}
#customer-reviews .fieldset {
  padding-top: 25px;
  width: 470px;
}
#customer-reviews .fieldset h4 {
  border-bottom: 1px solid #cccccc;
  
  font-weight: normal;
  padding-bottom: 5px;

}
#customer-reviews .fieldset h4 em {
  display: none;
}
#customer-reviews .fieldset .form-list {
  
  font-weight: normal;
  margin: 10px 0;

  width: 470px;
}
#customer-reviews .fieldset .form-list .inline-label:after {
  content: '';
  display: table;
  clear: both;
}
#customer-reviews .fieldset .form-list label {
  
  font-weight: normal;
}
#customer-reviews .fieldset .form-list textarea {
  border: 1px solid #353535;
  border-radius: 0;
  min-width: 100%;
  -webkit-appearance: none;
}
#customer-reviews .fieldset .form-list input {
  border: 1px solid #353535;
  border-radius: 0;
}
#customer-reviews .fieldset .form-list input[type="text"] {
  width: 100%;
}
#customer-reviews .buttons-set {
  border: none;
  margin: 0;
  width: 470px;
}
#customer-reviews dl {
  
  font-weight: normal;
  margin-bottom: 10px;
}
#customer-reviews dl dt {
  margin: 10px 0;

}
#customer-reviews dl dd {
  
  margin: 10px 0;
}
#customer-reviews dl dd .ratings-table {
  
  width: 100%;
}
#customer-reviews dl dd .ratings-table tr {
  float: left;
  margin-right: 15px;
}
#customer-reviews dl dd table {
  margin: 15px 0;
}
#customer-reviews dl dd .review-meta {
  display: block;
  font-size: 10px;
  font-weight: normal;

}

.review-summary-table {
  border-bottom: 1px solid #cccccc;
  margin: 0 0 10px;
}
.review-summary-table thead {
  background: transparent;
}
.review-summary-table thead th {
  background: transparent;
  border: none;
  padding: 15px 7px 10px 8px;
}
.review-summary-table tbody th {
  background: #FFFFFF;
  
}
.review-summary-table tbody td {
  border: none;
  text-align: center;
  padding: 0;
}
.review-summary-table tbody td label {
  width: 100%;
  display: block;
  padding: 11px 0;
}
.review-summary-table .rating-box .rating-number {
  display: none;
}
.review-summary-table .rating-box .rating-number:after {
  content: "";
  display: inline-block;
  background-position: 0px -599px;
  width: 13px;
  height: 14px;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

/* ============================================ *
 * Ratings - Global
 * ============================================ */
.ratings-table {
  

}
.ratings-table th {
  padding-right: 10px;
}
.ratings-table .rating-box {
  background-position: 0 -615px;
  background-repeat: repeat-x;
  height: 13px;
  overflow: hidden;
  text-indent: -9999px;
  width: 65px;
}
.ratings-table .rating-box .rating {
  background-position: 0 -600px;
  background-repeat: repeat-x;
  float: left;
  height: 13px;
  text-indent: -9999px;
}

@media only screen and (max-width: 768px) {
  body.review-product-list .product-view .product-shop .price-info {
    padding-left: 0;
  }
  body.review-product-list .product-view .product-shop .extra-info {
    padding: 0;
    min-width: 84%;
  }
  body.review-product-list .product-view .product-shop .extra-info .ratings-table {
    margin: 10px 0;
    width: 100%;
  }
  body.review-product-list .product-view .product-shop .extra-info .ratings-table tr {
    float: left;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 535px) {
  body.review-product-list .product-view .product-shop .extra-info {
    min-width: 0;
  }
  body.review-product-list .product-view .product-shop .extra-info .ratings-table tr {
    float: none;
    margin-right: 0;
  }
}
@media only screen and (max-width: 520px) {
  #customer-reviews .fieldset {
    width: 100%;
  }
  #customer-reviews .fieldset .form-list {
    width: 100%;
  }
  #customer-reviews .fieldset .form-list .inline-label label,
  #customer-reviews .fieldset .form-list .inline-label .input-box {
    float: none;
  }
  #customer-reviews .buttons-set {
    width: 100%;
  }
  #customer-reviews .review-summary-table thead th {
    padding-left: 0px;
    padding-right: 0px;
  }
  #customer-reviews .review-summary-table tbody th {
    padding-left: 0px;
    padding-right: 0px;
  }
  #customer-reviews .review-summary-table tbody td {
    width: 20%;
    padding: 0px;
  }
  #customer-reviews .review-summary-table .rating-box {
    text-indent: 0px;
    text-align: center;
    background: none;
    height: 19.6px;
    width: 100%;
  }
  #customer-reviews .review-summary-table .rating-box .rating {
    display: none;
  }
  #customer-reviews .review-summary-table .rating-box .rating-number {
    display: inline-block;
  }
}
@media only screen and (max-width: 450px) {
  #customer-reviews dl dd .ratings-table tr {
    float: none;
  }
}

/* ============================================ *
 * Review View Page
 * ============================================ */
.review-product-view .product-review .product-details h2 {
    border-bottom: none;
}
.review-product-view .product-review .product-img-box {
    width: auto;
    max-width: 50%;
}
.review-product-view .product-review .product-img-box > a {
    width: 100%;
}
.review-product-view .product-review .product-img-box .product-image {
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .review-product-view .product-review .product-img-box {
        max-width: 100%;
    }
}

/* ============================================ *
 * Slideshow
 * ============================================ */
.slideshow-container {
  position: relative;
  display: block;
  width: 100%;
  margin: 10px 0;
  border: 1px solid #ededed;
}
.slideshow-container .slideshow {
  width: 100%;
  padding: 0;
  position: relative;
  margin: 0;
  border: 10px solid #FFFFFF;
}
.slideshow-container .slideshow > li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
  display: block;
  margin: 0;
}
.slideshow-container .slideshow > li:first-child {
  position: static;
  z-index: 100;
}
.slideshow-container .slideshow > li img {
  max-width: 100%;
  width: 100%;
}

.slideshow-pager {
  text-align: center;
  width: 100%;
  z-index: 115;
  position: absolute;
  bottom: 0px;
  top: auto;
  overflow: hidden;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.slideshow-pager span {
  width: 44px;
  height: 44px;
  display: inline-block;
  color: #DDDDDD;
  cursor: pointer;
}
.slideshow-pager span:before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border-radius: 1px;
  background-color: #FFFFFF;
  position: relative;
}
.slideshow-pager span:hover:before {
  background-color: #05b4df;
}
.slideshow-pager span.cycle-pager-active:before {
  background-color: #297aa3;
}
.slideshow-pager > * {
  cursor: pointer;
}

.slideshow-prev,
.slideshow-next {
  position: absolute;
  top: 0;
  width: 15%;
  max-width: 80px;
  height: 100%;
  opacity: 0.6;
  z-index: 110;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.slideshow-prev:before,
.slideshow-next:before {
  content: '';
  width: 0;
  height: 0;
  font-size: 0;
  position: absolute;
  border-style: solid;
  display: block;
  top: 50%;
  margin-top: -15px;
}
.slideshow-prev:hover,
.slideshow-next:hover {
  opacity: 1;
}
.slideshow-prev.disabled,
.slideshow-next.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: default;
}

.slideshow-prev {
  left: 8px;
}
.slideshow-prev:before {
  border-width: 15px 15px 15px 0;
  border-color: transparent #FFFFFF transparent transparent;
  top: 50%;
  left: 10px;
}
.slideshow-prev:hover:before {
  border-color: transparent #05b4df transparent transparent;
}

.slideshow-next {
  right: 8px;
}
.slideshow-next:before {
  border-width: 15px 0 15px 15px;
  border-color: transparent transparent transparent #FFFFFF;
  top: 50%;
  right: 10px;
}
.slideshow-next:hover:before {
  border-color: transparent transparent transparent #05b4df;
}

.cycle-caption {
  position: absolute;
  color: white;
  bottom: 15px;
  right: 15px;
  z-index: 110;
}

.cycle-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 120;
  background: black;
  color: white;
  padding: 15px;
  opacity: .5;
}

/* ============================================ *
 * Wishlist
 * ============================================ */
#wishlist-table th {
  text-align: center;
}
#wishlist-table.clean-table {
  

  width: 100%;
}
#wishlist-table.clean-table th {
  border-bottom: 1px solid silver;
}
#wishlist-table.clean-table td {
  padding: 15px;
  vertical-align: top;
}
#wishlist-table.clean-table thead th {
  

}
#wishlist-table .product-name {
  font-size: 16px;
  margin-bottom: 0;

}
#wishlist-table .product-name a {

}
#wishlist-table .wishlist-sku {
  font-size: 11px;
  margin: 5px 0;
}
#wishlist-table textarea {
  border: 1px solid silver;
  width: 100%;
  height: 45px;
  font-size: 11px;
}
#wishlist-table textarea::-webkit-input-placeholder {

}
#wishlist-table textarea:-moz-placeholder {

}
#wishlist-table textarea::-moz-placeholder {

}
#wishlist-table textarea:-ms-input-placeholder {

}
#wishlist-table textarea:focus {
  border: 1px solid #b2c900;
}
#wishlist-table .item-manage {
  text-align: right;
  max-width: 450px;
  padding-top: 5px;
}
#wishlist-table .item-manage .button {
  color: #FFFFFF;
  font-size: 11px;
  padding: 3px 5px;
}
#wishlist-table .cart-cell {
  text-align: center;
}
#wishlist-table td.customer-wishlist-item-image {
  width: 113px;
}
#wishlist-table td.customer-wishlist-item-quantity {
  width: 3em;
}
#wishlist-table td.customer-wishlist-item-price {
  width: 120px;
  text-align: center;
}
#wishlist-table td.customer-wishlist-item-cart {
  width: 150px;
}
#wishlist-table td.customer-wishlist-item-cart .button {
  
  margin-bottom: 10px;
  padding: 3px 5px;
  width: 100%;
}
#wishlist-table td.customer-wishlist-item-cart .truncated {
  margin-bottom: 10px;
}
#wishlist-table td.customer-wishlist-item-cart > p {
  margin-bottom: 0;
}
#wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item {
  text-align: center;
}
#wishlist-table td.customer-wishlist-item-cart .btn-remove {
  vertical-align: top;
}
#wishlist-table td.customer-wishlist-item-remove {
  width: 20px;
}
#wishlist-table .price-box {
  
}
#wishlist-table .price-box .price {
  
}
#wishlist-table .giftregisty-add {
  margin-top: 5px;
}
#wishlist-table .giftregisty-add .change {
  display: none;
}
#wishlist-table .giftregisty-add li {
  cursor: pointer;

  margin-bottom: 3px;
}
#wishlist-table .truncated .details {
  background: none;

}

@media only screen and (max-width: 1199px) {
  #wishlist-table.clean-table td {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 979px) {
  #wishlist-table.clean-table td {
    padding-left: 5px;
    padding-right: 5px;
  }
  #wishlist-table.clean-table td textarea {
    height: 100px;
  }
  #wishlist-table.clean-table td.customer-wishlist-item-cart {
    width: 110px;
  }
  #wishlist-table .product-name {
    
  }
}
@media only screen and (max-width: 768px) {
  #wishlist-table:after {
    content: '';
    display: table;
    clear: both;
  }
  #wishlist-table .product-name {
    font-size: 16px;
  }
  #wishlist-table textarea {
    height: 68px;
    max-width: 100%;
  }
  #wishlist-table .item-manage {
    max-width: 100%;
  }
  #wishlist-table tr {
    position: relative;
  }
  #wishlist-table tr:after {
    content: '';
    display: table;
    clear: both;
  }
  #wishlist-table td.customer-wishlist-item-image {
    width: 70px;
  }
  #wishlist-table td.customer-wishlist-item-image img {
    width: 70px;
    height: 70px;
  }
  #wishlist-table td.customer-wishlist-item-cart p {
    margin-bottom: 0;
  }
  #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item {
    margin-right: 0;
    padding-top: 4px;
  }
  #wishlist-table td.customer-wishlist-item-cart {
    padding-right: 15px;
  }
}
@media only screen and (max-width: 599px) {
  #wishlist-table td.customer-wishlist-item-quantity {
    padding-left: 0;
  }
  #wishlist-table td.customer-wishlist-item-image,
  #wishlist-table th.customer-wishlist-item-image {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  #wishlist-table tr {
    position: relative;
  }
  #wishlist-table th.customer-wishlist-item-image {
    display: block;
  }
  #wishlist-table td.customer-wishlist-item-image, #wishlist-table td.customer-wishlist-item-info, #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price, #wishlist-table td.customer-wishlist-item-cart {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    empty-cells: hide;
  }
  #wishlist-table td.customer-wishlist-item-image {
    display: block;
    overflow: hidden;
  }
  #wishlist-table td.customer-wishlist-item-image a {
    float: left;
  }
  #wishlist-table td.customer-wishlist-item-image a img {
    width: 113px;
    height: 113px;
  }
  #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price {
    text-align: left;
  }
  #wishlist-table td.customer-wishlist-item-quantity:before, #wishlist-table td.customer-wishlist-item-price:before {
    float: left;
    margin-right: 15px;
  }
  #wishlist-table td.customer-wishlist-item-quantity .cart-cell, #wishlist-table td.customer-wishlist-item-price .cart-cell {
    text-align: left;
  }
  #wishlist-table td.customer-wishlist-item-quantity .price-box, #wishlist-table td.customer-wishlist-item-price .price-box {
    margin-top: 0;
  }
  #wishlist-table td.customer-wishlist-item-cart .cart-cell {
    float: left;
    width: 48%;
  }
  #wishlist-table td.customer-wishlist-item-cart > p {
    float: right;
    width: 48%;
  }
  #wishlist-table td.customer-wishlist-item-remove {
    position: absolute;
    top: 15px;
    right: 0px;
    display: block;
    padding: 0px;
    height: 20px;
  }
  #wishlist-table.clean-table td.customer-wishlist-item-cart {
    width: 100%;
  }
}
/* ============================================ *
 * Wishlist Sidebar
 * ============================================ */
.block-wishlist .mini-products-list > li:not(:last-child) {
  padding-bottom: 5px;
}
.block-wishlist .product-details .product-name {
  padding-top: 0;
  margin-bottom: 5px;
}
.block-wishlist .price-box {
  float: left;
  margin: 0;
}
.block-wishlist .price-box,
.block-wishlist .price-box .price,
.block-wishlist .link-cart {
  
}
.block-wishlist .link-cart {
  float: left;

  margin-right: 7px;
  padding-right: 7px;
  border-right: 1px solid #ededed;
}

/* ============================================ *
 * Checkout - Mini cart
 * ============================================ */
.header-minicart .minicart-message {
  display: block;
  padding: 10px;
}
.header-minicart .minicart-wrapper {
  clear: both;
  position: relative;
}
.header-minicart .minicart-wrapper:before, .header-minicart .minicart-wrapper:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
}
.header-minicart .minicart-wrapper:before {
  background-color: white;
  opacity: 0.8;
  z-index: 2;
}
.header-minicart .minicart-wrapper:after {
  background-image: url("https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/opc-ajax-loader.gif");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}
.header-minicart .minicart-wrapper.loading {
  position: relative;
}
.header-minicart .minicart-wrapper.loading:before, .header-minicart .minicart-wrapper.loading:after {
  display: block;
}
.header-minicart .block-cart {
  display: none;
}
.header-minicart .block-subtitle {
  color: #50A4CF;
  font-size: 10px;
  font-weight: bold;
  line-height: 1.4;
  padding: 5px;
  text-align: center;

  margin-bottom: 0px;
}
.header-minicart .block-subtitle .close {
  width: 40px;
  float: right;
  display: block;
  
  text-decoration: none;
  font-weight: normal;
  font-size: 30px;
  position: absolute;
  top: -8px;
  right: -3px;
}
.header-minicart .mini-products-list {
  padding: 10px;
  padding-top: 0px;
}
.header-minicart .mini-products-list li {
  padding: 8px 5px 8px 11px;
  border-bottom: 1px solid #DDDDDD;
  position: relative;
}
.header-minicart .mini-products-list li.last {
  border: none;
}
.header-minicart .mini-products-list li .product-details {
  position: relative;
}
.header-minicart .product-details .product-name {
  padding-top: 0px;
  font-weight: bold;
}
.header-minicart .product-details .product-name a {

}
.header-minicart .info-wrapper {
  margin-bottom: 0.5em;
}
.header-minicart .info-wrapper th {

  padding-right: 10px;
}
.header-minicart .info-wrapper td {

  clear: right;
}
.header-minicart .info-wrapper .qty-wrapper td {
  height: 33px;
  line-height: 33px;
}
.header-minicart .info-wrapper .qty {
  padding-left: 4px;
  padding-right: 4px;
  margin-right: 2px;
  width: 30px;
}
.header-minicart .info-wrapper .quantity-button {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 100ms;
  -moz-transition-duration: 100ms;
  -o-transition-duration: 100ms;
  transition-duration: 100ms;
}
.header-minicart .info-wrapper .quantity-button[disabled] {
  cursor: default;
}
.header-minicart .info-wrapper .quantity-button.visible {
  opacity: 1;
}
.header-minicart .subtotal {
  background-color: #DDDDDD;
  text-align: center;
  line-height: 2em;
}
.header-minicart .subtotal .label {
  color: white;

}
.header-minicart .subtotal .price {

}
.header-minicart .minicart-actions {
  padding: 10px;
  margin-top: 0px;
  overflow: hidden;
  position: relative;
}
.header-minicart .minicart-actions .checkout-button {
  min-width: 145px;
}
.header-minicart .minicart-actions .cart-link {
  height: 33px;
  line-height: 39px;

  display: block;
  
  left: 10px;
  bottom: 17px;
  position: absolute;
}
.header-minicart .minicart-actions .paypal-logo .paypal-or {
  line-height: 1.6;
}
.header-minicart #minicart-error-message {
  text-align: center;
  color: red;
  display: none;
}
.header-minicart #minicart-success-message {
  text-align: center;
  color: green;
  display: none;
}
.header-minicart .jcarousel-control-prev,
.header-minicart .jcarousel-control-next {
  display: none;
}

.header-minicart.skip-active .block-cart,
.block-cart.skip-active {
  display: block;
}

@media only screen and (max-width: 479px) {
  .header-minicart a.skip-cart {
    z-index: 1;
  }
}
@media only screen and (max-width: 768px) {
  .header-minicart .subtotal .label {
    
  }
  .header-minicart .minicart-wrapper:before {
    background-color: #EDEDED;
  }
  .header-minicart .quantity-button {
    float: none;
  }
  .header-minicart .header-minicart .block-cart {
    padding: 15px;
  }
  .header-minicart .header-minicart .block-subtitle {
    padding-top: 59px;
  }
  .header-minicart .minicart-actions {
    padding-bottom: 33px;
  }
  .header-minicart .minicart-actions .cart-link {
    bottom: 0;
    right: 10px;
    left: auto;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li {
    display: inline-block;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo > a {
    display: inline;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .bml_button {
    display: inline-block;
    vertical-align: top;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or {
    width: auto;
    float: none;
    display: inline;
    margin: 0 10px 5px 10px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 670px) {
  .header-minicart .minicart-actions .checkout-button {
    width: 100%;
  }
  .header-minicart .minicart-actions .cart-link {
    right: auto;
    left: 0;
    text-align: center;
    width: 100%;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or,
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-button {
    width: 100%;
    display: block;
    margin-left: 0;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or {
    line-height: 1.6;
  }
}
/* ============================================ *
 * Search - Auto Suggest
 * ============================================ */
.search-autocomplete {
  left: 0 !important;
  overflow: visible !important;
  position: relative !important;
  top: 15px !important;
  width: 100% !important;
  z-index: 200;
}
.search-autocomplete ul {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: #FFFFFF;
  border: 1px solid #b2c900;
  left: 0;
  padding-left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.search-autocomplete ul li {
  border-bottom: 1px solid #f4f4f4;

  cursor: pointer;
  
  padding: 4px 6px;
  text-align: left;
}
.search-autocomplete ul li:hover {
  color: #05b4df;
}
.search-autocomplete ul li.selected {
  background-color: #b2c900;
  color: white;
}
.search-autocomplete ul li .amount {
  float: right;
  font-weight: bold;
}
.search-autocomplete ul li:last-child {
  border-bottom: none;
}
.search-autocomplete:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #b2c900;
  border-top: none;
  left: 50%;
  top: -7px;
}

/* ============================================ *
 * Search - Advanced
 * ============================================ */
.advanced-search {
  background: #f4f4f4;
  border: 1px solid #ededed;
  padding: 30px;
}
.advanced-search select.multiselect option {
  border-bottom: 1px solid #ededed;
  padding: 2px 5px;
}

@media only screen and (max-width: 479px) {
  .advanced-search {
    padding: 15px;
  }
}
/* ============================================ *
 * Account - Reviews
 * ============================================ */
.product-review .product-img-box p.label {
  border-bottom: 1px solid #cccccc;
  font-size: 16px;
  margin-top: 20px;
  padding-bottom: 10px;

}
.product-review .product-img-box .rating-box {
  margin: 15px 0;
}
.product-review .product-details h2 {
  border-bottom: 1px solid #cccccc;

  font-size: 16px;
  font-weight: 600;
  padding-bottom: 10px;
}
.product-review .ratings-table {
}
.product-review .ratings-table th {
  padding-right: 10px;
}
.product-review .ratings-table tr {
  float: left;
  
  margin-right: 10px;

}
.product-review .ratings-description dt {
  border-bottom: 1px solid #cccccc;
  font-size: 16px;
  font-weight: 400;
  margin-top: 20px;
  padding: 10px 0;

}
.product-review .ratings-description dd {
  color: #737373;
  
}

@media only screen and (min-width: 769px) {
  .product-review .ratings-table tr {
    float: none;
  }
}
@media only screen and (min-width: 1126px) {
  .product-review .ratings-table tr {
    float: left;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 320px) {
  .product-review .ratings-table tr {
    float: none;
  }
}
/* ============================================ *
 * CMS Pages
 * ============================================ */
.hme-legal-index-index .page-title h1,
.hme-legal-index-index .page-title h3,
.hme-legal-index-index .page-head h1,
.hme-legal-index-index .page-head h3,
.cms-page-view .page-title h1,
.cms-page-view .page-title h3,
.cms-page-view .page-head h1,
.cms-page-view .page-head h3,
.cms-no-route .page-title h1,
.cms-no-route .page-title h3,
.cms-no-route .page-head h1,
.cms-no-route .page-head h3 {
  border: none;
}
.hme-legal-index-index .std img,
.cms-page-view .std img,
.cms-no-route .std img {
  max-width: 100%;
}
.hme-legal-index-index .std p,
.cms-page-view .std p,
.cms-no-route .std p {

}
.hme-legal-index-index .std h1,
.cms-page-view .std h1,
.cms-no-route .std h1 {

}
.hme-legal-index-index .std h2,
.cms-page-view .std h2,
.cms-no-route .std h2 {

}
.hme-legal-index-index .std li,
.cms-page-view .std li,
.cms-no-route .std li {

}
.cms-page-view .col-left:after,
.cms-no-route .col-left:after {
  content: '';
  display: table;
  clear: both;
}

.cms-no-route .std img {
  width: 100%;
}

.cms-page-view .std .messages,
.cms-home .std .messages,
.cms-no-route .std .messages {
  margin-bottom: 10px;
}
.cms-page-view .std .messages ul,
.cms-home .std .messages ul,
.cms-no-route .std .messages ul {
  margin-bottom: 0;
}
.cms-page-view .std .messages li,
.cms-home .std .messages li,
.cms-no-route .std .messages li {
  list-style: none;
  margin-left: 0;
  font-style: normal;
}

#accordion .toggle-tabs {
  display: none;
}
#accordion > dl > dt {
  margin: 0;
  margin-bottom: 10px;
  
  
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;

  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-weight: normal;
  margin-bottom: 0px;
  padding: 7px 10px 7px 24px;
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  position: relative;
  background-color: #f4f4f4;
  display: block;
}
#accordion > dl > dt:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #b2c900;
  border-bottom: none;
  left: 10px;
  top: 50%;
  margin-top: -3px;
}
#accordion > dl > dd {
  padding: 10px;
  margin: 0;
  border-width: 0 1px;
  border-style: solid;
  border-color: #cccccc;
}
#accordion > dl > dd:last-child {
  border-width: 0 1px 1px 1px;
}
#accordion li {
  position: relative;
  overflow: hidden;
}
#accordion li .plusimage h2 {
  margin-right: 10px;
}

.page-sitemap .links {
  display: block;
  text-align: right;
  margin: 0 20px 0 0;
}
.page-sitemap .links a {
  position: relative;
}
.page-sitemap .sitemap {
  padding: 0 20px;
  margin: 15px 0;
  
}
.page-sitemap .sitemap li {
  margin: 3px 0;
}

.contacts-index-index h1 {
  border: none;
}

#contactForm {
  padding-left: 40px;
}
#contactForm h2 {
  display: none;
}
#contactForm:after {
  content: '';
  display: table;
  clear: both;
}
#contactForm .fieldset .legend + .required {
  margin: 0;
}

@media only screen and (max-width: 768px) {
  #contactForm {
    padding-left: 0;
  }
}
/* ============================================ *
 * Pricing Conditions
 * ============================================ */
.price-box.map-info .old-price {
  display: none;
}
.price-box .minimal-price-link .label {
  color: #cf5050;
  

}

/* ============================================ *
 * Cookies
 * ============================================ */
.notice-cookie .notice-inner {
  padding-bottom: 0;
}
.notice-cookie .notice-inner:after {
  content: '';
  display: table;
  clear: both;
}
.notice-cookie .notice-text {
  float: left;
  max-width: 90%;
  padding-top: 4px;
  text-align: left;
}
.notice-cookie .notice-text p {
  padding-bottom: 14.5px;
  line-height: 1.3;
}
.notice-cookie .actions {
  float: left;
  text-align: right;
  padding-bottom: 14.5px;
}

@media only screen and (max-width: 979px) {
  .notice-cookie .notice-text {
    max-width: 86%;
  }
}
@media only screen and (max-width: 768px) {
  .notice-cookie {
    padding: 0 20px;
  }
  .notice-cookie .notice-text {
    max-width: 82%;
    padding-top: 0;
  }
}
@media only screen and (max-width: 620px) {
  .notice-cookie {
    padding: 0 20px;
  }
  .notice-cookie .notice-inner {
    background-position: left 10px;
  }
  .notice-cookie .notice-inner:after {
    content: '';
    display: table;
    clear: both;
  }
  .notice-cookie .notice-text {
    float: none;
    max-width: 100%;
    padding-top: 0;
  }
  .notice-cookie .actions {
    text-align: left;
  }
}

/* ============================================ *
 * Calendar styles (restore styles from /js/calendar)
 * ============================================ */
div.calendar table {
  border-collapse: separate;
}
div.calendar table td.button {
  display: table-cell;
  background: inherit;
  color: inherit;
  text-transform: none;
}

/**
nav footer
 */
.nav_footer .cc_txt-l, .nav_footer a {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0.9px;
}

.nav_footer strong.cc_txt-l {
  font-weight: bold;
  line-height: 2;
  font-size: 14px;
}

/**
legal red footer
 */
.legal a, .legal span {
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.9px;
}

/**
footer usp
 */
.usp_item {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: 0.5px;
  text-align: center;
}

.usp_item .headline {
  font-size: 14px;
  font-weight: bold;
}

/**
instagram
 */
.block-headline {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.36;
  letter-spacing: 0.9px;
}

.instafollow.button2:hover {
    color: #ffffff;
    background-color: #444444;
    border: none;
}

.instafollow.button2 {
    height: 45px;
    width: 180px;
    margin-top: 40px;
    color: #332819;
    border: 1px solid #444444;
    font-size: 12px;
    font-weight: normal;
    line-height: 45px;
    padding: 0;
}
.extraMenu-mobile{
  margin-top: 20px;
  border-top: 1px solid #e3dcd3;
  padding-top: 20px;
  padding-bottom: 15px;
}
.extraMenuLink-mobile{
  font-size: 18px;
  font-family: GothamRoundedMedium;
}
.block-account li.last{
  margin-top: 42px;
  padding-left: 20px;
  background: url("https://www.chocri.de/skin/frontend/hankeme/chocriV2/images/i_poweroff.svg") left center no-repeat;
  background-size: auto 14px;
}
a.product-alert-link{font-weight: bold; color: #F5A623;}
h2.cat_teaserheadline{
  padding-top:80px;
  padding-bottom:80px;
  text-align: center;
  font-size: 24px;
}
#greetingcard_widget #product-options-wrapper .input-box {
	position:relative;
}
#greetingcard_widget #product-options-wrapper .input-box img {
	display:none;
}
#greetingcard_widget #product-options-wrapper .input-box label {
	display:block;
	font-weight:normal;
	margin:5px 0;
}
#greetingcard_widget #product-options-wrapper .input-box input[type=radio]:checked + img {
	display:block;
	position:absolute;
	max-width:50%;
	height: auto;
	width: auto;
	right:0;
	top:0;
	bottom:0;
}