hr {
	max-width: 70rem;
}

.header-bg {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: linear-gradient(PapayaWhip 10%, White 90%);
	height: 10rem;
	width: 100%;
	z-index: -1;
}

.wrapper {
	width: 95%;
	max-width: 64rem;
	margin: 0 auto;
}

.header {
	font-size: 1.25rem;
}

.header-logo {
	font-size: 1rem;
	cursor: pointer;
}

.link {
	cursor: pointer;
}

.header-logo li:first-child {
	font-size: 1.25rem;
}

.header-links {
	font-size: 1.25rem;
}

.header-links a {
	color: Gray;
}

.header-links a:hover {
	color: Black;
}

a.current-page {
	color: Black;
}

.header-links li {
	margin-right: 1rem;
	margin-left: 1rem;
}

@media ( max-width : 800px) {
	.header {
		text-align: center;
	}
	.header-logo {
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
	}
	.header-links {
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
		margin-top: 2rem;
	}
}

.project {
	color: Black;
	width: 33.33333%
}

.project a img {
	-webkit-transition: all ease-in-out .12s;
	transition: all ease-in-out .12s
}

.project a:hover img {
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
	-webkit-box-shadow: 0 0 16px 1px DimGray;
	box-shadow: 0 0 16px 1px DimGray;
}

@media ( max-width : 1024px) {
	.project {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin-bottom: 4rem;
	}
	.project a {
		margin-right: 1rem;
		width: 50%;
	}
	.project>div {
		width: 50%;
	}
}

@media ( max-width : 700px) {
	.project {
		display: block;
		width: 100%;
		margin-bottom: 4rem;
	}
	.project a {
		margin-right: 0;
		width: 100%;
	}
	.project>div {
		width: 100%;
	}
}

.kurs {
	margin: 0.5rem;
	border: 0.1rem solid LightGrey;
	background: Beige;
	height: 10rem
}

.footer {
	font-size: 1rem;
}

.footer a {
	color: Gray;
}

.footer a:hover {
	color: Black;
}

.footer a.current-page {
	color: Black;
}

.shadow {
	width: 90%;
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
	-webkit-box-shadow: 0 0 16px 1px DimGray;
	box-shadow: 0 0 16px 1px DimGray;
}

@media ( min-width : 769px) {
	.photo {
		width: 100%;
		margin-top: 3rem;
	}
}

@media ( max-width : 768px) {
	.photo {
		width: 50%;
	}
}

@media ( max-width : 424px) {
	.photo {
		width: 100%;
	}
}

.info-box {
	border: 1px solid Gray;
	padding: 1rem;
}

.next-date {
    padding-top: 0.5rem;
    border-top: 1px solid lightgray;
    margin-top: 0.5rem;
}

.text-block {
}

.image-title {
	color: DimGray;
	font-size: 0.75rem;
}

.next-date-box {
	background: aliceblue;
    width: fit-content;
	padding: 3px 15px;
    border-radius: 10px;
}

.adress-info {
	background: aliceblue;
	border: 1px solid Gray;
	padding: 0.5rem 1rem;
	margin: 0.5rem;
    width: fit-content;
}

.canceled {
	text-decoration-line: line-through;
}

.canceled-text {
	color: Red;
}

#links .h2 {
	text-align: left;
}
#links a:link {color:Blue;}
#links a:visited {color:Blue;}
#links a:hover {color:Blue; background: Beige;}
#links a:active {color:Blue;}