/* _content/Zeiterfassung.Web/Components/Layout/KontoLayout.razor.rz.scp.css */
.konto[b-orattzlhyf] {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    padding: 72px 16px;
    background: var(--flaeche-app);
}

.spalte[b-orattzlhyf] {
    width: 100%;
    max-width: 380px;
}

.logo[b-orattzlhyf] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 40px;
    font-size: 15px;
    font-weight: 600;
    color: var(--text-1);
    letter-spacing: -0.01em;
}

.logo-zeichen[b-orattzlhyf] {
    width: 18px;
    height: 18px;
    border: 2px solid var(--text-1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-zeichen span[b-orattzlhyf] {
    width: 6px;
    height: 6px;
    background: var(--text-1);
}
/* _content/Zeiterfassung.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.app[b-e1ntwwqbbm] {
    display: flex;
    height: 100vh;
    min-height: 600px;
}

/* Navigation links, dunkel (README.md, Abschnitt 1) */
.nav[b-e1ntwwqbbm] {
    overflow-y: auto;
    width: 204px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    padding: 20px 0 16px;
    background: var(--nav);
    color: var(--nav-text);
}

.logo[b-e1ntwwqbbm] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 20px 26px;
    font-size: 15px;
    font-weight: 600;
    color: #f1f2f4;
    letter-spacing: -0.01em;
}

.logo-zeichen[b-e1ntwwqbbm] {
    width: 18px;
    height: 18px;
    border: 2px solid #e8eaee;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-zeichen span[b-e1ntwwqbbm] {
    width: 6px;
    height: 6px;
    background: #e8eaee;
}

.nav-liste[b-e1ntwwqbbm] {
    display: flex;
    flex-direction: column;
}

.nav[b-e1ntwwqbbm]  .nav-eintrag {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 20px;
    color: var(--nav-text);
    font-size: 13.5px;
    text-decoration: none;
}

.nav[b-e1ntwwqbbm]  .nav-eintrag:hover {
    background: var(--nav-hover);
    color: #ffffff;
}

.nav[b-e1ntwwqbbm]  .nav-eintrag.aktiv {
    background: var(--nav-aktiv);
    color: #ffffff;
    font-weight: 500;
    box-shadow: inset 2px 0 0 var(--nav-markierung);
}

.nav-unten[b-e1ntwwqbbm] {
    margin-top: auto;
    display: flex;
    flex-direction: column;
}

.mandant-wechsel[b-e1ntwwqbbm] {
    padding: 12px 20px 4px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mandant-wechsel label[b-e1ntwwqbbm] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #8b9099;
}

.mandant-zeile[b-e1ntwwqbbm] {
    display: flex;
}

.mandant-zeile select[b-e1ntwwqbbm] {
    flex: 1;
    min-width: 0;
    height: 28px;
    border: 1px solid var(--nav-linie);
    border-radius: 3px 0 0 3px;
    background: var(--nav-aktiv);
    color: #ffffff;
    font-size: 12.5px;
}

.mandant-zeile button[b-e1ntwwqbbm] {
    height: 28px;
    padding: 0 8px;
    border: 1px solid var(--nav-linie);
    border-left: none;
    border-radius: 0 3px 3px 0;
    background: var(--nav-hover);
    color: var(--nav-text);
    font-size: 12px;
    cursor: pointer;
}

.mandant-zeile button:hover[b-e1ntwwqbbm] {
    color: #ffffff;
}

.nutzer[b-e1ntwwqbbm] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding: 14px 20px 8px;
    border-top: 1px solid var(--nav-linie);
}

.initialen[b-e1ntwwqbbm] {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3a3f48;
    color: #ffffff;
    font-size: 11.5px;
    font-weight: 600;
}

.nutzer-text[b-e1ntwwqbbm] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.nutzer-name[b-e1ntwwqbbm] {
    font-size: 12.5px;
    font-weight: 500;
    color: #f1f2f4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nutzer-zusatz[b-e1ntwwqbbm] {
    font-size: 11.5px;
    color: #8b9099;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.abmelden[b-e1ntwwqbbm] {
    margin: 0 20px;
    padding: 4px 0;
    border: none;
    background: none;
    color: #8b9099;
    font-size: 12px;
    text-align: left;
    cursor: pointer;
}

