:root {
  --hub-rectangles-gap: 6px
}

.news-push,
.agenda-push,
.rs-push {
  --push-bg-color: var(--hub-blue-light);
  --push-title-color: var(--hub-black);
  --push-title-hover-color: var(--hub-black);
  --push-teaser-color: var(--hub-white);
  --push-teaser-hover-color: var(--hub-white);
  --push-indicator-fill: var(--hub-black);
  --push-indicator-stroke: var(--hub-white);
  --push-indicator-hover-fill: var(--hub-grey);
  --push-rectangle-1-bg : var(--hub-blue-dark);
}

.main-push__icon .icon > svg > circle { fill: var(--push-indicator-fill); }
.main-push__icon .icon > svg > path { stroke: var(--push-indicator-stroke); }
.secondary-push__icon .icon > svg > circle { fill: var(--push-indicator-fill); }
.secondary-push__icon .icon > svg > path { stroke: var(--push-indicator-stroke); }
.tertiary-push__icon .icon > svg > circle { fill: var(--push-indicator-fill); }
.tertiary-push__icon .icon > svg > path, .tertiary-push__icon .icon > svg > g > path  { stroke: var(--push-indicator-stroke); }
.rs-push__icon .icon > svg > circle { fill: var(--push-indicator-fill); }
.rs-push__icon .icon > svg > path { stroke: var(--push-indicator-stroke); }

.color-grey {
  color: var(--hub-grey) !important;
}

.field--name-field-image {
  margin: 0!important;
}

.field--name-field-media-image,
.field--name-field-media-svg {
  width: 200px;
  height: 111px;
  margin: 0!important;
  object-fit: cover;
}

.secondary-push .field--name-field-media-image,
.secondary-push .field--name-field-media-svg {
  width: 170.17px;
  height: 94.54px;
}

.tertiary-push .field--name-field-media-image,
.tertiary-push .field--name-field-media-svg {
  width: 170.17px;
  height: 94.54px;
}

.field--name-field-media-svg img {
  width: auto;
  height: 110px;
  margin-left: 22px;
  object-fit: contain;
}

.hub-container .field--name-field-main-pushes > .field__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

.hub-container .row-cols-col6_col6 .field--name-field-main-pushes > .field__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}

.hub-container .row-cols-col7_col5 .field--name-field-main-pushes > .field__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}

.hub-container .field--name-field-secondary-pushes > .field__items,
.hub-container .field--name-field-tertiary-pushes > .field__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 26px;
}

.hub-container .row-cols-col6_col6 .field--name-field-secondary-pushes > .field__items,
.hub-container .row-cols-col6_col6 .field--name-field-tertiary-pushes > .field__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}

.hub-container .row-cols-col7_col5 .field--name-field-secondary-pushes > .field__items,
.hub-container .row-cols-col7_col5 .field--name-field-tertiary-pushes > .field__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}

.hub-container .field--name-field-secondary-pushes > .field__items.field__items--count-3,
.hub-container .field--name-field-tertiary-pushes > .field__items.field__items--count-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

.hub-container .row-cols-col6_col6 .field--name-field-secondary-pushes > .field__items.field__items--count-3,
.hub-container .row-cols-col6_col6 .field--name-field-tertiary-pushes > .field__items.field__items--count-3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}

.hub-container .field--name-field-secondary-pushes > .field__items.field__items--count-1,
.hub-container .field--name-field-secondary-pushes > .field__items.field__items--count-2,
.hub-container .field--name-field-tertiary-pushes > .field__items.field__items--count-1,
.hub-container .field--name-field-tertiary-pushes > .field__items.field__items--count-2{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}

.hub-container .row-cols-col6_col6 .field--name-field-secondary-pushes > .field__items.field__items--count-2,
.hub-container .row-cols-col6_col6 .field--name-field-tertiary-pushes > .field__items.field__items--count-2
{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}

.hub-container .row-cols-col6_col6 .field--name-field-secondary-pushes > .field__items.field__items--count-1,
.hub-container .row-cols-col6_col6 .field--name-field-tertiary-pushes > .field__items.field__items--count-1
{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 26px;
}

