/* marvel-regular - latin */
@font-face {
  font-family: 'Marvel';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/marvel/marvel-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/marvel/marvel-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/marvel/marvel-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/marvel/marvel-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/marvel/marvel-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/marvel/marvel-v10-latin-regular.svg#Marvel') format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/raleway/raleway-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/raleway/raleway-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/raleway/raleway-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/raleway/raleway-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/raleway/raleway-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/raleway/raleway-v22-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../Fonts/raleway/raleway-v22-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/raleway/raleway-v22-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/raleway/raleway-v22-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/raleway/raleway-v22-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/raleway/raleway-v22-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/raleway/raleway-v22-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-800 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('../Fonts/raleway/raleway-v22-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/raleway/raleway-v22-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/raleway/raleway-v22-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/raleway/raleway-v22-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/raleway/raleway-v22-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/raleway/raleway-v22-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('../Fonts/raleway/raleway-v22-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/raleway/raleway-v22-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/raleway/raleway-v22-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/raleway/raleway-v22-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/raleway/raleway-v22-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/raleway/raleway-v22-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

html{scroll-behavior:smooth}
html{overflow-y:scroll}

body {
    font-family: 'Raleway', Verdana, serif;
}

H1 {
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-family: 'Marvel', Verdana, serif;
}


.first H2 {
  text-align: center;
  margin-top: 1rem;
}
.first .regular_price {
  text-align: center;
}
.first .wishlist {
  text-align: center;
  margin-top: 1rem;

}
H1, H2{
  color:#bd1111;
  font-family: 'Marvel', Verdana, serif;
}
@media (max-width: 768px) {
  h1, h2, h3, h4, h5, h6 {
      margin-top: 1rem;
  }
}

h3 {
  font-size: 1.65rem;
}
small, .small {
    font-size: 70%;
    font-weight: 400;
}

a H1, a H2{
  color:#d80046;
}

a {
    color: #BD1314;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
  color:#BD1314;
    text-decoration: none;
}
figure {
  position: relative;
  z-index:1;
}

.cc-banner.cc-bottom {
    z-index: 11111;
}

figure img, figure picture {
  display: block;
  height: auto;

  margin: 0 auto;
}

.video-embed-item {
  width:100%;
}



.klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) {
z-index:99999
}

#klaro {
  z-index:99999;
  position: absolute;
}
.embed-responsive-item {
  width: auto !important;
}

.tx-shop-widget {
  *display:none;
}
.navbar .container {
  display: inline-block;
}

.navbar-mainnavigation .navbar-nav:last-child {
    margin-left: unset;
}

.navbar-mainnavigation {
    margin-bottom: 1rem;
}

.navbar-nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media (max-width: 991px) {
  .navbar-nav {
      display: flex;
      flex-direction: column;
      width: 100%;
  }
}

@media (max-width: 768px) {
  .navbar-mainnavigation .justify-content-center {
      margin-top: 2rem;
  }
}

.nav-link {
  font-weight: 400;
  text-transform: uppercase;
}


.navbar-brand {
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
}
.navbar-mainnavigation .navbar-brand-image img {
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    width: auto;
    max-height: unset;
}

.navbar-mainnavigation .navbar-brand-image {
    display: inline-flex;

    justify-content: center;
}




.navbar-mainnavigation .navbar-brand-image>.navbar-brand-logo-mobile {
    display: none;
}
.navbar-toggler {
  padding: 0;
  height: 34px;
  width: 34px;
  position: absolute;
  border: 0;
  right: 0;
  top: 0.55rem;
}
.navbar-mainnavigation .navbar-toggler {
    width: 22px;
    right: 1rem;
    top: 2rem;
}

.navbar-mainnavigation {
  padding: 0 1rem 1rem 1rem;
}
@media (max-width: 576px) {
  .navbar-mainnavigation .navbar-brand-image>.navbar-brand-logo-mobile {
      display: block;
  }
  .navbar-mainnavigation .navbar-brand-image>.navbar-brand-logo-normal {
    display: none;
  }
  .navbar-toggler {
    right: 0.4rem;
  }
  .navbar-brand {
      left: 45%;
  }

}

