:root {
    --primary-color: #eb192b;
    --text-color: #FFF;
    --link-hover-color: #eb7d31;
    --background-color: #F6F6F6;
    --list-view-even-color: #FFFFFF;
    --list-view-odd-color: #F6F6F6;
    --list-view-header-color: #DFDFDF;
    --list-view-hover-color: #999999;
    --chartColor1: #eb7d31;
    --chartColor2: #009343;
    --chartColor3: #6A8DB6;
    --chartColor4: #FE4110;
    --chartColor5: #C9015C;
  }
  
  * {
    box-sizing: border-box;
  }
  
  html, .Body-Wrapper, body, form.login-form {
    width: 100%;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666666;
  }
  
  body {
    margin: 0;
    padding: 0;
    background-color: #F6F6F6;
  }
  
  a {
    text-decoration: none;
    color: #eb192b;
  }
  a:hover {
    color: #eb7d31;
  }
  
  input, textarea, select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
  }
  
  select {
    border-radius: 6px;
    padding: 2px;
    border: 2px solid rgba(0, 0, 0, 0.14);
  }
  
  .primary-background-color {
    background-color: #eb192b;
    color: #FFF;
  }
  
  .primary-color {
    color: #eb192b;
  }
  
  .center-screen, .flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-grow: 1;
  }
  
  .login-page {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: url(custom/zgLoginScreenBg.jpg) no-repeat scroll center center;
    background-size: cover;
  }
  .login-page ::-webkit-input-placeholder, .login-page ::-moz-placeholder, .login-page :-ms-input-placeholder, .login-page :-moz-placeholder {
    color: #666666;
    opacity: 1;
  }
  .login-page .login-page-container {
    width: 98%;
    margin: 0 1%;
    max-width: 425px;
    background-color: white;
    color: #292929;
  }
  .login-page .login-page-container .login-page-container-head .login-page-logo {
    width: auto;
    height: 90px;
    padding: 8px;
  }
  .login-page .login-page-container .login-page-container-head .login-page-logo img {
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: auto;
  }
  .login-page .login-page-container .login-page-container-head .login-page-system-name {
    text-align: center;
  }
  .login-page .login-page-container .login-page-container-head .login-page-system-name h1 {
    font-size: large;
  }
  .login-page .login-page-container .login-page-container-body {
    text-align: center;
  }
  .login-page .login-page-container .login-page-container-body p {
    margin-bottom: 16px;
  }
  .login-page .login-page-container .login-page-container-body input[type=password], .login-page .login-page-container .login-page-container-body input[type=text] {
    width: 220px;
    height: 25pt;
    border: 1px solid #999999;
    text-indent: 10pt;
    border-radius: 4px;
  }
  .login-page .login-page-container .login-page-container-body input[type=submit] {
    border: solid 1px #DFDFDF;
    border-radius: 15px;
    color: #eb192b;
    font-weight: 600;
    font-size: 14px;
    padding: 6px 45px;
    line-height: 1.5;
    background-color: rgba(0, 0, 0, 0.03);
    cursor: pointer;
  }
  .login-page .login-page-container .login-page-container-body div {
    margin-bottom: 15px;
  }
  .login-page footer {
    padding: 4px;
    background-color: white;
  }
  .login-page footer img {
    padding: 0;
  }
  .login-page footer img.sdNordLogo {
    height: 32px;
  }
  .login-page footer * {
    padding: 4px;
  }
  
  .loginTextbox, .card.loginTextbox, .tooltip .loginTextbox.tooltiptext {
    align-items: center;
    justify-content: center;
    align-content: center;
    display: flex;
    margin: 20px;
    background: rgba(235, 25, 43, 0.5);
    width: 98%;
    padding: 16px;
    max-width: 425px;
  }
  .loginTextbox > p, .card.loginTextbox > p, .tooltip .loginTextbox.tooltiptext > p {
    color: whitesmoke;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
  }
  
  .flex-row {
    display: flex;
    flex-direction: row;
  }
  
  .flex-column {
    display: flex;
    flex-direction: column;
  }
  
  .flex-wrap {
    flex-wrap: wrap;
  }
  
  .align-items-center {
    align-items: center;
  }
  
  .flex-space-between {
    justify-content: space-between;
  }
  
  .flex-space-around {
    justify-content: space-around;
  }
  
  .flex-space-evenly {
    justify-content: space-evenly;
  }
  
  .align-items-flex-end {
    align-items: flex-end;
  }
  
  .align-items-flex-start {
    align-items: flex-start;
  }
  
  .align-items-unset {
    align-items: unset;
  }
  
  .card, .tooltip .tooltiptext {
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    padding: 16px;
  }
  .card.full-card, .tooltip .full-card.tooltiptext {
    width: 100%;
  }
  .card.no-shadow, .tooltip .no-shadow.tooltiptext {
    box-shadow: none;
  }
  
  .card-collection {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    justify-content: center;
  }
  .card-collection .card, .card-collection .tooltip .tooltiptext, .tooltip .card-collection .tooltiptext {
    max-width: 100%;
    margin: 10px;
    overflow: auto;
    height: 300px;
    flex-grow: 1;
  }
  .card-collection .card .cardHeader, .card-collection .tooltip .tooltiptext .cardHeader, .tooltip .card-collection .tooltiptext .cardHeader {
    height: 10%;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
  }
  .card-collection .card .cardHeader .cardHeaderText, .card-collection .tooltip .tooltiptext .cardHeader .cardHeaderText, .tooltip .card-collection .tooltiptext .cardHeader .cardHeaderText {
    color: #666;
    font-weight: 700;
  }
  .card-collection .card .cardBody, .card-collection .tooltip .tooltiptext .cardBody, .tooltip .card-collection .tooltiptext .cardBody {
    height: 90%;
    overflow: auto;
    display: flex;
    justify-content: center;
  }
  .card-collection .card .cardBody .cardTable, .card-collection .tooltip .tooltiptext .cardBody .cardTable, .tooltip .card-collection .tooltiptext .cardBody .cardTable {
    max-height: 100%;
    height: 0px;
    display: table;
  }
  
  .tooltip {
    position: unset;
  }
  .tooltip table {
    overflow: visible;
  }
  .tooltip .tooltiptext {
    position: absolute;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    display: none;
    background-color: white;
    z-index: 20;
  }
  .tooltip:hover .tooltiptext {
    display: block;
  }
  
  .change-role-container {
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: auto;
  }
  .change-role-container .change-role-item {
    padding: 8px 16px;
    text-align: center;
  }
  
  .list-pager {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background-color: #f6f6f6;
  }
  .list-pager > div {
    padding: 8px;
  }
  
  .Theme-Common-Progressbar {
    background-image: url("https://secure.sdnord.de/fluidas/fluidasweb3/images/fluidas/waiting.gif");
    background-size: 128px 128px;
    background-position: center center;
    width: 100%;
    height: 128px;
    margin: 50px auto;
    background-repeat: no-repeat;
  }
  
  .glyphicons {
    vertical-align: middle;
  }
  
  table.Theme-ListView-List {
    width: 100%;
    border-collapse: collapse;
  }
  table.Theme-ListView-List .glyphicons {
    font-size: 16px;
    padding: 0px 2px;
  }
  table.Theme-ListView-List .Theme-ListView-OddLine {
    background-color: #F6F6F6;
  }
  table.Theme-ListView-List .Theme-ListView-EvenLine {
    background-color: #FFFFFF;
  }
  table.Theme-ListView-List .Theme-ListView-tblCheck {
    width: 50px;
    text-align: center;
  }
  table.Theme-ListView-List .Theme-ListView-SumLine {
    font-size: 14px;
    font-weight: bold;
  }
  table.Theme-ListView-List .Theme-ListView-tblNumber {
    text-align: right;
    width: 40px;
    padding-right: 10px;
  }
  table.Theme-ListView-List thead tr:hover {
    background-color: unset;
  }
  table.Theme-ListView-List th.Theme-ListView-List {
    text-align: left;
    font-weight: normal;
    padding-left: 4px;
    padding-right: 4px;
    height: 26px;
  }
  table.Theme-ListView-List td.Theme-ListView-List {
    text-align: left;
    padding-left: 4px;
    padding-right: 4px;
    height: 30px;
  }
  table.Theme-ListView-List tr:nth-child(even) {
    background-color: #FFFFFF;
  }
  table.Theme-ListView-List tr:nth-child(odd) {
    background-color: #F6F6F6;
  }
  table.Theme-ListView-List tr.Theme-ListView-tblHeader {
    background-color: #DFDFDF !important;
  }
  table.Theme-ListView-List tr:hover {
    background-color: #999999;
  }
  table.Theme-ListView-List tr table tr:nth-child(even), table.Theme-ListView-List tr table tr:nth-child(odd) {
    background-color: unset;
  }
  table.Theme-ListView-List tr table tr:hover {
    background-color: unset;
  }
  table.Theme-ListView-List tr.Theme-ListView-List {
    font-size: 12px;
  }
  table.Theme-ListView-List tr.Theme-ListView-List:hover {
    background-color: #999999;
  }
  
  .Theme-Legend {
    display: flex;
    gap: 20px;
    padding: 10px;
    background-color: #DFDFDF;
  }
  .Theme-Legend .Theme-Legend-Item {
    display: flex;
    align-items: center;
  }
  .Theme-Legend .Theme-Legend-Item .Theme-Legend-Symbol {
    width: 10px;
    aspect-ratio: 1;
    border-radius: 50%;
    margin-inline: 5px;
  }
  .Theme-Legend .Theme-Legend-Item .Theme-Legend-Symbol.Green {
    background-color: #48a43f;
  }
  .Theme-Legend .Theme-Legend-Item .Theme-Legend-Symbol.Yellow {
    background-color: #ffaa00;
  }
  .Theme-Legend .Theme-Legend-Item .Theme-Legend-Symbol.Red {
    background-color: #ff0000;
  }
  .Theme-Legend .Theme-Legend-Item .Theme-Legend-Symbol.Grey {
    background-color: #999999;
  }
  .Theme-Legend .Theme-Legend-Item .Theme-Legend-Symbol.Lime {
    background-color: #b2d437;
  }
  
  table.Theme-Controls-Widget {
    border-bottom: 1px dotted silver;
    width: 100%;
  }
  table.Theme-Controls-Widget:hover {
    background-color: #CCCCCC;
  }
  table.Theme-Controls-Widget td.Theme-Controls-Description1 {
    text-align: left;
    font-weight: bold;
    vertical-align: top;
    font-size: 8pt;
  }
  table.Theme-Controls-Widget td.Theme-Controls-Description2 {
    width: 5%;
    text-align: right;
  }
  table.Theme-Controls-Widget td.Theme-Controls-DataControl {
    width: 60%;
    text-align: left;
    font-size: 8pt;
  }
  table.Theme-Controls-InsertUpdate {
    text-align: left;
    width: 100%;
    font-size: 10px;
  }
  
  span.Theme-Controls-Description2 {
    font-weight: bold;
    color: Red;
    font-size: 10px;
    cursor: default;
  }
  
  span.Theme-Controls-TinyMCE:hover {
    cursor: pointer;
    font-weight: bold;
  }
  
  .Controls-Widgets-Table-File-DropZone {
    background-color: #FF6D6D;
    color: white;
    padding: 10px;
    display: flex;
    align-items: center;
    border-radius: 8px;
  }
  .Controls-Widgets-Table-File-DropZone > div {
    margin-right: 12px;
  }
  
  .Controls-Widgets-Table-File-Files, .Controls-Widgets-Table-Bilder {
    width: 100%;
    border-collapse: collapse;
  }
  .Controls-Widgets-Table-File-Files tr, .Controls-Widgets-Table-Bilder tr {
    border-bottom: 1px solid black;
  }
  .Controls-Widgets-Table-File-Files tr:last-child, .Controls-Widgets-Table-Bilder tr:last-child {
    border-bottom: none;
  }
  .Controls-Widgets-Table-File-Files td, .Controls-Widgets-Table-Bilder td {
    padding: 3px;
  }
  
  .Theme-Common-StateMeasurement, .Theme-Custom-CompletePosition, .Theme-Custom-PositionCompleted, .Theme-Custom-StorageUndershot, .Theme-Custom-StorageOK, .Theme-Custom-NoStorage, .Theme-Custom-StoreIn, .Theme-Custom-StoreOut, .Theme-Custom-Inventory, .Theme-Custom-Order, .Theme-Common-ArticleType-Fluid, .Theme-Common-ArticleType-Additiv, .Theme-Common-ArticleType-Service, .Theme-Common-ArticleType-Material {
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
  }
  
  .Theme-Common-StateMeasurement {
    background-image: url("https://secure.sdnord.de/fluidas/fluidasweb3/images/fluidas/signaltowersearch16.png");
  }
  
  .Theme-Custom-CompletePosition {
    background-image: url("https://secure.sdnord.de/fluidas/fluidasweb3/images/fluidas/home16.png");
  }
  
  .Theme-Custom-PositionCompleted {
    background-image: url("https://secure.sdnord.de/fluidas/fluidasweb3/images/fluidas/home ok16.png");
  }
  
  .Theme-Custom-StorageUndershot {
    background-image: url("https://secure.sdnord.de/fluidas/fluidasweb3/images/fluidas/disable16.png");
  }
  
  .Theme-Custom-StorageOK {
    background-image: url("https://secure.sdnord.de/fluidas/fluidasweb3/images/fluidas/enable convex16.png");
  }
  
  .Theme-Custom-NoStorage {
    background-image: url("https://secure.sdnord.de/fluidas/fluidasweb3/images/fluidas/disabledisabled16.png");
  }
  
  .Theme-Custom-StoreIn {
    background-image: url("https://secure.sdnord.de/fluidas/fluidasweb3/images/fluidas/add green16.png");
  }
  
  .Theme-Custom-StoreOut {
    background-image: url("https://secure.sdnord.de/fluidas/fluidasweb3/images/fluidas/remove (delete) red16.png");
  }
  
  .Theme-Custom-Inventory {
    background-image: url("https://secure.sdnord.de/fluidas/fluidasweb3/images/fluidas/make favorite yellow16.png");
  }
  
  .Theme-Custom-Order {
    background-image: url("https://secure.sdnord.de/fluidas/fluidasweb3/images/fluidas/new16.png");
  }
  
  .Theme-Common-ArticleType-Fluid {
    background-image: url("https://secure.sdnord.de/fluidas/fluidasweb3/images/fluidas/chemical16.png");
  }
  
  .Theme-Common-ArticleType-Additiv {
    background-image: url("https://secure.sdnord.de/fluidas/fluidasweb3/images/fluidas/chemicaladd16.png");
  }
  
  .Theme-Common-ArticleType-Service {
    background-image: url("https://secure.sdnord.de/fluidas/fluidasweb3/images/fluidas/gloves16.png");
  }
  
  .Theme-Common-ArticleType-Material {
    background-image: url("https://secure.sdnord.de/fluidas/fluidasweb3/images/fluidas/nutandbolt16.png");
  }
  
  .Theme-Controls-ConfigError {
    font-style: italic;
    color: #FF0000;
  }
  
  .ui-autocomplete {
    font-size: 10pt;
    width: 300px;
  }
  .ui-autocomplete font {
    font-size: 10pt;
  }
  .ui-autocomplete a {
    font-size: 0pt;
  }
  
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: #FFFFFF;
  }
  
  .ui-state-default a, .ui-state-default a:link, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-widget-header {
    color: #666666;
    text-decoration: none;
  }
  
  .ui-corner-all, .ui-corner-top, .ui-corner-bottom, .ui-corner-right, .ui-corner-left, .ui-corner-br, .ui-corner-tl {
    border: none;
    border-radius: 0;
  }
  
  .ui-widget {
    font-family: Arial, Helvetica, sans-serif;
  }
  .ui-widget input {
    max-width: 100%;
  }
  .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: inherit;
  }
  
  .ui-widget-header {
    background-color: #DFDFDF;
  }
  
  .ui-widget-content {
    color: #666666;
  }
  .ui-widget-content a {
    color: #eb192b;
  }
  
  .ui-tabs .ui-tabs-nav li a {
    background-color: #F6F6F6;
  }
  .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    background-color: #FFFFFF;
  }
  
  .ui-accordion {
    max-width: 350px;
    width: auto;
    background-color: #FFFFFF;
    background-image: none;
    font-size: 24px;
  }
  .ui-accordion .ui-accordion-content {
    overflow: hidden;
    background-image: none;
  }
  
  .Theme-Actions-AccordionContent, .Theme-Filter-AccordionContent, .Theme-Export-AccordionContent, .Theme-Sort-AccordionContent {
    padding: 0px 0px 1em 0px !important;
    height: auto !important;
  }
  .Theme-Actions-AccordionContent div, .Theme-Filter-AccordionContent div, .Theme-Export-AccordionContent div, .Theme-Sort-AccordionContent div {
    padding: 0px 0px 0px 0px !important;
    margin: 3px 5px;
  }
  .Theme-Actions-AccordionContent table, .Theme-Filter-AccordionContent table, .Theme-Export-AccordionContent table, .Theme-Sort-AccordionContent table {
    padding: 0px 0px 0px 0px !important;
    margin: 3px 5px;
    font-size: 0.8em;
    border-collapse: collapse;
  }
  .Theme-Actions-AccordionContent table td, .Theme-Filter-AccordionContent table td, .Theme-Export-AccordionContent table td, .Theme-Sort-AccordionContent table td {
    border-bottom: 1px dotted gray;
  }
  .Theme-Actions-AccordionContent table tr:last-child td, .Theme-Filter-AccordionContent table tr:last-child td, .Theme-Export-AccordionContent table tr:last-child td, .Theme-Sort-AccordionContent table tr:last-child td {
    border-bottom: none;
  }
  .Theme-Actions-AccordionContent table div:first-child, .Theme-Filter-AccordionContent table div:first-child, .Theme-Export-AccordionContent table div:first-child, .Theme-Sort-AccordionContent table div:first-child {
    font-style: italic;
  }
  
  .Theme-Filter-Special, .Theme-Filter-Column {
    background-color: #FF8E84;
  }
  
  .Theme-Filter-IsFiltered {
    color: #F00023 !important;
    font-weight: bold;
  }
  
  .Theme-Sort-CurrentSorting {
    font-weight: bold;
    display: block;
    width: auto;
    font-size: 12px;
  }
  
  header {
    background-color: #FFF;
    color: #eb192b;
    position: relative;
  }
  header a {
    color: #eb192b;
  }
  header a:hover {
    color: #eb7d31;
  }
  header .header-top-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 1.4em;
    position: relative;
  }
  header .header-top-bar::after {
    content: none;
    height: 6px;
    width: 100%;
    background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
    position: absolute;
    bottom: -6px;
  }
  header .header-top-bar .header-logo {
    width: 400px;
    height: 40px;
    max-width: 100%;
    margin: 20px;
    flex-grow: 1;
  }
  header .header-top-bar .header-logo img {
    height: 100%;
    width: auto;
    max-width: 100%;
  }
  header .header-top-bar .header-title {
    display: none;
    flex-grow: 1;
    padding: 16px;
  }
  header .header-top-bar .header-bar-actions {
    display: flex;
    align-items: center;
  }
  header .header-top-bar .header-bar-actions > div {
    padding: 16px;
    position: relative;
  }
  header .header-top-bar .header-bar-actions .tooltiptext {
    visibility: hidden;
    background-color: #DFDFDF;
    color: #666666;
    font-size: 14px;
    border-radius: 3px;
    padding: 5px 5px;
    position: static;
    opacity: 0;
    transition: opacity 0.3s;
    width: auto;
  }
  header .header-top-bar .header-bar-actions .header-customer:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }
  header .header-top-bar .header-bar-actions .header-roles .tooltiptext {
    position: absolute;
    right: 0;
    bottom: -16px;
    white-space: nowrap;
  }
  header .header-top-bar .header-bar-actions .header-roles:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }
  header .header-menu {
    color: #292929;
    background-color: transparent;
    padding-top: inherit;
  }
  header .header-menu a {
    color: #292929;
  }
  header .header-menu a:hover {
    color: #eb7d31;
  }
  header .header-menu .Theme-Menu {
    height: auto;
    padding: 0px;
    margin: 0px;
  }
  header .header-menu .Theme-Menu ul {
    display: inline-block;
    padding: 0;
    margin: 0 0 4px 0;
  }
  header .header-menu .Theme-Menu ul li {
    float: left;
    list-style: none;
  }
  header .header-menu .Theme-Menu ul li .Theme-Menu-MenuItem:hover .Theme-Menu-DropTop {
    display: block;
  }
  header .header-menu .Theme-Menu ul li .Theme-Menu-MenuItem > span,
  header .header-menu .Theme-Menu ul li .Theme-Menu-MenuItem > a {
    line-height: 30px;
    padding: 8px 8px 13px 8px;
    border-radius: 4px 4px 0 0;
    cursor: default;
    color: #292929;
  }
  header .header-menu .Theme-Menu ul li .Theme-Menu-MenuItem > span:hover,
  header .header-menu .Theme-Menu ul li .Theme-Menu-MenuItem > a:hover {
    color: #eb7d31;
    background-color: #f2f2f2;
  }
  header .header-menu .Theme-Menu ul li .Theme-Menu-MenuItem > a {
    cursor: pointer;
    padding: 8px;
    border-radius: 4px;
  }
  header .header-menu .Theme-Menu ul li .Theme-Menu-MenuItem .Theme-Menu-DropTop {
    position: absolute;
    z-index: 500;
    display: none;
  }
  header .header-menu .Theme-Menu ul li .Theme-Menu-MenuItem .Theme-Menu-DropTop .Theme-Menu-DropContent {
    background-color: #f2f2f2;
    position: absolute;
    z-index: 500;
    font-weight: normal;
    border-radius: 8px;
  }
  header .header-menu .Theme-Menu ul li .Theme-Menu-MenuItem .Theme-Menu-DropTop .Theme-Menu-DropContent ul li {
    width: 250px;
  }
  header .header-menu .Theme-Menu ul li .Theme-Menu-MenuItem .Theme-Menu-DropTop .Theme-Menu-DropContent ul li a {
    color: #292929;
  }
  header .header-menu .Theme-Menu ul li .Theme-Menu-MenuItem .Theme-Menu-DropTop .Theme-Menu-DropContent ul li a:hover {
    color: #eb7d31;
  }
  header .header-menu .Theme-Menu ul li .Theme-Menu-MenuItem .Theme-Menu-DropTop .Theme-Menu-DropContent ul li a.Theme-Menu-SubItem {
    display: block;
    padding-left: 10px;
    line-height: 25px;
  }
  header .breadcrump-menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: rgba(0, 0, 0, 0.2);
    color: #292929;
  }
  header .breadcrump-menu a {
    color: inherit;
  }
  header .breadcrump-menu .breadcrump-menu-home {
    position: relative;
    padding: 3px 5px;
    margin-right: 16px;
  }
  header .breadcrump-menu .breadcrump-menu-home::after {
    content: "";
    position: absolute;
    right: -18px;
    top: 8px;
  }
  header .breadcrump-menu .breadcrump-menu-item {
    padding: 8px 6px;
  }
  header .breadcrump-menu .breadcrump-menu-home::after,
  header .breadcrump-menu .breadcrump-menu-splitter {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 6px solid #bdbdbd;
    margin: 0 10px;
    border-radius: 10px;
  }
  
  .main-content-container {
    display: flex;
  }
  .main-content-container .main-content, .main-content-container #wrapper {
    max-width: 100%;
    flex-grow: 1;
    overflow: hidden;
  }
  .main-content-container .main-content .table-wrapper, .main-content-container #wrapper .table-wrapper {
    width: 100%;
    overflow: auto;
  }
  .main-content-container .main-content .table-wrapper table, .main-content-container #wrapper .table-wrapper table {
    width: 100%;
    display: table;
    overflow: initial;
  }
  .main-content-container .main-content table, .main-content-container #wrapper table {
    display: block;
    overflow-x: auto;
  }
  .main-content-container .main-content table tbody, .main-content-container #wrapper table tbody {
    width: 100%;
  }
  .main-content-container .main-content table table, .main-content-container #wrapper table table {
    overflow: unset;
  }
  .main-content-container .main-toolbar {
    width: 250px;
  }
  .main-content-container .main-toolbar div a, .main-content-container .main-toolbar div button {
    display: block;
    margin: 3px 5px;
  }
  .main-content-container .main-toolbar .glyphicons {
    font-size: 16px;
  }
  .main-content-container .main-toolbar .Theme-Actions-Image, .main-content-container .main-toolbar .Theme-Filter-Image, .main-content-container .main-toolbar .Theme-Export-Image, .main-content-container .main-toolbar .Theme-Sort-Image {
    height: 16px;
    padding-right: 5px;
    border: none;
  }
  .main-content-container .main-toolbar .Theme-Actions-Link, .main-content-container .main-toolbar .Theme-Filter-Link, .main-content-container .main-toolbar .Theme-Export-Link, .main-content-container .main-toolbar .Theme-Sort-Link {
    cursor: pointer;
    text-decoration: none;
    width: auto;
    font-size: 12px;
  }
  
  footer {
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    color: #9d9d9d;
    background-color: #e9e9e9;
  }
  footer a {
    color: #eb192b;
  }
  footer > :first-child {
    text-align: left;
    padding-right: 8px;
  }
  footer > :last-child {
    text-align: right;
    padding-left: 8px;
  }
  
  .report {
    max-width: 1300px;
    margin: auto;
  }
  .report header {
    background-color: #FFF;
    color: #262626;
  }
  .report header::before {
    content: none;
  }
  .report .flex-row button {
    margin: 0 8px;
  }
  .report .main-content-container {
    padding: 0 16px;
  }
  .report #qrcode_div {
    padding-block: 4px;
  }
  .report table, .report table.Theme-ListView-List {
    font-size: 10pt;
    margin-bottom: 8px;
    border-color: #DDD;
  }
  .report table thead tr, .report table.Theme-ListView-List thead tr {
    background-color: #FFF;
  }
  .report table th, .report table.Theme-ListView-List th {
    border: 1px solid #DDD;
  }
  .report table th > div, .report table.Theme-ListView-List th > div {
    margin: 6px 0;
  }
  .report table tr.hidden-row, .report table.Theme-ListView-List tr.hidden-row {
    display: none;
  }
  .report table tr td, .report table.Theme-ListView-List tr td {
    padding: 2px;
  }
  .report table tr td.wert, .report table.Theme-ListView-List tr td.wert {
    font-weight: bold;
  }
  .report table tr td.ampel, .report table.Theme-ListView-List tr td.ampel {
    width: 5px;
  }
  .report table tr td.yellow-cell, .report table tr td.red-cell, .report table.Theme-ListView-List tr td.yellow-cell, .report table.Theme-ListView-List tr td.red-cell {
    background-color: #FF9900;
    color: white;
    padding: 8px;
  }
  .report table tr td.red-cell, .report table.Theme-ListView-List tr td.red-cell {
    background-color: #DC3912;
  }
  .report table .gauge, .report table.Theme-ListView-List .gauge {
    display: flex;
    justify-content: center;
  }
  .report table .gauge table, .report table.Theme-ListView-List .gauge table {
    width: auto;
  }
  .report table table td, .report table.Theme-ListView-List table td {
    padding: 0 4px;
  }
  
  @media (max-width: 1024px) {
    .report .main-content-container {
      padding: 0 16px;
    }
    .main-content-container .main-content .tooltip .tooltiptext {
      left: 0;
      margin-left: 0;
    }
  }
  @media (max-width: 768px) {
    header .header-top-bar {
      flex-direction: column;
    }
    header .header-top-bar .header-logo {
      margin: 10px auto;
      display: flex;
      justify-content: center;
    }
    header .header-top-bar .header-bar-actions {
      overflow: auto;
      width: 100%;
      justify-content: center;
      padding-bottom: 16px;
    }
    .main-content-container {
      flex-direction: column;
    }
    .main-content-container .main-toolbar {
      width: auto;
    }
    .ui-accordion {
      max-width: 100%;
    }
    .ui-accordion .ui-widget-content {
      padding: 16px;
    }
    .ui-accordion .ui-widget-content a {
      padding: 12px 0;
    }
    .ui-dialog {
      width: 100% !important;
      left: 0 !important;
      right: 0 !important;
      padding: 0;
    }
  }
  @media (max-width: 425px) {
    .report .main-content-container {
      padding: 0 8px;
    }
    .card-collection .card, .card-collection .tooltip .tooltiptext, .tooltip .card-collection .tooltiptext {
      width: 100%;
    }
    .change-role-container {
      flex-direction: column;
    }
    .list-pager {
      justify-content: center;
    }
    footer {
      flex-direction: column;
    }
    footer #service,
    footer #view {
      text-align: center;
      padding: 8px;
    }
  }
  @media print {
    footer {
      display: none;
    }
    .report {
      background-color: #FFF;
    }
    .report button {
      display: none;
    }
    .report * {
      overflow: visible !important;
    }
    table.Theme-ListView-List tr td, table.Theme-ListView-List tr th {
      border: 1px solid #000 !important;
    }
  }/*# sourceMappingURL=theme-settings.css.map */


