/* News */

.cont-news .uagb-loop-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: var(--gap-xl);
  row-gap: 80px;
  align-items: start;
  grid-auto-flow: row dense;
}

/* Masonry-Muster je 4 Posts: links hoch + kurz, rechts kurz + hoch */
.cont-news .uagb-loop-post:nth-child(4n + 1) {
  grid-column: 1;
  grid-row: span 2;
}

.cont-news .uagb-loop-post:nth-child(4n + 2) {
  grid-column: 2;
}

.cont-news .uagb-loop-post:nth-child(4n + 3) {
  grid-column: 1;
}

.cont-news .uagb-loop-post:nth-child(4n) {
  grid-column: 2;
  grid-row: span 2;
}

.cont-news .uagb-loop-container .uagb-loop-post {
  break-inside: avoid;
  width: 100%;
}
.cont-news .uagb-loop-post .wp-block-uagb-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.cont-news .uagb-loop-post:nth-child(4n + 2) .wp-block-uagb-image img,
.cont-news .uagb-loop-post:nth-child(4n + 3) .wp-block-uagb-image img {
  aspect-ratio: 440 / 300;
}

.cont-news .uagb-loop-post:nth-child(4n + 1) .wp-block-uagb-image img,
.cont-news .uagb-loop-post:nth-child(4n) .wp-block-uagb-image img {
  aspect-ratio: 600 / 816;
}

.cont-news .uagb-loop-post .wp-block-uagb-advanced-heading {
  padding: 0;
}

.cont-news
  .uagb-loop-post
  .wp-block-uagb-advanced-heading
  h5.uagb-heading-text
  a {
  font-family: var(--mainfont);
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none !important;
  font-size: var(--h5-font-size);
}

.cont-news .uagb-loop-post .wp-block-uagb-image,
.cont-news .uagb-loop-post .uagb-button__wrapper {
  margin: 0;
}

.cont-news
  .uagb-loop-post
  .wp-block-uagb-loop-wrapper
  > .wp-block-uagb-container {
  gap: var(--gap-s);
}

.cont-news .uagb-loop-post a.wp-block-button__link {
  padding: 0 !important;
  background-color: transparent !important;
  border: none !important;
}

.cont-news .uagb-loop-post a.wp-block-button__link {
  padding: 0 0 4px 0 !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  transition: border-bottom-color 0.3s ease !important;
  border-radius: 0 !important;
}

.cont-news .uagb-loop-post a.wp-block-button__link:hover {
  border-bottom-color: var(--ast-global-color-0) !important;
}

.cont-news .uagb-loop-post .wp-block-button__link .uagb-button__link {
  color: var(--ast-global-color-0);
  font-weight: 700;
}

.cont-news .uagb-loop-post .wp-block-button__link .uagb-button__link::after {
  mask: url(/wp-content/themes/astra-impuls-child/img/pfeil-links-button-red.svg)
    no-repeat center / contain;
  transform: rotate(-45deg);
  background-color: var(--ast-global-color-0);
}

.wp-block-uagb-loop-category .uagb-loop-category {
  background-color: var(--ast-global-color-0) !important;
  border-radius: var(--border-radius) !important;
  padding: 1em 1.7em !important;
  font-size: var(--btn-font-size) !important;
  color: white !important;
  font-weight: bold;
}

/* Single news */
.single-post .entry-header.ast-no-title {
  display: none;
}

.single-post .wp-block-uagb-container.back-link {
  position: absolute;
  top: calc(var(--gap-l) * -1);
  right: 0;
  width: fit-content !important;
}

.single-post .wp-block-uagb-container.back-link .uagb-button__link {
  flex-direction: row-reverse;
}

.single-post .wp-block-uagb-container.back-link .uagb-button__link::after {
  transform: rotate(180deg);
}

.single-post .cpt-slider-title {
  margin-top: 0 !important;
}

/* SELECT DROP DOWN */

select.uagb-loop-category,
select.uagb-loop-category::picker(select) {
  appearance: base-select !important;
}

select.uagb-loop-category::picker(select) {
  background: var(--ast-global-color-3) !important;
  border: 1px solid var(--ast-global-color-0) !important;
  border-radius: 4px !important;
  padding: 0 !important;
}

select.uagb-loop-category option {
  padding: 8px 14px !important;
}

select.uagb-loop-category option:checked {
  background: var(--ast-global-color-0) !important;
  color: var(--ast-global-color-3) !important;
}

select.uagb-loop-category option:hover {
  background: var(--ast-global-color-3) !important;
  color: var(--ast-global-color-0) !important;
}

select.uagb-loop-category option::checkmark {
  display: none !important;
}

select.uagb-loop-category::picker-icon {
  display: none !important;
}

.wp-block-uagb-loop-category:not(.woocommerce-js) select {
  background-image: url("../../img/icon-dropdown.svg") !important;
  width: fit-content;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none' stroke-width='2' stroke='%23fff'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  padding: 13px 57px 13px 22px !important;
}

@media (max-width: 768px) {
  .cont-news .uagb-loop-container {
    display: flex !important;
    flex-direction: column;
  }

  .cont-news .uagb-loop-post:nth-child(even) {
    margin-top: 0 !important;
  }

  .cont-news
    .uagb-loop-post
    .wp-block-uagb-loop-wrapper
    > .wp-block-uagb-container
    .wp-block-uagb-image {
    margin-bottom: var(--gap-m);
  }

  .single-post .wp-block-uagb-container.back-link {
    position: relative !important;
    margin-left: 0 !important;
    top: unset !important;
    right: unset !important;
  }

  .wp-block-uagb-loop-category:not(.woocommerce-js) select {
    padding: 5px 40px 5px 18px !important;
  }

  .cont-news .wp-block-uagb-loop-builder > .wp-block-uagb-container {
    padding: 0 !important;
  }
}