/* Desktop-Design (ab 901px) nach Mockup: Kopfbereich, Hero mit Slider, Vorteilsleiste, Kategoriekarten */
.logo-tagline, .home-hero-points { display: none; }
@media (min-width: 901px) {
  /* ---- Kopfbereich ---- */
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #header-wrapper { background: linear-gradient(180deg, #fbf6f1, #fffdfb) !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #header-wrapper #header { display: grid !important; grid-template-columns: auto 1fr !important; align-items: center !important; max-width: 1328px !important; margin: 0 auto !important; padding: 20px 50px 18px !important; border: 0 !important; box-shadow: none !important; background: transparent !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logo { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 4px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logo img { height: 88px !important; width: auto !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .logo-tagline { display: block !important; padding-left: 4px !important; color: #2b2118 !important; font: 600 12px/1 Arial, Helvetica, sans-serif !important; letter-spacing: .26em !important; text-transform: uppercase !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor { display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 14px !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .status-wrapper { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; gap: 14px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-toggle { display: none !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours { display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list { display: flex !important; flex-direction: row !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li { position: relative !important; display: block !important; width: auto !important; max-width: 190px !important; margin: 0 !important; padding: 0 18px 0 46px !important; border: 0 !important; border-left: 1px solid #e6d9cc !important; color: #4a565d !important; font: 400 11.5px/1.35 Arial, Helvetica, sans-serif !important; text-align: left !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li:first-child { border-left: 0 !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li b { display: block !important; color: #1b2b35 !important; font-size: 12.5px !important; font-weight: 700 !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li::before { content: "\f017" !important; position: absolute !important; left: 16px !important; top: 1px !important; color: #3a2c22 !important; font: normal 18px/1 FontAwesome !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li:nth-child(3)::before { content: "\f073" !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li:nth-child(4)::before { content: "\f0f4" !important; }

  /* ---- Hero ---- */
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #wrapper > .wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #topimg { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider { position: relative !important; height: 520px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: #1b1713 !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider > .slider-head { height: 100% !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider section.wrapper { position: static !important; height: 100% !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider .flex { position: relative !important; z-index: 3 !important; display: flex !important; align-items: center !important; width: 100% !important; max-width: 1328px !important; height: 100% !important; margin: 0 auto !important; padding: 0 50px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider .i1 { flex: 0 0 54% !important; width: 54% !important; max-width: 54% !important; margin: 0 !important; padding: 0 !important; text-align: left !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider .i2 { position: absolute !important; z-index: 1 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: 62% !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 0 !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .hero-slider-shell { position: relative !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: none !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .hero-slider-shell::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 2 !important; pointer-events: none !important; background: linear-gradient(90deg, #1b1713 0%, rgba(27,23,19,.86) 16%, rgba(27,23,19,.25) 52%, rgba(27,23,19,0) 100%) !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .hero-slider-shell .mySlides { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .hero-slider-shell .mySlides img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center !important; border-radius: 0 !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .hero-slider-badge { position: absolute !important; z-index: 4 !important; top: 34px !important; left: 22% !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .hero-slider-shell .display-left, html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .hero-slider-shell .display-right { position: absolute !important; z-index: 5 !important; top: auto !important; bottom: 92px !important; width: 40px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #fff !important; font-size: 16px !important; transform: none !important; box-shadow: none !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .hero-slider-shell .display-left { left: auto !important; right: 160px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .hero-slider-shell .display-right { right: 40px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .hero-slider-counter { position: absolute !important; z-index: 4 !important; right: 40px !important; bottom: 92px !important; width: 160px !important; height: 42px !important; border-radius: 21px !important; background: rgba(24,17,12,.74) !important; color: #fff !important; font: 600 13px/42px Arial, Helvetica, sans-serif !important; text-align: center !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .hero-slider-caption { position: absolute !important; z-index: 4 !important; right: 40px !important; bottom: 26px !important; width: 360px !important; margin: 0 !important; padding: 12px 18px !important; border-radius: 10px !important; background: rgba(24,17,12,.74) !important; color: #fff !important; font: 400 13px/1.45 Arial, Helvetica, sans-serif !important; text-align: left !important; }

  /* Texte links */
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-hero-eyebrow { display: flex !important; align-items: center !important; gap: 12px !important; margin: 0 0 14px !important; color: #f2a56a !important; font: 600 12px/1.2 Arial, Helvetica, sans-serif !important; letter-spacing: .16em !important; text-transform: uppercase !important; text-align: left !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-hero-eyebrow::after { content: "" !important; width: 56px !important; height: 2px !important; background: #f2a56a !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-hero-title, html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-hero-lead { display: none !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider h1 { margin: 0 0 12px !important; padding: 0 !important; color: #fff !important; font: 700 60px/1.04 Georgia, 'Times New Roman', serif !important; letter-spacing: -.5px !important; text-align: left !important; text-transform: none !important; text-shadow: none !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider h1 .catalog-hero-accent { color: #f2a56a !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider .hero-brand { display: block !important; margin: 0 0 14px !important; background: none !important; color: #f4ece3 !important; -webkit-text-fill-color: #f4ece3 !important; font: 500 28px/1.2 Georgia, 'Times New Roman', serif !important; text-align: left !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider .hero-title-sub, html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider .hero-note, html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider .hero-trust { display: none !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider .hero-lead { display: block !important; max-width: 560px !important; margin: 0 0 20px !important; color: #f1e8de !important; font: 400 16px/1.55 Arial, Helvetica, sans-serif !important; text-align: left !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider .hero-lead strong { color: #fff !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider .home-hero-points { display: flex !important; gap: 30px !important; margin: 0 0 24px !important; padding: 0 !important; list-style: none !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider .home-hero-points li { display: flex !important; align-items: center !important; gap: 10px !important; margin: 0 !important; color: #f1e8de !important; font: 400 12.5px/1.3 Arial, Helvetica, sans-serif !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider .home-hero-points i { color: #f6ede2 !important; font-size: 30px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider .hero-actions { margin: 0 !important; padding: 0 !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider .hero-actions__list { display: flex !important; flex-wrap: wrap !important; gap: 14px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider .hero-action { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: auto !important; min-height: 50px !important; margin: 0 !important; padding: 0 26px !important; border-radius: 999px !important; font: 600 15px/1 Arial, Helvetica, sans-serif !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: none !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider .hero-action--primary { background: linear-gradient(180deg, #e5782b, #c4561a) !important; border: 0 !important; color: #fff !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider .hero-action--secondary, html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .bgslider .hero-action--booking { background: rgba(255,255,255,.06) !important; border: 1.5px solid rgba(255,255,255,.55) !important; color: #fff !important; }

  /* ---- Vorteilsleiste + Kategorien ---- */
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) section.home-cats { display: block !important; max-width: 1328px !important; margin: 0 auto 40px !important; padding: 0 50px !important; text-align: left !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__trust { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; margin: 0 0 36px !important; padding: 22px 0 !important; background: #fbf6f1 !important; box-shadow: 0 0 0 100vmax #fbf6f1 !important; clip-path: inset(0 -100vmax) !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__trust span { display: grid !important; grid-template-columns: 52px 1fr !important; grid-template-rows: auto auto !important; column-gap: 8px !important; align-items: center !important; padding: 0 20px !important; border-left: 1px solid #e6d9cc !important; text-align: left !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__trust span:first-child { border-left: 0 !important; padding-left: 0 !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__trust i { grid-row: 1 / span 2 !important; width: auto !important; height: auto !important; margin: 0 !important; background: none !important; border-radius: 0 !important; color: #3a2c22 !important; font-size: 34px !important; text-align: center !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__trust strong { font: 700 15px/1.2 Arial, Helvetica, sans-serif !important; color: #1b2b35 !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__trust small { font: 400 13.5px/1.2 Arial, Helvetica, sans-serif !important; color: #4a565d !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__chips { display: none !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__head { position: relative !important; display: block !important; margin: 0 0 20px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__head::before { display: none !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__eyebrow { display: block !important; margin: 0 0 6px !important; color: #bd4312 !important; font: 700 12px/1 Arial, Helvetica, sans-serif !important; letter-spacing: .2em !important; text-transform: uppercase !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__head h2 { margin: 0 !important; font: 700 36px/1.15 Georgia, 'Times New Roman', serif !important; color: #1b2b35 !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__head h2::after { display: none !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__head a { position: absolute !important; right: 0 !important; top: 14px !important; padding: 12px 22px !important; border: 1.5px solid #e8b48e !important; border-radius: 999px !important; color: #1b2b35 !important; font: 600 13px/1 Arial, Helvetica, sans-serif !important; text-decoration: none !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__grid { display: grid !important; grid-template-columns: repeat(5, 1fr) !important; gap: 14px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__card:nth-child(n+6) { display: none !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__card { position: relative !important; display: block !important; height: 270px !important; overflow: hidden !important; border-radius: 12px !important; background: #2b2118 !important; box-shadow: 0 6px 20px rgba(60,35,15,.14) !important; color: #fff !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__media { position: absolute !important; inset: 0 !important; display: block !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__card img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__media::after { content: "" !important; position: absolute !important; inset: 0 !important; background: linear-gradient(180deg, rgba(20,14,9,0) 35%, rgba(20,14,9,.88) 100%) !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__media i { position: absolute !important; z-index: 2 !important; left: 16px !important; bottom: 22px !important; width: auto !important; height: auto !important; background: none !important; box-shadow: none !important; border-radius: 0 !important; color: #fff !important; font-size: 30px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__card strong { position: absolute !important; z-index: 2 !important; left: 62px !important; right: 54px !important; bottom: 36px !important; padding: 0 !important; color: #fff !important; font: 700 15.5px/1.2 Arial, Helvetica, sans-serif !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__card small { position: absolute !important; z-index: 2 !important; left: 62px !important; right: 54px !important; bottom: 14px !important; padding: 0 !important; color: #e8ddd1 !important; font: 400 11.5px/1.25 Arial, Helvetica, sans-serif !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) .home-cats__card::after { content: "\f061" !important; position: absolute !important; z-index: 2 !important; right: 14px !important; bottom: 18px !important; display: grid !important; place-items: center !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #e5782b !important; color: #fff !important; font: normal 12px/1 FontAwesome !important; }
}

/* v b: Slider-Bild rechts (ID-Spezifitaet gegen catalog-shared-shell) */
@media (min-width: 901px) {
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider .slider-head > section.wrapper > .flex.row > .i2 { position: absolute !important; grid-column: 1 / -1 !important; grid-row: 1 / -1 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: 62% !important; max-width: none !important; z-index: 1 !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider .slider-head > section.wrapper > .flex.row > .i1 { grid-column: 1 / -1 !important; grid-row: 1 / -1 !important; position: relative; z-index: 3 !important; }
}
@media (min-width: 901px) {
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider { position: relative !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider .slider-head, html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider .slider-head > section.wrapper, html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider .slider-head > section.wrapper > .flex.row { position: static !important; }
}
@media (min-width: 901px) {
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider .slider-head > section.wrapper > .flex.row > .i1 { width: 56% !important; max-width: 56% !important; flex: 0 0 56% !important; justify-self: start !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider .slider-head > section.wrapper .i1 h1, html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider h1.align-left { font-size: 44px !important; line-height: 1.1 !important; width: 100% !important; max-width: none !important; margin: 0 0 6px !important; }
}
@media (min-width: 901px) {
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider .hero-actions__list { flex-wrap: nowrap !important; gap: 10px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider .hero-action { font-size: 13px !important; padding-left: 12px !important; padding-right: 12px !important; white-space: nowrap !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider .hero-lead--left { font-size: 15px !important; line-height: 1.5 !important; max-width: 520px !important; margin: 8px 0 12px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider .hero-brand { margin: 4px 0 !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider .home-hero-points { margin: 10px 0 14px !important; }
}

/* Slogan nur einmal: alte ::after-Slogans an #logo entfernen (steht jetzt als .logo-tagline im HTML) */
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #header #logo > a::after,
html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #header #logo > a::after,
html body.bi-modern-ui:not(.is-catalog-page):not(.z1):not(.z2):not(.z3):not(.z4) #header #logo > a::after { content: none !important; display: none !important; }

/* Lupe im Menue-Suchbutton: eigener Icon-Font hatte das Zeichen nicht -> FontAwesome */
html body.bi-modern-ui #menu-wrapper #menu #search-toggle > .fa-search,
html body.bi-modern-ui:not(.is-catalog-page) #menu #search-toggle > .fa-search,
html body.bi-modern-ui.is-catalog-page #menu #search-toggle > .fa-search { font-family: FontAwesome !important; font-weight: normal !important; font-style: normal !important; }
html body.bi-modern-ui #menu-wrapper #menu #search-toggle > .fa-search::before,
html body.bi-modern-ui:not(.is-catalog-page) #menu #search-toggle > .fa-search::before,
html body.bi-modern-ui.is-catalog-page #menu #search-toggle > .fa-search::before { content: "\f002" !important; font-family: FontAwesome !important; font-weight: normal !important; }

/* Telefon + Status in einer Zeile, Zeiten rechtsbuendig */
@media (min-width: 901px) {
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .status-wrapper { flex-wrap: nowrap !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; gap: 14px !important; width: auto !important; height: auto !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .status-wrapper > * { margin: 0 !important; flex: 0 0 auto !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #logor b.tel { display: inline-flex !important; align-items: center !important; gap: 10px !important; white-space: nowrap !important; font-size: 20px !important; width: auto !important; min-width: 0 !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .status { display: inline-flex !important; align-items: center !important; white-space: nowrap !important; height: 34px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor { width: 100% !important; max-width: none !important; justify-self: stretch !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list { justify-content: flex-end !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li { flex: 0 0 auto !important; max-width: none !important; white-space: normal !important; padding-right: 22px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li:nth-child(1) { width: 215px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li:nth-child(2) { width: 225px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li:nth-child(3) { width: 185px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li:nth-child(4) { width: 160px !important; }
}

/* Header-Kontakt v2: Telefon-Pill + Status gleich hoch, Zeiten ueber volle Breite */
@media (min-width: 901px) {
  html body.bi-modern-ui #header #logor#logor { width: 100% !important; max-width: none !important; justify-self: stretch !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor .status-wrapper { gap: 12px !important; margin-bottom: 14px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor b.tel { font-size: 0 !important; height: 42px !important; padding: 0 18px 0 5px !important; gap: 10px !important; background: #fff !important; border: 1px solid #f0dccb !important; border-radius: 999px !important; align-items: center !important; box-shadow: 0 1px 2px rgba(60,40,20,.05) !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor b.tel::before { width: 32px !important; height: 32px !important; font-size: 15px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor b.tel a { font-size: 17px !important; font-weight: 700 !important; color: #1b2b35 !important; line-height: 1 !important; white-space: nowrap !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor .status { height: 42px !important; padding: 0 16px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor .logor-hours-list { width: 100% !important; justify-content: space-between !important; gap: 0 !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor .logor-hours-list li { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; padding: 0 14px 0 44px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor .logor-hours-list li::before { left: 12px !important; }
}

/* Telefon-Pill: "Jetzt anrufen"; Zeiten buendig zum rechten Rand */
@media (min-width: 901px) {
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor b.tel a { font-size: 0 !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor b.tel a::after { content: "Jetzt anrufen" !important; font-size: 16px !important; font-weight: 700 !important; color: #1b2b35 !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor .logor-hours-list { justify-content: flex-end !important; width: 100% !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor .logor-hours-list li { flex: 0 1 auto !important; max-width: 300px !important; padding: 0 26px 0 44px !important; }
  html body.bi-modern-ui.is-homepage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor .logor-hours-list li:last-child { padding-right: 0 !important; }
}

/* Sticky-Menue: helles Logo auf dunkler Leiste, Slogan lesbar */
html body.bi-modern-ui #menu-wrapper.bi-sticky-active #menu > .catalog-sticky-brand img { width: 138px !important; max-height: 40px !important; }
html body.bi-modern-ui #menu-wrapper.bi-sticky-active #menu > .catalog-sticky-brand::after { font-size: 7px !important; letter-spacing: .12em !important; margin-top: 1px !important; }

/* Header-Redesign auch auf Unterseiten/Katalog */
@media (min-width: 901px) {
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #header-wrapper { background: linear-gradient(180deg, #fbf6f1, #fffdfb) !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #header-wrapper #header { display: grid !important; grid-template-columns: auto 1fr !important; align-items: center !important; max-width: 1328px !important; margin: 0 auto !important; padding: 20px 50px 18px !important; border: 0 !important; box-shadow: none !important; background: transparent !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logo { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 4px !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logo img { height: 88px !important; width: auto !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) .logo-tagline { display: block !important; padding-left: 4px !important; color: #2b2118 !important; font: 600 12px/1 Arial, Helvetica, sans-serif !important; letter-spacing: .26em !important; text-transform: uppercase !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor { display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 14px !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .status-wrapper { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; gap: 14px !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-toggle { display: none !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours { display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list { display: flex !important; flex-direction: row !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li { position: relative !important; display: block !important; width: auto !important; max-width: 190px !important; margin: 0 !important; padding: 0 18px 0 46px !important; border: 0 !important; border-left: 1px solid #e6d9cc !important; color: #4a565d !important; font: 400 11.5px/1.35 Arial, Helvetica, sans-serif !important; text-align: left !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li:first-child { border-left: 0 !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li b { display: block !important; color: #1b2b35 !important; font-size: 12.5px !important; font-weight: 700 !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li::before { content: "\f017" !important; position: absolute !important; left: 16px !important; top: 1px !important; color: #3a2c22 !important; font: normal 18px/1 FontAwesome !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li:nth-child(3)::before { content: "\f073" !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li:nth-child(4)::before { content: "\f0f4" !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .status-wrapper { flex-wrap: nowrap !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; gap: 14px !important; width: auto !important; height: auto !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .status-wrapper > * { margin: 0 !important; flex: 0 0 auto !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #logor b.tel { display: inline-flex !important; align-items: center !important; gap: 10px !important; white-space: nowrap !important; font-size: 20px !important; width: auto !important; min-width: 0 !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .status { display: inline-flex !important; align-items: center !important; white-space: nowrap !important; height: 34px !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor { width: 100% !important; max-width: none !important; justify-self: stretch !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list { justify-content: flex-end !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li { flex: 0 0 auto !important; max-width: none !important; white-space: normal !important; padding-right: 22px !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li:nth-child(1) { width: 215px !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li:nth-child(2) { width: 225px !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li:nth-child(3) { width: 185px !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #logor .logor-hours-list li:nth-child(4) { width: 160px !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor .status-wrapper { gap: 12px !important; margin-bottom: 14px !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor b.tel { font-size: 0 !important; height: 42px !important; padding: 0 18px 0 5px !important; gap: 10px !important; background: #fff !important; border: 1px solid #f0dccb !important; border-radius: 999px !important; align-items: center !important; box-shadow: 0 1px 2px rgba(60,40,20,.05) !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor b.tel::before { width: 32px !important; height: 32px !important; font-size: 15px !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor b.tel a { font-size: 17px !important; font-weight: 700 !important; color: #1b2b35 !important; line-height: 1 !important; white-space: nowrap !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor .status { height: 42px !important; padding: 0 16px !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor .logor-hours-list { width: 100% !important; justify-content: space-between !important; gap: 0 !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor .logor-hours-list li { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; padding: 0 14px 0 44px !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor .logor-hours-list li::before { left: 12px !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor b.tel a { font-size: 0 !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor b.tel a::after { content: "Jetzt anrufen" !important; font-size: 16px !important; font-weight: 700 !important; color: #1b2b35 !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor .logor-hours-list { justify-content: flex-end !important; width: 100% !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor .logor-hours-list li { flex: 0 1 auto !important; max-width: 300px !important; padding: 0 26px 0 44px !important; }
  html body.bi-modern-ui.is-subpage:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor .logor-hours-list li:last-child { padding-right: 0 !important; }
}

/* Mietkatalog: dunkler Hero wie Startseite (Desktop) */
@media (min-width: 901px) {
  html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) .catalog-top-wrapper, html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #wrapper > .wrapper { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: none !important; }
  html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1 { position: relative !important; margin: 0 !important; width: 100% !important; min-height: 230px !important; border: 0 !important; border-radius: 0 !important; background-color: #1b1713 !important; box-shadow: none !important; }
  html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; background: linear-gradient(90deg, #1b1713 0%, rgba(27,23,19,.92) 42%, rgba(27,23,19,.45) 100%) !important; }
  html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1 .slider-head { position: relative !important; z-index: 1 !important; }
  html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .flex1.row { max-width: 1328px !important; margin: 0 auto !important; padding: 34px 50px !important; }
  html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .i1i { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; column-gap: 40px !important; align-items: center !important; width: 100% !important; max-width: none !important; }
  html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .catalog-hero-eyebrow { display: block !important; grid-column: 1 !important; grid-row: 1 !important; margin: 0 0 10px !important; color: #e9873f !important; font: 600 12px/1 Arial, Helvetica, sans-serif !important; letter-spacing: .22em !important; text-transform: uppercase !important; }
  html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg h1.margintd { grid-column: 1 !important; grid-row: 2 !important; width: auto !important; max-width: 100% !important; white-space: normal !important; margin: 0 0 8px !important; color: #fff !important; font: 700 40px/1.12 Georgia, "Times New Roman", serif !important; text-shadow: none !important; }
  html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg h1.margintd .catalog-hero-accent { color: #e9873f !important; }
  html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .catalog-reference-subtitle { grid-column: 1 !important; grid-row: 3 !important; margin: 0 0 18px !important; color: rgba(255,255,255,.82) !important; font-size: 17px !important; }
  html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .catalog-hero-cta { display: flex !important; grid-column: 1 !important; grid-row: 4 !important; gap: 12px !important; }
  html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .catalog-hero-cta a { display: inline-flex !important; align-items: center !important; gap: 10px !important; height: 46px !important; padding: 0 20px !important; border-radius: 999px !important; font-weight: 700 !important; font-size: 14px !important; text-decoration: none !important; }
  html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .catalog-hero-cta__primary { background: linear-gradient(180deg,#e0661f,#c2410c) !important; color: #fff !important; }
  html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .catalog-hero-cta__secondary { background: rgba(255,255,255,.08) !important; border: 1px solid rgba(255,255,255,.35) !important; color: #fff !important; }
  html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .catalog-reference-trust { position: static !important; grid-column: 2 !important; grid-row: 1 / span 4 !important; display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; min-width: 230px !important; width: auto !important; margin: 0 !important; padding: 16px 22px !important; border: 1px solid rgba(255,255,255,.14) !important; border-radius: 12px !important; background: rgba(255,255,255,.07) !important; box-shadow: none !important; }
  html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .catalog-reference-trust strong, html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .catalog-reference-trust small { color: #fff !important; }
  html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .catalog-reference-trust small { opacity: .75 !important; }
  html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .catalog-reference-trust i { color: #e9873f !important; }
}
@media (min-width: 901px) {
  html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor b.tel a::after { font-size: 15px !important; }
  html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #header #logor b.tel { justify-content: flex-start !important; padding-right: 22px !important; }
}
@media (min-width: 901px) {
  html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1, html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1 .slider-head, html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1 section.wrapper, html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .flex1.row { height: auto !important; max-height: none !important; min-height: 0 !important; overflow: visible !important; }
  html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1 { overflow: hidden !important; }
  html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .catalog-reference-trust { align-self: center !important; }
}

/* Schwebender Mietkorb-Button auch im Katalog auf grossen Bildschirmen */
@media (min-width: 901px) {
  html body.bi-modern-ui.is-catalog-page #enscart_wrapper { display: block !important; }
}