/* Additions on top of the Webflow export. Keep Webflow's own CSS files untouched. */

/* Vær med: the volunteer form sits in a flex row, so its error message used to appear
   beside the form at full height. Put it on its own line below the form instead. */
.form-block-4 {
  flex-wrap: wrap;
}
.form-block-4 > .frivillig-error {
  flex-basis: 100%;
  align-self: flex-start;
  margin: 20px 0 0;
  padding: 10px 20px;
}

/* Responsive images (integrations/responsive-images.mjs): large background images carry a phone-sized
   variant in --bg-small; phones load only that one. */
@media screen and (max-width: 767px) {
  [style*="--bg-small"] {
    background-image: var(--bg-small) !important;
  }
}