.elementor-kit-1187{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-f499125:#FFFFFF;--e-global-color-ce29736:#D39364;--e-global-color-e03a232:#585858;--e-global-color-ce49169:#2F4137;--e-global-color-a1b2dd4:#2F413733;--e-global-color-5868bdf:#FFFDFB;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-bb8d7dd-font-family:"Cormorant Garamond";--e-global-typography-bb8d7dd-font-size:17px;--e-global-typography-bb8d7dd-font-weight:500;--e-global-typography-bb8d7dd-line-height:1em;--e-global-typography-dd9b4d1-font-family:"Cormorant Garamond";--e-global-typography-dd9b4d1-font-size:80px;--e-global-typography-dd9b4d1-font-weight:500;--e-global-typography-dd9b4d1-font-style:italic;--e-global-typography-dd9b4d1-line-height:1.1em;--e-global-typography-59a30d8-font-family:"Cormorant Garamond";--e-global-typography-59a30d8-font-size:52px;--e-global-typography-59a30d8-font-weight:500;--e-global-typography-59a30d8-font-style:italic;--e-global-typography-59a30d8-line-height:1.1em;--e-global-typography-a5783de-font-family:"Cormorant Garamond";--e-global-typography-a5783de-font-size:30px;--e-global-typography-a5783de-font-weight:600;--e-global-typography-a5783de-font-style:italic;--e-global-typography-a5783de-line-height:1.1em;--e-global-typography-0da0172-font-family:"Raleway";--e-global-typography-0da0172-font-size:18px;--e-global-typography-0da0172-font-weight:400;--e-global-typography-0da0172-text-transform:uppercase;--e-global-typography-0da0172-font-style:italic;--e-global-typography-0da0172-line-height:1.1em;--e-global-typography-069f593-font-family:"Raleway";--e-global-typography-069f593-font-size:15px;--e-global-typography-069f593-font-weight:500;--e-global-typography-069f593-text-transform:uppercase;--e-global-typography-069f593-line-height:1.1em;--e-global-typography-069f593-letter-spacing:1px;--e-global-typography-d06fc82-font-family:"Raleway";--e-global-typography-d06fc82-font-size:16px;--e-global-typography-d06fc82-font-weight:500;--e-global-typography-d06fc82-line-height:1.5em;--e-global-typography-926cdec-font-family:"Raleway";--e-global-typography-926cdec-font-size:18px;--e-global-typography-926cdec-font-weight:500;--e-global-typography-926cdec-line-height:1.5em;--e-global-typography-3005b94-font-family:"Cormorant Garamond";--e-global-typography-3005b94-font-size:20px;--e-global-typography-3005b94-font-weight:500;--e-global-typography-3005b94-font-style:italic;--e-global-typography-3005b94-line-height:1em;--e-global-typography-20a2c39-font-family:"Raleway";--e-global-typography-20a2c39-font-size:14px;--e-global-typography-20a2c39-font-weight:400;--e-global-typography-20a2c39-text-transform:uppercase;--e-global-typography-20a2c39-line-height:1em;--e-global-typography-20a2c39-letter-spacing:1px;--e-global-typography-b0e8ba8-font-family:"Cormorant Garamond";--e-global-typography-b0e8ba8-font-size:36px;--e-global-typography-b0e8ba8-font-weight:600;--e-global-typography-b0e8ba8-font-style:italic;--e-global-typography-b0e8ba8-line-height:1.1em;--e-global-typography-4e0bfe9-font-family:"Raleway";--e-global-typography-4e0bfe9-font-size:14px;--e-global-typography-4e0bfe9-font-weight:500;--e-global-typography-4e0bfe9-line-height:1.5em;--e-global-typography-b1917f4-font-family:"Cormorant Garamond";--e-global-typography-b1917f4-font-size:90px;--e-global-typography-b1917f4-font-weight:500;--e-global-typography-b1917f4-font-style:italic;--e-global-typography-b1917f4-line-height:1.1em;--e-global-typography-a2adc00-font-family:"Cormorant Garamond";--e-global-typography-a2adc00-font-size:18px;--e-global-typography-a2adc00-font-weight:500;--e-global-typography-a2adc00-font-style:italic;--e-global-typography-a2adc00-line-height:1.5em;--e-global-typography-75588b3-font-family:"Cormorant Garamond";--e-global-typography-75588b3-font-size:26px;--e-global-typography-75588b3-font-weight:600;--e-global-typography-75588b3-font-style:italic;--e-global-typography-75588b3-line-height:1.1em;--e-global-typography-7fb389a-font-family:"Raleway";--e-global-typography-7fb389a-font-size:14px;--e-global-typography-7fb389a-font-weight:500;--e-global-typography-7fb389a-line-height:1.5em;--e-global-typography-0927e33-font-family:"Cormorant Garamond";--e-global-typography-0927e33-font-size:26px;--e-global-typography-0927e33-font-weight:600;--e-global-typography-0927e33-font-style:italic;--e-global-typography-0927e33-line-height:1.1em;--e-global-typography-007f0a4-font-family:"Cormorant Garamond";--e-global-typography-007f0a4-font-size:20px;--e-global-typography-007f0a4-font-weight:600;--e-global-typography-007f0a4-font-style:italic;--e-global-typography-007f0a4-line-height:1.1em;--e-global-typography-006f006-font-family:"Raleway";--e-global-typography-006f006-font-size:20px;--e-global-typography-006f006-font-weight:400;--e-global-typography-006f006-font-style:italic;--e-global-typography-006f006-line-height:1.5em;--e-global-typography-5badc8c-font-family:"Raleway";--e-global-typography-5badc8c-font-size:16px;--e-global-typography-5badc8c-font-weight:500;--e-global-typography-5badc8c-line-height:3em;}.elementor-kit-1187 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-1187{--e-global-typography-b1917f4-font-size:90px;--e-global-typography-007f0a4-font-size:28px;--e-global-typography-006f006-font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-1187{--e-global-typography-dd9b4d1-font-size:56px;--e-global-typography-59a30d8-font-size:42px;--e-global-typography-b0e8ba8-font-size:28px;--e-global-typography-b1917f4-font-size:56px;--e-global-typography-007f0a4-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//******************************************
 * HEADER & LOGO SWITCH – AKTUELLE VERSION
 * Stand: funktioniert, nur Logo minimal korrigiert
 ******************************************/

/* =========================
   1. Sticky-Header Verhalten
   =========================
   - Der Header bekommt beim Scrollen (Sticky-State)
     den braunen Hintergrund und etwas geringere Höhe.
   - Wir schalten die Hintergrundfarbe sofort (transition 0s),
     damit Farbwechsel und Logo-Switch synchron wirken.
*/

/* Hintergrund + allgemeine Sticky-Effekte */
.elementor-sticky--effects {
    background-color: rgba(104, 46, 24, 1) !important;
    transition: background-color 0s ease !important;
}

/* Höhe des Headers im Sticky-Zustand */
.elementor-sticky--effects > .elementor-container {
    min-height: 70px;
    transition: min-height 0.3s ease !important;
}

/* Höhe des Headers im Normalzustand (oben vor Scroll) */
.elementor-section > .elementor-container {
    transition: min-height 0.3s ease !important;
}


/* =========================
   2. Logo-Bereich
   =========================
   Aufbau:
   - In .logo-wrapper liegen zwei Bild-Widgets:
        1. farbiges Logo
        2. weißes Logo
   - Wir zeigen je nach Sticky-State immer nur eins.
   - Die Logos selbst schrumpfen NICHT in der Höhe,
     damit sie ruhig wirken.
*/

.logo-wrapper {
    display: flex;
    align-items: center;
    min-height: 117px;       /* Höhe oben vor Scroll */
    transition: all 0.3s ease;
}

/* Logos selbst: gleiche Max-Höhe in beiden Zuständen */
.logo-wrapper img {
    max-height: 117px;
    height: auto;
    width: auto;
    transition: none;
}

/* -------------------------
   Sichtbarkeit VOR Sticky:
   - farbiges Logo sichtbar (erstes Bild-Widget)
   - weißes Logo unsichtbar (zweites Bild-Widget)
-------------------------- */
.logo-wrapper .elementor-widget-image:first-of-type {
    display: block;
}
.logo-wrapper .elementor-widget-image:nth-of-type(2) {
    display: none;
}

/* -------------------------
   Sichtbarkeit NACH Sticky:
   - farbiges Logo aus
   - weißes Logo an
   - weißes Logo leicht nach oben verschoben (-10px),
     um optisch auf derselben Grundlinie zu bleiben
     (= Anti-Hüpfer)
-------------------------- */
.elementor-sticky--effects .logo-wrapper .elementor-widget-image:first-of-type {
    display: none;
}

.elementor-sticky--effects .logo-wrapper .elementor-widget-image:nth-of-type(2) {
    display: block;
    transform: translateY(-0.1px);
}

/* =========================
   3. Aufräumen / Hinweise
   =========================
   - Keine alten Shrink-Regeln mehr verwenden wie:
        .logo img { max-height: 117px; }
        .elementor-sticky--effects .logo img { max-height: 60px; }
   - Keine opacity-Spielereien nötig.
   - Kein absolutes Positionieren nötig.
*/

 .smallsearchAnfrage {
 	background: #eeeeee;
 	height: 25%;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }
 .eb_smallsearch {
 	width: auto;
 }
 .smallsearchForm {
 	width: auto;
 	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: #ccc;
 	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: none repeat scroll 0 0 #D62848;
 	border: 0 none;
 	border-radius: 0 0 0 0;
 	color: #FFF;
 	cursor: pointer;
 	float: unset;
 	font-size: 15px;
 	margin: 0px 0;
 	padding: 15px 33px;
 	margin-right: 25px;
 	width: 32.561%;
 }
 .eb_smallsearch h3 {
 	color: #666;
 	font-family: 'Raleway', sans-serif;
 	font-size: 28px;
 	font-weight: bold;
 	margin-top: 6px;
 	text-transform: uppercase;
 }
 .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;
 	}
 }/* End custom CSS */