:root {
    --rot: #ef4444;
    --gelb: #eab308;
    --gruen:rgb(22, 163, 74);
    --blau:#056d88;
    --blau-transp:#e6eff2;
    --hellgrau:#f0f0f0;
    --text:rgb(3, 7, 18);
    --title-fontsize: 20px;
    --body-fontsize: 16px;
    --hint-fontsize:14px;
    --textgrau: #888;
  }
  
  header,
  header>div{
    z-index:1000;
  }

  .am_dashboard h1{
    font-size:30px !important;

  }

  
   .wpc-functions .elementor-button{
    margin-bottom: 3px;
   }
   .wpc-functions .elementor-button:before{

    display: inline-block;
    position: absolute;
    line-height: 30px;
    font-size: 25px;
    top: 0px;
    left:10px;
    }
   .wpc-functions .elementor-button.button-unterseiten-hinzufuegen:before{
       content: "+";
       width:30px;
        margin-left:2px;
       font-weight:600;
  }

  .laufzeit-info{
    font-size:14px;
    display:block;
    color:#888;
  }
  .konto-laufzeit[data-alert-level="3"]{
    color:var(--rot);
  }
  .konto-laufzeit[data-alert-level="2"]{
    color:var(--gelb);
  }

 .wpc-functions .elementor-button{
    text-align:left;
    padding-left:35px !important;
 }
 .wpc-functions .elementor-button.button-aktualisieren:before{
    content: "";
    display:block;
    width:30px;
    height:30px;
    top:3px;
    margin-left:-5px;
    
    
       mask-image:url(./resources/img/icon-aktualisieren.svg);
    mask-repeat:no-repeat;
    mask-size:auto 16px;
    mask-position: center;

    -webkit-mask-image:url(./resources/img/icon-aktualisieren.svg);
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-size:auto 16px;
    -webkit-mask-position: center;

    background:#FFFFFF;
  }
  .wpc-functions .elementor-button.button-analyse-erstellen:before,
  .wpc-functions .elementor-button.button-zur-analyse:before{
     content: "";
    display:block;
    width:30px;
    height:36px;
    margin-left:-3px;
 
    transform:rotate(-90deg);
       mask-image:url(./resources/img/chevron-arrow.svg);
    mask-repeat:no-repeat;
    mask-size:auto 18px;
    mask-position: center;

    -webkit-mask-image:url(./resources/img/chevron-arrow.svg);
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-size:auto 18px;
    -webkit-mask-position: center;

    background:#FFFFFF;

   

    
  }

  .table-minimal{
    border:none !important;
    border-radius:5px;
  }

.table-minimal thead *,
    .table-minimal thead{
        border-top:none !important;
    }
  .table-minimal td{
    border:none;
    padding: 3px 8px;
    background:#FFF !important;
    
  }
.table-minimal tbody td{
    font-weight:normal;
}
.table-minimal td+td{
border-left: 1px solid rgba(0,0,0,0.05);
}

  .dashboard-headlines h1{
    margin-bottom:0;
    margin-top:0;
  }
  .dashboard-headlines h2{
    margin-top:0;
    font-weight:300;
    margin-bottom:3px;
  }

  .dashboard-headlines p{
    margin-bottom:0;
  }

.kachel-acc details,
.kachel-container,
.kachel{
    background: #FFFFFF;
    border-radius: 20px !important;
   
    position: relative;
    padding: 20px;
    height: 100%;
    line-height:1.2em;
    color: var(--text);
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}


/* accordeon Icons nach rechts */
summary.e-n-accordion-item-title .e-n-accordion-item-title-header{
    order:0;
}
summary.e-n-accordion-item-title .e-n-accordion-item-title-icon{
    order:1;
}
summary.e-n-accordion-item-title{
    justify-content: space-between !important;
    width:100%;
    
}

.kachel-acc details{
    padding:10px !important;
}

.kachel-acc.acc-info .e-n-accordion-item-title-text:before{
    content: "";
    width:20px;
    height:20px;
    min-width:20px;
    display:inline-block;
    position:relative;
    background:var(--textgrau);
    mask-image:url(./resources/img/icon-birne.svg);
    mask-repeat:no-repeat;
    mask-size:18px auto;
    mask-position: center;

    top:2px;
    -webkit-mask-image:url(./resources/img/icon-birne.svg);
    -webkit-mask-repeat:no-repeat;
   -webkit-mask-size:18px auto;
    -webkit-mask-position: center;

    background:#333;
}

.kachel-acc.kachel-acc-blau .e-n-accordion-item-title-text,
.kachel-acc.kachel-acc-blau details{
    background: var(--blau-transp);
    border-color:var(--blau);
    color:var(--blau) !important;
    padding: 0px !important;
}
.kachel-acc.kachel-acc-grau details{
    background: #FAFAFA;
    padding: 0px !important;
}



.kachel-acc.acc-info.kachel-acc-blau .e-n-accordion-item-title-text:before{
   background:var(--blau);
}

.kachel-acc.kachel-acc-blau details>summary,
.kachel-acc.kachel-acc-blau details>div[role="region"],
.kachel-acc.kachel-acc-grau details>summary,
.kachel-acc.kachel-acc-grau details>div[role="region"]{
    padding: 10px !important;
}


.kachel-acc details+details{
    margin-top:15px;
}

.kachel-acc.kachel-acc-blau details+details,
.kachel-acc.kachel-acc-grau details+details{
  margin-top:10px;
}

