/* TYPO3 News Modul - Modernes Design */


.news .footer {display: none;}

.news-list-view {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 Spalten → jeweils 1/3 */
  gap: 20px;
  padding: 20px;
}

.veranstaltungen .article .news-img-wrap {
  width: 100%;
  height: auto;        /* keine feste Höhe → Bild bleibt original */
  overflow: hidden;    /* kannst du eigentlich weglassen, wenn nichts abgeschnitten werden soll */
  display: flex;
  align-items: center;
  justify-content: center;
}

.veranstaltungen .article .news-img-wrap img {
  width: 100%;   /* Bild passt sich an die Breite an */
  height: auto;  /* Höhe bleibt proportional/original */
}


/* Breakpoint für Handy */
@media (max-width: 768px) {
  .news-list-view {
    grid-template-columns: 1fr; /* nur noch 1 Spalte */
  }
}

.news-list-view .article {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
}

.news-list-view .article:hover {
    transform: translateY(-5px);
}

.news-single  .teaser-text {
  margin: 0  ;
}

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

.news-backlink-wrap a {
  background: #7a413b;
  color: #fff !important;
  padding: 10px 20px;
  border-radius: 8px;
  text-decoration: none;
  margin-top: 20px;
  display: inline-flex;
}
.news-backlink-wrap a:hover {background:#a0b306 !important; color:#fff !important;}



.news-single .article .teaser-text {padding: 0; font-size: 1.5rem;}

.article .news-img-wrap {
    width: 100%;
    height: auto; /* Feste Höhe für quadratische Bilder */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}


.news-list-view .article .news-img-wrap {

    height: 250px; /* Feste Höhe für quadratische Bilder */

}

.article .news-img-wrap img {
    width: 100% !important;
    height: 100%;
    object-fit: cover; /* Bild wird zugeschnitten */

}

.news .article .news-img-wrap a {
	padding: 0px;}

..news-list-view .article .header {
    padding: 15px;
}

.article .teaser-text {
    font-size: 1em;
    color: #666;
    margin-bottom: 15px;
    padding: 15px;
}

.article .footer {
    padding: 15px;
    text-align: right;
}

.article .footer .news-readmore {
    display: inline-block;
    padding: 10px 15px;
    background: #007acc;
    color: white;
    text-decoration: none;
    border-radius: 6px;
    transition: background 0.3s ease-in-out;
}

.article .footer .news-readmore:hover {
    background: #005fa3;
}

.news .article h3 {text-decoration: none; font-size: 1.6rem; text-align: center;}
.news .article h3 a {text-decoration: none; font-size: 1.6rem;}

#pageid65 .teaser-text {display: none;}
#pageid65 .article .footer {display: none;}


 a.more {
  color: #fff !important;
background-color: #7a413b !important;
border-radius: 0;
	 padding: 6px 12px;
	 text-decoration: none;
	 border-radius: 4px;
}


.news .article:last-child {
  margin-bottom: 15px !important;
}



.more:hover {background:#a0b306 !important; color:#fff;}

/*###gruen  #a0b306*/
/*###braun #7a413b*/
 

.news .article .news-img-wrap {background: none !important;}
.news-single .article .news-img-wrap {

	width: 600px !important;}