/* Regular - 400 */
@font-face {
  font-family: 'sourcesanspro';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src:
    url('https://csscdn.redblue.de/MediaSE/static/fonts/MM/SourceSansPro-Regular.woff2') format('woff2'),
    url('https://csscdn.redblue.de/MediaSE/static/fonts/MM/SourceSansPro-Regular.woff2') format('woff');
}

/* Semibold - 600 */
@font-face {
  font-family: 'sourcesanspro';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src:
    url('https://csscdn.redblue.de/MediaSE/static/fonts/MM/SourceSansPro-Semibold.woff2') format('woff2'),
    url('https://csscdn.redblue.de/MediaSE/static/fonts/MM/SourceSansPro-Semibold.woff') format('woff');
}

/* Bold - 700 */
@font-face {
  font-family: 'sourcesanspro';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src:
    url('https://csscdn.redblue.de/MediaSE/static/fonts/MM/SourceSansPro-Bold.woff2') format('woff2'),
    url('https://csscdn.redblue.de/MediaSE/static/fonts/MM/SourceSansPro-Bold.woff') format('woff');
}

/* Regular - 400 */
@font-face {
  font-family: 'mmheadlinepro';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('https://csscdn.redblue.de/MediaSE/static/fonts/MM/MMHeadlineProWebTT-Regular.woff2'),
       url('https://csscdn.redblue.de/MediaSE/static/fonts/MM/MMHeadlinePro-Regular.otf'),
       url('https://csscdn.redblue.de/MediaSE/static/fonts/MM/MMHeadlineProWebTT-Regular.ttf') format('truetype');
}


@font-face {
  font-family: 'pricemm';
  font-weight: 400;
  src: url('https://csscdn.redblue.de/MediaSE/static/fonts/MM/pricemm.eot');
  src: url('https://csscdn.redblue.de/MediaSE/static/fonts/MM/pricemm.eot?#iefix') format('embedded-opentype'),
       url('https://csscdn.redblue.de/MediaSE/static/fonts/MM/pricemm.woff2') format('woff2'),
       url('https://csscdn.redblue.de/MediaSE/static/fonts/MM/pricemm.woff') format('woff'),
       url('https://csscdn.redblue.de/MediaSE/static/fonts/MM/pricemm.ttf') format('truetype'),
       url('https://csscdn.redblue.de/MediaSE/static/fonts/MM/pricemm.svg#svg') format('svg')
}
@font-face {
  font-family:'mm-icons';
  src: url('https://csscdn.redblue.de/MediaSE/static/fonts/MM/mmicons/MMIcons.eot');
  src: url('https://csscdn.redblue.de/MediaSE/static/fonts/MM/mmicons/MMIcons.eot?#iefix') format('embedded-opentype'),
       url('https://csscdn.redblue.de/MediaSE/static/fonts/MM/mmicons/MMIcons.woff2') format('woff2'),
       url('https://csscdn.redblue.de/MediaSE/static/fonts/MM/mmicons/MMIcons.woff') format('woff')
}

/*FONTER*/
body div,
body p,
body a,
body li {
  color: #000;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
}

body span {
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
}

h1,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a h5,
h6 {
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 700;
  text-transform: none !important;
}

.site-navigation2__child-item[data-nav-level="level 2"] .site-navigation2__link-label {
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
}

.site-navigation2__child-item.site-navigation2__child-item--no-children[data-nav-level="level 3"] .site-navigation2__link-label {
  font-weight: 400;
  font-family: 'sourcesanspro', sans-serif;
}

#filters span {
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
}

/* RISE HEADER */
.ms-textarea,
.ms-textarea:focus,
.ms-textfield,
.ms-textfield:focus {
  box-shadow: none !important;
}

.ms-header2--nav-active~.ms-header2-sticky-spacer {
  padding-top: 0 !important;
}

.ms-header2 {
  background-image: unset !important;
  box-shadow: 0 0.2rem .8rem rgba(0, 0, 0, .2);
}

.ms-header2--glued.ms-glue--fixed:not(.ms-header2--nav-active) {
  box-shadow: 0 .2rem .6rem rgba(0, 0, 0, .2) !important;
}

.site-navigation2--dropdown .ms-market-selector__button--offcanvas, .site-navigation2.site-navigation2--dropdown .site-navigation2__link, .site-navigation2.site-navigation2--dropdown .site-navigation2__link span, a.ms-market-selector__button.ms-market-selector__button--meta-nav span, a.ms-link.ms-header2__meta-nav-link {
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 600;
}

#uspWrapperP {
  position: absolute;
  display: none;
  padding: 6px 0 6px 0 !important;
  background: #f8f8f8;
  top: 0px;
  left: 0px;
  width: 100%;
}

#uspWrapperP a {
  text-decoration: none;
}

#uspWrapperP .usp-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 1188px;
  margin: 0 auto;
}

#uspWrapperP .usp-row .usp-wrapper {
  width: 70%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

#uspWrapperP .usp-row .usp-wrapper .usp {
  position: relative;
  margin-left: 30px;
  height: 16px;
}

#uspWrapperP .usp-row .usp-wrapper .usp:before {
  position: absolute;
  content: " ";
  background: url("images/icon_sprites.png") no-repeat -245px -5px !important;
  background-size: contain;
  width: 20px;
  height: 20px;
  top: -2px;
  left: -25px;
}

#uspWrapperP .usp-row .logo-wrapper {
  width: 8%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#uspWrapperP .usp-row .logo-wrapper .inside {
  width: 40px;
  height: 40px;
}

#uspWrapperP .usp-row .inside-logo-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: start;
  width: 40%;
  height: 15px;
}

#uspWrapperP .usp-row .inside-logo-wrapper .inside-logo-wrapper-child {
  width: 19px;
  height: 19px;
}

#uspWrapperP .rating-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 1px 0 0 10px;
  width: 140px;
  height: 16px;
}

#uspWrapperP .rating-wrapper p {
  margin: 0px 0px 5px 0px;
}

#uspWrapperP .text-rating {
  font-size: 17px;
}

#uspWrapperP .star-rating {
  position: relative;
  margin-left: 10px;
  font-size: 17px;
}

#uspWrapperP .usp-row .inside-logo-wrapper .star-rating:before {
  content: "\E637";
  position: absolute;
  top: 0px;
  left: -20px;
  width: 18px;
  height: 18px;
  font-family: 'mm-icons';
  color: #df0000;
}


@media screen and (max-width: 1229px) {
  #uspWrapperP .usp-row {
    width: 952px;
  }


  #uspWrapperP .usp-row .usp-wrapper {
    width: 85%;
  }

  #uspWrapperP .usp-row .logo-wrapper {
    width: 10%;
  }
}

@media screen and (max-width: 989px) {
  #uspWrapperP {
    padding: 0px;
  }

  #uspWrapperP .usp-row {
    width: 95%;
    padding: 3px 0 3px 0 !important;
    background: #f8f8f8;
    z-index: -1;
  }
}

@media screen and (max-width: 880px) {
  #uspWrapperP .usp-row .usp-wrapper {
    width: 89%;
  }

  #uspWrapperP .usp-row .logo-wrapper {
    width: 11%;
  }

  #uspWrapperP .usp-row .inside-logo-wrapper {
    width: 30%;
  }
}

/* Start: General */
.greentext{
  color: #00ac45;
}
.orangetext {
  color: #ff9900;
}
.redtext{
  color: #df0000;
}
.graytext{
  color: #ddd;
}
.darkggraytext{
  color: #4f4f4f;
}
.highlight {
  text-decoration: underline;
}
.highlight-bold {
  font-weight: 700!important
}

/* SWEMODULE*/
.swemodule h1 {
  font-size: 42px;
  line-height: 48px;
  margin: 30px 0 19px 0;
  display: block;
  color: #000;
}

.swemodule h2 {
  font-size: 22px;
  line-height: 25px;
  margin: 0 0 18px 0;
  display: block;
  color: #525252;
  Text-transform: none;
  Border-top: none;
}

.swemodule h3 {
  font-size: 18px;
  line-height: 25px;
  margin: 0 0 20px 0;
  display: block;
  color: #525252;
  Text-transform: none;
  Border-top: none;
}

.swemodule h4 {
  font-size: 19px;
  line-height: 15px;
  margin: 0 0 18px 0;
  display: block;
  color: #525252;
}

.swemodule h4 a {
  color: #df0000;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 700;
  margin: 16px 0 4px 0;
}

.swemodule h4 a:hover {
  color: #555;
}

.swemodule h5 {
  font-size: 16px;
  line-height: 16px;
  margin: 0 0 12px 0;
  display: block;
  color: #525252;
}

.swemodule h6 a {
  font-size: 14px;
  line-height: 14px;
  margin: 0 0 12px 0;
  display: block;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 700;
  color: #525252;
}

.swemodule p {
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 20px 0;
  display: block;
}

.swemodule a {
  color: #df0000;
  text-decoration: underline;
}

.swemodule a:hover {
  text-decoration: none;
}

.swemodule.klickbar a,
.swemodule.klickbar a:hover {
  text-decoration: none;
  color: inherit;
}

.swemodule b {
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 700;
}

.cms_html_container i {
  font-style: italic;
  font-size: 10px;
  line-height: 17px;
}

.finstilt {
  font-style: italic;
  font-size: 10px;
  line-height: 17px;
}

.finstiltstort {
  font-style: italic;
  line-height: 17px;
}

.punktlista ul,
.punktlista {
  /* till�ter att man ser punkterna, finns ocks� i checkout.css */
  list-style: disc;
  margin-left: 20px;
  padding: 0 0 30px;
}

.swemodule .right {
  float: right;
}

.swemodule .center {
  text-align: center;
}

.cms_html_container .libbox {
  display: block;
  border: 0px solid #ddd;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 12px 12px 12px 0;
  margin: 12px 0;
  float: left;
  height: auto;
  width: 100%;
  position: relative;
  background-color: #fff;
  z-index: 200;
}

.cms_html_container code {
  -webkit-background-clip: border-box;
  -webkit-background-origin: padding-box;
  -webkit-background-size: auto;
  background-size: auto;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #fff5c9;
  background-origin: padding-box;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border: none;
  color: #1a1a1a;
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  height: 24px;
  line-height: 24px;
  margin: 0 18px 18px 0;
  padding: 6px;
  vertical-align: baseline;
  word-wrap: break-word;
}

.cms_html_container .bigcode {
  height: auto;
  width: 100%;
  margin: 0;
  display: block;
  padding: 6px;
}

.cms_html_container .bigcode:hover {
  box-shadow: 0 5px 20px 5px #ddd;
}

.go-up {
  margin: 10px 0 50px 0;
}

#content form#filters {
  border-right: 0px solid #dddddd;
}

#filters .my-market-menu li {
  margin: 0;
}

.infield li .infield-list li a:before {
  /* Detta �r prickarna i produkternas dropdown menu p� kategorisidorna */
  background: #df0000;
  display: none;
}

.infield li h2 a {
  /* Detta �r rubrikerna p� boxarna p� kategorisidorna */
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 700;
  color: #000;
}

.infield li h2 a:hover {
  color: #df0000;
}

.infield li .infield-list {
  /* Dropdown menu f�r boxarna p� underkategorierna */
  box-shadow: 0 5px 5px -5px #333 !important;
}

.infield li h2 a:after {
  top: 10px;
}

.infield li .infield-list li a:hover {
  /* Detta �r sj�lva listan i dropdown */
  color: #df0000;
  text-decoration: underline;
  background: none;
}

.infield li .infield-list li a:hover em {
  /* Detta �r de sm� siffrorna i listan */
  color: #df0000;
}

#checkout-summary .payment .forms label {
  float: left;
  line-height: 28px;
  width: 390px;
}

#market-pick .show-all {
  display: none;
  margin: 10px 0;
}

#market-pick .alphabet {
  display: none;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#market-pick header {
  border-bottom: 0 solid #DDDDDD;
  padding-bottom: 20px;
}

.select2-container .select2-choice,
.select2-container .select2-choice .select2-arrow,
.select2-container.select2-container-disabled .select2-choice {
  background: url("images/select.png") no-repeat scroll 0 0 transparent;
  height: 26px;
}

#continue-shopping.button span:after {
  /* Forts�tt handla knapp n�r man l�ggar n�got i varukorgen */
  content: none !important;
}

.my-account.gift-cards .content .giftcard .image.balance {
  background: url("images/giftcardBalance.png") no-repeat scroll 50% 0 transparent;
}

/* BUTTONS*/

.button {
  /* Fix s� att k�p knaparna g�r att trycka p� i produktsnurror */
  z-index: 100;
}

.button span {
  padding: 5px 15px;
  font-size: 12px;
}

.button.add-to-cart,
.button.big.arrow span,
#header .basket .content .buttons .button,
.button.arrow {
  /* k�p knapp, N�sta i checkout, Till Kassan i header */
  color: #fff;
  background: #000 !important;
  box-sizing: border-box;
  border: 1px solid #000;
}

.button.add-to-cart:hover,
.button.big.arrow span:hover,
#header .basket .content .buttons .button:hover {
  /* k�p knapp, N�sta i checkout */
  background: #f2f2f2 !important;
  border: 1px solid #ddd;
  color: #df0000;
}

.button.add-to-cart span:after,
#checkout-cart .button.big.arrow:after,
#header .basket .content .buttons .button span:after,
#header .cart>.button.arrow span:after {
  /* Pil p� k�p knapp, N�sta i checkout, Till Kassan i header */
  background: none !important;
  transition: .2s ease-in-out;
}

.button.arrow:hover {
  color: #df0000;
}

.features-wrapper .button-toggle-collapsed {
  min-height: 36px;
  color: #000;
  background-color: #fff;
  border: 1px solid #4f4f4f;
  font-size: 12px;
}

.features-wrapper .button-toggle-collapsed span {
  padding: 5px 15px;
}

.features-wrapper .button:hover {
  background-color: #f2f2f2;
  border: 1px solid #4f4f4f;
}
.features-wrapper .button:hover span {
  color: #000;
}

.button.inline.trigger:hover,
#site-search-submit:hover {
  /* Till Kassa i header m�rk p� hover */
  color: #fff;
  background: linear-gradient(top, #333, #131313) !important;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#131313') !important;
}

.personal-data .button {
  /* Ser till att alla knappar p� sidan blir vita och ingen svart */
  height: 26px;
  line-height: 25px;
  background: linear-gradient(top, #FEFEFE, #F0F0F0) !important;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#F0F0F0') !important;
  border: 1px solid #DFDFDF !important;
  color: #555555 !important;
}

.forms.box.personal-data-form .buttons.cf .button.arrow span {
  /* Fix g�r att "Spara" knappen inte f�r vit text och inte sysns i "�ndra" p� "personliga uppgifter" */
  color: #525252;
}

.my-account.personal-data .content .personal-data-form li label {
  /* Mindre line-height i "�ndra" p� "personliga uppgifter" s� att den inte knuffar ner n�r det blir tv� rader */
  line-height: 19px;
}

.forms.box.repair-status-form .buttons.cf .button.arrow span {
  color: #000;
}

.select2-container .select2-choice .select2-arrow,
.select2-container.error .select2-choice .select2-arrow {
  /* S�tter position f�r pilar f�r dropdown menyer p� mitt konto */
  background-position: -3px -26px;
  width: 22px;
}

.line-2>ul>li.newsletter-social-media form.newsletter-form .button:before,
.market-teaser .map-autocomplete .button:before {
  /* nyhetsbrev prenumeration i footer, dessutom samma pil i s�k varuhus*/
  position: absolute;
  left: 13px;
  top: 10px;
  width: 10px;
  height: 0px;
  padding-top: 14px;
  background: url('images/buttonicons.png') -14px -10px no-repeat;
  overflow: hidden;
  content: ".";
  transition: .2s ease-in-out;
}

.line-2>ul>li.newsletter-social-media form.newsletter-form .button:hover,
.market-teaser .map-autocomplete .button:hover {
  /* nyhetsbrev prenumeration i footer */
  background: -moz-linear-gradient(top, #333, #131313) !important;
  background: -webkit-linear-gradient(top, #333, #131313) !important;
  background: -o-linear-gradient(top, #333, #131313) !important;
  background: -ms-linear-gradient(top, #333, #131313) !important;
  background: linear-gradient(top, #333, #131313) !important;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#131313') !important;
}

.line-2>ul>li.newsletter-social-media form.newsletter-form .button:hover:before,
.market-teaser .map-autocomplete .button:hover:before {
  /* nyhetsbrev prenumeration i footer */
  background: url('images/buttonicons.png') -2px -10px no-repeat;
}

.button.add-to-cart span:after {
  /* G�r att pilen f�r plats i den lilal k�pknappen i l�get med stora listen med produkter i en underkategori */
  height: 10px !important;
  right: 8px !important;
  top: 10px !important;
  width: 7px !important;
  content: ".";
  position: absolute;
  margin: 0 !important;
  text-indent: -999em;
}

/* MMSEBUTTONS */
a.mmsebutton,
.mmsebutton {
    border: 1px solid #4f4f4f;
    border-radius: 50px;
    background: #fff;
    color: #000;
    padding: 12px 20px;
    font-size: 16px;
    line-height: 1.2;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

a.mmsebutton.small,
.mmsebutton.small {
    padding: 6px 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

a.mmsebutton:hover,
.mmsebutton:hover {
    text-decoration: none;
    background: #f2f2f2;
}

a.mmsebutton.fullwidth,
.mmsebutton.fullwidth {
    display: block;
}

a.mmsebutton.pri,
.mmsebutton.pri {
    background: #df0000;
    color: #fff;
    border: 1px solid #df0000;
    font-weight: 600;
}

a.mmsebutton.pri:hover,
.mmsebutton.pri:hover {
    background: #9c0000;
    color: #fff;
    border: 1px solid #9c0000;
}

a.mmsebutton.pri-sec,
.mmsebutton.pri-sec {
    background: #4f4f4f;
    color: #fff;
    border: 1px solid #4f4f4f;
    font-weight: 600;
}

a.mmsebutton.pri-sec:hover,
.mmsebutton.pri-sec:hover {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}


a.mmsebutton.pri.parent-bg,
a.mmsebutton.pri-sec.parent-bg,
.mmsebutton.pri.parent-bg,
.mmsebutton.pri-sec.parent-bg {
    background: #fff;
    color: #df0000;
    border: 1px solid #fff;
}

a.mmsebutton.sec.parent-bg,
.mmsebutton.sec.parent-bg {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}

a.mmsebutton.parent-bg:hover,
.mmsebutton.parent-bg:hover {
    background: #9c0000;
    color: #fff;
    border: 1px solid #fff
}

/*INACTIVE BUTTONS*/
a.mmsebutton.inactive,
.mmsebutton.inactive,
button.btn.btn-primary[disabled],
button.btn[disabled] {
    opacity: 0.2;
    background: #fff;
    color: #000;
    border: 1px solid #4f4f4f;
    pointer-events: none;
}

a.mmsebutton:hover.inactive,
.mmsebutton:hover.inactive,
button.btn.btn-primary[disabled]:hover,
button.btn[disabled]:hover {
    opacity: 0.2;
    background: #fff;
    color: #000;
    border: 1px solid #4f4f4f;
}

/*======== Bannerstyle margin fixes after release 29/7 - 15 =================*/
.banners .photo {
  margin-top: 0px;
}

/*======== Related products fixes =================*/
#relaterade-produkter.product-container .products-grid>li {
  margin-left: 10px !important;
}

.page-product .product-container-layout-regular .pc-wrapper.gc-initialized {
  overflow: visible;
}

.page-product .products-grid .base-info {
  margin-top: 10px;
}

/*======== Topseller main category fixes =================*/
#topsellerCategory .product-container-vertical .products-vertical-list {
  max-height: 263px !important;
  height: 263px !important;
}

#topsellerCategory .product-container-vertical .base-info {
  height: 90px !important;
}

#topsellerCategory .product-container-vertical .photo {
  height: 82px;
}

#topsellerCategory .product-container-vertical .base-info>h3 {
  top: 7px;
}

#topsellerCategory .product-container-vertical .img-wrapper {
  margin-top: 10px;
}

/*======== Recos Fixes =================*/
.product-container-vertical .products-vertical-list.loading,
.product-container .products-grid>[data-id] {
  background: none;
}

#precheck_prudsys .next,
#precheck_prudsys .prev {
  top: 30%;
}

#precheck_prudsys .products-grid .base-info.cta {
  margin-top: 20px;
}

#precheck_prudsys .modal-content.crosssells .products-grid {
  height: 269px !important;
}

#precheck_prudsys .product-container .products-carousel {
  min-height: 246px !important;
}

#precheck_prudsys .base-info.cta a.button.add-to-cart span:before {
  display: none;
}

#precheck_prudsys .button.add-to-cart:before {
  background: url("https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png") no-repeat scroll -584px -27px transparent !important;
  top: 0px !important;
  width: 21px !important;
  left: 9px !important;
  height: 20px !important;
}

#precheck_prudsys .products-grid .base-info.cta .ee-wrapper+h3 {
  margin-top: 32px !important;
}

.products-grid .base-info.cta .photo {
  /* Fixar storlekar i relaterade produkter p� Mer Info sidorna */
  height: 147px;
}

#my-market-wrapper .my-market-menu li>a {
  /* fixar att "veckans annonsblad" boxen p� varuhussidorna blir st�rre s� att texten f�r plats*/
  width: 126px;
  height: 70px;
  padding: 5px 30px 0px 70px;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 4px 4px;
  font-size: 15px;
  font-weight: 400;
  line-height: 50px;
  color: #535353;
  text-transform: none;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eaeaea));
  background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0);
}

a.button.gray.print.js-print {
  /*Produktj�mf�relse: Linjerar "Skriv ut"-knappen med rubriken*/
  margin-left: -10px;
}

a.button.gray.print.js-print {
  /*Produktj�mf�relse: Stoppar after-pilen fr�n att �verlappa texten i "Skriv ut"-knappen*/
  padding-right: 20px !important;
}

.compare-table-wrapper thead .th-name {
  /*Produktj�mf�relse: l�gger lite padding s� att inte produktnmanet nuddar strcket*/
  border-bottom: 0;
  background: 0;
  padding: 0 12px 6px;
}

.compare-table-wrapper thead .th-price {
  /*Produktj�mf�relse: l�gger lite padding s� att inte priset nuddar strcket*/
  border-bottom: 0;
  background: 0;
  padding: 0 12px 15px;
}

.marken-ticker ul.newsticker li a img {
  /* S�tter r�tt storlek p� bilderina i logo snurran aka ticker */
  width: 115px;
  height: 20px;
  margin: 17px 10px 10px 4px;
}

.my-market-menu .brochure a:before,
.my-market-menu .brochure-double>a:before,
.my-market-menu .brochure-double .item-header:before {
  /* �ndrar ikon p� broschyren p� lokala annonser p� lokala varuhussidor */
  background: url('https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png') -605px 0px no-repeat;
  width: 44px;
  height: 40px;
  left: 15px;
  top: 16px;
}

#my-market-wrapper .my-market-menu li>a {
  /* �ndrar storleken p� boxen p� lokala annonser p� lokala varuhussidor */
  width: 136px;
  padding: 5px 20px 0px 70px;
}

.cms-products-grid .ct-products-grid>li .actions input+label:before {
  /* Checkboxes är en befor element*/
  background: rgba(0, 0, 0, 0.1);
  border: 2px solid rgba(0, 0, 0, 0.3);
  height: 10px;
  width: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
  top: 1px;
  left: -19px;
}

.cms-products-grid .ct-products-grid>li.selected .actions input+label:after {
  /*När checkbox är selected så läggs det på ett after lement.*/
  position: absolute;
  left: -19px;
  top: 1px;
  display: block;
  width: 16px;
  height: 14px;
  content: '';
  background: url(https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png) no-repeat -630px -65px
}

/*Styling av bildgalleri för produkter i helskärm */
/*--- PRODUKTNAMN ---*/
.gallery-view .gv-heading span {
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 700;
  color: #000;
  font-size: 30px;
}

/*-------------------------------------------------*/
/*--- LOGOBOX ---*/
/*--- MM-Logotyp istället för turkos box. ---*/
.fullscreen-layer .fullscreen-layer-header .logo {
  background: url("https://www.mediamarkt.se/static/img/MM-logo-small.png") no-repeat scroll;
  background-size: cover;
  font-size: 0px;
}

/*-------------------------------------------------*/
/*--- NAVIGATION ---*/
/*--- Ser till så knapparnas blur inte går utanför container ---*/
/*--- Byter färg på pilen till röd vid hover genom att positionera om bakgrunden ---*/
.next:hover {
  background: url("https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png") no-repeat scroll -464px -2px transparent;
}

.prev:hover {
  background: url("https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png") no-repeat scroll -426px -2px transparent;
}

/*-------------------------------------------------*/
/*--- GRÅ LINJE UNDER HEADER ---*/
.fullscreen-layer .fullscreen-layer-header {
  background: #fff;
  border-bottom: 1px solid #ddd;
}

/* Gör plats för border under header*/
.fullscreen-layer .fullscreen-layer-content {
  top: 71px;
}

/*-------------------------------------------------*/
/*--- ÄNDRAR STYLING PÅ "STÄNG" ---*/
.fullscreen-layer .fullscreen-layer-header .button-close {
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #000;
}

.fullscreen-layer .fullscreen-layer-header .button-close:hover {
  color: #df0000;
}

.gallery-view .gv-navigation {
  background: #f2f2f2;
}

/*-------------------------------------------------*/
/* -------------------------------------
  Layers (aka #colorbox) (same as checkout.css)
  --------------------------------------*/
#colorbox #cboxWrapper .contentspot h1 {
  font-size: 22px;
  line-height: 48px;
  margin: 0 0 17px 0;
  display: block;
  font-family: 'mmheadlinepro', sans-serif;
  color: #525252;
}

#colorbox #cboxWrapper .contentspot .product-container h2 {
  /* Ger lite margin-left till rubriken i karusell efter man trycker p� "k�p"  */
  margin-left: 12px;
}

#colorbox #cboxWrapper .contentspot h2 {
  font-size: 18px;
  line-height: 20px;
  padding-top: 10px;
  margin: 0 0 11px 0;
  display: block;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 700;
  color: #000;
}

#colorbox #cboxWrapper .contentspot h2:first-child {
  padding-top: 0;
}

#colorbox #cboxWrapper .contentspot p {
  font-size: 14px;
  line-height: 18px;
  color: #000;
  margin: 0 0 12px 0;
  display: block;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
}

/* -------------------------------------
  Kundportal NAV
  --------------------------------------*/
#content #filters .current {
  /* test */
  color: #ff9900;
}

#content #filters .kundportal_meny_lvlone a,
#content #filters .kundportal_meny_lvltwo a,
#content .kundportal_meny_lvlthree a {
  /* Sj�va boxen */
  padding: 5px 0;
  margin: 0;
  background: none;
  height: auto;
  border-bottom: 1px dotted #D6D6D6;
}

#content #filters ul:first-child {
  border-top: 1px dotted #D6D6D6;
}

.my-market-menu li>a {
  line-height: 19px;
}

#content #filters .kundportal_meny_lvlone a span,
#content #filters .kundportal_meny_lvltwo a span,
#content #filters .kundportal_meny_lvlthree a span {
  /* texten */
  line-height: 22px;
  font-size: 16px;
  color: #000;
  text-transform: none;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
  line-height: 20px;
  padding: 0;
  margin: 0;
}

#content #filters .kundportal_meny_lvlone a:hover span,
#content #filters .kundportal_meny_lvltwo a:hover span,
#content #filters .kundportal_meny_lvlthree a:hover span {
  color: #df0000;
}

#content #filters .kundportal_meny_lvlone a {
  padding: 12px 0;
}

#content #filters .kundportal_meny_lvltwo a {
  padding: 7px 0 7px 20px;
}

#content #filters .kundportal_meny_lvlthree a {
  padding: 7px 0 7px 40px;
}

.kundportal_meny_rubrik {
  line-height: 22px;
  font-size: 20px;
  text-transform: uppercase;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 700;
  color: #000;
  margin: 0;
  padding: 0;
  margin: 7px 0 0 0;
}

.kundportal_meny_rubrik a {
  color: #000;
}

.kundportal_meny_rubrik a:hover {
  text-decoration: none;
  color: #df0000;
}

.cms_html_container .meny td {
  /* Horisontella menyn i tabell som las undan. */
  text-align: center;
}

.cms_html_container .meny td a {
  color: #df0000;
}

.subnav_kundportal {
  float: left;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 470px;
  margin: 0 0 50px;
}

.subnav_kundportal ul {
  display: block;
  list-style: none;
  margin: 0 11px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.subnav_kundportal li {
  list-style: none;
  font-size: 14px;
  line-height: 25px;
  margin: 0 0 5px 0;
  padding: 0;
}

.subnav_kundportal a {
  color: #db0000;
  text-decoration: underline;
  width: auto;
  height: auto;
}

.subnav_kundportal a:hover {
  text-decoration: none;
}

/* -------------------------------------
  Top Website Navigation
  --------------------------------------*/
#top-navigation {
  background: url(images/sprites.png) repeat-x scroll 0 -242px transparent;
}

#top-navigation>.top-navigation-items .item span {
  font-size: 15px;
  line-height: 16px;
  margin-top: -3px;
  padding-left: 3px;
  padding-right: 3px;
}

#top-navigation>.top-navigation-items .item>a {
  /* detta �r top menu hover links*/
  background: url("images/sprites.png") repeat-x scroll 0 -174px transparent;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: none;
  padding-left: 1px;
  padding-right: 1px;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 700;
}

#top-navigation>.top-navigation-items li.item:hover>a {
  box-shadow: none;
  background-position: 0 -259px;
  border-right: 1px solid #df0000;
  border-left: 1px solid #df0000;
}

#top-navigation>.top-navigation-items li.item.navHover+li.item>a {
  border-left-color: #df0000;
  box-shadow: none;
  border-top-color: #df0000;
}

#top-navigation>.top-navigation-items li.item.active>a {
  color: #DF0000;
  border-top: 1px solid #E6E6E6;
  background-position: 0 -217px;
  text-shadow: none;
}

#top-navigation>.top-navigation-items li.item.active:hover>a {
  color: #df0000;
}

#top-navigation>.top-navigation-items li.item.navHover>a {
  background-position: 0 -259px;
  box-shadow: none;
  border-right: 1px solid #c30101;
  border-left: 1px solid #c30101;
}

#top-navigation>.top-navigation-items li.item.navHover+li.item>a {
  border-left-color: #df0000;
  box-shadow: none;
  border-top-color: #df0000;
}

