.GuidetMenuButtonGroup {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; /* sorgt daf�r, dass alle gleich hoch sind */
    gap: 8px; /* optionaler Abstand zwischen den Cards */
}
.swMenu {
    flex: 1 1 300px; /* flexible Breite, aber gleiche H�he */
    margin: 2px;
    box-shadow: 0 0 5px;
    border-width: 0;
    display: flex;
    flex-direction: column; /* Inhalt bleibt sauber angeordnet */
}

.swMenu:hover, .swMenu.active {
    margin: 0;
    border-width: 2px;
    border-color: black;
    cursor: pointer;
}

mark, .mark {padding:0}

.mud-step-label-content-title {
    font-size: var(--mud-typography-h6-size) !important;
}

#MainContent {
    min-width: 0; /* macht, dass dessen children nicht gr�sser als MainContent wird */
    position:relative;
}

.expertLayout #MainContent {
    flex-grow:1;
}

.expertLayout #Tree1 {
    border:none;
    margin-left:0;
    border-radius:unset;
    min-width:200px;
}

.showProfileAvatar {
    cursor: pointer;
}

.profileButtonsGrid {
    margin-bottom: 30px;
}

#SideListSizer {
    border: none;
    flex-basis:15px;
    margin-right:0;
    z-index:1000;
}

#Tree1 {
    position: relative;
    padding-top: 20px;
    border: 1px solid black;
    border-radius: 5px;
    min-width: 200px;
}

.guidedLayout #Content {
    margin-top: 15px;
    padding: 0;
}

.guidedLayout #MainContent {
    position: relative;
    margin-top: 0;
    margin-left: 0;
    flex-grow: 1;
    overflow: auto;
}

.guidedLayout .mandantLogo {
    max-width: 150px;
    max-height: 50px;
}

.guidedLayout .xtList, .guidedLayout .xtForm:not(.mud-elevation-0) {
    box-shadow: none;
    border: 1px solid black;
}

.xtFormHeader {
    position: sticky;
    top: 44px;
    background-color: white;
    z-index: 10;
    border-bottom: 1px solid #999
}

.mud-dialog .xtFormHeader, .guidedLayout .xtFormHeader {
    position: relative;
    top: 0;
}
/*StatusButton styles  */

/*Aktion erwartet*/
.swStatusButtonBlue {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 4px;
    color: #fff;
    background: #007bff;
}

/*Neutral*/
.swStatusButtonGray {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 4px;
    border-color: #000;
    background: #e0e0e0;
    color: #000;
}
/*Status OK*/
.swStatusButtonGreen {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 4px;
    border-color: #28a745;   
    color: #fff;
    background: #28a745;
}

/*Status Mangel*/
.swStatusButtonYellow {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 4px;
    border-color: #fff;
    background: yellow;
    color: #000;
}

/*Status Warnung*/
.swStatusButtonOrange {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 4px;
    border-color: #ffc107;
    background: #ffc107;
    color: #212529;
}

/*Status Kritisch*/
.swStatusButtonRed {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 4px;
    border-color: #f8d7da;
    background: #d52e35;
    color: #ffffff;
}

.modeSwitch {
    border-radius:5px;
    padding: 3px;
    border: 1px solid #333;
}

.modeSwitch label {margin-right:0; margin-inline-end:0;}

.mud-toolbar .modeSwitch {border:none;}