body
{
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	color: #fff;
}

a, a:hover, a:focus, a.active
{
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6
{
	color: #746c65;
}

a
{
	color: #cabdb2;
}

a:hover
{
	color: #cabdb2;
}

p,
label,
li
{
	
	color: #746c65;
	font-size: 1.2rem;
}

#TopSection
{
	position: relative;
	height: 100vh;
	background-image: url("sauna.jpg");
	background-position: center;
	background-repeat: no-repeat;	
	background-size: cover;
}

.navbar
{
	margin-bottom: 0px;
	border-radius: 0px;
	width: 100%;
	z-index: 1000;
	background-color: #cabdb2;
	box-shadow: 1px 1px 1px #333;	
	transition: all 0.3s ease;
}

.navbar.scrolling
{
	background-color: #cabdb2;
	box-shadow: 1px 1px 1px #333;
}

.navbar .navbar-brand,
.navbar .navbar-text 
{
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	text-shadow: 2px 2px 2px #333;
}

.navbar .navbar-nav .nav-link 
{
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	text-shadow: 2px 2px 2px #333;
}

.navbar .nav-item.active .nav-link,
.navbar .nav-item:focus .nav-link,
.navbar .nav-item:hover .nav-link,
.navbar a.navbar-brand.active,
.navbar a.navbar-brand:focus,
.navbar a.navbar-brand:hover
{
	color: #e3dad2;
	/* color: #746c65; */
	text-shadow: 2px 2px 2px #333;
}


@media (max-width: 767px) 
{
	.navbar-nav
	{
		max-width: 200px;
		text-align: right;
	}

	.navbar-collapse 
	{
		background-color: #e8e9ec;
		padding: 10px 20px 10px 20px;
		border-radius: 5px;
	}
}

.navbar-toggler .navbar-toggler-icon 
{
	margin: 0;
	padding: 0;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

#TopSectionContentBox
{
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
}

#TopSectionLogoTextBox 
{
	margin: 0px auto 80px auto;
	padding: 0px 50px 15px 50px;
	/*color: #c5d2f1; hellblau */
	/*color: #22428d; dunkelblau */
	color: #fff;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 20px;
}

#TopSectionLogoTextBox h4
{
	color: #fff;
	text-shadow: 2px 2px 2px #333;	
}

#TopSectionLogoTextBox a i
{
	font-size: 24px;
}

#NextBtn
{
	color: #fff;
	font-weight: 600;
	background-color: #50463d;
	padding: 5px 30px 0px 30px;
	border-radius: 30px;
	
}

#NextBtn:hover
{
	color: #fff;
	background-color: #cabdb2;
	text-decoration: none;
}

#WellnessSection
{
	position: relative;
	min-height: 100vh;
	padding: 100px 0px 50px 0px;	
	background-color: #fff;
}

#MassageSection
{
	position: relative;
	min-height: 100vh;
	padding: 100px 0px 50px 0px;
	background-color: #f7f5f2;
}

#OfferSection
{
	position: relative;
	min-height: 100vh;
	padding: 100px 0px 50px 0px;
	background-color: #eae1d9;
	background-image: url("panorama-meransen.jpg");
	background-position: top;
	background-repeat: no-repeat;	
	background-attachment: fixed;
}

#WebcamSection
{
	position: relative;
	min-height: 100vh;
	padding: 100px 0px 50px 0px;
	background-color: #f7f5f2;
}

#LegalSection
{
	position: relative;
	min-height: 100vh;
	padding-top: 100px;
	background-color: #fff;
}

#PrivacySection
{
	position: relative;
	min-height: 100vh;
	padding-top: 100px;
	background-color: #eae1d9;
}

#CookieSection
{
	position: relative;
	min-height: 100vh;
	padding-top: 100px;
	background-color: #fff;
}

.OfferBox
{
	border-radius: 10px;
	padding: 4px;
	overflow: hidden;
	height: 100%;
	background-color: #cabdb2;
	max-width: 800px;
}

.OfferBox img
{
	border-radius: 10px 10px 0px 0px;
}

.OfferBox a.DetailLink
{
	background-color: #50463d;
	color: #fff;
	border-radius: 5px;
	padding: 3px 8px;
}

.OfferBox a.DetailLink:hover
{
	background-color: #dbd2ca;
	color: #50463d;
}

.OfferBox a.BookingLink
{
	background-color: #b00617;
	color: #fff;
	border-radius: 5px;
	padding: 3px 8px;	
}

.OfferBox a.BookingLink:hover
{
	background-color: #fff;
	color: #b00617;
}

.OfferBox .ContentBox
{
	padding: 20px;
	height: 100%;
}

.OfferBox .TitleBox 
{
	font-style: italic;
}

.BackgroundDark p,
.BackgroundDark h2,
.BackgroundDark h4,
.BackgroundDark a,
.BackgroundDark label
{
	color: #fff;
	text-decoration: none;
}

.BackgroundDark a:hover,
.BackgroundDark a:focus
{
	color: #cabdb2;
}

footer
{
	color: #fff;
	font-size: 0.9em;	
	background-color: #50463d;
}

.IconSocialMedia
{
	font-size: 24px; 
	margin: 5px;
}

.FontNormal
{
	font-size: 1em;
}

.FontSmall
{
	font-size: 0.8em;
}

#PrivacyBox
{
	display: table-row;
}

#PrivacyBox span
{
	display: table-cell;
}

#PrivacyBox label 
{ 
	display: table-cell;
	padding: 0px 8px;
}

#PrivacyBox label a
{ 
	color: #9dc9fe;
}

#PrivacyBox label a:hover,
#PrivacyBox label a:focus
{ 
	color: #c5d2f1;
}

#CookieBar
{
	position: fixed;
	z-index: 1000;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	margin: 0px auto; 
	padding: 10px; 
	color: #fff;
	background: rgba(11, 24, 45, 0.95);
}

#CookieBar p
{
	color: #fff;
}

#CookieBar a
{
	color: #ab8d30;
}

#CookieBar #ConsentBtn
{
	border: 0px;
	padding: 3px 15px; 
	margin-top: 5px;
	color: #fff;
	background-color: #ab8d30;
}

#LogoHotel
{
	width: 300px;
}