@import url("https://cdn.jsdelivr.net/npm/remixicon@4.5.0/fonts/remixicon.css");

  [data-apos-level] .utrecht-heading-1,
  .openstad .utrecht-heading-1{
        --utrecht-heading-1-font-size: 2rem;
  }

  [data-apos-level] .utrecht-heading-2,
  .openstad .utrecht-heading-2{
        --utrecht-heading-2-font-size: 1.5rem;
  }

    [data-apos-level] .utrecht-heading-3,
  .openstad .utrecht-heading-3{
        --utrecht-heading-3-font-size: 1.3125rem;
  }

      [data-apos-level] .utrecht-heading-4,
  .openstad .utrecht-heading-4{
        --utrecht-heading-4-font-size: 1.25rem;
  }

        [data-apos-level] .utrecht-heading-5,
  .openstad .utrecht-heading-5{
        --utrecht-heading-5-font-size: 1.125rem;
  }

          [data-apos-level] .utrecht-heading-6,
  .openstad .utrecht-heading-6{
        --utrecht-heading-6-font-size: 1rem;
  }



[data-apos-level] {
  max-width: unset;
}

.openstad .leaflet-container,
.openstad .leaflet-map-pane {
  height: 100%;
}

.openstad .osc-resource-detail-container .osc-map { height: 400px;}

.openstad,
[data-apos-level] {
  /* Custom css */
  /* .resourceOverviewWithMap-container .map-container--buttons {
  max-width: 100%;
  overflow: hidden;
  }

  .resourceOverviewWithMap-container .map-container{
  margin-left: -10%;
  }

  .resourceOverviewWithMap-container .leaflet-control-container {
  position: absolute;
  left: 10%;
  } */
}
.openstad .utrecht-heading-1:not(.utrecht-accordion__header),
[data-apos-level] .utrecht-heading-1:not(.utrecht-accordion__header) {
  background: #F1C053;
  color: black;
  padding: 6px 16px;
  display: inline-block;
  line-height: 1.4;
}

.openstad #logo-image,
[data-apos-level] #logo-image {
  max-height: 60px;
  max-width: 350px;
}

.openstad .resource-detail-content .utrecht-paragraph {
    white-space-collapse: preserve;
    line-break: normal;
    overflow-wrap: anywhere;
}

@media screen and (max-width: 540px) {
  :where(body:not([data-breakpoint-preview-mode])) #main,
  .document-map-info-container {
      max-width: calc(100% - 3rem)!important;
      margin: 0 auto!important;
      width: 100%;
  }
  .openstad .--custom-banner,
  [data-apos-level] .--custom-banner,
  [data-apos-level] .section:has(.full-width-container),
  [data-apos-level] .section.--solid
  {
    position: relative;
    left: -1.5rem;
    width: calc(100% + 3rem);
  }
}

@media screen and (max-width: 767px) {
  .openstad #logo-image,
  [data-apos-level] #logo-image {
    max-height: 60px;
    max-width: 250px;
  }
  [data-apos-level] h1.utrecht-heading-1 {
    font-size: 1.75rem;
  }
  [data-apos-level] .utrecht-heading-2,
  .openstad .utrecht-heading-2{
    font-size: 1.5rem;
  }
  [data-apos-level] .utrecht-heading-3,
  .openstad .utrecht-heading-3{
        --utrecht-heading-3-font-size: 1.3125rem;
  }
  [data-apos-level] .utrecht-heading-4,
  .openstad .utrecht-heading-4{
    font-size: 1.25rem;
  }
  [data-apos-level] .icon-section .icon-section-content {
    padding: 0 1.5rem;
  }
  .--project-tiles  .icon-section .icon-section-grid .container {
    padding: 0 1.5rem;
  }
  [data-apos-level] header {
    padding: 0;
  }
  [data-apos-level] header.--compact .header-top-bar {
    margin: 0 0 20px;
  }
  [data-apos-level] .main-header-container>.row {
    align-items: flex-start;
  }
  .openstad .resourceOverviewWithMap-container .osc-resource-overview-content #stem-begroot-filter .osc-resources-filter.osc-flex-columned {
    grid-template-columns: 1fr;
  }
  .section:not(.--negative, .--solid) {
    margin-block-start: 1.5rem;
  }
  .image-component.--normal {
    --image-height: 15rem;
  }
  .image-component.--small {
    --image-height: 12rem;
  }
  .image-component.--xsmall {
    --image-height: 9rem;
  }
  .image-component.--large {
    --image-height: 18rem;
  }
  .image-component.--xlarge {
    --image-height: 21rem;
  }
  [data-apos-level] .section.--custom-banner img {
    height: 275px;
  }
  [data-apos-level] .page .section.--custom-banner_content {
    margin-block-start: -300px;
    height: 300px;
  }
  [data-apos-level] .osc-resource-detail-content-items,
  .openstad  .osc-resource-detail-content-items,
  .openstad .details-container.details-container--large {
    margin: 0;
    padding: 0;
  }
  [data-apos-level] header.--compact > .container > .row {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }

  [data-apos-level] header.--compact > .container > .row > .col-xs-12 {
    padding: 0;
  }
  /* .apos-area > .section >  .container > .row > div {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  } */
}

