.container>div .box-content hgroup {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-5)
}

.container>div .box-content hgroup :first-child {
  color: var(--colors-body-brand);
  margin: 0;
  font-size: var(--heading-6, 1rem);
  font-weight: 600;
  line-height: 105%;
}

.container>div .box-content hgroup :nth-child(2) {
  color: var(--colors-heading-primary);
  margin: 0;
  font-size: var(--heading-1, 3.5rem);
  font-weight: 700;
  line-height: 95%;
  letter-spacing: -.02em;
}

.articlefilterblock ul li:not(.active) a {
  --chip-box-shadow-color: var(--colors-brand-tertiary-03-700);
  --chip-box-shadow: inset 0 0 0 var(--chip-box-shadow-width, .026rem) var(--chip-box-shadow-color, transparent);
  background-color: transparent;
}

.articlefilterblock ul li:not(.active) a:focus-visible {
  --chip-box-shadow-width: .125rem;
}

.articlefilterblock ul li.active a {
  background-color: var(--colors-brand-primary-300);
}

.articlefilterresultblock .row .block .box .tags {
  display: flex;
}

.articlefilterresultblock .row .block .box .tags li:not(:first-child)::before {
  color: var(--colors-body-brand);
  content: "\00a0 | ";
  font-size: var(--body-small);
  text-decoration: none;
}

.articlefilterresultblock .row .block .box .reading-time {
  display: none;
}

.articlefilterresultblock .row .block .box time,
.articlefilterresultblock .row .block .box .time {
  background-color: var(--colors-brand-primary-100);  
  margin-right: auto;
  margin-bottom: var(--spacing-30);
  padding: var(--spacing-10) var(--spacing-20);
}

.articlefilterresultblock .row .block .box .time time {
  margin: unset;
  padding: unset;
}

html[data-page^="/events/"]:not([data-page="/events/"]) .readtime {
  display: none;
}

html[data-page^="/events/"]:not([data-page="/events/"]) .category img {
  display: none;
}

html[data-page^="/events/"]:not([data-page="/events/"]) .category span {
  font-size: var(--heading-6);
}

html[data-page^="/events/"]:not([data-page="/events/"]) .category + h1 {
  margin-bottom: unset;
  margin-top: var(--spacing-10);
}

html[data-page^="/events/"]:not([data-page="/events/"]) .published, 
html[data-page^="/events/"]:not([data-page="/events/"]) section:has(.published) {
  display: none;
}

html[data-page^="/events/"]:not([data-page="/events/"]) .paragraphblock:has(.event) {
  border-top: 1px solid var(--colors-divider-primary);
  padding-top: var(--spacing-70);
  margin-top: var(--spacing-20);
}

html[data-page^="/events/"]:not([data-page="/events/"]) .event ul {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-10);
  list-style: none;
  padding-left: var(--spacing-40);  
}

html[data-page^="/events/"]:not([data-page="/events/"]) .event ul li {
  position: relative;
}

html[data-page^="/events/"]:not([data-page="/events/"]) .event ul li::before {
  background-position: center;  
  background-repeat: no-repeat;
  background-size: var(--spacing-30);
  content: "";
  height: var(--spacing-30);
  left: calc(var(--spacing-40) * -1); 
  position: absolute;
  top: 0;
  width: var(--spacing-30);
}

html[data-page^="/events/"]:not([data-page="/events/"]) .event ul li.location::before,
html[data-page^="/events/"]:not([data-page="/events/"]) .event ul li:nth-child(1):not([class])::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='11' r='2' stroke='%23A0560F' stroke-width='1.5'/%3E%3Cpath d='M11.9999 22L17.4999 16.5C20.5374 13.4624 20.5374 8.53754 17.4999 5.49998C14.4623 2.46241 9.53742 2.46241 6.49985 5.49998C3.46229 8.53754 3.46229 13.4624 6.49985 16.5L11.9999 22Z' stroke='%23A0560F' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html[data-page^="/events/"]:not([data-page="/events/"]) .event ul li.audience::before,
html[data-page^="/events/"]:not([data-page="/events/"]) .event ul li:nth-child(2):not([class])::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 20C7 18.3431 9.23858 17 12 17C14.7614 17 17 18.3431 17 20' stroke='%23A0560F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 14.2495C19.7659 14.7124 21 15.7697 21 16.9999' stroke='%23A0560F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 14.2495C4.2341 14.7124 3 15.7697 3 16.9999' stroke='%23A0560F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 14C13.6569 14 15 12.6569 15 11C15 9.34315 13.6569 8 12 8C10.3431 8 9 9.34315 9 11C9 12.6569 10.3431 14 12 14Z' stroke='%23A0560F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 10.2361C18.6137 9.68679 19 8.8885 19 8C19 6.34315 17.6569 5 16 5C15.2316 5 14.5308 5.28885 14 5.76389' stroke='%23A0560F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 10.2361C5.38625 9.68679 5 8.8885 5 8C5 6.34315 6.34315 5 8 5C8.76835 5 9.46924 5.28885 10 5.76389' stroke='%23A0560F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html[data-page^="/events/"]:not([data-page="/events/"]) main .paragraphblock.displaymode-one-third:only-child {
  background-color: red;
}

html[data-page^="/events/"]:not([data-page="/events/"]) .paragraphblock:has(.event) .button-container,
html[data-page^="/events/"]:not([data-page="/events/"]) main .paragraphblock.displaymode-one-third:first-of-type .button-container {
  justify-content: flex-start;
}

html[data-page^="/events/"]:not([data-page="/events/"]) .paragraphblock .button-container {
  margin-top: var(--spacing-50);
}

@media (min-width: 1024px) {
  html[data-page^="/events/"]:not([data-page="/events/"]) .content {
    position: relative;    
  }  

  html[data-page^="/events/"]:not([data-page="/events/"]) .content > section:not(.section--narrow) .container > :not(.row) {
    --grid-columns: 8;
    grid-column: 1/span var(--grid-columns);
  }

  html[data-page^="/events/"]:not([data-page="/events/"]) .paragraphblock:has(.event) {
    margin-top: unset;
    margin-left: calc(var(--grid-column-width) * 8 + var(--grid-column-gap) * 8);
    padding-top: var(--spacing-50);
    position: absolute;
    top: 0;
  }
}