#top-navigation>.top-navigation-items .prospect>a:after,
#top-navigation>.top-navigation-items .prospect>a.after>.after {
  background: url(images/sprites.png) no-repeat scroll -187px 0 transparent;
  left: 23px;
}

#top-navigation>.top-navigation-items .item>a span {
  /* Detta �r sj�lva texten p� knapparna */
  text-shadow: 0px 1px 0px #9c0101;
}

.products-list>li .product-price .buttons .button+.button {
  /* "L�s mer" knappens br�dd blir st�rre. */
  width: 75px !important;
}

.prev,
.next {
  /* La in z-index s� att inga bibler hoppas upp ovanf�r knapparna i karusellen */
  width: 35px;
  height: 35px;
}

.alatest-widget {
  /* alaScore recentioner plupp flyttad eftersom prisboxen blev utvidgad*/
  left: 460px !important;
}

.product-container-vertical .header.border.nomg h2 {
  /* Detta �r fix f�r att g�ra rubriken p� topplistan centrerad */
  font-size: 14px !important;
  padding: 7px 0 21px !important;
  left: 0px;
  text-align: center;
}

.my-account.personal-data .select2-container .select2-choice {
  /* Denna och 2 under fixar dropdown f�delsedatum p� "�ndra" under "personligauppgifter" */
  background-position: -1px -80px;
}

.my-account.personal-data .select2-container .select2-choice .select2-arrow {
  background-position: -3px -26px;
}

.my-account.personal-data .select2-dropdown-open .select2-choice .select2-arrow {
  background-position: -28px -26px;
}

.my-account.personal-data .content .personal-data-form [name="displayName"],
.my-account.personal-data .content .personal-data-form [name="businessTitle"],
.my-account.personal-data .content .personal-data-form [name="fax1"] {
  /* Tar bort irrelevanta input fields som titel p� �ndra uppgifter i "personliga uppgifter". */
  display: none;
}

.line-2>ul>li>ul>li a:before {
  /* Fixar att checkmarks i listan i footern �r i r�tt position + ny sprite*/
  top: 1px;
  background: url('images/sprites.png') -360px -21px no-repeat;
}

.specification dt:before {
  background: none !important;
  width: auto;
  height: auto;
  content: '✔';
  text-indent: 0px;
  color: #00ac45;
}

.icon-info {
  /* Ers�tter tyska sprites med ny */
  background: url("images/sprites.png") no-repeat scroll -193px -35px;
}

.gm-style .gm-style-iw,
.gm-style .gm-style-iw div {
  /* G�r att texten inte f�r on�diga scrollbars i popups i kartorna */
  overflow: visible !important;
}

.button.gray span:after {
  /* Ny liten pil p� vita knappar */
  background: url(https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png) -410px -13px no-repeat !important;
  height: 12px !important;
  width: 12px !important;
  right: 6px !important;
  top: 11px !important;
}

.button.gray:hover span:after {
  /* hover p� knappen ovan */
  background-position: -399px -13px !important
}

#header .cart>.button span:after,
#header .cart-button span:after {
  /* Ny pil p� till kassa knapp i headern */
  background: url("images/buttonicons.png") no-repeat scroll -13px -36px !important;
  height: 12px;
  width: 12px;
  right: 6px;
  top: 11px;
}

#product-preview .base-content .b-set .button.add-to-cart:before {
  /*placering för varukorgsikonen i lägg i varukorgs-knappen i gridview*/
  width: 17px !important;
  height: 18px !important;
  top: 5px !important;
  left: 11px !important;
  background: url(images/sprites.png) no-repeat -586px -32px !important;
}

#product-preview .base-content .b-set .button.add-to-cart:hover::before {
  /*placering för varukorgsikonen i lägg i varukorgs-knappen i gridview vid hover*/
  width: 17px !important;
  height: 18px !important;
  top: 5px !important;
  left: 11px !important;
  background: url(images/sprites.png) no-repeat -586px -4px !important;
}

#product-preview .button.add-to-cart {
  /*Lägger till en border för att knappen ska holla sig lika vid hover i varukorgs-knappen i gridview*/
  border: 1px solid #ddd;
}

.products-grid .base-info .b-set,
.product-accessories .products-grid .base-info .b-set {
  display: none;
}

.page-product small.vat-info {
  top: 116px;
  left: 14px;
  position: absolute;
  font-size: 10px;
}

.cf.products-carousel {
  overflow: hidden;
}

#product-sidebar .fullscreen-gallery {
  color: #555555;
  margin: -15px 0 12px;
}

#product-sidebar .fullscreen-gallery:hover {
  color: #df0000;
  text-decoration: none;
}

/* -------------------------------------
  swemoduler
  --------------------------------------*/
.cms_html_container .swemodule {
  border: 1px solid #ddd;
  padding: 12px 0;
  margin: 0;
  float: left;
  overflow: hidden;
  height: auto;
  position: relative;
  z-index: 100;
  width: 570px;
}

.swemodule.bredd100 {
  width: 100%;
  padding: 12px 0 0;
}

.cms_html_container a.swemodule {
  text-decoration: underline;
  color: #df0000;
}

.swemodule.first {
  margin-top: 20px;
}

.swemodule.litened {
  margin-top: 12px;
}

.cms_html_container .swemodule.noborder {
  border: 0px solid #ddd;
  padding: 0;
}

.swemodule li {
  list-style-position: outside;
}

.cms_html_container .swemodule.m01,
.cms_html_container .swemodule.m12,
.cms_html_container .swemodule.m13,
.cms_html_container .swemodule.m14,
.cms_html_container .swemodule.m15,
.cms_html_container .swemodule.m17,
.cms_html_container .swemodule.m18,
.cms_html_container .swemodule.m20,
.cms_html_container .swemodule.m21 {
  width: 100%;
}

.swemodule.m01 img {
  float: right;
  width: 400px;
  height: auto;
  margin: 0 0 0 36px;
  position: relative;
  right: 12px;
}

.m03 .textsektion {
  position: relative;
  left: 20px;
  /* width: 380px; tror inte beh�vs l�ngre*/
}

.m01 .textsektion {
  position: relative;
  left: 20px;
  width: 444px;
}

.m20 .textsektion {
  position: relative;
  margin: 12px 24px 0 0;
}

.halfright .textsektion {
  margin: 12px 24px 0 12px;
}

.m05 .textsektion {
  position: relative;
  left: 20px;
  width: 846px;
}

.swemodule.m02,
.swemodule.m16 {
  border: none;
  width: 100%;
}

.swemodule.m19 {
  border: none;
  width: 100%;
  height: 400px;
}

.swemodule.m02 img {
  width: 100%;
  height: auto;
}

.swemodule.m20 img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 228px;
}

.swemodule.m16 img,
.swemodule.m19 img {
  width: 100%;
  height: auto;
}

.m02 .textsektion {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 50px 20px;
  width: 90%;
  max-height: 300px;
}

.m16 .textsektion {
  position: absolute;
  top: 12px;
  left: 0px;
  padding: 12px 12px 0 12px;
  margin: 12px;
  width: 228px;
  height: 215px;
  background-color: #eee;
}

.m19 .textsektion {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 12px 12px 0 12px;
  margin: 173px 0 0 0;
  width: 100%;
  height: 188px;
  background-color: #eee;
}

.swemodule .swe-arrow-right {
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  position: absolute;
  top: 90px;
  left: 240px;
  border-left: 30px solid #eee;
}

.swemodule .swe-arrow-up {
  width: 0;
  height: 0;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
  position: absolute;
  top: -30px;
  left: 85;
  border-bottom: 30px solid #eee;
}

.swemodule.m03 img {
  width: 158px;
  height: auto;
  float: right;
  margin: 0 0 0 36px;
  position: relative;
  right: 12px;
  z-index: 300;
}

.swemodule.m04 img,
.swemodule.m18 img {
  width: 158px;
  height: auto;
  float: left;
  margin: 0 24px 0 0;
  position: relative;
  left: 20px;
}

.swemodule.m05 img {
  width: 306px;
  height: auto;
  float: right;
  margin: 0 0 0 36px;
  position: relative;
  right: 12px;
}

.swemodule.m06 img {
  width: 306px;
  height: auto;
  float: left;
  margin: 0 24px 0 0;
  position: relative;
  left: 20px;
}

.m04 .textsektion {
  padding: 0 12px 0 180px;
}

.m06 .textsektion {
  padding: 0 12px 0 330px;
}

.swemodule.m07,
.swemodule.m11 {
  min-height: 250px;
}

.m12 .imgbox,
.m16 .imgbox,
.m19 .imgbox {
  height: 123px;
  overflow: hidden;
  float: none;
  margin: 0 12px 0px 12px;
  padding: 0;
  position: relative;
}

.m12 .imgbox {
  margin: 0 0 12px 0;
}

.m07 .imgbox {
  margin: 0 12px 12px 12px;
  overflow: hidden;
  height: 123px;
}

.m08 .imgbox,
.m09 .imgbox {
  margin: 0 12px 12px 12px;
  overflow: hidden;
}

.m09 .imgbox {
  margin: 0 12px 0px 12px;
}

.m16 .imgbox {
  height: 250px;
  margin: 0;
}

.m19 .imgbox {
  height: 100%;
  margin: 0;
}

.swemodule.m07 img,
.swemodule.m08 img,
.swemodule.m09 img {
  width: 100%;
  height: auto;
  float: none;
}

.m07 .textsektion,
.m08 .textsektion,
.m10 .textsektion,
.m11 .textsektion {
  padding: 0 12px 0 12px;
}

.swemodule.m13,
.swemodule.m17 {
  padding: 12px 0 0 0;
}

.m12 .third,
.m13 .third,
.m14 .third,
.m15 .third {
  width: 280px;
  float: left;
  display: block;
  position: relative;
  margin: 0 0 0 12px;
}

.third.withborder {
  /* H�r och ett par inl�gg nedan g�ller �ndringar till modul 13 och 17 i kundportalen som g�r dem klickbara efter Delorans mall. */
  width: 28%;
  border: 1px solid #ddd;
  padding: 20px 12px 8px 12px;
}

.m17 .quarter.withborder {
  width: 200px;
  border: 1px solid #ddd;
  padding: 20px 12px 8px 12px;
}

.third.withborder h2,
.quarter.withborder h2 {
  margin: 0 0 7px 0;
}

.third.withborder p,
.quarter.withborder p {
  margin: 0 0 56px 0;
  height: 74px;
  overflow: hidden;
}

.third.withborder img,
.quarter.withborder img {
  margin: 0 0 18px 0;
}

.third.first,
.swemodule .quarter.first {
  margin-left: 0;
}

.quarter.withborder h3 {
  height: 102px;
}

.third.smaller {
  width: 182px;
}

.m17 .quarter {
  width: 200px;
  float: left;
  display: block;
  position: relative;
  margin: 0 0 0 12px;
}

.swemodule.m13 img,
.swemodule.m15 img,
.swemodule.m09 img,
.swemodule.m17 img {
  width: 100%;
  height: auto;
  overflow: hidden;
  float: left;
  margin: 0 0 12px 0;
}

.m18 .textsektion {
  padding: 0 12px 0 182px;
}

.m18 .half {
  width: 47%;
  float: left;
  display: block;
  position: relative;
  margin: 0 0 0 12px;
}

.half.withborder {
  /* H�r och ett par inl�gg nedan g�ller �ndringar till modul 13 i kundportalen som g�r dem klickbara efter Delorans mall. */
  border: 1px solid #ddd;
  padding: 0 0 8px 0;
}

.m18:first-child {
  margin: 0;
}

.m18 .half h3 {
  margin: 15px 0 10px 0;
}

.m18 .half p {
  margin: 0 0 3px 0;
}

.m20 .halfleft {
  width: 615px;
  float: left;
  display: block;
  position: relative;
  margin: 0;
}

.m20 .halfright {
  width: 228px;
  float: right;
  display: block;
  position: relative;
  margin: 0;
}

.m21 .halfleft {
  width: 463px;
  float: left;
  display: block;
  position: relative;
  margin: 0;
}

.m21 .halfright {
  width: 380px;
  float: right;
  display: block;
  position: relative;
  margin: 0;
}

.swemodule.m22,
.swemodule.m22 a,
m22 a:hover {
  text-decoration: none;
  color: inherit;
  text-align: center;
  border: 0px solid #ddd;
  padding: 0;
  width: 100%;
}

#content .swemodule.m22:first-child,
.swemodule.m17:first-child,
.swemodule.m23> :first-child,
.swemodule.m24> :first-child,
.swemodule.m12:first-child {
  margin-left: 0;
}

.swemodule.m22 .third {
  width: 280px;
  height: 251px;
  float: left;
  display: block;
  position: relative;
  margin: 0 0 0 12px;
  border: 1px solid #ddd;
  padding: 16px 12px 8px 12px;
}

.swemodule.m22 .third.mindre {
  height: 143px;
}

.swemodule.m22 .third img {
  width: 100%;
}

.swemodule.m22 .third.kundservicelanding {
  height: 266px;
}

.swemodule.m22 .third h2 {
  font-size: 22px;
  margin: 0 0 9px 0;
  height: auto;
  color: #000;
}

.m22 .third p {
  font-size: 14px;
  margin: 0 0 3px 0;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
  color: #525252;
}

.swemodule.m23,
.swemodule.m24 {
  padding: 12px 0 0 0;
  width: 100%;
  border: none;
}

.swemodule.m23 img,
.swemodule.m24 img {
  width: 100%;
  height: auto;
  overflow: hidden;
  float: left;
  margin: 0 0 12px 0;
}

.m23 .third {
  width: 388px;
  float: left;
  display: block;
  position: relative;
  margin: 0 0 0 12px;
}

.m23 .textsektion {
  width: 364px;
  padding: 0 12px 12px;
}

.m24 .quarter {
  width: 288px;
  float: left;
  display: block;
  position: relative;
  margin: 0 0 0 12px;
}

.m24 .textsektion {
  width: 259px;
  padding: 0 12px 12px;
}

.m22 .sweknapp.svart,
.m12 .sweknapp.svart {
  /*align knappar i kundportalen */
  position: absolute;
  bottom: 10px;
  left: 63px;
}

.m17 .sweknapp.svart {
  /*align knappar i kundportalen */
  position: absolute;
  bottom: 10px;
  left: 32px;
}

/* -------------------------------------
  Animationer
  --------------------------------------*/
@-webkit-keyframes fadedown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadedown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-ms-keyframes fadedown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-100px);
  }

  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}

@-o-keyframes fadedown {
  0% {
    opacity: 0;
    -o-transform: translateY(-100px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadedown {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadedown1 {
  -webkit-animation: fadedown 1s ease;
  -moz-animation: fadedown 1s ease;
  -ms-animation: fadedown 1s ease;
  -o-animation: fadedown 1s ease;
  animation: fadedown 1s ease;
}

.fadedown2 {
  -webkit-animation: fadedown 1.5s ease;
  -moz-animation: fadedown 1.5s ease;
  -ms-animation: fadedown 1.5s ease;
  -o-animation: fadedown 1.5s ease;
  animation: fadedown 1.5s ease;
}

.fadedown3 {
  -webkit-animation: fadedown 2s ease;
  -moz-animation: fadedown 2s ease;
  -ms-animation: fadedown 2s ease;
  -o-animation: fadedown 2s ease;
  animation: fadedown 2s ease;
}

.fadedown4 {
  -webkit-animation: fadedown 2.5s ease;
  -moz-animation: fadedown 2.5s ease;
  -ms-animation: fadedown 2.5s ease;
  -o-animation: fadedown 2.5s ease;
  animation: fadedown 2.5s ease;
}

.fadedown5 {
  -webkit-animation: fadedown 3s ease;
  -moz-animation: fadedown 3s ease;
  -ms-animation: fadedown 3s ease;
  -o-animation: fadedown 3s ease;
  animation: fadedown 3s ease;
}

/* -------------------------------------
  knappar
  --------------------------------------*/
.cms_html_container .swemodule .sweknapp {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  text-indent: 0;
  font-family: 'sourcesanspro', sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  height: 28px;
  line-height: 28px;
  width: auto;
  text-decoration: none;
  text-align: center;
  margin: 12px 12px 12px 0;
  padding: 0 12px;
  display: inline-table;
}

.cms_html_container .swemodule .sweknapp.double {
  min-height: 56px;
  height: auto;
}

#content .cms_html_container .sweknapp span:after {
  content: "";
  display: inline-block;
  background: url(images/buttonicons.png) no-repeat 0 0;
  width: 12px;
  height: 12px;
  background-position: 2px -34px;
}

body .cms_html_container .swemodule .sweknapp a {
  text-decoration: none;
}

.cms_html_container .swemodule .sweknapp:hover {
  cursor: pointer;
  text-decoration: none;
}

.cms_html_container .swemodule .svart {
  background: #fff;
  border: 1px solid #ddd;
  color: #000;
  text-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cms_html_container .swemodule .svart:hover {
  color: #df0000;
  background-color: #f2f2f2;
}

.swemodule .vit {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FEFEFE), color-stop(1, #F0F0F0));
  background: -moz-linear-gradient(center top, #FEFEFE 5%, #F0F0F0 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#F0F0F0');
  background-color: #FEFEFE;
  color: #555555;
  border: 1px solid #ddd;
}

.swemodule .vit:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FEFEFE), color-stop(1, #e7e7e7));
  background: -moz-linear-gradient(center top, #FEFEFE 5%, #e2e2e2 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#e2e2e2');
  background-color: #FEFEFE;
}

.cms_html_container .swemodule .vit:active {
  position: relative;
  top: 1px;
}

.cms_html_container .swemodule .red {
  -moz-box-shadow: inset 0px 1px 0px 0px #ff0000;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ff0000;
  box-shadow: inset 0px 1px 0px 0px #ff0000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #df0000), color-stop(1, #a10000));
  background: -moz-linear-gradient(#df0000, #a10000);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#df0000', endColorstr='#a10000');
  background-color: #df0000;
  border: 1px solid #a10000;
  color: #ffffff;
  text-shadow: 0px 0px 0px #a10000;
}

.cms_html_container .swemodule .red:hover {
  color: #ffc1c1;
  background-color: #df0000;
}

.redtext,
.redtext:hover {
  color: #df0000;
}

.cms_html_container .swemodule .green {
  -moz-box-shadow: inset 0px 1px 0px 0px #00db00;
  -webkit-box-shadow: inset 0px 1px 0px 0px #00db00;
  box-shadow: inset 0px 1px 0px 0px #00db00;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00cc00), color-stop(1, #008b00));
  background: -moz-linear-gradient(#00cc00, #008b00);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00cc00', endColorstr='#008b00');
  background-color: #008b00;
  border: 1px solid #008b00;
  color: #ffffff;
  text-shadow: 0px 0px 0px #a10000;
}

.cms_html_container .swemodule .green:hover {
  color: #93e993;
  background-color: #00cc00;
}

.greentext,
.swemodule .greentext:hover {
  color: #008000;
}

.orangetext {
  color: #ff9900;
}

.yellowtext {
  color: #fff100;
}

.cms_html_container .ikon.varukorg:before {
  background-position: 0px 0px;
}

.cms_html_container .ikon.varukorg:hover:before {
  background-position: -12px 0px;
}

.swemodule .ikon.pil:before {
  background-position: 0px -12px;
}

.swemodule .ikon.pil:hover:before {
  background-position: -399px -13px !important;
}

.swemodule .ikon.pilred:before {
  background-position: 0px -36px;
}

.swemodule .ikon.pilred:hover:before {
  background-position: -12px -36px;
}

.swemodule .ikon.vit.pil:hover:before {
  background-position: -12px -60px;
}

.swemodule .ikon.vit.pil:before {
  /* F�r vit knapp */
  background-position: -12px -60px;
}

.swemodule .ikon.vit.pil:hover:before {
  /* F�r vit knapp */
  background-position: 0px -36px;
}

.swemodule .ikon:before {
  content: "";
  position: relative;
  left: 0;
  margin-left: 6px;
  float: right;
  background: url(https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png) -410px -13px no-repeat !important;
  height: 12px !important;
  width: 12px !important;
  right: 8px !important;
  top: 10px !important;
}

.crosssells .accept {
  /* fixar popupen efter man handlar en bundle  */
  padding-top: 0px !important;
}

/* ------- LAYERS ------- */
#cboxWrapper,
#colorbox,
#cboxContent,
#cboxLoadedContent {
  /* fixar popupen efter man handlar en bundle. Ändrat från 215 för att ta bort scroll från layerns för inte om tilläggstjänster på vitvarornas produktsidor. */
  min-height: 522px !important;
  /*max-height: 522px;*/
}

#colorbox {
  margin-top: 25px;
  padding: 0;
  background: none;
}

#cboxContent {
  background: none !important;
}

section#basket-flyout {
  background-color: #fff;
}

.fullscreen-layer #cboxContent {
  background: #999 !important;
}

div#info-layer {
  background: #fff;
}

#cboxContent .info-window .layer-content {
  padding: 10px !important;
}

div#cboxLoadedContent {
  height: 100% !important;
}

#cboxContent .info-window .layer-content {
  max-height: 445px !important;
  margin-top: 0 !important;
  padding: 10px !important;
}

.salesslip-layer-content {
  background: #fff;
  padding: 15px;
  margin: 0;
}

.salesslip-details {
  background-image: url(https://www.mediamarkt.se/static/img/club-kvittoexempel.jpg);
  background-repeat: no-repeat;
  background-position: 0px 22px;
  background-size: 320px 180px;
  height: 225px;
}

form.salesslip-accepted-form {
  background: #fff;
}

input.saleslip-form-input,
input.captchaInput {
  border: 1px solid #ccc !important;
  border-radius: 2px !important;
}

a.show-salesslip {
  font-size: 13px;
  color: #000;
  padding: 5px 10px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

@media (min-width: 1200px) {
  #cboxContent .fg-container.fg-initialized {
    height: 445px;
  }
}

@media (max-width: 955px) {

  #cboxWrapper,
  #colorbox,
  #cboxContent,
  #cboxLoadedContent,
  .info-window {
    width: 100% !important;
  }

  #colorbox {
    margin-left: 0;
  }

  div#cboxLoadedContent {
    width: 708px !important;
    margin: 0 auto;
    position: relative;
  }

  .modal-content.crosssells,
  .modal-content {
    width: 668px;
  }

  .layer-content .contentspot .msx3 {
    width: 620px !important;
  }

  .lc-cancellation-modal {
    width: 600px !important;
  }
}

.wearableflyout {
  /* wearable flyout */
  background: url('https://www.mediamarkt.se/static/img/Flyout/wearable_flyout1.png');
  height: 56px;
  font-size: 0 !important;
}

.ie10 #header .search input {
  /* Fixar buggen i sökfältet i IE10 */
  height: 14px !important;
}

#product-details .description h2 {
  /* Fixar så att rubrikerna på produktsidorna är likadana */
  color: #000;
  font-size: 18px;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 87%;
  overflow: hidden;
  font-family: 'sourcesanspro', sans-serif !important;
}

#product-details .description h3 {
  /* Fixar så att rubrikerna på produktsidorna är likadana */
  color: #000;
  font-size: 16px;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 700;
}

#product-details .price-sidebar div.price-label .label.price-guaranteee {
  /* Fix för förhandsboka produter ska ha "Media Markt-pris" och "Prisgaranti" i samma font över priser*/
  color: #555555;
  font-size: 11px;
}

#alaTestSnippet .avg_tit1,
#alaTestSnippet .avg_tit1 {
  /* Text under ala test ikonen klipps redan av. Med comhem bilden syns däremot halva, så jag gömde hela här.*/
  display: none;
}

.accessories-list a.active em {
  /* Gör så att menyn på olika relaterada produkter på produktsidorna inta får antalet att försvinna på den aktiva rubriken */
  color: #df0000;
}

.label.online-price,
.price-guaranteee {
  /* Gömmer bort mediamarkt-pris över priser på produktsidor */
  visibility: hidden;
}

.market-buy ul li:before {
  /* fixar before pilen i punklistan i layern när man trycker på finns i lager under priset på produktsidan */
  position: absolute;
}

.uiList li:nth-child(7) {
  /* Fixar en konstig extra 7e ansikte på 3e rad på facebook widget i firefox */
  display: none;
}

.cboxElement:hover .greentext {
  /* Denna och den under fixar "Finns i lager" texten i produktlistning so den ser bättre ut vid hover*/
  color: #df0000 !important;
}

a.cboxElement:hover {
  text-decoration: none
}

.my-account.newsletter .select2-container .select2-choice .select2-arrow {
  /* Denna och den under fixar positioneringen på drop down menu i formuläret för prenumeration på Mitt konto efter en cms updatering. */
  background-position: -3px -26px;
}

.my-account.newsletter .select2-container .select2-choice {
  background-position: 0px 0px;
}

/* -------------------------------------
  Footer Menu
  --------------------------------------*/
#page-footer .cms_html_container .footerline_1 {
  width: 100%;
  overflow: hidden;
}

.footermenublock {
  width: 228px;
  height: 210px;
  position: relative;
  float: left;
  margin-left: 12px;
}

.footermenublock ul {
  list-style-type: none;
  padding: 0;
  margin: 6px 12px 12px 24px;
  width: 190px;
}

.footermenublock.one,
.footermenublock.five {
  margin: 0;
}

.bignumber {
  font-size: 24px;
}

.footermenublock .ringa {
  margin-top: 25px;
}

.loften li {
  position: relative;
  padding-left: 20px;
  margin-top: 6px;
}

ul.loften {
  margin: 0px;
}

.loften li:before {
  position: absolute;
  left: 0px;
  top: 2px;
  width: 15px;
  overflow: hidden;
  background: url('https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png') -360px -21px no-repeat;
  content: ".";
  font-size: 0px;
}

.footerinfo .footermenublock {
  height: 330px;
}

.footerinfo .footermenublock.three span:before {
  overflow: hidden;
  content: url('{{MEDIA_REF_youtube}}');
  padding: 0 6px 0 0;
  position: relative;
  top: 13px;
}

.footerinfo .footermenublock.five {
  display: none;
}

.footerinfo .footermenublock.four img {
  display: block;
  margin: 0 0 12px;
}

.nopricerunnerpic img[width="43"] {
  display: none !important;
}

.nopricerunnerpic div {
  margin: 0 !important;
  text-align: left !important;
}

form.newsletter-form button {
  width: 34px;
  height: 37px !important;
  border-radius: 0 4px 4px 0 !important;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 12px;
  background-position: right -1440px;
}

form.newsletter-form button:hover {
  height: 37px !important;
  background: #f2f2f2 !important;
}

form.newsletter-form button:hover {
  background: #f2f2f2;
  border: 1px solid #ddd;
  border-left: none;
}

form.newsletter-form button:hover:before {
  background-position: -401px -25px !important;
  top: 13px
}

form.newsletter-form input {
  float: left;
  width: 189px;
  height: 37px;
}

.add-to-cart.button.large {
  height: 46px !important;
}

.add-to-cart.button.large:hover {
  padding: 3px 19px 3px 52px !important;
}

.add-to-cart.button.large.add-to-cart.block span {
  font-size: 20px !important;
}

.add-to-cart.button.large.add-to-cart.block span:after {
  background: none !important;
}

.button.close {
  background: #fff !important;
  color: #000;
  border: 1px solid #4f4f4f;
  height: 36px;
}

.button.close:hover {
  background: #f2f2f2 !important;
}

.button.close:hover span {
  color: #000;
}

.loften li:before {
  position: absolute;
  left: 0px;
  top: 2px;
  width: 15px;
  overflow: hidden;
  background: url('https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png') -360px -21px no-repeat;
  content: ".";
  color: #fff;
}

form.newsletter-form button:before {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  right: 9px;
  top: 14px;
  background: url("https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png") -413px -25px no-repeat scroll !important;
  transition: .2s ease-in-out;
}

@media all and (min-width: 1200px) {

  .footermenublock.one,
  .footermenublock.six {
    margin: 0;
  }

  .footermenublock.five {
    margin: 0 0 0 12px;
  }

  .m22 .sweknapp.svart,
  .m12 .sweknapp.svart {
    /*align knappar i kundportalen */
    left: 104px;
  }

  .m17 .sweknapp.svart {
    /*align knappar i kundportalen */
    left: 64px;
  }

  .footerinfo .footermenublock.five {
    display: block;
  }

  .sweContact {
    margin-top: -190px;
  }
}

@media all and (max-width: 954px) {

  .footermenublock.one,
  .footermenublock.four,
  .footermenublock.seven {
    margin: 0;
  }

  .footermenublock.five {
    margin: 0 0 0 12px;
  }

  .footerinfo .footermenublock.three:after,
  .footerinfo .footermenublock.four:after {
    display: none;
  }

  .footerinfo .footermenublock.four,
  .footerinfo .footermenublock.five {
    display: none;
  }
}

@media print {
  #product-wrapper #product-details .price-sidebar .price:after {
    content: ":-" !important;
  }

  #product-wrapper #product-details .p-c,
  .p-d {
    display: none !important;
  }
}

#header .cart>.button span:after,
#header .cart-button span:after {
  /* Denna och den under fixar pilen på till kassan längst upp*/
  background: url("https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png") -413px -25px no-repeat scroll !important;
  top: 15px !important;
}

#header .cart>.button:hover span:after {
  background-position: -401px -25px !important;
}

#header .cart .articles {
  background: #000 !important;
  border: 1px solid #000;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
  font-size: 14px;
}

/* -------------------------------------
  Varuhus
  --------------------------------------*/
#gm-custom-pins .pin-icon-small {
  background-image: url("images/varuhus/map-pin-red-small.png");
}

#gm-custom-pins .pin-icon-big {
  background-image: url("images/varuhus/map-pin-red-big.png");
}