.kachel-container{
    padding:20px !important;
}

@media(max-width:1023px){
    .kachel-acc details,
    .kachel,
    .kachel-container{
        padding:10px;
    }

    .chart-container{
        margin-left:-10px;
        margin-right:-10px;
    }
}

.kachel.iframe-container{
width: 100%;
}
.kachel:not(.iframe-container){
    width: 100% !important;
}
.kachel-container .kachel{
    border:none !important;
    padding:0 !important;
}

.tabellen-kachel{
    max-height: none;
    flex-direction: column;
    align-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
}

.last-content{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; 
    align-items: flex-start;
    flex-wrap: nowrap;
}

.einzelwert-kachel .last-content{
    display:block;
    height:100%;
}


.kachel[data-value="null"],
.kachel[data-value="false"],
.kachel[data-value-msg*="no Value"]{
    opacity:0.4;
    pointer-events:none;
}

.kachel .kachel-detail-link:not([data-isset="1"]),
.kachel .kachel-detail-link[data-isset="0"],
.kachel[data-isset="0"]{
    display:none;
}


.kachel[data-value="null"] .date-container,
.kachel[data-value="false"] .date-container,
.kachel[data-value="0"] .date-container,
.kachel[data-value-msg*="no Value"] .date-container{
    display:none;
}


.kachel .kachel-values{
    min-height:2.4em;
}

.kachel .kachel-header{

        display: flex;
    flex-direction: row;
   flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}


.datenkachel .kachel-header>.chart-title{
    display:block;
    margin:auto !important;
}
.kachel .kachel-header .kachel-header-text{
    color: var(--text);
    font-size:20px;
    font-weight:600;
    line-height:1.2em;  
}

.datenkachel .kachel-header .kachel-header-text{
    margin-bottom: 16px;
    display: block;
}
.kachel .description {
    position: absolute;
    border:  1px solid rgba(0, 0, 0, 0.05);
    border-radius:5px;
    font-size:var(--hint-fontsize);
    padding:10px;
    background:var(--hellgrau);
    bottom:calc(100% + 5px);
    max-width:200px;
    opacity:0;
    z-index:99999;
    transition: all 0.2s ease;
    pointer-events:none;
}

.kachel .description:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: var(--hellgrau);
	border-bottom: 0;
	border-left: 0;
	margin-left: -10px;
	margin-bottom: -20px;
}

.kachel .kachel-header:hover+div+.description,
.kachel .kachel-header:hover+.description{
    opacity:1;
}

.kachel .description[data-isset='0']{
    display:none !important;
}

.kachel .kachel-body{
    font-size:var(--body-fontsize);
    font-weight:400;
}

