/* 20261112123705 - v2 */
.gui,
.gui-block-linklist li a {
  color: #000000;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #0a8de9;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #0a8de9;
  box-shadow: 0 0 2px #0a8de9;
}

.gui-select.gui-focus .gui-handle {
  border-color: #0a8de9;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #000000;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #76c61b;
}

/* custom */
.container {
  position: relative;
  max-width: 1420px;
  width: 100%;
}


.product-element .product-title {
    max-height: 48px;
    font-size: 14px;
  font-weight: 400;
  border-top: black solid 1px;
  padding-top: 1em;
}


.hero .hero-element {
  position: relative;
  padding-left: 2px;
}


.brand-name {
  font-size: 30px;
  font-weight: 400;
}
  @media only screen and (min-width: 600px){
.hero.hero-2-columns .hero-content h2 {
  margin-bottom: 15px;
  font-size: 24px;
} 
}

.cta-section.full-width-section .featured-block {
  padding-left: 40px;
  padding-right: 40px;
  height: 850px;
}


.hero .hero-content h2 {
  font-size: 36px;
}

    
.product-text-block {
  padding: 2px 2px;
  margin-top: 40px;
  font-size: 14px;
  color: #000;
  background: #fff;
}
.price-update, .new-price span, .product-price, .price, .product-price-change {
  display: inline-block;
  transition: .15s all ease-in-out;
    font-weight: 800;
    letter-spacing: .1em;
   font-size: 15px;
}

.two-blocks-module .featured-block h3 {
  font-size: 26px;
}

.product-price-initial {
    opacity: 1.9;
    margin-right: 10px;
    font-size: 80%;
    font-weight: normal;
  text-decoration: flex;
}
.product-element .product-brand {
  font-size: 15px;
  fontsize-: bold;
  font-weight: 600;
  letter-spacing: .1em;
}
.product-element .product-price .product-price-initial {
    font-size: 100%;
    color: #000000;
}
.cta-section .featured-block h3 {
    font-size: 30px;
}

.selling-item .usp-title {
    font-size: 14px;
    color: #000;
}
.selling-points.selling-poinnts-bg {
   background-color: rgba(255, 255, 255, 0.9);
border-bottom: 0px solid #ccc;
}
.selling-item:not(:last-child)::after {
    content: '';
    width: 1px;
    position: absolute;
    right: 0;
    top: 5px;
    bottom: 5px;
    background-color: rgba(255, 250, 250, 0.9);
}

.headline-slider .slick-dots li, .headline-slider .slick-dots li , .headline-slider .slick-dots li button::before, .headline-slider .slick-dots li button::after {
    width: px;
}


.headline-slider .slick-dots li {
    height: 25px;
    width: 15px;
}


.headline-slider .headline-item {
    float: left;
    width: 50%;
    display: block;
    padding: 0 30px;
}

.featured-blocks {
    margin-bottom: 0px;
}

.featured-categories .categories a img {
    max-width: 100%;
    display: block;
    border-bottom: 0px solid #000000;
}

.featured-categories.catalog-list-circle .categories a img {
    border-radius: 0%;
    max-width: 100%;
    height: auto;
    margin: 0 auto 50px;
    transition: all 0.2s ease;
}

.top-bar {
    background: #000;
}

.menu-bottom-layout:not(.mega-menu-header) .main-nav-wrapper .nav-style > ul > li:not(.nav-category-dropdown) li a {
    color: #000000;
    text-transform: uppercase;
}

.navigation-uppercase .top-bar {
text-transform: none;
    letter-spacing: .1em;
    font-weight: 600;
    font-size: 14px;
}

.small-product-actions a {
    display: inline-block;
    width: 20px;
    line-height: 25px;
    height: 25px;
    margin-right: 0px !important;
    color: #fff;
    text-align: center;
    font-size: 13px;
}
.product-label {
    display: inline-block;
    background-color: #ffffff;
    color: black;
    padding: 3px 15px;
    font-weight: bold;
    font-size: 13px;
}

.products-spotlight-section .featured-block-content {
    max-width: 500px;
    top: 50%;
    transform: translateY(-50%);
}

.messages ul {
    background-color: #efefef;
  border-color: #ffffff;
  color:#000000;
}


/*--for product--*/

.m-b-10 {
    margin-bottom: 15px !important;
    margin-top: 1px !important;
    max-width: 800px;
}

h3, .h3 {
    font-size: 1.2rem;
}
/*--end for product--*/

.logo.logo-center {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
    margin-right: 0;
    top: 20px;
    z-index: 1;
}

.site-header.menu-bottom-layout .main-nav-wrapper {
    border-bottom: 1px solid #eeeeee;
}


.products-list.slick-slider .slick-slide {
    opacity: .8;
    transition: opacity .7s ease;
}

.text-page h1 {
    font-size: 1.5rem;
}

.product-element .product-title {
    max-height: 48px;
    font-size: 14px;
  font-weight: 400;
}

.product-element img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    transition: all 0.2s ease;
}

.hero .hero-image {
    position: relative;
    background-size: cover;
    background-position: center;
    background-color: rgba(0,0,0,0.08);
    height: auto;
    padding-bottom: 50%;
}


.featured-products {
    margin-bottom: 150px;
    margin-top: 80px;
}



.grey-images .product-element img {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}

.spotlight-product-wrapper {
    max-width: 600px;
    margin: 0 auto;
}


.small-product-actions {
   background: #000000;
}

.small-product-actions {
    position: absolute;
    top: 7px;
    right: 7px;
    padding: 2px 8px;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease;
    border-radius: 0px;
}

.delivery-timeframe {
    font-size: 16px;
    color: #000;
    font-weight: bold;
  margin-top:15px;
}
.inline {
    display: inline-block;
}
.hint-text {
    opacity: 9;
}

.breadcrumbs {
    font-size: 14px;
    margin-bottom: 5px;
    text-align: center;
}

.collection-title-content {
       max-width: 1500px;
    text-align: center;

}
.page-title {
    margin-bottom: 15px;
    font-size:2em;
}

.p-t-50 {
    padding-top: 0px !important;
}
.collection-header-wrapper {
    margin-top: 1px;

}

.p-b-30 {
    padding-bottom: 3px !important;
}
.p-t-30 {
    padding-top: 3px !important;
}
.m-t-30 {
    margin-top: 1px !important;
}



.collection-hero figure {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.05);
    background-position: center;
    background-size: cover;
    filter: opacity(0.9) brightness(30%);
    -webkit-transform: translateZ(0);
}

.product-intro .product-content {
    padding: 15px;
    max-width: 650px;
}

.ratings .product-code {
    opacity: 9;
    font-weight: normal;
    font-size: 16px;
}

.product-intro .product-content .brand-name img {
    max-height: 100px;
    display: block;
}
.favourites i {
    opacity: .8;
}
.compare i {
    opacity: .7;
}

.logo.logo-lg img {
    margin-top: -15px;
    max-height: 95px;
    margin-bottom: -15px;
}

.slick-prev, .slick-next {
    font-size: 0;
  color:#ffffff;
    line-height: 0;
    position: absolute;
    top: 25%;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    transform: translate(0, 10px);
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
    border-radius: 0%;
    z-index: 2;
    text-indent: -1000px;
    transition: all .2s ease;
    background: #000000;
}

.site-header.site-header-lg .site-header-main-wrapper {
    height: 85px;
    max-height: 85px;
}

