/*
 * Reethaus Nordlicht – Single Post Noir 1.4
 * Hero und Outro kommen ueber WordPress-/Enfold-Hooks. Die redaktionellen
 * ALB-Inhalte bleiben unveraendert und werden nur zentral gestaltet.
 */

body#top.rn-noir-site.rnbg-single-enabled.single-post #main {
  padding-top: 0 !important;
  /* Enfolds editierbare Footer-Seite enthaelt gefloatete Sections. Anders als
   * overflow: clip bildet hidden einen Block Formatting Context und nimmt
   * diese Sections wieder in die Hoehenberechnung auf. */
  overflow: hidden;
  background: var(--rn-black, #080808) !important;
}

body#top.rn-noir-site.rnbg-single-enabled #main > .container_wrap_first {
  border: 0 !important;
  background: var(--rn-black, #080808) !important;
}

body#top.rn-noir-site.rnbg-single-enabled #main > .container_wrap_first > .container {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

body#top.rn-noir-site.rnbg-single-enabled #main > .container_wrap_first .template-page.content {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

body#top.rn-noir-site.rnbg-single-enabled #main > .container_wrap_first .template-page.content > .post-entry {
  width: var(--rn-grid-width) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: clamp(92px, 9vw, 145px) 0 clamp(100px, 10vw, 155px) !important;
}

body#top.rn-noir-site.rnbg-single-enabled #main > .container_wrap_first .template-page.content > .post-entry > .entry-content-wrapper {
  width: 100% !important;
  max-width: none !important;
}

body#top.rn-noir-site.rnbg-single-enabled #main > .container_wrap_first :is(
  .template-page.content > .post-entry > .entry-content-header,
  .template-page.content > .post-entry .blog-meta,
  .template-page.content > .post-entry .big-preview.single-big,
  .template-page.content > .post-entry .post-meta-infos
) {
  display: none !important;
}

.rnbg-single-shell {
  width: 100vw;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  background: var(--rn-black, #080808);
  color: var(--rn-paper, #f1eee7);
  font-family: var(--rn-text, "Nordlicht Text", "Open Sans", Arial, sans-serif);
}

.rnbg-single-shell *,
.rnbg-single-shell *::before,
.rnbg-single-shell *::after {
  box-sizing: border-box;
}

body#top.rn-noir-site .rnbg-single-hero-v2 {
  width: 100%;
  min-height: min(850px, 100svh);
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  overflow: hidden;
  background: #111 !important;
}

body#top.rn-noir-site .rnbg-single-hero-v2 .rnbg-single-hero__media {
  width: 100%;
  height: 100%;
  min-height: inherit;
  margin: 0;
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #111;
}

body#top.rn-noir-site .rnbg-single-hero-v2 .rnbg-single-hero__image,
body#top.rn-noir-site .rnbg-single-hero-v2 .rnbg-single-hero__placeholder {
  width: 100%;
  height: 100%;
  min-height: inherit;
  position: absolute;
  inset: 0;
  object-fit: cover;
  object-position: center;
  filter: none !important;
}

body#top.rn-noir-site .rnbg-single-hero-v2 .rnbg-single-hero__overlay {
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(8, 8, 8, .9) 0%, rgba(8, 8, 8, .68) 37%, rgba(8, 8, 8, .18) 70%, rgba(8, 8, 8, .04)),
    linear-gradient(0deg, rgba(8, 8, 8, .58), transparent 48%);
}

body#top.rn-noir-site .rnbg-single-hero-v2 .rnbg-single-hero__copy {
  width: min(760px, calc(100vw - 72px));
  max-width: none;
  padding: 0 !important;
  position: absolute;
  z-index: 2;
  left: var(--rn-grid-left, max(36px, calc((100vw - 1240px) / 2)));
  bottom: clamp(78px, 8vw, 112px);
  background: transparent !important;
}

body#top.rn-noir-site .rnbg-single-hero-v2 .rnbg-eyebrow {
  margin: 0 0 10px !important;
  color: var(--rn-warm-light, #e1cfaa) !important;
  font-family: var(--rn-text, "Nordlicht Text", sans-serif) !important;
  font-size: var(--rn-eyebrow-size, 8px) !important;
  font-weight: 600 !important;
  letter-spacing: var(--rn-eyebrow-track, .18em) !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
}