.abmelden:hover[b-e1ntwwqbbm] {
    color: #ffffff;
}

.inhalt[b-e1ntwwqbbm] {
    flex: 1;
    min-width: 0;
    padding: 28px 32px;
    overflow-y: auto;
}

/* Die Zeiten-Ansicht steuert Abstände und Scrollen selbst (sticky Timer-Leiste, Bilanzspalte). */
.inhalt:has(> .zeiten)[b-e1ntwwqbbm] {
    padding: 0;
    overflow: hidden;
}
/* _content/Zeiterfassung.Web/Components/Pages/Zeiten.razor.rz.scp.css */
/* Hauptbereich und Bilanzspalte nebeneinander; nur der Hauptbereich scrollt (README.md, Layout). */
.zeiten[b-gqanr4mbp9] {
    display: flex;
    height: 100%;
    background: var(--flaeche-app);
}

.haupt[b-gqanr4mbp9] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
}

.meldung-zeile[b-gqanr4mbp9] {
    margin: 0 32px 10px 28px;
    padding: 7px 10px;
    border-left: 2px solid var(--akzent);
    background: var(--flaeche-paneel);
    font-size: 12.5px;
    color: var(--text-2);
}

.meldung-zeile.fehler[b-gqanr4mbp9] {
    border-left-color: var(--negativ);
    color: var(--negativ);
}
/* _content/Zeiterfassung.Web/Components/Zeiten/BilanzSpalte.razor.rz.scp.css */
.bilanz[b-lf0b2nfmlp] {
    width: 268px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    padding: 22px 24px 20px;
    overflow: auto;
    background: var(--flaeche-paneel);
    border-left: 1px solid var(--linie-paneel);
}

.etikett[b-lf0b2nfmlp] {
    font-size: 11.5px;
    color: var(--text-4);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.summe-zeile[b-lf0b2nfmlp] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: 6px;
}

.summe[b-lf0b2nfmlp] {
    font-size: 40px;
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1;
}

.soll[b-lf0b2nfmlp] {
    font-size: 13px;
    color: var(--text-4);
}

.fortschritt[b-lf0b2nfmlp] {
    position: relative;
    height: 3px;
    margin-top: 14px;
    background: #ebebe8;
}

.fortschritt div[b-lf0b2nfmlp] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: var(--akzent);
}

.differenz-zeile[b-lf0b2nfmlp] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 14px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--linie);
    font-size: 13px;
    color: var(--text-3);
}

.differenz[b-lf0b2nfmlp] {
    font-size: 18px;
    font-weight: 600;
}

.tage[b-lf0b2nfmlp] {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    column-gap: 14px;
    row-gap: 7px;
    padding: 14px 0 16px;
    border-bottom: 1px solid var(--linie);
    font-size: 12.5px;
    color: var(--text-2);
}

.spalte[b-lf0b2nfmlp] {
    font-size: 11px;
    color: var(--text-5);
}

.rechts[b-lf0b2nfmlp] {
    text-align: right;
}

.heute[b-lf0b2nfmlp] {
    color: var(--akzent);
    font-weight: 600;
}

.fett[b-lf0b2nfmlp] {
    font-weight: 600;
}

.gedaempft[b-lf0b2nfmlp] {
    color: var(--text-5);
}

.projekte[b-lf0b2nfmlp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 0 16px;
    border-bottom: 1px solid var(--linie);
    font-size: 12.5px;
}

.projekte .etikett[b-lf0b2nfmlp] {
    margin-bottom: 2px;
}

.projekt[b-lf0b2nfmlp] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.farbe[b-lf0b2nfmlp] {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
}

.name[b-lf0b2nfmlp] {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-2);
}

.wert[b-lf0b2nfmlp] {
    font-weight: 500;
}

.abschluss[b-lf0b2nfmlp] {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 16px;
}

.status-zeile[b-lf0b2nfmlp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12.5px;
}

.status-wert[b-lf0b2nfmlp] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--text-1);
}

.punkt[b-lf0b2nfmlp] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
}

