body { font-family: Arial, sans-serif; line-height: 1.5; color: #333; }
h1{
	font-size:1.5em;
 }
 
.no-print button::before{
	content:"Jetzt Drucken / Als PDF speichern";
	display: block;
}
 
.invoice-box { max-width: 800px; margin: auto; padding: 30px; border: 1px solid #eee; }
.header { display: flex; justify-content: space-between; margin-bottom: 50px; }
.details { margin-bottom: 30px; }
table { width: 100%; border-collapse: collapse; }
table th { background: #c8c8c8; text-align: left; padding: 10px; border-bottom: 2px solid #eee; }
table td { padding: 10px; border-bottom: 1px solid #eee; }
.total { text-align: right; font-weight: bold; font-size: 1.2em; margin-top: 20px; }
.artikelliste tr:nth-child(even) {
	background: #ebebeb;
}
.artikelliste td:nth-child(1),
.artikelliste td:nth-child(3),
.artikelliste td:nth-child(6) {
	width: 34px;
}
.artikelliste td:nth-child(4){
	width: 65px;
}
.artikelliste td:nth-child(5){
	width: 76px;
}
.qr{
	text-align: right; 
	font-size: 0.5em;
}
.qr img {
	width:100px;
}
        .container { max-width: 1100px; margin: auto; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
        
        .filter-bar { background: #eee; padding: 15px; margin-bottom: 20px; border-radius: 4px; display: flex; flex-wrap: wrap; gap: 15px; align-items: flex-end; }
        .filter-bar div { display: flex; flex-direction: column; }
        .filter-bar label { font-size: 0.85em; font-weight: bold; margin-bottom: 5px; }
        .filter-bar input, .filter-bar select { padding: 6px; border: 1px solid #ccc; border-radius: 4px; }
        
        table { width: 100%; border-collapse: collapse; margin-top: 10px; }
        th, td { padding: 10px; text-align: left; border-bottom: 1px solid #ddd; }
        th { background: #007bff; color: white; }
        
        .status-offen { color: #d9534f; font-weight: bold; }
        .status-bezahlt { color: #5cb85c; font-weight: bold; }
        
        .btn { padding: 5px 10px; text-decoration: none; border-radius: 3px; font-size: 0.85em; display: inline-block; }
        .btn-view { background: #28a745; color: white; }
        .btn-filter { background: #007bff; color: white; border: none; padding: 8px 20px; cursor: pointer; }
        .btn-reset { background: #6c757d; color: white; text-align: center; }
		a.button {
			padding: 1px 6px;
			border: 1px outset buttonborder;
			border-radius: 3px;
			color: buttontext;
			background-color: buttonface;
			text-decoration: none;
		}
		.top-left,
		.top-right{
			float:left;
			width:50%;
		}
		.formular form
		{
			float:none;
			width:100%;
		}
a.button {
    padding: 9px;
    color: #fff;
    background-color: #007bff;
    text-decoration: none;
}
/* .row { margin-bottom: 10px; border-bottom: 1px solid #ccc; padding: 10px 0; }
input { margin-right: 5px; } */

/*
        body { font-family: sans-serif; margin: 20px; background: #f4f4f4; }
*/