:root {
  --sp-bg: #fbf9f7;
  --sp-paper: #ffffff;
  --sp-ink: #1d1815;
  --sp-muted: #6f665f;
  --sp-line: rgba(29, 24, 21, 0.13);
  --sp-accent: #b64f2d;
  --sp-accent-dark: #8f371e;
  --sp-shadow: 0 18px 44px rgba(33, 22, 14, 0.08);
  --sp-soft-shadow: 0 10px 26px rgba(33, 22, 14, 0.055);
  --sp-serif: Georgia, "Times New Roman", serif;
  --sp-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sp-container: 1860px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--sp-bg);
  color: var(--sp-ink);
  font-family: var(--sp-serif);
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: inherit; text-decoration: none; }
a:hover, a:focus-visible { color: var(--sp-accent); }
a:focus-visible, button:focus-visible { outline: 2px solid var(--sp-accent); outline-offset: 3px; }
img { display: block; max-width: 100%; height: auto; }

.skip-link {
  position: absolute;
  left: -999px;
  top: 8px;
  z-index: 1000;
  background: var(--sp-ink);
  color: #fff;
  padding: 8px 12px;
}
.skip-link:focus { left: 8px; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 999;
  background: rgba(251, 249, 247, 0.94);
  border-bottom: 1px solid var(--sp-line);
  backdrop-filter: saturate(150%) blur(14px);
  -webkit-backdrop-filter: saturate(150%) blur(14px);
  transition: box-shadow 180ms ease, background-color 180ms ease;
}
.admin-bar .site-header { top: 32px; }
.site-header.is-stuck {
  background: rgba(251, 249, 247, 0.975);
  box-shadow: 0 10px 26px rgba(33, 22, 14, 0.07);
}
@media (max-width: 782px) {
  .admin-bar .site-header { top: 46px; }
}
.site-header__inner,
.site-main,
.site-footer__inner {
  width: min(var(--sp-container), calc(100% - 72px));
  margin-inline: auto;
}
.site-branding {
  padding: 32px 0 18px;
  text-align: center;
  border-bottom: 1px solid var(--sp-line);
}
.site-title {
  display: block;
  width: fit-content;
  margin: 0 auto;
  font-family: var(--sp-serif);
  font-size: clamp(3.1rem, 5vw, 5.65rem);
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 0.95;
  text-transform: none;
}
.site-logo img { width: auto; max-height: 90px; margin: 0 auto; }
.site-description {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  width: fit-content;
  margin: 14px auto 0;
  color: var(--sp-ink);
  font-size: clamp(0.98rem, 1.1vw, 1.16rem);
  line-height: 1.25;
}
.site-description::before,
.site-description::after {
  content: "";
  display: inline-block;
  width: 34px;
  height: 1px;
  background: var(--sp-accent);
}
.site-nav-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 62px;
}
.site-nav { max-width: calc(100% - 52px); }
.primary-menu,
.footer-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(22px, 2.7vw, 46px);
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.primary-menu > li,
.footer-menu > li { position: relative; list-style: none; }
.footer-menu .sub-menu { display: none !important; }
.primary-menu a {
  display: inline-flex;
  align-items: center;
  min-height: 62px;
  border-bottom: 2px solid transparent;
  font-family: var(--sp-serif);
  font-size: 1.08rem;
}
.primary-menu .current-menu-item > a,
.primary-menu .current_page_item > a,
.home .primary-menu li:first-child > a {
  color: var(--sp-accent);
  border-bottom-color: var(--sp-accent);
}
.menu-toggle {
  display: none;
  align-items: center;
  gap: 10px;
  border: 0;
  background: transparent;
  color: var(--sp-ink);
  font: inherit;
  cursor: pointer;
}
.menu-toggle__bars { display: grid; gap: 4px; }
.menu-toggle__bars span { display: block; width: 22px; height: 1.5px; background: currentColor; }
.menu-toggle__text { font-size: 1rem; }
.search-link {
  position: absolute;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  font-family: var(--sp-sans);
  font-size: 1.75rem;
  line-height: 1;
}

.author-hero {
  margin-top: 28px;
  min-height: clamp(520px, 38vw, 700px);
  border-radius: 3px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  box-shadow: var(--sp-shadow);
}
.author-hero__inner {
  display: flex;
  align-items: center;
  min-height: inherit;
  padding: clamp(64px, 7vw, 118px);
}
.author-hero__text {
  width: min(760px, 100%);
  margin-left: auto;
  color: #fff;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.5);
}
.author-hero__text h1 {
  margin: 0;
  font-size: clamp(4.2rem, 6.2vw, 7.6rem);
  font-weight: 400;
  line-height: 0.98;
}
.author-hero__subtitle {
  margin: 18px 0 0;
  font-size: clamp(1.7rem, 2.25vw, 2.55rem);
  line-height: 1.25;
}
.author-hero__rule { width: 58px; height: 2px; margin: 30px 0 24px; background: var(--sp-accent); }
.author-hero__description {
  width: min(660px, 100%);
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 1.16rem;
  line-height: 1.7;
}

.home-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 58px;
  margin-top: 44px;
  padding-top: 42px;
  border-top: 1px solid var(--sp-line);
}
.article-column,
.home-sidebar { min-width: 0; }
.section-heading,
.sidebar-heading {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 24px;
}
.section-heading::after,
.sidebar-heading::after { content: ""; height: 1px; flex: 1 1 auto; background: var(--sp-line); }
.section-heading h2,
.sidebar-heading h2 {
  margin: 0;
  font-size: clamp(2.15rem, 2.9vw, 2.85rem);
  font-weight: 400;
  line-height: 1.08;
}
.section-heading a,
.text-link { color: var(--sp-accent); font-family: var(--sp-serif); white-space: nowrap; }
.section-heading--sub { margin-top: 38px; margin-bottom: 10px; }
.section-heading--sub h2 { font-size: clamp(1.9rem, 2.5vw, 2.45rem); }

/* v0.18: Aufmacher mit wirklich vollflächigem Bild und einheitlicher Maskierung. */
.article-feature {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: clamp(400px, 30vw, 560px);
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  background: #d8d0c8; /* Nur sichtbar, falls das Beitragsbild nicht lädt. */
  box-shadow: var(--sp-shadow);
}
.article-feature__image {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.article-feature::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  /* Keine weiße Textbox: ein nahtloser Verlauf auf derselben Fläche. */
  background: linear-gradient(90deg,
    rgba(251,249,247,.78) 0%,
    rgba(251,249,247,.71) 19%,
    rgba(251,249,247,.37) 44%,
    rgba(251,249,247,0) 72%);
}
.article-feature__content {
  position: relative;
  z-index: 2;
  width: min(610px, 58%);
  padding: clamp(38px, 4vw, 68px);
  background: transparent;
  border: 0;
  box-shadow: none;
}
.category-badge {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--sp-accent);
  font-family: var(--sp-sans);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.article-feature h3,
.article-row h2,
.article-row h3 { margin: 0; font-weight: 400; line-height: 1.12; }
.article-feature h3 { max-width: 520px; font-size: clamp(2.8rem, 3.5vw, 4.25rem); }
.article-feature__excerpt,
.article-row__excerpt { color: var(--sp-muted); }
.article-feature__excerpt { max-width: 500px; margin: 18px 0 0; font-size: 1.1rem; line-height: 1.62; }
.article-row__excerpt { margin: 6px 0 0; font-size: 1.06rem; line-height: 1.58; }
.article-meta,
.article-row time,
.single-meta { color: rgba(29, 24, 21, 0.58); font-size: 0.95rem; }
.article-meta { margin-top: 11px; }
.button-link {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  margin-top: 22px;
  padding: 10px 18px;
  border-radius: 4px;
  background: var(--sp-accent);
  color: white;
  box-shadow: 0 8px 20px rgba(157, 63, 30, .22);
}
.button-link:hover,
.button-link:focus-visible { background: var(--sp-accent-dark); color: white; }
.article-list { display: grid; gap: 0; }
.article-list--all { border-top: 1px solid var(--sp-line); }
.article-row {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 38px;
  align-items: start;
  padding: 30px 0;
  border-top: 1px solid var(--sp-line);
}
.article-list .article-row:first-child { border-top: 0; }
.article-row__image img {
  width: 280px;
  height: 172px;
  object-fit: cover;
  border-radius: 4px;
  box-shadow: 0 8px 18px rgba(33, 22, 14, 0.045);
}
.article-row h2,
.article-row h3 { font-size: clamp(1.85rem, 2.25vw, 2.5rem); }
.article-row time { display: inline-block; margin-top: 8px; }

.post-pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 36px;
  padding-top: 30px;
  border-top: 1px solid var(--sp-line);
}
.post-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 42px;
  padding: 7px 13px;
  border: 1px solid var(--sp-line);
  border-radius: 999px;
  background: rgba(255,255,255,0.6);
  color: var(--sp-ink);
}
.post-pagination .page-numbers.current,
.post-pagination .page-numbers:hover,
.post-pagination .page-numbers:focus-visible {
  border-color: var(--sp-accent);
  background: var(--sp-accent);
  color: #fff;
}

.home-sidebar { padding-left: 36px; border-left: 1px solid var(--sp-line); }
.sidebar-section + .sidebar-section { margin-top: 44px; }
.quote-card,
.about-card {
  padding: 30px;
  border: 1px solid var(--sp-line);
  border-radius: 5px;
  background: var(--sp-paper);
  box-shadow: var(--sp-soft-shadow);
}
.quote-card blockquote { margin: 0; font-size: 1.46rem; font-style: italic; line-height: 1.58; }
.quote-card p { margin: 18px 0 0; color: var(--sp-muted); text-align: center; }
.quote-card h3 { margin-top: 0; font-size: 1.6rem; font-weight: 400; }

.aufgelesenes-carousel {
  position: relative;
}
.aufgelesenes-carousel__viewport {
  position: relative;
  min-height: 248px;
}
.aufgelesenes-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity 320ms ease, transform 320ms ease, visibility 320ms ease;
}
.aufgelesenes-slide.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.quote-card__link { display: block; }
.aufgelesenes-carousel__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 14px;
}
.aufgelesenes-carousel__button,
.aufgelesenes-carousel__dot {
  border: 1px solid var(--sp-line);
  background: rgba(255,255,255,0.75);
  color: var(--sp-ink);
  cursor: pointer;
}
.aufgelesenes-carousel__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  font-family: var(--sp-serif);
  font-size: 1rem;
}
.aufgelesenes-carousel__button:hover,
.aufgelesenes-carousel__button:focus-visible {
  border-color: var(--sp-accent);
  color: var(--sp-accent);
}
.aufgelesenes-carousel__dots {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.aufgelesenes-carousel__dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border-radius: 999px;
  font-size: 0;
}
.aufgelesenes-carousel__dot.is-active {
  border-color: var(--sp-accent);
  background: var(--sp-accent);
}
.quote-card--widget .widget { margin: 0; }
.quote-card--widget .widget-title { margin: 0 0 12px; font-size: 1.35rem; font-weight: 400; }
.quote-card--widget ul { margin: 0; padding-left: 1.1em; }
.quote-card--widget li + li { margin-top: 8px; }

.sidebar-section--quote .text-link,
.sidebar-section--about .text-link { display: inline-block; margin-top: 18px; }
.topic-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--sp-line); }
.topic-list li { border-bottom: 1px solid var(--sp-line); }
.topic-list a { display: flex; align-items: center; min-height: 54px; font-size: 1.18rem; }
.topic-list a::before { content: "•"; margin-right: 14px; color: var(--sp-accent); }
.about-card p { margin-top: 0; color: var(--sp-muted); }

.site-footer { margin-top: 64px; border-top: 1px solid var(--sp-line); background: var(--sp-bg); }
.site-footer__inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 24px;
  align-items: center;
  padding: 26px 0;
  color: var(--sp-muted);
  font-size: 0.95rem;
}
.social-links { display: flex; gap: 14px; font-family: var(--sp-sans); }
.footer-nav,
.footer-menu { display: flex; justify-content: flex-end; gap: 24px; }
.copyright { margin: 0; text-align: center; }

.archive-page,
.single-article,
.page-content { width: min(920px, 100%); margin: 60px auto 0; }
.archive-header,
.single-article__header,
.page-content__header { margin-bottom: 34px; text-align: center; }
.eyebrow { margin: 0 0 12px; color: var(--sp-accent); font-family: var(--sp-sans); font-size: 0.8rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; }
.archive-header h1,
.single-article__header h1,
.page-content__header h1 { margin: 0; font-size: clamp(2.7rem, 6vw, 5rem); font-weight: 400; line-height: 1.08; }
.single-meta { display: flex; justify-content: center; gap: 8px; margin-top: 14px; }
.single-article__image { margin: 0 0 38px; }
.single-article__image img { width: 100%; border-radius: 5px; box-shadow: var(--sp-shadow); }
.single-article__image figcaption { margin-top: 10px; color: var(--sp-muted); font-size: 0.9rem; text-align: center; }
.single-article__content,
.page-content__body { font-size: 1.18rem; line-height: 1.85; }
.single-article__content p,
.page-content__body p { margin: 0 0 1.3em; }
.single-article__content h2,
.page-content__body h2 { margin-top: 1.8em; font-size: 2.2rem; font-weight: 400; line-height: 1.18; }
.single-article__content a,
.page-content__body a { color: var(--sp-accent); border-bottom: 1px solid rgba(182, 79, 45, 0.35); }
.single-article__footer { margin-top: 48px; padding-top: 22px; border-top: 1px solid var(--sp-line); }
.post-tags a { display: inline-block; margin: 0 8px 8px 0; padding: 4px 10px; border: 1px solid var(--sp-line); border-radius: 999px; color: var(--sp-muted); font-size: 0.95rem; }
.pagination { margin-top: 36px; text-align: center; }
.empty-note { padding: 28px; border: 1px solid var(--sp-line); background: white; color: var(--sp-muted); }

@media (max-width: 1280px) {
  :root { --sp-container: 1160px; }
  .home-layout { grid-template-columns: 1fr; gap: 38px; }
  .home-sidebar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
    padding-left: 0;
    padding-top: 34px;
    border-left: 0;
    border-top: 1px solid var(--sp-line);
  }
  .sidebar-section + .sidebar-section { margin-top: 0; }
  .quote-card,
  .about-card { height: auto; }
}

@media (max-width: 820px) {
  .site-header__inner,
  .site-main,
  .site-footer__inner { width: min(100% - 36px, var(--sp-container)); }
  .site-branding { padding: 22px 0 16px; }
  .site-title { letter-spacing: 0.01em; font-size: clamp(2.35rem, 9vw, 3.3rem); }
  .site-description { font-size: 0.95rem; }
  .site-nav-wrap { justify-content: space-between; min-height: 56px; }
  .menu-toggle { display: inline-flex; }
  .site-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 30;
    display: none;
    max-width: none;
    padding: 10px 0 16px;
    border-top: 1px solid var(--sp-line);
    border-bottom: 1px solid var(--sp-line);
    background: rgba(251, 249, 247, 0.98);
    box-shadow: var(--sp-soft-shadow);
  }
  .site-nav-wrap--open .site-nav { display: block; }
  .primary-menu { display: grid; gap: 0; justify-content: stretch; }
  .primary-menu a { display: flex; min-height: 44px; border-bottom: 0; }
  .primary-menu .current-menu-item > a,
  .primary-menu .current_page_item > a,
  .home .primary-menu li:first-child > a { border-bottom-color: transparent; }
  .search-link { position: static; margin-left: auto; }
  .author-hero { min-height: 420px; background-position: center; }
  .author-hero__inner { align-items: flex-end; padding: 34px; background: linear-gradient(180deg, rgba(24,18,14,0.02), rgba(24,18,14,0.38)); }
  .author-hero__text { margin-left: 0; }
  .author-hero__text h1 { font-size: clamp(2.85rem, 10vw, 4.2rem); }
  .author-hero__subtitle { font-size: clamp(1.25rem, 4vw, 1.65rem); }
  .author-hero__description { font-size: 1rem; }
  .home-layout { margin-top: 28px; padding-top: 28px; }
  .home-sidebar { grid-template-columns: 1fr; }
  .section-heading,
  .sidebar-heading { align-items: flex-end; gap: 14px; }
  .section-heading a { font-size: 0.95rem; }
  .article-feature {
    display: block;
    min-height: 0;
    background: var(--sp-paper);
  }
  .article-feature::before { display: none; }
  .article-feature__image {
    position: relative;
    inset: auto;
    height: 300px;
  }
  .article-feature__content {
    position: relative;
    width: 100%;
    padding: 28px;
    background: var(--sp-paper);
  }
  .article-row { grid-template-columns: 190px minmax(0, 1fr); gap: 22px; }
  .article-row__image img { width: 190px; height: 120px; }
  .site-footer__inner { grid-template-columns: 1fr; justify-items: center; }
  .footer-nav,
  .footer-menu { justify-content: center; flex-wrap: wrap; }
}

@media (max-width: 560px) {
  body { font-size: 16px; }
  .site-header__inner,
  .site-main,
  .site-footer__inner { width: min(100% - 28px, var(--sp-container)); }
  .site-description::before,
  .site-description::after { display: none; }
  .author-hero { margin-top: 14px; min-height: 420px; }
  .author-hero__inner { padding: 24px; }
  .author-hero__text h1 { font-size: clamp(2.55rem, 12vw, 3.55rem); }
  .author-hero__rule { margin: 20px 0 18px; }
  .author-hero__description { display: none; }
  .section-heading h2,
  .sidebar-heading h2 { font-size: 2rem; }
  .section-heading { flex-wrap: wrap; }
  .section-heading::after { order: 3; flex-basis: 100%; }
  .article-feature__image { height: 245px; }
  .article-feature__content { padding: 24px; }
  .article-feature h3 { font-size: 2.15rem; }
  .article-row {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 22px 0;
  }
  .article-row__image img { width: 100%; height: 210px; }
  .article-row__excerpt { font-size: 0.98rem; }
  .quote-card,
  .about-card { padding: 22px; }
  .quote-card blockquote { font-size: 1.25rem; }
  .single-article__content,
  .page-content__body { font-size: 1.08rem; line-height: 1.8; }
}

/* ------------------------------------------------------------
   v0.7 Probeversion: breiter, landingpageartiger Desktop
   ------------------------------------------------------------ */
@media (min-width: 1101px) {
  :root { --sp-container: 1780px; }

  body { background: #f8f5f1; }

  .site-header__inner,
  .site-main,
  .site-footer__inner {
    width: min(var(--sp-container), calc(100% - 96px));
  }

  .site-branding {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 56px;
    padding: 30px 0 24px;
    text-align: left;
  }

  .site-title {
    margin: 0;
    font-size: clamp(3.2rem, 4.1vw, 5.75rem);
    letter-spacing: -0.025em;
    line-height: 0.96;
  }

  .site-description {
    margin: 0 0 11px;
    font-size: clamp(1.05rem, 1.1vw, 1.28rem);
    color: rgba(29, 24, 21, 0.84);
    white-space: nowrap;
  }

  .site-description::before,
  .site-description::after { width: 42px; }

  .site-nav-wrap {
    justify-content: flex-start;
    min-height: 58px;
  }

  .site-nav { max-width: calc(100% - 54px); }
  .primary-menu {
    justify-content: flex-start;
    gap: clamp(28px, 2.6vw, 54px);
  }
  .primary-menu a {
    min-height: 58px;
    font-size: 1.04rem;
  }

  .author-hero {
    margin-top: 30px;
    min-height: clamp(560px, 40vw, 790px);
    border-radius: 12px;
    box-shadow: 0 26px 70px rgba(33, 22, 14, 0.11);
  }

  .author-hero__inner {
    padding: clamp(72px, 7vw, 132px);
    background: linear-gradient(90deg, rgba(24,18,14,0.08), rgba(24,18,14,0.18), rgba(24,18,14,0.46));
  }

  .author-hero__text {
    width: min(820px, 48%);
    margin-left: auto;
  }

  .author-hero__text h1 {
    font-size: clamp(4.6rem, 5.7vw, 8rem);
    letter-spacing: -0.035em;
  }

  .author-hero__subtitle {
    font-size: clamp(1.75rem, 2.05vw, 2.65rem);
  }

  .author-hero__description {
    font-size: 1.2rem;
    max-width: 700px;
  }

  .home-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 390px);
    gap: clamp(58px, 4.6vw, 86px);
    margin-top: 62px;
    padding-top: 54px;
  }

  .home-sidebar {
    display: block;
    padding-left: clamp(34px, 2.5vw, 52px);
    padding-top: 0;
    border-left: 1px solid var(--sp-line);
    border-top: 0;
  }

  .sidebar-section + .sidebar-section { margin-top: 58px; }

  .section-heading,
  .sidebar-heading { margin-bottom: 30px; }

  .section-heading h2,
  .sidebar-heading h2 {
    font-size: clamp(2.25rem, 2.45vw, 3.3rem);
    letter-spacing: -0.02em;
  }

  .section-heading--sub {
    margin-top: 54px;
    margin-bottom: 4px;
  }

  .article-feature {
    box-shadow: 0 22px 60px rgba(33, 22, 14, 0.09);
  }

  .article-feature__content {
    width: min(650px, 52%);
    padding: clamp(44px, 4.1vw, 78px);
  }

  .article-feature h3 {
    max-width: 590px;
    font-size: clamp(3.1rem, 3.35vw, 5rem);
  }

  .article-feature__excerpt {
    max-width: 560px;
    font-size: 1.14rem;
  }

  .article-row {
    grid-template-columns: 330px minmax(0, 1fr);
    gap: 44px;
    padding: 36px 0;
  }

  .article-row__image { display: block; width: 330px; }
  .article-row__image img {
    width: 330px;
    height: 205px;
    border-radius: 8px;
    object-fit: cover;
  }

  .article-row__body {
    display: flex;
    min-height: 205px;
    flex-direction: column;
    justify-content: center;
  }

  .article-row h2,
  .article-row h3 {
    font-size: clamp(2rem, 2.05vw, 2.95rem);
    letter-spacing: -0.018em;
  }

  .article-row__excerpt {
    max-width: 780px;
    font-size: 1.08rem;
  }

  .quote-card,
  .about-card {
    border-radius: 10px;
    padding: 34px;
    box-shadow: 0 16px 40px rgba(33, 22, 14, 0.065);
  }

  .quote-card blockquote,
  .quote-card h3 { font-size: 1.55rem; }
}