/* ============================================================================
   Uhrenbeweger24 — Theme-CSS, finale Version 2026-05-26
   ============================================================================

   ZWECK
   Komplettes CSS für die Orientierungs-Landingpage Uhrenbeweger24. Ersetzt
   alle vorherigen Patch-Files. Im Custom-CSS von Lightspeed komplett einfügen.

   WRAPPER
   #uhrenbeweger24-lp umschließt den gesamten LP-Body. Alle Selektoren sind
   damit qualifiziert, sodass die Stile nur innerhalb der LP greifen.

   STRUKTUR
   1. Tokens (CSS-Variablen)
   2. Reset & Base
   3. Image-Placeholder
   4. Header (sticky)
   5. Hero plus Hero-Bullets
   6. Buttons
   7. Section-Shell
   8. Intro-Block (Übergangs-Section)
   9. Zig-Zag-Sections (Kategorien alternierend)
   10. Brand-Grid (drei Marken)
   11. Trust-Block (vier Säulen, dunkel)
   12. Contact-Pathways (drei Wege)
   13. FAQ (Accordion)
   14. Final-CTA
   15. Footer
   16. Responsive
   ============================================================================ */


/* ---- 1. TOKENS ---- */

  #uhrenbeweger24-lp {
    --color-black: #000000;
    --color-white: #ffffff;
    --color-grey-mid: #666666;
    --color-grey-light: #ebebeb;
    --color-bg-soft: #fafafa;
    --font-body: "Source Sans Pro", Helvetica, sans-serif;
  }


/* ---- 2. RESET & BASE ---- */

  #uhrenbeweger24-lp * { box-sizing: border-box; margin: 0; padding: 0; }

  #uhrenbeweger24-lp {
    font-family: var(--font-body);
    font-size: 17px;
    line-height: 1.65;
    color: var(--color-black);
    background: var(--color-white);
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
  }

  /* Anchor-Sprünge (#kategorien, #beratung) sollen NICHT hinter dem sticky Theme-Header landen */
  html { scroll-padding-top: 180px; }
  #uhrenbeweger24-lp section[id] { scroll-margin-top: 180px; }

  #uhrenbeweger24-lp img { max-width: 100%; display: block; }
  #uhrenbeweger24-lp a { color: inherit; text-decoration: none; }


/* ---- 3. IMAGE-PLACEHOLDER + ECHTE BILDER ---- */

  #uhrenbeweger24-lp .img-ph {
    background:
      linear-gradient(135deg, rgba(0,0,0,0.04) 25%, transparent 25%, transparent 50%, rgba(0,0,0,0.04) 50%, rgba(0,0,0,0.04) 75%, transparent 75%, transparent),
      linear-gradient(135deg, #e8e8e8 0%, #d2d2d2 100%);
    background-size: 12px 12px, 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(0,0,0,0.45);
    font-size: 12px;
    font-style: italic;
    letter-spacing: 0.04em;
    text-align: center;
    padding: 18px;
    line-height: 1.4;
  }

  /* Hero-Background-Bild fuellt den absoluten .hero-bg-Container */
  #uhrenbeweger24-lp .hero-bg img.hero-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
  }

  /* Zig-Zag-Tile-Bilder (4 Kategorien) */
  #uhrenbeweger24-lp .zigzag-image img.zigzag-img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    object-position: center;
    display: block;
  }

  /* Brand-Card-Bilder (3 Marken) - object-fit: contain, damit das komplette Bild inkl. Logo sichtbar ist */
  #uhrenbeweger24-lp .brand-card > img.brand-img {
    width: 100%;
    height: 260px;
    object-fit: contain;
    object-position: center;
    background: #f5f5f5;
    padding: 14px;
    box-sizing: border-box;
    display: block;
  }


/* ---- 4. HEADER ---- */

  #uhrenbeweger24-lp .header {
    background: var(--color-black);
    color: var(--color-white);
    padding: 18px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 100;
  }
  #uhrenbeweger24-lp .logo {
    font-weight: 700;
    letter-spacing: 0.18em;
    font-size: 18px;
    text-transform: uppercase;
  }
  #uhrenbeweger24-lp .logo small {
    display: block;
    font-size: 9px;
    letter-spacing: 0.32em;
    opacity: 0.7;
    font-weight: 400;
    margin-top: 2px;
  }
  #uhrenbeweger24-lp .header-contact { font-size: 14px; letter-spacing: 0.06em; }
  #uhrenbeweger24-lp .header-contact strong { font-weight: 600; }


/* ---- 5. HERO ---- */

  #uhrenbeweger24-lp .hero {
    background: var(--color-black);
    color: var(--color-white);
    position: relative;
    overflow: hidden;
    padding: 340px 40px 8px;
    /* Override Lightspeed-Theme .hero defaults (min-height, margin-bottom, border-bottom) */
    min-height: 0;
    margin: 0;
    border: none;
  }
  #uhrenbeweger24-lp .hero-bg { position: absolute; inset: 0; z-index: 1; }
  #uhrenbeweger24-lp .hero-bg .img-ph { height: 100%; border: none; color: rgba(255,255,255,0.18); }
  #uhrenbeweger24-lp .hero-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.85) 100%);
    z-index: 1;
  }
  #uhrenbeweger24-lp .hero-content {
    position: relative;
    z-index: 2;
    max-width: 880px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
  }
  #uhrenbeweger24-lp .hero-eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.32em;
    font-size: 13px;
    opacity: 0.9;
    margin-bottom: 22px;
    font-weight: 600;
  }
  #uhrenbeweger24-lp .hero h1 {
    font-size: clamp(36px, 4.6vw, 58px);
    font-weight: 300;
    line-height: 1.12;
    margin-bottom: 22px;
    letter-spacing: -0.01em;
    color: #ffffff;
  }
  #uhrenbeweger24-lp .hero h1 strong { font-weight: 600; color: #ffffff; }
  #uhrenbeweger24-lp .hero-eyebrow { color: #ffffff; }
  #uhrenbeweger24-lp .hero-sub {
    font-size: clamp(17px, 1.6vw, 21px);
    opacity: 0.92;
    max-width: 680px;
    margin: 0 auto 32px;
    line-height: 1.55;
    color: #ffffff;
  }
  #uhrenbeweger24-lp .hero-bullets li { color: rgba(255,255,255,0.92); }

  #uhrenbeweger24-lp .hero-bullets {
    list-style: none;
    padding: 0;
    margin: 0 auto 44px;
    max-width: 780px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 40px;
    text-align: left;
  }
  #uhrenbeweger24-lp .hero-bullets li {
    font-size: 18px;
    color: rgba(255,255,255,0.92);
    padding-left: 24px;
    position: relative;
    line-height: 1.5;
  }
  #uhrenbeweger24-lp .hero-bullets li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
    width: 14px;
    height: 1.5px;
    background: rgba(255,255,255,0.7);
  }

  #uhrenbeweger24-lp .hero-ctas { display: flex; gap: 18px; justify-content: center; flex-wrap: wrap; }


/* ---- 6. BUTTONS ---- */

  #uhrenbeweger24-lp .btn {
    display: inline-block;
    padding: 15px 32px;
    font-size: 14px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 600;
    border: 1.5px solid var(--color-white);
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: inherit;
    text-align: center;
  }
  #uhrenbeweger24-lp .btn-primary { background: var(--color-white); color: var(--color-black); border-color: var(--color-white); }
  #uhrenbeweger24-lp .btn-primary:hover { background: transparent; color: var(--color-white); }
  #uhrenbeweger24-lp .btn-secondary { background: transparent; color: var(--color-white); border-color: var(--color-white); }
  #uhrenbeweger24-lp .btn-secondary:hover { background: var(--color-white); color: var(--color-black); }
  #uhrenbeweger24-lp .btn-on-light { background: var(--color-black); color: var(--color-white); border-color: var(--color-black); }
  #uhrenbeweger24-lp .btn-on-light:hover { background: transparent; color: var(--color-black); }
  #uhrenbeweger24-lp .btn-outline-dark { background: transparent; color: var(--color-black); border-color: var(--color-black); }
  #uhrenbeweger24-lp .btn-outline-dark:hover { background: var(--color-black); color: var(--color-white); }
  #uhrenbeweger24-lp .btn-small { padding: 11px 22px; font-size: 12px; }


