/*
:root {
    --rot: #ef4444;
    --gelb: #eab308;
    --gruen:#90c258;
    --blau:rgb(44, 175, 254);

    --hellgrau:#f0f0f0;
    --text:rgb(3, 7, 18);
    --title-fontsize: 20px;
    --body-fontsize: 16px;
    --hint-fontsize:14px;
    --textgrau: #888;
  }
*/
:root {
  --rel-text-color: rgba(0,0,0,0.5);
  --rel-border-color: rgba(0,0,0,0.2);
  --infofeld-bg:#edf0f2;
  --infofeld-bg-lighter:#fafafa;
  --infofeld-bg-darker:#e3e3e3;
  --kachel-border-radius: 10px;
--dashboard-font-size:16px;
--kachel-headline-size: 20px;
--kachel-h3-size:16px;


--gelb: #eab308;
--rot: #ef4444;
--gruen: #90c258;

--gelb-transp: #eab30833;
--rot-transp: #ef444433;
--gruen-transp: #90c25833;
}


.datafield{
    display:inline-block;
}

.elementor-widget-text-editor ol,
.elementor-widget-text-editor ul{
    margin-bottom:1.2em;
}

.kachel-container .kachel-header[data-kat]:before, .datenkachel .kachel-header[data-kat]:before{
    top:-3px;
}
/* grundätzliche neue styles */
.am_dashboard .elementor-element,
.am_dashboard .elementor-element .elementor-widget-container,
.am_dashboard{
   /* color:var(--rel-text-color); */
    font-size:var(--dashboard-font-size);
}

/* anderes Kachel-deign */
body .kachel,
.kachel-acc details,
body .kachel-container{
    border-radius:var(--kachel-border-radius) !important;
}

body .kachel h3,
body .kachel-container h3{
    font-size:var(--kachel-h3-size);
    font-weight:500 !important;
    color:#000;
}


#sidebar .nav li+li>a,
#sidebar .nav li,
.nav.dashboard-nav li{
    border:none !important;
}

.kachel-header h2{
    font-weight:500 !important;
    width:auto;
    font-size: var(--kachel-headline-size) !important;
}

.kachel-header{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}
.kachel-header[data-kat='performance']:before{
    height: 25px !important;
    top: -2px !important;
    left:-2px !important;
    mask-size:contain !important;
   -webkit-mask-size:contain !important;
}
.kachel-header .subtitle{
    color:var(--rel-text-color);
    width: 100%;
    font-size:var(--dashboard-font-size);
}

.kachel-header.info-feld h3,
.kachel-header.info-feld h2{

    text-transform:none !important;
}

.kachel-header.info-feld{
    margin-top:3px;
}

.e-n-tabs{
        gap: 0 !important;
}

.info-felder.elementor-widget-n-accordion details,
.einzelwert-container.layout-info-box,
.e-n-tab-title,
.info-feld{
    text-transform:none !important;
    padding:12px 18px 13px 52px !important;
    background:var(--infofeld-bg-lighter) !important;
    border-radius:var(--kachel-border-radius) !important;
    border: 1px solid var(--rel-border-color) !important;
    transition: all 0.2s ease;
}

.kachel-container .info-felder.elementor-widget-n-accordion details,
.kachel-container .einzelwert-container.layout-info-box,
.kachel-container .e-n-tab-title,
.kachel-container .info-feld{
    background: var(--infofeld-bg-lighter)  !important;
}

.e-n-tab-title{
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}

.info-felder.elementor-widget-n-accordion details{
    padding-left: 18px !important;
    margin-bottom:20px !important;
}
.info-felder.elementor-widget-n-accordion details>div,
.info-felder.elementor-widget-n-accordion details>summary{
    border:none !important;
}

.info-feld a:focus,
.info-feld a:hover,
.info-feld a{
    color:inherit !important;
}

.e-n-accordion-item-title-text{
    font-weight:500 !important;
}

.info-felder.elementor-widget-n-accordion details strong{
    color:var(--text);
}

.info-felder.elementor-widget-n-accordion details a:not(.glossary-only-link){
    text-decoration:underline !important;
    font-size:inherit !important;
}

