/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Article Teaser */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ 

.hb_teaser_wrapper { display: flex; flex-wrap: wrap; gap: 2px 20px; }

.hb_teaser { /* height: 268px; margin-right: 20px; */ flex-grow: 1; }
.hb_teaser:last-child { margin-right: 0; }

#hb_bg_img { background-image: none; background-color: var(--first-contrast-color); }
.hb_teaser_image { height: 240px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.hb_teaser_image { opacity: 1; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.hb_teaser_img_link:hover .hb_teaser_image { opacity: 0.8; }

.teaser_is_boxed { display: flex; position: relative; top: -10px;}
a.teaser_is_boxed { margin: 0 20px; }

.teaser_is_boxed a,
.teaser_is_boxed a:link,
.teaser_is_boxed a:hover { text-decoration: none; background-color: none; }

.teaser_is_single { width: 100%; display: flex; padding: 0 10px; margin: 10px 0 20px 0; }
.teaser_is_single a,
.teaser_is_single a:link { text-decoration: none; }


.teaser_is_single.is_align_left { text-align: left; }
.teaser_is_single.is_align_center { text-align: center; }
.teaser_is_single.is_align_right { text-align: right; }

.hb_two_columns { flex: 1 0 48%; }
.hb_three_columns { flex: 1 0 31.3%; }
.hb_four_columns { flex: 1 0 21%; }
.hb_five_columns { flex: 1 0 18%; }
.hb_six_columns { flex: 1 0 14.6%; }