/*Shop in shop varuhus */
.mainImgShop {
  float: left;
  padding-bottom: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.mainImgShop h2 {
  font-size: 14px !important;
  margin: 5px 0px 5px 0px !important;
  text-align: center;
}

.mainImgLeft {
  width: 24%;
  min-height: 218px;
  border: 1px solid #CCCCCC;
  margin: 5px 35px 0px 0px;
  float: left;
}

.mainImgMiddle {
  width: 26%;
  min-height: 218px;
  border: 1px solid #CCCCCC;
  margin: 5px 26px 0px 0px;
  float: left;
}

.mainImgRight {
  width: 26%;
  min-height: 218px;
  border: 1px solid #CCCCCC;
  margin: 5px 4px 0px 0px;
  float: left;
}

.mainTextShop {
  font-size: 14px !important;
  text-align: center !important;
  font-weight: 700;
}

.imgShop {
  max-height: 75px;
  float: center;
  margin: auto;
  display: block;
}

/* Rules for competition */
.leftColComp {
  width: 50%;
  float: left;
}

.rightColComp {
  width: 35%;
  float: left;
  margin-left: 30px;
}

.rightColComp img {
  max-width: 100% !important;
  margin-top: 30px;
  margin-top: 15px;
}

.modal-content.crosssells .products-grid {
  margin: -23px 0 15px;
  height: 249px;
}

.twoCols {
  width: 100%;
  float: left;
  height: auto;
  padding-bottom: 20px;
  padding-top: 10px;
}

.leftCol {
  width: 24%;
  float: left;
  line-height: 12px;
  padding: 5px 18px 5px 0;
  margin-top: 20px;
}

.leftCol h2 {
  font-family: 'sourcesanspro', sans-serif;
  font-size: 22px;
  font-weight: 700;
  margin: 5px 5px 24px 0px;
  padding: 0px;
  line-height: 22px;
}

.leftCol h3 {
  font-family: 'sourcesanspro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin: 5px 0px 21px 0px;
  padding: 0px;
  line-height: 18px;
}

.leftCol p {
  padding: 0px;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 20px 0;
  display: block;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 700;
}

.leftCol img {
  width: 100%;
  height: auto;
  float: left;
  margin-right: 200px;
  margin-bottom: 27px;
}

.rightCol {
  width: 70%;
  float: left;
  line-height: 12px;
  padding: 5px 0 5px 0;
  margin: 20px 0 0 25px;
}

.rightCol h2 {
  font-family: 'sourcesanspro', sans-serif;
  font-size: 22px;
  font-weight: 700;
  margin: 5px 5px 5px 0px;
  padding: 0;
}

.rightCol h3 {
  font-family: 'sourcesanspro', sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin: 5px 0px 6px 0px;
  padding: 0px;
}

.rightCol p {
  padding: 0px;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 20px 20px;
  display: block;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
}

/* -------------------------------------
  Energy Labels EEK
  --------------------------------------*/
.ee-wrapper {
  width: 100%;
}

#product-sidebar .sidebar-form .ee-wrapper {
  display: inline-block;
}

.page-product #product-sidebar .sidebar-form .ee-wrapper {
  display: inline-block;
  background: #f8f8f8;
  padding-bottom: 15px;
}

#product-sidebar .sidebar-form .ee-wrapper>a {
  margin-left: 10px;
}

#product-details .ee-wrapper {
  margin-top: 10px !important;
  width: auto;
}

.eek-image-layer img.eek-image {
  background: #ffffff;
}

#product-details .ee-wrapper.energy-usage-label {
  width: 100%;
}

.bundle-hero-logos .ee-wrapper {
  width: 168px;
}

.products-carousel .products-grid .base-info .ee-wrapper>a:last-child {
  display: none;
}

#basket-flyout .products-carousel .products-grid .base-info .ee-wrapper {
  top: 4px;
}

.carousel-wrapper .carousel .ee-wrapper,
.topsellerProducts .ee-wrapper {
  display: block;
  position: absolute;
  right: 18px;
  top: 0;
  width: 85px;
}

.carousel-wrapper .carousel .ee-wrapper>a,
.topsellerProducts .ee-wrapper>a {
  height: 25px;
}

.ee-wrapper>a {
  border-bottom: 1px solid #bbbbbb;
  color: #444444;
  text-decoration: none;
}

.ee-wrapper>a:hover {
  border-bottom: 1px solid #df0000;
  color: #df0000;
}

.ee-wrapper>a.energy-usage-label {
  border-bottom: medium none !important;
  width: 100%;
}

.products-list .energy-usage-label,
.compare-table-wrapper .energy-usage-label {
  background-size: auto 42px !important;
  height: 42px;
}

.products-carousel .products-grid .base-info .energy-usage-label,
.carousel-wrapper .carousel .energy-usage-label,
.topsellerProducts .energy-usage-label {
  background-position: left 0;
  background-size: auto 25px !important;
  height: 25px;
}

#basket-flyout .products-carousel .products-grid .base-info .energy-usage-label {
  background-size: auto 30px !important;
  height: 30px;
}

.ee-wrapper>a.energy-usage-label {
  /* Fixar placering på produktsida*/
  width: 100% !important;
}

#product-sidebar .sidebar-form .ee-wrapper>a {
  /* Fixar placering på produktsida*/
  margin: 12px 10px;
}

.energy-info-wrapper,
.energy-usage {
  display: none !important;
}

.products-vertical-list .ee-wrapper.ee-wrapper-xs {
  /* Tar bort energy labels i små topplistor på kategorisidor*/
  display: none;
}

/* ------------------------------- PRICE-DETAILS ----------------------------*/
.price.big.length-8 {
  width: 110% !important;
}

/* -------------------------------------
  Responsivitet
  --------------------------------------*/
@media (max-width: 1200px) {
  .m01 .textsektion {
    width: 270px;
  }

  .m05 .textsektion {
    width: 606px;
  }

  .m17 .quarter {
    width: 162px;
  }

  .m20 .halfleft {
    width: 375px;
  }

  .m21 .halfleft {
    width: 223px;
  }

  .m12 .third,
  .m13 .third,
  .m14 .third,
  .m15 .third,
  .m20 .third,
  .swemodule.m22 .third {
    width: 200px;
  }

  .swemodule.m22 .third.mindre {
    width: 200px;
    height: 200px;
  }

  .third.withborder p {
    height: 100px;
  }

  .m17 .quarter.withborder {
    width: 140px;
  }

  .third.smaller {
    width: 182px;
  }

  .responsive #product-details .details {
    float: left;
    margin: 0 0 12px;
    width: 428px;
  }

  .alatest-widget {
    /* alaScore recentioner plupp flyttad eftersom prisboxen blev utvidgad*/
    left: 364px !important;
  }

  .m23 .third {
    width: 308px;
  }

  .m23 .textsektion {
    width: 284px;
  }

  .m24 .quarter {
    width: 228px;
  }

  .m24 .textsektion {
    width: 204px;
  }
}

@media (max-width: 955px) {
  .m23 .third {
    width: 228px;
  }

  .m23 .textsektion {
    width: 204px;
  }

  .m24 .quarter {
    width: 168px;
  }

  .m24 .textsektion {
    width: 144px;
  }

  #all-markets {
    margin: 0 auto;
    width: 708px;
  }

  #header .cart>.button span:after,
  #header .cart-button span:after {
    /* fixade ny pil till kassa i header, detta �ndrar ikon-fil f�r att f� fram kundvagnen igen */
    background: url("images/sprites.png") no-repeat scroll -12px -35px !important;
  }

  #header .cart>.button:hover span:after,
  #header .cart-button span:after {
    background-position: -558px 3px !important
  }

  .responsive #header .infobar-open {
    width: 92px;
    background: inherit;
  }

  .responsive #infobar {
    height: 24px;
    line-height: inherit;
  }

  .responsive #header .cart>.button span:after {
    background: url("https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png") no-repeat scroll -560px -27px transparent !important;
    width: 24px !important;
    top: 6px !important;
    right: 9px !important;
  }

  .responsive #header .cart>.button:hover span:after {
    background-position: -560px -0px !important;
  }
}

.teaser nav a {
  color: #000;
  background: #fff;
  border-right: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  border-left: 1px solid #ddd !important;
  border-top: 1px solid #ddd !important;
  height: 33px;
  line-height: 34px;
  font-size: 18px;
  font-family: 'sourcesanspro', sans-serif !important;
  font-weight: 400;
  text-transform: none;
}

.teaser nav a.active {
  color: #DF0000;
  border-right: 0px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  border-left: 0px solid #ddd !important;
  border-top: 1px solid #ddd !important;
}

.teaser nav li:first-child a {
  border-left: 1px solid #ddd !important;
}

.teaser nav li:first-child a.active {
  border-left: 1px solid #ddd !important;
}

.teaser nav li:last-child a {
  border-right: 1px solid #ddd !important;
  border-left: 0px;
}

.teaser nav li:last-child a.active {
  border-right: 1px solid #ddd !important;
}

.teaser nav li img {
  display: none;
}

.teaser nav,
.teaser nav {
  overflow: visible !important;
  height: 36px;
}

.teaser nav ul li:last-child a,
.teaser nav ul li:last-child a {
  border-right: 1px solid #ddd !important;
}

.teaser nav ul li:first-child a,
.teaser nav ul li:first-child a {
  border-left: 1px solid #ddd !important;
}

.teaser nav ul li img,
.teaser nav ul li img {
  display: none;
}

.teaser nav ul li a.active:before,
.teaser nav ul li a.active:before {
  position: absolute;
  left: 50%;
  top: -7px;
  margin-left: -4px;
  width: 0;
  height: 0;
  content: '';
  text-indent: -999px;
  border-color: transparent transparent #f2f2f2;
  border-style: solid;
  border-width: 0 8px 7px;
}

.teaser nav a,
.teaser nav a {
  color: #000;
  background: #fff;
  border-right: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  border-top: 1px solid #ddd !important;
  border-left: none;
  height: 33px;
  line-height: 32px;
  text-transform: none;
  position: relative;
  font-weight: 400;
}

.teaser nav a.active,
.teaser nav a.active {
  color: #e30000;
  background: #f2f2f2;
}

.teaser nav a:hover,
.teaser nav a:hover {
  color: #df0000 !important;
}

.teaser nav ul,
.teaser nav ul,
.skin2014 .teaser nav ul li,
.teaser nav ul li {
  overflow: visible !important;
}

.products-grid .base-info .photo img {
  -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, .2));
  -moz-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, .2));
  -ms-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, .2));
  -o-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, .2));
  filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, .2));
}

.products-grid .photo-wrapper img {
  width: auto;
}

.prev {
  background: url("https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png") no-repeat scroll -426px -39px transparent;
}

#infobar .wrapper .close {
  background: url("https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png") no-repeat scroll -412px -0px transparent;
  height: 12px;
  width: 12px;
  top: 6px;
}

#infobar .wrapper .close:hover {
  background: url("https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png") no-repeat scroll -400px -0px transparent;
}

#infobar .wrapper .close:before {
  background: #ccc;
  height: 24px !important;
  width: 1px !important;
  right: 10px !important;
  top: -5px;
  content: "";
  position: absolute;
  margin-right: 8px;
}

#infobar .wrapper .close:after {
  background: #ccc;
  height: 24px !important;
  width: 1px !important;
  left: 10px !important;
  top: -5px;
  content: "";
  position: absolute;
  margin-left: 8px;
}

.breadcrumbs li {
  color: #df0000
}

.infield li .infield-wrapper {
  background: #f2f2f2;
}

.infield li {
  border: 1px solid #DDDDDD;
  background: #f2f2f2;
}

.infield li .infield-list li a:hover {
  text-decoration: none;
}

.infield li .infield-list {
  background: #f2f2f2;
}

.infield li h2 {
  background: #f2f2f2;
}

.infield li .content figure a img {
  -webkit-filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, .4));
  -moz-filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, .4));
  -ms-filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, .4));
  -o-filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, .4));
  filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, .4));
}

.product-container-vertical .header.border.nomg h2 {
  font-size: 20px !important;
  color: #444;
  top: 6px;
  text-align: left;
  margin-left: 20px
}

.product-container-vertical .base-info {
  background: #f2f2f2;
}

.product-container-vertical img {
  -webkit-filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, .4));
  -moz-filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, .4));
  -ms-filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, .4));
  -o-filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, .4));
  filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, .4));
}

.products-vertical-list .price.price-xs {
  margin-top: 22px !important;
}

#product-sidebar .sidebar-form {
  background: #f2f2f2;
  border: 1px solid #ddd;
}

.accessories-list a {
  text-decoration: none;
}

.accessories-list a {
  border-bottom: 1px solid #fff;
}

.accessories-list a:hover {
  border-bottom: 1px solid #fff;
}

#product-details .options a {
  text-decoration: none;
}

#features h2 {
  color: #444;
  font-size: 16px
}

.specification.energy-efficiency dt {
  color: #444;
}

.marken-ticker .tickercontainer {
  /* the outer div */
  border: 1px solid #ddd;
  background: #f2f2f2;
}

.marken-ticker .tickeroverlay-left,
.marken-ticker .tickeroverlay-right {
  background: #f2f2f2;
}

.homepage .market-teaser {
  background: #f2f2f2;
  border: 1px solid #ddd;
}

.button.gray,
.button.light-gray,
.button.change-delivery,
#product-preview .button.arrow,
.to-details.button.arrow,
#filters .a-z li a,
#filters .a-z li.empty {
  background: #fff !important;
  color: #000 !important;
  height: 28px;
  margin-right: 12px;
  border: 1px solid #ddd;
}

.button.gray:hover,
.button.gray:hover span,
#filters .a-z li a:hover {
  background: #f2f2f2 !important;
}

.button.gray span {
  padding-top: 2px !important;
  color: #000;
}

#header .basket .content dl {
  background: #fff;
}

#header .basket .content li a:first-child,
#header .basket .content li a.first {
  background: #f2f2f2;
}

.filters li,
#filters .options a {
  background: #fff;
  color: #000;
}

.filters li:hover,
#filters .options a:hover {
  background: #f2f2f2;
  color: #df0000;
}

.filters li:before {
  background: url("images/sprites.png") no-repeat -90px -1px !important;
  width: 6px;
  height: 8px;
  top: 6px;
}

.filters li:hover:before {
  background: url("images/sprites.png") no-repeat -98px -1px !important;
}

.products-list>li .product-wrapper .product-price {
  background: #f2f2f2 !important;
  border: 1px solid #ddd;
}

.price-button span {
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400 !important;
}

.products-list>li .product-price .add-to-cart:before {
  background: url("images/sprites.png") no-repeat scroll -586px -32px transparent !important;
  width: 17px !important;
  height: 16px !important;
  top: 8px !important;
  left: 18px !important;
}

.products-list>li .product-price .add-to-cart:hover:before {
  background: url("images/sprites.png") no-repeat scroll -586px -4px transparent !important;
}

.products-list>li .product-price .add-to-cart:hover:before {
  background: url(https://csscdn.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png) no-repeat scroll -586px -32px transparent !important;
}

.products-list>li .button.add-to-cart {
  background: #4f4f4f !important;
  border: 1px solid #4f4f4f;
  height: 36px;
  padding: 4px 10px !important;
  width: 88px;
}

.products-list>li .button.add-to-cart:hover {
  background: #000 !important;
  border: 1px solid #000;
}

.products-list>li .product-wrapper .product-price .buttons .add-to-cart:hover span {
  color: #fff;
}

.button.arrow span:after {
  display: none;
}

#header .basket .content .buttons .button span {
  padding: 0 11px 0 32px !important;
}

.pagination a {
  background: #fff;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400 !important;
  border-radius: 4px;
  font-size: 13px;
  padding: 8px 14px;
}

.pagination .active a,
.pagination .active a:hover {
  background: #f2f2f2;
}

.pagination-next {
  width: 30px;
}

.filters-content fieldset.active .headline span {
  color: #000;
  font-size: 20px;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 700 !important;
}

#filters h2 a,
#filters .headline a {
  color: #000;
  font-size: 20px;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 700;
  padding-left: 28px;
}

#filters .active h2 a:after,
#filters .active .headline a:after {
  background: url("https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png") no-repeat scroll -538px -88px transparent !important;
}

#filters h2 a:after,
#filters .headline a:after {
  background: url("https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png") no-repeat scroll -538px -44px transparent !important;
  height: 22px !important;
  width: 22px !important;
  content: ".";
  left: 0px;
  top: -4px;
}

#product-details .product-anchors {
  background: #fff;
  border: 1px solid #ddd;
  margin: 10px 0 0 0;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#product-details .product-anchors a {
  background: #fff;
  border: 1px solid #ddd;
  font-size: 13px;
  font-weight: 400;
  position: relative;
  color: #000;
  text-shadow: none;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  display: inline-block;
  padding: 5px 12px !important;
  text-decoration: none;
  margin-left: 5px;
}

#product-details .product-anchors a:hover {
  text-decoration: none;
  color: #000;
  background: #f2f2f2;
}

#product-details .product-anchors a:after {
  background: url("https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png") no-repeat scroll -400px -47px transparent;
  content: ".";
  height: 12px;
  position: relative;
  float: right;
  text-indent: -999em;
  top: 2px;
  width: 12px;
  margin-left: 4px;
}

#product-details .product-anchors a:hover:after {
  background: url("https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png") no-repeat scroll -400px -47px transparent;
}

#product-details .header h2,
#product-details .description h2 {
  color: #000;
  font-size: 18px;
  text-transform: none !important;
  font-family: 'sourcesanspro', sans-serif !important;
  font-weight: 700 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 87%;
  overflow: hidden;
}

#features h2 {
  text-transform: none;
}

#product-details .price-sidebar .availability {
  background-color: #f2f2f2 !important;
}

.breadcrumbs a:hover {
  text-decoration: none;
}

.products-grid.animated .button {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.products-grid.animated .button:hover {
  background: #f2f2f2 !important;
  color: #df0000 !important;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.accessories-list a:hover,
.accessories-list a.active {
  border-bottom: 1px solid #fff;
}

.base-info.cta a.button.add-to-cart span:before {
  background: url("https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png") no-repeat scroll -583px -59px transparent;
  top: 5px !important;
  width: 20px;
  height: 16px;
  left: 8px;
  content: ".";
  position: absolute;
  font-size: 0;
}

.base-info.cta a.button.add-to-cart:hover span:before {
  background-position: -583px -3px;
}

#continue-shopping.button span:before {
  /* Forts�tt handla knapp n�r man l�ggar n�got i varukorgen */
  background: url("https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png") no-repeat scroll -403px -60px transparent;
  display: none;
  height: 11px;
  width: 5px;
  content: "";
  padding: 0 6px 0 0;
}

#continue-shopping.button:hover span:before {
  /* Forts�tt handla knapp n�r man l�ggar n�got i varukorgen */
  background-position: -414px -60px;
}

a#basket-flyout-cart {
  /*till kassan från layer när man lägger något i varukorgen*/
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
  background: #000 !important;
  color: #fff;
  font-size: 14px;
}

a#basket-flyout-cart:hover {
  background: #f2f2f2 !important;
  color: #df0000;
}

a#basket-flyout-cart:hover span:after {
  background: url("https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png") -404px -12px no-repeat scroll !important;
  height: 12px !important;
  top: 8px !important;
}

.button.close span {
  font-size: 16px;
}

.button.close:hover {
  background: #f2f2f2 !important;
}

.button:hover span {
  color: #df0000;
}

.basket .add-to-cart.button.cart-button:before {
  /*Fixar så det inte är dubbla ikoner på jämför knappen längst upp*/
  left: 7px;
  top: 3px
}

#header .right-meta-navigation .basket .content ul .button.cart-button span:after {
  /* Påskägg antonio var här. */
  display: none;
}

#product-details .options {
  /* Fixar så att alatest syns igen efter en ny tysk release som var */
  overflow: auto;
}

/* -------------------------------------- PRODUCTGRID - ENERGY LABEL FIX -------------------------- */
#category .products-grid .base-info .energy-usage-label+a,
#product-preview .product-preview-content .base-info .energy-usage-label+a {
  border-bottom: none;
  margin: 0px;
  height: auto;
}

.category-grid .products-grid .ee-wrapper>a.energy-usage-label,
#product-preview .product-preview-content .base-info .ee-wrapper>a.energy-usage-label {
  width: 50% !important;
  margin: 0px;
}

#product-preview .base-content .rate {
  padding: 16px 5px !important
}

#product-preview .base-content .rate .rating {
  margin: -6px 5px 0 0;
}

/* -------------------------------------- PRODUCTGRID - ENERGY LABEL FIX END-------------------------- */
/* Infobar top of site, select store*/
#infobar {
  background: #F2F2F2;
  font-weight: 400;
  text-shadow: none;
  font-size: 13px;
  height: 24px;
  border-bottom: 1px solid #DDD;
}

#infobar .wrapper>ul .events {
  padding: 0;
}

#infobar .wrapper ul a {
  color: #444;
  text-shadow: none;
  margin-left: 10px;
  right: 2px;
  border-left: 1px solid #ddd;
  height: 23px;
  padding: 0 10px;
  font-size: 13px;
}

#infobar .wrapper>ul a:after {
  background: url("https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png") -413px -12px no-repeat scroll !important;
  width: 11px;
  height: 12px;
  top: 4px;
  right: -4px;
  margin: 0;
  opacity: .6;
  transition: .2s ease-in-out;
}

#infobar .wrapper>ul a:hover:after {
  background: url("https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png") -402px -12px no-repeat scroll !important;
  width: 12px;
  height: 12px;
  top: 4px;
  right: -4px;
  margin: 0;
  opacity: .7;
}

#infobar .wrapper ul a:hover {
  text-decoration: none;
  color: #df0000;
}

/*New Footer*/
.footerinfo .footermenublock.three span:before {
  display: none;
}

.footermenublock ul li {
  margin-bottom: 2px;
}

.footermenublock ul li a:hover,
.footerinfo a:hover {
  margin-bottom: 3px;
  text-decoration: none;
  color: #df0000
}

.footermenublock h3 {
  color: #df0000;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 700 !important;
  font-size: 16px;
  display: block;
  border-bottom: 1px solid #ddd;
  margin: 0 0 20px;
  padding: 0 0 12px;
}

.footermenublock .miniblock {
  width: 100%;
  display: inline-block;
  margin: 0 0 12px;
}

.footerinfo .footermenublock .miniblock img {
  width: 40px;
  float: left;
  position: relative;
}

.footermenublock .miniblock p {
  width: 176px;
  float: right;
  position: relative;
  margin-left: 12px;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400 !important;
}

.footermenublock .miniblock p span {
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 700 !important;
  display: block;
  margin: 0 0 4px;
}

.footerinfo .footermenublock.two img {
  margin: 0;
}

.footerinfo .footermenublock {
  font-size: 14px;
  line-height: 18px
}

.footerinfo .footermenublock a,
.footerline_1 .footermenublock a {
  border-bottom: 1px solid #bbb;
}

.footerinfo .footermenublock a:hover,
.footerline_1 .footermenublock a:hover {
  border-bottom: 1px solid #df0000;
}

.footerinfo .footermenublock li a,
.footerline_1 .footermenublock li a {
  border-bottom: none;
}

.footerinfo .footermenublock li a:hover,
.footerline_1 .footermenublock li a:hover {
  border-bottom: none;
}

.footermenublock ul {
  margin: 0;
}

.footermenublock h3 {
  margin-top: 0px;
  height: 14px;
  width: 200px;
}

.footermenublock.one h3 {
  margin-top: 0;
}

.products-grid .button.add-to-cart:hover:before {
  /*So the above doesn't add extra :before icon to this one */
  background: none !important;
}

/* -------------------------------------
  Sweteasers
  --------------------------------------*/
.sweteaser {
  background: #f2f2f2;
  background: #f2f2f2;
  border: 1px solid #ddd;
  padding: 20px;
  position: relative;
  height: auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.sweteaser a:hover {
  border-bottom: 1px solid #df0000;
  color: #df0000;
}

.sweteaser a.sweknapp {
  background: #fff;
  position: absolute;
  right: 20px;
  bottom: 20px;
  padding: 6px 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, .4));
  -moz-filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, .4));
  -ms-filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, .4));
  -o-filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, .4));
  filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, .4));
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* future proofing */
  z-index: 20;
  border: 1px solid #ddd;
  width: auto;
}

.sweteaser a.swebutton:hover {
  background: #F2F2F2;
  cursor: pointer;
  color: #df0000;
  border: inherit;
}

.sweteaser .sweknapp.sweiconarrow span:after {
  content: "";
  width: 12px;
  height: 12px;
  margin-left: 4px;
  padding: 0;
  display: inline-block;
  position: relative;
  right: 0;
  top: 1px;
  background: url(https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png) -411px -11px no-repeat;
  overflow: auto;
}

.sweteaser .sweknapp.sweiconarrow:hover span:after {
  background-position: -400px -11px;
}

.sweteaser img {
  z-index: 10;
  position: absolute;
  right: 20px;
  top: 20px;
}

.sweteaser h2 {
  position: relative;
  margin: 0 0 24px;
  font-size: 30px;
  color: #000;
  font-family: 'mmheadlinepro', sans-serif;
}

.sweteaser p {
  z-index: 20;
  position: relative;
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}

.sweteaser a {
  z-index: 20;
  border-bottom: 1px solid #bbb;
  text-decoration: none;
  color: #000;
  line-height: 20px;
  position: relative;
}

/* Döljer knapp "Visa leveransalternativ" i varuhuslagret på PDP - ej aktuell tabell */
button.button.gray.js-check-express {
  display: none;
}

/*================= Sortering och filtrering - mars 2016 - juni - 2016 - juli 2016 =================*/
.select select {
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
  border-radius: 4px;
  padding: 0px 5px;
}

.select-label {
  color: #000;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
}

.filters-content .headline {
  margin-bottom: 15px;
}

#filters .content .categories-tree-descendants {
  padding-left: 20px !important;
}

.categories-tree-current.categories-tree-has-descendants {
  padding-top: 5px;
}

.filter-price .inline-input label {
  padding: 0 !important;
  border: none;
}

/*================= Sure Thing 2016 =================*/
.premiumboxes {
  width: 44%;
  float: left;
}

.premiumopts {
  width: 100% !important;
  border: 1px solid #ddd !important;
  padding-bottom: 10px;
}

.premiumopts h2 {
  background: none;
  color: #df0000;
  font-size: 18px;
  border-bottom: 0;
}

.premiumopts span.opt-name,
.premiumopts ul li .opt-value {
  font-size: 14px;
}

.premiumopts ul {
  margin: 7px 0 10px 0;
}

.premiumopts ul li .more-info {
  width: 686px;
  left: -16px;
  padding: 8px 10px 18px 10px;
}

.premiumopts ul li .label {
  display: inline !important;
  max-width: 250px;
}

.premiumboxes.state-shown {
  width: 100%;
}

.productcontent .premiumopts .more-info-content,
.productcontent .premiumopts article.static {
  width: 670px !important;
}

.productcontent .premiumopts .more-info.state-shown {
  border: 1px solid #e7e7e7 !important;
  border-bottom: none !important;
}

.swogo-wrapper-box-small {
  clear: both;
}

a.swogo-small-anchor-link {
  border: 1px solid #ddd;
}

.swogo-price span {
  font-family: 'pricemm', 'sourcesanspro', sans-serif;
}

.swogo-summary .swogo-button-add-to-cart {
  background: transparent !important;
  border: 1px solid #4f4f4f !important;
  color: #000 !important;
  border-radius: 24px !important;
  font-family: 'sourcesanspro', sans-serif !important;
  font-weight: 400 !important;
}

.swogo-button-add-to-cart:after {
  display: none !important;
}

.premiumopts.extend-guarantee ul li {
  padding: 0;
}

#usparDiv {
  padding-top: 4px;
}

#usparDiv ul li {
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #df0000;
  border-top: 0;
}

#usparDiv ul li span {
  font-size: 12px;
}

#usparDiv ul li:before {
  content: "";
  display: inline-block;
  background: url("https://www.mediamarkt.se/static/img/icons/mm-bock-liten.png") no-repeat;
  background-size: 14px 20px;
  width: 16px;
  height: 22px;
  position: relative;
  top: 5px;
  margin-right: 4px;
}

#usparDiv img {
  width: 125px;
  margin-left: 15px;
}

/* ---- PDP ---- */
#product-details h1 {
  color: #000 !important;
  border-bottom: 1px solid #ddd;
  font-weight: 400 !important;
  font-size: 24px !important;
}

#product-details .related-products {
  margin: 0;
}

#product-details .price-sidebar small {
  margin: -7px 0 5px;
}

#product-details .header.border-top {
  padding: 20px 0 0;
  margin-bottom: 0px;
}

#product-details .border-top .go-up {
  top: 20px;
}

#product-details .price-sidebar h2,
#product-details .price-sidebar .online-finance {
  font-size: 11px;
  color: #808080;
}

#product-details .price-sidebar .installment-compact {
  margin: 8px 0 3px;
}

#product-details .model .product-rate a {
  text-decoration: underline;
}

#product-details .price-sidebar .installment-compact .label {
  width: 39px;
}

#product-details .price-sidebar .installment-compact .value {
  padding-left: 7px;
}

#product-details .price-sidebar .availability {
  background-color: #F6F6F6;
  border: medium none;
  border-radius: 0 0 0 0;
  box-shadow: none;
  padding: 2px 10px 8px 5px;
}

#product-details .price-sidebar .price-button {
  box-shadow: none;
}

#product-details .price-sidebar .price-details,
#product-details .price-sidebar .price-button {
  padding: 5px 12px 12px;
}

#product-details .details .more,
#product-details .options {
  font-size: 11px;
}

#product-details .options a:before {
  background: url("images/sprites.png") no-repeat scroll 0 0 transparent;
}

#product-details .options .print a:before {
  background-position: -249px -25px;
  width: 16px;
  height: 16px;
  margin: -8px 0 0;
}

#product-details .model {
  border-bottom: 1px solid #E7E7E7;
}

#product-details .model .logo {
  float: right;
  margin-right: 0px;
}

#product-details .model span[itemprop="sku"] {
  color: #838383;
}

#product-details .details .more {
  padding: 0;
  text-decoration: underline;
}

#product-details .details .more:before {
  background: none;
}

#product-details .price-sidebar .online-finance {
  margin: 0;
}

label.product-attributes__item-label {
  font-weight: 400;
}

#product-sidebar .product-name {
  color: #000;
  font-size: 18px;
  padding: 15px 0px 5px 0px;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 700;
}

#product-sidebar .fullscreen:after {
  background: url("images/sprites.png") no-repeat scroll -136px 0 transparent;
}

#product-sidebar .thumbs a {
  width: 55px;
  height: 56px;
  line-height: 55px;
  border: 1px solid #dddddd;
}

#product-sidebar .thumbs a img {
  width: 70%;
  height: auto;
}

#product-sidebar .thumbs .active a,
#product-sidebar .thumbs a:hover {
  border-color: #df0000;
}

#product-sidebar .thumbs .video a:after,
#product-sidebar .thumbs .deg360 a:after,
#gallery-view footer .thumbs .video a:after,
#gallery-view footer .thumbs .deg360 a:after {
  background: url("images/sprites.png") no-repeat scroll -77px -44px transparent;
  width: 7px;
  height: 10px;
}

#product-sidebar .thumbs .deg360 a:after {
  background-position: -64px -43px;
  width: 10px;
  height: 11px;
}

.financing-table {
  margin-top: 20px;
  display: none;
}

#product-details .financing-table td,
#product-details .financing-table th {
  color: #333333;
  line-height: 15px;
}