body .e-n-tab-title:hover,
body .e-n-tab-title{
    border-bottom-left-radius:0px !important;
    border-bottom-right-radius:0px !important;
    border-bottom:none !important;
    z-index:10;
}

.e-n-tabs-content>.elementor-element[role='tabpanel']>.kachel-container{
    border-top-left-radius:0px !important;
}


.e-n-tab-title[aria-selected="true"]{
       background:#FFFFFF !important; 
       bottom:-2px;
}
.e-n-tab-title{
    padding:12px 18px 13px 18px !important;
}

.e-n-tab-title:hover{
  background:#fcfcfc !important;
}

.kachel-header.info-feld{
    padding:0px 12px 0px 50px;
}

.info-feld.text-left{
    padding-left:18px  !important;
}




.kachel-container .kachel-header.info-feld:before,
.info-feld:before{
    content: " ";
    mask-image:url(./resources/img/info-i.svg);
    -webkit-mask-image:url(./resources/img/info-i.svg);
    mask-repeat:no-repeat;
    mask-position:center top;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center top;
    background:#000;
    opacity:0.8;
    width:24px;
    height:24px;
    display:block;
    position: absolute;
    top: 12px;
    left:16px;
    mask-size:contain;
    -webkit-mask-size:contain;
}

.kachel-container .kachel-header.info-feld:before{
    top: 19px !important;
}


.kachel-header.info-feld.text-below p.subtitle{
    margin-left: -34px;
    width: calc(100% + 34px);
}

.info-feld .chart-title{
    margin-bottom:10px;
}
.kachel-container .kachel-header.info-feld[data-kat='potentiale']:before,
.kachel-header.info-feld[data-kat='potentiale']:before{
    mask-image:url(./resources/img/arrow-trending-up.svg);
    -webkit-mask-image:url(./resources/img/arrow-trending-up.svg);
}

.kachel-container .kachel-header.info-feld[data-kat='extern-link']:before,
.kachel-header.info-feld[data-kat='potentiale']:before{
    mask-image:url(./resources/img/extern-link-icon.svg);
    -webkit-mask-image:url(./resources/img/extern-link-icon.svg);
}

.kachel-header[data-kat='onpage_seo']:before,
.kachel-header[data-kat='seo']:before,
.kachel-header[data-kat='geo']:before,
.kachel-header[data-kat='auffindbarkeit']:before {
    mask-image:url(./resources/img/seo-icon.svg) !important;
    -webkit-mask-image:url(./resources/img/seo-icon.svg) !important;
}

.kachel-container .kachel-header[data-kat='info']:before, 
.datenkachel .kachel-header[data-kat='info']:before {
    mask-image:url(./resources/img/info-i.svg);
    -webkit-mask-image:url(./resources/img/info-i.svg);
}


a>.kachel-header h2,
a>.kachel-header h3,
a>.kachel-header h4,
a>.kachel-header h5,
a>.kachel-header p{
  text-decoration:none;  
}

a:hover>.kachel-header.info-feld{
    border-color:rgba(0,0,0,0.4) !important;
}

a.no-underline{
    text-decoration:none !important;
}

.subvalue-container,
.date-container{
    display:flex;
    white-space:nowrap;
}
.subvalue-container>.subvalue-label,
.date-container>label{
    position:relative;
    line-height:1.2em;
}

.subvalue-container .subvalue-einheit,
.subvalue-container>.subvalue,
.kachel .date-container .value-field,
.date-container>.value-field{
    font-weight:500;
    color:#000;
}

.subvalue-container>.subvalue+.subvalue-einheit{
    margin-left:-3px;
}
.subvalue-container>.subvalue-label:before,
.date-container>label:before{
    content: " ";
    display:inline-block;
    mask-image:url(./resources/img/info-i.svg);
    -webkit-mask-image:url(./resources/img/info-i.svg);
    mask-repeat:no-repeat;
    mask-position:center top;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center top;
    background:var(--rel-text-color);
    opacity:0.8;
    width:20px;
    height: 1.2em;
    margin-right:3px;
    position: relative;
    top: 3px;
    left:0px;
    mask-size:contain;
    -webkit-mask-size:contain;
}