.einreichen[b-lf0b2nfmlp] {
    height: 44px;
    border: none;
    border-radius: var(--radius-knopf);
    background: var(--akzent);
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.einreichen:hover:not(:disabled)[b-lf0b2nfmlp] {
    filter: brightness(1.15);
}

.einreichen:disabled[b-lf0b2nfmlp] {
    background: #ebebe8;
    color: var(--text-4);
    cursor: default;
}

.hinweis-text[b-lf0b2nfmlp] {
    font-size: 11.5px;
    color: var(--text-4);
    line-height: 1.4;
    text-wrap: pretty;
}

.vorwochen[b-lf0b2nfmlp] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 6px;
    padding-top: 12px;
    border-top: 1px solid var(--linie);
    font-size: 12px;
}

.vorwoche[b-lf0b2nfmlp] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.vorwoche .kw[b-lf0b2nfmlp] {
    width: 44px;
    color: var(--text-3);
}

.vorwoche .wert[b-lf0b2nfmlp] {
    flex: 1;
    font-weight: 400;
}

.vorwoche .status-wert[b-lf0b2nfmlp] {
    color: var(--text-3);
}
/* _content/Zeiterfassung.Web/Components/Zeiten/KalenderAnsicht.razor.rz.scp.css */
.kalender[b-ta32ouxme0] {
    display: flex;
    flex: 1;
    padding: 0 32px 16px 28px;
}

.achse[b-ta32ouxme0] {
    width: 48px;
    flex-shrink: 0;
}

.kopf-platz[b-ta32ouxme0] {
    height: 48px;
    border-bottom: 1px solid var(--linie-stark);
}

.raster[b-ta32ouxme0] {
    position: relative;
}

.stunde[b-ta32ouxme0] {
    position: absolute;
    left: 0;
    transform: translateY(-50%);
    font-size: 11px;
    color: var(--text-5);
}

.tage[b-ta32ouxme0] {
    flex: 1;
    display: flex;
    min-width: 0;
}

.tag[b-ta32ouxme0] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--linie);
}

.tag-kopf[b-ta32ouxme0] {
    height: 48px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 8px 7px;
    border-bottom: 1px solid var(--linie-stark);
}

.wochentag[b-ta32ouxme0] {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--text-4);
}

.datum[b-ta32ouxme0] {
    font-size: 15px;
    font-weight: 500;
    color: var(--text-1);
}

.tagessumme[b-ta32ouxme0] {
    font-size: 12.5px;
    font-weight: 500;
    color: var(--text-3);
}

.tag.heute .tag-kopf[b-ta32ouxme0] {
    box-shadow: inset 0 2px 0 var(--akzent);
}

.tag.heute .wochentag[b-ta32ouxme0],
.tag.heute .datum[b-ta32ouxme0],
.tag.heute .tagessumme[b-ta32ouxme0] {
    color: var(--akzent);
}

.tag.heute .datum[b-ta32ouxme0] {
    font-weight: 600;
}

.tag.wochenende .raster[b-ta32ouxme0] {
    background: var(--flaeche-wochenende);
}

.tag .raster[b-ta32ouxme0] {
    cursor: copy;
}

.linie[b-ta32ouxme0] {
    position: absolute;
    left: 0;
    right: 0;
    border-top: 1px solid var(--linie-fein);
    pointer-events: none;
}

.linie.gerade[b-ta32ouxme0] {
    border-top-color: var(--linie);
}

.ganztaegig[b-ta32ouxme0] {
    position: absolute;
    inset: 0 3px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    padding: 10px 9px;
    background: repeating-linear-gradient(-45deg, #e9e9e6 0, #e9e9e6 1px, transparent 1px, transparent 7px);
    border: 1px solid var(--linie-stark);
    pointer-events: none;
}

.ganztaegig-titel[b-ta32ouxme0] {
    background: var(--flaeche-app);
    padding: 2px 4px 2px 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-2);
}

.ganztaegig-text[b-ta32ouxme0] {
    background: var(--flaeche-app);
    padding: 1px 4px 1px 0;
    font-size: 11.5px;
    color: #5b5d62;
}

.block[b-ta32ouxme0] {
    position: absolute;
    left: 3px;
    right: 3px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 1px;
    overflow: hidden;
    border-top: 2px solid var(--kante);
    cursor: pointer;
}

.block:hover[b-ta32ouxme0] {
    filter: brightness(0.96);
}

.block.laeuft[b-ta32ouxme0] {
    border-bottom: 2px dashed var(--kante);
}

.block.gesperrt[b-ta32ouxme0] {
    cursor: default;
}