#product-details .description {
  color: #545454;
  line-height: 18px;
  margin-bottom: 25px;
}

#product-details .related-products ul li:before {
  background: none repeat scroll 0 0 #DF0000;
  content: ".";
  height: 3px;
  left: 2px;
  margin: -2px 0 0;
  position: absolute;
  text-indent: -999em;
  top: 50%;
  width: 3px;
}

#product-details .description h2,
#product-details .description h3,
#product-details .description .tooltip_value {
  color: #555555;
}

#product-details .description ul li:before {
  background: none repeat scroll 0 0 #df0000;
}

#product-details .description h2 {
  font-size: 18px;
  color: #000;
  margin: 0 0 15px;
  padding: 20px 0 0;
}

#product-details .description h3 {
  margin: 0 0 3px;
  font-size: 14px;
}

#product-details .description p {
  margin: 0 0 20px;
  font-size: 13px;
}

.accessories-list a {
  border-radius: 0 0 0 0;
  color: #555555;
  border-bottom: 1px solid #C9C9C9;
  padding: 0;
  text-decoration: none;
}

.accessories-list a:hover,
.accessories-list a.active {
  background: transparent;
  color: #df0000;
  border-bottom: 1px solid #df0000;
  text-decoration: none;
}

.accessories-list {
  border-bottom: 1px dotted #D6D6D6;
  padding: 12px 0 12px 12px;
}

.accessories a:before,
.accessories-list a:before {
  display: none;
}

.accessories a:hover,
.accessories-list a:hover,
.accessories a:hover em,
.accessories-list a:hover em {
  color: #df0000;
  background: none;
}

#product-details .product-reviews .header h2 {
  width: auto;
  padding-right: 35px;
  border-right: 1px dotted #cccccc;
  line-height: 15px;
  margin: 5px 20px 0 0;
}

#product-details .product-reviews .header .rating-wrapper {
  color: #777777;
  font-weight: 400;
  margin: 0 20px 0 0;
}

#product-details .product-reviews .header .rating {
  margin: 5px 5px 0 0;
}

.button.rate-product:before {
  background: url("images/sprites.png") no-repeat scroll -112px -31px transparent;
}

#product-details .product-reviews .button.gray.arrow {
  margin: 8px 0 30px;
  height: 32px;
  line-height: 32px;
}

#product-details .product-reviews .button.gray.arrow span {
  line-height: 32px !important;
}

#product-details .product-reviews .button.gray.arrow span:after {
  top: 14px !important;
}

#product-wrapper .price-old-you-save {
  margin-top: 5px;
  color: #df0000;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
}

.price.price-old {
    margin-left: 0px;
}

.price.price-old:after {
  transform: rotate(-10deg) !important;
  -webkit-transform: rotate(-10deg) !important;
  -ms-transform: rotate(-10deg) !important;
}

.price-old-info.price-old-info-text {
  display: none;
}

.price.price-old:after {
  background: transparent url('https://www.mediamarkt.se/static/img/kryss-forepris.png') 100% 100% no-repeat !important;
  content: "";
  display: block;
  position: absolute;
  height: 38px;
  width: calc(100%+ 40px);
  left: 36px;
  top: -5px;
  transform: rotate(0deg) !important;
  -webkit-transform: rotate(0deg) !important;
  -ms-transform: rotate(0deg) !important;
  border: none;
}

.button.add-to-cart:before {
  background: url("images/sprites.png") no-repeat scroll -560px -27px transparent;
  top: 12px;
  width: 21px;
  left: 17px;
  height: 20px;
}

.button.add-to-cart:hover:before {
  background: url("images/sprites.png") no-repeat scroll -560px 1px transparent;
}

#product-sidebar .sidebar-form form {
  margin: 0px;
}

/*Bazaarvoice*/
#product-details .bv-cv2-cleanslate .bv-core-container-53 .bv-summary-bar .bv-action-bar {
  padding-top: 0px !important;
}

#product-details .bv-cv2-cleanslate .bv-core-container-53 button.bv-write-review {
  padding-left: 0px !important;
  padding-top: 0px !important;
}

#product-details .bv-cv2-cleanslate .bv-core-container-53 .bv-details-bar {
  margin: 2px 0px 7px 0px !important;
}

.bv-cv2-cleanslate .bv-core-container-51 .bv-action-bar button.bv-write-review {
  padding: 0px !important;
}

/* Service */
#product-details #product-service h2 {
  background: #f2f2f2;
  border-bottom: 2px solid #DF0000;
  color: #000;
  font-size: 16px;
  text-transform: uppercase;
}

#product-details #product-service ul li .label label .service-name {
  font-size: 14px;
}

#product-details #product-service ul li .service-value {
  font-size: 14px;
}

/* ---- SNURROR ---- */
.base-info .price-old-you-save {
  display: none;
}

/* ---- VERTIKALA PRODUKTLISTOR ---- */
.products-vertical-list .old-price-block {
  position: absolute;
  top: 70px;
  left: 78px;
}

/* ---------- BRAND SHOP - JUNI 2016 ---------- */
.brandshop-content h1 {
  font-size: 30px;
  line-height: 30px;
  padding-bottom: 5px;
}

.brandshop-content h2 {
  font-size: 20px;
  line-height: 24px;
  padding-top: 5px;
}

.brandshop-content p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
}

/* ---------- LAGERSTATUSFIX - JULI 2016 ---------- */
.responsive .marketsel-layer-content {
  width: 948px;
  background: #fff;
}

/* ---------- LAYERBAKGRUND - JULI och AUGUSTI 2016 ---------- */
.modal-salesslip-content,
.modal-content {
  padding: 20px;
  background: #fff;
}

/* --- NY MENYRAD --- */
div#header {
  position: relative;
  background-image: none;
  background: linear-gradient(bottom, #f7f7f7, #f7f7f7 44px, transparent 44px, transparent 100%);
  background: -webkit-linear-gradient(bottom, #f7f7f7, #f7f7f7 44px, transparent 44px, transparent 100%);
}

div#header::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 43px;
  width: 100%;
  background-color: #f7f7f7;
}

#top-navigation>.top-navigation-items {
  background: #f7f7f7;
}

#top-navigation>.top-navigation-items .item>a {
  background: #f7f7f7;
  color: #000;
  padding: 0;
  border: none;
}

#top-navigation>.top-navigation-items .item>a:hover {
  color: #df0000;
  text-decoration: none;
}

#top-navigation>.top-navigation-items .item>a span {
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
  font-size: 14px;
}

nav#top-navigation {
  background: none;
}

#top-navigation>.top-navigation-items li.item:hover>a,
#top-navigation>.top-navigation-items li.item.navHover>a {
  background: #f7f7f7 !important;
  border: none;
}

#top-navigation>.top-navigation-items li.item:hover>a,
#top-navigation>.top-navigation-items li.item.navHover+li.item>a {
  border-left: 1px solid #ddd !important;
  border-right: none !important;
}

#top-navigation>.top-navigation-items li.item:hover>a span,
#top-navigation>.top-navigation-items li.item.navHover>a span {
  font-size: 15px;
}

#top-navigation>.top-navigation-items .item>a,
#top-navigation>.top-navigation-items li.item:hover>a,
#top-navigation>.top-navigation-items li.item.navHover>a {
  height: 30px;
  line-height: 30px;
  border-left: 1px solid #ddd;
}

#top-navigation>.top-navigation-items .item:last-child>a,
#top-navigation>.top-navigation-items li.item:last-child:hover>a,
#top-navigation>.top-navigation-items li.item.navHover:last-child>a,
#top-navigation>.top-navigation-items li.item.navHover+li.item:last-child>a {
  border-right: 1px solid #ddd !important;
}

/* ------ NYA STARTSIDAN AUGUSTI 2016 ------ */
/* --- STAGE --- */
.page-home .teaser {
  padding: 0 0 4px 0;
}

.page-home .teaser nav ul {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.page-home .teaser nav ul li {
  padding-bottom: 1px;
}

.page-home .teaser nav li a,
.page-home .teaser nav li:first-child a,
.page-home .teaser nav li:last-child a,
.page-home .teaser nav li a.active {
  border: none !important;
}

.page-home .teaser nav li a {
  font-size: 14px;
  line-height: 45px !important;
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: center;
  padding-bottom: 15px;
  margin: 0 auto;
  display: block;
}

.cf.homepage,
.cf.homepage .contentspot {
  padding-top: 0 !important;
}

.page-home .teaser nav li a.active {
  color: #000;
  background: none;
  height: 32px;
  border-right: 0;
  padding-bottom: 3px;
}

/* Måste kommenteras bort i MMSE */
.page-home .teaser nav li a.active:after {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 35%;
  width: 30%;
  height: 1px;
  content: "";
  background-color: #df0000;
}

.page-home .teaser nav ul li a.active:before {
  display: none;
}

.page-home .teaser nav li a {
  outline: 0;
}

/* ----------------------------------------- */
/* --- SÖKFÄLT --- */
.searchFieldContainer {
  padding: 8px 0 4px 0;
}

.searchFieldContainer form#site-search {
  display: block;
  margin: 0 auto;
}

.searchFieldContainer input#search-phrase {
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #969696;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  height: 43px;
  padding: 0 20px;
}

.searchFieldContainer input#search-phrase:focus {
  outline: none;
  border: 1px solid #a5a5a5;
}

.searchFieldContainer button#site-search-submit {
  position: absolute;
  height: 45px;
  width: 42px;
  margin-left: -2px;
}

.searchFieldContainer button#site-search-submit span {
  text-indent: -9999px;
  display: block;
}

.searchFieldContainer button#site-search-submit span:after {
  background: url("https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png") no-repeat scroll -560px -96px transparent !important;
  height: 15px !important;
  width: 16px !important;
  right: 10px !important;
  top: 15px !important;
  left: 13px;
  content: "";
  position: absolute;
}

@media all and (min-width: 954px) {
  .searchFieldContainer form#site-search {
    width: 715px;
  }

  .searchFieldContainer input#search-phrase {
    width: 666px;
  }
}

@media all and (max-width: 954px) {
  .searchFieldContainer form#site-search {
    width: 544px;
  }

  .searchFieldContainer input#search-phrase {
    width: 456px;
  }
}

/* ----------------------------------------- */
/* --- INGÅNGAR/KNAPPAR --- */
.navButtonsContainer {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 8px 0 13px 0;
}

.navButtonsContainer div {
  font-size: 14px;
}

.navButtonsContainer div:first-child {
  margin-left: 0;
}

.navButtonsContainer div:last-child {
  margin-right: 0;
}

.navButtonsContainer a {
  display: block;
  border: 1px solid #ddd;
}

.navButtonsContainer div span {
  color: #000000;
}

.navButtonsContainer a:hover {
  text-decoration: none;
}

.navButtonsContainer a:hover>div span {
  color: #df0000;
}

@media all and (min-width: 954px) {
  .navButtonsContainer a {
    height: 57px;
    width: 24%;
  }

  .navButtonsContainer div span {
    line-height: 46px;
    text-align: center;
    display: block;
    height: 53px;
    padding-top: 5px;
  }

  .navButtonsContainer div span:before {
    vertical-align: text-top;
    /*top: 10px;*/
  }

  .navBtnOne span:before {
    content: url("https://www.mediamarkt.se/static/img/annonsvaror.png");
    top: 2px;
    margin-right: 10px;
    /*position: relative;*/
  }

  .navBtnTwo span:before {
    content: url("https://www.mediamarkt.se/static/img/kundservice.png");
    margin-right: 10px;
    /*position: relative;*/
  }

  .navBtnThree span:before {
    content: url("https://www.mediamarkt.se/static/img/varuhus.png");
    margin-right: 10px;
    /*position: relative;*/
  }

  .navBtnFour span:before {
    content: url("https://www.mediamarkt.se/static/img/club.png");
    top: 2px;
    margin-right: 10px;
    /*position: relative;*/
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .navButtonsContainer a {
    height: 62px;
  }
}

@media all and (max-width: 954px) {
  .navButtonsContainer {
    /*height: 82px;*/
    padding: 8px 0 14px 0;
  }

  .navButtonsContainer a {
    height: 80px;
    width: 168px;
  }

  .navButtonsContainer div {
    height: 80px;
  }

  .navButtonsContainer div span {
    line-height: 28px;
    text-align: center;
    display: block;
    padding-top: 8px;
    position: relative;
  }

  .navButtonsContainer div span:before {
    display: block;
    margin: 0 auto;
  }

  .navBtnOne span:before {
    content: "";
    background: url("https://www.mediamarkt.se/static/img/annonsvaror.png");
    height: 39px;
    width: 39px;
  }

  .navBtnTwo span:before {
    content: "";
    background: url("https://www.mediamarkt.se/static/img/kundservice.png");
    height: 38px;
    width: 37px;
  }

  .navBtnThree span:before {
    content: "";
    background: url("https://www.mediamarkt.se/static/img/varuhus.png");
    height: 37px;
    width: 39px;
  }

  .navBtnFour span:before {
    content: "";
    background: url("https://www.mediamarkt.se/static/img/club.png");
    height: 37px;
    width: 58px;
  }
}

/* --- FOR INTERNET EXPLORER --- */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .navButtonsContainer div span:before {
    vertical-align: top;
    position: relative;
    top: 5px;
  }
}

/* ----------------------------------------- */
/* --- SNURROR --- */
.product-container {
  overflow: visible;
  margin: 20px 0;
}

.product-container .products-carousel {
  border: 1px solid #ddd;
  border-top: none;
  min-height: 345px;
  height: 226px !important;
}

.product-container .more {
  right: 22px;
  bottom: 15px;
  top: auto;
  background: #fff;
  color: #000;
  border-radius: 50px;
  padding: 10px 15px;
  z-index: 1000;
  border: 1px solid #4f4f4f;
}

.product-container .more:hover {
  background: #f2f2f2;
  text-decoration: none;
}

/* RUBRIK-STYLING PÅ PRODUKTSNURRA */
.header.border,
.product-container .header.border-top {
  text-align: left !important;
  padding: 0px 0px 5px 12px !important;
  border: 1px solid #ddd;
  border-bottom: none;
}

.header.border h2,
.product-container .header.border-top h2 {
  position: relative;
  font-size: 22px;
  color: #000;
  top: -9px;
  background: #fff;
  display: inline;
  padding: 0 10px;
  margin: 0 auto;
}

.products-carousel .products-grid li {
  width: 226px;
}

.products-carousel img.flags {
  left: 10px !important;
}

.products-carousel .products-grid .old-price-block {
  position: absolute;
  top: 85px;
  right: 0px;
  width: 100%;
}

.products-carousel .products-grid .ee-wrapper {
  position: absolute;
  top: 210px;
  left: 10px;
  display: block;
}

.products-carousel .products-grid .base-info h3 {
  position: absolute;
  top: 240px;
  left: 10px;
  margin: 0px;
  font-size: 14px;
  width: 215px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.products-carousel .products-grid .base-content {
  display: block;
}

.products-grid .box.infobox.availability,
.products-grid dl,
.products-grid .b-set {
  display: none;
}

.product-container .products-carousel .rate {
  position: absolute;
  top: 260px;
  left: 10px;
  display: block;
}

/*----------------------------- PDP ----------------------*/
#product-details .price-sidebar {
  float: left !important;
  width: 360px;
}

#product-details .price-sidebar .availability {
  background-color: #fff !important;
  padding: 12px 10px;
}

#product-details .box.infobox ul li+li {
  margin-top: 16px;
}

#product-details .prisjakttag {
  position: absolute;
  right: 12px;
  top: 4px;
}

#product-details .details {
  float: right !important;
  width: 400px !important;
}

a#pdp-add-to-cart {
  padding: 5px 30px 5px 10px !important;
}

a#pdp-add-to-cart span {
  text-align: center;
}

#product-details .prodrel {
  float: right;
  width: 100%;
}

#product-details .product-details dd {
  width: 235px !important;
}

.product-details dt {
  width: 135px;
}

#product-details .swogo-container.swogo-container-mini {
  display: none;
}

#product-details .premiumboxes {
  display: none;
}

#product-sidebar .premiumboxes.state-shown {
  display: none;
}

#product-details .price-sidebar {
  background: #f8f8f8 !important;
  border: none;
}

#product-details .model {
  padding-bottom: 0px !important;
}

#product-details .model dl.group {
  max-width: 330px;
}

button.bv-write-review.bv-focusable.bv-submission-button {
  padding: 0px !important;
}

#product-details .details ul.options.no-border {
  float: right;
}

#product-details .details a.more.clickable {
  width: 100%;
  text-align: right;
}

#product-details .details a.more.clickable:before {
  display: none;
}

form#product-service {
  border: 1px solid #ddd;
}

#product-details #product-service {
  border: none !important;
}

.responsive #product-details #product-service li {
  width: 95%;
  border: none;
}

#product-details #product-service h2 {
  background: #f8f8f8;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
  font-size: 18px;
}

#product-details #product-service ul.cf {
  border: 1px solid #ddd;
  border-top: none;
  margin-top: 0px !important;
}

#product-details #product-service span.label {
  width: auto !important;
}

#product-details #product-service span.service-name,
#product-details #product-service span.service-value {
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1199px) {

  #product-sidebar {
    width: 270px;
  }

  #product-details {
    width: 665px;
  }

  #product-details .details {
    width: 290px !important;
  }

  #product-details .product-attributes.js-product-attributes {
    width: auto;
    margin-left: 0px;
    margin-top: 0px;
  }

  #product-details .product-details dd {
    width: 135px !important;
    max-height: unset;
  }
}

@media screen and (max-width: 954px) {
  #product-details {
    width: 100%;
  }

  #product-details .details {
    float: left;
    width: 100% !important;
  }

  #product-details .price-sidebar {
    float: right !important;
    width: 275px;
  }

  #product-details h1 {
    border-bottom: none !important;
  }

  #product-details .product-details dd {
    width: 500px !important;
    max-height: unset;
  }
}

/* ALTERNATIVE PRODUCT FUNCTION STYLE */
.prodrel-price {
  display: none;
}

.prodrel-desc .rating {
  display: none;
}

.prodrel-desc p {
  display: none;
}

.prodrel-desc h3 {
  margin-right: 20px;
}

.prodrel-desc .compare-link {
  margin-top: 2px;
}

/*------------------------------ PDP END -----------------------------*/
.product-container-vertical .base-info {
  background: none !important;
}

/* CMS PRODUCT GRID */
body .cms-products-grid div label {
  color: #fff;
}

.cms-products-grid .ct-products-grid>li .base-info .price {
  top: 145px;
  left: auto;
  right: unset;
}

.cms-products-grid .ct-products-grid>li .base-info .ee-wrapper {
  margin: 35px 0 0 0px;
}

.cms-products-grid .ee-wrapper>a.energy-usage-label {
  width: 50% !important;
  margin: 0px 0 0 0px;
}

.cms-products-grid a.ee-pdf {
  margin: 0px 0 20px 0px;
}

.cms-products-grid .pavailability li {
  vertical-align: text-top;
  text-align: left;
  font-size: 12px;
}

.cms-products-grid .online-verylowstock p span {
  padding-left: 22px;
  color: #ed7811;
}

.cms-products-grid .online-verylowstock p span .redtext {
  padding-left: 0px;
  color: #df0000;
}

.cms-products-grid .pavailability ul li:before {
  background: url(images/greenbox.png) no-repeat !important;
  background-size: 16px 16px !important;
  background-position: center;
  content: '.';
  padding: 0 0px 3px 19px;
  color: transparent;
}

.cms-products-grid .action-bar {
  background: rgba(88, 88, 88, 0.9);
}

.cms-products-grid .ct-products-grid>li.selected {
  border-color: #df0000;
  box-shadow: 0 0 0 1px #df0000;
}

.cms-products-grid .ct-products-grid>li .base-info h3 {
  max-height: 65px;
  font-size: 18px;
  line-height: 18px;
  opacity: 1.0;
  margin: 10px 0px 0;
  padding: 0;
  border: none;
  overflow: hidden;
  text-transform: none;
}

.cms-products-grid .ct-products-grid>li .base-info h3 a {
  color: #000;
}

.cms-products-grid .ct-products-grid>li .has-variants-text {
  color: #df0000;
  margin: 5px 0px;
  font-size: 11px
}

.cms-products-grid .rating-link {
  display: none;
}

.cms-products-grid .ct-products-grid>li .base-info {
  height: 370px !important;
  padding: 10px !important;
}

@media screen and (min-width: 1200px) {
  .cms-products-grid .ct-products-grid>li {
    width: 286px;
  }

  .cms-products-grid .ct-products-grid>li .base-info .photo .flags {
    left: 20px;
  }

  .cms-products-grid .ct-products-grid>li .base-info .price,
  .cms-products-grid .ct-products-grid>li .base-info .vat-info {
    left: 35px !important;
  }
}

/*PRICE*/
.cms-products-grid .ct-products-grid>li .base-info .price-old {
  top: 115px;
  left: 15px;
}

.cms-products-grid .ct-products-grid>li .base-info .vat-info {
  margin: 0 0px;
  font-size: 12px;
  left: auto;
  right: unset;
  top: 200px;
  text-align: left;
}

/*PRICE END*/
.cms-products-grid .ct-products-grid>li .actions {
  text-align: center;
  padding: 10px 0px;
  width: 92%;
  margin: 0 auto;
  background: #000;
  color: #fff;
  border-radius: 4px;
}

.cms-products-grid .price-old-info-icon {
  display: none;
}

.cms-products-grid .ct-products-grid>li .cart-checkbox input {
  display: none;
}

.cms-products-grid .ct-products-grid>li.selected .actions input+label:after {
  left: -25px;
  top: 3px;
}

.cms-products-grid .action-bar .large.button.add-to-cart .count {
  position: absolute;
  top: -10px;
  right: -5px;
  display: block;
  margin: 0px !important;
  padding: 8px !important;
  height: auto;
  width: auto;
  font-size: 12px !important;
  line-height: 4px !important;
  text-align: center;
  color: #fff;
  background: #df0000 !important;
  border-radius: 50px;
}

.cms-products-grid .add-to-cart.button.large {
  padding: 0px !important;
  height: auto !important;
}

.cms-products-grid .add-to-cart.button.large:hover {
  padding: 0px !important;
  height: auto !important;
}

.cms-products-grid .action-bar .large.button.add-to-cart:before {
  top: 10px;
  right: unset;
  left: 5px;
  background: url(https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png) no-repeat scroll -582px -32px transparent;
  width: 21px;
  height: 16px;
}

/* LAYER */
.ct-modal--show .add-to-cart.button.large {
  padding: 3px 20px 3px 28px !important;
}

.ct-modal--show .product-short-details .action-box .details {
  padding: 4px 10px 4px 10px !important;
}

.ct-modal--show .product-short-details .action-box .details span:after {
  display: none;
}

.ct-modal--show .add-to-cart.button.large:hover {
  padding: 3px 18px 1px 28px !important;
}

.ct-modal--show .button.add-to-cart:hover:before {
  background: url(https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png) no-repeat scroll -581px -5px transparent !important;
}

.ct-modal--show .product-short-details .action-box .details:hover {
  padding: 4px 10px 3px 10px !important;
  background: #f2f2f2 !important;
  border: 1px solid #ddd;
  color: #df0000;
}

.ct-modal--show .product-short-details .action-box .details:hover .button span:after {
  background: url(images/sprites.png) no-repeat scroll -52px -1px transparent !important;
}

.ct-modal--show .product-short-details .product-details dd {
  width: 240px;
}

.ct-modal--show .product-rate {
  display: none;
}

/* ------------------- END OF CMS PRODUCT GRID ------------------- */
/* ------------------- TABS IN STAGES ---------------------- */
.teaser nav a {
  font-size: 15px;
}

.teaser nav a.active,
.teaser nav a.active {
  background: #fff;
}

.teaser nav ul li a.active:before {
  display: none;
}

.teaser {
  padding: 0 0 4px 0;
}

.teaser nav ul {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.teaser nav li a,
.teaser nav li:first-child a,
.teaser nav li:last-child a,
.teaser nav li a.active {
  border: none !important;
}

.product-container.product-container-vertical.recommendation-box .header.border h2 {
  font-family: 'sourcesanspro', sans-serif !important;
  font-weight: 700;
  font-size: 20px !important;
  color: #444;
  top: 6px;
  text-align: left;
  margin-left: 20px;
  display: block;
  background: none;
}

.teaser nav li a.active {
  color: #000;
  background: none;
  height: 26px;
  border-right: 0;
  padding-bottom: 5px;
}

.teaser nav li a.active:after {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 35%;
  width: 30%;
  height: 2px;
  content: "";
  background-color: #df0000;
}

.teaser nav ul li:last-child a,
.teaser nav ul li:last-child a {
  border-right: none !important;
}

.page-home .teaser nav li a {
  outline: 0;
}

/* ------------------- NY KATEOGORINAVIGERING PÅ SÖK - SEPTEMBER 2016 ---------------------- */
#filters .content .categories-flat-current {
  padding-left: 14px;
  margin-bottom: 0px;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 700;
}

#filters .categories a {
  color: #000;
  padding: 0px 12px;
  border-bottom: none;
}

#filters .categories .categories-flat-descendants a {
  padding: 6px 5px;
}

#filters .categories li:before {
  content: "";
  background: url(https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png) no-repeat -76px -44px;
  height: 10px;
  width: 10px;
  position: absolute;
  margin-top: 7px;
}

ul.categories-tree-descendants {
  padding-left: 0 !important;
}

#filters .categories li.active span {
  font-size: 15px;
}

#filters .categories li.active:before {
  background: none;
}

#filters .categories .child-active>ul li.active a,
#filters .categories .child-active>ul li.active span,
#filters .categories .child-active>ul li.child-active>ul li.active span {
  color: #000;
}

#filters .categories .active.child-active>a {
  padding-bottom: 0;
}

#filters .categories .child-active>ul li.active>span,
#filters .categories .child-active>ul li.active>span,
#filters .categories .child-active>ul li.child-active>ul li.active>span,
#filters .categories .active.child-active a,
#filters .categories .child-active>ul li.active:first-child span,
#filters .categories .child-active>ul li.active>a,
#filters .content .categories-tree-current {
  color: #df0000;
  font-size: 14px;
  font-weight: 400;
}

#filters .categories .child-active>ul li.active:first-child span,
#filters .categories .child-active>ul li.active>a {
  padding-top: 0;
}

#filters .categories .active.child-active a {
  margin-left: 0;
}

#filters .categories .active.child-active>a {
  padding-left: 0;
}

#filters .categories .child-active>ul li>ul {
  margin: 0;
}

#filters .categories .child-active>ul li>ul li a {
  padding-left: 16px;
}

#filters .content .categories-tree-has-descendants::before,
ul.categories-tree-ancestors li:before {
  display: none;
}

#filters .content .categories-tree-ancestors a {
  padding-left: 5px;
}

.categories-tree-current.categories-tree-has-descendants,
ul.categories-tree-ancestors li a {
  font-weight: 400 !important;
  padding-left: 0 !important;
  color: #df0000 !important;
  margin-left: 0 !important;
}

ul.categories-tree-ancestors li a {
  padding-bottom: 0 !important;
}

#filters .content .categories-tree-ancestors a {
  padding: 0;
}

ul.categories-tree-ancestors li:last-child {
  padding-left: 20px;
}

#filters .content .categories-tree-ancestors a::before {
  background: url(https://css.redblue.de/MediaSE/skins/feemmse/sv/images/sprites.png) -117px -11px no-repeat;
  width: 6px;
  height: 10px;
  left: -10px;
  top: 6.5px;
}

#filters .content .categories-tree-current {
  padding: 0 0 0 20px !important;
}

/* --------------- Tillbaka till sök från PDP - DECEMBER 2016 ------------------ */
.breadcrumbs li.back-to-search:before {
  background-position: 0;
  width: 5px;
  height: 7px;
  background-size: 5px;
  top: 5px;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

li.back-to-search:before {
  background: url(https://www.mediamarkt.se/static/img/icons/red-arrow-hover.png);
}

.breadcrumbs li.back-to-search {
  border-color: #e7e7e7;
}

/* ---------------Categorupages ---------------*/
/* --------------- VÄNSTERNAVIGERING - HUVUDKATEGORISIDOR ------------------ */
.page-categorycontent #filters {
  background: #f7f7f7;
  margin-top: 12px;
}

.page-categorycontent #filters form,
.page-categorycontent #filters fieldset {
  border: none;
}

.page-categorycontent #filters .content .categories-flat-descendants {
  padding: 2px 0 2px 10px;
}

.page-categorycontent #filters .headline,
.page-categorycontent #filters .content.cf.categories>ul:before,
.page-categorycontent #filters .categories li.active.child-active.visible:before,
.page-categorycontent #filters .categories .active.child-active>ul a:before,
.page-categorycontent #filters .categories li:before {
  display: none;
}

.page-categorycontent #filters .content .categories-flat-current:before {
  display: none;
}

.page-categorycontent #filters .categories .active.child-active ul a {
  padding-left: 15px;
}

.page-categorycontent #filters .categories .active.child-active {
  position: relative;
  cursor: pointer;
}

.page-categorycontent #filters .categories a {
  color: #000000 !important;
  cursor: pointer;
  padding: 4px 5px !important;
  margin-left: 0;
  display: inline-block;
  font-size: 14px;
}

.page-categorycontent #filters .categories .active>ul {
  margin-bottom: 20px;
  display: none;
}

.page-categorycontent #filters .categories li.active:after {
  content: "";
  background: url('images/plus.png') no-repeat;
  background-size: 10px 10px;
  height: 10px;
  width: 10px;
  position: absolute;
  top: 10px;
  right: 0;
  transition: all 0.3s ease;
  opacity: 0.5;
}

.page-categorycontent #filters .categories li.active:hover:after {
  content: "";
  background-size: 10px 10px;
  height: 10px;
  width: 10px;
  position: absolute;
  top: 10px;
  right: 0;
  opacity: 1;
}

.page-categorycontent #filters .categories li.active.child-active.visible:after {
  content: "";
  background: url('images/minus.png') no-repeat;
  background-size: 10px 10px;
  height: 10px;
  width: 10px;
  position: absolute;
  top: 10px;
  right: 0;
  transition: all 0.3s ease;
  -ms-transform: rotate(0deg);
  /* IE 9 */
  -webkit-transform: rotate(0deg);
  /* Chrome, Safari, Opera */
  transform: rotate(0deg);
  opacity: 0.5;
}

.page-categorycontent #filters .categories li.active.child-active.visible:hover:after {
  content: "";
  background: url('images/minus.png') no-repeat;
  background-size: 10px 10px;
  height: 10px;
  width: 10px;
  position: absolute;
  top: 10px;
  right: 0;
  opacity: 1;
}

