/** Shopify CDN: Minification failed

Line 40:41 Expected identifier but found "#mc_embed_signup"
Line 351:0 Unexpected ".1"
Line 358:2 Unexpected ".1"
Line 365:2 Unexpected ".1"
Line 372:2 Unexpected ".1"
Line 379:2 Unexpected ".1"
Line 386:2 Unexpected ".1"
Line 393:2 Unexpected ".1"
Line 400:2 Unexpected ".1"
Line 408:2 Unexpected ".1"
... and 13 more hidden warnings

**/

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);#mc_embed_signup .button
	transform: translate3d(0, 0, 0);
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}



/* ---------------------*\
    GRID
\*------------------------------------*/

.grid {
  margin: 0 0;
}


.grid--gallery>.grid__cell {
    padding-bottom: 5%;
}

.grid__cell {
    padding: 0 0 0 20px;
}
.grid--large > .grid__cell {
  padding-left: 20px;
}

@media screen and (min-width: 500px) {
.list-collections--grid,
.grid--middle, 
.grid--gallery,
.grid--gallery-large,
.grid--large,
.grid--huge {
 /*  margin-left: -20px; */
}
}


.grid--gallery-large {
  /* margin-bottom: -20px; */
}

.grid--gallery.grid--large > .grid__cell,
.grid--gallery.grid--gallery-large > .grid__cell {
  padding-bottom: 50px;
}

.grid--huge > .grid__cell {
  padding-left: 20px;
}

.grid--gallery-huge {
  margin-bottom: 20px;
}

.product__showcase.grid__cell {
	padding-left: 0;
}
/*------------------------------------*\
    Add Custom GRID WIDTHS one Grid
\*------------------------------------*/

.1/1 {
  width: 100%;
}

/* If responsive flag enabled, loop breakpoint widths */
/* Create each media query */
@media screen and (max-width: 499px) {
  .1/1--thumb {
    width: 100%;
  }
}

/* Create each media query */
@media screen and (min-width: 500px) and (max-width: 800px) {
  .1/1--handheld {
    width: 100%;
  }
}

/* Create each media query */
@media screen and (min-width: 500px) {
  .1/1--handheld-and-up {
    width: 100%;
  }
}

/* Create each media query */
@media screen and (max-width: 800px) {
  .1/1--pocket {
    width: 100%;
  }
}

/* Create each media query */
@media screen and (min-width: 801px) and (max-width: 1024px) {
  .1/1--lap {
    width: 100%;
  }
}  
  
/* Create each media query */
@media screen and (min-width: 801px) {
  .1/1--lap-and-up {
    width: 100%;
  }
}

/* Create each media query */
@media screen and (max-width: 1024px) {
  .1/1--portable {
    width: 100%;
  }
  
}

/* Create each media query */
@media screen and (min-width: 1025px) {
  .1/1--desk{
    width: 100%;
  }
}

/* Create each media query */
@media screen and (min-width: 1160px) {
  .1/1--widescreen {
    width: 100%;
  }
  
}


/* Create each media query */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .1/1--retina {
    width: 100%;
  } 
}


/*------------------------------------*\
    Add Custom GRID WIDTHS five Grid
\*------------------------------------*/

.1/2 {
  width: 50%;
}

/* If responsive flag enabled, loop breakpoint widths */
/* Create each media query */
@media screen and (max-width: 499px) {
  .1/2--thumb {
    width: 50%;
  }
}

/* Create each media query */
@media screen and (min-width: 500px) and (max-width: 800px) {
  .1/2--handheld {
    width: 50%;
  }
}

/* Create each media query */
@media screen and (min-width: 500px) {
  .1/4--handheld-and-up {
    width: 25%;
  }
}

/* Create each media query */
@media screen and (max-width: 800px) {
  .1/2--pocket {
    width: 50%;
  }
}

/* Create each media query */
@media screen and (min-width: 801px) and (max-width: 1024px) {
  .1/4--lap {
    width: 25%;
  }
}  
  
/* Create each media query */
@media screen and (min-width: 801px) {
  .1/5--lap-and-up {
    width: 20%;
  }
}

/* Create each media query */
@media screen and (max-width: 1024px) {
  .1/4--portable {
    width: 25%;
  }
  
}

/* Create each media query */
@media screen and (min-width: 1025px) {
  .1/5--desk{
    width: 20%;
  }
}

/* Create each media query */
@media screen and (min-width: 1160px) {
  .1/5--widescreen {
    width: 20%;
  }
  
}


/* Create each media query */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .1/5--retina {
    width: 20%;
  } 
}




