================ */

/* Links/Headlines */
.news .article h3 a {
  text-decoration: none;
}

/* Listen allgemein */
.news ul {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding-left: 0;
}

.news ul li {
  font-size: 1rem;
  padding-right: 2%;
  color: #232323;
}

/* NUR die Description im News-Teaser ausblenden */
.news .teaser-text [itemprop="description"] {
  display: none;
}

.news .footer .news-list-date {display: block !important;}

/* Kategorie-Liste (Categorylist-Plugin) */
.frame-type-news_categorylist .news ul li {
  display: inline-block;
  padding: 1rem 2rem;
  padding-left: 40px;
  color: #fff;
  margin-right: 15px;
  background: #038bcc;
}

.frame-type-news_categorylist .news ul li a {
  color: #fff !important;
}

.frame-type-news_categorylist .news ul li:hover {
  background-color: #79ac2b;
}

/* Single: Bild */
main .news-single .article .image {
  max-height: 250px;
  overflow: hidden;
}

main .news-single .article img {
  object-fit: cover;
  height: 250px;
}

/* List: Bild Wrap */
.news-list-view .news-img-wrap {
  max-height: 180px;
  overflow: hidden;
  float: left;
  margin: 3px 12px 5px 0;
  background: #fff;
  width: 100%;
}

/* Paginator */
.f3-widget-paginator {
  width: 100%;
}

.f3-widget-paginator li {
  float: left;
}

/* Teaser Text (Single) */
.news-single .teaser-text {
  font-size: 1.5rem !important;
  color: #454545 !important;
}

/* Buttons */
.btn,
.more {
  padding: 1% 2%;
  text-decoration: none;
  font-size: 1rem;
  margin-top: 2%;
  display: inline-block;
}

.btn a:hover,
.more a:hover {
  color: #fff !important;
  background-color: #262626 !important;
}

/* Backlink */
.news-backlink-wrap {
  margin-top: 50px;
}

.news-backlink-wrap a {
  background-color: #000;
  color: #fff !important;
  padding: 6px 18px;
	text-decoration: none;}

.news-backlink-wrap a:hover {
  background-color: #393939 !important;
}

/* News Images allgemein */
.news .article .news-img-wrap {
  margin: 0;
  background: none !important;
}

.news .article .news-img-wrap a {
  border: none;
  background: none;
  padding: 0;
}

.news .article .news-img-wrap img {
  float: left;
  height: auto;
  width: 100%;
  max-width: 100%;
}

/* Galerie / Custom-Image */
.news-img-wrap .gallery,
.frame-custom-21 .image {
  max-height: 250px;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}

.news-img-wrap a {
  padding: 0 !important;
  border: 0 !important;
  margin-bottom: 10px;
}

/* Single: Layout/Reihenfolge */
.news-single .article {
  flex-direction: column;
}

.news-single .header { order: 1; }
.news-single .news-text-wrap { order: 2; }
.news-single .news-img-wrap { order: 3; }
.news-single .news-backlink-wrap { order: 4; }

/* Single: Image Wrap */
.news-single .article .news-img-wrap {
  display: inline-block;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  margin-bottom: 20px;
}

.news-single .article .news-img-wrap .mediaelement-image {
  max-height: 225px;
  overflow: hidden;
}

.news-single .news-img-wrap .outer {
  width: 32%;
  float: left;
  padding: 0.3%;
  overflow: hidden;
  object-fit: cover;
}

/* List-Grid */
.news .news-list-view {
  display: flex;
  flex-wrap: wrap;
  margin: -10px 0 0 -10px;
  align-items: inherit;
}

.news-list-view .article {
  width: calc(25% - 10px);
  padding: 1%;
}

.news .article {
  margin-bottom: 0;
}

.news-single h1 {
  padding: 0 0 10px;
}

/* Elemente ausblenden */
.news .footer .news-list-category {
  display: none;
}

.news .footer {
  clear: both;
  padding: 0px 0 0 0;
  border-top: none !important;
  margin-top: 0px !important;
  color: #000;
}
.news .footer span {border-right: none !important;}

/* (Hinweis: "crop" als Element ist ungewöhnlich – ich lasse es drin wie vorhanden) */
.news crop {
  display: block;
  overflow: hidden;
  -moz-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Spezifische Headline-Farbe */
.newsheadheight h3 a {
  color: #bf0f10 !important;
  text-decoration: none;
  font-weight: bold;
}

/* Teaser-Link */
.teaser-text a {
  color: #fff !important;
  font-size: 0.8rem;
}

/* a.more hover */
a.more:hover {
  background: #4f5564;
}

/* =========================
   News/Teaser Kontrast-Fix (wie gehabt, aber ohne Duplikate)
   ========================= */

.news-list .news-text-wrap,
.news-list .news-text-wrap h1,
.news-list .news-text-wrap h2,
.news-list .news-text-wrap h3,
.news-list .news-text-wrap p,
.news-list .news-text-wrap span {
  background: rgba(0, 0, 0, 0.82);
  color: #fff !important;
  padding: 6px 12px;
  display: inline-block;
  line-height: 1.4;
}

.news-list .news-text-wrap * {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.news-list .category,
.news-list .news-category,
.news-list .news-list-date,
.news-list .news-list-category {
  background: #004b63;
  color: #fff !important;
  padding: 5px 12px;
  border-radius: 4px;
  font-weight: 600;
  display: inline-block;
}

.news-list span[itemprop="headline"],
.news-list .news-list-title,
.news-list .news-title {
  background: rgba(0, 0, 0, 0.82);
  color: #fff !important;
  padding: 8px 12px;
  display: inline-block;
}

.news-list a.more,
a.more {
  background: #003b4a;
  color: #fff !important;
  padding: 10px 18px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
}

.news-list a.more:hover,
.news-list a.more:focus,
a.more:hover,
a.more:focus {
  background: #002a35;
  color: #fff !important;
}

.news-image .text,
.news-image .title,
.news-image .caption {
  background: rgba(0, 0, 0, 0.78);
  color: #fff !important;
  padding: 10px 14px;
}


/* Artikel als Flex-Container, Reihenfolge ändern */
.news-list-view .article,
.news .news-list-view .article,
.article.articletype-0 {
  display: flex;
  flex-direction: column;
}

/* Bild zuerst */
.article.articletype-0 .news-img-wrap { order: 1; }

/* Headline darunter */
.article.articletype-0 .header { order: 2; }

/* Teaser/mehr-Link danach */
.article.articletype-0 .teaser-text { order: 3; }

/* Artikel bleibt normal */
.article.articletype-0 {
  position: relative;
}

/* Teaser ist die Bezugshöhe für "unten" */
.article.articletype-0 .teaser-text {
  position: relative;
  padding-right: 60px; /* Platz für Pfeil */
  padding-bottom: 10px;
}

/* Weiterlesen-Link = Pfeil */
.article.articletype-0 .teaser-text a.more {
  position: absolute !important;
  right: 0;
  bottom: 0; /* ⬅️ genau bei letzter Textzeile */

  width: 28px;
  height: 28px;

  padding: 0 !important;
  margin: 0 !important;

  background: none !important;
  border: 0 !important;
  box-shadow: none !important;

  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  text-decoration: none !important;
}

/* Dein SVG */
.article.articletype-0 .teaser-text a.more::before {
  content: "";
  width: 22px;
  height: 22px;
  display: block;

  background-image: url("/fileadmin/templates/gfx/news_arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Kein Hover-Effekt */
.article.articletype-0 .teaser-text a.more:hover,
.article.articletype-0 .teaser-text a.more:focus {
  background: none !important;
}