body .print-prewiew-functions button{
    display:inline-block; 
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    border-radius:5px;
    width:35px;
    height:35px;
    line-height:1.2em;
    padding:5px;
    text-align:center;
    margin-right:5px;
    background:#ffffff;
}


.kachel.iframe-container{
    padding:0 !important;
}
html.print-preview  .e-con>.e-con-inner,
body.print-preview  .e-con>.e-con-inner{
    max-width:100% !important;
}

html.print-preview body,
body.print-prewiew {
    border: 30px solid #e0e0e0;
}

body .print-prewiew-functions{
    position: fixed;
    top: 10px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 1px;
    border-radius: 5px;
    right: 10px;
    background: rgba(0, 0, 0, 0.1);
}

.fi-topbar{
    z-index:100;
}

body.print-prewiew{
    background-image :none !important;
    background:none !important;
}


body.print-preview .elementor-location-single>div,
body.print-preview .elementor-location-single>div>div,
body.print-preview .elementor-location-single{
    padding:0;
    margin:0;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
}


body.print-preview .elementor-location-single>div{
    padding-left:10px  !important;
    padding-right:10px !important;
}


body.print-preview .fi-header{
    position: relative;
}

body:not(.print-preview) .fi-header .report-logo{
    display:none;
}




body:not(.print-preview)  #btn-save,
body:not(.print-preview)  #btn-print{
    display:none;
}


#btn-print-mode-close{
    display:none;
}

body.print-preview  #btn-print-mode-close{
    display:inline-block;
}

body.print-preview header,
body.print-preview .fi-topbar-close-sidebar-btn,
body.print-preview .fi-topbar-open-sidebar-btn,
body.print-preview .fi-sidebar-close-overlay,
body.print-preview aside{
    display:none;
}

body.print-preview section.flex{
    padding-bottom:100px !important;
}


.druck-hinweis:before{
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    top: 3px;
    float: left;
    background: var(--textgrau);
    mask-image: url(../img/icon-info-leer.svg);
    mask-repeat: no-repeat;
    mask-size: 25px;
    mask-position: center;
    margin-right: 5px;
}


body.print-preview header{
    display:none;
}


body.print-preview main{
    background:#FFFFFF;
    max-width:100%;
    margin:0 auto;
}

body.print-preview:not(.wide) main{
    width:760px;
}

body.print-preview .octoboard-frame-container-outer .fi-wi-stats-overview-card:before{
    content:"Loading Data for print, please wait...";
    position: absolute;
    top:50%;
    left:50%;
    z-index:0;
    color:#000000;
    font-size:20px;
    transform: translateX(-50%);
}


body.print-preview .octoboard-frame-container-outer .fi-wi-stats-overview-card>*{
    position:relative;
    z-index:10;
}

body.print-preview .octoboard-frame-container{
    z-index:10;
}

/*
body.print-preview{
    transform-origin: top center;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
}
*/


/* steuerelemente */
.comments-container{
    margin-top:10px;
}

.comments-container .comments-functions{
    padding: 10px;
}




.comments-container textarea{
    width:100%;
    resize:vertical;
    height:auto;
    min-height:30px;
    border: 1px solid #e0e0e0;
    padding:10px;
    line-height:1.3em;
    font-size:16px;
    font-family:inherit !important;
    display:none;
}

.comments-container[data-comment-active="1"] textarea{
    display:block;
}


body.print-preview .comments-container[data-comment-active="1"][data-empty="0"]{
    margin-bottom:40px  !important;
}


label.option-field{
    position:relative;
    background:rgb(0,157,215);
    display:inline-block;
    border: 2px solid rgba(0,0,0,0);
    border-radius:24px;
    box-sizing:border-box;
    cursor:pointer;
    height:24px;
    width:44px;
    line-height:24px;
    font-size:16px;
    z-index:1;
    cursor:pointer;
    outline: 2px solid rgba(0,0,0,0);
}



label.option-field[switch-active='0']{
    background:#e0e0e0;
}

