:root{--bl-creme: #fffbf3;--bl-creme-2: #f7efe2;--bl-papier: #ffffff;--bl-sand: #efe4d3;--bl-linie: #e7dccb;--bl-tinte: #1b1612;--bl-tinte-2: #4d443b;--bl-tinte-3: #7d7166;--bl-cta: #cc4c06;--bl-cta-hover: #b03f03;--bl-orange: #f26a1f;--bl-orange-tief: #b94606;--bl-orange-hell: #ffe7d6;--bl-himmel: #65cdea;--bl-himmel-tief: #156c8f;--bl-himmel-hell: #ddf3fa;--bl-sonne: #f4e174;--bl-sonne-tief: #7a5c00;--bl-sonne-hell: #fcf4cf;--bl-koralle: #e95246;--bl-koralle-tief: #b8352b;--bl-bernstein: #f79a1b;--bl-petrol: #0b8f89;--bl-petrol-tief: #0a6b67;--bl-gruen: #389945;--bl-gruen-tief: #2a7535;--bl-violett: #853691;--bl-violett-tief: #57227a;--bl-r-s: 12px;--bl-r-m: 18px;--bl-r-l: clamp(20px, 2.2vw, 30px);--bl-r-xl: clamp(28px, 3.2vw, 44px);--bl-weich: cubic-bezier(.22, .8, .24, 1);--bl-feder: cubic-bezier(.34, 1.4, .64, 1);--bl-breite: 1320px;--bl-rand: clamp(16px, 4vw, 40px);--bl-abstand: clamp(72px, 10vw, 152px)}body{background-color:var(--bl-creme);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}::selection{background:var(--bl-sonne);color:var(--bl-tinte)}.bl{--bl-fg: var(--bl-tinte);--bl-fg-2: var(--bl-tinte-2);position:relative;color:var(--bl-fg);font-family:var(--bl-text);font-size:1rem;line-height:1.55;isolation:isolate}.bl :where(h1,h2,h3,h4,p,ul,ol,figure,blockquote){margin:0}.bl :where(img,video){display:block;max-width:100%;height:auto}.bl-wrap{width:100%;max-width:calc(var(--bl-breite) + 2 * var(--bl-rand));margin-inline:auto;padding-inline:var(--bl-rand)}.bl-abschnitt{padding-block:var(--bl-abstand)}.bl-abschnitt--knapp{padding-block:calc(var(--bl-abstand) * .5)}.bl-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bl-eyebrow{display:inline-flex;align-items:center;gap:.5em;font-family:var(--bl-text);font-weight:700;font-size:.78rem;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:var(--bl-eyebrow, var(--bl-tinte-3))}.bl-h1,.bl-h2,.bl-h3,.bl-zahl{font-family:var(--bl-display);font-optical-sizing:auto;color:var(--bl-fg);text-wrap:balance}.bl-h1{font-weight:900;font-size:clamp(3rem,1rem + 6.6vw,7.25rem);line-height:.9;letter-spacing:-.045em}.bl-h2{font-weight:800;font-size:clamp(2.4rem,1.1rem + 4.4vw,5.25rem);line-height:.94;letter-spacing:-.04em}.bl-h3{font-weight:700;font-size:clamp(1.4rem,1.1rem + .9vw,1.95rem);line-height:1.06;letter-spacing:-.02em}.bl-lead{font-size:clamp(1.08rem,.98rem + .42vw,1.32rem);line-height:1.5;color:var(--bl-fg-2);text-wrap:pretty;max-width:36em}.bl-text{font-size:1.02rem;line-height:1.6;color:var(--bl-fg-2);text-wrap:pretty}.bl-klein{font-size:.9rem;line-height:1.45;color:var(--bl-fg-2)}.bl-kopf{display:grid;gap:clamp(14px,1.6vw,22px);max-width:50rem}.bl-kopf--mitte{margin-inline:auto;text-align:center;justify-items:center}.bl-kopf--mitte .bl-lead{margin-inline:auto}.bl-schwung{position:relative;display:inline-block;white-space:nowrap}.bl-schwung__linie{position:absolute;left:-1%;bottom:-.1em;width:102%;height:.3em;overflow:visible;pointer-events:none}.bl-schwung__linie path{fill:none;stroke:var(--bl-schwung, var(--bl-orange));stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}@media(prefers-reduced-motion:no-preference){.bl-schwung__linie path{stroke-dashoffset:1;animation:bl-zeichnen 1.2s .6s var(--bl-weich) forwards}}@keyframes bl-zeichnen{to{stroke-dashoffset:0}}.bl-btn{--bl-btn-bg: var(--bl-cta);--bl-btn-bg-hover: var(--bl-cta-hover);--bl-btn-fg: #fff;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:3.5rem;padding:0 1.75rem;border:0;border-radius:999px;background:var(--bl-btn-bg);color:var(--bl-btn-fg);font-family:var(--bl-text);font-weight:700;font-size:1.125rem;line-height:1;letter-spacing:-.005em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .25s var(--bl-feder);-webkit-tap-highlight-color:transparent}.bl-btn>*{pointer-events:none}.bl-btn:hover{background:var(--bl-btn-bg-hover);transform:translateY(-1px)}.bl-btn:active{transform:scale(.97);transition-duration:.08s}.bl-btn:focus-visible{outline:3px solid var(--bl-tinte);outline-offset:3px}.bl-btn[disabled],.bl-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.bl-btn--hell{--bl-btn-bg: transparent;--bl-btn-bg-hover: var(--bl-tinte);--bl-btn-fg: var(--bl-tinte);box-shadow:inset 0 0 0 1.5px var(--bl-tinte)}.bl-btn--hell:hover{color:var(--bl-creme)}.bl-btn--tinte{--bl-btn-bg: var(--bl-tinte);--bl-btn-bg-hover: #000;--bl-btn-fg: var(--bl-creme)}.bl-btn--weiss{--bl-btn-bg: #fff;--bl-btn-bg-hover: var(--bl-creme-2);--bl-btn-fg: var(--bl-tinte)}.bl-btn--klein{min-height:2.85rem;padding:0 1.25rem;font-size:1rem}.bl-btn--breit{width:100%}.bl-btn__preis{font-weight:500;opacity:.85}.bl-btn__pfeil{width:1.05em;height:1.05em;transition:transform .3s var(--bl-feder)}.bl-btn:hover .bl-btn__pfeil{transform:translate(3px)}.bl-btn.is-laedt{pointer-events:none}.bl-btn.is-laedt:after{content:"";width:1em;height:1em;margin-inline-start:.2em;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:bl-drehen .7s linear infinite}@keyframes bl-drehen{to{transform:rotate(1turn)}}.bl-knoepfe{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.bl-haken{display:flex;flex-wrap:wrap;gap:6px 18px;padding:0;list-style:none}.bl-haken li{display:inline-flex;align-items:center;gap:.45em;font-weight:500;font-size:.92rem;color:var(--bl-fg-2)}.bl-haken svg{flex:none;width:1.1em;height:1.1em;color:var(--bl-gruen-tief)}bl-video,bl-karussell{display:block}.bl-videokarte{aspect-ratio:1904 / 1072;border-radius:var(--bl-r-xl)}@media(max-width:749px){.bl-videokarte{aspect-ratio:1;border-radius:var(--bl-r-l)}}bl-video>img,bl-video>picture,bl-video>picture>img,bl-video>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}bl-video>video{opacity:0;transition:opacity .7s var(--bl-weich)}bl-video.is-bereit>video{opacity:1}.bl-medienkarte{position:relative;overflow:hidden;border-radius:var(--bl-r-l);background:var(--bl-sand);isolation:isolate}.bl-medienkarte>:where(img,video),.bl-medienkarte>picture,.bl-medienkarte>picture>img{display:block;width:100%;height:100%;object-fit:cover}.bl-medien__steuer{position:absolute;right:clamp(12px,1.6vw,20px);bottom:clamp(12px,1.6vw,20px);z-index:2;display:flex;gap:8px}.bl-medien__knopf{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#ffffffe0;color:var(--bl-tinte);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s var(--bl-feder),background-color .2s}.bl-medien__knopf[hidden]{display:none}.bl-medien__knopf:hover{background:#fff;transform:scale(1.06)}.bl-medien__knopf:focus-visible{outline:3px solid var(--bl-tinte);outline-offset:2px}.bl-medien__knopf svg{width:18px;height:18px}.bl-medien__knopf [data-zustand=spielt],.bl-medien__knopf.is-pausiert [data-zustand=pausiert]{display:block}.bl-medien__knopf [data-zustand=pausiert],.bl-medien__knopf.is-pausiert [data-zustand=spielt]{display:none}.bl-karte{position:relative;border-radius:var(--bl-r-l);background:var(--bl-papier);overflow:hidden}.bl-form{display:block;width:clamp(64px,6.6vw,92px);height:auto}.bl-figur{pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 18px 22px rgb(60 30 10 / .24))}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.bl-auftauchen{animation:bl-auftauchen linear both;animation-timeline:view();animation-range:entry 0% entry 45%}}}@keyframes bl-auftauchen{0%{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}.bl-laeden{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.bl-laeden a,.bl-laeden span{display:block;line-height:0;transition:transform .25s var(--bl-feder)}.bl-laeden a:hover{transform:translateY(-2px)}.bl-laeden img{height:48px;width:auto}.page-wrapper--drawer-open{margin-inline-end:0}@media(min-width:990px){.page-wrapper{scrollbar-gutter:stable}}html theme-drawer .theme-drawer__dialog::backdrop{background:#1b161252}.header-logo .bl-logo{display:block;height:clamp(26px,2.4vw,34px);width:auto}.header-logo .bl-logo img,.header-logo .bl-logo svg{display:block;height:100%;width:auto;max-width:none}.header-logo{transition:transform .3s var(--bl-feder)}.header-logo:hover{transform:rotate(-2deg) scale(1.03)}.menu-list__link-title{font-weight:600}.menu-list__link{transition:color .2s ease}.menu-list__link:hover{color:var(--bl-orange-tief)}.button:not(.button-unstyled),.button-secondary:not(.button-unstyled){font-family:var(--bl-text);font-weight:700;letter-spacing:-.005em;transition:transform .25s var(--bl-feder),box-shadow .2s ease,background-color .2s ease,color .2s ease}.button:not(.button-unstyled):active{transform:scale(.97)}.add-to-cart-button,.product-form-buttons .button{min-height:3.5rem;font-size:1.125rem}.cart-drawer__inner{background:var(--bl-creme)}html[data-bl-farbe=blau],html:not([data-bl-farbe]){--bl-produkt-hell: var(--bl-himmel-hell);--bl-produkt: var(--bl-himmel)}html[data-bl-farbe=gelb]{--bl-produkt-hell: var(--bl-sonne-hell);--bl-produkt: var(--bl-sonne)}.section-background:has(+.product-information){background:radial-gradient(70% 70% at 22% 10%,var(--bl-produkt-hell),transparent 72%),var(--bl-creme);transition:background .6s var(--bl-weich)}.product-information .product-details :is(h1,.h1,.h2){font-family:var(--bl-display);font-weight:900;letter-spacing:-.04em;line-height:.95}.variant-option__button-label:has(input[value*=blau i]){--bl-punkt: var(--bl-himmel)}.variant-option__button-label:has(input[value*=gelb i]){--bl-punkt: var(--bl-sonne)}.variant-option__button-label:has(input[value*=blau i],input[value*=gelb i]) .variant-option__button-label__text:before{content:"";display:inline-block;width:1.05em;height:1.05em;margin-inline-end:.5em;border-radius:50%;background:var(--bl-punkt);vertical-align:-.18em;box-shadow:inset 0 -2px #0000001f,0 0 0 2px #ffffffe6}.variant-option__button-label{font-weight:600}.product-details .details__header{font-family:var(--bl-text);font-weight:700;font-size:1.05rem}.product-details .details-content :is(ul,ol){padding-inline-start:1.1em}.product-details .details-content li+li{margin-top:.25em}@media(prefers-reduced-motion:reduce){.bl *,.bl *:before,.bl *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bl-brand.css.map */