.grid-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
	grid-column-gap: 10px;
}



body {
	-webkit-print-color-adjust:exact !important;
}

h1 {
	font-size: 2rem;
}

h2 {
	font-size: 1.7rem;
}

.grey-bg {
	-webkit-print-color-adjust:exact !important;
	background-image: url('../img/bg-grey.png');
}

.blue-bg {
	-webkit-print-color-adjust:exact !important;
	background-image: url('../img/bg-blue.png');
}

input {
	padding: 5px 10px;
}

/* Header */

.header {
  position: fixed;
  top: 0;
  background-color: white;
  width: 1080px;
}

.header img {
	margin-top: 10px;
	margin-right: 150px;
}

/* Home */

.table td {
	padding: 2px 3px 2px 3px;
}

.client-name
 {
	font-weight: 500;
	color: #333333;
}

.client-name::first-letter
 {
	font-weight: bold;
}

.home-buttons  {
	color: #20A3DD;
}

.home-buttons:hover  {
	color: #868787;
	text-decoration: none;
}

/* Invoice Layout */

.header, .header-space {
  height: 230px !important;
  margin-top: 0;
}

.footer, .footer-space {
  height: 130px !important;
  margin-top: 100px;
}

#print-button-1 {
	position: fixed;
	top: 10px;
	right: 10px;
}

#print-button-2 {
	position: fixed;
	top: 60px;
	right: 10px;
}

#save-invoice {
	position: fixed;
	top: 110px;
	right: 10px;
}

#save-to-google-sheets {
	position: fixed;
	top: 160px;
	right: 10px;
}

.invoice-address {
	white-space: pre-line;
	margin-bottom: 20px;
}

.description {
	margin-top: 20px;
	white-space: pre-line;
}

/* Überblick */

.card-columns {
	column-count: 3 !important;
}

/* Footer */

.footer {
  position: fixed;
  bottom: 0;
  background-color: white;
  width: 1080px;
  border-top: 1px solid #e5e5e5;
  padding-top: 10px;
  font-size: 14px;
  color: #666;
  
}