/* Tailwind v3.4.17 (MIT) – nur die im Archiv benutzten Klassen; Grundregeln auf .ba/.bax beschränkt */
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--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;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--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;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
:where(.ba,.bax) *,:where(.ba,.bax) :after,:where(.ba,.bax) :before{box-sizing:border-box;border:0 solid #e5e7eb}:where(.ba,.bax) :after,:where(.ba,.bax) :before{--tw-content:""}:where(.ba,.bax),:where(.ba,.bax){line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}:where(.ba,.bax){margin:0;line-height:inherit}:where(.ba,.bax) hr{height:0;color:inherit;border-top-width:1px}:where(.ba,.bax) abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(.ba,.bax) h1,:where(.ba,.bax) h2,:where(.ba,.bax) h3,:where(.ba,.bax) h4,:where(.ba,.bax) h5,:where(.ba,.bax) h6{font-size:inherit;font-weight:inherit}:where(.ba,.bax) a{color:inherit;text-decoration:inherit}:where(.ba,.bax) b,:where(.ba,.bax) strong{font-weight:bolder}:where(.ba,.bax) code,:where(.ba,.bax) kbd,:where(.ba,.bax) pre,:where(.ba,.bax) samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}:where(.ba,.bax) small{font-size:80%}:where(.ba,.bax) sub,:where(.ba,.bax) sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}:where(.ba,.bax) sub{bottom:-.25em}:where(.ba,.bax) sup{top:-.5em}:where(.ba,.bax) table{text-indent:0;border-color:inherit;border-collapse:collapse}:where(.ba,.bax) button,:where(.ba,.bax) input,:where(.ba,.bax) optgroup,:where(.ba,.bax) select,:where(.ba,.bax) textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}:where(.ba,.bax) button,:where(.ba,.bax) select{text-transform:none}:where(.ba,.bax) button,:where(.ba,.bax) input:where([type=button]),:where(.ba,.bax) input:where([type=reset]),:where(.ba,.bax) input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:where(.ba,.bax) :-moz-focusring{outline:auto}:where(.ba,.bax) :-moz-ui-invalid{box-shadow:none}:where(.ba,.bax) progress{vertical-align:baseline}:where(.ba,.bax) ::-webkit-inner-spin-button,:where(.ba,.bax) ::-webkit-outer-spin-button{height:auto}:where(.ba,.bax) [type=search]{-webkit-appearance:textfield;outline-offset:-2px}:where(.ba,.bax) ::-webkit-search-decoration{-webkit-appearance:none}:where(.ba,.bax) ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(.ba,.bax) summary{display:list-item}:where(.ba,.bax) blockquote,:where(.ba,.bax) dd,:where(.ba,.bax) dl,:where(.ba,.bax) figure,:where(.ba,.bax) h1,:where(.ba,.bax) h2,:where(.ba,.bax) h3,:where(.ba,.bax) h4,:where(.ba,.bax) h5,:where(.ba,.bax) h6,:where(.ba,.bax) hr,:where(.ba,.bax) p,:where(.ba,.bax) pre{margin:0}:where(.ba,.bax) fieldset{margin:0}:where(.ba,.bax) fieldset,:where(.ba,.bax) legend{padding:0}:where(.ba,.bax) menu,:where(.ba,.bax) ol,:where(.ba,.bax) ul{list-style:none;margin:0;padding:0}:where(.ba,.bax) dialog{padding:0}:where(.ba,.bax) textarea{resize:vertical}:where(.ba,.bax) input::-moz-placeholder,:where(.ba,.bax) textarea::-moz-placeholder{opacity:1;color:#9ca3af}:where(.ba,.bax) input::placeholder,:where(.ba,.bax) textarea::placeholder{opacity:1;color:#9ca3af}:where(.ba,.bax) [role=button],:where(.ba,.bax) button{cursor:pointer}:where(.ba,.bax) :disabled{cursor:default}:where(.ba,.bax) audio,:where(.ba,.bax) canvas,:where(.ba,.bax) embed,:where(.ba,.bax) iframe,:where(.ba,.bax) img,:where(.ba,.bax) object,:where(.ba,.bax) svg,:where(.ba,.bax) video{display:block;vertical-align:middle}:where(.ba,.bax) img,:where(.ba,.bax) video{max-width:100%;height:auto}:where(.ba,.bax) [hidden]:where(:not([hidden=until-found])){display:none}
.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-20{bottom:5rem}.left-2{left:.5rem}.left-3\.5{left:.875rem}.right-2{right:.5rem}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-3{top:.75rem}.top-\[65px\]{top:65px}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[1001\]{z-index:1001}.z-\[950\]{z-index:950}.z-\[999\]{z-index:999}.m-auto{margin:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-ml-0\.5{margin-left:-.125rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1\.5{margin-right:.375rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.h-10{height:2.5rem}.h-12{height:3rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[calc\(100vh-65px\)\]{height:calc(100vh - 65px)}.h-full{height:100%}.max-h-48{max-height:12rem}.max-h-\[90vh\]{max-height:90vh}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-\[calc\(100vh-65px\)\]{min-height:calc(100vh - 65px)}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.max-w-full{max-width:100%}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.-translate-y-1\/2{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))}.-translate-y-1\/2{--tw-translate-y:-50%}.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 spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-px{gap:1px}.gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.gap-y-0\.5{row-gap:.125rem}.gap-y-1{row-gap:.25rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-amber-500\/25{border-color:rgba(245,158,11,.25)}.border-amber-500\/30{border-color:rgba(245,158,11,.3)}.border-emerald-400\/40{border-color:rgba(52,211,153,.4)}.border-emerald-500\/30{border-color:rgba(16,185,129,.3)}.border-emerald-500\/70{border-color:rgba(16,185,129,.7)}.border-red-500\/25{border-color:rgba(239,68,68,.25)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-zinc-600{--tw-border-opacity:1;border-color:rgb(82 82 91/var(--tw-border-opacity,1))}.border-zinc-700{--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1))}.border-zinc-700\/50{border-color:rgba(63,63,70,.5)}.border-zinc-800{--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1))}.border-zinc-800\/80{border-color:rgba(39,39,42,.8)}.border-zinc-900{--tw-border-opacity:1;border-color:rgb(24 24 27/var(--tw-border-opacity,1))}.border-t-emerald-400{--tw-border-opacity:1;border-top-color:rgb(52 211 153/var(--tw-border-opacity,1))}.bg-amber-400{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.bg-amber-950\/40{background-color:rgba(69,26,3,.4)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-black\/60{background-color:rgba(0,0,0,.6)}.bg-black\/65{background-color:rgba(0,0,0,.65)}.bg-black\/70{background-color:rgba(0,0,0,.7)}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-black\/90{background-color:rgba(0,0,0,.9)}.bg-black\/95{background-color:rgba(0,0,0,.95)}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-emerald-950\/40{background-color:rgba(2,44,34,.4)}.bg-zinc-700{--tw-bg-opacity:1;background-color:rgb(63 63 70/var(--tw-bg-opacity,1))}.bg-zinc-800{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.bg-zinc-800\/40{background-color:rgba(39,39,42,.4)}.bg-zinc-800\/80{background-color:rgba(39,39,42,.8)}.bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.bg-zinc-900\/30{background-color:rgba(24,24,27,.3)}.bg-zinc-900\/60{background-color:rgba(24,24,27,.6)}.bg-zinc-900\/70{background-color:rgba(24,24,27,.7)}.bg-zinc-900\/95{background-color:rgba(24,24,27,.95)}.bg-zinc-950{--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-zinc-900{--tw-gradient-from:#18181b var(--tw-gradient-from-position);--tw-gradient-to:rgba(24,24,27,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-zinc-900\/60{--tw-gradient-to:rgba(24,24,27,.6) var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pr-1{padding-right:.25rem}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pt-1\.5{padding-top:.375rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-amber-200{--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-pink-400{--tw-text-opacity:1;color:rgb(244 114 182/var(--tw-text-opacity,1))}.text-pink-500{--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-sky-400{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-zinc-100{--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.text-zinc-200{--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.text-zinc-300{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.text-zinc-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-emerald-500{accent-color:#10b981}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(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)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.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)}.backdrop-filter{-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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;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))}.hover\:border-emerald-400:hover{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity,1))}.hover\:border-emerald-500\/50:hover{border-color:rgba(16,185,129,.5)}.hover\:bg-amber-300:hover{--tw-bg-opacity:1;background-color:rgb(252 211 77/var(--tw-bg-opacity,1))}.hover\:bg-emerald-500:hover{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.hover\:bg-emerald-600:hover{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.hover\:bg-zinc-700:hover{--tw-bg-opacity:1;background-color:rgb(63 63 70/var(--tw-bg-opacity,1))}.hover\:bg-zinc-800:hover{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.hover\:bg-zinc-800\/50:hover{background-color:rgba(39,39,42,.5)}.hover\:bg-zinc-800\/80:hover{background-color:rgba(39,39,42,.8)}.hover\:text-emerald-300:hover{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.hover\:text-emerald-400:hover{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.hover\:text-red-400:hover{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-emerald-400:focus{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity,1))}.focus\:border-emerald-500:focus{--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-30:disabled{opacity:.3}.group:hover .group-hover\:bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.group:hover .group-hover\:underline{text-decoration-line:underline}@media (min-width:768px){.md\:bottom-6{bottom:1.5rem}.md\:left-6{left:1.5rem}.md\:right-6{right:1.5rem}.md\:inline{display:inline}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}.md\:h-9{height:2.25rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:gap-2{gap:.5rem}.md\:gap-2\.5{gap:.625rem}.md\:gap-3{gap:.75rem}.md\:self-auto{align-self:auto}.md\:p-3{padding:.75rem}.md\:p-5{padding:1.25rem}.md\:p-6{padding:1.5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:pb-4{padding-bottom:1rem}.md\:pb-6{padding-bottom:1.5rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:inline{display:inline}.lg\:hidden{display:none}.lg\:translate-x-0{--tw-translate-x:0px;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))}.lg\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:1280px){.xl\:flex{display:flex}.xl\:hidden{display:none}}@media (min-width:1536px){.\32xl\:inline{display:inline}}

/* ===== Archivexplorer V 5.0 im Website-Design (hell, gedämpft) ===================================== */
.ba { --g: #0f7f58; --g2: #0b6b4a; --gl: #e6f3ed; --amber: #8a5a00; color: var(--ink); }
.ba-app { min-height: calc(100vh - var(--hdr)); background: var(--bg); }
.ba-side { top: var(--hdr); height: calc(100vh - var(--hdr)); background: var(--surface); border-right: 1px solid var(--line); }
.ba-main { min-width: 0; }
@media (max-width: 1023px) { .ba-side { top: 0; height: 100vh; z-index: 1200; } #sidebar-backdrop { z-index: 1190; } }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* Farb-Umsetzung der Tailwind-Klassen (ursprünglich dunkles Design) */
.ba .bg-zinc-950 { background-color: var(--bg); }
.ba .bg-zinc-900, .ba .bg-zinc-900\/95, .ba .bg-zinc-900\/70, .ba .bg-zinc-900\/60 { background-color: var(--surface); }
.ba .bg-zinc-900\/30 { background-color: rgba(0,0,0,.025); }
.ba .bg-zinc-800, .ba .bg-zinc-800\/40, .ba .bg-zinc-800\/80 { background-color: var(--alt); }
.ba .bg-zinc-700 { background-color: var(--line); }
.ba .hover\:bg-zinc-700:hover, .ba .hover\:bg-zinc-800:hover, .ba .hover\:bg-zinc-800\/50:hover, .ba .hover\:bg-zinc-800\/80:hover { background-color: #e3e1da; }
.ba .border-zinc-600, .ba .border-zinc-700, .ba .border-zinc-700\/50, .ba .border-zinc-800, .ba .border-zinc-800\/80, .ba .border-zinc-900 { border-color: var(--line); }
.ba .text-white:not([class*="bg-"]), .ba .text-zinc-100, .ba .text-zinc-200, .ba .text-zinc-900 { color: var(--ink); }
.ba .hover\:text-white:hover { color: var(--ink); }
.ba .text-zinc-300:not([class*="bg-black"]) { color: var(--ink2); }
.ba .text-zinc-400 { color: var(--muted); }
.ba .text-zinc-500 { color: #7b7870; }
.ba .text-zinc-600 { color: #a29f96; }
.ba .text-emerald-300, .ba .text-emerald-400, .ba .text-emerald-500 { color: var(--g); }
.ba .hover\:text-emerald-300:hover, .ba .hover\:text-emerald-400:hover { color: var(--g2); }
.ba .bg-emerald-600 { background-color: var(--g); }
.ba .hover\:bg-emerald-500:hover, .ba .hover\:bg-emerald-600:hover { background-color: var(--g2); color: #fff; }
.ba .border-emerald-500\/30, .ba .border-emerald-400\/40 { border-color: rgba(15,127,88,.28); }
.ba .border-emerald-500\/70 { border-color: rgba(15,127,88,.6); }
.ba .bg-emerald-950\/40 { background-color: var(--gl); }
.ba .text-amber-200, .ba .text-amber-300:not([class*="bg-black"]), .ba .text-amber-400:not([class*="bg-black"]) { color: var(--amber); }
.ba .bg-amber-950\/40 { background-color: #fff4dc; }
.ba .border-amber-500\/30, .ba .border-amber-500\/25 { border-color: #e7c675; }
.ba .text-red-300, .ba .text-red-400:not([class*="bg-black"]) { color: #c0281f; }
.ba input, .ba textarea { color: var(--ink); }

/* Ladeanzeige */
.ba-loader { position: fixed; inset: 0; background: rgba(244,243,239,.82); backdrop-filter: blur(4px); z-index: 99999; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: opacity .3s ease; }
.win-spinner { width: 96px; height: 96px; border: 8px solid rgba(15,127,88,.16); border-top-color: #0f7f58; border-radius: 50%; animation: ba-spin .9s linear infinite; }
.ba-loader .ld-t, .ba-wait .ld-t { color: #0f7f58; font-weight: 700; letter-spacing: .03em; font-size: 1.05rem; margin-top: 1rem; }
@keyframes ba-spin { to { transform: rotate(360deg); } }
.spinner { animation: ba-spin 1s linear infinite; }

/* Raster und Karten */
.gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
@media (max-width: 640px) { .gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } }
.ba-card { position: relative; display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; overflow: hidden; text-decoration: none; color: var(--ink); transition: border-color .15s, box-shadow .15s, transform .15s; }
.ba-card:hover { border-color: rgba(15,127,88,.5); box-shadow: 0 6px 18px rgba(0,0,0,.08); color: var(--ink); }
.ba-thumb { background: var(--alt); }
.ba-thumb img { transition: transform .35s ease; }
.ba-card:hover .ba-thumb img { transform: scale(1.03); }
.ba-ct { font-size: .86rem; font-weight: 600; line-height: 1.25rem; color: var(--ink); margin: 0; }
.ba-ct-s { font-size: .78rem; font-weight: 500; color: var(--ink2); }
.ba-cf { display: flex; align-items: center; justify-content: space-between; margin-top: .6rem; padding-top: .5rem; border-top: 1px solid var(--line); font-size: .74rem; color: var(--muted); font-variant-numeric: tabular-nums; }
.ba-badge { position: absolute; top: .5rem; right: .5rem; background: rgba(20,20,20,.72); color: #fcd34d; font-size: .72rem; padding: .1rem .5rem; border-radius: 6px; font-weight: 500; }
.ba-badge-v { color: #fca5a5; }
.ba-selbtn { position: absolute; top: .5rem; right: .5rem; z-index: 3; background: rgba(20,20,20,.78); color: #f4f4f5; padding: .25rem .5rem; border-radius: 6px; font-size: .7rem; border: 1px solid rgba(255,255,255,.18); cursor: pointer; transition: background .15s; }
.ba-selbtn:hover { background: #0f7f58; }
.ba-selbtn.bg-emerald-600 { background: #0f7f58; color: #fff; }
.title-two-lines { display: block; min-height: 2.5rem; overflow-wrap: anywhere; }
.vcard { content-visibility: auto; contain-intrinsic-size: auto 260px; }
.ba-empty { text-align: center; color: var(--muted); padding: 4rem 1rem; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; }

/* Kopf mit Pfad, Spruch und Porträt */
.ba-mobbtn { display: inline-flex; align-items: center; gap: .5rem; align-self: flex-start; margin-bottom: .9rem; padding: .55rem .9rem; border-radius: 8px; border: 1px solid var(--line); background: var(--surface); font-weight: 600; font-size: .9rem; cursor: pointer; }
.ba-h1 { font-size: clamp(1.3rem, 2.4vw, 1.9rem); font-weight: 700; letter-spacing: -.02em; line-height: 1.2; margin: 0; color: var(--ink); }
.ba-hero { flex-direction: row !important; align-items: flex-end !important; padding-bottom: 0 !important; gap: .5rem !important; }
.ba-hero > .min-w-0 { padding-bottom: 1rem; flex: 1 1 auto; }
@media (min-width: 768px) { .ba-hero > .min-w-0 { flex: 0 1 auto; max-width: 46%; } }
.ba-heroimgs { display: flex; align-items: flex-end; flex: 0 0 auto; margin-right: -.5rem; margin-bottom: -1px; }
.ba-heroimgs img { display: block; width: auto; max-width: none; object-fit: contain; object-position: bottom; }
.ba-por { height: clamp(96px, 11vw, 150px); }
@font-face { font-family: 'BAHand'; src: url('/static/fonts/caveat.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
.ba-quote { display: none; }
@media (min-width: 768px) { .ba-quote { display: flex; flex: 1 1 0; min-width: 0; align-items: center; justify-content: center; height: clamp(96px, 11vw, 150px); align-self: flex-end; padding: 0 1rem .6rem; overflow: hidden; } }
.ba-quote p { font-family: 'BAHand', 'Segoe Script', 'Bradley Hand', cursive; font-size: 1.65rem; line-height: 1.2; color: #8a7a52; text-align: center; margin: 0; max-width: 46rem; opacity: 0; animation: ba-qin 1.6s ease forwards; text-wrap: balance; }
.ba-quote p.out { animation: ba-qout .9s ease forwards; }
@keyframes ba-qin { from { opacity: 0; transform: translateY(6px); } to { opacity: .95; transform: none; } }
@keyframes ba-qout { from { opacity: .95; } to { opacity: 0; } }

/* Galerie-Beschreibung, Themen */
.ba-adesc { margin: 0 0 1.25rem; padding: .85rem 1rem; border-radius: 10px; border: 1px solid var(--line); background: var(--surface); }
.ba-adesc p { color: var(--ink2); font-size: .92rem; line-height: 1.55; white-space: pre-line; margin: 0; }
.ba-adesc small { display: block; margin-top: .5rem; color: var(--muted); font-size: .74rem; }
.ba-topics { background: var(--surface); }
.ba-topic { background: var(--alt); border: 1px solid var(--line); color: var(--ink); text-decoration: none; }
.ba-topic:hover { background: var(--g); border-color: var(--g); color: #fff; transform: translateY(-1px); }
.ba-rel { margin-top: 2.2rem; }

/* Überschriften der Abschnitte */
.fc-h { font-size: .95rem; font-weight: 800; color: var(--ink); text-transform: uppercase; letter-spacing: .06em; margin: 0 0 .9rem; display: flex; align-items: center; gap: .5rem; }
.fc-h span { color: var(--muted); font-weight: 600; text-transform: none; letter-spacing: 0; font-size: .82rem; }

/* Ordnerkarten */
.fc-grid { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }
.fc-card { position: relative; display: flex; flex-direction: column; margin-top: 14px; text-decoration: none; transition: transform .15s ease; }
.fc-card:hover { transform: translateY(-2px); }
.fc-tab { position: absolute; top: -13px; left: 0; width: 46%; height: 16px; background: #e0a526; border-radius: 9px 9px 0 0; }
.fc-tab::after { content: ""; position: absolute; right: -9px; bottom: 0; width: 18px; height: 16px; background: #e0a526; transform: skewX(35deg); border-radius: 0 6px 0 0; }
.fc-body { position: relative; display: grid; gap: 4px; padding: 8px; aspect-ratio: 16 / 9; background: linear-gradient(180deg, #f2c14e, #e0a526); border-radius: 0 12px 0 0; box-shadow: 0 6px 14px rgba(0,0,0,.14); overflow: hidden; grid-template-rows: minmax(0, 1fr); }
.fc-body img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; background: #d9d6ce; min-height: 0; }
.fc-n1 { grid-template-columns: 1fr; } .fc-n2 { grid-template-columns: 1fr 1fr; }
.fc-n3, .fc-n4 { grid-template-columns: 1fr 1fr; grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); }
.fc-n3 img:first-child { grid-row: span 2; }
.fc-n0 { place-items: center; font-size: 3rem; }
.fc-info { display: block; height: 100%; background: var(--surface); border: 1px solid var(--line); border-top: 0; border-radius: 0 0 12px 12px; padding: 9px 11px 10px; }
.fc-info strong { display: block; font-size: .86rem; line-height: 1.25rem; color: var(--ink); font-weight: 700; min-height: 2.5rem; overflow-wrap: anywhere; }
.fc-info em { display: block; font-style: normal; font-size: .72rem; color: var(--muted); margin-top: 2px; }
.fc-info b { display: block; margin-top: 6px; font-size: .74rem; color: var(--g); font-weight: 600; }
.fc-card:hover .fc-info { border-color: #e0a526; }
.fc-chip { display: inline-flex; align-items: center; gap: .4rem; margin-bottom: 1rem; padding: .35rem .8rem; border-radius: 9999px; background: #fff4dc; border: 1px solid #e7c675; color: var(--amber); font-size: .78rem; font-weight: 700; text-decoration: none; }

/* Galerie-Info beim Darüberfahren */
.ba-tip { position: absolute; inset: 0; z-index: 2; padding: .55rem .7rem; background: rgba(20,20,20,.9); color: #f4f4f5; font-size: .72rem; line-height: 1.4; opacity: 0; pointer-events: none; transition: opacity .18s ease; overflow: hidden; }
.ba-tip b { display: block; color: #fcd34d; font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; margin-bottom: .25rem; }
.ba-tip i { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden; font-style: normal; white-space: pre-line; }
.group:hover .ba-tip, .group:focus-visible .ba-tip, .group.tip-on .ba-tip { opacity: 1; }
.ba-info { display: none; position: absolute; left: .5rem; bottom: .5rem; z-index: 3; width: 1.7rem; height: 1.7rem; align-items: center; justify-content: center; border-radius: 9999px; background: rgba(0,0,0,.75); color: #fcd34d; border: 1px solid rgba(252,211,77,.45); font-size: .85rem; font-weight: 800; }
@media (hover: none) { .ba-info { display: flex; } }

/* Ordnerbaum: Hervorhebung «Neuste» */
@keyframes ba-glow-g { 0%,100% { box-shadow: 0 0 0 0 rgba(15,127,88,0); } 50% { box-shadow: 0 0 12px 2px rgba(15,127,88,.32); } }
@keyframes ba-glow-r { 0%,100% { box-shadow: 0 0 0 0 rgba(217,7,0,0); } 50% { box-shadow: 0 0 12px 2px rgba(217,7,0,.28); } }
.ba-pulse { animation: ba-glow-g 3.6s ease-in-out infinite; }
.ba-pulse-r { animation-name: ba-glow-r; }
.ba-newest { border: 1px solid rgba(15,127,88,.45); background: linear-gradient(90deg, rgba(15,127,88,.12), rgba(15,127,88,.03)); }
.ba-newest.ba-pulse-r { border-color: rgba(217,7,0,.4); background: linear-gradient(90deg, rgba(217,7,0,.1), rgba(217,7,0,.02)); }
.ba-newest a { color: var(--ink); }
.ba .folder-icon { filter: saturate(.9); }

/* Suche: Feld und Auswahl Alles/Fotos/Videos gemeinsam im grün pulsierenden Rahmen */
.ba-search { border: 2px solid rgba(15,127,88,.6); border-radius: 14px; background: #fff; padding: .35rem .4rem .45rem; animation: ba-glow-g 3.6s ease-in-out infinite; }
.ba-search:focus-within { border-color: #0f7f58; animation: none; box-shadow: 0 0 0 3px rgba(15,127,88,.18); }
.ba-search-row { display: flex; align-items: center; gap: .35rem; }
.ba-search-row #search-icon { padding-left: .35rem; font-size: 1rem; }
.ba-search-row input { flex: 1 1 auto; min-width: 0; border: 0; outline: 0; background: transparent; padding: .45rem .2rem; font-size: .95rem; }
.ba-search-row input::-webkit-search-cancel-button { -webkit-appearance: none; }
.ba-search-go { flex: none; border: 0; border-radius: 9px; background: #0f7f58; color: #fff; font-weight: 700; font-size: .78rem; padding: .45rem .7rem; cursor: pointer; }
.ba-search-go:hover { background: #0b6b4a; }
.ba-sf { display: flex; gap: .3rem; margin-top: .35rem; padding-top: .4rem; border-top: 1px dashed rgba(15,127,88,.3); position: relative; }
.ba-sf label { flex: 1 1 0; cursor: pointer; }
.ba-sf input { position: absolute; opacity: 0; pointer-events: none; }
.ba-sf span { display: block; text-align: center; padding: .28rem .2rem; border-radius: 8px; border: 1px solid transparent; color: var(--muted); font-size: .74rem; font-weight: 700; transition: all .15s; }
.ba-sf label:hover span { background: var(--alt); }
.ba-sf input:checked + span { border-color: rgba(15,127,88,.5); background: #e6f3ed; color: #0b6b4a; }
.ba-sf input:focus-visible + span { outline: 2px solid #0f7f58; outline-offset: 1px; }
@keyframes pulse-soft { 0%, 100% { transform: scale(1); opacity: .8; } 50% { transform: scale(1.15); opacity: 1; } }
.animate-lupe { animation: pulse-soft 3s infinite ease-in-out; display: inline-block; }

/* Kamera und Schriftzug in der Seitenleiste */
.ba-camside { display: flex; justify-content: center; padding: .15rem 0 0; }
.ba-camside .ba-cam { height: 78px; width: auto; margin: 0; transform-origin: 50% 60%; animation: fh-cam 5.5s ease-in-out infinite; }
.ba-wm { text-align: center; line-height: 1.02; margin-top: -.15rem; }
.ba-wm b { display: block; font-weight: 900; font-size: 1.22rem; letter-spacing: -.012em; background: linear-gradient(90deg, #0f7f58, #b7791f); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ba-wm span { display: inline-block; margin-top: .3rem; padding: .05rem .55rem; border-radius: 9999px; border: 1px solid #e7c675; color: var(--amber); font: 800 .68rem/1.4 ui-monospace, Menlo, Consolas, monospace; letter-spacing: .14em; }
.ba-sidecontact { display: flex; flex-direction: column; gap: .35rem; margin-top: .5rem; padding-top: .9rem; border-top: 1px solid var(--line); font-size: .82rem; }
.ba-sidecontact a { color: var(--ink2); text-decoration: none; }
.ba-sidecontact a:hover { color: var(--g); }
.ba-sidecontact .ba-price { align-self: flex-start; padding: .3rem .7rem; border-radius: 7px; background: #f2c14e; color: #2a2108; font-weight: 800; }

/* YouTube: Warten, Video-Seite */
.ba-wait { text-align: center; padding: 3.5rem 1rem; border-radius: 14px; border: 1px solid var(--line); background: var(--surface); color: var(--muted); }
.ba-wait .win-spinner { margin: 0 auto 1.1rem; }
.vp-wrap { max-width: 56rem; }
.vp-player { position: relative; aspect-ratio: 16 / 9; background: #000; border-radius: 12px; overflow: hidden; box-shadow: 0 14px 30px rgba(0,0,0,.18); }
.vp-player iframe { width: 100%; height: 100%; border: 0; display: block; }
.vp-poster { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; cursor: pointer; background: #000; }
.vp-poster img { width: 100%; height: 100%; object-fit: cover; opacity: .9; }
.vp-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 76px; height: 54px; border-radius: 14px; background: #d90700; color: #fff; font-size: 1.6rem; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 20px rgba(0,0,0,.35); }
.vp-poster:hover .vp-play { background: #b80600; }
.vp-note { position: absolute; left: 0; right: 0; bottom: 0; padding: .5rem .8rem; background: rgba(0,0,0,.6); color: #e5e5e5; font-size: .72rem; text-align: left; }
.vp-note a { color: #fff; }
.vp-meta { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0; font-size: .82rem; color: var(--muted); align-items: center; }
.vp-meta a { color: var(--g); text-decoration: none; padding: .2rem .6rem; border: 1px solid var(--line); border-radius: 9999px; background: var(--surface); }
.vp-meta a:hover { border-color: var(--g); }
.vp-desc { white-space: pre-line; color: var(--ink2); font-size: .92rem; line-height: 1.55; margin-bottom: 1.5rem; }

/* Anfrage-Knopf und Fenster */
.ba-fab { position: fixed; right: 12px; bottom: 84px; z-index: 950; }
@media (min-width: 768px) { .ba-fab { right: 24px; bottom: 24px; } }
.floating-order-btn { display: flex; align-items: center; gap: .6rem; padding: .75rem 1.1rem; border: 1px solid rgba(255,255,255,.3); border-radius: 9999px; background: #0f7f58; color: #fff; font-weight: 700; font-size: .95rem; cursor: pointer; box-shadow: 0 10px 25px -5px rgba(15,127,88,.45); animation: float-pulse 3s infinite ease-in-out; }
.floating-order-btn:hover { background: #0b6b4a; }
#cart-badge { margin-left: .3rem; padding: .05rem .5rem; background: rgba(0,0,0,.25); color: #fff; font-size: .75rem; border-radius: 9999px; }
@keyframes float-pulse { 0%, 100% { transform: translateY(0) scale(1); box-shadow: 0 10px 25px -5px rgba(15,127,88,.35); } 50% { transform: translateY(-4px) scale(1.04); box-shadow: 0 15px 30px -5px rgba(15,127,88,.55); } }
.ba-modal { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; }
.ba-modal-h { background: var(--alt); border-bottom: 1px solid var(--line); }
.ba-modal-h h2 { margin: 0; color: var(--ink); }
.ba-note-box { background: var(--bg); border: 1px solid var(--line); color: var(--ink2); }
.ba-in { width: 100%; background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: .55rem .65rem; color: var(--ink); outline: none; }
.ba-in:focus { border-color: #0f7f58; box-shadow: 0 0 0 3px rgba(15,127,88,.15); }
.ba-send { width: 100%; display: flex; align-items: center; justify-content: center; gap: .5rem; background: #0f7f58; color: #fff; font-weight: 700; padding: .7rem; border: 0; border-radius: 12px; font-size: .92rem; cursor: pointer; }
.ba-send:hover { background: #0b6b4a; }
.ba-send:disabled { opacity: .6; cursor: wait; }
.ba-ok { margin: 0; padding: .7rem .9rem; border-radius: 10px; background: #e6f3ed; border: 1px solid rgba(15,127,88,.35); color: #0b6b4a; font-weight: 600; }
.ba .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.cursor-grab { cursor: grab; } .cursor-grabbing { cursor: grabbing; }

/* Auf Archivseiten ersetzt die Seitenleiste die mobile Schnellleiste nicht – beide passen zusammen */
.pg-archive-app .ftr { margin-top: 0; }
@media (prefers-reduced-motion: reduce) { .ba-pulse, .ba-search, .ba-cam, .floating-order-btn, .animate-lupe { animation: none !important; } .ba-quote p { animation: none; opacity: .95; } }
@media (min-width: 1024px) { .ba-mobbtn { display: none; } }