/* ==========================================================================
   Inhalts-Bausteine
   Wiederkehrende Elemente aus den Seiten (Custom-HTML-Blöcke). Das CSS steckt
   jetzt hier, im Block bleibt nur noch das Markup. Bestehende Blöcke mit
   eigenem <style> funktionieren unverändert weiter (ihr CSS ist identisch).
   ========================================================================== */

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}


/* ---------- Hero (Landingpages) ---------- */

.honify-hero-bg {
  position: relative;
  overflow: visible;
}

/* schräge blassgrüne Fläche hinter dem Hero */
.honify-hero-bg::after {
  content: '';
  position: absolute;
  bottom: -80px;
  left: -100vw;
  z-index: -1;
  width: 300vw;
  height: 60%;
  background-color: var(--honify-blassgruen-0, #EAFCEF);
  transform: skewY(-3deg);
}

.honify-mobile-pullup,
.honify-mobile-br {
  display: none;
}

.mobile-negative-spacer {
  display: none;
}

@media (max-width: 768px) {
  .honify-hero-eyebrow {
    transform: none !important;
  }

  .honify-hero-headline {
    font-size: 36px !important;
  }

  /* Umbruch nur auf dem Handy */
  .honify-mobile-br {
    display: inline;
  }

  .honify-mobile-br::before {
    content: '\A';
    white-space: pre;
  }

  .honify-mobile-pullup {
    display: block;
    margin-top: -120px;
  }

  .mobile-negative-spacer {
    display: block;
  }
}


/* ---------- Buttons & CTA-Gruppe ---------- */

.honify-cta-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-top: 2rem;
}

.honify-btn--primary,
.honify-btn--secondary {
  display: inline-block;
  padding: .7em 1.5em;
  border: 0;
  border-radius: 30px;
  font-family: Avenir, sans-serif;
  font-size: 1em;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: text-shadow var(--dur-fast) var(--ease-out), translate var(--dur-fast) var(--ease-out);
}

:is(.honify-btn--primary, .honify-btn--secondary):active {
  translate: 0 1px;
}

.honify-btn--primary {
  background-color: var(--honify-hellgruen);
  color: var(--honify-hellgruen-1) !important;
  font-weight: 400;
}

.honify-btn--primary:hover {
  text-shadow: 0px 0px 1px var(--honify-hellgruen-1);
}

.honify-btn--secondary {
  background-color: var(--honify-blassgruen-0);
  color: var(--honify-dunkelgruen);
  font-weight: 700;
}

.honify-btn--secondary:hover {
  text-shadow: 0px 0px 1px var(--honify-dunkelgruen);
}


/* ---------- Trust-Badges (Pillen-Zeile im Hero) ---------- */

.trust-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 16px 0;
  font-family: Avenir, 'Segoe UI', sans-serif;
}

.trust-badges * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.trust-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 9px 18px 7px;
  border: 1px solid var(--honify-dunkelgruen, #0F752F);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  color: var(--honify-dunkelgruen, #0F752F);
  white-space: nowrap;
  text-decoration: none;
  opacity: 0.5;
  cursor: default;
  transition: opacity var(--dur-base) var(--ease-out);
}

.trust-badge:hover {
  opacity: 1;
}