.page-categorycontent #filters .categories li.active.child-active.aHover:hover:after {
  opacity: 0.5;
}

.page-categorycontent #filters .categories li.active.child-active a:hover {
  color: #df0000;
  text-decoration: underline;
}

@media all and (max-width: 946px) {
  .page-categorycontent #filters .content.categories {
    margin-top: 18px;
  }

  .page-categorycontent #filters .categories li.active.child-active.visible:after {
    opacity: 1;
  }
}

/*----------Ingresser -------------------*/
section.ingress {
  padding: 0 0 20px 0;
}

.ingress h1,
.ingress h2 {
  font-size: 24px;
  color: #000000;
  margin: 5px 0 0px 0;
}

.ingress p {
  max-width: 700px;
  font-size: 16px;
  line-height: 20px;
}

.ingress a.ingresshide {
  color: #db0000;
}

/*-------------------------------Ingresser slut-----------------------*/
/* --------------- GÅ TILLBAKA TILL MOBILSAJTEN --------------- */
#mobile-switch-layer {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  width: 100%;
  height: 9%;
  text-align: center;
  z-index: 10000;
}

#mobile-switch-layer span {
  color: #fff;
  font-size: 2.5em;
  line-height: 1em;
  text-decoration: underline;
  position: relative;
  padding: 15px 0;
  top: 30%;
}

#mobile-switch-layer div.close {
  position: absolute;
  left: 4%;
  width: 4%;
  height: 41%;
  display: block;
  background: url(https://www.mediamarkt.se/static/img/icons/vitt-kryss.png) no-repeat;
  background-size: 100%;
}

/*---------------------Knapp som leder till top-----------------------*/
#scroll-to-top {
  visibility: visible;
  opacity: 100;
  position: fixed;
  bottom: 36px;
  right: 24px;
  padding: 16px;
  background: #fff;
  border: 1px solid #4f4f4f;
  outline: none;
  transition-property: none;
  z-index: 999;
  color: #000;
  border-radius: 50px !important;
}

a#scroll-to-top:after {
  background: url("images/sprites.png") no-repeat scroll -412px -36px transparent;
  content: ".";
  height: 12px;
  position: relative;
  float: right;
  text-indent: -999em;
  top: 2px;
  width: 12px;
  margin-left: 4px;
}

/*--------------------- Trycker ner produktbilderna i sök/listningar för att ge plats åt eyecatchers -----------------------*/
.products-list>li .product-wrapper .product-photo .photo>img {
  margin-top: 30px;
  margin-bottom: 10px;
}

/*--------------------Cookie layer styling - Januari 2018 -----------------------*/
.cookie-info-modal #cboxWrapper,
#colorbox.cookie-info-modal,
.cookie-info-modal #cboxContent,
.cookie-info-modal #cboxLoadedContent,
.cookie-info-modal #cboxMiddleRight,
.cookie-info-modal #cboxMiddleLeft {
  height: auto !important;
  min-height: 100px !important;
}

#colorbox.cookie-info-modal {
  background: #eaeaea;
  box-shadow: 0 16px 30px 9px #333;
  margin: 90px 0 0 0;
  padding: 10px 0 0 0;
}

.cookie-info-first-layer.js-cookie-info-first-layer {
  position: relative;
}

.cookie-info-content {
  width: 800px;
}

.cookie-info-content .static {
  color: #333;
}

.cookie-info-content .static p {
  font-size: 13px;
  line-height: normal;
  margin: 5px 0 10px 0;
}

.cookie-info-module .cookie-info-buttons {
  position: absolute;
  right: 0;
  bottom: 0;
}

.cookie-info-module .cookie-info-input-wrapper {
  padding: 15px;
}

a.cookie-info-cancel-button.js-cookie-info-cancel-button.button {
  margin-right: 20px;
}

.cookie-info-module .cookie-info-layer {
  padding: 5px 0 15px 0;
  position: relative;
}

.cookie-info-header.static h3 {
  margin-bottom: 8px;
  text-transform: initial;
}

.cookie-info-list.static {
  padding: 0 0 10px 0;
}

.cookie-info-module .cookie-info-summary-list li:before {
  background-image: none;
  font-weight: 700;
  position: relative;
  top: -4px;
}

.cookie-info-module .cookie-info-functional-allowed .cookie-info-option-functional .cookie-info-input-wrapper,
.cookie-info-module .cookie-info-statistics-allowed .cookie-info-option-statistics .cookie-info-input-wrapper,
.cookie-info-module .cookie-info-marketing-allowed .cookie-info-option-marketing .cookie-info-input-wrapper,
.cookie-info-module .cookie-info-option-functional .cookie-info-input-wrapper,
.cookie-info-module .cookie-info-option-statistics .cookie-info-input-wrapper,
.cookie-info-module .cookie-info-option-marketing .cookie-info-input-wrapper {
  background: none;
  position: relative;
}

.cookie-info-module .cookie-info-functional-allowed .cookie-info-option-functional .cookie-info-option-image,
.cookie-info-module .cookie-info-functional-allowed .cookie-info-option-statistics .cookie-info-option-image,
.cookie-info-module .cookie-info-functional-allowed .cookie-info-option-marketing .cookie-info-option-image {
  border-color: #333333;
}

.cookie-info-module .cookie-info-option-functional .cookie-info-option-image,
.cookie-info-module .cookie-info-option-statistics .cookie-info-option-image,
.cookie-info-module .cookie-info-option-marketing .cookie-info-option-image {
  border-color: #dddddd;
}

.cookie-info-label-text {
  color: #777;
}

.cookie-info-module .cookie-info-functional-allowed .cookie-info-label-text,
.cookie-info-module .cookie-info-statistics-allowed .cookie-info-label-text,
.cookie-info-module .cookie-info-marketing-allowed .cookie-info-label-text {
  color: #333333;
}

.cookie-info-module .cookie-info-option-functional input[type=checkbox]:checked:before,
.cookie-info-module .cookie-info-option-statistics input[type=checkbox]:checked:before,
.cookie-info-module .cookie-info-option-marketing input[type=checkbox]:checked:before {
  opacity: 0;
}

.cookie-info-module .cookie-info-option-functional input[type=checkbox]:before,
.cookie-info-module .cookie-info-option-statistics input[type=checkbox]:before,
.cookie-info-module .cookie-info-option-marketing input[type=checkbox]:before {
  width: 100%;
  height: 165px;
  background: #eaeaea;
  opacity: 0.6;
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
}

#cookie-info-layer hr {
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 5px 0 15px 0;
}

.cookie-info-content a {
  color: #df0000;
}

.cookie-info-accept-button.button span {
  padding: 4px 10px;
  width: 80px;
}

a.cookie-info-accept-button.js-cookie-info-accept-button.button {
  font-size: 16px;
  background: #fff !important;
  color: #000;
  border: 1px solid #4f4f4f;
  height: 36px;
}

.cookie-info-accept-button.button span:after {
  transition: .2s ease-in-out;
}

a.cookie-info-accept-button.button:hover span,
.cookie-info-buttons .button:hover {
  background: #f2f2f2 !important;
}

a.cookie-info-accept-button.button:hover span,
.cookie-info-buttons .button:hover span {
  color: #000;
}

@media (min-width: 1200px) and (max-width: 1230px) {
  .cookie-info-module .cookie-info-layer {
    padding: 15px;
  }
}

@media (min-width: 945px) and (max-width: 1030px) {
  .cookie-info-content {
    width: 610px;
  }
}

@media (max-width: 945px) {
  .cookie-info-content {
    width: 610px;
  }
}

/*------------------------------------------------------------------------------*/
/*---------------------Styling för Sidorna Användarvillkor 2018 för GDPR---------------------*/
/*--------------Generell CSS för alla Användarvillkorssidor------------------------------*/
.layer-wrapper.common h2 {
  font-size: 24px !important;
  padding: 12px 0 22px 0;
}

.layer-wrapper.common h3,
.layer-wrapper.common h3>a {
  font-size: 20px !important;
  padding: 18px 0 5px;
  color: #444 !important;
}

.layer-wrapper.common a {
  color: #000;
  font-size: 14px;
}

.layer-anchors {
  border: 1px solid #ddd;
  background: #F2F2F2;
  margin-bottom: 12px;
  overflow: hidden;
  padding-bottom: 12px;
}

.layer-anchors h2 {
  padding: 15px 0 15px 22px !important;
  margin: 0;
}

.layer-anchors ul {
  margin-left: 20px;
}

.layer-anchors li {
  margin: 0 12px 12px 0;
  float: left;
  height: 30px;
}

.layer-anchors li>a {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 13px !important;
  font-weight: 400;
  padding: 5px 25px 7px 10px !important;
  position: relative;
  display: block;
}

.layer-anchors li>a:after {
  background: none;
  content: url('https://www.mediamarkt.se/static/img/icons/liten_pil_ner.png');
  font-size: 8px;
  height: 7px;
  position: absolute;
  right: 11px;
  text-indent: 0;
  top: 7px;
  width: 8px;
}

p.intro {
  color: #444;
  font-size: 16px;
  line-height: 20px;
}

.fsd-accordion {
  margin-top: 12px;
  border-bottom: 1px solid #ddd;
}

.fsd-accordion dd {
  display: none;
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 16px;
  color: #444;
}

.fsd-accordion dt:before {
  transform: rotate(-90deg);
  transition: transform .3s ease-in-out;
  position: absolute;
  border-radius: 50%;
  font-size: 21px;
  line-height: 21px;
  color: #000;
  content: url(https://www.mediamarkt.se/static/img/icons/pil_ner_svart.png);
  display: block;
  text-indent: 0;
  text-align: center;
  top: 12px;
  left: 10px;
  padding: 7px;
  box-sizing: border-box;
  width: 38px;
  height: 38px;
  border: 1px solid #ddd;
  background: #fff;
}

.fsd-accordion dt.expanded:before {
  transform: rotate(0deg);
}

.fsd-accordion dt,
.fsd-accordion dd {
  padding-left: 60px;
  padding-right: 60px;
}

.fsd-accordion dt {
  position: relative;
  cursor: pointer;
  border-top: 1px solid #ddd;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 20px;
  line-height: 22px;
}

.fsd-accordion dd ul {
  margin: 8px 0 18px 0;
}

.fsd-accordion dd ul li {
  padding-left: 15px;
  position: relative;
}

.fsd-accordion dd ul li:before {
  content: ' ';
  width: 3px;
  height: 3px;
  background: black;
  display: inline-block;
  position: absolute;
  left: 6px;
  top: 8px;
}

.fsd-accordion dd p>a {
  text-decoration: none;
  border-bottom: 1px solid #bbb;
}

.fsd-accordion dd p>a:hover {
  border-bottom-color: #DF0000;
}

/*-------------för "Sekretesspolicy Cookies" sidan------------*/
.fsd-accordion h1,
.fsd-accordion h2,
.fsd-accordion h3,
.fsd-accordion h4,
.fsd-accordion h5 {
  margin-bottom: 0;
}

.fsd-accordion h2,
.fsd-accordion h3 {
  padding: 0 !important;
  margin: 0 !important
}

.fsd-accordion p {
  margin: 0 !important;
}

#CookiesOnlineshop {
  padding: 12px 0 12px 0 !important;
}

.accordion-title {
  background: url(//picscdn.redblue.de/doi/msh-pixelboxx-553487607/feecms_x_x_x) no-repeat;
}

.accordion-title {
  margin-top: -1px;
  background-position: top 10px left 0 !important;
  height: 35px;
  border-top: #ddd solid 1px;
  border-bottom: #ddd solid 1px;
  padding: 10px 0 0 40px;
  cursor: pointer;
}

.accordion-title.active {
  border-bottom: none;
}

.accordion-detail {
  display: none;
  border-bottom: #ddd solid 1px;
  margin-left: 40px;
}

.accordion-title {
  clear: both;
}

/*-------------för "Sekretesspolicy MediaMarkt sidan"-------------*/
#DSOnlineshop {
  padding: 12px 0 12px 0 !important;
}

h4.auszug {
  text-indent: 4em !important;
}

p.auszug {
  padding-left: 4em !important;
}

/*---------------------för "Dataskydd Club" sidan-------------------*/
#DSClub {
  padding: 12px 0 0px 0 !important;
}

/*---------------------------------------------------------------------------*/
/*-------------------- Prisjakt footer - Januari 2018 -----------------------*/
#prisjakt-div {
  position: absolute;
  bottom: 106px;
  right: 58px;
}

footer#page-footer {
  position: relative;
}

#prisjakt-div a {
  cursor: pointer;
}

#betyg {
  margin-top: 10px;
}

#betyg img:first-child {
  display: none;
}

@media screen and (max-width: 1230px) and (min-width: 990px) {
  #prisjakt-div {
    bottom: 22px;
    left: 240px;
  }
}

@media screen and (max-width: 990px) and (min-width: 750px) {
  footer#page-footer {
    padding-bottom: 138px;
  }

  #prisjakt-div {
    position: relative;
    bottom: 0;
    left: 0;
    margin-top: 25px;
  }
}

@media screen and (max-width: 750px) and (min-width: 510px) {
  #prisjakt-div {
    bottom: 14px;
    left: 51%;
  }
}

@media screen and (max-width: 510px) {
  #prisjakt-div {
    display: none;
  }
}

/*------------------------------ ENERGY EFFICIENCY -----------------------------*/
.energy-usage-label.ee-l-39 {
  /* F */
  background: url(images/sprites-eek-MMSE.png) no-repeat 0px -352px;
  background-size: auto !important;
  height: 44px !important;
}

.energy-usage-label.ee-l-38 {
  /* E */
  background: url(images/sprites-eek-MMSE.png) no-repeat 0px -308px;
  background-size: auto !important;
  height: 44px !important;
}

.energy-usage-label.ee-l-37 {
  /* D */
  background: url(images/sprites-eek-MMSE.png) no-repeat 0px -264px;
  background-size: auto !important;
  height: 44px !important;
}

.energy-usage-label.ee-l-36 {
  /* C */
  background: url(images/sprites-eek-MMSE.png) no-repeat 0px -220px;
  background-size: auto !important;
  height: 44px !important;
}

.energy-usage-label.ee-l-35 {
  /* B */
  background: url(images/sprites-eek-MMSE.png) no-repeat 0px -176px;
  background-size: auto !important;
  height: 44px !important;
}

.energy-usage-label.ee-l-34 {
  /* A */
  background: url(images/sprites-eek-MMSE.png) no-repeat 0px -132px;
  background-size: auto !important;
  height: 44px !important;
}

.energy-usage-label.ee-l-33 {
  /* A+ */
  background: url(images/sprites-eek-MMSE.png) no-repeat 0px -88px;
  background-size: auto !important;
  height: 44px !important;
}

.energy-usage-label.ee-l-32 {
  /* A++ */
  background: url(images/sprites-eek-MMSE.png) no-repeat 0px -44px;
  background-size: auto !important;
  height: 44px !important;
}

.energy-usage-label.ee-l-31 {
  /* A+++ */
  background: url(images/sprites-eek-MMSE.png) no-repeat 0px 0px;
  background-size: auto !important;
  height: 44px !important;
}

/*------------------------------ ENERGY EFFICIENCY SMALL -----------------------------*/
.products-grid .energy-usage-label.ee-l-39,
#product-preview .energy-usage-label.ee-l-39,
.products-carousel .products-grid .energy-usage-label.ee-l-39,
.cms-products-grid .energy-usage-label.ee-l-39 {
  /* F */
  background: url(images/sprites-eek-MMSE-small.png) no-repeat 0px -200px;
  background-size: auto !important;
  height: 25px !important;
}

.products-grid .energy-usage-label.ee-l-38,
#product-preview .energy-usage-label.ee-l-38,
.products-carousel .products-grid .energy-usage-label.ee-l-38,
.cms-products-grid .energy-usage-label.ee-l-38 {
  /* E */
  background: url(images/sprites-eek-MMSE-small.png) no-repeat 0px -175px;
  background-size: auto !important;
  height: 25px !important;
}

.products-grid .energy-usage-label.ee-l-37,
#product-preview .energy-usage-label.ee-l-37,
.products-carousel .products-grid .energy-usage-label.ee-l-37,
.cms-products-grid .energy-usage-label.ee-l-37 {
  /* D */
  background: url(images/sprites-eek-MMSE-small.png) no-repeat 0px -150px;
  background-size: auto !important;
  height: 25px !important;
}

.products-grid .energy-usage-label.ee-l-36,
#product-preview .energy-usage-label.ee-l-36,
.products-carousel .products-grid .energy-usage-label.ee-l-36,
.cms-products-grid .energy-usage-label.ee-l-36 {
  /* C */
  background: url(images/sprites-eek-MMSE-small.png) no-repeat 0px -125px;
  background-size: auto !important;
  height: 25px !important;
}

.products-grid .energy-usage-label.ee-l-35,
#product-preview .energy-usage-label.ee-l-35,
.products-carousel .products-grid .energy-usage-label.ee-l-35,
.cms-products-grid .energy-usage-label.ee-l-35 {
  /* B */
  background: url(images/sprites-eek-MMSE-small.png) no-repeat 0px -100px;
  background-size: auto !important;
  height: 25px !important;
}

.products-grid .energy-usage-label.ee-l-34,
#product-preview .energy-usage-label.ee-l-34,
.products-carousel .products-grid .energy-usage-label.ee-l-34,
.cms-products-grid .energy-usage-label.ee-l-34 {
  /* A */
  background: url(images/sprites-eek-MMSE-small.png) no-repeat 0px -75px;
  background-size: auto !important;
  height: 25px !important;
}

.products-grid .energy-usage-label.ee-l-33,
#product-preview .energy-usage-label.ee-l-33,
.products-carousel .products-grid .energy-usage-label.ee-l-33,
.cms-products-grid .energy-usage-label.ee-l-33 {
  /* A+ */
  background: url(images/sprites-eek-MMSE-small.png) no-repeat 0px -50px;
  background-size: auto !important;
  height: 25px !important;
}

.products-grid .energy-usage-label.ee-l-32,
#product-preview .energy-usage-label.ee-l-32,
.products-carousel .products-grid .energy-usage-label.ee-l-32,
.cms-products-grid .energy-usage-label.ee-l-32 {
  /* A++ */
  background: url(images/sprites-eek-MMSE-small.png) no-repeat 0px -25px;
  background-size: auto !important;
  height: 25px !important;
}

.products-grid .energy-usage-label.ee-l-31,
#product-preview .energy-usage-label.ee-l-31,
.products-carousel .products-grid .energy-usage-label.ee-l-31,
.cms-products-grid .energy-usage-label.ee-l-31 {
  /* A+++ */
  background: url(images/sprites-eek-MMSE-small.png) no-repeat 0px 0px;
  background-size: auto !important;
  height: 25px !important;
}

/* OUTLET */
a.site-navigation2__link[data-tracking='outlet_head'] {
  background-image: url(https://www.mediamarkt.se/static/icons/background_outlet_small.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  text-align: center;
  margin-left: 3px;
  margin-bottom: -1px;
  color: #df0000;
}

a.site-navigation2__link[data-tracking='outlet_head']:hover>.site-navigation2__link-label {
  text-decoration: none;
}

.site-navigation2--dropdown a.site-navigation2__link[data-tracking='outlet_head']:hover {
  text-decoration: none;
}

.site-navigation2__child-item[data-tracking-nav="outlet_nav"] a {
  color: #df0000;
}

@media screen and (max-width: 990px) {
  a.site-navigation2__link[data-tracking='outlet_head'] {
    display: none;
    color: #df0000;
  }

  .site-navigation2__child-item[data-tracking-nav="outlet_nav"] a {
    background-image: url('https://www.mediamarkt.se/static/icons/background_outlet_big.png');
    background-repeat: repeat;
    background-size: contain;
    background-position: center;
    text-align: left;
    margin-left: 3px;
    margin-bottom: -2px;
    color: #df0000;
  }
}

/* RATINGS */
.rating>div:first-child {
  float: left;
  height: 15px;
  background: url('https://www.mediamarkt.se/static/icons/ratingyellowgrey.png') 0 -15px repeat-x;
}

.rating {
  width: 85px;
  height: 13px;
  background: url('https://www.mediamarkt.se/static/icons/ratingyellowgrey.png') repeat-x;
  vertical-align: middle;
  position: relative;
  float: left;
  margin: 0 10px 0 0;
}

.products-carousel span.clickable.first-review {
  display: none;
}

.products-carousel .products-grid .base-info.cta small.vat-info {
  display: none !important;
}

/* LISTVIEW */
.product-wrapper aside.product-price.alt {
  float: left;
  width: 230px !important;
  min-height: 280px;
  position: relative;
  background-color: #f6f6f6 !important;
}

.product-wrapper .content {
  float: right;
  padding: 15px 5px 20px 0 !important;
  max-width: 405px !important;
}

@media screen and (max-width: 1199px){
  .product-wrapper .content {
      max-width: 230px !important;
  }
}

/*PRICECONTAINER */
.product-wrapper .box.infobox {
  padding: 10px 15px 10px;
}

.box.infobox.availability {
  padding: 6px 5px 12px;
}

.product-wrapper .price.small>span {
  height: 46px !important;
  margin-left: -12px;
}

.product-wrapper .box.infobox ul li+li {
  margin-top: 15px;
}

/* ENERGY EFFICIENCY */
/*CTA-CONTAINER*/
.product-wrapper .buttons {
  min-height: 42px;
}

.product-price.alt a.button.add-to-cart {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.products-list>li .product-wrapper .product-price.alt .to-details.button {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.products-list>li .product-price .add-to-cart:hover {
  height: 36px;
}

/*sub-CTA in footer*/
.products-list footer ul {
  margin-left: 10px;
}

/*Contentsports*/
.fg-container+.fg-container {
  margin-top: 6px;
}

#content,
.container {
  padding: 0;
}

.contentspot {
  padding: 6px 0 6px;
}

.contentspot[data-cms-id="category-top"] {
  padding: 0px;
}

/* MMDE */
th {
  background: #F8F8F8;
  border-bottom: 2px solid #df0000;
  line-height: 18px;
}

caption,
th,
td {
  font-weight: 400 !important;
}

.product-container .products-carousel.loading,
#all-markets-box.loading,
.product-container-vertical .products-vertical-list.loading,
.info-window .layer-loading,
#loading .spinner {
  background: url("images/mm-loader.gif") no-repeat 50% 50% rgba(0, 0, 0, 0);
}

.infield.cf {
  margin-bottom: -12px;
}

/* BUTTONS */
.button {
  text-shadow: none;
  text-transform: none;
  padding: 0 !important;
}

.button.inline,
.button.inline span {
  line-height: 33px !important;
}

.button,
.button-facebook {
  border-radius: 50px;
}

.button.inline {
  -webkit-border-top-left-radius: 0 !important;
  -moz-border-top-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -moz-border-bottom-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.button.gray,
.button.light-gray,
.button.change-delivery,
.to-details.button.arrow,
#filters .a-z li a,
#filters .a-z li.empty {
  height: 26px;
  line-height: 25px;
  border: 1px solid #ddd !important;
}

.button.gray:hover,
.button.gray:hover span,
#filters .a-z li a:hover {
  color: #df0000 !important;
}

.basket .button.arrow {
  height: 35px !important;
  line-height: 35px !important;
}

.button.change-delivery>span {
  line-height: 22px;
}

.button.add-to-cart span {
  padding: 0 18px 0 32px !important;
  font-size: 14px;
}

.button.large {
  height: 37px !important;
}

.button.large span {
  line-height: 37px !important;
}

/*Buttons Icons*/
.button.gray span:after {
  background-position: -98px -35px !important;
  height: 7px !important;
  width: 5px !important;
}

.button.gray:hover span:after {
  background-position: -104px -35px !important;
}

.to-details.button:hover span,
#product-preview .button:hover.arrow span {
  color: #df0000;
}

a.to-details.button.block.arrow.clickable {
  border: 1px solid #4f4f4f !important;
  padding: 4px 12px !important;

}

a.to-details.button.block.arrow.clickable:hover {
  background: #f2f2f2 !important;
}

.button.large.add-to-cart.block span:after {
  background-position: -109px -23px;
  height: 12px !important;
  right: 10px !important;
  top: 13px !important;
  width: 7px !important;
}

.button.client-advisor span {
  padding: 0 10px 0 28px !important;
}

.button.client-advisor:before {
  background: url("images/sprites.png") no-repeat scroll -208px -36px transparent;
}

.button.client-advisor span:after {
  background: none !important;
}

.button.print {
  padding-left: 20px;
}

.button.print:after {
  background: none !important;
  border: none;
}

.button.print span {
  padding: 0 10px 0 28px !important;
}

.button.print:before {
  background: url("images/sprites.png") no-repeat scroll -249px -26px transparent;
  top: 6px;
  height: 15px;
}

.button:hover.print:before,
.button:hover.print.orange:before {
  background-position: -249px -41px;
}

.button.print.orange:before {
  background-position: -249px -26px;
}

.button.download-as-pdf {
  margin-right: 5px;
}

.button.disabled {
  text-shadow: none;
}

.button.back span:before,
.button.back span:after,
.button.forward span:before,
.button.forward span:after {
  background: none;
}

.button.forward span:after {
  right: 6px !important;
  top: 10px !important;
}

.button.download-as-pdf span {
  padding: 0 17px 0 29px !important;
}

.button.password:before {
  background: none;
}

.button.selected.change-delivery {
  text-shadow: none;
  color: #df0000 !important;
}

.button.selected span {
  padding: 0 10px !important;
}

.button.selected span:after {
  background: none !important;
}

.personal-data-form .button.arrow span:after {
  margin: -1px 0 0 !important;
}

.button.trash:before {
  background: url("images/sprites.png") no-repeat scroll -320px -36px transparent;
  height: 16px;
  top: 5px;
  left: 6px;
}

.button:hover.trash:before {
  background-position: -335px -36px;
}

.button.trash span {
  padding: 0 15px 0 25px !important;
}

.button.rate-product span {
  padding-left: 24px !important;
}

.button.rate-product {
  padding-left: 14px;
}

.button.rate-product:before {
  top: 7px;
}

/* Buttos End */
.prev,
.next {
  background-image: url("images/sprites.png");
  background-repeat: no-repeat;
  top: 36%;
}

.next {
  background-position: -107px -131px;
  right: 1%;
}

.prev {
  background-position: -72px -130px;
  left: 1%;
}

.prev:before,
.next:before {
  background: none;
}

.go-up {
  background: url("images/up.png") no-repeat scroll 100% 0 transparent;
  height: 21px;
  line-height: 21px;
  padding: 0 28px 0 0;
  text-decoration: underline;
  color: #7E7E7E;
}

.go-up:hover {
  background-position: 100% -21px;
}

.tooltip_value {
  text-decoration: underline;
  color: #000;
}

.container.shader {
  background: none;
}

.container.shader>.main,
.container.shader>.side {
  padding-bottom: 1px;
}

/***** Infobar *****/
#infobar {
  background: #E7E7E7;
  font-weight: 400;
  color: #797979;
  text-shadow: none;
}

#infobar .wrapper>ul .events {
  padding: 0;
}

#infobar .wrapper ul li {
  border-left: 1px solid #F1F1F1;
  border-right: 1px solid #CFCFCF;
}

#infobar .wrapper ul li:first-child {
  border-left: 0 none;
  padding: 0 7px;
  margin-right: 0;
  color: #000000;
}

#infobar .wrapper ul li:first-child a {
  color: #7A7A7A;
}

#infobar .wrapper ul a {
  color: #000;
  text-shadow: none;
  margin-left: 0;
}

#infobar .wrapper>ul a.event-name {
  color: #797979;
}

#infobar .wrapper>ul a:after {
  background: url("images/sprites.png") no-repeat scroll -98px -35px transparent;
  width: 5px;
  height: 7px;
  margin: -3px 0 0;
}

#infobar .wrapper .close {
  background: url("images/close.png") repeat scroll 0 -31px transparent;
}

#infobar .wrapper .close:hover {
  background-position: 0 -31px;
}

/* Seotext Bundle und Prospekte */
.seo-texts.prospekte {
  width: 100%;
}

.seo-texts {
  color: #535353;
  padding: 20px 0 0 0;
}

.seo-texts h3 {
  font-size: 16px;
  margin: 0 0 15px 0;
}

.seo-texts dt,
.seo-texts dd {
  float: left;
  font-size: 14px;
}

.seo-texts dt {
  padding-right: 10px;
  width: 232px;
}

.seo-texts dd {
  width: 700px;
  padding: 0 0 20px !important;
  color: #000;
}

.seo-texts dd:last-child {
  padding: 0;
}

/*Kategori Seo*/
.kategorietext-box {
  margin-top: 12px;
}

.kategorietext-box h2,
.kategorietext-box strong {
  font-weight: 400 !important;
}

.kategorietext-box h2 {
  font-size: 16px;
  margin-bottom: 18px;
}

/* RecoTeaser */
.recoteaser-vert li,
.teaser-list li {
  border-top: none;
  padding: 8px 10px 7px;
}

.recoteaser-vert li .content .price,
.teaser-list li .content .price {
  margin: 0;
}

.recoteaser-vert li .content small,
.teaser-list li .content small {
  line-height: 11px;
}

.recoteaser-vert li .title,
.teaser-list li .title {
  color: #000;
  font-size: 14px;
  line-height: 14px;
}

/* RTT Shop */
.rtt-carousel {
  width: 226px;
  overflow: hidden;
  position: relative;
  border: 1px solid #DDDDDD;
  height: 254px;
}

.jcarousel-skin-rtt .jcarousel-item {
  width: 226px;
  height: 254px;
}

.jcarousel-rtt-control {
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  bottom: 5px;
  width: 226px;
  z-index: 20;
}

.jcarousel-skin-rtt .jcarousel-prev,
.jcarousel-skin-rtt .jcarousel-next {
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: medium none;
  overflow: hidden;
  padding: 35px 0 0;
  position: absolute;
  bottom: 5px;
  width: 36px;
  z-index: 21;
}

.jcarousel-skin-rtt .jcarousel-prev {
  left: 5px;
}

.jcarousel-skin-rtt .jcarousel-next {
  right: 5px;
  background-position: -35px 0 !important;
}

.jcarousel-rtt-control a {
  display: inline-block;
  font-size: 0;
  height: 11px;
  width: 11px;
}

.jcarousel-rtt-control a.active {
  background-position: 0 0 !important;
}

/* Breadcrumb */

.breadcrumbs li.home a {
  background: url("images/sprites.png") no-repeat scroll -164px -42px transparent;
  width: 11px;
}