.date-container{
    font-size:var(--hint-fontsize);
    color:#888;
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.kachel .kachel-body .alert-text{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}


.einzelwert-container .kachel-alert-level,
.einzelwert-container[data-dyn-level-set=""] .daten-header-value-container:before,
.kachel .kachel-body .alert-text:before{
    content: "";
    width:20px;
    height:20px;
    min-width:20px;
    display:inline-block;
    background:var(--textgrau);
    mask-image:url(./resources/img/icon-fragezeichen.svg);
    mask-repeat:no-repeat;
    mask-size:24px;
    mask-position: center;
}
.einzelwert-container[data-check-level="1"] .daten-header-value-container,
.benchmark-color[data-value="1"],
.kachel .kachel-body[data-value="1"] .alert-text{
    color:var(--gruen);
}
.benchmark-color a{
    text-decoration:underline;
}
.benchmark-color[data-value="1"] a{
    color:var(--gruen);
    text-decoration:underline;
}
.einzelwert-container .kachel-alert-level[data-value="1"],
.einzelwert-container[data-check-level="1"][data-dyn-level-set=""] .daten-header-value-container:before,
.kachel .kachel-body[data-value="1"] .alert-text:before{
    mask-image:url(./resources/img/icon-ok.svg);
    background:var(--gruen);
}

.einzelwert-container[data-check-level="2"][data-dyn-level-set=""] .daten-header-value-container,
.benchmark-color[data-value="2"],
.kachel .kachel-body[data-value="2"] .alert-text{
    color:var(--gelb);
}
.benchmark-color[data-value="2"] a{
    color:var(--gelb);
    text-decoration:underline;
}
.einzelwert-container .kachel-alert-level[data-value="2"],
.einzelwert-container[data-check-level="2"] .daten-header-value-container:before,
.kachel .kachel-body[data-value="2"] .alert-text:before{
    mask-image:url(./resources/img/icon-warnung.svg);
    background:var(--gelb);
}


.einzelwert-container .icon-header-container{
	display:flex;
}

.einzelwert-container .icon-header-container .daten-header-value-container{
	padding-left:10px;
}

.einzelwert-container .icon-header-container+.meldung-container{
	margin-top:5px;
}



.einzelwert-container[data-check-level="3"] .daten-header-value-container,
.benchmark-color[data-value="3"],
.kachel .kachel-body[data-value="3"] .alert-text{
    color:var(--rot);
}
.benchmark-color[data-value="3"] a{
    color:var(--rot);
    text-decoration:underline;
}

.einzelwert-container .kachel-alert-level[data-value="3"],
.einzelwert-container[data-check-level="3"] .daten-header-value-container:before,
.kachel .kachel-body[data-value="3"] .alert-text:before{
    mask-image:url(./resources/img/alert-icon-warning-triangle.svg);
    background:var(--rot);
}


.kachel .kachel-footer{
    margin-top:15px;
    position:relative;
    z-index:100;
    width:100%;
}
.kachel .date-container{
    color:var(--textgrau);
    font-size:var(--hint-fontsize);
}
.kachel .date-container label{
    color:var(--textgrau);
    font-size:var(--hint-fontsize);
}
.kachel .date-container .value-field{
    color:var(--textgrau);
    font-size:var(--hint-fontsize);
}

.kachel .kachel-detail-link{
    position: absolute;
    bottom:0px;
    right:50px;
    color:var(--textgrau);
    line-height:32px;
    text-decoration:underline;
    font-size:var(--hint-fontsize);
}
.kachel .hint-container{
    width: 32px;
    height:32px;
    position: absolute;
    bottom:-5px;
    right:10px;
    z-index:10;
    opacity:0.7;
}

.kachel .hint-container[data-isset="0"]{
    display:none !important;
}

.kachel .hint-container:before{
    content: "";
    width:32px;
    height:32px;
    display:inline-block;
    background:var(--textgrau);
    mask-image:url(./resources/img/icon-info.svg);
    mask-repeat:no-repeat;
    mask-size:25px;
    mask-position: center;
}

.kachel  .hint-container .hint {
    position: absolute;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    font-size: var(--hint-fontsize);
    padding: 10px;
    background: #000;
    color: #FFF;
    bottom: calc(100%);
    margin-left: -10px;
    transform: translateX(-95%);
    opacity: 0;
    z-index: 999999;
    width: auto;
    min-width: 320px;
    max-width: 60vw;
    transition: all 0.2sease;
    pointer-events: none;
}

.kachel  .hint-container .hint a{
    color:#FFF !important;
    text-decoration:underline;
    font-size:inherit !important;
}
.kachel .hint-container.active:before{
    background:#222;
}
.kachel .hint-container.active,
.kachel .hint-container:active,
.kachel .hint-container:focus,
.kachel .hint-container:focus-within,
.kachel .hint-container:hover {
    opacity:1;
}

.kachel .hint-container.active .hint,
.kachel .hint-container:active .hint,
.kachel .hint-container:focus .hint,
.kachel .hint-container:focus-within .hint,
.kachel .hint-container:hover .hint{
    opacity:1;
    pointer-events:all;
}

.kachel .hint-container .hint:after{
    content: '';
	position: absolute;
	bottom: 0;
	left: 95%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #000;
	border-bottom: 0;
	border-left: 0;
	margin-left: -5px;
	margin-bottom: -10px;
}



/* kachel varianten */

table.header-table{
    border:none;
    margin-bottom:0;
}
table.header-table tr,
table.header-table th,
table.header-table td{
    border:none;
    background:#FFF !important;
    font-size:var(--title-fontsize);
}

table.header-table th,
table.header-table td{
    padding: 5px !important;
}

table.header-table th,
table.header-table td.label{
    font-weight:500;
}

.kachel.gt-kachel .kachel-body .alert-text:before{
    mask-size: 20px;
    height:20px;
    width: 20px;
    min-width: 20px;
    mask-position: center top;
}

.kachel.gt-kachel .kachel-body .alert-text{
    justify-content: flex-start;
    align-items: flex-start;
}
.kachel.gt-kachel .kachel-header-text{
    font-size:var(--hint-fontsize);
    color:var(--textgrau);
    display:block;
}

.kachel.gt-kachel .kachel-header-value-text{
    color: var(--text);
    font-size:20px;
    font-weight:600;
    line-height:1.2em;  
}

li.dashboard-menu-item>a:hover,
li.dashboard-menu-item>a{
    padding: 13px 20px !important;
   
    font-size: 12px;
    font-weight: 200;
    font-style: normal;
    color:#000 !important;
    text-decoration: underline;
    line-height: 1.4em;
}
.iframe-container{
    overflow:hidden;
}


#statusmeldung{
    position: fixed;
    color: #000;
    background:#e0e0e0 !important;
    line-height: 1.2em;
    padding: 0;
    width: 300px;
    text-align: left;
    top: 65px !important;
    left: 50%;
    border: 1px solid #e0e0e0;
    transform: translateX(-50%);
    border-radius: 10px;
    padding: 10px 20px;
    display:none;
}

#statusmeldung:before{
    content: "Meldung";
    display:block;
    background: #fcfcfc;
    width:calc(100% + 40px);
    margin-left: -20px;
    margin-top:-10px;
    padding: 10px 20px;
    font-weight:500;
    margin-bottom:10px;
    text-align:left;
    display:none;
    position:relative;
}

.kachel .chart-container{
    width:100%;
}


.data-table .cell-compare{
    font-size:8px;
}

.cell-compare.cpos,
.cell-compare span.cpos{
    color:var(--gruen);
}
.cell-compare.cneg,
.cell-compare span.cneg{
    color:var(--rot);
}

.data-table td[class*="position" i] span.cneg{
    color:var(--gruen);
}
.data-table td[class*="position" i] span.cpos{
    color:var(--rot);
}

.data-table .compare-td{
    text-align:left;
}

.cat-kachel{
    position:relative;
}
.kachel-inner{
    display:block;
    position:relative;
    width:100%;
    height:100%;
}
.kachel-inner-flex{
    display:flex;
}
.kachel-inner-container{

}

.kachel-header,
.kachel-body,
.kachel-footer{
    width:100%;
}

.table-pager{
    text-align:right;
}