[data-apos-level] header.--compact > .container {
  padding-right: 0;
  padding-left: 0;
}
@media screen and (min-width: 768px) {
  [data-apos-level] header.--compact > .container {
    margin-bottom: -18px;
  }
}
.openstad,
[data-apos-level] {
  --nlds-header-compact-height: 0;
  --nlds-footer-background-color: #FBF1DA;
  --nlds-section-background-color: #FBF1DA;
  --nlds-body-background-color: #fff;
  --nlds-default-background-color: #FBF1DA;
  --utrecht-link-social-background-color: var(--utrecht-button-primary-action-active-background-color);
}
[data-apos-level] #navbar .container #main-menu .level-1,
[data-apos-level] .extra-menu-buttons .cta-buttons a {
  --nlds-main-menu-item-color: black;
  --nlds-main-menu-item-color--hover: black;
  --nlds-main-menu-item-border-color--hover: black;
  text-transform: uppercase;
  --bs-body-font-family: 'bc-sklonar', sans-serif;
}
.openstad header,
.openstad #navbar,
[data-apos-level] header,
[data-apos-level] #navbar {
  background-color: #F1C053;
}
/* @media (min-width: 768px) {
  .openstad header,
  [data-apos-level] header {
    padding: 30px 15px 0;
  }
} */
.openstad a.logo-uploaded.logo-main-container:after,
[data-apos-level] a.logo-uploaded.logo-main-container:after {
  content: "Jij maakt enschede";
  position: absolute;
  bottom: -33px;
  background: white;
  font-family: "bc-sklonar";
  text-transform: uppercase;
  color: black;
  padding: 3px 10px;
  font-size: 18px;
  pointer-events: none;
}
.openstad .--custom-banner_content::before,
[data-apos-level] .--custom-banner_content::before {
  content: "";
  position: absolute;
  display: block;
  top: 40px;
  left: 40%;
  height: 80%;
  width: 60%;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='488.139834px' height='346.3px' viewBox='0 0 488.139834 346.3' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.5'%3E%3Cg id='Middel-3lijn' stroke='%23FFFFFF' stroke-width='2.5'%3E%3Cg id='Path-Clipped'%3E%3Cpath d='M466.61,346.3 C479.18,328.81 488.84,296.86 488.1,275.32 L488.05,273.94 C487.31,252.39 476.72,226.92 464.54,217.35 C452.35,207.77 425.46,194.91 404.79,188.78 L379.24,181.19 C358.56,175.05 324.86,175.41 304.35,181.99 L187.2,219.57 C166.68,226.15 145.07,214.56 139.16,193.81 L114.34,106.63 C108.43,85.88 101.69,67.43 99.35,65.62 C97.01,63.82 79.49,65 60.41,68.24 C41.32,71.49 23.43,72.73 20.65,70.99 C17.87,69.26 11.63,50.64 6.81,29.61 L0,0' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.openstad .header-top-bar,
[data-apos-level] .header-top-bar {
  background: black;
  margin: -20px -13px 18px -13px;
  border-bottom: none;
}
.openstad .header-top-bar a,
[data-apos-level] .header-top-bar a {
  color: white;
}
.openstad .header-top-bar a:hover,
[data-apos-level] .header-top-bar a:hover {
  text-decoration: none;
}
.openstad .icon-section .utrecht-button.utrecht-button--subtle.utrecht-accordion__button,
[data-apos-level] .icon-section .utrecht-button.utrecht-button--subtle.utrecht-accordion__button {
  background-color: #F3F3F3;
  color: var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
}
.openstad #footer-container footer .container .footer-section:last-child a::before,
[data-apos-level] #footer-container footer .container .footer-section:last-child a::before {
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg width='181.02px' height='36.2043px' viewBox='0 0 181.02 36.2043' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='footer-logo7c8060d0188efcb7-(2)' fill-rule='nonzero'%3E%3Cpolygon id='Path' fill='%23FFFFFF' points='36.204 36.2043 181.02 36.2043 181.02 0.0003 36.204 0.0003'%3E%3C/polygon%3E%3Cpolygon id='Path' fill='%23E20613' points='0 0 0 36.204 36.204 36.204 36.204 0'%3E%3C/polygon%3E%3Cpath d='M18.1141,15.8463 L13.1781,10.8873 L23.0501,10.8873 L18.1141,15.8463 Z M13.2851,25.3193 L18.1141,20.4413 L22.9411,25.3193 L13.2851,25.3193 Z M30.1701,10.8873 L30.1701,7.5473 L6.0341,7.5473 L6.0341,10.8873 L8.5071,10.8873 L13.8911,16.2683 L6.0341,16.2683 L6.0341,19.6103 L14.3221,19.6103 L8.6161,25.3193 L6.0341,25.3193 L6.0341,28.6573 L30.1701,28.6573 L30.1701,25.3193 L27.6171,25.3193 L21.9051,19.6103 L30.1701,19.6103 L30.1701,16.2683 L22.3341,16.2683 L27.7211,10.8873 L30.1701,10.8873 Z' id='Shape' fill='%23FFFFFF'%3E%3C/path%3E%3Cpath d='M56.3436,9.2374 L56.3436,11.9564 L50.4206,11.9564 L50.4206,16.6354 L55.8366,16.6354 L55.8366,19.3544 L50.4206,19.3544 L50.4206,24.2634 L56.3436,24.2634 L56.3436,26.9824 L47.2636,26.9824 L47.2636,9.2374 L56.3436,9.2374 Z M66.2996,14.9298 L66.2996,26.9828 L63.4186,26.9828 L63.4186,9.2378 L67.0596,9.2378 L70.5166,21.3138 L70.5166,9.2378 L73.3976,9.2378 L73.3976,26.9828 L69.7796,26.9828 L66.2996,14.9298 Z' id='Shape' fill='%23010000'%3E%3C/path%3E%3Cg id='Group' transform='translate(79.9659, 9.0069)' fill='%23010000'%3E%3Cpath d='M5.485,7.7435 C7.467,8.4815 9.61,9.2645 9.61,12.3065 L9.61,13.9885 C9.61,16.3395 7.605,18.2065 5.162,18.2065 L4.448,18.2065 C2.005,18.2065 -1.42108547e-14,16.3395 -1.42108547e-14,13.9885 L-1.42108547e-14,13.0905 L3.157,13.0905 L3.157,13.9655 C3.157,14.7955 3.733,15.4865 4.448,15.4865 L5.162,15.4865 C5.877,15.4865 6.453,14.7955 6.453,13.9655 L6.453,12.5145 C6.453,11.3155 5.347,10.8775 4.148,10.3935 C2.166,9.5875 -1.42108547e-14,8.7115 -1.42108547e-14,5.6925 L-1.42108547e-14,4.2175 C-1.42108547e-14,1.8665 2.005,0.0005 4.448,0.0005 L5.162,0.0005 C7.605,0.0005 9.61,1.8665 9.61,4.2175 L9.61,5.1165 L6.453,5.1165 L6.453,4.2405 C6.453,3.4105 5.877,2.7195 5.162,2.7195 L4.448,2.7195 C3.733,2.7195 3.157,3.4105 3.157,4.2405 L3.157,5.4855 C3.157,6.8905 4.287,7.3055 5.485,7.7435 M20.3958,15.487 L21.0868,15.487 C21.8248,15.487 22.4008,14.796 22.4008,13.966 L22.4008,12.883 L25.5578,12.883 L25.5578,13.989 C25.5578,16.34 23.5528,18.206 21.0868,18.206 L20.3958,18.206 C17.9298,18.206 15.9248,16.34 15.9248,13.989 L15.9248,4.217 C15.9248,1.867 17.9298,0 20.3958,0 L21.0868,0 C23.5528,0 25.5578,1.867 25.5578,4.217 L25.5578,5.301 L22.4008,5.301 L22.4008,4.217 C22.4008,3.388 21.8248,2.719 21.0868,2.719 L20.3958,2.719 C19.6578,2.719 19.0818,3.388 19.0818,4.217 L19.0818,13.966 C19.0818,14.796 19.6578,15.487 20.3958,15.487 M34.7764,10.2325 L34.7764,17.9755 L31.6194,17.9755 L31.6194,0.2305 L34.7764,0.2305 L34.7764,7.5135 L38.4404,7.5135 L38.4404,0.2305 L41.5984,0.2305 L41.5984,17.9755 L38.4404,17.9755 L38.4404,10.2325 L34.7764,10.2325 Z M57.7302,0.2305 L57.7302,2.9495 L51.8072,2.9495 L51.8072,7.6285 L57.2232,7.6285 L57.2232,10.3475 L51.8072,10.3475 L51.8072,15.2565 L57.7302,15.2565 L57.7302,17.9755 L48.6502,17.9755 L48.6502,0.2305 L57.7302,0.2305 Z M69.9679,2.9499 L68.1929,2.9499 L68.1929,15.2569 L69.9679,15.2569 C70.6819,15.2569 71.2579,14.5649 71.2579,13.7129 L71.2579,4.4479 C71.2579,3.6179 70.6819,2.9499 69.9679,2.9499 Z M69.9679,0.2309 C72.4109,0.2309 74.4159,2.1199 74.4159,4.4479 L74.4159,13.7359 C74.4159,16.0859 72.4109,17.9759 69.9679,17.9759 L63.6529,17.9759 L63.6529,15.2569 L65.0359,15.2569 L65.0359,2.9499 L63.6529,2.9499 L63.6529,0.2309 L69.9679,0.2309 Z M89.9948,0.2305 L89.9948,2.9495 L84.0718,2.9495 L84.0718,7.6285 L89.4878,7.6285 L89.4878,10.3475 L84.0718,10.3475 L84.0718,15.2565 L89.9948,15.2565 L89.9948,17.9755 L80.9148,17.9755 L80.9148,0.2305 L89.9948,0.2305 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  display: block;
  height: 36px;
  width: 181px;
  right: 0;
  position: absolute;
}
.openstad #footer-container footer .container .footer-section:last-child a,
[data-apos-level] #footer-container footer .container .footer-section:last-child a {
  color: transparent;
  text-decoration-color: transparent;
  right: 0;
  position: absolute;
}
.openstad .icon:has(.ri-thumb-down-line),
[data-apos-level] .icon:has(.ri-thumb-down-line) {
  display: none;
}
.openstad button.utrecht-button.utrecht-button--submit.utrecht-button--primary-action[type=submit],
.openstad .utrecht-button.utrecht-button--secondary-action,
.openstad .utrecht-button.utrecht-button--primary-action,
[data-apos-level] button.utrecht-button.utrecht-button--submit.utrecht-button--primary-action[type=submit],
[data-apos-level] .utrecht-button.utrecht-button--secondary-action,
[data-apos-level] .utrecht-button.utrecht-button--primary-action {
  text-transform: uppercase;
}
.openstad .osc,
.openstad .osc *,
[data-apos-level] .osc,
[data-apos-level] .osc * {
  font-family: inherit;
}
.openstad,
[data-apos-level] {
  --utrecht-form-label-font-size: 1rem;
}
.openstad .leaflet-bottom.leaflet-right,
[data-apos-level] .leaflet-bottom.leaflet-right {
  display: none;
}
.openstad .icon-section .utrecht-button.utrecht-button--subtle.utrecht-accordion__button *,
[data-apos-level] .icon-section .utrecht-button.utrecht-button--subtle.utrecht-accordion__button * {
  --utrecht-button-primary-action-color: black;
  --utrecht-button-primary-action-color: black;
}
.openstad .--document,
[data-apos-level] .--document {
  padding: 20px;
}
.openstad .--document:nth-of-type(even),
[data-apos-level] .--document:nth-of-type(even) {
  background: #f3f3f3;
}
.openstad .home-featured-text .osc .image-container > img,
[data-apos-level] .home-featured-text .osc .image-container > img {
  object-position: top;
}
.openstad .home-featured-text .carousel-items .image-container,
[data-apos-level] .home-featured-text .carousel-items .image-container {
  border: solid #f3f3f3;
  border-width: 1px 1px 0 1px;
}
.openstad .cta-buttons .utrecht-button-link--primary-action,
[data-apos-level] .cta-buttons .utrecht-button-link--primary-action {
  color: var(--nlds-body-background-color);
  background-color: var(--draad-color-green-200);
  border-color: var(--draad-color-green-200);
}
.openstad .--custom-banner,
[data-apos-level] .--custom-banner {
  pointer-events: none;
  position: relative;
  margin-block-start: 0;

}




