/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 02 2025 | 20:10:29 */
/* 1) Grundlayout: angenehme Breite, ruhigere Typo */
.site, .wp-site-blocks, .entry-content, .wp-block-group {
  --page-max: 980px;
  --text: #111;
  --muted: #666;
  --soft: #e9e9e9;
  --accent: #111; /* falls du später eine Akzentfarbe nutzen willst */
}

.entry-content > * {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--page-max);
}

/* 2) H1: weniger Abstand unten, damit die Einleitung schneller sichtbar ist */
.entry-title, h1.entry-title, .wp-block-post-title, h1 {
  line-height: 1.1;
  margin-bottom: .4em !important;
}

/* 3) Kurz-Intro als dezente „Karte“ (Klasse: intro-note) */
.intro-note {
  background: #fafafa;
  border-left: 4px solid var(--accent);
  padding: 1.2rem 1.2rem 1.2rem 1.1rem;
  margin-top: .2rem;
  margin-bottom: 1.6rem;
  color: var(--text);
}
.intro-note p:last-child { margin-bottom: 0; }

/* 4) Luft nach der großen H1 und vor dem ersten Beitrag reduzieren */
.entry-content > .wp-block-query:first-of-type {
  margin-top: 1rem;
}

/* 5) Beitragsliste (Query Loop) – Kartenstil */
.wp-block-query .wp-block-post {
  padding: 1.1rem 0;
  border-top: 1px solid var(--soft);
}
.wp-block-query .wp-block-post:first-child {
  border-top: 0;
  padding-top: .4rem;
}

.wp-block-post-title a {
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .2s ease, color .2s ease;
  color: var(--text);
}
.wp-block-post-title a:hover,
.wp-block-post-title a:focus {
  border-color: var(--text);
}

/* 6) Datum & Meta dezenter */
.wp-block-post-date, .wp-block-post-terms, .wp-block-post-author {
  color: var(--muted);
  font-size: .95rem;
}

/* 7) Auszug: Zeilen klammern, damit nichts „ausfranst“ */
.wp-block-post-excerpt p {
  margin-top: .35rem;
  color: var(--text);
  display: -webkit-box;
  -webkit-line-clamp: 4;   /* 4 Zeilen im Teaser */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 8) „Weiterlesen“-Link aufgeräumt */
.wp-block-post-excerpt__more-link,
.wp-block-read-more {
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid currentColor;
  padding-bottom: 1px;
}

/* 9) Pagination kompakt */
.wp-block-query-pagination {
  margin-top: 1.4rem;
  gap: .6rem;
  font-weight: 600;
}
.wp-block-query-pagination a {
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.wp-block-query-pagination a:hover {
  border-color: currentColor;
}

/* 10) Mobile Feinschliff */
@media (max-width: 720px) {
  .entry-content > * { padding-left: 1rem; padding-right: 1rem; }
  .intro-note { padding: 1rem; }
  .wp-block-post-excerpt p { -webkit-line-clamp: 5; } /* etwas mehr Text auf Mobile */
  .wp-block-query .wp-block-post { padding: .9rem 0; }
}

/* Weiterlesen-Link sanfter und farblich ans Titelbild angepasst */
.wp-block-post-excerpt__more-link,
.wp-block-read-more {
  display: inline-block;
  margin-top: .4rem;
  padding: .25rem .6rem;
  border-radius: .3rem;
  background: #3A6EA5;   /* sanftes Meerblau */
  color: #ffffff !important;
  font-weight: 500;      /* nicht so fett */
  font-size: 0.9rem;     /* etwas kleiner */
  text-decoration: none !important;
  border: none;
  line-height: 1.2;
  transition: background-color 0.2s ease;
}

.wp-block-post-excerpt__more-link:hover,
.wp-block-read-more:hover {
  background: #2d5682;   /* dunkleres Blau beim Hover */
}