.elementor-1784 .elementor-element.elementor-element-8a9c052{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1784 .elementor-element.elementor-element-b7d2378{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1784 .elementor-element.elementor-element-1368e3a{--grid-row-gap:35px;--grid-column-gap:30px;--load-more-message-alignment:center;}.elementor-1784 .elementor-element.elementor-element-1368e3a .elementor-post__thumbnail__link{width:100%;}.elementor-1784 .elementor-element.elementor-element-1368e3a .elementor-post__meta-data span + span:before{content:"*";}.elementor-1784 .elementor-element.elementor-element-1368e3a.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1784 .elementor-element.elementor-element-1368e3a.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1784 .elementor-element.elementor-element-1368e3a.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1784 .elementor-element.elementor-element-1368e3a .elementor-post__title, .elementor-1784 .elementor-element.elementor-element-1368e3a .elementor-post__title a{color:var( --e-global-color-primary );}.elementor-1784 .elementor-element.elementor-element-1368e3a .elementor-post__read-more{color:var( --e-global-color-primary );}.elementor-1784 .elementor-element.elementor-element-b33602e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:75px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-1784 .elementor-element.elementor-element-1368e3a .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS *//* ============================================================
   Kanzlei Schiebel – Ratgeber-Übersicht
   Einfügen in: Darstellung → Customizer → Zusätzliches CSS
   (ergänzend zur elementor-blog-post-css.css)
   ============================================================ */

/* ----------------------------------------------------------
   1. SEITEN-HERO – Intro-Bereich
   ---------------------------------------------------------- */
.elementor-page-1784 .ast-page-title-area {
  display: none !important; /* Theme-H1 "Ratgeber" ausblenden, eigener Heading in Elementor */
}

/* ----------------------------------------------------------
   2. KARTEN-GRID – Container
   ---------------------------------------------------------- */
.elementor-posts--skin-classic.elementor-posts-container {
  gap: 28px !important;
}

/* ----------------------------------------------------------
   3. EINZELNE CARD
   ---------------------------------------------------------- */
.elementor-posts--skin-classic .elementor-post {
  background: #fff !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 14px rgba(27,58,107,.08) !important;
  border: 1px solid #e8f0f8 !important;
  transition: box-shadow .22s ease, transform .22s ease !important;
  display: flex !important;
  flex-direction: column !important;
}
.elementor-posts--skin-classic .elementor-post:hover {
  box-shadow: 0 8px 28px rgba(27,58,107,.16) !important;
  transform: translateY(-4px) !important;
}

/* ----------------------------------------------------------
   4. BILD – Hover-Zoom
   ---------------------------------------------------------- */
.elementor-posts--skin-classic .elementor-post__thumbnail {
  overflow: hidden !important;
}
.elementor-posts--skin-classic .elementor-post__thumbnail__link {
  display: block !important;
  overflow: hidden !important;
}
.elementor-posts--skin-classic .elementor-post__thumbnail__link img {
  transition: transform .32s ease !important;
  width: 100% !important;
  display: block !important;
}
.elementor-posts--skin-classic .elementor-post:hover .elementor-post__thumbnail__link img {
  transform: scale(1.05) !important;
}

/* ----------------------------------------------------------
   5. TEXT-BEREICH
   ---------------------------------------------------------- */
.elementor-posts--skin-classic .elementor-post__text {
  padding: 20px 22px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

/* ----------------------------------------------------------
   6. KATEGORIE-BADGE (auto via CSS + Kategorie-Klasse)
   ---------------------------------------------------------- */
.elementor-posts--skin-classic .elementor-post .elementor-post__text::before {
  content: "Ratgeber";
  display: inline-block;
  background: #e8f3f9;
  color: #2E86AB;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  padding: 3px 11px;
  border-radius: 20px;
  margin-bottom: 10px;
  width: fit-content;
}
.elementor-posts--skin-classic .elementor-post.category-arbeitsrecht .elementor-post__text::before {
  content: "Arbeitsrecht";
  background: #fff0e8;
  color: #c0622a;
}
.elementor-posts--skin-classic .elementor-post.category-verkehrsrecht .elementor-post__text::before {
  content: "Verkehrsrecht";
  background: #e8f3f9;
  color: #2E86AB;
}
.elementor-posts--skin-classic .elementor-post.category-familien-und-erbrecht .elementor-post__text::before,
.elementor-posts--skin-classic .elementor-post.category-erbrecht .elementor-post__text::before {
  content: "Erbrecht";
  background: #eef0f8;
  color: #1B3A6B;
}
.elementor-posts--skin-classic .elementor-post.category-familienrecht .elementor-post__text::before {
  content: "Familienrecht";
  background: #eef0f8;
  color: #1B3A6B;
}
.elementor-posts--skin-classic .elementor-post.category-miet-und-grundstuecksrecht .elementor-post__text::before {
  content: "Mietrecht";
  background: #eef8ef;
  color: #2a7a3a;
}
.elementor-posts--skin-classic .elementor-post.category-strafrecht .elementor-post__text::before {
  content: "Strafrecht";
  background: #faeaea;
  color: #a02020;
}
.elementor-posts--skin-classic .elementor-post.category-sozialrecht .elementor-post__text::before {
  content: "Sozialrecht";
  background: #eef8ef;
  color: #2a7a3a;
}
.elementor-posts--skin-classic .elementor-post.category-vertragsrecht .elementor-post__text::before {
  content: "Vertragsrecht";
  background: #f5eef8;
  color: #6a2a8a;
}

/* ----------------------------------------------------------
   7. TITEL
   ---------------------------------------------------------- */
.elementor-posts--skin-classic .elementor-post__title {
  margin: 0 0 8px !important;
}
.elementor-posts--skin-classic .elementor-post__title a {
  color: #1B3A6B !important;
  font-size: 1.12rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  transition: color .18s ease !important;
}
.elementor-posts--skin-classic .elementor-post__title a:hover {
  color: #2E86AB !important;
}

/* ----------------------------------------------------------
   8. META – Autor & Datum
   ---------------------------------------------------------- */
.elementor-posts--skin-classic .elementor-post__meta-data {
  font-size: .82rem !important;
  color: #999 !important;
  margin-bottom: 10px !important;
  display: flex !important;
  gap: 12px !important;
}
.elementor-posts--skin-classic .elementor-post-date,
.elementor-posts--skin-classic .elementor-post-author {
  color: #999 !important;
}

/* ----------------------------------------------------------
   9. EXCERPT
   ---------------------------------------------------------- */
.elementor-posts--skin-classic .elementor-post__excerpt {
  flex: 1 !important;
}
.elementor-posts--skin-classic .elementor-post__excerpt p {
  font-size: .9rem !important;
  color: #555 !important;
  line-height: 1.6 !important;
  margin-bottom: 18px !important;
}

/* ----------------------------------------------------------
   10. READ MORE – Pill-Button
   ---------------------------------------------------------- */
.elementor-posts--skin-classic .elementor-post__read-more {
  display: inline-block !important;
  background: #1B3A6B !important;
  color: #fff !important;
  padding: 9px 20px !important;
  border-radius: 50px !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: background .18s ease !important;
  align-self: flex-start !important;
  margin-top: auto !important;
}
.elementor-posts--skin-classic .elementor-post__read-more:hover {
  background: #2E86AB !important;
  color: #fff !important;
}

/* ----------------------------------------------------------
   11. RESPONSIVE
   ---------------------------------------------------------- */
@media (max-width: 768px) {
  .elementor-posts--skin-classic.elementor-posts-container {
    gap: 20px !important;
  }
}/* End custom CSS */