.text-under-foto {
	font-size: 0.75em;
	font-style: italic;
}

/*************************************************** Allgemeine eigene Definitionen ***************************************************/
.text-justify {
	text-align: justify;
	hyphens: auto;
}

.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
}

.double-underline {
	border-bottom: double 3px #000000;
}

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

::-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 a,
	.cc-link a,
	marquee a,
	div a,
	#button,
	label,
	label a {
		font-size: 0.9rem;
	}

	#button {
		font-size: 0.6rem;
	}

	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 a,
	.cc-link a,
	marquee a,
	div a,
	#button,
	label,
	label a {
		font-size: 0.9rem;
	}

	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 a,
	.cc-link a,
	marquee a,
	div a,
	#button,
	label,
	label a {
		font-size: 1.0rem;
	}

	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 a,
	.cc-link a,
	marquee a,
	div a,
	#button,
	label,
	label a {
		font-size: 1.0rem;
	}

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

#a {
	text-decoration: none;
}

.nav-item:hover {
	color: blue;
	text-decoration-style: wavy;
}