@property --l-ext{syntax:"<length>";inherits:false;initial-value:0}.buch-lasche-rahmen{z-index:5;pointer-events:none;--l-u:1px;--l-ax:0px;--l-ay:0px;--l-mw:1;--l-mh:1;--l-sk:1;position:absolute;inset:0}.buch-lasche-rahmen--hinten{z-index:-1}.book>.buch-lasche-rahmen--hinten{z-index:0}.buch-lasche-gruppe--isoliert{isolation:isolate}.buch-lasche-rahmen--abschl{inset:auto;left:calc(50% + var(--l-bdx)*var(--l-f)*1px);top:calc(50% + var(--l-bdy)*var(--l-f)*1px);width:min(calc(var(--l-bw)*var(--l-f)*1px),var(--l-bcap));height:auto;aspect-ratio:calc(var(--l-nw)/var(--l-nh));--l-f:1;--l-u:calc(100cqw/var(--l-nw));translate:-50% -50%;container:lasche/inline-size}@media (width<=1020px){.buch-lasche-rahmen--abschl{--l-f:var(--l-fb)}}.buch-lasche-rahmen--start{width:110%;min-width:150px;max-width:460px;height:0;margin-left:var(--l-ml,0);--l-u:calc(100cqw/var(--l-nw));transition:transform .2s ease-out;inset:0 auto auto 0;container:lasche/inline-size}.buch-lasche{--l-ext:0px;--l-aus:22px;box-sizing:border-box;transform-origin:0 100%;left:calc(var(--l-ax) + (var(--l-tx) - var(--l-ox))*var(--l-u));top:calc(var(--l-ay) + (var(--l-t0) + (var(--l-tx) - var(--l-x0))*var(--l-s) + 12 - var(--l-th)*var(--l-mh) - var(--l-oy))*var(--l-u));width:calc(var(--l-tw)*var(--l-mw)*var(--l-u));height:calc(var(--l-th)*var(--l-mh)*var(--l-u));rotate:var(--l-rot);scale:calc(var(--l-sk)*var(--l-z,1));border-radius:calc(var(--l-u)*8) calc(var(--l-u)*8) 0 0;color:#fff;transform:translateY(calc(var(--l-ext)*-1));transition:--l-ext .2s cubic-bezier(.23,1,.32,1);position:absolute}.buch-lasche--bild{pointer-events:none;background:var(--primary,#f15b36);filter:drop-shadow(max(2px,calc(var(--l-u)*4)) max(3px,calc(var(--l-u)*5)) 0 #14181e6b)}.buch-lasche--klick{pointer-events:auto;clip-path:inset(-16px -16px calc(var(--l-u)*9 - var(--l-ext)) -16px)}.buch-lasche--klick:hover{--l-ext:var(--l-aus)}.buch-lasche--klick:has(.buch-lasche__knopf:focus-visible){--l-ext:var(--l-aus)}.buch-lasche-gruppe:has(.buch-lasche--klick:hover,.buch-lasche--klick .buch-lasche__knopf:focus-visible) .buch-lasche--bild{--l-ext:var(--l-aus)}@media (hover:hover){.buch-lasche-gruppe:hover .buch-lasche{--l-ext:var(--l-aus)}:has(>.preview-hover-zoom:hover) .buch-lasche{--l-ext:var(--l-aus)}}.buch-lasche--klick:after{content:"";height:32px;position:absolute;top:100%;left:0;right:0}.buch-lasche--bild .buch-lasche__zusatz{left:0;right:0;top:calc(100% - var(--l-u)*12);background:var(--primary,#f15b36);color:#fff;height:28px;padding-bottom:6px;font:500 11.5px/1 Libre Franklin,DDB Libre Franklin Ersatz Arial,DDB Libre Franklin Ersatz DejaVu,Arial,sans-serif}.buch-lasche .buch-lasche__knopf.modern-book-3d-button,.buch-lasche--bild .buch-lasche__zusatz{box-sizing:border-box;white-space:nowrap;justify-content:center;align-items:center;display:flex;position:absolute}.buch-lasche .buch-lasche__knopf.modern-book-3d-button{border-radius:inherit;width:100%;height:100%;min-height:0;box-shadow:none;color:#0000;font:700 max(10px,calc(var(--l-u)*14))/1 Libre Franklin,DDB Libre Franklin Ersatz Arial,DDB Libre Franklin Ersatz DejaVu,Arial,sans-serif;cursor:pointer;background:0 0;border:0;margin:0;padding:0;transition:none;inset:0}.buch-lasche .buch-lasche__knopf.modern-book-3d-button:hover{box-shadow:none;color:#0000;background:0 0;border-color:#0000}.buch-lasche .buch-lasche__knopf.modern-book-3d-button:focus-visible{outline-offset:-4px;outline:2px solid #1d232d}.buch-lasche .buch-lasche__knopf.modern-book-3d-button>*{visibility:hidden}.buch-lasche__gesicht{justify-content:center;align-items:center;gap:calc(var(--l-u)*7);padding:0 0 calc(var(--l-u)*12);font:700 max(10px,calc(var(--l-u)*14))/1 Libre Franklin,DDB Libre Franklin Ersatz Arial,DDB Libre Franklin Ersatz DejaVu,Arial,sans-serif;white-space:nowrap;display:flex;position:absolute;inset:0}.buch-lasche__text--kurz{display:none}@container lasche (width<=275px){.buch-lasche__text{display:none}.buch-lasche__text--kurz{display:inline}.buch-lasche--bild .buch-lasche__zusatz{white-space:normal;text-align:center;height:36px;padding:0 2px 6px;font-size:9.5px;line-height:1.15}.buch-lasche{--l-aus:30px}}.buch-lasche__symbol{width:max(12px,calc(var(--l-u)*17));height:max(12px,calc(var(--l-u)*17));flex:none;place-items:center;display:grid}.buch-lasche__symbol svg{fill:none;stroke:currentColor;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;overflow:visible}@media (width>=768px) and (not ((width<=1024px) and (height<=500px) and (orientation:landscape))){.buch-lasche--links{left:calc(var(--l-ax) + (var(--l-spine) - 36 - var(--l-ox))*var(--l-u));top:calc(var(--l-ay) + (var(--l-ly) - var(--l-oy))*var(--l-u));width:calc(var(--l-u)*66);height:calc(var(--l-lh)*var(--l-u));rotate:0deg;scale:var(--l-z,1);transform-origin:calc(var(--l-u)*36) 50%;transform:translateX(calc(var(--l-ext)*-1));border-radius:calc(var(--l-u)*8) 0 0 calc(var(--l-u)*8)}.buch-lasche--klick.buch-lasche--links{clip-path:inset(-16px calc(var(--l-u)*27 - var(--l-ext)) -16px -16px)}.buch-lasche--links{--l-aus:26px}.buch-lasche--links .buch-lasche__gesicht{gap:calc(var(--l-u)*8);padding:0 calc(var(--l-u)*30) 0 0;flex-direction:column}.buch-lasche--links .buch-lasche__text,.buch-lasche--links .buch-lasche__zusatz{writing-mode:vertical-rl;transform:rotate(180deg)}.buch-lasche--links .buch-lasche__zusatz{top:0;bottom:0;right:auto;left:calc(var(--l-u)*36);width:26px;height:auto;box-shadow:none;background:0 0;padding:0}.buch-lasche--klick.buch-lasche--links:after{content:none}}@media (width<=1024px) and (height<=500px) and (orientation:landscape),(width<=767px){.buch-lasche:not(.buch-lasche--start){--l-sk:1.15}}@media (width<=640px){.buch-lasche--start{--l-sk:1.15;--l-mw:1.15;--l-mh:1.5;--l-tx:var(--l-txm)}}@media (prefers-reduced-motion:reduce){.buch-lasche,.buch-lasche-rahmen--start{transition:none}}
