html, body {
	height: 100%;	
	
}

body {
	padding-top: 52px;
}

header {
	position: fixed;
	top: 0;
}

#btn_neueArbeit {
	position: fixed;
	right: 16px;
	bottom: 16px;
	height: 52px;
	width: 52px;
}

#timetracker div button {
	width: 100%;
}

#timetracker div button+button {
	margin-top: 1rem;
}

.themebutton {
	height: 16px;
	width: 16px;
	border-radius: 16px;
	padding: 16px;
	margin: 4px;
}


#timer {
	margin: 0;
}


#manuellerTimestamp button {
	width: 100%;
	margin: 1rem  0;
}

#manuellerTimestamp button + div {
	margin-top: calc(-1rem - 1px);
}

.zeitleiste {
	position: relative;
	height: calc(1rem + 2px);
}

.zeitleiste .einteilung {
	position: absolute;
	display: flex;
	height: 1rem;
	width: 100%;
}

.zeitleiste .raster {
	position: absolute;
	display: flex;
	height: 1rem;
	width: 100%;
}

.zeitleiste .raster div {
	height: 100%;
	width: calc(100% / 24);
	opacity: 0.3;
}

.nacht {
	background-color: black;
}