.openstad .--custom-banner:before,
[data-apos-level] .--custom-banner:before {
  content: "";
  /* background: linear-gradient(90deg, rgba(0,0,0,0.6264880952380952) 0%, rgba(0,0,0,0) 100%); */
  inset: 0;
  position: absolute;
}
.openstad .--custom-banner img,
[data-apos-level] .--custom-banner img {
  object-position: center 33%;
  height: 350px;
  width: 100%;
  object-fit: cover;
}
.openstad .section.--custom-banner_content,
[data-apos-level] .section.--custom-banner_content {
  --utrecht-paragraph-color: white;
  
  margin-block-start: -400px;
  height: 400px;
  display: grid;
  align-items: center;
  text-transform: uppercase;
}
.openstad .--custom-banner_content p,
[data-apos-level] .--custom-banner_content p {
  font-family: "bc-sklonar", sans-serif;
  font-size: 19px;
  line-height: 1.3;
  word-break: auto-phrase;
}
.openstad .--custom-banner_content .utrecht-heading-1:not(.utrecht-accordion__header),
[data-apos-level] .--custom-banner_content .utrecht-heading-1:not(.utrecht-accordion__header) {
  background: white;
  color: #2F7E2F;
  display: inline;
  line-height: 1.7;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

html [data-apos-level] .--custom-infoBox,
html [data-apos-level] .section.--solid.--green {
  --utrecht-heading-2-color: white;
  --utrecht-heading-3-color: white;
  --utrecht-paragraph-color: white;
  background: #2F7E2F;
}
html [data-apos-level] .--custom-infoBox h3 {
  color: white;
}

.openstad .--custom-infoBox,
[data-apos-level] .--custom-infoBox {
  padding: 30px;
}
.openstad .section.--solid.--lightgreen,
[data-apos-level] .section.--solid.--lightgreen {
  background-color: #D0E2D0;
}
.openstad .section.--solid.--lightyellow,
[data-apos-level] .section.--solid.--lightyellow {
  background-color: #FBF1DA;
}
.openstad .section.--solid.--yellow,
[data-apos-level] .section.--solid.--yellow {
  background-color: #F1C053;
}
.openstad .section.--solid.--green,
[data-apos-level] .section.--solid.--green {
  background-color: #2F7E2F;
}
.openstad .--custom-infoBox img,
[data-apos-level] .--custom-infoBox img {
  width: 100%;
}
.openstad .--custom-infoBox a.utrecht-link:any-link,
[data-apos-level] .--custom-infoBox a.utrecht-link:any-link {
  color: white;
  text-decoration: underline;
}
.openstad .--custom-infoBox a.utrecht-link:any-link:hover,
[data-apos-level] .--custom-infoBox a.utrecht-link:any-link:hover {
  text-decoration: none;
}
.openstad .--centered h1,
.openstad .--centered h2,
.openstad .--centered h3,
.openstad .--centered h4,
.openstad .--centered p,
[data-apos-level] .--centered h1,
[data-apos-level] .--centered h2,
[data-apos-level] .--centered h3,
[data-apos-level] .--centered h4,
[data-apos-level] .--centered p {
  text-align: center;
}
.openstad .osc.counter-container.--link,
[data-apos-level] .osc.counter-container.--link {
  --utrecht-button-secondary-action-background-color: black;
}
.openstad .--custom-image img,
[data-apos-level] .--custom-image img {
  transform: translate(30px, 30px);
  object-position: right bottom;
}
.openstad .--custom-image .col-sm-6:first-of-type,
[data-apos-level] .--custom-image .col-sm-6:first-of-type {
  align-self: center;
}
.openstad .--custom-image .col-sm-6:last-of-type,
[data-apos-level] .--custom-image .col-sm-6:last-of-type {
  align-self: end;
}
.openstad .section.--solid [data-openstad-title] h1,
[data-apos-level] .section.--solid [data-openstad-title] h1 {
  margin-top: 40px;
}
.openstad #stem-begroot-filter .osc-resources-filter .button-group,
[data-apos-level] #stem-begroot-filter .osc-resources-filter .button-group {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 1600px) and (min-width: 999px) {
  .openstad .resourceOverviewWithMap-container,
  [data-apos-level] .resourceOverviewWithMap-container {
    grid-template-columns: 5fr 3fr;
  }
}
.openstad .hide-h2 h2.utrecht-heading-2,
[data-apos-level] .hide-h2 h2.utrecht-heading-2 {
  display: none;
}
.openstad .header_navbar-container.--mobile .close-button,
[data-apos-level] .header_navbar-container.--mobile .close-button {
  --background: white;
}
.openstad .header_navbar-container.--mobile.--show .close-button,
[data-apos-level] .header_navbar-container.--mobile.--show .close-button {
  --background: #F1C053;
}
.openstad .utrecht-button-group--row .utrecht-button--secondary-action,
.openstad .utrecht-button-group--row .utrecht-button-link--secondary-action,
[data-apos-level] .utrecht-button-group--row .utrecht-button--secondary-action,
[data-apos-level] .utrecht-button-group--row .utrecht-button-link--secondary-action {
  background-color: var(--nlds-default-background-color);
  border-color: var(--nlds-default-background-color);
  color: #2F7E2F;
}
.openstad .utrecht-button--secondary-action,
.openstad .utrecht-button-link--secondary-action,
[data-apos-level] .utrecht-button--secondary-action,
[data-apos-level] .utrecht-button-link--secondary-action {
  background-color: var(--nlds-body-background-color);
  border-color: var(--draad-color-green-200);
  color: #2F7E2F;
}
.openstad .utrecht-button-link--subtle,
[data-apos-level] .utrecht-button-link--subtle {
  color: var(--draad-color-green-200);
}
.openstad .utrecht-button--secondary-action:hover,
.openstad .utrecht-button-link--secondary-action:hover,
[data-apos-level] .utrecht-button--secondary-action:hover,
[data-apos-level] .utrecht-button-link--secondary-action:hover {
  background-color: var(--nlds-body-background-color);
  border-color: #2F7E2F;
  color: #2F7E2F;
}
.openstad .utrecht-link:any-link,
[data-apos-level] .utrecht-link:any-link {
  color: var(--draad-color-green-200);
  text-decoration-color: var(--draad-color-green-200);
  text-decoration: underline;
}
.openstad .utrecht-link:hover,
[data-apos-level] .utrecht-link:hover {
  text-decoration: none;
  color: var(--draad-color-green-200);
}
.openstad a:hover:not(.utrecht-button-link),
[data-apos-level] a:hover:not(.utrecht-button-link) {
  color: var(--draad-color-green-200);
}
.openstad .resourceOverviewWithMap-container .active-tags ul,
[data-apos-level] .resourceOverviewWithMap-container .active-tags ul {
  flex-direction: row;
}
.openstad .utrecht-button--subtle,
[data-apos-level] .utrecht-button--subtle {
  color: var(--draad-color-green-200);
}
.openstad .utrecht-button--hover:not(:disabled, .utrecht-button--disabled),
.openstad .utrecht-button:hover:not(:disabled, [aria-disabled=true], .utrecht-button--disabled),
[data-apos-level] .utrecht-button--hover:not(:disabled, .utrecht-button--disabled),
[data-apos-level] .utrecht-button:hover:not(:disabled, [aria-disabled=true], .utrecht-button--disabled) {
  background-color: var(--nlds-default-background-color);
  border-color: var(--nlds-default-background-color);
  color: var(--draad-color-green-200);
  scale: var(--utrecht-button-hover-scale, 1);
}
.openstad .utrecht-accordion__section .utrecht-button--subtle,
html [data-apos-level] .utrecht-accordion__section .utrecht-button--subtle {
  color: var(--draad-color-green-200);
  background-color: var(--background);
  border-color: var(--draad-color-gray-300);
  text-transform: none;
  font-size: 18px;
  font-family: "urw-din", sans-serif!important;
}

