@charset "UTF-8";
:root {
  --oc-font-size-icon-default: 1rem;
  --oc-font-size-icon: 1em;
  --oc-font-size-icon-m: 1.25rem;
  --oc-font-size-icon-l: 1.5rem;
  --oc-font-size-icon-xl: 2rem;
  --oc-font-size-icon-xxl: 3rem;
  --oc-icon-button-size: calc(1.5 * var(--oc-font-size-icon));
  --oc-icon-button-radius: 50%;
  --oc-chevron: url("../images/chevron-down.svg");
}

input[id*=edit-submit-search]::before,
form[role=search] input[type=submit]::before, .flag-bookmark-node .flag--link::before,
.flag-bookmark-node .flag--button::before,
.flag-bookmark-term .flag--link::before,
.flag-bookmark-term .flag--button::before, .flag-bookmark-node.action-unflag .flag--link::before,
.flag-bookmark-node.action-unflag .flag--button::before,
.flag-bookmark-term.action-unflag .flag--link::before,
.flag-bookmark-term.action-unflag .flag--button::before, .flag-recommendation-node .flag--link::before,
.flag-recommendation-node .flag--button::before, .flag-recommendation-node.action-unflag .flag--link::before,
.flag-recommendation-node.action-unflag .flag--button::before, .flag-report-abuse .flag--link::before,
.flag-report-abuse .flag--button::before, .flag-report-abuse.action-unflag .flag--link::before,
.flag-report-abuse.action-unflag .flag--button::before, .flag-claim-ownership .flag--link::before,
.flag-claim-ownership .flag--button::before, .flag-claim-ownership.action-unflag .flag--link::before,
.flag-claim-ownership.action-unflag .flag--button::before, .action-unflag .flag--link:focus::before, .action-unflag .flag--link:hover::before,
.action-unflag .flag--button:focus::before,
.action-unflag .flag--button:hover::before, .js-flag-message::before, .action-flag .js-flag-message::before, .flag .ajax-spinner::before, .share-toggle--popover-button::before, .tabs a[data-drupal-link-system-path=user]::before,
.menu a[data-drupal-link-system-path=user]::before, .tabs a[data-drupal-link-system-path="user/login"]::before,
.menu a[data-drupal-link-system-path="user/login"]::before, .tabs a[data-drupal-link-system-path="user/logout"]::before,
.menu a[data-drupal-link-system-path="user/logout"]::before, .tabs a[data-drupal-link-system-path="user/register"]::before,
.menu a[data-drupal-link-system-path="user/register"]::before, .tabs a[data-drupal-link-system-path="user/password"]::before,
.menu a[data-drupal-link-system-path="user/password"]::before, [dir=rtl] .tabs a[data-drupal-link-system-path="user/password"]::before,
[dir=rtl] .menu a[data-drupal-link-system-path="user/password"]::before, .tabs a[data-drupal-link-system-path$="/edit"]::before,
.menu a[data-drupal-link-system-path$="/edit"]::before, .tabs a[data-drupal-link-system-path$="/delete"]::before,
.menu a[data-drupal-link-system-path$="/delete"]::before, .tabs a[data-drupal-link-system-path$="/layout"]::before,
.menu a[data-drupal-link-system-path$="/layout"]::before, .tabs a[data-drupal-link-system-path$="/revisions"]::before,
.menu a[data-drupal-link-system-path$="/revisions"]::before, .tabs a[data-drupal-link-system-path$="/latest"]::before,
.tabs a[data-drupal-link-system-path$="/latest"][aria-current=page]::before,
.menu a[data-drupal-link-system-path$="/latest"]::before,
.menu a[data-drupal-link-system-path$="/latest"][aria-current=page]::before, .tabs a[data-drupal-link-system-path$="/translations"]::before,
.menu a[data-drupal-link-system-path$="/translations"]::before, .tabs a[data-drupal-link-system-path$="/tfa"]::before,
.menu a[data-drupal-link-system-path$="/tfa"]::before, .tabs a[data-drupal-link-system-path$="/shortcuts"]::before,
.menu a[data-drupal-link-system-path$="/shortcuts"]::before, .tabs a[data-drupal-link-system-path$="/submissions"]::before,
.menu a[data-drupal-link-system-path$="/submissions"]::before, .tabs a[data-drupal-link-system-path$="/contact"]::before,
.menu a[data-drupal-link-system-path$="/contact"]::before, .tabs a[aria-current=page]::before, .menu a.is-active::before,
.menu a[aria-current=page]::before, .pager__item--first a::before, .pager__item--previous a::before, .pager__item--next a::before, .pager__item--last a::before, .button-popover-trigger::before, .address-navigation a::before,
a.address-navigation::before, .public-transport a::before,
a.public-transport::before, .addtocal__google::before, .addtocal__outlook::before, .addtocal__ical::before, .pager:has([data-drupal-views-infinite-scroll-pager]) .button::before, .view-header .button::before,
.button--add::before, .views-exposed-form input[name=reset]::before, [dir=rtl] .views-exposed-form input[name=reset]::before, .wheelchair::before,
.paragraph--type--a11y-wheelchair > .label::before, .a11y--wheelchair .field__item::before, .a11y--wheelchair-toilet .field__item::before, .field--name-field-ticketing a::before, .scroll-to-top::before, .facets-widget-links summary::before, .facets-widget-links summary::after, .location::before, .field-email:not(.field-social)::before, .field-phone::before, .field-url::before, .field-legal-url::before, .messages--error::before, .messages--status::before, .messages--warning::before,
.messages--status:has(a[href*="/development/maintenance"])::before, .messages--info::before,
.infobox::before, .map-link::before, .eye-open::before, .eye-close::before, a.print::before,
a.printer::before,
.fa-print::before, a.mail::before,
a.email::before,
.fa-mail::before,
.fa-envelope::before, a.mastodon::before,
.fa-mastodon::before, a.facebook::before,
.fa-facebook::before,
.fa-facebook-f::before,
.field-facebook a::before, a.instagram::before,
.fa-instagram::before,
.field-instagram a::before, a.threads::before,
.fa-threads::before,
.field-threads a::before, a.bluesky::before,
.fa-bluesky::before, a.youtube::before,
.fa-youtube::before, a.tiktok::before,
.fa-tiktok::before, a.twitch::before,
.fa-twitch::before, a.linkedin::before,
.fa-linkedin::before,
.fa-linkedin-in::before, a.whatsapp::before,
.fa-whatsapp::before, a.patreon::before,
.fa-patreon::before, a.twitter::before,
a.x::before,
.fa-twitter::before,
.fa-x-twitter::before,
.fa-x::before, a.soundcloud::before,
.fa-soundcloud::before, a.vimeo::before,
.fa-vimeo::before, a.snapchat::before,
.fa-snapchat::before, a.telegram::before,
.fa-telegram::before, a.drupal::before,
.fa-drupal::before, a.github::before,
.fa-github::before, a.gitlab::before,
.fa-gitlab::before, a.pinterest::before,
.fa-pinterest::before, a.tumblr::before,
.fa-tumblr::before, a.reddit::before,
.fa-reddit::before, a.matrix::before,
.fa-matrix::before, a.spotify::before,
.fa-spotify::before, .feed-icon::before, .csv-feed .feed-icon::before, .json-feed .feed-icon::before, .xml-feed .feed-icon::before, .attribution-toggle:has(div[class*=attribution--license-cc]) .attribution-popover-trigger::before, .attribution-toggle:has(div[class*=attribution--creation-ai]) .attribution-popover-trigger::before, .more-link a::after,
a.more-link::after, [dir=rtl] .more-link a::after,
[dir=rtl] a.more-link::after, a[href^=http]::after,
a.external::after, [lang][dir=rtl] a[href^=http]::after,
[lang][dir=rtl] a.external::after, .anchorlinks::before, input[type=radio]::before, input[type=radio]::after, input[type=radio]:checked::before, input[type=checkbox]::before, input[type=checkbox]::after, input[type=checkbox]:checked::before, .attribution-popover-trigger::before, th a[href*=sort]::after, th:has(.tablesort--desc) a[href*=sort]::after, th:has(.tablesort--asc) a[href*=sort]::after, .button--edit a::before, button.close::before,
a.button.close::before,
a.leaflet-popup-close-button::before,
.cookiesjsr-layer--close::before,
.cookiesjsr-layer .cookiesjsr-layer__close::before, .icon.monitor::before, .icon.tv::before, .icon.map-pin::before, .icon.location-dot::before, .icon.list::before, .icon.table-list::before, .icon.squares-four::before, .icon.table-cells-large::before, .icon.archive::before, .icon.box-archive::before, .menu--call-to-action a[data-drupal-link-system-path]::before, .menu--call-to-action a[href*="node/add/location"]::before,
.icon .fa-map-location::before,
.icon .map-pin-area::before, .menu--call-to-action a[href*="node/add/profile"]::before,
.icon .fa-person-dots-from-line::before,
.icon .user-check::before, .icon .fa-people-line::before,
.icon .users-four::before, .menu--call-to-action a[href*="node/add/date"]::before,
.icon .fa-calendar-check::before,
.icon .calendar-check::before, .menu--call-to-action a[href*="node/add/article"]::before,
.icon .fa-book-open::before,
.icon .book-open-text::before, .menu--call-to-action a[href*="node/add/event"]::before,
.icon .fa-masks-theater::before,
.icon .mask-happy::before, .copy::before,
.clipboard::before,
*[class*=copy-button]::before, .ui-dialog .ui-dialog-titlebar-close::before,
.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close::before, .calendar .view-empty::before, .filter-collapsible > summary::before, .views-element-container header .button[href*="add/"]::before, .quick-info--toggle::before, .profile--picture::before, .header__burger--buttons::before, .breadcrumbs nav a::after, .media--view-mode-download a.file::before, .field--name-field-media-audio-file::before, .badge--peer::before, .teaser.entity--unpublished::after, a.leaflet-control-zoom-in::before, a.leaflet-control-zoom-out::before, .leaflet-control-resetview a::before, .leaflet-control-fullscreen a::before, .leaflet-control-locate a::before, .leaflet-control-geocoder-icon::before, .facet-item .is-active::before, .addtocal-toggle--wrapper .addtocal-toggle--trigger::before, .account-toggle--wrapper .button-popover-trigger::before, .block-views-exposed-filter-blocksearch-search-page .form-submit::before,
.block-views-exposed-filter-blocksearch-search-input .form-submit::before, .search-toggle--wrapper .button-popover-trigger::before, .openculturas-map--reload::before, .language-toggle--wrapper .button-popover-trigger::before, .language-link::before, .dark-mode-toggle--popover-button::before, .mode-toggle.toggle-system::before,
.dark-mode-toggle--popover-button[data-icon=system]::before, .mode-toggle.toggle-light::before,
.dark-mode-toggle--popover-button[data-icon=light]::before, .mode-toggle.toggle-dark::before,
.dark-mode-toggle--popover-button[data-icon=dark]::before, .mode-toggle[data-active=true]::after, summary .summary::before, summary:not(:has(span.summary))::after {
  display: inline-block;
  content: "";
  transform: translateY(0.125em);
  vertical-align: baseline;
  background-color: currentColor;
  inline-size: var(--oc-font-size-icon);
  block-size: var(--oc-font-size-icon);
  mask: var(--icon-url) no-repeat center/contain;
}

input[id*=edit-submit-search]::before,
form[role=search] input[type=submit]::before, .flag-bookmark-node .flag--link::before,
.flag-bookmark-node .flag--button::before,
.flag-bookmark-term .flag--link::before,
.flag-bookmark-term .flag--button::before, .flag-bookmark-node.action-unflag .flag--link::before,
.flag-bookmark-node.action-unflag .flag--button::before,
.flag-bookmark-term.action-unflag .flag--link::before,
.flag-bookmark-term.action-unflag .flag--button::before, .flag-recommendation-node .flag--link::before,
.flag-recommendation-node .flag--button::before, .flag-recommendation-node.action-unflag .flag--link::before,
.flag-recommendation-node.action-unflag .flag--button::before, .flag-report-abuse .flag--link::before,
.flag-report-abuse .flag--button::before, .flag-report-abuse.action-unflag .flag--link::before,
.flag-report-abuse.action-unflag .flag--button::before, .flag-claim-ownership .flag--link::before,
.flag-claim-ownership .flag--button::before, .flag-claim-ownership.action-unflag .flag--link::before,
.flag-claim-ownership.action-unflag .flag--button::before, .action-unflag .flag--link:focus::before, .action-unflag .flag--link:hover::before,
.action-unflag .flag--button:focus::before,
.action-unflag .flag--button:hover::before, .js-flag-message::before, .action-flag .js-flag-message::before, .flag .ajax-spinner::before, .share-toggle--popover-button::before, .tabs a[data-drupal-link-system-path=user]::before,
.menu a[data-drupal-link-system-path=user]::before, .tabs a[data-drupal-link-system-path="user/login"]::before,
.menu a[data-drupal-link-system-path="user/login"]::before, .tabs a[data-drupal-link-system-path="user/logout"]::before,
.menu a[data-drupal-link-system-path="user/logout"]::before, .tabs a[data-drupal-link-system-path="user/register"]::before,
.menu a[data-drupal-link-system-path="user/register"]::before, .tabs a[data-drupal-link-system-path="user/password"]::before,
.menu a[data-drupal-link-system-path="user/password"]::before, [dir=rtl] .tabs a[data-drupal-link-system-path="user/password"]::before,
[dir=rtl] .menu a[data-drupal-link-system-path="user/password"]::before, .tabs a[data-drupal-link-system-path$="/edit"]::before,
.menu a[data-drupal-link-system-path$="/edit"]::before, .tabs a[data-drupal-link-system-path$="/delete"]::before,
.menu a[data-drupal-link-system-path$="/delete"]::before, .tabs a[data-drupal-link-system-path$="/layout"]::before,
.menu a[data-drupal-link-system-path$="/layout"]::before, .tabs a[data-drupal-link-system-path$="/revisions"]::before,
.menu a[data-drupal-link-system-path$="/revisions"]::before, .tabs a[data-drupal-link-system-path$="/latest"]::before,
.tabs a[data-drupal-link-system-path$="/latest"][aria-current=page]::before,
.menu a[data-drupal-link-system-path$="/latest"]::before,
.menu a[data-drupal-link-system-path$="/latest"][aria-current=page]::before, .tabs a[data-drupal-link-system-path$="/translations"]::before,
.menu a[data-drupal-link-system-path$="/translations"]::before, .tabs a[data-drupal-link-system-path$="/tfa"]::before,
.menu a[data-drupal-link-system-path$="/tfa"]::before, .tabs a[data-drupal-link-system-path$="/shortcuts"]::before,
.menu a[data-drupal-link-system-path$="/shortcuts"]::before, .tabs a[data-drupal-link-system-path$="/submissions"]::before,
.menu a[data-drupal-link-system-path$="/submissions"]::before, .tabs a[data-drupal-link-system-path$="/contact"]::before,
.menu a[data-drupal-link-system-path$="/contact"]::before, .tabs a[aria-current=page]::before, .menu a.is-active::before,
.menu a[aria-current=page]::before, .pager__item--first a::before, .pager__item--previous a::before, .pager__item--next a::before, .pager__item--last a::before, .button-popover-trigger::before, .address-navigation a::before,
a.address-navigation::before, .public-transport a::before,
a.public-transport::before, .addtocal__google::before, .addtocal__outlook::before, .addtocal__ical::before, .pager:has([data-drupal-views-infinite-scroll-pager]) .button::before, .view-header .button::before,
.button--add::before, .views-exposed-form input[name=reset]::before, [dir=rtl] .views-exposed-form input[name=reset]::before, .wheelchair::before,
.paragraph--type--a11y-wheelchair > .label::before, .a11y--wheelchair .field__item::before, .a11y--wheelchair-toilet .field__item::before, .field--name-field-ticketing a::before, .scroll-to-top::before, .facets-widget-links summary::before, .location::before, .field-email:not(.field-social)::before, .field-phone::before, .field-url::before, .field-legal-url::before, .messages--error::before, .messages--status::before, .messages--warning::before,
.messages--status:has(a[href*="/development/maintenance"])::before, .messages--info::before,
.infobox::before, .map-link::before, .eye-open::before, .eye-close::before, a.print::before,
a.printer::before,
.fa-print::before, a.mail::before,
a.email::before,
.fa-mail::before,
.fa-envelope::before, a.mastodon::before,
.fa-mastodon::before, a.facebook::before,
.fa-facebook::before,
.fa-facebook-f::before,
.field-facebook a::before, a.instagram::before,
.fa-instagram::before,
.field-instagram a::before, a.threads::before,
.fa-threads::before,
.field-threads a::before, a.bluesky::before,
.fa-bluesky::before, a.youtube::before,
.fa-youtube::before, a.tiktok::before,
.fa-tiktok::before, a.twitch::before,
.fa-twitch::before, a.linkedin::before,
.fa-linkedin::before,
.fa-linkedin-in::before, a.whatsapp::before,
.fa-whatsapp::before, a.patreon::before,
.fa-patreon::before, a.twitter::before,
a.x::before,
.fa-twitter::before,
.fa-x-twitter::before,
.fa-x::before, a.soundcloud::before,
.fa-soundcloud::before, a.vimeo::before,
.fa-vimeo::before, a.snapchat::before,
.fa-snapchat::before, a.telegram::before,
.fa-telegram::before, a.drupal::before,
.fa-drupal::before, a.github::before,
.fa-github::before, a.gitlab::before,
.fa-gitlab::before, a.pinterest::before,
.fa-pinterest::before, a.tumblr::before,
.fa-tumblr::before, a.reddit::before,
.fa-reddit::before, a.matrix::before,
.fa-matrix::before, a.spotify::before,
.fa-spotify::before, .feed-icon::before, .csv-feed .feed-icon::before, .json-feed .feed-icon::before, .xml-feed .feed-icon::before, .attribution-toggle:has(div[class*=attribution--license-cc]) .attribution-popover-trigger::before, .attribution-toggle:has(div[class*=attribution--creation-ai]) .attribution-popover-trigger::before, .anchorlinks::before, input[type=radio]::before, input[type=radio]:checked::before, input[type=checkbox]::before, input[type=checkbox]:checked::before, .attribution-popover-trigger::before, .button--edit a::before, button.close::before,
a.button.close::before,
a.leaflet-popup-close-button::before,
.cookiesjsr-layer--close::before,
.cookiesjsr-layer .cookiesjsr-layer__close::before, .icon.monitor::before, .icon.tv::before, .icon.map-pin::before, .icon.location-dot::before, .icon.list::before, .icon.table-list::before, .icon.squares-four::before, .icon.table-cells-large::before, .icon.archive::before, .icon.box-archive::before, .menu--call-to-action a[data-drupal-link-system-path]::before, .menu--call-to-action a[href*="node/add/location"]::before,
.icon .fa-map-location::before,
.icon .map-pin-area::before, .menu--call-to-action a[href*="node/add/profile"]::before,
.icon .fa-person-dots-from-line::before,
.icon .user-check::before, .icon .fa-people-line::before,
.icon .users-four::before, .menu--call-to-action a[href*="node/add/date"]::before,
.icon .fa-calendar-check::before,
.icon .calendar-check::before, .menu--call-to-action a[href*="node/add/article"]::before,
.icon .fa-book-open::before,
.icon .book-open-text::before, .menu--call-to-action a[href*="node/add/event"]::before,
.icon .fa-masks-theater::before,
.icon .mask-happy::before, .copy::before,
.clipboard::before,
[class*=copy-button]::before, .ui-dialog .ui-dialog-titlebar-close::before,
.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close::before, .calendar .view-empty::before, .filter-collapsible > summary::before, .views-element-container header .button[href*="add/"]::before, .quick-info--toggle::before, .profile--picture::before, .header__burger--buttons::before, .media--view-mode-download a.file::before, .field--name-field-media-audio-file::before, .badge--peer::before, a.leaflet-control-zoom-in::before, a.leaflet-control-zoom-out::before, .leaflet-control-resetview a::before, .leaflet-control-fullscreen a::before, .leaflet-control-locate a::before, .leaflet-control-geocoder-icon::before, .facet-item .is-active::before, .addtocal-toggle--wrapper .addtocal-toggle--trigger::before, .account-toggle--wrapper .button-popover-trigger::before, .block-views-exposed-filter-blocksearch-search-page .form-submit::before,
.block-views-exposed-filter-blocksearch-search-input .form-submit::before, .search-toggle--wrapper .button-popover-trigger::before, .openculturas-map--reload::before, .language-toggle--wrapper .button-popover-trigger::before, .language-link::before, .dark-mode-toggle--popover-button::before, .mode-toggle.toggle-system::before,
.dark-mode-toggle--popover-button[data-icon=system]::before, .mode-toggle.toggle-light::before,
.dark-mode-toggle--popover-button[data-icon=light]::before, .mode-toggle.toggle-dark::before,
.dark-mode-toggle--popover-button[data-icon=dark]::before, summary .summary::before {
  margin-inline-end: 0.333em;
  font-size: var(--oc-font-size-icon);
  inset-inline-start: -0.333em;
}

.facets-widget-links summary::after, .more-link a::after,
a.more-link::after, [dir=rtl] .more-link a::after,
[dir=rtl] a.more-link::after, a[href^=http]::after,
a.external::after, [lang][dir=rtl] a[href^=http]::after,
[lang][dir=rtl] a.external::after, input[type=radio]::after, input[type=checkbox]::after, th a[href*=sort]::after, th:has(.tablesort--desc) a[href*=sort]::after, th:has(.tablesort--asc) a[href*=sort]::after, .breadcrumbs nav a::after, .teaser.entity--unpublished::after, .mode-toggle[data-active=true]::after, summary:not(:has(span.summary))::after {
  font-size: var(--oc-font-size-icon);
}

.button--edit a, .quick-info--toggle, .flag-bookmark-node .flag--link,
.flag-bookmark-node .flag--button,
.flag-bookmark-term .flag--link,
.flag-bookmark-term .flag--button,
.flag-bookmark-node.action-unflag .flag--link,
.flag-bookmark-node.action-unflag .flag--button,
.flag-bookmark-term.action-unflag .flag--link,
.flag-bookmark-term.action-unflag .flag--button, .flag-bookmark-node .flag--link:focus, .flag-bookmark-node .flag--link:hover,
.flag-bookmark-node .flag--button:focus,
.flag-bookmark-node .flag--button:hover,
.flag-bookmark-term .flag--link:focus,
.flag-bookmark-term .flag--link:hover,
.flag-bookmark-term .flag--button:focus,
.flag-bookmark-term .flag--button:hover, .profile-teaser .badge--peer, .leaflet-container a.leaflet-popup-close-button, .feed-icon,
.views-data-export-feed .feed-icon, .field-social a, .popover-content .orientation-horizontal a, .button-popover-trigger, .ui-dialog .ui-dialog-titlebar button,
.dialog-titlebar button, .ui-dialog .ui-dialog-titlebar-close,
.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close, .header__utilities button[class*=trigger]:not(.focusable), .header__burger--buttons, .attribution-popover-trigger, button:not([disabled]).shwpd, .cookiesjsr-layer .cookiesjsr-layer__close, .map-link.button, .dark-mode-toggle--popover-button, .scroll-to-top {
  --oc-font-size-icon: var(--oc-font-size-icon-m);
  --oc-icon-button-size: calc(1.5 * var(--oc-font-size-icon));
  --oc-button-border-radius: 50%;
  --oc-button-padding: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  border: 0.25rem solid transparent;
  border-radius: var(--oc-icon-button-radius);
  font-weight: normal;
  line-height: 1;
  inline-size: var(--oc-icon-button-size);
  min-inline-size: var(--oc-icon-button-size);
  block-size: var(--oc-icon-button-size);
  mask-clip: border-box;
}
.button--edit a::before, .quick-info--toggle::before, .flag-bookmark-node .flag--link::before,
.flag-bookmark-node .flag--button::before,
.flag-bookmark-term .flag--link::before,
.flag-bookmark-term .flag--button::before,
.flag-bookmark-node.action-unflag .flag--link::before,
.flag-bookmark-node.action-unflag .flag--button::before,
.flag-bookmark-term.action-unflag .flag--link::before,
.flag-bookmark-term.action-unflag .flag--button::before, .flag-bookmark-node .flag--link:focus::before, .flag-bookmark-node .flag--link:hover::before,
.flag-bookmark-node .flag--button:focus::before,
.flag-bookmark-node .flag--button:hover::before,
.flag-bookmark-term .flag--link:focus::before,
.flag-bookmark-term .flag--link:hover::before,
.flag-bookmark-term .flag--button:focus::before,
.flag-bookmark-term .flag--button:hover::before, .profile-teaser .badge--peer::before, .leaflet-container a.leaflet-popup-close-button::before, .feed-icon::before,
.views-data-export-feed .feed-icon::before, .field-social a::before, .popover-content .orientation-horizontal a::before, .button-popover-trigger::before, .ui-dialog .ui-dialog-titlebar button::before,
.dialog-titlebar button::before, .ui-dialog .ui-dialog-titlebar-close::before,
.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close::before, .header__utilities button[class*=trigger]:not(.focusable)::before, .header__burger--buttons::before, .attribution-popover-trigger::before, button.shwpd:not([disabled])::before, .cookiesjsr-layer .cookiesjsr-layer__close::before, .map-link.button::before, .dark-mode-toggle--popover-button::before, .scroll-to-top::before {
  transform: translateY(0);
  font-size: var(--oc-font-size-icon-m);
  margin-inline: 0;
  inline-size: 100%;
  block-size: 100%;
}

.button-popover-trigger:not([disabled]):focus-visible, .ui-dialog .ui-dialog-titlebar button:not([disabled]):focus-visible,
.dialog-titlebar button:not([disabled]):focus-visible, .ui-dialog .ui-dialog-titlebar-close:not([disabled]):focus-visible,
.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close:not([disabled]):focus-visible, .header__utilities button[class*=trigger]:not([disabled]):focus-visible:not(.focusable), .header__burger--buttons:not([disabled]):focus-visible, .attribution-popover-trigger:not([disabled]):focus-visible, button.shwpd:not([disabled]):focus-visible, .cookiesjsr-layer .cookiesjsr-layer__close:not([disabled]):focus-visible, .map-link.button:not([disabled]):focus-visible, .dark-mode-toggle--popover-button:not([disabled]):focus-visible, .scroll-to-top:not([disabled]):focus-visible, .button-popover-trigger:not([disabled]):hover, .ui-dialog .ui-dialog-titlebar button:not([disabled]):hover,
.dialog-titlebar button:not([disabled]):hover, .ui-dialog .ui-dialog-titlebar-close:not([disabled]):hover,
.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close:not([disabled]):hover, .header__utilities button[class*=trigger]:not([disabled]):hover:not(.focusable), .header__burger--buttons:not([disabled]):hover, .attribution-popover-trigger:not([disabled]):hover, button.shwpd:not([disabled]):hover, .cookiesjsr-layer .cookiesjsr-layer__close:not([disabled]):hover, .map-link.button:not([disabled]):hover, .dark-mode-toggle--popover-button:not([disabled]):hover, .scroll-to-top:not([disabled]):hover {
  padding: 0;
  color: var(--oc-button-focus-text-color);
  border-color: var(--oc-button-focus-border-color);
  background-color: var(--oc-button-focus-bg-color);
}

.feed-icon,
.views-data-export-feed .feed-icon, .field-social a, .popover-content .orientation-horizontal a {
  background-color: transparent;
}
.feed-icon:focus-visible, .field-social a:focus-visible, .popover-content .orientation-horizontal a:focus-visible, .feed-icon:hover, .field-social a:hover, .popover-content .orientation-horizontal a:hover {
  color: var(--oc-color-link-focus-text);
  border-color: transparent;
  background-color: var(--oc-color-link-focus-bg);
}

.flag-bookmark-node .flag--link,
.flag-bookmark-node .flag--button,
.flag-bookmark-term .flag--link,
.flag-bookmark-term .flag--button,
.flag-bookmark-node.action-unflag .flag--link,
.flag-bookmark-node.action-unflag .flag--button,
.flag-bookmark-term.action-unflag .flag--link,
.flag-bookmark-term.action-unflag .flag--button, .flag-bookmark-node .flag--link:focus, .flag-bookmark-node .flag--link:hover,
.flag-bookmark-node .flag--button:focus,
.flag-bookmark-node .flag--button:hover,
.flag-bookmark-term .flag--link:focus,
.flag-bookmark-term .flag--link:hover,
.flag-bookmark-term .flag--button:focus,
.flag-bookmark-term .flag--button:hover {
  --oc-font-size-icon: var(--oc-font-size-icon-l);
}
.flag-bookmark-node .flag--link::before,
.flag-bookmark-node .flag--button::before,
.flag-bookmark-term .flag--link::before,
.flag-bookmark-term .flag--button::before,
.flag-bookmark-node.action-unflag .flag--link::before,
.flag-bookmark-node.action-unflag .flag--button::before,
.flag-bookmark-term.action-unflag .flag--link::before,
.flag-bookmark-term.action-unflag .flag--button::before, .flag-bookmark-node .flag--link:focus::before, .flag-bookmark-node .flag--link:hover::before,
.flag-bookmark-node .flag--button:focus::before,
.flag-bookmark-node .flag--button:hover::before,
.flag-bookmark-term .flag--link:focus::before,
.flag-bookmark-term .flag--link:hover::before,
.flag-bookmark-term .flag--button:focus::before,
.flag-bookmark-term .flag--button:hover::before {
  mask-size: 75%;
}

body {
  --oc-gutter: 1.25rem;
  --oc-row-gap: 1.25rem;
}

body {
  --oc-page-margin-top: 0;
  --oc-page-margin-bottom: 1rem;
  --oc-page-margin-sides: 0.25rem;
  --oc-page-padding-inline: 1rem;
  --oc-column-count: 12;
  --oc-column-padding: 0;
  --oc-layout-max-width: 100rem;
  --oc-section-spacing: 3rem;
  --oc-bg-hero-padding-inline: var(--oc-gutter);
  --oc-bg-hero-padding-block: 0.5rem;
  --oc-aspect-ratio-landscape: 16/9;
  --oc-aspect-ratio-portrait: 9/16;
  --oc-aspect-ratio-landscape-deriv: 16/8.9;
  --oc-aspect-ratio-mood: 2/1;
  --oc-hero-4-min-height: 50%;
  --oc-logo-min-width: 8rem;
  --oc-logo-max-width: 10rem;
}
@media screen and (min-width: 48em) {
  body {
    --oc-page-margin-sides: 1.25rem;
    --oc-page-padding-inline: 1.5rem;
  }
}
@media screen and (min-width: 70em) {
  body {
    --oc-page-padding-inline: 3.5rem;
    --oc-gutter: 2rem;
    --oc-section-spacing: 4rem;
  }
}
@media screen and (min-width: 85em) {
  body {
    --oc-page-margin-sides: 3rem;
  }
}
@media screen and (min-width: 120em) {
  body {
    --oc-page-padding-inline: 5rem;
    --oc-section-spacing: 5rem;
  }
}

body {
  --oc-viewport-width: 100vw;
  --oc-gutter-count: calc(var(--oc-column-count) - 1);
  --oc-page-width: calc(var(--oc-viewport-width) - calc(2 * var(--oc-page-margin-sides)));
  --oc-layout-width: calc(var(--oc-page-width) - calc(2 * var(--oc-page-padding-inline)));
  --oc-column-width: calc(calc(var(--oc-layout-width) - calc(var(--oc-gutter-count) * var(--oc-gutter))) / var(--oc-column-count));
  --oc-grid-step: calc(var(--oc-column-width) + var(--oc-gutter));
}
body.toolbar-horizontal {
  --oc-viewport-width: calc(100vw - var(--drupal-displace-offset-left));
}
@media screen and (min-width: 120em) {
  body {
    --oc-page-width: calc(var(--oc-layout-max-width) + calc(2 * var(--oc-page-padding-inline)));
    --oc-layout-width: var(--oc-layout-max-width);
    --oc-column-width: calc(calc(var(--oc-layout-max-width) - calc(var(--oc-gutter-count) * var(--oc-gutter))) / var(--oc-column-count));
  }
}

@media screen {
  .views-row article:not(.term-teaser) .teaser--top div:not(.attribution, .attribution-toggle, .contextual, .popover-content, .layout-builder__add-block), .paragraph--view-mode--grid .field--type-entity-reference-revisions > .field__items > .field__item .teaser--top div:not(.attribution, .attribution-toggle, .contextual, .popover-content, .layout-builder__add-block), article.teaser-big .teaser--top div:not(.attribution, .attribution-toggle, .contextual, .popover-content, .layout-builder__add-block),
  .views-row article:not(.term-teaser) .teaser--top figure,
  .paragraph--view-mode--grid .field--type-entity-reference-revisions > .field__items > .field__item .teaser--top figure,
  article.teaser-big .teaser--top figure {
    inline-size: 100%;
    block-size: 100%;
  }
  .views-row article:not(.term-teaser) .teaser--top img, .paragraph--view-mode--grid .field--type-entity-reference-revisions > .field__items > .field__item .teaser--top img, article.teaser-big .teaser--top img {
    object-fit: cover;
    inline-size: 100%;
    block-size: 100%;
  }
}

.address-container, .block-field-blocknodedatefield-location, .content-moderation-entity-moderation-form,
.block-views-blockoc-er-mod-states-block-states-info {
  margin-inline: calc(-1 * var(--oc-page-padding-inline));
}

:root {
  --oc-font-family-default: "Montserrat", "Segoe UI", "Roboto", sans-serif;
  --oc-font-family-head: "Montserrat", "Segoe UI", "Roboto", sans-serif;
  --oc-font-size-xxl: 3rem;
  --oc-font-size-xl: 2rem;
  --oc-font-size-l: 1.75rem;
  --oc-font-size-ml: 1.5rem;
  --oc-font-size-m: 1.25rem;
  --oc-font-size-default: 1rem;
  --oc-font-size-s: 0.875rem;
  --oc-font-size-xs: 0.75rem;
  --oc-font-size-button-default: 1rem;
  --oc-font-size-button-s: 0.875rem;
  --oc-font-size-tag-default: 1rem;
  --oc-font-size-autocomplete-list: var(--oc-font-size-s);
  --oc-line-height-default: 1.5;
  --oc-line-height-headings: 1.2;
  --oc-font-weight-light: 300;
  --oc-font-weight-normal: 400;
  --oc-font-weight-medium: 500;
  --oc-font-weight-semi-bold: 600;
  --oc-font-weight-bold: 700;
  --oc-font-weight-extra-bold: 820;
  --oc-font-weight-black: 900;
  --oc-font-weight-teaser-subtitle: var(--oc-font-weight-semi-bold);
  --oc-font-weight-label: var(--oc-font-weight-semi-bold);
  --oc-underline: underline 0.0625rem solid var(--oc-underline-color);
  --text-max-line: 80ch;
}

.description, .tiny,
.small,
small {
  font-size: var(--oc-font-size-s);
}

legend, caption, .allcaps, h4.block--title, .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title, .view-my-recommendations .view-header h3,
.view-recommended-by .view-header h3, .views-exposed-form .details-title,
.views-exposed-form details.form-wrapper .details-title, .filter-collapsible > summary, .field--name-field-accessibility h3, .field__label,
.field--name-field-sub-type,
.sub-type,
h3 .field--name-field-sub-type, .entity-moderation-form .form-item label, .cookiesjsr-layer__title, h2.block--title.label, .region-below-footer h2 {
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title, .view-my-recommendations .view-header h3,
.view-recommended-by .view-header h3, .views-exposed-form .details-title,
.views-exposed-form details.form-wrapper .details-title, .filter-collapsible > summary, .field--name-field-accessibility h3, .field__label,
.field--name-field-sub-type,
.sub-type,
h3 .field--name-field-sub-type, .entity-moderation-form .form-item label, .cookiesjsr-layer__title, h2.block--title.label, .region-below-footer h2 {
  margin-block: 0.5em;
  margin-inline: 0;
  font-size: var(--oc-font-size-s);
  font-weight: var(--oc-font-weight-bold);
  line-height: 1.4;
}

h1,
.h1 {
  hyphens: none;
  color: var(--oc-color-text-headline);
  font-family: var(--oc-font-family-head);
  font-size: var(--oc-font-size-xxl);
  font-weight: var(--oc-font-weight-bold);
  line-height: var(--oc-line-height-headings);
  margin-block: 0;
  margin-inline: 0;
  padding-block: 0.25em;
  padding-inline: 0;
}

.details-title, summary .summary, summary:not(:has(span.summary)):has(.details-title, summary .summary)::after, h2,
.h2 {
  hyphens: auto;
  color: var(--oc-color-text-headline);
  font-family: var(--oc-font-family-head);
  font-size: var(--oc-font-size-xl);
  font-weight: var(--oc-font-weight-bold);
  line-height: var(--oc-line-height-headings);
  margin-block: 0.75em 0.25em;
  margin-inline: 0;
  padding-block: 0.25em;
  padding-inline: 0;
}

details details .details-title, details details summary .summary, summary details details .summary, h3,
.h3 {
  hyphens: auto;
  color: var(--oc-color-text-headline);
  font-family: var(--oc-font-family-head);
  font-size: var(--oc-font-size-ml);
  font-weight: var(--oc-font-weight-bold);
  line-height: var(--oc-line-height-headings);
  margin-block: 0.75em 0.25em;
  margin-inline: 0;
  padding-block: 0.25em;
  padding-inline: 0;
}

h4,
.h4, .faq .sub-details .details-title, .faq .sub-details summary .summary {
  color: var(--oc-color-text-headline);
  font-size: var(--oc-font-size-m);
  font-weight: var(--oc-font-weight-medium);
  margin-block: 0.75em 0.25em;
  margin-inline: 0;
  padding-block: 0.25em;
  padding-inline: 0;
}

h5,
.h5 {
  color: var(--oc-color-text);
  font-size: var(--oc-font-size-default);
  font-weight: var(--oc-font-weight-semi-bold);
  margin-block: 0.5em 0.25em;
  margin-inline: 0;
  padding-block: 0.25em;
  padding-inline: 0;
}

h6,
.h6 {
  font-size: var(--oc-font-size-default);
  font-weight: var(--oc-font-weight-light);
  margin-block: 0.25em 0.125em;
  margin-inline: 0;
  padding-block: 0.125em;
  padding-inline: 0;
}

a,
button.link, .paragraph--type--teaser-wrapper.paragraph--view-mode--default .teaser-curated h3.teaser--title a, .leaflet-popup-content a, .wrapper--content-header .dialog-wrapper a {
  -webkit-text-decoration: var(--oc-underline);
          text-decoration: var(--oc-underline);
  color: var(--oc-color-link);
}
a:hover,
button.link:hover, .paragraph--type--teaser-wrapper.paragraph--view-mode--default .teaser-curated h3.teaser--title a:hover, .wrapper--content-header .dialog-wrapper a:hover, a:focus,
button.link:focus, .paragraph--type--teaser-wrapper.paragraph--view-mode--default .teaser-curated h3.teaser--title a:focus, .wrapper--content-header .dialog-wrapper a:focus {
  text-decoration: none;
  color: var(--oc-color-link-focus-text);
  background: var(--oc-color-link-focus-bg);
}
a:active,
button.link:active, .paragraph--type--teaser-wrapper.paragraph--view-mode--default .teaser-curated h3.teaser--title a:active, .wrapper--content-header .dialog-wrapper a:active {
  outline: var(--oc-outline-active);
  outline-offset: var(--oc-outline-active-offset);
}

.menu a, nav a,
.links a, .breadcrumbs nav a {
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  color: var(--oc-color-menu-link);
  border-width: 0 0 1px;
  border-style: solid;
  border-color: var(--oc-color-menu-link-border);
  font-weight: var(--oc-font-weight-normal);
}
.menu a:hover, nav a:hover,
.links a:hover, .menu a:focus, nav a:focus,
.links a:focus {
  color: var(--oc-color-menu-link-focus-text);
  background: var(--oc-color-menu-link-focus-bg);
}

del,
s.del {
  -webkit-text-decoration: currentColor line-through solid 0.0625em;
          text-decoration: currentColor line-through solid 0.0625em;
  background-color: var(--oc-color-bg-danger);
}

ins {
  -webkit-text-decoration: currentColor underline solid 0.0625em;
          text-decoration: currentColor underline solid 0.0625em;
  background-color: var(--oc-color-bg-success);
}

:root {
  --oc-color-primary: #9d1980;
  --oc-color-secondary: #4e083c;
  --oc-color-text: #1f1f1f;
  --oc-color-text-muted: #7b7d85;
  --oc-color-text-inverted: #fff;
  --oc-color-text-headline: currentColor;
  --oc-color-link: #a1167f;
  --oc-color-interaction: #16635e;
  --oc-color-link-focus-text: var(--oc-color-text-inverted);
  --oc-color-link-focus-bg: var(--oc-color-link);
  --oc-color-link-inverted: color-mix(in oklab, var(--oc-color-link) 20%, var(--oc-color-text-inverted));
  --oc-color-interaction-inverted: color-mix(in oklab, var(--oc-color-interaction) 50%, var(--oc-color-text-inverted));
  --oc-underline-color: color-mix(in oklab, currentColor 50%, transparent);
  --oc-color-menu-link: color-mix(in oklab, var(--oc-color-text) 30%, var(--oc-color-link));
  --oc-color-menu-link-focus-text: var(--oc-color-text-inverted);
  --oc-color-menu-link-focus-bg: var(--oc-color-link);
  --oc-color-menu-link-border: color-mix(in oklab, var(--oc-color-bg-dark) 7%, transparent);
  --oc-color-link-opaque: color-mix(in oklab, var(--oc-color-link) 64%, transparent);
  --oc-color-bg-link-translucent: color-mix(in oklab, var(--oc-color-link) 5%, transparent);
  --oc-color-danger: #d41317;
  --oc-color-info: #1f71b8;
  --oc-color-success: #008d36;
  --oc-color-warning: #fd0;
  --oc-color-divider-light: #e8e9eb;
  --oc-color-divider-dark: #7b7d85;
  --oc-color-bg-light: #fff;
  --oc-color-bg-dark: #303236;
  --oc-color-primary-darker: color-mix(in oklab, var(--oc-color-bg-dark) 30%, var(--oc-color-primary));
  --oc-color-bg-form: color-mix(in oklab, var(--oc-color-bg-dark) 3%, var(--oc-color-bg-light));
  --oc-color-bg-exposed-form: var(--oc-color-bg-form);
  --oc-color-bg-fieldset: color-mix(in oklab, var(--oc-color-interaction) 5%, transparent);
  --oc-color-bg-slight-contrast: color-mix(in oklab, var(--oc-color-bg-dark) 10%, var(--oc-color-bg-light));
  --oc-color-bg-hardly-any-contrast: color-mix(in oklab, var(--oc-color-bg-dark) 3%, var(--oc-color-bg-light));
  --oc-color-bg-light-translucent: color-mix(in oklab, var(--oc-color-bg-light) 25%, transparent);
  --oc-color-bg-light-opaque: color-mix(in oklab, var(--oc-color-bg-light) 75%, transparent);
  --oc-color-bg-dark-translucent: color-mix(in oklab, var(--oc-color-bg-dark) 7%, transparent);
  --oc-color-bg-dark-opaque: color-mix(in oklab, var(--oc-color-bg-dark) 75%, transparent);
  --oc-color-bg-danger: color-mix(in oklab, var(--oc-color-danger) 15%, var(--oc-color-bg-light));
  --oc-color-danger-dark: color-mix(in oklab, var(--oc-color-danger) 60%, var(--oc-color-bg-dark));
  --oc-color-bg-info: color-mix(in oklab, var(--oc-color-info) 10%, var(--oc-color-bg-light));
  --oc-color-info-dark: color-mix(in oklab, var(--oc-color-info) 60%, var(--oc-color-bg-dark));
  --oc-color-bg-success: color-mix(in oklab, var(--oc-color-success) 10%, var(--oc-color-bg-light));
  --oc-color-success-dark: color-mix(in oklab, var(--oc-color-success) 60%, var(--oc-color-bg-dark));
  --oc-color-bg-warning: color-mix(in oklab, var(--oc-color-warning) 40%, var(--oc-color-bg-light));
  --oc-color-warning-dark: color-mix(in oklab, var(--oc-color-warning) 75%, var(--oc-color-bg-dark));
  --oc-button-bg-color: var(--oc-color-bg-light);
  --oc-button-border-color: var(--oc-color-interaction);
  --oc-button-text-color: var(--oc-color-interaction);
  --oc-button-primary-bg-color: var(--oc-color-link);
  --oc-button-primary-border-color: var(--oc-color-link);
  --oc-button-primary-text-color: var(--oc-color-text-inverted);
  --oc-button-danger-bg-color: var(--oc-color-bg-light);
  --oc-button-danger-border-color: var(--oc-color-danger);
  --oc-button-danger-text-color: var(--oc-color-danger-dark);
  --oc-button-focus-bg-color: var(--oc-color-link);
  --oc-button-focus-border-color: var(--oc-color-link);
  --oc-button-focus-text-color: var(--oc-color-text-inverted);
  --oc-button-active-bg-color: var(--oc-color-interaction);
  --oc-button-active-border-color: var(--oc-color-interaction);
  --oc-button-active-text-color: var(--oc-color-text-inverted);
  --oc-tag-bg-color: color-mix(in oklab, var(--oc-color-bg-dark) 10%, var(--oc-color-bg-light));
  --oc-tag-border-color: var(--oc-tag-bg-color);
  --oc-tag-text-color: var(--oc-color-text);
  --oc-tag-link-bg-color: var(--oc-tag-bg-color);
  --oc-tag-link-border-color: var(--oc-tag-bg-color);
  --oc-tag-link-text-color: var(--oc-color-link);
  --oc-tag-link-focus-bg-color: var(--oc-color-link);
  --oc-tag-link-focus-border-color: var(--oc-color-link);
  --oc-tag-link-focus-text-color: var(--oc-color-text-inverted);
  --oc-tag-link-active-bg-color: var(--oc-color-bg-light);
  --oc-tag-link-active-border-color: var(--oc-color-bg-light);
  --oc-tag-link-active-text-color: var(--oc-color-interaction);
  --oc-image-background: color-mix(in oklab, var(--oc-color-bg-light) 10%, transparent);
  --oc-bg-caption: transparent;
  --oc-caption-border-color: var(--oc-color-divider-light);
}

:root {
  --oc-color-oc-spectrum-1: #d41317;
  --oc-color-oc-spectrum-2: #da5914;
  --oc-color-oc-spectrum-3: #fd0;
  --oc-color-oc-spectrum-4: #008d36;
  --oc-color-oc-spectrum-5: #1d70b7;
  --oc-color-accent-1: #cdebb0;
  --oc-color-accent-2: #eef0d5;
  --oc-color-accent-3: #add19e;
  --oc-color-neutral-canvas: #f6f6f6;
  --oc-color-bg-page: var(--oc-color-bg-light);
  --oc-color-bg-page-backdrop: color-mix(in oklab, var(--oc-color-neutral-canvas) 65%, transparent);
  --oc-color-backdrop: color-mix(in oklab, var(--oc-color-bg-dark) 60%, transparent);
  --oc-color-gradient-smooth: linear-gradient(90deg, var(--oc-color-accent-1), var(--oc-color-accent-2), var(--oc-color-accent-3));
  --oc-color-gradient-blocks: repeating-linear-gradient(-45deg, var(--oc-color-accent-2) 0%, var(--oc-color-accent-2) 5%, var(--oc-color-accent-1) 5%, var(--oc-color-accent-1) 10%);
  --oc-bg-teaser-section: var(--oc-color-bg-slight-contrast);
  --oc-section-spacing-teaser: var(--oc-bg-section-buffer);
  --oc-bg-sub-terms-section: var(--oc-bg-teaser-section);
  --oc-section-spacing-sub-terms: var(--oc-bg-section-buffer);
  --oc-bg-comments-section: var(--oc-color-bg-slight-contrast);
  --oc-section-spacing-comments: var(--oc-bg-section-buffer);
  --oc-bg-magazine-section: transparent;
  --oc-section-spacing-magazine: 0;
  --oc-bg-gallery-section: transparent;
  --oc-section-spacing-gallery: 0;
  --oc-bg-recommendations-section: transparent;
  --oc-section-spacing-recommendations: 0;
  --oc-bg-date-section: transparent;
  --oc-section-spacing-date: 0;
  --oc-bg-bookable-section: transparent;
  --oc-section-spacing-bookable: 0;
  --oc-bg-archive-section: var(--oc-color-bg-slight-contrast);
  --oc-bg-vivid: var(--oc-color-gradient-blocks);
  --oc-bg-slight: color-mix(in oklab, var(--oc-color-bg-dark) 10%, transparent);
  --oc-shadow-color: color-mix(in oklab, #000 30%, transparent);
  --oc-color-teaser-overlay: #26031f;
  --oc-color-bg-footer: var(--oc-color-bg-dark);
  --oc-color-text-footer: var(--oc-color-text-inverted);
  --oc-color-link-footer: var(--oc-color-link-inverted);
  --oc-bg-hero-section: color-mix(in oklab, var(--oc-color-interaction) 5%, transparent);
  --oc-color-hero-text: currentColor;
  --oc-bg-hero-image: transparent;
  --oc-color-marker-icon: var(--oc-color-primary);
  --oc-marker-colorizer: brightness(0) saturate(100%) invert(16%) sepia(58%) saturate(3877%) hue-rotate(297deg) brightness(100%) contrast(100%);
  --oc-color-bg-cluster-icon: var(--oc-color-primary);
}

@media screen {
  :root.dark {
    --oc-color-primary: #9d1980;
    --oc-color-secondary: #4e083c;
    --oc-color-text: #efefef;
    --oc-color-text-muted: #9b9d9a;
    --oc-color-text-inverted: #191919;
    --oc-color-text-headline: currentColor;
    --oc-color-link-inverted: color-mix(in oklab, var(--oc-color-link) 50%, var(--oc-color-text-inverted));
    --oc-color-interaction-inverted: color-mix(in oklab, var(--oc-color-interaction) 50%, var(--oc-color-text-inverted));
    --oc-color-link: #fd0;
    --oc-color-interaction: #74eaea;
    --oc-color-danger: #f38183;
    --oc-color-info: #8ccaff;
    --oc-color-success: #008d36;
    --oc-color-warning: #ffae00;
    --oc-color-divider-light: #38393b;
    --oc-color-divider-dark: #8b8d95;
    --oc-color-bg-light: #16181a;
    --oc-color-bg-dark: #e6e6e6;
    --oc-color-bg-form: color-mix(in oklab, var(--oc-color-bg-dark) 8%, var(--oc-color-bg-light));
    --oc-color-warning-dark: color-mix(in oklab, var(--oc-color-warning) 60%, var(--oc-color-bg-dark));
    --oc-color-bg-slight-contrast: color-mix(in oklab, var(--oc-color-bg-dark) 14%, var(--oc-color-bg-light));
    --oc-color-bg-hardly-any-contrast: color-mix(in oklab, var(--oc-color-bg-dark) 7%, var(--oc-color-bg-light));
    --oc-color-bg-light-opaque: color-mix(in oklab, var(--oc-color-bg-light) 75%, transparent);
    --oc-color-neutral-canvas: #303236;
    --oc-color-bg-page: color-mix(in oklab, var(--oc-color-bg-light) 93%, var(--oc-color-bg-dark));
    --oc-color-bg-page-backdrop: color-mix(in oklab, var(--oc-color-neutral-canvas) 85%, transparent);
    --oc-color-backdrop: color-mix(in oklab, var(--oc-color-bg-light) 85%, transparent);
    --oc-bg-slight: color-mix(in oklab, var(--oc-color-bg-dark) 5%, transparent);
    --oc-button-primary-border-color: var(--oc-color-text);
    --oc-tag-bg-color: color-mix(in oklab, var(--oc-color-bg-dark) 20%, var(--oc-color-bg-light));
    --oc-image-background: var(--oc-color-bg-hardly-any-contrast);
    --oc-chevron: url("../images/chevron-down-inv.svg");
  }
}

:root.dark {
  --oc-bg-hero-section: color-mix(in oklab, var(--oc-color-interaction) 5%, transparent);
}
@media screen {
  :root.dark {
    --oc-logo-negative: url(../logo_negative.svg);
    --oc-color-accent-1: #404b38;
    --oc-color-accent-2: #60644c;
    --oc-color-accent-3: #4e5e47;
    --oc-color-bg-footer: #000;
    --oc-color-text-footer: #efefef;
    --oc-color-link-footer: #fd0;
    --oc-shadow-color: color-mix(in oklab, #000 60%, transparent);
  }
}

:root {
  --oc-button-border-radius: 0.25rem;
  --oc-button-border-width: 0.125rem;
  --oc-button-border-style: solid;
  --oc-button-padding: var(--oc-button-padding-m);
  --oc-button-padding-m: 0.5em 2em;
  --oc-button-padding-s: 0.25em 1em;
  --oc-button-text-transform: none;
  --oc-button-letter-spacing: normal;
  --oc-button-box-shadow: 0;
  --oc-tag-border-radius: 50vi;
  --oc-tag-border-width: 0.0625rem;
  --oc-tag-border-style: solid;
  --oc-tag-padding: 0.25em 2em;
  --oc-tag-padding-s: 0.25em 1em;
  --oc-tag-text-transform: none;
  --oc-tag-letter-spacing: normal;
  --oc-tag-box-shadow: var(--oc-button-box-shadow);
}

.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane button,
.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane .button,
.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane .ui-button,
.ui-dialog.ui-widget .ui-dialog-content .form-actions button,
.ui-dialog.ui-widget .ui-dialog-content .form-actions .button,
.ui-dialog.ui-widget .ui-dialog-content .form-actions .ui-button, button,
.button,
input[type=button],
input[type=submit], .button-small, .views-exposed-form input[name=reset], .field--name-field-ticketing a, a.flag--link, body .ss-main .ss-deselect, button:not([disabled]).shwpd, .leaflet-container a.leaflet-popup-close-button, .cookies-fallback .cookies-fallback--btn, .cookies-fallback .cookies-fallback--link, a.facets-soft-limit-link, .openculturas-map--reload, .map-link.button, .layout-builder-form .form-actions .button {
  display: inline-block;
  margin-block-end: 1em;
  padding: var(--oc-button-padding);
  cursor: pointer;
  text-decoration: none;
  letter-spacing: var(--oc-button-letter-spacing);
  text-transform: var(--oc-button-text-transform);
  overflow-wrap: normal;
  hyphens: none;
  color: var(--oc-button-text-color);
  border-width: var(--oc-button-border-width);
  border-style: var(--oc-button-border-style);
  border-color: var(--oc-button-border-color);
  border-radius: var(--oc-button-border-radius);
  background-color: var(--oc-button-bg-color);
  box-shadow: var(--oc-button-box-shadow);
  font-family: var(--oc-font-family-default);
  font-size: var(--oc-font-size-button-default);
  font-weight: var(--oc-font-weight-bold);
}
.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane button:not([disabled]):focus-visible,
.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane .button:not([disabled]):focus-visible,
.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane .ui-button:not([disabled]):focus-visible,
.ui-dialog.ui-widget .ui-dialog-content .form-actions button:not([disabled]):focus-visible,
.ui-dialog.ui-widget .ui-dialog-content .form-actions .button:not([disabled]):focus-visible,
.ui-dialog.ui-widget .ui-dialog-content .form-actions .ui-button:not([disabled]):focus-visible, button:not([disabled]):focus-visible,
.button:not([disabled]):focus-visible,
input[type=button]:not([disabled]):focus-visible,
input[type=submit]:not([disabled]):focus-visible, .button-small:not([disabled]):focus-visible, .views-exposed-form input[name=reset]:not([disabled]):focus-visible, .field--name-field-ticketing a:not([disabled]):focus-visible, a.flag--link:not([disabled]):focus-visible, body .ss-main .ss-deselect:not([disabled]):focus-visible, .leaflet-container a.leaflet-popup-close-button:not([disabled]):focus-visible, .cookies-fallback .cookies-fallback--btn:not([disabled]):focus-visible, .cookies-fallback .cookies-fallback--link:not([disabled]):focus-visible, a.facets-soft-limit-link:not([disabled]):focus-visible, .openculturas-map--reload:not([disabled]):focus-visible, .ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane button:not([disabled]):hover,
.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane .button:not([disabled]):hover,
.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane .ui-button:not([disabled]):hover,
.ui-dialog.ui-widget .ui-dialog-content .form-actions button:not([disabled]):hover,
.ui-dialog.ui-widget .ui-dialog-content .form-actions .button:not([disabled]):hover,
.ui-dialog.ui-widget .ui-dialog-content .form-actions .ui-button:not([disabled]):hover, button:not([disabled]):hover,
.button:not([disabled]):hover,
input[type=button]:not([disabled]):hover,
input[type=submit]:not([disabled]):hover, .button-small:not([disabled]):hover, .views-exposed-form input[name=reset]:not([disabled]):hover, .field--name-field-ticketing a:not([disabled]):hover, a.flag--link:not([disabled]):hover, body .ss-main .ss-deselect:not([disabled]):hover, .leaflet-container a.leaflet-popup-close-button:not([disabled]):hover, .cookies-fallback .cookies-fallback--btn:not([disabled]):hover, .cookies-fallback .cookies-fallback--link:not([disabled]):hover, a.facets-soft-limit-link:not([disabled]):hover, .openculturas-map--reload:not([disabled]):hover {
  color: var(--oc-button-focus-text-color);
  border-color: var(--oc-button-focus-border-color);
  border-radius: var(--oc-button-border-radius);
  background-color: var(--oc-button-focus-bg-color);
}

.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane .button--primary,
.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane #edit-submit.form-submit,
.ui-dialog.ui-widget .ui-dialog-content .form-actions .button--primary,
.ui-dialog.ui-widget .ui-dialog-content .form-actions #edit-submit.form-submit, .form-submit:not([data-drupal-selector=edit-reset]),
.button--cta,
.oc-button--primary, .openculturas-map--reload, .layout-builder-form .form-actions .button.button--primary {
  color: var(--oc-button-primary-text-color);
  border-color: var(--oc-button-primary-border-color);
  background-color: var(--oc-button-primary-bg-color);
}

.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane .button--danger,
.ui-dialog.ui-widget .ui-dialog-content .form-actions .button--danger, .button.danger,
.button--danger,
a.button.danger,
.form-submit.danger,
input[type=submit].danger,
button[type=submit].button--danger {
  color: var(--oc-button-danger-text-color);
  border-color: var(--oc-button-danger-border-color);
  background-color: var(--oc-button-danger-bg-color);
}
.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane .button--danger:focus,
.ui-dialog.ui-widget .ui-dialog-content .form-actions .button--danger:focus, .button.danger:focus,
.button--danger:focus,
.form-submit.danger:focus,
input[type=submit].danger:focus,
button[type=submit].button--danger:focus, .ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane .button--danger:not([disabled]):hover,
.ui-dialog.ui-widget .ui-dialog-content .form-actions .button--danger:not([disabled]):hover, .button.danger:not([disabled]):hover,
.button--danger:not([disabled]):hover,
.form-submit.danger:not([disabled]):hover,
input[type=submit].danger:not([disabled]):hover {
  color: var(--oc-color-text-inverted);
  border-color: var(--oc-button-danger-border-color);
  background-color: var(--oc-button-danger-border-color);
}

.button-small, .view-header .button,
.button--add, .view-my-recommendations .pager .button,
.view-recommended-by .pager .button, .views-element-container header .button[href*="add/"], a.flag--link,
.flag--button, .share-toggle--popover-button, .cookiesjsr--app button.cookiesjsr-btn, button.editCookieSettings, .cookies-fallback .cookies-fallback--btn, a.facets-soft-limit-link, .addtocal-toggle--wrapper .addtocal-toggle--trigger {
  --oc-button-padding: var(--oc-button-padding-s);
  margin-block-end: 0;
  border-width: 0.09375rem;
  font-size: var(--oc-font-size-s);
  font-weight: var(--oc-font-weight-medium);
}

.flag-bookmark-node.action-unflag .flag--button,
.flag-bookmark-term.action-unflag .flag--button {
  color: var(--oc-button-active-text-color);
  border-color: var(--oc-button-active-border-color);
  background-color: var(--oc-button-active-bg-color);
}
.flag-bookmark-node.action-unflag .flag--button:focus,
.flag-bookmark-term.action-unflag .flag--button:focus, .flag-bookmark-node.action-unflag .flag--button:hover,
.flag-bookmark-term.action-unflag .flag--button:hover {
  color: var(--oc-button-focus-text-color);
  border-color: var(--oc-button-focus-border-color);
  background-color: var(--oc-button-focus-bg-color);
}

th a[href*=sort], .terms--plain .field__item, .taxonomy-term--tag,
.reference--taxonomy_term > a {
  display: inline-block;
  margin: 0 1em 1em 0;
  padding: var(--oc-tag-padding);
  text-align: center;
  letter-spacing: var(--oc-tag-letter-spacing);
  text-transform: var(--oc-tag-text-transform);
  hyphens: auto;
  color: var(--oc-tag-text-color);
  border-width: var(--oc-tag-border-width);
  border-style: var(--oc-tag-border-style);
  border-color: var(--oc-tag-border-color);
  border-radius: var(--oc-tag-border-radius);
  background-color: var(--oc-tag-bg-color);
  font-size: var(--oc-font-size-tag-default);
  line-height: 1;
}

th a[href*=sort], .taxonomy-term--tag,
.reference--taxonomy_term > a, .wrapper--content-header .reference--taxonomy_term a {
  text-decoration: none;
  color: var(--oc-tag-link-text-color);
  border-color: var(--oc-tag-link-border-color);
  background-color: var(--oc-tag-link-bg-color);
  box-shadow: var(--oc-tag-box-shadow);
}
th a[href*=sort]:focus, .taxonomy-term--tag:focus,
.reference--taxonomy_term > a:focus, .wrapper--content-header .reference--taxonomy_term a:focus, th a[href*=sort]:hover, .taxonomy-term--tag:hover,
.reference--taxonomy_term > a:hover, .wrapper--content-header .reference--taxonomy_term a:hover {
  -webkit-text-decoration: var(--oc-underline);
          text-decoration: var(--oc-underline);
  color: var(--oc-tag-link-focus-text-color);
  border-color: var(--oc-tag-link-focus-border-color);
  border-radius: var(--oc-tag-border-radius);
  background-color: var(--oc-tag-link-focus-bg-color);
}
th a[href*=sort]:active, .taxonomy-term--tag:active,
.reference--taxonomy_term > a:active, .wrapper--content-header .reference--taxonomy_term a:active {
  color: var(--oc-tag-link-active-text-color);
  border-color: var(--oc-tag-link-active-border-color);
  background-color: var(--oc-tag-link-active-bg-color);
}

.view > .more-link a,
.more-link.field a,
a.more-link,
.text-formatted a.cta {
  padding: var(--oc-button-padding-s);
  text-decoration: none;
  border: 0.125rem solid var(--oc-color-link);
  border-radius: 50vi;
}
.view > .more-link a:focus,
.more-link.field a:focus,
a.more-link:focus,
.text-formatted a.cta:focus, .view > .more-link a:hover,
.more-link.field a:hover,
a.more-link:hover,
.text-formatted a.cta:hover {
  -webkit-text-decoration: var(--oc-underline);
          text-decoration: var(--oc-underline);
}

body {
  --oc-card-margin-block: calc(0.5 * var(--oc-row-gap));
  --oc-card-margin-inline: var(--oc-column-padding);
  --oc-card-padding-block: 1rem;
  --oc-card-padding-inline: 2rem;
  --oc-card-image-padding-block: 0;
  --oc-card-image-padding-inline: 0;
  --oc-card-background: var(--oc-color-bg-light);
  --oc-card-box-shadow: var(--oc-box-shadow-centered);
  --oc-card-border-default: 1px solid transparent;
  --oc-card-border: var(--oc-card-border-default);
  --oc-card-border-inline: 1px;
  --oc-card-border-block: 1px;
  --oc-card-border-width: var(--oc-card-border-block) var(--oc-card-border-inline);
  --oc-card-border-radius: 1.5rem;
  --oc-card-radius-calculated: calc(var(--oc-card-border-radius) - var(--oc-card-border-block));
  --oc-card-height-equalizer: calc(100% - var(--oc-card-padding-block));
  --oc-profile-card-margin-block: 0 0;
  --oc-profile-card-margin-inline: var(--oc-column-padding);
  --oc-profile-card-padding-block: 1rem;
  --oc-profile-card-padding-inline: 1rem;
  --oc-profile-card-background: var(--oc-color-bg-light);
  --oc-profile-card-box-shadow: 0 none;
  --oc-profile-card-border: var(--oc-card-border-default);
  --oc-profile-card-border-width: 0;
  --oc-profile-card-border-radius: 0;
  --oc-image-fallback-color: var(--oc-color-primary);
  --oc-image-fallback-image: url("../images/teaser-image-fallback.svg");
  --oc-teaser-bg-scale: 350%;
  --oc-teaser-bg-pos-x: 35%;
  --oc-teaser-bg-pos-y: 20%;
}

.calendar .field--name-field-mood-image:not(:has(img)), .teaser-unified .no-image, .teaser--top.no-image {
  opacity: 1;
  background-color: var(--oc-color-primary-darker);
  background-image: var(--oc-image-fallback-image);
  background-repeat: no-repeat;
  background-position: var(--oc-teaser-bg-pos-x) var(--oc-teaser-bg-pos-y);
  background-size: var(--oc-teaser-bg-scale);
}

.views-row:nth-child(2n+1) .no-image,
.field__item:nth-child(2n+1) .no-image,
.views-row:nth-child(2n+1) .field--name-field-mood-image:not(:has(img)),
.field__item:nth-child(2n+1) .field--name-field-mood-image:not(:has(img)) {
  --oc-teaser-bg-pos-x: 50%;
  --oc-teaser-bg-scale: 180%;
}
.views-row:nth-child(4n+1) .no-image,
.field__item:nth-child(4n+1) .no-image,
.views-row:nth-child(4n+1) .field--name-field-mood-image:not(:has(img)),
.field__item:nth-child(4n+1) .field--name-field-mood-image:not(:has(img)) {
  --oc-teaser-bg-pos-x: 10%;
}
.views-row:nth-child(3n+1) .no-image,
.field__item:nth-child(3n+1) .no-image,
.views-row:nth-child(3n+1) .field--name-field-mood-image:not(:has(img)),
.field__item:nth-child(3n+1) .field--name-field-mood-image:not(:has(img)) {
  --oc-teaser-bg-pos-y: 20%;
  --oc-teaser-bg-scale: 240%;
}
.views-row:nth-child(3n+3) .no-image,
.field__item:nth-child(3n+3) .no-image,
.views-row:nth-child(3n+3) .field--name-field-mood-image:not(:has(img)),
.field__item:nth-child(3n+3) .field--name-field-mood-image:not(:has(img)) {
  --oc-teaser-bg-pos-y: 40%;
}
.views-row:nth-child(4n+4) .no-image,
.field__item:nth-child(4n+4) .no-image,
.views-row:nth-child(4n+4) .field--name-field-mood-image:not(:has(img)),
.field__item:nth-child(4n+4) .field--name-field-mood-image:not(:has(img)) {
  --oc-teaser-bg-scale: 300%;
}
.views-row:nth-child(5n+4) .no-image,
.field__item:nth-child(5n+4) .no-image,
.views-row:nth-child(5n+4) .field--name-field-mood-image:not(:has(img)),
.field__item:nth-child(5n+4) .field--name-field-mood-image:not(:has(img)) {
  --oc-teaser-bg-scale: 200%;
  --oc-teaser-bg-pos-y: 90%;
}
.views-row:nth-child(5n+2) .no-image,
.field__item:nth-child(5n+2) .no-image,
.views-row:nth-child(5n+2) .field--name-field-mood-image:not(:has(img)),
.field__item:nth-child(5n+2) .field--name-field-mood-image:not(:has(img)) {
  --oc-teaser-bg-pos-x: 60%;
}

:root {
  --oc-form-field-padding-block: 0.5rem;
  --oc-form-field-padding-inline: 1rem;
  --oc-form-field-padding: var(--oc-form-field-padding-block) var(--oc-form-field-padding-inline);
  --oc-form-item-padding-block: 1rem;
  --oc-input-placeholder-color: var(--oc-color-text-muted);
  --oc-input-bg-color: var(--oc-color-bg-light);
  --oc-input-border-width: 0.0625rem;
  --oc-input-border-style: solid;
  --oc-input-border-color: var(--oc-color-divider-light) var(--oc-color-divider-light) var(--oc-color-divider-dark);
  --oc-input-border: var(--oc-input-border-width) var(--oc-input-border-style) var(--oc-color-divider-dark);
  --oc-input-border-radius: 0;
  --oc-input-focus-border-style: solid;
  --oc-input-focus-bg-color: var(--oc-color-bg-light);
  --oc-input-focus-border-color: var(--oc-color-info);
  --oc-input-error-bg-color: var(--oc-color-bg-light);
  --oc-input-error-border-color: var(--oc-color-danger);
  --oc-input-error-border-style: var(--oc-input-border-style);
}

body {
  --oc-box-shadow-centered: 0 0 1rem -0.25rem var(--oc-shadow-color);
  --oc-box-shadow-centered-s: 0 0 0.5rem -0.25rem var(--oc-shadow-color);
  --oc-box-shadow-up: 0 -0.25rem 0.5rem -0.25rem var(--oc-shadow-color);
  --oc-box-shadow-down: 0 0.75rem 0.5rem -0.25rem var(--oc-shadow-color);
  --oc-box-shadow-left: -0.5rem 0 0.5rem 0.125rem var(--oc-shadow-color);
  --oc-box-shadow-inset: inset 0 -0.25rem 0.25rem -0.125rem var(--oc-shadow-color);
  --oc-profile-image-size: 6rem;
  --oc-profile-image-size-s: 2.5rem;
  --oc-profile-image-border-radius: 50%;
  --oc-location-image-border-radius: 0;
  --oc-image-border-radius: 0;
  --oc-details-border-radius: 0;
  --oc-border-radius-tiny: 0.125rem;
  --oc-divider-dark: 0.125rem solid var(--oc-color-divider-dark);
  --oc-divider-light: 0.0625rem solid var(--oc-color-divider-light);
  --oc-outline-active: 0.125rem solid var(--oc-color-interaction);
  --oc-outline-active-offset: 0.25rem;
  --oc-color-text-caption: var(--oc-color-text);
  --oc-caption-border-width: 0 0 0.0625rem 0.0625rem;
  --oc-caption-border-style: solid;
  --oc-caption-border-radius: 0 0 0 var(--oc-image-border-radius);
  --oc-scrollbar-color: var(--oc-color-interaction) var(--oc-color-bg-light);
  --oc-scroll-layer-padding: var(--oc-gutter);
  --oc-transition-duration: 0.3s;
  --oc-transition-timing-function: ease;
  --oc-animation-timing-function: cubic-bezier(0.13, 0.48, 0.83, 0.55);
  --oc-animation-repeat: infinite;
}
@media (prefers-reduced-motion: reduce) {
  body {
    --oc-transition-duration: 0.01s;
    --oc-animation-repeat: 2;
  }
}

dialog.add-to-calendar::backdrop, .search-toggle--popover-content::backdrop, .offcanvas_dialog::backdrop {
  background: var(--oc-color-backdrop);
  backdrop-filter: blur(10px);
}

.flag .ajax-spinner, .openculturas-map:not([data-dirty=true]) .openculturas-map--results-counter[aria-busy=true] {
  isolation: isolate;
  z-index: 1;
}
.flag .ajax-spinner::after, .openculturas-map:not([data-dirty=true]) .openculturas-map--results-counter[aria-busy=true]::after {
  display: inline-block;
  box-sizing: border-box;
  margin-inline-start: 0.75rem;
  content: "";
  animation: rotation 1s var(--oc-animation-timing-function) var(--oc-animation-repeat);
  border: 2px solid var(--oc-color-info);
  border-color: var(--oc-color-info) var(--oc-color-info) transparent var(--oc-color-bg-info);
  border-radius: 50%;
  block-size: 0.75rem;
  inline-size: 0.75rem;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

:root {
  --oc-dialog-bg-color: var(--oc-color-bg-light);
  --oc-dialog-text-color: var(--oc-color-text);
  --oc-dialog-border: 0.0625rem solid var(--oc-color-interaction);
  --oc-dialog-titlebar-bg-color: var(--oc-color-interaction);
  --oc-dialog-titlebar-text-color: var(--oc-color-text-inverted);
  --oc-dialog-border-radius: 0.25rem;
}

.ui-dialog:not(.ui-dialog-off-canvas),
dialog.modal,
.dialog-wrapper, .ui-dialog.ui-widget:not(.ui-dialog-off-canvas),
.ui-dialog {
  color: var(--oc-dialog-text-color);
  border: var(--oc-dialog-border);
  border-radius: var(--oc-dialog-border-radius);
  background-color: var(--oc-dialog-bg-color);
  box-shadow: var(--oc-box-shadow-centered);
  font-size: var(--oc-font-size-default);
  font-weight: var(--oc-font-weight-normal);
  padding-block: 0.5rem;
  padding-inline: var(--oc-gutter) 0.5rem;
}
dialog.modal:has(.dialog-titlebar, .dialog-content, .ui-dialog-titlebar),
.dialog-wrapper:has(.dialog-titlebar, .dialog-content, .ui-dialog-titlebar),
.ui-dialog:has(.dialog-titlebar, .dialog-content, .ui-dialog-titlebar) {
  padding: 0;
}

.ui-dialog .ui-dialog-titlebar,
.dialog-titlebar, .ui-dialog.ui-widget .ui-dialog-titlebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--oc-dialog-titlebar-text-color);
  border-radius: var(--oc-dialog-border-radius) var(--oc-dialog-border-radius) 0 0;
  background-color: var(--oc-dialog-titlebar-bg-color);
  gap: 0 var(--oc-gutter);
  padding-block: 0.5rem;
  padding-inline: var(--oc-gutter) 0.5rem;
}

.dialog-content, .ui-dialog.ui-widget .ui-widget-content.ui-dialog-content {
  padding-block: var(--oc-row-gap);
  padding-inline: var(--oc-gutter);
}

.profiles .view-content,
.view-locations .view-content, .paragraph--view-mode--grid .paragraph--type--download .field__items {
  --oc-grid-item-max-width: 30rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min-content, var(--oc-grid-item-max-width)));
  gap: var(--oc-row-gap) var(--oc-gutter);
}
@media screen and (min-width: 85em) {
  .profiles .view-content,
  .view-locations .view-content, .paragraph--view-mode--grid .paragraph--type--download .field__items {
    justify-content: space-between;
  }
}

.terms:not(.compact) .view-content, .view-search .view-content, .field--name-field-recommendations > .field__items, .field--name-field-my-profiles > .field__items,
.field--name-field-my-bookmarks-view-ref > .field__items, .intro-inline, .paragraph--type--teaser-wrapper.paragraph--view-mode--grid .field--type-entity-reference-revisions > .field__items, .paragraph--type--teaser-wrapper.paragraph--view-mode--default .field--type-entity-reference-revisions > .field__items, .wrapper-paragraph.paragraph--view-mode--grid, .paragraph--type--gallery.paragraph--view-mode--grid > .field > .field__items, .paragraph--type--bookable-event, .address-container, .view-mode-legal, .field--name-field-people-reference > .field__items, .intro-inline > .field--name-field-references > .field__items, .block--a11y, .openculturas-map--results-list, .profiles .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
.memberships .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
.locations .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
.view-related-location .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .event-catalogue .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .calendar .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .magazine .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .intro-inline .view .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
.profiles .views-infinite-scroll-content-wrapper,
.memberships .views-infinite-scroll-content-wrapper,
.locations .views-infinite-scroll-content-wrapper,
.view-related-location .views-infinite-scroll-content-wrapper,
.event-catalogue .views-infinite-scroll-content-wrapper,
.calendar .views-infinite-scroll-content-wrapper,
.magazine .views-infinite-scroll-content-wrapper,
.intro-inline .view .views-infinite-scroll-content-wrapper {
  --oc-grid-item-count: 1;
  display: grid;
  grid-template-columns: repeat(var(--oc-grid-item-count), 1fr);
  gap: var(--oc-row-gap) var(--oc-gutter);
}

@media screen and (min-width: 30em) {
  .view-search .view-content, .field--name-field-my-profiles > .field__items,
  .field--name-field-my-bookmarks-view-ref > .field__items {
    --oc-grid-item-count: 1;
  }
}
@media screen and (min-width: 48em) {
  .view-search .view-content, .field--name-field-my-profiles > .field__items,
  .field--name-field-my-bookmarks-view-ref > .field__items {
    --oc-grid-item-count: 2;
  }
}
@media screen and (min-width: 70em) {
  .view-search .view-content, .field--name-field-my-profiles > .field__items,
  .field--name-field-my-bookmarks-view-ref > .field__items {
    --oc-grid-item-count: 2;
  }
}
@media screen and (min-width: 85em) {
  .view-search .view-content, .field--name-field-my-profiles > .field__items,
  .field--name-field-my-bookmarks-view-ref > .field__items {
    --oc-grid-item-count: 2;
  }
}
@media screen and (min-width: 120em) {
  .view-search .view-content, .field--name-field-my-profiles > .field__items,
  .field--name-field-my-bookmarks-view-ref > .field__items {
    --oc-grid-item-count: 2;
  }
}

@media screen and (min-width: 30em) {
  .layout-oc2col-section .event-catalogue, .paragraph--type--teaser-wrapper.paragraph--view-mode--grid .field--type-entity-reference-revisions > .field__items, .paragraph--type--teaser-wrapper.paragraph--view-mode--default .field--type-entity-reference-revisions > .field__items, .paragraph--type--gallery.paragraph--view-mode--grid > .field > .field__items, .paragraph--type--bookable-event, .intro-inline > .field--name-field-references > .field__items, .block--a11y, .openculturas-map--results-list, .profiles .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .memberships .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .locations .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .view-related-location .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .event-catalogue .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .calendar .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .magazine .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .intro-inline .view .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .profiles .views-infinite-scroll-content-wrapper,
  .memberships .views-infinite-scroll-content-wrapper,
  .locations .views-infinite-scroll-content-wrapper,
  .view-related-location .views-infinite-scroll-content-wrapper,
  .event-catalogue .views-infinite-scroll-content-wrapper,
  .calendar .views-infinite-scroll-content-wrapper,
  .vocabulary-category .intro-inline .calendar .views-infinite-scroll-content-wrapper,
  .magazine .views-infinite-scroll-content-wrapper,
  .vocabulary-category .intro-inline .magazine .views-infinite-scroll-content-wrapper,
  .intro-inline .view .views-infinite-scroll-content-wrapper {
    --oc-grid-item-count: 1;
  }
}
@media screen and (min-width: 48em) {
  .layout-oc2col-section .event-catalogue, .paragraph--type--teaser-wrapper.paragraph--view-mode--grid .field--type-entity-reference-revisions > .field__items, .paragraph--type--teaser-wrapper.paragraph--view-mode--default .field--type-entity-reference-revisions > .field__items, .paragraph--type--gallery.paragraph--view-mode--grid > .field > .field__items, .paragraph--type--bookable-event, .intro-inline > .field--name-field-references > .field__items, .block--a11y, .openculturas-map--results-list, .profiles .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .memberships .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .locations .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .view-related-location .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .event-catalogue .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .calendar .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .magazine .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .intro-inline .view .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .profiles .views-infinite-scroll-content-wrapper,
  .memberships .views-infinite-scroll-content-wrapper,
  .locations .views-infinite-scroll-content-wrapper,
  .view-related-location .views-infinite-scroll-content-wrapper,
  .event-catalogue .views-infinite-scroll-content-wrapper,
  .calendar .views-infinite-scroll-content-wrapper,
  .vocabulary-category .intro-inline .calendar .views-infinite-scroll-content-wrapper,
  .magazine .views-infinite-scroll-content-wrapper,
  .vocabulary-category .intro-inline .magazine .views-infinite-scroll-content-wrapper,
  .intro-inline .view .views-infinite-scroll-content-wrapper {
    --oc-grid-item-count: 2;
  }
}
@media screen and (min-width: 70em) {
  .layout-oc2col-section .event-catalogue, .paragraph--type--teaser-wrapper.paragraph--view-mode--grid .field--type-entity-reference-revisions > .field__items, .paragraph--type--teaser-wrapper.paragraph--view-mode--default .field--type-entity-reference-revisions > .field__items, .paragraph--type--gallery.paragraph--view-mode--grid > .field > .field__items, .paragraph--type--bookable-event, .intro-inline > .field--name-field-references > .field__items, .block--a11y, .openculturas-map--results-list, .profiles .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .memberships .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .locations .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .view-related-location .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .event-catalogue .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .calendar .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .magazine .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .intro-inline .view .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .profiles .views-infinite-scroll-content-wrapper,
  .memberships .views-infinite-scroll-content-wrapper,
  .locations .views-infinite-scroll-content-wrapper,
  .view-related-location .views-infinite-scroll-content-wrapper,
  .event-catalogue .views-infinite-scroll-content-wrapper,
  .calendar .views-infinite-scroll-content-wrapper,
  .vocabulary-category .intro-inline .calendar .views-infinite-scroll-content-wrapper,
  .magazine .views-infinite-scroll-content-wrapper,
  .vocabulary-category .intro-inline .magazine .views-infinite-scroll-content-wrapper,
  .intro-inline .view .views-infinite-scroll-content-wrapper {
    --oc-grid-item-count: 2;
  }
}
@media screen and (min-width: 85em) {
  .layout-oc2col-section .event-catalogue, .paragraph--type--teaser-wrapper.paragraph--view-mode--grid .field--type-entity-reference-revisions > .field__items, .paragraph--type--teaser-wrapper.paragraph--view-mode--default .field--type-entity-reference-revisions > .field__items, .paragraph--type--gallery.paragraph--view-mode--grid > .field > .field__items, .paragraph--type--bookable-event, .intro-inline > .field--name-field-references > .field__items, .block--a11y, .openculturas-map--results-list, .profiles .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .memberships .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .locations .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .view-related-location .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .event-catalogue .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .calendar .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .magazine .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .intro-inline .view .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .profiles .views-infinite-scroll-content-wrapper,
  .memberships .views-infinite-scroll-content-wrapper,
  .locations .views-infinite-scroll-content-wrapper,
  .view-related-location .views-infinite-scroll-content-wrapper,
  .event-catalogue .views-infinite-scroll-content-wrapper,
  .calendar .views-infinite-scroll-content-wrapper,
  .vocabulary-category .intro-inline .calendar .views-infinite-scroll-content-wrapper,
  .magazine .views-infinite-scroll-content-wrapper,
  .vocabulary-category .intro-inline .magazine .views-infinite-scroll-content-wrapper,
  .intro-inline .view .views-infinite-scroll-content-wrapper {
    --oc-grid-item-count: 3;
  }
}
@media screen and (min-width: 120em) {
  .layout-oc2col-section .event-catalogue, .paragraph--type--teaser-wrapper.paragraph--view-mode--grid .field--type-entity-reference-revisions > .field__items, .paragraph--type--teaser-wrapper.paragraph--view-mode--default .field--type-entity-reference-revisions > .field__items, .paragraph--type--gallery.paragraph--view-mode--grid > .field > .field__items, .paragraph--type--bookable-event, .intro-inline > .field--name-field-references > .field__items, .block--a11y, .openculturas-map--results-list, .profiles .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .memberships .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .locations .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .view-related-location .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .event-catalogue .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .calendar .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .magazine .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .intro-inline .view .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .profiles .views-infinite-scroll-content-wrapper,
  .memberships .views-infinite-scroll-content-wrapper,
  .locations .views-infinite-scroll-content-wrapper,
  .view-related-location .views-infinite-scroll-content-wrapper,
  .event-catalogue .views-infinite-scroll-content-wrapper,
  .calendar .views-infinite-scroll-content-wrapper,
  .vocabulary-category .intro-inline .calendar .views-infinite-scroll-content-wrapper,
  .magazine .views-infinite-scroll-content-wrapper,
  .vocabulary-category .intro-inline .magazine .views-infinite-scroll-content-wrapper,
  .intro-inline .view .views-infinite-scroll-content-wrapper {
    --oc-grid-item-count: 3;
  }
}

@media screen and (min-width: 30em) {
  .terms:not(.compact) .view-content, .field--name-field-recommendations > .field__items, .intro-inline, .layout-oc2col-section .field--name-field-people-reference > .field__items, .vocabulary-category .calendar .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .vocabulary-category .magazine .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .vocabulary-category .calendar .views-infinite-scroll-content-wrapper,
  .vocabulary-category .magazine .views-infinite-scroll-content-wrapper {
    --oc-grid-item-count: 1;
  }
}
@media screen and (min-width: 48em) {
  .terms:not(.compact) .view-content, .field--name-field-recommendations > .field__items, .intro-inline, .layout-oc2col-section .field--name-field-people-reference > .field__items, .vocabulary-category .calendar .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .vocabulary-category .magazine .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .vocabulary-category .calendar .views-infinite-scroll-content-wrapper,
  .vocabulary-category .magazine .views-infinite-scroll-content-wrapper {
    --oc-grid-item-count: 2;
  }
}
@media screen and (min-width: 70em) {
  .terms:not(.compact) .view-content, .field--name-field-recommendations > .field__items, .intro-inline, .layout-oc2col-section .field--name-field-people-reference > .field__items, .vocabulary-category .calendar .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .vocabulary-category .magazine .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .vocabulary-category .calendar .views-infinite-scroll-content-wrapper,
  .vocabulary-category .magazine .views-infinite-scroll-content-wrapper {
    --oc-grid-item-count: 3;
  }
}
@media screen and (min-width: 85em) {
  .terms:not(.compact) .view-content, .field--name-field-recommendations > .field__items, .intro-inline, .layout-oc2col-section .field--name-field-people-reference > .field__items, .vocabulary-category .calendar .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .vocabulary-category .magazine .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .vocabulary-category .calendar .views-infinite-scroll-content-wrapper,
  .vocabulary-category .magazine .views-infinite-scroll-content-wrapper {
    --oc-grid-item-count: 4;
  }
}
@media screen and (min-width: 120em) {
  .terms:not(.compact) .view-content, .field--name-field-recommendations > .field__items, .intro-inline, .layout-oc2col-section .field--name-field-people-reference > .field__items, .vocabulary-category .calendar .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .vocabulary-category .magazine .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .vocabulary-category .calendar .views-infinite-scroll-content-wrapper,
  .vocabulary-category .magazine .views-infinite-scroll-content-wrapper {
    --oc-grid-item-count: 4;
  }
}

@media screen and (min-width: 30em) {
  .field--name-field-people-reference > .field__items {
    --oc-grid-item-count: 1;
  }
}
@media screen and (min-width: 48em) {
  .field--name-field-people-reference > .field__items {
    --oc-grid-item-count: 2;
  }
}
@media screen and (min-width: 70em) {
  .field--name-field-people-reference > .field__items {
    --oc-grid-item-count: 3;
  }
}
@media screen and (min-width: 85em) {
  .field--name-field-people-reference > .field__items {
    --oc-grid-item-count: 4;
  }
}
@media screen and (min-width: 120em) {
  .field--name-field-people-reference > .field__items {
    --oc-grid-item-count: 6;
  }
}

.intro-inline > .field__label_headline, .wrapper-paragraph.paragraph--view-mode--grid > .field__label_headline,
.intro-inline .view-header,
.wrapper-paragraph.paragraph--view-mode--grid .view-header,
.intro-inline .view-content + .more-link,
.wrapper-paragraph.paragraph--view-mode--grid .view-content + .more-link {
  grid-row: 1;
  grid-column: 1/-1;
  margin: 0;
}
@media screen and (min-width: 85em) {
  .intro-inline > .field__label_headline, .wrapper-paragraph.paragraph--view-mode--grid > .field__label_headline,
  .intro-inline .view-header,
  .wrapper-paragraph.paragraph--view-mode--grid .view-header,
  .intro-inline .view-content + .more-link,
  .wrapper-paragraph.paragraph--view-mode--grid .view-content + .more-link {
    grid-row: 1;
    grid-column: 1;
  }
}
.intro-inline .view-content + .more-link, .wrapper-paragraph.paragraph--view-mode--grid .view-content + .more-link {
  grid-row: 3;
  grid-column: 1;
  align-self: end;
  justify-self: end;
  margin-block-end: var(--oc-card-margin-block);
}
@media screen and (min-width: 85em) {
  .intro-inline .view-content + .more-link, .wrapper-paragraph.paragraph--view-mode--grid .view-content + .more-link {
    grid-row: 2;
    justify-self: start;
  }
}
.intro-inline .pager, .wrapper-paragraph.paragraph--view-mode--grid .pager {
  grid-row: 4;
  grid-column: 1;
}
@media screen and (min-width: 85em) {
  .intro-inline .pager, .wrapper-paragraph.paragraph--view-mode--grid .pager {
    grid-row: 3;
    grid-column: 2/-1;
    align-self: start;
    justify-self: start;
    margin-block-start: 0;
    margin-inline: var(--oc-card-margin-inline);
  }
}
.intro-inline > .field__items, .wrapper-paragraph.paragraph--view-mode--grid > .field__items,
.intro-inline > .teaser--wrapper,
.wrapper-paragraph.paragraph--view-mode--grid > .teaser--wrapper,
.intro-inline .view-content,
.wrapper-paragraph.paragraph--view-mode--grid .view-content,
.intro-inline .views-infinite-scroll-content-wrapper,
.wrapper-paragraph.paragraph--view-mode--grid .views-infinite-scroll-content-wrapper {
  display: grid;
  grid-row: 2;
  grid-column: 1/-1;
}
@media screen and (min-width: 85em) {
  .intro-inline > .field__items, .wrapper-paragraph.paragraph--view-mode--grid > .field__items,
  .intro-inline > .teaser--wrapper,
  .wrapper-paragraph.paragraph--view-mode--grid > .teaser--wrapper,
  .intro-inline .view-content,
  .wrapper-paragraph.paragraph--view-mode--grid .view-content,
  .intro-inline .views-infinite-scroll-content-wrapper,
  .wrapper-paragraph.paragraph--view-mode--grid .views-infinite-scroll-content-wrapper {
    grid-row: 1/span 2;
    grid-column: 2/-1;
  }
}
.intro-inline > .teaser--wrapper, .wrapper-paragraph.paragraph--view-mode--grid > .teaser--wrapper {
  grid-template-columns: 1fr;
}
@media screen and (min-width: 85em) {
  .intro-inline .views-infinite-scroll-content-wrapper, .wrapper-paragraph.paragraph--view-mode--grid .views-infinite-scroll-content-wrapper {
    grid-row: 1/span 2;
    grid-column: 1/-1;
  }
}

.section--aside .profiles .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .section--second .profiles .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .layout-oc3col-section .profiles .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
.section--aside .memberships .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
.section--second .memberships .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
.layout-oc3col-section .memberships .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
.section--aside .locations .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
.section--second .locations .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
.layout-oc3col-section .locations .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
.section--aside .view-related-location .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
.section--second .view-related-location .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
.layout-oc3col-section .view-related-location .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .event-catalogue:has(.views-row:only-child) .view-content:not(:has(.views-infinite-scroll-content-wrapper)), .magazine:has(.views-row:only-child) .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
.section--aside .profiles .views-infinite-scroll-content-wrapper,
.section--second .profiles .views-infinite-scroll-content-wrapper,
.layout-oc3col-section .profiles .views-infinite-scroll-content-wrapper,
.section--aside .memberships .views-infinite-scroll-content-wrapper,
.section--second .memberships .views-infinite-scroll-content-wrapper,
.layout-oc3col-section .memberships .views-infinite-scroll-content-wrapper,
.section--aside .locations .views-infinite-scroll-content-wrapper,
.section--second .locations .views-infinite-scroll-content-wrapper,
.layout-oc3col-section .locations .views-infinite-scroll-content-wrapper,
.section--aside .view-related-location .views-infinite-scroll-content-wrapper,
.section--second .view-related-location .views-infinite-scroll-content-wrapper,
.layout-oc3col-section .view-related-location .views-infinite-scroll-content-wrapper,
.event-catalogue:has(.views-row:only-child) .views-infinite-scroll-content-wrapper,
.magazine:has(.views-row:only-child) .views-infinite-scroll-content-wrapper {
  --oc-grid-item-count: 1;
}

.layout-grid-overlay {
  visibility: hidden;
}

.layout-grid-overlay {
  position: absolute;
  z-index: 1000;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(var(--oc-column-count), 1fr);
  gap: var(--oc-gutter);
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: 100%;
  block-size: 100%;
  padding-inline: var(--oc-page-padding-inline);
}

body {
  color: var(--oc-color-text);
  font-family: var(--oc-font-family-default);
  line-height: var(--oc-line-height-default);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-wrap: anywhere;
}

div {
  position: relative;
}

p {
  margin-block-end: 1em;
}

b,
strong,
.bold {
  font-weight: var(--oc-font-weight-bold);
}

em,
.italic {
  font-style: italic;
}

a:focus-visible img, a:hover img {
  outline: 0.125rem solid var(--oc-color-link-focus-bg);
  outline-offset: 0.125rem;
}

ul,
ol {
  margin-block: 0;
}

.content ul:not(.slider-container, .menu, .pager__items, .orientation-horizontal, .entity-moderation-form, .visually-plain, .tabs) {
  margin-block: var(--oc-row-gap);
  list-style: "— ";
}
.content ul:not(.slider-container, .menu, .pager__items, .orientation-horizontal, .entity-moderation-form, .visually-plain, .tabs) ul {
  margin-block-end: 1em;
  list-style-type: square;
}
.content ul:not(.slider-container, .menu, .pager__items, .orientation-horizontal, .entity-moderation-form, .visually-plain, .tabs) ul ul {
  list-style-type: circle;
}
.content ul:not(.slider-container, .menu, .pager__items, .orientation-horizontal, .entity-moderation-form, .visually-plain, .tabs).inline {
  margin-block-start: 0;
}
.content ul:not(.slider-container, .menu, .pager__items, .orientation-horizontal, .entity-moderation-form, .visually-plain, .tabs).inline li {
  display: inline-block;
}

.content ol {
  margin-block: var(--oc-row-gap);
}
.content ol ol {
  margin-block-end: 1em;
}

li {
  margin-block-end: 0.25em;
}
li:last-child {
  margin-block-end: 0;
}

dl {
  display: grid;
  grid-template-columns: max-content auto;
  margin-inline: 0;
  margin-block-end: 1em;
  padding-inline: 0;
}
dl p {
  margin-block: 0;
}

dt {
  grid-column-start: 1;
  margin-block-end: 0.25em;
  margin-inline: 0 var(--oc-gutter);
}
dt:last-of-type {
  margin-block-end: 0;
}

dd {
  grid-column-start: 2;
  margin-inline: 0;
  margin-block-end: 0.25em;
}

hr {
  border-color: var(--oc-color-divider-dark);
}

sub {
  position: relative;
  font-size: 0.666em;
}

sup {
  position: relative;
  font-size: 0.666em;
}

abbr {
  text-decoration: none;
  border-block-end: 0.125rem dotted var(--oc-color-text-muted);
}

kbd {
  padding: 0 0.5em;
  border: thin solid var(--oc-color-text);
  border-radius: var(--oc-button-border-radius);
  box-shadow: var(--oc-box-shadow-centered-s);
  font-family: inherit;
  font-size: 0.9em;
}

q::before {
  content: "„";
}
q::after {
  content: "“";
}

code,
kbd,
pre,
samp {
  white-space: pre;
  font-family: monospace;
  font-size: 1em;
}

pre {
  display: block;
  overflow: scroll;
  max-inline-size: 100%;
  padding: 0.5rem 0.5rem 0.75rem;
  white-space: pre;
}

code,
pre,
kbd {
  background-color: var(--oc-color-bg-slight-contrast);
}

mark,
.mark {
  background-color: var(--oc-color-bg-warning);
}

a:focus mark,
a:focus .mark,
a:hover mark,
a:hover .mark {
  background-color: var(--oc-color-link-focus-bg);
}

video {
  inline-size: 100%;
  max-inline-size: 100%;
}

audio {
  inline-size: 20rem;
  max-inline-size: 100%;
}

img[alt] {
  color: var(--oc-color-text-muted);
  font-size: var(--oc-font-size-s);
  font-style: italic;
}

img {
  background: var(--oc-image-background);
}

img,
figure {
  position: relative;
  max-inline-size: 100%;
  block-size: auto;
  vertical-align: bottom;
}

figure {
  margin: 0;
  text-align: start;
  inline-size: fit-content;
}

figcaption {
  text-align: start;
  font-size: var(--oc-font-size-default);
  font-weight: var(--oc-font-weight-normal);
}

blockquote {
  margin: calc(2 * var(--oc-row-gap)) 0;
  padding: 1em var(--oc-gutter) 0.5em;
  color: inherit;
  border: 0.5em solid var(--oc-color-primary);
  border-width: 0 0 0 0.5em;
  background-color: var(--oc-color-bg-hardly-any-contrast);
  font-size: var(--oc-font-size-m);
  font-weight: var(--oc-font-weight-bold);
  max-inline-size: var(--text-max-line);
}
blockquote p {
  margin-block: 0;
  padding-block-end: 0.5em;
}
blockquote p:last-child {
  padding-block-end: 0;
}
blockquote strong {
  font-weight: var(--oc-font-weight-extra-bold);
}
blockquote > *:first-child {
  margin-block-start: 0;
}
@media screen and (min-width: 48em) {
  blockquote {
    margin: calc(3 * var(--oc-row-gap)) 0;
  }
}

:root {
  --oc-scroll-offset-y: 2rem;
}

[id]:target {
  scroll-margin-block-start: var(--oc-scroll-offset-y);
}

.block-menu .block--title {
  padding-inline: 1rem;
}

.quotee {
  font-size: var(--oc-font-size-default);
  font-weight: var(--oc-font-weight-normal);
}

.callout {
  padding: var(--oc-row-gap) var(--oc-gutter);
  color: var(--oc-color-text-inverted);
  background-color: var(--oc-color-info);
  block-size: auto;
}

blockquote.plain {
  border-width: 0;
  background-color: transparent;
  font-size: var(--oc-font-size-default);
  font-weight: unset;
  margin-block: var(--oc-row-gap);
  padding-inline: calc(2 * var(--oc-gutter));
}
blockquote.plain strong {
  font-weight: var(--oc-font-weight-bold);
}
blockquote.plain .quotee, blockquote.plain + .quotee {
  font-weight: var(--oc-font-weight-semi-bold);
}

.inset {
  margin-block-end: 1.25rem;
  padding: 0.5rem 1.25rem 1.25rem;
  color: var(--oc-color-info);
  background: var(--oc-color-bg-info);
}
.inset > h3,
.inset h4 {
  color: var(--oc-color-info);
}
@media screen and (min-width: 48em) {
  .inset {
    float: inline-end;
    margin-block-end: 1.25rem;
    margin-inline-start: 1.25rem;
    max-inline-size: 16.25rem;
  }
}

.view > .more-link a,
.more-link.field a,
a.more-link,
.text-formatted a.cta {
  display: inline-block;
}

.inverted {
  padding: var(--oc-row-gap) var(--oc-gutter);
  color: var(--oc-color-text-inverted);
  background: var(--oc-color-bg-dark);
}
.inverted a {
  color: var(--oc-color-link-inverted);
  font-weight: var(--oc-font-weight-semi-bold);
}
.inverted button,
.inverted a[role=button].button {
  --oc-button-bg-color: transparent;
  --oc-button-border-color: var(--oc-color-link-inverted);
  --oc-button-text-color: var(--oc-color-link-inverted);
}

.text-formatted h2 {
  margin-block-start: calc(2 * var(--oc-row-gap));
}

.contextual-region:has(.button-popover-trigger, .attribution-toggle, .flag--link) .contextual {
  inset-block-start: calc(1 * var(--oc-icon-button-size));
}

.visually-hidden.teaser--title + .contextual {
  inset-block-start: calc(-0.25 * var(--oc-icon-button-size));
}

.anchorlinks,
.content ul.anchorlinks {
  display: flex;
  flex-flow: row wrap;
  margin-inline-start: 0;
  padding-inline-start: 0;
  list-style: none;
}
.anchorlinks a,
.content ul.anchorlinks a {
  padding-block: 0;
  padding-inline: 1rem;
}

.qa--only {
  background-color: var(--oc-color-bg-danger);
}

.qa--only::after {
  position: absolute;
  inset-block-start: auto;
  inset-inline-end: 0;
  inset-block-end: 0;
  inset-inline-start: auto;
  display: block;
  content: "For QA purposes only";
  color: var(--oc-color-danger);
  font-size: 0.5rem;
}

.responsive-hide {
  display: none;
}
@container (width > 32rem) {
  .responsive-hide {
    display: block;
  }
}

@container (width > 32rem) {
  .responsive-reveal {
    display: none;
  }
}

.space-before {
  margin-block-start: var(--oc-row-gap);
}

.space-after {
  margin-block-end: calc(0.5 * var(--oc-section-spacing));
}

.legal-terms-scroll {
  padding-inline-end: var(--oc-scroll-layer-padding);
  scrollbar-color: var(--oc-scrollbar-color);
  box-shadow: var(--oc-box-shadow-inset);
}

.synopsis-more-link:has(a) + .synopsis-more-link:has(a) {
  display: none;
}

ul.visually-plain {
  padding: unset;
  list-style: none;
}

.inverted button,
.inverted .button,
.inverted input[type=button],
.inverted input[type=submit] {
  --oc-button-bg-color: transparent;
  --oc-button-border-color: var(--oc-color-link-footer);
  --oc-button-text-color: var(--oc-color-link-footer);
}

.view-header .button,
.button--add {
  margin-inline-end: 0;
  margin-block: 1rem;
}

.menu-item button,
.menu-item a.button,
.menu-item a[role=button] {
  --oc-button-bg-color: transparent;
  --oc-button-border-color: var(--oc-color-menu-link);
  --oc-button-text-color: var(--oc-color-menu-link);
  font-size: var(--oc-font-size-s);
  margin-block: 0.25em;
  margin-inline: 1em;
  padding-block: 0.25em;
  padding-inline: 1.5em;
}

div:has(> table) {
  overflow-x: auto;
}

caption {
  text-align: start;
}

td,
th {
  padding-block: 0.5em;
  padding-inline: 1em;
  vertical-align: top;
  border-block-end: var(--oc-divider-light);
}
td:first-child,
th:first-child {
  padding-inline-start: 0;
}
td:last-child,
th:last-child {
  padding-inline-end: 0;
}

td:last-child,
th:last-child {
  padding-inline-end: 0;
}

th {
  text-align: start;
  font-weight: var(--oc-font-weight-semi-bold);
}

thead th {
  border-block-end: var(--oc-divider-dark);
}

tbody th {
  border-inline-end: var(--oc-divider-dark);
}

tfoot td {
  border-block-start: var(--oc-divider-dark);
  font-weight: var(--oc-font-weight-medium);
}

table {
  display: table;
  inline-size: 100%;
  max-inline-size: 100%;
  margin: var(--oc-row-gap) auto;
  border-collapse: collapse;
}
table p {
  margin: 0;
}
table code,
table pre {
  max-inline-size: 40ch;
}
table .field-multiple-drag {
  white-space: nowrap;
}
table .draggable {
  position: relative;
}
table .draggable .tabledrag-handle {
  inset-block-start: calc(50% - 0.55rem);
  display: block;
  inline-size: 2rem;
  block-size: 2rem;
  cursor: row-resize;
}
table .draggable .tabledrag-handle:active, table .draggable .tabledrag-handle:hover {
  background: transparent;
}
table .draggable .tabledrag-handle:active {
  outline: 0;
}
table .draggable .tabledrag-handle .handle {
  margin: 0.333em 0 0;
  background-color: var(--oc-color-text-muted);
  background-image: none;
  inline-size: 1rem;
  block-size: 1rem;
  mask-image: url(../images/gin-sprite.svg#drag-y-view);
}
table .draggable.drag {
  background-color: var(--oc-color-bg-warning);
}
table .draggable:has(.tabledrag-changed) {
  border-block-end: 0.125rem solid var(--oc-color-warning);
}

th a[href*=sort] {
  margin: 0;
  white-space: nowrap;
  text-decoration: none;
  color: var(--oc-color-interaction);
  padding-inline: 1rem 0.5rem;
}
th a[href*=sort]::after {
  transition: transform var(--oc-transition-duration) var(--oc-transition-timing-function);
  transform: translateY(0.125em) rotate(0deg);
  transform-origin: center center;
  opacity: 0.5;
}
th a[href*=sort]:focus, th a[href*=sort]:hover {
  text-decoration: none;
  color: var(--oc-color-link-focus-text);
}
th a[href*=sort]:focus::after, th a[href*=sort]:hover::after {
  transform: translateY(0.125em) rotate(180deg);
}

th:has(.tablesort--asc) a:focus::after, th:has(.tablesort--asc) a:hover::after {
  opacity: 1;
}

td.is-active {
  background-color: transparent;
}

.utility-toggle--wrapper {
  display: inline-block;
  margin-inline-end: 1rem;
}

.popover-content {
  padding: 0 0 0.25em;
  transform: translateX(-1rem);
  border: 0;
  background: var(--oc-color-bg-light);
  box-shadow: var(--oc-box-shadow-down);
  inline-size: max-content;
  max-inline-size: 30rem;
  inset: unset;
}
.popover-content ul,
.popover-content ol {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: start;
}
.popover-content li {
  padding-block: 0.25em;
}
.popover-content li a {
  padding-block: 0.25rem;
  padding-inline: 1rem 1.5rem;
}
.popover-content li button {
  display: block;
  margin: 0;
  text-align: start;
  letter-spacing: normal;
  text-transform: none;
  color: var(--oc-color-menu-link);
  border: 0 none;
  border-radius: 0;
  font-weight: var(--oc-font-weight-normal);
  inline-size: 100%;
  padding-block: 0.25rem;
  padding-inline: 1rem 1.5rem;
}
.popover-content li button:focus, .popover-content li button:hover, .popover-content li button:active {
  color: var(--oc-color-menu-link-focus-text);
  border-radius: 0;
  background-color: var(--oc-color-menu-link-focus-bg);
}

@supports (anchor-name: --offcanvas-menu-trigger) {
  .offcanvas-menu--trigger {
    anchor-name: --offcanvas-menu-trigger;
  }
  .offcanvas-menu--popover-content {
    top: anchor(top);
    right: anchor(right);
    position-anchor: --offcanvas-menu-trigger;
  }
}
@supports (anchor-name: --account-menu-trigger) {
  .account-toggle--trigger {
    anchor-name: --account-menu-trigger;
  }
  .account-toggle--popover-content {
    top: anchor(bottom);
    right: anchor(right);
    position-anchor: --account-menu-trigger;
  }
}
@supports (anchor-name: --dark-mode-toggle-trigger) {
  .dark-mode-toggle--trigger {
    anchor-name: --dark-mode-toggle-trigger;
  }
  .dark-mode-toggle--popover-content {
    top: anchor(bottom);
    right: anchor(right);
    position-anchor: --dark-mode-toggle-trigger;
  }
}
@supports (anchor-name: --language-toggle-trigger) {
  .language-toggle--trigger {
    anchor-name: --language-toggle-trigger;
  }
  .language-toggle--popover-content {
    top: anchor(bottom);
    right: anchor(right);
    position-anchor: --language-toggle-trigger;
  }
}
@supports (anchor-name: --search-toggle-trigger) {
  .search-toggle--trigger {
    anchor-name: --search-toggle-trigger;
  }
  .search-toggle--popover-content {
    top: anchor(top);
    right: anchor(right);
    position-anchor: --search-toggle-trigger;
  }
}
@supports (anchor-name: --share-toggle-trigger) {
  .share-toggle--trigger {
    anchor-name: --share-toggle-trigger;
  }
  .share-toggle--popover-content {
    top: anchor(bottom);
    left: anchor(left);
    position-anchor: --share-toggle-trigger;
  }
}
details {
  inline-size: 100%;
  margin-block: calc(0.5 * var(--oc-gutter));
  padding-block: calc(0.5 * var(--oc-gutter));
  padding-inline: 0;
  border-block-start: 0 none;
  border-block-end: var(--oc-divider-dark);
  border-inline: none;
}

.details-title, summary .summary {
  display: inline-block;
  inline-size: 100%;
  margin: 0;
  padding-block: 0.5em 0.75em;
  color: inherit;
}

summary {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: space-between;
  list-style: none;
  cursor: pointer;
  gap: 1em;
}
summary::-webkit-details-marker {
  display: none;
}
summary .summary::before {
  --icon-url: url("../sprite/oc-sprite.svg#caret-down-light");
}
summary .summary {
  flex-basis: 1em;
  transition: transform var(--oc-transition-duration) var(--oc-transition-timing-function);
  transform: rotate(0deg);
  transform-origin: center center;
}
summary .summary::before {
  margin-inline: 0;
}
summary:hover, summary:focus-visible {
  color: var(--oc-color-link);
}

details[open] > summary .summary {
  transform: rotate(-180deg);
}
summary:not(:has(span.summary))::after {
  --icon-url: url("../sprite/oc-sprite.svg#caret-down-light");
}
summary:not(:has(span.summary))::after {
  flex-basis: 1em;
  margin-block-start: 0.333em;
  transition: transform var(--oc-transition-duration) var(--oc-transition-timing-function);
  transform: rotate(0deg);
  transform-origin: center center;
}

summary:not(:has(span.summary)):has(.details-title, summary .summary)::after {
  margin: 0;
  padding-block: 1.5em 0.75em;
}

details[open] > summary::after {
  transform: rotate(-180deg);
}

.text-formatted details {
  border-block-end: var(--oc-divider-light);
}
.text-formatted details summary {
  font-weight: var(--oc-font-weight-semi-bold);
}

.details-wrapper {
  margin: 0;
  padding: var(--oc-row-gap) 0 calc(2 * var(--oc-row-gap));
}

details details {
  inline-size: calc(100% - 2.5 * var(--oc-gutter));
  margin: 0 calc(2 * var(--oc-gutter)) 0 0;
  border-block-end-width: 0;
}
details details:last-of-type {
  border-block-end-width: 0;
}
details details .details-title, details details summary .summary, summary details details .summary {
  margin-block: 0;
}
details details .details-wrapper {
  padding-block-start: 0;
  padding-block-end: var(--oc-row-gap);
}

details .node details {
  margin-block-end: 0;
  padding-block-end: 0;
}

.legal-login details .details-wrapper {
  padding-block-end: 0;
}

.block-facets {
  padding: 0;
  vertical-align: text-top;
}

.block-facets summary {
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0;
}
.block-facets details {
  inline-size: 100%;
  border-width: 0;
  padding-block: 0;
}
.block-facets ul {
  margin-block-start: var(--oc-row-gap);
}

details.error-with-backtrace summary {
  display: block;
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
}

.block-system-main-block:has(> form) {
  padding-block-start: var(--oc-row-gap);
}
.block-system-main-block:has(> form) > form {
  margin-block-start: 0;
}

form {
  margin: var(--oc-row-gap) 0;
  padding: var(--oc-row-gap) var(--oc-gutter);
}

form,
.form-area {
  background: var(--oc-color-bg-form);
}

.form-item,
.form-actions {
  padding-block: var(--oc-form-item-padding-block);
}
.form-item .form-item,
.form-actions .form-item {
  padding-block: 0;
}

fieldset,
fieldset.fieldgroup {
  padding: var(--oc-row-gap) var(--oc-gutter);
  border: 0.125rem solid transparent;
  background: var(--oc-color-bg-fieldset);
  margin-block: var(--oc-row-gap);
}
fieldset.error,
fieldset.fieldgroup.error {
  border-color: var(--oc-color-danger);
}
fieldset.error > legend,
fieldset.fieldgroup.error > legend {
  color: var(--oc-color-danger);
}

fieldset fieldset {
  padding: 0;
  border-width: 0;
  background: transparent;
}

.form-required::after,
summary.form-required .details-title::after,
input[required] + label::after,
label:has(+ input[required])::after {
  align-self: start;
  padding-block-start: 0.125rem;
  content: " *";
  vertical-align: text-top;
  color: var(--oc-color-danger);
  background-image: none;
}

summary.form-required::after {
  display: none;
}

.form--inline .form-item {
  margin-block-start: 0;
}

label {
  max-inline-size: var(--text-max-line);
  display: block;
  padding: 0.25rem;
  font-weight: var(--oc-font-weight-label);
}
label.option {
  display: inline-block;
}

*[disabled],
.form-disabled label {
  pointer-events: none;
  opacity: 0.5;
}

input,
select,
textarea {
  padding: var(--oc-form-field-padding);
  color: var(--oc-color-text);
  border: var(--oc-input-border);
  border-color: var(--oc-input-border-color);
  border-radius: var(--oc-input-border-radius);
  background-color: var(--oc-input-bg-color);
}
input.error,
select.error,
textarea.error {
  border-style: var(--oc-input-error-border-style);
  border-color: var(--oc-input-error-border-color);
  background-color: var(--oc-input-error-bg-color);
}
input:focus, input:focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible {
  border-style: var(--oc-input-focus-border-style);
  border-color: var(--oc-input-focus-border-color);
  background-color: var(--oc-input-focus-bg-color);
}
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: none;
}

*::placeholder {
  text-align: start;
  color: var(--oc-input-placeholder-color);
  font-family: var(--oc-font-family-default);
}

.form-autocomplete {
  padding-inline-end: 2rem;
  background-position: right 0.5rem center !important;
}
[dir=rtl] .form-autocomplete {
  background-position: left 0.5rem center !important;
}

.ui-autocomplete li.ui-menu-item {
  background-color: var(--oc-input-bg-color);
  font-size: var(--oc-font-size-autocomplete-list);
}

input[size] {
  max-inline-size: 100%;
}

@media screen and (min-width: 70em) {
  input[size="30"] {
    max-inline-size: 15rem;
  }
}

input.bef-datepicker {
  max-inline-size: 11rem;
}

@media screen and (min-width: 70em) {
  .view-search input[size="30"] {
    max-inline-size: 30rem;
  }
}

select {
  position: relative;
  padding-inline-end: 2em;
  background-image: var(--oc-chevron);
  background-repeat: no-repeat;
  background-position: right 0.5em top 0.5em;
  background-size: 1em;
  appearance: none;
}
select[multiple].slimselect:not([data-once]) {
  block-size: 2.48rem;
  background: var(--oc-input-bg-color);
}
select[multiple].slimselect:not([data-once]) optgroup,
select[multiple].slimselect:not([data-once]) option {
  visibility: hidden;
}
[dir=rtl] select {
  background-position: left 0.5em top 0.5em;
}

input[type=checkbox],
input[type=radio] {
  position: relative;
  inset-block-start: 0.1rem;
  inline-size: 1em;
  block-size: 1em;
  margin-inline-end: 1rem;
  vertical-align: baseline;
}

input[type=radio] {
  font-size: 1.25em;
}

input[type=radio],
input[type=checkbox] {
  --oc-font-size-icon: var(--oc-font-size-icon-l);
  padding: 0.25rem;
  border-color: transparent;
  background-color: transparent;
  appearance: none;
}
input[type=radio]:focus, input[type=radio]:hover,
input[type=checkbox]:focus,
input[type=checkbox]:hover {
  border-color: transparent;
  background-color: transparent;
  box-shadow: unset;
}
input[type=radio]::before,
input[type=checkbox]::before {
  background-color: var(--oc-input-bg-color);
}
input[type=radio]::before, input[type=radio]::after,
input[type=checkbox]::before,
input[type=checkbox]::after {
  position: absolute;
  margin: -0.125em 0 0 !important;
  inset: 0 !important;
}

.form-item:has(input:checked) > label {
  -webkit-text-decoration: var(--oc-underline);
          text-decoration: var(--oc-underline);
}

.form-type-checkbox,
.form-type-radio {
  display: flex;
  gap: 0;
}

.ui-menu .ui-menu-item-wrapper {
  display: block;
  color: var(--oc-color-text);
  border: 0;
  background-color: transparent;
}
.ui-menu .ui-menu-item-wrapper:hover, .ui-menu .ui-menu-item-wrapper:focus {
  color: var(--oc-color-link-focus-text);
  border: 0;
  background-color: var(--oc-color-link-focus-bg);
}

.ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
.ui-dialog .ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
  margin: 0;
  color: var(--oc-color-text-inverted);
  background-color: var(--oc-color-interaction);
}

fieldset[data-drupal-selector=edit-radius-wrapper] {
  margin-block: 0;
  border: 1px dotted var(--oc-color-text-muted);
  background-color: transparent;
}
fieldset[data-drupal-selector=edit-radius-wrapper] .form-wrapper {
  margin: 0;
}
@container (width > 32rem) {
  fieldset[data-drupal-selector=edit-radius-wrapper] .fieldset-wrapper {
    display: flex;
    flex-flow: row;
    gap: 0 1rem;
    align-items: flex-end;
  }
}
fieldset[data-drupal-selector=edit-radius-wrapper] .form-item-radius-value input {
  max-inline-size: 7rem;
}
fieldset[data-drupal-selector=edit-radius-wrapper] .form-item-radius-source-configuration-origin-address input {
  inline-size: 100%;
  max-inline-size: 28rem;
}

.form-textarea-wrapper,
.filter-wrapper {
  background: var(--oc-color-bg-fieldset);
}
.form-textarea-wrapper .cke_top,
.form-textarea-wrapper .cke_contents,
.form-textarea-wrapper .cke_bottom,
.filter-wrapper .cke_top,
.filter-wrapper .cke_contents,
.filter-wrapper .cke_bottom {
  background: var(--oc-color-bg-fieldset);
}
.form-textarea-wrapper .filter-guidelines-item,
.filter-wrapper .filter-guidelines-item {
  margin: 0;
}

.field-suffix .button {
  margin-block-end: var(--oc-gutter);
}

.form-type-password-confirm {
  display: flex;
  flex-flow: row wrap;
  gap: var(--oc-row-gap) var(--oc-gutter);
}

.password-confirm-message .error {
  color: var(--oc-color-danger);
}
.password-confirm-message .ok {
  color: var(--oc-color-success);
}

.password-strength__indicator {
  border: 0.0625rem solid transparent;
}
.password-strength__indicator.is-weak {
  border-color: var(--oc-color-danger);
  background-color: var(--oc-color-danger);
}
.password-strength__indicator.is-fair {
  border-color: var(--oc-color-warning);
  background-color: var(--oc-color-warning);
}
.password-strength__indicator.is-good {
  border-color: var(--oc-color-info);
  background-color: var(--oc-color-info);
}
.password-strength__indicator.is-strong {
  border-color: var(--oc-color-success);
  background-color: var(--oc-color-success);
}

.password-suggestions {
  padding: var(--oc-row-gap) var(--oc-gutter) calc(2 * var(--oc-row-gap));
  color: var(--oc-color-info);
  border-color: var(--oc-color-info);
  background-color: var(--oc-color-bg-info);
}

.content .password-suggestions ul {
  margin-block: 0.5rem 0;
}

.path-user,
.contact-form {
  --oc-narrow-form-size: 30rem;
}
@media screen and (min-width: 48em) {
  .path-user,
  .contact-form {
    --oc-narrow-form-size: 48rem;
  }
}

.path-user:has(.user-form) .main__page-title,
.path-user:has(.user-form) .main__content, .path-user:has(.user-login-form) .main__page-title,
.path-user:has(.user-login-form) .main__content, .path-user:has(.user-pass) .main__page-title,
.path-user:has(.user-pass) .main__content, .path-user:has(.contact-message-personal-form) .main__page-title,
.path-user:has(.contact-message-personal-form) .main__content {
  max-inline-size: var(--oc-narrow-form-size);
  margin-inline: auto;
}
.path-user:has(.user-form) .block-local-tasks-block, .path-user:has(.user-login-form) .block-local-tasks-block, .path-user:has(.user-pass) .block-local-tasks-block, .path-user:has(.contact-message-personal-form) .block-local-tasks-block {
  text-align: center;
}

.contact-form .main__page-title {
  max-inline-size: var(--oc-narrow-form-size);
  margin-inline: auto;
}
.contact-form .main__page-title .block-local-tasks-block {
  text-align: center;
}
.contact-form form.user-form, .contact-form form.user-login-form, .contact-form form.user-pass, .contact-form form.contact-message-personal-form, .contact-form form.contact-form {
  border-radius: var(--oc-card-border-radius);
  margin-inline: auto;
  max-inline-size: var(--oc-narrow-form-size);
}
.contact-form .form-item:has(label):not(:has(input, textarea, select)) {
  padding-inline: 0.25rem;
}
.contact-form .form-item:has(label):not(:has(input, textarea, select)) label {
  padding-inline: 0;
}

.views-exposed-form {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end;
  padding: 0 var(--oc-gutter) var(--oc-row-gap);
  container-type: inline-size;
  inline-size: 100%;
  gap: 0 var(--oc-gutter);
}
.views-exposed-form .bef--secondary .details-wrapper {
  display: flex;
  flex-flow: row wrap;
  gap: 0 var(--oc-gutter);
  align-items: last baseline;
}
[dir=rtl] .views-exposed-form .form-type-checkbox input {
  margin-inline-start: 0.125em;
  margin-inline-end: 0;
}
@media screen and (min-width: 48em) {
  .views-exposed-form .form-type-checkbox {
    align-self: flex-end;
    padding-block: calc(var(--oc-form-item-padding-block) + var(--oc-form-field-padding-block));
  }
}
.views-exposed-form .form-submit {
  margin-block-end: 0;
}
.views-exposed-form .form--inline .form-actions {
  display: flex;
  flex-flow: row wrap;
  align-self: flex-end;
  justify-content: space-between;
  gap: 0.75rem 1rem;
}
.views-exposed-form .form--inline .form-actions button {
  margin: 0;
}

.block--search .form--inline .form-type-textfield,
.form--compact .form--inline .form-type-textfield {
  flex: 2 2 auto;
}
.block--search .form--inline .form-actions,
.form--compact .form--inline .form-actions {
  flex: 1 1 auto;
}
@media screen and (min-width: 48em) {
  .block--search .form--inline,
  .form--compact .form--inline {
    display: flex;
    align-items: flex-end;
    gap: 1.25rem;
  }
  .block--search .form--inline *,
  .form--compact .form--inline * {
    margin: 0;
  }
}
.block--search .form-text,
.form--compact .form-text {
  max-inline-size: 100%;
}
.block--search .details-wrapper,
.form--compact .details-wrapper {
  padding: 0;
}

dialog form {
  padding: var(--oc-row-gap) var(--oc-gutter);
}

.ui-dialog.ui-widget .ui-dialog-titlebar,
.ui-dialog .ui-dialog-titlebar {
  gap: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
  inset-inline-end: 0;
}

.ui-widget-overlay.ui-front {
  background: var(--oc-color-backdrop);
}

.ui-button-icon-only {
  text-indent: 0;
}

.ui-dialog .ui-dialog-titlebar-close::before,
.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close::before {
  --icon-url: url("../sprite/oc-sprite.svg#x-light");
}
.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close {
  position: relative;
  margin: 0;
  padding: 0.5rem;
  transition: unset;
  transform: unset;
  color: var(--oc-color-interaction);
  border: unset;
  background: var(--oc-color-text-inverted);
  inset: auto;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick,
.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
  display: none;
}
.ui-dialog .ui-dialog-titlebar-close span.ui-button-icon-space,
.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close span.ui-button-icon-space {
  display: none;
}

.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title {
  margin: 0;
  padding: 0;
}

.ui-dialog.ui-widget,
.ui-dialog.ui-widget .ui-dialog-content,
.ui-dialog .ui-dialog-titlebar .ui-dialog-title,
.ui-dialog.ui-widget select,
.ui-dialog.ui-widget input,
.ui-dialog.ui-widget button {
  font-family: inherit;
  font-size: var(--oc-font-size-default);
}

.ui-dialog.ui-widget:not(.ui-dialog-off-canvas) {
  padding: 0;
}

.ui-dialog.ui-widget .ui-widget-content.ui-dialog-content form {
  margin-block-end: 0;
}

.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane,
.ui-dialog.ui-widget .ui-dialog-content .form-actions {
  margin: 0;
  padding: 0 var(--oc-gutter);
  border-width: 0;
  background-color: transparent;
}
.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane button,
.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane .button,
.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane .ui-button,
.ui-dialog.ui-widget .ui-dialog-content .form-actions button,
.ui-dialog.ui-widget .ui-dialog-content .form-actions .button,
.ui-dialog.ui-widget .ui-dialog-content .form-actions .ui-button {
  border-color: var(--oc-button-border-color) !important;
}
.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane .button--primary,
.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane #edit-submit.form-submit,
.ui-dialog.ui-widget .ui-dialog-content .form-actions .button--primary,
.ui-dialog.ui-widget .ui-dialog-content .form-actions #edit-submit.form-submit {
  border-color: var(--oc-button-primary-border-color);
}
.ui-dialog.ui-widget > .ui-dialog-buttonpane .ui-dialog-buttonset {
  gap: var(--oc-row-gap) var(--oc-gutter);
}

div[data-drupal-messages] {
  padding-block: var(--oc-row-gap) var(--oc-section-spacing);
}

.messages {
  --oc-font-size-icon: var(--oc-font-size-icon-xl);
}

.messages {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  color: var(--oc-color-text);
  border-width: 0.125rem;
  border-style: solid;
  background-image: none;
  box-shadow: var(--oc-box-shadow-centered);
  gap: 0.5rem;
  padding-block: var(--oc-row-gap);
  padding-inline: 1rem 2rem;
}
@media screen and (min-width: 48em) {
  .messages:has(ul) {
    align-items: flex-start;
  }
}
.messages::before {
  min-inline-size: var(--oc-font-size-icon);
  transform: translateY(0);
}
.messages a,
.messages a:hover {
  display: inline;
  -webkit-text-decoration: var(--oc-underline);
          text-decoration: var(--oc-underline);
  font-weight: var(--oc-font-weight-bold);
}
@media screen and (min-width: 48em) {
  .messages {
    flex-flow: row wrap;
    align-content: flex-start;
    padding-inline: var(--oc-gutter) calc(2 * var(--oc-gutter));
  }
}

.messages--error {
  border-color: var(--oc-color-danger);
  background-color: var(--oc-color-bg-danger);
}
.messages--error::before {
  background-color: var(--oc-color-danger);
}

.messages--status {
  border-color: var(--oc-color-success);
  background-color: var(--oc-color-bg-success);
}
.messages--status::before {
  background-color: var(--oc-color-success);
}

.messages--warning,
.messages--status:has(a[href*="/development/maintenance"]) {
  border-color: var(--oc-color-warning);
  background-color: var(--oc-color-bg-warning);
}
.messages--warning::before,
.messages--status:has(a[href*="/development/maintenance"])::before {
  background-color: var(--oc-color-warning-dark);
}

.messages--info {
  border-color: var(--oc-color-info);
  background-color: var(--oc-color-bg-info);
}
.messages--info::before {
  background-color: var(--oc-color-info);
}

.infobox {
  text-indent: calc(-1.333 * var(--oc-font-size-icon));
  color: var(--oc-color-info);
  background: var(--oc-color-bg-info);
  padding-block: var(--oc-row-gap);
  padding-inline: calc(1 * var(--oc-gutter) + var(--oc-font-size-icon)) calc(2 * var(--oc-gutter));
}

.more-link a::after,
a.more-link::after {
  --icon-url: url("../sprite/oc-sprite.svg#arrow-right-light");
}
[dir=rtl] .more-link a::after,
[dir=rtl] a.more-link::after {
  --icon-url: url("../sprite/oc-sprite.svg#arrow-left-light");
}

a[href^=http],
a.external {
  --icon-url-ltr: url("../sprite/oc-sprite.svg#arrow-up-right-light");
  --icon-url-rtl: url("../sprite/oc-sprite.svg#arrow-up-left-light");
}
a[href^=http]::after,
a.external::after {
  --icon-url: url("../sprite/oc-sprite.svg#arrow-up-right-light");
}
a[href^=http]::after,
a.external::after {
  display: inline-block;
  content: var(--icon-url-ltr)/"External site";
  inline-size: 0.85em;
  block-size: 0.85em;
}
a[href^=http][target]::after,
a.external[target]::after {
  content: var(--icon-url-ltr)/"External site in new window";
}

[lang=de] a[href^=http]::after {
  content: var(--icon-url-ltr)/"Externe Seite";
}
[lang=de][target]::after {
  content: var(--icon-url-ltr)/"Externe Seite in neuem Fenster";
}

[lang=fr] a[href^=http]::after {
  content: var(--icon-url-ltr)/"Site externe";
}
[lang=fr][target]::after {
  content: var(--icon-url-ltr)/"Site externe (nouvelle fenêtre)";
}

[lang][dir=rtl] a[href^=http]::after,
[lang][dir=rtl] a.external::after {
  --icon-url: url("../sprite/oc-sprite.svg#arrow-up-left-light");
}
[lang][dir=rtl] a[href^=http]::after,
[lang][dir=rtl] a.external::after {
  content: var(--icon-url-rtl)/"External site";
}

a[href^=http]:has(img)::after,
a.social-media-link[href^=http]::after {
  display: none !important;
}

.anchorlinks::before {
  --icon-url: url("../sprite/oc-sprite.svg#arrow-line-down-light");
}

input[type=radio]::before {
  --icon-url: url("../sprite/oc-sprite.svg#circle-fill");
}
input[type=radio]::after {
  --icon-url: url("../sprite/oc-sprite.svg#circle-light");
}
input[type=radio]:checked::before {
  --icon-url: url("../sprite/oc-sprite.svg#check-circle-light");
}

input[type=checkbox]::before {
  --icon-url: url("../sprite/oc-sprite.svg#square-fill");
}
input[type=checkbox]::after {
  --icon-url: url("../sprite/oc-sprite.svg#square-light");
}
input[type=checkbox]:checked::before {
  --icon-url: url("../sprite/oc-sprite.svg#check-square-light");
}

.attribution-popover-trigger::before {
  --icon-url: url("../sprite/oc-sprite.svg#copyright-fill");
}

.tablesort {
  display: none;
}

th a[href*=sort]::after {
  --icon-url: url("../sprite/oc-sprite.svg#arrows-vertical-light");
}

th:has(.tablesort--desc) a[href*=sort]::after {
  --icon-url: url("../sprite/oc-sprite.svg#arrow-down-light");
}

th:has(.tablesort--asc) a[href*=sort]::after {
  --icon-url: url("../sprite/oc-sprite.svg#arrow-up-light");
}

.button--edit a {
  --oc-font-size-icon: var(--oc-font-size-icon-default);
}
.button--edit a::before {
  --icon-url: url("../sprite/oc-sprite.svg#pencil-simple-light");
}
.button--edit a {
  display: inline-block;
}

button.close::before,
a.button.close::before,
a.leaflet-popup-close-button::before,
.cookiesjsr-layer--close::before,
.cookiesjsr-layer .cookiesjsr-layer__close::before {
  --icon-url: url("../sprite/oc-sprite.svg#x-light");
}

.icon.monitor::before, .icon.tv::before {
  --icon-url: url("../sprite/oc-sprite.svg#monitor-light");
}
.icon.map-pin::before, .icon.location-dot::before {
  --icon-url: url("../sprite/oc-sprite.svg#map-pin-light");
}
.icon.list::before, .icon.table-list::before {
  --icon-url: url("../sprite/oc-sprite.svg#list-light");
}
.icon.squares-four::before, .icon.table-cells-large::before {
  --icon-url: url("../sprite/oc-sprite.svg#squares-four-light");
}
.icon.archive::before, .icon.box-archive::before {
  --icon-url: url("../sprite/oc-sprite.svg#archive-light");
}

.menu--call-to-action a[data-drupal-link-system-path]::before {
  --icon-url: url("../sprite/oc-sprite.svg#plus-circle-light");
}

.menu--call-to-action a[href*="node/add/location"]::before,
.icon .fa-map-location::before,
.icon .map-pin-area::before {
  --icon-url: url("../sprite/oc-sprite.svg#map-pin-area-light");
}

.menu--call-to-action a[href*="node/add/profile"]::before,
.icon .fa-person-dots-from-line::before,
.icon .user-check::before {
  --icon-url: url("../sprite/oc-sprite.svg#user-check-light");
}

.icon .fa-people-line::before,
.icon .users-four::before {
  --icon-url: url("../sprite/oc-sprite.svg#users-four-light");
}

.menu--call-to-action a[href*="node/add/date"]::before,
.icon .fa-calendar-check::before,
.icon .calendar-check::before {
  --icon-url: url("../sprite/oc-sprite.svg#calendar-check-light");
}

.menu--call-to-action a[href*="node/add/article"]::before,
.icon .fa-book-open::before,
.icon .book-open-text::before {
  --icon-url: url("../sprite/oc-sprite.svg#book-open-text-light");
}

.menu--call-to-action a[href*="node/add/event"]::before,
.icon .fa-masks-theater::before,
.icon .mask-happy::before {
  --icon-url: url("../sprite/oc-sprite.svg#mask-happy-light");
}

.copy::before,
.clipboard::before,
*[class*=copy-button]::before {
  --icon-url: url("../sprite/oc-sprite.svg#clipboard-light");
}

input[id*=edit-submit-search]::before,
form[role=search] input[type=submit]::before {
  --icon-url: url("../sprite/oc-sprite.svg#magnifying-glass-light");
}

.flag-bookmark-node .flag--link::before,
.flag-bookmark-node .flag--button::before,
.flag-bookmark-term .flag--link::before,
.flag-bookmark-term .flag--button::before {
  --icon-url: url("../sprite/oc-sprite.svg#bookmark-simple-light");
}
.flag-bookmark-node.action-unflag .flag--link::before,
.flag-bookmark-node.action-unflag .flag--button::before,
.flag-bookmark-term.action-unflag .flag--link::before,
.flag-bookmark-term.action-unflag .flag--button::before {
  --icon-url: url("../sprite/oc-sprite.svg#bookmark-simple-fill");
}

.flag-recommendation-node .flag--link::before,
.flag-recommendation-node .flag--button::before {
  --icon-url: url("../sprite/oc-sprite.svg#star-light");
}
.flag-recommendation-node.action-unflag .flag--link::before,
.flag-recommendation-node.action-unflag .flag--button::before {
  --icon-url: url("../sprite/oc-sprite.svg#star-fill");
}

.flag-report-abuse .flag--link::before,
.flag-report-abuse .flag--button::before {
  --icon-url: url("../sprite/oc-sprite.svg#hand-light");
}
.flag-report-abuse.action-unflag .flag--link::before,
.flag-report-abuse.action-unflag .flag--button::before {
  --icon-url: url("../sprite/oc-sprite.svg#hand-fill");
}

.flag-claim-ownership .flag--link::before,
.flag-claim-ownership .flag--button::before {
  --icon-url: url("../sprite/oc-sprite.svg#hand-arrow-down-light");
}
.flag-claim-ownership.action-unflag .flag--link::before,
.flag-claim-ownership.action-unflag .flag--button::before {
  --icon-url: url("../sprite/oc-sprite.svg#hand-arrow-down-fill");
}

.action-unflag .flag--link:focus::before, .action-unflag .flag--link:hover::before,
.action-unflag .flag--button:focus::before,
.action-unflag .flag--button:hover::before {
  --icon-url: url("../sprite/oc-sprite.svg#x-light");
}

.js-flag-message::before {
  --icon-url: url("../sprite/oc-sprite.svg#info-light");
}

.action-flag .js-flag-message::before {
  --icon-url: url("../sprite/oc-sprite.svg#warning-light");
}

.flag .ajax-spinner::before {
  --icon-url: url("../sprite/oc-sprite.svg#info-light");
}

.share-toggle--popover-button::before {
  --icon-url: url("../sprite/oc-sprite.svg#share-network-light");
}

.tabs a[data-drupal-link-system-path=user]::before,
.menu a[data-drupal-link-system-path=user]::before {
  --icon-url: url("../sprite/oc-sprite.svg#user-light");
}
.tabs a[data-drupal-link-system-path="user/login"]::before,
.menu a[data-drupal-link-system-path="user/login"]::before {
  --icon-url: url("../sprite/oc-sprite.svg#sign-in-light");
}
[dir=rtl] .tabs a[data-drupal-link-system-path="user/login"],
[dir=rtl] .menu a[data-drupal-link-system-path="user/login"] {
  transform: rotate(180deg);
}
.tabs a[data-drupal-link-system-path="user/logout"]::before,
.menu a[data-drupal-link-system-path="user/logout"]::before {
  --icon-url: url("../sprite/oc-sprite.svg#sign-out-light");
}
[dir=rtl] .tabs a[data-drupal-link-system-path="user/logout"],
[dir=rtl] .menu a[data-drupal-link-system-path="user/logout"] {
  transform: rotate(180deg);
}
.tabs a[data-drupal-link-system-path="user/register"]::before,
.menu a[data-drupal-link-system-path="user/register"]::before {
  --icon-url: url("../sprite/oc-sprite.svg#user-plus-light");
}
.tabs a[data-drupal-link-system-path="user/password"]::before,
.menu a[data-drupal-link-system-path="user/password"]::before {
  --icon-url: url("../sprite/oc-sprite.svg#arrow-arc-left-light");
}
[dir=rtl] .tabs a[data-drupal-link-system-path="user/password"]::before,
[dir=rtl] .menu a[data-drupal-link-system-path="user/password"]::before {
  --icon-url: url("../sprite/oc-sprite.svg#arrow-arc-right-light");
}
.tabs a[data-drupal-link-system-path$="/edit"]::before,
.menu a[data-drupal-link-system-path$="/edit"]::before {
  --icon-url: url("../sprite/oc-sprite.svg#pencil-light");
}
.tabs a[data-drupal-link-system-path$="/delete"]::before,
.menu a[data-drupal-link-system-path$="/delete"]::before {
  --icon-url: url("../sprite/oc-sprite.svg#trash-light");
}
.tabs a[data-drupal-link-system-path$="/layout"]::before,
.menu a[data-drupal-link-system-path$="/layout"]::before {
  --icon-url: url("../sprite/oc-sprite.svg#squares-four-light");
}
.tabs a[data-drupal-link-system-path$="/revisions"]::before,
.menu a[data-drupal-link-system-path$="/revisions"]::before {
  --icon-url: url("../sprite/oc-sprite.svg#cards-three-light");
}
.tabs a[data-drupal-link-system-path$="/latest"]::before,
.tabs a[data-drupal-link-system-path$="/latest"][aria-current=page]::before,
.menu a[data-drupal-link-system-path$="/latest"]::before,
.menu a[data-drupal-link-system-path$="/latest"][aria-current=page]::before {
  --icon-url: url("../sprite/oc-sprite.svg#clock-countdown-light");
}
.tabs a[data-drupal-link-system-path$="/translations"]::before,
.menu a[data-drupal-link-system-path$="/translations"]::before {
  --icon-url: url("../sprite/oc-sprite.svg#translate-light");
}
.tabs a[data-drupal-link-system-path$="/tfa"]::before,
.menu a[data-drupal-link-system-path$="/tfa"]::before {
  --icon-url: url("../sprite/oc-sprite.svg#fingerprint-simple-light");
}
.tabs a[data-drupal-link-system-path$="/shortcuts"]::before,
.menu a[data-drupal-link-system-path$="/shortcuts"]::before {
  --icon-url: url("../sprite/oc-sprite.svg#star-light");
}
.tabs a[data-drupal-link-system-path$="/submissions"]::before,
.menu a[data-drupal-link-system-path$="/submissions"]::before {
  --icon-url: url("../sprite/oc-sprite.svg#table-light");
}
.tabs a[data-drupal-link-system-path$="/contact"]::before,
.menu a[data-drupal-link-system-path$="/contact"]::before {
  --icon-url: url("../sprite/oc-sprite.svg#envelope-simple-light");
}

.tabs a[aria-current=page]::before {
  --icon-url: url("../sprite/oc-sprite.svg#eye-light");
}

.menu a.is-active::before,
.menu a[aria-current=page]::before {
  --icon-url: url("../sprite/oc-sprite.svg#check-light");
}

.pager__item--first a::before {
  --icon-url: url("../sprite/oc-sprite.svg#caret-line-left-light");
}

.pager__item--previous a::before {
  --icon-url: url("../sprite/oc-sprite.svg#caret-left-light");
}

.pager__item--next a::before {
  --icon-url: url("../sprite/oc-sprite.svg#caret-right-light");
}

.pager__item--last a::before {
  --icon-url: url("../sprite/oc-sprite.svg#caret-line-right-light");
}

.button-popover-trigger::before {
  --icon-url: url("../sprite/oc-sprite.svg#dots-three-vertical-light");
}

.address-navigation a::before,
a.address-navigation::before {
  --icon-url: url("../sprite/oc-sprite.svg#compass-light");
}

.public-transport a::before,
a.public-transport::before {
  --icon-url: url("../sprite/oc-sprite.svg#bus-light");
}

.addtocal__google::before {
  --icon-url: url("../sprite/oc-sprite.svg#arrow-line-up-right-light");
}

.addtocal__outlook::before {
  --icon-url: url("../sprite/oc-sprite.svg#download-simple-light");
}

.addtocal__ical::before {
  --icon-url: url("../sprite/oc-sprite.svg#download-simple-light");
}

.pager:has([data-drupal-views-infinite-scroll-pager]) .button::before {
  --icon-url: url("../sprite/oc-sprite.svg#caret-double-down-light");
}

.view-header .button::before,
.button--add::before {
  --icon-url: url("../sprite/oc-sprite.svg#plus-circle-light");
}

.views-exposed-form input[name=reset]::before {
  --icon-url: url("../sprite/oc-sprite.svg#arrow-counter-clockwise-light");
}
[dir=rtl] .views-exposed-form input[name=reset]::before {
  --icon-url: url("../sprite/oc-sprite.svg#arrow-clockwise-light");
}

.wheelchair::before,
.paragraph--type--a11y-wheelchair > .label::before {
  --icon-url: url("../sprite/oc-sprite.svg#wheelchair-motion-light");
}

.a11y--wheelchair .field__item::before {
  --icon-url: url("../sprite/oc-sprite.svg#buildings-light");
}

.a11y--wheelchair-toilet .field__item::before {
  --icon-url: url("../sprite/oc-sprite.svg#toilet-light");
}

.field--name-field-ticketing a::before {
  --icon-url: url("../sprite/oc-sprite.svg#ticket-light");
}

.scroll-to-top::before {
  --icon-url: url("../sprite/oc-sprite.svg#arrow-line-up-light");
}

.facets-widget-links summary::before {
  --icon-url: url("../sprite/oc-sprite.svg#sliders-light");
}
.facets-widget-links summary::after {
  --icon-url: url("../sprite/oc-sprite.svg#caret-down-light");
}

.location::before {
  --icon-url: url("../sprite/oc-sprite.svg#map-pin-light");
}

.field-email:not(.field-social)::before {
  --icon-url: url("../sprite/oc-sprite.svg#envelope-simple-light");
}

.field-phone::before {
  --icon-url: url("../sprite/oc-sprite.svg#phone-light");
}

.field-url::before {
  --icon-url: url("../sprite/oc-sprite.svg#planet-light");
}

.field-legal-url::before {
  --icon-url: url("../sprite/oc-sprite.svg#scales-light");
}

.location::before,
.field-email:not(.field-social)::before,
.field-phone::before,
.field-url::before,
.field-legal-url::before {
  margin-inline-start: 0;
}

.messages--error::before {
  --icon-url: url("../sprite/oc-sprite.svg#warning-octagon-light");
}

.messages--status::before {
  --icon-url: url("../sprite/oc-sprite.svg#check-square-light");
}

.messages--warning::before,
.messages--status:has(a[href*="/development/maintenance"])::before {
  --icon-url: url("../sprite/oc-sprite.svg#warning-light");
}

.messages--info::before,
.infobox::before {
  --icon-url: url("../sprite/oc-sprite.svg#info-light");
}

.map-link::before {
  --icon-url: url("../sprite/oc-sprite.svg#map-pin-area-light");
}

.eye-open::before {
  --icon-url: url("../sprite/oc-sprite.svg#eye-light");
}

.eye-close::before {
  --icon-url: url("../sprite/oc-sprite.svg#eye-slash-light");
}

a.print::before,
a.printer::before,
.fa-print::before {
  --icon-url: url("../sprite/oc-sprite.svg#printer-light");
}

a.mail::before,
a.email::before,
.fa-mail::before,
.fa-envelope::before {
  --icon-url: url("../sprite/oc-sprite.svg#envelope-simple-light");
}

a.mastodon::before,
.fa-mastodon::before {
  --icon-url: url("../sprite/oc-sprite.svg#mastodon-logo-light");
}

a.facebook::before,
.fa-facebook::before,
.fa-facebook-f::before,
.field-facebook a::before {
  --icon-url: url("../sprite/oc-sprite.svg#facebook-logo-light");
}

a.instagram::before,
.fa-instagram::before,
.field-instagram a::before {
  --icon-url: url("../sprite/oc-sprite.svg#instagram-logo-light");
}

a.threads::before,
.fa-threads::before,
.field-threads a::before {
  --icon-url: url("../sprite/oc-sprite.svg#threads-logo-light");
}

a.bluesky::before,
.fa-bluesky::before {
  --icon-url: url("../sprite/oc-sprite.svg#bluesky-logo-light");
}

a.youtube::before,
.fa-youtube::before {
  --icon-url: url("../sprite/oc-sprite.svg#youtube-logo-light");
}

a.tiktok::before,
.fa-tiktok::before {
  --icon-url: url("../sprite/oc-sprite.svg#tiktok-logo-light");
}

a.twitch::before,
.fa-twitch::before {
  --icon-url: url("../sprite/oc-sprite.svg#twitch-logo-light");
}

a.linkedin::before,
.fa-linkedin::before,
.fa-linkedin-in::before {
  --icon-url: url("../sprite/oc-sprite.svg#linkedin-logo-light");
}

a.whatsapp::before,
.fa-whatsapp::before {
  --icon-url: url("../sprite/oc-sprite.svg#whatsapp-logo-light");
}

a.patreon::before,
.fa-patreon::before {
  --icon-url: url("../sprite/oc-sprite.svg#patreon-logo-light");
}

a.twitter::before,
a.x::before,
.fa-twitter::before,
.fa-x-twitter::before,
.fa-x::before {
  --icon-url: url("../sprite/oc-sprite.svg#x-logo-light");
}

a.soundcloud::before,
.fa-soundcloud::before {
  --icon-url: url("../sprite/oc-sprite.svg#soundcloud-logo-light");
}

a.vimeo::before,
.fa-vimeo::before {
  --icon-url: url("../sprite/oc-sprite.svg#vimeo-logo-light");
}

a.snapchat::before,
.fa-snapchat::before {
  --icon-url: url("../sprite/oc-sprite.svg#snapchat-logo-light");
}

a.telegram::before,
.fa-telegram::before {
  --icon-url: url("../sprite/oc-sprite.svg#telegram-logo-light");
}

a.drupal::before,
.fa-drupal::before {
  --icon-url: url("../sprite/oc-sprite.svg#drupal-logo-light");
}

a.github::before,
.fa-github::before {
  --icon-url: url("../sprite/oc-sprite.svg#github-logo-light");
}

a.gitlab::before,
.fa-gitlab::before {
  --icon-url: url("../sprite/oc-sprite.svg#gitlab-logo-simple-light");
}

a.pinterest::before,
.fa-pinterest::before {
  --icon-url: url("../sprite/oc-sprite.svg#pinterest-logo-light");
}

a.tumblr::before,
.fa-tumblr::before {
  --icon-url: url("../sprite/oc-sprite.svg#tumblr-logo-light");
}

a.reddit::before,
.fa-reddit::before {
  --icon-url: url("../sprite/oc-sprite.svg#reddit-logo-light");
}

a.matrix::before,
.fa-matrix::before {
  --icon-url: url("../sprite/oc-sprite.svg#matrix-logo-light");
}

a.spotify::before,
.fa-spotify::before {
  --icon-url: url("../sprite/oc-sprite.svg#spotify-logo-light");
}

.feed-icon,
.views-data-export-feed .feed-icon {
  --oc-font-size-icon: var(--oc-font-size-icon-l);
}

.feed-icon {
  display: inline-block;
  background-image: none;
}

.csv-feed .feed-icon,
.json-feed .feed-icon,
.xml-feed .feed-icon {
  background-image: none;
}

.feed-icon::before {
  --icon-url: url("../sprite/oc-sprite.svg#rss-light");
}

.csv-feed .feed-icon::before {
  --icon-url: url("../sprite/oc-sprite.svg#file-csv-light");
}

.json-feed .feed-icon::before {
  --icon-url: url("../sprite/oc-sprite.svg#file-json-light");
}

.xml-feed .feed-icon::before {
  --icon-url: url("../sprite/oc-sprite.svg#file-xml-light");
}

.attribution-toggle:has(div[class*=attribution--license-cc]) .attribution-popover-trigger::before {
  --icon-url: url("../sprite/oc-sprite.svg#cc-light");
}

.attribution-toggle:has(div[class*=attribution--creation-ai]) .attribution-popover-trigger::before {
  --icon-url: url("../sprite/oc-sprite.svg#ai-light");
}

footer.footer {
  position: relative;
}

.footer--container,
.below-footer--container {
  margin: 0 auto;
  padding: var(--oc-row-gap) 0;
}

.footer--container {
  --oc-color-menu-link-border: color-mix(in oklab, var(--oc-color-link) 10%, transparent);
  color: var(--oc-color-text-footer);
  background-color: var(--oc-color-bg-footer);
  padding-block: var(--oc-row-gap);
  padding-inline: 0;
}
.footer--container a {
  color: var(--oc-color-link-footer);
}
.footer--container button,
.footer--container a.button,
.footer--container a[role=button] {
  --oc-button-bg-color: transparent;
  --oc-button-border-color: var(--oc-color-link-footer);
  --oc-button-text-color: var(--oc-color-link-footer);
}

.region-footer {
  position: relative;
  z-index: 2;
  display: block;
}
.region-footer > .block {
  flex-basis: 0;
  flex-grow: 1;
  min-inline-size: min-content;
  margin-block: 0 var(--oc-row-gap);
  margin-inline: 0;
}
.region-footer > .block > *:first-child {
  margin-block-start: 0;
}
.region-footer .menu--account,
.region-footer .block-social-media-links {
  flex: 0 1 auto;
}
.region-footer .menu--footer {
  flex: 2 1 auto;
}
.region-footer .block--title {
  margin-block-end: var(--oc-row-gap);
}
.region-footer h2,
.region-footer h3 {
  font-family: var(--oc-font-family-default);
  font-size: var(--oc-font-size-l);
}
@media screen and (min-width: 48em) {
  .region-footer {
    display: flex;
    flex-wrap: wrap;
    gap: var(--oc-row-gap) var(--oc-gutter);
    justify-content: space-between;
  }
}

.region-footer .menu {
  margin-inline-end: 0;
}
@media screen and (min-width: 30em) {
  .region-footer .menu {
    margin-inline-end: var(--oc-gutter);
  }
}
@media screen and (min-width: 30em) {
  .region-footer .menu--footer:has(li:nth-child(5)) {
    max-inline-size: 40rem;
    column-count: 2;
    column-gap: 0;
  }
}

.region-below-footer .views-row {
  container-type: normal;
}
.scroll-to-top {
  position: fixed;
  inset-block-end: 0;
  inset-inline-end: var(--oc-page-margin-sides);
  border-width: 0.0625rem;
}
.scroll-to-top::before {
  mask-size: 75%;
}

.header-wrapper,
.header__offcanvas-menu--heading {
  --oc-padding-header-start: 0.5rem;
  --oc-padding-header-end: 2rem;
  display: grid;
  grid-template-areas: "utilities utilities burger" "branding highlights highlights";
  grid-template-rows: auto;
  grid-template-columns: 4fr 5fr 3fr;
  margin-block-start: 0;
  padding-block-end: var(--oc-padding-header-end);
  column-gap: 0;
  row-gap: 0;
}
@media screen and (min-width: 48em) {
  .header-wrapper,
  .header__offcanvas-menu--heading {
    grid-template-areas: "branding utilities burger" "highlights highlights highlights";
    grid-template-columns: 3fr 7fr 2fr;
  }
}
@media screen and (min-width: 70em) {
  .header-wrapper,
  .header__offcanvas-menu--heading {
    grid-template-areas: "branding utilities burger" "branding highlights .";
    row-gap: 0;
  }
}

.header__offcanvas-menu--heading {
  grid-template-areas: "branding utilities burger";
}
@media screen and (min-width: 48em) {
  .header__offcanvas-menu--heading {
    grid-template-areas: "branding utilities burger";
  }
}
@media screen and (min-width: 70em) {
  .header__offcanvas-menu--heading {
    grid-template-areas: "branding utilities burger";
  }
}

.header__branding {
  grid-area: branding;
  align-self: end;
}
@media screen and (min-width: 48em) {
  .header__branding {
    grid-row: 1;
  }
}
.header__burger {
  position: relative;
  grid-area: burger;
  padding-block-start: var(--oc-padding-header-start);
}

.header__utilities {
  grid-area: utilities;
  justify-self: end;
  padding-block-start: var(--oc-padding-header-start);
}

.header__highlights-menu {
  grid-area: highlights;
}
@media screen and (min-width: 48em) {
  .header__highlights-menu {
    margin-block-start: var(--oc-row-gap);
  }
}

.region-utilities-links {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.header__branding {
  min-inline-size: 8rem;
  padding-block-start: 1rem;
  padding-block-end: 0.75rem;
}
.header__branding img,
.header__branding figure,
.header__branding svg {
  block-size: auto;
  min-inline-size: var(--oc-logo-min-width);
  inline-size: 100%;
  max-inline-size: var(--oc-logo-max-width);
}
@media screen and (min-width: 70em) {
  .header__branding {
    padding-block-start: 0;
  }
}

.site-logo {
  display: inline-block;
  padding: 0;
  border-width: 0;
  outline-offset: 0.25rem;
}
.site-logo:focus, .site-logo:hover {
  background-color: var(--oc-color-bg-light);
}
@media screen and (min-width: 48em) {
  .site-logo {
    margin-block-start: 1rem;
  }
}

.site-name {
  display: none;
}

.site-slogan {
  inset-block-start: 1rem;
}

.region-highlights-menu .block:last-child {
  margin-block-end: var(--oc-section-spacing);
}

.offcanvas_dialog {
  padding: 0;
  border: 0 none;
  background: transparent;
}
.offcanvas_dialog .dialog-wrapper {
  animation-name: fade-in;
  animation-duration: var(--oc-transition-duration);
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.offcanvas_dialog {
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  margin-block: 0;
  isolation: isolate;
  z-index: 2;
  margin: 0 auto;
}
.offcanvas_dialog .dialog-wrapper {
  inline-size: var(--oc-page-width);
  margin-inline-start: var(--drupal-displace-offset-left);
  padding-inline: 0;
  border-radius: 0;
  background-color: var(--oc-color-bg-light);
  box-shadow: var(--oc-box-shadow-down);
}
@media screen and (min-width: 48em) {
  .offcanvas_dialog .dialog-wrapper {
    padding-inline: var(--oc-page-padding-inline);
  }
}

.header__offcanvas-menu--content {
  padding: var(--oc-row-gap) var(--oc-gutter) var(--oc-section-spacing);
}

.region-offcanvas-menu {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: var(--oc-row-gap) 0;
}
.region-offcanvas-menu .block {
  flex: 1 1 auto;
}
.region-offcanvas-menu .block:has(.views-exposed-form) {
  flex: 3 0 auto;
}
.region-offcanvas-menu .views-exposed-form {
  padding: 0;
}
.region-offcanvas-menu form {
  margin: 0;
  padding-block: 0;
  padding-inline: 1rem;
  background-color: transparent;
}

.wrapper--content-header {
  color: var(--oc-color-hero-text);
  background-color: var(--oc-bg-hero-section);
}
.wrapper--content-header .sub-type a,
.wrapper--content-header .paragraph--type--contact-data a,
.wrapper--content-header p a {
  color: var(--oc-color-hero-text);
}
.wrapper--content-header .sub-type a:hover, .wrapper--content-header .sub-type a:focus,
.wrapper--content-header .paragraph--type--contact-data a:hover,
.wrapper--content-header .paragraph--type--contact-data a:focus,
.wrapper--content-header p a:hover,
.wrapper--content-header p a:focus {
  color: var(--oc-color-link-focus-text);
  background: var(--oc-color-link-focus-bg);
}
.section--mood {
  background: var(--oc-bg-hero-image);
}
.section--mood img {
  max-inline-size: unset;
  inline-size: 100%;
  block-size: auto;
  aspect-ratio: var(--oc-aspect-ratio-mood);
  object-fit: cover;
}

.wrapper--content-header,
.wrapper--content-main {
  display: grid;
  grid-template-columns: repeat(var(--oc-column-count), 1fr);
  gap: var(--oc-row-gap) var(--oc-gutter);
}

.wrapper--content-main {
  padding-block-start: var(--oc-section-spacing);
}

.section--title,
.section--mood,
.section--essentials {
  grid-column: 1/-1;
}

.oc_hero_layout_custom #hero-wrapper,
.oc_hero_layout_custom .wrapper--content-main {
  display: block;
}

.section--essentials {
  display: flex;
  flex-flow: row wrap;
  gap: var(--oc-row-gap) var(--oc-gutter);
  align-content: space-between;
  justify-content: flex-start;
}
.section--essentials:has(.block) {
  margin-block-start: var(--oc-row-gap);
}
.section--essentials > .block {
  flex: 1 1 auto;
}
.section--essentials .block-layout-builder > .field {
  margin: 0;
}

.section--essentials:has(.date-main--status) {
  flex-flow: column;
}

.section--title:has(.flag) .page-title-wrapper {
  padding-inline-end: var(--oc-font-size-icon-xxl);
}

.oc_hero_layout_1,
.oc_hero_layout_2,
.oc_hero_layout_3 {
  --oc-bg-hero-section: transparent;
  --oc-color-hero-text: currentColor;
}
.oc_hero_layout_1 .wrapper--content-header,
.oc_hero_layout_1 .wrapper--content-main,
.oc_hero_layout_2 .wrapper--content-header,
.oc_hero_layout_2 .wrapper--content-main,
.oc_hero_layout_3 .wrapper--content-header,
.oc_hero_layout_3 .wrapper--content-main {
  gap: 0 var(--oc-gutter);
}
.oc_hero_layout_1 .section--title,
.oc_hero_layout_2 .section--title,
.oc_hero_layout_3 .section--title {
  grid-row: 2;
  grid-column: 1/-1;
}
.oc_hero_layout_1 .section--title > .block-layout-builder,
.oc_hero_layout_2 .section--title > .block-layout-builder,
.oc_hero_layout_3 .section--title > .block-layout-builder {
  inline-size: 100%;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 48em) {
  .oc_hero_layout_1 .section--title,
  .oc_hero_layout_2 .section--title,
  .oc_hero_layout_3 .section--title {
    grid-column: 2/-2;
  }
}
@media screen and (min-width: 85em) {
  .oc_hero_layout_1 .section--title,
  .oc_hero_layout_2 .section--title,
  .oc_hero_layout_3 .section--title {
    grid-column: 3/-3;
  }
}
@media screen and (min-width: 120em) {
  .oc_hero_layout_1 .section--title,
  .oc_hero_layout_2 .section--title,
  .oc_hero_layout_3 .section--title {
    grid-column: 4/-4;
  }
}
.oc_hero_layout_1 .section--mood,
.oc_hero_layout_2 .section--mood,
.oc_hero_layout_3 .section--mood {
  grid-row: 1;
  grid-column: 1/-1;
}
.oc_hero_layout_1 .section--essentials,
.oc_hero_layout_2 .section--essentials,
.oc_hero_layout_3 .section--essentials {
  grid-row: 3;
  grid-column: 1/-1;
  align-self: self-end;
}
.oc_hero_layout_1 .page-title-wrapper,
.oc_hero_layout_2 .page-title-wrapper,
.oc_hero_layout_3 .page-title-wrapper {
  padding-block: 1rem;
  padding-inline: var(--oc-gutter);
}

.oc_hero_layout_1 {
  --oc-title-inset: calc(-1 * var(--oc-profile-image-size));
}
@media screen and (min-width: 70em) {
  .oc_hero_layout_1 .section--mood {
    grid-row: 1;
  }
}
.oc_hero_layout_1 .section--title {
  z-index: 1;
}
@media screen and (min-width: 70em) {
  .oc_hero_layout_1 .section--title {
    grid-row: 1;
  }
}
@media screen and (min-width: 70em) {
  .oc_hero_layout_1 .section--essentials {
    grid-row: 2;
  }
}
.oc_hero_layout_1 .wrapper--content-header:has(.block-field-mood-image) .page-title-wrapper {
  margin-block-end: var(--oc-title-inset);
  background-color: var(--oc-color-bg-light);
  inset-block-start: var(--oc-title-inset);
}
@media screen and (min-width: 70em) {
  .oc_hero_layout_1 .wrapper--content-header:has(.block-field-mood-image) .page-title-wrapper {
    margin-block-end: 0;
  }
}
.oc_hero_layout_1 .wrapper--content-header:has(.block-field-mood-image) .section--title .block-layout-builder:has(.flag) {
  position: absolute;
  align-items: end;
  justify-content: end;
  padding-inline-end: calc(0.5 * var(--oc-gutter));
  inset-inline-end: 0;
  inset-block-start: auto;
  inset-block-end: calc(-1 * var(--oc-title-bottom-stop) + 2 * var(--oc-row-gap));
  block-size: 100%;
  inline-size: auto;
}
@media screen and (min-width: 48em) {
  .oc_hero_layout_1 .wrapper--content-header:has(.block-field-mood-image) .section--title .block-layout-builder:has(.flag) {
    inset-inline-end: calc(-1 * var(--oc-grid-step));
  }
}
@media screen and (min-width: 85em) {
  .oc_hero_layout_1 .wrapper--content-header:has(.block-field-mood-image) .section--title .block-layout-builder:has(.flag) {
    inset-inline-end: calc(-2 * var(--oc-grid-step));
  }
}
@media screen and (min-width: 120em) {
  .oc_hero_layout_1 .wrapper--content-header:has(.block-field-mood-image) .section--title .block-layout-builder:has(.flag) {
    inset-inline-end: calc(-3 * var(--oc-grid-step));
  }
}
@media screen and (min-width: 70em) {
  .oc_hero_layout_1 .wrapper--content-header:has(.block-field-mood-image) .section--title {
    --oc-title-inset: 0;
    block-size: 100%;
  }
  .oc_hero_layout_1 .wrapper--content-header:has(.block-field-mood-image) .section--title .block-openculturas-custom-page-title {
    position: sticky;
    overflow-x: hidden;
    overflow-y: auto;
    inset-block-start: 5dvh;
  }
}

@media screen and (min-width: 48em) {
  .oc_hero_layout_1 .section--title .page-title-wrapper {
    align-items: center;
  }
}
@media screen and (min-width: 70em) {
  .oc_hero_layout_1 .section--title .page-title-wrapper {
    flex-flow: row;
    align-items: start;
  }
}
@media screen and (min-width: 48em) {
  .oc_hero_layout_1 .headlines-wrapper {
    text-align: center;
  }
}
@media screen and (min-width: 70em) {
  .oc_hero_layout_1 .headlines-wrapper {
    text-align: start;
  }
}

@media screen and (min-width: 48em) {
  .oc_hero_layout_2 .wrapper--content-header:has(.block-field-mood-image) .section--title {
    z-index: 1;
    margin-block-start: calc(-1 * var(--oc-section-spacing));
    background-color: var(--oc-color-bg-light);
  }
}
.oc_hero_layout_2 .wrapper--content-header:has(.block-field-mood-image) .page-title-wrapper:has(.media--view-mode-profile-image) {
  background-color: transparent;
}
@media screen and (min-width: 85em) {
  .oc_hero_layout_2 .wrapper--content-header:has(.block-field-mood-image) .page-title-wrapper:has(.media--view-mode-profile-image) {
    background-color: var(--oc-color-bg-light);
  }
}
.oc_hero_layout_2 .section--title {
  margin-inline: calc(-1 * var(--oc-gutter));
  inline-size: calc(100% + 2 * var(--oc-gutter));
}
.oc_hero_layout_2 .section--title .block-layout-builder:has(.flag) {
  inset-block-start: calc(0.75 * var(--oc-font-size-xxl));
  inset-inline-end: 1rem;
}
@media screen and (min-width: 48em) {
  .oc_hero_layout_2 .section--title .block-layout-builder:has(.flag) {
    inset-inline-end: 0.25rem;
  }
}
.oc_hero_layout_2 .headlines-wrapper {
  text-align: start;
}
@media screen and (min-width: 48em) {
  .oc_hero_layout_2 .section--essentials {
    grid-column: 2/-2;
  }
}
@media screen and (min-width: 85em) {
  .oc_hero_layout_2 .section--essentials {
    grid-column: 3/-3;
  }
}
@media screen and (min-width: 120em) {
  .oc_hero_layout_2 .section--essentials {
    grid-column: 4/-4;
  }
}
.oc_hero_layout_2 .date-main,
.oc_hero_layout_2 .date-main--status {
  flex-basis: 100%;
}

.oc_hero_layout_3 .section--title {
  grid-row: 1;
}
.oc_hero_layout_3 .section--mood {
  grid-row: 2;
}
.oc_hero_layout_3 .section--title .block-layout-builder:has(.flag) {
  inset-block-start: calc(0.75 * var(--oc-font-size-xxl));
  inset-inline-end: 1rem;
}

.oc_hero_layout_4 .wrapper--content-header {
  margin-block-end: 0;
}
.oc_hero_layout_4 .page-title-wrapper {
  padding-block-start: var(--oc-bg-hero-padding-block);
  background-color: transparent;
}
.oc_hero_layout_4 .wrapper--content-header:not(:has(.block-field-mood-image)) .section--title,
.oc_hero_layout_4 .wrapper--content-header:not(:has(.block-field-mood-image)) .section--essentials {
  grid-column: 1/-2;
}
.oc_hero_layout_4 .section--mood:has(.block-field-mood-image) {
  max-inline-size: 100%;
}
.oc_hero_layout_4 .section--mood:has(.block-field-mood-image)::before {
  display: block;
  padding-block-start: var(--oc-hero-4-min-height);
  content: "";
}
.oc_hero_layout_4 .section--mood:has(.block-field-mood-image) div:not(.attribution-toggle, .attribution-toggle *, .contextual) {
  position: absolute;
  inset: 0;
}
.oc_hero_layout_4 .section--mood:has(.block-field-mood-image) img {
  display: block;
  block-size: 100%;
  inline-size: 100%;
  object-fit: cover;
}
@media screen and (min-width: 70em) {
  .oc_hero_layout_4 .section--title .page-title-wrapper {
    flex-flow: column;
  }
}
@media screen and (min-width: 120em) {
  .oc_hero_layout_4 .section--title .page-title-wrapper {
    flex-flow: row wrap;
  }
}
.oc_hero_layout_4 .section--title .block-layout-builder:has(.flag) {
  inset-inline-end: 0;
}
.oc_hero_layout_4 .page-title-wrapper {
  padding-inline-start: var(--oc-bg-hero-padding-inline);
}
.oc_hero_layout_4 .section--essentials {
  display: flex;
  flex-flow: column;
  gap: var(--oc-row-gap);
  align-content: space-between;
}
.oc_hero_layout_4 .section--essentials:has(.block) {
  padding-block-end: var(--oc-bg-hero-padding-block);
  padding-inline-start: var(--oc-bg-hero-padding-inline);
}
@media screen and (min-width: 48em) {
  .oc_hero_layout_4 .section--title {
    grid-row: 1;
    grid-column: 1/span 5;
  }
  .oc_hero_layout_4 .section--mood {
    grid-row: 1/span 2;
    grid-column: 6/-1;
  }
  .oc_hero_layout_4 .section--essentials {
    grid-row: 2;
    grid-column: 1/span 5;
  }
}

.section--content {
  grid-column: 1/-1;
}
@media screen and (min-width: 48em) {
  .section--content {
    grid-column: 1/-5;
  }
}

.section--aside {
  grid-column: 1/-1;
}
@media screen and (min-width: 48em) {
  .section--aside {
    grid-column: -4/-1;
  }
}

@media screen and (min-width: 48em) {
  .section--title .page-title-wrapper {
    flex-flow: column;
  }
}
@media screen and (min-width: 85em) {
  .section--title .page-title-wrapper {
    flex-flow: row;
  }
}

.section--essentials.interact {
  flex-flow: row;
  justify-content: flex-start;
  inline-size: min-content;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  margin: 0 auto;
  padding-block-start: var(--oc-page-margin-top);
  padding-block-end: var(--oc-page-margin-bottom);
  background-color: var(--oc-color-neutral-canvas);
  padding-inline: 0;
  scrollbar-color: var(--oc-scrollbar-color);
}

.layout-container,
footer.oc-base-section {
  inline-size: var(--oc-page-width);
  margin: 0 auto;
}

@media screen and (min-width: 48em) {
  .layout-background {
    position: fixed;
    background-image: none;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-x: center;
    background-position-y: 0;
    background-size: cover;
    background-blend-mode: multiply;
    inline-size: 100vw;
    block-size: 100vh;
  }
  .layout-background::after {
    display: block;
    content: "";
    background-color: var(--oc-color-bg-page-backdrop);
    inline-size: 100vw;
    block-size: 100vh;
    backdrop-filter: blur(20px);
  }
}

main {
  min-block-size: 55vh;
}

.oc-base-section {
  inline-size: var(--oc-page-width);
  margin: 0 auto;
  background-color: var(--oc-color-bg-page);
  padding-inline: var(--oc-page-padding-inline);
}

.is-empty.section {
  display: none;
}

footer.oc-base-section {
  padding: 0;
}

.footer--container {
  padding-inline: var(--oc-page-padding-inline);
}

h2.block--title,
.intro-inline:has(h2) {
  margin-block-start: calc(0.5 * var(--oc-section-spacing));
}

.section--last h2.block--title {
  font-size: var(--oc-font-size-ml);
  padding-block: calc(var(--oc-font-size-xl) * 0.25 + var(--oc-font-size-xl) - var(--oc-font-size-ml));
}

.main__content {
  padding-block-end: var(--oc-section-spacing);
}

.block-compact {
  --oc-block-size: 100%;
  max-inline-size: var(--oc-block-size);
  flex-basis: var(--oc-block-size);
}
@media screen and (min-width: 48em) {
  .block-compact {
    --oc-block-size: calc(6 * var(--oc-grid-step) - var(--oc-gutter));
  }
}
@media screen and (min-width: 85em) {
  .block-compact {
    --oc-block-size: calc(3 * var(--oc-grid-step) - var(--oc-gutter));
  }
}

.block-compact.multi-value:has(> .field > .field__items > .field__item:nth-child(2)) {
  display: flex;
  flex-flow: column;
}
.block-compact.multi-value:has(> .field > .field__items > .field__item:nth-child(2)) > .field {
  inline-size: 100%;
}
.block-compact.multi-value:has(> .field > .field__items > .field__item:nth-child(2)) > .field > .field__items {
  inline-size: 100%;
  display: flex;
  flex-flow: column;
}
@media screen and (min-width: 48em) {
  .block-compact.multi-value:has(> .field > .field__items > .field__item:nth-child(2)) > .field > .field__items {
    flex-flow: row;
    gap: var(--oc-row-gap) var(--oc-gutter);
  }
  .block-compact.multi-value:has(> .field > .field__items > .field__item:nth-child(2)) > .field > .field__items > .field__item {
    flex-basis: calc(50% - 0.5 * var(--oc-gutter));
  }
}
@media screen and (min-width: 48em) {
  .block-compact.multi-value:has(> .field > .field__items > .field__item:nth-child(2)) {
    max-inline-size: var(--oc-block-size);
    flex-basis: var(--oc-block-size);
  }
}
@media screen and (min-width: 85em) {
  .block-compact.multi-value:has(> .field > .field__items > .field__item:nth-child(2)) {
    --oc-block-size: calc(6 * var(--oc-grid-step) - var(--oc-gutter));
  }
}

.block-full-width {
  inline-size: 100%;
  flex-basis: 100%;
  grid-column: 1/-1;
}

.address-region .section--first {
  display: flex;
  flex-flow: row wrap;
  gap: var(--oc-row-gap) var(--oc-gutter);
}

.section--first {
  inline-size: 100%;
}

.section-wrapper:not(:has(.section > div)) {
  padding-block: 0;
}

.layout {
  --oc-bg-section-buffer: 1px calc(0.5 * var(--oc-section-spacing));
  padding-block-end: calc(0.5 * var(--oc-section-spacing));
}

.no-whitespace-above {
  padding-block-start: 0;
}
.no-whitespace-above h2.block--title {
  margin-block-start: 0;
  padding-block-start: 0;
}

.no-whitespace-below {
  padding-block-end: 0;
}
.no-whitespace-below .wrapper--content-main {
  margin-block-end: 0;
}

.section--title {
  container-type: inline-size;
  container-name: section--title;
}

.section--mood {
  container-type: normal;
  container-name: section--mood;
}

.section--essentials {
  container-type: inline-size;
  container-name: section--essentials;
}

.section--content {
  container-type: inline-size;
  container-name: section--content;
}

.section--aside {
  container-type: inline-size;
  container-name: section--aside;
}

.copy-area {
  container-type: inline-size;
  container-name: copy-area;
}

.details-area {
  container-type: inline-size;
  container-name: details-area;
}

@media screen and (min-width: 48em) {
  body {
    overflow-y: auto;
    max-block-size: 100dvh;
  }
  body .section--aside {
    position: sticky;
    overflow-x: hidden;
    overflow-y: auto;
    padding-block-end: 0.125rem;
    inset-block-start: var(--oc-row-gap);
    block-size: min-content;
  }
}

.copy-area {
  padding-block-end: var(--oc-section-spacing);
}

.section-with-background {
  background: var(--oc-element-bg);
  margin-inline: calc(-1 * var(--oc-page-padding-inline));
  padding-block: var(--oc-bg-section-buffer);
  padding-inline: var(--oc-page-padding-inline);
}
.section-with-background.no-whitespace-below {
  margin-block-end: 0;
  padding-block-end: calc(0.5 * var(--oc-section-spacing));
}
.section-with-background.no-whitespace-below + .layout {
  margin-block-start: 0;
}

.teaser--section {
  --oc-element-bg: var(--oc-bg-teaser-section);
}

.comments--section {
  --oc-element-bg: var(--oc-bg-comments-section);
}

.magazine--section {
  --oc-element-bg: var(--oc-bg-magazine-section);
}

.gallery--section {
  --oc-element-bg: var(--oc-bg-gallery-section);
}

.recommendations--section {
  --oc-element-bg: var(--oc-bg-recommendations-section);
}

.date--section {
  --oc-element-bg: var(--oc-bg-date-section);
}

.archive--section {
  --oc-element-bg: var(--oc-bg-archive-section);
  padding-block: 0 0.25rem;
}
.archive--section details {
  margin-block: 0;
}

.bookable--section {
  --oc-element-bg: var(--oc-bg-bookable-section);
}

.sub-terms--section {
  --oc-element-bg: var(--oc-bg-sub-terms-section);
}

.oc-bg--vivid {
  --oc-element-bg: var(--oc-bg-vivid);
}

.oc-bg--muted,
.oc-bg--slight {
  --oc-element-bg: var(--oc-bg-slight);
}

@media screen and (min-width: 70em) {
  .layout-oc2col-section.address-region > .section--first {
    grid-row: 1;
    grid-column: 1/8;
  }
}
@media screen and (min-width: 70em) {
  .layout-oc2col-section.address-region > .section--second {
    grid-row: 1;
    grid-column: 8/-1;
  }
}
@media screen and (min-width: 85em) {
  .layout-oc2col-section.address-region > .section--second {
    grid-column: 9/-1;
  }
}
@media screen and (min-width: 48em) {
  .layout-oc2col-section.address-region {
    flex-flow: column;
  }
}
@media screen and (min-width: 70em) {
  .layout-oc2col-section.address-region {
    flex-flow: row nowrap;
  }
}

#mentions .section > .block:nth-child(2) h2 {
  display: none;
}

@media screen and (min-width: 85em) {
  #mentions .intro-inline .view-header {
    position: absolute;
    inset-inline-start: calc(-3 * var(--oc-grid-step));
    max-inline-size: calc(3 * var(--oc-grid-step));
  }
  #mentions .intro-inline .view-header > h3 {
    display: block;
    inline-size: 100%;
  }
  #mentions .intro-inline:first-child .view-header {
    inset-block-start: var(--oc-font-size-xxl);
  }
}

.maintenance-page {
  --oc-layout-max-width: 40rem;
  --oc-page-margin-sides: 1rem;
  background-color: var(--oc-color-primary-darker);
}
@media screen and (min-width: 30em) {
  .maintenance-page {
    --oc-page-margin-sides: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .maintenance-page {
    --oc-page-margin-sides: 4rem;
  }
}
@media screen and (min-width: 70em) {
  .maintenance-page {
    --oc-page-margin-sides: 10rem;
  }
}

.maintenance-page .dialog-off-canvas-main-canvas {
  block-size: 100dvh;
  display: grid;
  align-content: center;
  padding-bottom: 20dvh;
}

.maintenance-page h1 {
  font-size: var(--oc-font-size-xl);
}

.maintenance-page .layout-background {
  position: fixed;
  opacity: 1;
  background-color: var(--oc-color-primary-darker);
  background-image: var(--oc-image-fallback-image);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position-x: 35%;
  background-position-y: bottom -4rem;
  background-size: 200%;
  background-blend-mode: multiply;
  inline-size: 100vw;
  block-size: 100vh;
}
.maintenance-page .layout-background::after {
  display: none;
}

.maintenance-page .layout-container {
  padding-block-start: 1rem;
  text-align: center;
}
.maintenance-page .header {
  padding-block-start: 1rem;
  border-radius: var(--oc-card-border-radius) var(--oc-card-border-radius) 0 0;
}
.maintenance-page main {
  border-radius: 0 0 var(--oc-card-border-radius) var(--oc-card-border-radius);
  min-block-size: unset;
}
.maintenance-page .main__content {
  max-inline-size: 60ch;
  margin-inline: auto;
  padding-block: 2rem 6rem;
}

.layout-builder-form .form-actions {
  display: flex;
  gap: var(--oc-row-gap) var(--oc-gutter);
}
.layout-builder-form .form-actions .button {
  margin-block-end: 0;
}
#layout-builder .layout-builder-block {
  position: relative;
  display: block;
  overflow: unset;
  inset: unset;
  inset-block-start: unset;
  inline-size: auto;
  block-size: unset;
}

#layout-builder.layout-builder--content-preview-disabled #hero-region .section {
  display: block !important;
}
#layout-builder .contextual-region:has(.button-popover-trigger) .contextual {
  inset-inline-end: 0;
  inset-block-start: 0;
}

.layout-oc2col-section,
.layout-oc3col-section {
  display: flex;
  flex-flow: column;
}
@media screen and (min-width: 48em) {
  .layout-oc2col-section,
  .layout-oc3col-section {
    flex-flow: row wrap;
    justify-content: space-between;
    column-gap: var(--oc-gutter);
  }
  .layout-builder-form .layout-oc2col-section,
  .layout-builder-form .layout-oc3col-section {
    flex-flow: row;
  }
}
@media screen and (min-width: 70em) {
  .layout-oc2col-section,
  .layout-oc3col-section {
    flex-flow: row;
  }
}

.layout-oc2col-section > .section--first:has(div) {
  flex: 1 1 calc(var(--oc-grid-step) * (var(--oc-column-count) - 3) - var(--oc-gutter));
}
.layout-oc2col-section > .section--second:has(div) {
  flex: 1 1 calc(var(--oc-grid-step) * 3 - var(--oc-gutter));
}
.layout-oc2col-section .section--first:not(:has(div)) {
  flex: 0 0 0%;
}
.layout-oc2col-section > .section--first:not(:has(div)) + .section--second:has(div) {
  flex: 1 2 100%;
}

@media screen and (min-width: 48em) {
  .layout-oc3col-section > .section:has(div) {
    flex: 1 1 calc(var(--oc-grid-step) * var(--oc-column-count) / 3 - var(--oc-gutter));
  }
}

.layout-builder {
  border-color: var(--oc-color-interaction);
  background-color: var(--oc-color-bg-light);
}

.layout-builder__add-section {
  outline-color: var(--oc-color-link);
  background-color: var(--oc-color-bg-link-translucent);
}

.layout-builder__link--add {
  padding: 1em 2em;
  white-space: nowrap;
  overflow-wrap: normal;
  color: var(--oc-color-interaction);
  border-radius: 0.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px'%3e%3cpath fill='%23787878' d='M0.656,9.023c0,0.274,0.224,0.5,0.499,0.5l4.853,0.001c0.274-0.001,0.501,0.226,0.5,0.5l0.001,4.853 c-0.001,0.273,0.227,0.5,0.501,0.5l1.995-0.009c0.273-0.003,0.497-0.229,0.5-0.503l0.002-4.806c0-0.272,0.228-0.5,0.499-0.502 l4.831-0.021c0.271-0.005,0.497-0.23,0.501-0.502l0.008-1.998c0-0.276-0.225-0.5-0.499-0.5l-4.852,0c-0.275,0-0.502-0.228-0.501-0.5 L9.493,1.184c0-0.275-0.225-0.499-0.5-0.499L6.997,0.693C6.722,0.694,6.496,0.92,6.495,1.195L6.476,6.026 c-0.001,0.274-0.227,0.5-0.501,0.5L1.167,6.525C0.892,6.526,0.665,6.752,0.665,7.026L0.656,9.023z'/%3e%3c/svg%3e");
  font-weight: var(--oc-font-weight-bold);
}
.layout-builder__link--add:hover, .layout-builder__link--add:active {
  color: var(--oc-color-link-focus-text);
}

.layout-builder__section .ui-sortable-helper {
  outline-color: var(--oc-color-bg-hardly-any-contrast);
  background-color: var(--oc-color-bg-light);
}
.layout-builder__section .ui-state-drop {
  outline-color: var(--oc-color-warning);
  background-color: var(--oc-color-bg-warning);
}

.layout-builder__region {
  outline-color: var(--oc-color-interaction);
}

.layout-builder__add-block {
  background-color: color-mix(in oklab, var(--oc-color-interaction) 5%, transparent);
}

.layout-builder__link--remove {
  border-color: var(--oc-color-interaction);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23bebebe' d='M3.51 13.925c.194.194.512.195.706.001l3.432-3.431c.194-.194.514-.194.708 0l3.432 3.431c.192.194.514.193.707-.001l1.405-1.417c.191-.195.189-.514-.002-.709l-3.397-3.4c-.192-.193-.192-.514-.002-.708l3.401-3.43c.189-.195.189-.515 0-.709l-1.407-1.418c-.195-.195-.513-.195-.707-.001l-3.43 3.431c-.195.194-.516.194-.708 0l-3.432-3.431c-.195-.195-.512-.194-.706.001l-1.407 1.417c-.194.195-.194.515 0 .71l3.403 3.429c.193.195.193.514-.001.708l-3.4 3.399c-.194.195-.195.516-.001.709l1.406 1.419z'/%3e%3c/svg%3e") var(--oc-button-bg-color) center center/1rem 1rem no-repeat;
}
.layout-builder__link--remove:focus, .layout-builder__link--remove:hover {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23787878' d='M3.51 13.925c.194.194.512.195.706.001l3.432-3.431c.194-.194.514-.194.708 0l3.432 3.431c.192.194.514.193.707-.001l1.405-1.417c.191-.195.189-.514-.002-.709l-3.397-3.4c-.192-.193-.192-.514-.002-.708l3.401-3.43c.189-.195.189-.515 0-.709l-1.407-1.418c-.195-.195-.513-.195-.707-.001l-3.43 3.431c-.195.194-.516.194-.708 0l-3.432-3.431c-.195-.195-.512-.194-.706.001l-1.407 1.417c-.194.195-.194.515 0 .71l3.403 3.429c.193.195.193.514-.001.708l-3.4 3.399c-.194.195-.195.516-.001.709l1.406 1.419z'/%3e%3c/svg%3e") var(--oc-button-focus-bg-color) center center/1rem 1rem no-repeat;
}

.layout-builder-block {
  background-color: var(--oc-color-bg-light-translucent);
}
.layout-builder--content-preview-disabled .layout-builder-block {
  border-bottom-color: var(--oc-color-text-muted);
}

.layout-builder__add-block.is-layout-builder-highlighted,
.layout-builder__add-section.is-layout-builder-highlighted,
.layout-builder__layout.is-layout-builder-highlighted::before,
.layout-builder__layout.is-layout-builder-highlighted,
.layout-builder-block.is-layout-builder-highlighted {
  border-color: var(--oc-color-text);
}

.layout__region-info {
  border-bottom-color: var(--oc-color-text-muted);
}

.layout-builder--content-preview-disabled .layout-builder-block {
  border-block-end: 1px dashed var(--oc-color-text-muted);
}

.layout-builder__message--defaults .messages {
  background-image: none;
}

.layout-builder__add-section .layout-builder__link--add {
  color: var(--oc-color-link);
}
.layout-builder__add-section .layout-builder__link--add:focus, .layout-builder__add-section .layout-builder__link--add:hover {
  color: var(--oc-color-link-focus-text);
}

.layout-builder__add-block {
  z-index: 1;
  flex-basis: 100%;
  align-self: end;
}

section[class*=style__] {
  margin-inline: calc(-1 * var(--oc-page-padding-inline));
}

.layout-builder-block__content-preview-placeholder-label {
  font-size: var(--oc-font-size-m);
}

@media screen and (min-width: 70em) {
  .oc_hero_layout_1 .layout-builder .section--mood {
    grid-row: 1;
    grid-column: 7/-1;
  }
  .oc_hero_layout_1 .layout-builder .section--title {
    grid-row: 1;
    grid-column: 1/-7;
  }
}

.layout-builder .section--essentials.interact {
  inline-size: 100%;
}

#layout-builder .block-openculturas-custom-page-title {
  padding-block: 2.5rem;
  background-color: var(--oc-color-bg-info);
  font-size: var(--gin-font-size-xl);
  font-weight: bold;
}
#layout-builder .block-openculturas-custom-page-title .contextual {
  font-weight: initial;
}

#layout-builder:not(.layout-builder--content-preview-disabled) .block-openculturas-custom-page-title::before {
  content: "(Page title with subtitle)";
}

.path-node #layout-builder .moderation--section:not(:has(.entity-moderation-form)) .section--first {
  inline-size: auto;
}

h4.block--title {
  font-size: var(--oc-font-size-default);
  margin-block: 0;
}

.block-powered-by-openculturas h2,
.block-powered-by-openculturas h4,
.block-powered-by-openculturas p,
.block-powered-by-openculturas span {
  display: inline-block;
  font-size: var(--oc-font-size-s);
}

.dark-mode-toggle--popover-button::before {
  --icon-url: url("../sprite/oc-sprite.svg#circle-half-light");
}

.mode-toggle.toggle-system::before,
.dark-mode-toggle--popover-button[data-icon=system]::before {
  --icon-url: url("../sprite/oc-sprite.svg#circle-half-light");
}

.mode-toggle.toggle-light::before,
.dark-mode-toggle--popover-button[data-icon=light]::before {
  --icon-url: url("../sprite/oc-sprite.svg#sun-light");
}

.mode-toggle.toggle-dark::before,
.dark-mode-toggle--popover-button[data-icon=dark]::before {
  --icon-url: url("../sprite/oc-sprite.svg#moon-light");
}

.mode-toggle[data-active=true]::after {
  --icon-url: url("../sprite/oc-sprite.svg#check-light");
}
.mode-toggle[data-active=true] {
  margin-inline-end: -1rem;
  white-space: nowrap;
  color: var(--oc-color-text-muted);
}

.language-toggle--wrapper .button-popover-trigger::before {
  --icon-url: url("../sprite/oc-sprite.svg#translate-light");
}

.block-language .language-toggle--popover-content ul.links {
  flex-flow: column;
}
.block-language .language-toggle--popover-content ul.links::before {
  display: none;
}

.language-link::before {
  --icon-url: url("../sprite/oc-sprite.svg#check-light");
}
.language-link::before {
  opacity: 0;
}
.language-link.is-active::before {
  opacity: 0.75;
}
.language-link.is-active:focus, .language-link.is-active:hover {
  color: var(--oc-color-text-muted);
  background-color: transparent;
}

.language-toggle--wrapper {
  display: flex;
  gap: 0.25rem;
}

.language-toggle--wrapper::before {
  display: inline-block;
  align-self: center;
  white-space: nowrap;
  color: var(--oc-color-text-muted);
  font-size: var(--oc-font-size-xs);
}

.language-toggle--wrapper:has(.is-active[hreflang=de])::before {
  content: "DE";
}

.language-toggle--wrapper:has(.is-active[hreflang=en])::before {
  content: "EN";
}

.language-toggle--wrapper:has(.is-active[hreflang=fr])::before {
  content: "FR";
}

.openculturas-map[data-dirty=true] .openculturas-map--reload {
  opacity: 1;
}

.openculturas-map--reload {
  --oc-font-size-icon: var(--oc-font-size-icon-m);
}
.openculturas-map--reload::before {
  --icon-url: url("../sprite/oc-sprite.svg#magnifying-glass-light");
}
.openculturas-map--reload {
  position: relative;
  display: block;
  place-content: center;
  transition: opacity var(--oc-transition-duration) var(--oc-transition-timing-function);
  opacity: 0;
  box-shadow: var(--oc-box-shadow-centered);
  translate: 0 -29rem;
  margin-inline: auto;
  margin-block: 0;
}

.openculturas-map--results .profile--content {
  padding-inline-end: calc(2 * var(--oc-font-size-icon));
}
.openculturas-map--results .view-header {
  position: relative;
  z-index: 1;
  top: calc(-1 * (var(--oc-font-size-button-default) + 2 * var(--oc-button-padding)));
}

.openculturas-map .location,
.openculturas-map .field--name-field-address-data {
  padding-inline-end: var(--oc-font-size-icon);
}

.map-link-wrapper {
  position: absolute;
  inset-block-start: var(--oc-card-padding-block);
  inset-inline-end: calc(0.25 * var(--oc-card-padding-inline));
}
.node--type-event .map-link-wrapper {
  inset-block-start: calc(var(--oc-card-padding-block) + 0.75rem);
  inset-inline-end: calc(0.5 * var(--oc-card-padding-inline));
}

.map-link.button {
  margin-block-end: 0;
  border-color: transparent;
}

.openculturas-map--results-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.openculturas-map--results:has(.location-teaser) .map-link-wrapper {
  display: inline-flex;
  align-items: center;
  block-size: 100%;
  inset-block: 0 0;
}

.openculturas-map--container {
  position: relative;
  z-index: 2;
  overflow: visible;
  min-block-size: 20rem;
}

.openculturas-map--leaflet {
  min-block-size: 30rem;
}

.openculturas-map--results-picker > * {
  display: inline-block;
}

.block-views-exposed-filter-blocksearch-search-page .form-submit::before,
.block-views-exposed-filter-blocksearch-search-input .form-submit::before {
  --icon-url: url("../sprite/oc-sprite.svg#magnifying-glass-light");
}

#block-search-toggle {
  margin-block: 0;
  padding-block: 0;
}

.search-toggle--wrapper .button-popover-trigger::before {
  --icon-url: url("../sprite/oc-sprite.svg#magnifying-glass-light");
}

.search-toggle--popover-content {
  min-inline-size: 22rem;
  inline-size: 90%;
  max-inline-size: 40rem;
  inset: 0 0;
  margin: 7.5rem auto auto;
  padding: 0.5rem 1rem;
}
.search-toggle--popover-content form {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  margin: 1rem 0.5rem;
  padding: 0;
  gap: 1rem 1rem;
}
@media screen and (min-width: 48em) {
  .search-toggle--popover-content form {
    flex-flow: row;
    align-items: flex-end;
    justify-content: space-around;
    margin-inline: 2rem;
  }
}
.search-toggle--popover-content .form-text {
  inline-size: 100%;
  max-inline-size: unset;
}
.search-toggle--popover-content .form-item,
.search-toggle--popover-content .form-actions {
  align-self: unset;
  justify-self: unset;
  margin: 0 !important;
}
@media screen and (min-width: 48em) {
  .search-toggle--popover-content .form-item {
    flex-basis: calc(100% - 6rem);
  }
}
.search-toggle--popover-content .form-actions {
  display: block !important;
  align-self: unset;
}
@media screen and (min-width: 48em) {
  .search-toggle--popover-content .form-actions {
    display: flex !important;
    flex-basis: 5rem;
  }
}
.region-utilities-links .account-toggle--wrapper .menu {
  flex-flow: column;
  gap: 0;
  margin: 0;
}

.account-toggle--wrapper .button-popover-trigger::before {
  --icon-url: url("../sprite/oc-sprite.svg#user-light");
}

.page-title-wrapper {
  display: flex;
  gap: 0 var(--oc-gutter);
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
}
.page-title-wrapper > div:has(img) {
  flex-basis: var(--oc-column-width);
  padding-block-start: 0.5rem;
}
@media screen and (min-width: 48em) {
  .page-title-wrapper {
    flex-flow: row;
    align-items: start;
  }
}

.headlines-wrapper {
  text-align: center;
}
@media screen and (min-width: 48em) {
  .headlines-wrapper {
    text-align: start;
  }
}

.page-title:has(> .page-subtitle) {
  margin-block-end: 0;
}

h2.page-subtitle {
  margin-block-start: 0.5em;
  font-size: var(--oc-font-size-m);
}

.sub-type + .page-title {
  padding-block-start: 0;
}

.page-title:has(+ h2) {
  padding-block-end: 0;
}

@media screen and (min-width: 30em) {
  .oc_hero_layout_3 .headlines-wrapper {
    text-align: center;
  }
}
.oc_hero_layout_3 .page-title-wrapper {
  align-items: center;
}
.oc_hero_layout_3 .page-title-wrapper > div:has(img) {
  flex-basis: unset;
  padding-block-start: 0;
}
@media screen and (min-width: 48em) {
  .oc_hero_layout_3 .page-title-wrapper {
    flex-flow: column;
  }
}

@media screen and (min-width: 48em) {
  .oc_hero_layout_2.path-taxonomy .page-title-wrapper,
  .oc_hero_layout_2.path-taxonomy .headlines-wrapper {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}

.addtocal-toggle--wrapper {
  margin-block: 1rem;
}

.addtocal-toggle--wrapper .addtocal-toggle--trigger::before {
  --icon-url: url("../sprite/oc-sprite.svg#calendar-check-light");
}

.attribution--divider::after {
  margin: 0 0.25em;
  content: "|";
  opacity: 0.75;
}

.attribution img,
.section--hero .attribution img {
  object-fit: unset;
  inline-size: unset;
  block-size: unset;
}

.attribution img.attribution--license-icon,
.attribution img.attribution--creation-icon {
  display: inline-block;
  inline-size: auto;
  block-size: 1.25em;
  vertical-align: middle;
}

.attribution details,
.oc--attribution--layer details {
  inline-size: auto;
  margin-block: 0.5em;
  padding-block: 0;
  border-block-width: 0;
  font-size: var(--oc-font-size-s);
}
.attribution details .details-wrapper,
.oc--attribution--layer details .details-wrapper {
  padding-block: 0;
}
.attribution details[open] .details-wrapper,
.oc--attribution--layer details[open] .details-wrapper {
  padding-block: 0.5em;
}
.attribution summary,
.oc--attribution--layer summary {
  display: inline-flex;
  cursor: pointer;
  border-block-end: 0.0625rem solid var(--oc-color-info);
  margin-block: 0;
  padding-block: 0;
}
.attribution summary .details-title,
.oc--attribution--layer summary .details-title {
  font-family: var(--oc-font-family-default);
  font-size: var(--oc-font-size-s);
}
.attribution summary .summary,
.oc--attribution--layer summary .summary {
  padding-block: 0.333em;
  font-size: var(--oc-font-size-s);
}
.attribution:has(details) .attribution--stop,
.oc--attribution--layer:has(details) .attribution--stop {
  display: none;
}

.attribution--toggle-label {
  display: inline-flex;
  min-width: max-content;
}

.block-block-groupfacets-group {
  display: grid;
  grid-auto-flow: row;
  gap: 0;
  background-color: var(--oc-color-bg-exposed-form);
}
@media screen and (min-width: 48em) {
  .block-block-groupfacets-group {
    grid-auto-flow: column;
    gap: var(--oc-gutter);
  }
}

.block-facets {
  max-inline-size: 30rem;
}

summary.facet {
  --oc-font-size-icon: var(--oc-font-size-icon-m);
  padding: 1em var(--oc-gutter);
  color: var(--oc-color-interaction);
  border: 1px solid transparent;
  font-weight: var(--oc-font-weight-medium);
}
summary.facet:focus, summary.facet:hover {
  color: var(--oc-color-text-inverted);
  background-color: var(--oc-color-interaction);
}
summary.facet::after {
  flex-basis: 2em;
  justify-self: flex-end;
  transition: transform var(--oc-transition-duration) var(--oc-transition-timing-function);
  transform: rotate(0deg);
  transform-origin: center center;
}
summary.facet span {
  flex: 2 2 auto;
}

[open] summary.facet::after {
  transform: rotate(-180deg);
}

.facet-item a {
  text-decoration: none;
  color: var(--oc-color-interaction);
}
.facet-item a:focus, .facet-item a:hover {
  color: var(--oc-color-text-inverted);
  background-color: var(--oc-color-interaction);
}

.facet-item__count {
  color: var(--oc-color-text-muted);
}

.facets-widget-links ul.js-facets-widget {
  margin-block: 1em;
}
.facets-widget-links[open] summary {
  border-color: transparent transparent var(--oc-color-interaction);
}
.facets-widget-links[open] summary::before {
  transform: rotate(90deg);
}

a.facets-soft-limit-link {
  margin-inline-start: 2.5rem;
}

.facets-widget-links:has(.facet-active) summary::before {
  background-color: var(--oc-color-danger);
}

.facets-reset {
  font-weight: var(--oc-font-weight-medium);
}
.facets-reset::marker {
  color: transparent;
}

.facet-item:has(.is-active)::marker {
  color: transparent;
}

.facet-item .is-active::before {
  --icon-url: url("../sprite/oc-sprite.svg#x-light");
}
.facet-item .is-active {
  margin-inline-start: -1.5em;
}
.facet-item .is-active::before {
  background-color: var(--oc-color-danger);
}

.js-facet-deactivate {
  display: none;
}

#cookiesjsr {
  --cjsr-popover-backdrop-background: var(--oc-color-backdrop);
  --cjsr-popover-backdrop-filter: blur(3px);
  --cjsr-font-size-s: var(--oc-font-size-s);
  --cjsr-text-max-line: 80ch;
  --cjsr-color-main: var(--oc-color-interaction);
  --cjsr-color-base-light: var(--oc-color-bg-light);
  --cjsr-color-base-muted: var(--oc-color-slight-contrast);
  --cjsr-color-base-dark: var(--oc-text-color);
  --cjsr-color-switch: var(--oc-color-success);
  --cjsr-default-margin: var(--oc-gutter);
  --cjsr-banner-box-shadow: var(--oc-box-shadow-up);
  --cjsr-layer-header-font-color: var(--oc-color-text-inverted);
  --cjsr-layer-tab-font-color: var(--oc-color-text);
  --cjsr-layer-tab-active-font-color: var(--oc-color-text);
  --cjsr-layer-border-color: var(--oc-color-divider-dark);
  --cjsr-layer-footer-font-color: var(--oc-color-text-inverted);
  --cjsr-switch-bg-off: var(--oc-color-bg-slight-contrast);
}

.cookiesjsr-links--row a {
  padding: 0.25em 1em;
  text-decoration: underline;
  color: var(--oc-color-link);
}
.cookiesjsr-links--row a:focus, .cookiesjsr-links--row a:hover {
  color: var(--oc-color-text-inverted);
}

.cookiesjsr--app button.cookiesjsr-btn {
  margin-inline: 1rem;
  margin-block: 0.5rem;
}

.cookiesjsr-banner {
  gap: var(--oc-row-gap) var(--oc-gutter);
  padding: var(--oc-row-gap) calc(2 * var(--oc-gutter));
}
.gin--vertical-toolbar .cookiesjsr-banner {
  inset-inline-start: var(--drupal-displace-offset-left);
}

.cookiesjsr-banner .cookiesjsr-links--row a {
  padding: 0.25em 1em;
  text-decoration: underline;
  color: var(--oc-color-text-inverted);
}

.cookiesjsr-layer {
  border: 0.125rem solid var(--cjsr-color-base-light);
  background-color: var(--oc-color-bg-light);
}

.cookiesjsr-layer__body {
  background-color: var(--oc-color-bg-slight-contrast);
}

.cookiesjsr-layer .cookiesjsr-layer__close {
  text-indent: unset;
  color: var(--oc-color-interaction);
  background-color: var(--oc-color-text-inverted);
  background-image: unset;
}

.cookies-fallback {
  padding: 1.25rem 2.5rem;
  border-color: var(--oc-color-divider-light);
}
.cookies-fallback .cookies-fallback--btn {
  margin-block-end: 1.5rem;
  text-transform: unset;
  min-block-size: unset;
}
.cookies-fallback .cookies-fallback--link {
  padding: 0.5em 2em;
  font-size: unset;
}
.cookies-fallback .cookies-fallback--link:focus, .cookies-fallback .cookies-fallback--link:hover {
  text-decoration: none;
  color: var(--oc-button-focus-text-color);
  background: var(--oc-button-focus-bg-color);
}
.cookies-fallback .cookies-fallback--link:active {
  text-decoration: none;
  color: var(--oc-button-active-text-color);
  background: var(--oc-button-active-bg-color);
}

.cookies-fallback--wrap {
  inline-size: 100%;
  aspect-ratio: var(--oc-aspect-ratio-landscape);
}

.cookies-fallback--video {
  background-color: var(--oc-color-bg-slight-contrast);
  background-image: none;
}

.cookies-fallback--text {
  padding-block-end: 1rem;
  color: var(--oc-color-text);
  font-size: var(--oc-font-size-s);
}

.formtip {
  color: var(--oc-color-text-inverted);
  border: 0.125rem solid var(--oc-color-info);
  background-color: var(--oc-color-info);
}
.formtip::before {
  color: var(--oc-color-text-inverted);
}
.formtip:focus, .formtip:hover, .formtip:active {
  border-color: var(--oc-color-info);
  background-color: var(--oc-color-text-inverted);
}
.formtip:focus::before, .formtip:hover::before, .formtip:active::before {
  color: var(--oc-color-info);
}

.formtips-processed {
  padding: 1.25rem;
  border-radius: var(--oc-border-radius-tiny);
}
.formtips-processed::before {
  border: 6px solid transparent;
  border-block-end-color: var(--oc-color-info);
}
.formtips-processed a {
  -webkit-text-decoration: var(--oc-underline);
          text-decoration: var(--oc-underline);
  color: var(--oc-color-text-inverted);
}

.formtips-processed ul.tips,
div.description.formtips-processed,
.formtips-processed.filter-guidelines,
.form-item .description.formtips-processed,
.form-item__description.formtips-processed {
  color: var(--oc-color-text-inverted);
  border: 0.125rem solid var(--oc-color-info);
  background-color: var(--oc-color-info);
}

.leaflet-container {
  background: transparent;
  font-family: var(--oc-font-family-default);
  font-size: var(--oc-font-size-default);
  isolation: isolate;
}

.leaflet-container,
.leaflet-control-container {
  min-block-size: 30rem;
  max-block-size: 80dvh;
  block-size: 100%;
}

img.leaflet-marker-icon {
  filter: var(--oc-marker-colorizer);
  mask-image: url("../images/map_marker.svg");
  mask-position-y: -2px;
}

.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-large {
  background-color: transparent;
}
.marker-cluster-small div,
.marker-cluster-medium div,
.marker-cluster-large div {
  color: unset;
  background-color: unset;
}

.marker-cluster div {
  font: var(--oc-font-size-default) var(--oc-font-family-default);
}
.marker-cluster div,
.marker-cluster span {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--oc-color-text-inverted);
  border-radius: 50%;
  background-color: var(--oc-color-marker-icon);
  font-size: var(--oc-font-size-s);
  line-height: 1;
  inline-size: 1.5rem;
  block-size: 1.5rem;
}

.marker-located {
  border: 0.0625rem solid var(--oc-color-bg-light);
  border-radius: 100%;
  outline: 0.25rem solid var(--oc-color-info);
  background: var(--oc-color-info);
  inline-size: 0.9rem;
  block-size: 0.9rem;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  color: var(--oc-color-text);
  background: var(--oc-color-bg-light);
  box-shadow: var(--oc-box-shadow-centered);
}

.leaflet-popup-content-wrapper {
  border-radius: 2px;
}

.leaflet-popup-content {
  margin: 1rem 3rem 1.125rem 1rem;
  font-family: var(--oc-font-family-default);
  font-size: var(--oc-font-size-s);
}
.leaflet-popup-content a {
  font-weight: var(--oc-font-weight-bold);
}

.leaflet-container a.leaflet-popup-close-button {
  border-color: transparent;
  inset-block-start: 0.5em;
  inset-inline-end: 0.5em;
}

.dates-shortlist {
  margin-block-start: 1em;
}

.leaflet-popup-content span[class^=Event] {
  padding-inline-end: 0.5em;
}
.leaflet-popup-content time {
  padding-inline-end: 0.25em;
}

.leaflet-container .leaflet-control-container {
  position: relative;
  font-size: var(--oc-font-size-icon);
  block-size: 100%;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: var(--oc-divider-dark);
  border-color: var(--oc-color-interaction);
  box-shadow: var(--oc-box-shadow-centered);
}

.leaflet-control-locate span[aria-hidden],
.leaflet-control-locate span.leaflet-control-resetview-icon,
.leaflet-control > span[aria-hidden],
.leaflet-control > span.leaflet-control-resetview-icon,
.leaflet-bar span[aria-hidden],
.leaflet-bar span.leaflet-control-resetview-icon {
  display: none;
}
.leaflet-control-locate a,
.leaflet-control > a,
.leaflet-bar a {
  color: var(--oc-button-text-color);
  background-color: var(--oc-button-bg-color);
  background-image: unset;
}
.leaflet-control-locate a::before,
.leaflet-control > a::before,
.leaflet-bar a::before {
  box-sizing: initial;
  margin: 0;
  transform: none;
  inline-size: 100%;
  block-size: 100%;
  mask-size: 75%;
}
.leaflet-control-locate a:focus,
.leaflet-control-locate a:hover,
.leaflet-control > a:focus,
.leaflet-control > a:hover,
.leaflet-bar a:focus,
.leaflet-bar a:hover {
  color: var(--oc-button-focus-text-color);
  background-color: var(--oc-button-focus-bg-color);
}

a.leaflet-control-zoom-in::before {
  --icon-url: url("../sprite/oc-sprite.svg#plus-light");
}

a.leaflet-control-zoom-out::before {
  --icon-url: url("../sprite/oc-sprite.svg#minus-light");
}

.leaflet-control-resetview a::before {
  --icon-url: url("../sprite/oc-sprite.svg#arrow-counter-clockwise-light");
}

.leaflet-control-fullscreen a::before {
  --icon-url: url("../sprite/oc-sprite.svg#corners-out-light");
}

.leaflet-control-locate a::before {
  --icon-url: url("../sprite/oc-sprite.svg#target-light");
}
.leaflet-control-locate a .leaflet-control-locate-location-arrow {
  display: none;
}

.leaflet-control-geocoder {
  height: 34px;
  background-color: var(--oc-color-bg-light);
}

.leaflet-control-geocoder .leaflet-control-geocoder-icon {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  transform: none;
  color: var(--oc-button-text-color);
  border-radius: unset;
  background-color: var(--oc-button-bg-color);
  background-image: unset;
  font-size: var(--oc-font-size-icon);
}
.leaflet-control-geocoder .leaflet-control-geocoder-icon::before {
  position: absolute;
  margin: 0;
  transform: none;
  background-color: var(--oc-button-text-color);
  inset: 0;
  inline-size: auto;
  block-size: auto;
  mask-size: 75%;
}
.leaflet-control-geocoder .leaflet-control-geocoder-icon:focus, .leaflet-control-geocoder .leaflet-control-geocoder-icon:hover {
  color: var(--oc-button-focus-text-color);
  border-radius: 0;
  background-color: var(--oc-button-focus-bg-color);
}
.leaflet-control-geocoder .leaflet-control-geocoder-icon:focus::before, .leaflet-control-geocoder .leaflet-control-geocoder-icon:hover::before {
  background-color: var(--oc-button-focus-text-color);
}

.leaflet-control-geocoder-icon::before {
  --icon-url: url("../sprite/oc-sprite.svg#magnifying-glass-light");
}

.leaflet-control-geocoder-form input {
  padding: var(--oc-form-field-padding);
  font-size: var(--oc-font-size-s);
  line-height: 1;
  block-size: 1.75rem;
}

.leaflet-control-geocoder-form {
  vertical-align: middle;
}

.leaflet-control-geocoder-alternatives {
  position: relative;
  inset-block-start: -2rem;
  background-color: var(--oc-color-bg-light);
  margin-block: 0;
  box-shadow: var(--oc-box-shadow-down);
}

.content ul.leaflet-control-geocoder-alternatives {
  margin-block: 0;
  margin-inline-start: 2.5rem;
}

.leaflet-control-locate-location circle {
  fill: var(--oc-color-marker-icon) !important;
}

.leaflet-control-geocoder-error {
  color: var(--oc-color-danger);
}

.leaflet-control-geocoder-alternatives li {
  color: var(--oc-color-text);
  border-block-end: var(--oc-divider-light);
  font-size: var(--oc-font-size-s);
  line-height: 1.25;
  margin-block: 0;
  padding-block: 0.25em;
  padding-inline: 1em;
}

.leaflet-control-geocoder-alternatives li:hover,
.leaflet-control-geocoder-selected {
  color: var(--oc-color-text-inverted);
  background-color: var(--oc-color-interaction);
}
.leaflet-control-geocoder-alternatives li:hover a,
.leaflet-control-geocoder-selected a {
  color: var(--oc-color-text-inverted);
}

.leaflet-control-geocoder-address-context {
  color: var(--oc-color-text-muted);
}

.leaflet-bottom {
  inset-block-end: 0;
}

.leaflet-control-attribution {
  background-color: transparent;
  font-size: var(--oc-font-size-s);
}
.leaflet-control-attribution a {
  color: var(--oc-color-link);
}

.leaflet-pane > svg path.leaflet-interactive {
  stroke: var(--oc-color-info);
  fill: var(--oc-color-info);
  fill-opacity: 0.05;
}

.leaflet-container::after {
  padding: 1rem;
  color: var(--oc-color-text-inverted);
  background: var(--oc-color-bg-dark-opaque);
  font-family: var(--oc-font-family);
  font-size: var(--oc-font-size-m);
  font-weight: var(--oc-font-weight-semi-bold);
}

button:not([disabled]).shwpd {
  vertical-align: unset;
  color: var(--oc-color-interaction);
  border-color: transparent;
  background-color: var(--oc-input-bg-color);
  background-image: unset;
  background-position: unset;
  font-size: var(--oc-font-size-icon-l);
  line-height: unset;
}
button:not([disabled]).shwpd::before {
  transform: translateY(-0.25rem);
}

#edit-pass {
  display: flex;
}

.form-type-password {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  inline-size: 100%;
  max-inline-size: 43rem;
}
.form-type-password label {
  grid-row: 1;
}
.form-type-password input.form-text {
  grid-row: 2;
  grid-column: 1;
  inline-size: 100%;
  padding-inline-end: var(--oc-font-size-icon-xl);
}
.form-type-password .shwpd {
  grid-row: 2;
  grid-column: 1;
  align-self: center;
  justify-self: end;
  margin: 0;
}

.slimselect {
  --ss-primary-color: var(--oc-tag-bg-color);
  --ss-bg-color: var(--oc-input-bg-color);
  --ss-font-color: var(--oc-color-text);
  --ss-font-placeholder-color: var(--oc-input-placeholder-color);
  --ss-disabled-color: var(--oc-text-muted);
  --ss-border-color: var(--oc-input-border-color);
  --ss-highlight-color: var(--oc-color-interaction);
  --ss-success-color: var(--oc-color-success);
  --ss-error-color: var(--oc-color-danger);
  --ss-focus-color: var(--oc-input-focus-bg-color);
  --ss-main-height: 2rem;
  --ss-content-height: 18rem;
  --ss-spacing-l: 0.5em;
  --ss-spacing-m: 0.3em;
  --ss-spacing-s: 0.175em;
  --ss-animation-timing: var(--oc-transition-duration);
  --ss-border-radius: var(--oc-input-border-radius);
}

body .ss-main .ss-values {
  --ss-border-radius: 50vi;
  padding: var(--oc-form-field-padding);
  border: var(--oc-input-border);
  border-color: var(--oc-input-border-color);
  background: var(--oc-input-bg-color);
}
body .ss-main .ss-values .ss-value {
  padding: var(--oc-form-field-padding);
  border: var(--oc-input-border-width) var(--oc-input-border-style) var(--oc-input-border-color);
}
body .ss-main .ss-values .ss-value .ss-value-text,
body .ss-main .ss-values .ss-value .ss-value-delete svg path {
  color: var(--oc-color-text);
  stroke: var(--oc-color-text);
}
body .ss-main .ss-values .ss-value .ss-value-delete {
  border: none;
}
body .ss-main .ss-disabled .ss-values .ss-disabled {
  color: var(--oc-color-text-muted);
}
body .ss-main .ss-deselect {
  align-items: start;
  margin: 0.2rem;
  padding: 0.2rem;
  block-size: 1.75rem;
  inline-size: 2rem;
  text-align: center;
  border-radius: 50%;
}
body .ss-main .ss-deselect:hover svg path {
  stroke: var(--oc-color-text-inverted);
}
body .ss-main .ss-deselect svg {
  block-size: 16px;
}
body .ss-content .ss-list .ss-option {
  color: unset;
  background-color: transparent;
}
body .ss-content .ss-list .ss-option:hover, body .ss-content .ss-list .ss-option:focus {
  color: var(--oc-color-text-inverted);
  background-color: var(--oc-color-interaction);
}
body .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  color: unset;
  font-weight: var(--oc-font-weight-medium);
}

.ss-main .ss-values .ss-value .ss-value-text {
  font-size: var(--oc-font-size-s);
}

.ss-main .ss-values .ss-value .ss-value-delete {
  transform: scale(1.2);
}

.ss-main .ss-arrow {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  justify-content: flex-end;
  margin: var(--ss-spacing-l) var(--ss-spacing-m) auto var(--ss-spacing-m);
  inline-size: var(--oc-font-size-s);
  block-size: var(--oc-font-size-s);
}

.ss-content.ss-open-below {
  background-color: var(--oc-input-bg-color);
  box-shadow: var(--oc-box-shadow-down);
  scrollbar-color: var(--oc-scrollbar-color);
}

.popover-content.share-toggle--popover-content {
  padding: 0.25rem 0;
}
.popover-content.share-toggle--popover-content li {
  margin: 0;
}

.share-toggle--popover-button {
  margin: 1.5rem 1rem 0 0;
}

.popover-content .orientation-horizontal {
  display: flex;
  gap: 1rem;
  margin-inline: 1rem;
}
.popover-content .orientation-horizontal a {
  color: var(--oc-color-link);
  font-size: var(--oc-font-size-icon-m);
}
.popover-content .orientation-horizontal a span::before {
  margin-inline: 0.125em;
}

.block-social-media-links-block ul.social-platforms {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  list-style: none;
  gap: var(--oc-row-gap) var(--oc-gutter);
}

.content ul.social-platforms {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  line-height: 1;
  margin-block: var(--oc-row-gap);
  gap: var(--oc-row-gap) var(--oc-gutter);
}
.content ul.social-platforms li {
  margin: 0;
  padding: 0;
}

.field-social a {
  --oc-font-size-icon: var(--oc-font-size-icon-l);
  display: inline-block;
}

.swiffy-slider {
  --swiffy-slider-item-gap: var(--oc-gutter);
  --swiffy-slider-nav-dark: var(--oc-color-interaction);
  --swiffy-slider-snap-align: center;
  container-type: inline-size;
}

.slider-item-reveal {
  --swiffy-slider-item-reveal: var(--oc-column-width);
}

.swiffy-slider {
  --swiffy-slider-nav-outside-size: 0;
  --swiffy-slider-indicator-outside-size: 1.75rem;
}

.swiffy-slider button,
.swiffy-slider ul,
.swiffy-slider li {
  margin: 0;
}

.swiffy-slider .slider-container {
  --oc-shadow-space-block: 1rem;
  --oc-shadow-space-inline: 1rem;
  padding-block: var(--oc-shadow-space-block);
  margin-block: calc(-1 * var(--oc-shadow-space-block));
  padding-inline: var(--oc-shadow-space-inline);
  margin-inline: calc(-1 * var(--oc-shadow-space-inline));
}

@media screen and (max-width: 29.9999em) {
  .swiffy-slider li {
    max-inline-size: var(--oc-layout-width);
  }
}

.swiffy-slider.slider-indicators-outside {
  margin-block-end: calc(-0.5 * var(--swiffy-slider-indicator-outside-size));
  padding-block-end: var(--swiffy-slider-indicator-outside-size);
}

.swiffy-slider article.teaser {
  margin-block: calc(0.5 * var(--oc-card-margin-block));
  margin-inline: calc(0.5 * var(--oc-card-margin-inline));
}

.slider-nav-dark .slider-nav,
.slider-indicators-dark .slider-indicators > button:hover {
  opacity: 1;
  filter: unset;
}

button.slider-nav {
  border: var(--oc-button-border-width) var(--oc-button-border-style) var(--oc-button-border-color);
}
button.slider-nav:focus, button.slider-nav:hover {
  border-color: var(--oc-button-focus-border-color);
  background-color: var(--oc-button-focus-bg-color);
}
button.slider-nav:focus::after, button.slider-nav:hover::after {
  background-color: var(--oc-button-focus-text-color);
}

.slider-nav {
  --icon-url: url("../sprite/oc-sprite.svg#arrow-left-light");
}

.slider-nav-next {
  --icon-url: url("../sprite/oc-sprite.svg#arrow-right-light");
}

.slider-nav::after {
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 75%;
}

[dir=rtl] .slider-nav::after {
  transform: rotate(180deg);
}
[dir=rtl] .slider-nav.slider-nav-next::after {
  transform: rotate(0deg);
}

.slider-indicators-dark .slider-indicators > * {
  filter: invert(0);
  background-color: var(--oc-button-text-color);
}
.slider-indicators-dark .slider-indicators > *:focus, .slider-indicators-dark .slider-indicators > *:hover {
  opacity: 1;
  background-color: var(--oc-button-text-color);
}

.slider-indicators-dark .slider-indicators button.active {
  cursor: default;
}
.slider-indicators-dark .slider-indicators button.active:focus, .slider-indicators-dark .slider-indicators button.active:hover {
  border-color: transparent;
  background-color: var(--oc-button-text-color);
}

.swiffy-slider.slider-indicators-outside button.slider-nav {
  position: relative;
  display: inline-flex;
  padding: 0;
  margin-block: 0;
  margin-inline: 0 1rem;
  border-radius: 50%;
  inset-block-start: calc(0.5 * var(--oc-icon-button-size));
}

.swiffy-slider.slider-nav-autohide.slider-item-first-visible .slider-nav:not(.slider-nav-next),
.swiffy-slider.slider-nav-autohide.slider-item-last-visible .slider-nav.slider-nav-next {
  visibility: initial;
  opacity: 0.5;
}

.slider-nav::before,
.slider-nav::after {
  inline-size: var(--oc-icon-button-size);
  block-size: var(--oc-icon-button-size);
}

.slider-indicators {
  inset-block-end: var(--swiffy-slider-indicator-outside-size);
  margin-inline: 4rem 0;
}

@container (width > 48rem) {
  .slider-indicators {
    margin-inline: 6rem;
  }
}
.slider-indicators-outside {
  margin-block-end: calc(-1 * var(--swiffy-slider-indicator-outside-size));
}

@media screen and (min-width: 30em) {
  .swiffy-slider.slider-item-show2-sm .slider-container, .swiffy-slider.slider-item-show3 .slider-container, .swiffy-slider.slider-item-show4 .slider-container, .swiffy-slider.slider-item-show5 .slider-container {
    --swiffy-slider-item-count: 2;
  }
  .swiffy-slider.slider-indicators-outside .slider-indicators {
    display: flex;
  }
}
@media screen and (min-width: 48em) {
  .swiffy-slider.slider-item-show2 .slider-container, .swiffy-slider.slider-item-show3 .slider-container {
    --swiffy-slider-item-count: 2;
  }
  .swiffy-slider.slider-item-show4 .slider-container, .swiffy-slider.slider-item-show5 .slider-container {
    --swiffy-slider-item-count: 3;
  }
}
@media screen and (min-width: 70em) {
  .swiffy-slider.slider-item-show3 .slider-container {
    --swiffy-slider-item-count: 3;
  }
  .swiffy-slider.slider-item-show4 .slider-container, .swiffy-slider.slider-item-show5 .slider-container {
    --swiffy-slider-item-count: 4;
  }
}
@media screen and (min-width: 85em) {
  .swiffy-slider.slider-item-show5 .slider-container {
    --swiffy-slider-item-count: 5;
  }
}

@media screen and (min-width: 30em) {
  #supporters .swiffy-slider.slider-item-show3 .slider-container {
    --swiffy-slider-item-count: 3;
  }
}

.swiffy-slider.slider-item-show2-sm:not(:has(.slider-container > li:nth-child(3))) {
  --swiffy-slider-indicator-outside-size: 0;
  --swiffy-slider-item-count: 2;
}
.swiffy-slider.slider-item-show2-sm:not(:has(.slider-container > li:nth-child(3))) .slider-indicators,
.swiffy-slider.slider-item-show2-sm:not(:has(.slider-container > li:nth-child(3))) .slider-nav {
  display: none;
}

@media screen and (max-width: 29.9999em) {
  .swiffy-slider {
    --swiffy-slider-item-count: 1;
  }
}
@media screen and (min-width: 30em) {
  .swiffy-slider:not(:has(.slider-container > li:nth-child(2))), .swiffy-slider.slider-item-show2-sm:not(:has(.slider-container > li:nth-child(2))) {
    --swiffy-slider-indicator-outside-size: 0;
  }
  .swiffy-slider:not(:has(.slider-container > li:nth-child(2))) .slider-indicators,
  .swiffy-slider:not(:has(.slider-container > li:nth-child(2))) .slider-nav, .swiffy-slider.slider-item-show2-sm:not(:has(.slider-container > li:nth-child(2))) .slider-indicators,
  .swiffy-slider.slider-item-show2-sm:not(:has(.slider-container > li:nth-child(2))) .slider-nav {
    display: none;
  }
}
@media screen and (min-width: 48em) {
  .swiffy-slider.slider-item-show2:not(:has(.slider-container > li:nth-child(3))), .swiffy-slider.slider-item-show3:not(:has(.slider-container > li:nth-child(3))), .swiffy-slider.slider-item-show4:not(:has(.slider-container > li:nth-child(4))), .swiffy-slider.slider-item-show5:not(:has(.slider-container > li:nth-child(4))), .swiffy-slider.slider-item-show6:not(:has(.slider-container > li:nth-child(4))) {
    --swiffy-slider-indicator-outside-size: 0;
  }
  .swiffy-slider.slider-item-show2:not(:has(.slider-container > li:nth-child(3))) .slider-indicators,
  .swiffy-slider.slider-item-show2:not(:has(.slider-container > li:nth-child(3))) .slider-nav, .swiffy-slider.slider-item-show3:not(:has(.slider-container > li:nth-child(3))) .slider-indicators,
  .swiffy-slider.slider-item-show3:not(:has(.slider-container > li:nth-child(3))) .slider-nav, .swiffy-slider.slider-item-show4:not(:has(.slider-container > li:nth-child(4))) .slider-indicators,
  .swiffy-slider.slider-item-show4:not(:has(.slider-container > li:nth-child(4))) .slider-nav, .swiffy-slider.slider-item-show5:not(:has(.slider-container > li:nth-child(4))) .slider-indicators,
  .swiffy-slider.slider-item-show5:not(:has(.slider-container > li:nth-child(4))) .slider-nav, .swiffy-slider.slider-item-show6:not(:has(.slider-container > li:nth-child(4))) .slider-indicators,
  .swiffy-slider.slider-item-show6:not(:has(.slider-container > li:nth-child(4))) .slider-nav {
    display: none;
  }
}
@media screen and (min-width: 70em) {
  .swiffy-slider.slider-item-show3:not(:has(.slider-container > li:nth-child(4))), .swiffy-slider.slider-item-show4:not(:has(.slider-container > li:nth-child(5))), .swiffy-slider.slider-item-show5:not(:has(.slider-container > li:nth-child(4))), .swiffy-slider.slider-item-show6:not(:has(.slider-container > li:nth-child(4))) {
    --swiffy-slider-indicator-outside-size: 0;
  }
  .swiffy-slider.slider-item-show3:not(:has(.slider-container > li:nth-child(4))) .slider-indicators,
  .swiffy-slider.slider-item-show3:not(:has(.slider-container > li:nth-child(4))) .slider-nav, .swiffy-slider.slider-item-show4:not(:has(.slider-container > li:nth-child(5))) .slider-indicators,
  .swiffy-slider.slider-item-show4:not(:has(.slider-container > li:nth-child(5))) .slider-nav, .swiffy-slider.slider-item-show5:not(:has(.slider-container > li:nth-child(4))) .slider-indicators,
  .swiffy-slider.slider-item-show5:not(:has(.slider-container > li:nth-child(4))) .slider-nav, .swiffy-slider.slider-item-show6:not(:has(.slider-container > li:nth-child(4))) .slider-indicators,
  .swiffy-slider.slider-item-show6:not(:has(.slider-container > li:nth-child(4))) .slider-nav {
    display: none;
  }
}
@media screen and (min-width: 85em) {
  .swiffy-slider.slider-item-show5:not(:has(.slider-container > li:nth-child(6))), .swiffy-slider.slider-item-show6:not(:has(.slider-container > li:nth-child(7))) {
    --swiffy-slider-indicator-outside-size: 0;
  }
  .swiffy-slider.slider-item-show5:not(:has(.slider-container > li:nth-child(6))) .slider-indicators,
  .swiffy-slider.slider-item-show5:not(:has(.slider-container > li:nth-child(6))) .slider-nav, .swiffy-slider.slider-item-show6:not(:has(.slider-container > li:nth-child(7))) .slider-indicators,
  .swiffy-slider.slider-item-show6:not(:has(.slider-container > li:nth-child(7))) .slider-nav {
    display: none;
  }
}

.slide-visible .paragraph--teaser,
.swiffy-slider article.teaser {
  inline-size: 100%;
}

.platform-sponsors .swiffy-slider li,
#supporters .swiffy-slider li {
  display: flex;
  align-items: center;
  justify-content: center;
}

.moderation--section.layout {
  padding-block: 0;
}

.moderation--section .block {
  margin-block-end: var(--oc-row-gap);
}

.moderation--section.layout-oc2col-section {
  gap: 0;
  flex-flow: column;
}
.moderation--section.layout-oc2col-section > .section--first,
.moderation--section.layout-oc2col-section > .section--second {
  flex: 1 1 auto;
}
.moderation--section.layout-oc2col-section .content-moderation-info .label {
  white-space: nowrap;
}
.moderation--section.layout-oc2col-section .content-moderation-entity-moderation-form {
  margin-block-end: 0;
}
.moderation--section.layout-oc2col-section form {
  margin-block-end: 0;
}

.path-node .moderation--section:not(:has(.entity-moderation-form)) .section--first {
  inline-size: 0;
  flex-basis: unset;
}
.path-node .moderation--section:not(:has(.entity-moderation-form)) .section--last {
  inline-size: 100%;
}

.entity--unpublished {
  outline: 0.125rem dashed var(--oc-color-danger);
  outline-offset: 0.125rem;
  background-color: var(--oc-color-bg-warning);
}
.entity--unpublished.view-mode-full {
  outline-width: 0.1875rem;
  outline-offset: 0.5rem;
  background-color: transparent;
}

.entity--unpublished::before {
  position: absolute;
  z-index: 1;
  display: block;
  padding: 0.25em 1em;
  content: "Unpublished";
  text-align: center;
  color: var(--oc-color-danger);
  background-color: var(--oc-color-bg-danger);
  font-size: var(--oc-font-size-s);
  inline-size: auto;
}
html[lang=de] .entity--unpublished::before {
  content: "Unveröffentlicht";
}
.block-system-main-block > .entity--unpublished::before {
  position: relative;
  display: block;
  padding: var(--oc-row-gap) var(--oc-gutter);
  color: var(--oc-color-danger);
  background-color: var(--oc-color-bg-danger);
  font-size: var(--oc-font-size-m);
  font-weight: var(--oc-font-weight-bold);
}

.teaser.entity--unpublished::after {
  --icon-url: url("../sprite/oc-sprite.svg#warning-fill");
}
.teaser.entity--unpublished::after {
  --oc-font-size-icon: var(--oc-font-size-icon-l);
  position: absolute;
  z-index: 2;
  color: var(--oc-color-warning-dark);
  inset-inline-start: 0;
  inset-block-start: 0;
}

.node--workflow-pending::before {
  position: absolute;
  z-index: 1;
  display: block;
  content: "Review pending";
  color: var(--oc-color-warning-dark);
  background-color: var(--oc-color-bg-warning);
  inline-size: auto;
}
html[lang=de] .node--workflow-pending::before {
  content: "Freigabe ausstehend";
}

.profile-teaser .entity--unpublished::before,
.profile-teaser .node--workflow-pending::before {
  padding: 1em 2em;
  font-size: var(--oc-font-size-xs);
}

.profile-teaser.view-mode-embedded-teaser .entity--unpublished::before,
.profile-teaser.view-mode-embedded-teaser .node--workflow-pending::before {
  position: absolute;
  z-index: 1;
  inline-size: 100%;
  inset-block-start: 1em;
  opacity: 0.8;
}

.entity--unpublished.view-mode-compact {
  margin-block-start: 0.25em;
}
.entity--unpublished.view-mode-compact::before {
  position: absolute;
  z-index: 1;
  padding: 0 0.25rem;
  font-size: var(--font-size-s);
  inset-block-start: -0.25em;
  inset-inline-end: 0;
}
.entity--unpublished.view-mode-compact::after {
  inset-inline-start: -0.5rem;
  inset-block-start: -0.5rem;
}

.content-moderation-entity-moderation-form {
  margin-block: 0 var(--oc-section-spacing);
  padding-inline: 2.5rem;
  padding-block: var(--oc-row-gap);
  background-color: var(--oc-color-bg-warning);
}

.entity-moderation-form__item:has(.form-item-current) {
  font-size: var(--oc-font-size-l);
}

.entity-moderation-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--oc-row-gap) var(--oc-gutter);
  margin: 0;
  padding: 0;
  border: 0 none;
  background-color: transparent;
}
.entity-moderation-form li {
  margin: 0;
}
.entity-moderation-form .form-item {
  margin-block: 0;
  padding-block: 0;
}
.entity-moderation-form .form-item label {
  margin: 0;
  padding-inline-start: 0;
}
.entity-moderation-form input,
.entity-moderation-form input[type=submit] {
  margin: 0;
}

.block-views-blockoc-er-mod-states-block-states-info {
  color: var(--oc-color-info);
  background: var(--oc-color-bg-info);
  margin-block: 0;
  padding-block: var(--oc-row-gap);
  padding-inline: 2.5rem;
}

.referenced-states-info .description {
  margin-block-start: 1em;
}

.block-extra-field-blocknodedatecontent-moderation-control + .block-views-blockoc-er-mod-states-block-states-info {
  margin-block-start: calc(-1 * var(--oc-section-spacing) + 0.25rem);
}

@media screen and (min-width: 30em) {
  .content-moderation-entity-moderation-form,
  .block-views-blockoc-er-mod-states-block-states-info {
    margin-inline: 0;
  }
}

.field {
  max-inline-size: 100%;
}

.field__item > p:first-child {
  margin-block-start: 0;
}

.field--label-above,
.field--label-inline {
  margin-block-start: var(--oc-row-gap);
}

.field--label-inline .field__label {
  position: relative;
  display: inline-block;
  padding-inline-end: 0.75rem;
}
.field--label-inline .field__items,
.field--label-inline .field__item,
.field--label-inline p {
  display: inline;
}
.field--label-inline .field__item:not(:last-child)::after {
  content: "//";
}
.field--label-inline .field__item.field__item.reference--taxonomy_term::after {
  content: "";
}

.field--name-field-inlanguage .field__items,
.field--name-field-inlanguage li.field__item,
.field--name-field-inlanguage p {
  display: inline;
  margin: 0;
}
.field--name-field-inlanguage .field__item:not(:last-child)::after {
  display: inline;
  content: "//";
}

h2 p {
  margin: 0;
}

.field--type-integer .prefix::after,
.field--type-integer .suffix::before {
  content: " ";
}

.field--name-field-subtitle p {
  margin-block: 0;
}

.detailed-question blockquote {
  display: inline-block;
  margin-block: 0 var(--oc-row-gap);
}

@container (width < 32rem) {
  .field-email,
  .field-url {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    inline-size: 100%;
  }
}
.field--name-field-location-virtual.field--label-inline {
  margin-block-start: 0;
}

.block--a11y > h2 {
  grid-column: 1/-1;
  order: 1;
}
.block--a11y .field--name-field-a11y-features {
  order: 3;
}
.block--a11y .field--name-field-trigger-warnings {
  order: 4;
}
.block--a11y .field--name-field-a11y-info {
  grid-column: 1/-1;
  order: 5;
}
.block--a11y .paragraph--type--a11y-wheelchair {
  order: 2;
}

@media screen and (min-width: 30em) {
  .section--aside .block--a11y {
    --oc-grid-item-count: 2;
  }
}
@media screen and (min-width: 48em) {
  .section--aside .block--a11y {
    --oc-grid-item-count: 1;
    padding-block-start: calc(1.825 * var(--oc-font-size-xxl));
  }
}

.field--name-field-badges {
  font-weight: var(--oc-font-weight-bold);
}
.field--name-field-badges * {
  display: inline;
}

.badge--peer::before {
  --icon-url: url("../sprite/oc-sprite.svg#seal-fill");
}
.badge--peer {
  color: var(--oc-color-primary);
}

.profile-teaser .badge--peer {
  color: var(--oc-color-primary);
}

.profile-teaser .field--name-field-badges {
  grid-area: picture;
  margin: 0;
  inset-inline-start: 45%;
}
.profile-teaser .field--name-field-badges .field__item {
  display: inline-block;
  overflow: hidden;
  inline-size: calc(2rem + 2px);
  block-size: calc(2rem + 2px);
}

.profile-teaser.view-mode-compact .field--name-field-badges {
  inset-block-start: -0.25%;
}
.profile-teaser.view-mode-compact .field--name-field-badges .field__item {
  padding: 0;
  inline-size: calc(1.25rem + 2px);
  block-size: calc(1.25rem + 2px);
}

.field--name-field-event-status .field__item {
  display: inline-block;
}

.EventScheduled {
  --oc-status-color-bg: transparent;
  --oc-status-color-text: var(--oc-color-text);
}
.EventScheduled .field--name-field-event-status .field__item {
  color: var(--oc-status-color-text);
  background-color: var(--oc-status-color-bg);
  padding-inline: 0;
}

.EventMovedOnline,
.EventRescheduled {
  --oc-status-color-bg: var(--oc-color-bg-dark);
  --oc-status-color-text: var(--oc-color-text-inverted);
}
.EventMovedOnline.views-row .field--name-field-event-status .field__item,
.EventMovedOnline .date-main--status .field--name-field-event-status .field__item,
.EventRescheduled.views-row .field--name-field-event-status .field__item,
.EventRescheduled .date-main--status .field--name-field-event-status .field__item {
  padding: 0.125rem 0.5rem;
  color: var(--oc-status-color-text);
  background-color: var(--oc-status-color-bg);
}

.EventCancelled,
.EventPostponed {
  --oc-status-color-bg: var(--oc-color-danger);
  --oc-status-color-text: var(--oc-color-text-inverted);
}
.EventCancelled.views-row .field--name-field-event-status .field__item,
.EventCancelled .date-main--status .field--name-field-event-status .field__item,
.EventPostponed.views-row .field--name-field-event-status .field__item,
.EventPostponed .date-main--status .field--name-field-event-status .field__item {
  padding: 0.125rem 0.5rem;
  color: var(--oc-status-color-text);
  background-color: var(--oc-status-color-bg);
}

.EventScheduled .date-main--status,
.EventScheduled.views-row .field--name-field-event-status {
  display: none;
}

.leaflet-popup .EventScheduled,
.leaflet-popup .EventRescheduled {
  display: none;
}
.leaflet-popup .EventCancelled,
.leaflet-popup .EventPostponed,
.leaflet-popup .EventMovedOnline {
  color: var(--oc-color-danger);
}

.intro-inline > .field--name-field-references {
  grid-template-columns: 1fr;
  grid-column: 2/-1;
}
.attribution {
  font-size: var(--oc-font-size-s);
}

figcaption .attribution {
  font-weight: var(--oc-font-weight-normal);
}

.attribution-toggle {
  --oc-font-size-icon: var(--oc-font-size-icon-default);
  position: absolute;
  inset-block-start: 0.5rem;
  inset-inline-start: 0.5rem;
  z-index: 1;
}

.attribution-popover-trigger::before {
  --icon-url: url("../sprite/oc-sprite.svg#copyright-fill");
}
.attribution-popover-trigger {
  color: var(--oc-color-text-inverted);
  border-width: 0.25rem;
  border-color: transparent;
  background-color: var(--oc-color-info);
  background-clip: padding-box;
}
.attribution-popover-trigger::before {
  --oc-font-size-icon: var(--oc-font-size-icon-m);
  font-size: var(--oc-font-size-icon);
  block-size: 100%;
  inline-size: 100%;
}
.attribution-popover-trigger:focus::before, .attribution-popover-trigger:hover::before {
  background-color: var(--oc-color-text-inverted);
}

.attribution-toggle:has(div[class*=attribution--license-cc]) .attribution-popover-trigger::before,
.attribution-toggle:has(div[class*=attribution--creation-ai]) .attribution-popover-trigger::before {
  transform: translateY(0);
  font-size: var(--oc-font-size-icon);
  block-size: 100%;
  inline-size: 100%;
}

.attribution-toggle--popover-content {
  padding: var(--oc-row-gap) var(--oc-gutter);
  color: var(--oc-color-info);
  background: var(--oc-color-bg-info);
}
.attribution-toggle--popover-content a {
  color: currentColor;
}
.attribution-toggle--popover-content a:focus, .attribution-toggle--popover-content a:hover {
  color: var(--oc-color-link-focus-text);
}

.office-hours {
  min-inline-size: 20ch;
}
.office-hours:has(th.inline) thead,
.office-hours thead tr {
  block-size: 2.5rem;
}
.office-hours th.inline {
  position: absolute;
  inline-size: 100%;
}

.office-hours tbody th {
  inline-size: 12ch;
}

.office-hours-status.office-hours-status--closed {
  color: var(--oc-color-danger);
}
.office-hours-status.office-hours-status--open {
  color: var(--oc-color-success);
}

.field--type-office-hours .field__items {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem 2rem;
  justify-content: space-between;
}
.field--type-office-hours .field__item:has(.office-hours-status) {
  flex-basis: 100%;
}
.field--type-office-hours .field__item {
  min-inline-size: calc(50% - 1rem);
}

@media screen and (min-width: 30em) {
  .layout-oc2col-section .field--name-field-people-reference > .field__items {
    --oc-grid-item-count: 2;
  }
}
@media screen and (min-width: 48em) {
  .layout-oc2col-section .field--name-field-people-reference > .field__items {
    --oc-grid-item-count: 3;
  }
}
@media screen and (min-width: 70em) {
  .layout-oc2col-section .field--name-field-people-reference > .field__items {
    --oc-grid-item-count: 4;
  }
}

.text-formatted,
.field--name-field-heading {
  max-inline-size: var(--text-max-line);
}

.align-left,
.align-right {
  float: none;
}
@media screen and (min-width: 85em) {
  .align-left,
  .align-right {
    max-inline-size: 50ch;
  }
}
@media screen and (min-width: 120em) {
  .align-left,
  .align-right {
    max-inline-size: none;
  }
}

@media screen and (min-width: 85em) {
  .align-left {
    float: left;
    margin-right: var(--oc-gutter);
  }
}

@media screen and (min-width: 85em) {
  .align-right {
    float: right;
    margin-left: var(--oc-gutter);
  }
}

.align-left ~ h3 {
  clear: both;
}

figure.align-center {
  inline-size: 100%;
  text-align: center;
}

.text-formatted .media {
  margin-block-end: var(--oc-row-gap);
}

@container copy-area (width > 90ch) {
  .field--name-body,
  .field--name-field-started,
  .field--name-field-url {
    margin-inline-start: calc(2 * var(--oc-grid-step));
  }
  article.teaser .field--name-body {
    margin-inline-start: unset;
  }
  .text-formatted .media.align-left {
    margin-left: calc(-1 * var(--oc-grid-step));
    margin-block-start: calc(0.5 * var(--oc-row-gap));
  }
  .text-formatted .media.align-right {
    margin-right: calc(-1 * var(--oc-grid-step));
    margin-block-start: calc(0.5 * var(--oc-row-gap));
  }
}
.flag {
  position: relative;
}

a.flag--link,
.flag--button {
  margin: 1.5rem 1rem 0 0;
}

.flag .flag--button.disabled {
  opacity: 0.5;
}

a.flag--link {
  display: inline-block;
  color: var(--oc-color-interaction);
}

.js-flag-message {
  position: absolute;
  z-index: 1;
  display: block;
  margin: 0;
  padding: 0.5rem 1rem;
  text-align: end;
  white-space: nowrap;
  border-color: var(--oc-color-success);
  background-color: var(--oc-color-bg-success);
  font-size: var(--oc-font-size-s);
  inset-inline-start: 3rem;
  inset-block-start: -0.5rem;
}

.js-flag-message {
  transform: translateX(calc(-50% - var(--oc-gutter)));
}

.action-flag .js-flag-message {
  border-color: var(--oc-color-warning);
  background-color: var(--oc-color-bg-warning);
}

.flag-bookmark-node .flag--link,
.flag-bookmark-node .flag--button,
.flag-bookmark-term .flag--link,
.flag-bookmark-term .flag--button,
.flag-bookmark-node.action-unflag .flag--link,
.flag-bookmark-node.action-unflag .flag--button,
.flag-bookmark-term.action-unflag .flag--link,
.flag-bookmark-term.action-unflag .flag--button {
  margin: 0;
  border-width: var(--oc-button-border-width);
  border-style: var(--oc-button-border-style);
  border-color: var(--oc-button-border-color);
}
.block-layout-builder:has(.flag),
.flag,
.block-layout-builder:has(.share-buttons),
.share-buttons,
.extra-field-social-media-buttons {
  position: relative;
  display: inline-block;
  inline-size: max-content;
  flex-basis: max-content;
}

.section--essentials .block-layout-builder:has(.flag),
.section--essentials .block-layout-builder:has(.share-buttons) {
  align-self: flex-end;
}

.block-layout-builder:has(.flag.flag-bookmark-node), .block-layout-builder:has(.flag.flag-bookmark-term) {
  position: absolute;
  inline-size: auto;
  inset-block-start: calc(0.5 * var(--oc-font-size-xxl));
  inset-inline-end: 0.5rem;
  z-index: 1;
}

.bookmarks .flag.action-unflag .flag--button:focus::before, .bookmarks .flag.action-unflag .flag--button:hover::before {
  border-color: var(--oc-color-danger);
  background-color: var(--oc-color-bg-danger);
}

.media img,
.media iframe,
.media video,
.media audio {
  border-radius: var(--oc-image-border-radius);
}
.media .field {
  margin-block: 0;
}
.media p {
  margin: 0;
}

.field--name-field-media {
  inline-size: max-content;
}

.media--view-mode-gallery iframe {
  block-size: inherit;
  aspect-ratio: var(--oc-aspect-ratio-landscape);
}

.text-formatted .media,
.paragraph--type--media,
.paragraph--type--gallery {
  margin-block: var(--oc-row-gap);
}

.media figcaption:has(.field),
.paragraph--type--media .field--name-field-caption,
.text-formatted .media + figcaption {
  display: inline-block;
  border-width: var(--oc-caption-border-width);
  border-style: var(--oc-caption-border-style);
  border-color: var(--oc-caption-border-color);
  border-radius: var(--oc-caption-border-radius);
  background: var(--oc-bg-caption);
  padding-block: var(--oc-row-gap);
  padding-inline: var(--oc-gutter);
}

.text-formatted .media + figcaption {
  inline-size: 100%;
}

.media figcaption .field {
  padding: 0;
  color: var(--oc-color-text-caption);
  font-style: italic;
}

.field--name-field-caption p {
  margin-block: 0;
}

.media--view-mode-gallery .field--name-name {
  font-weight: var(--oc-font-weight-semi-bold);
}

.field--name-field-media-audio-file::before {
  --icon-url: url("../sprite/oc-sprite.svg#microphone-stage-light");
}
.field--name-field-media-audio-file {
  display: inline-block;
  padding-block-start: 3rem;
  color: var(--oc-color-text-muted);
  background-color: var(--oc-color-bg-slight-contrast);
  max-inline-size: 42.5rem;
}
.field--name-field-media-audio-file::before {
  display: block;
  margin: 0;
  transform: translateX(0) translateY(-40%);
  font-size: var(--oc-font-size-icon-xxl);
  padding-block: 0 2rem;
  inline-size: 100%;
  mask-position-y: 0;
  mask-size: contain;
}

.field--name-field-logo {
  padding-block: 0 1rem;
  padding-inline: 3rem;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .field--name-field-logo {
    float: inline-end;
    text-align: start;
    padding-inline: 3rem 0;
  }
}

.sponsors .media,
#supporters .media {
  display: grid;
  block-size: 100%;
  inline-size: 100%;
  place-items: center;
}
.sponsors .media img,
#supporters .media img {
  min-block-size: 4rem;
  max-block-size: 6rem;
  inline-size: auto;
  max-inline-size: 10rem;
}
.sponsors .media img[src*=".svg"],
.sponsors .media svg,
#supporters .media img[src*=".svg"],
#supporters .media svg {
  min-block-size: 5rem;
  block-size: 100%;
  inline-size: auto;
}

.media > a:focus,
.media > a:hover {
  background-color: transparent;
}

.media img {
  image-orientation: none;
}

.media--view-mode-download {
  --oc-font-size-icon: var(--oc-font-size-icon-xl);
  max-inline-size: fit-content;
}
.media--view-mode-download .file--download {
  padding: 0.75rem 2rem 0.75rem 1rem;
  border: 0.125rem solid var(--oc-color-link);
  max-inline-size: fit-content;
  margin-block: var(--oc-row-gap);
}
.media--view-mode-download .file--download:has(a:hover, a:focus) {
  color: var(--oc-color-link-focus-text);
  background-color: var(--oc-color-link-focus-bg);
}
.media--view-mode-download a.file::before {
  --icon-url: url("../sprite/oc-sprite.svg#download-simple-light");
}
.media--view-mode-download a.file {
  display: inline-flex;
}
.media--view-mode-download a.file::before {
  position: relative;
  inset-inline-start: 0;
  inset-block-start: calc(-0.125 * var(--oc-font-size-icon));
}
.media--view-mode-download .meta {
  display: block;
  text-indent: calc(var(--oc-font-size-icon) * 1.333);
  color: currentColor;
  font-size: var(--oc-font-size-s);
}

.media--view-mode-download .attribution-toggle {
  position: absolute;
  inset-block: auto 0.5rem;
  inset-inline: auto 0.5rem;
  inline-size: var(--oc-icon-button-size);
  block-size: var(--oc-icon-button-size);
}

.region-breadcrumbs > .block {
  padding-block: var(--oc-row-gap);
}

.breadcrumbs {
  color: var(--oc-color-text-muted);
  font-size: var(--oc-font-size-s);
}
.breadcrumbs ol {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  list-style: none;
  padding-inline: 0;
  gap: 0;
}
.breadcrumbs nav a::after {
  --icon-url: url("../sprite/oc-sprite.svg#caret-right-light");
}
.breadcrumbs nav a {
  padding-inline: 0.25rem;
}
.breadcrumbs nav a::after {
  transition: transform var(--oc-transition-duration) var(--oc-transition-timing-function);
}
.breadcrumbs nav a:focus::after, .breadcrumbs nav a:hover::after {
  transform: translateY(0.125em) rotate(180deg);
}

.toolbar-button {
  display: flex !important;
}

.admin-toolbar__expand-button {
  --oc-button-border-radius: 50%;
  padding: revert;
}

.toolbar button.toolbar-icon:not([disabled]):focus, .toolbar button.toolbar-icon:not([disabled]):hover,
.toolbar-tray a:focus,
.toolbar-tray a:hover,
.toolbar-tray a:focus,
.toolbar-tray a:hover {
  background-color: transparent;
}

.menu,
.links {
  display: flex;
  flex-flow: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu li,
.links li {
  margin-block: 0;
}

.menu {
  margin-inline-end: var(--oc-gutter);
}

.menu--header-highlights .menu {
  flex-flow: row wrap;
}

ul.menu ul {
  margin-inline-start: var(--oc-gutter);
}

.header__highlights-menu {
  display: none;
  max-inline-size: 100%;
}
.header__highlights-menu .menu {
  gap: 1rem 2rem;
}
.header__highlights-menu a {
  color: var(--oc-color-link);
  border-bottom-color: var(--oc-color-text);
  padding-block: 0.5em;
}
@media screen and (min-width: 48em) {
  .header__highlights-menu {
    display: block;
  }
}
@media screen and (min-width: 70em) {
  .header__highlights-menu {
    margin-block: 1rem 0;
  }
}

.pager__items,
.js-pager__items {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  gap: var(--oc-row-gap) var(--oc-gutter);
  margin-block: var(--oc-row-gap);
}
.pager__items li,
.js-pager__items li {
  margin-block: 0;
  place-content: center;
}

.js-pager__items {
  --oc-color-menu-link: var(--oc-color-interaction);
  --oc-color-menu-link-focus-bg: var(--oc-color-interaction);
}

.pager__item span[aria-hidden] {
  display: none;
}

.pager__item a {
  display: inline-flex;
  place-content: center;
  padding: 0.5rem 0.75rem;
  line-height: 1;
}
nav .pager__item a {
  border-color: transparent;
}

.pager__item.is-active a {
  font-weight: var(--oc-font-weight-bold);
}

[class*=pager__item--] a {
  font-size: 1.5em;
  padding-inline: 0.5rem;
}
[class*=pager__item--] a::before {
  transform: none;
}

.pager:has([data-drupal-views-infinite-scroll-pager]) {
  margin-block-start: calc(2 * var(--oc-row-gap));
  text-align: center;
}

.tabs {
  display: inline-flex;
  flex-flow: row wrap;
  margin-block-end: var(--oc-row-gap);
  list-style: none;
  gap: 0.5rem 1rem;
  padding-inline: 0;
}
.tabs li {
  margin: 0.5rem 0;
}
.tabs a {
  padding: 0.25em 1em;
  text-decoration: none;
  color: var(--oc-color-interaction);
  border-block-end: 0.0625rem solid var(--oc-color-bg-slight-contrast);
}
.tabs a.is-active {
  border-block-end: 0.125rem solid var(--oc-color-interaction);
}
.tabs a:focus, .tabs a:hover {
  color: var(--oc-color-link);
  border-block-end: 0.125rem solid var(--oc-color-interaction);
  background-color: transparent;
}

.tabs.secondary {
  border-width: 0;
  background-color: transparent;
  padding-inline: 0;
}
.tabs.secondary a {
  color: var(--oc-color-link);
  border: 0 solid currentColor;
  box-shadow: none;
  font-weight: var(--oc-font-weight-semi-bold);
}
.tabs.secondary a.current {
  border-width: 0 0 3px;
  border-radius: 0;
  background: transparent;
}
.tabs.secondary a:focus, .tabs.secondary a:hover {
  color: var(--oc-color-text-inverted);
  background-color: var(--oc-color-interaction);
}

header.header {
  --oc-button-border-color: transparent;
}

.header__burger {
  align-self: start;
  justify-self: end;
}

.header__burger--buttons {
  --oc-font-size-icon: var(--oc-font-size-icon-l);
}
.header__burger--buttons::before {
  --icon-url: url("../sprite/oc-sprite.svg#list-light");
}
.header__burger--buttons {
  text-indent: 0;
  border-radius: 0;
}
.header__burger--buttons::before, .header__burger--buttons.burger--close::before {
  transform: unset;
  margin-inline: 0;
}

.menu--call-to-action {
  --oc-font-size-icon: var(--oc-font-size-icon-xxl);
}
.menu--call-to-action .menu {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  gap: var(--oc-row-gap) 0;
}
@media screen and (min-width: 48em) {
  .menu--call-to-action .menu {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--oc-row-gap) var(--oc-gutter);
  }
}
.menu--call-to-action .menu-item {
  display: flex;
  border: 2px solid transparent;
}
.menu--call-to-action .menu-item > a {
  align-items: center;
  padding: var(--oc-row-gap) var(--oc-gutter);
  color: var(--oc-color-text-inverted);
  border-color: transparent;
  border-radius: var(--oc-button-border-radius);
  background: linear-gradient(90deg, var(--oc-color-interaction), var(--oc-color-link));
  block-size: 100%;
  inline-size: 100%;
}
.menu--call-to-action .menu-item > a:hover, .menu--call-to-action .menu-item > a:focus {
  color: var(--oc-color-link-focus-text);
  background: var(--oc-color-link-focus-bg);
}
@media screen and (min-width: 48em) {
  .menu--call-to-action .menu-item {
    inline-size: calc(50% - var(--oc-gutter) / 2);
    min-block-size: 8rem;
  }
}
.menu--call-to-action li.menu-item > a::before {
  transform: unset;
}

.menu--call-to-action .menu-item a {
  display: grid;
  grid-template-columns: var(--oc-font-size-icon) auto;
  gap: 0 var(--oc-gutter);
}
.menu--call-to-action .menu-link-title {
  grid-row: 1;
  grid-column: 2;
  font-size: var(--oc-font-size-m);
}
.menu--call-to-action .menu-link-description {
  grid-row: 2;
  grid-column: 2;
}

.teaser {
  hyphens: auto;
}

article.teaser,
.calendar .universal-teaser {
  margin-block: var(--oc-card-margin-block);
  margin-inline: var(--oc-card-margin-inline);
  padding: 0;
  border: var(--oc-card-border);
  border-width: var(--oc-card-border-width);
  border-radius: var(--oc-card-border-radius);
  background: var(--oc-card-background);
  box-shadow: var(--oc-card-box-shadow);
  block-size: var(--oc-card-height-equalizer);
  max-inline-size: 100%;
}

.teaser--top {
  overflow: hidden;
  border-radius: var(--oc-card-radius-calculated) var(--oc-card-radius-calculated) 0 0;
  margin-block: var(--oc-card-image-padding-block) 0;
  margin-inline: var(--oc-card-image-padding-inline);
}
.teaser--top img {
  display: block;
}

.teaser--top.no-image {
  inline-size: 100%;
  aspect-ratio: var(--oc-aspect-ratio-landscape);
}

.teaser--body {
  padding-block-start: var(--oc-card-padding-block);
  padding-block-end: var(--oc-card-padding-block);
  padding-inline: var(--oc-card-padding-inline);
}
.teaser--body > .field__label {
  margin-block-end: 0;
}

.teaser .field--name-field-subtitle {
  font-weight: var(--oc-font-weight-teaser-subtitle);
}

h3.teaser--title,
h4.teaser--title {
  font-family: var(--oc-font-family-default);
  font-size: var(--oc-font-size-m);
  margin-block: 0;
  font-weight: var(--oc-font-weight-bold);
}
h3.teaser--title a,
h4.teaser--title a {
  text-decoration: none;
}
h3.teaser--title a:focus, h3.teaser--title a:hover,
h4.teaser--title a:focus,
h4.teaser--title a:hover {
  color: var(--oc-color-link-focus-text);
  background-color: var(--oc-color-link-focus-bg);
}

.view-mode-compact:not(.views-field) {
  padding-block: 0.5rem;
}
.view-mode-compact:not(.views-field) .teaser--title {
  font-size: var(--oc-font-size-default);
}
.view-mode-compact:not(.views-field).teaser .field--name-field-subtitle {
  font-weight: normal;
}
.view-mode-compact:not(.views-field) .no-image {
  display: none;
}

@media screen and (min-width: 48em) {
  article.teaser-big {
    display: flex;
    flex-flow: row nowrap;
    gap: var(--oc-row-gap) var(--oc-gutter);
  }
  article.teaser-big .teaser--top {
    border-radius: var(--oc-card-radius-calculated) 0 0 var(--oc-card-radius-calculated);
    margin-block: var(--oc-card-image-padding-block);
    margin-inline: var(--oc-card-image-padding-inline) 0;
  }
  article.teaser-big .teaser--body {
    align-self: center;
    padding-inline-start: 0;
  }
}

.views-row article.teaser,
.field__item article.teaser {
  block-size: var(--oc-card-height-equalizer);
}
.teaser-curated {
  container-type: inline-size;
}

.teaser--footer {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem 2rem;
  align-items: center;
  justify-content: space-between;
}
.teaser--footer .field--name-field-author .profile--content {
  display: none;
}
.teaser--footer .field--name-field-author > .field__items {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.location-teaser .profile--picture::before {
  --icon-url: url("../sprite/oc-sprite.svg#map-pin-light");
  border-radius: var(--oc-location-image-border-radius);
}
.location-teaser .profile--picture:has(.media) {
  background-color: transparent;
}
.location-teaser .profile--picture:has(.media)::before {
  opacity: 0;
}

.profile-teaser {
  display: flex;
  gap: calc(var(--oc-profile-image-size) * 0.25);
}
.profile-teaser .field--name-field-sub-type,
.profile-teaser .sub-type {
  margin-block: 0;
}
.profile-teaser .profile--content {
  align-self: center;
  inline-size: 100%;
}

.profile-teaser .profile--top {
  display: grid;
  grid-template-areas: "picture";
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  justify-items: center;
}
.profile-teaser .profile--picture {
  grid-area: picture;
}

article.profile-teaser {
  margin-block: var(--oc-profile-card-margin-block);
  margin-inline: var(--oc-profile-card-margin-inline);
  padding-block: var(--oc-profile-card-padding-block);
  padding-inline: var(--oc-profile-card-padding-inline);
  border: var(--oc-profile-card-border);
  border-width: var(--oc-profile-card-border-width);
  border-radius: var(--oc-profile-card-border-radius);
  background: var(--oc-profile-card-background);
  box-shadow: var(--oc-profile-card-box-shadow);
  min-block-size: calc(var(--oc-profile-image-size) + 2 * var(--oc-profile-card-padding-block));
}
article.profile-teaser.teaser-unified {
  min-block-size: auto;
}

@container (width < 20rem) {
  .profile-teaser.node--view-mode-teaser {
    flex-flow: column;
    justify-content: center;
    gap: 0;
    text-align: center;
  }
  .profile--content {
    padding-block: calc(var(--oc-profile-image-size) * 0.125) 0;
    align-self: start;
    inline-size: auto;
  }
}
.media--type-user-profile-picture .field--name-field-media-image {
  display: inline-block;
  overflow: hidden;
  border-radius: var(--oc-profile-image-border-radius);
}
.media--type-user-profile-picture .field--name-field-media-image img {
  max-inline-size: var(--oc-profile-image-size);
  aspect-ratio: 1/1;
}

.location--profile-picture .media--type-user-profile-picture .field--name-field-media-image {
  border-radius: var(--oc-location-image-border-radius);
}

.profile--picture::before {
  --icon-url: url("../sprite/oc-sprite.svg#user-circle-light");
}
.profile--picture {
  block-size: var(--oc-profile-image-size);
  border-radius: var(--oc-profile-image-border-radius);
  background-color: var(--oc-color-bg-slight-contrast);
}
.profile--picture::before {
  display: flex;
  place-items: center;
  block-size: 100%;
  inline-size: var(--oc-profile-image-size);
  mask-size: 75%;
  transform: none;
  background-color: var(--oc-color-bg-light);
  margin-inline: 0;
}

.node--type-location .profile--picture {
  border-radius: var(--oc-location-image-border-radius);
}
.node--type-location .profile--picture::before {
  --icon-url: url("../sprite/oc-sprite.svg#map-pin-light");
}

.profile--picture .field--name-field-portrait {
  inset-block-start: calc(var(--oc-profile-image-size) * -1);
}

.profile--picture:has(.media) {
  background-color: transparent;
}
.profile--picture:has(.media)::before {
  opacity: 0;
}

.profile-teaser.view-mode-compact,
.profile-author {
  --oc-profile-image-size: var(--oc-profile-image-size-s);
}
.profile-teaser.view-mode-compact .profile--content,
.profile-author .profile--content {
  align-self: center;
}
.profile-teaser.view-mode-compact .node__content,
.profile-author .node__content {
  display: inline-block;
}
.profile-teaser.view-mode-compact .teaser--title,
.profile-author .teaser--title {
  font-size: var(--oc-font-size-default);
  padding-block: 0;
}
.profile-teaser.view-mode-compact .field--name-field-subtitle,
.profile-author .field--name-field-subtitle {
  font-size: var(--oc-font-size-s);
}
.profile-teaser.view-mode-compact p,
.profile-author p {
  margin: 0;
}

.field--name-field-people-reference {
  text-align: center;
}

.view-mode-embedded-teaser.profile-teaser {
  flex-flow: column;
  align-items: center;
  gap: 0;
}

.field--name-field-member-function {
  font-weight: var(--oc-font-weight-medium);
}

.teaser-unified {
  display: grid;
  background: transparent;
  gap: 0;
  aspect-ratio: var(--oc-aspect-ratio-landscape-deriv);
}
.teaser-unified:not(.teaser-curated) {
  --oc-card-height-equalizer: auto;
}
.teaser-unified .teaser--top,
.teaser-unified .teaser--body,
.teaser-unified .teaser--footer {
  grid-row: 1;
  grid-column: 1;
}
.teaser-unified .teaser--top {
  border-radius: var(--oc-card-radius-calculated);
  place-self: stretch;
}
.teaser-unified .teaser--top img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
.teaser-unified .teaser--body {
  align-self: end;
}
.teaser-unified .teaser--footer {
  align-self: end;
  justify-self: end;
}
.teaser-unified .field--name-field-subtitle p {
  margin: 0;
}
.teaser-unified .text-formatted:last-of-type p {
  margin-block-end: 0;
}

.teaser-curated.teaser-unified {
  background: transparent;
}

.quick-info-toggle--wrapper {
  position: absolute;
  inset-inline-end: calc(0.25 * var(--oc-card-padding-inline));
  inset-block-end: calc(0.25 * var(--oc-card-padding-block));
}

.quick-info--toggle::before {
  --icon-url: url("../sprite/oc-sprite.svg#info-light");
}

.quick-info--popover-content {
  max-inline-size: 20rem;
}

.teaser-unified {
  --teaser-overlay-color: var(--oc-color-teaser-overlay);
}
.teaser-unified .teaser--body {
  color: hsl(255, 0%, 100%);
}
.teaser-unified .teaser--top::after {
  position: absolute;
  content: "";
  background-image: linear-gradient(180deg, color-mix(in sRGB, var(--teaser-overlay-color) 0%, transparent) 0%, color-mix(in sRGB, var(--teaser-overlay-color) 2%, transparent) 10%, color-mix(in sRGB, var(--teaser-overlay-color) 8%, transparent) 20%, color-mix(in sRGB, var(--teaser-overlay-color) 18%, transparent) 30%, color-mix(in sRGB, var(--teaser-overlay-color) 32%, transparent) 40%, color-mix(in sRGB, var(--teaser-overlay-color) 50%, transparent) 50%, color-mix(in sRGB, var(--teaser-overlay-color) 65%, transparent) 60%, color-mix(in sRGB, var(--teaser-overlay-color) 76%, transparent) 70%, color-mix(in sRGB, var(--teaser-overlay-color) 84%, transparent) 80%, color-mix(in sRGB, var(--teaser-overlay-color) 90%, transparent) 90%, color-mix(in sRGB, var(--teaser-overlay-color) 93%, transparent) 100%);
  inset: 0 0 0 0;
}
.teaser-unified h3.teaser--title a {
  -webkit-text-decoration: var(--oc-underline);
          text-decoration: var(--oc-underline);
  color: hsl(255, 0%, 100%);
}

.paragraph--type--teaser-wrapper.paragraph--view-mode--default .teaser-curated {
  aspect-ratio: unset;
}
.paragraph--type--teaser-wrapper.paragraph--view-mode--default .teaser-curated .teaser--body {
  grid-row: 2;
  color: var(--oc-color-text);
}
.paragraph--type--teaser-wrapper.paragraph--view-mode--default .teaser-curated .teaser--footer {
  grid-row: 3;
}
.paragraph--type--teaser-wrapper.paragraph--view-mode--default .teaser-curated h3.teaser--title a {
  text-decoration: none;
}
.paragraph--type--teaser-wrapper.paragraph--view-mode--default .teaser--top {
  border-radius: var(--oc-card-radius-calculated) var(--oc-card-radius-calculated) 0 0;
}
.paragraph--type--teaser-wrapper.paragraph--view-mode--default .teaser--top::after {
  display: none;
  background-image: none;
}

.slider-container article.teaser-unified {
  block-size: auto;
}
.slider-container .teaser-unified .teaser--top div {
  inline-size: auto;
  block-size: auto;
}
.slider-container .teaser-unified .teaser--top img {
  inline-size: 100%;
  block-size: auto;
}

.field--name-field-references .teaser-unified {
  max-inline-size: 100%;
  aspect-ratio: var(--oc-aspect-ratio-landscape-deriv);
}

.paragraph--type--teaser-wrapper.paragraph--view-mode--default .responsive-hide {
  display: block;
}
.paragraph--type--teaser-wrapper.paragraph--view-mode--default .responsive-reveal {
  display: none;
}

@media screen and (min-width: 48em) {
  .paragraph--view-mode--slider .responsive-hide {
    display: block;
  }
  .paragraph--view-mode--slider .responsive-reveal {
    display: none;
  }
}

.teaser-image-linked .no-image,
.teaser-image-linked .field--name-field-mood-image img {
  cursor: pointer;
  transition: transform var(--oc-transition-duration) var(--oc-transition-timing-function);
}
.teaser-image-linked:focus-within .field--name-field-mood-image img, .teaser-image-linked:hover .field--name-field-mood-image img {
  transform: scale(1.15);
}
@media (prefers-reduced-motion: reduce) {
  .teaser-image-linked:focus-within .field--name-field-mood-image img, .teaser-image-linked:hover .field--name-field-mood-image img {
    transform: scale(1);
  }
}
.teaser-image-linked .profile--picture {
  cursor: pointer;
}

.teaser-unified.teaser-image-linked {
  cursor: pointer;
}
.teaser-unified.teaser-image-linked img {
  transition: transform var(--oc-transition-duration) var(--oc-transition-timing-function);
}
.teaser-unified.teaser-image-linked:focus-within .field--name-field-mood-image img, .teaser-unified.teaser-image-linked:hover .field--name-field-mood-image img {
  transform: scale(1.15);
}
@media (prefers-reduced-motion: reduce) {
  .teaser-unified.teaser-image-linked:focus-within .field--name-field-mood-image img, .teaser-unified.teaser-image-linked:hover .field--name-field-mood-image img {
    transform: scale(1);
  }
}

.teaser-fully-linked:focus-within, .teaser-fully-linked:hover {
  cursor: pointer;
}
.teaser-fully-linked .popover-content {
  cursor: default;
}

.node--type-comment .layout-oc2col-section:has(.field--name-field-behalf) > .section--first {
  flex-basis: calc(6 * var(--oc-grid-step));
}
.node--type-comment .layout-oc2col-section:has(.field--name-field-behalf) > .section--last {
  flex-basis: calc(4 * var(--oc-grid-step));
}

.field--name-field-detailed-question blockquote {
  margin-block: 0;
}

.node--type-faq .section--essentials {
  align-items: center;
}
.node--type-faq .section--essentials .reference--taxonomy_term a {
  margin-block: 0.5em;
}

.view-mode-legal .profile-teaser,
.view-mode-legal .profile--address {
  overflow-wrap: normal;
  hyphens: none;
}

.view-mode-legal .profile-teaser .profile--top {
  display: block;
}

.view-mode-legal .profile-teaser {
  align-self: start;
}

.view-mode-legal {
  inline-size: 100%;
  grid-template-rows: minmax(min-content, auto) auto;
  grid-template-columns: minmax(20ch, 100%);
}
@media screen and (min-width: 48em) {
  .view-mode-legal .profile--address {
    grid-row: 2;
    grid-column: 1;
  }
}
@media screen and (min-width: 48em) {
  .view-mode-legal .profile--contact {
    grid-row: 1/span 2;
    grid-column: 2;
    min-inline-size: 30rem;
  }
}
@media screen and (min-width: 48em) {
  .view-mode-legal {
    grid-template-columns: minmax(min-content, auto) auto;
  }
}

.content .recurring-output--wrapper ul,
.calendar .teaser--date ul,
.date ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.date-main {
  --oc-date-font-size-date: var(--oc-font-size-xl);
  --oc-date-font-size-time: var(--oc-font-size-xl);
}
.date-main time,
.date-main .date-join {
  font-size: var(--oc-date-font-size-date);
  font-weight: var(--oc-font-weight-bold);
}
.date-main .smart-date--time,
.date-main .time-join {
  font-size: var(--oc-date-font-size-date);
}

.teaser .recurring-output--wrapper:has(.next_instance) .recurring-output--past {
  display: none;
}

.recurring-output--past {
  color: var(--oc-color-text-muted);
}

.block-field-blocknodedatefield-location {
  position: absolute;
  z-index: 1;
  padding-block-start: calc(2 * var(--oc-row-gap));
  padding-inline: var(--oc-gutter);
}
@media screen and (min-width: 30em) {
  .block-field-blocknodedatefield-location {
    margin-inline: 0;
  }
}
@media screen and (min-width: 70em) {
  .block-field-blocknodedatefield-location {
    max-inline-size: calc(3 * var(--oc-grid-step));
  }
}

.block-extra-field-blocknodedateextra-field-location-address-data .field--name-field-address {
  margin-block-start: 6rem;
}

.teaser .recurring-output--wrapper {
  margin-block-end: 0.5rem;
  font-size: var(--oc-font-size-m);
  font-weight: var(--oc-font-weight-bold);
}

.teaser.view-mode-compact .recurring-output--wrapper {
  margin-block-end: 0;
  font-size: var(--oc-font-size-default);
}

@media screen and (min-width: 70em) {
  .field--name-field-parent-date article.teaser {
    max-inline-size: calc(8 * var(--oc-grid-step) - var(--oc-gutter));
  }
}

.further-dates {
  font-size: var(--oc-font-size-s);
  font-weight: var(--oc-font-weight-medium);
  margin-block: 0.5rem;
}
.teaser-unified .further-dates, .view-mode-compact .further-dates {
  margin-block: 0;
}

.page-node-type-date .field--name-field-body-addon::after {
  display: block;
  margin-bottom: var(--oc-row-gap);
  content: "";
  border-bottom: var(--oc-divider-dark);
  inline-size: calc(2 * var(--oc-grid-step));
}

@container copy-area (width > 90ch) {
  .page-node-type-date .field--name-field-body-addon::after {
    inline-size: calc(2 * var(--oc-grid-step) - var(--oc-gutter));
  }
  .page-node-type-date .field--name-field-body-addon .field__item {
    padding-inline-start: calc(2 * var(--oc-grid-step));
  }
}
.paragraph--type--view {
  margin-block-end: var(--oc-section-spacing);
}

.wrapper-paragraph {
  padding-block: calc(0.75 * var(--oc-section-spacing)) var(--oc-section-spacing);
}

.field--name-field-content-paragraphs > .field__items > .field__item:has(> .paragraph:not([class*=style__], [class*=inverted])):has(+ .field__item > .paragraph:not([class*=style__], [class*=inverted])) .wrapper-paragraph {
  padding-block-end: 0;
}

.wrapper-paragraph:not(.paragraph--view-mode--grid):has(.field--name-field-heading) {
  padding-block-start: calc(0.5 * var(--oc-section-spacing));
}

.paragraph--type--wrapper-section .field__item:last-child > .paragraph--type--view {
  margin-block-end: 0;
}

.paragraph.inverted,
.paragraph:is([class*=style__]) {
  padding-inline: var(--oc-gutter);
}

.style__slight_contrast {
  background: var(--oc-bg-slight);
}

.style__vivid_contrast {
  background-image: var(--oc-bg-vivid);
}
.style__vivid_contrast article.teaser {
  --oc-card-background: var(--oc-color-bg-light-opaque);
  --oc-card-border-width: 0;
}

.wrapper-paragraph.inverted, .wrapper-paragraph:is([class*=style__]) {
  margin-inline: calc(-1 * var(--oc-page-padding-inline));
  padding-inline: var(--oc-page-padding-inline);
  margin-block-end: 0;
}
.wrapper-paragraph .paragraph--teaser {
  padding-block: calc(0.5 * var(--oc-row-gap));
  padding-inline: calc(0.5 * var(--oc-gutter));
  margin-block: calc(-0.5 * var(--oc-row-gap));
  margin-inline: calc(-0.5 * var(--oc-gutter));
}

@container copy-area (width > 90ch) {
  .field--name-field-content-paragraphs {
    margin-inline-start: calc(1 * var(--oc-grid-step));
  }
  .field--name-field-content-paragraphs .wrapper-paragraph,
  .field--name-field-content-paragraphs .paragraph--type--gallery {
    margin-inline-start: calc(-1 * (var(--oc-grid-step) + var(--oc-page-padding-inline)));
    padding-inline: var(--oc-page-padding-inline);
  }
  .field--name-field-content-paragraphs .wrapper-paragraph:not(.paragraph--view-mode--grid) {
    padding-inline-start: calc(2 * (var(--oc-grid-step)) + var(--oc-page-padding-inline));
  }
  .field--name-field-content-paragraphs .paragraph--type--gallery {
    padding-inline-start: var(--oc-page-padding-inline);
  }
  .field--name-field-content-paragraphs .field--name-field-body,
  .field--name-field-content-paragraphs .paragraph--type--download {
    margin-inline-start: calc(1 * var(--oc-grid-step));
  }
  .field--name-field-content-paragraphs .field--name-field-content-paragraphs,
  .field--name-field-content-paragraphs .paragraph--type--wrapper-section .field--name-field-body,
  .field--name-field-content-paragraphs .paragraph--type--wrapper-section .paragraph--type--download {
    margin-inline-start: 0;
  }
}
@media screen and (min-width: 70em) {
  .layout-text-heavy .field--name-field-content-paragraphs {
    margin-inline-start: calc(1 * var(--oc-grid-step));
  }
  .layout-text-heavy .field--name-field-content-paragraphs .field--name-field-body,
  .layout-text-heavy .field--name-field-content-paragraphs .paragraph--type--download,
  .layout-text-heavy .field--name-field-content-paragraphs .view.faq {
    margin-inline-start: calc(1 * var(--oc-grid-step));
  }
  .layout-text-heavy .field--name-field-content-paragraphs .field--name-field-content-paragraphs,
  .layout-text-heavy .field--name-field-content-paragraphs .field--name-field-content-paragraphs .field--name-field-body,
  .layout-text-heavy .field--name-field-content-paragraphs .paragraph--type--wrapper-section .paragraph--type--download {
    margin-inline-start: 0;
  }
  .layout-text-heavy .block-field-blocknodepagebody {
    margin-inline-start: calc(2 * var(--oc-grid-step));
  }
}

.inverted {
  --oc-card-background: color-mix(in oklab, var(--oc-color-bg-dark) 93%, var(--oc-color-bg-light));
  --oc-color-link: var(--oc-color-link-inverted);
  --oc-color-interaction: var(--oc-color-interaction-inverted);
  --oc-color-bg-hardly-any-contrast: color-mix(in oklab, var(--oc-color-bg-dark) 93%, var(--oc-color-bg-light));
}
.inverted h2,
.inverted h3,
.inverted h4,
.inverted p,
.inverted li {
  color: var(--oc-color-text-inverted);
}
.inverted .swiffy-slider button {
  border-color: var(--oc-color-bg-dark);
}

.field--name-field-accessibility h3 {
  padding-block: 0;
}

.paragraph--type--a11y-wheelchair .label {
  --oc-font-size-icon: var(--oc-font-size-icon-l);
  margin-block: calc(-0.25 * var(--oc-font-size-icon)) 0;
}
.paragraph--type--a11y-wheelchair .label::before {
  transform: translateY(0.5rem);
}
.paragraph--type--a11y-wheelchair .field .field__label {
  display: block;
  letter-spacing: unset;
  text-transform: unset;
  font-size: var(--oc-font-size-default);
  font-weight: normal;
  inline-size: 100%;
}

.terms--plain .field__label {
  margin-block-end: 0.75em;
}

.paragraph.paragraph--type--a11y-wheelchair > .field__items > .field__item {
  font-weight: var(--oc-font-weight-medium);
}

.a11y-yes .field__item {
  color: var(--oc-color-success);
}

.a11y-limited .field__item {
  color: var(--oc-color-danger-dark);
}

.a11y-no .field__item {
  color: var(--oc-color-danger);
}

@media screen and (min-width: 70em) {
  .address-region .section--last .field--name-field-accessibility {
    margin-block-start: calc(3.75 * var(--oc-font-size-xl));
  }
}

.field--name-field-accessibility:has(.paragraph--type--accessibility.paragraph--view-mode--default) {
  container: a11y/inline-size;
}

.paragraph--type--accessibility.paragraph--view-mode--default > .field {
  float: inline-start;
  margin-block-end: var(--oc-row-gap);
}
@container a11y (width > 48rem) {
  .paragraph--type--accessibility.paragraph--view-mode--default > .field {
    max-width: calc(6 * var(--oc-grid-step) - var(--oc-gutter));
  }
}
@container a11y (width > 90ch) {
  .paragraph--type--accessibility.paragraph--view-mode--default > .field {
    max-width: calc(3 * var(--oc-grid-step) - var(--oc-gutter));
  }
}
@container a11y (width > 90ch) {
  .paragraph--type--accessibility.paragraph--view-mode--default .field--name-field-a11y-info {
    max-width: calc(6 * var(--oc-grid-step) - var(--oc-gutter));
    margin-inline-end: var(--oc-gutter);
  }
}

.a11y--wheelchair.field {
  margin-block-end: var(--oc-row-gap);
}

.paragraph--type--accessibility {
  margin-block-end: var(--oc-row-gap);
}

.field--name-field-accessibility > .field__items > .field__items {
  margin-block-end: var(--oc-row-gap);
}
.field--name-field-accessibility > h2 {
  column-span: all;
  margin-block: 0 var(--oc-row-gap);
}

.address-container {
  --oc-grid-item-count: 1;
  grid-template-areas: "address" "map" "links";
  grid-column: 1/-1;
  background-color: var(--oc-color-bg-dark-translucent);
  gap: 0 var(--oc-gutter);
}
.address-container--address {
  grid-area: address;
}
.address-container--links {
  grid-area: links;
}
.address-container--map {
  grid-area: map;
}
@media screen and (min-width: 48em) {
  .address-container {
    grid-template-areas: "address map" "links map";
    grid-template-columns: calc(3 * var(--oc-grid-step) - var(--oc-gutter)) auto;
    gap: 0;
  }
}

@media screen and (min-width: 30em) {
  .address-container {
    margin-inline: 0;
  }
}

.address-container--address {
  padding-block-start: var(--oc-row-gap);
  padding-inline-start: var(--oc-gutter);
}

.address-container--links {
  display: flex;
  flex-flow: row wrap;
  align-self: end;
  justify-content: flex-start;
  padding-block-end: var(--oc-row-gap);
  padding-inline-start: var(--oc-gutter);
  gap: var(--oc-row-gap) var(--oc-gutter);
}

.address-container--map {
  padding: var(--oc-row-gap) var(--oc-gutter);
}

.paragraph--type--bookable-event {
  gap: 0 var(--oc-gutter);
}
.paragraph--type--bookable-event .profile--content {
  inline-size: 100%;
}
.paragraph--type--bookable-event .field--name-field-body {
  order: -1;
}
@media screen and (min-width: 48em) {
  .paragraph--type--bookable-event .field {
    grid-row: 1;
  }
  .paragraph--type--bookable-event .field--name-field-body {
    grid-row: 1;
    grid-column: 1;
  }
  .paragraph--type--bookable-event .field--name-field-media-multiple {
    grid-row: 1;
    grid-column: 2;
  }
  .paragraph--type--bookable-event .field--name-field-contact-person {
    grid-row: 1;
    grid-column: 3;
  }
}

.paragraph--type--contact-data {
  container-type: inline-size;
  min-inline-size: 20ch;
}

@media screen and (min-width: 85em) {
  .paragraph--view-mode--grid .paragraph--type--download .field__items {
    justify-content: start;
  }
}

.paragraph--type--gallery figure {
  margin-inline: auto;
}

.paragraph--type--media-mention {
  margin-block: var(--oc-row-gap);
}
.paragraph--type--media-mention figure {
  padding-block: calc(2 * var(--oc-row-gap));
  padding-inline: var(--oc-gutter);
  background-color: var(--oc-color-bg-light);
  box-shadow: var(--oc-box-shadow-down);
}
.paragraph--type--media-mention blockquote {
  padding: 0;
  border-width: 0;
  background-color: transparent;
  margin-block: 0;
}
.paragraph--type--media-mention figcaption {
  background-color: transparent;
  font-weight: var(--oc-font-weight-normal);
}

.paragraph--type--text-slider .slider-container {
  align-items: start;
}
.paragraph--type--text-slider .slider-container > li {
  display: flex;
  flex-flow: column;
  align-items: start;
  justify-content: start;
}
.paragraph--type--text-slider blockquote {
  margin-block: 0;
  margin-inline: 0;
}
.paragraph--type--text-slider .slider-container {
  --swiffy-slider-item-gap: calc(2 * var(--oc-gutter));
}
.paragraph--type--text-slider .swiffy-slider li {
  align-items: start;
}

.wrapper-paragraph.paragraph--view-mode--grid {
  gap: 0 var(--oc-gutter);
}
.wrapper-paragraph.paragraph--view-mode--grid .field--name-field-content-paragraphs {
  grid-column: 1/-1;
}
@media screen and (min-width: 70em) {
  .wrapper-paragraph.paragraph--view-mode--grid .field--name-field-content-paragraphs {
    grid-row: 1/span 2;
    grid-column: 2/-1;
  }
}
.wrapper-paragraph.paragraph--view-mode--grid .intro-inline,
.wrapper-paragraph.paragraph--view-mode--grid .intro {
  grid-row: 1;
  grid-column: 1/-1;
}
@media screen and (min-width: 70em) {
  .wrapper-paragraph.paragraph--view-mode--grid .intro-inline,
  .wrapper-paragraph.paragraph--view-mode--grid .intro {
    grid-column: 1;
  }
}
.wrapper-paragraph.paragraph--view-mode--grid .field--name-field-heading h2,
.wrapper-paragraph.paragraph--view-mode--grid .field--name-field-heading h3,
.wrapper-paragraph.paragraph--view-mode--grid .field--name-field-heading h4 {
  margin-block-start: var(--oc-card-margin-block);
  padding-block-start: 0;
  hyphens: manual;
}
.wrapper-paragraph.paragraph--view-mode--grid .more-link {
  grid-column: 1;
  align-self: end;
  margin-block-end: var(--oc-card-margin-block);
}
@media screen and (min-width: 70em) {
  .wrapper-paragraph.paragraph--view-mode--grid .more-link {
    grid-row: 2;
  }
}
.wrapper-paragraph.paragraph--view-mode--grid .paragraph--type--view {
  margin-block: 0;
}
.wrapper-paragraph.paragraph--view-mode--grid .view .views-infinite-scroll-content-wrapper .view-content,
.wrapper-paragraph.paragraph--view-mode--grid .view:not(:has(.views-infinite-scroll-content-wrapper)) .view-content {
  grid-column: 1/-1;
}
@media screen and (min-width: 70em) {
  .wrapper-paragraph.paragraph--view-mode--grid .view .views-infinite-scroll-content-wrapper,
  .wrapper-paragraph.paragraph--view-mode--grid .view:not(:has(.views-infinite-scroll-content-wrapper)) {
    --oc-grid-item-count: 2;
  }
}
@media screen and (min-width: 85em) {
  .wrapper-paragraph.paragraph--view-mode--grid .view .views-infinite-scroll-content-wrapper,
  .wrapper-paragraph.paragraph--view-mode--grid .view:not(:has(.views-infinite-scroll-content-wrapper)) {
    --oc-grid-item-count: 3;
  }
}
@media screen and (min-width: 30em) {
  .wrapper-paragraph.paragraph--view-mode--grid {
    --oc-grid-item-count: 1;
  }
}
@media screen and (min-width: 48em) {
  .wrapper-paragraph.paragraph--view-mode--grid {
    --oc-grid-item-count: 2;
  }
}
@media screen and (min-width: 70em) {
  .wrapper-paragraph.paragraph--view-mode--grid {
    --oc-grid-item-count: 3;
  }
}
@media screen and (min-width: 85em) {
  .wrapper-paragraph.paragraph--view-mode--grid {
    --oc-grid-item-count: 4;
  }
}
@media screen and (min-width: 120em) {
  .wrapper-paragraph.paragraph--view-mode--grid {
    --oc-grid-item-count: 4;
  }
}

.paragraph--type--wrapper-section .view-header,
.paragraph--type--wrapper-section .view .more-link,
.paragraph--type--wrapper-section .block--title {
  display: none;
}

.paragraph--type--wrapper-section.paragraph--view-mode--grid h2,
.intro-inline h2 {
  margin-block-start: 0;
  padding-block-start: 0;
}

.intro-inline :has(article.teaser) h2.block--title {
  margin-block-start: var(--oc-card-margin-block);
}

.paragraph--type--wrapper-section:has(.block-openculturas-map) .more-link {
  z-index: 2;
}

@media screen and (min-width: 48em) {
  .paragraph--type--wrapper-section.paragraph--view-mode--grid:has(.paragraph--type--media) {
    --oc-grid-item-count: 2;
  }
  .paragraph--type--wrapper-section.paragraph--view-mode--grid:has(.paragraph--type--media) > .intro,
  .paragraph--type--wrapper-section.paragraph--view-mode--grid:has(.paragraph--type--media) > .more-link {
    padding-inline-end: var(--oc-grid-step);
  }
}

.paragraph--view-mode--grid .paragraph--type-text {
  padding-block-start: var(--oc-card-margin-block);
}
@media screen and (min-width: 70em) {
  .paragraph--view-mode--grid .paragraph--type--text .field__item > *:first-child {
    margin-block-start: 0;
    padding-block-start: calc(var(--oc-font-size-xl) * var(--oc-line-height-headings) - var(--oc-font-size-default));
  }
  .paragraph--view-mode--grid:has(h2) .paragraph--type--text .field__item > *:first-child:is(h3) {
    padding-block-start: 0.75em;
  }
}

.wrapper-paragraph .field.more-link {
  margin-block-start: calc(2 * var(--oc-row-gap));
}

.paragraph--type--teaser-wrapper.paragraph--view-mode--grid article.teaser-curated, .paragraph--type--teaser-wrapper.paragraph--view-mode--default article.teaser-curated {
  background: var(--oc-card-background);
  block-size: var(--oc-card-height-equalizer);
}
.paragraph--type--teaser-wrapper.paragraph--view-mode--grid .intro, .paragraph--type--teaser-wrapper.paragraph--view-mode--default .intro {
  grid-row: 1;
  grid-column: 1/-1;
}
@media screen and (min-width: 70em) {
  .paragraph--type--teaser-wrapper.paragraph--view-mode--grid .intro, .paragraph--type--teaser-wrapper.paragraph--view-mode--default .intro {
    grid-row: 1/-1;
    grid-column: 1;
  }
}

@media screen and (min-width: 48em) {
  .paragraph--view-mode--grid .field--type-entity-reference-revisions > .field__items:not(:has(> .field__item:nth-child(2))) {
    --oc-grid-item-count: 1;
  }
}
@media screen and (min-width: 70em) {
  .paragraph--view-mode--grid .field--type-entity-reference-revisions > .field__items:not(:has(> .field__item:nth-child(2))) {
    --oc-grid-item-count: 1;
  }
}
@media screen and (min-width: 85em) {
  .paragraph--view-mode--grid .field--type-entity-reference-revisions > .field__items:not(:has(> .field__item:nth-child(2))) {
    --oc-grid-item-count: 2;
  }
}
@media screen and (min-width: 120em) {
  .paragraph--view-mode--grid .field--type-entity-reference-revisions > .field__items:not(:has(> .field__item:nth-child(2))) {
    --oc-grid-item-count: 2;
  }
}

.paragraph--view-mode--grid .field--type-entity-reference-revisions > .field__items > .field__item {
  container-type: inline-size;
}
@container (width > 48rem) {
  .paragraph--view-mode--grid .field--type-entity-reference-revisions > .field__items > .field__item article {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--oc-row-gap) var(--oc-gutter);
  }
  .paragraph--view-mode--grid .field--type-entity-reference-revisions > .field__items > .field__item .teaser--top {
    grid-row: 1/3;
    grid-column: 1;
    border-radius: var(--oc-card-radius-calculated) 0 0 var(--oc-card-radius-calculated);
  }
  .paragraph--view-mode--grid .field--type-entity-reference-revisions > .field__items > .field__item .teaser--body {
    grid-row: 1;
    grid-column: 2;
  }
  .paragraph--view-mode--grid .field--type-entity-reference-revisions > .field__items > .field__item .teaser--footer {
    grid-row: 2;
    grid-column: 2;
    align-content: end;
  }
  .paragraph--view-mode--grid .field--type-entity-reference-revisions > .field__items > .field__item article.teaser-unified {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    gap: 0;
  }
  .paragraph--view-mode--grid .field--type-entity-reference-revisions > .field__items > .field__item article.teaser-unified > div {
    grid-row: 1/-1;
    grid-column: 1/-1;
  }
  .paragraph--view-mode--grid .field--type-entity-reference-revisions > .field__items > .field__item article.teaser-unified .teaser--top {
    border-radius: var(--oc-card-radius-calculated);
    aspect-ratio: unset;
  }
}

.reference--taxonomy_term {
  display: inline-block;
}

.section--aside .terms--plain .field__item {
  padding: var(--oc-tag-padding-s);
}

.section--aside .taxonomy-term--tag,
.section--aside .reference--taxonomy_term > a {
  padding: var(--oc-tag-padding-s);
}

.term-teaser-unified,
.term-teaser a {
  display: grid;
  grid-template-areas: "teaser";
  place-content: stretch;
  inline-size: 100%;
  aspect-ratio: var(--oc-aspect-ratio-landscape);
  margin-block: var(--oc-card-margin-block);
  margin-inline: var(--oc-card-margin-inline);
  border: var(--oc-card-border);
  border-width: 0;
  border-radius: var(--oc-card-border-radius);
  box-shadow: var(--oc-card-box-shadow);
}

.term-teaser-unified .teaser--top,
.term-teaser-unified .teaser--body,
.term-teaser .teaser--top,
.term-teaser .teaser--body {
  grid-area: teaser;
  place-content: center;
}
.term-teaser-unified .teaser--top,
.term-teaser-unified .teaser--top.no-image,
.term-teaser .teaser--top,
.term-teaser .teaser--top.no-image {
  display: grid;
  place-content: center;
  border-radius: calc(var(--oc-card-border-radius) - var(--oc-card-border-block));
  block-size: 100%;
  inline-size: 100%;
  margin-block: 0;
  margin-inline: 0;
}
.term-teaser-unified .field--name-field-mood-image,
.term-teaser .field--name-field-mood-image {
  overflow: hidden;
}
.term-teaser-unified .teaser--body,
.term-teaser .teaser--body {
  padding-block: var(--oc-card-padding-block);
  padding-inline: var(--oc-card-padding-inline);
}

.term-teaser-unified .teaser--top,
.term-teaser-unified .teaser--body {
  place-content: stretch;
}

.term-teaser .teaser--top::after {
  position: absolute;
  content: "";
  transition: opacity var(--oc-transition-duration) var(--oc-transition-timing-function);
  opacity: 0.4;
  background-color: var(--oc-color-bg-dark);
  inset: 0 0 0 0;
}
.term-teaser .taxonomy-term--tagwrapper {
  margin: auto;
}
.term-teaser img {
  transition: transform var(--oc-transition-duration) var(--oc-transition-timing-function);
  object-fit: cover;
  inline-size: 100%;
}
.term-teaser .taxonomy-term--tag {
  margin: 0 0 7%;
  text-align: center;
  font-weight: var(--oc-font-weight-bold);
}
.term-teaser a:focus,
.term-teaser a:hover {
  cursor: pointer;
}
.term-teaser a:focus .teaser--top::after,
.term-teaser a:hover .teaser--top::after {
  opacity: 0;
}
.term-teaser a:focus .taxonomy-term--tag,
.term-teaser a:hover .taxonomy-term--tag {
  -webkit-text-decoration: var(--oc-underline);
          text-decoration: var(--oc-underline);
  color: var(--oc-tag-link-focus-text-color);
  border-color: var(--oc-tag-link-focus-border-color);
  background-color: var(--oc-tag-link-focus-bg-color);
}
.term-teaser a:focus img,
.term-teaser a:hover img {
  transform: scale(1.2);
  inline-size: 100%;
  block-size: auto;
}
@media (prefers-reduced-motion: reduce) {
  .term-teaser a:focus img,
  .term-teaser a:hover img {
    transform: scale(1);
  }
}

.views-element-container header .button[href*="add/"]::before {
  --icon-url: url("../sprite/oc-sprite.svg#plus-light");
}

.result-counter {
  margin-block: var(--oc-row-gap);
}

.view-empty {
  grid-column: 1/-1;
  justify-self: center;
  color: var(--oc-color-info);
}

.more-link {
  margin-block-start: var(--oc-row-gap);
}

.view .infobox {
  display: inline-block;
  margin-block-end: var(--oc-row-gap);
}

.profiles .attachment .view-content,
.view-locations .attachment .view-content {
  display: block;
}

@media screen and (min-width: 48em) {
  .view .attachment .view-content {
    --oc-grid-item-count: 1;
  }
}

.view-content:has(.views-infinite-scroll-content-wrapper) {
  grid-template-columns: 1fr;
  inline-size: 100%;
}

.view-content,
.views-row {
  container-type: inline-size;
}

@container (width >= 48rem) {
  .views-row article:not(.term-teaser) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--oc-row-gap) var(--oc-gutter);
  }
  .views-row article:not(.term-teaser) .teaser--top {
    grid-row: 1/3;
    grid-column: 1;
    border-radius: calc(var(--oc-card-border-radius) - var(--oc-card-border-inline)) 0 0 calc(var(--oc-card-border-radius) - var(--oc-card-border-inline));
  }
  .views-row article:not(.term-teaser) .teaser--body {
    grid-row: 1;
    grid-column: 2;
  }
  .views-row article:not(.term-teaser) .teaser--footer {
    grid-row: 2;
    grid-column: 2;
    align-content: end;
  }
  article.profile-teaser:not(.teaser-unified),
  article.location-teaser:not(.teaser-unified) {
    grid-template-columns: var(--oc-profile-image-size) 1fr;
  }
}
@container (width < 20rem) {
  tbody {
    display: block;
  }
  tr {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    margin-block-end: var(--oc-row-gap);
  }
  tr:not(:last-child) {
    border: 0;
  }
  thead tr {
    flex-flow: row wrap;
  }
  td {
    align-self: center;
  }
  .view-my-content td {
    align-self: flex-start;
    padding: 0.25em 0;
  }
  h3 {
    margin: 0;
  }
  .views-field-title {
    font-weight: var(--oc-font-weight-bold);
  }
}
.views-table .taxonomy-term--tag {
  margin-block-end: 0;
  white-space: pre;
}

.feed-icons {
  display: flex;
  gap: var(--oc-gutter);
}

.intro-inline > .field--type-viewfield,
.intro-inline > .field--type-entity-reference-revisions {
  display: grid;
  grid-row: 2;
  grid-column: 1/-1;
}
@media screen and (min-width: 85em) {
  .intro-inline > .field--type-viewfield,
  .intro-inline > .field--type-entity-reference-revisions {
    grid-row: 1/span 2;
    grid-column: 2/-1;
  }
}
.intro-inline .field--name-field-heading h2,
.intro-inline .field--name-field-heading h3,
.intro-inline .field--name-field-heading h4 {
  margin-block-start: var(--oc-card-margin-block);
  padding-block-start: 0;
  hyphens: manual;
}
.intro-inline .view-header > * {
  display: inline-block;
  margin-inline-end: var(--oc-gutter);
}

.form-actions button,
.form-actions input[type=submit] {
  margin-block-end: 0;
}

.views-exposed-form summary {
  align-items: center;
}
.views-exposed-form .summary {
  padding: 0;
}
.views-exposed-form .details-title,
.views-exposed-form details.form-wrapper .details-title {
  margin: 0;
  text-align: end;
  color: var(--oc-color-interaction);
}

summary span.summary + span.summary {
  display: none;
}

details.form-wrapper {
  margin-inline: 0;
}

.filter-collapsible {
  position: absolute;
  z-index: 3;
  padding: 0;
  transition: transform var(--oc-transition-duration) var(--oc-transition-timing-function);
  border: 0 none;
  background: var(--oc-color-bg-exposed-form);
  box-shadow: var(--oc-box-shadow-left);
  inset-block-start: 0;
  inset-inline-end: 0;
  margin-block: 0.5rem 0;
  margin-inline: 0;
  inline-size: 2rem;
  min-block-size: 3rem;
  block-size: fit-content;
}
.filter-collapsible > summary {
  --oc-font-size-icon: var(--oc-font-size-icon-m);
}
.filter-collapsible > summary::before {
  --icon-url: url("../sprite/oc-sprite.svg#sliders-light");
}
.filter-collapsible > summary {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  transform: translateX(-0.25rem);
  white-space: nowrap;
  color: var(--oc-color-interaction);
  gap: 0.5rem;
  block-size: fit-content;
  padding-block: 0;
  padding-inline: 0;
  text-orientation: sideways;
  writing-mode: sideways-rl;
}
.filter-collapsible > summary .summary {
  margin: 0;
  padding: 0;
  transform: rotate(90deg);
  transform-origin: center center;
}
.filter-collapsible > summary:focus, .filter-collapsible > summary:hover {
  color: var(--oc-color-text-inverted);
  background: var(--oc-color-interaction);
}
.filter-collapsible .filter-label {
  display: block;
}
.filter-collapsible[open] {
  inline-size: 20rem;
  min-inline-size: 20rem;
  max-inline-size: 90%;
  padding: 0;
}
.filter-collapsible[open] > summary .summary {
  transform: rotate(-90deg) translateX(0.25em);
}
.filter-collapsible[open]:has(.bef--secondary[open]) {
  inline-size: auto;
}
.filter-collapsible[open] > summary {
  z-index: 1;
  justify-content: flex-end;
  block-size: auto;
  text-orientation: initial;
  writing-mode: initial;
}
.filter-collapsible[open] > summary::before {
  transform: rotate(-90deg);
}
@media screen and (min-width: 48em) {
  .filter-collapsible[open] {
    inline-size: 32rem;
  }
  .filter-collapsible[open]:has(.bef--secondary[open]) {
    inline-size: 53rem;
  }
}

.view:has(.filter-collapsible) .attachment-before .view {
  display: flex;
  flex-flow: column;
}
.view:has(.filter-collapsible) .attachment-before .view-content {
  order: -1;
}

.openculturas-map--filter-form {
  position: relative;
}

.filter-collapsible form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0 0.5rem;
  margin: 0;
  padding-block-start: 0;
  background: transparent;
}

.filter-collapsible .bef--secondary {
  inline-size: 100%;
}
.filter-collapsible .js-form-item-field-category-target-id,
.filter-collapsible .js-form-item-field-sub-type-target-id,
.filter-collapsible .form-item-organizer,
.filter-collapsible .form-item-location {
  flex-basis: calc(50% - 0.25rem);
}
.filter-collapsible .form-item {
  flex-grow: 1;
  flex-shrink: 1;
}
.filter-collapsible .form-item-items-per-page {
  flex-grow: unset;
  flex-shrink: unset;
}
.filter-collapsible select {
  inline-size: 100%;
}
@media screen and (min-width: 70em) {
  .filter-collapsible input[size="30"] {
    max-inline-size: unset;
  }
}
.filter-collapsible .ss-main {
  inline-size: 100%;
}
.filter-collapsible div[class*=form-item-date] {
  flex-basis: 10rem;
}

.view:not(:has(.leaflet-container)) .filter-collapsible {
  inline-size: fit-content;
  min-block-size: unset;
  margin-block: 0;
}
.view:not(:has(.leaflet-container)) .filter-collapsible > summary {
  margin: 0;
  padding-inline-start: 1rem;
  text-orientation: unset;
  writing-mode: unset;
}
.view:not(:has(.leaflet-container)) .filter-collapsible > summary .summary {
  transform: rotate(0deg) translateY(-0.25rem);
}
.view:not(:has(.leaflet-container)) .filter-collapsible + div {
  padding-block-start: 2.5rem;
}

.view-display-id-block_profile_search {
  margin-block-end: var(--oc-section-spacing);
  padding: var(--oc-row-gap) var(--oc-gutter);
  background-color: var(--oc-color-bg-exposed-form);
}
.view-display-id-block_profile_search form {
  margin: 0;
}
.view-display-id-block_profile_search .views-row:not(:last-child) {
  border-block-end: var(--oc-divider-light);
}

.filter--results .view-mode-compact {
  padding-block-end: 0;
}

.filter--results h3 {
  font-size: var(--oc-font-size-default);
}

.views-field-field-allow-claiming {
  text-align: center;
  color: var(--oc-color-success);
  background-color: var(--oc-color-bg-success);
  font-size: var(--oc-font-size-s);
  font-weight: var(--oc-font-weight-bold);
}
@media screen and (min-width: 48em) {
  .views-field-field-allow-claiming {
    position: absolute;
    display: inline-block;
    inset-block-start: -0.5rem;
    inset-inline-start: calc(1.25 * var(--oc-profile-image-size-s));
  }
}

.view .infobox {
  display: inline-block;
  margin-inline-start: 1rem;
  padding-block: 0.5rem;
  padding-inline: 2rem 1rem;
  font-size: var(--oc-font-size-s);
}

.my-content td p {
  display: inline;
}

.bookmarks tr {
  flex-flow: row;
  gap: 0 1rem;
}
.bookmarks td {
  align-self: start;
  vertical-align: middle;
  border-color: transparent;
}
.bookmarks td:first-child {
  inline-size: var(--oc-font-size-icon-xl);
}
.bookmarks .views-field-rendered-entity .teaser {
  padding-block: 0;
}
.bookmarks .taxonomy-term--tag {
  margin: 0.25rem 0;
}

.view-my-content .pager:has([data-drupal-views-infinite-scroll-pager]),
.bookmarks .pager:has([data-drupal-views-infinite-scroll-pager]) {
  text-align: start;
}

.faq .sub-details {
  max-inline-size: max-content;
  margin: 0;
  border-block-end-width: 0;
  padding-inline: var(--oc-gutter);
  border-radius: var(--oc-card-border-radius);
}
.faq .sub-details[open] {
  margin-block-end: var(--oc-row-gap);
  box-shadow: var(--oc-box-shadow-centered);
}
.faq .sub-details .details-title, .faq .sub-details summary .summary {
  margin-block: 0;
}
.faq .sub-details .details-wrapper {
  padding-block: var(--oc-row-gap);
}
.faq .sub-details blockquote {
  font-size: 1rem;
  margin-block: 0 2rem;
}

.faq .views-infinite-scroll-content-wrapper {
  display: grid;
  grid-template-columns: repeat(var(--oc-grid-item-count), 1fr);
  gap: var(--oc-row-gap) var(--oc-gutter);
}
@media screen and (min-width: 85em) {
  .faq .views-infinite-scroll-content-wrapper {
    --oc-grid-item-count: 2;
  }
  .faq .views-infinite-scroll-content-wrapper .faq-topic:nth-child(2n+1) {
    border-inline-end: var(--oc-divider-dark);
  }
}
@media screen and (min-width: 120em) {
  .faq .views-infinite-scroll-content-wrapper {
    --oc-grid-item-count: 2;
  }
}

@container details-area (width > 100ch) {
  .view.faq {
    margin-inline-start: calc(2 * var(--oc-grid-step));
  }
}
.field--name-field-recommendations {
  container-type: inline-size;
}
.view-my-recommendations,
.view-recommended-by {
  container-type: inline-size;
}
.view-my-recommendations:not(:has(.views-infinite-scroll-content-wrapper)) .view-content,
.view-my-recommendations .views-infinite-scroll-content-wrapper,
.view-recommended-by:not(:has(.views-infinite-scroll-content-wrapper)) .view-content,
.view-recommended-by .views-infinite-scroll-content-wrapper {
  display: flex;
  flex-flow: column;
}
@container (width > 32rem) {
  .view-my-recommendations:not(:has(.views-infinite-scroll-content-wrapper)) .view-content,
  .view-my-recommendations .views-infinite-scroll-content-wrapper,
  .view-recommended-by:not(:has(.views-infinite-scroll-content-wrapper)) .view-content,
  .view-recommended-by .views-infinite-scroll-content-wrapper {
    flex-flow: row wrap;
    gap: var(--oc-row-gap) var(--oc-gutter);
  }
}
.view-my-recommendations .views-row,
.view-recommended-by .views-row {
  container-type: unset;
  min-width: min-content;
  max-width: max-content;
}
.view-my-recommendations .pager,
.view-recommended-by .pager {
  text-align: start;
}
.node--type-comment .section--first .field--name-body {
  margin-block: var(--oc-row-gap);
  font-weight: var(--oc-font-weight-semi-bold);
}
.node--type-comment .section--first:not(:has(.entity-moderation-form)) {
  padding-block-start: var(--oc-section-spacing);
}

.comment-date,
.comment-submitted {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem 2.5rem;
}
.comment-date time,
.comment-date .field--name-field-subtitle,
.comment-submitted time,
.comment-submitted .field--name-field-subtitle {
  color: var(--oc-color-text-muted);
}
@media screen and (min-width: 48em) {
  .comment-date,
  .comment-submitted {
    flex-flow: row nowrap;
  }
}

.discussions .view-header > strong {
  margin-inline-end: 0;
}
.discussions .views-row {
  margin-block-start: var(--oc-row-gap);
  border: 1px solid var(--oc-color-divider-dark);
  border-width: 1px 0 0;
}
.discussions .bundle {
  font-size: var(--oc-font-size-icon-default);
  font-weight: var(--oc-font-weight-normal);
}
.discussions .node--workflow-pending div {
  opacity: 0.75;
}
.discussions .node--workflow-pending::before, .discussions .node--workflow-pending::before {
  position: relative;
  display: inline;
  padding: 0.5rem 1.5rem;
}
.discussions .view-header .button {
  margin-inline-end: 2rem;
}

.discussions .views-field-body,
.comments-overview .views-field-body {
  font-weight: var(--oc-font-weight-medium);
}

.comments-overview td:nth-child(1) {
  min-inline-size: 4rem;
}
.comments-overview td:nth-child(3) {
  min-inline-size: 50%;
}
.comments-overview .node--unpublished::before,
.comments-overview .node--workflow-pending::before {
  position: relative;
  display: inline-block;
  padding: 0.25rem 1rem;
}
.comments-overview .comment-date {
  color: var(--oc-color-text-muted);
}

.calendar h3 {
  padding: 0;
  font-size: var(--oc-font-size-m);
  margin-block: 1rem 0;
  margin-inline: 0;
}
.calendar h3 a {
  text-decoration: none;
}
.calendar h3 a:focus, .calendar h3 a:hover {
  -webkit-text-decoration: var(--oc-underline);
          text-decoration: var(--oc-underline);
  color: var(--oc-color-interaction);
  background-color: transparent;
}
.calendar h3 .smart-date--date {
  margin-inline-end: 0.25em;
}
.calendar h3 .smart-date--time {
  font-size: var(--oc-font-size-default);
  font-weight: var(--oc-font-weight-normal);
}
.calendar h3 .field--name-field-event-status {
  margin-block-end: 0.25rem;
  font-size: var(--oc-font-size-s);
  font-weight: var(--oc-font-weight-normal);
}
.calendar .field__label + .teaser--title {
  margin-block-start: 0;
}
.calendar .location {
  margin-block-start: 1rem;
}

.view-display-id-related_date_location .location {
  display: none;
}

.calendar .view-empty::before {
  --icon-url: url("../sprite/oc-sprite.svg#calendar-slash-light");
}
.calendar .view-empty {
  display: flex;
}
.calendar .view-empty::before {
  font-size: var(--oc-font-size-icon-xl);
}

.no-teaser-image .teaser--title {
  margin-block: 0.5rem;
}

.calendar article.view-mode-compact {
  padding-block: 0;
}

.calendar .field--name-field-mood-image:not(:has(img)) {
  aspect-ratio: var(--oc-aspect-ratio-landscape);
}

.profiles .views-row {
  container-type: inline-size;
}

.form--compact form,
form[role=search],
#views-exposed-form-search-search-page,
#views-exposed-form-search-search-input {
  display: flex;
  flex-flow: row wrap;
  gap: var(--oc-row-gap) var(--oc-gutter);
  align-items: flex-end;
}
.form--compact form .form-item,
.form--compact form .form-actions,
form[role=search] .form-item,
form[role=search] .form-actions,
#views-exposed-form-search-search-page .form-item,
#views-exposed-form-search-search-page .form-actions,
#views-exposed-form-search-search-input .form-item,
#views-exposed-form-search-search-input .form-actions {
  margin: 0;
  padding: 0;
}
.form--compact form .button,
.form--compact form input[type=submit],
form[role=search] .button,
form[role=search] input[type=submit],
#views-exposed-form-search-search-page .button,
#views-exposed-form-search-search-page input[type=submit],
#views-exposed-form-search-search-input .button,
#views-exposed-form-search-search-input input[type=submit] {
  margin: 0;
}

.form--compact form {
  gap: 0 var(--oc-gutter);
}

#views-exposed-form-search-search-input {
  justify-content: center;
  background-color: transparent;
  inline-size: auto;
}
@media screen and (min-width: 48em) {
  #views-exposed-form-search-search-input {
    flex-flow: row;
  }
}

.block-views-exposed-filter-blocksearch-search-page {
  padding-inline: 0;
  margin-block-end: 0;
}
.block-views-exposed-filter-blocksearch-search-page form {
  padding-inline: calc(2 * var(--oc-gutter));
}
@media screen and (min-width: 48em) {
  .block-views-exposed-filter-blocksearch-search-page form {
    padding-inline: var(--oc-grid-step);
  }
}
.block-views-exposed-filter-blocksearch-search-page .form-item-fulltext input {
  font-size: 1.5em;
  font-weight: var(--oc-font-weight-semi-bold);
  max-inline-size: 100%;
  inline-size: 100%;
}
.block-views-exposed-filter-blocksearch-search-page .form-item-fulltext input::placeholder {
  font-size: 1rem;
  font-weight: initial;
}

.view-search .view-content {
  margin-block-start: var(--oc-section-spacing);
}
.view-search .view-content .views-row {
  grid-column: 1/-1;
}
.view-search .view-content .views-row:has(.profile-teaser.node--view-mode-teaser) {
  grid-column: auto/span 1;
}
.view-search .view-content .views-row {
  margin-block-end: var(--oc-row-gap);
}
.view-search .view-content article {
  --oc-card-margin-block: 0;
  --oc-card-margin-inline: 0;
  --oc-card-padding-block: 0;
  --oc-card-padding-inline: 0;
  --oc-card-background: transparent;
  --oc-card-box-shadow: initial;
  --oc-card-border: transparent;
  --oc-card-border-width: inherit;
  --oc-card-border-radius: 0;
}
@media screen and (min-width: 48em) {
  .view-search .view-content article {
    grid-template-columns: 1fr 5fr;
    gap: 0.5rem var(--oc-gutter);
  }
}
.view-search .view-content .teaser--top.no-image {
  aspect-ratio: unset;
}
.view-search .view-content .teaser--footer {
  justify-content: flex-start;
}
.view-search .view-content .view-empty {
  padding: var(--oc-section-spacing) var(--oc-gutter);
  color: var(--oc-color-danger);
}

.view-display-id-platform_sponsors_all .view-content {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--oc-row-gap) var(--oc-gutter);
}
@media screen and (min-width: 85em) {
  .view-display-id-platform_sponsors_all .view-content {
    flex-flow: row;
  }
}

@media screen and (max-width: 29.9999em) {
  .terms:not(.compact) .view-content {
    --oc-grid-item-count: 2;
    gap: var(--oc-row-gap) var(--oc-gutter);
  }
}

.terms.compact .views-row {
  display: inline-block;
  container-type: unset;
}

@media print {
  :root {
    font-size: 11pt;
  }
  body {
    --oc-page-margin-sides: 0;
    --oc-page-padding-inline: 0;
    --oc-section-spacing: 2rem;
    --gin-toolbar-x-offset: 0;
    --gin-toolbar-y-offset: 0;
    padding-block-start: 0 !important;
    color: #000;
    font-size: 11pt;
  }
  .layout-container {
    display: block;
  }
  .block-system-branding-block * {
    margin: 0;
  }
  a,
  a:link,
  a:visited {
    text-decoration: underline !important;
    border-color: transparent !important;
  }
  /* Turn off any background colors or images. */
  header,
  body,
  #main-content {
    color: #000;
    background-color: transparent !important;
    background-image: none !important;
  }
  /* Hide sidebars and nav elements. */
  .skip-link,
  #toolbar-administration,
  #block-opcult-cookiesui,
  .region-utilities-links,
  .header__burger,
  .toolbar,
  .menu,
  footer.oc-base-section,
  .interact,
  .interact-item,
  .share-buttons,
  .flag,
  .trigger,
  .tabs,
  .feed-icons,
  .view-header .button {
    display: none;
    visibility: hidden;
  }
  /* Page break guidelines */
  .text-formatted,
  .block-field-blocknodearticlebody,
  .field--type-entity-reference,
  .view {
    break-inside: auto;
  }
  p,
  figure {
    break-inside: avoid;
  }
  h2,
  h3 {
    break-after: avoid;
  }
  .site-logo img {
    margin: 0 0 1rem;
    padding: 0;
  }
  h1,
  .h1 {
    font-size: 2em;
  }
  h2,
  .h2 {
    font-size: 1.5em;
  }
  h3,
  .h3 {
    font-size: 1.25em;
  }
  h2,
  h3,
  h4 {
    clear: both;
  }
  #header-wrapper {
    padding: 0;
  }
  #hero-wrapper {
    display: flex;
    flex-flow: row wrap;
  }
  #hero-wrapper .section {
    flex-basis: 100%;
  }
  .page-title-wrapper {
    align-items: flex-start;
  }
  .headlines-wrapper {
    text-align: start;
  }
  .oc_hero_layout_4 #hero-wrapper {
    display: grid;
  }
  .oc_hero_layout_4 .section--title {
    grid-row: 1;
    grid-column: 1/span 5;
  }
  .oc_hero_layout_4 .section--mood {
    grid-row: 1/span 2;
    grid-column: 6/-1;
  }
  .oc_hero_layout_4 .section--essentials {
    grid-row: 2;
    grid-column: 1/span 5;
  }
  .attribution-toggle {
    position: relative;
    inset: unset;
  }
  .attribution-toggle button {
    display: none;
  }
  .attribution-toggle--popover-content {
    position: relative;
    display: inline-block;
    padding: 0 1rem;
    background-color: transparent;
    box-shadow: 0 0 transparent;
  }
  .reference--taxonomy_term > a {
    margin-block-end: 0;
    border: 1px solid #444;
  }
  figure img {
    float: left;
    margin-block-end: 1rem;
    margin-inline-end: 2rem;
    max-inline-size: 10cm;
  }
  .field--name-field-caption {
    margin-block-start: 0.5rem;
    font-style: italic;
  }
  .teaser img {
    inline-size: 100%;
  }
  .media--type-sponsor img {
    max-inline-size: 3cm;
  }
  .terms:not(.compact) .view-content,
  .calendar.view-related-dates-archive .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .calendar.view-related-dates-archive .views-infinite-scroll-content-wrapper,
  .view .view-content:not(:has(.views-infinite-scroll-content-wrapper)),
  .view .views-infinite-scroll-content-wrapper,
  .field--name-field-recommendations > .field__items,
  .intro-inline .view,
  .layout-oc2col-section .field--name-field-people-reference > .field__items,
  .field--name-field-references {
    --oc-grid-item-count: 2;
  }
  .teaser-unified {
    --oc-card-margin-inline: 0;
    --oc-card-margin-block: 0;
  }
  .teaser--footer .profile--picture {
    display: none;
  }
  .teaser--footer .field--name-field-author .profile--content {
    display: inline;
  }
  .quick-info {
    display: none;
  }
}
@media screen {
  html.dark .inverted {
    --oc-color-text: var(--oc-color-text-inverted);
    --oc-color-link: var(--oc-color-link-inverted);
    --oc-color-divider-light: var(--oc-color-divider-dark);
    --oc-color-bg-light: var(--oc-color-bg-dark);
  }
  html.dark .site-logo {
    display: inline-block;
    background-image: var(--oc-logo-negative);
    background-repeat: no-repeat;
    background-size: contain;
  }
  html.dark .site-logo img {
    opacity: 0;
  }
  html.dark #home-link a:focus,
  html.dark #home-link a:hover {
    outline: 0.125rem solid var(--oc-color-link);
  }
  html.dark .term-teaser .teaser--top::after {
    background-color: var(--oc-color-bg-light);
  }
  html.dark *:focus-visible {
    outline-color: var(--oc-color-info);
    outline-offset: 0.125rem;
  }
  html.dark .ss-main .ss-arrow {
    background: var(--oc-color-bg-light) var(--oc-chevron) no-repeat;
    background-position: 1rem;
  }
  html.dark .leaflet-tile-container img {
    filter: brightness(1) contrast(1.125) grayscale(1) hue-rotate(20deg) invert(1);
  }
  html.dark .leaflet-container .leaflet-control-attribution {
    background: rgba(0, 0, 0, 0.8);
  }
  html.dark .leaflet-control-attribution,
  html.dark .leaflet-control-scale-line {
    color: #777;
  }
  html.dark .media--type-sponsor img {
    background-color: var(--oc-color-bg-dark);
  }
  html.dark .js input.form-autocomplete {
    background-blend-mode: color-burn;
  }
}
/*# sourceMappingURL=opcult.css.map */