/*
===================================
Lebenshilfe Bremervörde / Zeven gGmbH
Projekt: LHBZ Intranet 
Entwickler: Florian Munzert
Mitwirkende: Adam Kilani, Janosch Buschmann
Datei: lh_cards.css
Datei-Link: https://intern.lhbz.it/lh_cards.css
===================================
*/

.card,.admin-card,.settings-card,.info-panel,.app-card,.lh-card{border-radius:20px!important;border:1px solid var(--glass-brd)!important;background:var(--glass-2)!important;backdrop-filter:blur(16px) saturate(1.12)!important;-webkit-backdrop-filter:blur(16px) saturate(1.12)!important;box-shadow:var(--card-shadow)!important}
.card:hover,.app-card:hover,.lh-card:hover{border-color:var(--accent)!important;box-shadow:0 24px 60px rgba(12,40,30,.16),0 0 46px var(--accent-glow)!important}
.news-card:hover,.episode-card:hover,.training-card:hover,.glow-card:hover{box-shadow:0 24px 54px rgba(0,95,58,.16),0 0 46px var(--accent-glow)!important;border-color:var(--accent)!important}
.mini-stat{background:var(--glass-3)!important;border:1px solid var(--hair)!important;border-radius:14px!important}
.mini-stat strong{color:var(--brand-deep)!important;font-family:var(--font-heading)!important}
[data-theme="dark"] .mini-stat strong{color:var(--accent-2)!important}


.card,.lh-card,.news-card,.episode-card,.training-card,.glow-card,.news-card.clickable-news-card{position:relative}
.card::after,.lh-card::after,.news-card::after,.episode-card::after,.training-card::after,.glow-card::after,.news-card.clickable-news-card::after{
  content:''!important;display:block!important;position:absolute!important;inset:0!important;border-radius:inherit!important;padding:1px!important;
  background:conic-gradient(from var(--ang),transparent 0 12%,var(--accent) 28%,var(--accent-2) 46%,var(--brand) 64%,transparent 82% 100%)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;mask-composite:exclude!important;
  opacity:0;transition:opacity .35s;pointer-events:none!important;z-index:6!important}
.card:hover::after,.lh-card:hover::after,.news-card:hover::after,.episode-card:hover::after,.training-card:hover::after,.glow-card:hover::after,.news-card.clickable-news-card:hover::after{opacity:1;animation:lhSpin 2.6s linear infinite}


.news-grid,.episodes-grid,.trainings-grid{grid-template-columns:repeat(auto-fill,minmax(258px,1fr))!important;gap:18px!important;align-items:stretch!important}
.news-card,.news-card.clickable-news-card,.episode-card.glow-card,.training-card.glow-card{background:radial-gradient(150% 130% at 100% 0%,rgba(0,182,120,.10),transparent 56%),var(--glass-2)!important;border:1px solid var(--glass-brd)!important;border-radius:18px!important;box-shadow:var(--card-shadow)!important;text-align:left!important;overflow:hidden!important}
.episode-card-inner,.episode-card .card-inner,.training-card .card-inner{background:transparent!important;padding:0!important;border-radius:0!important;align-items:flex-start!important;text-align:left!important}
.news-image,.news-image-placeholder,.episode-cover,.episode-cover-fallback,.training-image{width:100%!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;max-height:none!important;border:0!important;border-bottom:1px solid var(--glass-brd)!important;border-radius:0!important;object-fit:cover!important;margin:0!important}
.news-image img,.episode-cover img,.training-image img{width:100%!important;height:100%!important;object-fit:cover!important}
.episode-cover-fallback,.news-image-placeholder{display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,var(--brand),var(--accent))!important;color:#fff!important;font-weight:700!important;letter-spacing:.04em!important}
.news-content,.episode-content{padding:15px 17px 15px!important;align-items:flex-start!important;text-align:left!important;background:transparent!important}
.news-meta,.episode-meta-top,.training-meta{justify-content:flex-start!important;text-align:left!important;gap:8px!important;margin-bottom:9px!important;color:var(--soft)!important}
.news-title,.episode-title,.training-title{text-align:left!important;font-size:16.5px!important;line-height:1.3!important;color:var(--text)!important;margin:0 0 7px!important}
.news-excerpt,.episode-desc,.episode-subtitle,.training-desc{text-align:left!important;font-size:13px!important;line-height:1.55!important;color:var(--muted)!important;margin-bottom:14px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.news-footer,.episode-footer,.training-footer{justify-content:space-between!important;align-items:center!important;text-align:left!important;border-top:1px solid var(--hair)!important;padding-top:12px!important;gap:8px!important}
.read-more{display:inline-flex!important;align-items:center;gap:5px;color:var(--brand-deep)!important;font-weight:700!important;font-size:13px!important;text-decoration:none!important;cursor:pointer}
[data-theme="dark"] .read-more{color:var(--accent-2)!important}
.training-card .card-inner>.training-meta:first-of-type{padding:15px 17px 0!important}
.training-card .card-inner>.training-title{padding:0 17px!important}
.training-card .card-inner>.training-desc{padding:0 17px!important;margin:0 0 14px!important}
.training-card .card-inner>.training-meta:not(:first-of-type){padding:0 17px!important}
.training-card .card-inner>.training-footer{padding:12px 17px!important;margin-top:auto!important}
.news-card .badge,.episode-card .badge,.training-card .badge{background:rgba(0,168,107,.14)!important;color:var(--brand-deep)!important;border:1px solid rgba(0,168,107,.28)!important;text-transform:uppercase!important;font-size:10.5px!important;padding:4px 8px!important}
.news-card .badge.orange,.episode-card .badge.orange,.training-card .badge.orange{background:rgba(224,138,60,.16)!important;color:#b56a22!important;border:1px solid rgba(224,138,60,.32)!important}
.news-card .badge.blue{background:rgba(34,120,200,.14)!important;color:#2769b0!important;border:1px solid rgba(34,120,200,.28)!important}
[data-theme="dark"] .news-card .badge,[data-theme="dark"] .episode-card .badge,[data-theme="dark"] .training-card .badge{color:var(--accent-2)!important}
.news-footer .btn-mini,.episode-footer .btn-mini,.training-footer .btn-mini{min-height:32px!important;padding:7px 11px!important;font-size:12px!important}

/*
===================================
Lebenshilfe Bremervörde / Zeven gGmbH
Projekt: LHBZ Intranet 
Entwickler: Florian Munzert
Mitwirkende: Adam Kilani, Janosch Buschmann
Datei: lh_cards.css
Datei-Link: https://intern.lhbz.it/lh_cards.css
===================================
*/