/* ==============================
   Grundschriftart für Fließtext
   ============================== */
body {
    font-family: "Century Gothic", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    letter-spacing: 0.015em;    /* <<< Zeichenabstand global */
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

p {
    margin-top: 5px;
    margin-bottom: 10px;
    letter-spacing: 0.01em;     /* <<< leicht enger für Fließtext */
}


/* ==============================
   Standard-Überschriften h1–h6
   ============================== */
h1, h2, h3, h4, h5, h6 {
    font-family: "Century Gothic", sans-serif;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
    letter-spacing: 0.02em;     /* <<< Überschriften prägnanter */
}

h1 {
    font-size: 3em;
    line-height: 1.2;
    font-family: "Century Gothic", sans-serif;
    font-weight: bold;
    margin-top: 5px !important;
    margin-bottom: 30px !important;
}

/* Skalierung bleibt wie gehabt */
h2 { font-size: 1.75em; line-height: 1.25; }
h3 { font-size: 1.5em; line-height: 1.3; }
h4 { font-size: 1.35em; line-height: 1.3; }
h5 { font-size: 1.2em; line-height: 1.25; }
h6 { font-size: 1.1em; line-height: 1.25; }


/* ==============================
   Erweiterte Überschriften h7–h15
   ============================== */
.h7  { font-size: 1em;   line-height: 1.25; font-family: "Roboto", sans-serif; }
.h8  { font-size: 0.95em; line-height: 1.2; font-family: "Roboto", sans-serif; }
.h9  { font-size: 0.9em;  line-height: 1.2; font-family: "Roboto", sans-serif; }
.h10 { font-size: 0.85em; line-height: 1.15; font-family: "Courier New", monospace; }
.h11 { font-size: 0.8em;  line-height: 1.15; font-family: "Courier New", monospace; }
.h12 { font-size: 0.75em; line-height: 1.1; font-family: "Courier New", monospace; }
.h13 { font-size: 0.7em;  line-height: 1.1; font-family: "Courier New", monospace; }
.h14 { font-size: 0.65em; line-height: 1.05; font-family: "Courier New", monospace; }
.h15 { font-size: 0.6em;  line-height: 1.05; font-family: "Courier New", monospace; }


/* ==============================
   Absätze und Listen kompakt
   ============================== */
p, blockquote p {
    margin-bottom: 0.3em;
}

p + ul,
p + ol,
blockquote p + ul,
blockquote p + ol {
    margin-top: 0.2em;
}

ul li,
ol li {
    margin-bottom: 0.3em;
}


/* ==============================
   Blockquotes kompakt gestalten
   ============================== */
blockquote {
    margin: 0.8em 0;
    padding-left: 1em;
    border-left: 3px solid #ccc;
    color: #555;
}

blockquote img,
blockquote span.emoji {
    vertical-align: middle;
}


/* ==============================
   Links in Überschriften
   ============================== */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h7 a, .h8 a, .h9 a {
    color: inherit;
    text-decoration: none;
}


/* ==============================
   ASKOHEAT+ Logo-Behandlung
   ============================== */
.red-plus {
    color: red;
    font-weight: bold;
}

.askoheat {
    font-family: "Century Gothic", sans-serif;
    letter-spacing: 0.06em;     /* <<< LOGO Look */
}


/* ==============================
   Bilder kompakt + zentriert
   ============================== */
img {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
    max-width: 100%;
}