/* ============================================================
   Unterseiten-Ueberschriften
   Globale Feinjustierung fuer Unterseiten
   ============================================================ */
body:not(.home):not(.front-page) {
  background-color: #ffffff;
}

body:not(.home):not(.front-page) .site,
body:not(.home):not(.front-page) .site-content {
  background: transparent;
}

body:not(.home):not(.front-page) .seiten-kopf {
  --subpage-heading-size: 3.65rem;
  --subpage-wichtel-height: calc(var(--subpage-heading-size) * 2);
  display: flex;
  align-items: center;
  gap: clamp(18px, 3vw, 42px);
  background: transparent;
  padding: 76px 44px 44px;
  margin-bottom: 58px;
}

body:not(.home):not(.front-page) .seiten-kopf::after {
  content: "";
  flex: 0 0 auto;
  width: var(--subpage-wichtel-height);
  height: var(--subpage-wichtel-height);
  background-image: url("https://bausteine-medienbildung.de/wp-content/uploads/2026/06/Wichtel_transparent.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

body:not(.home):not(.front-page) .seiten-kopf h1 {
  position: relative;
  display: inline-block;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 1180px;
  margin: 0;
  padding: 0 0 18px;
  color: var(--kachel-text);
  font-size: var(--subpage-heading-size);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0;
  text-transform: none;
  text-wrap: balance;
}

body:not(.home):not(.front-page) .seiten-kopf h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 88px;
  height: 5px;
  border-radius: 999px;
  background: var(--kachel-content-akzent, var(--kachel-orange));
}

body:not(.home):not(.front-page) .eintrag-inhalt {
  max-width: 900px;
  padding-bottom: 96px;
}

body:not(.home):not(.front-page) .eintrag-inhalt p,
body:not(.home):not(.front-page) .eintrag-inhalt li {
  font-size: 1.06rem;
  line-height: 1.75;
}

body:not(.home):not(.front-page) .eintrag-inhalt h1,
body:not(.home):not(.front-page) .eintrag-inhalt h2,
body:not(.home):not(.front-page) .eintrag-inhalt h3,
body:not(.home):not(.front-page) .eintrag-inhalt h4,
body:not(.home):not(.front-page) .eintrag-inhalt h5,
body:not(.home):not(.front-page) .eintrag-inhalt h6 {
  letter-spacing: 0;
  text-transform: none;
}

body:not(.home):not(.front-page) .eintrag-inhalt h1 {
  font-size: 2.35rem;
  font-weight: 400;
  line-height: 1.12;
}

body:not(.home):not(.front-page) .eintrag-inhalt h2 {
  margin-top: 2.15em;
  margin-bottom: 0.72em;
  font-size: 1.65rem;
  font-weight: 600;
  line-height: 1.22;
}

body:not(.home):not(.front-page) .eintrag-inhalt h3 {
  margin-top: 1.8em;
  margin-bottom: 0.62em;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.28;
}

body:not(.home):not(.front-page) .eintrag-inhalt h4,
body:not(.home):not(.front-page) .eintrag-inhalt h5,
body:not(.home):not(.front-page) .eintrag-inhalt h6 {
  font-weight: 600;
}

body:not(.home):not(.front-page) .kachel-content-card-title {
  font-weight: 700;
}

@media (max-width: 1024px) {
  body:not(.home):not(.front-page) .seiten-kopf {
    --subpage-heading-size: 3rem;
    padding: 58px 28px 34px;
    margin-bottom: 42px;
  }
}

@media (max-width: 640px) {
  body:not(.home):not(.front-page) .seiten-kopf {
    --subpage-heading-size: 2.15rem;
    gap: 16px;
    padding: 42px 18px 28px;
    margin-bottom: 34px;
  }

  body:not(.home):not(.front-page) .seiten-kopf h1 {
    line-height: 1.08;
  }

  body:not(.home):not(.front-page) .seiten-kopf h1::after {
    width: 64px;
    height: 4px;
  }

  body:not(.home):not(.front-page) .eintrag-inhalt {
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 72px;
  }

  body:not(.home):not(.front-page) .eintrag-inhalt p,
  body:not(.home):not(.front-page) .eintrag-inhalt li {
    font-size: 1rem;
    line-height: 1.72;
  }
}