/* Mailchimp */

#mc_embed_signup {
  margin: 0 auto 45px;
  
  @media screen and (min-width: 600px) {
  	padding-right: 60px;
   }
  
}

#mc_embed_signup input.email {
    width: auto;
    height: auto;
    padding-left: 20px;
    height: 48px;
  	border: 2px solid #dadada;
  	color: #333;
  	margin-right: 6px;
}

#mc_embed_signup input::placeholder, #mc_embed_signup textarea::placeholder {
	  	color: #969696;
}

#mc_embed_signup form {
	text-align: center;
  	display: block;
}


#mc_embed_signup .button {
    height: 48px;
    color: #fff;
    background-color: #000;
    opacity: 1;
    font-weight: 600;
  border: 2px solid;
    /* border-bottom: 3px solid; */
}

#mc_embed_signup .button:hover {
    background-color: transparent;
    opacity: 1;
    color: #000;
	/* border-color: black; */
}

@media screen and (min-width: 920px) (max-width: 1200px) { 
  #mc_embed_signup form {
  	display: block;
	}
  .footer__newsletter {
  	width: 50%;
  }
}

@media screen and (max-width: 720px) { 

  #mc_embed_signup input.email,#mc_embed_signup .clear {

      width: 100%;
  }

}

@media screen and (max-width: 768px) { 
  #mc_embed_signup .clear{
    display: inline-block;
  }
}

@media screen and (min-width: 1200px) { 
  .footer__newsletter { width: 30% }
  .footer__links { width: 20%}
} 

@media screen and (min-width: 720px) { 

  #mc_embed_signup input.email {
    width: 58%;
    float: left;
  }
  #mc_embed_signup .clear{
    width: 40%;
    display: inline-block;
  }

}




/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 1;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}



/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -50%;
  padding: 7px;
  width: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #000;
  background-color: rgba(195, 195, 195, 1);
  color: #fff;
  font-weight: 600;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 12px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid rgba(195, 195, 195, 1);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}


  
/* Position tooltip above the element */
.product-item__label-material [data-tooltip]:before {
  position: absolute;
  bottom: 0px;
  left: auto;
  right: 120%;
  /* margin-bottom: 5px; */
  /* margin-left: -50%; */
  padding: 7px;
  width: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #000;
  background-color: #c3c3c3;
  color: #fff;
  font-weight: 600;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
}

/* Triangle hack to make tooltip look like a speech bubble */
.product-item__label-material [data-tooltip]:after {
  display: none;
  position: absolute;
  bottom: 17px;
  left: 4px;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid rgba(195, 195, 195, 1);
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}



.blocker {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%; height: 100%;
  overflow: auto;
  z-index: 1;
  padding: 10px;
  box-sizing: border-box;
  background-color: rgb(256,256,256);
  background-color: rgba(256,256,256,0.75);
  text-align: center;
}
.blocker:before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker.behind {
  background-color: transparent;
}
.modal {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 1200px;
  width: 90%;
  box-sizing: border-box;
  background: #fff;
  padding: 25px 50px 25px 30px;
  border: 1px solid rgba(0,0,0,0.2);
 /*
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
*/
  /*  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
*/  
  text-align: left;
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.24);
}



.modal a.close-modal {
  position: absolute;
  top: 18px;
  right: 12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(close.png)  no-repeat 12px 0;
  color: #333;
  background-size: 60%;
}

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url("data:image/gif;base64,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") #111 no-repeat center center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

/*--------- CUSTOM CODE JONAS -----------*/

/* mobile menu custom*/
li.navigation-sidebar__item.navigation-sidebar__item--expandable.herren,
li.navigation-sidebar__item.navigation-sidebar__item--expandable.damen,
li.navigation-sidebar__item.account,
li.navigation-sidebar__item.entdecken,
li.navigation-sidebar__item.neu-im-shop,
li.navigation-sidebar__item.archive-sale
  {
  background-color: #000000;
  color: #ffffff;
}
li.navigation-sidebar__item.muetzen,
li.navigation-sidebar__item.caps,
li.navigation-sidebar__item.accessoires,
li.navigation-sidebar__item.home-goods,
li.navigation-sidebar__item.journal,
li.navigation-sidebar__item.materialien,
li.navigation-sidebar__item.sale,
li.navigation-sidebar__item.philosophie,
li.navigation-sidebar__item.account,
li.navigation-sidebar__item.sale-women,
li.navigation-sidebar__item.sale-men,
li.navigation-sidebar__item.t-shirts-tops,
li.navigation-sidebar__item.jacken-maentel,
li.navigation-sidebar__item.strickwaren,
li.navigation-sidebar__item.socken,
li.navigation-sidebar__item.blusen-hemden,
li.navigation-sidebar__item.hosen-shorts,
li.navigation-sidebar__item.sweatshirts,
li.navigation-sidebar__item.gutscheine,
li.navigation-sidebar__item.archive-sale,
li.navigation-sidebar__item.taschen,
li.navigation-sidebar__item.hemden-overshirts,
li.navigation-sidebar__item.schals-tuecher,
li.navigation-sidebar__item.kleider-roecke,
li.navigation-sidebar__item.goods,
li.navigation-sidebar__item.story,
li.navigation-sidebar__item.stores,
li.navigation-sidebar__item.t-shirts,
li.navigation-sidebar__item.t-shirt,
li.navigation-sidebar__item.jacken-blazer
  
  {
  width: 50%;
  float: left;
}
 
