.news3spaltignoad article, .news3spaltignoad .werbung3 {
    position:relative;
    margin-bottom:42px;
}

.news3spaltignoad .werbung3 {
    background:aliceblue;
}

.news3spaltignoad .werbung3 .footertxt {
    position: unset;
    background: white;
    height: 18px;
    padding: 6px 6px 6px 20px;
    margin: 0px;
    width: calc(100% - 27px);
    text-align: left;
    font-size:1rem;
    color:var(--gzdklgrau);
}

.imgdiv .zspimg {
    width:100%;
    height:auto;
 }

.news3spaltignoad hr {
    display:block;
    color:var(--gzgrau);
    margin:0 20px 24px 20px;
}

 .news3spaltignoad h2 {
    color:var(--gzrot);
    text-transform:uppercase;
    font-family:RobotoCondensedBold;
    font-size:1.125rem;
    letter-spacing:1px;
    padding:0;
    margin:20px 20px 0 20px;
    text-align:left;
}

.news3spaltignoad h3 {
    font-family: Georgia;
    font-size:2.25rem;
    color:var(--gzdklgrau);
    text-align:left;
    padding:0;
    margin:15px 20px 18px 20px;
    line-height:46px;
}

.news3spaltignoad .teaser {
    font-family: Roboto;
    font-size:1.125rem;
    color:var(--gzdklgrau);
    text-align:left;
    margin:0px 20px 0 20px;
}

.news3spaltignoad .time {
    text-align:left;
    font-size:1rem;
    color:var(--gzdklgrau);
    margin:18px 20px 20px 20px;
}

.zspaltigmore {
    text-decoration:underline;
    color:var(--gzrot);
    white-space: nowrap;
}

.zspaltigmore:hover {
    text-decoration:none;
    color:var(--gzrot);
}

.news3spaltignoad .trenner {
    display:none;
}

.news3spaltignoad .pionierbtn {
    background:#fff;
    border-radius:31px;
    max-width:170px;
    width:170px;
    height:62px;
    display:flex;
    align-items: center;
    justify-content: center;
    position:absolute;
    right:20px;
    top:20px;
    box-shadow: 6px 3px 6px #00000029;
}

.news3spaltignoad .onlineonlybtn {
    background:var(--gzrot);
    font-family: RobotoCondensedBold;
    font-size:1rem;
    color:#fff;
    border-radius:31px;
    max-width:170px;
    width:170px;
    height:62px;
    display:flex;
    align-items: center;
    justify-content: center;
    position:absolute;
    right:20px;
    top:20px;
    box-shadow: 6px 3px 6px #00000029;
    letter-spacing:3.2px;
}

.news3spaltignoad .onlineonlybtn p {
    padding:0;
    margin:0;
    letter-spacing:2px;
    font-size:1rem;
}

.news3spaltignoad .onlineonlybtn p:first-child {
    padding-right:8px;
}

.news3spaltignoad .onlineonlybtn p:last-child {
    padding-left:8px;
}


@media (min-width:1024px) {
    .news3spaltignoad .werbung3 .footertxt {
        position: absolute;
        bottom:-6px;
        padding:6px 6px 30px 6px;
        width: calc(100% - 12px);
    }

    .news3spaltignoad {
        display:flex;
        flex-wrap:wrap;
        margin:0 62px 0 62px;
    }

    .news3spaltignoad article, .news3spaltignoad .werbung3 {
        width:calc(33% - 24px);
    }

    .news3spaltignoad .trenner {
        width:1px;
        background-color:var(--gzgrau);
        margin:0 20px 60px 20px;
    }

    .news3spaltignoad h2, .news3spaltignoad h3, .news3spaltignoad .teaser, .news3spaltignoad .time {
        margin-left:0;
    }

     .news3spaltignoad h2 {
        margin-left:0;
    }

    .news3spaltignoad hr {
        display:none;
    }

    .news3spaltignoad .trenner {
        display:block;
    }

}

@media (min-width:1024px) AND (max-width:1140px ) {
.news3spaltignoad article, .news3spaltignoad .werbung3 {
        width:calc(33% - 25px) !important;
    }
}

@media (min-width:1440px) {
     .news3spaltignoad {
         /*margin:0 133px;*/
         width:1175px; /**/
         margin:auto;
    }

    .werbung3 .frame-layout-0 {
        width:unset;
    }

}

@media (min-width:1920px) {
     .news3spaltignoad {
         margin:0 372px;
    }

}


.news3spaltignoad .trenner:nth-child(3n), .news3spaltignoad .trenner:last-child {
    display:none;
}


.article {
  opacity: 0;                /* unsichtbar am Anfang */
  transform: translateY(20px); /* leicht nach unten verschoben */
  animation: fadeInUp 0.6s ease forwards; /* Animation starten */
}

/* Keyframes für die Animation */
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.load-more {
    font-size:1.3rem;
    position:relative;
    font-family: Georgia;
    top:-40px;
    border:2px solid var(--gzrot);
    border-radius: 15px;
    background:var(--gzrot);
    padding:5px 20px 5px 20px;
    color:#fff;
    margin: 40px 0 60px 0;
}

.load-more:hover {
    cursor:pointer;
    border:2px solid var(--gzgrau);
    border-radius: 15px;
}

.visually-hidden {
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}


.news3spaltignoad .trennero:last-child {
    display:none;
}


@media (max-width:600px) {
    .news3spaltignoad h3, .news3spaltignoad h2 {
        word-break:break-all;
    }
}