#shop-katalog {font:inherit;color:#17181a;line-height:1.5;}
#shop-katalog *,#shop-katalog *::before,#shop-katalog *::after {box-sizing:border-box;border:0 solid #e5e7eb;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;}
#shop-katalog h1,#shop-katalog h2,#shop-katalog h3,#shop-katalog p {margin:0;font-size:inherit;line-height:inherit;letter-spacing:normal;}
#shop-katalog button,#shop-katalog input {font:inherit;}
#shop-katalog button {cursor:pointer;background:transparent;}
#shop-katalog a {color:inherit;text-decoration:none;}
#shop-katalog img {display:block;max-width:100%;}
#shop-katalog .pointer-events-none {pointer-events:none;}
#shop-katalog .fixed {position:fixed;}
#shop-katalog .absolute {position:absolute;}
#shop-katalog .relative {position:relative;}
#shop-katalog .inset-0 {inset:0px;}
#shop-katalog .-left-3 {left:-0.75rem;}
#shop-katalog .-right-3 {right:-0.75rem;}
#shop-katalog .bottom-2 {bottom:0.5rem;}
#shop-katalog .bottom-24 {bottom:6rem;}
#shop-katalog .bottom-3 {bottom:0.75rem;}
#shop-katalog .bottom-6 {bottom:1.5rem;}
#shop-katalog .left-1\/2 {left:50%;}
#shop-katalog .left-3 {left:0.75rem;}
#shop-katalog .right-2 {right:0.5rem;}
#shop-katalog .right-3 {right:0.75rem;}
#shop-katalog .top-1\/2 {top:50%;}
#shop-katalog .top-3 {top:0.75rem;}
#shop-katalog .top-4 {top:1rem;}
#shop-katalog .z-10 {z-index:10;}
#shop-katalog .z-30 {z-index:30;}
#shop-katalog .z-40 {z-index:40;}
#shop-katalog .z-50 {z-index:50;}
#shop-katalog .z-\[1200\] {z-index:1200;}
#shop-katalog .-mx-2 {margin-left:-0.5rem;margin-right:-0.5rem;}
#shop-katalog .mx-auto {margin-left:auto;margin-right:auto;}
#shop-katalog .mb-0\.5 {margin-bottom:0.125rem;}
#shop-katalog .mb-1 {margin-bottom:0.25rem;}
#shop-katalog .mb-2 {margin-bottom:0.5rem;}
#shop-katalog .mb-3 {margin-bottom:0.75rem;}
#shop-katalog .mb-4 {margin-bottom:1rem;}
#shop-katalog .mb-5 {margin-bottom:1.25rem;}
#shop-katalog .ml-1 {margin-left:0.25rem;}
#shop-katalog .ml-2 {margin-left:0.5rem;}
#shop-katalog .mt-0\.5 {margin-top:0.125rem;}
#shop-katalog .mt-1 {margin-top:0.25rem;}
#shop-katalog .mt-2 {margin-top:0.5rem;}
#shop-katalog .mt-4 {margin-top:1rem;}
#shop-katalog .line-clamp-2 {overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#shop-katalog .block {display:block;}
#shop-katalog .flex {display:flex;}
#shop-katalog .inline-flex {display:inline-flex;}
#shop-katalog .grid {display:grid;}
#shop-katalog .hidden {display:none;}
#shop-katalog .aspect-\[3\/4\] {aspect-ratio:3/4;}
#shop-katalog .h-16 {height:4rem;}
#shop-katalog .h-20 {height:5rem;}
#shop-katalog .h-4 {height:1rem;}
#shop-katalog .h-5 {height:1.25rem;}
#shop-katalog .h-6 {height:1.5rem;}
#shop-katalog .h-7 {height:1.75rem;}
#shop-katalog .h-8 {height:2rem;}
#shop-katalog .h-9 {height:2.25rem;}
#shop-katalog .h-auto {height:auto;}
#shop-katalog .h-full {height:100%;}
#shop-katalog .max-h-16 {max-height:4rem;}
#shop-katalog .max-h-\[70vh\] {max-height:70vh;}
#shop-katalog .max-h-full {max-height:100%;}
#shop-katalog .min-h-screen {min-height:100vh;}
#shop-katalog .w-16 {width:4rem;}
#shop-katalog .w-20 {width:5rem;}
#shop-katalog .w-4 {width:1rem;}
#shop-katalog .w-40 {width:10rem;}
#shop-katalog .w-5 {width:1.25rem;}
#shop-katalog .w-6 {width:1.5rem;}
#shop-katalog .w-7 {width:1.75rem;}
#shop-katalog .w-9 {width:2.25rem;}
#shop-katalog .w-auto {width:auto;}
#shop-katalog .w-full {width:100%;}
#shop-katalog .min-w-0 {min-width:0px;}
#shop-katalog .min-w-\[64px\] {min-width:64px;}
#shop-katalog .max-w-\[1600px\] {max-width:1600px;}
#shop-katalog .max-w-full {max-width:100%;}
#shop-katalog .max-w-lg {max-width:32rem;}
#shop-katalog .max-w-md {max-width:28rem;}
#shop-katalog .flex-1 {flex:1 1 0%;}
#shop-katalog .flex-shrink-0 {flex-shrink:0;}
#shop-katalog .-translate-x-1\/2 {--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
#shop-katalog .-translate-y-1\/2 {--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
#shop-katalog .transform {transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
@keyframes pulse {
50% {opacity:.5;}}
#shop-katalog .animate-pulse {animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;}
#shop-katalog .cursor-grab {cursor:grab;}
#shop-katalog .select-none {user-select:none;}
#shop-katalog .resize {resize:both;}
#shop-katalog .snap-x {scroll-snap-type:x var(--tw-scroll-snap-strictness);}
#shop-katalog .snap-mandatory {--tw-scroll-snap-strictness:mandatory;}
#shop-katalog .snap-start {scroll-snap-align:start;}
#shop-katalog .grid-cols-2 {grid-template-columns:repeat(2, minmax(0, 1fr));}
#shop-katalog .flex-col {flex-direction:column;}
#shop-katalog .items-start {align-items:flex-start;}
#shop-katalog .items-center {align-items:center;}
#shop-katalog .items-stretch {align-items:stretch;}
#shop-katalog .justify-center {justify-content:center;}
#shop-katalog .justify-between {justify-content:space-between;}
#shop-katalog .gap-1 {gap:0.25rem;}
#shop-katalog .gap-1\.5 {gap:0.375rem;}
#shop-katalog .gap-2 {gap:0.5rem;}
#shop-katalog .gap-3 {gap:0.75rem;}
#shop-katalog .gap-4 {gap:1rem;}
#shop-katalog .gap-6 {gap:1.5rem;}
#shop-katalog :is(.space-y-1 > :not([hidden]) ~ :not([hidden])) {--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse));}
#shop-katalog :is(.space-y-10 > :not([hidden]) ~ :not([hidden])) {--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse));}
#shop-katalog :is(.divide-y > :not([hidden]) ~ :not([hidden])) {--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));}
#shop-katalog .overflow-hidden {overflow:hidden;}
#shop-katalog .overflow-x-auto {overflow-x:auto;}
#shop-katalog .overflow-y-auto {overflow-y:auto;}
#shop-katalog .scroll-smooth {scroll-behavior:smooth;}
#shop-katalog .truncate {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#shop-katalog .rounded {border-radius:0.25rem;}
#shop-katalog .rounded-full {border-radius:9999px;}
#shop-katalog .rounded-lg {border-radius:var(--radius);}
#shop-katalog .rounded-md {border-radius:calc(var(--radius) - 2px);}
#shop-katalog .rounded-xl {border-radius:0.75rem;}
#shop-katalog .border {border-width:1px;}
#shop-katalog .border-b {border-bottom-width:1px;}
#shop-katalog .border-l {border-left-width:1px;}
#shop-katalog .border-r {border-right-width:1px;}
#shop-katalog .border-t {border-top-width:1px;}
#shop-katalog .border-gray-100 {--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));}
#shop-katalog .border-gray-200 {--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));}
#shop-katalog .border-red-200 {--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1));}
#shop-katalog .bg-black\/60 {background-color:rgb(0 0 0 / 0.6);}
#shop-katalog .bg-fliro-100 {--tw-bg-opacity:1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1));}
#shop-katalog .bg-fliro-50 {--tw-bg-opacity:1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1));}
#shop-katalog .bg-gray-100 {--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));}
#shop-katalog .bg-gray-200 {--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));}
#shop-katalog .bg-gray-50 {--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));}
#shop-katalog .bg-gray-900\/90 {background-color:rgb(17 24 39 / 0.9);}
#shop-katalog .bg-red-50 {--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));}
#shop-katalog .bg-white {--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));}
#shop-katalog .bg-white\/95 {background-color:rgb(255 255 255 / 0.95);}
#shop-katalog .bg-gradient-to-br {background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));}
#shop-katalog .from-fliro-50 {--tw-gradient-from:#fff7ed var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 247 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);}
#shop-katalog .to-white {--tw-gradient-to:#fff var(--tw-gradient-to-position);}
#shop-katalog .object-contain {object-fit:contain;}
#shop-katalog .object-cover {object-fit:cover;}
#shop-katalog .p-1 {padding:0.25rem;}
#shop-katalog .p-1\.5 {padding:0.375rem;}
#shop-katalog .p-12 {padding:3rem;}
#shop-katalog .p-2 {padding:0.5rem;}
#shop-katalog .p-2\.5 {padding:0.625rem;}
#shop-katalog .p-3 {padding:0.75rem;}
#shop-katalog .p-4 {padding:1rem;}
#shop-katalog .p-8 {padding:2rem;}
#shop-katalog .px-1 {padding-left:0.25rem;padding-right:0.25rem;}
#shop-katalog .px-2 {padding-left:0.5rem;padding-right:0.5rem;}
#shop-katalog .px-2\.5 {padding-left:0.625rem;padding-right:0.625rem;}
#shop-katalog .px-3 {padding-left:0.75rem;padding-right:0.75rem;}
#shop-katalog .px-4 {padding-left:1rem;padding-right:1rem;}
#shop-katalog .py-0\.5 {padding-top:0.125rem;padding-bottom:0.125rem;}
#shop-katalog .py-1\.5 {padding-top:0.375rem;padding-bottom:0.375rem;}
#shop-katalog .py-2 {padding-top:0.5rem;padding-bottom:0.5rem;}
#shop-katalog .py-2\.5 {padding-top:0.625rem;padding-bottom:0.625rem;}
#shop-katalog .py-4 {padding-top:1rem;padding-bottom:1rem;}
#shop-katalog .py-6 {padding-top:1.5rem;padding-bottom:1.5rem;}
#shop-katalog .pb-2 {padding-bottom:0.5rem;}
#shop-katalog .pl-9 {padding-left:2.25rem;}
#shop-katalog .pr-4 {padding-right:1rem;}
#shop-katalog .pt-16 {padding-top:4rem;}
#shop-katalog .text-left {text-align:left;}
#shop-katalog .text-center {text-align:center;}
#shop-katalog .font-mono {font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}
#shop-katalog .text-2xl {font-size:1.5rem;line-height:2rem;}
#shop-katalog .text-\[10px\] {font-size:10px;}
#shop-katalog .text-\[11px\] {font-size:11px;}
#shop-katalog .text-\[9px\] {font-size:9px;}
#shop-katalog .text-base {font-size:1rem;line-height:1.5rem;}
#shop-katalog .text-sm {font-size:0.875rem;line-height:1.25rem;}
#shop-katalog .text-xl {font-size:1.25rem;line-height:1.75rem;}
#shop-katalog .text-xs {font-size:0.75rem;line-height:1rem;}
#shop-katalog .font-medium {font-weight:500;}
#shop-katalog .font-semibold {font-weight:600;}
#shop-katalog .uppercase {text-transform:uppercase;}
#shop-katalog .tabular-nums {--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);}
#shop-katalog .leading-tight {line-height:1.25;}
#shop-katalog .tracking-wide {letter-spacing:0.025em;}
#shop-katalog .tracking-wider {letter-spacing:0.05em;}
#shop-katalog .text-fliro-600 {--tw-text-opacity:1;color:rgb(234 88 12 / var(--tw-text-opacity, 1));}
#shop-katalog .text-fliro-700 {--tw-text-opacity:1;color:rgb(194 65 12 / var(--tw-text-opacity, 1));}
#shop-katalog .text-fliro-800 {--tw-text-opacity:1;color:rgb(154 52 18 / var(--tw-text-opacity, 1));}
#shop-katalog .text-gray-300 {--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1));}
#shop-katalog .text-gray-400 {--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));}
#shop-katalog .text-gray-500 {--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));}
#shop-katalog .text-gray-600 {--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1));}
#shop-katalog .text-gray-700 {--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));}
#shop-katalog .text-gray-800 {--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1));}
#shop-katalog .text-gray-900 {--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));}
#shop-katalog .text-red-700 {--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1));}
#shop-katalog .text-white {--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));}
#shop-katalog .shadow-2xl {--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
#shop-katalog .shadow-\[-2px_0_8px_rgba\(0\2c 0\2c 0\2c 0\.04\)\] {--tw-shadow:-2px 0 8px rgba(0,0,0,0.04);--tw-shadow-colored:-2px 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
#shop-katalog .shadow-\[0_-2px_8px_rgba\(0\2c 0\2c 0\2c 0\.04\)\] {--tw-shadow:0 -2px 8px rgba(0,0,0,0.04);--tw-shadow-colored:0 -2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
#shop-katalog .shadow-\[2px_0_8px_rgba\(0\2c 0\2c 0\2c 0\.04\)\] {--tw-shadow:2px 0 8px rgba(0,0,0,0.04);--tw-shadow-colored:2px 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
#shop-katalog .shadow-lg {--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
#shop-katalog .shadow-md {--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
#shop-katalog .shadow-sm {--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
#shop-katalog .outline-none {outline:2px solid transparent;outline-offset:2px;}
#shop-katalog .filter {filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
#shop-katalog .backdrop-blur {--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);}
#shop-katalog .transition {transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
#shop-katalog .transition-all {transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
#shop-katalog .transition-colors {transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
#shop-katalog .transition-shadow {transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
#shop-katalog .transition-transform {transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
#shop-katalog .duration-300 {transition-duration:300ms;}
#shop-katalog .ease-out {transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}
@keyframes enter {
from {opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));}}
@keyframes exit {
to {opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));}}
#shop-katalog .animate-in {animation-name:enter;animation-duration:150ms;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;}
#shop-katalog .fade-in {--tw-enter-opacity:0;}
#shop-katalog .slide-in-from-top-2 {--tw-enter-translate-y:-0.5rem;}
#shop-katalog .duration-300 {animation-duration:300ms;}
#shop-katalog .ease-out {animation-timing-function:cubic-bezier(0, 0, 0.2, 1);}
#shop-katalog button:focus-visible,#shop-katalog a:focus-visible,#shop-katalog input:focus-visible {outline:3px solid #ea580c;outline-offset:3px;}

