/* hero-images.css – erzeugt vom Hero-Uploader. Ersetzt die vorhandene Datei. */

body[data-page="index"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-index.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="index"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-index@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="index"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-index.webp") type("image/webp"), url("assets/images/bg/hero-index.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="index"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-index@2x.webp") type("image/webp"), url("assets/images/bg/hero-index@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-ostsee"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-ostsee.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-ostsee"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-ostsee@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-ostsee"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-ostsee.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-ostsee.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-ostsee"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-ostsee@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-ostsee@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-nordsee"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-nordsee.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-nordsee"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-nordsee@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-nordsee"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-nordsee.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-nordsee.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-nordsee"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-nordsee@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-nordsee@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-oesterreich"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-oesterreich.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-oesterreich"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-oesterreich@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-oesterreich"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-oesterreich.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-oesterreich.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-oesterreich"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-oesterreich@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-oesterreich@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-italien"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-italien.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-italien"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-italien@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-italien"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-italien.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-italien.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-italien"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-italien@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-italien@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-kroatien"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-kroatien.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-kroatien"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-kroatien@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-kroatien"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-kroatien.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-kroatien.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-kroatien"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-kroatien@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-kroatien@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-daenemark"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-daenemark.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-daenemark"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-daenemark@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-daenemark"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-daenemark.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-daenemark.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-daenemark"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-daenemark@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-daenemark@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-sylt"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-sylt.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-sylt"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-sylt@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-sylt"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-sylt.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-sylt.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-sylt"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-sylt@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-sylt@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-foehr"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-foehr.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-foehr"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-foehr@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-foehr"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-foehr.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-foehr.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-foehr"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-foehr@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-foehr@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-usedom"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-usedom.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-usedom"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-usedom@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-usedom"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-usedom.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-usedom.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-usedom"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-usedom@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-usedom@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-korsika"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-korsika.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-korsika"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-korsika@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-korsika"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-korsika.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-korsika.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-korsika"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-korsika@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-korsika@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-mallorca"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-mallorca.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-mallorca"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-mallorca@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-mallorca"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-mallorca.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-mallorca.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-mallorca"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-mallorca@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-mallorca@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-madeira"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-madeira.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-madeira"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-madeira@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-madeira"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-madeira.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-madeira.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-madeira"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-madeira@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-madeira@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-berlin"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-berlin.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-berlin"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-berlin@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-berlin"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-berlin.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-berlin.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-berlin"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-berlin@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-berlin@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-hamburg"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-hamburg.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-hamburg"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-hamburg@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-hamburg"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-hamburg.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-hamburg.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-hamburg"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-hamburg@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-hamburg@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-muenchen"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-muenchen.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-muenchen"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-muenchen@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-muenchen"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-muenchen.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-muenchen.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-muenchen"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-muenchen@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-muenchen@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-koeln"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-koeln.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-koeln"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-koeln@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-koeln"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-koeln.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-koeln.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-koeln"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-koeln@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-koeln@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-duesseldorf"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-duesseldorf.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-duesseldorf"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-duesseldorf@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-duesseldorf"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-duesseldorf.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-duesseldorf.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-duesseldorf"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-duesseldorf@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-duesseldorf@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-heidelberg"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-heidelberg.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-heidelberg"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-heidelberg@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-heidelberg"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-heidelberg.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-heidelberg.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-heidelberg"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-heidelberg@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-heidelberg@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienhaus"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienhaus.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienhaus"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienhaus@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienhaus"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienhaus.webp") type("image/webp"), url("assets/images/bg/hero-ferienhaus.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienhaus"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienhaus@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienhaus@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="bauernhof"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-bauernhof.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="bauernhof"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-bauernhof@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="bauernhof"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-bauernhof.webp") type("image/webp"), url("assets/images/bg/hero-bauernhof.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="bauernhof"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-bauernhof@2x.webp") type("image/webp"), url("assets/images/bg/hero-bauernhof@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="schloss"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-schloss.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="schloss"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-schloss@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="schloss"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-schloss.webp") type("image/webp"), url("assets/images/bg/hero-schloss.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="schloss"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-schloss@2x.webp") type("image/webp"), url("assets/images/bg/hero-schloss@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="hausboot"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-hausboot.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="hausboot"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-hausboot@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="hausboot"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-hausboot.webp") type("image/webp"), url("assets/images/bg/hero-hausboot.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="hausboot"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-hausboot@2x.webp") type("image/webp"), url("assets/images/bg/hero-hausboot@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="camping"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-camping.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="camping"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-camping@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="camping"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-camping.webp") type("image/webp"), url("assets/images/bg/hero-camping.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="camping"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-camping@2x.webp") type("image/webp"), url("assets/images/bg/hero-camping@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-mit-hund"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-mit-hund.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-mit-hund"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-mit-hund@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-mit-hund"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-mit-hund.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-mit-hund.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-mit-hund"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-mit-hund@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-mit-hund@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-mit-pool"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-mit-pool.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-mit-pool"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-mit-pool@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-mit-pool"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-mit-pool.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-mit-pool.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-mit-pool"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-mit-pool@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-mit-pool@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-mit-wlan"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-mit-wlan.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-mit-wlan"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-mit-wlan@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-mit-wlan"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-mit-wlan.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-mit-wlan.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-mit-wlan"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-mit-wlan@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-mit-wlan@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-mit-tv"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-mit-tv.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-mit-tv"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-mit-tv@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-mit-tv"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-mit-tv.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-mit-tv.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-mit-tv"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-mit-tv@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-mit-tv@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-mit-sauna"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-mit-sauna.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-mit-sauna"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-mit-sauna@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-mit-sauna"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-mit-sauna.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-mit-sauna.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-mit-sauna"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-mit-sauna@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-mit-sauna@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-zum-angeln"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-zum-angeln.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-zum-angeln"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-zum-angeln@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-zum-angeln"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-zum-angeln.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-zum-angeln.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-zum-angeln"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-zum-angeln@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-zum-angeln@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-mit-terrasse"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-mit-terrasse.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-mit-terrasse"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-mit-terrasse@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-mit-terrasse"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-mit-terrasse.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-mit-terrasse.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-mit-terrasse"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-mit-terrasse@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-mit-terrasse@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-mit-garten"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-mit-garten.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-mit-garten"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-mit-garten@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-mit-garten"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-mit-garten.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-mit-garten.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-mit-garten"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-mit-garten@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-mit-garten@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-mit-kamin"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-mit-kamin.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-mit-kamin"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-mit-kamin@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-mit-kamin"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-mit-kamin.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-mit-kamin.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-mit-kamin"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-mit-kamin@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-mit-kamin@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="freistehende-ferienwohnung"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-freistehende-ferienwohnung.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="freistehende-ferienwohnung"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-freistehende-ferienwohnung@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="freistehende-ferienwohnung"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-freistehende-ferienwohnung.webp") type("image/webp"), url("assets/images/bg/hero-freistehende-ferienwohnung.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="freistehende-ferienwohnung"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-freistehende-ferienwohnung@2x.webp") type("image/webp"), url("assets/images/bg/hero-freistehende-ferienwohnung@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-mit-klimaanlage"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-mit-klimaanlage.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-mit-klimaanlage"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-mit-klimaanlage@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-mit-klimaanlage"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-mit-klimaanlage.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-mit-klimaanlage.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-mit-klimaanlage"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-mit-klimaanlage@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-mit-klimaanlage@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="barrierefreie-ferienwohnung"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-barrierefreie-ferienwohnung.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="barrierefreie-ferienwohnung"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-barrierefreie-ferienwohnung@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="barrierefreie-ferienwohnung"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-barrierefreie-ferienwohnung.webp") type("image/webp"), url("assets/images/bg/hero-barrierefreie-ferienwohnung.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="barrierefreie-ferienwohnung"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-barrierefreie-ferienwohnung@2x.webp") type("image/webp"), url("assets/images/bg/hero-barrierefreie-ferienwohnung@2x.jpg") type("image/jpeg")); }
  }
}