.openstad h2.utrecht-heading-2,
.openstad h1.utrecht-heading-1,
.openstad h1.utrecht-heading-2,
.openstad a.utrecht-button[type=button],

[data-apos-level] h2.utrecht-heading-2,
[data-apos-level] h1.utrecht-heading-1,
[data-apos-level] h1.utrecht-heading-2,
[data-apos-level] a.utrecht-button[type=button] {
  font-family: "bc-sklonar", "urw-din", sans-serif;
}
.openstad h4.utrecht-heading-4,
.openstad h3.utrecht-heading-3,
.openstad h2.utrecht-heading-4,
[data-apos-level] h2.utrecht-heading-4,
[data-apos-level] h4.utrecht-heading-4,
[data-apos-level] h3.utrecht-heading-3 {
  font-family: "urw-din", sans-serif;
  text-transform: none;
  color: #333;
  line-height: 1.7;
}

.openstad button.utrecht-button.utrecht-button--submit.utrecht-button--primary-action[type=submit],
.openstad .utrecht-button.utrecht-button--secondary-action,
.openstad .utrecht-button.utrecht-button--primary-action,
[data-apos-level] button.utrecht-button.utrecht-button--submit.utrecht-button--primary-action[type=submit],
[data-apos-level] .utrecht-button.utrecht-button--secondary-action,
[data-apos-level] .utrecht-button.utrecht-button--primary-action {
  font-family: "bc-sklonar", "urw-din", sans-serif;
}
.openstad .utrecht-select--html-select:not([multiple]),
[data-apos-level] .utrecht-select--html-select:not([multiple]) {
  height: 52px;
  line-height: normal;
}
.openstad .utrecht-link-social,
[data-apos-level] .utrecht-link-social {
  background-color: var(--draad-color-green-200);
}
.openstad .utrecht-link-social:hover i:before,
[data-apos-level] .utrecht-link-social:hover i:before {
  background-color: black;
}
.openstad .utrecht-paragraph,
.openstad h1,
.openstad h2,
.openstad h3,
.openstad h4,
.openstad a,
[data-apos-level] .utrecht-paragraph,
[data-apos-level] h1,
[data-apos-level] h2,
[data-apos-level] h3,
[data-apos-level] h4,
[data-apos-level] a {
  hyphens: none;
}
.openstad .apos-area > img + [data-mode=h3],
[data-apos-level] .apos-area > img + [data-mode=h3] {
  margin-top: 1rem;
}
.openstad .newsletter,
[data-apos-level] .newsletter {
  background-color: #2F7E2F;
  padding: 25px;
}
.openstad .newsletter p,
.openstad .newsletter h3,
[data-apos-level] .newsletter p,
[data-apos-level] .newsletter h3 {
  color: white;
}

