/*
============================================
* Font Optimization - Schrift weniger fett und kleiner
============================================
*/

/* Alle Texte generell leichter machen und kleiner */
body,
html,
* {
    font-weight: 400 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Basis-Schriftgröße deutlich reduzieren */
body,
html {
    font-size: 12px !important;
}

/* Fließtext und Paragraphen */
p, span, div, li, td, th {
    font-size: 12px !important;
}

/* Worttrennungen verhindern */
* {
    hyphens: none !important;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -ms-hyphens: none !important;
    word-break: normal !important;
}

/* Überschriften weniger fett und kleiner */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 400 !important;
}

h1, .h1 {
    font-size: 2rem !important;
}

h2, .h2 {
    font-size: 1.7rem !important;
}

h3, .h3 {
    font-size: 1.4rem !important;
}

h4, .h4 {
    font-size: 1.2rem !important;
}

h5, .h5 {
    font-size: 1rem !important;
}

h6, .h6 {
    font-size: 0.95rem !important;
}

/* WooCommerce Produkttitel nicht fett */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title,
.product-title,
.product-name {
    font-weight: 400 !important;
}

/* Navigation normal */
.navigation a,
.nav a,
.menu a,
nav a {
    font-weight: 400 !important;
}

/* Preise normal statt fett */
.woocommerce .price,
.woocommerce-Price-amount,
.price {
    font-weight: 400 !important;
}

/* Buttons normal */
button, .button, .btn,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button {
    font-weight: 400 !important;
}

/* Strong und Bold nur leicht hervorheben */
strong, b {
    font-weight: 500 !important;
}

/* ===========================
   HEADER - Normale Schriftgröße
   =========================== */

/* Header allgemein größere Schrift */
header,
.header,
.site-header,
#masthead,
.main-header {
    font-size: 15px !important;
}

/* Header Navigation größer */
header .navigation a,
header .nav a,
header .menu a,
header nav a,
.header .navigation a,
.header .nav a,
.header .menu a,
.header nav a,
.site-header .navigation a,
.site-header .nav a,
.site-header .menu a,
.site-header nav a,
#masthead .navigation a,
#masthead .nav a,
#masthead .menu a,
#masthead nav a {
    font-size: 15px !important;
}

/* Header Elemente (wie Warenkorb, Suche, etc.) */
header span,
header div,
header a,
.header span,
.header div,
.header a,
.site-header span,
.site-header div,
.site-header a {
    font-size: 15px !important;
}

/* Logo/Site-Title im Header */
.site-title,
.site-branding,
header .logo,
.header .logo {
    font-size: 20px !important;
}

/* ===========================
   PRODUKTE - Kleinere Schrift
   =========================== */

/* Produkttitel kleiner */
ul.products li.product h3,
ul.products li.product h3 a,
ul.products li.product .woocommerce-loop-product__title,
.product-content-outer h3,
.product-content-outer h3 a {
    font-size: 11px !important;
}

/* Produktpreis kleiner */
ul.products li.product .price,
ul.products li.product .woocommerce-Price-amount,
.product-content-outer .price {
    font-size: 11px !important;
}

/* Produkt-Buttons kleiner */
ul.products li.product .button,
ul.products li.product .add_to_cart_button,
.product-action .button,
.product-action a {
    font-size: 10px !important;
    padding: 5px 10px !important;
}

/* Alle Texte in Produktboxen generell kleiner */
ul.products li.product,
ul.products li.product *:not(img) {
    font-size: 11px !important;
}