/* =========================================================
   OWK CARDS
   Karten, Vereinsbereich, Linkverhalten
   ========================================================= */

/* =========================================================
   06A / 06B KARTEN UND KARTENBEREICHE
   ========================================================= */

.owk-card-grid,
.owk-board-section,
.owk-news-section,
.own-clubs-section {
  gap: 24px;
  align-items: stretch !important;
}

.owk-card,
.wp-block-column.owk-card,
.wp-block-group.owk-card,
.owk-news-section .wp-block-column.owk-card-white,
.own-clubs-section .wp-block-column.owk-club-card {
  border-radius: var(--owk-radius-card) !important;
  overflow: hidden !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 100%;
  box-shadow: var(--owk-card-shadow) !important;
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background-color 0.22s ease;
}

.owk-card .wp-block-image,
.owk-card figure,
.owk-news-section .wp-block-column.owk-card-white .wp-block-image,
.owk-news-section .wp-block-column.owk-card-white figure,
.own-clubs-section .wp-block-column.owk-club-card .wp-block-image,
.own-clubs-section .wp-block-column.owk-club-card figure {
  margin: 0 !important;
  flex: 0 0 auto;
}

.owk-card img,
.owk-news-section .wp-block-column.owk-card-white img,
.own-clubs-section .wp-block-column.owk-club-card img {
  display: block;
  width: 100%;
  height: auto;
}

.owk-card h2,
.owk-card h3,
.owk-card h4,
.owk-card h5,
.owk-card p,
.owk-card .wp-block-buttons,
.owk-card .wp-block-spacer,
.owk-news-section .wp-block-column.owk-card-white h3,
.owk-news-section .wp-block-column.owk-card-white p,
.owk-news-section .wp-block-column.owk-card-white .wp-block-buttons,
.own-clubs-section .wp-block-column.owk-club-card h2,
.own-clubs-section .wp-block-column.owk-club-card h3,
.own-clubs-section .wp-block-column.owk-club-card p,
.own-clubs-section .wp-block-column.owk-club-card .wp-block-buttons,
.own-clubs-section .wp-block-column.owk-club-card .wp-block-spacer {
  padding-left: 24px;
  padding-right: 24px;
}

.owk-card .wp-block-spacer,
.own-clubs-section .wp-block-column.owk-club-card .wp-block-spacer {
  margin: 0 !important;
}

.owk-card h2,
.owk-card h3,
.owk-card h4,
.owk-card h5 {
  margin-top: 18px;
  margin-bottom: 12px;
  flex: 0 0 auto;
}

.owk-news-section .wp-block-column.owk-card-white h3 {
  margin-top: 18px;
  margin-bottom: 12px;
  flex: 0 0 auto;
}

.own-clubs-section .wp-block-column.owk-club-card h2,
.own-clubs-section .wp-block-column.owk-club-card h3 {
  margin-top: 0;
  margin-bottom: 14px;
  flex: 0 0 auto;
}

.owk-card p,
.owk-news-section .wp-block-column.owk-card-white p,
.own-clubs-section .wp-block-column.owk-club-card p {
  margin-top: 0;
  margin-bottom: 16px;
  flex: 0 0 auto;
}

.owk-card .wp-block-buttons,
.owk-news-section .wp-block-column.owk-card-white .wp-block-buttons,
.own-clubs-section .wp-block-column.owk-club-card .wp-block-buttons {
  justify-content: center;
  margin-top: auto !important;
  padding-top: 18px;
  margin-bottom: 24px;
  flex: 0 0 auto;
}

@media (hover: hover) {
  .owk-card:hover,
  .owk-news-section .wp-block-column.owk-card-white:hover,
  .own-clubs-section .wp-block-column.owk-club-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--owk-card-shadow-hover) !important;
  }
}

.owk-news-section .wp-block-column.owk-card-white code {
  background: transparent !important;
  color: inherit !important;
  padding: 0 !important;
  border: 0 !important;
  font-family: inherit !important;
  font-size: inherit !important;
}

body.owk-darkmode .owk-news-section .wp-block-column.owk-card-white {
  background: var(--owk-bg-surface) !important;
  box-shadow: var(--owk-card-shadow) !important;
}

body.owk-darkmode .own-clubs-section .wp-block-column.owk-club-card {
  background: var(--owk-bg-surface) !important;
  color: var(--owk-text) !important;
  box-shadow: var(--owk-card-shadow) !important;
}

body.owk-darkmode .own-clubs-section .wp-block-column.owk-club-card h2,
body.owk-darkmode .own-clubs-section .wp-block-column.owk-club-card h3,
body.owk-darkmode .own-clubs-section .wp-block-column.owk-club-card p,
body.owk-darkmode .own-clubs-section .wp-block-column.owk-club-card div,
body.owk-darkmode .own-clubs-section .wp-block-column.owk-club-card span {
  color: var(--owk-text) !important;
}

/* =========================================================
   LINKS AUF KARTEN
   ========================================================= */

.owk-card a,
.owk-card-white a,
.owk-card-gray a,
.owk-card-beige a {
  color: inherit !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-style: italic !important;
}

.owk-card a:hover,
.owk-card a:focus,
.owk-card-white a:hover,
.owk-card-white a:focus,
.owk-card-gray a:hover,
.owk-card-gray a:focus,
.owk-card-beige a:hover,
.owk-card-beige a:focus {
  color: inherit !important;
  text-decoration: none !important;
}

.owk-card .wp-block-button__link,
.owk-card-white .wp-block-button__link,
.owk-card-gray .wp-block-button__link,
.owk-card-beige .wp-block-button__link {
  color: inherit;
  text-decoration: none;
}

/* =========================================================
   RESPONSIVE CARDS
   ========================================================= */

@media (max-width: 768px) {
  .owk-news-section .wp-block-columns {
    gap: 18px;
  }

  .owk-news-section .wp-block-column.owk-card-white,
  .own-clubs-section .wp-block-column.owk-club-card,
  .owk-card,
  .wp-block-column.owk-card,
  .wp-block-group.owk-card {
    border-radius: var(--owk-radius-card-mobile) !important;
  }

  .owk-news-section .wp-block-column.owk-card-white h3,
  .owk-news-section .wp-block-column.owk-card-white p,
  .owk-news-section .wp-block-column.owk-card-white .wp-block-buttons,
  .own-clubs-section .wp-block-column.owk-club-card h2,
  .own-clubs-section .wp-block-column.owk-club-card h3,
  .own-clubs-section .wp-block-column.owk-club-card p,
  .own-clubs-section .wp-block-column.owk-club-card .wp-block-buttons,
  .own-clubs-section .wp-block-column.owk-club-card .wp-block-spacer,
  .owk-card h2,
  .owk-card h3,
  .owk-card h4,
  .owk-card h5,
  .owk-card p,
  .owk-card .wp-block-buttons,
  .owk-card .wp-block-spacer {
    padding-left: 18px;
    padding-right: 18px;
  }

  .owk-news-section .wp-block-column.owk-card-white .wp-block-buttons,
  .own-clubs-section .wp-block-column.owk-club-card .wp-block-buttons,
  .owk-card .wp-block-buttons {
    margin-bottom: 18px;
  }

  .owk-news-section h3 {
    font-size: clamp(1.35rem, 6vw, 1.9rem);
    line-height: 1.15;
  }

  .owk-news-section p {
    font-size: 1rem;
    line-height: 1.55;
  }
}