.ah-hero-collage{--ah-tinte: #161616;--ah-text: #3a4143;--ah-tiefrot: #ac2d1c;--ah-flaeche: #f5f5f5;--ah-breite: 1280px;--ah-rand: 20px;color:var(--ah-tinte)}@media screen and (min-width:741px){.ah-hero-collage{--ah-rand: 40px}}.ah-hero-collage__inhalt{display:grid;max-width:var(--ah-breite);margin-inline:auto}.ah-hero-collage__raster{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(3,1fr);grid-template-areas:"haupt buch buch" "haupt buch buch" "haupt teller schoko";gap:4px;height:min(88vw,640px)}.ah-hero-collage__flaeche{position:relative;display:block;overflow:hidden;background:var(--ah-flaeche)}.ah-hero-collage__flaeche--haupt{grid-area:haupt}.ah-hero-collage__flaeche--buch{grid-area:buch}.ah-hero-collage__flaeche--teller{grid-area:teller}.ah-hero-collage__flaeche--schoko{grid-area:schoko}.ah-hero-collage__flaeche--schmuck{display:none}.ah-hero-collage__bild,.ah-hero-collage__platzhalter{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--fx, 50%) var(--fy, 50%);transform-origin:var(--fx, 50%) var(--fy, 50%);scale:var(--zoom-m, 1);transition:transform .35s ease}a.ah-hero-collage__flaeche:hover .ah-hero-collage__bild{transform:scale(1.03)}.ah-hero-collage__text{padding:18px var(--ah-rand) 2px}.ah-hero-collage__titel{margin:0 0 8px;font-family:Classica Pro,Georgia,serif;font-weight:400;font-size:31px;line-height:1.08;letter-spacing:-.005em;text-transform:none;text-wrap:balance;color:var(--ah-tinte)}.ah-hero-collage__unterzeile{margin:0 0 14px;font-family:var(--text-font-family);font-size:15px;line-height:1.45;letter-spacing:normal;color:var(--ah-text)}.ah-hero-collage__aktionen{display:flex;align-items:center;gap:20px}.ah-hero-collage__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;background:var(--ah-tiefrot);color:#fff;font-family:var(--text-font-family);font-weight:600;font-size:15px;line-height:1;letter-spacing:.01em;text-decoration:none;white-space:nowrap}.ah-hero-collage__button:hover{background:#911f10;color:#fff}.ah-hero-collage__link{display:none;font-family:var(--text-font-family);font-weight:600;font-size:15px;line-height:1.2;letter-spacing:normal;color:var(--ah-tinte);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;white-space:nowrap}.ah-hero-collage__link:after{content:" \2192"}.ah-hero-collage a:focus-visible{outline:2px solid #12292d;outline-offset:3px}.ah-hero-collage--weihnachten{--ah-tinte: #f7f0df;--ah-text: #e6dfcb;--ah-flaeche: #0e2236;--ah-drift-x: 0px;background:#0e2236;color:#f7f0df}.ah-hero-collage--weihnachten .ah-hero-collage__raster{background:#1b3951}.ah-hero-collage--weihnachten .ah-hero-collage__text{background:#0e2236}.ah-hero-collage--weihnachten .ah-hero-collage__raster{grid-template-columns:2fr 1fr;grid-template-rows:repeat(3,1fr);grid-template-areas:"haupt buch" "haupt teller" "haupt schoko"}.ah-hero-collage--weihnachten .ah-hero-collage__titel{color:#f7f0df}.ah-hero-collage--weihnachten .ah-hero-collage__unterzeile{color:#e6dfcb}.ah-hero-collage--weihnachten .ah-hero-collage__text{padding:18px 20px 24px}.ah-hero-collage--weihnachten .ah-hero-collage__button{width:100%;background:#f7f0df;color:#0e2236}.ah-hero-collage--weihnachten .ah-hero-collage__button:hover{background:#e2c486;color:#0e2236}.ah-hero-collage--weihnachten .ah-hero-collage__button--gift:hover{background:#f7f0df;color:#0e2236}.ah-hero-collage--weihnachten a:focus-visible{outline:3px solid #e2c486}.ah-hero-collage__button--gift{position:relative;isolation:isolate;overflow:visible}.ah-hero-collage__button-label{position:relative;z-index:3}.ah-hero-gift{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;z-index:2;overflow:visible;pointer-events:none}.ah-hero-gift__outline,.ah-hero-gift__bow{position:absolute;overflow:visible;stroke-linejoin:round}.ah-hero-gift__outline{top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;fill:none;stroke:#c49a52;stroke-width:3;stroke-linecap:butt}.ah-hero-gift__outline path{stroke-dasharray:100;stroke-dashoffset:100}.ah-hero-gift__bow{width:52px;height:28px;left:50%;top:-17px;opacity:0;fill:none;stroke:#e2c486;stroke-width:3;stroke-linecap:round;transform:translate(-50%) scale(.72);transform-origin:50% 65%}.ah-hero-gift__knot{position:absolute;width:7px;height:7px;left:50%;top:-8px;border-radius:2px;background:#e2c486;opacity:0;transform:translate(-50%,-50%) scale(.75)}.ah-hero-collage__button--gift.is-gift-active .ah-hero-gift__outline,.ah-hero-collage__button--gift:focus-visible .ah-hero-gift__outline{opacity:1}.ah-hero-collage__button--gift.is-gift-active .ah-hero-gift__outline path,.ah-hero-collage__button--gift:focus-visible .ah-hero-gift__outline path{animation:ah-hero-gift-trace .52s cubic-bezier(.65,0,.35,1) forwards}.ah-hero-collage__button--gift.is-gift-active .ah-hero-gift__bow,.ah-hero-collage__button--gift:focus-visible .ah-hero-gift__bow{animation:ah-hero-gift-bow .28s .43s cubic-bezier(.22,1,.36,1) forwards}.ah-hero-collage__button--gift.is-gift-active .ah-hero-gift__knot,.ah-hero-collage__button--gift:focus-visible .ah-hero-gift__knot{animation:ah-hero-gift-knot .16s .42s cubic-bezier(.22,1,.36,1) forwards}@media(hover:hover)and (pointer:fine){.ah-hero-collage__button--gift:hover .ah-hero-gift__outline{opacity:1}.ah-hero-collage__button--gift:hover .ah-hero-gift__outline path{animation:ah-hero-gift-trace .52s cubic-bezier(.65,0,.35,1) forwards}.ah-hero-collage__button--gift:hover .ah-hero-gift__bow{animation:ah-hero-gift-bow .28s .43s cubic-bezier(.22,1,.36,1) forwards}.ah-hero-collage__button--gift:hover .ah-hero-gift__knot{animation:ah-hero-gift-knot .16s .42s cubic-bezier(.22,1,.36,1) forwards}}@media(hover:none),(pointer:coarse){.ah-hero-collage__button--gift.is-gift-active .ah-hero-gift__outline path{animation-duration:.22s}.ah-hero-collage__button--gift.is-gift-active .ah-hero-gift__bow{animation-duration:.15s;animation-delay:.18s}.ah-hero-collage__button--gift.is-gift-active .ah-hero-gift__knot{animation-duration:.11s;animation-delay:175ms}}@keyframes ah-hero-gift-trace{to{stroke-dashoffset:0}}@keyframes ah-hero-gift-bow{to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes ah-hero-gift-knot{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ah-hero-collage--weihnachten .ah-hero-collage__flaeche--haupt .ah-hero-collage__bild{animation:ah-hero-weihnachten-drift 14s cubic-bezier(.33,0,.2,1) 0s 1 both}.ah-hero-collage--weihnachten .ah-hero-collage__flaeche:not(.ah-hero-collage__flaeche--haupt){animation:ah-hero-weihnachten-reveal .6s cubic-bezier(.2,.7,.2,1) 0s 1 both}.ah-hero-collage--weihnachten .ah-hero-collage__flaeche--buch{animation-delay:.12s}.ah-hero-collage--weihnachten .ah-hero-collage__flaeche--teller{animation-delay:.21s}.ah-hero-collage--weihnachten .ah-hero-collage__flaeche--schoko{animation-delay:.3s}.ah-hero-collage--weihnachten .ah-hero-collage__flaeche--schmuck{animation-delay:.39s}.ah-hero-collage--weihnachten.ah-hero-collage--editor .ah-hero-collage__bild{animation:none;transition:none;transform:none}.ah-hero-collage--weihnachten.ah-hero-collage--editor .ah-hero-collage__flaeche{animation:none}.ah-hero-collage--weihnachten.ah-hero-collage--editor a.ah-hero-collage__flaeche:hover .ah-hero-collage__bild{transform:none}@keyframes ah-hero-weihnachten-drift{0%{scale:calc(var(--zoom-m, 1) * 1.05);transform:translate(var(--ah-drift-x))}to{scale:var(--zoom-m, 1);transform:translate(0)}}@keyframes ah-hero-weihnachten-reveal{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media screen and (max-width:380px){.ah-hero-collage__aktionen{gap:14px}.ah-hero-collage__button{font-size:14px;padding:0 16px}}@media screen and (min-width:1000px){.ah-hero-collage__inhalt{grid-template-columns:384px 1fr;align-items:center;column-gap:44px;padding:28px var(--ah-rand) 0}.ah-hero-collage__text{order:1;padding:0}.ah-hero-collage__raster{order:2;height:auto;aspect-ratio:932 / 520;min-height:420px;gap:10px;grid-template-columns:repeat(12,1fr);grid-template-rows:2fr 1fr 2fr;grid-template-areas:none}.ah-hero-collage__flaeche--haupt{grid-area:auto;grid-column:1 / span 5;grid-row:1 / 4}.ah-hero-collage__flaeche--buch{grid-area:auto;grid-column:6 / span 4;grid-row:1 / 3}.ah-hero-collage__flaeche--teller{grid-area:auto;grid-column:6 / span 4;grid-row:3}.ah-hero-collage__flaeche--schmuck{display:block;grid-column:10 / span 3;grid-row:1}.ah-hero-collage__flaeche--schoko{grid-area:auto;grid-column:10 / span 3;grid-row:2 / 4}.ah-hero-collage__bild,.ah-hero-collage__platzhalter{scale:var(--zoom, 1)}.ah-hero-collage__titel{font-size:54px;line-height:1.02;margin-bottom:16px}.ah-hero-collage__unterzeile{font-size:18px;margin-bottom:26px}.ah-hero-collage__button{padding:0 24px}.ah-hero-collage__link{display:inline}.ah-hero-collage--weihnachten{--ah-drift-x: -8px}.ah-hero-collage--weihnachten .ah-hero-collage__inhalt{padding-bottom:28px}.ah-hero-collage--weihnachten .ah-hero-collage__raster{grid-template-columns:repeat(12,1fr);grid-template-areas:none}.ah-hero-collage--weihnachten .ah-hero-collage__flaeche--haupt{grid-column:1 / span 6;grid-row:1 / 4}.ah-hero-collage--weihnachten .ah-hero-collage__flaeche--buch{grid-column:7 / span 3;grid-row:1 / 3}.ah-hero-collage--weihnachten .ah-hero-collage__flaeche--teller{grid-column:7 / span 3;grid-row:3}.ah-hero-collage--weihnachten .ah-hero-collage__flaeche--schmuck{grid-column:10 / span 3;grid-row:1}.ah-hero-collage--weihnachten .ah-hero-collage__flaeche--schoko{grid-column:10 / span 3;grid-row:2 / 4}.ah-hero-collage--weihnachten .ah-hero-collage__button{width:auto}.ah-hero-collage--weihnachten .ah-hero-collage__flaeche--haupt .ah-hero-collage__bild{animation-name:ah-hero-weihnachten-drift-desktop}}@keyframes ah-hero-weihnachten-drift-desktop{0%{scale:calc(var(--zoom, 1) * 1.06);transform:translate(var(--ah-drift-x))}to{scale:var(--zoom, 1);transform:translate(0)}}@media(prefers-reduced-motion:reduce){.ah-hero-gift{display:none}.ah-hero-collage__bild,.ah-hero-collage__flaeche{animation:none;transition:none;transform:none}a.ah-hero-collage__flaeche:hover .ah-hero-collage__bild{transform:none}.ah-hero-collage--weihnachten .ah-hero-collage__bild,.ah-hero-collage--weihnachten .ah-hero-collage__flaeche,.ah-hero-collage--weihnachten .ah-hero-collage__flaeche--haupt .ah-hero-collage__bild{animation:none;transition:none;transform:none}.ah-hero-collage--weihnachten .ah-hero-collage__flaeche:not(.ah-hero-collage__flaeche--haupt){animation:none;transition:none;transform:none}.ah-hero-collage--weihnachten a.ah-hero-collage__flaeche:hover .ah-hero-collage__bild{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/159/assets/ah-hero-collage.css.map */