/* Start: Rub Teaser */
#ss_list { padding: 0 0 120px 0; }
@media screen and (max-width: 959px) { #ss_list { padding: 0 0 50px 0; } }
.ss_rubTeaser_mainTitle.cms_padding_1 { padding: 15px 15px 0 15px !important; }
.ss_rubTeaser_mainTitle > .cms_padding_1 { padding: 15px 15px 0 15px !important; }
.ss_rubTeaser_mainTitle h1 { padding: 0 0 13px 0; }
.ss_rubTeaser_flexBox { display: flex; }
.ss_rubTeaser_box { position: relative; display: flex; flex-direction: column; width: 100%; padding: 0 0 1px 0; }
.ss_rubTeaser_box:before { content: ""; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100px; height: 1px; background: var(--primary); transition: var(--transition); }
.ss_rubTeaser_box:hover:before { width: 100%; }
.ss_rubTeaser_imgMain { position: relative; width: 100%; margin: 0 0 16px 0; }
.ss_rubTeaser_imgContainer { position: relative; z-index: 1 !important; width: 100%; }
.ss_rubTeaser_imgFixZindex { z-index: 12 !important; }
.ss_rubTeaser_imgBox { width: 100%; padding: 0 0 57.54385964912281% 0; }
.ss_rubTeaser_imgBox > .full_article_link { border-radius: 30px 0 0 0; }
.ss_rubTeaser_img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; border-radius: 30px 0 0 0; }
.ss_rubTeaser_imgLegend { display: none; }
.ss_rubTeaser_title { position: absolute; z-index: 14 !important; right: 24px; bottom: -16px; padding: 5px 33px; transition: var(--transition); }
.ss_rubTeaser_box:hover .ss_rubTeaser_title { padding: 5px 47px 5px 33px; }
.ss_rubTeaser_titleArrow { position: absolute; z-index: 1; top: 50%; right: 17px; transform: translateY(-50%); opacity: 0; visibility: hidden; transition: var(--transition); }
.ss_rubTeaser_box:hover .ss_rubTeaser_titleArrow { opacity: 1; visibility: visible; }
.ss_rubTeaser_title > h2 { color: #FFFFFF; padding: 0; }
.ss_rubTeaser_title:before,
.ss_rubTeaser_title:after { content: ""; position: absolute; inset: 0; }
.ss_rubTeaser_title:before { z-index: -1; opacity: 0.7; background: var(--primary); }
.ss_rubTeaser_title:after { z-index: -2; filter: grayscale(50%); background: url("/pages/img/box_bg.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.ss_rubTeaser_text { flex: 1; padding: 30px 25px; }
@media screen and (max-width: 959px) {
    .ss_rubTeaser_box:before { width: 100%; }
    .ss_rubTeaser_imgMain { margin: 0 0 21px 0; }
    .ss_rubTeaser_imgBox { padding: 0 0 76.70807453416148% 0; }
    .ss_rubTeaser_title { right: auto; bottom: -21px; left: 0; padding: 5px 41px 5px 16px; }
    .ss_rubTeaser_box:hover .ss_rubTeaser_title { padding: 5px 41px 5px 16px; }
    .ss_rubTeaser_titleArrow { display: none; }
    .ss_rubTeaser_text { padding: 28px 0; }
}
/* End: Rub Teaser */