@media (min-width: 576px) {
.navbar-mainnavigation .navbar-brand {
    height: 100px;
  }

}

 .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem;
  }

.navbar-mainnavigation .navbar-nav>li>.nav-link:before {
  background: #d80046;
}

@media (max-width: 991px) {
  .navbar-mainnavigation .navbar-nav .nav-link {
    padding-left: 20px;
    padding-right: 20px;
    background-color: #eaede7;
  }
  .navbar-mainnavigation .navbar-nav .nav-link:hover {
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
  }
}
.navbar-collapse {
    margin-left: 1.1rem;
}

.btn-show-basket {
    color: #6c757d;
    background-color: #fff;
    border-color: #fff;
}
.badge-secondary {
  color: #000;
  left: -1.8rem;
  top: -0.2rem !important;
  font-size: 0.9rem;
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  background-color: #d7e0e8;
}
.basket-item-count {
  left: -0.1rem;
  top: -0.3rem !important;
  position: relative;
}


.cart-preview .checkout-link {
  color: #2b2b2b;
    background-color: #fff;
    border-color: #fff;
    border: 0;
}

.btn-minicart {
    color: #2b2b2b;
    background-color: #fff;
    border-color: #fff;
    padding: 0.2rem 0.75rem;
}
.btn-minicart:hover {
    color: #2b2b2b;
    background-color: #fff;
    border-color: #fff;
}
.btn-minicart:not(:disabled):not(.disabled):active {
    color: #2b2b2b;
    background-color: #fff;
    border-color: #fff;
}

.btn-minicart:focus, .btn-minicart.focus {
    color: #2b2b2b;
    background-color: #fff;
    border-color: #fff;
    box-shadow: white
}
.btn-minicart:focus, .btn-minicart.focus {
    box-shadow: 0 0 0 0rem rgba(205, 206, 207, 0.5);
}

.cart-preview-count {
      background: #e3e3e3;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      color: #BD1314;
      display: inline-block;
      font-weight: bold;
      line-height: 25px;
      text-align: center;
      width: 25px;
      top: -1rem;
      right: -1.11rem;
      position: relative;
      opacity: 0.9;
      font-family: Arial,Verdana, serif;
}

.col-3 {
    flex: 0 0 auto;
    width: 25% !important;
}
  /* shop detail */

.img-thumb {
  padding: 0.5rem 0.5rem 0.5rem 0;
}

span.price {
  font-weight: 400;
}

img.thumb {
  padding-top: 1rem;
}

img.ext-lightbox:first-child {
  padding-left: 0;
}
.product-images-wrapper {
    position: relative;
    width: auto;
    z-index: 1;
}
.button-sets {
  display:flex;
  padding-top: 1rem;
}
.back-button {
  padding-right: 1rem;
}
  /* shop list */
.content {
  margin-top: 1rem;
  margin-left: 1em;
}

#filters {
  margin-bottom: 1em;
}

