input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	 -webkit-appearance: none;
	 margin: 0;
}
 input[type=number] {
	 -moz-appearance: textfield;
}
 * {
	 box-sizing: border-box;
}
 body, form, p, button, div, span, menu, nav, header, main {
	 margin: 0;
	 padding: 0;
}
 body, form, p, button, th {
	 text-align: left;
}
 .hidden, .hidden_paging {
	 display: none !important;
}
 .notVisible {
	 visibility: hidden !important;
}
 :root {
	 --alarm-erfolg-aktiv: #0f9f4f;
	 --alarm-erfolg-default: #13ce66;
	 --alarm-erfolg-hover: #29eb7f;
	 --alarm-fehler-aktiv: #e54141;
	 --alarm-fehler-default: #ff4949;
	 --alarm-fehler-hover: #ff5b5b;
	 --alarm-info-aktiv: #0052cc;
	 --alarm-info-default: #0065ff;
	 --alarm-info-hover: #2684ff;
	 --brand-prim-r-hover: #85d7ff;
	 --alarm-warnung-aktiv: #f8b700;
	 --alarm-warnung-default: #ffc82c;
	 --alarm-warnung-hover: #ffd55f;
	 --brand-background-dark-blue: #14213d;
	 --brand-grau-100: #e5e9f2;
	 --brand-grau-200: #c0ccda;
	 --brand-grau-300: #8492a6;
	 --brand-grau-400: #5b697b;
	 --brand-grau-500: #3c4858;
	 --brand-off-weiss-dunkel: #eff2f7;
	 --brand-off-weiss-hell: #f9fafc;
	 --brand-prim-r-aktiv: #009eeb;
	 --brand-prim-r-default: #1fb6ff;
	 --brand-prim-r-hell-aktiv: #d2f0ff;
	 --brand-prim-r-hell-hover: #e8f7ff;
	 --brand-schwarz-schwarz: #1f2d3d;
	 --sonstige-gr-n: #13ce66;
	 --sonstige-lila: #7e5bef;
	 --sonstige-orange: #ff7849;
	 --sonstige-t-rkis: #007c89;
	 --shared-styles-tabellen-gerade: #fff;
	 --unit: 4px;
	 --menuHeight: calc(24 * var(--unit));
	 --unit2: calc(2 * var(--unit));
	 --unit3: calc(3 * var(--unit));
	 --unit4: calc(4 * var(--unit));
	 --unit5: calc(5 * var(--unit));
	 --unit6: calc(6 * var(--unit));
	 --unit8: calc(8 * var(--unit));
	 --font-size-default: 16px;
}
 i.icon-icons-Toggle-An, i.icon-icons-Toggle-Aus {
	 font-size: 200% !important;
}
 i.icon-icons-Status {
	 font-size: 75% !important;
}
 .selectAll, .multiselect, .showSelectMulti {
	 cursor: pointer;
	 color: var(--brand-grau-400);
}
 .selectAll i.toggle-off, .multiselect i.toggle-off, .showSelectMulti i.toggle-off {
	 color: var(--brand-grau-200) !important;
	 padding-right: var(--unit2);
}
 .selectAll i.toggle-on, .multiselect i.toggle-on, .showSelectMulti i.toggle-on {
	 color: var(--brand-prim-r-default) !important;
	 padding-right: var(--unit2);
}
 .selectAll.toggle-off > i.toggle-on, .multiselect.toggle-off > i.toggle-on, .showSelectMulti.toggle-off > i.toggle-on {
	 display: none;
}
 .selectAll:not(.toggle-off) > i.toggle-off, .multiselect:not(.toggle-off) > i.toggle-off, .showSelectMulti:not(.toggle-off) > i.toggle-off {
	 display: none;
}
 .selectAll:hover, .multiselect:hover, .showSelectMulti:hover {
	 color: var(--brand-schwarz-schwarz);
}
 .selectAll:hover i, .multiselect:hover i, .showSelectMulti:hover i {
	 color: var(--brand-prim-r-hover) !important;
}
 .selectAll:active i, .multiselect:active i, .showSelectMulti:active i {
	 color: var(--brand-prim-r-aktiv) !important;
}
 #selectMulti.checked > i {
	 color: var(--brand-prim-r-default);
}
 #selectMulti.checked > i.icon-icons-Checkbox-Unchecked {
	 display: none;
}
 #selectMulti:not(.checked) > i.icon-icons-Checkbox-Checked {
	 display: none;
}
 span.error {
	 color: var(--alarm-fehler-default);
}
 .ys {
	 font-family: "Open Sans";
	 font-size: var(--font-size-default);
	 font-weight: normal;
	 font-stretch: normal;
	 font-style: normal;
	 letter-spacing: normal;
	 color: var(--brand-schwarz-schwarz);
}
 .ys:focus-visible, .ys *:focus-visible {
	 outline: none;
}
 .ysTooltipClick > .ysContainer {
	 display: none !important;
}
 .ysTooltip {
	 position: relative;
	 display: inline-block;
	 cursor: pointer;
}
 .ysTooltip.iconGrau:hover i {
	 color: var(--brand-schwarz-schwarz);
}
 .ysTooltip > .ysContainer {
	 position: absolute;
	 display: none;
	 padding: calc(10 * var(--unit)) 0;
	 top: var(--unit);
	 left: 0;
	 z-index: 1002;
}
 .ysTooltip > .ysContainer > .ysContent {
	 position: relative;
	 display: inline-block;
	 background-color: var(--shared-styles-tabellen-gerade);
	 border-radius: var(--unit2);
	 box-shadow: 0 var(--unit) var(--unit4) 0 rgba(31,45,61,0.4);
	 padding: var(--unit2);
	 z-index: 1002;
	 width: auto;
	 text-align: left;
}
 .ysTooltip > .ysContainer > .ysContent > span {
	 white-space: nowrap;
	 line-height: 1.5;
	 color: var(--brand-grau-400);
	 padding: var(--unit2);
	 display: inline-block;
	 border-radius: var(--unit2);
	 width: 100%;
}
 .ysTooltip > .ysContainer > .ysContent > span:hover i {
	 color: var(--brand-prim-r-hover) !important;
}
 .ysTooltip > .ysContainer > .ysContent > span:active i {
	 color: var(--brand-prim-r-aktiv) !important;
}
 .ysTooltip > .ysContainer > .ysContent > span:focus {
	 border: solid 2px var(--brand-prim-r-default);
}
 .ysTooltip > .ysContainer > .ysContent > span table td {
	 background-color: inherit;
	 border: none !important;
	 text-align: left;
}
 .ysTooltip > .ysContainer > .ysContent > i.pointer {
	 position: absolute;
	 left: 50%;
	 top: calc(-1 * var(--unit2) - 2px);
	 transform: rotate(45deg);
}
 .ysTooltip > .ysContainer > .ysContent > i.pointer::after {
	 content: '';
	 position: absolute;
	 width: var(--unit3);
	 height: var(--unit3);
	 background-color: white;
	 border-color: var(--brand-grau-200);
	 border-style: solid;
	 border-width: 1px 0 0 1px;
}
 .ysTooltip > .ysContainer.ysTooltipInfo {
	 padding: 0;
	 left: 100%;
	 top: 30px;
	 transform: translateX(-50%);
	 position:relative;
}
 .ysTooltip > .ysContainer.ysTooltipInfo .ysContent span {
	 padding: 0 calc(4 * var(--unit));
	 text-align: center;
}
.ysTooltip > .ysContainer.ysTooltipInfo .ysContent {
	position:absolute;
    transform: translateX(-50%);
}
 .ysTooltip > .ysContainer.ysTooltipInfo.dark .ysContent {
	 background-color: var(--brand-schwarz-schwarz);
}
 .ysTooltip > .ysContainer.ysTooltipInfo.dark .ysContent span {
	 color: var(--shared-styles-tabellen-gerade);
}
 .ysTooltip > .ysContainer.ysTooltipInfo.dark .ysContent i.pointer::after {
	 background-color: var(--brand-schwarz-schwarz);
}
 .ysTooltip > .ysContainer.ysTooltipInfo.top {
	 top: unset;
	 bottom: 30px;
}
 .ysTooltip > .ysContainer.ysTooltipInfo.top i.pointer {
	 top: unset;
	 bottom: var(--unit2);
}
 .ysTooltip > .ysContainer.ysTooltipInfo.top i.pointer::after {
	 border-width: 0 1px 1px 0;
}
 .ysTooltip.tooltipRight > .ysContainer {
	 left: unset;
	 right: 0;
}
 .ysTooltip:not([disabled]):hover > .ysContainer {
	 display: block;
}
 .ysButton {
	 line-height: 1.5;
	 text-align: center;
	 border: none;
	 padding: var(--unit2) var(--unit8);
	 border-radius: var(--unit2);
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: var(--unit2);
	 white-space: nowrap;
	 min-height: calc(10 * var(--unit));
}
 .ysButton > * {
	 vertical-align: middle;
}
 .ysButton span {
	 text-transform: uppercase;
}
 .ysButton[disabled] {
	 background-color: var(--brand-grau-100);
}
 .ysButton[disabled]:hover {
	 background-color: var(--brand-grau-100);
	 cursor: default;
}
 .ysButton[disabled]:focus {
	 box-shadow: none;
}
 .ysButton[disabled] * {
	 color: var(--brand-grau-200);
}
 .ysButton:hover {
	 cursor: pointer;
}
 .ysButton:not([disabled]) {
	 background-color: var(--brand-prim-r-default);
}
 .ysButton:not([disabled]):hover {
	 background-color: var(--brand-prim-r-hover);
}
 .ysButton:not([disabled]):active {
	 background-color: var(--brand-prim-r-aktiv);
}
 .ysButton:not([disabled]):active:hover {
	 background-color: var(--brand-prim-r-hover);
}
 .ysButton:not([disabled]) * {
	 color: var(--shared-styles-tabellen-gerade);
}
 .ysButton.secondary:not([disabled]), .ysButton.tertiary:not([disabled]) {
	 background-color: var(--shared-styles-tabellen-gerade);
}
 .ysButton.secondary:not([disabled]):hover, .ysButton.tertiary:not([disabled]):hover {
	 color: var(--brand-prim-r-hover);
	 background-color: var(--brand-prim-r-hell-hover);
}
 .ysButton.secondary:not([disabled]):active, .ysButton.tertiary:not([disabled]):active {
	 background-color: var(--brand-prim-r-hell-aktiv);
}
 .ysButton.secondary:not([disabled]):active:hover, .ysButton.tertiary:not([disabled]):active:hover {
	 background-color: var(--brand-prim-r-hover);
}
 .ysButton.secondary:not([disabled]):active *, .ysButton.tertiary:not([disabled]):active * {
	 color: var(--brand-prim-r-aktiv);
}
 .ysButton.secondary:not([disabled]) *, .ysButton.tertiary:not([disabled]) * {
	 color: var(--brand-prim-r-default);
}
 .ysButton.tertiary {
	 border: solid 2px var(--brand-grau-100);
}
 .ysButton.tertiary:not([disabled]) {
	 border-color: var(--brand-prim-r-default);
}
 .ysButton.quaternary {
	 background-color: var(--shared-styles-tabellen-gerade);
}
 .ysButton.quaternary:hover, .ysButton.quaternary:hover span {
	 color: var(--brand-prim-r-hover);
	 background-color: var(--shared-styles-tabellen-gerade);
}
 .ysButton.quaternary:focus {
	 box-shadow: none;
}
 .ysButton.quaternary:focus span:not([class^="icon-icons"]) {
	 text-decoration: underline;
	 text-decoration-thickness: 2px;
	 text-underline-offset: var(--unit);
}
 .ysButton.quaternary:active {
	 color: var(--brand-prim-r-aktiv);
	 background-color: var(--shared-styles-tabellen-gerade);
}
 .ysButton.quaternary:active:hover {
	 color: var(--brand-prim-r-aktiv);
	 background-color: var(--shared-styles-tabellen-gerade);
}
 .ysButton.quaternary:active * {
	 color: var(--brand-prim-r-aktiv);
}
 .ysButton.quaternary[disabled] {
	 background-color: var(--shared-styles-tabellen-gerade);
}
 .ysButton.quaternary[disabled]:hover {
	 background-color: var(--shared-styles-tabellen-gerade);
	 cursor: default;
}
 .ysButton.quaternary[disabled]:focus {
	 box-shadow: none;
}
 .ysButton.quaternary[disabled] * {
	 color: var(--brand-grau-200);
}
 .ysButton.quaternary * {
	 color: var(--brand-prim-r-default);
}
 .ysButton.icon {
	 padding: var(--unit2) var(--unit4);
}
 .ysButton span {
	 font-weight: bold;
}
 .ysTab {
	 padding: var(--unit2) var(--unit6);
	 border-radius: var(--unit2);
	 line-height: 1.5;
	 font-weight: bold;
	 color: var(--brand-grau-300);
}
 .ysTab > * {
	 vertical-align: middle;
}
 .ysTab:hover {
	 color: var(--brand-prim-r-hover);
	 cursor: pointer;
}
 .ysTab:active, .ysTab.active {
	 color: var(--brand-prim-r-aktiv);
	 border-bottom: 2px solid var(--brand-prim-r-aktiv);
	 border-radius: 0;
}
 .ysTab:active:hover, .ysTab.active:hover {
	 cursor: default;
}
 .ysTab:focus {
	 border: solid 2px var(--brand-prim-r-default);
}
 .ysTab i[class^="icon-icons"]:not(:only-child) {
	 padding-right: var(--unit2);
}
 .ysTab.error {
	 color: var(--alarm-fehler-default);
}
 .ysInput {
	 font-family: "Open Sans";
	 font-size: var(--font-size-default);
	 font-weight: normal;
	 font-stretch: normal;
	 font-style: normal;
	 letter-spacing: normal;
	 color: var(--brand-schwarz-schwarz);
	 padding: var(--unit2) var(--unit6);
	 line-height: 1.5;
	 background-color: var(--shared-styles-tabellen-gerade);
	 border-radius: var(--unit2);
	 border: solid 2px var(--brand-grau-200);
	 color: inherit;
}
 .ysInput > * {
	 vertical-align: middle;
}
 .ysInput::placeholder {
	 color: var(--brand-grau-200);
}
 .ysInput:placeholder-shown {
	 border-color: var(--brand-grau-100);
}
 .ysInput:not([disabled]):hover {
	 border-color: var(--brand-prim-r-hell-hover);
}
 .ysInput:not([disabled]):active {
	 border-color: var(--brand-prim-r-aktiv);
}
 .ysInput:not([disabled]):focus {
	 border-color: var(--brand-prim-r-aktiv);
}
 .ysInput:not([disabled]):invalid {
	 border-color: var(--alarm-fehler-default);
}
 .ysInput:not([disabled]):invalid:hover {
	 border-color: var(--alarm-fehler-hover);
}
 .ysInput:not([disabled]):invalid:active {
	 border-color: var(--alarm-fehler-aktiv);
}
 .ysInput:not([disabled]):invalid:focus {
	 border-color: var(--alarm-fehler-aktiv);
}
 .ysInput[disabled] {
	 color: var(--brand-grau-300);
	 background-color: var(--brand-off-weiss-dunkel);
	 border-color: var(--brand-off-weiss-dunkel);
}
 .ysInput.active:not([disabled]) {
	 border-color: var(--brand-prim-r-aktiv);
}
 .ysInput.ok:not([disabled]) {
	 border-color: var(--alarm-erfolg-default);
}
 .ysInput.ok:not([disabled]):hover {
	 border-color: var(--alarm-erfolg-hover);
}
 .ysInput.ok:not([disabled]):active {
	 border-color: var(--alarm-erfolg-aktiv);
}
 .ysInput.info:not([disabled]) {
	 border-color: var(--alarm-info-default);
}
 .ysInput.info:not([disabled]):hover {
	 border-color: var(--alarm-info-hover);
}
 .ysInput.info:not([disabled]):active {
	 border-color: var(--alarm-info-aktiv);
}
 .ysInput.warning:not([disabled]) {
	 border-color: var(--alarm-warnung-default);
}
 .ysInput.warning:not([disabled]):hover {
	 border-color: var(--alarm-warnung-hover);
}
 .ysInput.warning:not([disabled]):active {
	 border-color: var(--alarm-warnung-aktiv);
}
 .ysInput.error:not([disabled]) {
	 border-color: var(--alarm-fehler-default);
}
 .ysInput.error:not([disabled]):hover {
	 border-color: var(--alarm-fehler-hover);
}
 .ysInput.error:not([disabled]):active {
	 border-color: var(--alarm-fehler-aktiv);
}
 .ysInput.searchField {
	 width: 100% !important;
}
 .ysInputWithIcon {
	 display: inline-block;
	 position: relative;
}
 .ysInputWithIcon .ysInput {
	 padding-right: var(--unit8);
}
 .ysInputWithIcon i.icon-icons-Abbrechen:hover {
	 color: var(--brand-prim-r-default);
}
 .ysInputWithIcon i[class^="icon-icons"] {
	 position: absolute;
	 right: var(--unit2);
	 top: var(--unit3);
	 color: var(--brand-grau-200);
}
 td.button i.icon-icons-External-Links {
	 color: #ffffff;
	 padding-right: 1rem;
}
 .ysInputWithLabel {
	 display: flex;
	 flex-direction: column;
	 align-items: flex-start;
	 position: relative;
	 color: inherit;
}
 .ysInputWithLabel .label {
	 line-height: 1.5;
	 padding: var(--unit2) 0;
}
 .ysInputWithLabel .message {
	 font-size: 87.5%;
	 line-height: 1.5;
	 padding: var(--unit2) 0;
}
 .ysInputWithLabel.ok .message {
	 color: var(--alarm-erfolg-default);
}
 .ysInputWithLabel.error .message {
	 color: var(--alarm-fehler-default);
}
 .ysInputWithLabel.warning .message {
	 color: var(--alarm-warnung-default);
}
 .ysInputWithLabel.info .message {
	 color: var(--alarm-info-default);
}
 .ysInputWithLabel i[class^="icon-icons"] {
	 position: absolute;
	 right: var(--unit2);
	 top: 0px;
	 color: var(--brand-grau-200);
}
 .ysInputWithLabel .ysInputWithIcon i[class^="icon-icons"] {
	 top: var(--unit3);
}
 .ysInputWithLabel.ok .ysInput:not([disabled]) {
	 border-color: var(--alarm-erfolg-default);
}
 .ysInputWithLabel.ok .ysInput:not([disabled]):hover {
	 border-color: var(--alarm-erfolg-hover);
}
 .ysInputWithLabel.ok .ysInput:not([disabled]):active {
	 border-color: var(--alarm-erfolg-aktiv);
}
 .ysInputWithLabel.info .ysInput:not([disabled]) {
	 border-color: var(--alarm-info-default);
}
 .ysInputWithLabel.info .ysInput:not([disabled]):hover {
	 border-color: var(--alarm-info-hover);
}
 .ysInputWithLabel.info .ysInput:not([disabled]):active {
	 border-color: var(--alarm-info-aktiv);
}
 .ysInputWithLabel.warning .ysInput:not([disabled]) {
	 border-color: var(--alarm-warnung-default);
}
 .ysInputWithLabel.warning .ysInput:not([disabled]):hover {
	 border-color: var(--alarm-warnung-hover);
}
 .ysInputWithLabel.warning .ysInput:not([disabled]):active {
	 border-color: var(--alarm-warnung-aktiv);
}
 .ysInputWithLabel.error .ysInput:not([disabled]) {
	 border-color: var(--alarm-fehler-default);
}
 .ysInputWithLabel.error .ysInput:not([disabled]):hover {
	 border-color: var(--alarm-fehler-hover);
}
 .ysInputWithLabel.error .ysInput:not([disabled]):active {
	 border-color: var(--alarm-fehler-aktiv);
}
 .ysTextarea {
	 padding: var(--unit2) var(--unit6);
	 line-height: 1.5;
	 background-color: var(--shared-styles-tabellen-gerade);
	 border-radius: var(--unit2);
	 border: solid 2px var(--brand-grau-200);
	 color: inherit;
	 padding: var(--unit4) var(--unit6);
}
 .ysTextarea > * {
	 vertical-align: middle;
}
 .ysTextarea::placeholder {
	 color: var(--brand-grau-200);
}
 .ysTextarea:placeholder-shown {
	 border-color: var(--brand-grau-100);
}
 .ysTextarea:not([disabled]):hover {
	 border-color: var(--brand-prim-r-hell-hover);
}
 .ysTextarea:not([disabled]):active {
	 border-color: var(--brand-prim-r-aktiv);
}
 .ysTextarea:not([disabled]):focus {
	 border-color: var(--brand-prim-r-aktiv);
}
 .ysTextarea:not([disabled]):invalid {
	 border-color: var(--alarm-fehler-default);
}
 .ysTextarea:not([disabled]):invalid:hover {
	 border-color: var(--alarm-fehler-hover);
}
 .ysTextarea:not([disabled]):invalid:active {
	 border-color: var(--alarm-fehler-aktiv);
}
 .ysTextarea:not([disabled]):invalid:focus {
	 border-color: var(--alarm-fehler-aktiv);
}
 .ysTextarea[disabled] {
	 color: var(--brand-grau-300);
	 background-color: var(--brand-off-weiss-dunkel);
	 border-color: var(--brand-off-weiss-dunkel);
}
 .ysTextarea.active:not([disabled]) {
	 border-color: var(--brand-prim-r-aktiv);
}
 .ysTextarea.ok:not([disabled]) {
	 border-color: var(--alarm-erfolg-default);
}
 .ysTextarea.ok:not([disabled]):hover {
	 border-color: var(--alarm-erfolg-hover);
}
 .ysTextarea.ok:not([disabled]):active {
	 border-color: var(--alarm-erfolg-aktiv);
}
 .ysTextarea.info:not([disabled]) {
	 border-color: var(--alarm-info-default);
}
 .ysTextarea.info:not([disabled]):hover {
	 border-color: var(--alarm-info-hover);
}
 .ysTextarea.info:not([disabled]):active {
	 border-color: var(--alarm-info-aktiv);
}
 .ysTextarea.warning:not([disabled]) {
	 border-color: var(--alarm-warnung-default);
}
 .ysTextarea.warning:not([disabled]):hover {
	 border-color: var(--alarm-warnung-hover);
}
 .ysTextarea.warning:not([disabled]):active {
	 border-color: var(--alarm-warnung-aktiv);
}
 .ysTextarea.error:not([disabled]) {
	 border-color: var(--alarm-fehler-default);
}
 .ysTextarea.error:not([disabled]):hover {
	 border-color: var(--alarm-fehler-hover);
}
 .ysTextarea.error:not([disabled]):active {
	 border-color: var(--alarm-fehler-aktiv);
}
 .ysTextareaWithLabel {
	 display: flex;
	 flex-direction: column;
	 align-items: flex-start;
	 position: relative;
	 color: inherit;
}
 .ysTextareaWithLabel .label {
	 line-height: 1.5;
	 padding: var(--unit2) 0;
}
 .ysTextareaWithLabel .message {
	 font-size: 87.5%;
	 line-height: 1.5;
	 padding: var(--unit2) 0;
}
 .ysTextareaWithLabel.ok .message {
	 color: var(--alarm-erfolg-default);
}
 .ysTextareaWithLabel.error .message {
	 color: var(--alarm-fehler-default);
}
 .ysTextareaWithLabel.warning .message {
	 color: var(--alarm-warnung-default);
}
 .ysTextareaWithLabel.info .message {
	 color: var(--alarm-info-default);
}
 .ysTextareaWithLabel.ok .ysTextarea:not([disabled]) {
	 border-color: var(--alarm-erfolg-default);
}
 .ysTextareaWithLabel.ok .ysTextarea:not([disabled]):hover {
	 border-color: var(--alarm-erfolg-hover);
}
 .ysTextareaWithLabel.ok .ysTextarea:not([disabled]):active {
	 border-color: var(--alarm-erfolg-aktiv);
}
 .ysTextareaWithLabel.info .ysTextarea:not([disabled]) {
	 border-color: var(--alarm-info-default);
}
 .ysTextareaWithLabel.info .ysTextarea:not([disabled]):hover {
	 border-color: var(--alarm-info-hover);
}
 .ysTextareaWithLabel.info .ysTextarea:not([disabled]):active {
	 border-color: var(--alarm-info-aktiv);
}
 .ysTextareaWithLabel.warning .ysTextarea:not([disabled]) {
	 border-color: var(--alarm-warnung-default);
}
 .ysTextareaWithLabel.warning .ysTextarea:not([disabled]):hover {
	 border-color: var(--alarm-warnung-hover);
}
 .ysTextareaWithLabel.warning .ysTextarea:not([disabled]):active {
	 border-color: var(--alarm-warnung-aktiv);
}
 .ysTextareaWithLabel.error .ysTextarea:not([disabled]) {
	 border-color: var(--alarm-fehler-default);
}
 .ysTextareaWithLabel.error .ysTextarea:not([disabled]):hover {
	 border-color: var(--alarm-fehler-hover);
}
 .ysTextareaWithLabel.error .ysTextarea:not([disabled]):active {
	 border-color: var(--alarm-fehler-aktiv);
}
 .ysDropdownBasic {
	 line-height: 1.5;
	 text-align: center;
	 padding: var(--unit2) var(--unit2) var(--unit2) var(--unit6);
}
 .ysDropdownBasic.withIcon {
	 padding-left: var(--unit2);
}
 .ysDropdownBasic:not([disabled]) {
	 cursor: pointer;
}
 .ysDropdownBasic::after {
	 font-family: "icomoon";
	 content: "\e915";
	 font-size: 75%;
	 padding: var(--unit2) var(--unit2) var(--unit2) 0;
	 color: var(--brand-grau-200);
}
 .ysDropdownBasic:not([disabled]):not(.ysTooltipClick):hover::after {
	 content: "\e912";
	 color: var(--brand-grau-400);
}
 .ysDropdownBasic > i {
	 font-size: 125%;
	 color: var(--brand-grau-200);
}
 .ysDropdownBasic >.selectBox {
	 white-space: nowrap;
	 overflow-x: hidden;
	 text-overflow: ellipsis;
	 display: inline-block;
	 width: calc(100% - 10 * var(--unit));
}
 .ysDropdownBasic >.ysContainer {
	 min-width: 100%;
	 max-width: 150%;
}
 .ysDropdownBasic >.ysContainer >.ysContent {
	 overflow-y: auto;
	 overflow-x: hidden;
	 max-height: calc(144 * var(--unit));
	 width: 100%;
}
 .ysDropdownBasic >.ysContainer >.ysContent > span:not(.search, .ysDropdownBasic >.ysContainer >.ysContent .innerDropdown) {
	 padding-right: var(--unit6) !important;
}
 .ysDropdownBasic >.ysContainer >.ysContent > span:not(.search:hover, .ysDropdownBasic >.ysContainer >.ysContent .innerDropdown):hover {
	 background-color: var(--brand-prim-r-hell-hover);
}
 .ysDropdownBasic >.ysContainer >.ysContent > span:not(.search:active, .ysDropdownBasic >.ysContainer >.ysContent .innerDropdown):active {
	 background-color: var(--brand-prim-r-hell-aktiv);
}
 .ysDropdownBasic >.ysContainer >.ysContent > span:not(.search::before, .ysDropdownBasic >.ysContainer >.ysContent .innerDropdown)::before {
	 content: "";
	 font-family: "icomoon";
	 margin-right: var(--unit2);
	 width: var(--unit4);
	 display: inline-block;
}
 .ysDropdownBasic >.ysContainer >.ysContent > span:not(.search.selected, .ysDropdownBasic >.ysContainer >.ysContent .innerDropdown).selected {
	 color: var(--brand-schwarz-schwarz);
}
 .ysDropdownBasic >.ysContainer >.ysContent > span:not(.search.selected::before, .ysDropdownBasic >.ysContainer >.ysContent .innerDropdown).selected::before {
	 content: "\e90e";
}
 .ysDropdownBasic >.ysContainer >.ysContent > span:not(.search.checked, .ysDropdownBasic >.ysContainer >.ysContent .innerDropdown).checked {
	 color: var(--brand-schwarz-schwarz);
}
 .ysDropdownBasic >.ysContainer >.ysContent > span:not(.search.group, .ysDropdownBasic >.ysContainer >.ysContent .innerDropdown).group {
	 border-top: 1px solid var(--brand-grau-100) !important;
	 border-radius: 0;
}
 .ysDropdownBasic >.ysContainer >.ysContent > span:not(.search.header, .ysDropdownBasic >.ysContainer >.ysContent .innerDropdown).header {
	 font-size: 75%;
	 color: var(--brand-grau-300);
	 padding-left: 0;
	 cursor: default;
}
 .ysDropdownBasic >.ysContainer >.ysContent > span:not(.search.header:not(.group):hover, .ysDropdownBasic >.ysContainer >.ysContent > span:not(.search.header:active, .ysDropdownBasic >.ysContainer >.ysContent > span:not(.search.header:focus, .ysDropdownBasic >.ysContainer >.ysContent .innerDropdown).header:not(.group):hover, .ysDropdownBasic >.ysContainer >.ysContent .innerDropdown).header:active, .ysDropdownBasic >.ysContainer >.ysContent .innerDropdown).header:focus {
	 background-color: var(--shared-styles-tabellen-gerade) !important;
	 color: var(--brand-grau-300) !important;
	 border: none !important;
}
 .ysDropdownBasic >.ysContainer >.ysContent > span:not(.search.header.group:hover, .ysDropdownBasic >.ysContainer >.ysContent .innerDropdown).header.group:hover {
	 background-color: var(--shared-styles-tabellen-gerade) !important;
	 color: var(--brand-grau-300) !important;
	 border: none !important;
	 border-top: 1px solid var(--brand-grau-100) !important;
}
 .ysDropdownBasic >.ysContainer >.ysContent > span:not(.search.checked > span i, .ysDropdownBasic >.ysContainer >.ysContent .innerDropdown).checked > span i {
	 color: var(--brand-prim-r-default);
}
 .ysDropdownBasic >.ysContainer >.ysContent > span:not(.search.checked > span i.icon-icons-Checkbox-Unchecked, .ysDropdownBasic >.ysContainer >.ysContent .innerDropdown).checked > span i.icon-icons-Checkbox-Unchecked {
	 display: none;
}
 .ysDropdownBasic >.ysContainer >.ysContent > span:not(.search:not(.checked) > span i.icon-icons-Checkbox-Checked, .ysDropdownBasic >.ysContainer >.ysContent .innerDropdown):not(.checked) > span i.icon-icons-Checkbox-Checked {
	 display: none;
}
 .ysDropdownBasic >.ysContainer >.ysContent > span:not(.search.noIndent::before, .ysDropdownBasic >.ysContainer >.ysContent .innerDropdown).noIndent::before {
	 content: none;
}
 .ysDropdownBasic >.ysContainer >.ysContent > p {
	 padding: var(--unit2);
	 border-radius: var(--unit2);
	 padding-right: var(--unit6) !important;
}
 .ysDropdownBasic >.ysContainer >.ysContent > p:hover {
	 background-color: var(--brand-prim-r-hell-hover);
}
 .ysDropdownBasic >.ysContainer >.ysContent > p:active {
	 background-color: var(--brand-prim-r-hell-aktiv);
}
 .ysDropdownBasic >.ysContainer >.ysContent > p::before {
	 content: "";
	 font-family: "icomoon";
	 margin-right: var(--unit2);
	 width: var(--unit4);
	 display: inline-block;
}
 .ysDropdownBasic >.ysContainer >.ysContent > p.selected {
	 color: var(--brand-schwarz-schwarz);
}
 .ysDropdownBasic >.ysContainer >.ysContent > p.selected::before {
	 content: "\e90e";
}
 .ysDropdown {
	 padding: var(--unit2) var(--unit6);
	 line-height: 1.5;
	 background-color: var(--shared-styles-tabellen-gerade);
	 border-radius: var(--unit2);
	 border: solid 2px var(--brand-grau-200);
	 color: inherit;
	 text-align: center;
	 padding: var(--unit2) var(--unit2) var(--unit2) var(--unit6);
}
 .ysDropdown > * {
	 vertical-align: middle;
}
 .ysDropdown::placeholder {
	 color: var(--brand-grau-200);
}
 .ysDropdown:placeholder-shown {
	 border-color: var(--brand-grau-100);
}
 .ysDropdown:not([disabled]):hover {
	 border-color: var(--brand-prim-r-hell-hover);
}
 .ysDropdown:not([disabled]):active {
	 border-color: var(--brand-prim-r-aktiv);
}
 .ysDropdown:not([disabled]):focus {
	 border-color: var(--brand-prim-r-aktiv);
}
 .ysDropdown:not([disabled]):invalid {
	 border-color: var(--alarm-fehler-default);
}
 .ysDropdown:not([disabled]):invalid:hover {
	 border-color: var(--alarm-fehler-hover);
}
 .ysDropdown:not([disabled]):invalid:active {
	 border-color: var(--alarm-fehler-aktiv);
}
 .ysDropdown:not([disabled]):invalid:focus {
	 border-color: var(--alarm-fehler-aktiv);
}
 .ysDropdown[disabled] {
	 color: var(--brand-grau-300);
	 background-color: var(--brand-off-weiss-dunkel);
	 border-color: var(--brand-off-weiss-dunkel);
}
 .ysDropdown.active:not([disabled]) {
	 border-color: var(--brand-prim-r-aktiv);
}
 .ysDropdown.ok:not([disabled]) {
	 border-color: var(--alarm-erfolg-default);
}
 .ysDropdown.ok:not([disabled]):hover {
	 border-color: var(--alarm-erfolg-hover);
}
 .ysDropdown.ok:not([disabled]):active {
	 border-color: var(--alarm-erfolg-aktiv);
}
 .ysDropdown.info:not([disabled]) {
	 border-color: var(--alarm-info-default);
}
 .ysDropdown.info:not([disabled]):hover {
	 border-color: var(--alarm-info-hover);
}
 .ysDropdown.info:not([disabled]):active {
	 border-color: var(--alarm-info-aktiv);
}
 .ysDropdown.warning:not([disabled]) {
	 border-color: var(--alarm-warnung-default);
}
 .ysDropdown.warning:not([disabled]):hover {
	 border-color: var(--alarm-warnung-hover);
}
 .ysDropdown.warning:not([disabled]):active {
	 border-color: var(--alarm-warnung-aktiv);
}
 .ysDropdown.error:not([disabled]) {
	 border-color: var(--alarm-fehler-default);
}
 .ysDropdown.error:not([disabled]):hover {
	 border-color: var(--alarm-fehler-hover);
}
 .ysDropdown.error:not([disabled]):active {
	 border-color: var(--alarm-fehler-aktiv);
}
 .ysDropdown.withIcon {
	 padding-left: var(--unit2);
}
 .ysDropdown:not([disabled]) {
	 cursor: pointer;
}
 .ysDropdown::after {
	 font-family: "icomoon";
	 content: "\e915";
	 font-size: 75%;
	 padding: var(--unit2) var(--unit2) var(--unit2) 0;
	 color: var(--brand-grau-200);
}
 .ysDropdown:not([disabled]):not(.ysTooltipClick):hover::after {
	 content: "\e912";
	 color: var(--brand-grau-400);
}
 .ysDropdown > i {
	 font-size: 125%;
	 color: var(--brand-grau-200);
}
 .ysDropdown >.selectBox {
	 white-space: nowrap;
	 overflow-x: hidden;
	 text-overflow: ellipsis;
	 display: inline-block;
	 width: calc(100% - 10 * var(--unit));
}
 .ysDropdown >.ysContainer {
	 min-width: 100%;
	 max-width: 150%;
}
 .ysDropdown >.ysContainer >.ysContent {
	 overflow-y: auto;
	 overflow-x: hidden;
	 max-height: calc(144 * var(--unit));
	 width: 100%;
}
 .ysDropdown >.ysContainer >.ysContent > span:not(.search, .ysDropdown >.ysContainer >.ysContent .innerDropdown) {
	 padding-right: var(--unit6) !important;
}
 .ysDropdown >.ysContainer >.ysContent > span:not(.search:hover, .ysDropdown >.ysContainer >.ysContent .innerDropdown):hover {
	 background-color: var(--brand-prim-r-hell-hover);
}
 .ysDropdown >.ysContainer >.ysContent > span:not(.search:active, .ysDropdown >.ysContainer >.ysContent .innerDropdown):active {
	 background-color: var(--brand-prim-r-hell-aktiv);
}
 .ysDropdown >.ysContainer >.ysContent > span:not(.search::before, .ysDropdown >.ysContainer >.ysContent .innerDropdown)::before {
	 content: "";
	 font-family: "icomoon";
	 margin-right: var(--unit2);
	 width: var(--unit4);
	 display: inline-block;
}
 .ysDropdown >.ysContainer >.ysContent > span:not(.search.selected, .ysDropdown >.ysContainer >.ysContent .innerDropdown).selected {
	 color: var(--brand-schwarz-schwarz);
}
 .ysDropdown >.ysContainer >.ysContent > span:not(.search.selected::before, .ysDropdown >.ysContainer >.ysContent .innerDropdown).selected::before {
	 content: "\e90e";
}
 .ysDropdown >.ysContainer >.ysContent > span:not(.search.checked, .ysDropdown >.ysContainer >.ysContent .innerDropdown).checked {
	 color: var(--brand-schwarz-schwarz);
}
 .ysDropdown >.ysContainer >.ysContent > span:not(.search.group, .ysDropdown >.ysContainer >.ysContent .innerDropdown).group {
	 border-top: 1px solid var(--brand-grau-100) !important;
	 border-radius: 0;
}
 .ysDropdown >.ysContainer >.ysContent > span:not(.search.header, .ysDropdown >.ysContainer >.ysContent .innerDropdown).header {
	 font-size: 75%;
	 color: var(--brand-grau-300);
	 padding-left: 0;
	 cursor: default;
}
 .ysDropdown >.ysContainer >.ysContent > span:not(.search.header:not(.group):hover, .ysDropdown >.ysContainer >.ysContent > span:not(.search.header:active, .ysDropdown >.ysContainer >.ysContent > span:not(.search.header:focus, .ysDropdown >.ysContainer >.ysContent .innerDropdown).header:not(.group):hover, .ysDropdown >.ysContainer >.ysContent .innerDropdown).header:active, .ysDropdown >.ysContainer >.ysContent .innerDropdown).header:focus {
	 background-color: var(--shared-styles-tabellen-gerade) !important;
	 color: var(--brand-grau-300) !important;
	 border: none !important;
}
 .ysDropdown >.ysContainer >.ysContent > span:not(.search.header.group:hover, .ysDropdown >.ysContainer >.ysContent .innerDropdown).header.group:hover {
	 background-color: var(--shared-styles-tabellen-gerade) !important;
	 color: var(--brand-grau-300) !important;
	 border: none !important;
	 border-top: 1px solid var(--brand-grau-100) !important;
}
 .ysDropdown >.ysContainer >.ysContent > span:not(.search.checked > span i, .ysDropdown >.ysContainer >.ysContent .innerDropdown).checked > span i {
	 color: var(--brand-prim-r-default);
}
 .ysDropdown >.ysContainer >.ysContent > span:not(.search.checked > span i.icon-icons-Checkbox-Unchecked, .ysDropdown >.ysContainer >.ysContent .innerDropdown).checked > span i.icon-icons-Checkbox-Unchecked {
	 display: none;
}
/* Monitor Agentenkonfig checkbox verschwindet wegn display none*/
 /* .ysDropdown >.ysContainer >.ysContent > span:not(.search:not(.checked) > span i.icon-icons-Checkbox-Checked, .ysDropdown >.ysContainer >.ysContent .innerDropdown):not(.checked) > span i.icon-icons-Checkbox-Checked {
	 display: none;
} */
 .ysDropdown >.ysContainer >.ysContent > span:not(.search.noIndent::before, .ysDropdown >.ysContainer >.ysContent .innerDropdown).noIndent::before {
	 content: none;
}
 .ysDropdown >.ysContainer >.ysContent > p {
	 padding: var(--unit2);
	 border-radius: var(--unit2);
	 padding-right: var(--unit6) !important;
}
 .ysDropdown >.ysContainer >.ysContent > p:hover {
	 background-color: var(--brand-prim-r-hell-hover);
}
 .ysDropdown >.ysContainer >.ysContent > p:active {
	 background-color: var(--brand-prim-r-hell-aktiv);
}
 .ysDropdown >.ysContainer >.ysContent > p::before {
	 content: "";
	 font-family: "icomoon";
	 margin-right: var(--unit2);
	 width: var(--unit4);
	 display: inline-block;
}
 .ysDropdown >.ysContainer >.ysContent > p.selected {
	 color: var(--brand-schwarz-schwarz);
}
 .ysDropdown >.ysContainer >.ysContent > p.selected::before {
	 content: "\e90e";
}
 .ysDropdown::after {
	 padding: var(--unit2);
	 font-size: 100%;
}
 .ysDropdown.selectTarget >.ysContainer > .ysContent {
	 min-height: calc(120 * var(--unit));
}
 .ysDropdown.selectTarget .innerDropdown > .ysDropdown > .ysContainer > .ysContent {
	 max-height: calc(100 * var(--unit));
}
 .ysDropdown.noMaxWidth .ysContainer {
	 max-width: unset;
}
 .ysDropdownWithLabel {
	 display: flex;
	 flex-direction: column;
	 align-items: flex-start;
	 position: relative;
	 color: inherit;
}
 .ysDropdownWithLabel .label {
	 line-height: 1.5;
	 padding: var(--unit2) 0;
}
 .ysDropdownWithLabel .message {
	 font-size: 87.5%;
	 line-height: 1.5;
	 padding: var(--unit2) 0;
}
 .ysDropdownWithLabel.ok .message {
	 color: var(--alarm-erfolg-default);
}
 .ysDropdownWithLabel.error .message {
	 color: var(--alarm-fehler-default);
}
 .ysDropdownWithLabel.warning .message {
	 color: var(--alarm-warnung-default);
}
 .ysDropdownWithLabel.info .message {
	 color: var(--alarm-info-default);
}
 .ysDropdownWithLabel.ok .ysDropdown:not([disabled]) {
	 border-color: var(--alarm-erfolg-default);
}
 .ysDropdownWithLabel.ok .ysDropdown:not([disabled]):hover {
	 border-color: var(--alarm-erfolg-hover);
}
 .ysDropdownWithLabel.ok .ysDropdown:not([disabled]):active {
	 border-color: var(--alarm-erfolg-aktiv);
}
 .ysDropdownWithLabel.info .ysDropdown:not([disabled]) {
	 border-color: var(--alarm-info-default);
}
 .ysDropdownWithLabel.info .ysDropdown:not([disabled]):hover {
	 border-color: var(--alarm-info-hover);
}
 .ysDropdownWithLabel.info .ysDropdown:not([disabled]):active {
	 border-color: var(--alarm-info-aktiv);
}
 .ysDropdownWithLabel.warning .ysDropdown:not([disabled]) {
	 border-color: var(--alarm-warnung-default);
}
 .ysDropdownWithLabel.warning .ysDropdown:not([disabled]):hover {
	 border-color: var(--alarm-warnung-hover);
}
 .ysDropdownWithLabel.warning .ysDropdown:not([disabled]):active {
	 border-color: var(--alarm-warnung-aktiv);
}
 .ysDropdownWithLabel.error .ysDropdown:not([disabled]) {
	 border-color: var(--alarm-fehler-default);
}
 .ysDropdownWithLabel.error .ysDropdown:not([disabled]):hover {
	 border-color: var(--alarm-fehler-hover);
}
 .ysDropdownWithLabel.error .ysDropdown:not([disabled]):active {
	 border-color: var(--alarm-fehler-aktiv);
}
 .ysIcon {
	 cursor: pointer;
}
 .ysIcon i[class^="icon-icons"] {
	 vertical-align: middle;
}
 .ysIcon i.icon-icons-Checkbox-Unchecked:not([disabled]), .ysIcon i.icon-icons-Radiobutton-Unchecked:not([disabled]) {
	 color: var(--brand-grau-100);
	 background-color: var(--shared-styles-tabellen-gerade);
}
 .ysIcon[disabled] * {
	 color: var(--brand-grau-300) !important;
	 cursor: default;
}
 .ysIcon:not([disabled]):hover i[class^="icon-icons"]:not(.color) {
	 color: var(--brand-prim-r-hover) !important;
}
 .ysIcon:not([disabled]):hover span {
	 color: var(--brand-schwarz-schwarz);
}
 .ysIcon:not([disabled]):active i[class^="icon-icons"]:not(.color) {
	 color: var(--brand-prim-r-aktiv) !important;
}
 .ysIconContainer {
	 padding: var(--unit2);
}
 .ysIcon.grau i {
	 color: var(--brand-grau-100);
}
 .ysIconWithLabel {
	 display: flex;
	 flex-direction: column;
	 align-items: flex-start;
}
 .ysIconWithLabel .label {
	 line-height: 1.5;
	 padding: var(--unit2) 0;
}
 .ysIconWithLabel .message {
	 font-size: 87.5%;
	 line-height: 1.5;
	 padding: var(--unit2) 0;
}
 .ysIcon.ok:not([disabled]) i[class^="icon-icons"], .ysIconWithLabel.ok .ysIcon:not([disabled]) i[class^="icon-icons"] {
	 color: var(--alarm-erfolg-default);
}
 .ysIcon.ok:not([disabled]) i[class^="icon-icons"]:hover, .ysIconWithLabel.ok .ysIcon:not([disabled]) i[class^="icon-icons"]:hover {
	 color: var(--alarm-erfolg-hover);
}
 .ysIcon.ok:not([disabled]) i[class^="icon-icons"]:active, .ysIconWithLabel.ok .ysIcon:not([disabled]) i[class^="icon-icons"]:active {
	 color: var(--alarm-erfolg-aktiv);
}
 .ysIcon.info:not([disabled]) i[class^="icon-icons"], .ysIconWithLabel.info .ysIcon:not([disabled]) i[class^="icon-icons"] {
	 color: var(--alarm-info-default);
}
 .ysIcon.info:not([disabled]) i[class^="icon-icons"]:hover, .ysIconWithLabel.info .ysIcon:not([disabled]) i[class^="icon-icons"]:hover {
	 color: var(--alarm-info-hover);
}
 .ysIcon.info:not([disabled]) i[class^="icon-icons"]:active, .ysIconWithLabel.info .ysIcon:not([disabled]) i[class^="icon-icons"]:active {
	 color: var(--alarm-info-aktiv);
}
 .ysIcon.warning:not([disabled]) i[class^="icon-icons"], .ysIconWithLabel.warning .ysIcon:not([disabled]) i[class^="icon-icons"] {
	 color: var(--alarm-warnung-default);
}
 .ysIcon.warning:not([disabled]) i[class^="icon-icons"]:hover, .ysIconWithLabel.warning .ysIcon:not([disabled]) i[class^="icon-icons"]:hover {
	 color: var(--alarm-warnung-hover);
}
 .ysIcon.warning:not([disabled]) i[class^="icon-icons"]:active, .ysIconWithLabel.warning .ysIcon:not([disabled]) i[class^="icon-icons"]:active {
	 color: var(--alarm-warnung-aktiv);
}
 .ysIcon.error:not([disabled]) i[class^="icon-icons"], .ysIconWithLabel.error .ysIcon:not([disabled]) i[class^="icon-icons"] {
	 color: var(--alarm-fehler-default);
}
 .ysIcon.error:not([disabled]) i[class^="icon-icons"]:hover, .ysIconWithLabel.error .ysIcon:not([disabled]) i[class^="icon-icons"]:hover {
	 color: var(--alarm-fehler-hover);
}
 .ysIcon.error:not([disabled]) i[class^="icon-icons"]:active, .ysIconWithLabel.error .ysIcon:not([disabled]) i[class^="icon-icons"]:active {
	 color: var(--alarm-fehler-aktiv);
}
 .ysIconWithLabel.ok .message {
	 color: var(--alarm-erfolg-default);
}
 .ysIconWithLabel.error .message {
	 color: var(--alarm-fehler-default);
}
 .ysIconWithLabel.warning .message {
	 color: var(--alarm-warnung-default);
}
 .ysIconWithLabel.info .message {
	 color: var(--alarm-info-default);
}
 .ysSystem {
	 border-radius: var(--unit2);
	 padding: var(--unit3);
	 line-height: 1.5;
	 box-shadow: 0 var(--unit) var(--unit4) 0 rgba(31,45,61,0.4);
	 background-color: var(--brand-schwarz-schwarz);
	 color: var(--shared-styles-tabellen-gerade);
}
 .ysSystem::before {
	 content: "";
	 font-family: "icomoon";
	 margin-right: var(--unit4);
	 margin-left: var(--unit2);
}
 .ysSystem::after {
	 content: "\e900";
	 font-family: "icomoon";
	 cursor: pointer;
	 margin-right: var(--unit2);
	 margin-left: var(--unit4);
	 color: var(--brand-grau-300);
}
 .ysSystem.ok::before {
	 content: "\e924";
	 color: var(--alarm-erfolg-default);
}
 .ysSystem.error::before {
	 content: "\e925";
	 color: var(--alarm-fehler-default);
}
 .ysSystem.warning::before {
	 content: "\e927";
	 color: var(--alarm-warnung-default);
}
 .ysSystem.info::before {
	 content: "\e926";
	 color: var(--alarm-info-default);
}
 .ysSystem:hover::after {
	 color: var(--shared-styles-tabellen-gerade);
}
 .ysSystem:hover.ok::before {
	 color: var(--alarm-erfolg-hover);
}
 .ysSystem:hover.error::before {
	 color: var(--alarm-fehler-hover);
}
 .ysSystem:hover.warning::before {
	 color: var(--alarm-warnung-hover);
}
 .ysSystem:hover.info::before {
	 color: var(--alarm-info-hover);
}
 a {
	 text-decoration: none;
}
 .spanRightUnit1 {
	 padding-right: var(--unit);
}
 .spanRightUnit2 {
	 padding-right: var(--unit2);
}
 .spanRightUnit3 {
	 padding-right: var(--unit3);
}
 .spanRightUnit4 {
	 padding-right: var(--unit4);
}
 .spanRightUnit5 {
	 padding-right: var(--unit5);
}
 .spanRightUnit6 {
	 padding-right: var(--unit6);
}
 .spanRightUnit8 {
	 padding-right: var(--unit8);
}
 .marginRightUnit1 {
	 margin-right: var(--unit);
}
 .marginRightUnit2 {
	 margin-right: var(--unit2);
}
 .marginRightUnit3 {
	 margin-right: var(--unit3);
}
 .marginRightUnit4 {
	 margin-right: var(--unit4);
}
 .marginRightUnit5 {
	 margin-right: var(--unit5);
}
 .marginRightUnit6 {
	 margin-right: var(--unit6);
}
 .marginRightUnit8 {
	 margin-right: var(--unit8);
}
 .marginLeftUnit1 {
	 margin-left: var(--unit);
}
 .marginLeftUnit2 {
	 margin-left: var(--unit2);
}
 .marginLeftUnit3 {
	 margin-left: var(--unit3);
}
 .marginLeftUnit4 {
	 margin-left: var(--unit4);
}
 .marginLeftUnit5 {
	 margin-left: var(--unit5);
}
 .marginLeftUnit6 {
	 margin-left: var(--unit6);
}
 .marginLeftUnit8 {
	 margin-left: var(--unit8);
}
 .marginBottomUnit1 {
	 margin-bottom: var(--unit);
}
 .marginBottomUnit2 {
	 margin-bottom: var(--unit2);
}
 .marginBottomUnit3 {
	 margin-bottom: var(--unit3);
}
 .marginBottomUnit4 {
	 margin-bottom: var(--unit4);
}
 .marginBottomUnit5 {
	 margin-bottom: var(--unit5);
}
 .marginBottomUnit6 {
	 margin-bottom: var(--unit6);
}
 .marginBottomUnit8 {
	 margin-bottom: var(--unit8);
}
 .flex {
	 display: flex;
	 align-items: center;
}
 .sticky {
	 position: sticky;
	 top: 0;
}
 .noWrap {
	 white-space: nowrap;
}
 .overflowUnset {
	 overflow: unset !important;
}
 .textAlignLeft {
	 text-align: left;
}
 .noPointerEvents {
	 pointer-events: none;
}
 .dateWidth {
	 width: calc(44 * var(--unit)) !important;
}
 .timeWidth {
	 width: calc(40 * var(--unit)) !important;
	 text-align: center;
}
 .minimumWidth {
	 width: 1px;
}
 .oneDigitDdWidth {
	 width: calc(25 * var(--unit));
}
 .widthCbActive {
	 width: calc(25 * var(--unit));
	 display: inline-block;
}
 #confirm_dialog section {
	 max-width: calc(150 * var(--unit));
}
 i[class^="icon-icons"] {
	 font-size: 100%;
	 color: var(--brand-grau-300);
}
 .dataFormLabel {
	 text-align: left !important;
	 text-transform: uppercase;
	 font-weight: bold;
	 color: var(--brand-prim-r-default);
}
 .tableHeader {
	 line-height: 2.6;
	 margin-top: var(--unit6);
}
 .tableHeader .showSelectMulti {
	 padding-right: var(--unit6);
}
 .tableHeader.alignRight {
	 display: flex;
	 justify-content: right;
}
 .formButton, .moduleLink, .deleteLink {
	 font-size: 125%;
	 vertical-align: middle;
	 color: var(--brand-grau-300);
	 cursor: pointer;
	 border-radius: var(--unit2);
}
 .formButton:hover, .moduleLink:hover, .deleteLink:hover {
	 background-color: var(--brand-prim-r-hell-hover);
}
 .formButton:active, .moduleLink:active, .deleteLink:active {
	 background-color: var(--brand-prim-r-hell-aktiv);
}
 table.hoverRow {
	 margin: calc(10 * var(--unit)) 0;
}
 table.hoverRow.striped td:first-child {
	 font-weight: normal;
}
 table.hoverRow.noStripes tr:nth-child(2n) td {
	 background-color: var(--brand-off-weiss-hell);
	 border-color: var(--brand-off-weiss-hell);
}
 table.hoverRow.noStripes tr:nth-child(2n) td.actions i {
	 color: var(--brand-off-weiss-hell);
}
 table.hoverRow.noStripes tr:nth-child(2n):hover td.actions i {
	 color: var(--brand-grau-300);
}
table.hoverRow.noStripes tr:nth-child(2n):hover td.references i {
	color: var(--brand-grau-300);
}
 table.hoverRow.noStripes tr:not(:first-child) td {
	 border-top-color: var(--brand-off-weiss-dunkel);
}
 table.hoverRow tr > td {
	 overflow: unset !important;
}
 table.hoverRow tr > td div.modal td {
	 border: none !important;
	 background-color: var(--shared-styles-tabellen-gerade) !important;
}
 table.hoverRow tr.detectHover > td > span.default {
	 display: none;
}
 table.hoverRow tr.detectHover > td > span.showOnHover {
	 display: none;
}
 table.hoverRow tr.detectHover > td.width50pct {
	 width: 50%;
}
 table.hoverRow tr.detectHover:hover > td > span.default {
	 display: none;
}
 table.hoverRow tr.detectHover:hover > td > span.showNoHover {
	 display: none;
}
 table.hoverRow tr.detectHover:hover > td > span.showOnHover {
	 display: inline;
}
 table.hoverRow tr.detectHover.new > td > span.default {
	 display: inline;
}
 table.hoverRow tr.detectHover.new > td > span.showNoHover {
	 display: none;
}
 table.hoverRow .minWidth {
	 width: calc(130 * var(--unit));
}
 table.hoverRow .ysDropdown {
	 width: calc(108 * var(--unit));
	 text-align: left;
	 white-space: normal;
}
 table.hoverRow .ysDropdown.actionData {
	 width: calc(70 * var(--unit));
}
 table.hoverRow .ysDropdown.actType {
	 width: calc(70 * var(--unit));
}
 table.hoverRow .ysDropdown.taskWidth {
	 width: calc(28 * var(--unit)) !important;
}
 table.hoverRow .ysDropdown.modalElement {
	 width: calc(70 * var(--unit));
}
 table.hoverRow .ysDropdown.conditionWidth {
	 width: calc(45 * var(--unit)) !important;
}
 table.hoverRow .ysDropdown.valueTypeWidth {
	 width: calc(50 * var(--unit)) !important;
}
 table.hoverRow .ysDropdown.condValueWidth {
	 width: calc(50 * var(--unit)) !important;
}
 table.hoverRow .ysInput.valueWidth {
	 width: calc(40 * var(--unit)) !important;
}
table.hoverRow tr.time{
	height: 3.5rem;
}
 table.striped {
	 border: 1px solid var(--brand-grau-100);
	 border-spacing: 0;
	 border-radius: var(--unit2);
	 width: 100%;
}
 table.striped i.icon-icons-Toggle-An, table.striped i.icon-icons-Toggle-Aus {
	 font-size: 225% !important;
	 cursor: pointer;
}
 table.striped i.icon-icons-Toggle-An:hover, table.striped i.icon-icons-Toggle-Aus:hover {
	 color: var(--brand-prim-r-hover);
}
 table.striped i.icon-icons-Toggle-An:active, table.striped i.icon-icons-Toggle-Aus:active {
	 color: var(--brand-prim-r-aktiv);
}
 table.striped i.icon-icons-Toggle-An {
	 color: var(--brand-prim-r-default);
}
 table.striped i.icon-icons-Toggle-Aus {
	 color: var(--brand-grau-100);
}
 table.striped span.checkbox.checked i.icon-icons-Checkbox-Unchecked {
	 display: none;
}
 table.striped span.checkbox.checked i.icon-icons-Checkbox-Checked {
	 color: var(--brand-prim-r-default);
}
 table.striped span.checkbox:not(.checked) i.icon-icons-Checkbox-Checked {
	 display: none;
}
 table.striped tr th {
	 background-color: var(--brand-grau-100);
	 font-weight: normal;
}
 table.striped tr th.sort {
	 cursor: pointer;
}
 table.striped tr th.sort > span.sortIcons {
	 float: right;
}
 table.striped tr th.sort > span.sortIcons > i {
	 color: var(--brand-grau-300);
}
 table.striped tr th.sort > span.sortIcons > i.small {
	 font-size: 75%;
	 color: var(--brand-prim-r-default);
}
 table.striped tr th.sort.down {
	 color: var(--brand-prim-r-default);
}
 table.striped tr th.sort.down i.updown {
	 display: none;
}
 table.striped tr th.sort.down i.up {
	 display: none;
}
 table.striped tr th.sort.up {
	 color: var(--brand-prim-r-default);
}
 table.striped tr th.sort.up i.updown {
	 display: none;
}
 table.striped tr th.sort.up i.down {
	 display: none;
}
 table.striped tr th.sort:not(.up):not(.down) i.up {
	 display: none;
}
 table.striped tr th.sort:not(.up):not(.down) i.down {
	 display: none;
}
 table.striped tr th.sort:hover span.sortIcons i.updown {
	 color: var(--brand-schwarz-schwarz);
}
 table.striped tr th, table.striped tr td {
	 padding: var(--unit4);
	 white-space: nowrap;
	 overflow-x: hidden;
	 text-overflow: ellipsis;
}
 table.striped tr td {
	padding-top: var(--unit2);
    padding-bottom: var(--unit2);
}
.table.striped tr td.assistantTranscriptionField {
    white-space: normal;
    line-height: 1.5;
	min-width: calc(240* var(--unit));
}
.table.striped tr td.assistantResultField {
    white-space: normal;
    line-height: 1.5;
	min-width: calc(1000* var(--unit));
}
 table.striped tr td:has(.icon-icons-Toggle-Aus),
 table.striped tr td:has(.icon-icons-Toggle-An) {
    padding-top: 0;
    padding-bottom: 0;
}
 table.striped tr th.tdTooltip, table.striped tr td.tdTooltip {
	 overflow-x: unset;
}
 table.striped tr:nth-child(2n) td {
	 background-color: var(--brand-off-weiss-dunkel);
	 border-color: var(--brand-off-weiss-dunkel);
}
 table.striped tr:nth-child(2n) td.actions i {
	 color: var(--brand-off-weiss-dunkel);
}
 table.striped tr:first-child th:first-child {
	 border-top-left-radius: var(--unit2);
	 border-left: 2px solid var(--brand-grau-100);
}
 table.striped tr:first-child th:last-child {
	 border-top-right-radius: var(--unit2);
}
 table.striped tr:last-child td:first-child {
	 border-bottom-left-radius: var(--unit2);
}
 table.striped tr:last-child td:last-child {
	 border-bottom-right-radius: var(--unit2);
}
 table.striped thead {
	 position: sticky;
	 top: 0;
}
 table.striped > tbody > tr:hover td.actions, table.striped > tbody > tr:active td.actions {
	 color: var(--brand-grau-300);
}
 table.striped > tbody > tr:hover td.actions i, table.striped > tbody > tr:active td.actions i {
	 cursor: pointer;
	 color: var(--brand-grau-300);
}
 table.striped > tbody > tr:hover td.actions i:hover, table.striped > tbody > tr:active td.actions i:hover {
	 color: var(--brand-prim-r-hover);
}
 table.striped > tbody > tr:hover td.actions i:active, table.striped > tbody > tr:active td.actions i:active {
	 color: var(--brand-prim-r-aktiv);
}
table.striped > tbody > tr:hover td.references, table.striped > tbody > tr:active td.references {
	color: var(--brand-grau-300);
}
table.striped > tbody > tr:hover td.references i, table.striped > tbody > tr:active td.references i {
	cursor: pointer;
	color: var(--brand-grau-300);
}
table.striped > tbody > tr:hover td.references i:hover, table.striped > tbody > tr:active td.references i:hover {
	color: var(--brand-prim-r-hover);
}
table.striped > tbody > tr:hover td.references i:active, table.striped > tbody > tr:active td.references i:active {
	color: var(--brand-prim-r-aktiv);
}
 table.striped > tbody > tr:hover > td, table.striped > tbody > tr:active > td {
	 border-color: var(--brand-prim-r-hover) !important;
}
 table.striped > tbody > tr:hover > td:first-child, table.striped > tbody > tr:active > td:first-child {
	 border-bottom-left-radius: var(--unit2);
	 border-top-left-radius: var(--unit2);
}
 table.striped > tbody > tr:hover > td:last-child, table.striped > tbody > tr:active > td:last-child {
	 border-bottom-right-radius: var(--unit2);
	 border-top-right-radius: var(--unit2);
}
 table.striped > tbody > tr:active td.actions i.defaultAction {
	 color: var(--brand-prim-r-aktiv) !important;
}
table.striped > tbody > tr:active td.references i.defaultAction {
	color: var(--brand-prim-r-aktiv) !important;
}
 table.striped > tbody > tr:active .defaultAction i {
	 color: var(--brand-prim-r-aktiv) !important;
}
 table.striped > tbody > tr > td {
	 border-color: var(--brand-off-weiss-hell);
	 border-width: 2px;
	 border-style: solid;
}
 table.striped > tbody > tr > td:first-child {
	 border-right: none;
}
 table.striped > tbody > tr > td:last-child {
	 border-left: none;
}
 table.striped > tbody > tr > td:not(:first-child):not(:last-child) {
	 border-left: none;
	 border-right: none;
}
 table.striped > tbody > tr.checked > td > span.ysIconContainer > i.icon-icons-Checkbox-Unchecked {
	 display: none;
}
 table.striped > tbody > tr.checked > td > span.ysIconContainer > i.icon-icons-Checkbox-Checked {
	 color: var(--brand-prim-r-default);
}
 table.striped > tbody > tr:not(.checked) > td > span.ysIconContainer > i.icon-icons-Checkbox-Checked {
	 display: none;
}
 table.striped td i [class^="icon-icons"] {
	 font-size: 100%;
	 margin-right: var(--unit7);
	 vertical-align: middle;
}
 table.striped td i [class^="icon-icons"].references {
	 margin-right: 0;
}
 table.striped td:first-child {
	 font-weight: bold;
}
 table.striped td.actions {
	 min-width: calc(60 * var(--unit));
	 text-align: end;
}
 table.striped td.actions i {
	 color: var(--brand-off-weiss-hell);
}
 table.striped td.actions span.refCounter {
	 font-family: "Open Sans";
	 position: relative;
	 left: -11px;
	 top: -5px;
	 font-weight: bold;
	 font-size: 75%;
	 vertical-align: super;
}
 table.striped td.references {
	 text-align: center;
}
 table.striped td.references span.refCounter {
	 font-family: "Open Sans";
	 position: relative;
	 left: -11px;
	 top: -5px;
	 font-weight: bold;
	 font-size: 75%;
	 vertical-align: super;
}
 table.striped td.references .ysIconContainer {
	 position: relative;
     padding-top: 0px;
     padding-bottom: 0px;
     top: calc(1 * var(--unit));
}
 .tableFooter {
	 display: flex;
	 margin-top: var(--unit6);
	 align-items:center;
}
 .tableFooter .stretchLeft {
	 margin-right: auto;
}
 .tableFooter .pages {
	 margin-right: var(--unit8);
}
 .tableFooter .pages span {
	 margin: 0 var(--unit);
}
 .tableFooter .pages span.currentPage {
	 font-weight: bold;
}
 .tableFooter .pages span.totalPages {
	 color: var(--brand-grau-300);
}
 .tableFooter .pagingButtons i {
	 color: var(--brand-grau-300);
	 font-size: 125%;
	 padding: var(--unit2);
}
 .tableFooter .pagingButtons i:not([disabled]) {
	 cursor: pointer;
}
 .tableFooter .pagingButtons i:not([disabled]):hover {
	 background-color: var(--brand-prim-r-hell-hover);
	 border-radius: var(--unit2);
}
 .tableFooter .pagingButtons i:not([disabled]):active {
	 background-color: var(--brand-prim-r-hell-aktiv);
}
 .modal table.striped tbody > tr > td {
	 border-color: var(--shared-styles-tabellen-gerade);
}
 .modal table.striped tbody > tr:nth-child(2n) td {
	 border-color: var(--brand-off-weiss-dunkel);
}
 span.counter {
	 font-weight: bold;
	 font-size: smaller;
	 color: var(--shared-styles-tabellen-gerade);
	 background-color: var(--brand-prim-r-default);
	 padding: var(--unit) var(--unit2);
	 margin-left: var(--unit2);
	 border-radius: var(--unit4);
}
 body {
	 width: 100vw;
	 height: 100vh;
	 display: grid;
	 grid-template-columns: calc(96 * var(--unit)) auto;
	 grid-template-rows: var(--menuHeight) auto;
	 grid-template-areas: "header header" "nav main";
	 position: relative;
	 padding-left: var(--menuHeight);
}
 body > header {
	 grid-area: header;
}
 body > nav {
	 grid-area: nav;
}
 body > main {
	 grid-area: main;
}
 body > menu {
	 height: 100%;
	 display: flex;
	 flex-direction: column;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: var(--menuHeight);
	 transition: width 500ms;
	 z-index: 10001;
	 background-color: var(--shared-styles-tabellen-gerade);
}
 body > menu:not(:hover) {
	 border-right: 1px solid var(--brand-grau-100);
}
 body > menu:hover {
	 width: 300px;
	 box-shadow: 0 var(--unit2) var(--unit4) 0px rgba(118,127,134,0.3);
}
 body > menu.toHide {
	 width: var(--menuHeight) !important;
}
 body > menu.toHide > div.hide > i.icon-icons-Menue-Aus {
	 display: none;
}
 body > menu:not(.toHide) > div.hide > i.icon-icons-Menue-Ein {
	 display: none;
}
 body > menu > div {
	 height: var(--menuHeight);
	 display: grid;
	 align-items: center;
	 justify-items: center;
	 grid-template-columns: var(--menuHeight) auto;
	 overflow-x: hidden;
}
 body > menu > div span.name {
	 color: var(--brand-prim-r-default);
	 font-size: 150%;
	 font-weight: bold;
}
 body > menu > div span.label {
	 white-space: nowrap;
	 justify-self: left;
	 font-weight: bold;
}
 body > menu > div.hide {
	 margin-top: auto;
}
 body > menu > div > i[class^="icon-icons"] {
	 color: var(--brand-grau-300);
	 padding: 10px;
	 font-size: 125%;
	 border-radius: var(--unit2);
}
 body > menu > div.clickable:hover {
	 cursor: pointer;
}
 body > menu > div.clickable:hover > i[class^="icon-icons"] {
	 background-color: var(--brand-prim-r-hell-hover);
	 color: var(--brand-prim-r-hover);
}
 body > menu > div.clickable:hover span.label {
	 color: var(--brand-prim-r-hover);
}
 body > menu > div.clickable:active > i[class^="icon-icons"] {
	 background-color: var(--brand-prim-r-hell-aktiv);
	 color: var(--brand-prim-r-aktiv);
}
 body > menu > div.clickable:active span.label {
	 color: var(--brand-prim-r-aktiv);
}
 body > menu > div.selected > i[class^="icon-icons"] {
	 background-color: var(--brand-prim-r-hell-aktiv);
	 color: var(--brand-prim-r-aktiv);
}
 body > menu > div.selected span.label {
	 color: var(--brand-prim-r-aktiv);
}
 body > header {
	 background-color: var(--shared-styles-tabellen-gerade);
	 border-bottom: 1px solid var(--brand-grau-100);
	 padding-left: calc(12 * var(--unit));
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 padding-right: var(--unit8);
}
 body > header > .ysDropdown .ysContent span::before {
	 margin-right: 0;
	 width: 0;
}
 body > header .user {
	 background-color: var(--brand-prim-r-default);
	 color: var(--shared-styles-tabellen-gerade);
	 padding: var(--unit2);
	 border-radius: 50%;
	 font-size: 125%;
	 cursor: pointer;
}
 body > header .ysContainer.menu1 > .ysContent > span {
	 font-family: "Open Sans";
	 font-size: 100%;
	 padding-right: var(--unit4);
}
 body > header .ysContainer.menu1 > .ysContent > span > i[class^="icon-icons"] {
	 margin-right: var(--unit2);
}
 body > header .ysContainer.language {
	 left: unset;
	 padding: 0 var(--unit2);
	 top: -var(--unit2);
	 transform: translateX(-100%);
}
 body > header .ysContainer.language .ysContent span {
	 display: block !important;
	 padding-right: var(--unit6) !important;
}
 body > header .ysContainer.language .ysContent span::before {
	 content: "";
	 font-family: "icomoon";
	 margin-right: var(--unit4);
	 width: var(--unit4);
	 display: inline-block;
}
 body > header .ysContainer.language .ysContent span.selected {
	 color: var(--brand-schwarz-schwarz);
}
 body > header .ysContainer.language .ysContent span.selected::before {
	 content: "\e90e";
}
 body > nav {
	 background-color: var(--brand-off-weiss-dunkel);
	 border-right: solid 1px var(--brand-grau-100);
}
 body > nav p {
	 height: calc(14 * var(--unit));
	 padding: var(--unit2) var(--unit6);
	 display: flex;
	 align-items: center;
}
 body > nav p.header {
	 height: var(--menuHeight);
	 border-bottom: 1px solid var(--brand-grau-100);
	 font-size: 112.5%;
}
 body > nav p:not(.header) {
	 cursor: pointer;
}
 body > nav p:not(.header):hover span {
	 color: var(--brand-prim-r-hover);
}
 body > nav p:not(.header):active span {
	 color: var(--brand-prim-r-aktiv);
}
 body > nav p > span {
	 border-radius: var(--unit2);
	 color: var(--brand-schwarz-schwarz);
	 font-weight: bold;
	 padding: var(--unit2) var(--unit6);
}
 body > nav p.selected span {
	 background-color: var(--brand-prim-r-hell-aktiv);
	 color: var(--brand-prim-r-aktiv);
}
 body > main {
	 display: grid;
	 grid-template-areas: "mainheader" "section";
	 grid-template-rows: auto 1fr;
	 background-color: var(--brand-off-weiss-hell);
	 overflow-y: auto;
}
 body > main p.back {
	 font-weight: bold;
	 line-height: 1.5;
	 text-transform: uppercase;
	 cursor: pointer;
	 color: var(--brand-prim-r-default);
	 margin-bottom: 14px;
}
 body > main p.back i[class^="icon-icons"] {
	 margin-right: var(--unit2);
	 font-size: 100%;
	 color: var(--brand-prim-r-default);
}
 body > main p.back:hover {
	 color: var(--brand-prim-r-hover);
}
 body > main p.back:active {
	 color: var(--brand-prim-r-aktiv);
}
 body > main > .ysSystem {
	 position: absolute;
	 top: var(--unit6);
}
 body > main .headerButtons {
	 display: flex;
	 justify-content: right;
	 grid-area: actions;
	 align-items: center;
}
 body > main .headerButtons > button {
	 width: fit-content;
}
 body > main .headerButtons > button i {
	 font-size: 125%;
	 vertical-align: middle;
	 margin-right: var(--unit3);
}
 body > main .imExHeaderButtons {
	 display: flex;
	 justify-content: left;
	 grid-area: actions;
	 align-items: center;
	 margin: 25px;
}
 body > main .imExHeaderButtons > button {
	 width: fit-content;
}
 body > main .imExHeaderButtons > button i {
	 font-size: 125%;
	 vertical-align: middle;
	 margin-right: var(--unit3);
}
 body > main header {
	 grid-area: mainheader;
	 padding: var(--unit6) calc(12 * var(--unit));
}
 body > main header#statisticHeader {
	 padding-bottom: 0;
}
 body > main header.dataHeader {
	 border-bottom: 1px solid var(--brand-grau-100);
}
 body > main header.tabMainHeader {
	 padding: calc(14px + var(--unit6)) calc(12 * var(--unit)) 0 calc(12 * var(--unit));
	 border-bottom: 1px solid var(--brand-grau-100);
}
 body > main header .titleActionDiv {
	 display: grid;
	 grid-template-areas: "title actions" "subtitle actions" "toggle search";
}
 body > main header .title {
	 grid-area: title;
	 font-size: 200%;
	 font-weight: bold;
	 line-height: 1.25;
	 color: var(--brand-schwarz-schwarz);
}
 body > main header .subtitle {
	 grid-area: subtitle;
	 font-size: 112.5%;
	 line-height: 1.5;
	 color: var(--brand-grau-300);
}
 body > main header .actions {
	 grid-area: actions;
	 display: flex;
	 align-items: center;
	 justify-content: flex-end;
}
 body > main header .actions i[class^="icon-icons"] {
	 vertical-align: middle;
	 cursor: pointer;
	 color: var(--brand-grau-300);
	 padding: var(--unit2);
	 border-radius: var(--unit2);
}
 body > main header .actions i[class^="icon-icons"]:hover {
	 background-color: var(--brand-prim-r-hell-hover);
}
 body > main header .actions i[class^="icon-icons"]:active {
	 background-color: var(--brand-prim-r-hell-aktiv);
}
 body > main header .actions span.spacer {
	 width: var(--unit2);
}
 body > main header .toggle {
	 grid-area: toggle;
	 display: flex;
}
 body > main header .search {
	 grid-area: search;
	 display: flex;
	 justify-content: flex-end;
}
 body > main .ysTabs {
	 margin: var(--unit6) 0 var(--unit2) 0;
}
 body > main .ysTabs .ysTab span {
	 text-transform: uppercase;
}
 body > main .tabs {
	 margin: var(--unit6) 0 var(--unit2) 0;
}
 body > main .tabs .ysTab span {
	 text-transform: uppercase;
}
 body > main .group {
	 padding: calc(10 * var(--unit)) 0;
}
 body > main .group.statisticGroup {
	 padding-top: calc(1.5* var(--unit));
     padding-bottom: 0;
}
 body > main .ysAccordion {
	 padding: var(--unit6) 0;
}
 body > main .ysAccordion.statisticAccordion {
	 padding-top: calc(1* var(--unit));
     padding-bottom: calc(2* var(--unit));
}
 body > main .ysAccordion .title {
	 color: var(--brand-schwarz-schwarz);
	 font-weight: bold;
	 cursor: pointer;
	 padding-bottom: var(--unit6);
	 border-bottom: 1px solid var(--brand-grau-200);
}
body > main .ysAccordion .title.titlestatistic {
	padding-bottom: 4px;
}
 body > main .ysAccordion .title::before {
	 content: "\e939";
	 font-family: icomoon;
	 padding: var(--unit2);
	 margin-right: var(--unit2);
	 border-radius: var(--unit2);
}
 body > main .ysAccordion .title:hover::before {
	 background-color: var(--brand-prim-r-hell-hover);
}
 body > main .ysAccordion .title:active::before {
	 background-color: var(--brand-prim-r-hell-aktiv);
}
 body > main .ysAccordion.expanded .title::before {
	 content: "\e912";
}
 body > main .ysAccordion:not(.expanded) > *:not(.title) {
	 display: none;
}
 body > main .ysAccordion .ysAccordionContent {
	 padding-top: var(--unit6);
}
 body > main > section {
	 grid-area: section;
	 overflow-y: auto;
}
 body > main > section > form > div {
	 padding: 0 calc(12 * var(--unit));
}
 body > main > section > div {
	 padding: 0 calc(12 * var(--unit));
}
 body > main > section > div.tabDiv > .buttonsTop {
	 padding-bottom: var(--unit6);
}
 body > main > section > div.tabDiv > .tabHeader {
	 padding: var(--unit6) 0;
	 display: grid;
	 justify-content: space-between;
	 grid-template-areas: "dummy buttons" "toggle search";
}
 body > main > section > div.tabDiv > .tabHeader >.tabHeaderDummy {
	 grid-area: dummy;
}
 body > main > section > div.tabDiv > .tabHeader >.tabHeaderButtons {
	 grid-area: buttons;
}
 body > main > section > div.tabDiv > .tabHeader >.tabHeaderToggle {
	 grid-area: toggle;
	 display: flex;
}
 body > main > section > div.tabDiv > .tabHeader >.tabHeaderSearch {
	 grid-area: search;
	 display: flex;
	 justify-content: flex-end;
}
 body > main section.form .linkText {
	 width: calc(42 * var(--unit));
}
 body > main section.form .checkbox, body > main section.form .radio {
	 color: var(--brand-grau-400);
	 cursor: pointer;
}
 body > main section.form .checkbox:hover, body > main section.form .radio:hover {
	 color: var(--brand-schwarz-schwarz);
}
 body > main section.form .checkbox:hover i, body > main section.form .radio:hover i {
	 color: var(--brand-prim-r-hover);
}
 body > main section.form .checkbox:active, body > main section.form .radio:active {
	 color: var(--brand-schwarz-schwarz);
}
 body > main section.form .checkbox:active i, body > main section.form .radio:active i {
	 color: var(--brand-prim-r-hover);
}
 body > main section.form .checked, body > main section.form .selected {
	 color: var(--brand-schwarz-schwarz);
}
 body > main section.form .checked i, body > main section.form .selected i {
	 color: var(--brand-prim-r-default);
}
 body > main section.form .checkbox.checked i.icon-icons-Checkbox-Unchecked {
	 display: none;
}
 body > main section.form .checkbox.checked span.off {
	 display: none;
}
 body > main section.form .checkbox:not(.checked) i.icon-icons-Checkbox-Checked {
	 display: none;
}
 body > main section.form .checkbox:not(.checked) span.on {
	 display: none;
}
 body > main section.form .checkbox[disabled] i {
	 color: var(--brand-grau-100) !important;
	 background-color: var(--brand-off-weiss-dunkel) !important;
	 cursor: default;
}
 body > main section.form .checkbox[disabled]:hover i {
	 color: var(--brand-grau-100) !important;
}
 body > main section.form .checkbox[disabled]:active i {
	 color: var(--brand-grau-100) !important;
}
 body > main section.form .radio.selected i.icon-icons-Radiobutton-Unchecked {
	 display: none;
}
 body > main section.form .radio:not(.selected) i.icon-icons-Radiobutton-Checked {
	 display: none;
}
 body > main section.form .ysInput {
	 width: calc(108 * var(--unit));
}
 body > main section.form .ysInput.number2 {
	 width: calc(19 * var(--unit));
	 text-align: right;
}
 body > main section.form .ysInput.number4 {
	 width: calc(24 * var(--unit));
	 text-align: right;
}
 body > main section.form table.formTable tbody#notsystemadmin td.tableSectionHeader {
	 font-weight: bold;
}
 body > main section.form table.formTable tbody#notsystemadmin td.leftAlign {
	 text-align: left;
}
 body > main section.form table.formTable tbody#notsystemadmin td.leftAlign span {
	 padding-left: var(--unit8);
}
 body > main section.form table.formTable tr:not(:last-child) td {
	 padding-bottom: var(--unit2);
}
 body > main section.form table.formTable tr:not(:last-child).group1 > td {
	 padding-bottom: var(--unit6);
}
 body > main section.form table.formTable tr.group1Top:not(:first-child) td {
	 padding-top: var(--unit4);
}
 body > main section.form table.formTable > tbody > tr > td {
	 padding-right: var(--unit6);
}
 body > main section.form table.formTable > tbody > tr > td:first-child {
	 text-align: right;
	 margin-bottom: var(--unit2);
	 width: calc(71 * var(--unit));
}
 body > main section.form table.formTable > tbody > tr > td .ysDropdown {
	 text-align: left;
	 width: calc(108 * var(--unit));
	 white-space: normal;
}
 body > main section.form table.formTable > tbody > tr > td .ysDropdown::after {
	 position: absolute;
	 right: var(--unit3);
	 top: var(--unit);
}
 body > main section.form table.formTable > tbody > tr > td .ysDropdown#fromRange {
	 width: calc(51 * var(--unit));
}
 body > main section.form .groupAssignmentTable td.top {
	 vertical-align: top;
}
 body > main section.form .groupAssignmentTable .gaHeader {
	 font-weight: bold;
}
 body > main section.form .groupAssignmentTable .ysButton {
	 width: calc(80 * var(--unit));
	 padding: var(--unit2);
}
 body > main section.form .groupAssignmentTable .ysButton:not(:last-child) {
	 margin-bottom: var(--unit3);
}
 body > main section.form .groupAssignmentTable .searchSelectAll {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
}
 body > main section.form .groupAssignmentTable .searchSelectAll .search {
	 width: calc(54 * var(--unit));
}
 body > main section.form .groupAssignmentTable .buttonGroup {
	 padding: var(--unit4) var(--unit6);
}
 body > main section.form .groupAssignmentTable .search {
	 margin-top: var(--unit4);
}
 body > main section.form .groupAssignmentTable .wrapperAutoOverflow {
	 margin-top: var(--unit4);
}
 body > main section.form .groupAssignmentTable div.selectable {
	 width: calc(108 * var(--unit));
	 height: calc(180 * var(--unit));
	 padding: var(--unit4);
	 background-color: var(--shared-styles-tabellen-gerade);
	 border-radius: var(--unit4);
	 border: 1px solid var(--brand-off-weiss-dunkel);
	 overflow-y: auto;
}
 body > main section.form .groupAssignmentTable div.selectable > p {
	 width: 100%;
	 padding: var(--unit4) var(--unit6);
	 border: 2px solid var(--brand-grau-100);
	 border-radius: var(--unit2);
}
 body > main section.form .groupAssignmentTable div.selectable > p:not(:last-child) {
	 margin-bottom: var(--unit);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 white-space: nowrap;
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel > span:first-child {
	 overflow-x: hidden;
	 text-overflow: ellipsis;
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel [data-name="active"] {
	 display: inline-block;
	 width: calc(25 * var(--unit));
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel .gotoLink {
	 color: var(--shared-styles-tabellen-gerade);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel:hover .gotoLink {
	 color: var(--brand-grau-300);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel:hover .gotoLink:hover {
	 color: var(--brand-prim-r-hover);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel:hover .gotoLink:active {
	 color: var(--brand-prim-r-aktiv);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel.notSelectable {
	 background-color: var(--brand-off-weiss-dunkel);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel.notSelectable .gotoLink {
	 color: var(--brand-off-weiss-dunkel);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel.notSelectable:hover {
	 border-color: 2px solid var(--brand-grau-100);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel.notSelectable:hover .gotoLink {
	 color: var(--brand-grau-300);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel.notSelectable:hover .gotoLink:hover {
	 color: var(--brand-prim-r-hover);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel.notSelectable:hover .gotoLink:active {
	 color: var(--brand-prim-r-aktiv);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel:not(.notSelectable) {
	 cursor: pointer;
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel:not(.notSelectable):hover {
	 border-color: var(--brand-prim-r-hover);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel:not(.notSelectable):active {
	 border-color: var(--brand-prim-r-aktiv);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel:not(.notSelectable).selected {
	 border-color: var(--brand-prim-r-default);
	 background-color: var(--brand-prim-r-hell-aktiv);
	 font-weight: bold;
	 color: var(--brand-schwarz-schwarz);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel:not(.notSelectable).selected .gotoLink {
	 color: var(--brand-prim-r-hell-aktiv);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel:not(.notSelectable).selected:hover {
	 border-color: inherit;
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel:not(.notSelectable).selected:hover .gotoLink {
	 color: var(--brand-grau-300);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel:not(.notSelectable).selected:hover .gotoLink:hover {
	 color: var(--brand-prim-r-hover);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel:not(.notSelectable).selected:hover .gotoLink:active {
	 color: var(--brand-prim-r-aktiv);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel:not(.notSelectable).selected:active {
	 border-color: var(--brand-prim-r-aktiv);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel:not(.notSelectable)[disabled] {
	 background-color: var(--brand-off-weiss-dunkel);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel:not(.notSelectable)[disabled] .gotoLink {
	 color: var(--brand-off-weiss-dunkel);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel:not(.notSelectable)[disabled]:hover {
	 border-color: 2px solid var(--brand-grau-100);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel:not(.notSelectable)[disabled]:hover .gotoLink {
	 color: var(--brand-grau-300);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel:not(.notSelectable)[disabled]:hover .gotoLink:hover {
	 color: var(--brand-prim-r-hover);
}
 body > main section.form .groupAssignmentTable div.selectable p.selectablelabel:not(.notSelectable)[disabled]:hover .gotoLink:active {
	 color: var(--brand-prim-r-aktiv);
}
 body > main section.form .groupAssignmentTable div.unselecteditems span.active {
	 display: none !important;
}
 input[type="file"]:invalid {
	 color: var(--alarm-fehler-default);
}
 #overlay {
	 position: absolute;
	 z-index: 20000;
	 width: 100vw;
	 height: 100vh;
	 background-color: var(--brand-grau-300);
	 opacity: 0.7;
	 pointer-events: none;
}
 .modal {
	 z-index: 20001;
	 position: fixed;
	 top: 50vh;
	 left: 50vw;
	 background-color: var(--shared-styles-tabellen-gerade);
	 border-radius: var(--unit4);
	 transform: translate(-50%,-50%);
	 max-height: 90vh;
}
 .modal header {
	 display: grid;
	 grid-template-columns: auto var(--unit8);
	 border-bottom: 1px solid var(--brand-grau-100);
	 align-items: center;
	 padding: calc(8 * var(--unit));
	 font-weight: bold;
	 font-size: 125%;
}
 .modal header .closeModal {
	 text-align: right;
	 color: var(--brand-grau-300);
	 font-size: initial;
}
 .modal header .closeModal:hover {
	 cursor: pointer;
	 color: var(--brand-schwarz-schwarz);
}
 .modal section {
	 padding: var(--unit8);
}
 .modal section .all {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
}
 .modal section.div div.fixed {
	 padding-bottom: var(--unit2);
}
 .modal section.div div.items {
	 overflow-y: auto;
	 max-height: 60vh;
}
 .modal section.table {
	 padding: 0 var(--unit8) var(--unit8) var(--unit8);
}
 .modal section.table .all {
	 padding: var(--unit8) 0;
	 margin: 0;
}
 .modal section.table >table {
	 overflow-y: auto;
	 max-height: 60vh;
	 display: block;
}
 .modal .buttons {
	 display: flex;
	 justify-content: end;
	 padding: calc(8 * var(--unit));
	 border-top: 1px solid var(--brand-grau-100);
}
 .modal .buttons .ysButton:not(:last-of-type) {
	 margin-right: var(--unit4);
}
 .modal.categories4feature section {
	 overflow-y: auto;
}
 .modal.categories4feature section span {
	 padding: var(--unit2);
}
 .modal.categories4feature section span.highLight {
	 line-height: 1.5;
	 border-radius: var(--unit2);
	 display: block;
	 width: 100%;
}
 .modal.categories4feature section span.highLight:hover {
	 color: var(--brand-schwarz-schwarz);
	 background-color: var(--brand-prim-r-hell-hover);
}
 @media screen and (max-height: 1080px) {
	 :root {
		 --unit: 3px;
		 --font-size-default: 14px;
	}
}