.openstad .osc-agenda .osc-agenda-item::before {
    content: "";
    width: 2px;
    background-color: #2F7E2F;
    position: absolute;
    top: var(--connector-start);
    height: calc(100% + var(--item-gap));
    left: var(--connector-left);
    z-index: 1;
}

.openstad .osc-date-circle,
[data-apos-level] .osc-date-circle {
  border-color: #2F7E2F;
}

.openstad .osc-agenda-item.--active-item .osc-date-circle:before,
[data-apos-level] .osc-agenda-item.--active-item .osc-date-circle:before {
  background-color: #2F7E2F;
}
.openstad .utrecht-textbox--html-input:invalid,
.openstad .utrecht-textbox--html-input[aria-invalid=true],
[data-apos-level] .utrecht-textbox--html-input:invalid,
[data-apos-level] .utrecht-textbox--html-input[aria-invalid=true] {
  border-color: #2F7E2F;
}
.openstad .question-type-documentUpload span.filepond--label-action:before,
[data-apos-level] .question-type-documentUpload span.filepond--label-action:before {
  content: "klik om te bladeren";
  font-size: 1rem;
  text-decoration: none;
}
.openstad .question-type-documentUpload span.filepond--label-action,
[data-apos-level] .question-type-documentUpload span.filepond--label-action {
  font-size: 0;
}
.openstad .question-type-documentUpload .filepond--drop-label > label,
[data-apos-level] .question-type-documentUpload .filepond--drop-label > label {
  font-size: 0;
}
.openstad .question-type-documentUpload .filepond--drop-label > label:before,
[data-apos-level] .question-type-documentUpload .filepond--drop-label > label:before {
  content: "Sleep document(en) hierheen of ";
  font-size: 1rem;
}
.openstad button.utrecht-button.utrecht-button--primary-action.like-option.selected:after,
[data-apos-level] button.utrecht-button.utrecht-button--primary-action.like-option.selected:after {
  content: "\eb81";
  display: block;
  font-size: 1.25rem;
  font-family: "remixicon";
}

