.hk-orders{--hk-green:#186F40;--hk-dark:#123B32;--hk-gold:#D4A72C;--hk-ink:#17352d;color:var(--hk-ink)}
.hk-orders *{box-sizing:border-box}
.hk-orders__filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 34px}
.hk-orders__filters button{border:1px solid rgba(24,111,64,.24);border-radius:999px;background:#fff;color:var(--hk-dark);padding:11px 17px;font:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:.2s ease}
.hk-orders__filters button:hover,.hk-orders__filters button:focus-visible,.hk-orders__filters button.is-active{background:var(--hk-green);border-color:var(--hk-green);color:#fff;transform:translateY(-2px)}
.hk-orders__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;align-items:start;width:100%;max-width:1080px;margin:0 auto}
.hk-order-card{position:relative;isolation:isolate;background:#fff;border-radius:28px;box-shadow:inset 0 0 0 1px rgba(18,59,50,.06),inset 0 -18px 30px rgba(18,59,50,.025),0 12px 28px rgba(18,59,50,.09);overflow:hidden;transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s ease}
.hk-order-card:nth-child(3n+1){transform:rotate(-.45deg)}
.hk-order-card:nth-child(3n+2){transform:translateY(8px) rotate(.35deg)}
.hk-order-card:nth-child(3n+3){transform:rotate(.5deg)}
.hk-order-card:hover,.hk-order-card:focus-within{transform:translateY(-10px) rotate(.35deg) scale(1.012);box-shadow:inset 0 0 0 1px rgba(18,59,50,.08),inset 0 -18px 30px rgba(18,59,50,.03),0 25px 45px rgba(18,59,50,.17)}
.hk-order-card::after{content:"";position:absolute;z-index:0;top:-35%;left:-75%;width:48%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.74),transparent);transform:rotate(18deg);opacity:0;pointer-events:none;transition:left .6s ease,opacity .2s ease}
@media(hover:hover){.hk-order-card:hover::after,.hk-order-card:focus-within::after{left:125%;opacity:.6}}
.hk-order-card[hidden]{display:none!important}
.hk-order-card__image,.hk-order-card__copy{position:relative;z-index:1}
.hk-order-card__image{display:flex;align-items:center;justify-content:center;height:172px;padding:20px;background:#fff;overflow:hidden;cursor:zoom-in}
.hk-order-card__image:focus-visible,.hk-orders__focus-image:focus-visible{outline:3px solid var(--hk-gold);outline-offset:-5px}
.hk-order-card__image img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;border-radius:18px}
.hk-order-card__copy{padding:17px 18px 18px;text-align:center}
.hk-order-card h2{margin:0 0 9px!important;color:var(--hk-dark);font-size:19px!important;line-height:1.2!important;overflow-wrap:anywhere}
.hk-order-card p{margin:0;color:#4d675e;font-size:16px;line-height:1.55}
.hk-order-card__toggle{display:inline-flex;align-items:center;justify-content:center;width:auto;margin-top:16px;padding:10px 18px;border:0;border-radius:999px;background:var(--hk-green);color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.hk-order-card__toggle:hover,.hk-order-card__toggle:focus-visible{background:var(--hk-gold);color:var(--hk-dark)}
.hk-order-card__details{display:none!important}
.hk-order-recipients__row{display:grid;grid-template-columns:66px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid rgba(18,59,50,.1)}
.hk-order-recipients__row strong{color:var(--hk-green)}
.hk-order-recipients__row span{font-size:15px;line-height:1.5}
.hk-orders__focus[hidden]{display:none!important}
.hk-orders__focus{position:relative;display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:34px;margin-top:28px;padding:32px;background:radial-gradient(circle at 25px 25px,#f5dc86 0 2px,#d4a72c 3px,#9e7414 4px,transparent 5px),radial-gradient(circle at calc(100% - 25px) 25px,#f5dc86 0 2px,#d4a72c 3px,#9e7414 4px,transparent 5px),radial-gradient(circle at 25px calc(100% - 25px),#f5dc86 0 2px,#d4a72c 3px,#9e7414 4px,transparent 5px),radial-gradient(circle at calc(100% - 25px) calc(100% - 25px),#f5dc86 0 2px,#d4a72c 3px,#9e7414 4px,transparent 5px),#fff;border-radius:30px;box-shadow:inset 0 0 0 1px rgba(18,59,50,.06),0 20px 48px rgba(7,35,27,.15);animation:hkOrderFocusIn .32s ease both}
.hk-orders__focus-close{position:absolute;z-index:3;top:30px;right:30px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:var(--hk-gold);color:var(--hk-dark);font:700 27px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 8px 20px rgba(18,59,50,.18);transition:.2s ease}
.hk-orders__focus-close:hover,.hk-orders__focus-close:focus-visible{background:var(--hk-gold);color:var(--hk-dark);filter:brightness(1.08);transform:rotate(6deg) scale(1.04)}
.hk-orders__focus-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:26px;border-radius:24px;background:#f5f7f5;text-align:center}
.hk-orders__focus-image{display:flex;align-items:center;justify-content:center;width:100%;height:330px;margin-bottom:20px;overflow:hidden;cursor:zoom-in}
.hk-orders__focus-image img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;border-radius:20px}
.hk-orders__focus-title{margin:0 0 10px!important;color:var(--hk-dark);font-size:30px!important;line-height:1.15!important}
.hk-orders__focus-description{margin:0;color:#4d675e;font-size:16px;line-height:1.55}
.hk-orders__focus-content{min-width:0;padding:28px 34px 18px 8px}
.hk-orders__focus-kicker{display:block;margin-bottom:12px;color:var(--hk-gold);font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.hk-orders__focus-content h3{margin:0 52px 22px 0!important;color:var(--hk-dark);font-size:30px!important;line-height:1.18!important}
.hk-orders__focus .hk-order-recipients__row{grid-template-columns:82px minmax(0,1fr);gap:16px;align-items:start;padding:13px 0}
.hk-orders__focus .hk-order-recipients__row strong{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:5px 11px;border-radius:999px;background:var(--hk-gold);color:var(--hk-dark);font-size:14px;font-weight:900}
.hk-orders__focus .hk-order-recipients__row span{padding-top:5px;color:var(--hk-dark);font-size:16px;line-height:1.5}
.hk-orders.is-detail-view .hk-orders__grid{gap:12px}
.hk-orders.is-detail-view .hk-order-card{transform:none!important;border:2px solid transparent;border-radius:20px;box-shadow:0 7px 18px rgba(7,35,27,.09);cursor:pointer}
.hk-orders.is-detail-view .hk-order-card.is-selected{border-color:var(--hk-gold);box-shadow:0 9px 22px rgba(212,167,44,.2)}
.hk-orders.is-detail-view .hk-order-card__image{height:92px;padding:12px}
.hk-orders.is-detail-view .hk-order-card__copy{padding:12px 14px 14px}
.hk-orders.is-detail-view .hk-order-card h2{margin-bottom:0!important;font-size:15px!important;line-height:1.2!important}
.hk-orders.is-detail-view .hk-order-card__copy>p{display:none}
.hk-orders.is-detail-view .hk-order-card__toggle{margin-top:10px;padding:8px 10px;font-size:12px}
.hk-orders.is-detail-view .hk-order-card__toggle span{font-size:16px}
@keyframes hkOrderFocusIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.hk-orders--teaser{margin-top:10px}
.hk-orders__teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hk-orders--teaser .hk-order-card__image{height:170px;padding:18px 24px}
.hk-orders--teaser .hk-order-card__copy{padding:18px 20px 20px}
.hk-orders--teaser .hk-order-card h2{font-size:20px!important}
.hk-orders__cta{display:flex;justify-content:flex-end;margin-top:24px}
.hk-orders--verein-teaser{max-width:920px;margin-right:auto;margin-left:auto}
.hk-orders--verein-teaser .hk-orders__teaser-grid{gap:45px}
.hk-orders--verein-teaser .hk-order-card__image{height:205px;padding:14px 20px}
.hk-orders--verein-teaser .hk-order-card__copy{padding:14px 16px 16px}
.hk-orders--verein-teaser .hk-order-card h2{margin-bottom:4px!important;font-size:18px!important}
.hk-orders--verein-teaser .hk-order-card__subtitle{font-size:14px;line-height:1.35}
.hk-orders--verein-teaser .hk-orders__cta{justify-content:center;margin-top:20px}
.hk-orders__cta a{display:inline-block;padding:14px 23px;border-radius:999px;background:var(--hk-green);color:#fff!important;text-decoration:none;font-weight:800;box-shadow:0 10px 24px rgba(18,59,50,.16);transition:.2s ease}
.hk-orders__cta a:hover,.hk-orders__cta a:focus-visible{background:var(--hk-gold);color:var(--hk-dark)!important;transform:translateY(-2px)}
.hk-order-lightbox[hidden]{display:none!important}
.hk-order-lightbox{--hk-dark:#123B32;--hk-gold:#D4A72C;position:fixed;z-index:999999;inset:0;display:grid;place-items:center;padding:34px;background:rgba(7,35,27,.88);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.hk-order-lightbox figure{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(920px,92vw);height:min(820px,88vh);margin:0;padding:24px;background:#fff;border-radius:28px;box-shadow:0 24px 70px rgba(0,0,0,.32)}
.hk-order-lightbox img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:calc(100% - 42px)!important;object-fit:contain!important;border-radius:20px}
.hk-order-lightbox figcaption{margin-top:14px;color:var(--hk-dark);font-size:16px;font-weight:800;text-align:center}
.hk-order-lightbox__close{position:fixed;z-index:2;top:24px;right:24px;display:grid;place-items:center;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:var(--hk-gold);color:var(--hk-dark);font:700 30px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.28);transition:.2s ease}
.hk-order-lightbox__close:hover,.hk-order-lightbox__close:focus-visible{filter:brightness(1.08);transform:rotate(6deg) scale(1.05)}
.hk-order-lightbox-open{overflow:hidden}
.hk-karneval.hk-hero .hk-logo-image img{width:310px!important;height:310px!important;padding:0!important;background:transparent!important;object-fit:contain!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
@media(max-width:1100px){.hk-orders__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.hk-orders__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hk-orders.is-detail-view .hk-orders__grid{display:flex;overflow-x:auto;padding:4px 3px 14px;scroll-snap-type:x mandatory}.hk-orders.is-detail-view .hk-order-card{flex:0 0 180px;scroll-snap-align:start}.hk-orders__focus{grid-template-columns:1fr;gap:18px}.hk-orders__focus-image{height:280px}.hk-orders__focus-content{padding:12px 8px 12px}.hk-orders__teaser-grid{grid-template-columns:repeat(3,minmax(190px,1fr));overflow-x:auto;padding:8px 4px 22px;scroll-snap-type:x mandatory}.hk-orders--teaser .hk-order-card{scroll-snap-align:start}}
@media(max-width:640px){.hk-orders__grid{grid-template-columns:1fr}.hk-order-card:nth-child(n){transform:none}.hk-order-card__image{height:190px;padding:20px}.hk-orders__focus{padding:20px;border-radius:24px}.hk-orders__focus-image{height:230px}.hk-orders__focus-title{font-size:25px!important}.hk-orders__focus-content h3{font-size:25px!important}.hk-orders__focus .hk-order-recipients__row{grid-template-columns:72px minmax(0,1fr);gap:11px}.hk-orders__teaser-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(235px,76vw)}.hk-orders__cta{justify-content:flex-start}.hk-order-lightbox{padding:18px}.hk-order-lightbox figure{width:94vw;height:82vh;padding:16px;border-radius:22px}.hk-order-lightbox__close{top:14px;right:14px}}
@media(max-width:680px){.hk-karneval.hk-hero .hk-logo-image img{width:220px!important;height:220px!important}}
@media(prefers-reduced-motion:reduce){.hk-order-card,.hk-orders__filters button,.hk-orders__cta a{transition:none!important;transform:none!important}}