.date-container>label:before{
    mask-image:url(./resources/img/icon-calendar.svg);
    -webkit-mask-image:url(./resources/img/icon-calendar.svg);
}

.kachel.tacho .alert-icon{
    width: 44px;
    height:44px;
    position: absolute;
    margin-top:-50px;
    left:calc(50% - 22px);
    background:#fefefe;

    content: "";
 
    display:block;

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

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

}

.chart-container.tacho[alert-score='1'] .alert-icon{
mask-image:url(./resources/img/icon-ok.svg);
-webkit-mask-image:url(./resources/img/icon-ok.svg);
    background:var(--gruen);
}

.chart-container.tacho[alert-score='2'] .alert-icon{
    mask-image:url(./resources/img/icon-warnung.svg);
    -webkit-mask-image:url(./resources/img/icon-warnung.svg);
    background:var(--gelb);
}

.einzelwert-container[data-value="3"]:not([data-dyn-level-set=""]) .daten-header-value-container:before,
.chart-container.tacho[alert-score='3'] .alert-icon{
mask-image:url(./resources/img/alert-icon-warning-triangle.svg);
    mask-image:url(./resources/img/alert-icon-warning-triangle.svg);
    background:var(--rot);
}

.einzelwert-container.layout-info-box .daten-header-value-container{
    padding-left:25px;
}

.einzelwert-container.layout-info-box  .icon-header-container .daten-header-value-container{
    padding-left:5px;
}

.green-text,
.einzelwert-container.layout-info-box[data-value="1"] .daten-header-value-container{
    color:var(--gruen);
}
.yellow-text,
.einzelwert-container.layout-info-box[data-value="2"] .daten-header-value-container{
    color:var(--gelb);
}
.red-text,
.einzelwert-container.layout-info-box[data-value="3"] .daten-header-value-container{
    color:var(--rot);
}

.green-border{
    border-color:var(--gruen) !important;
}
.yellow-border{
    border-color:var(--gelb)  !important;
}
.red-border{
    border-color:var(--rot)  !important;
}

.green-bg{
    border-color:var(--gruen);
}
.yellow-bg{
    border-color:var(--gelb);
}
.red-bg{
    border-color:var(--rot);
}


.einzelwert-container .daten-header-value-container:before{
    position:relative;
    left:0;
}
.einzelwert-container:not(.info-feld) .daten-header-value-container{
    padding-left:0;
}


.einzelwert-container.layout-info-box{
    padding-left: 18px  !important;
}
.einzelwert-container.layout-info-box .daten-header-value-container{
    flex-wrap: wrap !important;
    
}

.einzelwert-container.layout-info-box .daten-header{
   width: calc(100% - 40px);
   font-weight:normal;
}


.einzelwert-container.layout-info-box .daten-header-value-container .wert-einheit-container{
    padding-left:0px !important;

}






.einzelwert-container.layout-info-box  .wert-einheit-container{
    padding-left:10px;
}


.green-bg,
.einzelwert-container.layout-info-box[data-value="1"]{
 background:var(--gruen-transp) !important;
}
.yellow-bg,
.einzelwert-container.layout-info-box[data-value="2"]{
 background:var(--gelb-transp) !important;
}
.red-bg,
.einzelwert-container.layout-info-box[data-value="3"]{
 background:var(--rot-transp) !important;
}




.einzelwert-container.layout-info-box[data-check-level="1"]{
    background:var(--gruen-transp) !important;
}
.einzelwert-container.layout-info-box[data-check-level="2"]{
    background:var(--gelb-transp) !important;
}
.einzelwert-container.layout-info-box[data-check-level="3"]{
    background:var(--rot-transp) !important;
}

.einzelwert-container.layout-big_value .wert-einheit-container{
    font-size:30px;
    font-weight:700;
}