/* ---- 7. SECTION-SHELL ---- */

  #uhrenbeweger24-lp section { padding: 88px 40px; }
  #uhrenbeweger24-lp .container { max-width: 1180px; margin: 0 auto; }
  #uhrenbeweger24-lp .section-eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.28em;
    font-size: 12px;
    color: var(--color-grey-mid);
    margin-bottom: 14px;
    text-align: center;
  }
  #uhrenbeweger24-lp .section-title {
    font-size: clamp(28px, 3.2vw, 42px);
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 18px;
    text-align: center;
    letter-spacing: -0.005em;
  }
  #uhrenbeweger24-lp .section-title strong { font-weight: 600; }
  #uhrenbeweger24-lp .section-intro {
    text-align: center;
    max-width: 740px;
    margin: 0 auto 64px;
    font-size: 18px;
    color: var(--color-grey-mid);
    line-height: 1.6;
  }
  #uhrenbeweger24-lp .section-alt { background: var(--color-bg-soft); }
  #uhrenbeweger24-lp .section-dark { background: var(--color-black); color: var(--color-white); }
  #uhrenbeweger24-lp .section-dark .section-eyebrow { color: rgba(255,255,255,0.55); }
  #uhrenbeweger24-lp .section-dark .section-intro { color: rgba(255,255,255,0.78); }


/* ---- 8. INTRO-BLOCK ---- */

  #uhrenbeweger24-lp .intro-block {
    padding: 88px 40px;
    background: var(--color-white);
  }
  #uhrenbeweger24-lp .intro-content {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
  }
  #uhrenbeweger24-lp .intro-content .section-title { margin-bottom: 28px; }
  #uhrenbeweger24-lp .intro-content p {
    font-size: 17px;
    line-height: 1.7;
    color: var(--color-grey-mid);
    margin-bottom: 18px;
  }
  #uhrenbeweger24-lp .intro-content p:last-child { margin-bottom: 0; }


/* ---- 9. ZIG-ZAG-SECTIONS ---- */

  #uhrenbeweger24-lp .category-zigzag-section { padding: 90px 40px; }

  #uhrenbeweger24-lp .zigzag {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;
    margin-bottom: 80px;
  }
  #uhrenbeweger24-lp .zigzag:last-child { margin-bottom: 0; }
  #uhrenbeweger24-lp .zigzag.reverse .zigzag-text { order: 2; }
  #uhrenbeweger24-lp .zigzag.reverse .zigzag-image { order: 1; }

  #uhrenbeweger24-lp .zigzag-eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-size: 11px;
    color: var(--color-grey-mid);
    margin-bottom: 12px;
    font-weight: 600;
  }
  #uhrenbeweger24-lp .zigzag-text h3 {
    font-size: clamp(24px, 2.6vw, 32px);
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 18px;
    letter-spacing: -0.005em;
  }
  #uhrenbeweger24-lp .zigzag-text p {
    font-size: 16px;
    color: var(--color-grey-mid);
    line-height: 1.65;
    margin-bottom: 14px;
  }
  #uhrenbeweger24-lp .zigzag-text .zigzag-examples {
    font-size: 14px;
    color: var(--color-black);
    padding: 12px 0;
    border-top: 1px solid var(--color-grey-light);
    border-bottom: 1px solid var(--color-grey-light);
    margin: 14px 0 18px;
  }
  #uhrenbeweger24-lp .zigzag-text .zigzag-price {
    font-size: 16px;
    color: var(--color-black);
    margin-bottom: 22px;
  }
  #uhrenbeweger24-lp .zigzag-text .zigzag-price strong { font-weight: 700; font-size: 18px; }

  #uhrenbeweger24-lp .zigzag-image .img-ph { height: 380px; }

  #uhrenbeweger24-lp .zigzag-ctas {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 4px;
  }


/* ---- 10. BRAND-GRID (drei Marken) ---- */

  #uhrenbeweger24-lp .brand-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
  }
  #uhrenbeweger24-lp .brand-card {
    background: var(--color-white);
    border: 1px solid var(--color-grey-light);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.2s;
  }
  #uhrenbeweger24-lp .brand-card:hover { border-color: var(--color-black); }
  #uhrenbeweger24-lp .brand-card .img-ph { height: 240px; }
  #uhrenbeweger24-lp .brand-card-body {
    padding: 30px 28px 32px;
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  #uhrenbeweger24-lp .brand-card h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 6px;
    letter-spacing: -0.005em;
  }
  #uhrenbeweger24-lp .brand-card .brand-tag {
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-size: 11px;
    color: var(--color-grey-mid);
    margin-bottom: 18px;
    font-weight: 600;
  }
  #uhrenbeweger24-lp .brand-card p {
    color: var(--color-grey-mid);
    font-size: 15px;
    line-height: 1.65;
    margin-bottom: 14px;
  }
  #uhrenbeweger24-lp .brand-card p:last-of-type { margin-bottom: 18px; }
  #uhrenbeweger24-lp .brand-card-footer { margin-top: auto; }
  #uhrenbeweger24-lp .brand-warranty {
    padding-top: 16px;
    border-top: 1px solid var(--color-grey-light);
    font-size: 13px;
    font-weight: 700;
    color: var(--color-black);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 28px;
    /* min-height stellt sicher, dass alle Garantie-Bloecke gleich hoch sind (2 Zeilen) und Buttons aligned */
    min-height: 64px;
    display: flex;
    align-items: center;
  }
  #uhrenbeweger24-lp .brand-cta {
    display: block;
    width: 100%;
    text-align: center;
  }


/* ---- 11. TRUST-BLOCK (vier Säulen, dunkel) ---- */

  #uhrenbeweger24-lp .trust-block .trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px 28px;
  }
  #uhrenbeweger24-lp .trust-item {
    border-top: 2px solid rgba(255,255,255,0.3);
    padding-top: 22px;
  }
  #uhrenbeweger24-lp .trust-icon {
    width: 32px;
    height: 32px;
    margin-bottom: 16px;
    color: rgba(255,255,255,0.85);
  }
  #uhrenbeweger24-lp .trust-icon svg {
    width: 100%;
    height: 100%;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.5;
    display: block;
  }
  #uhrenbeweger24-lp .trust-item .trust-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: rgba(255,255,255,0.55);
    margin-bottom: 8px;
  }
  #uhrenbeweger24-lp .trust-item .trust-value {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--color-white);
    line-height: 1.35;
  }
  #uhrenbeweger24-lp .trust-item p {
    font-size: 14px;
    color: rgba(255,255,255,0.75);
    line-height: 1.55;
  }


