@media screen and (width>=961px) {
  .teaser .items-container {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
.slider-button{
    background-color: #6E786E !important;
}
.active{
    background-color: #00793a !important;

}



@media (max-width: 768px) {
    .items-container {
        display: block !important;
    }
    .item {
        width: 100%;
        margin: 0 auto;
    }
    .slider-navigation {
        display: flex;
        justify-content: center;
        gap: 6px;
        margin-top: 10px;
    }
    .slider-button {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #6E786E;
        border: none;
    }
    .slider-button.active {
        background: #00793a;
    }
    .button-text{
        margin-top: 8px;
    }
}

.teaser .headline-container {
     margin-bottom: 0px !important; 
}

.teaser h2, .teaser .h2, .teaser-list h2, .teaser-list .h2, .link-teaser h2, .link-teaser .h2 {
    border-bottom: none !important; 
    padding-bottom: 0px !important;
    margin-bottom: 24px !important;
}

.teaser .headline {
  color: #0A140A !important;
}

.teaser .description {
  color: #0A140A !important;
}

.teaser .h2-headline {
  color: #003B1C !important;
  font-size: 39px !important;
}

.teaser .text-button{
  font-weight: 500 !important;
}

.teaser-card .content {
  padding: 0px !important; 
}

.baseblock-teaser{
 padding-bottom: 4rem !important;
 padding-top: 4rem !important;
}