/* Home Slider */
.slick-dots li button::before {
    background-color:var(--background-color2);
}
.slick-dots li.slick-active button::before{
    background-color:var(--primary-color);
}
.homeslider .textbox {
    background-color:var(--background-color2);
    color:var(--font-color);
    h2 {
        color:var(--font-color);
    }

}
a.weiter,
.readmore a.btn.btn-secondary {
    background-color: var(--color2);
    color: var(--primary-color-contrast);
    &.white {
       background-color: var(--primary-color-contrast);
       color:var(--primary-color)!important;
    }
    &:hover {
        background-color: var(--primary-color);
    }

}
a.weiterlight {
    color: var(--primary-color);
}

/* Dienstleistungen Start */
.dienstleistungen {
    .com-content-category-blog__children.cat-children {
        .com-content-category-blog__child {
            h3{
                color:var(--primary-color-contrast);
                background-color:var(--primary-color);
                a {
                     color:var(--primary-color-contrast);
                }

            }
        }
    }
}

/* Dienstleistungen End */

/* Article Links */

ul.com-content-article__links li a {
     background-color: var(--primary-color);
    color: var(--primary-color-contrast);
    &:hover {
      background-color: var(--color2);
    }

}

/* News liste */
.news.liste .noimage {
    background-color:#dedede;
}

/* Medien Liste */
.medien.liste .imagewrapper {
    background-color:var(--primary-color);
}
.medien.liste li .articlewrapper {
    border-color:var(--border-color);
}
.medien.liste a {
    color:var(--font-color);
}
.medien.liste li .articlewrapper:hover a h3,
.medien.liste li .articlewrapper:hover a.weiterlight {
    color:var(--primary-color);
}
/* pagination */
ul.pagination .icon-angle-left:before {
    content:"<";
}
ul.pagination .icon-angle-double-left:before {
    content:"<<";
}
ul.pagination .icon-angle-right:before {
    content:">";
}
ul.pagination .icon-angle-double-right:before {
    content:">>";
}
ul.pagination .page-link {
    background-color: transparent;
    color: var(--font-color);
}
ul.pagination .page-link:hover {
    background-color: var(--background-color2);
}
ul.pagination .active .page-link {
    background-color: var(--font-color);
    color: var(--primary-color-contrast);
}