:root {
	--playerBackgroundColor:  #2a3c3f;
	--playerForgroundColor:   #fdfdfd;
	--playerControlColor:  #00ad67;

}
#inmemoriamap .player {
	width: 100%;
	margin-top: 5px;
	background-color: var(--playerBackgroundColor);
	border-radius: 5px;
	color: var(--playerForgroundColor);
	font-size: min(2vw,14pt);
	min-height: 80px;
	padding-bottom: 2px

}
#inmemoriamap button {
	background-color: var(--playerBackgroundColor);
	color: var(--playerForgroundColor);
	border: none;
	padding: 5mm;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
	font-size: min(2vw,14pt);
	width: auto;
	height: 98%;
}

#inmemoriamap .player button:hover {
	background-color: var(--playerControlColor);
}

#inmemoriamap .player input[type="range"] {
	appearance: none;
	background-color: var(--playerControlColor);
	height: min(1vw,10px);

}

#inmemoriamap .timeSlider {
	width: 99%;
	max-width: 99%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#inmemoriamap .volume {

	width: 5%;
	min-width: 2cm;
	appearance: vertical;

}

#inmemoriamap .counter {
	margin-top: auto;
	margin-bottom: auto;
}
#inmemoriamap .trackField {
	color: black;
	background-color: #f8f8f8;
	min-height: 2cm;
}

#inmemoriamap .trackField p {
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	width: max-content;
	height: max-content;
	max-width: 100%;
	font-size: min(3vw,14pt);
	text-align: center;
}
#inmemoriamap header img:first-child {
	display: block;
}

.print {
	display: none;
}

#inmemoriamap .controlRange {
	display:grid;
}

#inmemoriamap .groupVolumeControl {
	grid-row: 1;
	grid-column: 2;
}
#inmemoriamap .groupPlayControl {
	grid-row: 1;
	grid-column: 1;
}
#inmemoriamap .counter {
	grid-row: 1;
	grid-column: 3;
	margin-left: auto;
}
@media only screen and (max-width: 650px) {

	#inmemoriamap .groupVolumeControl {
		grid-row: 1;
		grid-column: 1;
	}
	#inmemoriamap .groupPlayControl {
		grid-row: 2;
		grid-column: 1/span 4;
		margin-left: auto;
		margin-right: auto;
	}
	#inmemoriamap .counter {
		grid-row: 1;
		grid-column: 4;
	}
}
@media print {
	#inmemoriamap .player {
		display: none;
	}
	#inmemoriamap .Artikeltext *{
		width: 48%;
	}
	#inmemoriamap .Artikeltext {
	font-size: 10pt !important;
	}
	#inmemoriamap #secondpart {
		margin-left: 53%;
		margin-top: -40%;
		width: 98%;
	}
  #inmemoriamap {
    padding: -1cm;
  }
	#inmemoriamap header img:first-child {
		display: none;
	}

	#inmemoriamap .print {
		display: block;
	}
}