/*
Theme Name: The-Bootstrap  Child
Description: The Bootstrap
Author: Hugo Graf
Author URI: http://www.wirtschaftsfilz.ch
Template: the-bootstrap
Version: 1.0
Tags:
*/
@import url("../the-bootstrap/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* Basis-Schrifteinstellungen überschreiben */
body {
    font-size: 16px;
    font-size: 1rem; /* Fallback für bessere Skalierbarkeit */
    line-height: 1.5; /* Proportional angepasst, entspricht etwa 24px bei 16px Schrift */
    color: #333333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Alternative: Spezifischere Selektoren für bessere Kontrolle */
.container, .content, .post, .page {
    font-size: 16px;
    line-height: 1.5;
}

/* Bestehende Styles */
.entry-title h1 {
    color: #af0a4f;
}

p {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 16px; /* Explizit für Paragraphen */
    line-height: 1.5;
}

/* Responsive Design: Schrift auf kleinen Bildschirmen anpassen */
@media (max-width: 768px) {
    body {
        font-size: 15px; /* Etwas kleiner auf mobilen Geräten */
        line-height: 1.4;
    }
}

/* Verbesserte Lesbarkeit für verschiedene Browser */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Sicherstellen, dass auch andere Text-Elemente die richtige Größe haben */
div, span, article, section, aside, nav {
    font-size: inherit;
    line-height: inherit;
}