/* ---- 12. CONTACT-PATHWAYS ---- */

  #uhrenbeweger24-lp .contact-pathways {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-bottom: 40px;
  }

  #uhrenbeweger24-lp .contact-pathway {
    background: var(--color-white);
    border: 1px solid var(--color-grey-light);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.2s;
  }
  #uhrenbeweger24-lp .contact-pathway:hover { border-color: var(--color-black); }

  #uhrenbeweger24-lp .contact-pathway .img-ph { height: 200px; }

  #uhrenbeweger24-lp .contact-icon {
    padding: 44px 28px 0;
    text-align: center;
    color: var(--color-black);
  }
  #uhrenbeweger24-lp .contact-icon svg {
    width: 56px;
    height: 56px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.5;
    display: inline-block;
  }

  #uhrenbeweger24-lp .contact-pathway-body {
    padding: 24px 28px 32px;
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  #uhrenbeweger24-lp .contact-pathway h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.3;
  }
  #uhrenbeweger24-lp .contact-pathway p {
    color: var(--color-grey-mid);
    font-size: 15px;
    line-height: 1.55;
    margin-bottom: 18px;
  }
  #uhrenbeweger24-lp .pathway-value {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin-bottom: 6px;
    padding-top: 14px;
    border-top: 1px solid var(--color-grey-light);
    color: var(--color-black);
  }
  #uhrenbeweger24-lp .pathway-meta {
    font-size: 13px;
    color: var(--color-grey-mid);
    margin-bottom: 18px;
    line-height: 1.5;
  }
  #uhrenbeweger24-lp .contact-pathway .btn {
    margin-top: auto;
    align-self: stretch;
    text-align: center;
  }


/* ---- 13. FAQ ---- */

  #uhrenbeweger24-lp .faq-section { padding: 90px 40px; background: var(--color-bg-soft); }
  #uhrenbeweger24-lp .faq-list {
    max-width: 820px;
    margin: 0 auto;
  }
  #uhrenbeweger24-lp .faq-item {
    background: var(--color-white);
    border: 1px solid var(--color-grey-light);
    margin-bottom: 12px;
    transition: border-color 0.2s;
  }
  #uhrenbeweger24-lp .faq-item:hover { border-color: var(--color-black); }
  #uhrenbeweger24-lp .faq-item[open] { border-color: var(--color-black); }
  #uhrenbeweger24-lp .faq-item summary {
    cursor: pointer;
    padding: 20px 56px 20px 24px;
    font-size: 17px;
    font-weight: 600;
    list-style: none;
    position: relative;
    line-height: 1.4;
  }
  #uhrenbeweger24-lp .faq-item summary::-webkit-details-marker { display: none; }
  #uhrenbeweger24-lp .faq-item summary::after {
    content: '+';
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    font-weight: 300;
    color: var(--color-grey-mid);
    transition: transform 0.2s;
  }
  #uhrenbeweger24-lp .faq-item[open] summary::after {
    content: '−';
    color: var(--color-black);
  }
  #uhrenbeweger24-lp .faq-item p {
    padding: 0 24px 22px;
    margin: 0;
    color: var(--color-grey-mid);
    font-size: 16px;
    line-height: 1.65;
  }


/* ---- 14. FINAL-CTA ---- */

  #uhrenbeweger24-lp .final-cta {
    background: var(--color-black);
    color: var(--color-white);
    padding: 100px 40px;
    text-align: center;
  }
  #uhrenbeweger24-lp .final-cta h2 {
    font-size: clamp(28px, 3.4vw, 44px);
    font-weight: 300;
    margin-bottom: 18px;
    line-height: 1.2;
  }
  #uhrenbeweger24-lp .final-cta h2 strong { font-weight: 600; }
  #uhrenbeweger24-lp .final-cta p {
    font-size: 17px;
    opacity: 0.85;
    max-width: 600px;
    margin: 0 auto 32px;
    line-height: 1.6;
  }
  #uhrenbeweger24-lp .final-cta .final-phone {
    font-size: clamp(26px, 3vw, 36px);
    font-weight: 600;
    letter-spacing: 0.04em;
    margin: 18px 0 10px;
  }
  #uhrenbeweger24-lp .final-cta .final-meta {
    font-size: 14px;
    letter-spacing: 0.06em;
    opacity: 0.7;
    margin-bottom: 36px;
  }


/* ---- 15. FOOTER ---- */

  #uhrenbeweger24-lp .footer {
    background: var(--color-black);
    color: rgba(255,255,255,0.55);
    padding: 28px 40px;
    text-align: center;
    font-size: 13px;
    letter-spacing: 0.08em;
  }


/* ---- 16. RESPONSIVE ---- */

  @media (max-width: 980px) {
    #uhrenbeweger24-lp .hero-bullets {
      grid-template-columns: 1fr;
      gap: 8px;
    }
    #uhrenbeweger24-lp .zigzag {
      grid-template-columns: 1fr;
      gap: 32px;
      margin-bottom: 56px;
    }
    #uhrenbeweger24-lp .zigzag.reverse .zigzag-image,
    #uhrenbeweger24-lp .zigzag-image { order: 1; }
    #uhrenbeweger24-lp .zigzag.reverse .zigzag-text,
    #uhrenbeweger24-lp .zigzag-text { order: 2; }
    #uhrenbeweger24-lp .zigzag-image .img-ph,
    #uhrenbeweger24-lp .zigzag-image img.zigzag-img { height: 260px; }
    #uhrenbeweger24-lp .brand-grid { grid-template-columns: 1fr; }
    #uhrenbeweger24-lp .trust-block .trust-grid { grid-template-columns: repeat(2, 1fr); }
    #uhrenbeweger24-lp .contact-pathways { grid-template-columns: 1fr; }
    #uhrenbeweger24-lp .intro-block { padding: 64px 24px; }
    #uhrenbeweger24-lp .category-zigzag-section { padding: 64px 24px; }
    #uhrenbeweger24-lp .faq-section { padding: 64px 24px; }
    #uhrenbeweger24-lp .final-cta { padding: 70px 24px; }
    #uhrenbeweger24-lp section { padding: 64px 22px; }
    #uhrenbeweger24-lp .header { padding: 14px 20px; }
    #uhrenbeweger24-lp .header-contact { font-size: 13px; }
    #uhrenbeweger24-lp .hero { padding: 130px 24px 64px; }
  }

  @media (max-width: 600px) {
    #uhrenbeweger24-lp .trust-block .trust-grid { grid-template-columns: 1fr; }
    #uhrenbeweger24-lp .faq-item summary { padding: 16px 48px 16px 18px; font-size: 16px; }
    #uhrenbeweger24-lp .zigzag-ctas { flex-direction: column; align-items: stretch; }
    #uhrenbeweger24-lp .zigzag-ctas .btn { width: 100%; text-align: center; }
  }