body#top.rn-noir-site .rnbg-single-script {
  margin: 0 0 -7px !important;
  color: var(--rn-warm-light, #e1cfaa) !important;
  font-family: var(--rn-script, "Nordlicht Script", cursive) !important;
  font-size: clamp(43px, 4.4vw, 68px) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: .9 !important;
  text-transform: none !important;
}

body#top.rn-noir-site .rnbg-single-hero-v2 h1 {
  max-width: 760px;
  margin: 0 !important;
  color: var(--rn-paper, #f1eee7) !important;
  font-family: var(--rn-display, "Nordlicht Display", "Arial Narrow", sans-serif) !important;
  font-size: var(--rn-h1-size, clamp(45.198px, 5.3946vw, 70px)) !important;
  font-weight: 500 !important;
  letter-spacing: var(--rn-h1-track, -.045em) !important;
  line-height: var(--rn-h1-line, .9) !important;
  overflow-wrap: normal;
  text-wrap: balance;
  text-transform: uppercase !important;
  word-break: normal;
}

body#top.rn-noir-site .rnbg-single-hero-v2 h1.rnbg-single-title--long {
  font-size: clamp(43px, 4.85vw, 64px) !important;
}

body#top.rn-noir-site .rnbg-single-hero-v2 h1.rnbg-single-title--xlong {
  font-size: clamp(39px, 4.4vw, 59px) !important;
}

body#top.rn-noir-site .rnbg-single-hero-v2 .rnbg-single-hero__lead {
  max-width: 660px;
  margin: 28px 0 0 !important;
  color: rgba(255, 255, 255, .82) !important;
  font-family: var(--rn-text, "Nordlicht Text", sans-serif) !important;
  font-size: var(--rn-lead-size, 16px) !important;
  font-weight: 400 !important;
  line-height: var(--rn-lead-line, 1.6) !important;
}

body#top.rn-noir-site .rnbg-single-hero-v2 figcaption {
  right: var(--rn-grid-left, 36px) !important;
  bottom: 28px !important;
  left: auto !important;
  z-index: 2;
  max-width: min(520px, calc(100% - 72px));
}

body#top.rn-noir-site .rnbg-single-shell > .rnbg-single-facts {
  width: var(--rn-grid-width, min(1240px, calc(100vw - 72px))) !important;
  max-width: none !important;
  margin: 0 auto !important;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: solid var(--rn-line, rgba(255, 255, 255, .14));
  border-width: 0 0 1px 1px;
  background: var(--rn-black, #080808) !important;
}

body#top.rn-noir-site .rnbg-single-shell > .rnbg-single-facts article {
  min-height: 142px;
  margin: 0;
  padding: 28px clamp(20px, 2.2vw, 30px);
  border: 0;
  border-right: 1px solid var(--rn-line, rgba(255, 255, 255, .14));
  border-radius: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--rn-black, #080808) !important;
}

body#top.rn-noir-site .rnbg-single-shell > .rnbg-single-facts article > b {
  margin: 0;
  color: var(--rn-paper, #f1eee7) !important;
  font-family: var(--rn-display, "Nordlicht Display", sans-serif) !important;
  font-size: clamp(22px, 2vw, 29px) !important;
  font-weight: 500 !important;
  letter-spacing: -.02em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body#top.rn-noir-site .rnbg-single-shell > .rnbg-single-facts article > p {
  max-width: 220px;
  margin: 10px 0 0 !important;
  color: var(--rn-warm, #c3aa7a) !important;
  font-family: var(--rn-text, "Nordlicht Text", sans-serif) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  line-height: 1.45 !important;
  text-transform: uppercase !important;
}

/* Existing ALB content: one central grid, type system and button treatment. */
body#top.rn-noir-site.rnbg-single-enabled #main > .container_wrap_first .template-page.content > .post-entry .entry-content-wrapper > :is(.flex_column_table, .flex_column) {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body#top.rn-noir-site.rnbg-single-enabled #main > .container_wrap_first .template-page.content > .post-entry :is(h2, h3, h4, h5) {
  color: var(--rn-paper, #f1eee7) !important;
  font-family: var(--rn-display, "Nordlicht Display", "Arial Narrow", sans-serif) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
}

body#top.rn-noir-site.rnbg-single-enabled #main > .container_wrap_first .template-page.content > .post-entry h2 {
  font-size: var(--rn-h2-size, clamp(43.74px, 4.86vw, 74.52px)) !important;
  letter-spacing: var(--rn-h2-track, -.045em) !important;
  line-height: var(--rn-h2-line, .9) !important;
}