.hub-container .row-cols-col6_col6 .field--name-field-secondary-pushes > .field__items.field__items--count-3,
.hub-container .row-cols-col6_col6 .field--name-field-tertiary-pushes > .field__items.field__items--count-3,
.hub-container .row-cols-col6_col6 .field--name-field-secondary-pushes > .field__items.field__items--count-4,
.hub-container .row-cols-col6_col6 .field--name-field-tertiary-pushes > .field__items.field__items--count-4 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}

.hub-container .row-cols-col7_col5 .field--name-field-secondary-pushes > .field__items.field__items--count-2,
.hub-container .row-cols-col7_col5 .field--name-field-tertiary-pushes > .field__items.field__items--count-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}

.hub-container .row-cols-col7_col5 .field--name-field-secondary-pushes > .field__items.field__items--count-1,
.hub-container .row-cols-col7_col5 .field--name-field-tertiary-pushes > .field__items.field__items--count-1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 26px;
}

.hub-container .field--name-field-press-pushes > .field__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 26px;
}

.hub-container .row-cols-col6_col6 .field--name-field-press-pushes > .field__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}

.hub-container .row-cols-col7_col5 .field--name-field-press-pushes > .field__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}

.hub-container .field--name-field-press-pushes > .field__items.field__items--count-1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 26px;
}

.hub-container .row-cols-col6_col6 .field--name-field-press-pushes > .field__items.field__items--count-1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 26px;
}

.hub-container .row-cols-col7_col5 .field--name-field-press-pushes > .field__items.field__items--count-1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 26px;
}

.hub-container .field--name-field-press-pushes > .field__items.field__items--count-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}

.hub-container .row-cols-col6_col6 .field--name-field-press-pushes > .field__items.field__items--count-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}

.hub-container .row-cols-col7_col5 .field--name-field-press-pushes > .field__items.field__items--count-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}

.hub-container .field--name-field-press-pushes > .field__items.field__items--count-3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}

.hub-container .row-cols-col6_col6 .field--name-field-press-pushes > .field__items.field__items--count-3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}

.hub-container .row-cols-col7_col5 .field--name-field-press-pushes > .field__items.field__items--count-3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}

.main-push__link {
  min-height: 399px;
  max-width: 395px;
  background: var(--push-bg-color);
}

.secondary-push__link {
  min-height: 344px;
  max-width: 395px;
  flex-direction: column;
  background: var(--push-bg-color);
}

.tertiary-push__link {
  max-width: 395px;
  flex-direction: column;
  background: var(--push-bg-color);
}

.field--name-field-secondary-pushes > .field__items--count-3 .secondary-push__link,
.field--name-field-tertiary-pushes > .field__items--count-3 .tertiary-push__link {
  min-height: 344px;
  width: 100% !important;
}

.paragraph--type--row:not(.row-cols-col6_col6):not(.row-cols-col7_col5):not(.row-cols-col8_col2) .field--name-field-secondary-pushes > .field__items--count-2 .secondary-push__link,
.paragraph--type--row:not(.row-cols-col6_col6):not(.row-cols-col7_col5):not(.row-cols-col8_col2) .field--name-field-secondary-pushes > .field__items--count-1 .secondary-push__link,
.paragraph--type--row:not(.row-cols-col6_col6):not(.row-cols-col7_col5):not(.row-cols-col8_col2) .field--name-field-tertiary-pushes > .field__items--count-2 .tertiary-push__link,
.paragraph--type--row:not(.row-cols-col6_col6):not(.row-cols-col7_col5):not(.row-cols-col8_col2) .field--name-field-tertiary-pushes > .field__items--count-1 .tertiary-push__link,
.row-cols-col6_col6 .field--name-field-secondary-pushes > .field__items--count-1 .secondary-push__link,
.row-cols-col6_col6 .field--name-field-tertiary-pushes > .field__items--count-1 .tertiary-push__link{
  min-height: 242px;
  max-width: 100% !important;
  width: 100% !important;
  flex-direction: row;
}

.row-cols-col6_col6 .field--name-field-secondary-pushes > .field__items--count-2 .secondary-push__link,
.row-cols-col6_col6 .field--name-field-tertiary-pushes > .field__items--count-2 .tertiary-push__link {
  min-height: 344px;
  max-width: 100% !important;
  flex-direction: column;
}