/* ============================================================================
   LIGHTSPEED PAGE-CHROME CLEANUP

   Greift nur auf Seiten, die unseren Wrapper #uhrenbeweger24-lp enthalten.
   Andere Content-Pages bleiben unverändert. Nutzt :has() (Chrome >=105,
   Safari >=15.4, Firefox >=121, alle Browser ab 2024 unterstützt).

   Was hier passiert:
   - Breadcrumb über dem Content wird ausgeblendet
   - Page-Title (h1 von Lightspeed) wird ausgeblendet
   - Container-Padding und Top-Margin werden entfernt, damit der Hero
     direkt unter dem Theme-Header beginnt
   - Container-Breite auf Vollbreite, damit der Hero über die volle
     Viewport-Breite läuft (statt eingerahmt vom Standard-Content-Container)
   ============================================================================ */

  /* Breadcrumb-Liste über dem LP-Content ausblenden */
  body:has(#uhrenbeweger24-lp) [itemtype*="BreadcrumbList"] { display: none; }

  /* Standard-Page-Title und Top-Bar des Lightspeed-Themes ausblenden */
  body:has(#uhrenbeweger24-lp) .product-top-bar,
  body:has(#uhrenbeweger24-lp) #textpage .page-title,
  body:has(#uhrenbeweger24-lp) #textpage .m-t-80,
  body:has(#uhrenbeweger24-lp) #textpage .sm-m-t-50 { display: none; }

  /* Container-Padding und Max-Width für die LP-Page raus, damit Hero über volle Breite */
  body:has(#uhrenbeweger24-lp) #textpage > .container.container-md {
    padding: 0;
    max-width: none;
    margin: 0;
  }

  /* Falls Lightspeed einen .content-Wrapper um den Body legt, dort Top-Padding raus */
  body:has(#uhrenbeweger24-lp) #textpage > .container.container-md > .content { padding: 0; }


/* ============================================================================
   FALLBACK ohne :has()

   Falls der Browser :has() nicht unterstützt (sehr selten 2026), greifen
   diese Regeln über den page-slug-spezifischen body-class. Den genauen
   slug (z.B. body.page-test-2) erkennt Lightspeed automatisch aus der
   URL der Page. Bei Bedarf hier anpassen.
   ============================================================================ */

  body.page-uhrenbeweger-beratung .product-top-bar,
  body.page-uhrenbeweger-beratung .page-title,
  body.page-uhrenbeweger-beratung [itemtype*="BreadcrumbList"],
  body.page-uhrenbeweger-beratung .m-t-80,
  body.page-uhrenbeweger-beratung .sm-m-t-50 { display: none; }

  body.page-uhrenbeweger-beratung #textpage > .container.container-md {
    padding: 0;
    max-width: none;
    margin: 0;
  }
  body.page-uhrenbeweger-beratung #textpage > .container.container-md > .content { padding: 0; }
  body.page-uhrenbeweger-beratung .main-content { padding: 0; margin: 0; }

/* UB24 Schrift */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3umX5slCNuHLi8bLeY9MK7whWMhyjypVO7abI26QOD_iE9KnTOig.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122}
/* UB24 Lifestyle 11.11.2026 */
.hero .hero-element-1 .hero-content{max-width:620px}
.hero .hero-element-1 .hero-content:before{content:"Chronoguard · Swiss Plus Service";display:block;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:#d4b46e;font-weight:600;margin-bottom:16px}
.hero .hero-element-1 h2{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:600!important;font-size:clamp(28px,4.3vw,60px)!important;line-height:1.04!important;color:#fff!important;margin-bottom:16px!important}
.hero .hero-element-1 p{color:#e9e2d6!important;font-size:clamp(13px,1.25vw,17px)!important;line-height:1.55!important;margin-bottom:clamp(12px,1.7vw,24px)!important}
.hero .hero-element-1 .button{background:#d4b46e!important;border-color:#d4b46e!important;color:#111!important;padding:clamp(9px,1vw,15px) clamp(16px,2vw,28px)!important;letter-spacing:.14em}
@media (max-width:991px){.hero .hero-element-1 .hero-content{max-width:56%}.hero .hero-element-1 p{display:none}}
@media (max-width:767px){.hero .hero-element-1 .hero-content{max-width:70%}.hero .hero-element-1 .hero-content:before{font-size:10px;margin-bottom:8px}}
.selling-points.selling-poinnts-bg{background:#111!important;border-radius:0!important;padding:18px 10px!important}
.selling-points .usp-title{color:#d4b46e!important;font-size:11px!important;letter-spacing:.18em;text-transform:uppercase;font-weight:600}
.selling-points .usp-subtitle{color:#fff!important;font-size:15px!important;font-weight:600}
.featured-blocks .featured-block-content h3,.cta-section h3{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:600!important;color:#fff!important}
.featured-blocks .featured-block-content h3{font-size:36px!important;margin:0 0 2px!important}
.featured-blocks .featured-block-footer p{color:#e9d9b4!important;font-weight:600;font-size:15px!important;letter-spacing:.03em}
.featured-blocks .featured-block{border-radius:4px;overflow:hidden}
.cta-section{background:#110d09}
.cta-section h3{font-size:clamp(30px,3.6vw,46px)!important;line-height:1.08!important;max-width:520px}
.cta-section .featured-block-footer p{color:#e9e2d6!important;font-size:16px!important;max-width:520px;line-height:1.6}
.cta-section .button{background:#d4b46e!important;border-color:#d4b46e!important;color:#111!important}
@media (max-width:767px){.hero .hero-element-1{background:#110d09}.hero .hero-element-1 .hero-image{background-position:78% center!important}.hero .hero-element-1 .hero-content{max-width:100%;padding:18px 20px 22px!important}.hero .hero-element-1 p{display:block}
.selling-points.selling-poinnts-bg{display:grid!important;grid-template-columns:1fr 1fr;gap:4px}.selling-points .selling-item{border:0!important;padding:8px 4px!important;width:auto!important}.selling-points .usp-subtitle{font-size:13px!important}}
/* Ende UB24 Lifestyle */

/* UB24 Lifestyle 2: alle Banner */
.hero .hero-element:not(.hero-element-1) .hero-content{max-width:620px}
.hero .hero-element-2 .hero-content:before,.hero .hero-element-3 .hero-content:before{display:block;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:#d4b46e;font-weight:600;margin-bottom:16px}
.hero .hero-element-2 .hero-content:before{content:"Chronoguard Premium Serie"}
.hero .hero-element-3 .hero-content:before{content:"Chronoguard Kollektion"}
.hero .hero-element h2{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:600!important;font-size:clamp(28px,4.3vw,60px)!important;line-height:1.04!important;color:#fff!important;margin-bottom:16px!important}
.hero .hero-element p{color:#e9e2d6!important;font-size:clamp(13px,1.25vw,17px)!important;line-height:1.55!important;margin-bottom:clamp(12px,1.7vw,24px)!important}
.hero .hero-element .button{background:#d4b46e!important;border-color:#d4b46e!important;color:#111!important;padding:clamp(9px,1vw,15px) clamp(16px,2vw,28px)!important;letter-spacing:.14em}
@media (min-width:768px){.hero .hero-element .hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,13,9,.7),rgba(17,13,9,.25) 55%,rgba(17,13,9,0) 75%)}.hero .hero-element h2,.hero .hero-element p{text-shadow:0 1px 12px rgba(0,0,0,.45)}}
@media (max-width:991px){.hero .hero-element:not(.hero-element-1) .hero-content{max-width:56%}.hero .hero-element p{display:none}}
@media (max-width:767px){.hero .hero-element{background:#110d09}.hero .hero-element .hero-image{background-position:78% center!important}.hero .hero-element .hero-content{max-width:100%!important;padding:18px 20px 22px!important}.hero .hero-element p{display:block}.hero .hero-element-2 .hero-content:before,.hero .hero-element-3 .hero-content:before{font-size:10px;margin-bottom:8px}}
/* Ende UB24 Lifestyle 2 */

/* UB24 Kategorie-Banner */
.collection-hero{background:#110d09;position:relative;overflow:hidden}
.collection-hero figure{filter:blur(2px) saturate(.8);opacity:.55;transform:scale(1.03)}
.collection-hero figure:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#110d09 0%,rgba(17,13,9,.85) 40%,rgba(17,13,9,.35) 100%)}
.collection-hero .collection-header-hero{padding-top:56px!important;padding-bottom:56px!important;min-height:0!important}
.collection-hero .collection-header-wrapper,.collection-hero .collection-title-content{text-align:left!important;max-width:660px;margin-left:0!important}
.collection-hero .collection-title-content:before{content:'Chronoguard · Showroom Stans';display:block;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:#d4b46e;font-weight:600;margin-bottom:12px}
.collection-hero h1.page-title{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:600!important;font-size:clamp(34px,4vw,54px)!important;line-height:1.05!important;color:#fff!important;margin-bottom:12px!important}
.collection-hero .collection-title-content p{color:#e9e2d6!important;font-size:16px!important;line-height:1.6!important}
@media (max-width:767px){.collection-hero .collection-header-hero{padding:36px 20px!important}.collection-hero .collection-title-content p{font-size:14px!important}}
.collection-hero .collection-header-hero{height:auto!important}
.collection-hero .collection-header-wrapper{padding-left:16px;padding-right:16px;margin-top:24px!important;margin-bottom:24px!important}
.collection-hero .product-top-bar{padding-top:0!important}
/* Ende UB24 Kategorie-Banner */

/* UB24 Artikelseite */
.product-info-wrapper h1{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:600!important;font-size:32px!important;line-height:1.1!important;color:#111}
.product-info-wrapper .price .new-price,.product-info-wrapper .price-update{font-size:28px!important;font-weight:700;color:#111}
.product-info-wrapper #addtocart{background:#111!important;border-color:#111!important;color:#d4b46e!important;padding:17px!important;letter-spacing:.14em;font-weight:700}
.product-info-wrapper #addtocart:hover{background:#d4b46e!important;color:#111!important;border-color:#d4b46e!important}
.ub-sz{margin:4px 0 18px}
.ub-sz .h,.ub-pd h2,.ub-sb b{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8a6d3b;font-weight:700}
.ub-sz .h{margin-bottom:8px}
.ub-sz .r{display:flex;flex-wrap:wrap;gap:8px}
.ub-sz a{flex:1 0 64px;max-width:96px;border:1px solid #ddd5c6;border-radius:6px;padding:8px 4px;text-align:center;color:#111!important;text-decoration:none!important;line-height:1.15;background:#fff}
.ub-sz a b{display:block;font-size:20px}
.ub-sz a span{display:block;font-size:11px;color:#6f6a60}
.ub-sz a i{display:block;font-style:normal;font-size:11px;margin-top:4px;color:#8a6d3b;font-weight:600}
.ub-sz a.on{border:2px solid #111;background:#faf7f2}
.ub-sz a:hover{border-color:#d4b46e}
.ub-tr{list-style:none;padding:14px 0 0;margin:14px 0 0;border-top:1px solid #ece6db;font-size:14px}
.ub-tr li{padding:4px 0 4px 26px;position:relative}
.ub-tr li:before{content:"✓";position:absolute;left:2px;color:#b08d57;font-weight:700}
.ub-sb{border:1px solid #ece6db;border-radius:6px;margin:16px 0;font-size:14px;background:#fff}
.ub-sb div{display:grid;grid-template-columns:100px 1fr;gap:8px;padding:8px 12px;border-top:1px solid #f1ece3}
.ub-sb div:first-child{border-top:0}
.ub-sb b{align-self:center}
.ub-det{margin-top:40px}
.ub-det .ub-in{max-width:980px;margin:0 auto;font-size:16px;line-height:1.7}
.ub-det h2{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:600!important;font-size:40px!important;line-height:1.1!important;margin:0 0 14px!important}
.ub-det h3{font-size:13px!important;letter-spacing:.16em;text-transform:uppercase;font-weight:700!important;margin:36px 0 12px!important;padding-bottom:6px;border-bottom:2px solid #d4b46e;display:inline-block}
.ub-det ul{columns:2;column-gap:32px;padding-left:18px}
@media (max-width:767px){.ub-det ul{columns:1}.ub-det h2{font-size:30px!important}}
.ub-pd{margin:18px 0 0;padding-top:14px;border-top:1px solid #ece6db}
.ub-pd h2{margin:0 0 10px!important;font-family:inherit!important;font-size:11px!important;line-height:1.2!important}
.ub-pd .r{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ub-c{display:flex;flex-direction:column;border:1px solid #ece6db;border-radius:6px;padding:8px;background:#fff;color:#111!important;text-decoration:none!important;transition:border-color .2s,box-shadow .2s}
.ub-c:hover{border-color:#d4b46e;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.ub-c img{width:100%;aspect-ratio:1;object-fit:contain}
.ub-c .l{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#8a6d3b;font-weight:700;margin-top:8px}
.ub-c .t{font-size:12px;line-height:1.25;margin:3px 0}
.ub-c .p{margin-top:auto;font-weight:700;font-size:13px}
@media (min-width:0px){
.product-images.ub-g{display:grid!important;grid-template-columns:repeat(6,1fr);gap:8px;height:auto!important}
.product-images.ub-g .product-image{margin:0!important;cursor:pointer;border:1px solid transparent;border-radius:4px;overflow:hidden}
.product-images.ub-g .product-image:first-child{grid-column:1/-1;cursor:zoom-in}
.product-images.ub-g .product-image:not(:first-child) img{aspect-ratio:1;object-fit:cover;width:100%;height:auto}
.product-images.ub-g .product-image.on{border-color:#111}
}
.product-info-wrapper .brand-name img{width:130px!important;height:auto!important;max-height:none!important}
@media (min-width:768px){.product-images.ub-g .product-image:first-child img{max-height:620px;width:100%;object-fit:contain}}
@media (max-width:767px){.product-images.ub-g{grid-template-columns:repeat(5,1fr);gap:6px}}
.ub-det a.ub-k{flex:1 1 180px;display:block;border:1px solid #e5dccd;border-radius:8px;padding:14px;background:#fff;color:inherit!important;text-decoration:none!important;transition:border-color .2s}
.ub-det a.ub-k[href]:hover{border-color:#d4b46e}
.product-label.label-sale{display:none!important}
.product-label.label-new{background:#111!important;color:#d4b46e!important;font-size:10px!important;letter-spacing:.18em;text-transform:uppercase;border-radius:2px!important}
.ub-var{margin:4px 0 18px}
.ub-var .h{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8a6d3b;font-weight:700;margin-bottom:6px}
.ub-var>div:not(.h){margin:0!important;font-size:13px}
.ub-var>div>div{padding:6px 0!important}
.ub-var>div>div>div:first-child{flex:0 0 90px!important;min-width:0!important;font-size:13px}
.ub-var a,.ub-var span[style*=border]{font-size:12px!important;padding:4px 10px!important;margin:3px 4px 3px 0!important}
/* Ende UB24 Artikelseite */

/* UB24 Marken-Banner */
.two-blocks-module .featured-block{border-radius:4px;overflow:hidden}
.two-blocks-module .featured-block-content{max-width:46%}
.two-blocks-module .featured-block-content:before{content:'Marke';display:block;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#d4b46e;font-weight:600;margin-bottom:8px}
.two-blocks-module h3{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:600!important;font-size:clamp(28px,2.6vw,40px)!important;color:#fff!important;margin-bottom:8px!important}
.two-blocks-module .featured-block-content p{color:#e9e2d6!important;font-size:15px!important;line-height:1.55}
.two-blocks-module .button{background:#d4b46e!important;border-color:#d4b46e!important;color:#111!important;letter-spacing:.14em}
@media (max-width:767px){.two-blocks-module .featured-block-content{max-width:58%}.two-blocks-module .featured-block-content p{font-size:13px!important}}
/* Ende UB24 Marken-Banner */

/* UB24 Kacheln */
.product-element .button.button-small{background:transparent!important;color:#111!important;border:1px solid #111!important;font-size:10px!important;letter-spacing:.14em;padding:7px 12px!important}
.product-element .button.button-small:hover{background:#111!important;color:#d4b46e!important}

.product-element span.new-price{font-size:16px!important;font-weight:700;color:#111}
.product-element{transition:box-shadow .2s}
.product-element:hover{box-shadow:0 8px 24px rgba(0,0,0,.06)}
/* UB24 Titel */
.product-element .product-title{max-height:none!important;height:auto!important;min-height:3.9em;-webkit-line-clamp:3!important;line-height:1.3!important;font-size:13.5px!important}
/* UB24 Zusatzbilder */
.product-element .product-element-thumbnails{position:static!important;opacity:1!important;visibility:visible!important;display:flex!important;justify-content:flex-start!important;gap:4px;margin:6px 0 2px;min-height:36px;width:auto!important}
.product-element .product-element-thumbnail{visibility:visible!important;cursor:pointer;width:34px!important;height:34px!important;object-fit:contain;border:1px solid #ece6db;border-radius:3px;background:#fff;margin:0!important}
.product-element .product-element-thumbnail.active{border-color:#111}
/* Ende UB24 Kacheln */

/* UB24 Berater */
#ub-berater{max-width:860px;margin:10px auto 40px;background:#110d09;color:#e9e2d6;border-radius:10px;padding:36px 34px;min-height:320px}
#ub-berater .ubb-st{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#d4b46e;font-weight:600}
#ub-berater .ubb-bar{height:3px;background:#2a2119;margin:12px 0 22px;border-radius:2px}
#ub-berater .ubb-bar i{display:block;height:3px;background:#d4b46e;border-radius:2px;transition:width .3s}
#ub-berater .ubb-q{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:600!important;font-size:clamp(26px,3vw,38px)!important;color:#fff!important;line-height:1.1!important;margin:0 0 22px!important}
#ub-berater .ubb-o{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#ub-berater .ubb-o button{background:#1c1610;border:1px solid #3a2f24;color:#fff;border-radius:6px;padding:16px 18px;text-align:left;font-size:15px;cursor:pointer;transition:border-color .2s,background .2s}
#ub-berater .ubb-o button:hover{border-color:#d4b46e;background:#241c14}
#ub-berater .ubb-back,#ub-berater .ubb-re{color:#d4b46e!important;font-size:13px;display:inline-block;margin-top:16px}
#ub-berater .ubb-r{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
#ub-berater .ubb-c{position:relative;display:flex;flex-direction:column;background:#fff;color:#111!important;border-radius:6px;padding:12px;text-decoration:none!important;border:2px solid transparent}
#ub-berater .ubb-c:hover{border-color:#d4b46e}
#ub-berater .ubb-c img{width:100%;aspect-ratio:1;object-fit:contain}
#ub-berater .ubb-c .tip{position:absolute;top:10px;left:10px;background:#111;color:#d4b46e;font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:4px 8px;border-radius:2px}
#ub-berater .ubb-c .br{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#8a6d3b;font-weight:700;margin-top:6px}
#ub-berater .ubb-c .t{font-size:13px;line-height:1.3;margin:4px 0 8px}
#ub-berater .ubb-c .p{font-weight:700;margin-top:auto}
#ub-berater .ubb-c .go{font-size:12px;color:#8a6d3b;margin-top:4px}
#ub-berater .ubb-f{margin-top:18px;font-size:14px}
#ub-berater .ubb-f a{color:#d4b46e!important}
@media (max-width:767px){#ub-berater{padding:24px 18px}#ub-berater .ubb-o,#ub-berater .ubb-r{grid-template-columns:1fr}}
.ubb-band{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:14px 0 0;padding:16px 22px;border:1px solid #d4b46e;border-radius:6px;background:#faf7f2;color:#111!important;text-decoration:none!important}
.ubb-band .k{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#8a6d3b;font-weight:700}
.ubb-band .t{flex:1 1 300px;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:22px;line-height:1.2}
.ubb-band .b{background:#111;color:#d4b46e;padding:10px 18px;border-radius:4px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.ubb-band:hover .b{background:#d4b46e;color:#111}
.ubb-buy{display:none}
@media (max-width:767px){.ubb-buy{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:999;background:#110d09;color:#fff;padding:10px 12px;gap:10px;align-items:center;box-shadow:0 -4px 16px rgba(0,0,0,.2);transform:translateY(110%);transition:transform .25s}
.ubb-buy.on{transform:none}
.ubb-buy .i{flex:1;min-width:0;display:flex;flex-direction:column}
.ubb-buy .t{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e9e2d6}
.ubb-buy .p{font-weight:700;font-size:16px;color:#fff}
.ubb-buy button{background:#d4b46e;color:#111;border:0;border-radius:4px;padding:12px 14px;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase}}
/* Ende UB24 Berater */

/* UB24 Kategorie */
.ubk-sz{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:22px}
.ubk-sz .h{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8a6d3b;font-weight:700;margin-right:6px}
.ubk-sz a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:58px;height:58px;border:1px solid #ddd5c6;border-radius:50%;font-size:10px;color:#6f6a60!important;text-decoration:none!important;background:#fff;line-height:1.1;transition:border-color .2s}
.ubk-sz a b{font-size:18px;color:#111}
.ubk-sz a.t{border-radius:30px;padding:0 18px;font-size:12px;font-weight:700;color:#111!important;letter-spacing:.06em}
.ubk-sz a:hover{border-color:#d4b46e}
.ubk-sz a.on{background:#111;border-color:#111}.ubk-sz a.on,.ubk-sz a.on b{color:#d4b46e!important}
@media (max-width:767px){.ubk-sz{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.ubk-sz a{flex:0 0 52px;min-width:52px;height:52px}.ubk-sz a.t{flex:0 0 auto}}
.ubk-cmp{margin:10px auto 40px}
.ubk-cmp .k{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#8a6d3b;font-weight:700}
.ubk-cmp h2{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:600!important;font-size:clamp(28px,3vw,40px)!important;margin:4px 0 16px!important}
.ubk-cmp .w{overflow-x:auto}
.ubk-cmp table{width:100%;border-collapse:collapse;min-width:640px;font-size:14px;background:#fff}
.ubk-cmp th{background:#110d09;color:#d4b46e;font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;font-weight:600;padding:12px;text-align:left}
.ubk-cmp td{padding:10px 12px;border-bottom:1px solid #ece6db;vertical-align:top}
.ubk-cmp td:first-child{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6f6a60;font-weight:700;width:120px}
.ubk-cmp tr.p td{font-weight:700;font-size:15px}
.ubk-cmp tr.p a{display:block;font-size:12px;font-weight:600;color:#8a6d3b!important;margin-top:4px}
/* Ende UB24 Kategorie */

/* UB24 Marken */
.ubm-hero{position:relative;background:#110d09 right center/cover no-repeat;margin:0 0 30px}
.ubm-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,13,9,.97) 0%,rgba(17,13,9,.85) 45%,rgba(17,13,9,.2) 100%)}
.ubm-hero .container{position:relative}
.ubm-hero .in{max-width:560px;padding:64px 16px}
.ubm-hero .k{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#d4b46e;font-weight:600;margin-bottom:12px}
.ubm-hero h2{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:600!important;font-size:clamp(36px,4.5vw,58px)!important;line-height:1.04!important;color:#fff!important;margin:0 0 14px!important}
.ubm-hero p{color:#e9e2d6;font-size:16px;line-height:1.65;margin:0 0 18px}
.ubm-hero ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.ubm-hero li{color:#fff;font-size:13px;padding-left:20px;position:relative}
.ubm-hero li:before{content:'✓';position:absolute;left:0;color:#d4b46e;font-weight:700}
@media (max-width:767px){.ubm-hero{background-position:70% center}.ubm-hero:before{background:rgba(17,13,9,.82)}.ubm-hero .in{padding:40px 16px}}
.ubm-li{position:relative}
.ubm-dd{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #ece6db;box-shadow:0 12px 30px rgba(0,0,0,.12);padding:14px;grid-template-columns:repeat(3,150px);gap:10px;z-index:1000}
.ubm-li:hover .ubm-dd{display:grid}
.ubm-dd a{display:block;padding:0!important}
.ubm-dd img{width:150px;height:75px;object-fit:cover;display:block;border-radius:2px;transition:transform .2s}
.ubm-dd a:hover img{transform:scale(1.03)}
@media (max-width:991px){.ubm-dd{display:none!important}}
.ubm-hero a.all{display:inline-block;margin-top:18px;color:#d4b46e!important;font-size:13px;font-weight:600;border-bottom:1px solid #d4b46e}
/* Ende UB24 Marken */

/* UB24 Fix 07:48 */
.ubm-dd{top:100%;margin-top:0}
.ubm-dd:before{content:'';position:absolute;left:0;right:0;top:-28px;height:28px}
.ubm-li{padding-bottom:14px!important;margin-bottom:-14px!important}
.ubm-li:hover .ubm-dd,.ubm-dd:hover{display:grid}
.menu-item-category-10725401 li.subsubitem:has(> a[href$='/uhrenbeweger/marken/']){display:none!important}
.ubb-band{margin:22px 0 34px!important}
.featured-blocks{margin-bottom:34px!important}
.two-blocks-module{margin-bottom:46px!important}
/* Ende UB24 Fix */

/* UB24 Footer */
footer{background:#110d09!important;color:#cfc6b8!important}
footer a{color:#cfc6b8!important}
footer a:hover{color:#d4b46e!important}
.ubf-top{border-bottom:1px solid #2a2119;padding:44px 0 36px;margin-bottom:36px}
.ubf-top .g{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.ubf-top .k{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#d4b46e;font-weight:600;margin-bottom:10px}
.ubf-top b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:24px;color:#fff;margin-bottom:6px;line-height:1.15}
.ubf-top b a{color:#fff!important}
.ubf-top span{display:block;font-size:14px;line-height:1.6;color:#cfc6b8}
.ubf-top > .container a:not(b a){display:inline-block;margin-top:10px;font-size:13px;font-weight:600;color:#d4b46e!important}
@media (max-width:991px){.ubf-top .g{grid-template-columns:1fr 1fr}}
@media (max-width:575px){.ubf-top .g{grid-template-columns:1fr}}
footer .footer-logo img{mix-blend-mode:lighten;max-width:190px}
footer .footer-menu li a{font-size:14px!important;font-weight:400!important;line-height:1.9}
footer .footer-menu-category ul ul{display:none!important}
footer .footer-menu-service:before,footer .footer-menu-category:before,footer .footer-content-description:before{display:block;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#d4b46e;font-weight:600;margin-bottom:12px}
footer .footer-menu-service:before{content:'Service und Infos'}
footer .footer-menu-category:before{content:'Sortiment'}
footer .footer-content-description:before{content:'Kontakt'}
footer .newsletter-footer-form input{background:#1c1610!important;border:1px solid #3a2f24!important;color:#fff!important}
footer .newsletter-footer-form .button{background:#d4b46e!important;border-color:#d4b46e!important;color:#111!important}
footer .footer-bottom{border-top:1px solid #2a2119;color:#8a8073}
.featured-products .section-title h3{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:600!important;font-size:clamp(28px,2.8vw,38px)!important}
.featured-products .section-title h3:before{content:'Uhrenbeweger24';display:block;font-family:'Source Sans Pro',sans-serif;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#8a6d3b;font-weight:600;margin-bottom:4px}
.featured-products .section-title{border-bottom:1px solid #ece6db;padding-bottom:10px;margin-bottom:22px!important}
.featured-products .section-title .link{font-size:12px!important;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#111!important;border-bottom:2px solid #d4b46e}
.featured-products .section-title .link:after{content:' ansehen ›'}
/* Ende UB24 Footer */
/* UB24 Megamenue */
.ubmm{display:none}
@media (min-width:992px){
.ubmm-li{position:relative}
.ubmm-li > ul.size-loaded{display:none!important}
.ubmm{position:absolute;top:100%;left:0;z-index:1001;background:#fff;border:1px solid #ece6db;border-top:2px solid #d4b46e;box-shadow:0 16px 36px rgba(0,0,0,.14);padding:16px 18px 18px;width:860px}
.ubmm:before{content:'';position:absolute;left:0;right:0;top:-14px;height:14px}
.ubmm-li:hover .ubmm{display:block}
.ubmm .h{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #ece6db;padding-bottom:8px;margin-bottom:12px}
.ubmm .h span{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#8a6d3b;font-weight:700}
.ubmm .h a{font-size:12px!important;font-weight:700!important;color:#111!important;border-bottom:2px solid #d4b46e;padding:0!important;text-transform:none!important;letter-spacing:0!important}
.ubmm .g{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.ubmm .g a{display:flex!important;flex-direction:column;align-items:center;text-align:center;padding:8px 4px!important;border:1px solid transparent;border-radius:3px;color:#111!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;line-height:1.2!important;transition:border-color .2s,background .2s}
.ubmm .g a:hover{border-color:#e4d5b0;background:#faf7f1}
.ubmm .g img{width:92px;height:92px;object-fit:contain;display:block;margin-bottom:6px}
.ubmm .g b{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:19px}
.ubmm .g i{font-style:normal;font-size:11px;color:#6f6a60;min-height:14px;margin-top:2px}
.ubmm .g a.b{background:#110d09;justify-content:center;border-color:#110d09}
.ubmm .g a.b:hover{background:#1e1710}
.ubmm .g a.b span{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#d4b46e;font-weight:700}
.ubmm .g a.b b{color:#fff;margin:4px 0}
.ubmm .g a.b i{color:#cfc6b8}
}
/* Ende UB24 Megamenue */
/* UB24 Fix 08:40 */
@media (min-width:992px){nav.main-nav li.ubmm-li{position:relative!important}}
.products-list.row{display:flex;flex-wrap:wrap}
.products-list.row:before,.products-list.row:after{display:none}
.products-list.row>[class*=col-]{display:flex;flex-direction:column;float:none}
.products-list .product-element{display:flex;flex-direction:column;width:100%;flex:1 1 auto}
.products-list .product-element>.m-t-10{margin-top:auto!important;padding-top:10px}
@media (max-width:767px){.featured-blocks a.featured-block,.two-blocks-module a.featured-block{height:250px!important;padding-bottom:0!important;min-height:0!important}.featured-blocks .featured-block-image{background-position:center 45%!important}.cta-section a.featured-block,.cta-section .featured-block{height:420px!important;padding-bottom:0!important;min-height:0!important}.cta-section .block-image-placeholder{height:100%!important}}
/* Ende UB24 Fix 08:40 */
/* UB24 Aufbewahrung ohne Marken */
.menu-item-category-10727535 li.subsubitem:has(> a[href$='/uhrenaufbewahrung/marken/']){display:none!important}
/* Ende UB24 Aufbewahrung */
/* UB24 Mobile Slider */
@media (max-width:767px){.hero-element{position:relative!important;height:320px!important;padding-bottom:0!important;overflow:hidden}.hero-element .hero-image{position:absolute!important;inset:0;height:100%!important;background-size:cover!important;background-position:center!important}.hero-element .hero-content{position:absolute!important;left:0;right:0;bottom:0;top:auto!important;background:linear-gradient(180deg,rgba(17,13,9,0) 0%,rgba(17,13,9,.82) 38%,rgba(17,13,9,.95) 100%)!important;padding:46px 18px 18px!important}.hero-element .hero-content p{display:none!important}.hero .slick-list{height:auto!important}}
/* Ende UB24 Mobile Slider */
/* UB24 Karussell Knopfhoehe */
.product-list-carousel .slick-track{display:flex!important}
.product-list-carousel .slick-slide{height:auto!important;display:flex!important;flex-direction:column}
.product-list-carousel .slick-slide>.product-element{flex:1 1 auto}
/* Ende UB24 Karussell */
/* UB24 Ratgeber-Link */
.ubmm .h .r a{margin-left:18px}
/* Ende UB24 Ratgeber-Link */

