:root{--c-primary: #0B1A2A;--c-primary-600: #0E2237;--c-primary-700: #08131F;--c-secondary: #D4AF37;--c-secondary-600: #B6902A;--c-accent: #000b06;--c-accent-600: #001d1a;--c-text: #111827;--c-muted: #6B7280;--c-bg: #FFFFFF;--c-surface: #F5F7FA;--c-border: #E5E7EB;--c-success: #16A34A;--c-danger: #DC2626;--c-warning: #F59E0B;--c-info: #2563EB;--radius: 12px;--radius-sm: 8px;--radius-lg: 20px;--shadow-1: 0 2px 8px rgba(17,24,39,.06);--shadow-2: 0 8px 24px rgba(17,24,39,.1);--ring: 0 0 0 4px rgba(0, 194, 168, .18)}.dark{--c-text: #F9FAFB;--c-muted: #CBD5E1;--c-bg: #0B1220;--c-surface: #0F172A;--c-border: #1F2937;--ring: 0 0 0 4px rgba(212, 175, 55, .25)}body{color:var(--c-text);background:var(--c-bg)}a{color:var(--c-accent);text-decoration:none}hr{border:0;height:1px;background:var(--c-border)}.card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-1)}.card--hover:hover{box-shadow:var(--shadow-2);transform:translateY(-1px);transition:all .2s ease}.card__header{padding:1rem 1.25rem;border-bottom:1px solid var(--c-border)}.card__body{padding:1.25rem}.card__footer{padding:1rem 1.25rem;border-top:1px solid var(--c-border)}.btn{--btn-bg: var(--c-primary);--btn-fg: #fff;--btn-bd: transparent;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;font-weight:600;font-size:.925rem;border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-bd);transition:all .2s ease;box-shadow:0 1px #00000008}.btn:hover{filter:brightness(.96);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn[disabled],.btn:disabled{opacity:.55;pointer-events:none}.btn-primary{--btn-bg: var(--c-primary);--btn-bd: var(--c-primary)}.btn-accent{--btn-bg: var(--c-accent);--btn-bd: var(--c-accent)}.btn-gold{--btn-bg: var(--c-secondary);--btn-bd: var(--c-secondary);color:#111}.btn-outline{--btn-bg: transparent;--btn-fg: var(--c-text);--btn-bd: var(--c-border)}.btn-outline:hover{background:var(--c-surface)}.btn-ghost{--btn-bg: transparent;--btn-fg: var(--c-text);--btn-bd: transparent}.btn-danger{--btn-bg: var(--c-danger);--btn-bd: var(--c-danger)}.btn-success{--btn-bg: var(--c-success);--btn-bd: var(--c-success)}.btn-sm{padding:.45rem .7rem;font-size:.85rem;border-radius:10px}.btn-lg{padding:.8rem 1.25rem;font-size:1rem;border-radius:var(--radius)}.btn-icon{width:40px;height:40px;padding:0}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .55rem;font-size:.75rem;font-weight:600;border-radius:999px;border:1px solid transparent;white-space:nowrap}.badge-primary{background:#0b1a2a14;color:var(--c-primary);border-color:#0b1a2a1f}.badge-gold{background:#d4af371f;color:#7a5e00;border-color:#d4af3759}.badge-success{background:#16a34a1f;color:#126b34;border-color:#16a34a40}.badge-danger{background:#dc26261f;color:#7a1a1a;border-color:#dc262640}.badge-info{background:#2563eb1f;color:#1e3a8a;border-color:#2563eb40}.alert{display:grid;grid-template-columns:24px 1fr;gap:.75rem;padding:.9rem 1rem;border:1px solid;border-radius:var(--radius-sm);background:var(--c-surface)}.alert svg{width:24px;height:24px}.alert-title{font-weight:700;margin-bottom:.25rem}.alert-primary{border-color:#0b1a2a40;color:var(--c-primary)}.alert-success{border-color:#16a34a40;color:var(--c-success)}.alert-danger{border-color:#dc262640;color:var(--c-danger)}.alert-warning{border-color:#f59e0b59;color:var(--c-warning);background:linear-gradient(0deg,rgba(245,158,11,.05),transparent)}.input,.select,.textarea{width:100%;background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:.6rem .75rem;transition:border-color .15s ease,box-shadow .15s ease}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--c-muted)}.input::placeholder,.textarea::placeholder{color:var(--c-muted)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--c-accent);box-shadow:var(--ring)}.input[disabled],.select[disabled],.textarea[disabled]{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.qty{display:inline-flex;align-items:center;gap:.25rem;border:1px solid var(--c-border);border-radius:10px;padding:.15rem}.qty input{width:56px;text-align:center;border:0;background:transparent;padding:.4rem 0}.qty .btn-icon{width:32px;height:32px;border-radius:8px}.money{font-variant-numeric:tabular-nums;letter-spacing:.2px}.money--old{color:var(--c-muted);text-decoration:line-through}.money--best{color:var(--c-success)}.ribbon{position:absolute;top:12px;left:-10px;padding:.25rem .6rem;background:var(--c-secondary);color:#111;font-weight:700;font-size:.7rem;box-shadow:var(--shadow-1);transform:skew(-12deg);border-radius:4px}.ribbon>span{display:inline-block;transform:skew(12deg)}.stock-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.stock-dot--ok{background:var(--c-success)}.stock-dot--low{background:var(--c-warning)}.stock-dot--out{background:var(--c-danger)}.share{background:var(--c-surface);border:1px dashed var(--c-border);border-radius:var(--radius-sm);padding:.75rem}.share__link{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.skeleton{position:relative;overflow:hidden;background:#e5e7eb;border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);animation:shimmer 1.4s infinite;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent)}@keyframes shimmer{to{transform:translate(100%)}}.navbar{border-bottom:1px solid var(--c-border);background:var(--c-bg)}.nav-link{color:var(--c-text);opacity:.85;padding:.5rem .75rem;border-radius:10px}.nav-link:hover{opacity:1;background:var(--c-surface)}.nav-link.is-active{color:var(--c-primary);background:#0b1a2a14;font-weight:700}.hero{background:linear-gradient(135deg,var(--c-primary-700),var(--c-primary) 50%,var(--c-accent-600));color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.hero .hero__cta .btn{box-shadow:0 8px 24px #00c2a840}.footer-stripe{border-top:3px solid var(--c-secondary)}.rounded-preis{border-radius:var(--radius)}.border-preis{border-color:var(--c-border)}.text-muted{color:var(--c-muted)}.bg-surface{background:var(--c-surface)}#preis-loading-overlay.hidden{display:none}#preis-loading-overlay.is-visible{display:block}.preis-spinner{width:44px;height:44px;border-radius:999px;border:3px solid rgba(11,26,42,.18);border-top-color:var(--c-secondary, #D4AF37);animation:preis-spin .9s linear infinite;box-shadow:0 0 0 3px #ffffff40 inset}@keyframes preis-spin{to{transform:rotate(360deg)}}.preis-progress{height:100%;width:40%;background:linear-gradient(90deg,#d4af3740,#d4af37e6 40%,#d4af3740);animation:preis-progress 1.2s ease-in-out infinite;border-bottom-left-radius:14px;border-bottom-right-radius:14px}@keyframes preis-progress{0%{transform:translate(-120%)}50%{transform:translate(20%)}to{transform:translate(120%)}}.card--hover:hover{box-shadow:0 8px 24px #1118271f;transform:translateY(-1px);transition:.2s}[x-ref="track"]{touch-action:pan-y}.home-pro{--hp-navy: #0B1A2A;--hp-navy-800: #0E2237;--hp-navy-900: #05101B;--hp-ink: #0A0A0A;--hp-gold: #00A1FF;--hp-gold-600: #0088D6;--hp-gold-700: #0068A3;--hp-gold-800: #004F7D;--hp-gold-50: #E6F5FF;--hp-gold-100: #B8E0FF;--hp-cream: #FBF8F1;--hp-muted: #3F3F46;--hp-muted-2: #52525B;--hp-hair: rgba(11, 26, 42, .1);--hp-shadow-sm: 0 1px 2px rgba(11,26,42,.05), 0 1px 3px rgba(11,26,42,.07);--hp-shadow-md: 0 2px 4px rgba(11,26,42,.05), 0 8px 16px -4px rgba(11,26,42,.09);--hp-shadow-lg: 0 4px 8px rgba(11,26,42,.05), 0 24px 48px -12px rgba(11,26,42,.2);--hp-shadow-xl: 0 8px 16px rgba(11,26,42,.07), 0 40px 80px -20px rgba(11,26,42,.28);--hp-ease: cubic-bezier(.22, 1, .36, 1);font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern","liga","calt";color:var(--hp-navy)}.home-pro h1,.home-pro h2,.home-pro h3{font-family:inherit;letter-spacing:-.022em;text-wrap:balance;color:#fff}.home-pro h1,.home-pro h2{font-weight:800}.home-pro h3{font-weight:700}.home-pro .bg-neutral-900{background-color:var(--hp-navy)!important}.home-pro .text-neutral-900{color:var(--hp-navy)!important}.home-pro .hover\:bg-neutral-900:hover{background-color:var(--hp-navy-900)!important}.home-pro .hover\:text-neutral-900:hover{color:var(--hp-navy)!important}.home-pro .hover\:ring-neutral-900:hover,.home-pro .ring-neutral-900{--tw-ring-color: var(--hp-navy) !important}.home-pro .border-neutral-900{border-color:var(--hp-navy)!important}.home-pro .text-neutral-600{color:var(--hp-muted)!important}.home-pro .text-neutral-500{color:var(--hp-muted-2)!important}.home-pro .text-neutral-700{color:#27272a!important}.home-pro .bg-neutral-50,.home-pro .bg-neutral-100{background-color:#e5e7eb!important}.home-pro .text-amber-700{color:var(--hp-gold-800)!important}.home-pro .text-amber-600,.home-pro .text-amber-500{color:var(--hp-gold-700)!important}.home-pro .text-amber-400{color:var(--hp-gold)!important}.home-pro .bg-amber-50{background-color:var(--hp-gold-50)!important}.home-pro .bg-amber-100{background-color:var(--hp-gold-100)!important}.home-pro .bg-amber-400,.home-pro .bg-amber-500{background-color:var(--hp-gold)!important}.home-pro .bg-amber-600,.home-pro .hover\:bg-amber-400:hover,.home-pro .hover\:bg-amber-500:hover,.home-pro .hover\:bg-amber-600:hover{background-color:var(--hp-gold-600)!important}.home-pro .hover\:text-amber-700:hover{color:var(--hp-gold-800)!important}.home-pro .hover\:text-amber-400:hover{color:var(--hp-gold)!important}.home-pro .ring-amber-100{--tw-ring-color: rgba(0,161,255,.25) !important}.home-pro .ring-amber-200{--tw-ring-color: rgba(0,161,255,.45) !important}.home-pro .ring-amber-500{--tw-ring-color: var(--hp-gold) !important}.home-pro .group-hover\:bg-amber-500:hover,.home-pro .group:hover .group-hover\:bg-amber-500{background-color:var(--hp-gold)!important}.home-pro .group:hover .group-hover\:ring-amber-500{--tw-ring-color: var(--hp-gold) !important}.home-pro .group:hover .group-hover\:text-white{color:#fff!important}.home-pro .bg-amber-500,.home-pro .bg-amber-400{color:var(--hp-navy)}.home-pro [class*="bg-amber-500/"],.home-pro [class*="bg-amber-400/"]{background-color:#00a1ff2e!important}.home-pro p{text-wrap:pretty}.home-pro .price,.home-pro [class*=tabular-nums],.home-pro .font-extrabold.tracking-tight{font-variant-numeric:tabular-nums;font-feature-settings:"tnum","lnum"}.home-pro .shadow-sm{box-shadow:var(--hp-shadow-sm)!important}.home-pro .shadow{box-shadow:var(--hp-shadow-md)!important}.home-pro .shadow-lg{box-shadow:var(--hp-shadow-lg)!important}.home-pro .shadow-xl,.home-pro .shadow-2xl{box-shadow:var(--hp-shadow-xl)!important}.home-pro .ring-1.ring-neutral-200,.home-pro .ring-1.ring-neutral-100{--tw-ring-color: var(--hp-hair)}.home-pro .hp-grain{position:relative}.home-pro .hp-grain:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:160px 160px}.home-pro .tracking-\[0\.22em\]{letter-spacing:.22em!important;font-feature-settings:"kern","ss01"}.home-pro .group:hover .group-hover\:text-amber-700{text-underline-offset:4px;text-decoration-thickness:1.5px}.home-pro [href]:hover{transition-timing-function:var(--hp-ease)}.home-pro a:focus-visible,.home-pro button:focus-visible{outline:2px solid var(--hp-accent);outline-offset:3px;border-radius:999px}.home-pro [data-reveal]:not(.opacity-0):not(.opacity-100){opacity:1}.home-pro{scroll-behavior:smooth}.home-pro .hp-card-hero{transition:transform .5s var(--hp-ease),box-shadow .5s var(--hp-ease)}.home-pro .hp-card-hero:hover{transform:translateY(-4px);box-shadow:var(--hp-shadow-xl)}@keyframes hp-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.home-pro .hp-marquee{display:flex;gap:3rem;animation:hp-marquee 32s linear infinite}.home-pro .hp-marquee:hover{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.home-pro *,.home-pro *:before,.home-pro *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:root{--brand-50: #E6F5FF;--brand-100: #B8E0FF;--brand-200: #8FCCFF;--brand-300: #66B8FF;--brand-400: #33ACFF;--brand-500: #00A1FF;--brand-600: #0088D6;--brand-700: #0068A3;--brand-800: #004F7D;--brand-900: #003A5E}.bg-brand-50{background-color:var(--brand-50)}.bg-brand-100{background-color:var(--brand-100)}.bg-brand-200{background-color:var(--brand-200)}.bg-brand-300{background-color:var(--brand-300)}.bg-brand-400{background-color:var(--brand-400)}.bg-brand-500,.bg-brand{background-color:var(--brand-500)}.bg-brand-600{background-color:var(--brand-600)}.bg-brand-700{background-color:var(--brand-700)}.bg-brand-800{background-color:var(--brand-800)}.bg-brand-900{background-color:var(--brand-900)}.bg-brand\/5{background-color:#00a1ff0d}.bg-brand\/10{background-color:#00a1ff1a}.bg-brand\/15{background-color:#00a1ff26}.bg-brand\/20{background-color:#00a1ff33}.bg-brand\/30{background-color:#00a1ff4d}.bg-brand\/50{background-color:#00a1ff80}.bg-brand\/75{background-color:#00a1ffbf}.text-brand-50{color:var(--brand-50)}.text-brand-100{color:var(--brand-100)}.text-brand-200{color:var(--brand-200)}.text-brand-300{color:var(--brand-300)}.text-brand-400{color:var(--brand-400)}.text-brand-500,.text-brand{color:var(--brand-500)}.text-brand-600{color:var(--brand-600)}.text-brand-700{color:var(--brand-700)}.text-brand-800{color:var(--brand-800)}.text-brand-900{color:var(--brand-900)}.border-brand-50{border-color:var(--brand-50)}.border-brand-100{border-color:var(--brand-100)}.border-brand-200{border-color:var(--brand-200)}.border-brand-300{border-color:var(--brand-300)}.border-brand-400{border-color:var(--brand-400)}.border-brand-500,.border-brand{border-color:var(--brand-500)}.border-brand-600{border-color:var(--brand-600)}.border-brand-700{border-color:var(--brand-700)}.border-brand-800{border-color:var(--brand-800)}.border-brand-900{border-color:var(--brand-900)}.ring-brand-50{--tw-ring-color: var(--brand-50)}.ring-brand-100{--tw-ring-color: var(--brand-100)}.ring-brand-200{--tw-ring-color: var(--brand-200)}.ring-brand-300{--tw-ring-color: var(--brand-300)}.ring-brand-400{--tw-ring-color: var(--brand-400)}.ring-brand-500,.ring-brand{--tw-ring-color: var(--brand-500)}.ring-brand-600{--tw-ring-color: var(--brand-600)}.ring-brand-700{--tw-ring-color: var(--brand-700)}.ring-brand-800{--tw-ring-color: var(--brand-800)}.ring-brand-900{--tw-ring-color: var(--brand-900)}.outline-brand{outline-color:var(--brand-500)}.fill-brand{fill:var(--brand-500)}.stroke-brand{stroke:var(--brand-500)}.hover\:bg-brand-50:hover{background-color:var(--brand-50)}.hover\:bg-brand-100:hover{background-color:var(--brand-100)}.hover\:bg-brand-200:hover{background-color:var(--brand-200)}.hover\:bg-brand-300:hover{background-color:var(--brand-300)}.hover\:bg-brand-400:hover{background-color:var(--brand-400)}.hover\:bg-brand-500:hover,.hover\:bg-brand:hover{background-color:var(--brand-500)}.hover\:bg-brand-600:hover{background-color:var(--brand-600)}.hover\:bg-brand-700:hover{background-color:var(--brand-700)}.hover\:bg-brand-800:hover{background-color:var(--brand-800)}.hover\:bg-brand-900:hover{background-color:var(--brand-900)}.hover\:text-brand-50:hover{color:var(--brand-50)}.hover\:text-brand-100:hover{color:var(--brand-100)}.hover\:text-brand-200:hover{color:var(--brand-200)}.hover\:text-brand-300:hover{color:var(--brand-300)}.hover\:text-brand-400:hover{color:var(--brand-400)}.hover\:text-brand-500:hover,.hover\:text-brand:hover{color:var(--brand-500)}.hover\:text-brand-600:hover{color:var(--brand-600)}.hover\:text-brand-700:hover{color:var(--brand-700)}.hover\:text-brand-800:hover{color:var(--brand-800)}.hover\:text-brand-900:hover{color:var(--brand-900)}.hover\:border-brand-50:hover{border-color:var(--brand-50)}.hover\:border-brand-100:hover{border-color:var(--brand-100)}.hover\:border-brand-200:hover{border-color:var(--brand-200)}.hover\:border-brand-300:hover{border-color:var(--brand-300)}.hover\:border-brand-400:hover{border-color:var(--brand-400)}.hover\:border-brand-500:hover,.hover\:border-brand:hover{border-color:var(--brand-500)}.hover\:border-brand-600:hover{border-color:var(--brand-600)}.hover\:border-brand-700:hover{border-color:var(--brand-700)}.hover\:border-brand-800:hover{border-color:var(--brand-800)}.hover\:border-brand-900:hover{border-color:var(--brand-900)}.hover\:ring-brand-500:hover,.hover\:ring-brand:hover{--tw-ring-color: var(--brand-500)}.focus\:ring-brand:focus,.focus\:ring-brand-500:focus{--tw-ring-color: var(--brand-500)}.focus\:border-brand:focus,.focus\:border-brand-500:focus{border-color:var(--brand-500)}.focus-visible\:outline-brand:focus-visible{outline-color:var(--brand-500)}.group:hover .group-hover\:bg-brand-500,.group:hover .group-hover\:bg-brand{background-color:var(--brand-500)}.group:hover .group-hover\:bg-brand-600{background-color:var(--brand-600)}.group:hover .group-hover\:text-brand-500,.group:hover .group-hover\:text-brand{color:var(--brand-500)}.group:hover .group-hover\:text-brand-700{color:var(--brand-700)}.group:hover .group-hover\:border-brand{border-color:var(--brand-500)}.group:hover .group-hover\:ring-brand{--tw-ring-color: var(--brand-500)}.bg-gradient-brand{background-image:linear-gradient(90deg,var(--brand-600),var(--brand-500) 50%,var(--brand-400))}.bg-gradient-brand-dark{background-image:linear-gradient(135deg,var(--brand-800),var(--brand-600))}.text-gradient-brand{background:linear-gradient(90deg,var(--brand-600),var(--brand-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}