.alert-msg-table{
    border:none;
    width:100%;
}

.alert-kachel .alert-msg-table{
    margin-top:20px;
}

.alert-msg-table thead th{
    border:none;
    border-bottom: 1px solid #f0f0f0;
}
.alert-msg-table th, .alert-msg-table td{
    text-align:left;
    padding: 2px 5px;
    border-top:none !important;
    border-right:none !important;
}

.alert-msg-table th+th,
.alert-msg-table td+td{

}

.alert-msg-table .button.small-btn{
    background-color:none !important;
    color:inherit;
    padding:0;
    background:none !important;
    text-decoration:underline;
    font-weight: 400;
    font-size: 1rem;
}

.alert-msg-table .button.small-btn.close-btn{
    color:#008800 !important;
}

.alert-msg-table .button.small-btn.close-btn:before{
    content: "✓";
    display:inline-block;
    padding-right:4px;
}

.alert-msg-table .button.small-btn.del-btn{
    color:#880000 !important;
}

.alert-msg-table .button.small-btn.del-btn:before{
    content: "×";
    display:inline-block;
    padding-right:4px;
}
.alert-msg-table .button.small-btn.restore-btn{
    color:#0066ee !important;
}
.alert-msg-table .button.small-btn.restore-btn:before{
    content: "↺";
    display:inline-block;
    padding-right:4px;
}
.alert-msg-table .button:hover{
    opacity:0.7;
}


.alert-msg-table th{
    font-size:14px;
    font-weight:normal;
    color:#888;
}
.alert-msg-table tr{
    border:none;
}
.alert-msg-table .cell-status{
    border-right:none;
    border-left:none;
    border-top:none;
    width:38px;
}
.alert-msg-table .cell-functions{
    width:1%;
}
.alert-msg-table .cell-property_name,
.alert-msg-table .cell-closed_by,
.alert-msg-table .cell-datum{
    width:180px;
    border-left:none;
    padding-left:0px !important;
}


.alert-msg-table .cell-msg.msg-available>a{
    text-decoration:underline;
}
.alert-msg-table .cell-msg.msg-available>a:after{
    content: "?";
    font-size:10px;
    display:inline-block;
    width:15px;
    margin-left:8px;
    height:15px;
    font-weight:bold;
    line-height:15px;
    background:#888;
    color:#FFF;
    top:-2px;
    position:relative;
    border-radius:10px;
    text-align:center;
    padding:0;
}

.alert-msg-table tr td i.icon-status,
.alert-msg-table tr td i.icon-cat{
    display:inline-block;
    width:20px;
    height:20px;
    color:transparent;
    overflow:hidden;
    mask-repeat: no-repeat;
    mask-size: 20px auto;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 20px auto;
}
.alert-msg-table tr td i.icon-cat{
    mask-image: url("/wp-content/themes/iscope/resources/img/icon-info.svg");
    -webkit-mask-image: url("/wp-content/themes/iscope/resources/img/icon-info.svg"); 
}
.alert-msg-table tr td i.icon-status{
    width:0px;
    height:0px;
}
.alert-msg-table tr[data-categories*="technical"] td i.icon-cat{
    width:20px;
    height:20px;
    mask-image: url("/wp-content/themes/iscope/resources/img/icon-technical.svg");
    -webkit-mask-image: url("/wp-content/themes/iscope/resources/img/icon-technical.svg");
}
.alert-msg-table tr[data-categories*="security"] td i.icon-cat{
    width:20px;
    height:20px;
    mask-image: url("/wp-content/themes/iscope/resources/img/icon-security.svg"); 
    -webkit-mask-image: url("/wp-content/themes/iscope/resources/img/icon-security.svg"); 
}

