/** Shopify CDN: Minification failed

Line 146:18 Expected ")" to end URL token
Line 151:18 Expected ")" to end URL token

**/
.klavschmal{
  margin: auto;  
  @media screen and (min-width: 750px) {
  width: 70%;
  }
@media screen and (max-width: 750px) {
  width: 100%;
  }
}

div.vip{
  @media screen and (min-width: 750px) {
  height: 70vh;
  }
@media screen and (max-width: 750px) {
  height: 100vh;
  }
}


div.vipleft{
height: 100%; 
  background-color: #e69b40;
  
@media screen and (max-width: 750px) {
  height: 25%;
  }
}

img.vipleft{
  width: 100%; 
  height: 100%; 
  object-fit: cover;
  object-position: 10% 50%;
  padding: 25% 5% 25% 5%;
  
@media screen and (max-width: 750px) {
  padding: 5% 5% 5% 5%;
  }
}

div.vipright{
height: 100%; 
  background-color: #e69b40;
  
@media screen and (max-width: 750px) {
  height: 10%;
  }
}

div.vipleft_sn{

  background-color: #e69b40;
  
  @media screen and (min-width: 750px) {
height: 100%;
  }
}

img.vipleft_sn{
  width: 100%; 
  height: 100%; 
  object-fit: cover;
  object-position: 10% 50%;
  padding: 25% 5% 25% 5%;
  
@media screen and (max-width: 750px) {
  padding: 10% 5% 5% 5%;
  }
}


  .startnextbutton{
    width: 80%;
    
    @media screen and (min-width: 750px) {
  width: 25%;
  }
  }


.startnextrow{
    
    @media screen and (min-width: 750px) {
  max-height: 50%;
    max-width: 50%;
    margin: auto;
  }
  }

.colltext{
    @media screen and (min-width: 750px) {
  font-size: medium;
  margin-left: 10%;
  margin-right: 10%;
  }
    @media screen and (max-width: 750px) {
  font-size: small;
  }
}

.shade{
  box-shadow: -3px 0px 24px 0 rgba(0, 0, 0 , 0.1);
      padding: 20px;
    width: 100%;
    left: 0;
}

.previewshade{
  box-shadow: -3px 0px 24px 0 rgba(0, 0, 0 , 0.1);
    left: 0;
    margin-right: 10px;

}

.shade_ajaxcart{
  box-shadow: -3px 0px 24px 0 rgba(0, 0, 0 , 0.1);
    width: 100%;
    left: 0;
}

.shade_padding{
padding: 20px;
}


.kaufkasten{
background-color: #fff;
    border-radius: 12px;
    width:100%;
	padding-top: 5%;
    padding-right: 5%;
    padding-left: 5%;
  padding-bottom: 0.1%;
  box-shadow: -3px 0px 24px 0 rgba(0, 0, 0 , 0.1);
  margin-bottom: 20px;
}

.icon-spotify {
  content: url({{ 'icon-spotify.svg' | asset_url }});
  padding-top: 3px;
}

.icon-tiktok {
  content: url({{ 'icon-tiktok.svg' | asset_url }});
  padding-top: 3px;
}

@media screen and (max-width: 749px) {
span.tl-label.tl-code{
    display: none;
    }
}

a:has(.hura-messages) {
  text-decoration: none;
}

a:has(.zwk-messages) {
  text-decoration: none;
}

@media screen and (min-width: 750px){
.section-template--16161104855304__multicolumn-1-padding {
  padding-top: 60px !important;
}
}


@media screen and (max-width: 749px){
  .section-template--16161104855304__multicolumn-1-padding {
    padding-top: 45px !important;
  }
}


.section-template--16161104855304__1664725101e2e25bc9-padding{
    padding-left: 35px; padding-right: 35px;
    }

@media screen and (max-width: 749px){
.background-none .slider .multicolumn-card__image-wrapper+.multicolumn-card__info {
    padding-left: 0 !important;
}
}


.section-template--16161104625928__multicolumn-padding {
    padding-top: 45px !important;
}

.section-template--16161104888072__1664838108860771f4-padding{
padding:0 !important;
line-height: 1rem;
}