label.option-field>input{
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    opacity:0;
    z-index: 10;
    cursor:pointer;
}

body.print-preview #dashboard-sidebar{
    display:none !important;
}

label.option-field>input+.handle{
    width:20px;
    height:20px;
    z-index:2;
    display:block;
    border-radius:100%;
    background:#FFFFFF;
    border: 0px solid rgba(228,228,231);
    pointer-events:none;
    position: absolute;
    top:0;
    left:0;
    transition: all 0.2s ease;
}



label.option-field>input:checked+.handle{
    left:calc(100% - 20px);
}

label.option-field .label-text{
    margin-left: 45px;
    line-height:16px;
    padding-bottom:2px;
    position:relative;
    display:inline-block;
    color:#555;
    white-space:nowrap;
}

label.option-field>input:checked+.handle+.label-text.label-text-on+.label-text.label-text-off,
label.option-field>input:not(:checked)+.handle+.label-text.label-text-on{
    display:none;
}

body.print-preview.wide .octoboard-frame-container{
    overflow:hidden;
    border-radius:5px;
}
 body.print-preview iframe{
    margin-top:-80px;
 }


 .datenkachel[data-kat='web-analytics'] .chart-title:before, .ga-kachel[data-kat='web-analytics'] .chart-title:before, .datenkachel[data-kat='web-analytics'] .chart-title:before, .ga-kachel[data-kat='google-analytics'] .chart-title:before, .datenkachel[data-kat='google-analytics'] .chart-title:before, .datenkachel[data-kat='search-console'] .chart-title:before {
    display:none !important;
 }

#statusmeldung {position:fixed; background:#FFFFFF; z-index:99999; top:70px !important; font-size:14px !important;}

.title-comment{
    line-height: 1em;
    padding: 0;
    font-family: inherit;
    font-size: 66%;
    width: 534px;
    white-space: nowrap;
    margin-left: 10px;
    border: none !important;
    border: 1px solid #e0e0e0 !important;
    z-index:0;
}


/* page counter am ende der site einsetzen */
.page-counter{
    opacity:0;
    display:block;
    width:100%;
    height:0px;
    overflow:hidden;
}
body.print-preview .dashboard-logo-header.header-append,
body.print-preview .dashboard-logo-header.header-prepend{
    margin-left:0px;
    margin-right:0px;
    margin-bottom:30px;
    margin-top:0px;
    display:none;
}

body.print-preview .comments-container[data-page-break-after-active="1"]+.pagebreaker+.dashboard-logo-header.header-append,
body.print-preview .comments-container[data-page-break-before-active="1"] .dashboard-logo-header.header-prepend{
    display:flex;
}

body.print-preview .comments-container .page-breaker{
    display:none;
}


body.print-preview .comments-container[data-page-break-before-active="1"]>.pagebreaker.pb-before{
    display:block;
    width:120vw;
    margin-left:-10vw;
    height:20px;
    background:#e0e0e0;
    margin-top:30px;
    margin-bottom:20px;
    border-top: 1px dashed rgba(0,0,0,0.2);
    border-bottom: 1px dashed rgba(0,0,0,0.2);
}

body.print-preview .comments-container{
    height:auto;
    display:block;
    position:relative;
}
body.print-preview .comments-container[data-page-break-after-active="1"]+.pagebreaker.pb-after{
    display:block;
    width:120vw;
    margin-left:-10vw;
    height:20px;
    background:#e0e0e0;
    margin-top:20px;
    margin-bottom:20px;
    border-top: 1px dashed rgba(0,0,0,0.2);
    border-bottom: 1px dashed rgba(0,0,0,0.2);
}

body.print-preview .comments-container[data-page-break-before-active="1"] .pagebreaker.pb-before+.dashboard-logo-header.header-prepend,
body.print-preview .comments-container[data-page-break-after-active="1"]+.pagebreaker.pb-after+.dashboard-logo-header{
    page-break-before:always  !important;
}


.comment-text-p{
    padding-left:20px !important;
    padding-right:20px !important; 
}

.show-for-print{
    display:none;
}

