/* define vertical gridbox container */
.confirmation-container {
	height: 300px;
	display: grid;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
	grid-row-gap: 20px;
	font-family: 'Trebuchet MS';
}
/* top container for confirmation headline */
confirmation-header {
	grid-column: 1;
	grid-row: 1;
	align-items: start;
}
/* containers for details below headline */
confirmation-details-1 {
	grid-column: 1;
	grid-row: 2/3;
	justify-items: start;
}
confirmation-details-2 {
	grid-column: 1;
	grid-row: 3/4;
	justify-items: start;
}
confirmation-details-3 {
	grid-column: 1;
	grid-row: 4/5;
	justify-items: start;
}
/* bottom container for action buttons */
confirmation-footer {
	grid-column: 1;
	grid-row: 5;
	justify-items: end;
}

/* classes for successful / failed renting */
.success {
	color: green;
}
.failure {
	color: red;
}

/* confirmation symbol */
.confirmation-symbol {
	margin: 10px;
}