body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	line-height: 1.4;
	color: #4C4C4C;
}

a {
	color: #008fce;
}

h1 {
	font-size: 150%;
	color: #008fce;
}

h2 {
	font-size: 110%;
	color: #008fce;
	margin-top: 1em;
	margin-bottom: 0;
}

h3 {
	font-size: 100%;
	color: #008fce;
	margin-top: 1em;
	margin-bottom: 0;
}

h1 + h2, h2 + h3 {
	margin-top: 0.2em;
}


.accordion-button {
	font-size:1.2rem;
}

.accordion h3 {
	font-size:1.2rem;
	font-weight:600;
}

.accordion-grau {
	color: #4C4C4C !important;
}

.border-primary {
	border-color: #008fce !important;
}

.btn-primary {
	background-color: #008fce;
	border-color: #008fce;
}

.btn-primary:hover {
	background-color: #009fde;
	border-color: #009fde;
}

.kopf {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 1em;
	font-size: 4em;
}
.img-kopf {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 1rem;
}

.portrait {
	width: 78%;
}



ul.wettbewerb {
	padding: 0.6em;
	list-style-type: none;
	margin-left: 3em;
}

	ul.wettbewerb li::before {
		content: "♦";
		color: #008fce;
		font-size: 120%;
		font-weight: bold;
		display: inline-block;
		width: 1.2em;
		margin-left: -1.2em;
	}



button:focus {
	outline-style: none;
}

#pageheader {
	min-height: 100px;
}

.btn {
	margin-bottom: 1px;
}

.big-icon {
	font-size: 150%;
	color: #008fce;
}

.light-icon {
	color: #bbb;
	padding: 10px;
}



.nav,
.navbar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4rem;
}

.nav a,
.navbar a {
	color: #008fce;
}


.navbar-toggler,
.navbar-toggler:hover,
.navbar-toggler:focus {
	border: none;
	box-shadow: none;
}

.adv-logo {
	max-width: 40%;
	max-height: 55px;
	padding-left: 25px;
	padding-right: 25px;
}

.smaller {
	font-size: 80%;
	line-height: 120%;
}

.videoposteranchor .videoposterplay {
	font-size: 3.4em;
	color: #fff;
	opacity: 0.8;
}

.videoposteranchor:hover .videoposterplay {
	color: #008fce;
	opacity: 0.95;
}

.blau {
	color: #008fce;
}

.titel {
	font-size: 220%;
	font-stretch: extra-expanded;
}

.card .card-header button {
	display: flex;
}

.card .card-header button:hover {
	text-decoration: none;
	background-color: #f9f9f9;
}

.card .card-header button::after {
	content: '\2012';
	font-weight: 600;
	margin-left: auto;
	width: 1.25rem;
	height: 1.25rem;
}

.card .card-header button.collapsed::after {
	content: "+";
}



.container-terminbox {
	background-color: #008fce;
	color: white;
}

.terminbox {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
	padding-top: 2em;
}

.h1-terminbox {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
	padding-top: 1em;
	font-size: 150%;
}

.img-terminbox {
	object-fit: cover;
	height: 100%;
	width: 100%;
	border-radius: 0 1rem 1rem 0;
}

.zitatbox {
	background-color: #f9f9f9;
}



@media (min-width: 768px) {

	.navbar, .dropdown-menu {
		font-size: 1rem;
	}



	@media (max-width: 992px) {

		.display-4 {
			font-size: 2.5rem;
		}

		h1 {
			font-size: 1.4rem;
		}

		.zeit {
			max-width: initial;
		}
	}

	@media (max-width: 768px) {

		.display-4 {
			font-size: 2.0rem;
		}

		h1 {
			font-size: 1.2rem;
		}

		.dropdown-menu {
			font-size: 100%;
			border: 0;
			padding-top: 0;
		}
	}