@charset "UTF-8";
/* Variables for Customer Layout */
/* Font */
/* Colors */
/* (Haupt Hintergrundfarbe) */
/* (Haupt Textfarbe) */
/* (Hauptfarbe) */
/* (Alternativfarbe) */
/* Bootstrap $gray-100*/
/* Bootstrap $gray-300*/
/* Bootstrap $gray-500*/
/* Bootstrap $gray-700*/
/* Bootstrap $gray-900*/
/* Shadows */
/* Z-Index */
/* Vordergrund Prio 1. (Max Wert bei Bootstrap 1070) */
html, body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #FFFAFA !important;
}

html {
  height: 100%;
  width: 100%;
  scroll-behavior: smooth;
}

body {
  height: 100%;
  background: radial-gradient(circle at 24.1% 68.8%, rgb(50, 50, 50) 0%, rgb(0, 0, 0) 99.4%);
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

::-webkit-scrollbar {
  display: none;
}

.body-content {
  min-height: 100%;
  padding-top: 70px;
  padding-left: 15px;
  padding-right: 15px;
}

h1, h2, h3, h4, h5 {
  color: #BBA53D;
}

h1 {
  font-size: clamp(1rem, 10dvw, 10rem);
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  color: inherit;
  text-decoration: none;
}

:focus-visible {
  outline: 2px solid #BBA53D;
  outline-offset: 3px;
}

/* Routes.razor has <FocusOnNavigate Selector="h1">, which puts tabindex="-1" on
   the page's heading and focuses it so screen readers announce the new page. On
   a cold load there has been no pointer interaction yet, so Chrome treats that
   programmatic focus as focus-visible and drew the gold ring around the <h1>
   until the first click — which is why it never came back afterwards.
   tabindex="-1" means the element is not in the tab order, so a keyboard user
   can never land on it deliberately and the ring conveys nothing. Real controls
   are unaffected: they have no negative tabindex. */
[tabindex="-1"]:focus-visible {
  outline: none;
}

/* Driven from MainLayout, see Utility.BeginViewTransition */
::view-transition-old(root) {
  animation: pageLeave 0.26s cubic-bezier(0.4, 0, 1, 1) both;
  mix-blend-mode: normal;
}

::view-transition-new(root) {
  animation: pageEnter 0.36s cubic-bezier(0, 0, 0.2, 1) both;
  mix-blend-mode: normal;
}

@keyframes pageLeave {
  to {
    opacity: 0;
    transform: translateY(-0.6rem);
  }
}
@keyframes pageEnter {
  from {
    opacity: 0;
    transform: translateY(1.1rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root), ::view-transition-new(root) {
    animation-duration: 0.01ms;
  }
}
footer {
  padding: 20px;
  background-color: #FFFAFA;
}
footer #weatherCol {
  border-right: 1px solid #ccc;
}

#bgCanvas {
  z-index: -999;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

#blazor-error-ui {
  background: rgba(18, 18, 20, 0.94);
  backdrop-filter: blur(10px);
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  color: #FFFAFA;
  bottom: 0;
  box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.5);
  display: none;
  left: 0;
  padding: 0.9rem 1.25rem 1rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
#blazor-error-ui .reload, #blazor-error-ui .dismiss {
  color: #BBA53D;
  cursor: pointer;
  text-decoration: underline;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

.blazor-error-boundary {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
  padding: 1rem 1rem 1rem 3.7rem;
  color: white;
}

.blazor-error-boundary::after {
  content: "An error has occurred.";
}

/*# sourceMappingURL=Main.css.map */