.background{
		position: absolute;
	}
	.table{
		font-family: 'News Cycle';
		width: 100%;
		margin: 12px 0;
	}
	.tr{
  		display: grid;
  		grid-auto-flow: column;
  		gap: 2px;
		grid-auto-columns: 1fr;
		margin-top: 12px;
	}
	p{
		border-right: 2px solid #fff;
		padding: 4px 12px;
	}
	p.name{
		font-weight:700;
	}
	.tr:nth-child(odd) {
  background: #cdd0da;
}
	.tr:nth-child(even) {
  background: #e4e8f2;
}
	@media all and (max-width:900px){
		p{
			font-size: 80%;
		}
	}
	@media all and (max-width:700px){
		.table{
			line-height: 120%;
		}
		.tr{
			grid-auto-flow: row;
		}
		.seit::before{
			content: "Kunde seit über ";
		}
		.kunde::before{
			content: "Kunde: ";
		font-weight:700;
		}
		.branche::before{
			content: "Branche: ";
		font-weight:700;
		}
		.ort::before{
			content: "Werk: ";
		font-weight:700;
		}
		.hide{
			display: none;
		}
		.tr{
			gap: 0;
		}
		p{
			border: none;
		}
	}