.elementor-element.print-block>.e-con-inner,
.elementor-element.print-block{
    display:block !important;
}



@media print{
    

    body.print-preview .pagebreaker{
        background:none !important;
        border:none !important;
        width:100% !important;
        height:1px !important;
        display:block !important;
        float:none !important;
    }

    
    body.print-preview .dashboard-logo-header.header-append{
        margin-bottom:60px !important;
        padding-bottom: 60px !important;
    }

    
    body.print-preview .comments-container[data-page-break-before-active="1"]:before{
        margin-top:0px !important;
    }
    .comments-container{
        margin-top:0px;
    }

    .show-for-print{
        display:block;
        width:100%;
    }

    

     @page {
        size: A4; 
        counter-increment: page; 
        margin:0cm 0.5cm 2cm 1.5cm;
      }


      
    .dashboard-logo-header{
        position:relative;
        width:100%;
        margin-top:0px !important;
    }

    .dashboard-logo-header img{
        position: relative;
        margin-top:-25px;
    }
    
    .dashboard-logo-header picture,
    .dashboard-logo-header img{
        max-height:60px;
    }

      /* Stil der Seitenzahl definieren */
      /*
      @page:after {
        content: counter(page); 
        content: "dies ist der footer";
        position: fixed;
        bottom:0;
        right: 0px;
        left:0px;
        padding: 5cm;
        z-index:1000;
      }
      */

/* texte etwas größer machen */
    .e-grid{
        --e-con-grid-template-columns: repeat(3, 1fr) !important;
    }  
    
    .body.print-preview .comments-container[data-empty="1"]>*:not(.dashboard-logo-header),
    .comments-container[data-empty="1"] p.comment-text-p{
        height:0px !important;
        padding:0 !important;
        margin:0 !important;
        display:block;
        overflow:hidden !important;
    }

    html, body{
        position:relative;
        border:none !important;
    }

    body.print-preview{
        padding: 0 2cm;
        border:none !important;
    }
    html.print-preview,
    body.print-preview main{
        background:none !important;
    }
     
    html.print-preview,
    body.print-preview{
        padding:0px 0 0 0 !important;
        background-color:#FFFFFF;
    }

    body.print-preview{
        padding:30px 0 0 0 !important;
        z-index:-1;
    }

    .iframe-container{
        width:100vw;
        margin-left:-20px;
    }
  
    body.print-preview .elementor-location-single>div,
    body.print-preview .elementor-location-single>div>div,
    body.print-preview .elementor-location-single{
        padding:0;
        margin:0;
        
    }

    body.print-preview .comments-container[data-page-break-after-active="1"]:after,
    body.print-preview .comments-container[data-page-break-before-active="1"]:before{
        background:none;
        height:0px;
        overflow:hidden;
        border:none !important;
    }

    body.print-preview .comments-container textarea{
       
        min-height:0px !important;
        appearance:none;
        -webkit-appearance:none;
        resize: none;
       
        font-size:20px;
        line-height:1.3em;

        padding:10px 20px 0 20px;
        border:none;
        font-weight:normal;
        color:#333;

        
        overflow:visible;
        
        width:100% !important;
    }

    body.print-preview .comments-container textarea{
        height:25vh !important;
        display:none !important;
    }


    
   
  
    body.print-preview #statusmeldung,
    body.print-preview .comments-container .comments-functions,
    body.print-preview .comments-container[data-comment-active="0"]>*:not(.dashboard-logo-header):not(.pagebreaker),
    body.print-preview .comments-container[data-empty="1"]>*:not(.dashboard-logo-header):not(.pagebreaker),
    body.print-preview .dashboard-menu-container{
        display:none !important;
    }


  

    body.print-preview footer{
       display:none;
    }
}

@page {
    size: A4 portrait;
    margin-bottom:20px;  
    margin-top:30px; 
    padding-top:40px; 
    bleed: 7pt; 

}
@page {
 
    
    @bottom-left {
        content: counter(page) ' / blc ' counter(pages);
    }

  


    



}