.navbar-brand img.img-fluid {
    max-width: 60px;
}
.extbase-debugger {
    display: none;
}

#main-navbar {
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.container-clamp {
  /* clamp(MIN, PREFERRED, MAX)
    MIN: 0px ensures it can shrink down on the smallest devices without overflowing.
    PREFERRED: 100% tells it to take up the full viewport width by default.
    MAX: 1600px creates the hard stop.
  */
  width: clamp(0px, 100%, 1600px);
  
  /* Center the container */
  margin-right: auto;
  margin-left: auto;
  
  /* Apply standard Bootstrap 5 gutters */
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
}

header {
    margin-bottom: calc(1rem + 0.9vw);
}

/*
div#navbarToggler,
div#navbarToggler>div {
  transition: all 0.2s ease;
}

.navbar-shrink div#navbarToggler {
    position: fixed;
    left: 0;
    background-color: black;
    top: 0;
  transition: all 0.2s ease;
}
.navbar-shrink div#navbarToggler>div {
    flex-direction: column;
  transition: all 0.2s ease;
}

[data-shrinkcolor="dark"].navbar-shrink div#navbarToggler {
  background-color: whitesmoke;
}
*/