/**** Catagory Infield ****/
.side .contentspot {
  padding: 0 0 12px;
}

.infield li {
  border: 1px solid #DDDDDD;
}

.infield li h2 {
  background: #F7F7F7;
  text-transform: none;
  font-size: 14px;
  padding: 4px 10px 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.infield li h2 a {
  color: #000;
}

.infield li h2 a:hover {
  text-decoration: none;
  color: #df0000;
}

.infield li h2 a:after {
  background: url("images/sprites.png") no-repeat scroll -92px -35px transparent;
  content: ".";
  height: 7px;
  position: absolute;
  text-indent: -999em;
  top: 38%;
  width: 5px;
  margin-left: 7px;
}

.infield li h2 a:hover:after {
  background-position: -104px -35px;
}

.infield li .content {
  height: 89px;
  margin-top: 25px;
}

.infield li .content .infield-list {
  background: #F7F7F7;
  border-bottom: 1px solid #fff;
  box-shadow: 0 5px 5px -5px #333;
  padding: 7px 10px 15px;
  top: 0;
}

.infield li .content figure {
  height: 90px;
  line-height: 90px;
}

.infield li .content .infield-list li {
  margin: 0;
}

.infield li .content .infield-list li a {
  padding: 2px 10px 0 2px;
  border-radius: 0;
  color: #525252;
}

.infield li .content .infield-list li a em {
  color: #525252;
}

.infield li .content .infield-list li a:hover,
.infield li .content .infield-list li a:hover em {
  color: #df0000;
  background: none;
  text-decoration: underline;
}

.infield li .content .infield-list li a:before {
  background: none;
  margin: -15px 0 0;
}

.infield li .content .infield-list li a:hover:before {
  background: none;
}

/**** Product Container ****/
.product-container-vertical .products-vertical-list {
  border: 1px solid #DDDDDD;
  max-height: 212px;
  overflow: hidden;
  height: 212px;
}

.product-container-vertical .price {
  margin-top: 17px !important;
}

.product-container-vertical .base-info {
  height: 70px;
}

.product-container-vertical .header.border h2,
.product-container-vertical .header h2 {
  font-size: 14px !important;
  padding: 3px 0 25px !important;
  left: 10px;
}

.product-container-vertical h3 {
  text-align: left;
}

.product-container-vertical h3 a {
  color: #000;
}

.product-container-vertical .pos {
  background: url("images/sprites.png") no-repeat scroll -226px -141px transparent;
  width: 25px;
  height: 21px;
  color: #000000;
  left: -1px;
  font-weight: 400;
  font-size: 13px;
  padding: 3px 0 0;
  text-align: center;
}

.product-container-vertical .energy-usage {
  left: auto;
  right: 7px;
  padding: 0;
}

/**** Catagory Page grid****/
#category.category-grid .products-grid li {
  height: auto;
  padding-bottom: 30px;
}

#category.category-grid .products-grid .base-info .ee-wrapper,
#product-preview .product-preview-content .base-info .ee-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin: 0 auto;
}

#category.category-grid .products-grid .base-info h3,
#product-preview .product-preview-content .base-info h3 {
  text-align: left;
  margin: 5px auto 0px;
  width: 90%;
}

.products-grid .base-info h3 a,
#product-preview .base-info h3 a {
  color: #000 !important;
  font-size: 16px;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
}

#product-preview {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
}

.product-preview-content {
  height: auto;
}

#product-preview .content dl {
  padding-top: 0;
}

#product-preview .content dl dt {
  color: #525252;
}

#product-preview .content dl dd {
  color: #000;
}

#product-preview .content .rate {
  text-align: left;
  margin-left: 12px;
  background: none;
  border: none;
}

#product-preview .content dl {
  background: none;
}

.products-grid .base-info .installment-compact .label,
#product-preview .base-info .installment-compact .label {
  width: 45px;
}

.products-grid .base-info .installment-compact .value,
#product-preview .base-info .installment-compact .value {
  padding-left: 0;
}

#product-preview .content .b-set {
  margin: 10px 0 7px 12px;
  text-align: left;
}

#product-preview .content .b-set .button {
  margin: 0 7px 0 0;
}

#product-preview .content .b-set .button.add-to-cart:before {
  background: url("images/sprites.png") no-repeat scroll -365px 0 transparent;
  height: 16px;
  left: 7px;
  top: 5px;
  width: 20px;
}

.products-grid .base-info .installment-compact,
#product-preview .base-info .installment-compact {
  top: 170px !important;
}

#product-preview .base-content {
  padding: 0px;
  width: 100%;
  background: #f8f8f8;
}

#product-preview .box.availability {
  margin-top: 0px !important;
}

/* Catagory Page grid End */

#category>hgroup {
  background: none;
}

.as-list {
  margin: 0 10px;
  background-position: 0 -25px;
}

.as-list.active {
  background-position: -27px -27px;
}

.as-list.is-active {
  background-position: -25px -25px;
}

.select2-label {
  color: #555555;
  font-weight: 400;
}

.select2-container {
  padding: 0 20px 0 0;
}

.select2-container-active {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
}

.select2-container .select2-choice,
.select2-container .select2-choice .select2-arrow,
.select2-container.select2-container-disabled .select2-choice {
  height: 26px;
}

.select2-container .select2-choice .select2-arrow,
.select2-container.error .select2-choice .select2-arrow {
  background-position: 0 -27px;
  width: 22px;
}

.select2-container.error .select2-choice {
  background-position: 0 0;
}

.select2-dropdown-open .select2-choice .select2-arrow {
  background-position: -22px -27px;
}

/* Product List */
.products-list>li {
  border: 1px solid #dddddd;
  /*margin: 0 0 20px;*/
  position: relative;
}

.products-list>li .product-wrapper.cms-wrapper .content {
  max-width: 900px !important;
  padding: 10px 12px 12px !important;
}

.products-list>li .content h2,
.products-list>li .content h3 {
  font-size: 16px !important;
  line-height: 20px !important;
  margin: 0 0 10px !important;
  text-transform: none !important;
}

.products-list>li .content h2 {
  border-bottom: 1px solid #E7E7E7 !important;
  padding: 0 0 7px !important;
}

.products-list>li .content h2>a {
  color: #000 !important;
}

.products-list>li .product-photo .photo-wrapper>a:last-child {
  position: absolute;
  top: 10px;
  left: 195px;
}

.products-list>li .product-wrapper {
  border: 1px solid transparent;
  position: static;
}

.products-list>li .product-wrapper .content h4 {
  font-size: 14px;
  color: #525252;
}

.products-list>li .product-wrapper .product-price .buttons {
  margin-top: 0;
}

.products-list>li .product-wrapper .product-price .buttons .add-to-cart span {
  font-size: 16px;
}

.products-list>li .product-wrapper .product-price>.infobox {
  padding-bottom: 10px;
}

.products-list>li .product-wrapper .product-price .buttons .button+.button:hover span {
  color: #000;
}


.products-list>li .product-wrapper .product-price .buttons .button+.button {
  width: 84px !important;
}

.products-list>li .product-price .buttons .button+.button span {
  font-size: 16px;
}

.products-list>li footer {
  margin: -20px 0 5px 202px;
  background: none;
}

.products-list>li footer ul li a:before {
  background: url("images/sprites.png") no-repeat scroll 0 0 transparent;
}

.products-list>li footer ul li.remove-wishlist a:before {
  background-position: -249px 0;
  width: 14px;
}

.products-list>li .product-price {
  padding: 0 !important;
  width: 220px !important;
  background-color: #F6F6F6 !important;
  margin: 10px 10px 5px !important;
  text-align: left !important;
}

.products-list>li .product-price .add-to-cart,
.products-list>li .product-price .to-details {
  float: right !important;
  margin: 0 12px 12px !important;
  font-size: 13px !important;
}

.products-list>li .product-price .to-details span {
  line-height: 24px !important;
}

.products-list>li .product-price .buttons .button {
  float: right !important;
  margin: 10px 0 10px 10px !important;
}

.products-list>li .product-price .buttons .button+.button {
  height: 36px !important;
  float: left !important;
  width: 66px !important;
}

.products-list>li .product-price .buttons .button.add-to-cart {
  margin-right: 10px !important;
}

.products-list>li .product-price .buttons .button+.button span {
  line-height: 26px !important;
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
}

.products-list>li .box.infobox {
  border: none;
  background-color: #F6F6F6;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.responsive .products-list .logos {
  bottom: 10px !important;
  left: 15px;
  width: auto;
}

.responsive .products-list .logos img {
  float: left;
  padding: 0 10px 0 0;
}

.products-list>li .product-wrapper .product-photo {
  position: static;
}

.product-details dt {
  padding: 0;
  color: #525252;
  margin: 0 0 2px;
}

.product-details dd {
  color: #000;
  margin: 0 0 2px;
}

.product-details dt:before {
  background: none;
}

.products-list>li .product-wrapper .product-photo .photo {
  left: 0 !important;
  position: relative !important;
  top: 0 !important;
}

.products-list .contentspot {
  padding: 0 0 12px !important;
}

/* Price Box*/
.price-box {
  text-align: left;
}

/* Paginator */
.pagination-wrapper {
  margin: 0px;
}

.pagination-wrapper .pagination {
  margin: 0 -6px 0 0;
}

.pagination li {
  margin-right: 6px;
  position: relative;
}

.pagination .active a,
.pagination .active a:hover {
  color: #000;
}

.pagination a:hover {
  color: #df0000;
  box-shadow: none;
}

.pagination .hellip,
.pagination a:hover.hellip {
  background: none;
  border: none;
  border-radius: none;
  text-shadow: none;
  box-shadow: none;
  padding: 0;
}

.pagination-prev a {
  padding: 4px 11px 4px 16px;
}

.pagination-prev a:hover:before {
  background-position: -117px -13px;
}

.pagination-next a:hover:after {
  background-position: -124px -13px;
}

/*Infobox*/
.box.infobox.availability ul li span,
.box.infobox.availability ul li a {
  line-height: 1.2;
}

.box.infobox ul li {
  font-size: 13px;
}

.box.infobox ul li:before {
  background: url("images/icon_sprites.png") no-repeat -245px -5px !important;
  background-size: contain;
  width: 20px;
  height: 20px;
  top: 38%;
}

.box.infobox ul li.false:before {
  background: url("images/icon_sprites.png") no-repeat -65px -5px !important;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.box.infobox ul li.false.online-nostock:before {
  background: url("images/icon_sprites.png") no-repeat -35px -5px !important;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.box.infobox ul li a.instockonline:hover {
  color: #00ac45;
  text-decoration: underline;
}

.box.infobox ul li a.nostockonline:hover {
  color: #ff9900;
  text-decoration: underline;
}

.box.infobox ul li.false,
.box.infobox ul li.false a {
  font-size: 13px;
}

.box.infobox ul li.false .icon {
  display: none;
}

.box.infobox ul li.false a {
  text-decoration: none;
}

.box.infobox ul li.false a:hover {
  text-decoration: none;
}

.box.infobox.availability {
  background-color: #fff !important;
  margin: 18px 0 0 !important;
  padding: 2px 10px 8px 5px;
}

.tooltip_content .button span {
  line-height: 28px;
}

.marketsel-open:hover {
  color: #00ac45;
}

.box.infobox ul li.false .marketsel-open:hover {
  color: #ff9900;
}

/* Enercy Usage */
.installment-compact .label,
.installment-compact .value {
  background: url("images/sprites.png") no-repeat scroll -49px -303px transparent;
  text-align: left;
  font-weight: 400;
  text-shadow: none;
  font-size: 11px;
  padding-top: 1px;
}

.installment-compact .label {
  background-position: 0 -303px;
  width: 49px;
  height: 20px;
  color: #000;
  text-transform: uppercase;
}

.installment-compact .value {
  color: #df0000;
  border-right: 1px solid #E7E7E6;
}

#product-details .price-sidebar .installment-compact .value {
  border-right: none;
}

#product-details .price-sidebar div.price-label .label.online-price {
  color: #555555;
  font-size: 11px;
}

#banners .installment-compact,
.banners .installment-compact {
  width: 100%;
}

/* Filter */

#filters .contentspot {
  width: 227px;
}

#filters.side .contentspot {
  padding: 0 0 12px;
}

#filters .options label {
  color: #545454;
}

#filters .select2-container {
  margin-bottom: 0px;
}

#filters form {
  border-right: 1px solid #DDDDDD;
  margin-bottom: 12px;
}

#filters .categories a:hover {
  text-decoration: none;
}

#filters .categories .active a {
  font-weight: 400;
}

#filters .categories .active,
#filters .categories .active a,
#filters .without-border .active a,
#filters .without-border .active label {
  color: #df0000;
}

#filters .categories .active>ul {
  margin: 0;
}

#filters .categories .active>ul li a {
  display: block;
}

#filters .categories .active>ul li a,
#filters .categories .active.child-active a {
  color: #545454;
}

#filters .categories .active>ul li a:hover {
  color: #df0000;
}

#filters .categories .active>ul li.active>a {
  color: #df0000;
  border: none;
}

.filters-content>h2.selected,
.filters-content fieldset>h2.selected,
.filters-content .headline.selected {
  background: none;
}

#filters .icon {
  float: right;
  margin-top: 0;
}

#filters .content .inline-input {
  border-radius: 0;
  background: none;
  border: none;
  height: 23px;
  line-height: 23px;
}

#filters .content .inline-input input {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-right: 5px;
  color: #545454;
}

.inline-input.three-digits input,
.inline-input.two-digits input {
  width: 35px;
}

.inline-input.five-digits input {
  width: 45px;
}

#filters .content .button {
  width: 23px;
  float: right;
}

#filters .options {
  margin-bottom: 0px;
}

#filters .options .expand {
  margin: 0 0 10px 0 !important;
}

#filters .options .expand,
#filters .options .reset {
  width: 75%;
}

#filters .active .options .expand>a:before,
#filters .options .reset>a:before {
  background: url("images/sprites.png") no-repeat scroll -137px -49px transparent !important;
  width: 8px;
  height: 7px;
  top: 9px;
  left: 8px;
}

#filters .inactive .options .expand>a:before {
  background: url("images/filter-pil-ner.png") 2px 4px no-repeat;
  width: 10px;
  height: 12px;
  left: 8px;
}

#filters .options .reset>a:before {
  background-position: -89px -2px;
}

#filters .options a {
  border: 1px solid #ddd;
  font-weight: 400;
  font-size: 13px;
}

#filters .options .sm a {
  background: none;
  border: none;
}

#filters .toggle-sidebar.hide-sidebar:hover {
  background-position: 2px 0;
}

#filters .toggle-sidebar.show-sidebar {
  right: -21px;
}

#filters .page-side-nav {
  width: 228px;
  border-right: 1px solid #dddddd;
}

.side h2,
.page-side-nav h2 {
  border: none;
  margin: 0 !important;
  padding: 0 !important;
}

.page-side-nav h2 {
  padding: 12px 0 0 0 !important;
}

.container>.main.fw {
  width: 708px;
}

#filters .product-container-vertical {
  padding: 0;
}

#filters h2 a.blue,
#filters .headline a.blue {
  color: #000;
}

/**** for Search ****/
form#filters {
  border-right: 1px solid #DDDDDD;
  margin: 8px 0 0;
}

form#filters fieldset {
  width: 216px;
  margin: 7px 0 12px;
}

form#filters .categories li a {
  display: block;
  padding: 7px 5px 7px 0;
}

/**** Sliders ****/
.price-range-slider.ui-slider .ui-slider-range {
  background: none repeat scroll 0 0 #df0000;
  border-top: 1px solid #A8010B;
}

/***** Layer *****/
#cboxClose:after,
.layer-close:after {
  background: url("images/sprites.png") 0 -130px no-repeat;
  height: 35px;
  width: 35px;
}

#cboxClose,
.layer-close {
  color: #fff;
  height: 35px;
  background-color: transparent;
  position: absolute;
  right: 12px;
  top: 7px;
}

#cboxPrevious,
#cboxNext {
  background: url("images/sprites.png") no-repeat scroll -72px -130px transparent;
  height: 35px;
  width: 35px;
  left: 10px;
}

#cboxNext {
  background-position: -107px -131px;
  left: 50px !important;
}

#cboxContent.cbox-photo-wrapper {
  background: #ffffff;
}

#cboxLoadedContent .cboxPhoto {
  margin: 50px 0 0;
}

#cboxClose:hover:after,
.layer-close:hover:after {
  background-position: -36px -130px;
}

#colorbox .layer-header h1,
#cboxLoadedContent>h1 {
  background: #fff;
  text-transform: none;
  color: #111111;
  font-size: 24px;
  border-bottom: 1px solid #dddddd;
  height: 50px;
  line-height: 50px;
}

.modal-content,
.productcontent header .info.error,
#productcontent header .info.error {
  color: #525252;
}

.modal-content.crosssells header .photo {
  height: 42px;
}

.productcontent header .info .pname,
#productcontent header .info .pname {
  color: #000 !important;
  font-weight: 400;
}

.productcontent header .info.error,
#productcontent header .info.error {
  color: #000;
}

.accept button span {
  line-height: 28px !important;
}

.toplayer .header {
  height: 50px;
  line-height: 50px;
}

#review-form .header h2 {
  line-height: 50px;
}

.toplayer .header .close {
  background: url("images/sprites.png") no-repeat scroll 0 -130px rgba(0, 0, 0, 0);
  height: 35px;
  width: 35px;
  margin: -17px 0 0;
  right: 15px;
}

.toplayer .header .close {
  background-position: -36px -130px;
}

#review-form .article-rating .rating,
#review-form .article-rating .icon,
#review-form .article-rating .value {
  background-color: rgba(0, 0, 0, 0) !important;
  color: #545454;
}

.toplayer fieldset>ul>li:nth-child(2n),
.toplayer fieldset>ul>li.ntheven {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}

.toplayer fieldset>ul>li {
  border: none;
}

.toplayer fieldset>button {
  float: right;
  margin: 10px 26px 0 0;
  padding: 0;
  width: 95px;
}

.toplayer fieldset>button span {
  width: 60px;
}

#review-form .header h2,
#review-form .header h3 {
  color: #000;
  font-size: 22px;
}

#review-form .header h2:before,
#review-form .header h3:before {
  background: url("images/sprites.png") no-repeat scroll -112px -31px transparent;
}

.tracklist>h2 {
  margin-bottom: 7px;
}

.tracklist li {
  padding: 6px 15px;
}

.tracklist li:first-child {
  background-color: #F8F8F8;
}

.tracklist li+li {
  border: none;
}

.tracklist li+li:nth-child(2n + 1),
.tracklist li+li.nth2n1 {
  background-color: #F8F8F8;
}

/* Tracklist / MediaPlayer */
.tracklist {
  margin-top: 20px;
}

.media-play a {
  color: #555555;
}

.media-play a:hover {
  color: #df0000;
}

/* Reviews*/
.reviews {
  border-top: 1px dotted #D6D6D6;
}

.reviews h2,
.reviews h3 {
  color: #000;
  margin: 0 0 5px 0;
}

.reviews li {
  border-bottom: 1px dotted #D6D6D6;
}

.reviews article {
  border-left: 1px dotted #D6D6D6;
  color: #545454;
}

.reviews aside strong,
.reviews aside small {
  color: #777777;
}

.media-play {
  width: 120px;
}

.media-play.media-play-audio:before {
  background: url("images/sprites.png") no-repeat scroll -294px -144px transparent;
}

/* Bundles */
.bundles h3 {
  color: #515151;
}

.bundles h3 em {
  color: #df0000;
}

.bundles .content span {
  color: #df0000;
  font-size: 28px;
}

.bundles aside .button.add-to-cart {
  float: right;
}

.bundles aside .button.add-to-cart:before {
  background: url("images/sprites.png") no-repeat scroll -365px 0 transparent;
  left: 9px;
  top: 5px;
  width: 20px;
  height: 16px;
}

.bundles aside .button.add-to-cart:after {
  height: 7px;
  right: 10px;
  top: 11px;
  width: 6px;
}

/* Related Products */
#product-details .related-products ul li:before {
  color: #555555;
}

/* Features */
#features {
  border: none;
}

#features h2 {
  background: none;
  border: none;
  color: #000;
}

#features section {
  margin: 12px 0 12px 0;
}

/***** Spezikikation *****/
.specification dt {
  padding: 5px 5px 5px 25px;
  color: #555555;
}

.specification.energy-efficiency dt {
  width: 233px;
  color: #545454;
}

.specification dt.false:before {
  background-position: -36px 0;
}

.specification dt:nth-child(4n + 1),
.specification dt.nth4n1,
.specification dt:nth-child(4n + 1)+dd,
.specification dt.nth4n1+dd {
  background-color: #F8F8F8 !important;
}

#features section:last-child .specification dd:last-child,
#features section.last-child .specification dd.last-child {
  border: none;
  margin-bottom: 20px;
}

/* Tooltip */
.tooltip_content {
  border: none;
  border-radius: 2px 2px 2px 2px;
  box-shadow: 0 11px 10px -10px #000;
  color: #535353;
  z-index: 20;
}

.tooltip_content .tooltip-wrapper {
  box-shadow: 1px 0px 5px #E4E4E4;
  border-top: 2px solid #df0000;
  font-size: 11px;
}

.tooltip_content .tooltip-header {
  box-shadow: 1px 0 3px #E4E4E4;
  border-bottom: none;
  background: none repeat scroll 0 0 #F1F1F1;
  color: #000;
  font-size: 13px;
  font-weight: 400;
}

.tooltip .tooltip_content {
  margin-left: -45px;
  margin-top: -20px;
}

.tooltip_content .arrow {
  background: url("images/sprites.png") no-repeat scroll -269px 0 transparent;
  height: 31px;
  left: 20%;
  width: 26px;
  bottom: -31px;
}

.tooltip_content .arrow .arrow-element {
  display: none;
}

/* gallery view */
#gallery-view header {
  background: none;
}

#gallery-view header .close,
#gallery-view header .close:hover {
  text-shadow: none;
  color: #545454;
  right: 15px;
  background: none;
  padding: 4px 35px 0 10px;
  background: -moz-linear-gradient(top, #FCFCFC, #F0F0F0);
  /* Firefox */
  background: -webkit-linear-gradient(top, #FCFCFC, #F0F0F0);
  /* Safari, Chrome */
  background: -o-linear-gradient(top, #FCFCFC, #F0F0F0);
  /* Opera */
  background: -ms-linear-gradient(top, #FCFCFC, #F0F0F0);
  /* IE */
  background: linear-gradient(top, #FCFCFC, #F0F0F0);
  /* W3C Standard */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#F0F0F0');
  border-bottom: 1px solid #DFDFDF;
  border-left: 1px solid #DFDFDF;
  border-right: 1px solid #DFDFDF;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#gallery-view header .close:hover {
  color: #df0000;
}

#gallery-view header .close:after {
  background: url("images/sprites.png") no-repeat scroll -272px -33px transparent;
  height: 21px;
  width: 21px;
  right: 7px;
  top: 3px;
}

#gallery-view header .close:hover:after {
  background-position: -295px -33px;
}

#gallery-view footer .thumbs .active a,
#gallery-view footer .thumbs a:hover {
  border-color: #df0000;
}

#gallery-view footer .thumbs a {
  border: 1px solid #dddddd;
}

#gallery-view header:before {
  background: url("images/logo-small.png") no-repeat scroll 0 0 transparent;
  clear: both;
  content: "";
  display: block;
  height: 23px;
  position: relative;
  top: 0;
  width: 201px;
}

#gallery-view header img {
  display: none;
}

#gallery-view article .informations aside {
  background: none repeat scroll 0 0 #F6F6F6;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#gallery-view article .informations aside>h2 {
  color: #000;
  line-height: 14px;
}

#gallery-view article .informations dl,
#gallery-view article .informations .price-details {
  border-top: none;
}

#gallery-view article .informations dt {
  color: #777777;
}

#gallery-view article .informations dd {
  margin: 0;
}

#gallery-view .button.add-to-cart {
  margin: 15px 0 0;
}

#gallery-view .button.add-to-cart:before {
  top: 11px;
}

/***** Footer *****/
.accordion ul {
  border-top: 1px solid #CFCFCF;
  margin-top: 14px;
}

.accordion ul li {
  border-top: 1px solid #CFCFCF;
}

.accordion ul li>a {
  padding: 12px 0 12px 24px;
  font-weight: 400;
}

.accordion ul li>a:before,
.accordion ul li>a:after {
  background: url("images/sprites.png") no-repeat scroll 0 0 transparent;
}

.accordion ul li>a:before {
  background-position: -28px -17px;
  top: 13px;
  width: 15px;
  height: 15px;
}

.accordion ul li>a:hover:after,
.accordion ul li.active>a:after {
  top: 16px;
  right: 10px;
}

.accordion ul li>a:hover:after {
  background-position: -56px -48px;
  width: 5px;
  height: 7px;
}

.accordion ul li.active>a:after {
  background-position: -86px -43px;
  width: 7px;
  height: 5px;
}

/* Newsletter */
.footer .sidebar form {
  margin: 40px 0 0;
}

.newsletter-form h3,
.newsletter-form label {
  color: #df0000;
  font-size: 14px;
  text-transform: none;
}

.newsletter-form input {
  padding: 0 10px 0 8px;
  height: 34px;
  line-height: 34px;
  border: 1px solid #D8D8D8;
  border-radius: 0px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15) inset;
  outline: none;
  background: #f4f4f4;
  color: #545454;
}

.newsletter-form fieldset:before {
  background: none;
}

.newsletter-form input::-moz-placeholder {
  color: #545454;
}

.nl-teaser-large {
  border: 1px solid #DDDDDD;
  height: 123px;
  position: relative;
  background: url("images/nl/nl-teaser-l.png") no-repeat scroll 20px bottom transparent;
}

.nl-teaser-large p {
  position: absolute;
  font-size: 16px;
  width: 328px;
  line-height: 17px;
  right: 180px;
  top: 20px;
}

.nl-teaser-large a {
  position: absolute;
  right: 12px;
  top: 20px;
  z-index: 2;
  border-bottom: 1px solid #BBBBBB;
}

.nl-teaser-large a:hover {
  text-decoration: none;
  border-bottom: 1px solid #df0000;
}

.nl-teaser-large p {
  position: absolute;
  font-size: 16px;
  width: 328px;
  line-height: 17px;
  right: 136px;
  top: 20px;
}

.nl-teaser-large .newsletter-form input {
  position: absolute;
  width: 233px;
  right: 230px;
  top: 75px;
}

.nl-teaser-large .button.large {
  position: absolute;
  right: 12px;
  top: 75px;
  height: 34px !important;
}

.nl-teaser-large .button.large span {
  font-size: 16px !important;
  line-height: 33px !important;
  padding: 0 22px 0 13px !important;
}

.nl-teaser-large .button.large span:after {
  right: 10px !important;
  top: 15px !important;
}

/**** CLUB KONTO ****/
#my-account {
  background: none !important;
  margin-top: 12px;
}

.my-account .breadcrumbs {
  margin: 0 0 30px;
}

.my-account>aside {
  border-right: 1px solid #dddddd;
  margin: 8px 12px 0 0;
  width: 223px;
}

.my-account>aside a {
  font-weight: 400;
}

.my-account>aside#filters {
  padding-top: 8px;
}

.my-account .side-nav {
  margin: 15px 10px 0 0 !important;
}

div#my-account h2 {
  font-size: 24px;
  line-height: normal;
  color: #000000 !important;
}

.my-account>aside a:hover.inactive {
  color: #DCDCDC !important;
  cursor: default;
}

.my-account>aside h2 {
  border: none;
  color: #000000;
  padding: 1px 0 13px;
}

.my-account>.content {
  width: 708px;
  min-height: 480px;
}

.my-account>.content p {
  line-height: 18px;
}

.my-account .box {
  border-radius: 0;
  background: none repeat scroll 0 0 #F6F6F6;
  color: #535353;
}

.my-account.login-page .box {
  width: 324px;
}

.my-account>.content>h1 {
  color: #000;
  margin-top: -20px;
}

.my-account>.content>h1 {
  border-bottom: 1px solid #dddddd;
  line-height: 1.1;
  padding: 0 0 12px;
  background: none;
  font-size: 24px;
}

.my-account .content>hgroup {
  background: none !important;
  border-bottom: 1px solid #dddddd !important;
  margin: -19px 0 15px !important;
  padding: 0 0 13px !important;
}

.my-account .content p>a {
  border-bottom: 1px solid #C9C9C9;
  text-decoration: none !important;
}

.my-account .content p>a:hover {
  border-bottom: 1px solid #df0000;
  text-decoration: none;
}

.my-account .content h1,
.my-account .content h2 {
  color: #000;
  text-transform: none;
  font-size: 16px;
}

.my-account.wishlist .content>hgroup h1 {
  font-size: 24px;
}

.my-account>.content strong {
  font-weight: 400;
}

.my-account.personal-data .content .change-password-box p strong {
  font-size: 13px;
  color: #535353;
}

.my-account.login-page .content h1,
.my-account.login-page .content h2,
.my-account>.content .box>h2 {
  font-size: 16px;
  font-weight: 400 !important;
  padding: 0px !important;
}

.my-account.login-page .content h1:before,
.my-account.login-page .content h1.before>.before,
.my-account.login-page .content h2:before,
.my-account.login-page .content h2.before>.before {
  background: url("images/myaccount/sprites-my-account.png") no-repeat scroll 0 0 transparent !important;
  width: 24px;
  margin: -16px 0 0;
}

.my-account.login-page #login-form.login-form h1:before,
.my-account.login-page #login-form.login-form h2:before {
  width: 23px;
}

.my-account.login-page .register-box h1:before,
.my-account.login-page .register-box h2:before {
  background-position: -24px 0 !important;
  width: 29px;
}

.my-account.login-page .register-facebook h2 {
  padding: 0 0 0 25px;
}

.my-account.login-page .register-facebook h2:before {
  background-position: -96px 0 !important;
  width: 13px;
}

.my-account.register.facebook .content>h1:before {
  background: none;
}

.my-account.register .content .register-form ul li.gender .error-wrapper .arrow {
  left: 0;
}

.my-account.login-page .register-facebook h2+p {
  max-width: 100%;
  margin-bottom: 55px;
}

.my-account>.content .button-facebook {
  text-shadow: none;
  text-transform: none;
  background: none repeat scroll 0 0 transparent;
  /* W3C Standard */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3B5998', endColorstr='#334E84');
}

.my-account.login-page .register-facebook .button-facebook {
  top: 145px;
}

.my-account>.content .button-facebook>span {
  background: none;
  font-size: 13px;
  padding: 0 12px 0 36px;
}