.row-cols-col7_col5 .field--name-field-tertiary-pushes > .field__items--count-1 .tertiary-push__link {
  height: 344px;
  max-width: 100% !important;
  flex-direction: column;
}

.news-push__link {
  height: 460px;
  flex-direction: column;
  background: var(--push-bg-color);
}

.agenda-push__container {
  height: auto;
  max-width: 393px;
  flex-direction: column;
  padding: 20px;
  background: var(--push-bg-color);
}

.hub-container .field--name-field-press-pushes > .field__items .agenda-push__container {
  max-width: 100% !important;
}

.rs-push__link {
  height: auto;
  flex-direction: column;
  padding: 20px;
  background: var(--push-bg-color);
  gap: 16px;
}

.field--name-field-press-pushes > .field__items--count-1 .news-push__link {
  height: 241px;
  max-width: 100% !important;
  flex-direction: row;
}

.field--name-field-press-pushes > .field__items--count-1 .rs-push__link {
  height: 297px;
  max-width: 100% !important;
  flex-direction: row;
}

.main-push__link.no-image, .secondary-push__link.no-image, .tertiary-push__link.no-image {
  height: auto;
  max-width: 393px !important;
  min-height: auto;
}

.main-push__icon, .secondary-push__icon, .tertiary-push__icon, .rs-push__icon {
  top: 0;
  right: 0;
  margin-right: 11px;
  margin-top: 11px;
}

.main-push__top {
  margin-bottom: 15px
}

.main-push__image {
  z-index: 1;
  margin-top: 30px;
  margin-bottom: 30px;
}

.secondary-push__top,
.tertiary-push__top {
  margin-top: 30px;
  margin-left: 30px;
  margin-bottom: 5px;
  margin-right: 30px;
}

.news-push__image, .news-push__image * {
  width: 100%;
  height: 219px;
  object-fit: cover;
}

.field--name-field-press-pushes > .field__items--count-1 .news-push__image,  .field--name-field-press-pushes > .field__items--count-1 .news-push__image * {
  height: 100%;
  width: 370px;
}

.news-push__bot {
  flex-direction: column;
  padding: 30px;
}

.field--name-field-secondary-pushes > .field__items--count-3 .secondary-push__top,
.field--name-field-tertiary-pushes > .field__items--count-3 .tertiary-push__top {
  margin-bottom: 10px;
}

.main-push__style {
  top: 0;
  left: 0;
}

.main-push__image {
  width: 200px;
  height: 111px;
}

.secondary-push__image {
  width: 200px;
  height: 111px;
}

.tertiary-push__image {
  width: 170.17px;
  height: 94.54px;
}

.main-push__image img {
width: 100%;
height: 100%;
}

.secondary-push__image img {
  width: 100%;
  height: 100%;
}

.tertiary-push__image img {
  width: 100%;
  height: 100%;
}

.main-push__style .rectangle-1 {
  height: 106px;
  width: 208px;
  background: var(--push-rectangle-1-bg) !important;
}

.main-push__style .rectangle-2 {
  height: 58px;
  width: 208px;
  margin-top: var(--hub-rectangles-gap);
  background: var(--push-rectangle-2-bg) !important;
}

.main-push__style .rectangle-3 {
  height: 170px;
  width: 58px;
  margin-left: var(--hub-rectangles-gap);
  background: var(--push-rectangle-3-bg) !important;
}

.main-push__text {
  padding-left: 50px;
  padding-right: 50px;
  margin-bottom: 30px;
}

.secondary-push__text,
.tertiary-push__text {
  padding: 15px 30px 30px;
}

