/* --- Layoutstruktur --- */
.news-hub .block-grid{display:grid;grid-template-columns:1fr;gap:var(--us-block-gap);}
@media only screen and (min-width:768px){
.news-hub .block-grid{grid-template-columns:1fr 1fr;}
}

.news-hub header.block-header h2{display:block;text-overflow:ellipsis;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical;overflow:hidden;}

/* --- Sichtbarkeit und Steuerung der Filter --- */
.news-hub .block-filter{display:none;}
.news-hub header .btn-holder>*:first-child{display:none!important;}
@media only screen and (min-width:1024px){
.news-hub .block-filter{display:flex;}
.news-hub header .us-select{display:none!important;}
.news-hub header .btn-holder>*:first-child{display:flex!important;}
}

/* --- Tag Filter Buttons --- */
.btn-holder.tags{display:flex;flex-wrap:wrap;gap:10px!important;margin-bottom:36px;}
.btn-holder.tags .btn{margin:0!important;}
.btn-holder.tags .btn:focus,.btn-holder.tags .btn:focus-visible{outline:2px solid var(--us-primary-color)!important;outline-offset:-1px!important;color:var(--us-primary-color)!important;}
.btn-holder.tags .btn.tag>i{font-weight:900!important;margin:0 6px 0 0!important;}
.btn-holder.tags .btn.tag>span{max-width:130px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.btn-holder.tags .btn.tag.active>span{font-weight:700!important;}
.btn-holder.tags .btn.tag.active{background:var(--us-primary-color)!important;color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.1)!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2),inset 0 2px 0 0 rgba(255,255,255,.1),0 0 0 1px #fff;}
.btn-holder>*+*{margin:0!important;}

/* --- Artikel-Listing rechts --- */
.news-hub .article-item:before{border-top:1px solid var(--us-stroke-weak)!important;}
.news-hub .article-item .overlay-border:after{border-radius:var(--us-radius);}
.news-hub .article-item .teaser hgroup h3{font-size:1em;line-height:1.25!important;font-weight:500!important;text-wrap:balance!important;hyphens:auto!important;overflow-wrap:break-word;text-overflow:ellipsis;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical;overflow:hidden;}
.news-hub .article-item .teaser-text{color:var(--us-text-strong)!important;hyphens:auto;}

/* --- Darstellung der kleinen Artikelkarten mit Bild --- */
.news-hub .article-listing .article-item:has(img){display:flex!important;flex-direction:row;gap:var(--us-gap);}
.news-hub .article-listing .article-item:has(img) .article-dia{display:block;aspect-ratio:1/1;overflow:hidden;width:80px;height:80px;flex:0 0 80px;border-radius:var(--us-radius);}
.news-hub .article-listing .article-item:has(img) .article-dia img{width:100%;height:100%;object-fit:cover;object-position:center;}
.news-hub .article-listing .article-item .teaser-text{font-size:.75em!important;display:none;text-wrap:balance;}
.news-hub .article-listing .article-item:nth-child(even):after{display:block!important;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;content:'';background:linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 5%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%)!important;}

/* --- Featured Artikel (links) --- */
.news-hub .article-item.single-article{display:flex;flex-direction:column;gap:var(--us-gap);width:100%;min-width:0;padding-bottom:0!important;}
.news-hub .article-item.single-article .article-dia{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:var(--us-radius);}
.news-hub .article-item.single-article .article-dia img{width:100%;height:100%;object-fit:cover;object-position:center;}
.news-hub .article-item.single-article .teaser hgroup h3{font-size:1.25em;text-wrap:balance;hyphens:auto;}
.news-hub .article-item.single-article .teaser-text{color:var(--us-text-strong)!important;text-wrap:balance;hyphens:auto;}

/* --- Media Queries: Mobilanpassung --- */
@media only screen and (max-width:767px){
.news-hub .article-listing{border-top:1px solid var(--us-stroke-weak)!important;padding-top:var(--us-gap);}
.news-hub .article-listing .article-item .teaser{padding:0!important;}
}

/* --- Breakpoint-Optimierungen --- */
@media only screen and (min-width:768px){
.news-hub .article-listing .article-item:has(img){gap:16px;}
}
@media only screen and (min-width:1024px){
.news-hub .article-item .teaser hgroup h3{font-size:1.2em!important;}
.news-hub .article-item.single-article .teaser-text{font-size:1rem;line-height:1.4;}
}
@media only screen and (min-width:1280px){
.news-hub .article-listing .article-item:has(img){gap:32px;}
.news-hub .article-item .teaser hgroup h3{font-size:1.25em!important;}
.news-hub .article-item.single-article .teaser hgroup h3{font-size:1.6em!important;line-height:1.3;}
}

/* --- Container Queries für flexible Darstellung --- */
.news-hub .article-listing{container-type:inline-size;container-name:article-listing;}

@container article-listing (max-width:420px){
.news-hub .article-listing .article-item:has(img) .article-dia{width:60px;height:60px;flex:0 0 60px;}
}
@container article-listing (max-width:460px){
.news-hub .article-listing .article-item h3{font-size:1.125em;}
.news-hub .article-listing .article-item:has(img){align-items:center!important;}
}
@container article-listing (min-width:461px){
.news-hub .article-listing .article-item .teaser-text{display:block!important;text-overflow:ellipsis;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical;overflow:hidden;}
}
@container article-listing (min-width:570px){
.news-hub .article-listing .article-item:has(img) .article-dia{width:150px;height:150px;flex:0 0 150px;}
.news-hub .article-listing .article-item .teaser-text{font-size:.85em!important;}
}


/* Skeleton */
.news-hub .skeleton{position:relative;display:inline-block;background:rgba(0,0,0,.1);border-radius:3px;overflow:hidden;color:transparent!important;text-shadow:none!important;}
.news-hub .skeleton img{display:none;}
.news-hub .skeleton-item .teaser{width:80%;}
.news-hub .skeleton-item .teaser{color:transparent;text-shadow:none;}
.news-hub .skeleton::after{content:"";position:absolute;top:0;left:-150px;width:150px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:skeleton-loading 1.2s ease-in-out infinite;}

/* Animations-Definition */
@keyframes skeleton-loading{ 0%{left:-150px;} 100%{left:100%;} }

/* Linien innerhalb von Headlines oder Texten */
.news-hub .article-item.skeleton-item .teaser hgroup h3{display:block!important;}
.news-hub .skeleton-item h3 .skeleton.line,
.news-hub .skeleton-item h3 .skeleton.line-last{height:18px!important;}
.news-hub .skeleton.line{display:block;width:75%;margin-bottom:3px;height:10px;overflow:hidden!important;}
.news-hub .skeleton.line-last{width:55%;content:'';}

.news-hub .skeleton.block{display:block;width:90%;height:40px;margin:0!important;}

/* Optionale Varianten */
.news-hub .article-dia.skeleton{aspect-ratio:1/1;}
.news-hub .single-article.skeleton-item .teaser{width:100%;}
.news-hub .single-article.skeleton-item h3 .skeleton.line,
.news-hub .single-article.skeleton-item h3 .skeleton.line-last{height:22px!important;}
.news-hub .single-article .skeleton.block{height:54px;}

@media(min-width:768px){
.skeleton.line-last{width:75%;}
}
@media(min-width:1280px){
.skeleton.line-last{width:50%;}
}

@container article-listing (min-width:570px){
    .news-hub .skeleton-item h3 .skeleton.line,
    .news-hub .skeleton-item h3 .skeleton.line-last{height:22px!important;}
    .news-hub .skeleton.block{height:57px;}
}