.poogle {
    font-family: 'Product Sans', Arial, sans-serif;
    font-weight: bold;
  }
  .poogle .p1 { color: #4285F4; }
  .poogle .o1 { color: #EA4335; }
  .poogle .o2 { color: #FBBC05; }
  .poogle .g  { color: #4285F4; }
  .poogle .l  { color: #34A853; }
  .poogle .e  { color: #EA4335; }

#sender{
text-align:left;
width:230px;
float:right;
}

.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.align-right_2 {
text-align: right;
width: 90%;
}

.copy{
font-size:15px;
text-align: left;
vertical-align: middle;
display: none;
}


.text_left{
text-align:left;
}

  .hover-text {
    position: relative;
    display: inline-block;
  }

  .hover-text::after {
    content: attr(data-hover);
    position: absolute;
    left: 0;
    bottom: 100%;
    white-space: nowrap;
    display: none;
    padding: 5px 10px;
    margin-bottom: 5px;
    background-color: yellow;
    border: 1px solid #333;
    border-radius: 5px;
    z-index: 1;
  }

  .hover-text:hover::after {
    display: inline;
  }

.container_ck {
    display: flex;
    justify-content: space-between;
}

#empfaenger{
padding-top:200px;

}

#profidetails{
height:auto;
border-bottom:1.5px solid black;
}

#datum{
text-align:right;
}



table{
width: 100%;

}


.td02 {
    mso-border-top-alt:solid windowtext .5pt;
    mso-background-themecolor:background1;
    padding:0cm 3.5pt 0cm 3.5pt;height:14.4pt;
        vertical-align: text-top;

}

.text-down {
vertical-align: bottom
}

tr.items {
    mso-border-top-alt:solid windowtext .5pt;
/* line-height: 10px;*/



}

.datum{
    width:11%;

}
.bezeichnung {
width:71%;
word-wrap: normal;
}
.anzahl{
text-align:center;
width:6%;
}

.sujet_name{
width:30%;
}

.betrag{
text-align:right;
width:13%;
}

.endbetrag{
    border-top: 1pt solid black;
    text-align:right
}
.agb {
font-size: 7.5pt;
text-align = "justify"
}

.shade{
    mso-background-themeshade:242;
    background:#F2F2F2;
}


	ol {
  counter-reset: item;
}
ol li {
  display: block;

}
ol li:before {
  content: counters(item, ".") " - ";
  counter-increment: item
}

@media print {
    .pagebreak { page-break-before: always; } /* page-break-after works, as well */
    
    /* Reduce font sizes for print to fit more content */
    body, div, p, td {
        font-size: 11pt !important;
        line-height: 1.2 !important;
    }
    
    h1 {
        font-size: 16pt !important;
        margin-bottom: 10pt !important;
    }
    
    /* Table headers should be bold and properly aligned */
    .header {
        font-weight: bold !important;
        text-align: center !important;
        background-color: #f0f0f0 !important;
        border-bottom: 1pt solid black !important;
        padding: 4pt !important;
    }
    
    /* Specific header alignments */
    .header.datum {
        text-align: center !important;
    }
    
    .header.bezeichnung {
        text-align: left !important;
    }
    
    .header.anzahl {
        text-align: center !important;
    }
    
    .header.betrag {
        text-align: right !important;
    }
    
    /* Table cell improvements */
    .td02 {
        font-size: 10pt !important;
        padding: 3pt !important;
        vertical-align: top !important;
    }
    
    /* Sender and recipient sections */
    #sender {
        font-size: 9pt !important;
    }
    
    #empfaenger {
        font-size: 11pt !important;
        padding-top: 180pt !important;
    }
    
    #datum {
        font-size: 10pt !important;
    }
    
    /* Bank details smaller */
    #bankdetails {
        font-size: 8pt !important;
    }
    
    /* AGBs even smaller for legal text */
    .agb {
        font-size: 6pt !important;
        line-height: 1.1 !important;
    }
    
    /* Ensure proper page margins */
    @page {
        margin: 2cm 1.5cm;
        size: A4;
    }
    
    /* Hide unnecessary elements for print */
    .no-print {
        display: none !important;
    }
    
    /* Optimize table layout */
    table {
        width: 100% !important;
        border-collapse: collapse !important;
    }
    
    /* Ensure signature doesn't break across pages */
    img {
        page-break-inside: avoid !important;
    }
    
    /* Additional layout optimizations */
    #main {
        width: 100% !important;
    }
    
    /* Optimize endbetrag section */
    .endbetrag {
        font-weight: bold !important;
        border-top: 1.5pt solid black !important;
    }
    
    /* Better spacing for invoice items */
    tr.items td {
        padding: 2pt 3pt !important;
    }
    
    /* Ensure proper column widths are maintained */
    .datum {
        width: 11% !important;
        min-width: 60pt !important;
    }
    
    .bezeichnung {
        width: 71% !important;
        min-width: 200pt !important;
    }
    
    .anzahl {
        width: 6% !important;
        min-width: 40pt !important;
    }
    
    .betrag {
        width: 13% !important;
        min-width: 70pt !important;
    }
    
    /* Avoid breaking table rows */
    tr {
        page-break-inside: avoid !important;
    }
}