/* Schneider Funworld photo catalogue, aligned with the current homepage. */

body.sfw-central-fotobox-page .sfw-box-page,
body.sfw-gaestebuecher-detail-page .sfw-fotobox-page-shell,
body.sfw-fotospiegel-holz-page .sfw-holz,
body .sfw-foto-page,
body.fotobox-page .fotobox-main,
body.vfb-standalone-page {
  --sfw-photo-max: 1240px;
  --sfw-photo-green: #239a7b;
  --sfw-photo-green-dark: #0b3025;
  --sfw-photo-mint: #c1e8c3;
  --sfw-photo-cream: #fbf8f0;
  --sfw-photo-paper: #fffefa;
  --sfw-photo-ink: #0b3025;
  --sfw-photo-muted: #3e6257;
  --sfw-photo-line: rgba(11, 48, 37, .13);
  --sfw-photo-shadow: 0 20px 48px rgba(11, 48, 37, .09);
  background: var(--sfw-photo-cream) !important;
  color: var(--sfw-photo-ink) !important;
}

body.sfw-central-fotobox-page .sfw-box-page {
  --box-green: var(--sfw-photo-green) !important;
  --box-green-dark: var(--sfw-photo-green-dark) !important;
  --box-mint: var(--sfw-photo-mint) !important;
  --box-yellow: #e8f6ea !important;
  --box-cream: var(--sfw-photo-cream) !important;
  --box-ink: var(--sfw-photo-ink) !important;
  --box-muted: var(--sfw-photo-muted) !important;
  --box-line: var(--sfw-photo-line) !important;
  --box-shadow: var(--sfw-photo-shadow) !important;
}

body.sfw-fotospiegel-holz-page .sfw-holz {
  --holz-green: var(--sfw-photo-green) !important;
  --holz-green-dark: var(--sfw-photo-green-dark) !important;
  --holz-mint: var(--sfw-photo-mint) !important;
  --holz-yellow: #e8f6ea !important;
  --holz-ink: var(--sfw-photo-ink) !important;
  --holz-muted: var(--sfw-photo-muted) !important;
  --holz-line: var(--sfw-photo-line) !important;
  --holz-cream: var(--sfw-photo-cream) !important;
  --holz-white: var(--sfw-photo-paper) !important;
  --holz-shadow: var(--sfw-photo-shadow) !important;
}

