:root,
[data-bs-theme=light] {
   --bghmueGreen: oklch(53.2% 0.157 131.589);
   --bghmueGradientGreen: linear-gradient(45deg, oklch(53.2% 0.157 131.589) , oklch(40.5% 0.101 131.063) 100%);
   --bghmueMapBorderColor: oklch(.869 .022 252.894);
}
[data-bs-theme=dark] {
   --bghmueGreen: oklch(84.1% 0.238 128.85);
   --bghmueGradientGreen: linear-gradient(45deg, oklch(84.1% 0.238 128.85) , oklch(53.2% 0.157 131.589) 100%);
   --bghmueMapBorderColor: oklch(.554 .046 257.417);
}

main {
   margin-top: 74px;
   margin-bottom: 0;
   padding-bottom: 2rem;
}
/* sm */
@media (min-width: 576px) { 
   main {
      margin-top: 82px;
      margin-bottom: 12px;
   }
}
/* md */
@media (min-width: 768px) { 
   main {
      margin-top: 90px;
      margin-bottom: 24px;
   }
}
/* lg */
@media (min-width: 992px) {
   main {
      margin-top: 96px;
      margin-bottom: 24px;
   }
}
/* xl 
@media (min-width: 1200px) { 

}
*/
/* xxl 
@media (min-width: 1400px) { 

}
*/
body {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
}
.bi {
   width: 1em;
   height: 1em;
   vertical-align: -.125em;
   fill: currentcolor;
}
h1 {
   color: oklch(53.2% 0.157 131.589);
   background-image: var(--bghmueGradientGreen);
   background-clip: text;
   -webkit-background-clip: text;
   font-weight: 900;
   -webkit-text-fill-color: transparent;
   display: inline-block;
}
.projectnmbr {
   font-variant: small-caps;
}

.projectnmbr em {
   color: var(--bghmueGreen);
   font-weight: 500;
}

.nav-link.active {
   color: var(--bghmueGreen) !important;
   font-weight: 600;
}
.dropdown-item.active {
   background-color: rgb(153, 169, 0,.2);
   color: var(--bs-dropdown-link-color);
}
.supporter {
   display: inline;
   font-size: 20px !important;
   font-weight: 800 !important;
   line-height: 2;
}
.supporter small {
   font-size: .8rem !important;
   font-weight: 400;
}
.carousel-control-next-icon {
   color: var(--bghmueGreen) !important;
}
.gallery-shadow {
   box-shadow: inset 0px 0px 15px -3px rgba(0,0,0,0.8);
   filter: grayscale(75%);
}
.gallery-thumb-focus:focus {
   border-radius: 1.75rem;
   outline-width: 2px;
   outline-offset: 2px;
   outline-style: solid;
   outline-color: var(--bs-link-color-rgb);
}
footer {
   margin-top: auto;
}
footer .active {
   border-bottom: 1px solid var(--bghmueGreen);
   border-top: 1px solid var(--bghmueGreen);
   color: var(--bghmueGreen) !important;
   font-weight: 600;
   padding: 1px 0;
}
footer .active:hover {
   cursor: default;
   text-decoration: none !important;
}
.footer-link {
   text-decoration: none;
   transition: all 0.3s ease;
}

.footer-link:hover {
   text-decoration: underline;
}