.my-account>.content .button-facebook,
.my-account>.content .button-facebook>span {
  height: 26px;
  line-height: 25px;
  position: relative;
}

.my-account>.content .button-facebook>span:before,
.my-account>.content .button-facebook>span:after {
  background: url("images/myaccount/sprites-my-account.png") no-repeat scroll -110px 0 transparent;
  width: 28px;
  height: 26px;
  content: ".";
  position: absolute;
  left: 0;
  top: 0;
  text-indent: -999em;
}

.my-account>.content .button-facebook>span:after {
  background: url("images/sprites.png") no-repeat scroll -386px -20px transparent;
  width: 5px;
  height: 8px;
  right: 2px;
  top: 10px;
  left: auto;
}

.my-account.login-page #login-form.login-form ul li a {
  margin-top: 5px;
  border-bottom: 1px solid #C9C9C9;
  text-decoration: none;
  line-height: 16px;
}

.my-account.login-page #login-form.login-form ul li a:hover {
  border-bottom: 1px solid #df0000;
  text-decoration: none;
}

.my-account>.content .forms .buttons {
  border-top: 1px solid #DDDDDD;
  box-shadow: none;
  margin: 30px 0 0 !important;
  padding: 12px 0 0 !important;
}

.my-account .button.arrow {
  height: 36px;
  background: #fff !important;
  border: 1px solid #4f4f4f;
}

.my-account .button.arrow span {
  padding: 3px 14px;
  font-size: 16px;
}

.my-account .button.arrow:hover {
  background: #f2f2f2 !important;
}

.my-account .button.arrow,
.my-account .button:hover.arrow span {
  color: #000 !important;
}

.my-account .to-details.button.arrow,
.my-account .to-details.button:hover.arrow span {
  color: #555555 !important;
}

.my-account .button.arrow span:after {
  right: 7px;
}

.my-account .button.gray span,
.my-account .button.change-delivery span {
  padding: 0 16px 0 10px;
}

.my-account .button.print span {
  padding: 0 17px 0 28px !important;
}

.button.gray.back span {
  padding: 0 8px 0 17px !important;
}

.button.gray.back span:after {
  background-position: -104px -13px !important;
  height: 8px !important;
  width: 6px !important;
  top: 10px !important;
}

.my-account .buttons {
  padding-top: 0;
}

.button.gray.back:hover span:after {
  background-position: -117px -13px !important;
}

.responsive .my-account.login-page .register-box .button span {
  min-width: auto;
}

.my-account.login-page .ssl-information {
  color: #535353;
  font-style: normal;
  padding: 20px 0 0;
}

.my-account.login-page .ssl-information em {
  color: #df0000;
}

.my-account.login-page #login-form.login-form label {
  margin-bottom: 3px;
}

.my-account hr {
  border-bottom: 1px solid #dddddd;
}

.my-account .content .info {
  font-style: normal !important;
  padding-top: 3px !important;
}

.my-account>.content .ssl-info strong {
  padding-left: 0;
  color: #df0000;
}

.my-account>.content .ssl-info strong:before {
  background: none;
}

.my-account .content .products-list>li .order-status .box.infobox p.done:before {
  background: url("images/sprites.png") no-repeat scroll -61px -27px transparent !important;
  width: 15px;
  height: 15px;
}

.my-account .content .products-list>li .order-status .box.infobox p.processing:before {
  background: url("images/sprites.png") no-repeat scroll -36px 0 transparent !important;
  width: 14px;
  height: 14px;
  left: 2px;
  top: 1px;
}

.my-account .error-box p {
  color: #DF0000 !important;
}

.my-account .content li aside p.status:before {
  background: url("images/sprites.png") no-repeat scroll 0 0 transparent !important;
}

.my-account .content li aside p.status.s1:before {
  background-position: -89px -9px !important;
  left: -17px !important;
}

.my-account .content li aside p.status.s2:before {
  background-position: -61px -27px !important;
  height: 15px !important;
  width: 15px !important;
  top: 1px !important;
}

.my-account>.content .grid .col2 h2:before,
.my-account>.content .grid .col2 h2.before>.before {
  background: url("images/myaccount/sprites-my-account.png") no-repeat scroll 0 0 transparent;
  width: 23px;
}


.my-account.orders .order-info .order-data {
  left: 45px !important;
  position: relative !important;
}

.my-account.orders .order-info.shop:before,
.my-account.order-details .order-info.shop:before {
  top: 0 !important;
}

.my-account.orders .order-info .order-data {
  width: 340px !important;
}

.my-account.login-page .box {
  width: 444px !important;
}

.responsive .my-account.login-page .register-box {
  position: relative;
}

.responsive .my-account.login-page .register-box p {
  font-size: 14px;
  width: 420px !important;
  min-height: 15px;
  float: none;
}

.responsive .my-account.login-page .register-box ul {
  font-size: 14px;
}

.responsive .my-account.login-page .register-box li {
  list-style-type: disc;
  margin-left: 15px;
}

.my-account.login-page .register-box .button {
  float: none;
  position: absolute;
  top: 32px;
  right: 10px;
}

span#logInText {
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
  line-height: 18px;
  font-size: 13px !important;
  text-transform: none;
  display: block;
  margin-bottom: 20px;
  position: absolute;
  left: 0;
}

.my-account.login-page #login-form.login-form h1:before,
.my-account.login-page #login-form.login-form h2:before {
  top: 28px;
}

#login-form fieldset {
  padding-top: 15px;
  margin-top: 60px;
}

span.minaKopText {
  width: 305px !important;
  display: block;
}

span.textKlubbkort p {
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-top: 6px;
}

li.loyaltyClub.chosenToBeShown p {
  max-width: 500px;
}

@media only screen and (max-width: 954px) {
  .responsive .my-account.login-page .box {
    width: 444px !important;
  }
}

/* CLUB RECEIPT & WISH LIST */

.my-account.orders-wishlist-overview .content .orders-wishlist-sections li .button {
  height: 36px;
  border: 1px solid #4f4f4f !important;
}

.my-account.orders-wishlist-overview .content .orders-wishlist-sections li .button span {
  font-size: 16px;
  padding: 4px 15px !important;
}

.my-account.orders-wishlist-overview .content .orders-wishlist-sections li .button:hover span{
  background: #f2f2f2 !important;
  color: #000 !important;
  border-radius: 50px;
}

/* CLUB ICONS */
.my-account.orders-wishlist-overview .content .orders-wishlist-sections li p a.icon,
.my-account.personal-data-overview .content .personal-data-sections li p a.icon,
.my-account.reviews-ovierview .content .reviews-sections li p a.icon {
  background: url("images/myaccount/sprites-my-account.png") no-repeat scroll 0 0 transparent;
}

.my-account.orders-wishlist-overview .content .orders-wishlist-sections li p.orders a.icon {
  background-position: 0 -27px;
  width: 51px;
}

.my-account.orders-wishlist-overview .content .orders-wishlist-sections li p.wishlist a.icon {
  background-position: -51px -27px;
  left: 34px;
  width: 75px;
}

.my-account.personal-data-overview .content .personal-data-sections li p.personal-data a.icon {
  background-position: 0px -93px;
  height: 68px;
  width: 63px;
}

.my-account.personal-data-overview .content .personal-data-sections li p.change-password a.icon {
  background-position: -64px -93px;
  height: 43px;
  width: 84px;
  left: 15px;
}

.my-account.personal-data-overview .content .personal-data-sections li p.payments a.icon {
  background-position: -128px -27px;
  height: 58px;
  width: 100px;
}

.my-account.personal-data-overview .content .personal-data-sections li p.social-media a.icon {
  background-position: -149px -86px;
  height: 53px;
  width: 92px;
}

.my-account.reviews-ovierview .content .reviews-sections li p.reviews a.icon {
  background-position: -228px 0;
  left: 35px;
  width: 51px;
}

.my-account.personal-data .select2-container .select2-choice {
  background-position: 0 -90px;
}

.my-account.personal-data .select2-container .select2-choice .select2-arrow {
  background-position: -44px -27px;
}

.my-account.personal-data .select2-dropdown-open .select2-choice .select2-arrow {
  background-position: -66px -27px;
}

.my-account.product-reviews .content>hgroup h1 {
  font-size: 24px !important;
}

/* Merkzettel*/
.my-account.wishlist .content>hgroup {
  padding: 0 0 9px !important;
}

.my-account.wishlist .content>h1 {
  background: none;
  margin: 0;
  font-size: 24px !important;
}

.my-account.wishlist>.content p {
  margin: 0;
  padding-top: 17px;
}

.my-account.wishlist .content>.buttons {
  margin-top: 50px;
}

.my-account.wishlist .content .action {
  border-top: none;
  padding: 10px 0;
  margin-bottom: 5px;
}

.my-account.wishlist .content .action.cf {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 8px;
}

.products-list>li.wishlist-item .product-select {
  background: none repeat scroll 0 0 #C9C9C9;
}

.products-list>li.wishlist-item .info {
  display: none;
}

.my-account.wishlist .products-list>li footer {
  margin: -20px 0 5px 202px;
}

.my-account.wishlist .content .action .sort .select2 {
  width: 110px;
}

.my-account.wishlist .content .action .sort {
  margin-left: 320px;
}

.my-account.wishlist .content .action>label {
  margin-right: 18px;
}

.my-account.wishlist .content .action>.select2 {
  margin-right: 10px;
}

/* Orders */
.my-account.orders .content h1,
.my-account.orders-return .content h1,
.my-account.orders-cancel .content h1 {
  margin: 0 0 17px;
  font-size: 24px !important;
}

.my-account.orders .content .orders-filter {
  margin: 0 0 18px;
  padding: 0 0 17px;
  border-bottom: 1px solid #dddddd;
}

.my-account .content .order-info {
  background: none !important;
  padding: 0 !important;
  margin-bottom: 15px !important;
}

.my-account.orders-return .content .order-info,
.my-account.orders-cancel .content .order-info {
  border-top: 1px solid #dddddd;
  padding-top: 18px !important;
  margin-top: 13px !important;
}

.my-account.orders-return .content #return-form .order-info,
.my-account.orders-return .content .products-list .order-info,
.my-account.orders-cancel .content .products-list .order-info {
  border-top: none !important;
  margin-top: 0 !important;
}

.my-account .content .order-info .side {
  margin-top: 3px !important;
}

.my-account .content .order-info dl dd {
  margin: 0 15px 2px 5px !important;
}

.my-account .content .order-info dl.order-id {
  text-transform: none !important;
  font-size: 16px !important;
}

.my-account .content .order-info dl.order-id dt,
.my-account .content .order-info dl.order-details {
  color: #555555 !important;
}

.my-account .content .order-info dl.order-id dd {
  color: #df0000 !important;
}

#my-account>div.content>ul.products-list li .order-info,
.my-account.orders-return .content .products-list>li .order-info,
.my-account.orders-cancel .content .products-list>li .order-info {
  border-bottom: 1px solid #dddddd !important;
  height: 38px !important;
  line-height: 38px !important;
  padding: 0 20px !important;
}

.my-account .content .order-info dl.order-details dt:before {
  border: none !important;
}

.my-account .content .products-list>li .order-status {
  padding: 10px 10px 0 0 !important;
}

.my-account.orders .content .products-list>li .order-status p {
  padding-left: 20px;
}

.my-account.orders .content .products-list>li .order-status p.done {
  color: #555555;
}

.my-account.orders .products-list .button.gray,
.my-account.personal-data .button.gray {
  margin-right: 5px;
}

.my-account.orders-return .content .order-return-addresses {
  background: none;
  border-top: 1px solid #dddddd;
}

.my-account.order-cancel-summary .buttons {
  margin: 12px 0 20px !important;
  padding-top: 20px;
}

.my-account a.icon {
  border: none !important;
}

/* Personal Data */
.my-account.personal-data .content>h1 {
  margin-bottom: 17px;
  font-size: 24px !important;
}

.my-account.personal-data .content>h2 {
  margin-top: 0 !important;
  margin-bottom: 12px;
}

.my-account.personal-data h2 {
  color: #535353 !important;
  margin-bottom: 5px;
}

.my-account.personal-data .content .change-password-box {
  border-top: 1px solid #DDDDDD;
  box-shadow: none;
  margin-top: 3px;
  background: none;
  padding: 12px 0 12px 12px;
}

.my-account.personal-data .content .change-password-box p {
  line-height: 15px;
}

.my-account.personal-data .content .button.password {
  float: right;
  margin-top: 2px;
}

.my-account.personal-data .content dl.addresses dt {
  padding-top: 17px;
  text-transform: none;
  font-size: 16px;
  font-weight: 400 !important;
}

.my-account.personal-data .content dl.addresses dd,
.my-account.personal-data .content dl.addresses label input[type="radio"]+span {
  color: #535353;
}

.my-account .add-delivery-address,
.my-account .add-packstation-address {
  text-decoration: underline;
}

.my-account.personal-data .content dl.addresses .buttons {
  margin: 12px 0 4px;
}

.my-account>.content .forms label em,
.my-account>.content .forms .label em {
  color: #df0000;
}

/* Password */
.my-account.password .content>h1,
.my-account.password-confirm .content>h1 {
  margin-bottom: 17px;
  font-size: 24px !important;
}

.my-account.password h2 {
  color: #535353 !important;
  margin-bottom: 12px;
}

.my-account.password .content .change-password-form {
  top: 5px;
  margin-bottom: 45px;
}

.my-account.password .content .change-password-form:after {
  background: url("images/myaccount/sprites-my-account.png") no-repeat scroll -56px -3px transparent;
  width: 38px;
  height: 19px;
  left: 22px;
  top: 25px;
}

.my-account.password .content .change-password-form:before {
  background: transparent;
}

.my-account.password .content .change-password-form label {
  width: 140px;
}

.responsive .my-account.password .content .change-password-form .info {
  width: auto;
}

.responsive .my-account.password .content .change-password-form p.required {
  width: 218px;
}

/* Account */
.my-account.delete .content>h1,
.my-account.register .content h1 {
  margin-bottom: 17px;
  font-size: 24px !important;
}

/* Payment */
.my-account.payment .content h1 {
  margin-bottom: 17px;
  font-size: 24px !important;
}

.my-account.payment .content h2 {
  margin-top: 0 !important;
  color: #535353 !important;
  font-size: 14px !important;
}

/* Social */
.my-account.social .content h1 {
  font-size: 24px !important;
}

.my-account.social .content dl {
  background: none;
  border-top: none;
}

.my-account.social .content dl dd {
  border-bottom: none;
  padding-left: 62px;
}

.my-account.social .content dl dt {
  padding: 3px 0 0 62px;
  font-weight: 400;
}

.my-account.social .content dl:before {
  top: 3px;
  left: 0;
}

/* Reviews Detail */
.my-account.reviews-details .content h1 {
  margin-bottom: 17px;
}

.my-account.product-reviews .content .reviews-list {
  margin-top: 15px;
}

.my-account.product-reviews .button.trash {
  margin-left: 5px;
}

/* Mediapedia Comments */
.my-account.mediapedia-comments .content .comments {
  margin-top: 15px;
}

.my-account.mediapedia-comments .content .comments li {
  border-bottom: 1px dotted #dddddd;
}

.my-account.mediapedia-comments .content .comments li aside {
  color: #535353;
}

/* Newsletter */
.my-account.newsletter .content h2 {
  color: #535353 !important;
  margin-bottom: 12px;
  margin-top: 0 !important;
}

.my-account.newsletter .content .new-customer {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}

.my-account.newsletter .content h1 {
  font-size: 24px !important;
}

.my-account.newsletter .content .newsletter-register-form .box {
  margin-bottom: 20px;
}

.my-account.newsletter .content .newsletter-register-form .button.arrow {
  margin-left: 5px;
}

.my-account.newsletter .select2-container .select2-choice {
  background-position: 0 -90px;
}

.my-account.newsletter .select2-container .select2-choice .select2-arrow {
  background-position: -44px -27px;
}

.my-account.newsletter .select2-dropdown-open .select2-choice .select2-arrow {
  background-position: -66px -27px;
}

/* Kontakt */
.my-account.contact .content>h1 {
  margin-bottom: 17px;
  font-size: 24px !important;
}

.my-account.contact .button.arrow span:after {
  margin-top: -4px;
}

.my-account.contact .content .contact-form li.contact-subject label,
.my-account.contact .content .contact-form li[data-additional-field="store"] label {
  line-height: 15px;
}

/* CLUB GIFT CARD */
.my-account.gift-cards .content h1 {
  font-size: 24px !important;
}

.my-account.gift-cards .content h2 {
  font-family: 'sourcesanspro', sans-serif;
  font-weight: 400;
}

.my-account.gift-cards .content hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
}

.my-account.gift-cards .content h2 {
  color: #525252 !important;
  font-size: 14px;
}

.my-account.gift-cards .giftcard.cf {
  border-bottom: 1px solid #DDDDDD;
  padding-top: 20px;
}

.my-account.gift-cards .content .giftcard .image.balance {
  background: url("images/myaccount/giftcardBalance.png") no-repeat scroll 50% 0 transparent;
}

.my-account.gift-cards .button.arrow {
  background: #fff !important;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#131313') !important;
  border: 1px solid #4f4f4f;
}

.my-account.gift-cards .button:hover.arrow {
  background: #f2f2f2 !important;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F31414', endColorstr='#AB1414') !important;
  color: #000;
}

.my-account.gift-cards .button.arrow span:after {
  background-position: -386px -20px !important;
  top: 11px !important;
}

.my-account.gift-cards .button.arrow span {
  color: #000;
  background: none !important;
  border: none !important;
}

.my-account.gift-cards .button.gray.arrow span {
  height: 27px;
  line-height: 26px;
  padding: 4px 12px;
}

/* CLUB SERVICE STATUS */
.my-account.repair-status .content h1 {
  margin-bottom: 17px;
  font-size: 24px !important;
}

/* CLUB BECOME MEMBER */

#accountRegistration, #ssnRegistration {
  border-radius: 50px;
  font-size: 16px;
  background: #fff;
  color: #000;
  border: 1px solid #4f4f4f;
}

#accountRegistration:hover, #ssnRegistration:hover {
  background: #f2f2f2;
}

/**** Produktvergleich ****/
.compare-table-wrapper table,
.breadcrumbs+.compare-table-wrapper {
  border-top: none;
}

.breadcrumbs+.compare-table-wrapper {
  margin-top: -10px;
}

.compare-table-wrapper thead th,
.compare-table-wrapper thead+tbody .caption td,
.compare-table-wrapper thead+tbody .caption th {
  background: none;
}

.compare-table-wrapper .head {
  color: #000000;
  line-height: 0.2;
  margin-left: -10px;
}

.compare-table-wrapper thead .product-head {
  padding: 20px 0 0;
}

.compare-table-wrapper thead .product-head .cart-button {
  height: 27px;
  width: 35px;
}

.compare-table-wrapper thead .product-head .cart-button:after {
  background: none;
}

.compare-table-wrapper thead .product-head .cart-button span:after {
  background: url("images/sprites.png") no-repeat scroll -365px 0 transparent !important;
  height: 16px !important;
  left: 8px !important;
  top: 5px !important;
  width: 20px !important;
}

.compare-table-wrapper thead .product-head .remove-trigger {
  background: url("images/sprites.png") no-repeat scroll -272px -33px transparent !important;
  width: 21px;
  height: 21px;
  top: 5px;
  right: 5px;
}

.compare-table-wrapper thead .product-head .remove-trigger:hover {
  background-position: -295px -33px !important;
}

.compare-table-wrapper thead .product-head .rate,
.compare-table-wrapper thead .product-head .group,
.compare-table-wrapper thead .product-head small,
.compare-table-wrapper thead td,
.compare-table-wrapper .box.infobox {
  text-align: left !important;
}

.compare-table-wrapper .title {
  color: #000;
}

.compare-table-wrapper tbody,
.compare-table-wrapper .caption td,
.compare-table-wrapper .caption th {
  background: url("images/category/product-description-details-bg.png") repeat-x scroll 0 0 transparent;
}

.compare-table-wrapper thead .product-head .rate {
  margin: 12px 0 5px;
}

.compare-table-wrapper thead th+th {
  padding-left: 10px;
}

.compare-table-wrapper .box.infobox.availability,
.compare-table-wrapper .box.infobox.availability ul {
  margin: 0 !important;
}

.compare-table-wrapper .installment-compact .label {
  width: 37px;
}

.compare-table-wrapper .trigger,
.compare-table-wrapper .closed .trigger {
  color: #000;
  padding-left: 2px;
  font-size: 14px;
}

.compare-table-wrapper .caption td,
.compare-table-wrapper .caption th {
  padding: 15px 0 10px 7px;
}

.compare-table-wrapper .trigger .arrow {
  background: url("images/sprites.png") no-repeat scroll -104px -48px transparent;
  left: 0;
  right: auto;
  width: 8px !important;
  height: 8px !important;
  margin-top: -3px;
}

.compare-table-wrapper .closed .trigger .arrow {
  background-position: -112px -47px;
}

.compare-table-wrapper .yes,
.compare-table-wrapper .no {
  background: url("images/sprites.png") no-repeat scroll -28px -17px transparent;
  height: 15px;
  width: 15px;
}

.compare-table-wrapper .no {
  background-position: -36px 0;
}

.compare-table-wrapper thead .product-head .button {
  margin-left: 0;
  margin-bottom: 3px;
}

/**** CLUB MY ACCOUNT SIDE NAV ****/
.side-nav {
  margin: 22px 10px 0 0;
  padding: 0;
  border-top: 1px dotted #D6D6D6;
}

.side-nav>li {
  border-bottom: 1px dotted #D6D6D6;
}

.side-nav>li a {
  padding: 7px 5px 7px 0;
  display: block;

}

.side-nav li>a:hover,
.side-nav li.active>a {
  color: #df0000 !important;
}

.side-nav ul {
  margin: 0;
  padding: 0;
  display: none;
}

.side-nav .active ul {
  display: block;
}

.side-nav ul li {
  border-top: 1px dotted #D6D6D6;
  margin: 0;
  padding-left: 20px;
  background: none;
}

.side-nav ul li em {
  color: #555555;
  font-size: 11px;
}

/**** Forms ****/
.forms.double-border input[type='text'],
.forms.double-border input[type='password'],
.forms.double-border textarea,
.forms input[type="text"],
.forms input[type="password"],
.forms textarea {
  border: 1px solid #E0E0E0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
}

.forms textarea {
  background: #fff;
}

.forms.double-border input[type='text']:focus,
.forms.double-border input[type='password']:focus,
.forms.double-border textarea:focus,
.forms input[type='text']:focus,
.forms input[type='password']:focus,
.forms textarea:focus {
  border-color: #C3C3C3;
  box-shadow: none;
}

.forms p.required em {
  color: #df0000;
}

.select2-results .select2-result-label {
  border-top: 1px solid #E7E7E7;
}

.select2-results .select2-highlighted {
  background: none repeat scroll 0 0 #FFF;
  color: #df0000;
}

input[type="checkbox"],
input[type="radio"] {
  margin-right: 4px;
}

/* Errors */
.forms input.error[type="text"],
.forms input.error[type="password"],
.forms textarea.error {
  border: 1px solid #DFDFB4 !important;
  background: url("images/select.png") no-repeat scroll 0 -118px transparent;
}

.error-wrapper {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  background-color: #FFF;
  padding: 8px 10px 8px 32px;
  box-shadow: none;
  -webkit-box-shadow: none;
  margin-top: 10px;
}

.error-wrapper .error {
  color: #df0000;
}

.error-box {
  border: 1px solid #df0000;
  margin-top: 0;
}

.error-box p {
  color: #df0000 !important;
}

.error-box:before,
.error-wrapper .icon {
  background: url("images/sprites.png") no-repeat scroll -224px -20px transparent;
  height: 14px;
  margin-top: -7px;
  width: 14px;
}

.error-wrapper .arrow {
  background: url("images/checkout/sprite.png") no-repeat scroll 0 -389px transparent;
  height: 10px;
  left: 0;
  margin-left: 0;
  top: -10px;
  width: 100%;
}

.login-form .error-wrapper {
  margin-left: 0;
  width: auto;
}

/***** GoogleMaps - Pins *****/
#gm-custom-pins .pin-icon-small {
  background-image: url("images/markt/map-pin-red-small.png");
}

#gm-custom-pins .pin-icon-big {
  background-image: url("images/markt/map-pin-red-big.png");
}

/***** Infoportal *****/
#infoportal h1 {
  color: #000;
}

#infoportal hgroup {
  background: none;
}

#infoportal hgroup h1 {
  line-height: 27px;
}

#infoportal .articleContent .head h1 {
  margin: 0 0 12px;
}

#infoportal .articleContent .head {
  margin: 0;
  padding: 0;
}

#infoportal h2 {
  line-height: 18px !important;
  text-transform: none;
  padding: 0 0 10px !important;
}

#infoportal .lexicon-list li {
  background: none;
  position: relative;
}

#infoportal .lexicon-list li a:before {
  background: none repeat scroll 0 0 #DF0000;
  content: ".";
  height: 3px;
  left: 2px;
  margin: -2px 0 0;
  position: absolute;
  text-indent: -999em;
  top: 50%;
  width: 3px;
}

#infoportal .info-item-wrapper .content a img {
  margin: 2px 12px 0 0 !important;
}

#infoportal .products-list>li .product-wrapper.cms-wrapper .content p {
  min-height: 75px;
  margin-right: 12px !important;
}

#infoportal .product-wrapper.cms-wrapper .product-photo {
  margin-right: 12px !important;
}

#infoportal hgroup h1 em {
  color: #545454;
}

#infoportal .mceContentBody h1 {
  color: #535353;
}

#infoportal .articleContent .mceContentBody section#quick-nav li {
  font-weight: 400;
}

#infoportal .articleContent .mceContentBody section#quick-nav li a {
  left: 18px;
  border-bottom: 1px solid #C9C9C9;
}

#infoportal .articleContent .mceContentBody section#quick-nav li a:hover {
  border-bottom: 1px solid #df0000;
  text-decoration: none;
}

#infoportal .articleContent .related section article .summary h3 {
  font-size: 16px;
}

#infoportal .content p+.button {
  height: 28px !important;
  line-height: 29px !important;
}

#infoportal .products-list>li .product-wrapper.info-item-wrapper .content p+.button span:after {
  top: 11px !important;
}

.side-nav.infoportal-nav {
  margin-top: -5px;
}

.s-m-s>#filters .content {
  margin: 17px 0 12px;
}

.s-m-s>#filters fieldset {
  width: auto;
  border-bottom: none;
  margin: -4px 0 0;
}

.side-nav.infoportal-nav ul li em {
  display: none;
}

.side-nav.infoportal-nav li:last-child {
  border-bottom: 1px dotted #D6D6D6;
}

.side-nav.infoportal-nav li ul li:last-child {
  border-top: 1px dotted #D6D6D6 !important;
  border-bottom: none;
}

#filters .a-z {
  border-bottom: 1px solid #DDDDDD;
  margin-top: -8px;
  width: 216px;
}

#filters .a-z li a,
#filters .a-z li.empty {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
}

#filters .a-z li.active a {
  color: #df0000 !important;
  text-shadow: none;
}

#filters .a-z li.empty {
  opacity: 0.5;
}

#infoportal .breadcrumbs {
  margin: 0 0 12px !important;
}

.products-list.infoportal-items>li .product-photo .photo-wrapper>a:last-child {
  position: relative;
  left: 10px;
  top: 0;
}

.products-list>li {
  padding: 0;
}

.products-list>li .product-wrapper {
  border: none;
}

.products-list.infoportal-items li .content {
  padding: 12px !important;
  max-width: 900px !important;
}

.teaser-list li .content h4 {
  font-size: 13px;
}

.list.dot.blue>li,
.list.nested.blue ul li {
  background: none;
}

.list.dot>li,
.list.nested ul li {
  padding-left: 0;
}

#infoportal td:first-child,
#infoportal th:first-child,
#infoportal td,
#infoportal th,
#infoportal table {
  border: none !important;
}

#infoportal tr:nth-child(2n) td,
#infoportal tr.ntheven td {
  background: none !important;
}

#infoportal .articleContent section.product-wrapper .content {
  color: #535353;
}

#infoportal h2,
#infoportal .mceContentBody h1 {
  font-size: 16px;
  text-transform: none;
  margin: 0;
  color: #000;
}

/***** Jobs Area *****/
.jobs-area {
  background: none;
}

.jobs-area>aside h2 {
  border-bottom: none;
}

.jobs-area>aside a {
  font-weight: 400;
}

.jobs-area>aside .side-nav li.active>a {
  color: #df0000;
}

.jobs-area.application .content .application-form label,
.jobs-area.application .content .application-form li.gender .label,
.jobs-area.application .content .application-form li.rfm .label {
  width: 200px;
}

.responsive .jobs-area.application .content .application-form p.info,
.responsive .jobs-area.application .content .application-form .buttons {
  padding-right: 0px;
}

.jobs-area.vacancy-details .content {
  padding-bottom: 0px;
}

.jobs-area.vacancy-details .content h3 {
  margin: 10px 0 0 0;
}

.jobs-area.vacancy-details .content .button {
  margin: 20px 0 0 0;
}

/***** Responsive *****/
@media only screen and (max-width: 1199px) {
  #header #logo a {
    background: url("images/header/logo-medium.png") no-repeat scroll 0 0 transparent;
  }

  #header #logo a {
    width: 387px;
    height: 61px;
  }

  #header .search .dropdown>.label span {
    min-width: 34px;
  }

  #top-navigation>.top-navigation-items .prospect>a:after,
  #top-navigation>.top-navigation-items .prospect>a.after>.after {
    left: 10px;
  }

  #top-navigation>.top-navigation-items .prospect:hover>a:after {
    left: 10px;
  }

  #header .cart .articles {
    border-right: none;
  }

  .responsive #header .search input {
    width: 130px !important;
  }

  .my-account.login-page #login-form.login-form input {
    width: 156px !important;
  }

  .grey-box-teaser .grey-box {
    width: 240px;
    background: url("images/teaser/grey-box/grey-box-bg-small.png") left top no-repeat;
  }

  .grey-box-teaser .grey-box h3 {
    font-size: 24px !important;
    line-height: 25px !important;
  }

  .grey-box-teaser .grey-box p {
    font-size: 14px !important;
  }

  .nl-teaser-large {
    background: url("images/nl/nl-teaser-s.png") no-repeat scroll 20px bottom transparent;
  }

  .nl-teaser-large .newsletter-form input {
    width: 208px;
  }

  .nl-teaser-large p {
    right: 112px;
  }

  .seo-texts dd {
    width: 465px;
  }

  .product-details dt {
    width: 140px;
  }

  .product-details dd {
    width: 95px;
  }

  .contact-data hgroup .print,
  #contact-data hgroup .print {
    position: relative;
    top: 12px;
  }

  .contact-data .column,
  #contact-data .column {
    width: 330px;
  }

  #product-details .product-reviews .border-top .go-up {
    display: none;
  }

  .my-account.login-page .register-facebook {
    max-height: 180px;
    min-height: 160px;
  }
}