.trust-badge img {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

/* verlinkte Pille (z. B. ISO 27001) */
.trust-badge.is-cert {
  color: var(--honify-dunkelgruen, #0F752F);
  text-decoration: none;
  cursor: pointer;
}


/* ---------- Hinweis-Box ---------- */

.hinweis {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 20px 26px;
  border-left: 4px solid var(--honify-dunkelgruen, #0F752F);
  border-radius: 14px;
  background: var(--honify-blassgruen-0, #EAFCEF);
  font-family: Avenir, 'Segoe UI', sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: #4d4d4d;
}

.hinweis-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}

.hinweis p {
  margin: 0;
}


/* ---------- FAQ-Akkordeon (Logik in components.js) ---------- */

:is(.isb-faq, .isb-faq2) {
  max-width: 100%;
  font-family: Avenir, sans-serif;
}

.isb-faq {
  width: calc(100% + 24px);
  margin-left: -24px;
}

.isb-faq2 {
  width: 100%;
  margin-left: 0;
}

:is(.isb-faq-item, .isb-faq2-item) {
  padding: 8px 0;
}

:is(.isb-faq-q, .isb-faq2-q) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.4;
  color: var(--honify-dunkelgruen, #0F752F);
  cursor: pointer;
  user-select: none;
}

:is(.isb-faq-q, .isb-faq2-q) {
  -webkit-tap-highlight-color: transparent;
  transition: opacity var(--dur-fast) var(--ease-out);
}

:is(.isb-faq-q, .isb-faq2-q):hover {
  opacity: 0.75;
}

:is(.isb-faq-q, .isb-faq2-q):focus-visible {
  outline: 2px solid #0F752F;
  outline-offset: 4px;
  border-radius: 4px;
}

:is(.isb-faq-chevron, .isb-faq2-chevron) {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-left: 16px;
  transition: transform var(--dur-base) var(--ease-out);
}

:is(.isb-faq-item, .isb-faq2-item).open :is(.isb-faq-chevron, .isb-faq2-chevron) {
  transform: rotate(180deg);
}

:is(.isb-faq-a, .isb-faq2-a) {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height var(--dur-slow) var(--ease-out), opacity var(--dur-base) var(--ease-out);
}

:is(.isb-faq-item, .isb-faq2-item).open :is(.isb-faq-a, .isb-faq2-a) {
  opacity: 1;
}

:is(.isb-faq-a-inner, .isb-faq2-a-inner) {
  padding: 0 0 16px;
  font-size: 18px;
  line-height: 1.6;
  color: #3f3f3f;
}

@media (max-width: 960px) {
  .isb-faq {
    width: 100%;
    margin-left: 0;
  }

  :is(.isb-faq-q, .isb-faq2-q),
  :is(.isb-faq-a-inner, .isb-faq2-a-inner) {
    font-size: 16px;
  }
}


/* ---------- ISO 27001: Hinweis-Zeile ----------
   A1 .iso-note (blassgrün), A2 .iso-notew (weiß, für grüne Flächen),
   A4 .iso-notek (kompakt). Kopier-Button über data-copy (components.js). */

:is(.iso-note, .iso-notek, .iso-notew) {
  display: flex;
  align-items: center;
  gap: 12px 14px;
  margin: 18px 0;
  padding: 8px 8px 8px 14px;
  border-left: 4px solid var(--honify-dunkelgruen, #0F752F);
  border-radius: 16px;
  background: var(--honify-blassgruen-0, #EAFCEF);
  font-family: Avenir, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #4d4d4d;
}

.iso-notew {
  background: #fff;
  box-shadow: var(--shadow-1);
}

:is(.iso-note, .iso-notek, .iso-notew) * {
  box-sizing: border-box;
}

:is(.iso-note-shield, .iso-notek-shield, .iso-noteww-shield) {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
}

:is(.iso-note, .iso-notek, .iso-notew) p {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}

:is(.iso-note, .iso-notek, .iso-notew) b {
  font-weight: 700;
  color: var(--honify-dunkelgruen, #0F752F);
}

/* Satz als Link zum Blogartikel; Pfeil markiert den Link, Hover macht ihn kräftiger */
:is(.iso-note-story, .iso-notek-story, .iso-notew-story) {
  color: var(--honify-dunkelgruen, #0F752F);
  text-decoration: none;
  transition: -webkit-text-stroke-width .15s ease;
}

:is(.iso-note-story, .iso-notek-story, .iso-notew-story) .arr {
  display: inline-block;
  margin-left: .3em;
  white-space: nowrap;
}

:is(.iso-note-story, .iso-notek-story, .iso-notew-story):hover {
  -webkit-text-stroke: .4px currentColor;
}

:is(.iso-note-actions, .iso-notek-actions, .iso-noteww-actions) {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

:is(.iso-note-btn, .iso-notek-btn, .iso-noteww-btn) {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 13px;
  border: 1.5px solid var(--honify-dunkelgruen, #0F752F);
  border-radius: 8px;
  background: transparent;
  font-family: Avenir, 'Segoe UI', sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--honify-dunkelgruen, #0F752F);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background .2s ease, color .2s ease;
}

:is(.iso-note-btn, .iso-notek-btn, .iso-noteww-btn) svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

:is(.iso-note-btn, .iso-notek-btn, .iso-noteww-btn) .arr {
  display: inline-block;
  transition: transform .25s ease;
}

:is(.iso-note-btn, .iso-notek-btn, .iso-noteww-btn):hover {
  background: var(--honify-dunkelgruen, #0F752F);
  color: #fff;
}

:is(.iso-note-btn, .iso-notek-btn, .iso-noteww-btn):hover .arr {
  transform: translateX(3px);
}

:is(.iso-note-btn, .iso-notek-btn, .iso-noteww-btn).is-copied svg {
  display: none;
}

:is(.iso-note-btn, .iso-notek-btn, .iso-noteww-btn).is-copied::after {
  content: "✓";
  font-weight: 800;
}

/* gestapelt: A1/A2 unter 1024px, die kompakte A4 erst unter 768px */
@media (max-width: 1023px) {
  :is(.iso-note, .iso-notew) {
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 12px 12px 12px 14px;
  }

  :is(.iso-note, .iso-notew) p {
    flex: 1 1 0;
  }

  :is(.iso-note, .iso-notew) .dash {
    display: none;
  }

  :is(.iso-note, .iso-notew) .rest {
    display: block;
  }

  :is(.iso-note-actions, .iso-noteww-actions) {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    margin-left: 0;
  }

  :is(.iso-note-btn, .iso-noteww-btn) {
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .iso-notek {
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 12px 12px 12px 14px;
  }

  .iso-notek p {
    flex: 1 1 0;
  }

  .iso-notek-actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    margin-left: 0;
  }

  .iso-notek-btn {
    justify-content: center;
  }
}


/* ---------- ISO 27001: Zertifikats-Karten ----------
   B1 .iso-cert (kompakt), B2 .iso-cert2 (breit), .iso-cert3 (Blog, groß),
   .iso-duo (Karte + Badge der Allianz für Cyber-Sicherheit nebeneinander). */

:is(.iso-cert, .iso-cert2) {
  display: grid;
  width: 100%;
  border-radius: 15px;
  background: #fff;
  box-shadow: var(--shadow-2);
  font-family: Avenir, 'Segoe UI', sans-serif;
  color: #00003c;
}

.iso-cert {
  grid-template-columns: 126px 1fr;
  align-items: stretch;
  column-gap: 18px;
  max-width: 380px;
  padding: 10px;
}

.iso-cert2 {
  grid-template-columns: 111px 1fr;
  align-items: center;
  column-gap: 22px;
  max-width: 560px;
  margin: 0 auto;
  padding: 12px;
}

:is(.iso-cert, .iso-cert2, .iso-cert3) * {
  box-sizing: border-box;
}

:is(.iso-cert-seal, .iso-cert2-seal) {
  overflow: hidden;
  border-radius: 6px;
}

.iso-cert-seal {
  width: 126px;
  height: 126px;
}

.iso-cert2-seal {
  width: 111px;
  height: 111px;
}

:is(.iso-cert-seal, .iso-cert2-seal) svg {
  display: block;
  width: 100%;
  height: 100%;
}

.iso-cert-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  padding: 2px 6px 2px 0;
}

.iso-cert2-body {
  display: grid;
  grid-template-areas: "i1 b1" "i2 b2";
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 12px 18px;
  min-width: 0;
  padding: 4px 8px 4px 0;
}

.iso-cert2-body > .i1 { grid-area: i1; }
.iso-cert2-body > .i2 { grid-area: i2; }
.iso-cert2-body > .b1 { grid-area: b1; }
.iso-cert2-body > .b2 { grid-area: b2; }

.iso-cert-label {
  margin: 0;
  font-size: 10.5px;
  line-height: 1.2;
  color: #00003c;
}

.iso-cert2-label {
  margin: 0;
  font-size: 11px;
  line-height: 1.2;
}

.iso-cert-value {
  margin: 1px 0 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.15;
}

.iso-cert2-value {
  margin: 1px 0 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.15;
  white-space: nowrap;
}

.iso-cert-actions {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

:is(.iso-cert-btn, .iso-cert2-btn) {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  border: none;
  border-radius: 4px;
  font-family: Avenir, 'Segoe UI', sans-serif;
  font-weight: 800;
  letter-spacing: -.009em;
  color: #fff !important;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: filter .2s ease;
}

.iso-cert-btn {
  height: 23px;
  padding: 0 8px 0 5px;
  font-size: 12.5px;
}

.iso-cert2-btn {
  justify-self: stretch;
  height: 25px;
  padding: 0 10px 0 6px;
  font-size: 13px;
}

:is(.iso-cert-btn, .iso-cert2-btn):hover {
  filter: brightness(1.15);
}

/* Nummern-Kreis im Button */
:is(.iso-cert-btn, .iso-cert2-btn) .n {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  font-style: normal;
}

.iso-cert-btn .n {
  width: 15px;
  height: 15px;
  font-size: 10px;
}

.iso-cert2-btn .n {
  width: 16px;
  height: 16px;
  font-size: 10.5px;
}

:is(.iso-cert-btn, .iso-cert2-btn).copy { background: #00003c; }
:is(.iso-cert-btn, .iso-cert2-btn).copy .n { color: #00003c; }
:is(.iso-cert-btn, .iso-cert2-btn).check { background: #001ed2; }
:is(.iso-cert-btn, .iso-cert2-btn).check .n { color: #001ed2; }
:is(.iso-cert-btn, .iso-cert2-btn).is-copied .t::after { content: " ✓"; }

@media (max-width: 560px) {
  .iso-cert2 {
    grid-template-columns: 84px 1fr;
    column-gap: 16px;
  }

  .iso-cert2-seal {
    width: 84px;
    height: 84px;
  }

  .iso-cert2-body {
    grid-template-areas: "i1" "i2" "b1" "b2";
    grid-template-columns: 1fr;
    row-gap: 8px;
  }

  .iso-cert2-btn {
    justify-self: stretch;
    justify-content: center;
    height: 30px;
    font-size: 14px;
  }
}

/* Karte + ACS-Badge */
.iso-duo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 18px;
}

.iso-duo-acs {
  display: block;
  width: 323px;
  max-width: 100%;
  border-radius: 14px;
  box-shadow: var(--shadow-2);
}

.iso-duo-acs svg {
  display: block;
  width: 100%;
  height: auto;
}

/* Große Zertifikatskarte (Blogartikel), passt sich der Spaltenbreite an */
.iso-cert3 {
  container-type: inline-size;
  width: 100%;
  margin: 0;
}

.iso-cert3-card {
  overflow: hidden;
  border-radius: 13px;
  background: #fff;
  box-shadow: var(--shadow-2);
  font-family: Avenir, 'Avenir Next', 'Segoe UI', sans-serif;
  color: #001a41;
}

.iso-cert3-band {
  display: flex;
  justify-content: center;
  height: 160px;
  background: #001a41;
}

.iso-cert3-band svg {
  display: block;
  width: auto;
  height: 100%;
}

.iso-cert3-content {
  padding: 18px 20px 24px;
}

.iso-cert3-data {
  display: grid;
  grid-template-columns: 34fr 32fr 30fr;
  column-gap: 16px;
}

.iso-cert3-label {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}

.iso-cert3-value {
  margin: 2px 0 0;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}

.iso-cert3-scope,
.iso-cert3-check {
  margin-top: 38px;
}

.iso-cert3-scope .iso-cert3-text {
  margin: 2px 0 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
}

.iso-cert3-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 10px;
  margin-top: 12px;
}

.iso-cert3-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 46px;
  margin: 0;
  padding: 0 18px 0 7px;
  border: none;
  border-radius: 999px;
  background: #001a41;
  font-family: Avenir, 'Avenir Next', 'Segoe UI', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #fff !important;
  text-decoration: none !important;
  white-space: nowrap;
  cursor: pointer;
  transition: filter .2s ease;
}

.iso-cert3-btn:hover {
  filter: brightness(1.25);
}

.iso-cert3-btn:focus-visible {
  outline: 2px solid #014898;
  outline-offset: 3px;
}

.iso-cert3-btn .n {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  font-size: 16px;
  font-style: normal;
  color: #001a41;
}

.iso-cert3-btn .n svg {
  display: block;
  width: 18px;
  height: 18px;
}

.iso-cert3-btn.dl {
  background: #014898;
}

/* Kopier-Button tauscht den Text, ohne dass sich die Breite ändert */
.iso-cert3-btn.copy .t {
  display: inline-grid;
}

.iso-cert3-btn.copy .t > span {
  grid-area: 1 / 1;
}

.iso-cert3-btn.copy .t-b,
.iso-cert3-btn.copy.is-copied .t-a {
  visibility: hidden;
}

.iso-cert3-btn.copy.is-copied .t-b {
  visibility: visible;
}

.iso-cert3-or {
  padding: 0 4px;
  font-size: 16px;
  color: #c6c6c6;
}

@container (max-width: 560px) {
  .iso-cert3-band {
    height: 130px;
  }

  .iso-cert3-label,
  .iso-cert3-scope .iso-cert3-text {
    font-size: 16px;
  }

  .iso-cert3-value {
    font-size: 23px;
  }

  .iso-cert3-content {
    padding: 14px 16px 20px;
  }

  .iso-cert3-data {
    grid-template-columns: 1fr;
    row-gap: 14px;
  }

  .iso-cert3-scope,
  .iso-cert3-check {
    margin-top: 26px;
  }

  .iso-cert3-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .iso-cert3-btn {
    height: 48px;
  }

  .iso-cert3-or {
    padding: 0;
    text-align: center;
  }
}


/* ---------- Kleine Helfer ---------- */

/* Bild mit runden Ecken, bleibt mit text-align zentrierbar */
.round-img img {
  display: inline-block;
  border-radius: 30px;
}

/* Spalten auf schmalen Screens umgekehrt stapeln (Bild unter den Text) */
@media (max-width: 1111px) {
  .reverse-on-mobile > .wp-block-columns {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
}


/* ---------- Eingebettete Terminbuchung & Animationen (components.js) ---------- */

.honify-cal {
  width: 100%;
  height: 100%;
  overflow: scroll;
}


/* ---------- Karten nebeneinander (honify-card in WordPress-Spalten) ----------
   Liegen Karten nebeneinander, teilen sie sich die Zeilen (Subgrid): Bild, Titel, Unterzeile,
   Text und Button beginnen jeweils auf einer Höhe, die Karte mit dem meisten Inhalt gibt das Maß vor.
   Greift nur, wenn jede Spalte genau aus einer Karte besteht und keine feste Spaltenbreite hat.
   Die Zeilenzahl ergibt sich aus der Karte mit den meisten Elementen. */
@media (min-width: 1112px) {
  .wp-block-columns:has(> .wp-block-column > .honify-card):not(:has(> .wp-block-column > :not(.honify-card), > .wp-block-column[style*="flex-basis"])) {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    column-gap: var(--wp--style--block-gap, 2em);
    row-gap: 0;
  }

  .wp-block-columns:has(> .wp-block-column > .honify-card) { --card-rows: 3; }
  .wp-block-columns:has(> .wp-block-column > .honify-card > :nth-child(4)) { --card-rows: 4; }
  .wp-block-columns:has(> .wp-block-column > .honify-card > :nth-child(5)) { --card-rows: 5; }
  .wp-block-columns:has(> .wp-block-column > .honify-card > :nth-child(6)) { --card-rows: 6; }
  .wp-block-columns:has(> .wp-block-column > .honify-card > :nth-child(7)) { --card-rows: 7; }
  .wp-block-columns:has(> .wp-block-column > .honify-card > :nth-child(8)) { --card-rows: 8; }

  .wp-block-columns:has(> .wp-block-column > .honify-card):not(:has(> .wp-block-column > :not(.honify-card), > .wp-block-column[style*="flex-basis"])) > .wp-block-column {
    display: grid;
    grid-row: span var(--card-rows);
    grid-template-rows: subgrid;
    align-self: stretch;
    margin-left: 0;
  }

  .wp-block-columns:has(> .wp-block-column > .honify-card):not(:has(> .wp-block-column > :not(.honify-card), > .wp-block-column[style*="flex-basis"])) > .wp-block-column > .honify-card {
    display: grid;
    grid-row: span var(--card-rows);
    grid-template-rows: subgrid;
    row-gap: 0;
    margin-bottom: 0;
  }

  /* Der bisherige margin-bottom der Karte (-15px) kürzte sie unten; im Raster übernimmt das
     das letzte Element, damit der Abstand unter Button bzw. Text gleich bleibt. */
  .wp-block-columns:has(> .wp-block-column > .honify-card):not(:has(> .wp-block-column > :not(.honify-card), > .wp-block-column[style*="flex-basis"])) > .wp-block-column > .honify-card > p:last-child {
    margin-bottom: 15px;
  }

  /* Der Button-Block sitzt immer in der letzten Zeile, auch wenn eine Karte weniger Elemente hat */
  .wp-block-columns:has(> .wp-block-column > .honify-card):not(:has(> .wp-block-column > :not(.honify-card), > .wp-block-column[style*="flex-basis"])) > .wp-block-column > .honify-card > div:last-child:not(:first-child) {
    grid-row: -2;
    align-self: end;
    margin-bottom: -15px;
  }
}