.bg-drachen {
	background-color: lightgrey;
}

.text-justify {
	text-align: justify;
	hyphens: auto;
}

.btn-drachen {
	--bs-btn-color: black;
	--bs-btn-bg: lightgrey;
	--bs-btn-border-color: lightgrey;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #5c636a;
	--bs-btn-hover-border-color: #565e64;
	--bs-btn-focus-shadow-rgb: 130, 138, 145;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #565e64;
	--bs-btn-active-border-color: #51585e;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: lightgrey;
	--bs-btn-disabled-border-color: lightgrey
}

.w-5 {
	width: 5% !important
}

.w-10 {
	width: 10% !important
}

.w-15 {
	width: 15% !important
}

.w-20 {
	width: 20% !important
}

.w-30 {
	width: 30% !important
}

.w-35 {
	width: 35% !important
}

.w-40 {
	width: 40% !important
}

.w-45 {
	width: 45% !important
}

.w-55 {
	width: 55% !important
}

.w-60 {
	width: 60% !important
}

.w-65 {
	width: 65% !important
}

.w-70 {
	width: 70% !important
}

.w-80 {
	width: 80% !important
}

.w-85 {
	width: 85% !important
}

.w-90 {
	width: 90% !important
}

.w-95 {
	width: 95% !important
}

html {
	scroll-behavior: smooth;
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

body {
	font-family: sans-serif;
}

::-webkit-scrollbar {
	display: none;
}

/*************************************************** Media Styles ***************************************************/
@media (max-width: 767px) {
	html {
		font-size: 1.1rem;
	}

	.headline {
		font-size: 2.0rem;
	}

	.headline-text {
		font-size: 1.6rem;
	}

	h1 {
		font-size: 1.5rem;
	}

	h2 {
		font-size: 1.4rem;
	}

	h3 {
		font-size: 1.3rem;
	}

	h4 {
		font-size: 1.2rem;
	}

	h5 {
		font-size: 1.1rem;
	}

	h6 {
		font-size: 1.0rem;
	}

	p,
	ul li,
	ul li a,
	.cc-link a,
	marquee a,
	div a,
	div p,
	#button,
	label,
	label a {
		font-size: 0.9rem;
	}

	#button {
		font-size: 0.6rem;
	}

	ol li,
	a,
	.overlay a {
		font-size: 0.9rem;
	}

	th,
	td {
		font-size: 0.7rem;
	}

	nav a,
	.title-text {
		font-size: 0.7rem;
	}
}

@media (min-width: 768px) {
	html {
		font-size: 1.2rem;
	}

	.headline {
		font-size: 3.0rem;
	}

	.headline-text {
		font-size: 2.0rem;
	}

	h1 {
		font-size: 1.6rem;
	}

	h2 {
		font-size: 1.5rem;
	}

	h3 {
		font-size: 1.4rem;
	}

	h4 {
		font-size: 1.3rem;
	}

	h5 {
		font-size: 1.2rem;
	}

	h6,
	nav a,
	.title-text {
		font-size: 1.1rem;
	}

	p,
	ul li,
	ul li a,
	.cc-link a,
	marquee a,
	div a,
	#button,
	label,
	label a {
		font-size: 0.9rem;
	}

	ol li,
	a,
	th,
	td,
	.overlay a {
		font-size: 0.9rem;
	}
}

@media (min-width: 991px) {
	html {
		font-size: 1.2rem;
	}

	.headline {
		font-size: 4.0rem;
	}

	.headline-text {
		font-size: 2.5rem;
	}

	h1 {
		font-size: 1.8rem;
	}

	h2 {
		font-size: 1.7rem;
	}

	h3 {
		font-size: 1.6rem;
	}

	h4 {
		font-size: 1.5rem;
	}

	h5 {
		font-size: 1.4rem;
	}

	h6,
	nav a,
	.title-text {
		font-size: 1.3rem;
	}

	p,
	ul li,
	ul li a,
	.cc-link a,
	marquee a,
	div a,
	#button,
	label,
	label a {
		font-size: 1.0rem;
	}

	ol li,
	a,
	th,
	td,
	.overlay a {
		font-size: 1.0rem;
	}
}

@media (min-width: 1200px) {
	html {
		font-size: 1.2rem;
	}

	.headline {
		font-size: 5.0rem;
	}

	.headline-text {
		font-size: 3.5rem;
	}

	h1 {
		font-size: 2.0rem;
	}

	h2 {
		font-size: 1.9rem;
	}

	h3 {
		font-size: 1.8rem;
	}

	h4 {
		font-size: 1.7rem;
	}

	h5 {
		font-size: 1.6rem;
	}

	h6,
	nav a,
	.title-text {
		font-size: 1.5rem;
	}

	p,
	ul li,
	ul li a,
	.cc-link a,
	marquee a,
	div a,
	#button,
	label,
	label a {
		font-size: 1.1rem;
	}

	ol li,
	a,
	th,
	td,
	.overlay a,
	#index-header {
		font-size: 1.1rem;
	}
}

/*************************************************** Cursors ***************************************************/
.alias {
	cursor: alias;
}

.all-scroll {
	cursor: all-scroll;
}

.auto {
	cursor: auto;
}

.cell {
	cursor: cell;
}

.context-menu {
	cursor: context-menu;
}

.col-resize {
	cursor: col-resize;
}

.copy {
	cursor: copy;
}

.crosshair {
	cursor: crosshair;
}

.default {
	cursor: default;
}

.e-resize {
	cursor: e-resize;
}

.ew-resize {
	cursor: ew-resize;
}

.grab {
	cursor: -webkit-grab;
	cursor: grab;
}

.grabbing {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.help {
	cursor: help;
}

.move {
	cursor: move;
}

.n-resize {
	cursor: n-resize;
}

.ne-resize {
	cursor: ne-resize;
}

.nesw-resize {
	cursor: nesw-resize;
}

.ns-resize {
	cursor: ns-resize;
}

.nw-resize {
	cursor: nw-resize;
}

.nwse-resize {
	cursor: nwse-resize;
}

.no-drop {
	cursor: no-drop;
}

.none {
	cursor: none;
}

.not-allowed {
	cursor: not-allowed;
}

.pointer {
	cursor: pointer;
}

.progress {
	cursor: progress;
}

.row-resize {
	cursor: row-resize;
}

.s-resize {
	cursor: s-resize;
}

.se-resize {
	cursor: se-resize;
}

.sw-resize {
	cursor: sw-resize;
}

.text {
	cursor: text;
}

.url {
	cursor: url(myBall.cur), auto;
}

.w-resize {
	cursor: w-resize;
}

.wait {
	cursor: wait;
}

.zoom-in {
	cursor: zoom-in;
}

.zoom-out {
	cursor: zoom-out;
}