@font-face {
  font-family: "Muli";
  src: url(Muli-VariableFont_wght.ttf) format("truetype");
}

:root {
  /* Theme-unabhängig */
  --TButtonFontSize: 14pt;
  --TColorBlue: #00adee;
  --TColorGreen: #588a15;
  --TColorHoverBlue: #015ea1;
  --TColorHoverGreen: #486d17;
  --TColorMainBlue: #11458f;
  --TColorRed: #b81419;
  --TColorWhite: #fff;
  --TColorYellow: #fec316;
  --TEditInformationFontSize: 14px;
  --TLabelFontSize: 14pt;
  --TShadow: 0 0 6px rgba(0, 0, 0, 0.1);
  --TTreeviewItemFontSize: 16pt;
  --TTreeviewSubitemFontSize: 14pt;
  --TTreeviewWidth: 400px;
  /* Light-Mode */
  --TColorBackgroundCookieLight: #1e1e1e;
  --TColorBackgroundLight: #ffffff;
  --TColorBlueThemedLight: #11458f;
  --TColorBorderTreeViewLight: #b8b8b8;
  --TColorDisabledEditLight: black; 
  --TColorHoverTreeViewLight: #c7e0f3;
  --TColorPrimaryTextInverseLight: #ffffff;
  --TColorPrimaryTextLight: #11458f;
  --TColorTextInverseLight: #ffffff;
  --TColorTextLight: #000000;
  --TColorTreeViewLight: #f3f2f0;
  --TDisplayInDarkLight: none;
  --TDisplayInLightLight: flex;
  --TValueInverseLight: 0;
  /* Dark-Mode */
  --TColorBackgroundCookieDark: #ffffff;
  --TColorBackgroundDark: #111629;
  --TColorBlueThemedDark: #00adee;
  --TColorBorderTreeViewDark: #000000;
  --TColorDisabledEditDark: grey; 
  --TColorHoverTreeViewDark: #687988;
  --TColorPrimaryTextDark: #ffffff;
  --TColorPrimaryTextInverseDark: #11458f;
  --TColorTextDark: #ffffff;
  --TColorTextInverseDark: #000000;
  --TColorTreeViewDark: #161b32;
  --TDisplayInDarkDark: flex;
  --TDisplayInLightDark: none;
  --TValueInverseDark: 1;
}

@media (prefers-color-scheme: light) {
  :root {
    --TColorBackground: var(--TColorBackgroundLight);
    --TColorBackgroundCookie: var(--TColorBackgroundCookieLight);
    --TColorBlueThemed: var(--TColorBlueThemedLight);
    --TColorBorderTreeView: var(--TColorBorderTreeViewLight);
    --TColorDisabledEdit: var(--TColorDisabledEditLight);
    --TColorHoverTreeView: var(--TColorHoverTreeViewLight);
    --TColorPrimaryText: var(--TColorPrimaryTextLight);
    --TColorPrimaryTextInverse: var(--TColorPrimaryTextInverseLight);
    --TColorText: var(--TColorTextLight);
    --TColorTextInverse: var(--TColorTextInverseLight);
    --TColorTreeView: var(--TColorTreeViewLight);
    --TDisplayInDark: var(--TDisplayInDarkLight);
    --TDisplayInLight: var(--TDisplayInLightLight);
    --TValueInverse: var(--TValueInverseLight);
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --TColorBackground: var(--TColorBackgroundDark);
    --TColorBackgroundCookie: var(--TColorBackgroundCookieDark);
    --TColorBlueThemed: var(--TColorBlueThemedDark);
    --TColorBorderTreeView: var(--TColorBorderTreeViewDark);
    --TColorDisabledEdit: var(--TColorDisabledEditDark);
    --TColorHoverTreeView: var(--TColorHoverTreeViewDark);
    --TColorPrimaryText: var(--TColorPrimaryTextDark);
    --TColorPrimaryTextInverse: var(--TColorPrimaryTextInverseDark);
    --TColorText: var(--TColorTextDark);
    --TColorTextInverse: var(--TColorTextInverseDark);
    --TColorTreeView: var(--TColorTreeViewDark);
    --TDisplayInDark: var(--TDisplayInDarkDark);
    --TDisplayInLight: var(--TDisplayInLightDark);
    --TValueInverse: var(--TValueInverseDark);
  }
}

