/*
Theme Name: Twenty Twenty-Five KPI-Klarheit
Theme URI:  https://kpi-klarheit.de
Description: Child-Theme von Twenty Twenty-Five
Author: Markus Paniczek
Author URI: https://starloop.de
Template: twentytwentyfive
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive-child
*/

/* Responsive Header-Hintergrund für die Group */
.header-hero {
  /* Maximal so groß wie das Original */
  max-width: 1920px;
  width: 100%;
  /* Proportional skalieren (Breite/Höhe) */
  aspect-ratio: 1920 / 480;
  /* Horizontal zentrieren */
  margin-inline: auto;

  /* Hintergrunddarstellung */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; /* bei identischem Seitenverhältnis kein Beschnitt */
  /* Falls du 100% Bildsichtbarkeit erzwingen willst (nie Beschnitt):
     background-size: contain; */
  
  /* Optional: Innenabstände entfernen, falls der Group-Block welche hat */
  padding: 0;
}

/* --- Blocksatz für Standard-Absätze im Content-Bereich --- */

/* Absätze im Post/Page-Content, sofern keine explizite Ausrichtung gesetzt ist */
.entry-content p:not(.has-text-align-left):not(.has-text-align-right):not(.has-text-align-center),
.wp-block-post-content p:not(.has-text-align-left):not(.has-text-align-right):not(.has-text-align-center),
.wp-block-paragraph:not(.has-text-align-left):not(.has-text-align-right):not(.has-text-align-center) {
  text-align: justify;
  text-justify: inter-word; /* bessere Wortabstände in unterstützten Browsern */
  hyphens: auto;            /* Silbentrennung (funktioniert je nach Browser/Sprache) */
}

/* Optional: Silbentrennung global aktivieren – wichtig: HTML lang="de" setzen */
html {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/* Optional: Listen nicht zwangs-justifyen (falls gewünscht) */
.entry-content li,
.wp-block-post-content li {
  text-align: inherit; /* oder left; je nach Theme-Default */
}

/* --- Überschriften standardmäßig in #004d4d --- */
/* global, aber ohne Inline-Farben (aus dem Editor) zu überschreiben */
h1, h2, h3, h4, h5, h6 {
  color: #004d4d;
}

/* Falls der Beitragstitel als Link ausgegeben wird */
.entry-title,
.entry-title a,
.wp-block-post-title,
.wp-block-post-title a {
  color: #004d4d;
}

/* (optional) Überschriften in Content-Only, wenn du Header/Navi ausnehmen willst: */
/*
.entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5, .entry-content h6,
.wp-block-post-content h1, .wp-block-post-content h2, .wp-block-post-content h3,
.wp-block-post-content h4, .wp-block-post-content h5, .wp-block-post-content h6 {
  color: #004d4d;
}
*/

/* Überschriften etwas fetter */
h1, h2, h3, h4, h5, h6,
.entry-title, .entry-title a,
.wp-block-post-title, .wp-block-post-title a {
  font-weight: 800; /* von meist 700 auf 800 -> sichtbar, aber nicht übertrieben */
}

/* (optional) etwas angepasstes Zeilenmaß, damit es nicht gequetscht wirkt */
h1, h2, h3 { line-height: 1.2; }
h4, h5, h6 { line-height: 1.3; }