@media (min-width: 1680px) {
  .site-header__inner,
  .site-main,
  .site-footer__inner {
    width: min(1840px, calc(100% - 128px));
  }

  .home-layout {
    grid-template-columns: minmax(0, 1fr) 410px;
  }
}

@media (min-width: 1101px) and (max-width: 1280px) {
  .site-header__inner,
  .site-main,
  .site-footer__inner { width: min(100% - 56px, 1180px); }
  .home-layout { grid-template-columns: minmax(0, 1fr) 330px; gap: 42px; }
  .article-row { grid-template-columns: 260px minmax(0, 1fr); gap: 30px; }
  .article-row__image,
  .article-row__image img { width: 260px; }
  .article-row__image img { height: 162px; }
  .article-row__body { min-height: 162px; }
}

@media (max-width: 820px) {
  .site-branding {
    display: block;
    text-align: center;
  }
}

/* ------------------------------------------------------------
   v0.8: Kopfbereich ohne separaten Titel über der Navigation
   ------------------------------------------------------------ */
.site-header__inner {
  display: block;
}

.site-header .site-branding {
  display: none !important;
}

.site-nav-wrap {
  border-top: 0;
}

@media (min-width: 1101px) {
  .site-header {
    background: rgba(251, 249, 247, 0.985);
    border-bottom: 1px solid var(--sp-line);
  }

  .site-header__inner,
  .site-main,
  .site-footer__inner {
    width: min(1840px, calc(100% - 112px));
  }

  .site-nav-wrap {
    min-height: 72px;
    justify-content: flex-start;
  }

  .primary-menu a {
    min-height: 72px;
    font-size: 1.06rem;
  }

  .search-link {
    right: 0;
  }

  .author-hero {
    margin-top: 34px;
  }

  .author-hero__text h1 {
    font-size: clamp(5rem, 6vw, 8.6rem);
  }

  .author-hero__subtitle {
    font-size: clamp(1.9rem, 2.25vw, 2.9rem);
  }
}

@media (max-width: 1100px) {
  .site-nav-wrap {
    min-height: 58px;
  }

  .author-hero {
    margin-top: 22px;
  }
}

/* ------------------------------------------------------------
   v0.9: kompakterer Hero und robuste, einheitliche Blogroll
   ------------------------------------------------------------ */
.article-list > :not(.article-row) {
  display: none !important;
}

.article-row > :not(.article-row__image):not(.article-row__body),
.article-row figure,
.article-row figcaption,
.article-row .wp-caption,
.article-row .gallery,
.article-row .blocks-gallery-grid,
.article-row .wp-block-gallery,
.article-row .wp-block-image {
  display: none !important;
}

.article-row__image {
  overflow: hidden;
  align-self: start;
}

.article-row__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.article-row__body {
  min-width: 0;
}

@media (min-width: 1101px) {
  .site-nav-wrap {
    min-height: 62px;
  }

  .primary-menu a {
    min-height: 62px;
  }

  .author-hero {
    margin-top: 26px;
    min-height: clamp(430px, 30vw, 575px);
    border-radius: 10px;
  }

  .author-hero__inner {
    padding: clamp(54px, 5.2vw, 92px);
  }

  .author-hero__text {
    width: min(690px, 47%);
  }

  .author-hero__text h1 {
    font-size: clamp(4rem, 4.9vw, 6.6rem);
    line-height: 0.98;
  }

  .author-hero__subtitle {
    margin-top: 14px;
    font-size: clamp(1.55rem, 1.85vw, 2.25rem);
  }

  .author-hero__rule {
    margin: 24px 0 20px;
  }

  .author-hero__description {
    max-width: 590px;
    font-size: 1.08rem;
    line-height: 1.62;
  }

  .home-layout {
    margin-top: 50px;
    padding-top: 44px;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
    gap: clamp(50px, 4vw, 72px);
  }

  .article-feature__content {
    width: min(600px, 50%);
    padding: clamp(38px, 3.5vw, 64px);
  }

  .article-feature h3 {
    font-size: clamp(2.7rem, 2.9vw, 4.15rem);
  }

  .section-heading--sub {
    margin-top: 42px;
  }

  .article-list {
    border-top: 1px solid var(--sp-line);
  }

  .article-row {
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 34px;
    align-items: start;
    padding: 28px 0;
    min-height: 182px;
  }

  .article-row__image,
  .article-row__image img {
    width: 260px;
    height: 164px;
  }

  .article-row__image img {
    border-radius: 7px;
  }

  .article-row__body {
    display: flex;
    min-height: 164px;
    flex-direction: column;
    justify-content: center;
  }

  .article-row h2,
  .article-row h3 {
    font-size: clamp(1.85rem, 1.75vw, 2.55rem);
    line-height: 1.12;
  }

  .article-row__excerpt {
    max-width: 780px;
    margin-top: 8px;
    font-size: 1.02rem;
    line-height: 1.55;
  }
}

@media (min-width: 1680px) {
  .site-header__inner,
  .site-main,
  .site-footer__inner {
    width: min(1760px, calc(100% - 128px));
  }

  .author-hero {
    min-height: 560px;
  }

  .home-layout {
    grid-template-columns: minmax(0, 1fr) 390px;
  }
}


/* Die Aufmacherkarte hat ab v0.18 genau eine Bild- und Overlay-Struktur.
   Frühere überschreibende Reparaturregeln (v0.11–v0.14) entfallen. */

/* v0.16: Aufgelesenes als Widget-Bereich, optimiert für Random Quote */
.quote-card--widget .widget-title {
  display: none;
}
.quote-card--widget blockquote,
.quote-card--widget .quote,
.quote-card--widget .quotescollection-quote,
.quote-card--widget .random-quote {
  margin: 0;
  font-size: 1.46rem;
  font-style: italic;
  line-height: 1.58;
  color: var(--sp-ink);
}
.quote-card--widget cite,
.quote-card--widget .author,
.quote-card--widget .quote-author,
.quote-card--widget .source,
.quote-card--widget .quotescollection-author,
.quote-card--widget .quotescollection-source {
  display: block;
  margin-top: 18px;
  color: var(--sp-muted);
  font-size: 0.98rem;
  font-style: normal;
  text-align: center;
}
.quote-card--widget p:first-child {
  margin-top: 0;
}
.quote-card--widget p {
  color: var(--sp-ink);
}


/* ============================================================
   v0.17: Nur der Hero – dezente Art-déco-Typografie und
   flexibel positionierbares Motiv; übrige Startseite unverändert.
   Keine externen Google Fonts (DSGVO-freundlich).
   ============================================================ */
.author-hero {
  position: relative;
  isolation: isolate;
  background-size: cover;
  background-position: var(--sp-hero-focus-x, 50%) var(--sp-hero-focus-y, 50%);
  box-shadow: 0 16px 38px rgba(33, 22, 14, .085);
}
.author-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(90deg,
    rgba(20, 17, 15, .06) 0%,
    rgba(20, 17, 15, .12) 35%,
    rgba(20, 17, 15, .34) 56%,
    rgba(20, 17, 15, .60) 100%);
}
.author-hero__inner {
  position: relative;
  z-index: 1;
  background: none;
}
.author-hero__text {
  text-shadow: 0 1px 10px rgba(0, 0, 0, .28);
}
.author-hero__text h1 {
  margin: 0;
  font-weight: 400;
  text-wrap: balance;
}
.author-hero--deco .author-hero__text h1 {
  /* Geometrische Art-déco-Anmutung mit lokalen Schriften. */
  font-family: "Century Gothic", "Tw Cen MT", "Gill Sans", "Trebuchet MS", Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: .075em;
  line-height: 1.13;
}
.author-hero--classic .author-hero__text h1 {
  font-family: var(--sp-serif);
  text-transform: none;
  letter-spacing: -.025em;
  line-height: 1.03;
}
.author-hero__subtitle {
  font-family: var(--sp-serif);
  font-weight: 400;
  letter-spacing: .008em;
  line-height: 1.35;
}
.author-hero__description {
  max-width: 540px;
  font-size: 1.04rem;
  line-height: 1.67;
  text-wrap: pretty;
}
.author-hero__rule {
  width: 46px;
  height: 2px;
  margin: 20px 0 17px;
}

@media (min-width: 1101px) {
  .author-hero,
  .author-hero--balanced {
    min-height: clamp(365px, 26vw, 455px);
    margin-top: 24px;
    border-radius: 10px;
  }
  .author-hero--compact { min-height: clamp(310px, 22vw, 370px); }
  .author-hero--tall { min-height: clamp(450px, 32vw, 560px); }
  .author-hero__inner {
    min-height: inherit;
    padding: clamp(44px, 4.2vw, 72px);
  }
  .author-hero__text {
    width: min(730px, 51%);
    margin-left: auto;
  }
  .author-hero--deco .author-hero__text h1 {
    font-size: clamp(2.9rem, 4vw, 4.85rem);
  }
  .author-hero--classic .author-hero__text h1 {
    font-size: clamp(3.7rem, 4.6vw, 5.8rem);
  }
  .author-hero__subtitle {
    margin-top: 13px;
    font-size: clamp(1.45rem, 1.7vw, 2rem);
  }
}

@media (max-width: 1100px) {
  .author-hero::before {
    background: linear-gradient(180deg,
      rgba(20,17,15,.05) 0%,
      rgba(20,17,15,.25) 45%,
      rgba(20,17,15,.65) 100%);
  }
  .author-hero__inner { background: none; }
  .author-hero--deco .author-hero__text h1 {
    font-size: clamp(2.3rem, 6vw, 4.1rem);
    letter-spacing: .055em;
  }
  .author-hero--classic .author-hero__text h1 {
    font-size: clamp(2.75rem, 7vw, 4.2rem);
  }
  .author-hero__subtitle { font-size: clamp(1.24rem, 3vw, 1.65rem); }
  .author-hero__rule { margin: 19px 0 15px; }
}
@media (max-width: 560px) {
  .author-hero--deco .author-hero__text h1 {
    font-size: clamp(2rem, 8.4vw, 2.95rem);
    letter-spacing: .04em;
  }
}


/* ============================================================
   v0.19: Typografische Rubriküberschriften statt langer Linien.
   Nur die beiden Titel der Artikelspalte; die Sidebar und die
   feinen Trennlinien zwischen Beiträgen bleiben unverändert.
   ============================================================ */
.article-column > .section-heading,
.article-column > .section-heading--sub {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 1.5rem;
  margin-bottom: clamp(20px, 2.1vw, 32px);
}
.article-column .section-heading::after {
  content: none;
  display: none;
}
.article-column .section-heading--main h2 {
  font-size: clamp(2.2rem, 2.7vw, 3.25rem);
  line-height: 1.14;
  letter-spacing: -0.025em;
}
.article-column .section-heading--main a {
  flex: 0 0 auto;
  margin-left: auto;
  font-size: 1rem;
  line-height: 1.4;
}
.article-column .section-heading--sub {
  margin-top: clamp(40px, 4vw, 62px);
  margin-bottom: 4px;
}
.article-column .section-heading--sub h2 {
  font-size: clamp(1.95rem, 2.25vw, 2.75rem);
  line-height: 1.17;
  letter-spacing: -0.018em;
}
@media (max-width: 560px) {
  .article-column > .section-heading {
    align-items: baseline;
    flex-wrap: wrap;
    gap: 5px 14px;
  }
  .article-column .section-heading--main h2 {
    font-size: clamp(2rem, 7vw, 2.35rem);
  }
  .article-column .section-heading--sub h2 {
    font-size: clamp(1.85rem, 6.7vw, 2.15rem);
  }
  .article-column .section-heading--main a { font-size: .94rem; }
}


/* ============================================================
   v0.20: Die Startseite zeigt ohne Widgets keine Seitenleiste.
   Mit Widgets erscheint die redaktionelle Zweispaltenansicht.
   ============================================================ */
.home-layout.home-layout--full-width {
  display: block;
}
.home-layout--full-width .article-column {
  width: min(100%, 1360px);
  margin-inline: auto;
}
.home-sidebar--widgets .home-widget {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}
.home-sidebar--widgets .home-widget + .home-widget {
  margin-top: 46px;
}
.home-sidebar--widgets .widget-title {
  margin: 0 0 21px;
  font-family: var(--sp-serif);
  font-size: clamp(1.9rem, 2.2vw, 2.65rem);
  font-weight: 400;
  line-height: 1.16;
}
.home-sidebar--widgets .home-widget p { margin-top: 0; }
.home-sidebar--widgets .home-widget ul { padding-left: 1.4rem; }
.home-sidebar--widgets .home-widget a:not(.button-link) { color: var(--sp-accent); }
.home-sidebar--widgets .home-widget img { width: auto; max-width: 100%; height: auto; }
.home-sidebar--widgets .widget_search input[type="search"] { max-width: 100%; }
@media (max-width: 1280px) {
  .home-sidebar.home-sidebar--widgets {
    display: block;
    padding-top: 30px;
    padding-left: 0;
    border-top: 1px solid var(--sp-line);
    border-left: none;
  }
}


/* v0.22 – ruhige, feste Miniaturbilder in der Blogroll.
   Die Bilder sind unabhängig von Caption-Containern und More-Tags.
   Ein Beitragsbild (oder das erste eingebettete Bild) belegt diese Fläche. */
.article-list .article-row {
  grid-template-columns: clamp(180px, 25%, 280px) minmax(0, 1fr);
  gap: clamp(20px, 2.4vw, 34px);
  align-items: start;
}
.article-list .article-row__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  min-height: 0;
  background-color: #e6e0db;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: none;
  align-self: start;
}
.article-list .article-row__body { min-width: 0; }
@media (max-width: 820px) and (min-width: 561px) {
  .article-list .article-row {
    grid-template-columns: clamp(170px, 30%, 240px) minmax(0, 1fr);
    gap: 22px;
  }
}
@media (max-width: 560px) {
  .article-list .article-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  .article-list .article-row__image {
    width: 100%;
    aspect-ratio: 16 / 9;
  }
  .article-list .article-row__body { min-height: 0; }
}


/* ============================================================
   v0.23: Optionales Logo links neben der Sticky-Navigation.
   Standardmäßig dezentes ME-Monogramm; WordPress-Custom-Logo
   ersetzt den Platzhalter, ohne das Menü zu verändern.
   ============================================================ */
.site-nav-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: clamp(18px, 2vw, 32px);
}
.site-nav-logo {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 152px;
}
.site-nav-logo .custom-logo-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  line-height: 1;
}
.site-nav-logo .custom-logo {
  display: block;
  width: auto;
  height: auto;
  max-height: 44px;
  max-width: 150px;
  object-fit: contain;
}
.site-nav-logo__placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 44px;
  border: 1px solid rgba(29,24,21,.23);
  border-radius: 5px;
  color: var(--sp-ink);
  background: rgba(255,255,255,.45);
  transition: border-color 160ms ease, color 160ms ease;
}
.site-nav-logo__placeholder span {
  font-family: var(--sp-serif);
  font-size: 19px;
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: 1;
}
.site-nav-logo__placeholder:hover,
.site-nav-logo__placeholder:focus-visible {
  color: var(--sp-accent);
  border-color: var(--sp-accent);
}
/* Für das Logo bleibt das Menü weiterhin horizontal; die Suche
   sitzt unabhängig von der Anzahl der Menüpunkte ganz rechts. */
.site-nav-wrap .site-nav {
  flex: 0 1 auto;
  min-width: 0;
  max-width: none;
}
.site-nav-wrap .search-link {
  position: static;
  margin-left: auto;
  flex: 0 0 38px;
}
@media (min-width: 821px) and (max-width: 1100px) {
  .site-nav-wrap { gap: 20px; }
  .site-nav-wrap .primary-menu { gap: clamp(12px, 1.8vw, 24px); }
  .site-nav-logo .custom-logo { max-width: 110px; max-height: 40px; }
}
@media (max-width: 820px) {
  .site-nav-wrap { gap: 14px; justify-content: flex-start; }
  .site-nav-logo { max-width: 118px; }
  .site-nav-logo .custom-logo { max-width: 116px; max-height: 36px; }
  .site-nav-logo__placeholder { width: 40px; height: 38px; }
  .site-nav-logo__placeholder span { font-size: 17px; }
  .site-nav-wrap .menu-toggle { margin-left: auto; }
  .site-nav-wrap .search-link { margin-left: 0; flex-basis: 32px; }
  /* Mobile Menü erscheint weiterhin als ausklappbares Panel
     unter der gesamten Navigationszeile. */
  .site-nav-wrap .site-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-width: none;
    width: 100%;
  }
}


/* ==============================================================
   v0.24 – Einzelartikel im Essay-Journal-Stil
   Änderung nur an single.php / Beitragsseiten. Die Startseite
   sowie ihr Widget-Bereich behalten das etablierte Design.
   ============================================================== */

/* Dieselbe aktive Sidebar wie auf der Startseite, bei leeren
   Widget-Bereichen keine leere Spalte. */
.single-layout {
  width: min(100%, 1460px);
  margin: clamp(38px, 4.5vw, 74px) auto 0;
}
.single-layout--with-widgets {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(270px, 305px);
  align-items: start;
  gap: clamp(38px, 4vw, 72px);
}
.single-layout--no-widgets {
  max-width: 1020px;
}
.single-layout__main { min-width: 0; }
.single-layout .single-article {
  width: 100%;
  min-width: 0;
  margin: 0;
}

/* Ruhiger, redaktioneller Kopf – ohne ein verpflichtendes
   neues Untertitel-Feld im WordPress-Editor. */
.single-article__header {
  width: min(100%, 900px);
  margin: 0 auto clamp(30px, 3.2vw, 48px);
  text-align: center;
}
.single-article__header .category-badge {
  margin-bottom: 15px;
  font-size: .74rem;
  letter-spacing: .19em;
}
.single-article__header h1 {
  margin: 0;
  font-family: var(--sp-serif);
  font-size: clamp(2.9rem, 4.35vw, 5.05rem);
  font-weight: 400;
  line-height: 1.09;
  letter-spacing: -.025em;
  overflow-wrap: break-word;
  text-wrap: balance;
}
.single-article__header .single-meta {
  margin-top: 20px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 9px;
  flex-wrap: wrap;
  color: var(--sp-muted);
  font-size: .93rem;
  line-height: 1.45;
}
.single-article__header::after {
  content: "";
  display: block;
  width: 44px;
  height: 2px;
  background: var(--sp-accent);
  margin: 28px auto 0;
}

/* Bild bewusst breiter als die Lesespalte.
   Quellenangaben bleiben sichtbar – bei Artikeln anders
   als beim großen Aufmacher auf der Startseite. */
.single-article__image {
  width: min(100%, 920px);
  margin: 0 auto clamp(36px, 4vw, 56px);
}
.single-article__image img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: var(--sp-soft-shadow);
}
.single-article__image figcaption,
.single-article__content figcaption,
.single-article__content .wp-caption-text {
  margin: 12px auto 0;
  color: var(--sp-muted);
  font-size: .84rem;
  font-style: italic;
  line-height: 1.5;
  text-align: center;
}

/* Eine begrenzte Lesespalte ist für lange Essays sinnvoller als
   volle Monitorbreite. Absätze, Zitate und Gedichte behalten
   die jeweils im WordPress-Editor gewählte Ausrichtung. */
/* v0.25: großzügigere Lesespalte mit einer bewussten Verankerung
   an der linken Bildkante statt isoliert mittig im Artikelbereich. */
