/* Layout */

*, ::after, ::before {
    box-sizing: border-box;
}

/*Bootstrap copy*/
.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.text-danger {
    color: #dc3545 !important;
}

/*End Bootstrap copy*/


html {
    font-size: clamp(0.85rem, 0.75vw + 0.4rem, 1rem) !important;
    scroll-behavior: smooth;
}

html, body {
    margin: 0;
    padding: 0;
    background: unset !important;
}

body.admin-open homepage {
    margin-right: var(--admin-content-panel-width);
}

body.preload homepage {
    opacity: 0;
}

body.hydrated homepage {
    opacity: 1;
}

h1 {
    font-size: calc(var(--design-font-size) + 0.3rem) !important;
    color: unset !important;
}
h2 {
    font-size: calc(var(--design-font-size) + 0.2rem) !important;
    color: unset !important;
}
h3 {
    font-size: calc(var(--design-font-size) + 0.1rem) !important;
    color: unset !important;
}

leftone, lefttwo, leftthree, leftfour, leftfive, rightone, righttwo, rightthree, rightfour, rightfive {
    margin: 0;
    padding: 0;
    background-color: var(--design-color-left-and-right-background);
}
leftone {
    grid-area: leftone;
}
lefttwo {
    grid-area: lefttwo;
}
leftthree {
    grid-area: leftthree;
}
leftfour {
    grid-area: leftfour;
}
leftfive {
    grid-area: leftfive;
}
rightone {
    grid-area: rightone;
}
righttwo {
    grid-area: righttwo;
}
rightthree {
    grid-area: rightthree;
}
rightfour {
    grid-area: rightfour;
}
rightfive {
    grid-area: rightfive;
}

offline, comingsoon {
    display: block;
    text-align: center;
    padding: 2rem;
    font-family: 'Segoe UI', sans-serif;
    font-size: 3rem;
}
    offline i, comingsoon i {
        margin-bottom: 3rem;
    }
    offline i {
        color: #e74c3c;
    }
    comingsoon i {
        color: #ffa500;
    }
    offline h1, comingsoon h1 {
        color: #333;
        margin-bottom: 0;
    }
    comingsoon p {
        font-size: 2rem;
        margin-bottom: 0;
    }
        comingsoon p:nth-of-type(2) {
            font-size: 1rem;
        }


homepage {
    background-color: var(--design-color-layout-background);
    font-family: var(--design-font-family);
    font-size: var(--design-font-size) !important;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: var(--layout-grid-template-columns);
    grid-template-rows: var(--layout-grid-template-rows);
    grid-template-areas: var(--layout-grid-template-areas);
    min-height: 100vh;
    transition: opacity 0.3s ease-in;
}

body.navigation-overflow homepage {
    grid-template-rows: var(--layout-grid-mobile-template-rows);
    grid-template-columns: 1fr;
    grid-template-areas: var(--layout-grid-mobile-template-areas);
}

@media (max-width: 1024px) {
    homepage {
        grid-template-rows: var(--layout-grid-mobile-template-rows);
        grid-template-columns: 1fr;
        grid-template-areas: var(--layout-grid-mobile-template-areas);
    }

    body.admin-open homepage {
        margin-right: 0;
    }
}

/* animations */

