/** Shopify CDN: Minification failed

Line 16:1 Unexpected ";"
Line 31:1 Unexpected ";"

**/
@font-face {
  font-family: 'Beloved Sans W05 Regular';
  src: url('{{ "481782b0-3293-4c90-b797-155daa829a63.eot" | asset_url }}');
  src: url('{{ "481782b0-3293-4c90-b797-155daa829a63.eot" | asset_url }}#iefix') format("embedded-opentype"),
       url('{{ "481782b0-3293-4c90-b797-155daa829a63.woff" | asset_url }}') format("woff"),
       url('{{ "481782b0-3293-4c90-b797-155daa829a63.ttf" | asset_url }}') format("truetype"),
       url('{{ "481782b0-3293-4c90-b797-155daa829a63.svg" | asset_url }}#timber-icons') format("svg");
  font-weight: normal;
  font-style: normal;
};





@font-face {
  font-family: 'PinyonScript';
  src: url('{{ "PinyonScript-Regular.eot" | asset_url }}');
  src: url('{{ "PinyonScript-Regular.eot" | asset_url }}#iefix') format("embedded-opentype"),
       url('{{ "PinyonScript-Regular.woff" | asset_url }}') format("woff"),
       url('{{ "PinyonScript-Regular.ttf" | asset_url }}') format("truetype"),
       url('{{ "PinyonScript-Regular.svg" | asset_url }}#timber-icons') format("svg");
  font-weight: normal;
  font-style: normal;
};

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family:Beloved Sans W05 Regular, sans-serif !important;
}

.rte h2, .rte .h2 {
  margin-bottom: 1em;
}

/* Responsive Überschriften auch in .rte Containern */
.rte h1, .rte .h1,
.rte h2, .rte .h2,
.rte h3, .rte .h3,
.rte h4, .rte .h4,
.rte h5, .rte .h5,
.rte h6, .rte .h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.collection-grid__item-title--wrapper .collection-grid__item-title {
  font-family:Beloved Sans W05 Regular, sans-serif !important;
}


input,textarea {
  background:#ffffff;
}

/*Startseite optic changes*/
#shopify-section-1494860348200 {background:#f7e0e7;}
#shopify-section-1607708555c7daab48 {background:#f7e0e7;}
.newsletter {
  background-image:url(/cdn/shop/files/homepage-headerbild.jpg?v=1586256125);
  background-position:top center;
  background-size:cover;
  background-repeat:no-repeat;
}

.newsletter .wrapper {
  background-color:rgba(255,244,246,0.7);
  padding:3vw;
}

/*Dropdown Menu*/

.site-nav__dropdown {
 /* background:#fff4f6;*/
}

.header-wrapper .site-nav__dropdown-link:hover {
  background:#fd6ba3;
  color:#fff !important;
}

.site-nav__dropdown-link {font-style:normal;}

.header-wrapper.header-wrapper--transparent .site-nav__link a:hover {
  background:#ffff;
  color:#fd6ba3 !important;
}
/*Footer*/

.site-footer {background:#fff4f6;}

.no-bullets.social-icons {
  text-align:center;
}
/*Produkt*/
.grid-product__sold-out, .grid-product__on-sale {
  border-radius:100%;
  width:66px;
}

.single-option-radio label {
  background-color:transparent;
}

.grid-product__title {
  font-style:normal;
}
  
  

.mw-options-container .type-select ul li {
  display: inline !important;
    margin-right: 20px !important;
}



/*Shop Page*/


.collection-grid__item-title {
  font-family:Beloved Sans W05 Regular, sans-serif !important;
  font-size: clamp(1.5rem, 3vw, 2rem) !important;
  font-style: initial;
  color:#f099b0;
  line-height: 1.3;
}

.collection-collage__item-wrapper .collection-grid__item-overlay {
  margin-top:1em;
}

/* Responsive Fixes - Verhindert horizontales Scrolling */
html, body {
  overflow-x: hidden;
  max-width: 100%;
  position: relative;
}

* {
  box-sizing: border-box;
}

/* Sicherstellen, dass Container auf Desktop ihre maximale Breite behalten */
/* Nur overflow-x: hidden wird global gesetzt, um horizontales Scrolling zu verhindern */
.wrapper, .page-width, .page-container, 
.main-content, .feature-row {
  overflow-x: hidden;
  position: relative;
}

/* .custom-content wird nur auf mobilen Geräten angepasst */

/* Textumbruch für alle Textelemente */
p, h1, h2, h3, h4, h5, h6, .rte, .rte-setting, 
.featured-row__text, .feature-row__subtext,
.custom__item, .custom__item-inner,
.announcement-bar__message {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  max-width: 100%;
}

/* Responsive Überschriften mit rem */
h1, .h1 {
  font-size: clamp(2rem, 5vw, 3.4rem) !important;
  line-height: 1.2;
}

h2, .h2 {
  font-size: clamp(1.75rem, 4vw, 3rem) !important;
  line-height: 1.3;
}

h3, .h3 {
  font-size: clamp(1.5rem, 3.5vw, 2.6rem) !important;
  line-height: 1.3;
}

h4, .h4 {
  font-size: clamp(1.25rem, 3vw, 2.4rem) !important;
  line-height: 1.4;
}

h5, .h5 {
  font-size: clamp(1rem, 2vw, 1.12rem) !important;
  line-height: 1.5;
}

h6, .h6 {
  font-size: clamp(0.9rem, 1.8vw, 1.02rem) !important;
  line-height: 1.5;
}

/* Spezielle Behandlung für .rte Container */
.rte, .rte-setting {
  overflow-x: hidden;
}

.rte p, .rte div, .rte h1, .rte h2, .rte h3, 
.rte h4, .rte h5, .rte h6 {
  max-width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Responsive Images */
img {
  max-width: 100%;
  height: auto;
}

/* Responsive Tables */
table {
  width: 100%;
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Responsive für custom HTML Blöcke - nur für innere Elemente, nicht für Grid-Items */
.custom-content {
  overflow-x: hidden !important;
}

/* Nur die inneren RTE-Container werden responsive gemacht, nicht die Grid-Items selbst */
.custom-content .rte,
.custom-content .rte div,
.custom-content .rte div[style*="width"],
.custom-content .rte div[style*="745px"],
.custom__item .rte,
.custom__item .rte div,
.custom__item .rte div[style*="width"],
.custom__item-inner .rte,
.custom__item-inner .rte div {
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

/* Responsive für alle inline styles mit width */
div[style*="width:745px"],
div[style*="width: 745px"] {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box !important;
}

/* Sicherstellen, dass Grid-Systeme responsive sind */
.grid, .grid--full, .grid--table {
  max-width: 100%;
  overflow-x: hidden;
}

.grid__item {
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  /* Auf mobilen Geräten: Container werden vollständig responsive */
  .wrapper, .page-width, .page-container, 
  .main-content, .feature-row, .custom-content {
    max-width: 100% !important;
  }
  
  .custom-content {
    width: 100% !important;
  }
  
  .custom__item {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  
  .custom-content .rte div[style*="width"],
  .custom-content .rte div[style*="745px"],
  div[style*="width:745px"],
  div[style*="width: 745px"] {
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 100% !important;
  }
  
  /* Sicherstellen, dass featured-row responsive ist */
  .feature-row {
    flex-direction: column;
  }
  
  .feature-row__item {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
  }
  
  /* Padding für mobile Geräte reduzieren */
  .wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .page-width {
    padding-left: 15px;
    padding-right: 15px;
  }
}