.dhth-click {
	cursor: pointer;
}


#dhth-option-page {
	margin-bottom: 3px;
}

#dhth-options-icon {
	margin-left: 4px;
}

.dhth-navbar {
	background: #0d2302 !important;
}

.dhth-navbar h3 {
	margin-left: 4px;
}

.nav-link {
	color: white;
}

.nav-link:hover {
	color: #c1c1c1;
}

.nav-item span {
	text-transform: capitalize;
}

.card {display:inline-block;}

.module-switch {
	float: right;
}

.download-icon {
	height: 80px;
}

.alert-dhth {
	background-color: #21530e;
	color: white;
	border-color: white;
}

.alert-dhth a {
	color: white;
}


#dhth-expected-results-arial {
	width: 140px;
	height: 30px;
	object-fit: fill;
	display: block;
}

.grid-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto auto;
	gap: 1rem;
}

@media (max-width: 990px) {
	.grid-container {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(6, auto);
	}
}


@media (max-width: 700px) {
	.grid-container {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(6, auto);
		margin-left: -10px;
	}

	.feld1 { grid-row: 1; }
	.feld5 { grid-row: 2; }
	.feld2 { grid-row: 3; }
	.feld4 { grid-row: 4; }
	.feld3 { grid-row: 5; }
	.feld6 { grid-row: 6; }
}


@media (max-width: 900px) {
	.grid-container {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(6, auto);
		margin-left: -10px;
	}

	.feld1 { grid-row: 1; }
	.feld5 { grid-row: 2; }
	.feld3 { grid-row: 3; }
	.feld2 { grid-row: 4; }
	.feld4 { grid-row: 5; }
	.feld6 { grid-row: 6; }
}