@view-transition{navigation:auto}:root{view-transition-name:none}.heft{view-transition-name:gaesteheft}@media (min-width:1024px){.heft{view-transition-name:none}.heft-seite-links{view-transition-name:heft-links}.heft-seite-rechts{view-transition-name:heft-rechts}.heft-klammern{view-transition-name:heft-klammern}}::view-transition-group(gaesteheft){animation:none}::view-transition-group(heft-links){animation:none}::view-transition-group(heft-rechts){animation:none}::view-transition-group(heft-klammern){animation:none}::view-transition-old(gaesteheft){mix-blend-mode:normal;animation:none}::view-transition-new(gaesteheft){mix-blend-mode:normal;animation:none}::view-transition-old(heft-links){mix-blend-mode:normal;animation:none}::view-transition-new(heft-links){mix-blend-mode:normal;animation:none}::view-transition-old(heft-rechts){mix-blend-mode:normal;animation:none}::view-transition-new(heft-rechts){mix-blend-mode:normal;animation:none}::view-transition-old(heft-klammern){mix-blend-mode:normal;animation:none}::view-transition-new(heft-klammern){mix-blend-mode:normal;animation:none}@keyframes blatt-vor-alt{to{transform:perspective(1800px)rotateY(-90deg)}}@keyframes blatt-vor-neu{0%{transform:perspective(1800px)rotateY(90deg)}}@keyframes blatt-zurueck-alt{to{transform:perspective(1800px)rotateY(90deg)}}@keyframes blatt-zurueck-neu{0%{transform:perspective(1800px)rotateY(-90deg)}}@keyframes blatt-blende-aus{to{opacity:0}}@keyframes blatt-blende-ein{0%{opacity:0}}@media (prefers-reduced-motion:no-preference){html:active-view-transition-type(vor)::view-transition-old(heft-rechts){transform-origin:0;z-index:1;animation:.3s cubic-bezier(.55,0,.75,.3) both blatt-vor-alt}html:active-view-transition-type(vor)::view-transition-new(heft-links){transform-origin:100%;animation:.3s cubic-bezier(.22,.72,.24,1) .3s both blatt-vor-neu}html:active-view-transition-type(zurueck)::view-transition-old(heft-links){transform-origin:100%;z-index:1;animation:.3s cubic-bezier(.55,0,.75,.3) both blatt-zurueck-alt}html:active-view-transition-type(zurueck)::view-transition-new(heft-rechts){transform-origin:0;animation:.3s cubic-bezier(.22,.72,.24,1) .3s both blatt-zurueck-neu}html:active-view-transition-type(vor)::view-transition-old(gaesteheft){transform-origin:0;z-index:1;animation:.6s cubic-bezier(.22,.72,.24,1) both blatt-vor-alt}html:active-view-transition-type(zurueck)::view-transition-new(gaesteheft){transform-origin:0;animation:.6s cubic-bezier(.22,.72,.24,1) both blatt-zurueck-neu}}@media (prefers-reduced-motion:reduce){html:active-view-transition-type(vor,zurueck)::view-transition-old(*){animation:.2s both blatt-blende-aus}html:active-view-transition-type(vor,zurueck)::view-transition-new(*){animation:.2s both blatt-blende-ein}}.heft{touch-action:pan-y pinch-zoom}.heft[data-gezoomt]{touch-action:auto}.heft :focus-visible{outline-color:rgb(var(--tinte))}.heft-umschlag{background-color:rgb(var(--heft));box-shadow:0 2px 0 rgb(var(--loden-tief)), 0 38px 60px -34px rgb(var(--tinte) / .95);padding:14px}.heft-doppelseite{box-shadow:var(--stapel-rechts,none);display:grid;position:relative}.heft-seite{flex-direction:column;padding:1.1rem 1rem 3.6rem 1.6rem;display:flex;position:relative}.heft-seite-links{padding-bottom:1.6rem}.heft-seite:after{content:"";inset-block:0;pointer-events:none;background:linear-gradient(90deg, rgb(var(--tinte) / .22), rgb(var(--tinte) / .06) 45%, transparent);width:22px;position:absolute;left:0}.heft-inhalt{z-index:1;flex-direction:column;flex:1;display:flex;position:relative}@media (min-width:1024px){.heft-doppelseite{box-shadow:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.heft-seite-links,.heft-seite-rechts{padding:1.35rem clamp(1.4rem,2.4vw,2.5rem) 3.8rem}.heft-seite-links{box-shadow:var(--stapel-links,none);padding-right:calc(clamp(1.4rem,2.4vw,2.5rem) + .9rem)}.heft-seite-rechts{box-shadow:var(--stapel-rechts,none);padding-left:calc(clamp(1.4rem,2.4vw,2.5rem) + .9rem)}.heft-seite-links:after,.heft-seite-rechts:after{width:clamp(30px,7%,54px)}.heft-seite-links:after{background:linear-gradient(90deg, transparent 0 58%, rgb(var(--papier) / .45) 78%, transparent 90%), linear-gradient(90deg, transparent 0, rgb(var(--tinte) / .05) 40%, rgb(var(--tinte) / .18) 82%, rgb(var(--tinte) / .38) 100%);left:auto;right:0}.heft-seite-rechts:after{background:linear-gradient(270deg, transparent 0 58%, rgb(var(--papier) / .45) 78%, transparent 90%), linear-gradient(270deg, transparent 0, rgb(var(--tinte) / .05) 40%, rgb(var(--tinte) / .18) 82%, rgb(var(--tinte) / .38) 100%)}}.heft-kopf{border-bottom:1px solid rgb(var(--tinte) / .16);color:rgb(var(--tinte) / .72);justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.25rem;padding-bottom:.55rem;display:flex}.heft-karten{align-items:stretch;gap:1.75rem;display:grid}@media (min-width:640px){.heft-karten{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem}}@media (min-width:1024px){.heft-karten{flex:1;gap:clamp(1rem,1.6vw,1.6rem)}}.heft-klammern{inset-block:0;z-index:2;pointer-events:none;width:4px;position:absolute;left:7px}.heft-klammern>span{background:linear-gradient(90deg, rgb(var(--tinte) / .55), rgb(var(--papier) / .95) 45%, rgb(var(--tinte) / .45));width:4px;height:clamp(26px,4.5%,40px);box-shadow:1px 1px 0 rgb(var(--tinte) / .18);position:absolute;left:0}.heft-klammern>span:first-child{top:18%}.heft-klammern>span:last-child{bottom:18%}@media (min-width:1024px){.heft-klammern{left:calc(50% - 2px)}}.heft-ecke{z-index:2;width:3.25rem;height:3.25rem;transition:transform .22s cubic-bezier(.22,.72,.24,1);position:absolute;bottom:0}.heft-ecke:hover,.heft-ecke:focus-visible{transform:scale(1.22)}.heft-ecke>span{position:absolute;inset:0}.heft-ecke-unten{background:color-mix(in oklab, rgb(var(--papier-warm)) 88%, rgb(var(--tinte)))}.heft-ecke-lasche{background:linear-gradient(var(--ecke-richtung), transparent calc(50% - .6px), rgb(var(--tinte) / .3) 50%, transparent calc(50% + .6px)), linear-gradient(var(--ecke-richtung), rgb(var(--papier)) 50%, color-mix(in oklab, rgb(var(--papier-warm)) 84%, rgb(var(--tinte))) 100%)}.heft-ecke-schatten{background:rgb(var(--tinte) / .16)}.heft-ecke-weiter{transform-origin:100% 100%;--ecke-richtung:to top left;right:0}.heft-ecke-weiter .heft-ecke-unten{clip-path:polygon(100% 0,100% 100%,0 100%)}.heft-ecke-weiter .heft-ecke-lasche{clip-path:polygon(0 0,100% 0,0 100%)}.heft-ecke-weiter .heft-ecke-schatten{clip-path:polygon(0 0,100% 0,0 100%);transform:translate(-3px,-2px)}.heft-ecke-zurueck{transform-origin:0 100%;--ecke-richtung:to top right;display:none;left:0}.heft-ecke-zurueck .heft-ecke-unten{clip-path:polygon(0 0,100% 100%,0 100%)}.heft-ecke-zurueck .heft-ecke-lasche{clip-path:polygon(0 0,100% 0,100% 100%)}.heft-ecke-zurueck .heft-ecke-schatten{clip-path:polygon(0 0,100% 0,100% 100%);transform:translate(3px,-2px)}@media (min-width:1024px){.heft-ecke-zurueck{display:block}}