.theme-light {
  color-scheme: light;
  --TColorBackground: var(--TColorBackgroundLight);
  --TColorBackgroundCookie: var(--TColorBackgroundCookieLight);
  --TColorBlueThemed: var(--TColorBlueThemedLight);
  --TColorBorderTreeView: var(--TColorBorderTreeViewLight);
  --TColorDisabledEdit: var(--TColorDisabledEditLight);
  --TColorHoverTreeView: var(--TColorHoverTreeViewLight);
  --TColorPrimaryText: var(--TColorPrimaryTextLight);
  --TColorPrimaryTextInverse: var(--TColorPrimaryTextInverseLight);
  --TColorText: var(--TColorTextLight);
  --TColorTextInverse: var(--TColorTextInverseLight);
  --TColorTreeView: var(--TColorTreeViewLight);
  --TDisplayInDark: var(--TDisplayInDarkLight);
  --TDisplayInLight: var(--TDisplayInLightLight);
  --TValueInverse: var(--TValueInverseLight);
}

.theme-dark {
  color-scheme: dark;
  --TColorBackground: var(--TColorBackgroundDark);
  --TColorBackgroundCookie: var(--TColorBackgroundCookieDark);
  --TColorBlueThemed: var(--TColorBlueThemedDark);
  --TColorBorderTreeView: var(--TColorBorderTreeViewDark);
  --TColorDisabledEdit: var(--TColorDisabledEditDark);
  --TColorHoverTreeView: var(--TColorHoverTreeViewDark);
  --TColorPrimaryText: var(--TColorPrimaryTextDark);
  --TColorPrimaryTextInverse: var(--TColorPrimaryTextInverseDark);
  --TColorText: var(--TColorTextDark);
  --TColorTextInverse: var(--TColorTextInverseDark);
  --TColorTreeView: var(--TColorTreeViewDark);
  --TDisplayInDark: var(--TDisplayInDarkDark);
  --TDisplayInLight: var(--TDisplayInLightDark);
  --TValueInverse: var(--TValueInverseDark);
}

*:focus,
*:active:focus,
*.active:focus,
*.focus,
*:active.focus,
*.active.focus {
  outline: none !important;
}

*:not(.TLeftBar > *, .TTopBar > *, .buttons > *)::selection {
  background: var(--TColorMainBlue);
  color: #ffffff;
}

/* Chromium */
::-webkit-scrollbar {
  background: var(--TColorBackground);
  width: 9px;
  height: 9px;
}

::-webkit-scrollbar-thumb {
  background: grey;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Muli", sans-serif !important;
  user-select: auto !important;

  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: grey var(--TColorBackground);
}

