* {
	box-sizing: border-box;
	font-family: Arial, sans-serif;
}
body {
	margin: 0;
	padding: 20px;
}
.invoice-container {
	margin: auto;
	background: #fff;
} 
.invoice-header {
	padding-bottom: 15px;
	margin-bottom: 0px;
	float: right;
}
.company-details {
	text-align: right;
}
.company-details div {
	font-size: 13px;
	line-height: 20px;
}
.invoice-top-details {
	margin-top: 5px;
	font-size: 13px;
	line-height: 20px;
	text-align: right;
}
.company-details h2 {
	margin: 0 0 10px 0;
	font-size: 13px;
	line-height: 20px;
	color: #333;
	line-height: 20px;
}
.invoice-title {
	font-size: 29px;
	line-height: 36px;
	font-weight: 500;
	color: #333;
	margin: 0 0 65px 0;
}
.invoice-info {
	margin-top: 10px;
	float: left;
}
.invoice-info div {
	font-size: 14px;
	line-height: 20px;
	color: #333;
}
.billing-details, .items {
	width: 100%;
	border-collapse: collapse;
}
.billing-details th, .billing-details td {
	padding: 10px 10px 10px 0;
	text-align: left;
}
.items {
	margin-top: 10px;
}

.totals {
	border-top: 1px solid #333;
}

.items tr.heading {
	border-bottom: 1px solid #333;
	text-align: left;
}
.items tr.heading th {
	padding: 4px;
	text-align: left;
	font-size: 13px;
	line-height: 20px;
}
.items td {
	border-left: 1px solid #333;
}
.billing-details td {
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	color: #333;
}
.items th {
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	border-width: 0 0 thin 0;
	border-color: #333
}
.items td,
.totals tr td {
	font-size: 13px;
	line-height: 20px;
	color: #333;
	border-width: 0;
}

.items td {
	padding: 3px 4px;
}

.totals tr td { 
	padding: 2px;
}


.items .total-row {
	font-weight: bold;
	background: #fff!important;
}
.items .first-row td{
	padding-top: 30px;
}
.footer {
	margin-top: 40px;
	font-size: 14px;
	color: #333;
}
.footer-zusatz-text {
	margin-top: 30px;
}
.invoice-container .logo {
	width: 160px;
	margin-bottom: 20px;
	position: absolute;
	top: 20px;
	right: 40px;
}
.items tbody tr td ul li {
	font-size: 14px;
	line-height: 20px;
}
.invoice-info-agentur {
	margin-bottom: 10px;
}
.invoice-info-agentur u {
	font-size: 10px!important;
}
.text-right {
	text-align: right !important;
}
.width-100 {
	width: 100%;
}

.clear {
	clear: both;
}

tr.zu-zahlender-betrag td {
	font-size: 17px;
	font-weight: bold;
}

.table-data-small {
	font-size: 11px;
	line-height: 18px;
}

.striped-table tbody tr:nth-child(even) {
  background-color: #F8F8F8;
}

@media print {
  	.striped-table tbody tr:nth-child(even) {
  		background-color: #F8F8F8!important;
   		-webkit-print-color-adjust: exact; /* ensures background prints in Chrome */
    	print-color-adjust: exact;
	}

	html {
    	-webkit-print-color-adjust: exact;
    	print-color-adjust: exact;
  	}

  	html, body {
    	filter: grayscale(100%);
  	}

}