body#top.rn-noir-site.rnbg-single-enabled #main > .container_wrap_first .template-page.content > .post-entry h3 {
  font-size: var(--rn-h3-size, clamp(19.44px, 1.782vw, 27.54px)) !important;
  letter-spacing: var(--rn-h3-track, normal) !important;
  line-height: var(--rn-h3-line, 1.05) !important;
}

body#top.rn-noir-site.rnbg-single-enabled #main > .container_wrap_first .template-page.content > .post-entry :is(p, li, address) {
  color: var(--rn-muted, #aaa69d) !important;
  font-family: var(--rn-text, "Nordlicht Text", "Open Sans", sans-serif) !important;
  font-size: var(--rn-copy-size, 13px) !important;
  font-weight: 400 !important;
  line-height: var(--rn-copy-line, 1.65) !important;
}

body#top.rn-noir-site.rnbg-single-enabled #main > .container_wrap_first .template-page.content > .post-entry :is(blockquote, blockquote p) {
  margin-left: 0 !important;
  padding-left: 0 !important;
  border: 0 !important;
  color: var(--rn-warm-light, #e1cfaa) !important;
  font-family: var(--rn-script, "Nordlicht Script", cursive) !important;
  font-size: var(--rn-quote-size, clamp(36px, 3.3vw, 52px)) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: var(--rn-quote-line, .98) !important;
  text-transform: none !important;
}

body#top.rn-noir-site.rnbg-single-enabled #main > .container_wrap_first .template-page.content > .post-entry :is(.avia-image-container, .avia-image-container-inner, .avia-image-container img, .slide-image, .slide-image img) {
  border-radius: 0 !important;
}

body#top.rn-noir-site.rnbg-single-enabled #main > .container_wrap_first .template-page.content > .post-entry a.avia-button {
  min-height: 52px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(255, 255, 255, .34) !important;
  border-radius: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  background: transparent !important;
  color: #fff !important;
  font-family: var(--rn-text, "Nordlicht Text", sans-serif) !important;
  font-size: var(--rn-cta-size, 9px) !important;
  font-weight: 600 !important;
  letter-spacing: var(--rn-cta-track, .14em) !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

body#top.rn-noir-site.rnbg-single-enabled #main > .container_wrap_first .template-page.content > .post-entry a.avia-button :is(.avia_iconbox_title, .avia_button_icon) {
  color: inherit !important;
}

body#top.rn-noir-site.rnbg-single-enabled #main > .container_wrap_first .template-page.content > .post-entry .avia-content-slider {
  margin-top: clamp(52px, 6vw, 88px) !important;
}

body#top.rn-noir-site.rnbg-single-enabled #main > .container_wrap_first .template-page.content > .post-entry .avia-content-slider .slide-entry-title,
body#top.rn-noir-site.rnbg-single-enabled #main > .container_wrap_first .template-page.content > .post-entry .avia-content-slider .slide-entry-title a {
  color: var(--rn-paper, #f1eee7) !important;
  font-family: var(--rn-display, "Nordlicht Display", sans-serif) !important;
  font-size: var(--rn-h3-size, clamp(19.44px, 1.782vw, 27.54px)) !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}

body#top.rn-noir-site .rnbg-single-outro {
  width: 100%;
  margin: 0;
  padding: clamp(78px, 8vw, 118px) 0;
  border: solid var(--rn-line, rgba(255, 255, 255, .14));
  border-width: 1px 0;
  background: #111 !important;
  color: var(--rn-paper, #f1eee7);
}

body#top.rn-noir-site .rnbg-single-outro__inner {
  width: var(--rn-grid-width, min(1240px, calc(100vw - 72px))) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 60px;
}

body#top.rn-noir-site .rnbg-single-outro h2 {
  margin: 18px 0 0 !important;
  color: var(--rn-paper, #f1eee7) !important;
  font-family: var(--rn-display, "Nordlicht Display", sans-serif) !important;
  font-size: var(--rn-h2-size, clamp(43.74px, 4.86vw, 74.52px)) !important;
  font-weight: 400 !important;
  letter-spacing: var(--rn-h2-track, -.045em) !important;
  line-height: var(--rn-h2-line, .9) !important;
  text-transform: uppercase !important;
}