.alert-msg-table td.cell-msg .message-body{
    display:none;
    position: fixed;
    top: 250px;
    width: 800px;
    max-width: 100%;
    max-height: calc(100vh - 300px);
    left: 50%;
    overflow:auto;
    z-index: 999999;
    transform:translateX(-50%);
    border: 1px solid #f0f0f0;
    border-radius:20px;
    padding: 20px;
    background:#FFFFFF;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}

.alert-msg-table td.cell-msg .message-body a.closebutton{
    position: absolute;
    top:10px;
    right:20px;
    width:20px;
    height:20px;
    line-height:20px;
    font-size:30px;
    color:#888;
}

.alert-msg-table td.cell-msg .message-body .mailheader{
    font-weight:bold;
}

.alert-msg-table td.cell-msg.show-message .message-body{
    display:block;
}

.alert-msg-table tr[data-categories*="data-protection"] td i.icon-cat{
    width:20px;
    height:20px;
    mask-image: url("/wp-content/themes/iscope/resources/img/icon-data-protection.svg");
    -webkit-mask-image: url("/wp-content/themes/iscope/resources/img/icon-data-protection.svg");
}

.alert-msg-table tr[data-categories*="error"] td i.icon-cat{
    width:20px;
    height:20px;
    background:var(--rot);
}
.alert-msg-table tr td i.icon-cat{
    background:#000;
}
.alert-msg-table tr[data-categories*="success"] td i.icon-cat{
    background:var(--gruen);
}
.alert-msg-table tr[data-categories*="warning"] td i.icon-cat{
    background:var(--gelb);    
}

.alert-msg-table tr[data-categories*="error"][data-status*="offen"] td i.icon-status,
.alert-msg-table tr[data-categories*="warning"][data-status*="offen"] td i.icon-status{
    mask-image: url("/wp-content/themes/iscope/resources/img/icon-alert.svg");
    -webkit-mask-image: url("/wp-content/themes/iscope/resources/img/icon-alert.svg");
    background:var(--rot);
}

.alert-msg-table tr[data-categories*="error"][data-status*="geschlossen"] td i.icon-status,
.alert-msg-table tr[data-categories*="warning"][data-status*="geschlossen"] td i.icon-status{
    mask-image: url("/wp-content/themes/iscope/resources/img/icon-ok.svg");
    -webkit-mask-image: url("/wp-content/themes/iscope/resources/img/icon-ok.svg");
    background:var(--gruen);
    width: 20px;
    position: absolute;
    height: 20px;
    left:14px;
}



.alert-kachel-couter-container{
    display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
        padding-left:12px;
        padding-right:12px;
        margin-bottom:30px;
}

.alert-kachel-couter-container>.kachel{
    width:calc(33.333333% - 15px) !important;
}

@media(max-width:1440px){
    .alert-kachel-couter-container>.kachel{
        width:calc(50% - 11px) !important;
    }
}

@media(max-width:699px){
    .alert-kachel-couter-container>.kachel{
        width:100% !important;
    }
}

.kachel.alert-kachel .alert-text-details{
    padding-left:40px;
}
.kachel.alert-kachel .alert-text-details>span{
    display:block;
}
.kachel.alert-kachel .alert-text-details>span.alert-text-num-errors{
    color:var(--rot);
}
.kachel.alert-kachel .alert-text-details>span.alert-text-num-warnings{
    color:var(--gelb);
}
.kachel.alert-kachel .alert-text-details>span.alert-text-num-success{
    color:var(--gruen);
}
.kachel.alert-kachel .alert-text-details>span.alert-text-num-messages{
    color:#000;
}


.kachel.alert-kachel .detail-link{
    position: absolute;
    bottom:0; 
    right:10px;
    font-size:14px;
    text-decoration:underline;
}

.kachel.alert-kachel  .date-container {
    gap:10px;
    display:block;
}
.kachel.alert-kachel  .kachel-header-text{
    cursor:help;
}
.kachel.alert-kachel  .kachel-header-text:after{
    content: "";
    width:20px;
    height:20px;
    min-width:20px;
    position:relative;
    top:3px;
    margin-left:10px;
    display:inline-block;
    background:var(--textgrau);
    mask-image:url(./resources/img/icon-fragezeichen.svg);
    mask-repeat:no-repeat;
    mask-size:20px;
    mask-position: center;
}

.einzelwert-container *{
    position:relative;
}
.einzelwert-container{
    position:relative;
    width:100%;
    display:flex;
    flex-direction:column;
}


.elementor-element[data-comp-rule="1"]:not(.field-hbv-checked),
.elementor-element[data-comp-rule="1"].hidden.hidden-by-value-rule,
.elementor-widget-ucaddon_api_datenfeld.hidden.hidden-by-value-rule,
.einzelwert-container[data-comp-rule="1"]:not(.field-hbv-checked),
.ucaddon_api_datenfeld.hidden,
.einzelwert-container.hidden{
    display:none !important;
}
.einzelwert-container .daten-header-value-container{
    width:100%;
    display:flex;
    flex-direction:row;
    width: 100%;
    display: flex;
        gap: 5px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    padding-left:20px;
}

.einzelwert-container .daten-header-value-container:before{
    width:20px;
    height:20px;
    mask-size:contain;
    position: absolute;
    left:-10px;
}


.einzelwert-container .daten-header-value-container .daten-header .kachel-header-text{
    font-weight:bold;
}
.einzelwert-container .daten-header-value-container .wert-einheit-container{
    display:flex;
    flex-direction:row;
    
}
.einzelwert-container .daten-header-value-container .wert-einheit-container .wert-container{
   
    text-align:right;
    padding-right:5px;
}
.einzelwert-container .daten-header-value-container .wert-einheit-container .einheit-container {
   
    text-align:left;
}

.einzelwert-container .meldung-container {
    display:block;

}



/*############################
 tacho 
#############################*/



.chart-container.tacho{
	position: relative;
    /* ansicht 1:1 */
	width:100% !important;
    height:auto !important;
    padding-top:100% !important;
    border-radius:100% !important;
	margin:0 auto;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e0f3fa+0,d8f0fc+50,b8e2f6+51,b6dffd+100;Shape+2+Style */
	background: none;
	pointer-events:none;
}
.chart-container.tacho.tacho-balken{
    padding-top: 0 !important;
    height: 80px !important;
}

.tacho .kachel-footer{
    margin-top:28px;
}

.tacho.tacho-balken .kachel-footer{
    margin-top:0;
}
.chart-container.tacho.tacho-balken.layout-schmal{
    height: 60px !important;
}



.chart-container.tacho.tacho-voll{
   margin-bottom:-20%;
}

.chart-container.tacho.tacho-halb{
	border-bottom-left-radius:0% !important;
	border-bottom-right-radius:0% !important;
	padding-top: 50% !important;
	    overflow: hidden;
}

.chart-container.tacho .edge-l{
	left:0;
	bottom:0;
}

.chart-container.tacho .edge-r{
	right:0;
	bottom:0;
}

.chart-container.tacho.tacho-halb .edge-r,
.chart-container.tacho.tacho-halb .edge-l,
.chart-container.tacho.tacho-halb .tacho-zeiger-justierung,
.chart-container.tacho.tacho-halb .tacho-inner{
	height:200%;
}

.chart-container.tacho.tacho-balken{
	border-radius:0% !important;
}

.chart-container.tacho .edge-r,
.chart-container.tacho .edge-l,
.chart-container.tacho .tacho-zeiger-justierung,
.chart-container.tacho .tacho-zeiger-outer,
.chart-container.tacho .tacho-zeiger,
.chart-container.tacho .tacho-inner{
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	top:0;
}

.chart-container.tacho .edge-r,
.chart-container.tacho .edge-l{
	position: absolute;
    bottom: -1px;
    left: 0px;
    right: 0px;
    top: 0px;
    transform-origin: center;
    transform: rotate(-128deg);
    background: url(./resources/img/round-edge-ro.png) no-repeat center top transparent;
	
	/* abh von balkendicke */
    background-size: 18px auto;
    background-position-x: calc(50% + 13px);
	/* abh von balkendicke */
	
    background-position-y: 0px;
}
.chart-container.tacho .edge-r{
    transform: rotate(128deg);
    background: url(./resources/img/round-edge-lo.png) no-repeat center top transparent;
	
	/* abh von balkendicke */
    background-size: 18px auto;
    background-position-x: calc(50% - 13px);
	/* abh von balkendicke */
	
	
    background-position-y: 0px;
}

.chart-container.tacho.tacho-halb .edge-r,
.chart-container.tacho.tacho-halb .edge-l{
	transform: rotate(-89deg);
	
	
	/* abh von balkendicke */
	background-size: 17px auto;
	/* abh von balkendicke */
	
	
	bottom: -1px;
    left: -3px;
    width: calc(100% + 6px);
	
    right: -2px;
    top: -1px;
	background-position-x: calc(50% + 3px);
	background-position-y: 0px;
}

.chart-container.tacho.tacho-halb .edge-r{
	transform: rotate(89deg) !important;
    right: -1px !important;
	background-position-x: calc(50% - 3px) !important;
}

.chart-container.tacho.tacho-balken .edge-r,
.chart-container.tacho.tacho-balken .edge-l{
transform: rotate(0deg);

/* abh von balkendicke */
    background-size: auto 20px;
	height: 20px;
/* abh von balkendicke */

	
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: auto;
    width: 100%;

    background-position-x: 3px;
    background-position-y: 0px;
}

.chart-container.tacho.tacho-balken .edge-r{
	background-position-x: calc(100% - 3px);
	background-position-y: 0px;
}



.chart-container.tacho .tacho-innenraum{
    position: absolute;
    background: #FFFFFF;
    border-radius: 100%;
    width: calc(100% - 120px);
    height: calc(100% - 120px);
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}


.chart-container.tacho.tacho-balken .tacho-innenraum{
    left: 0% !important;
    right: 0% !important;
    bottom: 0% !important;
    border-radius:0;
    top: 100%;
}






/* Maskieren */

.chart-container.tacho[data-skala="farbverlauf"] .tacho-inner{
	background:url(./resources/img/tacho-voll.png) no-repeat center top transparent;
	background-size:100% auto;
}
.chart-container.tacho.tacho-halb[data-skala="farbverlauf"] .tacho-inner{
	background:url(./resources/img/tacho-halb.png) no-repeat center top transparent;
	background-size:100% auto;
}

.chart-container.tacho[data-skala="farbschritte"] .tacho-inner{
	background:url(./resources/img/Voll_Tacho_Normal_Rainbow.svg) no-repeat center top transparent;
	background-size:100% auto;
}
.chart-container.tacho.tacho-halb[data-skala="farbschritte"] .tacho-inner{
	background:url(./resources/img/Halb_Tacho_Normal_Rainbow.svg) no-repeat center top transparent;
	background-size:100% auto;
}
.chart-container.tacho.layout-dick[data-skala="farbschritte"] .tacho-inner{
	background:url(./resources/img/Voll_Tacho_Fett_Rainbow.svg) no-repeat center top transparent;
	background-size:100% auto;
}
.chart-container.tacho.tacho-halb.layout-dick[data-skala="farbschritte"] .tacho-inner{
	background:url(./resources/img/Halb_Tacho_Fett_Rainbow.svg) no-repeat center top transparent;
	background-size:100% auto;
}
.chart-container.tacho.layout-schmal[data-skala="farbschritte"] .tacho-inner{
	background:url(./resources/img/Voll_Tacho_Schmal_Rainbow.svg) no-repeat center top transparent;
	background-size:100% auto;
}
.chart-container.tacho.tacho-halb.layout-schmal[data-skala="farbschritte"] .tacho-inner{
	background:url(./resources/img/Halb_Tacho_Schmal_Rainbow.svg) no-repeat center top transparent;
	background-size:100% auto;
}

.chart-container.tacho.tacho-balken .tacho-inner{
	background:url(./resources/img/tacho-balken.png) no-repeat center top transparent;
    background-size:100% auto;
	left:5px;
    right:5px;
    height:28px;
    border-radius:100px;
}

.chart-container.tacho.tacho-balken.layout-dick .tacho-inner{
    height:40px;
}

.chart-container.tacho.tacho-balken.layout-schmal .tacho-inner{
    height:13px;
}

.chart-container.tacho.tacho-balken[data-skala='farbschritte'] .tacho-inner{
	background-image:url(./resources/img/tacho-balken-colorsteps.png) !important;
}


.chart-container.tacho[data-skala='farbverlauf']:not(.tacho-balken) .tacho-inner,
.chart-container.tacho[data-skala='auto-farbe']:not(.tacho-balken) .tacho-inner,
.chart-container.tacho[data-skala='einfarbig']:not(.tacho-balken) .tacho-inner{
	mask-image:url(./resources/img/Voll_Tacho_Normal_Black.svg);
	mask-repeat:no-repeat;
	mask-position: center top;
	mask-size:99% auto;
	
	-webkit-mask-image:url(./resources/img/Voll_Tacho_Normal_Black.svg);
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-position: center top;
	-webkit-mask-size:99% auto;
}

.chart-container.tacho[data-skala='farbverlauf'].tacho-halb:not(.tacho-balken) .tacho-inner,
.chart-container.tacho[data-skala='auto-farbe'].tacho-halb:not(.tacho-balken) .tacho-inner,
.chart-container.tacho[data-skala='einfarbig'].tacho-halb:not(.tacho-balken) .tacho-inner{
	mask-image:url(./resources/img/Halb_Tacho_Normal_Black.svg);
	-webkit-mask-image:url(./resources/img/Halb_Tacho_Normal_Black.svg);
}


.chart-container.tacho[data-skala='farbverlauf'].layout-dick:not(.tacho-balken) .tacho-inner,
.chart-container.tacho[data-skala='auto-farbe'].layout-dick:not(.tacho-balken) .tacho-inner,
.chart-container.tacho[data-skala='einfarbig'].layout-dick:not(.tacho-balken) .tacho-inner{
	mask-image:url(./resources/img/Voll_Tacho_Fett_Black.svg);
	-webkit-mask-image:url(./resources/img/Voll_Tacho_Fett_Black.svg);
}

.chart-container.tacho[data-skala='farbverlauf'].tacho-halb.layout-dick:not(.tacho-balken) .tacho-inner,
.chart-container.tacho[data-skala='auto-farbe'].tacho-halb.layout-dick:not(.tacho-balken) .tacho-inner,
.chart-container.tacho[data-skala='einfarbig'].tacho-halb.layout-dick:not(.tacho-balken) .tacho-inner{
	mask-image:url(./resources/img/Halb_Tacho_Fett_Black.svg);
	-webkit-mask-image:url(./resources/img/Halb_Tacho_Fett_Black.svg);
}

.chart-container.tacho[data-skala='farbverlauf'].layout-schmal:not(.tacho-balken) .tacho-inner,
.chart-container.tacho[data-skala='auto-farbe'].layout-schmal:not(.tacho-balken) .tacho-inner,
.chart-container.tacho[data-skala='einfarbig'].layout-schmal:not(.tacho-balken) .tacho-inner{
	mask-image:url(./resources/img/Voll_Tacho_Schmal_Black.svg);
	-webkit-mask-image:url(./resources/img/Voll_Tacho_Schmal_Black.svg);
}
.chart-container.tacho[data-skala='farbverlauf'].tacho-halb.layout-schmal:not(.tacho-balken) .tacho-inner,
.chart-container.tacho[data-skala='auto-farbe'].tacho-halb.layout-schmal:not(.tacho-balken) .tacho-inner,
.chart-container.tacho[data-skala='einfarbig'].tacho-halb.layout-schmal:not(.tacho-balken) .tacho-inner{
	mask-image:url(./resources/img/Halb_Tacho_Schmal_Black.svg);
	-webkit-mask-image:url(./resources/img/Halb_Tacho_Schmal_Black.svg);
}


.chart-container.tacho label{
	position: absolute;
    top: calc(50%);
    left: 50%;

    
    font-size: 50px;
    border-radius: 100%;
    background: #FFF;
        padding: 0.2em;
    z-index: 100;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	font-family: arial, sans-serif, verdana;
	line-height: 1em;
        height: 1em;
    color: var(--text) !important;

    text-align: center;
    font-weight: bold;
    transform: translate3d(-50%,-50%,0);
    -webkit-transform: translate3d(-50%,-50%,0);
}

.chart-container.tacho label .scorefield {
 height: 1em;
}

.chart-container.tacho.tacho-balken{
	overflow:visible;
}


.chart-container.tacho.tacho-balken label{
     top: calc(100% - 0.5em);
     background:rgba(255,255,255,0.8);
}

.chart-container.tacho.tacho-halb label{
       border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-bottom: 0px;
 top: calc(92% - 0.75em);
}

.chart-container.tacho:not(.tacho-balken) .tacho-zeiger-justierung{
	transform-origin:center;
	transform:rotate(-128deg);
}
.chart-container.tacho:not(.tacho-balken) .kachel-footer{
    margin-top:0px !important;
}

.chart-container.tacho.tacho-balken .tacho-zeiger-justierung{
      left: -50%;
      right:50%;
      top: 5%;
      margin-right:10px;
}


.chart-container.tacho .tacho-zeiger-justierung{
	bottom:0;
}


.chart-container.tacho.tacho-halb .tacho-zeiger-justierung{
	transform:rotate(-80deg);
}

.chart-container.tacho .tacho-zeiger-outer{
	transform-origin:center;
}

.chart-container.tacho .tacho-zeiger{
	transform-origin:center;
	background:url(./resources/img/tacho-zeiger.webp) no-repeat center top 0px transparent;
	background-size: 22px auto;
    transform:rotate(0);
	transition: all 1s ease;
}

.chart-container.tacho.tacho-balken .tacho-zeiger{
	transform-origin: center;
    background: url(./resources/img/caret-up.svg) no-repeat center top 0px transparent;
    background-size: 10px auto !important;
    transition: all 1s ease;
}


.chart-container.tacho[data-zeiger='kreis']:not(.tacho-balken) .tacho-zeiger{
	bottom: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
}


.chart-container.tacho[data-zeiger='kreis']:not(.tacho-balken).tacho-halb .tacho-zeiger-justierung{
    left:0px;
}

.chart-container.tacho[data-zeiger='kreis'] .tacho-zeiger,
.chart-container.tacho.tacho-balken[data-zeiger='kreis'] .tacho-zeiger{
	background:none !important;
}
.chart-container.tacho[data-zeiger='kreis'] .tacho-zeiger:after{
	content: "";
	left: calc(50% - 16px);
	position: absolute;
    width: 8.1%;
    height: 8.1%;
	background:#ffffffdd;
	border: 2px solid rgba(0, 0, 0, 0.5);
	border-radius:100%;
}


.chart-container.tacho.tacho-balken[data-zeiger='kreis'] .tacho-zeiger:after{
	content: "";
	margin-top:-1px;
	left: calc(50% - 10px);
	position: absolute;
	width:28px;
	height:28px;
	background:#FFF;
	border: 2px solid var(--textgrau);
	border-radius:100%;
}
.chart-container.tacho.tacho-balken[data-zeiger='kreis'].layout-dick .tacho-zeiger:after{
    left: calc(50% - -1px);
    width: 40px;
    height: 40px;
}

.chart-container.tacho.tacho-balken[data-zeiger='kreis'].layout-schmal .tacho-zeiger:after{
    left: calc(50% - -1px);
    width: 17px;
    height: 17px;
    background:#FFF;
    border: 2px solid rgba(0,0,0,0.5);
    top:-2px;
}


.chart-container.tacho[data-zeiger='kreis'].layout-dick .tacho-zeiger:after{
    width: 11.7%;
    height: 11.7%;
}
.chart-container.tacho[data-zeiger='kreis'].tacho-halb.layout-dick .tacho-zeiger:after{
    width: 13.1%;
    height: 13.1%;
}
.chart-container.tacho[data-zeiger='kreis'].layout-schmal .tacho-zeiger:after{
    width: 3.8%;
    height: 3.8%;
    background:#000;
    border:none;
}
.chart-container.tacho.tacho-balken .tacho-zeiger-justierung .tacho-zeiger{

    background-size: 15px 90%;
}


.chart-container.tacho>label>span:after{
    content: attr(einheit);
    position: absolute;
    left: 88%;
    bottom: 0px;
    display: block;
    overflow: visible;
    font-size: 50%;
    opacity: 0.2;
    line-height: 1.5em;
}



.chart-container.tacho>label>span[data-einheit-darstellung='normal']:after{
    content: attr(einheit);
    position: relative;
	display: inline;
    left: 0.2em;
    bottom: auto;
    top:auto;
	bottom:auto;
    font-size: inherit;
    opacity: 1;
    line-height: inherit;
}


.mini-layer{
    display:none;
    position: fixed;
    top:50%;
    transform:translateX('-50%') translateY('-50%');
    left:50%;
    width:300px;
    height:auto;
    background:#FFFFFF;
    padding: 20px;
    box-shadow: 10px 10px 7px rgba(0,0,0,0.2);
    border-radius:10px;
}

.mini-layer>label{
    font-size:20px;
    margin-bottom:4px;
    font-weight:bold;
}

span.ticket-notice{
    font-size:14px;
    color:#888;

}

.mini-layer .btn-abort{
    float:right;
}


.mini-layer.active{
    display:block;
}





.tacho.tacho-balken .kachel-header{
    margin-bottom: 5px;
    display: flex;
    padding-left:5px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}
.tacho .subvalue-container *{
    font-size: var(--hint-fontsize);
    color:var(--textgrau);
    margin-right:3px;
}


.tacho .subvalue-container{
    display: block;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}


.tacho.tacho-balken .kachel-header .chart-title{
    margin-bottom:0;
}



@keyframes tachozeiger{
	0%{ transform:rotate(0deg);}
	20%{ transform:rotate(2deg);}
	40%{ transform:rotate(0deg);}
	60%{ transform:rotate(-2deg);}
	80%{ transform:rotate(3deg);}
	100%{ transform:rotate(-3deg);}
}
	
@-webkit-keyframes tachozeiger{
	0%{ transform:rotate(0deg);}
	20%{ transform:rotate(2deg);}
	40%{ transform:rotate(0deg);}
	60%{ transform:rotate(-2deg);}
	80%{ transform:rotate(3deg);}
	100%{ transform:rotate(-3deg);}
}

table.array-table{
    border:none !important;
    border-collapse:collapse;
    position:relative;
}
table.array-table th,
table.array-table td{
    background:#FFFFFF !important;
    position:relative;
    text-align:left;
    padding: 3px 10px 3px 0px;
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-left:none !important;
    border-top:none !important;
}
table.array-table th{
    font-weight:500;
}
table.array-table--nested{
    border-collapse:collapse;
    margin-top:-3px;
    margin-left:0px;
    margin-right:-10px;
    width: calc(100% + 10px);
}

table.array-table--nested td,
table.array-table--nested th{
    padding-left:3px;
}

table.array-table--nested td{
    border-right:none !important;
}