.block-zeile[b-ta32ouxme0] {
    display: flex;
    justify-content: space-between;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
}

.block-name[b-ta32ouxme0] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.block-dauer[b-ta32ouxme0] {
    flex-shrink: 0;
    font-weight: 500;
}

.block-taetigkeit[b-ta32ouxme0] {
    font-size: 11.5px;
    line-height: 1.3;
    opacity: 0.85;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.block-zeit[b-ta32ouxme0] {
    font-size: 11px;
    line-height: 1.3;
    opacity: 0.7;
}

.jetzt[b-ta32ouxme0] {
    position: absolute;
    left: -1px;
    right: 0;
    z-index: 2;
    border-top: 2px solid var(--akzent);
    pointer-events: none;
}

.jetzt[b-ta32ouxme0]::before {
    content: "";
    position: absolute;
    left: -4px;
    top: -5px;
    width: 8px;
    height: 8px;
    background: var(--akzent);
}
/* _content/Zeiterfassung.Web/Components/Zeiten/TabellenAnsicht.razor.rz.scp.css */
.tabelle-ansicht[b-9pkjy8k3r4] {
    padding: 0 32px 12px 28px;
    font-size: 13px;
}

.zeile[b-9pkjy8k3r4] {
    display: grid;
    grid-template-columns: 96px 60px 60px 60px minmax(0, 1.4fr) minmax(0, 1fr) 100px;
    column-gap: 16px;
    align-items: center;
    padding: 4px 0;
    border-bottom: 1px solid var(--linie-fein);
}

.zeile.kopf[b-9pkjy8k3r4] {
    padding: 0 0 7px;
    border-bottom-color: var(--linie-stark);
    font-size: 11px;
    color: var(--text-5);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.zeile.eintrag[b-9pkjy8k3r4] {
    cursor: pointer;
}

.zeile.eintrag:hover[b-9pkjy8k3r4] {
    background: var(--flaeche-paneel);
}

.zeile.eintrag.gesperrt[b-9pkjy8k3r4] {
    cursor: default;
}

.gruppe[b-9pkjy8k3r4] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 9px 0 4px;
    border-bottom: 1px solid var(--linie);
    font-size: 12.5px;
    font-weight: 600;
    white-space: nowrap;
}

.gruppe.heute[b-9pkjy8k3r4] {
    color: var(--akzent);
}

.rechts[b-9pkjy8k3r4] {
    text-align: right;
}

.laeuft[b-9pkjy8k3r4] {
    color: var(--akzent);
}

.dauer[b-9pkjy8k3r4] {
    font-weight: 500;
}

.gedaempft[b-9pkjy8k3r4] {
    color: var(--text-4);
    white-space: nowrap;
}

.text-3[b-9pkjy8k3r4] {
    color: var(--text-3);
}

.projekt[b-9pkjy8k3r4] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.farbe[b-9pkjy8k3r4] {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
}

.abgeschnitten[b-9pkjy8k3r4] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.leer-zeile[b-9pkjy8k3r4] {
    padding: 4px 0;
    border-bottom: 1px solid var(--linie-fein);
    color: var(--text-6);
}
/* _content/Zeiterfassung.Web/Components/Zeiten/TimerLeiste.razor.rz.scp.css */
.leiste[b-0rvdtywkea] {
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 18px 32px 18px 28px;
    background: var(--flaeche-paneel);
    border-bottom: 1px solid var(--linie-paneel);
}

.start-stopp[b-0rvdtywkea] {
    width: 76px;
    height: 76px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: none;
    border-radius: var(--radius-knopf);
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
}

.start-stopp.laeuft[b-0rvdtywkea] {
    background: var(--akzent);
}

.start-stopp.gestoppt[b-0rvdtywkea] {
    background: var(--text-1);
}

.start-stopp:hover[b-0rvdtywkea] {
    filter: brightness(1.15);
}

.start-stopp:focus-visible[b-0rvdtywkea] {
    outline: 2px solid var(--akzent);
    outline-offset: 3px;
}

.quadrat[b-0rvdtywkea] {
    width: 20px;
    height: 20px;
    background: #ffffff;
}

.laufzeit[b-0rvdtywkea] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex-shrink: 0;
}

.zeit[b-0rvdtywkea] {
    font-size: 76px;
    line-height: 0.9;
    font-weight: 500;
    letter-spacing: -0.035em;
    color: var(--text-1);
}

