
/* latin-ext */
@font-face {
  font-family: 'Sen';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts-gstatic-com.universal-music.de/s/sen/v7/6xKjdSxYI9_3kvWNEmo.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sen';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts-gstatic-com.universal-music.de/s/sen/v7/6xKjdSxYI9_3nPWN.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sen';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts-gstatic-com.universal-music.de/s/sen/v7/6xKudSxYI9__J9CYI0v0FHU.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sen';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts-gstatic-com.universal-music.de/s/sen/v7/6xKudSxYI9__J9CYLUv0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sen';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts-gstatic-com.universal-music.de/s/sen/v7/6xKudSxYI9__O9OYI0v0FHU.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sen';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts-gstatic-com.universal-music.de/s/sen/v7/6xKudSxYI9__O9OYLUv0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts-gstatic-com.universal-music.de/s/nunitosans/v11/pe03MImSLYBIv1o4X1M8cc9iB85tU1E.woff2) format('woff2');
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts-gstatic-com.universal-music.de/s/nunitosans/v11/pe03MImSLYBIv1o4X1M8cc8GBs5tU1E.woff2) format('woff2');
}

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/oswald-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Oswald Regular'), local('Oswald-Regular'),
  url('/assets/fonts/oswald-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/assets/fonts/oswald-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('/assets/fonts/oswald-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('/assets/fonts/oswald-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/assets/fonts/oswald-v17-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-600 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/oswald-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Oswald SemiBold'), local('Oswald-SemiBold'),
  url('/assets/fonts/oswald-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/assets/fonts/oswald-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
  url('/assets/fonts/oswald-v17-latin-600.woff') format('woff'), /* Modern Browsers */
  url('/assets/fonts/oswald-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/assets/fonts/oswald-v17-latin-600.svg#Oswald') format('svg'); /* Legacy iOS */
}

@import url("https://p.typekit.net/p.css?s=1&k=ncs2dly&ht=tk&f=15357.15358.15361.15362&a=89797321&app=typekit&e=css");

@font-face {
  font-family:"futura-pt-condensed";
  src:url("https://use.typekit.net/af/6f8764/000000000000000000012039/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/6f8764/000000000000000000012039/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/6f8764/000000000000000000012039/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display:swap;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
  font-family:"futura-pt-condensed";
  src:url("https://use.typekit.net/af/082b7c/00000000000000000001203a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/082b7c/00000000000000000001203a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/082b7c/00000000000000000001203a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display:swap;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
  font-family:"futura-pt-condensed";
  src:url("https://use.typekit.net/af/64e0cf/00000000000000000001203d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/64e0cf/00000000000000000001203d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/64e0cf/00000000000000000001203d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display:swap;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
  font-family:"futura-pt-condensed";
  src:url("https://use.typekit.net/af/e6a9c1/00000000000000000001203e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/e6a9c1/00000000000000000001203e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/e6a9c1/00000000000000000001203e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display:swap;font-style:italic;font-weight:700;font-stretch:normal;
}

@font-face {
  font-family: 'NeueHaasGrotesk';
  src: url('fonts/NeueHaasGrotesk.eot');
  src: url('fonts/NeueHaasGrotesk.eot?#iefix') format('embedded-opentype'),
  url('fonts/NeueHaasGrotesk.woff2') format('woff2'),
  url('fonts/NeueHaasGrotesk.woff') format('woff'),
  url('fonts/NeueHaasGrotesk.ttf')  format('truetype'),
  url('fonts/NeueHaasGrotesk.svg#NeueHaasGrotesk') format('svg');
}

body {
  background-color:#000;
  /* background-color: #4d4e72; */
  background-size: cover;
  font-family: 'Sen', 'Helvetica';
  font-size: 14px;
  color: #fff;
  /* margin-top: 14px; */
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #fff;
  font-weight: 400;
}
h1 {
  font-size: 36px;
}
h2 {
  font-size: 16px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 16px;
}
h5 {
  font-size: 16px;
}
a {
  color: #000;
}
a:hover, a:focus {
  color: #f3e6dc;
}
.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th,
.well {
  background-color: #000;
  padding: 20px;
}
.modal-content {
  background-color: #000;
  border: 3px solid #232023;
  border-radius:0px;
}
.modal-header, .modal-footer {
  border-color: #000;
}
.SFCPageHeader {
  margin-bottom: 0;
}
.paginated .SFCTeaser {
  display: none;
}
.content-container {
  padding: 0;
}
.page-footer {
  padding: 0;
  background: #000;
  border-top: 2px solid #fff;
}
.page-footer > .container {
  background-color: transparent;
}
.page-content {
  margin-top: 0;
  padding: 0 15px 1px 15px;
  margin-bottom: 0;
}
.footer-content {
  margin-bottom: 0;
}
.navbar {
  min-height: auto;
  height: 75px;
  margin-left: 14px;
  margin-right: 14px;
}
.navbar-default {
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background: none;
}
.nav > li > a,
.SFCPageHeadNavigation a.navbar-cart:link,
.SFCPageHeadNavigation a.navbar-cart:visited  {
  color: #000;
  /* text-transform: uppercase; */
}
.SFCPageHeadNavigation a.navbar-cart:hover {
  background-color: #fff !important;
}
.nav > li > a:hover,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: white;
  background: none;
}
.badge {
  background-color: #232023;
}
.SFCPageHeader {
  /* background: black; */
  /* border-bottom: 1px solid currentColor; */
}

.SFCPageHeadNavigation a.navbar-cart > i {
  font-size: 24px;
}
.SFCPageHeadNavigation {
  /* position: relative; */
  background-color: transparent;
  display:  flex;
  justify-content: space-between;
  align-items: center;
  /* z-index: 100000000000; */
}
@media screen and (min-width: 768px) {
  .SFCPageHeader {
    /* background: #000; */
  }
  .SFCPageHeader > .container {
    padding: 0;
  }
  .SFCPageHeadNavigation .navbar-header {
    float: none;
    margin-top: 10px;
    margin-bottom: 10px;
    z-index: 4;
  }
  .SFCPageHeadNavigation .navbar-brand {
    /* padding: 0; */
    /* margin: 0 0 20px 0; */
  }
  .SFCPageHeadNavigation .navbar-brand .logo {
    max-height: 36px;
    width:  100%;
    height: 70px;
    /* margin: 0px; */
    /* margin-bottom: -20px; */
  }
  .SFCPageHeadNavigation .navbar-body {
    position: absolute;
    right: 0;
    /* top: 10px; */
  }
}
.SFCPageMainNavigation {
  text-align: center;
  margin-bottom: 15px;
}
.SFCPageMainNavigation ul.nav,
.SFCPageMainNavigation li {
  float: none;
  display: inline-block;
}
.SFCPageHeadNavigation .nav > li > a,
.SFCPageMainNavigation .nav > li > a {
  padding: 5px 10px;
  color: #232023;
  font-weight: 700;
}
.SFCPageHeadNavigation .nav > li > a {
  /* z-index: 100000; */
  color: white;
  font-size: 15px;
  /* margin-top: 31px; */
  border: none;
  /* font-weight: 200; */
}
.SFCPageMainNavigation .nav > li > a {
  font-size: 16px;
  font-weight: 700;
}
.SFCPageMainNavigation .navbar-nav > .active > a,
.SFCPageMainNavigation .navbar-nav > .active > a:hover,
.SFCPageMainNavigation .navbar-nav > .active > a:focus {
  color: #232023;
  background-color: transparent;
}
.SFCPageMainNavigation .nav > li > a.sale {
  background-color: #232023;
  color: #fff;
}
.SFCPageMainNavigation .nav > li > a.sale:hover,
.SFCPageMainNavigation .nav > li > a.sale:focus,
.SFCPageMainNavigation .nav > .active > a.sale,
.SFCPageMainNavigation .nav > .active > a.sale:focus,
.SFCPageMainNavigation .nav > .active > a.sale:hover {
  background-color: #232023;
  color: #000;
}
label.off-canvas-menu-label,
label.off-canvas-menu-label:hover,
input#off-canvas-menu[type=checkbox]:checked ~ label.off-canvas-menu-label {
  background-color: transparent !important;
}
label.off-canvas-menu-label i {
  color: #000;
}
.SFCPageHeadNavigation .navbar-cart > i {
  top: 18px;
}
.SFCOffCanvasNavigation {
  background-color: #fff;
  color: #000;
}
.SFCOffCanvasNavigation .nav > li,
.SFCOffCanvasNavigation .nav > li:last-child {
  border: none;
}
.SFCOffCanvasNavigation .nav > li > a.sale {
  color: #232023;
}
.SFCOffCanvasNavigation .nav > li > a:hover,
.SFCOffCanvasNavigation .nav > li > a:focus,
.SFCOffCanvasNavigation .nav > .active > a,
.SFCOffCanvasNavigation .nav > .active > a:focus,
.SFCOffCanvasNavigation .nav > .active > a:hover {
  color: #232023;
  background-color: #fff;
}

.SFCSubNavigation:last-of-type {
  margin-bottom: 30px;
}
.SFCSubNavigation.collapsed-xs, .SFCSubNavigation.collapsed-sm {
  float: none;
  margin-right: 0;
}
.SFCSubNavigation > ul > li > a {
  background: transparent;
  border: 1px solid #000;
  border-radius: 0;
  color: #000;
}
.SFCSubNavigation > ul > li > a.reset {
  background: #000;
  color: #232023;
}
.SFCSubNavigation > ul > li.active > a,
.SFCSubNavigation > ul > li.active > a,
.SFCSubNavigation > ul > li.active > a:hover,
.SFCSubNavigation > ul > li.active > a:focus {
  background-color: #232023;
  color: #000;
}
.SFCPageFooter .footer-content {
  padding: 70px 0;
  position: relative;
  text-align: center;
}
.SFCPageFooterInfo {
  margin-top: 0px;
  opacity: 1;
  display: inline-block;
  position: relative;
  right: auto;
  top: auto;
}
.SFCPageFooterNavigation {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.SFCPageFooterNavigation .nav {
  margin: 0 auto;
}
.SFCPageFooterNavigation .nav > li {
  display: inline-block;
  float: none;
}
.SFCPageFooterNavigation .nav > li > a, .SFCPageFooterNavigation .nav > li > a:hover, .SFCPageFooterNavigation .nav > li > a:focus, .SFCPageFooterNavigation .nav > li .active-language {
  color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 400;
  text-transform: uppercase;
}
.SFCPageFooterNavigation .nav > li.active > a,
.SFCPageFooterNavigation .nav > li.active > a:hover,
.SFCPageFooterNavigation .nav > li.active > a:focus {
  background-color: transparent;
  color: white;
}
.alert-danger {
  background-color: #232023;
}
.alert-info {
  background-color: #cc0707;
}

.form-control {
  /* border-radius: 0; */
  border-color: white;
  color: #fff;
  border-radius: 5px;
  font-size: 13px;
  background-color: black;
}
.form-control:focus {
  border-color: white;
  box-shadow: none;
}

.form-group label {
  font-size: 14px;
  font-weight: 200;
}

.input-group-addon {
  border-radius: 0;
}
.btn {
  /* text-transform: uppercase; */
  font-weight: 400;
  border-radius: 50px;
}
.btn-primary {
  /* text-transform: lowercase; */
  background-color: transparent;
  border-color: #fff;
  color: #fff;
  border-top-left-radius: 50px !important;
  border-bottom-left-radius:  50px !important;
  box-shadow: 0 3px 6px rgba(0,0,0,.3);
  /* transition: .3s ease-out; */
  font-size: 13px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  color: #000;
  border-color: #232023;
  background: #232023;
}
.btn-default {
  /* background-color: #fff; */
  /* border-color: #232023; */
  /* color: #000; */
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
  background-color: #fff;
  border-color: #232023;
  color: #232023;
}
.btn.variant {
  color: #000;
  border-color: #fff;
  background-color: #232023;
  font-weight: 400;
  font-size: 16px;
}
.btn.variant:hover {
  /* border-color: #232023; */
  /* background-color: #232023; */
  /* color: #fff; */
  color: #000;
  border-color: #fff;
  background: #ffffff;
  /* font-weight: 700; */
}
.btn.variant.active {
  border-color: #232023;
  background-color: #fff;
  color: #232023;
}
.btn.variant.disabled {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 50 28'><path d='M1 28 L0 27 L49 0 L50 1' fill='rgb(0,0,0)' /></svg>");
  background-repeat:no-repeat;
  background-position:center center;
  background-size: 100% 100%, auto;
}
.btn.variant.disabled, .btn.variant.disabled:hover, .btn.variant.disabled:focus, .btn.variant.disabled:active {
  color: #000;
  border-color: #fff;
  background: #ffffff;
  /* border-radius: 100%; */
}
.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-radius: 0;
}
.pagination > li > a, .pagination > li > span {
  color: #232023;
  border-color: #232023;
  background: #FFF;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #FFF;
  background-color: #232023;
  border-color: #232023;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #232023;
  border-color: #232023;
  color: #FFF;
}
.thumbnail {
  border: none;
}
.emblem {
  left: 2px;
  top: 2px;
  right: auto;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
}
.emblem-pricehit {
  background-color: #232023;
}
.emblem-new {
  display: none;
}
.emblem-soldout {
  background-color: #000;
  background-color: rgba(83, 83, 83, 0.5);
  text-align: center;
  display: block;
  width: 100%;
  top: 50%;
  margin-top: -13px;
}

.SFCProductListItem:hover > .visual > .img-container > .img {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
.price {
  font-size: 14px;
}
.price.original {
  /* SALE display: none; */
}
.price.special {
  /* color: #232023; */
}
.SFCDetail {
  /* background: #0005; */
  padding: 15px;
  max-width: 992px;
  margin: 0 auto;
}
.SFCProductDetails {
  text-align: center;
}


.SFCProductListItem .caption {
  padding: 15px;
  text-align: center;
  background: transparent;
  color: #fff;
  height: 135px;
  text-transform: uppercase;
  font-weight: 700;
}
.SFCProductListItem .visual {/* border: 1px solid #232023; */padding: 10px;}

.SFCProductListItem .title {
  text-transform: none;
  font-size: 14px;
  font-weight: 700;
}

.SFCProductListItem .price {
  font-size: 14px;
  font-weight: 300;
}

@media screen and (max-width: 767px) {
  .SFCProductListItem .caption {height: 105px;font-size: 13px;}
  .SFCProductListItem .title { font-size: 13px; font-weight: 700; }
  .SFCProductListItem .price {font-size: 13px;font-weight: 300;} }


.SFCProductDetails
{/* text-transform: uppercase; */text-align: left;padding-top: 65px;}.

                                                                     .SFCProductDetails h2 {
                                                                       font-size: 24px;
                                                                     }
.SFCProductDetails .title {
  font-weight: 700;
}

.SFCProductDetails .price_container {
  margin-top: 0;
}
.SFCProductDetails .price {
  font-weight: 700;
}
.SFCProductDetails .inclusive_costs {
  font-weight: 400;
  text-align: left;
  margin-bottom: 0px;
}

.SFCProductDetails .description {
  font-weight: 400;
  color:  #232023;
  /* text-align: center; */
  font-size: 15px;
}

.SFCBuy {
  /* font-weight: 700; */
  margin-top: 15px;
  margin-bottom: 15;
  text-align: center;
  /* font-weight: 700; */
  text-align: left;
}
.SFCBuy > .delivery_time {
  margin-bottom: 10px;
  text-align: left;
}
.SFCBuy .controls {
  display: inline-block;
  margin-top: 5px;
  width: 100%;
}
.SFCBuy input[type="number"] {
  border-radius: 20px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  background-color: transparent;
  border-color: white;
}
.SFCSocialBookmarks {
  margin-top: 20px;
}
.SFCRecommendation > h2 {
  font-size:24px;
}
.panel-body.SFCShopIntroText-body {
  padding: 0;
}
.SFCShopIntroText-title {
  margin-top: 25px;
}
.SFCShopIntroText-text {
  font-size: 16px;
}
.SFCCartDisplayItem, .SFCCartDisplayItem:last-child {
  border-bottom: 1px solid #232023;
  background: transparent;
}
.list-group-item.disabled,
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: transparent;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
}
.SFCCartDisplayItem .input-group.quantity input[id|="quantity"] {
  border-radius: 5px;
}
.list-group-item,
.SFCCartDisplayTotalsTable .shipping-cost,
.SFCCartDisplayTotalsTable .cart-product-total,
.SFCCartDisplayTotalsTable .cart-total,
.SFCOrderDisplayTotals .cart-total
{
  background-color: transparent;
}
.SFCCartDisplayTotalsTable .cart-total,
.SFCOrderDisplayTotals .cart-total {
  border: none;
}
.SFCSocialBookmarks {
  display: none;
}
.SFCTeaser {
  overflow: hidden;
  color: #232023;
  /* text-transform: uppercase; */
}
.SFCTeaser .claim {
  font-weight: 700;
  padding: 20px 10%;
  font-size: 16px;
}
.SFCTeaser .sub-claim {
  padding: 20px 0;
}
.SFCTeaser .btn {
  font-size: 16px;
}

/* feste Hoehe fuer Titel wegen Abschneiden */
.SFCProductList .caption .title {
  white-space: unset;
  height: 80px;
}

/* Caption Umbruch Problem */
.SFCProductList .caption .title,
.SFCProductList .caption .product_type {
  display: inline;
  white-space: unset;
  font-weight: 700;
  text-transform: uppercase;
}

.SFCProductList .caption .product_type {
  /* display: none; */
}

@media screen and (min-width: 768px) {
  .SFCPageHeader > .container {
    z-index: 200;
    padding: 0;
    width: 100%;
    position: fixed;
  }

  .SFCProductDetailVisuals {
    margin-top:60px;
  }

  .content-container {
    padding-left: 0;
    padding-right: 0;
    margin-top: 30px;
    width: 100%;
    float: none;
    margin: auto;
  }

  .page-content {
    width: 95%;
    float: none;
    margin: auto;
  }


  .SFCTeaser .claim {
    font-size: 24px;
  }
  .SFCTeaser .btn {
    font-size: 20px;
  }
}
@media screen and (min-width: 992px) {
  /*    .SFCProductList > .col-md-3 {
        width: 33.33333333%;
    } */
  .SFCTeaser .claim {
    font-size: 28px;
  }
  .SFCTeaser .btn {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) {
  /*    .SFCProductList > .col-md-3 {
        width: 33.33333333%;
    } */
}
@media screen and (max-width: 767px) {

  .SFCPageHeader {
    background-color: transparent;
    padding-bottom: 5px;
    position: inherit;
    z-index: 1000;
  }
  .SFCPageHeadNavigation .navbar-header > .navbar-btn,
  .SFCPageHeadNavigation .navbar-header > .navbar-btn:hover,
  .SFCPageHeadNavigation .navbar-header > .navbar-btn:focus,
  .SFCPageHeadNavigation .navbar-header > .navbar-btn:active {
    /* color: #FFF; */
  }

  .SFCShopIntroText-title > h2 {
    font-size: 16px;
  }
  .SFCShopIntroText-text {
    font-size: 12px;
  }
  .canvas {
    padding-top: 0px!important;
  }
}

.SFPShopInactive .logo { display:none; }


@keyframes fadein {         from { opacity: 0.1; }    to   { opacity: 1; }}
@-moz-keyframes fadein {      from { opacity: 0.1; }    to   { opacity: 1; }}
@-webkit-keyframes fadein {     from { opacity: 0.1; }    to   { opacity: 1; }}
@-ms-keyframes fadein {       from { opacity: 0.1; }    to   { opacity: 1; }}
@-o-keyframes fadein {        from { opacity: 0.1; }    to   { opacity: 1; }}


.SFCShopNotification .notification.info { background: #232023; padding-top:8px}
.SFCShopNotification .notification.info a { color: #FFF; }
@media screen and (min-width: 768px)  { .SFCShopNotification { width: 100%; } }
@media screen and (min-width: 992px)  { .SFCShopNotification { width: 100%; } }
@media screen and (min-width: 1200px) { .SFCShopNotification { width: 100%; } }


.modal-content .close { color:#fff; opacity: 1; }
.vorkasseweg { display: none; }


/* 3-spaltiges Layout ganze Seite */
/*@media screen and (min-width: 992px) { .SFCProductList > .col-md-3 { width: 33.333333%; } } */
.thumbnail {background: transparent;}

/* .SFCProductListItem .product_type {
  display: none;
} */

/* Listenitems zentriert */
.SFCProductList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 45px 10px;
}


/* EyeCatcher Artist Logo "unter Navigation" centered */

.SFCEyecatcher {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  width: 30%;
}

.SFCPromotionProductImage {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  margin-top: -80px;
  width: 420px;
}

.SFCTeaserList.row, .SFCShopNotification {
  margin: 0 auto;
  width: 100%;
}


/* ==============================================
=================================================*/



/* body.SFPDefault {background: #000;} */
/*.SFPDefault .content-container {display: none;} */



@media screen and (min-width: 768px) {

  .SFCTeaserList.row, .SFCShopNotification {
    margin: 0 auto;
    width: 100%;
  }

  .SFPDefault .SFCPageHeader {background: transparent;z-index: 200;position: fixed;margin-top: 0;}





  /* Mobil Slider ausblenden */
  .SFCBootstrapCarousel {display: none;}

}








.navigationgrid {
  display: block;
}



.navigationgrid {
  border-top: 1px solid #232023;
  border-bottom: 1px solid #232023;
  text-align: center;
  background: #232023;
  margin-left: calc(-2.5% + -15px);
  margin-right: calc(-2.5% + -15px);
}







.navigationgridbottom {
  display: grid;
  width: 94%;
  float: none;
  margin: auto;
  grid-template-columns: repeat(2, 50%);
  grid-gap: 0;
  grid-template-areas:
  'item8 item9';
}

.item8, .item9 {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #232023;
  font-size: 24px;
  text-align: center;
  font-family: sans-serif;
  font-weight: 700;
}

.item8 a, .item9 a {text-decoration: none; color: #232023;}

.item8 {text-align: left;}
.item9 {text-align: right;}

/* ==============================================
=================================================*/



.albumcollectionsrow {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  margin-right: 2.5%;
  margin-left: 2.5%;
}

/* Create four equal columns that sits next to each other */
.albumcollectionscolumn {
  flex: 33.3333333%;
  max-width: 33.3333333%;
  padding: 0 4px;
  margin-top: 30px;

}

.albumcollectionscolumn img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .albumcollectionscolumn {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .albumcollectionscolumn {
    flex: 50%;
    max-width: 50%;
  }
}


.item4, .item5, .item6, .item7 {
  color: #232023;
  font-size: 24px;
  font-family: sans-serif;
  font-weight: 300;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}

.item4 a, .item5 a, .item6 a, .item7 a {text-decoration: none; color: #232023;}

.collectionheadings {color: #fff;font-size: 40px;font-weight: 700;margin-bottom: 20px;margin-left: 48px;}

/* ==============================================
=================================================*/






@media screen and (max-width: 600px) {
  .promotion-3080 .SFCTeaserList .SFCTeaser {padding: 0;;width: 90%; float: none; margin:auto; margin-top: 30px}
  .collectionheadings {color: #232023;font-size: 24.5px;font-weight: 700;margin-bottom: 20px;margin-top: 20px;margin-left: 20px;}
  /* body.SFPDefault {background: #000;} */
}

@media screen and (min-width: 1000px) {


  body.SFPProduct {/* background: #e3b1f4; */background-position: 0px 0px;background-size: contain;margin-bottom: 0px;background-attachment: fixed;overflow-x: hidden;}
  body.SFPProduct .collectionheadings {color:#000}
  body.SFPProduct .SFCProductListItem .visual {border:none; background: #FFF}
  body.SFPProduct .SFCProductListItem .caption {background: #fbcff0}
  body.SFPProduct .SFCPageFooterNavigation .nav > li > a, .SFCPageFooterNavigation .nav > li > a:hover, .SFCPageFooterNavigation .nav > li > a:focus, .SFCPageFooterNavigation .nav > li .active-language {color: #fff;}
  body.SFPProduct .navigationgrid {border-color: #000}
  body.SFPProduct .SFCPageHeadNavigation .nav > li > a, .SFCPageMainNavigation .nav > li > a {color: white;}
  body.SFPProduct .logo.desktop {filter: brightness(100%);}
  body.SFPProduct .SFCPageFooterInfo.umg_white {filter: brightness(0%);}
  body.SFPProduct .SFCPageHeadNavigation .navbar-header > .navbar-btn {color: #000}
  body.SFPProduct .SFCPageHeader {/* background: #000; */}
  body.SFPProduct .SFCProductDetails {color: #fff;}
  body.SFPProduct .SFCProductDetails a {color: #fff;}
  body.SFPProduct .SFCProductDetails .title {font-size: 25.5px;line-height: 1.33;}
  body.SFPProduct .SFCProductDetails .description {color: #fff;}
}




@media screen and (max-width: 999px) {













  body.SFPProduct {/* background: #e3b1f4; */background-position: 0px 0px;background-size: contain;margin-bottom: 0px;background-size: 100% 100%;background-attachment: fixed;overflow-x: hidden;}
  body.SFPProduct .collectionheadings {color:#000}
  body.SFPProduct .SFCProductListItem .visual {border:none; background: #FFF}
  body.SFPProduct .SFCProductListItem .caption {background: #fbcff0}
  body.SFPProduct .SFCPageFooterNavigation .nav > li > a, .SFCPageFooterNavigation .nav > li > a:hover, .SFCPageFooterNavigation .nav > li > a:focus, .SFCPageFooterNavigation .nav > li .active-language {color: white;}
  body.SFPProduct .navigationgrid {border-color: #000}
  body.SFPProduct .SFCPageHeadNavigation .nav > li > a, .SFCPageMainNavigation .nav > li > a {color: white;}
  body.SFPProduct .logo.mobile {filter: brightness(0%);}
  body.SFPProduct .SFCPageFooterInfo.umg_white {filter: brightness(0%);}
  body.SFPProduct .SFCPageHeadNavigation .navbar-header > .navbar-btn {color: white;}
  body.SFPProduct .SFCPageHeader {/* background: #e3b1f4; */}
  body.SFPProduct .SFCProductDetails {color: white;}
  body.SFPProduct .SFCProductDetails a {color: white;}
  body.SFPProduct .SFCProductDetails .title {color: white;}
  body.SFPProduct .SFCProductDetails .description {color: #000}

}













@media screen and (max-width: 767px) {

  .albumcollectionsrow { margin-right: 0px; margin-left: 0px; margin-top: -20px;  }
  .SFCPromotionTitle {display: none!important;}

}








/*birthday sale*/
/*
.emblem-pricehit:after {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #232023;
  padding: 5px;
  content: "SALE 13%";
}*/












.SFCProductDetails h2 {
  margin-bottom: 0px;
  text-align: left;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 12px;
}

.SFCProductDetails .price_container {
  text-align: left;
  text-style: normal;
  margin-top: 5px;
  letter-spacing: normal;
  /* font-weight: 100; */
  /* font-size: 16.8px !important; */
}

.SFCProductDetails .description img {
  margin-bottom: 5px;
}


.SFCProductDetails .price {
  font-weight: 200;
}


@media screen and (max-width: 999px) {

  .SFCProductDetails .price, .SFCProductDetails .title {
    font-size: 19px;
    line-height: 37.24px;
    font-weight: 400;
  }
}


@media screen and (min-width: 1000px) {

  .SFCProductDetails .price, .SFCProductDetails .title {
    font-size: 16.8px;
    line-height: 51.25px;
  }
}


.SFCOffCanvasNavigation .nav > li a {
  color: #000;
  text-decoration: none;
}



.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  background-color: #fff;
  color: #232023;
  letter-spacing: 0;
  border: 1px solid #fff;
}

.btn-default {
  background-color: #fff;
  color: #000;
  letter-spacing: 0;
  border: 2px solid #fff;
  /* border-left: 1px; */
}

.modal-content {
  background-color: #000;
  border: 3px solid #232023;
  border-radius: 0px;
  color: #fff;
}

.SFCPageHeadNavigation .navbar-body {
  text-align:  right;
}

a {
  border-color: white;
  color: #fff;
  text-decoration:underline;
}

a:hover, a:focus {
  color: #fff;
  text-decoration:none;
}

.SFCCartDisplay .coupon-form a {

  text-decoration: underline;

}

.SFCCartDisplay .coupon-form a:hover {

  text-decoration: none;

}



.product-name {
  text-transform: uppercase;
}


.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  color: white;
  text-align: center;
  background-color: transparent;
  border: 2px solid #fff;
}

.SFCCartDisplayItem .input-group.quantity input[id|="quantity"] {
  border: 2px solid #fff;
  color: #fff;
  padding: 6px 12px;
  height: 36px;
  background-color: transparent;
}

.btn.variant.active {

  /* border-color: #fff; */

  /* background-color: #232023; */

  /* font-weight: 700; */

  font-size: 16px;

  /* color: #fff; */

  color: #000;

  border-color: #fff;

  background: #ffffff;
}

.btn.variant  {
  display: inline-block;
  text-align: center;
  min-width: 36px;
  padding: 6px 10px;
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  background-color: #fff0;
  /* text-shadow: 0px 0px 0px #57524b; */
  border-radius: 50px;
}

.label-product, .label-availability, .label-amount, .label-price {
  color: #fff;
}


.SFCProductDetails .product_type {
  padding-top: 5px;
}

/*typescript*/
#tsCardWrapper {
  background: #232023;
  color: #FFF;
  padding-top: 25px;
}

#tsCardWrapper h1 {
  color:#FFF;
  padding-bottom: 25px;
  font-weight: 700;
  padding-left: 25px;
  margin-bottom: 0;
}

.tsCardI {
  padding: 0;
  margin: 0;
  background-position: center;
  background-size: cover;
  width: 20%;
  height: 20vw;
  display: inline-block;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  float: left;
}

@media screen and (max-width: 999px) {

  .tsCardI {
    width: 50%;
    height: 50vw;
  }
}

#tsCardWrapper .tsCardItem:last-child {float:none;}

.tsCardI .tsCaTitle {
  display: none;

}

.tsCardI:hover {

  -webkit-filter: grayscale(0);
  filter: grayscale(0)
  transition: .3s ease-out;
}

.tsCardI:hover .tsCaTitle {
  display: inline;
  padding: 20px;
  text-shadow: 0 0 0.33em black;
  color: #FFF;
  font-size: 20px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}


.promotion-3219 .SFCProductListItem .visual {/* border: 1px solid #fff; */padding: 10px;background: transparent;}
/* .promotion-3201 .SFCProductListItem .visual {border: 1px solid #232023;padding: 10px;background: #00000099;} */

@media screen and (min-width: 768px) {
  .promotion-3219 .SFCBootstrapCarousel,
  .promotion-3201 .SFCBootstrapCarousel {
    display: inline-block;
    width: 100%
  }
  .promotion-3219 .SFCBootstrapCarousel .carousel-inner .item img,
  .promotion-3201 .SFCBootstrapCarousel .carousel-inner .item img {
    width: 100%;
  }

}



.SFCProductListItem {border: 1px solid #fff;}


/* 404 */
.jumbotron {background: none;}


/* Styles for dropdowns and tiles */



#tiles-wrapper {
  display: flex;
  flex-flow: wrap;
}




.tile {

  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  background-position: center;
  background-size: cover;
  transition: 0.3s ease-out;
}

.tile:hover{
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}


@media screen and (max-width: 768px){

  .tile {
    flex-basis: 100%;
    height: 100vw;
  }



  #tilep30-i3250 {
    background-image: url(/styles/640/img/ARTPOP-mobile_600x.png);
  }

  #tilep30-i3249 {
    background-image: url(/styles/640/img/JOANNE-mobile_cbf42e83-bf9f-4250-9e0b-bfea63cbd144_600x.png);
  }

  #tilep30-i3251 {
    background-image: url(/styles/640/img/BORN-THIS-WAY-mobile_600x.png);
  }

  #tilep30-i3252 {
    background-image: url(/styles/640/img/THE-FAME-MONSTER-mobile_600x.png);
  }

  #tilep30-i3253 {
    background-image: url(/styles/640/img/THE-FAME-mobile_600x.png);
  }

  #tilep30-i3248 {
    background-image: url(/styles/640/img/CHROMATICA-mobile_c9eb0c53-a888-4883-8c71-8a08b269adf2_600x.png);
  }


}

@media screen and (min-width: 769px){

  #tiles-wrapper {
    --columns:2;
    --gap:10px;
    --gap-count:calc( var(--columns) - 1 );
    display:flex;
    column-gap:var(--gap);
  }

  .tile {
    height: 22vw;
    flex-basis: calc( calc( 100% / var(--columns) ) - calc( var(--gap) / var(--columns) * var(--gap-count) ) );
  }


  #tilep30-i3250 {
    background-image: url(/styles/640/img/ARTPOP_600x.png);
  }

  #tilep30-i3249 {
    background-image: url(/styles/640/img/JOANNE_92bfca55-e0d1-4fc2-9f0f-b213553284e1_600x.png);
  }

  #tilep30-i3251 {
    background-image: url(/styles/640/img/BORN-THIS-WAY_600x.png);
  }

  #tilep30-i3252 {
    background-image: url(/styles/640/img/THE-FAME-MONSTER_600x.png);
  }

  #tilep30-i3253 {
    background-image: url(/styles/640/img/THE-FAME_600x.png);
  }

  #tilep30-i3248 {
    background-image: url(/styles/640/img/CHROMATICA_06a74e5c-965e-4707-922d-42ef4d54491f_600x.png);
  }
}


@media screen and (min-width: 768px) {
  .navbar-header{
    justify-content: space-between;
    display: flex;
    align-items: center;
  }
  #header-dropdown-wrapper {
    display: flex;
    position: absolute;
    left:  0px;
    align-items: center;
    /* padding-bottom: 14px; */
    /* justify-content: center; */
  }
}

@media screen and (max-width: 767px) {
  .navbar-header {
    justify-content: space-between;
    display: block;
  }

  .SFCPageHeadNavigation {
    /* position: relative; */
    display: block;
    align-items: center;
  }

  #header-dropdown-wrapper {
    display: none;
  }

  @media screen and (max-width: 767px)
    .logo.desktop {
      display: block;
    }
  }



  .dropdown-menu {}


  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: inherit;
    /* border-color: black; */
  }

  .nav-tabs > li > a:hover {
    /* border-color: black; */
  }
  .canvas {
    padding-top: 0px;
    overflow-x: visible;
    /* z-index: 105; */
  }

  .dropdown-menu {
    box-shadow: none;
    background-color: transparent;
    color: white;
    border: 0px;
  }
  .dropdown-menu > li > a {color: white;font-weight: 300;}

  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: white;
    background-color: transparent;
  }

  /*TODO remove when done!!!*/
  #page-header {
    min-height: 75px;
  }

  .nav-tabs {
    border-bottom: 0px;
  }

  .navbar-brand {
    visibility: hidden;
  }


  /*Styling of promotion pages */

  .SFPPromotionProduct .navbar-brand, .SFPOrderProcess .navbar-brand, .SFPProduct .navbar-brand, .SFPInfo .navbar-brand, .SFPSubscribe .navbar-brand   {
    visibility:visible
  }


  .SFPOrderProcess .cart-toggle, .SFPOrderProcess .off-canvas-toggle, .SFPOrderProcess .cart, .SFPOrderProcess #header-dropdown-wrapper {
    /* visibility: hidden; */
  }


  .logo {
    transition: all 0.2s ease 0s;
    max-height: 28px;
  }

  /*responsive styling of video*/

  @media screen and (max-width: 767px) {

    .lady_gaga_eras_video_teaser {
      margin-top: -150px;
    }
  }

  /*styling of pre-footer*/

  #gaga-footer .footer-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: wrap;
    width: 100%;
    text-align: center;
    border-top: 2px solid #fff;
    margin-top: 30px;

  }

  #gaga-footer .footer-logo {
    flex-basis: 50%;
    padding: 1.5rem 30px;
    width: 100%;
    text-align: center;
  }

  .footer-logo img {
    max-height: 50px;
  }

  @media (min-width: 769px) {
    #gaga-footer .footer-logo {

      padding: 2rem 30px;
      border-bottom: 2px solid #fff;
      border-right: 2px solid #fff;
      width: 50%;
      border-bottom: none;
    }
  }

  @media (min-width: 769px) {
    .footer-logo img {
      max-height: 65px;
    }
  }



  #gaga-footer .footer-social {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    flex-basis: 50%;
  }





  gaga-footer .footer-social a {
    border-radius: 50px;
    width: 50px;
    height: 50px;

  }

  @media (min-width: 769px) {
    #gaga-footer .footer-social a {
      border-radius: 50px;
      width: 50px;
      height: 50px;

    }
  }

  #gaga-footer .footer-social a {
    line-height: 1;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem;
    text-decoration: none;
    padding: 1rem;
    color: #ffffff;
  }

  a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #fff;
  }

  #gaga-footer .footer-social a:hover {
    color: #000;
    background-color: #fff;
  }

  .icon-arrow {
    margin-left: 7px;
    margin-top: -5px;
    position: relative;
    font-size: 10px;
    font-weight: 900;
  }

  #page-header a:hover, #page-header a:focus {
    color: #cccccc;
  }

  .price_container {
    padding-top: 10px;
    font-weight: 700;
  }


  .logo.desktop {
    display: block!important;
  }

  .SFPPromotionProduct .SFCProductListItem{
    border:none;
  }

  .custom-nav-item {
    margin: 0px 10px;
    font-weight: 700;
    font-size: 15px;
  }


  .SFCTeaserList .SFCTeaser img {
    width: 100%;
  }