.field--name-field-secondary-pushes > .field__items--count-2 .secondary-push__text,
.field--name-field-secondary-pushes > .field__items--count-1 .secondary-push__text,
.field--name-field-tertiary-pushes > .field__items--count-2 .tertiary-push__text,
.field--name-field-tertiary-pushes > .field__items--count-1 .tertiary-push__text {
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.main-push__text p,
.secondary-push__text p,
.tertiary-push__text p{
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.main-push__text .field--name-field-title {
  max-width: 295px;
  margin-bottom: 0.5rem;
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  color: var(--push-title-color);
}

.main-push__text .field--name-field-teaser {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: var(--push-teaser-color);
}

.secondary-push__text .field--name-field-title {
  max-width: 260px;
  margin-bottom: 0.5rem;
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  color: var(--push-title-color);
}

.secondary-push__text .field--name-field-teaser {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: var(--push-teaser-color);
}

.tertiary-push__text .field--name-field-title {
  max-width: 230px;
  margin-bottom: 0.5rem;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  color: var(--push-title-color);
}

.tertiary-push__text .field--name-field-teaser {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: var(--push-teaser-color);
}

.news-push__meta {
  margin-bottom: 10px;
}

.news-push__bot .news-push__date {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: var(--push-title-color);
}

.news-push__bot .news-push__region {
  max-width: 115px;
  padding: 0 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  background: var(--push-rectangle-1-bg);
  border-radius: 3px;
  color: var(--push-teaser-color);
}

.news-push__bot .news-push__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  color: var(--push-title-color);
}

.agenda-push {
  height: 460px;
  background-color: var(--hub-blue-light);
  overflow-y: auto;
}

.agenda-push__type,
.rs-push__type {
  margin-bottom: 7px;
}

.agenda-push__label,
.rs-push__label {
  font-weight: 700;
  font-size: 20px;
  line-height: 21px;
  color: var(--push-title-color);
}

.agenda-push__card {
  margin-bottom: 0!important;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid var(--hub-black) !important;
}

.agenda-push__card-header {
  margin-bottom: 0!important;
  background: var(--hub-white);
  border: none;
}

.agenda-push__btn {
  width: auto;
  height: auto;
  padding: 0;
  background: var(--hub-white);
  border: none;
}

.agenda-push__date > span {
  width: fit-content;
  margin-bottom: 10px;
  padding: 0 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  background: var(--push-rectangle-1-bg);
  border-radius: 3px;
  color: var(--hub-white);
}

.agenda-push__btn::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 13px;
  margin-left: auto;
  background: url('data:image/svg+xml;utf8,<svg width="20" height="13" viewBox="0 0 20 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 1.5L10 11.5L18.5 1.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;
  background-size: contain;
  border: none;
  transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);
  transform: rotate(0deg);
}

.agenda-push__btn:not(.collapsed)::after {
  transform: rotate(180deg);
}

.agenda-push__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  color: var(--hub-black);
}

.agenda-push__card-body, .agenda-push__card-body a {
  padding-bottom: 0;
  padding-top: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  color: var(--hub-black) !important;
}

.rs-push__post {
  flex-direction: column;
  background: var(--hub-white);
  color: var(--hub-black);
}

.field--name-field-press-pushes > .field__items--count-1 .rs-push__post {
  flex-direction: row-reverse;
}

.rs-push__username {
  font-weight: 700;
  font-size: 19px;
  color: var(--hub-black);
}

.rs-push__username-subtitle {
  font-weight: 400;
  font-size: 14px;
  color: var(--hub-grey);
}

.rs-push__published {
  font-weight: 400;
  font-size: 14px;
  color: var(--hub-grey);
}

.rs-push__snippet {
  font-weight: 400;
  font-size: 18px;
  color: var(--hub-black);
}

.rs-push__content {
  padding: 20px 20px 10px;
}

.rs-push__image {
  height: 175px;
  width: 100%;
  padding: 0 20px 20px;
}