.openstad .osc-DialogContent .like-kind,
[data-apos-level] .osc-DialogContent .like-kind {
  min-width: 250px;
  font-size: 0;
}
.openstad .osc-DialogContent .like-kind i,
[data-apos-level] .osc-DialogContent .like-kind i {
  font-size: 1rem;
}
.openstad .osc-DialogContent .like-kind:before,
[data-apos-level] .osc-DialogContent .like-kind:before {
  font-size: 1rem;
  content: "Ik stem op dit ontwerp";
}
.openstad .project-tiles .icon-section,
[data-apos-level] .project-tiles .icon-section {
  background-color: transparent;
}
.openstad .project-tiles .icon-section .icon-section-grid .container,
[data-apos-level] .project-tiles .icon-section .icon-section-grid .container {
  grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
  row-gap: 4rem;
  column-gap: 1.5rem;
}
.openstad .project-tiles .icon-section .icon-section-card,
[data-apos-level] .project-tiles .icon-section .icon-section-card {
  position: relative;
}
.openstad .project-tiles .icon-section .icon-section-card img,
[data-apos-level] .project-tiles .icon-section .icon-section-card img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.openstad .project-tiles .icon-section .icon-section-content,
[data-apos-level] .project-tiles .icon-section .icon-section-content {
  padding: 0;
  margin-top: 1rem;
  grid-gap: 1rem;
}
.openstad #main .project-tiles a.utrecht-link--html-a,
[data-apos-level] #main .project-tiles a.utrecht-link--html-a {
  background-color: var(--nlds-default-background-color);
  border-color: var(--nlds-default-background-color);
  color: #2F7E2F;
  text-transform: uppercase;
  font-family: "bc-sklonar", "uwr-din", "Roboto Condensed", sans-serif;
  text-decoration: none;
  padding: 13px 18px;
  margin-top: 0.5rem;
  line-height: 1.5;
  display: inline-block;
  transition: 0.1s;
}
.openstad #main .project-tiles a.utrecht-link--html-a:hover,
[data-apos-level] #main .project-tiles a.utrecht-link--html-a:hover {
  background-color: transparent;
  box-shadow: 0 0 0 2px inset #2F7E2F;
  color: #2F7E2F;
}
.openstad #main .project-tiles a.utrecht-link--html-a:before,
[data-apos-level] #main .project-tiles a.utrecht-link--html-a:before {
  display: none;
}
.openstad #main .project-tiles a.utrecht-link--html-a:after,
[data-apos-level] #main .project-tiles a.utrecht-link--html-a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
}