.newsletter__wrapper {
  padding-right: 10px !important;
  padding-left: 10px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

a.newsletter__subheading {
  color: rgba(var(--color-foreground),.75) !important;
}

/* Das nächste .rte löschen nach launch (war nur für password page) */
.rte a {
  color: rgba(var(--color-foreground),.75) !important;
}


/* Next 2: Damit Schrift in JudgeMe Section nicht abgeschnitten wird unten + nach rechts auch nicht abgeschnitten */

.jdgm-carousel--aligned-theme .jdgm-carousel-item__review-wrapper{
  height: 95%!important;
}

.jdgm-ellipsis {
text-overflow: unset!important;}

.price__container{
  font-weight: normal;
  color: red;  
  }

  .kaufkasten{
    background-color: #fff;
        border-radius: 12px;
        width:100%;
      padding-top: 5%;
        padding-right: 5%;
        padding-left: 5%;
      padding-bottom: 0.1%;
      box-shadow: -3px 0px 24px 0 rgba(0, 0, 0 , 0.1);
      margin-bottom: 20px;
    }

    .shade{
      box-shadow: -3px 0px 24px 0 rgba(0, 0, 0 , 0.1);
          padding: 20px;
        width: 100%;
        left: 0;
    }
    
    .previewshade{
      box-shadow: -3px 0px 24px 0 rgba(0, 0, 0 , 0.1);
        left: 0;
        margin-right: 10px;
    
    }
    
    .shade_ajaxcart{
      box-shadow: -3px 0px 24px 0 rgba(0, 0, 0 , 0.1);
        width: 100%;
        left: 0;
    }
    
    .shade_padding{
    padding: 20px;
    }


    .price-container{
      width: 60%;
      float:left;
}
.sizing-container{
  width: 40%;
  float: right;
}

/*
.ks-calculator-container, .ks-chart-container {
  width: 35% !important;
}
*/


.available, .not_available, .in_arrival {
  font-size: 1.4rem !important;
}

.not_available{
  color:rgb(255, 165, 0);
}

.available{
  color: green;
}

.in_arrival{
  color: green;
}

h2.pr__subtitle {
  font-size: calc(var(--font-heading-scale) * 1.5rem) !important;
}

h1.pr_title {
  font-size: calc(var(--font-heading-scale) * 3rem) !important;
}

.small_font{
  font-size: 12px;
}

.sparen{
  color:#2abb8a;
  font-size: 1rem;
  font-weight: 700;
  padding-top: 1px;
  text-align: center;
  /* display: none;*/
}

.sizenumbers{
  color:#2abb8a;
  font-size: 1.2rem;
  font-weight: 700;
  padding-top: 1px;
  text-align: center;
}

.Menge-container{
    text-align: center;
  display: inline-grid;
  height: 26px;
  display: table-cell;
}

.label-Menge{
    /*min-height: 40px;*/
   display: flex;
  padding: 0.8rem !important;
  height: 48.2px;
}

.label-Size{
  /*line-height: 1.8 !important;*/
}

.label-Größe{
  display: flex;
    padding: 1rem 1.5rem !important;
  /*height: 48.2px;*/
  /*line-height: calc(1 + 0.8 / var(--font-body-scale)) !important;*/
}

.oneliner{
  vertical-align: middle;
  line-height: calc(1 + 0.8 / var(--font-body-scale)) !important;
}

.variant_value-Menge{
  display: grid;
  text-align: center;
}

.variant_value-Größe{
  display: grid;
  text-align: center;
}

.width80desktop{
  @media screen and (min-width: 750px) {
  max-width:80%;
  }
}

.discount__badge-socks{
  background-color: #29bb8b !important;
  border-color: #29bb8b !important;
  position: relative; /*damit Speechbubble Ding richtig positioniert ist*/
  margin-bottom: 1rem;
  border-radius: 2px;
}

/*Speechbubble Ding an Badge:*/
.discount__badge-socks:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 20%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #29bb8b;
	border-bottom: 0;
	margin-left: -20px;
	margin-bottom: -10px;
}

.price__container{
  display: block !important;
}

.streichpreis{
  color: #555 !important;
  font-size: 14px !important;
}

.dusparst_preis{
  margin-left: 0px !important;
  color: #979797 !important;
  font-size: 1rem !important;
  margin: auto;
}

.label-Style-Soldout{
  color: #b5b5b5;
    border-color: #b5b5b5;
    text-decoration: line-through;
}

/*Socken ID Page: Padding li+re für Rechnungs-Section auf Desktop*/
.page-width.section-template--18117491818760__f9fb1b7a-6dce-4c28-bac6-064ddc1204a9-padding{
@media screen and (min-width: 750px) {
    padding-left: 33%;
    padding-right: 33%;
    max-width: 100%;
}
}

@media screen and (max-width: 749px) {
.banner__media.media.banner__media-half{
    max-width: 50%;
    margin: auto;
    height: 20rem !important;
}
#Banner-template--18117683675400__8cbcabc9-daec-4e8c-aadc-557cec934556 > div.banner__content.banner__content--top-center.page-width > div {
    padding-top: 0px;
    padding-bottom: 0px;
}
}