body.sfw-central-fotobox-page .sfw-box-wrap,
body.sfw-gaestebuecher-detail-page .sfw-fotobox-wrap,
body.sfw-fotospiegel-holz-page .sfw-holz-wrap,
body .sfw-foto-page .sfw-foto-wrap,
body.fotobox-page .fotobox-main .wrap {
  width: min(calc(100% - 36px), var(--sfw-photo-max)) !important;
  max-width: var(--sfw-photo-max) !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

body.sfw-central-fotobox-page .sfw-box-hero,
body.sfw-gaestebuecher-detail-page .sfw-fotobox-hero,
body.sfw-fotospiegel-holz-page .sfw-holz-hero,
body .sfw-foto-page .sfw-foto-hero,
body.fotobox-page .fotobox-main .hero {
  border: 0 !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(193, 232, 195, .82), transparent 34%),
    linear-gradient(135deg, #fbf8f0 0%, #fffefa 58%, #e8f6ea 100%) !important;
}

body.sfw-central-fotobox-page .sfw-box-page h1,
body.sfw-gaestebuecher-detail-page .sfw-fotobox-page-shell h1,
body.sfw-fotospiegel-holz-page .sfw-holz h1,
body .sfw-foto-page h1,
body.fotobox-page .fotobox-main h1,
body.vfb-standalone-page .seo-page h1 {
  color: var(--sfw-photo-ink) !important;
  font-size: clamp(42px, 5.6vw, 76px) !important;
  font-weight: 950 !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
}

body.sfw-central-fotobox-page .sfw-box-lead,
body.sfw-gaestebuecher-detail-page .sfw-fotobox-lead,
body.sfw-fotospiegel-holz-page .sfw-holz-lead,
body .sfw-foto-page .sfw-foto-hero p,
body.fotobox-page .fotobox-main .lead,
body.vfb-standalone-page .seo-page .vfb-seo-hero > p:not(.vfb-seo-kicker) {
  color: var(--sfw-photo-muted) !important;
  font-size: clamp(17px, 1.7vw, 21px) !important;
  line-height: 1.58 !important;
}

body.sfw-central-fotobox-page .sfw-box-btn--yellow,
body.sfw-central-fotobox-page .sfw-box-choice-price,
body.sfw-central-fotobox-page .sfw-box-showcase-price,
body.sfw-central-fotobox-page .sfw-box-backdrop-price,
body.sfw-central-fotobox-page .sfw-box-transparency,
body.sfw-gaestebuecher-detail-page .sfw-fotobox-btn.yellow,
body.sfw-gaestebuecher-detail-page .sfw-fotobox-price,
body.sfw-gaestebuecher-detail-page .sfw-fotobox-option strong,
body.sfw-fotospiegel-holz-page .sfw-holz-btn--yellow,
body.sfw-fotospiegel-holz-page .sfw-holz-backdrop-price,
body.fotobox-page .fotobox-main .yellow,
body.fotobox-page .fotobox-main .price {
  border-color: rgba(35, 154, 123, .2) !important;
  background: #e8f6ea !important;
  color: var(--sfw-photo-green-dark) !important;
}

body.sfw-central-fotobox-page .sfw-box-choice,
body.sfw-central-fotobox-page .sfw-box-package,
body.sfw-central-fotobox-page .sfw-box-calc-form,
body.sfw-central-fotobox-page .sfw-box-total-card,
body.sfw-central-fotobox-page .sfw-box-info-card,
body.sfw-central-fotobox-page .sfw-box-step,
body.sfw-central-fotobox-page .sfw-box-backdrop-card,
body.sfw-central-fotobox-page .sfw-box-faq details,
body.sfw-gaestebuecher-detail-page .sfw-fotobox-panel,
body.sfw-gaestebuecher-detail-page .sfw-fotobox-detail,
body.sfw-gaestebuecher-detail-page .sfw-fotobox-option,
body.sfw-gaestebuecher-detail-page .sfw-fotobox-card,
body.sfw-gaestebuecher-detail-page .sfw-fotobox-step,
body.sfw-gaestebuecher-detail-page .sfw-fotobox-faq,
body.sfw-fotospiegel-holz-page .sfw-holz-benefit,
body.sfw-fotospiegel-holz-page .sfw-holz-package,
body.sfw-fotospiegel-holz-page .sfw-holz-calc-form,
body.sfw-fotospiegel-holz-page .sfw-holz-total-card,
body.sfw-fotospiegel-holz-page .sfw-holz-backdrop-card,
body.sfw-fotospiegel-holz-page .sfw-holz-step,
body.sfw-fotospiegel-holz-page .sfw-holz-trust-card,
body.sfw-fotospiegel-holz-page .sfw-holz-crosssell-card,
body.sfw-fotospiegel-holz-page .sfw-holz-faq details,
body .sfw-foto-page .sfw-foto-card,
body .sfw-foto-page .sfw-foto-step,
body .sfw-foto-page .sfw-foto-list,
body .sfw-foto-page .sfw-foto-faq,
body.fotobox-page .fotobox-main .panel,
body.fotobox-page .fotobox-main .product-card,
body.fotobox-page .fotobox-main .notice,
body.fotobox-page .fotobox-main .benefit,
body.fotobox-page .fotobox-main details {
  border: 1px solid var(--sfw-photo-line) !important;
  border-radius: 22px !important;
  background: var(--sfw-photo-paper) !important;
  box-shadow: var(--sfw-photo-shadow) !important;
}

body.sfw-central-fotobox-page .sfw-box-section--warm,
body.sfw-central-fotobox-page .sfw-box-section--white,
body.sfw-gaestebuecher-detail-page .sfw-fotobox-section,
body.sfw-gaestebuecher-detail-page .sfw-fotobox-section.is-white,
body.sfw-fotospiegel-holz-page .sfw-holz-section,
body.sfw-fotospiegel-holz-page .sfw-holz-section--white,
body.sfw-fotospiegel-holz-page .sfw-holz-section--warm,
body.sfw-fotospiegel-holz-page .sfw-holz-section--mint,
body.fotobox-page .fotobox-main .section,
body.fotobox-page .fotobox-main .section.alt {
  background: transparent !important;
}

body.sfw-central-fotobox-page .sfw-box-section:nth-of-type(even),
body.sfw-gaestebuecher-detail-page .sfw-fotobox-section:nth-of-type(even),
body.fotobox-page .fotobox-main .section:nth-of-type(even) {
  background: rgba(193, 232, 195, .18) !important;
}

body.sfw-central-fotobox-page .sfw-box-final,
body.sfw-gaestebuecher-detail-page .sfw-fotobox-cta,
body.sfw-fotospiegel-holz-page .sfw-holz-final,
body .sfw-foto-page .sfw-foto-band,
body.fotobox-page .fotobox-main .cta {
  border: 0 !important;
  background: var(--sfw-photo-green-dark) !important;
  color: #fff !important;
}

body.sfw-gaestebuecher-detail-page .sfw-fotobox-page-shell {
  --sfw-photo-green: #239a7b !important;
  --sfw-photo-mint: #c1e8c3 !important;
  --sfw-photo-yellow: #e8f6ea !important;
  --sfw-photo-ink: #0b3025 !important;
  --sfw-photo-muted: #3e6257 !important;
  --sfw-photo-line: rgba(11, 48, 37, .13) !important;
  --sfw-photo-bg: #fbf8f0 !important;
  --sfw-photo-shadow: 0 20px 48px rgba(11, 48, 37, .09) !important;
}

body.vfb-standalone-page {
  --sfw-photo-green: #239a7b !important;
  --sfw-photo-mint: #c1e8c3 !important;
  --sfw-photo-yellow: #e8f6ea !important;
  --sfw-photo-ink: #0b3025 !important;
  --sfw-photo-muted: #3e6257 !important;
  --sfw-photo-line: rgba(11, 48, 37, .13) !important;
  --sfw-photo-bg: #fbf8f0 !important;
  --sfw-photo-shadow: 0 20px 48px rgba(11, 48, 37, .09) !important;
}

body.vfb-standalone-page .seo-page {
  width: min(calc(100% - 36px), var(--sfw-photo-max)) !important;
  max-width: var(--sfw-photo-max) !important;
  margin-inline: auto !important;
  padding: clamp(34px, 5vw, 70px) 0 72px !important;
}

body.vfb-standalone-page .seo-page .vfb-seo-hero {
  padding: clamp(32px, 5vw, 64px) !important;
  border: 1px solid var(--sfw-photo-line) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 6% 0%, rgba(193, 232, 195, .82), transparent 38%),
    linear-gradient(135deg, #fbf8f0, #fffefa 58%, #e8f6ea) !important;
  box-shadow: var(--sfw-photo-shadow) !important;
}

body.vfb-standalone-page .seo-page .vfb-seo-section,
body.vfb-standalone-page .seo-page .vfb-seo-facts article,
body.vfb-standalone-page .seo-page .vfb-seo-product-preview,
body.vfb-standalone-page .seo-page .vfb-seo-process article,
body.vfb-standalone-page .seo-page .vfb-seo-cta,
body.vfb-standalone-page .seo-page .vfb-seo-signature {
  border-radius: 22px !important;
  background: var(--sfw-photo-paper) !important;
  box-shadow: var(--sfw-photo-shadow) !important;
}

body.vfb-standalone-page .seo-page .vfb-seo-cta {
  background: var(--sfw-photo-green-dark) !important;
  color: #fff !important;
}

body.vfb-standalone-page .seo-page .vfb-seo-cta h2,
body.vfb-standalone-page .seo-page .vfb-seo-cta p {
  color: #fff !important;
}

/*
 * The virtual Fotobox guides originally shipped with a dark content theme.
 * Keep every text and component colour explicit now that these pages use the
 * light Schneider Funworld catalogue design.
 */
body.vfb-standalone-page .seo-page,
body.vfb-standalone-page .seo-page button,
body.vfb-standalone-page .seo-page input,
body.vfb-standalone-page .seo-page select,
body.vfb-standalone-page .seo-page textarea {
  color: var(--sfw-photo-ink) !important;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body.vfb-standalone-page .seo-page h1,
body.vfb-standalone-page .seo-page h2,
body.vfb-standalone-page .seo-page h3,
body.vfb-standalone-page .seo-page h4,
body.vfb-standalone-page .seo-page .vfb-seo-facts strong,
body.vfb-standalone-page .seo-page .vfb-seo-product-preview__grid strong,
body.vfb-standalone-page .seo-page .vfb-seo-process strong,
body.vfb-standalone-page .seo-page .vfb-seo-trust-grid strong,
body.vfb-standalone-page .seo-page .vfb-seo-faq summary {
  color: var(--sfw-photo-ink) !important;
  font-family: inherit !important;
}

body.vfb-standalone-page .seo-page p,
body.vfb-standalone-page .seo-page li,
body.vfb-standalone-page .seo-page figcaption,
body.vfb-standalone-page .seo-page .vfb-seo-facts span,
body.vfb-standalone-page .seo-page .vfb-seo-product-preview__grid span,
body.vfb-standalone-page .seo-page .vfb-seo-process span,
body.vfb-standalone-page .seo-page .vfb-seo-trust-grid span,
body.vfb-standalone-page .seo-page .vfb-seo-reco-card span,
body.vfb-standalone-page .seo-page .vfb-seo-location-grid span {
  color: var(--sfw-photo-muted) !important;
}

body.vfb-standalone-page .seo-page .vfb-seo-kicker,
body.vfb-standalone-page .seo-page .vfb-seo-eyebrow {
  border-color: rgba(35, 154, 123, .24) !important;
  background: #e8f6ea !important;
  color: var(--sfw-photo-green-dark) !important;
  text-shadow: none !important;
}

body.vfb-standalone-page .seo-page .vfb-seo-button {
  border-color: rgba(35, 154, 123, .28) !important;
  background: #fff !important;
  color: var(--sfw-photo-green-dark) !important;
}

body.vfb-standalone-page .seo-page .vfb-seo-button.vfb-seo-primary {
  border-color: var(--sfw-photo-green) !important;
  background: var(--sfw-photo-green) !important;
  color: #fff !important;
}

body.vfb-standalone-page .seo-page .vfb-seo-quick-nav {
  border-color: var(--sfw-photo-line) !important;
  background: var(--sfw-photo-paper) !important;
  box-shadow: var(--sfw-photo-shadow) !important;
}

body.vfb-standalone-page .seo-page .vfb-seo-quick-nav a,
body.vfb-standalone-page .seo-page .vfb-seo-chips li,
body.vfb-standalone-page .seo-page .vfb-seo-chips a,
body.vfb-standalone-page .seo-page .vfb-seo-link-list a {
  border-color: rgba(35, 154, 123, .2) !important;
  background: #e8f6ea !important;
  color: var(--sfw-photo-green-dark) !important;
}

body.vfb-standalone-page .seo-page .vfb-seo-quick-nav a:hover,
body.vfb-standalone-page .seo-page .vfb-seo-reco-card:hover,
body.vfb-standalone-page .seo-page .vfb-seo-location-grid a:hover {
  border-color: rgba(35, 154, 123, .42) !important;
  background: var(--sfw-photo-mint) !important;
  color: var(--sfw-photo-green-dark) !important;
}

body.vfb-standalone-page .seo-page .vfb-seo-signature__items span,
body.vfb-standalone-page .seo-page .vfb-seo-product-preview__grid article,
body.vfb-standalone-page .seo-page .vfb-seo-process article,
body.vfb-standalone-page .seo-page .vfb-seo-variant-card,
body.vfb-standalone-page .seo-page .vfb-seo-image-strip figure,
body.vfb-standalone-page .seo-page .vfb-seo-trust-grid article,
body.vfb-standalone-page .seo-page .vfb-seo-reco-card,
body.vfb-standalone-page .seo-page .vfb-seo-location-grid a {
  border-color: var(--sfw-photo-line) !important;
  background: #f5faf6 !important;
  color: var(--sfw-photo-ink) !important;
}

body.vfb-standalone-page .seo-page .vfb-seo-trust,
body.vfb-standalone-page .seo-page .vfb-seo-answer-box,
body.vfb-standalone-page .seo-page .vfb-seo-recommendations {
  border-color: rgba(35, 154, 123, .2) !important;
  background: linear-gradient(135deg, #fffefa, #edf8ef) !important;
}

body.vfb-standalone-page .seo-page .vfb-seo-facts article,
body.vfb-standalone-page .seo-page .vfb-seo-product-preview,
body.vfb-standalone-page .seo-page .vfb-seo-process article,
body.vfb-standalone-page .seo-page .vfb-seo-section,
body.vfb-standalone-page .seo-page .vfb-seo-signature {
  color: var(--sfw-photo-ink) !important;
}

body.vfb-standalone-page .seo-page .vfb-seo-product-preview__grid img,
body.vfb-standalone-page .seo-page .vfb-seo-variant-card img,
body.vfb-standalone-page .seo-page .vfb-seo-image-strip img {
  background: radial-gradient(circle at 50% 35%, #fff, #edf5ef) !important;
}

body.vfb-standalone-page .seo-page .vfb-seo-table-wrap {
  border-color: var(--sfw-photo-line) !important;
  background: var(--sfw-photo-paper) !important;
}

body.vfb-standalone-page .seo-page .vfb-seo-compare-table {
  background: var(--sfw-photo-paper) !important;
}

body.vfb-standalone-page .seo-page .vfb-seo-compare-table th,
body.vfb-standalone-page .seo-page .vfb-seo-compare-table td {
  border-color: var(--sfw-photo-line) !important;
  color: var(--sfw-photo-ink) !important;
}

body.vfb-standalone-page .seo-page .vfb-seo-faq details {
  border-color: var(--sfw-photo-line) !important;
  color: var(--sfw-photo-muted) !important;
}

body.vfb-standalone-page .seo-page .vfb-seo-cta,
body.vfb-standalone-page .seo-page .vfb-seo-cta h2,
body.vfb-standalone-page .seo-page .vfb-seo-cta p {
  color: #fff !important;
}

@media (max-width: 700px) {
  body.sfw-central-fotobox-page .sfw-box-wrap,
  body.sfw-gaestebuecher-detail-page .sfw-fotobox-wrap,
  body.sfw-fotospiegel-holz-page .sfw-holz-wrap,
  body .sfw-foto-page .sfw-foto-wrap,
  body.fotobox-page .fotobox-main .wrap,
  body.vfb-standalone-page .seo-page {
    width: calc(100% - 28px) !important;
  }

  body.sfw-central-fotobox-page .sfw-box-page h1,
  body.sfw-gaestebuecher-detail-page .sfw-fotobox-page-shell h1,
  body.sfw-fotospiegel-holz-page .sfw-holz h1,
  body .sfw-foto-page h1,
  body.fotobox-page .fotobox-main h1,
  body.vfb-standalone-page .seo-page h1 {
    font-size: clamp(36px, 11vw, 52px) !important;
  }

  body.vfb-standalone-page .seo-page {
    padding-top: 18px !important;
  }

  body.vfb-standalone-page .seo-page .vfb-seo-hero {
    padding: 24px 18px !important;
    border-radius: 22px !important;
  }
}