/* SILBENTRENNUNG */
body {
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}


/*.offscreen-content {
  overflow-x: hidden;
}*/

/* Menüs allgemein und Footer Menues */

		.si-vertical-menu-center ul.colibri-menu li a {
			display: block;
			text-align: center;
		}

		.si-mobile-menu-footer-elements #menu-footer-jur li a,
		#menu-shop li a {
			color: #fff !Important;
			text-decoration: none;
			margin-bottom: 5px;
		}

		.si-mobile-menu-footer-elements #menu-shop {
			margin-bottom: 20px;
		}

		.si-mobile-menu-footer-elements #menu-footer-jur li a {
			font-size: 12px !Important;
		}


/* ---------------------------------- */

/* Offscreen Menu Panel */

		/* === Grundlegendes Styling für den gesamten Menücontainer === */
		.si-vertical-menu {
			background-color: #7A1F31 !important; /* Hintergrundfarbe des gesamten Menüs */
			list-style: none;                     /* Entfernt Standard-Aufzählungszeichen */
			padding: 0;
			margin: 0;
		}

		/* === Standard-Links (Ebene 1) === */
		.si-vertical-menu li a {
			display: block;                  
			color: white !important;              /* Schriftfarbe */
			text-decoration: none;                /* Keine Unterstreichung */
			background-color: #7A1F31 !important; /* Gleiche Hintergrundfarbe wie Menücontainer */
			transition: none !important;          /* Keine Hover-Übergänge */
		}

		/* === Zustände deaktivieren: Hover, aktiv, aktuelle Seite usw. === */
		.si-vertical-menu a:hover,
		.si-vertical-menu a:focus,
		.si-vertical-menu a:active,
		.si-vertical-menu .current-menu-item > a,
		.si-vertical-menu .current_page_item > a,
		.si-vertical-menu .current-menu-ancestor > a {
			background-color: #7A1F31 !important; /* Keine visuelle Hervorhebung */
			color: white !important;
		}

		/* === Untermenü-Container (UL für Ebenen > 1) === */
		.si-vertical-menu ul {
			background-color: transparent !important; /* Kein abweichender Hintergrund */
			padding-left: 0 !important;               /* Kein zusätzliches Padding auf UL */
			margin: 0 !important;
		}

		/* === Menüpunkt in Ebene 2 === */
		.si-vertical-menu ul li a {
			padding-left: 40px !important;            /* Einrückung zur Darstellung der Hierarchie */
		}

		/* === Menüpunkt in Ebene 3 (und tiefer) === */
		.si-vertical-menu ul ul li a {
			padding-left: 60px !important;            /* Weitere Einrückung für tiefere Ebenen */
		}



/* Notebook / Desktop */
@media only screen and (min-width: 48em) {
	.wps-form-row {
		flex-direction: row;
	}

	.wps-form-column {
		padding: 0.5rem 1rem;
	}
}

/* ENDE Contact Form 2-Spaltig */


/* Formular nach dem Senden ausblenden */
.wpcf7-form.sent #cfhide {
	display: none;
}

/* - - - - - - - - - - - - - - - - - */

table.oeffnung {
	width: 100%;
}

table.oeffnung td {
	font-size: 14px;
	border-bottom: 1px solid #CCCCCC;
	color: #000;
	padding: 10px;
	text-align: left;
}

table.oeffnung tr:nth-child(odd) td {
	background: #eeebe2;
}

table.oeffnung tr:last-child td {
	border-bottom: none;
}

/* Cookie-Banner */
.cookie-text {
	font-size: 12px !Important;
	line-height: 100% !Important;
	max-height: 400px !Important;
}


/* Blog-Preview */
.blog-prev-img div:first-child {
	min-height: auto !Important;
}

/* Schriftgrößen */

@media (max-width: 1024px) {
	h1 {
		font-size: 2.5rem !Important;
	}

	h2,
	h3 {
		font-size: 1.5rem !Important;
	}

	h4 {
		font-size: 1.2rem !Important;
	}

	p {
		font-size: 1rem !Important;
	}
}

@media (max-width: 576px) {
	h1 {
		font-size: 1.6rem !Important;
	}

	h2,
	h3 {
		font-size: 1.3rem !Important;
	}

	h4 {
		font-size: 1.1rem !Important;
	}

	p {
		font-size: 1rem !Important;
	}
}

.impressum * {
	text-align: left;
	font-size: 14px;
}

.impressum h1 {
	font-size: 32px;
}

.impressum h2 {
	font-size: 24px;
}

.impressum h3 {
	font-size: 20px;
}

.impressum h4 {
	font-size: 16px;
}

.impressum h5 {
	font-size: 12px;
}

.impressum hr {
	border-bottom: 1px solid red;
	width: 100% !Important;
	max-width: 100% !Important;
}

.impressum ul {
	padding-left: 30px;
	margin-bottom: 1rem;
}

/*-------------------------------------*/

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}



/*--------Anfang Easy Booking----------*/

 .smallsearchAnfrage {
 	background: #7a1f31;
	padding: 30px;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }
 .eb_smallsearch {
 	width: auto;
 }
 .smallsearchForm {
 	width: 100%;
 	display: flex;
 }
 .eb_smallsearch select {
 	background-color: #FFF;
 	border: 1px solid #CCC;
 	height: 30px;
 	padding: 7px 6px;
 	width: 60px;
 	float: right
 }
 .eb_smallsearch .adults .label,
 .eb_smallsearch .children .label {
 	color: #666;
 	line-height: 30px;
 	padding-right: 10px
 }
 .eb_smallsearch .adults,
 .eb_smallsearch .children {
 	margin: 5px 20px 0 0
 }
 .eb_smallsearch h3 {
 	width: auto;
 }
 .eb_smallsearch .arrival,
 .eb_smallsearch .departure {
 	min-width: unset;
 	float: left;
 	margin-right: 50px;
 	width: 300px;
 }
 .eb_smallsearch .arrival input,
 .eb_smallsearch .departure input {
 	color: #000;
 	font-size: 16px;
 	height: 45px;
 	line-height: 23px;
 	padding-left: 15px;
 	width: 100%;
 	margin: 0px 0;
 	z-index: 99;
 	border: none;
 }
 .eb_smallsearch form div.search .sendButton {
 	background: #7a1f31;
 	border: 1px solid #fff;
 	border-radius: 0 0 0 0;
 	color: #FFF;
 	cursor: pointer;
 	float: unset;
 	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
 	margin: 0px 0;
 	padding: 15px 33px;
 	margin-right: 25px;
 }

 .eb_smallsearch .datepicker {
 	background: url(http://nele.easybooking.tv/fileadmin/templates/Vorlage13_Nele/img/datepicker.png) no-repeat scroll right top 5px #FFF;
 	border: 0 none;
 }
 #ui-datepicker-div {
 	font-size: 17px;
 }
 @media screen and (max-width: 1000px) {
 	.eb_smallsearch .arrival,
 	.eb_smallsearch .departure {
 		width: 100%;
 		margin-bottom: 10px;
 	}
 	.eb_smallsearch form div.search .sendButton {
 		width: 49.574%;
 		margin-right: 0px;
 	}
 	.eb_smallsearch {
 		margin-left: 0px;
 	}
 }
 @media screen and (max-width: 500px) {
 	.eb_smallsearch form div.search .sendButton {
 		width: 100%;
 		margin-right: 0px;
 		margin-bottom: 10px;
 	}
 }
 @media screen and (max-width: 1008px) {
 	.smallsearchForm {
 		display: block;
 	}
 }
 /*--------Ende Easy Booking----------*/