/*
  =============================================
  SUSANNE CHRISTENSEN – Zusätzliches CSS
  Sauber & konsolidiert – März 2026
  =============================================
*/

/* ── Menü-Farbe ── */
body:not(.fse-enabled) #site-navigation,
body:not(.fse-enabled) .main-navigation {
  background-color: #89a87a;
}

/* ── Seitentitel auf allen Seiten ausblenden ── */
.page .entry-header,
.page .page-title,
.page .entry-title {
  display: none;
}

/* ── Oberen Abstand entfernen ── */
.page .site-main,
.page .hentry,
.page .entry-content {
  margin-top: 0;
  padding-top: 0;
}
.page .entry-content > *:first-child { margin-top: 0 !important; }
.page .site-content { padding-top: 0; }
.page .site-header { margin-bottom: 0; }

/* ── MOBILE (max 768px) ── */
@media (max-width: 768px) {

  /* Worttrennung komplett deaktivieren */
  * {
    hyphens: none !important;
    -webkit-hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  /* Überschriften – kleiner & lesbar */
  h1 { font-size: 1.9rem !important; line-height: 1.2 !important; }
  h2 { font-size: 1.5rem !important; line-height: 1.25 !important; }
  h3 { font-size: 1.2rem !important; line-height: 1.3 !important; }

  /* Fließtext */
  p, li {
    font-size: 1rem !important;
    line-height: 1.75 !important;
  }

  /* Text-Elemente: angenehme Breite & Seitenabstand */
  .entry-content :where(p, ul, ol, blockquote, h1, h2, h3) {
    padding-inline: 16px;
    box-sizing: border-box;
    max-width: 65ch;
    margin-left: auto;
    margin-right: auto;
  }

  /* Listen */
  .entry-content ul,
  .entry-content ol {
    list-style-position: outside;
    padding-left: 1.2em;
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }
  .entry-content li { margin: 0.35em 0; }

  /* Cover-Blöcke (Bild mit Text drüber) */
  .wp-block-cover,
  .wp-block-cover-image {
    padding: 48px 20px !important;
    min-height: auto !important;
  }
  .wp-block-cover__inner-container {
    padding: 0 !important;
  }
  .wp-block-cover p,
  .wp-block-cover h1,
  .wp-block-cover h2 {
    font-size: 1.5rem !important;
    line-height: 1.25 !important;
    padding: 0 !important;
  }

  /* Gruppen & Abstände */
  .wp-block-group {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* Buttons */
  .wp-block-button__link {
    font-size: 0.85rem !important;
    padding: 12px 24px !important;
    white-space: normal !important;
  }
}

/* ── Sehr kleine iPhones (SE/Mini) ── */
@media (max-width: 380px) {
  .entry-content :where(p, ul, ol, blockquote, h1, h2, h3) {
    padding-inline: 20px;
  }
}