.openstad .question-type-text:has(.utrecht-form-field-error-message:not(:empty)) .utrecht-form-field .utrecht-textarea--html-textarea, 
.openstad .question-type-text:has(.utrecht-form-field-error-message:not(:empty)) .utrecht-form-field .utrecht-textarea--html-textarea:invalid,
.openstad .question-type-checkbox:has(.utrecht-form-field-error-message:not(:empty)) .utrecht-form-field .utrecht-checkbox--html-input, 
.openstad .question-type-checkbox:has(.utrecht-form-field-error-message:not(:empty)) .utrecht-form-field .utrecht-checkbox--html-input:invalid,
.openstad .question-type-radiobox:has(.utrecht-form-field-error-message:not(:empty)) .utrecht-form-field .utrecht-form-field__input, 
.openstad .question-type-radiobox:has(.utrecht-form-field-error-message:not(:empty)) .utrecht-form-field .utrecht-form-field__input:invalid{
      border-color: var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));
}


.openstad .question-type-text:has(.utrecht-form-field-error-message:empty) .utrecht-form-field .utrecht-textarea--html-textarea, 
.openstad .question-type-text:has(.utrecht-form-field-error-message:empty) .utrecht-form-field .utrecht-textarea--html-textarea:invalid,
.openstad .question-type-checkbox:has(.utrecht-form-field-error-message:empty) .utrecht-form-field .utrecht-checkbox--html-input, 
.openstad .question-type-checkbox:has(.utrecht-form-field-error-message:empty) .utrecht-form-field .utrecht-checkbox--html-input:invalid,
.openstad .question-type-radiobox:has(.utrecht-form-field-error-message:empty) .utrecht-form-field .utrecht-form-field__input,
.openstad .question-type-radiobox:has(.utrecht-form-field-error-message:empty) .utrecht-form-field .utrecht-form-field__input:invalid{
  border-color: rgb(51, 51, 51);
}