.single-article__content {
  width: min(852px, calc(100% - 44px));
  max-width: 100%;
  margin-left: max(22px, calc((100% - 920px) / 2 + 34px));
  margin-right: auto;
  color: var(--sp-ink);
  font-family: var(--sp-serif);
  font-size: 19px;
  line-height: 1.73;
  overflow-wrap: break-word;
}
.single-article__content > p,
.single-article__content > ul,
.single-article__content > ol {
  margin: 0 0 1.52em;
}
.single-article__content h2,
.single-article__content h3,
.single-article__content h4 {
  margin: 1.8em 0 .65em;
  font-weight: 400;
  line-height: 1.22;
  text-wrap: pretty;
}
.single-article__content h2 { font-size: clamp(1.75rem, 2.25vw, 2.15rem); }
.single-article__content h3 { font-size: clamp(1.4rem, 1.65vw, 1.75rem); }
.single-article__content h4 { font-size: 1.23rem; }
.single-article__content ul,
.single-article__content ol { padding-left: 1.5em; }
.single-article__content li + li { margin-top: .38em; }
.single-article__content a {
  color: var(--sp-accent);
  border-bottom: 1px solid rgba(182, 79, 45, .32);
  text-decoration: none;
  text-underline-offset: 3px;
}
.single-article__content a:hover,
.single-article__content a:focus-visible { border-bottom-color: currentColor; }
.single-article__content img { max-width: 100%; height: auto; }
.single-article__content blockquote {
  margin: 1.7em 0;
  padding: 0 0 0 1.25em;
  border-left: 2px solid rgba(182,79,45,.55);
  color: #463b35;
  font-style: italic;
}
.single-article__content blockquote p:last-child { margin-bottom: 0; }
/* Zitate und Textpassagen, die bereits zentriert formatiert sind,
   werden nicht durch die Standard-Blockquote-Regel verschoben. */
.single-article__content blockquote.has-text-align-center,
.single-article__content .wp-block-quote.has-text-align-center {
  padding-left: 0;
  border-left: 0;
}

/* Inline-Bilder aus älteren Beiträgen (Classic Editor oder
   Gutenberg) dürfen über die Lesespalte hinausragen. Nur
   freistehende Bildblöcke werden verbreitert, keine Textblöcke. */
@media (min-width: 821px) {
  .single-article__content > figure.wp-block-image:not(.alignleft):not(.alignright),
  .single-article__content > figure.wp-caption:not(.alignleft):not(.alignright),
  .single-article__content > .wp-caption:not(.alignleft):not(.alignright),
  .single-article__content > .wp-block-gallery,
  .single-article__content > figure.aligncenter {
    width: min(900px, calc(100% + 170px)) !important;
    max-width: calc(100vw - 72px);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
    margin-right: 0;
  }
}
.single-article__content > figure.wp-block-image img,
.single-article__content > .wp-caption img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-inline: auto;
  border-radius: 5px;
}
.single-article__footer {
  width: min(760px, calc(100% - 44px));
  max-width: 100%;
  margin: 54px auto 0 max(22px, calc((100% - 920px) / 2 + 34px));
}

/* Widgetbereich exakt aus der Startseite wiederverwendet. */
.single-layout .single-sidebar {
  min-width: 0;
  display: block;
  padding: 8px 0 0 clamp(24px, 2.3vw, 38px);
  border-left: 1px solid var(--sp-line);
  border-top: 0;
}
.single-layout .single-sidebar .home-widget + .home-widget {
  margin-top: 46px;
}

@media (max-width: 1180px) {
  .single-layout--with-widgets { grid-template-columns: minmax(0, 1fr); gap: 55px; }
  .single-layout { max-width: 950px; }
  .single-layout .single-sidebar {
    padding: 30px 0 0;
    border-left: 0;
    border-top: 1px solid var(--sp-line);
  }
}
@media (max-width: 820px) {
  .single-layout { margin-top: 32px; }
  .single-article__header h1 { font-size: clamp(2.4rem, 6.9vw, 3.9rem); }
  .single-article__header::after { margin-top: 23px; }
  .single-article__image { margin-bottom: 32px; }
  .single-article__content {
    width: 100%;
    margin-inline: 0;
    font-size: 1.12rem;
    line-height: 1.78;
  }
  .single-article__footer { width: 100%; margin: 45px 0 0; }
  .single-article__content > figure.wp-block-image,
  .single-article__content > .wp-caption,
  .single-article__content > .wp-block-gallery { max-width: 100% !important; }
}
@media (max-width: 560px) {
  .single-layout { margin-top: 26px; }
  .single-article__header { margin-bottom: 25px; }
  .single-article__header h1 { font-size: clamp(2.08rem, 9vw, 3.05rem); }
  .single-article__header .single-meta { font-size: .88rem; }
  .single-article__image img { border-radius: 6px; }
  .single-article__content { font-size: 1.075rem; line-height: 1.79; }
  .single-article__content blockquote { padding-left: .8em; }
}

/* v0.27: Bildinformationen ausschließlich über dem Beitragsbild
   auf Einzelartikelseiten. Keine Änderungen an Blogroll-/Startseitenbildern. */
.single-article__image {
  position: relative;
}
.single-article__image > .single-article__caption-popover {
  position: absolute;
  z-index: 3;
  top: 16px;
  right: 16px;
  width: min(420px, calc(100% - 32px));
  margin: 0;
  color: var(--sp-ink);
  font-style: normal;
  font-size: .9rem;
  line-height: 1.5;
  text-align: left;
}
/* v0.90: Zurueckhaltende Bildinformation im Stil einer redaktionellen Marginalie.
   Nur Info-Button und aufklappende Bildinformation; sonstiges Layout unveraendert. */
.single-article__caption-details > summary {
  width: 32px;
  height: 32px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(29, 24, 21, .24);
  box-shadow: 0 2px 10px rgba(29, 24, 21, .10);
  color: var(--sp-ink);
  background: var(--sp-bg);
  font: italic 700 18px/1 Georgia, "Times New Roman", serif;
  list-style: none;
  cursor: pointer;
  user-select: none;
  transition: color 180ms ease, background-color 180ms ease,
              border-color 180ms ease, box-shadow 180ms ease;
}
.single-article__caption-details > summary::-webkit-details-marker { display: none; }
.single-article__caption-details > summary::marker { content: ""; }
.single-article__caption-details > summary:hover,
.single-article__caption-details[open] > summary {
  color: var(--sp-accent-dark);
  background: #fffdfa;
  border-color: rgba(182, 79, 45, .68);
  box-shadow: 0 3px 12px rgba(29, 24, 21, .12);
}
.single-article__caption-details > summary:focus-visible {
  outline: 2px solid var(--sp-accent);
  outline-offset: 3px;
}
.single-article__caption-text {
  margin-top: 10px;
  padding: 16px 19px;
  border: 1px solid rgba(29, 24, 21, .14);
  border-top: 2px solid var(--sp-accent);
  border-radius: 4px;
  background: var(--sp-bg);
  color: var(--sp-ink);
  font-family: "Source Serif 4", Georgia, serif;
  font-size: .9rem;
  font-style: normal;
  line-height: 1.6;
  text-align: left;
  box-shadow: 0 10px 28px rgba(29, 24, 21, .13);
  overflow-wrap: break-word;
  animation: standpunkte-caption-appear 180ms ease-out both;
}
@keyframes standpunkte-caption-appear {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .single-article__caption-details > summary { transition: none; }
  .single-article__caption-text { animation: none; }
}
@media (max-width: 560px) {
  .single-article__image > .single-article__caption-popover {
    top: 10px;
    right: 10px;
    width: min(360px, calc(100% - 20px));
  }
  .single-article__caption-text { padding: 12px 14px; font-size: .85rem; }
}


/* v0.28: Caption layer for the first image of older articles where
   the caption is attached to the content image instead of the media item. */
.single-article__content .single-article__caption-host {
  position: relative;
}
.single-article__content .single-article__caption-host > .single-article__caption-popover {
  position: absolute;
  z-index: 5;
  top: 16px;
  right: 16px;
  width: min(420px, calc(100% - 32px));
  margin: 0;
  font-size: .9rem;
  font-style: normal;
  text-align: left;
}
.single-article__content .single-article__caption-host > .single-article__caption-popover .single-article__caption-text {
  margin-top: 10px;
}
@media (max-width: 560px) {
  .single-article__content .single-article__caption-host > .single-article__caption-popover {
    top: 10px;
    right: 10px;
    width: min(360px, calc(100% - 20px));
  }
}


/* ==============================================================
   v0.29 – zentrierte, fünfteilige Navigation mit Logo links.
   Desktop: drei symmetrische Grid-Spalten; Mitte ist unabhängig
   von der Logo-Breite exakt in der Seitenmitte ausgerichtet.
   Unter 1021px: bewährtes aufklappbares Menü.
   ============================================================== */
@media (min-width: 1021px) {
  .site-header .site-nav-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr);
    align-items: center;
    justify-content: stretch;
    column-gap: 16px;
    min-height: 70px;
  }
  .site-nav-wrap .site-nav {
    grid-column: 2;
    justify-self: center;
    min-width: 0;
    width: auto;
    max-width: none;
  }
  .site-nav-logo { grid-column: 1; justify-self: start; }
  .site-nav-wrap .site-search { grid-column: 3; justify-self: end; }
  .site-nav-wrap .primary-menu {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: clamp(24px, 2.45vw, 48px);
  }
  .site-nav-wrap .primary-menu a {
    position: relative;
    display: inline-flex;
    min-height: 70px;
    align-items: center;
    padding: 2px 0 0;
    border: none;
    font-size: 1.03rem;
    font-weight: 400;
    white-space: nowrap;
    transition: color .18s ease;
  }
  .site-nav-wrap .primary-menu a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 9px;
    width: 0;
    height: 2px;
    transform: translateX(-50%);
    background: var(--sp-accent);
    transition: width .18s ease;
  }
  .site-nav-wrap .primary-menu .current-menu-item > a,
  .site-nav-wrap .primary-menu .current_page_item > a,
  .home .site-nav-wrap .primary-menu li:first-child > a { border: 0; }
  .site-nav-wrap .primary-menu .current-menu-item > a::after,
  .site-nav-wrap .primary-menu .current_page_item > a::after,
  .home .site-nav-wrap .primary-menu li:first-child > a::after { width: 28px; }
  .site-nav-wrap .primary-menu a:hover::after,
  .site-nav-wrap .primary-menu a:focus-visible::after { width: 28px; }
}
/* 1021–1170px: Raumgewinn ohne gequetschte Menüpunkte. */
@media (min-width: 1021px) and (max-width: 1170px) {
  .site-nav-wrap .primary-menu { gap: 20px; }
  .site-nav-wrap .primary-menu a { font-size: .99rem; }
  .site-nav-logo { max-width: 110px; }
}

.site-nav-wrap .site-search {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 0;
  min-width: 38px;
}
.site-nav-wrap .site-search .search-link {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 50%;
  color: var(--sp-ink);
  cursor: pointer;
}
.site-search .search-link:hover,
.site-search .search-link[aria-expanded="true"] { color: var(--sp-accent); }
.site-search__form {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 40;
  display: flex;
  align-items: stretch;
  gap: 8px;
  width: min(360px, calc(100vw - 36px));
  padding: 12px;
  border: 1px solid var(--sp-line);
  border-radius: 8px;
  background: var(--sp-paper);
  box-shadow: var(--sp-shadow);
}
.site-search__form[hidden] { display: none !important; }
.site-search__form input {
  min-width: 0;
  flex: 1;
  padding: 9px 10px;
  border: 1px solid rgba(29,24,21,.2);
  border-radius: 4px;
  background: #fff;
  font: .91rem var(--sp-sans);
}
.site-search__form button {
  border: 0;
  border-radius: 4px;
  background: var(--sp-accent);
  color: #fff;
  padding: 9px 12px;
  font: .91rem var(--sp-sans);
  cursor: pointer;
}
.site-search__form button:hover { background: var(--sp-accent-dark); }

@media (max-width: 1020px) {
  .site-header .site-nav-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    justify-content: stretch;
    gap: 12px;
    min-height: 60px;
  }
  .site-nav-wrap .site-nav-logo { grid-column: 1; justify-self: start; }
  .site-nav-wrap .menu-toggle {
    grid-column: 2;
    display: inline-flex;
    justify-self: end;
    margin-left: 0;
  }
  .site-nav-wrap .site-search {
    grid-column: 3;
    justify-self: end;
    margin: 0;
  }
  .site-nav-wrap .site-nav {
    position: absolute;
    inset-inline: 0;
    top: 100%;
    z-index: 35;
    display: none;
    width: 100%;
    max-width: none;
    padding: 10px 0 14px;
    background: rgba(251, 249, 247, .99);
    border-block: 1px solid var(--sp-line);
    box-shadow: var(--sp-soft-shadow);
  }
  .site-nav-wrap--open .site-nav { display: block; }
  .site-nav-wrap .primary-menu {
    display: grid;
    justify-content: stretch;
    gap: 0;
    padding-inline: 18px;
  }
  .site-nav-wrap .primary-menu a {
    display: flex;
    align-items: center;
    min-height: 45px;
    padding: 0 8px;
    border: 0;
    font-size: 1.05rem;
  }
  .site-nav-wrap .primary-menu .current-menu-item > a,
  .site-nav-wrap .primary-menu .current_page_item > a { color: var(--sp-accent); }
}
@media (max-width: 560px) {
  .site-header .site-nav-wrap { gap: 9px; }
  .site-nav-wrap .site-search { min-width: 32px; }
  .site-search__form { right: -1px; }
}


/* ================================================================
   v0.30 – dezente Sticky-Navigation.
   Nur Header, Logo und Navigation. Der Rest des Themes bleibt
   ausdrücklich unverändert. Keine zusätzliche Kopfzeile.
   ================================================================ */
.site-header {
  background: rgba(251, 249, 247, .985);
  border-bottom: 1px solid rgba(29, 24, 21, .11);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  backdrop-filter: blur(10px) saturate(120%);
  box-shadow: none;
  transition: background-color 260ms ease, box-shadow 260ms ease,
              border-color 260ms ease, backdrop-filter 260ms ease;
}
.site-header.is-stuck {
  background: rgba(251, 249, 247, .925);
  border-bottom-color: rgba(29, 24, 21, .085);
  -webkit-backdrop-filter: blur(20px) saturate(125%);
  backdrop-filter: blur(20px) saturate(125%);
  box-shadow: 0 7px 24px rgba(33, 22, 14, .07);
}
/* v0.31: Keine Größen- oder Positionsänderung beim Scrollen.
   Logo, Menüpunkte und Header behalten ihre ursprüngliche Höhe. */
@media (prefers-reduced-motion: reduce) {
  .site-header { transition: none !important; }
}


/* ================================================================
   v0.32 — Editorial-Pagination statt runder Buttons.
   Desktop und Mobil: schlanke, typografische Navigation ohne
   Hintergrundflächen. Alle Links bleiben normal klickbar.
   ================================================================ */
.post-pagination,
.archive-page .pagination,
.pagination {
  margin: 44px 0 26px;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  text-align: center;
}
.post-pagination,
.archive-page .pagination .nav-links,
.pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  column-gap: clamp(12px, 1.6vw, 23px);
  row-gap: 10px;
}
.post-pagination .page-numbers,
.archive-page .pagination .page-numbers,
.pagination .page-numbers {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  min-height: 38px;
  padding: 5px 2px 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--sp-ink);
  font-family: var(--sp-serif);
  font-size: 1.08rem;
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
  transition: color 160ms ease;
}
.post-pagination .page-numbers.current,
.archive-page .pagination .page-numbers.current,
.pagination .page-numbers.current {
  color: var(--sp-accent);
  background: transparent;
  border: 0;
  font-weight: 600;
}
.post-pagination .page-numbers.current::after,
.archive-page .pagination .page-numbers.current::after,
.pagination .page-numbers.current::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 18px;
  height: 2px;
  background: var(--sp-accent);
  transform: translateX(-50%);
}
.post-pagination a.page-numbers:hover,
.archive-page .pagination a.page-numbers:hover,
.pagination a.page-numbers:hover,
.post-pagination a.page-numbers:focus-visible,
.archive-page .pagination a.page-numbers:focus-visible,
.pagination a.page-numbers:focus-visible {
  border: 0;
  background: transparent;
  color: var(--sp-accent);
}
.post-pagination .page-numbers.dots,
.archive-page .pagination .page-numbers.dots,
.pagination .page-numbers.dots {
  color: var(--sp-muted);
  font-weight: 400;
}
.post-pagination .page-numbers.prev,
.post-pagination .page-numbers.next,
.archive-page .pagination .page-numbers.prev,
.archive-page .pagination .page-numbers.next,
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
  min-width: 0;
  font-size: .99rem;
  font-weight: 400;
}
.post-pagination .page-numbers.prev,
.archive-page .pagination .page-numbers.prev,
.pagination .page-numbers.prev { margin-right: clamp(6px, 1.9vw, 28px); }
.post-pagination .page-numbers.next,
.archive-page .pagination .page-numbers.next,
.pagination .page-numbers.next { margin-left: clamp(6px, 1.9vw, 28px); }
@media (max-width: 560px) {
  .post-pagination,
  .pagination { margin-top: 34px; margin-bottom: 14px; }
  .post-pagination,
  .pagination .nav-links { column-gap: 12px; row-gap: 6px; }
  .post-pagination .page-numbers,
  .pagination .page-numbers { font-size: 1rem; min-height: 40px; }
  .post-pagination .page-numbers.prev,
  .post-pagination .page-numbers.next,
  .pagination .page-numbers.prev,
  .pagination .page-numbers.next { margin-inline: 3px; font-size: .9rem; }
}
@media (prefers-reduced-motion: reduce) {
  .post-pagination .page-numbers,
  .pagination .page-numbers { transition: none; }
}


/* ===============================================================
   v0.35 · Variante C: zurückhaltende, einzeilige Footerleiste.
   Keine flächige Akzentfarbe. Der Rotton bleibt als kleines Detail.
   =============================================================== */
