@charset "utf-8";

@font-face {
font-family: 'Waldhaus';
	src: url('../fonts/Artifika-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'CenturyGothic';
	src: url('../fonts/CenturyGothic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html, body {
	height: 100%;
	margin: 0;
	color: #333333;
	background-color: #457f72;
}
@media (device-width:320px) and (orientation:portrait) {
	body {
		font-size: 0.875rem;
	}
	.btn {
		font-size: 0.875rem;
	}
}

h2 {
	font-size: 1.4rem;
}
h3 {
	font-size: 1.2rem;
}
h4 {
	font-size: 1.1rem;
}

.color-waldhaus-light-green {
	color: #457f72;
}
.color-waldhaus-dark-green {
	color: #003e2b;
}
.bg-waldhaus-light-green {
	background-color: #457f72;
}
.bg-waldhaus-dark-green {
	background-color: #003e2b;
}
.waldhaus-icon {
	color: #457f72;
}
.waldhaus-font {
	font-family: 'Waldhaus', sans-serif;
}
.century-gothic {
	font-family: 'CenturyGothic', sans-serif;
}

.waldhaus-info {
	color: rgb(255, 255, 255);
	font-size: 1.1rem;
}

.waldhaus-icon-wrapper {
	align-self: center;
}

.waldhaus-info-text {
	align-self: center;
	text-align: left;
	font-family: CenturyGothic, sans-serif;
}

.waldhaus-info img {
	width: 60%;
}

.waldhaus-info p {
	margin-left: 100px;
}

img.waldhaus-info-location {
	width: 44%;
}

img.waldhaus-info-zapfhahn {
	width: 42%;
}

.impressum p {
	font-size: 0.9rem;
}

.impressum h3 {
	font-size: 1.1rem;
}
.impressum h4 {
	font-size: 1.0rem;
}

a {
	color: #123830;
	text-decoration: none;
}
a:hover {
	color: #215748;
}
a.light {
	color: #3fc5a6;
	text-decoration: none;
}
a.light:hover {
	color: #276b58;
}

#logo-waldhaus {
	width: 136px;
}

#waldhaus-subtitle {
	font-size: 1.5rem;
}

#buchungsanfragen {
	font-size: 1.2em;
	font-weight: bold;
	font-family: Waldhaus, sans-serif;
	color: #003e2b;
	text-transform: uppercase;
}

.splide__slide img {
	width: 100%;
	height: 100%;
	max-height: 250px;
	object-fit: scale-down;
	object-position: center;
}

#thumbnail-carousel {
	margin-left: -1rem;
	margin-right: -1rem;
}

.splide__arrow {
	margin-top: 3px;
}

@media (min-width: 576px) {

	.waldhaus-info {
		font-size: 1.4rem;
	}

	.waldhaus-info img {
		width: 50%;
	}

	img.waldhaus-info-location {
		width: 34%;
	}

	img.waldhaus-info-calendar {
		width: 42%;
	}

	img.waldhaus-info-zapfhahn {
		width: 30%;
	}

	#logo-waldhaus {
		width: 160px;
	}

	#waldhaus-subtitle {
		font-size: 1.6rem;
	}

	#buchungsanfragen {
		font-size: 2em;
		font-weight: bold;
		letter-spacing: 2px;
		text-transform: uppercase;
	}

}

@media (min-width: 768px) {


	#logo-waldhaus {
		width: 180px;
	}

	#waldhaus-subtitle {
		font-size: 2.5rem;
	}

	.splide__arrow {
		margin-top: 8px;
	}

	.splide__slide img {
		width: 100%;
		height: 100%;
		max-height: 640px;
		object-fit: scale-down;
		object-position: center;
	}

}