.animate-from-left {
    opacity: 0;
    transform: translateX(calc(var(--layout-default-padding) * -1));
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

    .animate-from-left.in-view {
        opacity: 1;
        transform: translateX(0);
    }

.animate-from-right {
    opacity: 0;
    transform: translateX(var(--layout-default-padding));
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

    .animate-from-right.in-view {
        opacity: 1;
        transform: translateX(0);
    }

.animate-fade-up {
    opacity: 0;
    transform: translateY(var(--layout-default-padding));
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

    .animate-fade-up.in-view {
        opacity: 1;
        transform: translateY(0);
    }

/* general components */

.button {
    all: unset;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 0.25rem 0.75rem;
    border-radius: var(--layout-button-border-radius);
    font-size: calc(var(--design-font-size) + 0.3rem);
    line-height: calc(var(--design-font-size) + 0.6rem);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

    .button:hover {
        transform: scale(1.01);
        box-shadow: 0 6px 12px rgba(0,0,0,0.15);
    }


.sf-rte-standard,
.sf-rte-standard * {
    /*background-color: transparent !important;
    background: transparent !important;*/
}

/* Logo */

logo {
    position: var(--layout-logo-position);
    top: var(--layout-logo-top);
    display: var(--header-logo-display);
    background-color: var(--design-color-logo-background);
    color: var(--design-color-logo-font);
    grid-area: logo;
    text-wrap: nowrap;
    flex-direction: row;
    justify-content: left;
    align-items: var(--layout-logo-align-items);
    padding-left: var(--layout-default-padding);
    height: var(--layout-logo-height);
    border-radius: var(--layout-logo-border-radius);
    gap: calc(var(--layout-default-padding) / 2);
    z-index: var(--layout-logo-z-index);
    transition: background 0.3s ease;
}

body.is-not-homepage logo {
    transition: none; /* no animation during switching */
}

body.is-homepage logo {
    background-color: var(--design-color-logo-background-for-homepage);
}

body.is-homepage.scrolled-to-top logo {
    background-color: var(--design-color-logo-background-when-covermedia-flush-top);
}

logo a {
    all: unset;
    cursor: pointer;
}

logoimage {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    logoimage > img {
        max-height: 80%;
        max-width: 80%;
        height: auto;
        width: auto;
    }

logosymbol {
    display: block;
    height: var(--layout-logo-symbol-dimension);
    width: var(--layout-logo-symbol-dimension);
    background-color: var(--design-color-logo-font);
    mask: var(--header-logo-symbol-mask);
    -webkit-mask: var(--header-logo-symbol-mask);
}

logotext {
    font-size: 2rem;
    line-height: 2.2rem;
}

body.navigation-overflow logo {
    border-radius: unset !important;
}

@media (max-width: 1024px) {
    logo {
        border-radius: unset !important;
    }
}

/* Slogan */

slogan {
    position: var(--layout-slogan-position);
    top: var(--layout-slogan-top);
    display: var(--header-slogan-display);
    background-color: var(--design-color-slogan-background);
    color: var(--design-color-slogan-font);
    padding: var(--layout-default-padding);
    font-size: calc(var(--design-font-size) + 0.3rem) !important;
    text-align: center;
    grid-area: slogan;
    display: var(--layout-slogan-display);
    flex-direction: row;
    justify-content: end;
    align-items: center;
    gap: var(--layout-default-padding);
    border-radius: var(--layout-slogan-border-radius);
    z-index: var(--layout-slogan-z-index);
}

slogantext > p {
    display: block;
    line-height: calc(var(--design-font-size) + 0.6rem) !important;
    text-align: right;
    margin: unset !important;
}

slogan > a.button {
    background-color: var(--design-color-slogan-font);
    color: var(--design-color-slogan-background);
}

body.navigation-overflow slogan {
    display: none;
}

@media (max-width: 1024px) {
    slogan {
        display: none;
    }
}

/* Navigation */

navigation {
    position: var(--layout-navigation-position);
    top: var(--layout-navigation-top);
    background-color: var(--design-color-navigation-background);
    color: var(--design-color-navigation-font);
    font-size: calc(var(--design-font-size) + 0.2rem) !important;
    white-space: nowrap;
    padding: var(--layout-default-padding);
    display: flex;
    flex-direction: var(--layout-navigation-flex-direction);
    align-items: var(--layout-navigation-align-items);
    justify-content: var(--layout-navigation-justify-content);
    gap: clamp(0rem, (100vw - 1280px) * 0.02, 2rem);
    grid-area: navigation;
    width: auto;
    height: auto;
    border-radius: var(--layout-navigation-border-radius);
    margin-top: var(--layout-navigation-margin-top);
    margin-bottom: var(--layout-navigation-margin-bottom);
    z-index: var(--layout-navigation-z-index);
    transition: background 0.3s ease;
}

body.is-not-homepage navigation {
    transition: none; /* no animation during switching */
}

body.is-homepage navigation {
    background-color: var(--design-color-navigation-background-for-homepage);
}

body.is-homepage.scrolled-to-top navigation {
    background-color: var(--design-color-navigation-background-when-covermedia-flush-top);
}

navigation a:not(.button) {
    color: var(--design-color-navigation-font);
    padding: 0.5rem;
    text-align: center;
    align-items: center;
    text-decoration: none;
    height: var(--layout-navigation-height);
    display: flex;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    transition: border-bottom 0.3s ease;
}

navigation a.active:not(.button) {
    border-bottom: 3px solid var(--design-color-navigation-font);
}

navigation a:hover:not(.button) {
    border-bottom: 3px solid var(--design-color-navigation-font);
}

navigation > a.button {
    background-color: var(--design-color-navigation-font);
    color: var(--design-color-navigation-background);
}

.navigation-toggle {
    display: none;
    background-color: white;
    color: black;
    border: none;
    font-size: 1.5rem;
    background-color: var(--design-color-logo-font);
    color: var(--design-color-logo-background);
    width: 3rem;
    height: 3rem;
    border-radius: var(--layout-navigation-toggle-border-radius);
    position: fixed;
    right: 1.5rem;
    top: calc(calc(var(--layout-logo-height) / 2) - calc(3rem / 2));
    cursor: pointer;
    z-index: 15;
}

.navigation-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 19;
    display: none;
}

body.navigation-overflow navigation {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    position: fixed;
    top: 0;
    left: 0;
    min-width: 15rem;
    width: auto;
    height: 100%;
    transform: translateX(-100%);
    z-index: 20;
    box-sizing: border-box;
    justify-content: start;
    border-radius: unset !important;
    margin-top: unset !important;
    margin-bottom: unset !important;
    background-color: var(--design-color-navigation-background) !important;
}
body.navigation-overflow.navigation-open navigation a:hover:not(.button) {
    border-bottom: 3px solid var(--design-color-navigation-font);
}
body.navigation-overflow.navigation-open .navigation-backdrop {
    display: block;
}
body.navigation-overflow.navigation-open navigation {
    transform: translateX(0) !important;
}
body.navigation-overflow .navigation-toggle {
    display: block;
}

@media (max-width: 1024px) {
    navigation {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        position: fixed;
        top: 0;
        left: 0;
        min-width: 15rem;
        width: auto;
        height: 100%;
        transform: translateX(-100%);
        z-index: 20;
        box-sizing: border-box;
        justify-content: start;
        border-radius: unset !important;
        margin-top: unset !important;
        margin-bottom: unset !important;
        background-color: var(--design-color-navigation-background) !important;
    }
    body.navigation-open navigation a:hover:not(.button) {
        border-bottom: 3px solid var(--design-color-navigation-font);
    }
    body.navigation-open .navigation-backdrop {
        display: block;
    }
    body.navigation-open navigation {
        transform: translateX(0) !important;
    }
    .navigation-toggle {
        display: block;
    }
}

/* CoverMedia */

covermedia {
    position: relative;
    width: 100%;
    border-radius: var(--layout-covermedia-border-radius);
    margin-top: var(--layout-covermedia-margin-top);
    overflow: hidden;
    align-items: center;
    justify-content: center;
    grid-area: covermedia;
    display: var(--layout-covermedia-display);
    z-index: 1;
}

body.is-not-homepage covermedia {
    height: 0;
    display: none;
}

.covermedia-media video,
.covermedia-media img {
    position: var(--layout-covermedia-media-position);
    top: 0;
    left: 0;
    width: 100%;
    height: var(--layout-covermedia-media-height);
    object-fit: cover;
    object-position: var(--layout-covermedia-object-position);
    background-color: var(--design-color-logo-background);
    z-index: 0;
}

.covermedia-content-wrapper {
    position: relative;
    z-index: 2;
    width: var(--layout-covermedia-content-width);
    margin: var(--header-covermedia-margin);
    display: flex;
    justify-content: var(--header-covermedia-justify-content);
    text-align: var(--header-covermedia-text-align);
}

.covermedia-content {
    background-color: var(--design-color-covermedia-content-background);
    color: var(--design-color-covermedia-font);
    padding: var(--layout-default-padding);
    border-radius: var(--layout-covermedia-content-border-radius);
    max-width: 40rem;
}

.covermedia-headline {
    font-size: calc(calc(var(--design-font-size) + 0.3rem) * var(--header-covermedia-headline-size-factor)) !important;
    margin: 0rem;
}

.covermedia-text {
    font-size: calc(var(--design-font-size) + 0.2rem) !important;
}

p.covermedia-text {
    margin: 0 !important;
}

.covermedia-text p {
    margin: 1rem 0 0 !important;
    font-size: calc(var(--design-font-size) + 0.2rem) !important;
}

covermedia a.button {
    background-color: var(--design-color-covermedia-font);
    color: var(--design-color-covermedia-background);
    margin: 1.5rem 0 0rem;
}

body.navigation-overflow covermedia {
    border-radius: unset !important;
    margin-top: unset !important;
    margin-bottom: unset !important;
}
body.navigation-overflow .covermedia-content-wrapper {
    width: var(--layout-width);
    margin: var(--layout-default-padding) !important;
}

@media (max-width: 1024px) {
    covermedia {
        border-radius: unset !important;
        margin-top: unset !important;
        margin-bottom: unset !important;
    }
    .covermedia-media video,
    .covermedia-media img {
        height: var(--layout-covermedia-media-original-height);
    }
    .covermedia-content-wrapper {
        width: 100% !important;
        margin: var(--layout-default-padding) !important;
    }
    .covermedia-headline {
        font-size: max( calc(var(--design-font-size) + 0.3rem), calc(calc(var(--design-font-size) + 0.3rem) * calc(var(--header-covermedia-headline-size-factor) * 0.75)) ) !important;
    }
}

/*Sidebar*/
.sidebar-slider {
    width: 100% !important;
}

.sidebar-slider-text {
    margin: 0 5px 0 15px;
}

/* Content */

content {
    display: flex;
    flex-direction: column;
    color: var(--design-color-content-font);
    grid-area: content;
    border-radius: var(--layout-content-border-radius);
    margin-top: var(--layout-content-margin-top);
    margin-bottom: var(--layout-content-margin-bottom);
    background-color: var(--design-color-content-background);
    overflow: hidden;
    z-index: 1;
}

    content a.button {
        background-color: var(--design-color-content-font);
        color: var(--design-color-content-background);
    }

.content-blockgroup {
    display: flex;
    flex-direction: column;
}

.content-block-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .content-block-wrapper.even {
        background-color: var(--design-color-content-alternating-background);
    }

.content-block {
    width: calc(var(--layout-content-width) - calc(2 * var(--layout-default-padding)));
    padding: var(--layout-default-padding) 0;
}

.content-block-headline {
    font-size: calc(var(--design-font-size) + 0.2rem) !important;
    padding-bottom: calc(var(--layout-default-padding) / 2);
}

body.navigation-overflow content {
    border-radius: unset !important;
    margin-top: unset !important;
    margin-bottom: unset !important;
}

body.navigation-overflow .content-block {
    width: calc(var(--layout-width) - calc(2 * var(--layout-default-padding)));
}

@media (max-width: 1024px) {
    content {
        border-radius: unset !important;
        margin-top: unset !important;
        margin-bottom: unset !important;
    }
    .content-block {
        width: calc(100% - calc(2 * var(--layout-default-padding))) !important;
    }
}

/* Footer */

footer {
    background-color: var(--design-color-footer-background);
    color: var(--design-color-footer-font);
    grid-area: footer;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: var(--layout-footer-border-radius);
    z-index: 1;
}

    .footer-content {
        width: var(--layout-footer-width);
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }

        .footer-block {
            display: flex;
            flex-direction: column;
            flex: 1;
            align-items: flex-start;
            padding: var(--layout-default-padding);
        }

            .footer-block-headline {
                font-size: calc(var(--design-font-size) + 0.2rem);
                margin-bottom: 0.5rem;
            }

            .footer-block-item {
                font-size: var(--design-font-size);
                text-align: left;
            }

        .footer-block-copyright {
            height: 100%
        }

        .footer-block-copyright .footer-block-headline {
            align-self: end;
            text-align: right;
        }

        .footer-block-copyright .footer-block-item {
            align-self: end;
            text-align: right;
        }

        .footer-block-logo img {
            width: 100%;
            max-width: 15rem;
        }

        .footer-block-poweredby {
            display: flex;
            justify-content: end;
            align-items: center;
            margin-top: auto;
        }

            .footer-block-poweredby img {
                height: 2.5rem;
            }

footer .footer-block-item a {
    all: unset !important;
    cursor: pointer !important;
    text-decoration: underline !important;
}

footer .footer-block-item a:hover {
    text-decoration: none !important;
}

.footer-block-social-media-links {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    margin-top: 0.8rem;
}

.footer-block-social-media-links a {
    all: unset;
    cursor: pointer;
}

footer #backToTopButton {
    position: fixed;
    width: 3rem;
    height: 3rem;
    bottom: 2rem;
    right: 2rem;
    background-color: var(--design-color-footer-background);
    color: var(--design-color-footer-font);
    border: 2px solid var(--design-color-footer-font);
    border-radius: var(--footer-backtotopbutton-border-radius);
    font-size: 18px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease, box-shadow 0.3s ease;
    display: var(--footer-backtotopbutton-display);
    opacity: 0;
    z-index: 15;
}

        footer #backToTopButton:hover {
            transform: scale(1.02);
            box-shadow: 0 6px 12px rgba(0,0,0,0.15);
        }

    body.admin-open footer #backToTopButton {
        right: calc(2rem + var(--admin-panel-width));
    }

body.navigation-overflow footer {
    border-radius: unset !important;
}

@media (max-width: 1024px) {
    footer {
        border-radius: unset !important;
    }
    .footer-content {
        width: 100%;
        flex-direction: column;
    }
    .footer-block-copyright .footer-block-item {
        align-self: start;
        text-align: left;
    }
    .footer-block-copyright .footer-block-headline {
        align-self: start;
        text-align: left;
    }
    .footer-block-poweredby {
        justify-content: start;
    }
    body.admin-open footer #backToTopButton {
        display: none;
    }
}