li.navigation-sidebar__item.muetzen,
li.navigation-sidebar__item.caps,  
li.navigation-sidebar__item.accessoires,
li.navigation-sidebar__item.home-goods,
li.navigation-sidebar__item.journal,
li.navigation-sidebar__item.philosophie,
li.navigation-sidebar__item.materialien,
li.navigation-sidebar__item.t-shirts-tops,
li.navigation-sidebar__item.strickwaren,
li.navigation-sidebar__item.socken,
li.navigation-sidebar__item.blusen-hemden,
li.navigation-sidebar__item.jacken-maentel,  
li.navigation-sidebar__item.hosen-shorts,
li.navigation-sidebar__item.sweatshirts,
li.navigation-sidebar__item.taschen,
li.navigation-sidebar__item.hemden-overshirts,
li.navigation-sidebar__item.archive-sale,
li.navigation-sidebar__item.schals-tuecher,
li.navigation-sidebar__item.kleider-roecke,
li.navigation-sidebar__item.goods,
li.navigation-sidebar__item.sale,  
li.navigation-sidebar__item.story,
li.navigation-sidebar__item.stores,
li.navigation-sidebar__item.t-shirts,
li.navigation-sidebar__item.t-shirt,
li.navigation-sidebar__item.jacken-blazer  
  
  {
  border-right: 1px solid #c3c3c3;
}
.navigation-sidebar__item.sustainability,
.navigation-sidebar__item.gutscheine {
  border-right: none;
} /* Desktop menu */
ul#top-mega-nav-link-list-one > li.top-mega-nav-link_mm_li.level-1:first-child {
  background-color: #f3f3f3; /* color: #141414;*/
}
ul#top-mega-nav-link-list-one > li.top-mega-nav-link_mm_li.level-1 {
  padding-left: 10px;
  padding-right: 10px;
}

  

/* Collection price */

span.product-item__price.product-item__price--old, span.product-meta__price.product-meta__price--old {
    margin-right: .5em;
    order: -1;
    position: relative;
    text-decoration: none;
}
  
span.product-item__price.product-item__price--old:after, span.product-meta__price.product-meta__price--old:after {
    background-image: url('/cdn/shop/files/Scribble-Sale-Preis_NEW.png?v=1722506816');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 110%;
    left: -5%;
    position: absolute;
    top: -5%;
    width: 110%;
}

/* Collection custom header */

.custom-collection-header {
    border-bottom: 1px solid;
  
}
  
@media (min-width: 64em) {
    .custom-collection-header {
      border-bottom: 1px solid;
     }
}
.custom-collection-header-wrapper {
  padding: 1.25rem;
  
}
  
@media (min-width: 64em) {
    .custom-collection-header-wrapper {
        align-items: center;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-left: 5%;
        margin-right: 5%;
        padding: 2.5rem 0;
    }
}  

.custom-collection-header-title {
    font-size: 14px!important;
    font-weight: 400!important;
    letter-spacing: 0!important;
    text-transform: uppercase;
    margin-bottom: 0;
}

.custom-collection-header-title {
  margin-top: 1.25rem;
  /*margin-bottom: .625rem;*/
}

.custom-collection-header-description {
  font-size: 14px;
}

/* Collection custom header read more truncate */

/* Der Container für die Beschreibung */
.truncate {
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s ease, margin-bottom 0.5s ease;
}

/* Anzahl der Zeilen im eingeklappten Zustand */
.custom-collection-header-description.is-collapsed {
    --line-clamp: 4; /* Anzahl der Zeilen im eingeklappten Zustand */
    display: -webkit-box;
    -webkit-line-clamp: var(--line-clamp);
    -webkit-box-orient: vertical;
}

