/*
Theme Name: Lieferantenindex
Template: generatepress
Version: 1.1.0
Description: Child-Theme für den Blog unter lieferantenindex.de/blog/. Kopf- und Fußzeile, Farben und Schriften wie im Verzeichnis (lädt /statisch/css/gemeinsam.css).
Text Domain: lindex-child
*/

/* Farben NICHT hier ändern, sondern in lindex/web/statisch/css/gemeinsam.css (gilt für beide).
   Hier nur die Zuordnung zu den globalen Farben von GeneratePress. „html“ davor, damit die Werte
   die Einstellungen aus dem Customizer (Inline-CSS von GeneratePress) überstimmen. */
html:root {
  --contrast: var(--farbe-text);
  --contrast-2: var(--farbe-text-leise);
  --contrast-3: var(--farbe-rand);
  --base: var(--farbe-flaeche);
  --base-2: var(--farbe-flaeche);
  --base-3: var(--farbe-hintergrund);
  --accent: var(--farbe-akzent);
}

html body, html button, html input, html select, html textarea { font-family: var(--schrift); }
html body { color: var(--farbe-text); background: var(--farbe-hintergrund); line-height: 1.6; }
html a:hover { color: var(--farbe-akzent-dunkel); }
html body .grid-container { max-width: var(--breite); }

/* Kopf- und Fußzeile kommen aus gemeinsam.css; GeneratePress-Abstände dort neutralisieren */
.site-footer .fusszeile { margin: 0; }

/* Inhalt wie im Verzeichnis (1.1.0): Breite, Abstände, Überschriften, Links, Knöpfe */
html body .site { background: var(--farbe-hintergrund); }
html body .site-content { padding-top: 2rem; padding-bottom: 3rem; }
html body .inside-article, html body .sidebar .widget, html body .comments-area { background: var(--farbe-hintergrund); padding: 0; }
html body .separate-containers .inside-article { padding: 0 0 2rem; border-bottom: 1px solid var(--farbe-rand); }
html body h1, html body h2, html body h3, html body h4 { color: var(--farbe-text); font-family: var(--schrift); line-height: 1.25; }
html body h1, html body .entry-title { font-size: 1.9rem; font-weight: 700; }
html body h2 { font-size: 1.4rem; font-weight: 700; }
html body h3 { font-size: 1.15rem; font-weight: 600; }
html body .entry-title a { color: var(--farbe-text); text-decoration: none; }
html body .entry-title a:hover { color: var(--farbe-akzent); }
html body .entry-meta, html body .entry-meta a { color: var(--farbe-text-leise); font-size: .9rem; }
html body .entry-content a { color: var(--farbe-akzent); }
html body button, html body .button, html body input[type="submit"], html body .wp-block-button__link {
  background: var(--farbe-akzent); color: var(--farbe-hintergrund); border: 0; border-radius: var(--radius); font-weight: 600; }
html body button:hover, html body .button:hover, html body input[type="submit"]:hover, html body .wp-block-button__link:hover {
  background: var(--farbe-akzent-dunkel); color: var(--farbe-hintergrund); }
html body blockquote { border-left: 3px solid var(--farbe-rand); color: var(--farbe-text-leise); }
html body .widget-title { font-size: 1rem; text-transform: none; color: var(--farbe-text); }
html body .site-info { display: none; }   /* GeneratePress-Fußzeile: ersetzt durch die des Verzeichnisses */