/* Blazor error UI: default hidden */
#blazor-error-ui {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    padding: 0.75rem 1rem;
    background: #fff3cd; /* gelblich */
    border-top: 1px solid #ffeeba;
    color: #1f2a37;
    font-size: 0.95rem;
}

    /* When Blazor signals an error, it typically adds this class */
    #blazor-error-ui.blazor-error-ui-visible {
        display: block;
    }

    #blazor-error-ui .dismiss {
        cursor: pointer;
        float: right;
        margin-left: 1rem;
    }


/* Flexboxen generell ---------------------------------------------*/
.flex_row
{
    display: flex;
    flex-direction:row;
    gap: 10px;
    flex-wrap:wrap;
}

.flex_column {
    display: flex;
    flex-direction: column; 
}

/* Margin generell ---------------------------------------------*/
.margin_top_10px{
    margin-top:10px;
}

/* Width generell ---------------------------------------------*/
.width_25px { width: 25px; }
.width_50px { width: 50px; }
.width_75px { width: 75px; }
.width_100px { width: 100px; }
.width_125px { width: 125px; }
.width_150px { width: 150px; }
.width_175px { width: 175px; }
.width_200px { width: 200px; }
.width_225px { width: 225px; }
.width_250px { width: 250px; }
.width_275px { width: 275px; }
.width_300px { width: 300px; }
.width_325px { width: 325px; }
.width_350px { width: 350px; }
.width_375px { width: 375px; }
.width_400px { width: 400px; }
.width_425px { width: 425px; }
.width_450px { width: 450px; }
.width_475px { width: 475px; }
.width_500px { width: 500px; }
.width_525px { width: 525px; }
.width_550px { width: 550px; }
.width_575px { width: 575px; }
.width_600px { width: 600px; }