.group--boxed { border: 1px solid #e6e6e6; border-radius: 10px; box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24); margin-bottom: 1.5rem; margin-left: 1.5rem; position: relative; }

.group--boxed__header { padding: 1rem; color: #343434; font-size: 0.8rem; border-radius: 10px 10px 0 0; }

.group--boxed__header .additional-info { display: flex; gap: 10px; }

.group--boxed__content { padding: 1rem; background-color: #e6e6e6; border-radius: 0 0 10px 10px; display: flex; gap: 1rem; }

.group--boxed__content .content { display: flex; flex-direction: column; justify-content: space-between; width: 100%; min-height: 140px; }

.group--boxed__content .content .top strong { font-size: 16px; }

.group--boxed__content .content .top a { font-size: 18px; }

.group--boxed__content .image { display: none; }

.group--boxed__content .image a { width: 220px; display: block; height: 165px; }

@media (min-width: 600px) { .group--boxed__content .image { display: block; } }

.group--boxed__content .bottom { display: flex; justify-content: space-between; align-items: center; }

.group--boxed__content .bottom .node-data { display: flex; align-items: center; gap: 15px; }

.group--boxed__content .bottom .node-data .vote-widget--like-and-dislike { margin: 0; }

.group--boxed__content .bottom .node-data .vote-widget--like-and-dislike .count:after { content: none; }

.node-groups { display: flex; }

.node-groups .field__items { display: flex; margin-left: 5px; }

.node-groups .field__items .field__item:not(:last-of-type) { margin-right: 5px; }

.node-groups .field__items .field__item:not(:last-of-type) > a:after { content: ','; }

.stream { padding: 0; list-style: none; position: relative; margin-left: -15px; }

.stream:before { top: 21px; bottom: 0; left: 7px; width: 2px; content: ''; background: #e1bc1f; position: absolute; }

.stream-item { position: relative; }

.stream-item:first-of-type { z-index: 4; }

.stream-item .pull-right { z-index: 2; }

.stream-icon { top: 19px; left: 4px; width: 8px; height: 8px; position: absolute; background: #e1bc1f; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.11), 0 1px 2px rgba(0, 0, 0, 0.22); box-shadow: 0 0 1px #e1bc1f, 0 1px 2px #e1bc1f; border-radius: 50%; border: 1px solid #fff; }

.card--stream { margin-left: 1.25rem; }

.card--stream:before, .card--stream:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.card--stream:before { border-right-color: rgba(0, 0, 0, 0.12); border-width: 7px; top: 16px; }

.card--stream:after { border-right-color: white; border-width: 6px; top: 17px; }

.card--stream .mediawrapper { margin-top: 15px; }

.card--stream .mediawrapper:first-child { margin-top: 0; }

.card--stream .comment__reply-btn { display: none; }

.card--stream .comment { font-size: 0.875rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

.card--stream .comment__avatar { margin-right: 8px; width: 44px; -ms-flex-negative: 0; flex-shrink: 0; }

.teaser.teaser--stream { margin-top: 0.625rem; margin-right: -1.25rem; margin-bottom: 0.625rem; margin-left: -1.25rem; background: #e6e6e6; }

.teaser.teaser--stream:last-child { margin-bottom: -1.25rem; }

.post-unpublished img { opacity: 0.5; }

.post-unpublished .badge-default { background-color: #777777; color: white; margin-left: 5px; font-size: 100%; }

.post-unpublished * { color: #9b9b9b; }

.footer-post { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (min-width: 600px) { .stream { margin-left: 0; }
  .stream:before { top: 42px; }
  .item-list + .item-list .stream { margin-top: -24px; padding-top: 24px; }
  .item-list + .item-list .stream:before { top: 0px; }
  .stream-icon { left: 0; top: 36px; width: 16px; height: 16px; border-width: 2px; }
  .card--stream { margin-left: 30px; }
  .card--stream:before { border-width: 9px; top: 35px; }
  .card--stream:after { border-width: 8px; top: 36px; }
  .card--stream .comment__avatar { margin-right: 12px; }
  .teaser.teaser--stream { height: 200px; }
  .teaser.teaser--stream .teaser__image { height: 200px; -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; } }