/* VHS Archiv Cards für OceanWP */

:root {
  --vhs-accent: #bd6bee;
  --vhs-text: #1f2937;
  --vhs-muted: #4f5b6b;
  --vhs-border: #e5eaf1;
  --vhs-card-bg: #ffffff;
  --vhs-image-bg: #74c1a8;
}

/* Archiv-Grid / Karten */
.blog-entry.grid-entry,
.archive .blog-entry,
.search-results .blog-entry {
  border: 1px solid var(--vhs-border) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: var(--vhs-card-bg) !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06) !important;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}

.blog-entry.grid-entry:hover,
.archive .blog-entry:hover,
.search-results .blog-entry:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.11) !important;
  border-color: rgba(147, 201, 14, 0.35) !important;
}

/* Karte innen als Flexbox: Button sitzt unten sauber */
.blog-entry.grid-entry .blog-entry-inner,
.blog-entry .blog-entry-inner {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
}

/* Bildbereich: alle Kursbilder sind 448 x 149 px, also exakt dieses Verhältnis */
.blog-entry .thumbnail,
.blog-entry .blog-entry-media,
.blog-entry .blog-entry-header {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--vhs-image-bg) !important;
  overflow: hidden !important;
  aspect-ratio: 448 / 149 !important;
  width: 100% !important;
}

.blog-entry .thumbnail a,
.blog-entry .blog-entry-media a,
.blog-entry .blog-entry-header a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background: var(--vhs-image-bg) !important;
}

.blog-entry .thumbnail img,
.blog-entry .blog-entry-media img,
.blog-entry img.wp-post-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  background: var(--vhs-image-bg) !important;
  transform: none !important;
}

.blog-entry:hover .thumbnail img,
.blog-entry:hover .blog-entry-media img,
.blog-entry:hover img.wp-post-image {
  transform: none !important;
}

/* OceanWP Standardabstände raus */
.blog-entry.grid-entry .blog-entry-summary,
.blog-entry .blog-entry-summary,
.blog-entry .blog-entry-content {
  padding: 0 !important;
}

/* Titel ausblenden, weil der Kurstitel bereits im Bild steht */
.blog-entry .blog-entry-title,
.blog-entry h2.blog-entry-title,
.blog-entry h2.entry-title {
  display: none !important;
}

