/* ================== Stylesheet OWF-Homepage ================== */
/* ================== Version Impressum-Datenschutz ================== */

/* ================== Schriften ================== */
@font-face {
    font-family: opensans-regular;
    src: url("./opensans_regular.woff2") format('woff2');
}

/* ================== zentrale Definitionen ================== */

:root {
  --text-farbe-standard:    #333333;    /* dunkles Grau für Fließtext */
  --text-farbe-dunkelgrau:  #555555;    /* helleres Grau */
  --text-farbe-weiss:       #ffffff;    /* Schriftfarbe weiß */

  --hintergrund-seite:      #f8f9fA;    /* sanfte Off-White für den Body */
  --hintergrund-seite-alt:  #e9eae7;    /* alter Hintergrund */
  --hintergrund-contentbox: #ffffff;    /* Reinweiß für die Content-Box */
  
  --akzentfarbe-oliblau:    #007bff;    /* Akzentfarbe Oli-Blau */
}

/* ================== Elemente HTML Struktur ================== */

body {
    font-family: opensans-regular;
    font-size: 18px;

    color: var(--text-farbe-standard);
    background-color: var(--hintergrund-seite);

    margin-top: 2em;
    margin-left: 3em;
}

main {
    margin-left: 1em;
}


h1 {
    font-size: 3em;
    font-weight: bold;
}

h2 {
    font-size: 1.5em;
    font-weight: bold;
}

h3 {
    font-size: 1.2em;
    font-weight: bold;
}

h4 {
    font-size: 1.0em;
    font-weight: bold;
}

p {
    margin-top: 0.5em;
}

footer {
    margin-top: 3em;
    padding-bottom: 0.75em;
    height: 2.5em;
    width: 100%;
    bottom: 0;
    position: relative;
}

.homepage-footer-schrift {
    font-size: 0.9em;
    font-weight: bold;
}

.homepage-footer-link-farbe-schwarz {
    color: var(--text-farbe-standard);
    text-decoration: none;
}

.homepage-footer-link-farbe-schwarz:hover {
    color: var(--akzentfarbe-oliblau);
}

.objekt-margin-b-2 {
    margin-bottom: 2em;
}

.objekt-margin-b-3 {
    margin-bottom: 3em;
}

/* ------------------ Ende ------------------ */