/* Homepage news cards — scoped to #news only */

#news.main-news,
#news.main-news *,
#news.main-news *::before,
#news.main-news *::after {
  box-sizing: border-box;
}

#news.main-news {
  --news-container: 1380px;
  --news-card-radius: 14px;
  --news-notch-radius: 8px;
  --news-sheet: #fff;
  --news-share-tip: rgba(40, 45, 60, 0.88);
  --news-font: "Aeonik", sans-serif;
  --news-font-strong: "strong", sans-serif;
  margin: 28px 0 0;
  padding: 0 0 8px;
}

#news .news-shell {
  width: min(100% - 40px, var(--news-container));
  margin: 0 auto;
}

#news .moduletable.main_news {
  margin: 0;
}

#news .moduletable.main_news .mn_item_wrap,
#news .moduletable.main_news .mod_ijoomlazone {
  height: auto;
  overflow: visible;
  margin: 0;
}

#news .news-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px 20px;
}

#news .news-grid:not(.news-grid--more) {
  grid-template-areas:
    "feat feat fp1 lat1"
    "fp2 fp3 fp4 lat2"
    "fp5 fp6 fp7 lat3";
}

#news .news-grid--more {
  margin-top: 22px;
}

#news .news-slot--feat { grid-area: feat; }
#news .news-slot--fp1 { grid-area: fp1; }
#news .news-slot--fp2 { grid-area: fp2; }
#news .news-slot--fp3 { grid-area: fp3; }
#news .news-slot--fp4 { grid-area: fp4; }
#news .news-slot--fp5 { grid-area: fp5; }
#news .news-slot--fp6 { grid-area: fp6; }
#news .news-slot--fp7 { grid-area: fp7; }
#news .news-slot--lat1 { grid-area: lat1; }
#news .news-slot--lat2 { grid-area: lat2; }
#news .news-slot--lat3 { grid-area: lat3; }

#news .news-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

#news .news-card--featured .news-card__media {
  aspect-ratio: 874 / 285;
}

#news .news-card__media {
  --news-photo-radius: var(--news-card-radius);
  --news-notch-radius: 8px;
  position: relative;
  aspect-ratio: 427 / 285;
  border-radius: var(--news-photo-radius);
  overflow: hidden;
  background: var(--news-sheet);
}

#news .news-card__media > a {
  display: block;
  height: 100%;
  border-radius: var(--news-photo-radius);
  overflow: hidden;
  background: #d7e0ea;
}

#news .news-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.45s ease;
}

#news .news-card:hover .news-card__media img {
  transform: scale(1.03);
}

#news .news-card__hits {
  position: absolute;
  right: 10px;
  bottom: 10px;
  left: auto;
  top: auto;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 6px;
  background: rgba(17, 29, 59, 0.32);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: rgba(255, 255, 255, 0.92);
  font-family: var(--news-font);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: -0.005em;
  line-height: 10px;
  user-select: none;
  pointer-events: none;
}

#news .news-card__icon {
  width: 12px;
  height: 12px;
  padding: 0;
  margin: 0;
  flex-shrink: 0;
  font: inherit;
  line-height: 0;
  stroke: currentColor;
  stroke-width: 1.75;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  display: block;
}

#news .news-card__share {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  display: none;
  align-items: center;
  gap: 8px;
}

#news .news-card:hover .news-card__share,
#news .news-card__share:focus-within {
  display: flex;
}

#news .news-card__share-label {
  padding: 8px 12px;
  border-radius: 6px;
  background: var(--news-share-tip);
  color: #fff;
  font-family: var(--news-font);
  font-size: 12px;
  line-height: 12px;
  white-space: nowrap;
  display: none;
  pointer-events: none;
  order: 1;
}

#news .news-card__share-btn:hover + .news-card__share-label,
#news .news-card__share:hover .news-card__share-label,
#news .news-card__share-btn:focus-visible + .news-card__share-label {
  display: block;
}

#news .news-card__share-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #f0f1f4;
  color: #5a6577;
  flex-shrink: 0;
  order: 2;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

#news .news-card__share-btn .news-card__icon {
  width: 14px;
  height: 14px;
}

#news .news-card__share-btn:hover,
#news .news-card__share-btn:focus-visible {
  background: #fff;
  color: #007bfc;
  outline: none;
}

#news .news-card__date {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 6px 12px 0 10px;
  background-color: var(--news-sheet);
  border-top-right-radius: var(--news-notch-radius);
  font-family: var(--news-font);
  font-weight: 500;
  font-size: 11px;
  line-height: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #186a7d;
  text-align: left;
  pointer-events: none;
}

#news .news-card__date::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  margin-top: 6px;
  border-radius: 1.5px;
  background-color: #238399;
}

#news .news-card__title {
  margin: 14px 0 0;
  font-family: var(--news-font-strong);
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.01em;
  text-transform: none;
  color: #1a2433;
}

#news .news-card--featured .news-card__title {
  font-size: 18px;
  line-height: 1.3;
}

#news .news-card--featured .news-card__intro {
  margin: 14px 0 0;
  font-family: var(--news-font-strong);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.01em;
  text-transform: none;
  color: #1a2433;
}

#news .news-card__title a,
#news .news-card__title a:visited {
  color: inherit;
  text-decoration: none;
}

#news .news-card__title a:hover {
  color: #1a5f8a;
  text-decoration: none;
}

#news .news-card--has-cta .news-card__media {
  overflow: hidden;
}