.einzelwert-container.layout-big_value[data-check-level="1"]  .wert-einheit-container,
.einzelwert-container.layout-big_value[data-value="1"] .daten-header-value-container,
.einzelwert-container.layout-info-box[data-check-level="1"] .daten-header-value-container{
    color:var(--gruen) !important;
}
.einzelwert-container.layout-big_value[data-check-level="2"]  .wert-einheit-container,
.einzelwert-container.layout-big_value[data-value="2"] .daten-header-value-container,
.einzelwert-container.layout-info-box[data-check-level="2"] .daten-header-value-container{
    color:var(--gelb) !important;
}
.einzelwert-container.layout-big_value[data-check-level="3"]  .wert-einheit-container,
.einzelwert-container.layout-big_value[data-value="3"] .daten-header-value-container,
.einzelwert-container.layout-info-box[data-check-level="3"] .daten-header-value-container{
    color:var(--rot) !important;
}

.einzelwert-container.layout-big_value .kachel-alert-level{
    width:30px;
    height:30px;
    mask-size:30px auto;
    -webkit-mask-size:30px;
    margin-right:5px;
}




/* abweichende Styles nur für das Demo Dashboard */

.demo-dashboard .logo-container{
    display:none;
}

.demo-dashboard .logo-container+div,
.demo-dashboard .dashboard-logo-header{
    padding-left:0;
}



.website-property-container{
    padding-top:10px;
    padding-bottom:10px;
    display:flex;
}

.website-property-container *{
    position:relative;

}

.website-property-container+.website-property-container{
    border-top: 1px solid rgba(0,0,0,0.05);
}
.website-property-container .wpc-properties{
    width: calc(100% - 190px);
}

.website-property-container .wpc-row{
    display:flex;    
}
.website-property-container .wpc-properties label{
    display:inline-block;
    width:200px;
    line-height: 1.2em;
}
.website-property-container .wpc-properties .val{
      display:inline-block;
      width: calc(100% - 205px) ;
      font-weight:normal;
      line-height: 1.2em;
}
.website-property-container .wpc-title{
    font-size:120%;
    margin-bottom:5px;
}


.website-property-container .wpc-numurls{
    
}
.website-property-container .wpc-lastdate{
    display:flex;
    margin-top:5px;
}

.website-property-container .wpc-lastdate .timestamp{
    display:block;
}
.website-property-container .wpc-lastdate .update-info{
    display:block;
    font-size:14px;
    color:#888;
}

.website-property-container .wpc-functions{
    width:240px;
}

.website-property-container .wpc-functions a{
     width:230px;
}

.info-layer-container{
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(255,255,255,0.8);
    z-index:99999;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: center;
}

.info-layer{
    display:block;
    gap: 0;
    margin-top: 120px !important;
    background: #FFFFFF;
    border: none;
    position:relative;
    width: 600px !important;
      border-radius:20px;

    max-width: calc(100vw - 80px) !important;
    box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.10);
}

.info-layer:before{
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    top: -70px;
    right: 50px;

  
    display: flex;
    border: none;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.10);
    background: url(/wp-content/uploads/iscope-bildmarke.png) no-repeat center #FFF;
    background-size:80px auto;
    border-radius: 100%;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.info-layer .layer-header{
    font-weight:500;
    padding: 30px 30px 10px 30px;
    font-size:20px;
    overflow:hidden;
    color:#000000;
    background:#FFFFFF;
}

.info-layer .layer-footer{
	 padding: 0px 30px 30px 0px;
     text-align:right;
}

.info-layer .layer-footer a.button{
    cursor:pointer;
}

.info-layer a.closebutton{
    position: absolute; 
    font-size:30px; 
    line-height:10px; 
    top:10px; 
    right:12px;  
    color:#000; 
}

.info-layer .layer-content{
    font-weight: normal;
    padding: 20px 30px 30px 30px;
    overflow:hidden;
}

.info-layer .closebutton{
    color:#FFF;
}


/*Styles für Tabs*/

#custom-buttons .e-n-tab-title[aria-selected="true"] {
    background: #FFFFFF !important;
    bottom: 0px !important;
}

#custom-buttons .e-n-tabs-heading {
margin-bottom: 15px;
}

#custom-buttons .e-n-tab-title {
    padding: 5px 15px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
}

body #custom-buttons .e-n-tab-title {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-bottom: 1px solid  !important;
    
}

#custom-buttons .e-n-tabs-heading button:nth-child(4n+1)  {
    background-color: #FFBC0015 !important;
    color: #CE9800;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
    border-color: var(--e-global-color-823daee) !important;
    transition: all 0.3s;
}