@media only screen and (max-width: 954px) {
  .my-account.login-page .register-facebook {
    min-height: 172px;
  }

  .responsive #header .search {
    left: 355px !important;
    width: 285px;
    top: 58px;
  }

  .responsive #header .search input {
    width: 205px !important;
  }

  #header .search .dropdown>.label {
    width: 20px;
  }

  .responsive #header .search .dropdown>.label span {
    display: none;
  }

  .responsive #header .cart>.button {
    width: 45px;
    height: 36px;
    margin: 0;
    border-left: none;
    -webkit-border-bottom-left-radius: 4px !important;
    -moz-border-bottom-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    -webkit-border-top-left-radius: 4px !important;
    -moz-border-top-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
  }

  .responsive #header .cart>.button span {
    text-indent: -9999px;
    display: block;
  }

  .responsive #header .cart>.button span:after {
    background-position: -195px -138px !important;
    height: 22px !important;
    right: 8px !important;
    top: 5px !important;
    width: 28px !important;
  }

  .responsive #header .basket {
    top: 34px;
  }

  .responsive #header .infobar-open {
    width: 83px;
    background: -moz-linear-gradient(top, #F3F3F3, #E6E6E6);
    /* Firefox */
    background: -webkit-linear-gradient(top, #F3F3F3, #E6E6E6);
    /* Safari, Chrome */
    background: -o-linear-gradient(top, #F3F3F3, #E6E6E6);
    /* Opera */
    background: -ms-linear-gradient(top, #F3F3F3, #E6E6E6);
    /* IE */
    background: linear-gradient(top, #F3F3F3, #E6E6E6);
    /* W3C Standard */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#E6E6E6');
  }

  .responsive #header .infobar-open:after {
    right: 9px;
  }

  .responsive #infobar .wrapper>ul>li:first-child {
    margin-right: 0;
  }

  .responsive #filters {
    width: 238px;
  }

  .responsive #filters fieldset {
    width: 223px;
  }

  .responsive #filters,
  .responsive #my-market-wrapper #my-market-sidebar {
    border: 1px solid #C0C0C0;
    border-left: none;
    background-position: right 0;
    background: none #F6F6F6 !important;
    padding: 12px 0 15px 12px;
    margin-top: 0;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.2) !important;
  }

  .responsive .cf #sidebar-wrapper #filters {
    border: none;
    background: none #fff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .responsive #my-market-wrapper #my-market-sidebar {
    background: none #fff;
    margin-top: -62px !important;
  }

  .responsive #filters form {
    background-color: #F6F6F6;
    border-right: none;
  }

  .responsive #header .left-meta-navigation>ul>li,
  .responsive #header .right-meta-navigation>ul>li {
    font-size: 10px;
  }

  .responsive #header .right-meta-navigation>ul>li>a {
    padding: 0 7px;
  }

  .responsive #header .right-meta-navigation>ul>li.infobar-open>a {
    padding: 0 15px 0 8px;
  }

  .responsive #header .right-meta-navigation .infobar-open a {
    margin-left: 0;
  }

  .responsive #header .left-meta-navigation li a {
    width: auto;
    text-indent: 0;
    padding: 0 9px 0 24px;
  }

  .responsive #header .left-meta-navigation li a:before {
    left: 5px;
  }

  #infobar .wrapper .close {
    background-position: 0 -52px;
  }

  #infobar .wrapper .close:hover {
    background-position: 0 -52px;
  }

  .responsive #header .cart .articles .counter {
    color: #DF0000 !important;
    right: -13px;
    top: -9px;
    width: 19px;
    height: 19px;
  }

  #top-navigation>.top-navigation-items .prospect>a:after,
  #top-navigation>.top-navigation-items .prospect>a.after>.after {
    left: 22px;
  }

  #top-navigation>.top-navigation-items .prospect:hover>a:after {
    left: 22px;
  }

  #top-navigation>.top-navigation-items .item span {
    font-size: 11px;
  }

  #top-navigation>.top-navigation-items .item>a {
    padding: 0 1px 0;
  }

  #category>hgroup h1 {
    margin-bottom: 10px;
  }

  .my-account.wishlist .content .action .limiter {
    float: left;
    margin-left: 15px;
  }

  .products-list>li footer {
    margin: -20px 0 5px 202px;
  }

  .my-account.wishlist .products-list>li footer {
    margin: -20px 0 5px 202px;
  }

  .responsive #filters .toggle-sidebar.hide-sidebar {
    right: 0 !important;
    top: 12px;
  }

  .responsive #filters .toggle-sidebar.show-sidebar {
    right: -18px;
    top: 12px;
  }

  .responsive .my-account.login-page .register-facebook h2+p {
    margin-bottom: 55px;
  }

  .responsive .products-list.infoportal-items>li .product-photo .photo-wrapper>a:last-child {
    left: 10px !important;
  }

  .responsive .compare-table-wrapper .installment-compact .label {
    width: 25px;
  }

  .responsive .compare-table-wrapper thead .product-head .button {
    margin: 5px 0;
  }

  .responsive .compare-table-wrapper .box.infobox.availability,
  .compare-table-wrapper .box.infobox.availability ul {
    margin: 5px 0 !important;
  }

  .responsive #footer-copyrights>div:after {
    top: 80px;
  }

  .responsive #infobar .wrapper>ul .events {
    display: none;
  }

  #header .left-meta-navigation>ul>li>a.service {
    display: none;
  }

  #header .left-meta-navigation>ul>li:before {
    background: none;
  }

  .responsive .my-account>aside li {
    width: 228px !important;
    border-bottom: 1px dotted #D6D6D6 !important;
  }

  .my-account>aside#filters {
    top: 162px;
  }

  .my-account>aside#filters.is-info-bar {
    top: 194px;
  }

  .my-account .side-nav {
    margin: 25px 10px 0 0 !important;
  }

  .my-account>aside h2 {
    padding: 1px 0 23px !important;
  }

  .my-account.password .content .change-password-form .info {
    padding-left: 0px !important;
  }

  .my-account.password .content .change-password-form ul li.password-repeat label,
  .my-account.password .content .change-password-form ul li.email-repeat label {
    margin-bottom: 5px;
  }

  .responsive .pagination a {
    font-weight: 400;
  }

  .responsive .container .page-side-nav {
    background: none;
    background-color: #F6F6F6;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.2) !important;
    border-top: 1px solid #DDDDDD;
  }

  .responsive .container .page-side-nav .toggle-sidebar.hide-sidebar {
    right: -1px !important;
  }

  .responsive .container .page-side-nav .toggle-sidebar.hide-sidebar {
    right: 9px !important;
  }

  .responsive #my-market-wrapper #my-market-sidebar {
    box-shadow: -3px 4px 3px rgba(0, 0, 0, 0.1);
  }

  .responsive .market-teaser {
    border-top: none;
    width: 201px;
    margin-top: 12px !important;
    border-top: 1px solid #dddddd;
  }

  .responsive #my-market-wrapper .toggle-sidebar.show-sidebar {
    right: -18px;
    background-position: 100% 0 !important;
  }

  .responsive #my-market-wrapper .toggle-sidebar.hide-sidebar {
    right: 0 !important;
  }

  .my-market-menu li {
    border: none;
  }

  #my-market-sidebar .contentspot {
    background-color: transparent;
  }

  #my-market-sidebar:first-child {
    margin-top: 0 !important;
  }

  #my-market-sidebar {
    width: 238px;
    max-width: 238px !important;
  }

  .contact-data .column,
  #contact-data .column {
    width: 300px;
  }

  #header .basket-close {
    right: 277px !important;
    top: 37px !important;
  }

  .responsive #header .cart {
    width: 60px;
  }

  #filters .without-border li {
    display: block;
  }

  #filters .options label {
    height: 20px;
    margin-bottom: 2px !important;
  }
}

/* Breakpoint max 1200px */
@media only screen and (min-width: 1200px) {
  .responsive #header .search {
    left: 440px !important;
    width: 445px;
  }

  .responsive #header .search input {
    width: 282px !important;
  }

  .responsive #header .cart {
    top: 58px;
  }

  .responsive #product-sidebar {
    width: 350px;
  }

  .responsive #product-sidebar .support,
  .responsive #product-sidebar .additional {
    width: 339px;
  }

  .responsive #product-sidebar .support img {
    margin: 0 0 0 15px;
  }

  .responsive #product-sidebar .support img:first-child {
    margin: 0;
  }

  .responsive #product-details {
    width: 804px;
  }

  .responsive #product-sidebar .sidebar-form .price-details {
    width: 100%;
  }

  .responsive #product-sidebar .sidebar-form .price-button {
    bottom: 10px;
    float: left;
    top: auto;
    width: 200px;
    position: static;
  }

  .responsive #product-sidebar .sidebar-form .price-button a.button.large.block.add-to-cart span {
    text-align: center;
  }

  .responsive .my-account.wishlist .content .action .sort {
    margin-left: 560px;
  }

  .products-list>li footer {
    margin: -20px 0 5px 272px;
  }

  .responsive .my-account.wishlist .products-list>li footer {
    margin: -20px 0 5px 272px;
  }

  .responsive .my-account p.required {
    font-size: 13px !important;
    font-style: normal !important;
  }

  .responsive .my-account.personal-data .content .personal-data-form .buttons,
  .responsive .my-account.password .content .change-password-form .ssl-info,
  .responsive .my-account.password .content .change-password-form .buttons {
    padding-right: 0;
  }

  .responsive .my-account.login-page .box {
    width: 444px
  }

  .responsive .my-account.login-page .register-facebook .button-facebook {
    top: 76px;
  }

  .responsive .my-account.login-page .register-facebook h2+p {
    max-width: 50%;
    margin-bottom: 30px;
  }

  .responsive .products-list>li .product-photo .photo-wrapper>a:last-child {
    left: 280px;
  }

  .responsive .products-list.infoportal-items>li .product-photo .photo-wrapper>a:last-child {
    left: 10px !important;
  }

  .responsive .my-account.newsletter .content .newsletter-register-form p.required {
    top: 93px;
    width: auto;
  }

  .responsive .my-account.newsletter .content .newsletter-register-form .buttons,
  .responsive .my-account.contact .content .contact-form .buttons,
  .responsive .my-account.repair-status .content .repair-status-form .buttons {
    padding-right: 0;
  }

  .responsive #category.fw {
    width: 948px;
  }

  .responsive .my-account.orders .content .products-list>li .content,
  .responsive .my-account.orders-return .content .products-list>li .content,
  .responsive .my-account.orders-cancel .content .products-list>li .content,
  .responsive .my-account.reviews-details .content .products-list>li .content {
    max-width: 600px !important;
  }

  .my-account.login-page #login-form.login-form input#login-email {
    width: 171px !important;
  }

  .my-account.login-page #login-form.login-form input#login-password {
    width: 160px !important;
  }

  #login-password, #login-email {
    padding: 8px 10px !important;
}

  .responsive .my-account.login-page #login-form.login-form .button {
    margin: 19px 0 0 !important;
  }

  .my-account.login-page #login-form.login-form ul {
    margin-bottom: 7px !important;
  }

  .responsive .my-account.password .content .change-password-form p.required {
    right: 5px;
  }

  .responsive #contact-data .column {
    width: 350px;
  }

  .my-account.login-page .register-facebook {
    max-height: 136px;
  }
}

/***** Prices MM ******/
@media screen, handheld {
  .price.price-old {
    margin-left: 12px;
    font-size: 40px;
  }

  .price span,
  .price-box .price.small {
    margin: 0 !important;
    float: none !important;
    background-image: none !important;
    text-indent: inherit;
    overflow: visible;
    visibility: visible;
    font-family: 'pricemm', 'sourcesanspro', sans-serif;
  }


  #product-details .price.big {
    font-size: 54px;
    line-height: 64px;
    height: 64px;
  }

  .js body .price {
    text-shadow: 0 0 1em transparent, 0 -0.04em 0 #fff, 0.04em 0 0 #fff, 0 0.04em 0 #fff, -0.034em -0.024em 0 #fff, -0.03em -0.04em 0 #fff, -0.01em -0.04em 0 #fff, 0.052em -0.04em 0 #fff, 0.04em -0.04em 0 #fff, 0.02em -0.04em 0 #fff, 0.047em -0.025em 0 #fff, -0.045em 0.016em 0 #fff, -0.039em 0.038em 0 #fff, -0.052em 0.04em 0 #fff, -0.042em 0.04em 0 #fff, 0.031em 0.028em 0 #fff, 0.029em 0.04em 0 #fff, rgba(0, 0, 0, 0.2) 0.05em 0 0.05em, rgba(0, 0, 0, 0.2) 0 0.05em 0.05em, rgba(0, 0, 0, 0.2) 0.05em 0.05em 0.05em;
    color: #000;
    font-family: 'pricemm', 'sourcesanspro', sans-serif;
  }

  /* PRICE-ENDING */

  span.opt-value:after {
    content: ':-';
    background: #fff;
    position: relative;
    top: 0px;
    right: 7px;
  }

  /***** IE10 *****/
  .ie10 .button.large span,
  .ie8 .button.large span {
    line-height: 46px;
  }

  /***** Dummy Display none *****/
  .more-details {
    display: none !important;
  }

  /***** Layer - Allgemein *****/
  .layer-content .contentspot {
    padding: 0px;
  }

  .layer-wrapper {
    font-size: 13px;
    line-height: 17px;
    color: #000000;
  }

  .layer-actions {
    top: 2px
  }

  /***** Layer - Hilfe *****/
  .layer-help {
    margin: 2px 0 0 0;
  }

  .layer-help ul li {
    width: 329px;
    height: 155px;
    margin: 0 10px 10px 0;
    padding: 10px;
    position: relative;
    background: #F6F6F6;
    float: left;
  }

  .layer-help .box-contact,
  .layer-help .box-privacy,
  .layer-help .box-legal {
    margin-right: 0px;
  }

  .layer-help ul li h3 {
    font-size: 16px;
    font-weight: 400;
    border-top: none;
    color: #000000;
    margin: 0;
    padding: 0;
    text-transform: none;
  }

  .layer-help ul li p {
    color: #525252;
    line-height: 16px;
    padding: 10px 0 0 115px;
    margin: 0;
  }

  .layer-help ul li .box-icon {
    position: absolute;
    top: 40px;
    left: 0px;
    display: block;
    width: 115px;
    height: 70px;
  }

  .layer-help ul li .button {
    position: absolute;
    bottom: 10px;
    right: 10px;
  }

  .layer-help .box-faq .box-icon {
    background-position: center 0px;
  }

  .layer-help .box-contact .box-icon {
    background-position: center -70px;
  }

  .layer-help .box-terms .box-icon {
    background-position: center -140px;
  }

  .layer-help .box-privacy .box-icon {
    background-position: center -210px;
  }

  .layer-help .box-service .box-icon {
    background-position: center -280px;
  }

  .layer-help .box-legal .box-icon {
    background-position: center -350px;
  }

  /***** Layer - 404-Fehler *****/
  .layer-404 {
    height: 305px;
    margin: 12px 0 17px 10px;
    padding: 0 0 0 410px;
    border: 1px solid #DDDDDD;
    position: relative;
  }

  .layer-404 h2 {
    display: none;
  }

  .layer-404 h3 {
    font-size: 15px;
    font-weight: 400;
    margin: 40px 0 0 0;
  }

  .layer-404 p {
    width: 230px;
  }

  .layer-404 strong {
    font-weight: 400;
  }

  .layer-404 .button {
    margin: 85px 0 0 13px;
  }

  .layer-404 .arrow.layer-close:after {
    background: none;
    height: auto;
    width: auto;
  }

  /***** Layer - FSK/USK *****/
  .layer-fsk {
    padding: 0 5px 0 0;
  }

  .layer-fsk .box {
    border-bottom: 1px solid #CFCFCF;
    padding: 0 0 25px 0;
  }

  .layer-fsk .box.first {
    padding: 0;
  }

  .layer-fsk .box.last {
    border: none;
    padding: 0 0 5px 0;
  }

  .layer-fsk h2 {
    font-size: 16px;
    font-weight: 400;
    margin: 25px 0 0 0;
  }

  .layer-fsk p {
    margin: 10px 0 10px 0;
    clear: both;
  }

  .layer-fsk strong {
    font-weight: 400;
  }

  .layer-fsk .button {
    margin: 10px 0 0 0;
  }

  .layer-fsk ul li {
    width: 120px;
    float: left;
  }

  .layer-fsk ul li p {
    font-size: 11px;
  }

  .layer-fsk .icon {
    width: 100px;
    height: 100px;
    cursor: inherit;
  }

  .layer-fsk .icon.fsk-0 {
    background-position: 0px 0px !important;
  }

  .layer-fsk .icon.fsk-6 {
    background-position: -100px 0px !important;
  }

  .layer-fsk .icon.fsk-12 {
    background-position: -200px 0px !important;
  }

  .layer-fsk .icon.fsk-16 {
    background-position: -300px 0px !important;
  }

  .layer-fsk .icon.fsk-18 {
    background-position: -400px 0px !important;
  }

  .layer-fsk .icon.usk-0 {
    background-position: 0px -100px !important;
  }

  .layer-fsk .icon.usk-6 {
    background-position: -100px -100px !important;
  }

  .layer-fsk .icon.usk-12 {
    background-position: -200px -100px !important;
  }

  .layer-fsk .icon.usk-16 {
    background-position: -300px -100px !important;
  }

  .layer-fsk .icon.usk-18 {
    background-position: -400px -100px !important;
  }

  /***** Layer - Intel *****/
  .layer-intel {
    padding-right: 7px;
  }

  .layer-intel .linkarea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
  }

  .layer-intel p.intro {
    margin: 0 0 13px 0;
  }

  .layer-intel p.gloss {
    font-size: 10px;
    line-height: 13px;
    padding: 15px 0 10px 0;
    border-top: 1px solid #C9C9C9;
  }

  .layer-intel h2 {
    font-size: 13px;
    font-weight: 400;
    color: #545454;
    margin: 0 0 7px 0;
  }

  .layer-intel .group-wrapper {
    position: relative;
    overflow: hidden;
  }

  .layer-intel .group {
    float: left;
  }

  .layer-intel .group-be {
    clear: both;
  }

  .layer-intel .group ul li {
    width: 120px;
    height: 166px;
    margin: 0 20px 20px 0;
    float: left;
    position: relative;
  }

  .layer-intel .group-be ul li,
  .layer-intel .group-ak ul li,
  .layer-intel .group-in ul li {
    height: 112px;
    margin-bottom: 30px;
  }

  .layer-intel .group ul li p {
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0;
  }

  .layer-intel .group ul li p strong {
    font-weight: 400;
    border-bottom: 1px solid #C9C9C9;
  }

  .layer-intel .processor {
    display: block;
    width: 93px;
    height: 69px;
  }

  .layer-intel .processor.ub-i3,
  .layer-intel .processor.ub-i5,
  .layer-intel .processor.ub-i7 {
    width: 103px;
    height: 123px;
  }

  .layer-intel .processor.lk-i7e {
    background-position: 0px -125px;
  }

  .layer-intel .processor.lk-i7 {
    background-position: -95px -125px;
  }

  .layer-intel .processor.be-i3 {
    background-position: -190px -125px;
  }

  .layer-intel .processor.be-pentium {
    background-position: -285px -125px;
  }

  .layer-intel .processor.be-celeron {
    background-position: -380px -125px;
  }

  .layer-intel .processor.ak-i5 {
    background-position: -475px -125px;
  }

  .layer-intel .processor.in-atom {
    background-position: -570px -125px;
  }

  .layer-intel .processor.ub-i5 {
    background-position: -105px 0px;
  }

  .layer-intel .processor.ub-i7 {
    background-position: -210px 0px;
  }

  .layer-intel .processor-detail {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #FFFFFF;
  }

  .layer-intel .processor-detail h3 {
    font-size: 16px;
    line-height: 17px;
    font-weight: 400;
    margin: 0 0 15px 0;
  }

  .layer-intel .processor-detail .info {
    position: relative;
    padding-left: 122px;
  }

  .layer-intel .processor-detail .processor {
    position: absolute;
    top: 0px;
    left: 0px;
  }

  .layer-intel .processor-detail h4 {
    font-weight: 400;
  }

  .layer-intel .processor-detail p {
    margin: 0 0 15px 0;
  }

  .layer-intel .processor-detail .info p.last {
    margin-bottom: 0;
  }

  .layer-intel .processor-detail .tip {
    background: #F2F2F2;
    padding: 15px 15px 0 15px;
    margin: 15px 0 20px 0;
    overflow: hidden;
  }

  .layer-intel .processor-detail .button {
    margin: 0 0 11px 0;
  }

  .layer-intel .teaser {
    clear: both;
    margin: 0 0 20px 0;
  }

  .layer-intel .teaser li {
    margin: 0 26px 0 0;
    float: left;
    position: relative;
  }

  .layer-intel .teaser li a {
    width: 313px;
    height: 0px;
    padding-top: 138px;
    display: block;
    overflow: hidden;
  }

  .layer-intel .teaser li.teaser-aide a {
    background-position: 0px -196px;
  }

  .layer-intel .teaser li.teaser-ultrabok a {
    background-position: -315px -196px;
  }

  /***** Layer - AMD *****/
  .layer-amd {
    padding-right: 7px;
  }

  .layer-amd p.intro {
    margin: 0 0 13px 0;
  }

  .layer-amd h2 {
    font-size: 13px;
    font-weight: 400;
    color: #545454;
    margin: 0 0 13px 0;
  }

  .layer-amd .group {
    clear: both;
    padding: 13px 0 0 0;
    border-top: 1px solid #C9C9C9;
  }

  .layer-amd .group ul li {
    width: 330px;
    height: 96px;
    margin: 0 20px 0 0;
    float: left;
    position: relative;
  }

  .layer-amd .group-rg ul li {
    height: 83px;
  }

  .layer-amd .group ul li p {
    padding: 0 0 0 110px;
  }

  .layer-amd .group ul li p strong {
    font-weight: 400;
    display: block;
  }

  .layer-amd .processor {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 90px;
    height: 76px;
  }

  .layer-amd .processor.hpc-a8 {
    background-position: 0px -80px;
  }

  .layer-amd .processor.hpc-a6 {
    background-position: 0px -160px;
  }

  .layer-amd .processor.ba-a4 {
    background-position: 0px -240px;
  }

  .layer-amd .processor.ba-e2 {
    background-position: 0px -320px;
  }

  .layer-amd .processor.ba-e1 {
    background-position: 0px -400px;
  }

  .layer-amd .processor.ba-c {
    background-position: 0px -480px;
  }

  .layer-amd .processor.rg-rg {
    background-position: 0px -560px;
  }

  /***** Layer - Zahlungsarten *****/
  .layer-zahlungsarten ul {
    margin: 10px 0px 10px 0px;
    padding: 0px;
    list-style-type: none;
  }

  .layer-zahlungsarten ul li {
    position: relative;
    margin: 0px 0px 30px 0px;
    padding: 0px;
  }

  .layer-zahlungsarten ul li span {
    position: absolute;
    display: block;
    width: 136px;
    height: 40px;
  }

  .layer-zahlungsarten ul li.giropay span {
    height: 78px;
  }

  .layer-zahlungsarten ul li h3 {
    margin-left: 156px;
    line-height: 16px;
    text-transform: none;
    color: #000;
    border-top: none;
    padding: 0;
  }

  .layer-zahlungsarten ul li p {
    margin-left: 156px;
  }

  /***** Layer - Presse Copyright *****/
  .layer-press-copyright p {
    margin-bottom: 10px;
  }

  .layer-press-copyright p span {
    font-weight: 400;
  }

  /***** Layer - Impressum *****/
  .layer-legalnotice div {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 12px;
    padding: 10px 0 10px 0;
  }

  .layer-legalnotice address {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 12px;
  }

  .layer-legalnotice a {
    text-decoration: underline;
    color: #000000;
  }

  /***** Markenticker *****/
  .marken-ticker {
    width: 1188px;
    height: 75px;
    overflow: hidden;
    background: #FFFFFF;
    position: relative;
    margin: 0;
    padding: 0;
  }

  .marken-ticker .tickercontainer {
    /* the outer div */
    overflow: visible;
    border: 1px solid #DDDDDD;
  }

  .marken-ticker .mask {
    /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    top: 0px;
    left: 0px;
    width: 1186px;
    height: 73px;
    overflow: hidden;
  }

  .marken-ticker ul.newsticker {
    /* that's your list */
    position: relative;
    list-style: none;
    margin: 0 0 0 58px;
    padding: 0;
  }

  .marken-ticker ul.newsticker li {
    float: left;
    /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0 0 0 9px;
  }

  .marken-ticker ul.newsticker li a {
    margin: 9px 0 9px 0;
    padding: 0;
    width: 140px;
    height: 55px;
    display: block;
    text-align: center;
  }

  .marken-ticker ul.newsticker li a:hover {
    box-shadow: 0 0 5px #888888;
  }

  .marken-ticker ul.newsticker li a img {
    width: 120px;
    height: 47px;
    margin: 4px 10px 4px 10px;
    border: none;
  }

  .marken-ticker .tickeroverlay-left,
  .marken-ticker .tickeroverlay-right {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 67px;
    height: 73px;
    margin: 0;
    padding: 0;
    background: #FFFFFF;
  }

  .marken-ticker .tickeroverlay-right {
    left: auto;
    right: 0px;
  }

  .marken-ticker .tickeroverlay-left .icon,
  .marken-ticker .tickeroverlay-right .icon {
    position: absolute;
    top: 19px;
    left: 16px;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    background: url(images/sprites.png) -72px -130px no-repeat;
  }

  .marken-ticker .tickeroverlay-right .icon {
    background-position: -107px -131px;
  }
}
  /* breakpoint max 1199px */
  @media only screen and (max-width: 1199px) {
    .marken-ticker {
      width: 948px;
    }

    .marken-ticker .mask {
      width: 946px;
    }
  }

  /* breakpoint max 954px */
  @media only screen and (max-width: 954px) {
    .marken-ticker {
      width: 708px;
    }

    .marken-ticker .mask {
      width: 706px;
    }
  }

  /*****Touch ******/
  .touch #top-navigation>.top-navigation-items li.item:hover>a {
    background-position: 0 -259px;
    box-shadow: none;
  }

  .touch #top-navigation>.top-navigation-items li.item:hover+li.item>a {
    border-left-color: #df0000;
    box-shadow: none;
    border-top-color: #df0000;
  }

  .touch .responsive .prev,
  .touch .responsive .next {
    background: url("images/sprites.png") no-repeat;
  }

  .touch .responsive .next {
    background-position: -107px -131px;
  }

  .touch .responsive .prev {
    background-position: -72px -130px;
  }

  /* MARKET PAGES */
  #my-market-content>h1 {
    padding: 0px;
  }

  #my-market-content #contact-data table th {
    color: #000;
    font-family: 'sourcesanspro', sans-serif;
    font-weight: 700;
    font-size: 18px;
  }

  #my-market-wrapper div#contact-data hgroup {
    display: none;
  }

  #my-market-wrapper div#contact-data .info-entry {
    display: none;
  }

  #my-market-wrapper .google-map .locations h4 span,
  #my-market-wrapper .google-map .locations h4 a {
    color: #000;
  }

  #my-market-wrapper .infobox-header {
    color: #000;
  }

  #my-market-sidebar a.find-my-location.button {
    width: 100%;
    font-size: 15px;
    font-weight: 400;
  }

  #my-market-sidebar .market-teaser {
    min-height: 190px;
  }

  #my-market-sidebar .market-teaser .map-autocomplete input[type="text"] {
    width: 146px;
    padding: 5px 10px;
    border: 1px solid #D8D8D8;
    border-radius: 0px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15) inset;
    outline: none;
    background: #f4f4f4;
    color: #545454;
  }

  .market-teaser .map-autocomplete .button {
    width: 34px;
    height: 34px;
    text-indent: -9999px;
    border-radius: 0px 4px 4px 0px !important;
    overflow: hidden;
  }

  .line-2>ul>li.newsletter-social-media form.newsletter-form .button:hover,
  .market-teaser .map-autocomplete .button:hover {
    background: linear-gradient(top, #333, #131313) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#131313') !important;
  }

  a.button.gray.all-markets-list-trigger.cboxElement {
    width: 100px;
    font-size: 16px;
    height: 27px;
  }

  a.button.gray.all-markets-list-trigger.cboxElement span:after {
    top: 12px !important;
  }

  #my-market-wrapper .my-market-menu .contact-data a:before {
    width: 27px;
    height: 34px;
    background: url(images/markt/sprite.png) -14px 0px no-repeat;
  }

  /* FIND STORE */
  #all-markets #all-markets-nav {
    top: 57px !important;
    left: 10px !important;
  }

  #all-markets-map h2.infobox-header {
    color: #df0000;
  }

  #all-markets-map .market-teaser .map-autocomplete .button {
    height: 29px;
    text-indent: 0px !important;
  }

  #all-markets .market-teaser .map-autocomplete .button:before {
    display: none;
  }

  #all-markets a.find-my-location.button:hover {
    background: #000 !important;
    border: 1px solid #000;
}

  #all-markets a.find-my-location.button {
    margin: 10px 6px;
    height: 36px;
    width: 190px;
    background: #4f4f4f !important;
    border: 1px solid #4f4f4f;
}

a.find-my-location.button span {
    padding: 3px 16px;
    font-size: 16px;
}

a.find-my-location.button:hover span {
    color: #fff;
}

#all-markets .market-teaser .map-autocomplete .button:before {
    display: inline-block;
}

.market-teaser .map-autocomplete .button:before {
    background: url(https://csscdn.redblue.de/MediaSE/skins/feemmse/sv/images/buttonicons.png) -1px -12px no-repeat;
}

.market-teaser {
    min-height: 196px;
}

a.button.gray.all-markets-list-trigger.cboxElement {
    height: 36px;
    border: 1px solid #4f4f4f !important;
    width: 110px;
}

a.button.gray.all-markets-list-trigger.cboxElement span {
  padding: 4px 14px !important;
  font-size: 16px;
}

a.button.gray.all-markets-list-trigger.cboxElement:hover span {
  color: #000 !important;
  border-radius: 50px;
}

.market-teaser .market-actions {
  padding: 12px 12px 20px 12px;
}