body[data-page="ferienwohnung-ostsee-mit-hund"] .hero{
  background-color:#243976;
  background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-ostsee-mit-hund.jpg");
  background-size:cover;
  background-position:center 50%;
  min-height:clamp(360px,44vh,480px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
@media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
  body[data-page="ferienwohnung-ostsee-mit-hund"] .hero{
    background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), url("assets/images/bg/hero-ferienwohnung-ostsee-mit-hund@2x.jpg");
  }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  body[data-page="ferienwohnung-ostsee-mit-hund"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-ostsee-mit-hund.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-ostsee-mit-hund.jpg") type("image/jpeg")); }
}
@supports (background-image: image-set(url("i.webp") type("image/webp"))){
  @media (min-width:1600px), (min-width:1024px) and (min-resolution:1.5dppx){
    body[data-page="ferienwohnung-ostsee-mit-hund"] .hero{ background-image:linear-gradient(to bottom, rgba(16,26,54,.74) 0%, rgba(18,30,62,.46) 50%, rgba(16,28,58,.58) 100%), image-set(url("assets/images/bg/hero-ferienwohnung-ostsee-mit-hund@2x.webp") type("image/webp"), url("assets/images/bg/hero-ferienwohnung-ostsee-mit-hund@2x.jpg") type("image/jpeg")); }
  }
}