#custom-buttons .e-n-tabs-heading button:nth-child(4n+1):hover  {
     background-color: var(--e-global-color-823daee) !important;
     color: #fff;
}

#custom-buttons .e-n-tabs-heading button:nth-child(4n+1) .e-n-tab-icon svg {
     fill: #CE9800!important;
}

#custom-buttons .e-n-tabs-heading button:nth-child(4n+1):hover .e-n-tab-icon svg {
     fill: #fff!important;
}

#custom-buttons .e-n-tabs-heading button:nth-child(4n+1)[aria-selected="true"]  {
     background-color: var(--e-global-color-823daee) !important;
     color: #fff;
}

#custom-buttons .e-n-tabs-heading button:nth-child(4n+1)[aria-selected="true"] .e-n-tab-icon svg {
     fill: #fff!important;
}






#custom-buttons .e-n-tabs-heading button:nth-child(4n+2)  {
     background-color: #055B8715 !important;
    color: var(--e-global-color-565815f);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
    border-color: var(--e-global-color-565815f) !important;
}

#custom-buttons .e-n-tabs-heading button:nth-child(4n+2):hover  {
     background-color: var(--e-global-color-565815f) !important;
     color: #fff;
}

#custom-buttons .e-n-tabs-heading button:nth-child(4n+2) .e-n-tab-icon svg {
     fill: var(--e-global-color-565815f)!important;
}

#custom-buttons .e-n-tabs-heading button:nth-child(4n+2):hover .e-n-tab-icon svg {
     fill: #fff!important;
}

#custom-buttons .e-n-tabs-heading button:nth-child(4n+2)[aria-selected="true"]  {
     background-color: var(--e-global-color-565815f) !important;
     color: #fff;
}

#custom-buttons .e-n-tabs-heading button:nth-child(4n+2)[aria-selected="true"] .e-n-tab-icon svg {
     fill: #fff!important;
}




#custom-buttons .e-n-tabs-heading button:nth-child(4n+3)  {
     background-color: #8FC15815 !important;
    color: var(--e-global-color-8f88e3d);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
    border-color: var(--e-global-color-8f88e3d) !important;
}

#custom-buttons .e-n-tabs-heading button:nth-child(4n+3):hover  {
     background-color: var(--e-global-color-8f88e3d) !important;
     color: #fff;
}

#custom-buttons .e-n-tabs-heading button:nth-child(4n+3) .e-n-tab-icon svg {
     fill: var(--e-global-color-8f88e3d)!important;
}

#custom-buttons .e-n-tabs-heading button:nth-child(4n+3):hover .e-n-tab-icon svg {
     fill: #fff!important;
}

#custom-buttons .e-n-tabs-heading button:nth-child(4n+3)[aria-selected="true"]  {
     background-color: var(--e-global-color-8f88e3d) !important;
     color: #fff;
}

#custom-buttons .e-n-tabs-heading button:nth-child(4n+3)[aria-selected="true"] .e-n-tab-icon svg {
     fill: #fff!important;
}




#custom-buttons .e-n-tabs-heading button:nth-child(4n+4)  {
     background-color: #FF574515 !important;
    color: var(--e-global-color-23ce395);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
    border-color: var(--e-global-color-23ce395) !important;
}

#custom-buttons .e-n-tabs-heading button:nth-child(4n+4):hover  {
     background-color: var(--e-global-color-23ce395) !important;
     color: #fff;
}

#custom-buttons .e-n-tabs-heading button:nth-child(4n+4) .e-n-tab-icon svg {
     fill: var(--e-global-color-23ce395)!important;
}

#custom-buttons .e-n-tabs-heading button:nth-child(4n+4):hover .e-n-tab-icon svg {
     fill: #fff!important;
}

#custom-buttons .e-n-tabs-heading button:nth-child(4n+4)[aria-selected="true"]  {
     background-color: var(--e-global-color-23ce395) !important;
     color: #fff;
}

#custom-buttons .e-n-tabs-heading button:nth-child(4n+4)[aria-selected="true"] .e-n-tab-icon svg {
     fill: #fff!important;
}