/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 11 2026 | 17:37:18 */
/* ============================================
   BCV BLOGÜBERSICHT
   ============================================ */

/* ===== SIDEBAR-KARTE ===== */
/* Container braucht CSS-Klasse: bcv-side */
.bcv-side{
  background:#fff;
  border-radius:16px;
  padding:1.25rem;
  box-shadow:0 4px 12px rgba(0,0,0,.06);
  align-self:start;
  height:auto;
  position:sticky;
  top:7rem;
}

/* Sticky darf nicht abgeschnitten werden */
.e-con,
.e-con-inner{ overflow:visible; }

/* ===== SUCHFELD: ein Feld, Lupe innen ===== */
.bcv-side .e-search-form{
  display:flex !important;
  align-items:stretch !important;
  gap:0 !important;
  position:relative;
  margin-bottom:.75rem !important;
}
.bcv-side .e-search-input-wrapper{
  flex:1;
  display:flex;
  position:relative;
}
.bcv-side .e-search-input-wrapper::before{
  content:"";
  position:absolute;
  left:.7rem;
  top:50%;
  transform:translateY(-50%);
  width:15px;
  height:15px;
  background-color:#FF4F72;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><path d='M21 21l-4.3-4.3'/></svg>") no-repeat center / contain;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><path d='M21 21l-4.3-4.3'/></svg>") no-repeat center / contain;
  pointer-events:none;
  z-index:2;
}
.bcv-side .e-search-input{
  width:100% !important;
  height:2.5rem !important;
  box-sizing:border-box !important;
  border:1.5px solid rgba(0,51,102,.18) !important;
  border-radius:8px !important;
  padding:0 .7rem 0 2.1rem !important;
  margin:0 !important;
  font-family:'Montserrat',sans-serif !important;
  font-size:.82rem !important;
  line-height:1 !important;
  color:#003366 !important;
  background:#fff !important;
}
.bcv-side .e-search-input:focus{
  outline:none !important;
  border-color:#FF4F72 !important;
}
.bcv-side .e-search-input::placeholder{ color:#8A93A0 !important; }
.bcv-side .e-search-submit{ display:none !important; }
.bcv-side .elementor-widget:not(:last-child){ margin-bottom:0 !important; }

/* ===== ÜBERSCHRIFT "KATEGORIEN" ===== */
.bcv-side h4,
.bcv-side .elementor-heading-title{
  font-family:'Roboto Condensed',sans-serif;
  font-weight:700;
  color:#003366;
  font-size:.9rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin:.5rem 0 .4rem !important;
}

/* ===== TAXONOMIE-FILTER (Kategorien) ===== */
.bcv-side .e-filter,
.bcv-side .e-filter-list{
  display:flex;
  flex-direction:column;
  gap:0;
  padding:0;
  margin:0;
  list-style:none;
}
.bcv-side .e-filter-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  padding:.5rem 0;
  color:#5E6875;
  font-family:'Montserrat',sans-serif;
  font-size:.85rem;
  font-weight:500;
  background:none;
  border:0;
  border-bottom:1px solid rgba(0,51,102,.07);
  border-radius:0;
  text-align:left;
  cursor:pointer;
  transition:color .15s;
}
.bcv-side .e-filter-item:hover{ color:#003366; }
.bcv-side .e-filter-item[aria-pressed="true"],
.bcv-side .e-filter-item.e-filter-item-active{
  color:#FF4F72;
  font-weight:700;
  background:none;
}
.bcv-side .e-filter-item:last-child{ border-bottom:0; }

/* ============================================
   LOOP-KARTEN (Artikel)
   ============================================ */

/* --- Karten auf gleiche Höhe strecken --- */
.elementor-loop-container .e-loop-item{
  display:flex;
  height:100%;
}
.elementor-loop-container .e-loop-item > .e-con{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
}

/* --- Bild: festes Seitenverhältnis --- */
.e-loop-item img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}

/* --- Kategorie-Badges: getrennte Pillen --- */
/* Widget braucht CSS-Klasse: bcv-badge */
.bcv-badge .elementor-post-info__terms-list,
.bcv-badge .elementor-icon-list-items{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem;
  padding:0;
  margin:0;
  list-style:none;
  min-height:1.5rem;
}
.bcv-badge .elementor-post-info__terms-list-item{
  display:inline-block;
  background:#FFE3E9;
  color:#FF4F72;
  font-family:'Montserrat',sans-serif;
  font-size:.68rem;
  font-weight:700;
  padding:3px 9px;
  border-radius:999px;
  text-decoration:none;
  line-height:1.4;
}
/* Trennzeichen zwischen den Kategorien entfernen */
.bcv-badge .elementor-post-info__terms-list-item::after,
.bcv-badge .elementor-post-info__terms-list-item + .elementor-post-info__terms-list-item::before{
  content:none !important;
}
.bcv-badge .elementor-icon-list-icon{ display:none; }

/* --- Titel: präsent, Meta klebt direkt darunter --- */
.e-loop-item h3,
.e-loop-item .elementor-heading-title{
  font-family:'Roboto Condensed',sans-serif;
  font-weight:700;
  color:#003366;
  font-size:1.25rem;
  line-height:1.25;
  margin:.6rem 0 0 !important;   /* kein Abstand nach unten */
  padding:0 !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  /* keine min-height – sonst entsteht bei einzeiligen Titeln eine Leerzeile */
}

/* Elementor-Widget-Abstand zwischen Titel und Meta entfernen */
.e-loop-item .elementor-widget-theme-post-title{
  margin-bottom:0 !important;
}
.e-loop-item .bcv-meta,
.e-loop-item .elementor-widget.bcv-meta{
  margin-top:.25rem !important;   /* Meta direkt unter dem Titel */
  margin-bottom:1rem !important;  /* Absatz vor dem Auszug */
}

/* --- Meta-Zeile (Datum · Autor) --- */
/* Widget braucht CSS-Klasse: bcv-meta */
.bcv-meta .elementor-icon-list-items{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  padding:0 !important;
  margin:0 !important;
  list-style:none;
}
.bcv-meta .elementor-icon-list-item{
  margin:0 !important;
  padding:0 !important;
}
.bcv-meta .elementor-post-info__item,
.bcv-meta .elementor-icon-list-text{
  font-family:'Montserrat',sans-serif;
  font-size:.75rem;
  color:#28313D;
  font-weight:500;
  padding:0 !important;
}
.bcv-meta .elementor-icon-list-icon{ display:none; }
/* Trennpunkt zwischen Datum und Autor */
.bcv-meta .elementor-icon-list-item + .elementor-icon-list-item::before{
  content:"·";
  margin-right:.5rem;
  color:#8A93A0;
}

/* --- Auszug: immer max. 3 Zeilen --- */
.e-loop-item .elementor-widget-theme-post-excerpt p,
.e-loop-item .elementor-widget-text-editor p{
  margin-top:0;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* --- "Weiterlesen"-Link --- */
/* Widget braucht CSS-Klasse: bcv-more */
.bcv-more{
  margin-top:auto;
  padding-top:.75rem;
}
.bcv-more a,
.bcv-more .elementor-button{
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  background:none;
  border:0;
  padding:0;
  font-family:'Montserrat',sans-serif;
  font-size:.85rem;
  font-weight:700;
  color:#003366;
  text-decoration:none;
  transition:color .15s,gap .15s;
}
.bcv-more a:hover,
.bcv-more .elementor-button:hover{
  color:#FF4F72;
  gap:.5rem;
  background:none;
}

/* ===== RESPONSIV ===== */
@media (max-width:64rem){
  .bcv-side{
    padding:1rem;
    position:static;
  }
}