/* Variables */

:root {
	--black: #000000;
	--white: #FFFFFF;
	--darkblue: #073070;
	--blue: #456494;
	--lightblue: #CFE3F2;
	--darkgrey: #444444;
}

/* General */

html {
	overflow-x: hidden;
	color: var(--darkgrey);
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
}
h1 {
	color: var(--darkblue);
	font-family: 'Merriweather 120pt', serif;
	font-size: 100px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}
h2 {
	color: var(--darkblue);
	font-family: 'Merriweather 120pt', serif;
	font-size: 65px;
	font-weight: 400;
}
h3 {
	color: var(--darkblue);
	font-family: 'Open Sans', sans-serif;
	font-size: 35px;
	font-weight: 400;
}
h4 {
	color: var(--darkblue);
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}
h5 {
	color: var(--darkblue);
	font-family: 'Open Sans', sans-serif;
}
h6 {
	color: var(--darkblue);
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 0;
	font-weight: 700;
}
p {
	margin-top: 0;
}
a {
	color: var(--darkgrey);
}
a:hover {
	color: var(--darkblue);
}
p a {
	transition: 0.1s ease all;
	text-decoration: underline;
}
p a:hover {
	color: inherit;
	opacity: 0.65;
}

/* Header */

.header-bar {
	padding: 40px 40px 0px 40px;
	display: flex;
	flex-flow: row;
	justify-content: end;
}
.header-bar a {
	display: block;
}
.header-bar img, .header-bar-small img {
	width: 300px;
}
.header-bg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.header-bg-small {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	min-height: 15vw;
}
.header-bar-small {
	padding: 40px;
	display: flex;
	flex-flow: row;
	justify-content: end;
}
.header-flex {
	height: calc(100vh - 89.5px - 23px);
	box-sizing: border-box;
	display: flex;
	flex-flow: column;
	justify-content: center;
	padding: 40px 0;
}
header h1 {
	color: var(--white);
	margin: 0;
}
header h2 {
	color: var(--white);
	margin: 0;
}
header hr {
	border-color: var(--white);
}
.header-border {
	position: relative;
	height: 23px;
	background-color: #809ed0;
}
.header-border::before, .header-border::after {
	content: '';
	position: absolute;
	top: 0;
	z-index: 1;
	height: 100%;
	width: 15vw;
	background-color: #abbde1;
}
.header-border::before {
	left: 0;
}
.header-border::after {
	right: 0;
}
.header-title {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.header-text-img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

/* Footer */

footer h3 {
	font-weight: 700;
}
footer p {
	font-size: 13px;
}
footer h6 {
	font-size: 13px;
	margin: 0;
}
.copy {
	color: var(--white);
	margin: 0;
	font-size: 16px;
}
.copy-following * {
	color: var(--white);
	margin: 0;
	font-size: 16px;
}

/* Main */

.width-100 {
	width: 100%;
}
hr.big {
	border-top-width: 10px;
}
.bg-lightblue {
	background-color: var(--lightblue) !important;
}
.bg-blue {
	background-color: var(--blue) !important;
}
.uk-accordion-title * {
	transition: 0.2s ease all;
}
.uk-accordion-title:hover * {
	text-decoration: underline !important;
	color: var(--blue);
}
.uk-accordion > :nth-child(n+2) {
	border-top: 5px solid var(--lightblue);
	margin-top: 40px;
	padding-top: 40px;
}
.uk-accordion-content {
	padding-left: 20px;
}
.page-number {
	font-size: 35px;
}
.acc-chapter-link {
	text-decoration: none !important;
	color: var(--darkblue) !important;
	transition: 0.2s ease all;
}
.acc-chapter-link:hover {
	text-decoration: underline !important;
	color: var(--blue) !important;
}
.acc-chapter-link h3 {
	transition: 0.2s ease all;
}
.acc-chapter-link h3:hover {
	color: var(--blue) !important;
}
.uk-list > li {
	padding: 8px 0;
}
.uk-accordion-title::before {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDQuMTEwMTc5OTAxMTIzMDUiIGhlaWdodD0iMjMuODkzNTk4MTE1MDgwNTUiIHZpZXdCb3g9IjcyMy4yNTg2Njc5MzA5NjA3IDM5LjA1MzY2NDc5NzkwODExIDQ0LjExMDE3OTkwMTEyMzA1IDIzLjg5MzU5ODExNTA4MDU1Ij48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAtZTNiOWZiYTEiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI0NC4zNzI2MDgxODQ4MTQ0NSIgaGVpZ2h0PSIyNC40NjE4MjI1MDk3NjU2MjUiIGZpbGw9IiMwNzMwNzAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjbGlwLWUzYjlmYmExIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iNDQuMzcyNjA4MTg0ODE0NDUiIGhlaWdodD0iMjQuNDYxODIyNTA5NzY1NjI1IiBmaWxsPSIjMDczMDcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDc1MC4zNzc0NDE0MDYyNSwzOC43NjkwNDI5Njg3NSkiPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsLTI3LjI1LC03Ljc5MjcwMzExNDczOTU2M2UtMjApIiBjbGlwLXBhdGg9InVybCgjY2xpcC1lM2I5ZmJhMSkiPjxwYXRoIGQ9Ik0gMCA1LjUxNDgxNDM3NjgzMTA1NSBMIDAgMS44Mzg5NjcwODQ4ODQ2NDQgQyAwIDEuMTI5NTI4NDAzMjgyMTY2IDAuNDA5ODU3MDk0Mjg3ODcyMyAwLjQ4MjU3ODk5Mjg0MzYyNzkgMS4wNTEyOTI2NTc4NTIxNzMgMC4xNzc0ODM1ODg0NTcxMDc1IEMgMS42OTI3MjgwNDI2MDI1MzkgLTAuMTI3NjExODAxMDI4MjUxNiAyLjQ1MTc5MDgwOTYzMTM0OCAtMC4wMzM4Nzc2NzgyMTU1MDM2OSAzLjAwMzE2Nzg2NzY2MDUyMiAwLjQxNjQxMzY5NDYyMDEzMjQgTCAyMi4wNTUwODk5NTA1NjE1MiAxNi4wMDU2ODU4MDYyNzQ0MSBMIDQxLjEwODg1MjM4NjQ3NDYxIDAuNDE2NDEzNjk0NjIwMTMyNCBDIDQxLjY1ODM4NjIzMDQ2ODc1IC0wLjAzMzg3NzY3ODIxNTUwMzY5IDQyLjQxNzQ0OTk1MTE3MTg4IC0wLjEyNTc3Mzg5MTgwNjYwMjUgNDMuMDYwNzI2MTY1NzcxNDggMC4xNzc0ODM1ODg0NTcxMDc1IEMgNDMuNzAzOTk0NzUwOTc2NTYgMC40ODA3NDEwNTM4MTk2NTY0IDQ0LjExMDE3OTkwMTEyMzA1IDEuMTI5NTI4NDAzMjgyMTY2IDQ0LjExMDE3OTkwMTEyMzA1IDEuODM4OTY3MDg0ODg0NjQ0IEwgNDQuMTEwMTc5OTAxMTIzMDUgNS41MTQ4MTQzNzY4MzEwNTUgQyA0NC4xMTAxNzk5MDExMjMwNSA2LjA2NjE5MjE1MDExNTk2NyA0My44NjIwNTY3MzIxNzc3MyA2LjU4ODE2Mjg5OTAxNzMzNCA0My40MzU2NTc1MDEyMjA3IDYuOTM3MzY4MzkyOTQ0MzM2IEwgMjMuMjE4NDk2MzIyNjMxODQgMjMuNDc4Njg1Mzc5MDI4MzIgQyAyMi41NDAzMDAzNjkyNjI3IDI0LjAzMTkwMjMxMzIzMjQyIDIxLjU2ODAzNzAzMzA4MTA1IDI0LjAzMTkwMjMxMzIzMjQyIDIwLjg4OTg0NDg5NDQwOTE4IDIzLjQ3ODY4NTM3OTAyODMyIEwgMC42NzI2ODAxOTkxNDYyNzA4IDYuOTM3MzY4MzkyOTQ0MzM2IEMgMC4yNDgxMTk3NTY1NzkzOTkxIDYuNTg4MTYyODk5MDE3MzM0IDAgNi4wNjYxOTIxNTAxMTU5NjcgMCA1LjUxNDgxNDM3NjgzMTA1NSIgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwwLjEzMTIyNjUyNDcxMDY1NTIsMC4yODQ2MjE4NjQ1NTcyNjYyNCkiIGZpbGw9IiMwNzMwNzAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L2c+PC9zdmc+') !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 44px;
	aspect-ratio: 1;
	margin-top: 25px;
	transform: rotate(270deg);
	transform-origin: 50% 50%;
}
.uk-open > .uk-accordion-title::before {
	transform: rotate(0deg);
}
.h1-small {
	color: var(--darkblue);
	font-family: 'Open Sans', sans-serif;
	font-size: 35px;
	font-weight: 700;
	text-transform: none;
}
.btn {
	color: var(--darkblue) !important;
	text-decoration: none !important;
	font-size: 25px;
	font-weight: 700;
	padding: 7px 12px;
	border: 5px solid var(--lightblue);
	border-radius: 4px;
	transition: 0.3s ease all;
}
.btn:hover {
	background-color: var(--lightblue);
}
#flipbook {
	width: 800px;
	height: 560px;
	margin: 20px auto !important;
}
#flipbook .page {
	width: 400px;
	height: 560px;
	overflow: hidden;
}
#flipbook .page img {
	width: 100%;
	height: auto;
	display: block;
}
#controls {
	width: 800px;
	margin: 10px auto;
	text-align: center;
	user-select: none;
}
#page-slider input[type="range"] {
	width: 60%;