@media (max-width: 1280px) {
    .footer-block-openinghours {
        display: none;
    }
}

@media (max-width: 1480px) {
    .footer-block-sitemap {
        display: none;
    }
}

/* Cookie-Banner */

.cookie-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 300;
}

.cookie-banner {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--design-color-footer-background);
    color: var(--design-color-footer-font);
    font-size: calc(var(--design-font-size) + 0.1rem);
    padding: 1rem;
    text-align: center;
    transition: bottom 0.5s ease;
    z-index: 301;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
}

.cookie-info a {
    all: unset;
    text-decoration: underline;
    cursor: pointer;
}

.cookie-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}

    .cookie-buttons a {
        font-size: calc(var(--design-font-size) + 0.1rem) !important;
        background-color: var(--design-color-footer-font);
        color: var(--design-color-footer-background);
        /*border: 0;*/
    }

/* Reconnect Modal */

#components-reconnect-modal {
    display: none;
}

    #components-reconnect-modal.components-reconnect-show,
    #components-reconnect-modal.components-reconnect-failed,
    #components-reconnect-modal.components-reconnect-rejected {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 9999;
    }

.reconnect-fullscreen {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.reconnect-modal {
    background-color: var(--design-color-footer-background);
    padding: 2rem;
    border-radius: var(--layout-reconnect-modal-border-radius);
    text-align: center;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.reconnect-text {
    color: var(--design-color-footer-font);
    margin-top: 1rem;
    font-size: calc(var(--design-font-size) + 0.2rem);
}
.reconnect-text-show,
.reconnect-text-failed,
.reconnect-text-rejected {
    display: none;
}
#components-reconnect-modal.components-reconnect-show .reconnect-text-show {
    display: block;
}
#components-reconnect-modal.components-reconnect-failed .reconnect-text-failed {
    display: block;
}
#components-reconnect-modal.components-reconnect-rejected .reconnect-text-rejected {
    display: block;
}

#components-reconnect-modal a.button {
    margin-top: 1rem;
    background-color: var(--design-color-footer-font);
    color: var(--design-color-footer-background);
}

.spinner {
    display: none;
    width: 48px;
    height: 48px;
    border: 3px solid var(--design-color-footer-font);
    border-top: 3px solid var(--design-color-footer-background);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

#components-reconnect-modal.components-reconnect-show .spinner {
    display: block;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* Error UI */
#blazor-error-ui {
    color-scheme: light only;
    background-color: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

        #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."
        }

    .rz-button-md {
        text-transform: none !important;
        width: fit-content;
    }