body#top.rn-noir-site .rnbg-single-outro__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body#top.rn-noir-site .rnbg-single-outro__actions a {
  min-height: 54px;
  padding: 0 19px;
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 0 !important;
  display: flex;
  align-items: center;
  gap: 28px;
  background: transparent;
  color: #fff !important;
  font-family: var(--rn-text, "Nordlicht Text", sans-serif) !important;
  font-size: var(--rn-cta-size, 9px) !important;
  font-weight: 600;
  letter-spacing: var(--rn-cta-track, .14em);
  line-height: 1.2;
  text-transform: uppercase;
}

body#top.rn-noir-site .rnbg-single-outro__actions .rnbg-single-outro__booking {
  border-color: var(--rn-warm, #c3aa7a);
  background: var(--rn-warm, #c3aa7a);
  color: #111 !important;
}

@media (max-width: 940px) {
  body#top.rn-noir-site.rnbg-single-enabled #main > .container_wrap_first .template-page.content > .post-entry {
    padding-top: 82px !important;
    padding-bottom: 98px !important;
  }

  body#top.rn-noir-site .rnbg-single-hero-v2 {
    min-height: 760px;
  }

  body#top.rn-noir-site .rnbg-single-shell > .rnbg-single-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body#top.rn-noir-site .rnbg-single-shell > .rnbg-single-facts article:nth-child(2) {
    border-right: 0;
  }

  body#top.rn-noir-site .rnbg-single-shell > .rnbg-single-facts article:nth-child(-n+2) {
    border-bottom: 1px solid var(--rn-line, rgba(255, 255, 255, .14));
  }

  body#top.rn-noir-site .rnbg-single-outro__inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  body#top.rn-noir-site .rnbg-single-hero-v2 {
    min-height: 700px;
  }

  body#top.rn-noir-site .rnbg-single-hero-v2 .rnbg-single-hero__overlay {
    background: linear-gradient(0deg, rgba(8, 8, 8, .94) 0%, rgba(8, 8, 8, .52) 64%, rgba(8, 8, 8, .28));
  }

  body#top.rn-noir-site .rnbg-single-hero-v2 .rnbg-single-hero__copy {
    width: var(--rn-grid-width, calc(100vw - 30px));
    left: var(--rn-grid-left, 15px);
    bottom: 58px;
  }

  body#top.rn-noir-site .rnbg-single-hero-v2 h1,
  body#top.rn-noir-site .rnbg-single-hero-v2 h1.rnbg-single-title--long,
  body#top.rn-noir-site .rnbg-single-hero-v2 h1.rnbg-single-title--xlong {
    font-size: clamp(44px, 13.4vw, 60px) !important;
    line-height: .92 !important;
  }

  body#top.rn-noir-site .rnbg-single-script {
    font-size: clamp(40px, 13vw, 54px) !important;
  }

  body#top.rn-noir-site .rnbg-single-hero-v2 .rnbg-single-hero__lead {
    margin-top: 22px !important;
    font-size: 15px !important;
  }

  body#top.rn-noir-site .rnbg-single-hero-v2 figcaption {
    display: none !important;
  }

  body#top.rn-noir-site .rnbg-single-shell > .rnbg-single-facts {
    grid-template-columns: 1fr;
  }

  body#top.rn-noir-site .rnbg-single-shell > .rnbg-single-facts article,
  body#top.rn-noir-site .rnbg-single-shell > .rnbg-single-facts article:nth-child(2) {
    min-height: 116px;
    padding: 23px 20px;
    border-right: 1px solid var(--rn-line, rgba(255, 255, 255, .14));
    border-bottom: 1px solid var(--rn-line, rgba(255, 255, 255, .14));
  }

  body#top.rn-noir-site .rnbg-single-shell > .rnbg-single-facts article:last-child {
    border-bottom: 0;
  }

  body#top.rn-noir-site.rnbg-single-enabled #main > .container_wrap_first .template-page.content > .post-entry {
    padding-top: 72px !important;
    padding-bottom: 86px !important;
  }

  body#top.rn-noir-site .rnbg-single-outro {
    padding: 70px 0;
  }

  body#top.rn-noir-site .rnbg-single-outro__actions {
    display: grid;
  }

  body#top.rn-noir-site .rnbg-single-outro__actions a {
    justify-content: space-between;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rnbg-single-shell *,
  .rnbg-single-outro * {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}