body {
    padding-top: 66px;
}

.workation h3 {
	text-transform: uppercase;
}

.workation .title {
	text-align: center;
	color: #fff;
}

.workation .title h1 {
	font-size: 2.5rem;
	font-family: Times New Roman, serif;
}

.workation .title h2 {
	font-size: 1.2rem;
}

.workation .title .email {
	font-size: 1.2rem;
}

.workation .title .zeitraum {
	font-size: 1.4rem;
	font-family: Times New Roman, serif;
	color: #222;
	background-color: #ffffff88;
	border-radius: 0.5em;
	width: fit-content;
	padding: 0.5em 1em;
	margin: auto;
}

@media (min-width: 576px) {
	.workation .title h1 {
		font-size: 4rem;
	}
	.workation .title h2 {
		font-size: 1.8rem;
	}
	.workation .title .email {
		font-size: 1.8rem;
	}
	.workation .title .zeitraum {
		font-size: 2.1rem;
	}
}

.workation .title .email a:link {
	text-decoration: underline;
	color: #fff;
}

.workation .title .email a:visited {
	text-decoration: underline;
	color: #fff;
}

.workation .title .email a:hover {
	color: #ddd;
}

.workation .title .email a:active {
	color: #eee;
}

.workation section {
	padding: 4rem 0;
}

@media (max-width: 575px) {
	.workation section.collapse-padding {
		padding: 0;
	}
	.workation section.collapse-padding .container.text-on-image {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
}

@media (min-width: 576px) {
	.workation section.collapse-padding .container.text-on-image {
		padding: 1rem 2rem;
	}
}

.workation .intro .first p {
	text-align:left;
	font-style: italic;
}

.workation .intro .second h2 {
	text-align:right;
	margin: 1em 0 1em 0;
}

.workation .intro .second p {
	text-align:right;
}

/* White background */

.workation section.white {
	color: #000;
	background-color:#ffffff;
}

.workation section.white a:link {
	text-decoration: underline;
	color: #000;
}

.workation section.white a:visited {
	text-decoration: underline;
	color: #000;
}

.workation section.white a:hover {
	color: #333;
}

.workation section.white a:active {
	color: #666;
}

/* Yellow background */

.workation section.yellow {
	color: #fff;
	background-color:#dbb161
}

.workation section.yellow a:link {
	text-decoration: underline;
	color: #fff;
}

.workation section.yellow a:visited {
	text-decoration: underline;
	color: #fff;
}

.workation section.yellow a:hover {
	color: #eee;
}

.workation section.yellow a:active {
	color: #ddd;
}

.workation section.yellow table {
	color: #fff;
}

.workation section.yellow em {
	color: #800080;
	font-style: normal;
}

/* Purple background */

.workation section.purple {
	color: #ffcc53;
	background-color:#800080;
}

.workation section.purple a:link {
	text-decoration: underline;
	color: #ffcc53;
}

.workation section.purple a:visited {
	text-decoration: underline;
	color: #ffcc53;
}

.workation section.purple a:hover {
	color: #fff;
}

.workation section.purple a:active {
	color: #ddd;
}

/* Grey background */

.workation section.grey {
	color: #dbb161;
	background-color:#3c3333;
}

/* Font size adjustments depending on size */

@media (min-width: 576px) {
	.workation section {
		font-size: 1.2rem;
	}
}
@media (max-width: 575px) {
	.workation section {
		font-size: 1rem;
	}
}

/* Misc */

.with-background-image {
	background-size: cover;
	background-position: center;
}

@media (min-width: 576px) {
	.text-on-image {
		border-radius: 1rem;
	}
}

.center-headlines h1, .center-headlines h3 {
	text-align: center;
}

/* Round image cards */

.workation .imagecards-intro {
	width: 80%;
	margin: 0 auto 4rem auto;
	text-align: center;
}

.workation .imagecards-intro-highlight {
	color: #800080;
}

.workation .imagecards-outro {
	width: 80%;
	margin: 0 auto 0 auto;
	text-align: center;
}

.workation .imagecard {
	text-align: center;
}

.workation .imagecard .imagecard-text {
	width: 80%;
	margin: 0 auto 4rem auto;
}

.workation .imagecard h1 {
	font-size: 1.5rem;
	margin-top: 1em;
}

@media (max-width: 575px) {
	.workation .imagecards-intro {
		width: 90%;
	}
	.workation .imagecards-outro {
		width: 90%;
	}
	.workation .imagecard .imagecard-text {
		width: 90%;
	}
}

/* Gallery image cards */

.yellow .card {
	background-color: unset;
}

/* About us */

.about-us p {
	border: 2px solid;
	border-radius: 15px;
	padding: 1rem;
	margin-bottom: 0;
	text-align: left;
}

@media (max-width: 765px) {
	.about-us {
		margin-top: 1em;
	}
}

/* Footer override */

.footer {
	margin-top: 0;
}