.openstad .form-container .question:has([required]) .utrecht-form-fieldset__legend:after,
.openstad .form-container .question:has([required]) > .utrecht-paragraph.utrecht-form-field__label > label.utrecht-form-label:after,
.openstad .utrecht-form-field.utrecht-form-field--text:has(.utrecht-textbox[required]) .utrecht-form-label:after,
.openstad .utrecht-form-field.utrecht-form-field--text:has([aria-required="true"]) .utrecht-form-label:after,
.openstad .question:has([required]) .utrecht-form-field--text p > label.utrecht-form-label:after {
  content: "(Invullen verplicht)";
  font-weight: 400;
  font-style:normal;
  opacity: .7;
  margin-left: .5rem;
  font-size: 14px;
}

.openstad .form-container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  grid-gap: 1rem;
  border: solid 1px var(--nlds-enquete-background-color, var(--nlds-default-background-color, #F0F4F8));
}

.openstad .form-container>div {
  color: var(--osc-card-foreground);
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: .3rem 1rem;
}

.openstad .form-container>div:nth-child(2n) {
  background-color: var(--nlds-enquete-background-color, var(--nlds-default-background-color, #F0F4F8));
}

.openstad img[src] {
  display: block;
}

.openstad img[src=""] {
  display: none;
}

.openstad .question:not(.question-type-none) + .question-type-none {
  margin-top: 0;
  padding-top: 1.5rem;
  border-color: transparent;
}

.openstad .color-FFFFFF {
  color: white!important;
}

.openstad .bgColor-4B0082 {
background-color: #82449C;
}

.openstad .bgColor-7DB47B {
  background-color: #2F7E2F;
}


.openstad .resource-card--link > div > .spacer-1 {
  display: none;
}
.openstad .resource-card--link {
  container-type: inline-size;
}
/* @container (min-width: 768px) {
  .openstad .resourceOverviewWithMap-container .resource-card--link > div:nth-child(n + 2) {
    grid-column: 2;
    grid-row: 1;
    align-items: end;
  }
} */

.leaflet-container, .leaflet-map-pane {
  height:100%;
}

body:has(.osc-resource-overview-resource-collection:empty) {
  opacity: 0.3;
  transition: 0.2s;
}

.openstad-component-widget:not(:has(.openstad)),
.osc-resource-overview-resource-collection:empty {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      position: relative;
      animation: rotate 1s linear infinite;
      margin: 1rem 0;
  }
.openstad-component-widget:not(:has(.openstad))::before,
.osc-resource-overview-resource-collection:empty::before {
      content: "";
      box-sizing: border-box;
      position: absolute;
      inset: 0px;
      border-radius: 50%;
      border: 5px solid #0007;
      animation: prixClipFix 2s linear infinite;
    }

    @keyframes rotate {
      100%   {transform: rotate(360deg)}
    }

    @keyframes prixClipFix {
        0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
        25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
        50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
        75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
        100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
    }

.openstad .form-container>div:nth-child(2n).question-type-hidden {
  background-color: transparent;
}

/* Agenda styling uitbreiding */

.osc-agenda-item.--active-item {
	background-color: white;
}

[data-apos-level] .osc-agenda-item:has(~.--active-item) .osc-date-circle {
    border-color: #2f7e2f;

}

.--solid .openstad .osc-agenda-item:not(.--active-item),
.section:not(.--solid) .openstad .osc-agenda-item.--active-item {
    border: 1px solid #2f7e2f31;
}

[data-apos-level] .osc-agenda-item:has(~.--active-item) .osc-date-circle:after {
	content:'\EB7B';
	font-family: 'remixicon'!important;
position: relative;
color: #2f7e2f;
    top: -4px;
}

.osc-agenda-item.--active-item .osc-date-circle {
    background-color: white;
    outline: white;
}

.openstad .osc-agenda-item .utrecht-link--html-a span {
font-weight: 400;
}

.openstad .reaction-input-container .form-container > .question-type-hidden {
  display: none;
}

.openstad .reaction-input-container .form-container > .button-group {
  padding-top: 0;
}

.openstad .osc-agenda .osc-agenda-item:not(:last-child)::before {
  content: "" !important;
}