.sr-welt--sonne{--sr-welt-flaeche: var(--sr-buttergelb);--sr-welt-akzent: var(--sr-tangerine);--sr-welt-detail: var(--sr-vanille)}.sr-welt--wiese{--sr-welt-flaeche: var(--sr-matcha);--sr-welt-akzent: var(--sr-vanille);--sr-welt-detail: var(--sr-tomate)}.sr-welt--zuckerguss{--sr-welt-flaeche: var(--sr-puderrosa);--sr-welt-akzent: var(--sr-tomate);--sr-welt-detail: var(--sr-vanille)}.sr-welt--himmel{--sr-welt-flaeche: var(--sr-sky);--sr-welt-akzent: var(--sr-vanille);--sr-welt-detail: var(--sr-tangerine)}.sr-welt--daemmerung{--sr-welt-flaeche: var(--sr-lavendel);--sr-welt-akzent: var(--sr-pink);--sr-welt-detail: var(--sr-vanille)}.sr-welt--neutral{--sr-welt-flaeche: var(--sr-vanille);--sr-welt-akzent: var(--sr-tangerine);--sr-welt-detail: var(--sr-schwarz)}.sr-band{position:relative;padding-block:clamp(48px,6vw,88px);background-color:var(--sr-band-bg, var(--sr-vanille));color:var(--sr-schwarz);overflow-x:clip}.sr-band--schmal{padding-block:clamp(28px,3.5vw,48px)}.sr-band--gross{padding-block:clamp(64px,8vw,112px)}.sr-band--vanille{--sr-band-bg: var(--sr-vanille)}.sr-band--weiss{--sr-band-bg: var(--sr-weiss)}.sr-band--flaeche{--sr-band-bg: var(--sr-welt-flaeche)}.sr-band--buttergelb{--sr-band-bg: var(--sr-buttergelb)}.sr-band--puderrosa{--sr-band-bg: var(--sr-puderrosa)}.sr-band--lavendel{--sr-band-bg: var(--sr-lavendel)}.sr-band--matcha{--sr-band-bg: var(--sr-matcha)}.sr-band--sky{--sr-band-bg: var(--sr-sky)}.sr-band--tangerine{--sr-band-bg: var(--sr-tangerine)}.sr-band--pink{--sr-band-bg: var(--sr-pink)}.sr-band--vanille,.sr-band--weiss,.sr-band--flaeche,.sr-band--buttergelb,.sr-band--puderrosa,.sr-band--lavendel,.sr-band--matcha,.sr-band--sky,.sr-band--tangerine,.sr-band--pink{--sr-platte: color-mix( in oklab, var(--sr-schwarz) var(--sr-platte-tiefe), var(--sr-band-bg) )}.sr-welt--himmel.sr-band--flaeche,.sr-band--sky{--sr-taste-flaeche: var(--sr-weiss);--sr-taste-flaeche-hell: var(--sr-vanille);--sr-taste-text: var(--sr-schwarz);--sr-taste-kontur: var(--sr-schwarz)}.sr-band--schwarz{--sr-band-bg: var(--sr-schwarz);--sr-platte: color-mix(in oklab, var(--sr-vanille) 24%, var(--sr-schwarz));--sr-taste-flaeche: var(--sr-vanille);--sr-taste-flaeche-hell: var(--sr-weiss);--sr-taste-text: var(--sr-schwarz);--sr-taste-kontur: transparent;color:var(--sr-vanille)}.sr-band__inhalt{max-width:calc(var(--sr-container) + 2 * var(--sr-rand));margin-inline:auto;padding-inline:var(--sr-rand)}.sr-band__kopf{margin-bottom:var(--sr-32);max-width:68ch}.sr-band__kopf--mitte{margin-inline:auto;text-align:center}.sr-band__kopf--mitte .sr-text{margin-inline:auto}.sr-band__kopf>*+*{margin-top:var(--sr-12)}.sr-band__fuss{margin-top:var(--sr-48)}.sr-titel,.sr-h2,.sr-h3{font-family:var(--font-heading--family);font-weight:600;text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;margin:0}.sr-titel{font-size:clamp(2.25rem,5vw,3.75rem);line-height:1.05;letter-spacing:-.01em}.sr-h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.005em}.sr-h3{font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.25}.sr-text{font-family:var(--font-body--family);font-size:1rem;line-height:1.65;max-width:68ch;-webkit-hyphens:auto;hyphens:auto}.sr-text--gross{font-size:1.125rem;line-height:1.6}.sr-text--leise{color:var(--sr-text-leise)}.sr-label{font-family:var(--font-subheading--family);font-weight:500;font-size:.8125rem;line-height:1;letter-spacing:.1em;text-transform:uppercase}.sr-band--schwarz .sr-text--leise{color:color-mix(in oklab,var(--sr-vanille) 78%,var(--sr-schwarz))}.sr-kante{display:block;width:100%;line-height:0}.sr-kante--welle{height:28px;background-color:var(--sr-kante-grund, transparent)}.sr-kante--welle>.sr-kante__form{display:block;height:100%;background-color:var(--sr-kante-farbe, var(--sr-vanille));-webkit-mask:var(--sr-welle) repeat-x 0 0 / 240px 100%;mask:var(--sr-welle) repeat-x 0 0 / 240px 100%}@media(min-width:750px){.sr-kante--welle{height:48px}}.sr-kante--karo{height:12px;background:conic-gradient(var(--sr-karo-a, var(--sr-vanille)) 0 25%,var(--sr-karo-b, var(--sr-tangerine)) 0 50%,var(--sr-karo-a, var(--sr-vanille)) 0 75%,var(--sr-karo-b, var(--sr-tangerine)) 0) 0 0 / 24px 24px}.sr-kante--bogen{height:16px;background:radial-gradient(circle at 16px 0,var(--sr-kante-farbe, var(--sr-tangerine)) 15px,transparent 16px) 0 0 / 32px 16px repeat-x;background-color:var(--sr-kante-grund, transparent)}.sr-kante--bogen-unten{background-position:0 100%;background-image:radial-gradient(circle at 16px 16px,var(--sr-kante-farbe, var(--sr-tangerine)) 15px,transparent 16px)}.sr-laufband{display:flex;align-items:center;height:44px;overflow:hidden;background-color:var(--sr-laufband-bg, var(--sr-tomate));color:var(--sr-schwarz)}.sr-laufband__spur{display:flex;white-space:nowrap;animation:sr-lauf var(--sr-laufband-dauer, 40s) linear infinite}.sr-laufband__phrase{padding-inline:22px}@keyframes sr-lauf{0%{transform:translate(0)}to{transform:translate(-50%)}}.sr-raster{display:grid;list-style:none;grid-template-columns:repeat(2,1fr);column-gap:12px;row-gap:var(--sr-zeilenabstand)}@media(min-width:640px){.sr-raster{grid-template-columns:repeat(3,1fr);column-gap:16px}}@media(min-width:1024px){.sr-raster{column-gap:24px}}@media(min-width:1360px){.sr-raster{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.sr-raster__gross{grid-column:span 2;grid-row:span 2}.sr-produktband__eintrag{align-self:start}.sr-raster__gross{align-self:stretch}.sr-raster__gross .sr-kachel{height:100%;display:flex;flex-direction:column}.sr-raster__gross .sr-kachel__bild{flex:0 0 auto;margin-block-end:auto}.sr-bild{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;background-color:var(--sr-weiss)}.sr-bild--quer{aspect-ratio:3 / 2}.sr-bild--quadrat{aspect-ratio:1 / 1}.sr-bild--bogen{border-radius:999px 999px 0 0}.sr-bild--blob{border-radius:var(--sr-blob)}.sr-bild--blob-gegen{border-radius:var(--sr-blob-gegen)}.sr-bild--schweben{box-shadow:var(--sr-schatten-weich)}.sr-foto{position:relative;display:block;transform:rotate(calc(-1 * var(--sr-dreh-foto)));transition:transform .24s var(--sr-feder)}.sr-foto:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--sr-platte);transform:rotate(calc(-1 * var(--sr-dreh-platte))) translate(5px,5px);transition:transform .24s var(--sr-feder)}.sr-foto>*{position:relative}.sr-foto:hover{transform:rotate(0)}.sr-foto:hover:before{transform:rotate(calc(-.5 * var(--sr-dreh-platte))) translate(3px,3px)}.sr-foto--gegen{transform:rotate(var(--sr-dreh-foto))}.sr-foto--gegen:before{transform:rotate(var(--sr-dreh-platte)) translate(-5px,5px)}.sr-foto--gegen:hover:before{transform:rotate(calc(.5 * var(--sr-dreh-platte))) translate(-3px,3px)}.sr-schmuck{display:none}@media(min-width:900px){.sr-schmuck{position:absolute;z-index:2;display:block;width:var(--sr-schmuck-breite, 120px);pointer-events:none}}.sr-schmuck__bild{display:block;width:100%;height:auto}.sr-schmuck--links-oben{top:0;inset-inline-start:0}.sr-schmuck--rechts-oben{top:0;inset-inline-end:0}.sr-schmuck--links-unten{bottom:0;inset-inline-start:0}.sr-schmuck--rechts-unten{bottom:0;inset-inline-end:0}.sr-foto--polaroid{padding:12px 12px 40px;background-color:var(--sr-weiss);box-shadow:var(--sr-schatten-weich)}.sr-foto--polaroid:before{content:none}.sr-ueberstand{position:relative;z-index:2;margin-bottom:calc(-1 * var(--sr-ueberstand, 64px))}@media(max-width:749px){.sr-ueberstand{margin-bottom:0}}.sr-karo-grund{background:conic-gradient(var(--sr-karo-a, var(--sr-vanille)) 0 25%,var(--sr-karo-b, var(--sr-buttergelb)) 0 50%,var(--sr-karo-a, var(--sr-vanille)) 0 75%,var(--sr-karo-b, var(--sr-buttergelb)) 0) 0 0 / 48px 48px}.sr-karo-rahmen{padding:32px;background:conic-gradient(var(--sr-karo-a, var(--sr-vanille)) 0 25%,var(--sr-karo-b, var(--sr-buttergelb)) 0 50%,var(--sr-karo-a, var(--sr-vanille)) 0 75%,var(--sr-karo-b, var(--sr-buttergelb)) 0) 0 0 / 32px 32px}.sr-form{display:block;pointer-events:none}.sr-form--s{width:32px;height:32px}.sr-form--m{width:56px;height:56px}.sr-form--l{width:96px;height:96px}.sr-form--inline svg{display:block;width:100%;height:100%}.sr-form--schraeg{transform:rotate(-12deg)}.sr-form-lage{position:absolute;z-index:1}.sr-badge{display:inline-block;border-radius:var(--sr-radius-badge);padding:5px 12px;background-color:var(--sr-badge-bg, var(--sr-welt-akzent));color:var(--sr-schwarz);font-family:var(--font-subheading--family);font-weight:500;font-size:.6875rem;line-height:1.2;letter-spacing:.1em;text-transform:uppercase}.sr-badge--ausverkauft{--sr-badge-bg: var(--sr-badge-ausverkauft)}@media(prefers-reduced-motion:reduce){.sr-laufband__spur{animation:none;justify-content:center;width:100%}.sr-foto,.sr-foto:before,.sr-foto:hover,.sr-foto:hover:before{transition:none}html,.page-wrapper{scroll-behavior:auto}}.sr-raster,.sr-kreise,.sr-schritte,.sr-textkacheln,.sr-fussleiste__liste,.sr-fussleiste__recht,.sr-fussleiste__zahlarten{list-style:none;margin-block:0;padding-inline-start:0}.sr-platzhalter{background-color:var(--sr-vanille);outline:var(--sr-kontur) dashed var(--sr-linie);outline-offset:calc(-1 * var(--sr-kontur))}@property --sr-kopf-oben-h{syntax: "<length>"; inherits: true; initial-value: 120px;}#header-component{--sr-kopf-oben-h: 120px;transition:--sr-kopf-oben-h var(--sr-zeit-standard) var(--sr-kurve)}html,.page-wrapper{overflow-anchor:none}#header-component[data-sticky-state=active]{--sr-kopf-oben-h: 56px}#header-component .header__row--top{height:var(--sr-kopf-oben-h)}#header-component{--top-row-height: var(--sr-kopf-oben-h) !important}#header-component .header__row--top .header__columns{height:100%;align-items:center;padding-block:0;--padding-block-start: 0px;--padding-block-end: 0px}#header-component:not([transparent]) .header__underlay-closed{background:var(--color-background-top-row, var(--sr-weiss))}@media(prefers-reduced-motion:reduce){#header-component{transition:none}}@media(max-width:749px){#header-component shopify-account{display:none}}.menu-list--mobile .menu-list__link,.menu-list--mobile a{text-transform:uppercase;letter-spacing:.1em;font-size:.8125rem}.menu-list__link--active .menu-list__link-title,.menu-list--mobile .menu-list__item--active,.menu-drawer__menu-item--mainlist.menu-drawer__menu-item--active .menu-drawer__menu-item-text{text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:currentcolor}#header-component .header-menu__inner .menu-list:has([aria-expanded=true]) .menu-list__link{color:var(--sr-text-leise)}#header-component .header-menu__inner .menu-list:has([aria-expanded=true]) .menu-list__link--active .menu-list__link-title{text-decoration-line:none}#header-component .header-menu__inner .menu-list:has([aria-expanded=true]) .menu-list__list-item:has([aria-expanded=true]) .menu-list__link{color:var(--sr-schwarz)}#header-component .header-menu__inner .menu-list:has([aria-expanded=true]) .menu-list__list-item:has([aria-expanded=true]) .menu-list__link-title{text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:currentcolor}@media screen and (min-width:750px){#header-component .header-menu__inner .menu-list__list-item:has(>.menu-list__trigger [aria-expanded=true]) .menu-list__link:after{display:block;top:100%;height:calc(var(--box-height) - 100%);left:-100vw;right:-100vw}}#header-component{--color-submenu: var(--sr-weiss)}#header-component .mega-menu__link-image{aspect-ratio:1 / 1;width:96px;max-width:96px;margin-inline:auto;object-fit:cover;border-radius:50%;transition:opacity var(--sr-zeit-mikro) var(--sr-kurve)}.mega-menu__link:has(.mega-menu__link-image):hover .mega-menu__link-image{opacity:.85}.mega-menu__link:has(.mega-menu__link-image) .wrap-text{display:block;margin-top:var(--sr-12);text-align:center;font-family:var(--font-subheading--family);font-weight:500;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sr-schwarz)}#header-component .mega-menu__grid:has(.mega-menu__link-image) .mega-menu__list{display:flex;flex-wrap:wrap;justify-content:center;grid-column:1 / -1}#header-component .mega-menu__grid:has(.mega-menu__link-image) .mega-menu__column{flex:0 0 11rem}#header-component .menu-drawer__list-item[data-sr-anzahl="0"]{display:none}#header-component .mega-menu__grid:has(.mega-menu__link-image) .mega-menu__column>div>.mega-menu__link:not(:has(.mega-menu__link-image)):before{aspect-ratio:1 / 1;width:96px;max-width:96px;margin-inline:auto;border-radius:50%;background-color:var(--sr-vanille);opacity:1}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sunlit-baender.css.map */