#shop-katalog ul{list-style:none;margin:0;padding:0;}
#shop-katalog button:disabled{cursor:default;}

/* PageFlip geometry must be external: live CSP rejects injected style elements. */
#shop-katalog .stf__parent {
  position: relative;
  display: block;
  box-sizing: border-box;
  transform: translateZ(0);

  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

#shop-katalog .stf__wrapper {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

#shop-katalog .stf__parent canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

#shop-katalog .stf__block {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  perspective: 2000px;
}

#shop-katalog .stf__item {
  display: none;
  position: absolute;
  transform-style: preserve-3d;
}

#shop-katalog .stf__outerShadow {
  position: absolute;
  left: 0;
  top: 0;
}

#shop-katalog .stf__innerShadow {
  position: absolute;
  left: 0;
  top: 0;
}

#shop-katalog .stf__hardShadow {
  position: absolute;
  left: 0;
  top: 0;
}

#shop-katalog .stf__hardInnerShadow {
  position: absolute;
  left: 0;
  top: 0;
}

#shop-katalog .hover\:border-red-600:hover {--tw-border-opacity:1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));}

#shop-katalog .hover\:bg-fliro-600:hover {--tw-bg-opacity:1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1));}

#shop-katalog .hover\:bg-gray-100:hover {--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));}

