/* Frontend Styles – 1/2/3 Spalten, ohne Hover – Bildhöhe via CSS-Variable */






.besd-post-feed { width: 100%; }
.besd-post-feed .besd-grid {
  display: grid;
  grid-template-columns: 1fr;   /* 1 Spalte */
  gap: var(--gap);
}
@media (min-width: 640px) { .besd-post-feed .besd-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .besd-post-feed .besd-grid { grid-template-columns: repeat(3, 1fr); } }

/* Karten & Footer */
.besd-post-feed .besd-card {
  display: flex; flex-direction: column;
  border: 3px solid var(--besd-border, #ccc);
  border-radius: var(--besd-radius2);
  overflow: hidden;
  background: #111;
    box-shadow: var(--boyshadow1);
}
.besd-post-feed .besd-card-link { color: inherit; text-decoration: none; display: flex; flex-direction: column; flex: 1 1 auto; }

.besd-post-feed .besd-card-media { position: relative; overflow: hidden; }

/* Bildhöhe steuerbar: var(--bpf-media-height) – Fallback 240px */
.besd-post-feed .besd-card-thumb {
  display: block;
  width: 100% !important;
  height: var(--bpf-media-height, 240px) !important;
  max-width: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}
.besd-post-feed .besd-card-thumb.placeholder {
  height: var(--bpf-media-height, 240px);
  background: #222;
}

/* Overlay oben links */
.besd-post-feed .besd-card-overlay {
  position: absolute; left: 0; top: 0; right: auto;
  display: flex; flex-direction: column; align-items: flex-start; gap: 4px;
  padding: 8px 10px;
  background: linear-gradient( to bottom, rgba(0,0,0,0.55), rgba(0,0,0,0) );
}





.besd-post-feed .besd-card-overlay-cats { margin-top: 6px; display:none; }
.besd-post-feed .besd-badge.in-overlay {
  display: inline-block; font-size: 11px; padding: 2px 6px; border-radius: 999px;
  background: rgba(255,255,255,0.25); color: #fff; margin-right: 6px; margin-bottom: 6px;
}

/* Caption unten im Bild (Titel ODER Datum) */
.besd-post-feed .besd-card-title-strip {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 10px 12px;
  background: var(--shadowunten);
  color: #fff;
z-index: 1000;
}

.besd-post-feed .besd-card-title-strip .title { font-weight: 700; font-size: 18px; line-height: 1.25; }
.besd-post-feed .besd-card-title-strip .pubdate { font-size: 13px; opacity: .95; 	font-family: "Roboto Condensed", sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.0px;
    text-align: left;
    color: var(--fontw);
   text-shadow:var(--shadowcardtext);
	
	
	
	}

/* Footer: nur Excerpt (+ optional ICS) */
.besd-post-feed .besd-card-footer {
  padding: 12px;
  background: #700;
  color: #fff;
  display: flex; flex-direction: column; gap: 8px;
  margin-top: auto;
}

}
.besd-post-feed .besd-card-ics .besd-ics-btn {
  display: inline-block; font-size: 13px; padding: 6px 10px; border-radius: var(--besd-radius2);
  background: rgba(17,17,17,0.35); color: #fff; text-decoration: none;
  border: 1px solid rgba(255,255,255,0.25);
}

/* Empty + Button */
.besd-post-feed .besd-empty { opacity: 0.7; padding: 12px; }




.besd-post-feed .besd-more {
	
	font-style: italic;
	
  margin: 16px auto 0; display: block; padding: 10px 18px; border-radius: var(--besd-radius2);
 background: #000; color: #fff; cursor: pointer;
	
	
		color: #fff; text-decoration: none;
    width: 100%;
		background: var(--gradientbutton);
	
  font-family: "Roboto Flex", sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    color: var(--fontw);

	text-shadow: var(--textshadow1);  
	box-shadow: var(--boyshadow1);  
	
}



	
@media (max-width: 767px) { .besd-post-feed .besd-more {    font-size: 4vw;}}
@media (max-width: 520px) { .besd-post-feed .besd-more {    font-size: 5vw;}}


:root {
  /* Höhe der Beitragsbilder (img & Placeholder) */
  --bpf-media-height: 300px; 
}

/*
@media (min-width: 640px) { :root { --bpf-media-height: 260px; } }
@media (min-width: 1024px){ :root { --bpf-media-height: 300px; } }
*/


.besd-ics-btn{background:none; border: 1px solid #fff;}

.besd-post-feed .besd-card-overlay{

}


.besd-post-feed .besd-card-overlay .line {	
	font-family: "Roboto Condensed", sans-serif; 
	font-size: 24px;
	font-weight: 600; 
	line-height: 29px; 
	letter-spacing: 0.0px; 
	text-align: left; 
	color: var(--fontw); 
	 text-shadow:var(--shadowcardtext);
background:none; }







.besd-post-feed .besd-card-title-strip .title{	font-family: "Roboto slab", sans-serif; 
	font-size: 23px;
	font-weight: 600; 
	line-height: 27px; 
	letter-spacing: 0.0px; 
	text-align: left; 
	color: var(--fontw); 
 text-shadow:var(--shadowcardtext);

background:none;
}

.besd-post-feed .besd-card-overlay{
    background: var(--shadowoben);
    width: 100%;z-index: 1000;
}


.besd-post-feed .besd-card-excerpt{
	background:none;
	font-family: "Roboto Flex", sans-serif; 
	hyphens:auto;
font-size: var(--fontsize1);
    line-height: var(--lineheight1);
    color: var(--fontw);
line-height: var(--lineheight1);
}



.besd-post-feed .besd-card-ics .besd-ics-btn {
    display: inline-block;
    font-size: 13px;
	font-weight:600;
	font-style:italic;
 border:none;
    color: #fff;
    text-decoration: underline;
	background:none;
	padding:0;
}






/* Excerpt: Standard-Linienzahl und +2 bei Karten ohne ICS */
:root {
  --bpf-excerpt-lines: 6;          /* Basis: z. B. 6 Zeilen */
  --bpf-excerpt-lines-extra: 8;    /* Basis + 2 Zeilen = 8 */
}

/* Line-Clamp Setup */
.besd-post-feed .besd-card-excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: var(--bpf-excerpt-lines);
}

.besd-card-excerpt:hover, .besd-card-excerpt{
	text-decoration-color:var(--fontw) !important; 
	color:var(--fontw) !important;
	text-decoration:none !important;
}


/* Ohne ICS: zwei Zeilen mehr */
.besd-post-feed .besd-card-excerpt.no-ics {
  -webkit-line-clamp: var(--bpf-excerpt-lines-extra);
}

/* Karten, die bereits geladen aber (noch) nicht sichtbar sein sollen */
.besd-post-feed .bpf-hidden {
  display: none !important;
}

/* ==========================================================================
   Single-Modus (Block-Inspector Radio)
   - Wrapper bekommt Klasse: .besd-post-feed.is-single
   - Es wird genau 1 Beitrag gerendert und KEIN „mehr laden..“-Button ausgegeben.
   - Hier kannst du den Single-Look unabhängig vom Feed-Look stylen.
   ========================================================================== */

.besd-post-feed.is-single .besd-grid{
  /* Optional: im Single-Modus immer 1 Spalte */
  grid-template-columns: 1fr !important;
}

.besd-post-feed.is-single .besd-more{
  display:none !important;
}