/* =========================================
   Content Card Styling
   nur für Einzelbeiträge + Unterseiten
   nicht für Startseite / keine Homepage-Cards
   ========================================= */

/* Nur Single Posts und normale Seiten, aber NICHT Home */
body.single .site-content,
body.page:not(.home) .site-content {
  position: relative;
  z-index: 5;
}

body.single .content-area,
body.page:not(.home) .content-area {
  margin-top: -40px;
  position: relative;
  z-index: 6;
}

/* Nur der eigentliche Hauptartikel */
body.single .content-area > article,
body.page:not(.home) .content-area > article,
body.single article.post,
body.page:not(.home) article.page {
  background: rgba(15, 31, 56, 0.68);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  padding: 30px 32px;
  overflow: hidden;
  position: relative;
}

/* Kein farbiger Strich oben */
body.single .content-area > article::before,
body.page:not(.home) .content-area > article::before,
body.single article.post::before,
body.page:not(.home) article.page::before {
  display: none;
}

/* Inhaltsbereich */
body.single .entry-content,
body.single .card__content,
body.single .post__content,
body.page:not(.home) .entry-content,
body.page:not(.home) .card__content,
body.page:not(.home) .post__content {
  position: relative;
  z-index: 2;
}

/* Text */
body.single .entry-content p,
body.single .entry-content li,
body.single .entry-content td,
body.single .entry-content blockquote,
body.page:not(.home) .entry-content p,
body.page:not(.home) .entry-content li,
body.page:not(.home) .entry-content td,
body.page:not(.home) .entry-content blockquote {
  color: rgba(255, 255, 255, 0.92);
}

/* Überschriften */
body.single .entry-content h1,
body.single .entry-content h2,
body.single .entry-content h3,
body.single .entry-content h4,
body.single .entry-content h5,
body.page:not(.home) .entry-content h1,
body.page:not(.home) .entry-content h2,
body.page:not(.home) .entry-content h3,
body.page:not(.home) .entry-content h4,
body.page:not(.home) .entry-content h5 {
  color: #ffffff;
  text-shadow: 0 1px 6px rgba(0,0,0,0.10);
}

/* Links */
body.single .entry-content a,
body.page:not(.home) .entry-content a {
  color: #7ed8ff;
}

body.single .entry-content a:hover,
body.page:not(.home) .entry-content a:hover {
  color: #f0c232;
}

/* Bilder im Artikel */
body.single .entry-content img,
body.page:not(.home) .entry-content img {
  border-radius: 12px;
}

/* Mobil */
@media (max-width: 991px) {
  body.single .content-area,
  body.page:not(.home) .content-area {
    margin-top: -20px;
  }

  body.single .content-area > article,
  body.page:not(.home) .content-area > article,
  body.single article.post,
  body.page:not(.home) article.page {
    padding: 22px 18px;
    border-radius: 14px;
  }
}