/* Entfernt die Höhenbeschränkung und den line-clamp im ausgeklappten Zustand */
.custom-collection-header-description.is-expanded {
    --line-clamp: none;
    display: block;
    -webkit-line-clamp: unset;
}

/* Das weiße Overlay nur im eingeklappten Zustand anzeigen */
.truncate.is-collapsed::before {
    background: linear-gradient(#fff0, #ffffffe6); /* Weißes Overlay für den eingeklappten Zustand */
    bottom: 0;
    content: "";
    height: 50%; /* Höhe des Overlays */
    position: absolute;
    width: 100%;
    pointer-events: none; /* Button bleibt klickbar */
}

/* Beim Ausklappen soll das Overlay nicht mehr angezeigt werden */
.truncate.is-expanded::before {
    display: none;
}

/* Button-Styling */
.truncate-btn {
    background: none;
    border: none;
    color: inherit;
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
    font-size: 14px;
    text-align: left;
    display: none; /* Button initial ausblenden */
    position: relative;

}

/* Button sichtbar machen, wenn der Text mehr als vier Zeilen hat */
.truncate-btn.is-expanded {
    display: block;
}

.truncate-btn.is-collapsed {
    display: block;
}

  

 /* Collection: product title and price */

h2.product-item__title, .product-item__price, span.product-item__price.product-item__price--new, span.product-item__price.product-item__price--old, .product-item__sold {
    font-size: 14px;
}
@media screen and (max-width: 767px) {
h2.product-item__title, .product-item__price, span.product-item__price.product-item__price--new, span.product-item__price.product-item__price--old, .product-item__sold {
    font-size: 12px;
}
  
}
/*
@media screen and (min-width: 1024px) {
    .product-item__info {
      padding-left: 14px;
    }
    .product-item__info {
      margin-top: 7px;
}
}
*/
  
h2.product-item__title {
    text-transform: uppercase;
}

@media screen and (max-width: 768px) {  
    h2.product-item__title {
    font-size: 11px;
}
}

h1.product-meta__title, span.product-meta__price.product-meta__price--new {
    font-weight: 400;  
}

/* Product page */

h1.product-meta__title {
    text-transform: uppercase;
}  

/* Story page */
@media only screen and (min-width: 1428px) {
  .block__item-inner--four-image-block {
    margin-bottom: -8px;
  }
}

/* Stores page */
@media only screen and (min-width: 1024px) {  
 .block__item.block__item__text_small.block__item--text_small_HQGn63.notmobiletwo.notboss.notontop.col-12.col-xsm-12.align--center {
    padding-right: 45%!important;
  }
}  

    .store-locations {
        padding: 5% 5%; /* Padding oben/unten 5%, links/rechts 5% */
        font-size: 14px;
        background-color: #eeeeee;
        max-width: 100%;
        box-sizing: border-box;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
    }

    .country-section {
        margin-bottom: 32px;
    }

    .country-section:not(:first-child) {
        margin-top: 18px; /* Abstand über den Ländern außer dem ersten */
    }

    .country-section h3 {
        text-transform: uppercase;
        font-size: 14px;
        margin-bottom: 16px;
    }

    .separator {
        border-bottom: 1px solid;
        width: 24px;
        margin: 24px 0;
    }

    .stores {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        row-gap: 32px;
        column-gap: 16px;
    }

    .store {
        text-transform: none;
    }

    .store-name {
        text-transform: uppercase;
    }

    /* Anpassung für Bildschirmgrößen von 1024px bis 1427px */
    @media only screen and (max-width: 1427px) and (min-width: 1024px) {
        .stores {
            grid-template-columns: repeat(4, 1fr);
            row-gap: 28px;
            column-gap: 16px;
        }
    }

    /* Anpassung für Tablets (768px bis 1023px) */
    @media only screen and (max-width: 1023px) and (min-width: 768px) {
        .stores {
            grid-template-columns: repeat(3, 1fr);
            row-gap: 32px;
            column-gap: 16px;
        }
    }

    /* Anpassung für Handys (unter 768px) */
    @media only screen and (max-width: 767px) {
        .stores {
            grid-template-columns: repeat(2, 1fr);
            row-gap: 16px;
            column-gap: 12px;
        }
        .store-locations {
        padding: 10% 5%;
        margin-bottom: -8px;
        }
    }

    @media only screen and (min-width: 768px) {
      .store-locations {
        margin-bottom: -8px;
        }
    }