/* Small header logo on mobile */

@media (max-width: 48rem) {
    header .wp-block-site-logo {
      max-width: 4rem;
    }
}

/* Sticky header */
header {
  position: fixed;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  -webkit-transition: top 0.6s ease-in-out;
  -o-transition: top 0.6s ease-in-out;
  transition: top 0.6s ease-in-out; /* Sanfte Bewegung */
}

body.admin-bar header {
  top: 32px;
}


/* if modal is open fade background color */
html.has-modal-open {    
  .wp-site-blocks {
      > header { background-color: var(--wp--preset--color--base); }
      > main, > footer {

          &:before {
              content: '';
              position: fixed;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              z-index: 50;
              background: #000;
              opacity: 0.5;
              pointer-events: none;
          }
      }
  }
}