/* FÜR LANDING PAGE */

  body{
    min-height: 100vh;
    background-image: url("resources/background2.jpg");
    background-attachment: fixed;
    background-size: cover;
}
.header-top-bar{
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0px 1px 5px #0008;
    row-gap: 20px;
}
.header-top-bar > * {
    flex-basis: 33.3%;
    flex-shrink: 1;
}
.header-top-bar > .text{
    text-align: center;
    flex-grow: 1;
    font-size: 2.5rem;
}
.header-top-bar > .language{
    text-align: end;
}
header h1, header > h3{
    margin: 0;
    color: #333;
}
.logo{
    display: flex;
    align-items: center;
}
.logo > span{
    font-size: 2rem;
    font-weight: 600;
    color: #111;
    padding-left: 2px;
}
main{
    padding-block-end: 50px;
}
footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    box-shadow: 0px -1px 5px #0003;
}
.description{
   padding: 20px 50px 1px 50px;
   font-size: 1.5rem;
    box-sizing: border-box;
}
.description a{
  display: block;
  text-align: center;
  margin-block: 1em;
}
.toggleVisibility.hidden{
  display: none;
}
.toggleVisibility.show{
  display: block;
  animation: expand .2s;
}
.toggleVisibility.hide{
  animation: collapse .2s forwards;
}
@keyframes expand {
  0%{font-size: 0px;}
  100%{font-size: 1.5rem;}
}
@keyframes collapse {
  0%{font-size: 1.5rem;}
  100%{font-size: 0px;}
}