#shop-katalog .hover\:bg-gray-50:hover {--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));}

#shop-katalog .hover\:bg-red-600:hover {--tw-bg-opacity:1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1));}

#shop-katalog .hover\:text-fliro-600:hover {--tw-text-opacity:1;color:rgb(234 88 12 / var(--tw-text-opacity, 1));}

#shop-katalog .hover\:text-fliro-800:hover {--tw-text-opacity:1;color:rgb(154 52 18 / var(--tw-text-opacity, 1));}

#shop-katalog .hover\:text-white:hover {--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));}

#shop-katalog .hover\:underline:hover {text-decoration-line:underline;}

#shop-katalog .hover\:shadow-lg:hover {--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}

#shop-katalog .focus\:border-fliro-400:focus {--tw-border-opacity:1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1));}

#shop-katalog .focus\:outline-none:focus {outline:2px solid transparent;outline-offset:2px;}

#shop-katalog .focus\:ring-2:focus {--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);}

#shop-katalog .focus\:ring-fliro-200:focus {--tw-ring-opacity:1;--tw-ring-color:rgb(254 215 170 / var(--tw-ring-opacity, 1));}

#shop-katalog .active\:cursor-grabbing:active {cursor:grabbing;}

#shop-katalog .disabled\:opacity-30:disabled {opacity:0.3;}

