.block.presse-mediathek .searchbox{max-width:400px;}

.block.presse-mediathek .tab-holder{position:sticky;top:0;z-index:10;background:rgba(248, 250, 252,.94);backdrop-filter:blur(10px);z-index:20;-webkit-overflow-scrolling:touch;margin-top:-16px;}
.block.presse-mediathek .tab-holder .tab-item .tab-item-link{align-items:baseline;}
.block.presse-mediathek .tab-holder .tab-item .tab-item-link span:first-child{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;width:100%;max-width:220px;}
.block.presse-mediathek .tab-holder .tab-item .tab-item-link span + span{font-size:12px!important;}


.presse-mediathek p + .article-listing{margin-top:var(--us-gap);}
/* --- Artikel-Listing rechts --- */
.presse-mediathek .article-item:before{border-top:1px solid var(--us-stroke-weak)!important;}
.presse-mediathek .article-item .overlay-border:after{border-radius:var(--us-radius);}
.presse-mediathek .article-item{max-width:800px;}
.presse-mediathek .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;}
.presse-mediathek .article-item .teaser-text{color:var(--us-text-strong)!important;hyphens:auto;}

/* --- Darstellung der kleinen Artikelkarten mit Bild --- */
.presse-mediathek .article-listing .article-item:has(img),
.presse-mediathek .article-listing .article-item:has(.article-dia){display:flex!important;flex-direction:row;gap:var(--us-gap);}
.presse-mediathek .article-listing .article-item.hide:has(img),
.presse-mediathek .article-listing .article-item.hide:has(.article-dia){display:none!important;}
.presse-mediathek .article-listing .article-item .article-dia{display:block;aspect-ratio:1/1;overflow:hidden;width:80px;height:80px;flex:0 0 80px;border-radius:var(--us-radius);background:#FFFFFF;background:linear-gradient(166deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 75%);box-shadow:inset 0 0 0 3px rgba(255,255,255,.5);text-shadow:0 2px 0 #fFF;}
.presse-mediathek .article-listing .article-item .article-dia:has(i){display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--drg-blue);position:relative;}
.presse-mediathek .article-listing .article-item .article-dia:has(i):after{display:block;position:absolute;top:0;left:0;right:0;bottom:0;content:'';border:1px solid rgba(0,0,0,.1);border-radius:var(--us-radius);}
.presse-mediathek .article-listing .article-item .article-dia i::before{font-weight:300!important;}
.presse-mediathek .article-listing .article-item:has(img) .article-dia img{width:100%;height:100%;object-fit:cover;object-position:center;}
.presse-mediathek .article-listing .article-item .teaser-text{font-size:.75em!important;display:none;text-wrap:balance;}
.presse-mediathek .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;}


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

/* --- Breakpoint-Optimierungen --- */
@media only screen and (min-width:768px){
.presse-mediathek .article-listing .article-item{gap:16px;}
}
@media only screen and (min-width:1024px){
.presse-mediathek .article-item .teaser hgroup h3{font-size:1.2em!important;}
}
@media only screen and (min-width:1280px){
.presse-mediathek .article-listing .article-item{gap:32px;}
.presse-mediathek .article-item .teaser hgroup h3{font-size:1.25em!important;}
}

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

@container article-listing (max-width:420px){
.presse-mediathek .article-listing .article-item .article-dia{width:60px;height:60px;flex:0 0 60px;}
}
@container article-listing (max-width:460px){
.presse-mediathek .article-listing .article-item h3{font-size:1.125em;}
.presse-mediathek .article-listing .article-item .article-dia:has(i){font-size:24px;}
.presse-mediathek .article-listing .article-item{align-items:center!important;}
}
@container article-listing (min-width:461px){
.presse-mediathek .article-listing .article-item .article-dia:has(i){font-size:32px;}
.presse-mediathek .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){
.presse-mediathek .article-listing .article-item .article-dia{width:150px;height:150px;flex:0 0 150px;}
.presse-mediathek .article-listing .article-item .article-dia:has(i){font-size:64px;}
.presse-mediathek .article-listing .article-item .article-dia i::before{font-weight:200!important;}
.presse-mediathek .article-listing .article-item .teaser-text{font-size:.85em!important;}
}