body{animation: fadeIn 1s}
@keyframes fadeIn{
	0%{opacity:0;background:#000}
	90%{opacity:0}
	100%{opacity:1;background:#fff}
}
.card-block {
  padding: 1rem;
}
.card-title {
  display: inline-flex;
}


.iterate-1 {
  display: none;
}

.product-title {
  padding: 0rem;
  text-align: left;
}
.product-image {
  padding-right: 1rem;
}
.product-price {
  display: inline-flex;
}



.list-price {
    font-size: 1.25rem;
    text-align: right;
    display: inline-block;
}
.product-item-teaser {
  margin-bottom: 3rem;
}
.card a:not(.btn) {
    color: #BD1314;
}
.card-subtitle {
  font-size: 1.25rem;
}
figcaption {
  background-color: white;
  color: grey;
  font-style: italic;
  font-size:  0.9em
}

figcaption .text-right {
    position: relative;
    /* padding-right: 1rem; */
    /* right: 1rem; */
    display: block;
}
.btn-primary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-primary:hover {
    color: #fff;
    background-color: #BD1314;
    border-color: #BD1314;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #BD1314;
    border-color: #BD1314;
    box-shadow: 0 0 0 0;
}


@media (max-width: 576px) {
  figcaption .text-right {
      position: relative;
      padding-right: 1rem;
      right: auto;
      overflow-wrap: break-word;
  }
}

.content-single {
  margin-top: 2rem
}

@media (min-width: 768px) {
  .row:nth-child(even) .col-md-4.image {
     order: 1;
     float:left;
  }
  .row:nth-child(even) .col-md-8.text {
     order: 2;
  }
  .row:nth-child(odd) .col-md-4.image {
     order: 2;
      float:right;
      text-align: right;
  }
  .row:nth-child(odd) .col-md-8.text {
     order: 1;
  }
}


  /* checkout  */
ul.typo3-messages {
  margin-top: 0;
  margin-bottom: 1rem;
  list-style-type: none;
}

.grey-card {
  background-color: #d6d8da;
  text-align: center;
  margin-top: 0.5rem;
  padding: 0.5rem 1rem;
}
/* kontakt */
.form-element-checkbox-1 {
  margin-bottom: 0rem;
}
.custom-checkbox .invalid-feedback{
  top: -1.5rem;
  position: relative;
  left: 1rem;
}
.custom-control-agb {
  font-size: 70%;
  font-weight: 400;
  top: -1rem;
  position: static;
  left: 2rem;
}
  /* modal  */
.modal-body {
      position: relative;
      flex: 1 1 auto;
      padding: 0rem;
      color: #fff;
  }
.modal-body a{
  color: #fff;
  text-decoration: underline;
}
.color-1 {
  background: #5eb7b7;
  padding: 1rem;
}
.color-1 .text {
  padding:0 1rem;
}
.color-2 {
    background: #bd1111;
}
.color-2 .text{
  padding:1rem;
}

.fill-checkbox {
  --color: #47e4bb; }
  .fill-checkbox .fill-control-input {
    display: none; }
    .fill-checkbox .fill-control-input:checked ~ .fill-control-indicator {
      background-color: var(--color);
      border-color: var(--color);
      background-size: 80%; }
    .fill-checkbox .fill-control-input:checked ~ .fill-control-description {
      color: rgba(255, 255, 255, 0.3); }
  .fill-checkbox .fill-control-indicator {
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    background: transperent;
    background-size: 0%;
    background-position: center;
    background-repeat: no-repeat;
    content: 'hey';
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }
  .fill-checkbox .fill-control-description {
    color: rgba(255, 255, 255, 0.3); }

.form-check.disabled .fill-checkbox {
  --color: rgba(255,255,255,.4); }
  .form-check.disabled .fill-checkbox .fill-control-description {
    color: rgba(255, 255, 255, 0.4); }




  /* .footer-section-meta  */
.frame {

}
.footer-section-meta {
    color: #232323;;
    background-color: #fff;
    font-size: 0.9rem;
    border: 1px rgba(0, 0, 0, 0.15) solid;
    margin-top: 4rem;
}

.footer-section-meta a:not(.btn) {
    color: rgba(0, 0, 0, 0.5);
}

.footer-section-meta a:not(.btn):hover, .footer-section-meta a:not(.btn):focus {
    color: rgba(0, 0, 0, 0.5);
}

.frame-container {
    border-top: 0px solid #232323;
    padding-top: 1rem;
}
.frame-container p{
    color: rgba(0, 0, 0, 0.5);
}

.footer-meta {
  padding-left: 20px;
}

.footer-links, .footer-address {
  text-align: left;
}

.frame-logo {
  margin-top: 1rem;
}