var body = document.body; body.className += " u-body u-white"; body.style.cssText += " "; (function ($) { var ResponsiveCms = window.ResponsiveCms; if (!ResponsiveCms) { return; } ResponsiveCms.contentDom = $('script:last').parent(); ResponsiveCms.mediaStyleUrl = "/administrator/components/com_nicepage/assets/css/media.css"; ResponsiveCms.responsiveStyleUrl = "/administrator/components/com_nicepage/assets/css/responsive.css"; if (typeof ResponsiveCms.recalcClasses === 'function') { ResponsiveCms.recalcClasses(); } })(jQuery); Strand, Meer und viel zu sehen Buchungsanfrage Übernachtung Einzelzimmer mit FrühstückDoppelzimmer mit FrühstückFerienwohnungFerien Appartement Ungültige Eingabe Ankunft Ungültige Eingabe Abreise Ungültige Eingabe Anzahl Erwachsene Ungültige Eingabe Anzahl Kinder Ungültige Eingabe Vorname(*) Bitte teilen Sie uns Ihren Vorname mit. Nachname(*) Bitte teilen Sie uns Ihren Nachname mit. Straße(*) Formular-Feld muss ausgefüllt werden Wohnort(*) Formular-Feld muss ausgefüllt werden PLZ(*) Formular-Feld muss ausgefüllt werden Telefon(*) Formular-Feld muss ausgefüllt werden FAX Formular-Feld muss ausgefüllt werden Email Adresse(*) Bitte teilen Sie uns Ihre E-Mail-Adresse mit. Weitere Fragen Ungültige Eingabe Wie haben Sie mich gefunden SuchmaschineGästemagazinGastgeberverzeichnis Butjadingen Ungültige Eingabe Formular übermitteln HINWEISE: (Bitte füllen Sie alle mit (*) gekennzeichneten Zeilen vollständig aus. Ohne diese Informationen ist eine erfolgreiche Anfrage leider nicht möglich. Danke für Ihr Interesse. ) .u-body { font-family: Roboto,sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans',sans-serif; } .u-overlap.u-overlap-transparent .u-header, .u-image, .u-gradient { color: #111111; } .u-shading, .u-overlap.u-overlap-contrast .u-header { color: #ffffff; } .u-body { color: #111111; background-color: #ffffff; } .u-custom-font.u-text-font { font-family: Roboto,sans-serif !important; } .u-custom-font.u-heading-font { font-family: 'Open Sans',sans-serif !important; }/*begin-variables sitestylecss*/ h1.u-title { font-weight: 400; font-size: 4.5rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h2.u-subtitle { font-weight: 400; font-size: 2.25rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h1:not(.u-title) { font-weight: 400; font-size: 3rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h2:not(.u-subtitle) { font-weight: 400; font-size: 2.25rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h3 { font-weight: 400; font-size: 1.875rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } h4 { font-weight: 400; font-size: 1.5rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } h5 { font-weight: 400; font-size: 1.25rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } h6 { font-weight: 400; font-size: 1.125rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } p.u-large-text { font-size: 1.25rem; margin-top: 20px; margin-bottom: 20px; } p.u-small-text { font-size: 0.875rem; margin-top: 20px; margin-bottom: 20px; } p:not(.u-text-variant) { margin-top: 20px; margin-bottom: 20px; } .u-link, a { margin-top: 20px; margin-bottom: 20px; } .u-btn { margin-top: 20px; margin-bottom: 20px; background-image: none; } blockquote { font-style: italic; padding-left: 20px; border-width: 4px; margin-top: 20px; margin-bottom: 20px; } .u-metadata { margin-top: 20px; margin-bottom: 20px; } ul:not(.u-unstyled) { margin-top: 20px; margin-bottom: 20px; } ol { margin-top: 20px; margin-bottom: 20px; } .u-post-content { margin-top: 20px; margin-bottom: 20px; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-link, .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header a, .u-gradient > .u-container-layout > .u-link, .u-gradient > .u-container-layout > a, .u-image:not(.u-shading) > .u-container-layout > .u-link, .u-image:not(.u-shading) > .u-container-layout > a, .u-link, a { color: #599d66; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-link:hover, .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header a:hover, .u-gradient > .u-container-layout > .u-link:hover, .u-gradient > .u-container-layout > a:hover, .u-image:not(.u-shading) > .u-container-layout > .u-link:hover, .u-image:not(.u-shading) > .u-container-layout > a:hover, .u-link:hover, a:hover { color: #508d5c; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-btn, .u-gradient > .u-container-layout > .u-btn, .u-image:not(.u-shading) > .u-container-layout > .u-btn, .u-btn { background-color: #599d66; color: #ffffff; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-btn:hover, .u-gradient > .u-container-layout > .u-btn:hover, .u-image:not(.u-shading) > .u-container-layout > .u-btn:hover, .u-btn:hover { background-color: #599d66; color: #ffffff; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-btn:active, .u-gradient > .u-container-layout > .u-btn:active, .u-image:not(.u-shading) > .u-container-layout > .u-btn:active, .u-btn:active { background-color: #599d66; color: #ffffff; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header blockquote, .u-gradient > .u-container-layout > blockquote, .u-image:not(.u-shading) > .u-container-layout > blockquote, blockquote { border-color: #599d66; } .u-body-color .u-link, .u-body-color a,.u-palette-1-base .u-link, .u-palette-1-base a,.u-palette-1-dark-3 .u-link, .u-palette-1-dark-3 a,.u-palette-1-dark-2 .u-link, .u-palette-1-dark-2 a,.u-palette-1-dark-1 .u-link, .u-palette-1-dark-1 a,.u-palette-1 .u-link, .u-palette-1 a,.u-palette-2-base .u-link, .u-palette-2-base a,.u-palette-2-dark-3 .u-link, .u-palette-2-dark-3 a,.u-palette-2-dark-2 .u-link, .u-palette-2-dark-2 a,.u-palette-2-dark-1 .u-link, .u-palette-2-dark-1 a,.u-palette-2 .u-link, .u-palette-2 a,.u-palette-3-base .u-link, .u-palette-3-base a,.u-palette-3-dark-3 .u-link, .u-palette-3-dark-3 a,.u-palette-3-dark-2 .u-link, .u-palette-3-dark-2 a,.u-palette-3-dark-1 .u-link, .u-palette-3-dark-1 a,.u-palette-3 .u-link, .u-palette-3 a,.u-palette-4-dark-3 .u-link, .u-palette-4-dark-3 a,.u-palette-4-dark-2 .u-link, .u-palette-4-dark-2 a,.u-palette-4-dark-1 .u-link, .u-palette-4-dark-1 a,.u-palette-5-dark-3 .u-link, .u-palette-5-dark-3 a,.u-palette-5-dark-2 .u-link, .u-palette-5-dark-2 a,.u-palette-5-dark-1 .u-link, .u-palette-5-dark-1 a,.u-palette-5 .u-link, .u-palette-5 a,.u-grey-40 .u-link, .u-grey-40 a,.u-grey-30 .u-link, .u-grey-30 a,.u-grey-90 .u-link, .u-grey-90 a,.u-grey-80 .u-link, .u-grey-80 a,.u-grey-75 .u-link, .u-grey-75 a,.u-black .u-link, .u-black a,.u-grey-70 .u-link, .u-grey-70 a,.u-grey-60 .u-link, .u-grey-60 a,.u-grey-50 .u-link, .u-grey-50 a,.u-grey-dark-3 .u-link, .u-grey-dark-3 a,.u-grey-dark-2 .u-link, .u-grey-dark-2 a,.u-grey-dark-1 .u-link, .u-grey-dark-1 a,.u-grey .u-link, .u-grey a,.u-shading .u-link, .u-shading a,.u-overlap-contrast .u-header .u-link, .u-overlap-contrast .u-header a { color: #c6e9cc; } .u-body-color .u-link:hover, .u-body-color a:hover,.u-palette-1-base .u-link:hover, .u-palette-1-base a:hover,.u-palette-1-dark-3 .u-link:hover, .u-palette-1-dark-3 a:hover,.u-palette-1-dark-2 .u-link:hover, .u-palette-1-dark-2 a:hover,.u-palette-1-dark-1 .u-link:hover, .u-palette-1-dark-1 a:hover,.u-palette-1 .u-link:hover, .u-palette-1 a:hover,.u-palette-2-base .u-link:hover, .u-palette-2-base a:hover,.u-palette-2-dark-3 .u-link:hover, .u-palette-2-dark-3 a:hover,.u-palette-2-dark-2 .u-link:hover, .u-palette-2-dark-2 a:hover,.u-palette-2-dark-1 .u-link:hover, .u-palette-2-dark-1 a:hover,.u-palette-2 .u-link:hover, .u-palette-2 a:hover,.u-palette-3-base .u-link:hover, .u-palette-3-base a:hover,.u-palette-3-dark-3 .u-link:hover, .u-palette-3-dark-3 a:hover,.u-palette-3-dark-2 .u-link:hover, .u-palette-3-dark-2 a:hover,.u-palette-3-dark-1 .u-link:hover, .u-palette-3-dark-1 a:hover,.u-palette-3 .u-link:hover, .u-palette-3 a:hover,.u-palette-4-dark-3 .u-link:hover, .u-palette-4-dark-3 a:hover,.u-palette-4-dark-2 .u-link:hover, .u-palette-4-dark-2 a:hover,.u-palette-4-dark-1 .u-link:hover, .u-palette-4-dark-1 a:hover,.u-palette-5-dark-3 .u-link:hover, .u-palette-5-dark-3 a:hover,.u-palette-5-dark-2 .u-link:hover, .u-palette-5-dark-2 a:hover,.u-palette-5-dark-1 .u-link:hover, .u-palette-5-dark-1 a:hover,.u-palette-5 .u-link:hover, .u-palette-5 a:hover,.u-grey-40 .u-link:hover, .u-grey-40 a:hover,.u-grey-30 .u-link:hover, .u-grey-30 a:hover,.u-grey-90 .u-link:hover, .u-grey-90 a:hover,.u-grey-80 .u-link:hover, .u-grey-80 a:hover,.u-grey-75 .u-link:hover, .u-grey-75 a:hover,.u-black .u-link:hover, .u-black a:hover,.u-grey-70 .u-link:hover, .u-grey-70 a:hover,.u-grey-60 .u-link:hover, .u-grey-60 a:hover,.u-grey-50 .u-link:hover, .u-grey-50 a:hover,.u-grey-dark-3 .u-link:hover, .u-grey-dark-3 a:hover,.u-grey-dark-2 .u-link:hover, .u-grey-dark-2 a:hover,.u-grey-dark-1 .u-link:hover, .u-grey-dark-1 a:hover,.u-grey .u-link:hover, .u-grey a:hover { color: #e6e6e6; } .u-body-color .u-btn,.u-palette-1-base .u-btn,.u-palette-1-dark-3 .u-btn,.u-palette-1-dark-2 .u-btn,.u-palette-1-dark-1 .u-btn,.u-palette-1 .u-btn,.u-palette-2-base .u-btn,.u-palette-2-dark-3 .u-btn,.u-palette-2-dark-2 .u-btn,.u-palette-2-dark-1 .u-btn,.u-palette-2 .u-btn,.u-palette-3-base .u-btn,.u-palette-3-dark-3 .u-btn,.u-palette-3-dark-2 .u-btn,.u-palette-3-dark-1 .u-btn,.u-palette-3 .u-btn,.u-palette-4-dark-3 .u-btn,.u-palette-4-dark-2 .u-btn,.u-palette-4-dark-1 .u-btn,.u-palette-5-dark-3 .u-btn,.u-palette-5-dark-2 .u-btn,.u-palette-5-dark-1 .u-btn,.u-palette-5 .u-btn,.u-grey-40 .u-btn,.u-grey-30 .u-btn,.u-grey-90 .u-btn,.u-grey-80 .u-btn,.u-grey-75 .u-btn,.u-black .u-btn,.u-grey-70 .u-btn,.u-grey-60 .u-btn,.u-grey-50 .u-btn,.u-grey-dark-3 .u-btn,.u-grey-dark-2 .u-btn,.u-grey-dark-1 .u-btn,.u-grey .u-btn,.u-shading .u-btn,.u-overlap-contrast .u-header .u-btn { background-color: #c6e9cc; color: #000000; } .u-body-color .u-btn:hover,.u-palette-1-base .u-btn:hover,.u-palette-1-dark-3 .u-btn:hover,.u-palette-1-dark-2 .u-btn:hover,.u-palette-1-dark-1 .u-btn:hover,.u-palette-1 .u-btn:hover,.u-palette-2-base .u-btn:hover,.u-palette-2-dark-3 .u-btn:hover,.u-palette-2-dark-2 .u-btn:hover,.u-palette-2-dark-1 .u-btn:hover,.u-palette-2 .u-btn:hover,.u-palette-3-base .u-btn:hover,.u-palette-3-dark-3 .u-btn:hover,.u-palette-3-dark-2 .u-btn:hover,.u-palette-3-dark-1 .u-btn:hover,.u-palette-3 .u-btn:hover,.u-palette-4-dark-3 .u-btn:hover,.u-palette-4-dark-2 .u-btn:hover,.u-palette-4-dark-1 .u-btn:hover,.u-palette-5-dark-3 .u-btn:hover,.u-palette-5-dark-2 .u-btn:hover,.u-palette-5-dark-1 .u-btn:hover,.u-palette-5 .u-btn:hover,.u-grey-40 .u-btn:hover,.u-grey-30 .u-btn:hover,.u-grey-90 .u-btn:hover,.u-grey-80 .u-btn:hover,.u-grey-75 .u-btn:hover,.u-black .u-btn:hover,.u-grey-70 .u-btn:hover,.u-grey-60 .u-btn:hover,.u-grey-50 .u-btn:hover,.u-grey-dark-3 .u-btn:hover,.u-grey-dark-2 .u-btn:hover,.u-grey-dark-1 .u-btn:hover,.u-grey .u-btn:hover,.u-shading .u-btn:hover,.u-overlap-contrast .u-header .u-btn:hover { background-color: #c6e9cc; color: #000000; } .u-body-color .u-btn:active,.u-palette-1-base .u-btn:active,.u-palette-1-dark-3 .u-btn:active,.u-palette-1-dark-2 .u-btn:active,.u-palette-1-dark-1 .u-btn:active,.u-palette-1 .u-btn:active,.u-palette-2-base .u-btn:active,.u-palette-2-dark-3 .u-btn:active,.u-palette-2-dark-2 .u-btn:active,.u-palette-2-dark-1 .u-btn:active,.u-palette-2 .u-btn:active,.u-palette-3-base .u-btn:active,.u-palette-3-dark-3 .u-btn:active,.u-palette-3-dark-2 .u-btn:active,.u-palette-3-dark-1 .u-btn:active,.u-palette-3 .u-btn:active,.u-palette-4-dark-3 .u-btn:active,.u-palette-4-dark-2 .u-btn:active,.u-palette-4-dark-1 .u-btn:active,.u-palette-5-dark-3 .u-btn:active,.u-palette-5-dark-2 .u-btn:active,.u-palette-5-dark-1 .u-btn:active,.u-palette-5 .u-btn:active,.u-grey-40 .u-btn:active,.u-grey-30 .u-btn:active,.u-grey-90 .u-btn:active,.u-grey-80 .u-btn:active,.u-grey-75 .u-btn:active,.u-black .u-btn:active,.u-grey-70 .u-btn:active,.u-grey-60 .u-btn:active,.u-grey-50 .u-btn:active,.u-grey-dark-3 .u-btn:active,.u-grey-dark-2 .u-btn:active,.u-grey-dark-1 .u-btn:active,.u-grey .u-btn:active,.u-shading .u-btn:active,.u-overlap-contrast .u-header .u-btn:active { background-color: #c6e9cc; color: #000000; } /*end-variables sitestylecss*/ /*begin-variables base-font-size*/ html { font-size: 18px; } /*end-variables base-font-size*/.u-section-1 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url("/images/nicepage-images/Nordsee_blick_mit_Sonne.jpg")} .u-section-1 .u-sheet-1 {min-height: 900px} .u-section-1 .u-group-1 {width: 795px; min-height: 511px; height: auto; margin: 98px auto 291px} .u-section-1 .u-image-1 {width: 576px; height: 227px; margin: 100px 89px 0 auto} .u-section-1 .u-text-1 {letter-spacing: 2px; margin: 54px 20px 50px 40px} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-1 {background-position: 50% -6.73679vh} .u-section-1 .u-group-1 {width: 656px} .u-section-1 .u-image-1 {width: 475px; height: 186px; margin-top: 107px; margin-right: 83px} .u-section-1 .u-text-1 {font-size: 1.5rem; margin-top: 124px; margin-left: 32px; margin-right: 32px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-1 {background-position: 50% 50%} .u-section-1 .u-group-1 {width: 502px} .u-section-1 .u-container-layout-1 {padding-left: 26px} .u-section-1 .u-image-1 {height: 187px; width: 476px; margin-top: 162px; margin-right: auto; margin-left: -13px} .u-section-1 .u-text-1 {margin-top: 32px; margin-right: 26px; margin-left: 0} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-1 {background-position: 50% -7.03438vh} .u-section-1 .u-group-1 {width: 471px} .u-section-1 .u-container-layout-1 {padding-left: 18px} .u-section-1 .u-image-1 {height: 174px; width: 453px; margin-top: 98px; margin-left: -9px} .u-section-1 .u-text-1 {margin-top: 50px; margin-right: 18px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-1 {background-position: 50% 50%, 50% 50%} .u-section-1 .u-group-1 {width: 340px} .u-section-1 .u-container-layout-1 {padding-left: 12px} .u-section-1 .u-image-1 {height: 133px; width: 328px; margin-top: 218px; margin-left: -6px} .u-section-1 .u-text-1 {margin-top: 42px; margin-right: 12px} }/*/RESPONSIVE_MEDIA*/ .u-section-2 {background-image: none} .u-section-2 .u-layout-wrap-1 {margin: 36px auto 0 0} .u-section-2 .u-layout-cell-1 {background-image: none; min-height: 152px} .u-section-2 .u-container-layout-1 {padding-left: 88px; padding-right: 88px} .u-section-2 .u-text-1 {letter-spacing: 1px; font-size: 3.75rem; font-weight: 500; margin: 36px 0 15px} .u-section-2 .u-layout-cell-2 {background-image: none; min-height: 752px} .u-section-2 .u-container-layout-2 {padding-left: 222px} .u-section-2 .u-position-1 {min-height: 250px; height: auto; width: 856px; margin: 39px 222px 22px 0} .u-section-2 .u-text-2 {font-size: 1.125rem; line-height: 2} .u-section-2 .u-text-3 {font-size: 0.875rem; line-height: 2} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-2 .u-layout-wrap-1 {margin-top: 1px; margin-right: initial; margin-left: initial} .u-section-2 .u-layout-cell-1 {min-height: 95px} .u-section-2 .u-container-layout-1 {padding-left: 53px; padding-right: 53px} .u-section-2 .u-text-1 {margin-top: 0; margin-bottom: 0} .u-section-2 .u-layout-cell-2 {min-height: 781px} .u-section-2 .u-container-layout-2 {padding-right: 0; padding-left: 0} .u-section-2 .u-position-1 {min-height: 316px; width: 706px; margin: 53px auto 80px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-2 {min-height: 899px} .u-section-2 .u-layout-wrap-1 {margin-top: 3px; margin-right: initial; margin-left: initial} .u-section-2 .u-layout-cell-1 {min-height: 90px} .u-section-2 .u-container-layout-1 {padding-left: 49px; padding-right: 49px} .u-section-2 .u-text-1 {font-size: 3rem; margin-top: 31px} .u-section-2 .u-layout-cell-2 {min-height: 806px} .u-section-2 .u-position-1 {min-height: 250px; width: 621px; margin-top: 49px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-2 {min-height: 680px} .u-section-2 .u-layout-wrap-1 {margin-top: 19px; margin-bottom: -430px; margin-right: initial; margin-left: initial} .u-section-2 .u-layout-cell-1 {min-height: 59px} .u-section-2 .u-container-layout-1 {padding-left: 58px; padding-right: 58px} .u-section-2 .u-text-1 {margin-top: 0} .u-section-2 .u-layout-cell-2 {min-height: 586px} .u-section-2 .u-position-1 {width: 435px; margin-top: 43px; margin-bottom: 60px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-2 {min-height: 0} .u-section-2 .u-layout-wrap-1 {margin-top: 11px; margin-bottom: 0; margin-right: initial; margin-left: initial} .u-section-2 .u-layout-cell-1 {min-height: 68px} .u-section-2 .u-container-layout-1 {padding-left: 45px; padding-right: 45px} .u-section-2 .u-text-1 {font-size: 2.25rem; width: 350px; margin-top: 11px} .u-section-2 .u-layout-cell-2 {min-height: 772px} .u-section-2 .u-position-1 {width: 308px; margin-top: 20px; margin-bottom: 75px} }/*/RESPONSIVE_MEDIA*/ landing_with_header_footer
