@import '_content/PcfDemoShiftsProcessData/PcfDemoShiftsProcessData.5mpvfvz2mn.bundle.scp.css';
@import '_content/UhltronixBlazor.Pcf/UhltronixBlazor.Pcf.tx9rqlk7y8.bundle.scp.css';
@import '_content/UhltronixBlazor/UhltronixBlazor.j5hjvsoxm0.bundle.scp.css';
@import '_content/UhltronixModulesBlazor/UhltronixModulesBlazor.m40wfi0ngc.bundle.scp.css';

/* /Layout/MainLayout.razor.rz.scp.css */
/*Sprachwahl in der Kopfzeile: nur die Flagge, im Feld wie in der Liste. Eine Auswahlliste statt
  einzelner Flaggen, damit weitere Sprachen den Platz oben nicht auffressen.
  Die Eintraege kommen aus dem ItemTemplate und liegen im Popup der DropDownList - sie tragen
  unseren Scope, weil sie hier stehen.*/
.language-entry[b-f41es9q803] {
    display: inline-flex;
    align-items: center;
}

    .language-entry img[b-f41es9q803] {
        display: block;
        height: 22px;
    }

/*Auf dem schmalen Schirm steht die Sprache im Hamburger-Menue - oben teilte sie sich den Platz
  mit Meldungsband und Verbindungssymbol und wurde dabei zusammengedrueckt. Die Schwelle ist der
  DesktopBreakpoint des ResponsiveService (768px), an dem auch das Menue umschaltet.*/
@media (max-width: 767.98px) {
    .language-desktop[b-f41es9q803] {
        display: none;
    }
}

/*Trennt die Sprachen von den Seiten darueber: sie sind etwas anderes als ein Ziel*/
.mobile-language-separator[b-f41es9q803] {
    height: 1px;
    background: color-mix(in srgb, var(--std-white-color) 20%, transparent);
}

.messages-dropdown[b-f41es9q803] {
    position: fixed;
    top: calc(2* var(--std-headerfooter-heigth));
    width: 100%;
    height: calc(100% - 2* var(--std-headerfooter-heigth));
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    overflow-y: auto;
    z-index: 100150;
    display: flex;
    padding: 1rem;
    transition: transform 0.5s ease-out;
    transform: translateY(calc(-100% - 2* var(--std-headerfooter-heigth)));
}

    .messages-dropdown.messages-dropdown-show[b-f41es9q803] {
        transform: translateY(calc(-1 * var(--std-headerfooter-heigth)));
    }