/*============================== News Display ==============================*/
/* Definitionen für NEWS-Cards - Baut auf auf ?Bootstrap? */

.img-preview {
    /*Fix responsive image sizing*/
    max-width: 100%;
    height: auto;
}

.card-group>.card+.card {
    /*Fix missing border in card-group*/
    border: 1px solid transparent;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}


/*Background*/

div.card.card-news {
    background-color: var(--news-bg-color);
    border-color: transparent;
}


/*Button at bottom*/

.btn-news {
    color: var(--news-btn-color);
    background-color: var(--news-btn-bg);
    border-color: var(--news-btn-bg);
}

.btn-news:hover {
    background-color: var(--news-btn-hover);
    border-color: var(--news-btn-hover);
    color: var(--news-btn-color);
}


/*Title*/

div.card.card-news h3.card-title a.news-link {
    color: var(--news-title-color);
}
div.card-body.card-news-special {
    padding: 2px 5px 2px 5px;
}
h5.card-title.card-news-special {
    margin-bottom: 0px;
}
.news-link.btn.btn-news.card-news-special {
    display: grid;
}



/* Anpassungen, dass SmartNewsCards responsive sind */
.mb-4 .card-body{
    max-width: 350px;
    align-self: center;
    margin: 3px auto;
    
  }
  .col-md-4-smallcards {
    max-width: 33.333333%;
  }
  .col-md-8-smallcards {
    max-width: 66.666666%;
  }
/* Abgeschnittene Texte */
.mb-4 .btn{
    font-size: 1.15rem;   
    hyphens:auto;
  }