.site-footer.site-footer--minimal {
  margin-top: clamp(42px, 4.5vw, 66px);
  border-top: 1px solid rgba(182, 79, 45, .13);
  background: #f4eae5;
  color: #443a35;
}
.site-footer--minimal .site-footer__inner {
  width: min(1440px, calc(100% - 96px));
  padding: 23px 0 24px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  font-family: var(--sp-serif);
  font-size: 0.90rem;
  line-height: 1.5;
  color: #443a35;
}
.site-footer--minimal .site-footer__copyright {
  flex: 0 0 auto;
  margin: 0;
  color: #776963;
  font-size: .85rem;
  white-space: nowrap;
  font-weight: 400;
}
.site-footer--minimal .site-footer__group {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  column-gap: 11px;
  row-gap: 5px;
  min-width: 0;
}
.site-footer--minimal .site-footer__group--content {
  margin-left: auto;
}
.site-footer--minimal .site-footer__group--legal {
  padding-left: 22px;
  border-left: 1px solid rgba(182, 79, 45, .27);
}
.site-footer--minimal .site-footer__label {
  color: var(--sp-accent);
  font-weight: 600;
  font-size: .86rem;
  white-space: nowrap;
}
.site-footer--minimal .site-footer__links {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  column-gap: 17px;
  row-gap: 5px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.site-footer--minimal .site-footer__links > li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.site-footer--minimal .site-footer__links a {
  text-decoration: none;
  color: #443a35;
  font-size: .86rem;
  font-weight: 400;
  transition: color 160ms ease;
  text-underline-offset: .25em;
}
.site-footer--minimal .site-footer__links a:hover,
.site-footer--minimal .site-footer__links a:focus-visible {
  color: var(--sp-accent);
  text-decoration: underline;
}
.site-footer--minimal .site-footer__links a:focus-visible {
  outline: 2px solid var(--sp-accent);
  outline-offset: 3px;
}
@media (max-width: 1180px) {
  .site-footer--minimal .site-footer__inner {
    width: calc(100% - 56px);
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 9px 25px;
    padding: 21px 0;
  }
  .site-footer--minimal .site-footer__copyright { margin-right: auto; }
  .site-footer--minimal .site-footer__group--content { margin-left: 0; }
  .site-footer--minimal .site-footer__group--legal { padding-left: 18px; }
}
@media (max-width: 670px) {
  .site-footer--minimal .site-footer__inner {
    width: calc(100% - 36px);
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    padding: 16px 0 18px;
  }
  .site-footer--minimal .site-footer__copyright { font-size: .77rem; margin-bottom: 1px; }
  .site-footer--minimal .site-footer__group { column-gap: 8px; }
  .site-footer--minimal .site-footer__group--legal {
    padding-left: 0;
    border-left: none;
  }
  .site-footer--minimal .site-footer__label { font-size: .79rem; }
  .site-footer--minimal .site-footer__links { column-gap: 12px; row-gap: 2px; }
  .site-footer--minimal .site-footer__links a { font-size: .81rem; }
}
@media (prefers-reduced-motion: reduce) {
  .site-footer--minimal .site-footer__links a { transition: none; }
}


/* ===============================================================
   v0.36 · Nur Button-Verfeinerung auf Basis von v0.35
   =============================================================== */
.button-link {
  gap: 10px;
  margin-top: 22px;
  padding: 11px 16px;
  border: 1px solid rgba(29, 24, 21, 0.14);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.56);
  color: var(--sp-ink);
  box-shadow: 0 8px 18px rgba(33, 22, 14, 0.06);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  font-family: var(--sp-sans);
  font-size: 0.93rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.button-link span {
  color: var(--sp-accent);
  transition: transform 160ms ease;
}
.button-link:hover,
.button-link:focus-visible {
  background: rgba(255, 255, 255, 0.82);
  color: var(--sp-ink);
  border-color: rgba(182, 79, 45, 0.34);
  box-shadow: 0 12px 24px rgba(33, 22, 14, 0.08);
  transform: translateY(-1px);
}
.button-link:hover span,
.button-link:focus-visible span {
  transform: translateX(2px);
}
@media (max-width: 560px) {
  .button-link {
    padding: 10px 14px;
    font-size: 0.9rem;
  }
}


/* ===============================================================
   v0.42: Variante 02 – minimalistischer Outline-Button
   Nur der CTA im Startseiten-Aufmacher wird verändert.
   =============================================================== */
.article-feature .button-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 22px;
  padding: 10px 15px;
  border: 1px solid rgba(105, 66, 48, 0.62);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.35);
  color: var(--sp-ink);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  font-family: var(--sp-sans);
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: 0.012em;
  line-height: 1.35;
  text-transform: none;
  transform: none;
  transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease;
}
.article-feature .button-link span {
  color: var(--sp-accent);
  transition: color 180ms ease;
}
.article-feature .button-link:hover,
.article-feature .button-link:focus-visible {
  border-color: var(--sp-accent);
  background: var(--sp-accent); /* #B64F2D: bestehender Theme-Rotton */
  color: #fff;
  box-shadow: none;
  transform: none;
}
.article-feature .button-link:hover span,
.article-feature .button-link:focus-visible span {
  color: #fff;
  transform: none;
}
.article-feature .button-link:focus-visible {
  outline: 2px solid var(--sp-ink);
  outline-offset: 3px;
}
@media (max-width: 560px) {
  .article-feature .button-link {
    padding: 10px 14px;
    font-size: 0.9rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .article-feature .button-link,
  .article-feature .button-link span { transition: none; }
}


/* ===============================================================
   v0.43 · ausschließlich Lesbarkeit der Feature-Vorschau
   Layout und Button aus v0.42 bleiben unverändert.
   =============================================================== */
.article-feature__excerpt {
  color: #302a25;
  font-size: 1.14rem;
  line-height: 1.73;
  font-weight: 400;
  text-shadow: 0 1px 2px rgba(251, 249, 247, 0.44);
}

/* Nur wenige Prozentpunkte mehr Deckkraft auf der Textseite. */
.article-feature::before {
  background: linear-gradient(90deg,
    rgba(251, 249, 247, .83) 0%,
    rgba(251, 249, 247, .76) 19%,
    rgba(251, 249, 247, .41) 44%,
    rgba(251, 249, 247, 0) 72%);
}

@media (max-width: 820px) {
  /* Hier steht der Text unter dem Bild auf hellem Grund. */
  .article-feature__excerpt {
    font-size: 1.06rem;
    line-height: 1.7;
    text-shadow: none;
  }
}
@media (max-width: 560px) {
  .article-feature__excerpt { font-size: 1.02rem; }
}


/* ------------------------------------------------------------
   v0.45: Editorial Feature – dunkler Verlauf, keine Textbox.
   Das unterliegende Bild, die Blogroll und der Rest des Themes
   bleiben so wie in v0.43.  Das Bild wird weiterhin dynamisch
   aus dem Beitragsbild des aktuellen Artikels geladen.
   ------------------------------------------------------------ */
.section-heading--main {
  align-items: baseline;
  margin-bottom: 26px;
}
.section-heading--main::after { display: none; }
.section-heading--main > a {
  margin-left: auto;
  font-size: 1.03rem;
}

.article-feature {
  min-height: clamp(490px, 34vw, 600px);
  border-radius: 10px;
  background: #2f2921;
  box-shadow: 0 20px 48px rgba(32, 24, 18, 0.11);
}
.article-feature__image {
  background-position: center center;
}
.article-feature::before {
  display: block;
  background: linear-gradient(90deg,
    rgba(18, 17, 14, .92) 0%,
    rgba(18, 17, 14, .88) 15%,
    rgba(18, 17, 14, .70) 32%,
    rgba(18, 17, 14, .43) 47%,
    rgba(18, 17, 14, .13) 63%,
    rgba(18, 17, 14, 0) 77%);
}
.article-feature__content {
  width: min(690px, 62%);
  margin: 0;
  padding: clamp(42px, 4.4vw, 72px);
  color: #fff;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.article-feature .category-badge {
  color: #df855f;
  margin-bottom: 11px;
  font-size: 0.76rem;
  letter-spacing: .16em;
}
.article-feature h3 {
  max-width: 560px;
  margin: 0;
  color: #fbfaf8;
  font-size: clamp(2.85rem, 3.55vw, 4.35rem);
  font-weight: 400;
  line-height: 1.035;
  letter-spacing: -.02em;
  text-wrap: balance;
}
.article-feature h3 a,
.article-feature h3 a:hover,
.article-feature h3 a:focus-visible {
  color: inherit;
}
.article-feature__excerpt {
  width: 100%;
  max-width: 520px;
  margin: 22px 0 0;
  color: rgba(255, 255, 255, .94);
  font-size: clamp(1.04rem, 1.25vw, 1.18rem);
  line-height: 1.64;
  font-weight: 400;
  text-shadow: none;
  overflow-wrap: anywhere;
}
.article-feature .article-meta {
  margin-top: 20px;
  color: rgba(255, 255, 255, .73);
  font-size: .96rem;
}
.article-feature .button-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-top: 20px;
  padding: 10px 18px;
  border: 1px solid rgba(255,255,255,.86);
  border-radius: 3px;
  background: rgba(15, 14, 12, .12);
  color: #fff;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  font-family: var(--sp-serif);
  font-size: 1.02rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.3;
  text-transform: none;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}
.article-feature .button-link span {
  color: #df855f;
  transition: color 180ms ease;
}
.article-feature .button-link:hover,
.article-feature .button-link:focus-visible {
  border-color: var(--sp-accent);
  background: var(--sp-accent);
  color: white;
  box-shadow: none;
  transform: none;
}
.article-feature .button-link:hover span,
.article-feature .button-link:focus-visible span {
  color: #fff;
  transform: none;
}

/* Bei mittleren Desktop-Breiten verhindern wir einen gedrängten Textblock. */
@media (min-width: 821px) and (max-width: 1199px) {
  .article-feature { min-height: 540px; }
  .article-feature__content {
    width: min(620px, 68%);
    padding: clamp(35px, 4.6vw, 56px);
  }
  .article-feature h3 { font-size: clamp(2.55rem, 4vw, 3.55rem); }
  .article-feature__excerpt { font-size: 1.03rem; line-height: 1.6; }
}