.description ul{
  /* list-style-type: '+ '; */
  margin: 0;
}
.description ul li{
  margin-bottom: 5px;
}
.description > p{   
    line-height: 1.3;
}
.appDownload{
    display: flex;
    gap: 40px;
}
.appDownload > div{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.appDownload > div > a > img{
    width: 120px;
    height: 44px;
    
}
.mainContainer{
    width: 50%;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}
.links{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-block: 60px;
    gap: 10px;
  }
button.primary, button.secondary{
  border-radius: 10px;
  font-size: 1.4rem;
  box-shadow: 1px 1px 4px #0005;
  border: none;
  padding: 10px;
  width: 100%;
}
button.secondary{
  background: #ffffff;
  color: red;
}
button.primary{
  background: red;
  color: white;
}
.card{
    box-sizing: border-box;
}
.box{
    background-color: #fffc;
    box-shadow: 0px 1px 4px #0005;
}

.slideShow{
  display: flex;
  justify-content: center;
  z-index: 0;

  background-color: black;
  border-radius: 40px;
  border: solid 10px black;
  border-width: 30px 10px;
  box-shadow: 1px 1px 5px #0005; /*Normaler Schatten*/
  box-shadow: 6px 6px 0px #333, 1px 1px 5px #0005; /*3D Effekt*/
}
.owl-carousel{
  width: 350px;
}
.owl-stage-outer{
  overflow: hidden;
  border-radius: 5px;
}
.owl-nav{
  display: flex;
  justify-content: space-between;
  width: 380px;
  max-width: 100vw;
  position: absolute;
  transform: translate(-15px, -350px);
}
.owl-nav > button{
  font-size: 3rem !important;
  background-color: white !important;
  color: red !important;
  /* padding: 20px !important; */
  border-radius: 10px;
  box-shadow: 1px 1px 4px #0005;
  width: 30px;
}
.owl-dots{
  padding-top: 10px;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}
.owl-dots > .owl-dot{
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: darkgray !important;
}
.owl-dots > .owl-dot.active{
  background-color: white !important;
  transform: scale(1.5);
}

.owl-dots{
  display: none;
}


div.arrow{
    height: 20px;
    width: 20px;
    
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    border-right: solid 20px red;

    filter: drop-shadow(1px 1px 4px #0004);
    margin-inline: 0px 5px;
}
div.arrow.right{
    border-right: none;
    border-left: solid 20px red;
    margin-inline: 5px 0px;
}
.hover{
    cursor: pointer;
}


@media all and (max-width: 1000px) {
    .header-top-bar > .text{
      font-size: 1.5rem;
    }
    .mainContainer{
        width: 100%;
        flex-direction: column;
    }
    .slideShow{
      max-width: 370px;
      margin-inline: auto;
    }
    .logo > img{
      height: 30px;
    }
    .logo > span{
      font-size: 1.5rem;
    }
}

@media all and (max-width: 380px) {
  .header-top-bar > .text{
    font-size: 1.5rem;
  }
  .mainContainer{
      width: 100%;
      flex-direction: column;
  }
  .owl-carousel{
    width: 280px;
  }
  .owl-nav{
    width: 310px;
  }
  .slideShow{
    max-width: 300px;
    margin-inline: auto;
  }
  .slideShow img{
    max-width: 280px !important;
  }
  .logo > img{
    height: 30px;
  }
  .logo > span{
    font-size: 1.5rem;
  }
}