/* BB Shop 2.0 – Galerie-Anmutung. Inhalte liegen in Seiten/Templates (Blocks); hier nur Gestaltung & Bewegung. */
*,*::before,*::after{box-sizing:border-box}
:root{--bb-accent:var(--wp--preset--color--accent,#c8421f);--bb-accent-dark:var(--wp--preset--color--accent-dark,#a63318);--bb-line:var(--wp--preset--color--line,#e0d5c3);--bb-surface:var(--wp--preset--color--surface,#f2ece1);--bb-sand:var(--wp--preset--color--sand,#e7dcc9);--bb-muted:var(--wp--preset--color--muted,#5c5448);--bb-dark:var(--wp--preset--color--dark,#17121f);--bb-ink:var(--wp--preset--color--contrast,#17130f);--bb-base:var(--wp--preset--color--base,#fbf8f2);--bb-teal:var(--wp--preset--color--teal,#0f4c52);--bb-gold:var(--wp--preset--color--gold,#f0b84a);--bb-blush:var(--wp--preset--color--blush,#f6dccd);--bb-ease:cubic-bezier(.2,.7,.2,1);--bb-ease-out:cubic-bezier(.22,1,.36,1);--bb-ease-in:cubic-bezier(.4,0,1,1);--bb-radius:14px;--bb-pill:999px;--bb-serif:var(--wp--preset--font-family--fraunces)}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,p,li{overflow-wrap:break-word}
img{max-width:100%}
.wp-site-blocks>*{margin-block-start:0!important}
a{text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,.wp-block-button__link:focus-visible{outline:3px solid var(--bb-accent);outline-offset:2px}
.has-text-align-center{text-align:center}

/* ---------- Ankündigungsleiste + Header ---------- */
.bb-announce{background:var(--bb-dark);color:#fff;padding-top:.45rem;padding-bottom:.45rem}
.bb-announce p{margin:0;color:#fff;font-size:.8125rem;letter-spacing:.03em}
.bb-announce a{color:var(--bb-gold)}
.bb-header{background:rgba(251,248,242,.96);border-bottom:1px solid var(--bb-line);transition:box-shadow .3s var(--bb-ease);position:relative}
@supports (backdrop-filter:blur(8px)){.bb-header{background:rgba(251,248,242,.82);backdrop-filter:saturate(1.4) blur(12px)}}
.bb-header.is-scrolled{box-shadow:0 8px 28px -14px rgba(23,19,15,.35)}
.bb-header__grid{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem 1.5rem;padding-block:.25rem}
.bb-header__grid>*{margin:0!important}
.bb-header__logo img{display:block;height:auto;width:52px}
.bb-header__nav{justify-content:flex-start;gap:.25rem 1.6rem;font-size:.9375rem;font-weight:500}
.bb-header__nav a{text-decoration:none}
.bb-header__nav>.wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{padding:1.35rem .1rem;display:inline-block;position:relative}
.bb-header__nav>.wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content::after{content:"";position:absolute;left:0;right:0;bottom:1rem;height:2px;border-radius:2px;background:var(--bb-accent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--bb-ease)}
@media (hover:hover){.bb-header__nav>.wp-block-navigation__container>.wp-block-navigation-item:hover>.wp-block-navigation-item__content::after,.bb-header__nav>.wp-block-navigation__container>.wp-block-navigation-item:focus-within>.wp-block-navigation-item__content::after{transform:scaleX(1)}}
.bb-header__nav .wp-block-navigation__submenu-icon{margin-left:.15rem}
.bb-header__actions{gap:.15rem;justify-content:flex-end;align-items:center;flex-wrap:nowrap}
.bb-header__actions .wc-block-mini-cart__button,.bb-header__actions .wc-block-customer-account a,.bb-header__search .wp-block-search__button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--bb-ink);border:0;padding:0;border-radius:50%;transition:background .25s}
.bb-header__search .wp-block-search__inside-wrapper{min-width:0}
.bb-header__search.wp-block-search__button-only .wp-block-search__button{margin:0}
.bb-header__search .wp-block-search__input{min-height:44px;border:1px solid var(--bb-line);padding:.5rem .9rem;font:inherit;background:#fff;border-radius:999px}
@media (hover:hover){.bb-header__actions .wc-block-mini-cart__button:hover,.bb-header__actions .wc-block-customer-account a:hover,.bb-header__search .wp-block-search__button:hover{background:var(--bb-surface)}}
.wc-block-mini-cart__badge{font-size:.6875rem;min-width:1.25rem;height:1.25rem;line-height:1.25rem;background:var(--bb-accent);color:#fff;border-radius:999px}
.bb-bump{animation:bb-bump .5s var(--bb-ease)}
@keyframes bb-bump{0%{transform:scale(1)}35%{transform:scale(1.45)}65%{transform:scale(.9)}100%{transform:scale(1)}}
.bb-header--checkout{padding-block:.6rem}
.bb-secure{margin:0;color:var(--bb-muted)}
.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}

/* Designer-Button im Header: klar erkennbarer Akzent-Button statt Textlink */
.bb-header__cta{margin:0 0 0 .6rem!important}
.bb-btn-studio .wp-block-button__link{min-height:44px;padding:.5rem 1.25rem;gap:.55rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;box-shadow:0 8px 20px -10px var(--bb-accent)}
.bb-btn-studio .wp-block-button__link::before{content:"";width:1.05em;height:1.05em;background:currentColor;flex:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5l2.6 7.4 7.4 2.6-7.4 2.6L12 21.5l-2.6-7.4L2 11.5l7.4-2.6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5l2.6 7.4 7.4 2.6-7.4 2.6L12 21.5l-2.6-7.4L2 11.5l7.4-2.6z'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .5s var(--bb-ease)}
@media (hover:hover){.bb-btn-studio .wp-block-button__link:hover::before{transform:rotate(90deg) scale(1.15)}}
.bb-header__cta .wp-block-button__link{font-size:.9375rem}

/* Sticky: nur der Header haftet, die Ankündigungsleiste scrollt weg */
.wp-site-blocks>header.wp-block-template-part{display:contents}
.bb-header{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:60}

/* Mega-Menü (Navigation-Block "Shop" mit Untermenüs, im Editor pflegbar) */
.bb-header__nav .bb-nav-overlay-only{display:none!important}
@media (min-width:600px){
 nav.bb-header__nav,.bb-header__nav .wp-block-navigation__responsive-container,.bb-header__nav .wp-block-navigation__responsive-dialog,ul.wp-block-navigation__container.bb-header__nav{position:static!important}
 .bb-header__nav li.bb-mega{position:static!important}
 .bb-header__nav .bb-mega>.wp-block-navigation__submenu-container{
  position:absolute!important;left:0!important;right:0!important;top:100%!important;width:100%!important;min-width:0!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem 2.5rem;
  padding:2.25rem max(1.25rem,calc((100% - 1280px)/2)) 2.5rem!important;
  background:var(--bb-base)!important;color:var(--bb-ink)!important;border:0!important;border-bottom:1px solid var(--bb-line)!important;
  box-shadow:0 30px 40px -28px rgba(23,19,15,.35);border-radius:0!important;
  transform:translateY(10px);transition:opacity .22s ease,transform .4s var(--bb-ease),visibility 0s linear .22s!important;
 }
 .bb-header__nav .bb-mega>.wp-block-navigation__submenu-container::before{content:none}
 .bb-header__nav .bb-mega:hover>.wp-block-navigation__submenu-container,
 .bb-header__nav .bb-mega:focus-within>.wp-block-navigation__submenu-container,
 .bb-header__nav .bb-mega>[aria-expanded="true"]~.wp-block-navigation__submenu-container{transform:none;transition:opacity .22s ease,transform .4s var(--bb-ease),visibility 0s!important}
 .bb-header__nav .bb-mega__col{display:block!important;position:static!important}
 .bb-header__nav .bb-mega__col>.wp-block-navigation__submenu-icon{display:none!important}
 .bb-header__nav .bb-mega__col>.wp-block-navigation__submenu-container{
  position:static!important;visibility:visible!important;opacity:1!important;height:auto!important;width:auto!important;min-width:0!important;overflow:visible!important;
  display:flex!important;flex-direction:column;gap:.1rem;border:0!important;background:transparent!important;padding:.35rem 0 0!important;margin:0!important;box-shadow:none!important;transform:none!important;
 }
 .bb-header__nav .bb-mega__col>.wp-block-navigation-item__content{font-size:.75rem!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bb-muted)!important;padding:.2rem 0!important;border-bottom:1px solid var(--bb-line);margin-bottom:.35rem;display:block}
 .bb-header__nav .bb-mega__col .wp-block-navigation-item__content{padding:.32rem 0!important}
 .bb-header__nav .bb-mega__col .wp-block-navigation__submenu-container .wp-block-navigation-item__content{font-family:var(--bb-serif);font-size:1.1875rem!important;font-weight:400;transition:color .2s,transform .3s var(--bb-ease);display:inline-block}
 .bb-header__nav .bb-mega__col .wp-block-navigation__submenu-container .wp-block-navigation-item__content::after{display:none}
 @media (hover:hover){.bb-header__nav .bb-mega__col .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{color:var(--bb-accent);transform:translateX(4px)}}
}
@media (min-width:600px) and (max-width:899px){
 .bb-header__nav .bb-mega>.wp-block-navigation__submenu-container{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bb-header__search,.bb-header__account{display:none}
}
@media (min-width:600px) and (max-width:1099px){.bb-header__grid{gap:.5rem 1rem}.bb-header__nav{gap:.25rem 1.1rem}}

/* Mobil: Off-Canvas-Menü (Core-Overlay, hier als Schublade von rechts gestaltet) */
@media (max-width:599px){
 .bb-header__grid{grid-template-columns:auto minmax(0,1fr) auto auto;gap:.25rem}
 .bb-header__logo img{width:44px}
 .bb-header__nav{grid-column:4;grid-row:1;justify-content:flex-end}
 .bb-header__actions{grid-column:3;grid-row:1}
 .bb-header__account{display:none}
 .bb-header__cta{margin-left:.25rem!important}
 .bb-header__cta .wp-block-button__link{padding:.45rem .95rem;font-size:.875rem;min-height:42px}
 .bb-announce p{font-size:.75rem}
}
@media (max-width:419px){.bb-header__search{display:none}.bb-btn-studio .wp-block-button__link::before{display:none}}
.wp-block-navigation__responsive-container.is-menu-open{background:var(--bb-base)!important;color:var(--bb-ink)!important;padding:0!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding:4.5rem 1.5rem 2rem;align-items:stretch;gap:0}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{top:.75rem;right:.75rem}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:.15rem;align-items:stretch;width:100%}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-family:var(--bb-serif);font-size:1.75rem;padding:.35rem 0;color:var(--bb-ink)}
.is-menu-open .bb-mega>.wp-block-navigation__submenu-container{display:grid!important;grid-template-columns:1fr 1fr;gap:1.25rem 1.5rem;position:static!important;padding:.5rem 0 0!important;border:0!important;background:transparent!important;width:100%!important;min-width:0!important;visibility:visible!important;opacity:1!important;height:auto!important;overflow:visible!important}
.is-menu-open .wp-block-navigation__container>.wp-block-navigation-item{order:1}
.is-menu-open .wp-block-navigation__container>.bb-mega{order:2;margin-top:.75rem}
.is-menu-open .wp-block-navigation__container>.bb-nav-overlay-only{order:3}
.is-menu-open .bb-mega__col .wp-block-navigation-item__content{padding-left:0!important;padding-right:0!important}
.is-menu-open .bb-mega__col>.wp-block-navigation-item__content{display:block;width:100%}
.is-menu-open .bb-mega>.wp-block-navigation-item__content{display:none}
.is-menu-open .bb-mega>.wp-block-navigation__submenu-icon{display:none!important}
.is-menu-open .bb-mega__col{margin:0 0 .5rem;display:block!important;align-self:start;min-width:0}
.is-menu-open .bb-mega__col>.wp-block-navigation-item__content{font-family:var(--wp--preset--font-family--assistant);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bb-muted);padding:.25rem 0;border-bottom:1px solid var(--bb-line)}
.is-menu-open .bb-mega__col>.wp-block-navigation__submenu-icon{display:none!important}
.is-menu-open .bb-mega__col>.wp-block-navigation__submenu-container{display:flex!important;flex-direction:column;padding:.2rem 0 0!important;margin:0!important;border:0!important;background:transparent!important;position:static!important;width:100%!important}
.is-menu-open .bb-mega__col .wp-block-navigation__submenu-container .wp-block-navigation-item__content{font-size:1.2rem;padding-top:.2rem;padding-bottom:.2rem}
.bb-header__nav .is-menu-open .bb-nav-overlay-only,.is-menu-open .bb-nav-overlay-only{display:block!important}
.is-menu-open .bb-nav-cta{margin-top:1.25rem}
.is-menu-open .bb-nav-cta .wp-block-navigation-item__content{display:inline-flex;align-items:center;min-height:52px;padding:.7rem 1.6rem!important;border-radius:999px;background:var(--bb-accent);color:#fff!important;font-family:var(--wp--preset--font-family--assistant);font-size:1.0625rem;font-weight:700}
@media (prefers-reduced-motion:no-preference){
 .wp-block-navigation__responsive-container.is-menu-open{animation:bb-drawer .38s var(--bb-ease) both}
 @keyframes bb-drawer{from{transform:translateX(24px);opacity:0}}
 .is-menu-open .wp-block-navigation__container>.wp-block-navigation-item{animation:bb-rise .5s var(--bb-ease) both}
 .is-menu-open .wp-block-navigation__container>.wp-block-navigation-item:nth-child(2){animation-delay:.06s}
 .is-menu-open .wp-block-navigation__container>.wp-block-navigation-item:nth-child(3){animation-delay:.12s}
 .is-menu-open .wp-block-navigation__container>.wp-block-navigation-item:nth-child(4){animation-delay:.18s}
 .is-menu-open .wp-block-navigation__container>.wp-block-navigation-item:nth-child(5){animation-delay:.24s}
}


/* Offenes Mobil-Menü: backdrop-filter / view-transition-name würden das fixierte Overlay im Header einsperren */
.bb-header:has(.wp-block-navigation__responsive-container.is-menu-open){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;view-transition-name:none!important;background:var(--bb-base)}
@media (max-width:599px){.bb-announce{padding-block:.45rem}.bb-announce p{white-space:normal;font-size:.8125rem;line-height:1.35;text-wrap:balance}}

/* ---------- Seitenübergänge ---------- */
@media (prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 ::view-transition-old(root){animation:bb-vt-out .16s ease both}
 ::view-transition-new(root){animation:bb-vt-in .3s var(--bb-ease) both}
 .bb-header{view-transition-name:bb-header}
 ::view-transition-group(bb-img){animation-duration:.42s;animation-timing-function:var(--bb-ease)}
 ::view-transition-old(bb-img),::view-transition-new(bb-img){height:100%;object-fit:cover;overflow:clip}
 @keyframes bb-vt-out{to{opacity:0}}
 @keyframes bb-vt-in{from{opacity:0}}
}

/* ---------- Bewegung: Reveal ---------- */
@media (prefers-reduced-motion:no-preference){
 .bb-js .bb-reveal:not(.is-in){opacity:0;transform:translateY(12px)}
 .bb-js .bb-reveal{transition:opacity .45s var(--bb-ease-out),transform .45s var(--bb-ease-out)}
 .bb-hero .wp-block-cover__inner-container>*{animation:bb-rise .5s var(--bb-ease-out) both}
 .bb-hero .wp-block-cover__inner-container>*:nth-child(2){animation-delay:.08s}
 .bb-hero .wp-block-cover__inner-container>*:nth-child(3){animation-delay:.16s}
 .bb-hero .wp-block-cover__inner-container>*:nth-child(4){animation-delay:.24s}
 .bb-hero .wp-block-cover__image-background{animation:bb-zoom 1.2s var(--bb-ease-out) both}
 @keyframes bb-rise{from{opacity:0;transform:translateY(10px)}}
 @keyframes bb-zoom{from{transform:scale(1.06)}}
}

/* ---------- Typografie-Helfer ---------- */
.bb-eyebrow{font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bb-muted);margin:0 0 .6rem;font-weight:600}
.bb-hero .bb-eyebrow{color:rgba(255,255,255,.82)}
.bb-section{padding-top:var(--wp--preset--spacing--60);padding-bottom:0}
.bb-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:0 0 1.25rem}
.bb-section-head h2{margin:0}
.bb-section-head p{margin:0}
.bb-link-arrow a,a.bb-link-arrow{text-decoration:none;font-weight:600;font-size:.9375rem;border-bottom:1px solid currentColor;padding-bottom:1px}
.bb-link-arrow a::after{content:" \2192";display:inline-block;transition:transform .3s var(--bb-ease)}
@media (hover:hover){.bb-link-arrow a:hover::after{transform:translateX(4px)}}
.bb-lead{font-size:var(--wp--preset--font-size--large);color:var(--bb-muted);max-width:52ch}

/* ---------- Buttons ---------- */
.wp-block-button__link,.wc-block-components-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--bb-pill);transition:background-color .25s,color .25s,transform .25s var(--bb-ease),box-shadow .25s}
@media (hover:hover){.wp-block-button__link:hover{transform:translateY(-1px);box-shadow:0 6px 16px -8px rgba(22,22,26,.45)}}
.wp-block-button__link:active{transform:scale(.98)}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--bb-ink);border:1px solid var(--bb-ink);padding:calc(.7rem - 1px) calc(1.5rem - 1px)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--bb-ink);color:#fff}
.bb-btn-light .wp-block-button__link{background:#fff;color:var(--bb-ink)}
.bb-btn-light .wp-block-button__link:hover{background:var(--bb-surface);color:var(--bb-ink)}
.bb-btn-ghost .wp-block-button__link,.bb-btn-ghost.is-style-outline .wp-block-button__link{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.85)}
.bb-btn-ghost .wp-block-button__link:hover{background:#fff;color:var(--bb-ink)}
.bb-btn-accent .wp-block-button__link{background:var(--bb-accent);color:#fff}
.bb-btn-accent .wp-block-button__link:hover{background:var(--bb-accent-dark)}

/* ---------- Hero ---------- */
.bb-hero{min-height:min(74vh,560px);padding-left:1.25rem;padding-right:1.25rem}
.bb-hero .wp-block-cover__inner-container{width:100%!important;max-width:1240px!important;margin-left:auto!important;margin-right:auto!important;padding:0!important}
.bb-hero .wp-block-cover__inner-container>*{margin-left:0!important;margin-right:auto!important}
.bb-hero h1,.bb-hero p{color:#fff}
.bb-hero h1{max-width:15ch;margin:0 0 1rem}
.bb-hero p{max-width:44ch;font-size:var(--wp--preset--font-size--large)}
.bb-hero .wp-block-buttons{gap:.75rem;margin-top:1.5rem}

/* ---------- Kacheln (Wege) ---------- */
.bb-tiles{gap:1rem;align-items:stretch}
.bb-tiles>.wp-block-column{display:flex;flex-direction:column}
.bb-tiles>.wp-block-column>.bb-tile{flex:1}
.bb-tile>.wp-block-image{flex:0 0 auto}
.bb-tile__body{margin-top:auto}
.bb-tile{position:relative;margin:0;overflow:hidden;border-radius:var(--bb-radius);background:var(--bb-surface);display:flex;flex-direction:column;height:100%}
.bb-tile .wp-block-image{margin:0;overflow:hidden}
.bb-tile .wp-block-image img{mix-blend-mode:multiply;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block;transition:transform .8s var(--bb-ease)}
.bb-tile__body{padding:1rem 1.1rem 1.2rem}
.bb-tile h3{margin:0 0 .2rem;font-size:1.25rem}
.bb-tile h3 a{text-decoration:none}
.bb-tile h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.bb-tile p{margin:0;color:var(--bb-muted);font-size:.9375rem}
.bb-tile--text{justify-content:flex-end;aspect-ratio:auto;color:#fff;background:var(--bb-dark)}
.bb-tile--text .bb-tile__body{padding:1.5rem 1.4rem}
.bb-tile--text h3,.bb-tile--text p,.bb-tile--text a{color:#fff}
.bb-tile--text p{color:rgba(255,255,255,.8)}
.bb-tile--accent{background:var(--bb-accent)}
.bb-tile--text h3{font-size:1.5rem}
@media (hover:hover){.bb-tile:hover .wp-block-image img{transform:scale(1.04)}.bb-tile--text{transition:transform .4s var(--bb-ease)}.bb-tile--text:hover{transform:translateY(-3px)}}
@media (max-width:781px){.bb-tiles.wp-block-columns{flex-wrap:wrap!important;gap:.75rem}.bb-tiles.wp-block-columns>.wp-block-column{flex-basis:calc(50% - .4rem)!important;flex-grow:0}.bb-tile--text{min-height:9rem}}

/* ---------- Vertrauensleiste ---------- */
.bb-trust{gap:.75rem 2rem;padding:1.1rem 0;border-block:1px solid var(--bb-line);margin:var(--wp--preset--spacing--50) 0 0}
.bb-trust__title,.bb-trust__text{margin:0}
.bb-trust__title{font-size:.9375rem}
.bb-trust__text{color:var(--bb-muted);margin-top:.1rem;font-size:.8125rem}
@media (max-width:781px){.bb-trust.wp-block-columns{flex-wrap:wrap!important}.bb-trust.wp-block-columns>.wp-block-column{flex-basis:calc(50% - 1rem)!important;flex-grow:0}}

/* ---------- Schritte ---------- */
.bb-steps{gap:2rem;counter-reset:bbstep}
.bb-step{counter-increment:bbstep;padding-top:1rem;border-top:1px solid var(--bb-ink)}
.bb-step::before{content:counter(bbstep,decimal-leading-zero);display:block;font-family:var(--bb-serif);font-size:1.5rem;color:var(--bb-accent);margin-bottom:.4rem}
.bb-step h3{margin:0 0 .35rem;font-size:1.1875rem}
.bb-step p{margin:0;color:var(--bb-muted);font-size:.9375rem}

/* ---------- Dunkles Band ---------- */
.bb-dark-band{background:var(--bb-dark);color:#fff;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);margin-top:var(--wp--preset--spacing--60)}
.bb-dark-band h2,.bb-dark-band p{color:#fff}
.bb-dark-band .wp-block-heading{margin-top:0}
.bb-dark-band p{max-width:56ch;margin-left:auto;margin-right:auto;color:rgba(255,255,255,.86)}
.bb-dark-band .wp-block-buttons{margin-top:1.5rem;gap:.75rem}
.bb-dark-band .bb-eyebrow{color:rgba(255,255,255,.7)}
.bb-welcome{text-align:center;padding-top:var(--wp--preset--spacing--60)}
.bb-welcome p{color:var(--bb-muted)}
.bb-section-title{margin-top:var(--wp--preset--spacing--60)}

/* ---------- Chips / Kategorie-Navigation ---------- */
.bb-chips{gap:.5rem;margin-block:1rem 1.25rem}
.bb-chip .wp-block-button__link{min-height:40px;padding:.4rem 1.1rem;border:1px solid var(--bb-line);background:#fff;color:var(--bb-ink);border-radius:999px;font-size:.9375rem;font-weight:500}
.bb-chip .wp-block-button__link:hover{background:var(--bb-surface);border-color:var(--bb-ink);transform:none;box-shadow:none}
body.post-type-archive-product .bb-chip--all .wp-block-button__link,body.term-wall-art .bb-chip--wall .wp-block-button__link,body.term-posters .bb-chip--wall .wp-block-button__link,body.term-canvas-prints .bb-chip--wall .wp-block-button__link,body.term-framed-posters .bb-chip--wall .wp-block-button__link,body.term-home-desk .bb-chip--home .wp-block-button__link,body.term-mugs .bb-chip--home .wp-block-button__link,body.term-desk-mats .bb-chip--home .wp-block-button__link,body.term-apparel .bb-chip--apparel .wp-block-button__link,body.term-t-shirts .bb-chip--apparel .wp-block-button__link,body.term-hoodies .bb-chip--apparel .wp-block-button__link,body.term-tote-bags .bb-chip--apparel .wp-block-button__link{background:var(--bb-ink);color:#fff;border-color:var(--bb-ink)}

/* ---------- Produktraster ---------- */
.bb-main{padding-top:1rem}
.bb-main--home{padding-top:0}
.bb-main h1.wp-block-query-title{margin:.25rem 0 .5rem}
.bb-toolbar{margin-bottom:1rem;align-items:center;font-size:.9375rem;color:var(--bb-muted)}
.bb-toolbar select{min-height:44px;border:1px solid var(--bb-line);padding:.4rem .7rem;font:inherit;background:#fff}
.bb-grid .wc-block-product-template{gap:2rem 1.25rem}
.bb-grid .wc-block-product{position:relative}
.bb-grid .wc-block-components-product-image{position:relative;overflow:hidden;background:var(--bb-surface);border-radius:var(--bb-radius)}
.bb-grid .wc-block-components-product-image a{background:var(--bb-surface);display:block;position:relative}
.bb-grid .wc-block-components-product-image img{object-fit:contain;width:100%;height:100%;transition:transform .8s var(--bb-ease),opacity .45s ease}
.bb-grid .wc-block-components-product-image .bb-hover-img{position:absolute;inset:0;opacity:0;pointer-events:none}
.bb-grid .wc-block-components-product-image .bb-hover-img.is-ready{opacity:0}
@media (hover:hover){
 .bb-grid .wc-block-product:hover .wc-block-components-product-image img:first-child{transform:scale(1.03)}
 .bb-grid .wc-block-product:hover .bb-hover-img.is-ready{opacity:1}
 .bb-grid .wc-block-product:hover .bb-hover-img.is-ready~img,.bb-grid .wc-block-product:hover .wc-block-components-product-image:has(.bb-hover-img.is-ready) img:first-child{transform:none}
}
.bb-grid .wp-block-post-title,.bb-grid .wp-block-post-title.has-medium-font-size{font-size:1rem!important;font-weight:500;font-family:var(--wp--preset--font-family--assistant);margin:.7rem 0 .2rem;line-height:1.35}
.bb-grid .wp-block-post-title a{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .4s var(--bb-ease)}
@media (hover:hover){.bb-grid .wp-block-post-title a:hover{background-size:100% 1px}}
.bb-grid .wc-block-components-product-price{color:var(--bb-muted)}
@media (max-width:900px){.bb-grid .wc-block-product-template.columns-4{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:600px){.bb-grid .wc-block-product-template,.bb-grid .wc-block-product-template.columns-4,.bb-grid .wc-block-product-template.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.25rem .75rem}.bb-grid .wp-block-post-title,.bb-grid .wp-block-post-title.has-medium-font-size{font-size:.9375rem!important}}
.wc-block-grid__product-title,.wc-block-components-product-name{font-size:1rem;font-weight:500}
.bb-vat{display:block;font-size:.75rem;color:var(--bb-muted);margin-top:.1rem}
.bb-vat a{color:inherit}
.bb-search-big{margin-block:1rem 1.5rem}
.wp-block-query-pagination{gap:.5rem;margin-top:2rem;font-size:.9375rem}
.wp-block-query-pagination a,.wp-block-query-pagination-numbers .page-numbers{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--bb-line);padding:0 .6rem;border-radius:var(--bb-radius)}
.wp-block-query-pagination-numbers .current{background:var(--bb-ink);color:#fff;border-color:var(--bb-ink)}

/* ---------- Produktseite ---------- */
.bb-product{gap:3rem}
.bb-product__summary h1{font-size:clamp(1.625rem,1.3rem + 1vw,2.125rem);margin:.25rem 0 .5rem}
.bb-product__summary .wc-block-components-product-price,.bb-product__summary .price{font-size:1.375rem;font-weight:600}
.bb-product__summary .wp-block-post-excerpt{color:var(--bb-muted);font-size:.9375rem}
.bb-product__cat{margin:0;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase}
.bb-product__cat a{text-decoration:none;color:var(--bb-muted)}
.bb-product table.variations td,.bb-product table.variations th{display:block;padding:.25rem 0;text-align:left}
.bb-product table.variations select{width:100%;min-height:48px;padding:.5rem .75rem;border:1px solid var(--bb-ink);border-radius:var(--bb-radius);font:inherit;background:#fff}
.bb-product form.cart{display:block}
.bb-product .single_add_to_cart_button{width:100%;min-height:52px;background:var(--bb-accent);color:#fff;border:0;border-radius:var(--bb-pill);font-size:1rem;letter-spacing:.03em;position:relative;overflow:hidden;transition:background-color .25s,transform .25s var(--bb-ease)}
.bb-product .single_add_to_cart_button:hover{background:var(--bb-accent-dark)}
.bb-product .single_add_to_cart_button.is-loading{opacity:.75;pointer-events:none}
.bb-product .single_add_to_cart_button.is-loading::after{content:"";position:absolute;right:1rem;top:50%;width:16px;height:16px;margin-top:-8px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:bb-spin .7s linear infinite}
.bb-product .single_add_to_cart_button.is-added{background:#1b7a3a}
@keyframes bb-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.bb-product .single_add_to_cart_button.is-loading::after{animation:none}}
.bb-product .woocommerce-variation-add-to-cart{display:flex;gap:.75rem;margin-top:1rem}
.bb-product .quantity input{min-height:52px;width:4.5rem;border:1px solid var(--bb-ink);border-radius:var(--bb-radius);text-align:center;font:inherit}
.bb-delivery{margin:1rem 0 0;padding:.85rem 1rem;background:var(--bb-surface);border-radius:var(--bb-radius);font-size:.9rem;display:flex;gap:.6rem;align-items:flex-start}
.bb-delivery strong{font-weight:600}
.bb-checklist{list-style:none;padding:0;margin:1.25rem 0}
.bb-checklist li{padding-left:1.6rem;position:relative;margin:.35rem 0}
.bb-checklist li::before{content:"";position:absolute;left:.15rem;top:.45em;width:.45rem;height:.8rem;border:solid var(--bb-accent);border-width:0 2px 2px 0;transform:rotate(45deg) scale(.9);transform-origin:center}
.bb-checklist a{color:inherit}
.wp-block-bb-designer-customize-button{margin-top:.75rem}
.bb-also{margin:1.25rem 0;padding:1rem 1.1rem;border:1px solid var(--bb-line);border-radius:var(--bb-radius)}
.bb-also h3{margin:0 0 .15rem;font-size:1.0625rem}
.bb-also p{margin:0 0 .7rem;color:var(--bb-muted);font-size:.875rem}
.bb-also__list{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:0;padding:0}
.bb-also__list a{display:inline-flex;flex-direction:column;min-height:44px;justify-content:center;padding:.35rem .9rem;border:1px solid var(--bb-line);border-radius:999px;text-decoration:none;font-size:.875rem;line-height:1.25;transition:border-color .25s,background-color .25s}
.bb-also__list a small{color:var(--bb-muted);font-size:.75rem}
@media (hover:hover){.bb-also__list a:hover{border-color:var(--bb-ink);background:var(--bb-surface)}}
.wp-block-woocommerce-product-details.is-style-minimal{margin-top:var(--wp--preset--spacing--50)}
.bb-related-title{margin-top:var(--wp--preset--spacing--60)}

/* Sticky Add-to-cart (mobil, mu-plugin 70) */
.bb-sticky-atc{display:none}
@media (max-width:781px){
 .bb-sticky-atc{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--bb-line);box-shadow:0 -4px 16px rgba(0,0,0,.08);transform:translateY(110%);transition:transform .35s var(--bb-ease)}
 .bb-sticky-atc.is-visible{transform:none}
 .bb-sticky-atc__price{flex:1;min-width:0;font-size:.875rem;line-height:1.25}
 .bb-sticky-atc__price strong{display:block;font-size:1.0625rem}
 .bb-sticky-atc button{min-height:46px;padding:0 1.5rem;background:var(--bb-accent);color:#fff;border:0;border-radius:var(--bb-radius);font:inherit;font-weight:600;cursor:pointer}
 body.single-product{padding-bottom:4.5rem}
}
@media (prefers-reduced-motion:reduce){.bb-sticky-atc{transition:none}}

/* ---------- Warenkorb / Checkout / Mini-Cart ---------- */
.bb-fsb,.bb-mbb{margin:0 0 1rem;padding:.9rem 1.1rem;border:1px solid var(--bb-line);background:var(--bb-surface);border-radius:var(--bb-radius)}
.bb-fsb p,.bb-mbb p{margin:0 0 .5rem;font-size:.9375rem}
.bb-mbb p{margin:0}
.bb-fsb__track{height:6px;background:#dcd8cf;overflow:hidden;border-radius:99px}
.bb-fsb__bar{height:100%;background:var(--bb-accent);width:0;transition:width .6s var(--bb-ease);border-radius:99px}
.bb-fsb.is-done .bb-fsb__bar{background:#1b7a3a}
.bb-mbb.is-done{border-color:#1b7a3a;background:#f0f7f2}
.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{background:var(--bb-accent)!important;color:#fff!important;min-height:52px;border-radius:var(--bb-pill)}
.wc-block-cart__submit-button:hover,.wc-block-components-checkout-place-order-button:hover{background:var(--bb-accent-dark)!important}
.wc-block-components-text-input input,.wc-block-components-select select{min-height:48px}
.wc-block-components-product-name{font-size:1rem}
.wc-block-cart-items .wc-block-cart-item__image img,.wc-block-components-order-summary-item__image img{border-radius:var(--bb-radius);background:var(--bb-surface)}
.wc-block-cart,.wc-block-checkout{font-size:.9375rem}
.wc-block-components-sidebar-layout.is-large .wc-block-components-main{padding-right:2rem}
.wc-block-cart__totals-title,.wc-block-components-checkout-step__title{font-family:var(--bb-serif);font-weight:400}
.wc-block-components-drawer{border-radius:0}
@media (prefers-reduced-motion:no-preference){.wc-block-components-drawer__screen-overlay--with-slide-in .wc-block-components-drawer{transition-duration:.4s;transition-timing-function:var(--bb-ease)}}
.bb-main--checkout{padding-top:1.5rem}
.bb-checkout-assure{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;margin:0 0 1.25rem;padding:0;list-style:none;font-size:.875rem;color:var(--bb-muted)}
.bb-checkout-assure li::before{content:"\2713";color:#1b7a3a;margin-right:.4rem;font-weight:700}

/* ---------- Danke-Seite ---------- */
.bb-thanks{max-width:1100px;margin:0 auto}
.bb-thanks .wc-block-order-confirmation-status{margin-bottom:1.5rem}
.bb-next{margin:2rem 0}
.bb-next .bb-steps{margin-top:1rem}

/* ---------- Seiten ---------- */
.bb-page-title{padding-top:1.5rem;margin-bottom:1.5rem}
.bb-page-title{max-width:720px;margin-left:auto;margin-right:auto}

/* ---------- Footer ---------- */
.bb-footer{background:var(--bb-surface);border-top:1px solid var(--bb-line);margin-top:var(--wp--preset--spacing--60);padding-top:3rem;padding-bottom:2rem}
.bb-footer a{text-decoration:none}
.bb-footer a:hover{text-decoration:underline}
.bb-footer .bb-legal-links{gap:.3rem}
.bb-footer .bb-legal-links a{padding:.3rem 0;display:inline-block}
.bb-footer__title{margin:0 0 .5rem;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase}
.bb-footer__brand{font-family:var(--bb-serif);font-size:1.5rem;margin:0 0 .5rem}
.bb-footnote{color:var(--bb-muted);font-size:.8125rem}
.bb-footer--min{margin-top:2rem;padding-top:1rem;padding-bottom:1rem}
body.home .bb-footer{margin-top:0}

/* ---------- 404 / Suche / Kontaktformular ---------- */
.bb-search-big .wp-block-search__inside-wrapper{border:1px solid var(--bb-ink);padding:0}
.bb-search-big input[type=search]{border:0;padding:.8rem 1rem;min-height:48px;font:inherit}
.bb-search-big .wp-block-search__button{margin:0;min-height:48px;background:var(--bb-ink);color:#fff;border:0;border-radius:0}
.bb-contact{max-width:640px}
.bb-contact label{display:block;margin:0 0 1rem}
.bb-contact input[type=text],.bb-contact input[type=email],.bb-contact input[type=tel],.bb-contact textarea{width:100%;padding:.7rem .8rem;border:1px solid var(--bb-ink);border-radius:var(--bb-radius);font:inherit;background:#fff}
.bb-contact button{background:var(--bb-ink);color:#fff;border:0;padding:.8rem 1.75rem;font:inherit;font-weight:600;letter-spacing:.03em;cursor:pointer;border-radius:var(--bb-pill)}
.bb-contact button:hover{background:var(--bb-accent)}
.bb-contact .bb-hp{position:absolute;left:-9999px;height:0;width:0;overflow:hidden}
.bb-notice{padding:.9rem 1rem;margin:0 0 1.5rem;border:1px solid var(--bb-ink)}
.bb-notice.ok{background:var(--bb-surface)}
.bb-notice.err{border-color:#b00020;color:#b00020}

.bb-product table.variations,.bb-product table.variations tbody,.bb-product table.variations tr{display:block;width:100%}
.bb-product table.variations{margin:1rem 0 0;border:0}
.bb-product table.variations tr{margin-bottom:.9rem}
.bb-product table.variations th.label{font-size:.9375rem;font-weight:600;line-height:1.3;padding:0 0 .3rem}
.bb-product table.variations td.value{line-height:1.3}
.bb-product .reset_variations{display:inline-block;margin-top:.35rem;font-size:.875rem}
/* Shop-Archiv: Filter-Spalte */
.bb-shopcols{gap:2.5rem}
.bb-filters{min-width:0}
.bb-filters h2,.bb-filters h3{margin:0 0 .5rem;font-size:.8125rem;font-weight:600;font-family:var(--wp--preset--font-family--assistant);letter-spacing:.12em;text-transform:uppercase}
.bb-filters .wp-block-woocommerce-product-filter-taxonomy,.bb-filters .wp-block-woocommerce-product-filter-price{margin-bottom:1.5rem}
@media (min-width:782px){.bb-shopcols>.bb-filters{position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + 6rem);align-self:flex-start}}
@media (max-width:781px){.bb-shopcols{gap:1rem}}
/* Galerie ohne Slider-JS: mobil native Wisch-Leiste (scroll-snap), Desktop Raster. */
.bb-product .woocommerce-product-gallery{opacity:1!important;position:relative}
.bb-product .woocommerce-product-gallery__wrapper{display:flex;gap:.5rem;overflow-x:auto;scroll-snap-type:x mandatory;margin:0;padding:0;-webkit-overflow-scrolling:touch}
.bb-product .woocommerce-product-gallery__image{flex:0 0 88%;scroll-snap-align:start;margin:0;background:var(--bb-surface);border-radius:var(--bb-radius);overflow:hidden}
.bb-product .woocommerce-product-gallery__image:only-child{flex-basis:100%}
.bb-product .woocommerce-product-gallery__image a{display:block}
.bb-product .woocommerce-product-gallery__image img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
@media (min-width:782px){
 .bb-product .woocommerce-product-gallery__wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
 .bb-product .woocommerce-product-gallery__image{flex:none}
 .bb-product__summary{position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + 6rem);align-self:flex-start}
}
.bb-product .single_add_to_cart_button.disabled,.bb-product .single_add_to_cart_button:disabled,.bb-product .single_add_to_cart_button.wc-variation-selection-needed{opacity:1!important;background:#6b7280!important;color:#fff!important;cursor:not-allowed}
.bb-product table.variations select{height:auto;min-height:48px;line-height:1.4;font-size:1rem}
.bb-product .woocommerce-product-gallery__image{width:auto!important;display:block!important;float:none!important}

/* Lieferfenster-Block ersetzt den statischen Hinweis des Add-to-cart-Formulars auf Produktseiten */
.bb-product .wp-block-woocommerce-add-to-cart-form .bb-delivery:not(.bb-delivery--est),.bb-product form.cart~.bb-delivery:not(.bb-delivery--est){display:none}
.bb-delivery a{color:inherit}
.bb-header__logo a{display:inline-flex;align-items:center;min-height:44px}
.bb-next>*{max-width:none!important;margin-left:0!important;margin-right:0!important}

/* Galerie v2: Hauptbild + gleich grosse Kacheln (Desktop), Wischleiste + Punkte (Mobil) */
.bb-gallery-dots{display:none}
@media (min-width:782px){
 .bb-product .woocommerce-product-gallery__wrapper{grid-template-columns:repeat(var(--bb-thumbs,4),minmax(0,1fr));gap:.6rem}
 .bb-product .woocommerce-product-gallery__image.is-main{grid-column:1/-1;order:-1}
 .bb-product .woocommerce-product-gallery__image:not(.is-main){cursor:pointer;opacity:.82;transition:opacity .3s}
 .bb-product .woocommerce-product-gallery__image:not(.is-main) img{aspect-ratio:1/1;object-fit:cover}
 @media (hover:hover){.bb-product .woocommerce-product-gallery__image:not(.is-main):hover{opacity:1}}
}
@media (max-width:781px){
 .bb-gallery-dots{display:flex;justify-content:center;gap:.45rem;margin-top:.7rem}
 .bb-gallery-dots span{width:7px;height:7px;border-radius:50%;background:var(--bb-line);transition:background-color .25s,transform .25s}
 .bb-gallery-dots span.is-on{background:var(--bb-ink);transform:scale(1.25)}
}
/* Kategorieseiten: Collection-Filter ist dort redundant (Chips + Kategorie) */
.tax-product_cat .bb-filters .wp-block-woocommerce-product-filter-taxonomy{display:none}
/* Beschreibung/Details im Fliesstext-Mass (17px) */
.wp-block-woocommerce-product-details .wc-tabs-wrapper p,.wp-block-woocommerce-product-details .woocommerce-Tabs-panel p,.wp-block-woocommerce-product-details .woocommerce-Tabs-panel li{font-size:var(--wp--preset--font-size--medium)}

/* =====================================================================
 * v3 (Paket DESIGN, Runde 3): Startseite, Kacheln, Produktseite, Designer-Seite
 * ================================================================== */

/* ---------- Buttons (Pillen, Akzentfarben aus den Presets) ---------- */
.bb-btn-dark .wp-block-button__link{background:var(--bb-ink);color:#fff}
.bb-btn-dark .wp-block-button__link:hover{background:#000;color:#fff}
.bb-btn-accent .wp-block-button__link{background:var(--bb-accent);color:#fff}
.bb-btn-accent .wp-block-button__link:hover{background:var(--bb-accent-dark);color:#fff}
.wp-block-button.is-style-outline .wp-block-button__link{border-radius:var(--bb-pill)}
.bb-studio .wp-block-button.is-style-outline .wp-block-button__link:hover,.bb-newsletter .wp-block-button.is-style-outline .wp-block-button__link:hover{color:#fff}

/* ---------- Startseite: Hero ---------- */
.bb-hero2{position:relative;overflow:clip;padding-top:clamp(2rem,5vw,4.5rem);padding-bottom:clamp(2.5rem,6vw,5.5rem);
 background-image:radial-gradient(55% 75% at 88% 15%,rgba(200,66,31,.5),transparent 62%),radial-gradient(45% 55% at 8% 100%,rgba(240,184,74,.2),transparent 62%)}
.bb-hero2__cols{gap:clamp(1.5rem,4vw,4rem);margin:0}
.bb-hero2 .bb-eyebrow{color:var(--bb-gold);margin-bottom:.9rem}
.bb-hero2__title{margin:0 0 1.1rem;max-width:12ch;color:inherit;line-height:1.02;letter-spacing:-.02em}
.bb-hero2__lead{font-size:var(--wp--preset--font-size--large);color:rgba(251,248,242,.84);max-width:44ch;margin:0}
.bb-hero2 .wp-block-buttons{gap:.75rem;margin-top:1.75rem}
.bb-hero2__note{margin:1.25rem 0 0;color:rgba(251,248,242,.62);letter-spacing:.02em}
.bb-collage{position:relative;aspect-ratio:1/1;width:100%;max-width:580px;margin-inline:auto}
.bb-collage>*{margin:0!important}
.bb-collage figure,.bb-collage .wp-block-image{position:absolute;margin:0;border-radius:18px;overflow:hidden;box-shadow:0 36px 60px -26px rgba(0,0,0,.75);background:var(--bb-surface)}
.bb-collage img{display:block;width:100%;height:100%;object-fit:cover}
.bb-collage__a{left:0;top:8%;width:60%;aspect-ratio:1/1;transform:rotate(-4deg)}
.bb-collage__b{right:0;top:0;width:46%;aspect-ratio:1/1;transform:rotate(5deg)}
.bb-collage__c{right:4%;bottom:0;width:56%;aspect-ratio:1/1;transform:rotate(-2deg)}
@media (prefers-reduced-motion:no-preference){
 .bb-collage__a{animation:bb-pop .55s var(--bb-ease-out) .05s both,bb-float 8s ease-in-out 1s 2 alternate}
 .bb-collage__b{animation:bb-pop .55s var(--bb-ease-out) .18s both,bb-float 9s ease-in-out 1.2s 2 alternate-reverse}
 .bb-collage__c{animation:bb-pop .55s var(--bb-ease-out) .3s both,bb-float 10s ease-in-out .8s 2 alternate}
 @keyframes bb-pop{from{opacity:0;translate:0 26px}}
 @keyframes bb-float{from{translate:0 0}to{translate:0 -12px}}
}
@media (max-width:781px){.bb-collage{max-width:420px}.bb-hero2__title{max-width:14ch}}

/* ---------- Motiv-Marquee ---------- */
.bb-marquee{overflow:hidden;background:var(--bb-surface);padding-block:clamp(1.25rem,2.5vw,2rem);margin:0}
.bb-marquee__track{display:flex;width:max-content;margin:0}
.bb-marquee__track>*{margin:0!important}
.bb-marquee figure,.bb-marquee .wp-block-image{margin:0 14px 0 0;flex:none}
.bb-marquee img{display:block;height:clamp(140px,17vw,230px);width:auto;border-radius:12px}
.bb-marquee.is-running .bb-marquee__track{animation:bb-marquee 70s linear infinite}
.bb-marquee.is-running:hover .bb-marquee__track{animation-play-state:paused}
@keyframes bb-marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.bb-marquee{overflow-x:auto}.bb-marquee.is-running .bb-marquee__track{animation:none}}

/* ---------- Kacheln (Produkt-Wege) ---------- */
.bb-tile{border-radius:var(--bb-radius)}
.bb-tile .wp-block-image img{mix-blend-mode:normal;aspect-ratio:4/5;object-fit:cover}
.bb-tile--studio{background:var(--bb-accent)}
.bb-tile--studio .bb-tile__body{background:var(--bb-accent)}
.bb-tile--studio h3 a,.bb-tile--studio p{color:#fff}
.bb-tile--studio p{opacity:1}
.bb-tile h3{font-size:1.3125rem}
.bb-tile h3 a::before{content:"\2192";float:right;font-family:var(--wp--preset--font-family--assistant);transition:transform .35s var(--bb-ease)}
@media (hover:hover){.bb-tile:hover h3 a::before{transform:translateX(5px)}}

/* ---------- Themenwelten ---------- */
.bb-worlds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.bb-worlds>*{margin:0!important}
.bb-world{position:relative;aspect-ratio:4/5;border-radius:var(--bb-radius);overflow:hidden;background:var(--bb-dark)}
.bb-world>*{margin:0!important}
.bb-world__img,.bb-world .wp-block-image{position:absolute;inset:0;margin:0}
.bb-world__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s var(--bb-ease)}
.bb-world__label{position:absolute;left:0;right:0;bottom:0;padding:3.5rem 1.25rem 1.1rem;background:linear-gradient(to top,rgba(14,10,20,.85),rgba(14,10,20,.45) 55%,transparent);color:#fff}
.bb-world__label>*{margin:0!important}
.bb-world__label h3{font-size:clamp(1.25rem,1rem + 1vw,1.75rem);color:#fff}
.bb-world__label h3 a{text-decoration:none;color:#fff}
.bb-world__label h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.bb-world__more{color:rgba(255,255,255,.8);margin-top:.15rem!important;transition:transform .35s var(--bb-ease)}
@media (hover:hover){.bb-world:hover .bb-world__img img{transform:scale(1.06)}.bb-world:hover .bb-world__more{transform:translateX(5px)}}
@media (max-width:781px){.bb-worlds{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}

/* ---------- Studio-Band ---------- */
.bb-studio{margin-top:var(--wp--preset--spacing--60);padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)}
.bb-studio__cols{gap:clamp(1.5rem,4vw,4rem);margin:0}
.bb-studio__img img{border-radius:18px;box-shadow:0 30px 50px -28px rgba(23,19,15,.55);width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}
.bb-studio .bb-eyebrow{color:var(--bb-accent-dark)}
.bb-studio h2{margin-top:0}
.bb-studio .wp-block-buttons{gap:.75rem;margin-top:1.5rem}
.bb-studio .wp-block-button.is-style-outline .wp-block-button__link{color:var(--bb-ink);border-color:var(--bb-ink)}

/* ---------- Karten (Community / Pinterest) ---------- */
.bb-cards{gap:1rem}
.bb-card{padding:clamp(1.5rem,3vw,2.5rem);border-radius:var(--bb-radius);height:100%;min-height:260px;display:flex;flex-direction:column;justify-content:flex-end}
.bb-card>*{margin:0!important}
.bb-card .bb-eyebrow{color:inherit;opacity:.8;margin-bottom:.6rem!important}
.bb-card h3{font-size:clamp(1.5rem,1.1rem + 1.3vw,2.25rem);margin-bottom:.6rem!important;color:inherit}
.bb-card p{max-width:42ch}
.bb-card .wp-block-buttons{margin-top:1.25rem!important}
.bb-card--comm p,.bb-card--pin p{color:inherit}

/* ---------- Newsletter-Band ---------- */
.bb-newsletter{padding:clamp(1.5rem,3vw,2.5rem);border-radius:var(--bb-radius);margin-top:var(--wp--preset--spacing--60)}
.bb-newsletter__cols{gap:2rem;margin:0}
.bb-newsletter__title{margin:0 0 .35rem}
.bb-newsletter__text{margin:0;color:var(--bb-muted)}
.bb-newsletter{text-align:left}
.bb-newsletter .bb-newsletter-slot{max-width:640px;margin-inline:auto}
.bb-newsletter--footer{margin:0 0 2.5rem;padding:0 0 2.5rem;border-radius:0;border-bottom:1px solid var(--bb-line);background:transparent}
.bb-newsletter input[type=email],.bb-newsletter input[type=text]{min-height:48px;border:1px solid var(--bb-ink);border-radius:999px;padding:.6rem 1.1rem;font:inherit;background:#fff;width:100%}
.bb-newsletter button,.bb-newsletter input[type=submit]{min-height:48px;border-radius:999px;border:0;background:var(--bb-ink);color:#fff;padding:.6rem 1.6rem;font:inherit;font-weight:600;cursor:pointer}
.bb-newsletter button:hover{background:var(--bb-accent)}
@media (max-width:781px){.bb-newsletter__cols{gap:1rem}}

/* ---------- Abschnitts-Rhythmus ---------- */
.bb-section-head h2{font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem)}
.bb-trust{border-color:var(--bb-line)}

/* ---------- Produktseite: Landeseite aus Google/Pinterest ---------- */
.bb-product{gap:clamp(1.5rem,4vw,3.5rem)}
.bb-product .woocommerce-product-gallery__image{border-radius:var(--bb-radius)}
.bb-product__summary .wc-block-components-product-price,.bb-product__summary .price{font-size:1.625rem;font-weight:700;color:var(--bb-ink)}
.bb-product .single_add_to_cart_button{border-radius:var(--bb-pill);min-height:56px;font-size:1.0625rem;font-weight:700;box-shadow:0 14px 28px -16px var(--bb-accent)}
.bb-product .single_add_to_cart_button:not(.disabled):not(:disabled):hover{transform:translateY(-1px)}
.bb-product table.variations select,.bb-product .quantity input{border-radius:10px}
.bb-delivery{border-radius:var(--bb-radius);background:var(--bb-surface);border:1px solid var(--bb-line)}
.bb-checklist{margin:1.25rem 0 .5rem}
.bb-checklist li::before{border-color:var(--bb-accent)}
.bb-assure{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}
.bb-assure li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding:.8rem .4rem;border:1px solid var(--bb-line);border-radius:var(--bb-radius);font-size:.8125rem;line-height:1.3;color:var(--bb-muted);background:var(--bb-base)}
.bb-assure li::before{content:"";width:26px;height:26px;background:var(--bb-accent);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.bb-assure li strong{color:var(--bb-ink);font-weight:600;display:block}
.bb-assure li:nth-child(1){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l8 3v6c0 5-3.4 9.3-8 11-4.6-1.7-8-6-8-11V5zm-1.2 13.6l6-6-1.4-1.4-4.6 4.6-2-2-1.4 1.4z'/%3E%3C/svg%3E")}
.bb-assure li:nth-child(2){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h11v8H3zm11 2h4l3 3v3h-7zM7 19a2 2 0 100-4 2 2 0 000 4zm10 0a2 2 0 100-4 2 2 0 000 4z'/%3E%3C/svg%3E")}
.bb-assure li:nth-child(3){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 109 9h-2a7 7 0 11-2-4.9L14 10h7V3l-2.6 2.6A9 9 0 0012 3z'/%3E%3C/svg%3E")}
.bb-also{border-radius:var(--bb-radius);background:var(--bb-base)}
.bb-also__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;list-style:none;margin:0 0 .75rem;padding:0}
.bb-also__cards a{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem .4rem .4rem;border:1px solid var(--bb-line);border-radius:12px;text-decoration:none;min-height:56px;transition:border-color .25s,background-color .25s,transform .3s var(--bb-ease)}
.bb-also__cards img{width:48px;height:48px;border-radius:8px;object-fit:cover;flex:none;background:var(--bb-surface)}
.bb-also__cards span{display:flex;flex-direction:column;line-height:1.25;font-size:.875rem;min-width:0}
.bb-also__cards small{color:var(--bb-muted);font-size:.75rem}
@media (hover:hover){.bb-also__cards a:hover{border-color:var(--bb-ink);background:var(--bb-surface);transform:translateY(-1px)}}
.bb-also__sub{margin:.25rem 0 .5rem!important}
.bb-related-title{font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}

/* ---------- Designer-Seite: gleicher Site-Header wie überall, Werkzeugleiste darunter ---------- */
body.bbd-fullapp .bb-announce{display:none}
body.bbd-fullapp .bb-main--app{padding:0}
body.bbd-fullapp .bbd-app,body.bbd-fullapp .bbd-app .bbd{height:calc(100vh - var(--bb-head-h,76px) - var(--wp-admin--admin-bar--height,0px))}
@supports (height:100dvh){body.bbd-fullapp .bbd-app{height:calc(100dvh - var(--bb-head-h,76px) - var(--wp-admin--admin-bar--height,0px))}}
body.bbd-fullapp .bbd-app .bbd{height:100%}
@media (max-width:899px){body.bbd-fullapp .bbd-app{min-height:440px}}
body.bbd-fullapp .bb-header{position:sticky}
body.bbd-fullapp .bb-btn-studio .wp-block-button__link{box-shadow:none;outline:2px solid color-mix(in srgb,var(--bb-accent) 40%,transparent);outline-offset:2px}

/* ---------- Kategorie-Chips: Designer als Akzent ---------- */
.bb-chip--studio .wp-block-button__link{background:var(--bb-accent);color:#fff;border-color:var(--bb-accent)}
.bb-chip--studio .wp-block-button__link:hover{background:var(--bb-accent-dark);border-color:var(--bb-accent-dark);color:#fff}
@media (max-width:781px){.bb-tile h3 a::before{display:none}}

.bb-assure__note a,.bb-newsletter a,.bb-delivery a,.bb-checklist a,.bb-announce a{text-decoration:underline}
.bb-also h2.bb-also__title{margin:0 0 .15rem;font-size:1.0625rem;font-family:var(--wp--preset--font-family--assistant);font-weight:700}

/* =====================================================================
 * v4 (Runde 4, Prüfliste "Apple-Design" in eigenen Worten): ein Hauptbutton, Touch-Ziele >= 44 px, Glas mit Fallback,
 * Varianten-Chips, Platzhalter, kurze abbrechbare Bewegung, Danke-Seite mit Lieferfenster
 * ================================================================== */

/* ---------- Hierarchie: der Header-Button ist leise, der Kauf-/Weiter-Button ist der einzige gefüllte Akzent je Ansicht ---------- */
.bb-header__cta .bb-btn-studio .wp-block-button__link{background:transparent;color:var(--bb-ink);border:1.5px solid var(--bb-ink);box-shadow:none;padding:calc(.5rem - 1.5px) calc(1.25rem - 1.5px)}
.bb-header__cta .bb-btn-studio .wp-block-button__link:active{transform:scale(.97)}
@media (hover:hover){.bb-header__cta .bb-btn-studio .wp-block-button__link:hover{background:var(--bb-ink);color:#fff;box-shadow:none}}
@media (max-width:599px){.bb-header__cta .wp-block-button__link{min-height:44px;padding:calc(.45rem - 1.5px) calc(.95rem - 1.5px)}}
body.bbd-fullapp .bb-header__cta .bb-btn-studio .wp-block-button__link{outline:0;background:var(--bb-ink);color:#fff}
.bb-chip--studio .wp-block-button__link{background:transparent;color:var(--bb-ink);border:1.5px solid var(--bb-ink)}
.bb-chip--studio .wp-block-button__link:hover{background:var(--bb-ink);border-color:var(--bb-ink);color:#fff}

/* ---------- Touch-Ziele (>= 44 px, Luft um Bedienelemente) ---------- */
.bb-header__actions .wc-block-mini-cart__button,.bb-header__actions .wc-block-customer-account a,.bb-header__search .wp-block-search__button{min-width:46px;min-height:46px}
.wc-block-breadcrumbs a,.woocommerce-breadcrumb a,.bb-product__cat a{display:inline-block;padding:.85rem .2rem;margin:-.85rem -.2rem}
.bb-grid .wp-block-post-title a{display:inline-block;padding:.65rem 0;margin:-.65rem 0}
.bb-pin .bb-pin__save{min-height:44px;padding-block:0}
.bb-product .reset_variations{display:inline-flex;align-items:center;min-height:44px;padding:0 .4rem;margin:0 0 0 -.4rem}
.bb-gpsr summary,.wc-block-components-checkbox label,.bb-product summary{min-height:44px;padding-block:.65rem}
.bb-gpsr summary{display:list-item}
.bb-chip .wp-block-button__link{min-height:44px}
.wp-block-query-pagination a,.wp-block-query-pagination-numbers .page-numbers{min-width:44px;min-height:44px}
.wc-block-product-filters__open-overlay,.wc-block-product-filters__close-overlay{min-height:44px;min-width:44px}
.wc-block-product-filter-price input,.wc-block-product-filter-price-slider input[type=text]{min-height:44px}
.bb-footer .bb-legal-links .wp-block-navigation-item__content{padding:.7rem 0;min-height:44px;display:inline-flex;align-items:center}
.bb-footer .bb-footer__cols a[href^="mailto"],.bb-footer .bb-footer__cols a[rel~=noopener]{display:inline-block;padding:.5rem 0}
.bbl-strip a{display:inline-block;padding:.65rem .25rem}
.bbl-strip a.bbl-btn{min-height:44px;padding:.6em 1.1em}
.bbn-consent{min-height:44px;align-items:center}
.bbn-consent input[type=checkbox]{width:24px;height:24px;flex:none}
.bb-header--checkout .bb-secure{white-space:normal}
.bb-header--checkout a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
@media (min-width:600px){
 .bb-header__nav .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:inline-flex;align-items:center;min-height:44px;padding:.35rem .1rem;position:relative}
 .bb-header__nav .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content::after{content:"";position:absolute;left:.1rem;right:.1rem;bottom:.25rem;height:2px;border-radius:2px;background:var(--bb-accent);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--bb-ease-out)}
 .bb-header__nav .wp-block-navigation__submenu-icon{width:44px;height:44px;margin:0 -.95rem 0 -.7rem;display:inline-flex;align-items:center;justify-content:center}
 .bb-header__nav .bb-mega__col .wp-block-navigation__submenu-container .wp-block-navigation-item__content,.bb-header__nav .bb-mega__col>.wp-block-navigation-item__content{display:inline-flex;align-items:center;min-height:44px}
 .bb-header__nav .bb-mega__col>.wp-block-navigation-item__content{display:flex;min-height:36px}
}
@media (min-width:600px) and (hover:hover){
 .bb-header__nav .wp-block-navigation__container>.wp-block-navigation-item:hover>.wp-block-navigation-item__content::after,.bb-header__nav .wp-block-navigation__container>.wp-block-navigation-item:focus-within>.wp-block-navigation-item__content::after{transform:scaleX(1)}
}

/* ---------- Glas nur für die schwebende Bedienebene (Header, Sticky-Kaufleiste), mit deckendem Fallback ---------- */
.bb-header{background:var(--bb-base)}
@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){
 .bb-header{background:rgba(251,248,242,.74);-webkit-backdrop-filter:saturate(1.5) blur(20px);backdrop-filter:saturate(1.5) blur(20px)}
}
.bb-header{border-bottom:1px solid rgba(23,19,15,.1)}
@media (max-width:781px){
 .bb-sticky-atc{background:#fff}
 @supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){
  .bb-sticky-atc{background:rgba(255,255,255,.78);-webkit-backdrop-filter:saturate(1.5) blur(20px);backdrop-filter:saturate(1.5) blur(20px)}
 }
 .bb-sticky-atc button{min-height:48px;border-radius:var(--bb-pill)}
 .bb-sticky-atc button:active{transform:scale(.97)}
}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){
 .bb-header,.bb-header:has(.is-menu-open){background:var(--bb-base)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 .bb-sticky-atc{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}

/* ---------- Varianten-Chips (Größe/Variante vor dem Kauf deutlich) ---------- */
.bb-opts{display:none;flex-wrap:wrap;gap:.5rem;margin:.1rem 0 .15rem}
.bb-chips-live .bb-opts{display:flex}
.bb-chips-live .bb-opts+select{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;opacity:0;overflow:hidden;clip-path:inset(50%);pointer-events:none}
.bb-opt{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;min-width:48px;padding:.55rem 1rem;border:1.5px solid var(--bb-line);border-radius:12px;background:#fff;color:var(--bb-ink);font:inherit;font-size:.9375rem;font-weight:500;line-height:1.2;cursor:pointer;transition:border-color .15s var(--bb-ease-out),background-color .15s var(--bb-ease-out),color .15s var(--bb-ease-out),transform .12s var(--bb-ease-out)}
.bb-opt:active{transform:scale(.97)}
@media (hover:hover){.bb-opt:not([aria-pressed=true]):not(:disabled):hover{border-color:var(--bb-ink)}}
.bb-opt[aria-pressed=true]{border-color:var(--bb-ink);background:var(--bb-ink);color:#fff}
.bb-opt[aria-pressed=true]::before{content:"";width:.5rem;height:.8rem;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px);flex:none;margin-right:.1rem}
.bb-opt:disabled{opacity:.5;cursor:not-allowed;text-decoration:line-through;background:var(--bb-surface)}
.bb-opt:focus-visible{outline:3px solid var(--bb-accent);outline-offset:2px}
.bb-opts--single .bb-opt{cursor:default}
.variations_form:not(:has(.bb-opts:not(.bb-opts--single))) .reset_variations{display:none!important}
.bb-product table.variations tr.bb-need .bb-opt{border-color:var(--bb-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--bb-accent) 22%,transparent)}
.bb-opt-hint{margin:.6rem 0 0;min-height:1.4em;font-size:.9375rem;font-weight:600;color:var(--bb-accent-dark)}
.bb-opt-hint:empty{min-height:0;margin:0}
.bb-product .woocommerce-variation-add-to-cart{flex-wrap:wrap}
.bb-product .woocommerce-variation-add-to-cart .bb-opt-hint{flex:1 0 100%;order:5}
/* unvollständiger Kaufknopf: gestrichelt statt tot-grau, bleibt klickbar (erklärt, was fehlt) */
.bb-product .single_add_to_cart_button.disabled,.bb-product .single_add_to_cart_button:disabled,.bb-product .single_add_to_cart_button.wc-variation-selection-needed{background:var(--bb-surface)!important;color:var(--bb-ink)!important;border:1.5px dashed var(--bb-muted)!important;box-shadow:none!important;cursor:pointer}
.bb-product .single_add_to_cart_button:active:not(.is-loading){transform:scale(.985)}
.bb-product .single_add_to_cart_button.is-loading{pointer-events:none}
.bb-product .quantity input{min-height:52px;min-width:56px}

/* ---------- Galerie ohne Layoutsprung: das erste Bild ist von Anfang an das Hauptbild (CSS, nicht erst per JS) ---------- */
@media (min-width:782px){
 .bb-product .woocommerce-product-gallery__wrapper:not(:has(.is-main))>.woocommerce-product-gallery__image:first-child{grid-column:1/-1;order:-1;cursor:auto;opacity:1}
 .bb-product .woocommerce-product-gallery__wrapper:not(:has(.is-main))>.woocommerce-product-gallery__image:first-child img{aspect-ratio:1/1;object-fit:contain}
}

/* ---------- Platzhalter statt leerer Fläche (nur transform, nur solange das Bild lädt) ---------- */
.bb-ph{position:relative;overflow:hidden}
.bb-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);transform:translateX(-100%);animation:bb-sheen 1.3s linear infinite;pointer-events:none}
@keyframes bb-sheen{to{transform:translateX(100%)}}
.wc-block-components-skeleton__element,.wc-block-components-product-image:empty{background:var(--bb-surface)}

/* ---------- Dauerbewegung abbrechbar ---------- */
.bb-marquee{position:relative}
.bb-marquee.is-paused .bb-marquee__track{animation-play-state:paused}
.bb-marquee__toggle{position:absolute;right:.75rem;bottom:.5rem;width:44px;height:44px;border-radius:50%;border:1px solid rgba(23,19,15,.2);background:rgba(251,248,242,.85);cursor:pointer;display:grid;place-items:center;padding:0;color:var(--bb-ink)}
.bb-marquee__toggle span{width:12px;height:14px;border-left:4px solid currentColor;border-right:4px solid currentColor}
.bb-marquee__toggle[aria-pressed=true] span{width:0;height:0;border-left:12px solid currentColor;border-right:0;border-top:8px solid transparent;border-bottom:8px solid transparent}
.bb-marquee__toggle:active{transform:scale(.94)}
@media (prefers-reduced-motion:reduce){.bb-marquee__toggle{display:none}}

/* ---------- Fokus- und Druckzustände ---------- */
.bb-tile:focus-within,.bb-world:focus-within,.bb-card:focus-within{outline:3px solid var(--bb-accent);outline-offset:3px}
.bb-tile a:focus-visible,.bb-world a:focus-visible{outline:0}
.bb-header__actions .wc-block-mini-cart__button:active,.bb-header__actions .wc-block-customer-account a:active,.bb-header__search .wp-block-search__button:active,.wp-block-navigation__responsive-container-open:active{transform:scale(.94)}
.bb-chip .wp-block-button__link:active,.wp-block-query-pagination a:active,.wc-block-components-button:active,.bb-newsletter button:active,.bbn-btn:active{transform:scale(.97)}
.bb-tile:active,.bb-world:active{transform:scale(.99);transition:transform .12s var(--bb-ease-out)}

/* ---------- Typografie: Kleingedrucktes nicht unter 14 px, Fließtext 17 px ---------- */
.bb-assure li{font-size:.875rem}
.bb-trust__text,.bb-footnote{font-size:.875rem}
.bb-vat{font-size:.8125rem}
.bb-delivery{font-size:1rem}
.bb-also__cards small,.bb-also__list a small{font-size:.8125rem}
.bb-also__cards span small{white-space:nowrap}
.bb-also__cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.bb-also__cards .woocommerce-Price-amount{white-space:nowrap}

/* ---------- Danke-Seite: Lieferfenster ---------- */
.bb-eta{margin:1.5rem 0 2rem;padding:clamp(1.25rem,3vw,2rem);border-radius:var(--bb-radius);background:var(--bb-dark);color:#fff}
.bb-eta__eyebrow{margin:0 0 .35rem;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bb-gold);font-weight:700}
.bb-eta__title{margin:0 0 .5rem;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.25rem);color:#fff;font-family:var(--bb-serif);font-weight:500}
.bb-eta__note{margin:0 0 1.25rem;max-width:60ch;color:rgba(255,255,255,.86)}
.bb-eta__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;list-style:none;margin:0;padding:0;counter-reset:eta}
.bb-eta__steps li{position:relative;padding-top:1.1rem;border-top:3px solid rgba(255,255,255,.22);display:flex;flex-direction:column;gap:.15rem;font-size:.9375rem}
.bb-eta__steps li strong{color:#fff;font-weight:700}
.bb-eta__steps li span{color:rgba(255,255,255,.78);font-size:.875rem}
.bb-eta__steps li.is-done{border-top-color:var(--bb-gold)}
.bb-eta__steps li.is-now{border-top-color:var(--bb-gold)}
.bb-eta__steps li.is-now::before{content:"";position:absolute;left:0;top:-7px;width:11px;height:11px;border-radius:50%;background:var(--bb-gold)}
.bb-eta__steps li.is-done::before{content:"\2713";position:absolute;right:0;top:.35rem;color:var(--bb-gold);font-weight:700}
@media (prefers-reduced-motion:no-preference){.bb-eta__steps li.is-now::before{animation:bb-pulse 1.8s var(--bb-ease-out) 2}@keyframes bb-pulse{0%{box-shadow:0 0 0 0 rgba(240,184,74,.6)}100%{box-shadow:0 0 0 10px rgba(240,184,74,0)}}}
@media (max-width:781px){.bb-eta__steps{grid-template-columns:1fr 1fr;gap:1rem .75rem}}

/* ---------- Bewegung: Sicherheitsnetz für reduzierte Bewegung (nichts Dauerhaftes, nichts Gleitendes) ---------- */
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .bb-ph::after{display:none}
}

/* ---------- Warenkorb/Kasse: Platz reservieren, solange Woo hydriert (weniger Layoutsprung) ---------- */
.wp-block-woocommerce-cart.is-loading{min-height:640px}
.wp-block-woocommerce-checkout.is-loading{min-height:1200px}
@media (max-width:781px){.wp-block-woocommerce-checkout.is-loading{min-height:1500px}}
.wc-block-components-quantity-selector{min-height:44px}
.wc-block-components-quantity-selector button{min-width:44px;min-height:44px}
.wc-block-components-quantity-selector input{min-height:44px}
.wc-block-cart-item__remove-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
.wc-block-components-product-name{display:inline-block;padding-block:.5rem}
.wc-block-components-panel__button{min-height:44px;padding-block:.75rem}
.wc-block-components-chip__remove{min-width:28px;min-height:28px}
.wc-block-components-checkbox__input[type=checkbox],.wc-block-components-radio-control__input[type=radio]{min-width:24px;min-height:24px}
.wc-block-components-checkout-return-to-cart-button{display:inline-flex;align-items:center;min-height:44px}
.wc-block-components-address-form__address_2-toggle{display:inline-flex;align-items:center;min-height:44px}
.bb-header--checkout .custom-logo-link{min-height:44px;min-width:44px}
.bb-eta__help{margin:1.25rem 0 0;font-size:.9375rem;color:rgba(255,255,255,.86)}
.bb-eta__help a{color:#fff;text-underline-offset:3px;display:inline-block;padding-block:.5rem}
/* Keep the submenu hit target generous while its chevron stays visually quiet. */
.bb-header__nav .wp-block-navigation__submenu-icon svg{width:12px;height:12px;flex:none}
.bb-header .wc-block-customer-account__link{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.bb-footer .bb-footer__cols a[href^="mailto"],.bb-footer .bb-footer__cols a[rel~=noopener]{min-height:44px;box-sizing:border-box}
@media(min-width:600px){.bb-header__nav .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{min-width:44px}}
/* Reflow the mobile header when visitors enlarge text to 200%. */
@media(max-width:599px){
 .bb-header__grid{width:calc(100% - 24px);max-width:none!important;margin-inline:12px!important;grid-template-columns:44px minmax(0,1fr) auto;gap:4px}
 .bb-header__nav{grid-column:3;min-width:44px}
 .bb-header__actions{grid-column:2;min-width:0;gap:4px}
 .bb-header__cta{min-width:0;margin-left:4px!important;flex-shrink:1}
 .bb-header__cta .wp-block-button{min-width:0}
 .bb-header__cta .wp-block-button__link{white-space:normal;overflow-wrap:normal;max-width:100%;padding-inline:12px;line-height:1.2}
}
@media(max-width:599px){
 .bb-header__actions .bb-header__cta{flex:none;width:max-content;max-width:calc(100% - 50px)}
 .bb-header__cta .wp-block-button{width:100%;max-width:100%}
 .bb-header__cta .wp-block-button__link{display:block;box-sizing:border-box;width:100%;padding:8px 12px!important;word-break:normal;overflow-wrap:normal;white-space:normal}
}
@media(max-width:599px){
 .wp-block-buttons>.wp-block-button{max-width:100%}
 .bb-btn-studio .wp-block-button__link{white-space:normal;word-break:normal;overflow-wrap:normal;box-sizing:border-box;max-width:100%}
}

/* Usability 15.10: bounded targets, explicit menu state, predictable responsive navigation. */
:root{--bb-radius:22px;--bb-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
.bb-header{background:rgba(251,251,253,.96)}
.bb-header__nav .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{margin:0;padding:.5rem .75rem;min-height:44px;border-radius:12px}
.bb-header__nav .wp-block-navigation__submenu-icon{width:44px;height:44px;min-width:44px;margin:0!important;border-radius:12px}
.bb-header__nav .wp-block-navigation__submenu-icon svg{width:12px;height:12px}
.bb-header__nav li.bb-mega{column-gap:4px}
.bb-header__nav .bb-mega>.wp-block-navigation__submenu-container{pointer-events:none!important;visibility:hidden!important;opacity:0!important;max-height:calc(100dvh - 80px);overflow-y:auto!important;overscroll-behavior:contain;transition:opacity .12s ease,transform .12s ease!important}
.bb-header__nav .bb-mega>.wp-block-navigation__submenu-container *{visibility:inherit!important}
.bb-header__nav .bb-mega:has(>button[aria-expanded=true])>.wp-block-navigation__submenu-container,
html:not(.bb-js) .bb-header__nav .bb-mega:hover>.wp-block-navigation__submenu-container,
html:not(.bb-js) .bb-header__nav .bb-mega:focus-within>.wp-block-navigation__submenu-container{pointer-events:auto!important;visibility:visible!important;opacity:1!important;transform:none!important;height:auto!important;width:100%!important}
.bb-header__nav .bb-mega__col .wp-block-navigation-item__content{min-height:44px!important;letter-spacing:normal}
.bb-header__nav .bb-mega__col>.wp-block-navigation-item__content{padding:.5rem .25rem!important;font-size:.875rem!important;letter-spacing:.04em}
.bb-header__nav .bb-mega__col .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:.5rem .25rem!important;font-size:1rem!important;font-weight:400;transform:none!important;border-radius:8px}
.bb-menu-search{display:none}
.bb-header a:focus-visible,.bb-header button:focus-visible{outline:3px solid #0066cc;outline-offset:3px}
@media (hover:hover){
 .bb-header__nav .wp-block-navigation-item__content:hover,.bb-header__nav .wp-block-navigation__submenu-icon:hover{background:var(--bb-surface)}
}
@media (max-width:1099px){
 .bb-header__grid{grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;min-height:60px}
 .bb-header__logo img{width:44px}
 .bb-header__nav{grid-column:4;grid-row:1;justify-content:flex-end}
 .bb-header__actions{grid-column:3;grid-row:1;gap:4px}
 .bb-header__search,.bb-header__account{display:none!important}
 .bb-header__cta{margin-left:0!important}
 .bb-header__cta .wp-block-button__link{min-height:44px;padding:.5rem .75rem;font-size:.875rem}
 .bb-btn-studio .wp-block-button__link::before{display:none}
 .bb-header__nav .wp-block-navigation__responsive-container-open{display:inline-flex!important}
 .bb-header__nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}
 .bb-header__nav .wp-block-navigation__responsive-container.is-menu-open{position:fixed!important;inset:0!important;overflow-y:auto!important;z-index:10000}
 .bb-header__nav .is-menu-open .wp-block-navigation__responsive-dialog{position:relative!important;min-height:100%;margin:0!important}
 .bb-header__nav .is-menu-open .wp-block-navigation__responsive-container-content{padding:80px 24px 32px;gap:24px}
 .bb-header__nav .is-menu-open .bb-mega>.wp-block-navigation__submenu-container{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px 16px;padding:0!important;max-height:none!important;overflow:visible!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important}
 .bb-header__nav .is-menu-open .bb-mega>.wp-block-navigation-item__content,.bb-header__nav .is-menu-open .bb-mega>.wp-block-navigation__submenu-icon{display:none!important}
 .bb-header__nav .is-menu-open .bb-mega__col>.wp-block-navigation__submenu-container{display:flex!important;flex-direction:column;position:static!important;width:auto!important;height:auto!important;opacity:1!important;visibility:visible!important;overflow:visible!important;padding:0!important;border:0!important;gap:0;transform:none!important}
 .bb-header__nav .is-menu-open .bb-mega__col>.wp-block-navigation__submenu-icon{display:none!important}
 .bb-header__nav .is-menu-open .bb-mega__col{min-width:0;margin:0}
 .bb-header__nav .is-menu-open .bb-mega__col .wp-block-navigation-item__content{width:100%;overflow-wrap:anywhere}
 .bb-header__nav .is-menu-open .bb-menu-search{display:flex;width:100%;gap:8px;flex-wrap:wrap}
 .bb-menu-search label{flex:1 0 100%;font-size:.875rem;font-weight:600}
 .bb-menu-search input{flex:1 1 120px;min-width:0;width:100%;min-height:48px;border:1px solid var(--bb-line);border-radius:16px;padding:12px;font:inherit;background:#fff;color:var(--bb-ink)}
 .bb-menu-search button{min-height:48px;padding:12px 16px;border:0;border-radius:999px;background:var(--bb-ink);color:#fff;font:inherit;cursor:pointer}
}
.bb-tile{border-radius:28px}
@media (max-width:599px){.bb-tile{border-radius:22px}}
.bb-grid .wp-block-post-title a{min-height:44px;margin:0;padding:8px 0}
.wc-block-breadcrumbs a,.woocommerce-breadcrumb a,.bb-product__cat a{min-height:44px;margin:0;padding:12px 4px}
.bb-atc-status{margin:12px 0 0;flex-basis:100%;font-size:1rem;line-height:1.5}
.bb-atc-status:empty{display:none}
.bb-atc-status a{display:inline-flex;align-items:center;min-height:44px;margin-left:8px;text-decoration:underline}
.bb-header button,.bb-header a,.wp-block-button__link,.single_add_to_cart_button{transition-duration:120ms}
.wp-block-button.bb-btn-accent>.wp-block-button__link,.wp-block-button.bb-btn-dark>.wp-block-button__link,.bb-product .single_add_to_cart_button:not(.disabled):not(:disabled),.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{background:var(--bb-ink)!important;color:#fff!important}
@media (hover:hover){.wp-block-button.bb-btn-accent>.wp-block-button__link:hover,.wp-block-button.bb-btn-dark>.wp-block-button__link:hover,.bb-product .single_add_to_cart_button:not(.disabled):not(:disabled):hover{background:#000!important}}
.bb-header__cta .bb-btn-studio>.wp-block-button__link{background:transparent!important;color:var(--bb-ink)!important}
@media (hover:hover){.bb-header__cta .bb-btn-studio>.wp-block-button__link:hover{background:var(--bb-ink)!important;color:#fff!important}}
@media (prefers-reduced-motion:reduce){.bb-header *, .bb-header *::before,.bb-header *::after{animation:none!important;transition:none!important;transform:none!important}}

/* Only an OPEN trigger bridges the small visual gap to its panel. */
@media (min-width:1100px){
 .bb-header__nav .wp-block-navigation__submenu-icon{position:relative}
 .bb-header__nav li.bb-mega:has(>button[aria-expanded=true])>.wp-block-navigation-item__content::before,
 .bb-header__nav li.bb-mega:has(>button[aria-expanded=true])>.wp-block-navigation__submenu-icon::before{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
}
.bb-search-popover{position:relative}
.bb-search-popover>summary{width:46px;min-height:46px;display:flex;align-items:center;justify-content:center;border-radius:999px;cursor:pointer;list-style:none}
.bb-search-popover>summary::-webkit-details-marker{display:none}
.bb-search-popover>summary:focus-visible{outline:3px solid #0066cc;outline-offset:3px}
.bb-search-popover[open]>summary{background:var(--bb-surface)}
.bb-search-form{position:absolute;right:0;top:calc(100% + 8px);display:flex;flex-wrap:wrap;gap:8px;width:min(360px,calc(100vw - 48px));padding:24px;background:var(--bb-base);border:1px solid var(--bb-line);border-radius:22px;box-shadow:0 16px 32px rgba(0,0,0,.12);z-index:10}
.bb-search-form label{flex:1 0 100%;font-size:.875rem;font-weight:600}
.bb-search-form input{min-width:0;flex:1;width:100%;min-height:48px;padding:12px;border:1px solid var(--bb-line);border-radius:16px;background:#fff;color:var(--bb-ink);font:inherit}
.bb-search-form button{min-height:48px;padding:12px 16px;background:var(--bb-ink);color:#fff;border:0;border-radius:999px;font:inherit;cursor:pointer}
@media (hover:hover){.bb-search-popover>summary:hover{background:var(--bb-surface)}}
@media (max-width:1099px){.bb-header__nav .is-menu-open .wp-block-navigation__responsive-container-close{position:fixed!important;top:16px;right:16px;z-index:10005;background:var(--bb-base);border-radius:999px}}
html:not(.bb-js) .bb-header__nav .wp-block-navigation__responsive-container-open{display:none!important}
.bb-nav-fallback{display:inline-flex;align-items:center;min-height:44px}
@media (max-width:599px){.bb-header__cta{display:none!important}}
/* Visual order follows DOM/Tab order: shopping first, secondary pages after it. */
@media (max-width:1099px){
 .bb-header__nav .is-menu-open .wp-block-navigation__container>.wp-block-navigation-item{order:initial!important;margin-top:0}
 .bb-header__nav .is-menu-open .wp-block-navigation__container>.wp-block-navigation-item:not(.bb-mega)>.wp-block-navigation-item__content{font-size:1.125rem;min-height:44px;padding:8px 0}
 .bb-header__nav .is-menu-open .wp-block-navigation__container{gap:8px}
}
.bb-hero2{background:var(--bb-dark)}
.bb-hero2 .bb-btn-studio .wp-block-button__link{background:transparent!important;color:#fff!important;box-shadow:none!important;border:0;padding-inline:8px}
/* A transformed scroll container traps fixed descendants; animate content only. */
.bb-header__nav .wp-block-navigation__responsive-container.is-menu-open{animation:none!important;transform:none!important}
@media (prefers-reduced-motion:no-preference){.bb-header__nav .is-menu-open .wp-block-navigation__responsive-container-content{animation:bb-nav-content .18s ease-out both}@keyframes bb-nav-content{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}

@view-transition{navigation:none}
/* Designer controls share the same readable type and 44px interaction rhythm. */
.bbd-app{--bbd-accent:#0066cc;--bbd-ink:#1d1d1f;--bbd-muted:#515154;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
.bbd-app .bbd-ibtn,.bbd-app .bbd-lbtn,.bbd-app .bbd-x,.bbd-app .bbd-sw{min-width:44px;min-height:44px;width:44px;height:44px}
.bbd-app .bbd-zoomlbl,.bbd-app .bbd-fontlist button,.bbd-app .bbd-hist button,.bbd-app .bbd-btn--s,.bbd-app .bbd-acc>summary{min-height:44px}
.bbd-app .bbd-layers .bbd-lmain{min-width:0}
.bbd-app .bbd-btn--primary{background:var(--bbd-ink);border-color:var(--bbd-ink)}
.bbd-app .bbd-buy-btn[data-design-ready=false]:not(.is-working){background:#fff;border:1px solid var(--bbd-line);color:var(--bbd-ink)!important;opacity:1;cursor:pointer}
.bbd-app .bbd-buy-btn[data-design-ready=false]:not(.is-working) strong{border-color:var(--bbd-line)}
.bbd-app .bbd-buy-btn:disabled{cursor:wait}
@media (max-width:899px){.bbd-app .bbd-wbar{flex-wrap:wrap;justify-content:center;gap:0;padding:4px}.bbd-app .bbd-zoomlbl{min-width:44px}.bbd-app .bbd-rail .bbd-tool{min-height:44px}.bbd-app .bbd-layers .bbd-lname{min-width:0}}
@media (max-width:479px){.bbd-app .bbd-layers .bbd-lrow{flex-wrap:wrap}.bbd-app .bbd-btnrow{gap:4px}}
/* Navigation is readable immediately, including on the first frame. */
.bb-header__nav .is-menu-open .wp-block-navigation__responsive-container-content,
.bb-header__nav .is-menu-open .wp-block-navigation__container>.wp-block-navigation-item{animation:none!important;transform:none!important;opacity:1!important}
/* Reserve the SSR chip layout while its native Select fallback remains usable. */
.bb-js .bb-product form.variations_form:not(.bb-chips-live) .bb-opts{display:flex;visibility:hidden;pointer-events:none}
.bb-js .bb-product form.variations_form:not(.bb-chips-live) td.value:has(.bb-opts){position:relative}
.bb-js .bb-product form.variations_form:not(.bb-chips-live) .bb-opts+select{position:absolute;left:0;top:0;width:100%;max-width:100%;min-height:44px;margin-top:0}
.bbd-app .bbd-wbar{flex-wrap:wrap}
@media (min-width:900px){.bbd-app .bbd-fly{transition:none}}
.bbd-app .bbd-note{font-size:.875rem;line-height:1.45;white-space:normal;overflow:visible;text-overflow:clip}