/* Meta / Kategorie */
.blog-entry .blog-entry-content,
.blog-entry .blog-entry-summary,
.blog-entry .blog-entry-readmore,
.blog-entry .blog-entry-meta,
.blog-entry ul.meta,
.blog-entry .meta {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

.blog-entry ul.meta,
.blog-entry .meta {
  color: var(--vhs-muted) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  margin-top: 24px !important;
  margin-bottom: 22px !important;
}

.blog-entry ul.meta li,
.blog-entry .meta li {
  margin-bottom: 7px !important;
}

.blog-entry ul.meta a,
.blog-entry .meta a {
  color: var(--vhs-muted) !important;
  text-decoration: none !important;
}

.blog-entry ul.meta a:hover,
.blog-entry .meta a:hover {
  color: var(--vhs-accent) !important;
}

/* Text */
.blog-entry .blog-entry-summary,
.blog-entry .blog-entry-content p {
  color: var(--vhs-muted) !important;
  font-size: 15.5px !important;
  line-height: 1.65 !important;
}

/* Kurs ansehen Button */
.blog-entry .blog-entry-readmore {
  margin-top: auto !important;
  margin-bottom: 26px !important;
  padding-top: 18px !important;
}

.blog-entry .blog-entry-readmore a,
.blog-entry a.more-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: var(--vhs-accent) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 12px 21px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: 0 10px 22px rgba(147, 201, 14, 0.25) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

.blog-entry .blog-entry-readmore a:hover,
.blog-entry a.more-link:hover {
  transform: translateX(3px) !important;
  filter: brightness(0.95) !important;
  box-shadow: 0 12px 26px rgba(147, 201, 14, 0.34) !important;
}

/* Admin-Links dezent */
.blog-entry .edit-link,
.blog-entry .post-edit-link,
.blog-entry a[href*="vc_action=vc_inline"] {
  font-size: 12px !important;
  color: #a5afbc !important;
  margin-left: 24px !important;
}

/* Mobil */
@media (max-width: 767px) {
  .blog-entry .blog-entry-content,
  .blog-entry .blog-entry-summary,
  .blog-entry .blog-entry-readmore,
  .blog-entry .blog-entry-meta,
  .blog-entry ul.meta,
  .blog-entry .meta {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .blog-entry ul.meta,
  .blog-entry .meta {
    font-size: 15px !important;
    margin-top: 18px !important;
  }
}


/* v1.0.4: Innenrahmen entfernen + feste Kartenhöhe */
.blog-entry.grid-entry,
.archive .blog-entry,
.search-results .blog-entry {
  height: 440px !important;
  min-height: 440px !important;
  max-height: 440px !important;
}

.blog-entry.grid-entry .blog-entry-inner,
.blog-entry .blog-entry-inner,
.blog-entry .blog-entry-content,
.blog-entry .blog-entry-summary,
.blog-entry .blog-entry-readmore,
.blog-entry .thumbnail,
.blog-entry .blog-entry-media {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.blog-entry .blog-entry-content,
.blog-entry .blog-entry-summary {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

.blog-entry ul.meta,
.blog-entry .meta {
  min-height: 76px !important;
  max-height: 76px !important;
  overflow: hidden !important;
}

.blog-entry ul.meta li,
.blog-entry .meta li {
  display: none !important;
}

.blog-entry ul.meta li.meta-cat,
.blog-entry .meta li.meta-cat,
.blog-entry ul.meta li:has(.icon-folder),
.blog-entry .meta li:has(.icon-folder),
.blog-entry ul.meta li:has(.fa-folder),
.blog-entry .meta li:has(.fa-folder),
.blog-entry ul.meta li:has(.owp-icon-folder),
.blog-entry .meta li:has(.owp-icon-folder) {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.blog-entry .blog-entry-readmore {
  margin-top: auto !important;
  margin-bottom: 28px !important;
}

.blog-entry .edit-link,
.blog-entry .post-edit-link,
.blog-entry a[href*="vc_action=vc_inline"] {
  position: relative !important;
  bottom: auto !important;
  margin-top: 8px !important;
}

@media (max-width: 767px) {
  .blog-entry.grid-entry,
  .archive .blog-entry,
  .search-results .blog-entry {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .blog-entry ul.meta,
  .blog-entry .meta {
    min-height: auto !important;
    max-height: none !important;
  }
}

/* v1.0.5: Bild bis an die Kartenränder + mehr Abstand im Grid */
.blog-entry.grid-entry,
.archive .blog-entry,
.search-results .blog-entry {
  padding: 0 !important;
}

.blog-entry.grid-entry .blog-entry-inner,
.blog-entry .blog-entry-inner {
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 20px !important;
}

.blog-entry .thumbnail,
.blog-entry .blog-entry-media,
.blog-entry .blog-entry-header {
  border-radius: 20px 20px 0 0 !important;
  margin: 0 !important;
}

.blog-entry .thumbnail img,
.blog-entry .blog-entry-media img,
.blog-entry img.wp-post-image {
  border-radius: 20px 20px 0 0 !important;
}

@media (min-width: 768px) {
  /* OceanWP Grid-Spalten etwas auseinanderziehen */
  #blog-entries .blog-entry.grid-entry,
  .archive #blog-entries .blog-entry,
  .search-results #blog-entries .blog-entry {
    margin: 0 12px 30px 12px !important;
    width: calc(50% - 24px) !important;
  }
}

@media (max-width: 767px) {
  #blog-entries .blog-entry.grid-entry,
  .archive #blog-entries .blog-entry,
  .search-results #blog-entries .blog-entry {
    margin-bottom: 24px !important;
  }
}


/* v1.0.6: 2-Zeilen-Teaser aus dem WPBakery-Inhalt */
.blog-entry.grid-entry,
.archive .blog-entry,
.search-results .blog-entry {
  height: 470px !important;
  min-height: 470px !important;
  max-height: 470px !important;
}

.blog-entry .vhs-course-excerpt {
  color: #64748b !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  margin: -4px 28px 18px 28px !important;
  min-height: 45px !important;
  max-height: 45px !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.blog-entry .vhs-course-excerpt:empty {
  display: none !important;
}

.blog-entry ul.meta,
.blog-entry .meta {
  min-height: 62px !important;
  max-height: 62px !important;
  margin-bottom: 14px !important;
}

.blog-entry .blog-entry-readmore {
  padding-top: 8px !important;
}

@media (max-width: 767px) {
  .blog-entry.grid-entry,
  .archive .blog-entry,
  .search-results .blog-entry {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .blog-entry .vhs-course-excerpt {
    margin-left: 20px !important;
    margin-right: 20px !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}


/* v1.0.7: Akzentfarbe + Kategorie als kurzer Badge */
.blog-entry.grid-entry,
.archive .blog-entry,
.search-results .blog-entry {
  height: 450px !important;
  min-height: 450px !important;
  max-height: 450px !important;
}

.blog-entry.grid-entry:hover,
.archive .blog-entry:hover,
.search-results .blog-entry:hover {
  border-color: rgba(189, 107, 238, 0.35) !important;
}

.blog-entry .blog-entry-readmore a,
.blog-entry a.more-link {
  background: #bd6bee !important;
  box-shadow: 0 10px 22px rgba(189, 107, 238, 0.26) !important;
  text-transform: none !important;
}

.blog-entry .blog-entry-readmore a:hover,
.blog-entry a.more-link:hover {
  background: #a855f7 !important;
  box-shadow: 0 12px 26px rgba(189, 107, 238, 0.36) !important;
}

.blog-entry ul.meta,
.blog-entry .meta {
  min-height: 44px !important;
  max-height: 44px !important;
  margin-top: 26px !important;
  margin-bottom: 12px !important;
}

.blog-entry ul.meta li.meta-cat,
.blog-entry .meta li.meta-cat,
.blog-entry ul.meta li:has(.icon-folder),
.blog-entry .meta li:has(.icon-folder),
.blog-entry ul.meta li:has(.fa-folder),
.blog-entry .meta li:has(.fa-folder),
.blog-entry ul.meta li:has(.owp-icon-folder),
.blog-entry .meta li:has(.owp-icon-folder) {
  display: block !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
}

.blog-entry .vhs-category-badge,
.blog-entry ul.meta a.vhs-category-badge,
.blog-entry .meta a.vhs-category-badge {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  background: rgba(189, 107, 238, 0.12) !important;
  color: #9d4edd !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.blog-entry .vhs-category-badge:hover,
.blog-entry ul.meta a.vhs-category-badge:hover,
.blog-entry .meta a.vhs-category-badge:hover {
  background: rgba(189, 107, 238, 0.18) !important;
  color: #8f35dc !important;
}

.blog-entry .vhs-course-excerpt {
  margin-top: 2px !important;
}

@media (max-width: 767px) {
  .blog-entry.grid-entry,
  .archive .blog-entry,
  .search-results .blog-entry {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}


/* v1.0.9: Einzelkurs-Seite aufräumen */
body.single-post #content-wrap,
body.single-post .content-area,
body.single-post .site-main {
  overflow: visible !important;
}

body.single-post article.single-post,
body.single-post .single-post,
body.single-post .entry-content,
body.single-post .single-content {
  color: #1f2937 !important;
}

/* Kursbild oben als Hero */
body.single-post .thumbnail,
body.single-post .single-post-media,
body.single-post .entry-media,
body.single-post .post-thumbnail {
  margin-bottom: 28px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08) !important;
}

body.single-post .thumbnail img,
body.single-post .single-post-media img,
body.single-post .entry-media img,
body.single-post .post-thumbnail img,
body.single-post img.wp-post-image {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 22px !important;
}

/* Titel ist im Banner bereits enthalten */
body.single-post h1.entry-title,
body.single-post .single-post-title,
body.single-post .entry-header h1,
body.single-post header.entry-header {
  display: none !important;
}

/* alte OceanWP Meta-Zeile ausblenden */
body.single-post ul.meta,
body.single-post .meta,
body.single-post .entry-meta,
body.single-post .post-meta {
  display: none !important;
}

body.single-post .entry-content,
body.single-post .single-content {
  font-size: 16px !important;
  line-height: 1.78 !important;
}

/* obere Kurs-Aktionsleiste */
body.single-post .vhs-single-introbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin: 8px 0 28px 0 !important;
  padding: 0 0 24px 0 !important;
  border-bottom: 1px solid #edf0f5 !important;
}

body.single-post .vhs-category-badge,
body.single-post .vhs-single-badge {
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  background: rgba(189, 107, 238, 0.13) !important;
  color: #9d4edd !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
}

body.single-post .vhs-single-apply-button,
body.single-post .entry-content a.vc_btn3,
body.single-post .entry-content .vc_btn3-container a,
body.single-post .entry-content a[class*="button"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #bd6bee !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 13px 22px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(189, 107, 238, .28) !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}

body.single-post .vhs-single-apply-button:hover,
body.single-post .entry-content a.vc_btn3:hover,
body.single-post .entry-content .vc_btn3-container a:hover,
body.single-post .entry-content a[class*="button"]:hover {
  background: #a855f7 !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 34px rgba(189, 107, 238, .36) !important;
}

/* Überschriften bleiben in den OceanWP/Theme-Typografie-Einstellungen. */
body.single-post .entry-content strong,
body.single-post .single-content strong {
  color: #172033 !important;
  font-weight: 850 !important;
}

/* Newsletter / große WPBakery-Banner unten sauber begrenzen */
body.single-post .entry-content img,
body.single-post .single-content img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 14px !important;
}

@media (max-width: 767px) {
  body.single-post .vhs-single-introbar {
    align-items: flex-start !important;
    margin-top: 4px !important;
  }

  body.single-post .vhs-single-apply-button {
    width: 100% !important;
  }

  body.single-post .entry-content,
  body.single-post .single-content {
    font-size: 15.5px !important;
  }
}


/* v1.1.0: WPBakery Kurs-Infos als moderne Infokarten */
body.single-post .entry-content .vc_row:has(.vc_col-sm-6),
body.single-post .single-content .vc_row:has(.vc_col-sm-6) {
  margin-top: 18px !important;
  margin-bottom: 34px !important;
}

body.single-post .entry-content .vc_row:has(.vc_col-sm-6) > .wpb_column.vc_col-sm-6,
body.single-post .single-content .vc_row:has(.vc_col-sm-6) > .wpb_column.vc_col-sm-6 {
  padding-left: 12px !important;
  padding-right: 12px !important;
  margin-bottom: 24px !important;
}

body.single-post .entry-content .wpb_column.vc_col-sm-6 > .vc_column-inner,
body.single-post .single-content .wpb_column.vc_col-sm-6 > .vc_column-inner {
  height: 100% !important;
  background: #ffffff !important;
  border: 1px solid #edf0f5 !important;
  border-radius: 20px !important;
  padding: 26px 26px 24px !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
}

body.single-post .entry-content .wpb_column.vc_col-sm-6 > .vc_column-inner > .wpb_wrapper,
body.single-post .single-content .wpb_column.vc_col-sm-6 > .vc_column-inner > .wpb_wrapper {
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

body.single-post .entry-content .wpb_column.vc_col-sm-6 .wpb_text_column,
body.single-post .single-content .wpb_column.vc_col-sm-6 .wpb_text_column {
  margin-bottom: 18px !important;
}

body.single-post .entry-content .wpb_column.vc_col-sm-6 p,
body.single-post .single-content .wpb_column.vc_col-sm-6 p {
  margin: 0 0 9px !important;
  color: #334155 !important;
  font-size: 15.5px !important;
  line-height: 1.65 !important;
}

body.single-post .entry-content .wpb_column.vc_col-sm-6 strong,
body.single-post .single-content .wpb_column.vc_col-sm-6 strong {
  color: #111827 !important;
  font-weight: 900 !important;
}

/* Warnhinweise innerhalb der Kurs-Infokarten */
body.single-post .entry-content .wpb_column.vc_col-sm-6 p:has(strong),
body.single-post .single-content .wpb_column.vc_col-sm-6 p:has(strong) {
  margin-top: 18px !important;
}

body.single-post .entry-content .wpb_column.vc_col-sm-6 p strong:first-child,
body.single-post .single-content .wpb_column.vc_col-sm-6 p strong:first-child {
  display: inline-block !important;
}

body.single-post .entry-content .wpb_column.vc_col-sm-6 .vc_btn3-container,
body.single-post .single-content .wpb_column.vc_col-sm-6 .vc_btn3-container {
  margin-top: auto !important;
  margin-bottom: 0 !important;
  padding-top: 16px !important;
}

body.single-post .entry-content .wpb_column.vc_col-sm-6 .vc_btn3-container a,
body.single-post .single-content .wpb_column.vc_col-sm-6 .vc_btn3-container a {
  min-width: 190px !important;
}


@media (max-width: 767px) {
  body.single-post .entry-content .vc_row:has(.vc_col-sm-6) > .wpb_column.vc_col-sm-6,
  body.single-post .single-content .vc_row:has(.vc_col-sm-6) > .wpb_column.vc_col-sm-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.single-post .entry-content .wpb_column.vc_col-sm-6 > .vc_column-inner,
  body.single-post .single-content .wpb_column.vc_col-sm-6 > .vc_column-inner {
    padding: 22px 20px !important;
    border-radius: 16px !important;
  }
}


/* v1.1.1: Top-Anmeldebutton weg + einzelne Kurs-Info-Spalten ebenfalls als Card */
body.single-post .vhs-single-introbar {
  justify-content: flex-start !important;
}

body.single-post .vhs-single-apply-button {
  display: none !important;
}

/* Wenn Kurs-Infos nur eine Spalte hat, trotzdem wie eine Card stylen.
   Greift hauptsächlich auf die erste WPBakery-Zeile direkt nach der Kurs-Infos-Überschrift. */
body.single-post .entry-content h2 + .vc_row,
body.single-post .single-content h2 + .vc_row,
body.single-post .entry-content h3 + .vc_row,
body.single-post .single-content h3 + .vc_row {
  margin-top: 18px !important;
  margin-bottom: 34px !important;
}

body.single-post .entry-content h2 + .vc_row > .wpb_column,
body.single-post .single-content h2 + .vc_row > .wpb_column,
body.single-post .entry-content h3 + .vc_row > .wpb_column,
body.single-post .single-content h3 + .vc_row > .wpb_column {
  padding-left: 12px !important;
  padding-right: 12px !important;
  margin-bottom: 24px !important;
}

body.single-post .entry-content h2 + .vc_row > .wpb_column > .vc_column-inner,
body.single-post .single-content h2 + .vc_row > .wpb_column > .vc_column-inner,
body.single-post .entry-content h3 + .vc_row > .wpb_column > .vc_column-inner,
body.single-post .single-content h3 + .vc_row > .wpb_column > .vc_column-inner {
  height: 100% !important;
  background: #ffffff !important;
  border: 1px solid #edf0f5 !important;
  border-radius: 20px !important;
  padding: 26px 26px 24px !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
}

body.single-post .entry-content h2 + .vc_row > .wpb_column > .vc_column-inner > .wpb_wrapper,
body.single-post .single-content h2 + .vc_row > .wpb_column > .vc_column-inner > .wpb_wrapper,
body.single-post .entry-content h3 + .vc_row > .wpb_column > .vc_column-inner > .wpb_wrapper,
body.single-post .single-content h3 + .vc_row > .wpb_column > .vc_column-inner > .wpb_wrapper {
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

body.single-post .entry-content h2 + .vc_row .vc_btn3-container,
body.single-post .single-content h2 + .vc_row .vc_btn3-container,
body.single-post .entry-content h3 + .vc_row .vc_btn3-container,
body.single-post .single-content h3 + .vc_row .vc_btn3-container {
  margin-top: auto !important;
  padding-top: 18px !important;
}

@media (max-width: 767px) {
  body.single-post .entry-content h2 + .vc_row > .wpb_column,
  body.single-post .single-content h2 + .vc_row > .wpb_column,
  body.single-post .entry-content h3 + .vc_row > .wpb_column,
  body.single-post .single-content h3 + .vc_row > .wpb_column {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


/* v1.1.2: Kursinfo-Card auch bei nur einer WPBakery-Spalte + Headings vom Theme übernehmen */
body.single-post .entry-content .wpb_column:has(.vc_btn3-container) > .vc_column-inner,
body.single-post .single-content .wpb_column:has(.vc_btn3-container) > .vc_column-inner {
  background: #ffffff !important;
  border: 1px solid #edf0f5 !important;
  border-radius: 20px !important;
  padding: 26px 26px 24px !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
}

body.single-post .entry-content .wpb_column:has(.vc_btn3-container) > .vc_column-inner > .wpb_wrapper,
body.single-post .single-content .wpb_column:has(.vc_btn3-container) > .vc_column-inner > .wpb_wrapper {
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

body.single-post .entry-content .wpb_column:has(.vc_btn3-container) .vc_btn3-container,
body.single-post .single-content .wpb_column:has(.vc_btn3-container) .vc_btn3-container {
  margin-top: auto !important;
  margin-bottom: 0 !important;
  padding-top: 16px !important;
}

/* Bei Einzelspalte nicht volle Breite kleben lassen, aber mobil sauber */
body.single-post .entry-content .vc_row > .wpb_column.vc_col-sm-12:has(.vc_btn3-container),
body.single-post .single-content .vc_row > .wpb_column.vc_col-sm-12:has(.vc_btn3-container) {
  max-width: 540px !important;
}

@media (max-width: 767px) {
  body.single-post .entry-content .vc_row > .wpb_column.vc_col-sm-12:has(.vc_btn3-container),
  body.single-post .single-content .vc_row > .wpb_column.vc_col-sm-12:has(.vc_btn3-container) {
    max-width: none !important;
  }
}