::-webkit-calendar-picker-indicator {
  filter: invert(var(--TValueInverse));
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

input[type="text"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 100vh;
  font-family: "Muli", sans-serif;
  overflow: hidden;
  background-color: var(--TColorPrimaryText) !important;
}

button,
select,
a,
input[type="checkbox"] {
  cursor: pointer !important;
}

a {
  text-decoration: none;
}

input,
h1,
h2,
h3,
h4,
h5,
h6,
p,
label {
  cursor: text !important;
}

input:not([type="checkbox"]):focus,
select:focus,
textarea:focus {
  border: 2px solid var(--TColorMainBlue);
}

details {
  margin-top: 20px;
}

details summary {
  font-size: 23px;
  font-size: thin;
  color: var(--TColorPrimaryText);
  cursor: pointer;
  user-select: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

details[open] summary::-webkit-detais-marker {
  color: transparent;
}

details[open] summary ~ * {
  animation: fadein 0.25s ease-in-out;
}

@keyframes fadein {
  from {
    opacity: 0;
    margin-top: -10px;
  }
  to {
    opacity: 1;
    margin-top: 0;
  }
}

.TContainer {
  padding: 15px;
}

.THeader,
.TChapter {
  color: var(--TColorPrimaryText);
  height: 65px;
  display: flex;
  align-items: center;
}

.THeader {
  font-size: 32px;
}

.TChapter {
  font-size: 25px;
}

.TSection {
  font-weight: bold;
  display: flex;
  align-items: center;
}

.TNormalText {
  font-size: 16px;
  color: var(--TColorText);
}

.TItem {
  transform: translateX(20px) !important;
}

.TLoginEdit {
  height: 36px;
  width: 300px;
  margin-bottom: 10px;
  padding: 4px 6px;
  font-size: var(--TEditInformationFontSize);
  line-height: 20px;
  color: var(--TColorText);
  vertical-align: middle;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: var(--TColorBackground);
}

.TLoginEdit:hover {
  -webkit-box-shadow: var(--TShadow);
  box-shadow: var(--TShadow);
}

.TLoginEdit:is(:-webkit-autofill, :autofill) {
  box-shadow: 0 0 0 50px var(--TColorTreeView) inset;
  -webkit-text-fill-color: var(--TColorText);
}

.TLoginEdit:is(:-webkit-autofill, :autofill):hover {
  box-shadow: 0 0 0 50px var(--TColorTreeView) inset;
  -webkit-text-fill-color: var(--TColorText);
}

.TLoginEdit:is(:-webkit-autofill, :autofill):focus {
  box-shadow: 0 0 0 50px var(--TColorTreeView) inset;
  -webkit-text-fill-color: var(--TColorText);
}

.TComboMonth {
  width: 100px;
  height: 24px;
  margin-bottom: 10px;
  padding: 0px 2px;
  font-size: var(--TEditInformationFontSize);
  line-height: 20px;
  color: var(--TColorText);
  vertical-align: middle;
  border: 1px solid var(--TColorText);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: var(--TColorBackground);
}

.TComboYear {
  width: 80px;
  height: 24px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0px 2px;
  font-size: var(--TEditInformationFontSize);
  line-height: 20px;
  color: var(--TColorText);
  vertical-align: middle;
  border: 1px solid var(--TColorText);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: var(--TColorBackground);
}

.TNormalEdit,
.TNormalMemo,
.TTableEdit {
  font-size: var(--TEditInformationFontSize);
  color: var(--TColorText);
  line-height: 20px;
  vertical-align: middle;
}

.TNormalEdit,
.TNormalMemo {
  width: 190px;
  margin-bottom: 10px;
  padding: 0px 6px;
  border: 1px solid var(--TColorText);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: var(--TColorBackground);
}

.TKommentarSpalte,
.TNotizSpalte {
  max-width: 170px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.TNormalEdit {
  height: 24px;
}

.TTableEdit {
  background: none;
  border: none;
}

.TTableEdit:focus {
  border: none;
}

.TNormalMemo {
  min-width: 190px;
  min-height: 24px;
  resize: vertical;
}

.TLongMemo {
  width: 300px;
}

.TShortEdit {
  width: 150px;
}

.TLongCombo {
  width: 250px !important;
}

.TLongEdit {
  width: 300px !important;
}

.TGridCombo {
  width: 170px;
}

.TGridComboButton {
  width: 24px;
  height: 24px;
  transform: translateX(170px) translateY(-34px);
  background: none;
  border: none;
}

.TGridComboButton svg {
  transform: rotate(90deg);
  color: var(--TColorText);
}

.TNormalCombo {
  width: 190px;
  height: 24px;
  margin-bottom: 10px;
  padding: 0px 2px;
  font-size: var(--TEditInformationFontSize);
  line-height: 20px;
  color: var(--TColorText);
  vertical-align: middle;
  border: 1px solid var(--TColorText);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: var(--TColorBackground);
}

.TNormalEdit:hover,
.TNormalCombo:hover {
  -webkit-box-shadow: var(--TShadow);
  box-shadow: var(--TShadow);
}

.TNormalEdit:disabled,
.TNormalMemo:disabled,
.TNormalCombo:disabled {
  cursor: default !important;
  color: var(--TColorDisabledEdit);
  border-color: grey;
}

.TNumber {
  text-align: right !important;
}

.TNormalCheckBox {
  appearance: none;
  width: 24px;
  height: 24px;
  margin-bottom: 10px;
  outline: none;
  display: inline-block;
  vertical-align: top;
  position: relative;
  border: 1px solid var(--TColorText);
  background: var(--TColorBackground);
  transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  border-radius: 4px;
}

.TNormalCheckBox::after {
  content: "";
  display: block;
  position: absolute;
  transition: transform var(--d-t, 0.3s) var(--d-t-e, ease),
    opacity var(--d-o, 0.2s);
  opacity: var(--o, 0);
  width: 5px;
  height: 9px;
  border: 2px solid var(--TColorWhite);
  border-top: 0;
  border-left: 0;
  left: 8px;
  top: 4px;
  transform: rotate(var(--r, 20deg));
}

.TNormalCheckBox:checked {
  background: var(--TColorMainBlue);
  border-color: var(--TColorMainBlue);
  --d-o: 0.3s;
  --d-t: 0.6s;
  --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
  --o: 1;
  --r: 43deg;
}

.TNormalCheckBox:focus {
  box-shadow: var(--TShadow);
  border-color: var(--TColorMainBlue);
}

.TNormalCheckBox:disabled {
  cursor: default;
  border-color: grey;
}

.TBackgroundColorBackground,
.table:not(.TTableArbeitszeitenWocheN) thead tr,
.table:not(.TTableArbeitszeitenWocheN) tbody tr:nth-of-type(2n),
.TTableArbeitszeitenWocheN thead tr:nth-child(1) {
  background: var(--TColorBackground);
}

.TLabelEditContainer {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  font-size: var(--TLabelFontSize);
  overflow-y: auto;
}

.TLabelEditContainer .TLabelEditItem {
  display: flex;
  margin: 0.75px 0;
}

.TLabelEditContainer .TLabelEditItem div {
  margin: 6px;
}

.TLabelEditContainer .TLabelEditItem .TEditDescription {
  width: calc(200px - 15px);
  color: var(--TColorPrimaryText);
}

.TLabelEditContainer .TLabelEditItem .TEditDescription p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.TLabelEditContainer .TLabelEditItem .TEditInformation {
  display: flex;
  color: var(--TColorText);
}

.TLabelEditContainer .TLabelEditItem .TEditInformation p {
  height: 34px;
  white-space: nowrap;
}

.TLabelEditContainer .TLabelEditItem .TEditInformation .TBuchenButton {
  margin: 0 !important;
}

.TLabelEditContainer .TLabelEditItem .TEditInformation[data-amount="3"] select {
  margin-left: 10px;
  transform: translateX(-10px);
}

@media only screen and (max-width: 1235px) {
  .TLabelEditContainer .TLabelEditItem .TEditInformation[data-amount="3"] {
    flex-direction: column;
  }
  .TLabelEditContainer
    .TLabelEditItem
    .TEditInformation[data-amount="3"]
    select {
    margin-left: 0;

    margin-top: 10px;
    transform: translateX(0) translateY(-10px);
  }
}

@media only screen and (max-width: 940px) {
  .TLabelEditContainer .TLabelEditItem .TEditInformation[data-amount="3"] {
    flex-direction: row;
  }
  .TLabelEditContainer
    .TLabelEditItem
    .TEditInformation[data-amount="3"]
    select {
    margin-left: 10px;

    margin-top: 0;
    transform: translateX(-10px) translateY(0);
  }
}

@media only screen and (max-width: 825px) {
  .TLabelEditContainer .TLabelEditItem .TEditInformation[data-amount="3"] {
    flex-direction: column;
  }
  .TLabelEditContainer
    .TLabelEditItem
    .TEditInformation[data-amount="3"]
    select {
    margin-left: 0;

    margin-top: 10px;
    transform: translateX(0) translateY(-10px);
  }
}

@media only screen and (max-width: 700px) {
  .TLabelEditContainer .TLabelEditItem {
    flex-direction: column;
  }
  .TLabelEditContainer .TLabelEditItem div {
    margin-top: 0.1px;
  }
  .TLabelEditContainer .TLabelEditItem .TEditDescription {
    width: auto !important;
  }
}

.TBuchenButton {
  width: 190px;
  height: 55px;
  background: none;
  color: var(--TColorText);
  font-size: var(--TButtonFontSize);
  cursor: pointer;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  border: 3px solid var(--TColorGreen);
  margin-left: 11px;
  margin-top: 8px;
}

.TBuchenButton svg {
  fill: var(--TColorText);
}

.TBuchenButton:disabled svg {
  fill: grey;
}

.TBuchenButton:focus {
  border: 3px solid var(--TColorMainBlue);
}

.TBuchenButtonBlue {
  border: 3px solid var(--TColorBlue);
}

.TBuchenButtonGreen {
  border: 3px solid var(--TColorGreen);
}

.TBuchenButtonRed {
  border: 3px solid var(--TColorRed) !important;
}

.TBuchenButtonRed:focus {
  border: 3px solid var(--TColorMainBlue) !important;
}

.TBuchenButtonYellow {
  border: 3px solid var(--TColorYellow);
}

.TBuchenButton:hover {
  color: var(--TColorTextInverse);
}

.TBuchenButton:disabled {
  color: grey;
  border-color: grey !important;
  cursor: default !important;
}

.TBuchenButton:disabled:hover {
  background: none !important;
}

.TBuchenButton:hover .TPDFIcon {
  z-index: 0;
}

.TBuchenButton:hover svg {
  fill: var(--TColorTextInverse);
}

.TBuchenButton:disabled:hover svg {
  fill: grey;
}

.TBuchenButtonBlue:hover {
  background: var(--TColorBlue);
}

.TBuchenButtonGreen:hover {
  background: var(--TColorGreen);
}

.TBuchenButtonRed:hover {
  background: var(--TColorRed) !important;
}

.TBuchenButtonYellow:hover {
  background: var(--TColorYellow);
}

.TBuchenButtonNoMargin {
  margin-left: 0;
  margin-top: 0;
}

.TBuchenButtonLong {
  width: 300px;
}

.TNormalButton {
  background: none;
  color: var(--TColorText);
  font-size: var(--TButtonFontSize);
  -webkit-transition: 0.25s;
  transition: 0.25s;
  border: 3px solid var(--TColorGreen);
  padding: 10px 15px;
}

.TNormalButton:hover {
  background: var(--TColorGreen);
  color: var(--TColorTextInverse);
}

.TNormalButton:focus {
  border: 3px solid var(--TColorMainBlue);
}

.TTextButton {
  background: none;
  color: var(--TColorText);
  font-size: var(--TButtonFontSize);
  -webkit-transition: 0.25s;
  transition: 0.25s;
  border: 3px solid var(--TColorBackground);
  text-decoration: underline;
  padding: 10px 15px;
}

.TTextButton:hover {
  background: var(--TColorTreeView);
  border: 3px solid var(--TColorTreeView);
}

.TTextButton:focus {
  border: 3px solid var(--TColorMainBlue);
}

.TTreeViewButton {
  width: 350px;
  height: 40px;
  border: none;
  background: var(--TColorTreeView);
  color: var(--TColorText);
  font-size: 11pt;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.TTreeViewButton:hover,
.TTreeViewButton:focus {
  background: var(--TColorHoverTreeView);
}

.TTreeViewButton svg {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  position: absolute;
  left: 15px;
  fill: var(--TColorText);
}

.TTreeViewButton .panelText {
  position: absolute;
  left: 50px;
  font-size: 14pt;
  color: var(--TColorPrimaryText);
}

.TInformationButton {
  width: 190px;
  color: var(--TColorText);
  background: none;
  border: none;
  height: 30px;
  font-size: 12pt;
  cursor: pointer;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  border: 3px solid var(--TColorGreen);
  transform: translateY(-3px);
}

.TFreigebenButton {
  width: 85%;
  color: var(--TColorText);
  background: none;
  border: none;
  height: 30px;
  font-size: 12pt;
  cursor: pointer;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  border: 3px solid var(--TColorGreen);
}

.TFreigebenButtonSmall {
  background: none;
  border: none;
  width: 30px;
  height: 30px;
  font-size: 12pt;
  cursor: pointer;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  border: 3px solid var(--TColorGreen);
}

.TFreigebenButtonSmall svg {
  fill: var(--TColorText);
}

.TFreigebenButton:hover,
.TInformationButton:hover {
  background: var(--TColorGreen);
  color: var(--TColorTextInverse);
}

.TFreigebenButton:focus,
.TInformationButton:focus {
  border: 3px solid var(--TColorMainBlue);
}

.TFreigebenButton:disabled {
  opacity: 0.5;
}

.TFreigebenButton:disabled:hover {
  color: var(--TColorText);
  background: none;
}

.TFreigebenButton:disabled:focus {
  border: 3px solid var(--TColorGreen);
}

.TMehrButton {
  background: none;
  border: none;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  transition: 0.1s;
  margin-left: 5px;
}

.TMehrButton:hover {
  background: var(--TColorHoverTreeView);
}

.TMehrButton:focus {
  border: 2px solid var(--TColorMainBlue);
}

.TMehrButton svg {
  height: 100%;
  width: 100%;
  fill: var(--TColorText);
}

.TMehrButton:disabled {
  cursor: default !important;
}

.TMehrButton:disabled svg {
  fill: grey;
}

.TMehrButton:disabled:hover {
  background: none;
}

.TPDFIcon {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  fill: var(--TColorMainBlue);
  width: 184px;
  height: 25px;
  z-index: -1;
}

.TNormalIcon {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  fill: var(--TColorMainBlue);
}

.TArrowIcon {
  -webkit-transform: scale(2);
  transform: scale(2);
  fill: var(--TColorMainBlue);
}

.TBar {
  background: var(--TColorMainBlue);
  height: 100%;
  width: var(--TTreeviewWidth);
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.TBar svg,
.TBar img {
  width: 300px;
  height: 100%;
}

.TBar svg path {
  fill: var(--TColorWhite);
}

.TNotVisible {
  display: none !important;
}

.TVisibleInDark {
  display: var(--TDisplayInDark);
}

.TVisibleInLight {
  display: var(--TDisplayInLight);
}

.swal2-container {
  z-index: 10000000 !important;
}

.swal2-title {
  display: unset !important;
}

.swal2-styled {
  background: none !important;
  color: var(--TColorTextInverse) !important;
  cursor: pointer !important;
  -webkit-transition: 0.25s !important;
  transition: 0.25s !important;
  border-radius: 2px !important;
}

.swal2-styled:hover {
  color: var(--TColorText) !important;
}

.swal2-styled:focus {
  box-shadow: none !important;
}

.swal2-confirm {
  border: 3px solid var(--TColorGreen) !important;
}

.swal2-confirm:hover {
  background: var(--TColorGreen) !important;
}

.swal2-confirm:focus {
  border: 3px solid var(--TColorMainBlue) !important;
}

.swal2-cancel {
  border: 3px solid var(--TColorRed) !important;
}

.swal2-cancel:hover {
  background: var(--TColorRed) !important;
}

.swal2-popup {
  background: var(--TColorBackgroundCookie) !important;
}

.swal2-title {
  color: var(--TColorTextInverse) !important;
}

.swal2-icon.swal2-info {
  border-color: var(--TColorPrimaryText) !important;
  color: var(--TColorPrimaryText) !important;
}

.swal2-close:hover {
  color: var(--TColorRed) !important;
}

.swal2-close:focus {
  box-shadow: none !important;
}

.TPopup {
  width: calc(100% - var(--TTreeviewWidth));
  height: 100%;
  right: 0;
  top: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1;
  padding: 120px;
}

.TPopupLarge {
  padding: 10px !important;
}

.TPopup .TSelectDialog {
  display: none;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  border: none;
  border-radius: 0.3125em;
  background-color: var(--TColorBackground) !important;
  font-family: inherit;
  font-size: 1rem;
}

.TErrorText {
  color: var(--TColorRed) !important;
  font-weight: bold;
}

@media only screen and (max-width: 1300px) {
  .TPopup {
    padding: 60px;
  }
}

@media only screen and (max-width: 988px) {
  .TPopup {
    padding: 10px;
  }
}

@media only screen and (max-width: 940px) {
  .TPopup {
    width: 100%;
  }
}

.cookieAlert {
  max-width: 500px;
  height: 125px;
  position: fixed;
  left: calc(var(--TTreeviewWidth) + 25px);
  bottom: 25px;
  background: var(--TColorBackgroundCookie);
  border-radius: 10px;
  box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3),
    0 4px 8px 3px rgba(60, 64, 67, 0.15);
  padding: 20px;
  z-index: 1;
}

.cookieAlert .information {
  color: var(--TColorTextInverse);
  font-weight: 100;
  font-size: 11pt;
}

.cookieAlert .btnContainer {
  display: flex;
  place-content: flex-end;
  margin-top: 10px;
}

.cookieAlert .btnContainer button {
  background: none;
  border: none;
  border-radius: 5px;
  color: var(--TColorPrimaryTextInverse);
  font-size: 13pt;
  font-weight: 600;
  margin-left: 15px;
  transition: 0.25s;
  height: 30px;
}

.cookieAlert .btnContainer .btAblehnen {
  width: 100px;
}

.cookieAlert .btnContainer .btBestaetigen {
  width: 40px;
}

.cookieAlert .btnContainer button:hover {
  background: var(--TColorMainBlue);
  color: white;
}

/* Blinkender Text */
.TBlink {
  animation-name: TAnimation_blink;
  animation-timing-function: ease-in;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes TAnimation_blink {
  0% { opacity: 1; }
  50% { opacity: 0.1; }
  100% { opacity: 1; }
}