.rs-push__image * {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.field--name-field-press-pushes > .field__items--count-1 .rs-push__image {
  height: 100%;
  width: 100%;
  padding: 0;
}

.field--name-field-press-pushes > .field__items--count-1 .rs-push__content {
  padding: 20px;
}

.main-push__link:hover, .secondary-push__link:hover, .tertiary-push__link:hover, .news-push__link:hover, .news-push__date:hover, .news-push__region:hover, .rs-push__link:hover {
color:  transparent!important;
text-decoration: none!important;
}

.main-push__link:hover .main-push__text .field--name-field-title {
color: var(--push-title-hover-color)!important;
text-decoration: underline!important;
}

.main-push__link:hover .main-push__text .field--name-field-teaser {
color: var(--push-teaser-hover-color)!important;
text-decoration: underline!important;
}

.secondary-push__link:hover .secondary-push__text .field--name-field-title {
color: var(--push-title-hover-color)!important;
text-decoration: underline!important;
}

.secondary-push__link:hover .secondary-push__text .field--name-field-teaser {
color: var(--push-teaser-hover-color)!important;
text-decoration: underline!important;
}

.tertiary-push__link:hover .tertiary-push__text .field--name-field-title {
color: var(--push-title-hover-color)!important;
text-decoration: underline!important;
}

.tertiary-push__link:hover .tertiary-push__text .field--name-field-teaser {
color: var(--push-teaser-hover-color)!important;
text-decoration: underline!important;
}

.news-push__link:hover .news-push__title {
color: var(--push-title-hover-color)!important;
text-decoration: underline!important;
}

.news-push__link:hover .news-push__date {
color: var(--push-title-hover-color)!important;
}

.news-push__link:hover .news-push__region {
color: var(--push-teaser-hover-color)!important;
}

.rs-push__link:hover .rs-push__published {
text-decoration: underline!important;
}

.rs-push__link:hover .rs-push__snippet {
text-decoration: underline!important;
}

.main-push__link:hover .icon, .secondary-push__link:hover .icon, .tertiary-push__link:hover .icon, .rs-push__link:hover .icon {
transform: scale(1.2);
}

.main-push__link:hover .icon > svg > circle {
fill: var(--push-indicator-hover-fill);
}

.secondary-push__link:hover .icon > svg > circle {
fill: var(--push-indicator-hover-fill);
}

.tertiary-push__link:hover .icon > svg > circle {
fill: var(--push-indicator-hover-fill);
}

.agenda-push__card-body a:hover {
color: var(--hub-blue) !important;
}

.rs-push__link:hover .icon > svg > circle {
fill: var(--push-indicator-hover-fill);
}

@media (max-width: 1024px) {
  .main-push__link, .secondary-push__link, .tertiary-push__link {
    flex-direction: column!important;
    height: auto!important;
    min-height: auto!important;
  }
  .news-push__link {
    flex-direction: column!important;
    height: auto!important;
  }

  .news-push__image, .news-push__image * {
    width: 100%!important;
    height: 219px!important;
    object-fit: cover;
  }

  .main-push__link.no-image, .secondary-push__link.no-image, .tertiary-push__link.no-image {
    height: auto!important;
  }

  .main-push__top {
    margin-bottom: 10px!important;
  }

  .main-push__top.no-image {
    margin-bottom: 40px!important;
  }

  .field--name-field-secondary-pushes > .field__items--count-2 .secondary-push__text,
  .field--name-field-secondary-pushes > .field__items--count-1 .secondary-push__text,
  .field--name-field-tertiary-pushes > .field__items--count-2 .tertiary-push__text,
  .field--name-field-tertiary-pushes > .field__items--count-1 .tertiary-push__text {
    padding-top: 15px !important;
  }

  .field--name-field-secondary-pushes > .field__items--count-2 .no-image .secondary-push__text,
  .field--name-field-secondary-pushes > .field__items--count-1 .no-image .secondary-push__text,
  .field--name-field-tertiary-pushes > .field__items--count-2 .no-image .tertiary-push__text,
  .field--name-field-tertiary-pushes > .field__items--count-1 .no-image .tertiary-push__text {
    padding-top: 40px !important;
  }

  .main-push__text p, .secondary-push__text p, .tertiary-push__text p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .secondary-push__top, .tertiary-push__top {
    margin-bottom: 0!important;
  }
  .field--name-field-press-pushes > .field__items--count-1 .rs-push__link {
    height: auto!important;
    flex-direction: column!important;
  }

  .field--name-field-press-pushes > .field__items--count-1 .rs-push__post {
    flex-direction: column!important;
  }

  .field--name-field-press-pushes > .field__items--count-1 .rs-push__content {
    padding: 20px 20px 10px;!important;
  }

  .field--name-field-press-pushes > .field__items--count-1 .rs-push__image {
    height: 175px!important;
    width: 100%!important;
    padding: 0 20px 20px!important;
  }

  .main-push__text .field--name-field-title,
  .secondary-push__text .field--name-field-title,
  .tertiary-push__text .field--name-field-title {
    font-size: 24px!important;
    line-height: 30px!important;
  }
}