/* Inhalt CSS */
body {
	justify-content: center;
}

.pngcontainer {
	margin-bottom: 50px;
}

.bi {
	width: 2%;
	height: 2%;
}

.untertitel {
	font-size: 8px;
	font-style: italic;
}

.header1 {
	background-color: #ffe557;
}

.header2 {
	background-color: #f6e794;
}

.header3 {
	background-color: #f6d868;
}

.header4 {
	background-color: #e1b942;
}

.header5 {
	background-color: #e30613;
}

.header6 {
	background-color: #009640;
}

.header7 {
	background-color: #009fe3;
}

.header8 {
	background-color: #3463b5;
}

.header9 {
	background-color: #662483;
}

.header10 {
	background-color: #ffffff;
}

.zahnrad-title {
	color: white;
}

.btn-close {
	--bs-btn-close-color: white!important;
}

.modal-body {
	font-size: 18px!important;
}

.hidden {
	display: none;
	padding-left: 20px;
	font-size: 30px;
}

.musterblatt-text {
	font-size: 15px!important;
	font-style: italic!important;
	padding: none!important;
}


/* Transition für Seitenaktualisierung */

h1, .zoombuttons {
	animation: transitionIn 1.5s;
}

@keyframes transitionIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.pngcontainer {
	animation: transitionImage 2s;
}

@keyframes transitionImage {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}