#shop-katalog .disabled\:hover\:bg-gray-100:hover:disabled {--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));}

#shop-katalog .disabled\:hover\:text-gray-700:hover:disabled {--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));}

#shop-katalog :is(.group:hover .group-hover\:scale-105) {--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}

#shop-katalog :is(.group:hover .group-hover\:text-fliro-700) {--tw-text-opacity:1;color:rgb(194 65 12 / var(--tw-text-opacity, 1));}

@media (min-width: 640px) {
#shop-katalog .sm\:inline {display:inline;}
#shop-katalog .sm\:flex {display:flex;}
#shop-katalog .sm\:h-28 {height:7rem;}
#shop-katalog .sm\:w-28 {width:7rem;}
#shop-katalog .sm\:w-48 {width:12rem;}
#shop-katalog .sm\:grid-cols-3 {grid-template-columns:repeat(3, minmax(0, 1fr));}
#shop-katalog .sm\:p-5 {padding:1.25rem;}
#shop-katalog .sm\:px-6 {padding-left:1.5rem;padding-right:1.5rem;}
#shop-katalog .sm\:text-2xl {font-size:1.5rem;line-height:2rem;}
#shop-katalog .sm\:text-3xl {font-size:1.875rem;line-height:2.25rem;}}

@media (min-width: 768px) {
#shop-katalog .md\:mt-0 {margin-top:0px;}
#shop-katalog .md\:hidden {display:none;}
#shop-katalog .md\:w-1\/2 {width:50%;}
#shop-katalog .md\:flex-row {flex-direction:row;}
#shop-katalog .md\:items-center {align-items:center;}
#shop-katalog .md\:gap-6 {gap:1.5rem;}}

@media (min-width: 1024px) {
#shop-katalog .lg\:static {position:static;}
#shop-katalog .lg\:block {display:block;}
#shop-katalog .lg\:hidden {display:none;}
#shop-katalog .lg\:h-7 {height:1.75rem;}
#shop-katalog .lg\:w-56 {width:14rem;}
#shop-katalog .lg\:w-7 {width:1.75rem;}
#shop-katalog .lg\:flex-shrink-0 {flex-shrink:0;}
#shop-katalog .lg\:grid-cols-4 {grid-template-columns:repeat(4, minmax(0, 1fr));}
#shop-katalog .lg\:px-12 {padding-left:3rem;padding-right:3rem;}
#shop-katalog .lg\:text-3xl {font-size:1.875rem;line-height:2.25rem;}
#shop-katalog .lg\:text-\[13px\] {font-size:13px;}}

@media (min-width: 1280px) {
#shop-katalog .xl\:grid-cols-5 {grid-template-columns:repeat(5, minmax(0, 1fr));}
#shop-katalog .xl\:px-16 {padding-left:4rem;padding-right:4rem;}}

/* Match the shared shop .wrap width and responsive gutters. Kiosk only. */
#shop-katalog > .bg-gray-50 > .mx-auto {
  width: 100%;
  max-width: var(--wrap, 1220px);
  margin-inline: auto;
  padding-inline: clamp(1rem, 3.5vw, 2rem);
}