#news .news-card__cta-block {
  --news-cta-glass: rgba(255, 255, 255, 0.8);
  --news-cta-radius: 20px;
  --news-cta-notch: 16px;
  --news-cta-gap: 12px;
  --news-cta-btn: 40px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: min(calc(100% - 20px), 520px);
  max-width: calc(100% - 72px);
  pointer-events: none;
}

#news .news-card__cta-header {
  width: 100%;
  padding: 16px 18px 14px;
  background-color: var(--news-cta-glass);
  border-radius: var(--news-cta-radius) var(--news-cta-radius) 0;
  display: flex;
  flex-direction: column;
  pointer-events: auto;
}

#news .news-card--has-cta .news-card__title {
  margin: 0;
  font-size: 18px;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#news .news-card__cta-footer {
  display: flex;
  align-items: stretch;
  gap: var(--news-cta-gap);
  width: 100%;
  pointer-events: none;
}

#news .news-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: var(--news-cta-gap);
  height: var(--news-cta-btn);
  padding: 0 16px;
  border-radius: 48px;
  background: #007bfc;
  color: #fff;
  font-family: var(--news-font-strong);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.015em;
  text-decoration: none;
  white-space: nowrap;
  pointer-events: auto;
  transition: background-color 0.2s ease;
}

#news .news-card__cta:hover,
#news .news-card__cta:visited {
  color: #fff;
  text-decoration: none;
}

#news .news-card__cta:hover {
  background: #0066d6;
}

#news .news-card__cta-rest {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  height: calc(var(--news-cta-btn) + var(--news-cta-gap));
  background-color: var(--news-cta-glass);
  border-radius: 0 0 var(--news-cta-radius) var(--news-cta-radius);
}

#news .news-card__cta-notch {
  position: absolute;
  left: calc(var(--news-cta-notch) * -1);
  top: 0;
  width: var(--news-cta-notch);
  height: var(--news-cta-notch);
  color: var(--news-cta-glass);
  pointer-events: none;
}

#news .news-card__cta-notch svg {
  display: block;
  width: 100%;
  height: 100%;
}

#news .news-aside {
  display: block;
  min-width: 0;
  border-radius: var(--news-card-radius);
  overflow: hidden;
  background: #d7e0ea;
  align-self: start;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#news .news-aside img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

#news .news-aside:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(20, 40, 70, 0.12);
}

#news .news-aside .mod_ijoomlazone,
#news .news-aside .moduletable {
  margin: 0;
  height: auto;
  overflow: visible;
}

#news .news-aside iframe {
  width: 100%;
  max-width: 100%;
  display: block;
  border: 0;
}

#news .mn_show_more_news {
  max-width: 520px;
  margin: 28px auto 0;
}

.news-toast {
  position: fixed;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%) translateY(12px);
  padding: 12px 18px;
  border-radius: 8px;
  background: rgba(40, 45, 60, 0.92);
  color: #fff;
  font-family: "Aeonik", sans-serif;
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s, transform 0.25s, visibility 0.25s;
  z-index: 400;
  pointer-events: none;
}

.news-toast.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
#top_banner .custom{
  margin-bottom: 3px!important;
}
@media (min-width: 1367px) {
  #news.main-news {
    --news-container: 1380px;
  }

  #news .news-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
.news-slot--fp5 .custom_hallo2 > div{
  max-height: 100%!important;
}

@media (max-width: 1100px) {
  #news .news-card__title {
    font-size: 16px;
  }

  #news .news-card--featured .news-card__title,
  #news .news-card--featured .news-card__intro {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  #news .news-grid:not(.news-grid--more) {
    grid-template-columns: 1fr;
    grid-template-areas: none;
    gap: 20px;
  }

  #news .news-grid:not(.news-grid--more) > .news-slot {
    grid-area: auto;
  }

  #news .news-slot--lat1 { order: 1; }
  #news .news-slot--lat2 { order: 2; }
  #news .news-slot--lat3 { order: 3; }
  #news .news-slot--feat { order: 4; }
  #news .news-slot--fp1 { order: 5; }
  #news .news-slot--fp2 { order: 6; }
  #news .news-slot--fp3 { order: 7; }
  #news .news-slot--fp4 { order: 8; }
  #news .news-slot--fp5 { order: 9; }
  #news .news-slot--fp6 { order: 10; }
  #news .news-slot--fp7 { order: 11; }

  #news .news-grid--more {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 14px;
    margin-top: 18px;
  }
}

@media (max-width: 640px) {
  #news .news-shell {
    width: min(100% - 28px, var(--news-container));
  }

  #news .news-grid,
  #news .news-grid--more {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  #news .news-grid--more {
    margin-top: 20px;
  }

  #news .news-card--featured .news-card__media {
    aspect-ratio: 427 / 285;
  }

  #news .news-card--featured .news-card__title,
  #news .news-card--featured .news-card__intro {
    font-size: 13px;
  }

  #news .news-card__cta-block {
    --news-cta-radius: 16px;
    --news-cta-notch: 12px;
    --news-cta-gap: 8px;
    --news-cta-btn: 36px;
    left: 8px;
    bottom: 8px;
    width: min(calc(100% - 16px), 520px);
    max-width: calc(100% - 16px);
  }

  #news .news-card__cta-header {
    padding: 12px 14px 10px;
  }

  #news .news-card__cta {
    font-size: 12px;
    padding: 0 14px;
  }

  #news .news-card__share {
    display: flex;
  }
}

@media (hover: none) {
  #news .news-card__share {
    display: flex;
  }
}

@media (prefers-reduced-motion: reduce) {
  #news .news-card__media img,
  #news .news-aside {
    transition: none;
  }

  #news .news-card:hover .news-card__media img {
    transform: none;
  }
}