/**************************************/
/* Default styles for news extension */
/**************************************/
/* Compact news element: the complete row is a single news link. */
.news .news-compact-item {
  display: grid;
  grid-template-columns: 42px 70px 60px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 16px 0;
  color: var(--font-color, #222);
  text-decoration: none;
  line-height: 1.5;
}
.news .news-compact-item + .news-compact-item {
  border-top: 1px solid var(--border-color, #ddd);
}
.news .news-compact-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
}
.news .news-compact-icon img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.news .news-compact-date,
.news .news-compact-time {
  color: var(--font-color-light, #666);
  font-size: 0.875rem;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.news .news-compact-title {
  min-width: 0;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.news .news-compact-arrow {
  color: var(--body-link-color);
  font-size: 1.5rem;
}
.news .news-compact-item:hover .news-compact-title,
.news .news-compact-item:focus-visible .news-compact-title {
  color: var(--body-link-hover-color);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.news .news-compact-item:focus-visible {
  outline: 2px solid var(--body-link-color, #006306);
  outline-offset: 3px;
}
.news .news-compact-all {
  margin-top: 12px;
  text-align: right;
}
@media (max-width: 600px) {
  .news .news-compact-item {
    grid-template-columns: 32px 52px minmax(0, 1fr) auto;
    gap: 4px 8px;
  }
  .news .news-compact-icon {
    grid-row: 1 / 3;
    width: 32px;
    height: 32px;
  }
  .news .news-compact-title {
    grid-column: 2 / 4;
    grid-row: 2;
  }
  .news .news-compact-arrow {
    grid-column: 4;
    grid-row: 1 / 3;
  }
}

.news .clear {
  clear: both;
}
.news .nav ul {
  float: left;
  display: inline;
  margin: 0;
}
.news .nav li {
  float: left;
}
.news .nav a {
  float: left;
  display: block;
}
.news .nav:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.news .article {
  margin-bottom: var(--base-size);
}
.news .article:last-child {
  margin-bottom: 0;
}
.news .article:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.news .article .news-img-wrap {
  float: left;
  margin: 0 var(--gutter) var(--base-size-half) 0;
  background: #fff;
}
.news .article .news-img-wrap a {
  width: 100%;
}
.news .article .news-img-wrap img {
  float: left;
  height: auto;
  width: auto;
}
.news .footer {
  clear: both;
  padding: var(--base-size-quarter) 0 0 0;
  border-top: var(--border-width, 1px) solid var(--border-color);
  margin-top: var(--base-size-half);
  color: var(--font-color-light);
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}
.news .footer p {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--gutter-half);
  margin-bottom: 0;
}
.news .footer span {
  display: inline;
  padding-right: var(--gutter-half);
  margin-right: 0;
  border-right: var(--border-width) solid var(--border-color);
}
.news .footer .news-list-author,
.news .footer .news-list-author span {
  display: inline;
}
.news .footer .news-list-author {
  padding-right: 0;
}
.news .footer .news-list-author span {
  padding-right: 0;
  border-right: 0;
}
.news .footer span:last-child {
  padding-right: 0;
  border-right: 0;
}
.news .footer .news-category a {
  text-transform: uppercase;
}
.news .no-news-found {
  color: var(--error, #ba0202);
}
.news .page-navigation p {
  float: left;
}
.news .page-navigation ul {
  float: right;
}
.news .page-navigation ul li {
  float: left;
  display: block;
}
.news .page-navigation ul li a {
  display: block;
}

/* category menu view */
.news-category-view ul li {
  padding: 5px 8px;
}
.news-category-view ul li li {
  padding: 2px 8px 2px 12px;
}
.news-category-view > ul > li:nth-child(even) {
  background: #f9f9f9;
  border-top: var(--border-width, 1px) solid var(--border-color);
  border-bottom: var(--border-width, 1px) solid var(--border-color);
}
.news-category-view .category-desc {
  padding-left: 10px;
  margin-left: 10px;
  border-left: var(--border-width, 1px) solid var(--border-color);
}

/* single view */
.news-single .footer {
  margin-bottom: var(--base-size);
  margin-top: var(--base-size-half);
  padding: var(--base-size-half) 0 0 0;
  border-bottom: 0;
  border-top: var(--border-width) solid var(--border-color);
}
.news-single .teaser-text p {
  font-size: var(--font-size4);
  line-height: var(--line-height4);
}
.news-single .article .news-img-wrap {
  float: right;
  width: 100%;
  margin: 0 0 var(--base-size) var(--gutter);
}
@media (min-width: 481px) {
  .news-single .article .news-img-wrap {
    width: 50%;
  }
}
.news-single .article .news-img-wrap .outer {
  margin-bottom: var(--base-size);
}
.news-single .article .news-img-wrap img {
  float: none;
}

/* related news + files */
.news-related-wrap {
  margin-top: var(--base-size);
  border-top: var(--border-width) solid var(--border-color);
  clear: both;
}

.news-related {
  padding: var(--base-size) 0;
  border-bottom: var(--border-width) solid var(--border-color);
}
.news-related ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.news-related ul li span {
  border-right: var(--border-width, 1px) solid var(--border-color);
  margin-right: var(--gutter-half);
  padding-right: var(--gutter-half);
  color: var(--font-color-light);
}
.news-related ul li span:last-child {
  border-right: 0;
  padding-right: 0;
}
.news-related-files .news-related-files-link .jpg {
  background-position: 0 0;
}

.news-related-links a {
  display: inline-block;
}

.news-clear {
  clear: both;
}

.news-list-view {
  margin-bottom: var(--base-size);
}
.news-list-view a h3 {
  color: var(--body-link-color);
}
.news-list-view a h3:focus, .news-list-view a h3:hover {
  color: var(--body-link-hover-color);
}
.news-list-view h3 {
  margin: 0 0 var(--base-size-quarter) 0;
}
.news-list-view .article-intern h4 {
  margin: 0 0 calc(var(--base-size-quarter) / 2) 0;
}
.news-list-view .teaser-text p:last-child {
  margin-bottom: 0;
}
.news-list-view .article-intern .teaser-text .more-intern {
  display: block;
  margin-top: var(--base-size-quarter);
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}

.news-list-view.layout-2 {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}
.news-list-view.layout-2 > div {
  margin-bottom: var(--base-size);
}
@media (min-width: 481px) {
  .news-list-view.layout-2 {
    margin-left: calc(var(--gutter) * -1);
    margin-right: calc(var(--gutter) * -1);
  }
  .news-list-view.layout-2 > div {
    -moz-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    position: relative;
    min-height: 1px;
    padding-right: var(--gutter);
    padding-left: var(--gutter);
    min-width: 50%;
  }
}
@media (min-width: 1025px) {
  .news-list-view.layout-2 > div {
    -moz-box-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    position: relative;
    min-height: 1px;
    padding-right: var(--gutter);
    padding-left: var(--gutter);
    min-width: 25%;
  }
}
.news-list-view.layout-2 .f3-widget-paginator {
  width: 100%;
  padding: 0 var(--gutter);
}