/** Shopify CDN: Minification failed

Line 147:0 Unexpected "="

**/
/* /assets/typography-restore.css
   StreetwearX – Header & Font Master Fix (Impact 6.11.2)
   + Blog Font Harmonisierung integriert
   QA-Team-Freigabe 31.10.2025 ✅
*/

/* === Basis-Schriftgrößen === */
:root {
  --font-body-scale: 1 !important;
  --font-heading-scale: 1 !important;
}

html {
  font-size: 16px !important;
  -webkit-text-size-adjust: 100%;
}

body,
p,
li,
a,
span,
button,
input,
select,
textarea {
  font-size: 1.1rem !important;
  line-height: 1.55 !important;
  color: var(--color-foreground, #e0e0e0);
}

/* === Überschriften global === */
h1 {
  font-size: 2.3rem !important;
  line-height: 1.25 !important;
}
h2 {
  font-size: 1.9rem !important;
  line-height: 1.3 !important;
}
h3 {
  font-size: 1.6rem !important;
  line-height: 1.35 !important;
}

/* Header + Menü + Bannertext */
.site-header__heading,
.header__heading,
.drawer__menu-item,
.drawer__menu-item a,
.scroll-text,
.scrolling-text__inner,
.announcement-bar__message {
  font-size: 1.35rem !important;
  line-height: 1.4 !important;
}

/* Scrolling-Banner fix */
.scroll-text,
.announcement-bar__message {
  font-size: 1.3rem !important;
  font-weight: 500 !important;
}

/* === Header/Counter Abstand === */
.vcount-header {
  margin-top: -8px !important;
  position: relative;
  z-index: 8;
}

/* === BLOG-BEREICH SPEZIAL === */
.blog-post-card__info p.h3 a,
.blog-post-card__info p.h3 {
  font-size: 1.55rem !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  color: var(--color-foreground, #f2f2f2) !important;
  text-decoration: none !important;
}

.blog-post-card__info p:not(.h3) {
  font-size: 1.35rem !important;
  line-height: 1.6 !important;
  color: var(--color-foreground, #dcdcdc) !important;
}

.section-header h2,
.section-header .h2 {
  font-size: 2rem !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
  color: var(--color-foreground, #f2f2f2) !important;
}

/* === Mobile Optimierung === */
@media screen and (max-width: 749px) {
  html {
    font-size: 17px !important;
  }
  h1 {
    font-size: 2.4rem !important;
  }
  h2 {
    font-size: 2rem !important;
  }
  .drawer__menu-item,
  .drawer__menu-item a {
    font-size: 1.35rem !important;
  }
  .scroll-text,
  .announcement-bar__message {
    font-size: 1.25rem !important;
  }
  .vcount-header {
    margin-top: -10px !important;
  }

  /* Blog-Titel mobile leicht kleiner */
  .blog-post-card__info p.h3 a,
  .blog-post-card__info p.h3 {
    font-size: 1.45rem !important;
  }

  .blog-post-card__info p:not(.h3) {
    font-size: 1.3rem !important;
  }
}

/* === Tablet === */
@media screen and (min-width: 750px) and (max-width: 1024px) {
  html {
    font-size: 17px !important;
  }
  h1 {
    font-size: 2.5rem !important;
  }
  h2 {
    font-size: 2.1rem !important;
  }
}
=== Blog-H2 Feinanpassung – eleganter, leichter Look ===
.section-header h2,
.section-header .h2 {
  font-weight: 300 !important;     /* leichter, eleganter */
  letter-spacing: 0.01em !important;
  color: #d5d5d5 !important;       /* dezentes Grau bleibt */
}

/* === BLOG TYPO MASTERBLOCK – StreetwearX Fine Size +2 Elegant === */
/* Farbe: #e3e3e3 | etwas größer, aber weiterhin fein & ruhig */

.section-header h2,
.section-header .h2 {
  font-weight: 300 !important;
  font-size: 2rem !important;            /* vorher 1.9rem → +0.1rem */
  line-height: 1.25 !important;
  letter-spacing: 0.01em !important;
  color: #e3e3e3 !important;
}

/* Blogbeitrag Überschriften */
.blog-post-card__info p.h3,
.blog-post-card__info p.h3 a {
  font-weight: 300 !important;
  font-size: 1.6rem !important;          /* vorher 1.5rem → +0.1rem */
  line-height: 1.35 !important;
  letter-spacing: 0.015em !important;
  color: #e3e3e3 !important;
}

/* === Desktop-Erweiterung === */
@media screen and (min-width: 1000px) {
  .section-header h2,
  .section-header .h2 {
    font-size: 2.5rem !important;        /* vorher 2.4rem → +0.1rem */
  }

  .blog-post-card__info p.h3,
  .blog-post-card__info p.h3 a {
    font-size: 1.85rem !important;       /* vorher 1.75rem → +0.1rem */
    font-weight: 300 !important;
    letter-spacing: 0.02em !important;
  }
}