.presse-mediathek p + .media-listing{margin-top:var(--us-gap);}
.media-listing{display:grid;grid-template-columns:1fr;gap:var(--us-gap);}
.presse-mediathek .media-listing .media-item{position:relative;display:flex;flex-direction:column;gap:16px;}
.presse-mediathek .media-item .teaser{flex:1 1 auto;display:flex;flex-direction:column;}
.presse-mediathek .media-item .teaser hgroup{flex: 1 0 auto;}
.presse-mediathek .media-listing .media-item .teaser-image{background:#FFFFFF;border-radius:var(--us-radius);overflow:hidden;}
.presse-mediathek .media-item .teaser hgroup h3{color:var(--us-secondary-color);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;}
.presse-mediathek .media-item .overlay-border:after{border-radius:var(--us-radius);}

.presse-mediathek .media-listing .teaser-meta{opacity:1;}
.presse-mediathek .download-icon{color:var(--drg-blue)!important;}


.presse-mediathek .media-listing:has(.video){display:grid;/*grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));*/}
.presse-mediathek .media-listing .media-item img{object-position:50% 50%!important;}
.presse-mediathek .media-dia.video{position:relative;padding-bottom:56.25%;padding-top:0;height:0;overflow:hidden;background:#000000;border-radius:var(--us-radius)!important;}
.presse-mediathek .media-dia.video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--us-radius)!important;}

.video-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:64px;color:rgba(255,255,255,.7);text-shadow:0 0 1px rgba(0,0,0,.2),0 0 10px rgba(0,0,0,.33);transition:var(--us-transition);}

.presse-mediathek .media-listing .media-item:hover .video-icon{color:rgba(255,255,255,1);}

.tab-content-holder p + p{margin-top:24px;}

@media only screen and (min-width:768px){
.media-listing,
.presse-mediathek .media-listing:has(.video){display:grid;grid-template-columns:1fr 1fr;}
}
@media only screen and (min-width:835px){
.block.presse-mediathek .tab-holder{position:sticky;top:var(--us-header-height);}
}
@media only screen and (min-width:990px){
.media-listing,
.presse-mediathek .media-listing:has(.video){display:grid;grid-template-columns:1fr 1fr 1fr;}
}
@media only screen and (min-width:1280px){
.media-listing,
.presse-mediathek .media-listing:has(.video){display:grid;grid-template-columns:1fr 1fr 1fr 1fr;}
}


/* --- Pagination --- */
.article-pagination{max-width:800px;padding-top:var(--us-gap,16px);position:relative;}
.article-pagination .btn-holder{gap:12px!important;}
.article-pagination::before{position: absolute;
top: 0;
left: 0;
width: 100%;
content: '';
height: 0;
z-index: 10;
border-top: 1px solid var(--us-stroke-weak,rgba(0,0,0,.12));
border-bottom: 1px solid var(--us-hairline-inverted,rgba(255, 255, 255, 0.33));}


/* Skeleton */

.presse-mediathek .article-item.skeleton a,
.presse-mediathek .article-item.skeleton .btn-holder,
.presse-mediathek .article-item.skeleton .teaser-text {
  pointer-events: none;
}

.presse-mediathek .skeleton-image {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background: linear-gradient(90deg,var(--us-bg-gradation) 25%,rgba(255,255,255,.1) 37%,var(--us-bg-gradation) 63%);
  background-size: 400% 100%;
  animation: skeleton-shimmer 1.2s infinite;
  position:relative;
}

.presse-mediathek .article-item.skeleton{display:flex!important;flex-direction:row;gap:var(--us-gap);}
.presse-mediathek .article-item.skeleton .article-dia{display:block;aspect-ratio:1/1;overflow:hidden;width:80px;height:80px;flex:0 0 80px;border-radius:var(--us-radius);}

@media only screen and (min-width:768px){ .presse-mediathek .article-item.skeleton{gap:16px;} }
@media only screen and (min-width:1280px){ .presse-mediathek .article-item.skeleton{gap:32px;} }
@container article-listing (max-width:420px){ .presse-mediathek .article-item.skeleton .article-dia{width:60px;height:60px;flex:0 0 60px;} }
@container article-listing (min-width:570px){ .presse-mediathek .article-item.skeleton .article-dia{width:150px;height:150px;flex:0 0 150px;} }




.presse-mediathek .skeleton-line {
  display: block;
  height: 1.1em;
  margin-bottom: .5em;
  background: linear-gradient(90deg,var(--us-bg-gradation) 25%,rgba(255,255,255,.1) 37%,var(--us-bg-gradation) 63%);
  background-size: 400% 100%;
  animation: skeleton-shimmer 1.2s infinite;
  border-radius:3px;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.033);
  max-width:556px;
}
.presse-mediathek .skeleton-title { width: 65%; height: 1.3em; margin-bottom: 1em; }
.presse-mediathek .skeleton-line.short { width: 40%; }
.presse-mediathek .skeleton-btn {
  display: inline-block;
  width:122px;height:28px;
  border-radius: var(--us-btn-radius);
  background: linear-gradient(90deg,var(--us-bg-gradation) 25%,rgba(255,255,255,.1) 37%,var(--us-bg-gradation) 63%);
  background-size: 400% 100%;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.033);
  animation: skeleton-shimmer 1.2s infinite;
}

@keyframes skeleton-shimmer {
  0% { background-position: 100% 0 }
  100% { background-position: 0 0 }
}