/* Auf schmalen Displays liegt der Text lesbar UNTER dem Bild. */
@media (max-width: 820px) {
  .article-feature {
    display: block;
    min-height: 0;
    background: var(--sp-paper);
  }
  .article-feature::before { display: none; }
  .article-feature__image {
    position: relative;
    inset: auto;
    display: block;
    height: 310px;
    background-position: center 42%;
  }
  .article-feature__content {
    width: 100%;
    margin: 0;
    padding: 30px;
    color: var(--sp-ink);
    background: var(--sp-paper);
  }
  .article-feature .category-badge { color: var(--sp-accent); }
  .article-feature h3 { max-width: none; color: var(--sp-ink); font-size: clamp(2.35rem, 6vw, 3.3rem); }
  .article-feature__excerpt {
    max-width: none;
    color: #514740;
    font-size: 1.06rem;
    line-height: 1.65;
  }
  .article-feature .article-meta { color: var(--sp-muted); }
  .article-feature .button-link {
    border-color: rgba(182, 79, 45, .6);
    background: transparent;
    color: var(--sp-ink);
  }
  .article-feature .button-link span { color: var(--sp-accent); }
  .article-feature .button-link:hover,
  .article-feature .button-link:focus-visible {
    border-color: var(--sp-accent);
    background: var(--sp-accent);
    color: #fff;
  }
  .article-feature .button-link:hover span,
  .article-feature .button-link:focus-visible span { color: #fff; }
}
@media (max-width: 560px) {
  .article-feature__image { height: 245px; }
  .article-feature__content { padding: 24px; }
  .article-feature h3 { font-size: clamp(2.12rem, 8vw, 2.65rem); }
  .article-feature__excerpt { font-size: 1rem; }
  .article-feature .button-link { padding: 10px 16px; font-size: 1rem; }
  .section-heading--main { align-items: baseline; gap: 10px; }
  .section-heading--main a { font-size: .93rem; }
}
@media (prefers-reduced-motion: reduce) {
  .article-feature .button-link,
  .article-feature .button-link span { transition: none; }
}


/* ===============================================================
   v0.48 · Art-déco-inspirierte Typografie, bewusst zurückhaltend.
   Cormorant Garamond: Rubrik-/Artikelüberschriften
   Source Serif 4: Lesetext; Josefin Sans: Navigation/Metadaten
   Keine Änderung an Seitenstruktur, Bildüberlagerung oder Verhalten.
   =============================================================== */
:root {
  --sp-display: "Cormorant Garamond", "EB Garamond", Georgia, serif;
  --sp-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --sp-sans: "Josefin Sans", "Trebuchet MS", Arial, sans-serif;
}

/* Gezielte Schriftrollen; der redaktionelle Lesetext bleibt im Satzbild ruhig. */
body { font-family: var(--sp-serif); }

/* Nur die großen Abschnittsnamen erhalten großzügig gesperrte Versalien. */
.article-column .section-heading--main h2,
.article-column .section-heading--sub h2,
.archive-header h1 {
  font-family: var(--sp-display);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .105em;
  line-height: 1.06;
}
.article-column .section-heading--main h2 { font-size: clamp(2.3rem, 3vw, 3.1rem); }
.article-column .section-heading--sub h2 { font-size: clamp(2.05rem, 2.5vw, 2.8rem); }
.article-column .section-heading--main a,
.article-column .section-heading--sub a {
  font-family: var(--sp-sans);
  font-size: .85rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .045em;
}

/* Artikeltitel bleiben lesbar in Gemischtschreibung. */
.article-feature h3, .article-row h2, .article-row h3, .single-article__header h1, .page-content__header h1, .archive-page .article-row h2, .archive-page .article-row h3{
  font-family: var(--sp-display);
  font-weight: 500;
  letter-spacing: -.014em;
}
.article-feature h3 {
  font-size: clamp(3rem, 3.8vw, 4.65rem);
  line-height: 1.01;
  letter-spacing: -.018em;
}
.article-row h2, .article-row h3 {
  font-size: clamp(1.9rem, 2.15vw, 2.85rem);
  line-height: 1.08;
}
.single-article__header h1,
.page-content__header h1 {
  font-size: clamp(3.1rem, 5.7vw, 5.35rem);
  line-height: 1.015;
}

/* Sidebar: konsequent redaktionell, aber OHNE Versalien. */
.home-sidebar--widgets .widget-title,
.sidebar-heading h2,
.quote-card h3,
.about-card h3 {
  font-family: var(--sp-display);
  font-weight: 500;
  letter-spacing: -.012em;
  text-transform: none;
}
.home-sidebar--widgets .widget-title { font-size: clamp(2.05rem, 2.35vw, 2.7rem); }

/* Lange Texte: Source Serif 4, Luft, echte deutsche Silbentrennung. */
.single-article__content, .page-content__body{
  font-family: var(--sp-serif);
  font-size: 1.19rem;
  line-height: 1.74;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.single-article__content h2, .single-article__content h3, .page-content__body h2, .page-content__body h3{
  font-family: var(--sp-display);
  font-weight: 500;
  line-height: 1.14;
  letter-spacing: -.012em;
}
.article-feature__excerpt { font-family: var(--sp-serif); font-size: clamp(1.08rem, 1.28vw, 1.2rem); line-height: 1.65; }
.article-row__excerpt{ font-family: var(--sp-serif); line-height: 1.65; }

/* Sparsamer geometrischer Kontrast in der Kopfzeile. */
.site-nav-wrap .primary-menu a {
  font-family: var(--sp-sans);
  font-size: .86rem;
  font-weight: 600;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.menu-toggle__text,
.site-search__form,
.site-search__form input,
.site-search__form button {
  font-family: var(--sp-sans);
  font-weight: 500;
}

/* Kategorien, Datumsangaben und Bedienhinweise bewusst kleiner halten. */
.category-badge, .eyebrow, .article-feature .category-badge, .article-meta, .article-row time, .single-meta, .post-tags{
  font-family: var(--sp-sans);
  letter-spacing: .055em;
}
.category-badge, .eyebrow, .article-feature .category-badge{
  font-size: .76rem;
  letter-spacing: .145em;
}
.article-meta, .article-row time, .single-meta { font-size: .87rem; }

/* Gleiches, vertrautes CTA-Design; nur die Schriftfamilie. */
.article-feature .button-link {
  font-family: var(--sp-serif);
  font-size: 1.02rem;
  letter-spacing: 0;
  text-transform: none;
}


/* Footerstruktur bleibt, lediglich eine klarere Schrifttrennung. */
.site-footer--minimal .site-footer__inner { font-family: var(--sp-serif); }
.site-footer--minimal .site-footer__label { font-family: var(--sp-sans); letter-spacing: .02em; }

@media (min-width: 1021px) and (max-width: 1170px) {
  .site-nav-wrap .primary-menu { gap: 18px; }
  .site-nav-wrap .primary-menu a { font-size: .79rem; letter-spacing: .045em; }
}
@media (max-width: 1020px) {
  .site-nav-wrap .primary-menu a {
    font-size: .9rem;
    letter-spacing: .07em;
  }
}
@media (max-width: 820px) {
  .article-feature h3 { font-size: clamp(2.7rem, 6.7vw, 3.5rem); }
  .single-article__content, .page-content__body{ font-size: 1.125rem; line-height: 1.7; }
}
@media (max-width: 560px) {
  .article-column .section-heading--main h2 { font-size: clamp(1.93rem, 7.5vw, 2.45rem); letter-spacing: .075em; }
  .article-column .section-heading--sub h2 { font-size: clamp(1.7rem, 6.7vw, 2.15rem); letter-spacing: .07em; }
  .article-column .section-heading--main a { font-size: .76rem; letter-spacing: .025em; }
  .article-feature h3 { font-size: clamp(2.55rem, 10vw, 3.3rem); }
  .single-article__header h1, .page-content__header h1 { font-size: clamp(2.45rem, 10vw, 3.55rem); }
  .single-article__content, .page-content__body{ font-size: 1.075rem; line-height: 1.69; }
  
  
}


/* ===============================================================
   v0.49 · Eleganteres, sparsameres Art déco.
   Nur typografische Proportionen und Hover/Fokus des Aufmachertitels.
   Grundlayout und Funktionslogik unverändert aus v0.48.
   =============================================================== */

/* Rubriken behalten Versalien, aber statt starker Sperrung eine
   deutlich feinere Laufweite und einen moderateren Schriftgrad. */
.article-column .section-heading--main h2,
.article-column .section-heading--sub h2,
.archive-header h1 {
  letter-spacing: .055em;
  font-weight: 500;
  line-height: 1.08;
}
.article-column .section-heading--main h2 {
  font-size: clamp(2.16rem, 2.75vw, 2.87rem);
}
.article-column .section-heading--sub h2 {
  font-size: clamp(1.9rem, 2.35vw, 2.58rem);
}

/* Geometrische Menüschrift bleibt, wirkt jedoch luftiger und weniger
   plakativ als in der vorherigen, stark gesperrten Version. */
.site-nav-wrap .primary-menu a {
  font-size: .89rem;
  font-weight: 500;
  letter-spacing: .035em;
}

/* Das Widget ist Begleitung, nicht zweite Hauptüberschrift. */
.home-sidebar--widgets .widget-title,
.sidebar-heading h2,
.quote-card h3,
.about-card h3 {
  font-weight: 400;
  letter-spacing: -.014em;
}
.home-sidebar--widgets .widget-title {
  font-size: clamp(1.82rem, 2.1vw, 2.32rem);
}

/* Hero trägt die geometrische Anmutung – allerdings mit etwas
   geringerer Sperrung; dieselbe originale Schriftfamilie. */
.author-hero--deco .author-hero__text h1 {
  letter-spacing: .055em;
}

/* Metadaten fein sperren, ohne die Hierarchie zu überzeichnen. */
.category-badge, .eyebrow, .article-feature .category-badge{
  letter-spacing: .11em;
}

/* Aufmachertitel: schlichter Farbwechsel im festgelegten Rot.
   Kein Unterstrich; Tastaturfokus bleibt durch Outline sichtbar. */
.article-feature h3 a {
  color: inherit;
  text-decoration: none;
  transition: color 180ms ease;
}
.article-feature h3 a:hover,
.article-feature h3 a:focus-visible {
  color: var(--sp-accent); /* #B64F2D */
  text-decoration: none;
}
.article-feature h3 a:focus-visible {
  outline: 2px solid var(--sp-accent);
  outline-offset: 4px;
}

@media (min-width: 1021px) and (max-width: 1170px) {
  .site-nav-wrap .primary-menu a {
    font-size: .80rem;
    letter-spacing: .02em;
  }
}
@media (max-width: 1020px) {
  .site-nav-wrap .primary-menu a {
    font-size: .9rem;
    letter-spacing: .035em;
  }
}
@media (max-width: 560px) {
  .article-column .section-heading--main h2 {
    font-size: clamp(1.88rem, 7vw, 2.4rem);
    letter-spacing: .045em;
  }
  .article-column .section-heading--sub h2 {
    font-size: clamp(1.65rem, 6.3vw, 2.08rem);
    letter-spacing: .045em;
  }
  .author-hero--deco .author-hero__text h1 {
    letter-spacing: .035em;
  }
}
@media (prefers-reduced-motion: reduce) {
  .article-feature h3 a { transition: none; }
}




/* ===============================================================
   v0.52 – two focused corrections, otherwise identical to v0.51.
   =============================================================== */
/* Brand red for the category in the featured post, including hover/focus. */
.article-feature .category-badge,
.article-feature .category-badge:hover,
.article-feature .category-badge:focus-visible {
  color: var(--sp-accent); /* #B64F2D */
}

/* Centre the image vertically against the entire text column,
   independent of whether the article title uses one or several lines. */
@media (min-width: 561px) {
  .article-list .article-row { align-items: center; }
  .article-list .article-row__image { align-self: center; }
}


/* ===============================================================
   v0.54 · Hauptmenü mit Unterpunkten (bis zu drei Ebenen).
   WordPress erzeugt die verschachtelten <ul class="sub-menu">.
   Die bestehende Hauptnavigations-Typografie bleibt unverändert.
   =============================================================== */
.site-nav-wrap .primary-menu li { position: relative; }
.site-nav-wrap .primary-menu .sub-menu {
  list-style: none;
  margin: 0;
  padding: 8px;
  display: none;
  background: #fbf9f7;
  color: var(--sp-ink);
  border: 1px solid rgba(29,24,21,.12);
  border-radius: 6px;
  box-shadow: 0 15px 36px rgba(30,22,18,.12);
}
.site-nav-wrap .primary-menu .sub-menu li { list-style: none; margin: 0; padding: 0; }
.site-nav-wrap .primary-menu .sub-menu a {
  position: relative;
  min-height: 0;
  padding: 10px 12px;
  width: 100%;
  white-space: normal;
  border: 0;
  border-radius: 3px;
  font-family: var(--sp-sans);
  font-size: .83rem;
  font-weight: 500;
  letter-spacing: .02em;
  line-height: 1.45;
  text-transform: none;
  color: var(--sp-ink);
  transition: background-color .16s ease, color .16s ease;
}
.site-nav-wrap .primary-menu .sub-menu a::after { display: none !important; }
.site-nav-wrap .primary-menu .sub-menu a:hover,
.site-nav-wrap .primary-menu .sub-menu a:focus-visible,
.site-nav-wrap .primary-menu .sub-menu .current-menu-item > a {
  color: var(--sp-accent);
  background: rgba(182,79,45,.065);
}
.site-nav-wrap .primary-menu .submenu-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  width: 24px;
  height: 36px;
  padding: 0;
  margin: 0 0 0 3px;
  color: var(--sp-muted);
  border: 0;
  background: transparent;
  cursor: pointer;
}
.site-nav-wrap .primary-menu .submenu-toggle:hover,
.site-nav-wrap .primary-menu .submenu-toggle:focus-visible,
.site-nav-wrap .primary-menu .submenu-toggle[aria-expanded="true"] { color: var(--sp-accent); }
.site-nav-wrap .primary-menu .submenu-toggle__chevron {
  display: block;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform 160ms ease;
}
.site-nav-wrap .primary-menu .submenu-toggle[aria-expanded="true"] .submenu-toggle__chevron {
  transform: translateY(2px) rotate(225deg);
}

@media (min-width: 1021px) {
  .site-nav-wrap .primary-menu > li.menu-item-has-children,
  .site-nav-wrap .primary-menu > li:has(> .sub-menu) {
    display: inline-flex;
    align-items: center;
  }
  .site-nav-wrap .primary-menu > li > .submenu-toggle { margin-left: 4px; }
  .site-nav-wrap .primary-menu .sub-menu {
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
    width: max-content;
    min-width: 210px;
    max-width: min(330px, calc(100vw - 36px));
    text-align: left;
  }
  .site-nav-wrap .primary-menu .sub-menu .sub-menu {
    top: -8px;
    left: 100%;
  }
  .site-nav-wrap .primary-menu > li:last-child > .sub-menu,
  .site-nav-wrap .primary-menu > li:nth-last-child(2) > .sub-menu { left: auto; right: 0; }
  .site-nav-wrap .primary-menu > li:last-child > .sub-menu .sub-menu,
  .site-nav-wrap .primary-menu > li:nth-last-child(2) > .sub-menu .sub-menu {
    left: auto;
    right: 100%;
  }
  .site-nav-wrap .primary-menu li:hover > .sub-menu,
  .site-nav-wrap .primary-menu li:focus-within > .sub-menu,
  .site-nav-wrap .primary-menu li.menu-item--open > .sub-menu { display: block; }
  .site-nav-wrap .primary-menu li.menu-item--dismissed > .sub-menu { display: none; }
  .site-nav-wrap .primary-menu .sub-menu > li:has(> .sub-menu) { display: flex; align-items: center; }
  .site-nav-wrap .primary-menu .sub-menu > li > .submenu-toggle { margin-right: 4px; }
  .site-nav-wrap .primary-menu .sub-menu > li > .submenu-toggle__chevron { transform: rotate(-45deg); }
}
@media (max-width: 1020px) {
  .site-nav-wrap .site-nav { max-height: min(78vh, 690px); overflow-y: auto; }
  .site-nav-wrap .primary-menu > li,
  .site-nav-wrap .primary-menu .sub-menu li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .site-nav-wrap .primary-menu li > a { flex: 1 1 0; min-width: 0; }
  .site-nav-wrap .primary-menu .submenu-toggle {
    flex: 0 0 42px;
    width: 42px;
    height: 44px;
    margin-left: auto;
  }
  .site-nav-wrap .primary-menu .sub-menu {
    display: block; /* Ohne JavaScript bleiben Unterseiten erreichbar. */
    flex: 0 0 100%;
    position: static;
    width: 100%;
    padding: 2px 0 5px 13px;
    border: 0;
    border-left: 1px solid rgba(182,79,45,.24);
    border-radius: 0;
    box-shadow: none;
    background: transparent;
  }
  .site-nav-wrap .primary-menu.has-js-submenus .sub-menu { display: none; }
  .site-nav-wrap .primary-menu.has-js-submenus li.menu-item--open > .sub-menu { display: block; }
  .site-nav-wrap .primary-menu .sub-menu a {
    padding: 9px 10px;
    min-height: 38px;
    font-size: .88rem;
  }
  .site-nav-wrap .primary-menu .sub-menu .sub-menu { margin-left: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-nav-wrap .primary-menu .submenu-toggle__chevron { transition: none; }
}


/* ==============================================================
   v0.55 – Logo und Widget-Ueberschriften. Keine anderen Layout-
   oder Navigationsaenderungen gegenueber v0.54.
   ============================================================== */

/* Das vom Nutzer hochgeladene Motiv bleibt unveraendert. Es wird nur
   innerhalb der 70px hohen Navigationszeile bewusst dimensioniert. */
.site-nav-wrap .site-nav-logo {
  flex-shrink: 0;
  align-items: center;
  max-width: 144px;
}
.site-nav-wrap .site-nav-logo .custom-logo-link,
.site-nav-wrap .site-nav-logo__placeholder {
  position: relative;
  flex-shrink: 0;
  padding: 4px;
  border-radius: 3px;
  background: transparent;
  line-height: 1;
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}
.site-nav-wrap .site-nav-logo .custom-logo {
  display: block;
  width: auto;
  height: 40px;
  max-width: 132px;
  max-height: 40px;
  object-fit: contain;
}
/* Nur eine feine rote Signatur-Linie bei Hover oder Tastaturfokus.
   Die Farbinformation des hochgeladenen Logos (inkl. rotem Punkt)
   bleibt erhalten. Kein zusaetzlicher Rahmen um das Motiv. */
.site-nav-wrap .site-nav-logo .custom-logo-link::after,
.site-nav-wrap .site-nav-logo__placeholder::after {
  content: "";
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 0;
  height: 2px;
  background: var(--sp-accent);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 180ms ease;
}
.site-nav-wrap .site-nav-logo .custom-logo-link:hover,
.site-nav-wrap .site-nav-logo .custom-logo-link:focus-visible,
.site-nav-wrap .site-nav-logo__placeholder:hover,
.site-nav-wrap .site-nav-logo__placeholder:focus-visible {
  background-color: rgba(182, 79, 45, .065);
  color: var(--sp-accent);
}
.site-nav-wrap .site-nav-logo .custom-logo-link:hover::after,
.site-nav-wrap .site-nav-logo .custom-logo-link:focus-visible::after,
.site-nav-wrap .site-nav-logo__placeholder:hover::after,
.site-nav-wrap .site-nav-logo__placeholder:focus-visible::after {
  transform: scaleX(1);
}
/* Standardplatzhalter bleibt mit dem echten Logo groessenkompatibel. */
.site-nav-wrap .site-nav-logo__placeholder {
  width: 43px;
  height: 43px;
  border: 1px solid rgba(29, 24, 21, .23);
}

/* Widgets erhalten dieselbe Serifenschrift und Rubriken-Anmutung wie
   AKTUELLES und WEITERE ARTIKEL – leicht kleiner und ohne Layoutwechsel. */
.home-sidebar--widgets .home-widget > .widget-title,
.home-sidebar--widgets .home-widget > .wp-block-heading,
.home-sidebar--widgets .home-widget > .widgettitle {
  font-family: var(--sp-display);
  font-size: clamp(1.8rem, 2.05vw, 2.2rem);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: .055em;
  text-transform: uppercase;
  margin: 0 0 18px;
  overflow-wrap: normal;
}

@media (max-width: 820px) {
  .site-nav-wrap .site-nav-logo .custom-logo {
    height: 36px;
    max-height: 36px;
    max-width: 110px;
  }
  .site-nav-wrap .site-nav-logo__placeholder {
    width: 40px;
    height: 40px;
  }
  .home-sidebar--widgets .home-widget > .widget-title,
  .home-sidebar--widgets .home-widget > .wp-block-heading,
  .home-sidebar--widgets .home-widget > .widgettitle {
    font-size: clamp(1.75rem, 5vw, 2rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-nav-wrap .site-nav-logo .custom-logo-link,
  .site-nav-wrap .site-nav-logo__placeholder,
  .site-nav-wrap .site-nav-logo .custom-logo-link::after,
  .site-nav-wrap .site-nav-logo__placeholder::after { transition: none; }
}


/* ==============================================================
   v0.56 – vollflaechiger ME-Logo-Hover + rote Menue-Unterstreichung.
   Das echte hochgeladene Logo bleibt im Ruhezustand unveraendert.
   Bei Hover/Fokus wird die Wortmarke unabhaengig von JPG/PNG/SVG
   als weisses "me." auf sattem Markenrot dargestellt.
   ============================================================== */
.site-nav-wrap .site-nav-logo .custom-logo-link,
.site-nav-wrap .site-nav-logo__placeholder {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 2px;
}

/* Das Originalbild darf den vollflaechigen Hover nicht durchscheinen lassen,
   selbst wenn es als undurchsichtiges PNG/JPG mit eigenem Rahmen vorliegt. */
.site-nav-wrap .site-nav-logo .custom-logo-link .custom-logo,
.site-nav-wrap .site-nav-logo__placeholder > span {
  transition: opacity 190ms ease;
}
.site-nav-wrap .site-nav-logo .custom-logo-link:hover .custom-logo,
.site-nav-wrap .site-nav-logo .custom-logo-link:focus-visible .custom-logo,
.site-nav-wrap .site-nav-logo__placeholder:hover > span,
.site-nav-wrap .site-nav-logo__placeholder:focus-visible > span {
  opacity: 0;
}

/* v0.55-Unterlinie beim Logo zuruecknehmen (nur am Logo). */
.site-nav-wrap .site-nav-logo .custom-logo-link::after,
.site-nav-wrap .site-nav-logo__placeholder::after {
  content: none;
  display: none;
}

/* Ganzes Quadrat wird rot; die originale Bitmap bleibt darunter.
   Eine Textebene sorgt fuer wirklich weisse Schrift, auch bei
   undurchsichtigen Bilddateien mit weissem Hintergrund. */
.site-nav-wrap .site-nav-logo .custom-logo-link::before,
.site-nav-wrap .site-nav-logo__placeholder::before {
  content: "me.";
  position: absolute;
  z-index: 2;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  background: #B64F2D;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.35rem;
  font-weight: 600;
  letter-spacing: -.065em;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 190ms ease;
}
.site-nav-wrap .site-nav-logo .custom-logo-link:hover::before,
.site-nav-wrap .site-nav-logo .custom-logo-link:focus-visible::before,
.site-nav-wrap .site-nav-logo__placeholder:hover::before,
.site-nav-wrap .site-nav-logo__placeholder:focus-visible::before {
  opacity: 1;
}
.site-nav-wrap .site-nav-logo .custom-logo-link:hover,
.site-nav-wrap .site-nav-logo .custom-logo-link:focus-visible,
.site-nav-wrap .site-nav-logo__placeholder:hover,
.site-nav-wrap .site-nav-logo__placeholder:focus-visible {
  background-color: #B64F2D;
  border-color: #B64F2D;
}

/* Nur Hauptmenue-Links: vorhandene Hover-Linie und Aktivzustand
   explizit auf den Markenrotton festlegen, ohne die Dropdown-
   Darstellung oder Untermenue-Interaktion zu veraendern. */
.site-header .site-nav-wrap .primary-menu > li > a::after,
.site-header .site-nav-wrap .primary-menu > li > a:hover::after,
.site-header .site-nav-wrap .primary-menu > li > a:focus-visible::after,
.site-header .site-nav-wrap .primary-menu > li.current-menu-item > a::after,
.site-header .site-nav-wrap .primary-menu > li.current_page_item > a::after,
.site-header .site-nav-wrap .primary-menu > li.current-menu-ancestor > a::after {
  background-color: #B64F2D;
}
@media (max-width: 560px) {
  .site-nav-wrap .site-nav-logo .custom-logo-link::before,
  .site-nav-wrap .site-nav-logo__placeholder::before { font-size: 1.2rem; }
}
@media (prefers-reduced-motion: reduce) {
  .site-nav-wrap .site-nav-logo .custom-logo-link::before,
  .site-nav-wrap .site-nav-logo__placeholder::before,
  .site-nav-wrap .site-nav-logo .custom-logo,
  .site-nav-wrap .site-nav-logo__placeholder > span { transition: none; }
}


/* ===============================================================
   v0.57 – Set 2: leichtes, geometrisches Art déco (Poiret One)
   Nur Wortmarke, Hero, feste Homepage-Rubriken/Widgets und
   der Home-Feature-Titel. Navigationslogik, Lesetext, Artikel-
   und Archivansichten bleiben wie in v0.56.
   =============================================================== */
:root {
  --sp-deco-light: "Poiret One", "Century Gothic", "Trebuchet MS", sans-serif;
}

/* Eine einzige typografische Marke: kein Logo-Bild-Austausch auf Hover.
   Die Schrift bleibt exakt gleich, nur die Farben wechseln. */
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 1px solid rgba(29, 24, 21, .24);
  border-radius: 1px;
  background: transparent;
  color: var(--sp-ink);
  box-shadow: none;
  text-decoration: none;
  flex-shrink: 0;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}
.site-nav-wrap .site-nav-logo .site-nav-logo__word {
  display: block;
  font-family: var(--sp-deco-light);
  font-size: 2.02rem;
  font-weight: 400;
  letter-spacing: -.09em;
  line-height: 1;
  white-space: nowrap;
  transform: translate(-1px, -1px);
}
.site-nav-wrap .site-nav-logo .site-nav-logo__dot { color: var(--sp-accent); }
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link:hover,
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link:focus-visible {
  color: #fff;
  border-color: var(--sp-accent);
  background-color: var(--sp-accent);
}
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link:hover .site-nav-logo__dot,
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link:focus-visible .site-nav-logo__dot { color: #fff; }
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link:focus-visible {
  outline: 2px solid var(--sp-accent);
  outline-offset: 3px;
}

/* Hero-Titel: die reduzierte geometrische Linienführung aus Set 2.
   Der Classic-Modus im Customizer bleibt weiterhin verfügbar. */
.author-hero--deco .author-hero__text h1 {
  font-family: var(--sp-deco-light);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .12em;
  line-height: 1.08;
  text-shadow: 0 2px 22px rgba(0,0,0,.45);
}

/* Nur feste Rubriken/Widget-Titel: luftige Linien statt schwerer Serifen. */
.article-column .section-heading--main h2,
.article-column .section-heading--sub h2,
.home-sidebar--widgets .home-widget > .widget-title,
.home-sidebar--widgets .home-widget > .wp-block-heading,
.home-sidebar--widgets .home-widget > .widgettitle {
  font-family: var(--sp-deco-light);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .14em;
  line-height: 1.18;
  color: var(--sp-accent);
}
.article-column .section-heading--main h2 { font-size: clamp(2.1rem, 2.95vw, 3.15rem); }
.article-column .section-heading--sub h2 { font-size: clamp(1.9rem, 2.4vw, 2.7rem); }
.home-sidebar--widgets .home-widget > .widget-title,
.home-sidebar--widgets .home-widget > .wp-block-heading,
.home-sidebar--widgets .home-widget > .widgettitle {
  font-size: clamp(1.74rem, 2.05vw, 2.26rem);
  letter-spacing: .11em;
}

/* Feature-Titel wie in Set-2-Visualisierung. Die übrigen Beitrags-
   titel und Lesetexte bleiben bewusst in Cormorant/Source Serif. */
.home .article-feature h3 {
  font-family: var(--sp-deco-light);
  font-weight: 400;
  font-size: clamp(3.0rem, 3.7vw, 4.5rem);
  letter-spacing: -.013em;
  line-height: 1.085;
  text-wrap: balance;
  text-shadow: 0 1px 12px rgba(0,0,0,.35);
}

@media (min-width: 1101px) {
  .author-hero--deco .author-hero__text h1 {
    font-size: clamp(2.8rem, 3.55vw, 4.25rem);
  }
}
@media (max-width: 1100px) {
  .author-hero--deco .author-hero__text h1 {
    font-size: clamp(2.35rem, 5.8vw, 4.0rem);
    letter-spacing: .085em;
  }
}
@media (max-width: 820px) {
  .site-nav-wrap .site-nav-logo .site-nav-logo__type-link { width: 42px; height: 42px; }
  .site-nav-wrap .site-nav-logo .site-nav-logo__word { font-size: 1.85rem; }
  .home-sidebar--widgets .home-widget > .widget-title,
  .home-sidebar--widgets .home-widget > .wp-block-heading,
  .home-sidebar--widgets .home-widget > .widgettitle { font-size: clamp(1.65rem, 4.4vw, 2.1rem); }
}
@media (max-width: 560px) {
  .author-hero--deco .author-hero__text h1 {
    font-size: clamp(2.0rem, 8.1vw, 2.7rem);
    letter-spacing: .052em;
  }
  .article-column .section-heading--main h2 {
    font-size: clamp(1.92rem, 7.2vw, 2.5rem);
    letter-spacing: .085em;
  }
  .article-column .section-heading--sub h2 {
    font-size: clamp(1.76rem, 6.8vw, 2.34rem);
    letter-spacing: .075em;
  }
  .home .article-feature h3 {
    font-size: clamp(2.5rem, 9.5vw, 3.1rem);
    letter-spacing: -.01em;
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-nav-wrap .site-nav-logo .site-nav-logo__type-link { transition: none; }
}


/* ==============================================================
   v0.58 – Logo-Korrektur und einheitliche Artikeltypografie.
   Keine Aenderung an anderen Layouts oder Navigationsfunktionen.
   ============================================================== */
/* Logo: identische Poiret-Wortmarke in Normal- und Hoverzustand;
   ein staerkerer Rahmen und ein eigener, deutlich roter Punkt. */
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link {
  position: relative;
  border: 2px solid rgba(29, 24, 21, .68);
  background-color: rgba(255, 255, 255, .42);
}
.site-nav-wrap .site-nav-logo .site-nav-logo__word {
  transform: translate(-3px, -1px);
}
.site-nav-wrap .site-nav-logo .site-nav-logo__dot {
  position: absolute;
  right: 5px;
  bottom: 7px;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 0;
  border-radius: 50%;
  background-color: #B64F2D;
  color: transparent;
  font-size: 0;
  line-height: 0;
  transition: background-color 180ms ease;
}
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link:hover,
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link:focus-visible {
  background-color: #B64F2D;
  border-color: #B64F2D;
  color: #fff;
}
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link:hover .site-nav-logo__dot,
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link:focus-visible .site-nav-logo__dot {
  background-color: #fff;
}

/* Die Ueberschrift des Feature-Artikels nutzt wieder dieselbe
   Schrift wie alle weiteren Artikeltitel: Cormorant Garamond.
   Die groessere Aufmacher-Hierarchie bleibt dabei erhalten. */
.home .article-feature h3 {
  font-family: var(--sp-display);
  font-weight: 500;
  letter-spacing: -.018em;
  line-height: 1.01;
}

@media (prefers-reduced-motion: reduce) {
  .site-nav-wrap .site-nav-logo .site-nav-logo__dot { transition: none; }
}


/* ================================================================
   v0.59 – ruhiges, skalierbares Logo und gleiche Rubrikentypografie
   ================================================================ */
/* Das SVG traegt Rahmen, Wortmarke und Punkt – kein Schriftaustausch,
   kein absolut positionierter Textpunkt und keine Layoutverschiebung. */
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--sp-ink);
  box-shadow: none;
  line-height: 1;
  text-decoration: none;
  transition: none;
}
.site-nav-wrap .site-nav-logo .site-nav-logo__mark {
  display: block;
  width: 48px;
  height: 48px;
  overflow: visible;
  flex: none;
}
.site-nav-logo__square {
  fill: #fbf9f7;
  stroke: #26201c;
  stroke-width: 1.65;
  transition: fill 180ms ease, stroke 180ms ease;
}
.site-nav-logo__letters {
  fill: #1d1815;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 29px;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0;
  text-anchor: start;
  transition: fill 180ms ease;
}
.site-nav-logo__period {
  fill: #B64F2D;
  transition: fill 180ms ease;
}
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link:hover,
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link:focus-visible {
  color: inherit;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.site-nav-logo__type-link:hover .site-nav-logo__square,
.site-nav-logo__type-link:focus-visible .site-nav-logo__square {
  fill: #B64F2D;
  stroke: #B64F2D;
}
.site-nav-logo__type-link:hover .site-nav-logo__letters,
.site-nav-logo__type-link:focus-visible .site-nav-logo__letters,
.site-nav-logo__type-link:hover .site-nav-logo__period,
.site-nav-logo__type-link:focus-visible .site-nav-logo__period {
  fill: #fff;
}
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link:focus-visible {
  outline: 2px solid #B64F2D;
  outline-offset: 4px;
}

/* Identische Groesse, Schriftschnitt und Laufweite fuer die beiden
   festen Startseiten-Rubriken und die Widget-Ueberschriften. */
.article-column .section-heading--main h2,
.article-column .section-heading--sub h2,
.home-sidebar--widgets .widget-title,
.home-sidebar--widgets .widgettitle,
.home-sidebar--widgets .home-widget > .widget-title,
.home-sidebar--widgets .home-widget > .widgettitle,
.home-sidebar--widgets .home-widget > .wp-block-heading,
.home-sidebar--widgets .sidebar-heading h2 {
  font-family: var(--sp-deco-light);
  font-size: clamp(1.65rem, 2.05vw, 2.26rem);
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: .11em;
  text-transform: uppercase;
  color: var(--sp-accent);
}
@media (max-width: 820px) {
  .site-nav-wrap .site-nav-logo .site-nav-logo__type-link,
  .site-nav-wrap .site-nav-logo .site-nav-logo__mark {
    width: 42px;
    height: 42px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-nav-logo__square,
  .site-nav-logo__letters,
  .site-nav-logo__period { transition: none; }
}


/* ================================================================
   v0.60 – Logo-Feinschliff und ruhigeres Poiret-One-Tuning
   ================================================================ */
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link {
  width: 50px;
  height: 50px;
}
.site-nav-wrap .site-nav-logo .site-nav-logo__mark {
  width: 50px;
  height: 50px;
}
.site-nav-logo__square {
  fill: #fbf9f7;
  stroke: rgba(29, 24, 21, 0.82);
  stroke-width: 1.8;
}
.site-nav-logo__letters {
  fill: #1d1815;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.045em;
  text-anchor: start;
}
.site-nav-logo__period {
  fill: #B64F2D;
}
.site-nav-logo__type-link:hover .site-nav-logo__square,
.site-nav-logo__type-link:focus-visible .site-nav-logo__square {
  fill: #B64F2D;
  stroke: #B64F2D;
}
.site-nav-logo__type-link:hover .site-nav-logo__letters,
.site-nav-logo__type-link:focus-visible .site-nav-logo__letters,
.site-nav-logo__type-link:hover .site-nav-logo__period,
.site-nav-logo__type-link:focus-visible .site-nav-logo__period {
  fill: #fff;
}

/* Poiret One bleibt, wirkt aber weniger schrill: etwas weniger Größe,
   geringere Laufweite und ruhigere Großschreibung. */
.author-hero--deco .author-hero__text h1 {
  font-size: clamp(2.7rem, 3.25vw, 4.0rem);
  letter-spacing: .085em;
}
.article-column .section-heading--main h2,
.article-column .section-heading--sub h2,
.home-sidebar--widgets .widget-title,
.home-sidebar--widgets .widgettitle,
.home-sidebar--widgets .home-widget > .widget-title,
.home-sidebar--widgets .home-widget > .widgettitle,
.home-sidebar--widgets .home-widget > .wp-block-heading,
.home-sidebar--widgets .sidebar-heading h2 {
  font-size: clamp(1.52rem, 1.72vw, 1.95rem);
  letter-spacing: .082em;
}

@media (max-width: 1100px) {
  .author-hero--deco .author-hero__text h1 {
    font-size: clamp(2.3rem, 5vw, 3.7rem);
    letter-spacing: .07em;
  }
}
@media (max-width: 820px) {
  .site-nav-wrap .site-nav-logo .site-nav-logo__type-link,
  .site-nav-wrap .site-nav-logo .site-nav-logo__mark {
    width: 44px;
    height: 44px;
  }
  .article-column .section-heading--main h2,
  .article-column .section-heading--sub h2,
  .home-sidebar--widgets .widget-title,
  .home-sidebar--widgets .widgettitle,
  .home-sidebar--widgets .home-widget > .widget-title,
  .home-sidebar--widgets .home-widget > .widgettitle,
  .home-sidebar--widgets .home-widget > .wp-block-heading,
  .home-sidebar--widgets .sidebar-heading h2 {
    font-size: clamp(1.44rem, 4.1vw, 1.82rem);
    letter-spacing: .072em;
  }
}
@media (max-width: 560px) {
  .author-hero--deco .author-hero__text h1 {
    font-size: clamp(1.95rem, 8vw, 2.6rem);
    letter-spacing: .05em;
  }
}

/* ================================================================
   v0.61 – Logo-Neubau in Poiret One + Hero-Unterzeile in Poiret One
   Alles andere bleibt wie in v0.60.
   ================================================================ */
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link {
  width: 52px;
  height: 52px;
}
.site-nav-wrap .site-nav-logo .site-nav-logo__mark {
  width: 52px;
  height: 52px;
}
.site-nav-logo__square {
  fill: #fbf9f7;
  stroke: rgba(29, 24, 21, 0.84);
  stroke-width: 1.72;
}
.site-nav-logo__letters {
  fill: #1d1815;
  font-family: var(--sp-deco-light);
  font-size: 24.8px;
  font-weight: 400;
  letter-spacing: 0.025em;
  text-anchor: start;
}
.site-nav-logo__period {
  fill: #B64F2D;
}
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link:hover,
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link:focus-visible {
  color: inherit;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.site-nav-logo__type-link:hover .site-nav-logo__square,
.site-nav-logo__type-link:focus-visible .site-nav-logo__square {
  fill: #B64F2D;
  stroke: #B64F2D;
}
.site-nav-logo__type-link:hover .site-nav-logo__letters,
.site-nav-logo__type-link:focus-visible .site-nav-logo__letters,
.site-nav-logo__type-link:hover .site-nav-logo__period,
.site-nav-logo__type-link:focus-visible .site-nav-logo__period {
  fill: #fff;
}
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link:focus-visible {
  outline: 2px solid #B64F2D;
  outline-offset: 4px;
}

.author-hero--deco .author-hero__subtitle {
  font-family: var(--sp-deco-light);
  font-weight: 400;
  font-size: clamp(1.36rem, 1.9vw, 2.05rem);
  letter-spacing: .035em;
  line-height: 1.3;
  text-shadow: 0 2px 18px rgba(0,0,0,.42);
}

@media (max-width: 820px) {
  .site-nav-wrap .site-nav-logo .site-nav-logo__type-link,
  .site-nav-wrap .site-nav-logo .site-nav-logo__mark {
    width: 46px;
    height: 46px;
  }
  .site-nav-logo__letters {
    font-size: 22.4px;
  }
  .author-hero--deco .author-hero__subtitle {
    font-size: clamp(1.18rem, 3.6vw, 1.72rem);
    letter-spacing: .028em;
  }
}

@media (max-width: 560px) {
  .site-nav-wrap .site-nav-logo .site-nav-logo__type-link,
  .site-nav-wrap .site-nav-logo .site-nav-logo__mark {
    width: 43px;
    height: 43px;
  }
  .site-nav-logo__letters {
    font-size: 21px;
  }
  .author-hero--deco .author-hero__subtitle {
    font-size: clamp(1.08rem, 4.6vw, 1.42rem);
    letter-spacing: .022em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-nav-logo__square,
  .site-nav-logo__letters,
  .site-nav-logo__period { transition: none; }
}


/* ================================================================
   v0.62 – ausgewähltes me.-Quadratlogo (Variante 10)
   Header-Logo neu ausbalanciert: kleingeschrieben, besser lesbar,
   mit klar sichtbarem rotem Punkt und staerkerem Rahmen.
   ================================================================ */
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link {
  width: 56px;
  height: 56px;
}
.site-nav-wrap .site-nav-logo .site-nav-logo__mark {
  width: 56px;
  height: 56px;
  overflow: visible;
}
.site-nav-logo__square {
  fill: #fbf9f7;
  stroke: rgba(29, 24, 21, 0.9);
  stroke-width: 1.95;
}
.site-nav-logo__letters {
  fill: #1d1815;
  font-family: var(--sp-deco-light);
  font-size: 31.6px;
  font-weight: 400;
  letter-spacing: 0.004em;
  text-anchor: start;
}
.site-nav-logo__period {
  fill: #B64F2D;
}
.site-nav-logo__type-link:hover .site-nav-logo__square,
.site-nav-logo__type-link:focus-visible .site-nav-logo__square {
  fill: #B64F2D;
  stroke: #B64F2D;
}
.site-nav-logo__type-link:hover .site-nav-logo__letters,
.site-nav-logo__type-link:focus-visible .site-nav-logo__letters,
.site-nav-logo__type-link:hover .site-nav-logo__period,
.site-nav-logo__type-link:focus-visible .site-nav-logo__period {
  fill: #fff;
}
.author-hero--deco .author-hero__subtitle {
  font-family: var(--sp-deco-light);
}
@media (max-width: 820px) {
  .site-nav-wrap .site-nav-logo .site-nav-logo__type-link,
  .site-nav-wrap .site-nav-logo .site-nav-logo__mark {
    width: 50px;
    height: 50px;
  }
  .site-nav-logo__letters {
    font-size: 28.2px;
  }
}
@media (max-width: 560px) {
  .site-nav-wrap .site-nav-logo .site-nav-logo__type-link,
  .site-nav-wrap .site-nav-logo .site-nav-logo__mark {
    width: 46px;
    height: 46px;
  }
  .site-nav-logo__letters {
    font-size: 25.8px;
  }
}


/* ================================================================
   v0.63 – Logo Variante 10: feste Vektorpfade statt SVG-Fontglyphen.
   Nur das Header-Logo. Das restliche Layout bleibt wie v0.62.
   ================================================================ */
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link {
  width: 54px;
  height: 54px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  text-decoration: none;
  transform: none;
}
.site-nav-wrap .site-nav-logo .site-nav-logo__mark {
  display: block;
  width: 54px;
  height: 54px;
  flex: none;
  overflow: hidden;
}
.site-nav-logo__square {
  fill: #fbf9f7;
  stroke: #1d1815;
  stroke-width: 3.3;
  stroke-linejoin: miter;
  transition: fill 170ms ease, stroke 170ms ease;
}
.site-nav-logo__monogram {
  fill: none;
  stroke: #1d1815;
  stroke-width: 4.0;
  stroke-linecap: square;
  stroke-linejoin: round;
  transition: stroke 170ms ease;
}
.site-nav-logo__period {
  fill: #B64F2D;
  transition: fill 170ms ease;
}
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link:hover,
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link:focus-visible {
  background: transparent;
  border: 0;
  color: inherit;
  box-shadow: none;
}
.site-nav-logo__type-link:hover .site-nav-logo__square,
.site-nav-logo__type-link:focus-visible .site-nav-logo__square {
  fill: #B64F2D;
  stroke: #B64F2D;
}
.site-nav-logo__type-link:hover .site-nav-logo__monogram,
.site-nav-logo__type-link:focus-visible .site-nav-logo__monogram {
  stroke: #fff;
}
.site-nav-logo__type-link:hover .site-nav-logo__period,
.site-nav-logo__type-link:focus-visible .site-nav-logo__period {
  fill: #fff;
}
.site-nav-wrap .site-nav-logo .site-nav-logo__type-link:focus-visible {
  outline: 2px solid #B64F2D;
  outline-offset: 3px;
}
@media (max-width: 820px) {
  .site-nav-wrap .site-nav-logo .site-nav-logo__type-link,
  .site-nav-wrap .site-nav-logo .site-nav-logo__mark { width: 47px; height: 47px; }
}
@media (max-width: 560px) {
  .site-nav-wrap .site-nav-logo .site-nav-logo__type-link,
  .site-nav-wrap .site-nav-logo .site-nav-logo__mark { width: 43px; height: 43px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-nav-logo__square, .site-nav-logo__monogram, .site-nav-logo__period { transition: none; }
}


/* ================================================================
   v0.64 – Aufgelesenes: Variante 5 (Eleganter Block)
   Nur das bestehende Zitat-Widget erhält diese Darstellung.
   Keine Quote-Inhalte werden dupliziert oder durch das Theme ersetzt.
   ================================================================ */
.home-sidebar--widgets > .home-widget.sp-quote-card {
  position: relative;
  display: flow-root;
  padding: 25px 23px 24px;
  border: 0;
  border-radius: 0;
  background: #f1eeea;
  box-shadow: none;
  overflow-wrap: break-word;
}

/* Die Rubrik behält bewusst die in v0.63 festgelegte Poiret-One-Schrift. */
.home-sidebar--widgets > .sp-quote-card > :is(.widget-title, .widgettitle, .wp-block-heading) {
  margin: 0 0 23px;
  color: var(--sp-accent);
}
.home-sidebar--widgets > .sp-quote-card > :is(.widget-title, .widgettitle, .wp-block-heading)::after {
  content: "";
  display: block;
  width: 44px;
  height: 1.5px;
  margin-top: 15px;
  background: var(--sp-accent);
}

.home-sidebar--widgets > .sp-quote-card > .sp-quote-card__opening {
  display: block;
  float: left;
  width: 40px;
  height: 51px;
  margin: 4px 11px 1px 0;
  overflow: visible;
  color: var(--sp-accent);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: .74;
  user-select: none;
  pointer-events: none;
}

/* Der Text kann aus dem Quotes-Collection-Widget oder einem schlichten
   Text-/Block-Widget stammen. Autor und Quellenangabe bleiben dynamisch. */
.home-sidebar--widgets > .sp-quote-card .quotescollection-quote,
.home-sidebar--widgets > .sp-quote-card .random-quote,
.home-sidebar--widgets > .sp-quote-card blockquote,
.home-sidebar--widgets > .sp-quote-card .quote,
.home-sidebar--widgets > .sp-quote-card .quotescollection-quote > p:not([class]),
.home-sidebar--widgets > .sp-quote-card .quotescollection-quote > p.quote {
  color: var(--sp-ink);
  font-family: var(--sp-display);
  font-size: clamp(1.24rem, 1.36vw, 1.48rem);
  font-weight: 400;
  font-style: italic;
  line-height: 1.34;
  text-align: left;
}
.home-sidebar--widgets > .sp-quote-card :is(.quotescollection-quote, .random-quote, blockquote) p {
  margin: 0 0 .65em;
}
.home-sidebar--widgets > .sp-quote-card :is(.quotescollection-author, .quotescollection-source, .quotescollection-attribution, .quote-author, .quote-source, .author, .source, cite, .citation) {
  display: block;
  margin-top: 18px;
  color: #5f5650;
  font-family: var(--sp-serif);
  font-size: .86rem;
  font-style: normal;
  line-height: 1.52;
  text-align: left;
}
/* Manche Versionen des Widgets verwenden die Autor-/Quellenklassen auf
   Inline-Elementen: mit ihren eigenen Werten bleiben sie gut lesbar. */
.home-sidebar--widgets > .sp-quote-card .quotescollection-quote :is(.quotescollection-author, .quotescollection-source, .quotescollection-attribution, .quote-author, .quote-source, .author, .source, cite) {
  font-size: .86rem;
  font-style: normal;
}
.home-sidebar--widgets > .sp-quote-card .quotescollection-next,
.home-sidebar--widgets > .sp-quote-card .quotescollection-refresh,
.home-sidebar--widgets > .sp-quote-card .quotescollection-nextquote,
.home-sidebar--widgets > .sp-quote-card .quote-refresh,
.home-sidebar--widgets > .sp-quote-card .next-quote,
.home-sidebar--widgets > .sp-quote-card .quotescollection-quote-next {
  clear: both;
  margin-top: 22px;
  padding-top: 15px;
  border-top: 1px solid rgba(46, 33, 26, .17);
  font-family: var(--sp-serif);
  font-size: .92rem;
  font-style: normal;
}
.home-sidebar--widgets > .sp-quote-card :is(.quotescollection-next, .quotescollection-refresh, .quotescollection-nextquote, .quote-refresh, .next-quote, .quotescollection-quote-next) a {
  display: inline-flex;
  align-items: center;
  gap: .6em;
  color: var(--sp-accent);
  text-decoration: none;
}
.home-sidebar--widgets > .sp-quote-card :is(.quotescollection-next, .quotescollection-refresh, .quotescollection-nextquote, .quote-refresh, .next-quote, .quotescollection-quote-next) a:hover,
.home-sidebar--widgets > .sp-quote-card :is(.quotescollection-next, .quotescollection-refresh, .quotescollection-nextquote, .quote-refresh, .next-quote, .quotescollection-quote-next) a:focus-visible {
  color: var(--sp-accent-dark);
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 820px) {
  .home-sidebar--widgets > .home-widget.sp-quote-card {
    max-width: 540px;
    padding: 25px 24px 25px;
  }
}
@media (max-width: 420px) {
  .home-sidebar--widgets > .home-widget.sp-quote-card { padding: 22px 18px 23px; }
  .home-sidebar--widgets > .sp-quote-card > .sp-quote-card__opening {
    width: 34px;
    margin-right: 10px;
    font-size: 70px;
  }
}


/* ================================================================
   v0.65 – Aufgelesenes: drei Detailkorrekturen zu Variante 5
   (1) ruhige Vektor-Anfuehrungszeichen, (2) zusammenhaengende
   Attribution, (3) Zitatwechsel wie "Alle Artikel". Plugin-AJAX bleibt.
   ================================================================ */

/* Kleines redaktionelles Doppelzeichen statt einer groben Textglyphe.
   Der bestehende aria-hidden Marker erhält allein einen SVG-Hintergrund. */
.home-sidebar--widgets > .sp-quote-card > .sp-quote-card__opening {
  display: block;
  float: left;
  width: 44px;
  height: 44px;
  margin: 2px 14px 4px 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: url("../img/quote-mark-elegant.svg") center center / contain no-repeat;
}

/* Quotes Collection rendert die Quelle als ein footer mit Gedankenstrich,
   cite.author + Komma + cite.source. v0.64 hatte alle cite als block
   behandelt; das trennte Autor, Satzzeichen und Werk ungewollt. */
.home-sidebar--widgets > .sp-quote-card blockquote.quotescollection-quote {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.home-sidebar--widgets > .sp-quote-card blockquote.quotescollection-quote > p:first-child {
  margin: 0 0 16px;
}
.home-sidebar--widgets > .sp-quote-card blockquote.quotescollection-quote footer.attribution {
  display: block;
  clear: both;
  float: none;
  width: auto;
  margin: 16px 0 17px;
  padding: 0;
  color: #625852;
  font-family: var(--sp-serif);
  font-size: .87rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: left;
}
.home-sidebar--widgets > .sp-quote-card blockquote.quotescollection-quote footer.attribution cite,
.home-sidebar--widgets > .sp-quote-card blockquote.quotescollection-quote footer.attribution .author,
.home-sidebar--widgets > .sp-quote-card blockquote.quotescollection-quote footer.attribution .source,
.home-sidebar--widgets > .sp-quote-card blockquote.quotescollection-quote footer.attribution .title {
  display: inline;
  float: none;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 1em;
  font-weight: 400;
  line-height: inherit;
  vertical-align: baseline;
  text-align: left;
}
.home-sidebar--widgets > .sp-quote-card blockquote.quotescollection-quote footer.attribution cite.author {
  font-style: normal;
}
.home-sidebar--widgets > .sp-quote-card blockquote.quotescollection-quote footer.attribution cite.source {
  font-style: italic;
}

/* Quotes Collection benutzt .navigation .nav-next .next-quote-link.
   Font, Groesse, Laufweite und Versalien folgen der Rubriknavigation.
   Das originale Plugin-Linkelement und sein Click-Handler bleiben intakt;
   nur sein sichtbarer Text wechselt von » zu einem schlichten Pfeil. */
.home-sidebar--widgets > .sp-quote-card :is(.navigation, .quotescollection-navigation) {
  clear: both;
  margin: 16px 0 0;
  padding: 15px 0 0;
  border-top: 1px solid rgba(46, 33, 26, .17);
}
.home-sidebar--widgets > .sp-quote-card :is(.navigation, .quotescollection-navigation) .nav-next {
  display: block;
  float: none;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}
.home-sidebar--widgets > .sp-quote-card :is(.navigation, .quotescollection-navigation) .nav-next a.next-quote-link {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
  color: var(--sp-accent);
  border: 0;
  font-family: var(--sp-sans);
  font-size: 0;
  font-weight: 500;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: .045em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}
.home-sidebar--widgets > .sp-quote-card :is(.navigation, .quotescollection-navigation) .nav-next a.next-quote-link::after {
  content: "NÄCHSTES ZITAT  →";
  display: inline;
  font-size: .85rem;
  font-weight: 500;
  letter-spacing: .045em;
}
.home-sidebar--widgets > .sp-quote-card :is(.navigation, .quotescollection-navigation) .nav-next a.next-quote-link:hover,
.home-sidebar--widgets > .sp-quote-card :is(.navigation, .quotescollection-navigation) .nav-next a.next-quote-link:focus-visible {
  color: var(--sp-accent-dark);
  text-decoration: none;
}

@media (max-width: 420px) {
  .home-sidebar--widgets > .sp-quote-card > .sp-quote-card__opening {
    width: 38px;
    height: 39px;
    margin: 1px 10px 4px 0;
  }
}


/* ================================================================
   v0.66 – Quotes Collection: Autor, Komma und Quelle gehören zusammen.
   V0.64 hatte alle Attributions-Teile pauschal auf display:block
   gesetzt. V0.65 korrigierte nur eine einzelne Plugin-Markup-Variante.
   Hier werden auch die tatsaechlichen .quotescollection-* Elemente
   und Varianten ohne blockquote/footer erfasst. Keine Textmanipulation.
   ================================================================ */
.home-sidebar--widgets > .sp-quote-card :is(
  .quotescollection-quote .quotescollection-attribution,
  .quotescollection-quote .attribution,
  blockquote .attribution,
  .random-quote .attribution,
  .quotescollection-attribution,
  .quote-attribution
) {
  display: block;
  float: none;
  clear: both;
  width: auto;
  margin: 16px 0 17px;
  padding: 0;
  color: #625852;
  font-family: var(--sp-serif);
  font-size: .87rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: left;
}
/* Jedes Autor-/Quellenelement ist INLINE, unabhängig davon, ob
   das Plugin cite, span oder p und footer oder div verwendet. Dies
   verhindert insbesondere eine isolierte Komma-Zeile. */
.home-sidebar--widgets > .sp-quote-card :is(
  .quotescollection-author,
  .quotescollection-source,
  .quote-author,
  .quote-source,
  .author,
  .source,
  .citation,
  cite
) {
  display: inline !important;
  float: none !important;
  clear: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #625852;
  font-family: var(--sp-serif);
  font-size: .87rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  vertical-align: baseline;
  text-align: left;
  white-space: normal;
}
/* Literatur-/Werkangaben dürfen weiterhin kursiv erscheinen. */
.home-sidebar--widgets > .sp-quote-card :is(
  .quotescollection-source,
  .quote-source,
  cite.source,
  .citation
) {
  font-style: italic;
}
/* Die Zitatblock-Gestaltung, Anführungszeichen und der
   NÄCHSTES-ZITAT-Link bleiben wie in v0.65. */


/* ================================================================
   v0.67 – durchgehend einheitliche Typografie der Zitatquelle.
   Das Plugin liefert separate Knoten fuer Autor, Satzzeichen und Werk.
   Dadurch koennen ungleiche Schriftgroessen vererbt werden. Diese
   Korrektur vereinheitlicht ausschliesslich die Attribution.
   ================================================================ */
.home-sidebar--widgets > .sp-quote-card :is(
  .quotescollection-quote .attribution,
  .quotescollection-quote .quotescollection-attribution,
  .random-quote .attribution,
  blockquote .attribution,
  .quotescollection-attribution,
  .quote-attribution
) {
  font-family: var(--sp-serif) !important;
  font-size: .9rem !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.62 !important;
  letter-spacing: 0 !important;
  color: #625852 !important;
  text-align: left;
}
/* Alle verschachtelten Tags uebernehmen die EINHEITLICHE Groesse;
   auch kleinere / groessere Schrifteinstellungen des Quote-Plugins
   fuer cite, .author, .source, small, span oder em werden neutralisiert. */
.home-sidebar--widgets > .sp-quote-card :is(
  .quotescollection-quote .attribution,
  .quotescollection-quote .quotescollection-attribution,
  .random-quote .attribution,
  blockquote .attribution,
  .quotescollection-attribution,
  .quote-attribution
) * {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
  vertical-align: baseline;
}
/* Namen aufrecht; Werke weiterhin dezent kursiv, ohne Groessensprung. */
.home-sidebar--widgets > .sp-quote-card :is(
  .quotescollection-quote .attribution,
  .quotescollection-quote .quotescollection-attribution,
  .random-quote .attribution,
  blockquote .attribution,
  .quotescollection-attribution,
  .quote-attribution
) :is(.quotescollection-author, .quote-author, .author, cite.author) {
  font-style: normal !important;
}
.home-sidebar--widgets > .sp-quote-card :is(
  .quotescollection-quote .attribution,
  .quotescollection-quote .quotescollection-attribution,
  .random-quote .attribution,
  blockquote .attribution,
  .quotescollection-attribution,
  .quote-attribution
) :is(.quotescollection-source, .quote-source, .source, cite.source, em, i) {
  font-style: italic !important;
}


/* ================================================================
   v0.68 – gesamte Attribution einheitlich kursiv.
   Der Kommatrenner wird vom Zitat-Plugin als nackter Textknoten
   ausgegeben: NUR font-style am Elternblock formatiert ihn mit.
   Namen und weitere (verschachtelte) Kind-Elemente erben die
   Kursivierung; so bleiben Autor, Komma und Literaturangabe gleich.
   ================================================================ */
.home-sidebar--widgets > .sp-quote-card :is(
  .quotescollection-quote .attribution,
  .quotescollection-quote .quotescollection-attribution,
  .random-quote .attribution,
  blockquote .attribution,
  .quotescollection-attribution,
  .quote-attribution
) {
  font-style: italic !important;
}
.home-sidebar--widgets > .sp-quote-card :is(
  .quotescollection-quote .attribution,
  .quotescollection-quote .quotescollection-attribution,
  .random-quote .attribution,
  blockquote .attribution,
  .quotescollection-attribution,
  .quote-attribution
) * {
  font-style: inherit !important;
}
/* Overrides the formerly upright author rule from v0.67, which
   otherwise wins by selector specificity even if it appears earlier. */
.home-sidebar--widgets > .sp-quote-card :is(
  .quotescollection-quote .attribution,
  .quotescollection-quote .quotescollection-attribution,
  .random-quote .attribution,
  blockquote .attribution,
  .quotescollection-attribution,
  .quote-attribution
) :is(.quotescollection-author, .quote-author, .author, cite.author) {
  font-style: italic !important;
}


/* v0.69 – eine Quellenzeile inklusive Komma.
   Die v0.69-JS-Korrektur setzt die Regeln zudem inline mit !important,
   damit Plugin-Styles fuer author/source sie nicht mehr ueberstimmen. */
.home-sidebar--widgets > .sp-quote-card .sp-quote-attribution--unified {
  font-family: "Source Serif 4", Georgia, serif !important;
  font-size: 14.4px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 1.62 !important;
  letter-spacing: 0 !important;
  color: #625852 !important;
}
.home-sidebar--widgets > .sp-quote-card .sp-quote-attribution--unified * {
  font-family: inherit !important;
  font-size: inherit !important;
  font-style: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
}


/* v0.70: Ein einziger typografischer Stil fuer Autor, Satzzeichen
   (insbesondere Textknoten-Komma) und Quelle. Alle sind aufrecht
   und erben denselben Schriftsatz vom gemeinsamen Elternknoten. */
.home-sidebar--widgets > .sp-quote-card .sp-quote-attribution--unified,
.home-sidebar--widgets > .sp-quote-card :is(
  .quotescollection-quote .attribution,
  .quotescollection-quote .quotescollection-attribution,
  .random-quote .attribution,
  blockquote .attribution,
  .quotescollection-attribution,
  .quote-attribution
) {
  font-family: "Source Serif 4", Georgia, serif !important;
  font-size: 14.4px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.62 !important;
  letter-spacing: 0 !important;
  color: #625852 !important;
  text-align: left;
}
.home-sidebar--widgets > .sp-quote-card .sp-quote-attribution--unified *,
.home-sidebar--widgets > .sp-quote-card :is(
  .quotescollection-quote .attribution,
  .quotescollection-quote .quotescollection-attribution,
  .random-quote .attribution,
  blockquote .attribution,
  .quotescollection-attribution,
  .quote-attribution
) * {
  display: inline !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-style: normal !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
  vertical-align: baseline !important;
  text-align: inherit;
}


/* v0.71 – Archiv-Widget als ruhiges Jahres-Akkordeon,
   die Widget-Ueberschrift bleibt unangetastet. */
.home-sidebar--widgets > .home-widget.sp-archive-card {
  --sp-archive-row-bg: rgba(255,255,255,0.38);
  --sp-archive-row-bg-hover: rgba(255,255,255,0.62);
  --sp-archive-row-border: rgba(92, 77, 69, 0.16);
  --sp-archive-month-text: #5f5650;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-list,
.home-sidebar--widgets > .home-widget.sp-archive-card ul:not(.children):not(.sub-menu),
.home-sidebar--widgets > .home-widget.sp-archive-card .wp-block-archives-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.home-sidebar--widgets > .home-widget.sp-archive-card ul ul {
  list-style: none;
  margin: 0;
  padding: 8px 0 4px 0;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year,
.home-sidebar--widgets > .home-widget.sp-archive-card > ul > li,
.home-sidebar--widgets > .home-widget.sp-archive-card > div > ul > li,
.home-sidebar--widgets > .home-widget.sp-archive-card .wp-block-archives-list > li {
  margin: 0;
  border-top: 1px solid var(--sp-archive-row-border);
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year:last-child,
.home-sidebar--widgets > .home-widget.sp-archive-card > ul > li:last-child,
.home-sidebar--widgets > .home-widget.sp-archive-card .wp-block-archives-list > li:last-child {
  border-bottom: 1px solid var(--sp-archive-row-border);
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 42px;
  padding: 10px 0;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year-link,
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year-text {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  color: #2e2723;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 1.02rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year-link:hover,
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year-link:focus-visible {
  color: var(--sp-accent);
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-toggle {
  appearance: none;
  border: 0;
  background: transparent;
  color: #7c6e66;
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  transition: color 160ms ease, background-color 160ms ease, transform 160ms ease;
  padding: 0;
  flex: 0 0 30px;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-toggle:hover,
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-toggle:focus-visible {
  background: rgba(182, 79, 45, 0.08);
  color: var(--sp-accent);
  outline: none;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-toggle-icon {
  position: relative;
  display: block;
  width: 12px;
  height: 12px;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-toggle-icon::before,
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-toggle-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: currentColor;
  transform: translate(-50%, -50%);
  transition: transform 180ms ease, opacity 180ms ease;
  border-radius: 99px;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-toggle-icon::before {
  width: 12px;
  height: 1.6px;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-toggle-icon::after {
  width: 1.6px;
  height: 12px;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-toggle[aria-expanded="true"] .sp-archive-toggle-icon::after {
  opacity: 0;
  transform: translate(-50%, -50%) scaleY(0.3);
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-months[hidden] {
  display: none !important;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-months {
  margin: 0 0 10px;
  padding: 0 0 2px 0;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-months li {
  margin: 0;
  padding: 0;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-months a,
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-months span {
  display: block;
  padding: 6px 0 6px 16px;
  color: var(--sp-archive-month-text);
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 0.96rem;
  line-height: 1.45;
  text-decoration: none;
  position: relative;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-months a::before,
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-months span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 7px;
  height: 1px;
  background: rgba(182, 79, 45, 0.58);
  transform: translateY(-50%);
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-months a:hover,
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-months a:focus-visible {
  color: var(--sp-accent);
  outline: none;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-fallback > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 42px;
  padding: 10px 0;
  border-top: 1px solid var(--sp-archive-row-border);
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-fallback > li:last-child {
  border-bottom: 1px solid var(--sp-archive-row-border);
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-fallback > li > a,
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-fallback > li > span {
  color: #2e2723;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 1.02rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-fallback > li > a:hover,
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-fallback > li > a:focus-visible {
  color: var(--sp-accent);
  outline: none;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-fallback .sp-archive-inline-plus {
  color: #7c6e66;
  font-size: 1.05rem;
  line-height: 1;
}
@media (max-width: 860px) {
  .home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year-header,
  .home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-fallback > li {
    min-height: 38px;
    padding: 9px 0;
  }
}


/* ================================================================
   v0.72 – Jahreszeilen geschlossen, darunter direkte Beitragslinks.
   Die Typografie der Widget-Überschrift wird NICHT verändert.
   ================================================================ */
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-years-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-years-list > .sp-archive-year {
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(29,24,21,.14);
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-years-list > .sp-archive-year:last-child {
  border-bottom: 1px solid rgba(29,24,21,.14);
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year-header {
  min-height: auto;
  padding: 0;
  display: block;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year-toggle {
  appearance: none;
  display: flex;
  width: 100%;
  padding: 12px 3px 12px 0;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 45px;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  color: #302924;
  font-family: "Source Serif 4", Georgia, serif;
  text-align: left;
  transition: color 160ms ease;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year-toggle:hover,
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year-toggle:focus-visible {
  color: #B64F2D;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year-toggle:focus-visible {
  outline: 2px solid #B64F2D;
  outline-offset: -2px;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year-toggle .sp-archive-year-text {
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 1.02rem;
  line-height: 1.35;
  font-weight: 500;
  color: inherit;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year-toggle .sp-archive-toggle-icon {
  position: relative;
  flex: 0 0 15px;
  display: block;
  width: 15px;
  height: 15px;
  color: currentColor;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year-toggle .sp-archive-toggle-icon::before,
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year-toggle .sp-archive-toggle-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: currentColor;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  transition: opacity 160ms ease;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year-toggle .sp-archive-toggle-icon::before {
  width: 12px;
  height: 1.5px;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year-toggle .sp-archive-toggle-icon::after {
  width: 1.5px;
  height: 12px;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year-toggle[aria-expanded="true"] .sp-archive-toggle-icon::after {
  opacity: 0;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-posts {
  list-style: none;
  margin: 0 0 11px;
  padding: 1px 0 0 12px;
  border-left: 1px solid rgba(182,79,45,.22);
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-posts[hidden] {
  display: none !important;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-posts li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-posts a {
  display: block;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 0.94rem;
  line-height: 1.5;
  font-weight: 400;
  color: #554c46 !important;
  text-decoration: none;
  padding: 6px 5px;
  overflow-wrap: anywhere;
  transition: color 160ms ease;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-posts a:hover,
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-posts a:focus-visible {
  color: #B64F2D !important;
  text-decoration: none;
}
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-empty {
  font-size: .9rem;
  color: #625852;
}
@media (prefers-reduced-motion: reduce) {
  .home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year-toggle,
  .home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-posts a,
  .home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-year-toggle .sp-archive-toggle-icon::after { transition: none; }
}


/* v0.73 – letzte optische Korrektur des Jahresarchivs.
 * Beide Zeichen haben identische Strichbreite, Länge, Ausrichtung
 * und Mittelpunktskoordinaten. Im offenen Zustand entfällt nur
 * der senkrechte Balken, es gibt keine Verschiebung. */
.home-sidebar--widgets > .home-widget.sp-archive-card
.sp-archive-year-toggle .sp-archive-toggle-icon::before {
  width: 14px;
  height: 2px;
}
.home-sidebar--widgets > .home-widget.sp-archive-card
.sp-archive-year-toggle .sp-archive-toggle-icon::after {
  width: 2px;
  height: 14px;
}
/* Die bislang sehr blasse 1px-Linie wird als 2px-Akzent ausgeführt.
 * Ausschließlich die linke Linie der tatsächlich aufgeklappten
 * Beitragsliste, nicht die Jahres-Trennlinien oder Widget-Überschrift. */
.home-sidebar--widgets > .home-widget.sp-archive-card .sp-archive-posts {
  border-left: 2px solid rgba(182, 79, 45, .60);
}


/* ================================================================
   v0.74 – Kategorien: redaktionelle Linkliste mit feinen Linien.
   Die Widget-Ueberschriften werden absichtlich NICHT veraendert.
   ================================================================ */
.home-sidebar--widgets > .home-widget.sp-category-card {
  --sp-category-divider: rgba(63, 48, 39, .16);
  --sp-category-ink: #36302b;
  --sp-category-arrow: #B64F2D;
}
.home-sidebar--widgets > .home-widget.sp-category-card .sp-category-list {
  list-style: none !important;
  margin: 0;
  padding: 0 !important;
}
.home-sidebar--widgets > .home-widget.sp-category-card .sp-category-list > li {
  list-style: none !important;
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--sp-category-divider);
}
.home-sidebar--widgets > .home-widget.sp-category-card .sp-category-list > li:first-child {
  border-top: 1px solid var(--sp-category-divider);
}
.home-sidebar--widgets > .home-widget.sp-category-card .sp-category-list > li::marker {
  content: "";
}
.home-sidebar--widgets > .home-widget.sp-category-card .sp-category-list > li > a:not(.button-link) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 39px;
  padding: 8px 2px 8px 0;
  color: var(--sp-category-ink);
  font-family: "Source Serif 4", Georgia, serif;
  font-size: .99rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  text-decoration: none;
  border: 0;
  background: transparent;
  transition: color 160ms ease;
}
.home-sidebar--widgets > .home-widget.sp-category-card .sp-category-list > li > a:not(.button-link)::after {
  content: "→";
  display: inline-block;
  flex: 0 0 auto;
  align-self: center;
  margin-left: auto;
  color: var(--sp-category-arrow);
  font-family: "Josefin Sans", Arial, sans-serif;
  font-size: 1.08rem;
  font-weight: 400;
  line-height: 1;
  transform: translateX(0);
  transition: transform 160ms ease;
}
.home-sidebar--widgets > .home-widget.sp-category-card .sp-category-list > li > a:not(.button-link):hover,
.home-sidebar--widgets > .home-widget.sp-category-card .sp-category-list > li > a:not(.button-link):focus-visible,
.home-sidebar--widgets > .home-widget.sp-category-card .sp-category-list > li.current-cat > a:not(.button-link),
.home-sidebar--widgets > .home-widget.sp-category-card .sp-category-list > li.current-cat-ancestor > a:not(.button-link) {
  color: var(--sp-category-arrow);
}
.home-sidebar--widgets > .home-widget.sp-category-card .sp-category-list > li > a:not(.button-link):hover::after,
.home-sidebar--widgets > .home-widget.sp-category-card .sp-category-list > li > a:not(.button-link):focus-visible::after {
  transform: translateX(3px);
}
.home-sidebar--widgets > .home-widget.sp-category-card .sp-category-list > li > a:not(.button-link):focus-visible {
  outline: 2px solid var(--sp-category-arrow);
  outline-offset: -2px;
}
/* Verschachtelte Kategorien (falls in WordPress aktiviert) bleiben benutzbar. */
.home-sidebar--widgets > .home-widget.sp-category-card .sp-category-list ul.children {
  list-style: none;
  margin: -1px 0 8px 12px;
  padding: 0 0 0 12px !important;
  border-left: 1px solid rgba(182, 79, 45, .3);
}
.home-sidebar--widgets > .home-widget.sp-category-card .sp-category-list ul.children li {
  list-style: none;
  margin: 0;
  padding: 3px 0;
}
.home-sidebar--widgets > .home-widget.sp-category-card .sp-category-list ul.children a {
  color: #5a4f48;
  text-decoration: none;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: .92rem;
}
.home-sidebar--widgets > .home-widget.sp-category-card .sp-category-list ul.children a:hover,
.home-sidebar--widgets > .home-widget.sp-category-card .sp-category-list ul.children a:focus-visible {
  color: var(--sp-category-arrow);
}
@media (prefers-reduced-motion: reduce) {
  .home-sidebar--widgets > .home-widget.sp-category-card .sp-category-list > li > a:not(.button-link),
  .home-sidebar--widgets > .home-widget.sp-category-card .sp-category-list > li > a:not(.button-link)::after {
    transition: none;
  }
}


/* ===============================================================
   v0.75 – Reduzierter dreiteiliger Editorial-Footer
   Hintergrund wie Aufgelesenes (#f1eeea), feinste Akzente
   statt raumgreifender Dekoration. Andere Bereiche unveraendert.
   =============================================================== */
.site-footer.site-footer--editorial {
  margin-top: clamp(56px, 6vw, 92px);
  border-top: 1px solid rgba(182, 79, 45, .18);
  background: #f1eeea;
  color: #2d2824;
}
.site-footer--editorial .site-footer__inner {
  width: min(1320px, calc(100% - 96px));
  margin: 0 auto;
  padding: clamp(43px, 4.4vw, 62px) 0 clamp(42px, 4.2vw, 58px);
  display: grid;
  grid-template-columns: minmax(205px, .88fr) minmax(360px, 1.5fr) minmax(170px, .76fr);
  align-items: start;
  justify-items: stretch;
  column-gap: clamp(30px, 4.2vw, 68px);
  font-family: var(--sp-serif);
  font-size: 1rem;
  line-height: 1.46;
  color: #2d2824;
}
.site-footer--editorial .site-footer__brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: center;
  gap: 1px;
  margin: 0;
  padding: 0;
}
.site-footer--editorial .site-footer__year {
  font-family: var(--sp-serif);
  color: #6d625c;
  font-size: .89rem;
  line-height: 1.4;
}
.site-footer--editorial .site-footer__name {
  font-family: var(--sp-display);
  color: #2d2824;
  font-weight: 500;
  font-size: clamp(1.65rem, 1.8vw, 1.95rem);
  line-height: 1.13;
  letter-spacing: -.01em;
}
.site-footer--editorial .site-footer__brand-rule {
  display: block;
  width: 35px;
  height: 1.5px;
  margin-top: 15px;
  background: var(--sp-accent);
}
.site-footer--editorial .site-footer__group {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0 0 0 clamp(25px, 2.6vw, 38px);
  border-left: 1px solid rgba(182, 79, 45, .29);
}
.site-footer--editorial .site-footer__label {
  display: block;
  margin: 0 0 17px;
  font-family: var(--sp-deco-light);
  font-size: 1.24rem;
  font-weight: 400;
  line-height: 1.26;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--sp-accent);
}
.site-footer--editorial .site-footer__links {
  display: block;
  columns: 2;
  column-gap: clamp(18px, 2vw, 34px);
  padding: 0;
  margin: 0;
  list-style: none;
}
.site-footer--editorial .site-footer__group--legal .site-footer__links {
  columns: 1;
}
.site-footer--editorial .site-footer__links li {
  display: block;
  padding: 0;
  margin: 0 0 8px;
  list-style: none;
  break-inside: avoid;
}
.site-footer--editorial .site-footer__links a {
  display: inline;
  font-family: var(--sp-serif);
  color: #3d3530;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.55;
  text-decoration: none;
  text-underline-offset: .24em;
  text-decoration-thickness: 1px;
  transition: color 140ms ease;
}
.site-footer--editorial .site-footer__links a:hover,
.site-footer--editorial .site-footer__links a:focus-visible {
  color: var(--sp-accent);
  text-decoration: underline;
  text-decoration-color: rgba(182,79,45,.65);
}
.site-footer--editorial .site-footer__links a:focus-visible {
  outline: 2px solid var(--sp-accent);
  outline-offset: 3px;
}
.site-footer--editorial .site-footer__links .sub-menu { display: none; }

@media (max-width: 940px) {
  .site-footer--editorial .site-footer__inner {
    width: calc(100% - 64px);
    grid-template-columns: minmax(170px, .82fr) minmax(0, 1.4fr);
    gap: 30px 40px;
  }
  .site-footer--editorial .site-footer__group--legal {
    grid-column: 2;
  }
  .site-footer--editorial .site-footer__name { font-size: 1.73rem; }
}
@media (max-width: 650px) {
  .site-footer--editorial .site-footer__inner {
    width: calc(100% - 44px);
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    padding: 36px 0 41px;
  }
  .site-footer--editorial .site-footer__brand { align-self: start; }
  .site-footer--editorial .site-footer__group {
    grid-column: 1;
    border-left: 0;
    border-top: 1px solid rgba(182,79,45,.22);
    padding: 22px 0 0;
  }
  .site-footer--editorial .site-footer__label { margin-bottom: 13px; font-size: 1.16rem; }
  .site-footer--editorial .site-footer__links { column-gap: 14px; }
  .site-footer--editorial .site-footer__links li { margin-bottom: 6px; }
  .site-footer--editorial .site-footer__links a { font-size: .98rem; }
  .site-footer--editorial .site-footer__name { font-size: 1.8rem; }
}
@media (prefers-reduced-motion: reduce) {
  .site-footer--editorial .site-footer__links a { transition: none; }
}


/* ===============================================================
   v0.76 – redaktioneller Footer, typografisch und vertikal reduziert.
   Das GRID (Spalten, Spaltenabstaende, Trennlinienpositionen)
   bleibt gegenueber v0.75 bewusst unveraendert.
   =============================================================== */
.site-footer--editorial .site-footer__inner {
  padding-top: clamp(29px, 2.9vw, 40px);
  padding-bottom: clamp(28px, 2.9vw, 39px);
}
.site-footer--editorial .site-footer__year {
  font-size: .91rem;
  line-height: 1.35;
  color: #71665e;
}
.site-footer--editorial .site-footer__name {
  font-size: clamp(1.32rem, 1.35vw, 1.53rem);
  line-height: 1.12;
  font-weight: 500;
  letter-spacing: -.005em;
}
.site-footer--editorial .site-footer__brand-rule {
  width: 29px;
  height: 1px;
  margin-top: 11px;
}
.site-footer--editorial .site-footer__label {
  font-family: var(--sp-sans); /* Josefin Sans wie in der Hauptnavigation */
  font-size: .87rem;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: .085em;
  margin-bottom: 13px;
  text-transform: uppercase;
  color: var(--sp-accent);
}
.site-footer--editorial .site-footer__links li { margin-bottom: 5px; }
.site-footer--editorial .site-footer__links a {
  font-size: .945rem;
  line-height: 1.48;
}
@media (max-width: 940px) {
  .site-footer--editorial .site-footer__inner {
    row-gap: 22px;
  }
  .site-footer--editorial .site-footer__name { font-size: 1.40rem; }
}
@media (max-width: 650px) {
  .site-footer--editorial .site-footer__inner {
    padding: 27px 0 30px;
    row-gap: 17px;
  }
  .site-footer--editorial .site-footer__name { font-size: 1.42rem; }
  .site-footer--editorial .site-footer__brand-rule { margin-top: 9px; }
  .site-footer--editorial .site-footer__group { padding-top: 15px; }
  .site-footer--editorial .site-footer__label {
    margin-bottom: 10px;
    font-size: .85rem;
  }
  .site-footer--editorial .site-footer__links li { margin-bottom: 4px; }
  .site-footer--editorial .site-footer__links a { font-size: .925rem; }
}


/* ================================================================
   v0.79 – Einzelbeitrag: Interaktionen unter dem Titel
   Echte Sharing-Links und Original-Jetpack-Like an neuer Stelle.
   ================================================================ */
.single-article__header::after { display: none; }
.single-article__accent-rule {
  display: block;
  width: 43px;
  height: 2px;
  margin: 17px auto 20px;
  background: var(--sp-accent);
}
.single-article__header { margin-bottom: clamp(25px, 2.7vw, 38px); }
.single-share-toolbar {
  position: relative;
  isolation: isolate;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 18px;
  width: 100%;
  min-height: 46px;
  color: #38322f;
}
.single-share-toolbar::before,
.single-share-toolbar::after {
  content: "";
  display: block;
  flex: 1 1 20px;
  max-width: 155px;
  border-top: 1px solid rgba(29,24,21,.24);
}
.single-share-toolbar__main {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(7px, 1.2vw, 14px);
  flex: 0 1 auto;
  min-width: 0;
}
.single-share-toolbar__label {
  font-family: var(--sp-sans);
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  white-space: nowrap;
}
.single-share-toolbar__separator {
  display: block;
  height: 21px;
  width: 1px;
  margin-inline: 1px;
  background: rgba(29,24,21,.2);
}
.single-share-toolbar__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 34px;
  height: 36px;
  border: 0;
  border-radius: 2px;
  padding: 6px;
  background: transparent;
  box-shadow: none;
  color: #423c37;
  font-family: var(--sp-sans);
  text-decoration: none;
  cursor: pointer;
  transition: color 150ms ease, background-color 150ms ease;
}
.single-share-toolbar__icon svg { width: 20px; height: 20px; display: block; }
.single-share-toolbar__icon:hover,
.single-share-toolbar__icon:focus-visible {
  color: #B64F2D;
  background: rgba(182,79,45,.055);
  outline-offset: 2px;
}
.single-share-toolbar__linkedin { font-weight: 700; font-size: 18px; letter-spacing: -.065em; }
.single-share-toolbar__x { font-size: 24px; font-weight: 400; }
.single-share-toolbar__more { position: relative; }
.single-share-toolbar__more > summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 4px;
  color: #4a413d;
  cursor: pointer;
  list-style: none;
  white-space: nowrap;
  font: italic .89rem var(--sp-serif);
}
.single-share-toolbar__more > summary::-webkit-details-marker { display: none; }
.single-share-toolbar__more > summary:hover,
.single-share-toolbar__more > summary:focus-visible { color: var(--sp-accent); }
.single-share-toolbar__more[open] > summary svg { transform: rotate(180deg); }
.single-share-toolbar__dropdown {
  position: absolute;
  z-index: 45;
  right: 0;
  top: calc(100% + 6px);
  display: grid;
  min-width: 195px;
  padding: 6px;
  border: 1px solid var(--sp-line);
  border-radius: 3px;
  background: #fbf9f7;
  box-shadow: 0 12px 30px rgba(29,24,21,.12);
  text-align: left;
}
.single-share-toolbar__dropdown a,
.single-share-toolbar__dropdown button {
  display: block;
  width: 100%;
  padding: 10px 12px;
  border: 0;
  border-radius: 2px;
  background: transparent;
  color: var(--sp-ink);
  text-align: left;
  font: 500 .82rem var(--sp-sans);
  cursor: pointer;
}
.single-share-toolbar__dropdown a:hover,
.single-share-toolbar__dropdown button:hover,
.single-share-toolbar__dropdown a:focus-visible,
.single-share-toolbar__dropdown button:focus-visible {
  background: rgba(182,79,45,.075);
  color: var(--sp-accent);
}
.single-share-toolbar__likes {
  flex: 0 0 auto;
  min-width: 95px;
  padding-left: 13px;
  border-left: 1px solid rgba(29,24,21,.2);
  text-align: left;
}
.single-share-toolbar__likes .sharedaddy.sd-like,
.single-share-toolbar__likes .jetpack-likes-widget-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  line-height: 1;
}
.single-share-toolbar__likes .sd-title { display: none !important; }
.single-share-toolbar__likes .likes-widget-placeholder,
.single-share-toolbar__likes .post-likes-widget-placeholder { margin: 0 !important; }
/* Jetpack haengt normalerweise am Artikelende an. Die Leiste zeigt
   eigenstaendige Teilen-Links und das echte Like-Widget nun oben. */
.single-article__content > .sharedaddy.sd-sharing-enabled,
.single-article__content > .sharedaddy.sd-like,
.single-article__content > .jetpack-likes-widget-wrapper,
.single-article__content > #jp-post-flair { display: none !important; }
@media (max-width: 900px) {
  .single-share-toolbar { gap: 6px 12px; }
  .single-share-toolbar::before, .single-share-toolbar::after { max-width: 65px; }
}
@media (max-width: 640px) {
  .single-share-toolbar { gap: 8px; }
  .single-share-toolbar::before, .single-share-toolbar::after { display: none; }
  .single-share-toolbar__main { width: 100%; justify-content: space-between; gap: 3px; }
  .single-share-toolbar__label { font-size: .66rem; letter-spacing: .09em; }
  .single-share-toolbar__icon { width: 31px; height: 33px; padding: 6px; }
  .single-share-toolbar__icon svg { width: 18px; height: 18px; }
  .single-share-toolbar__separator--secondary { display: none; }
  .single-share-toolbar__more > summary { font-size: .82rem; }
  .single-share-toolbar__likes { border-left: 0; padding-left: 0; width: 100%; display: flex; justify-content: center; padding-top: 4px; }
  .single-article__accent-rule { margin-top: 16px; margin-bottom: 12px; }
}
@media (max-width: 390px) {
  .single-share-toolbar__label { font-size: .63rem; }
  .single-share-toolbar__main { gap: 1px; }
  .single-share-toolbar__icon { width: 29px; }
  .single-share-toolbar__more > summary { font-size: .75rem; }
  .single-share-toolbar__more > summary svg { width: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .single-share-toolbar__icon { transition: none; }
}


/* ==============================================================
   v0.80 – ruhiger Untertitel und feinere Teilen-Leiste.
   Wichtig: Bild und Bildquellen-/Bildunterschrift-CSS bleiben unberuehrt.
   ============================================================== */
.single-article__header .single-article__subtitle {
  width: min(100%, 690px);
  margin: 13px auto 0;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: clamp(1.19rem, 1.55vw, 1.375rem);
  font-weight: 400;
  font-style: normal;
  line-height: 1.48;
  letter-spacing: 0;
  color: #625852;
  text-align: center;
  text-wrap: balance;
  overflow-wrap: break-word;
}
.single-article__header--has-subtitle .single-meta {
  margin-top: 15px;
}
.single-article__header {
  margin-bottom: clamp(18px, 1.8vw, 27px);
}
.single-share-toolbar {
  gap: 7px 13px;
}
.single-share-toolbar::before,
.single-share-toolbar::after {
  max-width: 100px;
  border-top-color: rgba(29,24,21,.20);
}
.single-share-toolbar__main { gap: clamp(5px, .9vw, 11px); }
.single-share-toolbar__icon { width: 32px; height: 34px; }
.single-share-toolbar__icon svg { width: 18px; height: 18px; }
.single-share-toolbar__icon[title="Auf Bluesky teilen"] svg { width: 16px; height: 16px; }
.single-share-toolbar__x { font-size: 19px; }
.single-share-toolbar__linkedin { font-size: 16px; }
.single-share-toolbar__more > summary {
  gap: 5px;
  min-height: 34px;
  font-family: var(--sp-sans);
  font-size: .72rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: .065em;
  text-transform: uppercase;
  color: #625852;
}
.single-share-toolbar__more > summary svg { width: 12px; height: 12px; }
/* Die Jetpack-Likes werden nicht mehr an neuer Stelle eingefuegt.
   Ein eventuell noch aktiviertes Jetpack-Plugin kann seine automatische
   Ausgabe am Beitragsende ebenfalls nicht als eigenstaendiges UI zeigen. */
.single-article .sharedaddy.sd-like,
.single-article .jetpack-likes-widget-wrapper,
.single-article .post-likes-widget,
.single-article #jp-post-flair .sharedaddy.sd-like { display: none !important; }
@media (max-width: 640px) {
  .single-article__header .single-article__subtitle {
    font-size: clamp(1.065rem, 4.4vw, 1.22rem);
    line-height: 1.5;
    margin-top: 11px;
  }
  .single-article__header--has-subtitle .single-meta { margin-top: 13px; }
  .single-article__header { margin-bottom: 20px; }
  .single-share-toolbar__main { gap: 3px; flex-wrap: wrap; }
  .single-share-toolbar__icon { width: 30px; height: 33px; }
  .single-share-toolbar__icon svg { width: 17px; height: 17px; }
  .single-share-toolbar__more > summary { font-size: .68rem; letter-spacing: .03em; }
}


/* v0.82 – alle sechs Teilen-Icons als eine Gruppe; Facebook wird
   durch einen engeren SVG-Ausschnitt optisch so hoch wie die anderen
   Symbole gesetzt. Nur der Beitragskopf wird angepasst. */
.single-share-toolbar__main {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: clamp(7px, .8vw, 10px);
}
.single-share-toolbar__actions {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: clamp(3px, .45vw, 6px);
  min-width: 0;
}
.single-share-toolbar__actions > .single-share-toolbar__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  width: 32px;
  height: 34px;
  padding: 6px;
  margin: 0;
  line-height: 1;
  vertical-align: middle;
}
.single-share-toolbar__actions > .single-share-toolbar__icon svg {
  display: block;
  flex: none;
}
.single-share-toolbar__actions > .single-share-toolbar__facebook svg {
  width: 18px;
  height: 18px;
}
@media (max-width: 640px) {
  .single-share-toolbar__main {
    width: 100%;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 7px;
  }
  .single-share-toolbar__actions { gap: 3px; }
  .single-share-toolbar__actions > .single-share-toolbar__icon {
    flex-basis: 30px;
    width: 30px;
    height: 33px;
    padding: 6px;
  }
  .single-share-toolbar__actions > .single-share-toolbar__facebook svg {
    width: 17px;
    height: 17px;
  }
}
@media (max-width: 390px) {
  .single-share-toolbar__main { gap: 6px; }
  .single-share-toolbar__actions { gap: 2px; }
  .single-share-toolbar__actions > .single-share-toolbar__icon {
    flex-basis: 29px;
    width: 29px;
  }
}


/* ================================================================
   v0.83 – Redaktioneller Artikelabschluss und Footer-Feinschliff.
   Unveraendert: die Fussleisten-Spalten, Navi, Bildunterschriften,
   Hero, Beitragsteilen-Funktion und Widget-Gestaltung.
   ================================================================ */
/* Keine WordPress-Schlagwortkapseln: kleine Rubrikbeschriftung und
   eine typografische Zeile mit dezent roten Punkttrennern. */
.single-article__footer {
  margin-top: 42px;
  padding-top: 19px;
}
.single-article__footer .post-tags {
  display: block;
  margin: 0;
  padding: 0;
  font-family: "Source Serif 4", Georgia, serif;
  letter-spacing: 0;
}
.single-article__footer .post-tags__label {
  display: block;
  margin: 0 0 9px;
  color: #B64F2D;
  font-family: "Josefin Sans", sans-serif;
  font-size: .7rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: .135em;
  text-transform: uppercase;
}
.single-article__footer .post-tags__items {
  font-family: "Source Serif 4", Georgia, serif;
  color: #5a4e47;
  font-size: clamp(.94rem, .98vw, 1.01rem);
  font-weight: 400;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: 0;
  overflow-wrap: break-word;
}
.single-article__footer .post-tags__items a {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  white-space: nowrap; /* mehrteilige Schlagwörter nicht auseinanderbrechen */
  text-decoration: none;
  text-underline-offset: .19em;
  transition: color 160ms ease;
}
.single-article__footer .post-tags__items a:hover,
.single-article__footer .post-tags__items a:focus-visible {
  color: #B64F2D;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.single-article__footer .post-tags__separator {
  display: inline;
  margin: 0 .46em;
  padding: 0;
  color: #B64F2D;
  font: inherit;
  text-decoration: none;
}

/* Die Spaltenpositionen des vorhandenen Footers bleiben unveraendert.
   Copyright orientiert sich an der oberen Textachse von Inhalt/Hinweisen. */
.site-footer--editorial .site-footer__brand {
  align-self: start;
}
/* Wie die rote Akzentlinie des geoeffneten Jahresarchivs: 2 px.
   Die Transparenz bleibt sanft, um die Fussleiste leicht zu halten. */
.site-footer--editorial .site-footer__brand-rule {
  height: 2px;
  background: #B64F2D;
}
.site-footer--editorial .site-footer__group {
  border-left-width: 2px;
  border-left-color: rgba(182, 79, 45, .43);
}
/* Etwas weniger Leeraum nach einzelnen Artikeln, nicht auf
   Start-, Archiv- und statischen Seiten. */
body.single-post .site-footer.site-footer--editorial {
  margin-top: clamp(42px, 4.6vw, 72px);
}
@media (max-width: 820px) {
  .single-article__footer { margin: 34px 0 0; }
}
@media (max-width: 650px) {
  .site-footer--editorial .site-footer__group {
    border-left: 0;
  }
  body.single-post .site-footer.site-footer--editorial {
    margin-top: 42px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .single-article__footer .post-tags__items a { transition: none; }
}


/* v0.84 – optional chronological index ("Alle Artikel"). */
.sp-all-articles {
  margin-top: clamp(48px, 5vw, 76px);
  margin-bottom: 30px;
}
.sp-all-articles .archive-header { margin-bottom: 36px; }
.sp-all-articles__intro {
  max-width: 560px;
  margin: 15px auto 0;
  color: var(--sp-muted);
  font-family: var(--sp-serif);
  font-size: 1.05rem;
  line-height: 1.5;
}
.sp-all-articles .article-list--all { border-top: 1px solid var(--sp-line); }
.sp-all-articles .article-row:first-child { border-top: 0; }
.sp-all-articles .article-row__image { min-width: 0; }
@media (max-width: 560px) {
  .sp-all-articles .archive-header { margin-bottom: 24px; }
  .sp-all-articles__intro { font-size: 1rem; }
}


/* ==========================================================
   v0.85 – Linke Achse der Sidebar-Ueberschriften.
   Der graue Zitatblock greift links ueber die Titelachse hinaus;
   seine rechte Kante bleibt dabei am bisherigen Ort.
   ========================================================== */
@media (min-width: 821px) {
  .home-sidebar--widgets > .home-widget.sp-quote-card {
    margin-left: -23px;
    width: calc(100% + 23px);
  }
}
/* In der einspaltigen Darstellung nur so weit nach links ausgreifen,
   wie es der aeussere Seitenabstand erlaubt. */
@media (min-width: 561px) and (max-width: 820px) {
  .home-sidebar--widgets > .home-widget.sp-quote-card {
    margin-left: -18px;
    width: calc(100% + 18px);
    max-width: 558px;
    padding-left: 18px;
  }
}
@media (max-width: 560px) {
  .home-sidebar--widgets > .home-widget.sp-quote-card {
    margin-left: -14px;
    width: calc(100% + 14px);
    padding-left: 14px;
  }
}
/* Nur die obere horizontale Footer-Kante wird neutral grau;
   rote Akzentlinien innerhalb der Fussleiste bleiben bestehen. */
.site-footer.site-footer--editorial {
  border-top-color: var(--sp-line);
}


/* ================================================================
   v0.86 – Lesbarkeit / Typografische Details
   Sauerlach-Layout wird separat als Gutenberg-Vorlage weiterentwickelt.
   ================================================================ */

/* Etwas groessere Josefin Sans auf mittleren Desktop-/Tabletbreiten.
   Geringere Laufweite kompensiert die groesseren Buchstaben. */
@media (min-width: 821px) and (max-width: 1170px) {
  .site-header .site-nav-wrap .primary-menu > li > a {
    font-size: .865rem;
    letter-spacing: .018em;
  }
  .site-header .site-nav-wrap .primary-menu {
    column-gap: clamp(10px, 1.2vw, 16px);
  }
}

/* v0.87: Rueckkehr zum urspruenglichen warmen Grauton des
   Aufgelesenes-Kastens aus v0.85 (auf Wunsch des Nutzers). */
.home-sidebar--widgets > .home-widget.sp-quote-card {
  background: #f1eeea;
}

/* Filigrane Kursive bekommt mehr vertikale Luft,
   unveraenderte Typografie fuer die bibliografische Quelle. */
.home-sidebar--widgets > .sp-quote-card :is(
  .quotescollection-quote,
  .random-quote,
  blockquote,
  .quote
) {
  line-height: 1.45;
}
.home-sidebar--widgets > .sp-quote-card .quotescollection-quote > p:first-child,
.home-sidebar--widgets > .sp-quote-card .quotescollection-quote > p.quote,
.home-sidebar--widgets > .sp-quote-card :is(.random-quote, blockquote) > p:not(.attribution) {
  line-height: 1.45;
}

/* Startseiten-Teaser mobil nicht kleiner als 16,6px. */
@media (max-width: 560px) {
  .article-row__excerpt,
  .sp-all-articles .article-row__excerpt,
  .archive-page .article-row__excerpt {
    font-size: 1.04rem;
    line-height: 1.64;
  }
}

/* Pagination in derselben Schrift wie das Hauptmenue – Josefin Sans.
   Aktive Seite und Unterstreichung behalten die Akzentfarbe. */
.post-pagination .page-numbers,
.archive-page .pagination .page-numbers,
.pagination .page-numbers {
  font-family: var(--sp-sans);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: .035em;
}
.post-pagination .page-numbers.current,
.archive-page .pagination .page-numbers.current,
.pagination .page-numbers.current {
  font-weight: 600;
}
.post-pagination .page-numbers.prev,
.post-pagination .page-numbers.next,
.archive-page .pagination .page-numbers.prev,
.archive-page .pagination .page-numbers.next,
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
  font-size: .96rem;
}
@media (max-width: 560px) {
  .post-pagination .page-numbers,
  .archive-page .pagination .page-numbers,
  .pagination .page-numbers { font-size: .94rem; }
  .post-pagination .page-numbers.prev,
  .post-pagination .page-numbers.next,
  .archive-page .pagination .page-numbers.prev,
  .archive-page .pagination .page-numbers.next,
  .pagination .page-numbers.prev,
  .pagination .page-numbers.next { font-size: .87rem; }
}


/* ================================================================
   v0.87 – Seitenzahlen und Vor-/Zuruecknavigation wie das Menue
   in Josefin Sans und konsequent in Versalien.
   ================================================================ */
.post-pagination .page-numbers,
.archive-page .pagination .page-numbers,
.pagination .page-numbers {
  text-transform: uppercase;
}


/* v0.92 – Startseite: exakt derselbe dezente Hover-Farbwechsel
   wie bei "Aufgelesenes -> Naechstes Zitat".
   Kein Eingriff in Schrift, Pfeil, Layout oder Linkziel. */
.article-column .section-heading--main > a:hover,
.article-column .section-heading--main > a:focus-visible {
  color: var(--sp-accent-dark);
  text-decoration: none;
}