/* 
	 * phpBasics
	 * ---------
	 * 
	 * Script:        nKalender
	 * 
	 * Version:       1.0
	 * Release:       01.10.2019
	 * 
	 * Author:        numaek   
	 * Copyright (c): 2004-2019 by www.numaek.de
	 * 
	 * Alle Elemente des Kalenders sind hier zur eigenen Gestaltung aufgef�hrt.
	 * 
	 * *************************************************************************************************************************************************************************************************
	 */

.hint {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	z-index: 1000;
}

.gesamtpreis {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80%;
	margin: 0 auto 10px;
	padding: 8px;
	border: 2px solid #000;
	font-size: 1em;
}

	 .kalender-tag {
		display: inline-block;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		margin: 2px;
		border: 1px solid #ccc;
		cursor: pointer;
	}
	
	.kalender-tag.markiert {
		background-color: yellow;
	}
	.nKalender_rahmen
	{
		border:			0px;
	}

	.nKalender_tabelle
	{
		border:			0px;
		border-spacing:		20px;
	}
	.kalender-container {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width: 100%; /* Breite des Containers */
		margin: 0 auto; /* Zentrierung */
	}
	.nKalender-container {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width: 100%; /* Breite des Containers */
		margin: 0 auto; /* Zentrierung */
	}
	.nKalender_monate
	{
		border:			1px solid #0000FF;
		box-shadow:		10px 10px 5px #404040;
		text-align:		center;
		vertical-align:		top;
	}
	.nKalender_belegt {
		background-color: rgb(174, 174, 172); /* Beispiel: Gelber Hintergrund für markierte Tage */
		height:			20px;
		text-align:		center;
		font-family:	verdana;
		font-size:		8pt;
	}
	.nKalender_markiert {
		background-color: rgb(18, 187, 60); /* Beispiel: gründer Hintergrund für markierte Tage */
		height:			20px;
		text-align:		center;
		font-family:	verdana;
		font-size:		8pt;
	}
	.nKalender_kwText
	{
		background-color:	#DCDCDC;
		height:			20px;
		text-align:		center;
		font-family:	verdana;
		font-size:		8pt;
	}

	.nKalender_kwOff
	{
		background-color:	#DCDCDC;
		color:			#808080;
		font-family:		verdana;
		font-size:		8pt;
	}

	.nKalender_kwOn
	{
		background-color:	yellow;
		color:			#808080;
		font-family:		verdana;
		font-size:		8pt;
	}

	.nKalender_monatOff
	{
		background-color:	#DCDCDC;
		height:			20px;
		text-align:		left;
		font-weight:		bold;
		font-family:		verdana;
		font-size:		8pt;
	}

	.nKalender_monatOn
	{
		background-color:	#00FF00;
		height:			20px;
		text-align:		left;
		font-weight:		bold;
		font-family:		verdana;
		font-size:		8pt;
	}

	.nKalender_wochentag
	{
		background-color:	#808080;
		color:			floralwhite;
		height:			20px;
		text-align:		center;
		font-weight:		bold;
		font-family:		verdana;
		font-size:		8pt;
	}

	.nKalender_tagZelle
	{
		width:			22px;
		height:			20px;
		text-align:		center;
		padding:		0px;
		margin:			0px;
		border:			0px;
		font-size:		9pt;
	}

	.nKalender_tagLeer
	{
		background-color:	#AAAAAA;
		font-family:		verdana;
		font-size:		8pt;
	}

	.nKalender_tag
	{
		background-color:	floralwhite;
		font-family:		verdana;
		font-size:		8pt;
	}

	.nKalender_samstag
	{
		background-color:	lightblue;
		font-family:		verdana;
		font-size:		8pt;
	}

	.nKalender_sonntag
	{
		background-color:	#FFD2CF;
		font-family:		verdana;
		font-size:		8pt;
	}

	.nKalender_heute
	{
		background-color:	#00FF00;
		font-family:		verdana;
		font-size:		8pt;
	}
/*** Booking ***/
.booking {
    background: linear-gradient(rgba(15, 23, 43, .7), rgba(15, 23, 43, .7)), url(../img/Haus.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}