.article-content {
	color: #ffffff;
}
.article-header, h1, {
	color: #ffffff;
	text-transform: none!important;
	font-size: 20px !important;
	font-weight: bold!important;
}

.newsflash-image, figure {
    padding-bottom: 15px;
}

.module-ct {
	padding-top: 0px;
}

.programmplan {
	padding-left: 5.5%;
	padding-right: 5.5%;
	border: 0;
}

.section-inner {
	padding: 0;
}

.newsflash {
	min-height: 0px!important;
}

.mod_events_latest_first {
    border-color: #000000!important;
}

@media (max-width: 768px){
  /* Bild zentrieren */
  .module-ct img,
  .module-ct .custom img{
    display: block;
    margin: 0 auto;
    float: none !important;
  }

  /* NUR die Bildunterschrift zentrieren (häufige Joomla/Template-Varianten) */
  .module-ct figcaption,
  .module-ct .caption,
  .module-ct p.caption,
  .module-ct .wp-caption-text,
  .module-ct .image-caption{
    text-align: center;
  }
}


@media (max-width: 768px){

  /* Joomla Blog/Kategorie-Layouts: Bild-Wrapper ent-floaten & zentrieren */
  .blog .item-image,
  .com-content-category-blog .item-image,
  .com-content-article .item-image,
  .item-page .item-image,
  .blog figure,
  .com-content-category-blog figure{
    float: none !important;
    display: block !important;
    text-align: center !important;
    margin: 0 auto 1rem !important;
  }

  /* Bild selbst zentrieren */
  .blog .item-image img,
  .com-content-category-blog .item-image img,
  .com-content-article .item-image img,
  .item-page .item-image img{
    display: inline-block !important; /* innerhalb text-align:center */
    margin: 0 auto !important;
    float: none !important;
    max-width: 100%;
    height: auto;
  }
}

<style>
/* bessere Lesbarkeit der Slideshow-Headline */
.acm-slideshow .item-title{
  display:inline-block;
  padding:8px 12px;
  border-radius:12px;
  background:rgba(0,0,0,.55);
  color:#fff !important;
  line-height:1.2;
  text-shadow:none;
}

/* Link im Titel ebenfalls weiß */
.acm-slideshow .item-title a{
  color:#fff !important;
  text-decoration:none;
}

/* optional: etwas größer */
.acm-slideshow .item-title{
  font-size: clamp(22px, 3.2vw, 36px);
}
</style>

/* Off-Canvas früher einblenden (z.B. <1200px) */
@media (max-width: 1199px) {
  .off-canvas-toggle { 
    display: inline-block !important;
  }

  /* Desktop-Navigation ausblenden (Selektor ggf. anpassen) */
  .t3-mainnav .t3-navbar,
  .t3-mainnav .navbar-collapse {
    display: none !important;
  }
}

/* Ab 1200px wieder Desktop-Navigation */
@media (min-width: 1200px) {
  .off-canvas-toggle { 
    display: none !important;
  }

  .t3-mainnav .t3-navbar,
  .t3-mainnav .navbar-collapse {
    display: block !important;
  }
}