.zeit.aus[b-0rvdtywkea] {
    color: var(--text-6);
}

.beschreibung[b-0rvdtywkea] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    color: var(--text-3);
    white-space: nowrap;
}

.projektfarbe[b-0rvdtywkea] {
    width: 9px;
    height: 9px;
}

.projekt[b-0rvdtywkea] {
    font-weight: 500;
    color: var(--text-1);
}

.trenner[b-0rvdtywkea] {
    color: var(--text-6);
}

.seit[b-0rvdtywkea] {
    color: var(--text-4);
}

.vergessen[b-0rvdtywkea] {
    color: var(--negativ);
    font-weight: 500;
}

.rechts[b-0rvdtywkea] {
    margin-left: auto;
    display: flex;
    align-items: stretch;
    gap: 28px;
}

.heute[b-0rvdtywkea] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-end;
}

.etikett[b-0rvdtywkea] {
    font-size: 11.5px;
    color: var(--text-4);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.summe[b-0rvdtywkea] {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.01em;
}

.soll[b-0rvdtywkea] {
    font-size: 12px;
    color: var(--text-4);
}

.linie[b-0rvdtywkea] {
    width: 1px;
    background: var(--linie);
}

.aktionen[b-0rvdtywkea] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
}

.aktionen .knopf[b-0rvdtywkea] {
    justify-content: flex-start;
}
/* _content/Zeiterfassung.Web/Components/Zeiten/WochenToolbar.razor.rz.scp.css */
.toolbar[b-qd96p7qvxi] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 32px 12px 28px;
}

.paar[b-qd96p7qvxi] {
    display: flex;
}

.pfeil[b-qd96p7qvxi] {
    width: 28px;
    height: 28px;
    border: 1px solid var(--linie-stark);
    background: var(--flaeche-paneel);
    color: var(--text-3);
    font-size: 14px;
    cursor: pointer;
}

.pfeil:first-child[b-qd96p7qvxi] {
    border-radius: var(--radius-knopf) 0 0 var(--radius-knopf);
}

.pfeil:last-child[b-qd96p7qvxi] {
    border-left: none;
    border-radius: 0 var(--radius-knopf) var(--radius-knopf) 0;
}

.pfeil:hover[b-qd96p7qvxi], .export:hover[b-qd96p7qvxi] {
    border-color: var(--akzent);
}

.kw[b-qd96p7qvxi] {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.01em;
    white-space: nowrap;
}

.bereich[b-qd96p7qvxi] {
    font-size: 14px;
    color: var(--text-3);
    white-space: nowrap;
}

.woche-status[b-qd96p7qvxi] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    color: var(--text-3);
    white-space: nowrap;
}

.punkt[b-qd96p7qvxi] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.heute-link[b-qd96p7qvxi] {
    border: none;
    background: none;
    padding: 0;
    color: var(--akzent);
    font-size: 12.5px;
    cursor: pointer;
}

.heute-link:hover[b-qd96p7qvxi] {
    text-decoration: underline;
}

.rechts[b-qd96p7qvxi] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.segment[b-qd96p7qvxi] {
    height: 28px;
    padding: 0 12px;
    border: 1px solid var(--linie-stark);
    background: var(--flaeche-paneel);
    color: var(--text-3);
    font-size: 12.5px;
    font-weight: 500;
    cursor: pointer;
}

.segment:first-child[b-qd96p7qvxi] {
    border-radius: var(--radius-knopf) 0 0 var(--radius-knopf);
}

.segment:last-child[b-qd96p7qvxi] {
    border-left: none;
    border-radius: 0 var(--radius-knopf) var(--radius-knopf) 0;
}

.segment.aktiv[b-qd96p7qvxi] {
    border-color: var(--akzent);
    background: var(--akzent);
    color: #ffffff;
}

.export[b-qd96p7qvxi] {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 28px;
    padding: 0 12px;
    border: 1px solid var(--linie-stark);
    border-radius: var(--radius-knopf);
    background: var(--flaeche-paneel);
    color: var(--text-1);
    font-size: 12.5px;
    white-space: nowrap;
    text-decoration: none;
}

.export:hover[b-qd96p7qvxi] {
    color: var(--text-1);
    text-decoration: none;
}