.advancedreviews-summary-block {
    clear: both;
    margin: 0;
    max-width: 500px;
}
.advancedreviews-summary-block .star-name {padding-left:0;}
.advancedreviews-summary-block .star-name p {margin-bottom: 0;}
.advancedreviews-summary-block table {
    float: left;
}

.advancedreviews-summary-block table td {
    padding: 5px;
    vertical-align: middle;
}

.advancedreviews-summary-block table th {
    font-weight: bold;
    text-align: left;
}

.advancedreviews-summary-block table td.star-name, .advancedreviews-summary-block table td.star-count {
    white-space: nowrap;
    width: 10%
}

.advancedreviews-summary-block table td.star-count {
    padding-right: 20px;
}

.advancedreviews-summary-block table td.star-line .star-bar-container {
    background: #DEDCC3;
}

.advancedreviews-summary-block .spacer {
    clear: both;
}

.advancedreviews-summary-block .star-bar {
    background: #13b910;
    height: 15px;
    line-height: 15px;
    text-align: center;
}

.advancedreviews-reviews-count {
    font-weight: bold;
    margin: 10px 0;
    text-align: left;
}

label.consFilter, label.prosFilter {
    color: #1E7EC8;
    cursor: pointer;
}

table.advancereviews-filters th {
    width: 50%;
    color: #E26703;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 5px;
}

#advancereviews-filters table.advancereviews-filters li, #customer-reviews #product-review-table li {
    margin-bottom: 5px;
}

#advancereviews-filters img {
    display: inline;
}

ul.hiddenList {
    display: none;
}

#product-review-table td a {
    display: block;
}

#loading-mask .loader {
    background: #FFF4E9;
    border: 2px solid #F1AF73;
    color: #D85909;
    font-weight: bold;
    left: 39%;
    padding: 15px 60px;
    position: fixed;
    text-align: center;
    top: 45%;
    width: inherit;
    z-index: 1000;
}

#loading-mask .loader img {
    display: inline;
}

#advancereviews-sort-reviews img {
    cursor: pointer;
}

#advancereviews-sort-reviews .pager{
    float: none;
}

#advancereviews-pager-reviews .pager{
    float: none;
}

#advancereviews-pager-reviews .pager .limiter{
    float: left;
}

.hidden {
    display: none;
}

.abuse-link {
    cursor: pointer;
}

.helpful-link {
    cursor: pointer;
}

#review-form em{
    font-family:  Arial, Verdana,sans-serif;
}

.product-review .product-details div table img {
    display: inline;
}

#advancereviews-filteredReviews {
    display: inline-block;
    width: 100%;
}

#advancereviews-pager-reviews-footer .pager {
    float: none;
}

#advancereviews-pager-reviews-footer .pager .limiter {
    float: right;
}
#advancereviews-pager-reviews-footer {margin-top: 15px; margin-bottom: 30px;}
#advancereviews-pager-reviews-footer .pager .amount {float: none;}
#advancereviews-pager-reviews-footer .pager .limiter {float: left;}

div.block-related-category .aw-arp-block-content {
    padding: 5px 0 0 5px;
    overflow: hidden;
    text-align: center;
    /*clear: both;*/
}

div.block-related-category .aw-arp-item {
    text-align: center;
    width: 200px;
    min-height: 100px;
    display: -moz-inline-stack;
    display: inline-block !important;
    vertical-align: top;
    /*zoom: 1;*/
    height: 250px;
    margin: 5px 5px 20px;
}

div.block-related-category .aw-arp-item img {
    /*border: 1px solid #4D4D4D;*/
    width: 200px;
    height: auto;
    margin-bottom: 10px;
}

div.block-related-category .aw-arp-block-content .aw-arp-addtocart>p {
    margin-bottom: 5px;
}

div.block-related-category .footer .aw-arp-block-content li {
    display: inline-block !important;
}

div.block-related-category .footer .aw-arp-block-content a {
    color: #1E7EC8;
}
.amprivacy-policy {
  position: fixed;
  top: 15%;
  left: 50%;
  padding: 20px;
  height: 70%;
  max-width: 600px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  background: #f9f9f9;
  border: 1px solid #c9c9c9;
  color: #000;
  z-index: 9999;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}
.amprivacy-policy .title {
  padding: 10px 0;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.amprivacy-policy .cross {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.amprivacy-policy .content {
  padding: 20px;
  height: 70%;
  line-height: 19px;
  overflow-y: scroll;
  border: 1px solid #d9d9d9;
  background: white;
}
.amprivacy-policy .button {
  margin: 25px auto;
  max-width: 200px;
  display: block;
}
#amprivacy-checkbox {
  cursor: pointer;
}
#amprivacy-checkbox.checkout-agreements {
  margin-top: 12px;
}

#newsletter-validate-detail #amprivacy-checkbox div.input-box {
    width: 8px;
    padding-top: 4px;
}

.amgdpr-cookie {
  display: none;
}
.amgdpr-cookie .amgdpr-notice-inner {
  max-width: 100% !important;
  display: flex;
  align-items: center;
  background-image: none !important;
  padding: 20px !important;
  padding-bottom: 10px !important;
  flex-wrap: wrap;
  flex-direction: row;
  bottom: 0;
  position: fixed;
  z-index: 1000;
  background: rgba(0,0,0,0.9) !important;
}
.amgdpr-cookie .amgdpr-notice-inner .amgdpr-notice-text {
  width: 100%;
  text-align: justify;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 10px;
}
.amgdpr-cookie .amgdpr-notice-inner .amgdpr-notice-text a {
  margin-left: 5px;
  text-decoration: underline;
  color: #ccc;
}
.amgdpr-cookie .amgdpr-notice-inner .amgdpr-actions {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  margin-top: 10px;
}
.amgdpr-cookie .amgdpr-notice-inner .amgdpr-actions .amgdpr-button {
  margin: 0px;
  border: none;
  margin-right: 10px;
  margin-bottom: 10px;
}
.amgdpr-cookie .amgdpr-notice-inner .amgdpr-actions .amgdpr-button:last-of-type {
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 0.9375rem;
}
.amgdpr-cookie .amgdpr-notice-inner .amgdpr-actions button:first-of-type {
  order: 2;
  margin-right: 0;
  margin-left: 10px;
  background: #13b913;
  padding: 10px 25px;
  font-size: 0.9375rem;
}
.amgdpr-cookie .amgdpr-notice-inner .amgdpr-actions button:first-of-type:hover {
  background: #068603;
  color: #fff;
}
.amgdpr-cookie .amgdpr-notice-inner .amgdpr-actions button:last-of-type {
  background: none;
}
.amgdpr-cookie .amgdpr-notice-inner .amgdpr-actions button:last-of-type span {
  text-decoration: underline;
}
/* .amgdpr-cookie .amgdpr-notice-inner .amgdpr-actions .amgdpr-button:last-of-type::after {
    content: '(SMARTFIT Größenbestimmung nicht möglich!)';
    display: block;
    font-size: 0.75rem;
    margin-top: 5px;
} */
.amgdpr-cookie .amgdpr-notice-inner .amgdpr-actions button:last-of-type:hover {
  background: none;
  color: #ccc;
}
@media only screen and (min-width: 1001px) {
  .amgdpr-cookie .amgdpr-notice-inner {
    padding-bottom: 20px !important;
    min-height: 35% !important;
  }
  .amgdpr-cookie .amgdpr-notice-inner .amgdpr-notice-text {
    width: 100%;
    padding: 0 20px;
    max-width: 1000px;
    margin: 0 auto;
  }
  .amgdpr-cookie .amgdpr-notice-inner .amgdpr-actions {
    width: 100%;
    margin-top: 0;
  }
  .amgdpr-cookie .amgdpr-notice-inner .amgdpr-actions .amgdpr-button  {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 468px) {
  .amgdpr-cookie .amgdpr-notice-inner .amgdpr-actions button:first-of-type {
    order: 0;
    margin-bottom: 20px;
    margin-top: 20px;
  }
}

/**
 * This file is part of a FireGento e.V. module.
 *
 * This FireGento e.V. module is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License version 3 as
 * published by the Free Software Foundation.
 *
 * This script is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
 *
 * @category  FireGento
 * @package   FireGento_MageSetup
 * @author    FireGento Team <team@firegento.com>
 * @copyright 2013-2015 FireGento Team (http://www.firegento.com)
 * @license   http://opensource.org/licenses/gpl-3.0 GNU General Public License, version 3 (GPLv3)
 */

/* Left empty on purpose, only needed in rwd theme */


.clickandcollectdesk  {

    max-width: 100%;
	transition: 0.3s;
	z-index: 31;
	right: -18%;
	width: 25%;
	position: fixed;
	background: #35a8e0;
	border-radius: 20px 0 0 20px;
	padding: 5px 1%;
}
.clickandcollectdesk:hover  {
	right:0;
}

.clickcollone {
	line-height:30px; 
	background: #f4f4f4; 
	font-size:80%; 
	vertical-align:middle; 
	text-align:center;
}

.clickcolltwo {
	margin-left: 5px;
	max-height: 25px;
	margin-bottom: -6px; 
	margin-top:6px;
	float: left;
}

.clickcollthree {
	font-size:20px; 
	border-right: 1px solid #35a8e0;
	float: left;
}

.clickcollfour {
	text-align:center;
	float: none;
	margin: auto;
	display: inline-block;
}

.clickcollfive {
	text-align:left; 
	background:#35a8e0; 
	font-size:90%; 
	padding-left:1%; 
	line-height:20px;
}

.clickandcolllogo {
    max-width: 20%;
	margin:5%;
}

@media only screen and (min-width:770px) {
	.clickandcollectmob {
		display:none;
	}
}
@media only screen and (max-width:770px) {
	.clickandcollectdesk {
		display:none;
	}
	.clickandcollectlink {
	display:none;
	}
}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ticket-history {
  padding: 6px 15px 6px 15px;
}
.ticket-history > .legend {
  margin: -16px 0 0 5px;
}
.ticket-history p {
  margin-bottom: .5em;
}
.ticket-history .fieldset {
  padding: 5px 10px;
  margin: 10px 0px;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
}
.ticket-history .fieldset .legend {
  margin-top: 5px;
  margin-bottom: 10px;
  font-weight: bold;
}
.ticket-history .fieldset.user {
  border: 1px solid #8eb589;
  border-left: 5px solid #8eb589;
  background-color: #fefffe;
  background-image: -moz-linear-gradient(top, #fdfffd, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfffd), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #fdfffd, #ffffff);
  background-image: -o-linear-gradient(top, #fdfffd, #ffffff);
  background-image: linear-gradient(to bottom, #fdfffd, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfffd', endColorstr='#ffffffff', GradientType=0);
}
.ticket-history .fieldset.customer {
  border: 1px solid #9cb4c5;
  border-left: 5px solid #9cb4c5;
  background-color: #fcfdff;
  background-image: -moz-linear-gradient(top, #fafcff, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafcff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #fafcff, #ffffff);
  background-image: -o-linear-gradient(top, #fafcff, #ffffff);
  background-image: linear-gradient(to bottom, #fafcff, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafcff', endColorstr='#ffffffff', GradientType=0);
}
.MultiFile-wrap .MultiFile-list .MultiFile-label {
  margin: 6px 0px 0px 0px;
}
.MultiFile-wrap .MultiFile-list .MultiFile-label .MultiFile-remove {
  text-decoration: none;
  font-size: 14px;
  color: #f00;
  line-height: 14px;
  margin-right: 5px;
}
.helpdesk-contact-form {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  *zoom: 1;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 5px 15px 8px 15px;
  position: relative;
  width: 600px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 21.875px;
  color: #333;
  margin-left: 10px;
}
.helpdesk-contact-form:before,
.helpdesk-contact-form:after {
  display: table;
  content: "";
  line-height: 0;
}
.helpdesk-contact-form:after {
  clear: both;
}
.helpdesk-contact-form a {
  color: #1a6690;
}
.helpdesk-contact-form .dropbox h2 {
  font-size: 20px;
  line-height: 30px;
  padding: 0;
  margin: 0px 0px 5px 0px;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.helpdesk-contact-form .dropbox .inside-form {
  *zoom: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 8px;
}
.helpdesk-contact-form .dropbox .inside-form:before,
.helpdesk-contact-form .dropbox .inside-form:after {
  display: table;
  content: "";
  line-height: 0;
}
.helpdesk-contact-form .dropbox .inside-form:after {
  clear: both;
}
.helpdesk-contact-form .dropbox .inside-form ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.helpdesk-contact-form .dropbox .inside-form ul li {
  margin-bottom: 10px;
}
.helpdesk-contact-form .dropbox .inside-form ul li label {
  display: block;
  margin-bottom: 2px;
}
.helpdesk-contact-form .dropbox .inside-form ul li label em {
  color: #e00;
  margin-left: 5px;
}
.helpdesk-contact-form .dropbox .inside-form ul .wide {
  margin-top: 10px;
  margin-bottom: 15px;
}
.helpdesk-contact-form .dropbox .inside-form ul .customer-details {
  display: flex;
  width: 95%;
}
.helpdesk-contact-form .dropbox .inside-form ul .customer-details li.customer-name,
.helpdesk-contact-form .dropbox .inside-form ul .customer-details li.customer-email {
  float: left;
  width: 50%;
}
.helpdesk-contact-form .dropbox .inside-form ul .customer-details li.customer-name input,
.helpdesk-contact-form .dropbox .inside-form ul .customer-details li.customer-email input {
  width: 262px;
}
.helpdesk-contact-form .dropbox .inside-form ul .customer-details li.customer-name {
  margin-right: 20px;
}
.helpdesk-contact-form .dropbox .inside-form ul .fields {
  display: flex;
  width: 95%;
}
.helpdesk-contact-form .dropbox .inside-form ul .fields li.field1,
.helpdesk-contact-form .dropbox .inside-form ul .fields li.field2 {
  float: left;
  width: 50%;
}
.helpdesk-contact-form .dropbox .inside-form ul .fields li.field1 select,
.helpdesk-contact-form .dropbox .inside-form ul .fields li.field2 select {
  width: 262px;
}
.helpdesk-contact-form .dropbox .inside-form ul .fields li.field1 {
  margin-right: 20px;
}
.helpdesk-contact-form .dropbox .inside-form input[type="text"],
.helpdesk-contact-form .dropbox .inside-form textarea {
  background-color: white;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18);
  display: inline-block;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 14px;
  line-height: 21.875px;
  color: #555;
  width: 555px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.helpdesk-contact-form .dropbox .inside-form input[type="text"]:focus,
.helpdesk-contact-form .dropbox .inside-form textarea:focus {
  border-color: rgba(244, 175, 26, 0.8);
  outline: 0;
}
.helpdesk-contact-form .dropbox .inside-form input[type="text"].validation-failed,
.helpdesk-contact-form .dropbox .inside-form textarea.validation-failed {
  border-color: rgba(244, 26, 70, 0.8);
}
.helpdesk-contact-form .dropbox .inside-form .validation-advice {
  display: none !important;
}
.helpdesk-contact-form .dropbox .inside-form textarea {
  height: 80px;
}
.helpdesk-contact-form .dropbox .post-button {
  border: 1px solid #ddd;
  padding: 7px 12px;
  float: right;
  margin-top: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  font-size: 14px;
  font-weight: bold;
  color: #1a6690;
  cursor: pointer;
}
.helpdesk-contact-form .dropbox .post-button:hover {
  background-color: #f0f0f0;
  background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);
}
.helpdesk-contact-form .close {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 23px;
  font-weight: bold;
  color: #666;
  cursor: pointer;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.helpdesk-contact-form .close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.helpdesk-contact-form.success {
  height: 80px;
}
.helpdesk-contact-form.success .dropbox {
  padding: 33px 0px;
}
.helpdesk-contact-form.success .dropbox ul {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #00BD00;
  font-weight: bold;
  text-align: center;
}
.helpdesk-contact-form.form-kb .input-box input {
  width: 480px;
}
.helpdesk-contact-form.form-kb .input-box button {
  margin-top: 0px;
}
.helpdesk-contact-form.form-kb-result .article-item .detail {
  color: #777;
  font-size: 13px;
  line-height: 18px;
  margin-top: 5px;
}
.helpdesk-contact-form.form-kb-result a.more {
  float: right;
}
.helpdesk-contact-form.form-kb-result a.back {
  float: left;
}
.helpdesk-contact-form-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100000px;
  height: 10000000px;
  background: rgba(0, 0, 0, 0.2);
  z-index: 90000;
}
.helpdesk-contact-form-button {
  cursor: pointer;
}
.helpdesk-contact-form-button.left {
  *zoom: 1;
  position: fixed;
  top: 50%;
  margin-top: -75px;
  width: 150px;
  left: -57px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-weight: bold;
  z-index: 1000000;
}
.helpdesk-contact-form-button.left:before,
.helpdesk-contact-form-button.left:after {
  display: table;
  content: "";
  line-height: 0;
}
.helpdesk-contact-form-button.left:after {
  clear: both;
}
.helpdesk-contact-form-button.left .button-text {
  line-height: 20px !important;
  font-size: 16px !important;
  padding: 8px 10px;
  border: 1px solid #fff;
  margin: 1px;
  color: #fff;
  text-align: center;
}
.helpdesk-contact-form-button.right {
  *zoom: 1;
  position: fixed;
  top: 50%;
  right: -26px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  font-weight: bold;
  z-index: 1000000;
}
.helpdesk-contact-form-button.right:before,
.helpdesk-contact-form-button.right:after {
  display: table;
  content: "";
  line-height: 0;
}
.helpdesk-contact-form-button.right:after {
  clear: both;
}
.helpdesk-contact-form-button.right .button-text {
  padding: 9px 10px;
  border: 1px solid #fff;
  margin: 1px;
  color: #fff;
}
.helpdesk-contact-form-iframe {
  *zoom: 1;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 650px;
  height: 660px;
  z-index: 100000;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.helpdesk-contact-form-iframe:before,
.helpdesk-contact-form-iframe:after {
  display: table;
  content: "";
  line-height: 0;
}
.helpdesk-contact-form-iframe:after {
  clear: both;
}
html {
  overflow-x: hidden;
}
@media (max-width: 680px) {
  .helpdesk-contact-form-iframe {
    width: 80%;
    height: 84%;
  }
  .helpdesk-contact-form {
    width: 90%;
    margin-left: 0px;
  }
  .helpdesk-contact-form .dropbox .inside-form {
    margin-bottom: 0px;
    padding-bottom: 3px;
  }
  .helpdesk-contact-form .dropbox .inside-form ul {
    padding-left: 10px;
  }
  .helpdesk-contact-form .dropbox .inside-form ul li {
    margin-bottom: 0px;
  }
  .helpdesk-contact-form .dropbox .inside-form ul li .customer-email input {
    width: 90%;
  }
  .helpdesk-contact-form .dropbox .inside-form input[type="text"],
  .helpdesk-contact-form .dropbox .inside-form textarea {
    width: 90%!important;
    height: 100%!important;
  }
}
.helpdesk-box-tickets .box-head h2 {
  background-image: url(https://www.megabike24.de/skin/frontend/base/default/images/mst_helpdesk/i_folder-table.gif);
}
.helpdesk-box-tickets .data-table td {
  position: relative;
}
.helpdesk-box-tickets .unread {
  display: inline-block;
  margin-left: 5px;
  width: 20px;
  height: 11px;
  background-image: url(https://www.megabike24.de/skin/frontend/base/default/images/mst_helpdesk/i_unread2.png);
  background-size: 20px 20px;
  background-position: 0px -8px;
}
iframe.helpdesk-contact-form-iframe {
  display: block;
}
.helpdesk-custom-field .input-box.checkbox {
  clear: none;
  width: 30px !important;
  float: left;
  margin-left: 15px;
}
li.checkbox {
  *zoom: 1;
}
li.checkbox:before,
li.checkbox:after {
  display: table;
  content: "";
  line-height: 0;
}
li.checkbox:after {
  clear: both;
}
li.checkbox > label {
  float: left;
}
.helpdesk-contacts-form ul {
  list-style: none;
}
.helpdesk-ticket-information-table td {
  padding: 3px 10px 3px 0px;
}
.helpdesk-status {
  padding: 2px 15px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-size: 12px;
  background-color: #c9c9c9;
  background-image: -moz-linear-gradient(top, #dddddd, #aaaaaa);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#aaaaaa));
  background-image: -webkit-linear-gradient(top, #dddddd, #aaaaaa);
  background-image: -o-linear-gradient(top, #dddddd, #aaaaaa);
  background-image: linear-gradient(to bottom, #dddddd, #aaaaaa);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdddddd', endColorstr='#ffaaaaaa', GradientType=0);
}
.helpdesk-status.open {
  background-color: #77da79;
  background-image: -moz-linear-gradient(top, #97e399, #47cd4a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#97e399), to(#47cd4a));
  background-image: -webkit-linear-gradient(top, #97e399, #47cd4a);
  background-image: -o-linear-gradient(top, #97e399, #47cd4a);
  background-image: linear-gradient(to bottom, #97e399, #47cd4a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff97e399', endColorstr='#ff47cd4a', GradientType=0);
}
.helpdesk-status.in_progress {
  background-color: #ff6262;
  background-image: -moz-linear-gradient(top, #ff8b8b, #ff2525);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff8b8b), to(#ff2525));
  background-image: -webkit-linear-gradient(top, #ff8b8b, #ff2525);
  background-image: -o-linear-gradient(top, #ff8b8b, #ff2525);
  background-image: linear-gradient(to bottom, #ff8b8b, #ff2525);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff8b8b', endColorstr='#ffff2525', GradientType=0);
}
/* @mirasvit for Magento 1.9.0.1 begin */
/*---------------- Create New Ticket in Account ------------------*/
h2.legend.create_new_ticket {
  font-size: 14px;
  font-weight: 600;
  margin-top: 20px;
}
form#helpdesk-form-validate.MultiFile-intercepted div.fieldset ul.form-list {
  width: 50%;
}
form#helpdesk-form-validate.MultiFile-intercepted div.fieldset ul.form-list li.wide div.input-box select {
  width: 100%;
}
form#helpdesk-form-validate.MultiFile-intercepted div.fieldset ul.form-list li.wide div.input-box input {
  width: 100%;
}
form#helpdesk-form-validate.MultiFile-intercepted div.fieldset ul.form-list li.wide div.input-box textarea {
  width: 100%;
}
form#helpdesk-form-validate.MultiFile-intercepted div.buttons-set p.required {
  float: left;
}
/*---------------- Ticket Information in Account ------------------*/
h2.legend.ticket_information {
  font-size: 14px;
  font-weight: 600;
  margin-top: 20px;
}
h2.legend.post_replay {
  font-size: 14px;
  font-weight: 600;
  margin-top: 20px;
}
h2.legend.ticket_history {
  font-size: 14px;
  font-weight: 600;
  margin-top: 20px;
  margin-left: 0px;
}
h2.legend.ticket_history_log {
  font-size: 14px;
  margin-top: 20px;
  font-style: italic;
  text-transform: none;
  font-family: Georgia, Times, "Times New Roman", serif;
}
.ticket-history {
  padding: 6px 0px 6px 0px;
}
form#helpdesk-form-validate.MultiFile-intercepted div.fieldset ul.form-list button.button {
  margin-bottom: 2px;
}

/*---------------- Contact Form in Popup ------------------*/
form#helpdesk-contact-form.helpdesk-contact-form div.dropbox div.inside-form ul.form-list li div.input-box {
  width: 106% !important;
}
form#helpdesk-contact-form.helpdesk-contact-form div.dropbox div.inside-form ul.form-list div.customer-details {
  width: 98%;
}

/*---------------- Contact Form ------------------*/
form#contactForm.helpdesk-contacts-form.MultiFile-intercepted div.fieldset ul.form-list li {
  width: 600px;
}

form#contactForm.helpdesk-contacts-form.MultiFile-intercepted div.fieldset ul.form-list li.wide div.field {
  width: 100%;
}

form#contactForm.helpdesk-contacts-form.MultiFile-intercepted div.fieldset ul.form-list li.wide div.field div.input-box input {
  width: 95% !important;
}

form#contactForm.helpdesk-contacts-form.MultiFile-intercepted div.fieldset ul.form-list li.wide div.field div.input-box textarea {
  width: 95% !important;
  max-width: 95% !important;
}

form#contactForm.helpdesk-contacts-form.MultiFile-intercepted div.fieldset ul.form-list li.fields div.field {
  width: 46.5%;
}

/*---------------- Contact Form For Mobile ------------------*/
@media only screen and (max-width: 600px) {
  form#contactForm.helpdesk-contacts-form.MultiFile-intercepted div.fieldset ul.form-list li {
    width: 100%;
  }

  form#contactForm.helpdesk-contacts-form.MultiFile-intercepted div.fieldset ul.form-list li.fields div.field {
    width: 100%;
  }

  form#contactForm.helpdesk-contacts-form.MultiFile-intercepted div.fieldset ul.form-list li div.field div.input-box input {
    width: 100% !important;
  }

  form#contactForm.helpdesk-contacts-form.MultiFile-intercepted div.fieldset ul.form-list li.wide div.field div.input-box input {
    width: 100% !important;
  }

  form#contactForm.helpdesk-contacts-form.MultiFile-intercepted div.fieldset ul.form-list li.wide div.field div.input-box textarea {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* @mirasvit for Magento 1.9.0.1 end */
.helpdesk-box-tickets {
  margin-bottom: 40px;
}

#loading_mask_loader {
  position: fixed;
  top: 45%;
  left: 50%;
  margin-left: -62px;
  padding: 15px 30px;
  background: #fdfffd;
  border: 5px solid #E0E0E0;
  color: #767676;
  font-weight: bold;
  text-align: center;
  z-index: 1000;
}

/* Extended status colors frontend support */

span.helpdesk-status.aqua
{
  font-size: 11px;
  background-color: #72e7e2;
  background-image: -moz-linear-gradient(top, #9ffdfd, #2ec5b9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9ffdfd), to(#2ec5b9));
  background-image: -webkit-linear-gradient(top, #9ffdfd, #2ec5b9);
  background-image: -o-linear-gradient(top, #9ffdfd, #2ec5b9);
  background-image: linear-gradient(to bottom, #9ffdfd, #2ec5b9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9ffdfd', endColorstr='#ff2ec5b9', GradientType=0);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 15px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
span.helpdesk-status.grey
{
  font-size: 11px;
  background-color: #6b6b6b;
  background-image: -moz-linear-gradient(top, #868686, #424242);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#868686), to(#424242));
  background-image: -webkit-linear-gradient(top, #868686, #424242);
  background-image: -o-linear-gradient(top, #868686, #424242);
  background-image: linear-gradient(to bottom, #868686, #424242);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff868686', endColorstr='#ff424242', GradientType=0);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 15px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
span.helpdesk-status.navy
{
  font-size: 11px;
  background-color: #7387bf;
  background-image: -moz-linear-gradient(top, #8d8dc7, #4c7eb4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8d8dc7), to(#4c7eb4));
  background-image: -webkit-linear-gradient(top, #8d8dc7, #4c7eb4);
  background-image: -o-linear-gradient(top, #8d8dc7, #4c7eb4);
  background-image: linear-gradient(to bottom, #8d8dc7, #4c7eb4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8d8dc7', endColorstr='#ff4c7eb4', GradientType=0);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 15px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
span.helpdesk-status.silver
{
  font-size: 11px;
  background-color: #ababab;
  background-image: -moz-linear-gradient(top, #c0c0c0, #8b8b8b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c0c0c0), to(#8b8b8b));
  background-image: -webkit-linear-gradient(top, #c0c0c0, #8b8b8b);
  background-image: -o-linear-gradient(top, #c0c0c0, #8b8b8b);
  background-image: linear-gradient(to bottom, #c0c0c0, #8b8b8b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc0c0c0', endColorstr='#ff8b8b8b', GradientType=0);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 15px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
span.helpdesk-status.black {
  font-size: 11px;
  background-color: #000000;
  background-image: -moz-linear-gradient(top, #000000, #000000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#000000));
  background-image: -webkit-linear-gradient(top, #000000, #000000);
  background-image: -o-linear-gradient(top, #000000, #000000);
  background-image: linear-gradient(to bottom, #000000, #000000);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000', GradientType=0);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 15px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
span.helpdesk-status.green
{
  font-size: 11px;
  background-color: #77da79;
  background-image: -moz-linear-gradient(top, #97e399, #47cd4a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#97e399), to(#47cd4a));
  background-image: -webkit-linear-gradient(top, #97e399, #47cd4a);
  background-image: -o-linear-gradient(top, #97e399, #47cd4a);
  background-image: linear-gradient(to bottom, #97e399, #47cd4a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff97e399', endColorstr='#ff47cd4a', GradientType=0);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 15px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
span.helpdesk-status.olive
{
  font-size: 11px;
  background-color: #95a051;
  background-image: -moz-linear-gradient(top, #b4b471, #668121);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b471), to(#668121));
  background-image: -webkit-linear-gradient(top, #b4b471, #668121);
  background-image: -o-linear-gradient(top, #b4b471, #668121);
  background-image: linear-gradient(to bottom, #b4b471, #668121);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb4b471', endColorstr='#ff668121', GradientType=0);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 15px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
span.helpdesk-status.teal
{
  font-size: 11px;
  background-color: #49a6b0;
  background-image: -moz-linear-gradient(top, #59afaf, #3298b1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#59afaf), to(#3298b1));
  background-image: -webkit-linear-gradient(top, #59afaf, #3298b1);
  background-image: -o-linear-gradient(top, #59afaf, #3298b1);
  background-image: linear-gradient(to bottom, #59afaf, #3298b1);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff59afaf', endColorstr='#ff3298b1', GradientType=0);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 15px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
span.helpdesk-status.blue
{
  font-size: 11px;
  background-color: #8b90ff;
  background-image: -moz-linear-gradient(top, #a9a9ff, #5e6bff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a9a9ff), to(#5e6bff));
  background-image: -webkit-linear-gradient(top, #a9a9ff, #5e6bff);
  background-image: -o-linear-gradient(top, #a9a9ff, #5e6bff);
  background-image: linear-gradient(to bottom, #a9a9ff, #5e6bff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa9a9ff', endColorstr='#ff5e6bff', GradientType=0);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 15px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
span.helpdesk-status.lime
{
  font-size: 11px;
  background-color: #67ec59;
  background-image: -moz-linear-gradient(top, #67ff4a, #68cf70);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#67ff4a), to(#68cf70));
  background-image: -webkit-linear-gradient(top, #67ff4a, #68cf70);
  background-image: -o-linear-gradient(top, #67ff4a, #68cf70);
  background-image: linear-gradient(to bottom, #67ff4a, #68cf70);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff67ff4a', endColorstr='#ff68cf70', GradientType=0);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 15px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
span.helpdesk-status.purple
{
  font-size: 11px;
  background-color: #d13dd1;
  background-image: -moz-linear-gradient(top, #dd61dd, #c007bf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd61dd), to(#c007bf));
  background-image: -webkit-linear-gradient(top, #dd61dd, #c007bf);
  background-image: -o-linear-gradient(top, #dd61dd, #c007bf);
  background-image: linear-gradient(to bottom, #dd61dd, #c007bf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd61dd', endColorstr='#ffc007bf', GradientType=0);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 15px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
span.helpdesk-status.fuchsia
{
  font-size: 11px;
  background-color: #ee8dee;
  background-image: -moz-linear-gradient(top, #ffaeff, #d55bd5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffaeff), to(#d55bd5));
  background-image: -webkit-linear-gradient(top, #ffaeff, #d55bd5);
  background-image: -o-linear-gradient(top, #ffaeff, #d55bd5);
  background-image: linear-gradient(to bottom, #ffaeff, #d55bd5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffaeff', endColorstr='#ffd55bd5', GradientType=0);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 15px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
span.helpdesk-status.maroon
{
  font-size: 11px;
  background-color: #b26767;
  background-image: -moz-linear-gradient(top, #b47171, #af5959);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b47171), to(#af5959));
  background-image: -webkit-linear-gradient(top, #b47171, #af5959);
  background-image: -o-linear-gradient(top, #b47171, #af5959);
  background-image: linear-gradient(to bottom, #b47171, #af5959);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb47171', endColorstr='#ffaf5959', GradientType=0);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 15px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
span.helpdesk-status.red
{
  font-size: 11px;
  background-color: #ff6262;
  background-image: -moz-linear-gradient(top, #ff8b8b, #ff2525);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff8b8b), to(#ff2525));
  background-image: -webkit-linear-gradient(top, #ff8b8b, #ff2525);
  background-image: -o-linear-gradient(top, #ff8b8b, #ff2525);
  background-image: linear-gradient(to bottom, #ff8b8b, #ff2525);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff8b8b', endColorstr='#ffff2525', GradientType=0);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 15px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
span.helpdesk-status.orange
{
  font-size: 11px;
  background-color: #ff8c00;
  background-image: -moz-linear-gradient(top, #ff8c00, #ff8c00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff8c00), to(#ff8c00));
  background-image: -webkit-linear-gradient(top, #ff8c00, #ff8c00);
  background-image: -o-linear-gradient(top, #ff8c00, #ff8c00);
  background-image: linear-gradient(to bottom, #ff8c00, #ff8c00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff8c00', endColorstr='#ffff8c00', GradientType=0);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 15px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
span.helpdesk-status.yellow
{
  font-size: 11px;
  background-color: #f9ca34;
  background-image: -moz-linear-gradient(top, #ffd757, #f0b700);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffd757), to(#f0b700));
  background-image: -webkit-linear-gradient(top, #ffd757, #f0b700);
  background-image: -o-linear-gradient(top, #ffd757, #f0b700);
  background-image: linear-gradient(to bottom, #ffd757, #f0b700);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffd757', endColorstr='#fff0b700', GradientType=0);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 15px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}

.attachment.input-box {
  height: auto;
}

.helpdesk-ticket-external .fieldset,
.helpdesk-ticket-view .fieldset {
  border: 0;
}

.helpdesk-ticket-external .fieldset h2,
.helpdesk-ticket-view .fieldset h2 {
  float: none;
}
.rma-italic {
  font-family:"Helvetica Neue",Verdana,Arial,sans-serif;
  font-style: none; 
}
.input-text {
	width: 50%;
	height: 100px;
	border: none;
}
.fieldset {
    margin-top: 2% !important;
}
.legend {
	font-weight: 600;
	font-size: 100%;
}
.fieldset.user {
    border: 1px solid #8eb589;
    border-left: 5px solid #8eb589;
    background-color: #fefffe;
    background-image: -moz-linear-gradient(top, #fdfffd, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfffd), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #fdfffd, #ffffff);
    background-image: -o-linear-gradient(top, #fdfffd, #ffffff);
    background-image: linear-gradient(to bottom, #fdfffd, #ffffff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfffd', endColorstr='#ffffffff', GradientType=0);
    padding: 5px 10px;
    margin: 10px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    font-size: 14px
}

.fieldset.customer {
    border: 1px solid #9cb4c5;
    border-left: 5px solid #9cb4c5;
    background-color: #fcfdff;
    background-image: -moz-linear-gradient(top, #fafcff, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafcff), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #fafcff, #ffffff);
    background-image: -o-linear-gradient(top, #fafcff, #ffffff);
    background-image: linear-gradient(to bottom, #fafcff, #ffffff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafcff', endColorstr='#ffffffff', GradientType=0);
    padding: 5px 10px;
    margin: 10px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    font-size: 14px
}

	
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.searchautocomplete .search-autocomplete {
  position: absolute;
}
.searchautocomplete .form-search {
  overflow: none !important;
  position: relative;
}
.searchautocomplete .sprite {
  background: url('https://www.megabike24.de/skin/frontend/base/default/images/mirasvit/sprite.png');
}
.searchautocomplete .nav-search-in {
  position: absolute;
  top: 2px;
  left: 0px;
  z-index: 11;
}
.searchautocomplete .nav-search-in .category {
  opacity: 0;
  filter: alpha(opacity=0);
  background: white;
  border: 1px solid #DDD;
  color: black;
  cursor: pointer;
  height: 29px;
  left: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  top: 0;
  visibility: visible;
  width: auto;
}
.searchautocomplete .nav-search-in .category-fake {
  height: 20px;
  color: #777;
  cursor: pointer;
  float: left;
  font-size: 11px;
  padding: 0px 25px 0px 10px;
  text-align: center;
  white-space: nowrap;
  margin-top: 6px;
}
.searchautocomplete .nav-search-in .nav-down-arrow {
  right: 10px;
  top: 16px;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4.5px 0 4.5px;
  border-color: #000000 transparent transparent transparent;
  line-height: 0px;
}
.searchautocomplete .nav-search-in:hover .category-fake {
  color: #000;
}
.searchautocomplete .nav-search-in:hover .nav-down-arrow {
  background-position: -6px -34px;
}
.searchautocomplete .searchautocomplete-placeholder {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background: #FFF;
  border: 1px solid #ccc;
  position: absolute;
  z-index: 102;
  box-shadow: 0 10px 10px #5E5E5E;
  top: 30px;
}
.searchautocomplete .searchautocomplete-placeholder:before {
  border-color: transparent transparent #CCC transparent;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 5px;
  height: 0;
  width: 0;
  top: -11px;
  left: 30px;
}
.searchautocomplete .searchautocomplete-placeholder ul {
  list-style: none;
  margin: 0;
  border: none!important;
  background: none!important;
  box-shadow: none;
  position: relative;
  padding: 5px;
}
.searchautocomplete .searchautocomplete-placeholder ul li {
  *zoom: 1;
  text-align: left;
  padding: 5px 5px;
  border: 1px solid #e2e2e2;
  margin-bottom: 5px;
}
.searchautocomplete .searchautocomplete-placeholder ul li:before,
.searchautocomplete .searchautocomplete-placeholder ul li:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchautocomplete .searchautocomplete-placeholder ul li:after {
  clear: both;
}
.searchautocomplete .searchautocomplete-placeholder ul li a {
  text-decoration: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li a .pull-right {
  float: right;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active {
  background-color: #eeffee;
  box-shadow: 0 0 1px #525252;
  cursor: pointer;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active a {
  text-decoration: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li .searchautocomlete-image {
  float: left;
  margin: 0px 10px 5px 0px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box {
  font-weight: bold;
  font-size: 13px;
  color: #C76200;
  float: right;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .regular-price .price-label,
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price-label,
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .special-price .price-label {
  display: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .price-label {
  font-weight: normal;
  color: #999;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price {
  font-size: 0.9em;
  color: #999;
}
.searchautocomplete .searchautocomplete-placeholder ul li .ratings {
  margin: 0;
  line-height: 14px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .ratings .rating-box {
  float: left;
  margin: 0 5px 0 0;
}
.searchautocomplete .searchautocomplete-placeholder .index-title {
  text-align: right;
  color: #0A263C;
  border-bottom: 1px solid #CCC;
  padding: 2px 5px;
  background-color: #F7F7F6;
}
.searchautocomplete .searchautocomplete-placeholder .index-title span {
  color: #666;
  font-size: 0.9em;
}
.searchautocomplete .searchautocomplete-placeholder .all {
  text-align: right;
  margin: 10px 10px 5px 10px;
}
.searchautocomplete .searchautocomlete-image {
  float: left;
  margin: 0px 5px 5px 0px;
}
.searchautocomplete .searchautocomplete-loader {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 11px;
  right: 44px;
  z-index: 99;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
  display: none;
}
.searchautocomplete .searchautocomplete-loader div {
  position: absolute;
  background-color: #FFFFFF;
  height: 3px;
  width: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-animation-name: f_autocomplete_loader;
  animation-name: f_autocomplete_loader;
  -webkit-animation-duration: 0.64s;
  animation-duration: 0.64s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
}
.searchautocomplete .searchautocomplete-loader div#g01 {
  left: 0px;
  top: 7px;
  -webkit-animation-delay: 0.24s;
  animation-delay: 0.24s;
}
.searchautocomplete .searchautocomplete-loader div#g02 {
  left: 2px;
  top: 2px;
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
}
.searchautocomplete .searchautocomplete-loader div#g03 {
  left: 7px;
  top: 0px;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.searchautocomplete .searchautocomplete-loader div#g04 {
  right: 2px;
  top: 2px;
  -webkit-animation-delay: 0.48s;
  animation-delay: 0.48s;
}
.searchautocomplete .searchautocomplete-loader div#g05 {
  right: 0px;
  top: 7px;
  -webkit-animation-delay: 0.56s;
  animation-delay: 0.56s;
}
.searchautocomplete .searchautocomplete-loader div#g06 {
  right: 2px;
  bottom: 2px;
  -webkit-animation-delay: 0.64s;
  animation-delay: 0.64s;
}
.searchautocomplete .searchautocomplete-loader div#g07 {
  left: 7px;
  bottom: 0px;
  -webkit-animation-delay: 0.72s;
  animation-delay: 0.72s;
}
.searchautocomplete .searchautocomplete-loader div#g08 {
  left: 2px;
  bottom: 2px;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
@-moz-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-webkit-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-ms-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-o-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
.searchautocomplete .input-text {
  outline: none;
}
.searchautocomplete.active .input-text {
  outline: none;
  border-radius: 2px 2px 0px 0px;
  border: 1px solid #3399cc;
}
.searchautocomplete .nav-search-in {
  top: 0px;
}
.searchautocomplete .nav-search-in .category-fake {
  padding-top: 7px;
}
.searchautocomplete .nav-search-in .nav-down-arrow {
  top: 19px;
}
.searchautocomplete .nav-search-in .category {
  top: 0px;
  left: 0px;
  height: 40px;
}
.searchautocomplete .searchautocomplete-placeholder {
  top: 0px !important;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 5px 5px;
  border: 1px solid #3399cc;
  border-top: 0px;
}
.searchautocomplete .searchautocomplete-placeholder:before {
  display: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li {
  border: 1px solid #fff;
}
.searchautocomplete .searchautocomplete-placeholder ul li div.highlight {
  color: #666;
}
.searchautocomplete .searchautocomplete-placeholder ul li img {
  border: 1px solid #ededed;
}
.searchautocomplete .searchautocomplete-placeholder ul li:last-child {
  border: 1px solid #fff;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active {
  background: transparent;
  box-shadow: none;
  border: 1px solid #3399cc !important;
}
.searchautocomplete .searchautocomplete-placeholder ul li .ratings {
  margin: 5px 0px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .name {
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  line-height: 16px;
  display: block;
}
.searchautocomplete .searchautocomplete-placeholder ul li div.highlight {
  display: none;
}
@media only screen and (min-width: 1100px) {
  .searchautocomplete .searchautocomplete-placeholder ul li div.highlight {
    display: block;
    float: left;
    max-width: 250px;
  }
}
.searchautocomplete .searchautocomplete-placeholder ul li .searchautocomlete-image {
  margin: 0px 10px 0px 0px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box {
  margin: 0px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .price {
  font-size: 13px;
}
@media only screen and (min-width: 771px) {
  #header-search {
    width: 35% !important;
  }
}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.searchindex-results {
  *zoom: 1;
  margin-bottom: 10px;
  border-bottom: 1px solid #a0b3c3;
}
.searchindex-results:before,
.searchindex-results:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchindex-results:after {
  clear: both;
}
.searchindex-results li {
  margin-bottom: -1px;
  float: left;
  *zoom: 1;
  margin: 0px 2px;
}
.searchindex-results li:before,
.searchindex-results li:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchindex-results li:after {
  clear: both;
}
.searchindex-results li a {
  font-size: 12px;
  font-weight: bold;
  color: #333;
  display: block;
  cursor: pointer;
  padding: 2px 5px 1px 5px;
  line-height: 20px;
  border: 1px solid transparent;
  border-bottom: none;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  text-decoration: none;
}
.searchindex-results li a:hover {
  background-color: #f1f1f1;
  background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
  border: 1px solid #a0b3c3;
  border-bottom: none;
}
.searchindex-results li a span {
  font-weight: normal;
  font-size: 0.9em;
}
.searchindex-results li.active a {
  background-color: #f1f1f1;
  background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
  cursor: default;
  border: 1px solid #a0b3c3;
  border-bottom: none;
}
.searchindex-result li {
  padding: 5px;
}
.searchindex-result li .title a {
  font-weight: bold;
  color: #203548;
  font-size: 13px;
}
.searchindex-result.searchindex-result-category {
  margin-bottom: 20px;
}
.searchindex-result.searchindex-result-category li {
  padding: 1px 0px;
}
.searchindex-result.searchindex-result-category li a {
  font-weight: bold;
  color: #203548;
}
.searchindex-highlight {
  background-color: #ff0;
}

.col-main div:nth-of-type(8) .col-1 {
    width: 102%;
}
#checkout-review-table.data-table th {
  background-color:#fff !important;
  color:#000 !important;
}
.btn-checkout {
	font-weight: bold !important;
	text-transform: uppercase !important;
}
.box {
	 background-color:#fff;
	 padding:2%;
	 min-height:180px;
	 box-shadow: 1px 1px 4px #ccc;
}
.box h3 {
    font-weight: bold;
}
#payment_form_easycredit li {
	padding: 0 25px;
}

label[for=easycredit-customer-prefix]
{
    margin-top:3%;
}
#easycredit-agreement-block label {
    font-size: 11px;
}
#dt_method_easycredit
label {
 background-color:#fff
}
div.easycredit-method-title
span {
 background-image:url(https://www.easycredit-ratenkauf.de/download/200x43_Ratenkauf_Logo_mitSubline.png);
 display:inline-block;
 overflow:hidden;
 text-indent:-1000px;
 width:140px;
 height:24px;
 background-position-x:center;
 background-repeat:no-repeat;
 background-size:contain
}
.easycredit-disabled {
 -webkit-filter:grayscale(100%);
 filter:grayscale(100%)
}
#easycredit-agreement-block
label {
 display:table
}
#easycredit-agreement-block label > input,
#easycredit-agreement-block label>span {
 display:table-cell
}
#easycredit-agreement-block label>input {
 margin-right:10px
}
@media (min-width:768px) {
 .modal-open
.modal {
  width:600px
 }
}
.modal-open
.modal {
 overflow-x:hidden;
 overflow-y:auto;
 margin:auto;
 top:0
}
.fade.in {
 opacity:1
}
.modal {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:1050;
 display:none;
 overflow:hidden;
 -webkit-overflow-scrolling:touch;
 outline:0
}
.fade {
 opacity:0;
 -webkit-transition:opacity .15s linear;
 -o-transition:opacity .15s linear;
 transition:opacity .15s linear
}
.modal.in .modal-dialog {
 -webkit-transform:translate(0,0);
 -ms-transform:translate(0,0);
 -o-transform:translate(0,0);
 transform:translate(0,0)
}
.modal.fade .modal-dialog {
 -webkit-transition: -webkit-transform .3s ease-out;
 -o-transition: -o-transform .3s ease-out;
 transition:transform .3s ease-out;
 -webkit-transform:translate(0,-25%);
 -ms-transform:translate(0,-25%);
 -o-transform:translate(0,-25%);
 transform:translate(0,-25%)
}
.modal-dialog {
 position:relative;
 width:auto;
 margin:10px;
 top:200px
}
.modal-content {
 position:relative;
 background-color:#fff;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 border:1px
solid #999;
 border:1px
solid rgba(0,0,0,.2);
 border-radius:6px;
 outline:0;
 -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
 box-shadow:0 3px 9px rgba(0,0,0,.5)
}
* {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
*,::before,::after {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 margin:0;
 padding:0
}
.modal-header {
 min-height:16.43px;
 padding:15px;
 border-bottom:1px solid #e5e5e5
}
.modal-header
.close {
 margin-top: -2px
}
button.close {
 -webkit-appearance:none;
 padding:0;
 cursor:pointer;
 background:0 0;
 border:0
}
.close {
 float:right;
 font-size:21px;
 font-weight:700;
 line-height:1;
 color:#000;
 text-shadow:0 1px 0 #fff;
 filter:alpha(opacity=20);
 opacity: .2
}
.modal-title {
 margin:0;
 line-height:1.42857143
}
.modal-body {
 position:relative;
 padding:15px
}
.easycredit-embed-responsive {
 position:relative;
 display:block;
 height:0;
 padding:0;
 overflow:hidden
}
.modal-backdrop.in {
 filter:alpha(opacity=50);
 opacity: .5
}
.modal-backdrop.fade {
 filter:alpha(opacity=0);
 opacity:0
}
.fade.in {
 opacity:1
}
.modal-backdrop {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:1040;
  background-color:rgba(2, 2, 2, 0.8);

}
.fade {
 opacity:0;
 -webkit-transition:opacity .15s linear;
 -o-transition:opacity .15s linear;
 transition:opacity .15s linear
}
.modal-open {
 overflow-y:hidden
}
.easycredit-widget:first-of-type {
 display:none
}
.easycredit-widget {
 background-size:40px !important
}

/******************************* Kachelansicht *********************/
/*******************************************************************/
/*******************************************************************/
.main-container, .footer-container {
	position: unset !important;
	position: initial !important;
}
.category-products {padding-bottom: 10px;}

/******************************* Desktop - Kachelansicht *********************/
.ansicht {
	height:100%;
	margin-left:30%;
	margin-right:20%;
	margin-top:20%;
}
.produkt-karte {
	text-align:center;
	font-family: "Helvetica Neue",Verdana,Arial,sans-serif;
	margin:1%;
	background-color:#fff;
	z-index: 1;
	font-size: 1rem;
	box-shadow: 0 0 4px #ccc;
  padding-bottom: 20px;
}
.produkt-karte .rabatt-prozent {
	position: absolute;
	color: #fff;
	font-size: 0.875rem;
	background: #e30613;
	padding: 5px 10px;
	font-weight: bold;
}
.versand:before,
.versprodcart:before {
	font-family: FontAwesome;
	content: "\f0d1";
	display: inline-block;
	padding-right: 5px;
	color: #13b910;
	font-size: 0.875rem;
}
.versand.leer:before {
	display: none;
}
.h_versand:before {
	font-family: FontAwesome;
	content: "\f0d1";
	display: inline-block;
	padding-right: 5px;
	color: #13b910;
	font-size: 0.875rem;
}
.h_versand.leer:before {
	display: none;
}
/**************************************************************************** > 600px ***/
@media only screen and (min-width: 600px) {
	#products-grid {
	    position: relative;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	}
	.category-products .slideshow,
	.category-products ul,
	.detailinfo.empfehlungen .inhalt ul,
	.block-content.aw-arp-block-content ul {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.detailinfo.empfehlungen .inhalt ul .produkt-karte {
		width: 23%;
		margin: 1% !important;
	}
	.category-products ul .produkt-karte {
		border: none;
	}
	.rabatt-prozent.leer {
	    background: rgba(255,255,255,0);
			background: transparent;
	}
	.kartenimage {
			max-width: 100%;
			padding: 15px 5px 0 5px;
			z-index: 1;
	}
	.category-karriere #keinaccordion .kartenimage {
		padding: 0;
	}
	.modell img {
			height: 0.8rem;
			width: auto;
			margin-right: 2%;
	}
	.modell {
    padding: 0 5px;
    font-size: 1rem;
		height: 3.5em;
	}
	.modellname {
		display: inline;
	}
	.ratings {
		margin: 0 !important;
		height: 15px;
	}
	#product_comparison .ratings {
		height: auto;
	}
	.karteninfo {
    padding: 0 5px;
		min-height: 3.5em;
	}
	.preis-rot {
		margin-top:15px;
		color:#e30613;
		font-size:1.125rem;
    display: inline-block;
	}
	.streichtyp {
		font-size:0.6875rem;
		margin-left:10px;
		display: inline-block;
	}
	.preis-alt {
		text-decoration: line-through;
		text-decoration-color: red;
		color: #4d4d4d;
		font-weight: 500;
		font-size: 1.0625rem;
		display: inline-block;
		margin-left: 10px;
	}
	.produkt-karte .ratings .rating-box {
	    margin: auto;
	}
	.produkt-karte a:hover {
		text-decoration:none;
	}
	.versand {
		color:#13b910;
		font-size: 0.875rem;
		margin-top: 5px;
		}

	.versand.leer {
		height: 1.5em;
	}

	.varianten {
		display:none;
		width:40%;
		position:absolute;
		margin-right:20%;
		left: -40%;
		background-color:#fff;
		height:100%;
		box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.3);
		z-index: 8;
	}
	.produkt-karte:hover .varianten{
		display:block;
	}
	.varianten img {
		padding:5% 5%;
	}
	body[class*="categorypath-beratung-"] div.produkt-karte:nth-of-type(2),
	body[class*="categorypath-fahrradladen-"] div.produkt-karte:nth-of-type(2) {
		border-top: none !important;
	}
}

@media only screen and (min-width: 1001px) {
	.produkt-karte:hover {
			z-index: 8;
	}
	.jobkarte.produkt-karte:hover {
		z-index: 1;
	}
}

/**************************************************************************** Top Angebote 4 in einer Reihe > 600px - < 1000px ***/
@media only screen and (min-width: 600px) and (max-width: 1000px) {
	.category-products .slideshow .produkt-karte,
	.category-products ul .produkt-karte{
		width: calc(50% - 12px);
	}
}

/**************************************************************************** Top Angebote 4 in einer Reihe > 1001px - < 1199px ***/
@media only screen and (min-width: 1001px) and (max-width: 1399px) {
	.category-products .slideshow .produkt-karte,
	.category-products ul .produkt-karte{
		width: calc(46% - 12px);
		margin: 1% auto;
	}
	.category-products ul .produkt-karte .varianten img,
  .category-products .slideshow .produkt-karte .varianten img{
    max-width: 85%;
	}
	.category-products ul .produkt-karte .varianten,
  .category-products .slideshow .produkt-karte .varianten {
		width: 30%;
		left: -30%;
	}
}


/**************************************************************************** Top Angebote 4 in einer Reihe > 1200px ***/
@media only screen and (min-width: 1400px){
	.category-products .slideshow .produkt-karte,
	.category-products ul .produkt-karte {
    width: 23%;
		margin: 1%;
  }
}

/************************************************************************** Andere Kunden kauften auch ***/
@media only screen and (min-width: 600px) and (max-width: 1549px) {
	.detailinfo.empfehlungen .inhalt ul .produkt-karte  {
		width: 48%
	}
}
@media only screen and (min-width: 1650px){
	.detailinfo.empfehlungen .inhalt ul .produkt-karte  {
    width: 23%;
		margin: 1%;
  }
}

/**************************************************************************** > 600px - < 1399px ***/
@media only screen and (min-width: 600px) and (max-width: 1399px) {
  .produkt-karte:nth-of-type(2n+1) {
      margin-left: 0;
    }
  .produkt-karte:nth-of-type(2n+2) {
        margin-right: 0;
  }
	#products-grid .produkt-karte,
	.block-content.aw-arp-block-content ul .produkt-karte  {
		width: calc(49%);
	}
	.varianten img {
		max-width: 85%;
	}
}


/**************************************************************************** > 1400px ***/
@media only screen and (min-width: 1400px){
#products-grid  .produkt-karte,
.block-content.aw-arp-block-content ul .produkt-karte {
    width: calc(33% - 11px);
  }
	.varianten img {
		max-width:85%;
	}
}


/**************************************************************************** > 1401px - < 1699px ***/
@media only screen and (min-width: 1401px) and (max-width: 1699px) {
  .produkt-karte:nth-of-type(3n+1) {
      margin-left: 0;
    }
  .produkt-karte:nth-of-type(3n+3)  {
      margin-right: 0;
  }
}


/**************************************************************************** > 1700px ***/
@media only screen and (min-width: 1700px){
#products-grid  .produkt-karte,
.block-content.aw-arp-block-content ul .produkt-karte {
    width: calc(24% - 6px);
  }
}


/**************************************************************************** > 1701px ***/
@media only screen and (min-width: 1701px) {
  .produkt-karte:nth-of-type(4n+1) {
      margin-left: 0;
    }
  .produkt-karte:nth-of-type(4n+4) {
        margin-right: 0;
  }
}


/**************************************************************************** > 1920px ***/
@media only screen and (min-width: 1920px) {
	#products-grid .produkt-karte,
	.block-content.aw-arp-block-content ul .produkt-karte {
	    width: calc(24% - 10px);
	}
}
/************************* Produktkarten Startseiten ******************/
.cms-home .category-products ul {
	margin-bottom: 0px;
}
.cms-home .category-products ul .produkt-karte {
	margin-top: 0;
}


.h_karteninfo {
	float: right;
	margin-right:1%;
	display: inline-block;
	vertical-align: top;
	font-size: 1rem;
}
.marke {
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	font-size: 0.9375rem;
	margin-top:3%;
	}
.marke img {
	width: 8%;
	margin-right: 2%;
	margin-top: 1%;
	margin-bottom: 2%;
	height: 8%;
	float:none;
}




/**************************************************************************** < 1000px ***/
@media only screen and (max-width: 1000px) {
	.produkt-karte:hover .varianten {
		display: none;
	}
	.modellname {
			height: auto;
		}
}
 @media only screen and (min-width:1001px){
	.produkt-karte:hover {
		transform: scale(1.1);
		cursor:pointer;
		transition: 0.3s;
		box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.3);
	}
}


.toolbar-bottom {
    float: left;
    width: 100%;
}
/******************************* Kachelansicht - Mobil *********************/
.block-subtitle.block-subtitle--filter {
	display: none !important;
}
@media only screen and (max-width:600px) {
	.produkt-karte,
	.category-products ul .produkt-karte {
		border-top: solid 1px grey;
		width:100%;
		font-family: "Helvetica Neue",Verdana,Arial,sans-serif;
		margin:0 auto 20px;
		padding-top: 20px;
		background-color:#fff;
		min-height: auto;
		position: relative;
		box-shadow: none;
	}
	body.cms-index-index.cms-home .produkt-karte:first-of-type, body.cms-index-index.cms-home .category-products ul .produkt-karte:first-of-type {
		border-top: none;
	}
	.produkt-karte:nth-of-type(1) {
	    border-top: none;
			padding-top: 0;
	}
	.catalog-category-view .produkt-karte,
	.catalogsearch-result-index .produkt-karte {
		border-top: solid 1px grey;
	}
	.catalog-category-view .produkt-karte:first-of-type ,
	.catalogsearch-result-index .produkt-karte:nth-of-type(2),
	.category-rahmenhoehe-berechnen .category-products .produkt-karte:nth-of-type(1) {
		border-top: none;
	}
	.category-rahmenhoehe-berechnen .category-products .produkt-karte:nth-of-type(2) {
		border-top: solid 1px grey;
	}
	.kartenimage {
		display: block;
		width:auto;
		max-width: 100%;
		padding: 15px 5px 0 5px;
		margin:auto;
	}
	.category-karriere #keinaccordion .kartenimage {
		padding: 0;
	}
	.karteninfo {
		margin-right: 0;
    margin-top: 5px;
	}
	.versand {
		color:#13b910;
		height:auto;
		font-size:0.875rem;
		font-weight:500;
		text-align:center;
		margin: 0;
		}
	.versand.leer {
    display: none;
		}
	.varianten {
		display:none;
		width:20%;
		position:absolute;
		float:left;
		margin-right:20%;
		left: -20%;
		background-color:#fff;
		height:100%;
		box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.3);
		}
	.marke {
		text-transform: uppercase;
		display: block;
		justify-content: center;
		font-size: 0.9375rem;
		margin-top:5%;
		font-weight:bold;
	}
	.marke img {
		width: 8%;
		float:none;
		margin-right:1%;
	}
	.modell {
		margin-top: 5px;
		display: inline-block;
		width: 100%;
		line-height: 1.5em;
		font-weight:bold;
		font-size:1rem;
		height: 100%;
		margin-bottom: 0;
	}
	.ratings {
		display: flex;
		justify-content: center;
	}
	.ratings.leer {display: none;}
	.modell img {
		height: 1em;
		width: auto;
		float:none;
	}
	.modellname,
	.h_modell .modellname {
		display: inline-block;
	}
	.varianten img {
		width:100%;
		padding:5% 5%;
	}
	.produkt-karte .rabatt-prozent {
		position: absolute;
		margin-top: 0;
		float: left;
		right: unset;
		font-size: 1rem;
	}
	.produkt-karte .rabatt-prozent.leer {
		min-width:10%;
		background-color:#fff;
	}
	.produkt-karte a:hover {
		text-decoration:none;
		transform: none;
		cursor:pointer;
		transition:none;
		box-shadow:none;
	}
	.preis-rot {
		color:red;
		margin-top:0;
    margin-bottom: 0;
    display: inline-block;
    font-size: 1.25rem;
		font-weight: 500;
	}
	.preis-alt {
		text-decoration:line-through;
		text-decoration-color:red ;
		color: #4d4d4d;
		font-weight: 500;
		margin: 0;
		margin-left: 8px;
    display: inline-block;
    font-size: 1.125rem;
    margin-bottom: 5px;
	}
	.streichtyp {
		margin-bottom: 0;
    display: inline-block;
    margin-left: 8px;
    font-size: 0.75rem;
	}
	.produkt-karte .ratings .rating-box {
		text-align:center;
		float:none;
	}
}


/******************************* Listenansicht *********************/
/*******************************************************************/
/*******************************************************************/

/******************************* Desktop - Listenansicht *********************/
.ansicht {
	height:100%;
	margin-left:30%;
	margin-right:20%;
	margin-top:20%;
}
.h_produkt-karte {
	width:100%;
	font-size:0.9375rem;
	font-family: "Helvetica Neue",Verdana,Arial,sans-serif;
	background-color:#fff;
	margin: 30px 0;
}
.h_kartenimage  {
	width:40%;
	padding: 0 15px;
}
.h_versand {
	color:#13b910;
	height:auto;
	font-size:0.75rem;
	margin-top:0;
	margin-left: 0;
	margin-bottom: 0;
}

@media (min-width: 1001px) {
	.h_versand {
		position: absolute;
		right: -84%;
		position: absolute;
		top: 90px;
	}
}
.h_versand.leer {
	height: 1.5em;
	}
.h_karteninfo {
	position: absolute;
	float: right;
	margin-right:1%;
	display: inline-block;
	vertical-align: top;
	font-size:16px;
	right: -84%;
	top: 0;
}
.h_marke {
	text-transform: uppercase;
	display: inline-block;
	font-weight: 500;
	font-size: 1.125rem;
}
.h_marke img {
	width: 20%;
	margin-right:2%;
	margin-top: 1%;
	margin-left:0;
}
.h_modell {
	display: inline;
	font-size:1rem;
	font-weight: 600;
	margin-bottom:3%;
}
.h_modell img {
	height: 1em;
	width: auto;
	margin-right: 2%;
	margin-left: 0;
}
.h_varianten {
	display:none;
	width:10%;
	position:absolute;
	float:left;
	margin-right:20%;
	left: -85px;
	background-color:#fff;
	height:100%;
	box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.3);
	height:100%;
}
.h_produkt-karte:hover .varianten{
	display:flex;
}
.h_varianten img {
	height:20%;
	width:auto;
	padding:2% 2%;
}
@media only screen and (min-width:1001px){
	.h_produkt-karte:hover {
		transform: scale(1.1);
		cursor:pointer;
		transition: 0.3s;
		box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.3);
		border:none;
	}
	.h_produkt-karte {
		padding: 20px 0 20px 10px;
		border-bottom: 1px solid #ccc;
	}
	.h_produkt-karte:last-of-type {border:none;}
}
.h_rabatt-prozent {
	margin-top: 0;
	vertical-align:top;
	font-size:0.875rem;
	float:right;
	background-color:red;
	color:white;
	font-family: "Helvetica Neue",Verdana,Arial,sans-serif;
	font-weight:bold;
	padding:1%;
	margin-top: -20px;
	margin-right: 2%;
}
.h_rabatt-prozent.leer {
	min-width:10%;
	background-color:#fff;
}
.h_preis-rot {
	margin-top:20px;
	color:red;
	font-size:1.1875rem;
	margin-bottom: 0;
	font-weight: 500;
}
.h_preis-alt {
	text-decoration:line-through;
	text-decoration-color:red ;
	color: #4d4d4d;
	font-weight: 600;
	text-align: right;
	margin-top: 0;
	margin-bottom: 0;
}
.h_preis-alt.leer {
	height:2%;
	width:auto;
	margin-bottom: 10%;
}
.h_streich_typ {
	font-size:0.625rem;
	text-align: right;
	margin-right: 0;
	margin-bottom:0;
}
.h_streich_typ.leer {
	height:1%;
	width:auto;
}
.h_beschreibung {
	position: relative;
	text-align:left;
	margin-top: 2%;
	vertical-align: top;
	display: inline-block;
	width: 30%;
	font-size: 0.875rem;
	margin-left: 3%;
	line-height: 1.5em;
}
.h_kurzbeschreibung {
    margin-top: 6%;
		display: none;
}
.h_produktkarte .ratings .rating-box {
	margin:auto;
}
.h_beschreibung .ratings .rating-box {
	margin:0;
}
/******************************* Mobil - Listenansicht *********************/
@media only screen and (max-width:1000px){
	.h_produkt-karte{
		border-top: solid 1px grey;
		margin: 40px 0;
		padding-top: 40px;
		height: auto;
	}
	.h_produkt-karte:first-of-type {
		border-top: none;
	}
	.h_beschreibung .ratings {
		margin:10px 0;
		display: flex;
		justify-content: center;
	}
	.h_kartenimage {
		display: block;
    width:auto;
    max-width: 100%;
    margin:auto;
	}
	.h_kurzbeschreibung {
		font-size:0.875rem;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.h_beschreibung {
		font-size: 1rem;
		width: 100%;
		text-align:center;
	}
	.h_karteninfo {
		position: unset;
		width:100%;
		text-align:center;
		margin-right: 0;
		margin-top: 10px;
	}
	.h_rabatt-prozent {
		position:absolute;
		margin-top: 2%;
		float: left;
		right: unset;
		font-size: 1rem;
	}
	.h_preis-rot {
		color:red;
		margin-top:0;
    margin-bottom: 0;
    display: inline-block;
    margin-right: 8px;
    font-size: 1.25rem;
    font-weight: 600;
	}
	.h_preis-alt {
		text-decoration:line-through;
		text-decoration-color:red ;
		color: #4d4d4d;
		font-weight: 500;
		margin: 0;
		display: inline-block;
		font-size: 1.0625rem;
		margin-bottom: 20px;
	}
	.h_modell {
		font-weight:bold;
		font-size:1.1875rem;
		margin-bottom: 0;
	}
	.h_streich_typ {
		font-size:0.625rem;
		float:unset;
		margin-bottom: 0;
		display: inline-block;
		margin-right: 8px;
		font-size: 0.75rem;
	}
	.h_versand {
		color:#13b910;
		height:auto;
		font-size:1rem;
		font-weight:500;
		text-align:center;
		margin: 0;
	}
	.h_produktkarte .ratings .rating-box {
		text-align:center;
		float:none;
	}
	.h_beschreibung .ratings .rating-box {
		text-align:center;
		float:none;
	}
}
@media (max-width: 767px) {
 .h_beschreibung {margin-left: 0px;}
}

#custommenu {
    position: relative;
    font-size: 14px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    border-radius: 2px;
    height: auto;
    margin: 15px 0 0 0;
}
/*IE7 fix*/
*:first-child+html #custommenu {
    z-index: 998;
}
div.menu {
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
div.menu a:link, div.menu a:visited {
    display: block;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
     padding-top: 0;
     padding-bottom: 0;
}
div.menu a span {
    display: block;
    height: 28px;
    padding-right: 0px;
    padding-top: 12px;
}
div.menu a span:hover {
    cursor: pointer;
}
div.wp-custom-menu-popup {
    position: absolute;
    z-index: 1000;
    display: none;
    text-align: left;
    padding: 0px 0px 10px 0px;
    border-top: 0;
    width: 100%;
    margin-top: -1px;
}
div.menu a, div.wp-custom-menu-popup a {
    text-decoration: none;
    display:block;
    cursor: pointer;
    _height: 0;
    height: auto;
    line-height:13px;
}
div.level1 {
    margin-bottom: 5px;
}
div.level2 {
    margin-bottom: 5px;
}
div.block2 {
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
}
a.level1:link, a.level1:visited {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 2px;
}
a.level2:link, a.level2:visited {
    padding: 3px 10px;
    border-radius: 2px;
}
/* Clearfix */
div.block2:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] div.block2 {
    display: block;
}
* html div.block2 {
    height: 1%;
}
div.block2 p {
    margin-bottom: 3px;
    line-height: 120%;
    color: #000;
    font-size: 11px;
}
div.block2 p a {
    display: inline;
}
div.block2 a img {
    opacity: .9;
    filter: alpha(opacity=90);
}
div.block2 a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
div.block2 .brand a:hover img {
    -webkit-transition: all 0;
    -moz-transition: all 0;
    -ms-transition: all 0;
    transition: all 0;
}
div.wp-custom-menu-popup hr {
    margin: 0px 0px 10px 0px;
}
/******************************************* COLUMN WIDTH ***************************** */
div.column {
    float: left;
    width: 31%; /* for 3 columns*/
    padding: 0px 1%;
    margin: 0px 0px 0px 0px;
}
/*end COLUMN WIDTH  */

div.itemSubMenu {
    margin-left: 0px;
}
.clearBoth {
    clear:both;
    height: 0;
    overflow: hidden;
}
div.level1 {
    margin-bottom: 0px;
}
/*BG*/
#custommenu {
}
div.wp-custom-menu-popup {
    background-color: #fbfbfb;
    border: solid 1px #cccccc;
}
div.menu a:link, div.menu a:visited {
}
div.menu a:hover {
    background: #f1f1f1;
}
div.menu a, div.wp-custom-menu-popup a {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear;
}
div.menu .brand a, div.wp-custom-menu-popup .brand a {
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -ms-transition: all 0s linear;
    transition: all 0s linear;
}
/*FONTS*/
div.menu {
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    line-height: 0;
}
a.level1:link, a.level1:visited {
    text-transform: none;
    font-weight: normal;
}
a.level2:link, a.level2:visited {
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    /*margin-left: 20px;*/
}
/*COLOR*/
#custommenu {
    background-color: #fff;
}
div.menu a:link, div.menu a:visited {
    background-color: #fff;
    color: #636363;
    text-transform: uppercase;
}
a.level1:link, a.level1:visited {
    color: #636363;
}
a.level2:link, a.level2:visited {
    color: #636363;
}
div.menu a:hover,
div.menu.act a,
div.menu.active a {
    color: #3399cc;
}
a.level1:hover, a.level1.act, a.level1.actParent {
    color: #3399cc;
}
a.level2:hover, a.level2.act, a.level2.actParent {
    color: #3399cc;
}
.block2 table.brand {
    float: left;
}
.block2 .single_menu_product {
    float: left;
    position: relative;
    max-width: 150px;
    overflow: hidden;
    margin-right: 20px;
    margin-left: 0px;
}
/*MOBILE MENU STYLES*/
#menu-button, .parentMenu {
    display: inline-block;
}
html[xmlns] #menu-button, html[xmlns] .parentMenu {
    display: block;
}
* html #menu-button, * html .parentMenu {
    height: 1%;
}
#menu-button:after, .parentMenu:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#custommenu-mobile {
    position:relative;
    margin: 0 auto;
    padding: 0;
    z-index: 999;
}
#menu-button {
    float: none;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
    display: none;
}
#menu-button a:link, #menu-button a:visited {
    color: #fff;
    display: block;
    float: left;
    margin-left: 45%;
    position: relative;
    padding: 0px 10px;
}
#menu-button a span:after {
    display: block;
    position: relative;
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 4px solid #dadada;
    margin: 8px 0px 0px 5px;
    float: right;
    opacity: 0.7;
}
#menu-button:hover {
    cursor: pointer;
}
#menu-button:hover a:after {
    opacity: 1;
}
.menu-mobile div.column {
    float:none;
    padding:5px;
    background: #fff;
}
.menu-mobile a.itemMenuName {
    display: block;
    text-align: left;
}
.menu-mobile div.menu-button, .menu-mobile div.menu-mobile {
    float: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    border-bottom: 1px solid #fff;
}
.menu-mobile div.column {
    float: none;
    width: 100%;
    padding: 0px 0;
    margin: 0px 0px 0px 0px;
}
.menu-mobile a.level1:link, .menu-mobile a.level1:visited {
    margin-top: 0px;
    margin-bottom: 0;
    padding: 10px 10px;
    border-radius: 2px;
    color: #000;
}
.menu-mobile a.level2:link, .menu-mobile a.level2:visited {
    padding: 10px 10px;
    border-radius: 2px;
}
.menu-mobile a.level1:link, .menu-mobile a.level1:visited {
    color: #555;
}
.menu-mobile a.level1:hover {
    background-color: #f1f1f1;
}
.menu-mobile .parent {
    background-color: #fff;
}
/*buttons level 01*/
.menu-mobile .parentMenu {
    padding: 0px 0px;
    display: block;
    text-align: left;
    border-bottom: 1px solid #dadada;
}
.menu-mobile .parentMenu a:link,
.menu-mobile .parentMenu a:visited {
    padding: 10px 0px 10px 10px;
    margin-right: 80px;
    color: #636363;
    display: block;
}
.menu-mobile .parentMenu:hover {
    cursor: pointer;
}
.parentMenu {
    position: relative;
}
.parentMenu a {
    display: block;
}
#menu-button {
    cursor: pointer;
}
.menu-mobile div.level2 {
    margin-bottom: 0;
}
.menu-mobile a:hover {
    text-decoration: none;
}
.menu-mobile.level0 .parentMenu a:link,
.menu-mobile.level0 .parentMenu a:visited {
    text-transform: uppercase;
}
.menu-mobile .parentMenu a.level1:link,
.menu-mobile .parentMenu a.level1:visited,
.menu-mobile .parentMenu a.level2:link,
.menu-mobile .parentMenu a.level2:visited {
    text-transform: none;
}
.menu-mobile .parentMenu a.level1:link,
.menu-mobile .parentMenu a.level1:visited {
    margin-left: 20px;
}
.menu-mobile .parentMenu a.level2:link,
.menu-mobile .parentMenu a.level2:visited {
    margin-left: 40px;
}
.menu-mobile .parentMenu a:hover,
.menu-mobile .parentMenu a.act,
.menu-mobile .parentMenu a.actParent {
    color: #3399cc;
}
#custommenu-mobile .button {
    cursor: pointer;
    position: absolute;
    right: 1%;
    top: 0px;
    display: block;
    width: 80px;
    height: 38px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJxJREFUeNpi/P//PwM66O3tBVF1UNwEwsXFxRjqmBhwg3wgZobSWAE+zcxoNEmaCQKKNDP29PTgkvsAxPxA/BGIBXDZ3A7Ef4D4Pxrmh6rhxyL3E4gbQZqL8AUKDsAG0gfS3AfEf0nU/AuIJ4I0VwIxC8j/aPgjVOFHLHLsQFzDiCeFoQQYqSmMtvGMT/NfNJokzQug9HRcCgACDAC34CnSSWx3zwAAAABJRU5ErkJggg==);
}
#custommenu-mobile .button.open {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeNpi/P//PwO5gImBAjBENbP09vZSZHM7EP8B4v8k4J9A3AjSXATEzCRaygbSB9LcB8R/SdT8C4gnsgCJSigmGTCOpjDSAECAAQBI6RqpQRaDFgAAAABJRU5ErkJggg==);
}
#custommenu-mobile .level1 .button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIxJREFUeNpi/P//PwO5gAWbYG9vL4ZYcXExhhgTAwUAn+YJQAzyUxcuBYwwP2Nx6k8gZgPid0AsjM0L+Gxmg9LMxDob5lTkKOBHEuvCpzmZQBgl4NNcD8SvcWgEiTfhi+c+KGZAcvpHIBbAG9pYEglKaJOaSCqB+BrUK8QnTyxeYCDa2dRIngQBQIABAGG6KfxEmzSnAAAAAElFTkSuQmCC);
}
#custommenu-mobile .level1 .button.open {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwO5gImBAjBwmllgjN7eXqI1FRcXU9/ZE4D4Px7chU9zMgHLEvBprgfi1zg0gsSbsAYYFPRBMVGAcQSmMIo0AwQYAIYUFeQ3G04OAAAAAElFTkSuQmCC);
}
/*BG*/
#custommenu-mobile  .parentMenu:hover a:link, #custommenu-mobile  .parentMenu:hover a:visited, #custommenu-mobile  .parentMenu:hover {
    background-color: #fff;
}
#custommenu-mobile .level0 {
    background-color: #ededed;
}
#custommenu-mobile .level1 {
    background-color: #e4e4e4;
}
#custommenu-mobile .level2 {
    background-color: #f1f1f1;
}

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

audio,canvas,video{
display:inline-block
}

audio:not([controls]){
display:none;
height:0
}

[hidden]{
display:none
}

html{
font-family:sans-serif;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}

body{
margin:0
}

a:focus{
outline:thin dotted
}

a:active,a:hover{
outline:0
}

h1{
font-size:2em
}

abbr[title]{
border-bottom:1px dotted
}

b,strong{
font-weight:700
}

mark{
background:#ff0;
color:#000
}

code,kbd,pre,samp{
font-family:monospace,serif;
font-size:1em
}

pre{
white-space:pre;
white-space:pre-wrap;
word-wrap:break-word
}

q{
quotes:"\201C" "\201D" "\2018" "\2019"
}

small{
font-size:80%
}

sub,sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}

sup{
top:-.5em
}

sub{
bottom:-.25em
}

img{
border:0
}

svg:not(:root){
overflow:hidden
}

figure{
margin:0
}

fieldset{
border:1px solid silver;
margin:0 2px;
padding:.35em .625em .75em
}

legend{
border:0;
padding:0
}

button,input,select,textarea{
font-family:inherit;
font-size:100%;
margin:0
}

button,input{
line-height:normal
}

button,html input[type="button"],input[type="reset"],input[type="submit"]{
-webkit-appearance:button;
cursor:pointer
}

button[disabled],input[disabled]{
cursor:default
}

input[type="checkbox"],input[type="radio"]{
box-sizing:border-box;
padding:0
}

input[type="search"]{
-webkit-appearance:textfield;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box
}

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

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

textarea{
overflow:auto;
vertical-align:top
}

table{
border-collapse:collapse;
border-spacing:0
}

*,: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);
-webkit-text-size-adjust:100%
}

body{
background:#FFF;
color:#000;
line-height:1
}

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

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

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

address{
font-style:normal
}

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

img{
display:inline
}

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;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box
}

a,button{
-ms-touch-action:manipulation;
touch-action:manipulation
}

body,input,select,table,textarea{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
color:#000;
font-size:14px;
line-height:1.4
}

button{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
color:#fff;
font-size:14px;
line-height:1.5;
background:#4d4d4d;
border:0;
padding:3px
}

button:hover{
background:#aaa
}

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

a:hover{
text-decoration:underline
}

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

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

h1,.h1{
margin:0;
margin-bottom:.7em;
color:#000;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:18px;
font-weight:400;
font-style:normal;
line-height:1.2;
text-rendering:optimizeLegibility
}

h2,.h2{
margin:0;
margin-bottom:.5em;
color:#000;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:16px;
font-weight:600;
font-style:normal;
line-height:1.2;
text-rendering:optimizeLegibility
}

h3,.h3{
margin:0;
margin-bottom:10px;
color:#000;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:16px;
font-weight:400;
font-style:normal;
line-height:1.4;
text-rendering:optimizeSpeed;
text-transform:none
}

h4,.h4{
margin:0;
margin-bottom:10px;
color:#000;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:13px;
font-weight:700;
font-style:normal;
line-height:1.4;
text-rendering:optimizeSpeed;
text-transform:none
}

h5,.h5{
margin:0;
margin-bottom:10px;
color:#000;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:13px;
font-weight:700;
font-style:normal;
line-height:1.4;
text-rendering:optimizeSpeed;
text-transform:none
}

h6,.h6{
margin:0;
margin-bottom:5px;
color:#000;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:12px;
font-weight:700;
font-style:normal;
line-height:1.4;
text-rendering:optimizeSpeed;
text-transform:uppercase
}

.address-list address{
margin-bottom:1em
}

.availability{
margin-bottom:0;
font-size:13px;
text-transform:uppercase
}

.availability .label{
display:none
}

.availability.in-stock{
color:#11b400
}

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

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

.page-title h1,.page-title h2{
font-size:21px;
font-weight:500;
margin-top:5px;
margin-bottom:15px
}

.product-name .h1{
text-transform:uppercase;
font-size:20px;
font-weight:600;
color:#000;
border-bottom:1px solid #ededed;
padding-bottom:3px;
margin-bottom:15px
}

.block,.col-left-first{
margin-bottom:15px;
padding:0
}

.col-left-first .block:last-of-type{
margin-bottom:0;
padding-left:0;
border:1px solid #4d4d4d
}

.block-account{
margin-top:5px
}

.block-compare,.block-list,.block-reorder{
border:1px solid #4d4d4d;
margin-bottom:10px
}

.block-title{
position:relative;
padding-left:5px;
margin-bottom:5px
}

.block-title h2,.block-title h3,.block-title strong{
margin:0;
margin-bottom:10px;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:16px;
font-weight:700;
font-style:normal;
line-height:1.4;
text-rendering:optimizeSpeed;
margin-bottom:0;
font-weight:600
}

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

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

.block-subtitle{
font-weight:700;
margin-bottom:7px
}

.block-content{
margin-top:5px;
padding:0 5px;
padding-bottom:5px
}

.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: 770px){
.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;
color:#000;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:14px;
font-weight:700;
font-style:normal;
line-height:1.4;
text-rendering:optimizeSpeed;
text-transform:uppercase;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
-o-user-select:none;
user-select:none;
font-weight:normal;
margin-bottom:0;
padding:7px 10px 7px 24px;
border-width:1px;
border-style:solid;
border-color:#ccc;
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 #e30513;
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;
color:#000;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:14px;
font-weight:700;
font-style:normal;
line-height:1.4;
text-rendering:optimizeSpeed;
text-transform:uppercase;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
-o-user-select:none;
user-select:none;
font-weight:normal;
margin-bottom:0;
padding:7px 10px 7px 24px;
border-width:1px;
border-style:solid;
border-color:#ccc;
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 #e30513;
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:#ccc
}

.sidebar .block:last-of-type{
border-bottom:1px solid #ccc
}

.sidebar .block-account .block-title > strong span:after,.sidebar .block-cms-menu .block-title > strong span:after{
content:' Menu'
}


}

.block-account .block-title,.block-cms-menu .block-title{
padding-top:0;
border-top:none
}

.block-account li,.block-cms-menu li{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
margin:10px 0;
padding:5px;
border:solid 1px #ccc
}

.block-account li.current{
background:#ddd
}

.block-account li:hover{
background:#ddd
}

.block-account li strong,.block-cms-menu li strong{
font-weight:700;
color:#6366363
}

.block-account li a,.block-cms-menu li a{
color:#000
}

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

.cart .buttons-set .button,.cart-table .button,.sidebar .actions .button,.button.button-secondary{
background:#ddd;
color:#000;
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;
color:#000
}

.cart .buttons-set .button:focus,.cart-table .button:focus,.sidebar .actions .button:focus,.button.button-secondary:focus{
color:#000;
background:#c4c4c4;
outline:none
}

.button,.cart-table .product-cart-actions .button,#co-shipping-method-form .buttons-set .button,.footer .button{
background:#13b910;
display:inline-block;
padding:7px 15px;
border:0;
color:#FFF;
font-size:13px;
font-weight:400;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
line-height:19px;
text-align:center;
vertical-align:middle;
white-space:nowrap;
margin-top:1%
}

.button_cart{
background:#4d4d4d;
display:block;
color:#fff;
font-size:15px;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
line-height:30px;
text-align:center;
text-transform:uppercase;
vertical-align:middle;
white-space:nowrap
}

.button_cart:hover{
cursor:pointer
}

a.button_cart{
text-decoration:none
}

a.button_cart:hover{
text-decoration:underline;
color:#FFF
}

.button:hover,.cart-table .product-cart-actions .button:hover,#co-shipping-method-form .buttons-set .button:hover,.footer .button:hover{
background:#aaa;
cursor:pointer
}

.button:active,.cart-table .product-cart-actions .button:active,#co-shipping-method-form .buttons-set .button:active,.footer .button:active{
background:#aaa
}

.button-btn-checkout{
background:#4d4d4d;
float:right;
padding:7px 15px;
margin-bottom:5px;
margin-right:5px
}

.button:focus,.cart-table .product-cart-actions .button:focus,#co-shipping-method-form .buttons-set .button:focus,.footer .button:focus{
background-color:#aaa;
outline:none;
color:#fff
}

a.button{
text-decoration:none
}

a.button:hover{
color:#FFF
}

.button.disabled,.button:disabled{
background:#C8C8C8;
opacity:.6;
cursor:not-allowed
}

.button + .button{
margin-left:5px
}

.button2{
border:0;
padding:0 5px;
margin:0;
background:#4d4d4d;
cursor:pointer;
vertical-align:middle
}

.button2:focus{
outline:none
}

.button2 span,.button2 span span{
line-height:30px;
height:30px;
padding:0 5px;
display:inline-block;
color:#fff;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif
}

.button2 span:hover,.button2 span span:hover{
text-decoration:none;
color:#fff
}


@media only screen and (max-width: 770px){
.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-logo.paypal-after{
float:left
}

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

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

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

.paypal-button{
line-height:0
}

.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
}


}

.buttons-set{
clear:both;
margin:10px 0 0;
padding-top:10px;
border-top:1px solid #ededed;
text-align:right
}

.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
}

.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.megabike24.de/skin/frontend/rwd/megabike/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.megabike24.de/skin/frontend/rwd/megabike/images/icon_sprite@2x.png);
background-size:100px 1000px
}


}

.breadcrumbs{
overflow:hidden;
margin-top:5px;
margin-bottom:5px;
background:#fff;
clear:both
}

.breadcrumbs li{
float:left;
font-size:14px;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
padding:0;
margin-right:5px
}

.breadcrumbs a{
float:left;
color:#000
}

.breadcrumbs a:hover{
color:#e30513
}

.breadcrumbs strong{
color:#000;
font-weight:400
}

.breadcrumbs span{
float:left;
padding:0 7px
}


@media only screen and (max-width: 770px){
.breadcrumbs{
/*display:none*/
}


}

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

.btn-remove:hover,.btn-previous:hover{
background-color:#e30513;
border-color:#e30513
}

.btn-remove:after{
content:'X';
color:#e30513;
height:20px;
line-height:20px;
width:100%;
font-size:10px;
font-family:Arial,"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-weight:700
}

.btn-remove:hover:after{
color:#FFF;
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:.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 #e30513;
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 #fff;
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 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 #ccc;
background:#f4f4f4
}

.cvv-what-is-this{
margin-left:10px;
font-size:13px;
line-height:24px
}

.main-container,.footer-container{
position:relative;
max-width:1200px;
margin:0 auto;
padding:0;
margin-top:5px
}

.main-container:after,.footer-container:after{
content:'';
display:table;
clear:both
}


@media only screen and (min-width: 480px) and (max-width: 1250px){
.main-container,.footer-container{
padding-left:30px;
padding-right:30px;
background:#fff
}


}

.footer-container{
padding-top:0;
background:#4d4d4d;
margin-top:20px
}

.footer a{
color:#fff
}

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

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

.col-left{
float:left;
width:20%;
padding-right:5px;
clear:left;
background:#fff
}

.col-left img{
max-width:100%
}

.col-right{
float:right;
width:20%;
padding-left:10px;
background:#fff
}

.col-right img{
max-width:100%
}

.col-main{
float:left;
width:80%;
background:#fff;
min-height:400px
}

.col1-layout .col-main{
float:none;
width:auto;
padding-left:0;
padding-right:0
}

.col2-left-layout .col-main{
float:right;
padding-right:0
}

.col3-layout .col-right{
width:15%;
margin-right:0
}

.col3-layout .col-wrapper{
float:left;
width:84.6%
}

.col3-layout .col-wrapper .col-main{
float:right;
width:79.5%
}

.col3-layout .col-wrapper .col-left{
width:20%
}


@media only screen and (max-width: 1000px){
.col3-layout .col-right{
float:left;
clear:left;
padding-left:0;
padding-right:10px;
width:25%
}

.col3-layout .col-wrapper{
float:right;
width:100%
}

.col3-layout .col-wrapper .col-main{
float:right;
width:75%
}

.col3-layout .col-wrapper .col-left{
width:25%
}


}


@media only screen and (max-width: 770px){
.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
}


}

.col2-set{
width:100%
}

.col2-set .col-1,.col2-set .col-2{
width:50%;
padding:20px
}


@media only screen and (max-width: 770px){
.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: 479px){
.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
}


@media only screen and (min-width: 771px){
.top-container{
max-width:1260px;
margin:0 auto;
padding:0 30px
}


}

.global-site-notice{
background:#676157;
color:#e6e6e6;
font-size:11px
}

.global-site-notice .notice-inner{
padding-left:120px;
width:100%;
max-width:1000px;
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.megabike24.de/skin/frontend/rwd/megabike/images/demo-logo.png);
background-position:left;
background-repeat:no-repeat
}

.global-site-notice p{
margin-bottom:0
}

.promo-msg{
color:#e30513;
text-align:center;
margin:10px;
text-transform:uppercase;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif
}

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

.success{
color:#11b400
}

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

.notice{
font-size:12px;
color:#e26703;
font-weight:700
}

.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{
padding:20px;
background:#FFF;
height:auto
}

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

.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 #ccc;
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 #ccc;
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{
display:inline-block;
margin-left:10px;
margin-top:5px;
line-height:24px;
height:24px;
white-space:nowrap
}

.please-wait img{
float:left;
margin-right:5px;
width:24px
}

.price-box{
margin:7px 0;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif
}

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

.price-notice{
color:#a0a0a0
}

.price-box .price{
white-space:nowrap;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
color:#222;
font-weight:600;
font-size:24px;
text-shadow:1px 1px 2px #888;
letter-spacing:1px
}

.price-box .price,.price{
white-space:nowrap;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif
}

.price-box .price-label{
color:#a0a0a0;
white-space:nowrap;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif
}

.price-box .minimal-price-link{
padding-left:1em;
color:#e30513;
display:block
}

.price-box .minimal-price-link .label{
color:#a0a0a0
}

.price_old{
display:block;
font-size:9px
}

.price_old_price{
display:block;
font-size:15px;
font-weight:600;
text-decoration:line-through;
-moz-text-decoration-color:#e30513;
text-decoration-color:#e30513
}

.special-price{
width:100%
}

.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;
color:#000;
text-shadow:1px 1px 2px #888
}

.price-box .old-price .price{
color:#a0a0a0;
font-size:20px;
padding-top:5px;
text-decoration:line-through
}

.price-box .special-price{
color:#e30513;
font-weight:600;
float:right
}

.price-box .special-price .price-label{
color:#D84D3C
}

.price-box .price-excluding-tax,.price-box .price-including-tax{
display:block
}

.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{
font-size:12px
}

.product-pricing .price,.tier-prices .price,.tier-prices-grouped .price{
font-weight:700
}

.item-options{
font-size:14px;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif
}

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

.item-options dt{
float:left;
clear:left;
font-size:14px;
font-weight:600;
padding-right:5px
}

.item-options dt:after{
content:': '
}

.item-options dd{
padding-left:0;
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 #4d4d4d;
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 #e30513;
border-top:none;
left:97px;
top:-7px
}

.truncated .truncated_full_value .item-options > p{
font-weight:700;
text-transform:uppercase;
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
}


}

.page-print{
width:6.5in;
margin:20px;
background:#FFF
}

.add-to-links{
margin:0;
font-size:11px
}

.add-to-links a{
display:inline-block;
padding:2px 1px
}

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

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

.no-touch .product-image:hover{
border-color:#e30513
}

.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
}

.std p{
margin:0 0 1.5em
}

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

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

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

.std ul li{
margin-left:2em
}

.std .note{
color:#a0a0a0;
font-size:13px
}

.tabs{
margin-bottom:10px;
background:#FFF
}

.toolbar{
background:#f4f4f4;
padding:5px 10px 0
}

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

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

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

.toolbar,.pager{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
color:#000;
line-height:30px;
font-size:12px;
margin-bottom:5px
}

.toolbar label,.pager-no-toolbar label{
font-weight:400;
text-transform:uppercase
}

.sorter{
float:left;
margin-bottom:5px
}

.sorter label{
float:left;
margin-right:5px
}

.sorter label:after{
content:':'
}

.sorter > .sort-by{
float:left;
margin-right:5px;
height:30px
}

.sorter > .sort-by .sort-by-switcher{
width:30px;
height:30px;
display:inline-block
}

.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;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
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;
font-size:13px;
text-align:center;
text-transform:uppercase;
vertical-align:middle;
white-space:nowrap;
line-height:30px;
width:25px;
height:30px;
padding:0;
color:#000;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif
}

.pages .current,.pages .current:hover{
color:#000;
border:1px solid #ccc;
width:30px;
background-color:#FFF;
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 #e30513
}

.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 #e30513;
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 #e30513;
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: 770px){
.col1-layout .sorter,.col1-layout .pager{
width:100%
}

.col1-layout .pager{
float:left;
clear:both
}

.col1-layout .pager .pages{
float:left;
margin-left:0
}

.col1-layout .pager .count-container{
float:right
}


}


@media only screen and (max-width: 979px){
.col2-left-layout .sorter,.col2-left-layout .pager,.col2-right-layout .sorter,.col2-right-layout .pager,.col3-layout .sorter,.col3-layout .pager{
width:100%
}

.col2-left-layout .pager,.col2-right-layout .pager,.col3-layout .pager{
float:left;
clear:both
}

.col2-left-layout .pager .pages,.col2-right-layout .pager .pages,.col3-layout .pager .pages{
float:left;
margin-left:0
}

.col2-left-layout .pager .count-container,.col2-right-layout .pager .count-container,.col3-layout .pager .count-container{
float:right
}


}


@media only screen and (max-width: 1279px){
.toolbar .view-mode > label{
display:none
}


}

#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 #686868;
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 #aaa;
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 #686868;
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 #aaa;
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
}

.widget .pager{
float:none;
width:100%
}

.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%
}

.hidden{
display:none
}

.page-print .print-head{
margin:0 0 15px
}

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

.fieldset p{
margin-bottom:7px
}

.fieldset p.required{
margin-bottom:5px;
float:right;
font-size:12px;
margin-top:0
}

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

form .legend{
margin:0;
margin-bottom:10px;
color:#000;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:18px;
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{
padding-top:2px
}

.input-box:after{
content:'';
display:table;
clear:both
}

.input-box-info:hover{
display:block;
width:320px;
height:300px
}

.input-box .v-fix{
float:left;
margin-right:5px
}

label{
display:inline-block;
font-size:14px;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-weight:400;
-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:400;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:12px
}

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

.input-hint{
color:#a0a0a0;
font-size:12px
}

select{
font-size:14px
}

select + select{
margin-left:5px
}

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

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

.input-text{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
border:1px solid;
background:#FFF;
font-size:15px
}

.input-text:focus{
border:1px solid #e30513
}

.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:30px;
padding:0 8px;
width:365px;
max-width:100%
}


@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
}


}

.ie8 .input-text{
max-width:none
}

input[type=number].qty,input[type=text].qty{
width:3em;
text-align:center;
vertical-align:middle
}

::-webkit-input-placeholder{
color:#a0a0a0
}

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

.checkbox,.radio{
position:relative;
top:-1px;
display:inline-block
}

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

p.required,.validation-advice{
margin:5px 0 0;
color:red;
font-size:13px
}

.form-list > li{
margin-bottom:10px
}

.form-list select{
margin-top:4px;
width:365px;
max-width:100%
}

.form-list .input-range .input-text{
width:74px
}

.form-list .field,.form-list .wide,.form-list .control{
margin-bottom:10px
}

.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{
color:#000;
padding:5px 10px;
display:inline-block;
width:auto;
max-width:none;
min-width:250px;
float:none;
padding:6px 10px 6px 40px
}

.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{
min-width:inherit;
width:250px;
max-width:100%
}

.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-size:13px;
color:#a0a0a0
}

.hide-th{
text-indent:-9999px
}

.data-table{
width:100%
}

.data-table td,.data-table th{
padding:10px 5px;
vertical-align:top
}

.data-table th{
background:#4d4d4d;
color:#fff;
text-transform:uppercase;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
line-height:1.4;
white-space:nowrap
}

.data-table thead th,.data-table tbody td{
border-bottom:1px solid silver
}

.data-table tbody td,.data-table tfoot td{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif
}

.data-table tfoot tr{
background:#f4f4f4
}

.item-options{
display:inline;
margin-left:0;
padding-left:0
}

.data-table tbody td{
margin-left:20px;
margin-top:10px
}

.data-table tbody td .item-options dt:after{
content:':'
}

.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
}


@media only screen and (max-width: 479px){
.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 #ccc
}

.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:700
}

.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) ":";
font-size:12px;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
padding-right:5px;
text-transform:uppercase
}

.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 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 #ccc
}

.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:700
}

.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) ":";
font-size:12px;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
padding-right:5px;
text-transform:uppercase
}

.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
}


}

html,body{
height:100%
}

.wrapper{
background-attachment:fixed;
background-position:0 0;
background-repeat:no-repeat;
background-size:100% auto
}


@media only screen and (max-width: 771px){
.wrapper{
min-width:320px;
min-height:100%;
margin:0 auto;
background:#fff
}


}

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


@media only screen and (min-width: 771px){
.page-header{
max-width:1260px;
margin:0 auto;
padding:0 30px
}

.page-header-container{
position:relative
}


}

.header-language-container,.page-header{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif
}

.header-language-background{
padding:0;
width:1200px;
margin:0 auto;
margin-bottom:0
}

.header-language-background .header-language-container{
max-width:1200px;
margin-left:auto;
margin-right:auto
}

.header-language-background:after{
content:'';
display:table;
clear:both
}

.header-language-background .form-language,.header-language-background .currency-switcher{
float:left;
margin-right:10px
}

.page-header-container .store-language-container{
float:right;
width:100%;
max-width:100%
}

.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{
font-size:12px
}


}

.header-language-background,.header-language-background a{
color:#fff;
font-weight:400
}


@media only screen and (max-width: 770px){
.header-language-background{
display:none
}


}


@media only screen and (min-width: 770px){
.logo{
display:block;
float:left;
width:100%;
min-width:100px;
min-height:44px;
text-align:center;
margin-bottom:0;
padding:0
}


}

.logo img{
max-width:100%
}

.logo .small{
display:block
}

.logo .large{
display:none
}

.logo:hover{
opacity:1
}


@media only screen and (min-width: 771px){
.logo{
max-width:100%;
min-height:90px
}

.logo .small{
display:none
}

.logo .large{
display:block
}


}

.skip-links{
clear:both;
overflow:hidden;
border-top:1px solid #EDEDED;
border-bottom:1px solid #EDEDED
}


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


}

.skip-link{
position:relative;
float:left;
width:20%;
height:34px;
background:#FFF;
color:#000;
line-height:34px;
text-align:center;
margin-top:10px
}

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

.skip-link:not(.skip-active):hover{
opacity:.8
}


@media only screen and (max-width: 770px){
.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%
}


}


@media only screen and (max-width: 770px){
.skip-link.skip-active{
background:#EDEDED;
color:inherit
}

.skip-link.skip-active span{
color:inherit
}


}

.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;
margin-bottom:6px
}


}

.skip-link .label{
display:none
}


@media only screen and (min-width: 500px){
.skip-link .label{
display:inline
}


}

.skip-content{
display:none
}

.skip-content.skip-active{
display:block;
background:#EDEDED
}


@media only screen and (max-width: 770px){
#header-account li a,.nav-primary a.level0{
padding:0 15px 0 25px;
border-bottom:1px solid #ccc;
text-align:left;
text-transform:uppercase;
line-height:30px
}

#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{
background-color:#4d4d4d;
color:#fff;
text-decoration:none
}


}

.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: 771px){
.skip-nav{
display:none
}


}


@media only screen and (max-width: 770px){
#header-nav{
padding:5px 0
}


}


@media only screen and (min-width: 771px){
#header-nav{
display:block;
border-bottom:0 solid #ededed
}


}


@media only screen and (min-width: 771px){
.nav-primary{
display:block;
margin-top:0
}


}

.nav-primary a{
text-decoration:none;
background:#4d4d4d;
position:relative;
display:block;
color:#fff;
line-height:40px;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
-webkit-transition:all .8s ease;
transition:all .4s ease;
-moz-transition:all .8s ease;
border-right:0 solid #b00
}

.nav-primary li{
position:relative
}

.nav-primary li.level1 a{
border-bottom:0 solid #aaa;
padding-left:5px;
margin-bottom:1px
}

.nav-primary li.level1 a:hover{
background:#aaa;
opacity:.98;
color:#fff;
padding-left:15px;
margin-left:15px;
margin-right:-15px
}

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

.nav-primary li.level0 > a{
text-transform:uppercase
}

.nav-primary li.level0 > a:hover{
text-transform:uppercase;
background:#aaa;
color:#fff
}


@media only screen and (max-width: 770px){
.nav-primary{
background:#4d4d4d
}

.nav-primary a.level0,.nav-primary a{
line-height:35px;
background:#4d4d4d
}

.nav-primary li.level0 ul{
display:none
}

.nav-primary li.level0 li{
padding:0 0 0 35px
}

.nav-primary li.level1 a{
padding:0 15px 0 35px
}

.nav-primary li.parent > a:after{
content:'';
position:absolute;
width:0;
height:0;
display:block;
border-top:5px solid transparent;
border-bottom:5px solid transparent;
border-left:5px solid #aaa;
border-right:none;
top:50%;
left:10px;
right:auto;
margin-top:-5px;
background:#4d4d4d
}

.nav-primary li.parent.sub-menu-active > a:after,.nav-primary li.parent.menu-active > a:after{
content:'';
position:absolute;
width:0;
height:0;
display:block;
border-right:5px solid transparent;
border-left:5px solid transparent;
border-top:5px solid #aaa;
border-bottom:none;
top:50%;
left:10px;
right:auto;
margin-top:-5px
}

.nav-primary li.menu-active > a,.nav-primary li.sub-menu-active > a{
color:#fff
}


}


@media only screen and (min-width: 771px){
.nav-primary{
background:#4D4D4D
}

.nav-primary a.level0{
padding:0 25px
}

.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{
color:#fff;
background:#aaa
}

.nav-primary .menu-active,.nav-primary li.level0:hover{
z-index:200
}

.nav-primary li.level0 ul{
border:solid 0 #aaa;
position:absolute;
left:0;
top:40px;
z-index:10;
width:180px;
padding-top:2px;
padding-left:0;
padding-right:0;
display:none
}

.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 #aaa;
border-right:none;
right:5px;
top:50%;
margin-top:-3px
}

.no-touch li:hover > ul{
display:block
}


}

.skip-search:not(.skip-active):hover .icon{
background-position:-46px -146px
}

.skip-search .icon{
background-position:4px -146px
}

.skip-search{
display:none
}

#header-search{
padding:20px
}


@media only screen and (max-width: 770px){
#header-search{
display:block;
position:relative;
width:100%;
height:10px
}


}


@media only screen and (min-width: 771px) and (max-width: 1250px){
#header-search{
display:block;
position:relative;
left:15%;
width:70%;
height:50px
}


}


@media only screen and (min-width: 1251px){
#header-search{
display:block;
position:absolute;
top:40px;
left:365px;
width:35%;
height:50px;
padding:0
}


}

#search_mini_form .input-box{
position:relative
}

#search_mini_form label{
display:none
}

#search{
width:100%;
height:30px;
padding-right:40px;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:12px
}

#search_mini_form .search-button{
text-indent:-9999px;
position:absolute;
top:-1px;
right:0;
width:40px;
height:30px;
border:0;
background:none
}

#search_mini_form .search-button:before{
content:'';
position:absolute;
top:50%;
left:50%;
width:30px;
height:30px;
margin-top:-15px;
margin-left:-15px;
background-position:4px -146px
}

#search_mini_form .search-button:hover:before{
opacity:.8
}

#search_mini_form .search-button:active:before{
margin-top:-13px;
margin-left:-13px
}

.skip-account:not(.skip-active):hover .icon{
background-position:-46px -44px
}

.skip-account .icon{
background-position:4px -44px
}


@media only screen and (min-width: 771px){
.skip-account{
position:absolute;
top:30px;
right:0;
width:auto;
padding:0 10px;
text-transform:uppercase;
border:1px solid #4d4d4d
}

#header-account.skip-active{
background:#FBFBFB;
border:solid 1px #ccc;
display:block;
position:absolute;
z-index:200;
top:40px;
right:115px;
width:250px
}

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

#header-account a:hover{
color:#e30513
}


}

#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{
color:#e30513
}

.skip-cart:not(.skip-active):hover .icon{
background-position:-50px -95px
}

.skip-cart .icon{
background-position:0 -95px
}


@media only screen and (min-width: 771px){
.skip-cart{
position:absolute;
top:60px;
right:10px;
width:auto;
padding:0 5px;
background:none;
border:1px solid #4d4d4d
}

#header-cart.skip-active{
background:#FBFBFB;
border:solid 1px #ccc;
display:block;
position:absolute;
z-index:200;
top:160px;
left:25%;
width:50%;
background:#fff;
box-shadow:0 1px 10px 1px #BFBFBF;
-webkit-box-shadow:0 1px 10px 1px #BFBFBF;
filter:alpha(opacity=97);
opacity:.97
}


}

.skip-cart .count{
-webkit-border-radius:12px;
-moz-border-radius:12px;
-ms-border-radius:12px;
-o-border-radius:12px;
border-radius:12px;
display:inline-block;
top:-6px;
position:relative;
z-index:5;
width:22px;
height:22px;
background:rgba(51,153,204,0.9);
font-size:11px;
line-height:22px;
text-align:center;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif
}

.skip-link.skip-active .count{
color:#fff
}

.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: 771px){
.skip-cart{
text-transform:uppercase;
right:220px;
top:30px
}

.skip-cart:hover{
color:#ccccc
}

.skip-cart .count{
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
-o-border-radius:0;
border-radius:0;
position:static;
background:none;
margin-left:0;
font-size:14px
}

.skip-cart .count:before{
content:'('
}

.skip-cart .count:after{
content:')'
}


}

.skip-cart .count.empty{
display:none
}

.cart-menu .empty{
padding:20px;
text-align:center
}

.cart-menu .actions{
overflow:hidden;
padding:15px
}

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

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

.cart-menu .subtotal{
padding:0 15px 15px;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:24px;
line-height:1.2
}

.mini-cart-list{
margin-bottom:5px
}

.mini-cart-list li{
position:relative;
min-height:90px;
padding:15px 15px 15px 90px;
border-top:1px solid #ccc;
font-size:13px;
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;
font-size:12px
}

.cart-menu .last-added{
padding:10px 15px 15px;
border-top:1px solid #ccc;
font-size:13px
}

.footer,.footer button{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif
}

.footer{
clear:both;
width:100%;
padding-top:5px;
padding-left:10px;
padding-right:10px;
background:url(https://www.megabike24.de/skin/frontend/rwd/megabike/images/mb-rel-foot-1.png);
background-repeat:no-repeat;
background-position:690px 170px;
background-size:500px auto
}


@media only screen and (max-width: 479px){
.footer{
padding-top:15px
}


}

.footer .block-title{
border-bottom:0;
padding:3px 0
}

.footer .block-title strong{
font-weight:400
}

.footer .block-title,.footer address{
color:#ccc;
border-bottom:solid 1px #ccc
}

.footer .links{
float:left;
width:19%;
padding:0 20px 0 0;
margin-bottom:20px
}

.footer .links li{
word-break:break-all;
line-height:1.2;
padding:3px 0
}

.links a{
padding:0;
text-decoration:none
}

.footer .links a:hover{
color:#aaa;
text-decoration:underline
}

.footer .block-subscribe{
float:right;
width:280px;
margin-bottom:30px;
padding-right:45px
}

.footer .links,.footer .block-subscribe{
font-size:13px
}

.footer .form-subscribe-header{
display:none
}

.footer .links.social-media em{
background-image:url(https://www.megabike24.de/skin/frontend/rwd/megabike/images/social_icons.png);
background-repeat:no-repeat;
width:13px;
vertical-align:middle;
display:inline-block;
margin-right:7px
}


@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){
.footer .links.social-media em{
background-image:url(https://www.megabike24.de/skin/frontend/rwd/megabike/images/social_icons@2x.png);
background-size:50px 125px
}


}

.footer .links.social-media em.facebook{
background-position:0 -0;
height:13px
}

.footer .links.social-media a:hover em.facebook{
background-position:-25px -0
}

.footer .links.social-media em.twitter{
background-position:0 -24px;
height:13px
}

.footer .links.social-media a:hover em.twitter{
background-position:-25px -24px
}

.footer .links.social-media em.youtube{
background-position:0 -49px;
height:13px
}

.footer .links.social-media a:hover em.youtube{
background-position:-25px -49px
}

.footer .links.social-media em.pinterest{
background-position:0 -74px;
height:15px
}

.footer .links.social-media a:hover em.pinterest{
background-position:-25px -74px
}

.footer .links.social-media em.rss{
background-position:0 -99px;
height:13px
}

.footer .links.social-media a:hover em.rss{
background-position:-25px -99px
}

.footer .block-subscribe .input-box{
float:left;
width:65.625%;
padding-top:0
}

.footer .block-subscribe .input-text{
width:100%;
border-right:0;
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
-o-border-radius:0;
border-radius:0
}

.footer .block-subscribe .block-content{
padding-top:7px
}

.footer .block-subscribe .block-content:after{
content:'';
display:table;
clear:both
}

.footer .block-subscribe .actions{
float:left;
width:34.375%;
margin:0
}

.footer .block-subscribe .actions .button{
height:30px;
line-height:17px;
float:left
}

.footer .bugs,.footer address{
clear:both
}

.footer .bugs{
display:none
}

.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 #ccc;
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
}


}


@media only screen and (max-width: 770px){
.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%
}


}

.category-title h1,body.catalogsearch-result-index .page-title h1{
border-bottom:none
}

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

h2.product-name,h3.product-name,h3.product-name-rahmen,h4.product-name,h5.product-name,p.product-name{
margin:0;
margin-bottom:.5em;
color:#000;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:14px;
font-weight:600;
font-style:normal;
line-height:1.2;
text-rendering:optimizeLegibility;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-weight:normal;
line-height:1.4
}

.product-name-rahmen,h2.product-name a,h3.product-name a,h3.product-name-rahmen,h4.product-name a,h5.product-name a,p.product-name a{
color:#000
}

p.product-name a{
color:#000;
font-size:12px
}

.product-name-rahmen a:hover,h2.product-name a:hover,h3.product-name a:hover,h3.product-name-rahmen a:hover,h4.product-name a:hover,h5.product-name a:hover,p.product-name a:hover{
color:#e30513;
text-decoration:none
}

h3.product-name-rahmen{
font-size:11px;
text-transform:none
}

.product-name-modell{
font-size:12px;
text-transform:none
}

.product-name-modell-view{
font-size:16px;
font-weight:600;
text-transform:none
}

.products-grid .product-name,.products-list .product-name{
text-transform:uppercase;
margin-bottom:5px;
font-size:15px;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
min-height:40px
}

.products-grid{
position:relative
}

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

.products-grid > li{
position:relative;
margin-bottom:20px;
text-align:center
}

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

.products-grid .product-image{
width:100%;
margin-bottom:15px
}

.products-grid .product-image img{
width:92%;
height:auto
}

.products-grid .product-image img:hidden{
display:none
}

.widget-new-products .products-grid .product-image{
width:75%;
margin-bottom:15px;
margin-left:10%
}

.products-grid .product-info{
position:relative;
padding-bottom:95px;
height:200px
}

.product-info-home{
position:relative;
padding-bottom:95px;
height:150px
}

.products-grid .actions{
padding-top:10px;
position:absolute;
bottom:0;
min-height:65px;
width:100%
}

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

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

.products-grid .price-box{
margin:0 0 5px;
color:#000;
font-size:24px;
text-shadow:1px 1px 2px #888;
font-weight:bolder;
letter-spacing:2px
}

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

.products-grid > li{
float:left;
width:38%;
margin-right:4.54545%
}

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

.products-grid > li:nth-child(even){
margin-right:0
}

.products-grid .product-image{
margin-bottom:5px
}

.products-grid .product-image:before,.products-grid .product-image:after{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:none
}

.products-grid .product-image:before{
background-color:#fff;
opacity:.8;
z-index:2
}

.products-grid .product-image:after{
background-image:url(https://www.megabike24.de/skin/frontend/rwd/megabike/images/opc-ajax-loader.gif);
background-repeat:no-repeat;
background-position:center;
z-index:3
}

.products-grid .product-image.loading{
position:relative
}

.products-grid .product-image.loading:before,.products-grid .product-image.loading:after{
display:block
}


@media only screen and (max-width: 320px){
.products-grid > li{
float:left;
width:85%;
margin-right:4.54545%
}

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

.products-grid > li:nth-child(even){
margin-right:0
}

.products-grid .product-image{
margin-bottom:5px
}

.products-grid .product-image:before,.products-grid .product-image:after{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:none
}

.products-grid .product-image:before{
background-color:#fff;
opacity:.8;
z-index:2
}

.products-grid .product-image:after{
background-image:url(https://www.megabike24.de/skin/frontend/rwd/megabike/images/opc-ajax-loader.gif);
background-repeat:no-repeat;
background-position:center;
z-index:3
}

.products-grid .product-image.loading{
position:relative
}

.products-grid .product-image.loading:before,.products-grid .product-image.loading:after{
display:block
}


}


@media only screen and (min-width: 480px){
.products-grid > li:nth-child(odd){
clear:none
}

.products-grid > li:nth-child(even){
margin-right:1%
}

.products-grid > li{
width:23.9%;
margin-right:1%
}

.products-grid > li:hover{
margin-right:1%;
*//-webkit-box-shadow:0 1px 5px 1px #BFBFBF;
box-shadow:0 1px 5px 1px #BFBFBF
}

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

.products-grid > li:nth-child(3n){
margin-right:0
}


}


@media only screen and (min-width: 960px){
.products-grid--max-4-col > li:nth-child(odd){
clear:none
}

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

.products-grid--max-4-col > li:nth-child(even),.products-grid--max-4-col > li:nth-child(3n){
margin-right:1%
}

.products-grid--max-4-col > li{
margin-right:1%;
width:24%;
margin-right:1%
}

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

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

.products-grid--max-5-col > li:nth-child(odd){
clear:none
}

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

.products-grid--max-5-col > li:nth-child(even),.products-grid--max-5-col > li:nth-child(3n){
margin-right:2.22222%
}

.products-grid--max-5-col > li{
margin-right:2.22222%;
width:18.22222%;
margin-right:2.22222%
}

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

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

.products-grid--max-6-col > li:nth-child(odd){
clear:none
}

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

.products-grid--max-6-col > li:nth-child(even),.products-grid--max-6-col > li:nth-child(3n){
margin-right:1.22222%
}

.products-grid--max-6-col > li{
margin-right:1.22222%;
width:15.5%;
margin-right:1.22222%
}

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

.products-grid--max-6-col > li:nth-child(6n){
margin-right:0
}


}

.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:right;
width:66.66667%;
padding-left: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{
font-size:18px
}

.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{
font-size:18px
}


}


@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-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%
}

.category-image img{
width:100%;
max-width:100%
}

.category-image img:hidden{
display:none
}

.block-layered-nav .block-subtitle--filter{
display:none;
margin:0;
margin-bottom:10px;
color:#000;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:14px;
font-weight:700;
font-style:normal;
line-height:1.4;
text-rendering:optimizeSpeed;
text-transform:uppercase;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
-o-user-select:none;
user-select:none;
font-weight:normal;
margin-bottom:0;
padding:7px 10px 7px 24px;
border-width:1px;
border-style:solid;
border-color:#ccc;
position:relative;
background-color:#f4f4f4;
cursor:pointer
}

.block-layered-nav .block-subtitle--filter:after{
content:'';
position:absolute;
width:0;
height:0;
display:block;
border-right:4px solid transparent;
border-left:4px solid transparent;
border-top:4px solid #e30513;
border-bottom:none;
left:10px;
top:50%;
margin-top:-3px
}

.block-layered-nav .block-content .toggle-tabs{
display:none
}

.block-layered-nav .block-content > dl > dt{
margin:0;
margin-bottom:10px;
color:#000;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:14px;
font-weight:700;
font-style:normal;
line-height:1.4;
text-rendering:optimizeSpeed;
text-transform:uppercase;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
-o-user-select:none;
user-select:none;
font-weight:normal;
margin-top:10px;
margin-bottom:-10px;
padding:5px;
border-top:1px;
border-width:0;
border-style:solid;
border-color:#ccc;
position:relative;
display:block
}

.block-layered-nav .block-content > 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 #e30513;
border-bottom:none;
left:10px;
top:50%;
margin-top:-3px
}

.block-layered-nav .block-content > dl > dd{
padding:10px;
margin:0;
border-width:0;
border-style:solid;
border-color:#ccc
}

.block-layered-nav .block-content > dl > dd:last-child{
border-width:0
}

.block-layered-nav dl dd{
margin-bottom:10px;
margin-top:10px
}

.block-layered-nav dl dd ol > li > span,.block-layered-nav dl dd ol > li > a{
padding:5px;
border-width:0;
border-style:solid;
border-color:#ccc;
display:block
}

.block-layered-nav dl dd ol > li > a .count{
color:#a0a0a0
}


@media only screen and (min-width: 771px){
.block-layered-nav .block-content > dl > dt{
padding-left:10px
}

.block-layered-nav .block-content > dl > dt:after{
display:none
}


}


@media only screen and (max-width: 770px){
.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;
margin-top:15px
}

.block-layered-nav .block-content > dl > dt{
cursor:pointer;
border-bottom-width:0
}

.block-layered-nav .block-content > dl > dt:hover{
color:#e30513
}

.block-layered-nav .block-content > dl > dt:after{
content:'';
position:absolute;
width:0;
height:0;
display:block;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:4px solid #4d4d4d;
border-right:none
}

.block-layered-nav .block-content > dl > dt.last{
border-bottom-width:1px
}

.block-layered-nav .block-content > dl > dd{
display:none
}

.block-layered-nav .block-content.accordion-open > dl > dt.current{
border-bottom-width:1px
}

.block-layered-nav .block-content.accordion-open > dl > dt.current:after{
content:'';
position:absolute;
width:0;
height:0;
display:block;
border-right:4px solid transparent;
border-left:4px solid transparent;
border-top:4px solid #4d4d4d;
border-bottom:none;
left:6px;
top:50%;
margin-top:-3px
}

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

.block-layered-nav .block-subtitle--filter{
background-color:#4d4d4d;
border:0;
margin-bottom:0;
display:block;
color:#FFF
}

.block-layered-nav .block-subtitle--filter:after{
content:'';
position:absolute;
width:0;
height:0;
display:block;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:4px solid #fff;
border-right:none;
right:10px;
top:50%;
margin-top:-5px
}

.block-layered-nav .block-subtitle--filter:hover{
background-color:#f1f1f1;
color:#000
}

.block-layered-nav .block-subtitle--filter.active:after{
content:'';
position:absolute;
width:0;
height:0;
display:block;
border-right:4px solid transparent;
border-left:4px solid transparent;
border-top:4px solid #fff;
border-bottom:none;
right:10px;
top:50%;
margin-top:-3px
}

#narrow-by-list,#narrow-by-list2{
padding:10px;
border:1px solid #ccc;
border-top:0
}

.block-layered-nav dl ol > li > a,.block-layered-nav dl ol > li > span{
padding:7px;
margin:5px
}

.block-layered-nav dl ol > li > a{
color:#000;
background-color:#f4f4f4;
padding:5px 10px
}

.block-layered-nav dl ol > li > a:hover{
text-decoration:none;
background:#e7e7e7
}


}

.block-layered-nav .currently .block-subtitle{
display:block;
margin:0;
margin-bottom:10px;
color:#000;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:14px;
font-weight:700;
font-style:normal;
line-height:1.4;
text-rendering:optimizeSpeed;
text-transform:uppercase
}

.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:700
}

.block-layered-nav .currently ol li:after{
content:'';
display:table;
clear:both
}

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

.event-container{
clear:both;
border:1px solid #e30513;
position:relative;
z-index:2;
border-width: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 #e30513;
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;
font-size:28px;
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{
font-size:14px
}

.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,.product-view .product-img-box .product-name h1{
margin-bottom:10px;
border:0
}

.product-view .product-shop{
width:35%;
float:right
}

.product-view .product-shop .product-name{
display:none;
float:left
}

.product-view .product-shop .product-name .h1{
margin-bottom:5px
}

.product-view .product-shop .extra-info{
float:left;
padding-right:15px;
clear:left
}

.product-view .product-shop .price-info{
float:right;
padding-left:15px;
text-align:right
}

.product-view .product-shop .extra-info,.product-view .product-shop .price-info{
max-width:80%;
margin-bottom:10px
}

.product-view .product-shop .short-description{
margin-bottom:10px;
clear:both
}

.short-description{
border-bottom:solid 1px #ddd;
padding-bottom:15px
}

.product-view .product-shop .ratings{
margin-bottom:8px
}

.product-view .product-shop .availability{
font-size:16px
}

.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;
line-height:1.2
}

.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{
color:#000;
font-size:24px
}

.product-view .product-shop .price-box .special-price .price-label{
font-size:16px;
text-transform:uppercase
}

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

.product-view .product-shop .price-box .price-excluding-tax .label,.product-view .product-shop .price-box .price-including-tax .label{
font-size:16px;
font-weight:300
}

.product-view .product-shop .price-box .price-excluding-tax .price,.product-view .product-shop .price-box .price-including-tax .price{
font-size:20px
}

.product-view .old-price .price-label{
display:none
}

.product-view .add-to-cart-wrapper,.product-view .block-related{
width:50%;
float:right;
clear:right
}


@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{
font-size:18px
}


}


@media only screen and (max-width: 770px){
.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{
width:65%;
float:left
}

.product-img-box .product-name h1{
border:0
}

.product-img-box .product-image{
margin-bottom:0
}

.product-img-box .product-image img{
max-width:100%;
max-height:750px;
margin:0 auto
}


@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:0;
left:0;
width:100%;
height:100%;
display:none
}

.product-image-gallery:before{
background-color:#fff;
opacity:.8;
z-index:2
}

.product-image-gallery:after{
background-image:url(https://www.megabike24.de/skin/frontend/rwd/megabike/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;
border:1px solid transparent
}

.no-touch .product-image-thumbs a:hover{
border-color:#c7c7c7
}

.product-view .product-shop,.product-view .add-to-cart-wrapper,.product-view .block-related{
padding-left:15px
}

.product-view .product-shop,.product-img-box,.product-collateral,.product-view .block-related,.box-collateral{
margin-top:10px;
margin-bottom:10px;
padding-right:30px
}

.product-view .add-to-box:after,.product-view .add-to-cart:after{
content:'';
display:table;
clear:both
}

.product-view .add-to-cart{
padding-bottom:3px;
margin-bottom:10px;
border-bottom:1px solid #ccc
}

.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,.product-view .add-to-cart .qty-wrapper label{
margin-right:7px;
float:left;
font-size:14px
}

.product-view .add-to-cart .qty-wrapper label{
line-height:40px
}

.product-view .add-to-cart .qty-wrapper .qty{
float:left;
height:30px;
width:30px
}

.product-view .add-to-cart-buttons{
float:right
}

.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:30px;
line-height:30px;
font-size:14px;
padding:0 10px;
float:left;
min-width:140px;
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
}


}

.add-to-box .or{
display:none
}

.product-view .add-to-links{
clear:both;
margin-top:0;
margin-bottom:10px;
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 0;
margin-left:7px;
border-right:1px solid #ccc
}

.product-view .add-to-links li:first-child a{
margin-left:0
}

.product-view .add-to-links li:last-child a{
border-right:0
}

.product-view .sharing-links{
float:left
}

.product-view .sharing-links:after{
content:'';
display:table;
clear:both
}

.product-view .sharing-links li{
float:left;
padding:0 7px 7px
}

.product-view .sharing-links a{
text-indent:-9999px;
display:block;
width:26px;
height:26px
}

.product-view .sharing-links a:hover{
opacity:.8
}

.product-view .sharing-links a.link-wishlist{
background-position:0 -225px
}

.product-view .sharing-links a.link-compare{
background-position:0 -250px
}

.product-view .sharing-links a.link-email-friend{
background-position:0 -322px
}

.product-view .sharing-links a.link-facebook{
background-position:0 -425px
}

.product-view .sharing-links a.link-twitter{
background-position:0 -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
}

.box-collateral{
clear:both;
padding:10px
}

.box-collateral-box-reviews{
background:#f1f1f1;
margin-right:30px;
padding:10px
}


@media only screen and (min-width: 771px){
.product-collateral .toggle-tabs{
display:block;
width:100%;
position:relative;
background-color:#4d4d4d;
height:40px
}

.product-collateral .toggle-tabs li{
float:left;
border-right:1px solid transparent;
border-left:1px solid transparent
}

.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 15px;
height:40px;
line-height:40px;
cursor:pointer;
font-size:14px;
position:relative;
color:#fff
}

.product-collateral .toggle-tabs li.current > span{
z-index:5
}

.product-collateral .toggle-tabs li.current span,.product-collateral .toggle-tabs li:hover span{
color:#000;
background:#f1f1f1
}

.product-collateral .toggle-tabs li:first-child{
border-left:none
}

.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;
border-top:0
}

.product-collateral > dl > dd.current{
display:block
}


}


@media only screen and (max-width: 770px){
.product-collateral .toggle-tabs{
display:none
}

.product-collateral > dl > dt{
margin:0;
margin-bottom:10px;
color:#000;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:14px;
font-weight:700;
font-style:normal;
line-height:1.4;
text-rendering:optimizeSpeed;
text-transform:uppercase;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
-o-user-select:none;
user-select:none;
font-weight:normal;
margin-bottom:0;
padding:7px 10px 7px 24px;
border-width:1px;
border-style:solid;
border-color:#ccc;
position:relative;
background-color:#f4f4f4;
display:block
}

.product-collateral > 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 #e30513;
border-bottom:none;
left:10px;
top:50%;
margin-top:-3px
}

.product-collateral > dl > dd{
padding:10px;
margin:0;
border-width:0 1px;
border-style:solid;
border-color:#ccc
}

.product-collateral > dl > dd:last-child{
border-width:0 1px 1px
}

.product-collateral > dl > dt{
cursor:pointer;
border-bottom-width:0
}

.product-collateral > dl > dt:hover{
color:#e30513
}

.product-collateral > dl > dt:after{
content:'';
position:absolute;
width:0;
height:0;
display:block;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:4px solid #e30513;
border-right:none
}

.product-collateral > dl > dt.last{
border-bottom-width:1px
}

.product-collateral > dl > dd{
display:none
}

.product-collateral.accordion-open > dl > dt.current{
border-bottom-width:1px
}

.product-collateral.accordion-open > dl > dt.current:after{
content:'';
position:absolute;
width:0;
height:0;
display:block;
border-right:4px solid transparent;
border-left:4px solid transparent;
border-top:4px solid #e30513;
border-bottom:none;
left:6px;
top:50%;
margin-top:-3px
}

.product-collateral.accordion-open > dl > dd.current{
display:block
}


}


@media only screen and (max-width: 770px){
.product-view .product-shop,.product-view .add-to-cart-wrapper,.product-view .block-related,.product-img-box,.product-collateral{
width:100%;
float:none;
padding-right:0;
padding-left:0
}


}


@media only screen and (min-width: 771px){
.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{
max-width:50em
}

#product-attribute-specs-table th{
border-right:1px solid silver;
border-bottom:1px solid silver
}

.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{
color:#e30513;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif
}

.grouped-items-table .qty-wrapper{
padding-top:7px
}

.grouped-items-table .qty-label{
margin-left:7px
}

.grouped-items-table td{
padding:4px
}

.product-options{
width:100%;
margin:10px 0 0;
padding:10px 15px 15px;
border:1px solid #ddd;
clear:both;
position:relative
}

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

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

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

.product-options dd .qty-holder{
display:block;
padding:10px 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;
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:400
}

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

.product-options-bottom{
padding:15px;
border:1px solid #ddd;
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;
color:#000
}


@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 #ccc
}


}

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

.product-options-bottom .tier-prices .price,.product-options-bottom .tier-prices .benefit{
color:#000
}

.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
}

.block-related li{
margin-bottom:7px
}

.block-related .block-title{
border-bottom:none
}

.block-related .block-title h2{
margin:0;
margin-bottom:.5em;
color:#000;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:24px;
font-weight:400;
font-style:normal;
line-height:1.2;
text-rendering:optimizeLegibility;
text-transform:uppercase;
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
}

.box-up-sell{
margin-top:20px
}

.box-up-sell .ratings{
display:none
}

.cart-msrp-totals{
color:red;
font-size:12px!important;
font-weight:700;
margin:10px 10px 0;
padding:10px;
text-align:right;
text-transform:uppercase
}

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

.map-popup{
background:#FFF;
border:5px solid #ccc;
margin:12px 0 0;
position:absolute;
text-align:left;
width:450px;
z-index:100
}


@media only screen and (min-width: 771px){
.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: 770px){
.map-popup{
width:100%;
left:0!important
}


}

.map-popup .map-popup-heading{
padding:8px 10px;
margin-right:40px;
width:auto
}

.map-popup .map-popup-heading h3{
font-size:14px;
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:0;
right:0;
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:0
}

.map-popup .map-popup-checkout .paypal-logo .paypal-or{
margin:0;
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:0
}


}

.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
}

.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
}

.cart-table{
float:left;
width:60%
}

.cart-forms,.cart-totals-wrapper,.crosssell{
float:right;
clear:right;
width:40%;
padding-left:20px
}

.cart-totals,.cart-forms .discount,.cart-forms .giftcard,.cart-forms .shipping{
padding:10px;
background-color:#f4f4f4;
border:1px solid #ccc
}

.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%
}


}

.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%
}

.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 .paypal-or,.checkout-types.minicart .paypal-or{
margin:0;
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{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif
}

.cart-table th,.cart-table td,.cart-table tbody td{
border-bottom:none;
vertical-align:top
}

.cart-table h2{
color:#000;
font-size:14px;
font-weight:600;
margin-bottom:0
}

.cart-table thead th,.cart-table tbody td{
background-color:transparent;
padding:10px 5px;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif
}

.cart-table .product-cart-info,.cart-table .product-cart-actions{
padding-left:15px
}

.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:14px;
padding:0 5px;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif
}

.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
}

.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{
font-size:12px;
margin:5px 0 12px
}

.cart-table .product-cart-sku .label{
font-weight:600
}

.cart-table .btn-empty{
float:left
}

.cart-table .product-cart-total,.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 #e30513;
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 #e30513;
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;
font-size:13px
}

.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: 770px){
.cart-table th{
font-size:12px
}

.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:400
}

.cart-table td[data-rwd-label]:before{
content:attr(data-rwd-label) ":";
font-size:12px;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
padding-right:5px;
text-transform:uppercase
}

.cart-table td.product-cart-price{
text-align:left
}

.cart-table h2{
font-size:12px
}

.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 0
}

.cart-table .cart-tax-info{
padding-left:15px;
font-size:13px
}

.cart-table .cart-tax-info .price{
font-size:13px
}

.cart-table .product-cart-image{
width:25%;
float:left;
padding-bottom:0
}

.cart-table .product-cart-image a.cart-edit{
display:block;
font-size:16px;
text-align:center;
text-transform:uppercase
}

.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 0 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;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif
}

.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) ":"
}


}

.shipping h2{
font-size:14px;
font-weight:700;
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:18%
}

.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-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:13px;
font-weight:400;
text-transform:uppercase
}

.shipping .sp-methods{
padding:10px 0 0;
text-align:left
}

.shipping .sp-methods dd{
margin-bottom:10px
}

.shipping .sp-methods label{
font-size:12px;
min-width:100px
}

.shipping .sp-methods label span{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-weight:700;
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 #ccc;
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: 770px){
.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{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:12px;
margin-bottom:20px;
width:100%
}

.cart .cart-totals table td{
padding:2px 0
}

.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{
font-size:18px;
padding:2px 0;
vertical-align:top
}

.cart .cart-totals table tfoot strong span,.cart .cart-totals table tfoot span.price{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif
}

.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: 770px){
.cart .cart-totals table tfoot td{
font-size:18px
}


}

.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-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:12px;
font-weight:400;
text-align:left;
text-transform:uppercase;
min-width:105px;
display:inline-block;
margin-right:10px
}

#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:bottom
}

#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:30px;
margin:4px 10px 0 0;
width:190px
}

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

.cart .giftcard .check-gc-status{
float:left;
padding:0
}

.cart .giftcard .check-gc-status > span > span{
font-size:14px;
text-transform:none
}

.crosssell h2{
color:#e30513
}

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


@media only screen and (max-width: 979px){
.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 0 40px
}

.crosssell ul .product-details .crosssell-actions{
padding:0 5px
}


}

.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:100%;
padding-bottom: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
}

.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
}

.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:0 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;
color:#FFF;
line-height:26px;
background-color:#4d4d4d;
display:block;
position:absolute;
top:50%;
left:10px;
margin-top:-13px
}

.opc .section.allow .step-title .number{
background:linear-gradient(to bottom, rgba(19, 185, 16, 0.42) 1%,#0ea30b 44%,#088d05 97%);

}

.opc .section.allow .step-title h2{
color:#13b910
}

.opc .section .step-title h2{
font-size:16px;
font-weight:400;
line-height:40px;
height:40px;
float:left;
margin:0 4px 0 45px
}

.opc .section .step{
padding:20px
}

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


@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{
float:left;
margin-left:0;
margin-right:10px;
margin-bottom:0
}

.opc .buttons-set p.required{
float:right;
margin-left:5px;
margin-bottom:0
}

.opc .buttons-set .back-link{
float:right;
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:0
}

.opc #opc-login .buttons-set{
border-top:0;
padding-top:5px
}


@media only screen and (max-width: 770px){
.opc #opc-login .description,.opc #opc-login p.required{
display:none
}


}

#opc-payment .note{
padding:10px
}

.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
}

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:0;
overflow:hidden
}

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

.sp-methods{
margin:0 0 8px
}

.sp-methods dt{
margin:13px 0 5px;
font-weight:700
}

.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:700
}

.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:.5em 0
}

.sp-methods .release-amounts button{
float:left;
margin:5px 10px 0 0
}

.block-progress{
border:0;
margin:0;
border-left:1px solid #ccc;
padding-left:20px;
display:none
}

.block-progress .block-content{
font-size:13px
}

.block-progress dt{
padding-top:6px;
margin:0;
margin-bottom:10px;
color:#000;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:14px;
font-weight:700;
font-style:normal;
line-height:1.4;
text-rendering:optimizeSpeed;
text-transform:uppercase;
margin-bottom:6px;
text-transform:uppercase;
font-weight:normal;
color:#a0a0a0
}

.block-progress dt.complete{
color:#000
}

.block-progress dd{
padding-left:15px;
margin-bottom:10px
}

.block-progress #payment-progress-opcheckout .subtitle{
margin-bottom:3px
}

.block-progress .payment-info dt{
padding:0;
margin:0 0 3px;
color:#000;
text-transform:none;
float:left;
clear:both;
font-size:13px
}

.block-progress .payment-info dt:after{
content:': '
}

.block-progress .payment-info dd{
float:left;
margin-bottom:3px;
font-size:13px
}

.block-progress .payment-info:after{
content:'';
display:table;
clear:both
}

#checkout-review-table .btn-remove img{
display:none
}

.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
}

#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;
display:block
}


}

#checkout-step-review .centinel > p{
margin-bottom:10px
}

#checkout-step-review .centinel iframe{
width:100%;
min-height:400px
}

.gift-messages-form .item{
content:'';
display:table;
clear:both;
margin-top:30px
}

.gift-messages-form .item h5{
font-weight:700
}

.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-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: 770px){
.gift-message-form .gift-item .product-img-box{
width:100%;
float:none
}

.gift-message-form .gift-item .fieldset{
margin-left:0
}

.gift-message-form .gift-item .fieldset textarea{
width:100%
}


}

.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
}

.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;
font-size:14px;
text-align:center;
color:#666;
text-decoration:none;
box-sizing:content-box
}

.swatch-link{
border:1px solid #bbb;
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.megabike24.de/skin/frontend/rwd/megabike/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
}

.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:.4;
filter:alpha(opacity=40)
}

.configurable-swatch-list .hover .swatch-link,.configurable-swatch-list .selected .swatch-link,.swatch-link:hover{
border-color:#44f
}

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

.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:700;
color:#fff!important;
float:left;
display:block;
border-radius:3px
}

.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{
font-size:12px
}

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

.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
}


@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: 770px){
.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){
font-size:15px;
margin:10px 0
}

.remember-me-box a.hide{
display:none
}

.remember-me-box .link-tip{
font-size:13px;
padding-left:10px
}

.remember-me-popup{
display:none;
border:1px solid #ccc;
padding:10px;
position:relative
}

.remember-me-popup.show{
display:block
}

.remember-me-popup p{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif
}

.remember-me-popup .remember-me-popup-close{
position:absolute;
top:0;
right:0;
padding:10px;
font-size:12px
}

.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%
}

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;
color:#000;
font-size:18px
}

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;
margin-top:10px;
padding:5px;
background:#ddd;
font-size:20px
}

.link-print{
font-size:14px
}

body.customer-account .my-account .addresses-list h3{
font-size:14px;
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-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-style:normal;
font-size:13px;
text-decoration:underline
}

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 .box-head{
margin-top:30px;
border-bottom:1px solid #ccc;
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{
font-size:12px;
text-decoration:underline
}

.dashboard .box-account{
padding-bottom:40px;
border-bottom:1px solid #ccc;
margin-bottom:45px
}

.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;
font-size:14px;
margin-bottom:0
}

.dashboard .col2-set .col-1 .box-title a,.dashboard .col2-set .col-2 .box-title a{
position:absolute;
top:-10px;
right:-10px;
padding:10px;
line-height:19.6px
}

.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;
font-size:13px
}

.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;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:13px;
margin-right:5px
}

.dashboard .box-reviews li .details .ratings .rating-box{
float:left;
margin:3px 0 0
}

.my-account .addresses-list .col-1,.my-account .addresses-list .col-2{
padding-bottom:0
}

.my-account .addresses-list .item{
margin:0 0 30px
}

.my-account .addresses-list .item p{
margin-top:10px
}


@media only screen and (max-width: 770px){
.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-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;
padding:5px 10px;
border:solid 1px #ccc
}

.order-info li:hover{
background:#ddd
}

.order-info li.current{
font-weight:600;
background:#ddd
}

.order-info li:first-child{
margin-left:0
}

.order-date{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:16px
}

.order-info-box{
margin-bottom:40px;
margin-top:20px;
background:#ddd
}

.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{
width:150px;
padding-right:10px;
float:left
}

.order-info-box .box-title h2{
font-size:13px;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-weight:700;
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-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-weight:400;
text-transform:uppercase
}

#my-orders-table .option-label{
margin-left:10px;
font-weight:600
}

#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: 770px){
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 .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
}


}

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-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:0
}

.contacts-index-index .buttons-set p.required{
float:right
}


}

div.paypal-logo{
text-align:center;
margin:15px 0;
max-width:100%;
padding-top:5px;
-webkit-box-shadow:0 1px 10px 1px #BFBFBF;
box-shadow:0 1px 10px 1px #BFBFBF
}

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
}


@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:0
}


}

.paypal-review-order .info-set{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ededed
}

.paypal-review-order .buttons-set{
margin-top:0;
padding-top:0;
border:0
}

.paypal-review-order .buttons-set button{
margin-bottom:10px
}


@media only screen and (max-width: 770px){
.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
}


}

#customer-reviews{
width:auto;
float:none
}

#customer-reviews .review-heading{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
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-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:10px;
text-transform:uppercase
}

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

#customer-reviews h2{
color:#13b910;
font-size:16px;
text-transform:uppercase
}

#customer-reviews h2 span{
color:#000
}

#customer-reviews h3{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:12px;
font-weight:400;
text-transform:uppercase
}

#customer-reviews h3 span{
color:#13b910
}

#customer-reviews .fieldset{
padding-top:25px;
width:470px
}

#customer-reviews .fieldset h4{
border-bottom:1px solid #ccc;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:12px;
font-weight:400;
padding-bottom:5px;
text-transform:uppercase
}

#customer-reviews .fieldset h4 em{
display:none
}

#customer-reviews .fieldset .form-list{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:12px;
font-weight:400;
margin:10px 0;
text-transform:uppercase;
width:470px
}

#customer-reviews .fieldset .form-list .inline-label:after{
content:'';
display:table;
clear:both
}

#customer-reviews .fieldset .form-list label{
font-size:12px;
font-weight:400
}

#customer-reviews .fieldset .form-list textarea{
border:1px solid #ccc;
border-radius:0;
min-width:100%;
-webkit-appearance:none
}

#customer-reviews .fieldset .form-list input{
border:1px solid #ccc;
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-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:12px;
font-weight:400;
margin-bottom:10px
}

#customer-reviews dl dt{
margin:10px 0;
font-size:14px
}

#customer-reviews dl dd{
font-size:14px;
margin:10px 0
}

#customer-reviews dl dd .ratings-table{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:12px;
width:100%
}

#customer-reviews dl dd .ratings-table tr{
float:left;
margin-right:15px
}

#customer-reviews dl dd .review-meta{
color:#e30513;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:10px;
font-weight:400;
text-transform:uppercase
}

.nickname{
font-weight:600;
font-size:12px
}

.nickname-text{
font-size:12px
}

.review-summary-table{
border-bottom:1px solid #ccc;
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:#FFF;
font-size:12px
}

.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:0 -599px;
width:13px;
height:14px;
margin-left:5px;
position:relative;
top:2px
}

.ratings-table{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:12px;
text-transform:uppercase
}

.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: 770px){
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:0;
padding-right:0
}

#customer-reviews .review-summary-table tbody th{
padding-left:0;
padding-right:0
}

#customer-reviews .review-summary-table tbody td{
width:20%;
padding:0
}

#customer-reviews .review-summary-table .rating-box{
text-indent:0;
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-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: 770px){
.review-product-view .product-review .product-img-box{
max-width:100%
}


}

.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 #FFF
}

.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:0;
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{
font-family:arial;
width:44px;
height:44px;
display:inline-block;
color:#DDD;
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:#FFF;
position:relative
}

.slideshow-pager span:hover:before{
background-color:#2e8ab8
}

.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:.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:.5;
cursor:default
}

.slideshow-prev{
left:8px
}

.slideshow-prev:before{
border-width:15px 15px 15px 0;
border-color:transparent #FFF transparent transparent;
top:50%;
left:10px
}

.slideshow-prev:hover:before{
border-color:transparent #2e8ab8 transparent transparent
}

.slideshow-next{
right:8px
}

.slideshow-next:before{
border-width:15px 0 15px 15px;
border-color:transparent transparent transparent #FFF;
top:50%;
right:10px
}

.slideshow-next:hover:before{
border-color:transparent transparent transparent #2e8ab8
}

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

.cycle-overlay{
font-family:tahoma,arial;
position:absolute;
bottom:0;
width:100%;
z-index:120;
background:#000;
color:#fff;
padding:15px;
opacity:.5
}

#wishlist-table th{
text-align:center
}

#wishlist-table.clean-table{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:12px;
text-transform:uppercase;
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{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:12px;
text-transform:uppercase
}

#wishlist-table .product-name{
font-size:16px;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
margin-bottom:0;
text-transform:uppercase
}

#wishlist-table .product-name a{
color:#e30513
}

#wishlist-table .wishlist-sku{
font-size:11px;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
margin:5px 0
}

#wishlist-table textarea{
border:1px solid silver;
width:100%;
height:45px;
font-size:11px;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif
}

#wishlist-table textarea::-webkit-input-placeholder{
text-transform:uppercase
}

#wishlist-table textarea:-moz-placeholder{
text-transform:uppercase
}

#wishlist-table textarea::-moz-placeholder{
text-transform:uppercase
}

#wishlist-table textarea:-ms-input-placeholder{
text-transform:uppercase
}

#wishlist-table textarea:focus{
border:1px solid #e30513
}

#wishlist-table .item-manage{
text-align:right;
max-width:450px;
padding-top:5px
}

#wishlist-table .item-manage .button{
color:#FFF;
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{
font-size:12px;
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{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:12px
}

#wishlist-table .price-box .price{
color:#000
}

#wishlist-table .giftregisty-add{
margin-top:5px
}

#wishlist-table .giftregisty-add .change{
display:none
}

#wishlist-table .giftregisty-add li{
cursor:pointer;
color:#e30513;
margin-bottom:3px
}

#wishlist-table .truncated .details{
background:none;
color:#e30513
}


@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{
font-size:13px
}


}


@media only screen and (max-width: 770px){
#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:0;
display:block;
padding:0;
height:20px
}

#wishlist-table.clean-table td.customer-wishlist-item-cart{
width:100%
}


}

.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{
font-size:12px
}

.block-wishlist .link-cart{
float:left;
text-transform:uppercase;
margin-right:7px;
padding-right:7px;
border-right:1px solid #ededed
}

.header-minicart .minicart-message{
display:block;
padding:10px
}

.header-minicart .minicart-wrapper{
clear:both;
position:relative;
padding:10px
}

.header-minicart .minicart-wrapper:before,.header-minicart .minicart-wrapper:after{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:none
}

.header-minicart .minicart-wrapper:before{
background-color:#fff;
opacity:.8;
z-index:2
}

.header-minicart .minicart-wrapper:after{
background-image:url(https://www.megabike24.de/skin/frontend/rwd/megabike/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{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:12px;
font-weight:700;
line-height:1.4;
padding:5px;
text-align:center;
margin-bottom:0
}

.header-minicart .block-subtitle .close{
width:40px;
float:right;
display:block;
color:#000;
text-decoration:none;
font-weight:400;
font-size:30px;
position:absolute;
top:-8px;
right:-3px
}

.header-minicart .mini-products-list{
padding:10px;
padding-top:0
}

.header-minicart .mini-products-list li{
padding:8px 5px 8px 11px;
border-bottom:1px solid #DDD;
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:0;
font-weight:700
}

.header-minicart .product-details .product-name a{
color:#686868
}

.header-minicart .info-wrapper{
margin-bottom:.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{
text-align:center;
line-height:2em;
border:solid 1px #4d4d4d
}

.header-minicart .subtotal .label{
color:#000
}

.header-minicart .subtotal .price{
font-weight:600
}

.header-minicart .minicart-actions{
padding:5px;
margin-top:0;
overflow:hidden;
position:relative
}

.header-minicart .minicart-actions .checkout-button{
min-width:140px
}

.header-minicart .minicart-actions .checkout-button:hover{
background:#1D9600
}

.header-minicart .minicart-actions .cart-link{
min-width:140px;
display:block;
font-size:13px;
padding:7px 15px;
line-height:19px;
color:#fff;
background:#4d4d4d;
position:absolute;
text-align:center;
text-decoration:none
}

.header-minicart .minicart-actions .cart-link:hover{
background:#aaa;
text-decoration:none
}

.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: 770px){
.header-minicart .subtotal .label{
color:#000
}

.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;
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-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:#FFF;
border:1px solid #4d4d4d;
left:0;
padding-left:0;
position:absolute;
top:0;
width:100%
}

.search-autocomplete ul li{
border-bottom:1px solid #f4f4f4;
cursor:pointer;
font-size:12px;
padding:4px 6px;
text-align:left
}

.search-autocomplete ul li:hover{
color:#4d4d4d
}

.search-autocomplete ul li.selected{
background-color:#4d4d4d;
color:#fff
}

.search-autocomplete ul li .amount{
float:right;
font-weight:700
}

.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 #e30513;
border-top:none;
left:50%;
top:-7px
}

.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
}


}

.product-review .product-img-box p.label{
border-bottom:1px solid #ccc;
font-size:16px;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
margin-top:20px;
padding-bottom:10px;
text-transform:uppercase
}

.product-review .product-img-box .rating-box{
margin:15px 0
}

.product-review .product-details h2{
border-bottom:1px solid #ccc;
color:#e30513;
font-size:16px;
font-weight:600;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
padding-bottom:10px
}

.product-review .ratings-table{
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif
}

.product-review .ratings-table th{
padding-right:10px
}

.product-review .ratings-table tr{
float:left;
font-size:12px;
margin-right:10px;
text-transform:uppercase
}

.product-review .ratings-description dt{
border-bottom:1px solid #ccc;
font-size:16px;
font-weight:400;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
margin-top:20px;
padding:10px 0;
text-transform:uppercase
}

.product-review .ratings-description dd{
color:#737373;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:13px
}


@media only screen and (min-width: 771px){
.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-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
}

.cms-page-view .std img,.cms-no-route .std img{
max-width:100%
}

.cms-page-view .std p,.cms-no-route .std p{
color:#000;
font-size:14px;
line-height:24px
}

.cms-page-view .std h1,.cms-no-route .std h1{
color:#e30513
}

.cms-page-view .std h2,.cms-no-route .std h2{
color:#e30513
}

.cms-page-view .std li,.cms-no-route .std li{
color:#000;
font-size:14px;
line-height:24px
}

.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;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif
}

#accordion .toggle-tabs{
display:none
}

#accordion > dl > dt{
margin:0;
margin-bottom:10px;
color:#000;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:14px;
font-weight:700;
font-style:normal;
line-height:1.4;
text-rendering:optimizeSpeed;
text-transform:uppercase;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
-o-user-select:none;
user-select:none;
font-weight:normal;
margin-bottom:0;
padding:7px 10px 7px 24px;
border-width:1px;
border-style:solid;
border-color:#ccc;
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 #e30513;
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:#ccc
}

#accordion > dl > dd:last-child{
border-width:0 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;
font-size:12px
}

.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: 770px){
#contactForm{
padding-left:0
}


}

.price-box.map-info .old-price{
display:none
}

.price-box .minimal-price-link .label{
color:#cf5050;
font-family:"roboto", Helvetica Neue,Verdana,Arial,sans-serif;
font-size:12px;
text-transform:uppercase
}

.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: 770px){
.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
}


}

div.calendar table{
border-collapse:separate
}

div.calendar table td.button{
display:table-cell;
background:inherit;
color:inherit;
text-transform:none
}

#inventory .state{
width:30px;
height:20px
}

.state-red{
margin-top:10px;
margin-left:10px;
background-image:url(https://www.megabike24.de/skin/frontend/rwd/megabike/images/red.jpg);
background-repeat:no-repeat
}

.state-green{
margin-top:10px;
margin-left:10px;
background-image:url(https://www.megabike24.de/skin/frontend/rwd/megabike/images/green.jpg);
background-repeat:no-repeat
}

.filialehead{
color:#000;
border-bottom:solid 1px #ddd
}

.filialehead-city{
color:#000;
border-bottom:solid 1px #ddd
}

.filialehead-street{
color:#000;
border-bottom:solid 1px #ddd
}

.filiale{
padding:10px 0;
padding-right:15px;
border-bottom:solid 1px #ddd
}

.filiale-city{
padding:5px 0;
padding-right:15px;
border-bottom:solid 1px #ddd
}

.filiale-street{
padding:5px 0;
padding-right:15px;
border-bottom:solid 1px #ddd
}


@media only screen and (max-width: 770px){
.filiale-city{
display:none
}

.filiale-street{
display:none
}

.filialehead-city{
display:none
}

.filialehead-street{
display:none
}


}

.framesize{
background-image:url(https://www.megabike24.de/skin/frontend/rwd/megabike/images/attention.png);
background-repeat:no-repeat;
font-weight:600;
padding-left:15px;
height:32px
}

.lieferzeit_green{
color:green
}

.tags-list{
margin-top:10px;
font-size:18px
}

.cart-empty{
padding-top:20px;
height:400px
}

.cart-empty a{
text-decoration:underline
}

.h2-top-angebote{
font-size:22px;
text-align:center;
margin-bottom:15px 0;
background:#fff;
color:#000!important;
border-bottom:1px solid #ccc;

}

.block-list-viewed{
margin-bottom:15px;
border:1px solid #4d4d4d
}

.product-viewed{
font-size:14px;
background:#4d4d4d;
text-align:center;
padding:3px 0;
padding-bottom:5px;
margin-bottom:5px;
color:#fff
}

.product-view-rahmen{
color:#696969
}

.back-button-detail:before{
content:"\25BA "
}

.back-button-detail{
float:right;
margin-bottom:15px;
border:1px solid #ddd;
padding:2px 10px
}

.back-button-dtl{
background:none;
color:#000;
text-decoration:none
}

.back-button-dtl:hover{
background:none;
color:#e30513;
text-decoration:underline
}

.start-singel-products{
width:50%
}

.products-grid-start-singel{
width:100%
}

.item-singel{
width:100%
}

.product-info-home-singel{
position:absolute;
top:1%;
left:70%;
width:100%
}

.product-name-singel{
margin-top:10px;
font-size:18px
}

.price-singel{
position:absolute;
top:50%;
display:block;
left:350px
}

.price-box-singel{
font-size:22px
}

.category-products{
clear:both;
padding-top:0
}

.category-products-marken{
float:left
}

.category-products-singel{
clear:left
}

.short-description-singel{
width:100%
}

ul.products-grid li.item{
background:#fff;
list-style-type:none
}

.verfuegbarkeit img{
padding-right:5px
}

.stockstate-green{
font-weight:400;
padding:12px;
background-image:url(https://www.megabike24.de/skin/frontend/rwd/megabike/images/stockstate-green.jpg);
background-repeat:no-repeat
}

.stockstate-yellow{
font-weight:400;
padding:12px;
background-image:url(https://www.megabike24.de/skin/frontend/rwd/megabike/images/stockstate-yellow.jpg);
background-repeat:no-repeat
}

.stockstate-red{
font-weight:400;
padding:12px;
background-image:url(https://www.megabike24.de/skin/frontend/rwd/megabike/images/stockstate-red.jpg);
background-repeat:no-repeat
}

.tax-details{
font-size:10px
}

.stars{
margin:1%
}

.value{
text-align:center
}

@charset "utf-8";
/********************************************************* HTML & Headings ***/
/*****************************************************************************/
.header-language-background {
  display: none;
}
html, body {
  font-size: 100%;
  line-height: 1.6;
  color:: #000;
  font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;
}
/* @media only screen and (max-width: 1000px) {
  html.not-scroll {
    overflow-x: unset;
    -webkit-overflow-scrolling: touch;
  }
  body {
    overflow-x: unset !important;
  }
  .not-scroll body{
    overflow: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch;
  }
}
@media only screen and (min-width: 1001px) {
  html {
    overflow-x: visible;
  }
  html.not-scroll {
    overflow-x: hidden;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
  }
} */

h2, h3, h4, h5 {
  margin: 0px 0 10px 0;
  font-weight: 500;
  line-height: 1.5rem;
}
h1, h2, h3, h4, h5 {
  text-align: left
}
h1 {
  font-size: 1.375rem;
  margin: 0  0 15px 0;
  padding: 5px 0px;
  font-weight: 500;
}
.page-title h1 {
  font-size: 1.375rem;
  margin-top: 6px;
}
body[class*="categorypath-beratung-"] .page-title h1 {
  text-align: center;
}
h2 {
  font-size: 1.3125rem;
}
h3 {
  font-size: 1.1875rem;
}
h4 {
  font-size: 1.125rem;
}
h5 {
  font-size: 1.0625rem;
}
.h2-top-angebote,
.h2-text-strich {
  text-align: center;
}
.h2-strich {
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin: 40px 0 0 0 !important;
}
p, p strong, table {
  font-size: 0.875rem;
  text-align: justify;
  line-height: 1.5rem;
  margin-bottom: 10px;
}
p.subtotal {
  margin-bottom: 0;
}
p + h3 {
  margin-top: 20px;
}
ol li,
ul li {
  font-size: 0.875rem;
}
ul.checklist {
  list-style: none;
}
ul.checklist li:before {
  content: '✓';
  font-weight: 600;
  padding-right: 5px;
}

body[class*="categorypath-beratung-"] .col-main .category_cms_block ol {
  list-style: decimal;
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}
@media only screen and (max-width: 1000px) {
  h1 {font-size: 1.5rem;}
  h2 {font-size: 1.1375rem;}
  h3 {font-size: 1.25rem;}
  h4 {font-size: 1.125rem;}
  p,
  p strong,
  ol li,
  ul li {
    font-size: 0.9375rem;
  }
  .page-title h1 {margin-top: 0;}
}


/********************************************************** Bilder ***/
/*********************************************************************/
.kartenimage {
  width: auto;
}
body[class*="categorypath-beratung-"] .category-image {
  margin-bottom: 20px;
}
/*** Abschnitt-Bild ***/
/*********************/
.abschnitt-bild {
    position: relative;
    float: left;
    background: linear-gradient(to top, hsl(0, 0%, 0%, 1) 0%,hsl(0, 0%, 30.2%, 1) 100%);
    height: 100%;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.abschnitt-bild .lazy {
    opacity: 0.6 !important;
    width: 100%;
    max-width:100%;
    display: block;
    margin-top: 0;
    order: 0;
    margin-bottom: 0;
}
.abschnitt-bild h2,
.abschnitt-bild h3,
.abschnitt-bild h4 {
    position: absolute;
    margin: 0;
    margin-bottom: 0px;
    color: hsla(0,100%,100%,0.9);
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
    text-shadow: 0px 0px 8px hsla(0, 0%, 0%, 0.5);
    text-align: center;
    font-size: 1.5rem;
    z-index:1;
}

/*********************************************************** Links ***/
/*********************************************************************/
p a {
	text-decoration: underline;
  text-decoration-skip-ink: auto;
  text-decoration-color: #999;
}
p a:hover {
  color: #4d4d4d;
}
a.link-text{
  color: #000 !important;
  text-decoration: none !important;
  display: inline-block;
  font-weight: bold;
  font-size: 0.875rem;
}
a.link-text:before {
  font-family: FontAwesome;
  content: "\f054";
  display: inline-block;
  padding-right: 5px;
  font-weight: 100;
  color: #000;
  font-size: 0.625rem;
  vertical-align: bottom;
}
a.link-text:hover, a.link-text:hover:before {
  color: #4d4d4d !important;
}
a.link-text:hover{
  text-decoration: underline !important;
}
@media only screen and (max-width: 1000px) {
  a.link-text{
    font-size: 1rem;
  }
}


/*****************************************  Hauptcontainer - Media Queries ***/
/*****************************************************************************/
.main-container.col1-layout,.main-container.col2-left-layout {
  min-height: 500px;
	padding-top:0px;
}
body.cms-home .main-container {
  padding-top:0 !important;
}
@media only screen and (max-width:1000px){
  .main-container {
  	padding-left:3% !important;
  	padding-right:3% !important;
    margin-top:0px;
  }
  /* body[class*="categorypath-fahrrad-"] .main-container,
  body[class*="categorypath-e-bike-"] .main-container {
    padding-left:5% !important;
  	padding-right:5% !important;
  } */
}
@media only screen and (max-width: 1000px) {
  .main-container.col2-left-layout .col-main {
    width: 100%;
  }
}
/* @media only screen and (min-width: 771px) and (max-width: 1000px){
  .main-container.col2-left-layout .col-main {
    width: 65%;
  }
} */
@media only screen and (min-width: 1001px) and (max-width: 1599px) {
  .main-container.col2-left-layout .col-main {
    width: 69%;
  }
  .main-container.col2-left-layout .col-left.sidebar,
  .col2-left-layout .col-left.sidebar.col-left-first {
    width: 30%;
  }
}
@media only screen and (min-width: 1600px) {
  .main-container.col2-left-layout .col-main {
    width: 79%;
  }
  .main-container.col2-left-layout .col-left.sidebar,
  .col2-left-layout .col-left.sidebar.col-left-first {
    width: 20%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 1250px){
  .main-container,.footer-container{
    padding-left:0px;
    padding-right:0px;
  }
}


/***********************************************************  Neue Breite für die Seite ***/
/******************************************************************************************/
@media only screen and (min-width:1001px){
  .page-header {
    max-width: 80%;
    margin: 0 auto;
    padding: 0;
  }
  .main-container, .footer-container {
    max-width: 80%;
  }
  .head_new {
   width: 100%;
   position: relative;
  }
}
.head_new {
  margin-bottom: 40px;
}
.nextto_slide {
  display: none;
}
@media only screen and (min-width:1001px){
.nextto_slide {
    width: 24.6%;
    float: right;
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 4.3px;
    margin-left: -2px;
    cursor: pointer;
    transition: 0.3s;
    display: none;
  }
.nextto_slide span {
    text-align: center;
    padding:1% 0;
  }
.nextto_slide .catname {
    width: 100%;
    height: 3em;
    background-color:   #e30613;
    position: absolute;
    color: #fff;
    display: table;
    float: none;
    margin: auto;
    font-size: 1.375rem;
    transition: 0.3s;
    text-transform: uppercase;
    font-weight: normal;
    text-shadow: 0px 0px 5px #000;
    bottom: 0;
  }
.nextto_slide:hover .catname {
    background-color: rgba(0, 0, 0, 0.7);
  }
.nextto_slide img {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width:999px){
  .nextto_slide img {
  	display:none;
  }
}
@media only screen and (min-width:1000px){
  .nextto_slide img {
  	max-width: 100%;
  	max-height: 100%;
  }
}
@media only screen and (min-width:1000px){
.slidi {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .slidi {
    display: none;
  }
  .slidi-mobil {
    display: block;
  }
}
@media only screen and (min-width: 601px) {
  .slidi-mobil {
    display: none;
  }
}
#custommenu .clearBoth {
	display: none;
}


/************************************/
.no-js #loader {
	display: none;
	}
.js #loader {
	display: block;
	position: absolute;
	left: 100px;
	top: 0;
	}
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('/media/pictures/mbgif.gif') center no-repeat #fff;
}
.loadingtext {
	text-align: center;
	top: 50%;
	margin-top: 50px;
	font-weight: bold;
	font-size: 1.1875rem;
	position: fixed;
	width: 100%;
	color: #bcbcbc;
}

@media only screen and (min-width:1200px){
	/* .clearfix{display:none;} */
	.se-pre-con {display:none}
	.slider-mobil{display:none;}
}

.intro_background{
	background-color:#CCCCCC;
	font-weight:bold;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.125rem;
	box-shadow:1px 1px 2px #888;
	}
.intro_ueberschrift{
	font-weight:bold;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.875rem;
	text-align:justify;
	padding-top:0px;
	padding-bottom:4px;
	}

.abstand_start_fachmarkt{
	padding-top:2px;
	padding-bottom:4px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.375rem;
	}

.abstand_start_oben{
	padding-top:8px;
	padding-bottom:8px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.125rem;
	}

.start_welcome{
	background:#DDDDDD;
	height:400px;
	}

.start_welcome_text{
	width:800px;
	height:300px;
	}

.start_welcome_text_head{
	width:200px;
	}

.topwords{
	margin:0;
	margin-bottom:0em;
	color:#636363;
	font-family:"Helvetica Neue", Verdana, Arial, sans-serif;
	font-size:1.125rem;
	font-weight:400;
	font-style:normal;
	line-height:1.2;text-rendering:optimizeLegibility;
	display: none;
	}

.standorte_tabelle{
	width:800px;
	}

.standorte_container{
	width:190px;
	}

.visit_us{
	font-weight:300;
	text-align:center;
	font-size:0.75rem;
	color:#fff;
	clear:both;
	display: none;
	}

.tabelle_body{
	width:40%;
	height:auto;
	border:0px;
	float:right;
	}


.font_square{
	font-weight:400;
	font-size:1rem;
	text-align:center;
	background:#4d4d4d;
	height:25px;
	color:#ffffff;
	}


.service_headline{
	font-size:1.125rem;
	padding:10px 10px;
	color:#000;
	border-bottom:1px solid #ccc;
	}

.service_text{
	padding-left:10px;
	}

.framesize-list{
	list-style-type:decimal;
	}

.schnellfinder-picture-left{
	float:left;
	margin-right:40px;
	}

.schnellfinder-text{
	margin-right:20px;
	}

.schnellfinder-auswahl-main{
	min-height:180px;
	}

.schnellfinder-auswahl{
	float:left;
	margin-right:34px;
	text-align:center;
	border:1px solid #ddd;
	}

.schnellfinder-auswahl img{
	padding:10px;
	}

.schnellfinder-auswahl:hover{
	-webkit-box-shadow:0px 1px 5px 1px #BFBFBF;
	box-shadow:0px 1px 5px 1px #BFBFBF;
	}

.schnellfinder-auswahl-liste-head{
	color:#fff;
	padding:5px;
	background:#4d4d4d;
	}

@media only screen and (max-width:770px){
	.clearfix:before,.clearfix:after{
		content:" ";display:table;
		}
	.clearfix:after{
		clear:both;
		}
	.clearfix{
		*zoom:1;
		}
	.clearfix a{
		color:#fff;
		text-decoration:none;
		font-size:0.875rem;
		}
	.menu-bike{
		width:48%;
		background:#4d4d4d;
		color:#fff;
		float:left;
		text-align:center;
		padding:5px;
		}
	.menu-standorte{
		width:48%;
		background:#4d4d4d;
		color:#fff;
		float:right;
		text-align:center;
		padding:5px;
		}
	.slider-mobil{
		text-align:center;
		margin-top:30px;
		}
	.google_layer{
		display:none;
		}
}


@media only screen and (min-width:771px) and (max-width:1199px){
	.tab-slider-2{
		display:none;
		}
	.service_container{
		display:none;
		}
	.slider-mobil{
		display:none;
		}
}

.button, .btn-cart, .aw-pq2-list__add-question-button{
	background:linear-gradient(0deg,#068603 0,#13b910 100%);
	}

.button:hover, .btn-cart:hover, .aw-pq2-list__add-question-button:hover{
	background:#13b910;
	}
.search-button, .search-button:hover{
	background:none !important;
	}
.tab{
	background:linear-gradient(to bottom, #939393 1%,#4d4d4d 44%,#565656 97%) !important;
	color:#fff !important;
	}

@media only screen and (max-width:770px){
	.product-collateral.toggle-content.tabs.hidedesktop{
		border-style:none;
		}
}

@media only screen and (max-width:1000px){
	.hidemobil{
		display:none;
		}
	.hidevoll{
		display:block;
		}
}

.socialbuttons{
	float:right;
	right:1%;
	position:fixed;
	top:35%;
	font-size:3rem;
	width:36px;
	}

.socialbuttons i{
	opacity:0.5;
	}

.socialbuttons i:hover{
	transform:scale(1.1);
	transition:0.3s;
	opacity:1;
	text-decoration:none !important;
	}

.socialbuttonsmobile{
	font-size:2.5rem;
	margin-right:5%;
	float:right;
	}

.socialbuttonsmobile a{
	opacity:0.5;
	transition:0.3s;
	}

.socialbuttonsmobile a:hover{
	opacity:1;
	}

@media only screen and (min-width:770px){
	.socialbuttonsmobile{
		display:none;
		}
}

ul.products-grid li.item:hover{
	transform:scale(1.05);
	z-index:1;
	}

ul.products-grid{
	text-align:center;
	}

ul.products-grid li.item{
	transition:0.3s;
  position: relative;
  box-shadow: 0 0 4px #ccc;
}
ul.products-grid li.item .prozent_rabatt {
  z-index: 1;
  margin-top: 0%;
  position: absolute;
  left: 0;
  right: unset;
  float: none;
}
ul.products-grid li.item .product-image {
  margin-bottom: 0;
}
ul.products-grid li.item .product-image img {
  padding-top: 20px;
}
ul.products-grid li.item .product-info-home h2 {
  margin: 0;
}
ul.products-grid li.item .product-info-home .price-box {
  margin: 0;
  margin-top: 20px;
}
ul.products-grid li.item .product-info-home span.price_old,
ul.products-grid li.item .product-info-home span.price_old_price {
  display: inline-block !important;
}
ul.products-grid li.item .product-info-home span.price_old_price{
  margin-bottom:5px;
}
ul.products-grid li.item .product-name {
  min-height: 70px;
}

@media only screen and (max-width:770px){
	ul.products-grid li.item:hover{
		transform:none;
		}
}
@media only screen and (max-width: 1000px) {
  ul.products-grid li.item .product-image img {
    padding-top: 5vh;
    max-width: 100%;
  }
  ul.products-grid li.item .prozent_rabatt {
    height: auto;
  }
  ul.products-grid li.item .products-grid .price-box {
    margin: 0 !important;
  }
}
@media only screen and (min-width:1000px){
	.category-products > ul.products-grid li.item{
		width:23.86%;
		}
	.products-grid.products-grid--max-6-col > li{
		width:20% !important;
		}
}

.aw-arp-item{
	transition:0.3s;
	vertical-align:top;
	}

.aw-arp-item:hover{
	transform:scale(1.05);
	}

div.menu.active a, .parentMenu:hover{
	text-shadow:none;
	transition:0s;
	}

.hidedesktop{
	display:none;
	}

@media only screen and (max-width:770px){
	#bestand{text-transform:uppercase;
	padding-left:5%;
	}

.hidedesktop{
	display:block;
	}

div.block-related-product .aw-arp-item{
	width:150px !important;
	}

.aw-arp-block-content ul{
	margin:auto;text-align:center;
	}

.wrapper{
	min-width:100px !important;
	text-align:center;
  /* padding:2px; */
	}
}


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

.hidevoll{
	display:none;
	}

.prozente{
	position:absolute;
	top:-5%;
	right:0%;
	}

.page-header-container{
	margin-top:40px;
	}

@media only screen and (max-width:1100px){
	.page-header-container{
		margin-top:100px;
		}
}


.gespart{
	background-color:#e30613;
	color:#fff;
	font-size:0.6875rem;
	width:90%;
	margin:auto;
	position:static;
	display:block;
	padding:1%;
	background-repeat:no-repeat;
	border-width:1px;
	border-style:none;
	border-color:#6e6e6e;
	float:left;
	margin-bottom:10px;
	}

.gespart > span{
	width:100%;
	margin:0;
	font-weight:bold;
	font-size:1.5rem;
	}

.product-info-home{
	position:relative;
	padding-bottom:15px;
	height:auto;
	line-height: 1.2em;
	float:left;
	width:100%;
	}
.upscroll {
	position:fixed;
	right:3%;
	bottom: 10px;
	transition:0.5s;
	text-align:center;
  z-index:3;
  width: 68px;
  height:68px;
  border-radius: 50%;
  padding-top: 13px;
  padding-bottom: 6px;
  background: rgba(77,77,77,0.75);
  bottom: 20px;
  transition: 0.3s all;
}
@media only screen and (max-width: 1000px) {
}
.upscroll.sticky {
  bottom: -80px;
  transition: 0.3s all;
}

@media only screen and (min-width: 1001px) {
  .upscroll.sticky, .upscroll {
    transform: none;
    bottom: 10px;
  }
  .upscroll {
    width: 50px;
    height: 50px;
    padding-top: 5px;
    right: 20px;
  }
}
.upscroll a:hover{
	text-decoration:none;
	}
.fa.fa-angle-double-up.fa-3x {
  font-size: 2.5rem;
  color: #ffffff;
}
@media only screen and (max-width:770px){
	.upscroll {
    right: 3%;
	}
}

@media only screen and (max-width:1000px){

}

.products-grid .product-info {
	position: relative;
	padding-bottom: 20px;
	height: auto;
	line-height:1.2em;
	float:left;
	width:100%;
	}

@media only screen and (max-width:1100px){
	.prozente{
		width:20%;
		top:-9%;
		}
	.products-grid .product-name a{
		font-size:1rem;
		font-weight:bold;
		}
	.price-box .price, .price{
		font-size:0.875rem;
		}
}

@media only screen and (max-width:770px){
	.prozente{
		width:16%;
		top:-1%;
		}
}

@media only screen and (max-width:1250px){
	.slider-1, .slider-2, .slider-3{
		width:30%;
		float:none;
		margin:1%;
		display:inline-table;
		}
}

@media only screen and (max-width:770px){
	.slider-1, .slider-2, .slider-3{
		width:45%;
		float:left;
		margin:2.5%;
		}
	.slider-3{
		display:none;
		}
	.slider-headline h2{
		font-size:1rem;
		}
}

@media only screen and (max-width:390px){
	.slider-1, .slider-2, .slider-3{
		width:80%;
		margin:auto;
		float:none;
		}
	.slider-3{
		display:inline-table;
		}
}

@media only screen and (max-width:770px){
	.beratung, .angebot, .ueberuns, .trend, .montage, .fmodern{
		display:inline-table;
		width:90% !important;
		float:none !important;
		margin:0 !important;
		line-height:2em;
		}

.beratung img, .angebot img, .ueberuns img, .trend img, .montage img, .fmodern img{
	width:100%;}
}


/********************************************** FOOTER ***/
/*********************************************************/
.footer-container{
	padding-top:0px;
	background:#4d4d4d;
	margin-top: 30px;
	max-width:100% !important;
	text-align:center;
	box-shadow:inset 0px 0px 20px 1px #000;
}
.pre-footer {
  position: relative;
  width: 100%;
  float: left;
  padding: 40px 0;
  background: #F3F3F3;
}
.pre-footer .vierspaltig {
  display: inline-table;
  max-width:80%;
  float: none;
}
.pre-footer .vierspaltig h2,
.pre-footer .vierspaltig h3,
.pre-footer .vierspaltig p {
  text-align: center;
  color: #4d4d4d;
}
.pre-footer .vierspaltig a.link:hover,
.pre-footer .vierspaltig a.link:hover h3,
.pre-footer .vierspaltig a.link:hover p {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.pre-footer .vierspaltig a.link:hover img {
  filter: contrast(200%);
}
.pre-footer .vierspaltig h2 {
  margin-bottom: 40px;
}
.pre-footer .vierspaltig h3 {
  font-weight: 500;
  margin-top: 10px;
}
.pre-footer .vierspaltig img {
  max-width:100px;
}
@media only screen and (max-width: 650px) {
  .pre-footer .vierspaltig div {
    width:100%;
  }
}
@media only screen and (max-width: 1000px) {
  .pre-footer .vierspaltig div {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1001px) {
  .pre-footer .vierspaltig div {
    width: 23.5%;
  }
}
@media only screen and (min-width: 1201px) {
  .pre-footer .vierspaltig {
    max-width: 80%;
  }
  .pre-footer .vierspaltig div {
    width: 25%;
  }
  .pre-footer .vierspaltig-links, .pre-footer .vierspaltig-links-mitte, .pre-footer .vierspaltig-rechts-mitte, .pre-footer .vierspaltig-rechts {
    padding-right: 20px;
    margin-right: 0 !important;
  }
}
.footer {
	max-width: 80%;
	float: none;
	display: inline-table;
	margin: 40px auto 0;
	background: none;
}
@media only screen and (min-width: 771px) and (max-width: 1199px) {
  .footer {
    max-width: 90%;
  }
}
.main-footer {
  float: left;
  position: relative;
  width: 100%;
  box-shadow: inset 0px -20px 20px -20px #000;
  padding-top:20px;
  background:#4d4d4d;
}
footer span.close-button {
  display: none;
}
.footer .block-title span{
  font-size: 1rem;
}
.footer .links{
	width:25%;
  margin-bottom: 40px;
  font-size: 0.875rem;
}
.footer .links li {
  line-height: 1.5rem;
  word-break: initial;
  hyphens: auto;
  list-style: none;
  text-align: center;
}
.footer .links li a {
  font-size: 0.9375rem !important;
}
.footer .links .trusted img {
  margin: 5% 7% 0% 7% !important;
}

@media only screen and (max-width:1200px){
	.footer .links{
		width:40%;
		display:inline-table;
		float:none;
	}
}
@media only screen and (max-width:770px){
	.footer .links{
		width:80%;
		}
  .footer .links:nth-of-type(n+2) {
      margin-top: 20px;
  }
  .footer .links li {margin: 5px 0;}
}
@media only screen and (max-width: 400px) {
  .footer .links {
    width: 100%;
  }
}
.footer .block-title {
  margin-bottom: 20px;
  color: #fff;
}

/********************************************************** Copyright ***/
/************************************************************************/
.footer address {
  padding: 15px 0;
  border-bottom: none;
  font-size: 0.6875rem;
}
.menu-mobile a{
	text-shadow:none;
	margin-left:15%;
	}

.hidedesktop.marken-picture{
	width:100%;
	}

.hidedesktop.marken-picture img{
	width:100%;
	}

@media only screen and (max-width:770px){
	.marke-block{
		width:30% !important;
		min-width:30% !important;
		min-height:200px !important;
		margin:1% !important;
		padding:1%;
		height:auto;
		}
	.marke-block img{width:100%;
	}
}

@media only screen and (min-width:770px){
	.beratung, .ueberuns, .angebot{
		width:30%;
		float:left !important;
		}
	.beratung img, .ueberuns img, .angebot img, .trend img, .montage img, .fmodern img{
		width:100%;
		}
}


#search {
	height: 35px!important;
	font-size: 0.875rem;
	}

@media only screen and (max-width:1000px){
	#search_mini_form .search-button{
		top:-14px;
		right:0;
		width:10%;
		height:50px;
		float:left;
		}
	#search{
		width:85%;
		float:left;
		}
}


@media only screen and (max-width:770px){
	.background_karriere{
		padding-left:10%;
		width:100%;
		padding-right:10%;
		}
}

@media only screen and (max-width:770px){
	.topwords{
		font-size:0.8125rem;
		}
}

.searchautocomplete .searchautocomplete-placeholder ul li .name{
	white-space:normal !important;
	float:none !important;
	}

.searchautocomplete .searchautocomplete-placeholder ul{
	padding:0;
	}

.searchautocomplete .searchautocomplete-placeholder ul li.active{
	background-color:#eaeaea;
	border-color:#fff !important;
	}

.searchautocomplete .searchautocomplete-placeholder{
	border:1px solid #3399cc !important;
	display:inline-block;
	z-index:1000;
	}


.searchautocomplete .nav-search-in{
	top:-5px;
	}

.searchautocomplete .tax-details{
	float:right;
	display:block;
	width:100%;
	text-align:right;
	}

  /********************************************** Suchleiste - Suchbutton **********************************/
  #search_mini_form .search-button {
    top: 0;
    margin-top: 0;
    margin-right: 0;
    text-indent: unset;
    background:#4d4d4d !important;
    padding: 0;
  	height: 35px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
  }
  #search_mini_form .search-button::before{
  	margin-top: 0;
    top: 6px;
    background-image: unset;
    content: "\f002";
    font-family: FontAwesome;
    display: inline-block;
    color: #fff;
    text-indent: unset;
    font-size: 1.4rem;
  }
  #search_mini_form .search-button span {
    display: none;
  }

  #search_mini_form .search-button:hover::before {
    opacity: 1;
  }

.searchautocomplete .searchautocomplete-placeholder{
	border:1px solid #A1A1A1 !important;
	}

.searchautocomplete .searchautocomplete-placeholder .all{
	background:#13b910;
	display:inline-block;
	padding:7px 15px;
	border:0;
	color:#FFF;
	font-size:0.8125rem;
	font-weight:normal;
	font-family:"Helvetica Neue",Verdana,Arial,sans-serif;
	line-height:19px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	margin-top:1%;
	}

.searchautocomplete .searchautocomplete-placeholder .all:hover{
	background:#aaaaaa;
	cursor:pointer;
	}

.searchautocomplete .searchautocomplete-placeholder .all a{
	color:#fff;
	}

.searchautocomplete .searchautocomplete-placeholder .all a:hover{
	text-decoration:none;
	}

#header-search {
	top: 38px;
	}

@media only screen and (max-width:1250px){
	#header-search{
		left:0 !important;
		display:inline-block;
		padding-top:1%;
		top:0;
		}
}

@media only screen and (max-width:1000px){
	#header-search{
		left:0%;
		}
	#search_mini_form .search-button{
		top:0px;
		margin-top:8px;
		left:80%;
		height:110%;
		}
}

.skipmob > .skip-account, .skipmob > .skip-cart{
	font-size:1.1875rem;
	margin:auto;
	margin-top:1.5%;
	margin-left:2%;
	}

@media only screen and (min-width:770px){
	.skipmob{
		display:none;
		}
}

.global-site-notice .notice-inner{
	z-index:32;
	position:fixed;
	background-color:#000;
	}

.navcatpic{
	background-repeat: no-repeat;
	width: 28% !important;
	position: absolute;
	background-size:auto 100%;
	height: 80%;
	right: 5%;
	top: 10%;
	display: none;
	background-position: 20%;
	}

.navitext{
	background-color:rgba(77, 77, 77, 0.73)
	;left:0%;
	position:absolute;
	bottom:0px;
	padding:1%;
	color:rgb(255, 255, 255);
	}

.main .block-account{
	border:none !important;
	margin-right:10%;
	}

.main .block-compare{
	margin-right:12%;
	margin-left:2%;
	}

.block-account li{
	transition:0.3s;
	}




#customer-reviews h2{
	color:red;
	margin-top:5%;
	}

#customer-reviews h3{
	font-weight:bold;
	color:#000;
	}

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


#pquest{
	padding:1%;
	}

.aw-pq2-list__question-item{
	margin-top:50px;
	}

@media only screen and (max-width:770px){
	#Frage{
		text-transform:uppercase;
		}
	.aw-pq2-list__add-question-button{
		width:100%;
		}
}

@media only screen and (min-width:770px){
	.aw-pq2-list__add-question-button{
		margin-top:-0.2%;
		margin-bottom:1%;
		}
}

.aw-pq2-form__label{
	font-weight:normal;
	}

.product-options dd select{
	margin-top:2%;
	margin-bottom:2%;
	height:40px;
	font-size:1.3125rem;
	}

.h2-top-angebote{
	font-size: 1.25rem !important;
	font-weight: normal !important;
  border-bottom: none;
}
.cms-home .h2-top-angebote {
  font-size: 1.3125rem !important;
}

  /*********************************************** Heading-Anpassungen ***/
  /**************************************** Balken neben Überschirften ***/
.cms-home .h2-top-angebote {
  text-transform: uppercase;
}
@media only screen and (max-width: 1000px) {
	.h2-top-angebote {
		display: block;
	}
	.h2-top-angebote:after {
		content: "";
		display: block;
		width: 100%;
		background-color: #ccc;
		height: 1px;
		margin: 5px auto 0;
		text-align: center;
	}
}
@media only screen and (min-width: 1001px) {
	.h2-top-angebote {
		align-items: center;
		display: flex;
		justify-content: center;
	}
	.h2-top-angebote:after, .h2-top-angebote:before {
		background: #ccc;
		content: "";
		flex: 1 1 auto;
		height: 1px;
	}
	.h2-top-angebote:before{
		border-right: 25px solid #fff;
	}
	.h2-top-angebote:after {
		border-left: 25px solid #fff;
	}
}

@media only screen and (max-width:1100px){
	.hidetablet{
		display:none !important;
		}
}

@media only screen and (max-width:900px){
	.flexslider-startaugust{
		font-size:0.6875rem !important;
		}
	.flexslider-startaugust h2{
		font-size:1.5rem !important;
		}
	.sw-flexslider .slides .bottom-right-animated-caption, .sw-flexslider .slides .bottom-left-animated-caption{
		bottom:5%;
		width:70%;
		top:auto !important;
		}
}

@media only screen and (max-width:600px){
	.products-grid > li{
		width:48%;
		margin:1% !important;
		}
	.prodov{
		width:100%;
		}
	.flexslider-startaugust .slides .slider-title{
		display:none !important;
		}
	.starttext{
		width:90%;
		float:none;
		}
	.gespart{
		font-size:0.5625rem;
		}
}


/* .jubimobile{display:none !important;} */

#v-cookielaw .v-actions{
	width:auto;
	}

#v-cookielaw .v-message{
	width:70%;
	}

.v-button{
	background-color:#4d4d4d !important;
	background-image:none !important;
	text-shadow:none !important;
	border:none !important;
	border-radius:0px !important;
	}

.v-button:hover{
	background-color:#aaaaaa !important;
	}

#v-cookielaw .v-message a {
	color: #fff;
	text-decoration: underline;
	}

@media only screen and (max-width:800px){
	.v-button{
		margin:1%;
		}
}

@media only screen and (min-width:800px){
	.whatsapp-li{
		display:none;
		}
}

@media only screen and (max-width:800px){
	.link-whatsapp{
		background-image:none !important;
		}
	.link-whatsapp img{
		display:block !important;
		height:24px;
		width:24px;
		}
	.whatsapp-li{padding:0 !important;
	}
}

@media only screen and (max-width:1000px){
 	ul.products-grid li.item{
	float:left;
	display:inline-block;
	}
}

@media only screen and (max-width:1000px){
	.products-grid > li:nth-child(3n+1){
		clear:none;
		}
}

.opc .form-list .control input.radio{
	margin-top:9px;
	}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text{
	padding:0;
	}

.angabecat{
	margin:0;
	font-size:0.6875rem;
	text-align:right;
	padding-bottom:1%;
	}

#co-shipping-method-form fieldset{
	width:100%;
	padding:5px 1.5%;
	-moz-box-sizing:border-box
	;box-sizing:border-box;
	}

.stockstate-notonline{
	font-weight:400;
	padding:12px;
	background-image:url(https://www.megabike24.de/skin/frontend/rwd/megabike/images/stockstate-red.jpg);
	background-repeat:no-repeat;
	}

#opc-login .form-list li.control{
	padding:0 !important;
	}

#opc-login .form-list li.control label{
	padding:3% 2%;
	width:290px !important;
	}

#opc-login .form-list li.control input{
	display:none;
	}

#opc-login .form-list li.control input:checked + label{
	box-shadow:inset 0px 0px 2px #000;
	}

.control label .fa{
	display:none;
	}

#opc-login .form-list li.control input:checked + label .fa{
	display:inline;
	color:green;
	text-align:right;
	float:right;
	padding-top:3px;
	}

#header-account .fa, .button.btn-cart .fa, .menu .fa, .topbalken .fa{
	font-size:0.875rem;
	}

.order-id{
	padding:2%;
	line-height:1.5;
	}

.tab-content.youtube{
	width:48%;
	display:inline-table;
	min-height:350px;
	vertical-align:top;
	}

@media only screen and (max-width:1000px){
	.tab-content.youtube{
		width:100%;
		}
	.logo .small {
		width:40%;
		}
}

@media only screen and (max-width:400px){
	.little{
		font-size:0.625rem !important;
		line-height:220% !important;
		}
}

.ui-widget{
	font-family:"Helvetica Neue",Verdana,Arial,sans-serif;
	}

iframe[name="google_conversion_frame"]{
	display:block;
	height:0;
	}

.headline{
	background:#fff;
	color:#000 !important;
	border-bottom: 1px solid #ccc !important;
	font-size:1.125rem;
	padding:5px 0px;
	font-weight:normal !important;
	}

/*Language-Container maximale Breite beschränken*/

.header-language-background {
	max-width: 100%;
	}

.vershigh, .verslist, .versprod{
	background-color:#13b910;
	color:#fff;
	text-align:center;
	}

/*Cookie-Anpassung Mobil*/
#v-cookielaw.v-bar .v-actions {
  text-align: center;
}
@media only screen and (max-width: 1000px) {
  #v-cookielaw.v-bar {
    padding: 10px;
  }
  #v-cookielaw.v-bar .v-actions {
    padding: 10px;
  }
  #v-cookielaw .v-button {
    margin: 5px;
  }
}
@media only screen and (max-width:480px){
	#v-cookielaw .v-message, #v-cookielaw.v-bar .v-actions {
		width:100%;
		}
	#v-cookielaw .v-actions {
		display:inline-block !important;
		margin:auto;
		float:none;
		text-align: center !important;
		}
}
.aw-ln-clear-all {
	position:relative !important;
	}

.block-layered-nav .block-subtitle--filter:hover {
	background-color:#4d4d4d;
	color:#fff;
	}
.price-box {
	margin:0;
}
.products-grid .price-box {
	float: left;
	width: 100%;
}
.zahlungfooter {
    width: 50%;
    float: left;
    min-height: 60px;
}

.zahlungfooter img {
    height: 25px;
    width: auto !important;
}


/*Bike-Friday

.skip-link {
	background:transparent;
}

.prozente {
    filter: grayscale(1);
}

@media only screen and (min-width: 770px){
	.logo {
		margin-bottom: -40px;
	}
	div.menu a:link, div.menu a:visited {
    color: #fff !important;
    background: transparent !important;
	}
	.extralink span {
		color:#000;

	}
	.extralink:hover .menu {

		background: #f1f1f1 !important;
	}
	.extralink:hover span {
		color: #636363 !important;
	}

	#custommenu {
		border:none !important;
	}
}
*/

.extralink {
   display: none;
}

/************************************************************************** Trusted Shop ***/
.trusted {
	text-align:center;
}
.etrusted-badge-container {
  z-index: 3 !important;
}
.etrusted-badge-container--visible {
    bottom: 0 !important;
    transform: translateY(-10px) !important;
    transition: transform 300ms linear !important;
}
.etrusted-badge-container--hidden {
    bottom: 0 !important;
    transform: translateY(70px) !important;
    transition: transform 300ms linear !important;
}
@media only screen and (min-width: 600px) and (max-width: 1435px) {
  .etrusted-badge-container {
    display: block !important;
  }
}

.trusted a {
	display:inline !important;
}

/**************************************** !!! ACHTUNG !!! Neuer Badge 2020 ***/
/*****************************************************************************/
@media only screen and (min-width: 1001px) {
  div[id*="minimized-trustbadge-"], div[id*="maximized-trustbadge-"],
  div[id*="minimized-trustbadge-"]:hover, div[id*="maximized-trustbadge-"]:hover
   {
    top:170px !important;
    bottom:auto !important;
    right:0 !important;
  }
}
@media only screen and (min-width: 640px) {
  div[id*="trustbadge-container"] {
    z-index: 0 !important;
  }
}



#tsbadge4_db8d3657bdbe440c985ae127463eaad4 {
    bottom: 66% !important;
}

@media only screen and (max-width:1435px){
	#tsbadge4_db8d3657bdbe440c985ae127463eaad4 {
    display:none !important;
}
}
@media only screen and (max-width: 648px) {
  div[id*="minimized-trustbadge-"] {
    bottom: 20px !important;
  }
}
@media only screen and (min-width: 649px) and (max-width: 1000px) {
  div[id*="minimized-trustbadge-"], div[id*="minimized-trustbadge-"]:hover {
    bottom: 100px !important;
  }
}
@media only screen and (max-width:770px){
#header-account .trusted {
    max-width: 200px;
    margin: auto;
}
#header-account.skip-active {
	position:absolute !important;
	top:unset !important;
}
 .clickandcollectmob {
  display:none !important;
 }
}

.block-compare .close.skip-link-close {
    font-size: 1.15625rem;
    font-weight: normal;
    margin-right: 3px !important;
    cursor: pointer;
}

.block-compare .product-viewed .icon {
    background-position: 0px -145px;
    background-image: url(/skin/frontend/rwd/megabike/images/icon_sprite.png);
    background-repeat: no-repeat;
    float: left;
    width: 20px;
    height: 20px;
    background-size: 60px;
    display: inline-block;
    margin-right: 5px;
}

.block-compare .product-viewed .span {
	display:inline-block;
}

.block-compare .product-viewed span {
	display:inline-block;
}

/******************** Breadcrumbs **********/
/*******************************************/
.breadcrumbs {
  margin-top: 20px;
  margin-bottom: 15px;
  box-shadow: 1px 1px 4px #ccc;
  padding: 10px;

}
.breadcrumbs li {
	font-size: 0.875rem;
	margin-right:0;
}
.breadcrumbs span {
    padding: 0 10px;
}
.breadcrumbs a {
  color: #666666;
}
@media only screen and (max-width:1000px){
  .breadcrumbs {
    /* display: none; */
  	margin-top:0px;
  	margin-bottom:0px;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
      padding-top: 0;
  }
  div.breadcrumbs li strong {
    font-size: 0.75rem;
  }
  .breadcrumbs li {
    display:none;
    font-size: 0.75rem;
  }
  .breadcrumbs li.show {
    display:block;
  }
  .breadcrumbs li.show span.hidespan {
    display: none;
  }
  .breadcrumbs li.show.makemebold {
    font-weight: bold;
  }
}

#header-account [class^="megaicon-"] {
    font-size: 1.3rem;
    vertical-align: middle;
    padding-bottom: 3px;
}

/**Header responsiv für 1000px alle Seiten*/

@media only screen and (min-width:1001px) {
#header-search {
  width:40% !important;
	display:block;
	position:absolute;
	left:25% !important;
	height: 50px;
	padding:0;
	top: 0 !important;
	}
}

@media only screen and (max-width:1000px) {
	#header-nav {
		display: none;
	}
}

 @media only screen and (min-width:1001px){
	.moblogo.tel.logo {
		display:none !important;
	}
}

@media only screen and (max-width:1000px) {
	.logo .large {
		display:none;
	}
}

@media only screen and (min-width:770px) and (max-width:1000px) {
	.logo {
		display:none;
}
}
@media only screen and (min-width:771px) {
	.logo {
		min-height:15px;
}
}

@media only screen and (min-width:771px) and (max-width:1000px) {
	.page-header {
		padding:0px !important;
}
}
/**********Suchenbalken im Header - plus mobile Version*********/


#aw-ln-filters {
  border-color: #4d4d4d;
  border-style: solid;
  border-width: 1px;
  line-height: 0.9em;
}

#search_mini_form #search {
    font-weight: normal;
    border-color: #ccc;
}

.aw-ln-filter-options-fromto input {
  height: 2em !important;
	width: 70px !important;
}

@media only screen and (max-width:1000px){
  #aw-ln-filters {
  margin-top:20px;
  line-height: 1em;
  }
  #header-search {
    display: block;
    position: relative;
    width: 94% !important;
    height: auto;
  	float:none;
  	margin:auto;
  }
  #search_mini_form .search-button {
      top: 0px;
      margin-top: 0;
      left: 0;
      height: 110%;
      width: 100%;
      display: none;
      position: relative;
      background: #4D4D4D !important;
      border-radius: 0 !important;
  }
  #search_mini_form .search-button::before {
      background-position: 50% 0;
      background-image: none;
      background-color: #4D4D4D;
      width: 35px;
      border-width: 0 0 0 1px;
      border-style: none;
      margin-bottom: 0 !important;
      height: auto !important;
      top: 0;
      bottom: 0;
      margin-top: 0;
      position: relative;
  }
  #search_mini_form .search-button {
      text-indent: 0px;
  	margin-top:1%;
  }
  #search {
  	width:100%;
  	border-radius: 0;
  	height: 2em;
  	margin-bottom: 20px;
  }
  #header-search {
  	padding:0;
  	padding-bottom:0;
  }
}


	/**Allgemein**/

/******** googlerecaptcha*******/

@media only screen and (max-width: 480px){
  .recaptcha {margin: 5%;}
}
/******************************/

 .blocksatz {
	 text-align:justify;
}


/********** langsames Laden der Bilder ******/
.lazy {
	opacity: 0;
	transition: opacity 1s ease-in;
}


/** Allgemein grafisches Element=Strich, h2 (ohne text) mit Unterstrich (z.b. um Kapitel zu trennen)**/
.h2-strich {
	width:100%;
	border-bottom: 1px solid #ccc;
	margin:0;
}

/** h2 mit text und Unterstrich **/
.h2-text-strich {
	width:100%;
	border-bottom: 1px solid #ccc;
	margin:0;
	padding-bottom:1%;
	margin-bottom:2%;


}


/********************  Blaue Links andere Farbe ***/
/**********************************************************/
.agb-text a {
    color: #0000ff !important;
}



/***************************************** Heading zentriert mit Border links uns rechts ***/
/*******************************************************************************************/
.border-center {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  margin-bottom: 15px !important;
  margin-top: 30px;
  font-weight: 500 !important;
  font-size: 1.25rem;
}
.border-center + .zweispaltig-links,
.border-center + .zweispaltig-links + .zweispaltig-rechts,
.border-center + .zweispaltig-links-20-80,
.border-center + .zweispaltig-links-20-80 + .zweispaltig-rechts-20-80,
.border-center + .zweispaltig-links h3,
.border-center + .zweispaltig-links + .zweispaltig-rechts h3 {
    margin-top: 0;
}
.einspaltig h2.border-center:before,
.zweispaltig h2.border-center:before,
.dreispaltig h2.border-center:before,
.vierspaltig h2.border-center:before,
.zubehoer-marken .border-center:before,
.kategorien.catimagesmenu .border-center:before{
  border-right: 25px solid #fff;
  background:#ccc;
  content: "";
  flex: 1 1 auto;
  height: 1px;
}
.einspaltig h2.border-center:after,
.zweispaltig h2.border-center:after,
.dreispaltig h2.border-center:after,
.vierspaltig h2.border-center:after,
.zubehoer-marken .border-center:after,
.kategorien.catimagesmenu .border-center:after {
  border-left: 25px solid #fff;
  background:#ccc;
  content: "";
  flex: 1 1 auto;
  height: 1px;
}
@media only screen and (max-width: 600px) {
  .einspaltig h2.border-center:before, .einspaltig h2.border-center:after,
  .zweispaltig h2.border-center:before, .zweispaltig h2.border-center:after,
  .dreispaltig h2.border-center:before, .dreispaltig h2.border-center:after,
  .vierspaltig h2.border-center:before, .vierspaltig h2.border-center:after,
  .zubehoer-marken .border-center:before, .zubehoer-marken .border-center:after,
  .kategorien.catimagesmenu .border-center:before, .kategorien.catimagesmenu .border-center:after {
    display: none;
  }
  .einspaltig h2.border-center,
  .zweispaltig h2.border-center,
  .dreispaltig h2.border-center,
  .vierspaltig h2.border-center,
  .zubehoer-marken .border-center,
  .kategorien.catimagesmenu .border-center {
    border-bottom: 1px solid #ccc;
    padding-bottom: 2px;
  }
}
.category-bikeleasing-service .border-center:before, .category-bikeleasing-service .border-center:after {
  background: #9BCB3B !important;
}
.category-jobrad .border-center:before, .category-jobrad .border-center:after {
  background: #4c8b33 !important;
}
.category-businessbike .border-center:before, .category-businessbike .border-center:after {
  background: rgb(172,216,255) !important;
}

/********************  Seite Einspaltig ***/
/******************************************/
.einspaltig {
	width:100%;
	float:left;
  margin-bottom: 40px;
  text-align: left;
}
.einspaltig img {
  margin-bottom: 0px;
  transition:  opacity 1s ease-in;
  width: 100%;
}
.einspaltig-logo-klein img{
	width:200px;
	height:auto;
	margin: 0;
	opacity:1;
}
.einspaltig-logo-klein + .border-center {
  margin-top: 0px;
}
.category-e-bike-motoren .einspaltig-logo-klein {
  text-align: center;
  margin-top: 30px;
}
.einspaltig ul {
  margin-bottom: 10px;
}
.einspaltig ul li {
  list-style: inside;
  margin-left: 15px;
}


/********************  Seite Zweispaltig ***/
/********************************************/
.zweispaltig {
	float:left;
	margin-bottom:40px;
	text-align: justify;
  width: 100%;
}
.zweispaltig .h2-text-strich {
  text-align: left;
  padding-bottom: 0;
}
.zweispaltig h2,
.zweispaltig h3,
.zweispaltig h4 {
  margin-bottom: 0;
}
.zweispaltig h3 {
  margin-top: 5px;
}
.zweispaltig > .h2-strich {
  margin-top: 30px !important;
}
.zweispaltig p,
.zweispaltig p strong {
  font-size: 0.875rem;
  text-align: justify;
  line-height: 1.5rem;
  margin-bottom: 10px;
}
.zweispaltig ul {
  margin-top: 0px;
  margin-bottom: 15px;
  list-style: disc;
  margin-left: 15px;
  text-align: left;
}
.zweispaltig ul li {
  font-size: 0.875rem;
}
.zweispaltig li {
  margin: 0 0;
  font-size: 0.875rem;
}
.zweispaltig img {
	width: 100%;
}
.zweispaltig-rechts .video-container-wrapper .video-container,
 .zweispaltig-links .video-container-wrapper .video-container {
    margin-top: -15px;
}
.zweispaltig a {
	text-decoration: underline;
  text-decoration-skip-ink: auto;
  transition: all 0.25s ease;
}
.zweispaltig a:hover {
  color: gray;
  transition: all 0.25s ease;
}
.zweispaltig-links {
  margin-right:2%;
  width:48%;
  float: left;
  text-align: justify;
}
 .zweispaltig-links img {
	width:100%;
	position:relative;
}
.zweispaltig-rechts {
  margin-left:2%;
  width:48%;
  float: left;
  text-align: justify;
}
.zweispaltig-rechts img {
	width:100%;
	position:relative;
}

/******************** zweispaltig umlaufend 50-50 ***/
/****************************************************/
.zweispaltig-umlaufend-bild-links img {
 width: 48%;
 margin-right: 4%;
 float: left;
 margin-bottom: 2%;
 margin-top:6px;
}
.zweispaltig-umlaufend-bild-rechts img,
.zweispaltig-umlaufend-bild-rechts > .video-container-wrapper,
.zweispaltig-umlaufend-bild-rechts .tabelle-fahrradversicherung {
 width: 48%;
 margin-left: 4%;
 float: right;
 margin-top:6px;
}
.zweispaltig-umlaufend-bild-rechts > .video-container-wrapper {
  width: 60%;
}
.zweispaltig-umlaufend-bild-rechts .tabelle-fahrradversicherung {
  width: 70%;
}

/******************** Zweispaltig Media Queries ***/
/**************************************************/
@media only screen and (max-width: 1400px) {
  .zweispaltig-umlaufend-bild-rechts > .video-container-wrapper,
  .zweispaltig-umlaufend-bild-rechts .tabelle-fahrradversicherung {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
@media only screen and (max-width: 768px) {
  .zweispaltig-umlaufend-bild-links,
  .zweispaltig-umlaufend-bild-rechts {
    display: flex;
    flex-direction: column;
  }

 .zweispaltig-umlaufend-bild-links img,
 .zweispaltig-umlaufend-bild-rechts img {
   width: 100%;
   margin-bottom: 0px;
   margin: 0px 0 20px;
 }
}
@media only screen and (max-width: 1000px) {
  .zweispaltig-links,
  .zweispaltig-rechts  {
    width:100%;

  }
  .zweispaltig-links {
    margin-bottom: 40px;
  }
  .zweispaltig p {
    font-size: 0.9375rem;
  }
  .zweispaltig h2,
  .zweispaltig h3,
  .zweispaltig h4 {
    margin: 20px 0 5px 0;
  }
  .zweispaltig p {font-size: 0.9375rem;}
  .zweispaltig p strong {font-size: 0.9375rem;}
  .zweispaltig ul li {font-size:0.9375rem;}
  .zweispaltig p {margin-bottom: 20px;}
}



/******************** zweispaltig umlaufend 70-30 ***/
/****************************************************/
.zweispaltig-umlaufend-70-30-bild-rechts {
    font-size: 0.875rem;
}
.zweispaltig-umlaufend-70-30-bild-rechts img{  /*Bild ist 30% groß, Text 70%, Bild steht rechts*/
	width: 30%;
	margin-left: 3%;
	float: right;
	margin-top: 7px;
}
.zweispaltig-umlaufend-70-30-bild-links {
    font-size: 0.875rem;
}
.zweispaltig-umlaufend-70-30-bild-links img{ /*Bild ist 30% groß, Text 70%, Bild steht links*/
	width: 30%;
	margin-right: 3%;
	float: left;
	margin-top: 7px;
}

@media only screen and (max-width:500px) {
  .zweispaltig-umlaufend-70-30-bild-rechts img, .zweispaltig-umlaufend-70-30-bild-links img{
      width: 100%;
      margin: 0 0 20px 0;
  }
}
@media only screen and (min-width: 500px) and (max-width: 1000px) {
  .zweispaltig-umlaufend-70-30-bild-rechts img, .zweispaltig-umlaufend-70-30-bild-links img{
      width: 50%;
  }
}

/******************** Verhältnis 70-30** (reihenfolge der Inhalte beachten!!! ***/
/********************************************************************************/
.zweispaltig-70-30-links {
	width: auto;
	text-align: justify;
	vertical-align: top;
	display: table-cell;
	padding-right: 5%;
  font-size: 0.875rem;
}
.zweispaltig-70-30-links h2:first-of-type {
  margin-top: 0px;
}
.zweispaltig-70-30-rechts {
	text-align: left;
	display: table-cell;
	width: 30%;
}
.zweispaltig-70-30-rechts img {
	width:100%;
	float: left;
	margin-left: 1%;
	margin-bottom:1%;
}
.zweispaltig-70-30-rechts-2 {
	text-align: left;
	display: table-cell;
	width: 35%;
}
.zweispaltig-70-30-rechts-2 img {
	width: 49%;
	border: 1px solid #ccc;
	margin-top: 30px;
	float: left;
	margin-left: 1%;
	margin-bottom:1%;
}
.zweispaltig-70-30-links table {
  width:100%;
}

@media only screen and (max-width:1000px){
  .zweispaltig-70-30-links {
    display:block;
    width:100%;
    font-size: 1rem;
  }
  .zweispaltig-70-30-rechts {
    display:block;
    width:100%;
  }
  .zweispaltig-70-30-rechts-2 img {
  	margin-top:0;
  	margin-left: 0;
    margin-right: 1%;
  }
  .h2-strich {
    border: none;
  }
}


/******************** Verhältnis 30-70** (reihenfolge der Inhalte beachten !!) ***/
/*********************************************************************************/
.zweispaltig-30-70-links {
	text-align: left;
	display: table-cell;
	width: 35%;
}
.zweispaltig-30-70-links img {
	width:100%;
	border: 1px solid #ccc;
	margin-top: 40px;
	float: left;
	margin-right: 1%;
	margin-bottom:1%;
}
.zweispaltig-30-70-links-2 {
	text-align: left;
	display: table-cell;
	width: 35%;
}
.zweispaltig-30-70-links-2 img{
	width: 49%;
	border: 1px solid #ccc;
	margin-top:12%;
	float: left;
	margin-right: 1%;
	margin-bottom:1%;
}
.zweispaltig-30-70-rechts {
	width: auto;
	text-align: justify;
	vertical-align: top;
	display: table-cell;
	padding-left: 2%;
  font-size: 0.875rem;
}
.zweispaltig-30-70-rechts h2:first-of-type {
  margin-top: 0px;
}
@media only screen and (max-width:1000px){
  .zweispaltig-30-70-rechts {
    display:block;
    width:100%;
    font-size: 1rem;
  }
  .zweispaltig-30-70-links {
    display:block;
    width:100%;
  }
  .zweispaltig-30-70-links-2 img {
    margin-top:0;
    margin-left: 0;
    margin-left: 1%;
  }
  .h2-strich {
    border: none;
  }
}


 /******************** zweispaltig mit icon links ***/
 /***************************************************/
 .zweispaltig-text-rechts-icon-links {
   width: 92%;
   float: right;
   margin-bottom: 1%;
   margin-top: 10px;
 }
 .zweispaltig-text-rechts-icon-links h3 {
	 margin:0;
 }
 .zweispaltig-icon-links {
	 width: 7%;
	 float:left;
 }
  .zweispaltig-icon-links img {
    margin-top: 10px;
  }
  @media only screen and (max-width:750px) {
	  .zweispaltig-icon-links {
		  width: 14%
	  }
	  .zweispaltig-text-rechts-icon-links {
		  width: 85%;
	  }
  }


/******************** zweispaltig-responsiv ***/
/**********************************************/
@media only screen and (max-width:1000px) {
	.zweispaltig-links{
		width:100%;
		}
	.zweispaltig-rechts {
		width: 100%;
		margin-left: 0;
		}
}


/******************** zweispaltig mit bild umlaufend - rechts und links (seite Zahlungsarten) ***/
/************************************************************************************************/

.zweispaltig-bild {
  display:flex;
}

.zweispaltig-bild-links {
 width: 48%;
 margin-right: 1%;
 margin-bottom: 2%;
}
.zweispaltig-bild-links img {
 float: left;
 width: auto;
 height: auto;
 margin-right:3%;
 margin-bottom:3%;
 margin-top: 3%;
}
.zweispaltig-bild-rechts {
 width: 48%;
 float: right;
 margin-left: 3%;
 margin-bottom: 2%;
}
.zweispaltig-bild-rechts img {
 float: left;
 width: auto;
 height:auto;
 margin-right: 3%;
 margin-bottom:3%;
 margin-top: 3%;
}

@media only screen and (max-width:1000px){
 .zweispaltig-bild {
   display:block;
 }
 .zweispaltig-bild-links {
   margin-bottom: 5%;
   width:100%;
 }
 .zweispaltig-bild-rechts {
   width:100%;
   margin-bottom: 5%;
 }
 .zweispaltig-bild-links img{
   margin-top: 4%;
    margin-bottom: 1%;
 }
 .zweispaltig-bild-rechts img {
   margin-top: 4%;
   margin-bottom: 1%;
 }
}


/******************** Verhältnis 20-80 ***/
/*****************************************/
.zweispaltig-links-20-80 {width: 18%; max-width:100px;margin-top:20px;}
.zweispaltig-rechts-20-80 {width: 78%;margin-top:20px;}
@media only screen and (max-width:400px) {
  .zweispaltig-links-20-80, .zweispaltig-rechts-20-80 {width:100%;}
}

/******************** dreispaltig ***/
/************************************/
.dreispaltig {
	float:left;
	width:100%;
	text-align:justify;
  margin-bottom: 20px;
}
.dreispaltig h2,
.dreispaltig h3,
.dreispaltig h4 {
	text-align: center;
 }
 .dreispaltig h3 {
   margin-bottom: 10px;
 }
 .dreispaltig .h2-text-strich {
	 text-align:center;
   margin-bottom: 10px;
   padding-bottom: 5px;
 }
 .cms-home .dreispaltig {
   margin-bottom: 0;
 }
 .cms-home .dreispaltig .h2-text-strich {
   margin-top: 30px;
 }
@media only screen and (min-width: 1001px) {
  .dreispaltig h3 {
    min-height: 45px;
  }
}
@media only screen and (min-width: 1401px) {
  .dreispaltig h3 {
    min-height: 0px;
  }
}
.dreispaltig ul {
	margin:2%;
	width: 100%;
	float: left;
	margin-top: 0.5%;
	margin-bottom: 0.5%
}
.dreispaltig li {
	list-style: inside;
  text-align: initial;
  hyphens: auto;
}
.dreispaltig img {
	width:100%;
  margin-bottom: 10px;
}
.dreispaltig a {
	text-decoration: underline;
  text-decoration-skip-ink: auto;
  text-decoration-color: gray;
}
.dreispaltig-links,
.dreispaltig-rechts {
	 width:31%;
	 float:left;
   margin-bottom: 20px;
}
.dreispaltig-mitte {
	width:31%;
	margin: 0 3.5% 20px 3.5%;
	float:left;
}

/******************** dreispaltig-text auf responstiv ***/
/********************************************************/
@media only screen and (max-width:1000px) {
	.dreispaltig-links,
	.dreispaltig-rechts,
	.dreispaltig-mitte {
		width: 100%;
		margin: 5px auto;
  }
}


/*** Text auf Bild ***/
.dreispaltig .montage-picture,
.dreispaltig .beratung-picture,
.dreispaltig .trend-picture,
.dreispaltig .fmodern-picture,
.dreispaltig .ueberuns-picture,
.dreispaltig .angebot-picture {
    position: relative;
}
.cms-home .dreispaltig h3 {
  background: rgba(0, 0, 0, 0.5);
  margin-bottom: 0;
  padding: 10px 0;
  color: #fff;
  position: absolute;
  display: table;
  width: 100%;
  bottom: 0;
  font-weight: 500;
  font-size: 1.25rem;
  margin-bottom: 0 !important;
}
.cms-home .dreispaltig img {
  margin-bottom: 10px;
  display: block;
  width: 100%;
}


/******************** Therapieräder ***/
/**************************************/
body[class*="categorypath-fahrrad-therapierad-"] .spezialraeder-zusatzbilder {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}
body[class*="categorypath-fahrrad-therapierad-"] .dreispaltig h3 {text-align: left;}
body[class*="categorypath-fahrrad-therapierad-"] .spezialraeder-zusatzbilder img {
  width: 250px;
}
@media only screen and (max-width: 1000px) {
	body[class*="categorypath-fahrrad-therapierad-"] .dreispaltig img {
		width: 100%;
    max-width: 400px;
    display: block;
    margin: auto;
	}
  body[class*="categorypath-fahrrad-therapierad-"] .dreispaltig-links,
  body[class*="categorypath-fahrrad-therapierad-"] .dreispaltig-mitte,
  body[class*="categorypath-fahrrad-therapierad-"] .dreispaltig-rechts {margin-bottom: 0; margin-top: 0;}
  body[class*="categorypath-fahrrad-therapierad-"] .dreispaltig ul {margin-bottom: 0; margin-top: 0;}
}


/******************** vierspaltig ***/
/************************************/
.vierspaltig {
  float: left;
  margin-bottom: 20px;
  width: 100%;
  font-size: 0.875rem;
}
.vierspaltig h2 {
  margin-bottom: 10px;
}
.vierspaltig ul li {
  list-style: inside;
  text-align: left;
}
.vierspaltig-links,
.vierspaltig-links-mitte,
.vierspaltig-rechts-mitte {
  margin-right: 2%;
  width: 23.5%;
  float: left;
}
.vierspaltig-rechts {
  width: 23.5%;
  float: left;
}
@media only screen and (max-width: 500px) {
  .vierspaltig-links,
  .vierspaltig-links-mitte,
  .vierspaltig-rechts-mitte,
  .vierspaltig-rechts {
    width: 100%;
  }
}
@media (min-width: 501px) and (max-width: 1500px) {
  .vierspaltig-links,
  .vierspaltig-links-mitte,
  .vierspaltig-rechts-mitte,
  .vierspaltig-rechts {
     width: 48%
  }
  @media only screen and (max-width: 1000px) {
    .vierspaltig {font-size: 1rem;}
  }
}



/*******Startseite******responsiv : schneller Versand usw******/
.respbalken {
  display: none;
	/*display: flex;*/
	width: 100%;
	justify-content: center;
	font-weight: bold;
	font-family: "Helvetica Neue",Verdana,Arial,sans-serif;
	margin-bottom: 25px;
	font-size:0.8125rem;
}
@media only screen and (min-width:1000px){
	.respbalken {display:none;}
}


 /***********************Startseite*****Slider und Produkte*************/
 .prozent_rabatt_start {
	display: block;
	position: absolute;
	margin-top: -50%;
	right:0;
	color: #fff;
	font-size: 1rem;
	border: solid 1px;
	background: #e30613;
	padding: 2%;
	font-weight: 600;
	}

.highlightslider .highlightdesc{
	width:100%;
	min-height:0;
	font-size:0.8125rem;
	}

.highlightslider .lazy,.highlightslider .prodov,.highlightslider .vershigh{
	width:100%
	}

.vershigh,.verslist,.versprod{
	color:#13b910!important;
	background-color:#fff!important;
	text-align:center
	}

.gespart{
	background-color:transparent!important;
	color:#e30613!important
	}

ul.products-grid{
	margin-top:2%
	}

.products-grid .prozente{
	margin-top:-55%;
	margin-right:5%
	}

.highlightslider .highlightfeatstart{
	margin:0 3px 5px;
	min-height:420px
	}

.highlightslider .highbanner{
	color:#e30613!important;
	background-color:#fff!important;
	text-shadow:none
	}

.highlightslider .highlightfeatstart:hover{
	transform:scale(1)
	}

.price,.price-box .price{
	font-weight:400!important;
	color:#E30613!important;
	text-shadow:none!important;
	font-size: 1.125rem !important;
	}

.products-grid .product-name-modell{
	font-size: 0.875rem;
	}

.price_old_price .price,.price_old_price1 .price{
	color:#4d4d4d!important;
	font-size: 1.125rem;
	}

.hoehen{
	display:none
	}

.highlightslider .highdesctext{
	font-size:1rem;
	display:block
	}

.product-info-home .tax-details,.products-grid .actions{
	display:none
	}

.products-grid .gespart,.products-grid .markenimage{
	margin:auto;
	float:none
	}

.highlightslider .slick-next::before,.highlightslider .slick-prev::before{
	color:#4d4d4d
}

.highlightslider .pricehighlight{
	line-height:1.5em
	}

.products-grid.products-grid--max-4-col>li{
	width:24.5%!important;
	margin:0!important
	}

.product-info-home .markenimage{
	margin:0 0 0 -20px
	}

.products-grid .product-name a{
	width:100%;
	text-align:center;
	float:left;
	margin:auto
	}

@media only screen and (max-width:1000px){
	.prozent_rabatt_start {
		margin-top: -1.3em;
		}
	.vershigh,.verslist,.versprod{
		font-size: 0.6875rem !important;
		}
	.price_old_price .price,.price_old_price1 .price{
		font-size: 0.9375rem !important;
		}
	.price,.price-box .price{
		font-size: 1.125rem !important;
		}
	.products-grid.products-grid--max-4-col>li{
		width:50%!important
		}
	.highlightslider .highlightfeatstart{
		min-height:360px
		}
	ul.products-grid li.item{
		width:95%!important;
		float:none
		;border:1px solid #ccc;
		line-height:1.2em
		}
	ul.products-grid li.item .product-image,ul.products-grid li.item .product-info,ul.products-grid li.item .product-info-home{
		float:left;
		width:50%!important
		}
	.prozente{
		display:none
		}
}


.std p:first-of-type{
	margin:0 0 .5em
	}

.product-info-home .markenimage{
	height:1.5em!important;
	width:auto!important;
	padding-top:7px
	}


/******************************** ANFANG Startseite - Kacheln ***/
/****************************************************************/
.cms-home .kategorien {
	width: 100%;
	float: left;
	text-align: center;
	display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 40px;
	}
.cms-home .kategorien .catlist-item {
	float: none;
	margin: 0;
	display: inline-block;
	position:relative;
}
.cms-home .kategorien .catlist-item {
  width: 24.5%;
  margin-bottom: 0.75%;
}
.cms-home .kategorien .catlist-item:nth-child(4n+4) {
  margin-right:0;
}
.cms-home .kategorien .catbild {
  display:block;
	max-height: 100%;
	transition: 0.3s;
	width:100%;
  z-index: 2;
}
.cms-home .kategorien .catbild:hover {
	opacity:1 !important;
}
.cms-home .kategorien .catname {
  font-size: 1.25rem;
	width: 100%;
	/* height: 3em; */
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	color: #fff;
	display: table;
	transition:0.3s;
	/* text-transform:uppercase; */
	font-weight:normal;
	bottom:0;
	}
.catname span {
    vertical-align: middle;
    display: table-cell;
    padding: 10px 0;
}
body[class*="categorypath-beratung-"] .catname span {
  padding: 0;
}

.cms-home .kategorien .catlist-item:hover .catname {
	background-color: rgba(0, 0, 0, 0.7);
	text-shadow: none;
}
.cms-home .kategorien .catlist-item a:hover span {color:#fff;}
.cms-home .kategorien .catlist-item a .catname span::before {display:none;}
@media only screen and (max-width: 1200px) {
  .cms-home .kategorien {
    float: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0;
  }
	.cms-home .kategorien .catlist-item {
		width: 49.5%;
		margin:0;
		float:none;
		margin-bottom: 0.5%;
	}
  .cms-home .kategorien .catlist-item:nth-child(2n+2){
    margin-right: 0;
  }
  .cms-home .kategorien .catlist-item a:hover {
    text-decoration: none;
}
  .cms-home .kategorien .catname {
    text-shadow: none;
    background: rgba(2,2,2,0.8);
  }
}

@media only screen and (max-width: 400px) {
  .cms-home .kategorien .catname {
    font-size: 1rem;
    text-transform: none;
  }
  .cms-home .kategorien .catlist-item {
    width:100%;
  }
}
@media only screen and (max-width: 999px) {
  .cms-home .kategorien  {
    margin-top: 5px;
  }
}
/******************************** ENDE Startseite - Kacheln ***/


/******************************** ANFANG Beratung - Kacheln ***/
/****************************************************************/
.kategorien.beratung-kacheln {
	width: 100%;
	float: none;
  margin-bottom: 30px;
  float:left;
}
.category-beratung .catimagesmenu {
  display: none;
}
.category-beratung div.category-image {
  display: none;
}
.kategorien.beratung-kacheln .catlist-item{
  width: 24%;
  margin: 0;
  float: none;
  display: inline-block;
  position:relative;
  text-align: center;
}
.kategorien.beratung-kacheln .catbild {
  display:block;
	max-height: 100%;
	transition: 0.3s;
	width:100%;
  z-index: 2;
}
.kategorien.beratung-kacheln .catbild:hover{
	opacity:1 !important;
}
.kategorien.beratung-kacheln .catname{
  font-size: 1.25rem;
	width: 100%;
	/* height: 3em; */
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	color: #fff;
	display: table;
	transition:0.3s;
	/* text-transform:uppercase; */
	font-weight:normal;
	bottom:0;
  padding: 10px 0;
	}
.kategorien.beratung-kacheln .catname {
  font-size: 1.25rem;
}
.kategorien.beratung-kacheln .catlist-item:hover .catname{
	background-color: rgba(0, 0, 0, 0.7);
	text-shadow: none;
}
.kategorien.beratung-kacheln .catlist-item a:hover span{color:#fff;}
.kategorien.beratung-kacheln .catlist-item a span:after,
.kategorien.beratung-kacheln .catlist-item a .catname span::before{display:none;}

 @media only screen and (max-width: 500px) {
  .kategorien.beratung-kacheln .catlist-item{
   width: 100%;
 }
}
@media only screen and (min-width: 500px) and (max-width: 800px) {
  .kategorien.beratung-kacheln .catlist-item{
   width: 49%;
 }
}
@media only screen and (min-width: 801px) and (max-width: 1600px) {
  .kategorien.beratung-kacheln .catlist-item{
   width: 32%;
 }
}
@media only screen and (min-width: 1601px) and (max-width: 1800px){
  .kategorien.beratung-kacheln .catlist-item {
    width: 32.5%;
  }
}
@media only screen and (min-width: 1801px) {
  .kategorien.beratung-kacheln .catlist-item {
    width: 33%;
  }
}


/******************************** ENDE Beratung - Kacheln ***/


/*********************************************** ANFANG Kategorie-Kacheln ***/
/************************************** (Beratungsseiten und Unterseiten) ***/
.catimagesmenu {
  width: 100%;
  margin-bottom: 40px;
  float: left;
}
.catimagesmenu .catlist-item {
  text-align: center;
  /* display: inline-block; */
  float: left;
}
.catimagesmenu .catlist-item {
  margin-right: 0;
}
.catimagesmenu .catname {
 background: none;
 color: #4d4d4d;
 text-transform: none;
 font-size: 1rem;
 height:auto;
 display: inline-block;
}
body[class*="categorypath-beratung-"] .catname span::after {
  content: '\f105';
  font-family: FontAwesome;
  display: inline-block;
  color: #4d4d4d;
  margin-left: 10px;
}
@media only screen and (min-width: 1001px) {
  .catimagesmenu .catname {
    font-size: 0.875rem;
  }
}
.catimagesmenu .catname span {display: block;}
.catimagesmenu .catlist-item a {
 display: inline-block;
  box-shadow: 0 0 4px #ccc;
 text-align: center;
 padding: 8px;
 margin: 5px auto;
 text-decoration: none;
 width: 80%;
}
@media only screen and (max-width: 600px) {
  .catimagesmenu .catlist-item {
    width: 100%;
  }
  .catimagesmenu .catlist-item a {
    width: 100%;
  }
}
@media only screen and (min-width: 601px) {
  .catimagesmenu .catlist-item {
    width: 49%;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1200px) {
  .catimagesmenu .catlist-item {
    width: 100%;
  }
}
@media only screen and (min-width: 1800px) {
  .catimagesmenu .catlist-item {
    width: 33%;
  }
}
.catlist-item a:hover {
  background: #4d4d4d;
  cursor: pointer;
}
.catlist-item a:hover .catname {
  color: #fff;
}
.catlist-item a:hover .catname span:after {
  color: #fff;
}
.kategorien .catbild {
  display: none;
}
/*********************************************** ENDE Kategorie-Kacheln ***/


/************************Simlist**********/

.simlist{
	position:absolute;
	float:left;
	top:0;
	left:-88px;
	z-index:2;
	padding:2%;
	background:#fff;
	display:none;
	height:100%;
	transition:.3s;
	box-shadow:0 0px 4px 0px #ccc;
	}

.simlist img{
	max-width:75px
	}

.item:hover .simlist,.simlist a{
	display:block
	}

.item:hover{
	z-index:21!important
	}

@media only screen and (max-width:770px){
	.category-products .simlist{
		display:none!important
	}
	}

/*****************Produktvarianten - ähnliche Produkte auf Produktseite*******/

.similar {
	float:left;
	width:20%;
	padding:1%;
	display:inline-block;
	text-align:center;
	box-shadow: -1px 1px 4px #ccc;
	margin:0 5% 2% 0;
}
.similar img {
	display:block;
	margin:auto;
	max-width:100%;
}
/* .simcontainer:before {
 content:'Produktvarianten';
 text-align:left;
 font-size:1.125rem;
 float:left;
 color:#000;
 padding:0;
 border-bottom:1px #ccc solid;
 width:98%;
 margin-bottom:2%;
} */
.simcontainer {
	width:100%;
	display:inline-block;
	float:left;
	text-align:left;
	margin-left: 0;
}
.simcontainer .titel {
	text-align:center;
	font-size:1rem;
  margin-bottom: 15px;
}
.simcontainer .titel h2 {font-size: 1.125rem;}
.product-image {
	display: inline-block;
	float: left;
}
.variantadded {
	width:80%;
}
.more-views {
	float:left;
	width:100%;
}
@media only screen and (max-width:770px){
	.simcontainer, .product-image {
		width:100%;
		margin:0;
		display:block;
	}
	.simcontainer {
		text-align: center;
	}
}
@media only screen and (max-width: 1000px) {
  .simcontainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 15px;
  }
  .simcontainer .titel {
    margin-bottom: 5px;
    width: 100%;
  }
  .simcontainer .titel h2 {margin-top: 0;}
  .similar {
    float:none;
    width: 25%;
    margin: 2% 2%;
    min-width: 100px;
  }
}

/********** Beraterseite ***********/
/***********************************/


.beratermenu {
	box-shadow: 1px 1px 4px #ccc;
	padding: 0 5% 5% 5%;
	margin-right: 2%;
}
.overcat {
	float: left;
	width: 19%;
	margin: 1% 0;
	font-size: 1rem;
	border-bottom: 1px #ccc solid;
	background: #ccc;
	padding: 1%;
}
.beratermenu .cat {
	font-size: 1rem;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
	display: list-item;
	margin-top:8px;
	list-style: none;
}
.beratermenu .subcat {
	margin: 0.7em;
	margin-left:5%;
  font-size: 0.875rem;
}
.cat.current, .subcat.current {
    font-weight:bold;
}
 @media only screen and (max-width:1000px) {
	 .beratermenu {
		 display:none;
 }
 }


/*******Therapieräderseite : Das Formular***/

.rekla input[type=text], .rekla select, .rekla textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
.rekla #submit {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: left;
}

/* When moving the mouse over the submit button, add a darker green color */
.rekla #submit:hover {
    background-color: #45a049;
}


/* Add a background color and some padding around the form */
.rekla .block{
	display:none;
	height: 1em;
  font-size: 0.875rem;
}
.rekla #contactForm {
	padding:0;
  margin-bottom: 30px;
}
.rekla #contactForm label {
  float: left;
}


/**Service Navigation ------- Service Oberkategorie**/

.servicenav {
	text-align: center;
	margin-bottom:1%;
	}

.servicenav img {
	max-width: 70px;
	margin:1%;
	opacity:0.7;
	transition:0.3s;
	}

.servicenav img:hover {
	cursor:pointer;
	opacity:1;
	transition: all .2s ease-in-out;
	transform: scale(1.2);
	}


@media only screen and (max-width: 1000px) {
	.servicenav img {
		opacity:1;
	}
}

@media only screen and (max-width: 1000px) {
	.servicenav img {
	width: 18%;
	margin:auto;
	}
}


/**Content: Seite: Rahmenformen - Text mit kleinem Bild links (umlaufend)**/

.nav-rahmenformen{
	text-align: center;
	margin-bottom:1%;
	}

.nav-rahmenformen img {
	max-width: 100px;
	margin:1%;
	opacity:0.7;
	transition:0.3s;
	}

.rahmenformen-text {
	width:100%;
	float:left;
	text-align:justify;
  margin-bottom: 20px;
  font-size: 0.875rem;
	}

.rahmenformen-text img {
	float:left;
	margin-right:5%;
  margin-bottom:1%;
	}

.nav-rahmenformen img:hover {
	cursor:pointer;
	opacity:1;
}
.rahmenlink {
    display: block;
    line-height: 2em;
}
@media only screen and (max-width: 400px) {
	.nav-rahmenformen img {
	width: 23%;
	margin:auto;
	}
}
@media only screen and (max-width: 700px) {
	.nav-rahmenformen img {
		opacity:1;
	}
}
@media only screen and (max-width: 1000px) {
  .rahmenformen-text {
    font-size: 1rem;
  }
}



/**Seite: Teile Zubehör : Top Marken**/

.top-marken{
	display: flex;
	justify-content: space-between;
}

.top-marken img {
    height: auto;
    max-width: 100%;
}

/*************************************************** ANFANG Filialbestand / Verfügbarkeit im Markt *****/
/*******************************************************************************************************/
#Filialbestand {
  display: none;
  position: fixed;
  background: rgba(2, 2, 2, 0.8);
  box-shadow: 1px 1px 4px #ccc;
  top: 5%;
  margin: auto;
  width: auto;
  float: left;
  padding: 1%;
  z-index: 31;
  left: 0;
  right: 0;
  max-width: 100%;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  overflow-y:auto;
}
#Filialbestand .stern {display:none;}
#Filiabestand .filialetable {font-size: 0.875rem}
#Filialbestand .titel {background:#fff; max-width:900px; margin:auto; float:none; padding:10px; width: 100%; margin-top:2%; padding-bottom: 20px; border-bottom: none;}
#Filialbestand .titel h2 {border-bottom: 1px solid #ccc;}
#Filialbestand .inhalt {background:#fff; max-width:900px; margin:auto; float:none; padding:10px; padding-bottom: 20px;}
#Filialbestand .button.btn-cart {text-align: center; padding: 0px 15px; line-height: 1.5rem !important; margin-top: 0; height: 2.25em !important; font-size:0.875rem;}
#Filialbestand td.filiale {padding: 5px 0; font-size: 0.875rem}
.legende {
    color: #fff;
    float: right;
}
.legende tr {
    display: inline;
}
.legende .state {
    background-color: #fff;
    padding: 10px;
    background-position: 4px 4px;
    margin-top: 0px;
    margin-right: 8px;
}
.filialetable {
	float: none;
	margin: auto;
	width: 100%;
  text-align: left;
}
.filialehead, .filialehead-street, .filialehead-city {font-weight: bold; font-size: 0.875rem;}
#Filialbestand .filbestandclose {
  font-size: 0.875rem;
  border-radius: 0;
  background: #636363;
  padding: 7px 15px;
	float: none;
  margin: auto;
  display: block;
  width: 100%;
  max-width: 900px;
}
.clickandcollect-legende {
  background: #fff;
  margin-top:0 !important;
  padding-top:5%;
  float:none !important;
  width:100% !important;
  max-width:900px;
  text-align: center;
  font-size: 0.875rem;
}


/*************************************************** Anpassung Bildschirme < 600px (Spalten untereinander) *****/
@media only screen and (max-width: 600px) {
  #Filialbestand .titel {padding: 5px 10px 0 10px !important;}
  #Filialbestand .filialetable {display: flex;}
  #Filialbestand .filialetable thead {display: none;}
  #Filialbestand .filialetable tr {display: flex; flex-flow: row wrap; font-size: 1rem; margin-bottom: 20px; padding: 0 5px 20px 5px; border-bottom: 1px solid #ccc;}
  /*** Anpassungen Leere tr enfernen ***/
  #Filialbestand .filialetable tr:nth-of-type(3), #Filialbestand .filialetable tr:nth-of-type(8), #Filialbestand .filialetable tr:nth-of-type(12) {display: none;}
  /*** Anpassungen Leere tr enfernen ***/
  #Filialbestand .filialetable tr td {width: 100%; padding: 5px 0;}
  #Filialbestand .filialetable tr > td:nth-of-type(1) {font-weight: 600;}
  #Filialbestand .filialetable td.filiale {border-bottom: none;}
  #Filialbestand .titel {border-bottom: none; padding: 5px 10px; font-size: 1.25rem;}
  /*** Sternchen bei Verfügbarkeit anzeigen ***/
  #Filialbestand .stern {display:inline;}
}
@media only screen and (max-width: 1000px) {
  #Filialbestand {padding:10px 15px;}
  #Filiabestand .filialetable,
  #Filialbestand .button.btn-cart,
  #Filialbestand td.filiale,
  .filialehead, .filialehead-street, .filialehead-city,
  .clickandcollect-legende,
  #Filialbestand .filbestandclose  {font-size: 1rem}
  .filbestandclose {width: 100%; margin-top:5%;}
}
/*** Anpassung, um Verfügbarkeitsfenster wieder besser schließen zu können Mobil **/
@media only screen and (max-width: 600px) {
  #Filialbestand {padding: 15% 7%;}
}
/*** Anpassung, um Verfügbarkeitsfenster wieder besser schließen zu können Mobil **/

@media only screen and (max-width:770px){
	.legende tr {
		display: inline-block;
		float: none;
		margin: auto;
	}
	.legende {
		font-size: 0.6875rem;
	}
	.tabs {
		padding: 1% 0;
	}
	#inventory {
		padding-top: 10px;
		padding-left: 1%;
	}
	.legende {
		float: none;
		width: 100%;
		margin-top: 2%;
		margin-bottom: 1%;
	}
}

/*************************************************** ENDE Filialbestand / Verfügbarkeit im Markt *****/
/**********click-collect********/

.clickandcollectdesk  {

    max-width: 100%;
	transition: 0.3s;
	z-index: 31;
	right: -18%;
	width: 25%;
	position: fixed;
	background: #35a8e0;
	border-radius: 20px 0 0 20px;
	padding: 5px 1%;
}
.clickandcollectdesk:hover  {
	right:0;
}

.clickcollone {
	line-height:30px;
	background: #f4f4f4;
	font-size:0.8125rem;
	vertical-align:middle;
	text-align:center;
}

.clickcolltwo {
	margin-left: 5px;
	max-height: 25px;
	margin-bottom: -6px;
	margin-top:6px;
	float: left;
}

.clickcollthree {
	font-size:1.25rem;
	border-right: 1px solid #35a8e0;
	float: left;
}

.clickcollfour {
	text-align:center;
	float: none;
	margin: auto;
	display: inline-block;
}

.clickcollfive {
	text-align:left;
	background:#35a8e0;
	font-size: 0.875rem;
	padding-left:1%;
	line-height:20px;
}

.clickandcolllogo {
    max-width: 20%;
	margin:5%;
}

@media only screen and (min-width:770px) {
	.clickandcollectmob {
		display:none;
	}
}
@media only screen and (max-width:770px) {
	.clickandcollectdesk {
		display:none;
	}
	.clickandcollectlink {
	display:none;
	}
}

.sonntagverkauf {
    max-width: 100%;
    transition: 0.3s;
    z-index: 31;
    right: 0;
    width: 12.6vw;
    position: fixed;
    background: transparent;
    padding: 0;
	z-index:112;
}

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


/***********Markenseite**********/
.markenblock {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: row;
  float: left;
  width: 100%;
}
.markenblock a {
  margin: 0 1% 1% 0;
  width: 152px;
}
.markenblock .marke-block {
  border: solid 2px #ddd;
  border-radius: 10px;
  margin: 0%;
  padding: 10%;
}
.markenblock .marke-block:hover {
  -webkit-box-shadow: 0px 0px 5px 0px #BFBFBF;
  box-shadow: 0px 0px 5px 0px #BFBFBF;
}
.markenblock .marke-block .marke-picture img {
  width:100%;
}
.marken-text a {
	text-decoration:underline;
	font-weight: normal;
}
.marke-text-angebot{
	line-height:30px;
	text-align:center;
	color:#fff;
	background:#4d4d4d;
	margin:5px 5px;
}
.marken-picture{
	float:left;
	width:19%;
	margin-right:1%;
}
.marken-bikes{
	float:left;
}
.markenimage{
	width:2em !important;
	height:2em !important;
	margin-bottom:2px;
	margin-right:3%;
	box-shadow:none !important;
}
.markenblock .marke-text-info {
  display: none;
}
.hidemobil.marken-picture img {
    width: 100%;
}
@media only screen and (max-width: 1000px) {
  .markenblock {
    justify-content: center !important;
    margin-top: 1%;
  }
  .markenblock a {
    margin: 1%;
    width: auto;
  }
  .markenblock .marke-block {
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
  }
}

/*** Bilder Markenseiten deaktivieren ***/
.category-fahrradmarken .hidemobil.marken-picture, .category-fahrradmarken .hidedesktop.marken-picture {
  display: none;
}
.inlink {
	display:inline-block;
}

/****************************** Video Container ****************************/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: auto;
    top: 14px;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

@media only screen and (max-width:770px){
	.video-container {
		margin-bottom: 30px;
	}
}

/* Related Products Block Formatierung **/

.price-box .price, .block-related-product .price_old_price1 {
    font-size: 1.125rem;
}
.regular-price .price {
    text-decoration: none;
    color: #E30613 !important;
    text-shadow: none;
    font-weight: normal;
}
.price-box .price, .price {
    white-space: nowrap;
    font-family: "Helvetica Neue",Verdana,Arial,sans-serif;
}
.tax-details {
	display:none;
	}

.aw-arp-item, div.block-related .aw-arp-item {
    text-align: center;
    width: 23%;
    min-height: 100px;
    display: -moz-inline-stack;
    display: inline-block !important;
    height: 250px;
    margin: 5px 5px 20px;

}
.aw-arp-item {
    height: auto !important;
}
.aw-arp-item {
    transition: 0.3s;
    vertical-align: top;
}
.price_old1 {
    display: block;
    font-size: 0.5625rem;
}

.price {
    font-size: 1.375rem;
    /**text-decoration: line-through;**/
    text-decoration-color: currentcolor;
    text-decoration-color: red;
    color: #4d4d4d !important;
}

@media only screen and (max-width:1000px){
	.aw-arp-item{max-width:45% !important;}
	.aw-arp-block-content ul{margin:auto;text-align:center;}
    .aw-arp-item img {max-width:100%;}
}

.aw-arp-item {
    transition: 0.3s;
}
.aw-arp-item:hover {
    margin-right: 1%;
    -webkit-box-shadow: 0 1px 5px 1px #BFBFBF;
    box-shadow: 0 1px 5px 1px #BFBFBF;
}

@media only screen and (max-width:1000px) {
	.hidemobil.marken-picture {
		display:none;
}
}
/**Unternehmensseite** bzw Produkte mobile**/


 @media only screen and (max-width:1000px) {
	  .simlist {
		display:none !important;
}
}

/**********Karriereseite*********/

.address {
	margin-top:1%;
}
.tabhead {
	background-color: #888888 !important;
}


.ui-tabs-anchor {
	color:#fff !important;
	font-size: 0.9375rem;

}
.ui-tabs-active .ui-tabs-anchor {
	font-weight:bold !important;
	background-color:#4d4d4d !important;
}
.ui-accordion .ui-accordion-content {
	padding:0;
}
#accordion p {
	margin-top:1em;
}

.ui-widget-header {
    background: #fff;
    color: #fff;
    border: none;
    padding: 0;
    margin: auto;
    text-align: center;
}

.ui-state-active {
	color:#000 !important;
	font-weight:bold !important;
}

.umkasten {
  position: fixed;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 5;
  background: rgba(2, 2, 2, 0.8);
  transition: 0.3s;
  display: none;
}

.kasteninhalt {
    float:left;
    background: #fff;
    width: 70%;
    margin: auto;
    margin-top: auto;
    text-align: justify;
    max-height: 90vh;
    overflow: auto;
    float: none;
    margin-top: 5vh;
    padding: 2%;
    overflow-x: hidden;
}
.kasteninhalt .kasten ol,
.kasteninhalt .kasten ul {
  list-style: disc;
  padding-left: 15px;
}
.kasteninhalt .kasten ul li,
.kasteninhalt .kasten address {font-size: 0.875rem;}
.closejob {
    float: right;
    margin-top: -.8em;
    margin-right: -1em;
    width: 40px;
    float: right;
    display: block;
    color: #000;
    text-decoration: none;
    font-weight: 400;
    font-size: 1.875rem;
    opacity: .2;
    cursor: pointer;
}
.kasten p {
    margin-top: 1em;
}
.ortfilter .fa.fa-check, .katfilter .fa.fa-check {
    display: none;
}
.ortfilter.oaktiv .fa.fa-check, .katfilter.kaktiv .fa.fa-check {
    display: inline-block;
}
.jobkarte {
  display:none;
  min-height:unset;
}
.ortaktiv.kataktiv {
  display:inline-block;
}

.ortfilter span, .katfilter span {
  display:none;
}
.ortfilter, .katfilter {
  padding: 7px;
  margin: 5px;
  background: #ccc;
  color: #000;
  width: 15.9%;
  float: left;
  text-align: center;
}
@media only screen and (min-width: 1000px) and (max-width: 1400px) {
  .ortfilter, .katfilter {width: 24%;}
}
.ortfilter.oaktiv, .katfilter.kaktiv {
  background:#4d4d4d;
  color:#fff;
}
.ortauswahl, .katauswahl {
    float: left;
    width:100%;
}

.ortauswahl {
  margin-top:2em;
  margin-bottom:2em;
}
.kartenbeschreibung {
  height: 16em;
  float: left;
  padding: 5px;
  font-size: 0.8125rem;
  margin-top: 0;
}
@media only screen and (max-width: 530px){
  .kartenbeschreibung {
    height: 10em;
  }
}
@media only screen and (min-width: 531px) and (max-width: 1000px){
  .kartenbeschreibung {
    height: 12em;
  }
}
.anzahl {
    width: 100%;
    text-align: center;
    font-size: 1.1875rem;
}
#keinaccordion .anzahl a button.not-found.karriere-bewerben-button {
  font-size: 0.875rem;
  padding: 10px;
  font-weight: bold;
  margin-top: 15px;
}
.jobkarte {
  border:1px solid #ccc;
  transition: .3s;
  width: 19%;
  margin: 1%;
  float: left;
}
.jobkarte .kartenimage {
  max-width: 100%;
}
.jobkarte h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
}
.jobkarte h2 {
  margin: 0;
  font-size: 1rem;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
@media only screen and (min-width: 1000px) and (max-width: 1400px) {
  .jobkarte {
    width: 31.25%;
    margin: 2% 1%;
  }
}
.jobkarte h2 {
  height:4.5em;
  margin-top: 10px;
}

.sortierbuttons button {
  padding: 7px;
  margin-left: 5px;
  width: auto;
  text-align: left;
}
.sortierbuttons {
  width: 100%;
  float: left;
  text-align: right;
  padding-right: 1%;
}

.sortierbuttons .fa {
  display:none;
}
.sortierbuttons .up .fa-arrow-up, .sortierbuttons .down .fa-arrow-down {
  display:inline-block;
}
/* Karriere Text + Buttons */
/* ------------------------------------ */
.initiativ {
  float: left;
  width:100%;
  margin-bottom: 0;
  text-align: justify;
}
.initiativ ul li {
  list-style: disc;
}
.initiativ ul .jobBenefits {
  margin-bottom: 0;
}
.initiativ a button.karriere-bewerben-button {
  width: 48%;
  margin-right: 1%;
  font-size: 0.875rem;
  padding: 10px;
  font-weight: bold;
}
.initiativ >  a:hover {
  text-decoration: none;
}
.initiativ h2.boerse {
  margin-top: 0;
}
#keinaccordion h3.auswahl {
  padding-left: 5px;
}
.initiativ .einspaltig.boerse p {
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .initiativ .buttons a  {
    width: 90% !important;
  }
  .initiativ button.karriere-bewerben-button.telefon {
    margin-left: 0 !important;
    margin-top: 15px;
  }
  .initiativ .buttons a:first-of-type {
    margin-right: 0% !important;
  }
  .initiativ .buttons a:last-of-type {
    margin-left: 0% !important;
  }
}
@media only screen and (max-width: 1000px) {
  .category-karriere .category-image {
    margin-bottom: 20px;
  }
  .initiativ a button.karriere-bewerben-button {
    font-size: 1rem;
  }
  .initiativ ul {
    margin:15px 0;
  }
  .initiativ .buttons {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top:30px;
  }
  .initiativ .buttons a {
    width: 48.5%;
  }
  .initiativ .buttons a:first-of-type {
    margin-right: 0.75%;
  }
  .initiativ .buttons a:last-of-type {
    margin-left: 0.75%;
  }
  .initiativ .buttons a button {
    width: 100%;
    margin: 5px 0 !important;
  }
  #keinaccordion h3.auswahl {
    padding: 2% 1% 1% 1%;
    font-size: 1.125rem;
}
}
@media only screen and (min-width: 1001px) {
  .initiativ a button.karriere-bewerben-button {
    width: auto;
  }
  .initiativ .einspaltig.boerse {
    margin-bottom: 10px;
  }

}
.initiativ button.karriere-bewerben-button.telefon {
  margin-left: 1%;
  margin-right: 0;
}
.katauswahl .fa.fa-plus, .katauswahl .fa.fa-minus, .ortauswahl .fa.fa-plus, .ortauswahl .fa.fa-minus {
  display: none;
}
.lazy.jobbanner {
    width: 100%;
    margin-bottom: 2%;
}
.jobkarte .kartenimage {
    filter: brightness(0.5);
}
.jobkarte:hover .kartenimage {
    filter: brightness(1);
}
.kasteninhalt .karriere-bewerben-button.button {
  margin-bottom:3em;
  font-size: 0.875rem;
}
.karriere-bewerben-button.telefon {
  display:none;
}
.karriere-telefon-text {
  display:block;
  margin-top: 1em;
}
.umkasten .karriere-telefon-text {
    margin-bottom: 3em;
    margin-top: -2em;
}
@media only screen and (max-width:1000px){
  .kasteninhalt .kasten ul li, .kasteninhalt .kasten address {font-size: 1rem;}
  .jobkarte .kartenimage {
      filter: brightness(1);
  }
  .jobkarte {
    width: 48%;
    pointer:cursor;
    max-height:70vh;
    margin-top:15vh;
    margin-left:1%;
    margin-right:1%;
  }
  .jobkarte h3 {margin-top:10px;}
  .kartenbeschreibung {font-size: 0.875rem;}
  #sortieren.karriere-headline {font-size: 1rem;}
  .katfilter, .ortfilter {display:none;}
  .katfilter.sichtbar, .ortfilter.sichtbar {display:inline-block;}
  .anzahl {
    margin-top: 8%;
    float: left;
    font-size: 1.125rem;
  }
  .katauswahl h2, .ortauswahl h2  {
    padding: 2%;
    cursor: pointer;
  }
  .ortauswahl, .katauswahl {
    box-shadow: 1px 1px 4px #ccc;
    padding: 5px;
  }
  .sichtbar:last-of-type {
    margin-bottom:3%;
  }
  .katauswahl .fa.fa-plus, .katauswahl .fa.fa-minus, .ortauswahl .fa.fa-plus, .ortauswahl .fa.fa-minus {
    float: right;
    margin-top: 1%;
  }
  .katauswahl h2 .fa.fa-plus, .ortauswahl h2 .fa.fa-plus {
    display:block;
  }
  .katauswahl h2.filterzeigen .fa.fa-plus, .ortauswahl h2.filterzeigen .fa.fa-plus {
    display:none;
  }
  .katauswahl h2.filterzeigen .fa.fa-minus, .ortauswahl h2.filterzeigen .fa.fa-minus {
    display:block;
  }
  .ortfilter, .katfilter {
    width: 48%;
    font-size: 0.8125rem;
    margin: 1%;
  }
  .ortaktiv.kataktiv {
    display: inline-block;
    margin-top: 20px;

  }
  .kasteninhalt {
    width:95%;
    padding:5%;
  }
  .karriere-bewerben-button.telefon {
    display:inline-block;
  }
  .karriere-telefon-text {
    display:none;
  }
}
@media only screen and (max-width: 530px) {
  .jobkarte {
    width: 100%;
  }
}
/**********Gutschein********/

.gutscheinbild {
	max-width: 700px;
	width: 100%;
    float: none;
    margin: auto;
    display: block;
    margin-bottom: 5%;
}

/*********Impressum***********/



.standort {
	text-align:left;
}

.impressum_left {
    margin-left: 5px;
    padding-top: 5px;
    float: left;
    width: 48%;
}

.impressum_right {
    padding: 5px;
    float: right;
    width: 50%;
}

.impressum_heading {
	width:100%;
	float:left;
	background:#4d4d4d;
	color:#fff;
	line-height:40px;
	padding-left:5px;border:1px solid #4d4d4d;
}

.standort {
	border:1px solid #4d4d4d;
	float:left;
	width:100%;
	margin-bottom:10px;
}

@media only screen and (max-width:650px){
	.impressum_left, .impressum_right {
		width:100%;
	}
	.standort {
		font-size: 0.8125rem;
	}
}


.karriere-bewerben-button.button {
    background: #13b910;
    width: auto;
    margin: 0;
}



.onlineumzug {
    background: #fff;
    text-align: center;
    padding: .5em;
    font-size: 0.8125rem;
    font-weight: bold;
}

.onlineumzug a {
    text-decoration: underline;
}

@media only screen and (max-width:1000px){
	.onlineumzug {
    font-size: 0.6875rem;
    font-weight: normal;
	}
}

.catalog-category-view #heading {
    float: left;
    width: 100%;
    display: block;
}

/* .menumarke { */
    /* height: 1em; */
    /* margin-right: 1em; */
    /* width: auto; */
    /* float: left; */
/* } */

/* #popup8 span { */
    /* width: 100%; */
    /* text-align: left; */
    /* display: inline-block; */
/* } */


.c-c-popup {
	margin: 5%;
}


.c-c-popup li {
	margin-left:3%;
}

.c-c-popup img {
	width:50%;
	height:auto;
	text-align: center;
	margin: auto;
	display: flex;

}

@media only screen and (max-width: 1000px) {
	.c-c-popup, .c-c-popup h2, .c-c-popup h4, .c-c-popup p {font-size: 0.875rem;}
}

@media only screen and (max-width: 700px) {
	.c-c-popup img{
		width: 100%;

	}
}

@media only screen and (min-width: 1000px) {
.c-c-popup img {
	display:none;
}
}

@media only screen and (max-width:1000px){

.c-c-cat img {
	display: none;

}
}

@media only screen and (max-width:1000px){
	.c-c-list {
		display:none;
	}
}

/***** Link Karriere Seite ausbildung_eC****/

.ausbildung_eC {

	background-position: -32px -16px;
	background-image: url("https://www.megabike24.de/skin/frontend/rwd/megabike/css/images/ui-icons_555555_256x240.png");
	border:1px solid #c5c5c5;
	width:100%;
	padding: .5em .5em .5em .7em;
	margin: 2px 0 0 0;
	background: #f6f6f6;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	font-size: 1rem;
}

.ausbildung_eC:hover {
	background-color: #ededed;

}

.ausbildung_eC a {
text-decoration: none;
color: #454545;
}
/*****Vergleichen pop-up-Buttons ****/


.button, .btn-cart, .aw-pq2-list__add-question-button {
    margin-right: 3%;
}

/****Details kleiner warenkorb, weiter nach rechts***/

.truncated .truncated_full_value .item-options {
	right:-100px;
	left:unset;
}



.checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or {

    margin: 0;

    width: unset;
    text-align: center;
    float:unset;

}

/****Menu auf volle Breite (Desktop)*****/

@media only screen and (min-width: 1000px) {
#custommenu .clearBoth {
	display:none;
}
}

/*Markentexte bei Filterauswahl*/

#ajaxquickviewcontent {
    float: left;
}

/*Beratung active color*/
div.menu.act a {
  color:unset;
}


/*******Vorrausichtlich verfügbar ab**************/
.verfuegbarkeit {
    font-size:120%;
    margin-bottom: 1em;
    margin-top: 1em;
    text-align:center;
}
.verfuegbarkeit img {
    float: left;
    display:none;
}
.verfuegbarkeit span {
    font-size: 80%;
}


/************Marken in der Navigation groß schreiben *****/
#aw-ln-filter-5-options {
    text-transform: uppercase;
}


/************** Rahmenhöhe ermitteln - Online Sizer ********************/
.smartfit-onlinesizing .onlineSizer__overlay {
  background-color: rgba(2,2,2,0.8) !important;
}

/************** Filter Produktseite-Übersicht ********************/
/*****************************************************************/
@media only screen and (min-width: 1000px) {
  .col2-left-layout .col-left.sidebar.col-left-first {
    width: 30%;
  }
  .col2-left-layout .col-main {
    width: 70%;
  }
}
@media only screen and (min-width: 1600px) {
  .col2-left-layout .col-left.sidebar.col-left-first {
    width: 20%;
  }
  .col2-left-layout .col-main {
    width: 80%;
  }
}
#aw-ln-filters-container dt {
  font-size: 0.875rem;
}
#aw-ln-filters-container dd ol li {
	font-size: 0.875rem;
}
/*** Filter - Anzahl der Räder ausblenden****/
#aw-ln-filters-container dd ol li span {
    padding: 0;
    display: none !important;
}
/********* Filter für Ebike und Fahrradseite - responsiv**/
@media only screen and (max-width:1000px) {
	#aw-ln-filters-container {
		display:block;
  }
}

/************** Toolbar Filter ********************/
/**************************************************/
.toolbar .count-container .amount.amount--has-pages {
    font-size: 0.75rem;
}
.toolbar p {
  line-height: inherit;
  margin-bottom: 0px;
}
.toolbar ol li,
.toolbar .sorter,
.toolbar p .grid {
  margin: 0px;
}
.toolbar .sorter > .view-mode strong.grid {
  background-position: -42px -494px;
}
.toolbar .sorter > .sort-by .sort-by-switcher--desc {
    background-position: 14px -570px;
}
.toolbar .pager .amount, .pager .limiter, .pager .pages {
  margin-bottom: 3px;
}
@media only screen and (max-width: 1600px) {
  .toolbar .pager {width: 100%;}
  .toolbar .pager > .count-container {float: right;}
  .toolbar .pager .pages {float: left; margin-left: 0;}
  .toolbar .sorter {width: 100%;}
  .toolbar .sorter > .view-mode {float: right;}
}
@media only screen and (max-width: 770px) {
  .pager .limiter select {height: 30px; line-height: 1.875em;}
    .toolbar .sorter > .sort-by .sort-by-switcher--desc, .toolbar .sorter > .sort-by .sort-by-switcher {background-position: -46px -570px; float: left; width: 220px; text-indent: 0; font-size: 1rem;}
}
@media only screen and (max-width: 1000px) {
  .pager .limiter select {font-size: 0.875rem;}
}

/************** Fahrradversicherungen / Wertgarantie Container ********************/
/**********************************************************************************/
.wgt-container {
  position: inherit !important;
  margin-bottom: 20px;
}
.loading-no-show.active {
  display:block !important;
}

/*Filter anwenden*/
.filteranwenden {
    height: 3rem;
    line-height: 3rem;
    cursor: pointer;
    font-weight:bold;
    display:none;
}
@media only screen and (max-width:1000px) {
  .filteranwenden {
    display: block;
    text-align: center;
  }
}
.buttons-versicherungen {
    width: 100%;
    float: left;
    margin-top: 10px;
}
.buttons-versicherungen button {
    padding: 8px 40px;
    background: #0889cb;
    font-weight: bold;
    margin-bottom: 10px;
    border-radius: 5px;
}
.buttons-versicherungen button:hover {
    background: #1d5a93;
}

/************** Captcha ********************/
/******************************************/
@media screen and (max-width: 350px){
  #rc-imageselect,
  .recaptcha,
  .g-recaptcha {
    transform:scale(0.87);
    -webkit-transform:scale(0.87);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
  }
  #contactFormfrage .g-recaptcha,
  #review-form .recaptcha {
    overflow: visible !important;
  }
}
#contactFormfrage .g-recaptcha,
#review-form .recaptcha {
  margin: 0;
  margin-bottom: 30px;
  text-align: left;
}
.rekla .g-recaptcha {
  text-align: left;
}


/*********************************************** Zubehör Top-Marken ********************/
/***************************************************************************************/
.zubehoer-marken {
  width: 100%;
  float: left;
}
.zubehoer-marken .top-marken {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin: auto;
    flex-direction: row;
}
.zubehoer-marken .top-marken a {
    width: 220px;
    text-align: center;
}

/*********************************************** Produktkarten Standortseiten ***/
/*********************************************** Border erstes Element entfernen ***/
@media only screen and (max-width: 1000px) {
	body[class*="categorypath-beratung-"] div.produkt-karte:nth-of-type(1) {
		border: none !important;
	}
  body[class*="categorypath-beratung-"] div.produkt-karte:nth-of-type(2) {
    border-top: 1px solid grey;
  }
}

/*********************************************** Tabellen ***/
/************************************************************/

/***  Bike-Checklist ***/
.bike-checklist {
  margin-bottom: 30px;
}
.bike-checklist table {
  border-collapse: separate;
  border-spacing: 3px;
}
.bike-checklist table tr:nth-of-type(2n+2) {
  background: #f1f1f1;
}
.bike-checklist tr td {
  padding: 5px;
  font-size: 0.75rem;
  color: #4d4d4d;
  text-align: left;
  min-width: 90px;
}
.bike-checklist tr td .fa-check {
  font-size: 1rem;
}
.bike-checklist tr td a {
  background: #13b910;
  color: #fff;
  padding: 8px 12px;
  font-weight: bold;
  display: block;
  text-align: center;
}
.bike-checklist tr td a:hover {
  background: #009900;
  text-decoration: none;
}
.bike-checklist tr th strong {
  font-weight: bold;
  color: #333;
}
@media only screen and (min-width: 460px) {
  .bike-checklist table {
    border-collapse: separate;
    border-spacing: 8px;
    border: 1px solid #ccc;
    padding:3px;
    border-radius: 4px;
  }
  .bike-checklist tr td {
    font-size: 0.875rem;
    padding: 10px;
    min-width: 100px;
  }
  .bike-checklist tr td .fa-check {
    font-size: 1.125rem;
  }
  .bike-checklist tr th strong {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .bike-checklist tr td {
    font-size: 0.9375rem;
  }
  .bike-checklist tr td {
    min-width: 160px;
  }
}

/*** Tabelle Spezifikationen ***/
.tabelle-spezifikationen tr,
#product-attribute-specs-table tr {
  line-height: 1.4em;
}
.tabelle-spezifikationen th,
#product-attribute-specs-table th {
    padding: 5px 20px 5px 0;
    font-weight: 600;
    color: #333;
    vertical-align: baseline;
}


/*** Tabellen Fahrradversicherung ***/
.tabelle-fahrradversicherung {
  box-sizing:border-box;
  border-collapse: initial !important;
  width:100%;
  border:1px solid #ddd;
}
.tabelle-fahrradversicherung th {
  background: #4d4d4d;
  color: #fff;
  vertical-align: top;
  font-size: 0.875rem;
}
.tabelle-fahrradversicherung td,
.tabelle-fahrradversicherung tr,
.tabelle-fahrradversicherung th {
	border-right:1px solid #ddd;
	text-align: left;
    padding: 5px;
}
.tabelle-fahrradversicherung td:last-of-type,
.tabelle-fahrradversicherung th:last-of-type {
	border-right: none;
}
.tabelle-fahrradversicherung thead tr th {
    width:25%
}
.tabelle-fahrradversicherung thead tr th a {
    color: #fff;
}
.tabelle-fahrradversicherung tr th strong {font-size: 0.875rem;}
.tabelle-fahrradversicherung tr td {
  font-size: 0.875rem;
  text-align: center;
}
.tabelle-fahrradversicherung tr:nth-of-type(even) {background: #f0f0f0;}
.tabelle-fahrradversicherung caption p,
.tabelle-fahrradversicherung caption strong {
  font-size: 0.75rem;
  font-style: italic;
  margin: 10px 0 5px 0;
}
.tabelle-fahrradversicherung caption p:nth-of-type(3) {margin-bottom:0;}
.tabelle-fahrradversicherung .beschreibung {display: none;}
.tabelle-fahrradversicherung .info {
  display: block;
  font-size: 0.8125rem;
}
@media only screen and (max-width: 600px) {
  .tabelle-fahrradversicherung .beschreibung {display: block;}
  .tabelle-fahrradversicherung .info {display: none;}
  .tabelle-fahrradversicherung tr,
  .tabelle-fahrradversicherung td {
    padding:0;
    border:1px solid #fff;
  }
  .tabelle-fahrradversicherung tr td {text-align: left;}
  .tabelle-fahrradversicherung {border:none;}
  .tabelle-fahrradversicherung thead {display:none;}
  .tabelle-fahrradversicherung tr {
    float: left;
    width: 100%;
    margin-bottom: 10px;
  }
  .tabelle-fahrradversicherung td {
    float: left;
    width: 100%;
    padding: 5px;
    background: #f0f0f0;
  }
  .tabelle-fahrradversicherung td::before {
    content: attr(data-label);
    background:#f0f0f0;
    font-weight: bold;
    vertical-align: middle;
    padding: 5px;
    font-size: 0.8125rem;
    width: 60%;
    max-width: 250px;
    float: left;
    font-weight: bold;
    margin: -5px 5px -5px -5px;
    line-height: 1.6em;
  }
  .tabelle-fahrradversicherung td,
  .tabelle-fahrradversicherung tr,
  .tabelle-fahrradversicherung th {
  	border-right:1px solid #fff;
  }
}
.listen-tabelle .zweispaltig .zweispaltig {
    margin-bottom: 10px;
}
.listen-tabelle .zweispaltig .zweispaltig-links .zweispaltig .zweispaltig-links,
.listen-tabelle .zweispaltig .zweispaltig-links .zweispaltig .zweispaltig-rechts,
.listen-tabelle .zweispaltig .zweispaltig-links .zweispaltig ul {
    margin-bottom: 0px;
}
@media only screen and (max-width: 1750px) {
  .tabelle-fahrradversicherung {width:100%;}
  .listen-tabelle .zweispaltig-links {width: 100%; margin-right: 0;}
  .listen-tabelle .zweispaltig-rechts {width: 100%; margin-left: 0;}
}
@media only screen and (min-width: 1751px) {
  .listen-tabelle .zweispaltig-links {width: 44%; margin-right: 2%;}
  .listen-tabelle .zweispaltig-rechts {width: 52%; margin-left: 2%;}
}
@media only screen and (min-width: 601px) {
    .listen-tabelle .tabelle-fahrradversicherung td.rowspan {
        display: none;
    }
}
.listen-tabelle .zweispaltig p {
    margin-bottom: 10px;
}

/*********************************************** Leasing Accordion CSS Only ***/
/******************************************************************************/
.leasing-accordion {margin: 20px 0;}
.leasing-accordion .acc {position:relative; box-shadow: 1px 1px 4px #ccc; margin-bottom: 10px;}
.leasing-accordion input{
  display: none;
}
.leasing-accordion .panel {
  margin: 0 auto;
  height: 0;
  color: hsla(0, 0%, 0%, 0);
  line-height: 28px;
  padding: 0 80px 0 20px;
  box-sizing: border-box;
  /* display: none; */
}
.leasing-accordion input:checked~.panel {
  height: auto;
  font-size: 16px;
  padding: 0px 80px 20px 20px;
  transition: 0.5s;
  color: #4d4d4d;
  /* display: block; */
}
.leasing-accordion input~.panel {
  transition: padding 0.5s;
  /* overflow: hidden; */
}
.leasing-accordion input ~ .panel p,
.leasing-accordion input ~ .panel ul,
.leasing-accordion input ~ .panel a {
    display: none;
}
.leasing-accordion input:checked ~ .panel p,
.leasing-accordion input:checked ~ .panel ul {
    display: block;
}
.leasing-accordion input:checked ~ .panel a  {
  display: inline-block;
}
.cms-aktuelle-infos .leasing-accordion input:checked ~ .panel a {
  display: block;
}
.leasing-accordion label {
  cursor: pointer;
  border-bottom: 2px solid #fff;
  display: block;
  padding: 20px;
  padding-right: 40px;
  width: 100%;
  font-weight: 400;
  font-size: 1.2em;
  box-sizing: border-box;
  z-index: 100;
  color: #4d4d4d;
}
.leasing-accordion input:checked+label {
  color: #4d4d4d;
}
.leasing-accordion label::after  {
  position:absolute;
  top: 20px;
  right: 1%;
  font-family: FontAwesome;
  content: "\f055";
  display: inline-block;
  padding-right: 5px;
  font-weight: 100;
  font-size: 1.25rem
}
.leasing-accordion input:checked+label::after {
  content: "\f056";
}
.leasing-accordion  ul li {
  list-style: none;
}
.leasing-accordion  ul li::before {
    content: '\f00c';
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 5px;
    color: #4d4d4d;
}
.leasing-accordion a {
  color: #4d4d4d;
  font-size: 0.875rem;
}
.leasing-accordion h3 {font-size: 1rem;}
.leasing-accordion h3, .leasing-accordion h4 {margin: 0 !important; color: #4d4d4d;}
@media only screen and (max-width: 1000px) {
  .leasing-accordion .panel {padding:0 20px;}
  .leasing-accordion input:checked~.panel {padding: 0 20px 20px 20px; transition: 0.25s;}
  .leasing-accordion a {
    font-size: 1rem;
  }
}

/*********************************************** Leasing Ablauf Grafiken***/
/**************************************************************************/
.category-fahrrad-e-bike-leasing h1 {
  font-weight: 600;
}
.category-fahrrad-e-bike-leasing .zweispaltig-links,
.category-fahrrad-e-bike-leasing .zweispaltig-rechts {
  margin-bottom: 0;
}
.leasing-ablauf-deskt,
.leasing-ablauf-mobil,
.leasing-ablauf-mobil-01 {display: none;}
@media only screen and (min-width: 600px){
  .leasing-ablauf-mobil-small {display: none;}
  .leasing-ablauf-mobil,
  .leasing-ablauf-mobil-01 {display:block; margin:auto; }
}
@media only screen and (min-width: 1920px) {
  .leasing-ablauf-deskt {display: block;}
  .leasing-ablauf-mobil,.leasing-ablauf-mobil-01 {display:none;}
}

.catalog-category-view.categorypath-beratung-fahrrad-e-bike-leasing-html.category-fahrrad-e-bike-leasing .dreispaltig, .catalog-category-view.categorypath-beratung-fahrrad-e-bike-leasing-html.category-fahrrad-e-bike-leasing .dreispaltig p {text-align: center;}
.catalog-category-view.categorypath-beratung-fahrrad-e-bike-leasing-html.category-fahrrad-e-bike-leasing .dreispaltig h2 {
  text-align: left;
}
.catalog-category-view.categorypath-beratung-fahrrad-e-bike-leasing-html.category-fahrrad-e-bike-leasing .dreispaltig-links img,
.catalog-category-view.categorypath-beratung-fahrrad-e-bike-leasing-html.category-fahrrad-e-bike-leasing .dreispaltig-mitte img,
.catalog-category-view.categorypath-beratung-fahrrad-e-bike-leasing-html.category-fahrrad-e-bike-leasing .dreispaltig-rechts img
{
  max-width: 150px;
}

/*********************************************** Leasing Companies / Partner***/
/******************************************************************************/
.leasing-partner {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.leasing-partner img {
    max-width: 100%;
    margin-bottom: 30px;
}
.companies {
	display:block;
	width:100%;
	float:left;
  margin-bottom:30px;
}
.companies img {
    height: 50px;
    margin: 0 14px 0 0;
    float: none;
    box-shadow: 1px 1px 4px #ccc;
}
@media only screen and (max-width: 1000px) {
	.companies img {
		max-height: 50px;
		max-width: 95%;
		height: auto;
		margin: 2%;
	}
}


/*********************************************** Jobrad/ Bikeleasing Popup Styling ***/
/*************************************************************************************/
#arbeitnehmer,#firmen {display:none;width:100%; min-height:650px;}
#vorteilbutton:focus, #firmenbutton:focus, #arbeitnehmerbutton:focus {background: #13b910;}
.leasingframe {
    width: 60%;
    min-height: 520px;
}
.outerjobrad, .outerarbeitnehmer, .outerfirmen {
  position: fixed;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 5;
  background: rgba(2, 2, 2, 0.8);
  transition: 0.3s;
  display:none;
}
.innerjobrad, .innerarbeitnehmer, .innerfirmen {
  width: 60%;
  min-height: 650px;
  margin: auto;
  float: none;
  left: 0;
  right: 0;
  position: absolute;
  top: 10%;
  background: #fff;
}
#jobrad {
    width: 100%;
    min-height: 650px;
}
.showjobrad {
  background: #13b910;
  display: inline-block;
  padding: 7px 15px;
  border: 0;
  color: #FFF;
  font-size: 13px;
  font-weight: 400;
  font-family: "Helvetica Neue",Verdana,Arial,sans-serif;
  line-height: 19px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  margin-top: 1%;
}
.closejobrad, .closearbeitnehmer, .closefirmen {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  padding:1%;
  cursor: pointer;
}
.jobrad-info a {
    text-decoration: none;
    color:
    #fff;
}
.innerarbeitnehmer iframe, .innerfirmen iframe {
    width: 100%;
    min-height: 650px;
}
#firmenbutton, #arbeitnehmerbutton, .showjobrad {
    max-width: 80%;
    white-space: unset;
    float: none;
}
@media only screen and (max-width:1000px){
  .leasingframe {
      width: 100%;
      min-height: 40vh;
  }
  .innerjobrad, .innerarbeitnehmer, .innerfirmen {
    width:90%;
    min-height:80vh;
  }
  .innerarbeitnehmer iframe, .innerfirmen iframe, #jobrad {
      width: 100%;
      min-height: 70vh;
  }
}


/*********************************************** Leasinganfrageformular ***/
/**************************************************************************/
.leasingbutton {
	font-size: 14px;
	cursor: pointer;
	margin-left:3%;
}
.leasingbutton .fa-arrow-right {
	font-size: 1.4em;
	margin-left: -3px;
}
.leasingbutton:hover {text-decoration: underline;}
.leasingbutton:hover .fa-arrow-right, .leasingbutton:hover img {opacity:0.7;}
.leasingbutton img {
    height: 1.6em;
    margin-left: -9px;
    vertical-align: middle;
    margin-right: -5px;
}
.leasinganfrage input[type=text], .leasinganfrage select, .leasinganfrage textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}
.leasinganfrage #submit {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.leasinganfrage {
    position: fixed;
    background: rgba(2, 2, 2, 0.8);
    box-shadow: 1px 1px 4px #ccc;
    top: 5%;
    margin: auto;
    width: auto;
    float: left;
    padding: 1%;
    z-index: 31;
    left: 0;
    right: 0;
    max-width: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    overflow-y: auto;
}
.innerleasing{
    background: #fff;
    max-width: 900px;
    margin: auto;
    float: none;
    padding: 1% 0 0 0;
    width:100%;
    margin-top: 5%;
}
.innerleasing #contactForm {
  padding: 2%;
}
.innerleasing .leasing-erfolg {
  padding: 2%;
  padding-bottom:0;
}
.innerleasing .leasing-erfolg h3 {
  margin-top: 0;
}
.leasinganfrage .block {
    display:none;
}
.hoehencontainer {
    width: 100%;
    text-align: center;
    line-height: 3em;
    padding: 0 1% 1% 1%;
}
.hoehencontainer h3 {
  text-align: center;
}
.jobradhoehe {
    border-radius: 0;
    background: #fff;
    padding: 7px 15px !important;
    font-weight: bold;
    border: 1px solid lightgray;
    white-space: nowrap;
    background: #fff;
    display: block;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    color: #666;
    text-decoration: none;
    box-sizing: content-box;
    margin: auto 3px;
    display: inline-block;
  }
  .jobradhoehe.chosen {
    background-color:#13B910;
    color:white;
  }
  .jobradhoehe:hover {
    background:grey;
    color:#fff;
  }
  #closeleasing {
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    font-size: 0.875rem;
    border-radius: 0;
    background: #636363;
    padding: 7px 15px;
    float: none;
    margin: auto;
    display: block;
    width: 100%;
    max-width: 900px;
    color: #fff;
    margin-top: 30px;
  }


  /*********************************************** Erweiteres Styling Bikeleasing / Jobrad ***/
  /*******************************************************************************************/

  .category-bikeleasing-service .einspaltig,
  .category-jobrad .einspaltig{text-align: left;}
  .category-bikeleasing-service iframe,
  .category-jobrad iframe {width: 100%; border: none;}
  .category-bikeleasing-service .video-container,
  .category-jobrad .video-container {top: 0;}
  .category-bikeleasing-service .video-container-wrapper,
  .category-jobrad .video-container-wrapper {
      width: 100%;
      max-width: 100%;
  }
  .category-businessbike .einspaltig.ankerpunkte ul a {
    color: #fff !important;
  }
  .category-businessbike .einspaltig.ankerpunkte ul a li {
    background: rgb(193,0,37) !important;
  }
  .category-businessbike .einspaltig.ankerpunkte ul a:hover li {
    background: rgb(128,0,0) !important;
  }
  .category-businessbike .einspaltig.ankerpunkte ul a li:after {
    color: #fff !important;
  }
  .category-bikeleasing-service #arbeitnehmerbutton,
  .category-bikeleasing-service #firmenbutton {
    margin: 0;
    margin-top: 0;
    font-size: 0.875rem;
    background: #9BCB3B;
    text-align: left;
    padding: 10px 20px;
  }
  .category-jobrad button.jobrad-info,
  .category-jobrad button {
      background: #4c8b33;
      padding: 10px 20px;
      font-size: 0.875rem;
      margin: 0;
      margin-top: 0;
  }
  .category-businessbike button.businessbike-info,
  .category-businessbike button {
      background: rgb(193,0,37);
      padding: 10px 20px;
      font-size: 0.875rem;
      margin: 0;
      margin-top: 0;
  }
  .category-businessbike button a {
    color: #fff;
  }
  .category-businessbike button:hover {
    background: rgb(128,0,0);
  }
  .category-businessbike button a:hover {
    text-decoration: none;
  }
  .category-businessbike h2 {
    margin-top: 20px;
  }
  .category-businessbike .zweispaltig h3 {
    margin-top:20px !important;
  }
  .category-jobrad .companies hr {color: #4c8b33;}
  @media only screen and (max-width: 500px) {
    .category-bikeleasing-service #arbeitnehmerbutton,
    .category-bikeleasing-service #firmenbutton {text-align: center;}
  }
  .category-bikeleasing-service #arbeitnehmerbutton:hover,
  .category-bikeleasing-service #firmenbutton:hover,
  .category-jobrad  button.jobrad-info:hover,
  .category-jobrad  button:hover  {
    background: #636363;
  }
  @media only screen and (max-width: 1000px) {
    .category-bikeleasing-service #arbeitnehmerbutton,
    .category-bikeleasing-service #firmenbutton,
    .category-jobrad  button.jobrad-info, .category-jobrad  button  {font-size: 1rem;}
    .category-bikeleasing-service .leasing-link {display: block;}
  }
  .category-bikeleasing-service .text-links {text-align: left;}
  .category-bikeleasing-service #heading {display: none;}
  .category-bikeleasing-service .leasing-link {
      color: #9BCB3B;
      font-weight: bold;
      text-decoration: none;
  }
  .category-bikeleasing-service .leasing-link:before {
    font-family: FontAwesome;
    content: "\f054";
    display: inline-block;
    padding-right: 5px;
    font-weight: 100;
    color: #9BCB3B;
  }
  .category-bikeleasing-service .leasing-link:hover {text-decoration: underline;}
  .category-jobrad .einspaltig img {margin-bottom:0;}


/********************************************************* Kunden-Login ***/
/*********************************************************************************/
.customer-account-login .col2-set .col-1, .customer-account-login .col2-set .col-2 {margin-top: 0px; font-size: 0.875rem;}
.customer-account-login .fieldset p.required {float: none; font-size: 0.875rem;}
.customer-account-login .col2-set .buttons-set .button {font-size: 0.875rem;}
form .form-instructions {}
@media only screen and (max-width: 1000px) {
	.customer-account-login .col2-set .col-1, .customer-account-login .col2-set .col-2 {margin-top: 0px; font-size: 1rem;}
  .customer-account-login .col2-set .buttons-set .button,
  .customer-account-login .fieldset p.required {font-size: 1rem;}
  .customer-account-login .wrapper {text-align: left;}
}


/********************************************************* Bestelldetails Preise Aufschlüsselung ***/
/**********************************************************************************************************/
@media only screen and (max-width: 1400px) {
	.customer-account .linearize-table thead tr.first.last {display: none !important;}
  .customer-account .linearize-table tbody  tr, .linearize-table tbody  th, .linearize-table tbody td {display: block;text-align: left;border-bottom: none !important;}
  .customer-account .linearize-table tbody  tr {margin: 10px 0;}
  .customer-account .linearize-table tbody  td {margin-left: 0px !important; margin-top: 0px !important; padding: 5px 0 !important;}
  .customer-account .linearize-table tbody td[data-rwd-label]::before {display: inline-block;content: attr(data-rwd-label) ":";padding-right: 5px;}
  .customer-account .linearize-table tfoot td {text-align: left;}
  .customer-account .linearize-table tfoot .a-right {padding: 10px 0px 10px 20px;}
  .customer-account .linearize-table tfoot .a-right.last {padding: 10px 30px !important;text-align: left !important;}
}
@media only screen and (max-width: 1000px) {
  .customer-account .linearize-table tbody td {font-size: 1rem !important;}
}


/********************************************************* Kundenkonto Bearbeiten Icon ***/
/************************************************************************************************/
.customer-account-index .dashboard .col2-set .col-1 .box-title a:before,
.customer-account-index .dashboard .col2-set .col-2 .box-title a:before,
.customer-account-index .col2-set.addresses-list a:before,
.customer-account-index .box-account.box-info .box-content a:before {
  font-family: FontAwesome;
  content: "\f040";
  display: inline-block;
  padding-right: 5px;
  font-weight: 100;
}

/********************************************************* Mini-Warenkorb QTY input Höhe ***/
/*******************************************************************************************/
.minicart-wrapper .qty-wrapper .input-text {
  height:auto;
}
@media only screen and (max-width: 1000px) {
  .minicart-wrapper .qty-wrapper .input-text {
    font-size: 0.875rem;
    text-align: center;
  }
}


/********************************************************* RMA Service - Reklamation ***/
/***************************************************************************************/
.rma-view {text-align: left;}
.rma-view .fieldset {margin-bottom: 40px;}
.rma-view form h2.legend {padding-bottom: 0;}
.rma-view .data-table th {text-transform: none;}
.rma-view .linearize-table tbody td[data-rwd-label]::before,
.rma-view table,
.rma-view #rma-form-validate .button {font-size: 0.875rem;}
.rma-view .linearize-table tbody td {display: table-cell;}
.rma-view #rma-form-validate .input-text {width: 70%;}
@media only screen and (max-width: 1000px) {
  .rma-view .linearize-table tbody td[data-rwd-label]::before,
  .rma-view table,
  .rma-view #rma-form-validate .button {
    font-size: 1rem;
  }
  .rma-view .linearize-table tbody td[data-rwd-label] {padding-left:0; margin-left: 0;}
  .rma-view .data-table td {margin-top: 0;}
}
@media only screen and (max-width: 600px) {
  .rma-view .linearize-table thead th:nth-child(n+2) {display: none;}
  .rma-view .linearize-table tbody td:first-child {font-weight: 600;}
  .rma-view .linearize-table tbody td {display: block;}
  .rma-view .linearize-table tbody td[data-rwd-label]::before {
    content: attr(data-rwd-label) ":";
    font-size: 1rem;
    padding-right: 5px;
    text-transform: none;
    font-weight: 600;
  }
}

/********************************************************************* Markenseiten *********/
/********************************************************************************************/
.marken-text  .marke-text-info {
  text-align:left;
  text-decoration: none !important;
  margin-bottom: 20px !important;
  padding: 7px 20px;
  box-shadow: 0 0 4px #ccc;
  color: #4d4d4d;
}
.marken-text  .marke-text-info::after {
  font-family: FontAwesome;
  display: inline-block;
  color: #4d4d4d;
  margin-left: 10px;
  content: '\f105';
}
.marken-text  .marke-text-info:hover {
  background: #4d4d4d;
  color: #fff;
}
.marken-text  .marke-text-info:hover:after {
  color: #fff;
}
div.block-related-category .aw-arp-block-content {overflow:visible; margin-left: 21%;}
.marken-text-inner h2, .marken-text-inner h3 {margin-bottom: 0;}
body[class*="categorypath-fahrradmarken-"] .produkt-karte a {
  text-decoration: none;
}
@media only screen and (min-width: 600px) {
  div.block-related-category .aw-arp-block-content .produkt-karte {
    border-top: none !important;
  }
}
@media only screen and (max-width: 1000px) {
  .marken-text .marken-text-inner .zweispaltig-30-70-rechts {padding-left: 0;}
  div.block-related-category .aw-arp-block-content {margin-left: 0;}
  div.block-related-category .aw-arp-block-content .produkt-karte:first-of-type {border-top: none;}
  div.block-related-category .aw-arp-block-content .produkt-karte .ratings {top: 20px;}
  div.block-related-category .aw-arp-block-content .produkt-karte:first-of-type .ratings {top:0px;}
  div.block-related-category .aw-arp-block-content .produkt-karte:nth-of-type(2) {border-top: solid 1px grey;}
  .marke-text-info.inlink:last-of-type {
    margin-bottom: 30px;
}
}
/*** Mehr Erfahren Links - Anreißer ***/
.anreisser {
    text-align: center;
    padding-bottom: 20px;
}
.anreisser img {
    margin-bottom: 15px;
    max-width: 100%;
    width:100%;
}
.anreisser img:hover .infolink {
  text-decoration: none;
}
.anreisser .infolink {
  font-weight: bold;
}
.anreisser .infolink::before {
    font-family: FontAwesome;
    content: "\f138";
    display: inline-block;
    padding-right: 5px;
    font-weight: 100;
    font-size: 17px;
}


/************************************************** Slideshow - Produktdetailansicht ***/
/***************************************************************************************/
.slick-dots li {
  margin: 0 6px !important;
}
.slick-dots li button::before {
  font-size: 10px !important;
}

/************************************************** Autosearch - Suchergebnisse ***/
/**********************************************************************************/
.searchautocomplete .searchautocomplete-placeholder ul li .price-box {
  font-size: 0.8125rem;
  float: none;
  width: 100%;
  display: block;
}
.searchautocomplete .tax-details {
    float: none;
    display: block;
    width: 100%;
    text-align: left;
}
.searchautocomplete .searchautocomplete-placeholder ul li img {
  border: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li {
  padding: 5px 5px 0;
  border: none;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active {
  border: none;
}

/********************************************************************* Sticky Header *********/
/*********************************************************************************************/

@media only screen and (max-width: 1000px) {
  .page-header {
        position: fixed;
        z-index: 4;
        background: #fff;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        box-shadow: 0 0 10px rgba(0,0,0,0.6);
        left:0;
        opacity: 1;
        display: block;
        padding: 10px 0 !important;
        /* transform:translateY(-76px);
        -webkit-transform:translateY(-76px); */
        /* transform:translateY(-160px);
         */
        top: -120px;
        /* -webkit-top: 10px;
        transition:transform 300ms linear;
        -webkit-transition:transform 300ms linear; */
        transition: 0.3s linear;
    }
	.page-header.sticky {
    /* transform:translateY(0px);
		transition: transform 300ms linear;
    -webkit-transition:transform 300ms linear; */
    top:0px;
    transition: 0.3s linear;
	}
  #header.notop {
    position: relative;
    top:0px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    padding-bottom: 5px !important;
    transition: none;
  }
	#header-nav.skip-active {
		height:100vh !important;
    /* transform:translateY(76px);
		-webkit-transform:translateY(76px); */
    transform:translateY(160px);
    -webkit-transform:translateY(160px);
		padding-top:0px !important;
		transition: transform 300ms linear !important;
    -webkit-transition:transform 300ms linear !important;
    /* margin-top: 76px; */
    margin-top: 160px;
	}
  header.page-header #header-nav.skip-content {
    /* margin-top: 76px; */
    margin-top: 160px;
  }
  header.page-header.notop #header-nav.skip-content {
    margin-top: 0px;
  }
  .page-header.sticky #header-nav.skip-content {
    margin-top: 0px;
  }
	.page-header.sticky #header-nav.skip-content.skip-active {
		padding-top:0 !important;
    top: 0 !important;
    margin-top: 0px;
	}
  header.notop #header-nav.skip-content.skip-active {
    margin-top:0;
  }
  .page-header .page-header-container {
    margin: 0 auto;
  }
  .page-header #header-search #search {margin-bottom: 10px !important;}
  .skip-links {margin-top: 0px !important; margin-bottom:0px !important;}
  .notop, .sticky.notop {box-shadow: 0 0 10px rgba(0,0,0,0); }
  #custommenu-mobile {
    overflow:hidden;
    margin-bottom: 15vh !important;
  }
  #header-nav.skip-active #menu-content {
   max-height:unset;
  }
}

/*********************************************************** Media Queries # Coronavirus **********************************/
/*********************************************************** Media Queries # Coronavirus **********************************/
/*********************************************************** Media Queries # Coronavirus **********************************/
/* @media only screen and (min-width: 320px) and (max-width: 499px) {
  .page-header {
    transform:translateY(-120px);
    -webkit-transform:translateY(-120px);
  }
  #header-nav.skip-active {
    transform:translateY(120px);
    -webkit-transform:translateY(120px);
    margin-top: 120px;
  }
  header.page-header #header-nav.skip-content {
    margin-top: 120px;
  }
}
@media only screen and (min-width: 500px) and (max-width: 799px) {
  .page-header {
    transform:translateY(-110px);
    -webkit-transform:translateY(-110px);
  }
  #header-nav.skip-active {
    transform:translateY(110px);
    -webkit-transform:translateY(110px);
    margin-top: 110px;
  }
  header.page-header #header-nav.skip-content {
    margin-top: 110px;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1000px) {
  .page-header {
    transform:translateY(-90px);
    -webkit-transform:translateY(-90px);
  }
  #header-nav.skip-active {
    transform:translateY(90px);
    -webkit-transform:translateY(90px);
    margin-top:90px;
  }
  header.page-header #header-nav.skip-content {
    margin-top: 90px;
  }
} */

/******************************************************* Beratung Ankerpunkte ***/
.einspaltig.ankerpunkte ul {
  list-style: none;
  margin: 0 auto;
  width: 100%;
}
.einspaltig.ankerpunkte ul li {
  list-style: none;
}
.einspaltig.ankerpunkte ul a {
    color: #4d4d4d;
}
.einspaltig.ankerpunkte ul a li {
  text-align: center;
  padding: 8px;
  margin: 10px auto;
  text-decoration: none;
  box-shadow: 0 0 4px #ccc;
  text-transform: uppercase;
  font-size: 0.8125rem;
  position: relative;
}
.einspaltig.ankerpunkte ul a li:after {
    content: '\f107';
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    right: 10px;
    color:#4d4d4d;
}
.einspaltig.ankerpunkte h2 {
  margin-top: 20px;
}
.einspaltig.ankerpunkte ul a:hover li {
  color:#fff;
  background:#4d4d4d;
  cursor: pointer;
}
.einspaltig.ankerpunkte ul a:hover li:after {
  color: #fff;
}
.einspaltig.ankerpunkte ul a {
  text-decoration: none;
}
@media only screen and (min-width: 601px) {
  .einspaltig.ankerpunkte ul {
    width: 60%;
  }
}
@media only screen and (min-width: 1001px) {
  .einspaltig.ankerpunkte ul a li {
    margin: 10px 0;
  }
  .einspaltig.ankerpunkte ul {
    width: 50%;
  }
}
/*** "Beratungs-Übersicht"-Button deaktivieren ***/
.beratung-uebersicht {
  display: none;
}

/*** Ankerpunkte bei wenigen Themenpunkten nur mobil einblenden ***/
@media only screen and (min-width: 1001px) {
  .category-fahrrad-beratung .einspaltig.ankerpunkte,
  .category-rahmenformen .einspaltig.ankerpunkte,
  .category-e-bike-tuning .einspaltig.ankerpunkte,
  .category-e-bike-und-fahrrad-ausstattung .einspaltig.ankerpunkte,
  .category-sattelstuetzen .einspaltig.ankerpunkte,
  .category-bestellhilfe .einspaltig.ankerpunkte,
  .category-wertgarantie .einspaltig.ankerpunkte,
  .category-service-im-markt .einspaltig.ankerpunkte,
  .category-akkuschutz .einspaltig.ankerpunkte{
    display: none;
  }
}


/**************************************************************** Codierung Vierspaltig Termine ***/
.codierung-termine {
  width: 100%;
  float: left;
}
.codierung-termine .vierspaltig {
  margin-bottom: 0;
}
.codierung-termine .vierspaltig h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
}
.codierung-termine .vierspaltig h3 {
  text-align: center;
}
.codierung-termine .vierspaltig .vierspaltig-links,
.codierung-termine .vierspaltig .vierspaltig-links-mitte,
.codierung-termine .vierspaltig .vierspaltig-rechts-mitte,
.codierung-termine .vierspaltig .vierspaltig-rechts {
  box-shadow: 0 0 4px #ccc;
  padding: 20px 10px;
  margin-bottom: 2%;
}
.codierung-termine .vierspaltig .vierspaltig-links p,
.codierung-termine .vierspaltig .vierspaltig-links-mitte p,
.codierung-termine .vierspaltig .vierspaltig-rechts-mitte p,
.codierung-termine .vierspaltig .vierspaltig-rechts p {
  text-align: center;
}

.codierung-beispiel thead tr {
  background: #256cb2;
  color:#fff;
}
.codierung-beispiel thead tr th {
  font-weight: 600;
  padding: 5px;
}
.codierung-beispiel tbody tr td {
  padding: 5px;
}
.codierung-beispiel tbody tr:nth-of-type(2n+2) {
    background: #d3e9fe;
}



/************************* Standorte Slider Startseite ************************/
.standort-slider {
  box-shadow: none !important;
  margin-bottom: 60px !important;
}
.standort-slider h2 {
  margin-bottom: 0;
}
.standort-slider h3 {
  margin-top: 0;
  text-align: center;
  font-weight: normal;
  font-size: 1rem;
  margin-bottom: 20px;
}
.standort-slider .slick-slide img {
  height: auto;
  width: 100% !important;
  padding:0;
}
.standort-slider .slick-slide {
  margin: 0 5px;
  position: relative;
}
.standort-slider .slick-slide .slidename {
  position: absolute;
  width: 100%;
  text-align: center;
  color:#fff;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px 0;
  font-size: 1.25rem;
  bottom: 8px;
}
.standort-slider .slick-slide:hover .slidename {
  background: rgba(0, 0, 0, 0.7);
}
.standort-slider .slick-list {
  margin: 0 -5px !important;
}
.standort-slider .slick-prev, .standort-slider .slick-next {
  background: unset !important;
  width:unset;
  height: unset;
}
.standort-slider .slick-prev {
  left: 5px !important;
  z-index: 2 !important;
}
.standort-slider .slick-next {
  right: 5px !important;
  z-index: 2 !important;
}
.standort-slider .slick-dots {
  bottom: -65px !important;
}
.standort-slider .slick-next::before, .standort-slider .slick-prev:before {
  font-size: 2rem;
  line-height: unset;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: rgba(0,0,0,0.8);
  width: 40px;
  height: 70px;
  padding: 15px 10px;
  border-radius: 5px;
  font-weight: bold;
}
.standort-slider .slick-next::before {
  font-family: FontAwesome !important;
  content: "\f105" !important;
}
.standort-slider .slick-prev:before {
  font-family: FontAwesome !important;
  content: "\f104" !important;
}
@media only screen and (max-width: 480px) {
  .standort-slider {
    margin-bottom: 40px !important;
  }
  .standort-slider .slick-slide .slidename {
    font-size: 1rem;
    padding: 10px 0;
  }
}


/********************************* Top Angebote und Kontaktinformationen für Menu - DESKTOP *****************************/
#wp_custom_menu_4, #wp_custom_menu_7, #wp_custom_menu_8, #wp_custom_menu_180, #wp_custom_menu_186  {
  float: left;
  width: 100%;
  padding: 0;
  border-top: 1px solid #ccc;
  padding: 20px 10px 0 10px;
}
.menu-angebote-kontakt .vierspaltig {
  margin-bottom: 0;
}
.menu-angebote-kontakt .einspaltig {
  margin-bottom: 10px;
}
.menu-angebote-kontakt .vierspaltig img {
  float: left;
  max-width: 80px;
  filter: contrast(100%);
}
.menu-angebote-kontakt .vierspaltig a.link:hover img {
  filter:grayscale(100%);
  filter: contrast(unset);
}
.menu-angebote-kontakt .einspaltig h3,
.menu-angebote-kontakt .einspaltig p {
  text-align: center;
}
.menu-angebote-kontakt .einspaltig h3,
.menu-angebote-kontakt .vierspaltig h3{
  font-weight: normal;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #e30613;
  margin:0;
}
.menu-angebote-kontakt .einspaltig p.phone {
  font-weight: bold;
}
.menu-angebote-kontakt .einspaltig p.phone i {
  margin-right: 5px;
}
.menu-angebote-kontakt .vierspaltig a.link div {
  margin-bottom:20px;
}
.menu-angebote-kontakt .vierspaltig ul li {
  list-style: none;
  text-align: left;
}
.menu-angebote-kontakt .vierspaltig ul li.links {
  float: left;
  margin-right: 10px;
}
.menu-angebote-kontakt .vierspaltig ul li.rechts {
  padding-top: 20px;
  padding-right: 10px;
}
.menu-angebote-kontakt .vierspaltig ul li.rechts h3,
.menu-angebote-kontakt .vierspaltig ul li.rechts p {
  margin: 0;
}
.menu-angebote-kontakt .vierspaltig ul li.rechts p  {
  text-align: left;
  line-height: 1.5rem;
  hyphens: auto;
}
.menu-angebote-kontakt .vierspaltig p,
.menu-angebote-kontakt .einspaltig p {
  font-size: 0.75rem !important;
}
.menu-angebote-kontakt .vierspaltig-links, .menu-angebote-kontakt .vierspaltig-links-mitte, .menu-angebote-kontakt .vierspaltig-rechts-mitte, .menu-angebote-kontakt .vierspaltig-rechts {
  margin-right: 0;
}
.menu-angebote-kontakt .einspaltig p.phone {
  font-size: 1rem !important;
}
.menu-angebote-kontakt .einspaltig p.phone:hover {
  color: #4d4d4d;
}

/********************************* Top Angebote und Kontaktinformationen für Menu - MOBIL *****************************/
@media only screen and (max-width: 1000px) {
  #menu-mobile-extra {
      float: left;
      padding: 5%;
  }
  #menu-mobile-extra .einspaltig {
    margin-bottom: 0;
  }
  #menu-mobile-extra h3, #menu-mobile-extra p {
    margin-bottom: 0;
    margin-top: 0;
  }
  #menu-mobile-extra  .vierspaltig ul {
    margin-bottom:20px;
  }
  #menu-mobile-extra ul.rechts {
    float: none;
    margin: 0;
  }
  #menu-mobile-extra .vierspaltig a {
      margin-left: 0;
  }
  #menu-mobile-extra .vierspaltig .rechts h3, #menu-mobile-extra .vierspaltig .rechts p {
    text-align: center;
  }
  #menu-mobile-extra .vierspaltig .links ,#menu-mobile-extra .vierspaltig .links img {
    float: none;
    text-align: center;
  }
  #menu-mobile-extra .vierspaltig a.link div {
    margin-bottom: 10px;
  }
  #menu-mobile-extra .vierspaltig-links, #menu-mobile-extra .vierspaltig-links-mitte, #menu-mobile-extra .vierspaltig-rechts-mitte {
    margin-right: 0;
  }
  #menu-mobile-extra  .vierspaltig ul li.rechts {
    padding: 0;
  }
  #menu-mobile-extra .vierspaltig ul li.links {
    margin-right: 0;
  }
  #menu-mobile-extra .phone {
    font-size: 1.125rem !important;
  }
  #menu-mobile-extra .einspaltig p.phone:hover {
    color: #4d4d4d;
  }
  #menu-mobile-extra .phone a {
    margin-left: 0 !important;
    text-decoration: none !important;
  }
}

/*************************** Live Chat Button ****************************/

div[id*="b_9po1o0it_"] > div{
    bottom: 12% !important;
    top: unset !important;
}
@media only screen and (max-width: 1000px) {
  div[id*="b_9po1o0it_"] > div{
      bottom: 65px !important;
  }
}
div[id*="b_9po1o0it_"] .circleRollButton {
  margin: 0 !important;
}
@media only screen and (min-width: 1001px) {
  .cms-home div[id*="b_9po1o0it_"] > div {
    bottom: 11.5% !important;
  }
  div[id*="b_9po1o0it_"] .circleRollButtonSpin {
    width: 92px !important;
    height: 92px !important;
    top: -18px !important;
    right: -18px !important;
  }
  div[id*="b_9po1o0it_"] .circleRollButtonSpin .circleRollButtonOuter,
  div[id*="b_9po1o0it_"] .circleRollButtonSpin .circleRollButtonInner,
  div[id*="b_9po1o0it_"] .circleRollButtonSpin .circleRollButtonIcon {
    width:92px !important;
    height: 92px !important;
  }
}
@media only screen and (max-width: 480px) {
  div[id*="b_9po1o0it_"] > div {
    transform: scale(1) !important;
    right: 2% !important;
  }
}
div[id*="b_9po1o0it_"]  .circleRollButtonText {
  opacity: 1 !important;
}

/*************************** Live Chat Fenster Mobil ****************************/
@media only screen and (max-width: 1000px) {
  iframe[id*="icb_9po1o0it_"] {
      width: 100% !important;
      height: 100% !important;
      margin-right: 0px !important;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: rgba(2, 2, 2, 0.8);
      padding: 4% 4% 6% 4%;
  }
}

/**************************** Startseite Aktuelle Informationen NEU ************************/

.buttons-home .button-cuc {
  background: linear-gradient(to bottom right, #63b7e0,#35a8e0);
  padding: 15px 10px;
  margin-bottom: 10px;
  display: block;
}
.buttons-home .button-ai {
  background: linear-gradient(to bottom right, #e33440,#e30613);
  padding: 15px 10px;
  margin-bottom: 10px;
  display: block;
}
.buttons-home .button-ai:hover,
.buttons-home .button-cuc:hover,
.buttons-home .button-ai:hover span,
.buttons-home .button-cuc:hover span {
  text-decoration: none !important;
  cursor:pointer;
}
.buttons-home .button-cuc span,
.buttons-home .button-ai span {
  color: #fff;
  text-align: center;
  font-size: 1.625rem;
  display:block;
  font-weight: bold;
}
.buttons-home .button-cuc p,
.buttons-home .button-ai p  {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-weight: 400;
}
.buttons-home .button-ai.desk {
  display: none;
}
.body-standorte .buttons-home {
  margin-bottom: 30px;
}
@media only screen and (min-width: 1001px){
  .buttons-home {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
  }
  .buttons-home .button-cuc,
  .buttons-home .button-ai {
    width: 49.75%;
  }
  .buttons-home .button-ai.desk {
    display: block;
  }
  .buttons-home .button-ai.mobil {
    display: none;
  }
  .body-standorte .buttons-home {
    display: block;
  }
  .body-standorte .buttons-home .button-cuc,
  .body-standorte .buttons-home .button-ai {
    margin:auto;
    width: 100%;
    max-width: 800px;
  }
  .body-standorte .buttons-home .button-cuc {
    margin-bottom: 10px;
  }
}

/**************************** Aktuelle Informationen Seite ************************/
.cms-aktuelle-infos .einspaltig {
  margin-bottom: 30px;
}
.cms-aktuelle-infos table a {
  text-decoration:underline;
}
.cms-aktuelle-infos table td, .cms-aktuelle-infos table th {
  border: 1px solid #ccc;
  display: table-cell;
  text-align: left;
  width: auto;
  min-width:1%;
  padding: 0.5% 1% !important;
  vertical-align: baseline;
}
.cms-aktuelle-infos table th {
  hyphens: auto;
}
.cms-aktuelle-infos table {
  max-width:100%;
  margin: auto;
  margin-bottom:40px;
  hyphens: auto;
  table-layout: fixed;
  width: 100%;
  word-wrap: break-word;
}
.cms-aktuelle-infos table tr:nth-of-type(2n+2) {
    background: #f1f1f1;
}
/* nth-child(1) = the first td in each tr */
.cms-aktuelle-infos table td:nth-child(1),
.cms-aktuelle-infos table th:nth-child(1) {
  width: 20%;
  }

/* the second */
.cms-aktuelle-infos table td:nth-child(2),
.cms-aktuelle-infos table th:nth-child(2) {
  width: 20%;
}

/* the third */
.cms-aktuelle-infos table td:nth-child(3),
.cms-aktuelle-infos table th:nth-child(3) {
  width: 30%;
 }

 /* the fourth */
 .cms-aktuelle-infos table td:nth-child(4),
 .cms-aktuelle-infos table th:nth-child(4) {
   width: 30%;
  }
@media only screen and (min-width: 1400px) {
  /* nth-child(1) = the first td in each tr */
  .cms-aktuelle-infos table td:nth-child(1),
  .cms-aktuelle-infos table th:nth-child(1) {
    width: 20%;
    }

  /* the second */
  .cms-aktuelle-infos table td:nth-child(2),
  .cms-aktuelle-infos table th:nth-child(2) {
    width: 15%;
  }

  /* the third */
  .cms-aktuelle-infos table td:nth-child(3),
  .cms-aktuelle-infos table th:nth-child(3) {
    width: 25%;
   }

   /* the fourth */
   .cms-aktuelle-infos table td:nth-child(4),
   .cms-aktuelle-infos table th:nth-child(4) {
     width: 40%;
    }
}

.cms-aktuelle-infos .catname span {
  padding: 2px 0;
}
.cms-aktuelle-infos .catimagesmenu .catlist-item {
  text-align: left;
}
.cms-aktuelle-infos .std img {
width: 100%;
}
.aktuell-telefon-mobil-600 {
  display: none;
}
.cms-aktuelle-infos .telefonkontakt {
  color: #e30613;
  text-decoration: none;
  white-space: nowrap;
}
.cms-aktuelle-infos .telefonkontakt::before {
  content: '\f095';
  font-family: FontAwesome;
  color: #e30613;
  display: inline-block;
  margin-right: 5px;
}
.cms-aktuelle-infos .col-main {
  max-width: 1200px;
  width:100%;
  margin: auto;
}
.cms-aktuelle-infos .aktuell-border {
  float: none;
  /* border: 3px solid #e30613; */
  border: 3px solid #13b910;
  max-width: 1000px;
  margin: auto;
  display: flex;
}
.cms-aktuelle-infos .headline-image,
.cms-aktuelle-infos .headline-image img {
  margin-bottom: 0;
}
.cms-aktuelle-infos .aktuell-innenfläche {
  padding: 0 20px 20px 20px;
}
.cms-aktuelle-infos h1 {
  font-weight: 600 !important;
  text-transform: uppercase;
  font-size: 1.375rem;
  margin-top: 0px !important;
}
.cms-aktuelle-infos .einspaltig h2 {
  color: #000;
}
.cms-aktuelle-infos .einspaltig h2.beratung {
    background-image: url("https://www.megabike24.de/media/pictures/aktuelles/beratung.jpg");
    padding: 20px 30px;
    width: 100% !important;
    max-width: 600px;
    text-align: center;
    border-radius: 20px;
    float: none !important;
    margin: 20px auto 30px !important;
    display: block;
    line-height: 1.5rem;
    background-size: auto;
    background-position-x: center;
    position: relative;
    z-index: 1;
}
.cms-aktuelle-infos .einspaltig h2.beratung::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #e30613;
    opacity: 0.9;
    border-radius: 20px;
    z-index: -1;
}
.cms-aktuelle-infos .einspaltig .border-center {
  margin-top: 0px;
  margin-bottom: 10px !important;
}
.cms-aktuelle-infos .border-center {
    font-size: 1.375rem;
    hyphens: auto;
}
.cms-aktuelle-infos .einspaltig h2.beratung,
.cms-aktuelle-infos .einspaltig h2.beratung a,
.cms-aktuelle-infos .einspaltig h2.beratung a:before {
    color: #fff;
}
.cms-aktuelle-infos .einspaltig p,
.cms-aktuelle-infos .einspaltig h3 {
  text-align: center;
}
.cms-aktuelle-infos .leasing-accordion {
    margin: 30px 0 20px;
}
.cms-aktuelle-infos .leasing-accordion .border-center {
    margin-bottom: 15px !important;
}
.cms-aktuelle-infos .leasing-accordion .panel{
  padding: 0px 20px 0px 20px;
}
.cms-aktuelle-infos .leasing-accordion input:checked ~ .panel {
  padding: 0px 20px 20px 20px;
}
.cms-aktuelle-infos .leasing-accordion label,
.cms-aktuelle-infos .leasing-accordion label h4,
.cms-aktuelle-infos .leasing-accordion .panel p,
.cms-aktuelle-infos .leasing-accordion .panel ul,
.cms-aktuelle-infos .leasing-accordion .panel ul li,
.cms-aktuelle-infos .leasing-accordion input:checked + label {
  color: #4d4d4d;
}
.cms-aktuelle-infos .leasing-accordion label h4 {
    margin-top: 0;
}
.cms-aktuelle-infos  .std ul {
  list-style: none;
  margin-left: 0;
  text-align: center;
}
.cms-aktuelle-infos .std ul li {
  margin-left: 0;
}
.cms-aktuelle-infos .std ul li::before {
  content: '\f00c';
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 5px;
}
.cms-aktuelle-infos .einspaltig.ankerpunkte ul li:before {
  display: none;
}
.cms-aktuelle-infos .telefonkontakt:hover {
    text-decoration: underline;
    color: #e30613;
}
.cms-aktuelle-infos .aktuell-logo {
    max-width: 300px;
    display: block;
    width: 100%;
    margin: auto;
}
.cms-aktuelle-infos .catimagesmenu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.cms-aktuelle-infos .catimagesmenu .catlist-item {
    text-align: center;
}
.cms-aktuelle-infos .leasing-accordion label h4,
.cms-aktuelle-infos .leasing-accordion input:checked ~ .panel p,
.cms-aktuelle-infos .leasing-accordion ul,
.cms-aktuelle-infos .leasing-accordion p,
.cms-aktuelle-infos .leasing-accordion h3 {
  text-align: left;
}
.cms-aktuelle-infos .einspaltig.vorteile {
  margin-bottom: 0;
}
.cms-aktuelle-infos .einspaltig p a {
  text-decoration: underline;
}
.cms-aktuelle-infos .einspaltig a {
  text-decoration: none;
  text-align: center;
}
.einspaltig.beratung-kontakt a {
  text-decoration: none !important;
}
.cms-aktuelle-infos button.link {
    padding: 8px 30px;
    font-size: 0.875rem;
    background: #fff;
    border: 1px solid #4d4d4d;
    color:  #4d4d4d;
    font-weight: 600;
    transition: all 0.1s;
}
.cms-aktuelle-infos a button.link  {
  color: #4d4d4d !important;
  text-decoration: none;
}
.cms-aktuelle-infos button.link:after {
    content: '\f105';
    font-family: FontAwesome;
    color: #4d4d4d;
    padding-left: 10px;
    font-size: 1rem;
    display: inline-block;
    transition: all 0.1s;
}
.cms-aktuelle-infos button.link:hover{
  color:#fff;
  background: #4d4d4d;
  transition: all 0.1s;
}
.cms-aktuelle-infos button.link:hover:after {
  color: #fff;
  transition: all 0.1s;
}
.cms-aktuelle-infos button.link:hover {
  color: #fff !important;
}
.cms-aktuelle-infos .dreispaltig {
  margin: 0 auto;
  max-width: 700px;
  float: none;
}
.cms-aktuelle-infos .zweispaltig {
  max-width: 600px;
  margin: auto;
  float:none;
}
.cms-aktuelle-infos .dreispaltig .picture,
.cms-aktuelle-infos .zweispaltig .picture {
  max-width: 100px;
  margin: auto;
  width: 100%;
}
.cms-aktuelle-infos .zweispaltig .content p {
  text-align: center;
  max-width:220px;
  margin:auto;
}
.cms-aktuelle-infos .ankerpunkte ul {
    margin: 30px auto 0;
}
.cms-aktuelle-infos .einspaltig.beratung-kontakt p, .cms-aktuelle-infos .einspaltig.beratung-kontakt strong, .cms-aktuelle-infos .einspaltig.beratung-kontakt a {
    font-size: 1.375rem;
}
.cms-aktuelle-infos table a {
  border-bottom: 1px solid #ccc;
}
@media only screen and (max-width: 600px) {
  .aktuell-telefon-mobil-600 {
    display: block;
  }
  .aktuell-telefon-mobil {
    display: none;
  }
  .cms-aktuelle-infos .aktuell-border {
    border: none;
  }
  .cms-aktuelle-infos .aktuell-innenfläche {
    padding: 0;
  }
  .cms-aktuelle-infos table  {
    hyphens: auto;
  }
  .cms-aktuelle-infos .leasing-accordion label h4,
  .cms-aktuelle-infos .leasing-accordion input:checked ~ .panel p,
  .cms-aktuelle-infos .leasing-accordion ul {
    text-align: left;
  }
  .cms-aktuelle-infos .leasing-accordion .panel {
    padding: 0px 20px 0px 20px;
    text-align: center;
  }
  .cms-aktuelle-infos .leasing-accordion input:checked ~ .panel {
    padding: 0px 20px 20px 20px;
    text-align: center;
  }
}

@media only screen and (max-width: 1000px) {
  .cms-aktuelle-infos table {
    font-size:70%;
    max-width:unset;
  }
  .aktuell-telefon-deskt {
    display: none;
  }
  .cms-aktuelle-infos .border-center {
    display: flex;
  }
  .cms-aktuelle-infos .telefonkontakt {
    white-space: nowrap;
  }
  .cms-aktuelle-infos .std p,
  .cms-aktuelle-infos .std ul li {
    font-size: 1rem;
  }
  .cms-aktuelle-infos .kategorien.beratung-kacheln img{
    display: none;
  }
  .cms-aktuelle-infos .kategorien.beratung-kacheln .catname{
    position: relative;
  }
  .cms-aktuelle-infos .kategorien.beratung-kacheln .catlist-item a {
    text-decoration: none;
  }
}

@media only screen and (min-width: 1001px) {
  .aktuell-telefon-mobil {
    display: none;
  }
}

@media only screen and (min-width: 1001px) and (max-width: 1200px) {
  .cms-aktuelle-infos.catimagesmenu .catlist-item {
      width: 50%;
  }
}
.cms-aktuelle-infos .kategorien.beratung-kacheln .catbild {
  margin: 0;
}
.cms-aktuelle-infos .kategorien.beratung-kacheln {
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (min-width: 1600px) {
  .cms-aktuelle-infos .kategorien.beratung-kacheln .catlist-item {
    width:32.5%;
  }
}
.smartfit-onlinesizing .onlineSizer__overlay .close-button {
  opacity: 1;
  display: flex;
}

/*** Paypal Express ***/
@media only screen and (max-width: 1000px) {
  .paypal-express-review .box-content {
      text-align: left;
  }
  .paypal-express-review .data-table tbody td {
    margin-left: 0;
  }
  .paypal-express-review .linearize-table tbody td {
    padding-left: 0;
  }
  .paypal-express-review .item-options {
    font-weight: 500;
  }
  .paypal-express-review .col2-set .col-1,  .paypal-express-review .col2-set .col-2 {
    width: 100%;
  }
  .paypal-express-review .col2-set .col-2 {
    padding-left: 0;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .paypal-express-review .linearize-table tbody td,
  .paypal-express-review .linearize-table tfoot td:nth-child(2n) {
    text-align: right;
  }
  .paypal-express-review .linearize-table tbody td {
    display: block;
  }
}
@media only screen and (min-width: 480px) {
  .paypal-express-review .btn-checkout {
    margin-right: 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 1400px) {
  .paypal-express-review .linearize-table tbody td {
    text-align: right;
    display:table-cell;
  }
  .paypal-express-review .item-options {
    text-align: left;
  }
}
@media only screen and (min-width: 1401px) {
  .paypal-express-review  .data-table tbody td {
    text-align: right;
  }
  .paypal-express-review .item-options dd {
    text-align: left;
  }
}
.paypal-express-review .checkout-agreements .agree {
    display: none;
}
.paypal-express-review .checkout-agreements .agreement-content {
  max-width: 100%;
  margin-top: 30px;
}
.paypal-express-review .btn-checkout {
  font-size: 1.125rem;
  padding: 10px 22px;
}
.paypal-express-review .box h3 {
  font-weight: 500;
  margin-top:0
}
.paypal-express-review .box-content {
    font-size: 0.875rem;
}
.paypal-express-review .box-title a,
.paypal-express-review .legend a {
  text-decoration: underline;
  font-size: 0.875rem;
  font-weight: 500;
}
.paypal-express-review .box-title a::before,
.paypal-express-review .legend a::before {
    font-family: FontAwesome;
    content: "\f040";
    display: inline-block;
    padding-right: 5px;
    font-weight: 100;
}
.paypal-express-review  .checkout-agreements .agreement-content {
  max-height: 170px;
  background: #fff;
}
.paypal-express-review .agb-text p,
.paypal-express-review .agb-text p strong,
.paypal-express-review .agreement-content p,
.paypal-express-review .agreement-content p strong {
  font-size: 0.875rem;
}
.paypal-express-review #details-table h3 a {
    font-weight: 600;
}
.success .item-list {
  position: relative;
  width: 100%;
  border-left: 1px solid black;
}
.success .item-list .item {
  position: relative;
  line-height: 16px;
  margin-bottom: 58px;
  text-align: left;
  display: block;
  padding: 0 9px;
  font-size: 13px;
}
.success.pickup .item-list .item {
  margin-bottom: 40px;
}
.success.wert .item-list .item {
  margin-bottom: 40px;
}
.success .item-list .item:first-child:after {
  content: "";
  position: absolute;
  top: 0px;
  left: -3px;
  width: 5px;
  height: 8px;
  background: #fff;
  z-index:1;
}
.success .item-list .item:last-child:after {
  content: "";
  position: absolute;
  top: 9px;
  bottom: 0;
  left: -3px;
  width: 5px;
  background: #fff;
}
.success .item-list .item .item-label {
  position: relative;
  font-size: 0.8125rem;
  padding-left: 20px;
  color: #222;
}
.success .item-list .item .item-label:before {
  content: '';
  position: absolute;
   top: 2px;
  left: -16px;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  background: #222;
  z-index:2;
}

/* Success Landingpages */
.success.zweispaltig {
  margin-bottom: 0px;
}
.success .border-center {
  margin-bottom: 30px !important;
}
.success .zweispaltig-links {
  text-align: center;
}
.success .zweispaltig-links img {
  max-width: 360px;
}
.success .item-list {
  border-left: 1px solid #35a8e0;
}
.success .item-list .item .item-label:before {
  background: #35a8e0;
}
.success.wert .item-list {
  border-left: none;
}

/* --------------- Timeline -------------------- */
/* --------------------------------------------- */
.timeline-container {
  float: left;
  padding-top: 10px;
}
.timeline {
  position: relative;
}
@media only screen and (min-width: 1001px) {
  .timeline {
    width: 100%;
    max-width: 1100px;
    margin: 30px auto 0;
  }
}
.timeline::before {
  content: "";
  background: #e30613;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.timeline-item {
  width: 100%;
  margin-bottom: -100px;
}
.timeline-item:last-of-type {
  margin-bottom: 30px;
}
.timeline-item:nth-child(even) .timeline-content {
  float: right;
}
.timeline-item:nth-child(even) .timeline-content .date {
  right: auto;
  left: 0;
}
.timeline-item:nth-child(even) .timeline-content::after {
  content: "";
  position: absolute;
  border-style: solid;
  width: 0px;
  height: 0px;
  top: 0px;
  left: 1px;
  border: 1rem solid #eee;
  border-color: transparent transparent #e30613 #e30613;
  transform-origin: 0 0;
  transform: rotate(45deg);
  box-shadow: -3px 3px 4px 0px #eee;
}
.timeline-item::after {
  content: "";
  display: block;
  clear: both;
}

.timeline-content {
  position: relative;
  width: 45%;
  padding: 10px 30px;
  background: #fff;
  box-shadow: 0 0 4px #ccc;
}
.timeline-content::after {
  content: "";
  position: absolute;
  border-style: solid;
  width: 0px;
  height: 0px;
  top: 45px;
  right: -31px;
  border: 1rem solid #eee;
  border-color: transparent transparent #e30613 #e30613;
  transform-origin: 0 0;
  transform: rotate(-135deg);
  box-shadow: -3px 3px 4px 0px #eee;
}

.timeline-card {
  padding: 0;
  padding-bottom: 15px;
}
.timeline-card p {
  padding: 0 15px;
}
.timeline-card a {
  margin-left: 20px;
}
.timeline-img {
    width: 28px;
    height: 28px;
    background: #e30613;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-top: 8px;
    margin-left: -14px;
    border: 5px solid #fff;
}
.timeline-img-header {
  position: relative;
  margin-bottom: 20px;
}
.timeline-img-header img {
  width: 100%;
  height:auto;
  display: block;
}
.timeline-card h3 {
padding-left: 15px;
color: #333;
}

.timeline .date {
  background: #e30613;
  display: inline-block;
  color: #fff;
  padding: 6px 16px;
  position: absolute;
  top: 0;
  right: 0;
  z-index:1;
  font-size: 1.25rem;
  font-weight: 600;
}
.timeline-item.jubi .mobil {
  display: none;
}
@media screen and (max-width: 768px) {
  .timeline-item {
    margin-bottom: 70px;
  }
  .timeline .timeline-img-header {
    display: flex;
    justify-content: center;
  }
  .timeline .timeline-content {
    max-width: 100%;
    width: auto;
  }
  .timeline .timeline-item:nth-child(even) .timeline-content {
    float: none;
  }
  .timeline .timeline-item:nth-child(odd) .timeline-content::after {
    content: "";
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    top: 30px;
    left: -15px;
    border-width: 10px 15px 10px 0;
    border-color: transparent #f5f5f5 transparent transparent;
  }
  .timeline-img,
  .timeline-item::after,
  .timeline-content::after,
  .timeline-item.jubi .desktop {
    display: none;
  }
  .timeline-img-header h3 {
    left: unset;
    font-size: 1.25rem;
    text-align: center;
    color: #333;
  }
  .timeline .date,
  .timeline-item:nth-child(2n) .timeline-content .date {
    top: unset;
    right: unset;
    left: unset;
    border:none;
  }
  .timeline-item.jubi .mobil {
    display: block;
  }
}

/* Display none Jubliläum und TrustedShops icon auf Produktseiten */
/* -------------------------------------------------------------- */
@media only screen and (max-width: 1000px) {
    .catalog-product-view .jubilaeum {
            display: none !important;
        }
        .catalog-product-view .upscroll {
                display: none;
            }
}
@media only screen and (max-width: 648px) {
    div[id*="minimized-trustbadge-"] {
        display: none;
    }
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('/fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('/fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/roboto-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('/fonts/roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v20-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('/fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('/fonts/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

.proceedshopping {
   display:none;
}
#header-cart .ts-stars-reviewCount, .ts-reviewSummary-averageRating {
    display: none !important;
}

.checkout-types {
    float: none;
    width: auto;
    text-align: center;
    display: inline-flex;
    list-style: none;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
    flex-direction: row;
}
  .minicart-actions .checkout-types li {
    margin: 0 0 15px 0;
    width: 100%;
  }
  .minicart-actions .checkout-types .checkout-button{
    margin: auto;
  }
  .minicart-actions .checkout-types li:first-of-type {
    display: none;
  }
.checkout-types .paypal-logo {
  margin-bottom: 0;
  margin-left: 10px;
  order: 2;
  max-width: 170px;
  width: 100%;
  margin: auto;
}
.checkout-types .paypal-logo .paypal-or {margin-bottom: 0px; display: none;}
.minicart-wrapper .empty {padding: 5px;}
.minicart-wrapper .truncated a.details:after {
  font-family: FontAwesome;
  content: "\f059";
  display: inline-block;
  padding-left: 5px;
  font-weight: 100;
}
.minicart-wrapper .quantity-button {display: inline;margin-top: 0;padding: 2px 4px;}
.header-minicart .minicart-actions .checkout-button {
  font-size: 1rem;
  font-weight: bold;
  width: 200px;
  padding: 10px 0;
  margin-top:0;
}
.header-minicart .minicart-actions .checkout-button::before {
    content: '\f07a';
    font-family: FontAwesome;
    padding-right: 5px;
}
.header-minicart .minicart-actions .checkout-button .fa.fa-shopping-cart:before {
  font-size: 1.125rem;
}
.product-view .add-to-cart-buttons .paypal-logo .paypal-button {display:contents !important;	margin: 0px;width: auto;max-width: 100%;}
.checkout-types.minicart img {display: inline;width:100%}
.add-to-cart-buttons .paypal-logo img {width: 50%;}
#payButtonWidgetSidebar,#payButtonWidgetDiv {margin-bottom: 5%;display: block;}
.amazonpayments-or {display: none !important;}
#OffAmazonPaymentsWidgets0 {width:auto !important;}
#payButtonWidgetMinicart img {margin-bottom: 8px;}
.header-minicart .truncated .truncated_full_value .item-options {left: 0;}
#header-cart .product-details a {text-decoration: underline;}
.mini-products-list .product-details {margin-left: 0;}
.header-minicart .minicart-actions .cart-link {
  position: initial;
  float: none;
  background: none;
  color: #222;
  text-decoration: underline;
  padding-top:0;
}
  .header-minicart .minicart-actions .cart-link:hover {
    text-decoration: underline;
    background: none;
  }


/**************************************************** < 1000px ***/
@media only screen and (max-width:1000px){
  .checkout-types {
    display: block;
    margin-bottom: 8px;
  }
  .header-minicart .minicart-actions {
    padding-top: 0;
  }
  .checkout-types.minicart p.paypal-logo {text-align: center; order: 2; margin-top:0px;}
  .checkout-types.minicart li {width:100%; display: inline-block;}
	.paypal-logo img {max-width: 220px;}
	.header-minicart .mini-products-list {padding:0px;}
	.header-minicart .minicart-actions .checkout-button {
    width: 200px;
    max-width: 100%;
    font-size: 1rem !important;
    order: 1;
	}
	#header-cart .product-image {
		margin-right: 0;
		width: 100%;
		float: none;
		margin:auto;
		margin-right:auto !important;
    text-align: center;
	}
	.checkout-types {float: none; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center;}
	.proceedshopping {
		background:#fff;
		color:#000;
		text-decoration:underline;
		display:block;
		margin-top:5%;
		cursor:pointer;
	}
	.proceedshopping:hover {text-decoration:none;}
	.proceedshopping.oder {text-decoration: none;cursor: auto;}
	#header-cart .product-details {float: right;width: 100%; text-align: center; font-size: 0.75rem;}
	.header-minicart .product-details .product-name {font-weight: 700; margin-bottom: 5px; text-align: center;}
	.minicart-wrapper {
		position: fixed;
		background: #fff;
		height: auto;
		z-index: 9;
		max-height:90vh;
		/* overflow-y: scroll; */
		width: 90%;
		float: none;
		margin: auto;
		left: 0;
		right: 0;
		/* top: 0px; */
    margin-top: 10%;
		padding: 2% 0;
		overflow-x: hidden;
		transition:0.3s;
	}
	#header-cart.skip-active{
		position: fixed;
		height: 120vh;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: 100%;
		z-index: 5;
		background: rgba(2, 2, 2, 0.8);
		transition:0.3s;
	}
	#header-cart img {height: auto;}
  .product-image img {max-width: 320px; width:100%; margin: 7px 0;}
	.checkout-types img {max-width:150px;}
  .header-minicart .block-subtitle {padding: 5px 5px 0 5px;}
	.header-minicart .block-subtitle .close {position: relative;}
	.header-minicart .minicart-actions .cart-link {
		background: #fff;
		color: #000;
		text-decoration: underline;
    position: relative;
    padding-bottom: 0;
    right: 0;
	}
	.header-minicart .minicart-actions .cart-link:hover {background: #fff;}

  /***************************************************************** Änderungen ***/
  /********************************************************************************/
  .success {text-align: left;padding: 5px;}
  .header-minicart .info-wrapper { font-size: 0.875rem; margin: auto; margin-bottom:5px; width: 100%; text-align:center;}
    .header-minicart .info-wrapper tr {
      display: inline-block;
      text-align: center;
      width: 100%;
    }
    .header-minicart .info-wrapper .qty-wrapper {
      display: inline-block;
      margin: auto;
      width: 100%;
      text-align: center;
    }

  .header-minicart .info-wrapper .qty-wrapper td {height: 20px;line-height: 0px;padding-top: 0px; display: inline-flex;}
  .header-minicart .truncated {margin-top: 0px;}
  .wertgarantie-minicart .wertgarantie-preis {text-align: center;}
  .header-minicart .mini-products-list li {padding: 5px; margin-bottom: 0; border-bottom: none;}
  .header-minicart .wertgarantie-minicart img {margin: 10px auto 5px;float: none;display: block;}
  .header-minicart .wertgarantie-checkboxstil input[type="checkbox"], .wertgarantie-checkboxstil input[type="radio"] {margin-top: 5px;}
  .header-minicart .block-content {padding-bottom: 5px;}
  .header-minicart .button.checkout-button {margin: 0;}
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or {line-height:1.5em; display: none;}

}
.header-minicart .info-wrapper .qty-wrapper th,
.header-minicart .info-wrapper th,
.header-minicart .info-wrapper td,
.header-minicart .info-wrapper .qty-wrapper td {
  display: inline-flex;
}
.header-minicart .info-wrapper .qty-wrapper td {
  height: 25px;
}


.minicart-wrapper .close.skip-link-close {
  width: auto;
  right: 1%;
  top: 1%;
  font-size: 1.3125rem;
  font-weight: 600;
  color: #000;
  opacity: 0.2;
}
.minicart-wrapper .close.skip-link-close:hover {
  background: #ccc;
}
/**************************************************** > 771px ***/
@media only screen and (min-width:771px){
.minicart-wrapper {
		position: fixed;
		background: #fff;
		height: auto;
		z-index: 9;
		max-height: 75vh;
		overflow-y: auto;
		width: 60%;
		float: none;
		margin: 5% auto;
    margin-top: 20vh;
		left: 0;
		right: 0;
    top: -80px;
		padding: 2% 0;
		overflow-x: hidden;
		transition:0.3s;
	}
	#header-cart.skip-active{
		position: fixed;
		height: 120vh;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width:100%;
		z-index: 32;
		background: rgba(2, 2, 2, 0.8);
		transition:0.3s;
	}
}
@media only screen and (min-width:771px) and (max-width: 1000px) {
  .header-minicart .subtotal {
    margin-bottom: 10px;
  }
}

/* > 1000px */
@media only screen and (min-width: 1001px) {
  .minicart-wrapper .product-details .btn-edit,
  .minicart-wrapper .product-details .remove,
  .minicart-wrapper .product-details .truncated {
    font-size: 0.75rem;
  }
  .minicart-wrapper .product-details .truncated {
    display: inline-block;
    margin-left: 5px;
  }
    .minicart-wrapper .product-details .truncated .details {
      text-decoration: none !important;
    }
      .minicart-wrapper .product-details .truncated .details:before {
        content: '|';
        padding-right: 5px;
      }
    .minicart-wrapper .wertgarantie-minicart img {
      float: none !important;
      margin-right: 0 !important;
    }
    .header-minicart .mini-products-list li.last {
      margin-bottom: 0;
    }
    .header-minicart .minicart-actions {
      padding-top: 0;
      margin-top: 10px;
      text-align: center;
    }
    .minicart-wrapper .qty-wrapper .input-text {
      font-size: 0.875rem;
    }
    .header-minicart .subtotal {
      font-size: 1rem;
    }
      .header-minicart .subtotal .price {
        font-size: 1rem !important;
        font-weight: 600 !important;
      }
    .header-minicart .info-wrapper tr {
      display: inline-block;
      width: 100%;
    }
    .header-minicart .mini-products-list li .product-details {
      text-align: left;
    }
}

/* 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: flex;
    align-items: center;
}
.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;
    text-align: center;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
  width: 85% !important;
  padding: 15px 0;
}
.slick-slide[aria-describedby="slick-slide00"] > img.lazy {
  width: 100% !important;
  padding: 0 !important;
}
@media only screen and (min-width: 1001px) {
  .slick-slide img
  {
    width: 100% !important;
  }
}

.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.megabike24.de/skin/frontend/rwd/megabike/js/slick/ajax-loader.gif') center center no-repeat;
}

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

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

    position: absolute;
    top: 50%;

    display: block;

    width: 40px;
    height: 40px;
    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: 35px;
    line-height: 1;

    opacity: .75;
    color: white;

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

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

.slick-next
{
    right: -45px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -45px;
}
.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;
}




.products-grid .price-box .price, .price {
    font-weight: normal;
    color: #E30613;
    text-shadow: none;
    font-size: 1.125rem;
}

.item:hover {
	z-index:21;
}

.price_old_price1 .price, .price_old_price .price {
    color: #4d4d4d;
    font-size: 1.125rem;
}

.vershigh, .verslist, .versprod {
    color: #13b910 !important;
    background-color: #fff !important;
    text-align: center;
	width: 100% !important;
	font-size:1rem !important;
}

.hoehen, .products-grid .hoehen {
	display:none !important;
}

.gespart {
    background-color: transparent !important;
    color: #e30613 !important;
	width:100% !important;
	margin: 0;
	padding: 0;
}

.products-grid .prozente {
    margin-top: -90%;
    margin-right: 5%;
}

.products-list .tax-details, .products-grid .tax-details, .highlightfeat .tax-details {
	display:none;
}

.products-list .price_old {
    margin-top: 10px;
}

.products-list .link-learn {
    text-decoration: underline;
}

.list-product-name-modell {
	text-transform:none;
}

.prodov {
 width:100% !important;
}

.highlightfeat {
	min-height:510px;
}

.highlightfeat:hover {
transform:scale(1.0) !important;
}

.highlightfeat .lazy, .highlightfeat .highlightdesc {
	width:100%;
}

.product-info .markenimage {
    width: 15px !important;
	padding-top: 7px;
	margin: 0 0 0 -20px;
	height: auto !important;
}

.prozent_rabatt {
	display: block;
	position: relative;
	right: 0;
	color: #fff;
	font-size: 1rem;
	background: #e30613;
	padding: 2%;
	font-weight: 600;
	width: auto;
	float: right;
	margin-top:2%;
	height:2em;
}

.prozent_rabatt.empty {
    background: transparent;
    width: 20%;
}

.products-grid .product-name a {
    width: 100%;
    text-align: center;
    float: left;
    margin: auto;
}

.products-list .markenimage {
    height: 1em !important;
    margin: 0;
	width: 1em !important;
}
@media only screen and (max-width:1000px) {
	ul.products-grid li.item {
		  width:95% !important;
		  float:none;
		  border:1px solid #ccc;
		  line-height: 1.2em;
		}

	ul.products-grid li.item .product-image {
			width:65%;
			display:inline-block;
			float:left;
		}

	ul.products-grid li.item .product-info {
			width:30%;
			display:inline-block;
			padding-bottom: 0;
		}

	.prozente {
			display: none;
		  }

	.filterup {
			display:none;
		}

	/**.category-description,**/


	.highlighter {
			display:none;
		  }
	.vershigh, .verslist, .versprod {
				font-size:0.875rem !important;
			}
        ul.products-grid li.item .verslist {
          font-size: 0.75rem !important;
        }

	.price_old_price1 .price, .price_old_price .price {
				font-size: 0.9375rem !important;
			}

	.price-box .price, .price {
				font-size:0.75rem !important;
			}
    ul.products-grid li.item .price-box .price {
      font-size: 1rem !important;
    }

	.products-grid .price-box {
				margin:  5% 0 !important;
			}
      ul.products-grid li.item .products-grid .price-box {
        margin: 0 !important;
      }

	.prozent_rabatt {
				margin-top:0;
			}
}

.filterup {
	width:100%;
}

/* Markentexte Kategorien */
#ajaxquickviewcontent .zweispaltig-30-70-rechts {
    padding-left: 0;
}

.messages .notice-msg li {
  background: #13b910;
  color: #fff;
  border-left: 5px solid #13b910;
}
.messages .notice-msg li::before {border-left: 6px solid #fff;}
.note-msg.misspell.fallback {display: none;}
.searchindex-related-terms {display: none;}

/** ==================BASE===================*/
.aw-ln-clear-all{
    font-size: 11px;
    position: absolute;
    padding-top: 2px;
    padding-left: 9px;
}
#aw-ln-filters-container {
    clear: both;
    margin-top: 0px;
	padding: 0 5%;
}
#aw-ln-filters-container dd ol{
    font-size:0;
}
#aw-ln-filters-container dd ol li{
    display: inline-block;
    width: 100%;
    overflow: hidden;
    margin: 0;
    white-space: nowrap;
    font-size:11px;
    padding:2px 0 2px 0;

}
#aw-ln-filters-container dd ol li.aw-ln-filters-container-1column-layout{
    width: 100%;
}
#aw-ln-filters-container dd ol li.aw-ln-filters-container-2column-layout{
    width: 49%;
}
#aw-ln-filters-container dd ol li.aw-ln-filters-container-3column-layout{
    width: 33%;
}
#aw-ln-filters-container dd ol li.aw-ln-filters-container-4column-layout{
    width: 23%;
}
#aw-ln-filters-container dd ol li label{
    cursor: pointer;
}
#aw-ln-filters-container dd ol li label a{
    text-decoration: none;
}
#aw-ln-filters-container dd ol li>a{
    cursor: default;
    text-decoration: none;
}
#aw-ln-filters-container dd ol li label img{
    vertical-align: middle;
}

#aw-ln-filters-container dd ol li span {
    padding: 0;
    display: inline-block;
}

#aw-ln-filters-container dt{
    margin-bottom: 3px;
    padding-right: 3px;
    background: #fff;
    color: #000;
    text-transform: none;
    font-weight: bold;
	border-bottom:1px solid #ccc;
	padding:5px 0;
}

#aw-ln-filters .block-content {
    padding: 0;
}

#aw-ln-filters .block-title {
	display:none;
}

#aw-ln-filters .block-content a {
	color:#000;
}

#aw-ln-filters {
  border-color: #4d4d4d;
  border-style: none;
  border-width: 1px;
  box-shadow:1px 1px 4px #ccc;
}

#aw-ln-filters .block-layered-nav .block-content > dl > dd, .block-layered-nav .block-content > dl > dd {
	padding:5px 0;
}

.toolbar {
	border-bottom: 1px #ccc solid;
	border-top: 1px #ccc solid;
	background:#fff;
	margin-top:15px;
}

.pager {
margin-bottom:0px;
}

@media only screen and (min-width: 1000px) {
	#aw-ln-filters {
		margin-right:2%;
	}
}

@media only screen and (max-width: 1000px) {
    #aw-ln-filters-container dt{
    margin: 0px 6px;
    padding-right: 3px;
    padding-left: 18px;
    background: #aaa;
    color: #000;
    text-transform: none;
    font-weight: 500;
    background: #fff;
    }
    }
.aw-ln-filter-clear{
    float: right;
    font-size: 11px;
    padding: 0;
    text-transform: none;
    font-weight: normal;
}

/** ==================HELP TOOLTIP===================*/
.aw-ln-filter-help{
    clear: both;
    float: right;
    font-size: 11px;
    padding: 0;
    text-transform: none;
    font-weight: normal;
    cursor: help;
    height: 15px;
}
.aw-ln-filter-help.help-icon{
    width: 15px;
    height: 15px;
    background: url(https://www.megabike24.de/skin/frontend/rwd/megabike/aw_layerednavigation/img/help-icon.png) no-repeat 0 0;
}
.aw-ln-filter-help>a{
    cursor: help;
}

.aw-ln-help-tooltip-wrapper {
    position: relative;
    z-index: 100;
    cursor: help;
    font-size: 11px;
    text-transform: none;
    font-weight: normal;
}

.aw-ln-help-tooltip {
    width: 191px;
    position: absolute;
    z-index: 1000;
    right: -15px;

    padding: 5px 12px;
    color: #464d50;

    background-color: #ffffff;
    border: thin solid #cccccc;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0,0,0,.25);
}
.aw-ln-help-tooltip__top {
    bottom: 29px;
}
.aw-ln-help-tooltip__bottom {
    top: 10px;
}

.aw-ln-help-arrow {
    position: absolute;
    z-index: 1000;
    right: 0px;
}
.aw-ln-help-arrow:before {
    border-color: #cccccc transparent;
    border-style: solid;
    content: "";
    right: -2px;
    position: absolute;
}
.aw-ln-help-arrow:after{
    border-color: #fff transparent;
    border-style: solid;
    content: "";
    right: -2px;
    position: absolute;
}

.aw-ln-help-arrow__top{
    bottom: 30px;
}
.aw-ln-help-arrow__top:before{
    border-width: 10px 10px 0;
    top: 1px;
}
.aw-ln-help-arrow__top:after{
    border-width: 10px 10px 0;
    top: 0px;
}
.aw-ln-help-arrow__bottom{
    top: 0px;
}

.aw-ln-help-arrow__bottom:before{
    border-width: 0 10px 10px;
    top: 0px;
}
.aw-ln-help-arrow__bottom:after{
    border-width: 0 10px 10px;
    top: 1px;
}

/** ============COLLAPSE===============*/
.aw-ln-filter-collapse-show, .aw-ln-filter-collapse-hide{
    cursor: pointer;
}
/** =========== CATEGORY TREE =========== */
.aw-ln-filter-category-tree-action{
    width: 15px;
    height: 15px;
    display: block;
    float: left;
}
.aw-ln-filter-category-tree-action-plus{
    background: url('https://www.megabike24.de/skin/frontend/rwd/megabike/aw_layerednavigation/img/category-tree-plus.gif');
    cursor: pointer;
}
.aw-ln-filter-category-tree-action-minus{
    background: url('https://www.megabike24.de/skin/frontend/rwd/megabike/aw_layerednavigation/img/category-tree-minus.gif');
    cursor: pointer;
}
/** =============RANGE=================*/
.aw-ln-filter-options-range-slider{
    z-index: 10;
}
.aw-ln-filter-options-range-slider-wrapper{
    background: url('https://www.megabike24.de/skin/frontend/rwd/megabike/aw_layerednavigation/img/bar-bkg.png') repeat-x center 4px;
    height: 16px;
}
.aw-ln-filter-options-range-slider-wrapper-left{
    margin: 0 0 0 -6px;
    background: url("https://www.megabike24.de/skin/frontend/rwd/megabike/aw_layerednavigation/img/bar-left.png") left 4px no-repeat;
    height: 16px;
}
.aw-ln-filter-options-range-slider-wrapper-right{
    margin: 0 -7px 0 1px;
    background: url("https://www.megabike24.de/skin/frontend/rwd/megabike/aw_layerednavigation/img/bar-right.png") right 4px no-repeat;
    height: 16px;
}
.aw-ln-filter-options-range-slider-min, .aw-ln-filter-options-range-slider-max{
    width: 9px;
    height: 18px;
    background: url('https://www.megabike24.de/skin/frontend/rwd/megabike/aw_layerednavigation/img/handle.png') center 1px no-repeat;
    cursor: move;
    float: left;
    z-index: 100;
}
.aw-ln-filter-options-range-slider-min{
    position: relative!important;
}
.aw-ln-filter-options-range-slider-max{
    position: static!important;
}
.aw-ln-filter-options-range-slider-active{
    float: left;
    width: 0;
    height: 13px;
    background: url('https://www.megabike24.de/skin/frontend/rwd/megabike/aw_layerednavigation/img/orange-bkg.png') repeat-x center 7px;
    position: relative;
    z-index: 20;
}
.aw-ln-filter-options-range-status{
    height: 20px;
    width: 100%;
}
.aw-ln-filter-options-range-status-from{
    float: left;
    margin: 0 0 0 -4px;
}
.aw-ln-filter-options-range-status-to{
    float: right;
    margin: 0 -3px 0 0;
}
/** ==================FROM-TO===================*/
.aw-ln-filter-options-fromto{

}
.aw-ln-filter-options-fromto input{
    width: 50px;
    height: 17px;
}

/** ===============OVERLAY======================*/
.aw-ln-overlay{
    background: no-repeat center center;
    position: absolute;
    z-index: 9999;
}

/** ===============RWD THEME======================*/
div#aw-ln-filters li label img,  div#aw-ln-filters li span {
    display: inline-block;
    padding: 0;
}

div#aw-ln-filters li label img, div#aw-ln-filters li label input[type="radio"] {
    vertical-align: middle;
}

@media only screen and (min-width:1000px) {
	#aw-ln-filters-container {
		display:block;
	}
	#aw-ln-filters-container button{
		width:75%;
	}
	#aw-ln-filters-container dd ol li input, #aw-ln-filters-container dd ol li a {
		vertical-align: middle;
	}
}

@media only screen and (max-width: 1000px) {
	#aw-ln-filters.active {
		position: fixed;
		top: 0;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		z-index: 7;
		margin-top: 0;
		height: 100%;
		left:0;
		overflow: auto;
	}
	.loading-no-show {display:none;}
	#aw-ln-filters {box-shadow: none !important;}
	.block-layered-nav .block-subtitle--filter {
		background-color: #ccc !important;
		border: 0;
		margin-bottom: 0;
		display: block;
		color: #000 !important;
		width: auto;
		float: left;
		padding: 5% !important;
		margin: 0px !important;
		border-bottom: solid 1px #ccc !important;
		border-top: solid 1px #ccc !important;
	}
  .block-subtitle.block-subtitle--filter {
		text-transform: none !important;
		font-weight: bold !important;
	}
	#aw-ln-filters-container {
		clear: both;
		margin-top: 0px;
		padding: 0;
		width: 100%;
		background: #fff;
		padding:0 !important;
	}
	#aw-ln-filters-container dt {
		height: 3.5em;
		padding-top: 1.1em !important;
		text-align:left;
		margin:0 0;
		padding-left: 7%;
	}
	#aw-ln-filters-container dt span {margin-left: 10px;}
	.block-layered-nav .block-content > dl > dd {
		text-align: left;
		max-width:100%;
		background: #f1f1f1;
		padding:0 !important;
	}
	#aw-ln-filter-18-options, #aw-ln-filter-16-options {height:auto !important;}
	#aw-ln-filter-18-collapse-hide, #aw-ln-filter-18-collapse-show, #aw-ln-filter-16-collapse-hide, #aw-ln-filter-16-collapse-show  {display:none !important;}
	#aw-ln-filters-container dd ol li label {
		width:90%;
		display:table-cell;
		float:left;
	}
	#aw-ln-filters-container dd ol li {
		padding: 0 5% !important;
		line-height: 4em;
		border-bottom: 1px solid #ccc;
	}
	#aw-ln-filters-container dd ol li span {
		padding: 0;
		display: table-cell;
		float: right;
		margin: 0;
	}
	.aw-ln-filter-options-range {padding: 5% 8%;}
	#aw-ln-filters.active .aw-ln-clear-all {
		background: #fff;
		position: absolute;
		width: 100%;
		padding:0 2%;
		line-height:3em;
	}
	#aw-ln-filters-container dd ol li.aw-ln-filters-container-2column-layout {width: 90% !important;}
	.block-content.toggle-content {width: 70%;}
}

@media only screen and (max-width:1000px) {
	.loading-no-show.block.block-layered-nav.active .block-content.toggle-content.accordion-open .aw-ln-clear-all {
		position: initial;
	}
  .sorter .view-mode {
      display: none;
  }
  .col-main .col-left {
    padding: 0;
    width: 50%;
    float: left;
  }
  .col-main .col-left:nth-child(2) {
    display:none;
  }
	.toolbar {
		padding: 5px 0;
	}
  .toolbar .sorter {
    width: 100%;
  }
  .toolbar .sorter label::after {
    display:none;
  }
  #aw-ln-filters {
    padding:0 !important;
    margin:0 !important;
    margin-top:0 !important;
  }
  .block-content.toggle-content,.block-subtitle.block-subtitle--filter {
    margin-top:0 !important;
  }
  .sorter > .sort-by {
		margin-right: 0px;
		height: auto;
		width: 100%;
		float: none;
		display: inline-block;
		background:#fff;
		position: relative;
}

  .block-layered-nav .block-subtitle--filter, .pseudobutton {
    height:3em;
    font-size:1rem;
    text-align: left;
    background-color:#fff;
    line-height: 1em;
    }
  .sorter > .sort-by label .fa-sort {
    line-height: 3em;
    font-size: 1rem;

  }
  .pseudobutton {
		background-color:#fff;
    border-color: gray !important;
    float: left;
    border:1px solid gray;
    cursor: pointer;
    font-weight: bold;
    font-size: 0.875rem;
    display:block !important;
    width:100%;
    line-height:3.7em;
    margin-right:5%;
    text-align: center;
    height: 3.7em;
		margin-bottom: 15px;
  }

  .block-subtitle.block-subtitle--filter {
    display:none;
  }
  .block-subtitle.block-subtitle--filter.active {
    display: block;
    line-height: 3em;
    height: 3em;
    width: 100%;
    padding:  0 1em !important;
		text-align: center;
  }

  .sort-by select {
		width: 100%;
    height: 3.6em;
    font-size: 0.875rem;
    font-weight: bold;
    border: none;
    text-align: center;
    text-align-last: center;
		cursor: pointer;
		padding: 10px 10px 10px 10px;
		-webkit-appearance: none;
		-ms-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-color: transparent;
		border-radius: 0;
		position: relative;
		z-index: 3;
		box-shadow: 1px 1px 4px #ccc;
		margin-bottom: 15px;
  }

  .sorter > .sort-by .sort-by-switcher {
    float: right;
		margin-top:0.4em;
	}

  .toolbar .fa, .label .fa {
    font-size: 1rem !important;

  }

  .toolbar .fa-sort {

	display:none;
  }
  .pseudobutton {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  box-shadow:1px 1px 4px #ccc;
  text-align:center;
  text-align-last: center;
}

 .sorter label {
    float: left;
    margin-left: 5%;
    width: 5%;
    margin-right: 1%;
}

  .sort-by::after {
		content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
		top: 12px;
    right: 10px;
    z-index: 1;
		font-size: 1.25rem;
}
.toolbar .pager {
    margin-top: 1%;
}
.pages a, .pages .current {font-size: 0.875rem;}
.count-container p {font-size: 0.875rem !important;}
.category-image {
    margin-bottom: 0;

}

.toolbar {
	margin-top:0;
	border:none;
}
.loading-no-show.block.block-layered-nav .aw-ln-clear-all {display:none;}
.loading-no-show.block.block-layered-nav.active .aw-ln-clear-all {display:block;}
}
/* mobile Darstellung Produkte neben Filter */
@media only screen and (min-width: 771px) and (max-width: 1000px) {
	.col-left {
		width: 32%;
	}
	#aw-ln-filters {
		margin-top: 0;
	}
	#aw-ln-filters-container dt:first-of-type {
		margin-top: 0px;
	}
	.category-products {
		clear: none;
		float:right;
		width: 100%;
	}
	.produkt-karte:hover .varianten {
		display: none;
	}
	.category-fahrrad .category-image,
	.category-e-bike .category-image{
    float: right;
    width: 100%;
}
}
.sorter label::after {
	display:none;
}
 .toolbar .fa-sort {

	display:none;
  }

	/*Filterumbruch bei 1000px anstatt 770px */

	@media only screen and (min-width: 771px) and (max-width:1000px){
	.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;
	margin-top:15px
	}

	.block-layered-nav .block-content > dl > dt{
	cursor:pointer;
	border-bottom-width:0
	}

	.block-layered-nav .block-content > dl > dt:hover{
	color:#e30513
	}

	.block-layered-nav .block-content > dl > dt:after{
	content:'';
	position:absolute;
	width:0;
	height:0;
	display:block;
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
	border-left:4px solid #4d4d4d;
	border-right:none
	}

	.block-layered-nav .block-content > dl > dt.last{
	border-bottom-width:1px
	}

	.block-layered-nav .block-content > dl > dd{
	display:none
	}

	.block-layered-nav .block-content.accordion-open > dl > dt.current{
	border-bottom-width:1px
	}

	.block-layered-nav .block-content.accordion-open > dl > dt.current:after{
	content:'';
	position:absolute;
	width:0;
	height:0;
	display:block;
	border-right:4px solid transparent;
	border-left:4px solid transparent;
	border-top:4px solid #4d4d4d;
	border-bottom:none;
	left:6px;
	top:50%;
	margin-top:-3px
	}

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

	.block-layered-nav .block-subtitle--filter{
	background-color:#4d4d4d;
	border:0;
	margin-bottom:0;
	display:block;
	color:#FFF
	}

	.block-layered-nav .block-subtitle--filter:after{
	content:'';
	position:absolute;
	width:0;
	height:0;
	display:block;
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
	border-left:4px solid #fff;
	border-right:none;
	right:10px;
	top:50%;
	margin-top:-5px
	}

	.block-layered-nav .block-subtitle--filter:hover{
	background-color:#f1f1f1;
	color:#000
	}

	.block-layered-nav .block-subtitle--filter.active:after{
	content:'';
	position:absolute;
	width:0;
	height:0;
	display:block;
	border-right:4px solid transparent;
	border-left:4px solid transparent;
	border-top:4px solid #fff;
	border-bottom:none;
	right:10px;
	top:50%;
	margin-top:-3px
	}

	#narrow-by-list,#narrow-by-list2{
	padding:10px;
	border:1px solid #ccc;
	border-top:0
	}

	.block-layered-nav dl ol > li > a,.block-layered-nav dl ol > li > span{
	padding:7px;
	margin:5px
	}

	.block-layered-nav dl ol > li > a{
	color:#000;
	background-color:#f4f4f4;
	padding:5px 10px
	}

	.block-layered-nav dl ol > li > a:hover{
	text-decoration:none;
	background:#e7e7e7
	}
	.main-container.col2-left-layout .col-main {
	    width: 100%;
	}

	}

.misspell.fallback strong,
.misspell.suggest strong {
  color: #c76200;
}
.misspell.fallback strong strike,
.misspell.suggest strong strike {
  color: #3d6611;
  font-weight: normal;
}
.misspell.fallback strong a,
.misspell.suggest strong a {
  color: #c76200;
}