:root{--fmg-paper: #f3f0e9;--fmg-paper-card: #f8f6f1;--fmg-ink: #18170f;--fmg-ink-soft: #4a473c;--fmg-line: #18170f;--fmg-kraft: #c9a06a;--fmg-kraft-deep: #8a6433;--fmg-radius: 22px;--fmg-speed: 1}.fmg-section{background:var(--fmg-paper);color:var(--fmg-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.fmg-wrap{max-width:1040px;margin:0 auto;padding:clamp(40px,7vw,96px) clamp(20px,5vw,56px) clamp(40px,7vw,96px)}.fmg-intro{margin-bottom:clamp(40px,6vw,72px)}.fmg-h1{font-weight:800;line-height:.98;font-size:clamp(38px,6.4vw,72px);letter-spacing:-.02em;margin:0 0 24px}.fmg-lede{font-size:clamp(17px,2vw,21px);line-height:1.5;color:var(--fmg-ink-soft);margin:0}.fmg-timeline{display:flex;flex-direction:column;gap:26px}.fmg-entry{display:flex;align-items:center;gap:clamp(16px,3vw,44px);border:2px solid var(--fmg-line);border-radius:var(--fmg-radius);background:var(--fmg-paper-card);padding:14px clamp(20px,3.5vw,44px) 14px 14px;min-height:188px;transition:box-shadow calc(.3s / var(--fmg-speed)) ease,transform calc(.3s / var(--fmg-speed)) ease}.fmg-entry.is-open{box-shadow:8px 9px 0 -1px var(--fmg-line);transform:translate(-2px,-2px)}.fmg-pkg-btn{flex:0 0 auto;-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;padding:6px;position:relative;line-height:0;border-radius:16px;outline:none}.fmg-pkg-btn:focus-visible{outline:2.5px solid var(--fmg-ink);outline-offset:3px}.fmg-pkg-svg{display:block;overflow:visible;transition:transform calc(.45s / var(--fmg-speed)) cubic-bezier(.34,1.56,.64,1)}.fmg-pkg-btn:hover .fmg-pkg-svg{transform:translateY(-4px) rotate(-1deg)}.fmg-pkg-svg.is-open{animation:fmg-pop calc(.5s / var(--fmg-speed)) cubic-bezier(.34,1.56,.64,1)}@keyframes fmg-pop{0%{transform:translateY(0)}30%{transform:translateY(-7px) scale(1.015)}to{transform:translateY(0)}}.fmg-pkg-label{font-weight:700;font-size:17px;letter-spacing:-.01em;fill:var(--fmg-ink)}.fmg-lid,.fmg-flaps,.fmg-inside{transform-box:view-box}.fmg-lid{transform-origin:124px 77px;opacity:1;transition:opacity calc(.28s / var(--fmg-speed)) ease,transform calc(.4s / var(--fmg-speed)) ease}.fmg-inside{opacity:0;transition:opacity calc(.3s / var(--fmg-speed)) ease calc(.08s / var(--fmg-speed))}.fmg-flaps{transform-origin:124px 78px;transform:scale(.12) translateY(10px);opacity:0;transition:transform calc(.52s / var(--fmg-speed)) cubic-bezier(.34,1.7,.5,1) calc(.06s / var(--fmg-speed)),opacity calc(.2s / var(--fmg-speed)) ease calc(.06s / var(--fmg-speed))}.fmg-pkg-svg.is-open .fmg-lid{opacity:0;transform:translateY(-16px) scale(1.06)}.fmg-pkg-svg.is-open .fmg-inside{opacity:1}.fmg-pkg-svg.is-open .fmg-flaps{opacity:1;transform:scale(1) translateY(0)}.fmg-story-wrap{flex:1 1 auto;min-width:0;max-height:0;overflow:hidden;opacity:0;transition:max-height calc(.5s / var(--fmg-speed)) ease,opacity calc(.3s / var(--fmg-speed)) ease}.fmg-entry.is-open .fmg-story-wrap{max-height:460px;opacity:1}.fmg-story{transform:perspective(1000px) rotateY(-24deg);transform-origin:left center;opacity:0;transition:transform calc(.55s / var(--fmg-speed)) cubic-bezier(.22,1,.36,1) calc(.16s / var(--fmg-speed)),opacity calc(.4s / var(--fmg-speed)) ease calc(.16s / var(--fmg-speed))}.fmg-entry.is-open .fmg-story{transform:none;opacity:1}.fmg-story h3{font-weight:700;font-size:clamp(19px,2.3vw,25px);line-height:1.15;letter-spacing:-.01em;margin:0 0 14px;color:var(--fmg-ink)}.fmg-story-date{white-space:nowrap}.fmg-story-body p{font-size:clamp(15.5px,1.7vw,18px);line-height:1.55;color:var(--fmg-ink-soft);margin:0 0 8px;max-width:56ch}.fmg-tap{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:14px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fmg-ink-soft);background:var(--fmg-paper-card);border:1px solid var(--fmg-line);padding:5px 12px;border-radius:20px;white-space:nowrap;line-height:1.4;opacity:0;pointer-events:auto;cursor:pointer;transition:opacity .2s ease}.fmg-entry:not(.is-open):hover .fmg-tap{opacity:1}.fmg-entry.is-open .fmg-tap{opacity:0}@media(max-width:720px){.fmg-entry{flex-direction:column;align-items:flex-start;gap:8px;padding:14px clamp(16px,5vw,24px) 22px}.fmg-tap{display:none}.fmg-story-body p{max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/firmengeschichte.css.map */