margin: 0 10px;
}
.ui-options button {
	background: #eee;
	border: 1px solid #ccc;
	margin: 0 5px;
	padding: 8px 12px;
	cursor: pointer;
	font-size: 16px;
	border-radius: 4px;
}
.ui-options button:hover {
	background: #ddd;
}
.kapitel-col {
	overflow-y: auto;
}
.headlines-smaller h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: 700;
}
.headlines-smaller h3 {
	font-size: 25px;
}
.headlines-smaller h4 {
	font-size: 22px;
}
.headlines-smaller h5 {
	font-size: 18px;
}
.kapitel-active {
	font-weight: 700;
}
.kapitel-grid {
	display: flex;
	align-items: stretch;
	height: 700px;
}

/* Responsive */

@media (max-width: 1199px) {
	h2 {
		font-size: 45px;
	}
	h3 {
		font-size: 28px;
	}
	.page-number {
		font-size: 28px;
	}
	.uk-accordion-title::before {
		width: 28px;
		margin-top: 15px;
	}
	.uk-list > li {
		padding: 0;
	}
}
@media (max-width: 959px) {
	h2 {
		font-size: 30px;
	}
	h3 {
		font-size: 24px;
	}
	.uk-accordion-content h3 {
		font-size: 20px;
	}
	.page-number {
		font-size: 20px;
	}
	.uk-accordion-title::before {
		width: 20px;
		margin-top: 5px;
	}
	.header-bar img, .header-bar-small img {
		width: 200px;
	}
}
@media (max-width: 639px) {
	.uk-accordion-content h3 {
		font-size: 18px;
	}
	.page-number {
		font-size: 18px;
	}
}